@charset "utf-8";
*{outline: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:''}
abbr, acronym,button{border:0;}
body,button,input,select,textarea{font:12px/1.5 arial,\5b8b\4f53;font-family:'Microsoft YaHei','微软雅黑';color: #b0b0b0}
body{background: #f9f9f9}
/*文字排版 */
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f24{font-size: 24px;}
.f30{font-size: 30px;}
.f1em{font-size:1em}
.f1_3em{font-size:1.3em}
.f1_5em{font-size:1.5em}
.f2em{font-size:2em}
.f3em{font-size:4em}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.t999{text-indent:-999em;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
/*文字颜色*/
.c0{color:#000}
.c3{color:#333}
.c5{color:#555}
.c9{color:#999}
.cc{color:#ccc}
.cf{color:#fff}
.cred{color:#ff0000}
.corg{color:#fca729}
.cy{color: #797979}
.cgray{color: #949494}
.cblue{color: #1791e3}
.cgreen{color: #81bf08}
.cgreen2{color: #39c40e}
/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height: 0;font-size: 0;height: 0}
.clearfix{zoom:1}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.ma{margin: auto}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}
.oh{overflow:hidden;}
.dib{display: inline-block;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/*common*/
.box_con{width: 1000px;margin: auto}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt44{margin-top: 44px}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px}
.ml5{margin-left: 5px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.pl15{padding-left: 15px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.mr50{margin-right: 50px}
.pt10{padding-top: 10px}
.pt20{padding-top: 20px}
.pt40{padding-top: 40px}
.pb10{padding-bottom: 10px}
.pb20{padding-bottom: 20px}
.pr80{padding-right: 80px}

/*top*/
.top_con{height: 100px;}
.logo{margin-top: 28px;}
.top_info{margin-top: 28px;}
.top_info{width: 600px;}
.top_link{color: #626262}
.top_link a{color: #626262}
.top_link a:hover{color: #25a5fb}
.top_btns{color: #adadad}
.top_btns a{color: #7abae4}
.top_btns a:hover{color: #ffa736}
.top_btns{margin-top:8px}
.top_btns.mt30{margin-top: 30px}
.top_btns.mt20{margin-top: 20px}
a.top_btn,a.open_nav{background: url(../images/btn3.png) no-repeat;}
a.top_btn{height: 20px;display:inline;line-height: 20px;text-align: center;color: #fff;text-decoration: none;margin-left: 10px;}
a.top_btn:hover{color: #fff;}
a.top_btn.top_btn_b{width:82px;background-position: 0 0;}
a.top_btn.top_btn_s{width:70px;background-position: -90px 0;}
a.top_btn.top_btn_b:hover{width:82px;background-position: 0 -21px;}
a.top_btn.top_btn_s:hover{width:70px;background-position: -90px -21px;}
.warp,.bgtop{background: url(../images/top_bg.jpg) no-repeat top center;}
.title_nav{background: url(../images/title_bg.png) no-repeat top center;width: 736px;height: 26px;font-size: 16px;color: #fff;margin-left: 15px;margin-top: 5px}
.title_nav span{margin-left:15px}
.box_nav_warp{z-index: 2;background: #f4f3f3;overflow:hidden;width: 767px;height:0px;}
.box_nav,.box_img{width: 767px;height:227px;}
.box_nav{left: 0;bottom: 0}
.nav_list{background: #fff;width: 156px;height: 180px;margin-left:5px;margin-top: 5px;padding:0 12px;}
.nav_list dt{height: 28px;line-height: 28px;border-bottom:1px solid #f1f1f1;color: #1791e3;font-size: 16px;padding-top: 4px;margin-bottom: 12px;	}
.nav_list.list_h{margin-left: 15px;}
.nav_list dd{line-height: 28px;height: 28px;float: left;width: 156px;}
.link a{color: #8b8b8b;text-decoration: none;}
.link a:hover{color: #ffa131;}
.nav_list.list_h dd{width: 78px;text-align: center;}
.title_close{float: right;height: 26px;width: 26px;}

.box_img{position: relative;overflow: hidden;}
.show_img_list{position: absolute;}
.show_img_list li{float: left;}
.show_img_list img{display: block;}

.step_icon_box{position: absolute;left: 2%;bottom: 6%;margin-left: 0;font-size: 0;line-height: 0;text-align: left;}
.step_icon_box span{display: inline-block;width: 10px;height: 10px;border-radius: 7px;margin: 0 3px;background-color: #9b9b9b;overflow: hidden;-webkit-transition: width .3s ease 0s;transition: width .3s ease 0s;}
.step_icon_box span.on{width: 25px;background: #fff}

.box_r{width: 233px;}
.link_list{margin-top:7px;background: url(../images/icons.png) no-repeat 20px 13px;}
.link_list li{height: 37px;;line-height: 37px;padding-left:25px;width:70px;float: left;margin-left: 20px}

a.open_nav{width: 198px;height: 54px;display: block;margin:7px auto 0;background-position: 0 -51px;}
a.open_nav:hover,a.open_nav.btnopen{background-position: 0 -106px}

.con_title{height: 24px;line-height: 24px;color: #2796e0;font-size: 14px;font-weight: 700;padding-left: 22px;margin:0 15px;background: #f7f7f7;padding-right: 15px;}

.box_con_bg{background: url(../images/con_cbg.png) repeat-y;width: 767px;margin-left: -9px;padding:16px 9px 0;min-height:400px;_height:400px;}
.game_list{padding: 15px;padding-bottom: 0}
.box_view{height: 140px;border-bottom: 1px solid #ebebeb;margin-bottom: 15px;}
.box_view_img{width:156px;}
.box_info{width: 568px;}
.box_view_title{font-weight: 700;height: 20px;line-height: 20px;padding-bottom: 5px;border-bottom: 1px dotted #eaeaea;color: #626262;font-size: 14px}
.title_link{margin-left: 18px;}
.org{color: #ff992b}
.org:hover{color: #ffd52b;text-decoration: none}
.gre{color: #00ab38}
.gre:hover{color: #09d74d;text-decoration: none}
.box_view_txt{padding-top: 10px;line-height:18px;color: #a1a1a1}
.con_bbg{background: url(../images/con_bbg.png) no-repeat;width: 785px;font-size: 0;height: 25px;margin-left: -9px;}
.box_link_r{width: 220px}
.block{display:block;}
.link_gopay{margin-bottom: 15px;background: url(../images/silderbar2.png) no-repeat; width: 223px;height: 196px}
.link_gopay:hover{background: url(../images/silderbar2_h.png);}
.link_r{margin-bottom: 10px;margin-left:10px;background: url(../images/r_links.png) no-repeat;width: 197px;height: 49px;}
.link_r1{background-position: 0 0;}
.link_r1:hover{background-position: -198px 0;}
.link_r2{background-position: 0 -57px;}
.link_r2:hover{background-position: -198px -57px;}
.link_r3{background-position: 0 -114px;}
.link_r3:hover{background-position: -198px -114px;}

.warp_btm{background: url(../images/bottom_bg.png) repeat-x top;height: 375px;}
.footer{padding-top:25px;color: #cecece}
.footer a{color: #cecece}
.b_link{margin-bottom: 5px;}
.b_link_box{width: 712px;margin:0 auto}

.slider_box{position: fixed;width: 199px;height: 255px;top:160px;left: 0;z-index: 10}
.slider_box.side{left: 50%;margin-left: -720px}
.btn_close{position: absolute;width: 16px;height: 16px;top:17px;right:5px;z-index: 2}
.slider_txt{position: absolute;bottom:30px;text-align: center;color: #727272;width: 150px;left:30px;}
.b_icon{margin-top: -15px;}

.con_title_nav{width: 350px;color: #bbbbbb;font-weight: 400;text-align: right;}
.con_title_nav a{color: #bbb}
.con_title_nav a:hover{color: #1791e3}

.con_txt{padding: 0 35px;color: #b0adad}
.con_txt .con_txt_title{font-size: 14px;color: #4fb2f4;height: 46px;line-height: 46px;border-bottom: 1px dotted #eeeaea;margin-bottom: 15px}
.con_txt p{margin-bottom: 20px;line-height: 24px;}
.con_txt p b{display: block;}
.con_txt p span{display: block;}

/*reg*/
.form_box{width: 480px;padding-left: 165px;color: #a1a1a1;padding-top:40px;padding-bottom: 80px}
.form_box dt,.form_box dd{height: 34px;line-height:34px;float: left;}
.form_box dt{width: 120px;font-weight: 700;text-align: right;padding-right:10px;}
.form_box dd{width: 350px;}
.form_box dd .input{margin-top: 5px;}
.form_box.pt10{padding-top: 10px}
.input{width: 260px;border: 1px solid #ebeaea;height: 21px;padding: 0 5px;color: #999;font-size: 14px;}
.input.yzm{width: 180px}
.btn,.btn_reg{background: url(../images/btn_reg.png) no-repeat ;height: 30px;line-height: 30px;text-align: center;font-weight: 700;display: block;width: 116px;color: #fff}
.btn:hover,.btn_reg:hover{background-position: 0 -30px;text-decoration: none;}
.btn.dib{display: inline-block;}
.img_yzm{position: relative;top:7px;}
.reg_link{color: #999;}
.reg_link:hover{color:#1791e3;text-decoration: none;}
.reg_link .link_icon1{display: inline;}
.reg_link .link_icon1_2{display: none}
.reg_link:hover .link_icon1{display: none}
.reg_link:hover .link_icon1_2{display: inline;}

/*pop*/
.pop{position: absolute;z-index:99;top:120px;background: #fff;color: #8b8b8b;padding: 15px}
.pop_login{width: 352px;height:170px;left: 50%;margin-left: -196px;}
.pop_reg{width:462px;height:170px;left: 50%;margin-left: -217px;}
.close_pop{width: 27px;height: 27px;background: url(../images/close_icon.png) no-repeat 0 0;position: absolute;top:0;right: -27px;}
.close_pop:hover{background-position: 0 -28px;}
.pop_bg{width: 100%;height: 100%;background:rgba(0,0,0,0.8);position: absolute;z-index:90;top:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#80000000', endColorstr='#80000000');}
.pop_btn_box .btn_reg{margin: auto}
.pop_txt{font-size: 14px;text-indent: 2em;line-height:26px}
.pop_btn{display: inline-block;width: 158px;height: 42px;background: url(../images/tips_btns.png) no-repeat 0 0;margin: 0 10px;text-align:center;font-size: 16px;line-height: 42px;color: #fff;font-weight: 700}
.pop_btn:hover{background-position:0 -43px;text-decoration: none}
.pop_btn.disabled{background-position:-159px 0px;}
.pop_btn.disabled:hover{background-position: -159px -43px;text-decoration: none}
.pop_icon{padding-left: 10px;padding-right: 10px;width: 80px;padding-top: 5px;}
.pop_txt_r{width: 250px;padding-left:20px;padding-right: 10px}
.pop_dp{height: auto;padding-top: 30px;padding-bottom: 30px;width: 352px;left: 50%;margin-left: -196px;}


/*passport*/
.box_pp_list{padding-left: 110px;}
.box_pp_list li{float: left; width: 160px;display: inline;margin-right: 20px}
.box_pp_list li p{padding: 0 20px}

.icon_box{width:52px;height:52px;margin: auto;}
.bind_ok .icon_box,.icon_ok{background: url(../images/icon_dui.png) no-repeat;}
.bind_no .icon_box,.icon_no{background: url(../images/!.png) no-repeat;}
.bind_ok .box_plt_text{color: #81bf08}
.bind_no .box_plt_text{color: #ff0000}
.box_pp_links{width: 735px;background: #f4f4f4;padding: 10px 0;margin-left: 15px;}
.pp_b_con{width:350px;background: #fff;border:1px solid #eeecec;height: 120px;margin-left: 10px;}
.pp_b_title{background: url(../images/title_bg_sm.png) no-repeat; width: 328px;margin-left: 9px;height: 22px;padding-left: 10px;color: #2796e0;font-weight: 700;margin-top: 9px;line-height: 22px;}

.pp_links{color: #ffbf58}
.pp_links_list{padding-left:5px}
.pp_links_list li{float: left;width: 85px;text-align: center;}
.pp_links:hover{color: #fcce30;text-decoration: none}
.pp_links_icon{display: block;width: 48px;height: 48px;background: url(../images/links_btns.png) no-repeat;margin: 10px auto}
.pp_links_icon.links1{background-position:0 0;}
.pp_links_icon.links2{background-position:-49px 0;}
.pp_links_icon.links3{background-position:-98px 0;}
.pp_links_icon.links4{background-position:-147px 0;}
.pp_links_icon.links1:hover{background-position:0 -49px;}
.pp_links_icon.links2:hover{background-position:-49px -49px;}
.pp_links_icon.links3:hover{background-position:-98px -49px;}
.pp_links_icon.links4:hover{background-position:-147px -49px;}


/*bind*/
.btn_getyzm{width: 84px;height: 21px;background: url(../images/btn_getyzm.png) no-repeat;line-height: 21px;text-align: center;font-weight: 700;color: #a7a7a7;display: inline-block;position: relative;top:-1px;}
.btn_getyzm:hover{background-position: 0 -22px;text-decoration: none}
.box_con_txt{padding: 0 60px}
.box_be{height: 328px;}
.tips_pp2{width: 530px;margin: 44px auto 0;line-height: 24px;}

/*unbinc*/
.yzm_input{width: 85px}

.box_fb_link{}
.link_fb{float: left;width: 133px;display: inline;height:28px;background: url(../images/pwdlink_bg.png) no-repeat;float: left;margin-left: 82px;padding-top: 105px;text-align: center;color: #a8a8a8;font-weight: 700;}
.link_fb:hover{text-decoration: none;color: #4aa0dc}
.link_pst{background-position:  0 0;}
.link_pst:hover{background-position:  0 -134px;}
.link_pwd{background-position:  -134px 0;}
.link_pwd:hover{background-position:  -134px -134px;}
.box_fb_link{padding-left: 125px;padding-top: 35px;}

.w270{padding:0;width: 270px;font-size: inherit;height: 25px;}
select.input option{padding: 0 5px}


/*tab*/
.pay_tab{margin-left: 35px;}
.tab_btn_box_view{width: 705px;margin-top: 15px;}
.tab_btn_box_view li{width: 140px;height: 26px;background: #f0f4f8;border: 1px solid #d2e4f0;float: left;line-height: 26px;text-align: center;margin-left: -1px;position: relative;z-index: 2}
.tab_btn_box_view li a{color: #b0c7d7;display: block;width: 100%;height: 100%;}
.tab_btn_box_view li a:hover{text-decoration: none;}
.tab_btn_box_view li.tab_btn_select{border: 1px solid #fff;z-index: 1;background: #fff;color: #1791e3}
.tab_btn_box_view li.tab_btn_select a{color: #1791e3}

.tab_con_item{display: none;}
.btn_links{width: 94px;height: 16px;text-align: center;line-height: 16px;background: url(../images/btn_links.png) no-repeat;font-size: 12px;color: #fff;background-position: 0 0;display: block;}
.btn_links:hover{background-position: 0 -17px;text-decoration: none;}
.box_pay_link_view{width: 335px;}

.pay_num{width: 300px;}
.pay_num label{width: 75px;float: left;line-height: 30px}
.pay_num label.wa{width: auto;}

.pay_tab_box{width: 688px;border: 1px solid #eeeeee;min-height: 512px;height: 512px;}
.pay_tab_box .tab_btn_box{width: 130px;height: 100%;background: #f3f3f3}
.pay_tab_box .tab_btn_box li{height: 39px;line-height: 39px;text-align: center;padding-left:6px;cursor: pointer;}
.pay_tab_box .tab_btn_box li.tab_btn_select{padding-left: 0;border-left: 6px solid #58c8f3; color: #58c8f3;background: #fff}
.pay_tab_box .tab_con_box{padding-left: 70px;}
.pay_view_title{line-height:40px;}
.pay_num{padding-left:70px;}

.pay_way{width: 380px;}
.pay_way li{float: left;width: 101px;height: 32px;padding-left: 25px;line-height: 32px;color: #949494;background: url(../images/btn_check.png) no-repeat 0 0;font-weight: 700;cursor: pointer;}
.pay_way li.checked{background-position:  0 -33px;color: #ffa30b}

.pay_ok_con{width: 470px;border: 1px solid #eeeeee;}
.pay_ok_title{height: 26px;line-height: 26px;padding-left: 10px;padding-right: 5px;background: #ecf9ff;color: #779bab;font-size: 14px;}
.pay_ok_con_view{padding-left: 135px;padding-top: 15px;}
.pay_ok_con_view b{text-align: right;width: 100px;display: inline-block;}

.btn_prt{border: 1px solid #dcdcdc; background: #f4f4f4;color: #949494;text-align: center;line-height: 30px;height: 30px;font-size: 14px;font-weight: 700;display: block;width: 114px;}
.btn_prt:hover{text-decoration: none;}
.box_btns{width: 470px;}

/*游戏币兑换*/
.sc_box_list{width: 144px;height: 144px;border: 1px solid #eaeaea;margin-left: 10px;cursor: pointer;position: relative;}
.sc_box{width: 650px;}
.title_con_cion{color: #2796e0;text-align: center;padding-top: 40px;padding-bottom: 15px}
.sc_box_view{padding-top: 35px;}
.game_logos{width: 144px;height: 116px;}
.logos1{background: url(../images/img1.png) no-repeat center;}
.logos2{background: url(../images/img2.png) no-repeat center;}
.logos3{background: url(../images/img3.png) no-repeat center;}
.logos4{background: url(../images/img4.png) no-repeat center;}
.game_titles{text-align: center;color: #626262;font-size: 14px;font-weight: 700}
.checked_side{background: url(../images/checked_side.png) no-repeat center;position: absolute;left: 0;top:0;width: 100%;height: 100%;display: none}
.sc_box_list.checked{color: #ff8a1d}
.sc_box_list.checked .checked_side{display: block;}

.form_box.form_box2 {width: 400px;padding-left: 150px;padding-top:10px;}
.w300{width: 300px}
.pop_txt_r.pr80{padding-right: 80px;width: 170px;}

.title_list{height: 25px;line-height: 25px;padding-bottom: 5px;}
.w130{width: 130px;}
.w66{width: 66px;}
.search_bar .input{height: 25px;text-align: center;float: left;margin-right: 10px;}
.search_bar .input option{text-align: center;}
.search_box{width: 203px;height: 23px;float: right;border: 1px solid #ebeaea;margin-right: 10px}
.search_box .search_txt{height: 23px;border:none;width: 172px;float: left;padding-left: 5px;padding-right: 5px;}
.search_box .search_btn{width: 21px;height: 23px;background: url(../images/seach.png) no-repeat center;border: none;cursor: pointer;}
.search_bar{padding-left: 10px;background: #f3f3f3;padding-top: 11px;padding-bottom: 11px;margin-right: 10px}

.box_result{margin-right: 10px;margin-top: 5px;}
.box_result li{border: 1px solid #f4f4f4;line-height: 22px;padding: 8px 0;margin-bottom: 10px;}
.list_cell{float: left;padding-left: 12px;}
.cell1{width: 230px;}
.cell2{width: 250px;}
.cell3{width: 140px;}

.box_pages{padding-bottom: 30px;padding-top: 15px;color: #aaaaaa}
.box_pages a,.box_pages span{color: #aaa;margin:2px}
.box_pages a{border:1px solid #e8e8e8;padding: 5px 10px;}
.box_pages a.on,.box_pages a:hover{border-color: #8c8c8c;text-decoration: none;}
.box_pages a.on{color: #8c8c8c;font-weight: 700}
.step{}
.pop.pay_info{width:472px;padding: 0;left: 50%;margin-left: -256px}
.pay_info .pay_ok_con_view{padding-left: 100px}


/*激活游戏*/
.box_active{width: 540px;padding-left: 125px;padding-top: 70px;}
.box_active_title{height:30px;line-height: 30px;padding-left: 10px}
.game_list_act{width: 520px;padding: 0 10px 0}
.game_list_act li{width: 130px;height:30px;line-height: 30px;float: left;padding: 5px 0}
.game_list_act li img{position: relative;top:3px;margin-right: 7px}
.gla_link{color: #adadad;padding-left: 5px;}
.gla_link:hover{color: #1791e3;text-decoration: none;}
.game_list_act li p{padding-top: 5px;}

.line{border-bottom: 1px dashed #adadad;margin: 10px}
.btn_sm{background: url(../images/btn_sm.png) no-repeat;width: 49px;height: 17px;text-align: center;line-height: 17px;float: left;font-size: 12px;margin-left: 5px;}
.btn_sm_or{background-position: 0 0;color: #fff;}
.btn_sm_or:hover{background-position: 0 -18px;text-decoration: none;}
.btn_sm_cc{background-position: -50px 0;color: #b6b6b6}
.btn_sm_cc:hover{background-position: -50px -18px;text-decoration: none;}

.btn_disabled{background: url(../images/btn_disabled.png) no-repeat;color: #ababab}

.li_buding{ margin-top:25px;}

