#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.active{height:auto;display:block}
#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side.active{height:100%;animation:.2s ease-out forwards xg_right_options_active}
#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side.active{height:100%;animation:.2s ease-out forwards xg_left_options_active}
#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active{border:4px solid #0057ff10}
#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active:before{box-shadow:0 0 3px #0057ffb0}
#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer{height:6px;margin-bottom:3px;transition:height .3s,margin-bottom .3s}
#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%)scale(1)}
#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before,#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after{width:6px}
#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xgplayer-spot{opacity:1;visibility:visible;transition:opacity .3s}
#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info{display:block}
#demo-visual-popup .cpui-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info.hide{display:none}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip{width:200px;padding:16px;display:flex}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip__video{border-radius:4px;width:55px;height:96px;overflow:hidden}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip__info{margin-left:10px}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip__title{color:#31343b;margin-bottom:12px;font-size:20px;font-weight:600;line-height:28px}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip__point-list{color:#31343b}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip__point{align-items:center;height:20px;font-size:12px;font-weight:500;line-height:18px;display:flex}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip__point span+span{margin-left:8px}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip__point .cpui-ocean-point-color{vertical-align:middle;border-radius:50%;width:6px;height:6px}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip__point+.cpui-ocean-material-per-second-view-chart_chart-tooltip__point{margin-top:8px}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip.cpui-ocean-type-vertical{flex-direction:column;width:137px}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip.cpui-ocean-type-vertical .cpui-ocean-material-per-second-view-chart_chart-tooltip__video{width:96px;height:55px}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip.cpui-ocean-type-vertical .cpui-ocean-material-per-second-view-chart_chart-tooltip__info{margin-top:10px;margin-left:0}
#demo-visual-popup .lightcharts-tooltip .cpui-ocean-material-per-second-view-chart_chart-tooltip.cpui-ocean-type-horizontal .cpui-ocean-material-per-second-view-chart_chart-tooltip__info{flex-direction:column;justify-content:space-between;display:flex}
#demo-visual-popup .step-dot.active[data-v-81c4d02a]{background:#fff}
#demo-visual-popup .message-wrapper .top .text[data-v-df4f9e5a]{color:var(--text-gray-3,#969aa0);font-size:14px;font-style:normal;font-weight:400;line-height:22px}
#demo-visual-popup .message-feedback-option[data-v-5a612ee4] .cpui-checkbox,#demo-visual-popup .message-feedback-option[data-v-5a612ee4] .ovui-checkbox{box-sizing:border-box;justify-content:center;align-items:center;height:100%;padding:5px 11px;line-height:22px}
#demo-visual-popup .message-feedback-option[data-v-5a612ee4] .cpui-checkbox__wrapper,#demo-visual-popup .message-feedback-option[data-v-5a612ee4] .ovui-checkbox__wrapper{flex:none;margin:3px 0}
#demo-visual-popup .message-feedback-option[data-v-5a612ee4] .cpui-checkbox__inner,#demo-visual-popup .message-feedback-option[data-v-5a612ee4] .ovui-checkbox__inner{box-sizing:border-box;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}
#demo-visual-popup .message-feedback-option[data-v-5a612ee4]:not(.message-feedback-option-selected) .cpui-checkbox__inner,#demo-visual-popup .message-feedback-option[data-v-5a612ee4]:not(.message-feedback-option-selected) .cpui-checkbox__inner:hover,#demo-visual-popup .message-feedback-option[data-v-5a612ee4]:not(.message-feedback-option-selected) .ovui-checkbox__inner,#demo-visual-popup .message-feedback-option[data-v-5a612ee4]:not(.message-feedback-option-selected) .ovui-checkbox__inner:hover{background:#fff;border:1px solid #dbe0ea}
#demo-visual-popup .message-feedback-option[data-v-5a612ee4] .cpui-checkbox__label,#demo-visual-popup .message-feedback-option[data-v-5a612ee4] .ovui-checkbox__label{min-width:0;margin:0 0 0 8px}
#demo-visual-popup .message-feedback-option-selected[data-v-5a612ee4] .cpui-checkbox__inner,#demo-visual-popup .message-feedback-option-selected[data-v-5a612ee4] .cpui-checkbox__inner:hover,#demo-visual-popup .message-feedback-option-selected[data-v-5a612ee4] .ovui-checkbox__inner,#demo-visual-popup .message-feedback-option-selected[data-v-5a612ee4] .ovui-checkbox__inner:hover{color:#fff;background:#38374f;border:1px solid #38374f}
#demo-visual-popup .cp-lui-button-wrapper .cpui-button,#demo-visual-popup .cp-lui-button-wrapper .ovui-button{align-items:center;display:flex}
#demo-visual-popup .feelgood-wrapper .item .text[data-v-35ec1939]{color:#969aa0;margin-left:4px;font-size:12px;font-weight:400;line-height:20px}
#demo-visual-popup .ovui-icon{display:inline-block}
#demo-visual-popup .ovui-icon svg{display:block}
#demo-visual-popup .ovui-modal__header-info .ovui-icon,#demo-visual-popup .ovui-modal__header-success .ovui-icon,#demo-visual-popup .ovui-modal__header-warning .ovui-icon,#demo-visual-popup .ovui-modal__header-error .ovui-icon{margin-right:8px;font-size:18px}
#demo-visual-popup .ovui-modal__header-info .ovui-icon{color:#0057ff}
#demo-visual-popup .ovui-modal__header-success .ovui-icon{color:#0da600}
#demo-visual-popup .ovui-modal__header-warning .ovui-icon{color:#eb9617}
#demo-visual-popup .ovui-modal__header-error .ovui-icon{color:#e34949}
#demo-visual-popup .ovui-input__wrapper .ovui-input__after--has-clear .ovui-icon{opacity:0}
#demo-visual-popup .ovui-custom-input__after--has-clear .ovui-icon{opacity:0}
#demo-visual-popup .ovui-textarea__wrapper .ovui-textarea__after--has-clear .ovui-icon{opacity:0}
#demo-visual-popup .ovui-image-preview__toolbar-item .ovui-icon{align-items:center;display:inline-flex}
#demo-visual-popup .ovui-image-preview__left-switcher .ovui-icon svg{width:20px;height:20px}
#demo-visual-popup .ovui-image-preview__right-switcher .ovui-icon svg{width:20px;height:20px}
#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .ovui-range-picker .ovui-custom-input__after .ovui-icon{color:#0057ff}
#demo-visual-popup .ovui-select__popper .ovui-select__options .ovui-option.ovui-option--selected .oc-item-group-content-title .oc-typography-color-default,#demo-visual-popup .ovui-select__popper .ovui-select__options .ovui-option.ovui-option--selected .oc-item-group-content-title .oc-typography-color-secondary{color:#0057ff}
#demo-visual-popup .oc-row>.ovui-date-picker-panel .ovui-date__header{background-color:#f2f4f7;height:38px}
#demo-visual-popup .platform-kits-msg .oc-typography{display:inline}
#demo-visual-popup .platform-kits-msg .oc-typography-color-primary+.oc-typography{margin-left:4px}
#demo-visual-popup .platform-kits-msg .oc-typography+.oc-typography-color-primary{margin-left:4px}
#demo-visual-popup .active\:opacity-100:active{opacity:1}
#demo-visual-popup .active\:opacity-\[0\.85\]:active{opacity:.85}
#demo-visual-popup .ovui-popup__mask{z-index:1050;background-color:rgba(26,26,27,.5);height:100%;position:fixed;inset:0}
#demo-visual-popup .ovui-popover{color:#62656c;background:#fff;border-radius:12px;padding:16px;font-size:12px;line-height:18px;box-shadow:0 3px 9px rgba(0,0,0,.08)}
#demo-visual-popup .ovui-popover[data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}
#demo-visual-popup .ovui-popover[data-popper-placement^=top]>[data-popper-arrow]:before{background:linear-gradient(135deg,transparent 50%,#fff 50%);box-shadow:3px 3px 6px -3px rgba(0,0,0,.2)}
#demo-visual-popup .ovui-popover[data-popper-placement^=right]>[data-popper-arrow]{left:-5px}
#demo-visual-popup .ovui-popover[data-popper-placement^=right]>[data-popper-arrow]:before{background:linear-gradient(225deg,transparent 50%,#fff 50%);box-shadow:-3px 3px 6px -3px rgba(0,0,0,.2)}
#demo-visual-popup .ovui-popover[data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}
#demo-visual-popup .ovui-popover[data-popper-placement^=bottom]>[data-popper-arrow]:before{background:linear-gradient(135deg,#fff 50%,transparent 50%);box-shadow:-3px -3px 6px -3px rgba(0,0,0,.2)}
#demo-visual-popup .ovui-popover[data-popper-placement^=left]>[data-popper-arrow]{right:-5px}
#demo-visual-popup .ovui-popover[data-popper-placement^=left]>[data-popper-arrow]:before{background:linear-gradient(45deg,transparent 50%,#fff 50%);box-shadow:3px -3px 6px -3px rgba(0,0,0,.2)}
#demo-visual-popup .ovui-popover.ovui-popover--hide{display:none}
#demo-visual-popup .ovui-popover[data-popper-reference-hidden=true]{visibility:hidden;pointer-events:none}
#demo-visual-popup .ovui-popover .ovui-popover__arrow,#demo-visual-popup .ovui-popover .ovui-popover__arrow:before{z-index:-2;width:10px;height:10px;position:absolute}
#demo-visual-popup .ovui-popover .ovui-popover__arrow:before{content:"";top:0;left:0;transform:rotate(45deg)}
#demo-visual-popup .ovui-popover .ovui-popover__arrow--hide{visibility:hidden}
#demo-visual-popup .ovui-modal{background:#fff;border-radius:8px;width:600px;margin:auto;position:relative;box-shadow:0 3px 9px rgba(0,0,0,.08)}
#demo-visual-popup .ovui-modal__wrap{align-items:center;display:flex;position:fixed;inset:0;overflow:auto}
#demo-visual-popup .ovui-modal__header{color:#31343b;padding:24px 24px 20px}
#demo-visual-popup .ovui-modal__header-with-close{margin-right:25px}
#demo-visual-popup .ovui-modal__body{color:inherit;font-size:inherit;line-height:inherit;padding:0 24px}
#demo-visual-popup .ovui-modal__footer{padding:24px}
#demo-visual-popup .ovui-modal__close-icon{color:#31343b;cursor:pointer;z-index:1;width:20px;height:20px;font-size:20px;position:absolute;top:25px;right:25px}
#demo-visual-popup .ovui-modal__close-icon:hover{color:#0057ff}
#demo-visual-popup .ovui-modal__close-icon:active{color:#003fd2}
#demo-visual-popup .ovui-modal__footer-btn-box .ovui-button+.ovui-button{margin-left:12px}
#demo-visual-popup .ovui-modal--divider .ovui-modal__header{padding:24px}
#demo-visual-popup .ovui-modal--divider .ovui-modal__body{background:#f7f9fc;border-top:1px solid #dee0e3;border-bottom:1px solid #dee0e3;padding:0}
#demo-visual-popup .ovui-modal--rtl .ovui-modal__close-icon{left:25px;right:auto}
#demo-visual-popup .ovui-button{-webkit-user-select:none;user-select:none;appearance:none;white-space:nowrap;cursor:pointer;vertical-align:text-bottom;border:1px solid transparent;border-radius:8px;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}
#demo-visual-popup .ovui-button--primary-fill{color:#fff;background-color:#0057ff;border-color:#0057ff}
#demo-visual-popup .ovui-button--primary-fill[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill[data-motion-wave=before]:before{color:#0057ff}
#demo-visual-popup .ovui-button--primary-fill:hover{color:#fff;background-color:#2e7bff;border-color:#2e7bff;transition:all .1s ease-in-out}
#demo-visual-popup .ovui-button--primary-fill:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill:hover[data-motion-wave=before]:before{color:#2e7bff}
#demo-visual-popup .ovui-button--primary-fill:active{color:#fff;background-color:#003fd2;border-color:#003fd2;transition:all .1s ease-in-out}
#demo-visual-popup .ovui-button--primary-fill:active[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill:active[data-motion-wave=before]:before{color:#003fd2}
#demo-visual-popup .ovui-button--primary-fill:focus{color:#fff;background-color:#2e7bff;border-color:#2e7bff;transition:all .1s cubic-bezier(.08,.82,.17,1);animation:2s cubic-bezier(.08,.82,.17,1) bui-button-primary-fill-focus-wave}
#demo-visual-popup .ovui-button--primary-fill:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill:focus[data-motion-wave=before]:before{color:#2e7bff}
#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked,#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked:hover,#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked:focus,#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked:active{color:#fff;background-color:#2e7bff;border-color:#2e7bff}
#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked:active[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked:hover[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked:focus[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--primary-fill.ovui-button--checked:active[data-motion-wave=before]:before{color:#2e7bff}
#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled,#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading:hover,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled:hover,#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading:focus,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled:focus,#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading:active,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled:active{color:#e8f4ff;background-color:#badaff;border-color:#badaff}
#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading:active[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled:active[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading:hover[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled:hover[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading:focus[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled:focus[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--primary-fill.ovui-button--loading:active[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--primary-fill.ovui-button--disabled:active[data-motion-wave=before]:before{color:#badaff}
#demo-visual-popup .ovui-button--default-stroke{color:#31343b;background-color:#fff;border-color:#dfe0e2}
#demo-visual-popup .ovui-button--default-stroke[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke[data-motion-wave=before]:before{color:#dfe0e2}
#demo-visual-popup .ovui-button--default-stroke:hover{color:#0057ff;background-color:#fff;border-color:#0057ff;transition:all .1s ease-in-out}
#demo-visual-popup .ovui-button--default-stroke:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke:hover[data-motion-wave=before]:before{color:#0057ff}
#demo-visual-popup .ovui-button--default-stroke:focus{color:#0057ff;background-color:#fff;border-color:#0057ff;transition:all .1s cubic-bezier(.08,.82,.17,1);animation:2s cubic-bezier(.08,.82,.17,1) bui-button-primary-fill-focus-wave}
#demo-visual-popup .ovui-button--default-stroke:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke:focus[data-motion-wave=before]:before{color:#0057ff}
#demo-visual-popup .ovui-button--default-stroke:active{color:#003fd2;background-color:#fff;border-color:#003fd2;transition:all .1s ease-in-out}
#demo-visual-popup .ovui-button--default-stroke:active[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke:active[data-motion-wave=before]:before{color:#003fd2}
#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked,#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked:hover,#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked:focus,#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked:active{color:#0057ff;background-color:#fff;border-color:#0057ff}
#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked:active[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked:hover[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked:focus[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--default-stroke.ovui-button--checked:active[data-motion-wave=before]:before{color:#0057ff}
#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled,#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading:hover,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled:hover,#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading:active,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled:active,#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading:focus,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled:focus{color:#b9bcc3;background-color:#f5f7fa;border-color:#dfe0e2}
#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading:active[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled:active[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading:hover[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled:hover[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading:active[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled:active[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading:focus[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled:focus[data-motion-wave=before]:before{color:#dfe0e2}
#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading.ovui-button--checked,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled.ovui-button--checked{color:#badaff;background-color:#e8f4ff;border-color:#badaff}
#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--default-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--default-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave=before]:before{color:#badaff}
#demo-visual-popup .ovui-button--text{color:#0057ff;background-color:transparent;border-color:transparent}
#demo-visual-popup .ovui-button--text[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text[data-motion-wave=before]:before{color:transparent}
#demo-visual-popup .ovui-button--text:hover{color:#2e7bff;background-color:transparent;border-color:transparent}
#demo-visual-popup .ovui-button--text:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text:hover[data-motion-wave=before]:before{color:transparent}
#demo-visual-popup .ovui-button--text.ovui-button--checked,#demo-visual-popup .ovui-button--text:focus{color:#2e7bff;background-color:transparent;border-color:transparent;animation:none}
#demo-visual-popup .ovui-button--text.ovui-button--checked[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text.ovui-button--checked[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--text:focus[data-motion-wave=before]:before{color:transparent}
#demo-visual-popup .ovui-button--text:active,#demo-visual-popup .ovui-button--text:active:focus,#demo-visual-popup .ovui-button--text:active:hover{color:#003fd2;background-color:transparent;border-color:transparent}
#demo-visual-popup .ovui-button--text:active[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text:active:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text:active:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text:active[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--text:active:focus[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--text:active:hover[data-motion-wave=before]:before{color:transparent}
#demo-visual-popup .ovui-button--text.ovui-button--loading,#demo-visual-popup .ovui-button--text.ovui-button--disabled,#demo-visual-popup .ovui-button--text.ovui-button--loading:hover,#demo-visual-popup .ovui-button--text.ovui-button--disabled:hover,#demo-visual-popup .ovui-button--text.ovui-button--loading:focus,#demo-visual-popup .ovui-button--text.ovui-button--disabled:focus{color:#badaff;background-color:transparent;border-color:transparent}
#demo-visual-popup .ovui-button--text.ovui-button--loading[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text.ovui-button--disabled[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text.ovui-button--loading:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text.ovui-button--disabled:hover[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text.ovui-button--loading:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text.ovui-button--disabled:focus[data-motion-wave=after]:after,#demo-visual-popup .ovui-button--text.ovui-button--loading[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--text.ovui-button--disabled[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--text.ovui-button--loading:hover[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--text.ovui-button--disabled:hover[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--text.ovui-button--loading:focus[data-motion-wave=before]:before,#demo-visual-popup .ovui-button--text.ovui-button--disabled:focus[data-motion-wave=before]:before{color:transparent}
#demo-visual-popup .ovui-button--text.ovui-button--xs,#demo-visual-popup .ovui-button--text.ovui-button--sm,#demo-visual-popup .ovui-button--text.ovui-button--md,#demo-visual-popup .ovui-button--text.ovui-button--lg,#demo-visual-popup .ovui-button--text.ovui-button--xl{min-width:auto;padding:0}
#demo-visual-popup .ovui-button--link.ovui-button--xs,#demo-visual-popup .ovui-button--link.ovui-button--sm,#demo-visual-popup .ovui-button--link.ovui-button--md,#demo-visual-popup .ovui-button--link.ovui-button--lg,#demo-visual-popup .ovui-button--link.ovui-button--xl{min-width:auto;padding:0}
#demo-visual-popup .ovui-button--xs{min-width:60px;padding:2px 8px;font-size:12px;line-height:18px}
#demo-visual-popup .ovui-button--md{min-width:100px;padding:4px 16px;font-size:14px;line-height:22px}
#demo-visual-popup .ovui-button--circle.ovui-button--xs,#demo-visual-popup .ovui-button--square.ovui-button--xs{width:24px;min-width:24px;height:24px;padding-left:0;padding-right:0}
#demo-visual-popup .ovui-button--circle.ovui-button--md,#demo-visual-popup .ovui-button--square.ovui-button--md{width:32px;min-width:32px;height:32px;padding-left:0;padding-right:0}
#demo-visual-popup .ovui-button--round.ovui-button--xs{border-radius:24px;min-width:24px}
#demo-visual-popup .ovui-button--round.ovui-button--md{border-radius:32px;min-width:32px}
#demo-visual-popup .ovui-button.ovui-button--disabled,#demo-visual-popup .ovui-button.ovui-button--disabled:hover,#demo-visual-popup .ovui-button.ovui-button--disabled:focus{cursor:not-allowed;animation:none}
#demo-visual-popup .ovui-input-group{border-radius:8px;align-self:stretch;width:100%;display:flex;position:relative}
#demo-visual-popup .ovui-input-group>:not(:last-child):not(:first-child)[data-okee-fill=false]{margin-right:-1px}
#demo-visual-popup .ovui-input-group>:not(:last-child):not(:first-child),#demo-visual-popup .ovui-input-group>:not(:last-child):not(:first-child) .ovui-input__wrapper,#demo-visual-popup .ovui-input-group>:not(:last-child):not(:first-child) .ovui-custom-input{border-radius:0}
#demo-visual-popup .ovui-input-group>:first-child:not(:last-child)[data-okee-fill=false]{margin-right:-1px}
#demo-visual-popup .ovui-input-group>:first-child:not(:last-child),#demo-visual-popup .ovui-input-group>:first-child:not(:last-child) .ovui-input__wrapper,#demo-visual-popup .ovui-input-group>:first-child:not(:last-child) .ovui-custom-input{border-top-right-radius:0;border-bottom-right-radius:0}
#demo-visual-popup .ovui-input-group>:last-child:not(:first-child),#demo-visual-popup .ovui-input-group>:last-child:not(:first-child) .ovui-input__wrapper,#demo-visual-popup .ovui-input-group>:last-child:not(:first-child) .ovui-custom-input{border-top-left-radius:0;border-bottom-left-radius:0}
#demo-visual-popup .ovui-input-group>.ovui-button:not(.ovui-button--disabled):hover,#demo-visual-popup .ovui-input-group>.ovui-button:not(.ovui-button--disabled):focus,#demo-visual-popup .ovui-input-group>.ovui-button:not(.ovui-button--disabled):active{z-index:3}
#demo-visual-popup .ovui-input-group .ovui-custom-input:not(.ovui-custom-input--disabled).ovui-custom-input--error{z-index:1}
#demo-visual-popup .ovui-input-group .ovui-custom-input:not(.ovui-custom-input--disabled).ovui-custom-input--focused{z-index:4}
#demo-visual-popup .ovui-input-group .ovui-custom-input:not(.ovui-custom-input--disabled):hover{z-index:3}
#demo-visual-popup .ovui-input-group .ovui-input__wrapper:not(.ovui-input__wrapper--disabled).ovui-input__wrapper--error{z-index:1}
#demo-visual-popup .ovui-input-group .ovui-input__wrapper:not(.ovui-input__wrapper--disabled).ovui-input__wrapper--focused{z-index:4}
#demo-visual-popup .ovui-input-group .ovui-input__wrapper:not(.ovui-input__wrapper--disabled):hover{z-index:3}
#demo-visual-popup .ovui-input-group .ovui-textarea__wrapper:not(.ovui-textarea__wrapper--disabled).ovui-textarea__wrapper--error{z-index:1}
#demo-visual-popup .ovui-input-group .ovui-textarea__wrapper:not(.ovui-textarea__wrapper--disabled).ovui-textarea__wrapper--focused{z-index:4}
#demo-visual-popup .ovui-input-group .ovui-textarea__wrapper:not(.ovui-textarea__wrapper--disabled):hover{z-index:3}
#demo-visual-popup .ovui-input-group--md,#demo-visual-popup .ovui-input-group--lg{font-size:14px;line-height:22px}
#demo-visual-popup .ovui-input-group--rtl>:first-child:not(:last-child),#demo-visual-popup .ovui-input-group--rtl>:first-child:not(:last-child) .ovui-input__wrapper,#demo-visual-popup .ovui-input-group--rtl>:first-child:not(:last-child) .ovui-custom-input{border-radius:0 8px 8px 0}
#demo-visual-popup .ovui-input-group--rtl>:last-child:not(:first-child),#demo-visual-popup .ovui-input-group--rtl>:last-child:not(:first-child) .ovui-input__wrapper,#demo-visual-popup .ovui-input-group--rtl>:last-child:not(:first-child) .ovui-custom-input{border-radius:8px 0 0 8px}
#demo-visual-popup .ovui-input__wrapper{border-radius:8px;width:100%;display:inline-flex;position:relative}
#demo-visual-popup .ovui-input__wrapper .ovui-input{color:inherit;cursor:inherit;background:rgba(255,255,255,0);border:none;outline:none;flex:1;width:100%;padding:0}
#demo-visual-popup .ovui-input__wrapper .ovui-input::-moz-placeholder{color:#93969d;opacity:1}
#demo-visual-popup .ovui-input__wrapper .ovui-input:-ms-input-placeholder{color:#93969d}
#demo-visual-popup .ovui-input__wrapper .ovui-input::-webkit-input-placeholder{color:#93969d}
#demo-visual-popup .ovui-input__wrapper .ovui-input[type=text]{appearance:none}
#demo-visual-popup .ovui-input__wrapper .ovui-input[type=number]{appearance:none}
#demo-visual-popup .ovui-input__wrapper .ovui-input[type=password]{appearance:none}
#demo-visual-popup .ovui-input__wrapper .ovui-input[type=number]::-webkit-inner-spin-button{appearance:none}
#demo-visual-popup .ovui-input__wrapper--fill{color:#31343b;background-color:#f2f4f7;border:1px solid transparent}
#demo-visual-popup .ovui-input__wrapper--fill .ovui-input::-moz-placeholder{color:#93969d;opacity:1}
#demo-visual-popup .ovui-input__wrapper--fill .ovui-input:-ms-input-placeholder{color:#93969d}
#demo-visual-popup .ovui-input__wrapper--fill .ovui-input::-webkit-input-placeholder{color:#93969d}
#demo-visual-popup .ovui-input__wrapper--fill:hover{color:#31343b;background-color:#f2f4f7;border-color:#0057ff;transition:all .1s ease-in-out}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--focused{color:#31343b;background-color:#e8eaed;border-color:#0057ff;animation:.1s ease-in-out bui-input-focus-effect_primary;box-shadow:0 0 0 2px rgba(0,87,255,.2)}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--error{color:#31343b;background-color:#fdf2f2;border:1px solid transparent}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--error:hover{color:#31343b;background-color:#fdf2f2;border-color:#ea7979;transition:all .1s ease-in-out}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--error.ovui-input__wrapper--focused{color:#31343b;background-color:#fdf2f2;border-color:#e34949;animation:.1s ease-in-out bui-input-focus-effect_error;box-shadow:0 0 0 2px rgba(227,73,73,.2)}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled,#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled:hover,#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled.ovui-input__wrapper--focused{color:#b9bcc3;box-shadow:none;background-color:#f5f7fa;border-color:transparent;animation:none}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled .ovui-input::-moz-placeholder{color:#b9bcc3;opacity:1}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled:hover .ovui-input::-moz-placeholder{color:#b9bcc3;opacity:1}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled.ovui-input__wrapper--focused .ovui-input::-moz-placeholder{color:#b9bcc3;opacity:1}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled .ovui-input:-ms-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled:hover .ovui-input:-ms-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled.ovui-input__wrapper--focused .ovui-input:-ms-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled .ovui-input::-webkit-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled:hover .ovui-input::-webkit-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--fill.ovui-input__wrapper--disabled.ovui-input__wrapper--focused .ovui-input::-webkit-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled .ovui-input::-moz-placeholder{color:#b9bcc3;opacity:1}
#demo-visual-popup .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled:hover .ovui-input::-moz-placeholder{color:#b9bcc3;opacity:1}
#demo-visual-popup .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled.ovui-input__wrapper--focused .ovui-input::-moz-placeholder{color:#b9bcc3;opacity:1}
#demo-visual-popup .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled .ovui-input:-ms-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled:hover .ovui-input:-ms-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled.ovui-input__wrapper--focused .ovui-input:-ms-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled .ovui-input::-webkit-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled:hover .ovui-input::-webkit-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled.ovui-input__wrapper--focused .ovui-input::-webkit-input-placeholder{color:#b9bcc3}
#demo-visual-popup .ovui-input__wrapper--xs,#demo-visual-popup .ovui-input__wrapper--xs .ovui-input{font-size:12px;line-height:18px}
#demo-visual-popup .ovui-input__wrapper--sm,#demo-visual-popup .ovui-input__wrapper--sm .ovui-input{font-size:12px;line-height:18px}
#demo-visual-popup .ovui-input__wrapper--md{padding:4px 8px}
#demo-visual-popup .ovui-input__wrapper--md,#demo-visual-popup .ovui-input__wrapper--md .ovui-input{font-size:14px;line-height:22px}
#demo-visual-popup .ovui-input__wrapper--lg,#demo-visual-popup .ovui-input__wrapper--lg .ovui-input{font-size:14px;line-height:22px}
#demo-visual-popup .ovui-input__wrapper--xl,#demo-visual-popup .ovui-input__wrapper--xl .ovui-input{font-size:16px;line-height:24px}
#demo-visual-popup .ovui-input__wrapper .ovui-input__clear{color:#93969d;z-index:3;cursor:pointer;transition:opacity .1s ease-in}
#demo-visual-popup .ovui-input__wrapper .ovui-input__clear--absolute{position:absolute;top:50%;right:12px;transform:translateY(-50%)}
#demo-visual-popup .ovui-input__wrapper .ovui-input__clear--margin-right{margin-right:4px}
#demo-visual-popup .ovui-input__wrapper .ovui-input__clear:hover{color:#62656c}
#demo-visual-popup .ovui-input__wrapper .ovui-input__clear:active{color:#31343b}
#demo-visual-popup .ovui-input__wrapper .ovui-input__count{color:#93969d;background:0 0;font-size:12px;line-height:14px;position:absolute;bottom:4px}
#demo-visual-popup .ovui-input__wrapper .ovui-input__prefix{z-index:1;color:#31343b;align-self:stretch;align-items:center;padding-right:4px;display:flex}
#demo-visual-popup .ovui-input__wrapper .ovui-input__suffix{z-index:1;color:#31343b;align-self:stretch;align-items:center;padding-left:4px;display:flex}
#demo-visual-popup .ovui-input__wrapper .ovui-input__suffix .ovui-input__clear{opacity:0;pointer-events:none}
#demo-visual-popup .ovui-input__wrapper .ovui-input__suffix .ovui-input__clear--show{opacity:1;pointer-events:auto}
#demo-visual-popup .ovui-input__wrapper .ovui-input__after{z-index:1;color:#31343b;align-self:stretch;align-items:center;padding-left:4px;display:flex}
#demo-visual-popup .ovui-input__wrapper .ovui-input__after .ovui-input__clear{display:none}
#demo-visual-popup .ovui-input__wrapper .ovui-input__after .ovui-input__clear--show{opacity:1;display:block}
#demo-visual-popup .ovui-input__wrapper--disabled,#demo-visual-popup .ovui-input__wrapper--disabled .ovui-input{cursor:not-allowed}
#demo-visual-popup .ovui-input__wrapper--disabled .ovui-input__prefix,#demo-visual-popup .ovui-input__wrapper--disabled .ovui-input__suffix{color:#cdd1d8}
#demo-visual-popup .ovui-input__wrapper:hover:not(.ovui-input__wrapper--disabled):not(.ovui-input__wrapper--error) .ovui-input--stroke{border-color:#0057ff}
#demo-visual-popup .ovui-input__wrapper--rtl,#demo-visual-popup .ovui-input__wrapper--rtl .ovui-input{direction:rtl}
#demo-visual-popup .ovui-input__wrapper--rtl .ovui-input__prefix{padding-left:4px;padding-right:0}
#demo-visual-popup .ovui-input__wrapper--rtl .ovui-input__suffix,#demo-visual-popup .ovui-input__wrapper--rtl .ovui-input__after{padding-left:0;padding-right:4px}
#demo-visual-popup .oc-modal-wrap .ovui-modal{border-radius:16px;flex-direction:column;display:flex;max-height:calc(100% - 80px)!important}
#demo-visual-popup .oc-modal-wrap .ovui-modal .ovui-modal__close-icon{color:#93969d}
#demo-visual-popup .oc-modal-wrap .ovui-modal .ovui-modal__close-icon:hover{color:#0057ff;cursor:pointer}
#demo-visual-popup .oc-modal-wrap .ovui-modal__header-info,#demo-visual-popup .oc-modal-wrap .ovui-modal__header-success,#demo-visual-popup .oc-modal-wrap .ovui-modal__header-warning,#demo-visual-popup .oc-modal-wrap .ovui-modal__header-error{margin-top:-3px}
#demo-visual-popup .oc-modal-wrap .ovui-modal__close-icon{top:24px}
#demo-visual-popup .oc-modal-wrap .ovui-modal__body{color:#31343b;flex:1;font-size:14px;overflow:auto;line-height:normal!important}
#demo-visual-popup .oc-modal-wrap .ovui-modal__body .oc-modal-confirm-body-with-icon{padding-left:unset}
#demo-visual-popup .oc-modal-wrap .ovui-modal__body-with-status{padding-left:24px}
#demo-visual-popup .oc-modal-wrap .ovui-modal__footer-btn-box .ovui-button--md{min-width:88px}
#demo-visual-popup .oc-modal-wrap .oc-modal-footer{justify-content:flex-end;display:flex}
#demo-visual-popup .oc-modal-wrap .oc-modal-footer .oc-button-wrap:first-of-type{margin-right:8px}
#demo-visual-popup .oc-modal-wrap .ovui-modal__header{align-items:center;font-weight:bolder;display:flex}
#demo-visual-popup .oc-modal-wrap .ovui-modal__header .oc-icon-success{color:#0da600}
#demo-visual-popup .oc-modal-wrap .ovui-modal__header .oc-icon-info{color:#0057ff}
#demo-visual-popup .oc-modal-wrap .ovui-modal__header .oc-icon-danger,#demo-visual-popup .oc-modal-wrap .ovui-modal__header .oc-icon-close-one{color:#e34949}
#demo-visual-popup .oc-modal-wrap .ovui-modal__header .oc-icon-warning{color:#eb9617}
#demo-visual-popup .oc-modal-wrap .ovui-modal__footer{min-height:80px}
#demo-visual-popup .oc-modal-wrap .oc-modal-body{padding:0!important}
#demo-visual-popup .oc-modal-wrap .oc-modal-header-icon{margin-right:8px}
#demo-visual-popup .oc-button-wrap{display:inline-flex}
#demo-visual-popup .oc-button-wrap-block .ovui-button{white-space:normal;display:flex}
#demo-visual-popup .oc-button-wrap .ovui-button--md:not(:is(.ovui-button--link,#demo-visual-popup .ovui-button--square,#demo-visual-popup .ovui-button--circle,#demo-visual-popup .ovui-button--text)){min-width:88px}
#demo-visual-popup .oc-button-wrap .ovui-button--sm:not(:is(.ovui-button--link,#demo-visual-popup .ovui-button--square,#demo-visual-popup .ovui-button--circle,#demo-visual-popup .ovui-button--text)){min-width:56px;padding:3px 15px}
#demo-visual-popup .oc-button-wrap .ovui-button--xs:not(:is(.ovui-button--link,#demo-visual-popup .ovui-button--square,#demo-visual-popup .ovui-button--circle,#demo-visual-popup .ovui-button--text)){min-width:56px}
#demo-visual-popup .oc-button-wrap .oc-button-color-inherit{color:inherit}
#demo-visual-popup .oc-button-wrap .ovui-button--text{border:none;box-shadow:unset!important}
#demo-visual-popup .oc-button-wrap .custom-icon{line-height:0;position:absolute;top:-1px;right:-1px}
#demo-visual-popup .oc-button-wrap .prefixIcon+span,#demo-visual-popup .oc-button-wrap span+.suffixIcon{margin-left:4px}
#demo-visual-popup .oc-button-wrap .ovui-button--loading.oc-button-icon .prefixIcon,#demo-visual-popup .oc-button-wrap .ovui-button--loading.oc-button-icon .suffixIcon{display:none}
#demo-visual-popup .oc-button-wrap .ovui-button--loading.oc-button-icon .ovui-button__loading-icon{margin-right:0}
#demo-visual-popup .oc-button-selected-wrap .ovui-button--default-stroke{color:#0057ff;border:1px solid #0057ff}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-fill{background:0 0;border:1px solid transparent;position:relative}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-fill:before{content:"";z-index:-1;border-radius:inherit;isolation:isolate;background:linear-gradient(105deg,#47d7fa -20.46%,#3b7ef4 36.73%,#b84ef1 107.72%,#f355c1 192.67%);position:absolute;inset:-1px}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-fill:hover:before{background:linear-gradient(115deg,#47d7fa .02%,#3b7ef4 28.15%,#b84ef1 59.13%,#f355c1 78.95%,#f9835f 95.91%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-fill:active:before{background:linear-gradient(115deg,#379ac7 .02%,#3066c3 28.15%,#774ac2 59.13%,#af42aa 78.95%,#c65e63 95.91%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-fill:focus-visible:before{background:linear-gradient(115deg,#379ac7 .02%,#3066c3 28.15%,#774ac2 59.13%,#af42aa 78.95%,#c65e63 95.91%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-fill.ovui-button--disabled{color:#fff}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-fill.ovui-button--disabled:before{background:linear-gradient(105deg,rgba(71,215,250,.2) -20.46%,rgba(59,126,244,.2) 36.73%,rgba(184,78,241,.2) 107.72%,rgba(243,85,193,.2) 192.67%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke:not(:is(.ovui-button--link,#demo-visual-popup .ovui-button--square,#demo-visual-popup .ovui-button--circle,#demo-visual-popup .ovui-button--text)){border:1px solid transparent!important}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke:not(:is(.ovui-button--link,#demo-visual-popup .ovui-button--square,#demo-visual-popup .ovui-button--circle,#demo-visual-popup .ovui-button--text)):before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(105deg,#47d7fa -20.46%,#3b7ef4 36.73%,#b84ef1 107.72%,#f355c1 192.67%);position:absolute;inset:-1px}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke:not(:is(.ovui-button--link,#demo-visual-popup .ovui-button--square,#demo-visual-popup .ovui-button--circle,#demo-visual-popup .ovui-button--text)):after{content:"";z-index:-1;background:#fff;border-radius:7px;position:absolute;inset:0}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke,#demo-visual-popup .oc-button-scene-ai .ovui-button--link,#demo-visual-popup .oc-button-scene-ai .ovui-button--text{background-image:linear-gradient(105deg,#47d7fa -20.46%,#3b7ef4 36.73%,#b84ef1 107.72%,#f355c1 192.67%);-webkit-background-clip:text;background-clip:text}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke .button-text,#demo-visual-popup .oc-button-scene-ai .ovui-button--link .button-text,#demo-visual-popup .oc-button-scene-ai .ovui-button--text .button-text{color:transparent}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke:hover,#demo-visual-popup .oc-button-scene-ai .ovui-button--link:hover,#demo-visual-popup .oc-button-scene-ai .ovui-button--text:hover{background-image:linear-gradient(115deg,#47d7fa .02%,#3b7ef4 28.15%,#b84ef1 59.13%,#f355c1 78.95%,#f9835f 95.91%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke:hover:before,#demo-visual-popup .oc-button-scene-ai .ovui-button--link:hover:before,#demo-visual-popup .oc-button-scene-ai .ovui-button--text:hover:before{background:linear-gradient(115deg,#47d7fa .02%,#3b7ef4 28.15%,#b84ef1 59.13%,#f355c1 78.95%,#f9835f 95.91%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke:active,#demo-visual-popup .oc-button-scene-ai .ovui-button--link:active,#demo-visual-popup .oc-button-scene-ai .ovui-button--text:active{background-image:linear-gradient(115deg,#379ac7 .02%,#3066c3 28.15%,#774ac2 59.13%,#af42aa 78.95%,#c65e63 95.91%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--text:focus-visible{background-image:linear-gradient(115deg,#379ac7 .02%,#3066c3 28.15%,#774ac2 59.13%,#af42aa 78.95%,#c65e63 95.91%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke:active:before,#demo-visual-popup .oc-button-scene-ai .ovui-button--link:active:before,#demo-visual-popup .oc-button-scene-ai .ovui-button--text:active:before{background:linear-gradient(115deg,#379ac7 .02%,#3066c3 28.15%,#774ac2 59.13%,#af42aa 78.95%,#c65e63 95.91%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--text:focus-visible:before{background:linear-gradient(115deg,#379ac7 .02%,#3066c3 28.15%,#774ac2 59.13%,#af42aa 78.95%,#c65e63 95.91%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke:active:after,#demo-visual-popup .oc-button-scene-ai .ovui-button--link:active:after,#demo-visual-popup .oc-button-scene-ai .ovui-button--text:active:after{background:linear-gradient(122deg,#f0fcff 10.27%,#eff5fe 38.69%,#f9f1fe 58.77%,#fef1fa 75.03%,#fff5f2 88.94%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--text:focus-visible:after{background:linear-gradient(122deg,#f0fcff 10.27%,#eff5fe 38.69%,#f9f1fe 58.77%,#fef1fa 75.03%,#fff5f2 88.94%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke.ovui-button--disabled,#demo-visual-popup .oc-button-scene-ai .ovui-button--link.ovui-button--disabled,#demo-visual-popup .oc-button-scene-ai .ovui-button--text.ovui-button--disabled{background-image:linear-gradient(105deg,rgba(71,215,250,.2) -20.46%,rgba(59,126,244,.2) 36.73%,rgba(184,78,241,.2) 107.72%,rgba(243,85,193,.2) 192.67%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke.ovui-button--disabled:before,#demo-visual-popup .oc-button-scene-ai .ovui-button--link.ovui-button--disabled:before,#demo-visual-popup .oc-button-scene-ai .ovui-button--text.ovui-button--disabled:before{background:linear-gradient(105deg,rgba(71,215,250,.2) -20.46%,rgba(59,126,244,.2) 36.73%,rgba(184,78,241,.2) 107.72%,rgba(243,85,193,.2) 192.67%)}
#demo-visual-popup .oc-button-scene-ai .ovui-button--primary-stroke.ovui-button--disabled:after,#demo-visual-popup .oc-button-scene-ai .ovui-button--link.ovui-button--disabled:after,#demo-visual-popup .oc-button-scene-ai .ovui-button--text.ovui-button--disabled:after{background:#fff}
#demo-visual-popup .oc-popover{display:flex}
#demo-visual-popup .oc-popover .oc-popover-icon-wrapper{font-size:0;line-height:0}
#demo-visual-popup .oc-popover .oc-popover-icon-wrapper>.oc-icon{color:#b9bcc3}
#demo-visual-popup .oc-popover .oc-popover-icon-wrapper>.oc-icon:hover{cursor:pointer;color:#0057ff}
#demo-visual-popup .oc-popover-body{max-width:var(--popover-max-width);max-height:var(--popover-max-height)}
#demo-visual-popup .oc-popover-operate .oc-popover-body{width:320px}
#demo-visual-popup .oc-checkbox--blue .ovui-checkbox:not(.ovui-checkbox--disabled) .ovui-checkbox__inner:hover{border-color:#0057ff}
#demo-visual-popup .oc-checkbox--blue .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--indeterminate .ovui-checkbox__inner,#demo-visual-popup .oc-checkbox--blue .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--checked .ovui-checkbox__inner,#demo-visual-popup .oc-checkbox--blue .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--indeterminate .ovui-checkbox__inner:hover,#demo-visual-popup .oc-checkbox--blue .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--checked .ovui-checkbox__inner:hover{background-color:#0057ff;border-color:#0057ff}
#demo-visual-popup .oc-checkbox--blue .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner,#demo-visual-popup .oc-checkbox--blue .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner{background-color:#badaff;border-color:#badaff}
#demo-visual-popup .oc-checkbox__popover-wrap>.oc-popover,#demo-visual-popup .oc-checkbox{display:inline-flex}
#demo-visual-popup .oc-checkbox .ovui-checkbox>.ovui-checkbox__label{align-items:center;display:flex}
#demo-visual-popup .oc-checkbox--no-label .ovui-checkbox>.ovui-checkbox__label{margin:0}
#demo-visual-popup .oc-msg-list .oc-typography{display:inline}
#demo-visual-popup .oc-typography+.oc-msg-list__item-image,#demo-visual-popup .oc-typography+.oc-msg-list__item-video{margin-top:8px}
#demo-visual-popup .oc-msg-list__item-a+.oc-typography{margin-left:4px}
#demo-visual-popup .oc-msg-list__url-icon+.oc-typography,#demo-visual-popup .oc-typography+.oc-msg-list__item-a,#demo-visual-popup .oc-msg-list__item-a+.oc-msg-list__item-a{margin-left:4px}
#demo-visual-popup .oc-typography{word-break:break-all;white-space:normal;text-rendering:auto;font-family:pingfang sc,-apple-system,blinkmacsystemfont,segoe ui,hiragino sans gb,microsoft yahei,helvetica neue,sans-serif,apple color emoji,segoe ui emoji;font-style:normal;font-weight:400;display:-webkit-box}
#demo-visual-popup .oc-typography ol,#demo-visual-popup .oc-typography ul{margin:0;padding:0}
#demo-visual-popup .oc-typography ul li,#demo-visual-popup .oc-typography ol li{margin-left:14px}
#demo-visual-popup .oc-typography ul{list-style:initial}
#demo-visual-popup .oc-typography li+li{margin-top:4px}
#demo-visual-popup .oc-typography .oc-typography-value-em{color:#0057ff;font-style:normal}
#demo-visual-popup .oc-typography-size-xs{font-size:12px;line-height:18px}
#demo-visual-popup .oc-typography-size-sm{font-size:14px;line-height:22px}
#demo-visual-popup .oc-typography-color-inherit{color:inherit}
#demo-visual-popup .oc-typography-color-default{color:#31343b}
#demo-visual-popup .oc-typography-color-auxiliary{color:#62656c}
#demo-visual-popup .oc-typography-color-ai-light .oc-typography-value-int{color:transparent}
#demo-visual-popup .oc-typography-color-ai .oc-typography-value-int{color:transparent}
#demo-visual-popup .oc-typography-color-primary.oc-typography.oc-typography-disabled{color:#badaff}
#demo-visual-popup .oc-typography-bold{font-weight:700}
#demo-visual-popup .oc-typography-dashed span{white-space:break-spaces;word-break:break-word;text-rendering:optimizeLegibility;text-rendering:auto;-webkit-font-smoothing:antialiased;border-width:0 0 1px;border-bottom-style:solid;border-bottom-color:currentColor;border-image-source:repeating-linear-gradient(90deg,#93969d,#93969d 3px,transparent 0 5px);border-image-slice:1;border-image-outset:0;font-weight:700}
#demo-visual-popup .oc-typography-dashed span:hover{border-image-source:repeating-linear-gradient(90deg,#93969d,#93969d 1px,transparent 0 1px)}
#demo-visual-popup .oc-typography-type-number.oc-typography.oc-typography-bold,#demo-visual-popup .oc-typography-type-number.oc-typography.oc-typography-bold *{font-family:OC-OPPOSans-Bold,pingfang sc,-apple-system,blinkmacsystemfont,segoe ui,hiragino sans gb,microsoft yahei,helvetica neue,sans-serif,apple color emoji,segoe ui emoji}
#demo-visual-popup .oc-typography-cursor,#demo-visual-popup .oc-typography-overflow,#demo-visual-popup .oc-typography-dashed{cursor:pointer}
#demo-visual-popup .oc-typography-color-primary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover,#demo-visual-popup .oc-typography-color-default.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover,#demo-visual-popup .oc-typography-color-secondary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover,#demo-visual-popup .oc-typography-color-auxiliary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover{color:#2e7bff}
#demo-visual-popup .oc-typography .oc-popover{display:inline-flex}
#demo-visual-popup .ovui-checkbox-group .ovui-checkbox:not(:first-child){margin-left:16px}
#demo-visual-popup .ovui-checkbox-group--rtl .ovui-checkbox:first-child{margin-left:0}
#demo-visual-popup .ovui-checkbox-group--rtl .ovui-checkbox:not(:last-child){margin-left:16px}
#demo-visual-popup .ovui-checkbox{cursor:pointer;margin:0;padding:0;list-style:none;display:inline-flex;position:relative}
#demo-visual-popup .ovui-checkbox__wrapper{display:inline-block;position:relative}
#demo-visual-popup .ovui-checkbox__input{opacity:0;width:100%;height:100%;position:absolute;inset:0}
#demo-visual-popup .ovui-checkbox .ovui-checkbox__checked-icon,#demo-visual-popup .ovui-checkbox .ovui-checkbox__indeterminate-icon{display:none}
#demo-visual-popup .ovui-checkbox .ovui-checkbox__inner{background-color:#fff;border:1px solid #b9bcc3;border-radius:4px;transition:all .1s ease-in-out;display:block;position:relative}
#demo-visual-popup .ovui-checkbox .ovui-checkbox__inner:hover{background-color:#fff;border-color:#45445b}
#demo-visual-popup .ovui-checkbox .ovui-checkbox__inner:active{background-color:rgba(56,55,79,.1)}
#demo-visual-popup .ovui-checkbox .ovui-checkbox__label{color:#31343b;word-break:break-all}
#demo-visual-popup .ovui-checkbox .ovui-checkbox__label:hover,#demo-visual-popup .ovui-checkbox .ovui-checkbox__label:active{color:#31343b}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner{color:#fff}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner,#demo-visual-popup .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner:hover{background-color:#38374f;border-color:#38374f}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__checked-icon{display:block}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner{color:#fff}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner,#demo-visual-popup .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner:hover{background-color:#38374f;border-color:#38374f}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__indeterminate-icon{display:block}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__label,#demo-visual-popup .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__label,#demo-visual-popup .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__label:hover,#demo-visual-popup .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__label:hover,#demo-visual-popup .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__label:active,#demo-visual-popup .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__label:active{color:#31343b}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled,#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled:hover{cursor:not-allowed;color:#cdd1d8}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled .ovui-checkbox__inner,#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled:hover .ovui-checkbox__inner{background-color:#f5f7fa;border-color:#f3f3f4}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled .ovui-checkbox__label,#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled .ovui-checkbox__label:hover,#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled .ovui-checkbox__label:active{color:#b9bcc3}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner,#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner{background-color:#b3b2bb;border-color:#b3b2bb}
#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__label,#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__label,#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__label:hover,#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__label:hover,#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__label:active,#demo-visual-popup .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__label:active{color:#b9bcc3}
#demo-visual-popup .ovui-checkbox--light.ovui-checkbox--checked .ovui-checkbox__inner,#demo-visual-popup .ovui-checkbox--light.ovui-checkbox--indeterminate .ovui-checkbox__inner{color:#0057ff;background-color:#e8f4ff;border-color:#e8f4ff}
#demo-visual-popup .ovui-checkbox--light.ovui-checkbox--checked .ovui-checkbox__inner:hover,#demo-visual-popup .ovui-checkbox--light.ovui-checkbox--indeterminate .ovui-checkbox__inner:hover{color:#2e7bff;background-color:#e8f4ff;border-color:#e8f4ff}
#demo-visual-popup .ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner,#demo-visual-popup .ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner,#demo-visual-popup .ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner:hover,#demo-visual-popup .ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner:hover{color:#badaff;background-color:#e8f4ff;border-color:#e8f4ff}
#demo-visual-popup .ovui-checkbox--xl .ovui-checkbox__wrapper{margin:1px 0}
#demo-visual-popup .ovui-checkbox--xl .ovui-checkbox__inner{width:20px;height:20px}
#demo-visual-popup .ovui-checkbox--xl .ovui-checkbox__inner .ovui-checkbox__checked-icon,#demo-visual-popup .ovui-checkbox--xl .ovui-checkbox__inner .ovui-checkbox__indeterminate-icon{font-size:18px}
#demo-visual-popup .ovui-checkbox--xl .ovui-checkbox__label{margin:0 8px}
#demo-visual-popup .ovui-checkbox--lg .ovui-checkbox__wrapper{margin:1px 0}
#demo-visual-popup .ovui-checkbox--lg .ovui-checkbox__inner{width:20px;height:20px}
#demo-visual-popup .ovui-checkbox--lg .ovui-checkbox__inner .ovui-checkbox__checked-icon,#demo-visual-popup .ovui-checkbox--lg .ovui-checkbox__inner .ovui-checkbox__indeterminate-icon{font-size:18px}
#demo-visual-popup .ovui-checkbox--lg .ovui-checkbox__label{margin:0 8px}
#demo-visual-popup .ovui-checkbox--md{font-size:14px;line-height:22px}
#demo-visual-popup .ovui-checkbox--md .ovui-checkbox__wrapper{margin:3px 0}
#demo-visual-popup .ovui-checkbox--md .ovui-checkbox__inner{width:16px;height:16px}
#demo-visual-popup .ovui-checkbox--md .ovui-checkbox__inner .ovui-checkbox__checked-icon,#demo-visual-popup .ovui-checkbox--md .ovui-checkbox__inner .ovui-checkbox__indeterminate-icon{font-size:14px}
#demo-visual-popup .ovui-checkbox--md .ovui-checkbox__label{margin:0 8px}
#demo-visual-popup .ovui-checkbox--sm .ovui-checkbox__wrapper{margin:2px 0}
#demo-visual-popup .ovui-checkbox--sm .ovui-checkbox__inner{width:14px;height:14px}
#demo-visual-popup .ovui-checkbox--sm .ovui-checkbox__inner .ovui-checkbox__checked-icon,#demo-visual-popup .ovui-checkbox--sm .ovui-checkbox__inner .ovui-checkbox__indeterminate-icon{font-size:12px}
#demo-visual-popup .ovui-checkbox--sm .ovui-checkbox__label{margin:0 8px}
#demo-visual-popup .ovui-checkbox--xs .ovui-checkbox__wrapper{margin:3px 0}
#demo-visual-popup .ovui-checkbox--xs .ovui-checkbox__inner{width:12px;height:12px}
#demo-visual-popup .ovui-checkbox--xs .ovui-checkbox__inner .ovui-checkbox__checked-icon,#demo-visual-popup .ovui-checkbox--xs .ovui-checkbox__inner .ovui-checkbox__indeterminate-icon{font-size:10px}
#demo-visual-popup .ovui-checkbox--xs .ovui-checkbox__label{margin:0 8px}
#demo-visual-popup .oc-help-feedback .header-item.active,#demo-visual-popup .oc-help-feedback .header-item:hover{color:#0057ff}
#demo-visual-popup .oc-help-feedback--light .header-item.active,#demo-visual-popup .oc-help-feedback--light .header-item:hover{opacity:1;color:#fff}
#demo-visual-popup .oc-row-input{width:100%}
#demo-visual-popup .oc-row-input .oc-input-group-wrap{align-items:center;display:flex}
#demo-visual-popup .oc-row-input .oc-input-group-wrap .oc-input-group .ovui-custom-input{cursor:text}
#demo-visual-popup .oc-row-input .oc-input-group-wrap .oc-input-group .ovui-textarea__suffix{height:22px}
#demo-visual-popup .oc-row-input .oc-input-group-wrap .oc-input-group .suffix-count{color:#93969d}
#demo-visual-popup .oc-row-input .oc-input-group-wrap .oc-input-group .ovui-textarea__wrapper .ovui-textarea__count{font-size:14px;line-height:18px;bottom:6px}
#demo-visual-popup .oc-row-input .prepend-string,#demo-visual-popup .oc-row-input .append-string,#demo-visual-popup .oc-row-input .prefix-icon,#demo-visual-popup .oc-row-input .suffix-icon,#demo-visual-popup .oc-row-input .suffix-string{color:#93969d;cursor:pointer}
#demo-visual-popup .oc-row-input .prepend-icon,#demo-visual-popup .oc-row-input .append-icon{color:#31343b;cursor:pointer}
#demo-visual-popup .oc-row-input .oc-input-group-prepend{position:relative}
#demo-visual-popup .oc-row-input .oc-input-group-prepend *{border-top-right-radius:0;border-bottom-right-radius:0}
#demo-visual-popup .oc-row-input .oc-input-group-append{position:relative}
#demo-visual-popup .oc-row-input .oc-input-group-append *{border-top-left-radius:0;border-bottom-left-radius:0}
#demo-visual-popup .oc-row-input .oc-input-group-append-divider:before{content:"";z-index:1;background-color:#dfe0e2;width:1px;height:16px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}
#demo-visual-popup .oc-row-input .oc-input-group-prepend-divider:after{content:"";z-index:1;background-color:#dfe0e2;width:1px;height:16px;display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}
#demo-visual-popup .oc-row .oc-row-msg.oc-msg-secondary{margin-top:8px}
#demo-visual-popup .oc-row .oc-row-msg.oc-msg-warning,#demo-visual-popup .oc-row .oc-row-msg.oc-msg-success,#demo-visual-popup .oc-row .oc-row-msg.oc-msg-danger{margin-top:4px}
#demo-visual-popup .oc-row.oc-row-horizontal{align-items:flex-start;gap:12px;display:flex}
#demo-visual-popup .oc-row.oc-row-horizontal .oc-row-title{word-break:break-all;flex-shrink:0}
#demo-visual-popup .oc-row.oc-row-horizontal .oc-row-title .oc-title-text{padding-top:calc((var(--oc-row-title-align-height) - 1lh)/2)}
#demo-visual-popup .oc-row.oc-row-horizontal .oc-row-content{flex:1}
#demo-visual-popup .oc-row-input-number .oc-input-group-wrap{align-items:center;display:flex}
#demo-visual-popup .oc-row-input-number .oc-input-group-wrap .oc-input-group{width:auto}
#demo-visual-popup .oc-row-input-number .oc-input-group-wrap .oc-input-group .ovui-custom-input{cursor:text;flex:1}
#demo-visual-popup .oc-affix .oc-typography-dashed span{font-weight:unset;-webkit-font-smoothing:unset}
#demo-visual-popup .oc-affix.oc-affix-disabled .oc-typography-dashed span{border-image-source:repeating-linear-gradient(90deg,#b9bcc3,#b9bcc3 3px,transparent 0 5px)}
#demo-visual-popup .oc-space{display:inline-flex}
#demo-visual-popup .oc-space-vertical{flex-direction:column;display:flex}
#demo-visual-popup .oc-space-align-start{align-items:flex-start}
#demo-visual-popup .oc-space-align-center{align-items:center}
#demo-visual-popup .oc-checkbox-group__hint-wrap>.oc-popover{align-items:center;display:inline-flex}
#demo-visual-popup .oc-checkbox-group-plain .oc-checkbox-group-all,#demo-visual-popup .oc-checkbox-group-plain .oc-checkbox{margin-right:16px}
#demo-visual-popup .oc-checkbox-group-all-button:hover .ovui-checkbox .ovui-checkbox__label{color:#0057ff}
#demo-visual-popup .oc-checkbox-group-all-button.oc-checkbox-group-all-button-checked .ovui-checkbox .ovui-checkbox__label{color:#0057ff}
#demo-visual-popup .oc-checkbox-group-all-button .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner,#demo-visual-popup .oc-checkbox-group-all-button .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner:hover,#demo-visual-popup .oc-checkbox-group-all-button .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner,#demo-visual-popup .oc-checkbox-group-all-button .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner:hover{color:#fff;background-color:#0057ff;border-color:#0057ff}
#demo-visual-popup .oc-checkbox-group .ovui-checkbox-item .ovui-checkbox.ovui-checkbox--disabled:not(.ovui-checkbox--checked):not(.ovui-checkbox--indeterminate) .ovui-checkbox__inner{background-color:#fff;border-color:#f2f4f7}
#demo-visual-popup .oc-checkbox-group .ovui-checkbox-item .ovui-checkbox--light.ovui-checkbox--checked .ovui-checkbox__inner,#demo-visual-popup .oc-checkbox-group .ovui-checkbox-item .ovui-checkbox--light.ovui-checkbox--indeterminate .ovui-checkbox__inner{color:#fff;background-color:#0057ff;border-color:#0057ff}
#demo-visual-popup .oc-checkbox-group .ovui-checkbox-item .ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner,#demo-visual-popup .oc-checkbox-group .ovui-checkbox-item .ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner{background-color:#badaff;border-color:#badaff}
#demo-visual-popup .oc-checkbox-group .a-checkbox-item-single .ovui-checkbox{display:none}
#demo-visual-popup .oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-desc .oc-typography{padding-right:4px}
#demo-visual-popup .oc-promotion-extra-operation-body .oc-promotion-operation-action-item,#demo-visual-popup .oc-promotion-extra-operation-body .oc-popover{text-align:center;cursor:pointer;align-items:center;height:34px;padding:0 16px;display:flex}
#demo-visual-popup .oc-promotion-extra-operation-body .oc-promotion-operation-action-item:hover,#demo-visual-popup .oc-promotion-extra-operation-body .oc-popover:hover{background:#edf1fd}
#demo-visual-popup .oc-select__popover .ovui-checkbox:not(.ovui-checkbox--disabled) .ovui-checkbox__inner:hover{border-color:#31343b}
#demo-visual-popup .oc-select__popover .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--indeterminate .ovui-checkbox__inner,#demo-visual-popup .oc-select__popover .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--checked .ovui-checkbox__inner,#demo-visual-popup .oc-select__popover .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--indeterminate .ovui-checkbox__inner:hover,#demo-visual-popup .oc-select__popover .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--checked .ovui-checkbox__inner:hover{background-color:#31343b;border-color:#31343b}
#demo-visual-popup .oc-select__popover .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner,#demo-visual-popup .oc-select__popover .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner{background-color:#b9bcc3;border-color:#b9bcc3}
#demo-visual-popup .oc-select-check-all .ovui-checkbox{width:100%}
#demo-visual-popup .account-tag-list .oc-popover{display:block}
#demo-visual-popup .tag-search-popover .tag-search-popover-checkbox[data-v-0a10f1bf] .ovui-checkbox__label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}
#demo-visual-popup .tag-search-list .oc-popover{display:block}
#demo-visual-popup .select-checkbox .ovui-checkbox__label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}
#demo-visual-popup .oc-more-filter-modal-body .left-content .title-item .sub-title-item.active{color:#0057ff}
#demo-visual-popup .oc-more-filter-modal-body .left-content .title-item .sub-title-item.active .title-item-active-left{display:block}
#demo-visual-popup .oc-more-filter-modal-body .left-content .title-item.active{color:#0057ff}
#demo-visual-popup .oc-more-filter-modal-body .left-content .title-item.active .title-item-active-left{display:block}
#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .oc-typography-color-default,#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .oc-typography-color-default,#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-custom-input__after,#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-custom-input__after,#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-select__arrow,#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-select__arrow,#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-custom-input__clear,#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-custom-input__clear,#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-custom-input__content,#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-custom-input__content,#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-input__wrapper--unstyle,#demo-visual-popup .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-input__wrapper--unstyle{color:#0057ff}
#demo-visual-popup .oc-filter-radio-list-drop .ovui-button--text{color:inherit}
#demo-visual-popup .oc-filter-checkbox-list-drop .ovui-button--text{color:inherit;line-height:normal}
#demo-visual-popup .oc-radio__popover-wrap>.oc-popover,#demo-visual-popup .oc-radio{display:inline-flex}
#demo-visual-popup .oc-dropdown-button-dark .ovui-button{color:#31343b}
#demo-visual-popup .oc-dropdown-button-bold .ovui-button{font-weight:700}
#demo-visual-popup .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper,#demo-visual-popup .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--md,#demo-visual-popup .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--clearable,#demo-visual-popup .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--noborder{color:#31343b;background-color:#f2f4f7;border:1px solid transparent;border-radius:8px;height:32px}
#demo-visual-popup .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper:hover,#demo-visual-popup .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--md:hover,#demo-visual-popup .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--clearable:hover,#demo-visual-popup .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--noborder:hover{color:#31343b;border-color:#0057ff;transition:all .1s ease-in-out}
#demo-visual-popup .oc-group-row-group-title .oc-space-item{width:100%}
#demo-visual-popup .oc-video-player-wrapper .xgplayer .xg-options-list.active{height:auto;display:block}
#demo-visual-popup .oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side.active{height:100%;animation:.2s ease-out forwards xg_right_options_active}
#demo-visual-popup .oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side.active{height:100%;animation:.2s ease-out forwards xg_left_options_active}
#demo-visual-popup .oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active{border:4px solid rgba(0,87,255,.063)}
#demo-visual-popup .oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active:before{box-shadow:0 0 3px rgba(0,87,255,.69)}
#demo-visual-popup .oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer{height:6px;margin-bottom:3px;transition:height .3s,margin-bottom .3s}
#demo-visual-popup .oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%)scale(1)}
#demo-visual-popup .oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before,#demo-visual-popup .oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after{width:6px}
#demo-visual-popup .oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xgplayer-spot{opacity:1;visibility:visible;transition:opacity .3s}
#demo-visual-popup .oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info{display:block}
#demo-visual-popup .oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info.hide{display:none}
#demo-visual-popup .tag-mode-search[data-v-1d8b89b4] .ovui-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;flex-shrink:0;position:relative}
#demo-visual-popup .tag-mode-search[data-v-1d8b89b4] .ovui-input__wrapper:after{content:"";z-index:1;background-color:#dfe0e2;width:1px;height:16px;display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}
#demo-visual-popup .tag-mode-search .tag-mode-select[data-v-1d8b89b4] .ovui-input__wrapper,#demo-visual-popup .tag-mode-search .tag-mode-select[data-v-1d8b89b4] .ovui-custom-input{border-radius:0 8px 8px 0}
#demo-visual-popup .oc-template-list-wrapper .oc-template-list-custom-btn .oc-button-wrap{width:100%;height:32px}
#demo-visual-popup .oc-template-list-wrapper .oc-template-list-custom-btn .oc-button-wrap .ovui-button{width:100%}
#demo-visual-popup .oc-custom-column-modal-body{border:1px solid #dee0e3;border-radius:8px;margin:0 24px;padding:0;display:flex;overflow:hidden!important}
#demo-visual-popup .oc-custom-column-modal-body .left-container{flex-flow:column;display:flex}
#demo-visual-popup .oc-custom-column-modal-body .left-container .metric-search{border-bottom:1px solid #dee0e3;border-right:1px solid #dee0e3}
#demo-visual-popup .oc-custom-column-modal-body .left-container .metric-search .ovui-input__wrapper{background-color:unset;border-radius:unset;box-shadow:unset;border:none}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom{flex:1;max-height:529px;display:flex;overflow:auto}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .empty-wrapper{border-right:1px solid #dee0e3;align-items:center;width:671px;display:flex}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .oc-tabs{border-right:1px solid #dee0e3}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .ovui-tabs__nav{padding-left:12px}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .menu-list{background:#f5f7fa;width:200px;height:100%}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container{border-right:1px solid #dee0e3;width:471px;height:100%;padding:16px 16px 0;overflow-y:auto}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .first-title{color:#31343b;align-items:center;height:22px;margin-bottom:12px;font-size:14px;font-weight:600;line-height:22px;display:flex}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .select-list .select-item-group{border:1px solid #dee0e3;border-radius:6px;margin-bottom:12px}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .select-list .second-title{color:#31343b;background-color:#f2f4f7;border-radius:4px;align-items:center;height:32px;margin-bottom:12px;padding:0 12px;display:flex}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .select-list .second-title-group{flex:1;justify-content:flex-end;display:inline-flex}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .select-list .metric-item-checkbox-wrapper{grid-gap:8px 16px;grid-template-columns:1fr 1fr;padding-bottom:12px;padding-left:12px;display:grid}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .select-list .metric-item-checkbox-wrapper .metric-item-checkbox .ovui-checkbox__label{color:#62656c}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:first-of-type,#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(2){height:100%;max-height:529px;overflow:auto}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:first-of-type .oc-space,#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(2) .oc-space,#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:first-of-type .oc-space-item:first-of-type,#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(2) .oc-space-item:first-of-type{height:100%}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:first-of-type .first-title .oc-space,#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(2) .first-title .oc-space{height:auto}
#demo-visual-popup .oc-custom-column-modal-body .left-container .left-container-bottom .left-container-space>.oc-space-item:first-of-type{min-height:30px}
#demo-visual-popup .oc-custom-column-modal-body .tabs-left-container .left-container-bottom{overflow:auto;height:491px!important}
#demo-visual-popup .oc-custom-column-modal-body .tabs-left-container .left-container-bottom>.oc-space>.oc-space-item:first-of-type{height:auto!important}
#demo-visual-popup .oc-custom-column-modal-body .tabs-left-container .left-container-bottom>.oc-space>.oc-space-item:nth-of-type(2){overflow:auto;height:491px!important}
#demo-visual-popup .oc-custom-column-modal-body .tabs-left-container .left-container-bottom>.oc-space>.oc-space-item:nth-of-type(2)>.oc-space>.oc-space-item:nth-of-type(2){overflow:auto;height:100%!important}
#demo-visual-popup .oc-custom-column-modal-body .selected-container{width:280px;max-height:566px;padding:16px;overflow-y:auto}
#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-title{justify-content:space-between;display:flex}
#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-title .text{height:22px;font-weight:600}
#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list{padding-top:16px}
#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list .frozen-item-list .oc-drag-list-item .oc-drag-list-item-content,#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list .selected-item-list .oc-drag-list-item .oc-drag-list-item-content{padding:3px 12px}
#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list .frozen-item-list .oc-drag-list-item-disabled,#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list .selected-item-list .oc-drag-list-item-disabled,#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list .frozen-item-list .oc-drag-list-item-disabled .oc-drag-list-item-icon:hover,#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list .selected-item-list .oc-drag-list-item-disabled .oc-drag-list-item-icon:hover{color:#62656c}
#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list .frozen-list-tip-popover-reference{flex:1}
#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list .frozen-list-tip-wrapper{margin-top:12px;margin-bottom:16px}
#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list .frozen-list-tip-wrapper .frozen-list-tip{flex:1;align-items:center;display:flex}
#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list .frozen-list-tip-wrapper .frozen-list-tip .text{color:#93969d;flex-grow:0;padding:0 8px}
#demo-visual-popup .oc-custom-column-modal-body .selected-container .selected-list .frozen-list-tip-wrapper .frozen-list-tip .line{border:.5px solid #dee0e3;flex-grow:1;height:0}
#demo-visual-popup .oc-custom-column-modal-footer{justify-content:space-between;align-items:center;display:flex}
#demo-visual-popup .oc-custom-column-modal-footer .template-name-input{position:relative}
#demo-visual-popup .oc-custom-column-modal-footer .template-name-input .tip{font-size:10px;line-height:18px;position:absolute}
#demo-visual-popup .oc-custom-column-modal-footer .template-name-input .tip.error{color:#e34949}
#demo-visual-popup .oc-title-suffix-wrapper,#demo-visual-popup .oc-title-suffix-wrapper .question-popover-reference{align-items:center;display:flex}
#demo-visual-popup .oc-title-suffix-wrapper .question-popover-reference .oc-popover-icon-wrapper{color:#b9bcc3}
#demo-visual-popup .oc-title-suffix-wrapper .question-popover-reference .oc-popover-icon-wrapper:hover{cursor:pointer}
#demo-visual-popup .oc-title-suffix-wrapper .title-jump-icon{color:#0057ff;cursor:pointer;align-items:center;display:flex}
#demo-visual-popup .oc-title-suffix-wrapper .title-jump-icon .text{font-size:14px;font-weight:400;line-height:22px}
#demo-visual-popup .oc-title-suffix-wrapper .title-jump-icon .oc-icon-share-wrapper{display:flex}
#demo-visual-popup .oc-selected-item-wrapper{align-items:center;display:flex}
#demo-visual-popup .oc-selected-item-wrapper .text{flex:1}
#demo-visual-popup .oc-selected-item-wrapper .delete-btn-wrapper{display:flex}
#demo-visual-popup .oc-selected-item-wrapper .delete-btn-wrapper .delete-btn:hover{color:#0057ff;cursor:pointer}
#demo-visual-popup .oc-selected-item-wrapper .delete-btn-wrapper .delete-btn.disabled{color:#b9bcc3;cursor:not-allowed}
#demo-visual-popup .oc-guide-tag-wrapper{align-items:center;height:100%;display:flex}
#demo-visual-popup .oc-guide-tag-wrapper .badge-dot{background-color:#e34949;border-radius:3px;width:6px;height:6px;margin-top:-15px}
#demo-visual-popup .oc-sub-side-bar{height:100%;padding:16px 0;overflow:auto}
#demo-visual-popup .oc-sub-side-bar-title{margin:0;padding:0;font-family:PingFang SC;font-size:14px;font-style:normal;line-height:32px;list-style:none;position:relative}
#demo-visual-popup .oc-sub-side-bar-title li{margin:0;position:relative}
#demo-visual-popup .oc-sub-side-bar-title li .oc-sub-menu__list .oc-sub-side-bar-title__header{color:#62656c;padding:0 16px 0 32px}
#demo-visual-popup .oc-sub-side-bar-title .oc-sub-menu__list{padding:0;overflow:hidden}
#demo-visual-popup .oc-sub-side-bar-title-line{content:"";background-color:#0057ff;width:2px;height:32px;transition:all .1s ease-in-out;position:absolute;top:0;left:0}
#demo-visual-popup .oc-sub-side-bar-item{align-items:center;height:32px;padding:0 16px;transition:color .1s,background-color .1s;display:flex}
#demo-visual-popup .oc-sub-side-bar-item.cursor{cursor:pointer}
#demo-visual-popup .oc-sub-side-bar-item.cursor:hover{background-color:#f2f4f7}
#demo-visual-popup .oc-sub-side-bar-item.active{color:#0057ff}
#demo-visual-popup .oc-sub-side-bar-item .oc-sub-side-bar-icon{margin-left:6px}
#demo-visual-popup .oc-sub-side-bar-item .badge-dot{background-color:#e34949;border-radius:3px;width:6px;height:6px;margin-top:-20px}
#demo-visual-popup .oc-sub-side-bar-item .num{text-align:right;color:#31343b;flex:1;font-size:14px;line-height:22px}
#demo-visual-popup .oc-drag-list{box-sizing:border-box;overflow-anchor:none;flex-flow:wrap;gap:8px;display:flex}
#demo-visual-popup .oc-drag-list-vertical{flex-direction:column}
#demo-visual-popup .oc-drag-list-item{position:relative}
#demo-visual-popup .oc-drag-list-item-content{background-color:#f2f4f7;border-radius:4px;justify-content:space-between;gap:8px;padding:6px 12px;display:flex}
#demo-visual-popup .oc-drag-list-item-children>.oc-drag-list>.oc-drag-list-item:not(.oc-drag-list-sortable-drag):before{content:"";border-top:0;border-bottom:1px solid #dfe0e2;border-left:1px solid #dfe0e2;border-right:0;border-radius:0 0 0 4px;width:16px;height:4px;position:absolute;bottom:50%;left:-16px}
#demo-visual-popup .oc-drag-list-item-draggable{cursor:move;-webkit-user-select:none;user-select:none}
#demo-visual-popup .oc-drag-list-item-disabled{cursor:not-allowed;color:#93969d}
#demo-visual-popup .oc-drag-list-item-icon,#demo-visual-popup .oc-drag-list-item-close{align-self:center;align-items:center;display:flex}
#demo-visual-popup .oc-drag-list-item-icon:hover,#demo-visual-popup .oc-drag-list-item-close:hover{color:#31343b}
#demo-visual-popup .oc-drag-list-item-main{flex:1;overflow:hidden}
#demo-visual-popup .oc-drag-list-sortable-ghost .oc-drag-list-item-content{visibility:hidden}
#demo-visual-popup .bp-promotion-tool-bar[data-v-1a7805a0] .oc-card-content>.oc-space>.oc-space-item{height:32px;line-height:32px;display:flex}
#demo-visual-popup .bp-promotion-tool-bar[data-v-1a7805a0] .ovui-input__wrapper--fill:hover,#demo-visual-popup .bp-promotion-tool-bar[data-v-1a7805a0] .ovui-input__wrapper{background-color:#fff}
#demo-visual-popup .oc-promotion-data-overview-toggle-btn .ovui-button{height:32px;padding:0;min-width:32px!important}
#demo-visual-popup .oc-promotion-metric-popover{padding:0}
#demo-visual-popup .oc-promotion-metric-chart{background-color:#fff;border-radius:8px;place-content:center;width:590px;height:242px;display:flex}
#demo-visual-popup .oc-promotion-metric-card-number .oc-typography{vertical-align:baseline;display:inline-block}
#demo-visual-popup [data-v-8a42c332] .data-overview-ratio-checkbox .ovui-checkbox__label{white-space:nowrap;word-break:keep-all}
#demo-visual-popup .ovui-tr:hover .auto-rule-rule-cell-wrapper.can-click .oc-item-group-content-title .oc-typography{color:#0057ff}
#demo-visual-popup .operators-container[data-v-1352942d] .ovui-button{color:#31343b}
#demo-visual-popup .operators-container[data-v-1352942d] .ovui-button.ovui-button--disabled{color:#bfc1c5}
#demo-visual-popup .operators-container[data-v-1352942d] .oc-button-wrap{margin-right:12px}
#demo-visual-popup .rule-manager-v2[data-v-874e0886] .ovui-tbody .ovui-tr:hover .rule-name,#demo-visual-popup .rule-manager-v2[data-v-874e0886] .ovui-tbody .ovui-tr:hover .ovui-button:not(.ovui-button--disabled){color:#0057ff}
#demo-visual-popup .promotion-bid-and-budget .limit-container .text[data-v-f4f60df8]{border-left:1px solid #d9d9d9;height:34px;margin-left:16px;padding:0 16px;line-height:34px}
#demo-visual-popup .adjust-frequency .interval[data-v-1fe32a3c] .ovui-input__wrapper{border-radius:4px 0 0 4px}
#demo-visual-popup .adjust-frequency .max-times[data-v-1fe32a3c] .ovui-input__wrapper{border-radius:0 4px 4px 0}
#demo-visual-popup .text[data-v-1fe32a3c]{height:34px;padding-right:16px;line-height:34px}
#demo-visual-popup .apply-auto-rule-footer-v3 .footer .btn-group>.oc-button-wrap{margin-left:12px}
#demo-visual-popup .share-auto-rule-modal-body .ovui-cascader-panel__selection-item .ovui-checkbox__wrapper{padding:6px 0}
#demo-visual-popup .report-table-cell-btn[data-v-5df85863] .ovui-button{color:var(--text-gray-5,#31343b)}
#demo-visual-popup .report-table-cell-btn[data-v-5df85863] .ovui-button.ovui-button--disabled{color:#93969d}
#demo-visual-popup tr:hover .report-table-cell-btn[data-v-5df85863] .ovui-button{color:var(--primary-5,#0057ff)}
#demo-visual-popup tr:hover .report-table-cell-btn[data-v-5df85863] .ovui-button.ovui-button--disabled{color:#93969d}
#demo-visual-popup .comment-reply-drawer-body .button-groups .oc-button-wrap[data-v-a5870ddc]{margin-left:16px}
#demo-visual-popup .comment-main-wrapper .card-metrics .metrics-row .metrics-item .metrics-title[data-v-5955dde7] .oc-typography-value-int{margin:0 8px}
#demo-visual-popup .comment-main-wrapper .btn-download[data-v-5955dde7] .ovui-button .prefixIcon{margin-right:0}
#demo-visual-popup .blocked-users-add-model-body .oc-input-group{max-width:initial!important}
#demo-visual-popup .auto-reply-content[data-v-a7872195] .oc-input-group,#demo-visual-popup .auto-reply-name[data-v-a7872195] .oc-input-group{max-width:inherit!important}
#demo-visual-popup .oc-table-wrapper .ovui-tr:hover .ovui-checkbox.ovui-checkbox--disabled:not(.ovui-checkbox--checked):not(.ovui-checkbox--indeterminate) .ovui-checkbox__inner{background-color:#fff;border-color:#f2f4f7}
#demo-visual-popup .oc-radio-group__hint-wrap>.oc-popover{align-items:center;display:inline-flex}
#demo-visual-popup .oc-radio-group .ovui-radio-item:hover .oc-dropdown-button-container .ovui-button,#demo-visual-popup .oc-radio-group .ovui-radio-item:hover .oc-dropdown-button-container .ovui-button:hover{color:#0057ff}
#demo-visual-popup .oc-change-value-input-wrapper .input-rule-type-dropdown .ovui-button--text{color:#31343b}
#demo-visual-popup .oc-modal-wrap .oc-promotion-batch-edit-modal-body{position:relative;overflow-y:scroll}
#demo-visual-popup .oc-modal-wrap .oc-promotion-batch-edit-modal-body-scroll-auto{overflow-y:auto}
#demo-visual-popup .oc-drawer-body-wrap .oc-drawer-footer .oc-button-wrap{margin-left:16px}
#demo-visual-popup .oc-date-picker-has-prefix .ovui-date-picker--multiple .ovui-input__wrapper{width:auto!important}
#demo-visual-popup .oc-row-schedule .ovui-schedule__week-title .ovui-checkbox{align-items:center;display:flex}
#demo-visual-popup .ovui-schedule__time-table-wrap .ovui-schedule__time-table tr th .ovui-checkbox,#demo-visual-popup .ovui-schedule__time-table-wrap .ovui-schedule__time-table tr td .ovui-checkbox{padding:0 2px;line-height:1.8em;display:flex}
#demo-visual-popup .ovui-schedule__time-table-wrap .ovui-schedule__time-table .ovui-schedule__week-title .ovui-checkbox__label{margin:0 0 0 5px}
#demo-visual-popup .oc-promotion-batch-operation-bar .bar-groups-group-item .ovui-button--text{color:#0057ff}
#demo-visual-popup [data-v-c5397f2e] .oc-typography+.oc-msg-list__item-a{margin-left:0!important}