<template>
  <view class="page" :style="themeColor">
    <view class="flex benben-position-layout flex flex-wrap align-center certifiedMerchant_flex_0"
      :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
      <view class='flex flex-wrap align-center justify-between flex-sub certifiedMerchant_fd0_0'>
        <view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
          <text class='fu-iconfont2  certifiedMerchant_fd0_0_c0_c0' @tap.stop="handleJumpDiy" data-type="back"
            data-url="1">&#xE794;</text>
        </view>
        <view class='flex flex-wrap align-stretch justify-center flex-sub'>
          <text class='certifiedMerchant_fd0_0_c1_c0'>商家入驻</text>
        </view>
        <view class='flex flex-wrap align-center certifiedMerchant_fd0_0_c2'>
        </view>
      </view>

    </view>
    <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
    <!---flex布局flex布局开始-->
    <view class="flex benben-flex-layout flex-wrap align-center">
      <image class='certifiedMerchant_fd1_0' mode="aspectFill" :src='STATIC_URL+"141.png"'></image>
    </view>

    <!---flex布局flex布局结束-->
    <!---flex布局flex布局开始-->
    <view class="flex benben-flex-layout flex-wrap align-center certifiedMerchant_flex_2">
      <view class='flex flex-direction flex-wrap align-stretch flex-sub certifiedMerchant_fd2_0'>
        <view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c0'>
          <text class='certifiedMerchant_fd2_0_c0_c0'>负责人姓名</text>
          <input class='certifiedMerchant_fd2_0_c0_c1' type="text" placeholder="请输入真实姓名" confirm-type="done"
            :maxlength="20" placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
            v-model="responsibleName" />
        </view>
        <view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
          <text class='certifiedMerchant_fd2_0_c1_c0'>店铺名称</text>
          <input class='certifiedMerchant_fd2_0_c1_c1' type="text" placeholder="请输入店铺名称" confirm-type="done"
            :maxlength="11" placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="shopNames" />
        </view>
        <view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c2'>
          <text class='certifiedMerchant_fd2_0_c2_c0'>店铺LOGO</text>
          <view class='flex flex-wrap align-center' @tap="soloChooseImage('shopLogo','shopLogo',false,false)">
            <image class='certifiedMerchant_fd2_0_c2_c1_c0' mode="aspectFill" :src='shopLogo?shopLogo:"/static/39.png"'>
            </image>
            <image class='certifiedMerchant_fd2_0_c2_c1_c1' mode="aspectFit" :src='STATIC_URL+"142.png"'>
            </image>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c3' @tap.stop="handleJumpDiy"
          data-type="navigateTo" :data-url="`/pages/my/siteClassification/siteClassification`">
          <text class='certifiedMerchant_fd2_0_c3_c0'>店铺分类</text>
          <view class='flex flex-wrap align-center'>
            <input class='certifiedMerchant_fd2_0_c3_c1_c0' type="text" placeholder="请选择" confirm-type="done"
              :maxlength="20" :disabled='true' placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
              v-model="shopclassification" />
            <image class='certifiedMerchant_fd2_0_c3_c1_c1' mode="aspectFit" :src='STATIC_URL+"142.png"'>
            </image>
          </view>
        </view>
				<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c3' @tap.stop="handleSelectorType"
				  data-type="navigateTo" :data-url="`/pages/my/siteClassification/siteClassification`">
				  <text class='certifiedMerchant_fd2_0_c3_c0'>店铺类型</text>
				  <view class='flex flex-wrap align-center'>
						<text class="certifiedMerchant_fd2_0_c3_c1_c0" :class="shopType ? 'text-333' : 'text-999'">{{shopType ? shopType : '请选择'}}</text>
				    <image class='certifiedMerchant_fd2_0_c3_c1_c1' mode="aspectFit" :src='STATIC_URL+"142.png"'>
				    </image>
				  </view>
				</view>
        <view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c3' @tap.stop="handleSelector"
          data-type="navigateTo" :data-url="`/pages/my/siteClassification/siteClassification`">
          <text class='certifiedMerchant_fd2_0_c3_c0'>抽佣比例</text>
          <view class='flex flex-wrap align-center'>
            <input class='certifiedMerchant_fd2_0_c3_c1_c0' type="text" placeholder="请选择" confirm-type="done"
              :maxlength="20" :disabled='true' placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
              :value="scoreRate ? `${scoreRate}%` : ''" />
            <image class='certifiedMerchant_fd2_0_c3_c1_c1' mode="aspectFit" :src='STATIC_URL+"142.png"'>
            </image>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c4'
          @tap.stop="showMulLinkageThreePicker">
          <text class='certifiedMerchant_fd2_0_c4_c0'>店铺地址</text>
          <view class='flex flex-wrap align-center'>
            <input class='certifiedMerchant_fd2_0_c4_c1_c0' type="text" placeholder="请选择" confirm-type="done"
              :maxlength="20" :disabled='true' placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
              v-model="shopAdress" />
            <image class='certifiedMerchant_fd2_0_c4_c1_c1' mode="aspectFit" :src='STATIC_URL+"142.png"'>
            </image>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch justify-between certifiedMerchant_fd2_0_c5'>
          <text class='certifiedMerchant_fd2_0_c5_c0'>详细地址</text>
          <view class='flex flex-wrap certifiedMerchant_fd2_0_c5_c1'>
            <textarea class='flex certifiedMerchant_input_fd2_0_c5_c1' :placeholder="'请输入'" :maxlength="240"
              placeholder-style="color:#999;font-size:28rpx" v-model="detailAddress" />

          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c6'>
          <text class='certifiedMerchant_fd2_0_c6_c0'>身份证</text>
          <view class='flex flex-wrap align-center'>
            <input class='certifiedMerchant_fd2_0_c6_c1_c0' type="idcard" placeholder="请输入18位身份证号码" confirm-type="done"
              :maxlength="18" placeholder-style="color:#999;font-size:28rpx" v-model="IdCard" />
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch justify-between certifiedMerchant_fd2_0_c7'>
          <text class='certifiedMerchant_fd2_0_c7_c0'>请上传身份证正反面</text>
          <view v-if="!idfront" @tap="soloChooseImage('idfront','idfront',false,false)"
            class="upload position-relative certifiedMerchant_fd2_0_c7_c1">
            <image class=" certifiedMerchant_fd2_0_c7_c1_image" mode="aspectFill" :src="STATIC_URL+'144.png'"></image>
          </view>

          <view class="position-relative" style="margin-top: 20rpx;" v-else>
            <text v-if="idfront != ''" @tap="idfront = ''"
              class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'>&#xE8E7;</text>
            <image @tap="soloChooseImage('idfront','idfront',false,false)" class="certifiedMerchant_fd2_0_c9_c0_image1"
              mode="aspectFill" :src="idfront"></image>
          </view>

          <text class='certifiedMerchant_fd2_0_c7_c2'>身份证正面</text>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch justify-between'>
          <view @tap="soloChooseImage('idopposite','idopposite',false,false)"
            class="upload position-relative certifiedMerchant_fd2_0_c8_c0" v-if="!idopposite">
            <image class=" certifiedMerchant_fd2_0_c8_c0_image" mode="aspectFill" :src="STATIC_URL+'288.png'"></image>
          </view>
          <view class="position-relative" v-else>
            <text v-if="idopposite != ''" @tap="idopposite = ''"
              class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'>&#xE8E7;</text>
            <image @tap="soloChooseImage('idopposite','idopposite',false,false)"
              class="certifiedMerchant_fd2_0_c9_c0_image1" mode="aspectFill" :src="idopposite"></image>
          </view>

          <text class='certifiedMerchant_fd2_0_c8_c1'>身份证反面</text>
        </view>


        <!-- <view class='flex flex-direction flex-wrap align-stretch justify-between'>
					<text class='certifiedMerchant_fd2_0_c9_c1'>营业执照</text>
				</view> -->
        <view class='flex flex-direction flex-wrap align-stretch justify-between'>
          <view @tap="soloChooseImage('business','business',false,false)"
            class="upload position-relative certifiedMerchant_fd2_0_c8_c0" v-if="!business">
            <image class=" certifiedMerchant_fd2_0_c8_c0_image" mode="aspectFill" :src="STATIC_URL+'145.png'"></image>
          </view>
          <view class="position-relative" v-else>
            <text v-if="business != ''" @tap="business = ''"
              class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'>&#xE8E7;</text>
            <image @tap="soloChooseImage('business','business',false,false)"
              class="certifiedMerchant_fd2_0_c9_c0_image1" mode="aspectFill" :src="business"></image>
          </view>

          <text class='certifiedMerchant_fd2_0_c8_c1'>营业执照</text>
        </view>
        <!-- <view class='flex flex-direction flex-wrap align-stretch justify-between'>
        	<view @tap="soloChooseImage('foodLicense','foodLicense',false,false)" class="upload position-relative certifiedMerchant_fd2_0_c8_c0" v-if="!foodLicense">
        		<image class=" certifiedMerchant_fd2_0_c8_c0_image" mode="aspectFill" :src="STATIC_URL+'145.png'"></image>
        	</view>
        	<view class="position-relative"  v-else>
        		<text v-if="foodLicense != ''" @tap="foodLicense = ''" class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'>&#xE8E7;</text>
        		<image @tap="soloChooseImage('foodLicense','foodLicense',false,false)" class="certifiedMerchant_fd2_0_c9_c0_image1" mode="aspectFill" :src="foodLicense"></image>
        	</view>

        	<text class='certifiedMerchant_fd2_0_c8_c1'>食品经营许可证</text>
        </view> -->



        <!-- <view @tap="soloChooseImage('license','license',false,false)" class="upload position-relative certifiedMerchant_fd2_0_c9_c0" v-if="!license">
					<image class=" certifiedMerchant_fd2_0_c9_c0_image" mode="aspectFill" :src="STATIC_URL+'40.png'"></image>
				</view>
				<view class="position-relative" v-else>
					<text v-if="license != ''" @tap="license = ''" class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'>&#xE8E7;</text>
					<image @tap="soloChooseImage('license','license',false,false)" class="certifiedMerchant_fd2_0_c9_c0_image1" mode="aspectFill" :src="license"></image>
				</view> -->
      </view>
    </view>

    <!---flex布局flex布局结束-->
    <view
      class="flex flex-direction flex-wrap align-stretch justify-center benben-position-layout flex certifiedMerchant_flex_3">
      <view class='flex flex-direction flex-wrap align-stretch flex-sub certifiedMerchant_fd3_0'>
        <view class='flex flex-direction flex-wrap align-stretch'>
          <text class='certifiedMerchant_fd3_0_c0_c0'>注：
          </text>
          <text class='certifiedMerchant_fd3_0_c0_c1'>为保证平台用户安全性，需要您进行实名认证，实名认证通过之后即可登录并在平台进行营业</text>
        </view>
        <view class='flex flex-wrap align-center certifiedMerchant_fd3_0_c1'>
          <button class='flex-sub certifiedMerchant_fd3_0_c1_c0' @tap.stop="submitInformationFunc()">提交信息认证</button>
        </view>
        <view class='flex flex-wrap align-center justify-center'>
          <benben-flex-switch-new class-name='flex flex certifiedMerchant_fd3_0_c2_c0' v-model="isAgreement"
            :disabled='false' :auto='true'>
            <template v-slot:checked>

              <view class='flex flex position-relative align-center'>
                <image class='certifiedMerchant_checkfd3_0_c2_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"33.png"'>
                </image>
              </view>

            </template>
            <template v-slot:unchecked>

              <view class='flex flex position-relative justify-end align-center'>
                <image class='certifiedMerchant_noCheckfd3_0_c2_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"123.png"'>
                </image>
              </view>

            </template>
          </benben-flex-switch-new>
          <text class='certifiedMerchant_fd3_0_c2_c1'>提交即默认同意</text>
          <text class='certifiedMerchant_fd3_0_c2_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/dl/agreementPolicy/agreementPolicy?type=18`">《商家认证协议》</text>
        </view>
      </view>

    </view>
    <view :style="{height: '365rpx'}"></view>
    <w-picker :visible.sync="visible" mode="selector" default-type="name" :default-props="defaultProps"
      :options="rateList" @confirm="onConfirm($event,'selector')" @cancel="onCancel" ref="selector"></w-picker>
			<w-picker :visible.sync="visible" mode="selector" default-type="name" :default-props="defaultProps"
			  :options="shopTypeList" @confirm="onConfirm($event,'type')" @cancel="onCancel" ref="selectorType"></w-picker>
  </view>
</template>
<script>
  import wPicker from '@/pages/my/components/w-picker/w-picker.vue'
  import UploadImage from '@/common/utils/upload-image.js'
  import amapFile from '@/common/amap-wx.js';
  import {
    GAODE_KEY
  } from '@/common/config.js';
  import {
    validate
  } from '@/common/utils/validate.js'
  export default {
    components: {
      wPicker
    },


    data() {
      return {
        defaultProps: {
          "label": "name",
          "value": "id"
        },
        visible: false,
        myAmapFun: null, // 高德地图实例
        is_afresh: '0', //是否重新认证 0=否 1=是
        "isAgreement": false,
        "responsibleName": "",
        "shopNames": "",
        "shopLogo": "",
        "shopclassification": "",
        "shopAdress": "",
        "detailAddress": "",
        "IdCard": "",
        "idopposite": "",
        "idfront": "",
        business: '',
        foodLicense: '',
        "license": [],
        imgs_ids: "",
        category_id: "",
        lng: "",
        lat: "",
        province: "",
        city: "",
        district: "",
        submitLoading: false,
        addressDesc: "",
        isSubmit: false,
        scoreRate: '',
        rateList: [],
				shopType: '',
				shopTypeList: []
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      this.is_afresh = options.type;
      if (this.is_afresh == 1) {
        this.authInfoCheck()
      }

      // 初始化高德地图SDK,记得换成自己的key
      this.myAmapFun = new amapFile.AMapWX({
        key: GAODE_KEY
      });
      //选择分类
      uni.$on('CHOOSEMENU', res => {
        console.log(res)
        this.category_id = res.id
        this.shopclassification = res.name
      })
    },
    onShow() {
      this.getLabelData();
			this.post6747c61bebd27();
    },
    methods: {
      handleSelector() {
        this.$refs.selector.show();
      },
			handleSelectorType() {
			  this.$refs.selectorType.show();
			},
      onConfirm(e, type) {
        console.log(e);
				if (type == 'type') {
					this.shopType = e.value;
				} else {
					this.scoreRate = e.value;
				}
        
      },
      getLabelData(val) {
        this.$api.post(global.apiUrls.getLevel, {}).then(res => {
          if (res.data.code == 1) {
            this.rateList = res.data.data.map((item) => {
              return {
                name: item.rate + '%',
                id: item.rate
              }
            })
          }
        }).catch(err => {
          this.$message.info(err.msg);
        })
      },
			post6747c61bebd27(val) {
        this.$api.post(global.apiUrls.post6747c61bebd27, {}).then(res => {
          if (res.data.code == 1) {
            this.shopTypeList = res.data.data.store_type.map((item) => {
              return {
                name: item,
                id: item
              }
            })
          }
        }).catch(err => {
          this.$message.info(err.msg);
        })
      },
      ViewImage(list, index) {
        uni.previewImage({
          urls: list,
          current: index
        });
      },
      //选择地址
      showMulLinkageThreePicker() {
        uni.getLocation({
          type: 'gcj02',
          success: adr => {
            uni.chooseLocation({
              latitude: adr.latitude,
              longitude: adr.longitude,
              success: res => {
                console.log(res, '地图');
                // this.latitude = res.latitude; // 区
                // this.longitude = res.longitude; // 详细地址
                this.myAmapFun.getRegeo({
                  location: res.longitude + ',' + res.latitude,
                  success: data => {
                    //成功回调
                    console.log('sdk回调', data);
                    let regeoData = data[0].regeocodeData.addressComponent;
                    this.province = regeoData.province;
                    this.city = Array.isArray(regeoData.city) && regeoData.city.length == 0 ?
                      regeoData.province : regeoData.city;
                    this.district = regeoData.district;
                    // 详细地址是否含有省市区
                    let addr = this.province + this.city + this.district;
                    // 直辖市
                    if (this.province == this.city) addr = this.province + this.district;
                    let addrInfo = res.address;
                    if (addrInfo.startsWith(addr)) addrInfo = addrInfo.replace(addr, '');
                    if (addrInfo != res.name) this.addressDesc = addrInfo + res.name;
                    else this.addressDesc = addrInfo;
                    // this.provinceCode = regeoData.adcode.substr(0,2)+'0000';
                    // this.cityCode = regeoData.adcode.substr(0,4)+'00';
                    // this.districtCode = regeoData.adcode+'';
                    console.log(this.province + this.city + this.district + this.addressDesc);
                    this.shopAdress = this.province + this.city + this.district
                    this.detailAddress = this.addressDesc
                    // this.address =location;
                    this.lat = data[0].latitude
                    this.lng = data[0].longitude

                  },
                  fail: info => {
                    //失败回调
                    console.log(info);
                  }
                });
              }
            });
          }
        });
      },
      //获取商家信息
      authInfoCheck() {
        this.$api.post(global.apiUrls.authInfoCheck).then(res => {
          if (res.data.code == 1) {
            this.responsibleName = res.data.data.real_name;
            this.shopLogo = res.data.data.logo;
            this.shopNames = res.data.data.store_name;
            this.category_id = res.data.data.storecategory_id;
            this.shopclassification = res.data.data.storecategory_title;
            this.shopAdress = res.data.data.address;
            this.detailAddress = res.data.data.address_address;
            this.IdCard = res.data.data.id_card;
            this.idfront = res.data.data.id_front;
            this.shopType = res.data.data.store_type;
            this.idopposite = res.data.data.id_back;
            this.scoreRate = res.data.data.score_rate || '';
            this.business = res.data.data.license_image;

            console.log(this.license)

            this.province = res.data.data.address_province;
            this.city = res.data.data.address_city;
            this.district = res.data.data.address_district;
            this.lng = res.data.data.address_lng;
            this.lat = res.data.data.address_lat;
          }

        })
      },



      //上传单图、多图方法
      soloChooseImage(id, path, obj, obj1, fnName = false) {
        let self = this
        if (!obj) obj = this
        if (!obj1) obj1 = this
        if (self.uploading) {
          return
        }
        // 从相册中选择图片
        uni.chooseImage({
          count: 1, // 默认3
          sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
          success: function(res) {
            self.uploading = true
            // 开始上传
            new UploadImage(res.tempFiles, {
              complete: function(res) {
                self.uploading = false
                if (id) self.$set(obj, id, res[0].id)
                if (path) self.$set(obj1, path, res[0].path)
                if (fnName) self[fnName]()
              },
            })
          },
        })
      },
      //提交信息认证
      submitInformationFunc() {
        if (!validate(this.responsibleName, 'require')) {
          this.$message.info('负责人姓名不能为空');
          return false;
        }
        if (!validate(this.shopNames, 'require')) {
          this.$message.info('店铺名称不能为空');
          return false;
        }
        if (!validate(this.shopLogo, 'require')) {
          this.$message.info('请上传店铺logo');
          return false;
        }
        if (!validate(this.shopclassification, 'require')) {
          this.$message.info('请选择店铺分类');
          return false;
        }
				if (!validate(this.shopType, 'require')) {
				  this.$message.info('请选择店铺类型');
				  return false;
				}
        if (!validate(this.scoreRate, 'require')) {
          this.$message.info('请选择抽佣比例');
          return false;
        }
        if (!validate(this.shopAdress, 'require')) {
          this.$message.info('请选择店铺地址');
          return false;
        }
        if (!validate(this.detailAddress, 'require')) {
          this.$message.info('请输入店铺的详细地址');
          return false;
        }
        if (!validate(this.IdCard, 'require')) {
          this.$message.info('身份证号不能为空');
          return false;
        }
        if (!validate(this.IdCard, 'idcard')) {
          this.$message.info('请输入正确的身份证号');
          return false;
        }
        if (!validate(this.idfront, 'require')) {
          this.$message.info('请上传身份证正面照片');
          return false;
        }
        if (!validate(this.idopposite, 'require')) {
          this.$message.info('请上传身份证反面照片');
          return false;
        }
        if (!validate(this.business, 'require')) {
          this.$message.info('请上传营业执照');
          return false;
        }
        // if (!validate(this.foodLicense, 'require')) {
        // 	this.$message.info('请上传食品经营许可证');
        // 	return false;
        // }
        if (this.isAgreement === false) {
          this.$message.info('请勾选商家认证协议');
          return false;
        }

        let data = {
          real_name: this.responsibleName,
          logo: this.shopLogo,
          store_name: this.shopNames,
          storecategory_id: this.category_id,
          id_card: this.IdCard,
          id_front: this.idfront,
          id_back: this.idopposite,
          license_image: this.business,
          address: this.shopAdress,
          address_province: this.province,
          address_city: this.city,
          address_district: this.district,
          address_address: this.detailAddress,
          address_lng: this.lng,
          address_lat: this.lat,
          score_rate: this.scoreRate,
					store_type: this.shopType
        }
        if (this.submitLoading) return false;
        this.submitLoading = true
        this.$api.post(global.apiUrls.authInfoSubmit, data).then(res => {
          console.log(res)

          this.$message.info(res.data.msg)
          if (res.data.code == 1) {
            setTimeout(() => {
              uni.redirectTo({
                url: '/pages/my/certificationAudit/certificationAudit?stateUS=0'
              })
              this.submitLoading = false
            }, 1000)
          } else {
            this.submitLoading = false
          }
        }).catch(err => {
          this.$message.info(err.data.msg)
          this.submitLoading = false
        })



      }
    }
  };
</script>
<style lang="scss" scoped>
	.text-999 {
		color: #999 !important;
	}
  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: rgba(255, 255, 255, 1);
    background-size: 100% auto !important;
  }

  .iNeedFeedback_fd1_3_c1_c02 {
    font-size: 24rpx;
    color: rgba(191, 191, 191, 1);
    font-weight: 400;
    width: 100%;
  }

  .iNeedFeedback_fd1_3_c1_c01 {
    width: 100%;
    height: 100%;
    // margin: 0rpx 24rpx 24rpx 0rpx;
    // border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .iNeedFeedback_fd1_3_c1_c001 {
    width: 160rpx;
    height: 160rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .iNeedFeedback_fd1_3_c1_c000 {
    top: 0rpx;
    right: 0rpx;
    z-index: 10;
    color: #ff5536;
  }

  .iNeedFeedback_fd1_3_c1_c00 {
    margin: 0rpx 24rpx 24rpx 0rpx;
  }

  .iNeedFeedback_fd1_3_c1_c0 {
    padding: 24rpx 0rpx 0rpx 24rpx;
  }

  .certifiedMerchant_flex_0 {
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .certifiedMerchant_fd0_0_c2 {
    width: 32rpx;
    height: 32rpx;
  }

  .certifiedMerchant_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 500;
    color: #333333;
    line-height: 36rpx;
  }

  .certifiedMerchant_fd0_0_c0_c0 {
    font-size: 32rpx;
    font-weight: 500;
    color: #333;
    line-height: 88rpx;
  }

  .certifiedMerchant_fd0_0 {
    margin: 0rpx 32rpx 0rpx 32rpx;
  }

  .certifiedMerchant_fd1_0 {
    width: 750rpx;
    height: 280rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .certifiedMerchant_flex_2 {
    background: #fff;
    background-size: 100% auto !important;
  }

  .certifiedMerchant_fd2_0_c9_c1 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 30rpx;
    margin: 24rpx 0rpx 32rpx 0rpx;
  }

  .certifiedMerchant_fd2_0_c9_c0_image {
    width: 90rpx;
    height: 81rpx;
    margin: 145rpx 0rpx 0rpx 300rpx;
  }

  .certifiedMerchant_fd2_0_c9_c0_icon {
    top: 0rpx;
    right: 0rpx;
    z-index: 10;
    color: #ff5536;
  }

  .certifiedMerchant_fd2_0_c9_c0 {
    // background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/43.png) no-repeat, #eee;
    width: 686rpx;
    height: 365rpx;
    background-size: 100% auto !important;
  }

  .certifiedMerchant_fd2_0_c9_c0_image1 {
    width: 686rpx;
    height: 365rpx;
  }

  .certifiedMerchant_fd2_0_c8_c1 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 30rpx;
    text-align: center;
    margin: 24rpx 0rpx 32rpx 0rpx;
  }

  .certifiedMerchant_fd2_0_c8_c0_image {
    width: 100%;
    height: 100%;
    // margin: 145rpx 0rpx 0rpx 300rpx;
  }

  .certifiedMerchant_fd2_0_c8_c0_icon {
    top: 0rpx;
    right: 0rpx;
    z-index: 10;
    color: #ff5536;
  }

  .certifiedMerchant_fd2_0_c8_c0 {
    // background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/42.png) no-repeat, #eee;
    width: 686rpx;
    height: 365rpx;
    background-size: 100% auto !important;
  }

  .certifiedMerchant_fd2_0_c7_c2 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 30rpx;
    text-align: center;
    margin: 20rpx 0rpx 0rpx 0rpx;
  }

  .certifiedMerchant_fd2_0_c7_c1_image {
    // width: 90rpx;
    // height: 81rpx;
    // margin: 150rpx 0rpx 0rpx 300rpx;
    width: 100%;
    height: 100%;
  }

  .certifiedMerchant_fd2_0_c7_c1_icon {
    top: 0rpx;
    right: 0rpx;
    z-index: 10;
    color: #ff5536;
  }

  .certifiedMerchant_fd2_0_c7_c1 {
    background: rgba(248, 249, 251, 1);
    margin: 24rpx 0rpx 20rpx 0rpx;
    background-size: 100% auto !important;
    width: 686rpx;
    height: 365rpx;
  }

  .certifiedMerchant_fd2_0_c7_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 30rpx;
  }

  .certifiedMerchant_fd2_0_c7 {
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .certifiedMerchant_fd2_0_c6_c1_c0 {
    text-align: right;
  }

  .certifiedMerchant_fd2_0_c6_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .certifiedMerchant_fd2_0_c6 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .certifiedMerchant_input_fd2_0_c5_c1 {
    width: 686%;
    font-size: 28rpx;
    font-weight: 400;
    color: #333;
    white-space: pre-wrap;
  }

  .certifiedMerchant_fd2_0_c5_c1 {
    background: rgba(246, 246, 246, 1);
    width: 686rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    padding: 16rpx 16rpx 16rpx 16rpx;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .certifiedMerchant_fd2_0_c5_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .certifiedMerchant_fd2_0_c5 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .certifiedMerchant_fd2_0_c4_c1_c1 {
    width: 14rpx;
    height: 26rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .certifiedMerchant_fd2_0_c4_c1_c0 {
    text-align: right;
    color: #333;
    font-size: 32rrpx;
    font-weight: 400;
    line-height: 45rrpx;
  }

  .certifiedMerchant_fd2_0_c4_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .certifiedMerchant_fd2_0_c4 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .certifiedMerchant_fd2_0_c3_c1_c1 {
    width: 14rpx;
    height: 26rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .certifiedMerchant_fd2_0_c3_c1_c0 {
    text-align: right;
    color: #333;
    font-size: 32rrpx;
    font-weight: 400;
    line-height: 45rrpx;
  }

  .certifiedMerchant_fd2_0_c3_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .certifiedMerchant_fd2_0_c3 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .certifiedMerchant_fd2_0_c2_c1_c1 {
    width: 14rpx;
    height: 26rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .certifiedMerchant_fd2_0_c2_c1_c0 {
    width: 88rpx;
    height: 88rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
  }

  .certifiedMerchant_fd2_0_c2_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .certifiedMerchant_fd2_0_c2 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .certifiedMerchant_fd2_0_c1_c1 {
    text-align: right;
    color: #333;
    font-size: 32rrpx;
    font-weight: 400;
    line-height: 45rrpx;
  }

  .certifiedMerchant_fd2_0_c1_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .certifiedMerchant_fd2_0_c1 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .certifiedMerchant_fd2_0_c0_c1 {
    text-align: right;
    color: #333;
    font-size: 32rrpx;
    font-weight: 400;
    line-height: 45rrpx;
  }

  .certifiedMerchant_fd2_0_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .certifiedMerchant_fd2_0_c0 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .certifiedMerchant_fd2_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .certifiedMerchant_flex_3 {
    background: rgba(248, 248, 248, 1);
    width: 750rpx;
    height: 365rpx;
    overflow: hidden;
    z-index: 10;
    bottom: calc(0rpx + var(--window-bottom));
    background-size: 100% auto !important;
  }

  .certifiedMerchant_fd3_0_c2_c2 {
    color: #59A6F4;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .certifiedMerchant_fd3_0_c2_c1 {
    color: rgba(153, 153, 153, 1);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .certifiedMerchant_noCheckfd3_0_c2_c0_c1_c0 {
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    width: 24rpx;
    height: 24rpx;
  }

  .certifiedMerchant_checkfd3_0_c2_c0_c0_c0 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
  }

  ::v-deep .certifiedMerchant_fd3_0_c2_c0 {
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .certifiedMerchant_fd3_0_c1_c0 {
    background: rgba(255, 147, 0, 1);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: #fff;
    height: 88rpx;
    line-height: 88rpx;
  }

  .certifiedMerchant_fd3_0_c1 {
    margin: 40rpx 0rpx 32rpx 0rpx;
  }

  .certifiedMerchant_fd3_0_c0_c1 {
    color: #F54848;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .certifiedMerchant_fd3_0_c0_c0 {
    color: #F54848;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .certifiedMerchant_fd3_0 {
    padding: 24rpx 32rpx 0rpx 32rpx;
  }
</style>
