/*--------------banner-------*/

.major_banner{

    background: #ffffff;

}

.major_banner>.wrap{

    height: 3rem;

    background: url("../images/m_index_major_banner.png") no-repeat center/cover;

}

/*-------------男女切换按钮-----------*/

.hot_major{

    margin-top: 0.2rem;

}

body{

    background: #ffffff;

}

.hot_major_menu ul{

    background: #ffffff;

}

.hot_major_menu  li{

    width: 3.4rem;

    height: 0.7rem;

    text-align: center;

    float: left;

    color: white;

    font-size: 0.26rem;

    border-radius: 0.05rem;

    line-height: 0.4rem;

    cursor: pointer;

    margin-bottom: 0.1rem;

    z-index: 1;

}



.hot_major p{

    font-size: 0.18rem;

    margin-top: -0.1rem;

    font-weight: normal;

}

.man{

    background: #52a4ea;

    position: absolute;

}

.female{

    background: #f19ec2;

    left: 7.4rem;

    position: absolute;

}

.hot_major .on09{

    box-shadow: 0rem 0.05rem 0.15rem rgba(0,0,0,0.3);

}



/*------------------学校排行-------------------------*/

.tab_01,.tab_02{

    margin-top: 0.4rem;

}

.tab_01>ul>li ,.tab_02>ul>li{

    background: #ffffff;

    margin-top: 0.1rem !important;

    padding-top: 0.3rem !important;

    box-shadow: 0 0.08rem 0.02rem #e6e6e6;

}

.school_top{

    padding-top: 0.2rem;

    padding-bottom: 0.2rem;

}

/*---------------------热门指数-------------------------*/

.school_left{

    width: 3.45rem;

    height: 1.74rem;

    float: left;

    position: relative;

}

.school_left>img{

    width: 3.45rem;

    height: 1.74rem;

    border-radius: 0.1rem;



}

.school_left h4 img{

   width: 0.19rem;

    height: 0.17rem;

}

.school_left_text{

    position: absolute;

    left: 0.1rem;

    top: 0.1rem;

}

.school_line{

    width: 0.45rem;

    height: 0.04rem;

    border-radius: 0.04rem;

    background:#f18c8c;

}



.school_left_text h3{

    font-size: 0.24rem;

    color:#f18c8c;

    margin-top: 10px;

    letter-spacing: 2px;

}

.school_left_text h4{

    color: #f18c8c;

    font-size: 0.18rem;

    margin-top: 0.1rem;

}



/*---------------------学校信息-------------------------*/

.school_right {

    float: left;

    width: 3.8rem;

    height: 1.75rem;

    margin-left: 0.2rem;



}

.school_right li{

    margin-top: 0.03rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    width: 3.8rem;

    overflow: hidden;

}

.school_right h3{

    font-size: 0.24rem;

    color: #121314;

}

.school_right p{

    font-size: 0.18rem;

    color: #3d3d3d;

    margin-top: 0.03rem;

}

.school_right  li:last-child a{

    display: inline-block;

    font-size: 0.24rem;

    color:#ffffff;

    background:#f18c8c;

    border-radius: 2px;

    width: 1.5rem;

    height:0.4rem;

    text-align: center;

    line-height: 0.4rem;

    margin-top: 0.09rem;

}



/*-----------------相关专业-热门排行-----------------------*/

.school_bottom{

    margin-top: 0.2rem;

    padding-bottom: 0.3rem;

    border-top: 0.01rem solid #d2d2d2;

}

.school_bottom_titile h3{

    height: 0.6rem;

    line-height: 0.6rem;

    color: #121314;

    font-size: 0.24rem;

    letter-spacing: 0.02rem;

}

.school_bottom li{

    float: left;

    margin-left: 0.475rem;

}

.school_bottom li:first-child{

    margin-left: 0;

}

.school_bottom li img{

    width: 2.18rem;

    height: 1.25rem;

    border-radius: 0.05rem;

}

.school_bottom li p{

    font-size: 0.18rem;

    color: #121314;

    text-align: center;

    margin-top: 0.1rem;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    width: 2.18rem;

}

/*.tab_box10 {

    position: relative;

    margin-top: 0.68rem;

    height: 26.7rem !important;



}*/

.tab_box10>div{

display: none;

}



.tab_box10>div:first-child{

    display: block;

}

/*.hot_major .swiper-wrapper{

    height: 26.7rem !important;

}

.hot_major .swiper-slide{

    height: 18% !important;

}*/

@media (max-width: 768px) {

    .customer {

        margin-left: 2.72rem;

    }

    .female {

        left: 4.1rem;

     }

    .school_right{

        width: 3.6rem;

    }

    .school_right li p{

        width: 3.6rem;

    }

    .school_bottom li {

        margin-left: 0.37rem;

    }

}

@media (max-width: 420px) {

    .customer {

        margin-left: 2.54rem;

    }

    .female {

        left: 3.9rem;

    }

    .school_right {

        width: 3.4rem;

    }

    .school_right li p{

        width: 3.4rem;

        margin-top: 0.01rem;

    }

    .school_right li{

        margin-top: 0.01rem;

    }

    .school_bottom li {

        margin-left: 0.28rem;

    }

    .loadmore{

        top: 99.9%;

    }

    .swiper-wrapper {

        height: 27rem !important;

    }

    .index_ready h3{

        border-left: 4px solid #ff9c00;

    }

    .short_region h3{

        border-left: 4px solid #ff9c00;

    }

}

@media (max-width: 360px) {

    .hot_major_menu li{

        width: 3.5rem;

    }

    .female {

        left: 3.81rem;

    }

    .tab_box10 {

        margin-top:1.2rem;

    }

    .school_left>img{

        height: 1.85rem;

    }

    .school_bottom{

        margin-top: 0.3rem;

        padding-bottom: 0.2rem;

        border-top: 0.01rem solid #d2d2d2;

    }

    .carousel-item a{

        margin-left: 0.3rem;

    }

    .swiper-wrapper {

        height: 27.5rem !important;

    }

    .loadmore{

        top: 98.5% !important;

        -webkit-transform: scale(0.9);

        width: 1.5rem !important;

        height: 0.4rem !important;

        line-height: 0.4rem !important;

        margin-left: 2.9rem !important;

    }



}

@media (max-width: 320px) {

    .female{

        left: 3.81rem !important

    }

    .tab_box10 {

        margin-top: 2.2rem;

    }

    .hot_major_menu li{

        width: 3.5rem;

        line-height: 0.7rem;

    }

    .hot_major>.wrap>ul> li>p{

        display: none;

    }

    .school_left>img {

        height: 2.03rem;

    }

    .school_right li:last-child a{

        width: 1.4rem;

    }

    .school_bottom {

        margin-top: 0.5rem;

    }

    .swiper-wrapper {

        height: 28.5rem !important;

    }

}