.tipmsg{color:#999;line-height:20px}.hiddenItem{display:none}.file-list .icon,.upload-btn,.uploadBlank{width:100px;height:100px;-webkit-box-sizing:border-box;box-sizing:border-box}.upload-btn{text-align:center;border:1px dashed #e0e0e0;cursor:pointer;margin-bottom:10px}.upload-btn:hover{border-color:#00cba6;color:#00cba6}.upload-btn i{line-height:100px;font-size:60px}.file-list{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.file-list .item{width:100px;position:relative;margin-right:15px;margin-bottom:10px}.file-list .name{font-size:13px;height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-list .icon{position:relative;text-align:center;padding-top:22px;overflow:hidden}.file-list .icon .imgtag{display:none}.file-list .icon .tool,.file-list .icon img{-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.file-list .icon .tool{padding:0;margin:0;list-style:none;position:absolute;width:100%;text-align:center;top:50%;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.file-list .icon .tool i{display:inline-block;color:#fff;margin:0 5px;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;cursor:pointer}.file-list .icon .tool i:last-child{-webkit-transition-delay:.2s;transition-delay:.2s}.file-list .icon:before{content:"";width:150%;height:150%;position:absolute;top:50%;left:50%;background:radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 0) 0 0,radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 0) 16px 16px,radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 0 1px,radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 16px 17px;background-size:32px 32px;background-color:rgba(0,0,0,.5);opacity:0;z-index:1;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:all .56s ease 0s;transition:all .56s ease 0s}.file-list .icon:hover:before{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.file-list .icon:hover .tool i{-webkit-transform:rotateX(0);transform:rotateX(0)}.file-list .icon .format{position:absolute;width:40px;height:20px;top:43px;left:25px;color:#fff;font-size:16px;text-align:center;line-height:20px}.file-list .imgicon{padding:0;border:1px solid #e0e0e0;text-align:center;vertical-align:middle}.file-list .imgicon:hover{border-color:#00cba6}.file-list .imgicon .imgtag{position:relative;display:block;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.file-list .imgicon .icontag{display:none}