.page-performance-countdown .performance-modes{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px;gap:10px;border-radius:6px;border:1px solid #ddd;background:#f2f2f2;cursor:pointer}.page-performance-countdown .performance-modes.selected{border-color:#ffbfa4;-webkit-box-shadow:1px 1px 0 #ffbfa4,-1px -1px 0 #ffbfa4,1px -1px 0 #ffbfa4,-1px 1px 0 #ffbfa4,1px 0 0 #ffbfa4,0 1px 0 #ffbfa4,-1px 0 0 #ffbfa4,0 -1px 0 #ffbfa4;box-shadow:1px 1px 0 #ffbfa4,-1px -1px 0 #ffbfa4,1px -1px 0 #ffbfa4,-1px 1px 0 #ffbfa4,1px 0 0 #ffbfa4,0 1px 0 #ffbfa4,-1px 0 0 #ffbfa4,0 -1px 0 #ffbfa4;background:#fef0e5}.page-performance-countdown .performance-modes.activated{border:none;background:transparent}.page-performance-countdown .performance-modes.activated .performance-mode-item{width:141px;height:108px;border-radius:6px;background:#efefef;border:2px solid #efefef;-webkit-transition:.3s linear;transition:.3s linear}.page-performance-countdown .performance-modes.activated .performance-mode-item.selected{border-color:#ffbfa4;background:#fef0e5}.page-performance-countdown .performance-modes.activated .performance-mode-item video{width:121px;height:88px;border-radius:4px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.page-performance-countdown .performance-modes.activated .performance-mode-item .performance-mode-name{bottom:10px;right:10px}.page-performance-countdown .performance-modes .performance-mode-item{width:121px;height:88px;aspect-ratio:1.375;border-radius:4px;position:relative;overflow:hidden;-webkit-box-flex:0;-ms-flex:none;flex:none}.page-performance-countdown .performance-modes .performance-mode-item:hover .preview-area{opacity:1}.page-performance-countdown .performance-modes .performance-mode-item:hover video{-webkit-filter:blur(1px) brightness(.7);filter:blur(1px) brightness(.7)}.page-performance-countdown .performance-modes .performance-mode-item .preview-area{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 4px);height:calc(100% - 4px);border-radius:4px;z-index:2;background-color:rgba(0,0,0,.3);-webkit-transition:.3s linear;transition:.3s linear;opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}.page-performance-countdown .performance-modes .performance-mode-item .preview-area span{color:#fff;-webkit-transition:.3s linear;transition:.3s linear;font-size:16px;text-shadow:2px 2px 10px 10px #333;letter-spacing:3px;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-performance-countdown .performance-modes .performance-mode-item .preview-area span:hover{cursor:pointer;text-decoration:underline}.page-performance-countdown .performance-modes .performance-mode-item video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;-webkit-transition:.3s linear;transition:.3s linear}.page-performance-countdown .performance-modes .performance-mode-item .performance-mode-name{position:absolute;text-align:center;right:0;bottom:0;border-radius:4px;background:rgba(0,0,0,.5);font-size:10px;color:#fff;padding:1px 5px;line-height:normal}.page-performance-countdown .performance-modes .performance-mode-item .performance-mode-name span{vertical-align:middle}.page-performance-countdown .performance-modes .performance-mode-item .performance-mode-name span:first-child{font-size:12px;display:inline-block;margin-right:4px;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.page-performance-countdown .performance-modes .performance-mode-item .performance-mode-btn-groups{gap:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-performance-countdown .billing-methods{gap:15px}.page-performance-countdown .billing-methods,.page-performance-countdown .billing-methods .billing-method-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-performance-countdown .billing-methods .billing-method-item{padding:10px 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1px;border-radius:6px;border:1px solid #ddd;-webkit-transition:.3s;transition:.3s;cursor:pointer}.page-performance-countdown .billing-methods .billing-method-item.selected{border-color:#ffbfa4;-webkit-box-shadow:1px 1px 0 #ffbfa4,-1px -1px 0 #ffbfa4,1px -1px 0 #ffbfa4,-1px 1px 0 #ffbfa4,1px 0 0 #ffbfa4,0 1px 0 #ffbfa4,-1px 0 0 #ffbfa4,0 -1px 0 #ffbfa4;box-shadow:1px 1px 0 #ffbfa4,-1px -1px 0 #ffbfa4,1px -1px 0 #ffbfa4,-1px 1px 0 #ffbfa4,1px 0 0 #ffbfa4,0 1px 0 #ffbfa4,-1px 0 0 #ffbfa4,0 -1px 0 #ffbfa4;background:#fef0e5}.page-performance-countdown .billing-methods .billing-method-item.selected .billing-discount{background:#fff;color:#fe7840}.page-performance-countdown .billing-methods .billing-method-item.in-effect{border-color:#ffbfa4;-webkit-box-shadow:1px 1px 0 #ffbfa4,-1px -1px 0 #ffbfa4,1px -1px 0 #ffbfa4,-1px 1px 0 #ffbfa4,1px 0 0 #ffbfa4,0 1px 0 #ffbfa4,-1px 0 0 #ffbfa4,0 -1px 0 #ffbfa4;box-shadow:1px 1px 0 #ffbfa4,-1px -1px 0 #ffbfa4,1px -1px 0 #ffbfa4,-1px 1px 0 #ffbfa4,1px 0 0 #ffbfa4,0 1px 0 #ffbfa4,-1px 0 0 #ffbfa4,0 -1px 0 #ffbfa4;background:#fef0e5;position:relative}.page-performance-countdown .billing-methods .billing-method-item.in-effect:after{content:"";width:42px;height:42px;position:absolute;top:-1px;right:-1px;background-image:url(https://resource.vxiaocheng.com/portal-screen/screen/performance_countdown/in-effect-icon.png);background-repeat:no-repeat;background-position:100% 0;background-size:contain}.page-performance-countdown .billing-methods .billing-method-item.in-effect .billing-discount{background:#fff;color:#fe7840}.page-performance-countdown .billing-methods .billing-method-item.disabled{cursor:not-allowed}.page-performance-countdown .billing-methods .billing-method-item .billing-method-name{color:#1c1c1c;text-align:right;font-family:PingFang SC;font-size:15px;font-style:normal;font-weight:500;line-height:normal}.page-performance-countdown .billing-methods .billing-method-item .billing-method-price{color:#86909c;text-align:right;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.page-performance-countdown .billing-methods .billing-method-item .billing-method-price .current-price{color:#fe7840;font-size:20px;display:inline-block}.page-performance-countdown .billing-methods .billing-method-item .billing-method-price .current-price:first-letter{font-size:12px}.page-performance-countdown .billing-methods .billing-method-item .billing-method-price .original-price{text-decoration:line-through}.page-performance-countdown .billing-methods .billing-method-item .billing-discount{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 6px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-ms-flex-item-align:stretch;align-self:stretch;border-radius:20px;background:#f3f3f3;color:86909C;text-align:right;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:17px;-webkit-transition:.3s;transition:.3s}.page-performance-countdown .billing-methods .billing-method-item .effect-period{color:#86909c;text-align:right;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.page-performance-countdown .open-modes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:10px}.page-performance-countdown .open-modes .open-modes-item .open-mode-label{color:#1c1c1c;font-family:"Alibaba PuHuiTi 2.0";font-size:14px;font-style:normal;font-weight:400;line-height:normal}.page-performance-countdown .open-modes .open-modes-item .open-mode-description{color:#86909c;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.page-performance-countdown .open-mode-timing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-performance-countdown .open-mode-timing .timing-item,.page-performance-countdown .open-mode-timing .timing-item-enter-active,.page-performance-countdown .open-mode-timing .timing-item-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.page-performance-countdown .open-mode-timing .timing-item-enter{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.page-performance-countdown .open-mode-timing .timing-item-enter-to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.page-performance-countdown .open-mode-timing .timing-item-leave{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.page-performance-countdown .open-mode-timing .timing-item-leave-to{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}.page-performance-countdown .open-mode-timing .timing-item-move{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.page-performance-countdown .open-mode-timing .open-mode-timing-cell{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-self:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:0 10px 0 10px}.page-performance-countdown .open-mode-timing .open-mode-timing-label{color:#1c1c1c;text-align:right;font-family:"Alibaba PuHuiTi 2.0";font-size:14px;font-style:normal;font-weight:400;line-height:normal;white-space:nowrap}.page-performance-countdown .open-mode-timing .open-mode-timing-add,.page-performance-countdown .open-mode-timing .open-mode-timing-deduct{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.page-performance-countdown .open-mode-timing .open-mode-time{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;border-radius:6px;border:1px solid #ddd;padding:7px 10px}.page-performance-countdown .open-mode-timing .open-mode-time .ant-select{width:42px}.page-performance-countdown .open-mode-timing .open-mode-time .ant-select>div{border:none;height:100%}.page-performance-countdown .open-mode-timing .open-mode-time .ant-select .ant-select-selection__rendered{margin:0;width:100%;height:100%}.page-performance-countdown .open-mode-timing .open-mode-time .ant-select .ant-select-selection__placeholder{width:100%;color:#999;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.page-performance-countdown .open-mode-timing .open-mode-time .ant-select .ant-select-selection-selected-value{text-align:center;width:100%;line-height:30px;color:#1c1c1c;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;letter-spacing:3px}.page-performance-countdown .open-mode-timing .open-mode-time .ant-select-focused .ant-select-selection,.page-performance-countdown .open-mode-timing .open-mode-time .ant-select-selection:active,.page-performance-countdown .open-mode-timing .open-mode-time .ant-select-selection:focus{-webkit-box-shadow:none;box-shadow:none}.page-performance-countdown .open-mode-timing .open-mode-time span{color:#1c1c1c;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.page-performance-countdown .countdown-duration .countdown-duration-label{color:#1c1c1c;text-align:right;-webkit-font-feature-settings:"ss01" on,"cv01" on,"cv11" on;font-feature-settings:"ss01" on,"cv01" on,"cv11" on;font-family:"Alibaba PuHuiTi 2.0";font-size:14px;font-style:normal;font-weight:400;line-height:normal}.page-performance-countdown .submit-button{width:92px;height:42px;border-radius:6px;background:#28c7c7;padding:0}.page-performance-countdown .submit-button span{font-size:16px;color:#fff;font-family:PingFang SC;font-style:normal;font-weight:500;line-height:40px;display:inline-block;height:40px}.page-performance-countdown .ant-modal-body{padding:0!important;font-size:0!important;border-radius:20px;border-left:1px solid #ffbfa4;background:#fff}.page-performance-countdown .ant-form-item-label>label{color:#1c1c1c;font-weight:500}.page-performance-countdown img{width:100%;height:100%}.page-performance-countdown .x-qr-photo{width:120px;height:120px;position:relative;padding:5px;border:1px solid #efefef;-webkit-box-shadow:1px 1px 1px rgb(0 0 0);box-shadow:1px 1px 1px rgb(0 0 0)}.page-performance-countdown .x-qr-close{width:15px;height:15px;position:absolute;cursor:pointer;top:-12%;left:85%}.page-performance-countdown .directed-qrcode-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-performance-countdown .directed-qrcode-box--inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:60px}.performance-countdown-time-select{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;margin-top:15px!important;letter-spacing:1px;padding:0 5px}.performance-countdown-time-select .ant-select-dropdown-menu{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f5f5f5}.performance-countdown-time-select .ant-select-dropdown-menu::-webkit-scrollbar{width:1px}.performance-countdown-time-select .ant-select-dropdown-menu::-webkit-scrollbar-track{background:#f5f5f5;border-radius:1px}.performance-countdown-time-select .ant-select-dropdown-menu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:1px}.performance-countdown-time-select .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.performance-countdown-pay-model{width:693px;min-height:536px;border-radius:20px;border-left:1px solid #ffbfa4;background:#fff;padding:0;overflow:hidden}.performance-countdown-pay-model .ant-modal-content{width:100%;height:100%}.performance-countdown-pay-model .ant-modal-content .ant-modal-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .x-i-money{color:#1c1c1c;text-align:right;font-family:PingFang SC;font-size:15px;font-style:normal;font-weight:500;line-height:normal}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .x-i-money span{color:#fe7840;font-family:PingFang SC;font-size:42px;font-style:normal;font-weight:600;line-height:normal;display:inline-block}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .x-i-money span:first-letter{font-size:22px}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .x-i-original-money{color:#86909c;text-align:right;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .x-i-original-money span:first-child{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;margin-right:15px}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .x-i-original-money span:last-child{color:#fe7840}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .pay-mode{color:#1c1c1c;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:500;line-height:normal;white-space:nowrap;line-height:40px}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .pay-mode span{display:inline-block;border-radius:6px;border:1px solid #ddd;background:#fff;width:180px;height:40px;padding:0 15px;text-align:center;font-weight:400;margin-left:10px}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .xui-i-qrcode{display:-webkit-box;display:-ms-flexbox;display:flex;width:192px;height:192px;padding:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;border-radius:10px;border:2px solid #ffbfa4;background:#fff}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .xui-i-qrcode img{width:172px;height:172px;-ms-flex-negative:0;flex-shrink:0;border-radius:6px}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .x-i-text{color:#fe7840;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.7px;margin-top:-10px}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .x-i-authorised{display:-webkit-box;display:-ms-flexbox;display:flex;height:192px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-ms-flex-negative:0;flex-shrink:0;color:#1c1c1c;font-family:PingFang SC;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .x-i-description{color:#86909c;font-family:PingFang SC;font-size:11px;font-style:normal;font-weight:400;line-height:normal}.performance-countdown-pay-model .ant-modal-content .ant-modal-body .x-i-confirm-pay button{display:-webkit-box;display:-ms-flexbox;display:flex;width:192px;height:42px;padding:10px 30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;border-radius:10px;background:#28c7c7;color:#fff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer}.performance-countdown-cancel-renewal-model{width:364px!important;height:146px!important;border-radius:10px;background:#fff;padding:0;overflow:hidden}.performance-countdown-cancel-renewal-model .ant-modal-content{width:100%;height:100%}.performance-countdown-cancel-renewal-model .ant-modal-content .ant-modal-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;padding:30px 0}.performance-countdown-cancel-renewal-model .ant-modal-content .ant-modal-body .x-i-cancel-renewal-title{color:#252525;font-family:PingFang SC;font-size:20px;font-style:normal;font-weight:600;line-height:30px;position:relative}.performance-countdown-cancel-renewal-model .ant-modal-content .ant-modal-body .x-i-cancel-renewal-title:before{content:"";display:inline-block;width:30px;height:30px;line-height:30px;aspect-ratio:1;margin-right:10px;background-image:url(https://resource.vxiaocheng.com/portal-screen/screen/performance_countdown/attention_icon.png);background-repeat:no-repeat;background-size:contain;background-position:50%;vertical-align:middle}.performance-countdown-cancel-renewal-model .ant-modal-content .ant-modal-body .x-i-cancel-renewal-title span{vertical-align:middle}.performance-countdown-cancel-renewal-model .ant-modal-content .ant-modal-body .x-i-cancel-renewal-btns{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.performance-countdown-cancel-renewal-model .ant-modal-content .ant-modal-body .x-i-cancel-renewal-btns button{display:-webkit-box;display:-ms-flexbox;display:flex;width:82px;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px;background:#28c7c7;color:#fff}.performance-countdown-cancel-renewal-model .ant-modal-content .ant-modal-body .x-i-cancel-renewal-btns button.cancel{color:#555;border:1px solid #d9d9d9;background:transparent}.performance-countdown-preview-model .ant-modal-body{padding:2px;font-size:0}.performance-countdown-preview-model .ant-modal-close{-webkit-transition:.3s linear;transition:.3s linear}.performance-countdown-preview-model .ant-modal-close:hover{-webkit-backdrop-filter:brightness(2);backdrop-filter:brightness(2)}.performance-countdown-preview-model .ant-modal-close:active{background:transparent}.performance-countdown-preview-model .ant-modal-close .ant-modal-close-x{color:#fff}