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

header{

    border-bottom: 1px solid rgba(0,0,0,0.2);

    padding-bottom: 0.05rem;

}



.header_logo img{

    width: 3.89rem;

    height: 0.74rem;

}

.customer{

    margin-left: 3.22rem;

}



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

.abroad_banner>.wrap{

    height: 3rem;

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

}







/*---------留学学校----------*/

.abroad_school{

    background: #ffffff;

    margin-top: 0.1rem;

    padding-bottom: 0.2rem;

}

.abroad_school h3{

    font-size: 0.3rem;

    color: #121314;

    border-left: 0.08rem solid #ff3838;

    height: 0.27rem;

    padding-left: 0.1rem;

    line-height: 0.27rem;

    margin-top: 0.22rem;

}

.recommend_list{

    margin-top: 0.2rem;

    height: 2.3rem;

}

.school_x {

    margin-left:0.35rem;

    width: 29%;

    height: 5rem;

    /*background: #e4396d;*/

    text-align: center;

    border-radius: 0.05rem;

    float: left;

}

.recommend_list .school_x:first-child{

    margin-left: 0.1rem;

}

.recommend_list img{

    width: 98%;

    height: 1.6rem;

    /*border-radius: 50%;*/

    margin-top: 0.05rem;

}
/*
.recommend_list p{

    font-size: 0.18rem;

    color: #ffffff;

    margin-top: 0.15rem;

    text-align: center;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

   width: 1.5rem;

}
*/
.recommend_list h4{

    font-size: 0.24rem;

    color: #464646;

    width: 98%;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    margin-top: 0.2rem;

}

/*--------留学学校-------*/

.swiper-wrapper{

    height: 2.5rem !important;

}

.swiper-slide{

    width: 100% !important;

    height: 2rem !important;

    /*margin-right: 0.1rem !important;*/

}

.swiper-container{

    height: 2.2rem !important;

}

.swiper-pagination{

    margin-top: -0.95rem;

    left: 43%;

}

.swiper-pagination span{

    width:0.28rem;

    height:0.06rem;

    border-radius: 0.1rem;

    display: inline-block;

    cursor: pointer;

    margin-left: 0.05rem;

}

.swiper-pagination-bullet-active{

    width:0.28rem;

    height:0.06rem;

    background: #ff6868 !important;

    border-radius: 0.1rem;

    display: inline-block;

    cursor: pointer;

    margin-left: 0.05rem;

    border: 0;

}

.swiper-pagination-bullet-active :active{

    border: 0;

}



/*-------留学信息-------*/

.abroad_info{

    background: #ffffff;

    margin-top: 0.1rem;

}

.tab_menu{

    margin-top: 0.2rem;

}

.med_content li{

    border-bottom: 0.01rem solid #e5e5e5;

    padding-bottom: 0.2rem;

    margin-top: 0.3rem;

}

.med_content li:last-child{

    border-bottom: 0.01rem solid transparent;

}

.abroad_info li a{

    font-size: 0.26rem;

    color: #575757;

    display: inline-block;

    width: 6.5rem;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.med_content span{

    float: right;

    color: #b0b0b0;

    font-size: 0.18rem;

}

.tab_menu{

    padding-bottom: -0.01rem;

}

.abroad_info .tab_menu li{

    font-size: 0.3rem;

    color: #3b3b3b;

    width: 1.87rem;

    text-align: center;

    margin-left: 0;

    padding-bottom: 0.07rem;

    cursor: pointer;

    float: left;

}

.abroad_info .tab_menu .on06{

    color: #ff6868;

    border-bottom: 0.03rem solid #ff6868;

    z-index: 99;

}

.abroad_info h4{

   font-size: 0.22rem;

    color: #9c9c9c;

    width: 0.96rem;

    display: inline-block;

    float: left;

     padding-right: 0.2rem;

}

.tab_box06>div{

    display:none;

}

.tab_box06>div:first-child{

    display: block;

}

/*-------广告------*/

.abroad_ad img{

    margin-top: 0.1rem;

    height:1rem;

    width: 7.5rem;

}

.abroad_ad{

    height:1rem;

    width: 7.5rem;

    margin: 0 auto;

    padding-bottom: 0.1rem;

}



/*----------版权------*/

.copyright{

    padding-bottom: 0.2rem;

}



/*----------翻页-----------*/

.pagnation { text-align: center; margin-top: 0.3rem; }

.pagnation a {

    display: inline-block;

    padding: 0.01rem 0.1rem;

    /*width: 30px; height: 30px;*/

    line-height: 0.3rem;

    overflow: hidden;

    margin-left: 0.04rem;

    font-size: 0.18rem;

    vertical-align: top;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    border:1px solid #d2d2d2;

    color:#73b3d5;

    border-radius: 0.05rem;

}

.pagnation a:hover {

    color: #ffffff;

    text-decoration: none ;

    background:#73b3d5;

}



.pagnation .page-prev, .pagnation .page-next {

    color: #595959;

}



.pagnation .current {

    color: #fff ;

    background:#73b3d5;

}



@media (max-width: 768px) {

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

    .customer {

        margin-left: 3.15rem;

    }

    /*------留学学校-----*/

    .school_x {

        margin-left: 0.26rem;

    }

    .recommend_list p {

        margin-top: 0.08rem;

    }

    .recommend_list h4 {

        font-size: 0.24rem;

        margin-top: 0.15rem;

    }

/*    .swiper-pagination{

        left: 42%;

    }*/

    /*--------专业介绍------*/

    .abroad_professional li {

        margin-left: 0.64rem;

    }

}

@media (max-width: 420px) {

    .customer {

        margin-left: 2.82rem;

    }



    .recommend_list li{

        margin-left: 0.275rem;

        width: 1.2rem;

        height: 1.2rem;

    }

    .recommend_list p{

        width: 1.15rem;

    }

    .recommend_list h4 {

        font-size: 0.24rem;

        width: 100%;

        margin-top: 0.05rem;

    }

    .abroad_professional li {

        margin-left: 0.55rem;

    }

    .swiper-pagination{

        margin-top: -1rem;

        left: 46%;

    }

    .pagnation a{

        margin-left: 0rem;

    }



}

@media (max-width: 360px) {

    .recommend_01>ul>li:first-child{

        height: 0;

        display: none !important;

        background: #000;

    }

    .recommend_list li {

        margin-left: 0.5rem;

        width: 1.4rem;

        height: 1.4rem;

    }

    .recommend_list li:nth-child(2){

        margin-left: 0;

    }

    .recommend_list li img{

        width: 0.55rem;

        height: 0.55rem;

    }

    .recommend_list p {

        width: 1.4rem;

    }

    .recommend_list h4 {

        font-size: 0.24rem;

        width: 1.6rem;

        margin-left: -0.08rem;

        -webkit-transform: scale(0.9);

    }

    .recommend_dian {

        margin-top: 0.35rem;

    }

    .abroad_info h4{

        width: 1rem;

    }

    .school_x {

        margin-left: 0.16rem;

        width: 2.5rem;

        height: 1.25rem;

    }

    .recommend_list{

        height: 5rem;

    }

    .swiper-pagination{

        margin-top: -0.95rem;

        left: 45%;

    }

    .pagnation a {

        margin-left: -0.05rem;

    }

}

@media (max-width: 420px) {

    .abroad_info li a {

        width: 6rem;

    }

    .recommend_list p{

        margin-top: 0.02rem;

    }

}

@media (max-width: 320px) {

    .abroad_info h4 {

        -webkit-transform: scale(0.9);

        display: none;

    }



    .swiper-slide {

        /*margin-right: 0.3rem !important;*/

    }

    .pagnation a:nth-child(8){

        display: none;



    }

}