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__Paths__Index.f2f6faf1.ch...

660 lines
14 KiB

.flex_box_center___1JzhH {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___1-2uP {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___1GBV9 {
align-items: center;
box-align: center;
}
.flex_box_center_end___qHDvm {
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___3jdBA {
flex-direction: column;
box-orient: block-axis;
}
.wrp___1jvPY {
background: #fff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
}
.menu___2eTh- {
padding: 30px 0 0 0;
margin-bottom: 30px;
position: relative;
z-index: 2;
}
.menu___2eTh-:hover {
z-index: 3;
}
.menu___2eTh- > li {
display: inline-block;
position: relative;
margin-right: 10px;
padding-bottom: 10px;
margin-bottom: 12px;
font-size: 15px;
}
.menu___2eTh- > li a {
color: #4b4b4b;
}
.menu___2eTh- > li strong {
padding: 8px 22px;
border-radius: 40px;
cursor: pointer;
font-weight: normal;
}
.menu___2eTh- > li:hover {
color: #fff;
}
.menu___2eTh- > li:hover a,
.menu___2eTh- > li:hover strong {
color: #0152d9;
background: #ddecf9;
}
.menu___2eTh- > li:hover div {
display: block;
}
.menu___2eTh- > li > div {
display: none;
position: absolute;
left: 0;
top: 30px;
width: 500px;
padding: 10px;
background: #fff;
max-height: 400px;
overflow: auto;
z-index: 8;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.menu___2eTh- > li > div h2 {
cursor: pointer;
margin: 10px 0;
}
.menu___2eTh- > li > div h2:hover {
color: #0152d9;
}
.menu___2eTh- > li > div ul {
padding-left: 0px;
}
.menu___2eTh- > li > div ul li {
cursor: pointer;
display: inline-block;
height: 30px;
line-height: 30px;
margin-right: 20px;
color: #333;
font-size: 14px;
}
.menu___2eTh- > li > div ul li:hover {
color: #0152d9;
}
.actived___t5wRY strong {
background: #ddecf9;
color: #0152d9;
}
.actived2___3Mv_F {
color: #0152d9 !important;
}
.search___1Zgc7 > div:nth-child(1) button {
border-radius: 40px;
box-shadow: none;
}
.search___1Zgc7 [class~='ant-btn-default'] {
background: #eee;
border-color: #eee;
color: #999;
}
.search___1Zgc7 [class~='ant-btn-primary'] {
background-color: #0152d9;
border-color: #0152d9;
}
.search___1Zgc7 [class~='ant-input'] {
border-radius: 4px;
}
.search___1Zgc7 [class~='ant-input-search-button'] {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.RightButton___3rfEm {
position: absolute;
top: 60px;
right: 27px;
z-index: 1;
font-size: 15px;
width: 40px;
height: 40px;
background: rgba(1, 82, 217, 0.2);
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.RightButton___3rfEm:hover {
position: absolute;
top: 60px;
right: 27px;
z-index: 1;
font-size: 15px;
width: 40px;
height: 40px;
background: #0152d9;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.LeftButton___K-q1R {
position: absolute;
top: 60px;
left: 21px;
z-index: 1;
font-size: 15px;
width: 40px;
height: 40px;
background: rgba(1, 82, 217, 0.2);
border-radius: 50%;
display: flex;
color: #fff;
align-items: center;
justify-content: center;
display: none;
}
.Leftdiv___3SlM3 {
width: 200px;
height: 100%;
position: absolute;
top: 0px;
left: 21px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
display: none;
z-index: 1;
}
.Rightdiv___23_vr {
width: 200px;
height: 100%;
right: 0px;
top: 0px;
position: absolute;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
display: none;
z-index: 1;
}
.LeftButton___K-q1R:hover {
position: absolute;
top: 60px;
left: 21px;
z-index: 1;
font-size: 15px;
width: 40px;
height: 40px;
background: #0152d9;
border-radius: 50%;
display: flex;
color: #fff;
align-items: center;
justify-content: center;
}
.pathsadvertisement___3MUu7:hover .LeftButton___K-q1R,
.pathsadvertisement___3MUu7:hover .Leftdiv___3SlM3,
.pathsadvertisement___3MUu7:hover .Rightdiv___23_vr,
.pathsadvertisement___3MUu7:hover .RightButton___3rfEm {
display: flex;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.flex_box_center___bIbhL {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___NTBMl {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___9WP5k {
align-items: center;
box-align: center;
}
.flex_box_center_end___3OkbE {
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___2dYop {
flex-direction: column;
box-orient: block-axis;
}
.banner___1ZC9j {
height: 160px;
position: relative;
overflow: hidden;
}
.banner___1ZC9j img {
height: 100%;
width: 101%;
position: absolute;
z-index: 1;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.banner___1ZC9j .container___37aUH {
position: absolute;
z-index: 2;
left: 50%;
top: 0;
transform: translateX(-50%);
width: 1200px;
display: flex;
justify-content: space-between;
}
.banner___1ZC9j .container___37aUH .link___YOlst .left___aG9EY {
margin-top: 40px;
display: flex;
align-items: center;
}
.banner___1ZC9j .container___37aUH .link___YOlst .left___aG9EY span:first-child {
width: 140px;
height: 30px;
font-size: 30px;
font-weight: 600;
color: #ffffff;
line-height: 30px;
letter-spacing: 4px;
}
.banner___1ZC9j .container___37aUH .link___YOlst .left___aG9EY span:last-child {
height: 16px;
font-size: 16px;
color: #ffffff;
line-height: 16px;
letter-spacing: 4px;
margin-left: 16px;
}
.banner___1ZC9j .container___37aUH .link___YOlst > span {
display: inline-block;
width: 104px;
height: 30px;
line-height: 28px;
text-align: center;
border-radius: 4px;
border: 1px solid #666666;
margin-right: 30px;
margin-top: 30px;
color: #ffffff;
cursor: pointer;
}
.banner___1ZC9j .container___37aUH .link___YOlst > span i {
font-size: 14px;
display: inline-block;
margin-right: 10px;
transform: translateY(1px);
}
.banner___1ZC9j .container___37aUH .search___3GDcr .hotSearch___1BCTR {
margin-top: 20px;
}
.banner___1ZC9j .container___37aUH .search___3GDcr .hotSearch___1BCTR span {
height: 12px;
font-size: 12px;
color: #ffffff;
line-height: 12px;
margin-right: 14px;
cursor: pointer;
}
.banner___1ZC9j .container___37aUH .search___3GDcr .ant-input {
height: 46px;
padding-left: 14px;
background: #f5f5f5;
}
.banner___1ZC9j .container___37aUH .search___3GDcr .ant-input-wrapper {
border-radius: 4px;
overflow: hidden;
}
.banner___1ZC9j .container___37aUH .search___3GDcr .ant-btn {
height: 46px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tilte___1Tz7i {
color: #333333;
font-size: 16px;
text-align: center;
}
.flexRow___3w9_D {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 30px;
}
.flexColumn___2HzC_ {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.footerWrap___12F5M {
display: flex;
justify-content: space-between;
}
.img___3ED9Z {
width: 40px;
height: 37px;
vertical-align: middle;
border-style: none;
}
.content___rqPDY {
font-size: 14px;
color: #979797;
margin-top: 15px;
}
.modalContent___2h4ne {
text-align: center;
margin-top: 10px;
color: #333333;
font-size: 16px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.item___f8_p4 {
margin-top: 14px;
}
.item___f8_p4 > [class~='ant-col'] > div {
margin: 10px;
height: 140px;
background: #edf7ff;
border-radius: 20px;
cursor: pointer;
}
.item___f8_p4 > [class~='ant-col'] [class^='icon-'] {
color: #0152d9;
font-size: 46px;
margin-bottom: 22px;
display: inline-block;
}
.item___f8_p4 .active___1xmU6 > div {
background: #7ab9ff;
border-color: #0152d9;
}
.item___f8_p4 .active___1xmU6 > div [class^='icon-'] {
color: #fff;
}
.item___f8_p4 .active___1xmU6 > div * {
color: #fff;
}
.hb100___H7msQ {
height: 100%;
}
.img___hg2gk img {
width: 200px;
max-height: 120px;
border-radius: 10px;
}
.step2___3Fn-W [class~='ant-checkbox-inner'] {
width: 22px;
height: 22px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.courseItems___2zQAW {
position: relative;
}
.courseItems___2zQAW a {
margin-right: 26px;
}
.courseItems___2zQAW a:nth-child(4n) {
margin-right: 0;
}
.courseItems___2zQAW div[class~='ant-card'] {
width: 280px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
margin-bottom: 35px;
display: inline-block;
transition: all 0.5s;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
}
.courseItems___2zQAW div[class~='ant-card'] [class='ant-card-cover'] {
height: 175px;
width: 100%;
overflow: hidden;
}
.courseItems___2zQAW div[class~='ant-card'] [class~='ant-card-meta-title'] {
font-size: 16px;
font-weight: 600;
}
.courseItems___2zQAW div[class~='ant-card'] [class~='ant-card-body'] {
padding: 15px;
}
.courseItems___2zQAW div[class~='ant-card'] img {
border-radius: 8px 8px 0 0;
transition: all 0.5s;
}
.courseItems___2zQAW div[class~='ant-card']:hover {
box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
.courseItems___2zQAW div[class~='ant-card']:hover [class='ant-card-cover'] img {
transform: scale(1.1);
}
.unit___S8jhy {
display: inline-block;
max-width: 258px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #464f66;
line-height: 20px;
text-shadow: 0px 0px 6px #f1f1f1;
margin: -5px 0 -5px -10px;
}
.excellentTag___3SQzl {
position: absolute;
left: 0px;
top: 0px;
}
.excellentTag___3SQzl span {
display: flex;
align-items: center;
background: #ff6802;
width: 70px;
height: 28px;
line-height: 28px;
border-radius: 0px 0px 20px 0px;
font-size: 14px;
color: #ffffff;
margin-right: 6px;
padding-left: 5px;
}
.flexCenter___1Q9Ib {
display: flex;
flex-direction: row;
align-items: center;
}
.flexEnd___CMDcw {
display: flex;
flex-direction: row;
align-items: flex-end;
}
.flexEnd___CMDcw > span {
display: flex;
align-items: center;
}
.righttag___2oqam {
position: absolute;
right: 0px;
top: 0px;
}
.esTitle___3AIln {
display: inline-block;
max-width: 248px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.price___1rgIQ {
display: flex;
align-items: center;
margin-top: 10px;
}
.price___1rgIQ .discounts___m8EAE {
color: #888888;
font-size: 14px;
}
.price___1rgIQ .realPrice___1Cerj {
color: #e01919;
font-size: 16px;
font-weight: bold;
}
.price___1rgIQ .lineationPrice___3KPLH {
color: #888888;
font-size: 16px;
text-decoration: line-through;
margin-left: 8px;
}
.unitImg___jOREy {
display: inline-block;
width: 34px;
height: 32px;
margin-left: -10px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.flex_box_center___2kBE3 {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___3MA16 {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___2gPAv {
align-items: center;
box-align: center;
}
.flex_box_center_end___1Hzrf {
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___MRmfH {
flex-direction: column;
box-orient: block-axis;
}
.wrp___1Tkga {
width: 1200px;
margin: 0 auto;
}
.banner___3juYI {
height: 300px;
overflow: hidden;
display: box;
display: flex;
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.banner___3juYI img {
height: 300px;
}
.bg___15OtE {
background: #fafafa;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.advertisementModal .ant-modal-content{
background-color:transparent;
box-shadow:0px 0px 0px 0px;
position:relative;
background-clip: padding-box;
border: 0;
border-radius: 4px;
pointer-events: auto;
}
.closex{
width:25px;
height:25px;
border:1px solid rgba(255,255,255,1);
border-radius: 50%;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
}
.modalContent{
width: 880px;
margin-top: 30px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(270deg, rgba(0, 182, 120, 0) 0%, rgba(0, 182, 120, 0.4) 48%, rgba(0, 182, 120, 0) 100%);
}
.textcolor{
height: 30px;
width: 140px;
background: rgb(247, 181, 0);
border-radius: 4px;
line-height: 30px;
color: #fff;
}
.spanButton{
cursor: default;
width: 100px;
height: 30px;
background: rgba(247, 181, 0, 0.6);
border-radius: 4px;
border: 1px solid rgb(247, 181, 0);
color: rgb(255, 255, 255);
position: absolute;
/* line-height: 30px; */
display: flex;
align-items: center;
justify-content: center;
/* top: 219px; */
left: 614px;
}