/* 公共模版类别 */
	.communal-category-wrapper{
		width: 100%;
		padding: 50px 0% 45px;
	}

	/* 公共模版类别-主要内容 */
	.communal-category-wrapper .content-wrapper{
		width: 100%;
		grid-gap: 5px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
	
	.communal-category-wrapper .content-wrapper .item{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.communal-category-wrapper .content-wrapper .item img{
		width: 100%;
		height: 100%;
		transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
	}
	
	.communal-category-wrapper .content-wrapper .item .container{
		padding: 15px;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		position: absolute;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
	}

	/* 公共模版类别-主要内容-文案 */
	.communal-category-wrapper .content-wrapper .item .container .explain{
		gap: 10px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		width: calc(100% - 45px);
		transition-duration: 0.5s;
		transform: translateY(100%);
		-moz-transition-duration: 0.5s;
		-ms-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-webkit-transition-duration: 0.5s;
		-webkit-transform: translateY(100%);
	}
	
	.communal-category-wrapper .content-wrapper .item .container .explain .upper{
		gap: 5px;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		transition-duration: 0.5s;
		transform: translateY(-100%);
		-moz-transition-duration: 0.5s;
		-ms-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-webkit-transition-duration: 0.5s;
		-webkit-transform: translateY(-100%);
	}
	
	.communal-category-wrapper .content-wrapper .item .container .explain .upper p:first-child{
		line-height: 1;
		font-size: 20px;
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Medium";
	}
	
	.communal-category-wrapper .content-wrapper .item .container .explain .upper p:last-child{
		line-height: 1;
		font-size: 13px;
		color: rgba(255, 255, 255, 1);
	}
	
	.communal-category-wrapper .content-wrapper .item .container .explain .lower{
		gap: 8px;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	
	.communal-category-wrapper .content-wrapper .item .container .explain .lower .desc{
		font-size: 12px;
		line-height: 15px;
		color: rgba(255, 255, 255, 0.75);
	}
	
	.communal-category-wrapper .content-wrapper .item .container .explain .lower .btn{
		width: 120px;
		height: 34px;
		display: flex;
		border-radius: 17px;
		align-items: center;
		justify-content: center;
		background-color: rgba(204, 204, 204, 0.8);
	}
	
	.communal-category-wrapper .content-wrapper .item .container .explain .lower .btn samp{
		line-height: 1;
		font-size: 12px;
		color: rgba(0, 0, 0, 0.8);
	}

	/* 公共模版类别-主要内容-箭头 */
	.communal-category-wrapper .content-wrapper .item .container .arrow{
		width: 25px;
		height: 25px;
		display: flex;
		border-radius: 50%;
		align-items: center;
		justify-content: center;
		transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		background-color: rgba(255, 255, 255, 1);
	}
	
	.communal-category-wrapper .content-wrapper .item .container .arrow .iconfont::before{
		width: 25px;
		display: flex;
		font-size: 12px;
		line-height: 25px;
		align-items: center;
		justify-content: center;
		color:  rgba(23, 23, 23, 1);
	}

	/* 公共模版类别-模版菜单 */
	.communal-category-wrapper .template-menu-wrapper .menu{
		display: grid;
		grid-gap: 35px;
		margin-top: 35px;
		padding: 0% 150px;
		grid-template-columns: repeat(7, 1fr);
		border-bottom: 2px solid rgba(241, 241, 241, 1);
	}
	
	.communal-category-wrapper .template-menu-wrapper .menu .menu-item{
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	
	.communal-category-wrapper .template-menu-wrapper .menu .menu-item a{
		line-height: 1;
		font-size: 20px;
		color: rgba(0, 0, 0, 1);
	}
	
	.communal-category-wrapper .template-menu-wrapper .menu .menu-item::after{
		width: 100%;
		content: '';
		height: 2px;
		display: none;
		background-color: rgba(0, 0, 0, 1);
		position: absolute;
		top: 100%;
		right: 0%;
	}

	/* 公共模版类别-主要内容-悬停 */
	.communal-category-wrapper .content-wrapper .item.current-hover-item img{
		/*filter: blur(55px);*/
	}
	
	.communal-category-wrapper .content-wrapper .item.current-hover-item .container .explain{
		/*transform: translateY(0%);*/
		/*-ms-transform: translateY(0%);*/
		/*-moz-transform: translateY(0%);*/
		/*-webkit-transform: translateY(0%);*/
	}
	
	.communal-category-wrapper .content-wrapper .item.current-hover-item .container .explain .upper{
		/*transform: translateY(0%);*/
		/*-ms-transform: translateY(0%);*/
		/*-moz-transform: translateY(0%);*/
		/*-webkit-transform: translateY(0%);*/
	}
	
	.communal-category-wrapper .content-wrapper .item.current-hover-item .container .arrow{
	/*	transform: rotate(-90deg);*/
	/*	-webkit-transform: rotate(-90deg);*/
	}

	
	.communal-category-wrapper .template-menu-wrapper .menu .menu-item.current-menu-item::after{
		display: block;
	}

/* 响应 1680 */	
@media screen and (max-width: 1680px) {}

/* 响应 1440 */
@media screen and (max-width: 1440px) {
/* 公共模版类别 */
	.communal-category-wrapper{
		padding: 40px 0% 35px;
	}

	/* 公共模版类别-主要内容 */
	.communal-category-wrapper .content-wrapper .item .container{
		padding: 10px;
	}

	/* 公共模版类别-主要内容-文案 */
	.communal-category-wrapper .content-wrapper .item .container .explain{
		width: calc(100% - 35px);
	}
	
	.communal-category-wrapper .content-wrapper .item .container .explain .upper p:first-child{
		font-size: 18px;
	}
	
	.communal-category-wrapper .content-wrapper .item .container .explain .upper p:last-child{
		font-size: 12px;
	}
	
	.communal-category-wrapper .content-wrapper .item .container .explain .lower .btn{
		width: 100px;
		height: 30px;
		border-radius: 15px;
	}
	
	.communal-category-wrapper .content-wrapper .item .container .explain .lower .btn samp{
		transform: scale(0.834);
	}

	/* 公共模版类别-主要内容-箭头 */

	/* 公共模版类别-模版菜单 */
	.communal-category-wrapper .template-menu-wrapper .menu{
		grid-gap: 20px;
		margin-top: 25px;
		padding: 0% 100px;
	}
	
	.communal-category-wrapper .template-menu-wrapper .menu .menu-item{
		height: 50px;
	}
	
	.communal-category-wrapper .template-menu-wrapper .menu .menu-item a{
		font-size: 18px;
	}

	/* 公共模版类别-主要内容-悬停 */

	/* 公共模版类别-模版菜单-选中 */
}

/* 响应 1280 */
@media screen and (max-width: 1280px) {}

/* 响应 1000 */
@media screen and (max-width: 1000px) {}

/* 响应 750 */
@media screen and (max-width: 750px) {}