body,html,form{margin:0;width:100%!important;height:100%!important;}
.el-container,.el-main,.el-footer{margin:0;padding:0;}
.el-footer,.el-footer *{text-align:center;line-height:60px;color:#9BA7BA!important;font-size:12px;font-family: SourceHanSansCN-Medium;}
.el-container{background-image:url(../../image/main/4600858cc9026d5a.png);background-size:cover;}
.banner .logo{position: absolute;z-index: 2;height: 38px; margin: 15px;}
.banner .login-wrap{ background-color:#fff;width:440px;height:400px;position: absolute;top:50%;left:50%; -webkit-transform: translate(-50%, calc(-50% + -50px)); border-radius:4px;box-shadow:0 0 9px 0 rgba(92,128,255,0.17);}
.banner .login-wrap > div > * {padding:0 45px;}
.banner .login-wrap .u-title{padding:35px 40px 25px!important;}
.banner .login-wrap .u-title .el-row{text-align: center;color: #626f84;font-family: SourceHanSansCN-Medium;font-size: 18px; line-height:40px;justify-content: center;flex:1;cursor:pointer;}
.banner .login-wrap .u-title .el-row.active{color: #017FFD;}
.banner .login-wrap .u-title .el-row.active:after{border-top:2px solid #017FFD;display:block;content:" ";width:70px; bottom: -5px; position: absolute;}
.banner .login-wrap .u-user,
.banner .login-wrap .u-pwd,
.banner .login-wrap .u-btn{ padding:15px 45px;}
.banner .login-wrap .u-user .el-input__wrapper{padding:0px 1px;}
.banner .login-wrap .u-user .el-input__wrapper .el-input__inner{padding:0px 15px;height:43px!important;}
.banner .login-wrap .u-pwd .el-input__wrapper{padding:0px 15px 0px 1px;}
.banner .login-wrap .u-pwd .el-input__wrapper .el-input__inner{padding:0px 15px;height:43px!important;}
.banner .login-wrap .u-pwd .el-input .el-input__icon{margin-left:15px;}

.banner .login-wrap .u-txt{margin-bottom: 10px;}
.banner .login-wrap .u-txt .el-row{flex:1;}
.banner .login-wrap .u-txt .el-row:first-child{justify-content:flex-start;}
.banner .login-wrap .u-txt .el-row:last-child{ justify-content:flex-end;}
.banner .login-wrap .u-txt .el-row .el-text{line-height:30px;font-size:12px;cursor:pointer;}
.banner .login-wrap .u-btn .el-button{width:100%;height:45px;}
.banner .login-wrap .u-back{line-height:60px;color: #041029;height:60px;display: inline-block; font-size:18px;text-align: center;width: 100%;}
.banner .login-wrap .u-list{overflow:auto;max-height:calc(100% - 135px);}
.banner .login-wrap .u-list > .el-row{background-color:#f2f2f6;border:1px solid transparent; border-radius:5px;display:inline-block;margin:5px 0;width:100%;padding:10px;height:70px;justify-items:flex-start; cursor:pointer;}
.banner .login-wrap .u-list > .el-row:hover{border:1px solid var(--el-color-primary);}
.banner .login-wrap .u-list > .el-row > *{float:left;display:inline-block;}
.banner .login-wrap .u-list > .el-row .img{border-radius:5px;width:48px;height:48px;margin-right:10px;background-color:#e0e2e4;}
.banner .login-wrap .u-list > .el-row .img img{width:40px;height:40px;margin:4px;}
.banner .login-wrap .u-list > .el-row .name{line-height:48px; font-size:16px;width:calc(100% - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.banner .login-wrap .u-list > .el-row .icon{font-size:24px;text-align:center;width:30px;justify-content:center;justify-items:center;line-height:48px;color:rgba(23, 26, 29, 0.5);float:right;}
.banner .login-wrap .u-list > .el-row .icon .bi-arrow-right-short{border: 1px solid transparent;border-radius: 28px;width: 28px;height: 28px;display: inline-block;line-height:28px;margin-top: 10px;}
.banner .login-wrap .u-list > .el-row:hover .icon .bi-arrow-right-short{border: 1px dashed rgba(23, 26, 29, 0.3);}