.album-box{display:flex;flex-flow:row wrap;justify-content:flex-start;margin-right:-20px}.album-box.small{margin-right:-10px}.album-box.small .el-upload--picture-card{width:106px;height:106px}.album-box.small .list-bin{margin:0 10px 10px 0}.album-box.small .list-box{margin:0 10px 10px 0;width:106px;height:106px}.album-box .el-upload--picture-card{display:flex;align-items:center;justify-content:center;width:98px;height:98px;border-radius:4px}.album-box .list-bin{margin:0 20px 20px 0}.album-box .list-box{display:block;position:relative;margin:0 20px 20px 0;width:98px;height:98px;box-sizing:border-box;border-radius:4px;border:1px solid #dcdfe6;overflow:hidden}.album-box .list-box:hover .tools-box{opacity:1;transition:opacity .3s}.album-box .list-box .el-progress{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.3)}.album-box .list-box .el-progress .el-progress__text{color:#409eff}.album-box .list-box .img-box{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.album-box .list-box .img-box img{max-width:100%;max-height:100%}.album-box .list-box .text-box{display:block;position:absolute;left:0;bottom:0;box-sizing:border-box;padding:0 10px;width:100%;color:#606266;font-size:12px;text-shadow:1px 1px 1px #fff;height:28px;line-height:28px;background-color:hsla(0,0%,100%,.6);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.album-box .list-box .tools-box{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;color:#fff;font-size:20px;left:0;top:0;opacity:0;transition:opacity .3s;background-color:rgba(0,0,0,.5)}.album-box .list-box .tools-box .icon{display:block;margin:5px;width:20px;height:20px;line-height:20px;cursor:pointer}