/* 幻灯片 */
	.single-template-banner{
		width: 100%;
		position: relative;
	}
	
	.single-template-banner img{
		width: 100%;
		height: 100%;
	}
	
	.single-template-banner img.mobile-images{
		display: none;
	}
	
	.single-template-banner img.computer-images{
		display: block;
	}

	/* 幻灯片-搜索 */
	.single-template-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;
	}
	
	.single-template-banner .content-wrapper .explain{
		gap: 25px;
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	
	.single-template-banner .content-wrapper .explain p:first-child{
		line-height: 1;
		font-size: 50px;
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Bold";
	}
	
	.single-template-banner .content-wrapper .explain p:last-child{
		line-height: 1;
		font-size: 34px;
		color: rgba(255, 255, 255, 1);
	}

	/* 幻灯片-搜索-表单 */
	.single-template-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);
	}
	
	.single-template-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;
	}
	
	.single-template-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);
	}
	
	.single-template-banner .content-wrapper .layui-form .layui-form-item .layui-input:focus{
		outline: none;
		border-color: rgba(0, 0, 0, 0) !important;
	}
	
	.single-template-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;
	}
	
	.single-template-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);
	}

/* 模板详情 */
	.single-template-wrapper{
		width: 100%;
		padding: 35px 0% 80px;
	}

	/* 模板详情-面包屑 */
	.single-template-wrapper .breadcrumb{
		gap: 10px;
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	.single-template-wrapper .breadcrumb .item{
		gap: 10px;
		height: 20px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	.single-template-wrapper .breadcrumb .item a{
		line-height: 1;
		font-size: 18px;
		color: rgba(165, 165, 165, 1);
	}
	
	.single-template-wrapper .breadcrumb .item span{
		line-height: 1;
		font-size: 14px;
		color: rgba(165, 165, 165, 1);
	}

	/* 模板详情-内容 */
	.single-template-wrapper .content-wrapper{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	/* 模板详情-内容-主要的 */
	.single-template-wrapper .content-wrapper .main{
		gap: 25px;
		display: flex;
		width: 58.929%;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	
	.single-template-wrapper .content-wrapper .main .cover-image{
		width: 100%;
	}
	
	.single-template-wrapper .content-wrapper .main .cover-image img{
		width: 100%;
		height: 100%;
	}
	
	.single-template-wrapper .content-wrapper .main .details-image{
		width: 100%;
		display: grid;
		grid-gap: 5px;
		grid-template-columns: repeat(2, 1fr);
	}
	
	.single-template-wrapper .content-wrapper .main .details-image .item{
		width: 100%;
	}
	
	.single-template-wrapper .content-wrapper .main .details-image .item.big{
		grid-row: span 2 / span 2;
		grid-column: span 2 / span 2;
	}
	
	.single-template-wrapper .content-wrapper .main .details-image .item img{
		width: 100%;
		height: 100%;
	}

	/* 模板详情-内容-次要的 */
	.single-template-wrapper .content-wrapper .minor{
		gap: 55px;
		display: flex;
		width: 37.500%;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	
	.single-template-wrapper .content-wrapper .minor .content{
		gap: 35px;
		width: 100%;
		display: flex;
		padding-top: 15px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	.single-template-wrapper .content-wrapper .minor .name{
		font-size: 24px;
		line-height: 28px;
		color: rgba(0, 0, 0, 1);
		font-weight:bold;
	}
	
	.single-template-wrapper .content-wrapper .minor .details{
		gap: 10px;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	.single-template-wrapper .content-wrapper .minor .details p{
		font-size: 14px;
		line-height: 18px;
		color: rgba(0, 0, 0, 1);
	}
	
	.single-template-wrapper .content-wrapper .minor .button{
		width: 100%;
		display: grid;
		grid-row-gap: 15px;
		grid-column-gap: 10px;
		grid-template-rows: repeat(1, 1fr);
		grid-template-columns: repeat(1, 1fr);
	}
	
	.single-template-wrapper .content-wrapper .minor .button .item{
		width: 100%;
		height: 38px;
		display: flex;
		line-height: 1;
		cursor: pointer;
		border-radius: 5px;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(0, 0, 0, 1);
	}
	
	.single-template-wrapper .content-wrapper .minor .button .item.one{
		color: rgba(0, 0, 0, 1);
		background-color: rgba(0, 0, 0, 0);
	}
	
	.single-template-wrapper .content-wrapper .minor .button .item.two{
		color: rgba(255, 255, 255, 1);
		background-color: rgba(0, 0, 0, 1);
	}
	
	.single-template-wrapper .content-wrapper .minor .button .item.big{
		color: rgba(0, 0, 0, 1);
		grid-column: span 2 / span 2;
		background-color: rgba(0, 0, 0, 0);
	}
	
	.single-template-wrapper .content-wrapper .minor .cooperate{
		gap: 45px;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	
	.single-template-wrapper .content-wrapper .minor .cooperate .image{
		width: 100%;
	}
	
	.single-template-wrapper .content-wrapper .minor .cooperate .image img{
		width: 100%;
		height: 100%;
	}
	
	.single-template-wrapper .content-wrapper .minor .cooperate .text{
		gap: 15px;
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	
	.single-template-wrapper .content-wrapper .minor .cooperate .text p{
		line-height: 1;
		font-size: 18px;
		color: rgba(0, 0, 0, 1);
	}
	
	.single-template-wrapper .content-wrapper .minor .cooperate .text p:first-child{
		font-size: 38px;
	}

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

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

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

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

/* 模板详情 */
	.single-template-wrapper{
		padding: 25px 0% 75px;
	}

	/* 模板详情-面包屑 */
	.single-template-wrapper .breadcrumb{
		gap: 8px;
		height: 50px;
	}
	
	.single-template-wrapper .breadcrumb .item{
		gap: 8px;
	}
	
	.single-template-wrapper .breadcrumb .item a{
		font-size: 14px;
	}
	
	.single-template-wrapper .breadcrumb .item span{
		font-size: 12px;
	}

	/* 模板详情-内容 */

	/* 模板详情-内容-主要的 */
	.single-template-wrapper .content-wrapper .main{
		gap: 20px;
		width: 59.167%;
	}

	/* 模板详情-内容-次要的 */
	.single-template-wrapper .content-wrapper .minor{
		gap: 35px;
	}
	
	.single-template-wrapper .content-wrapper .minor .content{
		gap: 20px;
		padding-top: 10px;
	}
	
	.single-template-wrapper .content-wrapper .minor .name{
		font-size: 22px;
		line-height: 24px;
	}
	
	.single-template-wrapper .content-wrapper .minor .details{
		gap: 8px;
	}
	
	.single-template-wrapper .content-wrapper .minor .details p{
		font-size: 12px;
		line-height: 14px;
	}
	
	.single-template-wrapper .content-wrapper .minor .button{
		grid-row-gap: 10px;
		grid-column-gap: 5px;
	}
	
	.single-template-wrapper .content-wrapper .minor .button .item{
		height: 33px;
	}
	
	.single-template-wrapper .content-wrapper .minor .cooperate{
		gap: 30px;
	}
	
	.single-template-wrapper .content-wrapper .minor .cooperate .text{
		gap: 10px;
	}
	
	.single-template-wrapper .content-wrapper .minor .cooperate .text p{
		font-size: 14px;
	}
	
	.single-template-wrapper .content-wrapper .minor .cooperate .text p:first-child{
		font-size: 28px;
	}
}

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

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

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