.courses__content{width:100%;min-width:1200px;position:relative}.courses__header{position:absolute;top:0;left:0;z-index:998;width:100%;min-width:1200px;height:auto;background:#fff;padding-top:10px;padding-bottom:10px;box-sizing:border-box;box-shadow:0 1px 3px 0 #dedede}.courses__header .course__guide__right{width:auto;height:auto}.courses__header .course__guide__right .guide__right__content{width:auto;height:46px;line-height:46px}.courses__header .course__guide__right .guide__right__content .el-input__inner{height:32px;line-height:32px;box-sizing:border-box}.courses__header .course__guide__right .guide__right__content .el-button{margin-top:8px;margin-left:15px}.courses__header .classifies__container{width:100%;overflow:hidden;transition:all ease .5s}.courses__header .classifies__container.is_spread{transition:all ease .5s}.courses__header .classifies__container .classifies{box-sizing:border-box}.courses__header .classify__content{width:100%;min-height:24px;font-size:14px;padding-top:10px;transition:all ease .5s;overflow:hidden}.courses__header .classify__content .sub-titile{line-height:24px;height:100%;font-weight:bold}.courses__header .classify__content .classify__container{max-width:1000px;height:24px;transition:all ease .5s}.courses__header .classify__content .classify__container.is_spread{transition:all ease .5s}.courses__header .classify__content .classify__container.auto_scroll{overflow-y:scroll}.courses__header .classify__content .classify{width:100%;overflow:hidden}.courses__header .classify__content .classify__item,.courses__header .classify__content .all{padding:0 10px;color:#999;line-height:24px;margin-left:30px;margin-bottom:10px;border-radius:6px;cursor:pointer;transition:all ease .3s}.courses__header .classify__content .classify__item.active,.courses__header .classify__content .all.active{color:#fff;background:#0e85e9;transition:all ease .3s}.courses__header .classify__content .classify__item:not(.active):hover,.courses__header .classify__content .all:not(.active):hover{color:#0e85e9;transition:all ease .3s}.courses__header .classify__content .more-arrow{line-height:24px;text-align:center;transition:all ease .5s;color:#999;padding-left:5px;border:1px solid #ddd;cursor:pointer}.courses__header .classify__content .more-arrow i.is_spread{transform:rotate(90deg);transition:all ease .5s}.courses__header .allkinds__expend{position:relative;z-index:1;bottom:-18px;width:60px;background:#fff;margin:0 auto;text-align:center;border-radius:16px;box-shadow:0 3px 3px 0 #dedede}.courses__header .allkinds__expend i{line-height:14px;cursor:pointer}.advs-right{position:relative;right:0;top:-50px;width:270px;min-height:70vh;background:#f5f5f5}.el-carousel__button{width:15px}.hot-courses{width:100%;padding:0 10px;box-sizing:border-box}.hot-courses .tit{font-size:16px;font-weight:normal;padding:25px 0 5px}.hot-courses .item{width:100%;padding-top:15px}.hot-courses .item .cover{width:100%}.hot-courses .item .info{width:100%;padding-top:10px}.hot-courses .item .info .name{font-size:16px;color:#333;padding-bottom:10px}.hot-courses .item .info .bottom{width:100%;padding-bottom:13px;overflow:hidden}.hot-courses .item .info .bottom .teacher img{width:30px;height:30px;border-radius:50%;vertical-align:top}.hot-courses .item .info .bottom .teacher span{font-size:12px;color:#333;line-height:30px}.hot-courses .item .info .bottom .study{font-size:14px;color:#999;line-height:30px}