@media screen and (min-width: 320px) {
  html {
      font-size:42.6667px
  }
}

@media screen and (min-width: 360px) {
  html {
      font-size:48px
  }
}

@media screen and (min-width: 375px) {
  html {
      font-size:50px
  }
}

@media screen and (min-width: 412px) {
  html {
      font-size:54.9333px
  }
}

@media screen and (min-width: 414px) {
  html {
      font-size:55.2px
  }
}

@media screen and (min-width: 768px) {
  html {
      font-size:100px
  }
}
.none {
  display: none;
}
body{
  width:100%;
  /* min-width: 1200px; */
}
#header {
  width: 100%;
  height: 1rem;
  line-height: .9rem;
  margin: 0 auto;
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999999;
}
#header .logo{
  margin-top: 14px;
  float: left;
}
#header .logo_text{
  height: .7rem;
  border-bottom: .1rem solid #f5533d;
  color: #333;
  margin-left: .05rem;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  float: left;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}

#header .header-l {
  box-sizing: border-box;
  padding-top: .25rem;
  width: 88%;
  height: 100%;
  margin: 0 auto;
  background: #fff;
}

#header .header-l .header-l-nav{
  text-align: center;
  float: left;
  width: 0.4rem;
  height: 0.4rem;
  line-height: .5rem;
  background-image: url(../img/headerAndFooter/nav.png);
  background-size: cover;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
  behavior:url(./PIE.htc);
}
#header .header-l .change_old_page{
  float: right;
  position: relative;
  top: -0.43rem;
  width: 1.5rem;
  height: 0.36rem;
  letter-spacing: 0.01rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.28rem !important;
  border: 0.02rem solid #DDDDDD;
  cursor: pointer;
  font-size: 0.2rem;
  color: #666666;
  margin-left: 0.2rem;
}
#header .header-l .header-l-navclose{
  text-align: center;
  float: left;
  width: 0.4rem;
  height: 0.4rem;
  line-height: .5rem;
  background-image: url(../img/headerAndFooter/close.png);
  background-size: cover;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
  behavior:url(./PIE.htc);
}
#header .header-l .header-l-logo{
  text-align: center;
  width: 2rem;
  height: .5rem;
  margin: 0 auto;
  background-image: url(../img/headerAndFooter/logo.png);
  background-size: cover;
}

#header .header-l .header-l-login a{
  color: inherit;
}

#header ul {
  list-style: none;
}

#header a {
  cursor: pointer;
  font-size: .3rem;
}

#header .division {
  margin: 0 10px;
}

.sign {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.5);
  z-index: 999;
}
  .sign .header-top{
      height: .9rem;
      border-bottom: 1px solid #ccc;
      background-color: #fff;
  }
  .sign .header-top .close{
      float: right;
      background-image: url(../img/headerAndFooter/mobile/close.png);
      background-repeat: no-repeat;
      background-size: cover;
      width: .9rem;
      height: .9rem;
  }
.seclt {
  width: 100%;
  background-color: #fff;
}


.seclt li{
  height: 1rem;
  line-height: 1rem;
  font-size: .35rem;
  margin: 0 .5rem;
  font-family: "宋体";
  color: #666;
  border-bottom: 1px solid #ddd;
  font-weight: 400;
}
.seclt li .user_img{
  height: 1rem;
  width: 1rem;
  background-image: url(../img/headerAndFooter/mobile/user_img.png);
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  border-radius: 5rem;
}
.arrow{
  margin-top: .375rem;
  display: block;
  float: right;
  width: .125rem;
  height: .25rem;
  background-image: url(../img/headerAndFooter/mobile/arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.seclt li a {
  font-size: .35rem;
  font-family: "宋体";
  color: #666;
}
.seclt li .userId{
  color: #aaa;
  text-align: right;
  float: right;
}
#nickname_text {
  text-align: left;
  float: left;
  margin-left: .4rem;
  width: 5rem;
  overflow: hidden;
  font-family: '宋体';
  text-overflow: ellipsis;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}
.login {
  height: .7rem;
  padding: .5rem;
  background-color: #fff;
}
.login div{
  float: left;
  border-radius: .1rem;
  font-size: .3rem;
  text-align: center;
  height: .7rem;
  line-height: .7rem;
}
.login .login_btn{
  width: 3.7rem;
  background-color: #f5533d;
  color: #fff;
  border: 1px solid #f5533d;
}
.login .register_btn{
  margin-left: .3rem;
  border: 1px solid #f5533d;
  width: 2.4rem;
  color: #f5533d;
}
.footer {
  background-color: #f7f7f7;
  width: 100%;   
  padding-bottom: .3rem;
}
.service li{
  list-style: none;
  font-size: .3rem;
  color: #333333;
  margin: 0 .3rem;
  line-height: 1rem;
  border-bottom:1px solid #dddddd;
}
.service li a{
  color: #333;
}
.service .list li a{
  color: #666;
}
.service li i{
  display: block;
  float: right;
  background-size: cover;
  width: .25rem;
  height: .25rem;
  margin: .35rem .4rem;
}
.service li i.up{
  background-image: url(../img/headerAndFooter/upbtn.png);
}
.service li i.down{
  background-image: url(../img/headerAndFooter/downbtn_1.png);
}
.service .list li{
  border-bottom: none;
}
.footer .wxcode{
  width: 3rem;
  text-align: center;
}
.footer .wxcode img{
  width: 3rem;
  height: 3rem;
}
.footer .wxcode p{
  line-height: 0.5rem;
  margin-bottom: .5rem;
  font-size: .28rem;
  color: #666666;
}
.footer .code p{
  margin: .2rem .3rem;
  text-align: left;
  font-size: .24rem;
  color: #666666;
}
.footer .code .tel{
  margin: .4rem .3rem;
  font-size: .3rem;
}

.footer .code a{
  color: #666666;
}


/* 公用导航样式*/
#nav{
  border-top:1px solid #ddd;
  position: fixed;
  left: 0;
  right: 0;
  top: 1rem;
  bottom: 0;
  z-index: 99999;
  background-color: #fff;
  overflow-y: auto;
}
.product-list li{
  background-color: #f7f7f7;
  margin: .2rem 0;
  font-size: .3rem;
}
.product-list .list li{
  background-color: #f7f7f7;
  margin: 0 .65rem;
  height: .8rem;
  line-height: .8rem;
}
.product-list .list li a{
  font-size: .28rem;
  color: #666!important;
}
.product-list li a{
  color: #333!important;
  font-size: .3rem;
}

.product-list li i{
  float: left;
  margin: .35rem .2rem;
}
.product-list li i.right{
  background-image: url(../img/headerAndFooter/rightbtn.png);
}
.product-list li i.down_1{
  background-image: url(../img/headerAndFooter/downbtn_2.png);
}