.upload-img-list{position:relative;display:flex;flex-wrap:wrap}.upload-img-list .vue-cropper-model-bg .vue-cropper-con{margin:auto;width:1000px;height:500px}.upload-img-list .vue-cropper-model-bg .vue-cropper-con .cropper-footer{text-align:center;margin-top:10px}.upload-img-list .vue-cropper-model-bg .vue-cropper-con .cropper-footer .ivu-btn{margin-right:10px}.upload-img-list .upload-img-item,.upload-img-list .upload-img-slot{width:130px;transition:all .1s linear;cursor:pointer;margin-bottom:10px;margin-right:10px;height:100px;line-height:100px}.upload-img-list .upload-img-slot:hover{box-shadow:0 0 5px 0 hsla(0,0%,70.2%,.3)}.upload-img-list .upload-img-item{position:relative;overflow:hidden}.upload-img-list .upload-img-item img{-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%;height:100%;border:1px solid rgba(173,215,255,.2)}.upload-img-list .upload-img-item .action-container,.upload-img-list .upload-img-item .progress-container{text-align:center;position:absolute;left:0;background:rgba(0,0,0,.3);width:100%;height:100%}.upload-img-list .upload-img-item .progress-container{top:0}.upload-img-list .upload-img-item:hover .action-container{bottom:0}.upload-img-list .upload-img-item .action-container{transition:all .1s linear;bottom:-36px;height:36px;line-height:36px}.upload-img-list .upload-img-item .action-container i{padding:0 12px;line-height:36px;font-size:20px;color:hsla(0,0%,100%,.8)}.upload-img-list .upload-img-item .action-container i:hover{background:hsla(0,0%,100%,.1)}.upload-img-list .upload-img-slot{display:block;width:100px;height:100px;line-height:100px;text-align:center;font-size:0;color:#dddee1;border:1px dashed #dddee1;cursor:pointer}.upload-img-list .error-tip{position:absolute;left:0;bottom:-20px;line-height:20px;color:red}.upload-img-list .draggableUpload{display:flex}.upload-img-list .draggableUpload>span{display:flex;align-items:center;flex-wrap:wrap}.upload-img-list .cover-tip{position:absolute;left:0;top:0;width:60px;line-height:28px;text-align:center;border-top-right-radius:10px;border-bottom-left-radius:10px;background:#f80;color:#fff;font-size:14px}.commonTitle{font-size:14px;color:#332e29;display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 20px;background:#fcfbfa}.image-slider-bg .carousel-con{display:inline-block;width:800px;position:relative;border-radius:3px}.image-slider-bg .carousel-con .close-btn{position:absolute;right:20px;top:10px;color:hsla(0,0%,100%,.8);box-shadow:0 0 3px 0 rgba(0,0,0,.2);cursor:pointer;transition:all .1s linear}.image-slider-bg .carousel-con .close-btn:hover{color:#fff}.image-slider-bg .carousel-con .close-btn i{font-size:30px;color:inherit!important;line-height:inherit!important}.image-slider-bg .carousel-con .focus-btn{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;transition:all .1s linear;text-align:center;line-height:50px;color:hsla(0,0%,100%,.5);width:50px;height:50px}.image-slider-bg .carousel-con .focus-btn:hover{color:hsla(0,0%,100%,.8)}.image-slider-bg .carousel-con .focus-btn i{font-size:30px;color:inherit!important;line-height:inherit!important}.image-slider-bg .carousel-con .focus-btn.left-btn{left:10px}.image-slider-bg .carousel-con .focus-btn.right-btn{right:10px}.image-slider-bg .image-item{background:rgba(0,0,0,.3);text-align:center;height:460px;line-height:460px}.image-slider-bg .image-item img{max-width:100%;max-height:100%;vertical-align:middle;-o-object-fit:contain;object-fit:contain}