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