@charset "utf-8";
/* CSS Document */
.buy-tit{height:42px;line-height:42px;border-bottom:1px solid #c7c6c6; box-shadow:0px 1px 0px #ddd;font-size:1.125em;}
.buy-tit h2{padding:0 10px;border-bottom:1px solid #10823a; box-shadow:0px 1px 0px #3ec93f; color:#006600; font-weight:normal;}
.buy-tit p a{margin:0 5px; color:#222;}

.buy-list{border-bottom:1px solid #e6e6e6;}
.buy-list dl{min-height:30px;padding:9px 14px; background:-moz-linear-gradient(0% 0% 270deg, #fcfcfc,#F6F6F6);background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fcfcfc), to(#F6F6F6));background:linear-gradient(0% 0% 270deg, #fcfcfc,#F6F6F6);}
.buy-list dl dt{width:6px;height:6px; background:#32b124; border-radius:50px; float:left; margin-top:12px;}
.buy-list dl dd{line-height:24px; padding:3px 0;margin-left:13px;font-size:1em;}
.buy-list dl dd a{display:block;}
.buy-unfold,.buy-topic-ul,.quaBox,.bank-hide{padding:0 16px;background:#f5f5f7; box-shadow:0 1px 4px #bfbec0 inset;display:none;}
.buy-unfold ul li,.buy-topic-ul li{padding:10px;line-height:24px;border-bottom:1px dashed #cbcbcd;}
.buy-unfold ul li span{float:left;}
.buy-unfold ul li p{margin-left:26px;}
.buy-unfold ul li p a{color:#222; margin-right:15px;display:inline-block; white-space:nowrap;}
.buy-unfold ul li:last-child,.buy-topic-ul li:last-child{border-bottom:0 none;}
.unfold-id .buy-unfold{display:block;}
.buy-unfold ul li a{color:#222;}

.buy-topic{line-height:24px;padding:12px 14px 12px 30px;font-size:1em; font-weight:normal; border-bottom:1px solid #e6e6e6; cursor:pointer; position:relative;}
.buy-topic i{width:6px;height:6px; background:#32b124; position:absolute;left:15px;top:22px; border-radius:50px; display:block;}
.buy-topic-ul{display:block;}
.buy-topic-ul li{padding:10px 0; font-size:1em; overflow:hidden;}
.buy-topic-ul li input{float:left; margin-top:5px;}
.buy-topic-ul li p{margin-left:24px;}
.buy-topic-ul li p em{color:#666;}
.buy-topic-ul li p span{float:right; color:#ba2737;}
.go-pay,.affirm-pay,.qua-fixed{width:100%;padding:10px 0; position:fixed;left:0;bottom:0; border-top:1px solid #d2d2d2; box-shadow:0 -1px 4px #dfdfe1; background:#fff;}
.go-pay p,.affirm-pay p{line-height:20px;margin:0 90px 0 16px;font-size:0.875em;}
.go-pay-btn,.affirm-pay-btn{padding:0 15px; line-height:36px; background:#3ec93f; color:#fff;right:12px;top:50%; margin-top:-18px; border-radius:3px;font-size:0.875em;}

.sel-hint{height:100%;background:#fff; position:fixed;top:0;right:0;z-index:900;box-shadow:-1px 0 4px #807f80; display:none;}
.sel-hint h4{line-height:40px; padding-top:14px; font-size:1em; font-weight:normal; color:#004177;}
.sel-hint-con{line-height:25px; padding:0 14px 20px;}
.sel-hint-btn{width:60%; line-height:33px; background:#3ec93f;border-radius:3px;color:#fff; display:inline-block; font-size:1em;}
.sel-hint-close,.buy-topic-close{width:22px;height:22px;overflow:hidden;border:4px solid #fff; background:#3ec93f;background-size:11px 11px;left:-16px;top:0; cursor:pointer; border-radius:50px; color:#fff;font-size:1em;}
.buy-topic-close{border:0 none; display:inline-block; vertical-align:top;margin-left:10px; text-align:center; line-height:22px;}
.mask{width:100%;height:100%;background:rgba(0,0,0,0.3); position:absolute;left:0;top:0;z-index:899; display:none;}

.sel-tit{height:42px; line-height:42px;border-bottom:1px solid #c7c6c6; box-shadow:0px 1px 0px #dddddd;}
.sel-tit h2{padding-left:16px; font-size:1.125em; color:#006600;}
.sel-tit-btn a{padding:0 10px; line-height:28px; border:1px solid #3ec93f; background:#e8f8e9; font-size:1em; color:#3ec93f; margin-right:10px; display:inline-block;border-radius:4px;}
.sel-tit-btn a.sel-del{border-color:#faa; background:#ffd4d4; color:#ff5252;}
.affirm-pay p{line-height:24px;font-size:1em;}
.affirm-pay p em{color:#ba2737;}

.quaBox{padding:10px; display:block; background:#fff;}
.qua-list{border:1px solid #e3e3e3; border-radius:4px;padding:6px 4px;}
.qua-list li{line-height:38px; font-size:1em; text-align:right; padding:0 10px;}
.qua-list li span{float:left;}
.qua-list li em{color:#ba2737;}
.qua-list li:first-child{border-bottom:1px dashed #cbcbcd;}

.qua-tit{height:43px; line-height:43px;border-bottom:2px solid #ade0ae; padding:0 15px;}
.bank-hide .qua-tit{border-bottom-width:1px;}
.qua-tit i{width:3px;height:18px;background:#0063A9;background:-moz-linear-gradient(0% 50% 270deg, #71db71,#33cc33, #33cc33 0%);background:-webkit-gradient(linear,0% 49%, 0% 51%, from(#0096FF), to(#0063A9), color-stop(0.5,#0063A9));background:linear-gradient(0% 50% 270deg, #0096FF,#0063A9, #0063A9 0%);float:left; margin-top:13px;}
.qua-tit h3{font-size:1em; font-weight:normal; color:#006600; font-weight:normal; padding-left:10px;}
.qua-select li span.bank-click{line-height:49px;padding:0 12px; font-size:1em; border-bottom:1px solid #e6e6e6;background:-moz-linear-gradient(0% 0% 270deg, #fcfcfc,#f6f6f6);background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fcfcfc), to(#f6f6f6));background:linear-gradient(0% 0% 270deg, #fcfcfc,#f6f6f6); display:block;}
.qua-fixed p input,.input-radio input,.rec-site-ul li input,.bank-dl dd input{margin:-3px 16px 0 0; vertical-align:middle;}
.qua-fixed{padding:14px 0; min-height:38px;}
.qua-fixed p{line-height:38px; font-size:0.875em; color:#666;padding-left:14px;}
.qua-fixed p input{margin-right:3px;}
.qua-fixed p a{color:#666;}
.qua-fixed p i{width:42px; display:inline-block;}
.invoiceId{display:none;}
.invoice{padding:10px 12px;}
.invoice-exp,.bank-tex{line-height:18px; color:#ba2737; font-size:0.875em;}
.invoice-ul{padding-top:10px;}
.invoice-ul li{min-height:36px; padding-bottom:11px;}
.invoice-ul li span{width:86px; line-height:36px; font-size:1em;float:left;}
.invoice-ul li .per-select{width:21%;border:1px solid #ddd; padding:5px;}
.invoice-tex,.card-text{width:65%;border:1px solid #ddd;height:18px;line-height:18px; font-size:1em;padding:8px 1%; border-radius:0;}
.invoice-textarea{width:66%;height:66px; padding-left:1%;line-height:22px;border:1px solid #ddd; font-size:0.875em; resize:none; overflow-y:auto;border-radius:0;}
.input-radio{display:inline-block;line-height:36px; font-size:0.875em; margin-right:12px;}
.input-radio i{color:#666;}
.input-radio input{margin-right:8px;}
.rec-site-tit{line-height:36px; border-bottom:1px dashed #d3d3d3; font-size:1em;}
.rec-site-ul li{line-height:25px; font-size:0.875em; padding-top:7px; overflow:hidden;}
.rec-site-ul li a{color:#004177; margin-left:20px;}
.rec-site-ul li input{margin-right:10px;}
.rec-site-ul li span{float:right;}

.paytop-tit{padding-left:14px; margin-left:0; border-left:0 none;}
.bank-tex{line-height:22px; padding:8px 0 8px 10px; color:#ba2737; border-bottom:1px solid #e6e6e6;}
.bank-dl dd{min-height:33px;line-height:33px;padding:9px 10px; font-size:1.125em; border-bottom:1px solid #e6e6e6;}
.bank-dl dd i{width:33px;height:33px; display:inline-block; margin-right:40px;}
.bank-dl dd i.bank-i{width:60px; margin-right:13px;}
.bank-hide{padding:0 12px;}
.bank-show .bank-hide{display:block;}

.payIng{display:block;padding:22px 12px 20px;}
.payIng-exp{width:173px; min-height:58px; line-height:28px; font-size:1em; padding:14px 10px 30px 97px; margin:0 auto;background:url(/images/buy/pay-ing-i.png) no-repeat 16px top; background-size:63px 72px; border-bottom:1px dashed #cbcbcd;}
.payIng-hint{width:290px; margin:0 auto;padding:15px 0 35px;line-height:24px; font-size:0.8125em; color:#ba2737;}
.payIng-btn a,.qua-fixed .qua-btn,.rec-site-btn,.suc-btn a{width:47%;height:36px;line-height:36px;border:1px solid #ff8d12;background:#fba111;background:-moz-linear-gradient(0% 0% 270deg, #fba111,#f46210); background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fba111), to(#f46210));background:linear-gradient(0% 0% 270deg, #fba111,#f46210); font-size:1em;box-shadow:0 0 2px #fec76e inset; display:inline-block; color:#fff;border-radius:4px; vertical-align:top;}
.qua-fixed .qua-btn{width:auto;padding:0 14px;position:absolute;right:14px;top:50%; margin-top:-18px; font-size:1.125em;}
.rec-site-btn{width:auto;padding:0 14px;font-size:1.125em;}
.payIng-btn a.accomplish,.suc-btn a{border-color:#24af24;box-shadow:0 0 2px #24af24 inset;background:#017ed0;background:-moz-linear-gradient(0% 0% 270deg, #4ae34a,#24af24); background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#4ae34a), to(#24af24));background:linear-gradient(0% 0% 270deg, #4ae34a,#24af24);margin-left:4%;}

.footer{padding-bottom:70px;}

.per{padding:8px 12px 0 18px;}
.per li{min-height:29px;padding:8px 0;}
.per li label{width:80px;line-height:29px;text-align:center; display:inline-block; font-size:1em; color:#004177; padding-right:4px;}
.per li input{width:60%;height:16px;line-height:16px;padding:6px; font-size:1em;color:#a9a8a8;border:1px solid #bdd5ee;font-family:\5FAE\8F6F\96C5\9ED1; vertical-align:top;}
.pt50{padding-top:24px;}
.per-btn,.remit-mes{width:100%;height:38px; line-height:38px; font-size:1em;color:#fff;border:1px solid #24af24;background:#2c82dc;background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#21b920), to(#4ae34a));background:-moz-linear-gradient(0% 0% 270deg, rgb(74, 227, 74), rgb(33, 185, 32));background:linear-gradient(0% 0% 270deg, rgb(74, 227, 74), rgb(33, 185, 32));cursor:pointer; border-radius:5px; box-shadow:0 1px 1px #fff inset; display:inline-block; text-align:center;}
.per li label i{color:#d7000f;margin:0 5px 0 -13px;display:inline-block;}
.per li .input-radio{line-height:29px; margin-right:24px;}
.per li .input-radio input{width:auto;vertical-align:middle;}
.per-select{width:18%;padding:3px;border:1px solid #bdd5ee; margin-right:5px; font-family:Microsoft Yahei;color:#a9a8a8; background:#fff;}
.mr10{margin-right:10px;}
.ptb10{padding:10px 0;}
.per-textarea{width:98%;height:64px;padding-left:2%; line-height:32px; font-size:1em; border:1px solid #bdd5ee;color:#a9a8a8; resize:none; font-family:Microsoft Yahei;}
.per-tit{font-size:0.875em;}

.pay-card{padding-top:15px;}
.pay-card label{width:70px;line-height:28px; display:inline-block;color:#004177; font-size:1em;}
.pay-card dd{min-height:28px;padding-bottom:12px;}
.card-text{width:72%;padding:4px 1%;}
.card-text35{width:35%;}
.card-code{margin:0 9px; vertical-align:middle; width:56px;height:20px;}
.for-a{color:#018dff; font-size:0.875em; text-decoration:underline;}
.pay-card-btn{padding:0 25px;height:36px;font-size:1em; border:1px solid #006600; color:#fff;font-family:\5FAE\8F6F\96C5\9ED1;background:#2dc62d;background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#4ae34a), to(#21b920));background:-moz-linear-gradient(0% 0% 270deg, #4ae34a,#21b920);background:linear-gradient(0% 0% 270deg, #4ae34a,#21b920);cursor:pointer; border-radius:3px; box-shadow:0 1px 1px #8bbbef inset;}
.pay-card-tex{line-height:30px; font-size:0.875em; margin-top:5px; padding-top:5px;}
.pay-card-tex span{border-top:1px solid #e6e6e6; color:#ba2737; display:block;}

.special{padding:11px 0 11px 4px; line-height:20px; font-size:0.875em; border-bottom:1px dashed #d3d3d3;}
.special span{color:#ba2737;}
.remit-site{padding:5px 0 10px;}
.remit-site dd{line-height:30px; font-size:1em;}
.remit-site dd span{width:80px; float:left;}
.remit-site dd p{margin-left:80px;}
.remit-mes{margin-top:5px;}
.remit-line{border-bottom:1px dashed #d3d3d3;}
.qua-line{border-top:1px solid #e6e6e6;}

.comBox{box-shadow:0 1px 4px #bfbec0 inset;}
.com-class{padding:6px 7px;}
.com-dl{border-bottom:1px dashed #d3d3d3; position:relative;}
.com-dl dt{width:65px; line-height:20px; font-size:1em; color:#004177; position:absolute;left:0;top:50%; margin-top:-10px;}
.com-dl dd{margin-left:65px; padding:5px 0;line-height:20px; font-size:0.875em; color:#666;}
.com-class .com-dl:last-child{border-bottom:0 none;}
.com-table{width:100%; border-collapse:collapse;}
.com-table td,.com-table th{line-height:20px; border:1px solid #bddeff; font-size:0.875em; font-weight:normal;padding:5px 3px;}
.com-table th,.com-table tr.trBg th{color:#004177;}
.com-table td,.com-table tbody th{ color:#222;}
.com-table tbody th em{display:inline-block; white-space:nowrap;}
.com-table tbody th{text-align:left;}
.com-table td i{width:14px;height:14px; overflow:hidden; display:block; margin:0 auto;}
.com-table tr.trBg{background:#f3f8fe;}
.com-fix th{border-bottom:0 none; background:#fff;}
.com-fixed{position:fixed;left:0;top:0;}
.com-fixed th{border-bottom:1px solid #bddeff;}

.com-vip{padding:6px 15px;}
.vip-dl{border-bottom:1px dashed #d3d3d3; position:relative;}
.vip-dl dt{width:6px;height:6px; background:#32b124; position:absolute;left:-8px;top:12px; border-radius:50px;}
.vip-dl dd{padding:5px 0 5px 2px;line-height:20px; font-size:1em; color:#666;}

.suc{font-size:1em;color:#ba2737;background:url(/images/buy/suc.png) no-repeat center top;background-size:48px 48px; padding-top:51px;}
.suc-hint,.suc-app{line-height:24px;margin:0 auto;padding:20px 0 5px;color:#ba2737; font-size:0.875em;}
.suc-hint span,.suc-app span{text-align:left; display:inline-block;}
.suc-app{color:#004177; padding:5px 0 0 0;}
.suc-app a{display:inline-block; white-space:nowrap; margin-right:10px; color:#222;}
.suc-btn{padding-top:40px;}
.suc-btn a{width:auto; margin:0 10px;padding:0 11px;}