.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;transition:opacity .34s ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);transition:background-color .3s}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity .12s ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}
/*! mescroll -- 精致的下拉刷新和上拉加载js框架  ( a great JS framework for pull-refresh and pull-up-loading )
 * version 1.3.7
 * 2018-09-27
 * author: wenju < mescroll@qq.com > 文举
 * *
 * 官网:  http://www.mescroll.com
 * 动态:  https://github.com/mescroll/mescroll/releases
 * 问答:  http://www.mescroll.com/qa.html
 * issues:  https://github.com/mescroll/mescroll/issues
 * QQ交流群: 633126761
 *
 * 温馨提示: mescroll唯一的全局样式: html,body{height:100%},用于固定body的高度满屏; 如果影响到您原本的项目样式,可自行删除
 *
 *
 * ----- mescroll的html结构解析 ----
 *
 <body>
   <div id="mescroll" class="mescroll">
    <div>

      //下拉刷新区域 ( mescroll初始化之后自动创建 )
      <div class="mescroll-downwarp">
        <div class="downwarp-content">
          <p class="downwarp-progress"></p> <p class="downwarp-tip">下拉刷新 </p>
        </div>
      </div>

      //界面的具体内容
      //<div>界面内容</div>
      //数据列表..
      //<ul id="dataList" class="data-list">
      //	<li>数据列表</li>

        //空布局 ( 列表无任何数据时, 且配置了warpId时, 会自动创建显示 )
        <div class="mescroll-empty">
          <img class="empty-icon" src="../img/mescroll-empty.png"/>
          <p class="empty-tip">暂无相关数据~</p>
           <p class="empty-btn">去逛逛 ></p>
        </div>

      //</ul>

      //上拉加载区域 ( mescroll初始化之后自动创建 )
      <div class="mescroll-upwarp">
        //加载中..
        <p class="upwarp-progress mescroll-rotate"></p><p class="upwarp-tip">加载中..</p>
        //无数据
        <p class="upwarp-nodata">-- END --</p>
      </div>

    </div>
	</div>

	//回到顶部按钮 ( 列表滚动到配置的距离时, 且配置了warpId时, 会自动创建显示, 注意是添加在body中的 )
	<img class="mescroll-totop" src="../img/mescroll-totop.png"/>
</body>
*/.el-scrollbar__bar.is-horizontal>div,body,html{height:100%}body{-webkit-overflow-scrolling:touch}.mescroll{width:100%;height:100%;overflow-y:auto}.mescroll-hardware{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.mescroll-downwarp{position:relative;width:100%;height:0;overflow:hidden;text-align:center}.mescroll-downwarp-reset{transition:height .3s}.mescroll-downwarp .downwarp-content{position:absolute;left:0;bottom:0;width:100%;min-height:30px;padding:10px 0}.mescroll-upwarp{min-height:30px;padding:15px 0;text-align:center;visibility:hidden}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-nodata,.mescroll-upwarp .upwarp-tip{display:inline-block;font-size:12px;color:grey;vertical-align:middle}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:8px}.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid grey;border-bottom-color:transparent;vertical-align:middle}.mescroll-rotate{animation:mescrollRotate .6s linear infinite}@keyframes mescrollRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mescroll-empty{width:100%;padding-top:20px;text-align:center}.mescroll-empty .empty-icon{width:45%}.mescroll-empty .empty-tip{margin-top:6px;font-size:14px;color:grey}.mescroll-empty .empty-btn{max-width:50%;margin:20px auto;padding:10px;border:1px solid #65aadd;border-radius:6px;background-color:#fff;color:#65aadd}.mescroll-empty .empty-btn:active{opacity:.75}.mescroll-totop{z-index:9990;position:fixed;right:10px;bottom:30px;width:36px;height:36px;border-radius:50%;opacity:0}.mescroll-fade-in,.mescroll-lazy-in{animation:mescrollFadeIn .5s linear forwards}@keyframes mescrollFadeIn{0%{opacity:0}to{opacity:1}}.mescroll-fade-out{pointer-events:none;animation:mescrollFadeOut .5s linear forwards}@keyframes mescrollFadeOut{0%{opacity:1}to{opacity:0}}.mescroll-bar::-webkit-scrollbar-track{background-color:transparent}.mescroll-bar::-webkit-scrollbar{width:6px}.mescroll-bar::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc}.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa}.qrcode[data-v-60406761]{width:100%;height:100%}.qrcode[data-v-60406761] img{margin:0 auto}.courseware-item[data-v-5fb8e81a]:hover{background-color:#ddd}.courseware-item[data-v-5fb8e81a]{display:flex;width:100%;background-color:#fff;box-sizing:border-box}.courseware-item .top[data-v-5fb8e81a]{padding:12px 10px;border-bottom:1px solid #eee}.left-img[data-v-5fb8e81a]{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:150px;cursor:pointer;background-size:contain}.left-img .iconfont[data-v-5fb8e81a]{position:absolute;right:-4px;bottom:-8px;line-height:60px;font-size:60px;color:#ffcb23;z-index:1}.left-img p[data-v-5fb8e81a]{position:absolute;z-index:2;bottom:0;margin:0;padding:0 7px;width:100%;font-size:12px;line-height:25px;color:#fff;background-color:rgba(0,0,0,.4);box-sizing:border-box}.right-content[data-v-5fb8e81a]{position:relative;flex:1;min-width:0;padding-left:10px}.right-content .btn-wrap[data-v-5fb8e81a]{display:flex;line-height:24px}.right-content .btn-wrap[data-v-5fb8e81a]:before{content:"";flex:1}.right-content .btn-wrap .btn_bon[data-v-5fb8e81a]{padding:0 10px;font-size:14px;color:#575c60;cursor:pointer}.right-content .btn-wrap .btn_bon.mover[data-v-5fb8e81a]{cursor:move}.right-content .CwTitle[data-v-5fb8e81a]{font-size:14px;line-height:30px}.right-content .CwTitle span[data-v-5fb8e81a]{cursor:pointer}.right-content .bottom[data-v-5fb8e81a]{padding-top:10px}.right-content .desc[data-v-5fb8e81a]{margin-bottom:10px;font-size:14px;color:#666;left:20px}.right-content .tag-list[data-v-5fb8e81a]{margin-bottom:14px}.right-content .tag-list .tag[data-v-5fb8e81a]{cursor:pointer}.right-content .topic[data-v-5fb8e81a]{font-size:14px;color:#999;line-height:18px}.right-content .members[data-v-5fb8e81a]{margin-top:30px;font-size:14px;color:#4d44c6}.right-content .time[data-v-5fb8e81a]{position:absolute;display:flex;align-items:center;bottom:0;right:10px;color:#999;font-size:14px}.right-content .time.no-img[data-v-5fb8e81a]{bottom:8px}.pop-item[data-v-5fb8e81a]{margin-bottom:0;padding:0 10px;line-height:30px;cursor:pointer}.pop-item[data-v-5fb8e81a]:hover{color:#4d44c6}.wh18[data-v-5fb8e81a]{width:18px;height:18px}.emptyComponent[data-v-cc4e8bb8]{margin:0 auto}.emptyComponent .emptyNow[data-v-cc4e8bb8]{font-size:20px;color:#999;text-align:center}.emptyComponent .ant-empty[data-v-cc4e8bb8]{margin-top:120px}.top-filter[data-v-155668e0]{display:flex;justify-content:space-between;padding-right:26px}.top-filter .btn[data-v-155668e0]{height:40px;font-size:14px;color:#fff;background:#4d44c6;border-radius:5px}.top-filter .btn+.btn[data-v-155668e0]{margin-left:10px}.mescroll[data-v-155668e0]{position:fixed;top:160px;bottom:0;width:100%;height:auto}.hasTotal .total[data-v-155668e0]{margin-bottom:10px;height:auto;line-height:1}.courseware-list[data-v-155668e0]{max-width:100%}.courseware-list.two[data-v-155668e0]{display:flex;flex-wrap:wrap;justify-content:space-between}.courseware-list.two .item[data-v-155668e0]{flex:1 1 45%;max-width:50%}.courseware-list.two .item[data-v-155668e0]:nth-child(2n){margin-left:32px}.total[data-v-155668e0]{padding:0 16px;height:40px;line-height:40px;font-size:16px;text-align:right;color:#575c60}.groupHandle[data-v-155668e0]{margin-top:10px;text-align:center}.groupHandle .linearBtn[data-v-155668e0]{color:#fff;background:linear-gradient(#6377b8 88%,#4762b8 0)}.assignModal .middle_flex[data-v-155668e0]{margin-top:20px}.assignModal .middle_flex .label[data-v-155668e0]{margin-bottom:10px;font-size:20px}.assignModal .middle_flex .text[data-v-155668e0]{margin-top:38px;padding-right:185px}.assignModal .flex-1[data-v-155668e0]{flex:1;min-width:0}.assignModal .unlock[data-v-155668e0]{margin-top:20px;font-size:14px;color:#5b5f66}.assignModal .unlock h6[data-v-155668e0]{margin-bottom:20px;font-size:20px}.assignModal .unlock p[data-v-155668e0]{margin-bottom:5px}.assignModal .unlock>div[data-v-155668e0]{padding-left:2em}.assignModal .remark[data-v-155668e0]{margin-top:10px}.assignModal .remark p[data-v-155668e0]{font-size:16px}.mescroll-wrap[data-v-155668e0]{padding-right:64px;width:100%}.scroll-wrapper[data-v-155668e0]{height:calc(100vh - 268px)}[data-v-155668e0] .scroll-wrapper .el-scrollbar__wrap{overflow-x:hidden}.loading-wrap[data-v-155668e0]{text-align:center;font-size:20x;margin-bottom:0}.end-bottom[data-v-155668e0]{text-align:center}.right-content[data-v-155668e0]{padding-left:30px}.header-top[data-v-155668e0]{padding:12px 10px;background:#fff;border-bottom:1px solid #eee}.select-status[data-v-155668e0]{padding:0 16px;height:40px;font-size:14px;line-height:40px;color:#666;background:rgba(80,62,194,.1)}.select-status .btn[data-v-155668e0]{margin-left:18px;cursor:pointer}.listContent[data-v-579291ab]{margin-top:20px}.listContent .ant-menu[data-v-579291ab]{border-right:0}.listContent .ant-menu-item-group-title[data-v-579291ab]{padding:0}.listContent .ant-menu-item-group-list .ant-menu-item[data-v-579291ab]{padding-left:38px!important}.listContent .ant-menu-item[data-v-579291ab]{height:40px;line-height:40px;border-radius:8px;margin:0;display:flex;align-items:center}.listContent .ant-menu-item[data-v-579291ab]:after{border:0}.listContent .ant-menu-item .groupName[data-v-579291ab]{flex:1;justify-content:start;color:#666}.listContent .ant-menu-item .groupName span[data-v-579291ab]{font-size:12px;max-width:100px}.listContent .ant-menu-item .groupPersonNum[data-v-579291ab]{text-align:center;width:25px;font-size:12px}.listContent .ant-menu-item .groupHandle[data-v-579291ab]{width:38px}.listContent .ant-menu-item .groupHandle span .anticon[data-v-579291ab]{cursor:pointer;font-size:15px;margin:0 2px}.listContent .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected[data-v-579291ab]{background-color:#4d44c6;color:#fff!important}.listContent .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected .groupName[data-v-579291ab]{color:#fff}.my-courseware-wrap[data-v-579291ab]{height:100%;margin:0 60px}.marterial-modal[data-v-579291ab] .ant-modal-content{border-radius:25px}.marterial-modal[data-v-579291ab] .ant-modal-header{border-radius:20px 20px 0 0}.marterial-modal[data-v-579291ab] .ant-modal-footer{border-top:none}.marterial-modal .tips-number[data-v-579291ab]{position:absolute;right:8px;font-size:12px;color:#999}.marterial-modal .filter .item[data-v-579291ab]:first-child{padding:0 9px}.TableManagement[data-v-579291ab]{margin-top:20px}.fff[data-v-579291ab]{background-color:#fff;box-shadow:0 0 10px 0 hsla(0,0%,60%,.3)}.active[data-v-579291ab]{background-color:#4d44c6;color:#fff!important}