body{width:100%;height:100%;}.number-din{font-family:"DIN Alternate Bold";pointer-events:none;}body{font-family:-apple-system,BlinkMacSystemFont,"Hssselvetica Neue",Helvetica,"Segoe UI",Arial,Roboto,"PingFang SC","Hiragino Sans GB","Microsoft Yahei",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.wrapper,body,html{margin:0;padding:0;position:relative;height:100%;width:100%;}.wrapper{background-position:center center;background-repeat:no-repeat;background-color:#FBFEFF;display:flex;flex-direction:column;justify-content:center;align-items:center;}@media screen and (max-width:480px){.wrapper{background-size:90% auto !important;background-position:center center;background-repeat:no-repeat;background-color:#FBFEFF;}}.image-wrapper{text-align:center;box-sizing:border-box;padding-top:18%;height:35%;}.loading-image{width:34px;}.blue{color:#4f61fd;font-size:28px;text-shadow:1px 1px 2px white,-1px -1px 2px white;font-weight:bold;}.muted{color:#666666;font-size:22px;margin:0;text-shadow:1px 1px 0 white,-1px -1px 0 white;}.text-wrapper{text-align:center;padding-bottom:30% !important;}.circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:99%;width:192px;height:192px;display:flex;justify-content:center;align-items:center;flex-direction:column;}.main-box{position:fixed;top:20%;left:50%;transform:translateX(-50%);background-color:#fff;width:120%;max-width:720px;min-width:540px;text-align:center;-webkit-box-shadow:0 0 15px #a3a3a3;-moz-box-shadow:0 0 15px #a3a3a3;box-shadow:0 0 15px #a3a3a3;border-top-left-radius:10px;border-top-right-radius:10px;padding-top:200px;padding-bottom:24px;}.text1{font-size:28px;margin-bottom:0px;margin-top:29px;}.text2{margin-top:17px;margin-bottom:24px;font-size:18px;color:rgb(123,123,123);}.lock-warp{display:flex;align-items:center;justify-content:center;}.lock-warp img{width:40px;height:40px;}.lock-text{text-align:left;border-left:1px solid rgb(238,238,238);padding-left:5px;margin-left:5px;color:#7b7f87;}.second{height:80px;font-size:68px;color:#000;animation:fade .1s linear 0s forwards;}.circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:99%;width:192px;height:192px;display:flex;justify-content:center;align-items:center;flex-direction:column;}.circle_process{position:absolute;width:239px;height:240px;top:-48px;left:50%;transform:translateX(-50%);background-color:#ddd;border-radius:99%;}.circle_process .wrapper{width:120px;height:240px;position:absolute;top:0;overflow:hidden;}.circle_process .right{right:0;}.circle_process .left{left:-0px;}.circle_process .circle{width:193px;height:193px;border:24px solid transparent;border-radius:50%;position:absolute;top:0;transform:rotate(-135deg);}.rightcircle_template_one_total_3_step_2{animation:right-circle-rotate 1.5s linear forwards;}.leftcircle_template_one_total_3_step_2{animation:left-circle-rotate 1.5s linear 1.5s forwards;}@keyframes right-circle-rotate{0%{transform:rotate(0deg);}100%{transform:rotate(180deg);}}.circle_process .rightcircle{border-top:24px solid rgb(74,176,247);border-right:24px solid rgb(74,176,247);right:0;-webkit-animation:circle_right 1s linear forwards;}.circle_process .leftcircle{border-bottom:24px solid rgb(74,176,247);border-left:24px solid rgb(74,176,247);left:0;-webkit-animation:circle_left 1s linear forwards;}