1490 lines
34 KiB
Plaintext
1490 lines
34 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;
|
|
}
|
|
.header-nav .icon {
|
|
width: 120rpx;
|
|
height: 31.5rpx;
|
|
}
|
|
.head-box {
|
|
padding: 30rpx 30rpx 93rpx;
|
|
background-color: #ffffff;
|
|
}
|
|
.head-box.isadmission {
|
|
background: -webkit-linear-gradient(137.79744797deg, #cff7ff -12%, #eff0d1 47%, #cff7ff 120%);
|
|
background: -moz-linear-gradient(-47.79744797deg, #cff7ff -12%, #eff0d1 47%, #cff7ff 120%);
|
|
background: linear-gradient(-47.79744797deg, #cff7ff -12%, #eff0d1 47%, #cff7ff 120%);
|
|
}
|
|
.head-box .name {
|
|
font-weight: 650;
|
|
font-style: normal;
|
|
font-size: 42rpx;
|
|
color: #000000;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
.head-box .english {
|
|
font-size: 24rpx;
|
|
color: #7F7F7F;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.head-box .school {
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
flex-wrap: wrap;
|
|
}
|
|
.head-box .school .icon {
|
|
width: 36rpx;
|
|
height: 31.5rpx;
|
|
margin-right: 12rpx;
|
|
}
|
|
.head-box .school .line {
|
|
color: #d7d7d7;
|
|
margin: 0 18rpx;
|
|
}
|
|
.main {
|
|
background-color: #fbfbfb;
|
|
border-radius: 45rpx;
|
|
position: relative;
|
|
margin-top: -30rpx;
|
|
z-index: 1;
|
|
padding-bottom: 148.5rpx;
|
|
}
|
|
.main::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
top: -10.5rpx;
|
|
width: 100%;
|
|
height: 130.5rpx;
|
|
background: -webkit-linear-gradient(0deg, #8080ff 0%, #c5eeff 99%);
|
|
background: -moz-linear-gradient(90deg, #8080ff 0%, #c5eeff 99%);
|
|
background: linear-gradient(90deg, #8080ff 0%, #c5eeff 99%);
|
|
border-radius: 52.5rpx;
|
|
z-index: -1;
|
|
}
|
|
.side-box {
|
|
position: relative;
|
|
width: 135rpx;
|
|
background-color: #fbfbfb;
|
|
border-radius: 45rpx 0 0 0;
|
|
}
|
|
.side {
|
|
width: 135rpx;
|
|
background-color: #f2f2f2;
|
|
border-radius: 45rpx 0 0 0;
|
|
padding-bottom: 148rpx;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
height: 100%;
|
|
}
|
|
.side.sideFixed {
|
|
position: fixed;
|
|
border-radius: 0;
|
|
}
|
|
.side .side-fill {
|
|
width: 100%;
|
|
height: 15rpx;
|
|
background-color: #f2f2f2;
|
|
}
|
|
.side .side-fill.side-fill-white {
|
|
background-color: #fbfbfb;
|
|
}
|
|
.side .item {
|
|
width: 100%;
|
|
height: 90rpx;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
position: relative;
|
|
}
|
|
.side .item.pitch {
|
|
font-weight: 650;
|
|
color: #000000;
|
|
background-color: #fbfbfb;
|
|
}
|
|
.side .item.pitch .text {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.side .item.pitch .text::after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 12rpx;
|
|
z-index: -1;
|
|
background-color: #cff7ff;
|
|
border-radius: 58.5rpx;
|
|
}
|
|
.details-box {
|
|
position: relative;
|
|
background-color: #fbfbfb;
|
|
border-radius: 0 45rpx 0 0;
|
|
height: 500rpx;
|
|
}
|
|
.details-box .side-item {
|
|
padding-right: 15rpx;
|
|
padding-bottom: 40rpx;
|
|
}
|
|
.details-box .side-item:not(:first-of-type) {
|
|
padding-top: 70rpx;
|
|
}
|
|
.details-box .side-item:not(:last-of-type) {
|
|
border-bottom: 1rpx solid #d9d9d9;
|
|
}
|
|
.details-box .item-header {
|
|
margin-left: 36rpx;
|
|
font-size: 25.5rpx;
|
|
color: #555555;
|
|
margin-bottom: 24rpx;
|
|
justify-content: space-between;
|
|
}
|
|
.details-box .item-header .greenDot {
|
|
width: 9rpx;
|
|
height: 24rpx;
|
|
background-color: #ccd003;
|
|
border: 1rpx solid #9a9d02;
|
|
border-radius: 7.5rpx;
|
|
margin-right: 18rpx;
|
|
}
|
|
.details-box .item-header .list-btn {
|
|
font-size: 24rpx;
|
|
}
|
|
.details-box .item-header .list-btn .icon {
|
|
width: 27rpx;
|
|
height: 27rpx;
|
|
margin-left: 10rpx;
|
|
}
|
|
.details-box .block {
|
|
background-color: #ffffff;
|
|
border: 1rpx solid #ebebeb;
|
|
border-radius: 18rpx;
|
|
margin-bottom: 30rpx;
|
|
margin-left: 36rpx;
|
|
}
|
|
.details-box .answer {
|
|
width: 582rpx;
|
|
margin-left: 36rpx;
|
|
}
|
|
.details-box .answer .hint {
|
|
border-top: 1rpx solid #ebebeb;
|
|
border-bottom: 1rpx solid #ebebeb;
|
|
padding: 18rpx 0;
|
|
margin-bottom: 37.5rpx;
|
|
font-size: 23rpx;
|
|
color: #555555;
|
|
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
|
|
}
|
|
.details-box .answer .hint .icon {
|
|
width: 27rpx;
|
|
height: 27rpx;
|
|
margin-right: 13.5rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
.details-box .answer .tab {
|
|
white-space: nowrap;
|
|
width: 582rpx;
|
|
margin-bottom: 45rpx;
|
|
}
|
|
.details-box .answer .tab .tab-item {
|
|
width: 150rpx;
|
|
height: 60rpx;
|
|
background-color: #edf0f4;
|
|
border: 1rpx solid #ebebeb;
|
|
border-radius: 171rpx;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
display: inline-flex;
|
|
margin-right: 15rpx;
|
|
}
|
|
.details-box .answer .tab .tab-item.pitch {
|
|
font-weight: 650;
|
|
font-style: normal;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
background-color: #f95d5d;
|
|
border: none;
|
|
}
|
|
.details-box .answer .dialogue .info {
|
|
font-size: 21rpx;
|
|
color: #7F7F7F;
|
|
margin-bottom: 6rpx;
|
|
}
|
|
.details-box .answer .dialogue .info .avatar {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
}
|
|
.details-box .answer .dialogue .message {
|
|
font-size: 25.5rpx;
|
|
color: #000000;
|
|
line-height: 39rpx;
|
|
width: 453rpx;
|
|
padding: 18rpx 15rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.details-box .answer .dialogue .message-img {
|
|
width: 335rpx;
|
|
height: 200rpx;
|
|
margin-left: 48rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.details-box .answer .dialogue .dialogue-left .avatar {
|
|
margin-right: 9rpx;
|
|
}
|
|
.details-box .answer .dialogue .dialogue-left .message {
|
|
background-color: #ffffff;
|
|
border: 1rpx solid #ebebeb;
|
|
border-radius: 18rpx;
|
|
border-top-left-radius: 0;
|
|
margin-left: 48rpx;
|
|
}
|
|
.details-box .answer .dialogue .dialogue-right {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
}
|
|
.details-box .answer .dialogue .dialogue-right .avatar {
|
|
margin-left: 9rpx;
|
|
}
|
|
.details-box .answer .dialogue .dialogue-right .message {
|
|
background-color: #f4f8fd;
|
|
border: 1rpx solid #ebebeb;
|
|
border-radius: 18rpx;
|
|
border-top-right-radius: 0;
|
|
margin-right: 48rpx;
|
|
}
|
|
.details-box .answer .dialogue .dialogue-right .message-img {
|
|
margin-right: 48rpx;
|
|
}
|
|
.details-box .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;
|
|
}
|
|
.details-box .semester-box.borderTop {
|
|
border-top: 1rpx dotted #d9d9d9;
|
|
}
|
|
.details-box .semester-box .text {
|
|
width: fit-content;
|
|
height: 36rpx;
|
|
line-height: 36rpx;
|
|
border-radius: 9rpx;
|
|
font-size: 22.5rpx;
|
|
padding: 0 10.5rpx;
|
|
margin-right: 15rpx;
|
|
}
|
|
.details-box .semester-box .text.gray {
|
|
border: none;
|
|
color: #fff;
|
|
background-color: #333333;
|
|
}
|
|
.details-box .semester-box .text.gray.semester {
|
|
background-color: #f95d5d;
|
|
}
|
|
.details-box .distinctive {
|
|
margin-left: 36rpx;
|
|
padding-top: 30rpx;
|
|
padding-right: 15rpx;
|
|
padding-bottom: 30rpx;
|
|
font-size: 22.5rpx;
|
|
color: #858585;
|
|
border-bottom: 1rpx dotted #d9d9d9;
|
|
}
|
|
.details-box .distinctive .img {
|
|
width: 38rpx;
|
|
height: 38rpx;
|
|
margin-right: 10rpx;
|
|
margin-top: -12rpx;
|
|
}
|
|
.details-box .label {
|
|
flex-wrap: wrap;
|
|
margin-bottom: 15rpx;
|
|
margin-left: 36rpx;
|
|
padding-top: 30rpx;
|
|
}
|
|
.details-box .label .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;
|
|
}
|
|
.details-box .label .item.gray {
|
|
border: none;
|
|
color: #fff;
|
|
background-color: #333333;
|
|
}
|
|
.details-box .label .item.gray.semester {
|
|
background-color: #ccce04;
|
|
}
|
|
.details-box .key-ranking {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.details-box .key-ranking .icon {
|
|
width: 132rpx;
|
|
height: 36rpx;
|
|
margin-top: 16rpx;
|
|
margin-bottom: 22.5rpx;
|
|
}
|
|
.details-box .key-ranking .list {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-bottom: 25rpx;
|
|
width: 100%;
|
|
}
|
|
.details-box .key-ranking .list .item {
|
|
flex: 1;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.details-box .key-ranking .list .item .quantity {
|
|
text-align: center;
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
font-size: 27rpx;
|
|
color: #000000;
|
|
margin-bottom: 18rpx;
|
|
}
|
|
.details-box .key-ranking .list .item .ranking-name {
|
|
text-align: center;
|
|
font-family: 'HelveticaNeue', 'Helvetica Neue', sans-serif;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
width: fit-content;
|
|
line-height: 24rpx;
|
|
position: relative;
|
|
}
|
|
.details-box .key-ranking .list .item .ranking-name .ranking-icon {
|
|
width: 12rpx;
|
|
height: 12rpx;
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: -12rpx;
|
|
transform: rotate(270deg);
|
|
}
|
|
.details-box .tuition {
|
|
padding: 15rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
min-height: 160rpx;
|
|
}
|
|
.details-box .tuition .left {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.details-box .tuition .left .unit {
|
|
padding: 0 10.5rpx;
|
|
width: fit-content;
|
|
height: 30rpx;
|
|
line-height: 30rpx;
|
|
background-color: #f95d5d;
|
|
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;
|
|
}
|
|
.details-box .tuition .left .number {
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
.details-box .tuition .left .text {
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
}
|
|
.details-box .tuition .right {
|
|
width: 300rpx;
|
|
background-color: #f6f6f6;
|
|
border-radius: 9rpx;
|
|
padding: 24rpx 15rpx;
|
|
min-height: 130rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
.details-box .tuition .right .item {
|
|
font-size: 24rpx;
|
|
justify-content: space-between;
|
|
}
|
|
.details-box .tuition .right .item:not(:last-of-type) {
|
|
margin-bottom: 16.5rpx;
|
|
}
|
|
.details-box .tuition .right .item .key {
|
|
color: #555555;
|
|
}
|
|
.details-box .tuition .right .item .value {
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
font-style: normal;
|
|
color: #000000;
|
|
}
|
|
.details-box .language-bonuses {
|
|
justify-content: space-between;
|
|
margin-left: 36rpx;
|
|
}
|
|
.details-box .language-bonuses .item {
|
|
margin-left: 0;
|
|
font-size: 24rpx;
|
|
padding: 30rpx 0;
|
|
}
|
|
.details-box .language-bonuses .item:first-of-type {
|
|
margin-right: 15rpx;
|
|
}
|
|
.details-box .language-bonuses .item .name {
|
|
text-align: center;
|
|
font-weight: 650;
|
|
color: #000000;
|
|
margin-bottom: 21rpx;
|
|
}
|
|
.details-box .language-bonuses .item .value {
|
|
text-align: center;
|
|
color: #555555;
|
|
}
|
|
.details-box .application-schedule .list {
|
|
padding: 30rpx 0 30rpx;
|
|
}
|
|
.details-box .application-schedule .list .index {
|
|
height: 48rpx;
|
|
background-color: #f6f6f6;
|
|
border-radius: 72rpx;
|
|
margin: 0 22.5rpx 30rpx;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
padding-left: 9rpx;
|
|
}
|
|
.details-box .application-schedule .list .index .sum {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
background-color: #f95d5d;
|
|
border-radius: 33rpx;
|
|
color: #FFFFFF;
|
|
margin-right: 18rpx;
|
|
}
|
|
.details-box .application-schedule .list .time .item {
|
|
font-size: 24rpx;
|
|
}
|
|
.details-box .application-schedule .list .time .item:first-of-type {
|
|
border-right: 1rpx dotted #ebebeb;
|
|
}
|
|
.details-box .application-schedule .list .time .item .name {
|
|
text-align: center;
|
|
font-weight: 650;
|
|
color: #000000;
|
|
margin-bottom: 21rpx;
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
}
|
|
.details-box .application-schedule .list .time .item .value {
|
|
text-align: center;
|
|
color: #555555;
|
|
}
|
|
.details-box .application-schedule .else {
|
|
background-color: #f6f6f6;
|
|
border-radius: 9rpx;
|
|
padding: 19.5rpx 15rpx;
|
|
margin: 30rpx 22.5rpx;
|
|
}
|
|
.details-box .application-schedule .else .item {
|
|
font-size: 24rpx;
|
|
}
|
|
.details-box .application-schedule .else .item:not(:last-of-type) {
|
|
margin-bottom: 12rpx;
|
|
}
|
|
.details-box .application-schedule .else .item .name {
|
|
color: #7F7F7F;
|
|
}
|
|
.details-box .application-schedule .else .item .value {
|
|
color: #333333;
|
|
}
|
|
.details-box .demand {
|
|
padding: 25.5rpx 22.5rpx;
|
|
}
|
|
.details-box .demand .text {
|
|
font-size: 27rpx;
|
|
color: #000000;
|
|
line-height: 51rpx;
|
|
margin-bottom: 30rpx;
|
|
word-break: break-word;
|
|
white-space: pre-line;
|
|
}
|
|
.details-box .demand .title {
|
|
font-weight: 650;
|
|
font-size: 27rpx;
|
|
color: #000000;
|
|
margin-bottom: 15rpx;
|
|
}
|
|
.details-box .demand .hint {
|
|
color: #333333;
|
|
font-size: 24rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.details-box .demand .list .item {
|
|
background-color: #f6f6f6;
|
|
border-radius: 9rpx;
|
|
padding: 19.5rpx 15rpx 19.5rpx 42rpx;
|
|
position: relative;
|
|
font-size: 24rpx;
|
|
}
|
|
.details-box .demand .list .item .triangle {
|
|
position: absolute;
|
|
width: 16.5rpx;
|
|
height: 9rpx;
|
|
transform: rotate(-90deg);
|
|
top: 33rpx;
|
|
left: 15rpx;
|
|
}
|
|
.details-box .demand .list .item:not(:last-of-type) {
|
|
margin-bottom: 15rpx;
|
|
}
|
|
.details-box .demand .list .item .name {
|
|
color: #7F7F7F;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
.details-box .demand .list .item .value {
|
|
color: #333333;
|
|
}
|
|
.details-box .ranking {
|
|
margin-left: 36rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.details-box .ranking .item {
|
|
background-color: #f6f6f6;
|
|
border-radius: 9rpx;
|
|
}
|
|
.details-box .ranking .item:not(:last-of-type) {
|
|
margin-bottom: 15rpx;
|
|
}
|
|
.details-box .ranking .item .rank {
|
|
width: 150rpx;
|
|
background-color: #ffffff;
|
|
border: 1rpx solid #ebebeb;
|
|
border-right: none;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 19.5rpx 0;
|
|
border-radius: 9rpx 0 0 9rpx;
|
|
}
|
|
.details-box .ranking .item .rank .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;
|
|
}
|
|
.details-box .ranking .item .rank .number .triangle {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 7.5rpx;
|
|
height: 15rpx;
|
|
transform: translateX(-50%) rotate(270deg);
|
|
left: 50%;
|
|
bottom: -7rpx;
|
|
}
|
|
.details-box .ranking .item .rank .number.qs {
|
|
background-color: #f7a602;
|
|
}
|
|
.details-box .ranking .item .rank .number.times {
|
|
background: -webkit-linear-gradient(311.63353934deg, #fc392d 0%, #3948ff 135%);
|
|
background: -moz-linear-gradient(138.36646066deg, #fc392d 0%, #3948ff 135%);
|
|
background: linear-gradient(138.36646066deg, #fc392d 0%, #3948ff 135%);
|
|
}
|
|
.details-box .ranking .item .rank .number.usnews {
|
|
background-color: #2456c8;
|
|
}
|
|
.details-box .ranking .item .rank .number.ruanke {
|
|
background-color: #e5122d;
|
|
}
|
|
.details-box .ranking .item .rank .name {
|
|
font-weight: 650;
|
|
color: #000000;
|
|
text-align: center;
|
|
font-size: 27rpx;
|
|
font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
|
|
}
|
|
.details-box .ranking .item .box {
|
|
padding: 19.5rpx 21rpx;
|
|
border: 1rpx solid #ebebeb;
|
|
border-left: none;
|
|
border-radius: 0 9rpx 9rpx 0;
|
|
}
|
|
.details-box .ranking .item .box .itemm {
|
|
font-size: 24rpx;
|
|
}
|
|
.details-box .ranking .item .box .itemm:not(:last-of-type) {
|
|
margin-bottom: 12rpx;
|
|
}
|
|
.details-box .ranking .item .box .itemm .key {
|
|
color: #7F7F7F;
|
|
}
|
|
.details-box .ranking .item .box .itemm .value {
|
|
color: #333333;
|
|
}
|
|
.details-box .pattern {
|
|
padding: 30rpx 0;
|
|
}
|
|
.details-box .pattern .tab {
|
|
width: fit-content;
|
|
height: 60rpx;
|
|
background-color: #edf0f4;
|
|
border: 1rpx solid #ebebeb;
|
|
border-radius: 171rpx;
|
|
margin: 0 auto 45rpx;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
}
|
|
.details-box .pattern .tab .item {
|
|
width: 135rpx;
|
|
height: 100%;
|
|
line-height: 60rpx;
|
|
border-radius: 33rpx;
|
|
}
|
|
.details-box .pattern .tab .item.pitch {
|
|
background-color: #04b0d5;
|
|
color: #FFFFFF;
|
|
}
|
|
.details-box .pattern .introduce {
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.details-box .pattern .introduce .item {
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
}
|
|
.details-box .pattern .introduce .item:not(:last-of-type) {
|
|
border-right: 1rpx dotted #ebebeb;
|
|
}
|
|
.details-box .pattern .introduce .item .value {
|
|
font-weight: 650;
|
|
color: #000000;
|
|
margin-bottom: 19.5rpx;
|
|
}
|
|
.details-box .pattern .introduce .item .name {
|
|
color: #555555;
|
|
}
|
|
.details-box .pattern .list {
|
|
margin: 0 27rpx;
|
|
}
|
|
.details-box .pattern .list .item {
|
|
background-color: #f6f6f6;
|
|
border-radius: 9rpx;
|
|
font-size: 24rpx;
|
|
padding: 19.5rpx 19.5rpx 19.5rpx 42rpx;
|
|
}
|
|
.details-box .pattern .list .item .name {
|
|
color: #7F7F7F;
|
|
margin-bottom: 12rpx;
|
|
position: relative;
|
|
}
|
|
.details-box .pattern .list .item .name::after {
|
|
content: "";
|
|
width: 12rpx;
|
|
height: 12rpx;
|
|
border-radius: 50%;
|
|
border: 3rpx solid #f95d5d;
|
|
position: absolute;
|
|
top: 10.5rpx;
|
|
left: -30rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.details-box .pattern .list .item .value {
|
|
color: #000000;
|
|
}
|
|
.details-box .link {
|
|
padding: 27rpx 22.5rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.details-box .link .title {
|
|
font-size: 27rpx;
|
|
color: #000000;
|
|
line-height: 51rpx;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
.details-box .link .text {
|
|
font-size: 21rpx;
|
|
color: #026277;
|
|
line-height: 36rpx;
|
|
margin-bottom: 60rpx;
|
|
word-break: break-word;
|
|
}
|
|
.details-box .link .btn {
|
|
width: 190.5rpx;
|
|
height: 60rpx;
|
|
background-color: #f6f6f6;
|
|
border: 1rpx solid #d7d7d7;
|
|
border-radius: 172.5rpx;
|
|
font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
align-self: flex-end;
|
|
}
|
|
.details-box .link .btn .icon {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-right: 10rpx;
|
|
}
|
|
.details-box .pdf {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 60rpx 0;
|
|
}
|
|
.details-box .pdf .icon {
|
|
width: 195rpx;
|
|
height: 195rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.details-box .pdf .title {
|
|
font-weight: 650;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
margin-bottom: 15rpx;
|
|
}
|
|
.details-box .pdf .name {
|
|
font-size: 21rpx;
|
|
color: #7F7F7F;
|
|
margin-bottom: 43.5rpx;
|
|
width: 500rpx;
|
|
word-break: break-all;
|
|
}
|
|
.details-box .pdf .btn {
|
|
width: 190.5rpx;
|
|
height: 60rpx;
|
|
background-color: #04b0d5;
|
|
border-radius: 172.5rpx;
|
|
font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
|
|
font-weight: 650;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
.details-box .degree {
|
|
padding-top: 24rpx;
|
|
padding-bottom: 36rpx;
|
|
text-align: center;
|
|
}
|
|
.details-box .degree .title {
|
|
position: relative;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
z-index: 1;
|
|
width: 154.5rpx;
|
|
height: 45rpx;
|
|
margin: 0 auto 24rpx;
|
|
}
|
|
.details-box .degree .title .icon {
|
|
width: 154.5rpx;
|
|
height: 45rpx;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
}
|
|
.details-box .degree .name {
|
|
font-size: 27rpx;
|
|
color: #000000;
|
|
line-height: 51rpx;
|
|
margin-bottom: 15rpx;
|
|
padding: 0 10rpx;
|
|
}
|
|
.details-box .degree .english {
|
|
font-size: 21rpx;
|
|
color: #7F7F7F;
|
|
padding: 0 10rpx;
|
|
}
|
|
.details-box .issue-bj {
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
.details-box .issue-bj .issue {
|
|
font-size: 27rpx;
|
|
padding: 0 16.5rpx;
|
|
position: relative;
|
|
}
|
|
.details-box .issue-bj .issue .title {
|
|
padding: 30rpx 0 30rpx 45rpx;
|
|
font-weight: 650;
|
|
color: #000000;
|
|
border-bottom: 1rpx solid #ebebeb;
|
|
}
|
|
.details-box .issue-bj .issue .text {
|
|
color: #555555;
|
|
line-height: 51rpx;
|
|
padding: 22.5rpx 0;
|
|
}
|
|
.details-box .issue-bj .issue .index {
|
|
width: 54rpx;
|
|
height: 39rpx;
|
|
background-color: #f95d5d;
|
|
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;
|
|
}
|
|
.details-box .issue-bj .issue .index-bj {
|
|
width: 40.5rpx;
|
|
height: 36rpx;
|
|
position: absolute;
|
|
top: 48rpx;
|
|
left: -7.5rpx;
|
|
z-index: -1;
|
|
}
|
|
.details-box .course {
|
|
position: relative;
|
|
}
|
|
.details-box .course .icon {
|
|
width: 24rpx;
|
|
height: 13.5rpx;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.details-box .course .title {
|
|
font-weight: 650;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
text-align: center;
|
|
padding-top: 25.5rpx;
|
|
padding-bottom: 16.5rpx;
|
|
}
|
|
.details-box .course .hint {
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
text-align: center;
|
|
line-height: 33rpx;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
.details-box .course .table-head {
|
|
border-top: 1rpx solid #ebebeb;
|
|
border-bottom: 1rpx solid #ebebeb;
|
|
height: 60rpx;
|
|
background-color: #f6f6f6;
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
}
|
|
.details-box .course .table-head .item {
|
|
height: 100%;
|
|
text-align: center;
|
|
line-height: 60rpx;
|
|
}
|
|
.details-box .course .table-head .item:not(:last-of-type) {
|
|
border-right: 1rpx solid #ebebeb;
|
|
}
|
|
.details-box .course .table-head .item.number {
|
|
width: 112.5rpx;
|
|
}
|
|
.details-box .course .table-head .item.credit {
|
|
width: 67.5rpx;
|
|
}
|
|
.details-box .course .table-body {
|
|
text-align: center;
|
|
}
|
|
.details-box .course .table-body .list {
|
|
display: grid;
|
|
grid-template-columns: 112.5rpx 384rpx 67.5rpx;
|
|
}
|
|
.details-box .course .table-body .list:not(:last-of-type) {
|
|
border-bottom: 1rpx solid #ebebeb;
|
|
}
|
|
.details-box .course .table-body .list .item {
|
|
height: 100%;
|
|
padding: 12.75rpx 0;
|
|
}
|
|
.details-box .course .table-body .list .item:not(:last-of-type) {
|
|
border-right: 1rpx solid #ebebeb;
|
|
}
|
|
.details-box .course .table-body .list .item.number {
|
|
font-size: 21rpx;
|
|
color: #333333;
|
|
padding-left: 10rpx;
|
|
padding-right: 10rpx;
|
|
word-break: break-word;
|
|
}
|
|
.details-box .course .table-body .list .item.credit {
|
|
font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
|
|
font-weight: 900;
|
|
font-size: 24rpx;
|
|
color: #000000;
|
|
}
|
|
.details-box .course .table-body .list .item.name {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: left;
|
|
}
|
|
.details-box .course .table-body .list .item.name .text {
|
|
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
|
|
color: #000000;
|
|
font-size: 24rpx;
|
|
padding: 0 12.75rpx;
|
|
}
|
|
.details-box .course .table-body .list .item.name .english {
|
|
font-family: 'ArialMT', 'Arial', sans-serif;
|
|
color: #AAAAAA;
|
|
font-size: 21rpx;
|
|
padding: 0 12.75rpx;
|
|
}
|
|
.details-box .admission-box {
|
|
background: -webkit-linear-gradient(147.71464774deg, #cff7ff -12%, #eff0d1 45%, #cff7ff 115%);
|
|
background: -moz-linear-gradient(-57.71464774deg, #cff7ff -12%, #eff0d1 45%, #cff7ff 115%);
|
|
background: linear-gradient(-57.71464774deg, #cff7ff -12%, #eff0d1 45%, #cff7ff 115%);
|
|
border-radius: 30rpx;
|
|
padding: 27rpx 15rpx 15rpx;
|
|
margin-top: 30rpx;
|
|
margin-bottom: 30rpx;
|
|
border-bottom: 1rpx dotted #ebebeb;
|
|
}
|
|
.details-box .admission-box .head {
|
|
margin-bottom: 21rpx;
|
|
}
|
|
.details-box .admission-box .head .icon {
|
|
width: 153rpx;
|
|
height: 48rpx;
|
|
margin-right: 19.5rpx;
|
|
}
|
|
.details-box .admission-box .head .text {
|
|
width: 195rpx;
|
|
height: 45rpx;
|
|
background-color: #026277;
|
|
border-radius: 9rpx;
|
|
position: relative;
|
|
font-size: 22.5rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
.details-box .admission-box .head .text .triangle {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: -9rpx;
|
|
transform: translateY(-50%);
|
|
width: 9rpx;
|
|
height: 16.5rpx;
|
|
}
|
|
.details-box .admission-box .content {
|
|
background-color: rgba(255, 255, 255, 0.69803922);
|
|
border-radius: 18rpx;
|
|
padding: 15rpx;
|
|
}
|
|
.details-box .admission-box .content .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;
|
|
}
|
|
.details-box .admission-box .content .more {
|
|
font-size: 22.5rpx;
|
|
color: #7F7F7F;
|
|
}
|
|
.details-box .admission-box .content .more .icon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-left: 6rpx;
|
|
transform: rotate(-90deg);
|
|
}
|
|
.details-box .upglide {
|
|
font-size: 21rpx;
|
|
color: #AAAAAA;
|
|
padding: 60rpx 0;
|
|
}
|
|
.details-box .consult-list {
|
|
margin-left: 36rpx;
|
|
}
|
|
.details-box .consult-list .consult-item {
|
|
margin-bottom: 30rpx;
|
|
width: 567rpx;
|
|
background-color: #ffffff;
|
|
border: 1rpx solid #ebebeb;
|
|
border-radius: 18rpx;
|
|
padding: 33rpx 18rpx 30rpx 31.5rpx;
|
|
}
|
|
.details-box .consult-list .consult-item .school {
|
|
font-weight: 650;
|
|
font-style: normal;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
margin-bottom: 37.5rpx;
|
|
}
|
|
.details-box .consult-list .consult-item .school .img {
|
|
width: 48rpx;
|
|
height: 42rpx;
|
|
margin-right: 10rpx;
|
|
}
|
|
.details-box .consult-list .consult-item .info-item {
|
|
font-size: 24rpx;
|
|
color: #7F7F7F;
|
|
margin-bottom: 18rpx;
|
|
}
|
|
.details-box .consult-list .consult-item .info-item .info-major {
|
|
font-size: 27rpx;
|
|
color: #333333;
|
|
margin-right: 25.5rpx;
|
|
}
|
|
.details-box .consult-list .consult-item .info-item .line-between {
|
|
margin: 0 14rpx;
|
|
background-color: #d7d7d7;
|
|
height: 22rpx;
|
|
width: 2rpx;
|
|
}
|
|
.details-box .consult-list .consult-item .info-item .info-item-results {
|
|
padding: 0 13.5rpx;
|
|
height: 33rpx;
|
|
background-color: #f6f6f6;
|
|
border-radius: 55.5rpx;
|
|
font-size: 23rpx;
|
|
color: #72DB86;
|
|
font-family: 'ArialMT', 'Arial', sans-serif;
|
|
}
|
|
.details-box .consult-list .consult-item .info-xiaobox {
|
|
height: 69rpx;
|
|
background-color: #fbfbfb;
|
|
border-radius: 15rpx;
|
|
padding: 0 16.5rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.details-box .consult-list .consult-item .info-xiaobox .info-content {
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
line-height: 39rpx;
|
|
}
|
|
.details-box .consult-list .consult-item .bottom {
|
|
justify-content: space-between;
|
|
}
|
|
.details-box .consult-list .consult-item .bottom .bottom-left {
|
|
font-size: 22.5rpx;
|
|
color: #AAAAAA;
|
|
}
|
|
.details-box .consult-list .consult-item .bottom .bottom-left .bottom-avatar {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
border-radius: 50%;
|
|
margin-right: 18rpx;
|
|
}
|
|
.bottom-base {
|
|
width: 100vw;
|
|
position: fixed;
|
|
bottom: 0;
|
|
border-top: 1rpx solid #ebebeb;
|
|
z-index: 1;
|
|
background: #ffffff;
|
|
}
|
|
.bottom-base .left {
|
|
width: 180rpx;
|
|
height: 148.5rpx;
|
|
background-color: #fbfbfb;
|
|
border-right: 1rpx solid #ebebeb;
|
|
font-size: 24rpx;
|
|
color: #000000;
|
|
}
|
|
.bottom-base .left .icon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-left: 10rpx;
|
|
}
|
|
.bottom-base .right {
|
|
padding-left: 46.5rpx;
|
|
padding-right: 24rpx;
|
|
justify-content: space-between;
|
|
}
|
|
.bottom-base .right .btn {
|
|
height: 72rpx;
|
|
background-color: #cff7ff;
|
|
border: 1rpx solid #badee6;
|
|
border-radius: 237rpx;
|
|
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07058824);
|
|
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07058824);
|
|
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07058824);
|
|
font-size: 24rpx;
|
|
color: #026277;
|
|
flex: 1;
|
|
margin-right: 22.5rpx;
|
|
}
|
|
.bottom-base .right .btn .icon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-right: 12rpx;
|
|
}
|
|
.bottom-base .right .remark {
|
|
width: 315rpx;
|
|
height: 72rpx;
|
|
background-color: #f6f6f6;
|
|
border: 1rpx solid #ebebeb;
|
|
border-radius: 312rpx;
|
|
padding: 0 24rpx;
|
|
}
|
|
.bottom-base .right .remark .icon {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-right: 15rpx;
|
|
}
|
|
.bottom-base .right .remark .text {
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
width: 217.5rpx;
|
|
}
|
|
.bottom-base .right .remark .text.placeholder {
|
|
color: #AAAAAA;
|
|
}
|
|
.bottom-base .right .state-mask {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
z-index: 1;
|
|
}
|
|
.bottom-base .right .state {
|
|
width: 171rpx;
|
|
height: 117rpx;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.bottom-base .right .state .state-box {
|
|
border-radius: 12rpx;
|
|
position: absolute;
|
|
bottom: 0;
|
|
border: 1rpx solid transparent;
|
|
transition: all 0.3s;
|
|
}
|
|
.bottom-base .right .state .state-box.show {
|
|
background-color: #f5fcfd;
|
|
border: 1rpx solid #f2f2f2;
|
|
-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);
|
|
}
|
|
.bottom-base .right .state .state-box.show .state-list {
|
|
height: 313.5rpx;
|
|
border-bottom-color: #d7d7d7;
|
|
}
|
|
.bottom-base .right .state .state-box.show .delete {
|
|
padding: 31.5rpx 0;
|
|
height: 111rpx;
|
|
border-bottom-color: #d7d7d7;
|
|
}
|
|
.bottom-base .right .state .state-box.undetermined .state-pitch {
|
|
background-color: #f95d5d;
|
|
}
|
|
.bottom-base .right .state .state-box.undetermined .state-list .state-item.pitch {
|
|
color: #F95D5D;
|
|
}
|
|
.bottom-base .right .state .state-box .state-pitch {
|
|
width: 135rpx;
|
|
height: 72rpx;
|
|
background-color: #04b0d5;
|
|
border-radius: 52.5rpx;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
margin: 22.5rpx 18rpx;
|
|
}
|
|
.bottom-base .right .state .state-box .state-pitch .icon {
|
|
width: 16.5rpx;
|
|
height: 9rpx;
|
|
margin-left: 8rpx;
|
|
}
|
|
.bottom-base .right .state .state-box .state-list {
|
|
padding: 0 22.5rpx 13.5rpx;
|
|
border-bottom: 1rpx dotted transparent;
|
|
height: 0;
|
|
overflow: hidden;
|
|
transition: all 0.3s;
|
|
}
|
|
.bottom-base .right .state .state-box .state-list .state-item {
|
|
height: 75rpx;
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
}
|
|
.bottom-base .right .state .state-box .state-list .state-item.pitch {
|
|
color: #04B0D5;
|
|
}
|
|
.bottom-base .right .state .state-box .delete {
|
|
height: 0;
|
|
overflow: hidden;
|
|
border-bottom: 1rpx dotted transparent;
|
|
transition: all 0.3s;
|
|
}
|
|
.bottom-base .right .state .state-box .delete .delete-btn {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
background-color: #f2f2f2;
|
|
border-radius: 50%;
|
|
}
|
|
.bottom-base .right .state .state-box .delete .delete-btn .icon {
|
|
width: 21rpx;
|
|
height: 22.5rpx;
|
|
}
|
|
.bottom-base .right .btns .item {
|
|
background-color: #cff7ff;
|
|
border: 1rpx solid #badee6;
|
|
border-radius: 237rpx;
|
|
height: 60rpx;
|
|
font-size: 24rpx;
|
|
color: #026277;
|
|
}
|
|
.bottom-base .right .btns .item .icon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-right: 6rpx;
|
|
}
|
|
.bottom-base .right .btns .item:first-of-type {
|
|
margin-right: 24rpx;
|
|
}
|
|
.bottom-base .right .btns .item.already {
|
|
background-color: #f6f6f6;
|
|
border-color: #ebebeb;
|
|
color: #AAAAAA;
|
|
}
|
|
.admission-pop {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background-color: rgba(0, 0, 0, 0.70588235);
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
.admission-pop .admission-box {
|
|
width: 100vw;
|
|
background: -webkit-linear-gradient(114.93537328deg, #cff7ff -13%, #eff0d1 52%, #cff7ff 132%);
|
|
background: -moz-linear-gradient(-24.93537328deg, #cff7ff -13%, #eff0d1 52%, #cff7ff 132%);
|
|
background: linear-gradient(-24.93537328deg, #cff7ff -13%, #eff0d1 52%, #cff7ff 132%);
|
|
border-radius: 45rpx 45rpx 0 0;
|
|
padding-bottom: 50rpx;
|
|
}
|
|
.admission-pop .admission-box .head {
|
|
margin-bottom: 42rpx;
|
|
padding-top: 42rpx;
|
|
}
|
|
.admission-pop .admission-box .head .icon {
|
|
width: 277.5rpx;
|
|
height: 40px;
|
|
margin-right: 22.5rpx;
|
|
}
|
|
.admission-pop .admission-box .head .text {
|
|
width: 234rpx;
|
|
height: 54rpx;
|
|
font-size: 27rpx;
|
|
background-color: #026277;
|
|
border-radius: 9rpx;
|
|
position: relative;
|
|
color: #FFFFFF;
|
|
}
|
|
.admission-pop .admission-box .head .text .triangle {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: -9rpx;
|
|
transform: translateY(-50%);
|
|
width: 9rpx;
|
|
height: 16.5rpx;
|
|
}
|
|
.admission-pop .admission-box .content {
|
|
background-color: rgba(255, 255, 255, 0.69803922);
|
|
border-radius: 18rpx;
|
|
margin: 0 30rpx 35rpx;
|
|
border-radius: 12rpx;
|
|
position: relative;
|
|
}
|
|
.admission-pop .admission-box .content .swiper {
|
|
height: 558rpx;
|
|
}
|
|
.admission-pop .admission-box .content .swiper .swiper-item .item {
|
|
padding-left: 30rpx;
|
|
padding-bottom: 30rpx;
|
|
position: relative;
|
|
}
|
|
.admission-pop .admission-box .content .swiper .swiper-item .item::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: calc(100% - 120rpx);
|
|
height: 1rpx;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.admission-pop .admission-box .content .swiper .swiper-item .item:not(:last-of-type)::after {
|
|
border-bottom: 1rpx dotted #ebebeb;
|
|
}
|
|
.admission-pop .admission-box .content .swiper .swiper-item .item .icon-box {
|
|
width: 60rpx;
|
|
margin-top: 30rpx;
|
|
margin-right: 30rpx;
|
|
}
|
|
.admission-pop .admission-box .content .swiper .swiper-item .item .icon {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
}
|
|
.admission-pop .admission-box .content .swiper .swiper-item .item .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;
|
|
}
|
|
.admission-pop .admission-box .content .point {
|
|
padding-bottom: 36rpx;
|
|
}
|
|
.admission-pop .admission-box .content .point .item {
|
|
width: 15rpx;
|
|
height: 6rpx;
|
|
background-color: #d7d7d7;
|
|
border-radius: 30rpx;
|
|
}
|
|
.admission-pop .admission-box .content .point .item.pitch {
|
|
background-color: #fa6b11;
|
|
}
|
|
.admission-pop .admission-box .content .point .item:not(:last-of-type) {
|
|
margin-right: 6rpx;
|
|
}
|
|
.admission-pop .admission-box .content .triangle {
|
|
width: 24rpx;
|
|
height: 12rpx;
|
|
position: absolute;
|
|
bottom: -12rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%) rotate(180deg);
|
|
}
|
|
.admission-pop .admission-box .word {
|
|
margin-bottom: 19.5rpx;
|
|
}
|
|
.admission-pop .admission-box .word .item {
|
|
width: 63rpx;
|
|
height: 40.5rpx;
|
|
padding: 0 16.5rpx;
|
|
}
|
|
.admission-pop .admission-box .word .item:not(:last-of-type) {
|
|
border-right: 1rpx solid #aaaaaa;
|
|
}
|
|
.admission-pop .admission-box .hint {
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
line-height: 39rpx;
|
|
color: #333333;
|
|
margin-bottom: 19.5rpx;
|
|
}
|
|
.admission-pop .admission-box .QR-code {
|
|
width: 210rpx;
|
|
height: 210rpx;
|
|
background-color: #ffffff;
|
|
border-radius: 12rpx;
|
|
margin: 0 auto;
|
|
}
|
|
.admission-pop .admission-box .QR-code .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;
|
|
}
|
|
.admissionState.state2 {
|
|
background-color: #bec105;
|
|
}
|
|
.admissionState.state3 {
|
|
background-color: #04b0d5;
|
|
}
|
|
.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-mask .remark {
|
|
width: 100vw;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
.remark-mask .remark .remark-input {
|
|
width: 100%;
|
|
min-height: 81rpx;
|
|
font-size: 27rpx;
|
|
background-color: #ffffff;
|
|
padding: 30rpx 27rpx 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.remark-mask .remark .remark-bottom {
|
|
justify-content: flex-end;
|
|
padding: 10rpx 27rpx 21rpx;
|
|
background-color: #fff;
|
|
}
|
|
.remark-mask .remark .remark-bottom .remark-limit {
|
|
font-size: 21rpx;
|
|
color: #aaaaaa;
|
|
margin-right: 16rpx;
|
|
}
|
|
.remark-mask .remark .remark-bottom .remark-btn {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
background-color: #cff7ff;
|
|
border: 1rpx solid #badee6;
|
|
border-radius: 50%;
|
|
}
|
|
.remark-mask .remark .remark-bottom .remark-btn .remark-icon {
|
|
width: 24rpx;
|
|
height: 25.5rpx;
|
|
}
|
|
.index-sidebar {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|