.news-banner img{display: block;}
.news-box{padding-top: 32px;background: #fff;padding-bottom: 100px;}
.news-left{width: 820px;}
.news-right{width: calc(100% - 840px);}
.news_item{display: flex;flex-direction: row;padding-bottom: 32px;margin-bottom: 32px;border-bottom: 1px solid #EAEFF7;justify-content: space-between;}
.news_item_img{display: block;width: 276px;height: 156px;border-radius: 16px;overflow: hidden;}
.news_item_img img{width: 100%;height: 100%;object-fit: cover;}
.news_item_info{width: calc(100% - 296px);display: flex;flex-direction: column;justify-content: space-between;height: 156px;padding-top: 4px;box-sizing: border-box;padding-bottom: 5px;}
.news_item__top h2{line-height: 26px;font-size: 20px;overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;margin-bottom: 8px;}
.news_item__top p{height: 42px;font-size: 14px;color: #9DA0A6;line-height: 22px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.news_item__time{line-height: 16px;font-size: 12px;color: #9DA0A6;}

.news-right_top{background: linear-gradient(0deg, #FCFEFF 0%, #EBF2FC 100%);box-shadow: 0px 2px 8px 1px rgba(174,200,240,0.32);border-radius: 16px;padding: 20px;margin-bottom: 20px;}
.news-right_center{padding: 20px;border-radius: 16px;margin-bottom: 20px;background: url('boxbg.png') no-repeat center top #fff;box-shadow: 0px 2px 8px 1px rgba(174,200,240,0.32);}
.news-right_bottom{background: linear-gradient(360deg, #FCFEFF 0%, #EBF2FC 100%);box-shadow: 0px 2px 8px 1px rgba(174,200,240,0.32);border-radius: 16px;padding: 20px;}
.news-right_title{display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-bottom: 16px;}
.news-right_title h2{line-height: 24px;font-size: 18px;}
.news-right_title a{line-height: 19px;font-size: 14px;color: #327DFF;padding-right: 18px;background: url('../index/arrowcr.png') no-repeat center right;background-size: 14px 14px;}
.news-right_center .news-right_title h2{color: #FA4D56;}
.news-right__nav{margin-right: -12px;}
.news-right__nav li span{display: none;}
.news-right__nav li a{float: left;line-height: 30px;background: #D4E6FF;border-radius: 6px;box-sizing: border-box;padding: 0 16px;margin-right: 12px;margin-bottom: 12px;border: 1px solid #D4E6FF;box-sizing: border-box;color: #327DFF;font-size: 14px;}
.news-right__nav li a.curr{border: 1px solid #327DFF;}

.news-right__hot li{margin-bottom: 16px;display: flex;flex-direction: row;align-items: center;}
.news-right__hot li:last-child{margin-bottom: 0;}
.news-right__hot li span{width: 20px;height: 20px;border-radius: 4px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #ECF3FF;margin-right: 8px;font-size: 14px;}
.news-right__hot li:first-child span,.news-right__hot li:nth-child(2) span{color: #fff;}
.news-right__hot li:first-child span{background: #FA4D56;}
.news-right__hot li:nth-child(2) span{background: #FFB870;}
.news-right__hot li:nth-child(3) span{background: #FADE82;}
.news-right__hot li a{display: block;width: calc(100% - 28px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 21px;font-size: 16px;}

.course-item{display: flex;flex-direction: row;justify-content: space-between;margin-top: 16px;}
.course-item___img{width: 142px;height: 80px;border-radius: 8px;overflow: hidden;}
.course-item___img img{width: 100%;height: 100%;object-fit: cover;}
.course-item___info{width: calc(100% - 154px);}
.course-item___info h2{font-size: 16px;font-weight: 400;color: #333333;line-height: 23px;height: 46px;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;text-overflow: ellipsis;}
.course-item___intro{margin-top:8px;line-height: 19px;font-size: 14px;color: #9DA0A6;}