@charset "utf-8";
/* CSS Document */

/* regist-login */
.reg_box{width:100%; background:#f6f7f9}
.box_inner{width:1000px; margin:0 auto; background:url(../images/line.jpg) repeat-y center top; font-size:14px; color:#565656; padding-top:85px; height:auto; height:600px; min-height:600px}
.box_inner h1{color:#3e3e3e; font-size:24px; line-height:120px}

.regist{width:390px; padding:0 65px 0 55px}
.log_conn li{padding-bottom:8px; width:100%}
.log_conn li p{line-height:34px; text-transform:uppercase}
.log_conn li .ipt{float:left; width:344px; border:1px solid #b5b5b5; font-size:16px; padding:9px 20px 10px; background:#fff; height:14px}
.log_conn li.yzm .ipt{width:132px; margin-right:10px; display:inline}
.log_conn li.error .ipt{color:#f00}
.log_conn li .ipt.focus{background:#ffffd3; border-color:#efbd52}
.log_conn li.accept{line-height:18px; padding:5px 0 25px}
.log_conn li label{float:left}
.log_conn li a{float:right; padding-right:90px}
.log_conn li a:hover{text-decoration:underline}
.log_conn li.accept input{margin:3px 8px 0 0}
.log_conn li.accept .f_12{width:280px}
.log_conn li .re_log{line-height:20px}
.log_conn p span{color: red;padding-left: 10px;}
.psd_get{position:absolute; left:50%; top:130px; margin-left:-450px; width:648px; height:auto; background:#fff; border:1px solid #e1e1e1; padding-left:252px}
.psd_get h1{font-size:25px; color:#3e3e3e; line-height:124px}
.psd_get h3{font-size:18px; color:#3e3e3e; font-weight:normal;  line-height:44px; padding-top:10px}
.psd_get h4{font-size:12px; color:#616161; font-weight:normal}
.psd_get .log_conn li{padding-bottom:48px}

.facebook{width:352px; padding:0 75px 0 63px}
.facebook li{padding-top:30px}
.facebook li.fb_t span{width:230px; padding-left:20px; line-height:22px}


/* s_cont */
.s_cont{width:100%; background:#363b4a; padding:70px 0 30px; height:auto}
.s_cont .tit{width:1000px; margin:0 auto; zoom:1; overflow:hidden; cursor:pointer}
.s_cont .tit span{float:left; color:#a9a9a9; font-size:20px; line-height:36px; width:815px; padding-left:85px; background:url(../images/s_bg.jpg) no-repeat 0 -3px}
.s_cont .tit span.hov{color:#00d0ff; background-position:0 -78px}
.s_cont ul{padding:10px 0 0}
.s_cont li{width:100%}
.s_cont li.cur .tit span{color:#fff; font-size:30px; line-height:56px; background:url(../images/s_bg.jpg) no-repeat 0 -144px}
.s_cont .s_list{width:100%; padding:20px 0 0; background:#e4e9ef; display:none; overflow:hidden; overflow-y:scroll; overflow-x:hidden}
.s_cont .s_list p{width:930px; margin:0 auto; padding:0 0 20px 70px; line-height:24px}


/* user_tab */
.bg_pur{background:#363b4a}
.bg_grey{background:#f6f7f9}
.bg_fixed .header{position:fixed;_position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop))}
.user_center{width:100%; background:#363b4a}
.user_tab{width:840px; height:900px; margin:0 auto}
.tab_h{width:840px; height:60px; background:url(../images/tab_line.jpg) no-repeat center bottom; padding:130px 0 0}
.tab_h li span{float:left; width:100%; text-align:center; color:#828aa4; height:40px; line-height:40px; font-size:16px; cursor:pointer}
.tab_h li{margin:0px 5px;padding:0px 10px;}
.tab_h li.curr span{background:url(../images/lab_line.jpg) no-repeat 0 bottom; color:#fff}
.tab_h li.curr span{background-position:0 bottom}

.lab_m{display:none}
.tab_c{width:840px}
.tab_c .mesg{width:395px; margin:70px auto 0}
.tab_c .mesg li h3{color:#fff; font-size:18px; line-height:40px; padding-left:5px}
.tab_c .mesg li .ipt{width:345px; padding:9px 20px 10px; background:#fff; font-size:14px; border:none; margin:0 5px 10px; border:1px solid #fff}
.tab_c .mesg li .ipt.cur{background:#effcff; border-color:#156bae; box-shadow:0 0 9px rgba(0, 96, 255, 0.8)}
.tab_c .mesg li .tips{color:#e95555; line-height:18px}
.tab_c .money{color:#c2c9e1}
.tab_c .money .f_20{font-size:20px; padding:35px 0 55px}
.tab_c .money .f_28{font-size:28px; padding:65px 0 0}
.tab_c .money p.pad{padding:20px 0 75px}

.record{width:840px; margin:40px auto 0}

table.gridtable {width: 100%;font-family: verdana,arial,sans-serif;font-size:11px;color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse;
}
table.gridtable th {
    font-weight:bold;color:#3a4049;height:52px; line-height:52px;background:#404a6c; color:#ccd2e5;border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;
}
table.gridtable td {height:44px; line-height:44px;padding: 8px;border-bottom:1px solid #afb7cd;border-top:1px solid #525a78;border-right:1px solid #666666; border-left:1px solid #666666;
}
table.gridtable tr.odd {background:#b3bbd0}
table.gridtable tr.even {background:#bec5d8}

.page{width:840px; height:25px; background:#404a6c; text-align:center; padding:32px 0}
.page .page_conn{font-size:0}
.page .page_conn a{display:inline-block; width:26px; height:25px; color:#b4bdda; font-size:12px; font-weight:bold; background:url(../images/btn_btn.png) no-repeat -273px 100%; text-align:center; line-height:25px; margin:0 2px}
.page .page_conn a:hover{text-decoration:none; background-position:100% 100%; color:#fff}
.page .page_conn a:active{background-position:-301px 100%; color:#8aff00}
.page .page_conn a.cur{text-decoration:none; background-position:100% 100%; color:#fff}
.page .page_conn a.pn{width:56px; height:25px; background-position:-214px 100%}

/* index */
.focusImg{width:100%; min-width:1180px; height:529px; border-top:1px solid #35353d; position:relative; overflow:hidden}
.focusImg li{width:100%; position:absolute; left:0; top:0}
.focusImg li a{width:100%; height:529px; float:left}
.focusImg .btn_btn{width:40px; height:83px; top:50%; margin-top:-42px; position:absolute; z-index:99999}


/* content */
.content{width:100%; background:#24242d; border-top:1px solid #35353d}
.recom{width:1000px; margin:0 auto; padding:20px 0 35px}
.hotgame{width:670px; padding-top:15px}
.hotgame li{width:670px; height:290px; position:relative}
.hotgame .pro{width:50%; height:100%}
.hotgame .intro{width:40%; height:100%; position:relative; padding:0 5%; color:#fff}
.hotgame .intro h3{font-size:23px; line-height:46px; padding-top:100px}
.hotgame .intro:before{content:""; display:block; width:20px; height:20px; position:absolute; top:135px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg)}
.hotgame .li_l .pro{float:left}
.hotgame .li_l .intro{float:right}
.hotgame .li_r .pro{float:right}
.hotgame .li_r .intro{float:left}
.hotgame .li_l .intro:before{left:-10px}
.hotgame .li_r .intro:before{left:325px}
.hotgame .li_l .purple{background:#34437a}
.hotgame .li_l .purple:before{background:#34437a}
.hotgame .li_r .black{background:#000}
.hotgame .li_r .black:before{background:#000}
.hotgame .mark{position:absolute; left:0; top:0; font-size:0; text-align:center; width:670px; height:290px; background:rgba(0,0,0,0.8); display:none}
.hotgame .mark .ico_ico{width:61px; height:61px; float:none; display:inline-block; margin:115px 5px 0}

.ads{width:300px}
.ads li{width:100%; margin-top:15px}
.ads li img:hover{transform:scale(0.95); -webkit-transform:scale(0.95); -moz-transform:scale(0.95); -ms-transform:scale(0.95); -o-transform:scale(0.95)}

/* fast_nav */
.fast_nav{width:100%; background:#151619; border-top:1px solid #35353d}
.fast_nav .fast_list{width:1000px; margin:0 auto; padding-top:40px; height:280px}
.fast_nav .fast_list dl{float:left; width:50%}
.fast_nav .fast_list dl i{display:inline-block; width:3px; height:22px; background:#0465b0; margin-right:10px}
.fast_nav .fast_list dt{font-size:30px; color:#d0d0d0; padding:25px 0}
.fast_nav .fast_list dd a{font-size:18px; color:#d0d0d0; line-height:26px}
.fast_nav .fast_list dd a:hover{text-decoration:none; color:#0aa0ff}

/* pop_box */
.pop_box{position:fixed; left:50%; top:200px; margin-left:-484px; width:968px; background:#20222a; z-index:999999; display:none}
.pop_box .t_tit{width:928px; height:49px; padding-left:40px; line-height:49px; color:#e3e3e3; background:url(../images/tit_bg.jpg) no-repeat}
.pop_box .pop_conn{width:100%; background:url(../images/reg_line.jpg) no-repeat center top; color:#a1a1a1; padding-bottom:50px; height:auto!important; height:440px; min-height:440px}
.pop_box .pop_conn .pop_l{width:386px; padding:0 46px}
.pop_box .pop_conn .c_white{font-size:24px; line-height:76px; font-weight:normal; padding-top:10px}
.pop_box .pop_conn .ipt{background:#191b22; border-top-color:#010000; border-left-color:#010000; border-bottom-color:#343845; border-right-color:#343845; color:#fff}
.pop_box .pop_conn .ipt.cur{background:#191b22; border-color:#156bae; box-shadow:0 0 10px rgba(0, 78, 255, 0.6)}
.pop_box .pop_conn .chk{width:15px; height:15px; overflow:hidden; margin-right:4px}
.pop_box .pop_conn .chk .ico_ico{width:15px; height:15px}
.pop_box .pop_conn .chk input{display:none}
.layer,.floor{width:100%; background:url(../images/layer.png) repeat; position:absolute; left:0; top:0; z-index:9999; display:none}

/* wrap */
.wrap{width:100%; padding-bottom:50px; border-bottom:1px solid #272727}
.recharge{width:827px; margin:0 auto}
.recharge .count{padding-top:208px}
.recharge .count span{display:block; padding:3px 0 4px}
.recharge .re_list{padding:18px 0}
.recharge .re_list li{width:100%;  padding-bottom:12px; overflow:visible}
.recharge .re_list p{font-size:18px; color:#fff; line-height:42px}
.recharge .sel{width:260px; height:33px; position:relative; background:#fff}
.recharge .sel .txt{float:left; width:207px; font-size:16px; padding:0 10px; height:33px; line-height:33px}
.recharge .sel .down_list{width:260px; position:absolute; left:0; top:33px; display:none}
.recharge .sel .down_list li{width:212px; height:33px; background:#fff; line-height:33px; padding:0 0 0 15px}
.recharge .sel .down_list li:hover{background:#eee}

.pay_m{padding:15px 0 30px; height:102px}
.pay_m li{width:163px; height:114px; text-align:center}
.pay_m li label input{display:none}
.pay_m li img{margin:16px 5px; cursor:pointer}
.pay_m li.curr{background:url(../images/i_bg.png) no-repeat center center}
.pay_m li.curr img{width:147px; height:76px; margin-top:19px}

.pay_h{background:#2a2a34; border-top:1px solid #3c3f4f}
.pay_h .tit01{width:807px; height:46px; background:#2a2a34 url(../images/p_bg.jpg) no-repeat left center; font-size:24px; line-height:46px; padding-left:20px; color:#fff}
.pay_h .pay_list{width:100%; color:#58738c; background:#dde5e9; padding-bottom:40px}
.pay_h .pay_list li{width:100%; font-size:16px; word-spacing:5px}
.pay_h .pay_list li label{padding:0 30px}
.pay_h .pay_list li input{margin-right:15px}
.pay_h .pay_list .c_orange{width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.pay_h .pay_list .li_01{background:#e7eef2; padding:13px 0}
.pay_h .pay_list .li_02{background:#dde5e9; padding:15px 0}

.c_cont{width:100%; text-align:center; padding:15px 0 35px; background:#2a2a34}
.c_cont a:hover{color:#ffa800; text-decoration:underline}

/* frame */
.frame{width:100%; background:#292d39 url(../images/t_bg.jpg) no-repeat center top; padding:190px 0 60px}
.frame .recharge{width:652px}
.frame .pay_h .tit01{width:632px}
.frame .c_cont{background:#313546; border-bottom:1px solid #3c3f4f}

/* alert_box */
.alert_box{width:608px; height:311px; padding:50px; background:url(../images/pop_01.png) no-repeat center center; position:fixed; left:50%; top:50%; margin:-205px 0 0 -354px; z-index:99999; display:none}
.alert_cont{width:448px; padding:85px 0 0 160px; height:246px; color:#586579}
.alert_cont .f_20{line-height:36px}