<template>
  <div class="page flex-col">
    <SecondHeader :title="'COOPERATION'"
                  :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
							name:'品牌介绍',
							url:'/Product',
							isSelect:false
						},{
							name:'用户案例',
							url:'/case',
							isSelect:true
						},{
							name:'增值服务',
							url:'/serve',
							isSelect:false
						}]"/>
    <div class="group_2 flex-col">
      <div class="box_4 flex-row justify-between">
        <div class="box_5 flex-col">
          <div class="section_1 flex-row justify-between">
            <span class="text_7">用户案例</span>
            <img class="image_6"
                 src="@/assets/case/icon_1.png"/>
          </div>
          <span class="text_8">01.乳腺癌案例</span>
          <img class="image_7" src="@/assets/case/icon_2.png"/>
          <img class="image_8" src="@/assets/case/icon_3.png"/>
        </div>
        <img class="image_9" src="@/assets/case/icon_4.png"/>
      </div>
      <div class="box_6 flex-row">
        <div class="group_3 flex-col">
          <div class="group_4 flex-row">
            <div class="text-wrapper_2">
              <span class="text_9">基础信息：</span>
              <span class="text_10">刘女士&nbsp;48岁&nbsp;</span>
            </div>
          </div>
          <div class="group_5 flex-row">
            <div class="image-text_2 flex-row justify-between">
              <img class="image_10"
                   src="@/assets/case/icon_5.png"/>
              <span class="text-group_3">体验前：2023年8月13日CT显示【82X26X44mm】<br/>体验频次：每日2次</span>
            </div>
            <img class="image_11"
                 src="@/assets/case/icon_6.png"/>
            <span class="paragraph_1">体验后：2023年9月10日CT显示【56X23X27mm】<br/>效果：肿瘤缩小63%后才可手术</span>
          </div>
          <div class="group_6 flex-row">
            <div class="text-wrapper_3">
              <span class="text_11">2025年随访：</span>
              <span class="text_12">手术后身体状态良好</span>
            </div>
          </div>
        </div>
      </div>
      <div class="text-wrapper_4 flex-row">
        <span class="text_13">02.糖尿病足案例</span>
      </div>
      <div class="image-wrapper_1 flex-row">
        <img class="image_12" src="@/assets/case/icon_7.png"/>
      </div>
      <div class="image-wrapper_2 flex-row">
        <img class="image_13" src="@/assets/case/icon_8.png"/>
      </div>
      <div class="box_7 flex-row">
        <div class="block_2 flex-col">
          <div class="text-wrapper_5">
            <span class="text_14">基础信息：</span>
            <span class="text_15">姚女士&nbsp;77岁&nbsp;33年糖尿病患者</span>
          </div>
          <div class="text-wrapper_6">
            <span class="text_16">背景：</span>
            <span
                class="text_17">2023年6月出现糖尿病足开始溃烂,&nbsp;在玉溪市中医院和玉溪市人民医院多次治疗效果不佳</span>
          </div>
          <div class="section_2 flex-row">
            <img class="image_14"
                 src="@/assets/case/icon_9.png"/>
            <span
                class="paragraph_2">体验前：9月到301医院住院稍显好转,&nbsp;12月份溃烂又加重,<br/>严重到腹部已经出现溃烂。<br/>使用频次：每日2次</span>
            <img class="image_15"
                 src="@/assets/case/icon_10.png"/>
            <span class="paragraph_3">使用后：2024年1月1日开始使用万有自愈舱，60天后腿部已<br/>基本痊愈。</span>
          </div>
          <div class="text-wrapper_7">
            <span class="text_18">2025年随访：</span>
            <span class="text_19">血糖稳定，腿部痊愈，活动正常，未反复</span>
          </div>
        </div>
      </div>
      <div class="text-wrapper_8 flex-row">
        <span class="text_20">03.脑梗案例</span>
      </div>
      <div class="image-wrapper_3 flex-row">
        <img class="image_16" src="@/assets/case/icon_11.png"/>
      </div>
      <div class="image-wrapper_4 flex-row">
        <img class="image_17" src="@/assets/case/icon_12.png"/>
      </div>
      <div class="box_8 flex-row">
        <div class="section_3 flex-col">
          <div class="text-wrapper_9">
            <span class="text_21">基础信息：</span>
            <span class="text_22">王先生</span>
          </div>
          <div class="text-wrapper_10">
            <span class="text_23">背景：</span>
            <span
                class="text_24">2022年5月13日住301医院，诊断为急性脑梗死、二型糖尿病、高血压高危、肺结节等当时右眼眼睑无法抬起,&nbsp;眼珠无法转动,重影不能眨眼。</span>
          </div>
          <div class="box_9 flex-row">
            <div class="image-text_3 flex-row justify-between">
              <img class="image_18"
                   src="@/assets/case/icon_13.png"/>
              <span class="text-group_4">使用前：准备做脑部手术<br/>使用频次：每日2次</span>
            </div>
            <img class="image_19"
                 src="@/assets/case/icon_14.png"/>
            <span
                class="paragraph_4">使用后：两个月后，核磁显示:&nbsp;脑部多发血管狭窄(先天)&nbsp;已完全恢<br/>复正常，动脉粥样硬化得到了改善（据医生讲先天性脑部血管狭窄<br/>是不可逆的，现在血管已经正常是个奇迹&nbsp;）</span>
          </div>
          <div class="text-wrapper_11">
            <span class="text_25">2025年随访：</span>
            <span class="text_26">身体健康有活力，血糖&amp;血压稳定，现在300度的老花镜也不戴了</span>
          </div>
        </div>
      </div>
      <div class="text-wrapper_12 flex-row">
        <span class="text_27">04.脑溢血案例</span>
      </div>
      <div class="image-wrapper_5 flex-row">
        <img class="image_20" src="@/assets/case/icon_15.png"/>
      </div>
      <div class="image-wrapper_6 flex-row">
        <img class="image_21" src="@/assets/case/icon_16.png"/>
      </div>
      <div class="box_10 flex-row">
        <div class="group_7 flex-col">
          <div class="group_8 flex-row">
            <div class="text-wrapper_13">
              <span class="text_28">基础信息：</span>
              <span class="text_29">潘先生&nbsp;60岁</span>
            </div>
          </div>
          <div class="group_9 flex-row">
            <div class="text-wrapper_14">
              <span class="text_30">背景：</span>
              <span class="text_31">49岁患脑溢血</span>
            </div>
          </div>
          <div class="group_10 flex-row">
            <img class="image_22"
                 src="@/assets/case/icon_17.png"/>
            <span class="paragraph_5">使用前：经多方治疗生活依然不能自理，只能拄拐棍勉<br/>强走路&nbsp;。<br/>使用频次：每日1次</span>
            <img class="image_23"
                 src="@/assets/case/icon_18.png"/>
            <span class="paragraph_6">使用后：8天体验，扔掉拐棍可以行走，；59天体验生活基本<br/>能自理。</span>
          </div>
          <div class="group_11 flex-row">
            <div class="text-wrapper_15">
              <span class="text_32">2025年随访：</span>
              <span class="text_33">身体健康有劲，生活完全自理</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/case/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: 340vw;
  overflow: hidden;
}

.block_1 {
}

.group_1 {
  position: relative;
  width: 100vw;
  height: 51.05vw;
  background: url(@/assets/case/merge_bg.png) 100% no-repeat;
  background-size: 100% 100%;
}

.image_1 {
  width: 6.25vw;
  height: 4.95vw;
  margin: 0.93vw 0 0 2.6vw;
}

.box_1 {
  width: 40.11vw;
  height: 30.53vw;
  margin: 2.86vw 0 0 4.68vw;
}

.text_1 {
  width: 40.11vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 3.75vw;
}

.text-group_1 {
  width: 19.02vw;
  height: 6.57vw;
  margin: 18.22vw 0 0 0.1vw;
}

.text_2 {
  width: 19.02vw;
  height: 3.03vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 4.16vw;
  font-family: Gilroy-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 3.75vw;
}

.text_3 {
  width: 5.32vw;
  height: 1.83vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.87vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 2.19vw;
  margin-top: 1.72vw;
}

.image_2 {
  width: 0.27vw;
  height: 3.08vw;
  margin-top: 1.62vw;
}

.box_2 {
  height: 51.05vw;
  background: url(@/assets/case/bg_1.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-left: 2.61vw;
  width: 43.75vw;
  position: relative;
}

.label_1 {
  width: 1.67vw;
  height: 1.67vw;
  margin: 2.6vw 0 0 39.47vw;
}

.image_3 {
  position: absolute;
  left: -7.7vw;
  top: 25.89vw;
  width: 51.46vw;
  height: 15.32vw;
}


.image_5 {
  position: absolute;
  left: 45.06vw;
  top: 16.15vw;
  width: 50.99vw;
  height: 23.03vw;
}

.group_2 {
  width: 100vw;
  height: 291.93vw;
  margin-bottom: 18.18vw;
}

.box_4 {
  width: 85.63vw;
  height: 47.4vw;
  margin: 7.29vw 0 0 13.33vw;
}

.box_5 {
  width: 73.13vw;
  height: 47.4vw;
}

.section_1 {
  width: 72.97vw;
}

.text_7 {
  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%);
  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;
}

.image_6 {
  width: 2.09vw;
  height: 0.63vw;
}

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

.image_7 {
  width: 72.92vw;
  height: 0.06vw;
  margin: 1.87vw 0 0 0.2vw;
}

.image_8 {
  width: 65.68vw;
  height: 33.75vw;
  margin: 3.9vw 0 0 3.8vw;
}

.image_9 {
  width: 11.46vw;
  height: 19.12vw;
}

.box_6 {
  width: 72.92vw;
  height: 14.43vw;
  margin: 2.81vw 0 0 13.54vw;
}

.group_3 {
  background-color: rgba(241, 244, 247, 1);
  border-radius: 20px;
  height: 14.43vw;
  width: 72.92vw;
}

.group_4 {
  width: 10.89vw;
  height: 1.05vw;
  margin: 2.76vw 0 0 3.59vw;
}

.text-wrapper_2 {
  width: 10.89vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_9 {
  width: 10.89vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_10 {
  width: 10.89vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.group_5 {
  width: 61.05vw;
  height: 3.03vw;
  margin: 2.34vw 0 0 3.64vw;
}

.image-text_2 {
  width: 28.08vw;
  height: 3.03vw;
}

.image_10 {
  width: 3.03vw;
  height: 3.03vw;
}

.text-group_3 {
  width: 24.02vw;
  height: 2.61vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  line-height: 1.57vw;
  margin-top: 0.16vw;
}

.image_11 {
  width: 3.03vw;
  height: 3.03vw;
  margin-left: 4.74vw;
}

.paragraph_1 {
  width: 24.02vw;
  height: 2.61vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  line-height: 1.57vw;
  margin: 0.26vw 0 0 1.19vw;
}

.group_6 {
  width: 16.2vw;
  height: 1.05vw;
  margin: 1.87vw 0 2.34vw 3.64vw;
}

.text-wrapper_3 {
  width: 16.2vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_11 {
  width: 16.2vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_12 {
  width: 16.2vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text-wrapper_4 {
  width: 14.07vw;
  height: 1.83vw;
  margin: 6.51vw 0 0 13.33vw;
}

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

.image-wrapper_1 {
  width: 72.92vw;
  height: 0.06vw;
  margin: 1.87vw 0 0 13.54vw;
}

.image_12 {
  width: 72.92vw;
  height: 0.06vw;
}

.image-wrapper_2 {
  width: 65.68vw;
  height: 33.75vw;
  margin: 3.9vw 0 0 17.13vw;
}

.image_13 {
  width: 65.68vw;
  height: 33.75vw;
}

.box_7 {
  width: 72.92vw;
  height: 18.23vw;
  margin: 2.81vw 0 0 13.54vw;
}

.block_2 {
  background-color: rgba(241, 244, 247, 1);
  border-radius: 20px;
  width: 72.92vw;
  height: 18.23vw;
}

.text-wrapper_5 {
  width: 18.86vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 2.76vw 0 0 3.59vw;
}

.text_14 {
  width: 18.86vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_15 {
  width: 18.86vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text-wrapper_6 {
  width: 43.39vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 1.45vw 0 0 3.64vw;
}

.text_16 {
  width: 43.39vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_17 {
  width: 43.39vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.section_2 {
  width: 64.8vw;
  height: 4.33vw;
  margin: 1.61vw 0 0 3.64vw;
}

.image_14 {
  width: 3.03vw;
  height: 3.03vw;
}

.paragraph_2 {
  width: 26.25vw;
  height: 4.17vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  line-height: 1.57vw;
  margin: 0.15vw 0 0 1.04vw;
}

.image_15 {
  width: 3.03vw;
  height: 3.03vw;
  margin-left: 2.5vw;
}

.paragraph_3 {
  width: 27.77vw;
  height: 2.66vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  line-height: 1.57vw;
  margin: 0.26vw 0 0 1.19vw;
}

.text-wrapper_7 {
  width: 25.58vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 2.08vw 0 2.65vw 3.64vw;
}

.text_18 {
  width: 25.58vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_19 {
  width: 25.58vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text-wrapper_8 {
  width: 10.32vw;
  height: 1.83vw;
  margin: 6.3vw 0 0 13.33vw;
}

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

.image-wrapper_3 {
  width: 72.92vw;
  height: 0.06vw;
  margin: 1.87vw 0 0 13.54vw;
}

.image_16 {
  width: 72.92vw;
  height: 0.06vw;
}

.image-wrapper_4 {
  width: 65.68vw;
  height: 33.75vw;
  margin: 3.9vw 0 0 17.13vw;
}

.image_17 {
  width: 65.68vw;
  height: 33.75vw;
}

.box_8 {
  width: 72.92vw;
  height: 18.23vw;
  margin: 2.81vw 0 0 13.54vw;
}

.section_3 {
  background-color: rgba(241, 244, 247, 1);
  border-radius: 20px;
  width: 72.92vw;
  height: 18.23vw;
  justify-content: flex-center;
}

.text-wrapper_9 {
  width: 8.29vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 2.76vw 0 0 3.59vw;
}

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

.text_22 {
  width: 8.29vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text-wrapper_10 {
  width: 66.83vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 1.45vw 0 0 3.64vw;
}

.text_23 {
  width: 66.83vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_24 {
  width: 66.83vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.box_9 {
  width: 67.19vw;
  height: 4.54vw;
  margin: 1.61vw 0 0 3.64vw;
}

.image-text_3 {
  width: 15.53vw;
  height: 3.03vw;
}

.image_18 {
  width: 3.03vw;
  height: 3.03vw;
}

.text-group_4 {
  width: 11.46vw;
  height: 2.61vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  line-height: 1.57vw;
  margin-top: 0.16vw;
}

.image_19 {
  width: 3.03vw;
  height: 3.03vw;
  margin-left: 17.3vw;
}

.paragraph_4 {
  width: 30.16vw;
  height: 4.28vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  line-height: 1.57vw;
  margin: 0.26vw 0 0 1.19vw;
}

.text-wrapper_11 {
  width: 36.62vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 1.77vw 0 2.76vw 3.64vw;
}

.text_25 {
  width: 36.62vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_26 {
  width: 36.62vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text-wrapper_12 {
  width: 12.19vw;
  height: 1.83vw;
  margin: 6.77vw 0 0 13.33vw;
}

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

.image-wrapper_5 {
  width: 72.92vw;
  height: 0.06vw;
  margin: 1.87vw 0 0 13.54vw;
}

.image_20 {
  width: 72.92vw;
  height: 0.06vw;
}

.image-wrapper_6 {
  width: 65.68vw;
  height: 33.75vw;
  margin: 3.9vw 0 0 17.13vw;
}

.image_21 {
  width: 65.68vw;
  height: 33.75vw;
}

.box_10 {
  width: 72.92vw;
  height: 18.23vw;
  margin: 2.81vw 0 13.07vw 13.54vw;
}

.group_7 {
  background-color: rgba(241, 244, 247, 1);
  border-radius: 20px;
  height: 18.23vw;
  width: 72.92vw;
  justify-content: flex-center;
}

.group_8 {
  width: 10.89vw;
  height: 1.05vw;
  margin: 2.76vw 0 0 3.59vw;
}

.text-wrapper_13 {
  width: 10.89vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_28 {
  width: 10.89vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_29 {
  width: 10.89vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.group_9 {
  width: 9.59vw;
  height: 1.05vw;
  margin: 1.45vw 0 0 3.64vw;
}

.text-wrapper_14 {
  width: 9.59vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

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

.text_31 {
  width: 9.59vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.group_10 {
  width: 65.06vw;
  height: 4.33vw;
  margin: 1.71vw 0 0 3.64vw;
}

.image_22 {
  width: 3.03vw;
  height: 3.03vw;
}

.paragraph_5 {
  width: 24.95vw;
  height: 4.17vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  line-height: 1.57vw;
  margin: 0.15vw 0 0 1.04vw;
}

.image_23 {
  width: 3.03vw;
  height: 3.03vw;
  margin-left: 3.81vw;
}

.paragraph_6 {
  width: 28.03vw;
  height: 2.66vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  line-height: 1.57vw;
  margin: 0.26vw 0 0 1.19vw;
}

.group_11 {
  width: 20.37vw;
  height: 1.15vw;
  margin: 1.97vw 0 2.76vw 3.64vw;
}

.text-wrapper_15 {
  width: 20.37vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_32 {
  width: 20.37vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_33 {
  width: 20.37vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}
</style>