/*手机端基础样式*/

.huangWapBox{display: block;}
.huangWapTop{height: 1rem;background: #444;box-sizing: border-box;overflow: hidden;display: flex;justify-content: space-between;position: fixed;z-index: 9999;width: 100%;left: 0;top: 0;}
.huangWapTop a{display: flex;align-items: center;box-sizing: border-box;padding: 0 0.3rem;}
.huangWapTop .fllogo img{width: 70%;}
.huangWapTop .frlink img{width: 0.6rem;font-size: inherit;}
.huangWapMask1{transform: translateX(100%); position: fixed; top: 1rem; left: 0; right: 0; bottom: 0; width: 100%; height: calc(100vh - 1rem); background: #fff; z-index: 9999999; transition: all 0.5s;display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;}
.huangWapMask2{transform: translateX(30%);background: #fff;}
.huangWapMenu{height: 100vh;overflow-y: auto;width: 70%;padding-bottom: 0.2rem;}

/*带下拉箭头的1级导航*/

.huangWapMenu .oneNav{width: 100%;display: flex;justify-content: space-between;align-items: center;background: #fff;border-bottom: 1px solid #fff;}
.huangWapMenu .oneNav a,.huangWapMenu .oneNav p{box-sizing: border-box;transition: all 0.5s;font-size: 0.28rem;}
.huangWapMenu .oneNav a{width: 75%;border: 0px solid red;text-indent: 2em;font-weight: 700;}
.huangWapMenu .oneNav p{width: 25%;display: inline-flex;justify-content: center;align-items: center;border-left: 1px solid #fff;cursor: pointer;}
.huangWapMenu .oneNav p img{width: 0.3rem;transform: rotate(90deg);transition: all 0.5s;}

/*带下拉箭头的2级导航*/

.huangWapMenu .twobNav{width: 100%;display: none;}
.huangWapMenu .twobNav a{width: 100%;display: flex;align-items: center;background: #f5f5f5;text-indent: 4em;font-size: 0.28rem;border-bottom: 1px solid #fff;}

/*纯1级导航不带任何下拉菜单*/

.huangWapMenu>a{background: #fff;display: flex;align-items: center;text-indent: 2em;font-weight: 700;transition: all 0.5s;border-bottom: 1px solid #fff;font-size: 0.28rem;}

/*带下拉箭头的1级导航~~~是展开还是收起*/

.huangWapMenu .oneNav.isHideClass + .twobNav{display: none;}
.huangWapMenu .oneNav.isHideClass p img{transform: rotate(0deg);}

/*统一高度*/

.huangWapMenu .twobNav a,.huangWapMenu>a,.huangWapMenu .oneNav a,.huangWapMenu .oneNav p{height: 0.9rem;line-height: 0.9rem;}

/*他们的鼠标悬浮效果*/

@media (any-hover: hover){
  /*-- 开始*/
  .huangWapMenu .oneNav p:hover,.huangWapMenu .oneNav a:hover,.huangWapMenu>a:hover,.huangWapMenu .twobNav a:hover{background: #ddd;}
  /*-- 结束*/
  }
@media screen and (max-width: 1200px){
  /*-- 开始*/
  .huangWapMenu .oneNav p:active,.huangWapMenu .oneNav a:active,.huangWapMenu>a:active,.huangWapMenu .twobNav a:active{background: #ddd;}
  /*-- 结束*/
  }

/*手机端的搜索框*/

#wapSearchDiv{background: #eee;display: flex;width: 60%;margin-left: 5%;align-items: center;justify-content: space-between;border-radius: 0.1rem;margin-top: 0.4rem;margin-bottom: 0.2rem;}
#wapSearchDiv input,#wapSearchDiv a{height: 0.9rem;display: inline-flex;justify-content: center;align-items: center;}
#wapSearchDiv input{width: 75%;padding-left: 0.4rem;font-size: 0.28rem;font-weight: 700;color: #B50000;}
#wapSearchDiv a{width: 25%;}
#wapSearchDiv a img{max-width: 90%;height: 0.4rem;}

/*手机端遮罩层*/

@media screen and (max-width: 1200px){
  /*--*/
  body{padding-top: 1rem !important;}
  #wapMaskID{height: 100vh;background: rgba(0, 0, 0, 0.4);box-sizing: border-box;overflow: hidden;position: fixed;z-index: 9999;width: 100%;left: 0;top: 0;right: 0;bottom: 0;display: none;}
  /*--*/
  }

/*他们的pc和wap的切换效果*/

@media screen and (min-width: 1200px){
  /*仅仅电脑端*/
  .huangWapBox{display: none;}
  }