.imgveriyPop .content {
	display: block;
}

.imgveriyPop .flex {
	display: flex;
}

.imgveriyPop .sendbtn {
	width: 120px;
	height: 40px;
	background: #096FF5;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	padding: 0;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}
@media screen and (min-width: 767px) {
	html, body {
		/* overflow-x: hidden; */
		min-width: 1025px;
		position: relative;
		width: 100%;
		min-width: 1250px;
		overflow-x: inherit;
	}
	.escimg {
		width: 300px;
		position: absolute;
		top: 26px;
		left: 383px;
		z-index: 99;
	}

	.indexDiv {
		margin-bottom: 20px;
	}

		.indexDiv .indexbk1 {
			width: 100%;
			height: auto;
		}

		.indexDiv .bk {
			background-image: url(https://www.codac.org.cn/images/registpc/index_bk2.png);
			height: 430px;
			background-size: cover;
			background-repeat: no-repeat;
		}

		.indexDiv .partDiv {
			display: flex;
			justify-content: space-between;
			margin: auto;
			width: 1230px;
			background-image: url('https://www.codac.org.cn/images/registpc/index_bk2.png')
		}

			.indexDiv .partDiv .div {
				width: 375px;
				height: 400px;
				background: rgba(255,255,255,0.9);
				box-shadow: 0px 0px 30px 0px rgba(236,236,236,0.5);
				border-radius: 8px;
				padding: 40px 30px;
				margin-top: -55px;
			}

				.indexDiv .partDiv .div .title img {
					width: 25px;
					height: 25px;
					margin-right: 8px;
				}

				.indexDiv .partDiv .div .title {
					font-size: 20px;
					font-weight: bold;
					text-align: center;
					margin-bottom: 10px;
					font-family: SourceHanSansCN, SourceHanSansCN;
				}
			.indexDiv .partDiv .indexbk1 {
				display: block;
			}
			.indexDiv .partDiv .mpart3{
				display: none;
			}
			.indexDiv .partDiv .part1 p {
				height: 50px;
				line-height: 50px;
				border-bottom: 1px #d3d3d3 dashed;
			}

			.indexDiv .partDiv .part1 a {
				color: #0165EB;
				font-weight: 400;
				font-family: PingFang-SC, PingFang-SC;
			}

				.indexDiv .partDiv .part1 a:hover {
					color: #0857c0;
				}

			.indexDiv .partDiv .part1 .btn {
				width: 100%;
				height: 50px;
				line-height: 50px;
				background: #DFEDFF;
				color: #333;
				font-weight: 500;
				text-align: center;
				border-radius: 40px;
				margin-top: 30px;
				font-size: 18px;
				cursor: pointer;
			}

				.indexDiv .partDiv .part1 .btn:hover {
					background: #0165EB;
					color: #fff;
				}

			.indexDiv .partDiv .part2 {
				position: relative;
			}

				.indexDiv .partDiv .part2 .indexreg {
					width: 200px;
					position: relative;
					display: block;
					left: 67px;
					top: 43px;
				}

				.indexDiv .partDiv .part2 .tip span {
					font-weight: 500;
					font-family: PingFang-SC, PingFang-SC;
					font-size: 14px;
					position: absolute
				}

					.indexDiv .partDiv .part2 .tip span:first-child {
						top: 205px;
						left: 34px;
					}

					.indexDiv .partDiv .part2 .tip span:nth-child(2) {
						top: 123px;
						left: 88px;
					}

					.indexDiv .partDiv .part2 .tip span:nth-child(3) {
						top: 123px;
						left: 250px;
					}

					.indexDiv .partDiv .part2 .tip span:nth-child(4) {
						top: 205px;
						left: 300px;
					}

				.indexDiv .partDiv .part2 .btn {
					width: 100%;
					height: 50px;
					line-height: 50px;
					background: #0165EB;
					color: #fff;
					font-weight: 500;
					text-align: center;
					border-radius: 40px;
					margin-top: 30px;
					font-size: 18px;
					cursor: pointer;
					margin-top: 95px;
				}

					.indexDiv .partDiv .part2 .btn:hover {
						background: #0354c1;
						color: #fff;
					}

			.indexDiv .partDiv .part3 .main {
				display: flex;
				justify-content: space-between;
				margin: 66px 15px;
			}

				.indexDiv .partDiv .part3 .main div {
					text-align: center;
				}

					/*.indexDiv .partDiv .part3 .main div:hover {
						transform: scale(1.1);
					}*/

				.indexDiv .partDiv .part3 .main img {
					width: 70px;
					height: auto;
				}

				.indexDiv .partDiv .part3 .main span {
					font-weight: 500;
					font-family: PingFang-SC, PingFang-SC;
					font-size: 14px;
				}

				.indexDiv .partDiv .part3 .main p {
					font-weight: 500;
					font-family: PingFang-SC, PingFang-SC;
					font-size: 14px;
					margin-top: 5px;
				}

			.indexDiv .partDiv .part3 .btn {
				width: 100%;
				height: 50px;
				line-height: 50px;
				background: #DFEDFF;
				color: #333;
				font-weight: 500;
				text-align: center;
				border-radius: 40px;
				margin-top: 30px;
				font-size: 18px;
				cursor: pointer;
			}

				.indexDiv .partDiv .part3 .btn:hover {
					background: #0165EB;
					color: #fff;
				}

	.loginPop .el-dialog {
		max-width: 600px;
		background-color: transparent;
		background-image: url('https://www.codac.org.cn/images/registpc/dialogbk.png');
		background-repeat: no-repeat;
		background-size: cover;
		box-shadow: none;
		border-radius: 12px;
		background-position: bottom;
	}

		.loginPop .el-dialog .el-dialog__body {
			padding: 30px 40px;
		}

		.loginPop .el-dialog .el-dialog__headerbtn {
			position: absolute;
			top: -30px;
			right: -22px;
			padding: 0;
			background: 0 0;
			border: none;
			outline: 0;
			cursor: pointer;
			font-size: 16px;
			border: 2px solid;
			border-radius: 50%;
			width: 24px;
			height: 24px;
			line-height: 20px;
			color: #fff;
		}

			.loginPop .el-dialog .el-dialog__headerbtn .el-dialog__close {
				color: #fff;
			}

	.loginPop .content {
		display: flex;
	}

	.loginPop .leftDiv {
		text-align: center;
	}

		.loginPop .leftDiv p:first-child, .rightDiv p:first-child {
			font-size: 17px;
			font-weight: 500;
			color: #333;
			text-align: center;
		}

		.loginPop .leftDiv img {
			margin: 20px 0;
		}

		.loginPop .leftDiv .wxcodeimg {
			position: relative;
			width: 140px;
		}

		.loginPop .leftDiv .wxborderimg {
			position: absolute;
			left: 35px;
			top: 77.5px;
			width: 155px;
		}

		.loginPop .leftDiv .faviconimg {
			position: absolute;
			z-index: 99999999;
			top: 154px;
			left: 97px;
			margin: 0;
		}

		.loginPop .leftDiv p:last-child {
			font-size: 12px;
			color: #C3C3C3;
		}

			.loginPop .leftDiv p:last-child > span {
				font-size: 12px;
				color: #0A9D00;
				font-weight: 500;
			}

	.loginPop .boderstyle {
		margin: 0 30px;
		width: 1px;
		background: #E7E7E7;
	}

	.loginPop .rightDiv {
		flex: 2;
	}

		.loginPop .rightDiv .el-input__inner {
			background: #F7F8FC;
			border: none;
		}

			.loginPop .rightDiv .el-input__inner::placeholder {
				color: #D3D3D3;
				font-size: 14px;
				padding: 0;
			}

		.loginPop .rightDiv .firstinput {
			margin-top: 25px;
		}

			.loginPop .rightDiv .firstinput .el-input__inner {
				background-image: url('https://www.codac.org.cn/images/registpc/input_phone.png');
				background-repeat: no-repeat;
				background-size: 20px;
				background-position: 15px 8.5px;
				padding: 0px 45px;
			}

		.loginPop .rightDiv .secondinput {
			width: 64%;
		}

			.loginPop .rightDiv .secondinput .el-input__inner {
				background-image: url('https://www.codac.org.cn/images/registpc/input_veriy.png');
				background-repeat: no-repeat;
				background-size: 20px;
				background-position: 15px 8.5px;
				padding: 0px 45px;
			}
			.loginPop .rightDiv .second2input .el-input__inner {
				background-image: url('https://www.codac.org.cn/images/registpc/input_veriy2.png');
				background-repeat: no-repeat;
				background-size: 22px;
				background-position: 15px 8.5px;
				padding: 0px 45px;
			}
		.loginPop .rightDiv .flex {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 15px;
		}

			.loginPop .rightDiv .flex > span {
				cursor: pointer;
				color: #BC262C;
				text-decoration: underline;
				font-size: 15px;
			}

				.loginPop .rightDiv .flex > span:hover {
					color: #ba1319;
				}

		.loginPop .rightDiv .btnstyle {
			height: 42px;
			color: #fff;
			background: #BC262C;
			border-radius: 4px;
			text-align: center;
			line-height: 42px;
			margin-top: 35px;
			cursor: pointer;
			font-size: 16px;
		}

		.loginPop .rightDiv .joinstype {
			text-align: right;
			margin-top: 20px;
			color: #01113A;
			font-size: 12px;
			cursor: pointer;
		}

			.loginPop .rightDiv .joinstype:hover {
				color: #030c24;
			}

	.defineloginPop .btnstyle {
		height: 42px;
		color: #fff;
		background: #BC262C;
		border-radius: 4px;
		text-align: center;
		line-height: 42px;
		cursor: pointer;
		width: 180px;
		margin: 35px auto 20px;
	}
	.defineloginPop .cardnostyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_cardno.png');
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 13.5px;
		padding: 0px 45px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
	.noticDiv .logostyle {
		text-align: center;
	}

		.noticDiv .logostyle img {
			width: 330px;
			margin: 40px 0;
		}

	.noticDiv .stepDiv {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 50px;
		margin-top: 10px;
	}

		.noticDiv .stepDiv .title span:first-child {
			color: #fff;
			background: #E0E0E0;
			border-radius: 50%;
			line-height: 30px;
			height: 30px;
			width: 30px;
			display: inline-block;
			text-align: center;
			font-family: PingFang-SC, PingFang-SC;
			font-weight: 600;
		}

		.noticDiv .stepDiv .avtivestyle span:first-child {
			color: #fff;
			background: #096FF5;
		}

		.noticDiv .stepDiv .title span:last-child {
			color: #A7A7A7;
			font-family: PingFang-SC, PingFang-SC;
			font-weight: 600;
			font-size: 16px;
			margin-left: 5px;
		}

		.noticDiv .stepDiv .avtivestyle span:last-child {
			color: #161D41;
		}

		.noticDiv .stepDiv .stepline {
			width: 150px;
			border: 1px dashed #ccc;
			opacity: 0.56;
			height: 1px;
			margin: 0 10px;
		}

		.noticDiv .stepDiv .steplines {
			width: 64px;
			border: 1px dashed #ccc;
			opacity: 0.56;
			height: 1px;
			margin: 0 10px;
		}

	.noticDiv .content {
		background-image: url('https://www.codac.org.cn/images/registpc/notic_bk.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.noticDiv .pstyle {
		margin: auto;
		width: 600px;
	}

	.noticDiv .content .notictit {
		font-size: 20px;
		text-align: center;
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: 500;
	}

	.noticDiv .content .firstspan {
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: 600;
		margin-top: 50px;
		margin-bottom: 10px;
		color: #161D41;
		font-size: 18px !important;
	}

	.noticDiv .content .pstyle p {
		font-family: PingFang-SC, PingFang-SC;
		line-height: 36px;
		font-size: 15px;
	}

	.noticDiv .content .pstyle span {
		font-weight: 500;
	}

	.noticDiv .content .el-checkbox {
		font-family: PingFang-SC, PingFang-SC;
		line-height: 0;
		font-weight: normal;
	}

	.noticDiv .content .el-checkbox__label {
		font-size: 15px;
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: 400;
	}

	.noticDiv .content .el-checkbox__input.is-disabled + span.el-checkbox__label {
		color: #999999;
		cursor: not-allowed;
		font-weight: normal !important;
	}

	.noticDiv .content .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
		background-color: #fff;
		border-color: #999;
	}

		.noticDiv .content .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
			border-color: #999;
		}

	.noticDiv .content .el-checkbox__inner::after {
		height: 9px;
		left: 5px;
		top: 1px;
	}

	.noticDiv .content .el-checkbox__input {
		vertical-align: middle;
		margin-bottom: 2px;
	}

	.noticDiv .btndiv {
		display: flex;
		padding: 50px 0 70px;
		margin: auto;
		width: 600px;
		justify-content: center;
	}

	.noticDiv .submitbtn {
		width: 200px;
		height: 45px;
		background: #096FF5;
		color: #fff;
		border-radius: 4px;
		text-align: center;
		line-height: 45px;
		font-size: 15px;
		cursor: pointer;
	}

	.noticDiv .backbtn {
		width: 200px;
		height: 45px;
		background: #fff;
		border: 1px solid #D8DCE4;
		border-radius: 4px;
		text-align: center;
		color: #333;
		line-height: 45px;
		font-size: 15px;
		cursor: pointer;
	}

	.regDiv {
		width: 640px;
		margin: auto;
		/*background-image: url('https://www.codac.org.cn/images/registpc/icon_bk.png');
		background-repeat: no-repeat;
		background-size: 635px;*/
	}

	.iconbkstyle {
		width: 600px;
		position: absolute;
	}

	.regDiv .regtipstyle {
		background: linear-gradient(90deg, #FFFFFF 0%, #FFFBF4 47.37%, #FFFFFF 100%);
		border-radius: 4px;
		border: 1px solid #E9DFCB;
		color: #BC262C;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 400;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin-bottom: 10px;
	}

		.regDiv .regtipstyle img {
			width: 17px;
			margin-right: 2px;
			vertical-align: middle;
			margin-top: -2px;
		}

	.regDiv .el-select {
		width: 100%;
	}

	.regDiv .el-form-item {
		margin-bottom: 10px;
		position: relative;
	}

	.regDiv .el-input__inner::placeholder, .regDiv .picstyle span {
		color: #333;
		font-family: PingFang-SC, PingFang-SC;
		font-size: 16px;
		font-weight: 400;
		margin-top: -2px;
	}
	.x-layout .el-checkbox__inner {
		width: 17px;
		height: 17px;
	}
	.x-layout .el-checkbox__inner::after {
		height: 10px;
		left: 6px;
	}

	.regDiv .idtypestyle .el-select .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_card.png');
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 13.5px;
		padding: 0px 45px;
	}
	.regDiv .sexstyle .el-select .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_sex.png');
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 13.5px;
		padding: 0px 45px;
	}
	.regDiv .namestyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_user.png');
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 12.5px;
		padding: 0px 45px;
	}

	.regDiv .cardnostyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_cardno.png');
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 12.5px;
		padding: 0px 45px;
	}

	.regDiv .addressstyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_address2.png');
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 12.5px;
		padding: 0px 45px;
	}
	.regDiv .addressstyle2 .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_address.png');
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 12.5px;
		padding: 0px 45px;
	}
	.regDiv .nationstyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_nation.png');
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 12.5px;
		padding: 0px 45px;
	}
	.regDiv .nationalitystyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/guoji.png');
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 14px;
		padding: 0px 45px;
	}
	.regDiv .picstyle {
		position: relative;
	}

		.regDiv .picstyle .icon {
			width: 22px;
			position: absolute;
			top: 13px;
			left: 15px;
		}

		.regDiv .picstyle .faceicon {
			top: 2px;
		}

		.regDiv .picstyle .icon_face_pic {
			display: inline-block;
			border: 1px dashed #d9d9d9;
			margin-left: 12px;
			width: 110px;
			text-align: center;
			border-radius: 6px;
			cursor: pointer;
		}

			.regDiv .picstyle .icon_face_pic:hover {
				border: 1px dashed rgb(9, 111, 245);
			}

	.regDiv .facepicstyle {
		margin-bottom: 33px;
	}

	.regDiv .picstyle .icon_face_pic img {
		/*width: auto;*/
		width: 102px;
		height: 100.96px;
	}

	.regDiv .picstyle .facewordstyle {
		top: -1px;
	}

	.regDiv .picstyle .tit {
		margin-left: 46px;
		margin-top: 3px;
		display: inline-block;
	}

	.regDiv .picstyle .facetit {
		position: relative;
		top: -37px;
	}

	.regDiv .picstyle .spanstyle {
		position: absolute;
		top: 62px;
		left: 135px;
		color: #474747;
		cursor: pointer;
	}

	.regDiv .wordstyle {
		color: #999;
		font-size: 14px;
		position: relative;
		left: 111px;
		top: -34px;
		z-index: 99;
		height: 25px;
	}

	.regDiv .requiredstyle {
		color: #FF0000 !important;
		position: absolute;
		right: -13px;
		top: 10px;
	}

	.regDiv .el-cascader {
		width: 100%;
	}

	.regDiv .el-cascader-menu {
		min-width: 213px;
	}

	.regDiv .wishstyle .el-popover__reference {
		display: flex;
	}

	.regDiv .el-checkbox-group {
		height: 40px;
		margin-top: 3px;
		margin-left: 50px;
	}

	.regDiv .el-checkbox {
		margin-right:37px;
	}
	.regDiv .el-checkbox__input.is-disabled + span.el-checkbox__label {
		color: #888;
		cursor: not-allowed;
		top: 1px;
		position: relative;
	}
	.regDiv .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
		background-color: #dedada;
		border-color: #9f9d9d;
	}
	.regDiv .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
		border-color: #888;
	}
	.regDiv .agreestyle {
		/*margin-left: 17px;
		margin-top: 15px;
		margin-bottom: 35px;*/
	}

		.regDiv .agreestyle .el-checkbox__label {
			font-family: SourceHanSansCN, SourceHanSansCN;
			font-weight: 400;
			font-size: 16px;
			color: #888888;
			line-height: 27px;
			text-align: left;
			font-style: normal;
		}

	.regDiv .phonestyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_phone.png');
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 12.5px;
		padding: 0px 45px;
	}

	.regDiv .veriystyle {
		position: relative;
	}

		.regDiv .veriystyle .el-input__inner {
			background-image: url('https://www.codac.org.cn/images/registpc/icon_veriy.png');
			background-repeat: no-repeat;
			background-size: 22px;
			background-position: 15px 12.5px;
			padding: 0px 45px;
		}

	.regDiv .sendbtn {
		position: absolute;
		top: 0;
		right: 20px;
		line-height: 51px;
		font-size: 16px;
		color: #096FF5;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		cursor: pointer;
	}

		.regDiv .sendbtn:hover {
			color: #1859af;
		}

	.regDiv .btnDiv {
		display: flex;
		justify-content: center;
		padding: 40px 0 60px;
	}

	.regDiv .submitbtn {
		width: 200px;
		height: 45px;
		background: #096FF5;
		color: #fff;
		border-radius: 4px;
		text-align: center;
		line-height: 45px;
		font-size: 15px;
		padding: 0;
		/*background-color: #a0cfff;*/
	}

	.regDiv .backbtn {
		width: 200px;
		height: 45px;
		background: #fff;
		border: 1px solid #D8DCE4;
		border-radius: 4px;
		text-align: center;
		color: #333;
		line-height: 45px;
		font-size: 15px;
		cursor: pointer;
	}

	.regDiv .avatar-uploader {
		width: 110px;
		height: 110px;
		position: relative;
		left: 112px;
		top: -34px;
		z-index: 99;
	}

		.regDiv .avatar-uploader .el-upload {
			border: 1px dashed #d9d9d9;
			border-radius: 6px;
			cursor: pointer;
			position: relative;
			overflow: hidden;
		}

			.regDiv .avatar-uploader .el-upload:hover {
				border-color: #409EFF;
			}

	.regDiv .avatar-uploader-icon {
		font-size: 28px;
		color: #8c939d;
		width: 110px;
		height: 110px;
		line-height: 86px;
		text-align: center;
		z-index: 9999;
		position: relative;
	}

	.regDiv .avatar {
		width: 110px;
		height: auto;
		display: block;
	}

	.regDiv .avatar-uploader-new {
		width: auto;
		height: 110px;
		position: relative;
		left: 112px;
		top: -34px;
		z-index: 99;
	}

		.regDiv .avatar-uploader-new .avatar {
			width: auto;
			height: 110px;
			display: block;
			width: 102px;
		}



	.evaluDiv .groupDiv {
		margin-bottom: 80px !important;
	}
	.resultDiv .content {
		text-align: center;
	}

	.resultDiv .regresultcontent {
		width: 600px;
		margin: auto;
	}

	.resultDiv .content img {
		width: 35px;
		vertical-align: bottom;
	}

	.resultDiv .content span {
		font-size: 20px;
		font-weight: 500;
	}

	.resultDiv .content p {
		text-decoration: none;
		color: transparent;
		margin: 2px 0;
		margin-top: 20px;
	}

	.resultDiv .enterBtn {
		text-decoration: underline !important;
		color: #d99324 !important;
		margin: 40px 0 !important;
		cursor: pointer;
	}

	.resultDiv .infodiv {
		display: flex;
		justify-content: space-between;
		margin: 25px 0 !important;
		font-size: 16px;
		font-family: PingFang-SC, PingFang-SC;
	}

		.resultDiv .infodiv .el-input__inner {
			color: #333 !important;
		}

	.resultDiv .content .infodiv span {
		margin-left: 0;
		font-size: 16px;
	}

	.resultDiv .infodiv p > span:last-child {
		width: 170px;
		display: inline-block;
		border-bottom: 1px solid #e2e2e2;
		color: #999;
		line-height: 35px;
		text-align: left;
	}

	.cardDiv {
		width: 640px;
		margin: auto;
	}

		.cardDiv .logostyle {
			text-align: center;
		}

			.cardDiv .logostyle img {
				width: 330px;
				margin: 40px 0;
			}

		.cardDiv .tipspan {
			text-align: center;
			font-size: 16px;
			font-family: PingFang-SC, PingFang-SC;
			margin-bottom: 25px;
		}

			.cardDiv .tipspan span:first-child {
				font-weight: bold;
				color: #666;
			}

			.cardDiv .tipspan span:nth-child(2) {
				color: #666;
				cursor: pointer;
			}

				.cardDiv .tipspan span:nth-child(2):hover {
					color: #096FF5;
				}

			.cardDiv .tipspan span:last-child {
				color: blue;
				margin-left: 20px;
				cursor: pointer;
			}

		.cardDiv .numspan {
			font-weight: 500;
			font-size: 18px;
			color: #333;
			text-align: center;
			margin: 0 0 25px 0;
			font-family: PingFang-SC, PingFang-SC;
		}

			.cardDiv .numspan span {
				color: #ce0000;
				font-size: 22px;
				padding: 0 5px;
			}

		.cardDiv .toggle-btn {
			padding: 16px 13px;
			background: #f8f8f8;
			font-size: 12px;
			font-weight: bold;
			cursor: pointer;
			transition: all 0.3s;
			border: 1px solid transparent;
			border-radius: 6px;
			background-clip: padding-box, border-box;
			background-origin: padding-box, border-box;
			line-height: 0px;
			color: #DF6600;
			background: linear-gradient(to right, #FFF9F3, #FFBF89);
			border: 1px solid #DF6600;
		}

		.cardDiv .card-container {
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 440px;
			height: 440px;
			width: 83%;
			position: relative;
			margin: auto;
			margin-top: -30px;
		}


		.cardDiv .turn {
			width: 100%;
			height: 100%;
			perspective: 1000px;
		}

		.cardDiv .over {
			width: 100%;
			height: 100%;
			position: relative;
		}

		.cardDiv .trunbtn {
			position: relative;
			right: 64px;
			text-align: right;
		}

		.cardDiv .card-inner {
			position: relative;
			width: 100%;
			height: 100%;
			transform-style: preserve-3d;
			transition: transform 0.6s ease;
		}

		.cardDiv .card-face {
			position: absolute;
			width: 100%;
			height: auto;
			backface-visibility: hidden;
			/* display: flex; */
			justify-content: center;
			align-items: center;
			overflow: hidden;
		}

		.cardDiv .front-face {
			transform: rotateY(0deg);
		}

		.cardDiv .back-face {
			transform: rotateY(180deg);
		}

		.cardDiv .card-img {
			width: 100%;
			height: 100%;
			object-fit: contain;
			display: block;
		}

		.cardDiv .article-page {
			position: relative;
			padding: 0;
		}

			.cardDiv .article-page .article-line::before {
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				top: 50%;
				border-top: none;
			}

			.cardDiv .article-page .article-line .share-mod {
				margin-right: 0;
			}

			.cardDiv .article-page .article-line {
				margin-top: 0;
				right: -18px;
			}

				.cardDiv .article-page .article-line .share-tap:hover .i {
					-webkit-transform: none;
					transform: none;
				}

				.cardDiv .article-page .article-line .share-mod {
					margin-right: 0;
					top: -34px;
					left: 19px;
					height: 34px;
					width: 100px;
				}

		.cardDiv .suds-mod .suds-pop.at-b {
			left: 25%;
			top: 100%;
			margin-top: 21px;
			-webkit-transform: translate(-50%, -10%);
			transform: translate(-50%, -10%);
		}

		.cardDiv .article-page .article-line .item {
			padding: 0 8px;
			width: 52px;
			background-color: #fff;
			cursor: pointer;
		}

		.cardDiv .share-box .code {
			width: 100px;
			height: auto;
		}

		.cardDiv .cardPosition {
			position: relative;
		}

		.cardDiv .div_code {
			position: absolute;
			top: 33px;
			right: 38px;
			font-size: 16px;
			color: rgb(172, 115, 46);
			font-weight: normal;
			font-family: Microsoft Yahei;
		}

		.cardDiv .div_date span {
			font-size: 12px;
			color: #161713;
			font-weight: bold;
			font-family: Microsoft Yahei;
			-webkit-transform: scale(0.7);
			display: block;
			position: absolute;
			bottom: 62.5px;
			left: 56px;
		}

		.cardDiv .div_name {
			transform: translate3d(0px, 0px, 1px);
			position: absolute;
			top: 208px;
			font-size: 27px;
			color: rgb(22, 23, 19);
			font-weight: normal;
			font-family: Microsoft Yahei;
			padding-left: 9px;
			/*left: 224px;*/
			left: 50%;
			transform: translateX(-50%) !important;
			width: fit-content;
		}

		.cardDiv .pic_group {
			display: flex;
			justify-content: space-around;
			margin: 0 150px;
			margin-top: -70px;
			margin-bottom: 25px;
			position: relative;
		}

			.cardDiv .pic_group img {
				width: 140px;
				cursor: pointer;
			}

		.cardDiv .shake:hover {
			animation: move 3s 0s infinite;
			-webkit-animation: move 3s 0s infinite;
			animation-delay: 0s;
			transform-origin: center;
			-webkit-transform-origin: center;
			animation-delay: -5s;
			-webkit-animation-delay: -5s;
		}

	@keyframes move {

		0%, 65% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		70% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg);
		}

		75% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg);
		}

		80% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg);
		}

		85% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg);
		}

		90% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg);
		}

		95% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg);
		}

		100% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}

	.cardDiv .btngroupstyle {
		display: flex;
		justify-content: space-between;
		padding: 0 60px;
		margin-top: 20px;
		margin-bottom: 40px;
	}

		.cardDiv .btngroupstyle div {
			width: 125px;
			height: 94px;
			border: 1px solid #d4d4d4;
			text-align: center;
			padding: 15px 0;
			cursor: pointer;
		}

			.cardDiv .btngroupstyle div:hover {
				background: #f0f0f0;
			}

		.cardDiv .btngroupstyle img {
			width: 40px;
		}

		.cardDiv .btngroupstyle p {
			display: block;
			text-align: center;
			padding-top: 4px;
			font-style: normal;
			color: #7ea633;
			font-family: PingFang-SC, PingFang-SC;
			font-size: 16px;
			font-weight: bold;
		}

	.cardDiv .share-tap .icon {
		position: relative;
		display: block;
	}

		.cardDiv .share-tap .icon .i {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
			transition: opacity 0.3s ease;
		}

		.cardDiv .share-tap .icon .i-gray {
			opacity: 1;
			z-index: 1;
		}

		.cardDiv .share-tap .icon .i-red {
			opacity: 0;
			z-index: 2;
		}

	.cardDiv .share-tap:hover .i-gray {
		opacity: 0;
	}

	.cardDiv .share-tap:hover .i-red {
		opacity: 1;
	}

	.letterPop .el-dialog {
		max-width: 350px;
	}

	.letterPop .el-dialog__body {
		padding: 0 !important;
	}

	.letterPop .letterimg {
		position: relative;
		border-radius: 12px;
	}

	.letterPop .lettername {
		position: absolute;
		top: 244px;
		display: block;
		left: 105px;
		font-size: 12px;
		font-family: '宋体';
	}

	.applycardPop .el-dialog {
		height: 300px;
	}

	.applycardPop .content {
		display: block;
		text-align: center;
	}

	.applycardPop .el-dialog .el-dialog__body {
		padding: 70px 40px;
	}

	.applycardPop .tipspan {
		font-size: 16px;
		font-weight: 500;
		font-family: PingFang-SC, PingFang-SC;
	}

	.applycardPop .groupDiv {
		display: flex;
		justify-content: center;
		margin: 40px 0;
	}

		.applycardPop .groupDiv p {
			width: 200px;
			height: 45px;
			line-height: 45px;
			text-align: center;
			color: #ffff;
			border-radius: 4px;
			cursor: pointer;
			border: 1px solid;
		}

	.applycard2Pop .el-dialog .el-dialog__body {
		padding: 15px 30px 40px;
	}

	.applycard2Pop .content img {
		width: 17px;
		margin-right: 2px;
		vertical-align: middle;
		margin-top: -2px;
	}

	.applycard2Pop .tipspan {
		background: linear-gradient(90deg, #FFFFFF 0%, #FFFBF4 47.37%, #FFFFFF 100%);
		border-radius: 4px;
		border: 1px solid #E9DFCB;
		color: #BC262C;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 400;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin-bottom: 10px;
	}

	.applycard2Pop .infodiv {
		display: flex;
		justify-content: space-between;
		margin: 25px;
		font-size: 16px;
		font-family: PingFang-SC, PingFang-SC;
	}

		.applycard2Pop .infodiv p > span:first-child {
			color: #333;
		}

		.applycard2Pop .infodiv p > span:last-child {
			width: 130px;
			display: inline-block;
			border-bottom: 1px solid #e2e2e2;
			color: #999;
			line-height: 35px;
		}

	.applycard2Pop .groupDiv {
		display: flex;
		justify-content: center;
		margin: 25px 0 30px;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
	}

	.applycard2Pop .tipspan {
		margin-top: 30px;
	}

		.applycard2Pop .tipspan img {
			width: 20px;
			vertical-align: sub;
		}

		.applycard2Pop .tipspan span {
			font-size: 16px;
		}

	.applycard2Pop .groupDiv p {
		width: 200px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		color: #ffff;
		border-radius: 4px;
		cursor: pointer;
		border: 1px solid;
	}
	
	.applycard2Pop .addressstyle .el-input__inner {
		background-image: url(https://www.codac.org.cn/images/registpc/icon_address2.png);
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 12.5px;
		padding: 0px 45px;
	}
	.applycard2Pop .addressstyle2 .el-input__inner {
		background-image: url(https://www.codac.org.cn/images/registpc/icon_address.png);
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 15px 12.5px;
		padding: 0px 45px;
	}
	.applycard2Pop .el-input__inner::placeholder {
		color: #333;
		font-family: PingFang-SC, PingFang-SC;
		font-size: 14px;
		font-weight: 400;
	}

	.applycard2Pop .el-cascader {
		width: 100%;
		font-family: PingFang-SC, PingFang-SC;
	}

	.applycard3Pop .el-dialog {
		max-width: 800px;
	}

	.applycard3Pop .infospan {
		display: flex;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		font-size: 16px;
	}

		.applycard3Pop .infospan p:last-child {
			margin-left: 20px;
		}

	.applycard3Pop .addressDiv {
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		font-size: 16px;
		margin: 20px 0;
	}

		.applycard3Pop .addressDiv .el-form {
			display: flex;
		}

	.applycard3Pop .editaddressbtn {
		margin-left: 65px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding: 0;
		width: 90px;
		font-family: PingFang-SC, PingFang-SC;
		background: #E6A23C;
		color: #fff;
		display: inline-block;
		border-radius: 4px;
		text-align: center;
		cursor: pointer;
	}

	.applycard3Pop .addressstyle {
		margin: 0;
	}

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

	.applycard3Pop .groupDiv {
		display: flex;
		justify-content: space-around;
		width: 160px;
		margin-left: 10px;
	}

		.applycard3Pop .groupDiv p {
			width: 70px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #ffff;
			border-radius: 4px;
			cursor: pointer;
			border: 1px solid;
			font-size: 14px;
		}

	.applycard3Pop .borderstyle {
		border: dashed 1px #CCC;
		padding: 20px;
		padding-bottom: 0;
	}

	.applycard3Pop .stepDiv {
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.applycard3Pop .state_content1 {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		background: url('https://www.codac.org.cn/images/registpc/mail_1.png') #52e0bf no-repeat 10px center;
		background-size: auto;
		background-size: 20px 20px;
		margin: 0 auto;
	}

	.applycard3Pop .state_content2 {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		background: url('https://www.codac.org.cn/images/registpc/mail_2.png') #ff7375 no-repeat 10px center;
		background-size: auto;
		background-size: 20px 20px;
		margin: 0 auto;
	}

	.applycard3Pop .state_content3 {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		background: url('https://www.codac.org.cn/images/registpc/mail_3.png') #ffc447 no-repeat 10px center;
		background-size: auto;
		background-size: 20px 20px;
		margin: 0 auto;
	}

	.applycard3Pop .stepline {
		width: 50px;
		height: 10px;
		border-top: 3px #CCC dotted;
		margin: 20px 10px;
	}

	.applycard3Pop .tit {
		color: #333;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		margin-top: 10px;
	}

	.applycard3Pop .infocontent div {
		color: #333;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 400;
		margin: 5px 0;
		font-size: 16px;
	}

	.applycard3Pop .infocontent .el-popover__reference {
		color: blue;
		border-color: transparent;
		background-color: transparent;
		padding: 0;
		font-size: 16px;
	}

	.wxbingPop .el-dialog {
		max-width: 500px;
	}

		.wxbingPop .el-dialog .el-dialog__body {
			text-align: center;
			padding: 30px 40px 60px;
		}

			.wxbingPop .el-dialog .el-dialog__body img {
				width: 200px;
			}

	.wxbingPop p {
		font-size: 16px;
		font-weight: 500;
		color: #333;
		margin-bottom: 20px;
	}
	.revokePop .el-dialog{
		background: #fff;
	}
	.revokePop .el-dialog .el-dialog__body {
		padding: 0px 40px 1px;
	}

	.revokePop .title {
		color: #333;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		margin: 5px 0;
		font-size: 16px;
	}

	.revokePop .el-radio {
		color: #606266;
		cursor: pointer;
		margin-right: 30px;
		display: block;
		margin: 20px 0;
	}

	.revokePop .el-radio__label {
		font-size: 16px;
		padding-left: 10px;
	}

	.revokePop .groupDiv {
		display: flex;
		justify-content: space-around;
		margin: 40px 0;
		position: relative;
		z-index: 9;
	}

		.revokePop .groupDiv p {
			width: 250px;
			height: 45px;
			line-height: 45px;
			text-align: center;
			color: #ffff;
			border-radius: 4px;
			cursor: pointer;
			border: 1px solid;
		}

	.editDiv .logostyle {
		text-align: center;
	}

		.editDiv .logostyle img {
			width: 330px;
			margin: 40px 0;
		}

	.editDiv .tipspan {
		text-align: center;
		font-size: 16px;
		font-family: PingFang-SC, PingFang-SC;
	}

		.editDiv .tipspan span:first-child {
			font-weight: bold;
			color: #666;
		}

		.editDiv .tipspan span:nth-child(2) {
			color: #666;
		}

		.editDiv .tipspan span:last-child {
			color: blue;
			margin-left: 20px;
		}

	.editDiv .flex {
		display: flex;
		justify-content: space-between;
		margin: 20px 0;
		font-size: 16px;
		font-family: PingFang-SC, PingFang-SC;
	}

	.editDiv p span:first-child {
		font-weight: 500;
		color: #333;
	}

	.editDiv p span:last-child {
		color: #999;
		margin-left: 20px;
	}

	.editDiv .namespan {
		display: inline-block;
		width: 200px;
		border-bottom: 1px solid #e2e2e2;
		line-height: 45px;
	}

	.editDiv .idspan {
		width: 220px;
		border-bottom: 1px solid #e2e2e2;
		line-height: 45px;
		display: inline-block;
	}

	.editDiv .addressspan {
		width: 555px;
		line-height: 45px;
		display: inline-block;
		border-bottom: 1px solid #e2e2e2;
	}


	.editphonePop .el-dialog .el-dialog__body {
		padding: 0px 30px 30px;
	}

	.editphonePop .content {
		display: block;
	}

	.editphonePop .title {
		font-size: 16px;
		font-weight: 500;
		color: #333;
		margin-bottom: 20px;
		text-align: center;
	}

	.editphonePop .titspan {
		color: #333;
	}

	.editphonePop .flex {
		display: flex;
		margin-bottom: 20px;
		color: #333;
		align-items: center;
	}

		.editphonePop .flex span:first-child {
			display: inline-block;
			white-space: nowrap;
		}

	.editphonePop .el-input__inner::placeholder {
		font-size: 12px;
	}

	.editphonePop .getcodespan {
		border: 1px solid;
		white-space: nowrap;
		padding: 0 10px;
		line-height: 38px;
		font-size: 12px;
		margin-left: 10px;
		border-radius: 4px;
		color: #096ff5;
		cursor: pointer;
	}

	.editphonePop .btnDiv {
		display: flex;
		justify-content: space-between;
	}

		.editphonePop .btnDiv .submitbtn {
			width: 48%;
			height: 40px;
			background: #096FF5;
			color: #fff;
			border-radius: 4px;
			text-align: center;
			line-height: 40px;
			font-size: 14px;
			padding: 0;
			cursor: pointer;
		}

		.editphonePop .btnDiv .backbtn {
			width: 48%;
			height: 40px;
			background: #fff;
			color: #333;
			border-radius: 4px;
			text-align: center;
			line-height: 40px;
			font-size: 14px;
			padding: 0;
			border: 1px solid;
			cursor: pointer;
		}

		.idtypeDiv .backbtn {
			width: 200px;
			height: 45px;
			line-height: 45px;
			background: #fff;
			color: #333;
			border-radius: 4px;
			text-align: center;
			font-size: 15px;
			border: 1px solid #D8DCE4;
			margin: 50px auto;
			cursor: pointer;
		}
		
        .name-popover {
          background: #fff !important;
          color: #333 !important;
          border: 1px solid #ebeef5 !important;
        }
        .name-popover .popper__arrow::after {
          border-top-color: #ebeef5 !important;
          border-bottom-color: #ebeef5 !important;
        }

        .name-popover.error {
          background: #f56c6c !important;
          color: #fff !important;
          border-color: #f56c6c !important;
        }
        .name-popover.error .popper__arrow::after {
          border-right-color: #f56c6c !important;
          border-bottom-color: none !important;
        }

        .cardno-popover {
          background: #fff !important;
          color: #333 !important;
          border: 1px solid #ebeef5 !important;
        }
        .cardno-popover .popper__arrow::after {
          border-top-color: #ebeef5 !important;
          border-bottom-color: #ebeef5 !important;
        }
        .cardno-popover.error {
          background: #f56c6c !important;
          color: #fff !important;
          border-color: #f56c6c !important;
        }
        .cardno-popover.error .popper__arrow::after {
          border-right-color: #f56c6c !important;
          border-bottom-color: none !important;
        }

         .sex-popover {
          background: #fff !important;
          color: #333 !important;
          border: 1px solid #ebeef5 !important;
        }
        .sex-popover .popper__arrow::after {
          border-top-color: #ebeef5 !important;
          border-bottom-color: #ebeef5 !important;
        }
        .sex-popover.error {
          background: #f56c6c !important;
          color: #fff !important;
          border-color: #f56c6c !important;
        }
        .sex-popover.error .popper__arrow::after {
          border-right-color: #f56c6c !important;
          border-bottom-color: none !important;
        }

        .address-popover {
          background: #fff !important;
          color: #333 !important;
          border: 1px solid #ebeef5 !important;
        }
        .address .popper__arrow::after {
          border-top-color: #ebeef5 !important;
          border-bottom-color: #ebeef5 !important;
        }
        .address.error {
          background: #f56c6c !important;
          color: #fff !important;
          border-color: #f56c6c !important;
        }
        .address.error .popper__arrow::after {
          border-right-color: #f56c6c !important;
          border-bottom-color: none !important;
        }
		.birthstyle .el-date-editor .el-input__inner {
			padding: 0 45px;
		}

		.birthstyle .el-date-editor .el-input__icon {
			font-size: 22px;
			color: #888;
			padding-left: 10px;
			top: 1px;
			position: relative;
		}

		.birthstyle .el-input__icon {
			line-height: 50px;
		}
		.regresultDiv .applycard2Pop .tipspan {
			width: 340px;
			margin: 30px auto 10px auto;
		}
	.revokeflowerstyle {
		position: absolute;
		top: 51px;
		width: 180px;
		left: 332px;
	}
}

@media screen and (max-width: 767px) {
	html {
		overflow-x: hidden;
	}

	body {
		min-width: 360px;
		overflow-x: visible;
	}

	.escimg {
		width: 150px;
		position: absolute;
		top: -42px;
		left: 85px;
		z-index: 99;
	}
	.name-popover.error .popper__arrow::after {
		border-top-color: #f56c6c !important;
		border-bottom-color: none !important;
	}
	.name-popover.error.error {
		background: #f56c6c !important;
		color: #fff !important;
		border-color: #f56c6c !important;
	}
	.el-message {
		left: 0;
		right: 0;
		top: 20px;
		-webkit-transform: none;
		transform: none;
		width: 360px;
		min-width: 360px;
		margin: auto;
	}
	.indexDiv {
		margin: 25px 10px 20px 10px;
	}
	.indexDiv .indexbk1 {
		width: 100%;
		height: auto;
		display: none;
	}
	.indexDiv .bk{
		background-image: none;
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
		margin-top: 0
	}
	.indexDiv .partDiv {
		display: block;
		margin: auto;
		width: 100%;
		background-image: none;
	}
	.indexDiv .partDiv .div {
		width: 100%;
        height: auto;
		background: rgba(255,255,255,0.9);
		box-shadow: 0px 0px 30px 0px rgba(236,236,236,0.5);
		border-radius: 8px;
		padding: 30px;
		margin-top: 0;
	}

	.indexDiv .partDiv .div .title img{
		width: 20px;
		height: 20px;
		margin-right: 8px;
	}
	.indexDiv .partDiv .div .title {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 10px;
		font-family: SourceHanSansCN, SourceHanSansCN;
	}
	.indexDiv .partDiv .pcpart1{
		display: none;
	}
	.indexDiv .partDiv .mpart3{
		display: block;
	}
	.indexDiv .partDiv .part1 p{
		height: 50px;
		line-height: 50px;
		border-bottom: 1px #d3d3d3 dashed;
	}
	.indexDiv .partDiv .part1 a {
		color: #0165EB;
		font-weight: 400;
		font-family: PingFang-SC, PingFang-SC;
		font-size: 14px;
	}
	.indexDiv .partDiv .part1 .btn{
		width: 200px;
        height: 40px;
        line-height: 40px;
        background: #DFEDFF;
        color: #333;
        font-weight: 500;
        text-align: center;
        border-radius: 40px;
        margin-top: 30px;
        font-size: 16px;
        cursor: pointer;
        margin: auto;
        margin-top: 30px;
	}
	.indexDiv .partDiv .part1 .btn:hover{
		background: #0165EB;
		color: #fff;
	}
	.indexDiv .partDiv .part2 {
		position: relative;
		margin: 20px 0;
		min-height: 350px;
		text-align: center;
	}

	.indexDiv .partDiv .part2 .indexreg {
		width: 200px;
		display: inline-block;
		margin-top: 45px;
		position: relative;
	}

	.indexDiv .partDiv .part2 .tip {
		position: absolute;
        top: 180px;
        left: 50%;
        width: 370px;
        height: 137px;
        margin: auto;
        text-align: center;
        right: 50%;
        transform: translate(-50%, -50%);
	}

	.indexDiv .partDiv .part2 .tip span {
		font-weight: 500;
		font-family: PingFang-SC, PingFang-SC;
		font-size: 14px;
		position: absolute;
		transform: translate(-50%, -50%);
	}


	.indexDiv .partDiv .part2 .tip span:first-child {
		top: 65%;
		left: 15%;
	}

	.indexDiv .partDiv .part2 .tip span:nth-child(2) {
	   top: 6%;
	   left: 28%;
	}

	.indexDiv .partDiv .part2 .tip span:nth-child(3) {
		top: 6%;
		left: 72%;
	}

	.indexDiv .partDiv .part2 .tip span:nth-child(4) {
		top: 66%;
		left: 83%;
	}

	.indexDiv .partDiv .part2 .btn {
		width: 200px;
		height: 40px;
		line-height: 40px;
		background: #0165EB;
		color: #fff;
		font-weight: 500;
		text-align: center;
		border-radius: 40px;
		margin: auto;
		margin-top: 50px;
		font-size: 16px;
		cursor: pointer;
	}
	.indexDiv .partDiv .part2 .btn:hover{
		background: #0354c1;
		color: #fff;
	}
	.indexDiv .partDiv .part3 .main{
		display: flex;
		justify-content: space-between;
        margin: 35px 15px;
	}
	.indexDiv .partDiv .part3 .main div{
		text-align: center;
	}
	.indexDiv .partDiv .part3 .main div:hover{
		 transform: scale(1.1);
	}
	.indexDiv .partDiv .part3 .main img {
		width: 70px;
		height: auto;
	}
	.indexDiv .partDiv .part3 .main span{
		font-weight: 500;
		font-family: PingFang-SC, PingFang-SC;
		font-size: 14px;
	}
	.indexDiv .partDiv .part3 .main p{
		font-weight: 500;
		font-family: PingFang-SC, PingFang-SC;
		font-size: 14px;
		margin-top: 5px;
	}
	.indexDiv .partDiv .part3 .btn{
		width: 200px;
        height: 40px;
        line-height: 40px;
        background: #DFEDFF;
        color: #333;
        font-weight: 500;
        text-align: center;
        border-radius: 40px;
		margin: auto;
        margin-top: 30px;
		font-size: 16px;
		cursor: pointer;
	}
	.indexDiv .partDiv .part3 .btn:hover{
		background: #0165EB;
		color: #fff;
	}
	.loginPop .el-dialog {
		max-width: 350px;
		background-color: transparent;
		background-image: url('https://www.codac.org.cn/images/registpc/dialogbk.png');
		background-repeat: no-repeat;
		background-size: cover;
		box-shadow: none;
		border-radius: 12px;
		background-position: bottom;
	}
	.loginPop .el-dialog .el-dialog__body {
		padding: 20px 30px 20px
	}
	.loginPop .el-dialog .el-dialog__headerbtn {
		position: absolute;
		top: -30px;
		right: -13px;
		padding: 0;
		background: 0 0;
		border: none;
		outline: 0;
		cursor: pointer;
		font-size: 16px;
		border: 2px solid;
		border-radius: 50%;
		width: 24px;
		height: 24px;
		line-height: 20px;
		color: #fff;
	}
	.loginPop .el-dialog .el-dialog__headerbtn .el-dialog__close {
		color: #fff;
	}
	.loginPop .content {
		display: flex;
	}
	.loginPop .leftDiv {
		text-align: center;
		display: none;
	}
	.loginPop .leftDiv p:first-child, .rightDiv p:first-child {
		font-size: 16px;
		font-weight: 500;
		color: #333;
		margin-left: 16px;
		text-align: center;
	}
	.loginPop .leftDiv img {
		margin: 20px 0;
	}
	.loginPop .leftDiv .wxcodeimg {
		position: relative;
		width: 100px;
	}
	.loginPop .leftDiv .wxborderimg {
		position: absolute;
		width: 100px;
		left: 38px;
		top: 82px;
	}
	.loginPop .leftDiv p:last-child {
		font-size: 10px;
		color: #C3C3C3;
	}
	.loginPop .leftDiv p:last-child>span {
		font-size: 10px;
		color: #0A9D00;
		font-weight: 500;
	}
	.loginPop .boderstyle {
		margin: 0 30px;
		width: 1px;
		background: #E7E7E7;
		display: none;
	}
	.loginPop .rightDiv {
		flex: 2;
	}
	.loginPop .rightDiv .el-input__inner{
		background: #F7F8FC;
		border: none;
	}
	.loginPop .rightDiv .el-input__inner::placeholder{
		color: #D3D3D3;
		font-size: 12px;
		padding: 0;
	}
	.loginPop .rightDiv .firstinput{
		margin-top: 25px;
	}
	.loginPop .rightDiv .firstinput .el-input__inner{
		background-image: url('https://www.codac.org.cn/images/registpc/input_phone.png');
		background-repeat: no-repeat;
		background-size: 18px;
        background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.loginPop .rightDiv .secondinput{
		width: 61%;
	}
	.loginPop .rightDiv .secondinput .el-input__inner{
		background-image: url('https://www.codac.org.cn/images/registpc/input_veriy.png');
		background-repeat: no-repeat;
		background-size: 18px;
        background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.loginPop .rightDiv .flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 15px;
	}
	.loginPop .rightDiv .flex>span {
		cursor: pointer;
		color: #BC262C;
		text-decoration: underline;
	}
	.loginPop .rightDiv .flex>span:hover {
		color: #ba1319;
	}
	.loginPop .rightDiv .btnstyle {
		height: 42px;
		color: #fff;
		background: #BC262C;
		border-radius: 4px;
		text-align: center;
		line-height: 42px;
		margin-top: 35px;
	}
	.loginPop .rightDiv .joinstype {
		text-align: right;
		margin-top: 20px;
		color: #01113A;
		font-size: 12px;
		cursor: pointer;
	}
	.loginPop .rightDiv .joinstype:hover {
		color: #030c24;
	}
	.defineloginPop .btnstyle {
		height: 40px;
		color: #fff;
		background: #BC262C;
		border-radius: 4px;
		text-align: center;
		line-height: 40px;
		font-size: 14px;
		cursor: pointer;
		width: 180px;
		margin: 35px auto 20px;
	}
	.noticDiv .logostyle {
		text-align: center;
	}
	.noticDiv .logostyle img{
		width: 250px;
        margin: 30px 0;
	}
	.noticDiv .stepDiv {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 45px;
		margin-top: 10px;
		padding: 0 20px;
	}
	.noticDiv .stepDiv .title span:first-child {
		color: #fff;
		background: #E0E0E0;
		border-radius: 50%;
		line-height: 22px;
		height: 22px;
		width: 22px;
		display: inline-block;
		text-align: center;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		font-size: 12px;
	}
	.noticDiv .stepDiv .avtivestyle span:first-child {
		color: #fff;
		background: #096FF5;
	}
	.noticDiv .stepDiv .title span:last-child{
		color: #A7A7A7;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		font-size: 11px;
		margin-left: 5px;
	}
	.noticDiv .stepDiv .avtivestyle span:last-child {
		color: #161D41;
	}
	.noticDiv .stepDiv .stepline{
		width: 22px;
        border: 1px dashed #ccc;
        opacity: 0.56;
        height: 1px;
        margin: 0 10px;
	}
	.noticDiv .stepDiv .steplines{
		width: 4px;
        border: 1px dashed #ccc;
        opacity: 0.56;
        height: 1px;
        margin: 0 10px;
	}
	.noticDiv .content {
		padding: 0 15px;
		background-image: url('https://www.codac.org.cn/images/registpc/notic_bk.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.noticDiv .content .notictit {
		font-size: 18px;
		text-align: center;
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: 500;
	}
	.noticDiv .content .firstspan{
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: 500;
		margin-top: 30px;
		margin-bottom: 10px;
		color: #161D41;
		font-size: 16px !important;
	}
	.noticDiv .content .pstyle p{
		font-family: PingFang-SC, PingFang-SC;
        line-height: 37px;
        font-size: 13px;
        letter-spacing: -1px;
	}
	.noticDiv .content .pstyle .index{
		font-weight: 500;
		width: 5%;
		float: left;
	}
	.noticDiv .content .pstyle span:last-child {
		width: 95%;
		float: right;
	}
	.noticDiv .content .el-checkbox {
		font-family: PingFang-SC, PingFang-SC;
        line-height: 40px;
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 60px;
        float: none;
        width: 100%;
        position: relative;
        left: -10%;
	}
	.noticDiv .content .el-checkbox__label {
		font-size: 13px;
        font-family: SourceHanSansCN, SourceHanSansCN;
        font-weight: 400;
		position: absolute;
		top: 8px;
		line-height: 25px;
	}
	.noticDiv .content .el-checkbox__input.is-disabled + span.el-checkbox__label {
		color: #999999;
		cursor: not-allowed;
		font-weight: normal !important;
	}
	.noticDiv .content .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
		background-color: #fff;
		border-color: #999;
	}
	.noticDiv .content .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
		border-color: #999;
	}
	.noticDiv .content .el-checkbox__inner::after {
		height: 9px;
		left: 5px;
		top: 1px;
	}
	.noticDiv .content .el-checkbox__input {
		vertical-align: middle;
		margin-bottom: 2px;
	}
	.noticDiv .content .el-checkbox, .el-checkbox__input {
		white-space: normal;
	}
	.noticDiv .btndiv {
		display: flex;
		padding-bottom: 60px;
		justify-content: center;
	}
	.noticDiv .submitbtn {
		width: 150px;
		height: 40px;
		background: #096FF5;
		color: #fff;
		border-radius: 4px;
		text-align: center;
		line-height: 40px;
		font-size: 14px;
	}
	.noticDiv .backbtn {
		width: 150px;
		height: 40px;
		background: #fff;
		border: 1px solid #D8DCE4;
		border-radius: 4px;
		text-align: center;
		color: #333;
		line-height: 40px;
		font-size: 14px;
	}


	.regDiv {
		width: 100%;
		margin: auto;
		/*background-image: url('https://www.codac.org.cn/images/registpc/icon_bk.png');
		background-repeat: no-repeat;
		background-size: 635px;*/
	}
	.iconbkstyle {
		width: 200px;
		position: absolute;
	}
	.regDiv .partDiv {
		padding-left: 20px;
		padding-right: 35px;
	}
	.regDiv .regtipstyle {
		background: linear-gradient(90deg, #FFFFFF 0%, #FFFBF4 47.37%, #FFFFFF 100%);
		border-radius: 4px;
		border: 1px solid #E9DFCB;
		color: #BC262C;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 400;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin-bottom: 10px;
		margin-left: 20px;
		margin-right: 33px;
		font-size: 12px;
	}
	.regDiv .regtipstyle img{
		width: 12px;
        margin-right: 2px;
        vertical-align: middle;
        margin-top: -3px;
	}
	.regDiv .el-select {
		width: 100%;
	}
	.regDiv .el-form-item {
		margin-bottom: 10px;
		position: relative;
	}
	.regDiv .el-input__inner::placeholder,.regDiv .picstyle span{
		color: #333;
		font-family: PingFang-SC, PingFang-SC;
		font-size: 14px !important;
		font-weight:  400;
	}
	.regDiv .idtypestyle .el-select .el-input__inner{
		background-image: url('https://www.codac.org.cn/images/registpc/icon_card.png');
		background-repeat: no-repeat;
		background-size: 18px;
        background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.regDiv .sexstyle .el-select .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_sex.png');
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.regDiv .namestyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_user.png');
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.regDiv .cardnostyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_cardno.png');
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.regDiv .addressstyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_address2.png');
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.regDiv .addressstyle2 .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_address.png');
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.regDiv .nationstyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_nation.png');
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.regDiv .nationalitystyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/guoji.png');
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.regDiv .picstyle{
		position: relative;
	}
	.regDiv .picstyle .icon{
		width: 18px;
		position: absolute;
        top: 14px;
        left: 15px;
	}
	.regDiv .picstyle .faceicon{
		top: 12px;
	}
		.regDiv .picstyle .icon_face_pic {
			display: inline-block;
			border: 1px dashed #d9d9d9;
			margin-left: 5px;
			width: 116px;
			text-align: center;
			border-radius: 6px;
			cursor: pointer;
			border: 1px dashed;
		}
	.regDiv .facepicstyle {
		margin-bottom: 33px;
	}
	.regDiv .picstyle .icon_face_pic img {
		height: 110px;
		width: fit-content;
		border-radius: 4px;
		margin-top: 11px;
	}
	.regDiv .picstyle .facewordstyle {
		color: #999;
		font-size: 12px;
		position: relative;
		left: 98px;
		top: -1px;
		z-index: 99;
		height: 25px;
		width: 120px;
	}
	.regDiv .picstyle .tit {
		margin-left: 46px;
		margin-top: 3px;
		display: inline-block;
		white-space: nowrap;
		font-size: 14px;
	}
	.regDiv .picstyle .facetit {
		position: relative;
		top: -37px;
	}
	.regDiv .picstyle .spanstyle {
		position: absolute;
		top: 62px;
		left: 123px;
		color: #474747;
		cursor: pointer;
	}
	.regDiv .worddiv {
		line-height: 20px;
		position: relative;
		top: -24px;
		padding-left: 96px;
	}
	.regDiv .wordstyle {
		color: #999;
		font-size: 12px;
	}
	.regDiv .requiredstyle {
		color: #FF0000 !important;
		position: absolute;
		right: -13px;
		top: 4px;
	}
	.regDiv .el-cascader{
		width: 100%;
	}
	.regDiv .wishstyle .el-form-item__content{
		display: flex;
	}
	.regDiv .el-checkbox-group {
		height: 40px;
		margin-top: 3px;
		margin-left: 0;
	}
	.regDiv .el-checkbox {
		margin: 0 19px;
	}
	.regDiv .el-checkbox {
		margin-right: 49px;
	}
	.regDiv .el-checkbox__input.is-disabled + span.el-checkbox__label {
		color: #888;
		cursor: not-allowed;
	}
	.regDiv .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
		background-color: #dedada;
		border-color: #9f9d9d;
	}
	.regDiv .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
		border-color: #888;
		height: 8px;
		left: 5px;
	}
	.regDiv .wishstyle {
		margin-bottom: 50px;
	}
	.regDiv .agreestyle{
		/*margin-left: 17px;
		margin-top: 15px;
        margin-bottom: 35px;*/
	}
	.regDiv .agreestyle .el-checkbox__label {
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: 400;
		font-size: 14px;
		color: #888888;
		line-height: 27px;
		text-align: left;
		font-style: normal;
	}
	.regDiv .phonestyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_phone.png');
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.regDiv .veriystyle{
		position: relative;
	}
	.regDiv .veriystyle .el-input__inner {
		background-image: url('https://www.codac.org.cn/images/registpc/icon_veriy.png');
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.regDiv .sendbtn {
		position: absolute;
		top: 0;
		right: 20px;
		line-height: 41px;
		font-size: 14px;
		color: #096FF5;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		cursor: pointer;
	}
	.regDiv .sendbtn:hover {
		color: #1859af;
	}
	.regDiv .btnDiv {
		display: flex;
		justify-content: center;
		padding: 40px 0 60px;
	}

	.regDiv .submitbtn {
		width: 150px;
		height: 40px;
		background: #096FF5;
		color: #fff;
		border-radius: 4px;
		text-align: center;
		line-height: 40px;
		font-size: 14px;
		padding: 0;
	}

	.regDiv .backbtn {
		width: 150px;
		height: 40px;
		background: #fff;
		border: 1px solid #D8DCE4;
		border-radius: 4px;
		text-align: center;
		color: #333;
		line-height: 40px;
		font-size: 14px;
	}
		.regDiv .avatar-uploader {
            width: 110px;
            height: 110px;
            position: relative;
            left: 180px;
            top: -34px;
            z-index: 99;
        }
         .regDiv .avatar-uploader .el-upload {
            border: 1px dashed #d9d9d9;
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

         .regDiv .avatar-uploader .el-upload:hover {
            border-color: #409EFF;
        }

	.regDiv .avatar-uploader-icon {
		font-size: 28px;
		color: #8c939d;
		width: 110px;
		height: 110px;
		line-height: 86px;
		text-align: center;
		z-index: 9999;
		position: relative;
	}

        .regDiv .avatar {
            width: 110px;
            height: auto;
            display: block;
        }
		.resultDiv .content {
		text-align: center;
	}
	.regDiv .avatar-uploader-new {
		width: 110px;
		height: 110px;
		position: relative;
		left: 196px;
		top: -34px;
		z-index: 99;
	}
	.regDiv .avatar-uploader-new .avatar {
		width: fit-content;
		height: 110px;
		display: block;
		border-radius: 4px;
	}

	.resultDiv .content img{
		width: 25px;
		vertical-align: bottom;
	}
	.resultDiv .content span{
		font-size: 18px;
		font-weight: 500;
		margin-left: 10px;
	}
	.resultDiv .content p {
		font-size: 14px;
        text-decoration: none;
        margin: 10px 0;
        text-align: left;
	}
	.resultDiv .enterBtn {
		text-decoration: underline !important;
		color: #d99324 !important;
		margin: 40px 0 !important;
		cursor: pointer;
		text-align: center !important;
	}
	.resultDiv .infodiv {
		margin: 25px 0 !important;
		font-family: PingFang-SC, PingFang-SC;
	}
	.resultDiv .infodiv .el-input__inner{
		color:  #333 !important;
	}
	.resultDiv .infodiv p{
		margin: 22px 0;
	}
	.resultDiv .infodiv p>span:first-child{
		color: #333;
		font-size: 14px !important;
	}
	.resultDiv .infodiv p>span:last-child {
		width: 53%;
		display: inline-block;
		border-bottom: 1px solid #e2e2e2;
		color: #999;
		line-height: 35px;
		font-size: 14px !important;
	}
	.resultDiv .groupDiv {
		display: flex;
		justify-content: space-between;
		margin: 25px 0 30px;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
	}
	.resultDiv .groupDiv p {
		width: 250px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		color: #ffff;
		border-radius: 4px;
		cursor: pointer;
		border: 1px solid;
	}
	.resultDiv .addressstyle .el-input__inner {
		background-image: url(https://www.codac.org.cn/images/registpc/icon_address2.png);
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.resultDiv .addressstyle2 .el-input__inner {
		background-image: url(https://www.codac.org.cn/images/registpc/icon_address.png);
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.resultDiv .el-input__inner::placeholder {
		color: #333;
		font-family: PingFang-SC, PingFang-SC;
		font-size: 14px;
		font-weight: 400;
	}
	.resultDiv .el-cascader {
		width: 100%;
	}

	.resultDiv .el-radio {
		color: #606266;
		cursor: pointer;
		margin-right: 30px;
		display: block;
		text-align: left;
		height: 40px;
		line-height: 40px;
	}

	.cardDiv {
		width: 100%;
		margin: auto;
		padding: 0 20px;
	}
	.cardDiv .logostyle {
		text-align: center;
	}
	.cardDiv .logostyle img{
		width: 250px;
        margin: 30px 0;
	}
	.cardDiv .tipspan {
		text-align: center;
		font-size: 12px;
		font-family: PingFang-SC, PingFang-SC;
	}
	.cardDiv .tipspan span:first-child {
		font-weight: bold;
		color: #666;
	}
	.cardDiv .tipspan span:nth-child(2) {
		color: #666;
	}
	.cardDiv .tipspan span:last-child {
		color: blue;
		margin-left: 20px;
	}
	.cardDiv .numspan {
		font-weight: 500;
        font-size: 16px;
        color: #333;
        margin: 20px 0;
        font-family: PingFang-SC, PingFang-SC;
	}
	.cardDiv .numspan span {
		color: #ce0000;
		font-size: 18px;
		padding: 0 5px;
	}

		.cardDiv .toggle-btn {
			padding: 13px 9px;
			background: #f8f8f8;
			font-size: 12px;
			font-weight: bold;
			cursor: pointer;
			transition: all 0.3s;
			border: 1px solid transparent;
			border-radius: 6px;
			background-clip: padding-box, border-box;
			background-origin: padding-box, border-box;
			line-height: 0px;
			color: #DF6600;
			background: linear-gradient(to right, #FFF9F3, #FFBF89);
			border: 1px solid #DF6600;
			z-index: 2;
			position: relative;
		}

		.cardDiv .card-container {
			margin-top: 10px;
		}


        .cardDiv .turn {
            width: 100%;
            height: 100%;
            perspective: 1000px;
        }

        .cardDiv .over {
            width: 100%;
            height: 100%;
            position: relative;
        }

		.cardDiv .trunbtn {
			position: relative;
			right: 7px;
			text-align: right;
		}

        .cardDiv .card-inner {
            position: relative;
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
            transition: transform 0.6s ease;
        }

        .cardDiv .card-face {
            position: absolute;
            width: 100%;
            height: auto;
            backface-visibility: hidden;
            /* display: flex; */
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        .cardDiv .front-face {
            transform: rotateY(0deg);
        }

        .cardDiv .back-face {
            transform: rotateY(180deg);
        }

        .cardDiv .card-img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

		.cardDiv .article-page {
			position: relative;
			padding: 0;
			height: 0;
		}

        .cardDiv .article-page .article-line::before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            border-top: none;
        }

        .cardDiv .article-page .article-line .share-mod {
            margin-right: 0;
        }

        .cardDiv .article-page .article-line {
            margin-top: 0;
			right: 20px;
        }
		.cardDiv .article-page .article-line .share-tap:hover .i {
			-webkit-transform: none;
			transform: none;
		}
        .cardDiv .article-page .article-line .share-mod {
            margin-right: 0;
			top: -28px;
			left: 12px;
			height: 34px;
			width: 90px;
        }
		.cardDiv .suds-mod .suds-pop.at-b {
			left: 25%;
			top: 100%;
			margin-top: 21px;
			-webkit-transform: translate(-50%, -10%);
			transform: translate(-50%, -10%);
		}
        .cardDiv .article-page .article-line .item {
            padding: 0 8px;
            width: 46px;
            background-color: #fff;
            cursor: pointer;
        }

        .cardDiv .share-box .code {
            width: 100px;
            height: auto;
        }

        .cardDiv .cardPosition {
            position: relative;
        }

		.cardDiv .div_code {
			position: absolute;
			top: 10%;
			right: 5vw;
			font-size: 3vw;
			color: rgb(172, 115, 46);
			font-weight: normal;
			font-family: Microsoft Yahei;
			-webkit-transform: scale(0.85);
		}

		.cardDiv .div_date {
			color: #161713;
			font-weight: bold;
			font-family: Microsoft Yahei;
			display: inline-block;
			position: absolute;
			bottom: 16.6%;
			left: 5%;
			transform: scale(0.39);
			font-size: 12px !important;
		}

		.cardDiv .div_name {
			position: absolute;
			top: 60%;
			font-size: 27px;
			color: rgb(22, 23, 19);
			font-weight: normal;
			font-family: Microsoft Yahei;
			padding-left: 9px;
			/*left: 40%;*/
			font-size: 5vw;
			left: 50%;
			transform: translateX(-50%) !important;
			width: fit-content;
		}

		.cardDiv .pic_group {
			display: flex;
			justify-content: space-around;
			margin-top: 20px;
			margin-bottom: 25px;
			position: relative;
			text-align: center;
			padding: 0 30px;
		}
        .cardDiv .pic_group img{
            width: 120px;
        }
		.cardDiv .shake:hover {
			animation: move 3s 0s infinite;
			-webkit-animation: move 3s 0s infinite;
			animation-delay: 0s;
			transform-origin: center;
			-webkit-transform-origin: center;
			animation-delay: -5s;
			-webkit-animation-delay: -5s;
		}
	@keyframes move {

		0%, 65% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		70% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg);
		}

		75% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg);
		}

		80% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg);
		}

		85% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg);
		}

		90% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg);
		}

		95% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg);
		}

		100% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}
	.cardDiv .btngroupstyle {
		margin-bottom: 40px;
	}
	.cardDiv .btngroupstyle div{
		width: 49%;
        height: 110px;
        border: 1px solid #d4d4d4;
        text-align: center;
        padding: 23px 0;
        cursor: pointer;
        display: inline-block;
        margin-top: 4px;
	}
	.cardDiv .btngroupstyle div:hover {
		background: #f0f0f0;
	}
	.cardDiv .btngroupstyle img{
		width: 40px;
	}
	.cardDiv .btngroupstyle p{
		display: block;
        text-align: center;
        padding-top: 4px;
        font-style: normal;
        color: #7ea633;
        font-family: PingFang-SC, PingFang-SC;
        font-size: 16px;
        font-weight: bold;
	}
	.cardDiv .share-tap .icon {
		position: relative;
		display: block;
	}

		.cardDiv .share-tap .icon .i {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
			transition: opacity 0.3s ease;
		}

		.cardDiv .share-tap .icon .i-gray {
			opacity: 1;
			z-index: 1;
		}

		.cardDiv .share-tap .icon .i-red {
			opacity: 0;
			z-index: 2;
		}

	.cardDiv .share-tap:hover .i-gray {
		opacity: 0;
	}

	.cardDiv .share-tap:hover .i-red {
		opacity: 1;
	}
	.letterPop{
		z-index: 999999999 !important;
	}
	.letterPop .el-dialog__body {
		padding: 0 !important;
	}

	.letterPop .letterimg {
		position: relative;
		border-radius: 12px;
	}

	.letterPop .lettername {
		position: absolute;
        font-size: 12px;
        font-weight: normal;
        font-family: '宋体';
        top: 246px;
        left: 100px;
        -webkit-transform: scale(0.85);
	}
	.letterPop .el-dialog {
		max-width: 350px;
		width: 350px !important;
	}
	.applycardPop .el-dialog {
		height: 300px;
	}
	.applycardPop .content {
		display: block;
		text-align: center;
	}
		
	.applycardPop .el-dialog .el-dialog__body {
		padding: 70px 40px;
	}
	.applycardPop .tipspan {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 30px;
		font-family: PingFang-SC, PingFang-SC;
	}

	.applycardPop .groupDiv {
		display: flex;
		justify-content: end;
		width: 100%;
		margin-left: 0px;
	}

	.applycardPop .groupDiv p {
		width: 138px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #ffff;
        border-radius: 4px;
        cursor: pointer;
        border: 1px solid;
        font-size: 14px;
	}

	.applycard2Pop .el-dialog .el-dialog__body {
		padding: 20px;
	}
	.applycard2Pop .content img {
		width: 17px;
		margin-right: 2px;
		vertical-align: middle;
		margin-top: -2px;
	}
	.applycard2Pop .tipspan{
		margin-top: 30px;
	}
	.applycard2Pop .tipspan img{
		width: 16px;
        margin-right: 2px;
        vertical-align: middle;
        margin-top: -2px;
	}
	.applycard2Pop .tipspan span {
		font-size: 14px;
	}
	.applycard2Pop .tipspan {
		background: linear-gradient(90deg, #FFFFFF 0%, #FFFBF4 47.37%, #FFFFFF 100%);
		border-radius: 4px;
		border: 1px solid #E9DFCB;
		color: #BC262C;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 400;
		line-height: 24px;
		text-align: center;
		margin-bottom: 10px;
		padding: 10px;
	}
	
	.applycard2Pop .infodiv {
		font-size: 14px;
		font-family: PingFang-SC, PingFang-SC;
	}
	.applycard2Pop .infodiv p{
		margin: 22px 0;
	}
	.applycard2Pop .infodiv p>span:first-child{
		color: #333;
	}
	.applycard2Pop .infodiv p>span:last-child {
		width: 130px;
		display: inline-block;
		border-bottom: 1px solid #e2e2e2;
		color: #999;
		line-height: 35px;
	}
	.applycard2Pop .groupDiv {
		display: flex;
		justify-content: center;
		margin: 25px 0 30px;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
	}
	.applycard2Pop .groupDiv p {
		width: 150px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #ffff;
		border-radius: 4px;
		cursor: pointer;
		border: 1px solid;
	}
	.applycard2Pop .addressstyle .el-input__inner {
		background-image: url(https://www.codac.org.cn/images/registpc/icon_address2.png);
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.applycard2Pop .addressstyle2 .el-input__inner {
		background-image: url(https://www.codac.org.cn/images/registpc/icon_address.png);
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 15px 10.5px;
		padding: 0px 45px;
	}
	.applycard2Pop .el-input__inner::placeholder {
		color: #333;
		font-family: PingFang-SC, PingFang-SC;
		font-size: 14px;
		font-weight: 400;
	}
	.applycard2Pop .el-cascader {
		width: 100%;
		font-family: PingFang-SC, PingFang-SC;
	}

	.applycard3Pop .el-dialog .el-dialog__body {
		padding: 20px;
	}
	.applycard3Pop .el-dialog .infocontent {
		margin-bottom: 25px;
	}
	.applycard3Pop .el-dialog {
		max-width: 350px;
	}
	.applycard3Pop .infospan {
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		font-size: 14px;
	}
	.applycard3Pop .infospan p:last-child{
		margin-top: 20px;
	}
	.applycard3Pop .addressDiv {
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		font-size: 14px;
		margin: 15px 0;
	}
	.applycard3Pop .addressDiv .el-form {
		/*display: flex;*/
		float: right;
	}
	.applycard3Pop .editaddressbtn {
		margin-left: 20px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		padding: 0;
		width: 70px;
		font-family: PingFang-SC, PingFang-SC;
		background: #E6A23C;
		color: #fff;
		display: inline-block;
		border-radius: 4px;
		text-align: center;
		cursor: pointer;
	}
	.applycard3Pop .addressstyle {
		margin: 0 !important;
		width: 210px;
		margin-bottom: 10px !important;
	}

	.applycard3Pop .flex {
		/*display: flex;*/
		align-items: center;
	}
	.applycard3Pop .groupDiv {
		display: flex;
		justify-content: end;
		width: 100%;
		margin-left: 0px;
	}

	.applycard3Pop .groupDiv p {
		width: 70px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #ffff;
        border-radius: 4px;
        cursor: pointer;
        border: 1px solid;
        font-size: 14px;
		margin-left: 10px;
	}
	.applycard3Pop .borderstyle {
		border: dashed 1px #CCC;
		padding: 20px 10px 0;
	}
	.applycard3Pop .stepDiv {
		display: flex;
		justify-content: center;
		margin: 20px 0;
	}
	.applycard3Pop .state_content1 {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		background: url('https://www.codac.org.cn/images/registpc/mail_1.png') #52e0bf no-repeat 10px center;
		background-size: auto;
		background-size: 20px 20px;
		margin: 0 auto;
	}
	.applycard3Pop .state_content2 {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		background: url('https://www.codac.org.cn/images/registpc/mail_2.png') #ff7375 no-repeat 10px center;
		background-size: auto;
		background-size: 20px 20px;
		margin: 0 auto;
	}
	.applycard3Pop .state_content3 {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		background: url('https://www.codac.org.cn/images/registpc/mail_3.png') #ffc447 no-repeat 10px center;
		background-size: auto;
		background-size: 20px 20px;
		margin: 0 auto;
	}
	.applycard3Pop .stepline {
		width: 50px;
		height: 10px;
		border-top: 3px #CCC dotted;
		margin: 20px 10px;
	}
	.applycard3Pop .tit {
		color: #333;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		margin-top: 10px;
		font-size: 12px;
	}
	.applycard3Pop .infocontent div {
		color: #333;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 400;
		margin-bottom: 5px;
		font-size: 14px;
	}
	.applycard3Pop .infocontent .el-popover__reference {
		color: blue;
		border-color: transparent;
		background-color: transparent;
		padding: 0;
		font-size: 16px;
	}


	.wxbingPop .el-dialog .el-dialog__body {
		text-align: center;
		padding-top: 0;
		padding-bottom: 40px;
	}
	.wxbingPop p {
		font-size: 16px;
		font-weight: 500;
		color: #333;
		margin-bottom: 20px;
	}

	.revokePop .el-dialog {
		background: #fff;
	}
	.revokePop .el-dialog .el-dialog__body {
		padding: 0px 30px 40px;
	}
	.revokePop .title {
		color: #333;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		margin: 5px 0;
		font-size: 16px;
	}

	.revokePop .el-radio {
		color: #606266;
		cursor: pointer;
		margin-right: 30px;
		display: block;
		margin: 20px 0;
	}

	.revokePop .el-radio__label {
		font-size: 16px;
		padding-left: 10px;
	}
	.revokePop .groupDiv {
		display: flex;
		justify-content: end;
		width: 100%;
		margin-left: 0px;
	}

	.revokePop .groupDiv p {
		width: 138px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #ffff;
        border-radius: 4px;
        cursor: pointer;
        border: 1px solid;
        font-size: 14px;
        margin: 0 5px;
	}
	.revokePop .el-textarea {
		margin-bottom: 30px;
	}

	.editDiv .logostyle {
		text-align: center;
	}

	.editDiv .logostyle img {
		width: 330px;
		margin: 40px 0;
	}

	.editDiv .tipspan {
		text-align: center;
		font-size: 12px;
		font-family: PingFang-SC, PingFang-SC;
		margin-bottom: 30px;
	}

	.editDiv .tipspan span:first-child {
		font-weight: bold;
		color: #666;
	}

	.editDiv .tipspan span:nth-child(2) {
		color: #666;
	}

	.editDiv .tipspan span:last-child {
		color: blue;
		margin-left: 20px;
	}

	.editDiv .flex {
		font-size: 14px;
		font-family: PingFang-SC, PingFang-SC;
		padding: 0 20px;
	}
	.editDiv p span:first-child {
		font-weight: 500;
		color: #333;
		width: 23%;
		display: inline-block;
	}

	.editDiv p span:last-child {
		color: #999;
		margin-left: 20px;
	}
	.editDiv .namespan {
		display: inline-block;
		width: 200px;
		border-bottom: 1px solid #e2e2e2;
		line-height: 45px;
		width: 66%;
	}
	.editDiv .idspan {
		width: 66%;
		border-bottom: 1px solid #e2e2e2;
		line-height: 45px;
		display: inline-block;
	}
	.editDiv .addressspan {
		width: 66%;
		line-height: 45px;
		display: inline-block;
		border-bottom: 1px solid #e2e2e2;
	}


	.editphonePop .el-dialog .el-dialog__body {
		padding: 0px 30px 30px;
	}
	.editphonePop .content {
		display: block;
	}
	.editphonePop .title {
		font-size: 16px;
		font-weight: 500;
		color: #333;
		margin-bottom: 20px;
		text-align: center;
	}
	.editphonePop .titspan {
		color: #333;
	}
	.editphonePop .flex {
		display: flex;
		margin-bottom: 20px;
		color: #333;
		align-items: center;
	}
	.editphonePop .flex span:first-child{
		display: inline-block;
		white-space: nowrap;
	}
	.editphonePop .el-input__inner::placeholder{
		font-size: 12px;
	}
	.editphonePop .getcodespan {
		border: 1px solid;
		white-space: nowrap;
		padding: 0 10px;
		line-height: 38px;
		font-size: 12px;
		margin-left: 10px;
		border-radius: 4px;
		color: #096ff5;
	}
	.editphonePop .btnDiv {
		display: flex;
		justify-content: space-between;
	}
	.editphonePop .btnDiv .submitbtn {
		width: 48%;
		height: 40px;
		background: #096FF5;
		color: #fff;
		border-radius: 4px;
		text-align: center;
		line-height: 40px;
		font-size: 14px;
		padding: 0;
	}
	.editphonePop .btnDiv .backbtn{
		width: 48%;
		height: 40px;
		background: #fff;
		color: #333;
		border-radius: 4px;
		text-align: center;
		line-height: 40px;
		font-size: 14px;
		padding: 0;
		border: 1px solid #D8DCE4;
	}

	.idtypeDiv .backbtn {
		width: 150px;
		height: 40px;
		line-height: 40px;
		background: #fff;
		color: #333;
		border-radius: 4px;
		text-align: center;
		font-size: 14px;
		border: 1px solid #D8DCE4;
		margin: 50px auto;
		cursor: pointer;
	}
	.birthstyle .el-date-editor .el-input__inner {
		padding: 0 45px;
	}

	.birthstyle .el-date-editor .el-input__icon {
		font-size: 18px;
		color: #888;
		padding-left: 10px;
	}

	.birthstyle .el-input__icon {
		line-height: 40px;
	}
	.revokeflowerstyle {
		display: none;
	}
}