MeetMateApp/pages/my/M_purchase.scss

page {
	background-color: #161616;
}
.page {
	background-color: #161616;
	width: 100%;
	height: 100vh;
	background: url('http://c.yujianmate.com/images/v1/bg.png');
	background-size: 750rpx 1624rpx;
	background-repeat: repeat-y;
}
.topbg {
}
.topBody {
	width:750rpx;
}
.header {
	display: flex;flex-direction: row;justify-content: space-between;align-items: center;color:$title;

	.title {
		font-size: 34rpx;
	}
}
.thread {
	height:210rpx;
	padding:50rpx;font-size: 52rpx;color:#6E6A6A;padding-top: 80rpx;
}
.myinfo {
	width: 720rpx;display:flex;flex-direction: column;margin:0rpx 30rpx 60rpx;justify-content: flex-start;
	
	.purchaseList {
		display: flex;flex-direction: row;justify-content: center;align-items: center;
		flex-wrap: wrap;

		.item {
			display: flex;justify-content: center;flex-direction: column;
			border-radius: 28rpx 28rpx 28rpx 28rpx;
			border: 2rpx solid #28292D;
			width:214rpx;height:162rpx;
			margin-right:24rpx;
			margin-bottom:24rpx;
			.num1 {
				text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;
				.name {
					font-size: 36rpx;color:#FFFFFF;margin-top: 12rpx;
				}
			}
			.num2 {
				text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;
				.name {
					font-size: 28rpx;color:#999999;margin-top: 12rpx;
				}
			}
		
		}
		.itemSel{
			background: #321A23;
			border-radius: 28rpx 28rpx 28rpx 28rpx;
			border: 4rpx solid #FF3B85;
			.num1 {
				.name {
					color:#FF3B85;
				}
			}
			.num2{
				.name {
					color:#FFFFFF;
				}
			}
		}
			
	}
	.mingxiList {
		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
		position: relative;
		.left {
			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
			padding-left:10rpx;
			padding-top: 20rpx;
			.icon{
				padding-left:5rpx;
				width: 48rpx;
			}
			width: 750rpx;
			height: 112rpx;
			background: rgba(22,22,22,0);
			border-radius: 0rpx 0rpx 0rpx 0rpx;
		}
		.right{
			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
			padding-right:40rpx;
			padding-top: 20rpx;
			.icon{
				padding-left:5rpx;
				height: 32rpx;
			}
		}
	
	}
	.line{
		width: 690rpx;
		height: 2rpx;
		margin-top: 20rpx;
		background: #393939;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	
	.btn_submit {
		width: 660rpx;height: 96rpx;position: fixed;bottom:150rpx;left:45rpx;
		background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
		border-radius: 28rpx;font-weight: bold;font-size: 32rpx;color: #FFFFFF;
		display: flex;flex-direction: row;justify-content: center;align-items: center;
	}
	.bottom{
		width: 660rpx;height: 96rpx;position: fixed;bottom:50rpx;left:45rpx;
		display: flex;flex-direction: row;justify-content: center;align-items: center;
	}
	

	
}
.blankHeight {
	height:100rpx;
}