You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__Video__Detail__id.c21a03...

843 lines
17 KiB

.bg___31owl {
background: #fafafa;
}
.bg___31owl .container___2NGOo {
display: flex;
margin: 0 auto;
justify-content: start;
align-items: flex-start;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.flex_box_center___1OQ1z {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___22uwF {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___1xWAr {
align-items: center;
box-align: center;
}
.flex_box_center_end___1QTe3 {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column___lWxZG {
flex-direction: column;
box-orient: block-axis;
}
.banner___1Hzq6 {
background-image: url(./static/path-detail-else.4c45dd73.png);
height: 240px;
margin-bottom: 30px;
padding-top: 50px;
}
.wrap___1D5RS {
width: 1200px;
margin: 0 auto;
}
.title___1LzGm {
font-size: 28px;
color: #fff;
}
.contentWrap___19oxo {
display: flex;
justify-content: space-between;
align-items: center;
}
.button___3chJs {
height: 40px;
line-height: 40px;
cursor: pointer;
border-radius: 4px;
box-sizing: border-box;
text-align: center;
font-size: 18px !important;
background-color: #0152d9;
border: 1px solid #0152d9;
padding: 0px;
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
.button___3chJs span {
padding: 0 10px;
}
.button___3chJs:hover {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
.rating___3ODxx {
color: #ffe11d;
font-size: 16px;
}
.rating___3ODxx > li:not(:last-child) {
margin-right: 2px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.wrap___3nJXB {
padding: 14px 24px;
}
.title___3AYM5 {
font-size: 14px;
color: #cccccc;
text-align: center;
}
.radioWrap___dbSML {
cursor: default;
height: 270px;
overflow-y: auto;
background: #f7f9fd;
padding: 5px;
margin-bottom: 20px;
}
.radio___3h-_z {
display: block;
height: 30px;
line-height: 30px;
}
.colorFF0000___2d_ZE {
color: #ff0000;
}
.pagination___3WP6s {
margin: 0 auto;
margin-top: 10px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.modal___1jX7c [class~='ant-modal-body'] {
padding-left: 60px;
padding-right: 60px;
}
.uploadWrap___3-sVK {
display: flex;
flex-flow: row;
align-items: center;
}
.upload___2LemY {
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
height: 31px;
width: 120px;
padding: 3px 11px;
font-size: 14px;
color: #fff;
background: #0152d9;
border-color: #0152d9;
text-align: center;
cursor: pointer;
border-radius: 2px;
}
.uploadLink___j9Fsx {
color: #0152d9;
background: #fff;
border: 1px solid #0152d9;
}
.fileProgress___11p3K {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.fileCancel___3Mx9l {
cursor: pointer;
font-size: 14px;
color: #ff0000;
}
.videoName___2a-ZN {
color: #0152d9;
}
.contentItem___1gUuj [class~='ant-form-item-label'] label::before {
display: inline-block;
margin-right: 4px;
color: #ff4d4f;
font-size: 12px;
font-family: SimSun, sans-serif;
line-height: 1;
content: '*';
}
.tagsList-content___3Yj4d {
margin-left: 78px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.img___3e4yQ {
position: relative;
width: 400px;
height: auto;
background-color: #f4f3f4;
display: flex;
align-items: center;
justify-content: center;
}
.img___3e4yQ > div {
position: absolute;
right: -6px;
top: -6px;
cursor: pointer;
background-color: #fff;
width: 16px;
height: 16px;
border-radius: 50%;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.upload___3GNI5 {
display: inline-block;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.selectSchool___2Vrh7 {
width: 200px;
}
.delete___qM8Jm {
min-width: 18px;
height: 18px;
padding: 0 6px;
color: #fff;
font-weight: 400;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
text-align: center;
background: #ff4d4f;
border-radius: 9px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.watermark___2DVjg {
position: absolute;
left: 0;
bottom: 100px;
font-size: 18px;
text-shadow: 0px 0px 5px #b6b6b6;
color: #ffffff;
z-index: 1;
}
.videovideo___3jScv::-webkit-media-controls-fullscreen-button {
display: none !important;
}
@keyframes upDown___3FGkz {
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___36IZ1 {
animation-name: upDown___3FGkz;
}
:root {
--youtube-red: #fe0900;
}
.container___GV_Ds {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.video-container___35tqx {
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.video-container___35tqx video {
width: 100%;
height: 100%;
max-height: auto;
object-fit: cover;
}
.video-controls___u99fM {
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___u99fM.hide___2GDit {
opacity: 0;
pointer-events: none;
}
.video-progress___2LKQJ {
position: relative;
height: 4px;
margin-bottom: 10px;
margin-top: 5px;
padding: 0 6px;
}
progress {
-webkit-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___3b-US {
position: absolute;
top: 0;
width: 100%;
cursor: pointer;
margin: 0;
}
.seek___3b-US:hover + .seek-tooltip___bZ9sZ {
display: block;
}
.seek-tooltip___bZ9sZ {
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___74sQw {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
.bottom-controls___74sQw button {
display: inline-flex;
align-items: center;
}
.left-controls___2kBb3 {
display: flex;
align-items: center;
color: #fff;
font-size: 10px;
}
.right-controls___3oxDi {
display: flex;
}
.volume-controls___QLaWH {
display: inline-flex;
align-items: center;
}
.volume-controls___QLaWH input {
width: 100px;
opacity: 1;
transition: all 0.4s ease;
}
.volume-controls___QLaWH:hover input,
.volume-controls___QLaWH input:focus {
width: 100px;
opacity: 1;
}
.container___GV_Ds button {
cursor: pointer;
position: relative;
margin-right: 7px;
font-size: 12px;
padding: 3px;
border: none;
outline: none;
background-color: transparent;
}
.container___GV_Ds button * {
pointer-events: none;
}
.container___GV_Ds button::before {
content: attr(data-title);
position: absolute;
display: none;
right: 0;
top: -50px;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
font-weight: bold;
padding: 4px 6px;
word-break: keep-all;
white-space: pre;
}
.container___GV_Ds button:hover::before {
display: inline-block;
}
.fullscreen-button___2nHzc {
margin-right: 0;
}
.fullscreen-button1___1murk {
margin-top: -10px;
}
.pip-button___18qQG svg {
width: 26px;
height: 26px;
}
.playback-animation___gCL6X {
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___10eUe {
height: 5px;
background-color: #fff;
}
input[type='range'].volume___10eUe::-webkit-slider-runnable-track {
background-color: transparent;
}
input[type='range'].volume___10eUe::-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___10eUe::-moz-range-thumb {
border: 1px solid #fff;
background: #fff;
}
.hidden___2JBJW {
display: none;
}
.container___GV_Ds 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 */
.wrp___z2l1F {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 108;
}
.wrp___z2l1F.bgBlack___3ezfX {
background: rgba(0, 0, 0, 0.5);
}
.wrp___z2l1F img,
.wrp___z2l1F video {
max-width: 100%;
max-height: 80%;
text-align: center;
}
.wrp___z2l1F iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #fff;
}
.monaco___1ypjT {
position: absolute;
height: 100%;
width: 100%;
}
.darkBlue___2ViJc * {
font-size: 14px;
}
.darkBlue___2ViJc [class~='margin'],
.darkBlue___2ViJc [class~='monaco-editor-background'] {
background: #0a0e2d !important;
}
.darkBlue___2ViJc [class~='line-numbers'] {
color: white !important;
}
.close___3q-z4 {
position: absolute;
right: 40px;
top: 40px;
z-index: 10;
display: flex;
}
.close___3q-z4 > span {
background: #4a4a4a;
color: #fff;
width: 40px;
height: 40px;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-left: 10px;
}
.embed___3dQqc {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.button___1wy9m {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.3);
display: none;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.contentWrap___3Fc2r {
display: flex;
flex-direction: column;
width: 904px;
margin: 0 auto;
background-color: #fff;
margin-bottom: 30px;
border-radius: 8px;
}
.contentWrap___3Fc2r video {
width: 100%;
max-height: 800px;
margin-top: 20px;
}
.contentWrap___3Fc2r video:focus {
outline: 0px;
}
.contentWrap___3Fc2r header {
display: flex;
justify-content: space-between;
align-items: center;
}
.contentWrap___3Fc2r .footer___4nxVN {
display: flex;
align-items: center;
justify-content: space-between;
height: 40px;
}
.contentWrap___3Fc2r .footer___4nxVN .radioGroup___359yE {
margin-right: -15px;
}
.contentWrap___3Fc2r .footer___4nxVN .radioGroup___359yE .ant-radio-wrapper {
margin-left: 30px;
}
.wrap___1OqR3 {
margin: 40px 30px;
position: relative;
}
.introName___3saG- {
font-size: 18px;
color: #333333;
}
.rating___3X95K {
color: #ffe11d;
font-size: 16px;
}
.rating___3X95K > li:not(:last-child) {
margin-right: 2px;
}
.modalRating___A4qeN {
color: #ffe11d;
font-size: 25px;
}
.modalRating___A4qeN > li:not(:last-child) {
margin-right: 10px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.flex_box_center___30XbU {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___3jfWA {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___27kWs {
align-items: center;
box-align: center;
}
.flex_box_center_end___1RoAS {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column____3Jvr {
flex-direction: column;
box-orient: block-axis;
}
.list___2NJ_T {
width: 270px;
border-radius: 8px;
font-size: 16px;
background-color: #fff;
margin-bottom: 28px;
padding-bottom: 20px;
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
}
.list___2NJ_T .box___36KCF .title___Kd2ce {
height: 24px;
font-size: 18px;
color: #333;
line-height: 24px;
font-weight: bold;
margin-bottom: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 20px 0 10px 20px;
}
.list___2NJ_T .box___36KCF .gray___14ob6,
.list___2NJ_T .box___36KCF .brght___GgzyD {
color: #bbb;
font-size: 14px;
height: 40px;
line-height: 20px;
display: flex;
padding-left: 20px;
align-items: center;
cursor: pointer;
}
.list___2NJ_T .box___36KCF .gray___14ob6 .s1___IhDpz,
.list___2NJ_T .box___36KCF .brght___GgzyD .s1___IhDpz {
margin-top: 4px;
}
.list___2NJ_T .box___36KCF .gray___14ob6 .s2___3hR0s,
.list___2NJ_T .box___36KCF .brght___GgzyD .s2___3hR0s {
margin: 14px 0 14px 14px;
}
.list___2NJ_T .box___36KCF .gray___14ob6 .s3___23SCF,
.list___2NJ_T .box___36KCF .brght___GgzyD .s3___23SCF {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 1;
padding-right: 14px;
padding-left: 14px;
}
.list___2NJ_T .box___36KCF .gray___14ob6:hover,
.list___2NJ_T .box___36KCF .brght___GgzyD:hover {
background: #ededed;
}
.list___2NJ_T .box___36KCF .brght___GgzyD {
color: #333;
}
.list___2NJ_T .box___36KCF .brght___GgzyD .s1___IhDpz {
color: #8c18ff;
}
.list___2NJ_T .box___36KCF .active___2_5D5 {
color: #0152d9;
position: relative;
}
.list___2NJ_T .box___36KCF .active___2_5D5::after {
height: 100%;
width: 2px;
position: absolute;
content: '';
left: 0;
top: 0;
background-color: #0152d9;
}
.list___2NJ_T .box___36KCF .line___3Croa {
width: 249px;
height: 1px;
background-color: #eee;
margin: 10px 0 10px 22px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.pdfContainer___ECPbw {
margin-left: 8px;
border-radius: 8px;
background-color: #fff;
margin-bottom: 30px;
min-height: 297mm;
width: calc(100% - 275px);
position: relative;
}
.pdfContainer___ECPbw .loading___2tzD5 {
position: absolute;
top: 0;
left: 0;
z-index: 8;
width: 100%;
min-height: 297mm;
display: flex;
align-items: center;
justify-content: center;
}
.pdfContainer___ECPbw embed {
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.officeContainer___z7fd9 {
width: calc(100% - 275px);
margin-left: 5px;
text-align: center;
padding-top: 50px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */