.uploader{width:170px;height:170px;background-color:#f9f9f9;border:1px solid #e7e7e7;position:relative;margin:12px}.uploader-plus{display:flex;height:100%;justify-content:center;align-items:center;overflow:hidden;position:relative}.uploader-plus i{font-size:30px;color:#999}.uploader-plus input{cursor:pointer;opacity:0;z-index:2}.uploader-image,.uploader-plus input{position:absolute;width:100%;height:100%}.uploader-image{overflow:hidden;display:flex;justify-content:center;align-items:center}.uploader-image img{height:130%}.uploader-remove{display:flex;position:absolute;z-index:3;width:25px;height:25px;right:5px;top:5px;border-radius:50%;background-color:red;cursor:pointer;justify-content:center;align-items:center}.uploader-remove img{width:11px;color:#fff}.uploader-label{position:absolute;bottom:0;left:0;padding:8px;width:100%;color:#000;line-height:1.2;font-weight:500}.uploader-uploading{background-color:rgba(0,0,0,.4);display:flex;position:absolute;z-index:4;width:100%;height:100%;justify-content:center;align-items:center}.uploader-uploading img{width:50px}.uploader.uploader-more{background-color:#34c38f;justify-content:center;align-items:center;display:flex;cursor:pointer}.uploader.uploader-more img{width:30px;transition:background-color .9s}.uploader.uploader-more:hover{background-color:#119766}