You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/layouts__user__index.chunk.css

763 lines
24 KiB

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.0.89@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.89@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/components/User/OauthPanel/index.less ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.other-login {
text-align: center;
}
.other-login a {
display: inline-block;
margin-right: 8px;
}
.btn-link {
display: block;
text-align: center;
}
.wechat-qrcode {
height: 390px;
margin: 0 auto;
display: block;
}
.driver {
text-align: center;
color: #dddddd;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.0.89@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.89@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Header/index.less?modules ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___et8xE {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___GBGuw {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center____6P1q {
align-items: center;
box-align: center;
}
.flex_box_center_end___whXw6 {
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___mWgI_ {
flex-direction: column;
box-orient: block-axis;
}
.header___Wn4fJ {
min-width: 1200px;
position: relative;
}
.header___Wn4fJ [class~='ant-layout-header'] {
padding: 0;
height: 72px;
background: #24292f;
}
.header___Wn4fJ .logo___QnotM {
height: 36px;
margin-right: 40px;
}
.header___Wn4fJ .menu___twLGR {
margin: 0;
padding: 0;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.header___Wn4fJ .menu___twLGR li {
margin-right: 30px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.header___Wn4fJ .menu___twLGR li .dropDown___Cwaoa {
background: #ffffff;
box-shadow: 0px 10px 16px 0px #cecece;
border-radius: 6px;
position: absolute;
z-index: 999;
left: -20px;
top: 50px;
padding: 20px;
line-height: 1.5;
display: none;
}
.header___Wn4fJ .menu___twLGR li .dropDown___Cwaoa .line___D1auu {
width: 100%;
height: 1px;
background: #dbdce0;
margin: 24px 0;
}
.header___Wn4fJ .menu___twLGR li .dropDown___Cwaoa .subName___gql7K {
cursor: pointer;
}
.header___Wn4fJ .menu___twLGR li .dropDown___Cwaoa .subName___gql7K:hover aside {
color: #165dff;
}
.header___Wn4fJ .menu___twLGR li .name___dR5V2 {
display: flex;
align-items: center;
height: 50px;
cursor: pointer;
}
.header___Wn4fJ .menu___twLGR li .name___dR5V2 span {
font-size: 16px;
color: #ffffff;
display: inline-block;
position: relative;
}
.header___Wn4fJ .menu___twLGR li .name___dR5V2 span b {
color: #d4443c;
transform: translate(2px, -7px);
display: inline-block;
}
.header___Wn4fJ .menu___twLGR li .name___dR5V2 i {
font-size: 12px;
display: inline-block;
transform: translateY(1px) scale(0.6);
color: #979797;
}
.header___Wn4fJ .menu___twLGR li:hover .name___dR5V2 span {
color: #c5c5c5;
}
.header___Wn4fJ .menu___twLGR li:hover .dropDown___Cwaoa {
display: block;
}
.header___Wn4fJ .menu___twLGR li.actived___ohMks .name___dR5V2 span {
color: #c5c5c5;
}
.header___Wn4fJ .menu___twLGR li.actived___ohMks .name___dR5V2 span::after {
content: '';
width: 100%;
height: 2px;
background: #c5c5c5;
position: absolute;
bottom: 12px;
left: 0;
border-radius: 1px;
}
.header___Wn4fJ .edu-menu___iWLK0 {
display: flex;
width: 100%;
height: 72px;
width: 1200px;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
margin: 0 auto;
}
.header___Wn4fJ .newslight___lSZjL {
width: 5px;
height: 5px;
border-radius: 5px;
position: absolute;
top: 0;
left: 10px;
background: #fb3226;
}
.header___Wn4fJ .classromediv___knFRv {
animation: glow___gzrPH 200ms ease-out infinite alternate;
}
.spandiv___Gm_hg {
height: 30px;
line-height: 30px;
text-align: center;
background: rgba(0, 255, 249, 0.2);
width: 80px;
}
.header-iearning___LZfyg {
min-width: 1200px;
height: 60px;
width: 100%;
background-color: rgba(255, 255, 255, 0.8) !important;
box-shadow: 0px 2px 10px 0px rgba(136, 136, 136, 0.5);
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
}
.header-iearning___LZfyg .logo___QnotM {
height: 36px;
}
.header-iearning___LZfyg [class~='ant-layout-header'] {
padding: 0;
height: 60px;
color: #000;
color: initial;
background: transparent;
}
.header-iearning___LZfyg .menu___twLGR {
margin: 0;
padding: 0;
margin-left: auto;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.header-iearning___LZfyg .menu___twLGR li {
margin-right: 30px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.header-iearning___LZfyg .menu___twLGR li:hover a {
color: #828383;
}
.header-iearning___LZfyg .menu___twLGR li.actived___ohMks a {
color: #196efd;
}
.header-iearning___LZfyg .menu___twLGR li.actived___ohMks::after {
content: '';
width: 28px;
height: 4px;
background-color: #196efd;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
}
.header-iearning___LZfyg .menu___twLGR li a {
color: #434d6c;
position: relative;
font-size: 16px;
}
.header-iearning___LZfyg .edu-menu___iWLK0 {
display: flex;
width: 100%;
padding: 0 20px;
height: 60px;
min-width: 1200px;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
.header-iearning___LZfyg .newslight___lSZjL {
width: 5px;
height: 5px;
border-radius: 5px;
position: absolute;
top: 0px;
left: 10px;
background: #fb3226;
}
.header-iearning___LZfyg .classromediv___knFRv {
animation: glow___gzrPH 200ms ease-out infinite alternate;
}
.header-iearning___LZfyg .title___Ozzjk {
font-size: 18px;
font-weight: 600;
color: #196efd;
margin-left: 10px;
}
.headerFixed___QLwBd {
position: fixed;
top: 0px;
z-index: 999;
width: 100%;
}
.headerFixed___QLwBd + section {
padding-top: 60px;
}
@keyframes glow___gzrPH {
0% {
border-color: #00fff9;
background: rgba(0, 255, 249, 0.2);
box-shadow: 0 0 5px rgba(0, 255, 249, 0.2);
}
100% {
border-color: #00fff9;
background: rgba(0, 255, 249, 0.2);
box-shadow: 0 0 8px rgba(0, 255, 249, 0.6);
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.0.89@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.89@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/components/Header/search-input.less ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.search-input {
width: 300px !important;
background: #373e3f !important;
border: 1px solid #373e3f !important;
}
.search-input [class~='ant-input'] {
background: #373e3f !important;
color: #fff;
}
.search-input .ant-input-search-icon::before {
border-left: none;
}
.search-input .ant-input-search-icon {
color: #999;
}
.search-bar {
color: white;
flex: 1 0 auto;
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
position: relative;
}
.search-bar a:hover {
color: #fff;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.0.89@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.89@@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.0.89@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.89@@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;
}
.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%;
}
.scoremodal___UK79S [class~='ant-modal-body'] {
padding: 25px;
}
.scoremodal___UK79S .title___R27m0 {
color: #000000;
font-size: 16px;
font-weight: 500;
display: flex;
width: 100%;
}
.scoremodal___UK79S .content___AWEH9 {
margin-top: 25px;
}
.scoremodal___UK79S .content___AWEH9 .jsinput___zKhE1 div[class~='ant-form-item-label'] {
margin-bottom: 10px;
}
.scoremodal___UK79S .bottom___hVTdR {
width: 100%;
text-align: end;
margin-top: 30px;
}
.scoremodal___UK79S .bottom___hVTdR .yes___CSLaE {
padding: 0px 20px;
height: 32px;
background: #3061D0;
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
font-weight: 400;
color: #FFFFFF;
border: 0px;
}
.scoremodal___UK79S .bottom___hVTdR .no___hidCj {
margin-right: 20px;
width: 60px;
height: 32px;
background: #F8F9FC;
border-radius: 2px;
opacity: 0.5;
border: 1px solid #C3CFE0;
font-weight: 400;
color: #464F66;
line-height: 14px;
}
.baseFormItem___obCPA {
font-size: 14px;
}
.baseFormItem___obCPA input[class~='ant-input'] {
height: 38px;
}
.baseFormItem___obCPA input[class~='ant-input-number-input'] {
height: 46px;
}
.baseFormItem___obCPA div[class~='ant-select-selector'] {
height: 46px;
}
.baseFormItem___obCPA div[class~='ant-select-selector'] span[class~='ant-select-selection-item'] {
line-height: 46px;
}
.baseFormItem___obCPA div[class~='ant-select-selector'] span[class~='ant-select-selection-placeholder'] {
line-height: 46px;
}
.baseFormItem___obCPA span[class~='ant-select-arrow'] {
right: 12px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.0.89@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.89@@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;
}
.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: 67px;
}
.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;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.0.89@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.89@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/layouts/user/index.less ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.register-footer {
white-space: pre;
color: #999;
font-size: 14px;
margin-top: 70px;
padding-bottom: 50px;
text-align: center;
}
.register-footer span {
font-size: 18px;
}
.register-panel {
width: 420px;
background: #ffffff;
box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 0 26px 30px 26px;
}
.register-panel input {
border-radius: 4px;
border: 1px solid #dddddd;
}
.register-panel button {
border-radius: 4px;
}
.register-panel .ant-form-item-explain {
line-height: 2;
}
.register-panel .ant-form-item {
margin-bottom: 20px;
}
.register-panel input:-internal-autofill-previewed,
.register-panel input:-internal-autofill-selected {
transition: background-color 5000s ease-in-out 0s !important;
}
.register-panel .service-terms .ant-form-item-control-input {
min-height: 10px;
line-height: 10px;
}
.register-container {
background: #eaf2ff;
min-height: 100vh;
}
.register-container .navs {
list-style: none;
display: flex;
width: 100%;
flex-flow: row nowrap;
padding: 0;
margin: 0;
align-items: center;
font-size: 18px;
border-bottom: 1px solid #e8e8e8;
margin-bottom: 20px;
}
.register-container .navs a {
display: block;
line-height: 48px;
padding: 0 20px;
color: rgba(0, 0, 0, 0.65);
border-bottom: 2px solid transparent;
}
.register-container .navs a.active {
color: #0152d9;
border-bottom: 2px solid #0152d9;
}
.register-bg {
background: #eaf2ff url(./static/bg.9e08c4e7.png);
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 100%;
height: 754px;
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 142px;
}
.register-introduce {
width: 584px;
margin-right: 170px;
}
.register-introduce img {
width: 280px;
}
.register-introduce h4 {
font-size: 38px;
color: #ffffff;
margin-top: 32px;
margin-bottom: 28px;
}
.register-introduce p {
font-size: 20px;
color: #ffffff;
line-height: 45px;
}
.register-nav {
display: flex;
height: 90px;
align-items: center;
}
.register-nav .nav-active {
color: #0152d9;
}
.register-nav .nav-active:after {
content: '';
width: 50%;
height: 2px;
position: absolute;
z-index: 2;
left: 50%;
transform: translateX(-50%);
bottom: -6px;
background-color: #0152d9;
}
.register-nav div {
position: relative;
margin-right: 42px;
font-size: 18px;
color: #888888;
cursor: pointer;
}
@media screen and (max-width: 1550px) {
.register-bg {
padding-top: 62px;
}
.register-introduce img {
width: 240px;
margin-top: 80px;
}
.register-introduce h4 {
font-size: 34px;
margin-top: 22px;
margin-bottom: 20px;
}
.register-introduce p {
font-size: 18px;
line-height: 38px;
}
}