.PageComMain { display:flex;}
.PageComMainL { flex:1; overflow:hidden;}
.PageComMainR { width:260px; margin-left:20px;}

/*首页样式 THE*/
.CompanyList { }
.CompanyList ul { }
.CompanyList ul li { background:#fff; padding:30px 30px 20px; margin-bottom:10px; border-radius:8px; transition:all .3s ease;}
.CompanyList ul li:hover { box-shadow: 0 0 10px rgb(0 0 0/.1);}
.CompanyList ul li .Intro { display:flex;}
.CompanyList ul li .Intro .image { width:30%; overflow:hidden; position:relative;}
.CompanyList ul li .Intro .image img { width:100%;}
.CompanyList ul li .Intro .text { flex:1; overflow:hidden; margin:0 30px;}
.CompanyList ul li .Intro .text strong { display:block; font-size:22px; color:#333;}
.CompanyList ul li .Intro .text strong a { color:#333;}
.CompanyList ul li .Intro .text .Grade { display:flex; margin-top:8px;}
.CompanyList ul li .Intro .text .Grade i { color:#ddd; font-size:16px; line-height:18px;background: linear-gradient(90deg, #ff8400 92%, #ddd 10%);-webkit-background-clip: text;color: transparent;}
.CompanyList ul li .Intro .text .Grade b { font-weight:400; font-size:14px; color:#ff8400; margin-left:6px;}
.CompanyList ul li .Intro .text .Grade span { line-height:18px; padding-left:8px; margin-left:8px; border-left:1px solid #eee; font-size:14px; color:#666;}
.CompanyList ul li .Intro .text p { font-size:14px; line-height:20px; margin-top:10px; color:#999; display:flex; align-items:center;}
.CompanyList ul li .Intro .text p span { display:inline-block; background:#fff9f3; border-radius:3px; color:#ff8400; font-weight:400;border: 1px solid #ffd7ab; padding:0 8px; max-width:80%;}
.CompanyList ul li .Intro .Price { display:flex; flex-direction: column; align-items: flex-end;}
.CompanyList ul li .Intro .Price b { font-size:14px; color:#4e6ef2; font-weight:400;}
.CompanyList ul li .Intro .Price a { display:block; width:130px; line-height:38px; border:1px solid #4e6ef2; color:#4e6ef2; font-size:14px; text-align:center; margin-top:10px;border-radius: 5px;}
.CompanyList ul li .Intro .Price a:nth-child(3) { background:#4e6ef2; color:#fff;}
.CompanyList ul li dl { display:flex; margin-top:20px;}
.CompanyList ul li dl dd { width:23.5%; margin-right:2%; box-sizing:border-box; border:1px solid #eee;}
.CompanyList ul li dl dd:nth-child(4n+4) { margin-right:0;}
.CompanyList ul li dl dd .image { width:100%; position:relative;}
.CompanyList ul li dl dd .image img { width:100%;}
.CompanyList ul li dl dd .image em { background: #f74513;width: 40px;height: 20px;position: absolute;left: 0px;top: 0;text-align: center;color: #fff;font-size: 14px;}
.CompanyList ul li dl dd .text { padding:10px;}
.CompanyList ul li dl dd .text strong { display:block; color:#333; font-size:14px;}
.CompanyList ul li dl dd .text strong:hover { color:#4e6ef2;}
.CompanyList ul li dl dd .text font { display:block; margin:8px 0;}
.CompanyList ul li dl dd .text font em { background: #eff8ff;display: inline-block;padding: 0px 5px;margin-right: 7px;font-size: 12px;color: #369bff;border-radius: 5px;border: 1px solid #7abdff;}
.CompanyList ul li dl dd .text .Price { display:flex;}
.CompanyList ul li dl dd .text .Price b { font-size:16px; color:#ee2e2c;}
.CompanyList ul li dl dd .text .Price em { margin-left:auto; font-size:14px; color:#999;}


/*推荐课程*/
.ProductEliteTit { display:flex; align-items:center; padding:0 20px; height:66px; border-bottom:1px solid #f5f5f5;}
.ProductEliteTit strong { font-size:20px; color:#000; display:flex; align-items:center;}
.ProductEliteTit strong:before { content:''; display:block;width: 5px;height: 20px;background: #4e6ef2;border-radius: 2px;margin-right: 10px;}
.ProductElite { background:#fff; border-radius:8px;}
.ProductElite ul { padding:20px;}
.ProductElite ul li { margin-bottom:20px;}
.ProductElite ul li h3 { display:block; font-size:14px; color:#666; font-weight:400; line-height:18px;}
.ProductElite ul li h3 em { width:18px; height:18px; display:inline-block; margin-right:10px; font-size:14px; background:#eaeaea; border-radius: 5px; text-align:center; color:#fff;}
.ProductElite ul li:nth-child(-1n+3) h3 em { background:#ffb24f;}
.ProductElite ul li .image { margin-top:10px; display:none;}
.ProductElite ul li .image img { width:100%;}
.ProductElite ul li.on .image { display:block;}

/*帮我选课*/
.ProductCourse { background: url(../img/250319_10003.png) no-repeat center center;padding: 30px 20px; border-radius:8px;}
.ProductCourse strong { display:block; font-size:24px; margin-bottom:30px; text-align:center; color:#fff;}
.ProductCourse ul { }
.ProductCourse ul li { margin-bottom:15px;}
.ProductCourse ul li input { height:40px; padding:0 10px; background:#fff; border:none; border-radius:5px; box-sizing:border-box; width:100%;color:#999; font-size:14px;}
.ProductCourse ul li input::placeholder { color:#999;}
.ProductCourse ul li button { background:#ffb24f; color:#fff; height:48px; border-radius:40px; width:100%; font-size:20px; border:none;}
.ProductCourse p { font-size:14px; color:#eee; text-align:center;}

/*首页样式 END*/