/* 通用容器样式 
.container,
.sm\:container,
.md\:container,
.lg\:container,
.xl\:container,
.\32xl\:container {
  width: 100%;
}*/
.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
}

/* 容器最大宽度 */

@media (min-width: 450px) {

	.xs\:text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.xs\:text-2xl {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

@media (min-width: 640px) {

	.container,
	.sm\:container,
	.md\:container,
	.lg\:container,
	.xl\:container,
	.\32xl\:container {
		max-width: 640px;
	}

	.sm\:py-10 {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}

	.sm\:text-base {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.sm\:px-\[60px\] {
		padding-left: 60px;
		padding-right: 60px;
	}

	.sm\:px-9 {
		padding-left: 2.25rem;
		padding-right: 2.25rem;
	}

	.sm\:px-9 {
		padding-left: 2.25rem;
		padding-right: 2.25rem;
	}

	.sm\:p-9 {
		padding: 2.25rem;
	}

	.sm\:ml-10 {
		margin-left: 2.5rem;
	}

	.sm\:text-2xl {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.sm\:pl-6 {
		padding-left: 1.5rem;
	}

	.sm\:text-\[40px\]\/\[48px\] {
		font-size: 40px;
		line-height: 48px;
	}

	.sm\:p-8 {
		padding: 2rem;
	}

	.sm\:even\:flex-row-reverse:nth-child(2n) {
		flex-direction: row-reverse;
	}


	.sm\:pl-8 {
		padding-left: 2rem;
	}

	.sm\:-m-4 {
		margin: -1rem;
	}

	.sm\:block {
		display: block;
	}

	.sm\:w-32 {
		width: 8rem;
	}

	.sm\:mr-10 {
		margin-right: 2.5rem;
	}

	.sm\:h-32 {
		height: 8rem;
	}

	.sm\:text-left {
		text-align: left;
	}

	.sm\:mt-0 {
		margin-top: 0;
	}

	.sm\:w-2\/5 {
		width: 40%;
	}

	.sm\:mr-8 {
		margin-right: 2rem;
	}

	.sm\:justify-start {
		justify-content: flex-start;
	}

	.sm\:mb-0 {
		margin-bottom: 0;
	}

	.sm\:w-3\/5 {
		width: 60%;
	}

	.sm\:pl-10 {
		padding-left: 2.5rem;
	}

	.sm\:px-6 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.sm\:text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.sm\:mb-2 {
		margin-bottom: 0.5rem;
	}

	.sm\:mx-auto {
		margin-left: auto;
		margin-right: auto;
	}

	.md\:h-36 {
		height: 9rem;
	}

	.sm\:text-4xl {
		font-size: 2.25rem;
		line-height: 2.5rem
	}

	.sm\:max-w-full {
		max-width: 100%
	}

	.sm\:space-y-12>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(3rem * var(--tw-space-y-reverse))
	}

	.sm\:px-1 {
		padding-left: .25rem;
		padding-right: .25rem
	}

	.sm\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.sm\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem
	}

	.sm\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem
	}

	.sm\:rounded-lg {
		border-radius: .5rem
	}

	.sm\:text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem
	}

	.sm\:items-center {
		align-items: center
	}

	.sm\:space-x-2>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-right: calc(.5rem * var(--tw-space-x-reverse));
		margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
	}

	.sm\:flex-row {
		flex-direction: row
	}

	.sm\:w-1\/2 {
		width: 50%;
	}

	.sm\:mb-16 {
		margin-bottom: 4rem;
	}

	.sm\:leading-tight {
		line-height: 1.25;
	}
}

@media (min-width: 768px) {

	.container,
	.sm\:container,
	.md\:container,
	.lg\:container,
	.xl\:container,
	.\32xl\:container {
		max-width: 768px;
	}

	.md\:text-4xl {
		font-size: 2.25rem;
		line-height: 2.5rem;
	}

	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.md\:w-1\/2 {
		width: 50%;
	}

	.md\:w-2\/3 {
		width: 66.666667%;
	}

	.md\:h-\[450px\] {
		height: 450px;
	}

	.md\:pl-8 {
		padding-left: 2rem;
	}

	.md\:flex-row {
		flex-direction: row;
	}

	.md\:left-\[240px\] {
		left: 240px;
	}

	.md\:pt-20 {
		padding-top: 5rem;
	}

	.md\:w-3\/6 {
		width: 50%;
	}

	.md\:pl-16 {
		padding-left: 4rem;
	}

	.md\:flex-nowrap {
		flex-wrap: nowrap;
	}

	.md\:w-64 {
		width: 16rem;
	}

	.md\:flex-grow {
		flex-grow: 1;
	}

	.md\:w-2\/5 {
		width: 40%;
	}

	.md\:w-3\/5 {
		width: 60%;
	}

	.md\:mt-4 {
		margin-top: 1rem;
	}

	.md\:pl-6 {
		padding-left: 1.5rem;
	}

	.md\:block {
		display: block;
	}

	.md\:py-16 {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.md\:text-left {
		text-align: left;
	}

	.md\:pr-16 {
		padding-right: 4rem;
	}

	.md\:mb-0 {
		margin-bottom: 0;
	}

	.md\:items-start {
		align-items: flex-start;
	}

	.md\:rounded-\[30px\] {
		border-radius: 30px;
	}

	.md\:px-14 {
		padding-left: 3.5rem;
		padding-right: 3.5rem;
	}

	.md\:w-1\/3 {
		width: 33.333333%;
	}

	.md\:w-full {
/*	width: 100%; */
	}

	.md\:py-\[70px\] {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.md\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.md\:leading-tight {
		line-height: 1.25;
	}

	.md\:text-\[45px\] {
		font-size: 45px;
	}

	.md\:gap-6 {
		gap: 1.5rem;
	}

	.md\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.md\:py-20 {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.md\:masonry-md {
		-moz-column-gap: 2em;
		column-gap: 2em;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media (min-width: 1024px) {

	.container,
	.sm\:container,
	.md\:container,
	.lg\:container,
	.xl\:container,
	.\32xl\:container {
		max-width: 1024px;
	}

	.lg\:text-5xl {
		font-size: 3rem;
		line-height: 1;
	}

	.lg\:pt-8 {
		padding-top: 2rem
	}

	.lg\:text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}

	.lg\:text-\[32px\] {
		font-size: 32px;
	}

	.lg\:px-7 {
		padding-left: 1.75rem;
		padding-right: 1.75rem;
	}

	.lg\:pt-\[100px\] {
		padding-top: 100px;
	}

	.lg\:pt-\[120px\] {
		padding-top: 120px;
	}

	.lg\:mb-20 {
		margin-bottom: 5rem;
	}

	.lg\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.lg\:text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.lg\:w-3\/4 {
		width: 75%;
	}

	.lg\:pr-24 {
		padding-right: 6rem;
	}

	.lg\:inline-block {
		display: inline-block;
	}

	.lg\:w-full {
/*	width: 100%; */
	}

	.lg\:w-2\/6 {
		width: 33.333333%;
	}

	.lg\:pl-24 {
		padding-left: 6rem;
	}

	.lg\:pl-12 {
		padding-left: 3rem;
	}

	.lg\:items-start {
		align-items: flex-start;
	}

	.lg\:max-w-lg {
		max-width: 32rem;
	}

	/*
	.lg\:flex-grow {
		flex-grow: 1;
	}
*/
	.lg\:pb-\[90px\] {
		padding-bottom: 90px;
	}

	.lg\:px-6 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.lg\:py-\[120px\] {
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.lg\:w-10\/12 {
		width: 83.333333%;
	}

	.lg\:p-8 {
		padding: 2rem;
	}

	.lg\:hidden {
		display: none;
	}

	.lg\:text-xl {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}

	.lg\:py-20 {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.lg\:text-gray-400 {
		--tw-text-opacity: 1;
		color: rgba(156, 163, 175, var(--tw-text-opacity));
	}

	.navbar {
		background-color: transparent;
		flex-wrap: nowrap;
		justify-content: start;
		padding-left: 0;
		padding-right: 0;
		padding-top: 1.75rem;
	}

	.lg\:col-span-8 {
		grid-column: span 8/span 8
	}

	.lg\:col-span-4 {
		grid-column: span 4/span 4
	}

	.lg\:p-10 {
		padding: 2.5rem
	}

	.lg\:col-span-6 {
		grid-column: span 6/span 6
	}

	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.lg\:max-w-xl {
		max-width: 36rem
	}

	.lg\:col-span-7 {
		grid-column: span 7/span 7
	}

	.lg\:col-span-5 {
		grid-column: span 5/span 5
	}

	.lg\:gap-x-12 {
		column-gap: 3rem
	}

	.lg\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr))
	}

	.lg\:pt-16 {
		padding-top: 4rem
	}

	.lg\:mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.lg\:max-w-5xl {
		max-width: 64rem
	}

	.lg\:mt-32 {
		margin-top: 8rem
	}

	.lg\:gap-x-8 {
		column-gap: 2rem
	}

	.lg\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.lg\:grid {
		display: grid
	}

	.lg\:text-left {
		text-align: left
	}

	.lg\:flex-row {
		flex-direction: row
	}

	.lg\:mb-0 {
		margin-bottom: 0
	}

	.lg\:mt-0 {
		margin-top: 0
	}

	.lg\:items-center {
		align-items: center
	}

	.lg\:flex-grow-0 {
		flex-grow: 0
	}

	.lg\:text-gray-400 {
		--tw-text-opacity: 1;
		color: rgba(156, 163, 175, var(--tw-text-opacity))
	}

	.lg\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem
	}

	.lg\:flex-nowrap {
		flex-wrap: nowrap
	}

	.lg\:ml-3\.5 {
		margin-left: .875rem
	}

	.lg\:w-2\/5 {
		width: 40%;
	}

	.lg\:w-3\/5 {
		width: 60%;
	}

	.lg\:w-1\/4 {
		width: 25%;
	}

	.lg\:w-1\/3 {
		width: 33.333333%;
	}

	.lg\:w-1\/2 {
		width: 50%;
	}

	.lg\:pl-10 {
		padding-left: 2.5rem;
	}

	.lg\:pr-10 {
		padding-right: 2.5rem;
	}

	.lg\:py-6 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.lg\:mt-0 {
		margin-top: 0;
	}

	.lg\:grid {
		display: grid
	}

	.lg\:h-48 {
		height: 12rem;
	}

	.lg\:w-4\/5 {
		width: 80%;
	}

	.lg\:h-auto {
		height: auto;
	}

	.lg\:w-2\/3 {
		width: 66.666667%;
	}

	.lg\:gap-8 {
		gap: 2rem;
	}

	.lg\:py-\[100px\] {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

@media (min-width: 1280px) {

	.container,
	.sm\:container,
	.md\:container,
	.lg\:container,
	.xl\:container,
	.\32xl\:container {
		max-width: 1280px;
	}

	.xl\:p-9 {
		padding: 2.25rem;
	}

	.xl\:px-\[60px\] {
		padding-left: 60px;
		padding-right: 60px;
	}

	.xl\:leading-\[1\.2\] {
		line-height: 1.2;
	}

	.xl\:text-\[40px\] {
		font-size: 40px;
	}

	.xl\:text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}

	.xl\:text-4xl {
		font-size: 2.25rem;
		line-height: 2.5rem;
	}

	.xl\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.xl\:px-32 {
		padding-left: 8rem;
		padding-right: 8rem
	}

	.xl\:w-1\/3 {
		width: 33.333333%;
	}

	.xl\:ml-24 {
		margin-left: 6rem
	}

	.xl\:mt-12 {
		margin-top: 3rem
	}

	.xl\:mr-14 {
		margin-right: 3.5rem
	}

	.xl\:ml-14 {
		margin-left: 3.5rem
	}

	.xl\:mt-16 {
		margin-top: 4rem
	}

	.xl\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem
	}

	.xl\:text-right {
		text-align: right
	}

	.xl\:mr-12 {
		margin-right: 3rem
	}

	.xl\:mt-40 {
		margin-top: 10rem
	}

	.xl\:pb-32 {
		padding-bottom: 8rem
	}

	.xl\:pt-44 {
		padding-top: 11rem
	}

	.xl\:w-1\/4 {
		width: 25%;
	}

	.xl\:masonry-xl {
		-moz-column-gap: 2em;
		column-gap: 2em;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media (min-width: 1320px) {

	.\32xl\:px-12 {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}



/* 内边距样式 */
@media (min-width: 1536px) {
	.md\:pt-36 {
		padding-top: 9rem;
	}
}