.course-resource .course-resource-detail[data-v-76dc6498]{height:806px;background:#fff;border-radius:2px;padding:20px 20px;margin-top:15px}.course-resource .course-resource-detail .tab-ul[data-v-76dc6498]{overflow:hidden}.course-resource .course-resource-detail .tab-ul .item[data-v-76dc6498]{float:left;height:40px;line-height:40px;margin-left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;font-size:16px;color:#24304d;opacity:.8}.course-resource .course-resource-detail .tab-ul .item[data-v-76dc6498]:first-child{margin-left:0}.course-resource .course-resource-detail .tab-ul .item .circle[data-v-76dc6498]{width:4px;height:4px;background:#24304d;opacity:.3;border-radius:50%}.course-resource .course-resource-detail .tab-ul .actived[data-v-76dc6498]{color:#3f5ef2}.course-resource .course-resource-detail .ul[data-v-76dc6498]{overflow:hidden}.course-resource .course-resource-detail .ul .li[data-v-76dc6498]{height:120px;background:#f1f2f6;padding:16px 20px;margin-top:20px;position:relative}.course-resource .course-resource-detail .ul .li .corner-mark[data-v-76dc6498]{position:absolute;top:16px;left:20px;width:32px;height:14px;font-size:10px;line-height:14px;border-radius:0 0 4px 0;color:#fff;text-align:center}.course-resource .course-resource-detail .ul .li .one[data-v-76dc6498]{background-color:#f6cc6a}.course-resource .course-resource-detail .ul .li .two[data-v-76dc6498]{background-color:#d5d5d5}.course-resource .course-resource-detail .ul .li .three[data-v-76dc6498]{background-color:#c7986c}.course-resource .course-resource-detail .ul .li .box-left[data-v-76dc6498]{width:96px;height:88px;background:#fff;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course-resource .course-resource-detail .ul .li .box-right[data-v-76dc6498]{float:left;height:88px;width:calc(100% - 120px);margin-left:15px}.course-resource .course-resource-detail .ul .li .box-right .box-right-title[data-v-76dc6498]{height:20px}.course-resource .course-resource-detail .ul .li .box-right .box-right-title .left[data-v-76dc6498]{float:left}.course-resource .course-resource-detail .ul .li .box-right .box-right-title .right[data-v-76dc6498]{float:right}.course-resource .course-resource-detail .ul .li .box-right .box-right-middle[data-v-76dc6498]{height:40px;padding-top:3px}.course-resource .course-resource-detail .ul .li .box-right .box-right-middle .tag-type[data-v-76dc6498]{float:left;height:26px;line-height:25px}.course-resource .course-resource-detail .ul .li .box-right .box-right-middle .introduce[data-v-76dc6498]{float:left;line-height:26px;padding-left:8px}.course-resource .course-resource-detail .ul .li .box-right .box-right-bottom[data-v-76dc6498]{height:28px;padding-top:3px}.course-resource .course-resource-detail .ul .li .box-right .box-right-bottom .photo[data-v-76dc6498]{width:24px;height:24px;border-radius:50%;float:left}.course-resource .course-resource-detail .ul .li .box-right .box-right-bottom .font-dark-14[data-v-76dc6498]{line-height:24px;padding-left:10px}.course-resource .course-resource-detail .ul .li .box-right .box-right-bottom .hits[data-v-76dc6498]{float:right}