.vc-upload-picker{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.vc-upload-picker__box,.vc-upload-picker__item{width:64px;height:64px;border-radius:4px;cursor:pointer}.vc-upload-picker__item{margin-right:12px;margin-bottom:12px}.vc-upload-picker__delete{position:absolute;top:-6px;right:-6px;width:14px;height:14px;border-radius:7px;background-color:#5495f6;color:#fff;font-size:14px;z-index:1}.vc-upload-picker__upload{margin-right:12px;margin-bottom:12px}.vc-upload-picker__box{background-color:#f5f5f6;border:1px dashed #d9d9d9;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#999;line-height:1}.vc-upload-picker__plus-icon{font-size:14px}.vc-upload-picker .vc-sort-list>div{margin:0}.vc-upload-picker-audio-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#515a6e;background-color:#000}.vc-upload-picker-audio-item.is-error{position:relative;color:#f42626;border:1px solid #f42626}.vc-upload-picker-audio-item.is-error.is-mobile{color:#515a6e;border:none}.vc-upload-picker-audio-item__content{-webkit-box-sizing:border-box;box-sizing:border-box;width:64px;height:64px;border-radius:4px;background-size:cover;overflow:hidden}.vc-upload-picker-audio-item__content,.vc-upload-picker-audio-item__play{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.vc-upload-picker-audio-item__play{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff}.vc-upload-picker-audio-item__play:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:24px;height:24px;border:1px solid #fff;border-radius:50%}.vc-upload-picker-audio-item__play-icon{margin-left:2px;color:#fff}.vc-upload-picker-file-item{position:relative;background-color:#fafafa}.vc-upload-picker-file-item.is-error{position:relative;color:#f42626;border:1px solid #f42626}.vc-upload-picker-file-item.is-error .vc-upload-picker-file-item__error{color:#e74854!important}.vc-upload-picker-file-item__content{overflow:hidden;padding:4px;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.vc-upload-picker-file-item__title{width:100%;font-size:12px;color:#676767;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vc-upload-picker-file-item__file-icon{font-size:24px;color:#999}.vc-upload-image-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#fafafa}.vc-upload-image-item.is-error{position:relative;color:#f42626;border:1px solid #f42626}.vc-upload-image-item__content{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border-radius:4px;background-size:cover;overflow:hidden;background-color:#f5f5f6}.vc-upload-image-item__content,.vc-upload-picker-video-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.vc-upload-picker-video-item{position:relative;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#515a6e;background-color:#fafafa}.vc-upload-picker-video-item.is-error{position:relative;color:#f42626;border:1px solid #f42626}.vc-upload-picker-video-item.is-error.is-mobile{color:#515a6e;border:none}.vc-upload-picker-video-item__content{-webkit-box-sizing:border-box;box-sizing:border-box;width:64px;height:64px;border-radius:4px;background-size:cover;overflow:hidden}.vc-upload-picker-video-item__content,.vc-upload-picker-video-item__play{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.vc-upload-picker-video-item__play{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff}.vc-upload-picker-video-item__play:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:24px;height:24px;border:1px solid #fff;border-radius:50%}.vc-upload-picker-video-item__play-icon{margin-left:2px;color:#fff}.vc-audio-preview{position:relative}.vc-audio-preview__audio-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.vc-audio-preview__audio{max-width:100%;max-height:100%;outline:none}.vc-audio-preview__close{position:absolute;top:20px;right:20px;font-size:16px;color:#fff;cursor:pointer}.vc-audio-preview .vcm-popup__wrapper{top:0!important;left:0!important;bottom:0;right:0;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;background-color:#000!important}.vc-video-preview{position:relative}.vc-video-preview__video-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.vc-video-preview__video{max-width:100%;max-height:100%;outline:none}.vc-video-preview__close{position:absolute;top:20px;right:20px;font-size:16px;color:#fff;cursor:pointer}.vc-video-preview .vcm-popup__wrapper{top:0!important;left:0!important;bottom:0;right:0;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;background-color:#000!important}.vcm-upload-picker{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.vcm-upload-picker__box,.vcm-upload-picker__item{width:78px;height:78px;border-radius:2px;cursor:pointer}.vcm-upload-picker__item{margin-right:8px;margin-bottom:8px}.vcm-upload-picker__delete{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;right:0;width:15px;height:15px;font-size:7px;background:rgba(0,0,0,.3);color:#fff;border-radius:2px;z-index:10}.vcm-upload-picker__upload{margin-right:8px;margin-bottom:8px}.vcm-upload-picker__box{background-color:#f5f5f6;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#999;line-height:1}.vcm-upload-picker .vcm-sort-list>div{margin:0}.vcm-upload-picker-audio-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#515a6e;background-color:#000}.vcm-upload-picker-audio-item.is-error{position:relative;color:#f42626;border:1px solid #f42626}.vcm-upload-picker-audio-item__content{-webkit-box-sizing:border-box;box-sizing:border-box;width:78px;height:78px;border-radius:2px;background-size:cover;overflow:hidden}.vcm-upload-picker-audio-item__content,.vcm-upload-picker-audio-item__play{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.vcm-upload-picker-audio-item__play{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff}.vcm-upload-picker-audio-item__play:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:24px;height:24px;border:1px solid #fff;border-radius:50%}.vcm-upload-picker-audio-item__play-icon{margin-left:2px;color:#fff}.vcm-upload-picker-file-item{position:relative;background-color:#fafafa}.vcm-upload-picker-file-item.is-error{position:relative;color:#f42626;border:1px solid #f42626}.vcm-upload-picker-file-item__content{overflow:hidden;padding:4px;border-radius:2px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.vcm-upload-picker-file-item__title{width:100%;font-size:12px;color:#676767;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vcm-upload-picker-file-item__file-icon{font-size:24px;color:#999}.vcm-upload-picker-video-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#515a6e;background-color:#fafafa}.vcm-upload-picker-video-item.is-error{position:relative;color:#f42626;border:1px solid #f42626}.vcm-upload-picker-video-item__content{-webkit-box-sizing:border-box;box-sizing:border-box;width:78px;height:78px;border-radius:2px;background-size:cover;overflow:hidden}.vcm-upload-picker-video-item__content,.vcm-upload-picker-video-item__play{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.vcm-upload-picker-video-item__play{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff}.vcm-upload-picker-video-item__play:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:24px;height:24px;border:1px solid #fff;border-radius:50%}.vcm-upload-picker-video-item__play-icon{margin-left:2px;color:#fff}.vcm-upload-image-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#fafafa}.vcm-upload-image-item.is-error{position:relative;color:#f42626;border:1px solid #f42626}.vcm-upload-image-item__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border-radius:4px;background-size:cover;overflow:hidden;background-color:#f5f5f6}