/*光环*/
.ring {
	position: absolute;
	background-color:#e0305d;
	/*border: 10px solid #DA37DF;*/
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	margin: auto;
	left: -.75rem;
	top: 0;
	right: 0;
	bottom: 0;
	opacity:0.5;
	transform:scale(0,0);
    z-index:5;
}
.ring1{
	-webkit-animation:ring ease-in-out 0.8s;
	-moz-animation:ring ease-in-out 0.8s;
	-ms-animation:ring ease-in-out 0.8s;
	-o-animation:ring ease-in-out 0.8s;
	animation:ring ease-in-out 0.8s;
	}
@-webkit-keyframes ring
{
	0%,4%{ background-color:#e0305d;border: 0px solid #e0305d; transform:scale(0,0);}
	20%{background-color:#cc8ef5;}
	24%{background-color:transparent;border: 20px solid #cc8ef5;transform:scale(1.2,1.2);}
	32%{background-color:transparent;border: 0px solid #cc8ef5; transform:scale(1.3,1.3);}
	100%{background-color:transparent;border: 0px solid #cc8ef5; transform:scale(1.3,1.3);}
}
@-moz-keyframes ring
{
	0%,4%{ background-color:#e0305d;border: 0px solid #e0305d; transform:scale(0,0);}
	20%{background-color:#cc8ef5;}
	24%{background-color:transparent;border: 20px solid #cc8ef5;transform:scale(1.2,1.2);}
	32%{background-color:transparent;border: 0px solid #cc8ef5; transform:scale(1.3,1.3);}
	100%{background-color:transparent;border: 0px solid #cc8ef5; transform:scale(1.3,1.3);}
}
@-ms-keyframes ring
{
	0%,4%{ background-color:#e0305d;border: 0px solid #e0305d; transform:scale(0,0);}
	20%{background-color:#cc8ef5;}
	24%{background-color:transparent;border: 20px solid #cc8ef5;transform:scale(1.2,1.2);}
	32%{background-color:transparent;border: 0px solid #cc8ef5; transform:scale(1.3,1.3);}
	100%{background-color:transparent;border: 0px solid #cc8ef5; transform:scale(1.3,1.3);}
}
@-o-keyframes ring
{
	0%,4%{ background-color:#e0305d;border: 0px solid #e0305d; transform:scale(0,0);}
	20%{background-color:#cc8ef5;}
	24%{background-color:transparent;border: 20px solid #cc8ef5;transform:scale(1.2,1.2);}
	32%{background-color:transparent;border: 0px solid #cc8ef5; transform:scale(1.3,1.3);}
	100%{background-color:transparent;border: 0px solid #cc8ef5; transform:scale(1.3,1.3);}
}
@keyframes ring
{
	0%,4%{ background-color:#e0305d;border: 0px solid #e0305d; transform:scale(0,0);}
	20%{background-color:#cc8ef5;}
	24%{background-color:transparent;border: 20px solid #cc8ef5;transform:scale(1.2,1.2);}
	32%{background-color:transparent;border: 0px solid #cc8ef5; transform:scale(1.3,1.3);}
	100%{background-color:transparent;border: 0px solid #cc8ef5; transform:scale(1.3,1.3);}
}
/*圆*/
.circles {
	position: absolute;
	border-radius: 50%;
	width: 1rem;
	height: 1rem;
	margin: auto;
	left: -.75rem;
	top: 0;
	right: 0;
    bottom: 0;
}
.circles1{
	-webkit-animation:circles ease-out 0.6s;
	-moz-animation:circles ease-out 0.6s;
	-ms-animation:circles ease-out 0.6s;
	-o-animation:circles ease-out 0.6s;
	animation:circles ease-out 0.6s;
	}
@-webkit-keyframes circles
{
2,27%{ box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}
28%{box-shadow: 
	0em 10em 0 -0.6em #f48ea7, 
	-0.9em 9.9em 0 -0.6em #f48ea7, 
	8.86em 5em 0 -0.6em #8be6c2, 
	8.16em 5.7em 0 -0.6em #8be6c2, 
	8.86em -5em 0 -0.6em #cc8ef5,
	9.06em -4.3em 0 -0.6em #cc8ef5,
	
	0em -10em 0 -0.6em #93d2f7,
	0.9em -9.9em 0 -0.6em #93d2f7,
	-8.86em -5em 0 -0.6em #8be6c2,
	-8.16em -5.7em 0 -0.6em #8be6c2,
	-8.86em 5em 0 -0.6em #93d2f7,
	-9.06em 4.3em 0 -0.6em #93d2f7;}
60%{box-shadow: 
	-2.65em 14.45em 0 -0.4em #f48ea7, 
	2.25em 13.15em 0 -0.6em #f48ea7, 
	11.45em 9.95em 0 -0.4em #8be6c2, 
	12.25em 4.75em 0 -0.6em #8be6c2, 
	14.05em -4.85em 0 -0.4em #cc8ef5,
	9.95em -8.05em 0 -0.6em #cc8ef5,
	
	2.65em -14.45em 0 -0.4em #93d2f7,
	-2.25em -13.15em 0 -0.6em #93d2f7,
	-11.45em -9.95em 0 -0.4em #8be6c2,
	-12.25em -4.75em 0 -0.6em #8be6c2,
	-14.05em 4.85em 0 -0.4em #93d2f7,
	-9.95em 8.05em 0 -0.6em #93d2f7;}
92%{box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}	
93%,100%{ box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}
}
@-moz-keyframes circles
{
2,27%{ box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}
28%{box-shadow: 
	0em 10em 0 -0.6em #f48ea7, 
	-0.9em 9.9em 0 -0.6em #f48ea7, 
	8.86em 5em 0 -0.6em #8be6c2, 
	8.16em 5.7em 0 -0.6em #8be6c2, 
	8.86em -5em 0 -0.6em #cc8ef5,
	9.06em -4.3em 0 -0.6em #cc8ef5,
	
	0em -10em 0 -0.6em #93d2f7,
	0.9em -9.9em 0 -0.6em #93d2f7,
	-8.86em -5em 0 -0.6em #8be6c2,
	-8.16em -5.7em 0 -0.6em #8be6c2,
	-8.86em 5em 0 -0.6em #93d2f7,
	-9.06em 4.3em 0 -0.6em #93d2f7;}
60%{box-shadow: 
	-2.65em 14.45em 0 -0.4em #f48ea7, 
	2.25em 13.15em 0 -0.6em #f48ea7, 
	11.45em 9.95em 0 -0.4em #8be6c2, 
	12.25em 4.75em 0 -0.6em #8be6c2, 
	14.05em -4.85em 0 -0.4em #cc8ef5,
	9.95em -8.05em 0 -0.6em #cc8ef5,
	
	2.65em -14.45em 0 -0.4em #93d2f7,
	-2.25em -13.15em 0 -0.6em #93d2f7,
	-11.45em -9.95em 0 -0.4em #8be6c2,
	-12.25em -4.75em 0 -0.6em #8be6c2,
	-14.05em 4.85em 0 -0.4em #93d2f7,
	-9.95em 8.05em 0 -0.6em #93d2f7;}
92%{box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}	
93%,100%{ box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}
}
@-ms-keyframes circles
{
2,27%{ box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}
28%{box-shadow: 
	0em 10em 0 -0.6em #f48ea7, 
	-0.9em 9.9em 0 -0.6em #f48ea7, 
	8.86em 5em 0 -0.6em #8be6c2, 
	8.16em 5.7em 0 -0.6em #8be6c2, 
	8.86em -5em 0 -0.6em #cc8ef5,
	9.06em -4.3em 0 -0.6em #cc8ef5,
	
	0em -10em 0 -0.6em #93d2f7,
	0.9em -9.9em 0 -0.6em #93d2f7,
	-8.86em -5em 0 -0.6em #8be6c2,
	-8.16em -5.7em 0 -0.6em #8be6c2,
	-8.86em 5em 0 -0.6em #93d2f7,
	-9.06em 4.3em 0 -0.6em #93d2f7;}
60%{box-shadow: 
	-2.65em 14.45em 0 -0.4em #f48ea7, 
	2.25em 13.15em 0 -0.6em #f48ea7, 
	11.45em 9.95em 0 -0.4em #8be6c2, 
	12.25em 4.75em 0 -0.6em #8be6c2, 
	14.05em -4.85em 0 -0.4em #cc8ef5,
	9.95em -8.05em 0 -0.6em #cc8ef5,
	
	2.65em -14.45em 0 -0.4em #93d2f7,
	-2.25em -13.15em 0 -0.6em #93d2f7,
	-11.45em -9.95em 0 -0.4em #8be6c2,
	-12.25em -4.75em 0 -0.6em #8be6c2,
	-14.05em 4.85em 0 -0.4em #93d2f7,
	-9.95em 8.05em 0 -0.6em #93d2f7;}
92%{box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}	
93%,100%{ box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}
}
@-o-keyframes circles
{
2,27%{ box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}
28%{box-shadow: 
	0em 10em 0 -0.6em #f48ea7, 
	-0.9em 9.9em 0 -0.6em #f48ea7, 
	8.86em 5em 0 -0.6em #8be6c2, 
	8.16em 5.7em 0 -0.6em #8be6c2, 
	8.86em -5em 0 -0.6em #cc8ef5,
	9.06em -4.3em 0 -0.6em #cc8ef5,
	
	0em -10em 0 -0.6em #93d2f7,
	0.9em -9.9em 0 -0.6em #93d2f7,
	-8.86em -5em 0 -0.6em #8be6c2,
	-8.16em -5.7em 0 -0.6em #8be6c2,
	-8.86em 5em 0 -0.6em #93d2f7,
	-9.06em 4.3em 0 -0.6em #93d2f7;}
60%{box-shadow: 
	-2.65em 14.45em 0 -0.4em #f48ea7, 
	2.25em 13.15em 0 -0.6em #f48ea7, 
	11.45em 9.95em 0 -0.4em #8be6c2, 
	12.25em 4.75em 0 -0.6em #8be6c2, 
	14.05em -4.85em 0 -0.4em #cc8ef5,
	9.95em -8.05em 0 -0.6em #cc8ef5,
	
	2.65em -14.45em 0 -0.4em #93d2f7,
	-2.25em -13.15em 0 -0.6em #93d2f7,
	-11.45em -9.95em 0 -0.4em #8be6c2,
	-12.25em -4.75em 0 -0.6em #8be6c2,
	-14.05em 4.85em 0 -0.4em #93d2f7,
	-9.95em 8.05em 0 -0.6em #93d2f7;}
92%{box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}	
93%,100%{ box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}
}
@keyframes circles
{
2,27%{ box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}
28%{box-shadow: 
	0em 10em 0 -0.6em #f48ea7, 
	-0.9em 9.9em 0 -0.6em #f48ea7, 
	8.86em 5em 0 -0.6em #8be6c2, 
	8.16em 5.7em 0 -0.6em #8be6c2, 
	8.86em -5em 0 -0.6em #cc8ef5,
	9.06em -4.3em 0 -0.6em #cc8ef5,
	
	0em -10em 0 -0.6em #93d2f7,
	0.9em -9.9em 0 -0.6em #93d2f7,
	-8.86em -5em 0 -0.6em #8be6c2,
	-8.16em -5.7em 0 -0.6em #8be6c2,
	-8.86em 5em 0 -0.6em #93d2f7,
	-9.06em 4.3em 0 -0.6em #93d2f7;}
60%{box-shadow: 
	-2.65em 14.45em 0 -0.4em #f48ea7, 
	2.25em 13.15em 0 -0.6em #f48ea7, 
	11.45em 9.95em 0 -0.4em #8be6c2, 
	12.25em 4.75em 0 -0.6em #8be6c2, 
	14.05em -4.85em 0 -0.4em #cc8ef5,
	9.95em -8.05em 0 -0.6em #cc8ef5,
	
	2.65em -14.45em 0 -0.4em #93d2f7,
	-2.25em -13.15em 0 -0.6em #93d2f7,
	-11.45em -9.95em 0 -0.4em #8be6c2,
	-12.25em -4.75em 0 -0.6em #8be6c2,
	-14.05em 4.85em 0 -0.4em #93d2f7,
	-9.95em 8.05em 0 -0.6em #93d2f7;}
92%{box-shadow: 
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}	
93%,100%{ box-shadow:
	-2.65em 14.45em 0 -1em #f48ea7, 
	2.25em 13.15em 0 -1em #f48ea7, 
	11.45em 9.95em 0 -1em #8be6c2, 
	12.25em 4.75em 0 -1em #8be6c2, 
	14.05em -4.85em 0 -1em #cc8ef5,
	9.95em -8.05em 0 -1em #cc8ef5,
	
	2.65em -14.45em 0 -1em #93d2f7,
	-2.25em -13.15em 0 -1em #93d2f7,
	-11.45em -9.95em 0 -1em #8be6c2,
	-12.25em -4.75em 0 -1em #8be6c2,
	-14.05em 4.85em 0 -1em #93d2f7,
	-9.95em 8.05em 0 -1em #93d2f7;}
}