.upload{position:relative;margin-right:16px}.upload:last-of-type{margin-right:0}.upload>.up-button{z-index:9;display:flex;justify-content:center;border:2px dashed rgba(0,0,0,.102);border-radius:6px;flex-flow:column nowrap}.upload>.up-button>div{text-align:center}.upload>.up-button>div:first-of-type{font-size:48px}.upload>.up-button>div:nth-of-type(2){font-size:14px}.upload>.up-button input{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;opacity:0;cursor:pointer}.upload>.img-list>.img-item{position:relative;z-index:10;padding:8px;border:1px solid rgba(0,0,0,.102);border-radius:6px}.upload>.img-list>.img-item>.file-box{width:100%;height:100%}.upload>.img-list>.img-item>.file-box img{margin:0 auto;height:120px}.upload>.img-list>.img-item>.file-box p{margin-top:8px;font-size:12px;text-align:center}.upload>.img-list>.img-item>.img-op{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;border-radius:2px;background:rgba(0,0,0,.4);opacity:0;transition:all .2s linear}.upload>.img-list>.img-item>.img-op:hover{opacity:1}.upload>.img-list>.img-item>.img-op>div{height:100%;flex:1;cursor:pointer;text-align:center;display:flex;flex-direction:column;justify-content:center}.upload>.img-list>.img-item>.img-op>div:first-of-type{background:hsla(0,0%,100%,.30196078431372547)}.upload>.img-list>.img-item>.img-op>div i{font-size:16px;color:#fff}.font12{font-size:12px}