/* components/phone-input/phone-input.wxss */
@import '../../style/opacity.wxss';

.bg {
	position: fixed;
	right: 0;
	top: 0;
	width: 300rpx;
	height: 300rpx;
	z-index: -1;
}

.header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 75rpx;
}

.title {
	width: 100%;
	font-size: 54rpx;
	padding: 0 90rpx;
	box-sizing: border-box;
	margin: 59rpx 0;
}

.inputphone {
	width: 570rpx;
	height: 100rpx;
	border-bottom: 4rpx solid rgba(238, 238, 238, 1);
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.inputphone-input {
	flex: 1;
	height: 100%;
}

.clear {
	height: 100%;
	width: 80rpx;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.clear-image {
	width: 23rpx;
	height: 23rpx;
}

.agreement {
	width: 570rpx;
	font-size: 24rpx;
	color: #777;
	margin: 35rpx auto;
}

.agreement-content {
	color: #0177FF;
}

.button {
	display: flex;
	align-items: center;
	justify-content: center;
}


.button-content {
	width: 570rpx;
	height: 88rpx;
	color: #fff;
	font-size: 34rpx;
	background: rgba(1, 119, 255);
	border-radius: 10rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}