body, .content { width: 100%;  overflow: hidden; position: relative; background: none; }

.center { width: 1200px; margin: 0 auto; position: relative; height: 100%; }

#bigcontent { width: 100%;position: relative; overflow: hidden; background: #f6f6f7; }

.warp_ .header_ { height: 59px; line-height: 59px; background: #222127; border-bottom: 1px solid #222127; overflow: hidden; }
.warp_ .header_ .logo { background: url("../../images/h5_logo.png") no-repeat center; display: block; width: 155px; height: 36px; float: left; margin-top: 10px; }
.warp_ .header_ .user_name { float: right; font-size: 14px; }
.warp_ .header_ .user_name i { background: url("../../images/h5_login_ico.png") no-repeat center; display: inline-block; vertical-align: middle; height: 20px; width: 20px; background-position: -142px -33px; margin: 2px 3px 0 20px; }
.warp_ .header_ .user_name p { display: inline-block; vertical-align: middle; color: #fff; padding-right: 5px; }
.warp_ .header_ .user_name span { color: #0399fa; display: inline-block; vertical-align: middle; margin-top: -2px; }
.warp_ .header_ .user_name a { color: #0399fa; display: inline-block; vertical-align: middle; }
.warp_ .header_ .Dayornight { float: right; padding-top: 15px; }
.warp_ .header_ .Dayornight span { display: block; background: url("../../images/h5_login_ico.png") no-repeat center; height: 30px; width: 72px; background-position: 0 -172px; cursor: pointer; }
.warp_ .header_ .Dayornight.on span { width: 98px; background-position: 0 -213px; }
.warp_ .contentbox { background: url("../../images/h5_day1.jpg") no-repeat center top; width: 100%; height: calc(100vh - 60px); }
.warp_ .contentbox .bg_filter { float: right; min-width: 560px; height: 100%; max-width: 800px; position: relative; }
/*背景图*/
.warp_ .contentbox .bg_filter img {display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%;}

.warp_ .contentbox .bg_filter .quan_click { background: #eee; width: 17px;height:auto!important; padding: 10px 14px; position: absolute; left: -45px; top: 50%; line-height: 20px; text-align: center; font-size: 14px; border-radius: 10px 0 0 10px; margin-top: -45px; cursor: pointer; }
.warp_ .contentbox .bg_filter .quan_click i { background: url("../../images/h5_login_ico.png") no-repeat center; height: 15px; width: 15px; background-position: -196px 0; display: block; margin: 5px auto; position:relative;}
.warp_ .contentbox .box_rigt { height: 100%; background: #f5f5f5; float: right; width: 290px; text-align: center; padding: 0 20px; }
.warp_ .contentbox .box_rigt .btn_box { padding-top: 45px; }
.warp_ .contentbox .box_rigt .btn_box .btn { display: block; height: 55px; width: 288px; margin: 0 auto; margin-bottom: 11px; border: 1px solid #c5c5c5; border-radius: 3px; text-align: center; line-height: 55px; color: #1b1b1b; font-size: 16px; }
.warp_ .contentbox .box_rigt .btn_box .btn .ico { background: url("../../images/h5_login_ico.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.warp_ .contentbox .box_rigt .btn_box .btn .ico1 { height: 27px; width: 27px; background-position: 0 0; }
.warp_ .contentbox .box_rigt .btn_box .btn .ico2 { height: 29px; width: 27px; background-position: -45px 0; }
.warp_ .contentbox .box_rigt .btn_box .btn .ico3 { height: 27px; width: 25px; background-position: -90px 0; }
.warp_ .contentbox .box_rigt .btn_box .btn:hover { color: #fff; background: #1b1b1b; border-color: #1b1b1b; }
.warp_ .contentbox .box_rigt .btn_box .btn:hover .ico { background-position-y: -42px; }
.warp_ .contentbox .box_rigt .bot_text { padding: 30px 0; }
.warp_ .contentbox .box_rigt .bot_text p { line-height: 36px; height: 36px; color: #626262; font-size: 24px; font-weight: bold; }
.warp_ .contentbox .box_rigt .bot_text .line { background: url("../../images/h5_login_ico.png") no-repeat center; margin: 0 auto; height: 36px; width: 282px; background-position: 0 -319px; }
.warp_ .contentbox .box_rigt .saobox{height: 180px;width: 110%;}
.warp_ .contentbox .box_rigt .saoli{float:left;margin-right: 10px;}
.warp_ .contentbox .box_rigt .saoli p{text-align:center;height: 35px;line-height: 40px;color: #555;font-size: 15px;}
.warp_ .contentbox .box_rigt .sao {width: 115px;height: 115px;padding: 13px;background: #e5e5e5;margin: 0 auto;overflow: hidden;}
.warp_ .contentbox .box_rigt .sao img { display: block; width: 100%; height: 100%; }
.warp_ .contentbox .box_rigt .text_fot_ { padding-top: 20px; color: #555; }
.warp_ .contentbox .box_rigt .text_fot_ p { line-height: 30px; height: 30px; font-size: 16px; overflow: hidden; width: 100%; }
.warp_ .contentbox .box_rigt .text_fot_ .line { margin: 30px auto; background: url("../../images/h5_login_ico.png") no-repeat center; height: 10px; width: 209px; background-position: 0 -553px; }
.warp_ .contentbox .box_rigt .text_fot_2 .p_ { font-size: 20px; line-height: 36px; height: 36px; }

.transverse .contentbox .bg_filter { float: initial; max-height: 600px; width: 100%; max-width: 100%; min-width: 100%; }
.transverse .contentbox .box_rigt { background: #f5f5f5; border: 1px solid #f1f1f2; padding: 10px 20px; float: initial; width: 1158px; max-height: 210px; text-align: left; margin-top: 10px; }
.transverse .contentbox .box_rigt .bot_text { padding: 0; float: left; }
.transverse .contentbox .box_rigt .bot_text p { height: auto; width: 35px; padding: 5px 50px; text-align: center; font-weight: bold; font-size: 24px; color: #1b1b1b; line-height: 24px; float: left; }
.transverse .contentbox .box_rigt .bot_text .line { float: left; height: 209px; width: 10px; background-position: -244px 0; }
.transverse .contentbox .box_rigt .text_fot_ { width: 170px; padding-left: 12px; float: left; text-align: center; padding-top: 75px; }
.transverse .contentbox .box_rigt .saobox { float: left; margin: 0; margin-top:45px; width: auto; }
.transverse .contentbox .box_rigt .saobox .sao{padding: 8px; width: 110px; height: 110px;}
.transverse .contentbox .box_rigt .text_fot_2 { padding-top: 70px; float: left; width: 235px; padding-left: 20px; }
.transverse .contentbox .box_rigt .btn_box { float: left; padding-top: 10px; }
.transverse .contentbox{ background-image: url("../../images/h5_day.jpg")}

.quan_box .warp_ { height: 100%; }
.quan_box .warp_ .header_ { display: none; }
.quan_box .warp_ .contentbox { height: 100%; height: 100vh; }
.quan_box .warp_ .contentbox .center { width: 100%;max-width: 100%;  }
.quan_box .warp_ .contentbox .box_rigt { display: none; }
.quan_box .warp_ .contentbox .bg_filter { display: block; width: 100%; height: 100%; max-width: 100%; min-width: 100%; }
.quan_box .warp_ .contentbox .bg_filter .quan_click { left: 0px; z-index: 100; top: 0px; margin-top: 0px; padding: 10px 5px; border-radius: 0; }
.quan_box .transverse .contentbox .bg_filter { max-height: 100%; }

.on_day .warp_ .Dayornight span { height: 30px; width: 98px; background-position: 0 -213px; }
.on_day .warp_ .contentbox { background-image: url("../../images/h5_night1.jpg"); }
.on_day .warp_ .contentbox .box_rigt { background: #222127; }
.on_day .warp_ .contentbox .box_rigt .btn_box .btn { width: 289px; height: 57px; line-height: 57px; border: none; background: url("../../images/h5_login_ico.png") no-repeat center; background-position: 0 -457px; color: #cfb289; }
.on_day .warp_ .contentbox .box_rigt .btn_box .btn .ico { background-position-y: -80px; }
.on_day .warp_ .contentbox .box_rigt .btn_box .btn:hover { color: #5fde86; background-position: 0 -375px; }
.on_day .warp_ .contentbox .box_rigt .btn_box .btn:hover .ico { background-position-y: -125px; }
.on_day .warp_ .contentbox .box_rigt .bot_text p { color: #dec198; background-image: -webkit-linear-gradient(bottom, #b0946c, #e0c39a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.on_day .warp_ .contentbox .box_rigt .bot_text .line { background-position: 0 -264px; }
.on_day .warp_ .contentbox .box_rigt .sao { background: #2b2b30; }
.on_day .warp_ .contentbox .box_rigt .saoli p { color: #a3875f; }
.on_day .warp_ .contentbox .box_rigt .text_fot_ { color: #a3875f; }
.on_day .warp_ .contentbox .box_rigt .text_fot_ .line { background-position: 0 -533px; }
.on_day .warp_ .contentbox .box_rigt .text_fot_2 .p_ { color: #c8ac83; background-image: -webkit-linear-gradient(bottom, #b0946c, #e0c39a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.on_day .warp_ .contentbox .bg_filter .quan_click { background: #1b1b1b; color: #b5b5b5; }
.on_day .warp_ .contentbox .bg_filter .quan_click i { background-position: -168px 0; }
.on_day .transverse .contentbox .box_rigt { background: #242329; border-color: #1e1d24; }
.on_day .transverse .contentbox .box_rigt .bot_text .line { background-position: -271px 0; }
.on_day .transverse .contentbox{ background-image: url("../../images/h5_night.jpg")}

body{min-width: auto!important;}
.center{width: auto!important;max-width: 1200px; min-width: 500px;}
@media screen and (max-width: 900px) {
    .warp_ .contentbox .box_rigt { display: none; }
    .warp_ .contentbox .bg_filter{float: none; margin: 0 auto;}
	.transverse .contentbox .box_rigt{display:block;}
}

/*加载iframe  之前广告倒计时*/
#if_wrap{overflow: hidden;}
#if_wrap iframe{position:relative;z-index:1;}
.img_ad{position:absolute;min-width:100%;min-height:100%;z-index:2;cursor:pointer;background:url("../../images/img_advertisement.jpg") no-repeat center center;background-position:center center;background-size: cover;}
.img_ad_land{position:absolute;min-width:100%;min-height:100%;z-index:2;cursor:pointer;background:url("../../images/img_advertisement.jpg") no-repeat center center;background-position:center center;background-size: cover;}

.img_advertisement .a{display: block; width: 100%; height: 100%; position: relative;}
.img_advertisement span{position: absolute; line-height: 20px; display: block; right: 10px; bottom: 10px; color: #fff; font-size: 12px; height: 20px; width: auto; padding: 0 10px; border-radius: 10px;  background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background:rgba(0,0,0,0.5);}

/*# sourceMappingURL=h5_login.css.map */


/*实名认证*/
.Identity{width: 310px;padding: 0 15px;background: #f4f6fa; display: none; }
.Identity .bt_{ height: 95px; line-height: 95px; text-align: center; font-size: 24px; color: #525252;}
.Identity .bt_ i{display: inline-block; vertical-align: middle; background: url("../../images/ico_newimg.png") no-repeat center;height:53px;width:60px;background-position: -547px -53px; margin: -12px 24px 0 0;}
.Identity .text_{ padding: 15px 5px 15px; color: #525252; font-size: 12px; line-height: 22px;}
.Identity .form{border-top: 1px solid #e5e5e5;}
.Identity .form .input_{border:1px solid #e5e5e5; border-top: none; background: #fff; line-height: 39px; height: 39px; padding: 0 15px;}
.Identity .form .input_ span{ display: block; float: left; color: #525252; font-size: 12px; overflow: hidden; width: 75px;}
.Identity .form .input_ input{display: block; float: left; width: 200px; height: 39px; border:none; }
.Identity .btn{height: 40px; margin: 17px auto; background: #02a9ec; width: 95%; line-height: 40px; color: #fff; text-align: center; cursor: pointer;}
.Identity .btn a ,.Identity .btn button{background: none;border:none; color: #fff; display: block;}
.Identity .btn:hover{opacity: 0.9;}