.area_section {
    text-align: center;
    padding:1.5rem 0 1.9rem;}

.area_section h1 {
    font-size: 2rem;
    color: #050101;
    line-height:2.8rem;
    margin-bottom:0.2rem;
    font-weight: 300;
}
.area_section h3 {
    font-size: 1.5rem;
    color: #050101;
    line-height: 2rem;
    font-weight: 300;
}
.school_list { width:100%; display:block; padding:0 4%;}
.school_item {
    background: #fff;
    border-radius: .8rem;
    -webkit-box-shadow: 0 0.02rem 0.08rem 0 rgba(0,0,0,0.10);
    box-shadow: 0 0.02rem 0.08rem 0 rgba(0,0,0,0.10);
    margin-bottom: 1.4rem;
    overflow: hidden;
}
.school_name_banner {
    width: 100%;
    position: relative;
}
.school_name_banner img {
    width: 100%;
    height: 100%;
}
.school_name_banner p {
    position: absolute;
    z-index: 9;
    top: 1.5rem;
    left: 0;
    right: 0;
    line-height: 2.6rem;
    text-align: center;
    color: #fff;
    font-size: 1.15rem;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(231,88,94,0.00)), color-stop(50%, #E7585E), to(rgba(231,88,94,0.00)));
    background-image: linear-gradient(-90deg, rgba(231,88,94,0.00) 0%, #E7585E 50%, rgba(231,88,94,0.00) 100%);
}
.school_major_list{ width:100%;}
.school_major_list .title {
    font-size: 1.2rem;
    color: #878787;
    margin: .8rem 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.school_major_list .title img {
    width: 4rem;
}
.right_line {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.school_major_list .title p {
    margin: 0 .8rem;
}
.school_major_list .major_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 2rem;
	padding-bottom: 1.2rem;
}
.school_major_list .major_item:nth-child(odd) {
    margin-right: 4%;
}
.school_major_list .major_item {
    border: 1px solid #E7585E;
    border-radius: .46rem;
	width:48%;
    height: 2.6rem;	
    line-height: 2.6rem;
    text-align: center;
    font-size: 1.15rem;
    color: #E7585E;
    margin-bottom:0.8rem;
}
.major_section{padding-bottom: .25rem;}
.major_section h1 {
    font-size: 28px;
    color: #050101;
    margin-bottom: 1.4rem;
    text-align: center;
    font-weight: 300;
}
.major_section .hot_major_list{ width:100%; padding:0 4% 5px; display:inline-block}
.hot_major_list a:nth-child(odd) {
    margin-right:4%;
}
.hot_major_list a {
	float:left;
    width:48%;
	padding:14px 0;
    margin-bottom: 0.6rem;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);
    border-radius: .4rem;
    font-size:1.05rem;
    color: #050101;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-indent: 4.5rem;
    background: #fff url(../images/major_hot_icon.png) no-repeat;
    background-position:2rem;
    background-size: 1.5rem;
}























