.login-container{position:absolute;left:0;bottom:0;top:0;right:0;overflow:hidden;background-color:#f0f2f5;background-size:cover;background-repeat:no-repeat}.login-container .login{width:100%;height:100%;position:relative}.login-container .login-form{width:450px;height:auto;position:absolute;top:50%;padding:30px 50px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px}.login-container .login-form .ivu-input-suffix{width:auto}.login-container .login-form .ivu-form-item-content{line-height:45px}.login-container .login-form .ivu-form-item-content i{line-height:43px}.login-container .login-form .ivu-input{height:45px;border-color:#bec7d2;padding-left:43px}.login-container .login-form .ivu-input-prefix{width:43px;line-height:43px}.login-container .login-form .ivu-input-prefix i{color:#99a9bf;font-size:20px}.login-container .login .logo{width:100%;height:auto}.login-container .login .logo-img{display:block;margin:auto;height:60px}.login-container .login .logo-info{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 30px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.login-container .login .logo-info span{display:inline-block;width:50%;font-size:20px;color:#1f2d3d;cursor:pointer;text-align:center;margin:0 10px;border-bottom:2px solid transparent;padding-bottom:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.login-container .login .logo-info .active{color:#0085e8;border-bottom:2px solid #0085e8}.login-container .login form{margin-top:20px}.login-container .btn-get-code{width:100%;height:45px;border:none;background:none;color:#0085e8}.login-container .btn-get-code:focus{-webkit-box-shadow:none;box-shadow:none}.login-container .btn-get-code[disabled]{background:none;color:#bec7d2}.login-container .yzm{width:100%;height:45px;border-radius:4px;cursor:pointer}.login-container .login-btn{height:50px;font-size:20px}.login-container .col-span{display:block;width:100%;height:100%;font-size:12px;color:#0085e8}.login-container .col-span>span{text-decoration:underline;cursor:pointer}.login-container .col-label{display:block;width:100%;height:100%;font-size:12px;color:#99a9bf;text-align:right;cursor:pointer}.login-container .form-span{display:block;width:100%;height:auto;font-size:12px;color:#0085e8;text-align:center;cursor:pointer}.login-container .check-bg{width:60px;height:60px;position:absolute;right:30px;bottom:30px;background:#00224c}.login-container .check-bg-btn{display:block;width:60px;height:60px;cursor:pointer}.login-container .check-bg-btn i{display:block;width:100%;height:100%;font-size:40px;color:#fff;text-align:center;line-height:60px}.login-container .hover-content{width:330px;height:auto;max-height:130px;overflow:hidden;overflow-y:auto}.login-container .hover-content .ivu-col{padding:5px;font-size:0}.login-container .hover-content .no-img,.login-container .hover-content img{display:block;width:100%;height:55px;border:2px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:all .15s linear;transition:all .15s linear}.login-container .hover-content .no-img:hover,.login-container .hover-content img:hover{border:2px solid #87d068}.login-container .hover-content .choose{border:2px solid #09a11f}.login-container .hover-content .no-img{background-color:#f5f6fa;line-height:56.25px;font-size:12px;text-align:center}.login-container .forget-box{width:100%;height:100%}.login-container.login-center{background-position:50%}.login-container.login-center .login-form{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f0f2f5}.login-container.login-right{background-color:#fff;background-position:center 60px}.login-container.login-right .login{max-width:1280px;margin:0 auto}.login-container.login-right .login-header{width:100%;height:60px;line-height:0;padding-top:6px}.login-container.login-right .login-header img{height:44px}.login-container.login-right .login-form{right:60px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:hsla(0,0%,100%,.9)}.login-container.login-right .welcome-box{width:600px;position:absolute;left:110px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login-container.login-right .welcome-box span{display:block;width:100%;font-size:36px;color:#fff;line-height:40px;padding:14px 0;font-weight:700}.login-container.login-new-center .login-form .ivu-form-item-content,.login-container.login-new-right .login-form .ivu-form-item-content{line-height:42px}.login-container.login-new-center .login-form .btn-get-code,.login-container.login-new-right .login-form .btn-get-code{height:40px}.login-container.login-new-center .login-form .ivu-input,.login-container.login-new-center .login-form .login-btn,.login-container.login-new-center .login-form .yzm,.login-container.login-new-right .login-form .ivu-input,.login-container.login-new-right .login-form .login-btn,.login-container.login-new-right .login-form .yzm{height:42px;border-radius:10px}.login-container.login-new-center .login-form .login-btn,.login-container.login-new-right .login-form .login-btn{background:-webkit-gradient(linear,right top,left top,from(#647df5),to(#60affa));background:linear-gradient(270deg,#647df5,#60affa);-webkit-box-shadow:none;box-shadow:none}.login-container.login-new-center{background:#fff url(../../assets/img/login-new-bg-center.d3e20b0c.png) no-repeat top;background-size:100% 300px}.login-container.login-new-center .login{width:632px;margin:0 auto}.login-container.login-new-center .login-form{position:static;width:auto;padding:55px 145px;background:#fff;-webkit-box-shadow:0 4px 16px 2px rgba(22,87,197,.09);box-shadow:0 4px 16px 2px rgba(22,87,197,.09);border-radius:10px}.login-container.login-new-center .login .welcome-box{padding-top:110px;font-size:16px}.login-container.login-new-center .login .welcome-box span{display:block;line-height:16px;color:#fff;margin-bottom:14px}.login-container.login-new-center .login .welcome-box span:last-child{margin-bottom:60px}.login-container.login-new-right{background:#fff url(../../assets/img/login-new-bg-right.f64c98ce.png) no-repeat 50%;background-size:100% 100%}.login-container.login-new-right .login-form{width:340px;right:15%;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login-container.login-new-right .login .welcome-box{padding-top:110px;font-size:16px}.login-container.login-new-right .login .welcome-box span{display:block;line-height:16px;color:#fff;margin-bottom:14px}.login-container.login-new-right .login .welcome-box span:last-child{margin-bottom:60px}.login-newtype-container{width:100%;height:100%;position:absolute;left:0;bottom:0;top:0;right:0;overflow:hidden;background-color:#f0f2f5;background-repeat:no-repeat;background-size:100% 100%}.login-newtype-container .ivu-input{height:45px;border-top-right-radius:10px;border-bottom-right-radius:10px;font-weight:bolder}.login-newtype-container .ivu-input-wrapper{border-radius:10px}.login-newtype-container .ivu-input-wrapper.noContent .ivu-input{background-color:#f6f6f6;font-weight:400!important}.login-newtype-container .ivu-input-icon{height:45px;line-height:45px}.login-newtype-container .ivu-input-group-prepend{width:45px;border-top-left-radius:10px;border-bottom-left-radius:10px}.login-newtype-container .ivu-input-suffix{width:120px}.login-newtype-container .login{width:1200px;height:100%;position:relative;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-newtype-container .login-header{position:absolute;top:0}.login-newtype-container .login-header img{height:50px}.login-newtype-container .login-form{width:530px;height:var(--height);background-color:#fff;border-radius:20px;margin:0 auto;text-align:center;-webkit-box-shadow:10px 0 50px 0 #bad4e5;box-shadow:10px 0 50px 0 #bad4e5}.login-newtype-container .login-form h1{padding-top:50px}.login-newtype-container .login-form .ivu-form{margin:40px auto 0;width:360px;text-align:center}.login-newtype-container .login-form .logo-info{height:50px;background:#f6f6f6;border-radius:12px;margin:20px auto;width:360px}.login-newtype-container .login-form .logo-info span{height:40px;border-radius:10px;display:inline-block;width:calc(50% - 10px);text-align:center;margin:5px;line-height:40px;cursor:pointer;color:#666;font-size:20px;font-weight:bolder}.login-newtype-container .login-form .logo-info span.active{background:#fff;color:#202020}.login-newtype-container .login .welcome-box{line-height:100px}.login-newtype-container .login .welcome-box p{font-weight:bolder;font-size:50px;color:#fff}.login-newtype-container .login .welcome-box span{font-size:50px;color:#fff;display:inline-block}.login-newtype-container .login.two{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.login-newtype-container .login.two .login-form{-webkit-box-shadow:none;box-shadow:none;margin:0}.login-newtype-container .login.three{width:100%}.login-newtype-container .login.three .login-form{padding-top:216px;width:33%;max-width:600px;min-width:500px;position:absolute;right:0;height:100%;border-bottom-right-radius:0;border-top-right-radius:0}.login-newtype-container .login.three .login-form .ivu-form-label-top .ivu-form-item-label{width:100%;font-weight:bolder}.login-newtype-container .login.three .login-header{top:40px;width:33%;max-width:600px;min-width:500px;right:0;z-index:1;text-align:center;margin:0 auto}.login-newtype-container .login.three .welcome-box{position:absolute;top:40px;left:40px;line-height:50px}.login-newtype-container .login.three .welcome-box p{font-size:40px;color:#06f}.login-newtype-container .login.three .welcome-box span{font-size:24px;color:#202020;display:inline-block;letter-spacing:5px}.login-newtype-container .login.four{width:1000px}.login-newtype-container .login.four .welcome-box{width:520px;height:600px;background-image:url(../../assets/img/left_bg.12a1a0d7.png);background-size:100% 100%;line-height:50px;padding:30px}.login-newtype-container .login.four .welcome-box p{font-size:40px;color:#fff}.login-newtype-container .login.four .welcome-box span{font-size:24px;color:#fff;display:inline-block;letter-spacing:5px}.login-newtype-container .login.four .welcome-box img{-webkit-animation:init-person 4s,move-img 1.5s 1s infinite alternate;animation:init-person 4s,move-img 1.5s 1s infinite alternate}.login-newtype-container .login.four .welcome-box img 0%{opacity:0}.login-newtype-container .login.four .welcome-box img to{opacity:1}@-webkit-keyframes move-img{0%{margin-top:-15px}to{margin-top:15px}}@keyframes move-img{0%{margin-top:-15px}to{margin-top:15px}}.login-newtype-container .login.four .login-form{width:500px;margin-left:-20px;height:600px}.login-newtype-container .login.four .login-form .ivu-form-label-top .ivu-form-item-label{width:100%;font-weight:bolder}.login-newtype-container .btn-get-code{width:100%;height:45px;border:none;background:none;color:#0085e8}.login-newtype-container .btn-get-code:focus{-webkit-box-shadow:none;box-shadow:none}.login-newtype-container .btn-get-code[disabled]{background:none;color:#bec7d2}.login-newtype-container .yzm{width:100%;height:45px;border-radius:4px;cursor:pointer}.login-newtype-container .login-btn{height:50px;font-size:20px;border-radius:10px}.login-newtype-container .col-span{display:block;width:100%;height:100%;font-size:12px;color:#0085e8}.login-newtype-container .col-span>span{text-decoration:underline;cursor:pointer}.login-newtype-container .col-label{display:block;height:100%;font-size:12px;color:#99a9bf;text-align:right;cursor:pointer}.login-newtype-container .form-span{display:block;width:100%;height:auto;font-size:12px;color:#0085e8;text-align:center;cursor:pointer}.login-newtype-container .check-bg{width:60px;height:60px;position:absolute;right:30px;bottom:30px;background:#00224c}.login-newtype-container .check-bg-btn{display:block;width:60px;height:60px;cursor:pointer}.login-newtype-container .check-bg-btn i{display:block;width:100%;height:100%;font-size:40px;color:#fff;text-align:center;line-height:60px}.login-newtype-container .hover-content{width:330px;height:auto;max-height:130px;overflow:hidden;overflow-y:auto}.login-newtype-container .hover-content .ivu-col{padding:5px;font-size:0}.login-newtype-container .hover-content .no-img,.login-newtype-container .hover-content img{display:block;width:100%;height:55px;border:2px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:all .15s linear;transition:all .15s linear}.login-newtype-container .hover-content .no-img:hover,.login-newtype-container .hover-content img:hover{border:2px solid #87d068}.login-newtype-container .hover-content .choose{border:2px solid #09a11f}.login-newtype-container .hover-content .no-img{background-color:#f5f6fa;line-height:56.25px;font-size:12px;text-align:center}.login-newtype-container .forget-box{width:100%;height:100%}.login-newtype-container.login-center{background-position:50%}.login-newtype-container.login-center .login-form{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f0f2f5}.login-newtype-container.login-right{background-color:#fff;background-position:center 60px}.login-newtype-container.login-right .login{max-width:1280px;margin:0 auto}.login-newtype-container.login-right .login-header{width:100%;height:60px;line-height:0;padding-top:6px}.login-newtype-container.login-right .login-header img{height:44px}.login-newtype-container.login-right .login-form{right:60px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:hsla(0,0%,100%,.9)}.login-newtype-container.login-right .welcome-box{width:600px;position:absolute;left:110px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login-newtype-container.login-right .welcome-box span{display:block;width:100%;font-size:36px;color:#fff;line-height:40px;padding:14px 0;font-weight:700}.login-newtype-container.login-new-center .login-form .ivu-form-item-content,.login-newtype-container.login-new-right .login-form .ivu-form-item-content{line-height:42px}.login-newtype-container.login-new-center .login-form .btn-get-code,.login-newtype-container.login-new-right .login-form .btn-get-code{height:40px}.login-newtype-container.login-new-center .login-form .ivu-input,.login-newtype-container.login-new-center .login-form .login-btn,.login-newtype-container.login-new-center .login-form .yzm,.login-newtype-container.login-new-right .login-form .ivu-input,.login-newtype-container.login-new-right .login-form .login-btn,.login-newtype-container.login-new-right .login-form .yzm{height:42px;border-radius:10px}.login-newtype-container.login-new-center .login-form .login-btn,.login-newtype-container.login-new-right .login-form .login-btn{background:-webkit-gradient(linear,right top,left top,from(#647df5),to(#60affa));background:linear-gradient(270deg,#647df5,#60affa);-webkit-box-shadow:none;box-shadow:none}.login-newtype-container.login-new-center{background:#fff url(../../assets/img/login-new-bg-center.d3e20b0c.png) no-repeat top;background-size:100% 300px}.login-newtype-container.login-new-center .login{width:632px;margin:0 auto}.login-newtype-container.login-new-center .login-form{position:static;width:auto;padding:55px 145px;background:#fff;-webkit-box-shadow:0 4px 16px 2px rgba(22,87,197,.09);box-shadow:0 4px 16px 2px rgba(22,87,197,.09);border-radius:10px}.login-newtype-container.login-new-center .login .welcome-box{padding-top:110px;font-size:16px}.login-newtype-container.login-new-center .login .welcome-box span{display:block;line-height:16px;color:#fff;margin-bottom:14px}.login-newtype-container.login-new-center .login .welcome-box span:last-child{margin-bottom:60px}.login-newtype-container.login-new-right{background:#fff url(../../assets/img/login-new-bg-right.f64c98ce.png) no-repeat 50%;background-size:100% 100%}.login-newtype-container.login-new-right .login-form{width:340px;right:15%;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login-newtype-container.login-new-right .login .welcome-box{padding-top:110px;font-size:16px}.login-newtype-container.login-new-right .login .welcome-box span{display:block;line-height:16px;color:#fff;margin-bottom:14px}.login-newtype-container.login-new-right .login .welcome-box span:last-child{margin-bottom:60px}.login-newtype-container .login_oval_bottom{position:absolute;background-repeat:no-repeat;right:0;left:auto;bottom:0;top:auto;-webkit-animation:init-person 4s,move-person 1.5s 2s infinite alternate;animation:init-person 4s,move-person 1.5s 2s infinite alternate}@-webkit-keyframes init-person{0%{opacity:0}to{opacity:1}}.login-newtype-container .login_rect_bottom{left:100px;bottom:0;top:auto}.login-newtype-container .login_rect_bottom,.login-newtype-container .login_rect_left{position:absolute;background-repeat:no-repeat;right:auto;-webkit-animation:init-person 4s,move-person 1.5s 2s infinite alternate;animation:init-person 4s,move-person 1.5s 2s infinite alternate}.login-newtype-container .login_rect_left{left:auto;bottom:auto;top:200px}.login-newtype-container .login_oval_right{bottom:0;top:auto}.login-newtype-container .login_oval_right,.login-newtype-container .oval_right_top{position:absolute;background-repeat:no-repeat;right:0;left:auto;-webkit-animation:init-person 4s,move-person 1.5s 2s infinite alternate;animation:init-person 4s,move-person 1.5s 2s infinite alternate}.login-newtype-container .oval_right_top{bottom:auto;top:0}.login-newtype-container .login_left{position:absolute;background-repeat:no-repeat;right:auto;left:0;bottom:0;top:auto;-webkit-animation:init-person 4s,move-person 1.5s 2s infinite alternate;animation:init-person 4s,move-person 1.5s 2s infinite alternate;-webkit-animation:move-left 1.5s 1s infinite alternate;animation:move-left 1.5s 1s infinite alternate}@-webkit-keyframes move-left{0%{bottom:20px}to{bottom:-20px}}@keyframes move-left{0%{bottom:20px}to{bottom:-20px}}.login-newtype-container .login_cube{position:absolute;background-repeat:no-repeat;right:calc(50% - 696px);left:auto;bottom:auto;top:calc(50% - 306px);-webkit-animation:init-person 4s,move-person 1.5s 2s infinite alternate;animation:init-person 4s,move-person 1.5s 2s infinite alternate;-webkit-animation:init-person 4s,move-cube 1.5s 1s infinite alternate;animation:init-person 4s,move-cube 1.5s 1s infinite alternate}@-webkit-keyframes move-cube{0%{top:calc(50% - 286px)}to{top:calc(50% - 326px)}}@keyframes move-cube{0%{top:calc(50% - 286px)}to{top:calc(50% - 326px)}}.login-newtype-container .login_cube2{bottom:auto;top:0}.login-newtype-container .login_cube2,.login-newtype-container .login_line{position:absolute;background-repeat:no-repeat;right:0;left:auto;-webkit-animation:init-person 4s,move-person 1.5s 2s infinite alternate;animation:init-person 4s,move-person 1.5s 2s infinite alternate}.login-newtype-container .login_line{bottom:0;top:auto}.login-newtype-container .login_center{position:absolute;background-repeat:no-repeat;left:calc(34% - 449px);top:calc(50% - 449px);-webkit-animation:init-person 4s,move-center 1.5s 1s infinite alternate;animation:init-person 4s,move-center 1.5s 1s infinite alternate}@-webkit-keyframes move-center{0%{top:calc(50% - 429px)}to{top:calc(50% - 469px)}}@keyframes move-center{0%{top:calc(50% - 429px)}to{top:calc(50% - 469px)}}.login-newtype-container .login_tu1{position:absolute;background-repeat:no-repeat;right:32%;left:auto;bottom:auto;top:40px;-webkit-animation:init-person 4s,move-person 1.5s 2s infinite alternate;animation:init-person 4s,move-person 1.5s 2s infinite alternate}.login-newtype-container .login_tu2{left:92px;bottom:0;top:auto}.login-newtype-container .login_tu2,.login-newtype-container .login_tu3{position:absolute;background-repeat:no-repeat;right:auto;-webkit-animation:init-person 4s,move-person 1.5s 2s infinite alternate;animation:init-person 4s,move-person 1.5s 2s infinite alternate}.login-newtype-container .login_tu3{left:0;bottom:auto;top:0}.login-newtype-container .login_tu4{z-index:1;position:absolute;background-repeat:no-repeat;right:0;left:auto;bottom:0;top:auto;-webkit-animation:init-person 4s,move-person 1.5s 2s infinite alternate;animation:init-person 4s,move-person 1.5s 2s infinite alternate}@keyframes init-person{0%{opacity:0}to{opacity:1}}.login-index{height:100%;width:100%}