html,body{height: 100%}
body{
	width: 100%;
	height: 100%;
	background: url(../images/suggest/tousu2.png) no-repeat left top;
	background-size: 100%;
}



.suggest{
	padding:6% 3% 0px;
}
.suggest .logo img{
	width: 35%;
}
.sug_circle{
	padding: 20% 0px 0px;
	text-align: center;
	position: relative;
}
.sug_circle img{
	width: 35%;
	margin-left: 30px;
	animation: myani 2s infinite linear;
	position: relative;
}
@keyframes myani{
	0%{transform: rotate(0deg)}
	100%{transform: rotate(360deg)}
}
.sug_xian{
	position: absolute;
	top: 15%;
	left: 6%;
	animation: myani1 2s infinite linear;
}
@keyframes myani1{
	0%{top:15%;}
	25%{top:20%;}
	100%{top:15%;}
}
.sug_dian{
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	left: 18%;
	top: 28%;
	animation: myani2 2s infinite linear;
}
@keyframes myani2{
	0%{opacity: 1}
	50%{opacity: 0}
	100%{opacity: 1}
}
.sug_title p{
	text-align: center;
	padding-top: 65px;
}
.sug_title p img{
	width: 70%;
}

.sug_btn a{
	display: block;
	width: 50%;
	height: 45px;
	margin: 0px auto;
	font-size: 20px;
	border:1px solid #fff;
	color: #fff;
	border-radius: 30px;
	text-align: center;
	line-height: 45px;
	margin-top: 40px;
}