.uploader{position:relative;background:#fff}.uploader .el-icon-delete{display:none}.uploader .avatar-uploader .el-upload{width:184px;height:162px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.uploader .avatar-uploader .el-upload img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:top left;object-position:top left}.uploader .avatar-uploader .el-upload:hover{border-color:#409eff}.uploader .avatar-uploader .el-upload:hover .el-icon-delete{display:block}.uploader .avatar-uploader-icon{position:absolute;top:0;left:0;font-size:44px;color:#dce1e8;width:184px;height:162px;line-height:160px;text-align:center}.uploader .avatar-uploader-icon :hover{color:#409eff}.uploader .avatar{width:184px;height:162px;display:block}.uploader .title{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:13px;font-family:PingFangSC-Medium;font-weight:500;color:#19222e;line-height:18px}.main{position:relative}.name-cert-container{display:flex;justify-content:center;align-items:center}.page-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.name-cert-main{width:347px}.name-cert-label{font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#0b121a;line-height:16px;margin-bottom:8px}.name-cert-title-area{text-align:center;margin-bottom:40px}.name-cert-icon{width:70px;height:70px}.name-cert-title{margin-top:4px;margin-bottom:8px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#0b121a;line-height:20px;text-align:center}.name-cert-tips{font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#828c99;line-height:16px}.name-cert-tips,.qrcode-img,.qrcode-tips{text-align:center}.qrcode-img{width:300px;margin-top:20px}.qrcode-img img{width:100%}.name-cert-success-btn{margin-top:80px}.name-cert-fail-btn{margin-top:104px}.name-cert-fail-tips{margin-top:30px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;line-height:16px}.cert-btn{width:188px}.name-cert-submit{text-align:center}.upload-main{display:flex;justify-content:space-between}.upload-box{margin-bottom:20px}.upload-box,.upload-img{width:166px;height:143px;overflow:hidden}.upload-img{border:1px solid #ebf4ff;border-radius:8px;box-sizing:border-box;position:relative}.upload-img:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:2;opacity:0;transition:all .3s}.upload-img:hover .el-icon-delete,.upload-img:hover:after{opacity:1}.upload-img .el-icon-delete{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:all .3s;color:#fff;font-size:20px}.upload-img .avatar{width:100%}.upload-area{width:166px;height:143px;background-color:#ebf4ff;border:1px solid #ebf4ff;background-repeat:no-repeat;background-position:50% 13px;background-size:130px 86px;border-radius:8px;padding-top:111px;box-sizing:border-box}.upload-area p{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#308eff;line-height:20px;text-align:center}.upload-area.z_file{background-image:url(https://inn.proginn.com/client/img/z.a5126e0.png)}.upload-area.f_file{background-image:url(https://inn.proginn.com/client/img/f.d719ecd.png)}