/************************************************************************************
RESET
*************************************************************************************/
@charset "utf-8";
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}
/* set image max width to 100% */
img, fieldset {border: 0;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.clear {zoom:1;clear:both; font-size:0px; height:0px;}
html,body{width:100%; height:auto;  font-size:100px;}
body {margin: 0; padding: 0; -webkit-font-smoothing: antialiased;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust:100%; -webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0); width:100%; height:100%; }
a { color: #333; text-decoration: none; }
a:active { color: #c00; text-decoration: none; }
.float-lt{float:left;}
.float-rt{float: right;}
.clrfix{zoom:1}
.clrfix:after{clear:both;display:block;height:0;visibility:hidden;content:"."}
ul, li { margin: 0; padding: 0; list-style: none; }
.left{float:left;}.right{float:right;}
.mt{margin-top: 0.3rem;}
/*顶部*/
body {
    max-width: 7.5rem; 
    margin: 0 auto;
    background: #f1f2f4;
    font-size: 0.24rem;
    font-family: "Microsoft Yahei","Hiragino Sans GB","Noto Sans CJK SC", "Source Han Sans CN", "WenQuanYi Micro Hei", sans-serif;
}
body * {
    max-width: 7.5rem;
}
.wrap{
    padding-bottom: 1.4rem;
}
/*top begin*/
.top{
    width:7.5rem;
    height: 0.88rem;
    background: #497d89;
    position: relative;
    font-size: 0.36rem;
    text-align: center;
    line-height: 0.88rem;
    color:#ffffff;
    font-weight: 400;
}
.top img{
    width: 2.8rem;
    height: 0.44rem;
    vertical-align: middle;
}
.back-ico{
    width:0.88rem;
    height: 0.88rem;
    position: absolute;
    left:0;
    top:0;
}
.back-ico img{
   width:0.88rem;
   height: 0.88rem;
   display: inline-block;
   vertical-align: top;
}

/*tx begin*/
.bdf{
    background:#fff;
    border-radius: 0.2rem;
}
.tx{
    width:6.86rem;
    height: 1.76rem;
    margin:0.3rem auto;
}
.tx-l{
    margin-left:0.4rem;
    float:left;
    width:4.4rem;
    height: 1.76rem;
    font-size: 0.36rem;
    color:#000;
    line-height: 1.76rem;
}
.tx-l img{
    width:1.2rem;
    height:1.2rem;
    display: inline-block;
    border-radius: 50%;
    margin-right:0.24rem;
    margin-top: 0.3rem;
    float:left;
}
.tx-r{
    width:1.72rem;
    height: 0.64rem;
    background: url(../images/btnbg.png) no-repeat left top;
    -webkit-background-size: contain;
    background-size: contain;
    text-align: center;
    line-height: 0.64rem;
    color:#fff;
    font-size: 0.3rem;
    float:right;
    margin-right: 0.3rem;
    margin-top: 0.54rem;
}
.tx-r a,.tx-r a:visited{
    color:#fff;
    display: block;
}
/*clock begin*/
.clock{
    width:6.86rem;
    height: 8.46rem;
    margin:0rem auto;
    padding:0.32rem;
    box-sizing: border-box;
}
.date-wrap{
    height: 1.12rem;
}
.date{
    background: #f5f6f6;
    border-radius: 0.2rem;
    width:2.94rem;
    height: 1.12rem;
    float:left;
    padding:0.16rem 0.2rem;
    box-sizing: border-box;
    font-size: 0.36rem;
}
.date p.state{
    color:#333;
    font-size: 0.24rem;
}
.date p span{
    margin-left: 0.1rem;
    font-family: arial;
    font-size: 0.38rem;
}
.dr{
    margin-right: 0.3rem;
    background: #def1f6;
}
.sign{
    width:3.4rem;
    height: 3.4rem;
    background: url(../images/clockbg.png) no-repeat left top;
    -webkit-background-size: contain;
    background-size: contain;
    text-align: center;
    margin:0rem auto 0rem;
    color:#fff;
    overflow:hidden;
}
.off{
    width:3.4rem;
    height: 3.4rem;
    background: url(../images/clockbg2.png) no-repeat left top;
    -webkit-background-size: contain;
    background-size: contain;
    text-align: center;
}
.sign h5{
    font-size: 0.52rem;
    padding-top: 1.24rem;
    margin-bottom: 0.16rem;
}
.sign p{
    font-size: 0.36rem;
    font-family: arial;
}
.sign a,.sign a:visited{
    color:#fff;
    display: block;
    width:100%;
    height: 100%;
}
.sign-text{
    font-size: 0.36rem;
    color:#497d89;
    text-align: center;
}
.sign-text i{
    width:0.4rem;
    height: 0.4rem;
    background: url(../images/check.png) no-repeat left top;
    display: inline-block;
    -webkit-background-size: cover;
    background-size: cover;
    vertical-align: middle;
    margin-top: -0.14rem;
    margin-right: 0.1rem;
}
.sign-text.no{
    color:#b9b9b9;
}
.sign-text.no i{
    width:0.4rem;
    height: 0.4rem;
    background: url(../images/check.png) no-repeat left bottom;
    display: inline-block;
    -webkit-background-size: cover;
    background-size: cover;
}

/*list begin*/
.cur{
    width:100%;
    height: 1.1rem;
    line-height: 1.1rem;
}
.cur ul li{
    width:33.33%;
    float:left;
    text-align: center;
}
.cur a,.cur a:visited{
    color:#000;
}
.list-tit{
    background: #639aa7;
    height: 0.8rem;
    line-height: 0.8rem;
}
.list-tit ul li{
    width:33.33%;
    float:left;
    text-align: center;
    color:#fff;
}
.list-tab{
    height: 0.8rem;
    line-height: 0.8rem;
}
.list-tab ul{
    background: #fff;
    height: 0.8rem;
    line-height: 0.8rem;    
    margin-bottom: 0.1rem;
}
.list-tab ul li{
    width:33.33%;
    float:left;
    color:#8c8c8c;
    text-align: center;
}

/*login begin*/
.login-head{
    width:100%;
    height: 4.54rem;
    background: url(../images/loginbg.jpg) no-repeat left top;
    -webkit-background-size: contain;
    background-size: contain;
}
.login{
    padding-top:0.5rem;
    padding-left: 0.7rem;
}
.login img{
    width:2.8rem;
    height: 0.44rem;
    display: block;
}
.login-text{
    font-size: 0.56rem;
    line-height: 0.84rem;
    color:#fff;
    padding-left: 0.7rem;
    padding-top: 0.7rem;
}
.login-wrap{
    background: #fff;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    margin-top: -0.6rem;
    padding-top: 0.8rem;
}
.login-box{
    padding:0 0.7rem;
    font-size: 0.36rem;
    margin-bottom: 0.3rem;
}
.login-box .login-input{
    width:6.3rem;
    float:left;
    height: 0.8rem;
    line-height:0.8rem;
    border:none;
    font-size: 0.3rem;
    color:#b6b6b6;
    outline: none;
    border-bottom:solid 0.02rem #dcdcdc;
}
.login-box .login-input::-webkit-input-placeholder { /* WebKit browsers */ color: #b6b6b6!important;}
.login-box .login-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #b6b6b6!important;}
.login-box .login-input::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #b6b6b6!important;}
.login-box .login-input:-ms-input-placeholder { /* Internet Explorer 10+ */  color: #b6b6b6!important;}
.forget{
    width:6.1rem;
    margin:0 auto;
    color:#b6b6b6;
}
.forget a,.forget a:visited{
    color:#b6b6b6;
}
.login-btn{
    width:6.3rem;
    height: 0.88rem;
    background: #497d89;
    border-radius: 0.2rem;
    text-align: center;
    margin:0.4rem auto;
    line-height: 0.88rem;
    color:#fff;
    font-size: 0.36rem;
}
.login-btn a,.login-btn a:visited{
    color:#fff;
    display: block;
}
/*弹框*/
.black_overlay{
display: none;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:4;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);

}
.white_content{
    display: none;
    top: 50%;
    left: 50%;
    background:#fff;
    z-index:6;
    height:3.6rem;
    width:4.8rem;
    border-radius:0.24rem;
    margin-top:-1.8rem;
    margin-left:-2.4rem;   
    box-sizing: border-box;
    font-size: 0.24rem;
    line-height: 0.4rem;
    color:#868686;
    position:fixed!important;/*FF IE7*/
    position:absolute;/*IE6*/
    _top:       expression(eval(document.compatMode &&
                document.compatMode=='CSS1Compat') ?
                documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
                document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);

}
.popup-text{
    font-size: 0.36rem;
    color:#497d89;
    font-weight: 700;
    text-align: center;
}
.popup-text img{
    width:1.2rem;
    height: 1.2rem;
    margin:0.34rem auto 0.2rem;
    display: block;
}
.popup-btn{
    width:3.82rem;
    height: 0.68rem;
    color:#fff;
    font-size: 0.36rem;
    margin:0.4rem auto 0;
    background: #497d89;
    border-radius: 0.2rem;
    text-align: center;
    line-height: 0.68rem;
}
.popup-btn a,.popup-btn a:visited{
    width:100%;
    display: block;
    color:#fff;
}
.popup-close{
    position: absolute;
    right:-0.4rem;
    top:-1.1rem;
}
.popup-close img{
    width:1.2rem;
    height:1.2rem;
}
/*footmenu begin*/
.foot{
    position:fixed;
    z-index:3;
    bottom:0px;
    height:1.2rem;
    background: #fff;
    width:100%;
    border-top:solid 0.02rem #639aa7;
    text-align:center;
    background-size: 100% 0.96rem;
    box-sizing:border-box;
    box-shadow: 0rem -0.1rem 0.2rem rgba(99,154,166,0.1);
    -webkit-box-sizing:border-box;
    color:#497d89;
}
.menu{
    position:relative;
    float:left;
    width:50%;
    height:0.7rem;
    line-height:0.7rem;
    border-right:0.02rem solid #ebebeb;
    box-sizing:border-box;
    margin-top: 0.3rem;
    -webkit-box-sizing:border-box;
}
.menu:last-child{
    border:none;
}
.bt-name{
    font-size:0.36rem;
    color:#497d89;
}
.bt-name img{
    display:inline-block;
    width:0.7rem;
    height: 0.7rem;
    vertical-align: middle;
    margin-right: 0.1rem;
    margin-top: -0.1rem;
}
.bt-name a,.bt-name a:visited{
    color:#497d89;
    display: block;
}