.waterfallWrap{position:relative}.waterfallWrap .waterfall{width:calc(100% + 20px)}.waterfallWrap .waterfall .item{position:relative;margin:0 0 20px 0;width:calc(16.7% - 20px)}.waterfallWrap .waterfall .item .img-wrap{position:relative;width:100%;padding-top:116.8%;background:#cfcfcf;box-shadow:0 3px 6px 0 hsla(0,0%,81.2%,.5)}.waterfallWrap .waterfall .item .img-wrap:hover .checkbox,.waterfallWrap .waterfall .item .img-wrap:hover .edit,.waterfallWrap .waterfall .item .img-wrap:hover .more,.waterfallWrap .waterfall .item .img-wrap:hover .play{display:block}.waterfallWrap .waterfall .item .img-wrap:hover .img-mask{opacity:1}.waterfallWrap .waterfall .item .img-wrap .img-mask{cursor:zoom-in;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.08);transition:opacity .3s ease}.waterfallWrap .waterfall .item .img-wrap .checkbox,.waterfallWrap .waterfall .item .img-wrap .edit,.waterfallWrap .waterfall .item .img-wrap .more,.waterfallWrap .waterfall .item .img-wrap .play{display:none}.waterfallWrap .waterfall .item .img-wrap .checkbox{position:absolute;top:0;left:0;margin-right:0;padding:5px}.waterfallWrap .waterfall .item .img-wrap .checked{display:inline-block;width:100%;height:100%}.waterfallWrap .waterfall .item .img-wrap .type{position:absolute;right:12px;top:16px;height:16px;padding:0 5px;border-radius:4px;background:#f8fbff;font-size:12px;text-align:center;line-height:16px}.waterfallWrap .waterfall .item .img-wrap .play{position:absolute;left:5.6%;bottom:20px;width:40%;height:30px;background:rgba(0,0,0,.4);border-radius:2px;font-size:12px;line-height:30px;color:#fff;text-align:center}.waterfallWrap .waterfall .item .img-wrap .play:hover{background:rgba(0,0,0,.6)}.waterfallWrap .waterfall .item .img-wrap .play2{width:90px;font-size:14px}.waterfallWrap .waterfall .item .img-wrap .edit{position:absolute;left:50%;width:24%;bottom:20px;height:30px;background:rgba(0,0,0,.4);border-radius:2px;font-size:12px;line-height:30px;color:#fff;text-align:center}.waterfallWrap .waterfall .item .img-wrap .edit:hover{background:rgba(0,0,0,.6)}.waterfallWrap .waterfall .item .img-wrap .more{position:absolute;left:77%;bottom:20px}.waterfallWrap .waterfall .item .img-wrap .more .md-more{position:relative;width:30px;height:30px;background:rgba(0,0,0,.4);border-radius:50%}.waterfallWrap .waterfall .item .img-wrap .more .md-more:hover{background:rgba(0,0,0,.6)}.waterfallWrap .waterfall .item .img-wrap .more .md-more .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f8fbff}.waterfallWrap .waterfall .item .name-wrap{margin-top:5px}.waterfallWrap .waterfall .item .name-wrap .name{display:inline-block;position:relative;max-width:calc(100% - 24px);line-height:21px;vertical-align:middle}.waterfallWrap .waterfall .item .name-wrap .icon{display:none;vertical-align:middle}.waterfallWrap .waterfall .item .name-wrap:hover .icon{display:inline-block}@media screen and (min-width:1600px){.waterfallWrap .waterfall .item .img-wrap .edit,.waterfallWrap .waterfall .item .img-wrap .play{height:35px;font-size:15px;line-height:35px}.waterfallWrap .waterfall .item .img-wrap .play2{width:120px}.waterfallWrap .waterfall .item .img-wrap .more .md-more{width:35px;height:35px}}@media screen and (min-width:1800px){.waterfallWrap .waterfall .item .img-wrap .edit,.waterfallWrap .waterfall .item .img-wrap .play{height:40px;font-size:16px;line-height:40px}.waterfallWrap .waterfall .item .img-wrap .paly2{width:140px}.waterfallWrap .waterfall .item .img-wrap .more .md-more{width:40px;height:40px}}.loading-wrap .loading-gif[data-v-28b28782]{display:block;margin:0 auto}.poptip[data-v-28b28782]{margin-right:8px;text-align:left}.iconClose[data-v-e023724e]{color:#999}.iconClose[data-v-e023724e]:hover{color:#444}.img-block-wrap[data-v-e023724e]{width:666px;min-height:280px}.img-block-wrap .img-block[data-v-e023724e]{position:relative;float:left;width:210px;height:210px;margin:0 12px 14px 0;background:#b8babe;box-shadow:0 3px 6px 0 hsla(0,0%,81.2%,.5)}.img-block-wrap .img-block .upload[data-v-e023724e]{width:100%;height:100%;background:#e6e9ee}.img-block-wrap .img-block .upload .upload-icon-wrap[data-v-e023724e]{position:relative;width:210px;height:210px}.img-block-wrap .img-block .upload .upload-icon-wrap .icon[data-v-e023724e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.img-block-wrap .img-block .img-wrap[data-v-e023724e]{overflow:hidden;position:relative;width:100%;height:100%}.img-block-wrap .img-block .img-wrap img[data-v-e023724e]{cursor:zoom-in}.img-block-wrap .img-block .img-wrap .icon-wrap[data-v-e023724e]{position:absolute;right:5px;top:5px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.4)}.img-block-wrap .img-block .img-wrap .icon-wrap .icon-remove[data-v-e023724e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f2f2f2}.img-block-wrap .img-block .img-wrap .progress[data-v-e023724e]{position:absolute;top:50%;left:0;transform:translateY(-50%)}.img-block-wrap .img-block .name[data-v-e023724e]{position:absolute;bottom:0}.right-bar[data-v-e023724e]{overflow-y:auto;max-height:calc(100vh - 239px);padding-left:26px}.right-bar .label[data-v-e023724e]{position:relative;margin:10px 10px 0 0}.right-bar .label .close[data-v-e023724e]{display:none;position:absolute;top:-5px;right:-5px}.right-bar .label:hover .close[data-v-e023724e]{display:block}.section[data-v-e023724e]{position:relative}.left-bar[data-v-e023724e]{position:relative;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 239px);border-right:2px solid #f2f2f2}.add-label-wrap[data-v-e023724e]{position:absolute;top:10px;right:210px;width:260px;padding:20px;background:#fff;border-radius:4px;box-shadow:0 2px 6px 2px rgba(0,0,0,.16);z-index:1}.add-label-wrap .add[data-v-e023724e]{margin-top:10px;max-width:200px;padding:0 15px;height:32px;background:#ececec;border:1px solid #cacaca;border-radius:15px;line-height:32px;text-align:center}.add-label-wrap .add[data-v-e023724e]:hover{color:#1492ff}.add-label-wrap .tooltip[data-v-e023724e]{display:block}.add-label-wrap .tooltip .checkbox[data-v-e023724e]{overflow:hidden;display:block;max-width:200px;text-overflow:ellipsis;white-space:nowrap}.poptip[data-v-e023724e]{margin-right:8px;text-align:left}.poptip-close[data-v-e023724e]{position:absolute;top:8px;right:8px}.name[data-v-e023724e] .ivu-input{background:rgba(0,0,0,.4);color:#f2f2f2;font-size:15px}.progress[data-v-e023724e] .ivu-progress-inner{background:#979899}.progress[data-v-e023724e] .ivu-progress-bg{background:#fff!important}.label[data-v-e023724e] span{overflow:hidden;max-width:50px;text-overflow:ellipsis;white-space:nowrap}.dropdown[data-v-aec43800]{margin:10px 10px 0 0}.dropdown .label .label-more[data-v-aec43800]{opacity:0;transition:all .3 ease-in}.dropdown .label:hover .label-more[data-v-aec43800]{opacity:1;display:inline-block}.material-block[data-v-4cf93a59]{margin-bottom:23px;height:166px}.material-block .img-wrap[data-v-4cf93a59]{display:inline-block;position:relative;margin-right:20px;height:166px;width:295px;background:#cfcfcf}.material-block .info[data-v-4cf93a59]{display:inline-block;vertical-align:bottom;font-weight:700}#person-spaces .action-bar .radio-group-button[data-v-4cf93a59]{margin-left:-15px;position:relative}#person-spaces .action-bar .radio-group-button[data-v-4cf93a59]:after{content:"\200B";position:absolute;top:50%;right:-10px;width:1px;height:15px;background:#b4b9bf;transform:translateY(-50%)}#person-spaces .action-bar .dropdown[data-v-4cf93a59]{position:relative;margin-left:20px}#person-spaces .action-bar .dropdown .close[data-v-4cf93a59]{display:none}#person-spaces .action-bar .dropdown .label-mag[data-v-4cf93a59]{cursor:pointer;padding:7px 0 7px 4px;font-size:14px}#person-spaces .action-bar .dropdown:hover .close[data-v-4cf93a59]{display:block;position:absolute;right:0;top:0}#person-spaces .action-bar .dropdown-label .tooltip[data-v-4cf93a59]{display:block;width:100%}#person-spaces .action-bar .dropdown-label .tooltip .label[data-v-4cf93a59]{display:block;max-width:179px}#person-spaces .action-bar .dropdown-type[data-v-4cf93a59]{margin-left:20px}