.login-index{width:100%;overflow:hidden}.login-index .login-main{width:100%;min-width:1350px;margin:0 auto;padding:60px 0}.login-index .login-main>div{width:1350px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.login-index .login-main>div>div{border-radius:6px;overflow:hidden;-webkit-box-shadow:6px 0 20px rgba(0,0,0,.1);box-shadow:6px 0 20px rgba(0,0,0,.1)}.login-index .login-main>div .login-trans{width:870px;height:480px}.login-index .login-main>div .login-trans img{width:870px}.login-index .login-main>div .login-trans .trans-main{position:relative}.login-index .login-main>div .login-trans .trans-main>.trans-tips{position:absolute;bottom:60px;left:44%}.login-index .login-main>div .login-trans .trans-main>.trans-tips span{display:inline-block;width:32px;height:4px;border-radius:2px;background:hsla(0,0%,100%,.3)}.login-index .login-main>div .login-trans .trans-main>.trans-tips span+span{margin-left:20px}.login-index .login-main>div .login-trans .trans-main>.trans-tips span.active{background:#fff}.login-index .login-main>div .login-form{width:450px;height:480px;background:#fff;border:1px solid #e0e0e0}.login-index .login-main>div .login-form p.warning{width:100%;height:45px;background:hsla(0,0%,60%,.5);line-height:45px;font-size:14px;color:#000;letter-spacing:3px}.login-index .login-main>div .login-form p.kind{width:300px;height:48px;line-height:48px;margin:0 auto}.login-index .login-main>div .login-form p.kind span{display:inline-block;width:50%;font-size:16px;color:#999;cursor:pointer;border-bottom:1px solid #e0e5ef}.login-index .login-main>div .login-form p.kind span.active{color:#333;border-bottom:2px solid #28a7e1}.login-index .login-main>div .login-form div.login-input{width:100%;height:280px}.login-index .login-main>div .login-form div.login-input .login-input-item{width:300px;height:40px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;margin-top:40px}.login-index .login-main>div .login-form div.login-input .login-input-item .ren{width:40px;height:40px}.login-index .login-main>div .login-form div.login-input .login-input-item input{font-size:14px;letter-spacing:2px}.login-index .login-main>div .login-form div.login-input .login-input-item-2{width:300px;height:40px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto}.login-index .login-main>div .login-form div.login-input .login-input-item-2 .ren{width:40px;height:40px}.login-index .login-main>div .login-form div.login-input .login-input-item-2 .code{display:inline-block;background:#fff;color:#28a5e1;width:98px;cursor:pointer}.login-index .login-main>div .login-form div.login-input .login-more .el-input-group__append{width:110px;background-color:#fff;padding:0;border:none}.login-index .login-main>div .login-form div.login-input button{width:300px;height:40px;font-size:16px;font-weight:600;border-radius:5px;color:#fff;background:hsla(0,0%,58.4%,.4);margin:0 auto 0}.login-index .login-main>div .login-form div.login-input button span{display:inline-block;width:5px}.login-index .login-main>div .login-form div.login-input button.active{background:#28a5e1}.login-index .login-main>div .login-form div.login-input .to-register{text-align:right;color:#f10215;margin-left:410px;cursor:pointer}.login-index .login-main>div .login-form div.login-input .to-register i{display:inline-block;width:15px;height:15px;color:#fff;font-size:15px;background:#f10215;border-radius:50%;margin-right:8px}.login-index .login-main>div .login-form div.login-input .el-input--prefix .el-input__inner{padding-left:35px}.login-index .login-main>div .login-form div.login-input .el-input__prefix{width:25px}.login-index .login-main>div .login-form div.login-input .el-input__prefix i{font-size:18px}.login-index .login-main>div .login-form div.login-input .el-input__prefix i.el-input__icon.font_family.icon-mima{font-size:26px}.login-index .login-main>div .login-form div.login-input .el-input-group__append{background-color:#fff;padding:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.login-index .login-bottom{width:100%}.login-index .login-bottom img{width:1350px;margin:55px auto 75px}.login-index .logoo{height:60px;width:1350px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.login-index .logoo,.login-index .logoo .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-index .logoo .logo img{height:60px}.login-index .logoo .logo h2{color:#28a5e1;font-size:28px;margin-left:20px}.login-index .logoo .link-list span{color:#28a5e1;font-size:18px}.login-index .logoo .link-list span:hover{cursor:pointer;text-decoration:underline}.login-index .logoo .link-list span+span{margin-left:40px}.login-index .wangji{width:300px;height:16px;margin:10px auto;font-size:14px}.login-index .wangji .jizhu{float:left}.login-index .wangji p{float:right;color:#28a5e1;cursor:pointer}.login-index .el-alert{padding:0!important}.login-index .zhu{width:300px;margin:0 auto;font-size:14px;margin-top:10px;overflow:hidden}.login-index .zhu .meiyou{float:left;color:#999;margin-left:180px}.login-index .zhu .to-register{float:right;margin:0!important;color:#28a5e1!important}.login-index .login-tips{height:110px;text-align:left;font-size:14px;color:#999;border-top:1px solid #e0e5ef;padding:15px 30px}