body {
  overflow-x:auto;
}
.container {
  width: 100%;
}
.wrap_head .yx_nav .nav_r li .shop_car .shop_icon img {
  vertical-align: top;
  margin-top: 2px;
}
.home {
  padding-top: 20px;
  background: #e6edf9;
  min-width: 1400px;
}
.home .show_course {
  position      : relative;
  width         : 1200px;
  margin        : 0 auto;
  padding-bottom: 60px;
}
.home .show_course .show_list {
  min-height        : 344px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  filter            : alpha(opacity=80);
  left              : 0px;
  top               : 10px;
  width             : 200px;
  height            : 344px;
  border-radius     : 4px 0 0 4px;
  position          : relative;
  clear             : none;
  min-width         : 0px;
  z-index           : 23;
  color             : black;
  background-color  : #272C33;
  margin            : 0px;
  padding           : 10px 0;
  font-size         : 16px;
  padding-left: 20px;
}
.home .show_course .show_list li {
  height: 42px;
  margin-bottom: 5px;
  border-radius: 4px 0 0 4px;
  z-index: 555;
}
.home .show_course .show_list>li:last-child{
  margin-bottom: 0;
}
.home .show_course .show_list li:hover>.show_block{
  display: block;
}

.home .show_course .show_list li .show_block{
  display: none;
  position: absolute;
  height: auto;
  width: 720px;
  /* height : 344px; */
  top:0;
  left: 200px;
  z-index: 666;
  box-sizing: border-box;
  background: #fff;
  /* border: 2px solid rgba(95, 196, 236, 0.5); */
  box-sizing: border-box;
}
/* .home .show_course .show_list li:nth-of-type(3) .show_block{
  display: block;
} */

.home .show_course .show_list li .show_block .show_kind{
 
  min-height: 344px;
  position: relative;
  overflow-y: auto;
}
.home .show_course .show_list li .show_block .show_kind  ::-webkit-scrollbar{
  width: 8px;
}
.home .show_course .show_list li .show_block .show_kind  ::-webkit-scrollbar-thumb{
background: #43bc60;
}
.home .show_course .show_list li .show_block .show_kind .min_h{
  padding: 20px 0;
  height: 195px;
  overflow: auto;
}
.home .show_course .show_list li .show_block .show_pic{
  width: 100%;
  background: #F8FAFC;
  padding: 20px 8px 0 0;
  position: absolute;;
  bottom: 0;
  height: auto;

  box-sizing: border-box;
}
.home .show_course .show_list li .show_block .show_major{
  height: auto;
  padding: 0 20px 0;
}
.home .show_course .show_list li .show_block .show_pic .show_major{
  height: auto;
  padding: 0 30px 0;
}
.home .show_course .show_list li .show_block .show_major>ul{
  width: 675px;
}
.home .show_course .show_list li .min_h .show_major>ul{
  margin-left: 6px;
}
.home .show_course .show_list li .show_block .show_major h2{
  display: inline-block;
  width: auto;
  line-height: 34px;
  padding-left: 6px;
  margin-bottom: 10px;
}
.home .show_course .show_list li .show_block .unmajor{
  height: auto;
  padding: 6px 20px ;
  display: inline-block;
  width: auto;
  font-size: 15px;
  font-weight: bold;
  color: #000000;

  margin-right: 14px;
  margin-left: 6px;
}

.home .show_course .show_list li .show_block .unmajor>h2:hover a {
  color: #b3b3b3;
}


.home .show_course .show_list li .show_block .show_major .major_default li{
  height: 52px;
  margin-bottom: 15px;
}
.home .show_course .show_list li .show_block  .major_default li  .major_list_a{
  display: block;
  width: 312px;
  height: 52px;
  padding: 0;
}
.home .show_course .show_list li .show_block .major_default li:hover{
  background: #f8fafc;
}
.course-card-name:hover{
  color: #b8b8b8;
}
.home .show_course .show_list li .show_block .show_major .major_default img{
  width: 94px;
  height: 52px;
  border-radius: 4px;
  background-color: #ccc;
  float: left;
}
 .course-card {
  margin-left: 16px;
  float: left;
}
.course-card-name {
  width: 200px;
  font-size: 14px;
  color: #07111B;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.course-card-price.sales {
  color: #F01414 !important;
  font-weight: bold;
}
.new_price{
  text-decoration:line-through; 
  color: #6b7176;
  margin-left: 6px;
  font-size: 12px;

line-height: 20px;
height: 20px;
vertical-align: top;
display: inline-block;
}
/* .home .show_course .show_list li .show_block h2{
  display: inline-block;
  width: auto;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
  margin-right: 20px;
} */
.home .show_course .show_list li .show_block h2{
  position: relative;
 
}
.home .show_course .show_list li .show_block h2::before{
content: '';
position: absolute;
width: 4px;
height: 16px;
display: block;
left: 0;
background: #00C758;
}
.home .show_course .show_list li .show_block h2 a{
  display: block;
  height: 16px;
  line-height: 16px;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 10px;
  padding-left: 6px;
 
}
.home .show_course .show_list li .show_block .show_major>h2:hover a{
color: #b3b3b3;
}
.home .show_course .show_list li .show_block .major_list li{
  float: left;
  margin-right: 20px;
  height: 32px;
  margin-bottom: 0px;
}
/* .home .show_course .show_list li .show_block .major_list li:hover{
  background: #fff;
} */
.home .show_course .show_list li .show_block .major_list li a{
  height: 30px;
  margin-bottom: 0;
  padding: 0px 6px 6px;
  border-radius: 4px;
}
.home .show_course .show_list li .show_block .major_list li:hover a{
  /* background-color: #00C758; */
  color: #adadad;
}
.home .show_course .show_list li .show_block .major_list a{
  display: block;
  font-size: 14px;
  color: #000000;
  margin-bottom: 10px;
}
.home .show_course .show_list>li:hover {
  background: #6b7176;
}
.home .show_course .show_list li:hover li{
  /* background: #f5f5f5; */
}
.home .show_course .show_list li:hover .txt{
  color: #fff;
}
.home .show_course .show_list li a {
  display: inline-block;
  width  : 100%;
  height : 42px;
  color  : #b8b8b8;
  position: relative;
}
.home .show_course .show_list>li>a::before{
  content: '';
  display: block;
position: absolute;
width: 0;
height: 0;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 6px solid #a8acaf;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.home .show_course .show_list .img_icon {
  display      : inline-block;
  left         : 20px;
  top          : 14px;
  width        : 18px;
  height       : 18px;
  border-radius: 0px;
  position     : absolute;
  clear        : none;
  color        : white;
  margin       : 0px;
  padding      : 0px;
  font-size    : 16px;
}
.home .show_course .show_list .img_icon img {
  vertical-align: top;
}
.home .show_course .show_list .txt {
  left         : 52px;
  top          : 10px;
  width        : 110px;
  height       : 22px;
  border-radius: 0px;
  position     : absolute;
  clear        : none;
  font-size    : 14px;
  color        : #b8b8b8;
  margin       : 0px;
  padding      : 0px;
  line-height  : 22px;
}
.home .banner {
  position: absolute;
  left    : 200px;
  top     : 10px;
  width   : 1000px !important;
}
.home .banner .swiper1 {
  overflow: hidden;
  border-radius: 0 8px 8px 0;
}
.home .banner .swiper1 img {
  width : 100%;
  height  : 344px;
  display: block;
}
.home .banner .bd ul li {
  width: 100%;
}
.home .banner .hd ul {
  position  : absolute;
  bottom    : 10px;
  left      : 0;
  width     : 100%;
  text-align: center;
}
.home .banner .hd ul li {
  display: inline-block;
  width  : 14px;
  height : 14px;
  margin : 0 5px;
  cursor : pointer;
}
.home .banner .hd ul li.on {
  background-position: right top;
  background         : url(../img/images/banner/sp_col1.png) no-repeat;
}
.home .banner .hd ul li {
  background: url(../img/images/banner/sp_col2.png) no-repeat;
}
.home .banner .hd .col {
  position: absolute;
  top     : 50%;
  width   : 50px;
  height  : 50px;
  cursor  : pointer;
}
.home .banner .hd .prev {
  background: url('../img/images/banner/prev.png') no-repeat;
  left      : 100px;
}
.home .banner .hd .next {
  right     : 100px;
  background: url('../img/images/banner/next.png') no-repeat;
}
.home .yx_server01 {
  margin-bottom: 20px;
}
.home .yx_server01 .container {
  width          : 1200px;
  margin         : 0 auto;
  display        : flex;
  flex-direction : row;
  justify-content: center;
}
.home .yx_server01 .container li {
  width: 228px;
  height: 138px;
  margin-right: 60px;
}
.home .yx_server01 .container li:last-child {
  margin-right: 0px;
}
.home .yx_server01 .container li a {
  display        : flex;
  height         : 138px;
  flex-direction : column;
  justify-content: center;
  align-items    : center;
}
.home .yx_server01 .container li:nth-child(1) {
  background     : url(../img/shape_01.png) center center no-repeat;
  background-size: 100% 100%;
}
.home .yx_server01 .container li:nth-child(2) {
  background     : url(../img/shape_02.png) center center no-repeat;
  background-size: 100% 100%;
}
.home .yx_server01 .container li:nth-child(3) {
  background     : url(../img/shape_03.png) center center no-repeat;
  background-size: 100% 100%;
}
.home .yx_server01 .container li:nth-child(4) {
  background     : url(../img/shape_04.png) center center no-repeat;
  background-size: 100% 100%;
}
.home .yx_server01 .container li a .server01_word {
  color: #fff;
  margin-top: 10px;
}
.yx_server02{
  background: #eff2f5;
  padding-bottom:40px;
margin-top: 10px;
}
.yx_server02 .container{
  width: 1200px;
  margin: 0 auto;
  padding-top: 48px;
}
.yx_server02 .server02_l {
  float: left;
  width: 260px;
  border-radius: 8px;
  padding: 20px 10px 40px;
  box-sizing: border-box;
  height: 544px;
  background: url(../img/bg_07.png) center center no-repeat;
  background-size: 100% 100%;
  box-shadow: 5px 5px 8px rgba(12, 12, 12, 0.2);
}
.yx_server02:nth-of-type(2) .server02_l {
  background: url(../img/bg_01.png) center center no-repeat;
  background-size: 100% 100%;
}
.yx_server02:nth-of-type(3) .server02_l {
  background: url(../img/bg_02.png) center center no-repeat;
  background-size: 100% 100%;
}
.yx_server02:nth-of-type(4) .server02_l {
  background: url(../img/bg_03.png) center center no-repeat;
  background-size: 100% 100%;
}
.yx_server02:nth-of-type(5) .server02_l {
  background: url(../img/bg_04.png) center center no-repeat;
  background-size: 100% 100%;
}
.yx_server02:nth-of-type(6) .server02_l {
  background: url(../img/bg_05.png) center center no-repeat;
  background-size: 100% 100%;
}
.yx_server02:nth-of-type(7) .server02_l {
  background: url(../img/bg_06.png) center center no-repeat;
  background-size: 100% 100%;
}
.yx_server02 .server02_l h2{
  line-height: 40px;
  font-size: 24px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
.yx_server02 .server02_l li{
  min-width: 110px;
  margin: 0 5px 20px;

  background: rgba(0, 0,0,0.1);
  float: left;
  text-align: center;
  line-height: 34px;
  color: #fff;
  border-radius: 8px;
}
.server02_c .server02_l li{
  float: unset;
  width: 140px;
  margin: 0 auto 20px;
}
.yx_server02 .server02_l li:hover{
  background: rgba(255, 255, 255,0.2);
}
/* .yx_server02 .server02_l li:hover a{
color: #f00;
} */
.yx_server02 .server02_l li a{
  display: block;
  color: #fff;
}
.yx_server02 .server02_r {
  float: right;
  width: 908px;
}
.yx_server02 .server02_r h2{
  line-height: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
}
 .server02_course li {
   width: auto;
   float: left;
  margin:0 17px 20px ;
    border-radius:  8px ;
    overflow: hidden;
 }
 .server02_course li:hover .content>h2 {
  color: #ec1500;
 }
 .server02_course li:nth-of-type(3n){
   margin-right: 0;
 }
 /* .server02_course li:hover {
  transform: translateX(-4px) translateY(-4px);
  box-shadow: 0 4px 8px 0 rgba(95, 196, 236, 0.5);
} */
 .server02_course li:first-child{
   margin-left: 0;
 }
 .server02_course li:nth-of-type(3n+1){
  margin-left: 0;
}
 .server02_course li .course_img{
  width: 280px;
  height: auto;
 border-radius: 0 0 8px 8px;
  overflow: hidden;
 }
 .server02_course li .course_img img{
   display: block;
   width: 100%;
   height: 155px;
 }
 .server02_course li .content{
   position: relative;
     padding: 8px 14px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     min-height: 88px;
 }
 .server02_course li .content h2{
   width: 212px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-height: 36px;
     font-size: 14px;
     font-weight: 500;
     color: #333;
     font-weight: bold;
     font-family: PingFangSC-Medium, PingFangSC;
     line-height: 18px;
     margin-bottom: 0;
 }
 .server02_course li .content .tip .sum{
 float: left;
 height: 20px;
     line-height: 20px;
     font-size: 12px;
     margin-top: 4px;
     color: #93999f;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin-left: 2px;
 }
 .server02_course li .content .tip .sum i{
   margin-right: 4px;
   color: #93999f;
 }
 .server02_course li .content .tip .comment{
   float: right;
   height: 20px;
     line-height: 20px;
     font-size: 12px;
     margin-top: 4px;
     color: #93999f;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
   .server02_course li .content .price{
     width: 100%;
     height: 20px;
     line-height: 20px;
     margin: 6px 0 0 0;
     font-size: 16px;
     font-weight: bold;
     color: #666;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     color: #f00;
   }
   .server02_course li .content .price .r{
     line-height: 20px;
     height: 20px;
   }
   .server02_course li .content .price .discount{
font-weight: bold;
color: #f00;
   }
   .layui-layer{
	   border-radius: 12px;
	   background: #fff;
   }
   .layui-layer-title{
	    border-radius: 12px 12px 0 0;
   }
   .layui-layer-dialog .layui-layer-content{
	   padding: 20px 0 40px;
	   text-align: center;
	   font-size: 16px;
	       color: #1C1F21;
	       font-weight: bold;
   }
   .layui-layer-btn .layui-layer-btn0{
	   border:0;
	      background: rgba(84,92,99,0.10);
	      border-radius: 18px;
	      margin-right: 30px;
	      font-size: 14px;
	      color: #545C63;
		       cursor: pointer;
		       display: inline-block;
		       width: 112px;
		       height: 36px;
		       line-height: 36px;
		       text-align: center;
   }
   .layui-layer-btn .layui-layer-btn1{
	       cursor: pointer;
	       display: inline-block;
	       width: 130px;
	       height: 36px;
	       line-height: 36px;
	       text-align: center;
	       background: #F20D0D;
	       border-radius: 18px;
	       font-size: 14px;
	       color: #FFFFFF!important;
   }
   .layui-layer-btn{
	   padding: 0 15px 20px;
   }