.courseListBg .el-input-group__append,.el-input-group__prepend{background-color:#409eff;color:#fff;vertical-align:middle;display:table-cell;position:relative;border:1px solid #409eff;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.courseListBg{background:#f7f7f7;padding-top:30px}.courseWid{width:1200px;margin:0 auto;padding-bottom:40px}.courseInput{width:600px}.courseInput>input{background:transparent;border:1px solid #409eff}.courseListW{width:1200px;margin:0 auto;padding:10px 0}.courseListTitle{display:flex;align-items:center}.courseListTitle>p>span:first-child{font-size:26px;font-weight:700;margin:0 16px}.courseBorder{border:1px solid #dedede;width:215px;border-radius:4px;margin-right:20px;margin-bottom:20px;cursor:pointer;height:198px;transition:all .5s;overflow:hidden}.courseBorder>div{padding:6px 12px}.courseBorder>img{width:100%;height:130px;-o-object-fit:cover;object-fit:cover;border-radius:4px 4px 0 0;transition:all .5s}.courseBorder:hover .courseBorderImgs{transform:scale(1.08)}.courseBorder:hover{box-shadow:0 2px 8px 0 hsla(0,0%,56.9%,.36)}.courseListW>p:first-child>span:first-child{font-size:20px;display:inline-block;margin-right:32px}.courseListW>p:first-child>span:nth-child(2),.courseListW>p:first-child>span:nth-child(4){color:#999}.courseListW>p:first-child>span:nth-child(3){color:#409eff;display:inline-block;margin:0 6px}.courseListW>p:nth-child(2),.courseListW>p:nth-child(3){margin:25px 0;border-bottom:1px solid #dfdfdf;padding-bottom:20px}.courseListW>p:nth-child(2)>span:first-child,.courseListW>p:nth-child(3)>span:first-child{display:inline-block;margin-right:28px}.courseClassfiy,.courseRank{display:inline-block;margin-right:20px;cursor:pointer;margin-bottom:14px}.courseClassActive,.courseRankActive{color:#409eff}.courserTitlesP1{width:186px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.courserTitlesP2{font-size:12px}.courserlIstFlex{display:flex;flex-wrap:wrap;min-height:480px}.courseListBg .el-input-group__append,.el-input-group__prepend{cursor:pointer}.coueClassfy{display:flex;margin-top:28px}.coueClassfyPx{width:66px;display:inline-block}.coursePx{margin:20px 0 20px 0}.coursedifficultyPx{width:97%;display:flex;justify-content:space-between;margin:20px 0 30px 0}.courserListWid{width:1200px;margin:0 auto}