* {
	margin: 0;
	padding: 0;
	font-size: 0.16rem;
}

.jieshao .main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0.8rem 0;
	box-sizing: border-box;
}
.jieshao_img{
	width: 5.4rem;
	height: 6.8rem;
	overflow: hidden;
}
.jieshao_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
}
.jieshao_img img:hover {
	transform:scale(1.1);
}
.jieshao_txt {
	width: 9.4rem;
}

.jieshao_txt .jieshao_title {
	width: 100%;
	font-weight: bold;
	font-size: 0.4rem;
	color: #222222;
	margin-bottom: 0.5rem;
	padding-left: 0.2rem;
}
.jieshao_txt .jieshao_cont{
	width: 100%;
	font-weight: 400;
	font-size: 0.16rem;
	color: #333333;
	line-height: 0.3rem;
	margin-bottom: 0.3rem;
	padding-left: 0.2rem;
}
.jieshao_txt .body_url {
	width: 1.9rem;
	height: 0.6rem;
	background: linear-gradient(132deg, #03AF9F 0%, #00AFEA 100%);
	border-radius: 0.1rem;
	font-weight: 400;
	font-size: 0.18rem;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.4rem;
	cursor: pointer;
	margin-left: 0.2rem;
	position: relative;
}

.jieshao_txt .body_url img {
	width: 0.24rem;
	height: 0.24rem;
	margin-left: 0.18rem;
}
.jieshao_txt .body_url:before {
	pointer-events: none;
	content: '';
	position: absolute;
	border: #00AFEA solid 4px;
	top: -16px;
	right: -16px;
	bottom: -16px;
	left: -16px;
	opacity: 0;
	border-radius: 0.1rem;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}

.jieshao_txt .body_url:hover:before {
	top: -0px;
	right: -0px;
	bottom: -0px;
	left: -0px;
	opacity: 1;
}









.jieshao_litpic{
	position: relative;
	width: 100%;
	margin-top: 0.4rem;
}
.jieshao_litpic .litpic_img{
	width: 4.5rem;
	height: 3rem;
	overflow: hidden;
}
.jieshao_litpic .litpic_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
}
.jieshao_litpic .litpic_img img:hover {
	transform:scale(1.1);
}

.jieshao_litpic .swiper-button-next::after,
.jieshao_litpic .swiper-button-prev::after{
	display: none;
}
.jieshao_litpic .swiper-button-next,
.jieshao_litpic .swiper-button-prev{
	width: 0.4rem;
	height: 0.4rem;
	background: #D6D6D6;
	border-radius: 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.jieshao_litpic .swiper-button-next img,
.jieshao_litpic .swiper-button-prev img{
	width: 0.08rem;
	height: 0.16rem;
}
.jieshao_litpic .swiper-button-next:hover,
.jieshao_litpic .swiper-button-prev:hover{
	background: linear-gradient( 132deg, #03AF9F 0%, #00AFEA 100%);
}
.jieshao_litpic .swiper-button-next{
	right: -0.2rem;
}
.jieshao_litpic .swiper-button-prev{
	right: auto;
	left: -0.2rem;
}
.jieshao_litpic .swiper-button-next,
.jieshao_litpic .swiper-button-prev {
	display: none;
}

.jieshao_litpic .swiper-container:not(.swiper-container-initialized) .swiper-button-next,
.jieshao_litpic .swiper-container:not(.swiper-container-initialized) .swiper-button-prev,
.jieshao_litpic .swiper-container.swiper-container-overflow .swiper-button-next,
.jieshao_litpic .swiper-container.swiper-container-overflow .swiper-button-prev {
	display: flex;
}





.body {
	width: 100%;
	height: auto;
	background: #f8f8f8;
	padding-top: 0.8rem;
	padding-bottom: 1.2rem;
}

.view {
	width: 100%;
	height: auto;
	background: #fff;
	padding: 0.6rem 1rem;
	box-sizing: border-box;
}

.view .view_class {
	font-weight: 400;
	font-size: 0.34rem;
	color: #333333;
	padding-bottom: 0.2rem;
	border-bottom: 0.01rem solid rgba(0, 0, 0, 0.08);
	position: relative;
	margin-bottom: 0.33rem;
}

.view .view_class::before {
	content: "";
	position: absolute;
	width: 0.5rem;
	height: 0.03rem;
	background: #23478C;
	bottom: -0.01rem;
	left: 0;
}

.view_list {
	width: 100%;
	position: relative;
}

.view_list::before {
	content: "";
	position: absolute;
	top: 0.51rem;
	left: 0.09rem;
	width: 0.01rem;
	height: calc(100% - 0.68rem);
	background: #eee;
}

.view_list .view_item {
	width: 100%;
	height: 1.2rem;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.view_list .view_item::before {
	content: "";
	position: absolute;
	width: 12.72rem;
	height: 0.01rem;
	background: #D3D3D3;
	right: 0;
	bottom: 0;
}

.view_list .view_item i {
	width: 0.18rem;
	height: 0.18rem;
	background: #DFDFDF;
	border-radius: 50%;
}

.view_list .view_item .view_time {
	width: 0.7rem;
	height: 0.7rem;
	background: #C4C4C4;
	border-radius: 0.05rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	margin-left: 0.3rem;
	margin-right: 0.3rem;
}

.view_list .view_item .view_time .time_d {
	width: 100%;
	font-weight: 400;
	font-size: 0.24rem;
	color: #FFFFFF;
	text-align: center;
}

.view_list .view_item .view_time .time_ym {
	font-weight: 400;
	font-size: 0.14rem;
	color: #FFFFFF;
	text-align: center;
}

.view_list .view_item .view_title {
	width: 10.9rem;
	font-weight: bold;
	font-size: 0.2rem;
	color: #222222;
}

.view_list .view_item .view_more {
	width: 0.52rem;
	height: 0.24rem;
	background: #C4C4C4;
	border-radius: 0.12rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.3rem;
}

.view_list .view_item .view_more img {
	width: 0.21rem;
	height: 0.1rem;
}

.view_list .view_item:hover i,
.view_list .view_item:hover .view_time,
.view_list .view_item:hover .view_more {
	background: #23478C;
}

.view_list .view_item:hover .view_title {
	color: #23478C;
}

.view .page_box {
	margin-bottom: 0rem;
}