@charset "utf-8";
/*
 * @name	:139G 手机充值
 * @author	:chenfahui(email:chenfh@xmxu.cn)
 * @version	:1.0
 */

.pay{max-width:640px;margin:auto;}

.payGame,.payIntegral{padding:1em;}
.payGame dt{padding:0 0 0.5em 1%;}
.payGame ul,.payMode ul,.payInfo dd,.payInfo .money,.paySure dd{overflow:hidden;}
.payGame li{float:left;width:30%;padding:2% 1%;}
.payGame li img,.payMode li img{width:100%;border-radius:0.2em;}
.payGame li:nth-child(3n+2){padding:2%;}
.payGame li:nth-child(3n+4),.payMode li:nth-child(3n+4){clear:both;}
.payMode{padding:1em 1em 0;}
.payMode dt{padding:0 0 0.5em 2%;}
.payMode li{float:left;width:28%;padding:2%;}
.payMode li:nth-child(3n+2){padding:2% 4%;}
.paySelected{margin:1em 1em 0;padding:0.8em 1em;}
.paySelected,.payHis a,.payGame li a,.payMode li a,.paySelGame{border:1px solid #dce9f1;box-shadow:0 0 2px #dde9f1;background:#fff;border-radius:0.2em;display:block;}
.paySelGame{margin:1em 1em 0;padding:0.8em 1em;position:relative;overflow:hidden;}
.paySelGame .tit{float:left;}
.paySelGame .txt{overflow:hidden;}
.paySelGame .txt input{border:0;color:#f26522;font-family:"Microsoft Yahei";width:auto;}

.payHis{padding:0.5em 1em;}
.payHis a{padding:0.8em 6.5em 0.8em 1em;line-height:1.2em;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;}
.payHis img{height:1.2em;}
.payHis li{padding:0.5em 0 0;}
.payHis .icon{float:left;margin:0 0.8em 0 0;}
.payHis .goto{color:#44b5df;position:absolute;right:1em;top:50%;margin:-0.6em 0 0;height:1.2em;}
.payHis .goto img{float:right;margin:0 0 0 0.5em;}
.payHis .red,.payReturn p.red{color:#ff0000;}
.payHis .green,.payReturn p.green{color:#007d06;}

.payInfo{padding:0.5em 0;}
.payInfo dl{overflow:hidden;padding:0.5em 0;}
.payInfo dt{float:left;width:25%;text-align:left;text-align:right;padding:8px 0;}
.payInfo .text,.paySelGame .text{border:1px solid #bce6f6;padding:8px 0;width:80%;text-indent:0.8em;border-radius:0;-webkit-appearance:none;}
.payInfo .text {padding:8px;text-indent:0;}
.payInfo select.text{height:2.5em;padding:0;line-height:2.5em;}
.payInfo .disabled{background:#eee;}
.payInfo .error .text{border-color:#ff0000;color:#666;}
.payInfo .error .msg{color:#ff0000;}
.payInfo .errorMsg{display:none;}
.payInfo .error .errorMsg{position:absolute;background:#ff0000;padding:0.2em 0.5em;display:block;color:#fff;border-radius:0 0 0.2em 0.2em;}
.payInfo .msg{padding:8px 8px 0;overflow:hidden;}
.payInfo .msg p{float:left;}
.payInfo .msg a.btn{float:right;}
.payInfo .loading{background:url(../images/loading_small.gif) no-repeat 0 center;background-size:1.2em 1.2em;padding:8px 0 8px 1.5em;}

.payInfo .selects{position:relative;width:80%;border:1px solid #BCE6F6;padding:0 8px;}
.payInfo .selects select,.paySelGame select{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.payInfo .selects .text{width:100%;border:0;margin:0 -8px;}
.payInfo .selects .arrow,.paySelGame .arrow{background:url(../images/pay_select_arrow.png) no-repeat 50% 50%;background-size:100% auto;height:1em;width:1em;position:absolute;right:0.5em;top:50%;margin:-0.5em 0 0;}
.payInfo .money li{float:left;margin:0 0.5em 0.5em 0;}
.payInfo .money li a,.payInfo .money li input{border:1px solid #bce6f6;padding:1px;position:relative;-webkit-appearance:none;border-radius:0;}
.payInfo .money li a{background:#F2F7FA;display:block;padding:8px 10px;}
.payInfo .money li input{padding:8px 10px;font-family:"Microsoft Yahei",Helvetica;}
.payInfo .money 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{background:url(../images/pay_money_check.png) no-repeat;background-size:100% 100%;bottom:0;height:1em;position:absolute;right:0;width:1em;}
.payInfo .money li.customBtn{margin:0;}
.payInfo .money li.customTxt{margin:0;width:80%;} 
.payInfo .button{width:90%;margin:auto;padding:1em 0 0;}
.payInfo .button a,.paySure .button a,.payReturn .button a{background:#fd8d49;border:1px solid #fd8d49;color:#fff;display:block;padding:0.5em 0;text-align:center;font-weight:700;}
.payInfo .button a.back,.paySure .button a.back{background:#fff;border:1px solid #eee;color:#333;margin:0.5em 0 0;}

.paySure{padding:1em 0;}
.paySure dl{overflow:hidden;padding:0.2em 0;}
.paySure dt{float:left;width:40%;text-align:right;color:#333;}
.paySure div.msg{width:90%;border-top:1px solid #e1e1e1;color:#ff0000;margin:0.5em auto 0;padding:0.5em 0 0;}
.paySure .button{width:90%;margin:auto;padding:1em 0 0.5em 0;}

.payReturn{line-height:2em;}
.payReturn .button a{display:inline-block;padding:0.4em 3em;margin:1em 0.5em 0;}

.payIntegral img{max-width:100%;}