.file{position:relative;display:inline-block;background:teal;border:1px solid #99d3f5;border-radius:4px;padding:10px 12px;overflow:hidden;color:#fff;text-decoration:none;text-indent:0;line-height:20px}.file input{position:absolute;font-size:100px;right:0;top:0;opacity:0}.file:hover{background:#aadffd;border-color:#78c3f3;color:#004974;text-decoration:none}.appbox{width:560px}.block{margin-bottom:22px;padding-left:68px}.demonstration{font-size:14px;color:#606266;margin-left:-10px;margin-right:14px}#uploadFile{width:400px;margin:0 0 20px 100px}.input-zone{width:500px;color:#00f;font-size:14px;position:relative}.input-zone input[type=file]{opacity:0;width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;cursor:pointer}.progress-wrapper{position:relative;height:20px;border-radius:5px;background-color:#d3d3d3}.progress-wrapper .progress-progress{position:absolute;left:0;top:0;height:100%;width:0;border-radius:5px;background-color:#00ced1;z-index:1}.progress-wrapper .progress-rate{position:relative;text-align:center;font-size:12px;line-height:20px;height:100%;z-index:2}