@charset "utf-8";
.quanwan_pay{width: 1200px;margin:0 auto;margin-top:20px;}
/* CSS Document */
/* font */
.f-tahoma{ font-family:tahoma; }
.f-EB3500{ color:#EB3500; }
.f-EB3500 a{ color:#EB3500; }
.f-EB3500 a:hover{ color:#EB3500; }
.f-EB5E00{ color:#EB5E00; }
.f-777{ color: #777;margin-top: 5px;float: left;width: 555px;font-family: 微软雅黑;line-height: 20px; }
.f14{ font-size:14px; }
.f16{ font-size:16px; }
/* position */
.mt3{ margin-top:3px; }
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt32{ margin-top:32px; }
.ml2{ margin-left:2px; display:inline; }
.mr2{ margin-right:2px; display:inline; }
.ml4{ margin-left:4px; display:inline; }
.ml8{ margin-left:8px; display:inline; }
.pt20{ padding-top:20px; }
.pl15{ padding-left:15px; }
.pl26{ padding-left:26px; }
.pl30{ padding-left:30px; }
.pl40{ padding-left:40px; }
.w60{ width:60px; }
.w68{ width:68px; }
.w80{ width:80px; }
/* other reset */
.line{ width:100%; }
.clear{ clear:both; float:none; }
.wordwrap{ word-break:break-all; word-wrap:break-word; }
.diswordwrap{ word-break:keep-all; word-wrap:break-word; }
.hide{display:none;}
.ie6_block{ display:none; _display:block; }
.ie6_hide{ display:block; _display:none; }
.fl{ float:left;}
.fr{ float:right;}
/* other reset */
/* CSS Document */

/* pay */
.user-option-pay-bg{float:left;width:100%;margin-top:15px;margin-bottom:80px;border-radius: 4px;overflow:hidden;background:#FCFCFC;}
.user-option-pay-left{ width:286px; float:left;min-height:918px;position:relative;}
.user-option-pay-left dl{ width:100%; float:left;padding-top:20px;}
.user-option-pay-left dd { width:287px;height:78px; float:left; position:relative;}
.user-option-pay-left dd a{border-top:1px solid #FCFCFC;border-bottom:1px solid #FCFCFC;border-left:3px solid #FCFCFC;
width:284px;float:left; height:76px; line-height:76px;color: #383838;font-size:16px;text-indent:96px;background:url(/static/web/img/pay/pay-tab.png) no-repeat;}
.user-option-pay-left dd a:hover{color:#FE5803;}
.user-option-pay-left dd i {position: absolute;left: 170px; top: 50%;transform: translateY(-50%); font-size: 12px;background: #FE5803;color: #fff;padding: 2px 5px;border-radius: 3px;white-space: nowrap; z-index: 1;}
.user-option-pay-left dd a#WxPay{background-position:50px 22px;}
.user-option-pay-left dd a#ybbank{background-position:50px -54px;}
.user-option-pay-left dd a#alipay_sm{background-position:50px -130px;}
.user-option-pay-left dd a#duihuan2{background-position:50px -676px;}
.user-option-pay-left dd a#juan{background-position:50px -207px}
.user-option-pay-left dd a#duihuan{background-position:50px -287px;}
.user-option-pay-left dd a#mob_szx{background-position:50px -363px;}
.user-option-pay-left dd a#mob_lt{background-position:50px -443px;}
.user-option-pay-left dd a#fan{background-position:50px -55px;}
.user-option-pay-left dd a#ptb{background-position:50px -599px;}
.user-option-pay-left .act{position:relative;z-index:9;border-top:1px solid #FE5803;border-bottom:1px solid #FE5803;border-left:3px solid #FE5803;color:#FE5803;}

/***********右侧支付***********/

.user-option-pay-right{ width:812px;float:left;background:#fff;min-height:818px;border-radius:4px;position:relative;padding:50px;    border-left: 1px solid #EBEBEB;}
.user-option-pay-right-title{float:left;width:100%;color:#383838;height:26px;line-height:26px;margin-bottom:10px;}
.user-option-pay-right-title strong{font-weight: normal;font-size: 28px; float: left;height: 26px;line-height: 23px;*line-height:27px;}
/***********充值帐号***********/
.pay-zh{width:100%;height:40px;margin-top:30px;}
.pay-zh input,.pay-zh-xz{width: 274px; height: 38px;line-height: 38px;border: 1px solid #E8E8E8;color: #333;font-size: 14px;padding: 0 15px;border-radius: 4px;float: left;}
.pay-zh input:focus{border:1px solid #333;}
.pay-zh-p1{float:left;width:75px;height:38px;line-height:38px;color:#383838;font-size:14px;}
.pay-zh-ts{font-size: 12px;color: #a9a9a9;background: url(/static/web/img/pay/pt.jpg) 8px -45px no-repeat;padding-left: 30px;float: left;height:38px;line-height:34px;}
.pay-zh-error input:focus{border:1px solid #FF4900;}
.pay-zh-error .select-list{border:1px solid #FF4900;}
.pay-zh-error .pay-zh-ts{background-position: 8px 10px;color: #FF4900;}
.pay-zh-error .pay-zh-xz{border:1px solid #FF4900;}
/***********选择游戏***********/
.pay-zh-xz{background: url(/static/web/img/pay/down.jpg) 198px center no-repeat;cursor:pointer;width:190px;margin-right:20px;}
.pay-zh-xz span{width:100%;height:38px;float:left;color:#a1a1a1;font-size:14px;}
.pay-zh-xz span.suc{color:#333;}

/* 游戏列表 */
.alert_select{width: 644px;height: 282px;border: 1px solid #E5E5E5;overflow: hidden;position: absolute;background: #fff;top: 305px;left: 125px;border-radius: 5px;display: none;    z-index: 999;-moz-box-shadow: 0 5px 10px #F9F9F9 inset;-webkit-box-shadow: 0 5px 10px #F9F9F9 inset;box-shadow: 0 5px 10px #F9F9F9;}
.pay-game-tit{width:100%;height:40px;overflow:hidden;background:#FCFCFC;border-bottom:2px solid #FE5700;color:#383838;font-size:16px;line-height:40px;text-indent: 15px;position:relative;}
.alert_select_close{width:17px;height:17px;overflow:hidden;background:url(/static/web/img/pay/alert_close.png) 0 -20px no-repeat;cursor:pointer;position:absolute;display:block;right:20px;top:11px}
.alert_select_close:hover{background-position:0px 0px;}
.alert_select_title{width:100%;height:44px;border-bottom:1px solid #E5E5E5;}
.alert_select_title ul{height:44px;margin:0 auto;}
.alert_select_title ul li{margin-top:12px;float:left;text-align:center;font-size:14px;color:#a8a8a8;cursor:pointer;padding:1px 0 3px 0;border-radius:3px;margin-left:3px;margin-right:2px;width:73px}
.alert_select_title ul li:hover,.gs-sel-lastplay a:hover{color:#383838;}
.alert_select_title ul li.on,.gs-sel-lastplay a.on{color:#fff;background:#FE5700;}
.alert_select_title ul.alert_server_sort li{width:90px;}
.alert_select_title ul.alert_server_sort li.on{background:url(/static/web/img/pay/alert_btn.png) no-repeat -10px -7px;color:#F57032;}
.alert_list{width:644px;height: 180px;overflow-y:auto;padding-top:10px;display:none;}
.alert_list a{width:21%;height:36px;display:block;float:left;margin-left:20px;line-height:36px;cursor:pointer;color:#383838; font-size: 12px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.alert_list a:hover{color:#fe5600;}
.alert_pinyin{width: 18px;height:36px;line-height:36px;float: left;font-size:12px;margin:0px 5px 0px 20px;text-align: center;color:#a8a8a8;}
.alert_pinyin_list{width:577px;float:left;overflow:hidden;*padding-bottom:10px;}
#select_server{top:295px;}
.pay-game-tit .pay-game-qf{border:1px solid #E5E5E5;width:112px;height:23px;background:#fff;position:absolute;top:8px;left:470px;}
.pay-game-tit .pay-game-qf input{border:0;padding:0 9px;font-size:14px;height:23px;width:52px;float:left;color:#333}
.pay-game-tit .pay-game-qf a{height:23px;width:40px;font-size:14px;color:#383838;border-left:1px solid #E5E5E5;float:left;line-height:23px;text-indent:0;text-align:center}
.pay-game-tit .pay-game-qf a:hover{color:#fe5600;}
.select_iframe{width:566px;height:222px;background-color:#FFF; position:absolute;z-index:-1;top:0px;left:0px;border: medium none;}
.pay-game-select{border: 1px solid #E5E5E5;outline:none;height: 25px;position: absolute;    right: 180px;top: 8px;line-height:72px;}
/* 游戏列表end */

/***********选择金额***********/
.box_selectmoney,.box_selectmoney2{width:100%;float:left;margin-top: 30px;}
.pay-cz-jine{float:left;width:730px;}
.pay-cz-jine ul{}
.pay-cz-jine ul li{width:160px;cursor:pointer;height:38px;border:1px solid #E8E8E8;float:left;color:#333;font-size:14px;text-align:center;line-height:38px;border-radius: 4px;margin-right:20px;margin-bottom:10px;}
.pay-cz-jine ul li:hover{border:2px solid #FE5700;width:158px;height:36px;line-height:36px;color:#FE5700;}
.pay-cz-jine ul li.cur{border:2px solid #FE5700;width:158px;height:36px;line-height:36px;background:url(/static/web/img/pay/pay-cur.jpg) right bottom no-repeat;color:#FE5700;}
.pay-cz-jine ul li:hover.pay-cz-zdy-je input,.pay-cz-jine ul li.pay-cz-zdy-je.cur input{height: 26px;line-height: 26px;margin: 3px 8px 3px 7px;}
.pay-cz-jine ul li:hover.pay-cz-zdy-je span,.pay-cz-jine ul li.pay-cz-zdy-je.cur span{height:36px;line-height:36px;}
.pay-cz-jine ul li.pay-cz-zdy-je input{float: left;width: 90px;height: 28px;border: 1px solid #E5E5E5;margin: 3px 8px;border-radius: 3px;padding: 0 10px; font-size: 15px;color: #333;line-height:28px;}
.pay-cz-jine ul li.pay-cz-zdy-je input:focus{border:1px solid #333;}
.pay-cz-jine ul li.pay-cz-zdy-je span{float: left;height: 38px;line-height: 38px;font-size: 14px;color: #383838;}

/***********确认按钮and金额***********/
.pay-je-que{width:100%;height:38px;line-height:38px;float:left;margin-top:35px;text-align:center;color:#2e2e2e;font-size:14px;}
.pay-je-que span{font-size:16px;color:#fe5600;padding-right:5px;}
.pay-je-que em{color:#a1a1a1;}

.pay-je-que-txt{float:left;color:#a8a8a8;font-size:12px;}
.pay-je-que-txt span{color:#05cd05;font-size:16px;}
.pay-je-que-txt span i{font-weight:bold;}
.pay-btn{width:260px;height:50px;width:100%;float:left;margin-top:20px;}
.pay-btn a{width:260px;background:#FDE701;font-size:16px;color:#2e2e2e;height:50px;display:block;margin:0 auto;border-radius: 5px;text-align:center;line-height:50px;}
.pay-btn a:hover{background:#F4CF00;}
/***********温馨提示***********/
.user-option-step-tips{float:left;width:100%;padding-top:20px;border-top:1px solid #F2F2F2;margin-top:55px;}
.pay-wxts{float: left;width: 100%;font-size: 14px;color: #383838;background: url(/static/web/img/pay/pt.jpg) 0px 10px no-repeat;height: 38px;line-height: 32px;text-indent: 20px;}
.pay_tips,.pay-wxts-rg{color: #a1a1a1;float: left;width: 815px;line-height: 26px;}
.pay_tips span,.pay-wxts-rg span{text-indent: 4px;float: left;width: 100%;    font-size: 14px;}
.pay-qfxz{width:100%;text-align:center;font-size:18px;color:#fe5e0c;}


/***********选择角色***********/
.select-list{float:left;height:38px;width:220px;border:1px solid #E8E8E8;color:#a9a9a9;font-size:12px;border-radius:4px;position:relative;}
.select-list span{display:inline-block;width:190px;height:38px;font-size:14px;line-height:38px;cursor:pointer;z-index:9;position:absolute;padding: 0 15px;background:url(/static/web/img/pay/down.jpg) 198px center no-repeat;}
.select-list ul{width: 220px;position: absolute;top: 34px;left: -1px;border: 1px solid #E8E8E8;display: none;background: #fff;z-index:9999;max-height: 162px;overflow-y:auto;}
.select-list li{cursor:pointer;line-height:32px;text-indent:12px;height:32px;color:#888;font-size:12px;}
.select-list li:hover{background:#EFEFEF;}

/***********弹窗 确认信息***********/
.pay-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-overflow-scrolling:touch;background-color:#000;filter:alpha(opacity=50);background-color:rgba(0,0,0,.5);*zoom:1;z-index:9999;}
.pay-tc{width:452px;padding:0 34px;background:#fff;position:fixed;left:50%;top:50%;margin-left:-260px;margin-top:-140px;z-index:99999;    border-radius: 5px; padding-bottom: 30px;}
.pay-tc-close{height:22px;width:22px;background:url(/static/web/img/pay/dialog-close.jpg) no-repeat;position:absolute;top:16px;right:16px;    cursor: pointer;-webkit-transition:all .0s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.pay-tc-close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.pay-tc h3,.pay-tc-tishi,.pay-tc-zh,.pay-tc-tixing,.pay-tc-btn{width:100%;float:left;text-align:center;}
.pay-tc h3{color:#383838;font-size:16px;font-weight:bold;padding-top:45px;padding-bottom:20px;    border-bottom: 1px solid #EEEEEE;    margin-bottom: 18px;}
.pay-tc-tishi i{color:#666;font-size:12px;background: url(/static/web/img/pay/pt.jpg) 0px 2px no-repeat;padding-left: 19px;}
.pay-tc-zh{color:#383838;font-size:14px;    padding:20px 0px 7px 0px;font-weight:bold;}
.pay-tc-zh i{color:#fe5600;}
.pay-tc-tixing{color:#666;font-size:12px;}
.pay-tc-btn{height:35px;padding-top:28px;    padding-bottom: 15px;}
.pay-tc-btn a{height:35px;width:110px;text-align:center;line-height:35px;font-size:14px;color:#333;display:block;margin:0 auto;background:#FDE701;border-radius: 4px;}
.pay-tc-btn a:hover{background:#F4CF00;}

/***********充值结果***********/
.pay-jieguo{width:100%;background:#fff;margin-top:16px;float:left;margin-bottom:60px;height:658px;border-radius: 5px;}
.pay-jieguo-nr{width:510px;margin:0 auto;height:658px;}
.pay-jieguo-tit{height:56px;width:100%;padding-top:88px;padding-bottom:30px;}
.pay-jieguo-txt{width: 141px;margin: 0 auto;height: 56px;background: url(/static/web/img/pay/pay-zt.png) no-repeat; padding-left: 56px;}
.pay-jieguo-txt h3{font-size:28px;color:#383838;font-weight:normal;}
.pay-jieguo-txt p{color:#a8a8a8;font-size:12px;}
.pay-cg{background-position:0px -68px;}
.pay-sb{background-position: 1px 4px;width: 286px;}

.pay-jieguo-form{background:#F4F4F4;width:100%;height:auto;    padding: 25px 0px;border-radius: 5px;}
.pay-jieguo-form p{height:40px;width:100%;line-height:40px;font-size:14px;}
.pay-jieguo-form span{width:120px;color:#a8a8a8;text-align:right;    float: left;}
.pay-jieguo-form i{    float: left;color:#383838;}
.pay-jieguo-form i em{color:#fe5600;}
.pay-jieguo-form i b{color:#05cd05;}

.pay-jieguo-btn{width:550px;height:35px;padding-top:20px;}
.pay-jieguo-btn a{border:1px solid #DDDDDD;font-size:14px;color:#383838;line-height:33px;text-align:center;    border-radius: 3px;height:33px;width:118px;float:left;margin-right:10px;}
.pay-jieguo-btn a.xuanzhong,.pay-jieguo-btn a:hover{border:1px solid #FDE701;background:#FDE701;}
.pay-jieguo-btn a.xuanzhong:hover{background:#F4CF00;border:1px solid #F4CF00;}

/***********弹窗 温馨提示***********/
.wxts-p{color:#666;font-size:12px;width:368px;line-height:24px;    margin: 0 auto;    padding-bottom: 18px;}
.wxts-p i{color:#fe5600;}
.wxts-div{width:240px;height:34px;margin:0 auto;}
.wxts-div a{height:34px;line-height:34px;width:110px;text-align:center;color:#333333;font-size:14px;display:block;float:left;    border-radius: 3px;}
.wxts-div a.wxts-div-zl{background:#FDE701;}
.wxts-div a.wxts-div-ok{background:#F4F4F4;    margin-left: 20px;}
.wxts-div a.wxts-div-zl:hover{background:#F4CF00;}
.wxts-div a.wxts-div-ok:hover{background:#FDE701;}

/***********弹窗 确认要付款***********/
.pay-tc .pay-jieguo-form{ background: none;float: left;padding-top: 0px;}
.pay-tc .pay-jieguo-form span{width:175px;}

/***********弹窗 二维码扫描***********/
.pay-wx-ewm{width:100%;text-align:center;    padding-top: 10px;float: left;}
.pay-wx-ewm-img{width:282px;height:282px;padding-bottom:20px;}

/***********弹窗 完善帐号信息***********/
.pay-tc .pay-zh-p1{width:88px;text-align: right;}
.pay-tc .pay-zh input{width:205px;}
.pay-tc input.userame,.pay-tc input.userpass{width:270px;border:1px solid #e8e8e8;color:#494949;line-height:34px;background:url(/static/web/img/pay/dl-ico.png) 9px 7px no-repeat;border-radius:3px;text-indent:40px;float:left}
.pay-tc input.userame{background-position:9px 7px}
.pay-tc input.userpass{background-position:9px -41px}
.pay-tc input:focus.userame,.pay-tc input:focus.userpass{outline:none;border: 1px solid #494949;}
.pay-tc input:focus.userame{background-position:9px -91px;}
.pay-tc input:focus.userpass{background-position:9px -139px;}



.box_select_product label .input{width:466px; height:40px;color: #333;outline: none; font-size:1.2em; border: 1px solid #E8E8E8; border-radius:3px; overflow:hidden; vertical-align:middle; padding:0 2%;}
.user-option-pay-left .tips{position:absolute;bottom:30px;left:0;width:100%;z-index:1;}
.user-option-pay-left .tips p{line-height:40px;color:#999;padding:0 15px;}
.user-option-pay-left .tips p.qq{font-weight:700;color:#3d3d3d;text-align:center;}
.user-option-pay-left .tips p.title{font-weight:700;color:#ff950d;position:relative;}
.user-option-pay-left .tips p.title::before{position:absolute;top:548px;left:0;width:4px;height:22px;background:#FDAD36;content:'';}
.user-option-pay-left .tips p img{width:160px;height:160px;margin:16px auto;display:block;}
.pay-cz-jine .ptb_tips{height:38px;line-height:38px;font-size:13px;color:#f00;float:left;display:block;}
.pay-cz-jine .ptb_tips a{color:#ff6c13;text-decoration:none;}