.color1{
	background-color: #F88A64 !important;
}

.color2{
	background-color: #D0524E !important;
	
}

.content{
	width: 691rpx;
	height: 1334rpx;
	margin: 20rpx auto;
	font-size: 25rpx;
	/* border: 1rpx solid #007AFF; */
}

/* first */
.first-line{
	height: 59rpx;
	display: flex;
}

.first-btn{
	height: 59rpx;
	width: 107rpx;
	margin-right: 36rpx;
	margin-left: 0rpx;
	border: 1rpx solid #AAAAAA;
	background-color: #FFFFFF;
	border-radius: 4rpx;
	font-size: 22rpx;
}

.second-btn{
	height: 59rpx;
	width: 107rpx;
	margin: 0rpx;
	border-radius: 4rpx;
	color: #FFFFFF;
	font-size: 22rpx;
	background-color: #005BF1;
}

uni-button:after{
	border: none;
}

/* second */
.second-content{
	margin-top: 24rpx;
	height: 885rpx;
	background-image: url(../../static/images/second1.png);
	background-size: 691rpx;
}

.sec-first{
	display: flex;
	width: 565rpx;
	margin-left: 106rpx;
	height: 110rpx;
	align-items: center;
	/* border: 1rpx solid #005BF1; */
}

.sec-first-shop{
	width: 230rpx;
	height: 96rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 6rpx;
	border: 4rpx solid #000000;
	background-color: #62CA8E;
}

.shop-text{
	width: 100rpx;
}

.sec-first-item{
	width: 100rpx;
	margin: 0 auto; 
}

.sec-second{
	display: flex;
	justify-content: space-between;
	font-size: 29rpx;
}

.first-col{
	width: 130rpx;
	height: 660rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.first-col-text{
	width: 30rpx;
}

.second-col{
	width: 180rpx;
	height: 660rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.third-col{
	width: 160rpx;
	height: 575rpx;
	/* margin-left: 56rpx; */
	margin-top: 45rpx;
}

.third-col-one{
	height: 410rpx;
	width: 162rpx;
	background-color: #62CA8E;
	border: 4rpx solid #000000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.one-shop-text{
	width: 30rpx;
}

.third-col-two{
	width: 162rpx;
	height: 164rpx;
	background-color: #62CA8E;
	border: 4rpx solid #000000;
	border-top: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fourth-col{
	width: 110rpx;
	height: 660rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-left: 30rpx; */
}

.sec-third{
	margin-top: 12rpx;
	height: 100rpx;
	width: 480rpx;
	margin-left: 105rpx;
	display: flex;
	justify-content: space-between;
	/* border: 1rpx solid #005BF1; */
}

.sec-third-one{
	height: 96rpx;
	width: 230rpx;
	border: 4rpx solid #000000;
	border-bottom: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #62CA8E;
}

.sec-third-two{
	height: 96rpx;
	width: 186rpx;
	border: 4rpx solid #000000;
	border-bottom: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #62CA8E;
}

/* third */
.third-note{
	margin-top: 27rpx;
	font-size: 24rpx;
}

.third-first{
	color: #333333;
}

.third-second{
	margin-top: 19rpx;
	margin-left: 58rpx;
}

.one-line{
	margin-top: 19rpx;
	display: flex;
	align-items: center;
}

.one-block{
	width: 35rpx;
	height: 21rpx;
	background-color: #62CA8E;
	margin-right: 20rpx;
}

.tow-line{
	margin-top: 25rpx;
	display: flex;
	align-items: center;
}

.two-block{
	width: 35rpx;
	height: 21rpx;
	background-color: #F88A64;
	margin-right: 20rpx;
}

.three-line{
	margin-top: 25rpx;
	display: flex;
	align-items: center;
}

.three-block{
	width: 35rpx;
	height: 21rpx;
	background-color: #D0524E;
	margin-right: 20rpx;
}

.third-text{
	font-size: 24rpx;
}