.login {
		display: flex;
		align-items: center;
		height: 100vh;
		justify-content: center;
	}

	.content {
		display: flex;
		width: 70em;
		/* background: aliceblue; */
	}

	.wx {
		width: 100%;
		text-align: center;
		color: #00a4ff;
		font-size: 20px;
		border-bottom: 2px solid #00a4ff;
		padding-bottom: 12px
	}

	.loginway {
		margin: 20px 0 15px 0;
		position: relative;
		/* z-index: 2; */
		width: 66%;
		text-align: center;
		display: inline-block;
	}

	.loginway::before,
	.loginway::after {
		content: "";
		position: absolute;
		top: 50%;
		width: 50%;
		height: 1px;
		border-top: 1px dashed #ddd;
		box-sizing: border-box;
	}

	.loginway::before {
		left: 0;
		transform: translateX(-50%);
	}

	.loginway::after {
		right: 0;
		transform: translateX(50%);
	}

	.content-left {
		/* margin-right: 10%; */
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.content-right {
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border: 1px solid #bbb;
		border-radius: 10px;
		margin: 0 10px;

	}

	.otherway {
		display: flex;
		border-bottom: 1px dashed #ddd;
		width: 100%;
		justify-content: center;
		padding-bottom: 15px;
	}

	.otherway img {
		width: 20px;
		height: 20px;
	}

	.otherway div {
		display: flex;
		/* margin: 15px; */
	}

	.otherwaydiv {
		margin: 0 10px;
		white-space: nowrap;
	}

	.other {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-around;
		border-bottom: 1px dashed #ddd;
		padding: 15px;
	}

	.rightimg {
		width: 128%;
		border-radius: 10px;
	}

	.Refresh :hover {
		color: #00a4ff;
		cursor: pointer;
	}

	.Refreshimg {
		width: 16px;
		height: 16px;
	}

	.outer {
		/* border: 1px solid #ddd; */
		/* padding: 12px; */
		position: relative;
	}

	.outerimg {
		width: 20px;
		height: 20px;
	}

	.outerimg img {
		width: 100%;
	}

	.outertop {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: hsla(0, 0%, 100%, .98);
		cursor: pointer;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		display: none;
		z-index: 12;
	}

	.success {
		width: 184px;
		height: 184px;
		z-index: 999;
	}

	#qrcodeContainer {
		/* border: 1px solid #ddd; */
		padding: 12px;
	}

	.outerprompt {
		display: none;
	}

	.clickRefresh {
		color: #00a4ff;
		height: 18px;
	}

	.clickRefresh:hover {
		border-bottom: 2px solid #00a4ff;
	}

	.act:hover {
		color: #00a4ff;
		cursor: pointer;
	}

	.otherwaydiv div:hover {
		color: #00a4ff;
		cursor: pointer;
	}

	.Refresh {
		display: flex;
		align-items: center;
	}

	.loginCode {
		
		color: #4d90fe;
		border-bottom: 1px solid;
		cursor: pointer;
	}
	.illustrate{
		color: #aaa;
	}