.inde_nav{white-space: nowrap;overflow-x: auto;}
.inde_nav .tt{display: inline-block;margin-right: 10px;padding: 5px 15px;background: #fff;}
.inde_nav .tt.on{color: #02B4A8;position: relative;}
.inde_nav .tt.on::before{content: '';width: 30px;height: 2px;background-color: #02b4a8;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}

.inde_swiper{width: 100%;height: 132px;}
.inde_swiper .item img{width: 100%; height: 100%; display: block;}

/* 10大分类 */
.inde_home .item{width: 20%;float: left;margin-bottom: 15px;}
.inde_home .item .icon{width: 46px;height: 46px;line-height: 46px;border-radius: 50%;background-color: #eee; display: block;margin: 0 auto;color: #fff;font-size: 22px;overflow: hidden;}
.inde_home .item .icon img{width: 100%;height: 100%;display: block;border-radius: 50%;}
.inde_home .item .tit{margin-top: 8px; color: #696e80;}
.inde_home .item:nth-child(1) .icon{background-color: #91a7f8;}
.inde_home .item:nth-child(2) .icon{background-color: #f891b0;}
.inde_home .item:nth-child(3) .icon{background-color: #61e3ef;}
.inde_home .item:nth-child(4) .icon{background-color: #61ef93;}
.inde_home .item:nth-child(5) .icon{background-color: #ecd035;}
.inde_home .item:nth-child(6) .icon{background-color: #faa138;}
.inde_home .item:nth-child(7) .icon{background-color: #5195fa;}
.inde_home .item:nth-child(8) .icon{background-color: #25d9cd;}
.inde_home .item:nth-child(9) .icon{background-color: #f24a62;}
.inde_home .item:last-child .icon{background-color: #02b4a8;} 


.inde_box2{padding: 10px 4%;}
.inde_box2 .item{width: 48%;padding: 10px;background-color: #fff;position: relative;border-radius: 5px;overflow: hidden;}
.inde_box2 .item .infor{position: relative;z-index: 1;}
.inde_box2 .item .icon{position: absolute;top: 50%;right: 8px;transform: translateY(-50%);display: block;height: 30px;width: auto;}


/* 发现好课 */
.inde_box3{width: 100%;/* height: 132px; */border-radius: 5px;}
.inde_box3 .swiper-container{padding-bottom: 35px;}
.inde_box3 .item{border-radius: 5px;overflow: hidden;border: 1px solid #dbdee5;}
.inde_box3 .item img{width: 100%; height: 225px; display: block;}
.inde_box3 .item .title{padding: 10px;}

/* 产品 */
.inde_pro_list{flex-wrap: wrap;padding: 15px 3% 20px 3%;min-height: 150px;}
.inde_pro_list .item{width: 49%;height: 210px;border-radius: 5px;border: 1px solid #dbdee5;margin-bottom: 15px;height: 210px;background-color: #fff;    overflow: hidden;}
.inde_pro_list .item .pic{width: 100%;height: 120px;position: relative;overflow: hidden;}
.inde_pro_list .item .pic img{width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.inde_pro_list .infor{padding:10px 8px;}
.inde_pro_list .infor .tit{height: 40px;}


@media screen and (max-width:330px) {
	.inde_pro_list .price{width: 100%;}	
	.inde_pro_list .item{height:215px;}
}