﻿/* 结构样式 */
.g-left { position: relative; float: left; width: 200px; overflow-x: hidden; }
.g-right { float: right; width: 750px; margin-top:20px;}

.g-form { }
.g-form-item { margin-bottom: 15px; zoom: 1; }
.g-form-item:after { content: ""; display: table; clear: both; }
.g-form-label { font-size: 14px; line-height: 30px; text-align: right; float: left; height: 30px; width: 80px; color: #333333; }
.g-form-label2 { font-size: 18px; line-height: 30px; text-align: right; float: left; height: 30px; padding-left: 10px; color: #333333; }
.g-form-main { margin-left: 100px; line-height: 40px; }

.u-text { float: left; border: solid 1px #ccc; vertical-align: middle; font-size: 14px; padding-left: 5px; line-height: 30px; height: 30px; width: 220px; }

a { color: #0b5ba5; cursor: pointer; outline: none; }
a:hover { color: #ff6600; text-decoration: none; }

.mr10 { margin-right: 10px; }


/* 登录 */
.m-loginbox { margin: 0 auto; width: 940px; border-bottom: solid 1px #B6B6B6; }
.m-login-message { margin-left: 230px; line-height: 40px; position: relative; }

/* 充值说明 */
.m-info { margin: 0 auto; width: 560px; line-height: 28px; font-size: 12px; color: #667382; }

/* 充值导航菜单 */
.m-recharge-nav { background: #f6f6f6; zoom: 1; border: 1px solid #e5e5e5; padding-bottom: 10px; }
.m-recharge-nav a:after { content: ""; }
.m-recharge-nav h3 { height: 36px; padding: 15px 0 0 15px; }
.m-recharge-nav h3 span { padding-left: 40px; font-size: 20px; display: block; overflow: hidden; }
.m-recharge-nav li { height: 45px; line-height: 45px; font-size: 14px; color: #666; cursor: pointer; margin-left: 10px; padding-left: 50px; position: relative; }
.m-recharge-nav li.hover { background-color: #efefef; }
.m-recharge-nav li.selected { background-color: white; margin-right: -2px; border: solid 1px #e5e5e5; border-right: none; }
.m-recharge-nav li i { width: 24px; height: 24px; overflow: hidden; display: inline-block; position: absolute; left: 20px; top: 10px; }
.m-recharge-nav li i.netbank {
	background-image: url(left-icon.png);
}
.m-recharge-nav li i.alipay {
	background-image: url(left-icon.png);
	background-position: 0 -24px;
}
.m-recharge-nav li i.rengong {
	background-image: url(left-icon.png);
	background-position: 0 -168px;
}
.m-recharge-nav li i.telephone {
	background-image: url(left-icon.png);
	background-position: 0 -48px;
}
.m-recharge-nav li i.gamecard {
	background-image: url(left-icon.png);
	background-position: 0 -72px;
}
.m-recharge-nav li i.sms {
	background-image: url(left-icon.png);
	background-position: 0 -96px;
}
.m-recharge-nav li i.tenpay {
	background-image: url(left-icon.png);
	background-position: 0 -192px;
}
.m-recharge-nav li i.wxpay {
	background-image: url(left-icon.png);
	background-position: 0 -216px;
}
.m-recharge-nav li i.awardcard {
	background-image: url(left-icon.png);
	background-position: 0 -120px;
}
.m-recharge-nav li i.vipcard {
	background-image: url(left-icon.png);
	background-position: 0 -240px;
}

/* 银行列表 */
.m-payment-list { width: 580px; position: relative; }
.m-payment-list label { display: inline-block; margin: 0 -1px -1px 0; float: left; height: 38px; width: 138px; border: 1px solid #ccc; position: relative; z-index: 1; cursor: pointer; background: #FFF; }
.m-payment-list label span { text-indent: -999px; display: block; height: 36px; overflow: hidden; border: 1px solid #FFF; }
.m-payment-list label span.test { text-indent: 0 !important; }
.m-payment-list .selected, .bank-list .hover { border-color: #ff6600; z-index: 3; }
.m-payment-list .selected span, .bank-list .hover span { border-color: #ff6600; }
.m-payment-list .selected i { background: url("../img/gou-icon.png") no-repeat 0 0; display: block; height: 13px; width: 13px; position: absolute; right: 0px; bottom: 0px; _bottom: -2px; }

/*网银*/
.m-payment-list label .bank { background: url("../img/netbank-icon.png") no-repeat; }
.m-payment-list .ABC span { background-position: 5px 0; }
.m-payment-list .BCCB span { background-position: 5px -36px; }
.m-payment-list .BJRCB span { background-position: 5px -72px; }
.m-payment-list .BOC span { background-position: 5px -108px; }
.m-payment-list .CCB span { background-position: 5px -144px; }
.m-payment-list .CEB span { background-position: 5px -180px; }
.m-payment-list .CIB span { background-position: 5px -216px; }
.m-payment-list .ECITIC span { background-position: 5px -252px; }
.m-payment-list .CMB span { background-position: 5px -288px; }
.m-payment-list .CMBC span { background-position: 5px -324px; }
.m-payment-list .BOCO span { background-position: 5px -360px; }
.m-payment-list .FDB span { background-position: 5px -396px; }
.m-payment-list .CGB span { background-position: 5px -432px; }
.m-payment-list .HZBANK span { background-position: 5px -468px; }
.m-payment-list .SCCB span { background-position: 5px -972px; }
.m-payment-list .ICBC span { background-position: 5px -504px; }
.m-payment-list .NBCB span { background-position: 5px -540px; }
.m-payment-list .POST span { background-position: 5px -576px; }
.m-payment-list .SDB span { background-position: 5px -612px; }
.m-payment-list .SHB span { background-position: 5px -648px; }
.m-payment-list .SRCB span { background-position: 5px -684px; }
.m-payment-list .PINGANBANK span { background-position: 5px -720px; }
.m-payment-list .SPDB span { background-position: 5px -756px; }
.m-payment-list .WZBANK span { background-position: 5px -792px; }
.m-payment-list .HXB span { background-position: 5px -838px; }
.m-payment-list .SHRCB span { background-position: 5px -685px; }
.m-payment-list .BJRCB span { background-position: 5px -72px; }
.m-payment-list .SHB span { background-position: 5px -648px; }
.m-payment-list .HZCB span { background-position: 5px -468px; }
.m-payment-list .NBBANK span { background-position: 5px -540px; }
.m-payment-list .NJCB span { background-position: 5px -929px; }
.m-payment-list .NCBBANK span { background-position: 5px -880px; }
.m-payment-list .ZJTLCB span { background-position: 5px -1072px; }
.m-payment-list .CZ span { background-position: 5px -1020px; }
.m-payment-list .HKBEA span { background-position: 5px -1113px; }
.m-payment-list .CBHB span { background-position: 5px -1160px; }
.m-payment-list .GZCB span { background-position: 5px -1253px; }
.m-payment-list .ZHXYS span { background-position: 5px -1463px; }
.m-payment-list .SDXYS span { background-position: 5px -1208px; }
.m-payment-list .SZRCB span { background-position: 5px -1345px; }
.m-payment-list .YDXYS span { background-position: 5px -1550px; }
.m-payment-list .JSBANK span { background-position: 5px -1386px; }
.m-payment-list .HKBANK span { background-position: 5px -1506px; }
.m-payment-list .GZSXYS span { background-position: 5px -1300px; }
.m-payment-list .CDBANK span { background-position: 5px -1596px; }
.m-payment-list .GZBANK span { background-position: 5px -1424px; }
.m-payment-list .JHCCB span { background-position: 5px -1676px; }
.m-payment-list .HSBANK span { background-position: 5px -1712px; }
.m-payment-list .JSB span { background-position: 5px -1636px; }

/*支付宝&腾讯*/
.m-payment-list label .tplat {
	background-image: url(alipay-icon.png);
	background-repeat: no-repeat;
}
.m-payment-list .ALIPAY span { background-position: 5px 0; }
.m-payment-list .QRCODE span { background-position: 5px -36px; }
.m-payment-list .TENPAY span { background-position: 5px -72px; }
.m-payment-list .WXPAY span { background-position: 5px -108px; }

/*易宝*/
.m-payment-list label .yeepay {
	background-image: url(alipay-icon.png);
	background-repeat: no-repeat;
}

.m-payment-list .YB span { background-position: 5px -254px; }
.m-payment-list .SNDACARD span { background-position: 5px -144px; }






.m-payment-list .JUNNET span { background-position: 5px -36px; }
.m-payment-list .ZHENGTU span { background-position: 5px 0; }
.m-payment-list .QQCARD span { background-position: 5px -180px; }
.m-payment-list .CHINAMOBILE span { background-position: 5px -108px; }
.m-payment-list .CHINAUNICOM span { background-position: 5px -216px; }
.m-payment-list .CHINATELCOM span { background-position: 5px -72px; }

.m-payment-list label .sms { background: url("../img/sms-icon.png") no-repeat; }
.m-payment-list .MSMS span { background-position: 5px -36px; }
.m-payment-list .VSMS span { background-position: 5px -72px; }
.m-payment-list .EFT span { background-position: 5px -108px; }
.m-payment-list .VPAY span { background-position: 5px 0; }


/* 金额列表 */
.m-money-list { width: 580px; }
.m-money-list label { line-height: 38px; background: #f9f9f9; text-align: center; float: left; height: 38px; width: 60px; border: 1px solid #ccc; font-size: 14px; margin-right: 10px; margin-bottom: 10px; position: relative; cursor: pointer; }
.m-money-list .selected, .money-list .hover, .money-list .other-hover { color: #ff6600; background: #FFF; height: 36px; width: 58px; border: 2px solid #ff6600; line-height: 36px; }
.m-money-list .selected i { background: url("../img/gou-icon.png") no-repeat 0 0; display: block; height: 13px; width: 13px; position: absolute; right: 0px; bottom: 0px; _bottom: -3px; }
.m-money-list .hover .title, .money-list .selected .title { padding-left: 9px; }
.m-money-list .selected .other-money, .money-list .hover .other-money { color: #ff6600; background: #FFF; border-bottom: 1px solid #ff6600; margin-top: 6px; }
.m-money-list .selected .unit, .money-list .hover .unit { left: 79px; }

/* 信息 */
.g-form-item span.msg { font-size: 18px; font-weight: bold; color: #ff6600; }
.g-form-item span.title { font-size: 14px; color: black; }
.tip { color: #747474; display: none; padding: 20px 0px 20px 10px; }

.u-tip h4 { background: url("../img/ico_tip.png") no-repeat 0 center; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; padding-left: 24px; }
.u-tip .info { line-height: 24px; padding-left: 24px; margin-bottom:20px; }
.u-tip .info ol { list-style: decimal outside none; padding-left: 20px; *padding-left: 30px; width: 95%; }
.u-tip b { color: red; }

/* 按钮 */
.u-btn-ok {
	border: none;
	cursor: pointer;
	font-family: "微软雅黑","黑体";
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: inline-block;
	padding: 0px 20px;
	height: 40px;
	background-image: url(btn.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.u-btn-ok:hover { background-position: 0 -41px; color: #FFF; }
.u-btn-cancel {
	border: 1px solid #ccc;
	cursor: pointer;
	font-size: 14px;
	line-height: 38px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	display: inline-block;
	padding: 0px 20px;
	height: 38px;
	background-image: url(btn.png);
	background-repeat: repeat-x;
	background-position: 0px -80px;
}
.u-btn-cancel:hover { background-position: 0 -119px; color: #666666; }

/* 显示 */
.u-error-tip { line-height: 30px; height: 30px; float: left; padding-left: 10px; display: block; }
.u-error-tip div { line-height: 30px; height: 30px; color: #F00; background: url("../img/ico_error.png") no-repeat left center; text-indent: 20px; }

/* 确认窗口 */
.m-pay-list-confirm { width: 400px; padding: 10px; }
.m-pay-list-confirm table { width: 99%; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.m-pay-list-confirm table td { height: 32px; line-height: 32px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.m-pay-list-confirm table td div { padding-left: 10px; }
.m-pay-list-confirm table td.title { width: 80px; text-align: center; background: #f5f7fb; }
.m-pay-list-confirm .btn { padding-top: 20px; text-align: right; }
.m-pay-list-confirm .wxtip { color: #F00; height: 30px; line-height: 30px; }
.m-pay-list-confirm .hot { font-weight: bold; color: #ff6600; font-size: 14px; }
.m-pop-paytip { width: 430px; position: relative; }
.m-pop-paytip s { background: url("../img/ico_big_tip.png") no-repeat 0 0; display: block; height: 62px; width: 70px; position: absolute; left: 30px; top: 25px; }
.m-pop-paytip .con { padding: 30px 20px 10px 120px; }
.m-pop-paytip .con h3 { font-size: 16px; line-height: 30px; font-weight: bold; height: 30px; }
.m-pop-paytip .con p { line-height: 24px; padding: 5px 0; }
.m-pop-paytip .con .btn { text-align: right; padding-top: 30px; }

.m-result-content { margin-left: 150px; position: relative; padding-left: 90px; font: 12px / 1.5 '微软雅黑', '黑体', \5b8b\4f53; }
.m-result-success { }
.m-result-success i, .m-result-fail i { height: 62px; width: 70px; position: absolute; left: 0; top: 0; _left: -90px; }
.m-result-success i { background: url("../img/ico_big_succes.png") no-repeat 0 0; }
.m-result-fail i { background: url("../img/ico_big_tip.png") no-repeat 0 0; }
.m-result-content h3 { font-size: 24px; font-weight: bold; line-height: 30px; height: 30px; }
.m-result-content p { line-height: 24px; margin: 5px 0px; font-size: 14px; margin-top: 10px; }
.m-result-success p { color: blue; }
.m-result-content strong { font-size: 16px; color: black; }
.m-result-content table { width: 460px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.m-result-content table td { height: 32px; line-height: 32px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.m-result-content table td.title { width: 80px; text-align: center; background: #f5f7fb; }
.m-result-content table td span { padding-left: 10px; }
.m-result-content .unit { color: #ff6600; font: bold 16px Arial; }
.m-result-content .btn { padding-top: 50px; margin-left: 120px; margin-bottom: 50px; }

.u-vpay-tip { height: 360px; margin-top: 10px; margin-left: 110px; }

/*月卡*/
.m-card-content { width: 580px; margin-left: 50px; margin-top: 50px; position: relative; padding-left: 90px; font: 12px / 1.5 '微软雅黑', '黑体', \5b8b\4f53; }
.m-card-success i, .m-card-fail i { height: 62px; width: 70px; position: absolute; left: 0; top: 0; _left: -90px; }
.m-card-success i { background: url("../img/ico_big_succes.png") no-repeat 0 0; }
.m-card-fail i { background: url("../img/ico_big_tip.png") no-repeat 0 0; }
.m-card-content h3 { height: 62px; line-height: 62px; font-size: 24px; font-weight: bold; }
.m-card-content p { line-height: 24px; margin: 5px 0; font-size: 14px; margin-top: 10px; }
.m-card-success p { color: blue; }
.m-card-content strong { font-size: 16px; color: red; }

/*扫码支付*/
.m-qrcode-container { width: 590px; height: auto !important; min-height: 280px; height: 280px; overflow: hidden; border: 0; }
.m-qrcode-container .qrcode { width: 260px; height: 260px; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; float: left; }
.m-qrcode-container .qrcode img { width: 260px; height: 260px; }
.m-qrcode-container .qrcode iframe { margin-left: -30px; margin-top: -30px; width: 340px; height: 340px; border: 0; overflow: hidden; }
.m-qrcode-container .orderinfo { width: 270px; height: 240px; float: left; padding-top: 20px; font-size: 14px; }
.m-qrcode-container .orderinfo ul { list-style: none; padding: 0; margin: 0; }
.m-qrcode-container .orderinfo li { width: 100%; height: 45px; }
.m-qrcode-container .orderinfo li .l { width: 98px; color: #667382; }
.m-qrcode-container .orderinfo li .r { width: 170px; color: #ff0000; }
.m-qrcode-container .orderinfo .codestatus { width: 170px; height: 66px; padding-left: 90px; font-size: 15px; font-weight: bold; color: #ffffff; padding-top: 20px; font-family: 宋体; }


/*礼品卡奖励*/
.m-gift-success { line-height: 30px; width: 240px; }
.m-gift-success h2 { font-size: 14px; }
.m-gift-success li { display: block; line-height: 30px; height: 30px; }
.m-gift-success li img { width: 24px; height: 24px; margin-right: 5px; float: left; }
.m-gift-success li div { height: 24px; line-height: 24px; font-size: 14px; }
.m-gift-success li div.u-itemname { width: 100px; float: left; }
.m-gift-success li div.u-itemcount { width: 100px; float: left; }
/*验证码图片*/
.verify-img{ cursor: pointer;}

/*人工充值*/
.rgcz { font: 16px/24px "Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; }
.rgcz-btn { font-size: 14px; width: 117px; height: 28px; line-height: 28px; text-align: center; display: inline-block; margin: auto; color: #fff; text-decoration: none; background: url("../img/qq.png") -79px -34px; }
.rgcz-btn:hover { background-position: -79px -102px; color: #fff; }

/*客户端月卡领取*/
.c-content{ width:550px; height:350px; overflow:hidden;}
.c-card{ width:340px; height:44px; background:url("../img/yk.png"); margin:auto; }
.c-type{ width:500px; height:85px; margin:auto; margin-top:10px; }
.c-type ul { margin:0; padding:0;}
.c-type ul li{ width:140px; height:85px; list-style-type:none; float:left; cursor:pointer;}
.c-type ul .li1{ margin-left:40px;}
.c-mark{ width:17px; height:11px;  background:url("../img/yk_4.png"); position:absolute; margin-left:70px;}
.c-remark{ width:505px; height:155px; margin:auto; margin-top:9px;}
.c-remark .c-r-top{ width:505px; height:9px; background:url("../img/yk_1.png");}
.c-remark .c-r-middle{ width:505px; height:130px; background:url("../img/yk_2.png");}
.c-remark .c-r-remark1{ width:470px; height:85px; margin:auto; color:#9B5420; font-size:14px;  font-weight:bold; line-height:25px;}
.c-remark .c-r-remark2{width:470px; height:85px; margin:auto; color:#9B5420; font-size:14px;  font-weight:bold; line-height:25px; }
.c-remark .c-r-remark3{width:470px; height:85px; margin:auto; color:#9B5420; font-size:14px;  font-weight:bold; line-height:25px; }
.c-remark .c-btn-cz{ width:120px; height:40px; background:url("../img/yk_cz.png"); margin:auto; cursor:pointer; }
.c-remark .c-btn-ok{ width:120px; height:40px; background:url("../img/yk_lj.png"); margin:auto; cursor:pointer; }
.c-remark .c-lj{ width:120px; height:40px; }
.c-remark .bottom{ width:505px;  height:10px; background:url("../img/yk_3.png");}
.c-footer{ width:555px; height:40px; background:#D2EAF6; margin-top:10px;}
.c-sucess{ width:525px; height:265px; margin:auto;}
.c-sucess-left{ width:225px; height:209px; float:left; margin-top:30px; background:url("../img/yk_lh.png");}
.c-sucess-right{ width:295px; height:210px; float:right;  margin-top:50px;}
.c-sucess p{ font-size:14px; font-weight:bold; height:32px; color:#9C5825;}
.c-sucess strong{ color:#FE5B12;}
.c-sucess h3 {height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; color:#9C5825;}
