.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;
}