.dl-left {
	width: 34%;
	margin-right: 12%;
}

.dl-left img {
	width: 100%;
}

.dl-right {
	flex: 1;
	overflow: hidden;
	/* padding-right: 30px; */
	padding-top: 193px;
}

.dl-body {
	display: flex;
	background-attachment:fixed; 
	background-image: url('../img55.png');
	background-size: cover;
	/* background-position: center center; */
	background-repeat: no-repeat;
	/* background-position: center 0;  */
	min-height: 100vh;
}

.lcont {
	padding: 48px 20px;
}

.lcont .logo {
	width: 180px;
	/* height: 44px; */
}

.lms {
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 48px;
	color: #FFFFFF;
	margin-top: 80px;
}

.qtms {
	display: flex;
	margin-top: 30px;
	font-size: 18px;
	color: #FFFFFF;
}

.qtms>div {
	display: flex;
	align-items: center;
	margin-right: 24px;
}

.qtms img {
	width: 32px;
	height: 32px;
	margin-right: 10px;
}

.c71a {
	color: #71A0FE;
}

.yy-switch {
	margin-left: 30px;
}

.dl-right {
	overflow: hidden;
	padding-bottom: 30px;
}

.ma-t40 {
	margin-top: 40px;
}

.pa-r40 {
	padding-right: 40px;
}

.zc {
	color: #4458FE;
}

.hybody {
	/* padding-left: 220px; */
	margin-top: 100px;
}

.title {
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 40px;
	color: #3A3F63;
}

.dlts {
	background-color: rgba(232, 236, 248, 1);
	padding: 4px 10px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #171717;
	max-width: 800px;
}

.dlts .glyphicon {
	color: #4458FE;
}

.ma-l8 {
	margin-left: 8px;
}

.tssm {
	font-size: 16px;
	color: #3A3F63;
	margin-top: 37px;
}

.codediv {
	width: 200px;
	height: 200px;
	background: #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #DAE0F2;
	padding: 10px;
	margin-top: 16px;
}

.codediv img {
	width: 100%;
}

.ma-t24 {
	margin-top: 24px;
}

.gxk {
	cursor: pointer;
}

.gxk img {
	width: 20px;
	height: 20px;
	margin-right: 8px;
}

.ma-t200 {
	margin-top: 80px;
}

.dlbtn {
	width: 186px;
	height: 48px;
	background: #FFFFFF;
	box-shadow: 0px 4px 16px 1px rgba(179, 192, 231, 0.32);
	border-radius: 28px 28px 28px 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #3A3F63;
	margin-right: 30px;
	cursor: pointer;
}

.dlbtn img {
	width: 29px;
	height: 23px;
	margin-right: 8px;
}

.fts {
	font-size: 16px;
	color: #6A74A5;
	/* text-align: center; */
	/* padding: 30px 0; */
	margin-top: 120px;
}

.idiv {
	margin-top: 25px;

}

.ititle {
	font-size: 16px;
	color: #3A3F63;
	margin-bottom: 4px;
}

.ipdiv {
	width: 62%;
	height: 56px;
	background: #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #DAE0F2;
	padding: 0 20px;
	font-size: 16px;
	display: flex;
	align-items: center;
}

.codei {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 400px;
}

.codei input {
	width: calc(100%/7);
	height: 56px;
	border-radius: 4px;
	border: 1px solid #DAE0F2;
	box-sizing: border-box;
	text-align: center;
	/* margin-right: 20px; */
}

.ipdiv input {
	flex: 1;
}

.iicon {
	width: 29px;
	height: 29px;
	cursor: pointer;
}

.iicon2 {
	width: 24px!important;
	height: 12px!important;
}

.jjmm {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #3A3F63;
}

.jjmm img {
	width: 20px;
	height: 20px;
	margin-right: 8px;
}

.wjmm {
	font-size: 16px;
	color: #3A3F63;
}

.w750 {
	width: 750px;
}

.loginbtn {
	width: 280px;
	height: 64px;
	background: linear-gradient(45deg, #4F8AFF 0%, #4B5EFF 100%);
	box-shadow: 0px 4px 16px 1px #B3C0E7;
	border-radius: 50px 50px 50px 50px;
	text-align: center;
	line-height: 64px;
	font-size: 20px;
	color: #FFFFFF;
	margin-top: 40px;
	cursor: pointer;
	margin-right: 60px;
}

.loginbtn1 {
	background: #BAC4E6;
}

.loginbtn:hover {
	background: linear-gradient(45deg, #4F8AFF 0%, #4B5EFF 100%);
}

/* 不一样的注册 */
.getcode {
	font-size: 16px;
	color: #4458FE;
	cursor: pointer;
}

/* 忘记密码 */
.wjtop {
	display: flex;
	align-items: center;
	padding: 48px 50px;
	flex: 1;
	justify-content: space-between;
}

.logo {
	width: 180px;
	/* height: 44px; */
}

.wjmm-body {
	/* max-width: 750px; */
	margin: 0 auto;
}

.wjtitle {
	text-align: center;
}

.czcg {
	position: fixed;
	width: 520px;
	height: 320px;
	background: #FFFFFF;
	border-radius: 16px 16px 16px 16px;
	top: 50%;
	left: 50%;
	margin-top: -160px;
	margin-left: -260px;
	z-index: 220;
}

.gbicon {
	width: 32px;
	height: 32px;
	margin: 10px;
	cursor: pointer;
}

.tscont {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.head {
	width: 80px;
	height: 80px;
	position: relative;
}

.head .hicon {
	width: 80px;
	height: 80px;
}

.head .tsicon {
	width: 35px;
	height: 35px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: -10px;
	margin-right: -10px;
	z-index: 10;
}

.cgts {
	font-size: 20px;
	color: #3A3F63;
	margin-top: 24px;
}

.gxts {
	font-size: 16px;
	color: #6A74A5;
	margin-top: 6px;
	padding: 0 30px;
}

.tsdlbtn {
	display: inline-block;
	width: 120px;
	height: 40px;
	background: #4378FF;
	border-radius: 28px 28px 28px 28px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 26px;
}

.zhbox{
	width: 62%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
.zhbox1{
	width: 50%;
	height: 56px;
	background: #4378FF;
	border-radius: 4px;
	text-align: center;
	line-height: 56px;
	font-weight: 500;
	font-size: 18px;
	color: #FFFFFF;
	cursor: pointer;
}
.zhbox2{
	color: #3A3F63;
	background: #F5F5FA;
}
.wjmm{
	width: 80px;
	height: 80px;
}
.Group{
	width: 40px;
	height: 40px;
	position: relative;
	top: 25px;
	left: -33px;
}
.bzzz{
	margin-top: 126px;
}

@media (min-width: 768px) and (max-width: 991px){
	.dl-left{
		width: 100%!important;
	}
	.dl-body{
		background: #fff;
		display: block;
		
	}
	.dl-right{
		padding: 0px 40px!important;
	}
	.lcont1{
		display: none;
	}
	.lms{
		margin-top: 0;
		text-align: center;
	}
	.bzzz{
		margin-top: 0px;
	}
}
@media screen and (max-width: 767px){
	.dl-left{
		width: 100%!important;
	}
	.dl-body{
		background: #fff;
		display: block;
		
	}
	.dl-right{
		padding: 0px 20px!important;
	}
	.lcont1{
		display: none;
	}
	.lcont{
		padding: 30px;
	}
	.zhbox, .ipdiv{
		width: 100%;
	}
	.lms{
		margin-top: 0;
		text-align: center;
		font-size: 40px;
	}
	.bzzz{
		margin-top: 0px;
	}
	.loginbtn{
		width: 50%;
		margin-right: 10px;
		height:50px;
		line-height:50px;
		margin-top: 20px;
	}
	.fts{
		margin-top: 20px;
	}
	.wjmm{
		height: 30px;
	}
	.ma-t200{
		margin-top: 20px;
		justify-content: center;
		
	}
	.dlbtn{
		margin-right: 0	;
	}
}