.top-nav-container{min-width:1200px;width:100%;height:60px;line-height:60px;position:fixed;top:0;left:0;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:99;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.top-nav-container .left{padding:0 30px}.top-nav-container .left .breadcrumb .el-breadcrumb{line-height:60px}.top-nav-container .left .breadcrumb .el-breadcrumb .top-nav-container .right span{font-size:14px}.top-nav-container .left .logo-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-nav-container .left .logo-container .logo{height:40px;margin-top:8px}.top-nav-container .left .logo-container .logoText{margin-left:15px;font-size:18px;font-weight:700}.top-nav-container .right{padding:0 20px}.top-nav-container .right .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-nav-container .right .info img{width:30px;height:30px;border-radius:50%;margin-right:10px}.materialUpload{min-width:1000px}.pro_audio_upload .el-upload{text-align:left}.audio audio{height:40px;margin-top:10px}.materialCenterBg[data-v-5eee5c92]{background:-webkit-gradient(linear,left top,left bottom,from(#46178f),to(#fff)) no-repeat;background:linear-gradient(#46178f,#fff) no-repeat;background-size:100% 600px;overflow-y:auto;height:100%}.materialCenterBg .content-container[data-v-5eee5c92]{height:auto;overflow:hidden}.materialCenter[data-v-5eee5c92]{width:100%}.materialCenter .banner[data-v-5eee5c92]{width:100%;height:150px;background-size:cover}.materialCenter .banner .topNav[data-v-5eee5c92]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:10px}.materialCenter .banner .topNav li[data-v-5eee5c92]{color:#fff;padding:5px 0;margin:0 15px;cursor:pointer}.materialCenter .banner .topNav li.active[data-v-5eee5c92]{border-bottom:3px solid red}.materialCenter .banner .upload-container[data-v-5eee5c92]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}.materialCenter .banner .upload-container .upload-btn[data-v-5eee5c92]{border:1px solid #00adef;padding:0 50px;height:50px;line-height:50px;border-radius:50px;background:rgba(51,189,242,.3);cursor:pointer;color:#fff}.materialCenter .banner .upload-container .upload-btn[data-v-5eee5c92]:hover{background:rgba(51,189,242,.5)}.materialCenter .banner .goBack[data-v-5eee5c92]{position:absolute;left:20px;top:20px;width:30px;height:30px;background:url(../../static/img/goBack.121c8b60.png) no-repeat 50%;background-size:contain;cursor:pointer}.materialCenter .bigSearch-container[data-v-5eee5c92]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.materialCenter .bigSearch-container .bigSearch[data-v-5eee5c92]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.materialCenter .bigSearch-container .bigSearch input[data-v-5eee5c92]{width:600px;height:60px;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 30px;font-size:18px}.materialCenter .bigSearch-container .bigSearch .icon[data-v-5eee5c92]{height:60px;background:#1937cf;padding:0 40px}.materialCenter .bigSearch-container .bigSearch .icon i[data-v-5eee5c92]{line-height:60px;font-size:40px;font-weight:700;color:#fff}.materialCenter .content[data-v-5eee5c92]{padding:20px;background:#fff}.materialCenter .content .materialList[data-v-5eee5c92]{margin:20px 0}.materialCenter .content .materialList .item[data-v-5eee5c92]{border-radius:10px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1);margin:10px 5px;overflow:hidden;position:relative}.materialCenter .content .materialList .item:hover .el-handle[data-v-5eee5c92]{top:10px}.materialCenter .content .materialList .item .el-handle[data-v-5eee5c92]{position:absolute;top:-100px;right:10px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .3s;transition:all .3s}.materialCenter .content .materialList .item .el-handle span[data-v-5eee5c92]{width:40px;height:40px;line-height:40px;text-align:center;border-radius:100%;background:rgba(0,0,0,.5);margin-right:5px}.materialCenter .content .materialList .item .el-handle span i[data-v-5eee5c92]{color:#fff}.materialCenter .content .materialList .item .el-handle span i.active[data-v-5eee5c92]{color:#00adef}.materialCenter .content .materialList .item .state[data-v-5eee5c92]{position:absolute;left:5px;top:5px;z-index:1}.materialCenter .content .materialList .item .state span[data-v-5eee5c92]{display:inline-block;height:26px;line-height:26px;padding:0 10px;background:#fff;font-size:12px;border-radius:4px;margin-right:5px;display:block;margin-bottom:5px}.materialCenter .content .materialList .item .state span.yellow[data-v-5eee5c92]{background:#faecd8;border:1px solid #e6a23c;color:#e6a23c}.materialCenter .content .materialList .item .state span.green[data-v-5eee5c92]{background:#e1f3d8;border:1px solid #67c23a;color:#67c23a}.materialCenter .content .materialList .item .elContent img[data-v-5eee5c92]{width:100%;display:block}.materialCenter .content .materialList .item .elContent audio[data-v-5eee5c92]{width:100%;display:block;height:40px}.materialCenter .content .materialList .item .info[data-v-5eee5c92]{padding:10px 20px 20px;background:#fff}.materialCenter .content .materialList .item .info p[data-v-5eee5c92]{font-size:12px;color:#999}.materialCenter .content .materialList .item .info p.title[data-v-5eee5c92]{color:#333;font-size:18px;font-weight:700}.materialCenter .content .materialList .item .chooseBtn[data-v-5eee5c92]{margin-bottom:10px;text-align:center}.materialCenter .content .materialList .loadMore[data-v-5eee5c92]{text-align:center;margin-top:10px;font-size:14px}.materialCenter .content .materialList .loadMore i[data-v-5eee5c92]{font-size:20px;color:#00adef}