gter.net/xg-project-library
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
b7690cadad
xg-project-library/css/details.less

1328 lines
38 KiB
Plaintext
Raw Normal View History

no message
2024-11-07 08:32:00 +00:00
.boxbox {
no message
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;
&::after {
content: "";
position: absolute;
top: -5px;
left: 0;
width: 100%;
height: 66px;
background: -webkit-linear-gradient(0deg, rgba(123, 140, 211, 1) 0%, rgba(218, 227, 253, 1) 99%);
background: -moz-linear-gradient(90deg, rgba(123, 140, 211, 1) 0%, rgba(218, 227, 253, 1) 99%);
background: linear-gradient(90deg, rgba(123, 140, 211, 1) 0%, rgba(218, 227, 253, 1) 99%);
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;
no message
2024-11-11 04:23:54 +00:00
a {
color: #7f7f7f;
}
no message
2024-10-31 04:27:27 +00:00
.img {
width: 6px;
height: 10px;
margin: 0 15px;
}
.current {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 14px;
color: #000000;
}
}
.details {
no message
2024-11-13 08:21:32 +00:00
padding: 0 0 0 60px;
no message
2024-10-31 04:27:27 +00:00
.logo {
no message
2024-11-13 08:21:32 +00:00
no message
2024-10-31 04:27:27 +00:00
width: 120px;
height: 120px;
position: relative;
z-index: 1;
no message
2024-11-13 08:21:32 +00:00
// padding-right: 10px;
// padding-bottom: 7px;
margin-top: 31px;
no message
2024-10-31 04:27:27 +00:00
margin-right: 39px;
display: inline-flex;
}
.right {
no message
2024-11-13 08:21:32 +00:00
padding-top: 31px;
padding-bottom: 31px;
no message
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;
font-size: 32px;
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;
no message
2024-11-12 07:59:15 +00:00
a {
color: #333333;
}
no message
2024-10-31 04:27:27 +00:00
.line {
margin: 0 13px;
color: rgb(215, 215, 215);
}
}
.word {
margin-bottom: 15px;
.img {
width: 20px;
height: 14px;
margin-right: 6px;
margin-bottom: 8px;
}
font-size: 14px;
color: #7f7f7f;
}
}
no message
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;
}
}
.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%);
}
}
no message
2024-10-31 04:27:27 +00:00
}
}
.body {
align-items: flex-start;
no message
2024-11-13 08:51:43 +00:00
margin-bottom: 20px;
no message
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;
width: 141px;
height: 500px;
no message
2024-11-07 07:33:39 +00:00
// overflow: hidden;
position: sticky;
top: 0;
no message
2024-10-31 04:27:27 +00:00
flex-direction: column;
no message
2024-11-07 07:33:39 +00:00
no message
2024-10-31 04:27:27 +00:00
.item {
width: 100%;
height: 56px;
font-size: 15px;
color: #555555;
cursor: pointer;
&.pitch {
&:first-of-type {
border-top: none;
}
no message
2024-11-07 07:33:39 +00:00
width: 101%;
no message
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;
}
}
}
}
.details-box {
padding-top: 40px;
padding-left: 50px;
padding-right: 30px;
background-color: #fbfbfb;
no message
2024-11-13 08:51:43 +00:00
border-radius: 0 12px 12px 0;
no message
2024-11-07 07:33:39 +00:00
border-left: 1px solid rgba(235, 235, 235, 1);
no message
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;
}
.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;
no message
2024-11-07 07:33:39 +00:00
cursor: pointer;
no message
2024-10-31 04:27:27 +00:00
.icon {
width: 16px;
height: 16px;
margin-left: 8px;
}
}
}
no message
2024-11-06 11:05:28 +00:00
.mb40 {
margin-bottom: 40px;
}
no message
2024-11-07 07:33:39 +00:00
no message
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;
no message
2024-11-06 11:05:28 +00:00
width: 252px;
no message
2024-10-31 04:27:27 +00:00
.logo {
height: 24px;
}
.number {
width: 90px;
height: 30px;
line-height: 30px;
no message
2024-11-07 07:33:39 +00:00
// background-color: rgba(247, 166, 2, 1);
no message
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;
no message
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);
}
no message
2024-10-31 04:27:27 +00:00
.triangle {
no message
2024-11-07 07:33:39 +00:00
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -5px;
width: 5px;
height: 8px;
no message
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;
}
}
}
}
}
no message
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 {
width: 640px;
height: 320px;
overflow: hidden;
white-space: nowrap;
}
.text {
display: inline-block;
// margin: 20px 0;
font-size: 15px;
color: #000000;
line-height: 32px;
white-space: pre-line;
no message
2024-11-07 07:33:39 +00:00
width: 100%;
no message
2024-11-06 11:05:28 +00:00
&.text-center {
width: 100%;
text-align: center;
}
&.textRef {
position: absolute;
color: transparent;
top: -10000%;
no message
2024-11-13 07:09:53 +00:00
padding: 0 16px;
no message
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;
no message
2024-11-07 07:33:39 +00:00
width: fit-content;
no message
2024-11-06 11:05:28 +00:00
}
}
}
no message
2024-10-31 04:27:27 +00:00
.application-schedule {
margin-bottom: 40px;
.list {
no message
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;
}
}
no message
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);
}
.name {
font-size: 16px;
color: #000000;
font-family: "Arial-Black", "Arial Black", sans-serif;
font-weight: 900;
margin-bottom: 14px;
}
.value {
font-size: 14px;
color: #555555;
}
}
}
}
.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;
margin-bottom: 32px;
}
.title {
font-weight: 650;
font-style: normal;
font-size: 18px;
color: #000000;
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;
.triangle {
position: absolute;
transform: rotate(270deg);
top: 27px;
left: 7px;
}
&:not(:last-of-type) {
margin-bottom: 10px;
}
.name {
font-size: 15px;
color: #7f7f7f;
margin-bottom: 8px;
}
.value {
font-size: 16px;
color: #000000;
}
}
}
}
.tuition {
no message
2024-11-12 09:05:41 +00:00
// width: 451px;
no message
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;
}
flex-direction: column;
.number {
font-family: "Arial-Black", "Arial Black", sans-serif;
font-weight: 900;
font-style: normal;
font-size: 20px;
color: #000000;
margin-bottom: 9px;
text-align: center;
}
.text {
font-size: 15px;
color: #555555;
text-align: center;
}
}
.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) {
margin-bottom: 12px;
}
.key {
font-size: 15px;
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 {
padding: 20px 16px 33px;
.tab {
width: 180px;
height: 40px;
background-color: rgba(242, 242, 242, 1);
border: 1px solid rgba(235, 235, 235, 1);
border-radius: 114px;
margin: 0 auto 33px;
.item {
height: 100%;
font-size: 16px;
color: #555555;
cursor: pointer;
&.pitch {
background-color: rgba(111, 193, 109, 1);
border-radius: 22px;
color: #ffffff;
}
}
}
.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;
margin-bottom: 14.5px;
}
.name {
font-size: 14px;
color: #555555;
}
}
}
}
.course {
position: relative;
padding-top: 19px;
margin-bottom: 20px;
.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;
margin-bottom: 9px;
}
.hint {
color: #555555;
line-height: 22px;
text-align: center;
margin-bottom: 21px;
}
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;
padding: 17px 20px 24px 15px;
&.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;
text-decoration: underline;
line-height: 24px;
color: #333333;
margin-bottom: 20px;
}
.btn {
width: 127px;
height: 40px;
line-height: 40px;
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;
.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;
padding: 16px 0 24px;
.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;
margin-bottom: 10px;
}
.english {
font-size: 14px;
color: #7f7f7f;
}
}
.issue-bj {
z-index: 1;
position: relative;
.issue {
padding: 0 26px 0 41px;
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;
}
.text {
font-size: 15px;
color: #555555;
line-height: 32px;
padding: 19px 0;
}
}
}
}
}
.else {
width: 290px;
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;
padding: 20px 10px 0;
no message
2024-11-13 09:05:22 +00:00
margin-left: 10px;
no message
2024-10-31 04:27:27 +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 {
.name {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 18px;
color: #000000;
margin-bottom: 5px;
}
.name-en {
font-size: 13px;
color: #555555;
}
}
}
.case {
width: 270px;
background-color: #ffffff;
border-radius: 8px;
margin-bottom: 20px;
.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%);
}
}
.text {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 16px;
color: #000000;
}
.img {
width: 14px;
height: 14px;
transform: rotate(270deg);
}
}
.list {
.item {
&:not(:last-of-type) {
border-bottom: 1px solid rgb(246, 246, 246);
}
padding: 20px 10px;
no message
2024-11-12 08:58:25 +00:00
display: block;
no message
2024-10-31 04:27:27 +00:00
.name {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-size: 15px;
color: #000000;
margin-bottom: 8px;
}
.brief {
font-size: 14px;
color: #7f7f7f;
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;
no message
2024-11-13 07:00:24 +00:00
border-radius: 50%;
no message
2024-10-31 04:27:27 +00:00
}
}
}
}
}
}
.base {
no message
2024-11-13 06:46:51 +00:00
// width: 100vw;
no message
2024-10-31 04:27:27 +00:00
background-color: transparent;
no message
2024-11-13 06:46:51 +00:00
// transform: none;
// left: 0;
no message
2024-10-31 04:27:27 +00:00
.type1 {
width: 100%;
no message
2024-11-07 07:33:39 +00:00
width: 640px;
no message
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;
.btn {
line-height: 50px;
margin: 0 24px;
no message
2024-11-11 10:50:47 +00:00
cursor: pointer;
no message
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 {
height: 50px;
line-height: 50px;
text-align: center;
background-color: rgba(123, 140, 211, 1);
border-radius: 158px;
font-weight: 400;
font-style: normal;
font-size: 15px;
color: #ffffff;
margin-right: 5px;
no message
2024-11-07 07:33:39 +00:00
cursor: pointer;
no message
2024-10-31 04:27:27 +00:00
.img {
width: 16px;
height: 16px;
margin-right: 10px;
}
}
}
.type2 {
width: 100%;
no message
2024-11-07 07:33:39 +00:00
width: 640px;
no message
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;
.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;
}
}
.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 {
no message
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;
}
}
}
}
}
no message
2024-10-31 04:27:27 +00:00
.state-btn {
width: 100px;
height: 40px;
no message
2024-11-07 07:33:39 +00:00
background-color: rgba(4, 176, 213, 1);
no message
2024-10-31 04:27:27 +00:00
border-radius: 158px;
font-size: 15px;
color: #ffffff;
cursor: pointer;
no message
2024-11-07 07:33:39 +00:00
transition: all 0.3s;
no message
2024-10-31 04:27:27 +00:00
.img {
width: 11px;
height: 6px;
margin-left: 8px;
}
}
no message
2024-11-07 07:33:39 +00:00
position: relative;
.state-mask {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
.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;
}
}
no message
2024-10-31 04:27:27 +00:00
}
}
.type3 {
width: 100%;
no message
2024-11-07 07:33:39 +00:00
width: 640px;
no message
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;
.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 {
width: 235px;
height: 40px;
background-color: rgba(123, 140, 211, 1);
font-size: 15px;
color: #ffffff;
border-radius: 158px;
no message
2024-11-07 07:33:39 +00:00
cursor: pointer;
no message
2024-10-31 04:27:27 +00:00
&.already {
background-color: rgba(251, 251, 251, 1);
font-size: 16px;
color: #aaaaaa;
}
.img {
width: 16px;
height: 16px;
margin-right: 10px;
}
}
}
}
no message
2024-11-07 07:33:39 +00:00
.upglide {
font-size: 10px;
color: #aaaaaa;
padding-bottom: 60px;
no message
2024-11-13 07:12:31 +00:00
padding-right: 20px;
no message
2024-11-07 07:33:39 +00:00
}
Reference in New Issue Copy Permalink