@charset "utf-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,html{background:#fff;overflow-y:hidden;overflow-x:hidden}
.cb,.clearfix:after{clear:both}
article,aside,dialog,figure,footer,header,legend,nav,section{margin:0;padding:0;display:block}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
body,input,select,textarea{font-size:12px;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,Tahoma,Arial}
abbr,acronym,fieldset,img{border:0}
legend{display:none}
li,ol,ul{list-style:none}
q:after,q:before{content:''}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
caption,th{text-align:left}
textarea{resize:none}
input,select,textarea{line-height:20px;outline:0}
strong{font-weight:400}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;outline:0}
a:hover{text-decoration:none}
a:hidefocus{outline:0}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix{zoom:1}
.hidden{display:none!important}
.middle,.text-ctn del,.text-ctn span{vertical-align:middle}
.scrollbar::-webkit-scrollbar{width:8px;height:8px}
.scrollbar::-webkit-scrollbar-button{background-color:none}
.scrollbar::-webkit-scrollbar-track{background:#e8e8e8;border-radius:8px}
.scrollbar::-webkit-scrollbar-thumb{background:#bbb;border-radius:8px}
.scrollbar::-webkit-scrollbar-corner{background:#e8e8e8;border-radius:8px}
.scrollbar::-webkit-scrollbar-resizer{background:#e8e8e8;border-radius:8px}
.icon-online{background:url(images/icon-online.png) no-repeat}
.icon-local{background:url(images/icon-local.png) no-repeat}
.icon-recent{background:url(images/icon-recently.png) no-repeat}
.icon-paid{background:url(images/icon-paid.png) no-repeat}
.icon-recommend{background:url(images/icon-recommend.png) no-repeat}
.icon-master{background:url(images/icon-master.png) no-repeat}
.icon-refresh{background:url(images/icon-refresh.png) no-repeat}
.icon-refresh:hover{background:url(images/icon-refresh-hover.png) no-repeat}
.icon-refresh-grey{background:url(images/icon-refresh-grey-normal.png) no-repeat}
.icon-refresh-grey:hover{background:url(images/icon-refresh-grey-hover.png) no-repeat}
.icon-refresh-grey:active{background:url(images/icon-refresh-grey-active.png) no-repeat}
.icon-refresh-grey-disabled{background-image:url(images/icon-refresh-grey-disabled.png)!important}
.icon-split{background:url(images/icon-split.png) no-repeat;display:inline-block;width:10px;height:24px}
.icon-failed-24,.icon-paid-succeed,.icon-succeed-24{display:inline-block;width:24px;height:24px}
.icon-tip{background:url(images/icon-tip.png) no-repeat}
.icon-succeed-24{background:url(images/icon-succeed-24.png) no-repeat}
.icon-failed-24{background:url(images/icon-failed-24.png) no-repeat}
.icon-paid-succeed{background:url(images/icon-succeed-24.png) no-repeat}
.icon-loading-96,.icon-network-error-96,.icon-server-error-96,.icon-unknown-error-96,.icon-user-login-96{width:96px;height:96px}
.icon-slide-check-hover{background:url(images/icon-slide-check-hover.png) no-repeat}
.icon-slide-check-active{background:url(images/icon-slide-check-active.png) no-repeat}
.icon-check-none{background:url(images/icon-check-none.png) no-repeat}
.icon-check-part{background:url(images/icon-check-part.png) no-repeat}
.icon-check-all{background:url(images/icon-check-all.png) no-repeat}
.icon-loading-96{background:url(images/icon-loading-96.gif) no-repeat;display:block}
.icon-network-error-96{background:url(images/icon-network-error-96.png) no-repeat;display:block}
.icon-server-error-96{background:url(images/icon-server-error-96.png) no-repeat;display:block}
.icon-unknown-error-96{background:url(images/icon-unknown-error-96.png) no-repeat;display:block}
.icon-user-login-48,.icon-user-login-96{background:url(images/icon-user-login-96.png) no-repeat;display:block}
.icon-user-login-48{width:48px;height:48px;background-size:100%}
.icon-payway-checked{background:url(images/icon-pay-checked.png) no-repeat;width:20px;height:20px}
.icon-payway-alipay,.icon-payway-vip,.icon-payway-wechat{display:inline-block;width:24px;height:24px;position:relative;top:6px;left:-8px}
.icon-payway-alipay{background:url(images/icon-payway-alipay.png) no-repeat}
.icon-payway-wechat{background:url(images/icon-payway-wechat.png) no-repeat}
.icon-payway-vip{background:url(images/icon-payway-vip.png) no-repeat}
.icon-apply,.icon-buy,.icon-choice-checked,.icon-choice-unchecked,.icon-large-disabled,.icon-login-w,.icon-page,.icon-paid-template,.icon-template-size,.icon-user,.icon-view-all,.icon-view-paid,a:hover .icon-view-all{display:inline-block;width:16px;height:16px}
.icon-login-w{background:url(images/icon-login-w.png) no-repeat}
.icon-paid-template{background:url(images/icon-paid-template.png) no-repeat;vertical-align:text-top;margin-right:8px}
.icon-user{background:url(images/icon-user.png) no-repeat}
.icon-template-size{background:url(images/icon-template-size.png) no-repeat}
.icon-choice-unchecked{background:url(images/icon-choice-unchecked.png) no-repeat}
.icon-choice-checked{background:url(images/icon-choice-checked.png) no-repeat}
.icon-large{background:url(images/icon-large.png) no-repeat;display:inline-block;width:16px;height:16px}
.icon-large-disabled{background:url(images/icon-large-disabled.png) no-repeat}
.icon-buy{background:url(images/icon-buy.png) no-repeat}
.icon-apply{background:url(images/icon-apply.png) no-repeat}
.icon-page{background:url(images/icon-page.png) no-repeat}
.icon-view-all{background:url(images/icon-view-all.png) no-repeat}
a:hover .icon-view-all{background:url(images/icon-view-all-hover.png) no-repeat}
.icon-view-paid{background:url(images/icon-view-paid.png) no-repeat}
.icon-tick,.icon-triangle{width:12px;display:inline-block}
.icon-tick{background:url(images/icon-tick.png) no-repeat;height:12px}
.icon-triangle{background:url(images/icon-triangle.png) no-repeat;height:6px}
.icon-back{background:url(images/icon-back-normal.png) no-repeat}
.icon-back:hover{background:url(images/icon-back-hover.png) no-repeat}
.icon-failed-64{background:url(images/icon-failed-64.png) no-repeat;display:inline-block}
.icon-down-failed-48{background:url(images/icon-down-failed.png) no-repeat;display:inline-block;width:48px;height:48px}
.btn-close-window,.btn-close-window:link,.btn-close-window:visited{background:url(images/icon-detail-close.png) no-repeat;position:absolute;right:8px;top:2px;display:block;width:24px;height:24px}
.btn-close-window:hover{background:url(images/icon-detail-close-hover.png) no-repeat}
.btn-close-window:active{background:url(images/icon-detail-close-active.png) no-repeat}
.btn-close-box,.btn-close-box:link,.btn-close-box:visited{background:url(images/icon-box-close-normal.png) no-repeat;position:absolute;right:1px;top:1px;display:block;width:30px;height:30px}
.btn-close-box:hover{background:url(images/icon-box-close-hover.png) no-repeat}
.btn-close-box:active{background:url(images/icon-box-close-active.png) no-repeat}
.btn-pay-close-window,.btn-pay-close-window:link,.btn-pay-close-window:visited{background:url(images/icon-pay-close-normal.png) no-repeat;position:absolute;right:0;top:0;display:block;width:32px;height:30px}
.btn-pay-close-window:hover{background:url(images/icon-pay-close-hover.png) no-repeat}
.btn-pay-close-window:active{background:url(images/icon-pay-close-active.png) no-repeat}
.btn-pay-close-window-disabled{background-image:url(images/icon-pay-close-disabled.png)!important}
.btn-yellow-large,.btn-yellow-large:link,.btn-yellow-large:visited{display:block;width:140px;height:36px;line-height:36px;border-radius:2px;background-color:#e86e25;color:#fff;font-size:16px;text-align:center}
.btn-yellow-large:hover{background-color:#eb8027;color:#fff}
.btn-yellow-large:active{background-color:#cc5f21;color:#fff}
.btn-yellow-large-disabled{background-color:#bbb!important;color:#fff!important}
.btn-yellow,.btn-yellow:link,.btn-yellow:visited{display:block;border-radius:2px;background-color:#e86e25;color:#fff;text-align:center}
.btn-yellow:hover{background-color:#eb8027;color:#fff}
.btn-yellow:active{background-color:#cc5f21;color:#fff}
.btn-yellow-disabled{background-color:#bbb!important;color:#fff!important}
.btn-white,.btn-white:link,.btn-white:visited{display:block;width:200px;height:34px;line-height:36px;border:1px solid #bbb;color:#444;border-radius:2px;font-size:14px;text-align:center}
.btn-white:hover{background-color:#f8f8f8;border:1px solid #aaa}
.btn-white:active{background-color:#e8e8e8;border:1px solid #999}
.btn-white-disabled{border-color:#ddd!important;background-color:#fff!important;color:#bbb!important}
.btn-red,.btn-red:link,.btn-red:visited{display:block;width:160px;height:35px;line-height:35px;border-radius:2px;background-color:#ff3c00;color:#fff;font-size:14px;text-align:center}
.btn-red:hover{background-color:#ff4c4c;color:#fff}
.btn-red:active{background-color:#cc3000;color:#fff}
.btn-login-small{width:100px;height:28px;line-height:28px}
.btn-login-small,.btn-login-small:link,.btn-login-small:visited{display:block;border-radius:2px;background-color:#e86e25;color:#fff;text-align:center}
.btn-login-small:hover{background-color:#eb8027;color:#fff}
.btn-login-small:active{background-color:#cc5f21;color:#fff}
.btn-login-small .icon-login-w{position:relative;top:2px}
.loginbox .mask{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#000;opacity:.4;z-index:1000}
.loginbox .login-box{position:absolute;left:250px;top:210px;width:448px;height:208px;border:1px solid #60646c;background-color:#fff;z-index:1001}
.loginbox .login-box .box-title{border-bottom:2px solid #eee;margin:10px 10px 0;padding-bottom:10px}
.loginbox .login-box .box-content{padding:30px 50px 0}
.loginbox .login-box .box-content .message{display:inline-block;margin-left:15px;font-size:16px;color:#444;line-height:25px}
.loginbox .login-box .box-content .tip{display:inline-block;margin-top:5px;font-size:14px;color:#888;line-height:20px}
.loginbox .login-box .box-content .btn-login-small{margin:25px auto 0}
.ms-controller{visibility:hidden}
a,body{cursor:default}
.pay-qrcode-failed a,.view .message a{cursor:pointer;text-decoration:underline}
.label{display:inline-block;width:140px;margin-right:60px;text-align:right;vertical-align:top}
.btn-close-window-large,.btn-close-window-large:link,.btn-close-window-large:visited,.btn-finish-charge-large,.btn-finish-charge-large:link,.btn-finish-charge-large:visited{display:block;width:200px;height:34px;line-height:36px;border:1px solid #bbb;color:#444;border-radius:2px;font-size:14px;text-align:center}
.btn-close-window-large:hover,.btn-finish-charge-large:hover{background-color:#f8f8f8;border:1px solid #aaa}
.btn-close-window-large:active,.btn-finish-charge-large:active{background-color:#e8e8e8;border:1px solid #999}
.btn-pay-large,.btn-retry-pay-large{width:200px;height:36px;line-height:36px;font-size:14px}
.btn-pay-large,.btn-pay-large:link,.btn-pay-large:visited,.btn-retry-pay-large,.btn-retry-pay-large:link,.btn-retry-pay-large:visited{display:block;border-radius:2px;background-color:#e86e25;color:#fff;text-align:center}
.btn-pay-large:hover,.btn-retry-pay-large:hover{background-color:#eb8027;color:#fff}
.btn-pay-large:active,.btn-retry-pay-large:active{background-color:#cc5f21;color:#fff}
.btn-pay-via-vip,.btn-pay-via-vip:link,.btn-pay-via-vip:visited{display:block;width:160px;height:35px;line-height:35px;border-radius:2px;background-color:#ff3c00;color:#fff;font-size:14px;text-align:center}
.btn-pay-via-vip:hover{background-color:#ff4c4c;color:#fff}
.btn-pay-via-vip:active{background-color:#cc3000;color:#fff}
.btn-login-alipay,.btn-login-alipay:link,.btn-login-alipay:visited{display:block;width:160px;height:35px;line-height:35px;border-radius:2px;background-color:#0ae;color:#fff;font-size:14px;text-align:center;margin:15px 20px 0}
.btn-login-alipay:hover{background-color:#33bbf1}
.btn-login-alipay:active{background-color:#0092cc}
.btn-finish-pay,.btn-finish-pay:link,.btn-finish-pay:visited{display:inline-block;width:200px;height:36px;line-height:36px;border:1px solid #5ba532;color:#fff;background-color:#5ba532;border-radius:2px;font-size:14px;text-align:center}
.btn-finish-pay:hover{background-color:#75bf4c}
.btn-finish-pay:active{background-color:#4c8c2a}
.btn-repay,.btn-repay:link,.btn-repay:visited{display:inline-block;width:200px;height:36px;line-height:36px;border:1px solid #bbb;color:#444;border-radius:2px;font-size:14px;text-align:center}
.btn-repay:hover{background-color:#f8f8f8;border:1px solid #aaa}
.btn-repay:active{background-color:#e8e8e8;border:1px solid #999}
.title-bar{position:relative;height:30px;background-color:#fff;border-bottom:1px solid #eee}
.title-bar .title{display:inline-block;margin-left:15px;line-height:30px;color:#666}
.title-bar .btn-back:hover .text-back{color:#444}
.pay-item-info{height:120px;padding:15px 50px;background-color:#eee}
.pay-item-info .label{height:120px;line-height:120px;font-size:14px;color:#444}
.pay-item-info .properties{display:inline-block;margin-left:30px;vertical-align:top}
.pay-item-info .properties table{border-spacing:0}
.pay-item-info .properties td{line-height:25px}
.pay-item-info .tag{color:#555}
.pay-template-preview{display:inline-block;width:120px;height:120px}
.sizing_4_3 .pay-template-preview{background:url(images/img-pay-slide-bd-4-3.png)}
.sizing_4_3 .pay-template-preview img{width:116px;height:87px;margin:14px 2px 0}
.sizing_16_9 .pay-template-preview{background:url(images/img-pay-slide-bd-16-9.png)}
.sizing_16_9 .pay-template-preview img{width:116px;height:65px;margin:25px 2px 0}
.sizing_9_16 .pay-template-preview{background:url(images/img-pay-slide-bd-9-16.png)}
.sizing_9_16 .pay-template-preview img{width:65px;height:116px;margin:2px 25px 0}
.view .icon{margin:0 0 10px}
.view .message{line-height:20px;padding:10px 0;font-size:12px;color:#888}
.view .message a{color:#da6e2f}
.view a.btn-retry{display:inline-block;width:78px;height:25px;line-height:25px;border:1px solid #999;background-color:#fff;color:#444}
.view a.btn-retry:hover{border:1px solid #666;background-color:#eee}
.view a.btn-retry:active{border:1px solid #666;background-color:#ccc;color:#222}
.view a.btn-disabled{border:1px solid #bbb!important;background-color:#ddd!important;color:#b4b4b4!important}
.view a.btn-login-small{display:inline-block}
.status-view{text-align:center;position:absolute;left:0;right:0}
.pay-status-view{padding:160px 0 0 330px;text-align:left}
.pay-status-view .label{height:40px;line-height:40px;font-size:14px;color:#444;display:inline-block;width:190px;margin-right:60px;text-align:right;vertical-align:top}
.pay-status-view .icon{display:inline-block;margin-right:20px}
.pay-status-view .status{display:inline-block;vertical-align:top;padding-top:5px;margin-bottom:30px}
.pay-status-view .status .name{font-size:22px;color:#666;line-height:30px}
.pay-status-view .status .tip{font-size:14px;color:#888;line-height:25px}
.pay-status-view .choice{height:35px;line-height:35px}
.pay-status-view .choice .result-label{font-size:16px;color:#444;margin:0 20px 0 8px}
.pay-panel .payway-panel .payways a,.prices a{display:inline-block;box-sizing:border-box;margin-right:10px;text-align:center}
.pay-qrcode-failed{text-align:center;font-size:12px}
.pay-qrcode-failed .error{margin-top:60px;height:80px;width:64px}
.pay-qrcode-failed .text{height:20px}
.prices a{width:80px;height:30px;line-height:26px;border:1px solid #ccc;color:#000;font-size:14px;background-color:#fff}
.prices a.selected{border:2px solid #e86e25}
.link-charge:hover{text-decoration:underline}
.pay-panel{padding:40px 50px 0}
.pay-panel .label{height:40px;line-height:40px;font-size:14px;color:#444}
.pay-panel .payway-panel{display:inline-block}
.pay-panel .payway-panel .payways a{position:relative;width:140px;height:40px;line-height:40px;color:#000;border:1px solid #ccc}
.pay-panel .payway-panel .payways a span{vertical-align:top;font-size:14px;color:#444}
.pay-panel .payway-panel .payways a.checked{border:2px solid #e86e25}
.pay-panel .payway-panel .payways a.checked .payway-checked{background:url(images/icon-pay-checked.png) no-repeat;display:block;position:absolute;width:20px;height:20px;right:0;bottom:0}
.pay-panel .payway-panel .alipay .qrcode{display:inline-block;width:230px}
.pay-panel .payway-panel .alipay .qrcode .img img{width:200px;height:200px}
.pay-panel .payway-panel .alipay .qrcode .loading{text-align:center}
.pay-panel .payway-panel .alipay .qrcode .loading img{width:64px;height:64px;margin-top:80px}
.pay-panel .payway-panel .alipay .qrcode .tip{width:200px;line-height:30px;font-size:14px;color:#444;text-align:center}
.pay-panel .payway-panel .alipay .or{display:inline-block;line-height:230px;vertical-align:top;width:60px;text-align:center;font-size:20px;color:#bbb}
.pay-panel .payway-panel .alipay .account{display:inline-block;vertical-align:top}
.pay-panel .payway-panel .wechat .qrcode{display:inline-block;width:230px;height:230px;background:url(../styles/images/img-pay-wechat-bg.png);text-align:center}
.pay-panel .payway-panel .wechat .qrcode .img img{width:170px;height:170px;margin-top:20px}
.pay-panel .payway-panel .wechat .qrcode .loading{text-align:center}
.pay-panel .payway-panel .wechat .qrcode .loading img{width:64px;height:64px;margin-top:80px}
.pay-panel .payway-panel .wechat .qrcode .tip{font-size:14px;color:#444}
.pay-panel .payway-panel .wechat .intro{display:inline-block;margin-left:50px;vertical-align:top}