.z-single-upload-pic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative}.z-single-upload-pic .el-upload{display:inline}.z-single-upload-pic .pic-list{border:1px solid #e1e1e1;border-radius:4px;width:150px;height:150px;line-height:150px;margin:0 16px 16px 0;vertical-align:top;position:relative}.z-single-upload-pic .pic-list .image{width:148px;height:148px;border-radius:4px}.z-single-upload-pic .pic-list__mask{position:absolute;bottom:0;left:0;right:0;text-align:center;width:100%;height:30px;line-height:30px;color:#fff;font-size:12px;background-color:rgba(0,0,0,.7);border-radius:0 0 3px 3px}.z-single-upload-pic .pic-list__mask b{line-height:14px}.z-single-upload-pic .pic-list__actions{width:100%;height:100%;border-radius:3px;position:absolute;left:0;top:0;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.z-single-upload-pic .pic-list__actions:hover{opacity:1}.z-single-upload-pic .pic-list__actions-item{cursor:pointer}.z-single-upload-pic .pic-list__actions .pic-list__actions-item+.pic-list__actions-item{margin-left:8px}.z-single-upload-pic .upload-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;width:150px;height:150px;margin:0 16px 16px 0;vertical-align:top;text-align:center;font-size:12px;position:relative}.z-single-upload-pic .upload-card .content{width:140px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.z-single-upload-pic .upload-card .content i{font-size:32px;color:#c0ccda}.z-single-upload-pic .disabled{cursor:not-allowed;-webkit-filter:grayscale(100%);filter:grayscale(100%)}