shuquAi/pages/user/signin.scss

page{
	overflow-x: hidden;
}
::v-deep ._img{
	// margin-left: 50%!important;
	
	// transform: translateX(-50%)!important;
}

::v-deep ._span{
	display: flex;
	justify-content: center;
}
.topTxtAndImg{
	overflow-x: hidden;

	margin-bottom: 100rpx;
	display: flex;
	align-items: center;
	flex-direction: column;
	.swiper{

		
	}
	.txt{
		font-size: 32rpx;
		text-align: justify;
		line-height: 50rpx;
		// text-indent: 2em;
		margin-top: 30rpx;
	}
}





	.custom-style {
		color: #ff0000;
		width: 220rpx;
	}



	.signin {
		font-weight: 700;
		font-size: 20px;
		color: #101010;
		margin: 45rpx 76rpx 76rpx;

	}

	.site_logo {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.weixin {
		width: 160rpx;
		height: 160rpx;
		border-radius: 50%;
	}

	.site_name {
		width: 100%;
		display: flex;
		justify-content: center;
		font-size: 36rpx;
		margin-top: 30rpx;
		font-weight: bold;
	}

	.detailed {
		color: #999;
		font-size: 28rpx;
		margin-top: 80rpx;
		width: 100%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.grant {
		background: linear-gradient(to right, #199063, #26C47D);
		border: 1px solid #199063;
		width: 80%;
		height: 42px;
		border-radius: 50rpx;
		font-size: 28rpx;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		margin-top: 180rpx;
		position: relative;

		.dlu {
			padding-left: 12rpx;
		}

		.button {
			position: absolute;
			width: 100%;
			height: 80rpx;
			opacity: 0;
		}
	}

	.toregister {
		font-size: 26rpx;
		margin-top: 16rpx;
		color: #c7c7cc;
	}

	.grants {
		// background:linear-gradient(to right,#199063,#26C47D);
		border: 1px solid #199063;
		// background: #fff;
		width: 80%;
		height: 42px;
		border-radius: 50rpx;
		font-size: 28rpx;
		color: #199063;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		margin-top: 38rpx;
		position: relative;

		.dlu {
			padding-left: 12rpx;
		}

		.button {
			position: absolute;
			width: 100%;
			height: 80rpx;
			opacity: 0;
		}
	}

	.clause {
		display: flex;
		justify-content: center;
		font-size: 26rpx;
		color: #c7c7cc;

		margin-left: 12rpx;
	}

	.getbutton {
		position: absolute;
		width: 100%;
		height: 80rpx;
		opacity: 0;
		margin-top: 180rpx;
	}

.scroll{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 750rpx;
}
	.container {
		// overflow-x: hidden;
		// overflow-y: scroll;
		margin-top: 75rpx;	
		// height: 750rpx;
		
		.bg {
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			height: 400rpx;
			// min-height: 800rpx;
			margin-bottom: 80rpx;
		}

		.topimg {
			image {
				width: 180rpx;
				height: 180rpx;
				border-radius: 50%;
			}
		}

		.textl_ogin {
			// padding-top: 10rpx;
			font-size: 40rpx;
			margin: 0 60rpx 50rpx;
			font-weight: bold;
		}

		.login {
			margin-bottom: 80rpx;
		}

		.signinnow {
			background: #26C47D;
			font-size: 34rpx;
			color: #fff;
			margin: 0 60rpx 40rpx;
			text-align: center;
			line-height: 90rpx;
			height: 90rpx;
			border-radius: 16rpx;
			font-weight: bold;
		}
.forgetPwd{
	padding: 0 70rpx;
	font-size: 30rpx;
	font-weight: 600;
}
		.input {
			// width: 630rpx;
			height: 100rpx;
			padding: 0 30rpx;
			background: #f7f7f7;
			border-radius: 16rpx;
			flex-direction: row;
			// margin-left: 60rpx;
			// margin-bottom: 40rpx;
			margin: 0 60rpx 40rpx;
			font-style: normal;
			font-size: 30rpx;
			font-family: Droid Sans Fallback;

			&-icon {
				width: 30rpx;
				height: 38rpx;
			}
		}

		.hoversubmit {
			background: #F7F7F7;
			color: #ACACB3;
		}

		.vs-flex-item {
			flex: 1;
			margin-left: 16rpx;
		}
	}
	
	
	
	
	.main{
		display: flex;
		display: flex;
		justify-content: space-around;
		margin-top: 50rpx;
		padding: 0 20rpx;
		
		.defBtn{
			    border: 1px solid #199063;
			    // width: 250rpx;
			    width: 500rpx;
			    height: 42px;
			    border-radius: 26px;
			    font-size: 14px;
			    color: #199063;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    font-weight: bold;
		}
		.chatGpt{
			border: 1px solid #199063;
			width: 250rpx;
			height: 42px;
			border-radius: 26px;
			font-size: 14px;
			color: #199063;
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: bold;
		}
	}
	
	
	
	.banner{
		width: 680rpx;
	
		border-radius: 30rpx;
		aspect-ratio: 4/3;
		image{
			width: 100%;
			height: 100%;
			border-radius: 30rpx;
		}
	}
	
	.wxBox{
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin-top: 15px;
		.wxBtn{
			width: 350rpx;
			margin-top: 0;
		}
		.tyGpt{
			margin-top: 0;
			border: 1px solid #199063;
			    height: 42px;
			    border-radius: 26px;
			    font-size: 12px;
			    color: #199063;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    font-weight: bold;
			    // margin-top: 19px;
			    position: relative;
				padding-left: 30rpx;
				padding-right: 30rpx;
		}
	}
	
	.deftoregister{
		margin-top: 50rpx;
		padding-left: 60rpx;
	}
	
	.outerCon{
		overflow-x: hidden;
		.mobile{
			overflow-x: hidden;
		}
	}