body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}.hide{display:none;}.pointer-events{pointer-events:none;}.ofl{overflow:hidden !important;height:100%;}.vcode-body{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9998;moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.vcode-mask{width:100%;height:100%;background:rgba(0,0,0,0.5);position:relative;top:0;left:0;}.vcode-box{width:300px;background:#fff;border-radius:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px;text-align:center;overflow:hidden;}.vcode-close{width:60px;height:60px;line-height:114px;position:absolute;top:-30px;right:-30px;background:rgba(0,0,0,0.1);transform:rotate(45deg);-webkit-tap-highlight-color:rgba(0,0,0,0);}.closimg{width:26px;height:26px;background:url("./img/close.png") no-repeat;background-size:100% 100%;animation:whirling .3s linear forwards;display:inline-block;position:absolute;bottom:-2px;left:0;right:0;margin:auto;}@keyframes whirling{0%{transform:rotate(45deg);}100%{transform:rotate(-45deg);}}.vcode-close .closimg:hover{animation:enlarge .3s linear forwards;cursor:pointer;}@keyframes enlarge{0%{transform:rotate(-45deg) scale(1);}100%{transform:rotate(45deg) scale(1.1);}}.mod-tipInfo1{position:relative;width:100%;font-size:14px;line-height:14px;padding:4px;color:#B8B8B8;}.mod-tipInfo2{width:100%;font-size:18px;line-height:18px;padding:4px;color:#1F1F1F;}.vcode-spin-faceboder{width:152px;height:152px;overflow:hidden;border-radius:50%;margin:28px auto 24px;position:relative;background:#fff;}.vcode-spin-faceboder img{width:152px;height:152px;z-index:996;}.vcode-spin-faceboder .vcode-spin-status{border-radius:50%;}.vcode-spin-status{position:absolute;z-index:998;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);background-size:100% 100%;}.rightani:after{content:'';position:absolute;top:-30%;width:2px;height:160%;background:#fff;animation:rightmask 1s linear;box-shadow:0 0 20px 22px #fff;z-index:1;left:-50%;transform:rotate(45deg);}@keyframes rightmask{20%{left:-50%;}100%{left:200%;}}.failwarn{animation:warnning .6s linear infinite;}@keyframes warnning{0%{box-shadow:inset #F56C6C 0px 0px 4px;}25%{box-shadow:inset #F56C6C 0px 0px 8px;}50%{box-shadow:inset #F56C6C 0px 0px 16px;}75%{box-shadow:inset #F56C6C 0px 0px 8px;}100%{box-shadow:inset #F56C6C 0px 0px 4px;}}@-webkit-keyframes warnning{0%{box-shadow:inset #F56C6C 0px 0px 4px;}25%{box-shadow:inset #F56C6C 0px 0px 8px;}50%{box-shadow:inset #F56C6C 0px 0px 16px}75%{box-shadow:inset #F56C6C 0px 0px 8px;}100%{box-shadow:inset #F56C6C 0px 0px 4px;}}.puzzle-box{width:340px;}.vcode-puzzle-box{width:100%;height:160px;overflow:hidden;margin:10px auto;position:relative;}.puzzle-box .vcode-spin-control{width:308px !important;margin: 20px 0;}.verify-img-mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.08);}.verify-img-slide{position:absolute;left:-100%;top:0;z-index:999;}.coordinate:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3) url("./img/coordinate.png") no-repeat center;background-size:100% 100%;}.righttip,.errortip,.loadetip{background:rgba(0,0,0,0.5)}.righttip:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:url("./img/right.png")no-repeat center;background-size:50% auto;-webkit-animation:flipInX .6s;animation:flipInX .6s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes rubberBand{80%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}83%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1);}86%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}89%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1);}92%{-webkit-transform:scale3d(0.95,1.05,1);transform:scale3d(0.95,1.05,1);}95%{-webkit-transform:scale3d(1.05,0.95,1);transform:scale3d(1.05,0.95,1);}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.animate__rubberBand{animation:rubberBand 3.6s linear infinite;}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.errortip:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:url("./img/fail.png")no-repeat center;background-size:50% auto;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation:tada .75s;animation:tada .75s}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.spin-loadetip:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);background-size:100% 100%;}.spin-loadetip:after{content:'';position:absolute;top:0;bottom:0;margin:auto;width:10px;height:10px;border-radius:50%;display:inline-block;color:#FFF;left:0;animation:shadowRolling 2s linear infinite;}@keyframes shadowRolling{0%{box-shadow:0 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0);}12%{box-shadow:56px 0 white,0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0);}25%{box-shadow:66px 0 white,56px 0 white,0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0);}36%{box-shadow:76px 0 white,66px 0 white,56px 0 white,0px 0 rgba(255,255,255,0);}50%{box-shadow:86px 0 white,76px 0 white,66px 0 white,56px 0 white;}62%{box-shadow:152px 0 rgba(255,255,255,0),86px 0 white,76px 0 white,66px 0 white;}75%{box-shadow:152px 0 rgba(255,255,255,0),152px 0 rgba(255,255,255,0),86px 0 white,76px 0 white;}87%{box-shadow:152px 0 rgba(255,255,255,0),152px 0 rgba(255,255,255,0),152px 0 rgba(255,255,255,0),86px 0 white;}100%{box-shadow:152px 0 rgba(255,255,255,0),152px 0 rgba(255,255,255,0),152px 0 rgba(255,255,255,0),152px 0 rgba(255,255,255,0);}}.puzzle-loadetip:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);background-size:100% 100%;}.puzzle-loadetip:after{content:'';position:absolute;top:0;bottom:0;margin:auto;width:10px;height:10px;border-radius:50%;display:inline-block;color:#FFF;left:0;animation:puzz-shadowRolling 3s linear infinite;}@keyframes puzz-shadowRolling{0%{box-shadow:0 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0);}12%{box-shadow:140px 0 white,0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0);}25%{box-shadow:150px 0 white,140px 0 white,0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0);}36%{box-shadow:160px 0 white,150px 0 white,140px 0 white,0px 0 rgba(255,255,255,0);}50%{box-shadow:170px 0 white,160px 0 white,150px 0 white,140px 0 white;}62%{box-shadow:340px 0 rgba(255,255,255,0),170px 0 white,160px 0 white,150px 0 white;}75%{box-shadow:340px 0 rgba(255,255,255,0),340px 0 rgba(255,255,255,0),170px 0 white,160px 0 white;}87%{box-shadow:340px 0 rgba(255,255,255,0),340px 0 rgba(255,255,255,0),340px 0 rgba(255,255,255,0),170px 0 white;}100%{box-shadow:340px 0 rgba(255,255,255,0),340px 0 rgba(255,255,255,0),340px 0 rgba(255,255,255,0),340px 0 rgba(255,255,255,0);}}.vcode-spin-control{position:relative;width:260px;height:50px;margin:0 auto;-webkit-border-radius:25px;border-radius:25px;background:#f5f5f5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.vcodetip{width:100%;height:100%;font-size:12px;line-height:50px;color:#B8B8B8;text-align:center;}.vcode-spin-bottom{position:absolute;min-width:50px;height:100%;top:-1px;left:-1px;border:1px solid #1991fa;background-color:rgba(25,145,250,0.2);-webkit-border-radius:25px;border-radius:25px;}.vcode-check{border:1px solid #cacaca!important;background-color:#e7e7e7!important;}.vcode-error{border:1px solid #f57a7a;background-color:rgba(198,142,143,0.2);}.vcode-right{border:1px solid #18a452;background-color:rgba(24,164,82,0.2);}.vcode-spin-button{position:absolute;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor: pointer;box-sizing:border-box;width:60px;height:60px;-webkit-border-radius:100px;border-radius:100px;background:#fff;margin-top:-5px;-webkit-box-shadow:0 21px 52px 0 rgb(82 82 82 / 20%);box-shadow:0 2px 6px rgb(100 100 100 / 15%);-webkit-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}.vcode-spin-p{position:relative;top:50%;left:50%;width:30px;height:30px;margin-left:-15px;margin-top:-15px;background-image:url('./img/btndefault.png');-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;}.btnmove{background-image:url("./img/slideing.png");-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;}.btnsucces{background-image:url("./img/btnsucces.png");-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;}.bottomlink{margin-top: 10px;height:30px;font-size:12px;line-height:30px;color:#b8b8b8;text-align:center;position:relative;display:inline-block;overflow:hidden;}.puzzle-box .bottomlink{margin-top: 0;} .bottomlink:before{content:'';width:2px;height:30px;top:-5px;left:-20px;position:absolute;background:#fff;transform:rotate(45deg);animation:textmask 5s linear infinite;box-shadow:0 0 4px 5px #fff;z-index:1;}@keyframes textmask{75%{left:-20px;}100%{left:100px;}}.bottomlink p{height:100%;display:inline-block;margin:0 6px;padding-left:34px;position:relative;}.bottomlink p:before{content:'';width:28px;height:28px;background:url("./img/logo.png") no-repeat center;background-size:100% 100%;position:absolute;left:0;top:-10px;bottom:0;margin:auto 0;}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}15%,45%,75%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}30%,60%,90%{-webkit-transform:translateX(4px);transform:translateX(4px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}15%,45%,75%{-webkit-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px)}30%,60%,90%{-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}}.animation-shake{animation:shake .5s linear;}.dialogBox{position:fixed;width:100%;height:100%;top:0;left:0;opacity:0;display:none;z-index:99999999}.dialogBg{position:relative;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.1)!important}.dialogItem{position:absolute;background:rgba(0,0,0,0.8)!important;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px;box-sizing:border-box;text-align:center;border-radius:10px;width:auto;max-width:80%;height:auto;font-size:14px}.dialogIcon svg{width:30px;height:30px;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.dialogCon{color:#fff}.dialogclose{position:absolute;top:0;right:0;background:rgba(0,0,0,0.2);width:18px;height:18px;line-height:16px;overflow:hidden;border-top-right-radius:10px;border-bottom-left-radius:12px;cursor:pointer}.dialogclose svg{width:8px;height:8px;animation:rotated .3s linear forwards}@keyframes rotated{0%{transform:scale(1.2) rotate(0)}100%{transform:scale(1) rotate(-90deg)}}.dialogclose svg:hover{transform:scale(1.2);animation:rotatec .3s linear forwards}@keyframes rotatec{0%{transform:scale(1) rotate(0)}100%{transform:scale(1.2) rotate(90deg)}}.dialogItem span{cursor:default}#placeholder{display:inline-block;visibility:hidden;font-size:14px;position:fixed;bottom:-100px}