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__Shixuns__Index.1bc4e618....

495 lines
11 KiB

.flex_box_center___1TVw_ {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___2brOU {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___1cqRm {
align-items: center;
box-align: center;
}
.flex_box_center_end___3SOwH {
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___3a2zd {
flex-direction: column;
box-orient: block-axis;
}
.wrp___XEDpn {
background: #fff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
}
.menu___350i4 {
padding: 30px 0 0 0;
margin-bottom: 30px;
position: relative;
z-index: 2;
}
.menu___350i4:hover {
z-index: 3;
}
.menu___350i4 > li {
display: inline-block;
position: relative;
margin-right: 10px;
padding-bottom: 10px;
margin-bottom: 12px;
font-size: 15px;
}
.menu___350i4 > li a {
color: #4b4b4b;
}
.menu___350i4 > li strong {
padding: 8px 22px;
border-radius: 40px;
cursor: pointer;
font-weight: normal;
}
.menu___350i4 > li:hover {
color: #fff;
}
.menu___350i4 > li:hover a,
.menu___350i4 > li:hover strong {
color: #0152d9;
background: #ddecf9;
}
.menu___350i4 > li:hover div {
display: block;
}
.menu___350i4 > 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___350i4 > li > div h2 {
cursor: pointer;
margin: 10px 0;
}
.menu___350i4 > li > div h2:hover {
color: #0152d9;
}
.menu___350i4 > li > div ul {
padding-left: 0px;
}
.menu___350i4 > li > div ul li {
cursor: pointer;
display: inline-block;
height: 30px;
line-height: 30px;
margin-right: 20px;
color: #333;
font-size: 14px;
}
.menu___350i4 > li > div ul li:hover {
color: #0152d9;
}
.actived___3tDGQ strong {
background: #ddecf9;
color: #0152d9;
}
.actived2___2gxJJ {
color: #0152d9 !important;
}
.search___7gDax > div:nth-child(1) button {
border-radius: 40px;
box-shadow: none;
}
.search___7gDax [class~='ant-btn-default'] {
background: #eee;
border-color: #eee;
color: #999;
}
.search___7gDax [class~='ant-btn-primary'] {
background-color: #0152d9;
border-color: #0152d9;
}
.search___7gDax [class~='ant-input'] {
border-radius: 4px;
}
.search___7gDax [class~='ant-input-search-button'] {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.flex_box_center___pcnw8 {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___3EuV9 {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___1-7fM {
align-items: center;
box-align: center;
}
.flex_box_center_end___22N8N {
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___1L2FY {
flex-direction: column;
box-orient: block-axis;
}
.banner___NsrJI {
height: 160px;
position: relative;
overflow: hidden;
}
.banner___NsrJI img {
height: 100%;
width: 101%;
position: absolute;
z-index: 1;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.banner___NsrJI .container___3RPWl {
position: absolute;
z-index: 2;
left: 50%;
top: 0;
transform: translateX(-50%);
width: 1200px;
display: flex;
justify-content: space-between;
}
.banner___NsrJI .container___3RPWl .link___9K6BJ .left___2kvDQ {
margin-top: 40px;
display: flex;
align-items: center;
}
.banner___NsrJI .container___3RPWl .link___9K6BJ .left___2kvDQ span:first-child {
height: 30px;
font-size: 30px;
font-weight: 600;
color: #ffffff;
line-height: 30px;
letter-spacing: 4px;
}
.banner___NsrJI .container___3RPWl .link___9K6BJ .left___2kvDQ span:last-child {
height: 16px;
font-size: 16px;
color: #ffffff;
line-height: 16px;
letter-spacing: 4px;
margin-left: 16px;
}
.banner___NsrJI .container___3RPWl .link___9K6BJ > 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___NsrJI .container___3RPWl .link___9K6BJ > span i {
font-size: 14px;
display: inline-block;
margin-right: 10px;
transform: translateY(1px);
}
.banner___NsrJI .container___3RPWl .search___QDDgh .hotSearch___2ErRX {
margin-top: 20px;
}
.banner___NsrJI .container___3RPWl .search___QDDgh .hotSearch___2ErRX span {
height: 12px;
font-size: 12px;
color: #ffffff;
line-height: 12px;
margin-right: 14px;
cursor: pointer;
}
.banner___NsrJI .container___3RPWl .search___QDDgh .ant-input {
height: 46px;
padding-left: 14px;
background: #f5f5f5;
}
.banner___NsrJI .container___3RPWl .search___QDDgh .ant-input-wrapper {
border-radius: 4px;
overflow: hidden;
}
.banner___NsrJI .container___3RPWl .search___QDDgh .ant-btn {
height: 46px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.courseItems___9R99J {
position: relative;
}
.courseItems___9R99J a {
margin-right: 26px;
}
.courseItems___9R99J a:nth-child(4n) {
margin-right: 0;
}
.courseItems___9R99J div[class~='ant-card'] {
width: 278px;
height: 278px;
margin: 15px 14.5px 15px 15px;
display: inline-block;
box-shadow: 0px 0px 6px 0px #f1f1f1;
transition: all 0.5s;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
border: 0;
}
.courseItems___9R99J div[class~='ant-card']:hover div[class^='lockWrap'] {
display: block;
}
.courseItems___9R99J div[class~='ant-card'] [class~='ant-card-body'] {
padding: 30px 20px 20px 20px;
}
.courseItems___9R99J div[class~='ant-card'] [class='ant-card-cover'] {
height: 178px;
width: 100%;
margin: 0;
overflow: hidden;
}
.courseItems___9R99J div[class~='ant-card'] [class~='ant-card-meta-title'] {
color: #333;
font-weight: bold;
font-size: 16px;
}
.courseItems___9R99J div[class~='ant-card'] [class~='ant-rate-star'] {
font-size: 13px;
}
.courseItems___9R99J div[class~='ant-card'] [class~='ant-rate'] {
font-size: 12px;
margin-top: -3px;
}
.courseItems___9R99J div[class~='ant-card'] [class~='ant-rate-star']:not(:last-child) {
margin-right: 2px;
}
.courseItems___9R99J div[class~='ant-card'] p {
margin-bottom: 0px;
height: 20px;
line-height: 20px;
}
.courseItems___9R99J div[class~='ant-card'] img {
width: 100%;
border-radius: 8px 8px 0 0;
transition: all 0.5s;
}
.courseItems___9R99J div[class~='ant-card'] .rate___12X5H {
display: flex;
align-items: center;
}
.courseItems___9R99J div[class~='ant-card']:hover {
box-shadow: 0px 0px 6px 0px #f1f1f1;
}
.courseItems___9R99J div[class~='ant-card']:hover [class='ant-card-cover'] img {
transform: scale(1.1);
}
.jupyterTag___2rJJT {
position: absolute;
left: 0px;
top: 20px;
}
.jupyterTag___2rJJT span {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #ff6802;
width: 66px;
height: 28px;
line-height: 28px;
border-radius: 0px 20px 20px 0px;
font-size: 14px;
color: #ffffff;
margin-right: 6px;
}
.virtualTag___1q2w9 {
position: absolute;
left: 0px;
top: 20px;
}
.virtualTag___1q2w9 span {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #a500d8;
width: 66px;
height: 28px;
line-height: 28px;
border-radius: 0px 20px 20px 0px;
font-size: 14px;
color: #ffffff;
margin-right: 6px;
}
.lockWrap___IVH41 {
position: absolute;
width: 100%;
left: 0px;
top: 0px;
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
z-index: 5;
display: none;
cursor: default;
}
.flexCenter___1GQMm {
display: flex;
flex-direction: row;
align-items: center;
height: 20px;
}
.esTitle___8oqr_ {
display: inline-block;
max-width: 238px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.flex_box_center___bqQI_ {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___3rQaL {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___UYXpP {
align-items: center;
box-align: center;
}
.flex_box_center_end___2Kcas {
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___1FW9O {
flex-direction: column;
box-orient: block-axis;
}
.wrp___1QmFu {
width: 1200px;
margin: 0 auto;
}
.bg___11vYE {
background: #fafafa;
}
.btBtns___2lCic {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 60px;
margin-right: 15px;
margin-top: 45px;
}
.btBtns___2lCic > button {
padding: 12px 26px;
height: 40px;
width: 100px;
border: 0;
border-radius: 4px;
}
/* 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;
}