.course-List[data-v-01ed1cd1]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:99%;margin-left:2%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.course-List .card[data-v-01ed1cd1]{background-color:#fff;width:23%;height:300px;display:inline-block;margin:0 0 20px 15px;overflow:hidden;cursor:pointer}.course-List .card[data-v-01ed1cd1]:nth-of-type(5n){margin-right:0}.course-List .card .card-content .imgbox[data-v-01ed1cd1]{position:relative;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;background-color:#ddd;height:130px}.course-List .card .card-content .imgbox[data-v-01ed1cd1]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.course-List .card .card-content .imgbox .online[data-v-01ed1cd1]{position:absolute;top:16px;right:-24px;text-align:center;width:60px;height:0;color:red;border-bottom:22px solid;border-left:20px solid transparent;border-right:20px solid transparent;transform:rotate(45deg);-ms-transform:rotate(7deg);-moz-transform:rotate(7deg);-webkit-transform:rotate(45deg);-o-transform:rotate(7deg)}.course-List .card .card-content .imgbox .online span[data-v-01ed1cd1]{color:#fff;font-size:12px}.course-List .card .card-content .imgbox img[data-v-01ed1cd1]{width:100%;height:100%}.course-List .card .card-content .imgbox .live[data-v-01ed1cd1]{position:absolute;bottom:0;width:100%;height:30px;line-height:30px;text-align:center;color:#fff;font-size:14px;background-color:hsla(0,0%,40%,.6)}.course-List .card .card-content .imgbox .tag[data-v-01ed1cd1]{position:absolute;top:16px;left:-20px;text-align:center;width:90px;height:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#fff;background-color:#03b615;-webkit-transform:rotate(317deg);transform:rotate(317deg)}.course-List .card .card-content .imgbox .tag-color-pink[data-v-01ed1cd1]{background-color:#ec808d}.course-List .card .card-content .imgbox .tag-color-orange[data-v-01ed1cd1]{background-color:#f59a23}.course-List .card .card-content .imgbox .tag-color-green[data-v-01ed1cd1]{background-color:#03b615}.course-List .card .card-content .imgbox .tag-color-blue[data-v-01ed1cd1]{background-color:#0079fe}.course-List .card .card-content .imgbox .tag-color-grey[data-v-01ed1cd1]{background-color:#d7d7d7}.course-List .card .card-content .contectbox[data-v-01ed1cd1]{padding:16px}.course-List .card .card-content .contectbox .title[data-v-01ed1cd1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:auto;font-weight:700;margin-bottom:0}.course-List .card .card-content .contectbox .title p[data-v-01ed1cd1]{font-size:18px;height:auto;color:#333;line-height:1.2;text-align:left;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-List .card .card-content .contectbox .title .title-tag[data-v-01ed1cd1]{font-size:0;line-height:1}.course-List .card .card-content .contectbox .title .title-tag img[data-v-01ed1cd1]{width:20px;height:20px}.course-List .card .card-content .contectbox .title .text[data-v-01ed1cd1]{font-size:14px;font-weight:700}.course-List .card .card-content .contectbox .list[data-v-01ed1cd1]{margin:15px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-List .card .card-content .contectbox .list .item[data-v-01ed1cd1]{font-size:14px;color:#333;line-height:1;padding-right:5px;margin-right:5px;border-right:1px solid #ccc}.course-List .card .card-content .contectbox .list .item[data-v-01ed1cd1]:last-child{padding-right:0;margin-right:0;border-right:none}.course-List .card .card-content .contectbox .list .f-list[data-v-01ed1cd1]{margin:45px 0 20px}.course-List .card .card-content .contectbox .list .f-list[data-v-01ed1cd1],.course-List .card .card-content .contectbox .pair[data-v-01ed1cd1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-List .card .card-content .contectbox .pair[data-v-01ed1cd1]{margin-bottom:15px}.course-List .card .card-content .contectbox .pair .left[data-v-01ed1cd1]{font-size:14px;color:#333;line-height:1;padding-right:5px;margin-right:5px}.course-List .card .card-content .contectbox .pair .right[data-v-01ed1cd1]{font-size:14px;font-weight:700;color:red;line-height:1;padding-right:5px;margin-right:5px}.course-List .card .card-content .contectbox .subpair[data-v-01ed1cd1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:13px 0;border-top:2px dashed #f5f5f5;width:100%}.course-List .card .card-content .contectbox .subpair .left[data-v-01ed1cd1]{display:-webkit-box;display:-ms-flexbox;display:flex;width:68%}.course-List .card .card-content .contectbox .subpair .left img[data-v-01ed1cd1]{display:block;width:14px;height:14px;border-radius:50%;margin-right:5px}.course-List .card .card-content .contectbox .subpair .left span[data-v-01ed1cd1]{font-size:14px;color:#333;line-height:1;padding-right:5px;margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-List .card .card-content .contectbox .subpair .right[data-v-01ed1cd1]{font-size:14px;color:#333;line-height:1;padding-right:5px;margin-right:5px}