﻿* {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; /*1.4 × 10px = 14px */padding: 45px 0 50px 0;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;}
.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;}
.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%; }
}