/*超越工作网公共CSS*/



.cyNavTop {

	display: flex;

	width: 60px;

	height: 60px;

	top: 0px;

	right: 0px;

	background-color: #393D49;

	line-height: 60px;

	position:absolute;

	z-index:999;

}

.cyNavTopLi {

	color: #fff;

	font-size: 20px;

	text-align: center;

	width: 60px;

	animation:cyNavTopLiD 1s linear 0s infinite;

	-moz-animation:cyNavTopLiD 1s linear 0s infinite; /* Firefox */

	-webkit-animation:cyNavTopLiD 1s linear 0s infinite; /* Safari and Chrome */

	-o-animation:cyNavTopLiD 1s linear 0s infinite; /* Opera */

}

.cyNavTopLi:hover {

	margin-top: 0px;

	animation-play-state:paused;

	-webkit-animation-play-state:paused; /* Safari 和 Chrome */

}

.cyNavTopLiUp {

	color: #fff;

	font-size: 20px;

	text-align: center;

	width: 60px;

	animation:cyNavTopLiUp 1s linear 0s infinite;

	-moz-animation:cyNavTopLiUp 1s linear 0s infinite; /* Firefox */

	-webkit-animation:cyNavTopLiUp 1s linear 0s infinite; /* Safari and Chrome */

	-o-animation:cyNavTopLiUp 1s linear 0s infinite; /* Opera */

}

.cyNavTopLiUp:hover {

	margin-top: 0px;

	animation-play-state:paused;

	-webkit-animation-play-state:paused; /* Safari 和 Chrome */

}

.cyLayuiNav0 {

	animation:cyLayuiNav0 1s ease-in-out 0s 1 alternate forwards;

	-moz-animation:cyLayuiNav0 1s ease-in-out 0s 1 alternate forwards; /* Firefox */

	-webkit-animation:cyLayuiNav0 1s ease-in-out 0s 1 alternate forwards; /* Safari and Chrome */

	-o-animation:cyLayuiNav0 1s ease-in-out 0s 1 alternate forwards; /* Opera */

}





/*导航栏收起按钮动画*/

@keyframes cyNavTopLiD{

20%  {margin-top:10px;}

40%	 {margin-top:5px;}

60% {margin-top:0px;}

80% {margin-top:-5px;}

100% {margin-top:-10px;}

}

@-moz-keyframes cyNavTopLiD /* Firefox */{

20%  {margin-top:10px;}

40%	 {margin-top:5px;}

60% {margin-top:0px;}

80% {margin-top:-5px;}

100% {margin-top:-10px;}

}

@-webkit-keyframes cyNavTopLiD /* Safari 和 Chrome */{

20%  {margin-top:10px;}

40%	 {margin-top:5px;}

60% {margin-top:0px;}

80% {margin-top:-5px;}

100% {margin-top:-10px;}

}

@-o-keyframes cyNavTopLiD /* Opera */{

20%  {margin-top:10px;}

40%	 {margin-top:5px;}

60% {margin-top:0px;}

80% {margin-top:-5px;}

100% {margin-top:-10px;}

}

/*导航栏展开按钮动画*/

@keyframes cyNavTopLiUp{

20%  {margin-top:-10px;}

40%	 {margin-top:-5px;}

60% {margin-top:0px;}

80% {margin-top:5px;}

100% {margin-top:10px;}

}

@-moz-keyframes cyNavTopLiUp /* Firefox */{

20%  {margin-top:-10px;}

40%	 {margin-top:-5px;}

60% {margin-top:0px;}

80% {margin-top:5px;}

100% {margin-top:10px;}

}

@-webkit-keyframes cyNavTopLiUp /* Safari 和 Chrome */{

20%  {margin-top:-10px;}

40%	 {margin-top:-5px;}

60% {margin-top:0px;}

80% {margin-top:5px;}

100% {margin-top:10px;}

}

@-o-keyframes cyNavTopLiUp /* Opera */{

20%  {margin-top:-10px;}

40%	 {margin-top:-5px;}

60% {margin-top:0px;}

80% {margin-top:5px;}

100% {margin-top:10px;}

}