@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; font-size: 100%;}
html {scroll-padding-top:106px;}
body { width: 100%; max-width: 800px; min-height: 100vh; margin: 0 auto; line-height: 1.5; font-size: 14px; font-family: "微软雅黑"; word-break: break-all; word-wrap: break-word;}
input, select, button, textarea { margin: 0; padding: 0; vertical-align: middle; font-size: 100%; color: inherit; border: 0; font-family: inherit; outline: none; resize: none;-webkit-appearance: none;}
ol, ul {list-style: none;}
img { max-width: 100%; vertical-align: middle;}
a { display: inline-block; text-decoration: none; color: inherit;}
a:hover { text-decoration: underline;}
:focus { outline: 0;}
table { border: 0; border-spacing: 0;}
iframe {margin-bottom: -4px;padding: 0;border: 0;font-size: 100%;vertical-align: baseline ;vertical-align: middle;width: 100%; }
iframe.links {
    display: block;
    border: 0px 
}
.clear { clear: both;}

/* 顶部导航 */
.header { width: 100%; max-width: 800px; height: 106px;  border-radius: 0 0 5px 5px; overflow: hidden;
background:linear-gradient(to right,#00be16,#03c71a,#04c11a,#02c719,#03b918,#04c31a,#00be16); position: fixed; top: 0; left: 0; right: 0; margin: auto; z-index: 9;}
.header-blank { height: 106px;}
.header .logo-bar { display: flex; align-items: center; justify-content: space-between; padding: 0 10px 0 0; position: relative;}
.header .logo-bar .logo {}
.header .logo-bar .logo img {height: 70px;}
.header .logo-bar .quan { width: 60px; height: 90px;}
.header .logo-bar .quan img {width: 60px; height: 60px; margin-top:15px; border-radius: 50%; box-shadow: 0px 0px 20px;-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;}
.header .logo-bar .home { margin-right:6px;line-height:1; text-align: center; color: #ffca72; font-size: 14px;font-weight:bold;}
.header .logo-bar .home img { width: 50px; height: 50px; margin-bottom: 3px;border-radius: 50%;-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;}
.header .logo-bar .home span { display: block;margin-top:6px;}
.header .nav { color: #fff; border-top: solid 1px #000;}
.header .nav ul { display: flex; justify-content: space-around; text-align: center;}
.header .nav ul li { width: 25%;border:ridge 0.6px;}
.header .nav ul li a { height: 36px; line-height: 36px;font-size: 18px;font-weight: bold;color:#fcfcbd; display: block;}
.header .nav ul li a:hover { text-decoration: none;background: radial-gradient( #ea1e37,#a11123);color:#FFFF00;}

@media screen and (max-width: 800px) {
.header .logo-bar { padding: 0 5px 0 0;}
.header .logo-bar .quan { position: relative;}
.header .nav { font-size: 16px;}
}
@-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);
	}
}


.cgi-head-home {}
.cgi-head-home img {width: 100%;height: auto;}

.header .logo-bar .down { line-height: 1; text-align: center; color: #fff; font-size: 12px;}
.header .logo-bar .down img { width: 80px; height: 80px; margin-bottom: 3px;}
.header .logo-bar .down span { display: block;}

/* index */
.white-box {padding: 5px;border: solid 1px #ddd;border-radius: 5px;background: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.box { margin: 4px 0; border-radius: 4px; background:linear-gradient(to right, #00be16, #00be16, #00be16, #00be16, #00be16, #00be16, #00be16);}
.pad { padding: 4px;}
.riqi { color: #fff; text-align: center; font-size: 16px; font-weight: bold;height: 30px;}
.tit { line-height: 40px; padding-bottom: 3px; color:#000000; text-align: center; font-weight: bold; font-size: 26px; text-shadow: 1px 4px 1px #b99b5f; border-bottom: solid 1px #000; background: linear-gradient(#00be16, #03c71a14);}

/* 广告图片 */
.tuku ul {display: flex;margin: 0;flex-wrap: wrap;justify-content: space-around;}
.tuku ul li {width: 50%;margin: 0;text-align: center;border: 0;}
.tuku ul li img {width: 100%;border: 0;margin:0;}

/* bbs */
.bbs{background: #fff;}
.bbs ul {display: flex;margin: 0;flex-wrap: wrap;justify-content: space-around;}
.bbs ul li {width: 30%;margin: 2px;text-align: center;background:#0c9;border: 3px solid #0c9;}
.bbs ul li:hover {width: 30%;margin: 2px;text-align: center;background:linear-gradient(to right, #ffd700, #b89e14);border: 3px solid #ff0;}
.bbs ul li img {width: 100%;border: 0;margin: 0;}
.bbs ul li p {font-size: 18px; font-weight: bold;color:#fff;}
/*返回顶部*/
.goTop {width:48px;height:48px;display: none;position: fixed;bottom: 15%;right: 10%;z-index: 99;cursor:pointer;}

/*底部*/
.footer-blank {height: 44px;}
.footer { max-width: 800px; margin: 0 auto;text-align: center; display: flex; align-items: center; width: 100%; padding: 0 8px; box-sizing: border-box; color: #fff; height: 44px; background: rgba(0,0,0,.7); position: fixed; left: 0; right: 0; bottom: 0; margin: auto;}
.footer .footer1 {}
.footer .footer1 span { display: inline-block; width: 26px; height: 26px;}
.footer .footer1 span img { width: 26px;height: 26px;}
.footer .footer2 { flex: 1; font-size: 18px;font-weight: bold;}
.footer .footer2 img{width: 40px;height: 40px;padding:0 6px 0  0;}
.footer .footer2 font { color: #ff0;}
.footer .footer3 {}
.footer .footer3 a { display: block;  color: #f00; padding: 3px 8px; font-size: 16px; border-radius: 10px; background: linear-gradient(to top, #ff0, #fff);}
.footer .footer3 a img { width: 16px;height: 16px;padding:0 6px 0  0;}