.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.course-list{background-color:#fff; padding-top:.42666667rem;padding-bottom:.42666667rem}
.course-list dd{margin-bottom:.53333333rem}
.course-list dd:last-child{position:relative;margin-bottom:0}
.course-list .course-img img{display:block;width:2.88rem;height:1.92rem;border-radius:.10666667rem;background-color:#ccc;overflow:hidden}
.course-list .course-info{width:5.62666667rem;margin-left:.42666667rem}
.course-list .course-info .tit{font-size:15px;color:#2b333b;line-height:.56rem;margin-top:.18666667rem;margin-bottom:.13333333rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;word-wrap:break-word}
[data-dpr="2"] .course-list .course-info .tit{font-size:30px}
[data-dpr="2.5"] .course-list .course-info .tit{font-size:38px}
[data-dpr="2.75"] .course-list .course-info .tit{font-size:41px}
[data-dpr="3"] .course-list .course-info .tit{font-size:45px}
[data-dpr="4"] .course-list .course-info .tit{font-size:60px}
.course-list .course-info .info{font-size:12px;line-height:.4rem;margin-bottom:.16rem;color:#71777d}
[data-dpr="2"] .course-list .course-info .info{font-size:24px}
[data-dpr="2.5"] .course-list .course-info .info{font-size:30px}
[data-dpr="2.75"] .course-list .course-info .info{font-size:33px}
[data-dpr="3"] .course-list .course-info .info{font-size:36px}
[data-dpr="4"] .course-list .course-info .info{font-size:48px}
.course-list .course-info .info label{margin-right:.32rem}
.course-list .course-info .info em{padding-left:.13333333rem;padding-right:.13333333rem}
.course-list .course-info .info i.imwap-peaple{padding-right:.05333333rem}
.course-list .course-info .price{font-size:12px;line-height:.4rem;color:#71777d}
[data-dpr="2"] .course-list .course-info .price{font-size:24px}
[data-dpr="2.5"] .course-list .course-info .price{font-size:30px}
[data-dpr="2.75"] .course-list .course-info .price{font-size:33px}
[data-dpr="3"] .course-list .course-info .price{font-size:36px}
[data-dpr="4"] .course-list .course-info .price{font-size:48px}
.course-list .course-info .price s{color:#b7bbbf;padding-left:.10666667rem}
.course-list .course-info .price span{display:inline-block;border-radius:.26666667rem;font-size:.26666667rem;height:.48rem;line-height:.42666667rem;padding-left:.16rem;padding-right:.16rem;margin-left:.16rem;box-sizing:border-box;font-weight:600;color:rgba(240,20,20,.6);border:solid rgba(240,20,20,.3);border-width:.02666667rem}
.course-card{display:flex;align-items:center;height:2.18666667rem}
.course-card .item-pic{margin-left:.42666667rem;width:2.4rem;height:1.65333333rem;border-radius:.16rem;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
.course-card .item-pic .course-stat{position:absolute;left:0;top:0;width:.53333333rem;height:.53333333rem;border-top-left-radius:.16rem;border-bottom-right-radius:.16rem;font-weight:500;font-size:.32rem;color:#fff;text-align:center;line-height:.53333333rem}
.course-card .item-pic .course-stat.new{background:#f01414}
.course-card .item-pic .learn-rate{position:absolute;right:0;bottom:0;padding-top:.08rem;padding-bottom:.08rem;padding-left:.16rem;padding-right:.16rem;background:#2b333b;border-top-left-radius:.16rem;border-bottom-right-radius:.16rem;font-size:.26666667rem;color:#fff;line-height:.37333333rem}
.course-card .item-pic .act-name{position:absolute;right:0;left:0;bottom:0;color:#fff;background-color:#eb4b4e;box-shadow:0 0 4px 0 rgba(255,226,36,.49),inset 0 1px 0 0 rgba(255,199,199,.76),inset 0 3px 4px 0 rgba(255,151,151,.5);text-align:center;line-height:1;padding:.10666667rem 0;border-bottom-left-radius:.10666667rem;border-bottom-right-radius:.10666667rem}
.course-card .item-right{margin-left:.32rem;width:4.18666667rem}
.course-card .item-right .item-name{font-weight:500;font-size:.4rem;color:#2b333b;line-height:.56rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.course-card .item-right .item-info{margin-top:.10666667rem;font-size:.32rem;color:#71777d;line-height:.45333333rem}
.course-card .item-right .item-info .dot{margin-left:.10666667rem;margin-right:.10666667rem}
.course-card .item-right .item-info .item-number i{margin-right:.10666667rem;color:#b7bbbf}
.course-card .item-zixun-box{margin-left:.34666667rem}
.course-card .item-zixun-box .zixun-txt{display:block;width:1.92rem;height:.85333333rem;background:rgba(43,51,59,.06);border-radius:.42666667rem;font-weight:500;font-size:.32rem;color:red;text-align:center;line-height:.85333333rem}
.course-card .item-zixun-box .discount-item{margin-top:.10666667rem;font-size:.26666667rem;color:rgba(240,20,20,.8);text-align:center;line-height:.37333333rem}
.course-card .item-zixun-box .discount-item .origin-price{margin-left:.08rem;text-decoration:line-through}
#wrapper{padding-bottom:0}
#pages-container{padding-bottom:0}
.swiper-container{width:100%}
.loading-box .loading-img{display:block;margin:0 auto}
.banner{padding-bottom:.21333333rem;box-sizing:border-box}
.banner .banner-item{height:3.52rem;box-sizing:border-box;position:relative;overflow:hidden}
.banner .banner-item img{display:block;width:100%;height:3.52rem}
.cate-list{width:100%;height:1.78666667rem;padding-top:.13333333rem;padding-left:.12666667rem;padding-right:.42666667rem;margin-bottom:.13333333rem;box-sizing:border-box;white-space:nowrap;overflow-x:auto;font-size:0}
.cate-list .cate-item{display:inline-block;padding-left:.53333333rem;padding-right:.53333333rem;height:1.22666667rem;background:rgba(8,130,219,.1);border-radius:.16rem;text-align:center}
.cate-list .active{background:#ebebeb}
.cate-list .cate-item:not(:first-child){margin-left:.10666667rem}
.cate-list .cate-item .item-name{margin-top:.21333333rem;font-weight:500;font-size:14px;color:#1e86d6;line-height:.42666667rem}
[data-dpr="2"] .cate-list .cate-item .item-name{font-size:28px}
[data-dpr="2.5"] .cate-list .cate-item .item-name{font-size:35px}
[data-dpr="2.75"] .cate-list .cate-item .item-name{font-size:39px}
[data-dpr="3"] .cate-list .cate-item .item-name{font-size:42px}
[data-dpr="4"] .cate-list .cate-item .item-name{font-size:56px}
.cate-list .cate-item .item-count{margin-top:.05333333rem;font-size:10px;color:#1e86d6;line-height:.32rem}
[data-dpr="2"] .cate-list .cate-item .item-count{font-size:20px}
[data-dpr="2.5"] .cate-list .cate-item .item-count{font-size:25px}
[data-dpr="2.75"] .cate-list .cate-item .item-count{font-size:28px}
[data-dpr="3"] .cate-list .cate-item .item-count{font-size:30px}
[data-dpr="4"] .cate-list .cate-item .item-count{font-size:40px}
.cate-list::-webkit-scrollbar{height:.02666667rem;background:rgba(9,130,210,.2)}
.cate-list::-webkit-scrollbar-button{display:block;width:.21333333rem;background:#fff}
.cate-list::-webkit-scrollbar-thumb{background:#1e86d6;border-radius:.02666667rem}
.cate-list-wrapper{width:100%;box-sizing:border-box;top:3.78666667rem;background:#fff;z-index:100;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.cate-list-wrapper.scrolling{top:2.50666667rem}
.cate-list-wrapper .cate-list{width:100%;height:1.28rem;padding-top:.13333333rem;box-sizing:border-box;white-space:nowrap;overflow-x:auto;font-size:0}
.cate-list-wrapper .cate-list .cate-item{display:inline-block;padding-left:.26666667rem;padding-right:.26666667rem;height:.74666667rem;line-height:.74666667rem;background:#e7f3ff;border-radius:.37333333rem;text-align:center}
.cate-list-wrapper .cate-list .cate-item:not(:first-child){margin-left:.10666667rem}
.cate-list-wrapper .cate-list .cate-item:last-child{margin-right:1.6rem}
.cate-list-wrapper .cate-list .cate-item.selected{background:rgba(242,13,13,.1)}
.cate-list-wrapper .cate-list .cate-item.selected .item-name{color:rgba(242,13,13,.68);font-weight:600}
.cate-list-wrapper .cate-list .cate-item .item-name{font-weight:500;font-size:14px;color:#71777d;}
[data-dpr="2"] .cate-list-wrapper .cate-list .cate-item .item-name{font-size:28px}
[data-dpr="2.5"] .cate-list-wrapper .cate-list .cate-item .item-name{font-size:35px}
[data-dpr="2.75"] .cate-list-wrapper .cate-list .cate-item .item-name{font-size:39px}
[data-dpr="3"] .cate-list-wrapper .cate-list .cate-item .item-name{font-size:42px}
[data-dpr="4"] .cate-list-wrapper .cate-list .cate-item .item-name{font-size:56px}
.cate-list-wrapper .cate-list .filter-box{padding-top:.16rem}
.cate-list-wrapper .cate-list .filter-item{display:inline-block;padding-left:.32rem;padding-right:.32rem;height:.64rem;line-height:.64rem;background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.1);border-radius:.37333333rem;text-align:center;position:relative}
.cate-list-wrapper .cate-list .filter-item:not(:first-child){margin-left:.16rem}
.cate-list-wrapper .cate-list .filter-item:last-child{margin-right:1.6rem}
.cate-list-wrapper .cate-list .filter-item.selected{background:rgba(242,13,13,.1)}
.cate-list-wrapper .cate-list .filter-item.selected .item-name{color:rgba(242,13,13,.68);font-weight:600}
.cate-list-wrapper .cate-list .filter-item .item-name{font-weight:500;font-size:12px;color:#71777d;line-height:.64rem}
[data-dpr="2"] .cate-list-wrapper .cate-list .filter-item .item-name{font-size:24px}
[data-dpr="2.5"] .cate-list-wrapper .cate-list .filter-item .item-name{font-size:30px}
[data-dpr="2.75"] .cate-list-wrapper .cate-list .filter-item .item-name{font-size:33px}
[data-dpr="3"] .cate-list-wrapper .cate-list .filter-item .item-name{font-size:36px}
[data-dpr="4"] .cate-list-wrapper .cate-list .filter-item .item-name{font-size:48px}
.cate-list-wrapper .cate-list .filter-item i.imwap-close{width:.32rem;height:.32rem;line-height:.29333333rem;background:#b7bbbf;color:#fff;font-size:.21333333rem;position:absolute;top:-.08rem;right:-.08rem;border-radius:50%}
.cate-list-wrapper .filter-btn{width:1.6rem;height:1.25333333rem;padding-right:.16rem;position:absolute;right:0;top:0}
.cate-list-wrapper .filter-btn img{position:absolute;right:0;top:0;width:1.86666667rem;height:1.22666667rem;left:-.26666667rem}