.s-canvas[data-v-17bf6deb]{height:38px}.s-canvas canvas[data-v-17bf6deb]{margin-top:1px;margin-left:8px}.commonLayout{height:100vh;position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;font-family:Source Han Sans CN-Regular}.headStyle{height:8vh;background-color:rgba(250,250,250,.6)}.headLog{height:4.8vh;width:23.6vh;display:inline-block;margin:1.5vh 1vh 1.8vh 9.5vh;background-repeat:no-repeat;background-position-x:center;background-size:100%}.headText{height:5vh;line-height:5vh;width:24vh;font-size:1.8vh;color:#2c2b2b;margin:1.8vh 1vh 2vh 9vh}.headScanCode,.headText{display:inline-block;position:absolute}.headScanCode{height:8vh;width:8vh;right:22vw;top:.7vh}.headScanCode,.loginScanCode{background-repeat:no-repeat;background-position-x:center;background-size:100%}.loginScanCode{height:11.5vh;width:14vh;right:21vw;top:4.5vh;display:inline-block;position:absolute;z-index:10}.headScanCode:hover{cursor:pointer}.QRCodeCss{height:13.5vh;right:26vw;top:.5vh;position:absolute}.codeCss,.QRCodeCss{display:inline-block}.codeCss{border-radius:.8vh;background-color:#ffffff;border:2px solid #ffcc33;padding:1vh;position:relative}.codeCss:after,.demo:before{border:solid transparent;content:" ";height:0;left:100%;position:absolute;width:0}.codeCss:after{border-width:2vh;border-left-color:#ffffff;top:15px}.codeCss:before{border-width:2.5vh;border-left-color:#ffcc33;top:10px}.codeCss>img{height:15vh}.footStyle{position:absolute;height:7vh;bottom:0;width:100%;font-size:1.1vh;background-color:rgba(12,12,12,.6)}.middleStyle{width:19.5vw;position:absolute;top:25vh;right:14vw;border-radius:.3vh;-webkit-box-shadow:0 3px 6px 1px rgba(0,0,0,.16);box-shadow:0 3px 6px 1px rgba(0,0,0,.16);opacity:1;padding:3vh}.systemNameCss{font-size:2.7vh;font-weight:700;text-align:center;line-height:5vh;font-family:Source Han Sans CN-Regular}.inputCss{width:15vw;height:3.5vh;border-radius:0 0 0 0;opacity:1;border:1px solid #cfcfcf;margin:0 1vh 0 1vh}.inputCss>input{width:14vw;height:3.2vh;margin:0 1vh 0 1vh;border:0}.inputCodeCss{height:3.5vh}.codeInputCss{width:9.5vw;height:3.5vh;border-radius:0 0 0 0;opacity:1;border:1px solid #cfcfcf;margin:0 .5vw 0 .5vw;float:left}.codeInputCss>input{width:8.5vw;height:3.2vh;margin:0 .5vw 0 .5vw;border:0}.codeShowCss,.codeShowCss1{width:5vw;height:3.5vh;float:left}.codeShowCss1{margin:0 .5vw 0 0}.codeShowCss>img{height:100%;width:100%}.codeShowCss1>img{display:none}.buttonCss{width:15vw;height:4vh;border-radius:3px 3px 3px 3px;font-size:1.5vh}.buttonCss,.captchaButtonCss{background:#1890ff;border:0;opacity:1;color:#ffffff}.captchaButtonCss{width:5vw;height:3.5vh;font-size:1.2vh}.selectDiv{border-bottom:.2vh solid #1890ff}.defaultDiv{padding:1vh;float:left}.defaultDiv:hover{cursor:pointer}