.meet { position: relative; float: left; margin-left: 1.8rem; line-height: 2.4rem; color: #fff; } .meet img { position: absolute; top: .2rem; right: -1.5rem; width: 1.6rem; } .width { margin: 0 1rem; } /*header*/ .headerwrap { height: 2.4rem; } .header { position: relative; height: 2.4rem; padding: 0 .5rem; background-color: #df3636; color: #fff; font-size: .7rem; z-index: 15; } .header.active { position: fixed; top: 0; left: 50%; width: calc(100% - 1rem); max-width: calc(720px - 1rem); z-index: 15; transform: translatex(-50%); } .logo { float: left; } .logo img { width: 4.8rem; padding-top: .65rem; margin-right: .5rem; } .hd-fx { position: relative; float: left; line-height: 2.4rem; } .hd-fx.active i { transform: rotate(180deg); } .hd-fx h1 { display: none; } .hd-kt { position: relative; float: right; height: 1.2rem; border: 1px solid #b80c00; padding: 0 1rem 0 .5rem; margin-top: .55rem; line-height: 1.2rem; text-align: center; border-radius: 1rem; } .u-arrow, .iconfont { position: absolute; top: 1.1rem; right: -.675rem; width: .425rem; height: .225rem; background-image: url(/uploads/image/simages/arrow.png); background-repeat: no-repeat; background-size: 100%; transition: transform .5s ease; } .hd-kt.active .iconfont { transform: rotate(180deg); } .iconfont { top: .5rem; right: .35rem; } .download_app { float: left; margin-left: 3rem; line-height: 2.4rem; color: #fff; } /*轮播*/ .carousel_wrap { margin-top: .8rem; } .carousel_wrap.active { margin-top: 3.2rem; } .carousel .swiper-slide { width: 90%; padding: 0 .62% 0 1.1%; } .carousel ul { position: relative; } .carousel ul li { height: 9.2rem; overflow: hidden; border-radius: .3rem; } .carousel ul li a { display: block; height: 100%; } .carousel ul li img { width: 100%; height: 8rem; border-radius: .2rem; box-shadow: 2px 4px 12px rgba(78, 78, 78, .36); } .swiper-pagination-bullet { width: .5rem; height: .15rem; border-radius: 2rem; background-color: #fff; transition: width .5s ease; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 .15rem; } .swiper-pagination-white .swiper-pagination-bullet-active, .swiper-pagination-bullet-active { width: .65rem; } .carousel.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 1.7rem; } /*nav*/ .nav { border-bottom: 1px solid #e7e7e9; /* padding-bottom: .3rem; */ margin-bottom: 1.5rem; } .nav a { float: left; width: 20%; margin-bottom: 1rem; text-align: center; font-size: .7rem; } .nav a:nth-child(1), .nav a:nth-child(6) { width: 18%; margin-right: 2%; } .nav a img { width: 2.2rem; margin: 0 auto; } .nav a h2 { font-size: .75rem; font-weight: normal; } .nav a i { display: block; width: 2.2rem; height: 2.2rem; margin: 0 auto .2rem auto; background-size: 100%; } .nav .menu-item:nth-child(1) i { background-image: url(/uploads/image/simages/icon_nav_zixun.png); } /* .nav .menu-item:nth-child(2) i{background-image:url(/uploads/image/simages/icon_nav_ziliao.png);} */ .nav .menu-item:nth-child(2) i { background-image: url(/uploads/image/simages/icon_nav_ms.png); } .nav .menu-item:nth-child(3) i { background-image: url(/uploads/image/simages/icon_nav_zhibo.png); } .nav .menu-item:nth-child(4) i { background-image: url(/uploads/image/simages/icon_nav_wx.png); } .nav .menu-item:nth-child(5) i { background-image: url(/uploads/image/simages/icon_nav_rili.png); } .nav .menu-item:nth-child(6) i { background-image: url(/uploads/image/simages/icon_nav_zwk.png); } .nav .menu-item:nth-child(7) i { background-image: url(/uploads/image/simages/icon_nav_sz.png); } .nav .menu-item:nth-child(8) i { background-image: url(/uploads/image/simages/icon_nav_app.png); } .nav .custom-icon-app i { background-image: url(/uploads/image/simages/icon_nav_app.png); } .nav .custom-icon-01 i { background-image: url(/uploads/image/simages/icon_nav_01.png) !important; } .nav .custom-icon-02 i { background-image: url(/uploads/image/simages/icon_nav_02.png) !important; } .nav .custom-icon-03 i { background-image: url(/uploads/image/simages/icon_nav_03.png) !important; } .nav .custom-icon-04 i { background-image: url(/uploads/image/simages/icon_nav_04.png) !important; } .nav .custom-icon-05 i { background-image: url(/uploads/image/simages/icon_nav_05.png) !important; } .nav .custom-icon-06 i { background-image: url(/uploads/image/simages/icon_nav_06.png) !important; } .nav .custom-icon-07 i { background-image: url(/uploads/image/simages/icon_nav_07.png) !important; } .nav .custom-icon-08 i { background-image: url(/uploads/image/simages/icon_nav_08.png) !important; } .nav .custom-icon-09 i { background-image: url(/uploads/image/simages/icon_nav_09.png) !important; } .nav .custom-icon-10 i { background-image: url(/uploads/image/simages/icon_nav_10.png) !important; } .nav .custom-icon-11 i { background-image: url(/uploads/image/simages/icon_nav_11.png) !important; } .nav .custom-icon-12 i { background-image: url(/uploads/image/simages/icon_nav_12.png) !important; } .nav .custom-icon-13 i { background-image: url(/uploads/image/simages/icon_nav_13.png) !important; } .nav .custom-icon-14 i { background-image: url(/uploads/image/simages/icon_nav_14.png) !important; } .nav .custom-icon-15 i { background-image: url(/uploads/image/simages/icon_nav_15.png) !important; } .nav .custom-icon-16 i { background-image: url(/uploads/image/simages/icon_nav_16.png) !important; } .nav .custom-icon-17 i { background-image: url(/uploads/image/simages/icon_nav_17.png) !important; } .nav .custom-icon-18 i { background-image: url(/uploads/image/simages/icon_nav_18.png) !important; } .nav .custom-icon-19 i { background-image: url(/uploads/image/simages/icon_nav_19.png) !important; } .nav .custom-icon-20 i { background-image: url(/uploads/image/simages/icon_nav_20.png) !important; } .nav .custom-icon-21 i { background-image: url(/uploads/image/simages/icon_nav_21.png) !important; } .nav .custom-icon-22 i { background-image: url(/uploads/image/simages/icon_nav_22.png) !important; } .nav .custom-icon-23 i { background-image: url(/uploads/image/simages/icon_nav_23.png) !important; } .nav .custom-icon-24 i { background-image: url(/uploads/image/simages/icon_nav_24.png) !important; } /*top*/ .top { border-bottom: 1px solid #e7e7e9; padding-bottom: 1rem; margin-bottom: 1.5rem; } .top_icon { width: 3.65rem; } .news-slide { margin-top: 1rem; } .news-slide li { border-bottom: 1px solid #f5f5f5; padding-bottom: .75rem; margin-bottom: .75rem; font-size: .8rem; } .news-slide li.active a { color: #df3636; } .news-slide li:last-child { border-bottom: none; margin-bottom: .5rem; } .top_tag { float: left; border: 1px solid #f3152a; padding: .15rem; margin-left: .1rem; margin-right: .5rem; border-radius: .1rem; font-size: .62rem; color: #f3152a; } .top_link { float: left; max-width: 74%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .top_link.active { display: block; float: none; max-width: 99.5%; } .news-slide .swiper-pagination-bullet { background-color: #dedede; opacity: 1; } .news-slide.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; } .news-slide .swiper-pagination-bullet-active { background-color: #2d2d2d; } /*hot*/ .hot { margin-bottom: 1.5rem; } .hot .title { margin-bottom: 1rem; } .slidenav { width: 100%; margin-bottom: 1.25rem; overflow: hidden; } .slidenav .swiper-slide { width: auto; margin-right: .7rem; text-align: center; font-size: .85rem; } .slidenav .swiper-slide span { display: block; width: 100%; height: .15rem; margin: .5rem auto 0 auto; border-radius: 1rem; transition: width .5s ease; opacity: 0; background-color: #db372c; } .slidenav .swiper-slide.active a { color: #db372c; } .slidenav .swiper-slide.active span { opacity: 1; width: 50%; } .slidemain { width: 100%; } .slidemain li { border-bottom: 1px solid #f5f5f5; padding-bottom: .75rem; margin-bottom: .7rem; } .slidemain li:last-child { border-bottom: none; margin-bottom: 0; } .custom { border-bottom: 1px solid #e9e9e9; margin-bottom: 1.5rem; } .custom .look_more { margin-top: 0; } .custom .slidemain li:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } .custom .look_more { padding: 1.25rem 0; } .custom .look_more i { top: 1.5rem; } .slidemain li a { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8rem; } .slidemain li a span { color: #df3636; } /*考试日历*/ .calendar { padding-bottom: 1.2rem; border-bottom: 1px solid #e9e9e9; margin-bottom: 1.5rem; } .calendar_title { float: left; font-size: 1rem; font-weight: bold; } .month { position: relative; float: right; margin-top: .2rem; margin-right: 2.7rem; font-size: .8rem; } .month:before, .month:after { content: " "; position: absolute; top: 50%; left: -3.8rem; display: block; width: 2.3rem; transform: translatey(-50%); border-bottom: 1px solid #e9e9e9; } .month:after { left: auto; right: -2.6rem; } .month i { position: absolute; top: .12rem; left: -1.15rem; width: .8rem; height: .8rem; background-image: url(/uploads/image/simages/calendar.png); background-repeat: no-repeat; background-size: 100%; font-size: .8rem; } .month span { color: #df3636; } .cal_list { margin-top: 1.2rem; } .region_bg { position: relative; float: left; width: 6.9rem; height: 4.1rem; padding-top: 1rem; background: linear-gradient(to right, #f34359, #fb8559); text-align: center; border-radius: .3rem; color: #fff; box-shadow: 0 5px 10px -5px #fb8859; } .region_bg02 { background: linear-gradient(to right, #6155eb, #6184ef); box-shadow: 0 5px 10px -5px #6582f0; } .region_bg i { position: absolute; top: 0; right: 0; width: 5.475rem; height: 5.15rem; background-image: url(/uploads/image/simages/circle01.png); background-repeat: no-repeat; background-size: 100%; z-index: 1; } .region_bg02 i { background-image: url(/uploads/image/simages/circle02.png); } .por { position: relative; z-index: 2; } .region_bg p { margin-bottom: .5rem; font-size: 1rem; } .cal_info { float: left; max-width: 9rem; margin-left: .8rem; } .cal_info p { margin-bottom: .55rem; font-size: .75rem; } .cal_type { margin-bottom: .22rem; font-size: .7rem; } .cal_type:last-child { margin-bottom: 0; } .cal_type span { display: inline-block; width: .8rem; height: .8rem; border: 1px solid #eb717a; border-radius: 50%; line-height: .8rem; font-size: .55rem; text-align: center; color: #eb717a; } .cal_type02 span { border-color: #89d398; color: #89d398; } .cal_type03 span { border-color: #f1bb81; color: #f1bb81; } .look_more { position: relative; display: table; margin: .8rem auto 0 auto; text-align: center; font-size: .7rem; } .look_more i { position: absolute; top: .22rem; right: -0.95rem; width: .575rem; height: .575rem; background-image: url(/uploads/image/simages/more.png); background-repeat: no-repeat; background-size: 100%; } /*上岸课堂*/ .classroom { border-bottom: 1px solid #e9e9e9; padding-bottom: 1.4rem; margin-bottom: 1.5rem; } .title { position: relative; display: table; font-size: 1rem; font-weight: bold; } .title::after { content: ''; position: absolute; top: 0; right: -.6rem; width: .4rem; height: .4rem; background-image: url(/uploads/image/simages/title-r.png); background-repeat: no-repeat; background-size: 100%; } .title::before { content: ''; position: absolute; top: 0; left: -1rem; width: 1.75rem; height: 1.4rem; background-image: url(/uploads/image/simages/title-l.png); background-repeat: no-repeat; background-size: 100%; } .now { float: right; margin-top: .1rem; margin-right: .5rem; font-size: .7rem; } .now span { font-size: .9rem; color: #f76659; } .live_list li { margin-top: 1.5rem; } .live_list li:last-child { margin-top: 1.75rem; } .classroom .look_more { margin-top: 1.4rem; } .live_list img { width: 6.95rem; height: 4.6rem; border-radius: .2rem; } .live_l { position: relative; float: left; margin-right: .6rem; } .link { position: absolute; top: 0; left: 0; height: 1.25rem; padding: 0 .375rem; line-height: 1.25rem; color: #fff; font-size: .6rem; background-color: rgba(0, 0, 0, .7); border-radius: .2rem 0 .2rem 0; } .live_r { float: left; width: 9.2rem; margin-top: .1rem; } .live_r p { margin-bottom: .4rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.1rem; } .time { font-size: .7rem; color: #808080; } .price { float: left; margin-top: .4rem; color: #df3636; font-size: .7rem; } .price span { font-size: .9rem; font-weight: bold; } .btn { float: right; width: 3.8rem; height: 1.4rem; margin-top: .3rem; border-radius: 1rem; background-color: #df3636; color: #fff; line-height: 1.4rem; text-align: center; font-size: .7rem; } /*各类考试*/ .exam_type { border-bottom: 1px solid #e9e9e9; padding-bottom: .85rem; margin-bottom: 1rem; } .exam_type .title { margin-bottom: 1rem; } .recommend { padding-bottom: .8rem; } .recommend a { float: left; width: 48.5%; text-align: center; font-size: .7rem; } .recommend a:nth-child(1) { float: left; } .recommend a:nth-child(2) { float: right; } .recommend a img { width: 100%; height: 5.375rem; margin-bottom: .8rem; border-radius: .3rem; } .exam_link a { float: left; width: 31.5466%; height: 1.85rem; margin-right: 2.68%; margin-bottom: .55rem; line-height: 1.85rem; background-color: #f3f3f3; text-align: center; border-radius: .3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .exam_link a:nth-child(3n) { margin-right: 0; } /*分校地址*/ .region_address { margin-top: 1.1rem; margin-bottom: 1.5rem; } .region_address li { float: left; width: 3.875rem; height: 2.6rem; margin-right: .4rem; margin-bottom: .5rem; background-color: #fff; border-radius: .3rem; box-shadow: 2px 2px 15px rgba(137, 137, 137, 0.2); text-align: center; } .region_address li a { display: table-cell; width: 3.875rem; height: 2.6rem; vertical-align: middle; text-align: center; line-height: .95rem; font-size: .7rem; } .region_address li:nth-child(4n) { margin-right: 0; } /*分校下拉*/ .regionlist { position: fixed; width: calc(100% - 2rem); height: 85%; top: -50rem; left: 0; padding: 0 1rem; background-color: #f2f2f2; z-index: 13; overflow: hidden; } .scrollheight { position: relative; height: 100%; overflow: hidden; } .region_type { margin-top: 1.3rem; font-size: .8rem; } .regionlist a { float: left; width: 23.134%; height: 1.8rem; margin-right: 2.488%; margin-bottom: .8rem; border-radius: .3rem; background-color: #fff; text-align: center; line-height: 1.8rem; font-size: .7rem; } .regionlist a:nth-child(4n) { margin-right: 0; } .region_title { margin-bottom: 1.15rem; font-size: .8rem; font-weight: bold; } .other { margin-top: .95rem; } .scroll { padding-bottom: 2rem; } .iscrollindicator { display: none !important; } /*新增*/ .layer, .shadow { display: none; position: fixed; top: 2.4rem; left: 50%; width: 100%; max-width: 720px; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 3; transform: translatex(-50%); } .type-list { display: none; position: fixed; top: 2.4rem; left: 50%; width: calc(100% - 2rem); max-width: calc(720px - 2rem); max-height: 12rem; padding: 1.2rem 1rem .2rem 1rem; z-index: 10; background-color: #f8f8f8; overflow: auto; transform: translatex(-50%); -webkit-overflow-scrolling: touch; } .type-list li { float: left; width: calc(30% - 2px); height: 1.5rem; border: 1px solid #d4d4d4; margin-bottom: .8rem; margin-right: 5%; text-align: center; font-size: .7rem; background-color: #fff; border-radius: .2rem; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; display: box; box-pack: center; box-align: center; } .type-list li:nth-child(3n) { margin-right: 0; } /*下拉*/ .region-srcoll { display: none; position: fixed; top: 2.4rem; left: 0; width: calc(100% - 2rem); padding: 1rem 1rem .5rem 1rem; max-height: 15rem; background-color: #f2f2f2; z-index: 4; overflow: auto; -webkit-overflow-scrolling: touch; } .region-srcoll p { margin-bottom: 1rem; font-size: .8rem; font-weight: bold; } .region-srcoll p.active { margin-top: .5rem; } .region-srcoll li { float: left; width: 23.5%; height: 1.8rem; margin-bottom: .5rem; margin-right: 2%; line-height: 1.8rem; text-align: center; background-color: #fff; border-radius: .1rem; font-size: .7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .region-srcoll li:nth-child(4n) { margin-right: 0; } /*4.20版本新增*/ .search_link { float: right; width: 1rem; height: 1rem; margin-top: .7rem; margin-right: .6rem; background-image: url(/uploads/image/simages/seek.png); background-repeat: no-repeat; background-size: 100%; } .top .swiper-slide li span { display: inline-block; border: 1px solid #f3152a; padding: .1rem; margin-right: .5rem; border-radius: .1rem; font-size: .62rem; color: #f3152a; } .top .swiper-slide li:nth-child(2) .top_tag { border-color: #0d89e3; color: #0d89e3; } .top .swiper-slide li:nth-child(3) .top_tag { border-color: #00d6bc; color: #00d6bc; } .top .swiper-slide li:nth-child(4) .top_tag { border-color: #ff830f; color: #ff830f; } .top .look_more { display: table; margin-top: 1rem; overflow: auto; } .hot { margin-bottom: 2rem; padding-bottom: 1.4rem; border-bottom: 1px solid #e9e9e9; } /*0527新增*/ .custom_border { border: 1px solid #e82b2a; padding-bottom: .75rem; margin-bottom: .75rem; border-radius: .32rem; } .custom_top { width: 100%; height: 3.85rem; margin-bottom: .72rem; background-image: url(/uploads/image/simages/custom_top.png); background-repeat: no-repeat; background-size: 100%; } .custom_title { padding: .65rem 0 .4rem 0; font-size: 1rem; color: #fff; font-weight: bold; text-align: center; } .customnav .swiper-slide { margin-right: 1rem; font-size: .75rem; } .custommain li { border-color: #d7d7d7; } .customnav { width: 96%; margin: 0 auto; } .custom .oh { margin: 0 2%; } .customnav .swiper-slide a { color: #fff; } .customnav .swiper-slide.active a { font-weight: bold; color: #fff; } .custommain li { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custommain li a { display: inline; font-size: .75rem; max-width: auto; } .custommain li span { display: inline-block; border: 1px solid #e82b2a; border-radius: .15rem; padding: .1rem .2rem; margin-right: .1rem; font-size: .6rem; color: #e82b2a; } .custom_wrap { width: 100%; overflow: hidden; } .custom_slide { display: none; margin-bottom: .75rem; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .custom_slide.active { display: block; } .custom_slide a { display: inline-block; width: 6.5rem; height: 4.3rem; margin-right: .5rem; background-image: url(/uploads/image/simages/custom01.png); background-repeat: no-repeat; background-size: 100% 100%; border-radius: .25rem; } .custom_slide a:last-child { margin-right: 0; } .custom_slide a p { display: table-cell; height: 4.3rem; width: 6.5rem; vertical-align: middle; color: #fff; font-size: .9rem; font-weight: bold; white-space: normal; line-height: 1.2rem; } .custom_slide a p span { display: block; width: 3.75rem; margin: 0 auto; } .custom_line { width: 100%; height: .5rem; margin-bottom: 1.5rem; background-color: #f4f3f8; } .custom_slide a:nth-child(2n) { background-image: url(/uploads/image/simages/custom02.png); } .custom_slide a:nth-child(3n) { background-image: url(/uploads/image/simages/custom03.png); } .custom_slide::-webkit-scrollbar { display: none; } .swiper-wrapper { height: auto !important; }