.contact_page_main{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2rem 0 2rem;
	background-color: rgb(230, 231, 233);
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
	font-weight: 300;
}
.con_us_title{
	font-size: 0.6rem;
	color: rgb(184, 145, 114);
	margin-bottom: 0.6rem;
	font-weight: normal;
}
.con_us_tab{
	display: flex;
}
.con_us_tab_btn{
	position: relative;
	font-size: 0.18rem;
	padding: 0.15rem 0.24rem;
	background-color: rgb(209, 210, 215);
	cursor: pointer;
	transition: all .62s;
	margin-right: 0.15rem;
}
.con_us_tab_btn:nth-last-of-type(1){
	margin-right: 0rem;
}
.con_us_tab_btn img{
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: all .5s;
}
.con_us_tab_btn.active{
	background-color: rgb(65, 65, 66);
	color: rgba(255, 255, 255, 0.7);
}
.con_us_tab_btn.active img{
	opacity: 1;
}
.con_us_tab_btn:hover{
	background-color: rgb(100, 100, 104);
	color: rgba(255, 255, 255, 0.7);
}

.cu_input_line{
	margin-top: 0.35rem;
	display: flex;
	justify-content: space-between;
}
.cu_input_min{
	width: 48%;
	display: flex;
	align-items: center;
	position: relative;
	border-bottom: 1px solid #000;
	cursor: pointer;
}
.cp_icon_01{
	width: 0.18rem;
}
.ci_country_select{
	position: absolute;
	top: 0.502rem;
	pointer-events: none;
	height: 0rem;
	box-shadow: 0 0 2rem 0 rgb(0 0 0 / 10%);
	background-color: #fff;
	width: 100%;
	overflow-y: scroll;
	z-index: 2;
	transition: all .5s;
}
.ci_country_select.active{
	height: 2.5rem;
	pointer-events: auto;
}
.ci_country_select div{
	height: 0.5rem;
	line-height: 0.5rem;
	padding: 0 0.2rem;
	transition: all .4s;
	cursor: pointer;
}
.ci_country_select div:hover{
	background-color: rgb(238, 238, 238);
}
.ci_country_select div.active{
	background-color: rgb(238, 238, 238);
}

.cu_error{
	position: absolute;
	top: 0.502rem;
	color: #ff0101;
	padding: 0.05rem 0;
	opacity: 0;
	transition: all .5s;
}
.cu_input_message .cu_error{
	top: 1.48rem;
}
.show_e .cu_error{
	opacity: 1;
}
.cu_int_i{
	flex: 1;
}
.cu_input_min input{
	height: 0.502rem;
	border: none;
	font-size: 0.18rem;
	width: 100%;
	background-color: rgb(230, 231, 233);
}
.cii_cou{
	cursor: pointer;
}
input, textarea{
	font-weight: 300;
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
}
input::placeholder, textarea::placeholder{
	font-weight: 300;
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
}

.cu_input_message{
	margin-top: 0.5rem;
	width: 100%;
	position: relative;
}
.cu_input_message textarea{
	width: 100%;
	font-size: 0.18rem;
	padding: 0.1rem 0.2rem;
	height: 1.5rem;
	resize: none;
	background-color: rgb(226, 227, 231);
	border: 1px solid #000;
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
	font-weight: 300;
}

.cu_page_check{
	margin-top: 0.24rem;
	display: flex;
	align-items: center;
	position: relative;
}
.cu_page_check a{
	margin-left: 0.15rem;
	margin-top: 0.05rem;
	letter-spacing: 0;
}
.cp_check_moni{
	width: 0.24rem;
	height: 0.24rem;
	border: 1px solid #000;
	background-color: rgb(230, 231, 233);
	display: flex;
	cursor: pointer;
	justify-content: center;
	align-items: center;
}
.cp_check_moni img{
	width: 70%;
	opacity: 1;
	transition: all .4s;
}
.cu_page_check.show_e .cp_check_moni img{
	opacity: 0;
}
.cu_page_check._hide .cp_check_moni img{
	opacity: 0;
}
.cp_check_error{
	position: absolute;
	top: 0.24rem;
	color: #ff0101;
	padding: 0.05rem 0;
	opacity: 0;
	transition: all .5s;
}
.show_e .cp_check_error{
	opacity: 1;
}
.cu_page_check._hide .cp_check_error{
	opacity: 0;
}


.cp_submit{
	margin-top: 0.8rem;
	cursor: pointer;
	font-size: 0.18rem;
	background-color: rgb(65, 65, 66);
	height: 0.62rem;
	line-height: 0.62rem;
	width: 3.2rem;
	text-align: center;
}

.leave_message{
	display: none;
}


@media (max-width: 767px){
	.contact_page_main{
		padding: 2rem 0.4rem;
		letter-spacing: 0;
		font-weight: normal;
	}
	.con_us_tab{
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 0.4rem;
	}
	.con_us_tab_btn{
		width: 49%;
		margin-right: 0;
		text-align: center;
		margin-bottom: 2%;
		padding: 0.25rem 0;
		font-size: 0.26rem;
	}
	
	.cu_input_line{
		flex-wrap: wrap;
	}
	.cu_input_min{
		width: 100%;
		border-bottom: 1px solid rgb(162, 162, 164);
	}
	.cu_input_name, .cu_input_mail, .cu_input_line{
		margin-top: 0.25rem;
	}
	.cu_input_min input{
		font-size: 0.26rem;
		height: 1rem;
	}
	input{
		color: #444;
	}
	input::placeholder, textarea::placeholder{
		font-weight: normal;
		color: #444;
	}
	input, textarea{
		font-weight: normal;
	}
	
	.ci_country_select{
		top: 1.05rem;
	}
	.ci_country_select div{
		font-size: 0.24rem;
		height: 0.8rem;
		line-height: 0.8rem;
	}
	.ci_country_select.active{
		height: 3.8rem;
	}
	.cu_error{
		top: 1rem;
		font-size: 0.18rem;
	}
	.cp_check_error{
		font-size: 0.18rem;
		top: 0.35rem;
	}
	.cu_input_message textarea{
		width: 100%;
		height: 2.4rem;
		font-size: 0.26rem;
		font-weight: normal;
	}
	.cu_input_message .cu_error{
		top: 2.4rem;
	}
	._min_title{
		display: flex !important;
		align-items: center;
		color: rgb(199 142 102);
	}
	._min_title div:nth-of-type(1){
		width: 2px;
		height: 0.3rem;
		background-color: rgb(199 142 102);
	}
	._min_title div:nth-of-type(2){
		margin-left: 0.15rem;
		font-weight: normal;
	}
	._min_title_i{
		margin-top: 0.8rem;
	}
	.cu_input_line_1{
		margin-top: 0;
	}
	.cu_input_message{
		margin-top: 0;
	}
	.leave_message{
		display: block;
		margin-top: 0.8rem;
		margin-bottom: 0.3rem;
		font-weight: normal;
		font-size: 0.26rem;
	}
	.cu_input_message textarea::placeholder{
		opacity: 0;
	}
	.cp_check_moni{
		width: 0.35rem;
		height: 0.35rem;
	}
	.cu_page_check a{
		font-size: 0.26rem;
	}
	.cp_submit{
		width: 100%;
		height: 0.97rem;
		line-height: .97rem;
		font-size: 0.26rem;
	}
	
}