* {box-sizing: border-box;padding: 0;margin: 0;/* 防止点击闪烁 */-webkit-tap-highlight-color:rgba(0,0,0,0);/* 缩放网页，文字大小不变 */-webkit-text-size-adjust:none;}
html  {font-size: 62.5%; }
a, a:hover {color: #fff;text-decoration:none;}
body {font-size: 1.4rem;font-family:"Microsoft YaHei","微软雅黑",SimHei;overflow-x:hidden;}
ul,li{list-style:none;}
.clear{ clear:both;width:0;height:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{display:inline-table;}
.img-responsive { max-width: 100%; height: auto; display: block; }
.img-circle {border-radius:50%;max-width:100%; }
.Container { width: 100%; min-height: 300px;margin: 45px 0 50px 0;}
.header {position: fixed;top: 0;width: 100%;height:45px;overflow: hidden;z-index: 99;background: #1c1b20;}
.headerContainer {display: -webkit-box;width: 100%;height: 4.5rem;border-bottom: 1px solid #1c1b20;}
.back { width: 30px; padding: 10px 5px; }
.headertitle {-webkit-box-flex: 1;line-height: 44px;font-size:1.4rem;text-align: center;color: #face96;}
.home { width: 3rem; padding: 10px 0px; }
 .back img,.home img { width:20px;}
.mainContainer { width: 100%;margin:auto; position: relative; z-index: 1; max-width:640px;}
.nodata {margin:0px auto 0;width:113px ;}
.nodatap { text-align:center;margin-top:10px;color:#7a7a7a;font-size:1.8rem;}
    .nodatap a {color:#fff;background:#d60000;display:block;height:30px;line-height:30px;width:150px;margin:20px auto 0;line-height:30px;border-radius:15px; }
        .nodatap a img { vertical-align:middle;padding-bottom:3px;height:20px;}
      .loading { position: absolute; height: 40px; line-height: 40px; width: 100px; left: 50%; top: 50%; margin-left: -50px; margin-top: -20px; }

   .footer {width:100%;height: 5rem;background: #000;/* border-top:1px solid #eeeeee; */position: fixed;bottom: 0;z-index: 97;}
    .footer ul {display:-webkit-box;height:5rem;}
        .footer ul li {display: block;width:25%;text-align:center;padding-top: 1rem;}
   .footer ul li a{display:block;width:100%;text-decoration:none;}
          .footer ul li img {width: 2rem;display:block;margin:auto;}
         .footer ul li p {text-align:center;font-size:1rem;color:#9f9f9f;padding-top:.2rem;}
            .footer ul li p.active {color: #face96;}
/*屏幕分辨*/


@media screen and (min-width:360px) and (max-width:374px) {
    html { font-size: 70.3125%;  }
}

@media screen and (min-width:375px) and (max-width:413px) {
    html { font-size: 73.25%; }
}

@media screen and (min-width:414px) and (max-width:639px) {
    html { font-size: 68.93%; }
}
@media screen and (min-width:640px) and (max-width:749px) {
    html { font-size: 100%; }
}

@media screen and (min-width:750px) {
    html { font-size: 125%; }
}