#details{

	background-color: #F0F2F5;

	

}





#details .details{

	background-color: #FFFFFF;

	margin: 30px auto;

	padding: 30px 20px;

}



.details-box{

	display: flex; 

	margin-bottom: 30px;

}



.details-cn {

	flex: 1;

}



 .dynamic .dynamic-right{

	background-color: #F8F8F8 ;

	width: 284px;

	

}

.dynamic-right{

	padding: 20px 15px;

	margin-left: 20px;

}

.dynamic-right .h4{

	font-size: 20px;

	border-bottom: 1px solid #CCCCCC;

	color: #333333;

	padding-bottom: 10px;

	

}

.dynamic-right .recommend-item{

	 margin-bottom: 10px; 

	

}

.dynamic-right .recommend-item .it-img{

	height: 0;

	overflow: hidden;

	transition: all 0.5s;



}

.dynamic-right .recommend-item .it-img img{

	object-fit: cover;

}

.dynamic-right .xzitem .it-img{

	height: 117px;



}

/* .dynamic-right .recommend-item .xzitem img{

	height: 100%;

	

} */

.recommend-box {

	margin-top: 20px;

	display: flex;

	flex-direction: column;

}

.recommend-box .item-text{

    padding-top: 10px;

	padding-left: 20px;

	display: flex;

	flex-direction: column;

	font-size: 16px;

	position: relative;

}

.recommend-box .item-text::before{

	content: '';

	width: 10px;

	height: 10px;

	background-color: #CCCCCC;

	border-radius: 50%;

	position: absolute;

	left: 0;

	top: 14px;

}

.details-box .details-cn .title{

	font-size: 32px;

	color: #333333;

	text-align: center;

}

.details-box .details-cn .cuns{

	margin-top: 20px;

	font-size: 16px;

	color: #666666;

	padding-bottom: 10px;

    border-bottom: 1px solid #CCCCCC;

}

.details-box .details-cn .cuns span{

	margin-right: 50px;

}

.details-box .details-cn .cuns a:hover{

	text-decoration: underline;

}

.details-box  .content{

	/* padding-top: 30px; */

}

.details-box  .content p{

	margin-top: 25px;

	font-size: 16px;

	line-height: 30px;

}

#details .turning{

	

	font-size: 16px;

	color: #333333;

	padding-bottom: 60px;

	cursor: pointer;

	

}

#details .turning a:hover{

	color: #EE9B01;

}

@media screen and (max-width: 768px) {

	.dynamic-right{

		display: none;

	}

	#details .details {

	    background-color: #FFFFFF;

	    margin: 20px auto;

	    padding:  0px;

	}

	.details-box .details-cn .cuns{

		flex-wrap: wrap;

		justify-content: inherit;

	}

	.details-box .details-cn .cuns span {

	    margin-right: 20px;

	}

	.details-box .details-cn .title {

	    font-size: 18px;

	    

	}

	.details-box .details-cn .cuns {

	    margin-top: 15px;

		font-size: 14px;

	}

	.details-box .content p {

	    margin-top: 20px;

	    font-size: 14px;

	    line-height: 26px;

	}
	.details-box  .content p img{

	width: 100% !important;

}


	#details .turning {

	    font-size: 14px;

	    padding-bottom: 15px;

		flex-direction: column;

		    justify-content: inherit;

		    align-items: inherit;

	    

	}

	#details .turning a{

		margin-bottom: 10px;

	}

	.fanhui{

		order: 3;

		text-align: right;

		color: #EE9B01;

	}

	#details{

		background-color: #FFFFFF;

		

	}

}