.login{display:flex;min-height:800px}.login .left{align-items:center;background-color:#226a5e10;display:flex;flex:1;flex-direction:column;justify-content:center}.login .left .title{align-items:center;color:#505d6f;display:flex;font-size:45px;gap:15px}.login .left .title img{width:150px}.login .left .tips{color:#505d6f;font-size:25px}.login .left .icon{margin-top:80px;width:300px}.login .right{align-items:center;background-color:#fff;display:flex;flex:2;justify-content:center}.login .right .form-box{margin-left:-160px;width:460px}.login .right .form-box .title{color:#505d6f;font-size:24px}.login .right .form-box .tabs{display:flex;gap:80px;margin-top:24px}.login .right .form-box .tabs .tab{color:silver;cursor:pointer;font-size:28px}.login .right .form-box .tabs .tab.active{color:#464646;font-weight:700;position:relative}.login .right .form-box .tabs .tab.active:after{background:linear-gradient(90deg,#33d43b,#25e381);border-radius:12px;bottom:-10px;content:"";display:inline-block;height:6px;left:50%;position:absolute;transform:translate(-50%);width:36px}