*{
	margin:0;
	padding:0;
	font-family: Microsoft YaHei;
}

i{
	font-style: normal;
}
a{
	text-decoration: none;
	color:#ffffff;
}

img{
	width: 100%;
}
html,body{
	height: 100%;
}
body{
    margin: 0;
    background-color: #F3F3F5;
}


.bg{
	background-image: url(../images/bg_full.jpeg);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	shape-outside:polygon(100% 40%,100% 100%,-40% 100%);
	-webkit-clip-path:polygon(100% 40%,100% -100%,-40% 100%);
	z-index: -100;
}
.bg_color{
	background-image: linear-gradient(184.78deg, #f5c18d 7.64%, #e8b27c 120.07%);
	width: 100%;
	height: 100%;
	position: absolute;
	shape-outside:polygon(100% 40%,100% 100%,-40% 100%);
	-webkit-clip-path:polygon(100% 40%,100% 100%,-40% 100%);
	z-index: -99;
}
.bg_img{
	background: url(../images/bg_product.png) no-repeat center bottom;
	width: 50%;
	height: 100%;
	background-size: 100%;
	position: absolute;
	bottom: 0;
	right: 10px;
    z-index: -10;
}

.box_title{
	font-size: 36px;
	color: #333;
	font-weight: 200;
	margin-left: 20px;
}

.footer{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding:30px 0px 15px 0px;
}

.footer p{
	text-align: center;
	line-height: 25px;
	font-size:14px;
}

/***查询按钮的样式***/
.sy_search_btn{ 
     
	width:40%; 
	height:60px; 
	text-align:center;  
	font-size:24px; 
	font-weight:bold; 
	color:#fff;  
	border:none; 
	cursor:pointer; 
	border-radius:10px;
	padding:10px;
	background-image: linear-gradient(184.78deg, #f5c18d 7.64%, #e8b27c 120.07%);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Added shadow */
}
	
.sy_search_btn:hover,.sy_search_btn:focus,.sy_search_btn:active,.sy_search_btn.active{

	background-color: #ffa0a7;
		
}

/*** 搜索框样式 ***/

.search_box{
	width: 75%;
	top: 5%;
	margin: 0 auto;
    position: absolute;	
	left: 0;
	right: 0;
	
}
.key_wp{
	width: 40%;
	height: 70px;
	background: rgba(255,255,255,0.2);
	border-radius: 10px;
	padding:10px;
	clear:both; 
	float:none;
	margin-bottom:20px;
}

.key_input_wp{
	width: 98.5%;
	height: 88%;
	background: #fff;
	border-radius: 10px;
	padding: 5px;
}

.key_input_wp input{
	width:90%;
	height: 100%;
	padding-left:20px;
	border:0px;
	outline: none;
	font-size: 30px;
	font-weight: 200;
}

.yzm_wp{
	width: 20%;
	height: 70px;
	background: rgba(255,255,255,0.2);
	border-radius: 10px;
	padding:10px;
	clear:both; 
	float:none;
	margin-bottom:20px;

}

.yzm_input{
	width: 96.5%;
	height: 88%;
	background: #fff;
	border-radius: 10px;
	padding: 5px;
}

.yzm_input input{
	width:40%;
	height: 100%;
	padding-left:20px;
	border:0px;
	outline: none;
	font-size: 30px;
	font-weight: 200;
}

.yzm_input img{
	width: 8%;
	z-index:1000px;
}

.yzm_search_btn{
	width:100px; height:30px; text-align:center;color:#fff; float:right; border:none; cursor:pointer; border-radius:10px;margin-top:15px;
}


.logo{
	background-image: url(../images/logo_phone.png);
	background-size: 100%;
	width: 408px;
	height: 309px;
	margin-bottom: 80px;
	z-index: -1;
}


@media (max-width:1024px){
	.logo{
		display: none;
	}
	.search_box{
		top: 20px;
		width: 90%;
	}
	.key_wp{
		width: 100%;
		height: 50px;
		padding: 0;
	}
	.yzm_wp{
		width: 50%;
		height: 50px;
		padding: 0;
	}
	.sy_search_btn{
		width: 100%;
	}
	.bg{
		shape-outside:polygon(100% -100%,500% 30%,-100% 100%);
		-webkit-clip-path:polygon(100% -100%,500% 30%,-100% 100%);
		/* background-image: none; */
		/* background-color: #F3F3F5; */
		width: 1024px;
		opacity: 0.5;
	}

	.bg_img{
		width: 80%;
		height: 100%;
	}
	.yzm_input input{
		font-size: 24px;
	}
	.key_input_wp input{
		font-size: 24px;
	}
	.box_title{
		font-size: 24px;
		margin-bottom: 10px;
		margin-left: 0px;
		text-align: center;
		color:#333;
	}
	.logo_phone{
		background: url(../images/logo_phone.png) no-repeat center center;
		background-size: auto 100%;
		width: 100%;
		height: 200px;
		top: 50%;
		position: absolute;
		z-index: -10;
	}

}