*{font-family:"Segoe UI", SegoeUI, "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;padding:0;margin:0;box-sizing:border-box}body{-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;-moz-text-size-adjust:100% !important;line-height:1.5}a,button{appearance:none;outline:none;box-shadow:none}body{background:#f5f2f8}.bold{font-weight:700}li{list-style:none}.img_auto{display:block;width:100%;max-width:100%;height:auto}.c-flex{display:flex;justify-content:center;align-items:center}.page{width:100%;height:100vh;margin:0 auto;background:url("../images/bg.png") center no-repeat #f5f2f8;background-attachment:fixed;background-size:cover;position:relative}.page .digbox{width:100%;max-width:586px;min-height:742px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border-radius:24px;padding:26px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.page .digbox .logo{width:166px;margin-bottom:20px}.page .digbox .content-img{width:350px;margin:39px auto 19px}.page .digbox .title{font-size:40px;color:#000000;font-weight:700;text-align:center;margin-bottom:8px}.page .digbox .title-des{font-size:20px;color:#666;text-align:center;margin-bottom:40px}.page .digbox .certificate-form{padding:0 20px}.page .digbox .certificate-form .form-group{margin-bottom:24px}.page .digbox .certificate-form .form-group .form-label{display:block;font-size:20px;color:#1D2129;margin-bottom:8px;font-weight:400}.page .digbox .certificate-form .form-group .form-input{width:100%;height:65px;padding:0 16px;border:1px solid #999999;border-radius:8px;font-size:16px;color:#333;background-color:#fff;transition:border-color 0.3s ease}.page .digbox .certificate-form .form-group .form-input::placeholder{color:#999}.page .digbox .certificate-form .form-group .form-input:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 2px rgba(0,120,212,0.2)}.page .digbox .certificate-form .form-group .form-input:hover{border-color:#bbb}.page .digbox .certificate-form .form-group .error-message{min-height:20px;font-size:14px;color:#ff4d4f;margin-top:6px;padding-left:4px;display:none;position:absolute}.page .digbox .certificate-form .form-group .error-message.show{display:block}.page .digbox .certificate-form .submit-btn{width:240px;height:55px;background-color:#8CC63F;color:#fff;border:none;border-radius:50px;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:-6.15px -6.15px 12.3px 0px #FFFFFF;box-shadow:6.15px 6.15px 12.3px 0px #C9D9E8;margin:50px auto 0}.page .error-box{display:none;width:100%;max-width:586px;min-height:400px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border-radius:24px;padding:26px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.page .error-box .logo{width:166px}.page .error-box .title{font-size:40px;color:#000000;font-weight:700;text-align:center;margin-top:45px;margin-bottom:8px}.page .error-box .title-des{font-size:20px;color:#666;text-align:center;margin-bottom:40px}.page .error-box .submit-btn{width:240px;height:55px;background-color:#8CC63F;color:#fff;border:none;border-radius:50px;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:-6.15px -6.15px 12.3px 0px #FFFFFF;box-shadow:6.15px 6.15px 12.3px 0px #C9D9E8;margin:50px auto 0}.page .error-box .submit-btn.hover{transform:scale(1.05)}.certificateResult{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:100;display:none}.certificateResult .certificateResultBox{width:100%;max-width:600px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:24px}.certificateResult .certificateResultBox .closeIcon{width:24px;position:absolute;top:-4px;right:-3px;cursor:pointer;border-radius:50%;overflow:hidden}.certificateResult .certificateResultBox .certificateImg{width:100%;height:100%}.certificateResult .certificateResultBox .certificateImg img{width:100%;height:100%}.certificateResult .certificateResultBox .btnBoxs .btn{width:240px;height:55px;background-color:#8CC63F;color:#fff;border:none;border-radius:50px;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:-6.15px -6.15px 12.3px 0px #FFFFFF;box-shadow:6.15px 6.15px 12.3px 0px #C9D9E8;margin:50px auto 0}@media (max-width: 768px){.page{background:url("../images/bg-mob.png") center no-repeat #f5f2f8;background-size:cover}.page .digbox{width:100%;max-width:80vw;min-height:105.33333vw;border-radius:3.2vw;padding:3.46667vw}.page .digbox .logo{width:26.4vw;margin-bottom:2.66667vw}.page .digbox .content-img{width:54.66667vw;margin:5.46667vw auto 2.53333vw}.page .digbox .title{font-size:5.86667vw;margin-bottom:1.06667vw}.page .digbox .title-des{font-size:3.2vw;margin-bottom:5.33333vw}.page .digbox .certificate-form{padding:0 2.66667vw}.page .digbox .certificate-form .form-group{margin-bottom:3.2vw}.page .digbox .certificate-form .form-group .form-label{font-size:3.2vw;margin-bottom:1.6vw}.page .digbox .certificate-form .form-group .form-input{width:100%;height:8.93333vw;padding:0 2.13333vw;border-radius:1.06667vw;font-size:2.93333vw}.page .digbox .certificate-form .form-group .error-message{min-height:2.66667vw;font-size:2.4vw;margin-top:.53333vw;padding-left:2.13333vw}.page .digbox .certificate-form .submit-btn{width:38.4vw;height:7.6vw;border-radius:6.66667vw;font-size:3.73333vw;margin:6.66667vw auto 0}.page .error-box{display:none;width:100%;max-width:80vw;min-height:58.66667vw;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border-radius:3.2vw;padding:3.46667vw}.page .error-box .logo{width:26.4vw;margin-bottom:2.66667vw}.page .error-box .title{font-size:5.86667vw;margin-bottom:1.06667vw}.page .error-box .title-des{font-size:3.2vw;margin-bottom:5.33333vw}.page .error-box .submit-btn{width:38.4vw;height:7.6vw;border-radius:6.66667vw;font-size:3.73333vw;margin:6.66667vw auto 0}.certificateResult .certificateResultBox{padding:3.2vw}.certificateResult .certificateResultBox .closeIcon{width:5.6vw;top:-.8vw;right:2.66667vw}.certificateResult .certificateResultBox .certificateImg{width:90%;margin:0 auto}.certificateResult .certificateResultBox .btnBoxs .btn{width:38.4vw;height:7.6vw;border-radius:6.66667vw;font-size:3.73333vw;margin:6.66667vw auto 0;box-shadow:.82vw .82vw 1.64vw 0px #C9D9E8}}
