.splist{background-color:#f3f5f7}
.top-list{padding-top:0px}
.w1430{width:1430px;margin:0 auto}
.web_zslist{padding-bottom:50px}
.web_zslist .zslist-web{position:relative;height:109px}
.web_zslist .zslist-web .warp{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:absolute;width:1430px;height:auto;overflow:hidden;padding:10px;box-sizing:border-box;box-shadow:0 12px 20px 0 rgba(95,101,105,0);border-radius:8px;transition:all .2s}
.web_zslist .zslist-web .warp.one{top:0px;z-index:3;cursor:pointer}
.web_zslist .zslist-web .warp.two{top:50px;z-index:2;cursor:pointer}
.web_zslist .zslist-web .warp.three{top:100px;z-index:1}
.web_zslist .zslist-web .warp .items{width:0;-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}
.web_zslist .zslist-web .warp .items li{float:left;line-height:16px;padding:8px;border-radius:6px;margin:0 12px 12px 0}
.web_zslist .zslist-web .warp .items li a{color:#1c1f21}
.web_zslist .zslist-web .warp .items li.cur{background-color:rgba(233,142,70,.1)}
.web_zslist .zslist-web .warp .items li.cur a{color:#e98e46}
.main .filter{margin:20px 0}
.main .filter .sort{overflow:hidden}
.main .filter .sort a{display:inline-block;float:left;font-size:12px;color:#545c63;line-height:16px;padding:4px 12px;border-radius:100px;margin-right:12px}
.main .filter .sort a:last-child{margin-right:0}
.main .filter .sort a.on{color:#fff;background-color:#545c63}
.main .filter .other{font-size:12px}
.main .filter .other .course-line{color:#e98e46;line-height:16px;padding:4px 16px;border-radius:100px;background-color:rgba(233,142,70,.1);margin-left:24px}
.main .filter .other .new-course{color:#1c1f21;line-height:24px;margin-left:24px}
.main .filter .other .hide-bought{color:#9199a1;line-height:24px;margin-left:24px}
.main .filter .other .checkbox{position:relative;display:inline-block;width:32px;height:24px;cursor:pointer;margin-right:8px}
.main .filter .other .checkbox::before{content:'';position:absolute;top:calc(50% - 4px);width:32px;height:8px;border-radius:100px;background-color:rgba(84,92,99,.2)}
.main .filter .other .checkbox::after{content:'';position:absolute;top:calc(50% - 8px);width:16px;height:16px;background:#fff;border:2px solid #d3d6d9;border-radius:100px;box-shadow:0 1px 2px 0 rgba(28,31,33,.1);box-sizing:border-box}
.main .filter .other .checkbox.on::before{background-color:#f9d1da}
.main .filter .other .checkbox.on::after{right:0;border:2px solid #fe4665}
.main .kc-list .course-card{position:relative;width:270px;height:270px;float:left;margin:0 20px 20px 0;box-shadow:0 4px 8px 0 rgba(95,101,105,.05);border-radius:8px;background-color:#fff;transition:transform .2s,box-shadow .2s}
.main .kc-list .course-card:nth-child(5n){margin-right:0}
.main .kc-list .course-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px 0 rgba(95,101,105,.1)}
.main .kc-list .course-card a{display:inline-block;width:100%}
.main .kc-list .course-card .img{height:152px;background:no-repeat center/cover;margin-bottom:8px;border-radius:8px 8px 0 0;overflow:hidden}
.main .kc-list .course-card .title{color:#545c63;line-height:20px;height:40px;margin-bottom:8px;padding:0 8px}
.main .kc-list .course-card .title.ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.main .kc-list .course-card .one,.main .kc-list .course-card .two{font-size:12px;color:#9199a1;line-height:18px;padding:0 8px;margin-bottom:8px}
.main .kc-list .course-card .one .discount,.main .kc-list .course-card .two .discount{border:1px solid rgba(242,13,13,.2);border-radius:2px;font-size:12px;line-height:1;margin-right:4px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.main .kc-list .course-card .one .discount i,.main .kc-list .course-card .two .discount i{font-style:normal;padding:3px 4px}
.main .kc-list .course-card .one .discount i.name,.main .kc-list .course-card .two .discount i.name{color:#fff;background-color:rgba(242,13,13,.6)}
.main .kc-list .course-card .one .origin-price,.main .kc-list .course-card .two .origin-price{color:#6d7278;line-height:20px}
.main .kc-list .course-card .one .price,.main .kc-list .course-card .two .price{line-height:20px;margin-right:2px}
.bold{font-weight:700}
.web_zslist .zslist-web .warp .name{width:3em;color:#07111b;line-height:32px;font-weight:700;margin-right:6px}
.lmfl{width:5em;color:#07111b;line-height:32px;font-weight:700;margin-right:6px}
.splist .mbx{width:1430px;margin:0 auto;font-size:14px;overflow:hidden;display:block}
.splist .mbx .mianbao-min{line-height:40px;color:#999;padding:10px}
.splist .mbx .mianbao-min a{color:#999}