.cover{background-size: cover; background-repeat: no-repeat; background-position: center center;}
.login_warp{background: #040816;padding: 220px 0 190px 0;color: #fff;}
.login_box{width: 640px;max-width: 94%; margin: auto;border: 1px solid rgba(255,255,255,0.38);box-sizing:border-box;padding: 35px 55px;padding-top: 80px;}
.login_box h1{text-align: center;position: relative;line-height: 36px;margin-bottom: 60px;font-weight: bold;}
.login_box h1 i{width: 113px;height: 1px;background: rgba(255,255,255,0.71);position: absolute;left: 0;top:50%;}
.login_box h1 i:last-child{left: auto;right: 0;}
.login_form ul{overflow: hidden;}
.login_form li{margin-bottom: 20px;}
.login_form input,.login_button button{height: 64px;line-height: 64px;width: 100%;box-sizing:border-box;padding: 0 20px;border-radius: 6px;border: none;outline: none;}


.login_form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #676767;
}

.login_form input:-ms-input-placeholder {
    color: #676767;
}

.login_form input::-webkit-input-placeholder {
    color: #676767;
}

.login_button button{text-align: center;background: #ff0000;color: #fff;}
.login_forget a{color: #fff;}
.login_forget{overflow: hidden;padding-top: 20px;}
.login_forget .login_le{float: left;}
.login_forget .login_re{float: right;}
.login_forget .login_re a{border-bottom: 1px solid #fff;}

/*注册*/
.register_warp{padding: 220px 0;padding-top: 230px;}
.register_warp .login_box{border:0;padding: 0;}
.register_warp{color: #676767;}
.register_warp .login_box h1 i{width: 212px;background: #6d6d6d;}
.register_warp .login_box{width: 550px;}
.register_warp .form_w{position: relative;}
.register_warp .form_w span{position: absolute;left: 20px;height: 100%;color: #676767;line-height: 64px;z-index: 9;}
.register_warp .form_w span i{color: #ff0000;}
.register_warp .login_form input{padding-left: 100px;}
.register_warp .login_form ul{padding-bottom: 20px;}
@media only screen and (max-width:1440px) {
.login_warp,.register_warp{padding: 100px 0;}
.login_box{padding-top: 50px;width: 420px;padding: 30px;}
.login_box h1{margin-bottom: 30px;}
.login_form input, .login_button button{height: 50px;line-height: 50px;}
.register_warp .login_box{width: 420px;}
.register_warp .form_w span{line-height: 50px;}
.register_warp .login_box h1 i{width: 165px;}
.login_box h1 i{width: 45px;}

}
@media only screen and (max-width:1024px) {
.register_warp .form_w span{line-height: 50px;}
.login_form input, .login_button button{height: 50px;line-height: 50px;}
.register_warp .login_form ul{padding-bottom: 0;}
}
@media only screen and (max-width:767px) {
.login_warp,.register_warp{padding: 50px 0;}
.login_box{padding:20px;}
.login_box h1{margin-bottom: 20px;}
.login_form input, .login_button button{height: 40px;line-height: 40px;}
.register_warp .form_w span{line-height: 40px;}
.register_warp .login_box h1 i{width: 35%;}
.login_box i{width: 14%;}

}

@media only screen and (min-width:1025px) {
.login_button button,a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.login_button button:hover{opacity: 0.8}
.login_forget a:hover{color: #f00 !important;opacity: 0.8}
.pay_tac a:hover{opacity: 0.8;}
}

/*动态*/
.charge_blank,.charge_tac{z-index: 99999;display: none;}
.charge_blank{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);}
.charge_tac{width: 525px;max-width: 90%; text-align: center;
transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:fixed; left:50%; top:50%;
}
.charge_ewm{background: #fff;}
.charge_top{background: #23ac3a;color: #fff;padding: 30px 20px;}
.charge_top h1{margin-bottom: 30px;}
.charge_top dt{margin-bottom: 20px;}
.charge_top dt img{width:297px;height: 297px;}
.charge_bottom {padding: 20px;}
.charge_tac h3{color: #fff;padding-top: 20px;}
.charge_tac h3 span{color: #ff0000;margin: 0 6px;}
.charge_clse{position: fixed;top:0;right:-80px;cursor: pointer;}
.charge_clse img{width: 35px;}

.dynamic_cont{padding-bottom: 110px;}
.dynamic_banner{margin-bottom: 35px;overflow: hidden;}
.dynamic_banner img{width: 100%;}
.dynamic_list ul{overflow: hidden;margin: 0 -10px;}
.dynamic_list li{float: left;width: 50%;padding: 30px 0;border-bottom:1px solid #d8d8d8;}
.dynamic_list dl{padding: 0 10px;overflow: hidden;}
.dynamic_banner{position: relative;}
.dynamic_banner_w{transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;width: 100%;}
.dynamic_banner_w h1{font-weight: bold;color: #fff;font-size: 54px;}
.dynamic_banner_w .wrap{width: 100%;max-width: 100%;box-sizing:border-box;padding-left: 5%}
.dynamic_list dt{color: #969696;width: 120px;float: left;}
.dynamic_list dt span{background: url(../images/time.svg) no-repeat 0 center;padding-left: 25px;}
.dynamic_list dd{width: calc(100% - 120px);float: right;}
.dynamic_list dd h3{margin-bottom: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dynamic_list dt,.dynamic_list dd h3{line-height: 36px;}
.pay_tac a{color: #ff0000;border-bottom: 1px solid #ff0000;padding-bottom: 10px;}
.dynamic_list ul{padding-bottom: 70px;}
.dynamic_list .page{margin: 0;}
@media only screen and (max-width:1440px) {
.dynamic_banner_w h1{font-size: 44px;}
.dynamic_banner{margin-bottom: 20px;}
.dynamic_list ul{padding-bottom: 50px;}
.dynamic_cont{padding-bottom: 80px;}
.charge_top dt img{width:220px;height: 220px;}
}
@media only screen and (max-width:1024px) {
.charge_top dt img{width:250px;height: 250px;}
.charge_clse{right: -55px;}
.charge_clse img{width: 25px;}
.charge_top h1{margin-bottom: 20px;}
.charge_top{padding: 20px;}
.charge_tac h3{font-size: 16px;}

.dynamic_list li{padding: 20px 0;float: none;width: 100%;}
.dynamic_list dt{width: 100px;}
.dynamic_list dd{width: calc(100% - 100px);}
.dynamic_list dl{padding: 0;}
.dynamic_list ul{margin: 0;padding-bottom: 40px;}
.dynamic_cont{padding-bottom: 60px;}
.dynamic_banner_w h1{font-size: 24px;}

}
@media only screen and (max-width:767px) {
.dynamic_banner{margin-bottom: 0;height: 120px;}
.dynamic_banner img{display: none;}

.charge_clse{right:0px;top:-30px;}
.charge_top dt img{width: 200px;height: 200px;}
.dynamic_list dt,.dynamic_list dd{float: none;width: 100%;}
.dynamic_list dt, .dynamic_list dd h3{line-height: 24px;}
.dynamic_list dd h3,.pay_tac {font-size: 16px;}
.dynamic_list dt{margin-bottom: 10px;}
.dynamic_list ul{padding-bottom: 20px;}
.dynamic_cont{padding-bottom: 40px;}
}





.h_login{position:absolute;right: 85px;}
.h_login a,.h_login b{float:left;font-weight:normal;}
.h_login a{margin:0 !important;}
.h_login b{margin:0 3px;}
.h_login a:hover{background:none !important;}
@media only screen and (max-width: 1000px) {
  .h_login{right: 110px;}
}
@media only screen and (max-width:765px) {
  .h_login{right:-10px;top:-25px;}
}