.margin-auto{margin:0 auto}.content-item{float:left;margin-bottom:20px;cursor:pointer;background-color:#fff}.content-item .cover{position:relative;background:#fff none no-repeat 50%;background-size:cover}.content-item .cover .cover-box{position:relative;width:100%;height:100%;border-radius:4px;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s}.content-item .cover .img-loading{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px;color:#aaa}.content-item .cover .cover-box:hover{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;transform:translateY(-8px);-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-o-transform:translateY(-8px);-ms-transform:translateY(-8px);box-shadow:0 4px 12px 0 rgba(0,0,0,.32)}.content-item .cover .study-status{position:absolute;left:0;right:0;bottom:0;height:24px;background:rgba(0,0,0,.4);color:#fff;text-align:center}.content-item .bottom{height:64px;padding-top:8px}.content-item .title{line-height:22px;font-size:14px;color:#333;margin-bottom:5px}.content-item .info{position:relative;padding:0 0 0 20px;overflow:hidden}.content-item .info .head-portrait{position:static;-webkit-transform:none;-ms-transform:none;transform:none}.content-item .info .head-portrait,.content-item .info .portrait{float:left;width:20px;height:20px;border-radius:50%;margin:0 0 0 -20px}.content-item .info .text{float:left;font-size:12px;color:#999;line-height:18px;margin-left:8px}.content-item .info .right{position:absolute;top:0;right:0}.content-item .info .info-count{display:inline-block}.content-item .info .info-count .count-icon{display:inline-block;height:100%;margin-top:-1px;padding:0 5px;font-size:16px;vertical-align:middle}.content-item .info .btn-collect,.content-item .info .info-count .num{display:inline-block;vertical-align:middle}.content-item .info .btn-collect{height:100%;padding:0 5px;margin:0 5px;font-size:16px;cursor:pointer}.content-item .info .el-icon-star-on{width:16px;font-size:18px;color:#ffc121}.content-item.col-4:nth-child(4n),.content-items.col-4 .content-item:nth-child(4n){margin-right:0}.content-item.col-5:nth-child(5n),.content-items.col-5 .content-item:nth-child(5n){margin-right:0}.app-pagination{text-align:right}.app-pagination.app-width{margin-bottom:40px}.app-pagination .el-pagination{position:relative;display:inline-block;padding:0}.app-pagination .el-pagination .el-pager li:not(.disabled).active{background-color:#2371ff;color:#fff}.app-pagination .el-pagination button:not(:disabled):hover{color:#333}.app-pagination .el-pagination span:not([class*=suffix]){min-width:auto;height:28px;line-height:28px}.app-pagination .btn-first,.app-pagination .btn-last,.app-pagination .btn-next,.app-pagination .btn-prev,.app-pagination .custom-jumper,.app-pagination .el-pager li,.app-pagination .total-text{display:inline-block;min-width:28px;height:28px;margin:0 8px;padding:0 10px;line-height:28px;background-color:#fff;border:1px solid #eee;border-radius:3px;font-weight:400;color:#818284;vertical-align:middle}.app-pagination .el-pager li{padding:0 5px}.app-pagination .el-pager li.more{margin:0 7px}.app-pagination .total-text{margin:0;padding:0;border:none;background:none}.app-pagination .btn-first{margin-left:23px}.app-pagination .btn-first:disabled,.app-pagination .btn-last:disabled{color:#aaa}.app-pagination .custom-jumper{margin:0 0 0 32px;padding:0;border:none;background:none}.app-pagination .custom-jumper .num{display:inline-block;width:54px;height:100%;padding:0 6px;margin:0 10px;border:1px solid #eee;border-radius:3px;font-size:14px;color:#333;text-align:center;background:#fff}.app-pagination .custom-jumper .num:focus{border-color:#6082e4}.app-pagination.simple-pagination .btn-next,.app-pagination.simple-pagination .btn-prev,.app-pagination.simple-pagination .el-pager li{background-color:#edeff4;border:none}.app-pagination.simple-pagination .btn-next,.app-pagination.simple-pagination .btn-prev{margin:0 4px;background:none}.app-pagination.simple-pagination .btn-next .el-icon,.app-pagination.simple-pagination .btn-prev .el-icon{font-size:14px}.all-course-wrap[data-v-756c7f8a]{position:relative}.all-course-wrap .top-wrap[data-v-756c7f8a]{padding-top:20px;padding-bottom:20px;background:#fff;border-bottom:1px solid #f0f0f0}.all-course-wrap .top-wrap .header .course-category-wrap[data-v-756c7f8a]{position:relative}.all-course-wrap .top-wrap .header .course-category-wrap .drop-up-down[data-v-756c7f8a]{position:absolute;right:0;top:5px;cursor:pointer}.all-course-wrap .top-wrap .header .course-category-wrap .course-category-arrow[data-v-756c7f8a]{margin-left:10px}.all-course-wrap .top-wrap .header .course-category-wrap .max-height[data-v-756c7f8a]{max-height:34px;overflow:hidden}.all-course-wrap .top-wrap .header .course-category-wrap .coursecategory[data-v-756c7f8a]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.all-course-wrap .top-wrap .header .course-category-wrap .course-category-item[data-v-756c7f8a]{color:#333;margin-right:48px;line-height:34px;cursor:pointer;display:inline-block}.all-course-wrap .top-wrap .header .course-category-wrap .course-category-item.active[data-v-756c7f8a]{color:#6082e4;font-weight:700}.all-course-wrap .content-wrap[data-v-756c7f8a]{padding-top:20px;min-height:calc(100vh - 298px)}.all-course-wrap .content-wrap .nav-wrap[data-v-756c7f8a]{background:#fff;box-shadow:0 3px 10px 0 rgba(50,94,158,.26);padding:11px 0 28px 0;color:#333;position:relative;display:inline-block;vertical-align:top}.all-course-wrap .content-wrap .nav-wrap .first-nav[data-v-756c7f8a]{width:100%;line-height:36px;position:relative;margin-bottom:4px;cursor:pointer}.all-course-wrap .content-wrap .nav-wrap .first-nav .first-coloumn-name[data-v-756c7f8a]{margin-left:20px;display:inline-block;width:100%;height:100%;padding-right:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all-course-wrap .content-wrap .nav-wrap .first-nav .arrow[data-v-756c7f8a]{position:absolute;right:12px;top:50%;font-size:14px;font-weight:700;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.all-course-wrap .content-wrap .nav-wrap .first-nav .first-nav-active[data-v-756c7f8a]:after{content:"";width:0;height:14px;border-right:2px solid #6082e4;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.all-course-wrap .content-wrap .nav-wrap .first-nav .first-nav-active[data-v-756c7f8a]{background:#f4f5f8;color:#6082e4;font-weight:700}.all-course-wrap .content-wrap .nav-wrap .first-nav .relative[data-v-756c7f8a]{position:relative}.all-course-wrap .content-wrap .nav-wrap .first-nav .relative[data-v-756c7f8a]:hover{background:#f4f5f8;color:#6082e4;font-weight:700}.all-course-wrap .content-wrap .nav-wrap .second-nav[data-v-756c7f8a]{width:100%;line-height:36px;height:36px;position:relative}.all-course-wrap .content-wrap .nav-wrap .second-nav[data-v-756c7f8a]:hover{background:#f4f5f8;color:#6082e4;font-weight:700}.all-course-wrap .content-wrap .nav-wrap .second-nav:hover .dot[data-v-756c7f8a]{background:#6082e4}.all-course-wrap .content-wrap .nav-wrap .second-nav .dot[data-v-756c7f8a]{position:absolute;left:35px;width:3px;height:3px;background:#333;border-radius:50%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.all-course-wrap .content-wrap .nav-wrap .second-nav .second-nav-coloumn[data-v-756c7f8a]{padding-left:45px}.all-course-wrap .content-wrap .nav-wrap .second-nav .second-nav-coloumn .second-coloumn-name[data-v-756c7f8a]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;width:100%;height:100%;padding-left:5px;padding-right:10px}.all-course-wrap .content-wrap .nav-wrap .second-nav .second-nav-coloumn.active[data-v-756c7f8a]{background:#f4f5f8;color:#6082e4;font-weight:700}.all-course-wrap .content-wrap .nav-wrap .second-nav .second-nav-coloumn.active .dot[data-v-756c7f8a]{background:#6082e4}.all-course-wrap .content-wrap .nav-wrap .second-nav .third-nav-wrap[data-v-756c7f8a]{position:relative;display:none;left:100%;top:-36px;background:rgba(0,0,0,0);min-height:76px}.all-course-wrap .content-wrap .nav-wrap .second-nav .third-nav-wrap .third-nav[data-v-756c7f8a]{position:absolute;z-index:1;line-height:36px;margin-left:20px;white-space:nowrap;background:#fff;color:#333;box-shadow:0 3px 10px 0 rgba(50,94,158,.26)}.all-course-wrap .content-wrap .nav-wrap .second-nav .third-nav-wrap .third-nav .left-arrow[data-v-756c7f8a]{position:absolute;top:15px;left:-5px;width:15px;height:15px;background:#fff;border:1px solid rgba(0,0,0,0);box-shadow:0 3px 10px 0 rgba(50,94,158,.26);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.all-course-wrap .content-wrap .nav-wrap .second-nav .third-nav-wrap .third-nav .left-arrow-overlay[data-v-756c7f8a]{position:absolute;top:0;left:0;width:15px;height:36px;background:#fff}.all-course-wrap .content-wrap .nav-wrap .second-nav .third-nav-wrap .third-nav .third-nav-item-Wrap[data-v-756c7f8a]{padding:10px 20px;max-height:485px;overflow-y:auto}.all-course-wrap .content-wrap .nav-wrap .second-nav .third-nav-wrap .third-nav .third-nav-item[data-v-756c7f8a]:hover{color:#6082e4;font-weight:700}.all-course-wrap .content-wrap .nav-wrap .second-nav .third-nav-wrap .third-nav .third-nav-item.active[data-v-756c7f8a]{color:#6082e4;font-weight:700}.all-course-wrap .content-wrap .nav-wrap .second-nav:hover .third-nav-wrap[data-v-756c7f8a]{display:block}.all-course-wrap .content-wrap .course-content[data-v-756c7f8a]{display:inline-block}.all-course-wrap .content-wrap .course-content .sort-wrap[data-v-756c7f8a]{padding-top:3px;padding-bottom:27px;color:#333;text-align:right;-webkit-user-select:none;-ms-user-select:none;user-select:none}.all-course-wrap .content-wrap .course-content .sort-wrap .sort-icon[data-v-756c7f8a]{display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-ms-flex-direction:column;flex-direction:column}.all-course-wrap .content-wrap .course-content .sort-wrap .sort-icon i[data-v-756c7f8a]{font-size:10px;line-height:5px}.all-course-wrap .content-wrap .course-content .sort-wrap .active[data-v-756c7f8a]{color:#2371ff}.all-course-wrap .content-wrap .course-content .sort-wrap .active.desc .el-icon-caret-top[data-v-756c7f8a]{color:#333}.all-course-wrap .content-wrap .course-content .sort-wrap .active.asc .el-icon-caret-bottom[data-v-756c7f8a]{color:#333}.all-course-wrap .content-wrap .course-content .sort-wrap .sort-item[data-v-756c7f8a]{cursor:pointer;margin-left:30px}.all-course-wrap .no-data[data-v-756c7f8a]{width:257px;height:258px;background:url(/image/no-data.png) no-repeat;background-size:100%;margin:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.all-course-wrap[data-v-756c7f8a] ::-webkit-scrollbar{width:5px;height:5px}.all-course-wrap[data-v-756c7f8a] ::-webkit-scrollbar-track{border-radius:50%}.all-course-wrap[data-v-756c7f8a] ::-webkit-scrollbar-thumb{background:#ddd;border-radius:5px}