h1 {
	font-size: .32rem;
	font-weight: 300;
	margin-block-start: 0;
	margin-block-end: 0
}

h2 {
	font-size: .64rem;
	font-weight: 300;
	margin-block-start: 0;
	margin-block-end: 0
}

.n-layout {
	padding: 1rem 0;
	color: #000;
	position: fixed;
	width: 100%
}

.n-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .4rem .5rem .2rem .5rem;
	background-color: #f5f7fa;
	font-size: .36rem;
	box-shadow: inset 0 -1px 0 0 #dedede
}

.n-title-v div:nth-child(1) {
	font-size: .36rem;
	line-height: .5rem;
	color: #000
}

.n-title-v div:nth-child(2) {
	font-size: .24rem;
	line-height: .32rem;
	color: #333
}

.n-title img {
	width: .44rem;
	height: .44rem;
	transition: all .3s linear
}

.n-content {
	background-color: #fff;
	height: 0;
	box-shadow: inset 0 -1px 0 0 #dedede;
	overflow: hidden;
	font-size: .34rem;
	padding: 0 .5rem;
	transition: all .3s linear
}

.n-content div {
	display: flex;
	align-items: center;
	height: 1rem;
	border-bottom: .01rem solid #ccc
}

.n-content a {
	display: flex;
	width: 100%
}

.gs-layout {
	padding: 1.9rem 0 1.2rem 0
}

.gs-banner {
	display: flex;
	align-items: center;
	height: 3rem;
	width: 100%
}

.gs-banner-img {
	width: 100%;
	height: 4rem
}

.gs-title {
	font-size: .64rem;
	line-height: .7rem;
	color: #000;
	width: 6.5rem;
	margin: 0 auto
}

.gs-content {
	font-size: .32rem;
	line-height: .5rem;
	color: #333;
	padding: .5rem .5rem 0 .5rem
}

.g-layout {
	padding: 2.9rem .5rem 0 .5rem
}

.g-title {
	font-size: .64rem;
	line-height: .7rem;
	color: #000
}

.g-content {
	margin: .5rem 0;
	line-height: .5rem;
	font-size: .32rem;
	color: #333
}

.g-video {
	height: 1rem;
	width: 100%;
	font-size: .36rem;
	border-radius: .1rem;
	background-color: #2e82f7;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}

.item {
	padding: .5rem .5rem .3rem .5rem;
	font-size: .32rem;
	line-height: .5rem
}

.item-title {
	font-size: .64rem;
	line-height: .7rem;
	color: #000;
	text-align: center
}

.item-pic {
	width: 6.5rem;
	height: 3.7rem;
	margin: .5rem 0;
	overflow: hidden
}

.item-content {
	color: #333
}

.item-content-sub {
	font-size: .3rem;
	margin-top: .3rem;
	color: #666
}

.item-content-sub li {
	list-style-type: none
}

.item-link {
	margin-top: .4rem;
	color: #2e82f7
}

.grey {
	background-color: #fff
}

.sm-layout {
	padding: 1.2rem .5rem
}

.sm-title {
	font-size: .64rem;
	line-height: .7rem;
	color: #000;
	text-align: center
}

.sm-item {
	padding: .6rem 0
}

.sm-item>div:nth-child(1) {
	font-size: .4rem;
	line-height: .56rem;
	color: #2e82f7
}

.sm-item>div:nth-child(2) {
	font-size: .32rem;
	line-height: .5rem;
	color: #333;
	margin-top: .2rem
}

.p-layout {
	padding: 1.2rem .5rem
}

.p-title {
	font-size: .64rem;
	line-height: .7rem;
	text-align: center;
	margin-bottom: .5rem
}

.p-item {
	display: flex;
	padding: .32rem 0;
	border-bottom: .01rem solid #ccc;
	border-radius: 0 0 .01rem .01rem
}

.p-icon {
	width: .66rem;
	height: .56rem;
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.p-icon img {
	width: .44rem;
	height: .44rem
}

.p-item>div:nth-child(2) {
	margin-left: .2rem
}

.p-name {
	font-size: .4rem;
	line-height: .56rem
}

.p-content {
	height: 0;
	overflow: hidden;
	font-size: .32rem;
	line-height: .5rem;
	transition: all .2s ease-out
}