.course-container[data-v-5ae7d78a]{max-width:1200px;width:100%;margin:0 auto;padding:20px}.course-container .category-container[data-v-5ae7d78a]{background-color:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.05);box-shadow:0 1px 4px rgba(0,0,0,.05);margin-bottom:15px;padding:15px 20px}.course-container .category-container .category-list[data-v-5ae7d78a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.course-container .category-container .category-list .category-item[data-v-5ae7d78a]{padding:5px 15px;margin-right:10px;cursor:pointer;border-radius:4px;font-size:14px;-webkit-transition:all .3s;transition:all .3s}.course-container .category-container .category-list .category-item.active[data-v-5ae7d78a]{background-color:#409eff;color:#fff}.course-container .category-container .category-list .category-item[data-v-5ae7d78a]:hover:not(.active){background-color:#f0f2f5}.course-container .tab-container[data-v-5ae7d78a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.05);box-shadow:0 1px 4px rgba(0,0,0,.05);margin-bottom:15px;padding:0 20px}.course-container .tab-container .tab-list[data-v-5ae7d78a]{display:-webkit-box;display:-ms-flexbox;display:flex}.course-container .tab-container .tab-list .tab-item[data-v-5ae7d78a]{padding:15px;cursor:pointer;font-size:14px;position:relative;color:#666}.course-container .tab-container .tab-list .tab-item.active[data-v-5ae7d78a]{color:#409eff}.course-container .tab-container .tab-list .tab-item.active[data-v-5ae7d78a]:after{content:"";position:absolute;bottom:0;left:15px;right:15px;height:2px;background-color:#409eff}.course-container .tab-container .tab-list .tab-item[data-v-5ae7d78a]:hover:not(.active){color:#409eff}.course-container .tab-container .sort-options[data-v-5ae7d78a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-container .tab-container .sort-options .sort-item[data-v-5ae7d78a]{padding:15px;cursor:pointer;font-size:14px;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-container .tab-container .sort-options .sort-item i[data-v-5ae7d78a]{margin-right:5px}.course-container .tab-container .sort-options .sort-item.active[data-v-5ae7d78a]{color:#409eff}.course-container .tab-container .sort-options .sort-item[data-v-5ae7d78a]:hover:not(.active){color:#409eff}.course-container .article-list[data-v-5ae7d78a]{background-color:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.05);box-shadow:0 1px 4px rgba(0,0,0,.05);overflow:hidden;width:100%}.course-container .article-list .article-item[data-v-5ae7d78a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s;width:100%}.course-container .article-list .article-item[data-v-5ae7d78a]:last-child{border-bottom:none}.course-container .article-list .article-item[data-v-5ae7d78a]:hover{background-color:#f9f9f9}.course-container .article-list .article-item .article-title[data-v-5ae7d78a]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-container .article-list .article-item .article-date[data-v-5ae7d78a]{color:#999;font-size:14px;margin-left:20px}.course-container .course-list[data-v-5ae7d78a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:20px;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.05);box-shadow:0 1px 4px rgba(0,0,0,.05)}.course-container .course-list .course-item[data-v-5ae7d78a]{width:calc(25% - 15px);margin-right:20px;margin-bottom:20px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border:1px solid #ebeef5;border-radius:4px;overflow:hidden}.course-container .course-list .course-item[data-v-5ae7d78a]:nth-child(4n){margin-right:0}.course-container .course-list .course-item[data-v-5ae7d78a]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.course-container .course-list .course-item:hover .course-title[data-v-5ae7d78a]{color:#409eff}.course-container .course-list .course-item .course-image[data-v-5ae7d78a]{width:100%;height:150px;overflow:hidden}.course-container .course-list .course-item .course-image img[data-v-5ae7d78a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.course-container .course-list .course-item .course-image:hover img[data-v-5ae7d78a]{-webkit-transform:scale(1.05);transform:scale(1.05)}.course-container .course-list .course-item .course-info[data-v-5ae7d78a]{padding:12px;background-color:#fafafa;border-top:1px solid #f0f0f0}.course-container .course-list .course-item .course-info .course-title[data-v-5ae7d78a]{font-size:14px;color:#333;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:color .3s;transition:color .3s;font-weight:500}.course-container .course-list .course-item .course-info .course-stats[data-v-5ae7d78a]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;color:#999;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.course-container .course-list .course-item .course-info .course-stats .views[data-v-5ae7d78a]{margin-right:15px}.course-container .course-list .course-item .course-info .course-stats .views i[data-v-5ae7d78a]{margin-right:3px}.course-container .course-list .course-item .course-info .course-stats .date i[data-v-5ae7d78a]{margin-right:3px}.course-container .pagination-container[data-v-5ae7d78a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px;padding-bottom:30px}@media screen and (min-width:1201px){.course-container[data-v-5ae7d78a]{width:1200px}}@media screen and (max-width:992px){.course-container .course-list .course-item[data-v-5ae7d78a]{width:calc(33.33% - 14px)}.course-container .course-list .course-item[data-v-5ae7d78a]:nth-child(4n){margin-right:20px}.course-container .course-list .course-item[data-v-5ae7d78a]:nth-child(3n){margin-right:0}.course-container .tab-container[data-v-5ae7d78a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-container .tab-container .sort-options[data-v-5ae7d78a]{padding-bottom:10px}}@media screen and (max-width:768px){.course-container .course-list .course-item[data-v-5ae7d78a]{width:calc(50% - 10px)}.course-container .course-list .course-item[data-v-5ae7d78a]:nth-child(3n){margin-right:20px}.course-container .course-list .course-item[data-v-5ae7d78a]:nth-child(2n){margin-right:0}}@media screen and (max-width:480px){.course-container .course-list .course-item[data-v-5ae7d78a]{width:100%;margin-right:0}.course-container .tab-container .sort-options[data-v-5ae7d78a],.course-container .tab-container .tab-list[data-v-5ae7d78a]{-ms-flex-wrap:wrap;flex-wrap:wrap}}