/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./node_modules/antd/es/tree-select/style/index.less ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-select-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 12px; font-variant: tabular-nums; line-height: 1.66667; list-style: none; font-feature-settings: tnum, "tnum"; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner { border-color: #1890ff; } .ant-select-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-select-tree-checkbox:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after { visibility: visible; } .ant-select-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 14px; height: 14px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-select-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5px; height: 8px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-select-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-select-tree-checkbox-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-select-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree-checkbox-disabled:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after { visibility: hidden; } .ant-select-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 12px; font-variant: tabular-nums; line-height: 1.66667; list-style: none; font-feature-settings: tnum, "tnum"; display: inline-flex; align-items: baseline; line-height: inherit; cursor: pointer; } .ant-select-tree-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper { margin-left: 8px; } .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] { width: 14px; height: 14px; } .ant-select-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-select-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 12px; font-variant: tabular-nums; line-height: 1.66667; list-style: none; font-feature-settings: tnum, "tnum"; display: inline-block; } .ant-select-tree-checkbox-group-item { margin-right: 6px; } .ant-select-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item { margin-left: 0; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after { top: 50%; left: 50%; width: 6px; height: 6px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-tree-select-dropdown { padding: 4px 2px; } .ant-tree-select-dropdown-rtl { direction: rtl; } .ant-tree-select-dropdown .ant-select-tree { border-radius: 0; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper { flex: auto; } .ant-select-tree { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 12px; font-variant: tabular-nums; line-height: 1.66667; list-style: none; font-feature-settings: tnum, "tnum"; background: #fff; border-radius: 2px; transition: background-color 0.3s; } .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) { background: #e6f7ff; } .ant-select-tree-list-holder-inner { align-items: flex-start; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper { flex: auto; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging { position: relative; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after { position: absolute; top: 0; right: 0; bottom: 2px; left: 0; border: 1px solid #1890ff; opacity: 0; animation: ant-tree-node-fx-do-not-use 0.3s; animation-play-state: running; animation-fill-mode: forwards; content: ''; pointer-events: none; } .ant-select-tree .ant-select-tree-treenode { display: flex; align-items: flex-start; padding: 0 0 2px 0; outline: none; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover { background: transparent; } .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper { background: #f5f5f5; } .ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title { color: inherit; font-weight: 500; } .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon { width: 20px; line-height: 20px; text-align: center; visibility: visible; opacity: 0.2; transition: opacity 0.3s; } .ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon { opacity: 0.45; } .ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon { visibility: hidden; } .ant-select-tree-indent { align-self: stretch; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-tree-indent-unit { display: inline-block; width: 20px; } .ant-select-tree-draggable-icon { visibility: hidden; } .ant-select-tree-switcher { position: relative; flex: none; align-self: stretch; width: 20px; margin: 0; line-height: 20px; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-tree-switcher .ant-tree-switcher-icon, .ant-select-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 10px; vertical-align: baseline; } .ant-select-tree-switcher .ant-tree-switcher-icon svg, .ant-select-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-select-tree-switcher-noop { cursor: default; } .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-select-tree-switcher-loading-icon { color: #1890ff; } .ant-select-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-select-tree-switcher-leaf-line::before { position: absolute; top: 0; right: 12px; bottom: -2px; margin-left: -1px; border-right: 1px solid #d9d9d9; content: ' '; } .ant-select-tree-switcher-leaf-line::after { position: absolute; width: 6px; height: 10px; border-bottom: 1px solid #d9d9d9; content: ' '; } .ant-select-tree-checkbox { top: auto; top: initial; margin: 3px 8px 0 0; } .ant-select-tree .ant-select-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 20px; margin: 0; padding: 0 4px; color: inherit; line-height: 20px; background: transparent; border-radius: 2px; cursor: pointer; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; } .ant-select-tree .ant-select-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected { background-color: #bae7ff; } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: top; } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty { display: none; } .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover { background-color: transparent; } .ant-select-tree-node-content-wrapper { line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 2px; background-color: #1890ff; border-radius: 1px; pointer-events: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -3px; left: -6px; width: 8px; height: 8px; background-color: transparent; border: 2px solid #1890ff; border-radius: 50%; content: ''; } .ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] { box-shadow: 0 0 0 2px #1890ff; } .ant-select-tree-show-line .ant-select-tree-indent-unit { position: relative; height: 100%; } .ant-select-tree-show-line .ant-select-tree-indent-unit::before { position: absolute; top: 0; right: 10px; bottom: -2px; border-right: 1px solid #d9d9d9; content: ''; } .ant-select-tree-show-line .ant-select-tree-indent-unit-end::before { display: none; } .ant-select-tree-show-line .ant-select-tree-switcher { background: #fff; } .ant-select-tree-show-line .ant-select-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 10px !important; } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon { transform: scaleY(-1); } /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Video/Play/index.less?modules ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .watermark___hNYlv { position: absolute; left: 0; bottom: 100px; font-size: 18px; text-shadow: 0px 0px 5px #b6b6b6; color: #ffffff; z-index: 1; } .videovideo___ovOkV::-webkit-media-controls-fullscreen-button { display: none !important; } @keyframes upDown___SlgHv { 0% { left: 0; bottom: 100px; } 40% { opacity: 1; bottom: 80%; left: calc(50% - 130px); } 41% { opacity: 0; bottom: 80%; left: calc(50% - 130px); } 79% { opacity: 0; bottom: 80%; left: calc(50% - 130px); } 80% { opacity: 1; opacity: 100%; bottom: 100px; left: calc(100% - 270px); } 100% { opacity: 1; bottom: 100px; left: calc(100% - 270px); } } .animate__loop___mvL6s { animation-name: upDown___SlgHv; } :root { --youtube-red: #fe0900; } .container___g1WYG { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .video-container___XPkWR { width: 100%; height: 100%; margin: 0 auto; position: relative; display: flex; flex-direction: column; justify-content: center; } .video-container___XPkWR video { width: 100%; height: 100%; max-height: auto; object-fit: cover; } .video-controls___to0Zq { right: 0; left: 0; padding: 10px; position: absolute; bottom: 0; transition: all 0.2s ease; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.84)); } .video-controls___to0Zq.hide___NA3DV { opacity: 0; pointer-events: none; } .video-progress___gqHsd { position: relative; height: 4px; margin-bottom: 10px; margin-top: 5px; padding: 0 6px; } progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 2px; width: 100%; height: 4px; pointer-events: none; position: absolute; top: 0; } progress::-webkit-progress-bar { background-color: #787878; border-radius: 2px; } progress::-webkit-progress-value { background: #fff; border-radius: 2px; } progress::-moz-progress-bar { background: #fff; } .seek___iZHBm { position: absolute; top: 0; width: 100%; cursor: pointer; margin: 0; } .seek___iZHBm:hover + .seek-tooltip___uWyXx { display: block; } .seek-tooltip___uWyXx { white-space: nowrap; display: none; position: absolute; top: -50px; margin-left: -20px; font-size: 12px; padding: 3px; content: attr(data-title); font-weight: bold; color: #fff; background-color: rgba(0, 0, 0, 0.6); } .bottom-controls___uoIBm { display: flex; justify-content: space-between; align-items: center; font-size: 14px; } .bottom-controls___uoIBm button { display: inline-flex; align-items: center; } .left-controls___mBEx4 { display: flex; align-items: center; color: #fff; font-size: 10px; } .right-controls___e9L6r { display: flex; } .volume-controls___fa3mE { display: inline-flex; align-items: center; } .volume-controls___fa3mE input { width: 100px; opacity: 1; transition: all 0.4s ease; } .volume-controls___fa3mE:hover input, .volume-controls___fa3mE input:focus { width: 100px; opacity: 1; } .container___g1WYG button { cursor: pointer; position: relative; margin-right: 7px; font-size: 12px; padding: 3px; border: none; outline: none; background-color: transparent; } .container___g1WYG button * { pointer-events: none; } .container___g1WYG button::before { content: attr(data-title); position: absolute; display: none; left: 0; top: -27px; background-color: rgba(0, 0, 0, 0.6); color: #fff; font-weight: bold; padding: 4px 6px; word-break: keep-all; white-space: pre; } .container___g1WYG button:last-child::before { right: 0; left: inherit; } .container___g1WYG button:hover::before { display: inline-block; } .fullscreen-button___ur0es { margin-right: 0; } .fullscreen-button1___rfaXm { margin-top: -10px; } .pip-button___GFO8W svg { width: 26px; height: 26px; } .playback-animation___ndURq { pointer-events: none; position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; width: 80px; height: 80px; border-radius: 80px; background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; opacity: 0; } input[type='range'] { -webkit-appearance: none; -moz-appearance: none; height: 4px; background: transparent; cursor: pointer; } input[type='range']:focus { outline: none; } input[type='range']::-webkit-slider-runnable-track { width: 100%; cursor: pointer; border-radius: 1.3px; -webkit-appearance: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } input[type='range']::-webkit-slider-thumb { height: 16px; width: 16px; border-radius: 16px; background: #fe0900; background: var(--youtube-red); cursor: pointer; -webkit-appearance: none; margin-left: -1px; opacity: 0; } input[type='range']:focus::-webkit-slider-runnable-track { background: transparent; } input[type='range'].volume___OTmpP { height: 5px; background-color: #fff; } input[type='range'].volume___OTmpP::-webkit-slider-runnable-track { background-color: transparent; } input[type='range'].volume___OTmpP::-webkit-slider-thumb { margin-left: 0; height: 14px; width: 14px; background: #fff; } input[type='range']::-moz-range-track { width: 100%; height: 8.4px; cursor: pointer; border: 1px solid transparent; background: transparent; border-radius: 1.3px; } input[type='range']::-moz-range-thumb { height: 14px; width: 14px; border-radius: 50px; border: 1px solid #fe0900; border: 1px solid var(--youtube-red); background: #fe0900; background: var(--youtube-red); cursor: pointer; margin-top: 5px; } input[type='range']:focus::-moz-range-track { outline: none; } input[type='range'].volume___OTmpP::-moz-range-thumb { border: 1px solid #fff; background: #fff; } .hidden___o7GkT { display: none; } .container___g1WYG svg { width: 20px; height: 20px; fill: #fff; stroke: #fff; cursor: pointer; } /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Video/Modal/index.less?modules ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .modal___LGwws { position: relative; } .modal___LGwws video { width: 800px; height: 450px; } .modal___LGwws div[class~='ant-modal-body'] { padding: 0px; font-size: 0 !important; vertical-align: top; } .closeIcon___vsUXI { position: absolute; color: #fff; top: -10px; right: -36px; font-size: 24px !important; width: 14px; height: 8px; margin-right: 0px; z-index: 9; cursor: pointer; } .closeIcon___vsUXI:before { left: -4px; position: absolute; top: -16px; } .wrap___tDzbl { display: flex; justify-content: space-between; padding: 9px; background: #000000; } .input___aikQk { color: #707070; background-color: #000; border-color: #707070; margin-right: 12px; } /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */