* { 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:active, a:focus { color: #000; text-decoration: none !important; font-weight: normal; }

::-webkit-input-placeholder { color: #9099b7; }

input:-moz-placeholder { color: #9099b7; }

html { font-size: 62.5%; height: 100%; }
body { font-family: "Microsoft YaHei","微软雅黑","宋体",宋体; font-size: 1.4rem; margin: auto; min-height: 100%; }
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; }

.container {  margin: auto; position: relative; overflow: hidden;max-width:32rem; }

.* { 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 {  text-decoration: none !important; }

::-webkit-input-placeholder { color: #9099b7; }

input:-moz-placeholder { color: #9099b7; }

html { font-size: 62.5%; height: 100%; }
body { font-family: "Microsoft YaHei","微软雅黑","宋体",宋体; font-size: 1.4rem; margin: auto; min-height: 100%; }
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; }



.landscape { display: none; position: relative; z-index: 99; width: 100%; height: 100%; }
    .landscape img { display: block; width: 20.6rem; height: 11.7rem; position: absolute; top: 50%; left: 50%; margin-left: -10.3rem; margin-top: -7.6rem; }
    .landscape p { width: 20.6rem; height: 3rem; line-height: 3rem; color: #fff; font-size: 1rem; position: absolute; top: 50%; left: 50%; margin-left: -9.8rem; text-align: center; margin-top: 4.2rem; }


.menu_Nva{width:100%;height:4.4rem;position:fixed;background:#fff;border-top:2px solid #e3e0da;z-index:1;bottom:0;}
.menu_Nva>ul>li{float:left;position:relative;width:20%;height:100%;text-align:center;}
.menu_Nva>ul>li>a>img{width:2.4rem;vertical-align:middle;margin:0.3rem auto 0;}
.menu_Nva>ul>li>a>p{font-size:1.1rem;color:#535963;text-align:center;}



@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;}
    .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: 5rem;}
    .landscape p {width: 240px;height: 30px;line-height: 30px;color: #fff;font-size: 10px;position: absolute;top:200px;left: 50%;margin-left: -98px;text-align: center;margin-top: 42px;}
    body {background:#b4090f;}
     .menu_Nva{display: none;} 

}

/*屏幕分辨*/
@media screen and (min-width:320px) and (max-height:415px) {
    html { font-size: 62.5%; }

}

@media screen and (min-width:320px) and (max-width:359px) {
    html { font-size: 62.5%; }
}

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

}

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

@media screen and (min-width:414px) and (max-width:539px) {
    html { font-size: 80.9375%; }
}
@media screen and (min-width:540px) and (max-width:639px) {
    html { font-size: 105.5625%; }
}
@media screen and (min-width:640px) {
    html { font-size: 125%; }
}