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{
	width: 100%;
	height: auto;
	color: #434242;
}
.c-c-wp {
	margin: 0 auto;
	position: relative;
	padding-bottom: 2rem;
}

.wp-top{
	width: 90%;
	margin: 0 auto;
	margin-top: .6rem;
}
.top-logo{
	width: 3rem;
	height: 3rem;
	margin: 0 auto;
}
.top-logo img{
	width: 100%;
}

.t-t-h2{
	margin:  0 auto;
	display: flex;
	justify-content: space-around;
	margin-top: .3rem;
	flex-wrap: wrap;
}
.t-h-left{
	font-size: .6rem;
	line-height: 1.6;
	font-weight: bolder;
}
.t-h-middle{
	width: .05rem;
	height: 1rem;
	background-color: #434242;
	opacity: .6;
}
.t-h-right{
	font-size: .32rem;
	line-height: 1.6;
}
.t-h-right a{
	color: #ffc306;
}
.t-t-text{
	width: 90%;
	line-height: 1.4;
	font-size: .4rem;
	margin: .2rem auto;
}

/*  */
.wp-article-section{
	width: 86%;
	height: auto;
	margin: 0 auto;
}
.a-s-title{
	border: .1rem solid #FFC306;
	padding: .2rem .3rem;
	border-radius: .2rem;
	margin: .6rem 0 .3rem 0;
	position: relative;
}
.a-s-title::before{
	font-size: 1rem;
	position: absolute;
	top: -.6rem;left: -.4rem;
	font-style: italic;
	line-height: 1.4;
	background-color: #fff;
}
.wp-article-section1 .a-s-title::before{
	content: '1';
}
.s-t-h3{
	font-size: .52rem;
	line-height: 1.4;
	font-weight: bolder;
}
.s-t-p{
	font-size: .32rem;
	line-height: 1.4;
}

.wp-article-section .a-s-menu{
	display: block;
	font-size: .32rem;
	padding: .1rem .2rem .1rem 0;
	box-sizing: border-box;
	color: #434242;
}
.wp-article-section .a-s-menu:hover{
	opacity: .8;
}
.a-s-menu span{
	display: block;
}
.s-m-title{
	position: relative;
	font-size: .4rem;
	font-weight: 600;
	/* border-left: .06rem solid #FFC306; */
	padding-left: .24rem;
	margin: .07rem 0;
}
.s-m-title::before{
	content: '';
	width: .08rem;
	height: .4rem;
	background-color: #FFC306;
	position: absolute;
	top: 0;left: 0;
}
.s-m-p{
	padding-left: .24rem;
	line-height: 1.4;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	max-height: .9rem;
}
/* 2 */
.wp-article-section2 .a-s-title::before{
	content: '2';
}
.wp-article-section3 .a-s-title::before{
	content: '3';
}
.wp-article-section4 .a-s-title::before{
	content: '4';
}
.wp-article-section5 .a-s-title::before{
	content: '5';
}
.wp-article-section6 .a-s-title::before{
	content: '6';
}
.wp-article-section7 .a-s-title::before{
	content: '7';
}
.wp-article-section8 .a-s-title::before{
	content: '8';
}
.wp-article-section9 .a-s-title::before{
	content: '9';
}
.wp-article-section:last-child{
	padding-bottom: 1.4rem;
}

/* 跳转页 */
.wp-article-target{
	width: 100%;
	height: auto;
}
.wp-article-target .tgt-content{
	width: 80%;
	margin: .5rem auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}
.wp-article-target .tgt-content .tgt-up,
.wp-article-target .tgt-content .tgt-down{
	margin: .2rem 0;
}

.tgt-content a{
	display: block;
	font-size: .32rem;
	font-weight: 600;
	position: relative;
	color: #676666;
	box-sizing: border-box;
	line-height: 1.4;
	border: .01rem solid #FEB62C;
	border-radius: .5rem;
}

.tgt-up a{
	padding: .1rem .3rem .1rem .64rem;
}
.tgt-down a{
	padding: .1rem .64rem .1rem .3rem;
}
.tgt-up a::before{
	content: '';
	width: .1rem;
	height: .1rem;
	border-left: .04rem solid #676666;
	border-bottom: .04rem solid #676666;
	transform: translate(0, -50%) rotate(45deg);
	position: absolute;
	top: .3rem;
	left: .32rem;
	
}
.tgt-up a::after{
	content: '';
	width: .1rem;
	width: .1rem;
	height: .08rem;
	border-left: .04rem solid #676666;
	border-bottom: .04rem solid #676666;
	transform: translate(0, -50%) rotate(45deg);
	position: absolute;
	top: .3rem;
	left: .44rem;
	
}
.tgt-down a::before{
	content: '';
	width: .08rempx;
	width: .08rem;
	height: .08rem;
	border-left: .04rem solid #676666;
	border-bottom: .04rem solid #676666;
	transform: translate(0, -50%) rotate(-135deg);
	position: absolute;
	top: .3rem;
	right: .32rem;
	
}
.tgt-down a::after{
	content: '';
	width: .08rempx;
	width: .08rem;
	height: .08rem;
	border-left: .04rem solid #676666;
	border-bottom: .04rem solid #676666;
	transform: translate(0, -50%) rotate(-135deg);
	position: absolute;
	top: .3rem;
	right: .44rem;
	
}
.tgt-up:hover a{
	color: #fff;
	background-color: #FEB62C;
}
.tgt-down:hover a{
	color: #fff;
	background-color: #FEB62C;
}
.tgt-up:hover a::before,
.tgt-down:hover a::before{
	border-left: .04rem solid #fff;
	border-bottom: .04rem solid #fff;
}
.tgt-up:hover a::after,
.tgt-down:hover a::after{
	border-left: .04rem solid #fff;
	border-bottom: .04rem solid #fff;
}
  
  /* 侧边导航 */
  .siderBar {
  	width: 2.8rem;
  	height: auto;
  	position: fixed;
  	bottom: 12%;
  	right: 0;
  	z-index: 99;
 
  }
  
  .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(12% + 2rem);
		right: 0;
  }
  .siderBar li:last-child{
	  padding-bottom: .3rem;
  }
 .siderBar li {
    padding: 0.2rem 0 0.2rem 0;
    font-size: .3rem;
    cursor: pointer;
    border-bottom: 0.01rem solid #b2b1b1;
    margin: 0 0.4rem;
 }
  .siderBar li a{
  	  position: relative;
  	  color: #b2b1b1;
  	  
  	  padding-bottom: .1rem;
  }
  
/*  .siderBar li a::before{
  	content: '1';
  	 width: 0.1rem;
  	 height: 0.1rem;
  	 background-color: #5a5959;
  	 border-radius: 50%;
  	 position: absolute;
  	 top: 0rem;
  	 left: -0.32rem;
	 font-size: .36rem;
	 color: #434242;
	 opacity: .8;
  } */
/*  .siderBar li:nth-child(2) a::before{
  	content: '2';
  }
  .siderBar li:nth-child(3) a::before{
  	content: '3';
  }
  .siderBar li:nth-child(4) a::before{
  	content: '4';
  }
  .siderBar li:nth-child(5) a::before{
  	content: '5';
  }
  .siderBar li:nth-child(6) a::before{
  	content: '6';
  }
  .siderBar li:nth-child(7) a::before{
  	content: '7';
  }
  .siderBar li:nth-child(8) a::before{
  	content: '8';
  }
  .siderBar li:nth-child(9) a::before{
  	content: '9';
  } */
  .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(12% + .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: 12% ;
	  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: .6;
  }
  .sd-active a{
  	  color: #ffc306 !important;
  }
  .sd-active a::before{
	  color: #ffc306 !important;
  }
  .sd-active:hover a::before{
  	  opacity: .6;
  }
  .head-search {
      position: absolute;
      right: 70px;
  }