<template>
  <div class="page flex-col">
    <SecondHeader :title="'COOPERATION'"
                  :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
									name:'设备购买模式',
									url:'/cooperation',
									isSelect:false
								},{
									name:'设备租赁模式',
									url:'/lease',
									isSelect:false
								},{
									name:'运营商分级',
									url:'/operator',
									isSelect:false
								},{
									name:'代理商体系',
									url:'/agent',
									isSelect:true
								}]"/>

    <div class="block_3 flex-col">
      <div class="box_2 flex-row">
        <div class="group_3 flex-col">
          <span class="text_8">代理商体系</span>
          <span class="text_9">低风险高回报，抢占区域市场</span>
          <div class="box_3 flex-col">
            <div class="box_4 flex-row">
              <span class="text_10">省级代理商</span>
              <img class="image_5"
                   src="@/assets/agent/icon_1.png"/>
              <div class="box_5 flex-col justify-between">
                <span class="text_11">年收益预估</span>
                <div class="text-wrapper_3 flex-row justify-between">
                  <span class="text_12">300</span>
                  <span class="text_13">万</span>
                </div>
              </div>
              <span class="text_14">-</span> <span class="text_15">800</span>
              <span class="text_16">万+</span>
            </div>
            <div class="image-text_2 flex-row">
              <div class="image-text_3 flex-row">
                <div class="image-text_4 flex-row justify-between">
                  <img class="image_6"
                       src="@/assets/agent/icon_2.png"/>
                  <div class="text-wrapper_4">
                    <span class="text_17">独家资源：</span>
                    <span class="paragraph_2">享有省内优先推广权，避免恶性竞争。<br/></span>
                    <span class="text_18">高额返利：</span>
                    <span class="paragraph_3">完成年度目标后，最高可获15%销售返点。<br/></span>
                    <span class="text_19">扶持政策：</span>
                    <span class="text_20">总部提供会销支持、专家站台、广告投放补贴。</span>
                  </div>
                </div>
                <img class="image_7"
                     src="@/assets/agent/icon_3.png"/>
              </div>
              <img class="image_8"
                   src="@/assets/agent/icon_4.png"/>
            </div>
          </div>
        </div>
        <div class="group_4 flex-col justify-between">
          <img class="image_9" src="@/assets/agent/icon_5.png"/>
          <div class="box_6 flex-col">
            <div class="group_5 flex-row">
              <span class="text_21">全国代理商</span>
              <img class="image_10"
                   src="@/assets/agent/icon_6.png"/>
              <div class="text-wrapper_5 flex-col justify-between">
                <span class="text_22">年收益预估</span>
                <span class="text_23">1000</span>
              </div>
              <span class="text_24">万+</span>
            </div>
            <div class="image-text_5 flex-row">
              <div class="image-text_6 flex-row">
                <div class="image-text_7 flex-row justify-between">
                  <img class="image_11"
                       src="@/assets/agent/icon_7.png"/>
                  <div class="text-wrapper_6">
                    <span class="text_25">无区域限制：</span>
                    <span class="paragraph_4">全国范围招商，利润空间最大化。<br/></span>
                    <span class="text_26">顶级分润：</span>
                    <span class="paragraph_5">享受20%渠道销售分成+股权激励（优秀代理商）。<br/></span>
                    <span class="text_27">战略合作：</span>
                    <span class="text_28">直接对接总部资源，参与新产品内测。</span>
                  </div>
                </div>
                <img class="image_12"
                     src="@/assets/agent/icon_8.png"/>
              </div>
              <img class="image_13"
                   src="@/assets/agent/icon_9.png"/>
            </div>
          </div>
        </div>
        <img class="image_14" src="@/assets/agent/main_image.png"/>
      </div>
      <div class="text-wrapper_7 flex-row">
        <span class="text_29">为什么选择阳生万物？</span>
      </div>
      <div class="box_7 flex-row">
        <div class="group_6 flex-row">
          <div class="box_8 flex-col">
            <div class="block_4 flex-col"></div>
            <div class="text-group_2 flex-col justify-between">
              <span class="text_30">技术垄断</span>
              <span class="text_31">Technological&nbsp;monopoly</span>
            </div>
            <span class="text_32">独家多模态能量专利，竞品无法复制</span>
          </div>
          <img class="image_15" src="@/assets/agent/divider_1.png"/>
          <div class="box_9 flex-col">
            <div class="box_10 flex-col"></div>
            <div class="text-group_3 flex-col justify-between">
              <span class="text_33">运营无忧</span>
              <span class="text_34">Worry&nbsp;free&nbsp;operation</span>
            </div>
            <span class="text_35">从选址装修到客户转化，全程标准化支持</span>
          </div>
          <img class="image_16" src="@/assets/agent/divider_2.png"/>
          <div class="box_11 flex-col">
            <div class="box_12 flex-col"></div>
            <div class="text-group_4 flex-col justify-between">
              <span class="text_36">市场刚需</span>
              <span class="text_37">Market&nbsp;demand</span>
            </div>
            <span class="text_38">亚健康人群超7亿，政策支持预防医学产业</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import HeroSection from '@/components/HeroSection.vue'
import SecondHeader from '../components/second_header.vue';
import bgHeaderUrl from '@/assets/agent/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: 140vw;
  overflow: hidden;
}

.block_3 {
  width: 100vw;
  height: 90.68vw;
  margin-bottom: 18.18vw;
}

.box_2 {
  width: 85.47vw;
  height: 34.38vw;
  margin: 7.29vw 0 0 13.48vw;
}

.group_3 {
  width: 35.47vw;
  height: 34.38vw;
}

.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: 12.4vw;
  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 {
  width: 22.04vw;
  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: 1.33vw;
}

.box_3 {
  width: 35.42vw;
  height: 23.44vw;
  background: url(@/assets/agent/card_bg_1.png) 100% no-repeat;
  background-size: 100% 100%;
  margin: 4.27vw 0 0 0.05vw;
}

.box_4 {
  width: 28.96vw;
  height: 4.54vw;
  margin: 2.5vw 0 0 2.76vw;
}

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

.image_5 {
  width: 0.06vw;
  height: 4.48vw;
  margin: 0.05vw 0 0 1.97vw;
}

.box_5 {
  width: 6.72vw;
  height: 4.54vw;
  margin-left: 1.88vw;
}

.text_11 {
  width: 6.2vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin-left: 0.11vw;
}

.text-wrapper_3 {
  width: 6.72vw;
  height: 2.35vw;
  margin-top: 0.94vw;
}

.text_12 {
  width: 5.47vw;
  height: 2.3vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.12vw;
  font-family: Gilroy-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin-top: 0.06vw;
}

.text_13 {
  width: 0.89vw;
  height: 0.89vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.93vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_14 {
  width: 0.68vw;
  height: 0.21vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.5vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 3.54vw 0 0 0.57vw;
}

.text_15 {
  width: 5.53vw;
  height: 2.3vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.12vw;
  font-family: Gilroy-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 2.23vw 0 0 1.66vw;
}

.text_16 {
  width: 1.46vw;
  height: 0.89vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.93vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 2.18vw 0 0 0.26vw;
}

.image-text_2 {
  position: relative;
  width: 28.39vw;
  height: 6.46vw;
  margin: 5.05vw 0 4.89vw 2.23vw;
}

.image-text_3 {
  position: relative;
  width: 28.39vw;
  height: 6.46vw;
}

.image-text_4 {
  width: 28.39vw;
  height: 6.46vw;
}

.image_6 {
  width: 1.1vw;
  height: 1.05vw;
  margin-top: 5.42vw;
}

.text-wrapper_4 {
  width: 26.41vw;
  height: 6.46vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.67vw;
}

.text_17 {
  width: 26.41vw;
  height: 6.46vw;
  overflow-wrap: break-word;
  color: rgba(49, 49, 49, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.67vw;
}

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

.text_18 {
  width: 26.41vw;
  height: 6.46vw;
  overflow-wrap: break-word;
  color: rgba(49, 49, 49, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.67vw;
}

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

.text_19 {
  width: 26.41vw;
  height: 6.46vw;
  overflow-wrap: break-word;
  color: rgba(49, 49, 49, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.67vw;
}

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

.image_7 {
  position: absolute;
  left: 0;
  top: 0.06vw;
  width: 1.1vw;
  height: 1.05vw;
}

.image_8 {
  position: absolute;
  left: 0;
  top: 2.92vw;
  width: 1.1vw;
  height: 1.05vw;
}

.group_4 {
  width: 35.42vw;
  height: 34.38vw;
  margin-left: 2.09vw;
}

.image_9 {
  width: 2.09vw;
  height: 0.63vw;
  margin-left: 33.34vw;
}

.box_6 {
  width: 35.42vw;
  height: 23.44vw;
  background: url(@/assets/agent/card_bg_2.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-top: 10.32vw;
}

.group_5 {
  width: 21.05vw;
  height: 4.54vw;
  margin: 2.5vw 0 0 2.76vw;
}

.text_21 {
  width: 8.18vw;
  height: 1.62vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.66vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.image_10 {
  width: 0.06vw;
  height: 4.48vw;
  margin: 0.05vw 0 0 1.97vw;
}

.text-wrapper_5 {
  width: 7.04vw;
  height: 4.54vw;
  margin-left: 1.83vw;
}

.text_22 {
  width: 6.2vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin-left: 0.16vw;
}

.text_23 {
  width: 7.04vw;
  height: 2.3vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.12vw;
  font-family: Gilroy-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin-top: 0.99vw;
}

.text_24 {
  width: 1.46vw;
  height: 0.89vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.93vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 2.18vw 0 0 0.52vw;
}

.image-text_5 {
  position: relative;
  width: 30.11vw;
  height: 6.57vw;
  margin: 5.05vw 0 4.79vw 2.23vw;
}

.image-text_6 {
  position: relative;
  width: 30.11vw;
  height: 6.57vw;
}

.image-text_7 {
  width: 30.11vw;
  height: 6.57vw;
}

.image_11 {
  width: 1.1vw;
  height: 1.05vw;
  margin-top: 5.42vw;
}

.text-wrapper_6 {
  width: 28.13vw;
  height: 6.57vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.67vw;
}

.text_25 {
  width: 28.13vw;
  height: 6.57vw;
  overflow-wrap: break-word;
  color: rgba(49, 49, 49, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.67vw;
}

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

.text_26 {
  width: 28.13vw;
  height: 6.57vw;
  overflow-wrap: break-word;
  color: rgba(49, 49, 49, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.67vw;
}

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

.text_27 {
  width: 28.13vw;
  height: 6.57vw;
  overflow-wrap: break-word;
  color: rgba(49, 49, 49, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.67vw;
}

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

.image_12 {
  position: absolute;
  left: 0;
  top: 0.06vw;
  width: 1.1vw;
  height: 1.05vw;
}

.image_13 {
  position: absolute;
  left: 0;
  top: 2.92vw;
  width: 1.1vw;
  height: 1.05vw;
}

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

.text-wrapper_7 {
  width: 23.7vw;
  height: 2.4vw;
  margin: 5.41vw 0 0 36.56vw;
}

.text_29 {
  width: 23.7vw;
  height: 2.4vw;
  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;
  line-height: 1.67vw;
}

.box_7 {
  width: 72.92vw;
  height: 25.53vw;
  margin: 2.6vw 0 13.07vw 13.54vw;
}

.group_6 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 40px;
  width: 72.92vw;
  height: 25.53vw;
  border: 1px solid rgba(210, 210, 210, 1);
}

.box_8 {
  width: 15.16vw;
  height: 13.96vw;
  margin: 5.88vw 0 0 5.26vw;
}

.block_4 {
  width: 4.38vw;
  height: 4.38vw;
  background: url(@/assets/agent/feature_icon_1.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-left: 5.32vw;
}

.text-group_2 {
  width: 10.84vw;
  height: 3.18vw;
  margin: 2.39vw 0 0 2.18vw;
}

.text_30 {
  width: 6.72vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.66vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 1.57vw;
  margin-left: 2.04vw;
}

.text_31 {
  width: 10.84vw;
  height: 0.99vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: DINEngsbek-Alternate;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.25vw;
  margin-top: 0.53vw;
}

.text_32 {
  width: 15.16vw;
  height: 2.71vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.14vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: center;
  line-height: 1.57vw;
  margin-top: 1.31vw;
}

.image_15 {
  width: 0.06vw;
  height: 17.24vw;
  margin: 4.16vw 0 0 4.73vw;
}

.box_9 {
  width: 15.16vw;
  height: 13.86vw;
  margin: 5.98vw 0 0 4.21vw;
}

.box_10 {
  width: 4.59vw;
  height: 4.17vw;
  background: url(@/assets/agent/feature_icon_2.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-left: 4.9vw;
}

.text-group_3 {
  width: 9.48vw;
  height: 3.18vw;
  margin: 2.5vw 0 0 2.86vw;
}

.text_33 {
  width: 6.67vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.66vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 1.57vw;
  margin-left: 1.41vw;
}

.text_34 {
  width: 9.48vw;
  height: 0.99vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: DINEngsbek-Alternate;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.25vw;
  margin-top: 0.53vw;
}

.text_35 {
  width: 15.16vw;
  height: 2.71vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.14vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: center;
  line-height: 1.57vw;
  margin-top: 1.31vw;
}

.image_16 {
  width: 0.06vw;
  height: 17.24vw;
  margin: 4.16vw 0 0 4.89vw;
}

.box_11 {
  width: 14.69vw;
  height: 13.96vw;
  margin: 5.88vw 4.42vw 0 4.27vw;
}

.box_12 {
  width: 3.49vw;
  height: 4.38vw;
  background: url(@/assets/agent/feature_icon_3.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-left: 5.73vw;
}

.text-group_4 {
  width: 6.57vw;
  height: 3.13vw;
  margin: 2.39vw 0 0 4.06vw;
}

.text_36 {
  width: 6.57vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.66vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_37 {
  width: 6.57vw;
  height: 0.89vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: DINEngsbek-Alternate;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.25vw;
  margin-top: 0.58vw;
}

.text_38 {
  width: 14.69vw;
  height: 2.71vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.14vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: center;
  line-height: 1.57vw;
  margin-top: 1.36vw;
}
</style>