﻿.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;
}
/*header*/
.header {
  height: 2.4rem;
  padding: 0 1rem;
  background-color: #215da0;
  color: #fff;
  font-size: .7rem;
}

.header.active {
  position: fixed;
  top: 0;
  left: 50%;
  width: calc(100% - 2rem);
  max-width: calc(720px - 2rem);
  padding: 0 1rem;
  z-index: 11;
  transform: translateX(-50%);
}

.logo {
  float: left;
}

.logo img {
  width: 4.8rem;
  padding-top: .44rem;
  margin-right: .3rem;
}

.hd-fx {
  position: relative;
  float: right;
  height: 1.2rem;
  border: 1px solid white;
  padding: 0 1rem 0 .5rem;
  margin-top: .55rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 1rem;
}

.hd-fx h1 {
  display: none;
}

.hd-kt {
  position: relative;
  float: right;
  height: 1.2rem;
  border: 1px solid white;
  padding: 0 1rem 0 .5rem;
  margin-top: .55rem;
  line-height: 1.2rem;
  text-align: center;
  border-radius: 1rem;
}

.u-arrow, .iconfont {
  position: absolute;
  top: 0.5rem;
  right: 0.25rem;
  width: 0.475rem;
  height: .225rem;
  background-image: url(/static/mobile/images/arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
  transition: transform .5s ease;
}

.iconfont {
  top: .5rem;
  right: .35rem;
}

.hd-kt.active i, .hd-fx.active i {
  transform: rotate(180deg);
}

/*轮播*/
.carousel_wrap {
/*  margin-top: .8rem;*/
}

.carousel_wrap.active {
  margin-top: 3.2rem;
}

.carousel .swiper-slide {
  width: 100%;
/*  padding: 0 .62% 0 1.1%;*/
}

.carousel ul {
  position: relative;
}

.carousel ul li {
  height: 8.5rem;
  overflow: hidden;
}

.carousel ul li a {
  display: block;
  height: 100%;
}

.carousel ul li img {
  width: 100%;
  height: 8.5rem;
}

.swiper-pagination-bullet {
  width: .375rem;
  height: .375rem;
  border-radius: 100%;
  background-color: #a6d2ff;
  transition: width .5s ease;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 .15rem;
   opacity: 0.8 !important;
}

.swiper-pagination-white .swiper-pagination-bullet-active, .swiper-pagination-bullet-active {
  background-color: #28557b;
    opacity: 0.5 !important;
}

.carousel.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 1.3rem;
}

/*nav*/
.nav {
  /*border-bottom: 1px solid #e7e7e9;*/
  /*padding-bottom: .3rem;
  margin-bottom: 1.5rem;*/
 padding-top: 0.875rem;
}

.nav a {
  float: left;
  width: 25%;
  margin-bottom: 0.875rem;
  text-align: center;
  font-size: .7rem;
}

.nav a:nth-child(1), .nav a:nth-child(6) {
  width: 23%;
  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.675rem;
  height: 2.675rem;
  margin: 0 auto .2rem auto;
  background-size: 100% 100%;
}

.nav .menu-item:nth-child(1) i {
  background-image: url(/static/mobile/images/icon_nav_zixun.png);
}

/* .nav .menu-item:nth-child(2) i{background-image:url(/static/mobile/images/icon_nav_ziliao.png);} */
.nav .menu-item:nth-child(2) i {
  background-image: url(/static/mobile/images/icon_nav_ms.png);
}

.nav .menu-item:nth-child(3) i {
  background-image: url(/static/mobile/images/icon_nav_zhibo.png);
}

.nav .menu-item:nth-child(4) i {
  background-image: url(/static/mobile/images/icon_nav_wx.png);
}

.nav .menu-item:nth-child(5) i {
  background-image: url(/static/mobile/images/icon_nav_rili.png);
}

.nav .menu-item:nth-child(6) i {
  background-image: url(/static/mobile/images/icon_nav_zwk.png);
}

.nav .menu-item:nth-child(7) i {
  background-image: url(/static/mobile/images/icon_nav_sz.png);
}

.nav .menu-item:nth-child(8) i {
  background-image: url(/static/mobile/images/icon_nav_app.png);
}

.nav .custom-icon-app i {
  background-image: url(/static/mobile/images/icon_nav_app.png);
}

.nav .custom-icon-01 i {
  background-image: url(/static/mobile/images/icon_nav_01.png) !important;
}

.nav .custom-icon-02 i {
  background-image: url(/static/mobile/images/icon_nav_02.png) !important;
}

.nav .custom-icon-03 i {
  background-image: url(/static/mobile/images/icon_nav_03.png) !important;
}

.nav .custom-icon-04 i {
  background-image: url(/static/mobile/images/icon_nav_04.png) !important;
}

.nav .custom-icon-05 i {
  background-image: url(/static/mobile/images/icon_nav_05.png) !important;
}

.nav .custom-icon-06 i {
  background-image: url(/static/mobile/images/icon_nav_06.png) !important;
}

.nav .custom-icon-07 i {
  background-image: url(/static/mobile/images/icon_nav_07.png) !important;
}

.nav .custom-icon-08 i {
  background-image: url(/static/mobile/images/icon_nav_08.png) !important;
}

.nav .custom-icon-09 i {
  background-image: url(/static/mobile/images/icon_nav_09.png) !important;
}

.nav .custom-icon-10 i {
  background-image: url(/static/mobile/images/icon_nav_10.png) !important;
}

.nav .custom-icon-11 i {
  background-image: url(/static/mobile/images/icon_nav_11.png) !important;
}

.nav .custom-icon-12 i {
  background-image: url(/static/mobile/images/icon_nav_12.png) !important;
}

.nav .custom-icon-13 i {
  background-image: url(/static/mobile/images/icon_nav_13.png) !important;
}

.nav .custom-icon-14 i {
  background-image: url(/static/mobile/images/icon_nav_14.png) !important;
}

.nav .custom-icon-15 i {
  background-image: url(/static/mobile/images/icon_nav_15.png) !important;
}

.nav .custom-icon-16 i {
  background-image: url(/static/mobile/images/icon_nav_08.png) !important;
}

.nav .custom-icon-17 i {
  background-image: url(/static/mobile/images/icon_nav_17.png) !important;
}

.nav .custom-icon-18 i {
  background-image: url(/static/mobile/images/icon_nav_18.png) !important;
}

.nav .custom-icon-19 i {
  background-image: url(/static/mobile/images/icon_nav_19.png) !important;
}

.nav .custom-icon-20 i {
  background-image: url(/static/mobile/images/icon_nav_20.png) !important;
}

.nav .custom-icon-21 i {
  background-image: url(/static/mobile/images/icon_nav_21.png) !important;
}

.nav .custom-icon-22 i {
  background-image: url(/static/mobile/images/icon_nav_22.png) !important;
}

.nav .custom-icon-23 i {
  background-image: url(/static/mobile/images/icon_nav_23.png) !important;
}

.nav .custom-icon-24 i {
  background-image: url(/static/mobile/images/icon_nav_24.png) !important;
}

/*top*/
.top {
  border-bottom: 1px solid #e7e7e9;
  padding-bottom: 1rem;
}

.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;
}

.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: #848484;
}

/*hot*/
.hot {
}

.hot .title {
  margin-bottom: 0.6rem;
}

.slideNav {
  width: 100%;
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.slideNav .swiper-slide {
  width: auto;
  margin-right: .3rem;
  text-align: center;
  font-size: .75rem;
  height: 1.125rem;
  border-radius: 1rem;
  padding: 0 0.5rem;
  display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;}
}

.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%;
  display: none;
}
.slideNav .swiper-slide.active{
	background-color: #fe6e00;
	color: white;
}
.slideMain {
  width: 100%;
  box-sizing: border-box;
}

.slideMain li {
  margin-bottom: .75rem;
}
.slideMain li a{display: block;  overflow: hidden;}
.slideMain li:hover .index-3{color: #fe6e00;}
.slideMain li:hover .index-4{color: #fe6e00;}

.slideMain li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.slideMain li a {
  display: block;
  max-width: 100%;
  font-size: .75rem;
}

.slideMain li a span {
}

/*考试日历*/
.calendar {
  padding-bottom: 1.4rem;
  border-bottom: 1px solid #e9e9e9;
}

.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(/static/mobile/images/calendar.png);
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: .8rem;
}

.month span {
  color: #df3636;
}

.cal_list {
  display: block;
  margin-top: 0.8rem;
}

.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;
}

.cal_list:nth-child(3) .region_bg {
  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(/static/mobile/images/circle01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
}

.cal_list:nth-child(3) .region_bg i {
  background-image: url(/static/mobile/images/circle02.png);
}

.por {
  position: relative;
  z-index: 2;
}

.region_bg p {
  margin-bottom: .5rem;
  font-size: 1rem;
}

.cal_info {
  float: left;
  max-width: 9.1rem;
  margin-left: .6rem;
}

.cal_info p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: .3rem;
  font-size: .8rem;
  overflow: hidden;
}

.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: 1.4rem 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(/static/mobile/images/more.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

/*上岸课堂*/
.classroom {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 1.4rem;
}

.title {
  position: relative;
  display: table;
  font-size: 0.8rem;
  width: calc(100% + 2rem);
  box-sizing: border-box;
  padding-left: 1rem;
  margin-left: -1rem;
  height: 2.7rem;
  background-color: #fafafa;
  color: #fe6e00;
  padding-top: 1.3rem;
  box-sizing: border-box;
}

.title::before {
  content: '';
  position: absolute;
  top: 0;
  left: -1rem;
  width: 1.75rem;
  height: 1.4rem;
  background-image: url(/static/mobile/images/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{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.live_list li {
  margin-top: 0.625rem;
  width: 7.5rem;
  border-radius: .3rem;
  overflow: hidden;
  position: relative;
}
.live_list li a{display: block;}

.live_list img {
 /* height: 5.5rem !important;*/
}

.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: 9rem;
  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 {
  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;
}

.exam_link a:nth-child(3n) {
  margin-right: 0;
}

/*新增*/
.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: 9;
  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;
}

/*新增*/
.m-drop {
  display: none;
  position: fixed;
  top: 2.4rem;
  right: 0;
  bottom: 0;
  left: 50%;
  box-sizing: border-box;
  width: 100%;
  max-width: 720px;
  background: rgba(0, 0, 0, .3);
  z-index: 10;
  border-top: 1px solid #ecebeb;
  transform: translateX(-50%);
}

.m-drop .drop-bd {
  max-height: 50%;
  background: #f8f8f8;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.m-htfb .drop-bd {
  width: 100%;
  height: -webkit-calc(100% - 1.2rem);
  height: calc(100% - 1.2rem);
  max-height: 100%;
}

.m-htfb .drop-box {
  width: 100%;
  height: 100%;
  background: #fff;
}

.m-htfb .htfb-letter {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 2.666667rem;
  height: 2.666667rem;
  margin: -1.333333rem 0 0 -1.333333rem;
  text-align: center;
  line-height: 2.666667rem;
  background: rgba(145, 145, 145, 0.6);
  border-radius: 0.16rem;
  color: #555;
  z-index: 10;
}

.m-htfb .htfb-hd {
  display: none;
  /*bottom: 0;*/
  right: 0;
  width: 2rem;
  height: -webkit-calc(100% - 2.5rem);
  height: calc(100% - 2.5rem);
  z-index: 2;
}

.m-htfb .htfb-hd ul {
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  text-align: center;
  color: #fe6e00;
  transform: translate(0, -50%);
}

.m-htfb .htfb-bd {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.m-htfb .htfb-box {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: .8rem solid #f8f8f8;
}

.m-htfb .htfb-item {
  color: #333;
}

.m-htfb .htfb-item .item-num {
  display: block;
  height: 1.5rem;
  padding-left: 0.4rem;
  line-height: 1.5rem;
  background: #f8f8f8;
  font-weight: bold;
  color: #333;
}

.m-htfb .htfb-item .item-sub {
  padding-left: 0.4rem;
}

.m-htfb .htfb-item .item-txt {
  height: 2.5rem;
  line-height: 2.5rem;
  border-bottom: 1px solid #dadada;
  overflow: hidden;
}

.m-htfb .htfb-item .item-txt:last-child {
  border-bottom: 0;
}

.m-htfb .htfb-item .item-txt a {
  display: block;
  color: #333;
}

.m-htfb .htfb-item .on a {
  color: #fe6e00;
}

.m-htfb .htfb-fixed .htfb-hd {
  position: fixed;
  display: block;
}

.m-drop-hdmenu .drop-bd {
  float: right;
  width: -webkit-calc(100% - 1.84rem);
  width: calc(100% - 1.84rem);
}

.rec-type {
  position: relative;
}

.rec-type p {
  position: absolute;
  top: 1.2rem;
  left: .8rem;
  color: #fff;
  text-align: left;
  font-size: .8rem;
}

.rec-type p span {
  display: block;
  margin-bottom: .2rem;
  font-size: .95rem;
}

/*4.20版本新增*/
.search_link {
  float: right;
  width: 1rem;
  height: 1rem;
  margin-top: .7rem;
  margin-right: .6rem;
  background-image: url(/static/mobile/images/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 {
  padding-bottom: 1rem;
}

.jjrd {
  border-bottom: 1px solid #e9e9e9;
}

.jjrd .oh {
  margin-top: 1rem;
  position: relative;
}

.jjrd .slideNav {
  margin-bottom: 0;
  position: relative;
}

.jjrd .live_list {
  margin-top: 1rem;
}

.jjrd .live_list li {
  border: none;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0.625rem;
}

.jjrd .live_list li a {
  white-space: inherit;
}

.jjrd .live_list img {
  height: 4.7rem;
}

.jjrd .live_r p {
  margin-bottom: .2rem;
  -webkit-line-clamp: 2;
}

.see_num {
  color: #df3636;
  font-size: .65rem;
}

.jjrd .look_more {
  margin-top: 0;
}

.jjrd .time {
  margin-bottom: .2rem;
}

.ssgk .live_list li {
  border-bottom: 1px solid #e7e7e9;
}

.ssgk .live_r {
  width: 100%;
}

@media screen and (min-width:1080px) {
  .cal_info {
    max-width: 8.5rem;
  }

  .live_r {
    width: 8.3rem;
  }
}


/*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(/static/mobile/images/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(/static/mobile/images/custom01.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.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(/static/mobile/images/custom02.png);
}

.custom_slide a:nth-child(3n) {
  background-image: url(/static/mobile/images/custom03.png);
}

.custom_slide::-webkit-scrollbar {
  display: none;
}

/*添加css*/
.box{background-color: #fafafa;min-height: 100%;}
.index-1{height: 1.2rem; display: inline-flex;justify-content: center;align-items: center;flex-direction: column;color: white;border: 1px solid white;border-radius: 1rem;padding: 0 0.5rem 0 .5rem;font-size: .7rem;background-color: white;color: #215da0;margin-top: .55rem;}
.index-2{float: right;margin-right: 1rem;color: #808080;}
.index-2:hover{color: #fe6e00;}
.index-3{display: inline-block;width: 72%;float: left;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-4{float: right;display: inline-block;}
.index-5 li a{display: flex;justify-content: space-between;padding: 0.55rem 0;}
.index-5 li{border-bottom: 1px solid #e8e5e9 !important;margin-bottom: 0 !important;}
.index-5 li:last-child{border-bottom: none !important;}
.index-5 li:last-child a{padding-bottom: 0;}
.index-6{width: 2.75rem;height: 2.75rem;border-radius: 0.2rem;}
.index-7{width: 13.625rem;}
.index-8{line-height: 0.8rem;height: 1.6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-9{overflow: hidden;margin-top: 0.2rem;}
.index-10{float: left;}
.index-11{width: 0.7rem;height: 0.7rem;display: inline-block;vertical-align: middle;margin-right: 0.375rem;margin-top: 0.1rem;}
.index-12{font-size: 0.5rem;display: inline-block;vertical-align: middle;color: #808080;}
.index-13{float: right;}
.index-14 li{margin-top: 0.55rem;background-color: white;position: relative;overflow: hidden;}
.index-14 li a{padding: 0.3rem 1rem;display: block;}
.index-14 .index-8{padding-right: 1rem;}
.index-14 .index-13{}
.index-15{font-size: 0.5rem;position: absolute;right: -1rem;top: 0.6rem;transform: rotate(45deg);color: white;width: 4rem;height: 1rem; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.conduct1{background-color: #fe4337;}
.end1{background-color: #515151;}
.index-16{color: #fe6e00;font-style: initial;}
.index-17{float: right;position: relative;top: -0.25rem;margin-right: 1rem;}
.index-19{color: #333;font-size: 0.75rem;}
.index-20{font-size: 0.75rem;}
.live_list li .index-21{width: 100%;}
.live_list li .index-22{height: 1.5rem;display: flex;justify-content: center;flex-direction: column;font-size: 0.6rem;background-color: #fafafa;padding-left: 0.35rem;padding-right: 0.35rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.live_list li .index-23{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);}
.live_list li .index-24{width: 1.5rem !important;height: 1.5rem !important;opacity: 0.8;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;}
.slideMain03{margin-top: 1rem;padding-bottom: 1.25rem;}
.index-25{float: right;display: inline-block;color: #fe6e00;}
.index-26{width: 4.7rem;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;}
.index-27{display: block !important;overflow: hidden;padding-top: 0.3rem;box-sizing: border-box;}
.index-29{height: 7.5rem;position: relative;}
.index-30{position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;}
.index1-30{height: 5.5rem !important;}
.live_list li .index-31{height: 2rem;padding-top: 0;position: relative;}
.live_list li .index-32{width: 3.7rem;display: inline-block;white-space: initial;position: absolute;top: 50%;transform: translate(0,-50%);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.live_list li .index-33{margin-top: 0.7rem;}
.index-34{margin-top: 2.625rem;padding-top: 0.65rem;padding-bottom: 0.65rem;}
.index-36{width: 0.75rem;border-bottom: 1px solid #fe6e00;display: inline-block;vertical-align: middle;}
.index-35{text-align: center;}
.index-37{font-size: 0.8rem;color: #fe6e00;margin: 0 0.425rem;}
.index-38{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 0.7rem;}
.index-38 li{height: 6.375rem;width: 5.375rem;background-color: #fafafa;text-align: center;border-radius: 0.3rem;}
.index-39{width: 3rem;height: 3rem;display: inline-block;margin-top: 1rem;}
.index-40{margin-top: 0.7rem;}
.index-41{height: 2.7rem;padding: 0 1rem;}
.index-42{background-color: #fe6e00;padding: 0 0.425rem;height: 2.75rem;box-sizing: border-box;padding-top: 0.375rem;border-radius: 0.4rem;overflow: hidden;position: relative;top: -1rem;z-index: 5;}
.index-44{display: flex;justify-content: space-between;border-radius: 0.1rem;overflow: hidden;}
.index-45{background-color: white;width: 14.25rem;height: 1.25rem;padding: 0 0.375rem;box-sizing: border-box;outline: none;}
.index-46{background-color: #ffb77f;color: white;border: none;height: 1.25rem;width: 1.75rem;text-align: center;outline: none;}
.index-47{width: 1rem;height: 1rem;}
.index-48{padding-left: 0.375rem;}
.index-49{display: inline-block;vertical-align: middle;width: 0.6rem;height: 0.6rem;}
.index-50{display: inline-block;vertical-align: middle;margin-top: -0.1rem;}
.index-50 li{display: inline-block;margin-right: 0.5rem;}
.index-50 li:last-child{margin-right: 0;}
.index-50 li a{color: white;font-size: 0.5rem;}
.index-51{display: inline-block;vertical-align: middle;height: 1.1rem;margin-right: 0.3rem;}
.index-52{position: absolute;right: 0;top: -0.05rem;height: 1.125rem;background-color: white;padding-left: 0.2rem;z-index: 50;}
.index-53{width: 0.85rem;position: relative;top: 0.15rem;}
.state{position: absolute;top: 0;left: 0;font-size: 0.5rem;color: white;width: 4rem;text-align: center;display: none;}
.state1{background-color: #f13d3c;}
.state2{background-color: #fe6d01;}
.state3{position: absolute;right: 0.2rem;bottom: 0.2rem;display: none;z-index: 5;}
.state3 img{width: auto;height: 2rem !important;position: relative;z-index: 5;}
.conduct .state1{display: block;}
.notStarted .state2{display: block;}
.over .index-21{
	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.over .index-23{display: none;}
.over .state3{display: block;}
.index-54{display: inline-block;vertical-align: middle;width: 2rem;text-align: center;color: white;background-color: #fe6d01;font-size: 0.6rem;padding: 0.1rem 0;border-radius: 0.15rem;}
.index-57{width: 4.8rem;overflow-x: auto;}
.index-60{position: relative;display: inline-block;vertical-align: middle;padding-right: 1rem;}
.header .index-60{float: right;}
.index-57::-webkit-scrollbar{display:none;}
.index-58{white-space: nowrap;transition: 0.5s;}
.index-58 li{display: inline-block;background-color: #fcb47c;}
.index-58 li a{display: block;color: white;font-size: 0.75rem;}
.index-59{position: absolute;top: 0.05rem;right: 0;width: 0.85rem;z-index: 5;}
.img_active{display: none;}
.fixedBar_bg a.active .img{display: none;}
.fixedBar_bg a.active .img_active{display: block;}
/*.index-60{float: right;}*/
/*当前的位置*/
.index-61{padding: 0.625rem 1rem;background-color: white;}
.index-62{font-size: 0.5rem;color: #bfbfbf;}
.index-62 a{color: #bfbfbf;}
.index-63{display: inline-block;vertical-align: middle;width: 0.2rem;height: 0.2rem;background-color: #bfbfbf;border-radius: 100%;margin-right: 0.2rem;}
.index-64{margin-top: 0.5rem;}
/*选项*/
.list_news-3 li{display: inline-block;padding: 0.75rem 0;border-bottom: 1px solid transparent;}
.list_news-3 .active{border-bottom: 1px solid #fe6e00;}
.list_news-2{padding: 0 1rem;background-color: white;border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;}
.list_news-3{display: flex;justify-content: space-between;}
/*旋转*/
.hover-up{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 
}
.hover-down{
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); 	/* IE 9 */
	-moz-transform:rotate(0deg); 	/* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg); 
}
.hover-up1{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); 
}
.hover-down1{
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); 	/* IE 9 */
	-moz-transform:rotate(0deg); 	/* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg); 
}