.caption-wraper {
	position:absolute;
	bottom:.1em;
	left:0
}
.caption-wraper .caption {
	position:relative;
	background-color:rgba(0, 0, 0, .54);
	color:#fff;
	width:151px;
	text-align:center;
	overflow:hidden;
	height:17px;
	font-size:12px;
	margin-bottom:-2px
}
.tc-gridbox {
	margin:0;
	margin-bottom:1rem
}
@media(max-width:767px) {
.swiper-container {
overflow:hidden;
position:relative;
width:100%;
height:auto;
float:left;
margin-right:10px
}
.swiper-slide {
width:100%;
height:auto;
text-align:center;
font-size:18px;
background:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center
}
.swiper-slide img {
width:100%;
height:208px;
text-align:center;
font-size:18px;
background:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center
}
.caption-wraper {
left:0;
bottom:.4em
}
.caption-wraper .caption {
left:0;
padding:.2em .4em;
font-size:.92em;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
border-radius:0
}
.bannerpic {
display:none!important
}
.leftpic {
width:100%;
left:0;
right:0;
bottom:0;
top:0;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border-radius:2px;
overflow:hidden;
margin-right:25px;
float:left;
height:150px;
position:relative;
margin-bottom:10px
}
}
@media(min-width:767px) {
.swiper-container {
overflow:hidden;
position:relative;
width:500px;
height:208px;
float:left;
margin-right:10px
}
.swiper-slide {
width:500px;
height:208px;
text-align:center;
font-size:18px;
background:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center
}
.swiper-slide img {
width:100%;
overflow:auto;
position:absolute;
left:0;
top:0;
right:0;
bottom:0
}
.bannerpic {
position:relative;
float:left;
width:13.3%;
height:100px;
margin:0 5px 5px 0;
overflow:hidden;
border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
-moz-border-radius:4px;
cursor:pointer
}
.bannerpic img {
width:100%;
overflow:auto;
position:absolute;
left:0;
top:0;
right:0;
bottom:0
}
.post_title {
position:absolute;
top:75px;
right:0;
left:0;
height:30px;
line-height:20px;
font-size:12px;
padding:10px 5px;
overflow:hidden;
transition:top .1s ease-in-out;
background:linear-gradient(transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 35%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .9))
}
}
.swiper-button-prev, .swiper-button-next {
	background-color:#000;
	opacity:.5;
	border-radius:50%;
	height:30px;
	width:30px
}
.sousuo label {
	float: left;
	font-size:15px;
	text-align:center;
	font-weight:400;
	margin-bottom:0;
	padding:2px 0;
	word-break:keep-all;
	cursor: auto;
transition:.3s
}
.s-type-list {
	position:relative!important;
	display:inline-table;
	overflow:auto;
	white-space:nowrap;
	text-align:center;
	position:inherit;
	top:inherit;
	padding:inherit;
	width:auto;
	background:0 0!important;
	border-radius:inherit;
	box-shadow:none!important;
	min-width:75px
}
.s-type .s-type-list .s-active {
	background:rgba(0, 0, 0, .749)
}
.s-type-list .span {
	margin-left:5px;
	position:relative;
	width:70px;
	height:27px;
	text-align:center;
	line-height:27px;
	background:rgba(0, 0, 0, .349);
	border-radius:3px;
	color:#fff
}
.s-type {
	position:inherit;
	top:inherit;
	left:inherit;
	z-index:inherit;
	width:auto;
	width:450px;
	position:relative;
	margin:0 auto
}
.search-small, .darkmode {
	float:right;
	margin-left:15px;
	position:relative;
	width:20px
}
.search-small i.fa, .darkmode i.fa {
	color:#6b7386;
	line-height:58px;
	opacity:.7;
	font-size:18px;
	padding-left:10px;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
	cursor:pointer;
	display:block;
	width:28px
}
@media(max-width:960px) {
.search-small, .darkmode {
right:25px
}
.s-type {
width:auto
}
.sousuo {
padding:10px 0 50px;
margin-top:0
}
.search-clear {
right:95px
}
.m-background {
display:block;
background-size:cover;
height:200px;
background-image:url(9b1460d4e349fe841b6121441aee0ad2.jpg)
}
#m_bgctrl_wrp {
display:none
}
}
@media(min-width:960px) {
.m-background {
display:block;
background-size:cover;
height:450px;
background-image:url(9b1460d4e349fe841b6121441aee0ad2.jpg) !important
}
}
.search {
	position:relative;
	width:100%;
	margin:0 auto
}
.search-box {
	width: 650px;
	height:50px;
	border-radius:10px;
	overflow:hidden;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	border: 0;
	background: #FFFFFF
}
.search-icon {
	position:absolute;
	left:3px;
	top:5px;
	width:41px;
	height:41px;
	overflow:hidden;
	border-radius:25px;
	cursor:pointer
}
.search-input {
	box-sizing:border-box;
	flex:1;
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#999;
	border:none;
	outline:none;
	padding-left:45px
}
.search-clear {
	position:absolute;
	right:15px;
	top:50%;
	font-size:20px;
	color:#999;
	margin-top:-10px;
	cursor:pointer;
	display:none
}
.search-engine {
	position:absolute;
	top:60px;
	left:0;
	width:100%;
	background:#fff;
	padding:15px 0 0 15px;
	border-radius:5px;
	box-shadow:0 5px 20px 0 #d8d7d7;
transition:all .3s;
	display:none;
	z-index:999
}
.search-engine-head {
	overflow:hidden;
	margin-bottom:10px;
	padding-right:15px
}
.search-engine-tit {
	float:left;
	margin:0;
	font-size:14px;
	color:#999
}
.search-engine-tool {
	float:right;
	font-size:12px;
	color:#999
}
.search-engine-tool>span.off {
	background-position:-30px 0
}
.search-engine-tool>span {
	float:right;
	display:inline-block;
	width:25px;
	height:15px;
	background:url(https://www.zhaimoe.com/tools/images/off_on.png) no-repeat 0 0;
	cursor:pointer
}
.search-engine-list::after {
content:'';
width:70px;
height:18px;
position:absolute;
top:-17px;
left:1px
}
.search-engine-list li {
	float:left;
	width:30%;
	line-height:30px;
	font-size:14px;
	padding:5px 10px;
	margin:0 10px 10px 0;
	background:#f9f9f9;
	color:#999;
	cursor:pointer;
	list-style:none
}
.search-engine ul {
	padding:0
}
.search-engine-list li img {
	width:25px;
	height:25px;
	border-radius:15px;
	float:left;
	margin-right:5px;
	margin-top:2.5px
}
.search-engine ul::before {
content:'';
width:0;
height:0;
position:absolute;
top:-15px;
border-top:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #fff;
border-left:8px solid transparent
}
.search-btn {
	width:80px;
	height:50px;
	background:#fff;
	border:none;
	color:#64b5f6;
	font-weight:700;
	border-left:1px solid #e6e6e6;
	outline:none
}
.hidden-xs {
	display:block!important
}
.search-hot-text {
	position:absolute;
	z-index:100;
	width:100%;
	border-radius:0 0 10px 10px;
	background:#fff;
	box-shadow:0 4px 5px 0 #cccccc94
}
.search-hot-text ul li {
	border-top:1px solid #f2f2f2;
	line-height:30px;
	font-size:14px;
	padding:0 25px;
	color:#777;
	cursor:pointer
}
.search-hot-text ul {
	margin:0
}
@-webkit-keyframes donghua {
0% {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
100% {
transform:rotate(-360deg);
-ms-transform:rotate(-360deg);
-moz-transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
-o-transform:rotate(-360deg)
}
}
@-moz-keyframes donghua {
0% {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
100% {
transform:rotate(-360deg);
-ms-transform:rotate(-360deg);
-moz-transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
-o-transform:rotate(-360deg)
}
}
@-ms-keyframes donghua {
0% {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
100% {
transform:rotate(-360deg);
-ms-transform:rotate(-360deg);
-moz-transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
-o-transform:rotate(-360deg)
}
}
@-o-keyframes donghua {
0% {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
100% {
transform:rotate(-360deg);
-ms-transform:rotate(-360deg);
-moz-transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
-o-transform:rotate(-360deg)
}
}
@media(min-width:992px) {
.search {
width:650px
}
.search-engine {
width:650px
}
.search-engine-list li {
width:112px;
margin:0 15px 15px 0
}
.search-hot-text {
width:559px;
margin-left:10px
}
}
@media(min-width:768px) {
.sousuo {
padding:10px 0 50px;
margin-top:100px
}
.search-clear {
right:95px
}
}
.m-background {
	position:absolute;
	zoom:1;
	width:100%;
	top:0;
	left:0;
	right:0;
	background-position:top center;
	background-size:cover
}
.m-background .m-background-mask {
	height:90px;
	left:0;
	right:0;
	bottom:-2px;
	position:absolute;
	background:linear-gradient(to top, #EFF2F6, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0));
transition:background .3s
}
#m_bgctrl_wrp {
	position:absolute;
	zoom:1;
	left:50%;
	margin-left:-180px;
	top:100px
}
#m_bgctrl:hover {
	opacity:1;
	background:url(gray.png)
}
#m_bgctrl {
	-webkit-backdrop-filter:blur(4px);
	position:relative;
	height:22px;
	opacity:.7;
	background:url(gray.png);
	border-radius:100px
}
#m_bgctrl .info a {
	color:#fff;
	display:block;
	float:left;
	text-align:center;
	font-size:11px;
	width:340px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-left:10px;
	margin-right:5px;
	height:22px;
	line-height:22px;
	text-decoration:none
}
.lang-chinese #m_bgctrl .info {
	font-size:12px
}
#m_bgctrl .info {
	overflow:hidden;
	display:block;
	float:left;
	font-size:14px;
	height:22px;
	line-height:22px;
-webkit-transition:.3s all
}
.m-border-1 {
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	box-sizing:content-box;
	border: 0;
	position:relative
}
.m-inner2 {
	text-align:left;
	width:1120px;
	position:relative;
	zoom:1;
	margin:0 auto 18px;
	border-radius:3px;
	overflow:hidden;
	background-color:rgba(254, 254, 254, .8)
}
.m-shortcut {
	position:relative;
transition:background .3s;
	overflow:hidden
}
.m-shortcut-panel {
	float:left;
	position:relative;
	width:1120px;
	margin-left: 0;
	display:block;
	left: 0
}
.clearfix {
	zoom:1
}
.m-shortcut-panel .item {
	margin:0 7px;
	width:79px;
	float:left;
	display:block;
	text-align: center;
*zoom:1
}
.m-shortcut-panel .item:last-child { margin-right: 0}
.m-shortcut-panel .item a:hover {
	color:#fff;
	text-decoration:none;
	background:url(lgray2.png)
}
.m-shortcut-panel .item a {
	overflow:hidden;
	display:block;
	width:80px;
	height:95px;
	border-radius:1px;
	padding-top:10px;
	padding-bottom:0;
	margin:0 auto;
	text-align:center
}
.m-shortcut-panel .item img {
	border-radius:50%;
	display:block;
	margin:0 auto;
	width:54px;
	height:54px;
	box-shadow:1px 1px 10px #5b5b5b
}
.m-shortcut-panel .item .title {
	text-align:center;
	display:block;
	padding: 0;
	margin:3px auto 0;
	line-height:25px;
	height:25px;
	font-size:13px;
	width:100%;
	font-weight: 400;
	border-radius:4px
}
@media(max-width:960px) {
.m-shortcut-panel {
width:100%
}
.m-inner2 {
width:100%
}
.m-shortcut-panel .item {
width:21%
}
}