@charset "utf-8";
/* CSS Document */
.recharge-wrap{width:100%;background:#f0f0f0;}
.recharge-wrap .recharge{width:860px;background:#fff;margin:0 auto;padding:20px 70px;}
.recharge .tit{height:40px; line-height:40px;position:relative;padding-left:10px;}
.recharge .tit span{display:inline-block;width:32px; height:32px; margin-top:2px;position:absolute; left:-36px; top:0;}
.recharge .tit .num1{background:url(../images/allimg.png) no-repeat -184px -44px; }
.recharge .tit .num2{background:url(../images/allimg.png) no-repeat -216px -44px; }
.recharge .tit .num3{background:url(../images/allimg.png) no-repeat -248px -44px; }
.recharge .tit .title{font-size:16px; text-decoration:none; line-height:36px;}
.recharge .choose{height:34px; line-height:34px;padding:10px 0;}
.recharge .choose p{float:left;}
.recharge .choose .opt{width:258px; height:25px; border:1px solid #aaa; margin-left:8px;padding:7px 0 0 20px;}
.recharge .choose .opt input{width:258px; border:0;outline:none;resize: none;}
.recharge .paynav{width:850;height:40px;background:#ececec;}
.recharge .paynav li{float:left;width:150px; height:40px; line-height:40px;text-align:center;cursor:pointer;}
.recharge .paynav li:hover{color:#81b747;}
.recharge .paynav .cur{background:#81b747;color:#fff;}
.recharge .paynav .cur:hover{color:#fff;}
.recharge .paycard{width:725px; height:135px; border-left:1px solid #bbb; border-top:1px solid #bbb; overflow:hidden; margin-top:30px;}
.recharge .paycard li{float:left;width:144px; height:44px;border-right:1px solid #bbb; border-bottom:1px solid #bbb; position:relative; cursor:pointer;}
.recharge .paycard li i{display:none;  top:-1px;left:-1px;width: 142px;height: 42px;position:absolute;}
.recharge .paycard .bank i{display:block;background:url(../images/allimg.png) no-repeat -282px -42px;border: 2px solid #81b747;} 
.recharge .paycard li:hover i{display:block;border: 2px solid #81b747;}  
.recharge .money-wrap .sum{line-height:50px;}
.recharge .money-wrap .sum span{color:#f0c80c;}
.recharge .money-wrap .money{width:860px;overflow:hidden; padding-bottom:20px;}
.recharge .money-wrap .money li{float:left; width:88px; height:38px;border:1px solid #bbb; margin-right:20px; line-height:38px; text-align:center; cursor:pointer;} 
.recharge .money-wrap .money li:hover{width:86px; height:36px;line-height:36px;border:2px solid #81b747;}   
.recharge .money-wrap .money .cur{width:86px; height:36px; line-height:36px;border:2px solid #81b747; background:url(../images/allimg.png) no-repeat -80px -84px;}   
.recharge .integer{line-height:40px;}
.recharge .integer input{float:left;width:160px; height:18px; border:1px solid #bbb;padding:10px 9px;outline:0;margin-right:15px;}
.recharge .paycheck{margin:20px auto;width:180px; height:40px; }
.recharge .paycheck .refill{display:inline-block;width:100%;background:#81b747;color:#fff;text-align:center;line-height:40px;border-radius:5px;margin:0 auto;}
.recharge .paycheck .refill:hover{background:#88c14c;}