.HbOSSUpload.circle-card,.HbOSSUpload.picture-card{display:-ms-flexbox;display:flex}.HbOSSUpload__main .el-upload-dragger,.HbOSSUpload__main .el-upload__operation{width:auto;height:auto;cursor:pointer;background-color:inherit;border:none;border-radius:0;box-sizing:border-box}.HbOSSUpload__main .el-upload-dragger:hover,.HbOSSUpload__main .el-upload__operation:hover{border-color:#409eff;color:#409eff}.HbOSSUpload__main.hideUpload .el-upload{display:none}.HbOSSUpload__description{color:#999;text-align:left;margin-left:10px}.HbOSSUpload__drag,.HbOSSUpload__plus{width:160px;height:90px;cursor:pointer;line-height:1.5;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background-color:#fbfdff;border:1px solid #f0f0f0;border-radius:6px;box-sizing:border-box;vertical-align:top}.HbOSSUpload__drag:hover,.HbOSSUpload__plus:hover{border-color:#409eff;color:#409eff}.HbOSSUpload__drag .el-icon-upload,.HbOSSUpload__plus .el-icon-upload{font-size:30px;margin:0}.HbOSSUpload__drag .el-upload__text,.HbOSSUpload__plus .el-upload__text{font-size:12px}.HbOSSUpload__drag .el-icon-plus,.HbOSSUpload__plus .el-icon-plus{font-size:28px;color:#8c939d}.HbOSSUpload .upload-list-enter-active,.HbOSSUpload .upload-list-leave-to{transition:all .5s}.HbOSSUpload .upload-list-enter,.HbOSSUpload .upload-list-leave-active{transform:translateY(-10%);opacity:0}.OSSFileCard{position:relative;width:300px;height:16px;font-size:13px;line-height:35px;color:#000;border-radius:5px;margin-top:20px}.OSSFileCard__name{position:absolute;top:-24px;height:28px;width:90%;line-height:28px;z-index:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.OSSFileCard.fill{background:#66b1ff}.OSSFileCard__delete{position:absolute;font-size:12px;color:red;left:234px;top:-10px;cursor:pointer;opacity:.75;transition:transform .3s;z-index:2}.OSSFileCard__delete:hover{opacity:1}.OSSFileCard .el-icon-document{margin-right:5px}.OSSFileCard .el-progress{position:absolute;left:0;top:0;width:280px;z-index:1}.OSSFileCard .hidden-text .el-progress__text{visibility:hidden}.OSSPictureCard{position:relative;overflow:hidden;background-color:#fff;border-radius:6px;border:1px solid #f0f0f0;box-sizing:border-box;width:160px;height:90px;display:inline-block;font-size:14px;color:#606266;line-height:1.8}.OSSPictureCard .el-progress,.OSSPictureCard__img{width:100%;height:100%}.OSSPictureCard__actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5)}.OSSPictureCard__actions:after{display:inline-block;content:"";height:100%;vertical-align:middle}.OSSPictureCard__actions span{cursor:pointer;margin-left:15px}.OSSPictureCard__actions span:first-child{margin-left:0}.OSSPictureCard:hover .OSSPictureCard__actions{opacity:1}.CircleCard{position:relative;margin-right:12px;vertical-align:middle}.CircleCard,.CircleCard__container{display:inline-block;width:68px;height:68px}.CircleCard .el-progress,.CircleCard__actions,.CircleCard__img,.CircleCard_vedeo{width:100%;height:100%}.CircleCard__actions{position:absolute;left:0;top:0;cursor:default;text-align:center;font-size:20px}.CircleCard__actions-preview{display:inline-block;width:100%;height:100%}.CircleCard__actions-delete{position:absolute;right:-6px;top:-12px;cursor:pointer}.CircleCard__actions-delete .svg-icon{font-size:15px}.CircleCard:hover .OSSPictureCard__actions{opacity:1}.CircleCard:last-child{margin-right:0}.VideoFrame{width:100%;height:100%;position:relative}.VideoFrame-play .svg-icon{position:absolute;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:24px;height:24px;background-color:rgba(0,0,0,.4);line-height:40px;text-align:center;color:#fff;font-size:25px;border-radius:50%;z-index:1}.VideoFrame .el-image,.VideoFrame img{width:100%;height:100%}.VideoFrame .image-slot{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:#f5f7fa}.VueAt{display:block;position:relative}.VueAt__input{position:absolute;left:0;top:0;z-index:99;width:180px;display:none}.emoji-input-recent{margin-bottom:8px}.emoji-input h4{margin:5px 0;font-size:12px;color:#333}.emoji-input span{font-size:22px;margin-right:4px}.emoji-input span,.emoji-trigger{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}