#login{position:relative;margin:0;padding:0;overflow:hidden}#login *{box-sizing:border-box}#login .login_wrap{max-width:395px;width:100%;position:fixed;left:50%;top:50%;transform:translate(calc(-50% - .5px),calc(-50% - .5px));z-index:1}#login .login_wrap .top{text-align:center}#login .login_wrap .top .logo{width:180px;height:46px;margin:0 auto}#login .login_wrap .top>p.desc{font-size:15px;color:#999;font-weight:500;margin-top:20px}#login .login_wrap .ipbox{padding:10px 20px}#login .login_wrap .ipbox li:not(:last-child){margin-bottom:15px}#login .login_wrap .ipbox li>span{font-size:13px;font-weight:500;color:#666;display:block}#login .login_wrap .ipbox li>label{display:flex;align-items:center;height:50px;padding-left:18px;position:relative;border:1px solid #bbb;border-radius:8px;margin-top:8px}#login .login_wrap .ipbox li>label:focus-within{border-color:#00508f}#login .login_wrap .ipbox li>label i{display:flex;color:#8d96a1}#login .login_wrap .ipbox li input[type=password],#login .login_wrap .ipbox li input[type=text]{width:100%;height:100%;padding:0 16px;margin:0 16px 0 0;right:0;font-size:15px;font-weight:500;border:none;outline:none;background-color:transparent;box-sizing:border-box}#login .login_wrap .ipbox li input::placeholder{color:#999;font-weight:500;font-size:13px}#login .login_wrap .ipbox li ::-webkit-input-placeholder{color:#999;opacity:1;font-weight:400}#login .login_wrap .ipbox li :-moz-input-placeholder,#login .login_wrap .ipbox li ::-moz-input-placeholder{color:#999;opacity:1;font-weight:400}#login .login_wrap .ipbox li :-ms-input-placeholder{color:#999;opacity:1;font-weight:400}#login .login_wrap .ipbox li :input-placeholder{color:#999;opacity:1;font-weight:400}#login .login_wrap .ipbox li ::-webkit-select-placeholder{color:#999;opacity:1;font-weight:400}#login .login_wrap .ipbox li :-moz-placeholder,#login .login_wrap .ipbox li ::-moz-placeholder{color:#999;opacity:1;font-weight:400}#login .login_wrap .ipbox li ::placeholder{color:#999;opacity:1;font-weight:400}#login .login_wrap .ipbox .chbox{padding-top:15px}#login .login_wrap .ipbox .login_btn{margin-top:30px;position:relative}#login .login_wrap .ipbox .login_btn button{width:100%;height:50px;color:#fff;font-size:15px;font-weight:600;text-align:center;background:#00508f;border-radius:8px;border:none;outline:none;cursor:pointer}#login .login_wrap .ipbox .login_btn button:hover:before{transition:opacity;opacity:.1;transform:none}#login .login_wrap .ipbox .login_btn button:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#242a30;border-radius:inherit;opacity:0;transition:.15s;pointer-events:none}#login .login_wrap .ipbox .login_btn i{position:absolute;right:30px;top:50%;transform:translateY(calc(-50% - .5px));color:#fff;font-size:20px;transition:all .2s ease-in-out}#login .login_wrap .ipbox .login_btn:hover i{animation:btn_hover 1.5s infinite}#login .find_wrap{padding:20px 0 48px;text-align:center}#login .find_wrap li{position:relative;display:inline-block}#login .find_wrap li>a{display:inline-block;font-size:14px;line-height:17px;text-decoration:none;color:#888}#login .find_wrap li+li{padding-left:28px}#login .find_wrap li+li:before{content:"";position:absolute;top:3px;left:12px;width:1px;height:12px;border-radius:.5px;background-color:#dadada}