.login{width:100%;height:100%;min-height:640px;overflow:hidden;background:#f7f9fc;position:relative}.login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:-webkit-gradient(linear,left top,right top,from(rgba(238,244,255,.94)),color-stop(58%,#f7f9fc),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(rgba(45,140,240,.06)),color-stop(42%,hsla(0,0%,100%,0)));background:linear-gradient(90deg,rgba(238,244,255,.94),#f7f9fc 58%,#fff),linear-gradient(180deg,rgba(45,140,240,.06),hsla(0,0%,100%,0) 42%)}.login-shell{z-index:1;min-height:100%}.login-cover,.login-shell{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.login-cover{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:48px 64px 36px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.login-cover:before{content:"";position:absolute;top:120px;right:70px;bottom:110px;left:64px;background-image:linear-gradient(rgba(45,140,240,.07) 1px,transparent 0),linear-gradient(90deg,rgba(45,140,240,.07) 1px,transparent 0);background-size:36px 36px;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(10%,#000),color-stop(84%,#000),to(transparent)),-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(12%,#000),color-stop(92%,#000),to(transparent));-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 92%,transparent);mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(10%,#000),color-stop(84%,#000),to(transparent)),-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(12%,#000),color-stop(92%,#000),to(transparent));mask-image:linear-gradient(90deg,transparent,#000 10%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 92%,transparent);opacity:.95}.login-cover:after{content:"";position:absolute;top:32%;left:56px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(45,140,240,.13) 0,rgba(45,140,240,0) 68%);pointer-events:none}.login-brand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:26px;font-weight:600}.login-brand,.login-hero{position:relative;z-index:1;color:#17233d}.login-hero{max-width:560px;margin:21vh 0 0}.login-hero .login-badge{display:inline-block;height:28px;line-height:26px;padding:0 12px;color:#2d6cdf;font-size:13px;border:1px solid rgba(45,108,223,.22);border-radius:4px;background:rgba(232,241,255,.88)}.login-hero h1{margin:18px 0 14px;color:#15213a;font-size:52px;line-height:1.14;font-weight:700;letter-spacing:0}.login-hero p{max-width:430px;margin:0;color:#596579;font-size:16px;line-height:1.9}.login-secure{width:420px;margin-top:34px;padding:18px 20px;border:1px solid rgba(45,108,223,.12);border-radius:8px;background:hsla(0,0%,100%,.58);-webkit-box-shadow:0 18px 40px rgba(31,48,76,.06);box-shadow:0 18px 40px rgba(31,48,76,.06)}.login-secure-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;color:#42526b;font-size:14px}.login-secure-item+.login-secure-item{margin-top:8px;padding-top:8px;border-top:1px solid rgba(66,82,107,.08)}.login-secure-item .ivu-icon{width:24px;margin-right:10px;color:#2d6cdf;font-size:18px}.login-con{display:-webkit-box;display:-ms-flexbox;display:flex;width:43%;min-width:460px;padding:56px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:hsla(0,0%,100%,.64);-webkit-box-shadow:-18px 0 60px rgba(31,48,76,.06);box-shadow:-18px 0 60px rgba(31,48,76,.06)}.login-panel{width:100%;max-width:386px;padding:40px 0;background:transparent;border:0;border-radius:8px;-webkit-box-shadow:none;box-shadow:none}.login-header{margin-bottom:30px;text-align:left}.login-header span{color:#2d6cdf;font-size:14px;font-weight:600}.login-header h2{margin:9px 0 0;color:#17233d;font-size:30px;line-height:1.25;font-weight:600;letter-spacing:0}.login .form-con .login-form .ivu-form-item{margin-bottom:22px}.login .form-con .login-form .ivu-form-item-error{margin-bottom:30px}.login .form-con .login-form .ivu-form-item-error-tip{top:50px;left:0;padding-top:0;color:#ed4014;font-size:12px;line-height:18px}.login .form-con .login-form .ivu-input-group-prepend{width:46px;color:#2d6cdf;background:#f4f8ff;border-color:#d9e3ec;border-radius:6px 0 0 6px}.login .form-con .login-form .ivu-input{height:48px;color:#17233d;border-color:#d9e3ec;border-radius:0 6px 6px 0;background:#fff;-webkit-transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,box-shadow .2s;transition:border-color .2s,box-shadow .2s,-webkit-box-shadow .2s}.login .form-con .login-form .ivu-input:focus{border-color:#2d6cdf;-webkit-box-shadow:0 0 0 2px rgba(45,108,223,.12);box-shadow:0 0 0 2px rgba(45,108,223,.12)}.login .form-con .login-form .ivu-form-item-error .ivu-input,.login .form-con .login-form .ivu-form-item-error .ivu-input-group-prepend{border-color:rgba(237,64,20,.38)}.login .form-con .login-form .ivu-form-item-error .ivu-input:focus{border-color:#ed4014;-webkit-box-shadow:0 0 0 2px rgba(237,64,20,.08);box-shadow:0 0 0 2px rgba(237,64,20,.08)}.login .form-con .login-submit{margin:8px 0 16px}.login .form-con .login-submit .ivu-btn{height:48px;font-size:15px;border:0;border-radius:6px;background:-webkit-gradient(linear,left top,right top,from(#2366d8),to(#2d8cf0));background:linear-gradient(90deg,#2366d8,#2d8cf0);-webkit-box-shadow:0 12px 24px rgba(45,140,240,.2);box-shadow:0 12px 24px rgba(45,140,240,.2)}.login .form-con .login-submit .ivu-btn:hover{background:-webkit-gradient(linear,left top,right top,from(#1f5dc4),to(#267dd9));background:linear-gradient(90deg,#1f5dc4,#267dd9)}.login-tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#9aa3b3;font-size:12px;text-align:center}.login-tip .ivu-icon{margin-right:4px;font-size:15px}@media screen and (max-width:1020px){.login{min-height:760px}.login:before{background:rgba(246,248,251,.88)}.login-shell{display:block}.login-cover{min-height:300px;padding:28px 28px 0}.login-hero{margin:42px 0 0}.login-hero h1{font-size:38px}.login-secure{width:100%;max-width:420px;margin-top:24px}.login-con{width:auto;min-width:0;padding:34px 28px 44px;background:transparent;-webkit-box-shadow:none;box-shadow:none}.login-panel{max-width:430px;padding:32px;margin:0 auto;background:hsla(0,0%,100%,.94);border:1px solid rgba(220,228,238,.9);-webkit-box-shadow:0 24px 60px rgba(31,48,76,.12);box-shadow:0 24px 60px rgba(31,48,76,.12)}}@media screen and (max-width:420px){.login{min-height:720px}.login-cover{padding:22px 16px 0}.login-hero h1{font-size:32px}.login-hero p{font-size:14px}.login-secure{padding:14px 16px}.login-con{padding:28px 16px 34px}.login-panel{padding:26px 18px 22px}.login-header h2{font-size:26px}}