body,
header,
html {
	width: 100%
}

li {
	list-style: none
}

body,
html {
	margin: 0;
	padding: 0;
	height: 100%
}

body {
	font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
	min-width: max-content;
	min-width: -moz-max-content
}

.text-justify {
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-spacing: ideograph-alpha
}

header {
	position: fixed;
	top: 0;
	background: #090911;
	z-index: 20
}

header img.logo {
	display: block;
	float: left
}

header.light {
	background: #FCFCFC
}

header.light .navbar {
	color: #333
}

header.light .navbar ul li a {
	color: #333;
	transition: .5s
}

header.light .navbar ul li a:hover {
	text-shadow: 0 0 1px #333;
	transition: .5s
}

header.light .navbar ul li.active {
	background: url(../images/nav_item_bg_light.png)
}

footer {
	color: #FFF;
	background: url(../images/bottom_contact_bg.jpg) center no-repeat #323232;
	background-size: cover
}

footer.light {
	color: #333;
	background: #FFF
}

footer .bottomContact {
	box-sizing: border-box
}

footer .bottomContact .left {
	float: left
}

footer .bottomContact .left .t {
	font-weight: 700;
	letter-spacing: .04em
}

footer .bottomContact .right {
	float: right
}

footer .bottomContact .right img.qr {
	float: left
}

footer .bottomContact .right .text {
	float: left;
	text-align: center;
	letter-spacing: .04em
}

footer .bottomContact .right .green {
	color: #FFF;
	float: left;
	background: #4CBF00;
	font-weight: 700;
	text-align: center
}

footer .copyRight {
	background: #000;
	color: #979797;
	text-align: center
}

footer .copyRight p {
	display: inline-block;
	margin-bottom: 0
}

footer .copyRight p a {
	text-decoration: none;
	color: #979797
}

.content {
	margin: 0 auto
}

.content.xl {
	width: 1440px
}

.content.l {
	width: 1120px
}

.hf-row {
	height: 480px;
	background-position: center;
	background-repeat: no-repeat;
	min-width: 1120px
}

.hf-row .text .title {
	font-weight: 700;
	color: #444;
	letter-spacing: .04em
}

a.detail {
	color: #333;
	background: #FFF;
	display: inline-block;
	text-decoration: none;
	font-weight: 700;
	box-shadow: 0 3px 5px rgba(104, 89, 36, .25);
	transition: .4s
}

a.detail:hover {
	box-shadow: 0 4px 6px rgba(104, 89, 36, .5);
	transition: .4s
}

.main h1.bigtitle {
	color: #444;
	font-weight: 700;
	margin: 0;
	text-align: center;
	letter-spacing: .04em
}

@media (min-width:768px) {
	.hide-in-pc {
		display: none
	}

	.hide-in-mobile {
		display: block
	}

	body .main {
		margin-top: 96px
	}

	header {
		height: 96px;
		background: #090911;
		box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
	}

	header img.logo {
		margin-top: 26px
	}

	header .navbar {
		border: none;
		margin-bottom: 0;
		float: right;
		height: 96px;
		line-height: 96px;
		font-size: 18px;
		color: #FFF
	}

	header .navbar ul {
		padding-left: 0
	}

	header .navbar ul li {
		display: inline-block;
		margin-left: 64px;
		letter-spacing: .1em
	}

	header .navbar ul li a {
		display: block;
		color: #FFF;
		text-decoration: none;
		transition: .5s
	}

	header .navbar ul li a:hover {
		text-shadow: 0 0 1px #FFF;
		transition: .5s
	}

	header .navbar ul li a span {
		letter-spacing: 0;
		margin-left: -5px
	}

	header .navbar ul li.active {
		background: url(../images/nav_item_bg.png)
	}

	header .navbar ul li.active a {
		font-weight: 700
	}

	header.light {
		background: #FCFCFC
	}

	header.light .navbar {
		color: #333
	}

	header.light .navbar ul li a {
		color: #333;
		transition: .5s
	}

	header.light .navbar ul li a:hover {
		text-shadow: 0 0 1px #333;
		transition: .5s
	}

	header.light .navbar ul li.active {
		background: url(../images/nav_item_bg_light.png)
	}

	footer .bottomContact {
		padding-top: 66px;
		height: 335px;
		background: rgb(156,10,10);
	}

	footer .bottomContact .content.l {
		padding-left: 260px;
		padding-right: 260px
	}

	footer .bottomContact .t {
		font-weight: 700;
		font-size: 40px;
		line-height: 60px;
		text-align: center
	}

	footer .bottomContact .left {
		margin-top: 24px
	}

	footer .bottomContact .left .t {
		font-size: 48px
	}

	footer .bottomContact .left .c {
		font-size: 16px;
		line-height: 30px
	}

	footer .bottomContact .left .c p:first-child {
		margin-bottom: 28px
	}

	footer .bottomContact .left .c span.i {
		display: inline-block;
	}

	footer .bottomContact .right {
		font-size: 16px;
		line-height: 24px;
		margin-top: 24px;
		width: 86px;
		text-align: center
	}

	footer .bottomContact .right div {
		padding-bottom: 8px;
		font-size: 14px;
		line-height: 20px
	}

	footer .bottomContact .right img.qr {
		float: none;
		display: inline-block;
		width: 72px;
		height: 72px
	}

	footer .bottomContact .right .text {
		float: left;
		margin-left: 20px;
		font-size: 14px;
		line-height: 28px;
		letter-spacing: .1em;
		color: rgba(153, 153, 153, .8)
	}

	footer .bottomContact .right .green {
		margin-left: 24px;
		margin-top: 12px;
		width: 270px;
		height: 40px;
		border-radius: 6px;
		font-size: 18px;
		line-height: 40px
	}

	footer .bottomContact .right .green img {
		margin-right: 16px
	}

	footer .copyRight {
		height: 65px;
		line-height: 65px;
		font-size: 12px
	}

	footer .copyRight p {
		margin-right: 20px;
		margin-bottom: 0
	}

	.content {
		margin: 0 auto
	}

	.content.xl {
		width: 1440px
	}

	.content.l {
		width: 1120px
	}

	.hf-row {
		height: 480px;
		min-width: 1120px
	}

	.hf-row .text .title {
		font-size: 40px;
		line-height: 60px
	}

	.hf-row .text .desc {
		font-size: 16px;
		line-height: 30px
	}

	a.detail {
		padding: 0 24px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
		border: 1px solid #444;
		border-radius: 4px
	}

	.main h1.bigtitle {
		margin: 0;
		font-size: 64px;
		line-height: 96px;
		letter-spacing: .04em
	}
}

@media (min-width:768px) and (max-width:1199px) {
	header .content {
		padding-left: 40px;
		padding-right: 40px
	}

	header .navbar ul li {
		margin-left: 30px;
		letter-spacing: .08em
	}

	footer .bottomContact .content.l {
		padding-left: 180px;
		padding-right: 180px
	}

	.content.l,
	.content.xl {
		width: 960px
	}

	.hf-row {
		min-width: 960px
	}

	.hf-row .text .desc {
		font-size: 18px;
		line-height: 26px
	}
}

@media (max-width:767px) {
	.hide-in-pc {
		display: block
	}

	.hide-in-mobile {
		display: none
	}

	body .main {
		margin-top: .64rem
	}

	header {
		transition: none;
		position: fixed;
		top: 0;
		width: 100%;
		height: .64rem;
		z-index: 20;
		box-shadow: 0 .02rem .1rem rgba(0, 0, 0, .1)
	}

	header .hline {
		position: relative;
		height: .64rem
	}

	header img.logo {
		width: 1.05rem;
		height: .28rem;
		margin-left: .24rem;
		margin-top: .2rem
	}

	header div.listbtn {
		width: .26rem;
		height: .22rem;
		float: right;
		margin-top: .26rem;
		margin-right: .3rem
	}

	header div.listbtn label {
		position: relative;
		width: .25rem;
		height: .2rem;
		display: inline-block;
		cursor: pointer;
		margin: 0;
		transition: all .5s;
		text-align: left
	}

	header div.listbtn label div:first-child {
		top: 0rem
	}

	header div.listbtn label div:nth-child(2) {
		top: .05rem
	}

	header div.listbtn label div:nth-child(3) {
		top: .1rem
	}

	header div.listbtn div,
	header div.listbtn div:after,
	header div.listbtn div:before {
		background: #FFF;
		position: absolute;
		height: .02rem;
		width: .25rem;
		border-radius: .02rem;
		transition: all .5s
	}

	header div.listbtn #menu35+label div:first-child {
		transition: width .15s .15s, top .15s, right .15s, transform .15s
	}

	header div.listbtn #menu35+label div:nth-child(2) {
		transition: transform .15s
	}

	header div.listbtn #menu35+label div:nth-child(3) {
		right: 0;
		transition: width .15s .15s, top .15s, right .15s, transform .15s
	}

	header div.listbtn #menu35:checked+label div:first-child {
		top: 2%;
		left: 7%;
		width: 50%;
		transform: rotate(45deg);
		transition: width .15s, top .15s .15s, left .15s .15s, transform .15s .15s
	}

	header div.listbtn #menu35:checked+label div:nth-child(2) {
		transform: rotate(-45deg);
		transition: transform .15s .15s
	}

	header div.listbtn #menu35:checked+label div:nth-child(3) {
		width: 50%;
		right: 7%;
		top: 47%;
		transform: rotate(45deg);
		transition: width .15s, top .15s .15s, right .15s .15s, transform .15s .15s
	}

	header.light div.listbtn div,
	header.light div.listbtn div:after,
	header.light div.listbtn div:before {
		background: #444;
		position: absolute;
		height: .025rem;
		width: .25rem;
		border-radius: .02rem;
		transition: all .5s
	}

	header div.navlist {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 120%;
		transition: left .3s ease-in-out
	}

	header div.navlist .cover {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		outline: 0;
		-webkit-overflow-scrolling: touch;
		background-color: rgba(0, 0, 0, .6);
		z-index: -221
	}

	header div.navlist ul {
		padding: 0;
		display: block;
		width: 100%;
		background: #090911
	}

	header div.navlist ul li {
		text-align: center;
		display: block;
		margin: 0;
		height: .64rem;
		background: #090911;
		width: 100%
	}

	header div.navlist ul li.active {
		background: #0D2B52
	}

	header div.navlist ul li a {
		text-decoration: none;
		display: inline-block;
		width: 100%;
		height: 100%;
		color: #FFF;
		font-size: .18rem;
		line-height: .64rem
	}

	header.light .hline,
	header.light div.navlist ul,
	header.light div.navlist ul li {
		background: #FCFCFC
	}

	header.light div.navlist ul li.active {
		background: #AA8E4A
	}

	header.light div.navlist ul a {
		color: #333
	}

	footer .bottomContact {
		background: rgb(156,10,10);;
		padding-top: .4rem;
		box-sizing: border-box;
		text-align: center;
		height: 4.24rem
	}

	footer .bottomContact .t {
		font-weight: 700;
		font-size: .24rem;
		line-height: .36rem
	}

	footer .bottomContact .c {
		margin: 0 auto;
		width: 2.4rem;
		text-align: left;
		margin-top: .4rem;
		font-size: .14rem;
		line-height: .24rem
	}

	footer .bottomContact .c a {
		text-decoration: none;
		color: #FFF
	}

	footer .bottomContact .c p {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0
	}

	footer .bottomContact .c span.i {
		display: inline-block;
		padding-left: 3em
	}

	footer .bottomContact .right {
		float: none;
		margin-top: .24rem;
		width: 100%
	}

	footer .bottomContact .right .center {
		margin: 0 auto;
		width: 1.6rem
	}

	footer .bottomContact .right .search {
		font-size: .16rem;
		line-height: .28rem;
		font-weight: 700;
		padding-bottom: .1rem
	}

	footer .bottomContact .right img.qr {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: .8rem;
		height: .8rem
	}

	.content.l,
	.content.xl,
	.hf-row {
		width: 3.75rem
	}

	footer .bottomContact .right .text {
		font-weight: 400;
		float: left;
		display: block;
		margin-left: .16rem;
		font-size: .14rem;
		line-height: .26rem;
		letter-spacing: .02em;
		color: rgba(153, 153, 153, .8)
	}

	footer .copyRight {
		padding-top: .1rem;
		height: .8rem;
		line-height: .2rem;
		font-size: .12rem
	}

	footer .copyRight p {
		display: block;
		margin: 0
	}

	.hf-row {
		height: 4.8rem;
		background-position: center;
		background-repeat: no-repeat;
		min-width: 3.75rem
	}

	.hf-row .text .title {
		font-weight: 700;
		font-size: .24rem;
		line-height: .36rem;
		color: #444;
		letter-spacing: .04em
	}

	.hf-row .text .desc {
		font-size: .14rem;
		line-height: .22rem;
		color: #333
	}

	a.detail {
		padding: 0 .24rem;
		display: inline-block;
		height: .36rem;
		line-height: .36rem;
		text-decoration: none;
		font-size: .16rem;
		border: .01rem solid #444;
		border-radius: .04rem;
		box-shadow: 0 .02rem .04rem rgba(104, 89, 36, .25)
	}

	.main h1.bigtitle {
		color: #444;
		font-weight: 700;
		margin: 0;
		font-size: .36rem;
		line-height: .48rem;
		text-align: center;
		letter-spacing: .04em
	}
}

@media (min-width:768px) {

	.hf-row.desc .annotation ul li .t br,
	.hf-row.desc .title br {
		display: none
	}

	.hf-row.product {
		height: 504px;
		background-image: url(../images/strategy_title.jpg);
		background-position-x: center;
		background-color: #FCFCFC;
		color: #333
	}

	.hf-row.product .text {
		text-align: left;
		padding-top: 119px
	}

	.hf-row.product .text .desc {
		color: #444;
		font-size: 40px;
		line-height: 60px;
		width: 520px;
		font-weight: 700;
		text-align: left
	}

	.hf-row.product .text .desc .qrs {
		margin-top: 40px
	}

	.hf-row.product .text .desc .qrs img.qr {
		float: left;
		width: 84px;
		height: 84px
	}

	.hf-row.product .text .desc .qrs P {
		text-align: center;
		margin-top: 12px;
		float: left;
		margin-left: 16px;
		line-height: 28px;
		font-size: 18px
	}

	.hf-row.desc {
		background: linear-gradient(180deg, rgba(255, 255, 255, .4) 0, rgba(182, 165, 133, .4) 30.01%);
		padding-bottom: 80px;
		height: auto;
		text-align: center;
		padding-top: 64px
	}

	.hf-row.desc .warning {
		text-align: right;
		color: #666;
		font-size: 14px;
		line-height: 20px;
		margin-top: 8px;
		padding-right: 40px
	}

	.hf-row.desc .title.tz {
		margin-top: 100px
	}

	.hf-row.desc .title.team {
		margin-top: 160px
	}

	.hf-row.desc .annotation {
		text-align: left;
		margin: 40px auto 0;
		width: 830px;
		height: 174px;
		background: #F1EDE7;
		border-top: 2px solid #CAB565;
		border-bottom: 2px solid #CAB565;
		padding-left: 20px;
		padding-right: 20px
	}

	.hf-row.desc .annotation ul {
		margin-top: 20px;
		padding: 0
	}

	.hf-row.desc .annotation ul li .t {
		font-weight: 500;
		font-size: 20px;
		line-height: 30px;
		color: #555
	}

	.hf-row.desc .annotation ul li .e {
		font-weight: 400;
		font-size: 16px;
		line-height: 28px;
		color: #666;
		margin-left: 112px
	}

	.hf-row.desc .annotation ul li:nth-child(2) {
		margin-top: 14px
	}

	.hf-row.desc .annotation ul li:nth-child(2) .t {
		color: #872321
	}

	.hf-row.desc img.chart1 {
		margin-top: 60px;
		max-width: 1120px
	}

	.hf-row.desc img.chart2 {
		max-width: 1120px;
		margin-top: 36px
	}

	.hf-row.desc img.chart3 {
		max-width: 1120px;
		margin-top: 60px
	}

	.hf-row.desc img.chart4 {
		max-width: 1120px;
		margin-top: 80px
	}

	.hf-row.how-to-purchase {
		background: #F4F2F0;
		padding-top: 64px;
		height: 600px
	}

	.hf-row.how-to-purchase .text .title {
		text-align: center
	}

	.hf-row.how-to-purchase p.jianguan {
		margin-top: 90px;
		padding-right: 30px;
		text-align: right;
		font-size: 14px;
		line-height: 20px;
		font-weight: 500;
		color: #AAA
	}

	.hf-row.how-to-purchase ul {
		margin-top: 40px;
		padding-left: 0;
		padding-right: 0;
		height: 300px
	}

	.hf-row.how-to-purchase ul li {
		padding-left: 40px;
		padding-right: 40px;
		height: 300px;
		display: block;
		float: left;
		width: 373px;
		background: url(../images/purchase_cell_bg.png) right bottom no-repeat
	}

	.hf-row.how-to-purchase ul li:nth-child(2) {
		padding-left: 56px
	}

	.hf-row.how-to-purchase ul li:last-child {
		background: 0 0;
		padding-left: 56px
	}

	.hf-row.how-to-purchase ul li img.n {
		padding-top: 9px;
		padding-bottom: 9px
	}

	.hf-row.how-to-purchase ul li .t {
		font-size: 24px;
		line-height: 40px;
		font-weight: 700;
		margin-top: 8px
	}

	.hf-row.how-to-purchase ul li .d {
		margin-top: 8px;
		font-size: 16px;
		line-height: 28px
	}

	.hf-row.how-to-purchase ul li .tt {
		font-size: 14px;
		line-height: 24px;
		font-weight: 700
	}

	.hf-row.how-to-purchase ul li .g {
		color: #888;
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 0
	}

	.hf-row.how-to-purchase ul li a.detail {
		margin-top: 40px;
		margin-bottom: 14px
	}

	.hf-row.how-to-purchase ul li .contact {
		margin-top: 14px
	}

	.hf-row.how-to-purchase ul li .contact .b {
		font-size: 16px;
		line-height: 28px;
		font-weight: 700;
		margin-bottom: 8px
	}

	.hf-row.how-to-purchase ul li .contact img.qr {
		float: left;
		width: 72px;
		height: 72px
	}

	.hf-row.how-to-purchase ul li .contact .dail {
		float: left;
		margin-top: 10px;
		margin-left: 9px;
		font-size: 14px;
		line-height: 24px;
		font-weight: 700;
		color: #888
	}

	.hf-row.how-to-purchase ul li .contact .tel {
		padding-left: 24px;
		float: left;
		margin-left: 9px;
		margin-top: 3px;
		letter-spacing: .05em;
		background: url(../images/tel.svg) left center no-repeat
	}

	.hf-row.desc2 {
		background: linear-gradient(180deg, #DDD5C6 0, #C5B79E 100%);
		padding-bottom: 80px;
		height: auto;
		text-align: center;
		padding-top: 100px
	}

	.hf-row.desc2 .warning {
		text-align: right;
		color: #666;
		font-size: 14px;
		line-height: 20px;
		margin-top: 8px;
		padding-right: 40px
	}

	.hf-row.desc2 .title br {
		display: none
	}

	.hf-row.desc2 .title.team {
		margin-top: 160px
	}

	.hf-row.desc2 img.chart3 {
		max-width: 1120px;
		margin-top: 60px
	}

	.hf-row.desc2 img.chart4 {
		max-width: 1120px;
		margin-top: 80px
	}

	.hf-row.achievement {
		letter-spacing: .04em
	}

	.hf-row.achievement .text {
		margin-top: 80px
	}

	.hf-row.achievement .text .title {
		text-align: center
	}

	.hf-row.achievement .text ul {
		padding: 0;
		margin-top: 40px;
		text-align: center
	}

	.hf-row.achievement .text ul li {
		font-size: 20px;
		line-height: 28px;
		text-align: center;
		display: inline-block;
		width: 270px
	}

	.hf-row.achievement .text ul li img {
		margin-bottom: 24px
	}

	.hf-row.achievement .text ul li:first-child {
		margin-left: 0
	}

	.hf-row.agency {
		height: 550px;
		background: linear-gradient(180deg, rgba(209, 195, 173, .4) 0, rgba(182, 165, 133, .4) 100%)
	}

	.hf-row.agency .text {
		padding-top: 80px;
		text-align: center
	}

	.hf-row.agency .text ul {
		display: inline-block;
		width: 1040px;
		text-align: left;
		padding: 0;
		margin-top: 40px
	}

	.hf-row.agency .text ul li {
		text-align: center;
		width: 145px;
		font-size: 16px;
		line-height: 28px;
		display: inline-block;
		margin-bottom: 44px
	}
}

@media (min-width:768px) and (max-width:1199px) {
	.hf-row.product .text {
		padding-left: 40px
	}

	.hf-row.desc img.chart1,
	.hf-row.desc img.chart2,
	.hf-row.desc img.chart3,
	.hf-row.desc img.chart4 {
		width: 920px
	}

	.hf-row.how-to-purchase ul li {
		width: 320px;
		padding-left: 46px;
		padding-right: 30px
	}

	.hf-row.how-to-purchase ul li:nth-child(2) {
		padding-left: 36px
	}

	.hf-row.how-to-purchase ul li:last-child {
		padding-left: 36px
	}

	.hf-row.desc2 img.chart3,
	.hf-row.desc2 img.chart4 {
		width: 920px
	}

	.hf-row.achievement .text ul {
		padding-left: 40px;
		padding-right: 40px
	}

	.hf-row.achievement .text ul li {
		width: 210px
	}

	.hf-row.achievement .text ul li p {
		font-size: 18px
	}

	.hf-row.agency .text ul {
		width: 880px
	}

	.hf-row.agency .text ul li {
		width: 122px
	}
}

@media (max-width:767px) {
	.hf-row.product {
		background-image: url(../images/titlebg.jpg);
		background-size: cover;
		background-color: #FFF;
		color: #333
	}

	.hf-row.product .text {
		text-align: left;
		padding: .4rem
	}

	.hf-row.product .text .qrs {
		margin-top: .4rem
	}

	.hf-row.product .text .qrs img.qr {
		float: left;
		width: .8rem;
		height: .8rem
	}

	.hf-row.product .text .qrs p {
		text-align: left;
		margin-left: .08rem;
		margin-bottom: 0;
		display: block;
		float: left;
		font-size: .14rem;
		line-height: .22rem
	}

	.hf-row.product .text .qrs .green {
		color: #FFF;
		background: #4CBF00;
		margin-left: .08rem;
		float: left;
		display: block;
		text-align: center;
		width: 1.82rem;
		height: .32rem;
		border-radius: .06rem;
		font-size: .14rem;
		line-height: .32rem
	}

	.hf-row.product .text .qrs .green img {
		width: .18rem;
		height: .18rem;
		margin-right: .08rem
	}

	.hf-row.product .text .desc {
		font-size: .2rem;
		line-height: .32rem;
		font-weight: 700
	}

	.hf-row.product .text .desc .comma {
		display: none
	}

	.hf-row.product .text .down {
		text-align: center;
		height: .34rem;
		margin-top: 1.7rem;
		font-size: .14rem;
		color: #666;
		background-image: url(../images/down.svg);
		background-repeat: no-repeat;
		background-position: bottom center
	}

	.hf-row.desc {
		background: linear-gradient(180deg, rgba(255, 255, 255, .4) 0, rgba(182, 165, 133, .4) 50.01%);
		height: auto;
		text-align: center
	}

	.hf-row.desc .title {
		padding-top: .4rem
	}

	.hf-row.desc .warning {
		color: #666;
		padding-right: .25rem;
		padding-bottom: .2rem;
		font-size: .12rem;
		float: right;
		width: 2.8rem;
		text-align: right
	}

	.hf-row.desc .annotation {
		text-align: left;
		margin: 0 auto;
		width: 3.45rem;
		height: 2.6rem;
		background: #F1EDE7;
		margin-top: .24rem;
		border-top: .01rem solid #CAB565;
		border-bottom: .01rem solid #CAB565;
		padding-left: .08rem
	}

	.hf-row.desc .annotation ul {
		margin-top: .24rem;
		padding: 0
	}

	.hf-row.desc .annotation ul li .t {
		font-weight: 700;
		font-size: .16rem;
		line-height: .28rem;
		color: #555
	}

	.hf-row.desc .annotation ul li .e {
		margin-top: .04rem;
		font-weight: 400;
		font-size: .14rem;
		line-height: .22rem;
		color: #666
	}

	.hf-row.desc .annotation ul li:nth-child(2) {
		margin-top: .16rem
	}

	.hf-row.desc .annotation ul li:nth-child(2) .t {
		color: #872321
	}

	.hf-row.desc img.chart1,
	.hf-row.desc img.chart2 {
		margin-top: .2rem;
		width: 3.6rem
	}

	.hf-row.desc img.chart3,
	.hf-row.desc img.chart4 {
		width: 100%
	}

	.hf-row.how-to-purchase {
		background: #F4F2F0;
		padding-top: .45rem;
		height: auto
	}

	.hf-row.how-to-purchase p.jianguan {
		padding-right: .12rem;
		padding-left: 1.1rem;
		font-size: .12rem;
		line-height: .2rem;
		padding-bottom: .06rem;
		color: #AAA
	}

	.hf-row.how-to-purchase .text .title {
		text-align: center
	}

	.hf-row.how-to-purchase ul {
		margin-top: .24rem;
		padding-left: .35rem;
		padding-right: .35rem
	}

	.hf-row.how-to-purchase ul li {
		display: block;
		margin-bottom: .3rem
	}

	.hf-row.how-to-purchase ul li:nth-child(2) p.g {
		padding-right: .5rem
	}

	.hf-row.how-to-purchase ul li img.n {
		height: .64rem;
		padding-top: .09rem;
		padding-bottom: .09rem
	}

	.hf-row.achievement .text,
	.hf-row.desc2 .title {
		padding-top: .4rem
	}

	.hf-row.how-to-purchase ul li .t {
		font-size: .24rem;
		line-height: .36rem;
		font-weight: 700;
		margin-top: .08rem
	}

	.hf-row.how-to-purchase ul li .d {
		margin-top: .12rem;
		font-size: .14rem;
		line-height: .22rem
	}

	.hf-row.how-to-purchase ul li .tt {
		margin-top: .12rem;
		font-size: .14rem;
		line-height: .24rem;
		font-weight: 700
	}

	.hf-row.how-to-purchase ul li .g {
		color: #888;
		font-size: .14rem;
		line-height: .24rem;
		margin-bottom: 0
	}

	.hf-row.how-to-purchase ul li a.detail {
		margin-top: .3rem;
		margin-bottom: .14rem;
		width: 1.92rem
	}

	.hf-row.how-to-purchase ul li .contact {
		margin-top: .12rem
	}

	.hf-row.how-to-purchase ul li .contact .b {
		font-size: .16rem;
		line-height: .28rem;
		font-weight: 700;
		margin-bottom: .08rem
	}

	.hf-row.how-to-purchase ul li .contact img.qr {
		float: left;
		width: .72rem;
		height: .72rem
	}

	.hf-row.how-to-purchase ul li .contact .dail {
		float: left;
		margin-top: .1rem;
		margin-left: .09rem;
		font-size: .14rem;
		line-height: .24rem;
		font-weight: 700;
		color: #888
	}

	.hf-row.how-to-purchase ul li .contact .tel {
		padding-left: .24rem;
		float: left;
		margin-left: .09rem;
		margin-top: .03rem;
		letter-spacing: .05em;
		background: url(../images/tel.svg) left center no-repeat;
		background-size: contain
	}

	.hf-row.how-to-purchase ul li .contact .tel a {
		text-decoration: none
	}

	.hf-row.desc2 {
		background: linear-gradient(180deg, rgba(255, 255, 255, .4) 0, rgba(182, 165, 133, .4) 50.01%);
		height: auto;
		text-align: center
	}

	.hf-row.desc2 img.chart3,
	.hf-row.desc2 img.chart4 {
		width: 100%
	}

	.hf-row.achievement {
		height: 4.4rem;
		letter-spacing: .04em;
		background: linear-gradient(179.97deg, rgba(255, 255, 255, .8) .02%, rgba(182, 165, 133, .8) 198.68%)
	}

	.hf-row.achievement .text .title {
		margin: 0 auto;
		text-align: center;
		width: 2.3rem
	}

	.hf-row.achievement .text .title span {
		display: block
	}

	.hf-row.achievement .text ul {
		padding: 0;
		margin-top: .4rem;
		text-align: center
	}

	.hf-row.achievement .text ul li {
		vertical-align: top;
		margin-bottom: .3rem;
		font-size: .14rem;
		line-height: .22rem;
		text-align: center;
		display: inline-block;
		width: 1.6rem
	}

	.hf-row.achievement .text ul li br {
		display: none
	}

	.hf-row.achievement .text ul li img {
		width: .64rem;
		height: .64rem;
		margin-bottom: .16rem
	}
}