.login{min-width: 400px !important; height: 100%;}
.login-box{width: 100%; height: 100vh; min-height: 800px; margin: 0 auto;}
.login-left{position: relative; width: 600px; height: 100%; background-color: #212529; background: 50%/cover no-repeat url('/p/images/login/login_bak.jpg');}
.login-left .logo{width: 256px; height: 68px; margin: 185px auto 26px;}
.login-left .logo img{width: 256px; height: 68px;}
.login-left > p{font-size: 24px; line-height: 30px; color: #bbbfc9; text-align: center;}
.login-left .beian{position: absolute; left: 76px; bottom: 58px; /* bottom: 102px; */ color: #bbbfc9;}
.login-left .beian a{font-size: 12px; line-height: 22px; color: #bbbfc9;}
.login-right{width: calc(100% - 600px); height: 100%; background-color: #F6F7F9;}
.login-right .login-wrp{width: 320px; margin: 287px auto 0;}
.login-right .login-tabs{margin-bottom: 18px;}
.login-right .login-tabs a{font-size: 24px; line-height: 34px; color: #4d5260; margin-right: 22px;}
.login-right .login-tabs a:last-child{margin-right: 0;}
.login-right .login-tabs a.active{font-weight: bold; color: #181C29;}
.login-right .input-wrp{position: relative; width: 320px; height: 44px; margin-bottom: 15px;}
.login-right .input-wrp.havTip, .login-right .xieyi.havTip{margin-bottom: 30px;}
.login-right .input-wrp input{width: 280px; height: 44px; font-size: 14px; color: #181C29; padding: 0 20px; border-radius: 4px; outline: 1px solid transparent; background-color: #fff;}
.login-right .input-wrp .ver-img{position: absolute; top: 6px; right: 6px; width: 110px; height: 32px; cursor: pointer;}
.login-right .input-wrp input:focus{outline: 1px solid #3A62C8;}
.login-right .input-wrp.havTip input{outline-color: #EF4B4B;}
.login-right .err-tips{position: absolute; left: 0; bottom: -20px; font-size: 12px; line-height: 16px; color: #ef4b4b;}
.login-right .input-wrp .get-yzm{position: absolute; top: 13px; right: 14px; font-size: 14px; line-height: 20px; color: #3a62c8; background-color: transparent;}
.login-right .slider-item{width: 320px; height: 44px; line-height: 44px; margin-bottom: 15px; border: 0 none; background-color: #fff; border-radius: 4px;}
.login-right .slider-text{color: #828897;}
.login-right .slider-btn{width: 44px; height: 100%; border: 0 none; border-radius: 4px; box-shadow: 2px 2px 10px 1px rgba(204,210,216,0.53);}
.login-right .layui-bg-blue{background-color: #2162F9 !important; border-radius: 4px;}
.login-right .xieyi{position: relative; font-size: 12px; line-height: 16px; margin: 20px 0 15px 0;}
.login-right .xieyi input{position: relative; top: 2px; margin: 0 3px 0 0;}
.login-right .xieyi a{color: #2162F9;}
.login-right .login-btn{width: 320px; height: 44px; margin-bottom: 15px;}
.login-right .login-btn a{display: block; width: 320px; height: 44px; font-size: 14px; line-height: 44px; color: #fff; text-align: center; background-color: #D6D8DE; border-radius: 4px;}
.login-right .login-btn a.active{background-color: #2162F9;}
.login-oth .login-tips{font-size: 12px; line-height: 16px; color: #ef4b4b; text-align: center;}
.login-qs, .login-qs .forget-pass{font-size: 14px; line-height: 20px; color: #828897;}
.login-qs .register{color: #181C29;}
.login-oth-type{text-align: center; margin-top: 30px;}
.login-oth-type .title{position: relative; font-size: 14px; line-height: 20px; color: #bbbfc9; margin-bottom: 40px;}
.login-oth-type .title span{position: relative; padding: 0 20px; background-color: #F6F7F9; z-index: 3;}
.login-oth-type .title::after{content: ''; position: absolute; left: 0; right: 0; top: 10px; width: 100%; height: 1px; background-color: #EEEEEE; z-index: 2;}
.login-oth-type > div.qq, .login-oth-type > div.wx{display: inline-block; width: 44px; height: 44px; background-size: 100%; background-repeat: no-repeat;}
.login-oth-type > div > a{display: block; width: 100%; height: 100%;}
.login-oth-type > div.qq{background-image: url('/p/images/login/qq.png'); margin-right: 64px;}
.login-oth-type > div.wx{background-image: url('/p/images/login/wx.png');}