<template>
	<view class="box">
		<view class="renyuan">
			<view class="projectinfo">
				<view class="projectinfoname">
					<image src="../../static/img/renyuan.png" mode=""></image>
				</view>
				<view class="projectname">基本信息</view>
			</view>
			<view class="projectlist">
				<view class="projectitem">
					<view class="projectitemleft">项目名称:</view>
					<view class="projectitemright">{{item.fname}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">项目组:</view>
					<view class="projectitemright">{{item.fteam}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">送审时间:</view>
					<view class="projectitemright">{{item.fsubmitfindate}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">评审类型:</view>
					<view class="projectitemright">{{item.freviewtype}}</view>
				</view>

				<view class="projectitem">
					<view class="projectitemleft">项目类型:</view>

					<view class="projectitemright">{{item.fprojecttype==null?'':item.fprojecttype}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">项目经办人1:</view>
					<view class="projectitemright">{{item.fprjleaderone}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">项目经办人1手机:</view>
					<view class="projectitemright">{{item.fprjphone}}</view>
				</view>


				<view class="projectitem">
					<view class="projectitemleft">项目经办人2:</view>
					<view class="projectitemright">{{item.fprjleadertwo}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">项目经办人2手机:</view>
					<view class="projectitemright">{{item.fprjphonetwo}}</view>
				</view>
			</view>
		</view>
		<view class="renyuan">
			<view class="projectinfo">
				<view class="projectinfoname">
					<image src="../../static/img/renyuan.png" mode=""></image>
				</view>
				<view class="projectname">项目报备人员</view>
			</view>
			<view class="projectlist">
				<view class="projectitem">
					<view class="projectitemleft">咨询单位经办人:</view>
					<view class="projectitemright">{{item.fauditleder}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">专业证件号:</view>
					<view class="projectitemright">{{item.fpapersno}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">经办人电话:</view>
					<view class="projectitemright">{{item.freportphone}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">专业:</view>
					<view class="projectitemright">{{item.fmajor}}</view>
				</view>
			</view>
		</view>
		<view class="renyuan">
			<view class="projectinfo">
				<view class="projectinfoname">
					<image src="../../static/img/zixundanwei.png" mode=""></image>
				</view>
				<view class="projectname">征求意见稿信息</view>
			</view>
			<view class="viewpoint">请检查确认上传文件及数据是否完整正确,提交后将不可修改!</view>
			<view class="projectlist">
				<view class="projectitem">
					<view class="projectitemleft">审定金额(元):</view>
					<view class="projectitemright">{{item.fauditamount}}</view>
					<!-- <view class="renyuanright danweizi shending">
						<input type="text" :value="item.fauditamount"/>
					</view> -->
				</view>
				<view class="projectitem">
					<view class="projectitemleft">送审金额:</view>
					<view class="projectitemright">{{item.ftoauditamt}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">审减(增)金额:</view>
					<view class="projectitemright">{{item.fshenjianmoney}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">审减(增)率:</view>
					<view class="projectitemright">{{item.fshenjianrate}}</view>
				</view>
			</view>
		</view>
		<!-- 征求意见稿文件 -->
		<view class="zixun">
			<view class="consult">
				<view class="consultdanwei verfy">
					<view class="projectinfoname">
						<image src="../../static/img/view.png" mode=""></image>
					</view>
					<view class="projectname">征求意见稿文件</view>
				</view>
				<!-- <view class="head">

					<view class="headright download" @click="downloadall">全部下载</view>
				</view> -->

			</view>
			<view class="nodata" v-if="seeklist.length==0">暂无数据</view>
			<view class="zixunbox" v-else>
				<!-- <view class="volistdata" v-if="votelist.length==0">暂无数据</view> -->
				<view class="votelist">
					<view class="voicehead">
						<view class="headitem number">编号</view>
						<view class="zixundanitem ziliao">资料名称</view>
						<view class="headitem tou">录入人</view>
						<view class="headitem timek">时间</view>
						<view class="headitem fujian">
							<view>附件</view>
							<view>(份数)</view>
						</view>
						<view class="headitem caozuo">操作</view>
					</view>
					<view class="zixundan zitou" v-for="(item,index) in seeklist" :key="index">
						<view class="headitem number">{{index+1}}</view>
						<view class="zixundanitem ziliao">{{item.fseekfilename}}</view>
						<view class="headitem tou touren">{{item.fseekdoccreator}}</view>
						<view class="zixundanitem timek">{{item.fseekdate}}</view>
						<view class="zixundanitem fujian">{{item.fseekfiles_cnt}}</view>
						<view class="zixundanitem caozuo fujiandown" @click="download(item)" :data-voiteitem="item">附件</view>
					</view>
				</view>
			</view>


		</view>

		<!-- 审核回复文件 -->
		<view class="zixun">
			<view class="consult">
				<view class="consultdanwei verfy">
					<view class="projectinfoname">
						<image src="../../static/img/view.png" mode=""></image>
					</view>
					<view class="projectname">审核回复文件</view>
				</view>
			</view>
			<view class='nodata' v-if="replylist.length==0">暂无数据</view>
			<view class="zixunbox" v-else>
				<!-- <view class="volistdata" v-if="votelist.length==0">暂无数据</view> -->
				<view class="votelist">
					<view class="voicehead">
						<view class="headitem number">编号</view>
						<view class="zixundanitem ziliaok">资料名称</view>

						<view class="headitem fujian">附件(份数)</view>
						<view class="headitem caozuok">操作</view>
					</view>
					<view class="zixundan zitou" v-for="(item,index) in replylist" :key="index">
						<view class="headitem number">{{index+1}}</view>
						<view class="zixundanitem ziliaok">{{item.ffilereplyname}}</view>

						<view class="zixundanitem fujian">{{item.freplyfiles_cnt}}</view>
						<view class="zixundanitem caozuok fujiandownk" @click="downshenhe(item)">附件</view>
					</view>
				</view>
			</view>
		</view>
		<view class="btnlist">
			<view class="btnitem" @click="question(item)">问题往来</view>
			<view class="btnitem" @click="jingban(item)" v-if="showhide[4].status!=0">征求意见稿初稿</view>
			<view class="btnitem" @click="shenjie(item)">征求意见稿定稿</view>
			<view class="btnitem" @click="pingshen(item)" v-if="showhide[4].status!=0">评审报告确认</view>
			<view class="btnitem" @click="concatsure(item)" v-if="showhide[4].status!=0">合同发票确认</view>
			<!-- <view class="btnitem" @click="jingban(item)">经办人审核</view>
			<view class="btnitem" @click="shenjie(item)">项目审结</view>
			<view class="btnitem" @click="pingshen(item)">评审报告确认</view>
			<view class="btnitem" @click="concatsure(item)">合同发票确认</view> -->
		</view>
		<!-- v-if="showhide[4].status==0" -->
		<!-- <view class="zixunbottom" >
			<view class="querenfen" @click="surefenpei">提交</view>
		</view> -->
	</view>
</template>

<script>
	import app from "../../App.vue";
	import helper from '../../common/help.js';
	export default {
		data() {
			return {
				disid: '',
				item: {},
				fteamid: '',
				fprojectid: '',
				ftrialnumber: '',
				fconcludenumber: '',
				votelist: [],
				danweilist: [],
				index: 0,
				keyword: '',
				showhide: '',
				fuzepeople: '',
				fuzephone: '',
				status: '',
				subdisid: '',
				daibanfprojectid: '',
				touvotelist: [],
				fintorgid: " ",
				danweiname: '请选择咨询单位',
				//状态
				state: '',
				seeklist: [],
				replylist: [],
				downurl: '',
				singgleurl: '',
				type: '',
				typeprojectid: '',
				project: ''
			}
		},
		onLoad(options) {

			console.log('传的参数', options)
			if (options.type != undefined) {
				this.type = options.type;
				this.typeprojectid = options.projectid;
				this.item = JSON.parse(options.item);

				switch (this.type) {
					case 1:
						console.log(this.type)

						this.project = 'prj_toaudit_budget'
						break;
					case 2:
						console.log(this.type)

						this.project = 'prj_toaudit_settlement'
						break;
					case 3:

						this.project = 'prj_toaudit_change'
						break;
					case 4:

						this.project = 'prj_toaudit_land'
						break;
				}
				this.getbudgetlist()
			} else {
				this.item = JSON.parse(options.item)
				console.log(this.item)
			}

			this.getseeklist();
			this.getreplay();
			this.showhide = uni.getStorageSync("showhide");


		},
		methods: {
			getbudgetlist() {
				let that = this;
				let url = "project/Get_ProjectInventory";

				let param = {
					fprojectcategory: that.project,
					fuserid: uni.getStorageSync("userid"),
					fprojectid: that.typeprojectid,
					role: uni.getStorageSync("role"),
				}
				console.log('8877665544', param)
				app.post(url, param, 'get').then(r => {
					console.log(r, 'kkkkk')
					that.item = r.data[0]

				}).catch(err => {
					console.log(err)
				})
			},
			// 项目审结
			shenjie(item) {
				let that = this;
				let url = "project/Save_ProjectConclude";

				let param = {

					userid: uni.getStorageSync("userid"),
					role: uni.getStorageSync("role"),
					fprojectid: item.fprojectid,
					fdisid: item.fdisid,
					fdirstatus: item.fdirstatus,
					ffinauditstatus: item.ffinauditstatus,

				}
				console.log('8877665544', param)
				app.post(url, param, 'get').then(r => {
					console.log(r)
					uni.showToast({
						title: r.data[0].message,
						icon: 'none'
					})
					// console.log('数组',JSON.stringify(r.data));

				}).catch(err => {
					console.log(err)
				})
			},
			//问题往来
			question(item) {
				console.log(item)
				let questionid = item.fprojectid
				uni.setStorageSync("questionid", questionid)
				uni.navigateTo({
					url: '/pages/question/question?quesprojectid=' + questionid
				})
			},
			// 经办人
			jingban(item) {
				let newitem = JSON.stringify(item)
				uni.navigateTo({
					url: '/pages/examinejingban/examinejingban?item=' + newitem
				})
			},
			// 评审报告
			pingshen(item) {
				let newitem = JSON.stringify(item)
				uni.navigateTo({
					url: '/pages/reviewreport/reviewreport?item=' + newitem
				})
			},
			// 合同发票确认
			concatsure(item) {
				let newitem = JSON.stringify(item)
				uni.navigateTo({
					url: '/pages/concat/concat?item=' + newitem
				})
			},
			//获取征求意见稿
			getseeklist() {
				let that = this;
				let url = "project/Select_Fseektity";

				let param = {
					userid: uni.getStorageSync("userid"),
					role: uni.getStorageSync("role"),
					fprojectid: that.item.fprojectid,
					fdisid: that.item.fdisid,
					type: 'fseektity'
				}
				console.log('8877665544', param)
				app.post(url, param, 'get').then(r => {
					console.log('征求意见稿', r)
					that.seeklist = r.data;

					// this.votelist = r.data;
					// this.touvotelist = r.data
				}).catch(err => {
					console.log(err)
				})
			},
			// 获取审核回复文件
			getreplay() {
				let that = this;
				let url = "project/Select_Fseektity";

				let param = {
					userid: uni.getStorageSync("userid"),
					role: uni.getStorageSync("role"),
					fprojectid: that.item.fprojectid,
					fdisid: that.item.fdisid,
					type: 'ffirstreplyfile'
				}
				console.log('8877665544', param)
				app.post(url, param, 'get').then(r => {
					console.log('审核回复文件', r)
					that.replylist = r.data;
					console.log(that.replylist.length)
					console.log(that.seeklist)
					console.log(JSON.stringify(that.seeklist))
					// this.votelist = r.data;
					// this.touvotelist = r.data
				}).catch(err => {
					console.log(err)
				})
			},
			// 下载文件
			download(item) {
				let that = this;
				console.log(item)
				let fseekfiles = item.fseekfiles; //评审报告id
				let fseekfiles_txt = item.fseekfiles_txt //评审报告文字

				let url = "project/Select_FileInfo";
				let param = {}
				app.post(url, param, 'get').then(r => {
					console.log('下载文件', r)
					that.singgleurl = r.data[0].file
					let urlk = r.data[0].file + '?fileId=' + fseekfiles;
					// let url = 'http://39.105.61.115:8001/FileInfo/GetFile?fileId=4759b12f38ba6bdb71586065c64c42c5'
					console.log(wx.env.USER_DATA_PATH + "/" + fseekfiles_txt)
					uni.downloadFile({
						//let  urlk: 'http://39.105.61.115:8001/FileInfo/GetFile?fileId=4759b12f38ba6bdb71586065c64c42c5',
						url: urlk,
						header: {
							// 'Content-Type':'application/doc'
						},
						success: function(res) {},
						fail: function(res) {},
						complete: function(res) {
							console.log(res)
							const manage = wx.getFileSystemManager();
							if (res.statusCode === 200) {
								manage.saveFile({
									tempFilePath: res.tempFilePath,
									filePath: wx.env.USER_DATA_PATH + "/" + fseekfiles_txt,
									success: function(res) {
										console.log(res)
									}
								});
								// 打开文档
								uni.openDocument({
									filePath: wx.env.USER_DATA_PATH + "/" + fseekfiles_txt,
									success: function(res) {
										console.log('打开文档成功')
									},
									fail: function() {
										console.log('打开失败');
									}
								})


							}
						}
					})
				}).catch(err => {
					console.log(err)
				})
			},
			// 下载审核文件
			downshenhe(item) {
				let that = this;
				console.log(item)
				let freplyfiles = item.freplyfiles; //评审报告id
				let freplyfiles_txt = item.freplyfiles_txt //评审报告文字

				let url = "project/Select_FileInfo";
				let param = {}
				app.post(url, param, 'get').then(r => {
					console.log('下载文件', r)
					that.singgleurl = r.data[0].file
					let urlk = r.data[0].file + '?fileId=' + freplyfiles;
					// let url = 'http://39.105.61.115:8001/FileInfo/GetFile?fileId=4759b12f38ba6bdb71586065c64c42c5'
					console.log(wx.env.USER_DATA_PATH + "/" + freplyfiles_txt)
					uni.downloadFile({
						//let  urlk: 'http://39.105.61.115:8001/FileInfo/GetFile?fileId=4759b12f38ba6bdb71586065c64c42c5',
						url: urlk,
						header: {
							// 'Content-Type':'application/doc'
						},
						success: function(res) {},
						fail: function(res) {},
						complete: function(res) {
							console.log(res)
							const manage = wx.getFileSystemManager();
							if (res.statusCode === 200) {
								manage.saveFile({
									tempFilePath: res.tempFilePath,
									filePath: wx.env.USER_DATA_PATH + "/" + freplyfiles_txt,
									success: function(res) {
										console.log(res)
									}
								});
								// 打开文档
								uni.openDocument({
									filePath: wx.env.USER_DATA_PATH + "/" + freplyfiles_txt,
									success: function(res) {
										console.log('打开文档成功')
									},
									fail: function() {
										console.log('打开失败');
									}
								})


							}
						}
					})
				}).catch(err => {
					console.log(err)
				})
			},
			downsingle(chaunitem) {
				console.log(chaunitem)
				let that = this,
					token = uni.getStorageSync('token'),
					header = {
						token: token || ''
					},
					postData;

				let param = {
					fileId: chaunitem
				}
				console.log('9999', param)

				uni.request({
					url: that.singgleurl,
					data: param,
					method: "GET",
					header: header,
					success: function(res) {
						console.log('888776554kkkk', res)
						// let url=res.data+'.zip';
						// console.log(url)
						//  plus.runtime.openURL(url);

					},
					fail: function(e) {
						console.log(e)
						reject('网络出错');
						// (showLoad || showLoad == undefined) ? wx.hideLoading() : "";
						wx.hideNavigationBarLoading()
					},
					complete: function(daa) {
						// console.log(daa)
					}
				})
			},
			// 下载多个文件
			downloadall() {
				let that = this;

				let url = "project/Select_FileInfos";
				let param = {};

				// let param = {
				// 	FetchFileInput:seekarr.join(",")
				// }
				// console.log('9999',param)

				app.post(url, param, 'get').then(r => {
					console.log('下载文件22', r)
					that.downurl = r.data[0].file
					that.downmany()

				}).catch(err => {
					console.log(err)
				})
			},
			downmany() {
				let that = this,
					token = uni.getStorageSync('token'),
					header = {
						token: token || ''
					},
					postData;
				let newseeklist = that.seeklist;
				let seekarr = []
				newseeklist.forEach(function(value, index, array) {
					console.log(value)
					if (value.fseekfiles != null) {
						seekarr.push(value.fseekfiles)
					}

				})
				let param = {
					fileIds: seekarr.join(",")
				}
				console.log('9999', param)

				uni.request({
					url: that.downurl,
					data: param,
					method: "POST",
					header: header,
					success: function(res) {
						console.log('888776554', res)
						let url = res.data + '.zip';
						console.log(url)
						plus.runtime.openURL(url);

					},
					fail: function(e) {
						console.log(e)
						reject('网络出错');
						// (showLoad || showLoad == undefined) ? wx.hideLoading() : "";
						wx.hideNavigationBarLoading()
					},
					complete: function(daa) {
						// console.log(daa)
					}
				})
			},


			// 保存本地文件

			savefilecode(url) {
				let that = this;
				console.log(url)
				uni.downloadFile({
					url: url,
					success: function(res) {
						console.log('下载图片下载图片下载图片', res)
						var filePath = res.tempFilePath;
						console.log(filePath)
						uni.openDocument({
							filePath: filePath,
							success: function(res) {
								console.log('打开文档成功');
							}
						});
						// uni.saveFile({
						//   tempFilePath: tempFilePath[0],
						//   success: function(res) {
						//     console.log('789066544',res)
						//   }, 
						//   fail: function(res) {
						//     console.log('失败', res)
						//   },
						//   complete: function(res) {
						//     console.log('complete后的res数据:')
						//   },
						// }) //,
					},

					complete: function(res) {},
				})

			},


			//咨询单位投票
			getvotelist() {
				let that = this;
				let url = "project/Get_intermediaryorg";

				let param = {
					disid: this.disid,
				}
				console.log('8877665544', param)
				app.post(url, param, 'get').then(r => {
					console.log(r)
					this.votelist = r.data;
					this.touvotelist = r.data
				}).catch(err => {
					console.log(err)
				})
			},

			// 投票
			toupiao(e) {
				let that = this;
				console.log(e)
				let voteitem = e.target.dataset.voiteitem;
				console.log(voteitem.finteroryname)
				let url = "project/Get_vote";
				let param = {
					fname: voteitem.finteroryname,
					fid: that.item.disid,
					fprojectid: that.item.fprojectid,
					userid: uni.getStorageSync("userid"),
					fadvisoryid: voteitem.fadvisoryid,
					role: uni.getStorageSync("role")
				}
				console.log('8877665544', param)
				app.post(url, param, 'get').then(r => {
					console.log(r);
					console.log(JSON.stringify(r.data))
					uni.showToast({
						title: r.data[0].message,
						icon: 'none'
					})
					that.getvotelist();
					that.voicesuccess()

				}).catch(err => {
					console.log(err)


				})
			},



			bindPickerChange: function(e) {
				console.log('picker发送选择改变,携带值为', e.target.value)
				this.index = e.target.value;
				this.danweiname = this.danweilist[e.target.value].fname;
				this.fuzepeople = this.danweilist[e.target.value].fauthorizeman;
				this.fuzephone = this.danweilist[e.target.value].fauthphone;
				this.fintorgid = this.danweilist[e.target.value].fid;
				console.log(JSON.stringify(this.danweilist))
				console.log(this.fintorgid)
			},
			// 确认分配
			surefenpei() {
				let that = this;
				console.log('咨询单位', that.fintorgid)
				if (that.fintorgid == " ") {

					uni.showToast({
						title: "请选择咨询单位",
						icon: 'none'
					})
					return false
				}
				let url = "project/Get_SubmitAdvisoryDisfteam";
				let param = {
					fadvisorystatus: that.item.fadvisorystatus,
					fuserid: uni.getStorageSync("userid"),
					disid: that.item.disid,
					fprojectid: that.item.fprojectid,
					fintorgid: that.fintorgid
				}
				console.log('咨询单位分配参数', param)
				app.post(url, param, 'get').then(r => {
					console.log(r);
					if (r.data[0].message == '成功') {
						uni.showToast({
							title: '提交成功',
							icon: "none"
						})
						this.changestate()
						setTimeout(function() {
							uni.navigateBack({
								checked: true
							})
						}, 1000)
					} else {
						uni.showToast({
							title: r.data[0].message,
							icon: "none"
						})
					}



				}).catch(err => {
					console.log(err)
				})
			},
			changestate() {
				let that = this;
				let url = "project/Get_Fteam";
				let params = {
					userid: uni.getStorageSync("userid"),
					fdisid: that.item.disid
				}
				// console.log('8877665544',param)
				app.post(url, '', 'get').then(r => {
					console.log('修改状态', r);
				}).catch(err => {
					console.log(err)
				})
			}

		}

	}
</script>

<style>
	.box {
		background: #fff;
	}

	.btnlist {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 20rpx;
		padding: 32rpx;
		box-sizing: border-box;
	}

	.btnitem {
		/* width:194rpx; */
		padding: 0 21rpx;
		box-sizing: border-box;
		height: 64rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff;
		font-size: 24rpx;
		text-align: center;
		line-height: 64rpx;
		margin-right: 12rpx;
		margin-bottom: 30rpx;
	}

	.nodata {
		margin-top: 40rpx;
		margin-bottom: 20rpx;
	}

	.verfy {
		padding-bottom: 16rpx;
		box-sizing: border-box;
	}

	.touren {
		margin-left: 10rpx;
	}

	.number {
		width: 120rpx;
		text-align: center;
	}

	.ziliao {
		width: 280rpx;
		text-align: center;
	}

	.ziliaok {
		width: 320rpx;
		text-align: center;

	}

	.timek {
		width: 210rpx;
		text-align: center;
	}

	.fujian {
		width: 180rpx;
		text-align: center;
	}


	.caozuo {
		width: 200rpx;
		text-align: center;
	}

	.caozuok {
		width: 120rpx;
		text-align: center;
	}

	.viewpoint {
		color: #D12324;
		font-size: 22rpx;
		margin-top: 20rpx;
		padding: 0 32rpx;
		box-sizing: border-box;
	}


	.projectinfo {
		display: flex;
		align-items: center;

	}

	.fujiandown {
		width: 200rpx;
		height: 40rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff !important;
		font-size: 24rpx;
		text-align: center;
		line-height: 40rpx;
	}

	.fujiandownk {
		width: 120rpx;
		height: 40rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff !important;
		font-size: 24rpx;
		text-align: center;
		line-height: 40rpx;
	}

	.projectinfoname {
		width: 44rpx;
		height: 44rpx;
		font-size: 0;
	}

	.projectinfoname image {
		width: 100%;
		height: 100%
	}

	.projectname {
		color: #3D444D;
		font-size: 28rpx;
		font-weight: bold;
		margin-left: 16rpx;
	}

	.projectinfo {
		padding: 36rpx 32rpx 16rpx;
		box-sizing: border-box;
		border-bottom: 1rpx solid #eee;
	}

	.projectlist {
		padding: 0 32rpx;
		box-sizing: border-box;
	}

	.projectitem {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 32rpx 0;
		box-sizing: border-box;
		border-bottom: 1rpx solid #EEEEEE
	}

	.projectitem:last-child {
		border-bottom: none;
	}

	.projectitemleft {
		color: #8C9198;
		font-size: 28rpx;
		width: 180rpx;
	}

	.projectitemright {
		color: #3D444D;
		font-size: 28rpx;
	}

	.renyuanleft {
		color: #8C9198;
		font-size: 28rpx;
	}

	.renyuanright {
		width: 300rpx;
		height: 60rpx;
		background: #EEEEEE;
		padding: 14rpx 28rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}

	.danweizi {
		width: 500rpx;
		text-align: right;
	}

	.renyuanright input {
		width: 100%;
		height: 40rpx;
		color: #8C9198;
		font-size: 24rpx;
	}

	.xiangmuyuan {
		color: #8C9198;
		font-size: 24rpx;
	}

	.zixunbottom {
		display: flex;
		align-items: center;
		padding: 28rpx 32rpx 34rpx;
	}

	.zixunbotleft {
		width: 130rpx;
		height: 80rpx;
		background: rgba(232, 80, 0, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff;
		font-size: 28rpx;
		text-align: center;
		line-height: 80rpx;
	}

	.zixunbotright {
		width: 532rpx;
		height: 80rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff;
		font-size: 28rpx;
		text-align: center;
		line-height: 80rpx;
		margin-left: 24rpx;
	}

	/* .renyuan{
		border-bottom:16rpx solid #f9f9f9;
	} */
	.renyaoqiu {
		margin-top: 12rpx;
	}

	.zixundan {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 24rpx 42rpx 16rpx 0;
		box-sizing: border-box;
		/* border-bottom: 1rpx solid #BDC4CE; */
	}

	.zitou {
		padding: 20rpx 0;
	}

	.zixundanitem {
		color: #06121E;
		font-size: 28rpx;
	}

	.zixunbox {
		padding: 0 32rpx;
		box-sizing: border-box;
	}

	.zixundanboxlist {
		display: flex;
		align-items: center;
		padding: 20rpx 0;
		box-sizing: border-box;
		/* justify-content: space-between; */
	}

	.zixunname {
		width: 320rpx;
		color: #06121E;
		font-size: 24rpx;
		line-height: 1.5;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.zixunshu {
		width: 105rpx;
		/* margin-left: 52rpx; */
		text-align: center;
		color: #06121E;
		font-size: 24rpx;
	}

	.zixuntou {
		width: 108rpx;
		height: 40rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #F9F9F9;
		font-size: 24rpx;
		text-align: center;
		line-height: 40rpx;
		margin-left: 100rpx
	}


	.zuxiangmu {
		color: #3D444D;
		font-size: 28rpx;
		/* font-weight: bold; */
	}

	.querenfen {
		width: 686rpx;
		height: 80rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff;
		font-size: 28rpx;
		text-align: center;
		line-height: 80rpx;
	}

	.zidan {
		border-top: 16rpx solid #f9f9f9;
	}

	.danweizi {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.head {
		display: flex;
		align-items: center;
		padding: 20rpx 12rpx;
		box-sizing: border-box;
		/* background: #fff; */
		/* position: fixed; */
		/* top: 0;
		left: 0 */
	}

	.fenzulist {
		margin-top: 100rpx;
		padding-bottom: 50rpx;
	}

	.headleft {
		width: 372rpx;
		height: 60rpx;
		background: rgba(238, 238, 238, 1);
		opacity: 1;
		border-radius: 8rpx;
		padding: 10rpx 24rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;

	}

	.headleft input {
		color: #BDC4CE;
		font-size: 28rpx;
	}

	.headright {
		width: 100rpx;
		height: 60rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff;
		font-size: 22rpx;
		text-align: center;
		line-height: 60rpx;
		margin-left: 16rpx;
	}

	.download {
		width: 136rpx;
		height: 40rpx;
		line-height: 40rpx;
	}

	.fenzuitem {
		width: 372rpx;
		/* height: 484rpx; */
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 6rpx 6rpx rgba(0, 0, 0, 0.03);
		opacity: 1;
		border-radius: 20rpx;
		margin: 20rpx auto 0;
		padding: 28rpx 32rpx 40rpx;
		box-sizing: border-box;
	}



	.fenzunoimg {
		width: 28rpx;
		height: 28rpx;
		font-size: 0;
		margin-right: 10rpx;
	}

	.fenzunoimg image {
		width: 100%;
		height: 100%;
	}

	.bianhao {
		color: #8C9198;
		font-size: 24rpx;

	}

	.bianhaonum {
		color: #06121E;
		font-size: 24rpx;
		letter-spacing: 2rpx;
	}

	.fenzunoname {
		color: #3D444D;
		font-size: 24rpx;
	}

	.fenzutopright {
		display: flex;
		align-items: center;
		/* width: 126rpx; */
		height: 48rpx;
		border: 1rpx solid rgba(189, 196, 206, 1);
		opacity: 1;
		border-radius: 8rpx;
		padding: 0 5rpx;
		box-sizing: border-box;

	}

	.consult {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 32rpx;
		box-sizing: border-box;
		border-bottom: 1rpx solid #eee;

	}

	.consultdanwei {
		display: flex;
		align-items: center;
	}

	.volistdata {
		color: #999;
		font-size: 30rpx;
		text-align: center;
		margin-top: 20rpx;
	}

	.xuanlei {
		width: 18rpx;
		height: 25rpx;
		font-size: 0;
	}

	.xuanlei image {
		width: 100%;
		height: 100%;
	}

	.voicehead {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20rpx 0;
		box-sizing: border-box;
		border-bottom: 1rpx solid #eee;
	}

	.headitem {
		color: #06121E;
		font-size: 28rpx;
	}

	.piao {
		margin-left: 20rpx;
	}

	.danwei {
		width: 50%;
		text-align: left;

	}

	.piao {
		width: 20%;
		text-align: center;
	}

	.tou {
		width: 30%;
		text-align: center;
	}

	.wei {
		width: 60%;
		text-align: left;
	}

	.tpiao {
		width: 10%;
		text-align: center;
		margin-left: 30rpx;

	}

	.votelist {
		height: 500rpx;
		overflow-y: scroll;
	}

	.shending {
		width: 430rpx;
	}
</style>