[v-cloak] {
display:none;
}
html {
min-width: 1200px;
}
body{
margin:0 0;
padding:0;
background:#fff;
font-family:微软雅黑;
font-size:10px;
}
ul,ol {
padding: 0;
margin-bottom: 0
}
p, a, span, strong {
font-size: 1.6rem;
line-height: 3rem;
color: #555;
text-decoration: none;
}
a:hover, a:active {
color: #000;
text-decoration: none;
}
li {
list-style: none
}
h2 {
color: #fff;
font-size: 3.6rem;
}
h3 {
color: #555;
font-size: 2.6rem;
line-height: 3.2rem;
margin: 1rem auto;
text-align: left;
position: relative;
padding: 0 1rem;
text-transform: capitalize;
}
h4 {
font-size: 2.3rem;
font-weight: normal;
color: #777;
}
h5 {
color: #555;
font-size: 2.2rem;
text-transform: uppercase;
}
h6 {
font-size: 1.6rem;
color: #555;
}
/* components styles */
img {
border: 0;
display: block;
max-width: 100%;
}
.img-scale{
overflow: hidden;
}
.img-scale img{
transition: all linear 0.3s;
}
.img-scale:hover img{
transform: scale(1.05);
cursor: pointer;
}
.sticky {
position: fixed;
top: 0;
}
select {
border: solid 1px rgb(39, 118, 226);
border-radius: 3px;
outline: unset;
}
button {
font-size: 1.6rem;
padding: 0.5rem 2rem;
margin: 1rem 0;
color: #fff;
border: solid 1px #2175e5;
background: #2175e5;
border-radius: 3px;
}
.br-pc{
display: block;
}
.br-m{
display: inline-block;
}
.pc-show{
display: block;
}
.phone-show{
display: none;
}
button.more {
padding: 0.5rem 3rem;
border: unset;
color: #fff;
background: rgb(16, 126, 200);
font-size: 1.4rem;
font-weight: normal;
border-radius: 2px;
cursor: pointer;
transition: all linear 0.3s;
}
button.more:hover {
box-shadow: 0 0 5px 1px #ccc;
}
.title {
padding-bottom: 3rem;
}
.navigator {
box-shadow: 0 0 5px 0px #ccc;
}
.navigator ul {
display: flex;
}
.navigator ul li a {
color: #555;
display: block;
padding: 1rem;
width: 12rem;
text-align: center;
}
.navigator ul li:hover a, .navigator ul .h-nav-current {
color: #fff;
background-color: rgb(31, 128, 248);
}
.w1200{
width: 1200px;
margin: 0 auto;
}
/*header style*/
header {
position: relative;
background-color: rgb(0 0 0 / 100%);
height: 80px;
top: 0;
width: 100%;
font-family: Open Sans,"微软æ£é»‘体","Microsoft JhengHei";
color: #373a3c;
z-index: 1000;
}
header .wrapper {
display: flex;
align-items: center;
height: 8rem;
}
header .logo {
max-width: 245px;
float: left;
}
/*logo searchLights
.logo {
position: relative;
overflow: hidden;
}
.logo a {
transition-duration: 5s;
overflow: hidden;
}
.logo a:before {
content: "";
position: absolute;
width: 1000px;
height: 20px;
background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);
-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
transform: rotate(-60deg);
-webkit-animation: searchLights 1s ease-in 1s infinite;
-o-animation: searchLights 1s ease-in 1s infinite;
animation: searchLights 2s ease-in 1s infinite;
z-index: 1000;
}
*/
@keyframes searchLights {
0% {
left: -500px;
top: -100px;
}
100% {
left: 100px;
top: -100px;
}
}
header nav {
width: 100%;
}
header nav ul.navigation {
display: flex;
height: 100%;
align-items: center;
justify-content: flex-end;
}
header nav li {
position: relative;
height: 3.6rem;
text-align: center;
width: 7rem;
margin: 0 1rem;
}
header nav li::before{
position: absolute;
content: '';
width: 0;
left: 0;
bottom: 0;
border-bottom:2px solid #fff;
transition: all 0.3s linear;
}
header nav li:hover::before {
width: 100%;
}
header nav a {
text-decoration: none;
color: #fff;
width: 100%;
display: block;
font-size: 1.5rem;
font-family: 微软雅黑;
text-transform: capitalize;
}
header nav a:hover {
color: #fff;
}
/* home banner
.index_focus {
position: relative;
margin: 0px auto;
overflow: hidden;
height: 600px !important;
}
.index_focus .bd li {
display:none;
width:100%;
text-align:center;
}
.index_focus .slide_nav {
position:absolute;
left:0;
bottom:2.25rem;
width:100%;
text-align:center;
}
.index_focus .slide_nav a {
margin: 0 0.2rem;
display: inline-block;
padding: 0.5rem;
clip-path: circle(30%);
background: #fabe00;
font-size: 0.6rem;
color: #fff;
}
.index_focus .slide_nav li:hover,
.index_focus .slide_nav .on{
background:#000;
}
.index_focus_next,
.index_focus_pre {
display:none;
position:absolute;
top:45%;
width:3.6rem;
height:3.6rem;
white-space:nowrap;
overflow:hidden;
z-index:2;
}
.index_focus_next,
.index_focus_pre i {
color: #999;
}
.index_focus_pre {
left:1.5rem;
background-position:0 0;
height:5rem;
}
.index_focus_next {
right:1.5rem;
background-position:0 -3.6rem;
height:5rem;
} */
#home .banner{
position:relative;
}
#home .banner video {
height: calc(70vh);
object-fit: cover;
}
#home .banner .mask {
background: url(../images/seecco/msk.png) repeat;
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
top: 0;
}
#home .banner .mask .w1200 {
height:100%;
display: flex;
align-items: center;
}
#home .banner .mask .content {
width: 80%;
position: relative;
left: 10%;
height: 33rem;
padding: 3rem;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
#home .banner .mask .content .big-title {
display: flex;
flex-direction: column;
align-items: baseline;
}
#home .banner .mask .content .big-title h2 {
color: #fff;
flex-shrink: 0;
font-size: 4.6rem;
font-weight: bold;
letter-spacing: 0.3rem;
}
#home .banner .mask .content p{
color: #fff;
}
/* home header-search style */
.header-search {padding: 10rem 0;}
#home.search-home .sec-search {
padding-top: 10rem;
}
.header-search .search_form{
position:relative;
width: 100%;
}
.header-search .search-type {
position: absolute;
left: 25%;
display: flex;
top: -5rem;
width: 50%;
}
.header-search .search-type span{
display:inline-block;
flex-shrink: 0;
width: 33%;
}
.header-search .search-type span input {
margin: 0 1rem;
display: inline-block;
}
.header-search form li {
display: flex;
align-items: center;
width: 95%;
margin: 0 auto;
}
.header-search .hot-search {
width: 100%;
height: 6rem;
font-size: 1.8rem;
background: rgb(0 0 0 / 0%);
backdrop-filter: blur(10px);
border: solid 1px #ccc;
padding-left: 1rem;
}
.header-search .hot-search::placeholder{
font-weight: lighter;
color: #999;
}
.header-search .hot-search::-moz-placeholder{
font-weight: lighter;
color: #999;
opacity: 1;
}
.header-search .hot-search::-o-placeholder{
font-weight: lighter;
color: #999;
}
.header-search .hot-search::-ms-placeholder{
font-weight: lighter;
color: #999;
}
.header-search .hot-search::-webkit-placeholder{
font-weight: lighter;
color: #999;
}
.header-search .search_form .btn-search {
position: relative;
width: 12rem;
height: 6rem;
border-radius: 0 5px 5px 0;
border: unset;
font-size: 2.6rem;
color: #fff;
background: #2175e5;
font-weight: normal;
transition: all 0.3s linear;
margin-top: 0;
}
.sbtn {
width: 10rem;
height: 4rem;
border: none;
font-size: 2rem;
vertical-align: middle;
color: #000;
background:#e7d827;
font-weight: bolder;
margin: 2rem auto;
display: block;
}
.sbtn:hover{
color: #000;
background:yellow;
border: 1px solid #ffeb00;
}
/*home*/
#home .topics {
padding-bottom:5rem;
}
#home .topics .wrapper.w1200{
border-radius: 3px;
}
#home .topics ul {
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
#home .topics li {
width: 25%;
flex-shrink: 0;
padding: 1rem;
transition: all linear 0.5s;
}
#home .topics li .wrapper {
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
transition: all linear 0.5s;
background: #fff;
border-radius: 3px;
}
#home .topics li .wrapper:hover {
box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15)
}
#home .topics li .img-wrapper {
width: 100%;
height: 25rem;
}
#home .topics li .img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
#home .topics li .detail {
height: 6rem;
padding: 1rem;
}
#home .topics li .detail h6 {
font-weight: bold;
margin-bottom: 1rem;
}
#home .topics li .detail li {
width: 33%;
height: 3rem;
line-height: 2.6rem;
padding: 0;
text-align: left;
overflow: hidden;
}
#home .topics li .detail li a {
font-size: 1.4rem;
}
#home .recent .wrapper.w1200{
display:flex;
}
#home .recent .main-left{
flex-shrink: 0;
width: 74%;
}
#home .list-module ul {
height: 600px;
display: flex;
padding: 3rem 0;
}
#home .list-module ul li .col-right{
padding: 0 1rem;
}
#home .list-module .module-left{
width: 50%;
flex-shrink: 0;
}
#home .list-module .module-left li {
margin-top: 0;
width: 95%;
height: 100%;
border-radius: 5px;
overflow: hidden;
box-shadow: rgb(0 0 0 / 8%) 0 5px 10px 5px;
}
#home .list-module .module-left li .wrapper {
height: 100%;
display: flex;
align-content: center;
flex-direction: column;
justify-content: space-between;
}
#home .list-module .module-left li .col-left{
height: 70%;
flex-shrink: 0;
}
#home .list-module .module-left li .img-wrapper, #home .list-module .module-left li .img-wrapper a {
display: block;
width: 100%;
height: 100%;
}
#home .list-module .module-left li .img-wrapper img {
transition: all linear 0.3s;
width: 100%;
height: 100%;
object-fit: cover;
}
#home .list-module .module-left li h6 {
font-size: 1.6rem;
line-height: 3rem;
font-weight: bold;
color: #555;
}
#home .list-module .module-left li p.description {
font-size: 1.4rem;
color: #555;
}
#home .list-module .module-right {
display: flex;
flex-wrap: wrap;
width: 50%;
flex-shrink: 0;
justify-content: space-between;
align-items: center;
align-content: space-between;
}
#home .list-module .module-right li {
width: 48%;
height: 46%;
overflow: hidden;
border-radius: 5px;
box-shadow: rgb(0 0 0 / 8%) 0 5px 10px 5px;
}
#home .list-module .module-right li h6 {
font-size: 1.5rem;
font-weight: bold;
color: #555;
}
#home .list-module .module-right li p.description {
display: none;
}
.module-title h5{
color: #000;
}
/* home logo-list style */
.logo-list {
padding: 5rem 0;
}
.logo-list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.logo-list ul li {
width: 23%;
flex-shrink: 0;
margin-bottom: 2rem;
}
.logo-list ul li .wrapper .col-left .img-wrapper{
height: 18rem;
}
.logo-list ul li .wrapper .col-left .img-wrapper a {
display: block;
height: 100%;
}
.logo-list ul li .wrapper .col-left img{
width: 100%;
height: 100%;
object-fit: cover;
}
article {
flex-shrink: 0;
width: 74%;
padding: 0 1rem;
margin-right: 1%;
border-radius: 3px;
}
article .list li {
margin: 3rem 0;
background: #fff;
border-radius: 3px;
position: relative;
}
article .list li:nth-child(1) {
margin-top: 0;
}
article .list li .wrapper{
display:flex;
}
article .list li .col-left {
width: 35%;
height: 28rem;
overflow: hidden;
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
transition: all linear 0.5s
}
article .list li:hover .col-left {
box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15);
}
article .list li .img-wrapper{
width: 100%;
height: 100%;
}
article .list li .img-wrapper img{
width: 100%;
height: 100%;
object-fit:cover;
}
article .list li .col-right {
width: 65%;
flex-shrink: 0;
padding: 2rem;
}
article .list li .col-right .wrapper {
display: flex;
flex-direction: column;
}
article .list li .col-right .wrapper h6 {
font-size: 2.2rem;
font-weight: 540;
color: #333;
}
article .list li .col-right .info span {
font-size: 1.4rem;
color: #555;
}
article .list li .col-right .detail button {
background: #2175e5;
color: #fff;
position: absolute;
right: 2rem;
bottom: 2rem;
border: none;
border-radius: 3px;
font-size: 1.4rem;
padding: 0 1rem;
transition: all linear .3s;
}
aside {
width: 25%;
padding: 0 1rem;
border-radius: 3px;
}
aside .box {
background: #fff;
padding: 1rem;
margin-bottom: 3rem;
border-radius: 3px;
}
/* hit-list no cover */
aside .hit-list li{
position: relative;
}
aside .hit-list li strong {
margin-right: 0.5rem;
background: #ccc;
padding: 1rem;
clip-path: circle(30%);
}
aside .hit-list li:hover strong {
color: #fff;
background: #d9822b
}
aside .hit-list li span{
color:#feba47;
font-size: 1.4rem;
position: absolute;
right: 0;
}
/* tags list */
aside .tagscloud .wrapper {
display:flex;
flex-wrap: wrap;
}
aside .tagscloud a {
width: auto;
height: 4.2rem;
display: flex;
margin: 1%;
padding: 5px;
font-family: helvetica neue,Helvetica,Arial,sans-serif;
font-size: 1.2rem;
line-height: 1.6rem;
text-decoration: none;
color: #fff;
background: #999;
border-radius: .25rem;
transition: all linear 0.5s;
align-items: center;
justify-content: center;
}
aside .tagscloud a:hover {
color: yellow;
background: #555;
}
/* hits list with cover*/
aside .box li {
padding: 1rem 0;
border-top: solid 1px rgb(16 22 26 / 7%);
}
aside .box li:nth-child(1){
border-top: unset;
}
aside .box li .wrapper{
display:flex;
}
aside .box h5 {
border-bottom: 1px solid #ccc;
padding: 0.5rem;
padding-left: 0;
font-size: 1.6rem;
line-height: 2.6rem;
margin-bottom: 1rem;
position: relative;
}
aside .box h5::before {
content: '';
left: 0;
bottom: -2px;
position: absolute;
border-top: solid 3px red;
width: 3rem;
transition: all linear 0.3s
}
aside .box:hover h5::before {
width: 50%;
}
aside .box li .col-left {
padding: 0;
width: 33%;
height: 10rem;
}
aside .box li .col-left .img-wrapper{
width: 100%;
height: 100%;
}
aside .box li .col-left img {
width: 100%;
height: 100%;
object-fit: cover;
}
aside .box li .col-right {
padding: 0;
width: 67%;
padding-left: 1rem;
}
aside .box li .col-right a {
font-family: 微软雅黑;
font-size: 1.6rem;
}
aside .box li .col-right .r-update {
font-size: 1.2rem;
color: #fff;
}
aside .box li .col-right .r-views {
font-size: 1.2rem;
color: #999;
}
/* friend link styles */
.f-link {
padding-bottom: 5rem;
}
.f-link h5 {
font-size: 1.6rem;
line-height: 3rem;
font-weight: bold;
position: relative;
}
.f-link h5 a {
font-size: 1.2rem;
font-weight: normal;
}
.f-link ul {}
.f-link ul a{
font-size: 1.4rem;
}
/* 当前位置 */
.crumbs {
padding: 10px;
margin: 10px auto;
border-radius: 2px;
background: linear-gradient(0deg, #00000008, transparent);
margin-top: 0;
}
.crumbs .wrapper.w1200 {
font-size: 1.4rem;
line-height: 3rem;
}
.crumbs span{color:#7e7e7e}
.crumbs a{
font-size: 1.4rem;
line-height: 3rem;
}
/* main style */
main {
margin: 0 auto;
min-width: 1200px;
min-height: calc(70vh);
background-color: #f2f2f2;
padding-bottom: 3rem;
}
/* school list filter */
#school-list .filter {
border-radius: 5px;
width: 30%;
}
#school-list .filter .switch {
width: 50%;
margin-bottom: 1rem;
border-radius: 5px;
display: flex;
overflow: hidden;
border: solid 1px #2175e5;
}
#school-list .filter .switch div {
font-size: 1.6rem;
padding: 1.2rem 1rem;
width: 50%;
text-align: center;
cursor: pointer;
}
#school-list .filter .switch.university div {
color: #fff;
background-color: #2175e5;
}
#school-list .filter .switch.university div.college {
color: #000;
background-color: #fff;
}
#school-list .filter .switch.college div {
color: #000;
background-color: #fff;
}
#school-list .filter .switch.college div.college {
color: #fff;
background-color: #2175e5;
}
#school-list .filter .wrapper {
padding: 1rem;
background: #fff;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
#school-list .filter label{
font-size: 1.5rem;
color: #2175e5;
}
#school-list .filter fieldset {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-bottom: 1rem;
}
#school-list .filter fieldset div {
display: flex;
align-items: stretch;
}
#school-list .filter fieldset input {
height: 2rem;
}
#school-list .filter fieldset label {
color: #000;
font-size: 1.4rem;
font-weight: normal;
margin-right: 0.5rem;
padding: 0.5rem;
}
#school-list .filter .wrapper .middle {
display: flex;
justify-content: space-between;
}
#school-list .filter .wrapper .middle .col-left {
width: 70%;
flex-shrink: 0;
display: flex;
align-items: center;
}
#school-list .filter .wrapper .middle .col-left input {
height: 5rem;
width: 90%;
border: solid 1px #2175e5;
border-radius: 5px;
font-size: 1.6rem;
padding-left: 1rem;
background-position-x: 94%;
background-size: 4%;
outline: unset;
flex-shrink: 0;
}
#school-list .filter .wrapper .middle .col-left button {
width: 20%;
height: 5rem;
position: relative;
font-size: 1.6rem;
padding: 0.5rem 2rem;
margin: 1rem 0;
left: -2%;
color: #fff;
background: #2175e5;
border: solid 1px #2175e5;
border-radius: 0 5px 5px 0;
flex-shrink: 0;
}
#school-list .filter .wrapper .middle .col-right {
width: 30%;
display: flex;
justify-content: flex-end;
align-items: center;
}
#school-list .filter .wrapper .middle .col-right label {
padding: 1rem;
display: inline-block;
margin-bottom: unset;
}
#school-list .filter .wrapper .middle .col-right select {
width: 50%;
height: 5rem;
font-size: 1.4rem;
text-align: center;
border: solid 1px #2175e5;
border-radius: 5px;
outline: unset;
}
#school-list .filter .wrapper .middle .col-right option{
height: 5rem;
padding-top:1rem;
padding-bottom: 1rem;
}
#school-list .filter .selected-vs-items h6 {
font-size: 1.5rem;
color: #2175e5;
font-weight: bold;
}
#school-list .filter .selected-vs-items p {
line-height: 2rem;
margin: 0;
}
#school-list #filter-score-range {
padding-bottom: 3rem;
}
/* school list style */
#school-list {
padding-bottom:5rem;
}
#school-list .wrapper.w1200 {
display: flex;
}
#school-list .crumbs .wrapper.w1200{
margin: 0 auto;
}
#school-list .list {
position: relative;
width: 69%;
left: 1%;
}
#school-list ul {
display: block;
flex-wrap: wrap;
justify-content: space-between;
}
#school-list ul li {
width: 100%;
padding-bottom: 1%;
}
#school-list ul li .wrapper {
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
transition: all linear 0.5s;
background: #fff;
border-radius: 3px;
padding: 10px;
}
#school-list ul li:hover .wrapper {
box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.15);
}
#school-list ul li .item-top{
display: flex;
}
#school-list ul li .item-top .col-left {
width: 33%;
flex-shrink: 0;
}
#school-list ul li .item-top .col-left .img-wrapper {
width: 100%;
height: 25rem;
border-radius: 5px;
}
#school-list ul li .item-top .col-left .img-wrapper img {
width: 100%;
height: 100%;
object-fit:cover;
}
#school-list ul li .item-top .col-right {
width: 67%;
flex-shrink: 0;
}
#school-list ul li .item-top .col-right .wrapper {
padding: 1rem;
position: relative;
box-shadow: unset;
padding-top: 0;
padding-left: 2rem;
}
#school-list ul li .item-top .col-right .wrapper p {
margin: 0;
font-size: 1.4rem;
}
#school-list ul li .item-top .col-right .uni-name {
display: flex;
}
#school-list ul li .item-top .col-right .uni-logo {
width: 6rem;
height: 6rem;
overflow: hidden;
border-radius: 3px;
}
#school-list ul li .item-top .col-right .uni-logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
#school-list ul li .col-right h6 {
font-size: 2.2rem;
line-height: 2.6rem;
font-weight: 540;
color: #2175e5;
padding-left: 2rem;
margin-top: 0;
margin-bottom: 0;
}
#school-list ul li .col-right h6.english-name {
font-size: 1.6rem;
}
#school-list ul li .col-right .uni-tags {
margin: 2rem 0;
}
#school-list ul li .col-right .uni-tags span {
color: #2175e5;
padding: 0.5rem;
border: solid 1px #2175e5;
border-radius: 3px;
margin-right: 1rem;
line-height: 3.8rem;
font-size: 1.4rem;
}
#school-list ul li:hover .col-right .wrapper{
box-shadow: unset;
}
#school-list ul li .col-right .uni-address {
background: url(/statics/images/icon/address.png) no-repeat left;
background-size: 2%;
padding-left: 2rem;
margin-top: 2rem;
}
#school-list ul li .col-right .hot-rate {
background: url(/statics/images/icon/hot.png) no-repeat left;
background-size: 2%;
padding-left: 2rem;
}
#school-list ul li .item-middle .wrapper {
display: block;
box-shadow: unset;
padding: 0;
}
#school-list ul li .item-middle .uni-data ul {
display: flex;
width: 100%;
justify-content: flex-start;
border-bottom: solid 1px rgba(0,0,0,0.1);
padding: 1rem 0;
}
#school-list ul li .item-middle .uni-data li {
width: 10%;
flex-shrink: 0;
border-left: solid 1px rgb(0 0 0 / 6%);
padding: 0;
}
#school-list ul li .item-middle .uni-data li:first-child {
border-left: unset;
}
#school-list ul li .item-middle .uni-data li .wrapper {
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#school-list ul li .item-middle .uni-data small {
color: #777;
font-size: 1.2rem;
}
#school-list ul li .item-middle .uni-data span {
color: #000;
font-size: 1.4rem;
}
#school-list ul li .item-bottom {
display: flex;
justify-content: space-between;
padding-top: 1rem;
flex-direction: row;
}
#school-list ul li .item-bottom button {
background-color: #2175e5;
border: unset;
width: 15rem;
padding: 0.5rem;
color: #fff;
border-radius: 3px;
transition: all linear 0.5s;
}
#school-list ul li .item-bottom button:hover {
background-color: #166ee2;
}
#school-list ul li .item-bottom .major-detail button {
background-color: unset;
border: solid 1px #2175e5;
color: #2175e5;
}
#school-list ul li .item-bottom .add-to-vs {
}
#school-list ul li .item-bottom .add-to-vs button {
color: red;
background: unset;
border: solid 1px red;
border-radius: 3px;
font-size: 1.6rem;
}
#school-list ul li .item-bottom .add-to-vs button:hover {
color: #fff;
border: solid 1px red;
background:red;
}
/* select by score */
#school-list.score .score-result {
position: relative;
width: 69%;
left: 1%;
}
/* switch component */
.switch {
width: 30%;
margin-bottom: 1rem;
border-radius: 5px;
display: flex;
overflow: hidden;
border: solid 1px #2175e5;
}
.switch div {
font-size: 1.6rem;
padding: 1.2rem 1rem;
width: 50%;
text-align: center;
cursor: pointer;
}
.switch.university div {
color: #fff;
background-color: #2175e5;
}
.switch.university div.college {
color: #000;
background-color: #fff;
}
.switch.college div {
color: #000;
background-color: #fff;
}
.switch.college div.college {
color: #fff;
background-color: #2175e5;
}
/* major list style */
#major-list .filter, #major-list .crumbs .wrapper.w1200 {
width: 98%;
}
#major-list .filter .middle {
display: flex;
width: 100%;
justify-content: space-between;
}
#major-list .filter .middle .col-left {
width: 30%;
flex-shrink: 0;
}
#major-list .filter .middle .col-left form {
display: flex;
justify-content: space-between;
}
#major-list .filter .middle .col-left .major-category, #major-list .filter .middle .col-left .major-class {
background: #fff;
width: 48%;
flex-shrink: 0;
padding: 1rem;
border-radius: 5px;
}
#major-list .filter .middle .col-left li.active{
color: #fff;
background-color: #2175e5;
}
#major-list .filter .middle .col-left .major-class li {
font-size: 1.4rem;
}
#major-list .filter .middle .col-left li {
padding: 11px 14px;
background: #f7f8fa;
border-radius: 2px;
cursor: pointer;
margin: 5px 0;
}
#major-list .filter .middle .col-left li:hover {
color: #fff;
background: rgb(39, 118, 226);
}
#major-list .filter .middle .col-left .major-category li{
font-weight: inherit;
}
#major-list .filter .middle .col-right {
width: 68%;
flex-shrink: 0;
}
#major-list .filter li {
font-size: 1.6rem;
}
.el-tooltip__popper.is-dark span{
color:#fff;
}
/* common table style */
table {
border-collapse: collapse;
margin: 0 auto;
text-align: center;
border-radius: 5px;
table-layout: fixed;
}
table td, table th {
border: 1px solid #ebeef5;
color: #666;
width: calc(5vw);
height: 30px;
font-size: 1.4rem;
padding: 1rem 0;
}
table td p, table th p {
line-height: 2rem;
margin-bottom: 0;
padding: 0 1rem;
}
table th p {
color: #fff;
font-size: 1.4rem;
}
.sticky th p {
display: block;
width: calc(4vw);
}
table td .evaluate-btn, table th .evaluate-btn {
color: #fff;
background: rgb(39, 118, 226);
padding: 1rem;
font-size: 1.4rem;
border-radius: 3px;
width: 90%;
margin: auto;
cursor: pointer;
}
table td a, table th a{
font-size: 1.4rem;
}
table td img, table th img {
max-width: 5rem;
display: block;
margin: auto;
}
table th {
color: #fff;
background-color: rgb(39, 118, 226);
width: 100px;
text-align: center;
}
table tbody tr:hover th{
background-color: #ccc;
cursor: pointer;
}
table tr:nth-child(odd)
{
background: #fff;
}
table tr:nth-child(even)
{
background: #F5FAFA;
}
table tr:hover:nth-child(odd), table tr:hover:nth-child(even) {
background: #2c77df2e;
}
#school-list table.list-vs-result td p, table.list-vs-result th p {
line-height: 3rem;
text-align: left;
margin-bottom: 0;
padding: 0 1rem;
}
/* evaluate page style */
#major-list.level-3 .filter .switch div {
width: 100%;
}
#major-list.level-3 .filter .middle .col-left {
width: 30%;
flex-shrink: 0;
}
#major-list.level-3 .filter .middle .col-left #form div {
width: 33%;
background: #fff;
flex-shrink: 0;
padding: 1rem;
border-radius: 5px;
}
#major-list.level-3 .filter .middle .col-left .major-class li {
font-size: 1.4rem;
}
#major-list.level-3 .filter .middle .col-left .major-category li{
font-weight: inherit;
}
#major-list.level-3 .filter .middle .col-right {
width: 69%;
flex-shrink: 0;
}
/* level-3 list style */
#major-list .filter .middle .col-left .col-left-top {
padding: 3rem 1rem;
background: #fff;
margin-bottom: 1rem;
border-radius: 5px;
}
#major-list .filter .middle .col-left .col-left-top h5 {
font-size: 1.6rem;
font-weight: normal;
}
#major-list .filter .col-left .search {
padding: 0;
width: 100%;
}
#major-list .filter .col-left .search small {
font-size: 1rem;
font-weight: normal;
color: red;
}
#major-list .filter .col-left .search-box {
width: 100%;
padding: 0;
position: relative;
}
#major-list .filter .col-left .search input {
font-size: 1.4rem;
height: 3.6rem;
width: 100%;
background: url(/statics/images/icon/magnify.png) no-repeat right center;
background-size: 5%;
background-position-x: 93%;
outline: unset;
border: solid 1px #ccc;
border-radius: 5px;
position: relative;
}
#major-list .filter .col-left .search-box button {
height: 3.6rem;
width: 20%;
background: transparent;
position: absolute;
right: 0;
border-radius: 0 5px 5px 0;
border: solid 1px #ccc;
}
#major-list .filter .middle .col-left .select-level-1, #major-list .filter .middle .col-left .select-level-2 {
background: #fff;
width: 48%;
flex-shrink: 0;
padding: 1rem;
border-radius: 5px;
}
#school-list .already {
padding: 1rem 0;
}
#school-list .already b {
font-size: 1.5rem;
color: #2175e5;
}
#school-list .already span {
color: #fff;
background: rgb(39, 118, 226);
padding: 0.5rem 1rem;
border-radius: 5px;
}
/* news list style */
#news .item-list ul {
display: flex;
flex-wrap: wrap;
padding-top: 5rem;
}
#news .item-list ul li {
flex-shrink: 0;
width: 50%;
}
#news .item-list ul li .wrapper {
display: flex;
flex-wrap: wrap;
width: 92%;
margin: 0 auto;
justify-content: center;
box-shadow: 0px 10px 10px 1px rgb(0 0 0 / 21%);
margin-bottom: 5rem;
transition: all ease-in-out 0.5s;
}
#news .item-list ul li .img-wrapper {
width: 100%;
height: 350px;
overflow: hidden;
box-shadow: 0 0 20px 0 rgb(0 0 0 / 12%);
transition: all ease-in-out 0.3s;
}
#news .item-list ul li .img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
#news .item-list ul li .desc {
padding: 3rem 2.5%;
width: 100%;
height: 249px;
overflow: hidden;
}
#news .item-list ul li .desc h6 {
color: #333;
font-size: 2.2rem;
}
#news .item-list ul li .desc span {
font-size: 1.4rem;
padding-right: 3rem;
color: #999;
}
/* school show style */
#show.school .show-top {
/* background: linear-gradient(45deg, rgba(122, 105, 254, 0.9), rgb(164 0 243) 100%),url(/statics/images/school-bg.png) no-repeat center; */
background: linear-gradient(45deg, rgb(122 105 254 / 0%), rgb(255 255 255 / 92%) 0%),url(/statics/images/school-bg.png) no-repeat center;
background-size: cover;
}
#show.school .show-top .wrapper.w1200 {
display: flex;
flex-direction: column;
margin: 0 auto;
padding-top: 5rem;
}
#show.school .item-top{
display: flex;
}
#show.school .item-top .col-left {
width: 33%;
flex-shrink: 0;
}
#show.school .item-top .col-left .img-wrapper {
width: 100%;
height: 25rem;
border-radius: 5px;
}
#show.school .item-top .col-left .img-wrapper img {
width: 100%;
height: 100%;
object-fit:cover;
}
#show.school .item-top .col-right {
width: 67%;
flex-shrink: 0;
}
#show.school .item-top .col-right .wrapper {
padding: 1rem;
position: relative;
box-shadow: unset;
padding-top: 0;
padding-left: 2rem;
}
#show.school .item-top .col-right .wrapper p, #show.school .item-top .col-right .wrapper p a, #show.school .item-top .col-right .wrapper p span {
color:#555;
margin: 0;
font-size: 1.4rem;
}
#show.school .item-top .col-right .uni-name {
display: flex;
}
#show.school .item-top .col-right .uni-logo {
width: 6rem;
height: 6rem;
overflow: hidden;
border-radius: 3px;
}
#show.school .item-top .col-right .uni-logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
#show.school .item-top .col-right h1, #show.school .item-top .col-right h6 {
font-size: 2.2rem;
line-height: 2.6rem;
font-weight: bold;
color: #2175e5;
padding-left: 2rem;
margin-top: 0;
margin-bottom: 0;
}
#show.school .col-right h6.english-name {
font-size: 1.6rem;
}
#show.school .col-right .uni-tags {
margin: 1rem 0;
}
#show.school .col-right .uni-tags span {
color: #2175e5;
padding: 0.5rem;
border: solid 1px #2175e5;
border-radius: 3px;
margin-right: 1rem;
line-height: 3.8rem;
font-size: 1.4rem;
}
#show.school:hover .col-right .wrapper{
box-shadow: unset;
}
#show.school .col-right button:hover {
color: #fff;
background:#2175e5;
}
#show.school .col-right .details {
display: flex;
flex-wrap: wrap;
}
#show.school .col-right .details div {
width: 100%;
background-size: 10px;
padding-left: 0rem;
background-position-y: 8px;
}
/* #show.school .col-right .uni-address {
background: url(/statics/images/icon/address.png) no-repeat left top;
}
#show.school .col-right .hot-rate {
background: url(/statics/images/icon/hot.png) no-repeat left top;
} */
#show.school .item-middle .wrapper {
display: block;
box-shadow: unset;
padding: 0;
}
#show.school .item-middle .uni-data ul {
display: flex;
width: 100%;
justify-content: space-around;
border-bottom: solid 1px rgb(0 0 0 / 18%);
padding: 2rem 0;
}
#show.school .item-middle .uni-data li {
width: 10%;
flex-shrink: 0;
border-left: solid 1px rgb(0 0 0 / 18%);
padding: 0;
}
#show.school .item-middle .uni-data li:first-child {
border-left: unset;
}
#show.school .item-middle .uni-data li .wrapper {
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#show.school .item-middle .uni-data small {
color: #555;
font-size: 1.2rem;
}
#show.school .item-middle .uni-data span {
color: #000;
font-size: 1.4rem;
}
#show.school .item-bottom {
display: flex;
justify-content: flex-start;
padding-top: 1rem;
flex-direction: row;
}
#show.school .item-bottom .detail {
padding-right: 1rem;
height: 5rem;
}
#show.school .item-bottom button {
background-color: #2175e5;
border: unset;
width: 15rem;
height: 4rem;
padding: 0.5rem;
color: #fff;
border-radius: 3px;
}
#show.school .item-bottom button:hover {
color: #fff;
background-color: rgb(248, 184, 72);
}
#show.school .item-bottom .major-detail button {
background-color: #2175e5;
color: #fff;
}
#show.school article .statistics {
padding: 3rem 0;
}
#show.school article .statistics ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
#show.school article .statistics ul li {
width: 25%;
}
#show.school article .statistics ul li .wrapper {
width: 90%;
margin: 0 auto;
border: solid 1px rgba(0,0,0,.1);
border-radius: 5px;
padding: 1rem;
margin-bottom: 2rem;
cursor: pointer;
box-shadow: 0 0 5px 0px rgba(0,0,0,.1);
transition: all linear 0.5s;
}
#show.school article .statistics ul li:hover .wrapper {
background: rgb(0 0 0 / 2%);
box-shadow: 0 0 10px 5px rgba(0,0,0,.1);
}
#show.school article .statistics ul li h5 {
font-size: 1.8rem;
color: #2175e5;
height: 4rem;
overflow: hidden;
margin: 0;
}
/* list recent style */
#list-recent .crumbs .wrapper.w1200 {
margin: 0 auto;
}
#list-recent .wrapper.w1200 {
display: flex;
margin: 3rem auto 5rem auto;
}
/*video*/
.videos video {
max-width: 100%;
display: block;
margin: 1rem auto;
}
/* show style */
#show .wrapper.w1200 {
display: flex;
margin: 3rem auto 5rem auto;
}
#show .crumbs .wrapper.w1200 {
margin: 0 auto;
}
#show .wrapper.w1200 article {
width: 75%;
background: #fff;
}
#show .wrapper.w1200 aside {
width: 25%;
}
#show article h1 {
font-size: 2.6rem;
text-align: center;
margin: 2rem;
}
#show article .article-info{
text-align:center;
}
#show article .article-info span {
font-size: 1.4rem;
color: #555;
margin-right: 1rem;
}
#show article .article-info #hits {
color: red;
}
#show article #inputtime, #show article #copyfrom {
margin-left: 3rem;
}
#show article #content {
font-size: 1.6rem;
line-height: 2.8rem;
padding: 1rem 0;
border-top: 1px solid rgba(141, 137, 137, 0.1);
}
#show article #content img {
max-width: 653px;
}
#show article #content p {
line-height: 3rem;
}
#show article #content .keylink {
display:contents !important;
font-size: 16px;
color: #35f;
}
#show article .pre-article p {
line-height: 3rem;
}
/*code*/
#show article #content pre{
background: #50556B;
color: #fff;
line-height: 3rem;
padding: 0 1%;
border-radius: 2px;
-moz-box-shadow: inset 0 0 10px #000;
box-shadow: inset 0 0 10px #000;
}
#show article .box {
overflow: hidden;
}
#show article .box ul {
width: auto;
display: flex;
flex-wrap: wrap;
}
#show article .box ul li {
width: 25%;
padding: 1%;
}
#show article .box h5 {
border-bottom: 1px solid #ccc;
padding: 0.5rem;
padding-left: 0;
font-size: 1.6rem;
line-height: 2.6rem;
margin-bottom: 1rem;
position: relative;
}
#show article .box h5::before {
content: '';
left: 0;
bottom: -2px;
position: absolute;
border-top: solid 3px red;
width: 3rem;
transition: all linear 0.3s
}
#show article .box:hover h5::before {
width: 50%;
}
#show article .box ul li .img-wrapper {
height: 22rem;
overflow: hidden;
box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}
#show article .box ul li .img-wrapper img {
width: 100%;
height: 100%;
object-fit:cover;
}
#show article .box ul li .col-right {
height: 5rem;
overflow:hidden;
}
#show article .box ul li .col-right h6 {
line-height:2rem;
}
#show.school article .box ul li .col-right h6 {
line-height:1.6rem;
}
#show article .tags{
padding-bottom: 3rem;
}
#show article .tags a {
padding: 0.5rem 1rem;
color: #fff;
background-color: #555;
border-radius: 3px;
margin-right: 1rem;
}
/* gallery */
#show.gallery article {
position: relative;
}
#show.gallery article h1 {
font-size: 2.2rem;
margin-top: 1rem;
}
#show.gallery article .details {
margin-top: 1rem;
color: #666;
text-align: center;
}
#show.gallery article #big-pic{
text-align: center;
padding: 2rem 0;
}
#show.gallery article #big-pic img{
max-width: 100%;
}
#show.gallery article .photo_prev a{
position: absolute;
display: block;
width: 380px;
background-size: 15%;
height: 500px;
top: 9rem;
}
#show.gallery article .photo_prev a:hover{
background: url(/statics/images/photo-pre.png) no-repeat left;
}
#show.gallery article .photo_next a{
position: absolute;
display: block;
width: 380px;
background-size: 15%;
height: 500px;
right: 0em;
top: 9rem;
}
#show.gallery article .photo_next a:hover{
background: url(/statics/images/photo-next.png) no-repeat right;
}
#show.gallery .list-pic {
overflow: hidden;
border: solid 1px #ccc;
padding-bottom: 1rem;
position: relative;
}
#show.gallery .list-pic .cont {
height: 150px;
}
#show.gallery ul.picbig {
position: absolute;
}
#show.gallery .list-pic li {
width: 210px;
height: 150px;
float: left;
margin: 1rem 5px;
}
#show.gallery .list-pic li img {
width: 210px !important;
height: auto !important;
}
#show.gallery .list-pic .pre-bnt{
width: 4rem;
height: 180px;
display: block;
position: absolute;
z-index: 100;
border: solid 0.5px #ccc;
background: #000;
padding-top: 3.2rem;
}
#show.gallery .list-pic .next-bnt{
width: 4rem;
height: 180px;
display: block;
position: absolute;
right: 0em;
top: 0rem;
z-index: 100;
border: solid 0.5px #ccc;
background: #000;
padding-top: 3.2rem;
}
#show.gallery .content{
padding: 2rem 0;
}
#show.gallery .content p, #show.gallery .content div {
font-size: 1.6rem;
line-height: 3rem;
color: #282828;
}
#show.gallery .content img{
margin: 1rem 0;
max-width: 80%;
}
#show.gallery .content .wrap{
width: 98%;
}
#show.gallery h5{
font-size: 1.6rem;
font-weight: 600;
border-left: 5px solid #000;
padding-left: 10px;
margin-bottom: 1rem;
}
#show.gallery .related li {
padding: 0 5px;
}
#show.gallery .related li .img-wrapper{
height: 150px;
overflow: hidden;
}
#show.gallery .related li .img-wrapperimg{
width: 100%;
transition: ease all 0.5s;
}
#show.gallery .related li .img-wrapperimg:hover{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
#show.gallery .related li p {
color: #666;
margin-top: 0.5rem;
}
/* search style */
#search-list .input-group {
display: flex;
align-items: center;
padding-bottom: 1rem;
justify-content: center;
width: 100%;
}
#search-list .search_form .sinput {
outline: unset;
width:50%;
height: 5rem;
padding: 0 1rem;
border-radius: 3px 0 0 3px;
font-size: 1.6rem !important;
}
#search-list .search_form .sinput::placeholder {
font-size: 1.6rem;
line-height:2rem;
}
#search-list .search_form .sbtn {
width: 15%;
height: 5rem;
border: none;
font-size: 1.6rem;
font-weight: inherit;
color: #fff;
background: #000;
margin: 0;
border-radius: 0 3px 3px 0;
}
#search-list .wrapper.w1200 {
display: flex;
margin: 3rem auto 5rem auto;
}
#search-list .crumbs .wrapper.w1200 {
margin: 0 auto;
}
#search-list article {
order: 2;
margin-right: unset;
margin-left: 1%;
}
#search-list aside {
order: 1;
}
/* 分页 */
#pages {
padding: 3rem 0;
font-family: 微软雅黑;
text-align: center;
}
#pages a {
display: inline-block;
line-height: 2rem;
background: #fff;
border: 1px solid #e3e3e3;
text-align: center;
color: #333;
padding: 0.5rem 1rem;
margin: 3px;
}
#pages a.a1 {
display: none;
}
#pages a:hover {
background:#f1f1f1;
color:#000;
text-decoration:none
}
#pages span {
display:inline-block;
line-height:2rem;
background:#000;
border:1px solid #000;
color:#fff;
text-align:center;
padding: 0.5rem 1rem;
}
.page .noPage {
display:inline-block;
width:56px;
line-height:2rem;
background:url(../img/icu/titleBg.png) repeat-x 0 -55px ;
border:1px solid #e3e3e3;
text-align:center;
color:#a4a4a4;
}
#loading {
font-size: 1.6rem;
text-align: center;
padding: 1.5rem 0;
cursor: pointer;
color: #fff;
background: rgb(0 107 249 / 66%);
width: 33rem;
border-radius: 5px;
margin: 3rem auto;
}
#loading:hover {
background: rgb(0 107 249 / 76%);
}
/* loading animation */
.loader {
/* background: #000; */
/* background: rgb(0 0 0 / 18%); */
bottom: 0;
left: 31%;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 99999;
}
.loader p {
color: #2175e5;
font-size: 3rem;
position: absolute;
left: 46%;
top: 62%;
}
.loader-inner {
bottom: 0;
height: 60px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100px;
}
.loader-line-wrap {
animation:
spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite
;
box-sizing: border-box;
height: 50px;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
transform-origin: 50% 100%;
width: 100px;
}
.loader-line {
border: 4px solid transparent;
border-radius: 100%;
box-sizing: border-box;
height: 100px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 0;
width: 100px;
}
.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }
.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }
.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }
.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }
.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }
.loader-line-wrap:nth-child(1) .loader-line {
border-color: hsl(0, 80%, 60%);
height: 90px;
width: 90px;
top: 7px;
}
.loader-line-wrap:nth-child(2) .loader-line {
border-color: hsl(60, 80%, 60%);
height: 76px;
width: 76px;
top: 14px;
}
.loader-line-wrap:nth-child(3) .loader-line {
border-color: hsl(120, 80%, 60%);
height: 62px;
width: 62px;
top: 21px;
}
.loader-line-wrap:nth-child(4) .loader-line {
border-color: hsl(180, 80%, 60%);
height: 48px;
width: 48px;
top: 28px;
}
.loader-line-wrap:nth-child(5) .loader-line {
border-color: hsl(240, 80%, 60%);
height: 34px;
width: 34px;
top: 35px;
}
@keyframes spin {
0%, 15% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
/*footer*/
footer {
width: 100%;
padding: 2rem 0;
background: #000;
overflow: hidden;
}
footer .wrapper .top {
width:90%;
margin: 0 auto;
}
footer .wrapper .top ul {
display:flex;
}
footer .wrapper .top ul li{
flex-shrink: 0;
width: 33%;
}
footer .wrapper .top ul li a {
font-size: 1.4rem;
}
footer .wrapper .top .footer-navigation {
display: flex;
flex-wrap: wrap;
}
footer .top .links {
display: flex;
}
footer .top .links a {
font-size: 1.4rem;
width: 10rem;
flex-shrink: 0;
}
footer h5 {
font-size: 1.8rem;
color: #fff;
margin: 1rem 0;
}
footer a, footer p {
color: #777;
line-height: 2.8rem;
}
footer p {
font-size: 1.4rem;
}
footer a:hover {
color: #fff;
}
footer .copyright {
margin-top: 2rem;
padding-top: 1rem;
border-top: 1px solid rgb(255 255 255 / 15%);
}
footer .copyright p, footer .copyright p span, footer .copyright p span a {
font-size: 1.2rem;
text-align: center;
color: rgb(255 255 255 / 38%);
}
@media (max-width:991px){
h2 {
color: #fff;
font-size: 2.2rem;
}
h3 {
color: #555;
font-size: 2.2rem;
line-height: 3.6rem;
margin: 1rem auto;
text-align: center;
position: relative;
}
.w1200 {
width: 100%;
}
.br-pc{
display: inline-block;
}
.br-m{
display: block;
}
.pc-show{
display: none;
}
.phone-show{
display: block;
}
.title {
padding-bottom: 1rem;
}
.title p{
padding: 0 2%;
}
header nav ul.navigation{
display: none;
}
header .logo {
max-width: 300px;
float: left;
padding-left: 1rem;
}
/* phone navigation */
#phone_nav {
position: absolute;
right: 0.5rem;
display: flex;
justify-content: flex-end;
}
#phone_nav .rg {
width: 39px;
margin-right: 10px;
}
#phone_nav .a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
#phone_nav .a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
#phone_nav .a_txt .div2 {
position: absolute;
width: 20%;
left: 5%;
top: 5%;
z-index: 100;
text-align: center;
filter: alpha(opacity=0);
opacity: 0;
}
#phone_nav .a_txt .div3 {
position: absolute;
width: 80%;
right: 0px;
top: 0px;
background: #0b0d19;
height: 100%;
z-index: 100;
right: -80%;
padding-top: 1.8rem;
}
#phone_nav .a_txt .div3 ul{padding-left:5%;padding-right:5%}
#phone_nav .a_txt .div3 ul li{border-bottom:1px solid #232530}
#phone_nav .a_txt .div3 ul li .first-level-menu {
display: flex;
}
#phone_nav .a_txt .div3 ul li .first-level-menu a{
width: 80%;
flex-shrink: 0;
}
#phone_nav .a_txt .div3 ul li .first-level-menu span{
flex-shrink: 0;
width: 20%;
}
#phone_nav .a_txt .div3 ul li .a_js2_on span{
display:none;
}
#phone_nav .a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
#phone_nav .a_txt .div3 ul li .a_js2{
background:url("/statics/images/phone_nav/plus.png") 95% center no-repeat;
background-position-x: 70%;
-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s
}
#phone_nav .a_txt .div3 ul li .a_js2_on{background:url("/statics/images/phone_nav/reduce.jpg") 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
#phone_nav .a_txt .div3 ul li .a_txt2{display:none}
#phone_nav .a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
html {
min-width: unset;
}
main {
overflow: hidden;
width: 100%;
min-width: 100%;
}
/* banner style */
/* .index_focus {
position: relative;
margin: 0px auto;
overflow: hidden;
height: 325px !important;
background: #ccc;
}
.header-search {
position: absolute;
top: 10rem;
width: 100%;
left: 0;
margin-left: 0;
}
.index_focus .bd li {
height: 325px;
text-align: center;
}
.index_focus .bd li img {
width: 100%;
height: 100%;
object-fit: cover;
} */
#home .banner .mask .content {
width: 100%;
height: calc(50vh);
padding: 3%;
flex-direction: column;
left: unset;
}
#home .banner .mask .content .big-title {
flex-direction: column;
}
#home .banner .mask .content .big-title h2 {
font-size: 2.2rem;
line-height: 3.6rem;
font-weight: normal;
}
#home .banner .mask .content .big-title input {
font-size: 3.6rem;
}
#home .banner .mask .content p {
line-height: 2.6rem;
}
/* header search style */
.header-search {
padding-bottom: 0rem;
}
.header-search .search-type {
position: absolute;
left: 10%;
display: flex;
top: -5rem;
width: 80%;
}
.header-search .hot-search {
width: 100%;
height: 5rem;
font-size: 1.4rem;
}
.header-search .search_form .btn-search {
font-size: 1.8rem;
color: #fff;
height: 5rem;
width: 8rem;
}
/* items style */
#home .topics {
padding: 3rem 0;
}
#home .topics li {
width: 50%;
flex-shrink: 0;
padding: 1%;
transition: all linear 0.5s;
}
#home .topics li .img-wrapper {
width: 100%;
height: 18rem;
}
#home .topics li .detail {
height: 6rem;
padding: 1rem;
}
#home .topics li .detail li {
width: 50%;
}
/* main left style */
#home .recent .main-left {
flex-shrink: 0;
width: 100%;
}
.module-title {
padding: 0 3%;
}
/* list module style */
#home .list-module ul {
height: auto;
flex-direction: column;
justify-content: space-around;
padding: 0 3%;
}
#home .list-module .module-left {
width: 100%;
flex-shrink: 0;
}
#home .list-module .module-left li {
width: 100%;
}
#home .list-module .module-right {
width: 100%;
}
#home .list-module ul li .col-right {
padding: 1rem;
}
/* logo list style */
.logo-list ul li {
width: 45%;
}
/* recent styles */
#home .recent .wrapper.w1200 {
display: flex;
flex-direction: column;
}
article {
flex-shrink: 0;
width: 100%;
padding: 0 1rem;
margin-right: 0;
border-radius: 3px;
}
article .list li .col-left {
width: 40%;
height: 21rem;
overflow: hidden;
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
transition: all linear 0.5s;
}
article .list li .col-right {
width: 60%;
flex-shrink: 0;
padding: 0 1rem;
}
article .list li .col-right .wrapper h6 {
font-size: 1.6rem;
line-height: 2.6rem;
font-weight: 549;
color: #333;
}
article .list li .col-right .info {
display: flex;
flex-direction: column;
}
article .list li .col-right .description {
font-size: 1.4rem;
line-height: 2.2rem;
display: none;
}
article .list li .col-right .detail button {
right: 1rem;
bottom: 1rem;
}
aside {
width: 100%;
padding: 0 1rem;
border-radius: 3px;
padding-top: 3rem;
}
/* list styles */
#list {
padding-bottom: 0;
}
#list ul li {
width: 100%;
padding: 1%;
margin-bottom: 1rem;
}
#list ul li .img-wrapper {
width: 100%;
height: 25rem;
}
#list ul li .col-right .wrapper {
padding: 1rem;
position: relative;
height: 21rem;
box-shadow: unset;
}
#list ul li .col-right .info span {
font-size: 1.4rem;
}
#list ul li .col-right .description {
font-size: 1.4rem;
line-height: 2.2rem;
}
/* list recent styles */
#list-recent aside{
display: none;
}
/* school-list style */
#school-list .filter .switch {
width: 50%;
}
#school-list .filter fieldset#province div {
width: 20%;
}
#school-list .filter fieldset label {
font-size: 1.4rem;
margin: 0;
}
#school-list .filter .wrapper .middle .col-left input {
height: 5rem;
width: 100%;
font-size: 1.4rem;
padding-left: 1rem;
background-size: 10%;
}
#school-list .filter .wrapper .middle .col-left button {
width: 22%;
left: -18%;
font-size: 1.4rem;
padding: 0;
}
#school-list ul li .item-top .col-right .uni-logo {
width: 4rem;
flex-shrink: 0;
height: 4rem;
}
#school-list ul li .col-right h6 {
font-size: 2rem;
padding-left: 1rem;
}
#school-list ul li .col-right h6.english-name {
font-size: 1.2rem;
line-height: 1.6rem;
}
#school-list ul li .col-right .uni-tags span {
color: #2175e5;
padding: 0.3rem;
border: solid 1px #2175e5;
border-radius: 3px;
margin-right: 0.3rem;
line-height: 3rem;
font-size: 1.4rem;
}
#school-list ul li .col-right .uni-address, #school-list ul li .col-right .hot-rate {
background-size: 6%;
}
#school-list ul li .item-middle .uni-data ul {
flex-wrap: wrap;
}
#school-list ul li .item-middle .uni-data li {
width: 20%;
}
/* major-list style */
#major-list .filter, #major-list .crumbs .wrapper.w1200 {
width: 98%;
padding: 1%;
}
#major-list .filter .switch {
width: 50%;
}
#major-list .filter .middle {
display: flex;
width: 100%;
justify-content: unset;
flex-wrap: wrap;
flex-direction: column;
}
#major-list .filter .middle .col-left {
width: 100%;
flex-shrink: 0;
}
#major-list .filter .middle .col-right {
width: 100%;
flex-shrink: 0;
}
/* common table style */
table td, table th, table td a {
font-size: 1.2rem;
}
#major-list .already b {
font-size: 1.6rem;
display: block;
padding-bottom: 1rem;
}
#major-list .already span {
color: #fff;
background: rgb(39, 118, 226);
padding: 0.5rem 1rem;
display: inline-block;
margin-bottom: 1rem;
border-radius: 5px;
}
#major-list.level-3 .filter .middle .col-left {
width: 100%;
flex-shrink: 0;
}
#major-list.level-3 .filter .middle .col-right {
width: 100%;
flex-shrink: 0;
}
#major-list.level-3 .filter .middle .col-left #form .search input::placeholder{
font-size: 1.2rem;
}
/* school show style */
#show.school .show-top .wrapper.w1200 {
padding-top: 1rem;
}
#show.school .item-top {
display: flex;
flex-direction: column;
}
#show.school .item-top .col-left {
width: 100%;
flex-shrink: 0;
}
#show.school .item-top .col-right {
width: 100%;
flex-shrink: 0;
padding-top: 3rem;
}
#show.school .col-right .details div {
width: 100%;
background-size: 5%;
}
#show.school .item-middle .uni-data li {
width: 20%;
}
#show.school .item-bottom {
display: flex;
justify-content: center;
padding-top: unset;
flex-direction: row;
flex-wrap: wrap;
padding-bottom: 1rem;
}
#show.school article .statistics ul li {
width: 50%;
}
#show.school article .statistics ul li h5 {
font-size: 1.6rem;
}
#show.school article .statistics ul li p {
font-size: 1.4rem;
}
#show.school .item-top .col-right .uni-logo {
width: 15%;
height: auto;
flex-shrink: 0;
}
#show.school .item-top .col-right .titles{
width: 80%;
flex-shrink: 0;
}
#show.school .item-top .col-right h1, #show.school .item-top .col-right h6 {
padding-left: 1rem;
}
/* show styles */
#show .wrapper.w1200 {
display: flex;
margin: 0 auto 5rem auto;
flex-direction: column;
padding: 0 2%;
}
#show .crumbs .wrapper.w1200 {
margin: 0 auto;
flex-direction: initial;
}
#show .wrapper.w1200 article {
width: 100%;
overflow: hidden;
background: #fff;
}
#show .wrapper.w1200 aside {
width: 100%;
overflow: hidden;
padding: 0;
padding-top: 3rem;
}
#show article h1 {
font-size: 2.2rem;
line-height: 3.2rem;
text-align: center;
margin: 2rem;
}
#show article #content img {
max-width: 100%;
}
/* search list style */
#search-list .wrapper.w1200 {
display: flex;
margin: 3rem auto 5rem auto;
flex-direction: column;
}
#search-list .crumbs .wrapper.w1200 {
flex-direction: row;
}
#search-list article {
order: 1;
}
#search-list aside {
order: 2;
}
#search-list .search_form .sinput {
width: 80%;
}
/* news list style */
#news .item-list ul li {
flex-shrink: 0;
width: 100%;
}
#news .item-list ul li .desc h6 {
color: #333;
font-size: 1.8rem;
}
#news .item-list ul li .desc .description {
font-size: 1.4rem;
}
/* f-link styles */
.f-link {
display:none;
}
/* footer styles */
footer .wrapper .top ul li{
display:none;
}
footer .wrapper .top ul li:nth-child(1) {
display: block;
width: 100%;
}
footer .wrapper .top ul li:nth-child(1) img {
display: block;
margin: 0 auto;
}
footer .top .links{
display: none;
}
#show article .tags a {
line-height: 3.6rem;
}
.row.copyright p, .row.copyright span, .row.copyright a {
color: rgb(255 255 255 / 35%);
font-size: 1.2rem;
}
.row.copyright span.beian {
display: block;
}
}