.online-study[data-v-7fe2d944]{width:100%;background-color:#f0f0f0}.online-study .study-head[data-v-7fe2d944]{width:100%;background-color:#fff}.online-study .study-head .catalogue .title-box[data-v-7fe2d944]{display:flex;justify-content:space-between;margin-top:2rem}.online-study .study-head .catalogue .title-box .title[data-v-7fe2d944]{padding:1rem 0;font-weight:700}.online-study .study-head .catalogue .title-box .search[data-v-7fe2d944]{width:30rem;display:flex;justify-content:center}.online-study .study-head .catalogue .title-box .search .search-input[data-v-7fe2d944]{width:100%;margin-right:8px}.online-study .study-head .catalogue .main[data-v-7fe2d944]{padding-bottom:1rem}.online-study .study-head .catalogue .main .content[data-v-7fe2d944]{display:flex;align-items:center}.online-study .study-head .catalogue .main .content .catalogue-title[data-v-7fe2d944]{margin-right:1rem}.online-study .study-head .catalogue[data-v-7fe2d944] .el-radio-button{margin:1rem}.online-study .study-head .catalogue[data-v-7fe2d944] .el-radio-button__inner{border:1px solid #e0e0e0;border-radius:4px}.online-study .study-head .catalogue[data-v-7fe2d944] .el-radio-button__orig-radio:checked+.el-radio-button__inner{box-shadow:none}.online-study .study-main[data-v-7fe2d944]{display:flex;margin-top:2rem}.online-study .study-main .left[data-v-7fe2d944]{width:20%;margin-right:2rem;margin-bottom:2rem;border:1px solid #e0e0e0;background:#fff}.online-study .study-main .left .left-title[data-v-7fe2d944]{padding:1rem;text-align:center;background-color:rgba(var(--themecolor),.75);color:#fff}.online-study .study-main .left .full-path[data-v-7fe2d944]{padding:.5rem 1rem;font-size:14px;color:rgba(var(--themecolor),1);cursor:pointer;background-color:#f0f0f0;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-study .study-main .left .full-path:hover .close-mask[data-v-7fe2d944]{opacity:1}.online-study .study-main .left .full-path .close-mask[data-v-7fe2d944]{opacity:0;text-align:center;line-height:2;color:#fff;font-size:15px;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);transition:opacity .3s linear}.online-study .study-main .left .left-content[data-v-7fe2d944]{max-height:46.5rem;padding-top:1rem;overflow:auto}.online-study .study-main .left .left-content[data-v-7fe2d944] .el-tree{overflow:auto}.online-study .study-main .left .left-content[data-v-7fe2d944] .el-tree-node__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.online-study .study-main .left .left-content[data-v-7fe2d944] .el-tree-node__label:hover{color:rgba(var(--themecolor),1)}.online-study .study-main .right[data-v-7fe2d944]{width:calc(80% - 2rem);background-color:#fafafa;margin-bottom:2rem;position:relative}.online-study .study-main .right .right-sort[data-v-7fe2d944]{padding:2rem}.online-study .study-main .right .right-sort .grade[data-v-7fe2d944]{display:flex;align-items:center}.online-study .study-main .right .right-sort .grade .grade-title[data-v-7fe2d944]{font-size:18px;color:#3e4145;margin-right:2rem}.online-study .study-main .right .right-sort .grade .grade-box[data-v-7fe2d944]{display:flex}.online-study .study-main .right .right-sort .grade .grade-box .grade-item[data-v-7fe2d944]{font-size:16px;border:1px solid #e0e0e0;border-radius:3px;padding:.5rem 1.2rem;margin-right:1rem;cursor:pointer;transition:color .3s linear}.online-study .study-main .right .right-sort .grade .grade-box .grade-item[data-v-7fe2d944]:hover{color:rgba(var(--themecolor),1)}.online-study .study-main .right .right-sort .grade .grade-box .selected[data-v-7fe2d944]{background-color:rgba(var(--themecolor),.75);color:#fff;border:1px solid rgba(var(--themecolor),.75)}.online-study .study-main .right .right-sort .grade .grade-box .selected[data-v-7fe2d944]:hover{color:#fff}.online-study .study-main .right .right-list[data-v-7fe2d944]{margin-bottom:4rem}.online-study .study-main .right .right-list .list-box[data-v-7fe2d944]{display:flex;flex-wrap:wrap}.online-study .study-main .right .right-list .list-item[data-v-7fe2d944]{width:25%;text-align:center;margin:1rem 0}.online-study .study-main .right .right-list .list-item .item[data-v-7fe2d944]{width:12rem;margin:0 auto;text-align:center}.online-study .study-main .right .right-list .list-item .item .item-name[data-v-7fe2d944]{padding:.2rem 0;color:#3e4145;font-size:16px}.online-study .study-main .right .right-list .list-item .item .item-img[data-v-7fe2d944]{width:100%;height:8rem;position:relative;cursor:pointer;border-radius:5px;box-shadow:0 4px 8px 0 rgba(87,113,173,.2)}.online-study .study-main .right .right-list .list-item .item .item-img .cover-img[data-v-7fe2d944]{width:100%;height:100%;vertical-align:top;border-radius:5px}.online-study .study-main .right .right-list .list-item .item .item-img .item-mask[data-v-7fe2d944]{opacity:0;transition:all .15s linear;position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.29);z-index:8}.online-study .study-main .right .right-list .list-item .item .item-img .item-mask .play[data-v-7fe2d944]{width:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.online-study .study-main .right .right-list .list-item .item .item-img:hover .item-mask[data-v-7fe2d944]{opacity:1;border-radius:5px}.online-study .study-main .right .right-list .list-item .item .item-describe[data-v-7fe2d944]{padding:.5rem .5rem 0;font-size:14px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.online-study .study-main .right .right-list .list-item .item:hover .item-describe[data-v-7fe2d944]{color:rgba(var(--themecolor),1)}.online-study .study-main .right .no-more[data-v-7fe2d944]{padding:10rem 5rem;color:#3686e2;font-size:18px;text-align:center}.online-study .study-main .right .pagination[data-v-7fe2d944]{text-align:center;position:absolute;bottom:1rem;left:50%;transform:translateX(-50%)}.online-study .el-input__inner:focus{border-color:rgba(var(--themecolor),.75)}.online-study .el-radio-button__orig-radio:checked+.el-radio-button__inner{background-color:rgba(var(--themecolor),.75)}.online-study .el-radio-button__inner:hover{color:rgba(var(--themecolor),1)}.online-study .el-button--primary,.online-study .el-button--primary:focus{background:rgba(var(--themecolor),.75);border-color:rgba(var(--themecolor),.75)}.online-study .el-button--primary:hover{background:rgba(var(--themecolor),1);border-color:rgba(var(--themecolor),1)}.online-study .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:rgba(var(--themecolor),.75)}.online-study .el-pagination.is-background .el-pager li:not(.disabled):hover{color:rgba(var(--themecolor),.75);background-color:rgba(var(--themecolor),.2)}.online-study .el-pagination.is-background .el-pager li:not(.disabled).active:hover{color:#fff;background-color:rgba(var(--themecolor),.75)}.online-study .el-pagination.is-background .btn-next:hover,.online-study .el-pagination.is-background .btn-prev:hover,.online-study .el-pagination.is-background .el-pager li:hover{background-color:rgba(var(--themecolor),.2)}