* { box-sizing: border-box; padding: 0; margin: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none; outline: none; }
a, a:hover, a:active, a:focus { color: #fff; text-decoration: none !important; }
::-webkit-input-placeholder { color: #9099b7; }
input:-moz-placeholder { color: #d9935c; }
html { font-size: 62.5%; }
body {    font-family: "Microsoft YaHei","微软雅黑",SimHei; font-size: 1.4rem;  max-width: 37.5rem; margin: auto; padding:0;}
img { border: none; }
ul, li { list-style: none; padding: 0; margin: 0; }
.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%; }
header, footer, nav, section { display: block; }


@media screen and (orientation:portrait) {
    /*  css[竖向定义样式]  */
    .portrait {display: block;z-index:20;overflow:hidden;}
    .landscape {display: none;}
}

@media screen and (orientation:landscape) {
    /*   css[横向定义样式]  */
    .portrait {display: none;}
    .loading {display:none;}
    .landscape {display: block;z-index: 99;}
    .landscape img {display: block;width: 206px;height: 117px;position: absolute;top: 50%;left: 50%;margin-left: -103px;margin-top: -76px;}
    .landscape p {width: 206px;height: 30px;line-height: 30px;color: #fff;font-size: 10px;position: absolute;top: 50%;left: 50%;margin-left: -98px;text-align: center;margin-top: 42px;}
    body {background: #000;}
}
/*屏幕分辨*/


@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%; }
}
.header {position: fixed;top: 0;width: 100%;height: 5rem;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;}
.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;}