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/layouts__ShixunDetail__inde...

741 lines
23 KiB

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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/layouts/ShixunDetail/components/AddStudent.less?modules ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.addStudentContainer___OXJb6 .listItem___rZl7r {
padding: 40px;
padding-top: 10px;
}
.addStudentContainer___OXJb6 .listItem___rZl7r .tips___DJ9S4 {
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 14px;
margin-bottom: 60px;
text-align: center;
}
.addStudentContainer___OXJb6 .listItem___rZl7r .qrCode___FFf0X {
display: flex;
flex-direction: column;
align-items: center;
}
.addStudentContainer___OXJb6 .listItem___rZl7r .qrCode___FFf0X > div:first-child {
width: 168px;
height: 168px;
background: #ffffff;
box-shadow: 0px 2px 8px 0px #dedede;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.addStudentContainer___OXJb6 .listItem___rZl7r .qrCode___FFf0X > div:last-child {
margin-top: 10px;
font-size: 12px;
font-weight: 400;
color: #999999;
line-height: 12px;
}
.addStudentContainer___OXJb6 .ant-tabs-nav {
height: 64px;
padding-top: 10px;
}
.addStudentContainer___OXJb6 .ant-tabs-nav .ant-tabs-nav-wrap {
padding-left: 40px;
}
.addStudentWrapContainer___fyfw2 .ant-modal-close {
height: 67px;
line-height: 67px;
margin-right: 18px;
}
.addStudentWrapContainer___fyfw2 .ant-modal-header {
display: flex;
height: 67px;
align-items: center;
padding: 0 40px;
}
.addStudentWrapContainer___fyfw2 .ant-modal-body {
padding: 0;
}
.addStudentWrapContainer___fyfw2 .ant-modal-footer > button {
width: 100px;
height: 40px;
font-size: 16px;
border-radius: 4px;
}
.addStudentWrapContainer___fyfw2 .ant-modal-footer > button + button {
margin-left: 20px;
}
/* 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/layouts/ShixunDetail/components/index.less?modules ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrap___fhpdw {
flex: 1 1;
}
.wrap___fhpdw input {
height: 28px;
}
.content___ebdwe {
background: #fff;
padding: 30px;
margin-bottom: 10px;
box-sizing: border-box;
width: 100%;
min-height: 390px;
}
.hint___MlzLZ {
color: #989898;
margin-left: 20px;
}
.title___CBiOM {
font-size: 16px;
padding-left: 30px;
margin-bottom: 10px;
}
.titleWrap___aNLFI {
display: flex;
justify-content: space-between;
}
.formWrap___MSAjb label {
font-size: 14px;
}
.formWrap___MSAjb div[class~='ant-form-item-control-input-content'] {
font-size: 14px;
}
.formWrap___MSAjb div[class~='ant-form-item-label'] {
width: 100px;
text-align: right;
}
.identityWrap____g2bF {
display: flex;
flex-direction: row;
}
.schoolHintWrap___xD8gg {
height: 20px;
line-height: 20px;
font-size: 14px;
}
.colorCDCDCD___k8y5q {
color: #cdcdcd;
}
.color0152d9___iFYej {
color: #0152d9;
}
.submitButton___rTeEi {
width: 100px;
margin-right: 20px;
}
.submitButtondiv___QXI_6 {
animation: glow___kDQHM 200ms ease-out infinite alternate;
width: 100px;
margin-right: 20px;
}
@keyframes glow___kDQHM {
0% {
border-color: #00fff9;
text-align: center;
box-shadow: 0 0 5px rgba(0, 255, 249, 0.2);
}
100% {
border-color: #00fff9;
text-align: center;
box-shadow: 0 0 8px rgba(0, 255, 249, 0.6);
}
}
/* 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/layouts/ShixunDetail/index.less?modules ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___ztP5B {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___ZnBAF {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___sIQLg {
align-items: center;
box-align: center;
}
.flex_box_center_end___Yjb4r {
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___wx6hu {
flex-direction: column;
box-orient: block-axis;
}
.wrp___eXSKX {
width: 1200px;
margin: 0 auto;
}
.classroomInfo___zfzoC {
color: white;
height: 250px;
background: url(./static/classroom-banner.9f9f21d0.png);
position: relative;
display: box;
display: flex;
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.classroomInfo___zfzoC .title___BCkXZ {
font-size: 14px;
color: #d0dbf0;
margin-top: 30px;
display: box;
display: flex;
align-items: center;
}
.classroomInfo___zfzoC .title___BCkXZ strong {
font-size: 24px;
color: white;
line-height: 1;
display: inline-block;
}
.classroomInfo___zfzoC .titleLeft___XPuIq {
flex: 1 1;
}
.classroomInfo___zfzoC .classroomUser___b_ny2 {
margin-top: 24px;
min-height: 54px;
display: box;
display: flex;
align-items: center;
box-align: center;
}
.classroomInfo___zfzoC .classroomUser___b_ny2 .headPic___pR9pz {
display: flex;
align-items: center;
width: 100%;
}
.classroomInfo___zfzoC .classroomUser___b_ny2 .headPic___pR9pz img {
width: 40px;
height: 40px;
margin-right: 6px;
border-radius: 40px;
}
.classroomInfo___zfzoC .classroomUser___b_ny2 .teacherInfo___BeE5H {
flex: 1 1;
}
.classroomInfo___zfzoC .classroomDesc___csaXO {
height: 60px;
background: #465572;
color: white;
border-radius: 4px 4px 0px 0px;
padding: 0 16px;
display: box;
display: flex;
align-items: center;
box-align: center;
}
.classroomInfo___zfzoC .classroomDesc___csaXO div:nth-child(1) {
flex: 1 1;
}
.classroomInfo___zfzoC .classroomDesc___csaXO div:nth-child(2) {
display: box;
display: flex;
align-items: center;
box-align: center;
text-align: right;
line-height: 1;
}
.classroomInfo___zfzoC .classroomDesc___csaXO div:nth-child(2) > span {
display: box;
display: flex;
align-items: center;
box-align: center;
font-size: 12px;
padding: 0 10px;
position: relative;
cursor: pointer;
}
.classroomInfo___zfzoC .classroomDesc___csaXO div:nth-child(2) > span i {
font-size: 14px;
}
.classroomInfo___zfzoC .classroomDesc___csaXO div:nth-child(2) > span:hover {
color: #40a9ff;
}
.classroomInfo___zfzoC .classroomDesc___csaXO div:nth-child(2) > span:after {
content: '';
position: absolute;
right: 0;
width: 1px;
height: 10px;
background: #ccc;
}
.classroomInfo___zfzoC .classroomDesc___csaXO div:nth-child(2) > span:nth-last-child(1):after {
display: none;
}
.classroomInfo___zfzoC .classroomDescBg___OQixb {
height: 7px;
opacity: 0.97;
margin: 27px 10px 0 10px;
border-radius: 4px 4px 0px 0px;
background: linear-gradient(117deg, #314160 0%, #344568 50%, #384764 100%);
}
.joinCouses___RT5bw {
border-radius: 50px;
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
display: box;
display: flex;
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.bg___zCz6k {
background: #fafafa;
}
.task_count___GC5OH {
color: #999;
}
.container___m1Tgk {
margin: 24px 0 0 20px;
}
.leftMenuActions___H7kfl {
width: 90px;
text-align: center;
font-size: 14px;
padding: 12px 0 0 0;
}
.leftMenuActions___H7kfl .current {
color: #333 !important;
}
.leftMenuActions___H7kfl .current:hover {
background-color: #ededed;
}
.leftMenu___aMBG9 {
background: #fff;
position: relative;
}
.leftMenu___aMBG9 [class~='ant-row'] {
margin: 0 !important;
}
.leftMenu___aMBG9 #appointId {
background-color: #ededed;
}
.leftMenu___aMBG9 .menuText___vgQ83 {
width: 100%;
display: inline-block;
color: #333;
}
.leftMenu___aMBG9 .totalCount___AoAB2,
.leftMenu___aMBG9 .actions___MsngA {
color: #999;
position: absolute;
right: 10px;
top: -12px;
width: 50px;
text-align: right;
}
.leftMenu___aMBG9 .actions___MsngA {
top: -6px;
visibility: hidden;
z-index: 10;
}
.leftMenu___aMBG9 .open___inDJH {
display: block;
}
.leftMenu___aMBG9 li:hover > div {
background-color: #ededed;
}
.leftMenu___aMBG9 li:hover > div .actions___MsngA {
visibility: visible;
width: 40px;
}
.leftMenu___aMBG9 li:hover > div .totalCount___AoAB2 {
display: none;
}
.leftMenu___aMBG9 > ul {
padding-left: 0;
}
.leftMenu___aMBG9 > ul > li {
font-size: 16px;
}
.leftMenu___aMBG9 > ul > li > div {
padding-left: 24px;
cursor: pointer;
}
.leftMenu___aMBG9 > ul > ul {
padding-left: 26px;
max-height: 1080px;
overflow: auto;
display: none;
}
.leftMenu___aMBG9 > ul > ul .totalCount___AoAB2 {
top: -10px;
}
.leftMenu___aMBG9 > ul > ul .actions___MsngA {
top: -8px;
}
.leftMenu___aMBG9 > ul > ul > div > li {
font-size: 14px;
}
.leftMenu___aMBG9 > ul > ul > div > li > div {
border-bottom: 1px solid #eee;
}
.leftMenu___aMBG9 > ul > ul > div > ul {
padding-left: 25px;
max-height: 800px;
overflow: auto;
overflow-x: hidden;
display: none;
}
.leftMenu___aMBG9 > ul > ul > div > ul > li {
font-size: 14px;
}
.leftMenu___aMBG9 > ul > ul > div > ul > li > div {
border-bottom: 1px solid #eee;
}
.leftMenu___aMBG9 .actived___rqjRz {
border-left: 1px solid #0152d9;
}
.leftMenu___aMBG9 .actived___rqjRz *,
.leftMenu___aMBG9 .actived___rqjRz .totalCount___AoAB2 {
color: #0152d9;
}
.leftMenu___aMBG9 .actived2___x7Wvg *,
.leftMenu___aMBG9 .actived2___x7Wvg .totalCount___AoAB2 {
color: #0152d9;
}
.tipJoin___uzlgb [class~='ant-popover-buttons'] {
display: none;
}
.tipJoin___uzlgb [class~='ant-popover-message'] {
padding-bottom: 2px;
}
.tipJoin___uzlgb [class~='anticon-exclamation-circle'] {
font-size: 14px;
top: 9px;
}
.badge___s6J4T {
position: relative;
display: inline-block;
}
.badge___s6J4T .num____292N {
position: absolute;
z-index: 100;
top: -8px;
left: 70px;
background-color: #ff4d4f;
font-size: 12px;
display: inline-block;
border-radius: 12px;
min-width: 18px;
text-align: center;
height: 18px;
padding: 0 4px;
}
.classromediv___AQhQT {
animation: glow___Ucfx9 200ms ease-out infinite alternate;
display: inline-block;
}
@keyframes glow___Ucfx9 {
0% {
border-color: #00fff9;
height: 27px;
line-height: 27px;
text-align: center;
background: rgba(0, 255, 249, 0.2);
width: 100px;
margin-left: 5px;
box-shadow: 0 0 5px rgba(0, 255, 249, 0.2);
}
100% {
border-color: #00fff9;
height: 27px;
line-height: 27px;
text-align: center;
background: rgba(0, 255, 249, 0.2);
margin-left: 5px;
width: 100px;
box-shadow: 0 0 8px rgba(0, 255, 249, 0.6);
}
}
.st___KjyfC {
padding: 13px 0px 13px 25px;
flex: 1 1;
cursor: pointer;
}
.st___KjyfC:hover {
background-color: #ededed;
}
.link___aoTXV {
color: #fff;
position: relative;
margin-left: 20px;
}
.link___aoTXV:hover span:first-child {
color: #40a9ff;
}
.link___aoTXV span:first-child {
color: #bac4cd;
}
.link___aoTXV ::after {
content: '';
position: absolute;
left: -10px;
top: 6px;
width: 1px;
height: 10px;
background: #ccc;
}
.sLink___moIi9 {
color: #fff;
}
.sLink___moIi9:hover span:first-child {
color: #40a9ff;
}
.sLink___moIi9 span:first-child {
color: #bac4cd;
}
.iconH___N915X {
color: #fff;
}
.iconH___N915X span {
cursor: default;
}
.iconH___N915X span:hover {
color: #0152d9;
}
.shareClassroom___WbdZI {
display: flex;
align-content: center;
padding-left: 10px;
color: #fff;
cursor: pointer;
}
.shareClassroom___WbdZI > span:last-child {
padding-left: 5px;
}
.copy___plAJS {
width: 120px;
height: 30px;
border: 1px solid #fff;
border-radius: 4px;
}
.copy___plAJS span:first-child {
display: inline-block;
width: 80px;
border-right: 1px solid #fff;
height: 28px;
text-align: center;
line-height: 28px;
cursor: pointer;
}
.copy___plAJS span:first-child:hover {
color: #40a9ff;
}
.copy___plAJS span:last-child {
display: inline-block;
text-align: center;
width: 38px;
}
.btnWrap___UOuN_ {
position: relative;
margin-left: auto;
}
.btnWrap___UOuN_:hover .btn___DfMBs {
background: rgba(158, 187, 255, 0.8);
border: 1px solid #3061D0;
color: #B3CDFF;
}
.btnWrap___UOuN_:hover .tip___FDQL5 {
display: block;
}
.btnWrap___UOuN_:active .btn___DfMBs {
background: #3061D0;
box-shadow: 0px 2px 4px 0px #051F4E, inset 0px -3px 3px 0px #184BC0;
border: 0;
color: #fff;
padding: 5px 16px;
}
.btnWrap___UOuN_ .btn___DfMBs {
padding: 4px 15px;
height: 32px;
background: rgba(116, 126, 174, 0.5);
box-shadow: 0px 2px 4px 0px #051F4E, inset -1px -2px 3px 0px rgba(158, 187, 255, 0.5);
border-radius: 16px;
border: 1px solid #0B1A38;
font-size: 14px;
color: #fff;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btnWrap___UOuN_ .tip___FDQL5 {
background: linear-gradient(rgba(250, 141, 48, 0.9) 0%, #fa8d30 100%);
padding: 6px 12px;
width: 218px;
position: absolute;
z-index: 1;
top: -44px;
right: 0;
border-radius: 4px;
text-align: center;
transition: 0.5s;
display: none;
pointer-events: none;
}
.btnWrap___UOuN_ .tip___FDQL5::after {
content: '';
position: absolute;
width: 0;
height: 0;
right: 50px;
top: 32px;
z-index: -1;
border: 12px solid transparent;
border-top-color: #fa8d30;
}
/* 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/layouts/ShixunDetail/components/MoocModal/index.less?modules ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal___g9KyH p {
margin-bottom: 8px;
}
.tip___bce7X {
display: flex;
flex-direction: column;
justify-content: center;
background-color: hsla(209, 100%, 55%, 0.1);
width: 683px;
height: 88px;
font-size: 14px;
margin-bottom: 15px;
padding-left: 10px;
}
/* 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/layouts/ShixunDetail/components/ShareModal/index.less?modules ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.shareModalContainer___glPiP .ant-modal-header {
padding: 30px 20px 20px 40px;
}
.shareModalContainer___glPiP .ant-modal-header .ant-modal-title {
font-size: 18px;
}
.shareModalContainer___glPiP .ant-modal-body {
padding: 0;
}
.shareModalContainer___glPiP .ant-modal-close {
right: 20px;
}
.shareModalContainer___glPiP .ant-modal-close .ant-modal-close-x {
height: 68px;
line-height: 68px;
}
.shareModalContainer___glPiP .ant-modal-footer {
border-top: none;
padding-bottom: 30px;
}
.shareModalContainer___glPiP .ant-modal-footer > button {
width: 100px;
border-radius: 4px;
height: 40px;
font-size: 16px;
}
.shareModalContainer___glPiP .ant-modal-footer > button + button {
margin-left: 20px;
}
.shareModalContainer___glPiP .shareContent___YTYCr {
padding: 20px 40px;
}
.shareModalContainer___glPiP .shareContent___YTYCr .listItem___U9gBM {
padding-bottom: 20px;
}
.shareModalContainer___glPiP .shareContent___YTYCr .listItem___U9gBM:last-child {
padding-bottom: 0;
}
.shareModalContainer___glPiP .shareContent___YTYCr .listItem___U9gBM .label___RPksG {
font-size: 14px;
color: #333;
font-weight: 500;
padding: 20px 0;
}
.shareModalContainer___glPiP .shareContent___YTYCr .listItem___U9gBM .label___RPksG span {
font-size: 14px;
font-weight: 400;
color: #e53333;
line-height: 14px;
padding-left: 20px;
}
.shareModalContainer___glPiP .shareContent___YTYCr .listItem___U9gBM .invitationCode___K2gpu {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.shareModalContainer___glPiP .shareContent___YTYCr .listItem___U9gBM .invitationCode___K2gpu .code___nEgsJ {
display: flex;
align-items: center;
border-radius: 4px;
border: 1px solid #dedede;
height: 40px;
padding: 0 20px;
width: calc(100% - 66px);
}
.shareModalContainer___glPiP .shareContent___YTYCr .listItem___U9gBM .invitationCode___K2gpu .code___nEgsJ > span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.shareModalContainer___glPiP .shareContent___YTYCr .listItem___U9gBM .invitationCode___K2gpu .code___nEgsJ.first___B4_LD {
width: auto;
width: initial;
}
.shareModalContainer___glPiP .shareContent___YTYCr .listItem___U9gBM .invitationCode___K2gpu .copy___rgntz {
color: #0152d9;
padding-left: 10px;
min-width: 66px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.shareModalContainer___glPiP .shareContent___YTYCr .listItem___U9gBM .tips___EBHVj {
font-weight: 400;
color: #999;
}
/* 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/layouts/ShixunDetail/components/CopyRecordModal/index.less?modules ***!
\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */