MeetMateApp/pages/w3/box.scss

page {
	background-color: #161616;
	width: 100%;
	height: 100vh;
	background: url('../../static/w3/bg.png');
	background-size: 750rpx 1624rpx;
	background-repeat: repeat-y;
}
.page {
	width: 750rpx;
	background: url('../../static/w3/bg.png');
	background-size: 750rpx 1624rpx;
	background-repeat: repeat-y;
}
.thread {
	height: 20rpx;
}

.thread2 {
	height: 60rpx;
}
.tabMain {
	display: flex;flex-direction: row;justify-content: space-between;align-items: center;
	width:710rpx;margin: 0rpx auto;padding-top:20rpx;
	.menu {
		width:334rpx;height:84rpx;
		background: url('../../static/w3/rule/tab_bg.png');
		background-size: 334rpx 84rpx;margin:0 auto;
		display: flex;flex-direction: row;justify-content: center;align-items: center;
		font-weight: bold;
		font-size: 32rpx;
		color: #999999;
	}
	.active {
		background: url('../../static/w3/rule/tab_bg_sel.png');
		background-size: 334rpx 84rpx;
		font-weight: bold;
		font-size: 32rpx;
		color: #FF4655;
	}
}
.tabMain2 {
	display: flex;flex-direction: row;justify-content: space-around;align-items: center;
	width:690rpx;margin: 20rpx auto;
	.menu {
		width:230rpx;height:52rpx;margin:0 auto;
		display: flex;flex-direction: row;justify-content: center;align-items: center;
		font-weight: 400;
		font-size: 28rpx;
		color: #999999;
	}
	.active {
		background: url('../../static/w3/rule/bg_blank.png');
		background-size: 230rpx 52rpx;
		font-weight: bold;
		font-size: 28rpx;
		color: #FFFFFF;
	}
}
.list_item {
	width:690rpx;height:308rpx;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
	background: url('../../static/w3/bg_box.png');
	background-size: 690rpx 308rpx;margin:0rpx auto;margin-bottom: 20rpx;
	.item1 {
		width:690rpx;height:70rpx;
		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
		.left {
			font-weight: bold;padding-left:30rpx;
			font-size: 32rpx;
			color: #FFFFFF;
		}
		.right {
			font-weight: 400;padding-right:30rpx;
			font-size: 28rpx;
			color: #FFFFFF;
		}
		.state2 {
			font-weight: bold;
			font-size: 28rpx;
			color: #FF4655;
		}
	}
	.item2 {
		width:690rpx;height:228rpx;
		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
		.left {
			width:250rpx;
			display: flex;flex-direction: column;justify-content: center;align-items: center;
			image {
				width:168rpx;
			}
			.name {
				font-weight: bold;margin-top: 14rpx;text-align: left;
				font-size: 28rpx;
				color: #FFFFFF;
			}
			.time {
				font-weight: 400;margin-top: 14rpx;text-align: left;
				font-size: 24rpx;
				color: #999999;
			}
		}
		.right {
			width:440rpx;
			display: flex;flex-direction: column;justify-content: space-between;align-items: center;
			.content {
				font-weight: 400;font-size: 24rpx;color: #FFFFFF;
				padding-right:80rpx;
			}
			.act {
				width:100%;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;padding-right: 30rpx;padding-top:20rpx;
				image {
					width:100rpx;height:32rpx;
				}
			}
		}
	}
}
.state12 {
	width:690rpx;height:388rpx;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
	background: url('../../static/w3/bg_box2.png');
	background-size: 690rpx 388rpx;margin:0rpx auto;margin-bottom: 20rpx;
	.item1 {
		.right {
			font-weight: bold;
			font-size: 28rpx;
			color: #FF4655;
		}
	}
	.item2 {
		width:690rpx;height:318rpx;
		.left {
			width:280rpx;height:318rpx;
		}
		.right {
			width:410rpx;
			display: flex;flex-direction: column;justify-content: space-between;align-items: center;
			.content {
				height:128rpx;
			}
			.act {
				width:100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;padding-right: 30rpx;
				.state_name {
					font-weight: bold;
					font-size: 28rpx;
					color: #FF4655;margin-bottom: 16rpx;
				}
				.sign_name {
					font-weight: normal;
					font-size: 24rpx;
					color: #fff;margin-bottom: 16rpx;
				}
				image {
					height:32rpx;
				}
			}
		}
	}
}