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

485 lines
14 KiB

.headerTabBarContainer___2U7nU {
display: flex;
align-items: center;
}
.headerTabBarContainer___2U7nU .userInfo___199ej {
display: flex;
align-items: center;
justify-content: space-between;
}
.headerTabBarContainer___2U7nU .userInfo___199ej .img___1hKgU {
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 10px;
background-color: #ccc;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.headerTabBarContainer___2U7nU .userInfo___199ej .img___1hKgU img {
width: 100%;
height: 100%;
}
.headerTabBarContainer___2U7nU .userInfo___199ej .detail___2CfBB > div {
color: #464f66;
}
.headerTabBarContainer___2U7nU .userInfo___199ej .detail___2CfBB > div:first-child {
font-size: 14px;
font-weight: 500;
}
.headerTabBarContainer___2U7nU .userInfo___199ej .detail___2CfBB > div:last-child {
font-size: 12px;
}
.headerTabBarContainer___2U7nU .space___1sVzq {
width: 1px;
height: 26px;
border: 1px solid #9cc7ee;
margin: 0 21px;
}
.headerTabBarContainer___2U7nU .school___1tfPs {
display: flex;
align-items: center;
}
.headerTabBarContainer___2U7nU .school___1tfPs > div {
margin-right: 9px;
}
.headerTabBarContainer___2U7nU .school___1tfPs > div:first-child i {
font-size: 24px;
color: #1fa363;
}
.headerTabBarContainer___2U7nU .school___1tfPs > div:last-child {
font-size: 14px;
font-weight: 500;
color: #464f66;
}
.headerContainer___aYAII {
margin-top: 32px;
}
.headerContainer___aYAII .listItemWrap___2F2mW {
display: flex;
justify-content: start;
}
.headerContainer___aYAII .listItemWrap___2F2mW .listItem___3eBKK {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 20px;
border-radius: 2px;
border: 1px solid #ddd;
}
.headerContainer___aYAII .listItemWrap___2F2mW .listItem___3eBKK:last-child {
margin-right: 0;
}
.headerContainer___aYAII .listItemWrap___2F2mW .listItem___3eBKK > span {
background-color: #f5f5f5;
color: #464f66;
padding: 10px 12px;
border-right: 1px solid #ddd;
font-size: 14px;
}
.headerContainer___aYAII .nameContainer___1yI8X {
margin-top: 30px;
}
.headerContainer___aYAII .nameContainer___1yI8X > span:first-child {
font-size: 16px;
font-weight: 500;
color: #464f66;
margin-right: 31px;
}
.headerContainer___aYAII .nameContainer___1yI8X > span:last-child {
cursor: pointer;
}
.headerContainer___aYAII .nameContainer___1yI8X > span:last-child > i {
color: #0152d9;
font-size: 14px;
}
.headerContainer___aYAII .nameContainer___1yI8X .iconWrap___l19YP {
color: #0152d9;
display: inline-block;
}
.headerContainer___aYAII .nameContainer___1yI8X .iconWrap___l19YP > span {
margin-right: 14px;
cursor: pointer;
}
.headerContainer___aYAII .nameContainer___1yI8X .iconWrap___l19YP > span > i {
font-size: 14px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.styleWrapContainer___2TCoi {
background: #ffffff;
border-radius: 4px;
border: 1px solid #dae9f3;
}
.styleWrapContainer___2TCoi.default___25gE1 {
padding: 26px 30px;
}
.styleWrapContainer___2TCoi.default___25gE1 .header___2j2v7 .tabBarContainer___XznTb {
display: flex;
align-items: center;
justify-content: space-between;
}
.styleWrapContainer___2TCoi.default___25gE1 .header___2j2v7 .tabBarContainer___XznTb > div {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6px 9px;
background: #ffffff;
box-shadow: 0px 7px 16px 0px rgba(227, 237, 255, 0.71);
border-radius: 2px;
margin-right: 20px;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.styleWrapContainer___2TCoi.default___25gE1 .header___2j2v7 .tabBarContainer___XznTb > div:last-child {
margin-right: 0;
}
.styleWrapContainer___2TCoi.default___25gE1 .header___2j2v7 .tabBarContainer___XznTb > div > span:first-child {
margin-right: 7px;
}
.styleWrapContainer___2TCoi.large___yYcpX {
padding: 25px 20px 30px 30px;
}
.styleWrapContainer___2TCoi.middle___2Dgvf {
padding: 26px 22px;
}
.styleWrapContainer___2TCoi.middle___2Dgvf .header___2j2v7 .title___360EH {
padding-left: 5px;
}
.styleWrapContainer___2TCoi.middle___2Dgvf .header___2j2v7 .tabBarText___36TDu {
font-size: 14px;
color: #6b758b;
line-height: 20px;
}
.styleWrapContainer___2TCoi.small___3ziGY {
padding: 20px 26px 26px 26px;
}
.styleWrapContainer___2TCoi.small___3ziGY .header___2j2v7 .title___360EH {
font-size: 14px;
font-weight: 500;
color: #464f66;
line-height: 20px;
position: relative;
}
.styleWrapContainer___2TCoi.small___3ziGY .header___2j2v7 .title___360EH::after {
position: absolute;
width: 43px;
height: 4px;
opacity: 0.29;
content: '';
bottom: -14px;
left: 0;
}
.styleWrapContainer___2TCoi.small___3ziGY:nth-child(1) .title___360EH::after {
background-color: #007aff;
}
.styleWrapContainer___2TCoi.small___3ziGY:nth-child(2) .title___360EH::after {
background-color: #07c160;
}
.styleWrapContainer___2TCoi.small___3ziGY:nth-child(3) .title___360EH::after {
background-color: #fa6400;
}
.styleWrapContainer___2TCoi .header___2j2v7 {
display: flex;
align-items: center;
justify-content: space-between;
}
.styleWrapContainer___2TCoi .header___2j2v7 .title___360EH {
font-size: 20px;
font-weight: 500;
color: #333b69;
line-height: 28px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.cardListContainer___1wb6u {
display: flex;
justify-content: space-between;
}
.cardListContainer___1wb6u .left___3-TPe {
width: calc(100% - 270px);
}
@media (min-width: 1920px) {
.cardListContainer___1wb6u .left___3-TPe {
width: calc(100% - 504px);
}
}
@media screen and (min-width: 1601px) and (max-width: 1919px) {
.cardListContainer___1wb6u .left___3-TPe {
width: calc(100% - 420px);
}
}
@media screen and (min-width: 1400px) and (max-width: 1600px) {
.cardListContainer___1wb6u .left___3-TPe {
width: calc(100% - 320px);
}
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL {
display: flex;
align-items: center;
margin-top: 40px;
}
@media (min-width: 1920px) {
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL {
flex: 1 1;
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 1400px) and (max-width: 1600px) {
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL {
width: 35%;
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 1601px) and (max-width: 1700px) {
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL {
width: 35%;
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 1701px) and (max-width: 1800px) {
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL {
width: 38%;
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 1801px) and (max-width: 1919px) {
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL {
width: 42%;
display: flex;
justify-content: center;
}
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL .reusltContainer___3jOsw {
width: 198px;
height: 198px;
padding: 15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 2px 31px 7px #ebeefd;
border: 18px solid #ffffff;
position: relative;
z-index: 1;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL .reusltContainer___3jOsw::after {
position: absolute;
content: '';
width: 198px;
height: 198px;
border-width: 3px;
border-style: solid;
border-color: #cbd6ed;
z-index: 9;
border-radius: 50%;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL .reusltContainer___3jOsw::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-image: radial-gradient(#fff 60%, #f5f5fd 80%);
border-radius: 50%;
z-index: 8;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL .reusltContainer___3jOsw.success___1Nxww::after {
border-color: #07c160;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL .reusltContainer___3jOsw.success___1Nxww .spheric___20NHi > div:first-child {
color: #333b69;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL .reusltContainer___3jOsw.success___1Nxww .spheric___20NHi > div:last-child {
color: #6b758b;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL .reusltContainer___3jOsw .spheric___20NHi {
text-align: center;
z-index: 10;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL .reusltContainer___3jOsw .spheric___20NHi > div:first-child {
font-size: 28px;
font-weight: 500;
color: #6b758b;
line-height: 40px;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .resultWrap___V-aBL .reusltContainer___3jOsw .spheric___20NHi > div:last-child {
font-size: 12px;
font-weight: 400;
color: #b1bacd;
line-height: 17px;
margin-top: 4px;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .listItemWrap___2LTlk {
flex: 1 1;
margin-left: 67px;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .listItemWrap___2LTlk .listItem___2gsq- {
margin-bottom: 20px;
display: flex;
justify-content: start;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .listItemWrap___2LTlk .listItem___2gsq-:last-child {
margin-bottom: 0;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .listItemWrap___2LTlk .listItem___2gsq- > span {
width: 40px;
height: 40px;
border-radius: 9px;
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .listItemWrap___2LTlk .listItem___2gsq- .content___4ewRW {
display: flex;
justify-content: space-between;
padding-top: 4px;
width: calc(100% - 50px);
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .listItemWrap___2LTlk .listItem___2gsq- .content___4ewRW .label___1svZ3 {
font-size: 14px;
color: #333b69;
line-height: 20px;
position: relative;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .listItemWrap___2LTlk .listItem___2gsq- .content___4ewRW .label___1svZ3::after {
position: absolute;
content: '';
width: 21px;
height: 3px;
background-color: #6b758b;
border-radius: 1px;
opacity: 0.3;
bottom: 0;
left: 0;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .listItemWrap___2LTlk .listItem___2gsq- .content___4ewRW .total___jjjwl {
display: flex;
align-items: center;
}
@media (min-width: 1600px) {
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .listItemWrap___2LTlk .listItem___2gsq- .content___4ewRW .total___jjjwl {
padding-right: 40px;
}
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .listItemWrap___2LTlk .listItem___2gsq- .content___4ewRW .total___jjjwl > span:first-child {
font-size: 24px;
font-weight: 500;
color: #333b69;
line-height: 33px;
}
.cardListContainer___1wb6u .left___3-TPe .leftList___1_AzL .listItemWrap___2LTlk .listItem___2gsq- .content___4ewRW .total___jjjwl > span:last-child {
font-size: 12px;
font-weight: 400;
color: #6b758b;
line-height: 17px;
margin-left: 5px;
}
.cardListContainer___1wb6u .right___35dEh {
width: 250px;
}
@media (min-width: 1920px) {
.cardListContainer___1wb6u .right___35dEh {
width: 484px;
}
}
@media screen and (min-width: 1601px) and (max-width: 1919px) {
.cardListContainer___1wb6u .right___35dEh {
width: 400px;
}
}
@media screen and (min-width: 1400px) and (max-width: 1600px) {
.cardListContainer___1wb6u .right___35dEh {
width: 300px;
}
}
.cardListContainer___1wb6u .right___35dEh .rightList___cDNYA {
display: flex;
flex-wrap: wrap;
margin-top: 26px;
height: 244px;
overflow-y: auto;
align-content: start;
}
.cardListContainer___1wb6u .right___35dEh .rightList___cDNYA .listItem___2gsq- {
color: #464f66;
padding: 5px 10px;
background: #efefef;
border-radius: 2px;
margin-bottom: 12px;
margin-right: 10px;
transition: all 0.2s;
}
.cardListContainer___1wb6u .right___35dEh .rightList___cDNYA .listItem___2gsq-:hover {
color: #0152d9;
background-color: #e3effc;
}
.cardListContainer___1wb6u .right___35dEh .rightList___cDNYA .emptyContaioner___27b2p {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
margin: 0;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.totalListContainer___2H6DH {
display: flex;
justify-content: space-between;
}
.totalListContainer___2H6DH .listItem___t7kZy {
display: flex;
justify-content: space-between;
margin-top: 42px;
}
.totalListContainer___2H6DH .listItem___t7kZy .total___3R1sa {
font-size: 12px;
color: #464f66;
}
.totalListContainer___2H6DH .listItem___t7kZy .total___3R1sa > span {
font-size: 30px;
font-weight: 500;
line-height: 42px;
margin-right: 6px;
}
.totalListContainer___2H6DH .listItem___t7kZy .icon___1j0iT {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.navigationHomeContainer___2iubA {
background-color: #fafafa;
}
.navigationHomeContainer___2iubA > div {
margin-bottom: 20px;
}
.navigationHomeContainer___2iubA > div:last-child {
margin-bottom: 0;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */