MeetMateApp/pages/login/login.scss

page {
	background-color: #161616;
	width: 100%;
	height: 100%;
}
.page {
	background-color: #161616;
	width: 100%;
	height:100vh;
}
.header {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 750rpx;height: 220rpx;
	padding-top: calc(var(--status-bar-height) + 0rpx);
	.left {
		display: flex;flex-direction: row;width:100rpx;height:60rpx;
		justify-content: center;
		padding-left:50rpx;
		image {
			width:36rpx;height:36rpx;
		}
	}
}
.thread {
	height: 20rpx;
}
.thread2 {
	height: 60rpx;
}

.tbody {
	display: flex;flex-direction: column;justify-content: center;align-items: center;
	image {
		width:152rpx;height:152rpx;
	}
	.mobile {
		font-weight: bold;margin-top:84rpx;
		font-size: 52rpx;
		color: #FFFFFF;
	}
	.tips {
		font-weight: 400;margin-top:76rpx;
		font-size: 24rpx;
		color: #D0D0D0;
	}
	.btn_submit {
		width: 660rpx;height: 96rpx;margin-top:38rpx;
		background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
		border-radius: 28rpx 28rpx 28rpx 28rpx;
		display: flex;flex-direction: column;justify-content: center;align-items: center;
		font-weight: bold;
		font-size: 32rpx;
		color: #FFFFFF;
	}
	.other {
		margin-top:38rpx;
		display: flex;flex-direction: row;justify-content: center;align-items: center;
		color:#fff;font-size:24rpx;
		.line {
			width:2rpx;height:24rpx;background-color: #fff;margin-left: 30rpx;margin-right: 30rpx;
		}
	}
	.name {
		width:690rpx;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;
		color:#fff;font-size: 28rpx;margin-top: 20rpx;
		.right {
			font-size: 28rpx;
			color: #FF2A95;
		}
	}
	.item {
		width: 690rpx;height: 84rpx;margin-top: 20rpx;
		background: #282828;position: relative;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		input {
			width:100%;height:100%;padding-left: 20rpx;font-size: 28rpx;color:#fff;
		}
		.btn {
			position: absolute;right:20rpx;top:0rpx;
			font-weight: 400;
			font-size: 28rpx;line-height: 84rpx;
			color: #FF2A95;
		}
		.arrow {
			width:36rpx;position: absolute;right:20rpx;top:24rpx;
		}
	}
	.other_list {
		width: 690rpx;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-top:38rpx;
		.left {
			font-weight: bold;
			font-size: 28rpx;
			color: #FF2A95;
		}
		.right {
			font-weight: bold;
			font-size: 28rpx;
			color: #FFFFFF;
		}
	}
	.wechat {
		width: 88rpx;height: 88rpx;margin-top:200rpx;
		background: rgba(255,255,255,0);
		border: 2rpx solid #D0D0D0;border-radius: 44rpx;
		display: flex;flex-direction: row;justify-content: center;align-items: center;
		image {
			width:62rpx;
		}
	}
	.agree {
		width:100%;text-align: center;color:#959595;font-size: 22rpx;margin-top: 40rpx;
		display: flex;flex-direction: row;justify-content: center;align-items: center;
		.agree2 {
			display: flex;flex-direction: row;justify-content: center;align-items: center;
		}
		.xy {
			color:#FF2A95;
		}
		image {
			width:32rpx;margin-right: 8rpx;
		}
	}
	
}
.blankHeight {
	width:750rpx;height:180rpx;
}