no message
This commit is contained in:
A1300399510
commit
df39bcc9b3
11
img/25fall.svg
Normal file
11
img/25fall.svg
Normal file
File diff suppressed because one or more lines are too long
6
img/add-xiao.svg
Normal file
6
img/add-xiao.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="10px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -10 -11 )">
|
||||
<path d="M 9.80113636363636 3.83522727272727 C 9.93371212121212 3.96780303030303 10 4.12878787878788 10 4.31818181818182 L 10 5.68181818181818 C 10 5.87121212121212 9.93371212121212 6.03219696969697 9.80113636363636 6.16477272727273 C 9.66856060606061 6.29734848484848 9.50757575757576 6.36363636363636 9.31818181818182 6.36363636363636 L 6.36363636363636 6.36363636363636 L 6.36363636363636 9.31818181818182 C 6.36363636363636 9.50757575757576 6.29734848484849 9.66856060606061 6.16477272727273 9.80113636363636 C 6.03219696969697 9.93371212121212 5.87121212121212 10 5.68181818181818 10 L 4.31818181818182 10 C 4.12878787878788 10 3.96780303030303 9.93371212121212 3.83522727272727 9.80113636363636 C 3.70265151515152 9.66856060606061 3.63636363636364 9.50757575757576 3.63636363636364 9.31818181818182 L 3.63636363636364 6.36363636363636 L 0.681818181818182 6.36363636363636 C 0.492424242424242 6.36363636363636 0.331439393939394 6.29734848484848 0.198863636363636 6.16477272727273 C 0.0662878787878788 6.03219696969697 0 5.87121212121212 0 5.68181818181818 L 0 4.31818181818182 C 0 4.12878787878788 0.0662878787878788 3.96780303030303 0.198863636363636 3.83522727272727 C 0.331439393939394 3.70265151515151 0.492424242424242 3.63636363636364 0.681818181818182 3.63636363636364 L 3.63636363636364 3.63636363636364 L 3.63636363636364 0.681818181818182 C 3.63636363636364 0.492424242424242 3.70265151515152 0.331439393939393 3.83522727272727 0.198863636363636 C 3.96780303030303 0.0662878787878785 4.12878787878788 0 4.31818181818182 0 L 5.68181818181818 0 C 5.87121212121212 0 6.03219696969697 0.0662878787878785 6.16477272727273 0.198863636363636 C 6.29734848484849 0.331439393939393 6.36363636363636 0.492424242424242 6.36363636363636 0.681818181818182 L 6.36363636363636 3.63636363636364 L 9.31818181818182 3.63636363636364 C 9.50757575757576 3.63636363636364 9.66856060606061 3.70265151515151 9.80113636363636 3.83522727272727 Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 10 11 )" />
|
||||
</g>
|
||||
</svg>
|
||||
BIN
img/admission-icon.png
Normal file
BIN
img/admission-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
BIN
img/arrows-icon.png
Normal file
BIN
img/arrows-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
img/arrows-long-icon.png
Normal file
BIN
img/arrows-long-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 430 B |
6
img/arrows-triangle-blue.svg
Normal file
6
img/arrows-triangle-blue.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="7px" height="12px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -983 -1417 )">
|
||||
<path d="M 6.76909722222222 5.47265625 C 6.92303240740741 5.62109375 7 5.796875 7 6 C 7 6.203125 6.92303240740741 6.37890625 6.76909722222222 6.52734375 L 1.32465277777778 11.77734375 C 1.17071759259259 11.92578125 0.988425925925926 12 0.777777777777778 12 C 0.56712962962963 12 0.384837962962963 11.92578125 0.230902777777778 11.77734375 C 0.0769675925925926 11.62890625 0 11.453125 0 11.25 L 0 0.75 C 0 0.546874999999998 0.0769675925925926 0.371093749999998 0.230902777777778 0.22265625 C 0.384837962962963 0.0742187499999991 0.56712962962963 0 0.777777777777778 0 C 0.988425925925926 0 1.17071759259259 0.0742187499999991 1.32465277777778 0.22265625 L 6.76909722222222 5.47265625 Z " fill-rule="nonzero" fill="#026378" stroke="none" transform="matrix(1 0 0 1 983 1417 )" />
|
||||
</g>
|
||||
</svg>
|
||||
6
img/arrows-triangle-gray.svg
Normal file
6
img/arrows-triangle-gray.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="7px" height="12px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -931 -1417 )">
|
||||
<path d="M 6.76909722222222 0.22265625 C 6.92303240740741 0.371093749999998 7 0.546874999999998 7 0.75 L 7 11.25 C 7 11.453125 6.92303240740741 11.62890625 6.76909722222222 11.77734375 C 6.61516203703704 11.92578125 6.43287037037037 12 6.22222222222222 12 C 6.01157407407407 12 5.82928240740741 11.92578125 5.67534722222222 11.77734375 L 0.230902777777778 6.52734375 C 0.0769675925925927 6.37890625 0 6.203125 0 6 C 0 5.796875 0.0769675925925927 5.62109375 0.230902777777778 5.47265625 L 5.67534722222222 0.22265625 C 5.82928240740741 0.0742187499999991 6.01157407407407 0 6.22222222222222 0 C 6.43287037037037 0 6.61516203703704 0.0742187499999991 6.76909722222222 0.22265625 Z " fill-rule="nonzero" fill="#d7d7d7" stroke="none" transform="matrix(1 0 0 1 931 1417 )" />
|
||||
</g>
|
||||
</svg>
|
||||
BIN
img/contrast-icon.png
Normal file
BIN
img/contrast-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
11
img/header-bj.svg
Normal file
11
img/header-bj.svg
Normal file
File diff suppressed because one or more lines are too long
BIN
img/index-icon.png
Normal file
BIN
img/index-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
img/school-icon.png
Normal file
BIN
img/school-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
6
img/search-icon.svg
Normal file
6
img/search-icon.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="22px" height="22px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -980 -221 )">
|
||||
<path d="M 13.4921875 13.4921875 C 14.6512419871795 12.3331330128205 15.2307692307692 10.9383012820513 15.2307692307692 9.30769230769231 C 15.2307692307692 7.67708333333333 14.6512419871795 6.2822516025641 13.4921875 5.12319711538461 C 12.3331330128205 3.96414262820513 10.9383012820513 3.38461538461539 9.30769230769231 3.38461538461539 C 7.67708333333333 3.38461538461539 6.2822516025641 3.96414262820513 5.12319711538461 5.12319711538461 C 3.96414262820513 6.2822516025641 3.38461538461539 7.67708333333333 3.38461538461539 9.30769230769231 C 3.38461538461539 10.9383012820513 3.96414262820513 12.3331330128205 5.12319711538461 13.4921875 C 6.2822516025641 14.6512419871795 7.67708333333333 15.2307692307692 9.30769230769231 15.2307692307692 C 10.9383012820513 15.2307692307692 12.3331330128205 14.6512419871795 13.4921875 13.4921875 Z M 21.5108173076923 19.1177884615385 C 21.8369391025641 19.4439102564103 22 19.8405448717949 22 20.3076923076923 C 22 20.7660256410256 21.8325320512821 21.1626602564103 21.4975961538462 21.4975961538462 C 21.1626602564103 21.8325320512821 20.7660256410256 22 20.3076923076923 22 C 19.8317307692308 22 19.4350961538462 21.8325320512821 19.1177884615385 21.4975961538462 L 14.5829326923077 16.9759615384615 C 13.0052083333333 18.0689102564103 11.2467948717949 18.6153846153846 9.30769230769231 18.6153846153846 C 8.04727564102564 18.6153846153846 6.84194711538461 18.3707932692308 5.69170673076923 17.8816105769231 C 4.54146634615385 17.3924278846154 3.54987980769231 16.7313701923077 2.71694711538462 15.8984375 C 1.88401442307692 15.0655048076923 1.22295673076923 14.0739182692308 0.733774038461538 12.9236778846154 C 0.244591346153846 11.7734375 0 10.568108974359 0 9.30769230769231 C 0 8.04727564102564 0.244591346153846 6.84194711538461 0.733774038461538 5.69170673076923 C 1.22295673076923 4.54146634615385 1.88401442307692 3.54987980769231 2.71694711538462 2.71694711538461 C 3.54987980769231 1.88401442307692 4.54146634615385 1.22295673076923 5.69170673076923 0.733774038461539 C 6.84194711538461 0.244591346153846 8.04727564102564 0 9.30769230769231 0 C 10.568108974359 0 11.7734375 0.244591346153846 12.9236778846154 0.733774038461539 C 14.0739182692308 1.22295673076923 15.0655048076923 1.88401442307692 15.8984375 2.71694711538461 C 16.7313701923077 3.54987980769231 17.3924278846154 4.54146634615385 17.8816105769231 5.69170673076923 C 18.3707932692308 6.84194711538461 18.6153846153846 8.04727564102564 18.6153846153846 9.30769230769231 C 18.6153846153846 11.2467948717949 18.0689102564103 13.0052083333333 16.9759615384615 14.5829326923077 L 21.5108173076923 19.1177884615385 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 980 221 )" />
|
||||
</g>
|
||||
</svg>
|
||||
BIN
img/subject-icon.png
Normal file
BIN
img/subject-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
img/trade-icon.png
Normal file
BIN
img/trade-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
405
index/index.css
Normal file
405
index/index.css
Normal file
@ -0,0 +1,405 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.flexflex {
|
||||
display: flex;
|
||||
}
|
||||
.flexcenter {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.flexjcenter {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.flexacenter {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.flex1 {
|
||||
flex: 1;
|
||||
}
|
||||
.flexcolumn {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
body {
|
||||
background-color: #eef2f5;
|
||||
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
|
||||
}
|
||||
.main {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.main .index-icon {
|
||||
width: 184px;
|
||||
height: 42px;
|
||||
margin-top: 37px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.main .header-box {
|
||||
width: 100%;
|
||||
height: 130px;
|
||||
padding: 0 50px;
|
||||
border-radius: 12px;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.main .header-box:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 12px;
|
||||
background-image: linear-gradient(to right, rgba(60, 26, 94, 0.717647), rgba(53, 60, 90, 0.886275));
|
||||
z-index: -1;
|
||||
}
|
||||
.main .header-box .bj {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -2;
|
||||
}
|
||||
.main .header-box .search {
|
||||
width: 610px;
|
||||
height: 48px;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
border-radius: 183px;
|
||||
padding: 0 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.main .header-box .search .input {
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
background-color: transparent;
|
||||
color: #ffffff;
|
||||
}
|
||||
.main .header-box .search .search-icon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
.main .header-box .btn .item {
|
||||
width: 160px;
|
||||
height: 40px;
|
||||
background: -webkit-linear-gradient(194.03624347deg, #dbe3fd 0%, #eef7f5 100%);
|
||||
background: -moz-linear-gradient(255.96375653deg, #dbe3fd 0%, #eef7f5 100%);
|
||||
background: linear-gradient(255.96375653deg, #dbe3fd 0%, #eef7f5 100%);
|
||||
border-radius: 70px;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
cursor: pointer;
|
||||
}
|
||||
.main .header-box .btn .item .icon {
|
||||
height: 22px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.main .screen {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.main .screen .block {
|
||||
background-color: #ffffff;
|
||||
border-radius: 12px;
|
||||
padding: 24px 34px 32px;
|
||||
}
|
||||
.main .screen .block .title {
|
||||
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
.main .screen .block .title .icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.main .screen .block .title .icon .img {
|
||||
width: 24px;
|
||||
}
|
||||
.main .screen .block .list .item {
|
||||
width: fit-content;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
background-color: #fbfbfb;
|
||||
border: 1px solid #ebebeb;
|
||||
border-radius: 12px;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
}
|
||||
.main .screen .block.school {
|
||||
width: 500px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.main .screen .block.school .title .icon {
|
||||
background-color: #d5f1f7;
|
||||
}
|
||||
.main .screen .block.school .list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 10px;
|
||||
}
|
||||
.main .screen .block.school .list .item {
|
||||
width: 78px;
|
||||
}
|
||||
.main .screen .block.subject {
|
||||
padding-bottom: 22px;
|
||||
}
|
||||
.main .screen .block.subject .title .icon {
|
||||
background-color: #fdefbc;
|
||||
}
|
||||
.main .screen .block.subject .list {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.main .screen .block.subject .list .item {
|
||||
padding: 0 17px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.main .fate {
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 12px;
|
||||
margin-bottom: 20px;
|
||||
padding: 31px 37px 10px;
|
||||
}
|
||||
.main .fate .title {
|
||||
justify-content: space-between;
|
||||
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.main .fate .title .btn {
|
||||
font-weight: 400;
|
||||
color: #555555;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.main .fate .title .btn .icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.main .fate .list {
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.main .fate .list .item {
|
||||
width: 530px;
|
||||
margin-left: 20px;
|
||||
padding-top: 22px;
|
||||
padding-bottom: 22px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.main .fate .list .item:not(:nth-last-child(-n + 2)) {
|
||||
border-bottom: 1px dotted #ebebeb;
|
||||
}
|
||||
.main .fate .list .item .left .name {
|
||||
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
margin-bottom: 6px;
|
||||
position: relative;
|
||||
}
|
||||
.main .fate .list .item .left .name::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -20px;
|
||||
transform: translateY(-50%);
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #d7d7d7;
|
||||
border-radius: 39px;
|
||||
}
|
||||
.main .fate .list .item .left .message {
|
||||
color: #7f7f7f;
|
||||
font-size: 14px;
|
||||
}
|
||||
.main .fate .list .item .left .message .virgule {
|
||||
color: #d7d7d7;
|
||||
}
|
||||
.main .fate .list .item .btn {
|
||||
width: 110px;
|
||||
height: 32px;
|
||||
background: -webkit-linear-gradient(196.2201937deg, #dbe3fd 0%, #eef7f5 100%);
|
||||
background: -moz-linear-gradient(253.7798063deg, #dbe3fd 0%, #eef7f5 100%);
|
||||
background: linear-gradient(253.7798063deg, #dbe3fd 0%, #eef7f5 100%);
|
||||
border-radius: 61px;
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
cursor: pointer;
|
||||
}
|
||||
.main .fate .list .item .btn .add {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #dbe3fd;
|
||||
border-radius: 20px;
|
||||
margin: 0 3px;
|
||||
}
|
||||
.main .fate .list .item .btn .add .icon {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
.main .recruit {
|
||||
width: 100%;
|
||||
height: 502px;
|
||||
background: linear-gradient(-36.49404556deg, #cfe0f9 -23%, #f1f2df 39%, #eef7f5 114%);
|
||||
border: 1px solid #ebebeb;
|
||||
border-radius: 16px;
|
||||
padding: 24px 30px 24px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.main .recruit .title {
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.main .recruit .title .img {
|
||||
width: 100px;
|
||||
height: 26px;
|
||||
}
|
||||
.main .recruit .title .btn {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
cursor: pointer;
|
||||
}
|
||||
.main .recruit .title .btn .icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-left: 7px;
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
.main .recruit .list {
|
||||
overflow: hidden;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.main .recruit .list .list-item {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 10px;
|
||||
}
|
||||
.main .recruit .list .item {
|
||||
width: 565px;
|
||||
height: 180px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #ebebeb;
|
||||
border-radius: 12px;
|
||||
padding: 25px 24px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.main .recruit .list .item .avatar {
|
||||
width: 32px;
|
||||
object-fit: contain;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.main .recruit .list .item .info .school {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.main .recruit .list .item .info .name {
|
||||
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.main .recruit .list .item .info .name-en {
|
||||
font-size: 14px;
|
||||
color: #7f7f7f;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.main .recruit .list .item .info .aq {
|
||||
width: 477px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
background-color: #f9f8f8;
|
||||
border-radius: 3px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.main .recruit .list .item .info .aq .text {
|
||||
font-size: 14px;
|
||||
color: #e4c762;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.main .recruit .list .item .info .aq .value {
|
||||
font-size: 15px;
|
||||
color: #333333;
|
||||
}
|
||||
.main .recruit .list .item .info .aq .icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.main .recruit .indicate {
|
||||
line-height: 12px;
|
||||
}
|
||||
.main .recruit .indicate .icon {
|
||||
width: 7px;
|
||||
height: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.main .recruit .indicate .text {
|
||||
color: #555555;
|
||||
font-size: 13px;
|
||||
margin: 0 12px;
|
||||
}
|
||||
.main .data .fall {
|
||||
width: 285px;
|
||||
display: block;
|
||||
}
|
||||
.main .data .item {
|
||||
width: 285px;
|
||||
height: 332px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #ebebeb;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.main .data .item .school {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
.main .data .item .school .img {
|
||||
height: 20px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.main .data .item .name {
|
||||
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-style: normal;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
}
|
||||
.main .data .item .name-en {
|
||||
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
color: #555555;
|
||||
}
|
||||
.main .data .item .introduce {
|
||||
color: #555555;
|
||||
font-size: 14px;
|
||||
}
|
||||
.main .data .item .introduce .quantity {
|
||||
font-family: "Arial-Black", "Arial Black", sans-serif;
|
||||
font-weight: 900;
|
||||
color: #000000;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.main .data .item .introduce .line {
|
||||
color: #d7d7d7;
|
||||
margin: 0 10px;
|
||||
}
|
||||
256
index/index.html
Normal file
256
index/index.html
Normal file
@ -0,0 +1,256 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="./index.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="main">
|
||||
<img class="index-icon" src="/img/index-icon.png" />
|
||||
<div style="display: none;" class="header-box flexacenter">
|
||||
<img class="bj" src="/img/header-bj.svg" />
|
||||
<div class="search flexacenter">
|
||||
<div class="input flex1">搜索项目</div>
|
||||
<img class="search-icon" src="/img/search-icon.svg" />
|
||||
</div>
|
||||
<div class="btn flexacenter">
|
||||
<div class="item flexcenter">
|
||||
<img class="icon" src="/img/contrast-icon.png" />
|
||||
项目对比
|
||||
</div>
|
||||
<div class="item flexcenter">
|
||||
<img class="icon" src="/img/contrast-icon.png" />
|
||||
项目对比
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 筛选 -->
|
||||
<div style="display: none;" class="screen flexflex">
|
||||
<div class="block school">
|
||||
<div class="title flexacenter">
|
||||
<div class="icon flexcenter">
|
||||
<img class="img" src="/img/school-icon.png" />
|
||||
</div>
|
||||
按学校查看
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block subject flex1">
|
||||
<div class="title flexacenter">
|
||||
<div class="icon flexcenter">
|
||||
<img class="img" src="/img/school-icon.png" />
|
||||
</div>
|
||||
按学科查看
|
||||
</div>
|
||||
<div class="list flexflex">
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
<div class="item flexcenter">港大</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 缘分 -->
|
||||
<div style="display: none;" class="fate">
|
||||
<div class="title flexacenter">
|
||||
<div>今日缘分项目</div>
|
||||
<div class="btn flexacenter">
|
||||
<img class="icon" src="/img/trade-icon.png" />
|
||||
换一批
|
||||
</div>
|
||||
</div>
|
||||
<div class="list flexflex">
|
||||
<div class="item flexacenter">
|
||||
<div class="left">
|
||||
<div class="name">教育学硕士</div>
|
||||
<div class="message">Master of Education <span class="virgule">|</span> 香港大学</div>
|
||||
</div>
|
||||
<div class="btn flexacenter">
|
||||
<div class="add flexcenter">
|
||||
<img class="icon" src="/img/add-xiao.svg" />
|
||||
</div>
|
||||
加入对比单
|
||||
</div>
|
||||
</div>
|
||||
<div class="item flexacenter">
|
||||
<div class="left">
|
||||
<div class="name">教育学硕士</div>
|
||||
<div class="message">Master of Education <span class="virgule">|</span> 香港大学</div>
|
||||
</div>
|
||||
<div class="btn flexacenter">
|
||||
<div class="add flexcenter">
|
||||
<img class="icon" src="/img/add-xiao.svg" />
|
||||
</div>
|
||||
加入对比单
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 招生官 -->
|
||||
<div style="display: none;" class="recruit">
|
||||
<div class="title flexacenter">
|
||||
<img class="img" src="/img/admission-icon.png" />
|
||||
<div class="btn flexacenter">
|
||||
招生官频道
|
||||
<img class="icon" src="/img/arrows-icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="list flexflex">
|
||||
<div class="list-item">
|
||||
<div class="item flexflex">
|
||||
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
|
||||
<div class="info">
|
||||
<div class="school">香港大学</div>
|
||||
<div class="name">城市设计硕士</div>
|
||||
<div class="name-en">Master of Urban Design</div>
|
||||
<div class="aq flexacenter">
|
||||
<div class="text">招生官答疑时间</div>
|
||||
<div class="value flex1">长期答疑</div>
|
||||
<img class="icon" src="/img/arrows-long-icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item flexflex">
|
||||
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
|
||||
<div class="info">
|
||||
<div class="school">香港大学</div>
|
||||
<div class="name">城市设计硕士</div>
|
||||
<div class="name-en">Master of Urban Design</div>
|
||||
<div class="aq flexacenter">
|
||||
<div class="text">招生官答疑时间</div>
|
||||
<div class="value flex1">长期答疑</div>
|
||||
<img class="icon" src="/img/arrows-long-icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item flexflex">
|
||||
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
|
||||
<div class="info">
|
||||
<div class="school">香港大学</div>
|
||||
<div class="name">城市设计硕士</div>
|
||||
<div class="name-en">Master of Urban Design</div>
|
||||
<div class="aq flexacenter">
|
||||
<div class="text">招生官答疑时间</div>
|
||||
<div class="value flex1">长期答疑</div>
|
||||
<img class="icon" src="/img/arrows-long-icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item flexflex">
|
||||
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
|
||||
<div class="info">
|
||||
<div class="school">香港大学</div>
|
||||
<div class="name">城市设计硕士</div>
|
||||
<div class="name-en">Master of Urban Design</div>
|
||||
<div class="aq flexacenter">
|
||||
<div class="text">招生官答疑时间</div>
|
||||
<div class="value flex1">长期答疑</div>
|
||||
<img class="icon" src="/img/arrows-long-icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-item">
|
||||
<div class="item flexflex">
|
||||
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
|
||||
<div class="info">
|
||||
<div class="school">香港大学</div>
|
||||
<div class="name">城市设计硕士</div>
|
||||
<div class="name-en">Master of Urban Design</div>
|
||||
<div class="aq flexacenter">
|
||||
<div class="text">招生官答疑时间</div>
|
||||
<div class="value flex1">长期答疑</div>
|
||||
<img class="icon" src="/img/arrows-long-icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item flexflex">
|
||||
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
|
||||
<div class="info">
|
||||
<div class="school">香港大学</div>
|
||||
<div class="name">城市设计硕士</div>
|
||||
<div class="name-en">Master of Urban Design</div>
|
||||
<div class="aq flexacenter">
|
||||
<div class="text">招生官答疑时间</div>
|
||||
<div class="value flex1">长期答疑</div>
|
||||
<img class="icon" src="/img/arrows-long-icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item flexflex">
|
||||
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
|
||||
<div class="info">
|
||||
<div class="school">香港大学</div>
|
||||
<div class="name">城市设计硕士</div>
|
||||
<div class="name-en">Master of Urban Design</div>
|
||||
<div class="aq flexacenter">
|
||||
<div class="text">招生官答疑时间</div>
|
||||
<div class="value flex1">长期答疑</div>
|
||||
<img class="icon" src="/img/arrows-long-icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item flexflex">
|
||||
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
|
||||
<div class="info">
|
||||
<div class="school">香港大学</div>
|
||||
<div class="name">城市设计硕士</div>
|
||||
<div class="name-en">Master of Urban Design</div>
|
||||
<div class="aq flexacenter">
|
||||
<div class="text">招生官答疑时间</div>
|
||||
<div class="value flex1">长期答疑</div>
|
||||
<img class="icon" src="/img/arrows-long-icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="indicate flexcenter">
|
||||
<img class="icon" src="/img/arrows-triangle-gray.svg" />
|
||||
<div class="text">1/3</div>
|
||||
<img class="icon" src="/img/arrows-triangle-blue.svg" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 列表 -->
|
||||
<div class="data">
|
||||
<img class="fall" src="/img/25fall.svg" />
|
||||
<div class="item">
|
||||
<div class="school flexacenter">
|
||||
<img class="img" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />香港中文大学
|
||||
</div>
|
||||
<div class="name">金融数学研究型硕士</div>
|
||||
<div class="name-en">Mphil in Financial Mathematics</div>
|
||||
<view class="introduce flexacenter">
|
||||
<view class="flexacenter">专业排名 <vie class="quantity">52</vie> </view>
|
||||
<view class="flexacenter"> <view class="line">|</view> 学费HK$ <vie class="quantity">281,000</vie> </view>
|
||||
</view>
|
||||
|
||||
<div class="word"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
function name() {
|
||||
return "123"
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
460
index/index.less
Normal file
460
index/index.less
Normal file
@ -0,0 +1,460 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.flexflex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flexcenter {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flexjcenter {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flexacenter {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flex1 {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.flexcolumn {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: rgba(238, 242, 245, 1);
|
||||
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
.index-icon {
|
||||
width: 184px;
|
||||
height: 42px;
|
||||
margin-top: 37px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.header-box {
|
||||
width: 100%;
|
||||
height: 130px;
|
||||
padding: 0 50px;
|
||||
border-radius: 12px;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 12px;
|
||||
background-image: linear-gradient(to right, rgba(60, 26, 94, 0.717647), rgba(53, 60, 90, 0.886275));
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.bj {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -2;
|
||||
}
|
||||
|
||||
.search {
|
||||
width: 610px;
|
||||
height: 48px;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
border-radius: 183px;
|
||||
padding: 0 20px;
|
||||
cursor: pointer;
|
||||
.input {
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
background-color: transparent;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
.item {
|
||||
width: 160px;
|
||||
height: 40px;
|
||||
background: -webkit-linear-gradient(194.036243467926deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%);
|
||||
background: -moz-linear-gradient(255.963756532074deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%);
|
||||
background: linear-gradient(255.963756532074deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%);
|
||||
border-radius: 70px;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
cursor: pointer;
|
||||
|
||||
.icon {
|
||||
height: 22px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.screen {
|
||||
margin-bottom: 20px;
|
||||
|
||||
.block {
|
||||
// height: 250px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border-radius: 12px;
|
||||
padding: 24px 34px 32px;
|
||||
|
||||
.title {
|
||||
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
margin-bottom: 26px;
|
||||
|
||||
.icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
.img {
|
||||
width: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
.item {
|
||||
width: fit-content;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
background-color: rgba(251, 251, 251, 1);
|
||||
border: 1px solid rgba(235, 235, 235, 1);
|
||||
border-radius: 12px;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
&.school {
|
||||
width: 500px;
|
||||
margin-right: 20px;
|
||||
.title {
|
||||
.icon {
|
||||
background-color: rgb(213, 241, 247);
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 10px;
|
||||
.item {
|
||||
width: 78px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.subject {
|
||||
padding-bottom: 22px;
|
||||
.title {
|
||||
.icon {
|
||||
background-color: rgb(253, 239, 188);
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
flex-wrap: wrap;
|
||||
.item {
|
||||
padding: 0 17px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fate {
|
||||
width: 100%;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border-radius: 12px;
|
||||
margin-bottom: 20px;
|
||||
padding: 31px 37px 10px;
|
||||
|
||||
.title {
|
||||
justify-content: space-between;
|
||||
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
margin-bottom: 6px;
|
||||
|
||||
.btn {
|
||||
font-weight: 400;
|
||||
color: #555555;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
|
||||
.icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
.item {
|
||||
width: 530px;
|
||||
margin-left: 20px;
|
||||
padding-top: 22px;
|
||||
padding-bottom: 22px;
|
||||
justify-content: space-between;
|
||||
&:not(:nth-last-child(-n + 2)) {
|
||||
border-bottom: 1px dotted rgb(235, 235, 235);
|
||||
}
|
||||
.left {
|
||||
.name {
|
||||
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
margin-bottom: 6px;
|
||||
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -20px;
|
||||
transform: translateY(-50%);
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: rgba(242, 242, 242, 1);
|
||||
border: 1px solid rgba(215, 215, 215, 1);
|
||||
border-radius: 39px;
|
||||
}
|
||||
}
|
||||
.message {
|
||||
color: #7f7f7f;
|
||||
font-size: 14px;
|
||||
.virgule {
|
||||
color: #d7d7d7;
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
width: 110px;
|
||||
height: 32px;
|
||||
background: -webkit-linear-gradient(196.220193695603deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%);
|
||||
background: -moz-linear-gradient(253.779806304397deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%);
|
||||
background: linear-gradient(253.779806304397deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%);
|
||||
border-radius: 61px;
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
cursor: pointer;
|
||||
.add {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border: 1px solid rgba(219, 227, 253, 1);
|
||||
border-radius: 20px;
|
||||
margin: 0 3px;
|
||||
.icon {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.recruit {
|
||||
width: 100%;
|
||||
height: 502px;
|
||||
background: linear-gradient(-36.4940455615096deg, rgba(207, 224, 249, 1) -23%, rgba(241, 242, 223, 1) 39%, rgba(238, 247, 245, 1) 114%);
|
||||
border: 1px solid rgba(235, 235, 235, 1);
|
||||
border-radius: 16px;
|
||||
padding: 24px 30px 24px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
.title {
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20px;
|
||||
.img {
|
||||
width: 100px;
|
||||
height: 26px;
|
||||
}
|
||||
.btn {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
cursor: pointer;
|
||||
.icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-left: 7px;
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
.list {
|
||||
overflow: hidden;
|
||||
margin-bottom: 20px;
|
||||
.list-item {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 10px;
|
||||
}
|
||||
.item {
|
||||
width: 565px;
|
||||
height: 180px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border: 1px solid rgba(235, 235, 235, 1);
|
||||
border-radius: 12px;
|
||||
// padding-top: 25px;
|
||||
padding: 25px 24px;
|
||||
align-items: flex-start;
|
||||
.avatar {
|
||||
width: 32px;
|
||||
object-fit: contain;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.info {
|
||||
.school {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.name {
|
||||
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.name-en {
|
||||
font-size: 14px;
|
||||
color: #7f7f7f;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.aq {
|
||||
width: 477px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
background-color: rgba(249, 248, 248, 1);
|
||||
border-radius: 3px;
|
||||
padding: 0 10px;
|
||||
.text {
|
||||
font-size: 14px;
|
||||
color: #e4c762;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.value {
|
||||
font-size: 15px;
|
||||
color: #333333;
|
||||
}
|
||||
.icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.indicate {
|
||||
line-height: 12px;
|
||||
|
||||
.icon {
|
||||
width: 7px;
|
||||
height: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.text {
|
||||
color: #555555;
|
||||
font-size: 13px;
|
||||
margin: 0 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data {
|
||||
.fall {
|
||||
width: 285px;
|
||||
display: block;
|
||||
}
|
||||
.item {
|
||||
width: 285px;
|
||||
height: 332px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border: 1px solid rgba(235, 235, 235, 1);
|
||||
border-radius: 12px;
|
||||
|
||||
.school {
|
||||
.img {
|
||||
height: 20px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-style: normal;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.name-en {
|
||||
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
color: #555555;
|
||||
}
|
||||
.introduce {
|
||||
color: #555555;
|
||||
font-size: 14px;
|
||||
.quantity {
|
||||
font-family: "Arial-Black", "Arial Black", sans-serif;
|
||||
font-weight: 900;
|
||||
color: #000000;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.line {
|
||||
color: #d7d7d7;
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
9
js/masonry.pkgd.min.js
vendored
Normal file
9
js/masonry.pkgd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user