#login{position: fixed;left: 0;top: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;z-index: 101;visibility: hidden;}
#login::before{content: "";height: 100%;}
#findpassword{position: fixed;left: 0;top: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;z-index: 101;visibility: hidden;}
#findpassword::before{content: "";height: 100%;}
.login-container{max-width: 1024px;border-radius:10px;box-shadow:0 0 10px 0px rgba(145,134,69,0.2);display: flex;text-align: center;position: relative;width: 90%;}
.login-logo{background: url(/images/user/lg_bg.png) no-repeat;background-size:cover; flex: none;min-width: 300px;border-radius: 0 10px 10px 0;width: 32%;}
.account-login{flex: 1;min-width: 360px;background-color: #fff;border-radius: 10px 0 0 10px;}
.account-login-area{width: 60%;padding: 75px 20% 48px;background: url(/images/user/bg.png) no-repeat;background-size: cover;border-radius: 10px;}
.account-login h2{font-size: 36px;line-height: 45px;color: #1B1B1B;padding-bottom: 50px;}
.login-nav{position: relative;}
.login-nav>ul{display: flex;justify-content: center;}
.login-nav>ul li{color: #646464;font-size: 16px;padding-bottom: 8px;margin:0 10%;box-sizing: border-box;position: relative;cursor: pointer;overflow: hidden;}
.login-nav>ul li::before{content: '';border-bottom: 3px solid #1B1B1B;width: 100%;position: absolute;bottom: 0;background-color: #1B1B1B;transition: left .3s ease-in;left: -100%;}
.login-nav>ul li.selected{color: #1B1B1B;}
.login-nav>ul li.selected::before{left: 0;}
.login-nav .error{position: absolute;width: 100%;height: 32px;background-color: #FFF8DF;border: 1px solid #FFC500;box-sizing: border-box;border-radius: 4px;top: -42px;text-align: left;line-height: 32px;font-size: 12px;color: #646464;display: none;}
.login-nav .error>i{background: url(/images/user/icon.png) no-repeat;width: 14px;height: 14px;display: inline-block;margin: -3px 8px 0 11px;vertical-align: middle;background-size:cover;}
.login-form{position: relative;overflow: hidden;padding-top: 36px;padding-right: 5px;}
.login-form ul li{position: relative;}
.login-form ul li+li{margin-top: 67px;}
.login-form ul li>div{border-bottom: 1px solid #EDEDED;padding-bottom: 9px;position: relative;}
.login-form ul li input{width: 100%;font-size: 16px;border: none;}
.login-form ul li>div::before{content: '';width: 100%;border-bottom: 1px solid #333;position: absolute;bottom: 0;left: -101%;transition: left 0.5s ease-in;}
.login-form ul li>div.selected::before{left: 0;}
.login-form ul li em{background: url(/images/user/reg_look.png) no-repeat 0 center;width: 18px;height: 19px;position: absolute;right: 0;top: 5px;cursor: pointer;background-size: contain;}
.login-form ul li em:hover{background: url(/images/user/reg_look2.png) no-repeat 0 center;background-size: contain;}
.login-form ul li em.close{background: url(/images/user/reg_look1.png) no-repeat 0 center;background-size: contain;}
.login-form ul li em.close:hover{background: url(/images/user/reg_look3.png) no-repeat 0 center;background-size: contain;}
.login-form ul li p.msg{position: absolute;left: 0;bottom: -25px;font-size: 14px;color: #ACACAC;display: none;}
.login-form ul li p.msg>a{color: #1B1B1B;}
.login-form ul li p.msg.red-msg{color: #FF214F;}

.login-form ul li.message-li{display: flex;justify-content: space-between;}
.login-form ul li.message-li>div{width: 65%;}
.login-form ul li.message-li>div input{width: 100%;}
.login-form ul li.message-li a{min-width: 80px;width:29%;border: 1px solid #1B1B1B;border-radius:10px;line-height: 42px;height: 42px;color: #1B1B1B;font-size: 14px;position: absolute;right: 0;bottom: 0;cursor: pointer;}
.login-form ul li.message-li a.gray{border-color: #C5C6CA;color: #C5C6CA;}
.login-form ul li.message-li a.light{border-color: #fff;box-shadow:0px 0px 6px 0px rgba(255,203,0,1);}
.login-form ul li.message-li a:hover{border-color: #fff;box-shadow:0px 0px 6px 0px rgba(255,203,0,1);}

.forget-pwd{text-align: right;margin-top: 9px;}
.forget-pwd a{ font-size: 14px;color:#ACACAC;cursor: pointer;}
.login-btn{display: flex;margin-top: 72px;}
.login-btn>a{background-color: #1B1B1B;width: 100%;line-height: 60px;flex: 1;color: #fff;font-size: 16px;border-radius: 10px;cursor: pointer;}
.login-btn>a:hover{background-color: #313131;}
.login-btn>a.gray{background-color: #C5C6CA;}
.login-link{color: #ACACAC;font-size: 14px;margin-top: 12px;}
.login-link>a{color: #1B1B1B;cursor: pointer;}

.account-close{position: absolute;right: -31px;top: 0;font-size: 22px;color: #EDEDED;cursor: pointer;}
.account-close:hover{color: #fff;}

/* 忘记密码 */
.login-form .error{position: absolute;width: 100%;height: 32px;background-color: #FFF8DF;border: 1px solid #FFC500;box-sizing: border-box;border-radius: 4px;top: 0;text-align: left;line-height: 32px;font-size: 12px;color: #646464;display: none;}
.login-form .error>i{background: url(/images/user/icon.png) no-repeat;width: 15px;height: 14px;display: inline-block;margin: -3px 8px 0 11px;vertical-align: middle;}