html,body{margin:0;padding:0}.knpk-bg{padding:0;margin:0;width:100%;height:100vh;background-image:url(/cn/images/login/knpk-bg.png);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;background-size:cover}.knpk-bg .knpk-box{width:50%;height:50%;margin:0 auto;display:flex;justify-content:flex-start;flex-wrap:wrap}.knpk-bg .knpk-box .knpk-box-left{width:45%;background:linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(18,78,133,0.35) 91%)}.knpk-bg .knpk-box .knpk-box-left .knpk-box-left-text{width:56.8%;margin-top:54px;margin-left:46px}.knpk-bg .knpk-box .knpk-box-right{width:55%;background:#fff;display:flex;justify-content:center}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box{width:70%}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-title{font-size:15px;font-weight:normal;padding-top:54px;padding-bottom:10px;color:#666666}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code{font-size:15px;font-weight:normal;padding-top:30px;padding-bottom:10px;color:#666666}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-input{width:100%;height:50px;background:#F6F6F6;border-radius:4px;display:flex;align-items:center}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-input .knpk-box-right-box-input-img{width:20px;height:20px;margin-left:10px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-input .input-text{border:none;background:transparent;font-size:12px;margin-left:2px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-input .input-text:focus{outline:none}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code-box{width:100%;display:flex;align-items:center;justify-content:space-between}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code-box .knpk-box-right-box-input{width:65%;height:50px;background:#F6F6F6;border-radius:4px;display:flex;align-items:center}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code-box .knpk-box-right-box-input .knpk-box-right-box-input-img{width:20px;height:20px;margin-left:10px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code-box .knpk-box-right-box-input .input-text{border:none;background:transparent;font-size:12px;margin-left:2px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code-box .knpk-box-right-box-input .input-text:focus{outline:none}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code-box .code{width:30%;height:50px;background:#E60012;border-radius:4px;font-size:12px;text-align:center;line-height:50px;color:#fff}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .bottom-box{width:100%;height:55px;background:#E60012;border-radius:4px;margin-top:88px;font-size:15px;text-align:center;line-height:55px;color:#fff}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .bottom-box a{text-decoration:none;color:#fff}.knpk-bg .knpk-footer{width:100%;height:71px;background:rgba(0,0,0,0.3);position:absolute;bottom:0;display:flex;justify-content:space-between;align-items:center;position:fixed}.knpk-bg .knpk-footer .knpk-footer-img{width:92px;height:43.65px;margin-left:42px}.knpk-bg .knpk-footer .knpk-footer-text{font-size:15px;font-weight:normal;color:#FFFFFF;margin-right:70px}@media screen and (max-width:1366px){.knpk-bg .knpk-box{width:70%;height:70%;margin:0 auto;flex-wrap:wrap}.knpk-bg .knpk-box .knpk-box-left{height:100%}.knpk-bg .knpk-box .knpk-box-left .knpk-box-left-text{width:40%;margin-top:40px;margin-left:40px}.knpk-bg .knpk-box .knpk-box-right{height:100%}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .bottom-box{margin:50px auto 50px}}@media screen and (max-width:768px){.knpk-bg .knpk-box{width:80%;height:70%}.knpk-bg .knpk-box .knpk-box-left{width:100%;height:30%}.knpk-bg .knpk-box .knpk-box-left .knpk-box-left-text{width:35%;margin-top:30px;margin-left:40px}.knpk-bg .knpk-box .knpk-box-right{width:100%;height:60%}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box{width:80%}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-title{font-size:14px;padding-top:20px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-input{height:40px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code{font-size:14px;padding-top:20px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code-box .knpk-box-right-box-input{width:60%;height:40px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code-box .code{width:35%;height:40px;line-height:40px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .bottom-box{margin:40px 0 20px;height:45px;line-height:45px}.knpk-bg .knpk-footer .knpk-footer-img{margin-left:5px}.knpk-bg .knpk-footer .knpk-footer-text{margin-right:0;font-size:14px;margin-left:40px}}@media screen and (max-height:599px){.knpk-bg .knpk-box{width:80%;height:80%;align-content:flex-start}.knpk-bg .knpk-box .knpk-box-left{width:100%;height:20%}.knpk-bg .knpk-box .knpk-box-left .knpk-box-left-text{width:20%;margin-top:10px;margin-left:30px}.knpk-bg .knpk-box .knpk-box-right{width:100%;height:60%}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box{width:80%}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-title{font-size:14px;padding-top:10px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-input{height:30px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-input .knpk-box-right-box-input-img{height:15px;width:15px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code{font-size:14px;padding-top:10px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code-box .knpk-box-right-box-input{width:60%;height:30px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code-box .knpk-box-right-box-input .knpk-box-right-box-input-img{height:15px;width:15px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .knpk-box-right-box-code-box .code{width:35%;height:30px;line-height:30px}.knpk-bg .knpk-box .knpk-box-right .knpk-box-right-box .bottom-box{margin:30px 0 20px;height:35px;line-height:35px}.knpk-bg .knpk-footer .knpk-footer-text{margin-right:20px;font-size:14px}}