* {
	margin: 0;
	padding: 0;
}

.text-main-color {
	color: #006bab;
}

@media screen and (max-width:700px) {
	.container {
		width: 7.5rem;
		height: 14rem;
		background: url('../img/image.png');
		background-size: cover;
	}

	.title {
		font-size: .34rem;
		color: #fff;
		padding-top: 3.8rem;
		font-weight: bold;
	}

	.form-container {
		width: 6.8rem;
		background-color: #fff;
		border-radius: .3rem;
		filter: drop-shadow(0 0 6.5px rgba(101, 24, 11, 0.16));
		background-color: #ffffff;
		margin-top: 0.5rem;
		padding-bottom: .5rem;
	}

	.tabs-item {
		padding: .4rem 0;
		font-weight: bold;
		font-size: .30rem;
	}

	.active {
		color: #006bab;
	}

	.active1 {
		background-color: #006bab;
	}

	.label {
		font-size: .36rem;
		margin-left: .3rem;
	}

	.input {
		border: none;
		margin-left: .5rem;
		margin-top: 0rem;
		height: .8rem;
		width: 5rem;
		display: block;
	}

	.form-item {
		margin-top: .5rem;
	}

	.btn {
		width: 5rem;
		color: #fff;
		padding: .2rem;
		border-radius: 20px;
		filter: drop-shadow(0px 7px 15px rgba(0, 0, 0, 0.19));
		background-color: #006bab;
	}

	.btn-container {
		display: none !important;
	}
}

@media screen and (min-width:700px) {


	.label {
		font-size: 18px;
		/* margin-left: 18px; */
	}

	.container {
		/* width: 1800px; */
		width: 100%;
		height: 100%;
		background: url('../img/image1.png');
		background-size: cover;
		padding-bottom: 200px;
	}

	.title {
		font-size: 0.2rem;
		padding-top: 0.8rem;
		letter-spacing: 5px;
		line-height: 29px;
		color: #ffffff;
		font-weight: 500;
		font-family: "Source Han Sans CN";
		filter: drop-shadow(0px 3px 8px rgba(101, 24, 11, 0.76));
	}

	.form {
		margin-top: 60px;
		width: 510px;
		height: 300px;
		border-radius: 26px;
		filter: drop-shadow(-2.867px 7.469px 8px rgba(125, 72, 63, 0.75));
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.18823529411764706) 0%, rgba(255, 255, 255, 0.18823529411764706) 100%);
		border: 1px solid #ffffff;
		margin-left:334px;
	}

	.tabs {
		display: none !important;
	}

	.form-item {
		display: flex;
		color: #fff;
		align-items: center;
		margin-top: 20px;
	}

	.input {
		color: #fff;
		border: none;
		/* margin-left: .1rem; */
		margin-top: 0rem;
		height: .1rem;
		width: 300px;
		height: 30px;
		display: block;
		margin-left: 20px;
		border-radius: 23px;
		padding-left: 20px;
		/* background-color: linear-gradient(180deg, rgba(255, 255, 255, 0.9999999999999999) 0%, rgba(255, 255, 255, 0.34117647058823525) 100%); */
		/* opacity: 0.6; */
		background: rgba(255, 255, 255, 0.2);
		/* border: 1px solid #ffffff; */
	}

	.btn2 {
		opacity: 0.922;
		width: 180px;
		height: 40px;
		border-radius: 28px;
		background-color: #0093ff;
		color: #fff;
		font-size: 16px;
	}

	.btn3 {
		pacity: 0.922;
		width: 180px;
		height: 40px;
		border-radius: 28px;
		background-color: #0093ff;
		color: #fff;
		font-size: 16px;
		margin-left: 20px;
	}
	.content-footer{
		width: 1200px;
		margin: 10px auto;
		text-align: center;
	}
	.content-footer p{
		color:#ffffff
	}
}