.login-wrap{background:#5dc598 url(../img/loginbg.77b10797.jpg) no-repeat;background-size:cover;width:100%;height:100vh;position:relative}.login-wrap .main{width:560px;top:calc(50% - 270px);padding:1.2% 0 1%;margin:0 auto;-webkit-box-flex:1;-ms-flex:1;flex:1;flex-flow:column;position:relative;border-radius:6px;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);box-shadow:0 0 10px rgba(0,0,0,.15)}.login-wrap .login,.login-wrap .main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;display:-webkit-box;display:-ms-flexbox;display:flex}.login-wrap .login{flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-wrap .login img{height:42px;margin:3% auto 5%}.login-wrap .login .title{font-size:32px;font-weight:700;letter-spacing:2px}.login-wrap .forms{padding:6% 10% 3% 10%}.login-wrap .forms .inputs{margin:20px 0 30px}.login-wrap .forms .yzm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-wrap .forms .yzm .text{-webkit-box-flex:1;-ms-flex:1;flex:1}.login-wrap .forms .yzm .pic{width:120px;height:50px;margin-left:10px;background:#f3f3f3;border-radius:4px}.login-wrap .forms ::v-deep .el-input__inner{height:50px;line-height:50px}.login-wrap .el-input--prefix .el-input__inner{padding-left:15px}.login-wrap .login-code{margin-left:10px;margin-top:-10px}.login-wrap .forms ::v-deep .el-radio__input.is-checked+.el-radio__label{color:#333}.login-wrap .el-button{width:100%;font-size:18px;color:#fff;padding:4%}.login-wrap .el-button span{font-size:18px}.login-wrap .note{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:30px}.login-wrap .note a{color:#409eff}.inlet{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:-53px;width:100%}.inlet .el-link.el-link--default{color:#606266!important;padding:20px;width:50%}.inlet .el-link.el-link--default .el-link--inner{font-size:18px;letter-spacing:2px}.inlet .el-link.el-link--default:first-child:before{background:#fff;content:"";left:250px;bottom:0;width:50px;height:30px;position:absolute}.inlet .el-link.el-link--default:first-child{background:#fff;border-top-left-radius:6px;border-top-right-radius:12px}.inlet .el-link.el-link--default:last-child{background:#b2263a!important;border-top-left-radius:12px;border-bottom-left-radius:20px;border-top-right-radius:12px;color:#fff!important}