html, body {height: 100%; overflow: hidden;}
body {background-image: url(../../images/admin/2.0/login-bg.png); background-position: center 64px; background-repeat: no-repeat; background-size: cover;}
.oldie body {background: none;}

/* 内容宽度 */
.wrap {position:relative; width:1200px; margin:0 auto; z-index:1;}

.huoniao_mobile {overflow-y: auto;}
.huoniao_mobile .wrap {width: 90%;}
.huoniao_mobile section .left {max-width: 45%;}


/* 头部 */
header {height: 64px; background-color: #fff;}
header h1 {margin: 0; padding: 13px 0 0; line-height: 38px; font-size: 0;}
header h1 img {display: inline-block; height: 38px; object-fit: cover;}

/* 内容左侧 */
section {display: block;}
section .left {float: left; margin-top: 190px;}
section .left .title h2 {font-size: 40px; font-weight: 700; color: #000; margin: 0 0 10px; padding: 0; line-height: 1.5em;}
section .left .title p {font-size: 20px; color: #797A80;}
section .left .title p a {color: #797A80;}
section .left .secure-tip {margin-top: 150px;}
section .left .secure-tip h5 {font-size: 14px; color: #000; border-bottom: 1px solid #CBD3E5; padding: 0 0 10px 0; margin-bottom: 15px;}
section .left .secure-tip h5 img {display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin: -2px 3px 0 0;}
section .left .secure-tip p {font-size: 13px; color: #797A80; line-height: 2em; padding-right: 5px;}

/* 内容右侧 */
section .right {position: relative; float: right; margin-top: 128px; width: 360px; min-height: 400px; padding: 50px 50px 150px; background: #fff; box-shadow: 0px 3px 12px 0px rgba(0,26,128,0.05); border-radius: 4px;}

/* 登录方式切换 */
.right .tabs {border-bottom: 1px solid #EBEEF2; list-style: none; padding: 0; margin: 0 0 30px;}
.right .tabs li {display: inline-block; margin-right: 60px; position: relative; font-size: 18px; color: #292933; font-weight: 700; line-height: 60px; cursor: pointer;}
.right .tabs .wechat {display: none;}
.right .tabs .curr {color: #1973FF;}
.right .tabs .curr::after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background-color: #337AFF; box-shadow: 0px 3px 8px 0px rgba(50,117,250,0.2); border-radius: 1px;}

/* 错误信息 */
.error-msg {display: none; background: #FFE6E6; border-radius: 6px; font-size: 14px; color: red; padding: 5px 8px; margin: -10px 0 20px 0;}

/* 表单 */
#login-form .item {display: none;}
#login-form .curr {display: block;}
#login-form .field {position: relative; margin-bottom: 15px;}
#login-form .field input {position: relative; z-index: 1; width: calc(100% - 74px);height: 44px; background: #fff; border: 1px solid #E1E7ED; border-radius: 4px; padding: 0 44px 0 30px; outline: none; box-shadow: none;}
#login-form .field .icon {position: absolute; z-index: 2; left: 8px; top: 50%; margin-top: -9px; width: 18px; height: 18px; background-size: cover; background-position: center; background-repeat: no-repeat;}
#login-form .field .icon-userid {background-image: url('../../images/admin/2.0/login-user.png');}
#login-form .field .icon-pwd {background-image: url('../../images/admin/2.0/login-pwd.png');}
#login-form .field .icon-phone {background-image: url('../../images/admin/2.0/login-phone.png');}
#login-form .field #eyes {position: absolute; z-index: 2; width: 44px; height: 44px; right: 1px; top: 1px; background: url('../../images/admin/2.0/eye-close.png') no-repeat center; background-size: 18px; cursor: pointer; font-size: 0;}
#login-form .field #eyes.curr {background-image: url(../../images/admin/2.0/eye-open.png);}
#login-form .field .send-btn {position: absolute; z-index: 2; right: 0; top: 0; padding: 0 15px; height: 44px; line-height: 44px; color: #1973FF; font-size: 14px; cursor: pointer;}
#login-form .field .send-btn::before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 20px; margin-top: -10px; background: linear-gradient(0deg, rgba(225,231,237,0), rgba(225,231,237,100), rgba(225,231,237,0));}
#login-form .field .send-btn.disabled {color: #666; cursor: no-drop;}

/* 提交按钮 */
#login-form .btn {width: 100%; height: 46px; padding: 0; text-shadow: none; border: 0; box-shadow: none; line-height: 46px; background: linear-gradient(90deg, #2B75FF 0%, #267DFF 100%); border-radius: 4px; text-align: center; font-size: 15px; color: #fff; margin-top: 35px;}

/* 其他登录方式 */
.right .other {position: absolute; left: 0; right: 0; bottom: 50px; text-align: center;}
.right .other h5 {position: relative; height: 15px; overflow: hidden; font-size: 13px; color: #797A80; margin: 0; line-height: 15px;}
.right .other h5::after {content: ''; position: absolute; left: 50%; top: 7px; width: 220px; height: 1px; background-color: #e6e6ee; margin-left: -110px; z-index: 1;}
.right .other h5 span {position: relative; z-index: 2; padding: 0 10px; background-color: #fff;}
.right .other .btns {margin-top: 25px; color: #303133; font-size: 14px;}
.right .other .btns p {display: inline-block; margin: 0 auto; cursor: pointer;}
.right .other .btns .normal {display: none;}
.right .other .btns img {display: inline-block; width: 28px; height: 28px; vertical-align: middle; margin: -2px 5px 0 0;}

/* 版本所有 */
footer {position: absolute; bottom: -20px; left: 0; right: 0; text-align: center; font-size: 12px; color: #919399;}
footer hidden {color: transparent; font-size: 0;}

/* 错误提示信息 */
.error-tips {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; display: none;}
.error-tips::after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0, 0, 0, .4); backdrop-filter: blur(3px);}
.error-tips .container {position:fixed; z-index: 2; left: 50%; top: 28%; margin: 0 0 0 -240px; width: 480px; padding: 50px 0; background: #fff; box-shadow: 0px 3px 12px 0px rgba(0,5,26,0.1); border-radius: 10px; overflow: hidden; animation: popup .2s ease-out;}
.error-tips.hidden .container {animation: topFadeOut .2s ease-out;}
.error-tips .container::before {content: ''; position: absolute; z-index: -1; left: 0; top: 0; right: 0; width: 100%; height: 120px; background: linear-gradient(180deg, #E7F0FF 0%, #fff 100%); border-radius: 10px 10px 0px 0px;}
.error-tips .container .close {position: absolute; right: 0; top: 0; width: 40px; height: 40px; cursor: pointer; background: url('../../images/admin/2.0/login-close.png') no-repeat center; background-size: 24px; opacity: 1;}
.error-tips .container .icon {display: block; width: 86px; height: 86px; margin: 0 auto 20px; background: url('../../images/admin/2.0/login-fail-tip.png') no-repeat center; background-size: cover;}
.error-tips .container .info {font-size: 16px; color: #303133; padding: 0 30px; line-height: 1.5em; text-align: center;}
.error-tips .container button {display: block; margin: 40px auto 0; width: 160px; height: 40px; background: linear-gradient(90deg, #387EFF 0%, #3888FF 100%); border-radius: 4px; text-align: center; line-height: 40px; color: #fff; font-size: 15px; border: 0; padding: 0;}


/* 膨胀后变正常尺寸 */
@keyframes popup{
	0%{-webkit-transform:scale(0);}
	60%{-webkit-transform:scale(1.1);}
	100%{-webkit-transform:scale(1);}
}








.l-left {float:left; width:460px; padding-top:30px;}
.l-right {float:left;}
.l-right h2 {font-size:30px; font-weight:500; color:#333;}
.l-right dl {margin-bottom:15px;}
.l-right dt label {display:inline; line-height:40px; font-size:16px; color:#555;}
.l-right dd {margin:0;}
.l-right dd .l-input {position:relative;}
#password {font-family:Verdana,Tahoma,Arial; width: 256px; padding-right: 44px;}
.l-right dd .l-input s {position:absolute; z-index:2; top:0; left:5px; width:36px; height:40px; background:url(../../images/admin/lIcon.png) no-repeat;}
.l-right dd .username s {background-position:0 -2px;}
.l-right dd .password s {background-position:0 -40px;}
.l-right .loginInput {position:relative; z-index:1; width:290px; height:32px; font-size:18px; line-height:32px; padding:5px 10px 5px 40px; margin:0;}
.l-right .rember label {display:inline; line-height:18px;}
.l-right .submit {padding-top:15px;}
.l-right .submit input {padding:11px 35px; letter-spacing:5px;}
.l-right p {line-height:1.5em; color:#666;}
#togglePassword {position: absolute; z-index: 2; right: 1px; top: 1px; width: 42px; height: 42px; background: #fff url(../../images/admin/lIcon.png) 4px -78px; font-size: 0; text-indent: -999em; cursor: pointer;}
#togglePassword.active {background-position: 4px -111px;}

/* 版权信息 */
.copyright {position:absolute; bottom:0; left:0; width:100%; font-size:12px; line-height:30px; text-align:center;}


.oldie .wrap, .oldie .bgmark, .oldie .copyright {display: none;}

/* 浏览器升级提示 */
.update-layer {position: fixed; _position: absolute; top: 0; left: 0; right: 0; bottom: 0; _width: 100%; _height: 950px; background-color: #000; opacity: .5; filter: alpha(opacity=50); z-index: 1000; overflow: hidden;}
.update-frame {width: 690px; height: 260px; z-index: 1001; left: 50%; top: 50%; margin-left: -365px; margin-top: -170px; padding: 40px 0 40px 40px; position: fixed; _position: absolute; background: url(../../images/admin/browserBg.jpg); overflow: hidden;}
.update-frame h2 {margin: 0; font-size: 20px; color: #666f8e; font-weight: 500;}
.update-frame h3 {margin: 0 0 20px; line-height: 30px; font-size: 17px; color: #f60; font-weight: 500;}
.update-frame p {color: #999; font-size: 12px;}
.update-frame p img {vertical-align: middle; margin: -3px 3px 0 0;}
.update-frame ul {width: 200%; height: 80px; margin: 0; padding: 20px 0 0 0;}
.update-frame li {float: left; width: 70px; text-align: center; list-style: none; margin: 0 43px 0 0; padding: 0;}
.update-frame li a {display: block; line-height: 25px; color: #666465; font-size: 12px;}
.update-frame li a img {width: 55px; height: 55px; display: block; margin: 0 auto 5px;}
.update-frame li a:hover {color: #666465; text-decoration: none;}
.update-frame .tip {position: absolute; right: 15px; bottom: 5px;}
.update-frame .tip strong {color: #888;}
.update-frame .tip a {color: #999; border-bottom: 1px dotted #999;}
.update-frame .tip a:hover {text-decoration: none;}