body {
  background: #ffffff;
  width: 7.5rem;
  margin: 0 auto; }

.fix_body {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -3.75rem; }

h1, h2, h3, h4, h5, h6, b {
  font-weight: normal; }

.header {
  width:7.5rem;
  height: 1rem;
  overflow: hidden;
 
  top: 0;
  

  z-index: 100; 
  box-shadow:  0px 5px 15px rgba(207,207,207,1);
  }

.header ul{
	width: 100%;
	height: 1rem;
	margin: 0 auto;
}
.header ul li{
	width: 25%;
	height: 1rem;
	float: left;
}
.header ul li a{
	display: block;
	width: 100%;
	height: 1rem;
	color: #555;
	text-align: center;
	line-height: 1rem;
	font-size: .26rem;
}


.banner_index {
  width: 100%;
  height: 5rem;
 background: url(../image/banner_01.jpg) no-repeat center;
 background-size: cover;
 }


.switcher1_index {
  width: 100%;
  overflow: hidden;
  height: 8.2rem; }
  .switcher1_index .swiper-container_switcher1 {
    width: 100%;
    height: 100%; }
    .switcher1_index .swiper-container_switcher1 .swiper-slide {
      width: 100%; }
      .switcher1_index .swiper-container_switcher1 .swiper-slide ul {
        margin: 0.3rem auto 0; }
        .switcher1_index .swiper-container_switcher1 .swiper-slide ul li {
          float: left;
          width: 25%;
          text-align: center;
          margin: 0 0 0.2rem; }
          .switcher1_index .swiper-container_switcher1 .swiper-slide ul li a {
            color: #899099;
            width: 100%;
            height: 2rem;
            display: block;
             }
          .switcher1_index .swiper-container_switcher1 .swiper-slide ul li img {
            width: 1.2rem;
            height: 1.2rem;
            margin: 0 auto; }
          .switcher1_index .swiper-container_switcher1 .swiper-slide ul li p {
            font-size: 0.24rem;
            line-height: 0.5rem; }
    .switcher1_index .swiper-container_switcher1 .swiper-pagination2 {
      position: relative;
      top: -0.5rem;
      margin: 0 auto; }
      .switcher1_index .swiper-container_switcher1 .swiper-pagination2 .swiper-pagination-bullet {
        width: 0.3rem !important;
        height: 0.1rem !important;
        background: #E8E8E8 !important;
        border-radius: 0.5rem !important;
        margin: 0 !important; }
      .switcher1_index .swiper-container_switcher1 .swiper-pagination2 .swiper-pagination-bullet-active {
        width: 0.3rem !important;
        height: 0.1rem !important;
        background: linear-gradient(90deg, #fd5f37, #e03834) !important;
        border-radius: 0.5rem !important; }

.hot_top_index {
  width: 100%;
  height: 1.56rem;
  background: url("http://pth.shurena.com/pth/yd6/images/hot_top_bg.png") no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
  position: relative; 
  
  margin-top: .3rem;
    margin-bottom: .3rem;
  }
  .hot_top_index .hot_top_pic {
    width: 0.8rem;
    float: left;
    margin: 0.4rem 0 0 0.4rem; }
    .hot_top_index .hot_top_pic img {
      width: 100%; }
  .hot_top_index .txtMarquee-top {
    width: 5.2rem;
    float: left;
    margin: 0.4rem 0 0 .1rem;
    height: 0.8rem;
    overflow: hidden; }
    .hot_top_index .txtMarquee-top .ul_box {
      height: .8rem;
      overflow: hidden; }
      .hot_top_index .txtMarquee-top .ul_box ul {
        position: relative; }
        .hot_top_index .txtMarquee-top .ul_box ul li {
          font-size: 0.26rem;
          height: 0.8rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 0.8rem; }
          .hot_top_index .txtMarquee-top .ul_box ul li a {
            color: #333333; }
            .hot_top_index .txtMarquee-top .ul_box ul li a b {
              color: #1db2f2;
              font-size: 0.28rem;
              margin: 0rem 0.1rem 0 0; }
  .hot_top_index .bkzn_btn {
    display: block;
    width: .4rem;
    font-size: 0.24rem;
    color: #1fa7e2;
    float: right;
    text-align: center;
    height: 0.8rem;
    margin: 0.4rem .5rem 0 0  ;
    line-height: .8rem;
    display: block; }
   

.tab_index {
  width: 100%;
  overflow: hidden;
  padding: 0 0 0.65rem; 
  border-bottom: 1px solid #f6f6f6;}
 .tab_index .tit_tab_index {
    width: 100%;
    height: 0.8rem; }
    .tab_index .tit_tab_index li {
      float: left;
      width: 33%;
      text-align: center;
      line-height: 0.8rem;
      font-size: 0.28rem;
      color: #888888; }
    .tab_index .tit_tab_index .active_tab {
      color: #E03B3C !important;
      position: relative; }
    .tab_index .tit_tab_index .active_tab::after {
      content: '';
      position: absolute;
      width: 0.7rem;
      height: 0.06rem;
      background: linear-gradient(90deg, #fd5f37, #e03834);
      border-radius: 0.5rem;
      bottom: 0;
      left: 50%;
      margin-left: -0.35rem; }
  .tab_index .tab_box_index {
    width: 7rem;
    margin: 0.35rem auto 0; }
    .tab_index .tab_box_index .tab_con_index {
      width: 100%;
      display: none; }
      .tab_index .tab_box_index .tab_con_index ul li {
      	width: 48%;
        height: 3.5rem;
        margin-left:4% ;
        
        float: left; }
        .tab_index .tab_box_index .tab_con_index ul li img {
          width: 100%;
          
           }
       
          .tab_index .tab_box_index .tab_con_index ul li span h3 {
            font-size: 0.3rem;
            color: #333333;
			display:-webkit-box;
			-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
			text-align: center;
			
		width: 100%;
		margin-top: .1rem;
			
			height:0.6rem;
            line-height: 0.4rem; }
            
            
          .tab_index .tab_box_index .tab_con_index ul li span p {
            font-size: 0.3rem;
            color: #999;
            position: absolute;
            
            width: 2rem;
            height: 0.4rem; 
            line-height: .4rem;}
            .tab_index .tab_box_index .tab_con_index ul li span p .b1 {
              float: left;color: #e15253;font-weight: bold;  height: 0.3rem;}
            .tab_index .tab_box_index .tab_con_index ul li span p .b2 {
              float: left;text-decoration:line-through;margin-left: .1rem; font-size: .2rem;display: block;line-height: .4rem;}
      .tab_index .tab_box_index .tab_con_index .tab_more_index {
        display: block;
        width: 1.68rem;
        height: 0.56rem;
        border: 0.01rem solid #CCCCCC;
        font-size: 0.24rem;
        color: #666666;
        text-align: center;
        line-height: 0.56rem;
        border-radius: 0.5rem;
        margin: 0.15rem auto 0; }
    .tab_index .tab_box_index .tab_con_index:first-child {
      display: block; }
      .aa{display: block;width: 1.5rem;height: .4rem;border-radius: .05rem;background: #2b81e3;float: right;text-align: center;line-height: .4rem;color: #fff;font-size: .26rem;}
      
      
      
      
      
      
      
      
      .tab_index .tit_tab_index1 {
    width: 100%;
    height: 0.8rem; }
    .tab_index .tit_tab_index1 li {
      float: left;
      width: 33%;
      text-align: center;
      line-height: 0.8rem;
      font-size: 0.28rem;
      color: #888888; }
    .tab_index .tit_tab_index1 .active_tab {
      color: #E03B3C !important;
      position: relative; }
    .tab_index .tit_tab_index1 .active_tab::after {
      content: '';
      position: absolute;
      width: 0.7rem;
      height: 0.06rem;
      background: linear-gradient(90deg, #fd5f37, #e03834);
      border-radius: 0.5rem;
      bottom: 0;
      left: 50%;
      margin-left: -0.35rem; }
  .tab_index .tab_box_index {
    width: 7rem;
    margin: 0.35rem auto 0; }
    .tab_index .tab_box_index .tab_con_index1 {
      width: 100%;
      display: none; }
      .tab_index .tab_box_index .tab_con_index1 ul li {
      	width: 48%;
        height: 3.5rem;
        margin-left:4% ;
        
        float: left; }
        .tab_index .tab_box_index .tab_con_index1 ul li img {
          width: 100%;
          
           }
       
          .tab_index .tab_box_index .tab_con_index1 ul li span h3 {
            font-size: 0.3rem;
            color: #333333;
			display:-webkit-box;
			-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
			text-align: center;
			
		width: 100%;
		margin-top: .1rem;
			
			height:0.6rem;
            line-height: 0.4rem; }
            
            
          .tab_index .tab_box_index .tab_con_index1 ul li span p {
            font-size: 0.3rem;
            color: #999;
            position: absolute;
            
            width: 2rem;
            height: 0.4rem; 
            line-height: .4rem;}
            .tab_index .tab_box_index .tab_con_index1 ul li span p .b1 {
              float: left;color: #e15253;font-weight: bold;  height: 0.3rem;}
            .tab_index .tab_box_index .tab_con_index1 ul li span p .b2 {
              float: left;text-decoration:line-through;margin-left: .1rem; font-size: .2rem;display: block;line-height: .4rem;}
      .tab_index .tab_box_index .tab_con_index1 .tab_more_index {
        display: block;
        width: 1.68rem;
        height: 0.56rem;
        border: 0.01rem solid #CCCCCC;
        font-size: 0.24rem;
        color: #666666;
        text-align: center;
        line-height: 0.56rem;
        border-radius: 0.5rem;
        margin: 0.15rem auto 0; }
    .tab_index .tab_box_index .tab_con_index1:first-child {
      display: block; }
      .aa{display: block;width: 1.5rem;height: .4rem;border-radius: .05rem;background: #2b81e3;float: right;text-align: center;line-height: .4rem;color: #fff;font-size: .26rem;}
      
      
      
      
      
      
      
   .tab_index .tit_tab_index2 {
    width: 100%;
    height: 0.8rem; }
    .tab_index .tit_tab_index2 li {
      float: left;
      width: 33%;
      text-align: center;
      line-height: 0.8rem;
      font-size: 0.28rem;
      color: #888888; }
    .tab_index .tit_tab_index2 .active_tab {
      color: #E03B3C !important;
      position: relative; }
    .tab_index .tit_tab_index2 .active_tab::after {
      content: '';
      position: absolute;
      width: 0.7rem;
      height: 0.06rem;
      background: linear-gradient(90deg, #fd5f37, #e03834);
      border-radius: 0.5rem;
      bottom: 0;
      left: 50%;
      margin-left: -0.35rem; }
  .tab_index .tab_box_index {
    width: 7rem;
    margin: 0.35rem auto 0; }
    .tab_index .tab_box_index .tab_con_index2 {
      width: 100%;
      display: none; }
      .tab_index .tab_box_index .tab_con_index2 ul li {
      	width: 48%;
        height: 3.5rem;
        margin-left:4% ;
        
        float: left; }
        .tab_index .tab_box_index .tab_con_index2 ul li img {
          width: 100%;
          
           }
       
          .tab_index .tab_box_index .tab_con_index2 ul li span h3 {
            font-size: 0.3rem;
            color: #333333;
			display:-webkit-box;
			-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
			text-align: center;
			
		width: 100%;
		margin-top: .1rem;
			
			height:0.6rem;
            line-height: 0.4rem; }
            
            
          .tab_index .tab_box_index .tab_con_index2 ul li span p {
            font-size: 0.3rem;
            color: #999;
            position: absolute;
            
            width: 2rem;
            height: 0.4rem; 
            line-height: .4rem;}
            .tab_index .tab_box_index .tab_con_index2 ul li span p .b1 {
              float: left;color: #e15253;font-weight: bold;  height: 0.3rem;}
            .tab_index .tab_box_index .tab_con_index2 ul li span p .b2 {
              float: left;text-decoration:line-through;margin-left: .1rem; font-size: .2rem;display: block;line-height: .4rem;}
      .tab_index .tab_box_index .tab_con_index2 .tab_more_index {
        display: block;
        width: 1.68rem;
        height: 0.56rem;
        border: 0.01rem solid #CCCCCC;
        font-size: 0.24rem;
        color: #666666;
        text-align: center;
        line-height: 0.56rem;
        border-radius: 0.5rem;
        margin: 0.15rem auto 0; }
    .tab_index .tab_box_index .tab_con_index2:first-child {
      display: block; }
      .aa{display: block;width: 1.5rem;height: .4rem;border-radius: .05rem;background: #2b81e3;float: right;text-align: center;line-height: .4rem;color: #fff;font-size: .26rem;}    
      
      
      
      
    .tab_index .tit_tab_index3 {
    width: 100%;
    height: 0.8rem; }
    .tab_index .tit_tab_index3 li {
      float: left;
      width: 33%;
      text-align: center;
      line-height: 0.8rem;
      font-size: 0.28rem;
      color: #888888; }
    .tab_index .tit_tab_index3 .active_tab {
      color: #E03B3C !important;
      position: relative; }
    .tab_index .tit_tab_index3 .active_tab::after {
      content: '';
      position: absolute;
      width: 0.7rem;
      height: 0.06rem;
      background: linear-gradient(90deg, #fd5f37, #e03834);
      border-radius: 0.5rem;
      bottom: 0;
      left: 50%;
      margin-left: -0.35rem; }
  .tab_index .tab_box_index {
    width: 7rem;
    margin: 0.35rem auto 0; }
    .tab_index .tab_box_index .tab_con_index3 {
      width: 100%;
      display: none; }
      .tab_index .tab_box_index .tab_con_index3 ul li {
      	width: 48%;
        height: 3.5rem;
        margin-left:4% ;
        
        float: left; }
        .tab_index .tab_box_index .tab_con_index3 ul li img {
          width: 100%;
          
           }
       
          .tab_index .tab_box_index .tab_con_index3 ul li span h3 {
            font-size: 0.3rem;
            color: #333333;
			display:-webkit-box;
			-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
			text-align: center;
			
		width: 100%;
		margin-top: .1rem;
			
			height:0.6rem;
            line-height: 0.4rem; }
            
            
          .tab_index .tab_box_index .tab_con_index3 ul li span p {
            font-size: 0.3rem;
            color: #999;
            position: absolute;
            
            width: 2rem;
            height: 0.4rem; 
            line-height: .4rem;}
            .tab_index .tab_box_index .tab_con_index3 ul li span p .b1 {
              float: left;color: #e15253;font-weight: bold;  height: 0.3rem;}
            .tab_index .tab_box_index .tab_con_index3 ul li span p .b2 {
              float: left;text-decoration:line-through;margin-left: .1rem; font-size: .2rem;display: block;line-height: .4rem;}
      .tab_index .tab_box_index .tab_con_index3 .tab_more_index {
        display: block;
        width: 1.68rem;
        height: 0.56rem;
        border: 0.01rem solid #CCCCCC;
        font-size: 0.24rem;
        color: #666666;
        text-align: center;
        line-height: 0.56rem;
        border-radius: 0.5rem;
        margin: 0.15rem auto 0; }
    .tab_index .tab_box_index .tab_con_index3:first-child {
      display: block; }
      .aa{display: block;width: 1.5rem;height: .4rem;border-radius: .05rem;background: #2b81e3;float: right;text-align: center;line-height: .4rem;color: #fff;font-size: .26rem;}        
      
      
      
      
      



.footer {
  width: 100%;
  background: #333;
  padding: 0.5rem 0 0.6rem;
  color: #FFFFff;
  margin: 0 auto;
  font-size: 0.2rem; }
  .footer a {
    color: #FFFFff; }
  .footer .sp1 {
    width: 2.8rem;
    margin: 0 auto;
    display: block; }
    .footer .sp1 a {
      display: block;
      float: left;
      width: 1.4rem;
      text-align: center;
      opacity: 0.3; }
    .footer .sp1 .a1 {
      border-right: 0.01rem solid #FFFFff; }
  .footer .sp2 {
    width: 6rem;
    display: block;
    margin: 0.3rem auto 0.15rem;
    opacity: 0.3; }
    .footer .sp2 a {
      width: 25%;
      float: left;
      text-align: center; }
  .footer p {
    text-align: center;
    opacity: 0.4; 
    color: #fff;}




/*课程页*/


.top_nav2{position: fixed;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); width: 100%;max-width: 640px; background-color: #fff;z-index: 999;}
.top_nav2.kong{border-bottom: 1px solid #dbdbdb;}
.top_nav2_cont{margin:0 15px;height: 44px;padding-bottom: 6px;}
.top_nav2_cont>a{float: right;width: 20px;height: 18px;background: url(http://pth.shurena.com/pth/yd6/images/icon_bg.png) no-repeat;background-size: 320px;margin-top: 13px;}
.top_nav2_cont .back_btn2{float: left;background-position: -98px -43px;}
.top_nav2_cont .share_btn2{background-position: -150px -43px;margin-left: 20px;}
.top_nav2_cont .purchase_btn2{background-position: -120px -43px;}
.top_nav2_cont .top_nav2_tit{float: left;width: 85%;height: 24px;line-height: 24px;font-size: .24rem;color:#000;font-weight: 900;text-align: center;margin-top: 11px;overflow: hidden;}
.top_nav2 .top_tab{height: 36px;width: 100%;line-height: 36px;border-bottom: 1px solid #eee;}
.top_nav2 .top_tab>a{float: left;width: 30%; text-align: center;font-size: 1.4rem;color:#333;position: relative;}
.top_nav2 .top_tab>a.active:before{content:"";position: absolute;left: 50%;bottom:0;margin-left: -6px;width: 12px;height: 3px;background-color: #e13b29;}
.top_tab>a>span{position: relative;}
.top_tab .tab_catalog{margin:0 5%;}
.top_tab .tab_catalog .st{position: absolute;top: -6px;right:-39px;font-size: 1.2rem;height: 16px; line-height: 16px;padding:0 6px; color:#fff;;border-radius: 8px 8px 8px 0px;background-color: #e13b29;}
.video_box{position: absolute;top: 50%;left: 0;width: 100%;height: 56.25%;transform: translateY(-50%);}
.video_box.fix{position: fixed;top: 97px;left: auto; right:12px;width: 177px;height: 99px;transform: translateY(0);z-index: 999;}
.video_close{display: none;font-size: 0;}
.video_box.fix .video_close{display: block;position: absolute;right:5px;top: 5px;width: 23px;height: 23px;background: url(http://pth.shurena.com/pth/yd6/images/icon_bg.png) no-repeat -140px -175px;background-size: 320px;}



.one{
	width: 100%;
	height: 19.5rem;
	
}
.one ul li{
	width: 100%;
	height: 4.5rem;
	border-radius: .1rem;
	background: #fff;
	box-shadow: 0 5px 16px rgba(207,207,207,.4);
	box-sizing:  content-box;
	margin-top: .3rem;

}
.one ul li div{
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 1.4rem;
	background: #eff1f2;
	margin: 0 auto 0;
	overflow: hidden;
}
.one ul li div img{
	display: block;
	margin: 0 auto;
}
.one ul li p{
	font-size: .42rem;
	text-align: center;
	color: #333;
	margin-top: .3rem;
}
.one ul li span{
	display: block;
	width: 90%;
	height: .6rem;
	text-align: center;
	color: #666;
	font-size: .26rem;

	margin: .3rem auto  .1rem;
}
.one ul li a{
	width: 2.8rem;
	height: .7rem;
	border-radius: .7rem;
	font-size: .3rem;
	display: block;
	background: linear-gradient(90deg, #017aff, #45c7ff);
	margin: 0 auto;
	text-align: center;
	line-height: .7rem;
	color: #fff;
	box-shadow: 0 5px 10px rgba(11,133,255,.4);
}