<template>
	<view>
		<view class="solids-bottom margin-bottom-sm">
			<view class="bg-white padding">
				<view class="cu-steps">
					<view class="cu-item" :class="0>stepsnum?'':'text-blue'">
						<text class="num" data-index="1"></text> 基本信息
					</view>
					<view class="cu-item" :class="1>stepsnum?'':'text-blue'">
						<text class="num" data-index="2"></text> 详细信息
					</view>
					<view class="cu-item" :class="2>stepsnum?'':'text-blue'">
						<text class="num" data-index="3"></text> 提交成功
					</view>
				</view>
				<view class="text-gray text-sm padding-top">
					请填写真是有效的信息，如有发现诈骗、虚假信息，我们会协助公安与相关法律部门进行调查。
				</view>
				<view class="text-red text-sm padding-top" v-if="workerinfo.status==1">
					审核中，最多只能发布三条招聘信息
				</view>
			</view>
		</view>

		<form>
			<view class="echo-formmain" v-if="stepsnum==0">
				<view class="cu-form-group">
					<view class="title"> <text class="text-red text-bold padding-right-xs">*</text> 岗位标题</view>
					<input placeholder-class="placeholder" placeholder="比如：郑州富士康招聘普工" data-field="title" name="title" :value="comjobsinfo.title" @input="setInput"></input>
				</view>
				<!-- <view class="cu-form-group">
					<view class="title"> <text class="text-red text-bold padding-right-xs">*</text> 岗位类型</view>
					<picker mode="selector" range-key="title" name="cateid" @change="cateidChange" :value="cateidindex" :range="catelist">
						<view class="picker">{{cateidindex>-1 ? catelist[cateidindex].title : "请选择岗位类型"}}</view>
					</picker>
				</view> -->
				<view class="cu-form-group arrow" @click="toggleComCate(true)">
					<view class="title">
						<text class="text-red text-bold padding-right-xs">*</text><text>岗位类型</text>
					</view>
					<view class="piker-box">{{cateidindex>-1 ? catelist[cateidindex].title : "请选择..."}}
					</view>
				</view>
				<view class="filteremp" v-if="comCateModal">
					<view class="padding bg-white emp-box">
						<block v-for="(item,index) in catelist" :key="index">
							<button class="cu-btn margin-lr-xs margin-tb-xs" v-if="index != cateidindex" @click="subComCate(index)">
								{{item.title}}
							</button>
							<button class="cu-btn margin-lr-xs margin-tb-xs bg-red" v-else>
								{{item.title}}
							</button>
						</block>
						<view class="padding flex flex-wrap justify-end align-center">
						  <button class="cu-btn bg-red lg" @click="toggleComCate(false)">取消</button>
						</view>
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title"> <text class="text-red text-bold padding-right-xs">*</text> 工作地点</view>
					<view style="flex: 1; font-size: 30rpx; color: #AAAAAA; line-height: 100rpx;">
						<pickerAddress @change="regionChange" v-if="region">{{region}}</pickerAddress>
						<input placeholder-class="placeholder" placeholder="详细地址" data-field="address" name="address" :value="address" @input="setInput" v-if="address"></input>
						<button class="cu-btn bg-blue margin-tb-sm lg" style="width: 100%;" @tap="gpsmap()">地图选位置</button>
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title"> <text class="text-red text-bold padding-right-xs">*</text> 社区</view>
					<picker mode="selector" range-key="name" name="id" @change="communityChange" :value="communityindex" :range="community_list">
						<view class="picker">{{communityindex>-1 ? community_list[communityindex].name : "请选择社区"}}</view>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title"> <text class="text-red text-bold padding-right-xs">*</text> 招工年龄</view>
					<input placeholder-class="placeholder" placeholder="比如：18-35岁" data-field="agegroup" name="agegroup" :value="comjobsinfo.agegroup" @input="setInput"></input>
				</view>
				<view class="cu-form-group">
					<view class="title"> <text class="text-red text-bold padding-right-xs">*</text> 性别要求</view>
					<picker mode="selector" range-key="name" @change="sexChange" :value="comjobsinfo.sex" :range="sex_list">
						<view class="picker">{{sex_list[comjobsinfo.sex].name}}</view>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title"> <text class="text-red text-bold padding-right-xs">*</text> 招聘标签</view>
					<input placeholder-class="placeholder" placeholder="比如：包食宿 高工资" data-field="tags" name="tags" :value="comjobsinfo.tags" @input="setInput"></input>
				</view>
				<view class="cu-form-group">
					<view class="title"> <text class="text-red text-bold padding-right-xs">*</text> 截止日期</view>
					<picker mode="date" :value="comjobsinfo.enddate" @change="bindDateChange">
						<view class="picker">{{comjobsinfo.enddate!='' ? comjobsinfo.enddate : "请选择本次招聘截止日期"}}</view>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title" style="min-width: calc(10em + 15px);"> <text class="text-red text-bold padding-right-xs">*</text> 招聘类型</view>
					<radio-group class="block" @change="recruitmentcateChange">
					<view class="flex justify-start">
						<label class="flex align-center"> <radio class='blue' :class="comjobsinfo.recruitment_cate==1?'checked':''" :checked="comjobsinfo.recruitment_cate==1?true:false" value="1"></radio> <text> 普通招聘</text></label>
						<label class="flex align-center"> <radio class='blue' :class="comjobsinfo.recruitment_cate==2?'checked':''" :checked="comjobsinfo.recruitment_cate==2?true:false" value="2"></radio> <text> 悬赏招聘</text></label>
					</view>
					</radio-group>
				</view>
				<view class="cu-form-group" v-if="comjobsinfo.recruitment_cate==2">
					<view class="title"> 悬赏金额</view>
					<input placeholder-class="placeholder" placeholder="请输入返给经纪人佣金金额" data-field="retmoney" name="retmoney" :value="comjobsinfo.retmoney" @input="setInput"></input>
				</view>
				<view class="cu-form-group">
					<view class="title">职位详情</view>
					<view class="textareabox">
						<textarea maxlength="-1" placeholder-class="placeholder" placeholder="请输入..." data-field="comdetails" name="comdetails" :value="comjobsinfo.comdetails"
					 @input="setInput"></textarea>
					 </view>
				</view>
				<view class="cu-form-group">
					<view class="title">任职要求</view>
					<view class="textareabox">
						<textarea maxlength="-1" placeholder-class="placeholder" placeholder="请输入..." data-field="requirement" name="requirement" :value="comjobsinfo.requirement"
					 @input="setInput"></textarea>
					 </view>
				</view>
				<view class="cu-form-group">
					<view class="title">企业介绍</view>
					<view class="textareabox">
					<textarea maxlength="-1" placeholder-class="placeholder" placeholder="请输入..." data-field="companydetails" name="companydetails" :value="comjobsinfo.companydetails"
					 @input="setInput"></textarea>
					 </view>
				</view>
				
				<view class="padding-tb padding-lr-xs bg-white solids-top">
					<view class="title padding-bottom-sm text-lg">环境照片</view>
					<view class="grid col-4 grid-square flex-sub">
						<block v-for="(picitem,picindex) in comjobsinfo.picall" :key="picindex">
							<view class="bg-img" @tap="viewImage" :data-url="picitem">
								<image :src="picitem" mode="aspectFill"></image>
								<view class="cu-tag bg-red" @tap.stop="delImg" :data-index="index">
									<text class='cuIcon-close'></text>
								</view>
							</view>
						</block>
						<view class="solids" @tap="chooseImage" v-if="comjobsinfo.picall.length <= 12">
							<text class='cuIcon-cameraadd'></text>
						</view>
					</view>
				</view>
				<view class="padding-tb padding-lr-xs bg-white solids-top">
					<view class="title padding-bottom-sm text-lg">上传视频</view>
					<view class="grid col-4 grid-square flex-sub" v-if="comjobsinfo.video==''">
						<view class="solids" @click="chooseVideo">
							<text class='cuIcon-record'></text>
						</view> 
					</view>
					
					<view class="grid col-1 grid-square flex-sub" v-if="comjobsinfo.video!=''">
						<view class="bg-img">
							<video v-if="video!==null" id="myVideo" class="myVideo" :src="comjobsinfo.video" @error="videoErrorCallback" enable-danmu controls></video>
							<view class="cu-tag bg-red" @tap.stop="delVideo">
								<text class='cuIcon-close'></text>
							</view>
						</view>
					</view>
				</view>
				
				<view class="padding flex flex-direction bg-white">
					<button class="cu-btn bg-blue margin-tb-sm lg" @tap="stepsNum(1)">下一步</button>
					<view class="padding"></view>
				</view>
			</view>
				
			<view class="echo-formmain" v-if="stepsnum==1">
				<view class="cu-form-group">
					<view class="title"> <text class="text-red text-bold padding-right-xs">*</text> 薪资类型</view>
					<radio-group class="block" @change="wtypeChange">
					<view class="flex justify-start">
						<label class="flex align-center"> <radio class='blue' :class="comjobsinfo.wtype==1?'checked':''" :checked="comjobsinfo.wtype==1?true:false" value="1"></radio> <text> 按月</text></label>
						<label class="flex align-center"> <radio class='blue' :class="comjobsinfo.wtype==2?'checked':''" :checked="comjobsinfo.wtype==2?true:false" value="2"></radio> <text> 按时</text></label>
						<label class="flex align-center"> <radio class='blue' :class="comjobsinfo.wtype==3?'checked':''" :checked="comjobsinfo.wtype==3?true:false" value="3"></radio> <text> 按件</text></label>
						<label class="flex align-center"> <radio class='blue' :class="comjobsinfo.wtype==4?'checked':''" :checked="comjobsinfo.wtype==4?true:false" value="4"></radio> <text> 按项目</text></label>
						<label class="flex align-center"> <radio class='blue' :class="comjobsinfo.wtype==5?'checked':''" :checked="comjobsinfo.wtype==5?true:false" value="5"></radio> <text> 其他</text></label>
					</view>
					</radio-group>
				</view>
				<view class="cu-form-group">
					<view class="title"> <text class="text-red text-bold padding-right-xs">*</text> 薪酬</view>
					<input placeholder-class="placeholder" placeholder="请输入" data-field="zwagall" name="zwagall" :value="comjobsinfo.zwagall" @input="setInput"></input>
					<view class="unit">元</view>
				</view>
				<view class="cu-form-group">
					<view class="title"> <text class="text-red text-bold padding-right-xs">*</text> 人数</view>
					<input placeholder-class="placeholder" placeholder="请输入" data-field="recruit_num" name="recruit_num" :value="comjobsinfo.recruit_num" @input="setInput"></input>
					<view class="unit">人</view>
				</view>
				<!-- <view class="cu-form-group">
					<view class="title" style="min-width: calc(10em + 15px);"> <text class="text-red text-bold padding-right-xs">*</text> 给求职者是否有返费</view>
					<radio-group class="block" @change="isfwagallChange">
					<view class="flex justify-start">
						<label class="flex align-center"> <radio class='blue' :class="isfwagall==1?'checked':''" :checked="isfwagall==1?true:false" value="1"></radio> <text> 有</text></label>
						<label class="flex align-center"> <radio class='blue' :class="isfwagall==2?'checked':''" :checked="isfwagall==2?true:false" value="2"></radio> <text> 没有</text></label>
					</view>
					</radio-group>
				</view>
				<view class="cu-form-group" v-if="isfwagall==1">
					<view class="title"> 返费政策</view>
					<input placeholder-class="placeholder" placeholder="比如：入职满一个月返2000元" data-field="fwagall" name="fwagall" :value="comjobsinfo.fwagall" @input="setInput"></input>
				</view> -->
				
				<view class="cu-form-group margin-top-sm">
					<view class="title"><text class="text-red text-bold padding-right-xs">*</text>手机号码</view>
					<input placeholder-class="placeholder" placeholder="请输入联系人手机号码" data-field="telephone" name="telephone" :value="comjobsinfo.telephone" @input="setInput"></input>
				</view>
				<view class="cu-form-group">
					<view class="title">补充说明</view>
					<view class="textareabox">
					<textarea maxlength="-1" placeholder-class="placeholder" placeholder="请输入..." data-field="remark" name="remark" :value="comjobsinfo.remark"
					 @input="setInput"></textarea>
					</view>
				</view>
				<view class="padding flex flex-direction bg-white">
					<block v-if="workerinfo.status==1 && comjobscount>=3">
						<button class="cu-btn bg-red margin-tb-sm lg">审核中，最多只能发布三条招聘信息</button>
					</block>
					<block v-else>
						<button class="cu-btn bg-blue margin-tb-sm lg" @tap="editComjobs(1)">暂存</button>
						<button class="cu-btn bg-blue margin-tb-sm lg" @tap="editComjobs(2)">立即提交</button>
					</block>
					
					<button class="cu-btn lg" @tap="stepsNum(0)">返回上一步</button>
					<view class="padding"></view>
				</view>
			</view>
		</form>
		
		<view class="echo-formmain padding bg-white" v-if="stepsnum==2">
			<view class="padding">
				<view class="flex-sub text-center padding-tb">
					<view class="solid-bottom text-xsl padding">
						<text class="cuIcon-emoji text-green"></text>
					</view>
					<view class="text-xl padding-tb">
						<text class="text-black text-bold">招聘信息提交成功，请耐心等待审核！</text>
					</view>
					<view class="flex flex-direction padding-tb">
						<navigator class="cu-btn bg-blue margin-tb-sm lg" open-type="redirect" url="/pages/worker/wcomlist?status=1">我发布的招聘</navigator>
						<navigator class="cu-btn lg" open-type="redirect" url="/pages/worker/wcomform">继续发布</navigator>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	var _this;
	import avatar from "@/components/yq-avatar/yq-avatar.vue";
	import pickerAddress from "@/components/pickerAddress/pickerAddress.vue";
	import QQMapWX from '@/common/qqmap-wx-jssdk'
	export default {
		components: {
			avatar,
			pickerAddress
		},
		data() {
			return {
				isRotate: false,
				stepsnum: 0,
				
				userinfo: false,
				workerinfo: false,
				comjobsinfo: {
					id: 0,
					workerid: 0,
					title: "",
					cateid: 0,
					province: "",
					city: "",
					district: "",
					agegroup: "",
					tags: "",
					enddate: "",
					requirement: "",
					comdetails: "",
					retmoney: "",
					picall: [],
					video: "",
					companydetails: "",
					wtype: 1,
					sex: 0,
					bwagall: "",
					zwagall: "",
					fwagall: "",
					telephone: "",
					remark: "",
					recruitment_cate: 1,
					recruit_num: 1,
					community: ''
				},
				wlatitude:0,
				wlongitude:0,
				cateidindex: -1,
				region: "",
				address: "",
				isfwagall: 1,
				recruitmentcate: 1,
				
				catelist: [],
				comjobscount: 0,
				community_list: [],
				communityindex: -1,
				sex_list: [{name:'不限'},{name:'男'},{name:'女'}],
				comCateModal: false,
			}
		},
		onLoad: function(option) {
			_this = this;
			var comjobsid = option.comjobsid || 0;
			_this.userinfo = _this.checkLogin("/pages/my/my");
			_this.workerinfo = uni.getStorageSync('workerinfo') || false;
			if (_this.userinfo === false || _this.workerinfo === false) {
				uni.reLaunch({
					url: "/pages/my/my"
				});
				return false;
			}
			_this.$req.ajax({
				path: "wcomjobs/getcomjobs",
				data: {
					comjobsid: comjobsid,
					workerid: _this.workerinfo.id
				}
			}).then((data) => {
				_this.catelist = data.catelist;
				_this.comjobscount = data.comjobscount;
				if (data.comjobs != "NULL") {
					_this.comjobsinfo = data.comjobs;
					_this.address = data.comjobs.address;
					_this.region = _this.comjobsinfo.province + " " + _this.comjobsinfo.city + " " + _this.comjobsinfo.district;
					for( var i=0,len=_this.catelist.length; i<len; i++ ){
						if(_this.comjobsinfo.cateid == _this.catelist[i].id){
							_this.cateidindex = i;
						}
					}
				}
			}).catch((err) => {
				uni.showModal({
					title: '信息提示',
					content: err,
					showCancel: false
				});
			});
			_this.$req.ajax({
				path: "index/getRensheCode",
				data: {
					type: 'community'
				}
			}).then((data) => {
				_this.community_list = data;
			}).catch((err) => {
				uni.showModal({
					title: '信息提示',
					content: err,
					showCancel: false
				});
			});
			_this.qqmapsdk = new QQMapWX({
				// 在腾讯平台自己申请的秘钥
				key: 'L2PBZ-J53WR-FUXW6-WB3SD-NWCFO-WYBS6' 
			});
		},
		methods: {
			// 视频上传
			chooseVideo: function(e) {
				uni.chooseVideo({
					count: 1,
					sourceType: ['camera', 'album'],
					success: (res) => {
						_this.$req.ajaxFile({
							path: "attachment/tplfieldvideo",
							title: '正在上传',
							filePath: res.tempFilePath,
							fileName: 'file',
						}).then((vfiledata) => {
							var vdata = JSON.parse(vfiledata.data);
							_this.comjobsinfo.video = vdata.data.src;
						}).catch((err) => {
							uni.showModal({
								title: '信息提示',
								content: err,
								showCancel: false
							});
						});
					}
				});
			},
			
			delVideo: function(e) {
				uni.showModal({
					title: '信息提示',
					content: "删除后不可恢复，确认要删除吗？",
					showCancel: true,
					success: function (res) {
						if (res.confirm) {
							_this.comjobsinfo.video = "";
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			
			// 图片上传
			chooseImage: function(e) {
				uni.chooseImage({
					count: 12,
					sizeType: ['original', 'compressed'],
					sourceType: ['album'],
					success: (res) => {
						_this.$req.ajaxFile({
							path: "attachment/tplfieldimage",
							title: '正在上传',
							filePath: res.tempFilePaths[0],
							fileName: 'file',
						}).then((filedata) => {
							var data = JSON.parse(filedata.data);
							_this.comjobsinfo.picall.push(data.data.src);
						}).catch((err) => {
							uni.showModal({
								title: '信息提示',
								content: err,
								showCancel: false
							});
						});
					}
				});
			},
			viewImage: function(e) {
				uni.previewImage({
					urls: _this.comjobsinfo.picall,
					current: e.currentTarget.dataset.url
				});
			},
			delImg: function(e) {
				_this.comjobsinfo.picall.splice(e.currentTarget.dataset.index, 1);
			},
			
			// 填写字段
			setInput: function(e) {
				var field = e.currentTarget.dataset.field;
				_this.comjobsinfo[field] = e.detail.value;
			},
			bindDateChange: function(e) {
				_this.comjobsinfo.enddate = e.target.value;
			},
			cateidChange: function(e) {
				_this.cateidindex = e.detail.value;
				_this.comjobsinfo.cateid = _this.catelist[_this.cateidindex].id;
			},
			communityChange: function(e) {
				_this.communityindex = e.detail.value;
				_this.comjobsinfo.community = _this.community_list[_this.communityindex].code;
			},
			sexChange: function(e) {
				_this.comjobsinfo.sex = e.detail.value;
			},
			regionChange: function(data) {
				_this.comjobsinfo.province = data.data[0];
				_this.comjobsinfo.city = data.data[1];
				_this.comjobsinfo.district = data.data[2];
				_this.region = data.data.join(' ');
			},
			wtypeChange: function(e) {
				_this.comjobsinfo.wtype = e.detail.value;
			},
			isfwagallChange: function(e) {
				_this.isfwagall = e.detail.value;
				if (_this.isfwagall==2){
					_this.comjobsinfo.fwagall = "";
				}
			},
			recruitmentcateChange: function(e) {
				_this.comjobsinfo.recruitment_cate = e.detail.value;
			},
			toggleComCate: function(value) {
				_this.comCateModal = value;
			},
			subComCate: function (index) {
				_this.cateidindex = index;
				_this.comjobsinfo.cateid = _this.catelist[_this.cateidindex].id;
				_this.comCateModal = false;
			},
			//打开地图
			gpsmap:function(){
				uni.chooseLocation({
				    success: function (res) {
						console.log(res);
				        console.log('位置名称：' + res.name);
				        console.log('详细地址：' + res.address);
				        console.log('纬度：' + res.latitude);
				        console.log('经度：' + res.longitude);
						console.log('省份：' + res.address.province);
						console.log('城市：' + res.address.city);
						console.log('区县：' + res.address.district);
						_this.address=res.address;
						_this.wlatitude=res.latitude;
						_this.wlongitude=res.longitude;
						_this.qqmapsdk.reverseGeocoder({
							    location: {
							        latitude: res.latitude,
									longitude: res.longitude
							    },
							    success: function (res) {
									console.log("address_component");
									console.log(res.result.address_component);
									//addressinfo=res.result.address_component;									
									_this.comjobsinfo.province=res.result.address_component.province;
									_this.comjobsinfo.city=res.result.address_component.city;
									_this.comjobsinfo.district=res.result.address_component.district;
									_this.region = res.result.address_component.province + " " + res.result.address_component.city + " " + res.result.address_component.district;
									
								},
							    fail: function (res) {
								    console.log(res)
								},
								complete: function (res) {
								    // console.log(res)
							    }
						})						
				    }
				});
			},
			// 提交信息
			editComjobs: function(status) {
				if (_this.isRotate) {
					return false;
				}
				_this.isRotate = true;
				let validate = {"title":"标题","community":"社区","agegroup":"招工年龄","tags":"招聘标签","enddate":"截止日期","zwagall":"薪酬","district":"工作地点","telephone":"手机号码"};
				for (var i in validate) {
					if (_this.comjobsinfo[i] == "") {
						uni.showModal({
							title: '信息提示',
							content: validate[i]+"不能为空",
							showCancel: false
						});
						_this.isRotate = false;
						return false;
					}
				}
				if (_this.cateidindex == -1) {
					uni.showModal({
						title: '信息提示',
						content: "请选择岗位类型",
						showCancel: false
					});
					_this.isRotate = false;
					return false;
				}
				if (_this.comjobsinfo.recruitment_cate == 2 && _this.comjobsinfo.retmoney <= 0) {
					uni.showModal({
						title: '信息提示',
						content: validate[i]+"不能为空",
						showCancel: false
					});
					_this.isRotate = false;
					return false;
				}
				_this.$req.ajax({
					path: "wcomjobs/editcomjobs",
					title: "正在提交信息",
					data: {
						userid: _this.userinfo.id,
						id: _this.comjobsinfo.id,
						workerid: _this.workerinfo.id,
						title: _this.comjobsinfo.title,
						cateid: _this.comjobsinfo.cateid,
						province: _this.comjobsinfo.province,
						city: _this.comjobsinfo.city,
						district: _this.comjobsinfo.district,
						address: _this.address,
						agegroup: _this.comjobsinfo.agegroup,
						tags: _this.comjobsinfo.tags,
						enddate: _this.comjobsinfo.enddate,
						requirement: _this.comjobsinfo.requirement,
						comdetails: _this.comjobsinfo.comdetails,
						retmoney: _this.comjobsinfo.retmoney,
						picall: _this.comjobsinfo.picall ? _this.comjobsinfo.picall.join(",") : _this.comjobsinfo.picall,
						video: _this.comjobsinfo.video,
						companydetails: _this.comjobsinfo.companydetails,
						wtype: _this.comjobsinfo.wtype,
						sex: _this.comjobsinfo.sex,
						zwagall: _this.comjobsinfo.zwagall,
						// fwagall: _this.comjobsinfo.fwagall,
						telephone: _this.comjobsinfo.telephone,
						remark: _this.comjobsinfo.remark,
						recruitment_cate: _this.comjobsinfo.recruitment_cate,
						tlatitude: _this.wlatitude,
						tlongitude: _this.wlongitude,
						community: _this.comjobsinfo.community,
						status: status,
						recruit_num: _this.comjobsinfo.recruit_num,
					}
				}).then((data) => {
					_this.stepsNum(2);
					_this.isRotate = false;
				}).catch((err) => {
					uni.showModal({
						title: '信息提示',
						content: err,
						showCancel: false
					});
					_this.isRotate = false;
				});
			},
			
			stepsNum: function(num) {
				_this.stepsnum = num;
			}
		}
	}
</script>

<style>
	.echo-formmain {
		min-height: calc(100vh - 290rpx);
		background-color: #FFFFFF;
		padding-left: 30rpx;
		padding-right: 30rpx;
	}
	
	.cu-form-group{ display: flex; flex-wrap: wrap; padding: 40rpx 10rpx 0rpx 10rpx; }
	.cu-form-group .title{ width: 100%; }
	.cu-form-group>input{ display: block; width: 670rpx; height: 100rpx; color: #AAAAAA; }
	
	.cu-form-group>radio-group{ width: 670rpx; height: 100rpx; line-height: 100rpx; color: #AAAAAA; text-align: left; }
	
	.cu-form-group .textareabox{ width: 670rpx; }
	.cu-form-group .textareabox textarea{ width: 670rpx; margin-top: 20rpx !important; margin-bottom: 0rpx; }
	
	.cu-form-group .placeholder{ color: #AAAAAA; }
	
	.cu-form-group picker .picker{ text-align: left; color: #AAAAAA; }
	.cu-form-group .piker-box {display: block; width: 670rpx; height: 100rpx; color: #AAAAAA;line-height: 100rpx;}
	.fieldpic {
		width: 150rpx;
		height: 150rpx;
	}

	.fieldpictil {
		width: 230rpx;
		text-align: center;
	}
	
	.myVideo{ width: 670rpx; height: 670rpx; }
	.filteremp{ width: 750rpx; position: fixed;top: 0;left: 0; z-index: 999; height: 100vh; background-color:#000;background: rgba(0, 0, 0, 0.5); }
	.filteremp .emp-box{ width: 750rpx; position: absolute;bottom: 0;}
</style>
