MoeNovaClient/pages/login/login.scss

page {
	background-color:#fff;
	width: 100%;
	height: 100%;
}
.page {
	background-color:#fff;
	width: 100%;
	height:100vh;
}
.header {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 750rpx;height: 220rpx;
	padding-top: calc(var(--status-bar-height) + 90rpx);
	// .left {
	// 	display: flex;flex-direction: row;width:100rpx;height:60rpx;
	// 	justify-content: center;
	// 	padding-left:50rpx;
	// 	image {
	// 		width:36rpx;height:36rpx;
	// 	}
	// }
	.title {
		text-align: center; 
		width: 100%;
		font-weight: 600;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 48rpx;
		color: #1F1F1F;
	}

	.subtitle {
		font-size: 24rpx;
		font-weight: 400;
		color: #959595;
		text-align: center;
		margin-top: 20rpx;
		width: 100%;
	}
}
.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%);
		background-color: #1f1f1f;
		border-radius: 28rpx 28rpx 28rpx 28rpx;
		border-radius: 58rpx;
		display: flex;flex-direction: column;justify-content: center;align-items: center;
		font-weight: bold;
		font-size: 32rpx;
		color: #FFFFFF;
		transition: all 0.2s ease;
		position: relative;
		overflow: hidden;
		&:active {
			transform: scale(0.95);
			opacity: 0.8;
		}
	&.white{
		background: #fff;
		color: #1f1f1f;
		border: solid 4rpx #1f111f;
	}
	}
	.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: #fff;
		}
		.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: #0084FF;
		}
		.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: #1f1f1f;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:#0084FF;
		}
		image {
			width:32rpx;margin-right: 8rpx;
		}
	}
	
	// 自定义输入框样式
	.item{
		background-color: #fff;
		border: solid 4rpx #000000;
		border-radius: 74rpx;
		::v-deep.uni-input-placeholder{
			color: #999;
		}
		::v-deep.uni-input-input{
			color: #1f1f1f;
		}
		.btn{
			background: #1f1f1f;
			display: inline-block;
			line-height: 1; 
			display: flex;
			align-items: center;
			justify-content: center;
			top: 50%;
			right: 8rpx;
			transform: translateY(-50%);
			padding: 18rpx 25rpx;
			height: auto;
			border-radius: 74rpx;
			
		}
	}
	
}
.blankHeight {
	width:750rpx;height:180rpx;
}