.dialog-vip-pay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;flex-direction:row;height:100%;justify-content:center;left:0;min-width:868px;overflow-x:hidden;overflow-y:hidden;position:fixed;top:0;width:100%;z-index:9999}.dialog-vip-pay a:active,.dialog-vip-pay a:hover,.dialog-vip-pay a:link,.dialog-vip-pay a:visited{text-decoration:none}.dialog-vip-pay>.container{background-color:#f8fafb;border-radius:24px 24px 20px 20px;box-shadow:0 8px 20px 0 rgba(0,0,0,.1);margin:auto;overflow:hidden;position:relative;width:938px}.dialog-vip-pay>.container>.header{background-image:url(../../static/images/vip_pay_dialog_header.svg);background-size:100% 100%;border-radius:20px 20px 0 0;height:96px;padding:0 20px;width:100%}.dialog-vip-pay>.container>.header,.dialog-vip-pay>.container>.header>.user{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;position:relative}.dialog-vip-pay>.container>.header>.user{flex-grow:1;width:0}.dialog-vip-pay>.container>.header>.user>.avatar{border:3px solid #fff;border-radius:50px;height:50px;margin-right:10px;width:50px}.dialog-vip-pay>.container>.header>.user>.info{align-items:start;box-sizing:border-box;display:flex;flex-direction:column;position:relative}.dialog-vip-pay>.container>.header>.user>.info>.nickname{color:#f8fafb;font-size:16px;font-weight:700;overflow:hidden;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;width:100%}.dialog-vip-pay>.container>.header>.user>.info>.vip{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;margin-top:10px;position:relative}.dialog-vip-pay>.container>.header>.user>.info>.vip>.img{height:14px}.dialog-vip-pay>.container>.header>.user>.info>.vip-on>.img{content:url(../../static/images/header/ic-vip-common-onlogo.svg)}.dialog-vip-pay>.container>.header>.user>.info>.vip-off>.img{content:url(../../static/images/header/ic-vip-common-expire-onlogo.svg)}.dialog-vip-pay>.container>.header>.user>.info>.vip-long>.img{content:url(../../static/images/header/ic-vip-long-onlogo.svg)}.dialog-vip-pay>.container>.header>.user>.info>.vip>.type{color:#fff;font-size:12px;margin-left:4px}.dialog-vip-pay>.container>.header>.user>.info>.vip>.text{color:#fff;font-size:12px}.dialog-vip-pay>.container>.header>.btn-close{border-radius:36px;content:url(../../static/images/dialog_close_white.svg);cursor:pointer;height:20px;padding:8px;transition:background-color .28s;-moz-transition:background-color .28s;-webkit-transition:background-color .28s;-o-transition:background-color .28s;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:20px}.dialog-vip-pay>.container>.header>.btn-close:hover{background-color:rgba(0,0,0,.06)}.dialog-vip-pay>.container>.body{box-sizing:border-box;position:relative;width:100%}.dialog-vip-pay>.container>.body>.panel{position:relative;width:100%}.dialog-vip-pay>.container>.body>.panel,.dialog-vip-pay>.container>.body>.panel>.btn{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;user-select:none;-moz-user-select:none;-webkit-user-select:none}.dialog-vip-pay>.container>.body>.panel>.btn{background-color:#fff;border:1px solid #bbb;border-radius:34px;box-shadow:0 4px 10px 0 rgba(0,0,0,.06);cursor:pointer;height:34px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .28s;-moz-transition:background-color .28s;-webkit-transition:background-color .28s;-o-transition:background-color .28s;width:34px}.dialog-vip-pay>.container>.body>.panel>.btn:hover{background-color:rgba(0,0,0,.032)}.dialog-vip-pay>.container>.body>.panel>.btn>img{height:16px;width:16px}.dialog-vip-pay>.container>.body>.panel>.btn-left{left:20px}.dialog-vip-pay>.container>.body>.panel>.btn-right{right:20px}.dialog-vip-pay>.container>.body>.panel>.btn-left>img{content:url(../../static/images/list_left_arrow.svg)}.dialog-vip-pay>.container>.body>.panel>.btn-right>img{content:url(../../static/images/list_right_arrow.svg)}.dialog-vip-pay>.container>.body>.panel>.list{box-sizing:border-box;height:240px;max-width:810px;overflow:hidden;position:relative}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner{box-sizing:border-box;height:100%;padding:36px 10px 0;position:relative;white-space:nowrap}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item{background-color:#fff;border:3px solid transparent;border-radius:10px;box-shadow:0 4px 12px 0 rgba(0,0,0,.06);box-sizing:border-box;cursor:pointer;display:inline-block;height:168px;position:relative;width:250px}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item:not(:first-child){margin-left:20px}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item:hover{border:3px solid rgba(0,0,0,.1)}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item-selected,.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item-selected:hover{border:3px solid #f55164}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item>.inner{align-items:start;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 16px;padding:24px 0 0;position:relative}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item>.inner>.type{color:#503510;font-size:20px;font-weight:700;margin:0;padding:0;white-space:nowrap}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item>.inner>.price{align-items:baseline;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:8px;position:relative}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item>.inner>.price>.u1{color:#503510;font-size:18px;font-weight:700;margin-right:2px}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item>.inner>.price>.amount{color:#503510;font-size:28px;font-weight:700;margin-right:2px}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item>.inner>.price>.u2{color:#503510;font-size:14px}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item>.inner>.price>.original{color:#85858c;font-size:14px;margin-left:10px;text-decoration:line-through}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item>.inner>.intro{border:1px solid #f55164;border-radius:6px;color:#f55164;font-size:12px;height:30px;line-height:30px;padding:0 10px;white-space:nowrap}.dialog-vip-pay>.container>.body>.panel>.list>.list-inner>.item>.zhe{background:linear-gradient(-43.92deg,#fb5252,#ff6953);border-radius:10px 0 10px 0;color:#f8fafb;font-size:12px;height:24px;left:-2px;line-height:24px;margin:0;padding:0 14px;position:absolute;top:-2px}.dialog-vip-pay>.container>.body>.pay-outer{align-items:start;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px 0 rgba(0,0,0,.06);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:34px;margin-left:30px;padding:20px;position:relative;width:874px}.dialog-vip-pay>.container>.body>.pay-outer>.qr{align-items:center;border:1px solid #c8c8cb;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;padding:10px 10px 0;position:relative;width:120px}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.code-img{box-sizing:border-box;height:100px;position:relative;width:100px}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.code-img>.img{height:100%;position:relative;width:100%}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.code-img>.refresh{align-items:center;background-color:rgba(0,0,0,.6);box-sizing:border-box;display:none;flex-direction:row;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.code-img>.refresh.show{display:flex}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.code-img>.refresh>.btn{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;position:relative}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.code-img>.refresh>.btn>img{content:url(../../static/images/refresh_white.svg);height:18px;margin-right:2px;width:18px}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.code-img>.refresh>.btn>span{color:#fff;font-size:14px}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.tips{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;padding:8px 0;position:relative}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.tips>img{height:14px;width:14px}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.tips>img.wx{content:url(../../static/images/weixin.svg);margin-right:2px}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.tips>img.zfb{content:url(../../static/images/zfb.svg);margin-right:2px}.dialog-vip-pay>.container>.body>.pay-outer>.qr>.tips>span{color:#85858c;font-size:12px;margin-left:4px}.dialog-vip-pay>.container>.body>.pay-outer>.settle{align-items:start;box-sizing:border-box;display:flex;flex-direction:column;margin-left:22px;position:relative}.dialog-vip-pay>.container>.body>.pay-outer>.settle>.item{align-items:center;box-sizing:border-box;color:#4b4b4f;display:flex;flex-direction:row;font-size:14px;height:36px;position:relative}.dialog-vip-pay>.container>.body>.pay-outer>.settle>.item>.title{margin-right:16px}.dialog-vip-pay>.container>.body>.pay-outer>.settle>.price>.amount{align-items:baseline;box-sizing:border-box;color:#f55164;display:flex;flex-direction:row;position:relative}.dialog-vip-pay>.container>.body>.pay-outer>.settle>.price>.amount>.u1{font-size:16px;font-weight:700}.dialog-vip-pay>.container>.body>.pay-outer>.settle>.price>.amount>.value{font-size:22px;font-weight:700;margin-right:4px}.dialog-vip-pay>.container>.body>.pay-outer>.settle>.price>.amount>.deduct{font-size:12px}.dialog-vip-pay>.container>.body>.pay-outer>.settle>.price>.amount>.deduct-hide{display:none}.dialog-vip-pay>.container>.body>.pay-outer>.settle>.tips{align-items:center;box-sizing:border-box;color:#a6a6ad;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:12px;margin-top:10px;position:relative}.dialog-vip-pay>.container>.body>.pay-outer>.settle>.tips>.protocol{color:#477be8;font-size:12px}.dialog-vip-pay>.container>.body>.pay-outer>.complete{border:2px solid #f55164;border-radius:6px;bottom:20px;color:#f55164;cursor:pointer;font-size:14px;height:34px;line-height:34px;padding:0 20px;position:absolute;right:20px;transition:background-color .28s;-moz-transition:background-color .28s;-webkit-transition:background-color .28s;-o-transition:background-color .28s;user-select:none;-moz-user-select:none;-webkit-user-select:none}.dialog-vip-pay>.container>.body>.pay-outer>.complete:hover{background-color:rgba(245,81,100,.1)}.dialog-vip-pay>.container>.body>.pay-outer>.callus{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;position:absolute;right:20px;top:20px;user-select:none;-moz-user-select:none;-webkit-user-select:none}.dialog-vip-pay>.container>.body>.pay-outer>.callus:active,.dialog-vip-pay>.container>.body>.pay-outer>.callus:hover,.dialog-vip-pay>.container>.body>.pay-outer>.callus:link,.dialog-vip-pay>.container>.body>.pay-outer>.callus:visited{text-decoration:none}.dialog-vip-pay>.container>.body>.pay-outer>.callus>img{content:url(../../static/images/kefu.svg);height:16px;margin-right:2px;width:16px}.dialog-vip-pay>.container>.body>.pay-outer>.callus>span{color:#4f4f5c;font-size:12px}