.upload-container[data-v-4bcf3854]{border:1px dashed #d9d9d9;width:178px;position:relative}.upload-container.lockScreen[data-v-4bcf3854]{border:none;width:auto}.upload-container .avatar-uploader[data-v-4bcf3854]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upload-container[data-v-4bcf3854] .el-upload{width:100%;height:100%}.upload-container .loading[data-v-4bcf3854]{position:absolute;left:0;top:0;z-index:100;background-color:rgba(0,0,0,.8);color:#409eff;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.avatar-uploader .el-upload[data-v-4bcf3854]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:100%;height:100%}.avatar-uploader .el-upload[data-v-4bcf3854]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-4bcf3854]{font-size:28px;color:#8c939d;width:100%;height:100%;line-height:normal;text-align:center}.img-box[data-v-4bcf3854]{width:100%;height:100%}.img-box>div[data-v-4bcf3854]{position:relative;width:100%;height:100%}.img-box .btn[data-v-4bcf3854]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100}.avatar[data-v-4bcf3854]{width:100%;height:100%;display:block}.all-info[data-v-7f746e56]{width:100%;height:100%;padding:20px;background-color:#fff;border-radius:4px}.all-info .title[data-v-7f746e56]{margin:20px 0;border:1px solid #ccc;height:60px;line-height:60px;margin:auto;text-align:center;border-radius:4px}.all-info .diagram-list[data-v-7f746e56]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.all-info .diagram-list .item[data-v-7f746e56]{width:320px;height:200px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:20px;margin-bottom:20px;border:1px solid #ccc}.all-info .diagram-list .item .top[data-v-7f746e56]{width:100%;height:150px;background-color:#ccc;cursor:pointer;position:relative}.all-info .diagram-list .item .top>img[data-v-7f746e56]{width:100%;height:100%}.all-info .diagram-list .item .top .resolution[data-v-7f746e56]{position:absolute;z-index:100;left:10px;bottom:10px;color:#fff;padding:6px 8px;font-size:12px;background-color:rgba(0,0,0,.5)}.all-info .diagram-list .item .bottom[data-v-7f746e56]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #ccc;background-color:#fff}.all-info .diagram-list .item .bottom>div[data-v-7f746e56]{-ms-flex-negative:0;flex-shrink:0}.all-info .diagram-list .add[data-v-7f746e56],.all-info .diagram-list .avatar-uploader[data-v-7f746e56]{width:320px;height:200px;border:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:70px;color:#ccc;cursor:pointer}