.headers { width: 100%; max-width: 720px;/* height: 90px; */ border-radius: 0 0 5px 5px; overflow: hidden; background: #4292ef; position: fixed; top: 0; left: 0; right: 0; margin: auto; z-index: 9;}
.headers.headerin { height: 60px;}
.headers .logo-bar { display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 10px 0 0; position: relative;}
.headers .logo-bar .logo {}
.headers .logo-bar .logo img { height: 60px;}
.headers .logo-bar .quan { width: 60px; height: 60px; position: absolute; left: 0; right: 0; margin: auto;}
.headers .logo-bar .quan img { width: 60px; height: 60px; border-radius: 50%; box-shadow: 0px 0px 20px #000;-webkit-animation: z 5s linear 0s infinite;
    -moz-animation: z 5s linear 0s infinite;
    -ms-animation: z 5s linear 0s infinite;
    animation: z 5s linear 0s infinite;
    box-shadow: 0px 0px 20px #000;}
.headers .logo-bar .home { line-height: 1; text-align: center; color: #fff; font-size: 12px;}
.headers .logo-bar .home img { width: 30px; height: 30px; margin-bottom: 3px;}
.headers .logo-bar .home span { display: block;}
.headers .nav { color: #fff; border-top: solid 1px #000;}
.headers .nav ul { display: flex; justify-content: space-around; text-align: center;}
.headers .nav ul li { width: 16.666%;}
.headers .nav ul li a { height: 30px; line-height: 30px; display: block;}
.headers .nav ul li a:hover { text-decoration: none; background: #1d79eb;}
.header-blank { height: 158px;}
.headerin-blank { height: 60px;}
@media screen and (max-width: 720px) {
.headers .logo-bar { padding: 0 5px 0 0;}
.headers .logo-bar .quan { position: relative;}
.headers .nav { font-size: 12px;}
}

@-webkit-keyframes z {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}