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__IntrainCourse__index.chu...

1211 lines
36 KiB

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/IntrainCourse/index.less?modules ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___Mk6YD {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___MZT3e {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___l2tif {
align-items: center;
box-align: center;
}
.flex_box_center_end___KdCKH {
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___zGqWK {
flex-direction: column;
box-orient: block-axis;
}
.AllButStyle___nZyt2 .ButStyles___g4vAm {
line-height: 32px;
font-size: 14px;
font-weight: 600;
height: 32px;
padding: 0px 12px;
border-radius: 16px;
border: none;
}
.AllButStyle___nZyt2 .order___T1t73 {
line-height: 32px;
font-size: 14px;
font-weight: 600;
height: 32px;
padding: 0px 12px;
border-radius: 16px;
border: none;
background: #F47C18;
color: #fff;
}
.AllButStyle___nZyt2 .study___O8gTF {
line-height: 32px;
font-size: 14px;
font-weight: 600;
height: 32px;
padding: 0px 12px;
border-radius: 16px;
border: none;
background: rgba(244, 124, 24, 0.28);
color: #A4642F;
}
.AllButStyle___nZyt2 .studyActive____XjIl:hover {
color: #FA6400;
}
.qianfuhao___ttEG4 {
font-size: 12px;
font-weight: 600;
color: #F47B18;
line-height: 12px;
margin-left: 6px;
}
.TopTitle___NtQws {
width: 1200px;
display: flex;
align-items: center;
}
.TopTitle___NtQws img {
height: 26px;
}
.TopTitle___NtQws .TopName____juq8 {
margin-left: -15px;
font-size: 20px;
font-weight: bold;
color: #181818;
line-height: 26px;
}
.BannerComponent___cA8Rz {
width: 1300px;
margin-top: 40px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
.BannerComponent___cA8Rz .Swiper___WCEkn {
width: 1230px;
margin-top: 22px;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemDiv___i6OHa {
height: 350px;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItem___WRjxL {
border-radius: 8px;
background: #FFFFFF;
box-shadow: 0px 3px 6px 0px rgba(227, 228, 229, 0.5);
margin: 0px 15px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemImg___VST7T {
width: 278px;
height: 159px;
overflow: hidden;
position: relative;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemImg___VST7T img {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
object-fit: cover;
transition: 0.3s;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfo___Maz5j {
height: 178px;
padding: 15px 20px;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfoTitle___NbUj7 {
width: 100%;
font-size: 16px;
font-weight: 600;
color: #333;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfoTeacher___adanB {
margin-top: 10px;
font-size: 12px;
font-weight: 400;
color: #6B758B;
line-height: 12px;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfoRate___Iiz8R {
margin-top: 10px;
display: flex;
align-items: center;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfoRate___Iiz8R .span___Q5aOf {
margin-right: 4px;
font-size: 14px;
font-weight: normal;
color: #B5690F;
line-height: 14px;
padding-top: 2px;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfoRate___Iiz8R [class~='ant-rate-star']:not(:last-child) {
margin-right: 3px;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfoTime___hGPBk {
margin-top: 13px;
display: flex;
align-items: flex-end;
justify-content: space-between;
font-weight: 400;
color: #999999;
line-height: 16px;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfoTime___hGPBk .countdown___yDGAq {
display: flex;
align-items: center;
font-size: 12px;
color: #BD6B27;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfoTime___hGPBk .countdown___yDGAq .span___Q5aOf {
line-height: 14px;
display: inline-block;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfoTime___hGPBk .timeprice___r1rB5 {
white-space: nowrap;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfoTime___hGPBk .timeprice___r1rB5 .span___Q5aOf {
font-size: 22px;
font-weight: 600;
color: #F47B18;
display: inline;
line-height: 18px;
letter-spacing: -1px;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItemInfoTime2___IH_0F {
justify-content: flex-end;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItem___WRjxL .But___n8EMs {
width: 100%;
padding: 0 20px ;
position: absolute;
bottom: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItem___WRjxL .But___n8EMs .span1___c81QL {
font-size: 14px;
font-weight: 400;
color: #12A278;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItem___WRjxL .But___n8EMs .ButStyles___g4vAm {
line-height: 32px;
font-size: 14px;
font-weight: 600;
height: 32px;
padding: 0px 12px;
border-radius: 16px;
border: none;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItem___WRjxL .But___n8EMs .order___T1t73 {
line-height: 32px;
font-size: 14px;
font-weight: 600;
height: 32px;
padding: 0px 12px;
border-radius: 16px;
border: none;
background: #F47C18;
color: #fff;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItem___WRjxL .But___n8EMs .study___O8gTF {
line-height: 32px;
font-size: 14px;
font-weight: 600;
height: 32px;
padding: 0px 12px;
border-radius: 16px;
border: none;
background: rgba(244, 124, 24, 0.28);
color: #A4642F;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItem___WRjxL .But___n8EMs .studyActive____XjIl:hover {
color: #FA6400;
}
.BannerComponent___cA8Rz .Swiper___WCEkn .BannerListItem___WRjxL:hover .BannerListItemImg___VST7T img {
width: 110%;
}
.BannerComponent___cA8Rz .PrevNext___hsSaR {
margin: -420px auto 0;
width: 1240px;
height: 420px;
position: relative;
pointer-events: none;
opacity: 0;
transition: 0.3s;
}
.BannerComponent___cA8Rz .PrevNext___hsSaR .buttonStyle___QfHso {
pointer-events: auto;
position: absolute;
top: 50%;
transform: translateY(-100%);
color: #fff;
font-size: 15px;
width: 42px;
height: 42px;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.BannerComponent___cA8Rz .PrevNext___hsSaR .LeftButton___xv8Cd {
pointer-events: auto;
position: absolute;
top: 50%;
transform: translateY(-100%);
color: #fff;
font-size: 15px;
width: 42px;
height: 42px;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
left: 0;
}
.BannerComponent___cA8Rz .PrevNext___hsSaR .LeftButton___xv8Cd:hover {
background: rgba(0, 0, 0, 0.5);
}
.BannerComponent___cA8Rz .PrevNext___hsSaR .RightButton___CCgMW {
pointer-events: auto;
position: absolute;
top: 50%;
transform: translateY(-100%);
color: #fff;
font-size: 15px;
width: 42px;
height: 42px;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
right: 0;
}
.BannerComponent___cA8Rz .PrevNext___hsSaR .RightButton___CCgMW:hover {
background: rgba(0, 0, 0, 0.5);
}
.BannerComponent___cA8Rz:hover .PrevNext___hsSaR {
opacity: 1;
}
.AllCourse___XLXVP {
width: 1200px;
margin-top: 40px;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb .ButList___JDlsR {
display: flex;
align-items: center;
font-size: 14px;
color: #464F66;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb .ButList___JDlsR Button {
width: 96px;
height: 36px;
border-radius: 2px;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb .ButList___JDlsR Button .icon___VoVSC {
margin-right: 5px;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb .ButList___JDlsR Button [class^='icon-']::before,
.AllCourse___XLXVP .AllCourseTop___ra4rb .ButList___JDlsR Button [class*=' icon-']::before {
font-size: 10px;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb .ButList___JDlsR .Select___PmCfz {
margin-left: 20px;
border-radius: 2px;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb .ButList___JDlsR .Select___PmCfz [class~="ant-select-selector"] {
height: 36px;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb .ButList___JDlsR .Select___PmCfz [class~="ant-select-selector"] span {
margin-left: 10px;
line-height: 35px;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb .ButList___JDlsR .clear___DtGmH {
margin-left: 20px;
cursor: pointer;
color: #464F66;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb .ButList___JDlsR .clear___DtGmH:hover {
color: #0fa2ff;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb .Search___nX6r4 {
width: 318px;
height: 38px;
background: #F6F7F9;
border-radius: 19px;
display: flex;
align-items: center;
font-size: 19px;
padding: 12px 20px;
}
.AllCourse___XLXVP .AllCourseTop___ra4rb .Search___nX6r4 Input {
padding-left: 0px;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln {
margin-top: 20px;
display: flex;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeft___CKuX4 {
width: 186px;
margin-right: 22px;
transition: 0.3s;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv {
border-top: 1px solid #DDDDDD;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv:last-child {
border-bottom: 1px solid #DDDDDD;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItemName___Uz0_G {
padding: 14px 16px;
font-size: 14px;
display: flex;
align-items: center;
justify-content: space-between;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkboxDiv___ttZ2D {
overflow: hidden;
height: 0px;
transition: 0.3s;
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding: 0 32px;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkboxDiv___ttZ2D span {
color: #6B758B;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkboxDiv___ttZ2D [class~="ant-checkbox-wrapper"] {
margin: 0px;
font-size: 14px;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkboxDiv___ttZ2D [class~="ant-checkbox-checked"] [class~="ant-checkbox-inner"] {
background-color: #FF7820;
border-color: #FF7820;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkboxDiv___ttZ2D [class~="ant-checkbox-checked"] [class~="ant-checkbox-inner"] span {
color: #FF7820;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkboxDiv___ttZ2D [class~='ant-checkbox']:hover,
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkboxDiv___ttZ2D [class~='ant-checkbox-wrapper']:hover [class~="ant-checkbox-inner"],
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkboxDiv___ttZ2D [class~="ant-checkbox-checked"]::after {
border-color: #FF7820;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkboxDivClose___pLnfq {
height: auto;
padding-bottom: 15px;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkbox___sKZ1f {
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding: 0 32px;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkbox___sKZ1f span {
color: #FF7820;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkbox___sKZ1f [class~="ant-checkbox-wrapper"] {
margin: 0px;
font-size: 14px;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkbox___sKZ1f [class~="ant-checkbox-checked"] [class~="ant-checkbox-inner"] {
background-color: #FF7820;
border-color: #FF7820;
}
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkbox___sKZ1f [class~='ant-checkbox']:hover,
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkbox___sKZ1f [class~='ant-checkbox-wrapper']:hover [class~="ant-checkbox-inner"],
.AllCourse___XLXVP .AllCourseCent___tr2ln .AllCourseCentLeftItem___lqiIv .checkbox___sKZ1f [class~="ant-checkbox-checked"]::after {
border-color: #FF7820;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud [class~='ant-spin-nested-loading'] {
width: 100%;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN {
background: #fff;
cursor: pointer;
overflow: hidden;
box-shadow: 0px 3px 6px 0px rgba(227, 228, 229, 0.5);
padding: 28px 24px;
display: flex;
margin-bottom: 20px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemLeft___ppfeb {
width: 278px;
height: 159px;
overflow: hidden;
position: relative;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemLeft___ppfeb img {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
object-fit: cover;
transition: 0.3s;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemCent___QH6kE {
margin: 16px 24px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemCentTitle___MkSs3 {
width: 100%;
font-size: 18px;
font-weight: 500;
color: #333333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemCentTitle___MkSs3:hover {
color: #165DFF;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemCentIntro___AaW2U {
margin-top: 8px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemCentIntro___AaW2U .topicTitle___XNbLV {
font-size: 14px;
font-weight: 500;
color: #666;
line-height: 14px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemCentIntro___AaW2U .topicTitle___XNbLV:hover {
color: #165DFF;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemCentTeacher___K9JM9 {
margin-top: 16px;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 14px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemCentRate___nvP_8 {
margin-top: 10px;
display: flex;
align-items: center;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemCentRate___nvP_8 .span___Q5aOf {
margin-right: 4px;
font-size: 14px;
font-weight: normal;
color: #B5690F;
line-height: 14px;
padding-top: 2px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemCentRate___nvP_8 [class~='ant-rate-star']:not(:last-child) {
margin-right: 3px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN .AllCourseCentRightItemCentNum___NdRPW {
margin-top: 7px;
font-size: 14px;
font-weight: 400;
color: #999;
line-height: 14px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN:hover .AllCourseCentRightItemLeft___ppfeb img {
width: 110%;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItem___HZtBN:last-child {
margin-bottom: 0px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllStyles___zTjGA {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it {
min-width: 120px;
position: absolute;
right: 24px;
bottom: 0px;
height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .PriceStyles___elfNF {
font-size: 22px;
font-weight: 600;
color: #F47B18;
letter-spacing: -1px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .OriginPrice___g_WQa {
font-size: 22px;
font-weight: 600;
color: #F47B18;
letter-spacing: -1px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .IsDiscount___nm8g9 {
text-align: center;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .IsDiscountPrice___vcPDt {
display: flex;
align-items: center;
justify-content: center;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .IsDiscountPrice___vcPDt span {
font-size: 22px;
font-weight: 600;
color: #F47B18;
letter-spacing: -1px;
white-space: nowrap;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .IsDiscountPrice___vcPDt span .qianfuhao___ttEG4 {
font-size: 12px;
font-weight: 600;
color: #F47B18;
line-height: 12px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .IsDiscountPrice___vcPDt del {
margin-left: 5px;
font-size: 12px;
font-weight: 400;
color: #999;
line-height: 12px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .IsDiscountCountdown___ED5GI {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 18px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .IsDiscountCountdown___ED5GI .span1___c81QL {
font-size: 12px;
line-height: 12px;
color: #999;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .IsDiscountCountdown___ED5GI .span2___iCDNr {
font-size: 14px;
line-height: 14px;
margin-top: 8px;
color: #BD6B27;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .IsDiscountOriginPrice___dHu5H {
margin-top: 18px;
font-size: 12px;
font-weight: 400;
color: #999;
line-height: 12px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .two___Xhngl {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .two___Xhngl [class~='ant-progress-line'] {
line-height: 12px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .two___Xhngl .span2___iCDNr {
margin-top: 10px;
color: #999;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .two___Xhngl .span2___iCDNr span {
color: #FA6400;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .ButStyles___g4vAm {
line-height: 32px;
font-size: 14px;
font-weight: 600;
height: 32px;
padding: 0px 12px;
border-radius: 16px;
border: none;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .order___T1t73 {
line-height: 32px;
font-size: 14px;
font-weight: 600;
height: 32px;
padding: 0px 12px;
border-radius: 16px;
border: none;
background: #F47C18;
color: #fff;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .study___O8gTF {
line-height: 32px;
font-size: 14px;
font-weight: 600;
height: 32px;
padding: 0px 12px;
border-radius: 16px;
border: none;
background: rgba(244, 124, 24, 0.28);
color: #A4642F;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it .studyActive____XjIl:hover {
color: #FA6400;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .AllCourseCentRightItemRight___oc_it Button {
margin-top: 27px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .Pagination___qKPNH {
margin-top: 30px;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .Pagination___qKPNH [class~='ant-pagination-item-active'] {
background: #FF7820 !important;
border-color: #FF7820 !important;
}
.AllCourse___XLXVP .AllCourseCentRight___PvNud .Pagination___qKPNH [class~='ant-pagination-item-active'] a {
color: #fff !important;
}
.UserReview___KmjLd {
width: 1200px;
margin-top: 40px;
}
.UserReview___KmjLd .UserReviewInfo___FQdRQ {
margin-top: 30px;
height: 80px;
display: flex;
justify-content: space-between;
}
.UserReview___KmjLd .UserReviewWords___ByZG7 {
margin-top: 18px;
padding: 30px 36px;
background: #FFFFFF;
box-shadow: 0px 0px 12px 0px rgba(227, 228, 229, 0.5);
border-radius: 4px;
font-size: 14px;
font-weight: 400;
color: #333;
line-height: 24px;
}
.body___CgzAR {
margin-top: -72px;
position: relative;
background: #fff;
}
.body___CgzAR .BannerList___UAlhX {
height: 420px;
width: 100%;
}
.body___CgzAR .BannerList___UAlhX .BannerDiv___Y_iJx .slick-dots-bottom {
bottom: 40px;
right: 100px;
justify-content: flex-end;
}
.body___CgzAR .BannerList___UAlhX .BannerDiv___Y_iJx .slick-dots-bottom li button {
height: 8px;
width: 8px;
border-radius: 4px;
}
.body___CgzAR .BannerList___UAlhX .BannerDiv___Y_iJx .slick-dots-bottom li.slick-active button {
width: 20px;
}
.body___CgzAR .BannerList___UAlhX .Banner___pjKbp {
height: 420px;
width: 100%;
}
.body___CgzAR .BannerList___UAlhX .Banner___pjKbp img {
width: 100%;
height: 100%;
object-fit: cover;
}
.body___CgzAR .BannerList___UAlhX .PrevNext___hsSaR {
margin: -420px auto 0;
width: 1240px;
height: 420px;
position: relative;
pointer-events: none;
opacity: 0;
transition: 0.3s;
}
.body___CgzAR .BannerList___UAlhX .PrevNext___hsSaR .buttonStyle___QfHso {
pointer-events: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-size: 15px;
width: 42px;
height: 42px;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.body___CgzAR .BannerList___UAlhX .PrevNext___hsSaR .LeftButton___xv8Cd {
pointer-events: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-size: 15px;
width: 42px;
height: 42px;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
left: 0;
}
.body___CgzAR .BannerList___UAlhX .PrevNext___hsSaR .LeftButton___xv8Cd:hover {
background: rgba(0, 0, 0, 0.5);
}
.body___CgzAR .BannerList___UAlhX .PrevNext___hsSaR .RightButton___CCgMW {
pointer-events: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-size: 15px;
width: 42px;
height: 42px;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
right: 0;
}
.body___CgzAR .BannerList___UAlhX .PrevNext___hsSaR .RightButton___CCgMW:hover {
background: rgba(0, 0, 0, 0.5);
}
.body___CgzAR .BannerList___UAlhX:hover .PrevNext___hsSaR {
opacity: 1;
}
.body___CgzAR .Cent___ISiU9 {
position: relative;
z-index: 1;
margin: -20px auto 0;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD {
width: 1200px;
height: 102px;
padding: 30px 50px;
background: #FFFFFF;
box-shadow: 0px 5px 16px 0px #F3F6FF, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 10px;
display: flex;
justify-content: space-between;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .infoStyle___XrEMW {
display: flex;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .infoStyle___XrEMW .Img___h9Y_0 {
height: 42px;
width: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #F4F8FA;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .infoStyle___XrEMW .Img___h9Y_0 [class*=' icon-']::before {
font-size: 20px !important;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .infoStyle___XrEMW .Info___UCa4P {
margin-left: 10px;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .infoStyle___XrEMW .Info___UCa4P .Info1___jkSAI {
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .infoStyle___XrEMW .Info___UCa4P .Info2___ye3YF {
font-size: 12px;
font-weight: 400;
line-height: 12px;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .userInfoDiv___UJuyG {
display: flex;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .userInfoDiv___UJuyG .Img___h9Y_0 {
height: 42px;
width: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #F4F8FA;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .userInfoDiv___UJuyG .Img___h9Y_0 [class*=' icon-']::before {
font-size: 20px !important;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .userInfoDiv___UJuyG .Info___UCa4P {
margin-left: 10px;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .userInfoDiv___UJuyG .Info___UCa4P .Info1___jkSAI {
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .userInfoDiv___UJuyG .Info___UCa4P .Info2___ye3YF {
font-size: 12px;
font-weight: 400;
line-height: 12px;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .userInfoDiv___UJuyG .Info___UCa4P .Info1___jkSAI {
cursor: pointer;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .userInfoDiv___UJuyG .Info___UCa4P .Info1___jkSAI:hover {
color: #165DFF;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .userInfoDiv___UJuyG .Info___UCa4P .Info2___ye3YF {
color: #FF6500;
cursor: pointer;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .Detailed___WSFSZ {
display: flex;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .Detailed___WSFSZ .Img___h9Y_0 {
height: 42px;
width: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #F4F8FA;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .Detailed___WSFSZ .Img___h9Y_0 [class*=' icon-']::before {
font-size: 20px !important;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .Detailed___WSFSZ .Info___UCa4P {
margin-left: 10px;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .Detailed___WSFSZ .Info___UCa4P .Info1___jkSAI {
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .Detailed___WSFSZ .Info___UCa4P .Info2___ye3YF {
font-size: 12px;
font-weight: 400;
line-height: 12px;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .Detailed___WSFSZ .Info___UCa4P .Info1___jkSAI {
color: #232B40;
}
.body___CgzAR .Cent___ISiU9 .InfoDiv___HPQcD .Detailed___WSFSZ .Info___UCa4P .Info2___ye3YF {
color: #6A7283;
}
.body___CgzAR .Cent___ISiU9 .CustomTags___fDxDW {
width: 1200px;
margin-top: 40px;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.body___CgzAR .Cent___ISiU9 .CustomTags___fDxDW .centNavDiv___J7CEL {
display: flex;
flex-wrap: wrap;
align-items: center;
max-height: 88px;
}
.body___CgzAR .Cent___ISiU9 .CustomTags___fDxDW .centNavDivOpen___S9xEP {
max-height: 220px;
overflow: auto;
}
.body___CgzAR .Cent___ISiU9 .CustomTags___fDxDW .centNav___jBalL {
margin-bottom: 14px;
padding: 6px 8px;
margin-right: 26px;
color: #5F6368;
font-size: 14px;
line-height: 18px;
border-radius: 2px;
cursor: pointer;
}
.body___CgzAR .Cent___ISiU9 .CustomTags___fDxDW .centNav___jBalL:last-child {
margin-right: 0px;
}
.body___CgzAR .Cent___ISiU9 .CustomTags___fDxDW .centNav___jBalL:hover {
color: #165DFF;
}
.body___CgzAR .Cent___ISiU9 .CustomTags___fDxDW .centNavActive___j2oo_ {
color: #fff;
background: #F47C18;
}
.body___CgzAR .Cent___ISiU9 .CustomTags___fDxDW .centNavActive___j2oo_:hover {
color: #fff;
}
.body___CgzAR .Cent___ISiU9 .CustomTags___fDxDW .OpenClose___pb09k {
position: absolute;
right: 0px;
bottom: 14px;
padding: 6px 8px;
font-size: 14px;
line-height: 14px;
color: #165DFF;
display: flex;
align-items: center;
cursor: pointer;
z-index: 2;
}
.body___CgzAR .Cent___ISiU9 .CustomTags___fDxDW .OpenClose___pb09k .OpenIcon___bVCdt {
margin-top: 3px;
transform: rotate(-90deg);
transition: 0.3s;
}
.body___CgzAR .Cent___ISiU9 .CustomTags___fDxDW .OpenClose___pb09k .CloseIcon___SI85g {
transform: rotate(90deg);
}
.body___CgzAR .FixeRight___YVyTP {
position: fixed;
right: 10px;
top: 50%;
z-index: 999;
transform: translate(100%, -50%);
display: flex;
align-items: center;
}
.body___CgzAR .FixeRight___YVyTP .FixeAbout___vzDzf {
background: #FFF;
padding: 20px 5px;
letter-spacing: 5px;
font-size: 16px;
border-radius: 5px 0 0 5px;
box-shadow: 0px 3px 6px 0px #DBE2F3;
position: absolute;
top: 50%;
transform: translate(-100%, -50%);
opacity: 1;
transition: 0.3s;
cursor: pointer;
}
.body___CgzAR .FixeRight___YVyTP .FixeAbout___vzDzf:active {
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
}
.body___CgzAR .FixeRight___YVyTP .FixeInfo___GOZo3 {
position: relative;
z-index: 1;
width: 100px;
padding: 16px;
background: #FFF;
box-shadow: 0px 3px 6px 0px #DBE2F3;
border-radius: 4px;
border: 1px solid #F6F6F6;
}
.body___CgzAR .FixeRight___YVyTP .FixeInfo___GOZo3 .Qrcode___p1quP {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
line-height: 20px;
margin-bottom: 20px;
}
.body___CgzAR .FixeRight___YVyTP .FixeInfo___GOZo3 .Qrcode___p1quP img {
width: 68px;
height: 68px;
object-fit: cover;
}
.body___CgzAR .FixeRight___YVyTP .FixeInfo___GOZo3 .Qrcode___p1quP:last-child {
margin-bottom: 0px;
}
.body___CgzAR .FixeRight___YVyTP:hover {
opacity: 1;
}
.body___CgzAR .FixeRight___YVyTP:hover .FixeAbout___vzDzf {
opacity: 1;
transform: translate(-100%, -50%);
}
.body___CgzAR .FixeRightOpen___qALtO {
opacity: 1;
transform: translate(0%, -50%);
}
.body___CgzAR .FixeRightOpen___qALtO .FixeAbout___vzDzf {
transform: translate(0%, -50%);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/PreviewAll/index.less?modules ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrp___dq7YK {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 108;
}
.wrp___dq7YK.bgBlack___ARIUV {
background: rgba(0, 0, 0, 0.5);
}
.wrp___dq7YK img,
.wrp___dq7YK video {
max-width: 100%;
max-height: 80%;
text-align: center;
}
.wrp___dq7YK iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #fff;
border: none;
}
.monaco___VnZC3 {
position: absolute;
height: 100%;
width: 100%;
}
.darkBlue___UprA9 * {
font-size: 14px;
}
.darkBlue___UprA9 [class~='margin'],
.darkBlue___UprA9 [class~='monaco-editor-background'] {
background: #0a0e2d !important;
}
.darkBlue___UprA9 [class~='line-numbers'] {
color: white !important;
}
.close___LKoWu {
position: absolute;
right: 40px;
top: 40px;
z-index: 10;
display: flex;
}
.close___LKoWu > 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___hvpEJ {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/components/monaco-editor/index.css ***!
\********************************************************************************************************************************************************************************************************************************************************************************************/
.my-monaco-editor div,
.my-diff-editor div {
font-size: inherit;
}
.my-error-line-wrp {
width: calc(100% - 20px) !important;
background: rgba(245, 0, 0, 0.2) !important;
height: auto !important;
color: rgba(245, 0, 0, 1);
}
.noCopyPaste .quick-input-widget {
display: none !important;
}
.breakpoints-select {
background: #FF0000;
width: 8px !important;
height: 8px !important;
left: 7px !important;
top: 7px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.breakpoints-fake {
background: rgba(255, 0, 0, 0.5);
width: 8px !important;
height: 8px !important;
left: 7px !important;
top: 7px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.highlighted-line {
background: #4B4B18;
}