/* 由 F12 开发人员工具生成。这可能不是原始源文件的准确表示形式。*/
html {
	 background-color: rgb(103, 172, 228);
}
body {
	margin: 0px; font-family:Microsoft YaHei,Tahoma,Arial,Helvetica,Sans-Serif;  _padding-top: 100px;
}
::selection {
	
}
#wrap {
	margin: 100px auto 0px; width: 399px;
}
#text {
	text-align: center; padding-top: 20px;
}
#text strong {
	font-size: 14px; font-weight: normal; display: inline-block;
}
#text strong * {
	float: left;
}
#text span {
	background: url("../image/info.png") no-repeat; width: 128px; height: 29px;
}
#text a {
	margin: 1px 0px 0px 10px; padding: 6px 14px; border-radius: 14px; border: 1px solid rgb(255, 255, 255); transition:0.2s ease-out; color: rgb(255, 255, 255); line-height: 14px; text-decoration: none; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#text a:hover {
	background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}
#text a:active {
	background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}
@media screen and (max-width:414px)
{
#wrap {
	width: 200px;
}
#wrap img {
	width: 200px;
}
#text span {
	width: 200px;
}
#text span {
	background-position: center; margin-bottom: 16px;
}
#text a:nth-of-type(1) {
	margin-left: 0px;
}
}
.animate {
	animation:animate 20s linear infinite alternate; -o-animation: 20s animate linear infinite alternate; -moz-animation: 20s animate linear infinite alternate; -webkit-animation: 20s animate linear infinite alternate;
}
.below {
	left: 0px; width: 100%; bottom: 0px; position: absolute; z-index: -1;
}
.above {
	left: 0px; width: 100%; bottom: 0px; position: absolute; z-index: -1;
}
.below {
	background: url("../image/below.png") no-repeat; height: 173px;
}
.above {
	background: url("../image/above.png") no-repeat -60px 0px; height: 149px; animation-name: animate-above; -o-animation-name: animate-above; -moz-animation-name: animate-above; -webkit-animation-name: animate-above;
}