header{

    width: 100%;

    background: #ffffff;

}

/*---------顶部-------*/

.search input{

    width: 3.5rem;

}

.position{

    margin-left: 0.6rem;

}

.search {

    margin-left: 0.6rem;

}

/*---------课程分类--------*/

.course{

    background: #ffffff;

    padding-top: 0.2rem;

    padding-bottom: 0.2rem;

    margin-top: 0.88rem;

}

.course li{

    float: left;

    margin-left: 0.3rem;

    margin-top: 0.08rem;

    padding: 0 0.15rem;

}

.course li:first-child{

    margin-left: 0;

}

.course ul{

    width:6.2rem;

    float: left;

}

.course a{

    color: #5b5b5b;

    font-size: 0.26rem;

    display: inline-block;

    text-align: center;

}

.course a:hover{

    color: #e14343;

}

.course span{

    float: left;

    margin-top: 6px;

    color: #121314;

    font-size: 0.26rem;

    display: block;

}

.course img{

    width: 0.23rem;

    height: 0.13rem;

}

/*-----下拉----*/

.show_course{

    display: none;

    background: #ffffff;

    padding-bottom: 0.2rem;

}

.show_course li{

    float: left;

    margin-left: 0.25rem;

    margin-top: 0.15rem;

}

.show_course li:first-child{

    margin-left: 0;

}

.show_course li a{

    display: block;

}

.show_course ul{

    width:7.5rem;

    float: left;

}

.show_course a{

    color: #5b5b5b;

    font-size: 0.26rem;

    display: inline-block;

    text-align: center;



}

.show_course a:hover{

    color: #e14343;

}

.show_course span{

    float: left;

    margin-top: 6px;

    color: #121314;

    font-size: 0.26rem;

    display: block;

}



/*----------排行筛选-----------*/

.ranking {

    margin-top: 0.01rem;

    background: #ffffff;

    padding-top: 0.2rem;

    padding-bottom: 0.2rem;

}

.ranking a{

    color: #5b5b5b;

    font-size: 0.26rem;

    display: inline-block;

    padding: 0.01rem 0.15rem;

    text-align: center;

    border-radius: 0.05rem;

    border:1px solid #bfbfbf;

    margin-left: 0.1rem;

}

.ranking li{

    width: 33.3%;

    float: left;

    text-align: center;

}

.ranking .current01{

    color: #e14343;

    border: 1px solid #e14343;;

}

.course .current01{

    color: #e14343;

}

.

/*-------------学校列表---------*/

.med_hot {

    margin-top: 0.1rem;

    padding-top: 0.2rem;

    background: #ffffff;

    padding-bottom: 0.2rem;

}

.med_hot li{

    position: relative;

}

.hot_right h1{

    color: #940000;

}

.phone{

    color: #4a4a4a;

    font-size: 0.24rem;

    margin-top: 0.05rem;

}

.phone img{

    width: 0.28rem;

    height: 0.28rem;

}

.zx{

    position: absolute;

    left: 6.3rem;

    width: 16%;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    top: 0.6rem;

}

.zx p{

    text-align: center;

    color: #4a4a4a;

    font-size: 0.2rem;

}

.zx  a{

    font-size: 0.18rem;

    color: #ffffff;

    display: inline-block;

    background: #e14343;

    padding: 0.02rem  0.1rem;

    border-radius: 0.4rem;

    margin-top: 0.06rem;

}

.hot_left{

    float: left;

/*    position: absolute;

    left: 0;*/

}

.hot_right{

    width: 70%;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    text-align: left;

}

.med_hot .swiper-slide{

   width: 7.5rem !important;

    margin-top: 0.2rem;

    position: relative;

    height: 12%;

/*    border-bottom: 0.01rem solid #dcdcdc;

    padding-bottom: 0.2rem;*/

}

.med_hot .swiper-wrapper{

    height: 10.5rem !important;

}

.counseling_list .swiper-slide {



}









@media (max-width: 768px) {

    .search {

        margin-left: 0.38rem;

    }

    .course ul {

        width: 5.8rem;

    }

    .course li{

        margin-left: 0.19rem;

    }

    .show_course li{

       margin-left: 0.45rem;

        word-wrap:break-word;

    }

    .show_course ul{

        margin-top: -0.2rem;

    }

    .show_course ul li:nth-child(6){

        margin-left: 0;

    }

    .show_course ul li:nth-child(7){

        margin-left: 0.45rem !important;

    }

    .show_course ul li:nth-child(11){

        margin-left: 0;

    }

    .show_course ul li:nth-child(13){

        margin-left: 0.45rem !important;

    }

    .show_course ul li:nth-child(15){

        white-space: pre-wrap;

        margin-left: -0.07rem;

        text-align: left;

        padding-right: 0.3rem;

    }

    .zx {

        left: 5.85rem;

    }

}

@media (max-width: 420px) {

    .search {

        margin-left: 0.32rem;

    }

    .position {

        margin-left: 0.4rem;

    }

    .ranking{

        margin-top: 0.02rem;

    }

    .zx{

        left: 5.5rem;

        width: 26%;

        -webkit-transform: scale(0.9);

        top: 0.4rem;

    }

    .zx a{

        margin-left: 0.2rem;

        margin-top: 0.1rem;

    }

/*    .hot_right{

        margin-left: -0.05rem;

    }*/

    .swiper-wrapper{

        height: 11rem !important;

    }

    .short_hot li{

        margin-left: 0.3rem;

    }

}

@media (max-width: 360px) {

    .search {

        margin-left: 0.3rem;

    }

    .zx{

        left: 5.5rem;

        top: 0.4rem;

        -webkit-transform: scale(0.8);

    }

    .zx a {

        padding: 0.02rem 0.15rem;



    }

    .zx a{

        margin-left: 0rem;

        margin-top: 0.1rem;

    }

}

@media (max-width:320px) {

    .zx{

        display: none;

    }

/*    .hot_right {

        margin-left: 1.9rem;

    }*/

    .search {

        margin-left: 0.24rem;

    }

    .position {

        margin-left: 0.35rem;

    }

    .course li {

        margin-left: 0.06rem;

    }

    .course ul {

        width: 5.6rem;

        margin-top: 0.05rem;

    }

    .show_course li {

        margin-left: 0.35rem;

    }

/*    .hot_right{

        margin-left: -0.2rem;

    }*/

    .short_region li{

        margin-left: 0.3rem;

    }

}



.med_hot .swiper-slide>a{

    width: 100%;

}