.member-page{background:#7dc3ff;background:linear-gradient(180deg,#40a1ff,#b5e3ff);height:100vh;overflow-x:hidden;position:relative;width:100vw}.member-page .member-box{border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.15);display:flex;height:575px;margin-left:auto;margin-right:auto;margin-top:calc(40vh - 230px);overflow:hidden;position:relative;width:980px}.member-page .member-box__left{background-image:url(/images/login-bg.png?fb54a4edc8344fb223619c8eefc983b9);height:100%;width:470px}.member-page .member-box__right{background-color:#fff;padding-top:40px;position:relative;width:calc(100% - 470px)}.member-page .member-box__right .bind-tip{background-color:#53c066;border-radius:0 5px 0 0;color:#fff;font-size:15px;left:0;padding:12px 20px;position:absolute;right:0;text-align:center;top:0}.member-page .member-box__right .bind-tip a{color:#fff;float:right;font-size:16px}.member-page .member-box__right .bind-tip a:hover{color:hsla(0,0%,100%,.8)}.member-page .member-box__right>div.title{color:#333;font-size:24px;font-weight:600;margin:40px 0;text-align:center}.member-page .member-box__right .login-nav{margin:30px auto 20px;width:330px}.member-page .member-box__right .login-nav a{color:#757575;display:inline-block;padding:0 15px;position:relative}.member-page .member-box__right .login-nav a.active,.member-page .member-box__right .login-nav a:hover{color:#20a0ff}.member-page .member-box__right .login-nav a:before{background:#cfd8dc;content:"";height:10px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}.member-page .member-box__right .login-nav a:first-of-type{padding-left:0}.member-page .member-box__right .login-nav a:first-of-type:before{display:none}.member-page .member-box__right .layui-form{margin:0 auto;width:330px}.member-page .member-box__right .form-item{margin-bottom:22px}.member-page .member-box__right .form-item .input{border:1px solid #cfd8dc;border-radius:2px;font-size:12px;padding:13px 10px;width:calc(100% - 20px)}.member-page .member-box__right .form-item .input:focus{border-color:#20a0ff}.member-page .member-box__right .form-item .input[type=password]{font-family:Arial}.member-page .member-box__right .form-item .input::-webkit-input-placeholder{color:#bababa;font-size:13px}.member-page .member-box__right .form-item .input:-moz-placeholder,.member-page .member-box__right .form-item .input::-moz-placeholder{color:#bababa;font-size:13px}.member-page .member-box__right .form-item .input:-ms-input-placeholder{color:#bababa;font-size:13px}.member-page .member-box__right .form-item.send-code{position:relative}.member-page .member-box__right .form-item.send-code .send-btn{border:0;border-radius:0;bottom:0;height:auto;padding-right:0;position:absolute;right:15px}.member-page .member-box__right .form-item.send-code .send-btn:before{border-left:1px solid #ddd;content:"";height:30px;left:0;position:absolute;top:5px}.member-page .member-box__right .form-item.send-code .send-btn[disabled]{cursor:not-allowed}.member-page .member-box__right .form-item.send-code .send-btn:hover{color:#666}.member-page .member-box__right .form-action{padding-top:20px;text-align:center}.member-page .member-box__right .form-action .action-help{color:#666;font-size:14px;line-height:30px;margin-top:20px}.member-page .member-box__right .third-login{display:flex;justify-content:center;margin-top:15px}.member-page .member-box__right .third-login a{background-color:#f2f2f2;border-radius:30px;color:#777;display:inline-block;height:40px;line-height:40px;text-align:center;width:40px}.member-page .member-box__right .third-login a i.icon{font-size:24px}.member-page .member-box__right .third-login a:hover{background-color:#e9e9e9;color:#333}.member-page .member-footer{bottom:25px;font-size:12px;left:calc(50% - 600px);position:absolute;text-align:center;width:1200px}.member-page .member-footer p.copy-right{color:rgba(0,0,0,.4)}