.kcbacklist{width:1200px;margin:0 auto;position:relative}.kcbacklist .bigtiles1{width:100%;position:relative;margin:20px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.kcbacklist .bigtiles1 .bigtitle{font-size:28px;font-weight:700}.kcbacklist .bigtiles1 .switchTab{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;margin-left:6px}.kcbacklist .bigtiles1 .switchTab .tab{cursor:pointer;font-size:16px;margin-left:36px}.kcbacklist .bigtiles1 .switchTab .tab.active{color:#f85415;font-size:18px;position:relative}.kcbacklist .bigtiles1 .switchTab .tab.active::after{content:"";width:52px;height:2px;background-color:#f85415;position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);bottom:-6px;border-radius:5px}.kcbacklist .list_mianfei{width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.kcbacklist .list_mianfei .perCourse{background-color:#fff;width:288px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-top:12px;padding-bottom:20px;-webkit-transition:all .3s;transition:all .3s;margin-bottom:38px;cursor:pointer;margin-right:16px;position:relative;text-align:center}.kcbacklist .list_mianfei .perCourse:nth-child(4n){margin-right:0}.kcbacklist .list_mianfei .perCourse:hover{box-shadow:0 7px 10px 0 rgba(136,144,152,.14)}.kcbacklist .list_mianfei .perCourse:hover .descTitle{color:#f85415}.kcbacklist .list_mianfei .perCourse .coverLogo{width:263px;height:148px;border-radius:4px}.kcbacklist .list_mianfei .perCourse .descTitle{text-align:left;font-size:16px;margin:20px 0 12px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;padding-left:20px;padding-right:20px}.kcbacklist .list_mianfei .perCourse .time{text-align:left;font-size:14px;padding-left:20px}.kcbacklist .list_mianfei .perCourse .tag{padding:6px 0;width:70px;border:1px solid #f85415;border-radius:5px;color:#f85415;position:absolute;right:12px;bottom:9px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.kcbacklist .list_mianfei .perCourse .tag img{width:16px}.kcbacklist .courseInfo{width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:30px;margin-top:10px}.kcbacklist .courseInfo .teacgerInfo{width:292px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;border-radius:6px;padding:0 40px 20px;box-sizing:border-box}.kcbacklist .courseInfo .teacgerInfo .teacheravator{width:203px;height:203px;margin:0 auto 20px;padding-top:30px}.kcbacklist .courseInfo .teacgerInfo .nickname{text-align:center;font-size:20px}.kcbacklist .courseInfo .teacgerInfo .rank{text-align:center;font-size:12px;color:#889098;margin:10px 0}.kcbacklist .courseInfo .teacgerInfo .desc{font-size:12px;color:#889098;line-height:22px}.kcbacklist .courseInfo .list{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin-left:10px;border-radius:6px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.kcbacklist .courseInfo .list .perCourse{background-color:#fff;width:288px;height:270px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-top:10px;-webkit-transition:all .3s;transition:all .3s;margin:0 16px 30px 0;cursor:pointer;text-align:center}.kcbacklist .courseInfo .list .perCourse:nth-child(3n){margin-right:0}.kcbacklist .courseInfo .list .perCourse:hover{box-shadow:0 7px 10px 0 rgba(136,144,152,.14)}.kcbacklist .courseInfo .list .perCourse:hover .descTitle{color:#f85415}.kcbacklist .courseInfo .list .perCourse .coverLogo{width:263px;height:148px;border-radius:4px}.kcbacklist .courseInfo .list .perCourse .desc,.kcbacklist .courseInfo .list .perCourse .descTitle,.kcbacklist .courseInfo .list .perCourse .teacher{padding:0 20px;box-sizing:border-box}.kcbacklist .courseInfo .list .perCourse .descTitle{font-size:16px;margin:20px 0 12px;text-align:left;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.kcbacklist .courseInfo .list .perCourse .teacher{font-size:12px;text-align:left;color:#889098}.kcbacklist .courseInfo .list .perCourse .desc{width:100%;margin:20px 0 22px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.kcbacklist .courseInfo .list .perCourse .desc .item1{width:70px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:28px;line-height:28px;border-radius:4px;border:1px solid #889098;background:url(/skin/default/images/icons/svg/Triangle.svg) 9px 7px no-repeat;padding-left:16px;box-sizing:border-box}.kcbacklist .courseInfo .list .perCourse .desc .item2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.kcbacklist .courseInfo .list .perCourse .desc .item2 div.old{font-size:12px;color:#889098;text-decoration:line-through}.kcbacklist .courseInfo .list .perCourse .desc .item2 div.active{font-size:16px;color:#f85415}