.login{background:#fff;height:100vh;padding:30px;display:flex;flex-direction:column;background-image:url(../img/bg.3b4cdb44.jpg)}.login .center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.login .logo-box h3{font-size:18px;color:#3370ff}.login .logo-box .logo{height:60px;background-image:url(../img/logo.ff5f6127.png);background-size:contain;background-position:0 0;background-repeat:no-repeat}.login .container-main{width:1200px;display:flex;border-radius:15px;box-shadow:0 5px 5px 0 rgba(0,0,0,.35)}.login .container-main .login-bg{width:800px;height:498px;background-image:url(../img/left-bg.29b1fdc6.jpg);background-size:cover;border-radius:15px 0 0 15px}.login .container-main .login-form{width:400px;padding:40px 50px;height:498px;background:#fff;position:relative;border-radius:0 15px 15px 0}.login .container-main .login-form h3{font-size:24px;font-family:MicrosoftYaHei;font-weight:700;color:#3370ff}.login .container-main .login-form .ivu-input-suffix{display:flex;align-items:center;cursor:pointer}.login .container-main .login-form .qrcode-login{position:absolute;border-left:40px solid transparent;border-right:40px solid #eee;border-top:40px solid #eee;border-bottom:40px solid transparent;right:0;top:0;cursor:pointer;z-index:99;background-position:0 0;border-top-right-radius:15px}.login .container-main .login-form .qrcode-login img{position:absolute;right:-26px;top:-26px}.login .container-main .login-form .form-warp{padding-top:32px}.login .container-main .login-form .form-warp .tab-header{display:flex}.login .container-main .login-form .form-warp .tab-header div{font-size:14px;font-weight:700;color:#333;line-height:20px;cursor:pointer}.login .container-main .login-form .form-warp .tab-header .item-tab{padding-bottom:5px;font-size:16px}.login .container-main .login-form .form-warp .tab-header .color{color:#3370ff}.login .container-main .login-form .form-warp .tab-header div:nth-of-type(2){margin-left:20px}.login .container-main .login-form .form-warp .tab-header .active{color:#3370ff;border-bottom:2px solid #3370ff}.login .container-main .login-form .form-warp .warp-form{padding-top:24px}.login .container-main .login-form .form-warp .warp-form .ivu-checkbox-wrapper{display:flex;float:left;align-items:center;margin-right:0;margin-top:-1px}.login .container-main .login-form .form-warp .warp-form .ivu-checkbox-wrapper .ivu-checkbox{margin-top:2px}.login .container-main .login-form .form-warp .warp-form .read{line-height:20px;font-size:13px}.login .container-main .login-form .form-warp .warp-form .read .btn{color:#3370ff;cursor:pointer}.login .container-main .login-form .form-warp .warp-form .read .btn:last-child{margin-top:5px}.login .container-main .login-form .form-warp .warp-form .ivu-tooltip-popper{left:-12px!important}.login .container-main .login-form .form-warp .warp-form .ivu-input{height:44px;padding-left:48px}.login .container-main .login-form .form-warp .warp-form .ivu-input-prefix,.login .container-main .login-form .form-warp .warp-form .ivu-input-suffix{display:flex;align-items:center;justify-content:center}.login .container-main .login-form .form-warp .warp-form .ivu-input-prefix{padding-left:16px}.login .container-main .login-form .form-warp .warp-form button{width:100%;height:44px;background:#3370ff;border:1px solid #fff;border-radius:10px}.login .container-main .login-form .form-warp .warp-form .desc{display:block;line-height:normal;margin-left:8px}.login .container-main .login-form .form-warp .warp-form .smscode .ivu-input-suffix{width:87px;color:#3370ff}.login .container-main .login-form .form-warp .warp-form .smscode input{transition:none}.login .container-main .login-form .form-warp .warp-form .smscode:focus .ivu-input-group-append{border-left:none}.login .container-main .login-form .form-warp .warp-form .login-qrcode{width:220px;height:220px;margin:0 auto 19px;background:hsla(0,0%,100%,.4);border:1px solid #bbb;box-shadow:0 5px 5px 0 #c3c2c2;border-radius:8px;position:relative}.login .container-main .login-form .form-warp .warp-form .login-qrcode .ivu-spin-main{width:75%;color:red}.login .container-main .login-form .form-warp .warp-form .login-qrcode .qrcode{width:175px;height:175px;background:transparent;margin:10px auto}.login .container-main .login-form .form-warp .warp-form .login-qrcode .qrcode iframe{width:175px;height:175px}.login .container-main .login-form .form-warp .warp-form .login-qrcode .qrcode .qrcode{width:100px}.login .container-main .login-form .form-warp .warp-form .login-qrcode .qrcode .info{width:auto}.login .container-main .login-form .form-warp .warp-form .login-qrcode .desc{display:flex;align-items:center;justify-content:space-between;padding-left:30px;padding-right:30px;font-size:14px;cursor:pointer}.login .container-main .login-form .form-warp .warp-form .login-qrcode .desc span{color:#3370ff}.login .container-main .login-form .form-warp .warp-form .login-qrcode .desc i{font-size:18px}.login .container-main .login-form .form-warp .warp-form .tips{text-align:center}.login .container-main .login-form .form-warp .warp-form .tips a{color:#3370ff}.login .container-main .login-form .form-warp .other-login{display:flex;align-items:center;justify-content:center}.login .container-main .login-form .form-warp .other-login a{color:#e70707}.login .container-main .login-form .form-warp .other-login .right-other{display:flex;align-items:center}.login .container-main .login-form .form-warp .other-login .right-other span{padding-left:10px;padding-right:10px;color:#e70707}.verification{display:flex;align-items:center}.verification .ivu-modal{top:0}.verification .code{display:flex}.verification .code .ivu-btn{width:130px;margin-left:15px}