.img-upload-container{padding:.4rem 0}.img-upload-container video{visibility:hidden;position:fixed;width:100%;height:100%;top:0;left:0}.img-upload-container .flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.img-upload-container .uploader-btn{position:absolute;left:0;top:0;height:100%;width:100%}.img-upload-container .upload-btn-img{width:100%;height:100%}.img-upload-container .native-upload{position:absolute;z-index:1;opacity:0;width:100%;height:100%}.img-upload-container.audio-upload-container .display-file-wrapper{width:100%;max-width:10.4rem;height:1.76rem;padding-bottom:0;margin-right:0;overflow:hidden;border-radius:.24rem;background:#fff7ed;border:.04rem solid #e5b371}.img-upload-container.audio-upload-container .uploaded-audio{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:.28rem 1.36rem .28rem .32rem;background:-webkit-gradient(linear,left top,right top,from(#fffaf2),to(#fff0d8));background:linear-gradient(90deg,#fffaf2,#fff0d8)}.img-upload-container.audio-upload-container .audio-mark{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:1.52rem;height:.96rem;border-radius:.16rem;background:#b84f00;color:#fff;font-size:.44rem;font-weight:700;line-height:.96rem;text-align:center}.img-upload-container.audio-upload-container .audio-info{min-width:0;margin-left:.32rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.img-upload-container.audio-upload-container .audio-name{overflow:hidden;color:#6a3a0b;font-size:.48rem;line-height:.64rem;text-overflow:ellipsis;white-space:nowrap}.img-upload-container.audio-upload-container .audio-wave{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:.48rem;margin-top:.08rem}.img-upload-container.audio-upload-container .audio-wave i{display:block;width:.12rem;margin-right:.12rem;border-radius:.12rem;background:#cf6508}.img-upload-container.audio-upload-container .audio-wave i:first-child{height:.2rem}.img-upload-container.audio-upload-container .audio-wave i:nth-child(2){height:.36rem}.img-upload-container.audio-upload-container .audio-wave i:nth-child(3){height:.48rem}.img-upload-container.audio-upload-container .audio-wave i:nth-child(4){height:.28rem}.img-upload-container .uploaded-video{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:.32rem 1.36rem .32rem .32rem;background:-webkit-gradient(linear,left top,right top,from(#f5f9ff),to(#eaf3ff));background:linear-gradient(90deg,#f5f9ff,#eaf3ff)}.img-upload-container .video-mark{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:1.52rem;height:.96rem;border-radius:.16rem;background:#2f76c8;color:#fff;font-size:.44rem;font-weight:700;line-height:.96rem;text-align:center}.img-upload-container .video-name{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin-left:.32rem;overflow:hidden;color:#315b86;font-size:.48rem;line-height:.64rem;text-overflow:ellipsis;white-space:nowrap}.uploaded-img-wrapper{position:relative;padding-bottom:18%;margin-bottom:.4rem;margin-right:2.5%;width:18%;height:0}.uploaded-img-wrapper:nth-child(5n){margin-right:0}.uploaded-img-wrapper .file-status-icon{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.55);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.48rem;color:#fff}.uploaded-img-wrapper .file-status-icon .text{margin-top:.16rem}.uploaded-img-wrapper .close-btn{position:absolute;right:0;top:0;width:.64rem;height:.64rem;text-align:center;line-height:.64rem;z-index:9;background-color:rgba(0,0,0,.7);border-radius:0 0 0 90%}.uploaded-img-wrapper .icon-cross{position:absolute;right:-.08rem;top:-.08rem;-webkit-transform:scale(.5);transform:scale(.5)}.uploaded-img-wrapper .inner-wrapper{position:absolute;left:0;top:0;height:100%;width:100%}.uploaded-img-wrapper .uploaded-img{width:100%;height:100%}.inner-uploaded-img-wrapper{position:absolute;left:0;top:0;height:100%;width:100%}