*, *:after, *:before {
  box-sizing: border-box;
}

body {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #656D78;
	background-color: #f7f7f7;          
}




/**  头部 **/

.logo-2 {
  width: auto;
  height: 24px;
}

.bg-dark {
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.navbar-dark .navbar-brand {
  color: #1a1d20;
}

.navbar-dark .navbar-toggler {
	color: rgba(181,179,179,0.50);
	border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
	background-image: url(../img/menu.svg);
}


.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: 10px;
  padding-right: 10px;
}

.navbar-dark .navbar-nav .nav-link {
  color: #1a1d20;
}

.card-header-tabs > .nav-item > .nav-link:hover:not(.active) {
    border: 1px solid rgba(255,255,255,0);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: #31C177;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
  color: #31C177 !important;
}

/**  头部 end **/



.navbar{
	margin-top:0px;}

.post-lists{position:relative;display:block;overflow:hidden}
.post-lists-body{display:block}
.post-list-item{
	float: left;
	width: 49%;
	align-items: center;
	margin-top:0.5%;
	margin-right: 0.5%;
	margin-bottom:0.5%;
	margin-left: 0.5%;
	background:#FFFFFF;		
}

.post-list-item1{
	float: left;
	width: 100%;
	align-items: center;
	margin-top:0.5%;
	margin-right: 0.5%;
	margin-bottom:0.5%;
	margin-left: 0.5%;
	background:#FFFFFF;	
}

.checkboxtext{
	height: 45px;
	text-align: left;
	overflow: hidden;
	word-break: break-all;
	line-height:11px;
	font-size:14px;
}
.post-list-item-container{position:relative;overflow:hidden;width:100%;padding:0;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.04);box-shadow:0 1px 3px rgba(0,0,0,.04)}
.post-list-item-container:hover{-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.1);box-shadow:2px 2px 4px rgba(0,0,0,.1)}
.post-list-item-container .item-thumb{position:relative;display:inherit;min-height:200px;max-height:200px;-webkit-transition:-webkit-transform .5s ease,filter .5s ease;-moz-transition:-moz-transform .5s ease,filter .5s ease;transition:transform .5s ease,filter .5s ease;background-position:50% 50%;background-size:cover; }


.post-list-item-container .item-thumb .textshow{width: 100%; height: 100%; padding:5px; overflow: hidden; word-break: break-all;}
.post-list-item-container .item-thumb img {width:100%; align: middle}


.post-list-item-container .item-desc{position:absolute;top:0;overflow:hidden;width:100%;height:100%;padding:0px 0px;vertical-align:middle;}
.post-list-item-container .item-desc img{position:relative;align:middle;display:block;overflow:hidden;width:100%!important;height:auto;padding:0px 0px;border-radius: 5px; }
.post-list-item-container:hover .item-thumb{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-webkit-filter:blur(3px);-moz-filter:blur(3px);filter:blur(3px)}

.post-list-item-container:hover .item-desc p{-webkit-animation:fade-in .5s;animation:fade-in;animation-duration:.5s;opacity:1}
.post-list-item-container:hover .item-desc img{height:100%; width:auto;z-index:999;}
.post-list-item-container .item-slant{
	right: 0;	
	left: 0;
	width: 110%;
	min-height: 15px;
	-webkit-transform: rotate(0deg) translate(-10px,0);
	-ms-transform: rotate(0deg) translate(-10px,0);
	transform: rotate(0deg) translate(-10px,0);
	background-color: #fff;
	font-size: 14px;
	margin-right: auto;
	margin-left: 2%;
	align-content:center;
}

.post-list-item-container .item-slant.reverse-slant{
	-webkit-transform: rotate(-10deg) translate(10px,-10px);
	-ms-transform: rotate(-10deg) translate(10px,-10px);
	transform: rotate(-10deg) translate(5px,-5px);
	opacity: 0.4;
	background-color: rgba(77,77,77,0.97);
	-webkit-box-shadow: none;
	box-shadow: none
}
.post-list-item-container .item-label{
	position: relative;
	height: 65px;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
	background-color: #fff;
}
.post-list-item .item-title{
	height: 40px;
	overflow: hidden;
	text-align: left;
	vertical-align: middle;
	word-break: break-all;
	margin-top: 0px;
	text-indent: 13px;
	float: left;
}


.post-list-item .item-title a{
	word-break: break-all;
	color: #313131;
	font-size: large;
	font-weight: bold;
	line-height: 15pt;
}

.post-list-item-container .item-label .item-meta{
	position: absolute;
	right: 0;
	bottom: 2px;
	width: 100%;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	font-size: 14px;
}
.post-list-item-container .item-label .item-meta .item-meta-cat a{font-size:14px;position:relative;float:right;margin-right:10px;padding:10px 0;text-align:right;text-transform:none;color:#5f5f5f}
.post-list-item-container .item-label .item-meta .item-meta-date{font-size:14px;position:relative;float:left;padding-top:9px;padding-left:5px;text-align:right;text-transform:none;color:#5f5f5f}
.post-list-item-container .item-label .item-meta .item-meta-ico{display:inline-block;float:right;width:32px;height:32px;border:1px solid #eaeaea;border-radius:50%;}

.post-list-tex {width: 55%;height: 150px;padding: 10px; position:absolute; right:0 ; top: 0;}
.post-list-img {width: 50%;height: 150px;padding: 10px; position:relative }
.post-list-img .imgbox{width: 100%;height: 100%;overflow: hidden;border-radius: 3px;}
.post-list-img img {width: 100%;height: auto;}
.Category .item-label{width:100%;}
.onelist-page{max-width:100%;margin:0;padding:70px 0 0}
.post-onelist-item{display:inline-block;width:100%;margin:0}
.post-onelist-item:nth-child(n){background-color:#f7f7f7}
.post-onelist-item:nth-child(2n){background-color:#fff}
.post-onelist-item-container{position:relative;max-width:680px;margin:0 auto;padding:70px 20px 65px}
.post-onelist-item-container .onelist-item-thumb{min-height:260px;border-radius:5px;background-position:50% 50%;background-size:cover;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.04);box-shadow:0 1px 4px rgba(0,0,0,.04)}
.post-onelist-item-container .onelist-item-thumb:hover{-webkit-box-shadow:2px 3px 4px rgba(0,0,0,.1);box-shadow:2px 3px 4px rgba(0,0,0,.1)}
.post-onelist-item-container .item-title{display:block;margin:30px 0 0;text-align:center; }
.post-onelist-item-container .item-title a{font-size:21px;line-height:17px;color:#313131}
.post-onelist-item-container .item-content{padding:0 30px 10px;text-align:center;word-break:break-all}
.post-onelist-item-container .item-meta,.post-onelist-item-container .item-readmore{font-size:14px;text-align:center;color:#5f5f5f}
.post-onelist-item-container .item-meta a{color:#5f5f5f}
.post-onelist-item-container .item-readmore a{padding:8px 20px;color:#5f5f5f;border:1px solid #5f5f5f;border-radius:20px}
.post-onelist-item-container .item-meta-hr{display:block;width:55px;height:2px;margin:20px auto 0}
.post-header-thumb{position:relative;width:100%;height:300px;margin-top:70px}
.post-header-thumb-op{position:absolute;width:100%;width:100%;height:300px;background-position:center;background-size:cover;-webkit-filter:blur(4px);-moz-filter:blur(4px);filter:blur(4px)}
.post-header-thumb-cover{position:relative;width:100%;height:300px;margin-top:70px;background-color:rgba(0,0,0,.5);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3)}
.post-header-thumb-container{position:relative;top:100px;max-width:700px;margin:0 auto;padding:30px 25px 20px;-webkit-animation:fade-in .5s;animation:fade-in;animation-duration:.5s}
.post-header-thumb-title{font-size:21px;font-weight:500;color:#fff}
.post-header-thumb-meta{color:#fff}
.post-header-thumb-meta a{color:#fff}
.post-header-thumb-container .post-tags{border-bottom:none}
.post-header-thumb-container .post-tags a:hover{color:#5f5f5f;border:1px solid #f7f7f7;outline-style:none;background:#f7f7f7}
.page-page{max-width:800px;padding:90px 25px 20px}
.post-content p,.post-content div{font-size:16px;word-wrap:break-word;word-break:break-word;line-height:30px;margin: 20px 0;}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-weight:500;position:relative;margin:20px 0}
.post-content h1::before,.post-content h2::before,.post-content h3::before,.post-content h4::before,.post-content h5::before,.post-content h6::before{font-weight:600;position:absolute;top:0;left:-15px;content:'#';color:#eb5055}
.post-content pre{overflow-x:auto;margin:20px 0;border-radius:4px;background:#f7f7f7;text-shadow:none}
.post-content pre code{line-height:20px;margin:0;padding:1.3em;color:#313131;background-color:#f7f7f7}
.post-content p a{color:#313131;border-bottom:1px solid #ccc}
.post-content p a:hover{color:#eb5055;border-bottom:1px solid #eb5055}
.post-content img{position:relative;display:block;overflow:hidden;max-width:100%!important;height:auto;margin:0 auto;border-radius: 5px;}
.post-content p img{position:relative;display:block;overflow:hidden;max-width:100%;height:auto;margin:20px auto}
.post-content input.text{display:inline-block;padding:5px 10px;color:#5f5f5f;border:1px solid #5f5f5f;border-radius:3px;outline:0;background-color:#fff}
.post-content input.submit{display:inline-block;padding:5px 15px;color:#fff;border:1px solid #5f5f5f;border-radius:3px;outline:0;background-color:#5f5f5f}
.post-content .flinks{padding:0}
.post-content .flinks li{display:inline-block;overflow:hidden;width:32%;white-space:nowrap;text-overflow:ellipsis}
.post-page .post-header{display:none}
.post-page .post-content .post-tags{display:none}
.post-title{font-size:21px}
.post-data,.post-data a{font-size:14px;color:#5f5f5f}
.post-tags{margin-bottom: 20px;padding:5px 0 15px;border-bottom:1px solid #e0e0e0}
.post-tags a{font-size:13px;font-weight:600;display:inline-block;margin:4px 8px 0 0;padding:0 15px;-webkit-transition-duration:.4s;transition-duration:.4s;letter-spacing:0}
.post-tags a:nth-child(1n){color:#fff;border:1px solid #6fa3ef;border-radius:15px;background:#6fa3ef}
.post-tags a:nth-child(2n){color:#fff;border:1px solid #ff9800;border-radius:15px;background:#ff9800}
.post-tags a:nth-child(3n){color:#fff;border:1px solid #46c47c;border-radius:15px;background:#46c47c}
.post-tags a:nth-child(4n){color:#fff;border:1px solid #f9bb3c;border-radius:15px;background:#f9bb3c}
.post-tags a:nth-child(5n){color:#fff;border:1px solid #bc99c4;border-radius:15px;background:#bc99c4}
.post-tags a:nth-child(6n){color:#fff;border:1px solid #e8583d;border-radius:15px;background:#e8583d}
.post-tags a::before{content:'# '}
.post-content .post-tags a:hover{color:#5f5f5f;border:1px solid #f7f7f7;outline-style:none;background:#e3e3e3}
.post-info{overflow:hidden;margin:25px 0;padding:25px 20px 20px;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #e0e0e0}
.post-list-item,.post-header,.post-tags,.post-content,.post-info,.main-content .lookme{-webkit-animation:fade-in .5s;animation:fade-in;animation-duration:.5s}
.post-share{position:absolute;top: 130px;left: -130px;z-index:9;}

.post-list-item:hover{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1.03);transform:scale(1.03)}
.post-list-item1:hover{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1.03);transform:scale(1.03)}


.post-list-item-container .item-label.bg-blue .item-title a{color:#fff}
.post-list-item-container .item-label.bg-purple .item-title a{color:#fff}
.post-list-item-container .item-label.bg-green .item-title a{color:#fff}
.post-list-item-container .item-label.bg-yellow .item-title a{color:#fff}
.post-list-item-container .item-label.bg-red .item-title a{color:#fff}
.post-list-item-container .item-label.bg-orange .item-title a{color:#fff}
.post-list-item-container .item-label.bg-blue .item-meta .item-meta-date{color:#5f5f5f}
.post-list-item-container .item-label.bg-purple .item-meta .item-meta-date{color:#5f5f5f}
.post-list-item-container .item-label.bg-green .item-meta .item-meta-date{color:#5f5f5f}
.post-list-item-container .item-label.bg-yellow .item-meta .item-meta-date{color:#5f5f5f}
.post-list-item-container .item-label.bg-red .item-meta .item-meta-date{color:#5f5f5f}
.post-list-item-container .item-label.bg-orange .item-meta .item-meta-date{color:#5f5f5f}
.post-header-thumb{height:220px}
.post-header-thumb-op{height:220px}
.post-header-thumb-cover{height:220px}
.post-header-thumb-container{top:40px}
.post-page{padding:20px 25px 0}
.search-page .search-tags{padding:0 0 15px}
.search-page .search-tags p{margin:0}
.related-post-lists{padding-top:15px}
.post-onelist-item-container{padding:20px 20px 25px}
.post-onelist-item-container .onelist-item-thumb{min-height:240px}}@media(max-width:650px){.navbar-menu{display:none}
.post-bottom-bar .social-share{display:none}
.post-page{padding:90px 25px 0}
.post-onelist-item-container .onelist-item-thumb{min-height:220px}
.post-header-thumb{display:none}
.post-page .post-header{display:inherit}
.post-page .post-content .post-tags{display:inherit}}@media(max-width:580px){.navbar-search form{width:150px}
.post-list-item{width:100%;padding:10px 20px}
.post-list-item:first-child{
	padding-top: 20px;
	z-index: 1;
}
.post-onelist-item-container{padding:20px 20px 25px}
.post-onelist-item-container .item-content{display:none}
.post-onelist-item-container .item-readmore{display:none}
.post-onelist-item-container .onelist-item-thumb{min-height:180px}}@media(max-width:410px){.meta-copyright-info .info-logo{display:none}}@-webkit-keyframes unpinned{0%{-webkit-transform:translateY(0)}
  
