.wrap {
    top: .76rem;
    overflow: auto;
    background-color: #f2f3f4;
}

.carousel_banner {
    width: 100%;
    height: 2rem;
}

.carousel_banner .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.swiper-pagination {
    left: auto !important;
    right: .24rem;
    bottom: .12rem !important;
    text-align: right !important;
}

.swiper-pagination-bullet {
    width: .12rem !important;
    height: .12rem !important;
    background: #fff !important;
    opacity: .8 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .24rem !important;
    border-radius: .05rem !important;
    background-color: #f6594e !important;
}

/*
  留学热搜榜
*/
.hot_search {
    padding: 0 .24rem;
    background-color: #fff;
}

.hot_search ul {
    padding-top: .1rem;
    padding-bottom: .4rem;
    width: 100%;
    background-color: #fff;
}

.hot_search ul li {
    position: relative;
    float: left;
    width: 1.97rem;
}

.hot_search ul li > a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}

.hot_search ul li div {
    margin-top: .3rem;
    margin-left: .55rem;
    width: .86rem;
    height: .86rem;
    border-radius: 50%;
}

.hot_search ul li.aus_good div {
    background: url(../images/aus_good.png) 0 0 no-repeat;
    background-size: contain;
}

.hot_search ul li.apply div {
    background: url(../images/apply_process.png) 0 0 no-repeat;
    background-size: contain;
}

.hot_search ul li.school_rank div {
    background: url(../images/school_rank.png) 0 0 no-repeat;
    background-size: contain;
}

.hot_search ul li.abroad_price div {
    background: url(../images/abroad_price.png) 0 0 no-repeat;
    background-size: contain;
}

.hot_search ul li.hot_major div {
    background: url(../images/hot_major.png) 0 0 no-repeat;
    background-size: contain;
}

.hot_search ul li.aoji_server div {
    background: url(../images/aoji_server.png) 0 0 no-repeat;
    background-size: contain;
}

.hot_search ul li p {
    margin-top: .12rem;
    text-align: center;
    font-size: .24rem;
    color: #666;
}

/*
  最新资讯
*/
.new_info {
    margin-top: .1rem;
    padding: 0 .24rem;
    background-color: #fff;
}

.new_info .new_info_tab {
    display: flex;
    justify-content: space-between;
    margin: .14rem 0 .3rem 0;
}

.new_info .new_info_tab li {
    margin-top: .14rem;
    flex-shrink: 0;
    width: 1.3rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    font-size: .24rem;
    border: .01rem solid #f6594e;
    border-radius: .25rem;
}

.new_info .new_info_tab li.active {
    color: #fff;
    background-color: #f6594e;
}

.new_info .new_info_wrap .new_info_item {
    display: none;
}

.new_info .new_info_wrap .new_info_item.active {
    display: block;
}

.new_info .new_info_wrap .abroad_info li {
    padding-top: 0;
    border-bottom: none;
}

.free {
    margin-top: .1rem;
    padding: 0 .24rem;
    background-color: #fff;
}

.free ul {
    display: flex;
    justify-content: space-between;
    padding-top: .14rem;
    padding-bottom: .3rem;
}

.free ul li {
    position: relative;
    width: 2.86rem;
    height: 1.1rem;
}

.free ul li img {
    width: 100%;
    height: 100%;
}

.free ul li a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}

.wonderful_active {
    margin-top: .1rem;
    padding: 0 .24rem;
    background-color: #fff;
}

.overseas_products {
    margin-top: .1rem;
    padding: 0 .24rem;
    background-color: #fff;
}

.overseas_products .school {
    padding-bottom: .24rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.overseas_products .school li {
    position: relative;
    width: 2.86rem;
}

.overseas_products .school li img {
    margin-bottom: .13rem;
    width: 100%;
    height: 1.58rem;
}

.overseas_products .school li p {
    line-height: .35rem;
    font-size: .24rem;
    color: #333;
}

.expert_rankings {
    margin-top: .1rem;
    /* padding: 0 .24rem; */
    background-color: #fff;
}

.expert_rankings .swiper-container.expert {
    margin-left: .2rem;
    padding-bottom: .54rem;
}

.expert_rankings .swiper-container .swiper-wrapper .swiper-slide {
    display: flex;
    width: 1.82rem;
}

.expert_rankings .swiper-container .swiper-wrapper .swiper-slide .wrap-list {
    position: relative;
    width: 1.85rem;
    height: 3.06rem;
    margin-right: .2rem;
    border: .01rem solid #e8e8e8;
}

.expert_rankings .swiper-container .swiper-pagination {
    width: 1rem !important;
    left: 50% !important;
    margin-left: -.6rem !important;
}

.expert_rankings .swiper-container .swiper-pagination span {
    width: .12rem !important;
    height: .12rem !important;
    margin-top: .2rem;
    border-radius: 50%;
    border: .01rem solid #f87a71 !important;
}

.expert_rankings .swiper-container .swiper-wrapper .swiper-slide .wrap-list .avatar .start-expert {
    width: 1.2rem;
    height: 1.2rem;
    margin-left: .32rem;
    margin-top: .32rem;
    border-radius: 50%;
}

/* 本月之星 */
.expert_rankings .swiper-container .swiper-wrapper .swiper-slide .wrap-list .avatar.month .crown {
    position: absolute;
    left: .12rem;
    top: .1rem;
    width: .68rem;
    height: .64rem;
}

/* 本周之星 */
.expert_rankings .swiper-container .swiper-wrapper .swiper-slide .wrap-list .avatar.week .crown {
    position: absolute;
    left: .07rem;
    top: .07rem;
    width: .68rem;
    height: .64rem;
}

.expert_rankings .swiper-container .swiper-wrapper .swiper-slide .wrap-list .start-name {
    width: 100%;
    margin-top: .2rem;
    text-align: center;
    font-size: .24rem;
    color: #333;
}

.expert_rankings .swiper-container .swiper-wrapper .swiper-slide .wrap-list .start {
    margin-left: .34rem;
}

.expert_rankings .swiper-container .swiper-wrapper .swiper-slide .wrap-list .start span {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    color: #f6594e;
    font-size: .14rem;
}

.expert_rankings .swiper-container .swiper-wrapper .swiper-slide .wrap-list .su-case {
    width: 100%;
    text-align: center;
    font-size: .2rem;
    color: #666;
}