.allCourses .list-nav{ margin-top: 18px;position: relative;border-bottom: 1px solid #EEEEEE}
.allCourses .list-nav .title{font-size: 20px;padding-top: 20px;padding-bottom: 28px;}
.allCourses .list-nav .title h1{position: relative;top: 5px;font-size: 22px}
.allCourses .list-nav .title h1 img {margin-right: 12px;}
.allCourses .list-nav .title span{color: #999;font-size: 16px;display: inline-block;margin-left:15px}
.allCourses .nav-list .type{margin-right:15px;color: #666;}
.allCourses .nav-list a{ padding: 7px 10px; line-height: 1; color: #666;margin-right:20px;transition: all .4s; display: inline-block;padding: 6px 10px;border: 1px solid transparent;border-radius: 14px;margin-bottom:14px}
.allCourses .nav-list a.active{color:#39A6FF;background: #F1F7FF;border-radius: 4px}
.allCourses .nav-list a:hover{color:#39A6FF;background: #F1F7FF;border-radius: 4px}
.allCourses .list-nav .card{width: 280px;height: 115px;border-radius: 10px;border: 1px solid #FF7517;background-color: #FFF5DD;overflow: hidden;position: absolute;right: 0;bottom:20px}
.allCourses .list-nav .card .flex{height: 100%}
.allCourses .list-nav .card .left{width: 85px;border-right:1px solid #EFD7B9;margin: 9px 0;position: relative}
.allCourses .list-nav .card .left img{display: block;width: 100%;position: relative;top: -10px}
.allCourses .list-nav .card .left p{font-size:14px;color:#FF7517;text-align: center;position: absolute;bottom:10px;width: 100%;left: 0}
.allCourses .list-nav .card .right{width: calc(100% - 88px);position: relative}
.allCourses .list-nav .card .right img{position: absolute;bottom: 0; right: 0;}
.allCourses .list-nav .card .right p{font-size: 16px;color: #FF7517;margin: 22px auto 20px;text-align: center;font-weight: bold;}
.allCourses .list-nav .card .right .btn{width: 88px;height: 32px;border-radius: 16px;text-align: center;line-height: 32px;color: #fff;background: linear-gradient(-90deg, #FF7215 0%, #FF9A54 100%);display: inline-block;position: relative;z-index: 1;margin-left: 10px}

.allCourses .courses .courses-img .bg{border-radius: 6px; display: flex; align-items:center; justify-content:center ;background-color: rgba(0,0,0,0.4);opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: all .4s}
.allCourses .courses .courses-img .bg .icon{color: #fff;font-size: 46px;}
.allCourses .courses .courses-img:hover .bg{opacity: 1;}
.allCourses .courses .courses-img img{display: block;width: 100%;}
.allCourses .courses{padding-bottom: 20px;border-bottom: 1px solid #EEEEEE;margin-top: 20px}
/*;cursor: pointer*/
.allCourses .courses .courses-img{width:400px;position: relative; transition: all .4s;max-height: 222px;border-radius: 6px;overflow: hidden;cursor: pointer;}
.allCourses .courses .courses-img img{display: block;width: 100%}
.allCourses .courses .courses-img .cate-img{transition: all .4s;border-radius: 6px;}
.allCourses .courses .courses-img:hover .cate-img{transform: scale(1.1);}
.allCourses .courses .courses-img .tag{position: absolute;display: inline-block;top:15px;left: -5px;z-index:8;height: 32px}
.allCourses .courses .courses-img .tag img{display: block;height: 32px}
.allCourses .courses .courses-img .tag span{position: absolute;width: 100%;text-align: center;top: 0;color:#A07644;line-height: 35px; }
.allCourses .courses .courses-img .num{line-height:1;position: absolute;bottom: 10px;right: 10px;background: rgba(0,0,0,0.4);border-radius: 15px;padding: 8px 10px;color: #fff}
.allCourses .courses .courses-cont{width: calc(100% - 425px);position: relative}
.allCourses .courses .courses-cont .name{font-size: 30px;margin-bottom: 20px;transition: all .4s;margin-top: 20px;font-weight: bold;}
.allCourses .courses .courses-cont .name:hover{color: #39a6ff}
.allCourses .courses .courses-cont .text{font-size: 16px;color: #666}
.allCourses .courses .courses-cont .block{font-size: 14px;color: #999;margin-top:25px}
.allCourses .courses .courses-cont .block span{color: #DDDDDD}
.allCourses .courses .courses-cont .price-box{margin-top: 20px}
.allCourses .courses .courses-cont .price-box .price{font-size: 32px;color: #FF7517}
.allCourses .courses .courses-cont .price-box .price .symbol{font-size: 18px;font-weight: bold;}
.allCourses .courses .courses-cont .price-box .price-max{font-size: 14px;color: #AAA;margin-left: 10px;display: inline-block;text-decoration:line-through; }
.allCourses .courses .courses-cont .btn{width: 140px;height: 50px;line-height: 48px;text-align: center;color: #fff;border-radius: 25px;background: #39A6FF;display: inline-block;font-size: 16px;position: absolute;right: 0;bottom: 10px}


.allCourses .curriculum-box .navs{margin-top: 20px;margin-bottom: 20px}
.allCourses .curriculum-box .navs a{color: #666;display: inline-block;margin-right: 30px;transition: all .4s}
.allCourses .curriculum-box .navs a:hover{color: #39a6ff}
.allCourses .curriculum-box .navs .active{color: #39a6ff}
.allCourses .breadcrumb{background-color: #F7F8FA;margin-top: unset;padding:15px 0}
.allCourses .curriculum-box .num-all{text-align: right;margin-bottom: 15px;padding-top: 20px}
.allCourses .curriculum-box{margin-bottom:50px;}
.allCourses .curriculum-box .item{transition: all .4s;width: calc(25% - 18px);cursor: pointer;margin-bottom: 30px;box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);border-radius: 6px;overflow: hidden;padding-bottom:23px;position: relative;}
.allCourses .curriculum-box .item:hover{box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);}
.allCourses .curriculum-box .item .img-box{position: relative;border-radius: 6px;overflow: hidden;height:156px;overflow: hidden}
.allCourses .curriculum-box .item .img-box.radius {border-radius: 6px 6px 0 0;}
.allCourses .curriculum-box .item .img-box img{display: block;width: 100%;transition: all .4s}
.allCourses .curriculum-box .item .img-box:hover img{transform: scale(1.1);}
.allCourses .curriculum-box .item .img-box .collection{font-size: 18px ;display: inline-block;width: 30px;height: 30px;border-radius: 100%;position: absolute;right: 10px;bottom: 10px;display: flex; align-items:center; justify-content:center;color: #fff;background-color: rgba(0,0,0,0.2)}
.allCourses .curriculum-box .item .img-box .collection.active{color: #FF7517}
.allCourses .curriculum-box .item .img-box .bg{display: flex; align-items:center; justify-content:center ;background-color: rgba(0,0,0,0.4);opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: all .4s}
.allCourses .curriculum-box .item .img-box .bg .icon{color: #fff;font-size: 46px;}
.allCourses .curriculum-box .item .img-box:hover .bg{opacity: 1;}
.allCourses .curriculum-box .cont-box{padding: 0 9px;box-sizing: border-box}
.allCourses .curriculum-box .cont-box .title{margin-top: 13px;transition: all .4s;display: block;line-height: 1 }
.allCourses .curriculum-box .cont-box .title a{transition: all .4s; display: inline-block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;}
.allCourses .curriculum-box .cont-box .title:hover a{color:#39A6FF }
.allCourses .curriculum-box .cont-box .tag-box.title a{max-width: 100%;font-size: 16px;}

.allCourses .curriculum-box .cont-box .bot{margin-top: 8px;color: #999;font-size: 12px;line-height: 1}
.allCourses .curriculum-box .cont-box .bot .right{ flex: 1; align-items:center; justify-content:center;width: 100%;display: inline-block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;font-size: 14px;color: #999999;}
/*.allCourses .curriculum-box .cont-box .bot .right:hover{color:#FF7517 }*/
.allCourses .curriculum-box .cont-box .bot .right span{transition: all .4s}
.allCourses .curriculum-box .cont-box .bot .right span:hover{color:#39A6FF }
.allCourses .curriculum-box .cont-box .price-box{margin-top: 15px;line-height: 1}
.allCourses .curriculum-box .cont-box .price-box p{display: inline-block;line-height: 26px;}
.allCourses .curriculum-box .cont-box .price-box .price{font-size:16px;color: #ff7517;position: relative;font-weight: bold;}
.allCourses .curriculum-box .cont-box .price-box .price span{font-size:12px;}
.allCourses .curriculum-box .cont-box .price-box .price .tag{display: inline-block; width: 61px;height: 18px;background: linear-gradient(103deg, #FFA198, #FF5040);border-radius: 9px 9px 9px 0px;position: absolute;top: -15px;right: -58px;line-height: 18px; text-align: center;}
.allCourses .curriculum-box .cont-box .price-box .price .tag img{display: block;width: 100%}
.allCourses .curriculum-box .cont-box .price-box .price .tag i{width:100%;color: #fff;font-size: 12px;transform: scale(1);position: absolute;top: 0;left: 0;width: 100%;line-height: 18px}
.allCourses .curriculum-box .cont-box .price-box .price-max{font-size: 12px;color: #AAA;margin-left: 5px;display: inline-block;text-decoration:line-through; }
.allCourses .curriculum-box .cont-box .price-box a{ display: block; float: right;color:#39A6FF;width: 70px; height: 26px; background: #EDF7FF; border-radius: 13px; text-align: center;font-size: 12px;color: #39A6FF;line-height: 26px;}




.allCourses .curriculum-box .no-seach{font-size: 16px;color: #999;text-align: center;margin-top: 30px}
.allCourses .pagination{text-align: right}

@media(max-width:1025px) {
    .allCourses .curriculum-box .cont-box .bot .look {margin-right: 5px}
    .allCourses .curriculum-box .cont-box .bot .right .icon{margin-right: 3px}
    .allCourses .curriculum-box .item { width: calc(33.3% - 8px);}
    .allCourses .pagination{margin-top: 20px}
}
@media(max-width:950px) {
    .allCourses .list-nav .card{transform: scale(.8);right: -20px;bottom: 0}
    .allCourses .nav-list a{margin-right: 5px;padding: 2px 5px}
    .allCourses .nav-list .type{margin-right: 5px}

    .allCourses .courses .courses-img{width: 300px}
    .allCourses .courses .courses-cont { width: calc(100% - 320px);}
    .allCourses .courses .courses-cont .name{font-size: 20px;margin-top: 10px;margin-bottom: 10px}
    .allCourses .courses .courses-cont .text{font-size: 14px}
    .allCourses .courses .courses-cont .block{margin-top: 10px}
    .allCourses .courses .courses-cont .price-box{margin-top: 10px}
    .allCourses .courses .courses-cont .btn{width: 100px;height: 30px;line-height: 28px;bottom: 0}
}