/*	
Theme Name: Naivete
Theme URI: http://www.xintheme.com
Description: Naivete，多用途博客主题，Themes by：<a href="http://www.xintheme.com">XinTheme</a>
Version: 1.2.5
Author: 新主题 ｜ XinTheme
Author URI: http://www.xintheme.com
*/
.copyright .wordpress{ display: none; } 
.header { background: #081b33; }
.header:hover { background: #9b4e33; }
.header.header__navactive { background: #9b4e33; }
.copyright,.blog-listing-homepage__article__info ul {border-top: 1px solid rgb(57, 61, 75)}

*{ 
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; 
}
.banner_swiper .swiper-container{
	--swiper-theme-color: #fff;/* 设置Swiper风格 */
	--swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
	--swiper-navigation-size: 30px;/* 设置按钮大小 */
}
select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url('../images/down.png') no-repeat scroll right center transparent;
	background-size: 18px;
	line-height: normal;
}
.flex{display: flex;}
.flexitem{flex:1;}
.flexjuscent{justify-content: center;}
.flexalicent{align-items: center;}
.flexjusbeet{justify-content: space-between;}
.ellipsis{
	white-space: nowrap;overflow: hidden;
	text-overflow: ellipsis;
}
.ellipsis2{
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.ellipsis3{
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
img{cursor: pointer;}
a:hover{color: #2882b8;}
.blog-listing-homepage__article{padding-left: calc(32% + 100px);}
.blog-listing-homepage__articles{
	padding: 1.5rem 2.1rem 1.5rem 2.1rem;
}
.blog-listing-homepage--full-height .blog-listing-homepage__article>header{
	background-image: url(https://www.whutyiban.com/skin/skin2021/ybjh/images/01.jpg);
}
.new_img{
	overflow: hidden;
	position: relative;
	z-index: 1;
	border-radius: .4rem;
	height: 100%;width: 100%;
}
.new_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .35s ease-in-out;
}
.new_img:hover img{
	transform: scale(1.2);
}
.new_img.nohover:hover img{
	transform: none;
}
.wapshow{display: none;}


.banner_header{margin-bottom: .9rem;width: 100%;border-radius: .4rem;overflow: hidden;}
.banner_header .new_img{
	height: 15rem;
}
#bannersw {
  width: 100%;
  height: 100%;
}

.banner_header2 .new_img{
	height: 4.8rem;
}
.banner_header_ad{
	height: 300px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: .4rem;
}
.banner_header2 .new_item{margin-right: .65rem;}
.banner_header2 .new_item:last-child{margin-right: 0;}
.banner_header2 .info{
	margin-top: .67rem;
	font-size: .47rem;
	color: #2c2c2c;
	line-height: 1.1rem;
}
.banner_header2 .info P{margin: 0;}
.banner_header2 .info p:hover{color: #2882b8;}

.tabs::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:10px;
	background-color:#F5F5F5;
}
.tabs::-webkit-scrollbar {
	width:6px;
	height: 6px;
	background-color:#F5F5F5;
}
.tabs::-webkit-scrollbar-thumb {
	border-radius:10px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
	background-color:#ff7900;
}

.tabs{
	margin: 3.04rem 0 1.06rem;
	font-size: .84rem;
	color: #000000;
	overflow-x: scroll;
}
.tabs .tab_item{
	cursor: pointer;font-weight: bold;
	width: 4.65rem;position: relative;
	text-align: center;
	white-space: nowrap;
	padding: .5rem;
	font-size: .74rem;
}
.tabs .tab_item.active{
	color: #e88941;
}
.tabs .tab_item.active::after{
	content: '';
	display: block;
	width: 100%;height: .16rem;
	background-image: linear-gradient(#ff7800, #ff7800), linear-gradient(#00a5ed, #00a5ed);
}
.moretabs{
  text-align: center;
}
.moretabs a{
  display: block;
  margin: 1.5rem auto 0;
  width: 11rem;
  border: 1px solid #c71f25;
  line-height: 2rem;
  font-size: .63rem;
  text-align: center;
  border-radius: 5px;
  color: #c71f25;
}
.moretabs a:hover {
  background: #c71f25;
  color: #fff;
}

.article_item{
	padding-bottom: 1.06rem;
	border-bottom: .16rem solid #f5f5f5;
	margin-bottom: 1.06rem;
}
.article_item h2 {
	padding: 0 0 .83rem;
}
.article_item h2 a{
	font-size: .74rem;
	font-weight: bold;
}
.article_item .des{
	font-size: .63rem;
	line-height: 1.1rem;
	margin-bottom: 1.14rem;
}
.article_item.style1 .new_img{
	margin-right: .65rem;
	height: 7.64rem;
	margin-bottom: 1rem;
}
.article_item.style1 .new_img:last-child{margin-right: 0;}
.article_item .foottext,.article_item .foottext a{
	font-size: .47rem;
	color: #8a8a8a;
	line-height: 1.1rem;
}
.article_item .time{margin-left: 1.8rem;}
.article_item.style2{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 1.42rem;
}
.article_item.style2 .info{
	width: 62%;
	height: 7.64rem;
	position: relative;
}
.article_item.style2 .info footer{
	position: absolute;
	bottom: 0;
}
.article_item.style2 .new_img{
	width: calc((100% - 1.3rem) / 3);
	height: 7.64rem;
}
.article_item.style3 .imgs{margin-bottom: 1.22rem;}
.article_item.style3 .new_img{
	height: 15rem;
}
.newfooter{
	height: 11.82rem;color: #fff;
	background-color: #141415;
	padding: 1.8rem 2.21rem 0 3.47rem;
}
.newfooter .ewmitem img{
	width: 6.62rem;height: 6.62rem;
	margin-bottom: .71rem;
}
.newfooter .ewmitem:first-child{
	margin-right: 1.85rem;
}
.newfooter .ewmitem{
	text-align: center;
}
.newfooter .leftlink p{
	font-size: .47rem;line-height: normal;
	margin-bottom: 0;
}
.newfooter .ewmitem p{font-size: .47rem;margin: 0;line-height: normal;}
.newfooter .linkitem:first-child{
	margin-bottom: 1.14rem;
}
.newfooter select{
	width: 11.82rem;height: 1.58rem;
	background-color: #b34821;
	border: none;outline: none;
	font-size: .47rem;
	padding-left: .8rem;
}
/* index */
.main_box{
	padding: 40px 50px 0;
	box-sizing: border-box;
}
.main_box .banner_header{margin-bottom: 1.85rem;}
.main_box .banner_header .new_img{
	height: auto;
}
.san_box{margin-bottom: 1.77rem;}
.san_box .san_item{height: 18.97rem;overflow: hidden}
.san_box .san_item.si2{
	flex-wrap: wrap;
	padding: 0 1.5rem;
}
.san_box .san_item.si2 .new_img{
	width: calc((100% - 1.5rem) / 2);
	height: 8.73rem;
}
.san_box .san_item.si2 .new_img.om{margin-bottom: 1.5rem;}
.san_item.mtext .new_img{position: relative;}
/* .san_item.mtext .new_img::after{
	content: '';
	width: 100%;height: 100%;
	background-color: rgba(0,0,0,.5);
	position: absolute;top: 0;left: 0;
	z-index: 1;display: none;
}
.san_item.mtext .new_img .mtitle{
	position: absolute;
	bottom: 10%;width: 100%;
	padding: 0 20px;color: #fff;
	z-index: 2;display: none;
	line-height: normal;
}
.san_item.mtext .new_img.active::after{display: block;} */
.san_item.mtext .new_img .mtitle a{color: #fff;}
.san_item.mtext .new_img .mtitle a:hover{color: #2882b8;}
.san_item.mtext.si1 .new_img .mtitle a{font-size: 1.2rem;}
.san_item.mtext.si2 .new_img .mtitle a{font-size: .8rem;}
/* 内容item */
.shequ_item{
	box-shadow: 0.1rem 0.07rem 0.28rem 0rem rgba(14, 4, 9, 0.17);
	border: solid 0.04rem #e3e3e3;
	padding: 1.02rem;
}
.shequ_item .new_title_box{
	height: 40px;width: 100%;
	background-color: #00a5ed;
	color: #fff;padding: 0 10px 0 30px;
	font-size: 16px;position: relative;
	margin-bottom: 20px;
}
.shequ_item .new_title_box::before{
	content: '';
	width: 5px;height: 30px;
	background-color: #b4e5fc;
	position: absolute;
	top: 0;left: 15px;
}
.shequ_item .new_title_box.yellow::before{background-color: #ffe0b2;}
.shequ_item .new_title_box .more{cursor: pointer;}
.shequ_item .new_title_box .cname{
	font-size: 21px;
	font-weight: bold;
	width: 10rem;line-height: normal;
}
.shequ_item .new_title_box.yellow{background-color: #ff9800;}
.shequ_item .info_item{
	font-size: 14px;color: #b5c2cb;
	position: relative;
	padding-left: 15px;
	line-height: normal;
	margin-bottom: 10px;
}
.shequ_item .info_item .biaoti{max-width: 15rem;}
.shequ_item .info_item .sname a{color: #0faaee;margin-right: 8px;}
.shequ_item .info_item .title a{color: #324e65;}
.shequ_item .info_item .title a:hover{color: #2882b8;}
.shequ_item .info_item::before{
	content: '';
	width: 5px;height: 12px;
	position: absolute;
	background-color: #cfd8dc;
	left: 2px;
}

.fluidbox_head{
	padding: 1.34rem 0;
}
.fluidbox_head .title{
	font-size: 26px;
	font-weight: bold;
	color: #00a5ed;
}
.fluidbox_head .kus{
	width: 300px;height: 40px;
	border: none;outline: none;
	background-color: #266ec0;
	color: #fff;font-size: 16px;
	padding-left: 20px;cursor: pointer;
}
.content_box{margin-bottom: 2rem;flex-wrap: wrap;}
.content_box .shequ_item{
	margin: 0 20px 20px 0;
	width: calc((100% - 40px) / 3);
}
select{
	background-position: center right 10px;
}
.content_box .shequ_item:nth-child(3n){margin-right: 0;}
.newfooter.ys{padding: 1.8rem 4.02rem;}

@media screen and (min-width:768px) and (max-width:1024px){
	.blog-listing-homepage__article{padding-left: 0;}
	.blog-listing-homepage__articles{
		padding-left: 9.5rem;
	}
	.newfooter{
		padding-left: 9.2rem;
	}

	.banner_header .new_img,.article_item.style3 .new_img{
		height: 22.41rem;
	}
	.banner_header2 .new_img{
		height: 7.32rem;
	}
	.article_item.style2 .info{
		height: 11.74rem;
	}
	.article_item.style1 .new_img,.article_item.style2 .new_img{
		height: 11.74rem;
	}
	.shequ_item .new_title_box .cname{font-size: 18px;}
	
}

@media screen and (max-width:1500px) {
	.main_box{
		padding: 30px 40px 0;
	}
	.san_box{flex-wrap: wrap;}
	.san_item.shequ_item{width: 100%;}
	.san_box .si1,.san_box .si2{width: calc((100% - 1.5rem) / 2); flex: none;}
	.san_box .san_item.si2{padding: 0;margin-left: 1.5rem;}
	.san_box .san_item{height: 30.14rem;}
	.san_box .san_item.si2 .new_img{height: 14.32rem;}
	.san_box .san_item.shequ_item{height: auto;}
	.san_item.shequ_item{margin-top: 1.85rem;}
	.shequ_item .info_item .biaoti{max-width: 65%;}
	.content_box .shequ_item{width: calc((100% - 20px) / 2);}
	.content_box .shequ_item:nth-child(3n){margin-right: 20px;}
	.content_box .shequ_item:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width: 768px) {
	.main_box{
		padding: 10px 20px 0;
	}
	.header-title.wapshow .header-title-logo img{margin: 0;max-width: unset;max-height: 35px;width: auto;}
	.blog-listing-homepage__article{padding-left: 0;}
	.blog-listing-homepage--full-height .blog-listing-homepage__article>header{min-height: 40vh;}
	.blog-listing-homepage__articles{padding: 10px;}
	.blog-listing-homepage--full-height{padding-left: 0!important;margin-top: 56px;}
	.ellipsis{
		white-space: normal;
		line-height: 1rem;
	}
	.info_item .ellipsis{
		white-space: nowrap;
	}
	.newfooter{
		height: auto;
		padding: 1rem;
	}
	.newfooter.ys{padding: 1.25rem 1rem;}
	.newfooter .leftlink{width: 100%;}
	.newfooter .fb{
		flex-direction: column;
	}
	.newfooter .linkitem select{
		width: 100%;
	}
	.newfooter .linkitem:first-child{
		margin-bottom: 1rem;
	}
	.newfooter .ewmitem:first-child{
		margin-right: 1.25rem;
	}
	.tabs{margin: 1rem 0 .25rem;}
	.tabs .tab_item{
		font-size: .76rem;
		font-weight: 500;
		flex: 1;
		line-height: 1.5rem;
		width: auto;
		padding: .1rem;
		padding-right: 1.25rem;
		padding-bottom: .5rem;
	}
	.banner_header2 .info{line-height: 1.2;}
	.blog-listing-homepage__articles article h2{padding-bottom: 0;}
	.blog-listing-homepage__articles article h2 a{
		font-size: .76rem;
		font-weight: 500;
	}
	.article_item .des{line-height: .9rem;font-size: .6rem;}
	.article_item .foottext, .article_item .foottext a{font-size:.6rem;}
	.article_item .time{font-size: .6rem;}
	.article_item.style1 .new_img,.article_item.style3 .imgs,.article_item.style4 .des{margin-bottom: .8rem;}
	.article_item,.article_item.style2{margin-bottom: .5rem;padding-bottom: .8rem;}
	.banner_header2 .new_img{height: 2.1rem;border-radius: .1rem;}
	.article_item.style1 .new_img,.article_item.style2 .new_img{
		height: 3.25rem;
	}
	.article_item.style2 .info{
		height: 4.7rem;
	}
	.article_item.style2 .new_img{
		height: 4.7rem;
	}
	.moretabs{
		margin: 1.25rem 0 .75rem;
	}
	.article_item.style3 .new_img,.banner_header .new_img{
		height: auto;
	}
	.article_item.style1 .new_img{
		height: 4.565rem;
		margin-right: .4125em;
	}
	.article_item.style2 h2{
		padding: 0;
	}
	.article_item{
		border-bottom: .04rem solid #e7e7e7;
	}
	.article_item.style2 h2 a{
		margin-bottom: 2px;
	}
	.article_item.style2 .des{
		-webkit-line-clamp: 2;
		margin-bottom: .5rem;
	}
	.moretabs a{
		width: 7.5rem;
		line-height: 2rem;
		font-size: .76rem;
	}
	.newfooter .leftlink p,.newfooter .ewmitem p{
		margin-bottom: .375rem;
		line-height: .75rem;
		font-size: 14px;
	}

	.newfooter select{
		height: 1.25rem;
		font-size: 14px;
		padding: 0 .75rem;

	}
	.newfooter .rightsm{
		margin-top: 1rem;
		justify-content: space-around;
	}
	.newfooter .ewmitem img{
		width: 6.5rem;height: 6.5rem;
	}
	.main_box .banner_header{
		margin-bottom: .5rem;
	}
	.san_item.shequ_item{
		margin-top: .5rem;
	}
	.san_box .san_item{height: 8.17rem;}
	.san_box .si1, .san_box .si2{
		width: calc((100% - .375rem) / 2);
	}
	.san_box .san_item.si2 .new_img{
		width: calc((100% - .375rem) / 2);
	}
	.san_box .san_item.si2 .new_img.om{
		margin-bottom: .375rem;
	}
	.san_box .san_item.si2{margin-left: .375rem}
	.san_box .san_item.si2 .new_img{height: 3.9rem;}
	.shequ_item{
		width: 100%!important;
		margin-right: 0!important;
	}
	.shequ_item .new_title_box .cname{font-size: 16px;width: 65%;}
	.shequ_item .info_item .biaoti{max-width: 100%;}
	.shequ_item .info_item .times{display: none;}
	.fluidbox_head{
		flex-direction: column;
		align-items: flex-start;
		margin-top: .25rem;
	}
	.fluidbox_head .title{
		line-height: normal;
		font-size: 22px;
	}
	.fluidbox_head .kus{
		width: 100%;
		margin: 10px 0;
	}
	.wapshow{display: block;}
	.pcshow{display: none;}
	.blog-listing-homepage__article__info>div{
		padding-bottom: .3rem;
	}
	.blog-listing-homepage--full-height .blog-listing-homepage__article>header{
		background-image: url(https://www.whutyiban.com/skin/skin2021/ybjh/images/02.jpg);
		min-height: auto;
		background-repeat: no-repeat;
		background-size: 100%;
		height: 10.25rem;
	}
	.blog-listing-homepage--full-height .blog-listing-homepage__article .blog-listing-homepage__article__info h1{
		text-align: center;
		font-size: 1.25rem;
		padding-bottom: .3rem;
	}
}