@charset "UTF-8";
/** region 旧登录页 兼容修改密码 **/
.body {
	width: 100%;
	position: absolute;
	min-height: 500px;
	top: 120px;
	bottom: 90px;
	left: 0px;
}
.head-menu {
	height: 120px;
	width: 100%;
}
.logo-area {
	width: 100%;
	height: 100%;
	position: relative;
}
.logo-area img {
	position: relative;
	bottom: -38px;
	left: 15px;
}
.tel-mail-text {
	position: relative;
	float: right;
	right: 15px;
	bottom: -69px;
	font-size: 10px;
}
.tc-footer {
	height: 90px;
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align: center;
	font-size: 10px;
}
.tc-footer span {
	position: relative;
	top: 37px;
}
html{background-color: #fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr {
  margin: 0;
  padding: 0;
  font-family: Microsoft Yahei;
}
img{
	border:0px;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-family: arial,'hiragino sans gb','microsoft yahei','Simsun';
}
li {list-style: none;}
a:link, a:visited {
  text-decoration: none;
}
 @media only screen and (max-width:1280px){.login_wrapper{height:370px}
}
.m-header{color: #fb302f;background-color: rgb(251,48,47); height: 30px; line-height: 30px;}
.m-wrap{width: 1170px; margin: 0 auto;}
.headerBtn{display: inline-block; color: #fff; font-size: 12px; margin-left: 20px;cursor:pointer;}
.header-arrow{display: inline-block;width: 18px; height: 19px; background: url(img/header-arrow.png) no-repeat; vertical-align: middle; cursor: pointer;}
.headerBtn:hover{color:#fff; text-decoration: none;}

.logo-box{padding: 10px 0;}
.hr-shadow{width: 100%;height: 3px; background: url(img/hr_top.png) repeat-x;}
.body-pic{width: 58.3333%; float: left; margin-top: 10px;}

.login-title{width:357px; margin:0 auto; text-align:center; padding-top:20px; font-size:26px; color:#010112; padding-bottom:5px; border-bottom:3px solid #d34137;}
.securityInfo{padding:10px 0 0 0;}
.securityInfo img{margin-right:20px;}
.body .tc-15-msg{background-color:#fffade; border:1px solid #ffc4aa;}
.body .tc-15-msg p{font-size:12px; color:#264663;}
.login_wrapper{width:1000px;margin:0 auto;margin-top:25px;margin-right:140px;position:relative;height:380px;_height:400px;padding-right:10px;}
.mod_login_wrapper{background:#fff;width: 450px; height: 360px; position:relative;float:right;top:10px;border:1px solid #a7867d; border-radius: 5px;}
.mod_login_pre{text-align:center;background:#dbdbdb;border-radius:5px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.45);-moz-box-shadow:0 3px 6px rgba(0,0,0,.45);box-shadow:0 3px 6px rgba(0,0,0,.45);background-image:-webkit-linear-gradient(bottom,#d7d7d7,#f3f3f3);background-image:-moz-linear-gradient(bottom,#d7d7d7,#f3f3f3);background-image:-ms-linear-gradient(bottom,#d7d7d7,#f3f3f3);background-image:linear-gradient(to top,#d7d7d7,#f3f3f3);width:418px;height:310px}
.mod_login_pre .mod_intro{height:70px;padding-top:30px;border-bottom:1px solid #b9b9b9}
.mod_login_pre .mod_intro h2{color:#404a58;font:bold 14px Microsoft Yahei;margin-bottom:10px}
.mod_login_pre .mod_go{padding-top:17px;border-top:1px solid #fff}
.mod_login_pre .mod_go p{color:#798699;margin-top:20px;font:normal 12px Microsoft Yahei}
.mod_login_pre .mod_go .tips{border:1px solid #d19f17;background:#fffee7;color:#264663;padding:8px 15px;margin:0 30px 17px;border-radius:3px;font-family:simsun;text-align:left;line-height:1.5em}
.mod_login_pre button{width:172px;height:62px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0 5px;font:bold 14px Microsoft Yahei}
.mod_login_pre .mod_go .btn_active
{color:#fff;background-color:#3f83c7;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),inset 0 1px #82bdf8;-moz-box-shadow:0 1px 1px rgba(0,0,0,.15),inset 0 1px #82bdf8;box-shadow:0 1px 1px rgba(0,0,0,.15),inset 0 1px #82bdf8;border:solid 1px #2265a8;background-image:-webkit-linear-gradient(bottom,#245588,#4993de);background-image:-moz-linear-gradient(bottom,#245588,#4993de);background-image:-ms-linear-gradient(bottom,#245588,#4993de);background-image:linear-gradient(to top,#245588,#4993de)}
.mod_login_pre .mod_go .btn_normal
{color:#404a58;background-color:#e8e8e8;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),inset 0 1px #fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,.15),inset 0 1px #fff;box-shadow:0 1px 1px rgba(0,0,0,.15),inset 0 1px #fff;border:solid 1px #c8c8c8;background-image:-webkit-linear-gradient(bottom,#e2e2e2,#eee);background-image:-moz-linear-gradient(bottom,#e2e2e2,#eee);background-image:-ms-linear-gradient(bottom,#e2e2e2,#eee);background-image:linear-gradient(to top,#e2e2e2,#eee)}
.mod_login{position:relative;height:300px;width:450px;border-radius:5px; margin-top:0px}
.mod_login_intro{position:relative;width:388px;padding:15px;font:normal 14px/25px Microsoft Yahei;color:#798699;box-shadow:0 1px 3px rgba(0,0,0,0.6);border-top-left-radius:5px;border-top-right-radius:5px}
.mod_login_intro h2{font-size:20px;font-weight:bold;color:#404a58}
.mod_login_intro .reg_link{position:absolute;right:20px;bottom:10px;font-size:12px;font-family:Simsun}
@-webkit-keyframes text-show{0%{opacity:0;-webkit-transform:scale(1.1,1.1)}
100%{opacity:1}
}
/*  |xGv00|c96f961c2857c892f294f1189c87a522 */


input[type="text"]:focus,input[type="password"]:focus {
	outline: 0
}
.head-tool, .head-tool .head-tool-inner, .head-menu, .head-menu .navigation-inner, .tc-footer .tc-footer-columns, .tc-footer {
  min-width: 1000px;
}

input::-ms-clear,input::-ms-reveal {
	display: none;
	width: 0;
	height: 0
}
.login,.login_no_qlogin {
	margin: 0 auto;
	/*border: 2px solid #eee;*/
	position: relative;
	border-radius:5px;
}

.header {
	height: 58px;
	/*padding: 0 40px;
	border-bottom: 1px solid #e2e2e2;*/
	position: relative;
	border-radius: 5px;
	font-family: "微软雅黑";
	text-align: center;
    top: 30px;
    letter-spacing: 6px;
    font-weight: bold;
}

.header li {
	margin: 0; 
	padding: 0;
	float: left;
	width: 227px;
	color: #666;
	display: inline-block;
	text-align: center;
	height: 58px;
	background-color: #e7e7e7;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-top-right-radius: 5px;
	line-height: 58px;
	font-size: 16px;
	outline: 0;
}
.header li:first-child {border-left: none;border-top-left-radius: 5px;margin-left: 0;}

.header li.cur {background-color: #fff;border-bottom: none;font-size: 16px;}
.header li a {
	text-decoration: none;
	color: #666;
}
.header li.cur a {color:#333;}
.login,.login_no_qlogin {
	margin: 0 auto;
	/*border: 2px solid #eee;*/
	position: relative;
	border-radius:5px;
}

.header {
	height: 58px;
	/*padding: 0 40px;
	border-bottom: 1px solid #e2e2e2;*/
	position: relative;
	border-radius: 5px;
	font-family: "微软雅黑";
}

.header li {
	margin: 0; 
	padding: 0;
	float: left;
	width: 227px;
	color: #666;
	display: inline-block;
	text-align: center;
	height: 58px;
	background-color: #e7e7e7;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-top-right-radius: 5px;
	line-height: 58px;
	font-size: 16px;
	outline: 0
}
.header li:first-child {border-left: none;border-top-left-radius: 5px;margin-left: 0;}

.header li.cur {background-color: #fff;border-bottom: none;}
.header li a {
	text-decoration: none;
	color: #666;
}
.header li.cur a {color:#333;}
.autoSwapImg {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.autoSwagImg div {
	position: relative;
	width: auto;
	height: 100%;
	margin: 100px auto 0 auto;
	overflow: hidden;
}
.swap-container {
	position: absolute;
	width: 600%;
	height: 100%;
	z-index: 1;
}

.swap-container-th {
	transition-duration: 300ms;
}

.swap-container img {
	float: left;
	width: 16.66%;
	height: 100%;
}

.swap_btn {
	position: absolute;
	text-align: center;
	bottom: 20px;
	left: 40%;
	z-index: 3;
}

.swap_btn span {
	width: 40px;
	height: 4px;
	margin-left: 10px;
	background: #fff;
	opacity: 0.3;
	bored-radius: 0;
	display: inline-block;
}
.swap_btn span.on {
	opacity: 0.7;
}
.web_login {
	width: 455px;
	position: relative;
	padding-bottom: 30px
}

.web_login .tips {
	height: 37px;
	width: 270px;
	position: relative;
	margin: 0 auto;
	z-index: 11
}

.loginTips {
	position: absolute;
	font-size: 12px;
	height: 40px;
	z-index: 100
}

.loginTips .error_tips {
	padding: 5px;
	border: 1px solid #dad699;
	background: #f9f5c7;
	display: none;
	position: absolute;
	/*bottom: 5px;*/
	top: 25px;
	border-radius: 2px;
	width: 345px;
	left: 53px
}

.loginTips .error_tips .error_logo {
	position: absolute;
	left: 3px;
	height: 18px;
	line-height: 18px;
	width: 18px;
	background: url(../../../img/icon_24_c_3.png) no-repeat 0 -162px;
	_background: url(../../../img/icon_3.png) no-repeat 0 -162px
}

.loginTips .loading_tips {
	text-align: center;
	height: 24px;
	line-height: 24px;
	display: none;
	position: absolute;
	top: 25px;
	width: 418px
}

.loginTips .error_tips .err_m {
	display: inline-block;
	padding-left: 20px;
	line-height: 18px;
	color: #434343;
	vertical-align: middle;
	text-align: left
}

.web_login .operate_tips {
	display: none;
	padding: 8px;
	border: 1px solid #dad699;
	background: #f9f5c7;
	position: absolute;
	bottom: -3px;
	border-radius: 2px
}

.web_login .operate_tips .tips_link {
	color: #f39800
}

.web_login .operate_tips .down_row {
	position: absolute;
	bottom: -6px;
	_bottom: -7px;
	left: 20px;
	width: 12px;
	height: 6px;
	background: url(../../../img/icon_24_c_3.png) no-repeat -162px -161px;
	_background: url(../../../img/icon_3.png) no-repeat -162px -161px;
	font-size: 1px
}

.web_login .operate_tips .operate_content {
	width: 100%;
	text-align: left
}

.web_login .login_form {
	width: 355px;
	margin: 0 auto
}
/*
.web_login .inputOuter {
	width: 272px;
	height: 42px;
	background: url(../../../img/icon_24_c_3.png) no-repeat -1px -1px;
	_background: url(../img/images/icon_3.png) no-repeat -1px -1px
}
.web_login .inputOuter.short {
	background-position: -1px -252px;
	_background: url(../img/images/icon_3.png) no-repeat -1px -241px
}

.web_login .inputOuter_focus {
	width: 272px;
	height: 42px;
	background: url(../../../img/icon_24_c_3.png) no-repeat -1px -45px;
	_background: url(../img/images/icon_3.png) no-repeat -1px -45px
}
*/
.web_login .inputstyle {
	width: 345px;
	position: relative;
	top: 2px;
	left: 2px;
	height: 18px;
	padding: 11px 0 11px 10px;
	line-height: 18px;
	border-radius: 3px;
	background: 0;
	background: url(about:blank)\0;
	background-color: rgba(255,255,255,0.8);
	color: #333;
	font-family: Verdana,Tahoma,Arial;
	font-size: 16px;
	border: 1px solid #d6d6d6;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}
.web_login input[type=text]:focus, .web_login input[type=password]:focus {
	border-color : #71baff;
}
.btn_white {
	color: #0071ce;
	font-size: 12px;
	border-radius: 3px;
	border-radius: 4px\9;
	border: 1px solid #d1d2d3;
	display: inline-block;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	padding: 5px 15px;
	background: #fcfcfc;
	text-decoration: none;
	outline: none;
	min-width: 24px
}
.btn_white:hover,.btn_white:focus {
	background: #f2f2f2;
	border-color: #b4b7bf
}

.btn_valid_width {
	margin-left: 10px;
}
.web_login  .inputstyle.input_valid_num {width: 135px;}
.web_login .input_tips,.web_login .input_tips_focus {
	position: absolute;
	top: 15px;
	+top: 17px;
	left: 13px;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	font-weight: normal;
	cursor: text
}

.web_login .input_tips_focus {
	color: #ddd
}

.web_login .uinArea {
	height: 55px;
	position: relative;
	z-index: 10
}

.web_login .uin_del {
	width: 21px;
	height: 21px;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 10px;
	background: url(../../../img/icon_24_c_3.png) no-repeat -116px -160px;
	_background: url(../img/images/icon_3.png) no-repeat -116px -160px;
	display: none
}

.web_login .uin_del:hover {
	background-position: -139px -160px
}

.web_login .email_list {
	border: 1px solid #70c2ec;
	background: #fff;
	width: 266px;
	position: absolute;
	z-index: 10;
	display: none;
	border-radius: 1px;
	padding: 1px;
	left: 2px
}

.web_login .email_list li,.web_login .email_list p {
	height: 31px;
	line-height: 31px;
	margin: 0;
	overflow: hidden;
	padding-left: 10px
}

.web_login .email_list p {
	height: 16px;
	line-height: 10px
}

.web_login .email_list .hover {
	background: #cbe2fa
}

.web_login .pwdArea, .vnumArea {
	height: 55px;
	position: relative;
	z-index: 3
}
  
.web_login .lock_tips {
	position: absolute;
	top: 32px;
	left: -15px;
	height: 16px;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	display: none;
	border: 1px solid #dad699;
	background: #f9f5c7;
	border-radius: 2px
}

.web_login .lock_tips .lock_tips_row {
	position: absolute;
	top: -6px;
	left: 25px;
	width: 12px;
	height: 6px;
	background: url(../../../img/icon_24_c_3.png) no-repeat -162px -168px;
	_background: url(../img/images/icon_3.png) no-repeat -162px -168px
}

.web_login .verifyArea {
	display: none;
	height: 120px;
	position: relative
}

.web_login .verifyinputArea {
	height: 55px
}

.web_login .verifycode {
	color: #333;
	font-size: 16px
}

.web_login .verifyimgArea {
	position: relative;
	height: 55px;
	cursor: pointer
}

.web_login .verifyimgArea .verifyimg {
	height: 55px;
	width: 150px;
	position: absolute;
	left: 0
}

.web_login .verifyimgArea .verifyimg_tips {
	position: absolute;
	left: 165px;
	top: 15px;
	color: #000
}

.web_login .submit {
	position: relative;
	height: 40px;
	margin-top: 10px;
}

.web_login .login_button {
	width: 100%;
	position: absolute;
	left: 0;
	outline: 0;
}

.web_login .login_button .btn {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	background-color: #154a9a;
}

.web_login .login_button:hover .btn {
	background-color: #154a9a;
}

.web_login .login_button:hover {
	text-decoration: none
}

.web_login .low_login {
	position: absolute;
	left: 140px;
	top: 10px
}

.web_login .low_login .uncheck {
	float: left;
	height: 18px;
	width: 18px
}

.web_login .low_login .checked {
	float: left;
	height: 18px;
	width: 18px
}

.web_login .low_login .low_login_wording {
	height: 16px;
	line-height: 16px;
	line-height: 18px\9;
	cursor: pointer;
	margin-left: 5px
}

.bottom {
	height: 16px;
	margin-bottom: 8px;
	width: 200px;
	position: absolute;
	bottom: 25px;
	right: 50px;
	text-align: right;
	font-size: 12px
}

.bottom .link {
	color: #666
}

.bottom .dotted {
	color: #bfbfbf;
	margin: 0 5px
}

.bottom .vip_link:hover {
	color: red
}

.bottom .low_login {
	position: absolute;
	bottom: 0;
	left: 10px
}

.bottom .low_login .uncheck {
	float: left;
	height: 18px;
	width: 18px
}

.bottom .low_login .checked {
	float: left;
	height: 18px;
	width: 18px
}

.bottom .low_login .low_login_wording {
	height: 16px;
	line-height: 16px;
	line-height: 18px\9;
	cursor: pointer;
	margin-left: 5px
}

.web_qr_login {
	width:100%;
	position: relative;
	height: 290px;
	overflow: hidden;
}

.web_qr_login .web_qr_login_show {
	position: absolute;
	top: 0
}



.hide {
	display: none
}


.bottom .red,.qlogin .face .red {
	color: red
}


.login,.login_no_qlogin {
	/*background-color: #fff;*/
}

.header .logo,.authHeader .logo {
	background: url(../../../img/icon_24_c_3.png) no-repeat;
	;background-position: 0 -280px;
}
.login_wrapper {
	position: relative;
	top: -80%;
	z-index: 999;
}
.login .header li {
	text-align: center;
}
.tel-mail-text img {
	position: relative;
	bottom: -3px;
	margin-right: 15px;
}
.ipv6{
	position: relative;
	top: 40px;
}

.sys_text{
	display: inline-block;
    height: 41px;
    line-height: 41px;
    position: relative;
    left: 20px;
    top: 25px;
    font-size: 30px;
    font-weight: normal;
}
.choose_system{
	color:#3077C8;
	font-size: 16px;
}
.curr_syetem{
	font-size: 16px;
	font-weight:bold;
	color:#267CC9;
}
.userClass{
	background:url(themes/GYZQ/img/mail.JPG);
	background-repeat: no-repeat;
	padding-left: 30px;
	width: 327px;
	background-position: left;
}
/** endregion **/

/** region 新登录页 **/
body,
input,
button,
select,
optgroup,
option,
textarea,
pre {font-family: Arial, Roboto, 'Droid Sans', 'Hiragino Sans GB', 'Microsoft YaHei', 'Simsun', STXihei, 'sans-serif';}

body {
    padding: 20px;
}

body.bg_welcome {
	background-color: #2C465F;
    background-image: url("../img/welcome_bg.jpg");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

body.bg_login {
	background-color: #536277;
	background-image: url("../img/login_bg_1k.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 1921px) {
	body.bg_login {
		background-image: url("../img/login_bg_4k.png");
	}
}

.welcome {
    display: flex;
    justify-content: center;
    top: calc(50% + 170px);
    position: relative;
}

.welcome__btn {
    width: 150px;
    height: 40px;
    font-size: 16px;
    color: white;
    border-radius: 20px;
    cursor: pointer;
    margin-left: 40px;
    margin-right: 40px;
}

.welcome__btn--enter {
    border: 4px solid #498bf1;
    background-color: #498bf1;
}

.welcome__btn--more {
    border: 2px solid white;
    background-color: unset;
	line-height: 40px;
	text-align: center;
}

.login {
    color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.login__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.login-sep {
    width: 1px;
    height: 18px;
    display: inline-block;
    background-color: #929292;
    vertical-align: middle;
    margin: 0 2px;
}

.header-left__img {
    width: 120px;
    height: 26px;
    vertical-align: bottom;
}

.header-left__font {
    font-size: 18px;
    font-weight: bolder;
}

.header-left__font--name {
    color: #498bf1;
}
.header-left__logo {
    background: url(../img/yyt_logo.png) no-repeat;
    width: 70px;
    height: 24px;
    display: inline-block;
    margin-bottom: -3px;
}

.header-right {
    font-size: 12px;
    background-color: rgba(255, 255, 255, 20%);
    border-radius: 20px;
    padding: 10px 20px;
}

.login__content {
    display: flex;
    justify-content: center;
    margin-bottom: 10%;
}

.login__content-panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 12px;
    width: 680px;
    height: 380px;
    background-color: rgba(255, 255, 255, 20%);
    border: 2px solid rgba(255, 255, 255, 50%);
    border-radius: 20px;
    padding: 20px;
}

.login-tab {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.login-tab__a {
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: white;
    border-radius: 20px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 50%);
    background-color: unset;
    text-decoration: unset;
}

.login-tab__a--select {
    border: 1px solid #498bf1;
    background-color: #498bf1;
}


.login-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 100px;
}
.login-form__input-wrapper {
    position: relative;
}
.login-form__input-wrapper .icon {
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    left: 10px;
    top: 10px;
}
.login-form__loading {
    display: none;
    font-size: 14px;
    padding: 10px;
}
.login-form__error {
    font-size: 14px;
    color: red;
    padding: 10px;
}

.icon-user {
    background-image: url("../img/icon_user.png");
}

.icon-lock {
    background-image: url("../img/icon_lock.png");
}
.login-form__input {
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    background-color: unset;
    border: 0;
    border-bottom: 1px solid white;
    color: white;
    padding-left: 40px;
}
/** 禁用 chrome 自动填充样式 **/
.login-form input:-webkit-autofill {
	-webkit-text-fill-color: white !important;
	transition: background-color 5000s ease-in-out 0s;
}
.login-form__input::placeholder {
    color: #c2c5c8;
}
.login-form__input:focus {
    outline: 0;
}
.login-form__forget {
    position: absolute;
    right: 0;
    width: 90px;
    line-height: 40px;
    color: white;
    border: 0;
    background-color: unset;
    cursor: pointer;
}
.login-form__valid-num {
    position: absolute;
    right: 0;
    width: 100px;
    line-height: 40px;
    color: white;
    border: 0;
    background-color: unset;
    cursor: pointer;
}
.login-form__valid-num:disabled {
    cursor: unset;
}

.login-form__btn-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.login-form__btn {
    width: 75%;
    height: 45px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    border: 0;
    border-radius: 20px;
    background-color: rgb(217, 88, 88);
    cursor: pointer;
}

.login-other {
    font-size: 14px;
    display: flex;
    justify-content: space-around;
}
.login-other__left {
    color: white;
    text-decoration: unset;
    padding: 0 10px;
}

.login-other__remember {}
.login-other__checkbox {
    vertical-align: bottom;
}

.login__footer {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/** endregion **/