* {	padding: 0;	margin: 0;	font-family: "microsoft yahei", Arial, 'PingFang SC', SimHei, SimSun;	box-sizing: border-box;	font-size: 14px;}i.fa {	line-height: inherit;}.typelist {	height: calc(100% - 80px);	/*padding: 0 25px 100px;*/	overflow: auto;}/* 整个滚动条 */.typelist::-webkit-scrollbar {	width: 6px;	background-color: transparent;}/* 滚动条上的按钮 (上下箭头). */.typelist::-webkit-scrollbar-button {	height: 0px;	width: 0px;}/* 滚动条上的滚动滑块. */.typelist::-webkit-scrollbar-thumb {	background-color: #64a15e;	border-radius: 50px;}/*  滚动条轨道. */.typelist::-webkit-scrollbar-track {	background-color: transparent;}/* 滚动条没有滑块的轨道部分 */.typelist::-webkit-scrollbar-track-piece {	background-color: transparent;}input:focus,button:focus {	outline: none;}textarea:focus {	outline: none;}input {}body {	background-color: #f2f3fa;}img {	border: none;}li {	list-style: none;}h1,h2,h3,h4,h5,h6 {	font-weight: normal;}a {	color: inherit;	text-decoration: none;}.cl {	clear: both;}.kongs,.kongs:hover {	border: none !important;	background-color: transparent !important;	box-shadow: none !important;}/**/header {	background-color: white;	border-right: 1px solid #eaeaea;	position: fixed;	top: 0;	bottom: 0;	left: 0;	z-index: 9;}header .logo {	width: 100%;}header .logo a {	display: block;	width: 100%;	padding-left: 25px;	letter-spacing: 2px;	line-height: 80px;	font-family: youshe;	font-size: 42px;}header .typelist {	width: 100%;}header .typelist p {	display: block;	width: 100%;}header .typelist p a {	width: 100%;	display: flex;	justify-content: flex-start;	color: #1c2a39;	font-size: 15px;	font-weight: bold;	line-height: 40px;	transition: 0.3s all;	padding-left: 25px;}header .typelist p i {	display: block;	margin-right: 6px;	font-size: 18px;	width: 30px;	line-height: 40px;	text-align: center;}header .typelist p:hover a {	color: white;	background-color: #3b75fb;	transition: 0.3s all;}header .typelist p.login {	display: none;}nav.main-top {	width: 100%;	padding: 0px 20px 0px 280px;	background-color: white;	display: flex;	justify-content: space-between;	position: fixed;	top: 0;	left: 0;	right: 0;	margin: auto;	z-index: 8;	box-shadow: 0px 2px 4px #ccc;}nav.main-top .search {	display: flex;	justify-content: flex-start;	position: relative;	margin-top: 20px;}nav.main-top .search input {	display: block;	width: 350px;	height: 40px;	border: none;	border-radius: 20px;	background-color: #f2f3fa;	padding: 0px 70px 0px 15px;}nav.main-top .search button {	width: 140px;	height: 40px;	text-align: center;	border: none;	background-color: transparent;	cursor: pointer;	color: white;	border-radius: 20px;	transition: 0.3s all;	background-color: #3b75fb;	margin-left: 20px;	font-size: 15px;}nav.main-top .search button i {	display: block;	font-weight: bold;}nav.main-top .search button:hover {	background-color: #3b75fb;	color: white;	transition: 0.3s all;}nav.main-top .search input:focus {	box-shadow: 0px 0px 2px #3b75fb;}nav .main-top-r {	padding-right: 40px;	display: flex;	justify-content: flex-end;	line-height: 80px;}nav .main-top-r span,nav .main-top-r a {	display: block;	line-height: 80px;	margin-left: 10px;	color: #333;	cursor: pointer;	transition: 0.3s all;	padding: 0px 15px;}nav .main-top-r span i,nav .main-top-r a i {	display: block;	font-size: 26px;	line-height: inherit;}nav .main-top-r span:hover,nav .main-top-r a:hover {	color: white;	transition: 0.3s all;	background-color: #3b75fb;	box-shadow: 0px 2px 4px #ccc;}.main {	width: 100%;	padding-left: 260px;	padding-top: 80px;}.site-main {	width: 100%;	padding: 20px;}.site-main .site-type {	display: flex;	justify-content: flex-start;	color: #333;	font-weight: bold;	font-size: 18px;	line-height: 34px;	padding-left: 6px;	margin: 10px 0px 10px;}.site-main .site-type.hidden {	display: none;}.site-main .site-type i {	display: block;	margin-right: 8px;}.site-main .site-type span {	display: block;	margin-left: 10px;	background-color: #3b75fb;	width: 26px;	height: 26px;	text-align: center;	line-height: 26px;	color: white;	margin-top: 4px;	border-radius: 100%;	font-size: 14px;}.site-main .site-type span i {	margin-right: 0px;	display: block;}.site-main .site-list {	display: flex;	flex-wrap: wrap;	justify-content: space-between;}.site-main .site-list .list {	width: 16%;	background-color: white;	border-radius: 8px;	transition: 0.3s all;	margin-bottom: 15px;	position: relative;}.site-main .site-list .list.hidden {	display: none;}.site-main .site-list .list a {	display: flex;	flex-wrap: wrap;	justify-content: flex-start;	width: 100%;	padding: 0 5%;}.site-main .site-list .list p.name {	color: #333;	font-weight: bold;	font-size: 15px;	line-height: 44px;	white-space: nowrap;	overflow: hidden;	text-overflow: ellipsis;	position: relative;	padding-left: 25px;}.site-main .site-list .list p.name em {	width: 18px;	height: 18px;	display: block;	margin-right: 10px;	border-radius: 100%;	line-height: 44px;}.site-main .site-list .list p.name img {	width: 18px;	height: 18px;	margin: auto;	position: absolute;	left: 0;	top: 0;	bottom: 0;}.site-main .site-list .list p.desc {	width: 100%;	font-size: 13px;	color: #858f9a;	line-height: 1.5;	margin-bottom: 5%;	word-break: break-all;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 2;	overflow: hidden;}.site-main .site-list .list:hover {	box-shadow: 0px 0px 6px #3b75fb;	transition: 0.3s all;}.site-main .site-list span.private {	display: block;	position: absolute;	margin: auto;	top: 0;	bottom: 0;	right: 10px;	color: #333;	line-height: 44px;}.site-main .site-list span.private i {	display: block;}.footer {	height: 56px;}footer {	width: 100%;	padding-left: 260px;	font-size: 14px;	color: #8e8e8e;	position: fixed;	bottom: 10px;	left: 0;	margin: auto;	text-align: center;	height: 56px;	line-height: 23px;	z-index: 100;}footer.show{	position: static;}footer a:hover {	color: #3b75fb;}.header {	display: none;}.tool-bars{	position: fixed;	bottom: 20px;	right: 20px;	z-index: 999;}.tool-bars p{	display: block;	width: 45px;	height: 45px;	background-color: #3b75fb;	color: white;	text-align: center;	line-height: 45px;	border-radius: 6px;	margin-top: 10px;	cursor: pointer;}.tool-bars p i{	display: block;	line-height: 45px;	font-size: 20px;}.tool-bars p:hover{	box-shadow: 0px 0px 5px #CCCCCC;}.tool-bars p.scroll_top{	display: none;}/*为空*/#holmes-placeholder {	width: 100%;	text-align: left;}/*响应式排版*/@media only screen and (max-width: 1440px) {	.site-main .site-list .list {		width: 19%;	}}/**/@media only screen and (max-width: 1200px) {	footer {		padding-left: 0;	}	header {		width: 65%;		left: -100%;		transition: 0.3s all;	}	header.show {		left: 0;		transition: 0.3s all;	}	header .logo a {		line-height: 60px;		font-size: 36px;		padding-left: 8%;	}	header .typelist p a {		padding-left: 8%;	}	header .typelist p.login {		display: block;	}	nav.main-top {		padding: 0 4% 0;		box-shadow: none;		background-color: transparent;		flex-wrap: wrap;		position: static;	}	nav .main-top-r {		display: none;	}	nav.main-top .search {		display: flex;		padding: 15px 0;		margin-top: 0;		justify-content: space-between;		width: 100%;	}	nav.main-top .search input {		width: 70%;		background-color: white;		border: 1px solid #3b75fb;	}	nav.main-top .search button {		width: 28%;		margin-left: 0;	}	.main {		padding-left: 0;		padding-top: 0px;	}	.site-main {		padding: 4%;	}	.site-main .site-list {		width: 100%;	}	.site-main .site-list .list {		width: 49%;		margin-bottom: 10px;	}	.site-main .site-list .list p.name {		font-size: 13px;	}	.header {		width: 100%;		display: flex;		justify-content: space-between;		background-color: white;		padding: 0 4%;	}	.header .logo a {		display: block;		width: 100%;		letter-spacing: 2px;		line-height: 60px;		font-family: youshe;		font-size: 36px;	}	.header .nav-bar {		line-height: 60px;		padding: 0px 4%;	}	.header .nav-bar i {		display: block;		line-height: 60px;		font-size: 24px;	}	.tool-bars{	position: fixed;	bottom: 10px;	right: 10px;}	.tool-bars p{		width: 36px;		height: 36px;		line-height: 36px;	}	.tool-bars p i{		line-height: 36px;		font-size: 18px;	}}/*深色模式*/body.dark{	background-color: #1e1e1e;}body.dark header{	background-color: #262626;	border-right: 1px solid #303030;}body.dark header .logo a{	color: white;}body.dark .empty {	color: white;}body.dark header p a{	color: #f3f3f3;}body.dark nav.main-top{	background-color: #262626;	box-shadow: 0px 2px 4px #303030;}body.dark nav.main-top .search input{	background-color: #1e1e1e;	color: white;}body.dark .site-main .site-type{	color: #f3f3f3;}body.dark .site-main .site-list .list{	background-color: #262626;	color: #f3f3f3;}body.dark .site-main .site-list .list p.name{	color: #f3f3f3;}body.dark .site-main .site-list .list:hover p.name{	color: #3b75fb;}body.dark nav .main-top-r span,body.dark  nav .main-top-r a{	color: #f3f3f3;}body.dark nav .main-top-r span:hover,body.dark  nav .main-top-r a:hover{box-shadow: 0px 2px 4px #303030;}body.dark .header{	background-color: #262626;}body.dark .header .logo a,body.dark .header .nav-bar i{	color: #f3f3f3;}