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

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

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

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

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

.second-btn{
	height: 59rpx;
	width: 107rpx;
	margin: 0rpx;
	border-radius: 4rpx;
	border: 1rpx solid #AAAAAA;
	background-color: #cccccc;
	font-size: 22rpx;
}

uni-button:after{
	border: none;
}

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

/* .sec-first{
	width: 650rpx;
	height: 100rpx;
	display: flex;
	align-items: center;
	font-size: 25rpx;
}

.sec-first-one{
	margin: 0 auto;
	width: 100rpx;
	margin-left: 110rpx;
}

.sec-first-two{
	margin: 0 auto;
	width: 100rpx;
	margin-left: 150rpx;
}

.sec-second{
	margin-top: 40rpx;
	margin-left: 35rpx;
	height: 618rpx;
	width: 470rpx;
	display: flex;
	justify-content: space-between;
}

.first-col{
	width: 200rpx;
	font-size: 20rpx;
}

.second-col{
	margin-top: 17rpx;
	display: flex;
}

.second-col-line{
	width: 83rpx;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.second-col-item{
	width: 50rpx;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.col-item{
	height: 57rpx;
	border: 3rpx solid #000000;
}

.shop-btn{
	height: 57rpx;
	font-size: 25rpx;
	text-align: center;
	padding-top: 10rpx;
	border: 3rpx solid #000000;
	background-color: #62CA8E;
	color: #FFFFFF;
	
}

.shop-btn:first-child,.col-item:first-child{
	border-top: 5rpx solid #000000;
}

.shop-btn:last-child,.col-item:last-child{
	border-bottom: 5rpx solid #000000;
}

.shop-text{
	height: 32rpx;
}

.sec-third{
	margin-top: 20rpx;
	margin-left: 50rpx;
	width: 600rpx;
	height: 98rpx;
	display: flex;
	align-items: center;
	font-size: 25rpx;
}

.sec-third-one{
	margin: 0 auto;
	width: 200rpx;
	padding-left: 110rpx;
}

.sec-third-two{
	margin: 0 auto;
	width: 200rpx;
	padding-left: 100rpx;
} */

/* 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;
}



/* 改 */
.second-content{
	margin-top: 50rpx;
	height: 940rpx;
	background-image: url(../../static/images/index.png);
	background-size: 691rpx;
}

.sec-first{
	width: 650rpx;
	height: 100rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25rpx;
	padding-top: 8rpx;
	font-size: 35rpx;
	font-weight: 700;
	/* border: 1rpx solid #005BF1; */
}

.sec-first-one{
	margin: 0 auto;
	width: 100rpx;
	margin-left: 110rpx;
}

.sec-first-two{
	margin: 0 auto;
	width: 100rpx;
	margin-left: 150rpx;
}

.sec-second{
	/* margin-top: 48rpx; */
	margin-left: 50rpx;
	/* border: 1rpx solid #005BF1; */
	height: 800rpx;
	width: 580rpx;
	display: flex;
	justify-content: space-between;
}

.first-col{
	width: 200rpx;
	font-size: 20rpx;
}

.second-col{
	/* margin-top: 20rpx; */
	/* width: 216rpx; */
	/* border: 1rpx solid #005BF1; */
	display: flex;
	height: 800rpx;
}

.second-col-line{
	/* margin: 0rpx 5rpx; */
	width: 150rpx;
	height: 800rpx;
	display: flex;
	flex-direction: column;
	/* border: 1rpx solid #4CD964; */
}

.second-col-item{
	width: 40rpx;
	height: 800rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.col-item{
	/* height: 70rpx; */
	/* border-top: 4rpx solid #000000; */
}

.shop-btn{
	height: 72rpx;
	font-size: 24rpx;
	text-align: center;
	padding-top: 7rpx;
	/* margin: 2rpx 0rpx; */
	border: 3rpx solid #000000;
	background-color: #62CA8E;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	
}

.shop-btn:first-child, .col-item:first-child{
	border-top: 5rpx solid #000000;
}

.shop-btn:last-child, .col-item:last-child{
	border-bottom: 5rpx solid #000000;
}

.shop-text{
	height: 38rpx;
	width: 180rpx;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.sec-third{
	margin-top: 20rpx;
	margin-left: 50rpx;
	/* border: 1rpx solid #DD524D; */
	width: 600rpx;
	height: 118rpx;
	display: flex;
	align-items: center;
	font-size: 25rpx;
}

.sec-third-one{
	margin: 0 auto;
	width: 200rpx;
	padding-left: 110rpx;
}

.sec-third-two{
	margin: 0 auto;
	width: 200rpx;
	padding-left: 100rpx;
}




