html,body{ height: 100%;}

.login-box{ position: absolute; height: 100%; width: 100%;}

.login-left{ width: 68%; height: 100%; background: url(../img/login_bg.jpg) center center no-repeat; background-size: cover;}
.login-right{ position: relative; width: 32%; height: 100%; padding: 40px;}

/* .login-logo{ margin-top: 30px;} */
.login-title{ margin-top: 110px; font-size: 30px; color: #777;}

/* .login-form{ margin-top: 30px;} */
.login-form .input-box{ margin-bottom: 20px; position: relative;}
.login-form input{ display: block; width: 100%; padding: 0 10px; margin: 0; border: 1px solid #CCD0D1; border-radius: 4px; height: 52px; line-height: 52px;}

.login-form .icon{ position: absolute; top: 0; right: 0; width: 50px; height: 52px; line-height: 52px; text-align: center;}
.login-form .icon a{ display: block; height: 52px; background: url(../img/icon/icon_eyes2.png) center center no-repeat;}
.login-form .icon.active a{ display: block; height: 52px; background: url(../img/icon/icon_eyes.png) center center no-repeat;}

.login-form .button-span{ position: absolute; top: 1px; right: 0; width: 150px; height: 50px; border-left: 1px solid #CCD0D1; line-height: 52px;}
.login-form .button-span img{ margin: 0; padding: 0; width: 148px; height: 50px; vertical-align: top;}
.login-form .button-span a{ color: #A3AFB7; font-size: 14px;}

.login-a a{ margin-left: 20px; color: #FF5B36;}

.login-copy{ position: absolute; left: 0; right: 0; bottom: 30px; color: #76838F; font-size: 18px;}
.login-copy span{ color: #FF5B36;}

.service-box{ display: none; width: 600px; height: 500px; background: #fff; border-radius: 4px;}

.qrcode-txt{ font-size: 16px; color: #999;}

.qrcode img{ width: 220px; height: 220px;}