<template>
  <div class="page flex-col">
    <SecondHeader :title="'COOPERATION'"
                  :bcUrl="bgHeaderUrl" :desc="'合作优势'"
                  :btn-group="[{
									name:'设备购买模式',
									url:'/cooperation',
									isSelect:false
								},{
									name:'设备租赁模式',
									url:'/lease',
									isSelect:true
								},{
									name:'运营商分级',
									url:'/operator',
									isSelect:false
								},{
									name:'代理商体系',
									url:'/agent',
									isSelect:false
								}]"/>
    <div class="section_2 flex-col">
      <div class="group_3 flex-row">
        <div class="box_3 flex-col">
          <span class="text_8">设备租赁模式</span>
          <span class="text_9">适合低成本试水市场的创业者！</span>
          <img class="image_5" src="@/assets/lease/icon_1.png"/>
        </div>
        <img class="image_6" src="@/assets/lease/icon_2.png"/>
        <img class="image_7" src="@/assets/lease/icon_3.png"/>
      </div>
      <div class="group_4 flex-row">
        <div class="group_5 flex-col">
          <div class="group_6 flex-row justify-between">
            <img class="label_2"
                 src="@/assets/lease/icon_4.png"/>
            <span class="text_10">适合对象</span>
          </div>
          <div class="group_7 flex-row justify-between">
            <div class="image-text_2 flex-row">
              <div class="image-text_3 flex-row justify-between">
                <img class="image_8"
                     src="@/assets/lease/icon_5.png"/>
                <span class="paragraph_2">初创健康机构：健身工作室、美容院等，降低初期投入风险。<br/>想试运营验证市场需求的投资者。</span>
              </div>
              <img class="image_9"
                   src="@/assets/lease/icon_6.png"/>
            </div>
            <div class="image-text_4 flex-row justify-between">
              <img class="image_10"
                   src="@/assets/lease/icon_7.png"/>
              <span class="text-group_2">轻资产运营理念的支持者，保险或保健品团队。</span>
            </div>
          </div>
        </div>
      </div>
      <div class="group_8 flex-row">
        <div class="section_3 flex-col">
          <div class="group_9 flex-row justify-between">
            <img class="label_3"
                 src="@/assets/lease/icon_8.png"/>
            <span class="text_11">核心优势</span>
          </div>
          <div class="group_10 flex-row justify-between">
            <div class="image-text_5 flex-row justify-between">
              <div class="image-wrapper_2 flex-col justify-between">
                <img class="image_11"
                     src="@/assets/lease/icon_9.png"/>
                <img class="image_12"
                     src="@/assets/lease/icon_10.png"/>
              </div>
              <span
                  class="text-group_3">大额购置成本：仅需支付押金+月租，即可启动运营，资金占用极低。<br/>灵活退出机制：合约期满可退租或转购买（押金抵扣设备款）。</span>
            </div>
            <div class="image-text_6 flex-row justify-between">
              <img class="image_13"
                   src="@/assets/lease/icon_11.png"/>
              <span class="text-group_4">快速盈利验证：按单次收费300-800元，月均60客即可覆盖租金，剩余均为纯利。</span>
            </div>
          </div>
        </div>
      </div>
      <div class="group_11 flex-row">
        <div class="group_12 flex-col">
          <div class="section_4 flex-row justify-between">
            <img class="label_4"
                 src="@/assets/lease/icon_12.png"/>
            <span class="text_12">政策支持</span>
          </div>
          <div class="section_5 flex-row">
            <img class="image_14"
                 src="@/assets/lease/icon_13.png"/>
            <span class="text_13">首月免租金（限前50名签约伙伴）。</span>
            <div class="image-text_7 flex-row justify-between">
              <img class="image_15"
                   src="@/assets/lease/icon_14.png"/>
              <span class="text-group_5">提供客户引流支持（线上+线下推广模板）。</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import HeroSection from '@/components/HeroSection.vue'
import SecondHeader from '../components/second_header.vue';
import bgHeaderUrl from '@/assets/lease/bg_header.png'

export default {
  components: {
    HeroSection,
    SecondHeader
  },
  data() {
    return {
      bgHeaderUrl: bgHeaderUrl,
      constants: {},
    };
  },
  methods: {},
};
</script>
<style src="./common.css"/>
<style scoped>
.page {
  position: relative;
  width: 100vw;
  height: 170vw;
  overflow: hidden;
}

.section_2 {
  width: 100vw;
  height: 124.85vw;
  margin-bottom: 18.18vw;
}

.group_3 {
  width: 85.42vw;
  height: 31.52vw;
  margin: 7.29vw 0 0 13.54vw;
}

.box_3 {
  width: 58.39vw;
  height: 31.52vw;
}

.text_8 {
  background-image: linear-gradient(90deg,
  rgba(0, 82, 217, 1) 0,
  rgba(0, 82, 217, 1) 0,
  rgba(0, 199, 218, 1) 100%,
  rgba(0, 199, 218, 1) 100%);
  width: 14.8vw;
  overflow-wrap: break-word;
  color: rgba(0, 82, 217, 1);
  font-size: 2.5vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text_9 {
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.66vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  margin-top: 2.35vw;
}

.image_5 {
  width: 50.99vw;
  height: 23.03vw;
  margin: 2.03vw 0 0 7.39vw;
}

.image_6 {
  width: 2.09vw;
  height: 0.63vw;
  margin-left: 12.45vw;
}

.image_7 {
  width: 11.46vw;
  height: 19.12vw;
  margin-left: 1.05vw;
}

.group_4 {
  width: 72.92vw;
  height: 20.84vw;
  margin: 6.35vw 0 0 13.54vw;
}

.group_5 {
  height: 20.84vw;
  background: url(@/assets/lease/bg_5.png) 0vw -0.89vw no-repeat;
  background-size: 75.78vw 21.71vw;
  width: 72.92vw;
}

.group_6 {
  width: 10.73vw;
  height: 2.09vw;
  margin: 2.96vw 0 0 3.75vw;
}

.label_2 {
  width: 2.09vw;
  height: 2.09vw;
}

.text_10 {
  width: 7.4vw;
  height: 1.83vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.87vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin-top: 0.11vw;
}

.group_7 {
  width: 57.5vw;
  height: 3.75vw;
  margin: 4.47vw 0 7.55vw 3.54vw;
}

.image-text_2 {
  position: relative;
  width: 29.64vw;
  height: 3.75vw;
}

.image-text_3 {
  width: 29.64vw;
  height: 3.75vw;
}

.image_8 {
  width: 1.1vw;
  height: 1.05vw;
}

.paragraph_2 {
  width: 27.45vw;
  height: 3.75vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.67vw;
}

.image_9 {
  position: absolute;
  left: 0;
  top: 2.71vw;
  width: 1.1vw;
  height: 1.05vw;
}

.image-text_4 {
  width: 23.39vw;
  height: 1.15vw;
}

.image_10 {
  width: 1.1vw;
  height: 1.05vw;
}

.text-group_2 {
  width: 21.2vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
}

.group_8 {
  width: 72.92vw;
  height: 20.84vw;
  margin: 2.08vw 0 0 13.54vw;
}

.section_3 {
  height: 20.84vw;
  background: url(@/assets/lease/bg_6.png) 0vw -0.89vw no-repeat;
  background-size: 75.78vw 21.71vw;
  width: 72.92vw;
}

.group_9 {
  width: 10.73vw;
  height: 1.98vw;
  margin: 2.91vw 0 0 3.75vw;
}

.label_3 {
  width: 2.09vw;
  height: 1.98vw;
}

.text_11 {
  width: 7.45vw;
  height: 1.83vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.87vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin-top: 0.16vw;
}

.group_10 {
  width: 66.05vw;
  height: 5.53vw;
  margin: 4.63vw 0 5.78vw 3.54vw;
}

.image-text_5 {
  width: 30.84vw;
  height: 5.53vw;
}

.image-wrapper_2 {
  width: 1.1vw;
  height: 5.53vw;
}

.image_11 {
  width: 1.1vw;
  height: 1.05vw;
}

.image_12 {
  width: 1.1vw;
  height: 1.05vw;
  margin-top: 3.44vw;
}

.text-group_3 {
  width: 28.65vw;
  height: 5.42vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.67vw;
}

.image-text_6 {
  width: 31.93vw;
  height: 2.71vw;
}

.image_13 {
  width: 1.1vw;
  height: 1.05vw;
}

.text-group_4 {
  width: 29.74vw;
  height: 2.71vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.67vw;
}

.group_11 {
  width: 72.92vw;
  height: 20.84vw;
  margin: 2.08vw 0 13.02vw 13.54vw;
}

.group_12 {
  height: 20.84vw;
  background: url(@/assets/lease/bg_7.png) 0vw -0.89vw no-repeat;
  background-size: 75.78vw 21.71vw;
  width: 72.92vw;
}

.section_4 {
  width: 10.47vw;
  height: 2.09vw;
  margin: 2.91vw 0 0 3.95vw;
}

.label_4 {
  width: 1.67vw;
  height: 2.09vw;
}

.text_12 {
  width: 7.35vw;
  height: 1.83vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.87vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin-top: 0.16vw;
}

.section_5 {
  width: 56.1vw;
  height: 1.05vw;
  margin: 4.53vw 0 10.26vw 3.54vw;
}

.image_14 {
  width: 1.1vw;
  height: 1.05vw;
}

.text_13 {
  width: 16.2vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
  margin-left: 1.15vw;
}

.image-text_7 {
  width: 21.98vw;
  height: 1.05vw;
  margin-left: 15.68vw;
}

.image_15 {
  width: 1.1vw;
  height: 1.05vw;
}

.text-group_5 {
  width: 19.8vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
}
</style>