@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 #1388d6; box-shadow:0px 1px 0px #1597ee; color:#004a88; 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:#1597ee; 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,.payIng,.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;font-size:1em; color:#1597ee; font-weight:normal;}
.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:#1597ee; 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:#1597ee;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:url(/imgs/sel-hint-close.png) no-repeat center center #1597ee;background-size:11px 11px;left:-16px;top:0; cursor:pointer; border-radius:50px; color:#fff;font-size:1em;}
.buy-topic-close{border:0 none; text-indent:-999em; display:inline-block; vertical-align:top;margin-left:10px;}
.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 #1388d6; box-shadow:0px 1px 0px #1597ee;}
.sel-tit h2{padding-left:16px; font-size:1.125em; color:#004177;}
.sel-tit-btn a{padding:0 10px; line-height:28px; border:1px solid #6ec4ff; background:#d4eeff; font-size:1em; color:#1597ee; 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 #8acbf6; 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, #0096FF,#0063A9, #0063A9 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:#004177; 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 span .per-select{width:21%;border:1px solid #ddd; padding:5px;}
.invoice-ul li a .per-select{width:21%;border:1px solid #ddd; padding:5px;}
.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:1em; 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:183px; min-height:58px; line-height:28px; font-size:1em; padding:14px 10px 30px 103px; margin:0 auto;background:url(/imgs/buy/pay-ing-i.png) no-repeat 16px top; background-size:63px 72px; border-bottom:1px dashed #cbcbcd;}
.payIng-hint{width:296px; 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;}
.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:#0e7ac3;box-shadow:0 0 2px #69bcf3 inset;background:#017ed0;background:-moz-linear-gradient(0% 0% 270deg, #1697ee,#017ed0); background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#1697ee), to(#017ed0));background:linear-gradient(0% 0% 270deg, #1697ee,#017ed0);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 #185ba6;background:#2c82dc;background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#4793e6), to(#2c82dc));background:-moz-linear-gradient(0% 0% 270deg, rgb(71, 147, 230), rgb(44, 130, 220));background:linear-gradient(0% 0% 270deg, rgb(71, 147, 230), rgb(44, 130, 220));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%;  -webkit-appearance: none; padding:3px;border:1px solid #bdd5ee; margin-right:5px; font-family:Microsoft Yahei;color:#a9a8a8; background:#fff;}
.per-select2{width:18%;-webkit-appearance: none;  padding:3px;border:1px solid #bdd5ee; margin-right:5px; font-family:Microsoft Yahei;color:#a9a8a8; background:#fff;}
.per-select3{width:25%;  -webkit-appearance: none; 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 #185ba6; color:#fff;font-family:\5FAE\8F6F\96C5\9ED1;background:#2d83dc;background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#4692e6), to(#2d83dc));background:-moz-linear-gradient(0% 0% 270deg, #4692e6,#2d83dc);background:linear-gradient(0% 0% 270deg, #4692e6,#2d83dc);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-vip{padding:6px 15px;}
.vip-dl{border-bottom:1px dashed #d3d3d3; position:relative;}
.vip-dl dt{width:6px;height:6px; background:#7aaada; 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;}