.flex-center[data-v-6e9e2f50]{display:flex;align-items:center;justify-content:center}.flex-between[data-v-6e9e2f50]{display:flex;align-items:center;justify-content:space-between}.flex-center-start[data-v-6e9e2f50]{display:flex;align-items:center;justify-content:flex-start}.flex-top-start[data-v-6e9e2f50]{align-items:flex-start;justify-content:flex-start}.flex-center-end[data-v-6e9e2f50]{display:flex;align-items:center;justify-content:flex-end}.flex-start-between[data-v-6e9e2f50]{display:flex;align-items:flex-start;justify-content:space-between}.flex-start-center[data-v-6e9e2f50]{display:flex;align-items:flex-start;justify-content:center}.flex-center-column[data-v-6e9e2f50]{display:flex;align-items:center;flex-direction:column;justify-content:center}.flex-start-column[data-v-6e9e2f50]{display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.flex-top-start[data-v-6e9e2f50]{display:flex}.flex-1[data-v-6e9e2f50]{flex:1}.mb20[data-v-6e9e2f50]{margin-bottom:20px!important}.mt20[data-v-6e9e2f50]{margin-top:20px!important}.mt10[data-v-6e9e2f50]{margin-top:10px!important}.ml20[data-v-6e9e2f50]{margin-left:20px!important}.mb16[data-v-6e9e2f50]{margin-bottom:16px!important}.red[data-v-6e9e2f50]{color:#cd3333}.green[data-v-6e9e2f50]{color:#3cb371}.relative[data-v-6e9e2f50]{position:relative}.absulote-center-right[data-v-6e9e2f50]{position:absolute;top:50%;right:0;transform:translateY(-50%)}.absulote-center-left[data-v-6e9e2f50]{position:absolute;top:50%;left:0;transform:translate(-50%)}.h3[data-v-6e9e2f50]{height:34px;line-height:22px;font-size:14px;padding-bottom:12px;border-bottom:1px solid #f1f1f1;color:#666;font-weight:700}.h5[data-v-6e9e2f50]{margin:24px 0 24px 6px;padding-left:6px;height:22px;line-height:22px;font-size:14px;position:relative;display:block}.h5[data-v-6e9e2f50]:before{content:"";display:block;width:2px;height:12px;background:#2787fe;position:absolute;top:50%;left:0;transform:translateY(-50%)}.search-container[data-v-6e9e2f50]{padding:20px 16px;background-color:#fff;padding-bottom:0}.el-button--primary.is-plain[data-v-6e9e2f50]{background:#fff;border:1px solid #1890ff;color:#1890ff}.el-button--primary.is-plain[data-v-6e9e2f50]:hover{border-color:#c6e2ff;background-color:#ecf5ff}.right-part-list[data-v-6e9e2f50]{margin-left:20px;height:100%;overflow:auto}.list-container[data-v-6e9e2f50]{padding:16px;background:#fff}.list-container .line[data-v-6e9e2f50]{width:100%;height:1px;background-color:#dcdfe6;margin-top:10px;margin-bottom:20px}.search-container[data-v-6e9e2f50]{display:flex;justify-content:space-between;border-bottom:12px solid #f2f2f6;padding-bottom:20px}.search-container .name-input[data-v-6e9e2f50]{width:200px;margin-right:12px;margin-bottom:20px}.name-input[data-v-6e9e2f50]{margin-bottom:20px}.home-container[data-v-6e9e2f50]{flex:1;background:#fff;padding:0 32px 32px;overflow:auto}.home-container .home-title[data-v-6e9e2f50]{font-weight:500;color:#000;margin-top:8px;margin-left:14px;margin-bottom:16px;font-size:16px}.right-content[data-v-6e9e2f50]{width:calc(100vw - 248px)}.xgplayer[data-v-6e9e2f50]{width:auto!important;height:562px!important}.lock-chapter-view[data-v-6e9e2f50]{position:relative;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:150;left:0;bottom:100%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;line-height:24px}.lock-chapter-view p[data-v-6e9e2f50]{margin-bottom:10px}.lock-chapter-view .test-btn[data-v-6e9e2f50]{background:rgba(51,51,51,.1);border-radius:1px;border:1px solid #fff;color:#fff;width:110px;height:40px;padding:9px 24px;font-size:16px}.lock-chapter-view .test-btn1[data-v-6e9e2f50]{width:144px;height:40px;background:#1890ff;color:#fff;padding:9px 24px;border:1px solid #1890ff;font-size:16px}#newlock[data-v-6e9e2f50]{position:absolute;top:0}.fullscreenview[data-v-6e9e2f50]{position:fixed;width:100%;height:100%;left:0;top:0;z-index:9999}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-center-start{display:flex;align-items:center;justify-content:flex-start}.flex-top-start{align-items:flex-start;justify-content:flex-start}.flex-center-end{display:flex;align-items:center;justify-content:flex-end}.flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}.flex-start-center{display:flex;align-items:flex-start;justify-content:center}.flex-center-column{justify-content:center}.flex-center-column,.flex-start-column{display:flex;align-items:center;flex-direction:column}.flex-start-column{justify-content:flex-start}.flex-top-start{display:flex}.flex-1{flex:1}.mb20{margin-bottom:20px!important}.mt20{margin-top:20px!important}.mt10{margin-top:10px!important}.ml20{margin-left:20px!important}.mb16{margin-bottom:16px!important}.red{color:#cd3333}.green{color:#3cb371}.relative{position:relative}.absulote-center-right{position:absolute;top:50%;right:0;transform:translateY(-50%)}.absulote-center-left{position:absolute;top:50%;left:0;transform:translate(-50%)}.h3{height:34px;padding-bottom:12px;border-bottom:1px solid #f1f1f1;color:#666;font-weight:700}.h3,.h5{line-height:22px;font-size:14px}.h5{margin:24px 0 24px 6px;padding-left:6px;height:22px;position:relative;display:block}.h5:before{content:"";display:block;width:2px;height:12px;background:#2787fe;position:absolute;top:50%;left:0;transform:translateY(-50%)}.search-container{padding:20px 16px;background-color:#fff;padding-bottom:0}.el-button--primary.is-plain{background:#fff;border:1px solid #1890ff;color:#1890ff}.el-button--primary.is-plain:hover{border-color:#c6e2ff;background-color:#ecf5ff}.right-part-list{margin-left:20px;height:100%;overflow:auto}.list-container{padding:16px;background:#fff}.list-container .line{width:100%;height:1px;background-color:#dcdfe6;margin-top:10px;margin-bottom:20px}.search-container{display:flex;justify-content:space-between;border-bottom:12px solid #f2f2f6;padding-bottom:20px}.search-container .name-input{width:200px;margin-right:12px;margin-bottom:20px}.name-input{margin-bottom:20px}.home-container{flex:1;background:#fff;padding:0 32px 32px;overflow:auto}.home-container .home-title{font-weight:500;color:#000;margin-top:8px;margin-left:14px;margin-bottom:16px;font-size:16px}.right-content{width:calc(100vw - 248px)}.collegeTop{height:100%;width:100%;overflow-y:auto;background-color:#f5f6f7}.collegeTop .myBreadcrumb{width:calc(100% - 24px);height:40px;font-size:14px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#333;line-height:40px;padding-left:24px}.collegeTop .college{padding:24px 80px 40px;width:calc(100% - 160px);margin:0 auto}.collegeTop .college .videoHeard{width:100%;display:flex;justify-content:space-between}.collegeTop .college .videoHeard .videoTitle{width:auto;font-size:24px;font-family:Microsoft YaHei-Bold,Microsoft YaHei;font-weight:700;color:#fff;line-height:32px}.collegeTop .college .videoHeard .videoRemake{width:auto;font-size:12px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#999;line-height:32px}.collegeTop .college .videoHeard .videoRemake .ml24{margin-left:24px}.collegeTop .college .videoBox{width:100%;height:calc(100% - 100px);display:flex;padding-top:16px}.collegeTop .college .videoBox .videoPlay{flex:1;width:auto!important;height:562px!important}.collegeTop .college .videoBox .videoChapterList{width:354px;height:562px}.collegeTop .college .videoBox .videoChapterList .chapterListHead{width:100%;height:48px;display:flex;font-size:16px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#999;line-height:48px}.collegeTop .college .videoBox .videoChapterList .chapterListHead div{width:50%;text-align:center;cursor:pointer}.collegeTop .college .videoBox .videoChapterList .chapterListHead div .checked{border-bottom:2px solid #1890ff;padding-bottom:12px;font-weight:600;font-family:Microsoft YaHei-Semibold,Microsoft YaHei;color:#fff}.collegeTop .college .videoBox .videoChapterList .chapterList{width:100%;height:396px;margin-top:4px;font-size:16px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#999;line-height:24px}.collegeTop .college .videoBox .videoChapterList .chapterList .listNoChecked{width:100%;height:66px;background:#2d2d2d;cursor:pointer}.collegeTop .college .videoBox .videoChapterList .chapterList .listChecked{width:100%;height:66px;background:#1e1e1e;color:#1890ff;cursor:pointer}.collegeTop .college .videoBox .videoChapterList .chapterList .noClick{width:100%;height:66px;background:#2d2d2d}.collegeTop .college .videoBox .videoChapterList .chapterList .introduction{height:376px;overflow-y:auto;padding:20px 24px 0 24px}.collegeTop .college .videoBox .videoChapterList .chapterList .unchanged{padding-left:52px;font-size:12px;line-height:18px;color:#999}.collegeTop .college .videoBox .videoChapterList .chapterList .unchanged .mr16{margin-right:16px}.collegeTop .college .videoBox .videoChapterList .chapterList .changeText{display:flex;padding:8px 24px;font-size:16px}.collegeTop .college .videoBox .videoChapterList .chapterList .changeText .videoIcon{width:16px;height:12px;margin-top:6px;margin-right:12px}.collegeTop .college .videoBox .videoChapterList .chapterList .changeText .lockIcon{width:16px;height:16px;margin-left:8px;margin-top:4px}.collegeTop .college .videoBox .videoChapterList .chapterList .changeText .changeTextContent{color:#999}.collegeTop .college .videoBox .videoChapterList .chapterList .changeText .checkedText{color:#1890ff}.collegeTop .college .videoBox .videoChapterList .chapterList .changeText .noLock{color:#fff}.collegeTop .college .videoBox .videoChapterList .bottomBtn{margin-top:24px;width:100%;height:66px;padding-top:24px;display:flex}.collegeTop .college .videoBox .videoChapterList .bottomBtn .commonBtn{width:150px;height:42px;margin:0 auto;border-radius:2px 2px 2px 2px;font-size:14px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#fff;line-height:42px;text-align:center}.collegeTop .college .videoBox .videoChapterList .bottomBtn .canAdd{background-color:#1890ff;cursor:pointer}.collegeTop .college .videoBox .videoChapterList .bottomBtn .noAdd{color:#333;background-color:#999;cursor:pointer}.collegeTop .college .videoBox .videoChapterList .bottomBtn .compulsory{background:linear-gradient(90deg,#ff512f,#dd2476)}.collegeTop .recommend{padding:28px 80px 80px;width:calc(100% - 160px);height:368px;margin:0 auto}.collegeTop .recommend .recommendTitle{width:100%;height:32px;display:flex;justify-content:space-between}.collegeTop .recommend .recommendTitle .titleName{font-size:16px;font-family:Microsoft YaHei-Semibold,Microsoft YaHei;font-weight:600;color:#000;line-height:32px}.collegeTop .recommend .recommendTitle .titleBtn{width:86px;height:32px;background:#fff;border-radius:2px 2px 2px 2px;opacity:1;border:1px solid #dcdfe6;font-size:14px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#666;line-height:32px;text-align:center;cursor:pointer}.collegeTop .recommend .recommendTitle .titleBtn .el-icon-refresh-right{margin-right:6px}.collegeTop .recommend .recommendListDiv{width:100%;height:224px;margin-top:20px;display:flex}.collegeTop .recommend .recommendListDiv .recommendDiv{height:100%;width:18.5%;margin-right:24px;box-shadow:0 8px 12px 1px rgba(0,0,0,.1)}.collegeTop .recommend .recommendListDiv .recommendDiv .recommendImg{width:100%;height:128px;cursor:pointer}.collegeTop .recommend .recommendListDiv .recommendDiv .recommendText{width:calc(100% - 24px);height:72px;padding:12px}.collegeTop .recommend .recommendListDiv .recommendDiv .recommendText .recommendTextContent{width:100%;height:44px;font-size:14px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#000;line-height:22px;overflow:hidden;text-overflow:ellipsis}.collegeTop .recommend .recommendListDiv .recommendDiv .recommendText .recommendBottom{width:100%;height:18px;margin-top:10px;display:flex;justify-content:flex-end;font-size:12px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#999;line-height:18px}.collegeTop .recommend .recommendListDiv .recommendDiv .recommendText .recommendBottom .mr6{margin-right:6px}.collegeTop .recommend .recommendListDiv .recommendDiv .recommendText .recommendBottom .mt4{margin-top:4px}.collegeTop .recommend .recommendListDiv .recommendDiv .recommendText .recommendBottom .mr16{margin-right:16px}.introduction::-webkit-scrollbar{width:0;height:0}.courseDetail{padding:24px 80px 40px;width:calc(100% - 160px);margin:0 auto}.courseDetail .courseDetail-info{display:flex;padding-top:16px}.courseDetail .cont{flex:1}.courseDetail .cont .player{min-height:562px;position:relative}.courseDetail .cont .player .videoPlay /deep/ .lock-chapter-view{position:absolute!important;top:0!important}.courseDetail .cont .synopsis{display:flex;align-items:center;font-weight:400;font-size:12px;color:#666;gap:20px;padding:12px;background:#fff}.courseDetail .cont .tips{padding:24px 0}.courseDetail .cont .tips .title{font-weight:600;font-size:16px;color:#333}.courseDetail .cont .tips .content{padding-top:12px;font-weight:400;font-size:14px;color:#666;line-height:22px}.courseDetail .menulist{padding-left:24px;width:300px;height:562px;overflow-y:scroll}.courseDetail .menulist-title{font-weight:600;font-size:14px;color:#333;padding-bottom:8px;border-bottom:1px solid #dedede}.courseDetail .item-title{font-weight:600;font-size:13px;color:#333;padding:12px 0}.courseDetail .item,.courseDetail .item-list{margin-bottom:4px}.courseDetail .resource{padding:8px 16px;display:flex;background:#fff;border-radius:4px;border:1px solid #fff;cursor:pointer}.courseDetail .resource .index{font-weight:400;font-size:14px;color:#8f959e;width:15px;text-align:right}.courseDetail .resource .index .icon{position:relative;top:3px}.courseDetail .resource .item-cont{padding-left:8px}.courseDetail .resource .item-cont .title{font-weight:400;font-size:13px;color:#333}.courseDetail .resource .item-cont .tag{padding-top:10px;display:flex;align-items:center}.courseDetail .resource .item-cont .tag i{font-size:10px}.courseDetail .resource .item-cont .tag span{font-weight:400;font-size:12px;color:#8f959e;padding-left:4px}.courseDetail .resource .item-cont .tag .time{padding:0 12px}.courseDetail .resource .item-cont .tag .progress{font-weight:400;font-size:12px;color:#006fff}.courseDetail #active{border:1px solid #006fff;background:#e6f1ff}.courseDetail #active .item-cont .title{color:#006fff}.courseDetail .chapter{padding:8px 16px;display:flex;background:#fff;border-radius:4px;align-items:center}.courseDetail .chapter .tag span{display:inline-block;border-radius:2px;font-weight:400;font-size:10px;padding:2px 8px}.courseDetail .chapter .work span{background:#edd0a3;color:#9e651c}.courseDetail .chapter .test span{background:#c4e7d5;color:#1f8338}.courseDetail .chapter .name{flex:1;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;padding-left:4px;padding-right:10px}.courseDetail .chapter .btn{font-weight:400;font-size:13px;color:#1890ff;cursor:pointer}.content{word-break:break-all}.btns{display:flex;align-items:center;justify-content:space-between}.btns .pagetitle{font-size:28px;font-weight:700}.chaptimg{position:absolute;inset:0;padding:30px 0}.docplay{height:100%}.flex-center[data-v-4169560a]{display:flex;align-items:center;justify-content:center}.flex-between[data-v-4169560a]{display:flex;align-items:center;justify-content:space-between}.flex-center-start[data-v-4169560a]{display:flex;align-items:center;justify-content:flex-start}.flex-top-start[data-v-4169560a]{align-items:flex-start;justify-content:flex-start}.flex-center-end[data-v-4169560a]{display:flex;align-items:center;justify-content:flex-end}.flex-start-between[data-v-4169560a]{display:flex;align-items:flex-start;justify-content:space-between}.flex-start-center[data-v-4169560a]{display:flex;align-items:flex-start;justify-content:center}.flex-center-column[data-v-4169560a]{display:flex;align-items:center;flex-direction:column;justify-content:center}.flex-start-column[data-v-4169560a]{display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.flex-top-start[data-v-4169560a]{display:flex}.flex-1[data-v-4169560a]{flex:1}.mb20[data-v-4169560a]{margin-bottom:20px!important}.mt20[data-v-4169560a]{margin-top:20px!important}.mt10[data-v-4169560a]{margin-top:10px!important}.ml20[data-v-4169560a]{margin-left:20px!important}.mb16[data-v-4169560a]{margin-bottom:16px!important}.red[data-v-4169560a]{color:#cd3333}.green[data-v-4169560a]{color:#3cb371}.relative[data-v-4169560a]{position:relative}.absulote-center-right[data-v-4169560a]{position:absolute;top:50%;right:0;transform:translateY(-50%)}.absulote-center-left[data-v-4169560a]{position:absolute;top:50%;left:0;transform:translate(-50%)}.h3[data-v-4169560a]{height:34px;line-height:22px;font-size:14px;padding-bottom:12px;border-bottom:1px solid #f1f1f1;color:#666;font-weight:700}.h5[data-v-4169560a]{margin:24px 0 24px 6px;padding-left:6px;height:22px;line-height:22px;font-size:14px;position:relative;display:block}.h5[data-v-4169560a]:before{content:"";display:block;width:2px;height:12px;background:#2787fe;position:absolute;top:50%;left:0;transform:translateY(-50%)}.search-container[data-v-4169560a]{padding:20px 16px;background-color:#fff;padding-bottom:0}.el-button--primary.is-plain[data-v-4169560a]{background:#fff;border:1px solid #1890ff;color:#1890ff}.el-button--primary.is-plain[data-v-4169560a]:hover{border-color:#c6e2ff;background-color:#ecf5ff}.right-part-list[data-v-4169560a]{margin-left:20px;height:100%;overflow:auto}.list-container[data-v-4169560a]{padding:16px;background:#fff}.list-container .line[data-v-4169560a]{width:100%;height:1px;background-color:#dcdfe6;margin-top:10px;margin-bottom:20px}.search-container[data-v-4169560a]{display:flex;justify-content:space-between;border-bottom:12px solid #f2f2f6;padding-bottom:20px}.search-container .name-input[data-v-4169560a]{width:200px;margin-right:12px;margin-bottom:20px}.name-input[data-v-4169560a]{margin-bottom:20px}.home-container[data-v-4169560a]{flex:1;background:#fff;padding:0 32px 32px;overflow:auto}.home-container .home-title[data-v-4169560a]{font-weight:500;color:#000;margin-top:8px;margin-left:14px;margin-bottom:16px;font-size:16px}.right-content[data-v-4169560a]{width:calc(100vw - 248px)}.pdfCss[data-v-4169560a]{padding:15px 15%;max-height:500px;overflow-y:auto;height:100%}.fullscreenpdf[data-v-4169560a]{height:100vh;padding:15px 15%;padding-bottom:70px;overflow-y:auto}.failCss[data-v-4169560a]{color:#fdfdfd}.pageBtn[data-v-4169560a]{color:#000;text-align:center;position:relative;padding:10px 0}:fullscreen .pageBtn[data-v-4169560a]{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:10px 0}:-webkit-full-screen .pageBtn[data-v-4169560a]{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:10px 0}:-moz-full-screen .pageBtn[data-v-4169560a]{position:fixed;bottom:0;left:0;right:0;background-color:hsla(0,0%,100%,.9);z-index:1000;padding:10px 0}:-ms-fullscreen .pageBtn[data-v-4169560a]{position:fixed;bottom:0;left:0;right:0;background-color:hsla(0,0%,100%,.9);z-index:1000;padding:10px 0}.screen[data-v-4169560a]{position:absolute;top:13px;right:17%;cursor:pointer}[data-v-4169560a]::-webkit-scrollbar{width:.5rem;height:.75rem;background-color:#f5f5f5}[data-v-4169560a]::-webkit-scrollbar-track{box-shadow:inset 0 0 .375rem #999;border-radius:.625rem;background-color:#f5f5f5}[data-v-4169560a]::-webkit-scrollbar-thumb{border-radius:.625rem;box-shadow:inset 0 0 .375rem #999;background-color:#333}.flex-center[data-v-e3ba8e34]{display:flex;align-items:center;justify-content:center}.flex-between[data-v-e3ba8e34]{display:flex;align-items:center;justify-content:space-between}.flex-center-start[data-v-e3ba8e34]{display:flex;align-items:center;justify-content:flex-start}.flex-top-start[data-v-e3ba8e34]{align-items:flex-start;justify-content:flex-start}.flex-center-end[data-v-e3ba8e34]{display:flex;align-items:center;justify-content:flex-end}.flex-start-between[data-v-e3ba8e34]{display:flex;align-items:flex-start;justify-content:space-between}.flex-start-center[data-v-e3ba8e34]{display:flex;align-items:flex-start;justify-content:center}.flex-center-column[data-v-e3ba8e34]{display:flex;align-items:center;flex-direction:column;justify-content:center}.flex-start-column[data-v-e3ba8e34]{display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.flex-top-start[data-v-e3ba8e34]{display:flex}.flex-1[data-v-e3ba8e34]{flex:1}.mb20[data-v-e3ba8e34]{margin-bottom:20px!important}.mt20[data-v-e3ba8e34]{margin-top:20px!important}.mt10[data-v-e3ba8e34]{margin-top:10px!important}.ml20[data-v-e3ba8e34]{margin-left:20px!important}.mb16[data-v-e3ba8e34]{margin-bottom:16px!important}.red[data-v-e3ba8e34]{color:#cd3333}.green[data-v-e3ba8e34]{color:#3cb371}.relative[data-v-e3ba8e34]{position:relative}.absulote-center-right[data-v-e3ba8e34]{position:absolute;top:50%;right:0;transform:translateY(-50%)}.absulote-center-left[data-v-e3ba8e34]{position:absolute;top:50%;left:0;transform:translate(-50%)}.h3[data-v-e3ba8e34]{height:34px;line-height:22px;font-size:14px;padding-bottom:12px;border-bottom:1px solid #f1f1f1;color:#666;font-weight:700}.h5[data-v-e3ba8e34]{margin:24px 0 24px 6px;padding-left:6px;height:22px;line-height:22px;font-size:14px;position:relative;display:block}.h5[data-v-e3ba8e34]:before{content:"";display:block;width:2px;height:12px;background:#2787fe;position:absolute;top:50%;left:0;transform:translateY(-50%)}.search-container[data-v-e3ba8e34]{padding:20px 16px;background-color:#fff;padding-bottom:0}.el-button--primary.is-plain[data-v-e3ba8e34]{background:#fff;border:1px solid #1890ff;color:#1890ff}.el-button--primary.is-plain[data-v-e3ba8e34]:hover{border-color:#c6e2ff;background-color:#ecf5ff}.right-part-list[data-v-e3ba8e34]{margin-left:20px;height:100%;overflow:auto}.list-container[data-v-e3ba8e34]{padding:16px;background:#fff}.list-container .line[data-v-e3ba8e34]{width:100%;height:1px;background-color:#dcdfe6;margin-top:10px;margin-bottom:20px}.search-container[data-v-e3ba8e34]{display:flex;justify-content:space-between;border-bottom:12px solid #f2f2f6;padding-bottom:20px}.search-container .name-input[data-v-e3ba8e34]{width:200px;margin-right:12px;margin-bottom:20px}.name-input[data-v-e3ba8e34]{margin-bottom:20px}.home-container[data-v-e3ba8e34]{flex:1;background:#fff;padding:0 32px 32px;overflow:auto}.home-container .home-title[data-v-e3ba8e34]{font-weight:500;color:#000;margin-top:8px;margin-left:14px;margin-bottom:16px;font-size:16px}.right-content[data-v-e3ba8e34]{width:calc(100vw - 248px)}.music[data-v-e3ba8e34]{display:flex;width:15px;height:13px}.music span[data-v-e3ba8e34]{width:2px;margin-right:3px}.music span[data-v-e3ba8e34]:first-child{animation:bar1-e3ba8e34 2s linear .2s infinite}.music span[data-v-e3ba8e34]:nth-child(2){animation:bar2-e3ba8e34 2s linear .4s infinite}.music span[data-v-e3ba8e34]:nth-child(3){animation:bar3-e3ba8e34 2s linear .6s infinite}@keyframes bar1-e3ba8e34{0%{background:#006fff;margin-top:25%;height:10%}50%{background:#006fff;height:100%;margin-top:0}to{background:#006fff;height:10%;margin-top:25%}}@keyframes bar2-e3ba8e34{0%{background:#006fff;margin-top:25%;height:10%}50%{background:#006fff;height:100%;margin-top:0}to{background:#006fff;height:10%;margin-top:25%}}@keyframes bar3-e3ba8e34{0%{background:#006fff;margin-top:25%;height:10%}50%{background:#006fff;height:100%;margin-top:0}to{background:#006fff;height:10%;margin-top:25%}}