@charset "utf-8";

/* CSS Document */
body {
	padding: 0rem;
	margin: 0rem;
	font-size: 0.75rem;
	font-family: "微软雅黑";
	line-height: 1.25rem;
	color: #000;
}

ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	padding: 0rem;
	margin: 0rem;
	list-style: none;
}

img {
	border: 0rem;
}

input {
	padding: 0;
	margin: 0;
	border: none;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

@media screen and (min-width: 320px) {
	html {
		font-size: 8.5333px !important;
	}
}

@media screen and (min-width: 360px) {
	html {
		font-size: 9.6px !important;
	}
}

@media screen and (min-width: 375px) {
	html {
		font-size: 10px !important;
	}
}

@media screen and (min-width: 384px) {
	html {
		font-size: 10.24px !important;
	}
}

@media screen and (min-width: 411px) {
	html {
		font-size: 10.96px !important;
	}
}

@media screen and (min-width: 414px) {
	html {
		font-size: 11.04px !important;
	}
}

@media screen and (min-width: 448px) {
	html {
		font-size: 11.9467px !important;
	}
}

@media screen and (min-width: 480px) {
	html {
		font-size: 12.8px !important;
	}
}

@media screen and (min-width: 512px) {
	html {
		font-size: 13.6533px !important;
	}
}

@media screen and (min-width: 544px) {
	html {
		font-size: 14.5067px !important;
	}
}

@media screen and (min-width: 576px) {
	html {
		font-size: 15.36px !important;
	}
}

@media screen and (min-width: 608px) {
	html {
		font-size: 16.2133px !important;
	}
}

@media screen and (min-width: 640px) {
	html {
		font-size: 17.0667px !important;
	}
}

@media screen and (min-width: 750px) {
	html {
		font-size: 20px !important;
	}
}

@media screen and (min-width: 768px) {
	html {
		font-size: 20.48px !important;
	}
}

@media screen and (min-width: 800px) {
	html {
		font-size: 21.3333px !important;
	}
}

@media screen and (min-width: 1024px) {
	html {
		font-size: 27.3067px !important;
	}
}

.recognition{max-width: 40rem; min-width: 20rem; overflow: hidden;}
.recognition .infor{padding: 0 3%; width: 100%; box-sizing: border-box; overflow: hidden;}
.recognition .n1{padding-top: 83px;}
.recognition .infor .header{ width: 100%; padding: 1.5rem 0; overflow: hidden;}
.recognition .infor .header img{width: 1.875rem; height:1.875rem;}

.recognition .infor h6{padding-top: 2rem; font-size: 1.5rem; line-height: 1.875rem; font-weight: normal; color: #555; text-align: center; display: block;}
.recognition .infor .shake{padding: 3.125rem 0 2rem 0;}
.recognition .infor .card{width: 100%; overflow: hidden; text-align: center; padding: 1.25rem 0; line-height: 1.875rem;}
.recognition .infor .card b{font-size: 1.25rem; color: #787878; overflow: hidden; font-weight: normal;}
.recognition .infor .card span{font-size: 1.25rem; color: #787878; overflow: hidden;}

.recognition .infor .gather{width: 100%; overflow: hidden; margin: 0 auto; text-align: center;}
.recognition .infor .gather .circles{position: relative; border-radius: 50%; overflow: hidden;}
.recognition .infor .gather .circles .movement{width: 196px; height: 196px; margin:0 0 0 -98px; border-radius: 50%; position: absolute; top: 0; left: 50%; overflow: hidden;}
.recognition .infor .gather .rl img{width: 196px; height: 196px; margin:0 0 0 -98px; position: absolute; top: 0; left: 50%; z-index: -2;}


.recognition .infor .gather .circles .ts{position: absolute; top: 0; left: 50%; background: rgba(0,0,0,.4); width: 158px; height: 4rem; margin: 0 0 0 -79px; font-size: 1.5rem; color: #FFFFFF; text-align: center; line-height: 4rem; z-index: -1; border-radius:158px 158px 0 0;
  }


.recognition .infor .state{width: 100%; overflow: hidden; margin: 0 auto;}
.recognition .infor .state img{width: 4.25rem; height: 4.25rem; margin: 0 auto;}
.recognition .infor p{text-align: center; font-size: 1.25rem;  line-height: 3rem;  color: #333333;}



.recognition .infor .button{width: 90%; margin: 5rem auto 0 auto; height: 4rem; line-height: 4rem; color: #fff; font-size: 1.5rem; text-align: center;border-radius: 2.5rem; 
background: -webkit-linear-gradient(left,rgba(253,132,112,1),rgba(251,8,159,1)); /* Safari 5.1 - 6 */
background: -o-linear-gradient(right,rgba(253,132,112,1),rgba(251,8,159,1)); /* Opera 11.1 - 12*/
background: -moz-linear-gradient(right,rgba(253,132,112,1),rgba(251,8,159,1)); /* Firefox 3.6 - 15*/
background: linear-gradient(to right, rgba(253,132,112,1),rgba(251,8,159,1)); /* 标准的语法 */}