.content {
	width: 6.1rem;
	margin: 0 auto
}

.item {
	margin-top: .57rem;
	margin-bottom: 1rem
}

.item:first-child {
	margin-bottom: .7rem
}

.header {
	color: #272727;
	font-size: .34rem;
	margin-bottom: .46rem
}

.circle {
	width: .58rem;
	height: .58rem;
	line-height: .58rem;
	border-radius: .29rem;
	margin-right: .27rem;
	background-color: #e7e7ea;
	display: inline-block;
	text-align: center
}

.step1,
.tips {
	width: 5.9rem;
	margin-left: .2rem;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast
}

.red {
	color: #f31d1d
}

.tips {
	height: 12.01rem;
	background: url(/sdk/img/tips.png?v=62580);
	background-size: 100%;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}

.step1 {
	height: 3.61rem;
	background: url(/sdk/img/step1.png?v=62580);
	background-size: 100%;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}

.step2,
.step3 {
	height: 3.61rem;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	width: 5.9rem;
	margin-left: .2rem;
	-ms-interpolation-mode: nearest-neighbor
}

.step2 {
	background: url(/sdk/img/step2.png?v=62580);
	background-size: 100%;
	image-rendering: crisp-edges
}

.step3 {
	background: url(/sdk/img/step3.png?v=62580);
	background-size: 100%;
	image-rendering: crisp-edges
}

.step4 {
	width: 5.9rem;
	height: 9.51rem;
	margin-left: .2rem;
	background: url(/sdk/img/step4.png?v=62580);
	background-size: 100%;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}