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__OnlineExercise__index.da...

893 lines
17 KiB

.flex_box_center___3fHaw {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___1tu3K {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___3kmTT {
align-items: center;
box-align: center;
}
.flex_box_center_end___19OcD {
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___1aMoy {
flex-direction: column;
box-orient: block-axis;
}
.main___JkLSb .wrap___1k_Ib {
min-height: 60px;
border-radius: 2px;
margin: 0px auto;
box-sizing: border-box;
border-radius: 5px;
font-size: 14px;
}
.main___JkLSb .wrap___1k_Ib .content___1by-P {
display: flex;
align-items: flex-start;
margin: 0 30px;
padding-top: 20px;
border-bottom: 1px solid #f1f1f1;
position: relative;
}
.main___JkLSb .wrap___1k_Ib .content___1by-P:last-child {
border-bottom: 0;
}
.main___JkLSb .wrap___1k_Ib .knowledgeContent___rpRAH {
display: flex;
align-items: center;
margin: 0 30px;
padding: 20px 0;
border-bottom: 1px solid #f1f1f1;
position: relative;
}
.name___2mlTd {
padding-right: 20px;
flex-shrink: 0;
}
.directionContentWrap___3qsxQ {
flex: 1 1;
}
.directionItem___2aAvu {
color: #464f66;
cursor: pointer;
margin-right: 30px;
display: block;
margin-bottom: 23px;
flex-shrink: 0;
display: inline-block;
}
.directionItem___2aAvu:hover {
color: #0152d9;
}
.active___ACZqb {
color: #0152d9 !important;
}
.subActive___2RkoB {
color: #0152d9 !important;
}
.subItem___3tJgX {
display: box;
display: flex;
align-items: center;
text-align: center;
cursor: pointer;
height: 20px;
margin-bottom: 15px !important;
font-size: 14px;
color: #05101a;
}
.subItem___3tJgX :hover {
color: #0152d9 !important;
}
.subMenu___Y_7S_ {
display: box;
display: flex;
flex-wrap: wrap;
}
.action___xqgFs {
position: absolute;
right: 0;
bottom: 10px;
cursor: pointer;
color: #999999;
}
.action___xqgFs i {
display: inline-block;
transform: scale(0.5);
margin-top: 6px;
font-size: 12px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.flex_box_center___1oOF6 {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___zk2qF {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___139Ae {
align-items: center;
box-align: center;
}
.flex_box_center_end___1snl8 {
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___28tmp {
flex-direction: column;
box-orient: block-axis;
}
.wrap___2V43e {
margin: 0 auto;
width: 1200px;
margin-bottom: 30px;
}
.wrap___2V43e .title___3dJw8 {
height: 50px;
font-size: 20px;
line-height: 60px;
font-weight: 500;
color: #333;
}
.wrap___2V43e .title___3dJw8 .experienceModeTips___3d1Th {
margin-left: 8px;
margin-bottom: 12px;
font-size: 12px;
}
.wrap___2V43e .ant-pagination {
text-align: center;
background: #fff;
padding: 20px;
}
.wrap___2V43e .ant-pagination .ant-pagination-item-active {
border-color: #0152d9;
background: #0152d9;
}
.wrap___2V43e .ant-pagination .ant-pagination-item-active a {
color: #fff;
}
.wrap___2V43e .ant-pagination button {
line-height: normal;
line-height: initial;
}
.select___1VK8d > div {
position: relative;
font-size: 14px;
background: #ffffff;
border-radius: 4px;
padding-left: 6px;
padding-top: 20px;
}
.contentWrap___1mEZI {
background: #fff;
box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.03);
border-radius: 2px;
margin: 0px auto;
margin-top: 10px;
}
.tabsWrap___1nKOc {
padding: 0 30px;
background: #fff;
border-radius: 4px 4px 0 0;
}
.tabsWrap___1nKOc div[class~='ant-tabs-tab'] {
font-size: 14px;
margin-right: 60px;
}
.tabsWrap___1nKOc div[class~='ant-tabs-tab'] [class~='ant-tabs-tab-btn'] {
font-size: 14px;
}
.tabsWrap___1nKOc [class~='ant-tabs-nav'] {
margin: 0px;
height: 68px;
}
.tabsWrap___1nKOc [class~='ant-tabs-nav']::before {
background: #f1f1f1;
}
.searchWrap___1ud56 {
display: flex;
}
.searchContent___3GdB8 {
display: box;
display: flex;
flex-direction: row;
align-items: center;
}
.searchContent___3GdB8 > button {
border-radius: 2px;
height: 30px;
}
.search___2HCG4 {
height: 30px;
}
.batchWrap___1P0eO {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: 12px;
}
.customTable___2UY2w {
padding: 0 30px;
background-color: #fff;
border-radius: 0 0 4px 4px;
}
.customTable___2UY2w .ant-table-thead tr {
height: 54px;
}
.customTable___2UY2w .ant-table-thead tr th {
background-color: #f5f5f5;
border: 0;
border-radius: 0;
}
.customTable___2UY2w .ant-pagination {
margin-top: 20px;
}
.customTable___2UY2w .ant-pagination .ant-pagination-item-active {
border-color: #0152d9;
background: #0152d9;
}
.customTable___2UY2w .ant-pagination .ant-pagination-item-active a {
color: #fff;
}
.customTable___2UY2w .ant-pagination button {
line-height: normal;
line-height: initial;
}
.customTable___2UY2w .row___3JdOe td {
border-bottom: 0;
background-color: transparent !important;
vertical-align: top;
}
.customTable___2UY2w .row___3JdOe td:first-child {
padding-top: 13px;
}
.customTable___2UY2w .row___3JdOe.row___3JdOe:nth-child(odd) {
background-color: #fff;
}
.customTable___2UY2w .row___3JdOe.row___3JdOe:nth-child(even) {
background-color: #f5f5f5;
}
.contentListWrap___34FEg {
background: #fff;
margin: 0 auto;
padding: 0px 30px;
overflow: hidden;
}
.contentListWrap___34FEg .li___12s3c {
width: 1140px;
background: #fafafa;
border-radius: 2px;
padding: 0 20px;
margin-top: 10px;
}
.contentListWrap___34FEg .li___12s3c .top___3PNbG {
min-height: 50px;
}
.contentListWrap___34FEg .li___12s3c .bottom___3xyKj {
height: 38px;
line-height: 38px;
border-top: 1px solid #f1f1f1;
display: flex;
flex-direction: row;
align-items: center;
}
.contentListWrap___34FEg .li___12s3c .bottom___3xyKj .line___3NSle {
border-right: 1px solid #dddddd;
height: 13px;
margin: 0 20px;
}
.contentListWrap___34FEg .li___12s3c .bottom___3xyKj .actionLeftItem___f_NqX {
font-size: 14px;
color: #999999;
}
.contentListWrap___34FEg .li___12s3c .bottom___3xyKj .actionLeftItem___f_NqX > span {
margin-left: 4px;
}
.contentListWrap___34FEg .li___12s3c .bottom___3xyKj p {
margin: 0;
}
.more___3PF2m {
margin-left: auto;
}
.btnAdd___KA8Tf {
cursor: pointer;
padding: 0 12px;
height: 22px;
background: #145dff;
border-radius: 2px;
display: inline-block;
color: #fff;
line-height: 22px;
font-size: 12px;
}
.btnCancel___2Nzwe {
cursor: pointer;
padding: 0 12px;
height: 22px;
color: #145dff;
border-radius: 2px;
display: inline-block;
line-height: 20px;
border: 1px solid #98bdf7;
font-size: 12px;
}
.cancelC___1DHo0 {
margin-right: -8px;
display: inline-block;
transform: scale(0.6) translateY(3px) translateX(-11px);
}
.addC___3EKOv {
margin-right: -2px;
display: inline-block;
transform: scale(0.7) translateY(2px) translateX(-11px);
}
.actonBtn___22VxD {
position: relative;
z-index: 200;
}
.batch___9_ouO {
width: 100%;
height: 60px;
background: #ffffff;
box-shadow: 0px -1px 6px 0px #efefef;
position: sticky;
bottom: 0;
z-index: 1000;
}
.batch___9_ouO > aside {
width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
height: 100%;
}
.batch___9_ouO > aside .btns___1KAse {
flex: 1 1;
display: flex;
align-items: center;
}
.batch___9_ouO > aside .btns___1KAse .btn___28uOf {
height: 32px;
line-height: 32px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #d9d9d9;
padding: 0 10px;
color: #145dff;
cursor: pointer;
margin-right: 15px;
font-size: 14px;
}
.batch___9_ouO > aside .btns___1KAse .btn___28uOf i {
color: #464f66;
margin-right: 6px;
font-size: 14px;
}
.treeWarp___Z7oyw {
background: #fafafa;
border-radius: 2px;
padding: 20px;
margin: 10px 30px;
position: relative;
}
.treeWarp___Z7oyw .action___3rwMc {
position: absolute;
right: 10px;
z-index: 10;
bottom: 10px;
cursor: pointer;
color: #999999;
}
.treeWarp___Z7oyw .action___3rwMc i {
display: inline-block;
transform: scale(0.5);
margin-top: 6px;
font-size: 12px;
}
/* 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;
}
.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 */
.flex_box_center___1mZg5 {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___3XshT {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___17aKP {
align-items: center;
box-align: center;
}
.flex_box_center_end___ujbXW {
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___2pVLo {
flex-direction: column;
box-orient: block-axis;
}
.list___5Nq4a {
display: flex;
align-items: center;
justify-content: flex-start;
height: 50px;
}
.row___1MZRZ {
display: box;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 0px;
}
.typeRow___m2z-7 {
display: box;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.type___1-tTO {
display: box;
display: flex;
color: #333333;
font-size: 14px;
line-height: 17px;
}
.typeName___3s8mG {
color: #0152d9;
cursor: default;
height: 26px;
line-height: 26px;
}
.typeIcon___D_xqQ {
min-width: 50px;
line-height: 20px;
height: 20px;
border-radius: 13px;
margin-right: 10px;
font-size: 12px;
cursor: default;
text-align: center;
padding: 0 3px;
}
.unpublished___3vsNG {
color: #999999;
border: 1px solid #999999;
}
.private___1ehkG {
color: #fa6400;
border: 1px solid #fa6400;
}
.public___NufhD {
color: #44d7b6;
border: 1px solid #44d7b6;
}
.reviewFlag___7Xdtj {
border: 1px solid #44d7b6;
background-color: rgba(68, 215, 182, 0.2);
color: #44d7b6;
font-size: 12px;
padding: 1px 5px;
border-radius: 5px;
}
.reviewFlag___7Xdtj:hover {
color: #44d7b6;
}
.typeRightAction___qengy {
display: box;
display: flex;
}
.actionLink___21O7w {
color: #333;
padding: 10px 0;
}
.actionIcon___3B61b {
line-height: 26px;
color: #0152d9;
margin-left: 5px;
margin-right: 4px;
font-size: 14px;
}
.topicTitle___1nwtm {
font-weight: bold;
font-size: 16px;
cursor: default;
color: #333333;
line-height: 28px;
padding-right: 5px;
}
.topicTitleContent___3yJOV {
font-size: 14px;
color: #333333;
line-height: 24px;
font-family: auto;
}
.topicTitleContent___3yJOV p {
line-height: 28px;
}
.judgmentContent___24ywI {
display: box;
display: flex;
flex-direction: row;
line-height: 28px;
font-size: 14px;
color: #333333;
margin-top: 10px;
}
.judgmentContent___24ywI span {
font-size: 14px;
}
.programContent___11X7U {
color: #333333;
line-height: 28px;
font-size: 14px;
}
.otherContent___t26dy {
display: box;
display: flex;
flex-direction: column;
color: #333333;
font-size: 14px;
line-height: 19px;
}
.combinationContent___2wp19 {
display: flex;
flex-direction: column;
color: #333333;
width: 100%;
font-size: 14px;
}
.combinationContent___2wp19 .con___1ubz0 {
width: calc(100% + 40px);
background: #f1f1f1;
padding: 10px 20px;
margin-bottom: 10px;
margin-left: -20px;
z-index: 10px;
}
.combinationContent___2wp19 .con___1ubz0 > div {
display: flex;
margin-top: 7px;
}
.combinationContent___2wp19 .con___1ubz0 > div > span {
line-height: 27px;
flex-shrink: 0;
}
.otherContentItem___2niLu {
display: box;
display: flex;
flex-direction: row;
}
.otherContentItem___2niLu p {
line-height: 28px;
font-size: 14px;
flex-shrink: 0;
}
.otehrContentHtml___2ZPbF {
font-size: 16px;
color: #565656;
line-height: 28px;
}
.difficultyRow___3wnRT {
height: 28px;
line-height: 28px;
font-size: 14px;
color: #888888;
}
.updateTimeRow___3BJHB {
display: box;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.updateTimeWrap___1jGsf {
display: box;
display: flex;
flex-direction: row;
align-items: center;
color: #333333;
font-size: 14px;
line-height: 28px;
}
.updateTimeContent___2iEs5 {
line-height: 28px;
font-size: 14px;
color: #bbbbbb;
}
.programLanguage___3cE0I {
line-height: 28px;
font-size: 14px;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #bbbbbb;
}
.updateTimeRowAction___3bArM {
display: box;
display: flex;
flex-direction: row;
}
.bottomAction___LFX-O {
border-radius: 5px;
text-align: center;
font-size: 12px;
cursor: pointer;
padding: 0 10px;
height: 30px;
line-height: 30px;
display: inline-block;
margin-left: 10px;
}
.borderColorBlue___2rVeM {
border: 1px solid #0152d9;
background: #0152d9;
color: #fff;
line-height: 30px;
}
.borderColorBlue___2rVeM:hover {
color: #fff;
}
.borderColorRed___3K2ce {
border: 1px solid red;
color: red;
line-height: 30px;
}
.borderColorRed___3K2ce:hover {
color: red;
}
.borderColorFFF___1uCgc {
border: 1px solid #0152d9;
background: #f5f5f5;
color: #0152d9;
border-radius: 5px;
}
.borderColorFFF___1uCgc:hover {
color: #0152d9;
}
.borderColorGray___2O0Q- {
border: 1px solid #cccccc;
background: #cccccc;
color: #ffffff;
line-height: 30px;
}
.borderColorGray___2O0Q-:hover {
color: #ffffff;
}
.selectIcon___3SJsP {
color: #ffffff;
height: 20px;
line-height: 20px;
display: inline-block;
margin-left: 7px;
margin-right: 5px;
font-size: 12px;
}
.colorGreen___23R16 {
color: #32bd8c;
}
.parseAnswerBorder___1xQSk {
border-top: 1px solid #eeeeee;
margin-top: 23px;
}
.answer___1nc15 {
display: box;
display: flex;
flex-direction: row;
color: #333333;
font-size: 14px;
margin-top: 15px;
}
.answerHtml___1KboY {
color: #333333;
font-size: 14px;
}
.parse___1Pboe {
display: box;
display: flex;
flex-direction: row;
color: #333333;
font-size: 14px;
margin-top: 5px;
}
.parseText___3lI6w {
line-height: 28px;
font-size: 14px;
word-break: break-word;
color: #333333;
flex-shrink: 0;
}
.parseAnswer___3CPJj {
word-break: break-word;
line-height: 28px;
font-size: 14px;
color: #333333;
}
.parseAnswerHtml___39Up3 {
font-size: 14px;
color: #565656;
line-height: 28px;
}
.actionBar___36dtr {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: #f5f5f5;
font-size: 14px;
height: 52px;
padding: 0 10px;
border-radius: 5px;
}
.line___2kvUm {
border-right: 1px solid #dddddd;
height: 13px;
margin: 0 10px;
}
.know___1mSPT {
display: inline-block;
max-width: 58px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #111111;
vertical-align: bottom;
}
.title___1QnYB {
display: flex;
cursor: pointer;
flex: 1 1;
}
.tr___1RYZC {
color: #999;
cursor: pointer;
}
.tr___1RYZC i {
transition: 0.5s;
display: inline-block;
font-size: 12px;
margin-left: 5px;
}
.menu___1i5Vp > li {
text-align: center;
}
.bottom___uxfJs {
text-align: end;
font-size: 14px;
margin-bottom: 10px;
}
.bottom___uxfJs span {
margin-left: 20px;
cursor: pointer;
display: inline-block;
width: 66px;
height: 24px;
line-height: 24px;
font-size: 12px;
text-align: center;
border-radius: 4px;
border: 1px solid #999999;
color: #666666;
}
.bottom___uxfJs span i {
display: inline-block;
transform: rotate(180deg) scale(0.7) translate(-4px, 2px);
font-size: 12px;
}
.bottom___uxfJs span:hover {
color: #0152d9;
border: 1px solid #0152d9;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */