.top{background:#fff}.top .top-left{height:80px;display:flex;align-items:center}.top .top-left .logo{width:100%}.top .top-right{font-size:24px;height:80px;display:flex;align-items:center}.login{background-image:url(https://gongqibang-1304117815.cos.ap-nanjing.myqcloud.com/images/login-bg.png);background-size:100%;padding:150px 0}.login .card{width:900px;height:400px;border-radius:15px;margin:0 auto;background-color:#fff;display:flex}.login .card .card-l{flex:1;text-align:center;padding-top:50px}.login .card .card-l img{width:400px;height:300px}.login .card .card-r{flex:1;padding-top:50px}.login .card .card-r .pos-d{flex:1;text-align:end;font-size:12px}.login .card .card-r .pos-d span{color:#4275ff;cursor:pointer}.login .card .card-r .btn{width:300px;margin-top:30px;background-color:#4275ff}.login .card .card-r .r-i{margin:0 auto;width:400px;height:300px}.login .card .card-r .r-i .tab-card{width:300px;margin:10px auto;position:relative}.login .card .card-r .r-i .tab-card .code{position:absolute;text-align:end;top:86px;right:10px;width:100px;font-size:12px;color:#999}.login .card .card-r .r-i .tab-card .line{display:flex;margin-top:20px;font-size:12px;padding:0 5px}.login .card .card-r .r-i .tab-card .line span{color:#4275ff;cursor:pointer}.login .card .card-r .r-i .tab-card .line .line-l{flex:1}.login .card .card-r .r-i .tab-card .line .line-r{flex:1;text-align:end}.login .card .card-r .r-i .tab-card .input{margin-top:20px}.login .card .card-r .r-i .tab{padding:5px 50px;display:flex;font-size:14px;cursor:pointer}.login .card .card-r .r-i .tab .i{height:25px;width:1px;background-color:#e5e5e5}.login .card .card-r .r-i .tab .on{flex:1;text-align:center}.login .card .card-r .r-i .tab .tab-i{flex:1;color:#b3b3b3;text-align:center}