@media (min-width: 370px) {
	.box { /*step1 设置框体长宽*/
		width: 7rem;
		height: 2rem;
		color: #FF9400;
		margin: 2rem auto;
	}
		.zhengwenp{
			height:auto;
		}
	.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8 { /*step2 设置圆角像素高度 用来组合*/
		display: block;
		height: 1px;
		overflow: hidden;
	}

	.r1, .r8 {
		margin: 0 5px;
		background-color: #FF9400;
	}

	.r2, .r7 { /*表示左右边框宽各为2px */
		margin: 0 3px;
		border-left: 2px solid;
		border-right: 2px solid;
	}
	h4{
		margin-top: 1rem
	}
	.r3, .r6 {
		margin: 0 2px;
		border-left: 1px solid;
		border-right: 1px solid;
	}

	.r4, .r5 {
		margin: 0 1px;
		border-left: 1px solid;
		border-right: 1px solid;
	}

	.box p {
		border-right: 1px solid #FF9400;
		border-left: 1px solid #FF9400;
		overflow: hidden;
		height: 1.5rem;
		margin: 0 auto;
		text-align: center;
	}
	.yelloiconstyle{
		margin-top: 3rem;
	}
}

@media (min-width: 1200px) {
	.box { /*step1 设置框体长宽*/
		width: 8rem;
		height: 2rem;
		color: #FF9400;
		margin: 2rem auto;
	}
	.zhengwenp{
		height: 9rem;
	}
	.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8 { /*step2 设置圆角像素高度 用来组合*/
		display: block;
		height: 1px;
		overflow: hidden;
	}

	.r1, .r8 {
		margin: 0 5px;
		background-color: #FF9400;
	}

	.r2, .r7 { /*表示左右边框宽各为2px */
		margin: 0 3px;
		border-left: 2px solid;
		border-right: 2px solid;
	}

	.r3, .r6 {
		margin: 0 2px;
		border-left: 1px solid;
		border-right: 1px solid;
	}

	.r4, .r5 {
		margin: 0 1px;
		border-left: 1px solid;
		border-right: 1px solid;
	}

	.box p {
		border-right: 1px solid #FF9400;
		border-left: 1px solid #FF9400;
		overflow: hidden;
		height: 1.5rem;
		margin: 0 auto;
		text-align: center;
	}
	.yelloiconstyle{
		margin-top: 1rem;
	}
}