.wrap { top: .76rem; background-color: #f2f3f4; overflow: auto; } .carousel_banner { width: 100%; height: 2rem; } .carousel_banner .swiper-wrapper { } .carousel_banner .swiper-wrapper .swiper-slide { } .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; } /* 国家频道 */ .country_channel { padding-top: .1rem; padding-bottom: .4rem; width: 100%; background-color: #fff; } .country_channel li { position: relative; float: left; width: 1.6rem; } .country_channel li > a { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } .country_channel li div { margin-top: .3rem; margin-left: .37rem; width: .86rem; height: .86rem; border-radius: 50%; } .country_channel li.us div { background: url(/uploads/image/simages/us.png) 0 0 no-repeat; background-size: contain; } .country_channel li.aus div { background: url(/uploads/image/simages/aus.png) 0 0 no-repeat; background-size: contain; } .country_channel li.uk div { background: url(/uploads/image/simages/uk.png) 0 0 no-repeat; background-size: contain; } .country_channel li.ca div { background: url(/uploads/image/simages/ca.png) 0 0 no-repeat; background-size: contain; } .country_channel li.ush div { background: url(/uploads/image/simages/ush.png) 0 0 no-repeat; background-size: contain; } .country_channel li.nzl div { background: url(/uploads/image/simages/nzl.png) 0 0 no-repeat; background-size: contain; } .country_channel li.eu div { background: url(/uploads/image/simages/eu.png) 0 0 no-repeat; background-size: contain; } .country_channel li.asia div { background: url(/uploads/image/simages/asia.png) 0 0 no-repeat; background-size: contain; } .country_channel li p { margin-top: .12rem; text-align: center; font-size: .24rem; color: #666; } /* 找顾问、查排名、看活动、搜产品 */ .extend { padding: 0.22rem 0.14rem 0.12rem 0.14rem; padding-bottom: 0.12rem; padding-top: 0.22rem; width: 100%; background-color: #fff; } .extend li { font-size: 0.28rem; font-family: pingfangsc, pingfang sc; font-weight: 500; position: relative; display: flex; justify-content: space-between; float: left; padding: 0 0.26rem; height: 1.28rem; align-items: center; width: 3rem; } .extend li a { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } .extend li .item_l { } .extend li .item_l h4 { font-weight: 600; font-size: 0.28rem; color: #333333; line-height: 0.39rem; text-align: left; font-style: normal; } .extend li .item_l p { line-height: .3rem; font-size: .2rem; color: #999; width: 1.6rem; height: 0.6rem; } .extend li .item_r { width: .84rem; height: .84rem; } .extend li.find_counselor { background: url(/uploads/image/simages/search_counselor.png) 0 0 no-repeat; background-size: contain; } .extend li.search_rank { margin-right: 0.1rem; background: url(/uploads/image/simages/search_rank.png) 0 0 no-repeat; background-size: contain; } .extend li.look_active { border-right: 1px solid #f2f3f4; } .extend li.search_production { } .extend li.find_counselor .item_r { background: url(/uploads/image/simages/search_counselor.png) 0 0 no-repeat; background-size: contain; } .extend li.search_rank .item_r { background: url(/uploads/image/simages/search_rank.png) 0 0 no-repeat; background-size: contain; } .extend li.look_active .item_r { background: url(/uploads/image/simages/look_active.png) 0 0 no-repeat; background-size: contain; } .extend li.search_production .item_r { background: url(/uploads/image/simages/search_prod.png) 0 0 no-repeat; background-size: contain; } /* 资讯 */ .abroad_info { padding: .12rem .24rem; margin-top: .1rem; background-color: #fff; } .abroad_info > * { float: left; } .abroad_info .title_word { margin-top: .1rem; margin-right: .2rem; width: .6rem; height: .6rem; background: url(/uploads/image/simages/info_logo.png) 0 0 no-repeat; background-size: contain; } .abroad_info .carousel_info { width: 4.8rem; height: .8rem; touch-action: none; } .abroad_info .carousel_info .swiper-slide p { width: 4.6rem; line-height: .4rem; font-size: .24rem; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .abroad_info .carousel_info .swiper-slide p i { position: relative; top: -.02rem; margin-right: .1rem; padding: 0 .05rem; color: #f6594e; font-size: .18rem; border: .01rem solid #f6594e; border-radius: 2px; } .abroad_info em { float: right; font-family: "simsun"; font-size: .32rem; line-height: .8rem; font-weight: bold; color: #999; } /* 留学热搜,院校信息,热门专业,行前准备,签证办理,成功案例 */ .menu_tab { margin-top: .1rem; width: 100%; background-color: #fff; } .menu_tab ol { display: flex; width: 100%; height: .75rem; line-height: .75rem; overflow: auto; } .menu_tab ol li { position: relative; margin-left: .2rem; flex-shrink: 0; font-size: .26rem; } .menu_tab ol li.active { color: #f6594e; font-weight: bold; } .menu_tab ol li.active i { position: absolute; left: 50%; bottom: 0; margin-left: -.25rem; width: .5rem; height: .05rem; background-color: #f6594e; border-radius: .025rem; } .menu_tab .menu_item_wrap { position: relative; } .menu_tab .menu_item_wrap .menu_item { width: 100%; padding: .3rem .24rem .2rem .24rem; background-color: #fff; display: none; } .menu_tab .menu_item_wrap .menu_item.active { display: block; } .menu_tab .menu_item > *:not(h3) { padding-bottom: .3rem; border-bottom: 1px solid #f0f0f0; } .menu_tab .menu_item > *:last-of-type { padding-bottom: 0; border-bottom: none; } .menu_tab .menu_item .language_train { padding-bottom: .1rem; } .menu_tab_study { margin-top: .1rem; width: 100%; background-color: #fff; } .menu_tab_study ol { display: flex; width: 100%; height: .75rem; line-height: .75rem; overflow: auto; } .menu_tab_study ol li { position: relative; margin-left: .2rem; flex-shrink: 0; font-size: .26rem; } .menu_tab_study ol li.active { color: #f6594e; font-weight: bold; } .menu_tab_study ol li.active i { position: absolute; left: 50%; bottom: 0; margin-left: -.25rem; width: .5rem; height: .05rem; background-color: #f6594e; border-radius: .025rem; } .menu_tab_study .menu_item_wrap .menu_item_study { width: 100%; padding: .3rem .24rem .2rem .24rem; background-color: #fff; display: none; } .menu_tab_study .menu_item_wrap .menu_item_study.active { display: block; } .content_block { padding: 0 .24rem; background-color: #fff; } .content_block .school { padding-bottom: .24rem; width: 100%; display: flex; justify-content: space-between; } .content_block .school li { position: relative; width: 2.86rem; } .content_block .school li img { margin-bottom: .13rem; width: 100%; height: 1.58rem; } .content_block .school li p { line-height: .35rem; font-size: .24rem; color: #333; } .content_block .school li a { } .content_block .aoji_abroad { display: flex; justify-content: space-between; margin-bottom: .3rem; } .content_block .aoji_abroad li { position: relative; margin-right: .2rem; width: 1.84rem; height: 2.6rem; } .content_block .aoji_abroad li:first-of-type { color: #ff7200; background-color: #ffecd6; } .content_block .aoji_abroad li:nth-of-type(2) { color: #0894ca; background-color: #d4eef8; } .content_block .aoji_abroad li:last-of-type { margin-right: 0; color: #9138da; background-color: #f2e2ff; } .content_block .aoji_abroad p { line-height: 1rem; font-size: .3rem; text-align: center; } .content_block .aoji_abroad img { margin-top: .1rem; margin-left: .215rem; width: 1.41rem; } .content_block .aoji_abroad li a { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } .content_block .aoji_abroad li:nth-of-type(2) img { margin-top: .15rem; margin-left: .25rem; width: 1.3rem; } .content_block .aoji_abroad li:nth-of-type(3) img { margin-top: .15rem; } .content_block .major_country { margin-bottom: .3rem; }