@charset "utf-8";
/* 公用样式 */
html, body, div, p, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0;word-wrap:break-word;word-break:break-all; }
a{ color:#000000; display:inline-block; text-decoration:none; font-size:16px;}
a:hover{color:#e71a0f; text-decoration:none;}
a:link, a:visited {text-decoration: none;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
li{list-style: none;}
dt,dd{ list-style-type:none; float:left;}
span,strong,em,i{ font-weight:normal; font-style:normal; display:inline-block;font-weight: inherit;}
.clerar{ clear:both; overflow:hidden; width:100%; height:0; line-height:0; font-size:0;}
body {background:#fff;color:#555; font:12px/20px "Microsoft YaHei","微软雅黑", "宋体", Arial, "Times New Roman"; }
select{outline:none;}

.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.header{width: 100%;overflow: hidden; text-align: center;background: #f00;}
.header_ent{height:3px;width:1000px;margin:0 auto; line-height: 40px;  overflow: hidden;}
.header_ent ul{float:right;}
.header_ent li{margin-left: 10px; float:left;}

.header_ent li a{color: #fff; font-family: "微软雅黑"; font-size: 14px;}
.header_ent li a:hover{font-weight: bold;}
.header_ent li a.current{font-weight: bold;}
.header_ent li.but01 input{color:#f00; }
.header_nav{height: 80px; width: 1000px;margin:0 auto; background: #FFF; *padding-bottom:10px;}
.header_nav .logo{margin:10px 0 0 0;}
.logo img{margin-top:30px;}
.logo ul{line-height: 80px;}
.logo li{float:left;margin-left:35px;font-size:18px;color:#333;text-align: center;}
.logo li a{width:80px;height: 80px; font-weight: bold;}
.logo li.last a{width:96px;}
.logo li a.current{color:#f00; border-bottom: 2px solid #f00; }
.logo a:hover{color:#e71a0f;}
.f_banner img{width:100%;}
.f_banner{border-top:1px solid #f00;}

 /*foot*/
.foot{/*width:1200px;*/padding-top:30px;margin:0 auto;text-align: center;font-size:14px;color:#000000; }
.foot img{vertical-align: middle;margin-right:10px; width: 360px; height: 26px;}
.foot_title{display:inline-block;padding-left:10px;height:20px;line-height:20px;border-left:1px solid #999999;color:#000;font-size:16px;}
.foot p{margin-top:5px;}
.foot ul{width:640px;margin:0 auto; margin-bottom: 30px;text-align: center;}
.foot li{float:left;margin-left:85px;}

/*防沉迷*/
.f_banner .imge{width: 53%;   padding-left: 25%;}
.f_banner .anti_txt{width: 53%; margin-left: 25%;}
.anti_txt dl{width: 800px;  height: 195px; margin-top:30px;}
.anti_txt dl dd{ margin:5px 0; font-size: 16px;}
.anti_txt dl dd b{width: 26px; height: 20px; line-height: 20px;  float: left; text-align: left;}
.anti_txt dl dd strong{width: 774px;  display: block; float: right;}
.anti_txt dl dd a{color:#259ce3; border-bottom:1px solid #259ce3;}

/*用户信息*/
.f_banner{*margin:0;padding:0;clear:both;}
.f_banner .protect {width: 1000px;   margin:0 auto; padding-top:60px; overflow: hidden; }
.f_banner .protect h3{font-size: 16px;}
.f_banner .protect p{  font-size: 14px; margin-top: 5px; }
.f_banner .protect p.p1{margin-bottom: 100px;}
/*服务协议*/
.recharge_serv .serv{width: 1000px;  margin:0 auto;}
.recharge_serv .serv_logo{padding-top: 20px;}
.recharge_serv .serv_txt{padding-top: 100px;}
.recharge_serv .serv_txt h3{font-size: 16px; text-align: center;}
.recharge_serv .serv_txt p{font-size: 12px; }
.recharge_serv .serv button{width: 200px; height: 50px; background: #f00; color:#fff; font-size: 18px; border: 0; border-radius: 2px; margin-top: 30px; margin-bottom: 40px;}

/*登陆*/
.land{width: 362px; height: 400px; background: #fff; right: 310px; top:200px; position: absolute; border-radius: 5px;}
.land h3{font-size: 20px;  margin:30px 0 0 30px;}
.land input.txt{  background: #fff; height: 50px;line-height: 50px; width: 300px; margin:30px 0 0 30px; background: url(images/land_p.png) left no-repeat; padding-left: 45px; font-weight: bold;}
.land img{width: 30px; height: 30px; left: 40px; top:90px; position: absolute;}
.land input.txt2{background:#fff url(images/land_s.png) left no-repeat; width: 300px; height: 50px; line-height: 50px; margin:30px 0 0 30px; padding-left: 45px;}
.land button{width: 300px; height: 50px;  margin:30px 0 0 30px; background: #f00; color:#fff; font-size: 18px; border: 0; margin-top: 45px;     cursor: pointer;}
.land .land_serv img{width: 24px; height: 24px; margin-right: 10px; padding-top: 5px;} 
.land .land_serv .checkbox {width: 24px;height: 24px;position: relative;}
.land .land_serv .checkbox label {display: block;width: 20px;height: 20px;cursor: pointer;position: absolute;top: 20px;left: 30px;z-index: 1;border:1px solid #ccc;/* background: url('./images/recharge_ra.png') center center no-repeat; */}
.land .land_serv .checkbox span{position: absolute;left: 63px;top: 21px;width: 230px; font-size: 14px; color:#999999;}
.land .land_serv .checkbox img{position: absolute;top: -6px;left: 4px;}
.land a{margin:30px 0 0 30px; color:#f00;}
input[type=checkbox] {
  margin: 24px 3px 3px 40px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
/* 充值页面 */
.recharge_box{clear:both;width: 100%;height: auto;background: #f8f8f8;padding-top: 60px; border-top: 1px solid #f00;}
.recharge_box .comment{width: 1000px;margin: 0 auto;}
.recharge_box .comment button{background: #e71a0f;font-size: 18px;color: #ffffff;text-align: center;border: 0;outline: none;cursor: pointer;}
.recharge_box .comment button:hover,.recharge_box .comment button:active{background: #c51108;}
.recharge_box .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.recharge_box .comment .tx_red{font-style: normal;color: #e71a0f;}
.recharge_box .comment dl{margin-bottom: 35px;}
.recharge_box .comment dl dt{color: #666666;font-size: 16px;margin-right: 25px;}
.recharge_box .comment dl dt em{font-size: 24px;vertical-align: middle;margin-top: 5px;}
.recharge_box .comment .mt15{margin-top: 15px;}
.recharge_box .comment dl dd.both{clear: both;margin-left: 20px;}
.recharge_box .comment dl dd input ::-webkit-input-placeholder{color: #999999;font-size: 16px;}
.recharge_box .comment dl dd input :-moz-placeholder{color: #999999;font-size: 16px;}
.recharge_box .comment dl dd input ::-moz-placeholder{color: #999999;font-size: 16px;}
.recharge_box .comment dl dd input :-ms-input-placeholder{color: #999999;font-size: 16px;}
.recharge_box .comment dl dd input[type="text"]{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;color: #333333;font-size: 16px;border: 1px solid #cccccc;background-color: #f8f8f8;}
.recharge_box .comment dl dd input[type="text"]:focus{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;border: 1px solid #e71a0f;}
.recharge_box .comment dl dd .account{width: 300px;height: 50px;line-height: 50px;}
.recharge_box .comment dl dd button{width: 100px;height: 50px;line-height: 50px;margin-left: 20px;margin-top: -4px;vertical-align: middle;}
.recharge_box .comment dl dd select{/*width: 160px;height: 50px;line-height: 50px;*//*background: #f8f8f8;*/vertical-align: middle;}*/
.recharge_box .comment dl dd ul{width: 1032px;}
.recharge_box .comment dl.dl_special dd ul li{float:left;width: 230px;font-size: 14px;color: #333333;margin-top: 30px;}
.recharge_box .comment dl dd ul li img{vertical-align: middle;}
.recharge_box .comment dl dd .other{font-size: 16px;color: #666666;margin: 30px 0 0 12px;}
.recharge_box .comment dl dd .other .other_input{width: 150px;height: 30px;line-height: 30px;}
.recharge_box .comment dl dd .other span{margin-right: 20px;}
.recharge_box .comment .sure{width: 310px;height: 50px;line-height: 50px;font-weight: bold;float: right;margin:20px 40px 0 0;}
.recharge_box .comment dl dd input[type=radio] {visibility: hidden;}
#f_checkbox02 li{float:left;padding-top:20px;}
/*单选*/
 #f_checkbox label,#f_checkbox02 label{ padding-left: 30px; display:-moz-inline-block; display:inline-block; cursor:pointer; line-height:19px; background:url(images/check_icon02.png) no-repeat left center; } 
 #f_checkbox label.checked,#f_checkbox02 label.checked{background:url(images/check_icon01.png) no-repeat left center; }
 /*下拉框*/
.select_spec{position: relative;}
.select_spec dd{position: absolute;left:104px;zoom:1;z-index: 9999;}
select{display: none;}
.select_box{float:left;width: 160px;line-height: 50px;padding-left:10px;margin: 0 auto;font-size: 16px;color: #333333;background:#f8f8f8;}
.select_showbox{border: 1px solid #b0a296;height: 50px;padding-left: 15px;background: url(images/select_icon_up_03.png) no-repeat right center;}
.select_option{border: 1px solid #b0a296;border-top: none;display: none;}
.select_option li{padding-left: 15px;}
.select_option li.selected{background: #f2f2f2;color: #999;}
.select_option li.hover{background: #fff; color: #333;}
.my_focus{background: url(images/select_icon_up_05.png) no-repeat right center;}
/* 注册 */
input[type=checkbox] {margin: 24px 3px 3px 40px; width: 15px; height: 15px;vertical-align: middle;}
.reg_serv input[type=checkbox] {margin: 13px 3px 3px 15px; width: 15px; height: 15px;}
input ::-webkit-input-placeholder{color: #999999;font-size: 16px;}
input :-moz-placeholder{color: #999999;font-size: 16px;}
input ::-moz-placeholder{color: #999999;font-size: 16px;}
input :-ms-input-placeholder{color: #999999;font-size: 16px;}
input[type="text"],input[type="password"]{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;color: #333333;font-size: 16px;border: 1px solid #cccccc;background-color: #f8f8f8;}
input[type="text"]:focus,input[type="password"]:focus{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;border: 1px solid #e71a0f;}
.tx_red{font-style: normal;color: #e71a0f;}
.register_box{width: 100%;height: auto;background: #f8f8f8;border-top:1px solid #f00;}
.register_box .header_nav{background: #f8f8f8;}
.register_box .header_nav .logo{margin: 0;}
.register_box .reg{width: 960px;padding: 0 20px;height: auto;margin: 0 auto; overflow:hidden;}
.register_box .reg_content{ overflow:hidden;}
.register_box .reg_content ul{ overflow:hidden;}
.register_box .reg .reg_title{width: 100%;color: #333333;font-size: 20px;font-weight: bold;height: 55px;line-height: 55px;border-bottom: 1px solid #cccccc;padding-left: 20px;margin-bottom: 40px;}
.register_box .reg ul li{clear: both;margin-bottom: 20px;}
.register_box .reg ul li .title{color:#666666;font-size: 16px;display: inline-block;width: 90px;margin-right: 20px;}
.register_box .reg ul li .title em{font-size: 24px;vertical-align: middle;margin-top: 6px;}
.register_box .reg ul li input{width: 300px;height: 50px;line-height: 50px;margin-right: 25px;}
.register_box .reg ul li .message{font-size: 14px;color: #999999;}
.register_box .reg ul li .erro_tips{font-size: 14px;color: #e71a0f;}
.register_box .reg_serv {width: 400px; margin:5px 10px 0 20px;}
.register_box .reg_serv a{font-size: 14px;}
.register_box .reg_serv a:hover{color:#f00;}
.register_box .reg_serv img{width: 24px; height: 24px; margin-right: 10px; padding-top: 5px;} 
.register_box .reg_serv .checkbox {width: 24px;height: 24px;position: relative;}
.register_box .reg_serv .checkbox label {display: block;width: 20px;height: 20px;cursor: pointer;position: absolute;top: 8px;left: 5px;z-index: 1;border:1px solid #ccc;/* background: url('./images/recharge_ra.png') center center no-repeat; */}
.register_box .reg_serv .checkbox span{position: absolute;left: 40px;top: 9px;width: 230px;}
.register_box .reg_serv .checkbox img{position: absolute;top: -6px;left: 4px;}
.register_box .reg_serv .checkbox input[type=checkbox]:checked + label {background: url('./images/f_yx.png') center center no-repeat;}
.register_box .reg_but{margin-top: 40px;padding-bottom: 120px;}
.register_box .reg_but button{width: 240px;height: 50px;line-height: 50px;margin-top: -4px;vertical-align: middle;font-size: 18px;font-weight: bold;cursor: pointer;}
.register_box .reg_but button.reg{background: #e71a0f;color: #fff;border: 0;margin-right: 60px;}
.register_box .reg_but button.reg:hover,.register_box .reg_but button.reg:active{background: #c51108}
.register_box .reg_but button.dl{color: #e71a0f;border: 1px solid #e71a0f;background:#fff; }
.register_box .reg_but button.dl:hover,.register_box .reg_but button.dl:active{background: #f8f8f8;}

/*banner开始*/
.flexslider {margin: 0px auto;position: relative;height: 470px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;z-index:999;}
.flex-control-nav li {margin: 0  2px ;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {display: block;height: 20px;overflow: hidden;width: 16px;border-radius: 50%;background:url(images/banner_icon01.png) no-repeat left center;}
.flex-control-paging li.active a {background:url(images/banner_icon02.png) no-repeat left center;}
.flexslider .slides a img {vertical-align:top;width: 100%;height: 100%;display:inline-block;border:none;}
/*banner结束*/