html {
	font-size: 50px;
}

.clear {
	clear: both;
}

.clear:after {
	content: '\20';
	clear: both;
	display: block;
	height: 0;
}

.color-green {
	color: #19e504;
}

.color-red {
	color: #ff4f4f;
}

.color-yellow {
	color: #f9fb08;
}

.main {
	width: 7.5rem;
	margin: 0 auto;
	padding: .22rem .22rem 2.16rem;
	font-size: .28rem;
	color: #000;
}

.main-title {
	color: #000;
	font-size: .41rem;
	font-weight: 600;
}

.breadcrumb {
	margin-top: .2rem;
	color: #626262;
}

.breadcrumb > span,
.breadcrumb > a {
	display: inline-block;
	margin-right: .2rem;
	vertical-align: middle;
	text-decoration: none;
	color: #626262;
}

.breadcrumb .featured {
	width: .73rem;
	height: .42rem;
	line-height: .42rem;
	text-align: center;
	border: .01rem solid #626262;
	border-radius: .1rem;
}

.img1-box {
	display: block;
	width: 7.05rem;
	height: 3.06rem;
	margin: .3rem auto;
	background: url(../image/img1.png) no-repeat center/cover;
}

.copywriter {
	margin-bottom: .25rem;
	line-height: .4rem;
	letter-spacing: .01rem;
}

.copywriter.bold {
	font-weight: 600;
}

.copywriter span {
	display: inline;
	color: #ff2020;
	font-weight: 600;
}

.img2-box {
	display: block;
	width: 3.89rem;
	height: 2.91rem;
	margin: .3rem auto .5rem;
	background: url(../image/img2.png) no-repeat center/cover;
}

.key-points-title {
	margin-bottom: .2rem;
	font-size: .41rem;
	color: #1057ad;
	font-weight: 600;
}

.key-points-title > i,
.key-points-title > span {
	display: inline-block;
	vertical-align: middle;
}

.key-points-title-icon {
	width: .1rem;
	height: .57rem;
	margin-right: .2rem;
	background: #1057ad;
}

.key-points ol {
	list-style-type: none;
	counter-reset: sectioncounter;
	color: #ff0000;
	font-size: .33rem;
	line-height: .6rem;
	font-weight: 600;
}

.key-points ol li:before {
	content: counter(sectioncounter) '、';
	counter-increment: sectioncounter;
}

.btn1 {
	display: block;
	width: 7.05rem;
	height: .86rem;
	margin: .3rem auto .5rem;
	background: url(../image/btn1.png) no-repeat center/cover;
}

/* .img3-box {
	display: block;
	width: 7.05rem;
	height: 4.82rem;
	margin: .3rem auto .5rem;
	background: url(../images/img3.png?v=008) no-repeat center/cover;
} */

.btn2 {
	display: block;
	width: 7.05rem;
	height: .86rem;
	margin: .3rem auto .5rem;
	background: url(../image/btn2.png) no-repeat center/cover;
}

.btn3 {
	display: block;
	width: 7.05rem;
	height: .86rem;
	margin: .3rem auto .5rem;
	background: url(../image/btn3.png) no-repeat center/cover;
}

.img4-box {
	display: block;
	width: .42rem;
	height: .45rem;
	margin: .3rem auto .2rem;
	background: url(../image/img4.png) no-repeat center/cover;
}

.img5-box {
	display: block;
	width: 7.1rem;
	height: 1.06rem;
	margin: 0 auto .2rem;
	background: url(../image/img5.png) no-repeat center/cover;
}

.statement {
	font-size: .24rem;
	font-weight: 300;
}

.statement ol {
	line-height: .4rem;
	list-style-type: none;
	counter-reset: sectioncounter;
}

.statement ol li {
	margin-top: .2rem;
}

.statement ol li:before {
	content: counter(sectioncounter) '、';
	counter-increment: sectioncounter;
}

.img6-box {
	display: block;
	width: 7.05rem;
	height: 18.62rem;
	margin: .2rem auto .2rem;
	background: url(../image/img6.png) no-repeat center/cover;
}

.popup-right {
	position: fixed;
	right: 0;
	top: 50%;
	width: 1.88rem;
	height: 1.01rem;
	background: url(../image/img7.png) no-repeat center/cover;
	transform: translateY(-50%);
}

.footer {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 7.5rem;
	height: 2.17rem;
	margin: 0 auto;
	background: url(../image/footer.png) no-repeat center/cover;
}

.footer-right {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 3.94rem;
	height: 2.16rem;
}

.footer-btn {
	position: absolute;
	bottom: .15rem;
	left: 0;
	right: 0;
	width: 2.39rem;
	height: .59rem;
	margin: 0 auto;
	background: url(../image/footer-btn.png) no-repeat center/cover;
}

.bigSame {
	animation: bigSame 0.9s linear infinite both;
}

@keyframes bigSame {
	0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(0.9, 0.9);
	}
	100% {
		transform: scale(1, 1);
	}
}