﻿.category-box{text-align:center;}
.category-box .item{display: inline-block; padding:5px 10px; color: #999; line-height: 40px; font-size: 16px;}
.category-box .item.active,.category-box .item:hover{color: #333; }


.course_title span{display: inline-block; letter-spacing: 0.05rem;}
.course_title a{color: #323232;}

/*课程*/
.course_index .hotcourse .item_course{width: 31.8%; box-shadow: 0px 1px 3px 2px #ececec; overflow: hidden; border-radius: 0.25rem;}
.course_index .hotcourse .item_course:hover{-webkit-box-shadow: 1px 1px 15px 5px rgba(203,238,251,0.5);; box-shadow: 1px 1px 15px 5px rgba(203,238,251,0.5);}
.course_index .hotcourse .item_course .course-item-img{width: 100%; height: 2.3rem; overflow: hidden;}
.course_index .hotcourse .item_course .course-item-img .imgWrap_bg{position:absolute;left:0;top:0;width:114%;height:114%;object-fit:cover;-webkit-filter:blur(13px);filter:blur(13px)}
.course_index .hotcourse .item_course .course-item-img .imgWrap_img{display:block;width:100%;height:100%;position:relative}
.course_index .hotcourse .item_course .course-item-img p{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center;}

.course_index .hotcourse .item_course .course-item-info{}
.course_index .hotcourse .item_course .course-item-info .title{line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; white-space: pre-wrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; }
.course_index .hotcourse .item_course .course-item-info .Item_tag .Item_tag-list{display: flex;}
.course_index .hotcourse .item_course .course-item-info .Item_tag .Item_tag-list .Item_tag-item{padding: 0.02rem 0.02rem 0.04rem; border-radius: 0.04rem; background: #e7faef; color: #16cc62; display: block;}
.course_index .hotcourse .item_course .course-item-info .Item_tag .Item_tag-list .Item_tag-item:nth-child(3n){background: #f8e7e3; color: #f13811;}
.course_index .hotcourse .item_course .course-item-info .Item_tag .Item_tag-list .Item_tag-item:nth-child(3n+2){background: #fcf5e7; color: #e39e16;}
.course_index .hotcourse .item_course .course-item-info .times{color: #666; display: block;}
.course_index .hotcourse .item_course .course-item-info .course-item-price p{color: #f00;}
.course_index .hotcourse .item_course .course-item-info .course-item-price .ordernum{color: #333;}

.course_index .hotcourse .item_course{margin-right: 2.3%;}
.course_index .hotcourse .item_course:nth-of-type(3n){margin-right: 0;}
/*课程 end*/
