<template>
	<view class="">

		<view class="Customer-name">
			<div class="iamgea df aic jcsb">
				<div>客户头像<span>*</span></div>
				<!-- <div>{{listnoew.title}}</div> -->
				<image class="" @click="bill" :src="$util.img(headsculpture)"></image>
			</div>
			<div class="xxin"></div>
			<div class="name df aic jcsb">
				<div>客户名称<span>*</span></div>
				<!-- <div>{{listnoew.title}}</div> -->
				<input v-model="title" type="text" 
					style="text-align: right;
					width: 500rpx;
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;">
			</div>
			<div class="xxin"></div>
			<div class="name df aic jcsb">
				<div>客户登录名</div>
				<!-- <div>{{listnoew.title}}</div> -->
				<input v-model="Login" disabled type="text" style="text-align: right;">
			</div>
			<div class="xxin"></div>
			<div class="name df aic jcsb">
				<div>客户手机号</div>
				<!-- <div>{{listnoew.title}}</div> -->
				<input v-model="cellphone" disabled type="text" style="text-align: right;">
			</div>
			<div class="xxin"></div>
			<div class="name df aic jcsb">
				<div>结算方式<span>*</span></div>
				<!--  @click="$refs.type.start()" -->
				<div class="df" @click="$refs.type.start()">


					<view class="" v-if="pay_type==1">
						现付
					</view>
					<view class="" v-if="pay_type==2">
						后付
					</view>

					<u-icon name="arrow-right"></u-icon>
				</div>
			</div>
			<div class="xxin"></div>
			<div class="name df aic jcsb">
				<div>上次登录时间<span>*</span></div>
				<!--  @click="$refs.type.start()" -->
				<div class="df">
					{{last}}
				</div>
			</div>
			<div class="xxin"></div>
			<div class="name df aic jcsb">
				<div>最后访问时间<span>*</span></div>
				<!--  @click="$refs.type.start()" -->
				<div class="df">
					{{Last}}
				</div>
			</div>
			<div class="xxin"></div>
			<div class="name df aic jcsb">
				<div>最后下单时间<span>*</span></div>
				<!--  @click="$refs.type.start()" -->
				<div class="df">
					{{consume}}
				</div>
			</div>
			<!-- <div class="xxin"></div>
				<div class="name df aic jcsb">
					<div>客户标签<span>*</span></div> -->
			<!-- <! <div>潜在客户</div> -->
			<!-- 	<input type="text" style="text-align: right;">
				</div> -->
			<!-- <div class="xxin"></div>
				<div class="name df aic jcsb">
					<div>客户编号<span>*</span></div> -->
			<!-- <! <div>潜在客户</div> -->
			<!-- 	<div>{{listnoew.store_code}}</div>
				</div> -->
			<!-- <div class="xxin"></div>
				<div class="name df aic jcsb" @click="show=true">
					<div>归属地区<span>*</span></div>
					<div class="df">{{economizename}}{{marketname}}{{distinguishme}}
					<u-icon name="arrow-right"></u-icon>
					</div>
				</div> -->
			<!-- <div class="xxin"></div>
				<div class="name df aic jcsb">
					<div>资料附件</div>
					<div class="df" @click="means">
					<u-icon name="arrow-right"></u-icon>
					</div>
				</div> -->
			<!-- <div class="xxin"></div> -->
			<!-- <div class="name df aic jcsb"> -->
			<!-- <div>备注</div> -->
			<!-- <div>是个大客户</div> -->
			<!-- <input type="text" style="text-align: right;">
				</div> -->
		</view>
		<view class="account-number">
			<div class="df aic jcsb">
				<div class="account">登录账号：{{mobile}}</div>
				<div class="df telephone">
					<div @click="phone" class="telephone-noe df aic jcsa">
						<image :src="$util.img(`/upload/weapp/pageSalesman/reportForm/telephone.png`)"></image>
					</div>
					<div class="telephone-two df aic jcsa" @click="resetting">重置密码</div>
				</div>
			</div>
			<!-- <div class="xxled"></div>
				<div class="df aic jcsb">
					<div class="account">最近登录时间：2022-09-12 18:21:12</div>
				</div>
				<div class="xxled"></div>
				<div class="df aic jcsb">
					<div class="account">最近下单时间：2022-09-12 18:21:12</div>
				</div> -->
			<div class="xxled"></div>
			<div class="df aic jcsb">
				<div class="account" v-if="listnoew.status==0"><span>*</span>账号状态：待审核</div>
				<div class="account" v-if="listnoew.status==1"><span>*</span>账号状态：已通过</div>
				<div class="account" v-if="listnoew.status==2"><span>*</span>账号状态：已驳回</div>
				<div class="account" v-if="listnoew.status==3"><span>*</span>账号状态：已停用</div>
				<div class="df telephone" v-if="listnoew.status==1" @click="Deactivate">
					<div class="telephone-two df aic jcsa">停用账号</div>
				</div>
				<div class="df telephone" v-if="listnoew.status==3" @click="using">
					<div class="telephone-two df aic jcsa">启用账号</div>
				</div>
				<div class="df telephone" v-if="listnoew.status==0" @click="examine">
					<div class="telephone-two df aic jcsa">去审核</div>
				</div>
			</div>
			<!-- <div class="xxled"></div> -->
			<div class="df aic jcsb">
				<div class="account"><span>*</span>业务员：{{nickname}}</div>
			</div>
			<!-- <div class="xxled"></div>
				<div class="df aic jcsb">
					<div class="account"><span>*</span>客服：客服001</div>
					<div class="df telephone">
						<u-icon name="arrow-right"></u-icon>
					</div>
				</div> -->
			<!-- <div class="xxled"></div>
				<div class="df aic jcsb">
					<div class="account"><span>*</span>结算方式：
					<text v-if="pay_type==1">现付</text>
					<text v-if="pay_type==2">后付</text>
					</div>
					<div class="df telephone" @click="jiesuanfangshi">
						<u-icon name="arrow-right"></u-icon>
					</div>
				</div> -->
		</view>
		<!-- <view class="contacts">
				<div class="df jcsb aic">
					<div class="contacts-human">联系人</div>
					<div class="df class=contacts-being">
						<input v-model="contacts" type="text" style="text-align: right;">
						
					</div>
				</div>
				<div class="xukm"></div>
				<div class="df jcsb aic">
					<div class="contacts-human">联系电话</div>
					<div class="df class=contacts-being">
						<input v-model="telephone" type="text" style="text-align: right;">
					</div>
				</div>
				<div class="xukm"></div>
				<div class="df jcsb aic">
					<div class="contacts-human">联系地址</div>
					<div class="df class=contacts-being">
						<input v-model="address" type="text" style="text-align: right;">
					</div>
				</div>
				<div class="xukm"></div>
				<div class="df jcsb aic">
					<div class="contacts-human">电子邮件</div>
					<input v-model="email" type="text" style="text-align: right;">
				</div>
			</view> -->
		<!-- <view class="address">
				<div class="df aic jcsb">
					<div class="df address-di">
						<image :src="$util.img(`/upload/weapp/pageSalesman/reportForm/position.png`)"></image>
						<div>江西省吉安市万安县兰花路614号</div>
					</div>
					<image :src="$util.img(`/upload/weapp/pageSalesman/reportForm/revise.png`)"></image>
				</div>
				<div class="Xianxi">格娴茜<span>14498525585</span></div>
			</view> -->


		<view class="zhanwei"></view>
		<view class="status df aic jcf" style="z-index: 999;">
			<div class="df aic jcsa btn1" @click="preserve">保存</div>
			<div class="df aic jcsa btn2" v-on:click="btnoneone()">历史订单</div>
			<div class="df aic jcsa btn3" v-on:click="btnsuitwo()">去下单</div>
		</view>
		<u-overlay :show="show4" @click="show4 = false">
			<view class="point-out">
				<div class="point df aic jcsa">提示</div>
				<div class=" confirmed df aic jcsa">是否停用客户账号</div>
				<div class="btn df aic">
					<div class="btn1 df aic jcsa">取消</div>
					<div class="btn2 df aic jcsa">确认</div>
				</div>
			</view>
		</u-overlay>
		<type ref="type" @childEvent="getSchoolName"></type>
		<u-overlay :show="show10">
			<view class="point-out">
				<div class="point df aic jcsa">提示</div>
				<div df aic jcsa style="text-align: center;color: #ccc;">正在修改密码</div>
				<view class="inputlen">
					<u--input placeholder="请输入新的密码" border="surround" v-model="value" type="number"></u--input>
				</view>
				<div class="btntwo df aic">
					<div class="btn1 df aic jcsa" @click="show10=false">取消</div>
					<div class="btn2 df aic jcsa" @click="showbtn">确认</div>
				</div>
			</view>
		</u-overlay>
		<u-overlay :show="show6">
			<view class="select">
				<div class="df aic jcsb">
					<div class="select-explain">请选择需要添加的标签</div>
					<div class="select-latent">潜在客户</div>
				</div>
				<div class="df fw">
					<div class="" v-for="(item,index) in lista" :key="index">
						<div class="contract df aic jcsa" @click="()=>btn(index)">{{item.name}}</div>
					</div>
				</div>
				<div class="btn df">
					<div class="btn1 df aic jcsa">重置</div>
					<div class="btn2 df aic jcsa">确定</div>
				</div>
			</view>
		</u-overlay>
		<u-overlay :show="show8">
			<view class="head-one">
				<view class="examine">
					审核
				</view>
				<div class="radio-item" v-for="(item,index) in valueList" :key="index" @click="position(index,item)">
					<div>{{item.name}}</div>
					<image :src="$util.img(`/upload/weapp/user/gou.png`)" v-if="index==isRadio"></image>
					<image :src="$util.img(`/upload/weapp/user/un_gou.png`)" v-else></image>
				</div>
				<view class="arr" style="width: 400rpx;margin: 0 auto;">
					<!-- <input v-model="cause" type="text" style="border: 1rpx solid #ccc;"> -->
					<u--textarea v-model="cause" placeholder="驳回时必填"></u--textarea>
				</view>
				<view class="df aic jcsa" style="margin-top: 24rpx;">
					<div class="f1 one df aic jcsa" @click="show8=false">取消</div>
					<div class="f1 two df aic jcsa" @click="determined">确定</div>
				</view>
			</view>
		</u-overlay>
		<u-picker @cancel="show=false" @close="show=false" closeOnClickOverlay @confirm="confirm" :show="show"
			:columns="columns"></u-picker>
		<u-picker @cancel="show1=false" @close="show1=false" closeOnClickOverlay @confirm="confirmone" :show="show1"
			:columns="columnslist"></u-picker>
		<u-picker @cancel="show2=false" @close="show2=false" closeOnClickOverlay @confirm="confirmtwo" :show="show2"
			:columns="columnqu"></u-picker>
	</view>
</template>

<script>
	import type from "./type.vue"
	import eventBus from '@/common/js/bus.js'
	export default {
		components: {
			type
		},
		data() {
			return {
				valueList: [
					{ id: 1, name: '通过' },
					{ id: 2, name: '驳回' }
				],
				isRadio: 0,
				value: '',
				msg: this.msgabc, //状态
				headsculpture: '',
				nickname: '',
				show: false,
				pay_type: '',
				show8: false,
				show1: false,
				show2: false,
				show4: false,
				show6: false,
				show10: false,
				Login: '',
				last: '',
				mobile: '',
				cellphone: '',
				Last: '',
				consume: '',
				economize: '', //省id
				distinguish: '', //市的id
				jioauk: '', //区的id
				economizename: '', //省name
				distinguishme: '', //区name
				marketname: '', //市name
				columnslist: [],
				columnqu: [],
				index: 0,
				listnoew: [],
				// address:'',
				address: '',
				cause: '',
				itema: { id: 1, name: '通过' },
				columns: [],
				list: [],
				license: '',
				drugs_license: '',
				card_images: [],
				trust_book_images: [],
				invoice_images: '',
				title: '',
				member_id: '',
				telephone: '',
				contacts: '',
				email: '',
				dist: '',
				store_type: this.pay_type = 1 ? '现付' : '后付',
				lista: [{
						name: '潜在客户',
						color: '#21BBF3',
						background: '33,187,243,0.08',
					},
					{
						name: '潜在流失客户',
						color: '#585858',
						background: '#FFFFFF',
					},
					{
						name: '热销',
						color: '#585858',
						background: '#FFFFFF',
					},
					{
						name: '信誉良好',
						color: '#585858',
						background: '#FFFFFF',
					},
					{
						name: '签约',
						color: '#585858',
						background: '#FFFFFF',
					},
					{
						name: '待签约',
						color: '#585858',
						background: '#FFFFFF',
					}
				]
			}
		},
		props: {
			msgabc: Array,
		},

		mounted(id) {
			//客户类型
			let _this = this

			uni.$on('typename', (data) => {
				console.log(data, 'data');
				setTimeout(() => {
					_this.store_type = data.name
					_this.pay_type = data.id
					// _this.$set(_this.store_type,'name',data.name)
				}, 500)

				// console.log(data[0].id,'66666');
				// if(data[0]){
				// 	console.log(12);
				// 		_this.store_type=data[0].name
				// 		_this.pay_type=data[0].id
				// }else{
				// 	console.log(13);
				// 	_this.store_type=data.name
				// 	_this.pay_type=data.id

				// }

			})

			eventBus.$off('picture') // -------------------------- 一定要先关闭监听,不然会打印多次
			eventBus.$on('picture', function(data) {
				//赋值给首页的附近医院数据模型
				console.log(data, 'data');
				this.license = data.licen
				this.drugs_license = data.dru
				this.card_images = data.stat
				this.trust_book_images = data.attorn
				this.invoice_images = data.bil
			}.bind(this));
			// eventBus.uni.$on('picture', (data) => {
			// 	console.log(data,'picture');
			// })

		},
		onUnload() {
			uni.$off('typename') //每次销毁监听，不然重复监听
			uni.$off('picture')
		},
		created() {
			//msg 客户id  id店铺id
			console.log(this.msg, 'mymsg');
			this.$api.sendRequest({
				url: '/api/salasman/info',
				data: {},
				success: res => {
					// console.log(res.data,'业务员信息');
					// this.nickname=res.data.nickname
				}
			})
			this.$api.sendRequest({
				url: '/api/salasman/getMemberInfo',
				data: {
					member_id: this.msg.msg
				},
				success: res => {
					// console.log(res.data, '客户详情');
					this.nickname = res.data.salasman_name
					this.title = res.data.nickname
					this.member_id = res.data.member_id
					this.Login = res.data.username
					this.cellphone = res.data.mobile
					this.last = res.data.last_login_time
					this.Last = res.data.last_visit_time
					this.consume = res.data.last_consum_time
					this.pay_type = res.data.pay_type
					this.headsculpture = res.data.headimg
					this.mobile = res.data.mobile
				}
			})
			// this.$api.sendRequest({
			// 	url:'/api/salasman/getStoreInfo',
			// 	data:{
			// 		member_id:this.msg.msg,//店铺id
			// 		id:this.msg.id
			// 	},
			// 	success:res=>{
			// 		console.log(res.data,'客户详情');
			// 		this.listnoew=res.data
			// 		this.title=res.data.title
			// 		this.store_type=res.data.store_type
			// 		this.economizename=res.data.province_name
			// 		this.distinguishme=res.data.city_name
			// 		this.marketname=res.data.district_name
			// 		this.economize=res.data.province_id
			// 		this.distinguish=res.data.city_id
			// 		this.jioauk=res.data.district_id
			// 		this.license=res.data.license
			// 		this.drugs_license=res.data.drugs_license
			// 		this.card_images=res.data.card_images
			// 		this.trust_book_images=res.data.trust_book_images
			// 		this.invoice_images=res.data.invoice_images
			// 		this.contacts=res.data.contacts
			// 		this.telephone=res.data.phone
			// 		this.address=res.data.address
			// 		this.email=res.data.email
			// 		// this.dist=res.data.province_name+""+res.data.city_name+""+res.data.district_name
			// 	}
			// })
			this.$api.sendRequest({
				url: '/api/address/lists',
				data: {
					pid: 0
				},
				success: res => {

					this.list = res.data
					let a = []
					for (let i = 0; i < res.data.length; i++) {
						a.push(res.data[i].name)
					}

					this.columns = [a]

				}
			})
		},

		methods: {
			resetting() {
				this.show10 = true
				// console.log(this.pay_type);
				// this.$util.showToast({
				// 	title: '重置成功'
				// });	
			},
			showbtn() {
				if (!this.value.length > 0) {
					this.$util.showToast({
						title: '请输入密码'
					});
					return
				}
				this.$api.sendRequest({
					url: `/api/salasman/modifyMemberPassword`,
					data: {
						password: this.value,
						member_id: this.msg.msg
					},
					success: res => {
						this.$util.showToast({
							title: '密码重置成功'
						});
						this.show10 = false
					}
				})
				console.log(this.value);
			},
			jiesuanfangshi() {

				this.$refs.type.start()
			},
			bill(type, size = 1) {
				this.$util.upload(size, {
					path: 'otherImage'
				}, res => {
					console.log(res, '头像');
					this.headsculpture = res[0]
				})
			},
			phone() {
				// console.log(this.cellphone,'电话');
				uni.makePhoneCall({
					phoneNumber: this.cellphone //仅为示例
				});
			},
			Deactivate() {
				let _this = this
				this.$api.sendRequest({
					url: `/api/salasman/stopStore`,
					data: {
						member_id: this.msg.msg, //店铺id
						id: this.msg.id
					},
					success: res => {
						this.$util.showToast({
							title: '已停用'
						});
						location.reload()
					}
				})
			},
			using() {
				this.$api.sendRequest({
					url: `/api/salasman/startStore`,
					data: {
						member_id: this.msg.msg, //店铺id
						id: this.msg.id
					},
					success: res => {
						console.log(res);
						this.$util.showToast({
							title: '提交成功'
						});
						location.reload()
					}
				})
			},
			examine() {
				this.show8 = true

			},
			determined() {
				console.log(this.cause);
				console.log(this.itema.id, 'itema');
				if (this.itema.id == 1) {
					//通过
					this.$api.sendRequest({
						url: `/api/salasman/doStore`,
						data: {
							member_id: this.msg.msg, //店铺id
							id: this.msg.id,
							status: 1,
						},
						success: res => {
							this.$util.showToast({
								title: '审核通过成功'
							});
							this.show8 = false
							location.reload()
						}
					})
				} else {
					//驳回
					if (!this.cause) {
						this.$util.showToast({
							title: '请填写驳回原因'
						});
						return
					} else {
						this.$api.sendRequest({
							url: `/api/salasman/doStore`,
							data: {
								member_id: this.msg.msg, //店铺id
								id: this.msg.id,
								status: 2,
								remark: this.cause
							},
							success: res => {
								this.$util.showToast({
									title: '已驳回'
								});
								this.show8 = false
								location.reload()
							}
						})
					}

				}
			},
			position(index, item) {
				// console.log(item,'item');
				// console.log(111);
				this.isRadio = index
				this.itema = item
			},
			means() {
				uni.navigateTo({
					url: `/page_salesman_index/means/means`
				})
			},
			confirm(e) {
				this.economizename = e.value[0]

				let _this = this
				for (var i = 0; i < this.list.length; i++) {
					if (this.list[i].name == e.value[0]) {
						_this.economize = _this.list[i].id
					}
				}
				console.log(_this.economize);
				this.$api.sendRequest({
					url: '/api/address/lists',
					data: {
						pid: _this.economize
					},
					success: res => {
						console.log(res);
						let a = []
						this.columnslits = res.data
						// console.log(res.data,'daa');
						for (var i = 0; i < res.data.length; i++) {
							a.push(res.data[i].name)
						}
						_this.columnslist = [a]
						// console.log(_this.columnslist,'box');
						this.show1 = true
						this.show = false
					}
				})

			},
			//市
			confirmone(e) {
				this.marketname = e.value[0]
				let _this = this
				for (var i = 0; i < this.columnslits.length; i++) {

					if (_this.columnslits[i].name == e.value[0]) {
						_this.distinguish = _this.columnslits[i].id
					}

				}
				this.$api.sendRequest({
					url: '/api/address/lists',
					data: {
						pid: _this.distinguish
					},
					success: res => {
						console.log(res);
						let a = []
						this.distinguishname = res.data
						for (var i = 0; i < res.data.length; i++) {
							a.push(res.data[i].name)
						}
						this.columnqu = [a]
						this.show2 = true
						this.show1 = false
					}
				})
			},
			//区
			confirmtwo(e) {
				this.distinguishme = e.value[0]
				let _this = this
				for (var i = 0; i < this.distinguishname.length; i++) {
					if (_this.distinguishname[i].name == e.value[0]) {
						_this.jioauk = _this.distinguishname[i].id
					}
				}
				this.show2 = false
				this.address = this.economizename + '' + this.marketname + '' + this.distinguishme
			},
			btn(index) {
				console.log(index);
				console.log(this.msg);
			},
			btnsuitwo() {
				// event.stopPropagation();
				setTimeout(() => {
					eventBus.$emit('namesed', 1111)
				}, 500)
				uni.navigateTo({
					url: `/page_salesman_index/Valet_ordertwo/Valet_ordertwo?id=${this.msg.msg}`,
				})
			},
			btnoneone() {
				// event.stopPropagation();
				// console.log(this.msg.msg);
				uni.navigateTo({
					url: `/page_salesman_customer/Historicalorders/Historicalorders?id=${this.msg.msg}`,
				})
			},
			preserve() {
				console.log({
					member_id: this.msg.msg, //客户id
					headimg: this.headsculpture, //头像
					nickname: this.title, //昵称
					pay_type: this.pay_type //现/后
				});
				this.$api.sendRequest({
					url: `/api/salasman/modifyMemberInfo`,
					data: {
						member_id: this.msg.msg, //客户id
						headimg: this.headsculpture, //头像
						nickname: this.title, //昵称
						pay_type: this.pay_type //现/后
					},
					success: res => {
						this.$util.showToast({
							title: '修改成功'
						});
					}
				})
				// this.$api.sendRequest({
				// 	url:`/api/salasman/editStore`,
				// 	data:{
				// 		member_id:this.msg.id,//客户id
				// 		id:this.msg.msg,//店铺id
				// 		title:this.title,//店铺名称
				// 		province_id:this.economize,//省id
				// 		city_id:this.distinguish,// 市id
				// 		district_id:this.jioauk,// 区县id
				// 		license:JSON.stringify(this.license),//营业执照
				// 		drugs_license:JSON.stringify(this.drugs_license),//药品经营许可证
				// 		card_images:JSON.stringify(this.card_images),//	身份证正反面照片 多图
				// 		trust_book_images:JSON.stringify(this.trust_book_images),//法人委托书 多图
				// 		invoice_images:JSON.stringify(this.invoice_images),//发票信息
				// 		store_type:this.store_type,//店铺类型
				// 		store_code:this.listnoew.store_code,//编号
				// 		contacts:this.contacts,//联系人姓名
				// 		phone:this.telephone,//联系人电话
				// 		address:this.address,//地址
				// 		email:this.email//邮箱
				// 	},
				// 	success:res=>{
				// 		console.log(res);
				// 	}
				// })
			}
		}
	}
</script>

<style lang="scss">
	.head-one {
		width: 500rpx;
		height: 500rpx;
		position: fixed;
		top: 500rpx;
		left: 50%;
		transform: translateX(-50%);
		background-color: #fff;
		border-radius: 20rpx;

		.examine {
			text-align: center;
			margin-top: 20rpx;
		}

		.one {
			border: 1rpx solid #ccc;
			height: 108rpx;
			border-radius: 0 0 0 20rpx;

		}

		.two {
			height: 116rpx;
			background-color: rgb(32, 160, 255);
			color: #fff;
			border-radius: 0 0 20rpx 0;
		}

		.radio-item {
			width: 300rpx;

			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 28rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: bold;
			color: #222222;
			// margin: 10rpx 0;
			margin: 10rpx auto;

			image {
				width: 32rpx;
				height: 32rpx;
			}
		}

		::v-deep {
			.u-radio {
				margin-bottom: 32rpx;
			}

			.u-radio__text {
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: bold;
				color: #222222;
			}
		}

	}

	.Customer-name {
		width: 702rpx;
		// height: 612rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		margin: 0 auto;
		margin-top: 24rpx;
		box-sizing: border-box;
		padding: 32rpx;

		.iamgea {


			image {
				width: 80rpx;
				height: 80rpx;
				border-radius: 50%;
				// border: 1rpx solid red;
			}

			div:nth-child(1) {
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #585858;
				line-height: 40rpx;

				span {
					margin-left: 8rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #F33B50;
					line-height: 40rpx;
				}
			}

		}

		.name {

			div:nth-child(1) {
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #585858;
				line-height: 40rpx;

				span {
					margin-left: 8rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #F33B50;
					line-height: 40rpx;
				}
			}

			div:nth-child(2) {
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #585858;
				line-height: 40rpx;

			}
		}

		.xxin {
			width: 641rpx;
			height: 1rpx;
			background: #E8E8E8;
			border-radius: 2rpx;
			margin: 30rpx 0;
		}
	}

	.account-number {
		padding: 32rpx;
		width: 702rpx;
		// height: 420rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		box-sizing: border-box;
		margin: 0 auto;
		margin-top: 24rpx;

		// margin-bottom: 24rpx;
		.xxled {
			width: 641rpx;
			height: 1rpx;
			background: #E8E8E8;
			border-radius: 2rpx;
			margin: 30rpx 0;
		}

		.account {
			font-size: 28rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #585858;
			line-height: 40rpx;

			span {
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #F33B50;
				line-height: 40rpx;
				margin-right: 8rpx;
			}
		}

		.telephone {
			.telephone-noe {
				width: 48rpx;
				height: 48rpx;
				background: linear-gradient(141deg, #86D8F5 0%, #00B2F2 100%);
				border-radius: 50%;
				margin-right: 10rpx;

				image {
					width: 28rpx;
					height: 28rpx;
				}
			}

			.telephone-two {
				width: 142rpx;
				height: 50rpx;
				background: #FFFFFF;
				border-radius: 12rpx;
				border: 2rpx solid #E9E9E9;
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #222222;
				line-height: 34rpx;
			}

		}
	}

	.contacts {
		padding: 32rpx;
		width: 702rpx;
		height: 410rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		box-sizing: border-box;
		margin: 0 auto;
		margin-top: 32rpx;

		.xukm {
			width: 641rpx;
			height: 1rpx;
			background: #E8E8E8;
			border-radius: 2rpx;
			margin: 30rpx 0;
		}

		.contacts-human {
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #585858;
			line-height: 40rpx;
		}

		.contacts-being {
			font-size: 28rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #585858;
			line-height: 40rpx;
		}
	}

	.address {
		padding: 34rpx 18rpx 0 24rpx;
		width: 702rpx;
		height: 172rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		box-sizing: border-box;
		margin: 0 auto;
		margin-top: 24rpx;
		margin-bottom: 132rpx;

		image {
			width: 40rpx;
			height: 40rpx;
		}

		.address-di {
			image {
				width: 44rpx;
				height: 44rpx;
			}

			div {
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #222222;
				line-height: 48rpx;
				margin-left: 8rpx;
			}
		}

		.Xianxi {
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #222222;
			line-height: 44rpx;
			margin-top: 8rpx;
			margin-left: 52rpx;

			span {
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				line-height: 44rpx;
				margin-left: 16rpx;
			}
		}
	}

	.status {
		width: 750rpx;
		height: 100rpx;
		background: #FFFFFF;
		position: fixed;
		bottom: 0;

		.btn1 {
			width: 192rpx;
			height: 72rpx;
			border-radius: 40rpx;
			border: 2rpx solid #E8E8E8;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #222222;
			line-height: 40rpx;
		}

		.btn2 {
			width: 192rpx;
			height: 72rpx;
			border-radius: 40rpx;
			border: 2rpx solid #E8E8E8;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #222222;
			line-height: 40rpx;
			margin: 0 24rpx;
		}

		.btn3 {
			width: 192rpx;
			height: 72rpx;
			background: #21BBF3;
			border-radius: 40rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 40rpx;
			margin-right: 32rpx;
		}
	}

	.zhanwei {
		width: 1rpx;
		height: 1rpx;
	}

	.point-out {
		width: 540rpx;
		// height: 300rpx;
		// padding-bottom: 24rpx;
		// box-sizing: border-box;
		background: #FFFFFF;
		border-radius: 24rpx;
		position: fixed;
		top: 662rpx;
		left: 50%;
		transform: translateX(-50%);

		.point {
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #222222;
			line-height: 44rpx;
			margin-top: 40rpx;
		}

		.inputlen {
			width: 80%;
			margin: 10rpx auto;
			border-radius: 10rpx;
		}

		.confirmed {
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #585858;
			line-height: 44rpx;
			margin-top: 8rpx;
		}

		.btntwo {
			margin-top: 20rpx;

			.btn1 {
				flex: 1;
				height: 72rpx;
				// border-radius: 40rpx;
				border-radius: 0 0 0 30rpx;
				border: 2rpx solid #E8E8E8;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #222222;
				line-height: 40rpx;
				// margin: 0 32rpx 0 48rpx;
			}

			.btn2 {
				flex: 1;
				height: 72rpx;
				background: #21BBF3;
				// border-radius: 40rpx;
				border-radius: 0 0 30rpx 0;
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				line-height: 40rpx;
			}
		}

		.btn {
			margin-top: 56rpx;

			.btn1 {
				width: 206rpx;
				height: 72rpx;
				border-radius: 40rpx;
				border: 2rpx solid #E8E8E8;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #222222;
				line-height: 40rpx;
				margin: 0 32rpx 0 48rpx;
			}

			.btn2 {
				width: 206rpx;
				height: 72rpx;
				background: #21BBF3;
				border-radius: 40rpx;
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				line-height: 40rpx;
			}
		}
	}

	.select {
		width: 596rpx;
		height: 95%;
		background: #F8F6F6;
		border-radius: 2rpx;
		position: fixed;
		right: 0;
		bottom: 0;
		padding: 32rpx 0;
		box-sizing: border-box;

		.btn {
			position: absolute;
			bottom: 0;

			.btn1 {
				width: 172rpx;
				height: 88rpx;
				background: #DDDDDD;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #585858;
				line-height: 40rpx;
			}

			.btn2 {
				width: 424rpx;
				height: 88rpx;
				background: #21BBF3;
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				line-height: 40rpx;
			}
		}

		.select-explain {
			font-size: 28rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #222222;
			line-height: 44rpx;
			margin-left: 32rpx;
		}

		.select-latent {
			font-size: 28rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #21BBF3;
			line-height: 40rpx;
			margin-right: 32rpx;
		}

		.contract {
			width: 166rpx;
			height: 60rpx;
			background: #FFFFFF;
			border-radius: 12rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #585858;
			line-height: 34rpx;
			margin: 40rpx 12rpx 0 12rpx;
		}

	}
</style>