/* 幻灯片 */
	.collection-banner{
		width: 100%;
	}
	
	.collection-banner .swiper-slide{
		width: 100%;
	}
	
	.collection-banner .swiper-slide img{
		width: 100%;
		height: 100%;
	}
	
	.collection-banner .swiper-slide img.mobile-images{
		display: none;
	}
	
	.collection-banner .swiper-slide img.computer-images{
		display: block;
	}

	/* 幻灯片-搜索 */
	.collection-banner .content-wrapper{
		gap: 50px;
		height: 100%;
		display: flex;
		padding: 0% 5%;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		position: absolute;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
		z-index: 10;
	}
	
	.collection-banner .content-wrapper .explain{
		gap: 25px;
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	
	.collection-banner .content-wrapper .explain p:first-child{
		line-height: 1;
		font-size: 50px;
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Bold";
		font-weight:bold;
	}
	
	.collection-banner .content-wrapper .explain p:last-child{
		line-height: 1;
		font-size: 34px;
		color: rgba(255, 255, 255, 1);
	}

	/* 幻灯片-搜索-表单 */
	.collection-banner .content-wrapper .layui-form .layui-form-item{
		width: 925px;
		height: 60px;
		display: flex;
		margin: 0% auto;
		align-items: center;
		border-radius: 10px;
		justify-content: flex-end;
		background-color: rgba(255, 255, 255, 1);
	}
	
	.collection-banner .content-wrapper .layui-form .layui-form-item .iconfont{
		width: 60px;
		height: 60px;
		display: flex;
		font-size: 25px;
		align-items: center;
		color: rgba(0, 0, 0, 1);
		justify-content: center;
	}
	
	.collection-banner .content-wrapper .layui-form .layui-form-item .layui-input{
		height: 60px;
		outline: none;
		box-shadow: none;
		border-width: 0px;
		line-height: 60px;
		width: calc((100% - 60px) - 200px);
	}
	
	.collection-banner .content-wrapper .layui-form .layui-form-item .layui-input:focus{
		outline: none;
		border-color: rgba(0, 0, 0, 0) !important;
	}
	
	.collection-banner .content-wrapper .layui-form .layui-form-item .layui-btn{
		width: 170px;
		height: 100%;
		font-size: 18px;
		line-height: 60px;
		border-radius: 0px;
		color: rgba(0, 0, 0, 1);
		border-radius: 0% 10px 10px 0%;
		background-color: rgba(255, 255, 255, 1);
		position: relative;
	}
	
	.collection-banner .content-wrapper .layui-form .layui-form-item .layui-btn::after{
		width: 2px;
		content: '';
		height: 80%;
		transform: translateY(-50%);
		background-color: rgba(243, 243, 243, 1);
		position: absolute;
		top: 50%;
		right: calc(100% - 1px);
	}

	/* 幻灯片-分页器 */
	.collection-banner .swiper-pagination{
		width: 655px;
		height: 44px;
		display: flex;
		align-items: center;
		border-radius: 22px;
		justify-content: center;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, 0.6);
		bottom: 40px;
		left: 50%;
	}
	
	.collection-banner .swiper-pagination .swiper-pagination-bullet{
		opacity: 1;
		margin: 0%;
		width: 125px;
		height: 40px;
		display: flex;
		font-size: 14px;
		border-radius: 20px;
		align-items: center;
		justify-content: center;
		font-family: "SourceHanSansCN-Regular";
		background-color: rgba(255, 255, 255, 0);
	}

/* 模版合集-精选合集 */
	.collection-wrapper .selected-collection{
		width: 100%;
		padding: 50px 0% 45px;
	}

	/* 模版合集-精选合集-头部 */
	.collection-wrapper .selected-collection .header{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.collection-wrapper .selected-collection .header .name{
		line-height: 1;
		font-size: 40px;
		color: rgba(0, 0, 0, 1);
		font-family: "SourceHanSansCN-Bold";
	}
	
	.collection-wrapper .selected-collection .header .button{
		width: 140px;
		display: flex;
		font-size: 14px;
		line-height: 40px;
		align-items: center;
		color: rgba(0, 0, 0, 1);
		justify-content: center;
		border: 1px solid rgba(119, 119, 119, 1);
	}

	/* 模版合集-精选合集-内容 */
	.collection-wrapper .selected-collection .content-wrapper{
		width: 100%;
		display: grid;
		grid-gap: 10px;
		margin-top: 65px;
		grid-template-rows: repeat(2, 1fr);
		grid-template-columns: repeat(4, 1fr);
	}
	
	.collection-wrapper .selected-collection .content-wrapper .item{
		width: 100%;
	}
	
	.collection-wrapper .selected-collection .content-wrapper .item img{
		width: 100%;
		height: 100%;
	}
	
	.collection-wrapper .selected-collection .content-wrapper .item.big{
		grid-row: span 2 / span 2;
		grid-column: span 1 / span 1;
	}

/* 模版合集-公用模块 */
	.collection-wrapper .module-wrapper{
		width: 100%;
		padding: 50px 0% 45px;
	}

	/* 模版合集-公用模块-头部 */
	.collection-wrapper .module-wrapper .header{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.collection-wrapper .module-wrapper .header .name{
		line-height: 1;
		font-size: 40px;
		color: rgba(0, 0, 0, 1);
		font-family: "SourceHanSansCN-Bold";
	}
	
	.collection-wrapper .module-wrapper .header .button{
		width: 140px;
		display: flex;
		font-size: 14px;
		line-height: 40px;
		align-items: center;
		color: rgba(0, 0, 0, 1);
		justify-content: center;
		border: 1px solid rgba(119, 119, 119, 1);
	}

	/* 模版合集-公用模块-内容 */
	.collection-wrapper .module-wrapper .content-wrapper{
		width: 100%;
		display: grid;
		margin-top: 65px;
		grid-row-gap: 45px;
		grid-column-gap: 20px;
		grid-template-columns: repeat(4, 1fr);
	}
	
	.collection-wrapper .module-wrapper .content-wrapper .item{
		gap: 20px;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	
	.collection-wrapper .module-wrapper .content-wrapper .item .image{
		width: 100%;
	}
	
	.collection-wrapper .module-wrapper .content-wrapper .item .image img{
		width: 100%;
		height: 100%;
	}
	
	.collection-wrapper .module-wrapper .content-wrapper .item .name{
		font-size: 16px;
		line-height: 24px;
		color: rgba(0, 0, 0, 1);
	}

/* 模版合集-会员购买 */
	.collection-wrapper .memberbuy{
		width: 100%;
		padding: 50px 0% 45px;
	}
	
	.collection-wrapper .memberbuy .content-wrapper{
		width: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	/* 模版合集-会员购买-内容 */
	.collection-wrapper .memberbuy .content-wrapper .explain{
		gap: 45px;
		width: 100%;
		display: flex;
		height: 570px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	
	.collection-wrapper .memberbuy .content-wrapper .explain .name{
		gap: 15px;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	
	.collection-wrapper .memberbuy .content-wrapper .explain .name p{
		line-height: 1;
		font-size: 54px;
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Bold";
		font-weight: bold;
	}
	
	.collection-wrapper .memberbuy .content-wrapper .explain .button{
		width: 140px;
		display: flex;
		font-size: 14px;
		line-height: 40px;
		align-items: center;
		justify-content: center;
		color: rgba(255, 255, 255, 1);
		border: 1px solid rgba(255, 255, 255, 1);
	}

	/* 幻灯片-分页器-选中 */
	.collection-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		color: rgba(255, 255, 255, 1);
		background-color: rgba(0, 0, 0, 1);
	}

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

/* 响应 1440 */
@media screen and (max-width: 1440px) {
/* 幻灯片 */

	/* 幻灯片-搜索 */
	.collection-banner .content-wrapper{
		gap: 35px;
	}
	
	.collection-banner .content-wrapper .explain{
		gap: 15px;
	}
	
	.collection-banner .content-wrapper .explain p:first-child{
		font-size: 38px;
	}
	
	.collection-banner .content-wrapper .explain p:last-child{
		font-size: 24px;
	}

	/* 幻灯片-搜索-表单 */
	.collection-banner .content-wrapper .layui-form .layui-form-item{
		width: 625px;
		height: 45px;
		border-radius: 5px;
	}
	
	.collection-banner .content-wrapper .layui-form .layui-form-item .iconfont{
		width: 45px;
		height: 45px;
		font-size: 20px;
	}
	
	.collection-banner .content-wrapper .layui-form .layui-form-item .layui-input{
		height: 45px;
		line-height: 45px;
		width: calc((100% - 45px) - 140px);
	}
	
	.collection-banner .content-wrapper .layui-form .layui-form-item .layui-btn{
		width: 120px;
		font-size: 14px;
		line-height: 45px;
	}

	/* 幻灯片-分页器 */
	.collection-banner .swiper-pagination{
		height: 42px;
		border-radius: 21px;
		bottom: 30px;
	}
	
	.collection-banner .swiper-pagination .swiper-pagination-bullet{
		height: 38px;
		font-size: 12px;
		border-radius: 19px;
	}

/* 模版合集-精选合集 */
	.collection-wrapper .selected-collection{
		padding: 40px 0% 35px;
	}

	/* 模版合集-精选合集-头部 */
	.collection-wrapper .selected-collection .header .name{
		font-size: 35px;
	}
	
	.collection-wrapper .selected-collection .header .button{
		width: 120px;
		font-size: 12px;
		line-height: 35px;
	}

	/* 模版合集-精选合集-内容 */
	.collection-wrapper .selected-collection .content-wrapper{
		margin-top: 45px;
	}

/* 模版合集-公用模块 */
	.collection-wrapper .module-wrapper{
		padding: 40px 0% 35px;
	}

	/* 模版合集-公用模块-头部 */
	.collection-wrapper .module-wrapper .header .name{
		font-size: 35px;
	}
	
	.collection-wrapper .module-wrapper .header .button{
		width: 120px;
		font-size: 12px;
		line-height: 35px;
	}

	/* 模版合集-公用模块-内容 */
	.collection-wrapper .module-wrapper .content-wrapper{
		margin-top: 45px;
		grid-row-gap: 35px;
		grid-column-gap: 15px;
	}
	
	.collection-wrapper .module-wrapper .content-wrapper .item{
		gap: 10px;
	}
	
	.collection-wrapper .module-wrapper .content-wrapper .item .name{
		font-size: 14px;
		line-height: 20px;
	}

/* 模版合集-会员购买 */
	.collection-wrapper .memberbuy{
		padding: 40px 0% 35px;
	}

	/* 模版合集-会员购买-内容 */
	.collection-wrapper .memberbuy .content-wrapper .explain{
		gap: 35px;
		height: 430px;
	}
	
	.collection-wrapper .memberbuy .content-wrapper .explain .name{
		gap: 10px;
	}
	
	.collection-wrapper .memberbuy .content-wrapper .explain .name p{
		font-size: 45px;
	}
	
	.collection-wrapper .memberbuy .content-wrapper .explain .button{
		width: 120px;
		font-size: 12px;
		line-height: 35px;
	}

	/* 幻灯片-分页器-选中 */
}

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

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

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