2094 lines
53 KiB
Plaintext
2094 lines
53 KiB
Plaintext
/* pages/projectDetails/projectDetails.wxss */
|
|
view,
|
|
scroll-view,
|
|
navigator {
|
|
box-sizing: border-box;
|
|
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
|
|
}
|
|
|
|
.header-nav {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 2;
|
|
|
|
.icon {
|
|
width: 120rpx;
|
|
height: 31.5rpx;
|
|
}
|
|
}
|
|
|
|
.head-box {
|
|
padding: 30rpx 30rpx 93rpx;
|
|
background-color: #ffffff;
|
|
|
|
&.isadmission {
|
|
background: -webkit-linear-gradient(137.797447966327deg, rgba(207, 247, 255, 1) -12%, rgba(239, 240, 209, 1) 47%, rgba(207, 247, 255, 1) 120%);
|
|
background: -moz-linear-gradient(-47.7974479663268deg, rgba(207, 247, 255, 1) -12%, rgba(239, 240, 209, 1) 47%, rgba(207, 247, 255, 1) 120%);
|
|
background: linear-gradient(-47.7974479663268deg, rgba(207, 247, 255, 1) -12%, rgba(239, 240, 209, 1) 47%, rgba(207, 247, 255, 1) 120%);
|
|
}
|
|
|
|
.name {
|
|
font-weight: 650;
|
|
font-style: normal;
|
|
font-size: 42rpx;
|
|
color: #000000;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
|
|
.english {
|
|
font-size: 24rpx;
|
|
color: #7F7F7F;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.school {
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
flex-wrap: wrap;
|
|
|
|
.icon {
|
|
width: 36rpx;
|
|
height: 31.5rpx;
|
|
margin-right: 12rpx;
|
|
}
|
|
|
|
.line {
|
|
color: #d7d7d7;
|
|
margin: 0 18rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.main {
|
|
background-color: rgba(251, 251, 251, 1);
|
|
border-radius: 45rpx;
|
|
position: relative;
|
|
// min-height: 80vh;
|
|
margin-top: -30rpx;
|
|
z-index: 1;
|
|
padding-bottom: 148.5rpx;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
top: -10.5rpx;
|
|
width: 100%;
|
|
height: 130.5rpx;
|
|
background: -webkit-linear-gradient(0deg, rgba(128, 128, 255, 1) 0%, rgba(197, 238, 255, 1) 99%);
|
|
background: -moz-linear-gradient(90deg, rgba(128, 128, 255, 1) 0%, rgba(197, 238, 255, 1) 99%);
|
|
background: linear-gradient(90deg, rgba(128, 128, 255, 1) 0%, rgba(197, 238, 255, 1) 99%);
|
|
border-radius: 52.5rpx;
|
|
z-index: -1;
|
|
}
|
|
|
|
}
|
|
|
|
.side-box {
|
|
position: relative;
|
|
width: 135rpx;
|
|
// height: 50rpx;
|
|
background-color: #fbfbfb;
|
|
border-radius: 45rpx 0 0 0;
|
|
|
|
}
|
|
|
|
.side {
|
|
// padding-top: 15rpx;
|
|
width: 135rpx;
|
|
background-color: rgba(242, 242, 242, 1);
|
|
border-radius: 45rpx 0 0 0;
|
|
padding-bottom: 148rpx;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
// min-height: 100vh;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
height: 100%;
|
|
|
|
.red-amount {
|
|
padding: 0 8rpx;
|
|
background-color: #f95d5d;
|
|
height: 24rpx;
|
|
line-height: 24rpx;
|
|
font-size: 18rpx;
|
|
border-radius: 15rpx;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
color: #fff;
|
|
text-align: center;
|
|
font-weight: 400;
|
|
|
|
&.red-round {
|
|
padding: 0;
|
|
width: 24rpx;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
|
|
&.sideFixed {
|
|
position: fixed;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.side-fill {
|
|
width: 100%;
|
|
height: 15rpx;
|
|
background-color: rgba(242, 242, 242, 1);
|
|
|
|
&.side-fill-white {
|
|
background-color: rgba(251, 251, 251, 1);
|
|
|
|
}
|
|
}
|
|
|
|
.item {
|
|
width: 100%;
|
|
height: 90rpx;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
position: relative;
|
|
|
|
&.pitch {
|
|
font-weight: 650;
|
|
color: #000000;
|
|
background-color: rgba(251, 251, 251, 1);
|
|
|
|
.text {
|
|
position: relative;
|
|
z-index: 1;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 12rpx;
|
|
z-index: -1;
|
|
background-color: rgba(207, 247, 255, 1);
|
|
border-radius: 58.5rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.details-box {
|
|
// padding-top: 42rpx;
|
|
// padding-left: 36rpx;
|
|
position: relative;
|
|
background-color: #fbfbfb;
|
|
border-radius: 0 45rpx 0 0;
|
|
height: 500rpx;
|
|
// margin-left: 135rpx;
|
|
|
|
.side-item {
|
|
padding-right: 15rpx;
|
|
padding-bottom: 40rpx;
|
|
|
|
&:not(:first-of-type) {
|
|
padding-top: 70rpx;
|
|
}
|
|
|
|
&:not(:last-of-type) {
|
|
border-bottom: 1rpx solid #d9d9d9;
|
|
}
|
|
}
|
|
|
|
.borderTop {
|
|
border-top: 1rpx dotted #d9d9d9;
|
|
margin-left: 36rpx;
|
|
}
|
|
|
|
.item-header {
|
|
margin-left: 36rpx;
|
|
|
|
.greenDot {
|
|
width: 9rpx;
|
|
height: 24rpx;
|
|
background-color: rgba(204, 208, 3, 1);
|
|
border: 1rpx solid rgba(154, 157, 2, 1);
|
|
border-radius: 7.5rpx;
|
|
margin-right: 18rpx;
|
|
}
|
|
|
|
font-size: 25.5rpx;
|
|
color: #555555;
|
|
margin-bottom: 24rpx;
|
|
justify-content: space-between;
|
|
|
|
.list-btn {
|
|
font-size: 24rpx;
|
|
|
|
.icon {
|
|
width: 27rpx;
|
|
height: 27rpx;
|
|
margin-left: 10rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.block {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border: 1rpx solid rgba(235, 235, 235, 1);
|
|
border-radius: 18rpx;
|
|
margin-bottom: 30rpx;
|
|
margin-left: 36rpx;
|
|
}
|
|
|
|
.answer {
|
|
width: 582rpx;
|
|
margin-left: 36rpx;
|
|
|
|
.hint {
|
|
border-top: 1rpx solid rgb(235, 235, 235);
|
|
border-bottom: 1rpx solid rgb(235, 235, 235);
|
|
padding: 18rpx 0;
|
|
margin-bottom: 37.5rpx;
|
|
|
|
.icon {
|
|
width: 27rpx;
|
|
height: 27rpx;
|
|
margin-right: 13.5rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
font-size: 23rpx;
|
|
color: #555555;
|
|
font-family: 'PingFangSC-Regular',
|
|
'PingFang SC',
|
|
sans-serif;
|
|
}
|
|
|
|
.tab {
|
|
white-space: nowrap;
|
|
width: 582rpx;
|
|
margin-bottom: 45rpx;
|
|
|
|
.tab-item {
|
|
width: 150rpx;
|
|
height: 60rpx;
|
|
background-color: rgba(237, 240, 244, 1);
|
|
border: 1rpx solid rgba(235, 235, 235, 1);
|
|
border-radius: 171rpx;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
display: inline-flex;
|
|
margin-right: 15rpx;
|
|
|
|
&.pitch {
|
|
font-weight: 650;
|
|
font-style: normal;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
background-color: rgba(249, 93, 93, 1);
|
|
border: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.dialogue {
|
|
.info {
|
|
font-size: 21rpx;
|
|
color: #7F7F7F;
|
|
margin-bottom: 6rpx;
|
|
|
|
.avatar {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
}
|
|
}
|
|
|
|
.message {
|
|
font-size: 25.5rpx;
|
|
color: #000000;
|
|
line-height: 39rpx;
|
|
width: 453rpx;
|
|
padding: 18rpx 15rpx;
|
|
margin-bottom: 30rpx;
|
|
display: block;
|
|
}
|
|
|
|
.message-img {
|
|
width: 335rpx;
|
|
height: 200rpx;
|
|
margin-left: 48rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.dialogue-left {
|
|
.avatar {
|
|
margin-right: 9rpx;
|
|
}
|
|
|
|
.message {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border: 1rpx solid rgba(235, 235, 235, 1);
|
|
border-radius: 18rpx;
|
|
border-top-left-radius: 0;
|
|
margin-left: 48rpx;
|
|
}
|
|
}
|
|
|
|
.dialogue-right {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
|
|
|
|
.avatar {
|
|
margin-left: 9rpx;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.message {
|
|
background-color: rgba(244, 248, 253, 1);
|
|
border: 1rpx solid rgba(235, 235, 235, 1);
|
|
border-radius: 18rpx;
|
|
border-top-right-radius: 0;
|
|
margin-right: 48rpx;
|
|
}
|
|
|
|
.message-img {
|
|
margin-right: 48rpx;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.semester-box {
|
|
margin-left: 36rpx;
|
|
padding-top: 30rpx;
|
|
padding-right: 15rpx;
|
|
padding-bottom: 30rpx;
|
|
font-size: 22.5rpx;
|
|
color: #858585;
|
|
border-bottom: 1rpx dotted #d9d9d9;
|
|
|
|
|
|
|
|
.text {
|
|
width: fit-content;
|
|
height: 36rpx;
|
|
line-height: 36rpx;
|
|
border-radius: 9rpx;
|
|
font-size: 22.5rpx;
|
|
padding: 0 10.5rpx;
|
|
margin-right: 15rpx;
|
|
|
|
&.gray {
|
|
border: none;
|
|
color: #fff;
|
|
background-color: rgba(51, 51, 51, 1);
|
|
|
|
&.semester {
|
|
background-color: #f95d5d;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.distinctive {
|
|
.img {
|
|
width: 38rpx;
|
|
height: 38rpx;
|
|
margin-right: 10rpx;
|
|
margin-top: -12rpx;
|
|
}
|
|
|
|
margin-left: 36rpx;
|
|
padding-top: 30rpx;
|
|
padding-right: 15rpx;
|
|
padding-bottom: 30rpx;
|
|
font-size: 22.5rpx;
|
|
color: #858585;
|
|
border-bottom: 1rpx dotted #d9d9d9;
|
|
}
|
|
|
|
.label {
|
|
flex-wrap: wrap;
|
|
margin-bottom: 15rpx;
|
|
margin-left: 36rpx;
|
|
padding-top: 30rpx;
|
|
|
|
.item {
|
|
height: 36rpx;
|
|
line-height: 36rpx;
|
|
border: 1rpx solid #aaaaaa;
|
|
border-radius: 9rpx;
|
|
font-size: 22.5rpx;
|
|
color: #858585;
|
|
padding: 0 10.5rpx;
|
|
margin-right: 15rpx;
|
|
margin-bottom: 15rpx;
|
|
|
|
&.gray {
|
|
border: none;
|
|
color: #fff;
|
|
background-color: rgba(51, 51, 51, 1);
|
|
|
|
&.semester {
|
|
background-color: rgba(204, 206, 4, 1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.key-ranking {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
|
|
.icon {
|
|
width: 132rpx;
|
|
height: 36rpx;
|
|
margin-top: 16rpx;
|
|
margin-bottom: 22.5rpx;
|
|
}
|
|
|
|
.list {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-bottom: 25rpx;
|
|
width: 100%;
|
|
|
|
.item {
|
|
flex: 1;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
display: flex;
|
|
|
|
.quantity {
|
|
text-align: center;
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
font-size: 27rpx;
|
|
color: #000000;
|
|
margin-bottom: 18rpx;
|
|
}
|
|
|
|
.ranking-name {
|
|
text-align: center;
|
|
font-family: 'HelveticaNeue', 'Helvetica Neue', sans-serif;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
width: fit-content;
|
|
position: relative;
|
|
line-height: 24rpx;
|
|
position: relative;
|
|
|
|
.ranking-icon {
|
|
width: 12rpx;
|
|
height: 12rpx;
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: -12rpx;
|
|
transform: rotate(270deg);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.tuition {
|
|
padding: 15rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
min-height: 160rpx;
|
|
|
|
.left {
|
|
display: flex;
|
|
// flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.unit {
|
|
padding: 0 10.5rpx;
|
|
width: fit-content;
|
|
height: 30rpx;
|
|
line-height: 30rpx;
|
|
background-color: rgba(249, 93, 93, 1);
|
|
border-radius: 22.5rpx;
|
|
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
|
|
font-weight: 400;
|
|
font-size: 21rpx;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
top: 15rpx;
|
|
left: 15rpx;
|
|
}
|
|
|
|
.number {
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
// margin-bottom: 12rpx;
|
|
}
|
|
|
|
.text {
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
margin-right: 20rpx;
|
|
}
|
|
}
|
|
|
|
.right {
|
|
width: 300rpx;
|
|
background-color: rgba(246, 246, 246, 1);
|
|
border-radius: 9rpx;
|
|
padding: 24rpx 15rpx;
|
|
min-height: 130rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
|
|
.item {
|
|
font-size: 24rpx;
|
|
justify-content: space-between;
|
|
|
|
&:not(:last-of-type) {
|
|
margin-bottom: 16.5rpx;
|
|
}
|
|
|
|
.key {
|
|
color: #555555;
|
|
}
|
|
|
|
.value {
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
font-style: normal;
|
|
color: #000000;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.language-bonuses {
|
|
justify-content: space-between;
|
|
margin-left: 36rpx;
|
|
|
|
.item {
|
|
&:first-of-type {
|
|
margin-right: 15rpx;
|
|
}
|
|
|
|
margin-left: 0;
|
|
font-size: 24rpx;
|
|
padding: 30rpx 0;
|
|
|
|
.name {
|
|
text-align: center;
|
|
font-weight: 650;
|
|
color: #000000;
|
|
margin-bottom: 21rpx;
|
|
}
|
|
|
|
.value {
|
|
text-align: center;
|
|
color: #555555;
|
|
}
|
|
}
|
|
}
|
|
|
|
.application-schedule {
|
|
.list {
|
|
padding: 30rpx 0 30rpx;
|
|
|
|
.index {
|
|
height: 48rpx;
|
|
background-color: rgba(246, 246, 246, 1);
|
|
border-radius: 72rpx;
|
|
margin: 0 22.5rpx 30rpx;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
padding-left: 9rpx;
|
|
|
|
.sum {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
background-color: rgba(249, 93, 93, 1);
|
|
border-radius: 33rpx;
|
|
color: #FFFFFF;
|
|
margin-right: 18rpx;
|
|
}
|
|
}
|
|
|
|
.time {
|
|
.item {
|
|
&:first-of-type {
|
|
border-right: 1rpx dotted #ebebeb;
|
|
}
|
|
|
|
font-size: 24rpx;
|
|
|
|
.name {
|
|
text-align: center;
|
|
font-weight: 650;
|
|
color: #000000;
|
|
margin-bottom: 21rpx;
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.value {
|
|
text-align: center;
|
|
color: #555555;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.else {
|
|
background-color: rgba(246, 246, 246, 1);
|
|
border-radius: 9rpx;
|
|
padding: 19.5rpx 15rpx;
|
|
margin: 30rpx 22.5rpx;
|
|
|
|
.item {
|
|
font-size: 24rpx;
|
|
|
|
&:not(:last-of-type) {
|
|
margin-bottom: 12rpx;
|
|
}
|
|
|
|
.name {
|
|
color: #7F7F7F;
|
|
}
|
|
|
|
.value {
|
|
color: #333333;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.demand {
|
|
padding: 25.5rpx 22.5rpx;
|
|
|
|
.text {
|
|
font-size: 27rpx;
|
|
color: #000000;
|
|
line-height: 51rpx;
|
|
margin-bottom: 30rpx;
|
|
word-break: break-word;
|
|
white-space: pre-line;
|
|
}
|
|
|
|
.title {
|
|
font-weight: 650;
|
|
font-size: 27rpx;
|
|
color: #000000;
|
|
margin-bottom: 15rpx;
|
|
}
|
|
|
|
.hint {
|
|
color: #333333;
|
|
font-size: 24rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.list {
|
|
.item {
|
|
background-color: rgba(246, 246, 246, 1);
|
|
border-radius: 9rpx;
|
|
padding: 19.5rpx 15rpx 19.5rpx 42rpx;
|
|
position: relative;
|
|
|
|
.triangle {
|
|
position: absolute;
|
|
width: 16.5rpx;
|
|
height: 9rpx;
|
|
transform: rotate(-90deg);
|
|
top: 33rpx;
|
|
left: 15rpx;
|
|
}
|
|
|
|
&:not(:last-of-type) {
|
|
margin-bottom: 15rpx;
|
|
}
|
|
|
|
font-size: 24rpx;
|
|
|
|
.name {
|
|
color: #7F7F7F;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
|
|
.value {
|
|
color: #333333;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ranking {
|
|
margin-left: 36rpx;
|
|
margin-bottom: 30rpx;
|
|
|
|
.item {
|
|
background-color: rgba(246, 246, 246, 1);
|
|
border-radius: 9rpx;
|
|
|
|
&:not(:last-of-type) {
|
|
margin-bottom: 15rpx;
|
|
}
|
|
|
|
.rank {
|
|
width: 150rpx;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border: 1rpx solid rgba(235, 235, 235, 1);
|
|
border-right: none;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 19.5rpx 0;
|
|
border-radius: 9rpx 0 0 9rpx;
|
|
|
|
.number {
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
height: 36rpx;
|
|
line-height: 36rpx;
|
|
border-radius: 9rpx;
|
|
padding: 0 13.5rpx;
|
|
margin-bottom: 10.5rpx;
|
|
position: relative;
|
|
|
|
.triangle {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 7.5rpx;
|
|
height: 15rpx;
|
|
transform: translateX(-50%) rotate(270deg);
|
|
left: 50%;
|
|
bottom: -7rpx;
|
|
}
|
|
|
|
&.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(36, 86, 200, 1);
|
|
}
|
|
|
|
&.ruanke {
|
|
background-color: rgba(229, 18, 45, 1);
|
|
}
|
|
}
|
|
|
|
.name {
|
|
font-weight: 650;
|
|
color: #000000;
|
|
text-align: center;
|
|
font-size: 27rpx;
|
|
font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
|
|
|
|
}
|
|
}
|
|
|
|
.box {
|
|
padding: 19.5rpx 21rpx;
|
|
border: 1rpx solid rgba(235, 235, 235, 1);
|
|
border-left: none;
|
|
border-radius: 0 9rpx 9rpx 0;
|
|
|
|
.itemm {
|
|
font-size: 24rpx;
|
|
|
|
&:not(:last-of-type) {
|
|
margin-bottom: 12rpx;
|
|
}
|
|
|
|
.key {
|
|
color: #7F7F7F;
|
|
}
|
|
|
|
.value {
|
|
color: #333333;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.pattern {
|
|
padding: 30rpx 0;
|
|
|
|
.tab {
|
|
// width: 270rpx;
|
|
width: fit-content;
|
|
height: 60rpx;
|
|
background-color: rgba(237, 240, 244, 1);
|
|
border: 1rpx solid rgba(235, 235, 235, 1);
|
|
border-radius: 171rpx;
|
|
margin: 0 auto 45rpx;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
|
|
.item {
|
|
width: 135rpx;
|
|
height: 100%;
|
|
line-height: 60rpx;
|
|
border-radius: 33rpx;
|
|
|
|
&.pitch {
|
|
background-color: rgba(4, 176, 213, 1);
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
}
|
|
|
|
.introduce {
|
|
margin-bottom: 30rpx;
|
|
|
|
.item {
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
|
|
&:not(:last-of-type) {
|
|
border-right: 1rpx dotted #ebebeb;
|
|
}
|
|
|
|
.value {
|
|
font-weight: 650;
|
|
color: #000000;
|
|
margin-bottom: 19.5rpx;
|
|
line-height: 34.5rpx;
|
|
}
|
|
|
|
.name {
|
|
color: #555555;
|
|
}
|
|
}
|
|
}
|
|
|
|
.list {
|
|
margin: 0 27rpx;
|
|
|
|
.item {
|
|
background-color: rgba(246, 246, 246, 1);
|
|
border-radius: 9rpx;
|
|
font-size: 24rpx;
|
|
padding: 19.5rpx 19.5rpx 19.5rpx 42rpx;
|
|
|
|
.name {
|
|
color: #7F7F7F;
|
|
margin-bottom: 12rpx;
|
|
position: relative;
|
|
|
|
&::after {
|
|
content: "";
|
|
width: 12rpx;
|
|
height: 12rpx;
|
|
border-radius: 50%;
|
|
border: 3rpx solid #f95d5d;
|
|
position: absolute;
|
|
top: 10.5rpx;
|
|
left: -30rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
|
|
.value {
|
|
color: #000000;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.link {
|
|
padding: 27rpx 22.5rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.title {
|
|
font-size: 27rpx;
|
|
color: #000000;
|
|
line-height: 51rpx;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
|
|
.text {
|
|
font-size: 21rpx;
|
|
color: #026277;
|
|
line-height: 36rpx;
|
|
margin-bottom: 60rpx;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.btn {
|
|
width: 190.5rpx;
|
|
height: 60rpx;
|
|
background-color: rgba(246, 246, 246, 1);
|
|
border: 1rpx solid rgba(215, 215, 215, 1);
|
|
border-radius: 172.5rpx;
|
|
font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
align-self: flex-end;
|
|
|
|
.icon {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-right: 10rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pdf {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 60rpx 0;
|
|
|
|
.icon {
|
|
width: 195rpx;
|
|
height: 195rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.title {
|
|
font-weight: 650;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
margin-bottom: 15rpx;
|
|
}
|
|
|
|
.name {
|
|
font-size: 21rpx;
|
|
color: #7F7F7F;
|
|
margin-bottom: 43.5rpx;
|
|
width: 500rpx;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.btn {
|
|
width: 190.5rpx;
|
|
height: 60rpx;
|
|
background-color: rgba(4, 176, 213, 1);
|
|
border-radius: 172.5rpx;
|
|
font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
|
|
font-weight: 650;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
|
|
.degree {
|
|
padding-top: 24rpx;
|
|
padding-bottom: 36rpx;
|
|
text-align: center;
|
|
|
|
.title {
|
|
position: relative;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
z-index: 1;
|
|
width: 154.5rpx;
|
|
height: 45rpx;
|
|
margin: 0 auto 24rpx;
|
|
|
|
.icon {
|
|
width: 154.5rpx;
|
|
height: 45rpx;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
}
|
|
}
|
|
|
|
.name {
|
|
font-size: 27rpx;
|
|
color: #000000;
|
|
line-height: 51rpx;
|
|
margin-bottom: 15rpx;
|
|
padding: 0 10rpx;
|
|
}
|
|
|
|
.english {
|
|
font-size: 21rpx;
|
|
color: #7F7F7F;
|
|
padding: 0 10rpx;
|
|
}
|
|
}
|
|
|
|
.issue-bj {
|
|
z-index: 1;
|
|
position: relative;
|
|
|
|
.issue {
|
|
font-size: 27rpx;
|
|
padding: 0 16.5rpx;
|
|
position: relative;
|
|
|
|
.title {
|
|
padding: 30rpx 0 30rpx 45rpx;
|
|
font-weight: 650;
|
|
color: #000000;
|
|
border-bottom: 1rpx solid #ebebeb;
|
|
}
|
|
|
|
.text {
|
|
color: #555555;
|
|
line-height: 51rpx;
|
|
padding: 22.5rpx 0;
|
|
}
|
|
|
|
.index {
|
|
width: 54rpx;
|
|
height: 39rpx;
|
|
background-color: rgba(249, 93, 93, 1);
|
|
border-radius: 0 7.5rpx 7.5rpx 0;
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
top: 28.5rpx;
|
|
left: -7.5rpx;
|
|
}
|
|
|
|
.index-bj {
|
|
width: 40.5rpx;
|
|
height: 36rpx;
|
|
position: absolute;
|
|
top: 48rpx;
|
|
left: -7.5rpx;
|
|
z-index: -1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.course {
|
|
position: relative;
|
|
|
|
.icon {
|
|
width: 24rpx;
|
|
height: 13.5rpx;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.title {
|
|
font-weight: 650;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
text-align: center;
|
|
padding-top: 25.5rpx;
|
|
padding-bottom: 16.5rpx;
|
|
}
|
|
|
|
.hint {
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
text-align: center;
|
|
line-height: 33rpx;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.table-head {
|
|
border-top: 1rpx solid #ebebeb;
|
|
border-bottom: 1rpx solid #ebebeb;
|
|
height: 60rpx;
|
|
background-color: #f6f6f6;
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
|
|
.item {
|
|
height: 100%;
|
|
text-align: center;
|
|
line-height: 60rpx;
|
|
|
|
&:not(:last-of-type) {
|
|
border-right: 1rpx solid #ebebeb;
|
|
}
|
|
|
|
&.number {
|
|
width: 112.5rpx;
|
|
}
|
|
|
|
&.credit {
|
|
width: 67.5rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.table-body {
|
|
text-align: center;
|
|
|
|
.list {
|
|
display: grid;
|
|
grid-template-columns: 112.5rpx 384rpx 67.5rpx;
|
|
|
|
&:not(:last-of-type) {
|
|
border-bottom: 1rpx solid #ebebeb;
|
|
}
|
|
|
|
.item {
|
|
height: 100%;
|
|
padding: 12.75rpx 0;
|
|
|
|
|
|
&:not(:last-of-type) {
|
|
border-right: 1rpx solid #ebebeb;
|
|
}
|
|
|
|
&.number {
|
|
font-size: 21rpx;
|
|
color: #333333;
|
|
padding-left: 10rpx;
|
|
padding-right: 10rpx;
|
|
word-break: break-word;
|
|
}
|
|
|
|
&.credit {
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
font-size: 24rpx;
|
|
color: #000000;
|
|
}
|
|
|
|
&.name {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: left;
|
|
|
|
.text {
|
|
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
|
|
color: #000000;
|
|
font-size: 24rpx;
|
|
padding: 0 12.75rpx;
|
|
}
|
|
|
|
.english {
|
|
font-family: 'ArialMT', 'Arial', sans-serif;
|
|
color: #AAAAAA;
|
|
font-size: 21rpx;
|
|
padding: 0 12.75rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.admission-box {
|
|
background: -webkit-linear-gradient(147.714647739389deg, rgba(207, 247, 255, 1) -12%, rgba(239, 240, 209, 1) 45%, rgba(207, 247, 255, 1) 115%);
|
|
background: -moz-linear-gradient(-57.7146477393888deg, rgba(207, 247, 255, 1) -12%, rgba(239, 240, 209, 1) 45%, rgba(207, 247, 255, 1) 115%);
|
|
background: linear-gradient(-57.7146477393888deg, rgba(207, 247, 255, 1) -12%, rgba(239, 240, 209, 1) 45%, rgba(207, 247, 255, 1) 115%);
|
|
border-radius: 30rpx;
|
|
padding: 27rpx 15rpx 15rpx;
|
|
margin-top: 30rpx;
|
|
margin-bottom: 30rpx;
|
|
border-bottom: 1rpx dotted rgb(235, 235, 235);
|
|
|
|
.head {
|
|
margin-bottom: 21rpx;
|
|
|
|
.icon {
|
|
width: 153rpx;
|
|
height: 48rpx;
|
|
margin-right: 19.5rpx;
|
|
}
|
|
|
|
.text {
|
|
width: 195rpx;
|
|
height: 45rpx;
|
|
background-color: rgba(2, 98, 119, 1);
|
|
border-radius: 9rpx;
|
|
position: relative;
|
|
font-size: 22.5rpx;
|
|
color: #FFFFFF;
|
|
|
|
.triangle {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: -9rpx;
|
|
transform: translateY(-50%);
|
|
width: 9rpx;
|
|
height: 16.5rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.content {
|
|
background-color: rgba(255, 255, 255, 0.698039215686274);
|
|
border-radius: 18rpx;
|
|
padding: 15rpx;
|
|
|
|
.title {
|
|
font-size: 24rpx;
|
|
color: #000000;
|
|
line-height: 39rpx;
|
|
margin-bottom: 22.5rpx;
|
|
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-line-clamp: 2;
|
|
|
|
}
|
|
|
|
.more {
|
|
font-size: 22.5rpx;
|
|
color: #7F7F7F;
|
|
|
|
.icon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-left: 6rpx;
|
|
transform: rotate(-90deg);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.upglide {
|
|
font-size: 21rpx;
|
|
color: #AAAAAA;
|
|
padding: 60rpx 0;
|
|
}
|
|
|
|
.consult-list {
|
|
margin-left: 36rpx;
|
|
|
|
.consult-item {
|
|
margin-bottom: 30rpx;
|
|
width: 567rpx;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border: 1rpx solid rgba(235, 235, 235, 1);
|
|
border-radius: 18rpx;
|
|
padding: 33rpx 18rpx 30rpx 31.5rpx;
|
|
|
|
.school {
|
|
.img {
|
|
width: 48rpx;
|
|
height: 42rpx;
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
font-weight: 650;
|
|
font-style: normal;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
margin-bottom: 37.5rpx;
|
|
}
|
|
|
|
.info-item {
|
|
font-size: 24rpx;
|
|
color: #7F7F7F;
|
|
margin-bottom: 18rpx;
|
|
|
|
.info-major {
|
|
font-size: 27rpx;
|
|
color: #333333;
|
|
margin-right: 25.5rpx;
|
|
}
|
|
|
|
.info-value {}
|
|
|
|
.line-between {
|
|
margin: 0 14rpx;
|
|
background-color: #d7d7d7;
|
|
height: 22rpx;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.info-item-results {
|
|
padding: 0 13.5rpx;
|
|
height: 33rpx;
|
|
background-color: rgba(246, 246, 246, 1);
|
|
border-radius: 55.5rpx;
|
|
font-size: 23rpx;
|
|
color: #72DB86;
|
|
font-family: 'ArialMT', 'Arial', sans-serif;
|
|
}
|
|
|
|
}
|
|
|
|
.info-xiaobox {
|
|
height: 69rpx;
|
|
background-color: rgba(251, 251, 251, 1);
|
|
border-radius: 15rpx;
|
|
padding: 0 16.5rpx;
|
|
margin-bottom: 30rpx;
|
|
|
|
.info-content {
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
line-height: 39rpx;
|
|
}
|
|
}
|
|
|
|
.bottom {
|
|
justify-content: space-between;
|
|
|
|
.bottom-left {
|
|
font-size: 22.5rpx;
|
|
color: #AAAAAA;
|
|
|
|
.bottom-avatar {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
border-radius: 50%;
|
|
margin-right: 18rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.bottom-base {
|
|
width: 100vw;
|
|
position: fixed;
|
|
bottom: 0;
|
|
border-top: 1rpx solid rgba(235, 235, 235, 1);
|
|
z-index: 1;
|
|
background: rgba(255, 255, 255, 1);
|
|
|
|
.left {
|
|
width: 180rpx;
|
|
height: 148.5rpx;
|
|
background-color: rgba(251, 251, 251, 1);
|
|
border-right: 1rpx solid rgba(235, 235, 235, 1);
|
|
font-size: 24rpx;
|
|
color: #000000;
|
|
|
|
.icon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-left: 10rpx;
|
|
}
|
|
}
|
|
|
|
.right {
|
|
padding-left: 46.5rpx;
|
|
padding-right: 24rpx;
|
|
justify-content: space-between;
|
|
|
|
.btn {
|
|
height: 72rpx;
|
|
background-color: rgba(207, 247, 255, 1);
|
|
border: 1rpx solid rgba(186, 222, 230, 1);
|
|
border-radius: 237rpx;
|
|
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.0705882352941176);
|
|
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.0705882352941176);
|
|
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.0705882352941176);
|
|
font-size: 24rpx;
|
|
color: #026277;
|
|
flex: 1;
|
|
margin-right: 22.5rpx;
|
|
|
|
.icon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-right: 12rpx;
|
|
}
|
|
|
|
}
|
|
|
|
.remark {
|
|
width: 315rpx;
|
|
height: 72rpx;
|
|
background-color: rgba(246, 246, 246, 1);
|
|
border: 1rpx solid rgba(235, 235, 235, 1);
|
|
border-radius: 312rpx;
|
|
padding: 0 24rpx;
|
|
|
|
.icon {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-right: 15rpx;
|
|
}
|
|
|
|
.text {
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
width: 217.5rpx;
|
|
|
|
&.placeholder {
|
|
color: #AAAAAA;
|
|
}
|
|
}
|
|
}
|
|
|
|
.state-mask {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
z-index: 1;
|
|
}
|
|
|
|
.state {
|
|
width: 171rpx;
|
|
height: 117rpx;
|
|
position: relative;
|
|
z-index: 2;
|
|
|
|
.state-box {
|
|
border-radius: 12rpx;
|
|
position: absolute;
|
|
bottom: 0;
|
|
border: 1rpx solid transparent;
|
|
transition: all .3s;
|
|
|
|
&.show {
|
|
background-color: rgba(245, 252, 253, 1);
|
|
border: 1rpx solid rgba(242, 242, 242, 1);
|
|
-moz-box-shadow: 0 0 7.5rpx rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 0 0 7.5rpx rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 0 7.5rpx rgba(0, 0, 0, 0.2);
|
|
|
|
.state-list {
|
|
height: 313.5rpx;
|
|
border-bottom-color: #d7d7d7;
|
|
}
|
|
|
|
.delete {
|
|
padding: 31.5rpx 0;
|
|
height: 111rpx;
|
|
border-bottom-color: #d7d7d7;
|
|
}
|
|
}
|
|
|
|
&.undetermined {
|
|
.state-pitch {
|
|
background-color: rgba(249, 93, 93, 1);
|
|
}
|
|
|
|
.state-list {
|
|
.state-item {
|
|
&.pitch {
|
|
color: #F95D5D;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.state-pitch {
|
|
width: 135rpx;
|
|
height: 72rpx;
|
|
background-color: rgba(4, 176, 213, 1);
|
|
border-radius: 52.5rpx;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
margin: 22.5rpx 18rpx;
|
|
|
|
.icon {
|
|
width: 16.5rpx;
|
|
height: 9rpx;
|
|
margin-left: 8rpx;
|
|
}
|
|
}
|
|
|
|
.state-list {
|
|
padding: 0 22.5rpx 13.5rpx;
|
|
border-bottom: 1rpx dotted transparent;
|
|
height: 0;
|
|
overflow: hidden;
|
|
transition: all .3s;
|
|
|
|
.state-item {
|
|
height: 75rpx;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
|
|
&.pitch {
|
|
color: #04B0D5;
|
|
}
|
|
}
|
|
}
|
|
|
|
.delete {
|
|
height: 0;
|
|
overflow: hidden;
|
|
border-bottom: 1rpx dotted transparent;
|
|
transition: all .3s;
|
|
|
|
.delete-btn {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
background-color: #f2f2f2;
|
|
border-radius: 50%;
|
|
|
|
.icon {
|
|
width: 21rpx;
|
|
height: 22.5rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.btns {
|
|
.item {
|
|
.icon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-right: 6rpx;
|
|
}
|
|
|
|
background-color: rgba(207, 247, 255, 1);
|
|
border: 1rpx solid rgba(186, 222, 230, 1);
|
|
border-radius: 237rpx;
|
|
height: 60rpx;
|
|
font-size: 24rpx;
|
|
color: #026277;
|
|
|
|
&:first-of-type {
|
|
margin-right: 24rpx;
|
|
}
|
|
|
|
&.already {
|
|
background-color: rgba(246, 246, 246, 1);
|
|
border-color: rgba(235, 235, 235, 1);
|
|
color: #AAAAAA;
|
|
}
|
|
}
|
|
}
|
|
|
|
.already-join {
|
|
font-size: 24rpx;
|
|
color: #aaaaaa;
|
|
|
|
.top {
|
|
.img {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-right: 9rpx;
|
|
}
|
|
|
|
margin-bottom: 13.5rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.admission-pop {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background-color: rgba(0, 0, 0, 0.705882352941177);
|
|
display: flex;
|
|
align-items: flex-end;
|
|
|
|
.admission-box {
|
|
width: 100vw;
|
|
background: -webkit-linear-gradient(114.935373284524deg, rgba(207, 247, 255, 1) -13%, rgba(239, 240, 209, 1) 52%, rgba(207, 247, 255, 1) 132%);
|
|
background: -moz-linear-gradient(-24.9353732845238deg, rgba(207, 247, 255, 1) -13%, rgba(239, 240, 209, 1) 52%, rgba(207, 247, 255, 1) 132%);
|
|
background: linear-gradient(-24.9353732845238deg, rgba(207, 247, 255, 1) -13%, rgba(239, 240, 209, 1) 52%, rgba(207, 247, 255, 1) 132%);
|
|
border-radius: 45rpx 45rpx 0 0;
|
|
padding-bottom: 50rpx;
|
|
|
|
.head {
|
|
margin-bottom: 42rpx;
|
|
padding-top: 42rpx;
|
|
|
|
.icon {
|
|
width: 277.5rpx;
|
|
height: 40px;
|
|
margin-right: 22.5rpx;
|
|
}
|
|
|
|
.text {
|
|
width: 234rpx;
|
|
height: 54rpx;
|
|
font-size: 27rpx;
|
|
background-color: rgba(2, 98, 119, 1);
|
|
border-radius: 9rpx;
|
|
position: relative;
|
|
color: #FFFFFF;
|
|
|
|
.triangle {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: -9rpx;
|
|
transform: translateY(-50%);
|
|
width: 9rpx;
|
|
height: 16.5rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.content {
|
|
background-color: rgba(255, 255, 255, 0.698039215686274);
|
|
border-radius: 18rpx;
|
|
margin: 0 30rpx 35rpx;
|
|
border-radius: 12rpx;
|
|
position: relative;
|
|
|
|
.swiper {
|
|
height: 558rpx;
|
|
|
|
.swiper-item {
|
|
.item {
|
|
padding-left: 30rpx;
|
|
padding-bottom: 30rpx;
|
|
// height: 139.5rpx;
|
|
position: relative;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: calc(100% - 120rpx);
|
|
height: 1rpx;
|
|
// border-bottom: 1rpx dotted rgb(235, 235, 235);
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
&:not(:last-of-type)::after {
|
|
border-bottom: 1rpx dotted rgb(235, 235, 235);
|
|
|
|
.text {
|
|
// border-bottom: 1rpx dotted #ebebeb;
|
|
}
|
|
}
|
|
|
|
.icon-box {
|
|
width: 60rpx;
|
|
margin-top: 30rpx;
|
|
margin-right: 30rpx;
|
|
}
|
|
|
|
.icon {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
}
|
|
|
|
.text {
|
|
font-size: 24rpx;
|
|
color: #000000;
|
|
line-height: 39rpx;
|
|
padding: 30rpx 30rpx 0 0;
|
|
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.point {
|
|
padding-bottom: 36rpx;
|
|
|
|
.item {
|
|
width: 15rpx;
|
|
height: 6rpx;
|
|
background-color: rgba(215, 215, 215, 1);
|
|
border-radius: 30rpx;
|
|
|
|
&.pitch {
|
|
background-color: rgba(250, 107, 17, 1);
|
|
}
|
|
|
|
&:not(:last-of-type) {
|
|
margin-right: 6rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.triangle {
|
|
width: 24rpx;
|
|
height: 12rpx;
|
|
position: absolute;
|
|
bottom: -12rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%) rotate(180deg);
|
|
}
|
|
}
|
|
|
|
.word {
|
|
margin-bottom: 19.5rpx;
|
|
|
|
.item {
|
|
width: 63rpx;
|
|
height: 40.5rpx;
|
|
padding: 0 16.5rpx;
|
|
|
|
&:not(:last-of-type) {
|
|
border-right: 1rpx solid #aaaaaa;
|
|
}
|
|
}
|
|
}
|
|
|
|
.hint {
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
line-height: 39rpx;
|
|
color: #333333;
|
|
margin-bottom: 19.5rpx;
|
|
}
|
|
|
|
.QR-code {
|
|
width: 210rpx;
|
|
height: 210rpx;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border-radius: 12rpx;
|
|
margin: 0 auto;
|
|
|
|
.icon {
|
|
width: 180rpx;
|
|
height: 180rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.admissionState {
|
|
display: inline;
|
|
width: fit-content;
|
|
height: 33rpx;
|
|
line-height: 33rpx;
|
|
padding: 0 10.5rpx;
|
|
margin-right: 20rpx;
|
|
background-color: #B30081;
|
|
border-radius: 172.5rpx;
|
|
font-size: 21rpx;
|
|
color: #FFFFFF;
|
|
|
|
&.state2 {
|
|
background-color: #bec105;
|
|
}
|
|
|
|
&.state3 {
|
|
background-color: rgba(4, 176, 213, 1);
|
|
}
|
|
}
|
|
|
|
.remark-mask {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background-color: rgba(0, 0, 0, 0.706);
|
|
z-index: 1002;
|
|
align-items: flex-end;
|
|
|
|
.remark {
|
|
width: 100vw;
|
|
position: absolute;
|
|
bottom: 0;
|
|
|
|
.remark-input {
|
|
width: 100%;
|
|
min-height: 81rpx;
|
|
font-size: 27rpx;
|
|
background-color: rgb(255, 255, 255);
|
|
padding: 30rpx 27rpx 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.remark-bottom {
|
|
justify-content: flex-end;
|
|
padding: 10rpx 27rpx 21rpx;
|
|
background-color: #fff;
|
|
|
|
.remark-limit {
|
|
font-size: 21rpx;
|
|
color: rgb(170, 170, 170);
|
|
margin-right: 16rpx;
|
|
}
|
|
|
|
.remark-btn {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
background-color: rgb(207, 247, 255);
|
|
border: 1rpx solid rgb(186, 222, 230);
|
|
border-radius: 50%;
|
|
|
|
.remark-icon {
|
|
width: 24rpx;
|
|
height: 25.5rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.index-sidebar {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.answer {
|
|
margin-top: 37.5rpx;
|
|
|
|
.left {
|
|
width: 150rpx;
|
|
height: 120rpx;
|
|
position: relative;
|
|
z-index: 1;
|
|
|
|
.bj {
|
|
position: absolute;
|
|
left: -4.5rpx;
|
|
top: -4.5rpx;
|
|
width: 159rpx;
|
|
height: 129rpx;
|
|
z-index: -1;
|
|
}
|
|
|
|
.icon {
|
|
width: 117rpx;
|
|
height: 73.5rpx;
|
|
}
|
|
}
|
|
|
|
.right {
|
|
width: 540rpx;
|
|
height: 120rpx;
|
|
position: relative;
|
|
z-index: 1;
|
|
|
|
.bj {
|
|
position: absolute;
|
|
left: -4.5rpx;
|
|
top: -4.5rpx;
|
|
width: 549rpx;
|
|
height: 129rpx;
|
|
z-index: -1;
|
|
}
|
|
|
|
.state {
|
|
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-size: 21rpx;
|
|
color: #FFFFFF;
|
|
width: fit-content;
|
|
text-align: center;
|
|
height: 36rpx;
|
|
line-height: 36rpx;
|
|
padding: 0 10.5rpx;
|
|
background-color: rgba(250, 107, 17, 1);
|
|
border-radius: 172.5rpx;
|
|
display: inline-flex;
|
|
}
|
|
|
|
font-size: 25.5rpx;
|
|
color: #000000;
|
|
line-height: 39rpx;
|
|
|
|
padding: 0 19.5rpx;
|
|
position: relative;
|
|
|
|
.text {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-line-clamp: 2;
|
|
word-break: break-all;
|
|
}
|
|
}
|
|
}
|
|
|
|
.about-start {
|
|
position: relative;
|
|
z-index: 1;
|
|
// width: 690rpx;
|
|
height: 120rpx;
|
|
// padding: 0 12rpx;
|
|
margin-top: 37.5rpx;
|
|
box-shadow: 0 0 4rpx rgba(0, 0, 0, 0.129411764705882);
|
|
|
|
.bj {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 699rpx;
|
|
height: 130rpx;
|
|
z-index: -1;
|
|
}
|
|
|
|
.left {
|
|
// width: 453rpx;
|
|
height: 120rpx;
|
|
// background: inherit;
|
|
// background-color: rgba(255, 255, 255, 0.898039215686275);
|
|
background-color: rgba(253, 250, 247, 1);
|
|
box-sizing: border-box;
|
|
border: 1.5rpx solid rgba(242, 242, 242, 1);
|
|
border-radius: 4.5rpx 0 0 4.5rpx;
|
|
font-size: 25.5rpx;
|
|
color: #000000;
|
|
line-height: 36rpx;
|
|
padding: 10.5rpx 15rpx;
|
|
|
|
.left-text {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
.icon {
|
|
width: 90rpx;
|
|
height: 36rpx;
|
|
text-align: center;
|
|
line-height: 36rpx;
|
|
background-color: rgba(250, 107, 17, 1);
|
|
border-radius: 172.5rpx;
|
|
display: inline-block;
|
|
font-size: 21rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.text {
|
|
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
}
|
|
|
|
.right {
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
background: linear-gradient(to right, #fccc9e, #f69d5c);
|
|
width: 225rpx;
|
|
height: 100%;
|
|
justify-content: center;
|
|
padding-right: 22rpx;
|
|
border-radius: 0 4.5rpx 4.5rpx 0;
|
|
|
|
.text {
|
|
width: 145.5rpx;
|
|
height: 33rpx;
|
|
position: relative;
|
|
margin-bottom: 13.5rpx;
|
|
|
|
.icon {
|
|
width: 145.5rpx;
|
|
height: 33rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
|
|
&.icon2 {
|
|
top: calc(50% + 4.5rpx);
|
|
left: calc(50% + 4.5rpx);
|
|
}
|
|
}
|
|
}
|
|
|
|
.count-down {
|
|
font-size: 18rpx;
|
|
color: #000000;
|
|
line-height: 39rpx;
|
|
|
|
.sky {
|
|
margin: 0 4.5rpx;
|
|
}
|
|
|
|
.colon {
|
|
font-size: 24rpx;
|
|
margin: 0 4.5rpx;
|
|
}
|
|
|
|
.item {
|
|
width: 33rpx;
|
|
height: 33rpx;
|
|
text-align: center;
|
|
background-color: rgba(250, 107, 17, 1);
|
|
border-radius: 19.5rpx;
|
|
font-size: 19.5rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.quick-answer {
|
|
width: 564rpx;
|
|
height: 190.5rpx;
|
|
margin-top: 30rpx;
|
|
margin-bottom: 30rpx;
|
|
margin-left: 36rpx;
|
|
border-radius: 20rpx;
|
|
border-bottom: 1rpx dotted rgb(235, 235, 235);
|
|
}
|
|
|
|
|
|
.quick-answer-pop {
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: rgba(0, 0, 0, 0.705882352941177);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
z-index: 1;
|
|
animation: slideUp 0.3s forwards;
|
|
|
|
@keyframes slideUp {
|
|
0% {
|
|
top: 100%;
|
|
}
|
|
|
|
100% {
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.quick-answer-box {
|
|
.quick-answer-img {
|
|
width: 100vw;
|
|
height: 1096.5rpx;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
border-radius: 35rpx;
|
|
}
|
|
|
|
.quick-answer-icon {
|
|
width: 270rpx;
|
|
height: 270rpx;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: 260rpx;
|
|
}
|
|
}
|
|
} |