@charset "utf-8";
/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
body{font: normal 14px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;}
html{
    height: 100%;
}
body{
    min-height: 100%;
    position: relative;
}
em,i{font-style:normal;}
strong{font-weight: normal;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none; color:#000;}
a:hover{}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family: Microsoft YaHei;}
img{border: none;}
*{padding:0; margin: 0;}
body{width:100%;background: #fff;margin:0 auto; text-align: center;overflow-x:hidden;}
[contenteditable = "true"], input, textarea {
    -webkit-user-select: auto!important;
    -khtml-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    -o-user-select: auto!important;
    user-select: auto!important;
}
.input::-webkit-input-placeholder {
    color: #999;
}
.input:-moz-placeholder {
    color: #999;
}
.input:-ms-input-placeholder {
    color: #999;
}
input,button{outline:none;}
li{list-style: none;}
table{text-align: center;border-collapse: collapse;}
.fl{
    float:left
}
.fr{
    float:right
}
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],

input[type="reset"],

input[type="button"],

input{-webkit-appearance:none; resize: none;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
    display: block;
}
/* 图片自适应 */
img {
    max-width: 100%;
    height: auto;
    width:auto\9; /* ie8 */
    -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
.va-m{
    vertical-align: middle;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.header{
    height: 1.06rem;
}
.header-fixed{
    height: 1.06rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #022868;
}
.header-l{
    margin-top: 0.25rem;
    margin-left: 3%;
    color: #fff;
    font-size: 0.38rem;
    letter-spacing: 0.1rem;
}
.header-l img{
    height: 0.53rem;
    vertical-align: middle;
}
.header-r{

}
.header-r img{
    width: 0.54rem;
    margin-right: 0.2rem;
}
.header-r2,.header-r1 {
    margin-right: 0.4rem;
    width: 0.54rem;
    height: 0.54rem;
    margin-right: 0.5rem;
    position: relative;
    background-size: contain;
}
.header-r2{
    margin-top: 0.32rem;
    background: url(../img/menu.png) top center no-repeat;
    background-size: contain;
}
.overflow-h{
    overflow: hidden;
}
.header-three img {
    width: 0.5rem;
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
}
.header-r1.close,.header-r2.close {
    background: url(../img/close.png) no-repeat center center / 70%;
    margin-top: 0.32rem;
}
.header-three {
    height: 0.9rem;
}
.header-fix3{
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.38rem;
    color: #333;
    text-align: center;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.nav {
    width: 40%;
    background-color: #111325;
    position: fixed;
    top: 1.06rem;
    right: 5%;
    z-index: 20;
    display: none;
}
.nav a {
    color: #fff;
    padding: 0.3rem 0.5rem;
    font-size: 0.35rem;
    border-top: 0.01rem solid #3c3e49;
    display: block;
    text-align: center;
    margin: 0 10%;
}
.nav a:active {
    color: #3899ff;
}
.userNav {
    padding: 0.5rem 4%;
    width: 92%;
}
.userNav a {
    width: 48%;
    font-size: 0.35rem;
    display: inline-block;
    padding: 0.1rem 0;
    text-align: center;
    color: #3899ff;
    border: 0.02rem solid #3899ff;
}
.userNav a:active {
    color: #fff;
    background-color: #3899ff;
}
.userNav .regiBtn{
    background-color: #3899ff;
    color: #fff;
}
.mask{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 1.06rem;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 10;
}
.footer{
    background: url(../img/footer.png) top center no-repeat;
    padding: 0.5rem 2%;
    font-size: 0.35rem;
    background-size: cover;
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
}
.footer.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.footer p{
    text-align: left;
    margin-bottom: 0.1rem;
}
.footer p label{
    color: #fff;
    margin-right: 0.2rem;
    font-size: 0.37rem;
}
.footer p span,.footer p a{
    margin-right: 0.2rem;
    color: #ccc;
}
.c-999{
    color: #999;
}