.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-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 0rem;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-price-box{margin-left:.34666667rem}.course-card .item-price-box .pay-price{display:block;width:1.92rem;height:.85333333rem;background:rgba(43,51,59,.06);border-radius:.42666667rem;font-weight:500;font-size:.32rem;color:#71777D;text-align:center;line-height:.85333333rem}.course-card .item-price-box .pay-price.red{color:rgba(240,20,20,.6)}.course-card .item-price-box .discount-item{margin-top:.10666667rem;font-size:.26666667rem;color:rgba(240,20,20,.8);text-align:center;line-height:.37333333rem}.course-card .item-price-box .discount-item .origin-price{margin-left:.08rem;text-decoration:line-through}#wrapper{padding-top:3.65333333rem;padding-bottom:0}#pages-container{padding-bottom:0}.loading-box .loading-img{display:block;margin:0 auto}.index-mask-box{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;background:rgba(43,51,59,.6)}.top-fixed{width:100%;position:fixed;z-index:3;top:1.49333333rem;background:#FFF}.top-fixed .skill-tab{width:100%;padding-left:.53333333rem;padding-right:.53333333rem;box-sizing:border-box;border-bottom:0 solid #D9DDE1;border-width:.02666667rem}.top-fixed .skill-tab .tab-item{font-size:14px;color:#2B333B;width:auto!important;height:1.17333333rem;line-height:1.17333333rem;color:#71777D}[data-dpr="2"] .top-fixed .skill-tab .tab-item{font-size:28px}[data-dpr="2.5"] .top-fixed .skill-tab .tab-item{font-size:35px}[data-dpr="2.75"] .top-fixed .skill-tab .tab-item{font-size:39px}[data-dpr="3"] .top-fixed .skill-tab .tab-item{font-size:42px}[data-dpr="4"] .top-fixed .skill-tab .tab-item{font-size:56px}.top-fixed .skill-tab .tab-item:not(:first-child){margin-left:.58666667rem}.top-fixed .skill-tab .tab-item.swiper-slide-thumb-active{color:#2B333B}.top-fixed .skill-tab .tab-item.swiper-slide-thumb-active::after{display:block;content:"";width:.42666667rem;height:.05333333rem;background:#F01414;border-radius:.05333333rem;position:absolute;left:50%;margin-left:-.21333333rem;bottom:.18666667rem}.top-fixed .filter-wrap{height:.96rem;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);color:#71777D;position:relative}.top-fixed .filter-wrap .sort-title{float:left;margin-left:.69333333rem;height:.96rem;line-height:.96rem;font-size:12px;position:relative}[data-dpr="2"] .top-fixed .filter-wrap .sort-title{font-size:24px}[data-dpr="2.5"] .top-fixed .filter-wrap .sort-title{font-size:30px}[data-dpr="2.75"] .top-fixed .filter-wrap .sort-title{font-size:33px}[data-dpr="3"] .top-fixed .filter-wrap .sort-title{font-size:36px}[data-dpr="4"] .top-fixed .filter-wrap .sort-title{font-size:48px}.top-fixed .filter-wrap .sort-title.active{color:#F01414}.top-fixed .filter-wrap .sort-title i{margin-left:.10666667rem}.top-fixed .filter-wrap .sort-box{display:none;width:100%;padding-bottom:.26666667rem;background:#FFF;font-size:14px;position:absolute;z-index:1;left:0;top:.96rem}[data-dpr="2"] .top-fixed .filter-wrap .sort-box{font-size:28px}[data-dpr="2.5"] .top-fixed .filter-wrap .sort-box{font-size:35px}[data-dpr="2.75"] .top-fixed .filter-wrap .sort-box{font-size:39px}[data-dpr="3"] .top-fixed .filter-wrap .sort-box{font-size:42px}[data-dpr="4"] .top-fixed .filter-wrap .sort-box{font-size:56px}.top-fixed .filter-wrap .sort-box .sort-type{padding-left:.69333333rem;box-sizing:border-box;height:.8rem;line-height:.8rem}.top-fixed .filter-wrap .sort-box .sort-type i{display:none;float:right;margin-right:.69333333rem;line-height:.96rem}.top-fixed .filter-wrap .sort-box .sort-type.active{color:#F01414}.top-fixed .filter-wrap .sort-box .sort-type.active i{display:block}