修改了一些样式

assets/css/style.css

@@ -1,38 +1,55 @@
 /*
-原著: D.Young  Github：https://github.com/5iux/5iux.github.io
+原作者: D.Young  Github：https://github.com/5iux/5iux.github.io
 二开: LyLme    Github：https://github.com/lylme/lylme_spage
 */
-.navbar .navbar-expand-lg .navbar-light .fixed-top{position: absolute; z-index: 10000;}
+.navbar .navbar-expand-lg .navbar-light .fixed-top {
-.bottom-cover{    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(244 248 251 / 0.6) 50%, rgb(244 248 251) 100%);}
+	position: absolute;
-.icp {
+	z-index: 10000;
-    font-size: 12px;
+}
+
+.bottom-cover {
+	background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(244 248 251 / 0.6) 50%, rgb(244 248 251) 100%);
+}
+
+p#copyright {
+    font-size: 14px;
+    margin-top: 8px;
+}
+a.icp {
+	/* 备案号 */
+    font-size: 13px;
     color: #bbb;
     text-align: center;
 }
+
+.navbar-light .navbar-toggler {
+	color: #fff !important;
+}
+
+@font-face {
+	font-family: "Micro";
+	src: url('MicroExtendFLF.ttf');
+}
+
+#show_time {
+	/* 时间 */
+	font-family: "Micro";
+	text-align: center;
+	font-weight: bold;
+	font-size: 30px;
+	color: #fff;
+	text-shadow: 1px 1px 2px #000;
+}
+
 #show_date {
+	/* 日期 */
 	text-align: center;
 	font-size: 16px;
 	color: #fff;
 	font-weight: bold;
 	margin: 10px;
 }
-.wztj{
-    display: none !important;
-}
-.navbar-light .navbar-toggler {
-	color: #fff !important;
-} 
 
-@font-face { font-family: "Micro"; src: url('MicroExtendFLF.ttf'); }
-	
-			
-		#show_time {
-			  font-family: "Micro";
-			  text-align: center;
-			 font-weight: bold;
-			  font-size: 30px;
-			  color: #fff;
-			  text-shadow: 1px 1px 2px #000;}
 p.content {
 
 	text-align: center;
@@ -42,7 +59,11 @@ p.content {
 	color: #fff;
 	font-weight: 500;
 }
-::-webkit-scrollbar {display:none}
+
+::-webkit-scrollbar {
+	display: none
+}
+
 .back-to {
 	bottom: 55px;
 	overflow: hidden;
@@ -51,6 +72,7 @@ p.content {
 	width: 110px;
 	z-index: 999;
 }
+
 .back-to .back-top {
 	background: url("./images/top.png") no-repeat scroll 0 0 transparent;
 	display: block;
@@ -61,9 +83,11 @@ p.content {
 	text-indent: -9999em;
 	width: 50px;
 }
+
 .back-to .back-top:hover {
 	background-position: -50px 0
 }
+
 .mylist li.col-3 img {
 	display: block;
 	width: 45px;
@@ -74,6 +98,7 @@ p.content {
 	border-radius: 10px;
 	margin: 0 auto;
 }
+
 h2.title {
 	text-align: center;
 	color: #fff;
@@ -81,17 +106,21 @@ h2.title {
 	font-weight: 600;
 	text-shadow: 1px 1px 8px #504b4b;
 }
+
 body {
 	font-size: 14px;
 	background: #f4f8fb;
 	overflow-x: hidden;
 }
+
 a {
 	text-decoration: none;
 }
+
 a:hover {
 	text-decoration: none;
 }
+
 svg.icon {
 	width: 14px;
 	height: 14px;
@@ -106,9 +135,16 @@ svg.icon {
 .navbar-light .navbar-nav .nav-link {
 	color: #fff !important;
 	font-size: 16px;
-    font-weight: bold;
 	text-shadow: 0px 1px 0px #000;
 }
+.navbar-light .navbar-nav .active .nav-link {
+	color: #fff;
+}
+
+.navbar-light .navbar-nav .nav-link:hover {
+	color: #fff;
+	font-weight: bold;
+}
 
 /* --- search --- */
 #search {
@@ -119,10 +155,12 @@ svg.icon {
 	z-index: 2000;
 	border-radius: 5px;
 }
+
 #search form {
 	position: relative;
 	margin-top: 15px
 }
+
 #search-text {
 	width: 100%;
 	height: 50px;
@@ -136,12 +174,15 @@ svg.icon {
 	transition: 0.3s all linear;
 	padding-left: 20px;
 }
+
 #search-text:focus {
 	border: 1px solid #4e6ef2;
 }
+
 #search-text:hover {
 	border: 1px solid #a7aab5;
 }
+
 #search button {
 	position: absolute;
 	top: 0;
@@ -155,32 +196,40 @@ svg.icon {
 	outline: none;
 	background-color: #4e6ef2;
 }
+
 #search button:hover {
 	cursor: pointer;
 	background-color: #4662d9;
 }
+
 #search button i {
 	color: #ddd;
 	font-size: 18px
 }
+
 .search-group {
 	display: none;
 	padding-left: 75px
 }
+
 .s-current .search-type {
 	padding-left: 0;
 	display: block
 }
+
 .s-current {
 	display: block
 }
+
 #search-list {
 	position: relative;
 	overflow-x: auto;
 }
+
 #search-list::-webkit-scrollbar {
 	display: none;
 }
+
 .s-type {
 	position: absolute;
 	top: 0;
@@ -188,14 +237,17 @@ svg.icon {
 	z-index: 13;
 	width: 75px
 }
+
 .s-type:hover {
 	height: auto
 }
+
 .s-type>span {
 	display: block;
 	height: 31px;
 	width: 75px
 }
+
 .s-type-list {
 	display: none;
 	position: absolute;
@@ -206,6 +258,7 @@ svg.icon {
 	border-radius: 5px;
 	box-shadow: 0 9px 20px rgba(0, 0, 0, .16)
 }
+
 .s-type-list:before {
 	position: absolute;
 	top: -1pc;
@@ -217,6 +270,7 @@ svg.icon {
 	border: 10px solid transparent;
 	border-bottom-color: #fff
 }
+
 .s-type-list label {
 	display: block;
 	font-size: 15px;
@@ -227,9 +281,11 @@ svg.icon {
 	cursor: pointer;
 	transition: .3s
 }
+
 .s-type-list label:hover {
 	background: rgba(136, 136, 136, .1)
 }
+
 .s-type-list .tile-lg {
 	color: #fff;
 	width: 3pc;
@@ -240,9 +296,11 @@ svg.icon {
 	display: block;
 	margin: auto
 }
+
 .s-type:hover .s-type-list {
 	display: block
 }
+
 .type-text {
 	position: absolute;
 	left: 0;
@@ -251,6 +309,7 @@ svg.icon {
 	font-size: 1pc;
 	line-height: 31px
 }
+
 /*.type-text:after {
 	content:"\f105";
 	font-family:FontAwesome;
@@ -261,9 +320,11 @@ svg.icon {
 	white-space: nowrap;
 	margin: 0
 }
+
 .search-type label {
 	margin: 0
 }
+
 .search-type li {
 	margin-bottom: 10px;
 	display: inline-block;
@@ -271,6 +332,7 @@ svg.icon {
 	background: rgba(255, 255, 255, 70%);
 	border-radius: 10px;
 }
+
 .search-type li label {
 	display: inline-block;
 	padding: 0 11px;
@@ -278,14 +340,18 @@ svg.icon {
 	border-radius: 3px 3px 0 0;
 	cursor: pointer
 }
-.search-type input:checked+label,.search-type input:hover+label {
+
+.search-type input:checked+label,
+.search-type input:hover+label {
 	background-color: #fff;
 	height: 50px;
 	border-radius: 10px;
 }
+
 #search-text::-webkit-input-placeholder {
 	color: #bbb;
 }
+
 #word {
 	position: absolute;
 	list-style: none;
@@ -298,31 +364,38 @@ svg.icon {
 	padding: 15px 10px;
 	box-shadow: 0 0 10px #aaa;
 }
+
 #word li {
 	height: 35px;
 	padding: 0 5px;
 	text-indent: 30px;
-	background:url(sou.svg) no-repeat 5px;
+/* 	background: url(sou.svg) no-repeat 5px; */
 	background-size: 20px;
 	line-height: 35px;
 	cursor: pointer;
 	font-size: 16px;
 	border-radius: 5px;
 }
+
 #word li:hover {
 	background-color: #ddd;
 }
+
 .set-check {
 	margin-top: 3px;
 	font-size: 9pt
 }
+
 .set-check label {
 	margin-left: 3px
 }
-.set-check input,.set-check label {
+
+.set-check input,
+.set-check label {
 	opacity: 0;
 	transition: all .3s ease
 }
+
 .search-type li {
 	height: 50px;
 	line-height: 50px;
@@ -330,6 +403,7 @@ svg.icon {
 	display: inline-block;
 	border-radius: 10px;
 }
+
 .mylist {
 	list-style: none;
 	padding: 10px 20px;
@@ -340,6 +414,7 @@ svg.icon {
 	background: #fff;
 	box-shadow: 0 0.5rem 0.625rem #d4d4d44d
 }
+
 .mylist li.col-3 {
 	width: 100px;
 	transition: 0.3s all linear;
@@ -348,6 +423,7 @@ svg.icon {
 	padding: 10px 0;
 	border-radius: 10px;
 }
+
 .mylist li.col-3 svg {
 	display: block;
 	width: 45px;
@@ -358,9 +434,11 @@ svg.icon {
 	border-radius: 10px;
 	margin: 0 auto;
 }
+
 .mylist li.col-3:hover {
 	background: #eee;
 }
+
 .mylist li.col-3 span {
 	width: 100%;
 	display: block;
@@ -369,10 +447,12 @@ svg.icon {
 	text-align: center;
 	font-size: 13px;
 }
+
 .mylist li a {
 	color: #555;
 	display: block;
 }
+
 .mylist li.title {
 	width: 100%;
 	min-width: auto;
@@ -384,6 +464,7 @@ svg.icon {
 	border-bottom: 1px solid #eee;
 	margin-bottom: 10px;
 }
+
 .banner-video {
 	position: absolute;
 	width: 100%;
@@ -392,15 +473,20 @@ svg.icon {
 	top: 0;
 	height: 100vh;
 }
+
 .banner-video video {
+	/* 视频背景 */
 	width: 2048px;
 	float: left;
 }
+
 .banner-video img {
+	/* 图片背景 */
 	object-fit: cover;
 	width: 100%;
 	height: 100vh;
 }
+
 .bottom-cover {
 	width: 100%;
 	height: 50%;
@@ -408,106 +494,137 @@ svg.icon {
 	bottom: -1px;
 	z-index: 10;
 }
+
 @media screen and (min-width:1200px) {
 	.mylist li.col-3 {
 		min-width: 132px;
 	}
-}@media screen and (min-width:992px) and (max-width:1200px) {
+}
+
+@media screen and (min-width:992px) and (max-width:1200px) {
 	.mylist li.col-3 {
 		min-width: 110px;
 	}
-}@media screen and (max-width:992px) {
+}
+
+@media screen and (max-width:992px) {
 	#he-plugin-simple {
 		display: none !important;
 	}
+
 	.banner-video video {
 		width: 1200px;
 	}
+
 	.banner-video img {
 		object-fit: cover;
 		width: 100%;
 		height: 100vh;
 
 	}
+
 	.search-group {
 		padding-left: 0px;
 	}
+
 	div#navbarsExample05 {
 		background: rgba(0, 0, 0, 0.8);
 		padding: 10px 30px;
 		border-radius: 20px;
 	}
-}@media screen and (max-width:767px) {
+}
+
+@media screen and (max-width:767px) {
+	/* 最大屏幕宽度:767PX */
 	.banner-video video {
 		width: 960px;
 	}
+
 	.banner-video img {
 		object-fit: cover;
 		width: 100%;
 		height: 100vh;
 	}
+
 	.s-type-list label {
 		padding: 5px 0
 	}
+
 	.search-list {
 		height: 30px;
 		overflow-y: hidden;
 		white-space: nowrap
 	}
+
 	.search-group {
 		padding-left: 0px;
 	}
+
 	.mylist {
 		border-radius: 8px;
 	}
+
 	.mylist li.col-3 {
 		margin: 5px 0 5px;
 	}
+
 	.mylist li.col-3 svg {
 		width: 30px;
 		height: 30px;
 		padding: 5px;
 		border-radius: 5px;
 	}
+
 	.mylist li.col-3 span {
 		font-size: 12px;
 	}
-}@media screen and (max-width:560px) {
+}
-	}.navbar-toggler svg {
+
+.navbar-toggler svg {
 	width: 24px;
 	height: 24px;
 }
+
 .navbar-toggler .bi-list-nested {
 	display: none;
 }
+
 .navbar-toggler.collapsed .bi-list-nested {
 	display: block;
 }
+
 .navbar-toggler.collapsed .bi-x {
 	display: none;
 }
+
 .navbar-toggler .bi-x {
 	display: block;
 }
+
 #he-plugin-simple {
 	z-index: 1000;
 }
+
 ::-webkit-scrollbar {
 	width: 8px;
 	height: 8px;
 	border-radius: 4px;
 }
+
 ::-webkit-scrollbar-track {
 	background: #eee;
 	border-radius: 0px;
 }
+
 ::-webkit-scrollbar-thumb {
 	background: #ddd;
 	border-radius: 0px;
 }
+
 ::-webkit-scrollbar-thumb:hover {
 	background: #ccc;
 }
+
 ::-webkit-scrollbar-corner {
 	background: #ddd;
 }