xg-project-library/css/details.less

2019 lines
58 KiB
Plaintext
Raw Normal View History

2024-11-07 08:32:00 +00:00
.boxbox {
2024-10-31 04:27:27 +00:00
width: 1200px;
background-color: rgba(251, 251, 251, 1);
border-radius: 12px;
position: relative;
margin-bottom: 20px;
2024-11-21 07:42:17 +00:00
.admission-title {
position: absolute;
width: 120px;
height: 32px;
top: -11px;
left: 50%;
transform: translateX(-50%);
display: none;
.admission-bj {
position: absolute;
left: -5px;
top: -5px;
width: 131px;
height: 43px;
}
.admission-name {
width: 70px;
height: 18px;
2024-11-21 07:35:46 +00:00
position: absolute;
2024-11-21 07:42:17 +00:00
top: 7px;
2024-11-21 07:35:46 +00:00
left: 50%;
transform: translateX(-50%);
2024-11-21 07:42:17 +00:00
}
2024-11-21 07:30:31 +00:00
2024-11-21 07:42:17 +00:00
.admission-arrows {
width: 13px;
height: 6px;
position: absolute;
top: 0;
2024-11-21 07:30:31 +00:00
2024-11-21 07:42:17 +00:00
&.admission-arrows-left {
left: -6px;
2024-11-21 07:30:31 +00:00
}
2024-11-21 07:42:17 +00:00
&.admission-arrows-right {
right: -6px;
2024-11-21 07:30:31 +00:00
}
}
2024-11-21 07:42:17 +00:00
}
&.admission {
.admission-title {
display: block;
}
2024-11-21 07:25:51 +00:00
&::after {
background: linear-gradient(90deg, rgb(207, 224, 236), rgb(143, 175, 198), rgb(207, 224, 236));
}
}
2024-10-31 04:27:27 +00:00
&::after {
content: "";
position: absolute;
top: -5px;
left: 0;
width: 100%;
height: 66px;
2024-11-21 07:25:51 +00:00
background: linear-gradient(90deg, rgba(123, 140, 211, 1) 0%, rgba(218, 227, 253, 1) 99%);
2024-10-31 04:27:27 +00:00
border-radius: 18px;
z-index: -1;
}
.tab {
height: 60px;
font-size: 14px;
color: #7f7f7f;
border-bottom: 1px dotted rgb(235, 235, 235);
padding-left: 24px;
2024-11-11 04:23:54 +00:00
a {
color: #7f7f7f;
2024-11-25 03:46:48 +00:00
&:hover {
text-decoration: underline;
color: #000000;
}
2024-11-11 04:23:54 +00:00
}
2024-11-25 08:04:33 +00:00
2024-10-31 04:27:27 +00:00
.img {
width: 6px;
height: 10px;
2024-11-22 03:45:18 +00:00
margin: 0 10px;
2024-10-31 04:27:27 +00:00
}
.current {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 14px;
color: #000000;
}
}
.details {
2024-11-13 08:21:32 +00:00
padding: 0 0 0 60px;
2024-10-31 04:27:27 +00:00
.logo {
width: 120px;
height: 120px;
position: relative;
z-index: 1;
2024-11-13 08:21:32 +00:00
// padding-right: 10px;
// padding-bottom: 7px;
2024-11-25 08:04:33 +00:00
margin-top: 36px;
2024-10-31 04:27:27 +00:00
margin-right: 39px;
2024-11-25 08:34:41 +00:00
margin-bottom: 36px;
2024-10-31 04:27:27 +00:00
display: inline-flex;
}
.right {
2024-11-13 08:21:32 +00:00
padding-top: 31px;
2024-11-22 09:37:23 +00:00
padding-bottom: 24px;
2025-01-03 03:02:18 +00:00
padding-right: 5px;
2024-10-31 04:27:27 +00:00
.name {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
2024-11-22 03:45:18 +00:00
font-size: 28px;
2024-10-31 04:27:27 +00:00
color: #000000;
margin-bottom: 6px;
}
.name-en {
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #7f7f7f;
margin-bottom: 15px;
}
.school {
.icon {
height: 20px;
margin-right: 9px;
}
font-size: 16px;
color: #333333;
margin-bottom: 15px;
2024-11-12 07:59:15 +00:00
a {
color: #333333;
}
2024-10-31 04:27:27 +00:00
.line {
2024-11-22 03:45:18 +00:00
margin: 0 12px;
2024-10-31 04:27:27 +00:00
color: rgb(215, 215, 215);
}
}
.word {
margin-bottom: 15px;
2024-11-15 02:57:08 +00:00
font-weight: 400;
2024-10-31 04:27:27 +00:00
.img {
width: 20px;
height: 14px;
margin-right: 6px;
margin-bottom: 8px;
}
font-size: 14px;
color: #7f7f7f;
}
}
2024-11-13 08:21:32 +00:00
.QRCode {
position: relative;
width: 290px;
border-left: 1px dotted #ebebeb;
flex-direction: column;
.code {
width: 120px;
height: 120px;
background-color: rgba(255, 255, 255, 1);
border-radius: 60px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.0705882352941176);
margin-bottom: 12px;
.img {
width: 100px;
height: 100px;
2024-11-13 09:51:22 +00:00
border-radius: 30%;
2024-11-13 08:21:32 +00:00
}
}
.hint {
font-size: 13px;
letter-spacing: normal;
color: #333333;
.img {
width: 12px;
height: 12px;
margin-right: 7px;
}
}
.triangle {
width: 9px;
height: 16px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
}
2024-10-31 04:27:27 +00:00
}
}
.body {
align-items: flex-start;
2024-11-13 08:51:43 +00:00
margin-bottom: 20px;
2024-10-31 04:27:27 +00:00
}
.content {
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(242, 242, 242, 1);
border-radius: 12px;
.side {
border-radius: 12px 0 0 0;
2024-11-14 03:22:27 +00:00
width: 140px;
2024-10-31 04:27:27 +00:00
height: 500px;
2024-11-07 07:33:39 +00:00
// overflow: hidden;
position: sticky;
top: 0;
2024-10-31 04:27:27 +00:00
flex-direction: column;
2024-11-07 07:33:39 +00:00
2024-10-31 04:27:27 +00:00
.item {
width: 100%;
height: 56px;
font-size: 15px;
color: #555555;
cursor: pointer;
2024-12-18 07:50:13 +00:00
position: relative;
2024-10-31 04:27:27 +00:00
&.pitch {
&:first-of-type {
border-top: none;
2024-11-14 04:30:07 +00:00
border-radius: 12px 0 0 0;
overflow: hidden;
2024-10-31 04:27:27 +00:00
}
2024-11-27 06:10:44 +00:00
width: calc(100% + 1px);
2024-10-31 04:27:27 +00:00
background-color: rgba(251, 251, 251, 1);
border-top: 1px solid rgba(235, 235, 235, 1);
border-bottom: 1px solid rgba(235, 235, 235, 1);
border-right: none;
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 15px;
color: #000000;
position: relative;
&::after {
content: "";
width: 5px;
height: 100%;
display: block;
background-color: rgba(111, 193, 109, 1);
position: absolute;
left: 0;
top: 0;
}
}
2024-12-18 07:49:41 +00:00
2024-12-18 07:53:36 +00:00
.item-text {
position: relative;
}
2024-12-18 07:49:41 +00:00
.red-amount {
padding: 0 5px;
2024-12-18 07:53:36 +00:00
background-color: #f95d5d;
2024-12-18 07:49:41 +00:00
height: 16px;
2024-12-18 07:53:36 +00:00
line-height: 16px;
2024-12-18 07:49:41 +00:00
font-size: 12px;
border-radius: 10px;
2024-12-18 07:50:13 +00:00
position: absolute;
2024-12-18 07:55:30 +00:00
right: 0;
top: -8px;
transform: translateX(100%);
2024-12-18 07:53:36 +00:00
color: #fff;
text-align: center;
font-weight: 400;
2024-12-18 08:22:24 +00:00
&.red-round {
padding: 0;
width: 16px;
border-radius: 50%;
}
2024-12-18 07:49:41 +00:00
}
2024-10-31 04:27:27 +00:00
}
}
.details-box {
background-color: #fbfbfb;
2024-11-13 08:51:43 +00:00
border-radius: 0 12px 12px 0;
2024-11-07 07:33:39 +00:00
border-left: 1px solid rgba(235, 235, 235, 1);
2024-10-31 04:27:27 +00:00
2024-11-14 07:17:14 +00:00
.side-item {
2024-11-14 07:15:16 +00:00
padding-top: 40px;
padding-left: 50px;
2024-11-14 07:17:14 +00:00
padding-right: 30px;
2024-11-14 07:17:57 +00:00
&:not(:last-of-type) {
border-bottom: 1px solid rgba(235, 235, 235, 1);
}
2024-11-14 07:15:16 +00:00
}
2024-10-31 04:27:27 +00:00
.block {
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(235, 235, 235, 1);
border-radius: 12px;
}
2024-11-21 10:59:50 +00:00
.answer {
.hint {
.icon {
width: 14px;
height: 14px;
margin-right: 6px;
}
color: #555555;
font-size: 13px;
height: 42px;
line-height: 42px;
border-bottom: 1px solid #ebebeb;
padding-left: 17px;
}
.tab {
flex-wrap: wrap;
padding: 23px 17px 26px;
.tab-item {
height: 32px;
padding: 0 12px;
background-color: rgba(237, 240, 244, 1);
border: 1px solid rgba(235, 235, 235, 1);
border-radius: 114px;
font-size: 14px;
color: #555555;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
&.pitch {
font-weight: 650;
color: #ffffff;
background-color: rgba(111, 193, 109, 1);
border: none;
}
}
}
.dialogue {
padding: 23px 17px 26px;
.info {
color: #7f7f7f;
font-size: 13px;
margin-bottom: 4px;
.avatar {
border-radius: 50%;
width: 32px;
height: 32px;
}
}
.dialogue-left {
.avatar {
margin-right: 6px;
}
.message {
margin-left: 38px;
border-top-left-radius: 0;
background-color: rgba(246, 246, 246, 1);
}
2024-11-22 03:22:12 +00:00
.img {
margin-left: 38px;
}
2024-11-21 10:59:50 +00:00
}
.dialogue-right {
display: flex;
flex-direction: column;
align-items: flex-end;
.info {
justify-content: flex-end;
.avatar {
margin-left: 6px;
}
}
.message {
margin-right: 38px;
border-top-right-radius: 0;
background-color: rgba(244, 248, 253, 1);
}
2024-11-22 03:22:12 +00:00
.img {
margin-right: 38px;
}
2024-11-21 10:59:50 +00:00
}
.message {
font-size: 14px;
color: #000000;
line-height: 26px;
padding: 10px;
width: fit-content;
max-width: 80%;
min-height: 46px;
background: inherit;
border: none;
border-radius: 16px;
margin-bottom: 10px;
}
2024-11-22 03:22:12 +00:00
.img {
border: 1px solid #e0dfdf;
border-radius: 10px;
width: 170px;
min-height: 100px;
max-height: 180px;
object-fit: cover;
cursor: pointer;
}
2024-11-21 10:59:50 +00:00
}
}
2024-10-31 04:27:27 +00:00
.item-header {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 16px;
color: #000000;
justify-content: space-between;
margin-bottom: 22px;
position: relative;
&::after {
content: "";
width: 6px;
height: 16px;
background-color: rgba(253, 223, 109, 1);
border: 1px solid rgba(202, 177, 87, 1);
border-radius: 5px;
margin-right: 14px;
position: absolute;
top: 4px;
left: -20px;
display: block;
box-sizing: border-box;
}
.list-btn {
font-weight: 400;
font-size: 14px;
color: #000000;
2024-11-07 07:33:39 +00:00
cursor: pointer;
2024-10-31 04:27:27 +00:00
.icon {
width: 16px;
height: 16px;
margin-left: 8px;
}
}
}
2024-11-06 11:05:28 +00:00
.mb40 {
margin-bottom: 40px;
}
2024-11-07 07:33:39 +00:00
2024-10-31 04:27:27 +00:00
.ranking {
margin-bottom: 40px;
.item {
height: 76px;
border: 1px solid rgba(235, 235, 235, 1);
border-radius: 6px;
overflow: hidden;
&:not(:last-of-type) {
margin-bottom: 10px;
}
.rank {
background-color: rgba(255, 255, 255, 1);
padding: 0 22px;
justify-content: space-between;
2024-11-06 11:05:28 +00:00
width: 252px;
2024-10-31 04:27:27 +00:00
.logo {
height: 24px;
}
.number {
width: 90px;
height: 30px;
line-height: 30px;
2024-11-07 07:33:39 +00:00
// background-color: rgba(247, 166, 2, 1);
2024-10-31 04:27:27 +00:00
border-radius: 4px;
font-family: "Arial-Black", "Arial Black", sans-serif;
font-weight: 900;
font-size: 18px;
color: #ffffff;
2024-11-07 07:33:39 +00:00
position: relative;
&.qs {
background-color: rgba(247, 166, 2, 1);
}
&.times {
background: -webkit-linear-gradient(311.63353933657deg, rgba(252, 57, 45, 1) 0%, rgba(57, 72, 255, 1) 135%);
background: -moz-linear-gradient(138.36646066343deg, rgba(252, 57, 45, 1) 0%, rgba(57, 72, 255, 1) 135%);
background: linear-gradient(138.36646066343deg, rgba(252, 57, 45, 1) 0%, rgba(57, 72, 255, 1) 135%);
}
&.usnews {
background-color: rgba(2, 94, 167, 1);
}
&.ruanke {
background-color: rgba(229, 18, 45, 1);
}
2024-10-31 04:27:27 +00:00
.triangle {
2024-11-07 07:33:39 +00:00
position: absolute;
top: 50%;
transform: translateY(-50%);
2024-12-17 10:40:59 +00:00
left: -4px;
2024-11-07 07:33:39 +00:00
width: 5px;
height: 8px;
2024-10-31 04:27:27 +00:00
}
}
}
.rank-box {
background-color: rgba(246, 246, 246, 1);
flex-direction: column;
justify-content: center;
.itemm {
font-size: 14px;
padding-left: 20px;
.key {
color: #7f7f7f;
}
.value {
color: #333333;
}
&:first-of-type {
margin-bottom: 9px;
}
}
}
}
}
2024-11-06 11:05:28 +00:00
.text-box {
padding: 20px 16px 20px;
position: relative;
overflow: hidden;
.text-head {
.text-icon {
width: 16px;
height: 9px;
margin: auto auto 11px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 18px;
color: #000000;
text-align: center;
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.text-list {
2024-11-19 07:19:57 +00:00
width: 100%;
2024-11-06 11:05:28 +00:00
height: 320px;
overflow: hidden;
white-space: nowrap;
}
.text {
display: inline-block;
// margin: 20px 0;
font-size: 15px;
2024-11-15 03:24:03 +00:00
font-weight: 400;
2024-11-06 11:05:28 +00:00
color: #000000;
line-height: 32px;
white-space: pre-line;
2024-11-07 07:33:39 +00:00
width: 100%;
2024-11-06 11:05:28 +00:00
&.text-center {
width: 100%;
text-align: center;
}
&.textRef {
position: absolute;
color: transparent;
top: -10000%;
2024-11-19 07:24:39 +00:00
// padding: 0 16px;
2024-11-19 07:26:43 +00:00
width: calc(100% - 32px);
2024-11-06 11:05:28 +00:00
}
}
.indicate {
line-height: 12px;
margin-top: 24px;
.icon {
width: 7px;
height: 12px;
cursor: pointer;
&.btn-right {
transform: rotate(180deg);
}
}
.text {
color: #555555;
font-size: 13px;
margin: 0 12px;
// padding: 24px 0 0;
line-height: normal;
2024-11-07 07:33:39 +00:00
width: fit-content;
2024-11-06 11:05:28 +00:00
}
}
}
2024-10-31 04:27:27 +00:00
.application-schedule {
margin-bottom: 40px;
.list {
2024-11-13 07:00:24 +00:00
padding-top: 19px;
.index {
height: 30px;
background-color: #f6f6f6;
border-radius: 72px;
margin: 0 22.5px 0;
font-size: 15px;
color: #555555;
padding-left: 10px;
margin-bottom: 19px;
.sum {
width: 20px;
height: 20px;
line-height: 20px;
background-color: #f95d5d;
border-radius: 33px;
color: #ffffff;
margin-right: 10px;
}
}
2024-10-31 04:27:27 +00:00
.time {
padding-bottom: 22px;
text-align: center;
.item {
&:first-of-type {
border-right: 1px dotted rgb(235, 235, 235);
}
2024-12-16 09:57:56 +00:00
display: flex;
flex-direction: column;
justify-content: space-between;
2024-10-31 04:27:27 +00:00
.name {
font-size: 16px;
color: #000000;
font-family: "Arial-Black", "Arial Black", sans-serif;
font-weight: 900;
}
.value {
font-size: 14px;
color: #555555;
2024-12-16 09:26:55 +00:00
margin-top: 14px;
2024-10-31 04:27:27 +00:00
}
2024-12-16 10:00:06 +00:00
.login-show {
line-height: 23px;
}
2024-10-31 04:27:27 +00:00
}
}
}
.application-else {
background-color: rgba(246, 246, 246, 1);
border-radius: 6px;
padding: 14px 10px;
margin: 0 20px 20px;
.item {
&:not(:last-of-type) {
margin-bottom: 10px;
}
.name {
font-size: 14px;
color: #7f7f7f;
margin-right: 11px;
}
.value {
font-size: 14px;
color: #333333;
}
}
}
}
.demand {
margin-bottom: 40px;
padding: 17px 20px;
.text {
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
color: #000000;
line-height: 32px;
word-break: break-word;
white-space: pre-line;
}
.title {
font-weight: 650;
font-style: normal;
2024-11-28 04:31:08 +00:00
font-size: 16px;
2024-10-31 04:27:27 +00:00
color: #000000;
2024-11-14 09:40:32 +00:00
margin-top: 32px;
2024-10-31 04:27:27 +00:00
margin-bottom: 10px;
}
.hint {
font-size: 15px;
color: #333333;
margin-bottom: 21px;
}
.list {
.item {
background-color: rgba(246, 246, 246, 1);
border-radius: 6px;
padding: 14px 0 14px 28px;
position: relative;
flex-direction: column;
justify-content: center;
2024-11-28 04:31:08 +00:00
font-size: 14px;
2024-10-31 04:27:27 +00:00
.triangle {
position: absolute;
transform: rotate(270deg);
2024-11-27 06:10:44 +00:00
top: 22px;
2024-10-31 04:27:27 +00:00
left: 7px;
}
&:not(:last-of-type) {
margin-bottom: 10px;
}
.name {
color: #7f7f7f;
margin-bottom: 8px;
}
.value {
color: #000000;
}
}
}
}
.tuition {
2024-11-12 09:05:41 +00:00
// width: 451px;
2024-10-31 04:27:27 +00:00
height: 140px;
padding-right: 10px;
.tuition-left {
height: 100%;
position: relative;
.unit {
position: absolute;
top: 10px;
left: 10px;
width: 42px;
height: 20px;
background-color: rgba(249, 93, 93, 1);
border-radius: 15px;
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
font-weight: 400;
font-size: 14px;
color: #ffffff;
text-align: center;
}
2024-12-19 09:04:56 +00:00
// flex-direction: column;
2024-10-31 04:27:27 +00:00
.number {
font-family: "Arial-Black", "Arial Black", sans-serif;
font-weight: 900;
font-style: normal;
font-size: 20px;
color: #000000;
text-align: center;
}
.text {
2024-12-19 09:11:14 +00:00
// margin-top: 9px;
2024-11-27 07:46:31 +00:00
font-size: 14px;
2024-10-31 04:27:27 +00:00
color: #555555;
text-align: center;
2024-12-19 09:11:14 +00:00
margin-right: 10px;
2024-10-31 04:27:27 +00:00
}
}
.tuition-right {
width: 240px;
height: 120px;
background-color: rgba(246, 246, 246, 1);
border-radius: 6px;
padding: 16px 11px;
.item {
justify-content: space-between;
&:not(:last-of-type) {
2024-11-27 07:46:31 +00:00
margin-bottom: 10px;
2024-10-31 04:27:27 +00:00
}
.key {
2024-11-27 07:46:31 +00:00
font-size: 14px;
2024-10-31 04:27:27 +00:00
color: #555555;
}
.value {
font-family: "Arial-Black", "Arial Black", sans-serif;
font-weight: 900;
font-style: normal;
font-size: 16px;
color: #000000;
}
}
}
}
.tuition-scholarships {
margin-bottom: 40px;
.left {
margin-right: 39px;
}
.right {
.scholarships {
width: 180px;
height: 140px;
font-size: 15px;
color: #000000;
line-height: 34px;
text-align: center;
}
}
}
.pattern {
2024-11-27 07:46:31 +00:00
padding: 18px 16px 33px;
2024-10-31 04:27:27 +00:00
.tab {
width: 180px;
2024-11-22 03:45:18 +00:00
height: 32px;
background-color: rgba(237, 240, 244, 1);
2024-10-31 04:27:27 +00:00
border: 1px solid rgba(235, 235, 235, 1);
border-radius: 114px;
2024-11-27 07:46:31 +00:00
margin: 0 auto 38px;
2024-11-26 04:17:05 +00:00
position: relative;
2024-11-26 06:26:36 +00:00
z-index: 1;
2024-11-28 04:31:08 +00:00
--tab-left: "-1px";
2024-11-26 06:26:36 +00:00
2024-10-31 04:27:27 +00:00
.item {
height: 100%;
2024-11-22 03:45:18 +00:00
font-size: 14px;
2024-10-31 04:27:27 +00:00
color: #555555;
cursor: pointer;
2024-11-26 06:28:03 +00:00
transition: all 0.3s;
2024-10-31 04:27:27 +00:00
&.pitch {
color: #ffffff;
}
}
2024-11-26 06:26:36 +00:00
2024-11-26 04:17:05 +00:00
&::after {
content: "";
background-color: rgba(111, 193, 109, 1);
border-radius: 22px;
display: block;
width: 90px;
height: 100%;
position: absolute;
2024-11-28 04:31:08 +00:00
top: -1;
2024-11-26 06:26:36 +00:00
left: var(--tab-left);
z-index: -1;
2024-11-26 06:28:03 +00:00
transition: all 0.3s;
2024-11-27 07:46:31 +00:00
border: 1px solid #6fc16d;
2024-11-26 04:17:05 +00:00
}
2024-10-31 04:27:27 +00:00
}
.introduce {
.item {
text-align: center;
&:not(:last-of-type) {
border-right: 1px dotted rgb(235, 235, 235);
}
.value {
font-size: 16px;
color: #000000;
font-family: "Arial-Black", "Arial Black", "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 900;
2024-11-27 07:46:31 +00:00
margin-bottom: 12px;
2024-10-31 04:27:27 +00:00
}
.name {
font-size: 14px;
color: #555555;
}
}
}
}
.course {
position: relative;
padding-top: 19px;
margin-bottom: 20px;
2024-11-28 07:15:21 +00:00
&:last-of-type {
margin-bottom: 40px;
}
2024-10-31 04:27:27 +00:00
.icon {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 16px;
height: 9px;
}
.title {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 18px;
color: #000000;
text-align: center;
2024-11-27 07:46:31 +00:00
margin-bottom: 7px;
2024-10-31 04:27:27 +00:00
}
.hint {
color: #555555;
line-height: 22px;
text-align: center;
2024-11-27 07:46:31 +00:00
margin-bottom: 20px;
2024-10-31 04:27:27 +00:00
}
font-size: 14px;
.table-head {
background-color: rgb(246, 246, 246);
border-top: 1px solid rgb(235, 235, 235);
border-bottom: 1px solid rgb(235, 235, 235);
.item {
height: 40px;
line-height: 40px;
}
}
.table-body {
.list {
&:not(:last-of-type) {
border-bottom: 1px solid #ebebeb;
}
}
.item {
// height: 100%;
color: #333333;
padding: 12px 4px;
&.name {
color: #000000;
.english {
font-family: "Arial Normal", "Arial", sans-serif;
color: #aaaaaa;
}
text-align: left;
}
&.credit {
font-family: "Arial-Black", "Arial Black", sans-serif;
font-weight: 900;
font-style: normal;
font-size: 14px;
color: #000000;
}
}
}
.item {
text-align: center;
&.number {
width: 134px;
border-right: 1px solid rgb(235, 235, 235);
}
&.name {
border-right: 1px solid rgb(235, 235, 235);
}
&.credit {
width: 80px;
}
}
}
.link {
font-size: 15px;
2024-11-27 07:46:31 +00:00
padding: 17px 20px 29px 15px;
2024-10-31 04:27:27 +00:00
&.brochure {
.img {
width: 70px;
height: 70px;
margin-right: 8px;
}
.title {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
color: #000000;
line-height: normal;
margin-bottom: 10px;
}
.name {
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 13px;
color: #555555;
}
}
.title {
color: #000000;
line-height: 34px;
margin-bottom: 8px;
}
.text {
text-decoration: underline;
line-height: 24px;
color: #333333;
2024-11-27 07:46:31 +00:00
margin-bottom: 34px;
2024-10-31 04:27:27 +00:00
}
.btn {
2024-11-27 07:46:31 +00:00
width: 120px;
height: 32px;
line-height: 32px;
2024-10-31 04:27:27 +00:00
cursor: pointer;
background-color: rgba(246, 246, 246, 1);
border: 1px solid rgba(215, 215, 215, 1);
border-radius: 115px;
color: #333333;
margin-left: 10px;
2024-11-27 07:46:31 +00:00
font-size: 14px;
2024-10-31 04:27:27 +00:00
.icon {
width: 18px;
height: 18px;
margin-right: 6px;
}
&.open {
border: none;
background-color: rgba(111, 193, 109, 1);
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
color: #ffffff;
}
}
}
.degree {
text-align: center;
2024-11-26 09:00:50 +00:00
padding: 16px 0 21px;
2024-10-31 04:27:27 +00:00
.title {
width: 103px;
height: 30px;
position: relative;
z-index: 1;
font-size: 16px;
color: #ffffff;
margin: 0 auto 16px;
.icon {
width: 103px;
height: 30px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
}
.name {
font-size: 16px;
color: #000000;
line-height: 34px;
2024-11-26 09:00:50 +00:00
margin-bottom: 8px;
2024-10-31 04:27:27 +00:00
}
.english {
font-size: 14px;
color: #7f7f7f;
}
}
.issue-bj {
z-index: 1;
position: relative;
2024-11-28 06:50:25 +00:00
&:not(:last-of-type) {
margin-bottom: 20px;
}
2024-11-28 06:52:47 +00:00
&:last-of-type {
margin-bottom: 40px;
}
2024-10-31 04:27:27 +00:00
.issue {
2024-11-28 06:55:59 +00:00
padding: 0 0 0 41px;
2024-10-31 04:27:27 +00:00
margin-left: 5px;
position: relative;
.index-bj {
position: absolute;
width: 27px;
height: 24px;
top: 35px;
left: -5px;
z-index: -1;
}
.index {
width: 30px;
height: 26px;
background-color: rgba(249, 93, 93, 1);
border-radius: 0 5px 5px 0;
font-family: "Arial-Black", "Arial Black", sans-serif;
font-weight: 900;
color: #ffffff;
position: absolute;
top: 21px;
left: -5px;
}
.title {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 15px;
color: #000000;
padding-top: 20px;
padding-bottom: 15px;
border-bottom: 1px dotted rgb(235, 235, 235);
line-height: 28px;
2024-11-28 06:55:59 +00:00
padding-right: 10px;
2024-10-31 04:27:27 +00:00
}
.text {
font-size: 15px;
color: #555555;
line-height: 32px;
padding: 19px 0;
2024-11-28 06:55:59 +00:00
padding-right: 10px;
2024-10-31 04:27:27 +00:00
}
}
}
2024-11-21 06:39:38 +00:00
.consult-list {
2024-11-21 07:04:13 +00:00
padding-bottom: 30px;
2024-11-21 06:39:38 +00:00
.consult-item {
// width: 331px;
width: calc(50% - 5px);
2024-11-22 03:55:48 +00:00
display: inline-block;
2024-11-21 06:39:38 +00:00
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(235, 235, 235, 1);
border-radius: 12px;
padding: 20px 15px 20px 20px;
margin-bottom: 10px;
.school {
.img {
2024-12-17 03:57:11 +00:00
width: 22px;
// height: 27px;
2024-11-21 06:39:38 +00:00
margin-right: 11px;
2024-12-17 03:58:03 +00:00
height: fit-content;
2024-11-21 06:39:38 +00:00
}
font-weight: 650;
font-style: normal;
font-size: 16px;
color: #000000;
margin-bottom: 12px;
}
.info-item {
font-size: 14px;
margin-bottom: 10px;
color: #7f7f7f;
.info-major {
margin-right: 11px;
}
.info-value {
color: #333333;
}
.line-between {
margin: 0 9px;
background-color: #d7d7d7;
height: 14px;
width: 1px;
}
.info-item-results {
2024-11-25 08:04:33 +00:00
padding: 0 10px;
2024-11-21 06:39:38 +00:00
height: 22px;
background-color: rgba(246, 246, 246, 1);
border-radius: 37px;
font-size: 13px;
color: #72db86;
font-family: "ArialMT", "Arial", sans-serif;
2024-11-21 07:10:06 +00:00
&.results2 {
color: #a7c42e !important;
}
&.results3 {
color: #62b1ff !important;
}
&.results4 {
color: #f95d5d !important;
}
&.results5 {
color: #f59a23 !important;
}
&.results6 {
color: #8080ff !important;
}
2024-11-21 06:39:38 +00:00
}
}
.info-xiaobox {
height: 46px;
background-color: rgba(246, 246, 246, 1);
border-radius: 6px;
padding: 0 11px;
margin-bottom: 16px;
.info-content {
font-size: 14px;
color: #7f7f7f;
line-height: 26px;
}
}
.bottom {
justify-content: space-between;
.bottom-left {
font-size: 13px;
color: #aaaaaa;
.bottom-avatar {
width: 20px;
height: 20px;
border-radius: 50%;
margin-right: 4px;
}
}
.numerical-box {
.item-bottom-item {
2024-12-17 03:36:04 +00:00
margin-left: 11px;
2024-11-21 06:39:38 +00:00
.item-bottom-icon {
2024-12-17 03:36:04 +00:00
width: 12px;
margin-right: 2px;
2024-11-21 06:39:38 +00:00
}
2024-12-17 03:36:04 +00:00
font-size: 11px;
2024-11-21 06:39:38 +00:00
color: #aaaaaa;
}
}
}
}
}
2024-10-31 04:27:27 +00:00
}
}
2024-11-21 10:14:10 +00:00
.content-right {
2024-10-31 04:27:27 +00:00
width: 290px;
2024-11-28 04:31:08 +00:00
margin-left: 20px;
2024-10-31 04:27:27 +00:00
2024-11-21 09:55:29 +00:00
.live {
width: 100%;
2024-10-31 04:27:27 +00:00
margin-bottom: 20px;
2024-11-21 09:55:29 +00:00
background: linear-gradient(-24.2425408707597deg, rgba(214, 220, 240, 1) 0%, rgba(218, 230, 242, 1) 19%, rgba(239, 242, 204, 1) 62%, rgba(239, 249, 241, 1) 100%);
border-radius: 11px;
padding-top: 20px;
2024-10-31 04:27:27 +00:00
2024-11-21 09:55:29 +00:00
padding-bottom: 30px;
.head {
margin-bottom: 17px;
.icon {
width: 89px;
height: 28px;
margin-right: 8px;
2024-10-31 04:27:27 +00:00
}
2024-11-21 09:55:29 +00:00
.text {
width: 104px;
height: 24px;
background-color: rgba(2, 98, 119, 1);
border-radius: 4px;
color: #ffffff;
2024-10-31 04:27:27 +00:00
font-size: 13px;
position: relative;
2024-11-21 09:55:29 +00:00
.triangle {
2024-10-31 04:27:27 +00:00
position: absolute;
top: 50%;
2024-11-21 09:55:29 +00:00
left: -3px;
transform: translateY(-50%);
width: 6px;
height: 11px;
2024-10-31 04:27:27 +00:00
}
}
2024-11-21 09:55:29 +00:00
}
2024-10-31 04:27:27 +00:00
2024-11-21 09:55:29 +00:00
.content-box {
position: relative;
.triangle {
width: 14px;
height: 5px;
position: absolute;
bottom: -4px;
left: 50%;
transform: translateX(-50%) rotate(180deg);
2024-10-31 04:27:27 +00:00
}
2024-11-21 09:55:29 +00:00
.point {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 28px;
.item {
&:not(:last-of-type) {
margin-right: 4px;
}
width: 10px;
height: 4px;
background-color: rgba(215, 215, 215, 1);
border-radius: 20px;
cursor: pointer;
&.pitch {
background-color: rgba(250, 107, 17, 1);
}
}
2024-10-31 04:27:27 +00:00
}
}
2024-11-21 09:55:29 +00:00
.content {
// width: 268px;
height: 340px;
background-color: rgba(255, 255, 255, 0.803921568627451);
border-radius: 8px;
margin: 0 11px 27px;
display: flex;
overflow: hidden;
position: relative;
.swiper {
margin-bottom: 5px;
display: flex;
.swiper-item {
width: 268px;
padding-top: 8px;
.item {
position: relative;
padding-bottom: 13px;
&:not(:last-of-type)::after {
content: "";
position: absolute;
width: calc(100% - 50px);
height: 1px;
right: 0;
bottom: 0;
border-bottom: 1px dotted rgb(235, 235, 235);
}
.icon-box {
padding-left: 9px;
padding-right: 13px;
2024-12-18 02:55:27 +00:00
padding-top: 8px;
2024-11-21 09:55:29 +00:00
.icon {
width: 28px;
}
}
.text {
.admissionState {
height: 20px;
2024-12-18 02:56:20 +00:00
line-height: 20px;
2024-11-21 09:55:29 +00:00
background-color: rgba(179, 0, 129, 1);
border-radius: 115px;
color: #ffffff;
font-size: 13px;
padding: 0 6px;
display: inline-flex;
width: fit-content;
&.state2 {
background-color: #bec105;
}
&.state3 {
background-color: rgba(4, 176, 213, 1);
}
}
font-size: 14px;
color: #000000;
line-height: 26px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
padding-top: 8px;
padding-right: 8px;
}
}
}
}
}
.word {
2024-10-31 04:27:27 +00:00
.item {
2024-11-21 09:55:29 +00:00
width: 34px;
height: 22px;
padding: 0 5px;
box-sizing: content-box;
2024-10-31 04:27:27 +00:00
&:not(:last-of-type) {
2024-11-21 09:55:29 +00:00
border-right: 1px solid #aaaaaa;
2024-10-31 04:27:27 +00:00
}
2024-11-21 09:55:29 +00:00
}
margin-bottom: 9px;
}
.hint {
font-size: 13px;
color: #333333;
line-height: 26px;
text-align: center;
margin-bottom: 13px;
}
.QR-code {
width: 120px;
height: 120px;
background-color: rgba(255, 255, 255, 1);
border-radius: 8px;
margin: 0 auto;
.icon {
width: 103px;
height: 103px;
}
}
}
.else {
width: 100%;
background: -webkit-linear-gradient(270.008830663227deg, rgba(247, 251, 247, 1) 0%, rgba(234, 246, 234, 1) 100%);
background: -moz-linear-gradient(179.991169336773deg, rgba(247, 251, 247, 1) 0%, rgba(234, 246, 234, 1) 100%);
background: linear-gradient(179.991169336773deg, rgba(247, 251, 247, 1) 0%, rgba(234, 246, 234, 1) 100%);
border: none;
border-radius: 12px;
2024-11-22 09:15:10 +00:00
padding: 20px 10px 24px;
2024-11-21 09:55:29 +00:00
.school {
margin-bottom: 20px;
.logo {
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(246, 246, 246, 1);
border-radius: 8px;
margin-right: 10px;
.img {
height: 30px;
}
}
.info {
2024-10-31 04:27:27 +00:00
.name {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
2024-11-21 09:55:29 +00:00
font-style: normal;
font-size: 18px;
2024-10-31 04:27:27 +00:00
color: #000000;
2024-11-21 09:55:29 +00:00
margin-bottom: 5px;
2024-10-31 04:27:27 +00:00
}
2024-11-21 09:55:29 +00:00
.name-en {
font-size: 13px;
color: #555555;
2024-10-31 04:27:27 +00:00
}
}
}
2024-11-21 09:55:29 +00:00
.case {
width: 270px;
background-color: #ffffff;
border-radius: 8px;
2024-11-22 09:15:10 +00:00
&:not(:last-of-type) {
margin-bottom: 20px;
}
2024-11-21 09:55:29 +00:00
.head {
width: 270px;
height: 45px;
border-bottom: 1px dotted rgb(235, 235, 235);
padding: 0 10px;
background: linear-gradient(to right, #d8f1d8, rgba(255, 255, 255, 0.501961));
border-radius: 8px 8px 0 0;
overflow: hidden;
.dot {
width: 14px;
height: 14px;
background-color: rgba(231, 247, 238, 1);
border: 1px solid rgba(183, 196, 189, 1);
border-radius: 39px;
position: relative;
margin-right: 10px;
&::after {
content: "";
width: 6px;
height: 6px;
display: block;
background-color: rgba(114, 219, 134, 1);
border: 1px solid rgba(87, 168, 105, 1);
border-radius: 39px;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
2024-10-31 04:27:27 +00:00
}
}
2024-11-21 09:55:29 +00:00
.text {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
2024-10-31 04:27:27 +00:00
font-weight: 650;
font-style: normal;
2024-11-21 09:55:29 +00:00
font-size: 16px;
2024-10-31 04:27:27 +00:00
color: #000000;
}
2024-11-21 09:55:29 +00:00
.img {
width: 14px;
height: 14px;
transform: rotate(270deg);
2024-10-31 04:27:27 +00:00
}
2024-11-21 09:55:29 +00:00
}
2024-10-31 04:27:27 +00:00
2024-11-21 09:55:29 +00:00
.list {
.item {
&:not(:last-of-type) {
border-bottom: 1px solid rgb(246, 246, 246);
}
padding: 20px 10px;
display: block;
.name {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-size: 15px;
color: #000000;
2024-11-28 06:50:25 +00:00
margin-bottom: 6px;
2024-11-21 09:55:29 +00:00
}
.brief {
font-size: 14px;
color: #7f7f7f;
2024-10-31 04:27:27 +00:00
2024-11-21 09:55:29 +00:00
span {
color: #d7d7d7;
margin: 0 8px;
}
}
}
}
&.mj {
.list {
.item {
padding-top: 15px;
&:not(:last-of-type) {
border-bottom: 1px dotted rgb(235, 235, 235);
}
}
.name {
font-weight: 650;
font-style: normal;
font-size: 15px;
color: #000000;
}
.brief-box {
padding: 10px 15px 10px 10px;
width: 251px;
border-radius: 6px;
background-color: rgba(247, 247, 247, 1);
}
.brief {
display: inline-block;
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
font-weight: 400;
font-style: normal;
color: #555555;
line-height: 20px;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
.avatar {
width: 20px;
height: 20px;
margin-right: 5px;
vertical-align: bottom;
border-radius: 50%;
}
2024-10-31 04:27:27 +00:00
}
}
}
}
}
}
2024-11-14 07:43:02 +00:00
.state-mask {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
2024-10-31 04:27:27 +00:00
.base {
2024-11-13 06:46:51 +00:00
// width: 100vw;
2024-10-31 04:27:27 +00:00
background-color: transparent;
2024-11-13 06:46:51 +00:00
// transform: none;
// left: 0;
2025-01-08 09:50:50 +00:00
width: fit-content;
2024-11-21 07:17:47 +00:00
box-shadow: none;
2024-10-31 04:27:27 +00:00
.type1 {
2025-01-08 09:45:35 +00:00
width: 640px;
2024-11-07 07:33:39 +00:00
width: 640px;
2024-10-31 04:27:27 +00:00
height: 100%;
border-radius: 153px;
border: 1px solid rgb(219, 224, 242);
background: linear-gradient(to right, rgb(238, 247, 245), rgb(219, 227, 253));
font-size: 15px;
color: #000000;
2024-12-16 07:39:14 +00:00
// box-shadow: 0px 0px 7px rgb(123 140 211);
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.24313725);
2024-10-31 04:27:27 +00:00
.btn {
line-height: 50px;
margin: 0 24px;
2024-11-11 10:50:47 +00:00
cursor: pointer;
2024-10-31 04:27:27 +00:00
.img {
height: 20px;
margin-right: 6px;
}
}
.line {
width: 1px;
height: 20px;
background-color: rgb(215, 215, 215);
}
.add {
2024-11-22 03:52:17 +00:00
height: 42px;
line-height: 42px;
2024-10-31 04:27:27 +00:00
text-align: center;
background-color: rgba(123, 140, 211, 1);
border-radius: 158px;
font-weight: 400;
font-style: normal;
font-size: 15px;
color: #ffffff;
2024-11-22 03:52:17 +00:00
margin-left: 16px;
2024-10-31 04:27:27 +00:00
margin-right: 5px;
2024-11-07 07:33:39 +00:00
cursor: pointer;
2024-10-31 04:27:27 +00:00
.img {
width: 16px;
height: 16px;
margin-right: 10px;
}
}
}
.type2 {
2024-11-07 07:33:39 +00:00
width: 640px;
2024-10-31 04:27:27 +00:00
height: 100%;
background-color: rgba(242, 242, 242, 1);
border: 1px solid rgba(215, 215, 215, 1);
border-radius: 153px;
2024-11-21 10:20:57 +00:00
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.243137254901961);
2025-01-08 09:56:02 +00:00
2024-10-31 04:27:27 +00:00
.btn {
padding: 0 20px;
height: 100%;
2024-11-27 07:46:31 +00:00
margin-right: 28px;
2024-10-31 04:27:27 +00:00
border-right: 1px solid rgb(215, 215, 215);
cursor: pointer;
font-size: 15px;
color: #000000;
.img {
width: 16px;
height: 16px;
margin-left: 7px;
}
}
.input-box {
width: 370px;
height: 40px;
margin-right: 10px;
background-color: rgba(255, 255, 255, 1);
border-radius: 158px;
overflow: hidden;
.img {
width: 20px;
height: 20px;
margin-left: 12px;
margin-right: 6px;
}
.input {
height: 100%;
padding-right: 20px;
border: none;
outline: none;
}
}
.state-box {
2024-11-07 07:33:39 +00:00
&.undetermined {
.state-btn {
background-color: rgba(249, 93, 93, 1);
}
.state {
.state-list {
.state-item {
&.pitch {
color: #f95d5d;
}
}
}
}
}
2024-10-31 04:27:27 +00:00
.state-btn {
width: 100px;
height: 40px;
2024-11-07 07:33:39 +00:00
background-color: rgba(4, 176, 213, 1);
2024-10-31 04:27:27 +00:00
border-radius: 158px;
font-size: 15px;
color: #ffffff;
cursor: pointer;
2024-11-07 07:33:39 +00:00
transition: all 0.3s;
2024-10-31 04:27:27 +00:00
.img {
width: 11px;
height: 6px;
margin-left: 8px;
}
}
2024-11-07 07:33:39 +00:00
position: relative;
.state {
background-color: #ffffff;
border: 1px solid #ebebeb;
border-radius: 12px;
position: absolute;
bottom: 40px;
width: 100px;
background-color: #f5fcfd;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
animation: show 0.3s;
@keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.state-item {
color: #555555;
font-size: 16px;
height: 55px;
cursor: pointer;
&.pitch {
color: #04b0d5;
}
}
.delete {
cursor: pointer;
height: 55px;
border-top: 1px dotted #d7d7d7;
}
}
2024-10-31 04:27:27 +00:00
}
2025-01-08 09:49:21 +00:00
&.type2new {
2025-01-08 09:59:30 +00:00
width: 720px;
2025-01-08 09:56:02 +00:00
.btn {
padding: 0;
margin: 0;
border: none;
&.btn1 {
padding-left: 25px;
padding-right: 20px;
}
&.btn2 {
padding-left: 20px;
2025-01-08 09:59:30 +00:00
padding-right: 27px;
border-right: 1px solid #d7d7d7;
2025-01-08 09:56:02 +00:00
}
.img {
2025-01-08 09:59:30 +00:00
width: auto;
2025-01-08 09:56:02 +00:00
height: 20px;
2025-01-08 09:59:30 +00:00
margin-right: 7px;
2025-01-08 09:56:02 +00:00
}
}
.line {
width: 1px;
height: 21px;
background-color: #d7d7d7;
}
2025-01-08 09:49:21 +00:00
}
2024-10-31 04:27:27 +00:00
}
.type3 {
2024-11-07 07:33:39 +00:00
width: 640px;
2024-10-31 04:27:27 +00:00
height: 100%;
background-color: rgba(242, 242, 242, 1);
border: 1px solid rgba(215, 215, 215, 1);
border-radius: 153px;
2024-11-21 10:20:57 +00:00
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.243137254901961);
2024-10-31 04:27:27 +00:00
.btn {
padding: 0 20px;
height: 100%;
margin-right: 20px;
border-right: 1px solid rgb(215, 215, 215);
cursor: pointer;
font-size: 15px;
color: #000000;
.img {
width: 16px;
height: 16px;
margin-left: 7px;
}
}
.add-btn {
2024-11-22 09:04:34 +00:00
width: 238px;
2024-10-31 04:27:27 +00:00
height: 40px;
background-color: rgba(123, 140, 211, 1);
font-size: 15px;
color: #ffffff;
border-radius: 158px;
2024-11-07 07:33:39 +00:00
cursor: pointer;
2024-10-31 04:27:27 +00:00
&.already {
background-color: rgba(251, 251, 251, 1);
font-size: 16px;
color: #aaaaaa;
2024-11-26 04:17:05 +00:00
cursor: no-drop;
2024-10-31 04:27:27 +00:00
}
.img {
width: 16px;
height: 16px;
margin-right: 10px;
}
}
2025-01-08 07:36:06 +00:00
&.type3new {
2025-01-08 07:36:43 +00:00
border: 1px solid #dbe0f2;
background: linear-gradient(to right, #eef7f5, #dbe3fd);
2025-01-08 07:47:51 +00:00
width: 707px;
2025-01-08 07:36:43 +00:00
2025-01-08 07:36:06 +00:00
.btn {
2025-01-08 07:42:58 +00:00
border-right: none;
2025-01-08 07:49:01 +00:00
padding: 0;
2025-01-08 07:48:35 +00:00
margin: 0;
2025-01-08 07:56:13 +00:00
&.btn1 {
padding-left: 25px;
padding-right: 20px;
}
&.btn2 {
padding-left: 20px;
}
2025-01-08 07:36:06 +00:00
.img {
2025-01-08 07:42:58 +00:00
width: auto;
2025-01-08 07:36:06 +00:00
height: 20px;
2025-01-08 07:42:58 +00:00
margin-right: 7px;
2025-01-08 07:56:13 +00:00
margin-left: 0;
2025-01-08 07:36:06 +00:00
}
}
2025-01-08 07:47:51 +00:00
.line {
2025-01-08 07:46:21 +00:00
width: 1px;
2025-01-08 07:52:19 +00:00
height: 21px;
2025-01-08 07:46:21 +00:00
background-color: #d7d7d7;
}
2025-01-08 07:36:06 +00:00
.add-btn {
width: 200px;
2025-01-08 09:36:23 +00:00
&.already {
2025-01-08 09:35:33 +00:00
background: rgba(210, 218, 234, 1);
}
2025-01-08 07:36:06 +00:00
}
}
2024-10-31 04:27:27 +00:00
}
2024-11-14 07:01:34 +00:00
}
2024-11-22 03:22:12 +00:00
.preview-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
.preview-image {
max-width: 90%;
max-height: 90%;
object-fit: contain;
}
.preview-close {
position: absolute;
top: 20px;
right: 20px;
color: white;
font-size: 30px;
cursor: pointer;
}
}
2024-11-14 07:01:34 +00:00
.upglide {
margin-top: 0;
}
2024-11-26 09:00:50 +00:00
2024-11-26 09:03:59 +00:00
#load-mask {
2024-11-26 09:00:50 +00:00
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
2024-11-28 04:31:08 +00:00
background-color: rgba(0, 0, 0, 1);
2024-11-26 09:00:50 +00:00
z-index: 1000;
2024-11-28 04:31:08 +00:00
animation: fadeBackground 2s linear infinite;
2024-11-26 09:00:50 +00:00
}
@keyframes fadeBackground {
0% {
2024-11-28 04:31:08 +00:00
opacity: 0;
}
20% {
opacity: 0.1;
}
40% {
opacity: 0.3;
}
60% {
opacity: 0.5;
2024-11-26 09:00:50 +00:00
}
2024-11-28 04:31:08 +00:00
80% {
opacity: 0.3;
2024-11-26 09:00:50 +00:00
}
100% {
2024-11-28 04:31:08 +00:00
opacity: 0;
2024-11-26 09:00:50 +00:00
}
}
2024-12-16 09:17:30 +00:00
.login-show {
text-decoration: underline;
color: rgba(0, 140, 247, 1);
2024-12-16 09:20:41 +00:00
cursor: pointer;
2024-12-16 09:31:08 +00:00
font-size: 13px;
2024-12-16 09:17:30 +00:00
}