@charset "utf-8";
			@font-face {
			  font-family: 'iconfont';  /* Project id 3838630 */
			  src: url('//at.alicdn.com/t/c/font_3838630_ozilr4mv3yg.woff2?t=1671950619446') format('woff2'),
			       url('//at.alicdn.com/t/c/font_3838630_ozilr4mv3yg.woff?t=1671950619446') format('woff'),
			       url('//at.alicdn.com/t/c/font_3838630_ozilr4mv3yg.ttf?t=1671950619446') format('truetype');
			}.iconfont{
				font-family: 'iconfont';
			}
			html{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
			::-webkit-scrollbar {
			  width: 0;
			  height: 0;
			}
			:root{
				background-color: #fff;
				color: #000;
			}
			::selection{
				background-color: #767676;
				color: #fff;
			}
			#toplist{
				background-color: rgba(0, 28, 37, 0.9);
				backdrop-filter: blur(30px);
				width: 100%;
				height: 40px;
				display: flex;
				justify-content: left;
				align-items: center;
				padding-left: 20px;
				position: fixed;
				top: 0;
				color: #fff;
				z-index: 2;
				box-shadow:  0 0 5px #5a5a5a;
			}
			.toplist-active{
				display: inline-block;
				background-color: red;
				padding: 9px;
				margin-left: 10px;
				margin-right: 10px;
				cursor: pointer;
			}
			.toplist-normal{
				display: inline-block;
				margin-left: 10px;
				margin-right: 10px;
				cursor: pointer;
				transition: all .3s;
			}
			.toplist-normal:hover{
				background-color: rgba(255, 85, 0, 0.7);
				padding:9px
			}
			#topdiv{
				margin-top:40px;
				display: flex;
				width: 100%;
				height: 200px;
				justify-content: center;
				align-items: center;
				background:url(../img/background.jpg);
				background-size: cover;
			}
			#topdiv-left{
				flex: 1;
			}
			#topdiv-right{
				flex: 1;
			}
			#search{
				width: 50%;
				height: 30px;
				box-shadow: 0 0 10px #363636;
				border: none;
				outline: none;
				font-size: 16px;
				padding-left: 10px;
				padding-right: 10px;
			}
			#search-btn{
				background-color: #3498db;
				width: 40px;
				height: 33px;
				border: none;
				transform: translate(-43px);
				cursor: pointer;
				transition: all .3s;
			}
			#search-btn:hover{
				background-color: #2ecc71;
			}
			#middlediv{
				background-color: #bdc3c7;
				width: 100%;
				height: 50px;
				display: flex;
				justify-content: left;
				align-items: center;
			}
			.middlediv-text{
				display: inline-block;
				transition: all .3s;
				cursor: pointer;
				flex: 1;
				margin-left: 50px;
				margin-right: 50px;
			}
			.middlediv-text:hover{
				border-radius: 10px;
				padding: 8px;
				background-color: #ecf0f1;
			}
			#main{
				display: flex;
			}
			#main-article{
				flex: 1;
				user-select: text;
				margin-left: 50px;
				text-align: left;
			}#main-article header{
				text-align: center;
			}#main-article hr{
				border: none;
				border-bottom: 1px dashed #363636;
				margin-bottom: 0;
			}
			#main-article img{
				float: left;
				margin-right: 20px;
				user-select: none;
			}#main-article .message{
				user-select: none;
			}
			#main-news{
				flex: 1;
				margin-left: 30px;
				margin-right: 50px;
				padding-top: 30px;
			}#main-news hr{
				border: none;
				border-bottom: 1px dashed #363636;
				margin-bottom: 0;
			}
			.message{
				margin: 0;
				margin-top: 10px;
				display: flex;
				justify-content: left;
				align-items: center;
				width: 100%;
				font-size: 18px;
				cursor: pointer;
				transition: all .3s;
			}.message:hover{
				color: #e74c3c;
			}
			.msghr{
				border: none;
				border-bottom: 1px dashed #363636;
				margin-bottom: 0;
			}
			.docs{
				margin-top: 70px;
				user-select: text;
			}.docs img{
				user-select: none;
			}
			.center{
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}
			#special{
				background-color: #f5c9d6;
				display: flex;
				width: 100%;
				color: #000;
				padding: 20px;
			}#special-a{
				flex: 1;
				margin-left: 20px;
			}#special-a p{
				margin: 0;
			}
			#special-b{
				display: inline-block;
				margin-left: 30px;
				flex: 1;
				text-align: left;
			}#special-b p{
				margin: 0;
				width: 80%;
			}
			#victory{
				padding: 20px;
				background-color: #e74c3c;
				width: 100%;
				color: gold;
				text-shadow: 1px 1px 2px #ffaa00;
				font-size: 26px;
			}
			#copyright{
				background-color: #8a8a8a;
				width: 100%;
				color: #f1f1f1;
				padding: 20px;
			}#copyright p{
				margin: 0;
			}