.new-course-all .input-with-select{width:500px}.new-course-all .home-banner-con{height:400px}.new-course-all .home-banner-con .banner-item-img{height:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;cursor:pointer}.new-course-all .course-type-box{max-width:1540px;margin:0 auto;margin-top:30px;padding:30px;padding-bottom:0;background:#fff;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.new-course-all .course-type-title{font-size:22px;font-weight:700;color:#333}.new-course-all .course-type-list{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px dashed #e2e2e2}.new-course-all .course-type-list:last-child{border-bottom:none}.new-course-all .course-type-list .name-type-title{display:inline-block;width:70px;text-align:right;color:#666}.new-course-all .course-type-list .search-name-btn{padding:0 35px}.new-course-all .course-type-list .li-type-item{display:inline-block;height:30px;padding:0 15px;margin-left:10px;line-height:30px;border-radius:2px;color:#666;cursor:pointer}.new-course-all .course-type-list .active-click{color:#fff;background:#4165de}.new-course-all .course-type-list .screen-type{position:absolute;right:0}.new-course-all .course-type-list .screen-type-item{margin-left:20px;color:#6a6a6a;cursor:pointer}.new-course-all .course-type-list .screen-active{color:#4165de}.new-course-all .couse-list-box{max-width:1540px;margin:0 auto;margin-top:60px}.new-course-all .tonglan-popup-guess{visibility:hidden;position:absolute;top:-20px;left:-40px;width:400px;min-height:369px;cursor:pointer;z-index:2022}.new-course-all .tonglan-popup-guess .guess-cover-img{width:100%;height:190px}.new-course-all .tonglan-popup-guess .tonglan-course-name{margin-top:10px;padding:0 15px;color:#333;font-size:16px;font-weight:700}.new-course-all .tonglan-popup-guess .tonglan-course-tag{margin-top:10px;padding:0 15px}.new-course-all .tonglan-popup-guess .tonglan-course-tag .el-tag{margin-right:8px;padding:0 15px}.new-course-all .tonglan-popup-guess .tonglan-course-text{margin-top:10px;padding:0 15px;color:#333;font-size:14px;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.new-course-all .tonglan-popup-guess .tonglan-course-text img{display:none}.new-course-all .tonglan-popup-guess .tonglan-course-btn{margin:15px;width:96px;background:#4165de;color:#fff;line-height:32px;border-radius:4px;text-align:center}.new-course-all .card-hover{background:#fff;display:block;visibility:visible;opacity:1;z-index:2022;will-change:transform;will-change:opacity;-webkit-animation:card-hover-data .2s ease backwards;animation:card-hover-data .2s ease backwards}@-webkit-keyframes card-hover-data{0%{-webkit-transform:translateZ(20px) scale(.93);transform:translateZ(20px) scale(.93);opacity:0}50%{opacity:1}to{-webkit-transform:translateZ(20px) scale(1);transform:translateZ(20px) scale(1);opacity:1}}@keyframes card-hover-data{0%{-webkit-transform:translateZ(20px) scale(.93);transform:translateZ(20px) scale(.93);opacity:0}50%{opacity:1}to{-webkit-transform:translateZ(20px) scale(1);transform:translateZ(20px) scale(1);opacity:1}}.new-course-all .li-course-con{float:left;position:relative;width:18.4%;margin-right:2%;margin-bottom:30px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.new-course-all .li-course-con:nth-child(5n){margin-right:0}.new-course-all .li-course-con .course-video-time{position:absolute;top:127px;right:9px;height:24px;line-height:24px;color:#fff;padding:0 12px;background:rgba(0,0,0,.8);border-radius:12px}.new-course-all .li-course-con .course-cover-img{width:100%;height:160px}.new-course-all .li-course-con .con-course-name{padding:0 10px;margin-top:10px;color:#333;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-course-all .li-course-con .con-course-type{padding:10px;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:49px}.new-course-all .li-course-con .con-course-type .sp-type{color:#333;font-size:16px}.new-course-all .li-course-con .con-course-type .sp-charge{color:#ef2849;font-size:22px}.new-course-all .li-course-con .course-kaishi-icon{position:relative;text-align:center}.new-course-all .li-course-con .course-kaishi-icon i{color:#fff;font-size:40px;top:-120px;left:0;right:0;position:absolute}.new-course-all .page-block{padding:34px 0 54px 0;text-align:center}@media (max-width:1540px){.new-course-all .course-type-box,.new-course-all .couse-list-box{max-width:1300px}.new-course-all .li-course-con:nth-child(5n) .tonglan-popup-guess{left:-92px}}@media (max-width:1366px){.new-course-all .course-type-box,.new-course-all .couse-list-box{max-width:1200px}.new-course-all .li-course-con:nth-child(5n) .tonglan-popup-guess{left:-100px}.new-course-all .li-course-con .course-cover-img{height:138px}}