/*yecha编写*/
* { margin: 0; padding: 0; list-style-type: none; }
a.buypic { width: 100%; height: 40px; line-height: 40px; text-align: center; display: block; background: #9f0005; color: #fff; }
a.buypic:hover { background:#e94c3d; }
#blogin-box { width: 100%; padding-top: 20px; font-family: "Microsoft Yahei"; }
#blogin-box .top { text-align: center; position: relative; height: 1px; width: 100%; float: left; margin-top: 30px; background: #e0e0e0; margin-bottom: 60px; }
#blogin-box .top span { width: 60px; display: block; position: absolute; left: 50%; top: -15px; line-height: 30px; height: 30px; color: #767676; font-size: 18px; text-align: center; background: #fff; margin-left: -30px; }
#blogin-box .bottom { width: 100%; text-align: center; margin-bottom: 50px; }
#blogin-box .bottom a { display: inline-block; border-radius: 50%; width: 165px; height: 165px; border: 1px solid #dfdfdf; font-size: 18px; text-align: center; margin: 0 40px; text-decoration: none; }
#blogin-box .bottom a em { margin: 30px auto 13px; display: block; background-image: url(login-type.png); background-repeat: no-repeat; }
#blogin-box .bottom a small { display: block; font-size: 14px; margin-top: 4px; }
#blogin-box .bottom a.qq { color: #2a9ce3; }
#blogin-box .bottom a.qq em { width: 52px; height: 57px; background-position: -11px -6px; }
#blogin-box .bottom a.qq:hover { background: #2a9ce3; color: #fff; border: 1px solid #2a9ce3; }
#blogin-box .bottom a.qq:hover em { background-position: -11px -82px; }
#blogin-box .bottom a.weixin { color: #40af37; }
#blogin-box .bottom a.weixin em { width: 57px; height: 57px; background-position: -124px -6px; }
#blogin-box .bottom a.weixin:hover { background: #40af37; color: #fff; border: 1px solid #40af37; }
#blogin-box .bottom a.weixin:hover em { background-position: -124px -82px; }
p.tip { text-align: center; font-size: 14px; color: #c0c0c0; }
/*付款页面*/
.hyxx { line-height: 48px; margin: 5px 0; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.hyxx img { border-radius: 50% 50%; vertical-align: middle; border: 1px solid #eee; }
.small-pay-warp { margin: auto; background: #FFFFFF; border-radius: 4px; padding: 20px; }
.small-pay-warp .pay-title { padding-top: 10px; }
.small-pay-warp .pay-title span:first-of-type { font-size: 18px; color: #333333; font-weight: bold; }
.small-pay-warp .pay-title span:nth-of-type(2) {
 position: relative;
 display: inline-block;
 margin-left: 12px;
 width: 122px;
 height: 20px;
 background: #F8F8F8;
 font-size: 12px;
 color: #CCCCCC;
 padding-left: 18px;
 line-height: 20px;
 border-radius: 15px 0 0 15px;
}
.small-pay-warp .pay-title span:nth-of-type(2)::before {
 position: absolute;
 top: 8px;
 left: 7px;
 content: "";
 display: inline-block;
 width: 4px;
 height: 4px;
 border-radius: 50%;
 background: #CCCCCC;
}
.small-pay-warp .pay-list { width: 100%; margin-top: 50px; border: 1px solid #EEEEEE; }
.pay-list .version-type { min-height: 40px; max-height: 80px; line-height: 40px; font-size: 0; background: #f8f8f8; }
.small-pay-warp .pay-list .model-id .id, .small-pay-warp .pay-list .model-id .pay-name, .small-pay-warp .pay-list .pay-money .id, .small-pay-warp .pay-list .pay-money .pay-name { vertical-align: top; display: inline-block; height: 40px; line-height: 40px; width: 101px; font-size: 14px; color: #999999; background: #F8F8F8; padding-left: 11px; border-top: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; }
.pay-list .version-type .version-type-txt { vertical-align: top; display: inline-block; height: 40px; line-height: 40px; width: 100px; font-size: 14px; color: #999999; background: #F8F8F8; padding-left: 11px; border-top: 1px solid #EEEEEE; }
.pay-list .model-id .name, .pay-list .model-id .money, .pay-list .pay-money .name, .pay-list .pay-money .money { display: inline-block; width: 447px; height: 40px; line-height: 40px; font-size: 14px; color: #333333; padding-left: 20px; border-bottom: 1px solid #EEEEEE; }
.pay-list .pay-mode { line-height: 80px; margin-top: -1px; font-size: 0; }
.pay-list .pay-mode .mode-name { display: inline-block; width: 101px; height: 80px; font-size: 14px; color: #999999; background: #F8F8F8; padding-left: 11px; border-top: 1px solid #EEEEEE; vertical-align: middle; border-right: 1px solid #EEEEEE; }
.pay-list .pay-mode .mode-list { display: inline-block; width: 447px; font-size: 14px; color: #333333; padding-left: 20px; vertical-align: middle; }
.mode-active { position: relative; border: 2px solid #2594F0 !important; }
.mode-active::after {
 position: absolute;
 top: 0;
 right: 0;
 content: "";
 display: inline-block;
 width: 10px;
 height: 10px;
 background: url(at.png) no-repeat center;
 background-size: cover;
}
.pay-list .pay-mode .mode-list .alipay { display: inline-block; width: 156px; height: 40px; background: url(icon-pay.png) no-repeat 38px 2px; background-size: 70%; border: 2px solid #EEEEEE; vertical-align: middle; margin-right: 5px; cursor: pointer; transition: all .3s;
}
.pay-list .pay-mode .mode-list .wx { display: inline-block; width: 156px; height: 40px; background: url(icon-pay.png) no-repeat 18px -32px; background-size: 70%; border: 2px solid #EEEEEE; vertical-align: middle; cursor: pointer; transition: all .3s;
}
.small-pay-warp .txt { margin-top: 12px; font-size: 14px; color: #333333; }
.small-pay-warp .txt a { color: #999999; }
.small-pay-warp .btn-group .link { font-size: 14px; color: #ec5e5e; }
.payMain { width: 648px; height:450px; border: 1px solid #d9d9d9; position: fixed; left: 50%; top: 50%; margin-top: -225px; margin-left:-324px; background: #fff; z-index: 10001; }
.payEr { padding: 0 0 0 37px; width: 245px; }
.payEr .imgBox { width: 243px; height: 243px; border: 1px solid #e4e3e5; margin-bottom:10px; }
.payEr .imgBox img { display: block; width: 100%; height: 100%; }
.pTips { padding-left: 103px; background:url(zf1.png) 34px center no-repeat; font-size: 16px; color: #146cb1; }
.payImg { padding: 25px 70px 0 0; }
.payPopName { text-align: center; color: #919191; font-weight: normal; line-height: 24px; padding: 36px 0; }
.payPopName strong { color: #ff6600; font-size: 24px; font-weight: normal; }
.loading { display: block; width: 27px !important; height: 27px !important; margin: 100px auto; }
.closeBtns { width: 32px; height: 32px; background: url(close.png) center center no-repeat; display: block; position: absolute; right: 0; top: 0; cursor: pointer; text-indent: -9999em; }
.fl { float: left; }
.fr { float: right; }
.qrcode-img-area { text-align: center; }
.qrcode-img-area { margin-top: 40px; }
.paycplist li span { display: block; width: 100%; height: 100%; background-image: url(moicon.jpg); background-repeat: no-repeat; text-indent: -9999em; }
.paycplist .jwx span { background-position: center -48px; }
.paycplist .jzfb span { background-position: center 0; }
.tqdown { width:600px; margin:0 auto; font-family:microsoft yahei; padding: 20px; }
.tqdown h3 { font-size:16px; line-height:45px; border-bottom:1px solid #eee; font-weight:normal; }
.tqbox { padding:30px 0; text-align:center; line-height: 46px; color: #333; }
a.tqbtn { display:inline-block; width:120px; height:120px; line-height:120px; border-radius: 100%; background:#9f0005; color:#fff; text-decoration: none; margin-bottom: 35px; }
a.tqbtn:hover { background:#e94c3d }
p.nlogin { text-align: center; }
p.nlogin a { color: #c33131; margin-bottom: 15px; display: block; }