@font-face {
    font-family: gothamMedium;
    src: url("../fonts/GothamMedium.otf");
    
  }

body, html {
    padding: 0;
    margin: 0;
    height: 100%;
   /* color: #333;*/
    font-family: PingFang SC,NotoSansCJKsc,DroidSans,Roboto,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif,Arial,Verdana;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,

h4,h5,h6,form,input,button,textarea,p {margin: 0;padding: 0;}

html {min-width: 1300px;overflow-x: hidden;}

li {list-style: none;}

a,a:hover,a:visited,a:active {text-decoration: none;}

input,select {border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;}

em,i {font-style: normal;}

img {max-width: 100%;border: none;}

.clear {clear: both;}

.header-top * {font-size: 14px;}

/*header {margin: 0;width: 100%;height: 91px;min-width: 1000px;background-color: #fff;z-index: 1001;box-shadow: 0 0 3px rgba(0,0,0,.25);}*/

.pc-container {width: 1170px;margin: 0 auto;}

.pull-right {float: right;}

.pull-left {float: left;}


 .header-top {
    background-color: #444;
    height: 28px;
    line-height: 28px;
    color: #ccc;
}

.header-top .split {
    float: left;
    width: 1px;
    height: 12px;
    margin-top: 9px;
    border-right: 1px solid #aaa;
    margin-left: 14px;
}

 .header-top a {
    color: #ccc;
    margin-left: 15px;
}

 .header-top .item {
 	color: #ccc;
    float: left;
}

.header-bottom .logo{float: left;padding-top: 12px;}

.header-bottom .navi li {float: left;padding: 0 15px;font-size: 16px;color: #333;border: none;border-bottom: 3px solid #fff;}

.header-bottom .navi li a{color: #333;line-height: 60px;}

.header-bottom .navi .active {border-bottom: 3px solid #078cf1;}

.header-bottom .navi .active a {color: #078cf1;}

.header-bottom .search-input {padding: 6px 12px 7px 34px;width: 280px;border: 1px solid #edf0f2;font-size: 15px;line-height: 21px;border-radius: 4px;background: #f1f2f2 url(../img/search-icon.png) no-repeat 12px/16px 16px;transition: all .3s ease;margin-top: 12px;margin-left: 15px;}

.school-index-header-box {background-color: rgba(0,0,0,.5);height: 100%;}

.school-index-header {height: 300px;background-position: 50%;background-size: cover;background-image: url(../img/daxue.jpg);/*filter: blur(5px);*/}

.school-index-header .breadcrumb-box {margin: 20px auto 35px;line-height: 13px;}

.school-index-header .breadcrumb-box a {color: #fff;opacity: .6;font-size: 13px;}

.school-index-header .school-logo {margin-right: 15px;height: 100px;width: 100px;border-radius: 50%;padding: 8px;background-color: #fff;}

.school-index-header .school-text .school-ch-name {margin: 4px auto 5px;font-size: 42px;line-height: 42px;font-weight: 700;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;}

.school-index-header .school-text .school-en-name {margin-bottom: 20px;font-size: 18px;line-height: 24px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;}

.school-index-header .school-text .school-location {color: #fff; font-size: 14px;margin-bottom: 10px;}

.school-index-header .school-text .header-icon {margin-right: 8px;width: 17px;height: 15px;fill: hsla(0,0%,100%,.8);vertical-align: middle;}

.school-index-header .school-text .website-text {color: #fff;font-size: 14px;}

.school-index-header .school-text .btn-add {padding-left: 22px;width: 115px;height: 30px;border-radius: 3px;line-height: 30px;font-size: 14px;color: #fff;background-color: #25bee4;transition: all .3s;margin-top: 15px;}


.school-index-header .section-right .rank-box {margin: 50px auto 18px;}

.school-index-header .section-right .rank-box .rank-item:first-child {margin-right: 10px;}

.school-index-header .section-right .rank-box .rank-item {width: 140px;min-height: 147px;text-align: center;}

.school-index-header .section-right .rank-box .rank-item .rank-title {margin-bottom: 6px;font-size: 14px;line-height: 20px;font-weight: 600;color: #fff;}

.school-index-header .section-right .rank-box .rank-item .rank-main {display: inline-block;height: 60px;width: 64px;padding-top: 8px;background-color: #fff;}

.school-index-header .section-right .rank-box .rank-item .rank-main p {color: #078cf1;font-size: 31px;font-family: gothamMedium,sans-serif;vertical-align: top;}

.school-index-header .section-right .rank-box .rank-item .rank-main .rank-main-type {font-size: 12px;color: #949ba1;line-height: 17px;}

.school-index-header .section-right .rank-box .rank-item .rank-main::before {left: 0;border-right: 32px solid transparent;}

.school-index-header .section-right .rank-box .rank-item .rank-main::before {position: absolute;bottom: -13px;content: "";border-top: 13px solid #fff;}

.school-index-header .section-right .rank-box .rank-item .rank-main::after {right: 0;border-left: 32px solid transparent;}


.school-index-header .section-right .rank-box .rank-item .rank-sub:nth-child(3) {margin-top: 23px;}

.school-index-header .section-right .rank-box .rank-item .rank-sub .rank-num {font-size: 17px;line-height: 1;color: #fff;font-weight: 700;font-family: gothamMedium,sans-serif;}

.school-index-header .section-right .rank-box .rank-item .rank-sub .rank-type {font-size: 12px;line-height: 17px;margin-left: 4px;vertical-align: 1px;font-weight: 400;color: hsla(0,0%,100%,.7);}


.school-index-header .section-right .btn-box {color: #fff;}

.header-btn {width: 140px;height: 42px;border-radius: 21px;line-height: 42px;font-size: 16px;text-align: center;color: #fff;}

.school-index-header .section-right .btn-box .header-btn:first-child {margin-right: 10px;background-color: #ff9c08;}

.school-index-header .section-right .btn-box .header-btn:nth-child(2) {background-color: #078cf1;}