<template>
	<view :style="{background:`url(${bg})`}" class="body">
		<view class="one1">
			<image src="../../static/img/left_white.png" mode="" @click="back()"></image>
			<!-- <view class="one_text">{{ title }}</view> -->
		</view>
		<view class="login_top">
			<image src="../../static/img/loginbg.png"></image>
		</view>
		<view class="login_body">
			<view class="status_bar"></view>
			<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text"
				activeColor="#010101" class="select"></uni-segmented-control>
			<view class="body">
				<view class="login" v-show="current==0">
					<input type="text" class="login_input" placeholder="eamil address" v-model="loginDate.username"
						@input="verificationLogin">
					<view class="login_input1">
						<input :password="!tag" class="login_input1_text" placeholder="password"
							v-model="loginDate.password" @input="verificationLogin">
						<image :src="eye" mode="" class="see login_see" @click="seePwd"></image>
					</view>

					<view class="tips" v-show="loginErr">
						<image src="../../static/img/att.png" mode=""></image>{{errMsg}}
					</view>
					<view class="forgot" @click="forgotPwd">Forgot your Password?</view>
					<button class="login_submit" :disabled="isLogin" @click="login()">SIGN IN</button>
					<!-- <view class="agreement">
					<image src="../../static/img/select2.png" mode="" class="agreement_image" @click="loginSelect=!loginSelect,loginErr=false" v-show="!loginSelect"></image>
					<image src="../../static/img/select1.png" mode="" class="agreement_image" @click="loginSelect=!loginSelect" v-show="loginSelect"></image>
					<view class="agreement_right">
						by continuong, you agree to be <text class="text" @click="gotonewpage(1)"> terms of use </text> and <text class="text"@click="gotonewpage"> privacy policy</text>.
					</view>
				</view> -->
				
				<view class="cellphone">
					<view class="cellphone-box">
						<view class="cellphone-minBox" v-if="cellphone == 2" @click="apple()"> <image src="../../static/img/AppleD.png" mode=""></image></view>
						 <!-- v-if="cellphone == 2" -->
						<view class="cellphone-minBox" @click="facebook()"><image src="../../static/img/FacebookD.png" mode=""></image></view>
						<view class="cellphone-minBox" v-if="cellphone == 1" @click="google()"> <image src="../../static/img/GoogleD.png" mode=""></image></view>
						 <!-- v-if="cellphone == 1" -->
					</view>
				</view>

				</view>
				<view class="login" v-show="current==1">
					<input type="text" class="login_input" placeholder="name" @input="verificationReg"
						v-model="regDate.username">
					<input type="text" class="login_input" placeholder="eamil address" @input="verificationReg"
						v-model="regDate.email">
					<!-- <input type="text" class="login_input" placeholder="password" @input="verificationReg" v-model="regDate.password1"> -->
					<view class="login_input1">
						<input :password="!tag" class="login_input1_text" placeholder="password"
							v-model="regDate.password1" @input="verificationReg">
						<image :src="eye" mode="" class="see login_see" @click="seePwd"></image>
					</view>
					<view class="tips" v-show="regErr">{{errMsg}}</view>
					<button class="login_submit" :disabled="isReg" @click="Reg()">REGISTER</button>
					<view class="agreement">
						<image src="../../static/img/select2.png" mode="" style="width: 25px;height: 25px;"
							class="agreement_image" @click="regSelect=!regSelect" v-show="!regSelect"></image>
						<image src="../../static/img/select_red.png" mode="" style="width: 25px;height: 25px;"
							class="agreement_image" @click="regSelect=!regSelect" v-show="regSelect"></image>
						<view class="agreement_right">
							by continuong, you agree to be <text class="text" @click="gotonewpage(1)"> terms of use
							</text> and <text class="text" @click="gotonewpage(2)"> privacy policy</text>.
						</view>
					</view>
				</view>

				<!-- <view class="mode">
				<view class="mode_title">———  or continue with  ———</view>
				<view class="mode_content">
					<image src="/static/img/facebook2.png" class="mode_content_image"></image>
					<image src="/static/img/gugei.png" class="mode_content_image"></image>
					<image src="/static/img/apple.png" class="mode_content_image" style="border: #fff solid 1rpx;border-radius: 50%;"></image>
				</view>
			</view> -->
			</view>
			<uni-popup ref="alertDialog" type="dialog">
				<uni-popup-dialog type="error" cancelText="Close" confirmText="Activation" title="Tips"
					content="Please activate the mailbox first" @confirm="dialogConfirm"></uni-popup-dialog>
			</uni-popup>
		</view>
	</view>
</template>
<!-- 谷歌 Google SDK -->	
<!-- <script src="https://apis.google.com/js/platform.js"></script> -->
<!-- Apple 苹果 SDK -->
<!-- <script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script> -->
<!-- 脸书 Facebook SDK -->
<!-- <script src="https://connect.facebook.net/en_US/sdk.js"></script> -->
<script>
	// import platform from '@/utils/platform.js'
	// import facebook from '@/utils/facebook.js'
	// uni.require('@/utils/facebook.js')
	// import apple from '@/utils/apple.js'
	import {
		defaultRequest1,
		defaultRequest
	} from '../../api/index.js'
	// var f = window.console;
	const app = getApp()
	const jpushModule = uni.requireNativePlugin('JG-JPush')
	// const f = uni.getRealWindow()
	var f = getCurrentPages();

	// facebook 
	// var facebook = uni.createSelectorQuery('script');
	// facebook.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0";
	// uni.createSelectorQuery.head.appendChild(facebook);
	// google
	// var google = document.createElement('script');
	// google.src = "https://apis.google.com/js/platform.js";
	// document.head.appendChild(google);
	// apple
	// var apple = document.createElement('script');
	// apple.src = "https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js";
	// document.head.appendChild(apple);
	
	
	export default {
		data() {
			return {
				// 手机类型	0 默认值(什么都没有)  1 安卓手机(google) 2 IOS手机(apple id)
				cellphone: 0,
				items: ['SIGN IN', 'REGISTER'],
				current: 0,
				tag: false,
				eye: '../../static/img/eye_open.png',
				loginDate: {
					username: '',
					password: '',
					_action: 'loginbyun'
				},
				regDate: {
					username: '',
					email: '',
					password1: '',
					password2: '',
					_action: 'registerun'
				},
				// 是否填写完成信息
				isLogin: true,
				isReg: true,
				// 是否勾选
				regSelect: false,
				loginSelect: false,
				// 是否显示错误信息
				backButtonPress: 0,
				loginErr: false,
				regErr: false,
				errMsg: 'The email address or password you enterde is incorrect.',
				query: {
					_action: 'sendmessagesforvalidation',
					username: '',
				},
				bg: '/static/img/bg.png'
			}
		},
		// onBackPress(options) {
		// 					this.backButtonPress++;
		// 					if (this.backButtonPress > 1) { 
		// 						plus.runtime.quit();
		// 					} else {
		// 						plus.nativeUI.toast('Click again to exit');
		// 					} 
		// 					setTimeout(function() {
		// 						this.backButtonPress = 0;
		// 					}, 1000);
		// 					return true;
		// 			},
		// mounted(){
		// 	// 初始化 Facebook SDK
		// 	    window.fbAsyncInit = function() {
		// 		console.log("初始化 Facebook SDK");
		// 		console.log(f);
		// 	      FB.init({
		// 	        appId: '884982142884404', 
		// 			// 21026908a4829cc8f4dceffbddd01c2e    1179110879655260
		// 	        autoLogAppEvents: true,
		// 	        xfbml: true,
		// 	        version: 'v9.0',
		// 	      });
		// 	    };
		// 	// 谷歌
		// 	// gapi.load('auth2', () => {
		// 	// 	console.log('gapi====================');
		// 	//     gapi.auth2.init({
		// 	//         client_id: 'dopeplus',
		// 	//         scope: 'profile email'
		// 	//     });
		// 	// });
		// 	// 苹果 
		// 	// const clientId = "6443599835";
		// 	//   const redirectURI = "https://www.example.com/callback";
		// 	//   AppleID.auth.init({
		// 	//     clientId : clientId,
		// 	//     scope : 'name email',
		// 	//     redirectURI : "redirectURI",
		// 	//     state : 'random_string'
		// 	//   });
		// },
		methods: {
			seePwd() {

				this.tag = !this.tag;
				if (this.eye.includes('eye_open')) {
					this.eye = '../../static/img/eye_w.png'
				} else {
					this.eye = '../../static/img/eye_open.png'
				}
			},
			back() {
				uni.navigateBack({
					delta: 1
				})
			},
			forgotPwd() {
				if (this.loginDate.username == '') {
					uni.showToast({
						title: 'Please fill in the user email first',
						icon: 'none',
						duration: 2000
					})
					return
				}
				uni.navigateTo({
					url: './verifyEmail?email=' + this.loginDate.username
				})
			},
			onClickItem(e) {
				if (this.current != e.currentIndex) {
					this.current = e.currentIndex;
				}
			},
			//获取页面配置
			configuration() {
				let data = {
					_action: 'getpagedata',
					pagecode: '006-PERSONALCENTERPAGE'
				}
				setTimeout(() => {
					defaultRequest(data).then(res => {
						console.info(res)
						res.data.zones.map(item => {
							if (item.zone_code == 'LOGINBG') {
								let src =
									'https://www.dopeplus.com/images/mapp_customized/202209/1663570362997892419.png'

								if (src !== item.blocks[0].block_pic) {
									this.bg = item.blocks[0].block_pic
								}
								// console.log(this.bg)
							}
						})

					})
				}, 200)
			},
			// 苹果
			apple(){
				var appleOauth = null;  
				plus.oauth.getServices(function(services) {  
					for (var i in services) {  
						var service = services[i];  
						// 获取苹果授权登录对象，苹果授权登录id 为 'apple' iOS13以下系统，不会返回苹果登录对应的 service    
						if (service.id == 'apple') {  
							appleOauth = service;  
							break;  
						}  
					}  
					appleOauth.login( function(oauth){  
						console.log(oauth);
						uni.navigateBack({
							delta: 1
						});
						// 授权成功，苹果授权返回的信息在 oauth.target.appleInfo 中    
						// const openid = JSON.parse(oauth.target.appleInfo.identityToken)
						// console.log(openid);
						let data = {
							_action: 'loginbyapple',
							ap_user_id: oauth.target.appleInfo.user,
							ap_user_name: oauth.target.appleInfo.familyName,
							ap_user_first_name: oauth.target.appleInfo.familyName,
							ap_user_middle_name: oauth.target.appleInfo.givenName,
							ap_user_last_name: oauth.target.appleInfo.familyName,
							ap_user_email: oauth.target.appleInfo.email
						}
						uni.setStorageSync('user_info', {nickname: oauth.target.appleInfo.familyName})
						uni.setStorageSync('user_info', {email: oauth.target.appleInfo.email})
						defaultRequest(data).then(res => {
							console.info(res)
							if (res.error == 0) {
								uni.showToast({
									title:'Login is successful, please reopen the App to load information',
									icon:'none',
									duration: 2000
								})
							}
						})
						// defaultRequest(data).then(res => {
						// 	console.info(res)
						// 	console.log('====================================');
						// 	if (res.error == 0) {
						// 		console.log(openid);
						// 		uni.showToast({
						// 			title:'Login is successful, please reopen the App to load information',
						// 			icon:'none',
						// 			duration: 2000
						// 		})
						// 	}
						// })
						
					}, function(err) {  
						console.log(err);
						// 授权失败 error  
						uni.showToast({
							title:'Authorization failure',
							icon:'none',
							duration: 2000
						})
					}, {  
						// 默认只会请求用户名字信息，如需请求用户邮箱信息，需要设置 scope: 'email'    
						scope: 'email'  
					})  
			}, function(err) {  
				console.log(err);
			    // 获取 services 失败  
			})
				// AppleID.auth.signIn();
			},
			// 脸书
			facebook(){
				// var facebookOauth = null;
				// plus.oauth.getServices(function(services) {
				// 	for (var i in services) {
				// 		var service = services[i];
				// 		// 获取微信登录对象 
				// 		if (service.id == 'facebook') {
				// 			facebookOauth = service;
				// 			break;
				// 		}
				// 	}
				// 	facebookOauth.login( function(oauth){
				// 		console.log(oauth);
				// 		console.log(facebookOauth);
				// 		console.log(facebookOauth.authResult);
				// 		// 授权成功，facebookOauth.authResult 中保存授权信息 
				// 		let data = {
				// 			_action: 'loginbyfacebook',
				// 			fb_user_id: facebookOauth.authResult.openid,
				// 			fb_user_name: '',
				// 			fb_user_first_name: '',
				// 			fb_user_middle_name: '',
				// 			fb_user_last_name: '',
				// 			fb_user_email: ''
				// 		}
				// 		defaultRequest(data).then(res => {
				// 			console.info(res)
				// 			if (res.error == 0) {
				// 				uni.navigateBack({
				// 					delta: 1
				// 				});
				// 				uni.showLoading({
				// 					title: '脸书用户登录成功',
				// 					icon: 'none',
				// 					duration: 2000
				// 				})
				// 			}
				// 		})
				// 	}, function(err) {
				// 		console.log(err);
				// 		uni.showLoading({
				// 			title: '脸书用户授权失败',
				// 			icon: 'none',
				// 			duration: 2000
				// 		})
				//     // 登录授权失败  
				//     // err.code是错误码
				// 	})
				// }, function(err) {
				// 	console.log(err);
				// 	// 获取 services 失败
				// })
				uni.login({
				    provider: 'facebook',
				    success: function (loginRes) {
				        // 登录成功
				        uni.getUserInfo({
				            provider: 'facebook',
				            success: function(info) {
								console.log(info);
				                // 获取用户信息成功, info.authResult保存用户信息
								let data = {
									_action: 'loginbyfacebook',
									fb_user_id: info.userInfo.openid,
									fb_user_name: info.userInfo.nickName,
									fb_user_first_name: '',
									fb_user_middle_name: '',
									fb_user_last_name: '',
									fb_user_email: info.userInfo.email
								}
								uni.setStorageSync('user_info', {nickname: info.userInfo.nickName})
								uni.setStorageSync('user_info', {email: info.userInfo.email})
								// uni.setStorageSync('user_info', 'info.userInfo');
								defaultRequest(data).then(res => {
									console.info(res)
									if (res.error == 0) {
										uni.showLoading({
										    title: '加载中'
										});
										uni.navigateBack({
											delta: 1
										});
										// uni.showLoading({
										// 	title: '脸书用户登录成功',
										// 	icon: 'none',
										// 	duration: 2000
										// })
									}
								})
				            }
				        })
				    },
				    fail: function (err) {
						console.log(err);
				        // 登录授权失败  
				        // err.code是错误码
						uni.showLoading({
							title: err.errMsg + err.errCode + err.code,
							icon: 'none',
							duration: 2000
						})
						// uni.showLoading({
						// 	title: '脸书用户授权失败',
						// 	icon: 'none',
						// 	duration: 2000
						// })
				    }
				});
			},
			// 谷歌
			google(){
				var googleOauth = null;
				plus.oauth.getServices(function(services) {
					for (var i in services) {
						var service = services[i];
						// 获取微信登录对象 
						if (service.id == 'google') {
							googleOauth = service;
							break;
						}
					}
					googleOauth.login( function(oauth){
						// 授权成功，googleOauth.authResult 中保存授权信息  
						console.log(googleOauth.authResult);
						let data = {
							_action: 'loginbygoogle',
							gg_user_id: googleOauth.authResult.openid,
							gg_user_name: googleOauth.authResult.nickName,
							gg_user_first_name: '',
							gg_user_middle_name: '',
							gg_user_last_name: '',
							gg_user_email: googleOauth.authResult.email
						}
						uni.setStorageSync('user_info', {email: googleOauth.authResult.email})
						uni.setStorageSync('user_info', {nickname: googleOauth.authResult.nickName})
						// uni.setStorageSync('user_info.data.nickname', 'googleOauth.authResult.nickName');
						defaultRequest(data).then(res => {
							console.info(res)
							if (res.error == 0) {
								uni.navigateBack({
									delta: 1
								});
								uni.showLoading({
									title: '谷歌用户登录成功',
									icon: 'none',
									duration: 2000
								})
							}
						})
					}, function(err) {
						console.log(err);
						uni.showLoading({
							title: err.errMsg + err.errCode + err.code,
							icon: 'none',
							duration: 2000
						})
						// uni.showLoading({
						// 	title: '谷歌用户登录失败',
						// 	icon: 'none',
						// 	duration: 2000
						// })
				    // 登录授权失败  
				    // err.code是错误码
					})
				}, function(err) {
					console.log(err);
					uni.showLoading({
						title: err.errMsg + err.errCode + err.code,
						icon: 'none',
						duration: 2000
					})
					// 获取 services 失败
				})
				
				// uni.login({
				//     provider: 'google',
				//     success: function (loginRes) {
				//         // 登录成功
				//         uni.getUserInfo({
				//             provider: 'google',
				//             success: function(info) {
				//                 // 获取用户信息成功, info.authResult保存用户信息
				// 				console.log(info);
				// 					let data = {
				// 						_action: 'loginbygoogle',
				// 						gg_user_id: info.authResult.openid,
				// 						gg_user_name: info.authResult.nickName,
				// 						gg_user_first_name: '',
				// 						gg_user_middle_name: '',
				// 						gg_user_last_name: '',
				// 						gg_user_email: info.authResult.email
				// 					}
				// 					defaultRequest(data).then(res => {
				// 						console.info(res)
				// 						if (res.error == 0) {
				// 							uni.navigateBack({
				// 								delta: 1
				// 							});
				// 							uni.showLoading({
				// 								title: '谷歌用户登录成功',
				// 								icon: 'none',
				// 								duration: 2000
				// 							})
				// 						}
				// 					})
				//             }
				//         })
				//     },
				//     fail: function (err) {
				// 		console.log(err);
				// 		uni.showLoading({
				// 			title: err.errMsg + err.errCode + err.code,
				// 			icon: 'none',
				// 			duration: 20000000
				// 		})
				//         // 登录授权失败  
				//         // err.code是错误码
				//     }
				// });

			},
			// 登录
			login() {
				// if(!this.loginSelect){
				// 	this.errMsg='Please read and tick the terms of service and privacy policy first.'
				// 	this.loginErr=true
				// 	return
				// }
				uni.showLoading({
					title: 'Logining',
				})
				console.log(this.loginDate)
				defaultRequest1(this.loginDate).then(res => {
					app.globalData.error = res.error
					console.log('======================', res.error)

					if (res.error == 0) {
						this.loginErr = false
						res.data.isLogin = true

						setTimeout(() => {
							uni.hideLoading()
							uni.showToast({
								title: 'Login successful',
								icon: 'none',
								duration: 2000
							})
						}, 1000)
						let list = {
							email: res.data.email,
							cartlist: []
						}
						let list2 = []
						list2.push(list)
						uni.setStorageSync('cartlist', list2)
						uni.setStorageSync('isLogin', 1)
						uni.setStorageSync('user_info', res.data)
						uni.navigateBack({
							delta: 1
						})
						// uni.switchTab({
						// delta: 1
						// url:'../index/index'
						// })
					} else {
						if (res.data) {
							this.$refs.alertDialog.open()
							this.query.username = this.loginDate.username
						} else {
							this.loginErr = true
							this.errMsg = res.message
							console.log(this.errMsg);
						}
					}
				})
			},
			// 验证邮件
			dialogConfirm() {
				console.log(this.query, '////')
				defaultRequest(this.query).then(res => {
					console.info(res)
					if (res.error == 0) {
						uni.showToast({
							title: res.message,
							icon: 'none',
							duration: 2000
						})
					}
				})
			},

			// 注册
			Reg() {
				if (!this.regSelect) {
					uni.showToast({
						title: 'please agree to and tick the User Agreement first',
						icon: 'none',
						duration: 2000
					})
					return
				}
				this.regDate.password2 = this.regDate.password1
				uni.showLoading({
					title: 'Register now~',

				})
				defaultRequest1(this.regDate).then(res => {
					console.info(res)
					if (res.error == 0) {
						uni.hideLoading()
						this.regErr = false
						this.loginDate.password = this.regDate.password1
						this.loginDate.username = this.regDate.username
						this.login()
						setTimeout(() => {
							// Successful registration, please verify your email address!
							uni.showToast({
								title: 'logining in~',
								icon: 'none',
								duration: 2000
							})
						}, 1000)
					} else {
						this.regErr = true
						this.errMsg = res.message
					}
				})
			},
			// 验证是否填写登录信息
			verificationLogin() {
				if (this.loginDate.username && this.loginDate.password) {
					this.isLogin = false
				} else {
					this.isLogin = true
				}
			},
			// 验证是否填写注册信息
			verificationReg() {
				if (this.regDate.username && this.regDate.password1 && this.regDate.email) {
					this.isReg = false
				} else {
					this.isReg = true
				}
			},
			// 跳到页面
			gotonewpage(e) {

				if (e == 1) {
					var urlStr = encodeURI("https://dopeplus.com/help/Terms.html")
					// plus.runtime.openURL(urlStr);
					uni.navigateTo({
						url: '../order/paypalWebview?src=' + urlStr
					})
				} else {
					var urlStr = encodeURI("https://en.meixx.com/help/privacy.html")
					// plus.runtime.openURL(urlStr);
					uni.navigateTo({
						url: '../order/paypalWebview?src=' + urlStr
					})
				}
			},
			phone (){
				let that = this
				let systemInfo = uni.getSystemInfoSync();
				if (systemInfo.platform === 'android') {
				  // 安卓
				  that.cellphone = 1
				  console.log(this.cellphone);
				} else if (systemInfo.platform === 'ios') {
				  // IOS
				  that.cellphone = 2
				  console.log(this.cellphone);
				}
			}
		},
		// onShow() {
		// 	this.apple();
		// 	this.facebook();
		// 	this.google();
		// },
		onLoad() {
			// FB.init({
			// 	appId: 1179110879655260,//客户端id
			// 	cookie: true,
			// 	xfbml: true,
			// 	version: 'v14.0'
			// });
			// 网络
			let that = this;
			let s = 0;
			let time = setInterval(() => {
				uni.getNetworkType({
					success: (res) => {
						// console.log(res.networkType, s);
						if (res.networkType == 'none') {
							uni.showToast({
								icon: 'none',
								title: 'Please connect to the network',
								duration: 3000,
							})
						} else if (res.networkType !== 'none') {
							that.typee = 2;
							clearInterval(time);

						}
					}
				})
				s++;
			}, 1000);
			this.configuration()
			this.phone()
		}
	}
</script>
<style>
	page {
		height: 100vh;
		background-color: black;
	}
</style>
<style lang="scss" scoped>
	.one1 {
		display: flex;
		height: 100rpx;
		padding-top: 50rpx;
		width: 100%;
		top: 0;
		line-height: 100rpx;
		z-index: 99;

		position: fixed;
		text-align: center;
		padding-left: 20rpx;
		color: #fff;

		image {
			float: left;
			padding-top: 30rpx;
			padding-right: 20rpx;
			height: 40rpx;
			width: 40rpx;
		}

		.one_text {
			width: 60%;
			text-align: center;
			margin-left: 10%;
		}

	}

	.login_top {
		height: 102px;
		width: 144px;
		margin-top: 200rpx;
		margin-left: 30%;

		image {
			height: 100%;
			width: 100%;
			margin: auto 0;
		}
	}

	.body {
		background-size: 100%;
		height: 100vh;
		width: 100%;
		// background-color: red;
		padding: 0;
		color: #fff !important;
		position: fixed;


	}

	.uni-input-placeholder {
		color: #fff !important;
		font-size: 13px;
	}

	.tips {
		margin-top: 20rpx;
	}

	/deep/ .uni-text .segmented-control__text {
		color: #fff !important;
	}

	.login_body {
		// margin-top: 300rpx;
		padding-top: 80.33rpx;
		color: #fff;

	}

	.see {
		height: 30rpx;
		width: 30rpx;
		margin-top: 36rpx;
		float: right;

	}

	.select {
		margin-bottom: 80rpx;
		font-size: 33.33rpx;
		font-weight: bold;

	}

	.mode {
		// position: fixed;
		margin-top: 300rpx;
		bottom: 138.67rpx;
		width: 100%;
		left: 0;

		.mode_title {
			font-size: 26.67rpx;
			color: #fff;
			// position: relative;
			text-align: center;
			width: 100%;

			&:before {
				content: "";
				height: 1px;
				width: 89.33rpx;
				// background-color: #BCBCBC;
				// position: absolute;
				left: 20%;
				top: 50%;
			}

			&:after {
				content: "";
				height: 1px;
				width: 89.33rpx;
				// background-color: darkred;
				position: absolute;
				right: 20%;
				top: 50%;
			}
		}

		.uni-button {
			background-color: aqua !important;
		}

		.mode_content {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 50.67rpx;

			.mode_content_image {
				width: 54.67rpx;
				height: 54.67rpx;
				margin-right: 49.33rpx;

				image {
					border: #fff solid 1rpx;
				}

				&:last-child {
					margin-right: 0;
				}
			}
		}
	}

	.agreement_right {
		width: 582rpx;
	}

	/deep/ .uni-input-input {
		font-size: 26rpx !important;
	}
	
	.cellphone {
		display: flex;
		justify-content: space-around;
		&-box {
			display: flex;
			justify-content: space-between;
		}
		&-minBox {
			width: 50px;
			height: 50px;
			padding: 0 10px;
		}
		image {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
</style>
