@charset "utf-8";

.orange-text{color:#ff8400;}
.grey-text{color:#999 !important;}

.charge-container{margin-top:15px!important;margin-bottom:35px!important;}
.charge-method {background:#f8f8f8 url("../images/charge-sidebar-border-bg.jpg") repeat-y 0 0;border-bottom:1px solid #ddd;}
.charge-method li{border:1px solid #ddd;border-bottom:0;border-right:0;height:38px;position:relative;width:199px;}
.charge-method li.last-method{border-bottom:1px solid #ddd;}
.charge-method li a{color:#444;display:block;font-size:14px;height:38px;line-height:38px;position:relative;text-indent:28px;width:199px;z-index:3;}
.charge-method li a:hover{background:url("../images/charge-hover-bg.jpg") repeat-x 0 0;text-decoration:none;}
.charge-method .current-method{background:url("../images/pay-sprite-png8.png") no-repeat 0 0;height:39px;left:-1px;position:absolute;top:-1px;width:202px;z-index:2;}
.charge-method li.current a{color:#fff;}
.charge-method li.current a:hover{background:none;}

.charge-method i{background:url("../images/charge-channel-icons.png?v=2") no-repeat 0 0;display:inline-block;*display:inline;*zoom:1;height:20px;margin:0 5px -7px 0;width:20px;_margin:12px 5px 6px 0;_vertical-align:middle;}
.charge-method  .channel-id-1{background-position: -88px 1px;}
.charge-method  .channel-id-2{background-position: -88px -55px;}
.charge-method  .channel-id-3{background-position: -88px -110px;}
.charge-method  .channel-id-4{background-position: -88px -165px;}
.charge-method  .channel-id-5{background-position: -88px -217px;}
.charge-method  .channel-id-6{background-position: -88px -272px;}
.charge-method  .channel-id-8{background-position: -88px -436px;}
.charge-method .channel-id-9,.charge-method .channel-id-10{background-position: -88px -488px;}
.charge-method .channel-id-pt{background-position: -88px -328px;}
.charge-method  .channel-id-person{background-position: -88px -382px;}
.charge-method .current i{
	background-position-x:1px;
}
.charge-method .current i.channel-id-5{
	background-position-y:-218px;
}
.charge-method .current i.channel-id-6{
	background-position-y:-273px;
}

.charge-method .channel-id-13 {
background-position: -88px -30px;
}
.charge-method .channel-id-12 {
background-position: 0px -79px;
}
.charge-content{border:2px solid #ff9000;background-color:#fff;color:#444;padding:30px;padding-bottom:10px;}
.charge-content .info{background-color:#ffc;border:1px solid #ffd093;color:#444;height:31px;line-height:31px;text-indent:10px;}

.ui-dlist{display:inline-block;color:#444;font-size:12px;line-height:2.2;margin-top:30px;}
.ui-dlist-tit{float:left;font-size:14px;height:55px;width:10%;text-align:right;margin:0;}
.ui-dlist-det{float:left;height:55px;padding-left:15px;width:85%;text-align:left;margin:0;}

.vpay-tips{color:#f00;height:40px;margin-top:-10px;}

.charge-options .charge-path{background:url("../images/pay-sprite-png8.png") no-repeat -400px 0;color:#444;font-size:14px;height:33px;line-height:33px;margin-right:10px;text-align:center;text-decoration:none;width:135px;}
.charge-options .charge-path-alipay{background:url("../images/pay-sprite-png8.png") no-repeat -400px 0;color:#444;font-size:14px;height:33px;line-height:33px;margin-right:10px;text-align:center;text-decoration:none;width:135px;}
.charge-options .charge-path-tenpay{background:url("../images/pay-sprite-png8.png") no-repeat -400px 0;color:#444;font-size:14px;height:33px;line-height:33px;margin-right:10px;text-align:center;text-decoration:none;width:135px;}
.charge-options .charge-path-wx{background:url("../images/pay-sprite-png8.png") no-repeat -400px 0;color:#444;font-size:14px;height:33px;line-height:33px;margin-right:10px;text-align:center;text-decoration:none;width:135px;}


.charge-options .charge-path:hover{background-position:-577px 0;color:#5e901c;text-decoration:none;}
.charge-options .charge-path-alipay:hover{background-position:-577px 0;color:#5e901c;text-decoration:none;}
.charge-options .charge-path-tenpay:hover{background-position:-577px 0;color:#5e901c;text-decoration:none;}
.charge-options .charge-path-wx:hover{background-position:-577px 0;color:#5e901c;text-decoration:none;}

.charge-options .charge-path-current{background-position:-232px 0 !important;color:#5e901c;}

.charge-options .charge-game,.charge-options .charge-server{background:url("../images/pay-sprite-png8.png") no-repeat 0 -69px;color:#444;font-size:14px;height:33px;line-height:33px;margin-right:10px;position:relative;text-indent:12px;text-decoration:none;width:135px;z-index:9;}
.charge-options .charge-game:hover,.charge-options .charge-server:hover{text-decoration:none;}
.charge-options .charge-server{z-index:6;}
.charge-options .charge-hover{background:url("../images/pay-sprite-png8.png") no-repeat -155px -69px;color:#5e901c;}
.pop-content{position:relative;zoom:1;}
.popup-game{background-color:#fff;border:2px solid #a5c85b;left:15px;position:absolute;padding:14px;top:30px;width:560px;z-index:8;}
.popup-game .recent{color:#444;font-weight:bold;padding-left:10px;}
.popup-game .no-recent{color:#999;padding-left:10px;}
.popup-game .split{border-top:1px solid #d2ec9b;margin-top:8px;margin-bottom:5px;}
.popup-game .game-list{padding:0 0 0 10px;}
.popup-game .game-list-all{height:168px;}
.popup-game .game{display:inline;float:left;height:28px;width:110px;}
.popup-game .game img{margin-right:5px;height:16px;width:16px;}
.popup-game .game a,.popup-game .game img{color:#666;vertical-align:middle;}

.pop-servers{left:160px;z-index:4;}
.pop-servers .game{width:100px;}
.pop-servers .search-bar{background-color:#f6ffe0;margin-bottom:5px;padding:3px 10px 0;}
.pop-servers .server-tip{color:#f45;padding:3px 10px 0;}
.pop-servers .search-input{border:1px solid #ddd;height:20px;line-height:20px;margin-left:3px;padding-left:5px;width:160px;}


.charge-content .page{margin-top:10px;}
.charge-content .page a{border:1px solid #ddd;display:inline-block;*display:inline;height:18px;line-height:18px;text-align:center;width:48px;*zoom:1;margin-left:10px;}
.charge-content .page a:hover,.charge-content .page a.current{border:1px solid #ff9000;background-color:#ff9000;color:#fff;text-decoration:none;}
.charge-content .input-account{border:1px solid #ddd;height:30px;color:#444;line-height:30px;padding-left:8px;margin-right:5px;width:270px;}
.charge-content .input-account-error{border:1px solid #ff7373;background-color:#fff7f7;}
.charge-content .error-text{background:url("../images/pay-sprite-png8.png") no-repeat 0 -122px;_background-image:url("../images/pay-sprite-png8.png");color:#ff0505;display:inline-block;*display:inline;padding-left:18px;height:32px;line-height:32px;vertical-align:top;*zoom:1;}
.charge-content .charge-number{height:120px;}
.charge-content .other-money{margin-top:-2px;*width:410px;}
.charge-content .other-money li{display:inline;float:left;height:35px;width:80px;}
.charge-content .other-money li a{background:url("../images/pay-sprite-png8.png") no-repeat 0 -156px;_background-image:url("../images/pay-sprite-png8.png");color:#444;display:block;font-size:14px;height:35px;line-height:35px;text-indent:22px;}
.charge-content .other-money li a:hover{color:#a5c85b;text-decoration:none;}
.charge-content .other-money li .current-money{background-position:0 -191px;}
.charge-content .other-money .specify-money{width:auto;*width:410px;}
.charge-content .other-money .other-money-fix-ie{*float:left;*display:inline;}
.charge-content .other-money .specify-money a{display:inline-block;*display:inline;*zoom:1;}
#user-specify-money{border:1px solid #ddd;height:23px;line-height:23px;margin-right:5px;padding-left:8px;width:76px;}
.charge-content .other-money .specify-money span{color:#444;font-size:14px;margin-right:5px;}
#tonnnMoney,#pt-tonnnMoney{font-size:21px;line-height:1.4;margin-right:8px;}
.money-unit{color:#444;font-size:14px;position:relative;top:-2px;}
a.explain-ptmoney{color:#1A72B6;font-size:12px;margin-left:15px;}
.charge-content .select-bank{background:url("../images/pay-sprite-png8.png") 0 -246px;_background-image:url("../images/pay-sprite-png8.png");height:100px;position:relative;width:485px;zoom:1;_overflow:hidden;}
.charge-content .select-card{background:url("../images/pay-sprite.png") 0 -246px;_background-image:url("../images/pay-sprite.png") !important;height:100px;position:relative;width:485px;zoom:1;_overflow:hidden;}
.charge-content .select-bank-module{height:115px;margin-left:2px;}
.charge-content .select-bank .single-bank{height:32px;left:0;position:absolute;top:0;width:122px;}
.charge-content .select-bank .bank-zsyh{left:0;top:0;}
.charge-content .select-bank .bank-gsyh{left:121px;top:0;}
.charge-content .select-bank .bank-jsyh{left:242px;top:0;}
.charge-content .select-bank .bank-lyyh{left:363px;top:0;}
.charge-content .select-bank .bank-zgyh{left:0;top:31px;}
.charge-content .select-bank .bank-xyyh{left:121px;top:31px;}
.charge-content .select-bank .bank-bjyh{left:242px;top:31px;}
.charge-content .select-bank .bank-gdyh{left:363px;top:31px;}
.charge-content .select-bank .bank-jtyh{left:0;top:62px;}
.charge-content .select-bank .bank-msyh{left:121px;top:62px;}
.charge-content .select-bank .bank-zxyh{left:242px;top:62px;}
.charge-content .select-bank .bank-payh{left:363px;top:62px;}
.charge-content .select-bank .bank-yzyh{left:0;top:93px;}
.charge-content .select-bank .bank-nbyh{left:121px;top:93px;}
.charge-content .select-bank .bank-njyh{left:242px;top:93px;}
.charge-content .select-bank .bank-gfyh{left:363px;top:93px;}
.charge-content .select-bank .bank-pfyh{left:0;top:124px;}
.charge-content .select-bank .bank-shlsyh{left:121px;top:124px;}
.charge-content .select-bank .bank-dyyh{left:242px;top:124px;}
.charge-content .select-bank .single-bank:hover{background:url("../images/pay-sprite-png8.png") 0 -432px;_background-image:url("../images/pay-sprite-png8.png");}
.charge-content .select-bank-module .select-bank .single-bank-current{background:url("../images/pay-sprite-png8.png") -152px -432px;_background:url("../images/pay-sprite-png8.png") -152px -432px !important;}
.charge-content .charge-submit{background:url("../images/pay-sprite-png8.png") 0 -494px;border:0;color:#fff;cursor:pointer;font-size:14px;height:33px;width:135px;}
.charge-content .charge-submit-hover{background-position:-165px -494px;}

.vpay-usage h4{color:#777;font-size:16px;margin-bottom:10px;}

.info-foot{background:url("../images/pay-sprite-png8.png") 0 -538px;*background-position:0 -535px;_background-position:0 -542px;border-top:1px solid #eee;height:40px;line-height:40px;*line-height:50px;margin-top:25px;padding-left:25px;padding-top:5px;_padding-top:10px;}
.info-foot .qq-contact{margin-left:10px;vertical-align:top;*vertical-align:middle;}
.info-foot .qq-contact img{vertical-align: middle;}

.common-tip{display:none;position: relative;margin:0 auto 10px;padding:10px 30px;border:1px #fed286 solid;background:#fff5d5;font-size: 14px;border-radius: 5px;}
.common-tip .close{position: absolute;top:11px;right:20px;font-size: 12px;color: #699701;cursor: pointer;}
.common-tip h3{font-size: 18px;cursor:pointer;font-weight: bold;}
.common-tip h5{font-weight: bold;}
.common-tip ul{margin:10px 0 0 20px;font-size: 14px;}
.common-tip li{margin-bottom:10px;list-style: outside disc;}
.common-tip .others {font-size: 12px;margin-top: 15px;}
.common-tip .others a{font-size: 12px;color:#e08706;margin-left: 5px;text-decoration: underline;}

.completePay{display:none;width:340px;height:350px;position: fixed;_position:absolute;top:50%;left:50%;z-index:9999;margin:-175px 0 0 -170px;border:3px solid #10a6a6;background-color:#fff;}
.completePay .head{height:25px;background: #00c8c8;position: relative;zoom:1;}
.completePay .head .close{position: absolute;right:4px;top:3px;width:14px;height:15px;background: url("../images/close_button.png") no-repeat -1px -1px;border:1px solid #888;}
.completePay .content{padding:16px 20px;}
.completePay .content .info{margin:14px 15px 30px;height: 56px;padding:4px 0 0 80px;background: url("../images/warn_blue.png") no-repeat 0 0;font-size: 16px;font-family: "黑体",arial,sans-serif;}
.completePay .content .notice{line-height: 20px;padding-left: 15px;font-size: 14px;}
.completePay .content .links{margin:25px 15px 20px;text-align: center;}
.completePay .content .links a{margin-left:15px;display: inline-block;*display: inline;*zoom:1;padding:5px 15px;font-size: 14px;text-shadow:1px 1px #41aaad;line-height: 20px;color:#fff;cursor: pointer;border: 1px solid #10a6a6;border-radius: 3px;background: #00c8c8;text-decoration: none;}
.completePay .content .links a:hover{background: #29d1d1;border-color:#399;box-shadow: 0 1px #e1e0e0;background-image: -webkit-linear-gradient(top,#4cd8d8,#03c9c9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CD8D8',endColorstr='#03C9C9');}
.completePay .content .retry {margin:45px 15px 0 15px;}
.completePay .content .retry a{color:#0bb;font-size: 14px;}

.completeRole{display:none;width:340px;height:90px;position: fixed;_position:absolute;top:50%;left:50%;z-index:9999;margin:-45px 0 0 -170px;border:3px solid #10a6a6;background-color:#fff;}
.completeRole .head{height:25px;background: #00c8c8;position: relative;zoom:1;}
.completeRole .head-title{color:#fff;line-height:25px;margin-left:5px;}
.completeRole .head .close{position: absolute;right:4px;top:3px;width:14px;height:15px;background: url("../images/close_button.png") no-repeat -1px -1px;border:1px solid #888;}
.completeRole .content{padding:16px 20px;}
.completeRole .content .sure-role{padding:0 5px;}

.checkPay{height:auto;}
.checkPay .head-title{color:#fff;line-height:25px;margin-left:5px;}
.checkPay .firstCol{color:#555;font-size:13px;text-align:right;width:80px;}
.checkPay table td{font-size:14px;padding:10px;}
.checkPay .check-charge-money{color:#f00;font-weight:bold;}
#sure-to-charge{margin-left:90px;margin-top:10px;display: inline-block;*display: inline;*zoom:1;padding:5px 15px;font-size: 14px;text-shadow:1px 1px #41aaad;line-height: 20px;color:#fff;cursor: pointer;border: 1px solid #10a6a6;border-radius: 3px;background: #00c8c8;text-decoration: none;}
#sure-to-charge:hover{background: #29d1d1;border-color:#399;box-shadow: 0 1px #e1e0e0;background-image: -webkit-linear-gradient(top,#4cd8d8,#03c9c9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CD8D8',endColorstr='#03C9C9');}

.maskLayer{position:absolute;top:0;left:0;z-index:9998;background-color:#000;opacity:.25;filter:alpha(opacity=25);}

.man-made-charge{color:#444;}
.man-made-charge .content-title{font-size:15px;font-weight:bold;margin:20px 0 15px;}
.man-made-charge .first-level{margin-bottom:40px;}
.man-made-charge .first-level h2{font-size:14px;font-weight:bold;margin-bottom:15px;}
.man-made-charge .second-level li{margin-bottom:10px;}
.man-made-charge .account-info{margin-top:15px;width:100%;}
.man-made-charge .account-info td,.man-made-charge .account-info th{border:1px solid #ddd;padding:4px 10px;text-align:center;}
.man-made-charge .account-info th{background-color:#f8f8f8;font-weight:bold;}
.man-made-charge .second-level .second-detail{margin:10px 20px;}