.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}
/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
	box-shadow: 0 0 0 2px rgba(23,161,230,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}


ul.ys_icon li:hover .hi-icon-effect-5 .hi-icon{
	background: rgba(23,161,230,1);
	color: #702fa8;
	box-shadow: 0 0 0 8px rgba(23,161,230,0.3);
}

ul.ys_icon li:hover .hi-icon-effect-5d .hi-icon i {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}
.no-touch .hi-icon-effect-5d .hi-icon i{display:block;width:90px;height:90px;background-size:90px 90px;margin:20px auto 0 auto;}
.icon01{background:url(../images/icon01.png) no-repeat center;}
ul.ys_icon li:hover .hi-icon-effect-5d .hi-icon .icon01{background:url(../images/icon01_hover.png) no-repeat center;background-size:90px 90px;}
.icon02{background:url(../images/icon02.png) no-repeat center;}
ul.ys_icon li:hover .hi-icon-effect-5d .hi-icon .icon02{background:url(../images/icon02_hover.png) no-repeat center;background-size:90px 90px;}
.icon03{background:url(../images/icon03.png) no-repeat center;}
ul.ys_icon li:hover .hi-icon-effect-5d .hi-icon .icon03{background:url(../images/icon03_hover.png) no-repeat center;background-size:90px 90px;}
.icon04{background:url(../images/icon04.png) no-repeat center;}
ul.ys_icon li:hover .hi-icon-effect-5d .hi-icon .icon04{background:url(../images/icon04_hover.png) no-repeat center;background-size:90px 90px;}
.icon05{background:url(../images/icon05.png) no-repeat center;}
ul.ys_icon li:hover .hi-icon-effect-5d .hi-icon .icon05{background:url(../images/icon05_hover.png) no-repeat center;background-size:90px 90px;}
.icon06{background:url(../images/icon06.png) no-repeat center;}
ul.ys_icon li:hover .hi-icon-effect-5d .hi-icon .icon06{background:url(../images/icon06_hover.png) no-repeat center;background-size:90px 90px;}
.icon07{background:url(../images/icon07.png) no-repeat center;}
ul.ys_icon li:hover .hi-icon-effect-5d .hi-icon .icon07{background:url(../images/icon07_hover.png) no-repeat center;background-size:90px 90px;}
.icon08{background:url(../images/icon08.png) no-repeat center;}
ul.ys_icon li:hover .hi-icon-effect-5d .hi-icon .icon08{background:url(../images/icon08_hover.png) no-repeat center;background-size:90px 90px;}
@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}