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-size: 100% auto;*/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;}