.dingLogin .qrCodeIframe{overflow:hidden;height:240px;position:relative}.dingLogin .qrCodeIframe iframe{width:260px;height:330px;margin-top:-84px}.dingLogin .dingLoginBottom{width:260px;margin:auto;margin-top:40px;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dingLogin .dingLoginBottom img{width:32px;height:32px;margin-right:14px;display:inline-block}.dingLogin .dingLoginBottom>div{text-align:left}.dingLogin .dingLoginBottom>div span{color:#007df1}.dingLogin .dingLoginBottom{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff}.loginBox{background-image:url(../img/background.755d2212.jpg);background-size:cover;height:100%}.loginBox .login{width:1148px;height:420px;background:rgba(26,95,168,.6);margin:auto;position:absolute;padding:0 0 0 100px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:10px;top:50%}.loginBox .login .loginTitle{padding-top:160px;width:340px;position:relative}.loginBox .login .loginTitle .login-logo{height:38px;background:url(../img/logo-white.314a8e31.svg) no-repeat 50%/100%}.loginBox .login .loginTitle:before{content:"";display:block;position:absolute;width:100%;height:1px;background:#fff;left:0;top:217px}.loginBox .login .loginTitle:after{content:"";display:block;width:182px;height:26px;margin-top:39px;background:url(../img/workflow_name.786a0ce7.svg) no-repeat 50%/100%}.loginBox .login .loginDiv{position:absolute;width:481px;height:472px;padding:37px 40px;right:30px;top:-26px;text-align:center;background:#fff;border-radius:8px}.loginBox .login .loginDiv .loginBoxTitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.loginBox .login .loginDiv .loginBoxTitle .login-name{font-size:28px;text-align:left;color:#333}.loginBox .login .loginDiv .loginBoxTitle .login-switch{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}.loginBox .login .loginDiv .loginBoxTitle .login-switch .loginCodeIconCheck{width:40px;height:40px;line-height:1}.loginBox .login .loginDiv .loginBoxTitle .loginCodeCheck{display:block;position:relative;width:72px;height:30px;font-size:12px;line-height:28px;margin:1px 3px 0 0;color:#007df1;border:1px solid #1b88fd;border-radius:2px;background:#ebf4ff}.loginBox .login .loginDiv .loginBoxTitle .loginCodeCheck:after,.loginBox .login .loginDiv .loginBoxTitle .loginCodeCheck:before{content:"";display:block;position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-left-color:#1b88fd;border-radius:2px;top:7px}.loginBox .login .loginDiv .loginBoxTitle .loginCodeCheck:before{right:-7px;border-width:7px 0 7px 7px;border-left-color:#1b88fd}.loginBox .login .loginDiv .loginBoxTitle .loginCodeCheck:after{right:-6px;border-width:7px 0 7px 7px;border-left-color:#ebf4ff}.loginBox .login .loginDiv .formInline{margin-top:60px}.loginBox .login .loginDiv .ivu-form-item{width:300px;margin:0 auto 26px;text-align:right}.loginBox .login .loginDiv .ivu-input{height:40px}.loginBox .login .loginDiv .checkLogin{width:100%;height:40px;margin-top:20px}.loginBox .login .loginDiv .loginCode{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px}.loginBox .login .loginDiv .loginCode input{width:180px;margin-right:20px}.loginBox .login .loginDiv .loginCode img{width:100px;height:40px}