@import url(./flexable.css);

html,
body {
	height: 100%;
}

.layui-anim {
	animation-duration: 2s !important;
	-webkit-animation-duration: 2s !important;
}

body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.layui-input-block {
	/* position: relative; */
	margin-left: unset !important;
}

.showzhanshi{
	display: none;
}
#get-code-btn1 {
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 129px;
	height: 38px;
	background-color: #49b490;
	border-radius: 8px 8px 8px 8px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
	font-weight: bold;
letter-spacing: 3px;
font-size: 20px;
font-style: italic;
}
#myCheckbox {
	z-index: 9999999999;
	-webkit-appearance: none; /* 移除Webkit浏览器默认样式 */
	-moz-appearance: none; /* 移除Firefox浏览器默认样式 */
	-ms-appearance: none; /* 移除IE浏览器默认样式 */
	appearance: none; /* 标准语法 */
	display: inline-block; /* 或者其他需要的布局 */
	width: 20px; /* 根据需要设置宽度 */
	height: 20px; /* 根据需要设置高度 */
	background-color: #fff; /* 背景色 */
	border: 1px solid #ccc; /* 边框 */
	/* margin-right: -10px; */
	position: relative; /* 用于定位自定义的勾选标记 */
	top: 6px;
	right: -36px; 
	/* right: -22px; */
  }
   
  /* #myCheckbox:checked {
	background-color: rgb(178, 178, 199);
	
  } */
   /* 选中状态的背景色 */
   
  #myCheckbox:checked::after {
	content: "✔"; /* 自定义勾选标记 */
	color: rgb(239, 242, 245); /* 标记颜色 */
	position: absolute;
	width: 100%;
	text-align: center;
	/* padding-left: 20px; */
	background-color: rgb(1, 161, 139);;
	left: 0%;
	/* top: 20%; */
	transform: translate(-50%, -50);
  }
.login_container {
	padding: 0.4267rem;
	/* padding: 32px; */
	height: 100%;
	display: flex;
}

.left_login_info {
	position: relative;
	width: 50%;
	height: 100%;
	background-image: url('https://zaiyou-dev.obs.cn-north-4.myhuaweicloud.com/web%2F202404%2F2a2003a0f5a04242bf222c2d34e5de61.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.left_login_info .mask {
	width: 100%;
	height: 100%;
	border-radius: 0.2667rem;
	background: linear-gradient(180deg, rgba(0, 111, 95, 0.8) 0%, rgba(0, 111, 95, 0.6) 50%, rgba(1, 161, 139, 0.2) 100%);
}

.left_login_info .icon {
	width: 159px;
	height: 34px;
	margin-top: 40px;
	margin-left: 40px;
}

.title_desc_box {
	margin-top: 8.6667rem;
	margin-left: 5rem;
	/* margin-top: 200px;
	margin-left: 96px; */
	opacity: .9;
}

.title_desc_box h3 {
	font-weight: bold;
	font-size:2.5em;
	/* font-size: 48px; */
	color: #FFFFFF;
}

.title_desc_box p {
	/* font-size: 24px; */
	font-size: 1.8em;
	color: #FFFFFF;
}

.desc_box {
	font-size: 1.5em;
	/* font-size: 20px; */
	color: #FFFFFF;
	margin-top: 3rem;
	margin-left:5rem;
	/* margin-top: 82px;
	margin-left: 96px; */
	opacity: .8;
}

.desc_box div {
	margin-top: 1rem;
	/* margin-top: 25px; */
	display: flex;
	align-items: center;
}

.desc_box p.ring {
	width: 0.6rem;
	/* width: 15px; */
	/* 设置元素的宽度 */
	height: 0.6rem;
	/* height: 15px; */
	/* 设置元素的高度 */
	border: 0.25rem solid #000;
	/* 设置边框为10px实现圆环效果 */
	border-radius: 50%;
	/* 使边框圆角化 */
	border-top-color: #FFFFFF;
	/* 上边框设置为透明 */
	border-bottom-color: #FFFFFF;
	/* 下边框设置为透明 */
	border-left-color: #FFFFFF;
	/* 左边框设置为透明 */
	border-right-color: #FFFFFF;
	/* 右边框设置为透明 */
	border-radius: 50%;
	/* 使边框圆角化 */
	box-sizing: border-box;
	/* 防止宽度和高度包含边框 */
	margin-right:0.1067rem;
	/* margin-right: 8px; */
}

.bottom_copy_right {
	position: absolute;
	bottom: 3.0067rem;
	left: 5rem;
	font-size:1em;
	/* bottom: 80px;
	left: 96px;
	font-size: 14px; */
	color: #FFFFFF;
	opacity: .6;
}

.right_form_info {
	position: relative;
	width: 50%;
	height: 100%;
}

.right_form_info .content {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 396px;
	height: 600px;
	/* background-color: pink; */
	margin: auto;
}

.right_form_info .content .login_right_logo {
	width: 159px;
	height: 34px;
}

.right_form_info .content .desc {
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	letter-spacing: 2px;
	margin-top: 12px;
}

.right_form_info .content .form_box {
	margin-top: 60px;
}

/* .right_form_info .content .form_box .layui-form-item { */
	/* display: flex;
	flex-wrap: wrap; */
/* } */

.right_form_info .content .form_box .layui-form-item .layui-form-label {
	padding: unset !important;
	text-align: left;
	margin-bottom: 8px;
	font-size: 16px;
	color: #26203B;
	width: unset!important;
}

.right_form_info .content .form_box .layui-form-item .layui-input::placeholder {
	font-size: 14px;
	color: #9C9AA5;
}

.right_form_info .content .form_box .layui-form-item .layui-input {
	width: 396px;
	height: 48px;
	background: #FFFFFF;
	box-shadow: 0px 4px 8px 0px rgba(1, 161, 139, 0.1);
	border-radius: 8px 8px 8px 8px;
	border: 1px solid rgba(1, 161, 139, 0.4);
}

.right_form_info .content .form_box .layui-form-item .layui-input:focus {
	box-shadow: 0px 4px 8px 0px rgba(1, 161, 139, 0.1) !important;
	border: 1px solid rgba(1, 161, 139, 1) !important;
}

.right_form_info .content .form_box .layui-form-item .layui-input-block {
	/* position: relative; */
	margin-left: unset !important;
}

.no_login_tips {
	font-size: 14px;
	color: #9C9AA5;
}

.withdrawal_dialog1 {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 9999;
}
.withdrawal_dialog1 .mask1 {
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background-color: #000000;
}
.left{
	float: right;
	margin-top: 40px;
}
.hide {
	display: none;
} 
.quxiao{
	width: 76px;
height: 30px;
border-radius: 6px 6px 6px 6px;
border: 1px solid #DFDFDF;
font-size: 16px;
}
.login-button{
	width: 114px;
height: 30px;
background: #01A18B;
border-radius: 6px 6px 6px 6px;
font-size: 16px;
color: #FFFFFF;
border: none;
}
.withdrawal_dialog1 .content1 .top{
	display: flex;
	font: size 15px;;
	font-weight: 500;
color: #333333;
	justify-content: space-between;
}

.withdrawal_dialog1 .content1 {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 396px;
	height: 125px;
	background: #FFFFFF;
	border-radius: 9px;
	padding: 22.5px;
	/* padding-top: .45rem; */
}
  .layui-form-checkbox i {
	visibility: hidden;
	position: relative;
	top: 0;
	left: 20px;
	/* width: px !important;
	height: 15px !important;
	margin-top: 8px; */
	/* font-size: 5px;
	font-weight: bold;
	text-align: center;
	line-height: 15px; */
  }

.login_btn {
	margin-top: 10px;
	width: 396px !important;
	height: 48px !important;
	background-color: #01A18B !important;
	border-radius: 8px 8px 8px 8px !important;
	font-size: 16px !important;
	color: #FFFFFF;
	text-align: center;
	line-height: 48px !important;
	cursor: pointer;
}

.login_btn:hover {
	opacity: .9;
}

.user_agree_info {
	color: #9C9AA5;
	font-size: 14px;
	margin-top: 24px;
	text-align: center;
}

.user_agree_info a {
	color: #01A18B;
}

.user_agree_info a:hover {
	color: #01A18B;
	text-decoration: underline;
}

.get-code-btn {
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 129px;
	height: 38px;
	background-color: #E8F7F2;
	border-radius: 8px 8px 8px 8px;
	font-size: 16px;
	color:#01a18b;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
}