* { 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:'Arial' ,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","宋体"; 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; }
.w-logo {
    width: 2rem;
    display: block;
    margin: 0 auto 1rem;
}
.cover{position:absolute;height:100%;width:100%;top:0;left:0;z-index:10}
.catalog{position:fixed;top:4rem;right:1rem;z-index:100;width:4rem;transition: right 1s ease;}
.catalog img{width:100%;}
@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)
{
    html
    {
        font-size: 70.3125%;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 73.25%;
    }
}
@media screen and (max-height:450px) {
    html {
        font-size: 80.875%;
    }
}
@media screen and (min-width:640px)
{
    html
    {
        font-size: 125%;
    }
    
}