[data-theme=dark] {
	--background: #110;
	--header-background: #110;
	--link-button-background: #f8f8f8;
	--link-button-color: rgb(8, 8, 8);
	--category-title-background: #dcdcdc;
	--category-title-color: #2e2e2e;
	--footer-background: #110;
	--backtop-shadow-color:rgb(73, 73, 73);
}

[data-theme=light] {
	--background: #f8f9fa;
	--header-background: #110;
	--link-button-background: #67b374;
	--link-button-color: #fff;
	--group-button-color: #fff;
	--category-title-background: #dcdcdc;
	--category-title-color: #004400;
	--footer-background: #110;
	--backtop-shadow-color: rgb(17, 224, 28);
}


h3,body,dl,dd,ul{margin:0;padding:0;}
body{position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0); background: var(--background)}
ul{list-style: none;}
a:link,a:visited{color: var(--link-button-color); text-decoration: none; display: block;text-align:center; }
a:hover{color:#004400; }
/*公共样式超链接样式*/
body{font-family: arial,georgia}
.header{width: 100%;height: 40px; background: var(--header-background);position: fixed; top: 0; z-index: 5;  display: flex; align-items: center; }
.header h3{line-height: 40px;font-size: 25px;color:#fff;margin-left: 3%; width: 80%;}
.header svg{ width: 25px; height: 25px; fill: #fff; margin-left: 20px; float: right; margin-left: 10% }
.content{width: 80%;/*border: 1px solid #ccc;*/margin: 0 auto; padding: 10px 20px; margin-top: 30px;}
.list1{ width: 95%;border:2px solid #808080;border-radius: 10px;padding: 10px 20px;margin: 20px auto; }
.list1 h3{background: #606060;padding: 5px; color:#fff;border-radius: 10px;cursor: pointer;}
.list1 .title1{width: 100px; background: var(--category-title-background);text-align: center;font:bold 16px/2em arial;border-radius: 4px;position: relative; cursor: pointer;color:var(--category-title-color);}
.link{overflow: hidden; zoom:1; padding: 10px 40px;}
.link li{float: left;height: 27px;line-height: 25px; background: var(--link-button-background);margin: 3px; padding: 3px 8px;border-radius: 3px;  font-size: 12px;}
.g1{margin: 10px 20px;  border-bottom: 3px solid #808080;}
.g1 a:hover { border-bottom: #000 solid 2px; }
.footer{width: 100%; border-top: 1px solid #ccc; background: var(--footer-background); text-align: center; font-size: 12px; cursor: pointer;color: white; overflow: hidden;}
.footer a { display: inline; color: white; }

@media screen and (max-width:600px) {
	.link li {
		width: 100%;
	}
	.header {
		width: 100%;
		height: 40px;
		background: #110;
		position: absolute;
		z-index: 5;
	}
	#topone {
		width: 30px;
		height: 30px;
		font-size: 10px;
		line-height: 15px;
	}
	.footer {
		position: relative;
		margin-top: 200px;
		bottom: 0;
	}
}
/*回到顶部*/
#topone{width:50px;height: 50px;background:#404040;font-size: 15px;line-height:24px;text-align: center;padding:10px 8px;color:#ccc;cursor:pointer; position:fixed; right: 10px;bottom:100px; box-shadow: 1px 1px 10px #333333;display: none;z-index:5;}
#topone span{display: block;}
#topone.hover{box-shadow: 1px 1px 10px var(--backtop-shadow-color); display:block;}
@media screen and (max-width:600px) {
	 .link li{
	 	width: 100%;
	 }
	 .header{width: 100%;height: 40px; background: #110;position: absolute; z-index: 5;}
	 #topone{width:30px;height:30px; font-size: 10px;line-height:15px;}
	 .footer{position:relative;margin-top: 200px;bottom:0;}
}