/* ============================================================= *//* ==========by 168网络 qq:1254546 2016/11/18 3:41:12 ========== *//* ============================================================= */
#rec_type {display: none;}
/*hidden fast-pay*/
body {background: #fff;}
.pay1220 {font-family:'Microsoft YaHei';}
.pay1220 h3 {font-size:14px;padding-bottom:10px}
.pay1220 #sidebar {width:210px;float: left;}
.pay1220 #container {width:755px;float: right;min-height: 671px;}

.pay1220 .pay_paychannel {width:100%;height:46px;background: #f0f0f0;border-bottom: 1px solid #D0D0D0;}
.pay1220 .pay_paychannel .recharge {
	display: block;
    float: left;
    width: 130px;
    height: 47px;
    font-size: 16px;
    text-align: center;
    line-height: 46px;
    border-right: 1px solid #d0d0d0;
    cursor: pointer;
}
.pay1220 .pay_paychannel .recharge.cur{
	background: #fff;
    color: #f64f01;
}

.pay1220 .problem {
    float: right;
    color: #eb6710;
    font-weight: normal;
    width: 105px;
    height:46px;
    line-height: 46px;
    text-decoration: underline;
}
#rolename {
    width: 220px;
    font-size: 12px;
    height: 40px;
    color:#666;
    float: left;
}
#roletips {text-indent: 20px;display: block;float: left;margin-left:10px}
.warning {font-size:12px;color:#999;text-indent: 20px;background: url(../images/tip_w.png) no-repeat left center;}
.green {display: block;float: left;margin-left:10px}
#gidtips {    
	
    text-indent: 20px;
    
    display: block;
    float: left;
    margin-left: 10px;}
.recharge-box{
    padding: 30px 0 0 24px;
    margin: 0px;
}
.group-box{
    width: 100%;
    height: auto;
    line-height: 36px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    overflow: hidden;
}
.group-list{
    padding: 0;
}
.group-box .right{
    text-align: right;
    width: 107px;
    float: left;
}
.group-box .left{
    float: left;
    width:610px;
    padding: 0px 0 20px 0;
    line-height: 36px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}

.group-box .username-box{
    width: 220px;
    height: 36px;
    background: url('../images/kk-login.png') no-repeat center center;
    display: none;
    float: left;
}
.group-box .account-input{
	display: none;
	float: left;
    width: 218px;
    height: 34px;
    line-height: 34px;
    padding-left: 5px;
    border: 1px solid #d0d0d0;
    font-size: 12px;
}
.group-box .account-input.dis{
    display: block;
}
.group-box .username-box.qq{
    background: url('../images/qq-login.png') no-repeat center center;
}
.group-box .username-box.wx{
    background: url('../images/wx-login.png') no-repeat center center;
}
.group-box .username-box.dis{
    display: block;
}
.group-box .username-box.kk p{
    padding-left: 10px;
}
.group-box .username-box p{
    font:normal 12px/36px 'Microsoft YaHei';
    color: #000;
    padding-left: 40px;
}
.group-box .user-huint{
    font:normal 14px/14px 'Microsoft YaHei';
    color: #999;
    margin-top: 10px;
    float: left;
}
.group-box .user-huint span{
    font:normal 14px/14px 'Microsoft YaHei';
    color: #f64f01;
    cursor: pointer;
}
.group-box .card-box{

}
.group-box .card-box ul{
    /*border-collapse:collapse;*/
    /*background: #d0d0d0;*/
   float: left;
   border-left: 1px solid #d0d0d0;
   border-top: 1px solid #d0d0d0;
}
.group-box .card-box tr{
    border: none;
    height:35px;
}
.group-box .card-box li{
	float: left;
    width:98px;
    height:35px;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    cursor: pointer;
    position: relative;
    background: #fff;
}
.group-box .card-box p.cur{
    border: 1px solid #f64f01;
    position: absolute;
    top: -1px;
    left: -1px;
}
.group-box .card-box p:hover{
    border: 1px solid #f64f01;
    position: absolute;
    top: -1px;
    left: -1px;
}
.group-box .card-box p{
    width: 98px;
    height:35px;
    text-align: center;
    font:normal 14px/34px 'Microsoft YaHei';
}
.group-box .card-box .cash-number{
	display: none;
    height: 36px;
    padding: 0px;
    line-height: 36px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}
.group-box .card-box .t-red {
    color: #ff3300;
    font-weight: bold;
    margin: 0 3px;
}
.wrap-group{
    /*display: none;*/
}
.wrap-group .left .warning {text-indent: 20px;
    display: block;
    float: left;
    margin-left: 10px;}
.J-cash-msg {
	text-indent: 20px;
    display: block;
    margin-left: 10px;}
.wrap-group.dis{
    display: block;
}
.yh-bank{
    display: none;
}
.yh-bank.dis{
    display: table-row;
}
.pay-way{
    display: none;
}
.pay-way.dis{
    display: table-row;
}
#gametext,#servertext {
    display: block;
    float: left;
    width: 153px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    color:#666;
    border: 1px solid #d0d0d0;
    background: url(../images/qf_arrow.jpg) no-repeat 130px center;
    outline: none;
    cursor: pointer;
}
#gametext {
    border-right: 0px solid #d0d0d0;
}
#plc_list {background:url(../images/bor_rep.png) repeat;}


.rech-box{ width:276px; margin:15px auto}
.btn_recharge {
    background: #f64f00;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    width: 276px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
        cursor: pointer;
    border: none;
}
.cz_intro {background:#f3f3f5;border:1px solid #e5e5e5;}
.cz_intro h4 { color:#FF6600;font-size:16px;font-weight:bold;}
#prompt p {font-size:14px;font-family:'Microsoft YaHei';line-height:180%}
.cz_intro p.ind2 {
    text-indent: 2em;
}
/*-----------left bar-------------*/

.l-nav ul {border:1px solid #d0d0d0; *overflow: hidden;}
.l-nav ul li{ position:relative; height:46px;border-top:1px solid #fff;border-bottom:1px solid #d0d0d0; *margin-bottom:-4px;}
/*.l-nav ul li:first-child {*margin-bottom:0px;}*/
.l-nav ul li a{ position:absolute;left:0;top:0;width:100%; font-size:14px; height:46px;line-height:46px;text-indent:50px;  cursor:pointer;background: #f0f0f0}
.l-nav ul li p{ position:absolute;left:0;top:0;width:100%; font-size:14px; height:46px;line-height:46px;text-indent: 50px;  cursor:pointer;background: #f0f0f0}
.l-nav ul li a:hover,.l-nav ul li a.on{ background:#fff;color:#f64f01; font-weight:bold; text-decoration:none;}
.l-nav ul li p:hover,.l-nav ul li p.on{ background:#fff;color:#f64f01; font-weight:bold; text-decoration:none;}
.ico{ background:url(../images/ic_sprit.png) no-repeat; display:inline-block; position:absolute; left:18px; top:14px; width:19px; height:18px; vertical-align:middle}
.ic1{ background-position:0 0;}
.ic2{ background-position:0 -19px;}
.ic3{ background-position:0 -57px;}
.ic4{ background-position:0 -75px;}
.ic5{ background-position:0 -83px;}
.ic6{ background-position:0 -103px;}
.ic7{ background-position:0 -123px; }
.ic8{ background-position:0 -144px; }
.ic9{ background-position:0 -166px;}
.ic10{ background-position:0 -164px;}
.ic11{ background-position:0 -206px;}
.ic12{ background-position:0 -201px;}
.ic13{ background-position:0 -239px;}
.ic14 {background-position:0 -268px;}
.ic15 { background:url(../images/shenzhoufu.gif) no-repeat; }
.ic17 {background-position:0 -110px;}
.ic18 {background-position:0 -145px;}
.ic16 {background-position:0 -127px;}
.ic27 {background-position:0 -93px;}
.ic28 {background-position:0 -183px;}
.ic30 {background-position:0 -220px;}
.ic25 {background-position: 0 -38px;}
.ic34 {background:url(../images/qqqb.png) no-repeat; }
.ic35 {background-position: 0 bottom;}
.ic36 {background:url(../images/jd.jpg) no-repeat; }
.ic39 {background:url(../images/yhkj.png) no-repeat; }.ic61 {background:url(../images/aa.jpg) no-repeat; }.ic62 {background:url(../images/ab.jpg) no-repeat; }.ic63 {background:url(../images/ac.jpg) no-repeat; }.ic64 {background:url(../images/ad.jpg) no-repeat; }.ic65 {background:url(../images/ae.jpg) no-repeat; }.ic66 {background:url(../images/af.jpg) no-repeat; }.ic67 {background:url(../images/ag.jpg) no-repeat; }.ic68 {background:url(../images/ah.jpg) no-repeat; }.ic69 {background:url(../images/ai.jpg) no-repeat; }.ic70 {background:url(../images/aj.jpg) no-repeat; }.ic99 {background:url(../images/doco.jpg) no-repeat; }
/*------------------bank .css -------------------*/
.fast_pay {display: block;float: left;width:auto;height:34px;border-left:1px solid #d0d0d0;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
.fast_pay a {display: block;float: left;width:123px;height:34px;line-height: 34px;text-align: left;text-indent:50px;border-right:1px solid #d0d0d0;font-size: 16px}

.fast_pay .fp_yhk {background:url(../images/tj_yl.png) no-repeat 15px center;}
.fast_pay .fp_zfb {background:url(../images/tj_zfb.png) no-repeat 15px center;}
.fast_pay .fp_wx {background:url(../images/tj_wx.png) no-repeat 15px center;}
.fast_pay a:hover,.fast_pay a.cur {margin:-1px 0 0 -1px;border: 1px solid #f64f01;color:#f64f01}
.yh-bank.dis {
    display: block;
}
.yh-bank {
    display: none;
}
#cardamt {width:66px;height:25px;line-height: 25px;text-align: center;border: 1px solid #d0d0d0;border-radius:3px;}
.c-bank {width:485px;height:156px;margin-left:0;}
.c-bank ul{overflow: hidden;border-top: 1px solid #dddede;border-left: 1px solid #dddede;}
.c-bank li{ width:121px; height:31px;float:left; line-height:31px; cursor: pointer;background:url(../images/banks.png);}
.c-bank li input.radio{ height:20px; margin-left: 10px; vertical-align: middle;float: left;margin-top: 5px;}
.c-bank li.gongshang{ background-position:-1px -1px}
.c-bank li.nongye{ background-position:-122px -1px}
.c-bank li.zhaoshang{ background-position:-243px -1px}
.c-bank li.jianshe{ background-position:-364px -1px}
.c-bank li.zhongguo{ background-position:-1px -32px}
.c-bank li.youzheng { background-position:-122px -32px}
.c-bank li.jiaotong{ background-position:-243px -32px}
.c-bank li.shenzen{ background-position:-364px -32px}
.c-bank li.minsheng{ background-position:-1px -63px}
.c-bank li.pingan{ background-position:-122px -63px}
.c-bank li.guangda{ background-position:-243px -63px}
.c-bank li.xingye{ background-position:-364px -63px}
.c-bank li.zhongxin{ background-position:-1px -94px}
.c-bank li.beijing{ background-position:-122px -94px}
.c-bank li.shanghai{ background-position:-243px -94px}
.c-bank li.pufa{ background-position:-364px -94px}
.c-bank li.ningbo{ background-position:-1px -125px}
.c-bank li.nanjing{ background-position:-122px -125px}
.c-bank li.dongya{ background-position:-243px -125px}
.more-bank a{color:#ff6000;}
/*------------------end of bank.css -------------------*/

.pay_select_games{ width:540px; position:absolute;   top: 416px;z-index: 55;left: 50%;/*margin-left: -135px;*margin-left: -136px;*/border-left: 1px solid #d0d0d0;border-top: 0px solid #d0d0d0;border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;background: url(../images/game_line.png) no-repeat left top #fff}
.pay_select_games_tit{ background:url(../images/pay_btn.gif) 0 -165px no-repeat; height:9px; width:542px; overflow:hidden;}
.pay_select_games_menu { width:542px; height:57px; }
.pay_select_games_bot{ background:url(../images/pay_btn.gif) 0 -175px no-repeat; height:5px; width:542px;overflow:hidden;}
.pay_select_games .pay_select_games_cont{width:540px; height:287px;overflow-x: hidden;overflow-y: scroll;}
.pay_select_games_menu .pay_menu_select { width:542px;height:57px; _height:56px; border-bottom: 1px solid #d0d0d0}
.pay_menu_select .pay_wan { width:auto; height:56px; _height:50px; margin-left:10px; display:inline; text-align:center; line-height:56px; _line-height:50px; color:#f64f00; font-size:16px; cursor:pointer; float:left;}
.ln-letters .all {font-size: 16px !important;}
.pay_menu_select .pay_list { width:auto; margin-left:10px; height:56px;display:inline;  text-align:center; line-height:56px; color:#666; font-size:16px; cursor:pointer; float:left;}
.pay_select_games .pay_select_games_cont ul{ width:438px;float: right; margin:0; font-size:12px;border-left: 1px solid #ddd;}
.pay_select_games .pay_select_games_cont .charts { width:84px;float: left; margin:0; font-size:16px;text-align: right;border-right: 0px solid #ddd;}
.pay_select_games .pay_select_games_cont .charts span {display: block;border-bottom: 1px solid #ddd;line-height: 100%;padding: 15px 15px 0 0;min-height: 25px;color:#666;}
.pay_select_games .pay_select_games_cont ul li{ width:145px; border-right:1px solid #dddddd;border-bottom:1px solid #dddddd; float:left; height:40px; line-height:40px;}
.pay_select_games .pay_select_games_cont ul li img{ width:16px; height:16px; margin:5px 5px 5px 15px; vertical-align:middle;}
.pay_select_games .pay_select_games_cont ul li span{ width:120px; text-align:left;}

.pay_select_games_servers{ width:540px; position:absolute;   top: 416px;z-index: 55;left: 50%;/*margin-left: -135px;*margin-left: -136px;*/border-left: 1px solid #d0d0d0;border-top: 0px solid #d0d0d0;border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;background: url(../images/ser_line.png) no-repeat left top #fff}
.pay_select_games_servers .pay_select_games_servers_cont{width: 540px;overflow-x:hidden; overflow-y:scroll;height: 200px;}
/*.pay_select_games_servers .pay_select_games_servers_cont ul{ width:532px; margin:0; font-size:12px; margin:0;  background:#FFFFFF; height:186px; overflow:hidden; overflow-y:scroll;}
.pay_select_games_servers .pay_select_games_servers_cont ul li{ width:100%; float:left;}*/
.pay_select_games_servers .pay_select_games_servers_cont table tr { vertical-align:middle;}
.pay_select_games_servers .pay_select_games_servers_cont table tr td.out{ border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; width:140px; vertical-align:middle; height:40px; line-height:40px; background:#fff; text-align:center;}
.pay_select_games_servers .pay_select_games_servers_cont table tr td.on{ border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; width:140px; vertical-align:middle; height:40px; line-height:40px; background:#49c9fc; text-align:center;}
#serverlist {margin-left:0;}
#serverlist label {display: block;width:100%;height:100%;text-align: center;line-height: 40px;cursor: pointer;}
#serverlist label input {display: none;}
.pay_select_games_servers .pay_select_games_servers_cont .lable{ width:140px; text-align:left; height:40px; line-height:40px; overflow:hidden;}
.pay_select_games_servers .pay_select_games_servers_cont .lable input{vertical-align:middle; width:22px;}
.sure-box{padding: 13px 0px 13px 375px;
margin-top: 12px;
background: #f1f1f1;
border-top: 1px solid #ddd;}

#confirmtips {display: block;float: left;}
.pages-wrap { width:542px; overflow:hidden; text-align: left;border-bottom:1px solid #d0d0d0;}
.pages {display: inline-block; font-family: Tahoma; margin: 5px auto;}
.pages a, .pages span {height: 50px; line-height: 50px; padding-left: 16px; display:inline-block;font-size: 16px;}
.pages a { border: 0px solid #c4dbe2; color: #666;}
.pages span { background: #fff;  border: 0px solid #E6903C; color: #FF6600; font-weight: bold;}
.pages a.pos{ *position:relative; *top:-1px}
.pages a:hover{ border:0px solid #E6903C;background: #fff; }
/*------------------end of pages.css -------------------*/

#paypassword {
    display: block;
    float: left;
    width: 153px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    color: #666;
    border: 1px solid #d0d0d0;
    outline: none;
}
.paypassinp {
    display: block;
    width: 153px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    color: #666;
    border: 1px solid #d0d0d0;
    outline: none;
}
.t-right {width:120px;text-align: right;}
.pay-info td span {display: block;height:25px;line-height: 25px;}
.J-cash-msg {display:none;}
.J-cash-msg.dis {display:block;}

/*ewm*//*弹窗*/
/*.pop-wraper{position:fixed;top:50%;left:50%;1background:rgba(0,0,0,0.7);display:table;height:469px;width:353px;margin-left:-175px;margin-top:-235px;z-index:99999999}*/
.pop-wraper{position:absolute;top:265px;left:50%;1background:rgba(0,0,0,0.7);display:table;height:469px;width:353px;margin-left:-175px;z-index:99999999}
.pop-outer{display:table-cell;vertical-align:middle;text-align: center;}
.pop-inner{background:#FFFFFF;text-align:center;display:inline-block;position:relative;}
.pop-inner .pop-content{border:1px solid #D3D3D3;padding:25px 25px 30px 25px;}
.pop-inner .pop-content h1{font-size:24px;margin-bottom:10px;color:#666666;font-weight:normal;}
.pop-inner .pop-content .ico{margin-right:8px;}
.pop-inner .pop-content .btn_blue{font-size:18px;padding:0 40px;margin-top:25px;}
.pop-inner .btn_cancel{width:50px;height:20px;border:1px solid #D5D5D5;position:absolute;right:3px;top:0;}
.pop-inner .btn_cancel .ico_cancel{position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-5px;}
.pop-wraper .pay_info {padding-top:10px}
    .pop-wraper .pay_info p {font-size: 14px;line-height: 22px;}
.ico_phone {
display:inline-block;
vertical-align:middle;
height: 37px;
width: 24px;
overflow: hidden;
background: url(../images/sprite.png) -0px -0px no-repeat;
}

.ico_yes {
display:inline-block;
vertical-align:middle;
height: 32px;
width: 43px;
overflow: hidden;
background: url(../images/sprite.png) -0px -37px no-repeat;
}

.ico_men_blue {
display:inline-block;
vertical-align:middle;
height: 24px;
width: 24px;
overflow: hidden;
background: url(../images/sprite.png) -0px -69px no-repeat;
}

.ico_pass {
display:inline-block;
vertical-align:middle;
height: 22px;
width: 20px;
overflow: hidden;
background: url(../images/sprite.png) -24px -0px no-repeat;
}

.ico_men_grey {
display:inline-block;
vertical-align:middle;
height: 20px;
width: 20px;
overflow: hidden;
background: url(../images/sprite.png) -24px -69px no-repeat;
}

.ico_error {
display:inline-block;
vertical-align:middle;
height: 16px;
width: 16px;
overflow: hidden;
background: url(../images/sprite.png) -0px -93px no-repeat;
}

.ico_ok {
display:inline-block;
vertical-align:middle;
height: 16px;
width: 16px;
overflow: hidden;
background: url(../images/sprite.png) -16px -93px no-repeat;
}

.ico_cancel {
display:inline-block;
vertical-align:middle;
height: 8px;
width: 10px;
overflow: hidden;
background: url(../images/sprite.png) -24px -22px no-repeat;
}

.ico_tri_down {
display:inline-block;
vertical-align:middle;
height: 8px;
width: 12px;
overflow: hidden;
background: url(../images/sprite.png) -32px -93px no-repeat;
}
.mask{
    overflow:hidden;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:99999;
    background:rgba(230,230,230,0.4) url(../images/loading.gif) center center no-repeat;
}
.msg_default_box{
    width:258px;
    height:60px;
    margin:0 auto;
    padding:12px 0;
    border:1px solid #2b4d69;
    background-color:#445f85;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    letter-spacing:6px;
    text-align:center;
    color:#FFF;
    margin-right:20px;
}

.msg_default_box p{
    padding-top:13px;
    display:inline-block;
/*    vertical-align:middle;*/
    letter-spacing:normal;
    text-align:left;
    font-size:16px;
    color:#FFF;
}

.icon60_qr{
    width:60px;
    height:60px;
    display:inline-block;
    vertical-align:middle;
    background:transparent url(../images/icon_pay.png) no-repeat 0 0;
    margin-right:20px;
    float: left;
    margin-left:20px
}

.msg_default_box .icon60_qr{
    background-position:0 -60px;
}
/*扫描成功*/
.qr_succ{
    border:1px solid #259483;
    background-color:#4ca698;
}
/*购买成功*/
.pay_succ{
    border:1px solid #148F64;
    background-color:#20B481;
}

/*购买失败*/
.pay_error{
    border:1px solid #D13A03;
    background-color:#f15a22;
}

.qr_succ .icon60_qr,.pay_succ .icon60_qr{
    background-position:0 0;
}

.pay_error .icon60_qr{
    background-position:0 -122px;
}
.refresh_time{
    margin-top:20px;
}
/*new pay style 2016-7-27*/
.msg_default_box1 {
    width: 175px;
    height: 40px;
    margin: 0 auto;
    padding: 8px 0;
    border: 1px solid #2b4d69;
    background-color: #445f85;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    letter-spacing: 6px;
    text-align: center;
    color: #FFF;
    margin: 0 auto;
}

.msg_default_box1 .icon60_qr {
    width: 40px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    background: transparent url(../images/icon_pay1.png) no-repeat 0 -40px;
    margin-right: 10px;
    float: left;
    margin-left: 10px;
}
.msg_default_box1 p {
    padding-top: 3px;
     display: block; 
     vertical-align: middle; 
    letter-spacing: normal;
    text-align: left;
    font-size: 12px;
    color: #FFF;
}
.msg_default_box1.sec {
	border: 1px solid #7ab15e;
	background:#7ab15e ;
}
.msg_default_box1.sec .icon60_qr {
    background: transparent url(../images/icon_pay1.png) no-repeat 0 0;
}