body{background:#eff5f9!important;color:#27374b;font-family:"Microsoft YaHei","PingFang SC",sans-serif}.header{background:#19568a!important;border:0!important;color:#fff}.header .logo{display:flex;align-items:center;gap:16px}.header .logo a{display:flex;align-items:center;color:#fff!important}.header .logo a::after{content:'海浪小说';font-size:26px;font-weight:600;margin-left:12px}.header .logo img{width:48px!important;height:auto!important}.header .logo span{color:#fff!important}.header .logo em{display:none}.box-center{max-width:1120px;width:calc(100% - 40px)!important}.login-area-wrap{background:#fff;border:1px solid #dce6ef;border-radius:8px;max-width:800px;margin:50px auto!important;display:flex;align-items:center}.login-op-img{width:45%!important;float:none!important}.login-op-img img{max-width:100%;height:auto}.login-wrap{flex:1;float:none!important;min-width:0;padding:24px;box-sizing:border-box}.login-box{width:100%!important}.blue-btn,.login-button{background:#1477d4!important;border-radius:5px}.footer,.footer p{color:#718399}.input-mode dd input{font-size:16px!important}.reg-wrap,.reg-step{max-width:100%}
@media(max-width:700px){.box-center{width:calc(100% - 24px)!important;min-width:0!important}.header .logo{gap:8px}.header .logo a::after{font-size:22px}.login-op-img{display:none}.login-area-wrap{margin:24px auto!important;display:block}.login-wrap{width:100%!important;max-width:none!important;padding:24px 18px}.login-box{margin:0!important}.reg-wrap{width:auto!important;padding:20px 12px!important}.reg-step{width:100%!important}.footer{width:100%!important;min-width:0!important}.reg-form{margin:0!important;width:100%!important}.reg-form input{max-width:70vw}.wrap{min-width:0!important;width:100%!important}}
.login-box{box-sizing:border-box}.footer{position:static!important;left:auto!important;margin:24px auto 0!important;box-sizing:border-box}.login-area-wrap{padding:30px 0!important;height:auto!important}.login-wrap{height:auto!important;border:0!important}
@media(max-width:700px){.login-box{padding:8px 0!important;border:0!important;height:auto!important;min-height:0!important}.login-area-wrap{padding:12px 0!important}.login-wrap{padding:18px!important}.footer{padding:20px 12px!important;text-align:center}.header .logo a img{background:transparent}.input-mode dd{box-sizing:border-box;width:100%!important}}
@media(max-width:700px){.box-center-reg{width:calc(100% - 24px)!important;max-width:100%!important;margin:20px auto!important;box-sizing:border-box}.reg-wrap,.reg-form-wrap,.reg-form-list{width:100%!important;box-sizing:border-box}.reg-wrap{background:white;border:1px solid #dce6ef;border-radius:8px}.reg-form-list{padding:0!important}.reg-form-wrap{padding:24px 0!important}.reg-form-list dd{margin:0 0 20px!important;display:flex!important;flex-wrap:wrap;align-items:center}.reg-form-list dd em{width:72px!important;flex-shrink:0;margin:0!important}.reg-form-list dd input{width:calc(100% - 78px)!important;max-width:none!important;box-sizing:border-box}.reg-form-list .deal,.reg-form-list .reg-btn{margin-left:0!important;padding-left:0!important}.reg-step span{font-size:13px!important}.reg-step{padding:0!important}.reg-form-list .blue-btn{max-width:100%;box-sizing:border-box}}
@media(max-width:700px){.reg-form-list .go-reg{display:block;width:100%!important;margin:18px 0!important}}