veterans_H5/h5_web/pages/applyEducationCode/applyEducationCode.scss

/* 退役军人职业教育码申请 */
.apply-code {
	width: calc(100% - 60rpx);
	margin: 50rpx auto;
	.pic {
		display: flex;
		&-upload {
			width: 184rpx;
			height: 184rpx;
			border: solid 1px #BABABA;
			border-radius: 5rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-right: 32rpx;
			image {
				width: 62rpx;
				height: 62rpx;
				vertical-align: middle;
				margin-bottom: 5rpx;
			}
			.font {
				color: #4B4B4B;
				opacity: 0.8;
				font-size: 26rpx;
				line-height: 50rpx;
			}
		}
		&-photograph {
			width: 184rpx;
			height: 184rpx;
			border: solid 1px #BABABA;
			border-radius: 5rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			image {
				width: 62rpx;
				height: 48rpx;
				vertical-align: middle;
			}
			.font {
				color: #4B4B4B;
				opacity: 0.8;
				font-size: 26rpx;
				line-height: 50rpx;
			}
		}
		.tips {
			color: #5F5F5F;
			font-size: 24rpx;
		}
		.pic-url {
			width: 184rpx;
			height: 184rpx;
			margin-left: 32rpx;
			position: relative;
			image {
				width: 100%;
				height: 100%;
				border-radius: 6rpx;
			}
			.icon {
				position: absolute;
				top: 10rpx;
				right: 10rpx;
				z-index: 1000;
				width: 36rpx;
				height: 36rpx;
				line-height: 36rpx;
				text-align: center;
				border-radius: 82rpx;
				background-color: rgb(253, 49, 48);
			}
		}
	}
	.submit {
		width: 100%;
		margin-top: 80rpx;
	}
}