.vipDisCountExpireDialog{width:100vw;height:100vh;background:rgba(0,0,0,0.5);position:fixed;margin:auto;top:0;left:0;right:0;bottom:0;display:flex;flex-flow:column;justify-content:center;align-items:center;z-index:9999}.vipDisCountExpireDialog.hidden{display:none}.vipDisCountExpireDialog .vipDisCountExpireContent{width:500px;height:490px;background:linear-gradient(0deg, #fef6d4, #fcd3cd, #fcd3cd);border-radius:20px;position:relative;display:flex;flex-direction:column;align-items:center}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeClose{position:absolute;top:-38px;right:0px;color:#f8f0e9;cursor:pointer}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeClose .gald_iconfont{font-size:24px}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeTitle{width:361px;height:117px;background:url("/public/images/vip/vde_title.png") no-repeat;background-size:100% 100%;margin-top:-32px}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent{width:450px;height:260px;background:#ffffff;border-radius:10px;margin-top:14px;padding-top:20px}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent .vdeTimeBox{font-weight:bold;font-size:16px;color:#333333;text-align:center;display:flex;align-items:center;justify-content:center}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent .vdeTimeBox #vdeTimeDjs{display:flex;align-items:center;margin:0 8px}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent .vdeTimeBox #vdeTimeDjs .hmsItem{width:32px;height:24px;background:linear-gradient(0deg, #f9743a, #f34b33, #f9743a);border-radius:4px;font-family:DIN;font-weight:bold;font-size:20px;color:#ffffff;text-align:center;line-height:22px}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent .vdeTimeBox #vdeTimeDjs .mhFlag{font-weight:bold;font-size:16px;color:#f34b34;margin:0 4px}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent .vdeExplainImg{width:416px;height:174px;background:url("/public/images/vip/vipPrice.png") no-repeat;background-size:100% 100%;margin:24px auto 0}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeGoVip{display:block;width:260px;height:60px;background:linear-gradient(0deg, #f8264b, #ff8a33, #ffab33);border-radius:30px;border:2px solid #fff4c2;text-align:center;line-height:56px;margin-top:20px;font-weight:bold;font-size:20px;color:#ffffff}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeGoVip:hover{text-decoration:underline;color:#fff !important}.vipDisCountExpireDialog .vipDisCountExpireContent .noTipsBox{display:flex;justify-content:center;align-items:center;margin-top:10px}.vipDisCountExpireDialog .vipDisCountExpireContent .noTipsBox .noTipsCircle{width:14px;height:14px;border-radius:50%;border:1px solid #666666;cursor:pointer}.vipDisCountExpireDialog .vipDisCountExpireContent .noTipsBox .noTipsCircle.noTipsSel{background:#fb4f41;border:none;position:relative}.vipDisCountExpireDialog .vipDisCountExpireContent .noTipsBox .noTipsCircle.noTipsSel:after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:6px;position:absolute;top:3px;left:5px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform 0.15s ease-in 0.05s;transition:-webkit-transform 0.15s ease-in 0.05s;transition:transform 0.15s ease-in 0.05s;transition:transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.vipDisCountExpireDialog .vipDisCountExpireContent .noTipsBox .noTipsLabel{font-size:14px;color:#666666;margin-left:8px}@keyframes vipiconRightAni{from{top:236px}to{top:226px}}@keyframes vipiconLeftAni{from{top:122px}to{top:127px}}@media (max-width: 640px){.vipDisCountExpireDialog .vipDisCountExpireContent{width:8.6667rem;height:8.5rem;border-radius:0.2667rem}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeTitle{width:4.8133rem;height:1.56rem;margin-top:-0.5267rem}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent{width:8.1333rem;height:4.4667rem;border-radius:0.1333rem;margin-top:0.1867rem;padding-top:0.2667rem}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent .vdeTimeBox{font-size:0.4rem;padding:0 0.2667rem}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent .vdeTimeBox .vdeTimeLabel{flex-shrink:0}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent .vdeTimeBox #vdeTimeDjs{margin:0 0.1067rem}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent .vdeTimeBox #vdeTimeDjs .hmsItem{width:0.4267rem;height:0.32rem;border-radius:0.0533rem;font-size:0.32rem;line-height:0.32rem}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent .vdeTimeBox #vdeTimeDjs .mhFlag{font-size:0.2667rem;margin:0 0.0533rem}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeContent .vdeExplainImg{width:6rem;height:2.8rem;margin:0.4667rem auto 0}.vipDisCountExpireDialog .vipDisCountExpireContent .vdeGoVip{width:5.3333rem;height:1.2rem;border-radius:0.4rem;border:0.0267rem solid #fff4c2;line-height:1.2rem;margin-top:0.3667rem;font-size:0.4rem}}
