342 lines
7.3 KiB
CSS
342 lines
7.3 KiB
CSS
.body {
|
|
border-radius: 12px;
|
|
background: #ffffff;
|
|
width: 1200px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.body .item:not(:last-of-type) .head {
|
|
border-bottom: 1px solid #6c79ba;
|
|
}
|
|
.body .item:first-of-type .head {
|
|
border-radius: 12px 0 0 0;
|
|
}
|
|
.body .item:last-of-type .head {
|
|
border-radius: 0 0 0 12px;
|
|
}
|
|
.body .item .head {
|
|
width: 143px;
|
|
background-color: #7b8cd3;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
padding-left: 20px;
|
|
}
|
|
.body .item .thead {
|
|
text-align: center;
|
|
padding: 20px;
|
|
border-bottom: 1px solid #ebebeb;
|
|
}
|
|
.body .item .thead a {
|
|
display: block;
|
|
}
|
|
.body .item .thead:not(:last-of-type) {
|
|
border-right: 1px solid #ebebeb;
|
|
}
|
|
.body .item .thead .tag .tag-item {
|
|
margin: 0;
|
|
font-weight: 400;
|
|
}
|
|
.body .item .thead.no-padding {
|
|
padding: 0;
|
|
border-bottom: none;
|
|
flex-direction: column;
|
|
}
|
|
.body .item .thead .top {
|
|
position: relative;
|
|
padding: 20px 0;
|
|
border-bottom: 1px solid #ebebeb;
|
|
}
|
|
.body .item .thead .top .vs {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
right: -19px;
|
|
width: 38px;
|
|
height: 38px;
|
|
}
|
|
.body .item .thead .top .name {
|
|
font-size: 15px;
|
|
font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif;
|
|
font-weight: 650;
|
|
color: #000000;
|
|
margin-bottom: 5px;
|
|
padding: 0 10px;
|
|
}
|
|
.body .item .thead .top .name-en {
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
color: #7f7f7f;
|
|
margin-bottom: 10px;
|
|
font-weight: 400;
|
|
padding: 0 10px;
|
|
}
|
|
.body .item .thead .top .school {
|
|
font-size: 14px;
|
|
color: #333333;
|
|
display: flex;
|
|
}
|
|
.body .item .thead .top .school .icon {
|
|
height: 18px;
|
|
margin-right: 7px;
|
|
}
|
|
.body .item .thead .operate {
|
|
padding: 20px 0;
|
|
position: relative;
|
|
border-bottom: 1px solid #ebebeb;
|
|
}
|
|
.body .item .thead .operate .i:not(:last-of-type) {
|
|
border-right: 1px solid #ebebeb;
|
|
}
|
|
.body .item .thead .operate .i .icon {
|
|
height: 16px;
|
|
cursor: pointer;
|
|
}
|
|
.body .item .thead .operate .add {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
right: -16px;
|
|
width: 32px;
|
|
height: 32px;
|
|
background-color: #f6f6f6;
|
|
border-radius: 4px;
|
|
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
.body .item .thead .operate .add .icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.body .item .thead .semester-box .semester {
|
|
width: 48px;
|
|
height: 20px;
|
|
background-color: #f95d5d;
|
|
border-radius: 6px;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
}
|
|
.body .item .thead .mode1 {
|
|
font-family: "Arial-Black", "Arial Black", sans-serif;
|
|
font-weight: 900;
|
|
font-size: 16px;
|
|
color: #000000;
|
|
}
|
|
.body .item .thead .mode2 {
|
|
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
.body .item .thead .mode3 {
|
|
font-family: "Arial-Black", "Arial Black", sans-serif;
|
|
font-weight: 900;
|
|
font-size: 16px;
|
|
}
|
|
.body .item .thead .mode3 .unit {
|
|
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
|
|
font-weight: 400;
|
|
color: #555555;
|
|
margin-left: 5px;
|
|
font-size: 13px;
|
|
}
|
|
.body .item .thead .mode4 {
|
|
font-size: 14px;
|
|
line-height: 24px;
|
|
color: #333333;
|
|
text-align: left;
|
|
white-space: pre-line;
|
|
}
|
|
.body .item .thead .mode5 {
|
|
height: 100%;
|
|
width: 100%;
|
|
font-size: 13px;
|
|
color: #333333;
|
|
}
|
|
.body .item.QRcode .hint {
|
|
width: 115px;
|
|
height: 42px;
|
|
}
|
|
.body .item.QRcode .arrows {
|
|
width: 20px;
|
|
height: 8px;
|
|
}
|
|
.body .item.QRcode .img {
|
|
width: 120px;
|
|
height: 120px;
|
|
background-color: #ffffff;
|
|
border-radius: 10px;
|
|
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15294118);
|
|
}
|
|
.body .item.QRcode .img .icon {
|
|
width: 106px;
|
|
height: 106px;
|
|
}
|
|
.handle-project-mask {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
}
|
|
.handle-project-mask .handle-project {
|
|
width: 640px;
|
|
}
|
|
.handle-project-mask .handle-project .handle-header {
|
|
height: 66px;
|
|
background: inherit;
|
|
background-color: #7b8cd3;
|
|
border-radius: 12px 12px 0 0;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
padding: 24px 0 22px 20px;
|
|
position: relative;
|
|
}
|
|
.handle-project-mask .handle-project .handle-header .cross {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
padding: 15px;
|
|
cursor: pointer;
|
|
}
|
|
.handle-project-mask .handle-project .handle-header .cross .icon {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
.handle-project-mask .handle-project .list {
|
|
height: 574px;
|
|
border-radius: 0 0 12px 12px;
|
|
padding-left: 50px;
|
|
overflow: auto;
|
|
padding-right: 5px;
|
|
background-color: #ffffff;
|
|
}
|
|
.handle-project-mask .handle-project .list .item {
|
|
padding: 15px 0;
|
|
margin-right: 10px;
|
|
}
|
|
.handle-project-mask .handle-project .list .item:not(:last-of-type) {
|
|
border-bottom: 1px dotted #d7d7d7;
|
|
}
|
|
.handle-project-mask .handle-project .list .item .left .name {
|
|
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
|
|
font-weight: 650;
|
|
font-style: normal;
|
|
font-size: 15px;
|
|
color: #000000;
|
|
margin-bottom: 5px;
|
|
position: relative;
|
|
}
|
|
.handle-project-mask .handle-project .list .item .left .name::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: -30px;
|
|
transform: translateY(-50%);
|
|
width: 7px;
|
|
height: 7px;
|
|
background-color: #fddf6d;
|
|
border: 1px solid #cab157;
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
}
|
|
.handle-project-mask .handle-project .list .item .left .english {
|
|
color: #7f7f7f;
|
|
font-size: 13px;
|
|
margin-bottom: 11px;
|
|
}
|
|
.handle-project-mask .handle-project .list .item .left .bottom {
|
|
color: #333333;
|
|
font-size: 14px;
|
|
}
|
|
.handle-project-mask .handle-project .list .item .left .bottom .icon {
|
|
height: 18px;
|
|
margin-right: 7px;
|
|
}
|
|
.handle-project-mask .handle-project .list .item .left .bottom .line {
|
|
margin: 0 8px;
|
|
color: #d7d7d7;
|
|
}
|
|
.handle-project-mask .handle-project .list .item .left .bottom .state {
|
|
color: #555555;
|
|
font-size: 13px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
padding: 0 6px;
|
|
background-color: #f2f2f2;
|
|
border: 1px solid #d7d7d7;
|
|
border-radius: 6px;
|
|
}
|
|
.handle-project-mask .handle-project .list .item .btn {
|
|
cursor: pointer;
|
|
}
|
|
.handle-project-mask .handle-project .list .item .btn .icon {
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
.base-footer {
|
|
position: sticky;
|
|
bottom: 15px;
|
|
justify-content: space-between;
|
|
pointer-events: none;
|
|
transition: all 0.3s;
|
|
}
|
|
.base-footer .base-box {
|
|
pointer-events: all;
|
|
height: 54px;
|
|
background: linear-gradient(260.53767779deg, #dbe3fd 0%, #eef7f5 100%);
|
|
box-sizing: border-box;
|
|
border: 1px solid #dbe0f2;
|
|
box-shadow: 0px 0px 7px #7b8cd3;
|
|
border-radius: 153px;
|
|
padding-left: 32px;
|
|
padding-right: 5px;
|
|
}
|
|
.base-footer .base-box.isnosave {
|
|
width: 360px;
|
|
padding: 0;
|
|
justify-content: center;
|
|
padding-left: 5px;
|
|
}
|
|
.base-footer .base-box.isnosave .save {
|
|
display: none;
|
|
}
|
|
.base-footer .item {
|
|
font-size: 15px;
|
|
color: #000000;
|
|
cursor: pointer;
|
|
}
|
|
.base-footer .item .icon {
|
|
height: 20px;
|
|
margin-right: 5px;
|
|
}
|
|
.base-footer .line {
|
|
margin: 0 20px;
|
|
color: #d7d7d7;
|
|
}
|
|
.base-footer .save {
|
|
width: 406px;
|
|
height: 42px;
|
|
background-color: #f6f6f6;
|
|
border-radius: 158px;
|
|
font-size: 14px;
|
|
color: #333333;
|
|
padding-left: 20px;
|
|
margin-left: 38px;
|
|
}
|
|
.base-footer .save .icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 0 10px;
|
|
}
|
|
.base-footer .save .btn {
|
|
width: 140px;
|
|
height: 100%;
|
|
background-color: #7b8cd3;
|
|
border-radius: 158px;
|
|
font-size: 16px;
|
|
color: #ffffff;
|
|
cursor: pointer;
|
|
}
|