@media screen and (max-width:1620px){.width-fit{width:1200px}}.width-fit{margin:0 auto;width:1440px}.width-default{margin:0 auto;width:1200px}.flex-center{align-items:center;display:flex;justify-content:center}.clearfix{zoom:1}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}main{font-size:14px}.filter-wrap{background-color:#f5f6f7;padding-top:20px}.filter-wrap .filter-box{height:260px;position:relative}.filter-wrap .filter-box .filter-item{border-radius:8px;box-sizing:border-box;display:flex;height:54px;left:0;overflow:hidden;padding:10px;position:absolute;right:0;transition:height .1s}.filter-wrap .filter-box .filter-item.direction{top:0}.filter-wrap .filter-box .filter-item.profession{top:62px}.filter-wrap .filter-box .filter-item.cate-level-3{top:124px}.filter-wrap .filter-box .filter-item.type{top:186px}.filter-wrap .filter-box .filter-item .label{color:#303133;flex:0 0 54px;font-size:14px;font-weight:700;height:32px;line-height:32px}.filter-wrap .filter-box .filter-item .data-list{box-sizing:border-box;color:#606366;flex:1;height:100%;overflow:hidden}.filter-wrap .filter-box .filter-item .data-list ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.filter-wrap .filter-box .filter-item .data-list ul li{height:32px;line-height:32px;margin-bottom:16px;order:5;padding:0 14px}.filter-wrap .filter-box .filter-item .data-list ul li.focus{background-color:#f2e9e6;border-radius:6px}.filter-wrap .filter-box .filter-item .data-list ul li.focus a{color:#ff783c;font-weight:700}.content .body .sort-box{display:flex;font-size:12px;margin-bottom:20px;padding-top:20px}.content .body .sort-box a{color:#242b33;display:inline-block;height:22px;line-height:22px;margin-right:10px;padding:0 11px}.content .body .sort-box a.on{background:linear-gradient(90deg,#ff783c,#ff4000);border-radius:100px;color:#fff}.content .body .course-list a.item{background-color:#fff;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,.03);display:block;float:left;height:264px;margin-bottom:22.5px;margin-right:22.5px;transition:all .2s;width:270px}.content .body .course-list a.item:hover{box-shadow:0 12px 20px rgba(0,0,0,.08);transform:translateY(-2px)}.content .body .course-list a.item:nth-child(5n+5){margin-right:0}@media screen and (max-width:1620px){.content .body .course-list a.item{width:282px}.content .body .course-list a.item,.content .body .course-list a.item:nth-child(5n+5){margin-right:24px}.content .body .course-list a.item:nth-child(4n+4){margin-right:0}}.content .body .course-list a.item .cover{background:no-repeat 50%/cover;border-radius:8px 8px 0 0;height:152px;overflow:hidden;position:relative}.content .body .course-list a.item .cover:hover .cover__img{height:105%;margin-left:-2.5%;margin-top:-2.5%;width:105%}.content .body .course-list a.item .cover__img{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s;width:100%}.content .body .course-list a.item .cover .process{background-color:rgba(0,0,0,.4);border-radius:100px 0 0 100px;bottom:10px;color:#fff;font-size:12px;margin:0;padding:2px 10px;position:absolute;right:0}.content .body .course-list a.item .title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;color:#303133;display:-webkit-box;font-size:16px;line-height:1;margin-bottom:12px;margin-top:12px;overflow:hidden;padding:0 15px;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-all}.content .body .course-list a.item .author,.content .body .course-list a.item .operation{color:#606366;display:flex;font-size:12px;justify-content:space-between;line-height:18px;margin-bottom:8px;padding:0 15px}.content .body .course-list a.item .author{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;margin-bottom:15px;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-all}.content .body .course-list a.item .operation{font-size:14px}.content .body .course-list a.item .operation .price{color:#66bf39;font-weight:700}.content .body .course-list a.item .operation .price.charge{color:#ff4533}.content .body .course-list a.item .operation .vip-free-tag{border:1px solid #ff783c;border-radius:3px;color:#ff783c;font-size:12px;font-weight:400;margin-left:5px;padding:2px 5px}.content .body .course-list a.item .operation .only_vip{color:#ffa628}.content .body .course-list a.item .operation .num{color:#606366;display:flex;font-size:12px}.content .body .course-list a.item .operation .num .icon{font-size:14px;margin-right:5px}a:hover{color:#ff783c}:root{--swiper-theme-color:hsla(0,0%,100%,.5)}.top-banner{align-items:stretch;border-radius:10px;display:flex;height:400px;margin:0 auto;overflow:hidden;position:relative}.top-banner .categories{border-radius:10px 0 0 10px;bottom:0;box-sizing:border-box;left:0;padding:20px 0 20px 10px;position:absolute;top:0;width:260px;z-index:10}.top-banner .categories .cate-bg{backdrop-filter:saturate(180%) blur(20px);background:rgba(0,0,0,.2);bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.top-banner .swiper{background:#00f;border-radius:0 10px 10px 0;flex:1}.swiper-slide img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.swiper-button-next,.swiper-button-prev{background:rgba(0,0,0,.15);border-radius:50%;color:hsla(0,0%,100%,.4);font-weight:700;height:48px;width:48px}.swiper-button-next:focus,.swiper-button-prev:focus{outline:none}.swiper-button-next:hover,.swiper-button-prev:hover{background:rgba(0,0,0,.39);color:hsla(0,0%,100%,.6)}.swiper-button-next:after,.swiper-button-prev:after{font-size:24px}.dynimac-background{background-size:cover;filter:blur(100px);height:200px;opacity:.15;position:absolute;top:72px;width:100%;z-index:-1}.list-header{color:#303133;font-size:16px;margin:0 0 20px;padding-left:10px;position:relative}.list-header:before{background:#ff783c;border-radius:90px;bottom:5px;content:"";display:block;left:0;position:absolute;top:5px;width:3px}.list-header .more{color:#909499;float:right;font-size:12px;vertical-align:middle}.free-course{padding:40px 0 17.5px}.hot-course{background:#fff;padding:40px 0 57.5px}.float-nav{background:hsla(0,0%,100%,.98);border-radius:0 5px 5px 0;bottom:0;color:#303133;display:none;overflow-y:auto;padding:24px 20px 10px;position:absolute;right:0;top:0;transform:translateX(100%);width:640px;z-index:99}.float-nav .top-cate{font-size:16px;font-weight:700;margin-bottom:20px}.float-nav .sub-cate-item{display:flex;min-height:41px}.float-nav .sub-cate-item .sub-cate-name{font-size:14px;font-weight:700}.float-nav .sub-cate-item .sub-cate-children{display:flex;flex:1;flex-wrap:wrap;padding-bottom:8px}.float-nav .sub-cate-item .sub-cate-children .leaf-cate{color:#606366;font-weight:400;margin:0 20px 12px 0}@media screen and (max-width:1620px){.course-index .body .course-list a.item:nth-child(n+9){display:none}}