@charset "utf-8";
/*
 * @name	:139G 充值中心样式
 * @author	:chenfahui(email:chenfh@xmxu.cn)
 * @version	:1.0
 */
 
.payWrap{width:1000px;margin:auto;padding:15px 0 0;}
.payWrapTop{padding:5px 0 0;}
.payWrap .sideLogin .tit{display:none;}
.payWrap .sideLog{height:306px;background:#d1e0ee;}
.payWrap .sideNews ul{overflow:hidden;}
.payWrap .sideNews ul.double li{width:50%;float:left;}
.payWrap .sideNews li{border-top:1px dashed #cddaee;height:35px;line-height:35px;margin:-1px 0 0;}
.payWrap .sideNews a{padding:0 0 0 15px;}
.payWrap .sideNews a:hover .nub{border-left-color:#f26522;}
.payWrap .sideNews .nub,.payWrap .sideMeth .nub{display:inline-block;height:0;width:0;border:5px solid;border-color:#fff #fff #fff #666;vertical-align:middle;overflow:hidden;}
.payWrap .sideType{}
.payWrap .sideType .box{float:left;border:3px solid #d1e0ee;position:relative;}
.payWrap .sideType .g{float:right;}
.payWrap .sideType .show{position:absolute;left:0;top:0;right:0;bottom:0;}
.payWrap .sideType .show dl{position:absolute;left:20px;top:20px;z-index:1;color:#fff;width:305px;text-align:justify;line-height:30px;}
.payWrap .sideType .show dt{font-weight:700;color:#f26522;}
.payWrap .sideType .show dd{text-indent:24px;height:150px;overflow:hidden;}
.payWrap .sideType .btn{position:absolute;top:225px;left:50%;margin:0 0 0 -67px;z-index:1;}
.payWrap .sideType .bg{position:absolute;left:0;top:0;background:#000;height:300px;width:345px;opacity:0.8;filter:alpha(opacity=80);}
.payWrap .sideType .shadow,.payStep li,.payStep .nubL,.payStep .nubR,.payInfo .money li.current .nub,.payInfo .bank .nub,.payConfirm .icon{background:url(../images/pay_bg.gif) no-repeat;}
.payWrap .sideType .shadow{height:10px;width:364px;position:absolute;bottom:-13px;left:50%;margin:0 0 0 -182px;}
.payWrap .sideMeth{padding:10px 0 0;margin:0 -11px 0 0;}
.payWrap .sideMeth li{border-bottom:1px dashed #d1e0ee;position:relative;}
.payWrap .sideMeth li a{display:block;padding:8px 0 8px 50px;}
.payWrap .sideMeth li a:hover .nub{border-color:#F2F7FA #F2F7FA #F2F7FA #f26522;}
.payWrap .sideMeth li.current a{background:#d1e0ee;color:#f26522;}
.payWrap .sideMeth li.current .nub,.payWrap .sideMeth li.current a:hover .nub{border-color:#d1e0ee #d1e0ee #d1e0ee #f26522;}
.payWrap .sideMeth li.current .arrow{display:block;}
.payWrap .sideMeth .nub{border-color:#F2F7FA #F2F7FA #F2F7FA #666;}
.payWrap .sideMeth .inner{border:1px solid #d1e0ee;background:#f2f7fa;padding:8px 0;}
.payWrap .sideMeth .arrow{color:#fff;position:absolute;right:-11px;top:50%;height:20px;width:20px;line-height:20px;text-align:center;margin:-10px 0 0;display:none;}

.paySide{width:275px;float:left;}
.payMain{width:715px;float:right;}
.payGame{padding:10px 0 0;}
.payGame .inner{border:1px solid #d1e0ee;background:#fff;}
.payGame .inner ul{overflow:hidden;padding:15px 10px;}
.payGame .inner li{float:left;width:25%;text-align:center;padding:10px 0;}
.payGame .inner img{border:1px solid #d1e0ee;}
.payGame .inner span{display:block;}
.payGame .inner a:hover{font-weight:700;}
.payGame .inner a:hover img{border:1px solid #f26522;}

.payStep{position:relative;}
.payStep ul{width:100%;overflow:hidden;}
.payStep li{float:left;height:57px;background-position:0 -14px;margin:0 0 0 -55px;padding:0 0 0 25px;width:363px;line-height:57px;text-align:center;font-size:15px;font-weight:700;color:#333;}
.payStep li.current{background-position:0 -74px;color:#f26522;}
.payStep .nubL,.payStep .nubR{width:2px;height:57px;position:absolute;left:0;top:0;background-position:0 -134px;}
.payStep .nubR{background-position:-4px -134px;left:auto;right:0;}
.payStep2 li{width:530px;}
.payStep4 li{width:280px;}

.payTitle{border-bottom:1px solid #d1e0ee;height:32px;position:relative;}
.payTitle .label{border-bottom:3px solid #f26522;display:inline-block;font-weight:700;font-size:14px;height:30px;line-height:30px;padding:0 5px 0 40px;}
.payTitle .num{background:#f26522;padding:0 10px;color:#fff;position:absolute;bottom:0;left:5px;line-height:28px;}

.payInfo{padding:10px 0 0;}
.payInfo .inner{padding:20px 15px;border:1px solid #d1e0ee;background:#fff;}
.payInfo .payMsg{border:1px dotted #a5d1dc;background:#eaf4fb;padding:6px 15px;line-height:25px;}
.payInfo .payMsg a{float:right;text-decoration:underline;color:#f26522;margin:0 0 0 10px;}
.payInfo .payMsg ul{padding:0 0 0 20px;}
.payInfo .payMsg li{list-style:decimal outside;}
.payInfo .payEdit{padding:20px 0 0;}
.payInfo .payEditMsg{padding:0;}
.payInfo .payEditMsg a{text-decoration:underline;}
.payInfo .payItem{padding:20px 0;}
.payInfo .payGrowing{margin:10px 0 0;}
.payInfo .money li{float:left;padding:0 10px 0 0;}
.payInfo .money li a,.payInfo .bank li a,.payInfo .money li input{position:relative;border:1px solid #d1e0ee;padding:1px;}
.payInfo .money li a{background:#f2f7fa;padding:8px 10px;}
.payInfo .money li input{height:14px;width:60px;padding:8px 10px;font-family:"Microsoft YaHei";}
.payInfo .money li.current a,.payInfo .bank li.current a{border:2px solid #f26522;color:#f26522;padding:0;}
.payInfo .money li.current a{background:#fff;padding:7px 9px;}
.payInfo .money li.current .nub,.payInfo .bank .current .nub{width:12px;height:12px;position:absolute;right:0;bottom:0;background-position:-15px -134px;}
.payInfo .bank{overflow:hidden;padding:0 15px;}
.payInfo .bank li{float:left;padding:10px;}
.payInfo .bank_pic{background-image:url(../images/pay_banks.jpg);height:31px;width:139px;display:block;}
.payInfo .payConfirm .bank_pic{height:33px;width:141px;}

.bank_icbc{background-position:0 -748px;}
.bank_abc{background-position:0 0;}
.bank_abc_qy{background-position:0 -34px;}
.bank_bcom{background-position:0 -68px;}
.bank_bea{background-position:0 -102px;}
.bank_bjrcb{background-position:0 -136px;}
.bank_bob{background-position:0 -170px;}
.bank_boc{background-position:0 -204px;}
.bank_cbhb{background-position:0 -238px;}
.bank_ccb{background-position:0 -272px;}
.bank_ccb_qy{background-position:0 -306px;}
.bank_ceb{background-position:0 -340px;}
.bank_cib{background-position:0 -374px;}
.bank_citic{background-position:0 -408px;}
.bank_cmb{background-position:0 -442px;}
.bank_cmbc{background-position:0 -476px;}
.bank_czb{background-position:0 -510px;}
.bank_gdb{background-position:0 -544px;}
.bank_gzcb{background-position:0 -578px;}
.bank_gzrcc{background-position:0 -612px;}
.bank_hsb{background-position:0 -646px;}
.bank_hxb{background-position:0 -680px;}
.bank_hzb{background-position:0 -714px;}
.bank_icbc{background-position:0 -748px;}
.bank_icbc_qy{background-position:0 -782px;}
.bank_nbcb{background-position:0 -816px;}
.bank_njcb{background-position:0 -850px;}
.bank_pab{background-position:0 -884px;}
.bank_post{background-position:0 -918px;}
.bank_sdb{background-position:0 -952px;}
.bank_shb{background-position:0 -986px;}
.bank_shrcc{background-position:0 -1020px;}
.bank_spdb{background-position:0 -1054px;}
.bank_spdb_qy{background-position:0 -1088px;}

.payInfo .formItem{padding:8px 0;zoom:1;font-size:14px;line-height:36px;}
.payInfo .formTit{float:left;width:120px;text-align:right;}
.payInfo .formTxt{float:left;}
.payInfo .formTxt .txt{border-right:1px solid #ddd;border-bottom:1px solid #ddd;float:left;}
.payInfo .formTxt .txt input{border:1px solid #ccc;background:none;height:14px;width:220px;padding:10px;line-height:15px;float:left;}
.payInfo .formTxt .txt input.short{width:100px;}
.payInfo .formTxt .txt input.middle{width:127px;}
.payInfo .formTxt .chk{vertical-align:middle;}
.payInfo .formTxt .label{padding:0 10px 0 0;}
.payInfo .formTxt .area{width:150px;}
.payInfo .formMsg{overflow:hidden;padding:0 0 0 20px;position:relative;height:36px;}
.payInfo .formMsg .msg{background:#eaf4fb;display:inline-block;padding:0 30px;color:#09a3cd;}
.payInfo .formMsg .nub{position:absolute;left:10px;top:50%;margin:-10px 0 0;display:block;height:20px;width:20px;text-align:center;line-height:20px;color:#eaf4fb;font-family:simsun;}
.payInfo .formMsg .sta{background:url(../images/commBox_bg.gif) no-repeat 0 -166px;display:block;height:17px;width:17px;position:absolute;left:30px;top:50%;margin:-8px 0 0;}
.payInfo .formError .txt input{border-color:#ed5c17;}
.payInfo .formError .msg{background:#ffecdd;color:#ff0000;}
.payInfo .formError .nub{color:#ffecdd;}
.payInfo .formError .sta{background-position:0 -184px;}
.payInfo .formMay .msg,.register .formMay .nub{display:none;}
.payInfo .formMay .sta{background-position:0 -202px;}

.payInfo .page{border-top:1px solid #d1e0ee;padding:30px 0;margin:20px 0 0;}
.payInfo .page .button{margin:0 30px;}
.payConfirm{padding:30px 0;}
.payConfirm dl{border:1px dotted #a5d1dc;overflow:hidden;background:#eaf4fb;width:60%;margin:30px auto 0;line-height:40px;font-size:15px;padding:20px 0;}
.payConfirm dt{float:left;width:50%;text-align:right;}
.payConfirm dd{float:left;width:50%;color:#333;}
.payConfirm .icon{height:100px;width:140px;margin:auto;}
.payConfirm .iconExcl{background-position:-200px -142px;}
.payConfirm .iconSucc{background-position:-50px -142px;}
.payConfirm .msg{text-align:center;font-size:15px;font-weight:700;padding:20px 0 0;}
.payConfirm .msgExcl{color:#f26522;}
.payConfirm .msgSucc{color:#66a026;}

.payWait .payConfirm{width:500px;padding:0;}
.payWait .payConfirm dl{width:90%;}
.payWait .center{text-align:center;padding:20px;}
.payWait .button{margin:0 10px;}
.payWait .link{text-decoration:underline;margin:0 0 0 20px;}