.MainContent{
    margin-top: 60px;
}
.MainContent .container{
    display: flex;
}

.MainContent .column2-left {
    flex:1;
    min-width:0;
    margin-right: 40px;
}
.MainContent .column2-right {
    width: 300px
}
.MainContent .section-head {
    font-size    : 18px;
    margin-bottom: 16px
}

.MainContent .section-head .color {
    color: #ff4d2b
}

.MainContent .section-head {
    margin-bottom: 30px;
    font-weight:bold;
}

.params-wrap {
    padding: 5px 19px 20px;
    border : 1px solid #ddd
}

.label-wrap {
    margin-top: 15px;
    font-size : 14px
}

.label-wrap>p {
    float      : left;
    width      : 60px;
    font-weight: 700
}

.label-wrap>.label-list {
    flex:1;
    min-width:0;
    padding-bottom: 10px;
    border-bottom : 1px solid #ddd
}

.label-wrap>.label-list>li {
    float    : left;
    min-width: 120px
}

.label-wrap>.label-list>li>a {
    display      : inline-block;
    height       : 24px;
    line-height  : 24px;
    margin-bottom: 5px;
    padding      : 0 10px;
    color        : #333
}

.label-wrap>.label-list>li input {
    display: none
}

.label-wrap>.label-list>.active>a {
    background-color: #318ffd;
    color           : #fff
}

.range-wrap {
    margin: 35px 0 25px
}

.range-wrap>li {
    float      : left;
    width      : 92px;
    height     : 30px;
    line-height: 28px;
    text-align : center;
    border     : 1px solid #ddd;
    color      : #666
}

.range-wrap>li:last-child {
    border-left: none
}

.range-wrap>li input {
    display: none
}

.range-wrap>li .icon-range-down {
    display   : inline-block;
    width     : 8px;
    height    : 16px;
    margin    : 0 0 -3px 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAANCAMAAACNWf6YAAAATlBMVEUAAACZmZn/ZgCZmZmZmZmZmZn/ZgCZmZn/ZgD/ZgD/ZgCZmZn/ZgCZmZn/ZgCZmZn/ZgD/ZgCZmZn/ZgCZmZn/ZgD/ZgD/ZgCZmZn/ZgBCuMo/AAAAGHRSTlMA8PDjMQ4O8/Pn3o+PUlJEMzCenp2dRUT2DZmdAAAAYElEQVQY083JxxWEMAxAwQ8O5LRLkPpvlCefjGmAuQ5QiVQUatUavpfeNyKN92S2tVVt141BkoHMqMlIcHYukIm9XR9hsVx4uCxPgF3kR+FQ/WOCc4FC7LpIMk28zDNwA1IGB654k6BMAAAAAElFTkSuQmCC) 0 no-repeat
}

.range-wrap>.active {
    color: #f90
}

.range-wrap>.active .icon-range-down {
    background-position: -20px
}

.school-list {
    margin-right: -25px
}

.school-list>.school-item {
    float  : left;
    width  : 246px;
    height : 308px;
    margin : 0 25px 25px 0;
    padding: 20px 16px;
    border : 1px solid #ddd
}

.school-list>.school-item>.thumb {
    width : 96px;
    height: 96px;
    margin: 0 auto
}

.school-list>.school-item>.thumb>a {
    display       : table-cell;
    width         : 96px;
    height        : 96px;
    overflow      : hidden;
    vertical-align: middle
}

.school-list>.school-item>.thumb>a>img {
    width     : 100%;
    max-width : 100%;
    max-height: 100%
}

.school-list>.school-item>.name {
    height       : 59px;
    margin       : 13px 0;
    font-size    : 18px;
    text-align   : center;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden
}
.school-list>.school-item>.name a{
    color:#333;
}

.school-list>.school-item>.name>.chn {
    font-weight: 700
}

.school-list>.school-item>.name .en {
    font-size  : 16px;
    white-space: nowrap;
    overflow   : hidden
}

.school-list>.school-item>.focus {
    padding-bottom: 10px;
    margin-bottom : 0;
    text-align    : center;
    color         : #999;
}

.school-list>.school-item>.operation {
    text-align: center
}
.school-list>.school-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.school-list>.school-item>.operation>.btn {
    display        : inline-block;
    width          : 64px;
    height         : 30px;
    line-height    : 28px;
    text-align     : center;
    border         : 1px solid #ddd;
    margin-right   : 20px;
    text-decoration: none
}

.school-list>.school-item>.operation>.btn-prime {
    color: #0076ff
}

.school-list>.school-item>.operation>.btn-prime:hover {
    color           : #fff;
    border-color    : #0076ff;
    background-color: #0076ff
}

.school-list>.school-item>.operation>.btn-energized {
    color: #f60
}

.school-list>.school-item>.operation>.btn-energized:hover {
    color           : #fff;
    background-color: #f60;
    border-color    : #f60
}
.pages {
    clear: both
}

.pages,
.pages>ul {
    text-align: center
}

.pages>ul {
    display: inline-block;
    margin : 0 auto
}

.pages>ul>li {
    float     : left;
    text-align: center
}

.pages a,
.pages span {
    display    : inline-block;
    padding    : 9px 16px;
    line-height: 20px;
    margin     : 0 3px;
    text-align : center;
    color      : #666;
    border     : 1px solid #e1e1e1
}

.pages .pages_moren,
.pages a:hover {
    background-color: #0092dd;
    border-color    : #0092dd;
    color           : #fff;
    text-decoration : none
}

.ranking-list {
    margin: 0 -12px -12px 0
}

.ranking-list>.ranking-item {
    float           : left;
    width           : 144px;
    height          : 68px;
    margin          : 0 12px 12px 0;
    padding         : 10px 6px;
    background-color: #4b9eff;
    font-size       : 12px;
    line-height     : 1.2
}

.ranking-list>.ranking-item a {
    text-decoration: none
}

.ranking-list>.ranking-item .chn {
    font-size  : 12px;
    line-height: 20px;
    color      : #fff
}

.ranking-list>.ranking-item .en {
    font-size  : 9px;
    color      : #fff;
    line-height: 1.2;
    overflow : hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
}
.news-list>li {
    font-size    : 14px;
    line-height  : 20px;
    margin-bottom: 14px;
    list-style   : inside decimal
}
.label-wrap{
    display: flex;
}
.MainContent .section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:100%;
}
.dot {
    text-decoration: none
}

.dot>i {
    display         : inline-block;
    width           : 5px;
    height          : 5px;
    background-color: #333
}

.dot:hover {
    text-decoration: none
}

.MainContent .column2-right .section{
    margin-bottom:60px;
}
.news-list>li a{
    color:#333;
}
.news-list>li span{
    float:right;
}


.counselor {
    margin : 40px auto;
    padding: 30px 40px 50px 60px;
    border : 1px solid #ddd;
    clear  : both
}

.counselor .section-head {
    text-align   : center;
    margin-bottom: 30px
}
.counselor-list {
    width: 700px
}

.counselor-list>.counselor-item {
    width: 310px
}

.counselor-list>.counselor-item>.thumb {
    float        : left;
    width        : 72px;
    height       : 72px;
    border-radius: 50%;
    overflow     : hidden
}

.counselor-list>.counselor-item>.thumb>img {
    width : 100%;
    height: 100%
}

.counselor-list>.counselor-item>.info {
    padding-left: 85px
}

.counselor-list>.counselor-item>.info>.name {
    line-height: 1;
    font-size  : 18px;
    font-weight: 700
}

.counselor-list>.counselor-item>.info>.name>small {
    color      : #999;
    margin-left: 10px;
    font-weight: 400
}

.counselor-list>.counselor-item>.info>.en-intro {
    font-size: 12px;
    color    : #999;
    margin   : 10px 0 17px
}

.counselor-list>.counselor-item>.info .btn {
    padding    : 0;
    width      : 93px;
    height     : 28px;
    line-height: 28px;
    color      : #fff
}

.counselor-list>.counselor-item>.info .btn-prime {
    background-color: #0076ff
}

.counselor-list>.counselor-item>.info .btn-success {
    background-color: #35b806
}

.counselor-wechat {
    width: 290px
}

.counselor-wechat>.fl>li {
    line-height: 20px;
    margin     : 7px 0 16px
}

.counselor-wechat>.fl>.first-child {
    color: #999
}

.counselor-wechat>.fl>.second-child {
    color: #777
}

.counselor-wechat>.qrcode-wrap {
    width     : 130px;
    text-align: center
}

.counselor-wechat>.qrcode-wrap>.qrcode {
    width : 89px;
    height: 89px;
    margin: 0 auto 10px
}

.counselor-wechat>.qrcode-wrap>.qrcode>img {
    width : 100%;
    height: 100%
}

.counselor-wechat>.qrcode-wrap>p {
    font-size: 12px;
    color    : #999
}

.section-head {
    font-size    : 18px;
    margin-bottom: 30px;
    text-align: center;
}

.section-head .color {
    color: #ff4d2b
}

.asideArticle .fr{
}
.asideArticle .fl{
    float:left;
}

.asideArticle .counselor-wrap{
    display: flex;
    justify-content: center;
}
.counselor-list{
    width:auto;
    display: flex;
    align-items: center;
}
.counselor-wechat{
    width:auto;
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.counselor-list li{
    margin-right: 30px;
}
.counselor .section-head{
    margin-bottom:40px;
}
.counselor .section-head{
    font-weight:bold;
}

@media (max-width:1499px){
    .school-list>.school-item{
        width:243px;
    }
}

@media (max-width:575px){
    .MainContent .container{
        flex-direction: column;
    }
    .asideArticle .counselor-wrap{
        flex-direction: column;
    }
    .counselor{
        margin:20px 0;
        padding:20px;
    }
    .counselor-list>.counselor-item{
        display: flex;
        flex-direction: column;
    }
    .counselor-list>.counselor-item>.info{
        padding-left: 0;
    }
    .counselor-list>.counselor-item{
        align-items: center;
    }
    .counselor-list>.counselor-item>.info>.name{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin:15px 0;
    }
    .counselor-list>.counselor-item>.info>.name>small{
        margin-left: 0;
        margin-top: 10px;
    }

    .counselor-list>.counselor-item>.info .btn-wrap{
        display: flex;
        justify-content: center;
    }
    .counselor-list>.counselor-item{
        width:50%;
        margin-right: 0;
        padding:0 10px;
    }
    .counselor-list{
        align-items: flex-start;
    }
    .counselor-wechat{
        margin-left: 0;
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }
    .counselor-wechat>.fl>li{
        font-size: 14px;
    }

    .MainContent{
        margin-top: 20px;
    }

    .range-wrap{
        margin:20px 0;
    }
    .school-list{
        margin-right: 0;
        display: flex;
        flex-flow:wrap;
    }
    .school-list>.school-item{
        width:49%;
        margin-right: 0;
    }
    .school-list>.school-item:nth-of-type(2n+0){
        margin-left: 2%;
    }
    .school-list>.school-item{
        height:250px;
    }
    .school-list>.school-item>.thumb{
        width:40px;
        height:40px;
    }
    .school-list>.school-item>.thumb>a{
        width:auto;
        height: auto;
    }
    .school-list>.school-item>.name{
        height:auto;
    }
    .school-list>.school-item>.name a{
        display: block; 
        font-size:14px;
        color:#333;
    }
    .school-list>.school-item>.name .en{
        font-size: 12px;
    }
    .MainContent .column2-left{
        margin-left: 0;
        margin-right: 0;
    }
    .MainContent .column2-right{
        width:100%;
    }
    .ranking-list>.ranking-item{
        width:49%;
        margin-right: 0;
    }
    .ranking-list>.ranking-item:nth-of-type(2n+0){
        margin-left: 2%;
    }
    .ranking-list{
        margin:0;
    }
    .MainContent .section-head{
        margin-bottom: 20px;
    }
    .MainContent .column2-right{
        margin-top: 30px;
    }
    .MainContent .column2-right .section{
        margin-bottom: 30px;
    }

}