.login-window{display:flex;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.login-panel{position:relative;display:flex;flex-direction:row;min-width:800px;width:1000px;height:600px;border-radius:8px;margin:auto;background-color:#fff;transition:all .2s}.login-panel>i{cursor:pointer;position:absolute;right:20px;top:20px;width:18px;height:18px;display:inline-flex;justify-content:center;align-items:center;content:"\e689";color:#333;font-family:"iconfont" !important;font-size:18px;font-style:normal}@media screen and (max-width:1400px){.login-panel{width:800px;height:500px}}.login-pic{width:560px;height:100%;background-image:url('../images/login_pic.png');background-size:cover;transition:all .2s}.login-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60%}.login-logo img{margin-top:30px}.login-content{width:440px;transition:all .2s}.login-header{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:30%;box-sizing:border-box;margin-bottom:40px;padding:0 45px;text-align:center;transition:all .2s}.login-header h2{margin:10px 0;letter-spacing:normal;line-height:36px;color:#333;font-size:36px;font-weight:400;font-family:'sans-serif',sans-serif;transition:all .2s}.login-header p{margin:10px 0;letter-spacing:normal;line-height:18px;color:#666;font-size:14px;font-weight:400;font-family:'sans-serif',sans-serif;transition:all .2s}.login-form{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding:0 50px}.login-link{width:100%;text-align:right}.login-link a{text-decoration:none;letter-spacing:normal;color:#333;font-size:14px;font-family:'sans-serif',sans-serif;transition:all .2s}.login-link a:hover{text-decoration:underline}.forget-btn1{display:flex;justify-content:space-between;width:100%;margin-top:20px;transition:all .2s}.forget-btn1 button{cursor:pointer;height:40px;outline:none;font-size:14px;font-family:'sans-serif',sans-serif;transition:all .2s}.login-btn{display:flex;justify-content:space-between;width:100%;margin-top:40px;transition:all .2s}.login-btn button{cursor:pointer;width:50%;height:40px;outline:none;font-size:14px;font-family:'sans-serif',sans-serif;transition:all .2s}.primary-btn{flex-grow:1;border:1px solid #6c9ca6;background-color:#6c9ca6;color:#fff}.primary-btn:hover,.primary-btn:active{border:1px solid #5c8f99;background-color:#5c8f99}.info-btn{min-width:85px;margin-left:10px;border:1px solid #6c9ca6;background-color:#fff;color:#6c9ca6}.info-btn:hover,.info-btn:active{border:1px solid #6c9ca6;color:#fff;background-color:#6c9ca6}.login-terms{margin-top:60px;display:flex;transition:all .2s}.login-terms input{display:inline-flex;width:25px;height:25px;margin:0 5px 0 0}.login-terms label{cursor:pointer;user-select:none;line-height:18px;color:#666 !important;font-size:14px !important;margin-left:15px !important;font-family:'sans-serif',sans-serif}@media screen and (max-width:1400px){.login-pic{width:448px}.login-content{width:352px}.login-header{margin-bottom:20px}.login-header h2{font-size:28px}.login-header p{margin:0}.input-box{margin-bottom:40px}.login-header p,.input-box input,.input-box input::placeholder,.login-link a,.login-btn button{font-size:12px}.login-btn{margin-top:20px}.login-btn button{height:35px}.login-terms{margin-top:20px}}.input-box{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:35px;transition:all .2s}.input-box-inner{display:flex;width:100%;height:34px;padding-bottom:3px;border-bottom:1px solid #999;transition:all .2s}.input-box i{margin:0 5px;font-size:24px}.input-box input{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:0 10px;outline:none;border:none;line-height:16px;letter-spacing:.7px;color:#333;font-size:14px;font-family:'sans-serif',sans-serif;transition:all .2s;height:33px !important}.input-box input::placeholder{color:#dbdbdb;letter-spacing:normal;line-height:14px;font-size:14px;font-family:'sans-serif',sans-serif;transition:all .2s}.input-box>i{position:absolute;bottom:-20px;left:0;display:flex;height:15px;margin-top:5px;color:#ff8d8d;line-height:15px;font-size:12px;font-family:'sans-serif',sans-serif}.safe-check{height:25px;background-color:#ececec;line-height:25px;color:#999;font-size:12px;font-family:'sans-serif',sans-serif}.safe-check .safe-level{color:#666;font-size:12px;font-family:'sans-serif',sans-serif}.register-header{width:100%}.register-header h2{margin:40px 0 80px;text-align:center;letter-spacing:normal;line-height:36px;color:#333;font-size:36px;font-weight:400;font-family:'sans-serif',sans-serif;transition:all .2s}.register-form{display:flex;flex-direction:row;justify-content:space-between;width:74%;margin:0 auto}.register-form h4{margin:0 0 30px;color:#6c9ca6;letter-spacing:normal;line-height:14px;font-size:14px;font-weight:600;font-family:'sans-serif',sans-serif;transition:all .2s}.register-form-content{width:calc((100% - 60px)/2)}.register-btn{width:100%;margin-top:40px;transition:all .2s}.register-btn button{width:100%;height:40px;outline:none;border:1px solid #6c9ca6;background-color:#6c9ca6;color:#fff;font-size:14px;font-family:'sans-serif',sans-serif;transition:all .2s}.register-btn button:hover{border:1px solid #5c8f99;background-color:#5c8f99}.register-pic{position:absolute;bottom:70px;left:85px}.register-pic img{display:block;width:100%}.register-terms{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);display:flex;transition:all .2s}.register-terms input{display:inline-flex;width:14px;height:14px;margin:4px 5px 0 0;outline:none}.register-terms label{cursor:pointer;user-select:none;line-height:18px;color:#666;font-size:14px;font-family:'sans-serif',sans-serif;transition:all .2s}@media screen and (max-width:1400px){.register-header h2{margin:30px 0 40px;font-size:28px}.register-form h4{margin:0 0 20px}.register-terms label{font-size:12px}}