body{
	background-color: #fff;
}
.header_list .tab-item, .header_list .tab-item-span {
    padding: 0 0.18rem;
}
.header_box_component{
	position: fixed;
	top: 0;
	z-index: 10;
}
.tablist.header_list{
	position: fixed;
	top: 1.6rem;
	z-index: 10;
}
.course-content-wrap{
	color: #434242;
}
.c-wp {
	margin: 0 auto;
	position: relative;
}


.t-txt {
	text-align: center;
	background-color: #e6e6e6;
	padding-top: 60px;
}

.t-txt .t-ct {
	/* width: 1200px; */
	margin: 0 auto;
	position: relative;
	padding-bottom: 40px;

}

.t-title {
	font-size: .6rem;
	font-weight: bold;
	padding-bottom: 30px;
}

.t-txt p {
	width: 90%;
	font-size: .36rem;
	line-height: 1.4;
	text-align: center;
	margin: 0 auto;
}

.t-click {
	height: 1rem;
	background-color: #e6e6e6;
	margin: 0 auto;

}

.btn-ck {
	width: 3.6rem;
	display: block;
	font-size: .42rem;
	font-weight: 900;
	background-color: #efbb2a;
	line-height: 2;
	border-radius: 50px;
	color: #434242;
	text-align: center;
	margin: 0 auto;
	box-sizing: border-box;
}

.btn-ck:hover{
	background-color: #434242;
	color: #efbb2a;
	border: .05rem solid #efbb2a;
	box-sizing: border-box;
	
}
/* 一 */
.ed-course {
	width: 100%;
	margin: 0 auto;
	padding: 100px 0;
}

.cr-ct {
	width: 90%;
	margin: 0 auto;
	position: relative;
	color: #434242;
}


.l-logo {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.l-logo img {
	width: 1.8rem;
	height: 1.86rem;
	margin: 0 .5rem;
}

.wap-r-title{
	width: 60%;
	display: block;
}
.r-title{
	display: none;
}
.wap-tl-1{
	font-size: .4rem;
}
.wap-tl-1 span{
	display: inline-block;
	font-size: .6rem;
}
.wap-tl-2{
	font-size: .6rem;
	font-weight: bolder;
}

.l-btn {
	width: 4rem;
	border: 2px solid #ffc306;
	box-sizing: border-box;
	margin: .4rem 0 .4rem 13%;
	padding: .1rem .2rem;
	border-radius: 2rem;
}

.l-btn a {
	display: flex;
	justify-content: space-around;
	color: #434242;
}

.l-btn p {
	font-size: .4rem;
	line-height: 2;
	font-weight: bolder;
}

.l-btn .btn-gt {
	display: inline-block;
	width: .4rem;
	height: .4rem;
	margin-top: .2rem;
	background: url(../images/btn-gt.png) no-repeat center;
	background-size: .4rem, .4rem;
}

.l-btn:hover {
	background-color: #434242;
}

.l-btn:hover p {
	color: #eeb822;
}

.l-btn:hover .btn-gt {
	width: .4rem;
	height: .4rem;
	
	background: url(../images/btn-gt-hover.png) no-repeat center;
	background-size: .4rem, .4rem;
}


.ct-right {
	width: 84%;
	margin: 0 auto;
}


.r-intro {
	margin-top: .2rem;
}

.it-of {
	font-size: .5rem;
	line-height: 2.2;
	padding-left: .5rem;
	border-left: .01rem solid #162935;
	position: relative;
}
.it-of a{
	color: #434242;
}
.it-of::before {
	content: '';
	width: .4rem;
	height: .4rem;
	background-color: #eeb822;
	border: .01rem solid #434242;
	border-radius: 50%;
	box-sizing: border-box;
	position: absolute;
	top: .24rem;
	left: -.2rem;
}

.it-of-first {
	padding-top: 0;
}

.it-of-first::before {
	top: .0rem;
}

.it-of-last {
	padding-bottom: 0;
	line-height: inherit;
	padding-top: .2rem;
}


.ed-course2 {
	background-color: #e6e6e6;
}


.it-of-after::after {
	width: 2rem;
	height: .5rem;
	font-size: .32rem;
	position: absolute;
	top: -.3rem;
	left: .46rem;
}

.it-of-last {
	padding-bottom: 0;
	line-height: inherit;
	padding-top: .3rem;
}

.it-of-last::before {
	top: .55rem;
}

.it-of-line2-last::before{
	top: 1.4rem;
}

.it-of-line2-last::before{
	top: 1.4rem;
}

.it-of-1::after {
	content: 'Grade 1';
}

.it-of-2::after {
	content: 'Grade 2';
}

.it-of-3::after {
	content: 'Grade 3';
}

.it-of-4::after {
	content: 'Grade 4';
}

.it-of-5::after {
	content: 'Grade 5';
}

.it-of-6::after {
	content: 'Grade 6';
}

.it-of-7::after {
	content: 'Grade 7';
}

.it-of-8::after {
	content: 'Grade 8';
}
.it-of-9::after {
	content: 'Grade 9';
}
.it-of-10::after {
	content: 'Grade 10';
}
.it-of-last::after{
	top: 0rem;
}
.it-of-line-2{
	line-height: inherit;
	padding-top: .3rem;
	padding-bottom: .3rem;
}
.it-of-line-2::after{
	top: 0rem;
}
.ed-course4 {
	background-color: #e6e6e6;
}

.ed-course6 {
	background-color: #e6e6e6;
}

.ed-slider {
	margin-top: 1rem;
}

.sd-ct {
	background: url(../images/slider-bg.png) no-repeat top;
	background-color: transparent;
}

.sd-wp {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.sd-read {
	width: 3rem;
	height: 3rem;
	background: url(../images/yuanhuan.png) no-repeat center;
	background-size: 3rem, 3rem;
	font-size: .3rem;
	color: #585757;
	font-weight: bolder;
	text-align: center;
	box-sizing: border-box;
	padding-top: 1.2rem;
	transform: translateX(50%);
}
#sd-slider{
	width: 90%;
	margin: 0 auto;
	padding: 1.5rem 0;
	overflow: hidden;
	position: relative;
}
#sd-slider .swiper-slide{
	width: 30%;
}
#sd-slider .sw-img{
	height: 1.6rem;
	margin: 0 .2rem;
	overflow: hidden;
}
#sd-slider .sw-img img{
	height: 1.6rem;
	width: 100%;
	object-fit: cover;
}
#sd-slider .sw-title{
	display: block;
	width: 100%;
	line-height: .32rem;
	overflow: hidden;
	text-align: center;
	padding-top: .3rem;
	font-size: .28rem;
	max-height: .67rem;
	color: #434242;
}
.swiper-pagination{
	height: .36rem;
	position: absolute;
	top: .2rem;right: 1rem;
}

.swiper{
    --swiper-theme-color: #f4c830;/* 设置Swiper风格 */
    --swiper-navigation-color: #fefefe;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
  }
  .swiper-button-next, .swiper-button-prev {
		width: .48rem;
		height: .48rem;
		background-color: #575656;
		border-radius: 50%;
		position: absolute;
		z-index: 99;
  }
  .swiper-button-next{
	  top: .3rem;
	  right: 1.2rem;
  }
  .swiper-button-prev{
	  top: .3rem;
	  left: 6.2rem;
  }
  .swiper-button-next:after, .swiper-button-prev:after {
      font-family: swiper-icons;
      font-size: .3rem;
	  font-weight: bold;
      text-transform: none!important;
      letter-spacing: 0;
      text-transform: none;
      font-variant: initial;
  }
  .swiper-pagination-bullet {
      width: .36rem;
      height: .36rem;
  }
  
  /* 侧边导航 */
  .siderBar {
  	width: 2.8rem;
  	height: auto;
  	position: fixed;
  	bottom: 30%;
  	right: 0;
  	z-index: 9;
 
  }
  
  .siderBar .sd-li-menu{
	  width: 3.6rem;
	  border-top: 0.1rem solid #ffc306;
	  border-radius: 0.06rem;
		background: #fff;
		border-radius: 0 0 .2rem .2rem;
		display: none;
		position: fixed;
		bottom: calc(30% + 2rem);
		right: 0;
  }
  .siderBar li:last-child{
	  padding-bottom: .3rem;
  }
 .siderBar li {
     margin-bottom: 1px;
     padding: .2rem 0.2rem 0.2rem 0.4rem;
     font-size: .4rem;
     cursor: pointer;
 }
  .siderBar li a{
  	  position: relative;
  	  color: #b2b1b1;
  	  border-bottom: .01rem solid #b2b1b1;
  	  padding-bottom: .1rem;
  }
  
  .siderBar li a::before{
  	content: '';
  	 width: 0.1rem;
  	 height: 0.1rem;
  	 background-color: #5a5959;
  	 border-radius: 50%;
  	 position: absolute;
  	 top: 0.16rem;
  	 left: -0.24rem;
  }
  .slide-menu .menu-button-close{
	  display: none;
  }
  .slide-menu .menu-button,
  .slide-menu .menu-button-close{
	  cursor: pointer;
	  width: .8rem;
	  height: .8rem;
	  border-radius: 50%;
	  background-color: #ffc306;
	  margin: .2rem auto;
	  position: fixed;
	  bottom: calc(30% + .8rem);
	  right: .3rem;
  }
  .slide-menu .menu-button img,
  .slide-menu .menu-button-close img{
	  display: block;
	  width: .6rem;
	  height: .6rem;
	  margin: 0 auto;
	  padding: .1rem 0;
  }
  .slide-menu .to-top{
  	  display: none;
	  width: .8rem;
	  height: .8rem;
	  border-radius: .2rem;
	  background-color: #ffc306;
	  position: fixed;
	  bottom: 30% ;
	  right: .3rem;
  }
  .slide-menu .to-top img{
  	  display: block;
  	  width: .4rem;
  	  height: .2rem;
  	  margin: 0 auto;
	  padding: .3rem 0;
  }
  .siderBar li.to-top a::before{
  	  display: none;
  }

  .siderBar li:hover a::before{
  	  opacity: .4;
  }
  .sd-active a{
  	  color: #ffc306 !important;

  }
  .sd-active:hover a::before{
  	  opacity: .4;
  }
  .head-search {
      position: absolute;
      right: 70px;
  }