.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}.list_all[data-v-5ca56696]{display:flex;flex-direction:column;height:calc(100% - 190px)}.hover-mar[data-v-5ca56696]{margin-top:5px;margin-bottom:5px;flex-wrap:wrap}.list_one[data-v-5ca56696]{width:100%}.list_text[data-v-5ca56696]{color:#696b74;font-size:13px;position:relative;width:100%;height:30px}.list_text[data-v-5ca56696]:after{content:"";height:1px;width:100%;position:absolute;bottom:0;border-top:1px solid #d9d9d9}.filter_text[data-v-5ca56696]{position:relative;width:100%;height:40px}.filter_text[data-v-5ca56696]:after{content:"";height:1px;width:100%;position:absolute;bottom:0;border-top:1px solid #c1c1c1}.material-wrap[data-v-5ca56696]{width:100%;height:100%;background-color:#fff;border-radius:8px}.material-wrap .header[data-v-5ca56696]{padding:10px 20px;font-size:16px;color:#666}.material-wrap .header p[data-v-5ca56696]{margin:0 10px;color:#999;white-space:nowrap}.material-wrap .header .btn[data-v-5ca56696]{width:84px;height:32px;font-size:14px;font-weight:700;color:#fff;line-height:21px;background:#4d44c6;border-radius:5px}.tab-wrap[data-v-5ca56696]{padding-left:5px;height:54px;line-height:54px;color:#666;font-size:16px;border-bottom:1px solid #eee}.tab-wrap .item[data-v-5ca56696]{padding:0 20px;cursor:pointer}.tab-wrap .item.active[data-v-5ca56696]{position:relative;color:#503ec2}.item[data-v-5ca56696]{cursor:pointer;border:1px solid rgba(253,246,246,.8)}.item.is-hover .hover-box[data-v-5ca56696],.item:hover .hover-box[data-v-5ca56696]{display:block;border:2px solid #bd74ff}.box-wrap[data-v-5ca56696]{position:relative;margin-bottom:10px;width:100%;height:70px}.box-wrap.checked .hover-box[data-v-5ca56696],.box-wrap.is-hover .hover-box[data-v-5ca56696],.box-wrap:hover .hover-box[data-v-5ca56696]{display:block;border:2px solid #bd74ff}.img-box[data-v-5ca56696]{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%}.name[data-v-5ca56696]{font-size:14px;line-height:1.2}.pop-item[data-v-5ca56696]{margin-bottom:0;padding:0 0;line-height:30px;font-size:14px;cursor:pointer}.pop-item[data-v-5ca56696]:hover{color:#4d44c6}.full-img-wrap[data-v-5ca56696]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4)}.full-img-wrap .CurrentImg-wrap[data-v-5ca56696]{width:100%;height:100%;max-width:800px;max-height:500px;min-width:800px;min-height:500px}.btn-group[data-v-5ca56696]{display:flex}.btn-group .btn-action[data-v-5ca56696]{padding:0 10px;line-height:30px;font-size:14px;color:#666;cursor:pointer}.marterial-modal .tips-number[data-v-5ca56696]{position:absolute;right:8px;font-size:12px;color:#999}.marterial-modal .filter .item[data-v-5ca56696]:first-child{padding:0 9px}.manage-group .manage-title[data-v-5ca56696]{font-size:14px;margin-bottom:10px}.manage-group .item[data-v-5ca56696]{padding:10px 10px;font-size:14px;color:#666;border-bottom:1px solid #eee;cursor:move}.manage-group .item .icon[data-v-5ca56696]{padding:0 5px;cursor:pointer}.audioUrl[data-v-5ca56696]{width:100%;height:35px}.AudioText[data-v-5ca56696]{text-align:center;word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}

/*! 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>
*/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}.mescroll[data-v-a64d368a]{position:fixed;top:124px;bottom:10px;height:auto;width:300px;background-color:#fff}.list_all[data-v-a64d368a]{display:flex;flex-direction:column;height:calc(100% - 5px)}.hover-mar[data-v-a64d368a]{margin-top:20px;flex-wrap:wrap}.list_one[data-v-a64d368a]{width:100%}.list_text[data-v-a64d368a]{color:#696b74;font-size:13px;position:relative;width:100%;height:30px}.list_text[data-v-a64d368a]:after{content:"";height:1px;width:100%;position:absolute;bottom:0;border-top:1px solid #d9d9d9}.filter_text[data-v-a64d368a]{position:relative;width:100%;height:40px}.filter_text[data-v-a64d368a]:after{content:"";height:1px;width:100%;position:absolute;bottom:0;border-top:1px solid #c1c1c1}.material-wrap[data-v-a64d368a]{padding:20px;width:100%;height:100%;background-color:#fff;border-radius:8px;position:absolute;z-index:99;top:0;left:0;right:0;bottom:0}.material-wrap .header[data-v-a64d368a]{padding:10px 20px;font-size:16px;color:#666}.material-wrap .header p[data-v-a64d368a]{margin:0 10px;color:#999;white-space:nowrap}.material-wrap .header .btn[data-v-a64d368a]{width:84px;height:32px;font-size:14px;font-weight:700;color:#fff;line-height:21px;background:#4d44c6;border-radius:5px}.tab-wrap[data-v-a64d368a]{padding-left:5px;height:54px;line-height:54px;color:#666;font-size:16px;border-bottom:1px solid #eee}.tab-wrap .item[data-v-a64d368a]{padding:0 20px;cursor:pointer}.tab-wrap .item.active[data-v-a64d368a]{position:relative;color:#503ec2}.filter[data-v-a64d368a]{margin-top:15px}.filter .item[data-v-a64d368a]{margin-right:10px;padding:0 10px;height:25px;line-height:25px;font-size:14px;font-weight:400;color:#5a6062;cursor:pointer;border:1px solid #fff}.filter .item.active[data-v-a64d368a]{color:#fff;border-color:#503ec2;border-radius:5px;background-color:#503ec2}.select-status[data-v-a64d368a]{margin:0 20px 0 20px;padding:0 16px;height:40px;font-size:14px;line-height:40px;color:#666;background:rgba(80,62,194,.1)}.select-status .btn[data-v-a64d368a]{margin-left:18px;color:#503ec2;cursor:pointer}.list[data-v-a64d368a]{padding:0 20px;flex-wrap:wrap}.list .item[data-v-a64d368a]{cursor:pointer;border:1px solid rgba(253,246,246,.8)}.list .item.is-hover .hover-box[data-v-a64d368a],.list .item:hover .hover-box[data-v-a64d368a]{display:block;border:2px solid #bd74ff}.list .box-wrap[data-v-a64d368a]{position:relative;margin-bottom:10px;width:100%;height:70px}.list .box-wrap.checked .hover-box[data-v-a64d368a],.list .box-wrap.is-hover .hover-box[data-v-a64d368a],.list .box-wrap:hover .hover-box[data-v-a64d368a]{display:block;border:2px solid #bd74ff}.list .img-box[data-v-a64d368a]{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%}.list .name[data-v-a64d368a]{text-align:center;font-size:14px;line-height:1.2}.pop-item[data-v-a64d368a]{margin-bottom:0;padding:0 0;line-height:30px;font-size:14px;cursor:pointer}.pop-item[data-v-a64d368a]:hover{color:#4d44c6}.full-img-wrap[data-v-a64d368a]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4)}.full-img-wrap .CurrentImg-wrap[data-v-a64d368a]{width:100%;height:100%;max-width:800px;max-height:500px;min-width:800px;min-height:500px}.btn-group[data-v-a64d368a]{display:flex}.btn-group .btn-action[data-v-a64d368a]{padding:0 10px;line-height:30px;font-size:14px;color:#666;cursor:pointer}.marterial-modal .tips-number[data-v-a64d368a]{position:absolute;right:8px;font-size:12px;color:#999}.marterial-modal .filter .item[data-v-a64d368a]:first-child{padding:0 9px}.manage-group .manage-title[data-v-a64d368a]{font-size:14px;margin-bottom:10px}.manage-group .item[data-v-a64d368a]{padding:10px 10px;font-size:14px;color:#666;border-bottom:1px solid #eee;cursor:move}.manage-group .item .icon[data-v-a64d368a]{padding:0 5px;cursor:pointer}.loadMore[data-v-a64d368a]{text-align:center}.mescroll[data-v-7bf569c0]{position:fixed;top:180px;bottom:0;height:auto;width:300px}.list-container .favorite[data-v-7bf569c0]{height:40px!important;padding:0 8px!important}.list_all_Input[data-v-7bf569c0]{height:calc(100% - 312px)!important}.list_all[data-v-7bf569c0]{display:flex;flex-direction:column;height:calc(100% - 190px)}.hover-mar[data-v-7bf569c0]{margin-top:20px;flex-wrap:wrap}.list_one[data-v-7bf569c0]{width:100%}.list_text[data-v-7bf569c0]{color:#696b74;font-size:13px;position:relative;width:100%;height:30px}.list_text[data-v-7bf569c0]:after{content:"";height:1px;width:100%;position:absolute;bottom:0;border-top:1px solid #d9d9d9}.filter_text[data-v-7bf569c0]{position:relative;width:100%;height:40px;justify-content:center}.filter_text[data-v-7bf569c0]:after{content:"";height:1px;width:100%;position:absolute;bottom:0;border-top:1px solid #c1c1c1}.material-wrap[data-v-7bf569c0]{width:100%;height:100%;background-color:#fff;border-radius:8px}.material-wrap .header[data-v-7bf569c0]{padding:10px 20px;font-size:16px;color:#666}.material-wrap .header p[data-v-7bf569c0]{margin:0 10px;color:#999;white-space:nowrap}.material-wrap .header .btn[data-v-7bf569c0]{width:84px;height:32px;font-size:14px;font-weight:700;color:#fff;line-height:21px;background:#4d44c6;border-radius:5px}.tab-wrap[data-v-7bf569c0]{padding-left:5px;height:54px;line-height:54px;color:#666;font-size:16px;border-bottom:1px solid #eee}.tab-wrap .item[data-v-7bf569c0]{padding:0 20px;cursor:pointer}.tab-wrap .item.active[data-v-7bf569c0]{position:relative;color:#503ec2}.filter[data-v-7bf569c0]{margin-top:15px}.filter .item[data-v-7bf569c0]{margin-right:8px;padding:0 10px;height:25px;line-height:25px;font-size:12px!important;font-weight:400;color:#5a6062;cursor:pointer;border:1px solid #fff}.filter .item.active[data-v-7bf569c0]{color:#fff;border-color:#503ec2;border-radius:5px;background-color:#503ec2}.select-status[data-v-7bf569c0]{margin:0 20px 0 20px;padding:0 16px;height:40px;font-size:14px;line-height:40px;color:#666;background:rgba(80,62,194,.1)}.select-status .btn[data-v-7bf569c0]{margin-left:18px;color:#503ec2;cursor:pointer}.list[data-v-7bf569c0]{padding:0 20px;flex-wrap:wrap}.list .item[data-v-7bf569c0]{cursor:pointer;border:1px solid rgba(253,246,246,.8)}.list .item.is-hover .hover-box[data-v-7bf569c0],.list .item:hover .hover-box[data-v-7bf569c0]{display:block;border:2px solid #bd74ff}.list .box-wrap[data-v-7bf569c0]{position:relative;margin-bottom:10px;width:100%;height:70px}.list .box-wrap.checked .hover-box[data-v-7bf569c0],.list .box-wrap.is-hover .hover-box[data-v-7bf569c0],.list .box-wrap:hover .hover-box[data-v-7bf569c0]{display:block;border:2px solid #bd74ff}.list .img-box[data-v-7bf569c0]{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%}.list .name[data-v-7bf569c0]{text-align:center;font-size:14px;line-height:1.2}.pop-item[data-v-7bf569c0]{margin-bottom:0;padding:0 0;line-height:30px;font-size:14px;cursor:pointer}.pop-item[data-v-7bf569c0]:hover{color:#4d44c6}.full-img-wrap[data-v-7bf569c0]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4)}.full-img-wrap .CurrentImg-wrap[data-v-7bf569c0]{width:100%;height:100%;max-width:800px;max-height:500px;min-width:800px;min-height:500px}.btn-group[data-v-7bf569c0]{display:flex}.btn-group .btn-action[data-v-7bf569c0]{padding:0 10px;line-height:30px;font-size:14px;color:#666;cursor:pointer}.marterial-modal .tips-number[data-v-7bf569c0]{position:absolute;right:8px;font-size:12px;color:#999}.marterial-modal .filter .item[data-v-7bf569c0]:first-child{padding:0 9px}.manage-group .manage-title[data-v-7bf569c0]{font-size:14px;margin-bottom:10px}.manage-group .item[data-v-7bf569c0]{padding:10px 10px;font-size:14px;color:#666;border-bottom:1px solid #eee;cursor:move}.manage-group .item .icon[data-v-7bf569c0]{padding:0 5px;cursor:pointer}.all[data-v-f4adaee8]{padding:0 15px 15px 15px;box-sizing:border-box}.flex-col-height[data-v-f4adaee8]{display:flex;flex-direction:column;height:calc(100% - 100px)}.TanBtn[data-v-f4adaee8]{height:85px;text-align:center;line-height:85px;color:#fff;width:20px;position:absolute;top:40%;right:-20px;margin-top:-43px;cursor:pointer;border-radius:24px 0 0 24px;background:linear-gradient(135deg,#88acfd,#002cc1);transform:scaleX(-1)}