.hide{display: none;}

.school-info{margin-top: 35px;margin-bottom: 30px;}
.school-info h2{font-size: 24px;color: #1C1F21;font-weight: bold;}
.school-info .info{width: 780px;float: left;padding-left: 20px;margin-right: 35px;position: relative;}
.school-info .info h2{margin-left: -20px;margin-bottom: 30px;}
.school-info .info h1{font-size: 31px;color: #2e3e57;font-weight: bold;position: absolute;left: 0;top: 0;width: 100%;text-align: center;}
.school-info .info p{line-height: 180%;font-size: 15px;margin-bottom: .4em;}
.school-info .info .img {width: 220px;float: left;padding-top: 25px;padding-right: 21px;}
.school-info .info .img img {max-width: 100%;}
.school-info .item{float: right;width: 315px;}
.school-info .item .content{margin-top: 30px;height: 350px;overflow-y: scroll;}
.school-info .item .content strong{font-weight: bold;}
.school-info .item .content *{line-height: 25px;font-size: 16px!important;color: #666!important;font-family: inherit!important;}
.school-info .item .content::-webkit-scrollbar {width: 14px;height: 14px;}
.school-info .item .content::-webkit-scrollbar-track,.school-info .item .content::-webkit-scrollbar-thumb {border-radius: 999px;border: 5px solid transparent;}
.school-info .item .content::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
.school-info .item .content::-webkit-scrollbar-thumb {min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
.school-info .item .content::-webkit-scrollbar-corner {background: transparent;}

/*校区分布*/
.container-types .types-title {position: relative;font-size: 24px;color: #1C1F21;letter-spacing: 0px;line-height: 32px;margin-top: 30px;}
.container-types .types-title span {float: left;font-weight: bold;}
.container-types .types-title {position: relative;font-size: 24px;color: #1C1F21;letter-spacing: 0px;line-height: 32px;}
.container-types .types-title .intro {margin-top: 6px;margin-left: 12px;font-weight: normal;font-size: 14px;color: #545C63;line-height: 20px;}
.container-types .types-title span {float: left;font-weight: bold;}
.path-list {margin-top: 24px;}
.path-list i {float: left;width: 50px;height: 50px;margin-left: 12px;margin-right: 10px;}
.path-list .i-web {background-position: center 0;}
.path-list .i-java {background-position: center -50px;}
.path-list .i-android {background-position: center -150px;}
.path-list .i-php {background-position: center -200px;}
.path-list .i-python {background-position: center -100px;}
.path-list .i-fullstack {background-position: center -200px;}
.path-list > a {float: left;margin-left: 18px;font-size: 0;display: block;width: 216px;padding-top: 15px;height: 65px;overflow: hidden;transition: all .3s;background: #F3F5F6;border-radius: 8px;text-decoration: none;}
.path-list > a:hover {box-shadow: 0px 4px 8px #0000001f;}
.path-list > a:first-child {margin-left: 0;}
.path-list .tit {font-size: 16px;font-weight: bold;color: #1C1F21;letter-spacing: 1px;margin-top: 4px;}
.path-list .desc {font-size: 12px;color: #1C1F21;line-height: 16px;margin-top: 2px;font-weight: 400;}

/*链接*/
.course-cate.links{margin-top: 30px;}
.course-cate.links h3{border-bottom: 1px solid lightgray;padding-bottom: 10px;}
.course-cate.links h3 ul{margin-left:0;line-height: 40px;font-size: 18px;}
.course-cate.links h3 ul li{margin-left:0;margin-right: 35px;font-size: inherit;border:none;position: relative;line-height: 40px;}
.course-cate.links h3 ul li.active a {color: #FF5400;}
.course-cate.links h3 ul li.active:before {content: '';width: 22px;height: 3px;background-color: #ff5e48;position: absolute;left: 25px;bottom: 0;}
.course-cate.links .sub li{width: 12%;height: inherit;}
.course-cate.links .sub li a{height: 100%;font-size: 16px;color: #333;display: block;border: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0;}

/*资讯列表*/
.school-article-list{margin-top: 30px;}
.school-article-list .sub li{float: left;margin-left: 24px;margin-bottom: 24px;width: 564px;height: 148px;}
.school-article-list .sub li .img-up, .school-article-list .sub li .img-mid, .school-article-list .sub li .img-down {margin: 0 auto;position: absolute;border-radius: 8px;background-size: cover;background-repeat: no-repeat;background-position: center;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.school-article-list .sub li .img-up {left: 0px;top: 0;width: 140px;height: 140px;z-index: 3;}
.school-article-list .sub li:hover .img-up {top: -5px;left: 0px;}
.school-article-list .sub li .img-mid {top: 4px;left: 4px;width: 132px;height: 140px;opacity: 0.4;z-index: 2;}
.school-article-list .sub li .img-down {top: 8px;left: 8px;width: 124px;height: 140px;opacity: 0.2;z-index: 1;}
.school-article-list .sub li .course-banner {float: left;position: relative;transition: all .3s;width: 140px;height: 140px;background-color: #f3f5f7;border-radius: 8px;}
.school-article-list .sub li h4 {margin: 8px 0;margin-left: 164px;font-size: 16px;color: #1C1F21;line-height: 20px;min-height: 20px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.school-article-list .sub li:hover h4 {color: #F20D0D;}
.school-article-list .sub li p {margin-left: 164px;font-size: 14px;color: #545C63;letter-spacing: 0;line-height: 20px;height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}