/**
File Name:toEver css
Author:xiaofeng
email:93088964@qq.com
*/
:root body {
    --box-border-radius: 30px;
    --img-border-radius: 10px;
    --button-border-radius: 5px;
	--body-background:#eaeffe;
	--body-color:#333;
	--color-transparent:transparent;
	--color-white:#fff;
	--color-white-fbfcfe:#fbfcfe;
	--color-white-f0f2f5:#f0f2f5;
	--color-white-f1f1f1:#f1f1f1;
	--color-white-f2f6fc:#f2f6fc;
	--color-white-f8f8f8:#f8f8f8;
	--color-black:#333;
	--color-blue:#3858f6;
	--color-yellow:#ffd55d;
	--color-yellow-ffaf1e:#ffaf1e;
	--color-green-c6a549:#c6a549;
	--color-grey:#eaeffe;
	--color-grey-666:#666;
	--color-grey-777:#777;
	--color-grey-888:#888;
	--color-grey-999:#999;
	--color-grey-6f6f70:#6f6f70;
	--color-grey-8d8f96:#8d8f96;
	--color-grey-9da0b3:#9da0b3;
	--color-grey-eceef5:#eceef5;
	--color-log-other-font:#b1b1b1;
	--color-log-other-border:rgba(50,50,50,0.06);
	--main-shadow:rgba(116,116,116,0.08);
	--main-color:#4e5358;
	--table-border-color:#ebeef5;
	--table-color:#909399;
	--user-bg-gray:#eaeffe;
	--user-bg-white:#fff;
	--user-bg-blue:var(--color-blue);
	--user-color-gray:#b2bac2;
	--user-color-black:#333;
	--user-border-gray:#ccc
}
body {
	font:14px Microsoft Yahei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
	background-color:var(--body-background);
	color:var(--body-color);
	transition:all .3s
}
.hide {
	display:none!important
}
.show {
	display:block!important
}
.left {
	float:left!important
}
.right {
	float:right!important
}
.public-hide {
	display:none!important
}
.public-show {
	display:block!important
}
.public-hide992 {
	display:none!important
}
.public-show992 {
	display:block!important
}
.public-marginTop {
	margin-top:20px
}
.public-marginBottom {
	margin-bottom:15px
}
.public-marginBottom30 {
	margin-bottom:30px
}
.public-marginBottom60 {
	margin-bottom:60px
}
.public-box {
	padding:30px;
	box-sizing:border-box;
	background-color:var(--color-white);
	box-shadow:0px 0px 20px 0px rgb(0 0 0 / 5%);
	border-radius: var(--box-border-radius)!important
}
.public-box .public-box-title {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:30px
}
.public-box .public-box-title>.title {
	display:flex;
	align-items:center
}
.public-box .public-box-title>.title>i,.public-box .public-box-title>.title>h2 {
	font-weight:bold;
	font-size:18px
}
.public-box .public-box-title>.title>i {
	margin-right:10px;
	color:var(--color-blue)
}
.public-box .public-box-main {
	}.public-box .changeTitle {
	overflow:auto
}
.public-box .changeTitle ul {
	display:flex;
	flex-wrap:wrap;
	width:max-content
}
.public-box .changeTitle ul li {
	display:block;
	line-height:30px;
	font-size:14px;
	position:relative;
	z-index:1;
	color:var(--color-black);
	white-space:nowrap;
	padding-left:30px;
	cursor:pointer;
	transition:all .3s
}
.public-box .changeTitle ul li:nth-child(1) {
	padding-left:0
}
.public-box .changeTitle ul li.this {
	font-weight:bold;
	font-size:16px
}
.public-box .changeTitle ul li.this:after {
	display:block;
	content:"";
	width:50px;
	height:10px;
	background-color:var(--color-yellow);
	position:absolute;
	bottom:0;
	z-index:-1;
	opacity:.7
}
.public-box .changeMain {
	padding:15px 0 0 0;
	box-sizing:border-box
}
.public-box .changeMain>* {
	display:none;
	height:100%
}
.public-box-noPadding {
	padding:0!important
}
.public-title {
	display:flex;
	align-items:center;
	margin-bottom:30px
}
.public-title i {
	margin-right:10px;
	color:var(--color-blue)
}
.public-title i,.public-title h2 {
	font-weight:bold;
	font-size:18px
}
.public-flex {
	display:flex
}
.public-flex.justify-center {
	justify-content:center
}
.public-flex.align-center {
	align-items:center
}
.public-box-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
}
.public-box-2 .public-box{
    padding: 0;
    box-shadow: unset;
    border-radius: 0;
    background-color: unset;
    min-width: 0;
}
.public-box-2 .public-box.pic ul li{
    display: flex;
    position: relative;
    font-size: 13px;
    padding: 10px 0;
}
.public-box-2 .public-box.pic ul li .top-icon{
    position: absolute;
    border-radius: 0 10px 10px 0;
    left: 0;
    top: 16px;
    z-index: 2;
}
.public-box-2 .public-box.pic ul li .top-icon span{
    font-size: 12px;
    line-height: 24px;
    font-style: italic;
    display: block;
    padding: 0;
    margin-right: 6px;
    line-height: 22px;
    height: 22px;
    width: 34px;
    text-align: right;
}
.public-box-2 .public-box.pic ul li:nth-child(1) .top-icon{
    background-color: #ff3355;
    color: #fff;
}
.public-box-2 .public-box.pic ul li:nth-child(2) .top-icon{
    background-color: #ffa41b;
    color: #fff;
}
.public-box-2 .public-box.pic ul li:nth-child(3) .top-icon{
    background-color: #1a85ff;
    color: #fff;
}
.public-box-2 .public-box.pic ul li .other .logo{
    position: absolute;
    left: 0;
    top: 16px;
    width: 83px;
    height: 60px;
}
.public-box-2 .public-box.pic ul li .other .logo img{
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    border: 0;
    vertical-align: text-top;
    border-radius: 10px;
}
.public-box-2 .public-box.pic ul li .other .tit{
    padding-left: 98px;
    height: 60px;
}
.public-box-2 .public-box.pic ul li .other .tit h2 {
    font-size: 15px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 8px;
    word-break: break-all;
}
.public-box-2 .public-box.pic ul li:hover .other .tit h2 {
    text-decoration: underline;
}
.public-box-2 .public-box.pic ul li .other .tit .timeago{
    font-size: 12px;
    color: #bcbcbc;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.public-box-2 .public-box.pic ul li .link-overlay{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.public-box-2 .public-box.text ul li {
	min-width:0;
	display:grid;
	grid-template-columns:1fr auto;
	line-height:30px;
	padding:10px 20px;
	background-color:var(--color-white-fbfcfe);
	border-radius:30px;
	margin-bottom:9px
}
.public-box-2 .public-box.text ul li > h2{
	overflow: hidden;
	font-weight: 400;
}
.public-box-2 .public-box.text ul li .title {
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
	font-size:14px
}
.public-box-2 .public-box.text ul li .other {
	display:flex;
	align-items:center;
	font-size:12px;
	position:relative;
	padding-left:15px;
	margin-left:15px
}
.public-box-2 .public-box.text ul li .other:after {
	content:'';
	position:absolute;
	left:0;
	height:12px;
	width:2px;
	background-color:var(--color-white-f1f1f1)
}
.public-box-2 .public-box.text ul li .other time {
	color:var(--color-grey-888)
}
.public-box-2 .public-box.text ul li .other>span {
	display:flex;
	width:33.5px;
	justify-content:center;
	color:var(--color-grey-888);
	white-space:nowrap;
	overflow:hidden
}
.public-box-2 .public-box.text ul li .other>span b {
	font-weight:400
}
.public-box-2 .public-box.text ul li .other a {
	margin-left:15px;
	padding:5px 10px;
	border-radius:18px;
	line-height:16px;
	border:1px solid var(--color-white-f1f1f1);
	color:var(--color-grey-666)
}
.public-box-2 .public-box.text ul li .other a:hover {
	background:var(--color-blue);
	border:1px solid var(--color-blue);
	color:var(--color-white)!important
}
.public-box-2 .public-box.text ul li:nth-child(2n) {
	background-color: transparent;
}


.public-box-2 .page {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:30px
}
.public-box-2 .page .layui-btn {
	border-radius:30px;
	width:50%;
	border:1px solid var(--color-white-f1f1f1);
	color:var(--color-grey-666);
	background-color:var(--color-white)
}
.public-box-2 .page .layui-btn:hover {
	background-color:var(--color-white-fbfcfe)
}
.public-box-2 .page .layui-btn.disabled {
	color:var(--color-grey-9da0b3)
}
.public-box-2 .page .layui-btn+.layui-btn {
	margin-left:20px
}

.pmd-search-layer .layui-layer-content {
	height: auto!important;
	padding:30px 20px;
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	box-sizing:border-box
}
.pmd-search-layer .layui-layer-content form {
	display:flex;
	width:100%
}
.pmd-search-layer .layui-layer-content form button {
	display:inline-block;
	vertical-align:middle;
	height:38px;
	line-height:38px;
	border:1px solid transparent;
	padding:0 18px;
	background-color:var(--color-blue);
	color:var(--color-white);
	white-space:nowrap;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none
}
.pmd-search-layer .layui-layer-content .layui-elem-field{
	margin: 15px 0 0;
    width: 100%;
    box-sizing: border-box;
}
.pmd-search-layer .layui-layer-content .layui-elem-field legend{
	font-size: 15px;
}
.pmd-search-layer .layui-layer-content .layui-elem-field .layui-field-box{
	padding: 15px 15px 0;
}
.pmd-search-layer .layui-layer-content .layui-elem-field .layui-field-box .layui-btn{
	margin-right: 10px;
	margin-bottom: 15px;
}
.pmd-search-layer .layui-layer-content .layui-elem-field .layui-field-box .layui-btn+.layui-btn{
	margin-left: 0;
}
.submit-friendLinks-layer .layui-layer-content {
	}.submit-friendLinks-layer .layui-layer-content .layui-form {
	padding:20px 20px 10px 20px
}
.submit-friendLinks-layer .layui-layer-content .layui-form .layui-input-group {
	width:100%
}
.submit-friendLinks-layer .layui-layer-content .layui-form-item:nth-last-child(1) {
	margin-bottom:0
}
.submit-friendLinks-layer .layui-layer-content .layui-form .layui-text * {
	font-size:12px;
	color:var(--color-grey-999)
}
.page {
	display:flex;
	align-items:center;
	margin-top:30px
}
.page .page-list {
	flex:1;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.page .page-list>span,.page .page-list>a,.page .page-list>em {
	display:inline-block;
	padding:0 10px;
	height: 30px;
	line-height:30px;
	background-color:var(--color-grey);
	border-radius:8px;
	font-size:15px;
	font-weight:900;
	margin-right:3px;
	color:var(--color-grey-9da0b3);
	box-sizing:border-box;
	overflow:hidden
}
.page .page-list>span {
	background-color:var(--color-blue);
	color:var(--color-white)
}
.page .page-total {
	color:var(--color-grey-9da0b3);
	font-size:16px
}
#warmprompt {
	font-size:12px;
	color:var(--color-grey-9da0b3);
	flex:1;
	margin-left:30px;
	text-align:right
}
.layui-menu-body-title>.layui-icon {
	transform:translateY(-50%);
	margin-top:0;
	padding:10px 15px 10px 10px
}
.layui-menu-body-title>.layui-icon-right {
	right:0
}
.layui-code-view {
	border:1px solid #2e2e30;
	background-color:#232324;
	color:rgba(255,255,255,.7);
	border-left-width:6px
}
.layui-code-view>.layui-code-ol>li {
	border-left:1px solid #484849;
	background-color:#232324;
	font-size:14px!important
}
.layui-fixbar li {
	width:40px;
	height:40px;
	line-height:40px;
	font-size:1.4em!important;
	margin-top:6px;
	margin-bottom:0;
	border-radius:8px;
	background-color:var(--color-white);
	color:var(--color-blue);
	box-shadow:0px 0px 20px 2px rgb(0 0 0 / 8%);
	opacity: 1!important;
}
.layui-code-view>.layui-code-ol,.layui-code-view>.layui-code-ul {
	margin-bottom:0
}
.layui-layer-btn a {
	height:25px;
	line-height:23px;
	padding:0 10px
}
.theiaStickySidebar {
	z-index:100000
}
pre code.hljs {
	border-radius:10px
}
pre {
	opacity:0;
	transition:opacity .3s
}
pre[class*='language-'] {
	position:relative;
	font-size:14px;
	border-radius:5px;
	padding:0!important
}
pre[class*='language-'] code {
	display:block;
	overflow-x:auto;
	padding:40px 1em 1em!important
}
pre[class*='language-']::before {
	content:'';
	position:absolute;
	top:14px;
	left:15px;
	width:12px;
	height:12px;
	border-radius:50%;
	background:#fc625d;
	box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;
	z-index:1
}
pre[class*='language-'] .copy {
	position:absolute;
	top:5px;
	right:15px;
	font-size:20px;
	z-index:5;
	color:#909399;
	transition:color 0.35s;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.text-ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
img[src=""],img:not([src]) {
	opacity:0
}
.placeholder {
	background:linear-gradient(118deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
	opacity:1;
	border-radius:4px;
	-webkit-animation:placeholder 1.5s ease infinite!important;
	animation:placeholder 1.5s ease infinite!important;
	background-size:400% 100%!important
}
@-webkit-keyframes placeholder {
	0% {
	background-position:100% 50%
}
100% {
	background-position:0 50%
}
}@keyframes placeholder {
	0% {
	background-position:100% 50%
}
100% {
	background-position:0 50%
}
}.lazyloaded {
	opacity:1;
	-webkit-filter:blur(0);
	filter:blur(0);
	transform:unset;
	transition:.3s
}
img.lazyloaded {
	-webkit-animation:lazy_blur .5s;
	animation:lazy_blur .5s
}
@-webkit-keyframes lazy_blur {
	0% {
	-webkit-filter:blur(5px);
	filter:blur(5px)
}
100% {
	-webkit-filter:blur(0);
	filter:blur(0)
}
}@keyframes lazy_blur {
	0% {
	-webkit-filter:blur(5px);
	filter:blur(5px)
}
100% {
	-webkit-filter:blur(0);
	filter:blur(0)
}
}@-webkit-keyframes lazy_fade {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes lazy_fade {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}#toEver {
	width:1360px;
	margin:15px auto;
	padding:30px;
	background-color:var(--color-white);
	border-radius: var(--box-border-radius);
	box-sizing:border-box
}
#toEver a,#toEver img {
	color:var(--body-color);
	transition:all .3s
}
#toEver a:hover,#toEver img:hover {
	opacity:0.9
}
#toEver a:hover {
	color:var(--color-blue)!important
}
#toEver *::-webkit-scrollbar {
	width:2px;
	height:2px
}
#toEver *::-webkit-scrollbar-thumb {
	background:var(--color-blue)
}
header {
	display:grid;
	grid-template-columns:200px 1fr 250px;
	align-items:center
}
header .logo {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin-right:30px
}
header .logo>img {
	width:50px;
	height:50px;
	margin-right:10px
}
header .logo>span h2 {
	font-size:18px;
	font-weight:bold
}
header .logo>span p {
	font-size:12px
}
header .layui-nav * {
	font-size:15px!important
}
header .layui-nav .layui-nav-more {
	display:none
}
header .layui-nav {
	background-color:var(--color-transparent)
}
header .layui-nav .layui-nav-item {
	line-height:50px
}
header .layui-nav .layui-nav-item a {
	padding:0 15px;
	color:var(--color-grey-777)
}
header .layui-nav .layui-nav-item a:hover,header .layui-nav .layui-this a {
	color:var(--color-black)
}
header .layui-nav .layui-this:after,header .layui-nav-bar {
	display:none!important
}
header .layui-nav-child {
	top:auto
}
header .other a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:50px;
	font-size:24px
}
header form {
	position:relative
}
header form .layui-input {
	height:52px;
	line-height:52px;
	border-radius:26px;
	background-color:var(--color-white-f8f8f8);
	color:var(--color-black);
	border:0;
	padding-left:40px
}
header form button {
	position:absolute;
	display:block;
	width:52px;
	height:52px;
	left:0;
	top:0;
	border:0;
	background-color:unset;
	font-size:16px;
	text-align:center
}
#pmd-theme {
	opacity:0
}
#pmd-sideBar {
	display:none
}
.pmd-sideBar-layer .layui-layer-content {
	padding:20px 10px
}
.pmd-sideBar-layer *::-webkit-scrollbar {
	display:none
}
.pmd-sideBar-layer .public-box {
	padding:15px;
	border-radius:10px
}
.pmd-sideBar-layer .public-box .public-box-title {
	margin-bottom:20px
}
.pmd-sideBar-layer .layui-layer-content .public-marginTop:first-child {
	margin-top:0
}
.pmd-sideBar-layer #widget_hotlog .public-box-main .list .img,.pmd-sideBar-layer #widget_newlog .public-box-main .list .img {
	width:80px;
	height:60px;
	border-radius:5px
}
.pmd-sideBar-layer #widget_hotlog .public-box-main .list .title,.pmd-sideBar-layer #widget_newlog .public-box-main .list .title {
	font-size:14px
}
.pmd-sideBar-layer .public-box .public-box-title>.title>i,.pmd-sideBar-layer .public-box .public-box-title>.title>h2 {
	font-size:16px
}
container {
	display:grid;
	grid-template-columns:1fr auto;
	justify-content:space-between;
	margin-top:20px
}
container main {
	min-width:0
}
#breadcrumbNav {
	padding:0 0 30px
}
#breadcrumbNav a,#breadcrumbNav span {
	font-weight:700;
	font-size:16px
}
#newlist ul {
	display:grid;
	grid-template-columns:repeat(2,1fr)
}
#newlist ul li {
	min-width:0;
	display:grid;
	grid-template-columns:1fr auto;
	line-height:30px;
	padding:10px 20px;
	background-color:var(--color-white-fbfcfe);
	border-radius:30px 0 0 30px;
	margin-bottom:10px
}
#newlist ul li:nth-child(2n) {
	border-radius:0 30px 30px 0
}
#newlist ul li:nth-child(4n),#newlist ul li:nth-child(4n-1) {
	background-color:var(--color-transparent)
}
#newlist ul li h2{
	font-weight: 400;
	overflow: hidden;
}
#newlist ul li .title {
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
	font-size:14px
}
#newlist ul li .other {
	display:flex;
	align-items:center;
	font-size:12px;
	position:relative;
	padding-left:15px;
	margin-left:15px
}
#newlist ul li .other:after {
	content:'';
	position:absolute;
	left:0;
	height:12px;
	width:2px;
	background-color:var(--color-white-f1f1f1)
}
#newlist ul li .other time {
	color:var(--color-grey-888)
}
#newlist ul li .other>span {
	display:flex;
	width:33.5px;
	justify-content:center;
	color:var(--color-grey-888);
	white-space:nowrap;
	overflow:hidden
}
#newlist ul li .other>span b {
	font-weight:400
}
#newlist ul li .other a {
	margin-left:15px;
	padding:5px 10px;
	border-radius:18px;
	line-height:16px;
	border:1px solid var(--color-white-f1f1f1);
	color:var(--color-grey-666)
}
#newlist ul li .other a:hover {
	background:var(--color-blue);
	border:1px solid var(--color-blue);
	color:var(--color-white)!important
}
#newlist .page {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:10px
}
#newlist .page .layui-btn {
	border-radius:30px;
	width:50%;
	border:1px solid var(--color-white-f1f1f1);
	color:var(--color-grey-666);
	background-color:var(--color-white)
}
#newlist .page .layui-btn:hover {
	background-color:var(--color-white-fbfcfe)
}
#newlist .page .layui-btn.disabled {
	color:var(--color-grey-9da0b3)
}
#newlist .page .layui-btn+.layui-btn {
	margin-left:20px
}
.carousel.layui-carousel {
	background-color:var(--color-white-f8f8f8);
	border-radius:var(--box-border-radius);
	overflow: hidden;
}
.carousel.layui-carousel[lay-indicator=outside] {
	margin-bottom:60px
}
.carousel.layui-carousel>[carousel-item]>* {
	background-color:unset
}
.carousel.layui-carousel>[carousel-item]>*>a {
	display:block;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden
}
.carousel.layui-carousel>[carousel-item]>*>a img {
	width:100%;
	height:100%
}
.carousel.layui-carousel>[carousel-item]:before {
	display:none
}
.carousel .layui-carousel-arrow {
	border-radius:10px;
	height:50px;
	line-height:50px;
	margin-top:-25px
}
.carousel .layui-carousel-ind ul {
	background-color:var(--color-transparent)
}
.carousel .layui-carousel-ind li {
	background-color:var(--color-grey);
	width:12px;
	height:12px
}
.carousel .layui-carousel-ind li.layui-this {
	background-color:var(--color-yellow)
}
#guessYouLike .public-box-main ul li {
	display:flex;
	align-items:center;
	margin-top:15px
}
#guessYouLike .public-box-main ul li .img {
	display:block;
	width:70px;
	height:70px;
	flex-shrink:0;
	border-radius:var(--img-border-radius);
	overflow:hidden
}
#guessYouLike .public-box-main ul li .img img {
	width:100%;
	height:100%;
	background-color:var(--color-white-f8f8f8);
	object-fit:cover
}
#guessYouLike .public-box-main ul li .title {
	margin-left:15px;
	display:-webkit-box;
	overflow:hidden;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical
}
#guessYouLike .public-box-main ul li h2 {
	font-weight:bold;
	font-size:14px
}
.downloadZone .public-box-title,.articleZone .public-box-title {
	margin-bottom:15px
}
.downloadZone .changeMain ul li {
	float:left;
	width:calc(100% / 4 );
	height:110px;
	display:flex;
	align-items:center
}
.downloadZone .changeMain ul li .logo>a {
	display:block;
	width:80px;
	height:80px;
	overflow:hidden
}
.downloadZone .changeMain ul li .logo>a>img {
	width:100%;
	height:100%;
	background-color:var(--color-white-f8f8f8);
	border-radius:var(--img-border-radius);
	object-fit:cover
}
.downloadZone .changeMain ul li .other {
	flex:1;
	height:90px;
	padding:0 15px;
	box-sizing:border-box
}
.downloadZone .changeMain ul li .other h2 {
	display:-webkit-box;
	overflow:hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	font-size:14px;
	line-height:1.6;
	height:45px;
	word-break:break-all
}
.downloadZone .changeMain ul li .other p {
	height:45px;
	display:flex;
	align-items:flex-end
}
.downloadZone .changeMain ul li .other p>a {
	display:block;
	padding:3px 10px;
	border:1px solid var(--color-white-f1f1f1);
	color:var(--color-grey-888);
	font-size:12px;
	border-radius:10px
}
.downloadZone .changeMain ul li .other p>a:hover {
	background-color:var(--color-blue);
	border-color:var(--color-blue);
	color:var(--color-white)!important
}
.articleZone .changeMain .images li {
	float:left;
	width:calc(100% / 2 - 10px);
	margin:20px 20px 0 0
}
.articleZone .changeMain .images li:nth-child(-n+2) {
	margin-top:0
}
.articleZone .changeMain .images li:nth-child(2n) {
	margin-right:0
}
.articleZone .changeMain .images li a {
	display:block;
	position:relative;
	height:130px;
	border-radius:var(--img-border-radius);
	overflow:hidden
}
.articleZone .changeMain .images li a img {
	width:100%;
	height:100%;
	background-color:var(--color-white-f8f8f8)
}
.articleZone .changeMain .images li a span {
	position:absolute;
	width:100%;
	color:var(--color-white);
	bottom:0;
	left:0;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding:0 5%;
	height:130px;
	line-height:220px;
	display:block;
	box-sizing:border-box;
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.3)));
	background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.3));
	background:-ms-linear-gradient(top,transparent,#000);
	background-color:transparent;
	font-weight:bold;
	font-size: 14px;
}
.articleZone .changeMain .article {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-column-gap:30px;
	grid-row-gap:15px
}
.articleZone .changeMain .article li {
	line-height:30px;
	min-width:0
}
.articleZone .changeMain .article li .title {
	float:left;
	display:block;
	max-width:calc(100% - 120px);
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
	font-size:14px;
	font-weight: 400;
}
.articleZone .changeMain .article li .other {
	float:right;
	font-size:12px;
	position:relative;
	padding-left:15px;
	display:flex;
	align-items:center
}
.articleZone .changeMain .article li .other time {
	color:var(--color-grey-888)
}
.articleZone .changeMain .article li .other a {
	margin-left:15px;
	padding:5px 10px;
	border-radius:18px;
	line-height:16px;
	border:1px solid var(--color-white-f1f1f1);
	color:var(--color-grey-666)
}
.articleZone .changeMain .article li .other a:hover {
	background:var(--color-blue);
	border:1px solid var(--color-blue);
	color:var(--color-white)!important
}
.articleZone .changeMain .article li .other:after {
	content:'';
	position:absolute;
	left:0;
	height:12px;
	width:2px;
	background-color:var(--color-white-f1f1f1)
}
.imageZone .changeMain ul{
	display: grid; 
	grid-template-columns: 1fr 1fr 2fr 1fr;
    grid-template-rows: 170px 170px;
	gap: 15px 15px; 
	grid-template-areas: 
	  "grid1 grid2 grid4 grid5"
	  "grid3 grid3 grid4 grid6";
}
.imageZone .changeMain ul li:nth-child(1){
	grid-area: grid1;
}
.imageZone .changeMain ul li:nth-child(2){
	grid-area: grid2;
}
.imageZone .changeMain ul li:nth-child(3){
	grid-area: grid3;
}
.imageZone .changeMain ul li:nth-child(4){
	grid-area: grid4;
}
.imageZone .changeMain ul li:nth-child(5){
	grid-area: grid5;
}
.imageZone .changeMain ul li:nth-child(6){
	grid-area: grid6;
}
.imageZone .changeMain ul li a{
	display: block;
	width: 100%;
    height: 100%;
	border-radius:var(--img-border-radius);
}
.imageZone .changeMain ul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color:var(--color-white-f8f8f8)
}
#friendLink .public-box-main ul li {
	float:left;
	margin-right:30px;
	margin-bottom:10px
}
#friendLink .public-box-main ul li a {
	display:block;
	line-height:30px;
	height:30px
}
#log_list ul {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-column-gap:30px;
	grid-row-gap:30px
}
#log_list ul li {
	position:relative;
	min-width:0
}
#log_list ul li .tips,#log_list ul li .ad {
	position:absolute;
	padding:3px 15px;
	border-radius:var(--img-border-radius) 0;
	background-color:red;
	left:0;
	top:0;
	z-index:9999;
	color:var(--color-white);
	background-image:-webkit-gradient(linear,left top,right top,from(#3858f6),color-stop(#6e86ff),color-stop(#8068ff),to(#3858f6));
	background-image:linear-gradient(to right,#3858f6,#6e86ff,#8068ff,#3858f6)
}
#log_list ul li .ad {
	background-image:-webkit-gradient(linear,left top,right top,from(#ff4740),color-stop(#ffa069),color-stop(#ffab55),to(#ff6c40));
	background-image:linear-gradient(to right,#ff4740,#ffa069,#ffab55,#ff6c40)
}
#log_list ul li .cover {
	position:relative;
	width:100%;
	height:170px;
	background-color:var(--color-white-f8f8f8);
	border-radius:var(--img-border-radius);
}
#log_list ul li .cover>a {
	display:block;
	height:100%;
	border-radius:var(--img-border-radius);
	overflow:hidden
}
#log_list ul li .cover>a img {
	width:100%;
	height:100%;
	object-fit:cover
}
#log_list ul li .cover>.sort {
	position:absolute;
	left:50%;
	bottom:-5%;
	transform:translateX(-50%)
}
#log_list ul li .cover>.sort>a {
	display:block;
	line-height:1;
	padding:4px 6px;
	border-radius:6px;
	font-size:13px;
	background-color:var(--color-yellow);
	color:var(--color-blue)
}
#log_list ul li .title {
	margin-top:15px;
	display:block;
	font-size:16px;
	font-weight:bold;
	width:100%
}
#log_list ul li .other {
	margin-top:10px;
	width:100%;
	display:grid;
	grid-template-columns:auto auto;
	grid-column-gap:10px;
	align-items:center;
	justify-content:space-between
}
#log_list ul li .other span {
	display:block
}
#log_list ul li .other span a {
	cursor:pointer
}
#log_list ul li .other span:nth-child(1) {
	flex:1;
	overflow:auto;
	white-space:nowrap;
	font-size:12px;
	scrollbar-width:none;
	-ms-overflow-style:none
}
#log_list ul li .other span:nth-child(1) a {
	display:inline-flex;
	align-items:center;
	height:22px;
	color:var(--color-green-c6a549);
	font-size:12px;
	padding:0 6px;
	margin-left:5px;
	background-color:rgba(255,213,93,0.18);
	border-radius:22px
}
#log_list ul li .other span:nth-child(1) a:nth-child(1) {
	margin-left:0
}
#log_list ul li .other span:nth-child(1)::-webkit-scrollbar {
	display:none
}
#log_list ul li .other span:nth-child(2) {
	font-size:12px;
	color:var(--color-grey-9da0b3)
}
#log_list ul li .description {
	margin-top:10px;
	width:100%;
	font-size:14px;
	color:var(--color-grey-9da0b3);
	text-align:justify;
	word-break:break-all
}
.notData {
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:center
}
.notData img {
	width:100%;
	height:300px;
	transition:none!important
}
.notData img:hover {
	opacity:unset
}
.notData p {
	margin:20px;
	font-size:20px;
	color:var(--color-grey-9da0b3)
}
.log_list_listStyle ul li {
	position:relative
}
.log_list_listStyle ul li.public-box {
	padding:20px;
	display:grid;
	grid-template-columns:auto 1fr
}
.log_list_listStyle ul li.public-marginTop:nth-of-type(1) {
	margin-top:0
}
.log_list_listStyle.marginTop0 ul li.public-marginTop:nth-child(1) {
	margin-top:0
}
.log_list_listStyle ul li .cover {
	position:relative;
	width:180px;
	height:150px;
	background-color:var(--color-white-f8f8f8);
	border-radius:var(--img-border-radius);
	margin-right:20px;
	overflow:hidden
}
.log_list_listStyle ul li .cover img {
	width:100%;
	height:100%;
	object-fit:cover
}
.log_list_listStyle ul li .cover .sort {
	position:absolute;
	right:0;
	top:0;
	font-size:12px;
	padding:4px 8px;
	border-radius:0 var(--img-border-radius);
	background-color:var(--color-yellow)
}
.log_list_listStyle ul li .cover .sort a {
	color:var(--color-blue)!important
}
.log_list_listStyle ul li .info {
	min-width:0;
	height:150px;
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.log_list_listStyle ul li .info h1 {
	min-width:0;
	font-size:20px;
	overflow:hidden;
	display:-webkit-inline-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all
}
.log_list_listStyle ul li .info .title span {
	font-weight:400;
	font-size:12px
}
.log_list_listStyle ul li .info .title h1 {
	}.log_list_listStyle ul li .info .tag {
	display:flex;
	align-items:center;
	overflow:auto;
	white-space:nowrap;
	font-size:12px;
	scrollbar-width:none;
	-ms-overflow-style:none;
	margin:10px 0
}
.log_list_listStyle ul li .info .tag a {
	display:inline-flex;
	align-items:center;
	height:22px;
	color:var(--color-green-c6a549)!important;
	font-size:12px;
	padding:0 6px;
	margin-left:5px;
	background-color:rgba(255,213,93,0.18);
	border-radius:22px;
	cursor:pointer
}
.log_list_listStyle ul li .info .tag a:nth-child(1) {
	margin-left:0
}
.log_list_listStyle ul li .info .tag:-webkit-scrollbar {
	display:none
}
.log_list_listStyle ul li .info .description {
	margin:auto 0;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.log_list_listStyle ul li .info .other {
	display:grid;
	grid-template-columns:auto 1fr;
	align-items:center;
	justify-items:end;
	font-size:13px
}
.log_list_listStyle ul li .info .other .other-left,.log_list_listStyle ul li .info .other .other-right a {
	color:var(--color-grey-999)
}
.log_list_listStyle ul li .info .other .other-right a {
	margin-left:10px
}
.log_list_listStyle ul li .info .other .other-right a i {
	display:inline-block;
	margin-right:3px;
	vertical-align:middle
}
.log_list_listStyle ul li .info .other .other-right a span {
	vertical-align:middle
}
.log_list_listStyle ul li .tips,.log_list_listStyle ul li .ad {
	position:absolute;
	padding:3px 15px;
	border-radius:0 var(--box-border-radius) 0 var(--box-border-radius);
	background-color:red;
	left:0;
	bottom:0;
	z-index:9999;
	color:var(--color-white);
	background-image:-webkit-gradient(linear,left top,right top,from(#3858f6),color-stop(#6e86ff),color-stop(#8068ff),to(#3858f6));
	background-image:linear-gradient(to right,#3858f6,#6e86ff,#8068ff,#3858f6)
}
.log_list_listStyle ul li .ad {
	background-image:-webkit-gradient(linear,left top,right top,from(#ff4740),color-stop(#ffa069),color-stop(#ffab55),to(#ff6c40));
	background-image:linear-gradient(to right,#ff4740,#ffa069,#ffab55,#ff6c40)
}
#log_list_downLoad ul {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-column-gap:20px;
	grid-row-gap:20px
}
#log_list_downLoad ul li {
	min-width:0;
	padding:20px;
	background-color:var(--color-white);
	box-shadow:0px 0px 20px 0px rgb(0 0 0 / 5%);
	border-radius:var(--box-border-radius);
	transition:all .3s
}
#log_list_downLoad ul li:hover {
	box-shadow:0px 6px 12px 0px rgb(0 0 0 / 15%);
	transform:translateY(-3px)
}
#log_list_downLoad ul li h2 {
	font-weight:normal;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
#log_list_downLoad ul li .info {
	margin-top:15px;
	display:flex
}
#log_list_downLoad ul li .info>a {
	display:block;
	width:48px;
	height:48px;
	margin-right:10px;
	border-radius:var(--img-border-radius);
	overflow:hidden
}
#log_list_downLoad ul li .info>a img {
	width:100%;
	height:100%
}
#log_list_downLoad ul li .info>.other {
	flex:1;
	display:flex;
	justify-content:space-between;
	align-items:center
}
#log_list_downLoad ul li .info>.other>item {
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:space-evenly;
	font-size:12px
}
#log_list_downLoad ul li .info>.other>item * {
	color:var(--color-grey-9da0b3)
}
#log_list_downLoad ul li .info>.other>a {
	display:inline-block;
	padding:3px 10px;
	border:1px solid var(--color-white-f1f1f1);
	color:var(--color-grey-888);
	font-size:12px;
	border-radius:10px
}
#log_list_downLoad ul li .info>.other>a:hover {
	background-color:var(--color-blue);
	border-color:var(--color-blue);
	color:var(--color-white)!important
}
#echoLog {
	margin-bottom:30px
}
#echoLog>.header>.title {
	font-size:32px;
	line-height:1.2;
	font-weight:bold
}
#echoLog>.header>.meta {
	display:flex;
	align-items:center;
	height:50px;
	font-size:14px;
	color:var(--color-grey-9da0b3);
	margin:12px 0
}
#echoLog>.header>.meta>a {
	color:var(--color-grey-9da0b3);
	margin-right:20px
}
#echoLog>.header>.meta>span {
	margin-right:20px;
	display:flex;
	align-items:center
}
#echoLog>.header>.meta>span>i {
	font-size:16px;
	margin-right:3px
}
#echoLog>.header>.meta>.commentsJump {
	cursor:pointer
}
#echoLog>.header>.meta>.tags {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	scrollbar-width:none;
	-ms-overflow-style:none
}
#echoLog>.header>.meta>.tags>a {
	display:inline-flex;
	align-items:center;
	height:22px;
	color:var(--color-green-c6a549);
	font-size:12px;
	padding:0 6px;
	margin-left:5px;
	background-color:rgba(255,213,93,0.18);
	border-radius:22px
}
#echoLog>.header>.meta>.tags>a:nth-child(1) {
	margin-left:0
}
#echoLog>.header>.meta>a,#echoLog>.header>.meta>span {
	white-space:nowrap
}
#echoLog>.header>.meta>.tags::-webkit-scrollbar {
	display:none
}
#echoLog>.content {
	font-size:16px;
	line-height:2;
	word-break:break-all;
	text-align:left
}
#echoLog>.content img {
	max-width:100%;
	display:block;
	margin:auto
}
#echoLog>.footer {
	margin-top:30px
}
#echoLog>.footer>.copyright {
	margin-top:30px;
	color:var(--color-log-other-font)
}
#echoLog>.footer>.the-end {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 0 15px;
	margin-top:40px;
	color:var(--color-log-other-font)
}
#echoLog>.footer>.the-end::after,#echoLog>.footer>.the-end::before {
	content:"";
	background:var(--color-log-other-border);
	max-width:20%;
	height:1px;
	margin:0 1em;
	flex:1
}
#echoLog>.footer>.post-actions {
	display:flex;
	justify-content:center;
	margin-top:30px
}
#echoLog>.footer>.post-actions>a {
	display:flex;
	justify-content:center;
	flex-flow:column;
	text-align:center
}
#echoLog>.footer>.post-actions>a * {
	color:var(--main-color);
	opacity:.7;
	transition:all .3s;
	-webkit-transition:all .3s
}
#echoLog>.footer>.post-actions>a:hover * {
	opacity:1
}
#echoLog>.footer>.post-actions>a>icon {
	width:80px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:24px;
	margin:5px 0
}
#echoLog>.footer>.post-actions>a>text {
	font-size:12px
}
.toEver-appreciate {
	text-align:center;
	border-radius:var(--box-border-radius);
	-webkit-box-shadow:0 5px 15px rgb(0 0 0 / 50%);
	box-shadow:0 5px 15px rgb(0 0 0 / 50%)
}
.toEver-appreciate ul {
	display:flex;
	justify-content:space-evenly;
	padding:30px 0 20px
}
.toEver-appreciate ul li p {
	color:#888a8f;
	margin-top:10px
}
.toEver-appreciate ul li .qrcode-img {
	height:140px;
	width:140px;
	border-radius:var(--img-border-radius);
	overflow:hidden;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#888a8f
}
.toEver-appreciate ul li .qrcode-img img {
	width:100%;
	height:100%;
	transition:all .2s;
	overflow:hidden;
	-o-object-fit:cover;
	object-fit:cover
}
#neighbor {
	margin-bottom:30px
}
#neighbor ul {
	display:grid;
	grid-template-columns:repeat(2,calc(50% - 15px));
	grid-column-gap:30px;
	grid-row-gap:30px
}
#neighbor ul li>a {
	display:block;
	position:relative;
	width:100%;
	height:120px;
	background-color:var(--color-white-f8f8f8);
	border-radius:var(--img-border-radius);
	overflow:hidden
}
#neighbor ul li>a:hover img {
	transform:scale(1.05)
}
#neighbor ul li>a img {
	width:100%;
	height:100%;
	object-fit:cover
}
#neighbor ul li>a:nth-child(2) {
	position:absolute;
	left:50%;
	bottom:-6px;
	transform:translateX(-50%);
	line-height:1;
	padding:4px 6px;
	border-radius:6px;
	font-size:13px;
	background-color:var(--color-yellow);
	color:var(--color-blue)
}
#neighbor ul li>a .prev-text,#neighbor ul li>a .next-text {
	display:flex;
	align-items:center;
	position:absolute;
	top:12px;
	left:12px;
	padding:3px 10px;
	font-size:16px;
	color:var(--color-white);
	border-radius:8px;
	background:rgba(0,0,0,.4);
	pointer-events:none
}
#neighbor ul li>a .prev-text>i,#neighbor ul li>a .next-text>i {
	font-size:20px
}
#neighbor ul li>a .prev-text>i {
	margin-right:5px
}
#neighbor ul li>a .next-text>i {
	margin-left:5px
}
#neighbor ul li>a .next-text {
	left:unset;
	right:10px
}
#neighbor ul li>a h5 {
	position:absolute;
	width:100%;
	color:var(--color-white);
	bottom:0;
	left:0;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding:0 5%;
	height:100%;
	line-height:190px;
	border-radius:var(--img-border-radius);
	display:block;
	box-sizing:border-box;
	font-weight:bold;
	font-size:18px;
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.3)));
	background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.3));
	background:-ms-linear-gradient(top,transparent,#000);
	background-color:transparent
}
#related {
	margin-bottom:30px
}
#related .related-container.image-text{
	display: grid;
    grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
    grid-row-gap: 20px;
}
#related .related-container.image-text > li{
	min-width: 0;
}
#related .related-container.image-text > li > a{
	display: flex;
	
}
#related .related-container.image-text > li > a > img{
	width: 150px;
    min-width: 150px;
    height: 90px;
    object-fit: cover;
    border-radius: var(--img-border-radius);
	background-color: var(--color-white-f8f8f8);
}
#related .related-container.image-text > li > a > .image-text-right{
	margin-left: 15px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
#related .related-container.image-text > li > a > .image-text-right > h3{
	display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#related .related-container.image-text > li > a > .image-text-right > time{
	color: var(--color-grey-9da0b3);
}

#comments #comment-post {
	position:relative;
	padding-left:70px
}
#comments #comment-post .comment-avatar {
	position:absolute;
	left:0
}
#comments #comment-post .comment-avatar img {
	width:50px;
	height:50px;
	border-radius:100%
}
#comments #comment-post .comment-body .comment-input {
	display:flex;
	justify-content:flex-end
}
#comments #comment-post .comment-body .comment-input .comment-input-box {
	flex:1
}
#comments #comment-post .comment-body .comment-input .comment-input-box .layui-form-item:nth-last-child(1) {
	margin-bottom:0
}
#comments #comment-post .comment-body .comment-input .comment-input-box .layui-input-wrap .layui-input {
	border-color:var(--color-grey)
}
#comments #comment-post .comment-body .comment-input .layui-input-group {
	width:100%
}
#comments #comment-post .comment-body .comment-input .layui-input-group .layui-input-prefix {
	width:35px;
	background-color:var(--color-grey);
	border-color:var(--color-grey)
}
#comments #comment-post .comment-body .comment-textarea {
	position:relative;
	background-color:var(--color-grey)
}
#comments #comment-post .comment-body .comment-textarea .comment-textarea-content {
	padding:15px
}
#comments #comment-post .comment-body .comment-textarea .comment-textarea-content .layui-textarea {
	border:0;
	background-color:transparent;
	resize:none;
	padding:0
}
#comments #comment-post .comment-body .comment-textarea .comment-textarea-content .layui-textarea::-webkit-resize {
	display:none
}
#comments #comment-post .comment-body .comment-textarea .comment-textarea-content .layui-textarea:focus {
	box-shadow:unset!important
}
#comments #comment-post .comment-body .comment-textarea .comment-textarea-toobar {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 15px 10px
}
#comments #comment-post .comment-body .comment-textarea .comment-textarea-toobar>.left,#comments #comment-post .comment-body .comment-textarea .comment-textarea-toobar>.right {
	display:flex;
	align-items:center
}
#comments #comment-post .comment-body .comment-textarea .comment-textarea-toobar>.left>a {
	font-size:18px;
	margin-right:15px
}
#comments #comment-post .comment-body .comment-textarea .comment-textarea-toobar>.left>a:last-child {
	margin-right:0
}
#comments #comment-post .comment-body .comment-textarea .comment-textarea-toobar>.right>a {
	font-size:18px
}
#comments #comment-post .comment-submit {
	display:grid;
	grid-row-gap:15px;
	margin-left:15px
}
#comments #comment-post .comment-submit #comment-cancel {
	background-color:var(--color-grey-9da0b3)
}
#comments #comment-post .comment-submit .layui-btn {
	height:100%;
	background-color:var(--color-blue)
}
#comments #comment-post .comment-submit .layui-btn+.layui-btn {
	margin-left:0
}
#comments #comment-list {
	margin-top:30px
}
#comments #comment-list .list {
	position:relative;
	padding-left:70px
}
#comments #comment-list .list .avatar {
	position:absolute;
	left:0
}
#comments #comment-list .list .avatar img {
	width:50px;
	height:50px;
	border-radius:100%
}
#comments #comment-list .list .info .user {
	display:flex;
	align-items:center;
	margin-bottom:8px;
	line-height:20px
}
#comments #comment-list .list .info .user .user_name {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
#comments #comment-list .list .info .user .user_agent {
	margin-left:20px;
	font-size:12px;
	display:flex;
	align-items:center;
	color:var(--color-grey-888)
}
#comments #comment-list .list .info .user .user_agent>i {
	font-size:18px;
	margin-right:5px;
	vertical-align:middle
}
#comments #comment-list .list .info .content {
	width:100%;
	background:var(--color-white-f2f6fc);
	padding:12px 15px;
	border-radius:0 4px 4px 10px;
	margin-bottom:8px;
	word-break:break-word;
	line-height:24px;
	box-sizing:border-box
}
#comments #comment-list .list .info .content img {
	max-width:100%
}
#comments #comment-list .list .info .other {
	display:flex;
	align-items:center;
	margin-bottom:20px
}
#comments #comment-list .list .info .other time {
	font-size:12px;
	color:var(--color-grey-888)
}
#comments #comment-list .list .info .other ip {
	font-size:12px;
	margin-left:10px;
	color:var(--color-grey-888)
}
#comments #comment-list .list .info .other a {
	font-size:12px;
	margin-left:15px
}
#comments #comment-list .comment-list .comment-list-children {
	padding-left:70px
}
#comments #comment-list .comment-list .comment-list-children .comment-list-children {
	padding-left:0
}
#comments #comment-list .comment-list #comment-post {
	padding-left:0;
	margin-bottom:20px
}
#comments #comment-list .comment-list #comment-post .comment-avatar {
	display:none
}
#comments #comment-list .page {
	margin-top:30px
}
#comments #comment-list .page span,#comments #comment-list .page a,#comments #comment-list .page em {
	display:inline-block;
	padding:3px 10px;
	background-color:var(--color-grey);
	border-radius:20px;
	font-size:15px;
	font-weight:900;
	margin-right:3px;
	color:var(--color-grey-9da0b3);
	box-sizing:border-box
}
#comments #comment-list .page span {
	background-color:var(--color-blue);
	color:var(--color-white)
}
#imgcode {
	display:flex;
	align-items:center
}
#imgcode #captcha {
	width:90px;
	height:30px
}
#imgcode .input {
	flex:1;
	margin-left:30px;
	height:38px;
	line-height:1.3;
	color:var(--color-grey-888);
	background-color:var(--color-white-f8f8f8);
	border:1px solid var(--color-grey-eceef5);
	border-radius:4px;
	font-size:15px;
	padding:0 15px;
	outline:0;
	-webkit-appearance:none;
	transition:all .3s;
	-webkit-transition:all .3s
}
#imgcode .input:focus {
	border-color:#d2d2d2!important
}
aside {
	width:350px;
	margin-left:30px
}
aside .public-marginTop:nth-child(1) {
	margin-top:0
}
#widget_tag .public-box-main {
	display:flex;
	flex-wrap:wrap
}
#widget_tag .public-box-main#widget_tag_default>h3>a,
#widget_tag .public-box-main#widget_tag_default>a {
	display:block;
	margin:5px;
	padding:5px 14px;
	border-radius:2px;
	font-size:13px;
	font-weight: 400;
	background-color:var(--color-white-f8f8f8);
	color:var(--color-grey-6f6f70)
}
#widget_tag .public-box-main#widget_tag_tagCloud {
	opacity:0;
	width:100%;
	height:auto;
	position:relative;
	font-size:12px;
	color:#333;
	margin:0px auto 0;
	text-align:center;
	margin-top:-20px;
	transition:all .3s
}
#widget_tag .public-box-main#widget_tag_tagCloud>a {
	position:absolute;
	top:0px;
	left:0px;
	color:var(--color-grey-6f6f70);
	text-decoration:none;
	margin:0 10px 15px 0;
	line-height:18px;
	text-align:center;
	font-size:14px;
	padding:1px 5px;
	display:inline-block;
	border-radius:3px;
	transition:unset!important
}
#widget_tag .public-box-main#widget_tag_tagCloud>a.tag-color-1 {
	color:#FF8C00
}
#widget_tag .public-box-main#widget_tag_tagCloud>a.tag-color-2 {
	color:#8B008B
}
#widget_tag .public-box-main#widget_tag_tagCloud>a.tag-color-3 {
	color:#800080
}
#widget_tag .public-box-main#widget_tag_tagCloud>a.tag-color-4 {
	color:#8B4513
}
#widget_tag .public-box-main#widget_tag_tagCloud>a.tag-color-5 {
	color:#DC143C
}
#widget_tag .public-box-main#widget_tag_tagCloud>a.tag-color-6 {
	color:#008080
}
#widget_tag .public-box-main#widget_tag_tagCloud>a.tag-color-7 {
	color:#008000
}
#widget_tag .public-box-main#widget_tag_tagCloud>a.tag-color-8 {
	color:#FFD700
}
#widget_tag .public-box-main#widget_tag_tagCloud>a.tag-color-9 {
	color:#7CFC00
}
#widget_tag .public-box-main#widget_tag_tagCloud>a.tag-color-10 {
	color:#696969
}
#widget_hotlog .public-box-main .list,#widget_newlog .public-box-main .list {
	display:flex;
	align-items:center;
	margin-top:20px
}
#widget_hotlog .public-box-main .list .img,#widget_newlog .public-box-main .list .img {
	display:block;
	width:100px;
	height:85px;
	margin-right:16px;
	flex-shrink:0;
	border-radius:var(--img-border-radius);
	overflow:hidden
}
#widget_hotlog .public-box-main .list .img img,#widget_newlog .public-box-main .list .img img {
	width:100%;
	height:100%;
	background-color:var(--color-white-f8f8f8);
	object-fit:cover
}
#widget_hotlog .public-box-main .list .title,
#widget_newlog .public-box-main .list .title {
	font-size:1em;
	font-weight:bold
}
#widget_link .public-box-main {
	display:flex;
	flex-wrap:wrap
}
#widget_link .public-box-main a {
	margin:5px;
	padding:5px 7px;
	font-size:12px;
	font-weight: 400;
	border-radius:3px;
	background-color:var(--color-white-f8f8f8);
	color:var(--color-grey-6f6f70)
}
#widget_search .public-box-main form {
	position:relative
}
#widget_search .public-box-main form .layui-input {
	height:52px;
	line-height:52px;
	border-radius:26px;
	background-color:var(--color-white-f8f8f8);
	color:var(--color-grey-6f6f70);
	border:0;
	padding:0 52px 0 20px
}
#widget_search .public-box-main form .layui-input:hover {
	border:0
}
#widget_search .public-box-main form button {
	position:absolute;
	display:block;
	width:52px;
	height:52px;
	right:0;
	top:0;
	border:0;
	background-color:unset;
	color:var(--color-black);
	font-size:16px;
	text-align:center
}
#widget_calendar #calendar .calendartop {
	letter-spacing:3px;
	width:100%;
	text-align:center;
	margin-bottom:10px
}
#widget_calendar #calendar .calendar {
	margin-bottom:-10px;
	width:100%
}
#widget_calendar #calendar .calendar tr {
	line-height:40px
}
#widget_calendar #calendar .calendar tr td {
	text-align:center;
	padding:1px 10px
}
#widget_calendar #calendar .calendar tr td.day {
	background-color:var(--color-blue);
	border-radius:10px;
	color:var(--color-white)
}
#widget_calendar #calendar .calendar tr td.day a {
	color:var(--color-white)
}
#widget_calendar #calendar .calendar tr td.day a:hover {
	color:var(--color-white)!important
}
#widget_calendar #calendar .calendar tr td.day2 a {
	font-weight:bold;
	color:var(--color-blue)
}
#widget_newcomm .public-box-main ul li {
	position:relative;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px dashed var(--color-grey)
}
#widget_newcomm .public-box-main ul li:nth-last-child(1) {
	border-bottom:0;
	margin-bottom:0
}
#widget_newcomm .public-box-main ul li .info {
	display:grid;
	grid-template-columns:1fr auto;
	align-items:center;
	margin-bottom:10px
}
#widget_newcomm .public-box-main ul li .info .user {
	display:grid;
	grid-template-columns:auto 1fr;
	align-items:center;
	font-weight:bold;
	font-size:14px
}
#widget_newcomm .public-box-main ul li .info .user i {
	display:inline-block;
	width:25px;
	height:25px;
	border-radius:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin-right:10px
}
#widget_newcomm .public-box-main ul li .info .user span {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
#widget_newcomm .public-box-main ul li .info .time {
	font-size:10px;
	color:var(--color-grey-888);
	white-space:nowrap
}
#widget_newcomm .public-box-main ul li .content {
	padding:10px;
	background:var(--color-grey);
	border-radius:6px;
	font-size:12px;
	margin-bottom:5px;
	position:relative
}
#widget_newcomm .public-box-main ul li .content:before {
	content:'';
	display:block;
	width:0;
	height:0;
	border-bottom:6px solid var(--color-grey);
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	position:absolute;
	left:7px;
	bottom:100%
}
#widget_archive .public-box-main .layui-form-select dl dd.layui-this {
	color:var(--color-blue)
}
footer {
	margin-top:30px
}
footer .link-box {
	line-height:1.5
}
footer .link-box > h4 {
	display: inline-block;
	font-weight: 400;
}
footer .link-box>span {
	font-size:14px
}
footer .link-box a {
	font-size:12px;
	margin-left:10px
}
footer .link-box > h4:nth-of-type(1) a {
	margin-left:0
}
footer .copy-box {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:30px
}
footer .copy-box>.copy {
	font-size:12px;
	line-height:2
}
footer .copy-box>.copy-links a {
	padding:0 10px;
	position:relative
}
footer .copy-box>.copy-links a:before {
	content:'';
	position:absolute;
	top:15%;
	left:0;
	width:1px;
	height:70%;
	background-color:var(--color-grey-9da0b3)
}
footer .copy-box>.copy-links a:nth-child(1):before {
	display:none
}
.markdown {
	overflow-wrap:break-word;
	text-align:justify
}
.markdown h1 {
	width:fit-content;
	font-size:1.8rem !important;
	margin-top:1em;
	margin-bottom:16px;
	font-weight:bold;
	border-bottom:1px solid #eee;
	letter-spacing:1px;
	box-sizing:border-box
}
.markdown h2 {
	width:fit-content;
	font-size:1.5rem !important;
	margin-top:1em;
	margin-bottom:16px;
	font-weight:bold;
	letter-spacing:1px;
	display:block;
	font-weight:bolder;
	position:relative;
	margin:10px 0;
	z-index:1;
	box-sizing:border-box
}
.markdown h2:after {
	position:absolute;
	content:'';
	bottom:8px;
	display:block;
	width:100%;
	height:10px;
	background-color:var(--color-yellow);
	z-index:-1
}
.markdown h3 {
	width:fit-content;
	position:relative;
	margin:10px 0;
	font-size:18px;
	display:-webkit-inline-box;
	cursor:pointer;
	z-index:16;
	font-weight:700;
	line-height:30px;
	box-sizing:border-box
}
.markdown h3:after {
	position:absolute;
	content:'';
	left:0;
	bottom:-3px;
	z-index:-1;
	width:50px;
	height:2px;
	background:var(--color-blue);
	border-radius:20px;
	transition:all .5s
}
.markdown h3:hover:after {
	width:100%;
	transition:all .5s
}
.markdown h4 {
	width:fit-content;
	font-size:16px;
	margin:10px 0;
	border-left:4px solid var(--color-blue);
	padding:0 0 0 10px;
	line-height:16px;
	box-sizing:border-box
}
.markdown h5 {
	width:100%;
	font-size:16px!important;
	font-weight:bold;
	color:#fff;
	background:#5282f7 url(./../images/h5.png) -1px -1px no-repeat;
	border:1px solid #5282f7;
	overflow:hidden;
	margin:10px 0;
	padding:10px 15px 10px 35px;
	border-radius:4px;
	box-sizing:border-box
}
.markdown h6 {
	width:100%;
	font-size:16px!important;
	font-weight:bold;
	color:#fff;
	background:#00d084 url(./../images/h6.png) -1px -1px no-repeat;
	border:1px solid #00d084;
	overflow:hidden;
	margin:10px 0;
	padding:10px 15px 10px 35px;
	border-radius:4px;
	box-sizing:border-box
}
.markdown strong {
	font-weight:bold
}
.markdown del {
	text-decoration:line-through
}
.markdown a {
	text-decoration:underline
}
.markdown blockquote {
	color:#666;
	border-left:4px solid #ddd;
	padding-left:20px;
	margin-left:0;
	font-size:14px;
	font-style:italic
}
.markdown ul {
	padding-left:2em;
	margin-bottom:16px
}
.markdown ol {
	padding-left:2em;
	margin-bottom:16px
}
.markdown li {
	font-size:15px !important;
	line-height:2;
	list-style:unset
}
.markdown hr {
	height:1px;
	border:none;
	border-top:1px solid #ddd;
	background:none
}
.markdown table {
	width:100%;
	max-width:100%;
	table-layout:fixed;
	color:var(--table-color);
	margin-bottom:18px;
	font-size:13px;
	border-top:1px solid var(--table-border-color);
	border-left:1px solid var(--table-border-color);
	border-collapse:collapse;
	border-spacing:0
}
.markdown table td,.markdown table th {
	padding:8px;
	border-bottom:1px solid var(--table-border-color);
	border-right:1px solid var(--table-border-color)
}
.markdown table thead th {
	font-weight:500;
	background-color:var(--table-border-color)
}
.markdown table tbody tr {
	transition:background 0.35s
}
.markdown img {
	display:block;
	margin:0 auto;
	box-sizing:border-box;
	border:0
}
.markdown hr {
	margin:7px 0 7px 0
}
.markdown p {
	margin:15px 0
}
.markdown .layui-collapse {
	border-color:var(--table-border-color)
}
.markdown .layui-colla-title {
	color:var(--color-black);
	background-color:var(--table-border-color);
	opacity:.7;
	transition:all .3s;
	-webkit-transition:all .3s
}
.markdown .layui-colla-content,.markdown .layui-colla-item {
	border-color:var(--table-border-color)
}
.markdown .layui-colla-content {
	color:var(--table-color)
}
.markdown .layui-tab-card,.markdown .layui-tab-card>.layui-tab-title {
	border-color:var(--table-border-color)
}
.markdown .layui-tab-card>.layui-tab-title {
	background-color:var(--table-border-color);
	margin-bottom:0
}
.markdown .layui-tab-card>.layui-tab-title li {
	color:var(--color-grey-999);
	font-size:14px!important
}
.markdown .layui-tab-card>.layui-tab-title .layui-this {
	background-color:var(--color-white);
	color:var(--main-color)
}
.markdown .layui-tab-card>.layui-tab-title .layui-this:after {
	border-color:var(--table-border-color);
	border-bottom-color:var(--color-white)
}
.markdown .layui-tab-card>.layui-tab-content {
	padding:15px
}
.swiper-scroll .swiper-slide {
	margin-right:10px
}
.swiper-scroll .swiper-slide:last-of-type {
	margin-right:0
}
.swiper-slide {
	transform:translate3d(0,0,0);
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	transition-property:transform
}
#related .swiper-slide {
	width:222.5px
}
#related .pic-box {
	text-shadow:0 0 5px rgb(0 0 0 / 20%);
	color:#fff;
	position:relative;
	overflow:hidden;
	padding:0;
	padding-bottom:70%;
	border-radius:var(--img-border-radius)
}
#related .pic-box>.fit-cover {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	-o-object-fit:cover;
	object-fit:cover
}
#related .pic-box-text {
	background-color:rgba(0,0,0,.3);
	padding:5px 10px;
	transition:.3s;
	box-sizing:border-box
}
#related .pic-box-center {
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	right:.7em;
	transform:translateY(-50%);
	z-index:1
}
#related .pic-box-center.left-bottom {
	top:auto;
	transform:unset;
	bottom:0;
	transition:all 0.35s
}
#related .pic-box-text+.pic-box-text {
	opacity:0;
	transform:translateY(100%);
	white-space:normal;
	word-break:break-all;
	transition:all 0.35s
}
#related .pic-box:hover img {
	transform:scale(1.05)
}
#related .pic-box:hover .pic-box-text {
	opacity:0;
	transform:translateY(100%)
}
#related .pic-box:hover .pic-box-text+.pic-box-text {
	opacity:1;
	transform:translateY(0)!important
}
.swiper-container {
	opacity:0;
	height:0;
	transition:all .3s
}
.opacity8 {
	opacity:.8
}
.em09 {
	font-size:.9em
}
.mt6 {
	margin-top:6px
}
.pull-right {
	float:right!important
}
.pull-right>i {
	margin-right:5px
}
.page_record .page_record_noContent {
	padding-bottom:0!important;
	border-bottom:0!important
}
.layui-timeline a {
	color:var(--color-black)!important
}
.jump {
	display:grid;
	grid-row-gap:5px;
	margin-top:5px;
	width:100%
}
.jump:nth-of-type(1) {
	margin-top:20px
}
.jump.jump-pic {
	display:grid;
	grid-row-gap:5px
}
.jump.jump-pic>a {
	display:block;
	position:relative
}
.jump.jump-pic>a:after {
	content:'广告';
	position:absolute;
	right:0;
	bottom:0;
	font-size:12px;
	color:rgba(255,255,255,.6);
	background:rgba(0,0,0,.3);
	padding:2px 10px;
	border-radius:10px 0
}
.jump.jump-pic>a>img {
	width:100%;
	height:70px;
	border-radius:10px
}
.jump.jump-pic.jump-bisection {
	grid-template-columns:repeat(2,1fr);
	grid-column-gap:5px
}
.jump.jump-pic.jump-block {
	grid-template-columns:repeat(6,1fr);
	grid-column-gap:5px
}
.jump.jump-pic.jump-block>a>img {
	height:100px
}
.jump.jump-text {
	display:grid;
	grid-template-columns:repeat(5,1fr);
	grid-column-gap:5px;
	grid-row-gap:10px;
	justify-items:center;
	align-items:center;
	padding:5px 0
}
.jump.jump-text>a {
	display:block;
	text-align:center;
	font-size:13px
}
.flowPic {
	opacity:0;
	transition:all .3s
}
#flowPic .layui-flow-more {
	margin:30px 0
}
#flowPicBox,#log_list_flowPic .main {
	margin:-10px
}
#flowPicBox>*,#log_list_flowPic .main>* {
	display:block;
	width:calc((100% - 100px) / 5);
	margin:10px;
	overflow:hidden;
	border-radius:var(--img-border-radius);
	color: #fff!important;
}
#flowPicBox>* img,#log_list_flowPic .main>* img,#neighbor ul li>a img,#related .pic-box img {
	display:block;
	width:100%;
	min-height: 170px;
	object-fit: cover;
	background-color:var(--color-grey)
}
.jump.jump-pic>a>img{
    display:block;
	width:100%;
	background-color:var(--color-grey)
}
#flowPicBox>*:hover img,#log_list_flowPic .main>*:hover img {
	transform:scale(1.05)
}
#flowPicBox>* .pic-box,#log_list_flowPic .main>* .pic-box{
    text-shadow: 0 0 5px rgb(0 0 0 / 20%);
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 0;
    padding-bottom: 70%;
    border-radius: 20px;
}
#flowPicBox>* .pic-box-text,#log_list_flowPic .main>* .pic-box-text {
    background-color: rgba(0,0,0,.3);
    padding: 5px 10px;
    box-sizing: border-box;
}
#flowPicBox>* .pic-box-center,#log_list_flowPic .main>* .pic-box-center{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    right: .7em;
    transform: translateY(-50%);
    z-index: 1;
}
#flowPicBox>* .pic-box-center.left-bottom,#log_list_flowPic .main>* .pic-box-center.left-bottom{
    top: auto;
    transform: unset;
    bottom: 0;
    transition:all 0.35s
}
#flowPicBox>* .pic-box-text+.pic-box-text,#log_list_flowPic .main>* .pic-box-text+.pic-box-text {
    opacity: 0;
    transform: translateY(100%);
    white-space: normal;
    word-break: break-all;
    transition:all 0.35s
}
#flowPicBox>*:hover img,#log_list_flowPic .main>*:hover img {
	transform:scale(1.05)
}
#flowPicBox>*:hover .pic-box-text,#log_list_flowPic .main>*:hover .pic-box-text{
    color: #fff;
	opacity:0;
	transform:translateY(100%)
}
#flowPicBox>*:hover .pic-box-text+.pic-box-text,#log_list_flowPic .main>*:hover .pic-box-text+.pic-box-text {
    color: #fff;
	opacity:1;
	transform:translateY(0)!important
}
#log_list_flowPic .main>* {
	width:calc((100% - 60px) / 3)
}
#log_list_flowPic.log_list_flowPic_col5 .main>* {
	width:calc((100% - 100px) / 5)
}
#toEver-backtop {
	display:none;
	position:fixed;
	bottom:15px;
	left:55%;
	width:59px;
	background:var(--color-white);
	text-align:center;
	line-height:53px;
	color:var(--color-black);
	height:50px;
	font-size:24px;
	border-radius:9px;
	transform:translate(625px,0%);
	cursor:pointer
}
.dropdown-comment-emoji {
	width:250px;
	height:250px;
	border-radius:5px;
	overflow:hidden
}
.dropdown-comment-emoji .emoji-box {
	padding:10px;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	display:grid;
	grid-template-columns:repeat(6,1fr);
	grid-column-gap:10px;
	grid-row-gap:10px
}
.dropdown-comment-emoji .emoji-box::-webkit-scrollbar {
	width:2px
}
.dropdown-comment-emoji .emoji-box::-webkit-scrollbar-thumb {
	background:var(--color-blue)
}
.dropdown-comment-emoji .emoji-box>a {
	display:inline-block;
	min-width:0
}
.dropdown-comment-emoji .emoji-box>a>img {
	max-width:100%;
	max-height:100%
}
.emoji-icon {
	width:30px!important
}
.dropdown-comment-code {
	width:250px;
	border-radius:5px;
	overflow:hidden;
	padding:15px
}
.dropdown-comment-code .code-box>.title {
	width:fit-content;
	font-size:14px;
	font-weight:bold;
	margin:0 0 15px;
	border-left:4px solid #5298ff;
	padding:0 0 0 10px;
	line-height:14px
}
.dropdown-comment-code .code-box>.layui-textarea {
	margin-bottom:10px
}
.dropdown-comment-code .code-box>.layui-btn {
	float:right;
	background-color:var(--color-blue)
}
#comment-delete,#comment-draw-box {
	display:none
}
#comment-draw-box {
	position:relative
}
#comment-draw-box #comment-drawing {
	background-color:var(--color-white)
}
#comment-draw-box>.weight {
	display:flex;
	align-items:center;
	position:absolute;
	top:15px;
	left:15px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
#comment-draw-box>.weight>li {
	cursor:pointer;
	margin-right:10px;
	color:var(--color-grey-9da0b3);
	transition:color 0.35s
}
#comment-draw-box>.weight>li.active {
	color:var(--color-blue)
}
#comment-draw-box>#comment-drawing-clear {
	position:absolute;
	top:15px;
	right:45px;
	font-size:18px;
	cursor:pointer;
	color:var(--color-grey-9da0b3);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
#comment-draw-box>#comment-drawing-delete {
	position:absolute;
	top:15px;
	right:15px;
	font-size:18px;
	cursor:pointer;
	color:var(--color-grey-9da0b3);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
#comment-draw-box>#comment-drawing-animation {
	position:absolute;
	bottom:15px;
	right:15px;
	font-size:18px;
	cursor:pointer;
	color:var(--color-grey-9da0b3);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
#comment-draw-box>#comment-drawing-color {
	position:absolute;
	bottom:15px;
	left:15px
}
#comment-draw-box>#comment-drawing-color.layui-inline {
	margin:0
}
.layui-colorpicker-main-input .layui-btn-container .layui-btn[colorpicker-events=clear] {
	display:none
}
.toEver-user-login {
	border-radius:30px;
	overflow:hidden
}
.toEver-user-login .layui-layer-content {
	height:auto!important;
	background-color:var(--user-bg-white);
	padding:30px;
	box-sizing:border-box
}
.toEver-user-login .layui-layer-content .title {
	text-align:center;
	margin-bottom:30px
}
.toEver-user-login .layui-layer-content .title h1 {
	margin-bottom:10px;
	color:var(--user-color-black);
	font-size:40px;
	word-break:break-word
}
.toEver-user-login .layui-layer-content .title span {
	color:var(--user-color-gray)
}
.toEver-user-login .layui-layer-content .layui-form-item {
	position:relative;
	margin-bottom:20px
}
.toEver-user-login .layui-layer-content .layui-form-item .layui-input {
	height:50px;
	border-radius:10px;
	font-size:16px;
	padding:0 15px;
	color:var(--user-color-gray);
	background-color:var(--user-bg-white);
	border-color:var(--user-border-gray)!important
}
.toEver-user-login .layui-layer-content .layui-form-item .layui-input:hover {
	border-color:var(--user-border-gray)!important
}
.toEver-user-login .layui-layer-content .layui-form-item .layui-input:focus {
	border-color:var(--user-bg-blue)!important;
	color:var(--user-color-black)
}
.toEver-user-login .layui-layer-content .layui-form-item em {
	position:absolute;
	left:12px;
	top:-8px;
	font-size:15px;
	color:var(--user-color-gray);
	display:block;
	line-height:1;
	padding:0 7px;
	background-color:var(--user-bg-white);
	transition:all .3s;
	-webkit-transition:all .3s;
	font-style:unset;
	user-select:none
}
.toEver-user-login .layui-layer-content .layui-form-item .layui-input:focus ~ em {
	color:var(--user-bg-blue)!important
}
.toEver-user-login .layui-layer-content .layui-form-item i {
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:18px;
	color:var(--user-color-black)
}
.toEver-user-login .layui-layer-content .layui-form-item i:hover {
	color:var(--user-color-black)
}
.toEver-user-login .layui-layer-content .layui-form-item.password .layui-input {
	padding:0 50px 0 15px!important
}
.toEver-user-login .layui-layer-content .layui-form-item.login_code {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.toEver-user-login .layui-layer-content .layui-form-item.login_code .layui-input {
	width:calc(100% - 105px)
}
.toEver-user-login .layui-layer-content .layui-form-item.login_code img {
	margin-left:auto
}
.toEver-user-login .layui-layer-content .layui-form-item.other {
	display:flex;
	justify-content:space-between
}
.toEver-user-login .layui-layer-content .layui-form-item.other span {
	color:var(--user-color-black)
}
.toEver-user-login .layui-layer-content .layui-form-item.other span:nth-last-child(1) {
	margin-left:auto
}
.toEver-user-login .layui-layer-content .layui-form-item.other a {
	color:var(--user-bg-blue)
}
.toEver-user-login .layui-layer-content .layui-form-item.submit {
	margin-bottom:0
}
.toEver-user-login .layui-layer-content .layui-form-item.submit .layui-btn {
	width:100%;
	height:50px;
	line-height:50px;
	border-radius:10px;
	font-size:16px;
	background-color:var(--user-bg-blue)
}
@media screen and (max-width:1360px) {
	.public-hide {
	display:block!important
}
.public-show {
	display:none!important
}
#toEver {
	width:calc(100% - 30px)
}
header {
	grid-template-columns:200px 1fr
}
header .logo {
	margin-right:0
}
header .other {
	display:flex!important;
	justify-content:flex-end
}
header nav {
	position:fixed
}
#flowPicBox>* {
	width:calc((100% - 80px) / 4)
}
#log_list_flowPic.log_list_flowPic_col5 .main>* {
	width:calc((100% - 80px) / 4)
}
}
@media screen and (max-width:1200px) {
aside {
	display:none
}
}
@media screen and (max-width:992px) {
	.public-hide992 {
	display:block!important
}
.public-show992 {
	display:none!important
}
container {
	grid-template-columns:100%
}
container main {
	width:100%
}
.downloadZone .changeMain ul li {
	width:calc(100% / 3);
	height:unset;
	flex-direction:column
}
.downloadZone .changeMain ul li .other {
	width:100%;
	text-align:center;
	padding:10px 20px 20px
}
.downloadZone .changeMain ul li .other p {
	display:block;
	height:auto;
	margin-top:5px
}
footer .copy-box {
	flex-direction:column
}
footer .copy-box>.copy {
	text-align:center
}
.jump.jump-pic>a:after {
	border-radius:6px 0
}
.jump.jump-pic>a>img {
	height:50px;
	border-radius:6px
}
.jump.jump-pic.jump-block {
	grid-template-columns:repeat(3,1fr)
}
.jump.jump-pic.jump-block>a>img {
	height:60px
}
#flowPicBox>* {
	width:calc((100% - 60px) / 3)
}
#log_list_flowPic.log_list_flowPic_col5 .main>* {
	width:calc((100% - 60px) / 3)
}
#log_list_downLoad ul {
	grid-template-columns:repeat(2,1fr)
}
.imageZone .changeMain ul{
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 180px);
	grid-template-areas:
        "grid1 grid1 grid1"
        "grid2 grid3 grid4"
		"grid5 grid5 grid6";
}
}@media screen and (max-width:768px) {
	body {
	background-color:var(--color-white)
}
.public-box {
	border-radius:18px;
	padding:20px
}
#toEver {
	width:100%;
	margin:0;
	padding:15px
}
#carousel.layui-carousel,#carousel.layui-carousel>[carousel-item]>*>a img {
	border-radius:18px
}
#newlist ul {
	grid-template-columns:1fr
}
#newlist ul li {
	background-color:unset;
	padding:5px 0
}
.articleZone .changeMain .article {
	grid-template-columns:1fr
}
#log_list ul li .cover {
	height:140px!important
}
.layui-layer-loginBox {
	max-width:95%!important
}
#carousel_index_list {
	height:250px!important
}
#neighbor ul li>a {
	height:100px
}
#neighbor ul li>a h5 {
	line-height:160px;
	font-size:16px
}
.log_list_listStyle ul li .tips,.log_list_listStyle ul li .ad {
	border-radius:0 18px 0 18px
}
#flowPicBox>*,#log_list_flowPic .main>* {
	width:calc((100% - 40px) / 2)
}
#log_list_flowPic.log_list_flowPic_col5 .main>* {
	width:calc((100% - 40px) / 2)
}
#related .related-container.image-text{
	grid-template-columns: 1fr;
}
#related .related-container.image-text > li > a > img {
    width: 120px;
    min-width: 120px;
    height: 70px;
}
#related .related-container.image-text > li > a > .image-text-right > h3 {
    -webkit-line-clamp: 2;
}
.public-box-2{
    grid-template-columns: 1fr;
}
.public-box-2 > *{
    margin-top: 30px;
}
.public-box-2 > *:first-child{
    margin-top: 0;
}
}@media screen and (max-width:568px) {
	header {
	grid-template-columns:auto 1fr
}
header .logo>img {
	width:35px;
	height:35px
}
header .logo>span h1 {
	font-size:16px
}
header .other a {
	width:30px;
	font-size:18px
}
#log_list ul {
	grid-template-columns:repeat(2,1fr);
	grid-column-gap:20px;
	grid-row-gap:20px
}
#log_list ul li .cover {
	height:130px!important
}
#log_list ul li .description {
	font-size:12px
}
.page {
	justify-content:center
}
.page .page-list>span,.page .page-list>a {
	padding:0 12px;
	font-size:14px;
	margin-right:0
}
.page .page-list {
	flex:none
}
.page .page-total {
	display:none
}
#echoLog>.header>.meta {
	flex-wrap:wrap;
	margin:20px 0
}
#echoLog>.header>.meta>.tags {
	overflow-x:auto;
	text-overflow:unset
}
#echoLog>.header>.title {
	font-size:24px
}
#echoLog>.content {
	text-align:left
}
#echoForm {
	display:none
}
.list-box .list .list-cover .list-prev-text,.list-box .list .list-cover .list-next-text {
	padding:4px 8px;
	font-size:14px
}
.list-box .list .list-cover .list-prev-text>i,.list-box .list .list-cover .list-next-text>i {
	font-size:14px
}
#carousel_index_list {
	height:200px!important
}
.log_list_listStyle ul li .cover,.log_list_listStyle ul li .info {
	height:75px
}
.log_list_listStyle ul li .cover {
	width:90px
}
.log_list_listStyle ul li .cover .sort {
	display:none
}
.log_list_listStyle ul li .info h1 {
	font-size:16px
}
.log_list_listStyle ul li .info .description,.log_list_listStyle ul li .info .tag {
	display:none
}
.log_list_listStyle ul li .info .other {
	white-space:nowrap;
	overflow:auto;
	font-size:12px
}
.log_list_listStyle ul li .tips,.log_list_listStyle ul li .ad {
	padding:1px 10px;
	font-size:12px
}
#log_list_downLoad ul {
	grid-template-columns:repeat(1,1fr)
}
#comments #comment-post {
	padding-left:0
}
#comments #comment-post .comment-avatar {
	display:none
}
#comments #comment-list .list,#comments #comment-list .comment-list .comment-list-children {
	padding-left:50px
}
#comments #comment-post .comment-avatar img,#comments #comment-list .list .avatar img {
	width:30px;
	height:30px
}
}@media screen and (max-width:400px) {
	.downloadZone .changeMain ul li {
	width:calc(100% / 2)
}
#log_list ul li .cover {
	height:100px!important
}
#echoLog>.header>.meta>.tags {
	margin-top:10px
}
.submit-friendLinks-layer,
.toEver-user-login {
	top:15%!important;
	width:calc(100% - 20px)!important
}
.toEver-user-login .layui-layer-content{
	padding: 30px 20px;
}
.jump.jump-pic.jump-block>a>img {
	height:50px
}
}@media screen and (max-width:350px) {
	#flowPicBox>*,#log_list_flowPic .main>* {
	width:calc(100% - 20px)
}
#log_list_flowPic.log_list_flowPic_col5 .main>* {
	width:calc(100% - 20px)
}
}:root body.dark {
	--background-color-1:#292a2d;
	--background-color-2:#323335;
	--background-color-3:#88888829;
	--background-color-4:#444;
	--color-1:#e5eff7;
	--color-2:#999;
	--border-color-1:rgba(0,0,0,.15);
	--body-background:var(--background-color-1);
	--body-color:#e5eff7;
	--color-white:var(--background-color-2);
	--color-white-fbfcfe:var(--background-color-3);
	--color-white-f8f8f8:var(--background-color-3);
	--color-white-f1f1f1:var(--color-grey-888);
	--color-black:#e5eff7;
	--color-log-other-font:#636469;
	--color-log-other-border:rgba(114,114,114,0.1);
	--main-shadow:rgba(24,24,24,0.1);
	--main-color:#e5eef7;
	--table-border-color:#414243;
	--table-color:#777;
	--user-bg-gray:#212121;
	--user-bg-white:#414243;
	--user-color-black:#b2bac2;
	--user-border-gray:rgba(114,114,114,0.5)
}
body.dark .layui-breadcrumb a,body.dark .layui-breadcrumb a cite,body.dark .layui-breadcrumb span[lay-separator] {
	color:var(--color-1)!important
}
body.dark .public-box {
	background-color:var(--background-color-3)!important
}
body.dark .public-box-2 .public-box{
    background-color: unset!important;
}
body.dark #newlist ul li .other a,body.dark #log_list_downLoad ul li .info>.other>a,body.dark .downloadZone .changeMain ul li .other p>a,body.dark .articleZone .changeMain .article li .other a {
	color:var(--color-2)!important
}
body.dark #newlist ul li .other a:hover,body.dark #log_list_downLoad ul li .info>.other>a:hover,body.dark .downloadZone .changeMain ul li .other p>a:hover,body.dark .articleZone .changeMain .article li .other a:hover {
	color:var(--color-1)!important
}
body.dark #newlist .page .layui-btn {
	border-color:var(--border-color-1);
	background-color:var(--background-color-3);
	color:var(--color-2)
}
body.dark #newlist .page .layui-btn.disabled,body.dark #newlist .page .layui-btn:hover {
	color:var(--color-grey)
}
body.dark .public-box-2 .page .layui-btn {
	border-color:var(--border-color-1);
	background-color:var(--background-color-3);
	color:var(--color-2)
}
body.dark .public-box-2 .page .layui-btn.disabled,body.dark .public-box-2 .page .layui-btn:hover {
	color:var(--color-grey)
}
body.dark header form .layui-input {
	background-color:var(--color-white-f8f8f8);
	color:var(--color-black)
}
body.dark header form button {
	color:var(--color-1)
}
body.dark .layui-nav-child {
	background-color:var(--background-color-1);
	border-color:var(--background-color-3)
}
body.dark .layui-nav .layui-nav-child a:hover {
	background-color:var(--background-color-1)
}
body.dark #comments #comment-post .comment-body .comment-textarea {
	background-color:var(--background-color-3)
}
body.dark #comments #comment-post .comment-body .comment-input .layui-input-group .layui-input-prefix {
	background-color:var(--background-color-3);
	border-color:var(--border-color-1);
	color:var(--color-2)
}
body.dark #comments #comment-post .comment-body .comment-input .comment-input-box .layui-input-wrap .layui-input {
	background-color:var(--background-color-3);
	border-color:var(--border-color-1);
	color:var(--color-1)
}
body.dark .layui-input,body.dark .layui-select,body.dark .layui-textarea,body.dark .layui-colorpicker-main {
	background-color:var(--background-color-2);
	border-color:var(--border-color-1)!important;
	color:var(--color-1)
}
body.dark .layui-input:hover,body.dark .layui-textarea:hover {
	border-color:var(--background-color-3)!important
}
body.dark .layui-input:focus,body.dark .layui-textarea:focus {
	border-color:var(--color-blue)!important
}
body.dark .dropdown-comment-emoji,body.dark .dropdown-comment-code {
	background-color:var(--background-color-4);
	border-color:var(--border-color-1)
}
body.dark .layui-form-select dl {
	background-color:var(--background-color-2);
	border-color:var(--border-color-1);
	color:var(--color-1)
}
body.dark .layui-form-select dl dd.layui-this,body.dark .layui-form-select dl dd:hover {
	background-color:var(--background-color-3)
}
body.dark .layui-colorpicker {
	border-color:var(--color-2)
}
body.dark .layui-colorpicker-trigger-span {
	border-color:var(--color-transparent)
}
body.dark .layui-colorpicker-trigger-i {
	color:var(--color-2)
}
body.dark .layui-layer {
	background-color:var(--background-color-1)
}
body.dark .layui-layer-title {
	color:var(--color-1);
	border-color:var(--background-color-3)
}
body.dark .layui-layer-setwin span {
	color:var(--color-2)
}
body.dark #widget_calendar #calendar .calendar tr td.day {
	color:var(--color-1)
}
body.dark #widget_newcomm .public-box-main ul li .content {
	background-color:var(--background-color-2)
}
body.dark #widget_newcomm .public-box-main ul li .content a,body.dark #widget_hotlog .public-box-main .list a,body.dark #widget_newlog .public-box-main .list a {
	color:var(--color-1)
}
body.dark #widget_newcomm .public-box-main ul li .content:before {
	border-bottom-color:var(--background-color-2)
}
body.dark #widget_tag .public-box-main#widget_tag_default>a,body.dark #widget_link .public-box-main a {
	background-color:var(--background-color-2);
	color:var(--color-2)
}
body.dark #widget_newcomm .public-box-main ul li {
	border-bottom-color:var(--background-color-2)
}
body.dark #widget_search .public-box-main form .layui-input {
	background-color:var(--background-color-2);
	color:var(--color-2)
}
body.dark #log_list_downLoad ul li {
	background-color:var(--background-color-3)
}
body.dark .page .page-list>span,body.dark .page .page-list>a,body.dark .page .page-list>em {
	background-color:var(--background-color-3)
}
body.dark .page .page-list>span {
	background-color:var(--color-blue);
	color:var(--color-1)
}
body.dark .layui-fixbar li {
	background-color:#555;
	color:var(--color-2)
}
body.dark #comments #comment-post .comment-body .comment-textarea .comment-textarea-toobar>.left>a,body.dark #comments #comment-post .comment-body .comment-textarea .comment-textarea-toobar>.right>a {
	color:var(--color-2)
}
body.dark #comments #comment-list .list .info .content {
	background-color:var(--background-color-3)
}
body.dark .dropdown-comment-code .code-box>.title {
	color:var(--color-1)
}
body.dark .log_list_listStyle ul li .tips,body.dark .log_list_listStyle ul li .ad,body.dark #neighbor ul li>a .prev-text,body.dark #neighbor ul li>a .next-text,body.dark #neighbor ul li>a h5,body.dark .articleZone .changeMain .images li a span,body.dark #log_list ul li .tips,body.dark #log_list ul li .ad {
	color:var(--color-1)
}
body.dark footer .link-box>span,body.dark footer .link-box>a,body.dark footer .copy-box>.copy,body.dark footer .copy-box>.copy * {
	color:var(--color-2)!important
}
body.dark .submit-friendLinks-layer .layui-input-split,body.dark .submit-friendLinks-layer .layui-input {
	border-color:var(--background-color-3)!important
}
body.dark .submit-friendLinks-layer .layui-input-split {
	color:var(--color-2)
}
body.dark .submit-friendLinks-layer .layui-layer-btn1 {
	background-color:var(--background-color-3);
	border-color:var(--background-color-3);
	color:var(--color-2)
}
body.dark .pmd-search-layer .layui-layer-content form .layui-input {
	border-color:var(--background-color-3)!important
}
body.dark .pmd-search-layer .layui-layer-content form button {
	color:var(--color-1)
}
body.dark .markdown h1 {
	border-color:var(--background-color-3)
}
body.dark .layui-flow-more a cite {
	background-color:var(--background-color-3);
	color:var(--color-2)
}
body.dark .layui-dropdown.layui-panel,body.dark .layui-dropdown.layui-panel .layui-menu-body-panel {
	border-color:var(--background-color-3)
}
body.dark .layui-dropdown.layui-panel,body.dark .layui-dropdown.layui-panel .layui-menu,body.dark .layui-dropdown.layui-panel .layui-menu-body-panel {
	background-color:var(--background-color-1)
}
body.dark .layui-dropdown.layui-panel .layui-menu li:hover {
	background-color:var(--background-color-3)
}
body.dark .layui-dropdown.layui-panel * {
	color:var(--color-1)
}
body.dark #flowPicBox>* img,body.dark #log_list_flowPic .main>* img,body.dark #neighbor ul li>a img,body.dark #related .pic-box img,body.dark .jump.jump-pic>a>img {
	background-color:var(--background-color-3)
}
body.dark .layui-timeline .layui-timeline-item:before {
	background-color:var(--color-2)
}
body.dark .layui-timeline .layui-timeline-axis {
	background-color:var(--color-2);
	color:var(--color-1)
}
body.dark .layui-timeline .layui-text h3 {
	color:var(--color-2)
}
body.dark .pmd-search-layer .layui-layer-content .layui-elem-field{
	border-color: var(--background-color-4);
}