/* = */
/*复选框未勾选前的样式*/
input[type="checkbox"]{	
	appearance:none;/*取消默认的复选框样式*/
	/*重新写一个复选框圆角样式*/

	border:1px solid #aaaaaa;/*设置边框样式*/
	border-radius:50%;/*将方形的边框改为圆形*/
}
 
/*复选框选择后的样式*/
input[type="checkbox"]:checked {
	transition:all 0.3s;
	background-image:url(../assets/contact/select.png);/*复选框选中后添加背景图片*/
	background-repeat:no-repeat;/*取消背景图片平铺*/
	background-size:100% 100%;/*背景图片大小,第一个27px表示width宽度,第二个27px表示height高度*/
	background-position: center;/*背景图居中对齐*/
}



/* =====================banner */
.bannerBox{
	padding-bottom: 93.5px;
}
.bannerBox  .title{
	line-height: 66px;
	font-weight: 500;
	font-size: 50px;
	
}

.bannerImg{
	margin-top: 40px;
	/* margin-left: 10px; */
	/* text-align: right; */
}
.bannerImg>img{
	margin-left: 20px;
}

.bannerBox .button{
	display: flex;
	align-items: center;
	margin-top: 75px;
}



.bannerRegister{
	width: 180px;
	height: 70px;
	box-sizing: border-box;
	border: 2px solid rgb(82, 54, 255);
	border-radius: 39px;
	background: rgb(255, 255, 255);
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	font-weight: 700;
}

.bannerContact{
	width: 180px;
	height: 70px;
	border-radius: 39px;
	background: rgb(82, 54, 255);
	color: #fff;
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	font-weight: 700;
	margin-left: 25px;
}

@media (max-width:771px) {
	.bannerImg >img{
		width: 460px;
	}
}


/* ========================= */
.subtitle{
	color: rgb(0, 0, 0);
	font-family: 思源黑体 CN;
	font-size: 26px;
	font-weight: 400;
	line-height: 42px;
	margin-top: 76px;
}

.FormBox{
	border-radius: 40px;
	
	box-shadow: 0px 17px 44px 0px rgba(179, 179, 179, 0.25);
	background: rgb(255, 255, 255);
	padding-left: 76px;
	padding-top: 54px;
	margin-top: 153px;
	overflow: hidden;
	margin-bottom: 97px;
}
.FormBox .row>div{
	margin-top: 52px;
}
.myInput{
	box-sizing: border-box;
	border: 1px solid rgb(211, 211, 211);
	border-radius: 20px;
	background: rgb(255, 255, 255);
	width: 600px;
	height: 80px;
	font-size: 20px;
	padding-left: 20px;
}
.InputName{
	margin-bottom: 17px;
	font-size: 20px;
	font-weight: 400;
}

/* ==================================== */
.receiveMail{
	display: flex;
	margin-top: 64px;
	align-items: center;
}
.myradio{
	width: 40px;
	height: 40px;
	margin-right: 35px;
}
.receiveMailDesc{
	color: rgb(114, 114, 114);
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
}

.submitButton{
	width: 228px;
	height: 77px;
	border-radius: 39px;
	background: rgb(36, 35, 49);
	color: rgb(255, 255, 255);
	font-family: Nunito;
	font-size: 20px;
	font-weight: 700;
	line-height: 77px;
	letter-spacing: 0%;
	text-align: center;
	margin: 181px auto 101px;
	cursor: pointer;
	
}

.error{
	border-color: red;
}

/* ======================== */

@media (max-width:1400px) {
	.FormBox .row>div>div{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.FormBox{
		padding-left: 0;
	}
	
	.receiveMail{
		padding: 0 30px;
	}
}

@media (max-width:770px) {
.myInput{
	width: 400px;
	height: 60px;
}
.receiveMailDesc{
	font-size: 16px;
}
	
}
@media (max-width:510px) {
.myInput{
	width: 300px;
	height: 50px;
}.receiveMailDesc{
	font-size: 12px;
	line-height: 14px;
}
.myradio{
		width: 20px;
		height: 20px;
	}
	.submitButton{
		margin-top: 60px;
		
		
	}
	.FormBox{
		margin-top: 80px;
	}
	
}

@media (max-width:410px) {
.myInput{
	width: 200px;
	height: 30px;
	font-size: 16px;
}
.InputName{
	font-size: 16px;
}
.FormBox .row>div {
    margin-top: 22px;
}
.FormBox{
	padding-top: 20px;
}
.submitButton{
	margin-top: 30px;
	width: 50%;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	
}
.FormBox{
	margin-top: 40px;
}
}




/* =========== */
@media (max-width:1400px) {

.bannerImg{
	text-align: center;
}
.bannerCont{
	text-align: center;
}
.bannerBox .button{
	justify-content: center;
}
	
}