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__Laboratory__Index__index...

3396 lines
82 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.4@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.4@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Laboratory/Index/index.less?modules ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___lrHxi {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___jBQWM {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___r27qS {
align-items: center;
box-align: center;
}
.flex_box_center_end___P4YAj {
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___Ejmkk {
flex-direction: column;
box-orient: block-axis;
}
button {
margin: 0;
padding: 0;
border: 1px solid transparent;
outline: none;
background-color: transparent;
}
button:active {
opacity: 0.6;
}
.flex-col___bvmF7 {
display: flex;
flex-direction: column;
}
.flex-row___m7iv1 {
display: flex;
flex-direction: row;
}
.justify-start___wdBZW {
display: flex;
justify-content: flex-start;
}
.justify-center___a93Fq {
display: flex;
justify-content: center;
}
.justify-end___cJ6H_ {
display: flex;
justify-content: flex-end;
}
.justify-evenly___bVYPK {
display: flex;
justify-content: space-evenly;
}
.justify-around___IFWgT {
display: flex;
justify-content: space-around;
}
.justify-between___mhcs5 {
display: flex;
justify-content: space-between;
}
.align-start___WE2TQ {
display: flex;
align-items: flex-start;
}
.align-center___cahB7 {
display: flex;
align-items: center;
}
.align-end___yjEqK {
display: flex;
align-items: flex-end;
}
button {
margin: 0;
padding: 0;
border: 1px solid transparent;
outline: none;
background-color: transparent;
}
button:active {
opacity: 0.6;
}
.flex-col___bvmF7 {
display: flex;
flex-direction: column;
}
.flex-row___m7iv1 {
display: flex;
flex-direction: row;
}
.justify-start___wdBZW {
display: flex;
justify-content: flex-start;
}
.justify-center___a93Fq {
display: flex;
justify-content: center;
}
.justify-end___cJ6H_ {
display: flex;
justify-content: flex-end;
}
.justify-evenly___bVYPK {
display: flex;
justify-content: space-evenly;
}
.justify-around___IFWgT {
display: flex;
justify-content: space-around;
}
.justify-between___mhcs5 {
display: flex;
justify-content: space-between;
}
.align-start___WE2TQ {
display: flex;
align-items: flex-start;
}
.align-center___cahB7 {
display: flex;
align-items: center;
}
.align-end___yjEqK {
display: flex;
align-items: flex-end;
}
.all_box___JhY33 {
background: #fff;
}
.wrap___nc2Lp {
margin: 0 30px;
margin-top: 30px;
display: flex;
justify-content: space-between;
padding-bottom: 20px;
}
.wrap___nc2Lp .left___IiZZt {
width: 240px;
flex-shrink: 0;
background: linear-gradient(180deg, #0D2A6D 0%, #4351A8 100%);
box-shadow: inset 0px 1px 6px 0px #051E55;
border-radius: 8px;
min-height: 88vh;
}
.wrap___nc2Lp .left___IiZZt [class~='ant-menu-item'] {
height: 44px !important;
line-height: 44px !important;
margin-inline: 8px !important;
color: #5F6367;
}
.wrap___nc2Lp .left___IiZZt [class~='ant-menu-item']::after {
content: '';
width: 3px;
background: #232B40;
border-radius: 3px 0px 0px 3px;
}
.wrap___nc2Lp .left___IiZZt [class~='ant-menu-item-selected'] {
background-color: #F8F9FA !important;
color: #000000 !important;
}
.wrap___nc2Lp .left___IiZZt [class~='ant-menu-submenu-title'] {
color: #5F6367 !important;
margin-left: 8px !important;
}
.wrap___nc2Lp .left___IiZZt [class~='ant-menu-inline'] {
background: none !important;
-webkit-border-end: none !important;
border-inline-end: none !important;
}
.wrap___nc2Lp .left___IiZZt .home___cTaaj {
display: flex;
padding-left: 16px;
padding-right: 8px;
margin-bottom: 15px;
cursor: pointer;
}
.wrap___nc2Lp .left___IiZZt .home___cTaaj .info___SduOB > div:first-child {
font-size: 20px;
font-weight: 500;
color: #0152d9;
line-height: 28px;
}
.wrap___nc2Lp .left___IiZZt .home___cTaaj .info___SduOB > div:last-child {
font-size: 18px;
font-weight: 600;
color: #165DFF;
}
.wrap___nc2Lp .right___App8I {
border-radius: 4px;
flex: 1 1;
margin-left: 20px;
padding-left: 19px;
overflow: hidden;
min-height: 500px;
background: linear-gradient(180deg, #224392 0%, #5B6BC7 100%);
box-shadow: 0px 2px 4px 0px #435FCC;
border-radius: 8px;
border: 1px solid;
border-image: linear-gradient(135deg, #4363dd, rgba(44, 44, 166, 0.66)) 1 1;
}
.search-bar___hMRJq {
color: white;
flex: 1 0 auto;
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
position: relative;
margin-right: 20px;
}
.search-bar___hMRJq [class*="icon-zhankai4"] {
color: #A4C8FC !important;
margin-left: 5px;
}
.search-bar___hMRJq a:hover {
color: #fff;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.4@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.4@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/Laboratory/Index/index2.less ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.materials-wrp {
background: linear-gradient(180deg, #0b2d73 0%, #5463c5 100%);
min-height: 100vh;
}
.materials-wrp .section_1 {
width: 100%;
height: 1080px;
background: url(/images/materials/SketchPng61b15540427d289b4f6d969d815185322cd6efb9357da3b49b0a183a9621bc44.png) 100% no-repeat;
background-size: 100% 100%;
}
.materials-wrp .group_1 {
background-color: #163b88;
position: relative;
width: 100%;
height: 60px;
}
.materials-wrp .thumbnail_1 {
width: 20px;
height: 17px;
margin: 20px 0 0 30px;
}
.materials-wrp .text_1 {
width: 28px;
height: 14px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 14px;
font-family: AlibabaPuHuiTi_2_65_Medium;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 14px;
margin: 21px 0 0 6px;
}
.materials-wrp .section_2 {
width: 14px;
height: 14px;
background: url(/images/materials/SketchPngd835498c7ab9a91b8f5a64c17b26fbdd96aa3fbbd879e0483c233c3e1fb815e9.png) 100% no-repeat;
background-size: 100% 100%;
margin: 21px 0 0 20px;
}
.materials-wrp .text_2 {
width: 165px;
height: 14px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 14px;
margin: 21px 0 0 8px;
}
.materials-wrp .thumbnail_2 {
width: 14px;
height: 14px;
margin: 23px 0 0 0;
}
.materials-wrp .thumbnail_3 {
width: 15px;
height: 14px;
}
.materials-wrp .label_1 {
width: 30px;
height: 30px;
margin: 15px 0 0 20px;
}
.materials-wrp .text_3 {
width: 48px;
height: 22px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 16px;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 22px;
margin: 20px 0 0 9px;
}
.materials-wrp .thumbnail_4 {
width: 12px;
height: 6px;
margin: 29px 31px 0 10px;
}
.materials-wrp .section_3 {
position: absolute;
left: 50%;
top: 0;
width: 600px !important;
margin-left: -290px;
height: 70px;
background: url(/images/materials/SketchPng979757376f2562e848ab98540298bd81ccd9c866e318d59477d62b8d3168f11a.png) -3px 0px no-repeat;
background-size: 587px 76px;
justify-content: flex-center;
}
.materials-wrp .section_4 {
background-image: url(/images/materials/eab1f1b4eb474202a13a86b497fc6d45_mergeImage.png);
width: 34px;
height: 44px;
margin: 13px 0 0 164px;
}
.materials-wrp .section_5 {
background-image: url(/images/materials/5212436f9d0b45308895612547dfc9d9_mergeImage.png);
width: 34px;
height: 44px;
margin: 13px 0 0 1px;
}
.materials-wrp .section_6 {
width: 10px;
height: 10px;
background: url(/images/materials/SketchPngd14579948f02fdd6bd8b81f6ded855ad418154f41f1ac593c2cdcd6af281b492.png) 100% no-repeat;
background-size: 100% 100%;
margin: 31px 0 0 10px;
}
.materials-wrp .text_4 {
text-shadow: inset 0px 0px 4px #ffffff;
background-image: linear-gradient(180deg, #c6d9ff 0, #607db5 100%);
width: 164px;
height: 40px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 28px;
letter-spacing: 6px;
font-family: AlibabaPuHuiTi_2_115_Black;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 40px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 15px 165px 0 27px;
}
.materials-wrp .box_9 {
width: 1860px;
height: 960px;
margin: 30px 0 30px 30px;
}
.materials-wrp .block_1 {
width: 100%;
height: 100%;
background: url(/images/materials/SketchPng676baeacd5ed55b1a6f399a0cc80851cb17bc8edcbfdbed207149e36ecc5bc41.png) 100% no-repeat;
background-size: 100% 100%;
}
.materials-wrp .section_7 a {
display: flex;
width: calc(100% - 20px);
height: 50px;
align-items: center;
padding-left: 48px;
position: relative;
background: linear-gradient(270deg, #242fa3 0%, #3761bc 100%);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 3px 0px #ffffff;
border-radius: 8px;
margin: 10px 0 0 10px;
}
.materials-wrp .section_7 a [class*="icon"] {
background: linear-gradient(180deg, #88E5FF 0%, #E8FCFF 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #FFF;
}
.materials-wrp .section_7 a::after {
content: "";
position: absolute;
right: -28px;
width: 22px;
height: 25px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAABIRJREFUSA2lVk1oXFUUPu/NXxKjTbvQRVX8AbuqIiK6KEWXSourKoWKWbTSKtVFDaggaEFdaCjoRhB1US0F0YYpVYqLWqRJqdiMtqWiYrCkIZ1MJpm/zLyf+57f9+ad5DGdxJiczDf33HvPPd89P+9NLFkSa0ld1MJFbZ0KnSvoKqmTRIkCbq5H7PgwCVJA+t3PLo/uP/zdVugZzgHaELRZs6gDjnSa83x5dNOmO8deeX/0yAOP7LwNa9l4b12ESSJG0Dtfd6VcdXJGsvuf3vVWYXDoxLNY7wG4z6j1DNTVCw9RONJRX71ppFxxpVhugdDffMuGzV8cPHxuZMee4S3Y1+j+N6HejiNT1+N6gTQWfJmrujIz58h0qSn1ljx575Zto/veOP32wMA9vbBLRqc+sLy80IiizZA1QSC+CaXZ8qXa8CLC4mxLgL7Q7n9tz6tf/vL8S8efwhlNpxKt2CxJIuopCS0xYSgGDe1F0Rmp1H2ZnXekWGrJXMXc17/x7q8PvH7mq+07hu7CmRzAbKyYTiWCXSS4FR6d9kf8IER0gTiukRqjQ+1mULsbpabdcKydWx965sILB/OHcPI/09lJtEhHxcIfghPPDyIsOL7M11wpzSGVpSjCgXRmwzsHhs6c2zX46TYc0ejol6lcTKeGy+Iy5/0Pbt/7YqPpi+sYCRBRJIwQeojaGR9RgtjFA+fAxnUDCYx1+8aBO3Y//Nhz96dMZmxqquC0Dy6+WaK2jteSAy5ixZeJuNqEIcILAEbYahmpN3wps3azTbkxs5D2vMzux58YvLj35ZP74E3fKpEjTjoE68xXQpambfIAnQlGCUDoe0aMZyOqUCwYppBtp9lg6ujbAHxPWl2IsExR7/BtITokLl7m2CaE52gt3vArlcmTZ08Pf1Au/j6JNS0LjcMuRDjMrSh1UEDIlFFIFm3hvjYU27Ill0mJZeb/nLj6zSf//JEfh9lCZNzx1YWIFm0Cuo5mnEKxQQ7fKKwlmTRg+7Xa9E8nCmMffo/tCtAEWoAHaNoiJ12IYhJtBkzJYscNm07b0pO1A7cycf7Xn4ePVWcnpmFRjUGyOsCu8wH9HeuSOjqOnMfRYJqCcxtsWYwpU5u8duX40b8vf/sbtmoASTgSDYARJYmWiYjLABsghTAsO5QMiDMp06xOnT9V+PG9vDFeNwLWhgSdaVuGCJ3ENKXQp/hIFl+mMXnx0tmPjpauF9hNenuOTBMJGIULaLri60alxXK71yMl/goZRQYp6s2hO029eP3KyLGrY59fwL4SMFUkYJpYfBIwCtaDUBKoS6LNwE0amWzGlr4e261PXzo1mn9zxGtVkwTUSZBMU2cU2L5ZkkRsR9fy64XxH458/Nd4nt3Em9KppkmLvWKaYH+TsL/4BPMnug/gPyO3AnzBUuiQRJom7abkMxIVm8YriUbEtOntqdMxHZCIzgnqSqC1wNLqhERaHxJROPLxpDPmX0ES2iqgrl6YOoKOk6AHvQAJNQKurUmUiCNF59STNyfRukQJ6CSpq9M1R6AOdPwXMDka+iO9U18AAAAASUVORK5CYII=) no-repeat;
}
.materials-wrp .section_7 .text_5 {
height: 22px;
overflow-wrap: break-word;
color: #96fffd;
font-size: 16px;
font-family: AlibabaPuHuiTi_2_65_Medium;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 22px;
}
.materials-wrp .thumbnail_5 {
width: 16px;
height: 16px;
margin: 0 0 0 44px;
}
.materials-wrp .text_5 {
height: 22px;
overflow-wrap: break-word;
color: #FFF;
font-size: 16px;
font-family: AlibabaPuHuiTi_2_65_Medium;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 22px;
margin-left: 10px;
}
.materials-wrp .section_8 a {
display: flex;
width: calc(100% - 20px);
height: 50px;
margin: 10px 0 0 10px;
align-items: center;
padding-left: 48px;
background: linear-gradient(270deg, rgba(36, 47, 163, 0.1) 0%, rgba(55, 97, 188, 0.1) 100%);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
border-radius: 8px;
}
.materials-wrp .section_8 a [class*="icon"] {
color: rgba(255, 255, 255, 0.3);
}
.materials-wrp .thumbnail_6 {
width: 16px;
height: 16px;
margin: 0 0 0 44px;
}
.materials-wrp .section_9 {
width: 280px;
height: 50px;
background: url(/images/materials/SketchPng995fc8a8f0718e5fb9c519736488a2a62f40ecb0289d5d7203c2ca97609472fa.png) -4px -2px no-repeat;
background-size: 288px 58px;
margin: 10px 0 0 10px;
}
.materials-wrp .thumbnail_7 {
width: 16px;
height: 16px;
margin: 0 0 0 44px;
}
.materials-wrp .text_7 {
width: 95px;
height: 22px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 16px;
font-family: AlibabaPuHuiTi_2_55_Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 22px;
margin: 14px 115px 0 10px;
}
.materials-wrp .text_8 {
width: calc(100% - 20px);
height: 16px;
overflow-wrap: break-word;
color: #93acff;
font-size: 16px;
letter-spacing: -0.69999999px;
font-family: AlibabaPuHuiTi_2_55_Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 16px;
margin: 40px 0 0 10px;
}
.materials-wrp .section_10 {
width: 280px;
height: 50px;
background: url(/images/materials/SketchPng995fc8a8f0718e5fb9c519736488a2a62f40ecb0289d5d7203c2ca97609472fa.png) -4px -2px no-repeat;
background-size: 288px 58px;
margin: 20px 0 0 10px;
}
.materials-wrp .thumbnail_8 {
width: 15px;
height: 16px;
margin: 0px 0 0 45px;
}
.materials-wrp .text_9 {
width: 95px;
height: 22px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 16px;
font-family: AlibabaPuHuiTi_2_55_Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 22px;
margin: 14px 115px 0 10px;
}
.materials-wrp .section_11 {
width: 280px;
height: 50px;
background: url(/images/materials/SketchPng995fc8a8f0718e5fb9c519736488a2a62f40ecb0289d5d7203c2ca97609472fa.png) -4px -2px no-repeat;
background-size: 288px 58px;
margin: 10px 0 0 10px;
}
.materials-wrp .image-text_19 {
align-items: center;
}
.materials-wrp .thumbnail_9 {
width: 16px;
height: 16px;
margin-top: 3px;
}
.materials-wrp .text-group_1 {
width: 63px;
height: 22px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 16px;
font-family: AlibabaPuHuiTi_2_55_Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 22px;
}
.materials-wrp .section_12 {
width: 280px;
height: 50px;
background: url(/images/materials/SketchPng995fc8a8f0718e5fb9c519736488a2a62f40ecb0289d5d7203c2ca97609472fa.png) -4px -2px no-repeat;
background-size: 288px 58px;
margin: 10px 0 0 10px;
}
.materials-wrp .image-text_20 {
width: 122px;
height: 22px;
align-items: center;
}
.materials-wrp .thumbnail_18 {
width: 16px;
height: 16px;
margin-top: 3px;
}
.materials-wrp .text-group_2 {
width: 95px;
height: 22px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 16px;
font-family: AlibabaPuHuiTi_2_55_Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 22px;
}
.materials-wrp .section_13 {
width: 280px;
height: 50px;
background: url(/images/materials/SketchPng995fc8a8f0718e5fb9c519736488a2a62f40ecb0289d5d7203c2ca97609472fa.png) -4px -2px no-repeat;
background-size: 288px 58px;
margin: 10px 0 0 10px;
}
.materials-wrp .image-text_21 {
width: 121px;
height: 22px;
align-items: center;
}
.materials-wrp .thumbnail_11 {
width: 16px;
height: 16px;
margin-top: 3px;
}
.materials-wrp .text-group_3 {
width: 95px;
height: 22px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 16px;
font-family: AlibabaPuHuiTi_2_55_Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 22px;
}
.materials-wrp .section_14 {
width: 280px;
height: 50px;
background: url(/images/materials/SketchPng995fc8a8f0718e5fb9c519736488a2a62f40ecb0289d5d7203c2ca97609472fa.png) -4px -2px no-repeat;
background-size: 288px 58px;
margin: 10px 0 0 10px;
}
.materials-wrp .image-text_22 {
width: 90px;
height: 22px;
align-items: center;
}
.materials-wrp .thumbnail_12 {
width: 17px;
height: 16px;
margin-top: 3px;
}
.materials-wrp .text-group_4 {
width: 63px;
height: 22px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 16px;
font-family: AlibabaPuHuiTi_2_55_Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 22px;
}
.materials-wrp .section_15 {
width: 280px;
height: 50px;
background: url(/images/materials/SketchPng995fc8a8f0718e5fb9c519736488a2a62f40ecb0289d5d7203c2ca97609472fa.png) -4px -2px no-repeat;
background-size: 288px 58px;
margin: 10px 0 354px 10px;
}
.materials-wrp .image-text_23 {
width: 89px;
height: 22px;
align-items: center;
}
.materials-wrp .thumbnail_13 {
width: 15px;
height: 16px;
margin-top: 3px;
}
.materials-wrp .text-group_5 {
width: 63px;
height: 22px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 16px;
font-family: AlibabaPuHuiTi_2_55_Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 22px;
}
.materials-wrp .image_1 {
width: 18px;
height: 22px;
margin-top: 24px;
}
.materials-wrp .block_2 {
width: 1540px;
height: 960px;
background: url(/images/materials/SketchPng6277b899a91ecd3ada10da2e39f57248fe02b36f3cdbdbe03b0cee03c6222f2e.png) -4px -2px no-repeat;
background-size: 1548px 968px;
margin-left: 2px;
justify-content: flex-center;
}
.materials-wrp .group_3 {
width: 1500px;
height: 105px;
background: url(/images/materials/134157c6168941e2b2d625acd38d5677_mergeImage.png) 100% no-repeat;
background-size: 100% 100%;
margin: 20px 0 0 20px;
}
.materials-wrp .group_4 {
height: 75px;
background: url(/images/materials/SketchPng969c8fc600fba0939e81c66a57eb656e5c6cfc3318dc035cd7512749bf162bb9.png) 100% no-repeat;
background-size: 100% 100%;
width: 87px;
margin: 15px 0 0 150px;
}
.materials-wrp .box_1 {
width: 22px;
height: 22px;
background: url(/images/materials/SketchPng95512c79ceb9a0728cda484b7d673e77bf771c04a0d5be68a5a550fa0dcd4d94.png) 100% no-repeat;
background-size: 100% 100%;
margin: 12px 0 0 33px;
}
.materials-wrp .text-wrapper_25 {
width: 52px;
height: 58px;
margin: 24px 0 0 20px;
}
.materials-wrp .text_10 {
width: 52px;
height: 32px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 32px;
font-family: DINPro-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 32px;
}
.materials-wrp .text_11 {
width: 42px;
height: 14px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 14px;
margin-top: 12px;
}
.materials-wrp .image_2 {
width: 1px;
height: 45px;
margin: 30px 0 0 191px;
}
.materials-wrp .image-wrapper_1 {
height: 75px;
background: url(/images/materials/SketchPng182c486791378282a910b1aa62124ad3baec1f68309f3fd8b17f53abf7cc902b.png) 100% no-repeat;
background-size: 100% 100%;
width: 87px;
margin: 15px 0 0 159px;
}
.materials-wrp .label_2 {
width: 24px;
height: 23px;
margin: 9px 0 0 32px;
}
.materials-wrp .text-wrapper_26 {
width: 70px;
height: 56px;
margin: 25px 0 0 23px;
}
.materials-wrp .text_12 {
width: 35px;
height: 32px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 32px;
font-family: DINPro-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 32px;
}
.materials-wrp .text_13 {
width: 70px;
height: 14px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 14px;
margin-top: 10px;
}
.materials-wrp .image_3 {
width: 1px;
height: 45px;
margin: 30px 0 0 160px;
}
.materials-wrp .image-wrapper_2 {
height: 75px;
background: url(/images/materials/SketchPng8dae23df0f401a52ed092db47b7df1d8680982352c9d5d20b3b62b24f82b150d.png) 100% no-repeat;
background-size: 100% 100%;
width: 87px;
margin: 15px 0 0 157px;
}
.materials-wrp .label_3 {
width: 29px;
height: 24px;
margin: 6px 0 0 28px;
}
.materials-wrp .text-wrapper_27 {
width: 70px;
height: 57px;
margin: 25px 155px 0 30px;
}
.materials-wrp .text_14 {
width: 35px;
height: 32px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 32px;
font-family: DINPro-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 32px;
}
.materials-wrp .text_15 {
width: 70px;
height: 14px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 14px;
margin-top: 11px;
}
.materials-wrp .group_8 {
width: 1500px;
height: 40px;
margin: 30px 0 0 20px;
}
.materials-wrp .text_16 {
width: 70px;
height: 14px;
overflow-wrap: break-word;
color: #90aaff;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 14px;
margin-top: 13px;
}
.materials-wrp .box_2 {
box-shadow: inset 0px 1px 3px 0px rgba(29, 29, 29, 0.5);
background-color: #17378a;
border-radius: 4px;
width: 180px;
height: 40px;
margin-left: 10px;
}
.materials-wrp .text_17 {
width: 28px;
height: 14px;
overflow-wrap: break-word;
color: #90aaff;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 14px;
margin: 13px 0 0 12px;
}
.materials-wrp .thumbnail_14 {
width: 14px;
height: 7px;
margin: 16px 12px 0 0;
}
.materials-wrp .text_18 {
width: 70px;
height: 14px;
overflow-wrap: break-word;
color: #90aaff;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 14px;
margin: 13px 0 0 20px;
}
.materials-wrp .box_3 {
box-shadow: inset 0px 1px 3px 0px rgba(29, 29, 29, 0.5);
background-color: #17378a;
border-radius: 4px;
width: 180px;
height: 40px;
margin-left: 10px;
}
.materials-wrp .text_19 {
width: 28px;
height: 14px;
overflow-wrap: break-word;
color: #90aaff;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 14px;
margin: 13px 0 0 12px;
}
.materials-wrp .thumbnail_15 {
width: 14px;
height: 7px;
margin: 16px 12px 0 0;
}
.materials-wrp .text_20 {
width: 56px;
height: 14px;
overflow-wrap: break-word;
color: #90aaff;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 14px;
margin: 13px 0 0 20px;
}
.materials-wrp .box_4 {
box-shadow: inset 0px 1px 3px 0px rgba(29, 29, 29, 0.5);
background-color: #17378a;
border-radius: 4px;
width: 180px;
height: 40px;
margin-left: 10px;
}
.materials-wrp .text_21 {
width: 28px;
height: 14px;
overflow-wrap: break-word;
color: #90aaff;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 14px;
margin: 13px 0 0 12px;
}
.materials-wrp .thumbnail_16 {
width: 14px;
height: 7px;
margin: 16px 12px 0 0;
}
.materials-wrp .box_5 {
box-shadow: inset 0px 1px 3px 0px rgba(29, 29, 29, 0.5);
background-color: #17378a;
border-radius: 4px;
width: 352px;
height: 40px;
margin-left: 20px;
}
.materials-wrp .text_22 {
width: 224px;
height: 14px;
overflow-wrap: break-word;
color: #90aaff;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 14px;
margin: 13px 0 0 12px;
}
.materials-wrp .thumbnail_17 {
width: 14px;
height: 14px;
margin: 13px 12px 0 0;
}
.materials-wrp .text-wrapper_4 {
height: 38px;
background: url(/images/materials/SketchPng6f2e5fd0e72a4169bbab2ea0157c5a809969801babf95d2a8440829061275149.png) 100% no-repeat;
background-size: 100% 100%;
margin-left: 10px;
width: auto !important;
padding: 0 20px;
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
cursor: pointer;
}
.materials-wrp .text_23 {
width: 83px;
height: 14px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 14px;
font-family: AlibabaPuHuiTi_2_65_Medium;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 14px;
margin: 13px 0 0 26px;
}
.materials-wrp .text-wrapper_5 {
height: 40px;
background: url(/images/materials/SketchPng0fd175294d499ad827bf02fcb66c3dca7d4d2daff915c6bd4a60d3f50a0852f7.png) 100% no-repeat;
background-size: 100% 100%;
margin-left: 20px;
width: 108px;
}
.materials-wrp .text_24 {
width: 56px;
height: 14px;
overflow-wrap: break-word;
color: #ffffff;
font-size: 14px;
font-family: AlibabaPuHuiTi_2_65_Medium;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 14px;
margin: 13px 0 0 26px;
}
.materials-wrp .group_6 {
background-color: #b2bdf9;
border-radius: 4px;
height: 725px;
width: 1500px;
margin: 20px 0 20px 20px;
}
.materials-wrp .block_3 {
background-color: #b2bdf9;
border-radius: 4px;
height: 725px;
width: 1500px;
}
.materials-wrp .grid_4 {
width: 1459px;
height: 744px;
flex-wrap: wrap;
margin: 20px 0 0 20px;
}
.materials-wrp .list-items_1-0 {
width: 275px;
height: 362px;
background-size: 277px 364px;
margin: 0 21px 20px 0;
background: url(/images/materials/SketchPngaba751c9a653f8e04370021496a202022ad3c998ea4fb2cd258540447c469c39.png) -1px -1px no-repeat;
}
.materials-wrp .image-text_24-0 {
width: 276px;
height: 239px;
}
.materials-wrp .box_6-0 {
border-radius: 6px 6px 0px 0px;
background-image: url(/images/materials/8ec04a8b3fc5489898ece8e03c369929_mergeImage.png);
height: 208px;
width: 276px;
background: url(/images/materials/8ec04a8b3fc5489898ece8e03c369929_mergeImage.png);
}
.materials-wrp .text-wrapper_6-0 {
height: 26px;
background: url(/images/materials/SketchPng021adbf55c8c6ea98a7ae92ed649bc248a81acbab7f4bcfb019bfabe3f867299.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 182px;
width: 160px;
}
.materials-wrp .text_25-0 {
width: 119px;
height: 14px;
overflow-wrap: break-word;
color: #ffed93;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 14px;
margin: 6px 0 0 12px;
}
.materials-wrp .text-group_6-0 {
width: 112px;
height: 16px;
overflow-wrap: break-word;
color: #434d6c;
font-size: 16px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 16px;
margin: 15px 0 0 12px;
}
.materials-wrp .text-wrapper_28-0 {
width: 103px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_26-0 {
width: 48px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_27-0 {
width: 45px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_29-0 {
width: 204px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_28-0 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_29-0 {
width: 134px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_30-0 {
width: 109px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_30-0 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_31-0 {
width: 39px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_31-0 {
width: 170px;
height: 12px;
margin: 15px 0 15px 12px;
}
.materials-wrp .text_32-0 {
width: 36px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_33-0 {
width: 20px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
margin-left: 10px;
}
.materials-wrp .text_34-0 {
width: 104px;
height: 12px;
overflow-wrap: break-word;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
color: #e02020;
}
.materials-wrp .list-items_1-1 {
width: 275px;
height: 362px;
background-size: 277px 364px;
margin: 0 21px 20px 0;
background: url(/images/materials/SketchPngaba751c9a653f8e04370021496a202022ad3c998ea4fb2cd258540447c469c39.png) -1px -1px no-repeat;
}
.materials-wrp .image-text_24-1 {
width: 276px;
height: 239px;
}
.materials-wrp .box_6-1 {
border-radius: 6px 6px 0px 0px;
background-image: url(/images/materials/8ec04a8b3fc5489898ece8e03c369929_mergeImage.png);
height: 208px;
width: 276px;
background: url(/images/materials/aa2071215a1348198f885c943e08f4d5_mergeImage.png);
}
.materials-wrp .text-wrapper_6-1 {
height: 26px;
background: url(/images/materials/SketchPng021adbf55c8c6ea98a7ae92ed649bc248a81acbab7f4bcfb019bfabe3f867299.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 182px;
width: 160px;
}
.materials-wrp .text_25-1 {
width: 119px;
height: 14px;
overflow-wrap: break-word;
color: #ffed93;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 14px;
margin: 6px 0 0 12px;
}
.materials-wrp .text-group_6-1 {
width: 112px;
height: 16px;
overflow-wrap: break-word;
color: #434d6c;
font-size: 16px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 16px;
margin: 15px 0 0 12px;
}
.materials-wrp .text-wrapper_28-1 {
width: 103px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_26-1 {
width: 48px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_27-1 {
width: 45px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_29-1 {
width: 204px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_28-1 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_29-1 {
width: 134px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_30-1 {
width: 109px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_30-1 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_31-1 {
width: 39px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_31-1 {
width: 170px;
height: 12px;
margin: 15px 0 15px 12px;
}
.materials-wrp .text_32-1 {
width: 36px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_33-1 {
width: 20px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
margin-left: 10px;
}
.materials-wrp .text_34-1 {
width: 104px;
height: 12px;
overflow-wrap: break-word;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
color: #e02020;
}
.materials-wrp .list-items_1-2 {
width: 275px;
height: 362px;
background-size: 277px 364px;
margin: 0 21px 20px 0;
background: url(/images/materials/SketchPngaba751c9a653f8e04370021496a202022ad3c998ea4fb2cd258540447c469c39.png) -1px -1px no-repeat;
}
.materials-wrp .image-text_24-2 {
width: 276px;
height: 239px;
}
.materials-wrp .box_6-2 {
border-radius: 6px 6px 0px 0px;
background-image: url(/images/materials/8ec04a8b3fc5489898ece8e03c369929_mergeImage.png);
height: 208px;
width: 276px;
background: url(/images/materials/980b05d51ff84e4a9e59edb2ac67db2a_mergeImage.png);
}
.materials-wrp .text-wrapper_6-2 {
height: 26px;
background: url(/images/materials/SketchPng021adbf55c8c6ea98a7ae92ed649bc248a81acbab7f4bcfb019bfabe3f867299.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 182px;
width: 160px;
}
.materials-wrp .text_25-2 {
width: 119px;
height: 14px;
overflow-wrap: break-word;
color: #ffed93;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 14px;
margin: 6px 0 0 12px;
}
.materials-wrp .text-group_6-2 {
width: 112px;
height: 16px;
overflow-wrap: break-word;
color: #434d6c;
font-size: 16px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 16px;
margin: 15px 0 0 12px;
}
.materials-wrp .text-wrapper_28-2 {
width: 103px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_26-2 {
width: 48px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_27-2 {
width: 45px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_29-2 {
width: 204px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_28-2 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_29-2 {
width: 134px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_30-2 {
width: 109px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_30-2 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_31-2 {
width: 39px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_31-2 {
width: 170px;
height: 12px;
margin: 15px 0 15px 12px;
}
.materials-wrp .text_32-2 {
width: 36px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_33-2 {
width: 20px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
margin-left: 10px;
}
.materials-wrp .text_34-2 {
width: 104px;
height: 12px;
overflow-wrap: break-word;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
color: #e02020;
}
.materials-wrp .list-items_1-3 {
width: 275px;
height: 362px;
background-size: 277px 364px;
margin: 0 21px 20px 0;
background: url(/images/materials/SketchPngaba751c9a653f8e04370021496a202022ad3c998ea4fb2cd258540447c469c39.png) -1px -1px no-repeat;
}
.materials-wrp .image-text_24-3 {
width: 276px;
height: 239px;
}
.materials-wrp .box_6-3 {
border-radius: 6px 6px 0px 0px;
background-image: url(/images/materials/8ec04a8b3fc5489898ece8e03c369929_mergeImage.png);
height: 208px;
width: 276px;
background: url(/images/materials/64d4c7c038e84c97b18488395f7994b1_mergeImage.png);
}
.materials-wrp .text-wrapper_6-3 {
height: 26px;
background: url(/images/materials/SketchPng021adbf55c8c6ea98a7ae92ed649bc248a81acbab7f4bcfb019bfabe3f867299.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 182px;
width: 160px;
}
.materials-wrp .text_25-3 {
width: 119px;
height: 14px;
overflow-wrap: break-word;
color: #ffed93;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 14px;
margin: 6px 0 0 12px;
}
.materials-wrp .text-group_6-3 {
width: 112px;
height: 16px;
overflow-wrap: break-word;
color: #434d6c;
font-size: 16px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 16px;
margin: 15px 0 0 12px;
}
.materials-wrp .text-wrapper_28-3 {
width: 103px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_26-3 {
width: 48px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_27-3 {
width: 45px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_29-3 {
width: 204px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_28-3 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_29-3 {
width: 134px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_30-3 {
width: 109px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_30-3 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_31-3 {
width: 39px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_31-3 {
width: 170px;
height: 12px;
margin: 15px 0 15px 12px;
}
.materials-wrp .text_32-3 {
width: 36px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_33-3 {
width: 20px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
margin-left: 10px;
}
.materials-wrp .text_34-3 {
width: 104px;
height: 12px;
overflow-wrap: break-word;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
color: #e02020;
}
.materials-wrp .list-items_1-4 {
width: 275px;
height: 362px;
background-size: 277px 364px;
margin: 0 21px 20px 0;
margin-right: 0;
background: url(/images/materials/SketchPngaba751c9a653f8e04370021496a202022ad3c998ea4fb2cd258540447c469c39.png) -1px -1px no-repeat;
}
.materials-wrp .image-text_24-4 {
width: 276px;
height: 239px;
}
.materials-wrp .box_6-4 {
border-radius: 6px 6px 0px 0px;
background-image: url(/images/materials/8ec04a8b3fc5489898ece8e03c369929_mergeImage.png);
height: 208px;
width: 276px;
background: url(/images/materials/ff645c094a994972876a9420938ed330_mergeImage.png);
}
.materials-wrp .text-wrapper_6-4 {
height: 26px;
background: url(/images/materials/SketchPng021adbf55c8c6ea98a7ae92ed649bc248a81acbab7f4bcfb019bfabe3f867299.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 182px;
width: 160px;
}
.materials-wrp .text_25-4 {
width: 119px;
height: 14px;
overflow-wrap: break-word;
color: #ffed93;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 14px;
margin: 6px 0 0 12px;
}
.materials-wrp .text-group_6-4 {
width: 112px;
height: 16px;
overflow-wrap: break-word;
color: #434d6c;
font-size: 16px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 16px;
margin: 15px 0 0 12px;
}
.materials-wrp .text-wrapper_28-4 {
width: 103px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_26-4 {
width: 48px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_27-4 {
width: 45px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_29-4 {
width: 204px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_28-4 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_29-4 {
width: 134px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_30-4 {
width: 109px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_30-4 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_31-4 {
width: 39px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_31-4 {
width: 170px;
height: 12px;
margin: 15px 0 15px 12px;
}
.materials-wrp .text_32-4 {
width: 36px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_33-4 {
width: 20px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
margin-left: 10px;
}
.materials-wrp .text_34-4 {
width: 104px;
height: 12px;
overflow-wrap: break-word;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
color: #01795d;
}
.materials-wrp .list-items_1-5 {
width: 275px;
height: 362px;
background-size: 277px 364px;
margin: 0 21px 20px 0;
margin-bottom: 0;
background: url(/images/materials/SketchPngd06ce4658ab659713df9a0b83d0854078c6dca8625613f0069b61c89bab22a16.png) -1px -1px no-repeat;
}
.materials-wrp .image-text_24-5 {
width: 276px;
height: 239px;
}
.materials-wrp .box_6-5 {
border-radius: 6px 6px 0px 0px;
background-image: url(/images/materials/8ec04a8b3fc5489898ece8e03c369929_mergeImage.png);
height: 208px;
width: 276px;
background: url(/images/materials/7b5a92093a4c4a059ef07fc22df8351b_mergeImage.png);
}
.materials-wrp .text-wrapper_6-5 {
height: 26px;
background: url(/images/materials/SketchPng021adbf55c8c6ea98a7ae92ed649bc248a81acbab7f4bcfb019bfabe3f867299.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 182px;
width: 160px;
}
.materials-wrp .text_25-5 {
width: 119px;
height: 14px;
overflow-wrap: break-word;
color: #ffed93;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 14px;
margin: 6px 0 0 12px;
}
.materials-wrp .text-group_6-5 {
width: 112px;
height: 16px;
overflow-wrap: break-word;
color: #434d6c;
font-size: 16px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 16px;
margin: 15px 0 0 12px;
}
.materials-wrp .text-wrapper_28-5 {
width: 103px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_26-5 {
width: 48px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_27-5 {
width: 45px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_29-5 {
width: 204px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_28-5 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_29-5 {
width: 134px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_30-5 {
width: 109px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_30-5 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_31-5 {
width: 39px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_31-5 {
width: 170px;
height: 12px;
margin: 15px 0 15px 12px;
}
.materials-wrp .text_32-5 {
width: 36px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_33-5 {
width: 20px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
margin-left: 10px;
}
.materials-wrp .text_34-5 {
width: 104px;
height: 12px;
overflow-wrap: break-word;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
color: #e02020;
}
.materials-wrp .list-items_1-6 {
width: 275px;
height: 362px;
background-size: 277px 364px;
margin: 0 21px 20px 0;
margin-bottom: 0;
background: url(/images/materials/SketchPngd06ce4658ab659713df9a0b83d0854078c6dca8625613f0069b61c89bab22a16.png) -1px -1px no-repeat;
}
.materials-wrp .image-text_24-6 {
width: 276px;
height: 239px;
}
.materials-wrp .box_6-6 {
border-radius: 6px 6px 0px 0px;
background-image: url(/images/materials/8ec04a8b3fc5489898ece8e03c369929_mergeImage.png);
height: 208px;
width: 276px;
background: url(/images/materials/865e59c2c3c4432cb2adcc7438510356_mergeImage.png);
}
.materials-wrp .text-wrapper_6-6 {
height: 26px;
background: url(/images/materials/SketchPng021adbf55c8c6ea98a7ae92ed649bc248a81acbab7f4bcfb019bfabe3f867299.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 182px;
width: 160px;
}
.materials-wrp .text_25-6 {
width: 119px;
height: 14px;
overflow-wrap: break-word;
color: #ffed93;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 14px;
margin: 6px 0 0 12px;
}
.materials-wrp .text-group_6-6 {
width: 112px;
height: 16px;
overflow-wrap: break-word;
color: #434d6c;
font-size: 16px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 16px;
margin: 15px 0 0 12px;
}
.materials-wrp .text-wrapper_28-6 {
width: 103px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_26-6 {
width: 48px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_27-6 {
width: 45px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_29-6 {
width: 204px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_28-6 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_29-6 {
width: 134px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_30-6 {
width: 109px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_30-6 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_31-6 {
width: 39px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_31-6 {
width: 170px;
height: 12px;
margin: 15px 0 15px 12px;
}
.materials-wrp .text_32-6 {
width: 36px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_33-6 {
width: 20px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
margin-left: 10px;
}
.materials-wrp .text_34-6 {
width: 104px;
height: 12px;
overflow-wrap: break-word;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
color: #e02020;
}
.materials-wrp .list-items_1-7 {
width: 275px;
height: 362px;
background-size: 277px 364px;
margin: 0 21px 20px 0;
margin-bottom: 0;
background: url(/images/materials/SketchPngd06ce4658ab659713df9a0b83d0854078c6dca8625613f0069b61c89bab22a16.png) -1px -1px no-repeat;
}
.materials-wrp .image-text_24-7 {
width: 276px;
height: 239px;
}
.materials-wrp .box_6-7 {
border-radius: 6px 6px 0px 0px;
background-image: url(/images/materials/8ec04a8b3fc5489898ece8e03c369929_mergeImage.png);
height: 208px;
width: 276px;
background: url(/images/materials/e05ba56976704dac83e60bb2b3eb8e9f_mergeImage.png);
}
.materials-wrp .text-wrapper_6-7 {
height: 26px;
background: url(/images/materials/SketchPng021adbf55c8c6ea98a7ae92ed649bc248a81acbab7f4bcfb019bfabe3f867299.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 182px;
width: 160px;
}
.materials-wrp .text_25-7 {
width: 119px;
height: 14px;
overflow-wrap: break-word;
color: #ffed93;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 14px;
margin: 6px 0 0 12px;
}
.materials-wrp .text-group_6-7 {
width: 112px;
height: 16px;
overflow-wrap: break-word;
color: #434d6c;
font-size: 16px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 16px;
margin: 15px 0 0 12px;
}
.materials-wrp .text-wrapper_28-7 {
width: 103px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_26-7 {
width: 48px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_27-7 {
width: 45px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_29-7 {
width: 204px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_28-7 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_29-7 {
width: 134px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_30-7 {
width: 109px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_30-7 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_31-7 {
width: 39px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_31-7 {
width: 170px;
height: 12px;
margin: 15px 0 15px 12px;
}
.materials-wrp .text_32-7 {
width: 36px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_33-7 {
width: 20px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
margin-left: 10px;
}
.materials-wrp .text_34-7 {
width: 104px;
height: 12px;
overflow-wrap: break-word;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
color: #e02020;
}
.materials-wrp .list-items_1-8 {
width: 275px;
height: 362px;
background-size: 277px 364px;
margin: 0 21px 20px 0;
margin-bottom: 0;
background: url(/images/materials/SketchPngd06ce4658ab659713df9a0b83d0854078c6dca8625613f0069b61c89bab22a16.png) -1px -1px no-repeat;
}
.materials-wrp .image-text_24-8 {
width: 276px;
height: 239px;
}
.materials-wrp .box_6-8 {
border-radius: 6px 6px 0px 0px;
background-image: url(/images/materials/8ec04a8b3fc5489898ece8e03c369929_mergeImage.png);
height: 208px;
width: 276px;
background: url(/images/materials/847bceaa060440fb81f494b1b9b1c674_mergeImage.png);
}
.materials-wrp .text-wrapper_6-8 {
height: 26px;
background: url(/images/materials/SketchPng021adbf55c8c6ea98a7ae92ed649bc248a81acbab7f4bcfb019bfabe3f867299.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 182px;
width: 160px;
}
.materials-wrp .text_25-8 {
width: 119px;
height: 14px;
overflow-wrap: break-word;
color: #ffed93;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 14px;
margin: 6px 0 0 12px;
}
.materials-wrp .text-group_6-8 {
width: 112px;
height: 16px;
overflow-wrap: break-word;
color: #434d6c;
font-size: 16px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 16px;
margin: 15px 0 0 12px;
}
.materials-wrp .text-wrapper_28-8 {
width: 103px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_26-8 {
width: 48px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_27-8 {
width: 45px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_29-8 {
width: 204px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_28-8 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_29-8 {
width: 134px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_30-8 {
width: 109px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_30-8 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_31-8 {
width: 39px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_31-8 {
width: 170px;
height: 12px;
margin: 15px 0 15px 12px;
}
.materials-wrp .text_32-8 {
width: 36px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_33-8 {
width: 20px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
margin-left: 10px;
}
.materials-wrp .text_34-8 {
width: 104px;
height: 12px;
overflow-wrap: break-word;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
color: #e02020;
}
.materials-wrp .list-items_1-9 {
width: 275px;
height: 362px;
background-size: 277px 364px;
margin: 0 21px 20px 0;
margin-right: 0;
margin-bottom: 0;
background: url(/images/materials/SketchPngd06ce4658ab659713df9a0b83d0854078c6dca8625613f0069b61c89bab22a16.png) -1px -1px no-repeat;
}
.materials-wrp .image-text_24-9 {
width: 276px;
height: 239px;
}
.materials-wrp .box_6-9 {
border-radius: 6px 6px 0px 0px;
background-image: url(/images/materials/8ec04a8b3fc5489898ece8e03c369929_mergeImage.png);
height: 208px;
width: 276px;
background: url(/images/materials/c2c60e4ad1334b0b9935e7a38e382c4c_mergeImage.png);
}
.materials-wrp .text-wrapper_6-9 {
height: 26px;
background: url(/images/materials/SketchPng021adbf55c8c6ea98a7ae92ed649bc248a81acbab7f4bcfb019bfabe3f867299.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 182px;
width: 160px;
}
.materials-wrp .text_25-9 {
width: 119px;
height: 14px;
overflow-wrap: break-word;
color: #ffed93;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 14px;
margin: 6px 0 0 12px;
}
.materials-wrp .text-group_6-9 {
width: 112px;
height: 16px;
overflow-wrap: break-word;
color: #434d6c;
font-size: 16px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 16px;
margin: 15px 0 0 12px;
}
.materials-wrp .text-wrapper_28-9 {
width: 103px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_26-9 {
width: 48px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_27-9 {
width: 45px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_29-9 {
width: 204px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_28-9 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_29-9 {
width: 134px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_30-9 {
width: 109px;
height: 12px;
margin: 15px 0 0 12px;
}
.materials-wrp .text_30-9 {
width: 60px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_31-9 {
width: 39px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text-wrapper_31-9 {
width: 170px;
height: 12px;
margin: 15px 0 15px 12px;
}
.materials-wrp .text_32-9 {
width: 36px;
height: 12px;
overflow-wrap: break-word;
color: #464f66;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 12px;
}
.materials-wrp .text_33-9 {
width: 20px;
height: 12px;
overflow-wrap: break-word;
color: #333333;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
margin-left: 10px;
}
.materials-wrp .text_34-9 {
width: 104px;
height: 12px;
overflow-wrap: break-word;
font-size: 12px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 12px;
color: #01795d;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.4@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.4@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/HeaderNav/index.less?modules ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.nav_bg___pTE1T {
height: 45px;
width: 100%;
display: flex;
justify-content: space-between;
background: #163B88;
position: relative;
}
.nav_bg___pTE1T .nav_left___tT9dm {
height: 45px;
width: 30vw;
display: flex;
align-items: center;
margin-left: 1.5vw;
}
.nav_bg___pTE1T .nav_time___ZYsoD {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 12px;
color: #FFFFFF;
text-align: left;
font-style: normal;
}
.nav_bg___pTE1T .nav_title___VcKTB {
height: 60px;
width: 460px;
position: absolute;
top: 0;
left: 50%;
right: 50%;
transform: translateX(-50%);
}
.nav_bg___pTE1T .nav_right___GdTJz {
height: 45px;
width: 30vw;
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: 1.5vw;
}
.nav_bg___pTE1T .nav_right___GdTJz img {
cursor: pointer;
}
.nav_bg___pTE1T .nav_right___GdTJz .user_info___pLgXu {
display: flex;
align-items: center;
cursor: pointer;
}
.nav_bg___pTE1T .nav_right___GdTJz .user_info___pLgXu .user_name___El8Wz {
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 1.6vh;
color: #FFFFFF;
font-style: normal;
margin: 0 1vh;
}
.nav_bg___pTE1T .message_warp___f0kKB {
position: relative;
cursor: pointer;
margin-left: 2vh;
}
.nav_bg___pTE1T .message_warp___f0kKB .new_message___s9oui {
position: absolute;
top: 0.4vh;
right: 0vh;
width: 6px;
height: 6px;
border-radius: 50%;
background: red;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.4@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.4@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/AuthModal/index.less?modules ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tilte___IfiMG {
color: #333333;
font-size: 16px;
text-align: center;
}
.flexRow___pQP78 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 30px;
}
.flexColumn___xrBZQ {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.footerWrap___C5kCC {
display: flex;
justify-content: space-between;
}
.img___GoWZu {
width: 40px;
height: 37px;
vertical-align: middle;
border-style: none;
}
.content___pumTK {
font-size: 14px;
color: #979797;
margin-top: 15px;
}
.modalContent___XvHiZ {
text-align: center;
margin-top: 10px;
color: #333333;
font-size: 16px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.4@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.4@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Header/components/Join/index.less?modules ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___cltIf {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___fKr_O {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center____QfiA {
align-items: center;
box-align: center;
}
.flex_box_center_end___ysqmH {
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___CfE8K {
flex-direction: column;
box-orient: block-axis;
}
button {
margin: 0;
padding: 0;
border: 1px solid transparent;
outline: none;
background-color: transparent;
}
button:active {
opacity: 0.6;
}
.flex-col___q69Kn {
display: flex;
flex-direction: column;
}
.flex-row___HYZQR {
display: flex;
flex-direction: row;
}
.justify-start___hl1ma {
display: flex;
justify-content: flex-start;
}
.justify-center___DYm_O {
display: flex;
justify-content: center;
}
.justify-end___qddUn {
display: flex;
justify-content: flex-end;
}
.justify-evenly___uhKut {
display: flex;
justify-content: space-evenly;
}
.justify-around___lWRCW {
display: flex;
justify-content: space-around;
}
.justify-between___Fizuh {
display: flex;
justify-content: space-between;
}
.align-start___HDyjH {
display: flex;
align-items: flex-start;
}
.align-center___Z1RIH {
display: flex;
align-items: center;
}
.align-end___TqRle {
display: flex;
align-items: flex-end;
}
button {
margin: 0;
padding: 0;
border: 1px solid transparent;
outline: none;
background-color: transparent;
}
button:active {
opacity: 0.6;
}
.flex-col___q69Kn {
display: flex;
flex-direction: column;
}
.flex-row___HYZQR {
display: flex;
flex-direction: row;
}
.justify-start___hl1ma {
display: flex;
justify-content: flex-start;
}
.justify-center___DYm_O {
display: flex;
justify-content: center;
}
.justify-end___qddUn {
display: flex;
justify-content: flex-end;
}
.justify-evenly___uhKut {
display: flex;
justify-content: space-evenly;
}
.justify-around___lWRCW {
display: flex;
justify-content: space-around;
}
.justify-between___Fizuh {
display: flex;
justify-content: space-between;
}
.align-start___HDyjH {
display: flex;
align-items: flex-start;
}
.align-center___Z1RIH {
display: flex;
align-items: center;
}
.align-end___TqRle {
display: flex;
align-items: flex-end;
}
.rightMenu___ADTOX {
width: 120px;
text-align: center;
}
.rightMenu___ADTOX li {
padding: 0 15px;
height: 35px;
line-height: 35px;
background: none !important;
}
.rightMenu___ADTOX li:hover {
background: #0152d9 !important;
}
.rightMenu___ADTOX li:hover a {
color: white !important;
}
.rightMenu___ADTOX li a {
font-size: 14px;
margin: 0;
padding: 0;
}
.joinMenu___aRGsf {
padding: 0 0;
width: 240px;
}
.joinMenu___aRGsf a {
color: #323232;
}
.joinBoard___AeUvr {
border: 1px solid #eee;
width: 1px;
height: 100%;
}
.joinCol___fV4uL {
width: 48%;
}
.hidden___TkCJZ {
display: none;
}
.w140___Vx5lp {
width: 140px !important;
}
.w100___yYRaC {
width: 90%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.4@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.4@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Header/components/User/index.less?modules ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___YbxYn {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___Atwkg {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center____I6AC {
align-items: center;
box-align: center;
}
.flex_box_center_end___LrYPg {
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___j7QNF {
flex-direction: column;
box-orient: block-axis;
}
button {
margin: 0;
padding: 0;
border: 1px solid transparent;
outline: none;
background-color: transparent;
}
button:active {
opacity: 0.6;
}
.flex-col___FjWL1 {
display: flex;
flex-direction: column;
}
.flex-row___VfJkb {
display: flex;
flex-direction: row;
}
.justify-start___kCHdk {
display: flex;
justify-content: flex-start;
}
.justify-center___lxZ9q {
display: flex;
justify-content: center;
}
.justify-end___bVseE {
display: flex;
justify-content: flex-end;
}
.justify-evenly___tH11C {
display: flex;
justify-content: space-evenly;
}
.justify-around___RNnQY {
display: flex;
justify-content: space-around;
}
.justify-between___HFF9Q {
display: flex;
justify-content: space-between;
}
.align-start___C1sHu {
display: flex;
align-items: flex-start;
}
.align-center___Ow7vB {
display: flex;
align-items: center;
}
.align-end___dpCs7 {
display: flex;
align-items: flex-end;
}
button {
margin: 0;
padding: 0;
border: 1px solid transparent;
outline: none;
background-color: transparent;
}
button:active {
opacity: 0.6;
}
.flex-col___FjWL1 {
display: flex;
flex-direction: column;
}
.flex-row___VfJkb {
display: flex;
flex-direction: row;
}
.justify-start___kCHdk {
display: flex;
justify-content: flex-start;
}
.justify-center___lxZ9q {
display: flex;
justify-content: center;
}
.justify-end___bVseE {
display: flex;
justify-content: flex-end;
}
.justify-evenly___tH11C {
display: flex;
justify-content: space-evenly;
}
.justify-around___RNnQY {
display: flex;
justify-content: space-around;
}
.justify-between___HFF9Q {
display: flex;
justify-content: space-between;
}
.align-start___C1sHu {
display: flex;
align-items: flex-start;
}
.align-center___Ow7vB {
display: flex;
align-items: center;
}
.align-end___dpCs7 {
display: flex;
align-items: flex-end;
}
.userPic___a46Uz {
width: 34px;
height: 34px;
border-radius: 34px;
cursor: pointer;
}
.rightMenu___y_nqk {
text-align: center;
}
.rightMenu___y_nqk li {
padding: 0;
}
.rightMenu___y_nqk li:hover {
background: #0152d9;
}
.rightMenu___y_nqk li:hover a {
color: white;
}
.rightMenu___y_nqk li a {
font-size: 14px;
margin: 0;
}
[id="educoder"] .menuWrap___iwlZB {
padding-left: 0;
padding-right: 0;
border-radius: 2px;
}
[id="educoder"] .menuWrap___iwlZB li {
height: 35px;
padding: 0 !important;
}
[id="educoder"] .menuWrap___iwlZB li [class~='ant-dropdown-menu-title-content'] {
flex: none !important;
}
[id="educoder"] .menuWrap___iwlZB li a {
margin: 0px;
color: #323232;
text-align: left;
padding: 0px 15px;
line-height: 35px;
}
.exit___MOREW {
border-top: 1px solid #eeeeee;
}
.classromediv___crYsO {
width: 60px;
height: 50px;
display: flex;
align-items: center;
border-radius: 50px;
cursor: pointer;
animation: glow___jMGk7 200ms ease-out infinite alternate;
}
@keyframes glow___jMGk7 {
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);
}
}
.height67___asp2E {
height: 40px;
}
.login___WGEW9 {
width: 90px;
height: 32px;
line-height: 32px;
text-align: center;
background: linear-gradient(135deg, #6c7bfd 0%, #3a45fa 100%);
border-radius: 2px;
cursor: pointer;
font-size: 14px;
color: #ffffff;
}
.login___WGEW9 > span {
padding: 0 !important;
}
.icon___HABAt {
font-size: 12px;
display: inline-block;
transform: translateY(3px) scale(0.6);
color: #979797;
}
.new_style___VRLKt {
width: 3vh;
height: 3vh;
margin: 0 1.5vh 0 2vh;
}
.zzxy_user___LLqzL {
display: flex;
align-items: center;
cursor: pointer;
}
.zzxy_user___LLqzL span {
color: #fff;
font-size: 12px;
}
.zzxy_user___LLqzL .icon_img___WwVKf {
margin-left: 1.5vh;
height: 7px;
}
.new_style_header___V65v3 {
display: flex;
align-items: center;
height: 45px;
}
.height6_vh___T2Kph {
height: 45px;
}