.banner{ background-color: #d6d3f1; min-height: 200px; width: 100%;text-align: center;}
.banner h1{width:80%; margin: 0 auto; font-size: 2rem; color: #1E293B; height: 100px; line-height: 100px;}
.banner p{width:60%; margin: 0 auto; font-size: 1.4rem; color: #938ec5;}
.banner h1 span{ color: #607ee8;}
.banner p:last-child{ padding: 20px 0 50px 0;}


.guideline-detail{ display: flex; justify-content: space-between; gap:20px;height: 420px;}
.guideline-detail>div:first-child{width: 50%; display: flex; }
.guideline-detail>div:first-child>img{width:100%; align-content: center; border-radius: 8px;}

.guideline-detail>div:last-child{height:100%;width:calc( 50% - 20px); display: flex;flex-wrap: wrap;justify-content:flex-start;}
 .guideline-detail>div:last-child>div{ }
.guideline-detail>div:last-child h3{ font-size: 1.3rem;}
.guideline-detail>div:last-child p{ font-size: 1.2rem;}


.container{ max-width: 1200px; margin: 0 auto;}
.text-center{ min-height: 100px; width: 100%;text-align: center;margin: 20px auto;}
.section-title,.section-desc{width:80%; margin: 0 auto; font-size: 1.4rem;height: 40px; line-height: 40px;}
.section-desc{font-size: 1.1rem; color: #938ec5;}
.subjects,.suggestion{display: flex; justify-content: space-between; flex-wrap: wrap;gap:10px 0;}
.subject-card{ width: 32%; border: #d6d3f1 1px solid; }
.subject-card h3,.suggestion h3{ width: 100%; text-align: center; font-size: 1.3rem;margin-bottom:20px;}
.subject-card ul li{padding-left:10px; width: 100%;line-height: 20px; font-size: 1.1rem; margin-bottom:20px;}

 
 
.suggestion ul li{ width: 100%;line-height: 20px; font-size: 1.1rem; margin-bottom:20px;}













/*课程优选*/	
.moreCourse{display: flex;width:100%;gap:30px 0;justify-content:space-between; align-items: center; flex-wrap:wrap;}  
.moreCourse li:hover {
      transform: translateY(-1px);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    }

.moreCourse li{
        width: 32%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);border:solid 1px #EDEDED;border-radius:10px 10px 0 0;
    }   
.moreCourse li div, .moreCourse li figcaption{
     box-sizing: border-box; padding:5px;
    }   
.moreCourse figure img{	 
	 width: 100%;
	height: auto;
	border-radius:10px 10px 0 0;
	}
 
.tags,.course-teachers{display: -webkit-flex;display: flex;justify-content:space-around; align-items: center; flex-wrap:wrap;}
.course-teachers>p{ width:100%; margin:10px 0; position:relative;
                 &::after{content: "";
    position: absolute;    
      width: 180px;
      height:2px;
      right:10px;
      bottom:-6px;
      top:50%;
      background-color:#ECFCCB;  
   }
                 }
.tags>span{ color:#2ABEEE;}
.tags>span:nth-child(2){ color:#008890;}
.tags>span:nth-child(3){ color:#999936;}
 

.newCourse{ margin-top:30px;}
time{ display:inline-block;}








/*资讯*/
.news{min-height:400px;display: -webkit-flex;display: flex;align-items: center; flex-wrap:wrap; justify-content: space-between;}
.news li{width:47%;}
 .news a:not(:nth-child(6),:last-child)  article { margin-bottom:14px;border-bottom:dashed 1px #DCDCDC; height:100px; padding:10px 0 20px 0; width:100%; }
 
 article:hover a{ color:BlueViolet;}

 .noImg>p{ text-indent:2em; margin-top:10px; line-height:20px;color:#9E9E9E;  letter-spacing:1px;}
 
.oneImg>h3{ width:100%;} 
.oneImg>div{ width:100%; height:80px; display: -webkit-flex;display: flex;align-items: center; justify-content:space-between ;margin-top:10px;} 
.oneImg>div>div,.oneImg>div>div>img{ width:100px; height:80px; border-radius:5px;} 
 .oneImg>div> p{width:calc( 100% - 110px); color:#9E9E9E;  letter-spacing:1px; text-indent:2em; line-height:22px;height:80px;} 
 









  
 footer{ margin-top:60px;}