psy_web_share/pages/index/index.vue

<template>
  <view class="main_cl">
    <!-- <image class="logo" src="/static/logo.png"></image> -->
    <view class="history_bar"
      ><text>历史测评记录</text>
      <view class="history_button" @click="goHistory">立即查看</view>
    </view>
    <view class="main_scale_out">
      <a href="/webo/?flag=20210617000853&uid=b1778397670a11eea1c3525400e76da4&source=0">
        <image
          class="main_scale_top_img"
          src="https://test.jue-ming.com:8849/api/show?filePath=./webo/topImg.png"
          mode="widthFix"
        ></image>
      </a>
      <view class="main_scale_name">
        <!-- <img style='width:50px;height:30px' src='https://test.jue-ming.com:8849/api/show?filePath=./webo/main-left.png' /> -->
        <view class="main_top_name">{{ scaleInfoNew.scaleName }}</view>
        <!-- <img style='width:50px;height:28px' src='https://test.jue-ming.com:8849/api/show?filePath=./webo/main-right.png' /> -->
      </view>

      <!-- <view class='main_scale_des'>{{scaleDes}}</view> -->
      <view class="main_scale_num">{{ scaleInfoNew.testNum }}人测试过</view>
    </view>
    <view class="main_scale_cpll_out">
      <view class="scale_introduce_title">
        <img
          class="main_xing_left"
          src="https://test.jue-ming.com:8849/api/show?filePath=./webo/xing_left2.png"
        />
        <view class="main_scale_font">测评介绍</view>
        <img
          class="main_xing_right"
          src="https://test.jue-ming.com:8849/api/show?filePath=./webo/xing_right2.png"
        />
      </view>
      <view
        style="
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 10px 0;
        "
      >
        <view
          style="
            height: 1px;
            background-color: #03a2ad;
            height: 5px;
            width: 5px;
            border-radius: 50%;
          "
        ></view>
        <view style="height: 1px; background-color: #03a2ad; flex: 1"></view>
        <view
          style="
            height: 1px;
            background-color: #03a2ad;
            height: 5px;
            width: 5px;
            border-radius: 50%;
          "
        ></view>
      </view>
      <view class="cpjs">
        <text>
          {{ scaleInfoNew.evaluationIntroduction }}本测试共{{
            questionNum
          }}个问题，预计测试时长为{{ Math.ceil(questionNum * 0.25) }}分钟<span
            v-if="questionNum > 30"
            >，请耐心测试</span
          ><span v-else>。</span>
        </text>
      </view>
      <view v-if="scaleInfoNew.celebrityAphorism" class="myjj">
        <view>{{ getMyjj(scaleInfoNew.celebrityAphorism, 0) }}</view>
        <view v-if="getMyjj(scaleInfoNew.celebrityAphorism, 1)" style="text-align: right">
          ——{{ getMyjj(scaleInfoNew.celebrityAphorism, 1) }}</view
        >
      </view>
      <view>
        <view class="bx" v-for="item in formatArr(scaleInfoNew.relatedQuestion)">
          <view class="bx_left"></view>
          <view class="bx_right">{{ item }}</view>
        </view>
      </view>
    </view>
    <view class="main_scale_cpll_out">
      <view class="scale_introduce_title">
        <img
          class="main_xing_left"
          src="https://test.jue-ming.com:8849/api/show?filePath=./webo/xing_left2.png"
        />
        <view class="main_scale_font">测评理论</view>
        <img
          class="main_xing_right"
          src="https://test.jue-ming.com:8849/api/show?filePath=./webo/xing_right2.png"
        />
      </view>
      <view
        style="
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 10px 0;
        "
      >
        <view
          style="
            height: 1px;
            background-color: #03a2ad;
            height: 5px;
            width: 5px;
            border-radius: 50%;
          "
        ></view>
        <view style="height: 1px; background-color: #03a2ad; flex: 1"></view>
        <view
          style="
            height: 1px;
            background-color: #03a2ad;
            height: 5px;
            width: 5px;
            border-radius: 50%;
          "
        ></view>
      </view>
      <view class="main_scale_cpll_mi">
        <view class="main_scale_cpll_text">{{ scaleInfoNew.evaluationTheory }}</view>
      </view>
      <view class="main_scale_cpll_zhu">
        <text class="main_scale_cpll_zhu_text">
          {{ scaleInfoNew.evaluationTheoryAttention }}
        </text>
      </view>
    </view>
    <view class="main_scale_cpll_out">
      <view class="scale_introduce_title">
        <img
          class="main_xing_left"
          src="https://test.jue-ming.com:8849/api/show?filePath=./webo/xing_left2.png"
        />
        <view class="main_scale_font">你将获得</view>
        <img
          class="main_xing_right"
          src="https://test.jue-ming.com:8849/api/show?filePath=./webo/xing_right2.png"
        />
      </view>
      <view
        style="
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 10px 0;
        "
      >
        <view
          style="
            height: 1px;
            background-color: #03a2ad;
            height: 5px;
            width: 5px;
            border-radius: 50%;
          "
        ></view>
        <view style="height: 1px; background-color: #03a2ad; flex: 1"></view>
        <view
          style="
            height: 1px;
            background-color: #03a2ad;
            height: 5px;
            width: 5px;
            border-radius: 50%;
          "
        ></view>
      </view>
      <view style="margin-top: 20px">
        <template v-for="item in formatArr(scaleInfoNew.obtained)">
          <view>
            <view class="main_scale_njhd_title">{{ Object.keys(item)[0] }}</view>
          </view>
          <view class="main_scale_njhd_text_out">
            <text class="main_scale_njhd_text">{{ formatObj(item) }}</text>
          </view>
        </template>
      </view>
    </view>

    <view class="main_scale_cpll_out">
      <view class="scale_introduce_title">
        <img
          class="main_xing_left"
          src="https://test.jue-ming.com:8849/api/show?filePath=./webo/xing_left2.png"
        />
        <view class="main_scale_font">适合谁测</view>
        <img
          class="main_xing_right"
          src="https://test.jue-ming.com:8849/api/show?filePath=./webo/xing_right2.png"
        />
      </view>
      <view
        style="
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 10px 0;
        "
      >
        <view
          style="
            height: 1px;
            background-color: #03a2ad;
            height: 5px;
            width: 5px;
            border-radius: 50%;
          "
        ></view>
        <view style="height: 1px; background-color: #03a2ad; flex: 1"></view>
        <view
          style="
            height: 1px;
            background-color: #03a2ad;
            height: 5px;
            width: 5px;
            border-radius: 50%;
          "
        ></view>
      </view>
      <view style="margin-top: 40rpx; overflow: hidden">
        <view class="shsc_dui" v-for="item in formatArr(scaleInfoNew.suitCrowd)">
          <view class="dui_out">
            <img
              class="dui_self"
              src="https://test.jue-ming.com:8849/api/show?filePath=./webo/dui.png"
            />
          </view>
          <view class="dui_text">
            <view class="dui_text_self">{{ item }}</view>
          </view>
        </view>
      </view>
    </view>

    <view class="main_scale_cpll_out">
      <view class="scale_introduce_title">
        <img
          class="main_xing_left"
          src="https://test.jue-ming.com:8849/api/show?filePath=./webo/xing_left2.png"
        />
        <view class="main_scale_font">测评报告内容</view>
        <img
          class="main_xing_right"
          src="https://test.jue-ming.com:8849/api/show?filePath=./webo/xing_right2.png"
        />
      </view>
      <view
        style="
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 10px 0;
        "
      >
        <view
          style="
            height: 1px;
            background-color: #03a2ad;
            height: 5px;
            width: 5px;
            border-radius: 50%;
          "
        ></view>
        <view style="height: 1px; background-color: #03a2ad; flex: 1"></view>
        <view
          style="
            height: 1px;
            background-color: #03a2ad;
            height: 5px;
            width: 5px;
            border-radius: 50%;
          "
        ></view>
      </view>
      <view class="main_scale_cpbbnr_con">
        <view v-for="(item, index) in formatArr(scaleInfoNew.reportContent)">
          <view class="cpbbnr_con_out">
            <view class="cpbbnr_con_part">Part{{ index + 1 }}</view>
            <view class="cpbbnr_con_text">{{ item }}</view>
          </view>
          <view
            class="cpbbnr_con_shu"
            v-show="index < formatArr(scaleInfoNew.reportContent).length - 1"
          >
          </view>
        </view>
      </view>
      <template v-if="scaleInfoNew.reference && scaleInfoNew.reference.length > 0">
        <view class="bx">
          <view class="bx_left"></view>
          <view class="bx_right" style="width: 200rpx">参考文献</view>
        </view>
        <view
          class="main_scale_njhd_desc"
          v-for="(item, index) in formatArr(scaleInfoNew.reference)"
          style="margin-top: 10px"
        >
          <view class="reference_index">[{{ index + 1 }}]</view>
          <view class="main_ckwx_text">{{ item }}</view>
        </view>
      </template>
    </view>

    <!-- <view class='m_s_i'>
			<view class='main_kuai'>
				<view class='main_kuai_k'>&nbsp;</view>
			</view>
			<view class='scale_js'>
				<text>{{scaleInfoNew.evaluationIntroduction}}</text>
			</view>


			<view class='main_kuai'>
				<view class='main_kuai_k'>&nbsp;</view>
			</view>
			<view class='scale_js'>
				<text>{{scaleInfoNew.evaluationTheory}}</text>

			</view>
			<view class='main_scale_introduce'>你将获得</view>

			<view class='main_kuai'>
				<view class='main_kuai_k'>&nbsp;</view>
			</view>
			<view class='scale_js'>
				<text>{{scaleInfoNew.obtained}}</text>

			</view>
			<view class='main_scale_introduce'>适合人群</view>

			<view class='main_kuai'>
				<view class='main_kuai_k'>&nbsp;</view>
			</view>
			<view class='scale_js'>

				<text>{{scaleInfoNew.suitCrowd}}</text>
			</view>
			<view class='main_scale_introduce'>测评报告内容</view>

			<view class='main_kuai'>
				<view class='main_kuai_k'>&nbsp;</view>
			</view>
			<view class='scale_js'>
				<text>{{scaleInfoNew.reportContent}}</text>
			</view>
			<view class='main_scale_introduce'>维度介绍</view>

			<view class='main_kuai'>
				<view class='main_kuai_k'>&nbsp;</view>
			</view> -->
    <!-- <view class='scale_js'>
				{{scaleInfoNew.dimensionIntroduction}}
			</view> -->
    <!-- <view class='scale_js'>
				<text>{{scaleInfoNew.dimensionIntroduction}}</text>
			</view> -->
    <!-- <img style='width:100%' :src="scaleimg1" />
			<img style='width:100%' :src="scaleimg2" />
			<img style='width:100%' :src="scaleimg3" /> -->

    <!-- </view> -->
    <view class="main_bottom_class">
      <view class="main_check_pub">
        <checkbox-group @change="checkChange">
          <label class="main_check_class">
            <checkbox value="selected" :checked="false" />
          </label>
        </checkbox-group>
        <view class="main_check"
          >同意<view class="main_tiao" @click="toggle()">《测评服务条款》</view
          >立即开始测试
        </view>
      </view>
      <button class="main_start_button" type="primary" @click="startTest()">
        <text style="font-size: 16px">立即测试</text>
      </button>
    </view>
    <view class="popup-main">
      <!-- 普通弹窗 -->
      <uni-popup ref="popup" class="" type="bottom" background-color="#fff">
        <view class="popup-content">
          <view class="popup-cuo">
            <uni-icons @click="close()" type="clear" size="30"></uni-icons>
          </view>
          <view class="popup-title-cla">测评平台服务协议</view>
          <view class="popup-detail">
            <view>【更新时间：2023年10月25日】</view>

            <view>【生效时间：2023年10月25日】</view>

            <view>尊敬的用户：</view>
            <view>欢迎您选择并使用红朵心理测评产品。</view>
            <view>
              红朵提醒您，请仔细阅读以下全部内容，请您重点阅读的条款（尤其是知识产权授权、个人信息使用授权条款）。如果您不同意本协议的任一或全部条款内容，请不要以确认的形式（包括但不限于：点击确认、进入使用程序等）进行下一步操作或使用本协议项下服务。
            </view>

            <view>一、本协议的确认及相关定义</view>

            <view>二、本协议的生效与终止</view>

            <view>三、账户的注册、使用和注销</view>
            <view>四、用户信息发布规则</view>
            <view>五、【知识产权授权】*</view>
            <view>六、【个人信息使用授权】*</view>
            <view>七、个人信息与隐私保护</view>
            <view>八、保密义务</view>
            <view>九、反贿赂</view>
            <view>十、免责条款</view>
            <view>十一、违约责任</view>
            <view>十二、有效通知及平台联系信息</view>
            <view>十三、其他</view>
            <view>一、本协议的确认及相关定义</view>
            <view>（一）用户注册协议的确认</view>
            <view>
              当您确认接受用户注册协议（以下简称“本协议”或“用户协议”）或同意通过平台使用红朵心理产品，即表示您作为乙方（以下简称“乙方”“用户”）与红朵（平台运营主体：河南红朵信息科技有限责任公司，以下简称“甲方”、“红朵”）已达成协议关系，并自愿接受并遵守红朵提供服务涉及的，包括本协议在内的所有服务规范及相关子协议、管理规范、咨询服务规则等。您可以根据自主需要，在平台上使用包括但不限于测评、咨询、倾诉、课程、问答、读书会等产品，您在使用上述产品前，应当了解相关产品的使用规则，在详尽阅读了解并同意后使用。
              红朵有权就本协议及相关子协议、管理规范、产品使用规则等文件（以下合称“服务协议”）进行更新，包括但不限于不定时发布或修订红朵服务规则、使用规则、公告、提示、通知等内容，更新将会通过系统提示、站内信息推送和／或您在平台留下的联系方式通知和提醒您注意，更新内容将在前述通知和提醒指定日期开始生效。如您继续使用服务，即意味着您同意接受我方更新后的服务协议，您的权利以及义务的表述、服务内容和费用及其结算标准等，均以最新的服务协议为准。如您不同意变更后的服务协议，请您停止使用本产品和服务。
            </view>
            <view>（二）相关定义</view>
            <view
              >红朵：指甲方运营的心理测评网站(含手机端、PC端)、APP程序、其他网络渠道等。</view
            >
            <view
              >红朵平台服务：包括但不限于红朵在平台上提供的测评、咨询、倾诉、课程、问答、读书会、知识科普等产品服务。</view
            >

            <view
              >根据本协议，红朵为您提供平台产品服务，您将通过红朵心理测评平台进行产品服务的使用，协议具体内容供双方遵守执行：</view
            >
            <view>（三）平台服务</view>
            <view
              >1．甲方为乙方在平台提供一个心理服务媒介，乙方通过该服务媒介有权使用红朵心理测评平台提供的心理产品服务。</view
            >
            <view
              >2．用户协议内容与其他单项产品规则、服务规则、网站规则或服务协议存在冲突的，以其他特别规则约定为准。</view
            >
            <view
              >3．用户在使用相关产品前，应当充分阅读并理解产品规则的内容（如有），同意按照页面规则享有、使用产品服务。</view
            >
            <view
              >4．红朵有权根据运营需要更新、优化、下架、暂停、终止平台功能、产品、服务等。红朵上线新的模块、功能、产品或服务的，均适用本用户协议的内容。</view
            >
            <view
              >5．红朵有权因定期、不定期的平台维护或运营需要，暂缓、终止提供平台服务，用户将会提前得到平台通知。因此造成的传输或连接迟延、不准确、错误、疏漏或无法使用等，平台不承担相关责任。
            </view>
            <view>二、本协议的生效与终止</view>
            <view>（一）生效</view>
            <view>1．本协议在用户点击确认本用户协议，并登录使用平台时开始生效。</view>
            <view>（二）、终止的情形</view>
            <view>1.【用户发起的终止】用户有权通过以下任一方式终止本协议：</view>
            <view>（1） 服务协议更新后，用户停止使用平台及其产品服务的；</view>
            <view>（2）服务协议更新后，用户明示不接受更新后服务协议的；</view>
            <view>（3）用户主动注销帐户的。</view>
            <view
              >2.【红朵发起的终止】出现以下情况时，红朵有权无须通知用户即终止本协议：</view
            >
            <view>（1） 乙方违反用户协议规定的，甲方有权不通知乙方即时终止本协议；</view>
            <view
              >（2）
              乙方盗用他人帐户、发布违法/侵权信息、骗取他人财物、扰乱网站秩序、采取不正当手段牟利或有其他违法/违约行为的，红朵有权对用户的帐户予以查封、注销；</view
            >
            <view
              >（3）
              除上述情形外，若用户3次（或以上）违反红朵服务协议相关产品服务规则的，红朵有权对用户的帐户予以查封、注销；</view
            >
            <view>（4）用户的帐户被红朵依据用户协议注销的；</view>
            <view>（5） 其它违反用户协议、服务协议的行为。</view>
            <view>3．协议终止后的处理</view>
            <view
              >（1）【用户信息披露】本协议终止后，除法律、法规有明确规定外，红朵不向用户或任何第三方提供帐户中的任何信息；同时也没有义务保留乙方的任何信息，乙方应当在协议终止前保存。
            </view>
            <view>（2）【平台权利】本协议终止后，红朵仍享有下列权利：</view>
            <view>
              ①继续保存用户使用平台及产品服务时，对服务协议等各类文件的勾选、确认记录，对产品服务的使用痕迹、路径等（该信息不得涉及用户使用信息缓存、用户个人信息或用户隐私信息等，不得将该信息提供给任何第三方）；
            </view>
            <view
              >② 对于用户的违约行为、造成的侵权损害等，平台保留追究违约责任的权利。</view
            >
            <view>三、账户的注册、使用和注销</view>
            <view
              >1．您确认：在注册、使用红朵平台及其产品服务时，您应当具备完全民事行为能力。</view
            >
            <view
              >2．您是未满18周岁的未成年人的，应当取得监护人同意，由监护人进行用户注册，并在监护人同意和监护下使用红朵平台产品服务。</view
            >
            <view
              >3．用户不具备用户资格的，由此产生一切责任、后果由使用人及其监护人承担，红朵有权立即注销不具备用户资格的帐户。</view
            >
            <view
              >4．乙方注册、使用的帐户所有权归属甲方，乙方享有帐户的排他使用权，非经乙方许可，任何第三方不得使用乙方注册的帐户，任何第三方使用乙方帐户进行操作的，视为乙方本人的操作。
            </view>
            <view
              >5．用户按照平台注册流程完成注册程序后，可以获得平台帐户的使用权并成为平台用户。用户可以按平台显示的功能使用帐户，设置或修改帐户密码等，用户对自己的帐户和密码安全负责。
            </view>
            <view
              >6．帐户不得以任何方式转让、赠与或继承，发生任何不当使用帐户的行为或可能危害帐户使用安全的，用户应当立即通知红朵，要求红朵暂停帐户服务；红朵亦有权主动介入，暂停提供帐户服务。
            </view>
            <view>
              7．一位用户限使用一个帐户。凡存在不当注册或不当使用多个帐户的，红朵有权注销多余帐户（保留最早注册帐户，数据保留以最早注册帐户为准）并视情况拒绝提供用户服务，因此对红朵造成损失的，用户应当承担赔偿责任。
            </view>

            <view>
              8．实名认证：根据中华人民共和国法律、法规的规定，为了保护网络信息安全及更好地向用户提供用户服务，红朵有权要求用户及时完成实名认证；用户在使用红朵产品服务时，按使用规则要求需要进行实名认证的，应当在完成实名认证后使用相关产品服务。
            </view>
            <view>9．账户注销：</view>
            <view
              >（1）用户有权主动注销账户，账户注销后，红朵不得继续保留用户个人信息，用户个人信息应当在十个工作日内删除；</view
            >
            <view>
              （2）用户使用帐户过程中，可以要求红朵删除其个人信息；用户在帐户使用过程中要求红朵删除其个人信息的，可能会导致部分产品服务无法提供，因此造成的用户损失由用户自行承担；删除个人信息后，长期未登录使用的帐户，红朵有权暂停帐户服务。
            </view>
            <view>10．合法性</view>
            <view
              >（1）用户应当遵守中华人民共和国法律、法规的规定，不得将红朵产品服务用于任何违法、违规、违背道德的行为，否则红朵有权拒绝提供产品服务、注销帐户等。严禁包括但不限于以下行为：
            </view>
            <view>① 违反中华人民共和国宪法、法律、法规、政策规定的；</view>
            <view>② 危害国家安全、泄露国家秘密、颠覆国家政权、破坏国家统一的；</view>
            <view>③ 损害国家、民族荣誉和利益的，损害社会公共利益的；</view>
            <view>④ 煽动民族仇恨、民族歧视、破坏民族团结的；</view>
            <view>⑤ 宣扬邪教、封建迷信的；</view>
            <view>⑥ 散布谣言、扰乱社会秩序、破坏社会稳定的；</view>
            <view>⑦ 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆违法、犯罪的；</view>
            <view>⑧ 侮辱、诽谤他人，侵害他人合法权益的；</view>
            <view>⑨ 违背社会公序良俗，影响恶劣的；</view>
            <view>⑩ 以非法目的使用帐户、产品服务、网络服务系统的；</view>
            <view>⑪ 故意制作、传播计算机病毒等破坏性程序的；</view>
            <view>⑫ 其他危害计算机信息网络安全的行为；</view>
            <view>⑬ 有法律、行政法规、政府政策禁止的其他行为。</view>
            <view>
              （2）用户设置的帐户昵称不得违反国家法律、法规及红朵相关规则，不得使用国家政要人名、不得使用侮辱诽谤他人的名称、不得使用侵犯第三方知识产权或企业字号的名称，否则红朵有权终止用户的帐户昵称使用；因此造成任何权属争议、赔偿、损失等均由用户承担。
            </view>
            <view>11．真实性</view>
            <view
              >（1）用户完成实名注册和使用产品服务时，应当提供真实、准确、最新及完整的本人资料，对于资料更新的应该及时进行帐户信息更新，以确保资料的时效性。</view
            >
            <view
              >（2）用户提供的资料错误、不实、超过时效、不完整或具误导性的，红朵有权暂停或终止提供帐户服务。</view
            >
            <view>12．更新维护</view>
            <view
              >（1）用户应当及时更新帐户信息，以保证提供的信息最新、真实、完整、有效。</view
            >
            <view>
              （2）红朵按用户提供的最新联系信息无法与用户取得联系、用户未按红朵的要求及时提供信息、用户提供的信息明显不实或经行政司法机关核实为无效信息的，用户应当承担因此造成的全部损失与不利后果。
            </view>
            <view
              >（3）红朵有权暂停或终止提供帐户服务，直至用户更新最新的用户信息，红朵不因此承担任何责任。</view
            >
            <view>四、用户信息发布规则</view>
            <view>
              1．用户发布的信息、评论、文章等内容的著作权归属用户所有或已获得著作权人授权可用于红朵平台发布，不得违反法律法规的规定、不得违背社会公序良俗、不得侵犯任何第三方或红朵的合法权益、不得虚构任何不实信息或传播谣言、不得发布广告内容或联系方式、引用内容不超过发布内容的20%等，否则，红朵有权下架、删除、屏蔽上述信息、封禁或注销帐户等，造成的任何法律责任由用户自行承担。
            </view>
            <view>2．您应当确保所发布的内容不包含以下类目：</view>
            <view>（1）违反国家法律、法规规定的；</view>
            <view
              >（2）干涉政治宣传、封建迷信、淫秽、色情、赌博、暴力、恐怖或者教唆犯罪的；</view
            >
            <view>（3）欺诈、虚假、不准确或存在误导性的；</view>
            <view>（4）侵犯他人知识产权、涉及第三方商业秘密或其他专有权利的；</view>
            <view>（5）侮辱、诽谤、恐吓、涉及他人隐私等侵害他人合法权益的；</view>
            <view
              >（6）可能破坏、篡改、删除、影响网站系统正常运行、窃取平台数据、窃取用户数据及个人资料的；</view
            >
            <view>（7）发布含病毒、木马、爬虫等恶意软件、程序代码的；</view>
            <view>（8）发布未经证实的信息、谣言的；</view>
            <view>（9）发布非红朵的广告宣传内容、个人或他人联系信息的；</view>
            <view
              >（10）其他损害社会公共利益、违背公序良俗或依据平台其他规定不得在网站发布的。</view
            >
            <view>3．权利主张</view>
            <view
              >若您认为本平台的内容（含其他用户发布的内容）或通过本平台获得的内容可能侵犯您的或任何第三方的合法权益，请您以书面形式或通过平台“投诉/举报”渠道向红朵反馈。
              反馈时，请提供您的身份证明（身份证信息、联系信息）、内容权属证明、具体链接（URL）及详细侵权情况说明等，红朵将尽快核实相应内容并与您取得联系；确定争议双方信息后，将联系双方协调处理。
              如果您陈述的权利通知失实，由您承担由此造成的全部法律责任。</view
            >
            <view>五、【知识产权授权】*</view>
            <view>
              1．红朵拥有平台内的所有产品、技术、程序、资料、信息内容（包括但不限于文字、图片、图像、照片、音频、视频、图表、色彩、版面设计、电子文档）的所有权利（包括但不限于著作权、商标权、专利权、商业秘密及其他所有相关权利）。
            </view>
            <view>
              2．用户在平台发表的各类作品，同意将作品的著作权【独家】【永久】【无偿】授权给红朵商业使用：包括但不限于复制权、发行权、出租权、展览权、表演权、放映权、广播权、信息网络传播权、摄制权、改编权、翻译权、汇编权、维权权利以及应当由著作权人享有的其他著作财产权利。
            </view>
            <view
              >3．用户在平台发表的各类作品，被第三人侵权转载、使用的，红朵有权单独起诉向第三人主张维权，红朵提起诉讼所支付的成本由红朵承担，获得的全部赔偿由红朵享有。</view
            >
            <view>
              4．红朵有权使用上述各类授权作品，包括但不限于在平台发表、在其他自媒体渠道发表、改编为其他类型作品、汇编为其他作品或与红朵其他作品共同进行汇编等，红朵改编为其他类型作品的，改编作品的所有权归属红朵所有。
            </view>
            <view
              >5．用户有权在自有渠道、个人的自媒体帐户发表上述各类授权作品，但不得授权任何第三方使用（包括不得授权供职单位使用），用户使用上述各类授权作品同时不得阻碍红朵使用。</view
            >
            <view>六、【个人信息使用授权】*</view>
            <view>
              1．红朵平台记录的运营数据，包括但不限于用户信息、用户列表、用户关系、用户的使用数据、交易数据、订单数据等（如有），其全部的权利均归属于红朵。红朵不得超过提供产品服务的范围收集上述信息，亦不得超过提供产品服务的范围使用上述信息。
            </view>
            <view>
              2．未经红朵书面同意，任何人不得利用用户列表、用户关系等向用户发送宣传信息，不得擅自保存、备份、泄露、使用或授权他人使用前述运营数据。用户协议终止或解除后，红朵不向用户提供或备份上述数据。
            </view>
            <view
              >3．用户授权红朵在必要的范围内，在提供产品服务过程中使用甲方的个人信息。</view
            >
            <view
              >4．用户注销帐户的，红朵应当及时删除用户的个人信息；用户有权在帐户使用过程中要求删除其个人信息。</view
            >
            <view>七、个人信息与隐私保护</view>
            <view
              >1．您应当妥善保管好帐户号码及密码等帐户信息，若发现帐户被他人使用的，应当立即通知红朵处理。</view
            >
            <view
              >2．因不可抗力（包括黑客行为、计算机病毒、系统不稳定等）、遭受他人诈骗或您主动泄露、保管疏忽导致账号、密码被他人使用的，红朵不承担任何责任。</view
            >
            <view
              >3．红朵重视对您信息的保护，关于您的个人信息将依照《红朵隐私政策》受到规范和保护，请用户点击并完整阅读
              《红朵隐私政策》，以帮助您更好地保护个人信息。</view
            >
            <view>八、保密义务</view>
            <view>
              1．双方对本协议内容和因签署、履行本协议而获得或接触到的对方商业信息、商业秘密及其他未披露的资料和信息（包括但不限于产品服务内容信息、个人隐私、财务信息、技术信息等）应当严格保密；未经对方书面同意，任何一方不得将上述信息的全部或部分通过任何方式使用或以任何方式泄露给第三方，为履行本协议使用除外：
            </view>
            <view>（1）接受方内部有必要了解相关信息的雇员或其关联公司及其雇员；</view>
            <view
              >（2）对接受方负有保密义务的事务性合作伙伴，包括律师事务所(律师)、会计师事务所(会计师)、审计事务所(审计师)、评估事务所(评估师)等；</view
            >
            <view
              >（3）依据有关法律法规要求、行政指令等而向政府部门、司法部门、证券交易所或其他监管机构披露。</view
            >
            <view
              >2．未经对方书面同意，不得擅自使用、复制对方的商标、标志、商业信息、技术及其他资料。</view
            >
            <view
              >3．任何一方不得以任何方式直接或间接对另一方进行诋毁性评价、负面/消极评价，或有任何对另一方声誉造成不利影响的行为。</view
            >
            <view>4．保密期限至相关信息置于公开领域为止。</view>
            <view>九、反贿赂</view>
            <view
              >1．红朵坚持并认真贯彻国家关于反商业贿赂的各项规定，建立健全反不正当交易行为和反商业贿赂的长效机制。</view
            >
            <view>
              2．红朵坚持严厉打击商业贿赂行为，对违反相关规定的员工，严肃查处、惩罚和教育，情节严重的，移送司法机关处理；对违反相关规定的用户或合作伙伴，一经查实，红朵有权终止对用户提供服务或合作关系，情节严重的，移送司法机关处理。
            </view>
            <view>
              3．红朵愿意在公开透明、公正平等、诚实信用的合作机制下，与所有用户及合作伙伴“共赢”美好明天。真诚希望用户及合作伙伴能理解并支持本红朵的反商业贿赂政策，并欢迎对红朵及员工进行监督，发现相关情况的时候及时向红朵反馈。
            </view>
            <view>十、免责条款</view>
            <view>1．避风港原则</view>
            <view
              >（1）用户发布并授权红朵使用的信息、评论、文章、图片等内容应当遵守“用户信息发布规则”，红朵对于用户发布的上述内容不提供担保义务。</view
            >
            <view
              >（2）由于第三方认为用户发表的内容违法、侵权的，相关责任及损害由用户出面主动解决并承担相应的责任，红朵有权及时删除上述内容。</view
            >
            <view>2．外部链接</view>
            <view>
              红朵原则上不允许在平台中传播任何外部链接，因此不对平台外部链接的可用性、安全性负责，不认可外部链接的任何内容、宣传、产品、服务等，任何人发现外部链接应当及时向红朵举报，由红朵下架处理。
              任何使用外部链接引起的纠纷与红朵无关，红朵不对任何外部链接承担任何责任。</view
            >
            <view>3．心理咨询</view>
            <view>
              （1）用户理解、知悉并同意心理咨询的效果取决于咨询师与用户双方配合作用的结果。无论用户采用什么样的咨询方式，红朵、咨询师并不保证用户接受心理咨询后一定能达到某种效果；未达到用户心理预期的心理咨询效果，不属于服务质量问题。心理咨询服务结束后一般不予退款，且红朵、咨询师对服务结果、退费等不承担任何法律责任。
            </view>
            <view>
              （2）在心理咨询服务过程中，由于用户自身原因引起的突发疾病或意外死亡，或由于自身原因引起的自伤、自残、自杀等，红朵及其咨询师尽可能采取措施控制事态恶化，必要时与用户的紧急联系人、相关部门、医疗机构取得联系。由此造成的损害后果由用户本人（或监护人）承担，平台、心理咨询师不承担损害责任。
            </view>

            <view
              >（3）平台提供的心理咨询服务不属于疾病诊断、治疗或医疗服务，不属于国务院《医疗机构管理条例》的医疗机构，用户同意：不得以接受的心理咨询服务为非医疗服务为由主张任何权利</view
            >

            <view>
              （4）有自杀倾向或自杀未遂的用户，应当向危机干预机构或符合法律规定的医疗机构寻求治疗帮助。心理咨询师不提供危机干预或治疗服务，用户因此最终选择自杀、自伤、自残的，责任及后果由用户自行承担。
            </view>

            <view
              >（5）用户对心理咨询服务引起的争议、费用纠纷、服务质量纠纷等，争议的解决方案以咨询师和用户协商一致为准，红朵对争议提供平等协商干预，红朵不承担任何责任。</view
            >

            <view>（6）禁止私下交易：</view>

            <view
              >①
              咨询师与用户不得私下交易（包括但不限于私下转账交易或通过第三方平台交易）；</view
            >

            <view
              >②
              私下交易属于严重根本违约，红朵有权直接注销用户的帐户，因此给甲方造成的任何损失，用户承担全部赔偿责任；</view
            >

            <view
              >③
              咨询师与用户因私下交易发生纠纷的，由其双方自行解决，与甲方无关；因此给甲方造成的任何损失，用户承担全部赔偿责任；</view
            >

            <view
              >（7）心理咨询服务自完成起超过一年的，红朵不提供争议的平等协商干预，由用户与心理咨询师另行协商解决。</view
            >

            <view
              >（8）用户使用平台心理咨询服务的，应当遵守心理咨询相关协议、规则、知情同意书等。</view
            >

            <view>4．红朵测评</view>

            <view>
              （1）红朵测评根据心理学一般规则研发，用户完成测试后的结果由系统自动生成，测评结果和个人分析报告仅供用户单方参考，红朵对测评结果不负任何保证义务，不承担任何形式的法律责任；不得用于心理疾病的治疗、心理危机的干预或解除等。
            </view>
            <view>（2）当您选择使用红朵的心理测评服务时，请注意以下内容： </view>

            <view
              >①测评题目可免费查看作答，测评结果报告需付费阅读【价格以产品首页展示为准】；</view
            >

            <view
              >②因每个人不同，测评结果亦因人而异，测评结果仅供参考，不作为医学心理诊断；</view
            >

            <view>③测评过程没有严格的时间限制，但一般建议在20分钟内完成；</view>

            <view>④测评答案无对错之分，且您的作答将得到严格保密，请您放心如实作答。</view>

            <view>（3）非测评系统造成的问题，不予退费。</view>

            <view>
              5．红朵不保证由不可抗力因素或第三方引起的网络服务及时性、安全性、准确性问题。请用户务必及时保存自己的相关资料，否则因网络服务中断、维修、检修、维护等导致的任何损失，平台不承担相关责任。
            </view>

            <view>十一、违约责任</view>

            <view>
              1．协议双方应当严格遵守用户协议及相关服务协议、规则的约定，不得违反协议约定或损害对方合法权益、利用平台损害第三方合法权益。
            </view>
            <view>
              2．协议一方在知悉对方违约时，有权通知违约方采取有效合理的补救措施纠正违约行为，并赔偿守约方损失。违约方在收到通知后七日内仍未纠正违约行为的，守约方有权单方书面解除本协议，注销帐户。
            </view>
            <view
              >3．守约方解除本协议或违约方采取补救措施并不妨碍守约方依照合同约定追究违约方的违约责任。
            </view>
            <view>4．违约责任：</view>
            <view>
              平台由于违约、侵权等事由造成来访者损害的，损害赔偿额以来访者实际支付款项总额为限承担责任。
            </view>
            <view
              >来访者由于违约、侵权等事由造成咨询师损害的，损害赔偿额以咨询师实际损失为限承担责任。
            </view>
            <view
              >5．损失：即包括但不限于因此对第三方的赔偿金、收入损失、投入成本损失、维权差旅费用、诉讼费、公证费、律师费等。
            </view>

            <view>十二、有效通知及平台联系信息</view>
            <view>
              1．用户应当准确填写并及时更新提供给红朵的电子邮箱地址、联系电话、联系地址、邮政编码等联系信息，保证联系信息的有效性，以便红朵通过用户提供的联系信息可以有效、及时联系。
            </view>
            <view
              >2．通过用户提供的联系信息无法与用户取得联系，因此导致平台的任何损失或增加成本、咨询师费用、用户自身损失、未及时知悉服务协议更新等，由用户承担全部责任。
            </view>
            <view>3．平台联系信息：</view>
            <view> 收件地址：河南省郑州市高新技术产业开发区西四环206号3号楼 </view>
            <view>收件人：红朵信息科技心理平台部 （收）</view>

            <view>邮编：450000</view>

            <view>电子邮箱：hongduo_tech@126.com</view>

            <view
              >红朵按以上平台联系信息为有效送达信息，红朵通过用户提供的电子邮箱地址向用户送达的通知等相关文件，属于有效送达。
            </view>

            <view>十三、其他</view>
            <view> 1．本协议双方均无权对外代表另一方明示或默示作出任何陈述或保证。</view>
            <view>
              2．本协议的任何条款，因法律、法规、政策变更导致无效或无法执行，该条款的单独无效不影响其他条款的效力，其他条款仍具有法律效力。
            </view>
            <view
              >3．甲乙双方应共同遵守本协议的内容，在执行过程中发生纠纷的，应友好协商，协商不成的，双方均有权向郑州市高新技术产业开发区人民法院提起诉讼解决
            </view>
          </view>
          <view>
            <button class="popup-know" @click="close()">我知道了</button>
          </view>
        </view>
      </uni-popup>
    </view>
    <view class="modal_box" v-show="modalFlag">
      <view class="modal_box_inner">
        <view class="modal_tk">
          请阅读<text class="tk_link" @click="toggle()">《测评服务条款》</text
          >,点击同意并立即测试,开始测评答题！
        </view>
        <view class="ty_class" @click="agreeFun()">同意并进入产品</view>
        <view class="bty_class" @click="unAgreeFun()">不同意</view>
      </view>
    </view>
  </view>
</template>

<script>
import { getScaleTitle } from "@/api/index.js";
export default {
  data() {
    return {
      scaleInfoNew: {},
      scaleInfo: {
        name: "",
      },
      isCheck: false,
      type: null,
      topimg: "https://test.jue-ming.com:8849/api/show?filePath=./webo/topImg.png",
      // scalName: '抑郁测试「简单评估版」',
      scaleDes: "测一测？",
      scaleNumber: "43.8W人测试过",
      scaleimg1: "https://test.jue-ming.com:8849/api/show?filePath=./webo/1.jpg",
      scaleimg2: "https://test.jue-ming.com:8849/api/show?filePath=./webo/2.jpg",
      scaleimg3: "https://test.jue-ming.com:8849/api/show?filePath=./webo/3.jpg",
      //量表
      flag: "",
      //分享人的id
      uid: "",
      //来源
      source: "",
      //模态框是否弹出的标志
      modalFlag: false,
      questionNum: 0,
    };
  },
  onLoad() {
    //先获取路径上的参数
    // this.$route.query.flag
    console.log(this.$route.query.flag);
    console.log(this.$route.query.uid);
    console.log(this.$route.query.source);
    this.flag = this.$route.query.flag;
    this.uid = this.$route.query.uid;
    this.source = this.$route.query.source;
    this.selectScale();
  },
  methods: {
    selectScale() {
      this.$request
        .get({
          url: `${getScaleTitle}/${this.flag}?uid=${this.uid}&source=${this.source}`,
          loadingTip: "加载中...",
          data: {},
        })
        .then((res) => {
          this.questionNum = res.data.questionNum;
          this.scaleInfo = res.data.subjectEntityDto2List[0];
          this.scaleInfoNew = res.data.ScaleDetailsEntity;
        });
    },
    checkChange(e) {
      if (e.detail.value.length == 0) {
        this.isCheck = false;
      } else {
        this.isCheck = true;
      }
    },
    toggle() {
      // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
      this.$refs.popup.open();
    },
    close() {
      this.$refs.popup.close();
    },
    //同意条框进行进入
    agreeFun() {
      this.modalFlag = false;
      uni.navigateTo({
        url: `/examWidght/examWidght/index?flag=${this.flag}&uid=${this.uid}&source=${this.source}`,
      });
    },
    //不同意方法
    unAgreeFun() {
      this.modalFlag = false;
    },
    startTest() {
      console.log(this.isCheck);
      if (this.isCheck) {
        //跳转到指定页面
        uni.navigateTo({
          url: `/examWidght/examWidght/index?flag=${this.flag}&uid=${this.uid}&source=${this.source}`,
        });
      } else {
        //否则弹出弹框
        //点击弹框的继续按钮则进入测试
        this.modalFlag = true;

        // uni.showToast({
        // 	title: '请选择测评服务条款',
        // 	icon: 'error'
        // })
      }
    },
    goHistory() {
      uni.navigateTo({
        url: "/paymentPage/queryByPhone/index",
      });
    },
    formatArr(str) {
      return str ? JSON.parse(str) : [];
    },
    formatObj(obj) {
      let key = Object.keys(obj)[0];
      return obj[key];
    },
    // 分割名言警句
    getMyjj(str, i) {
      return str ? str.split("——")[i] : "";
    },
  },
};
</script>

<style>
.main_scale_name {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin-top: 0.26667rem;
  align-items: center;
}

.main_scale_top_img {
  display: block;
  width: 710rpx;
  height: 320rpx;
  margin: 19rpx auto;
}

.main_scale_des {
  text-align: center;
  font-size: 12px;
  color: #999;
  margin-top: 0.24rem;
}

.main_scale_num {
  font-size: 20rpx;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  color: #a6a6a6;
  line-height: 28rpx;
  width: 98%;
  text-align: right;
  padding-right: 2%;
  margin: 16rpx 0;
}

.main_scale_out {
  /* 	background: #ffffff;
		padding-bottom: 0.667rem;
		margin-bottom: 0.26667rem;
		border-bottom: 0.01333rem solid #ddd; */
}

.main_scale_introduce {
}

.scale_introduce_title {
  margin-top: 46rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m_s_i {
  background-color: #ffffff;
  padding-top: 0.53rem;
  padding-bottom: 2rem;
}

.main_user_evaluate {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.main_kuai {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.main_kuai_k {
  margin-top: 10px;
  width: 50px;
  border-radius: 10px;
  line-height: 6px;

  background-color: #ddd;
}

.main_start_button {
  /* 	width: 100%; */
  background: linear-gradient(270deg, #fc3c3c 0%, #ff9d41 100%);
  box-shadow: 0px 4px 10px 0px rgba(244, 107, 107, 0.302);
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  border: 1px solid #ffe8ba;
}

.main_check {
  display: flex;
  flex-direction: row;
}

.main_tiao {
  color: #5a95f1;
}

.main_check_class {
  margin-left: 5px;
}

.main_check_pub {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
}

.main_bottom_class {
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  max-width: 750rpx;
  bottom: 0;
  background: #ffffff;
  padding: 32rpx 18rpx;
}

.main_cl {
  position: relative;
  background-color: #ffffff;
  padding: 68rpx 0 240rpx;
}

.popup-content {
  height: 100vh;
}

.popup-main >>> uni-view {
  max-width: 750rpx;

  margin: auto;
  /* border-radius: 20px; */
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.popup-detail {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 20px;
  /* letter-spacing: 4px; */
  overflow-y: auto;
  height: 78vh;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  /* overflow-y: auto;
		height:90vh; */
}

.popup-title-cla {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px !important;
}

.popup-cuo {
  text-align: right;
}

.popup-know {
  background-color: #fad031;
  color: #4c4b58;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 20px;
  margin-top: 15px;
}

.scale_js {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  letter-spacing: 4px;
  line-height: 36px;
}

.main_top_name {
  font-size: 40rpx;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 700;
  color: #03a2ad;
  line-height: 58rpx;
  margin-top: 40rpx;
}

.main_scale_font {
  font-size: 40rpx;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 900;
  color: #069ebc;
  line-height: 58rpx;
}

.main_scale_font_njhd {
  font-size: 20px;
  color: #500000;
  font-weight: 900;
  height: 20px;
  line-height: 20px;
}

.main_xing_left {
  width: 76rpx;
  margin: -32rpx 32rpx 0 0;
}

.main_xing_right {
  width: 76rpx;
  margin: -32rpx 0 0 32rpx;
}

.main_xing_left1 {
  width: 64rpx;
  margin-right: 40rpx;
}

.main_xing_right1 {
  width: 64rpx;
  margin-left: 40rpx;
}

.main_scale_cpll_out {
  overflow: hidden;
  background: linear-gradient(180deg, #d5f9ff 0%, #94fff1 100%);
  border-radius: 10px;
  padding: 14rpx 26rpx;
  margin: 36rpx 20rpx;
}

.main_scale_cpll {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_scale_cpll_mi {
  margin-top: 20px;
}

.main_scale_cpll_text {
  font-size: 28rpx;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  color: #03a2ad;
  line-height: 1.6;
  letter-spacing: 4rpx;
  text-align: justify;
  text-indent: 2em;
}

.main_scale_cpll_zhu {
  padding: 12rpx 22rpx;
  margin: 28rpx 0;
  background: #ffffff;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  opacity: 1;
}

.main_scale_cpll_zhu_text {
  font-size: 12px;
  font-family: Source Han Sans-Regular, Source Han Sans;
  font-weight: 400;
  color: #3d3d3d;
  line-height: 17px;
}

.main_scale_njhd_out {
  padding-top: 14px;
  margin-top: 21px;
  background: linear-gradient(180deg, #ffefd3 0%, #ffb587 100%);
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 10px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
}

.main_scale_njhd {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_scale_njhd_title {
  font-size: 28rpx;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  color: #03a2ad;
  line-height: 40rpx;
}

.main_scale_njhd_text_out {
  background-color: #ffffff;
  padding: 14rpx 26rpx;
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 22rpx;
}

.main_scale_njhd_text {
  font-size: 28rpx;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  color: #5e5e5e;
  line-height: 40rpx;
  letter-spacing: 2rpx;
}

.main_scale_shsc_out {
  padding-top: 14px;
  margin-top: 21px;
  background: linear-gradient(180deg, #d6d5ff 0%, #94a9ff 100%);
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 10px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
}

.main_scale_shsc {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_scale_font_shsc {
  font-size: 20px;
  color: #0624bc;
  font-weight: 900;
  height: 20px;
  line-height: 20px;
}

.dui_out {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  background-color: #ffffff;
}

.dui_self {
  width: 13px;
  height: 8px;
  margin-left: 5px;
  margin-top: 7px;
}

.dui_text {
  background-color: #ffffff;
  padding: 20rpx 24rpx;
  border-radius: 8px;
  margin-left: 8px;
  flex: 1;
}

.shsc_dui {
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
}

.dui_text_self {
  font-size: 28rpx;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  color: #069ebc;
  line-height: 40rpx;
}

.main_scale_cpbbnr_out {
  padding-top: 14px;
  margin-top: 21px;
  background: linear-gradient(180deg, #ffefd3 0%, #ffb587 100%);
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 10px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
}

.main_scale_cpbbnr {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_scale_font_cpbbnr {
  font-size: 20px;
  color: #500000;
  font-weight: 900;
  height: 20px;
  line-height: 20px;
}

.main_scale_cpbbnr_con {
  margin-top: 56rpx;
}

.cpbbnr_con_out {
  display: flex;
  align-items: center;
}

.cpbbnr_con_part {
  font-size: 28rpx;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 900;
  color: #069ebc;
  line-height: 40rpx;
}

.cpbbnr_con_text {
  font-size: 28rpx;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  color: #3d3d3d;
  line-height: 40rpx;
  margin-left: 20rpx;
  letter-spacing: 2rpx;
}

.cpbbnr_con_shu {
  height: 17px;
  width: 0px;
  border: 2rpx solid #069ebc;
  margin-left: 15px;
}

.main_ckwx_text {
  font-size: 24rpx;
  font-family: Source Han Sans-Regular, Source Han Sans;
  font-weight: 400;
  color: #3d3d3d;
  line-height: 1.6;
  letter-spacing: 2rpx;
}

.modal_box {
  position: fixed;
  z-index: 2;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal_box_inner {
  /* background-color: #000000; */
  position: relative;
  z-index: 999;
  margin: 100px auto;
  width: 302px;
  height: 293px;
  opacity: 1;
  background-image: url("https://test.jue-ming.com:8849/api/show?filePath=./webo/modal.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modal_tk {
  margin-top: 80px;
  border-radius: 10px;
  width: 200px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 12px;
  font-size: 14px;
  font-family: Source Han Sans-Normal, Source Han Sans;
  font-weight: 350;
  color: #656c74;
  line-height: 22px;
}

.ty_class {
  color: #ffffff;
  background: linear-gradient(180deg, #30e4f0 0%, #2fd2de 100%);
  border-radius: 20px;
  text-align: center;
  margin-top: 40px;
  font-size: 14px;
  height: 36px;
  width: 177px;
  line-height: 36px;
}

.bty_class {
  color: #03a2ad;
  margin-top: 13px;
  font-size: 14px;
  font-family: Source Han Sans-Regular, Source Han Sans;
  font-weight: 400;
  color: #03a2ad;
  line-height: 20px;
}

.tk_link {
  font-size: 14px;
  font-family: Source Han Sans-Normal, Source Han Sans;
  font-weight: 350;
  color: #03a2ad;
}

.history_bar {
  box-sizing: border-box;
  max-width: 750rpx;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  line-height: 68rpx;
  background: #30c5b2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #f5f5f5;
  padding: 0 4%;
  z-index: 9999;

  .history_button {
    height: 48rpx;
    line-height: 48rpx;
    background: linear-gradient(270deg, #00d8e7 0%, #069ebc 100%);
    padding: 0 16rpx;
    border-radius: 24rpx;

    &:active {
      opacity: 0.8;
    }
  }
}

.cpjs {
  box-sizing: border-box;
  margin: 20rpx auto;
  padding: 24rpx;
  background: #ffffff;
  border-radius: 10px;
  font-size: 24rpx;
  color: #656c74;
  line-height: 1.8;
  letter-spacing: 4rpx;
  text-align: justify;
  text-indent: 2em;
}

.myjj {
  box-sizing: border-box;
  margin: 20rpx auto;
  padding: 24rpx;
  background: #ffffff;
  border-radius: 10px;
  font-size: 28rpx;
  color: #03a2ad;
  line-height: 1.6;
  letter-spacing: 3rpx;
  text-indent: 2em;
}

.bx {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin: 24rpx 0;
}

.bx_left {
  width: 12rpx;
  height: 56rpx;
  background: #00d8e7;
  border-radius: 4rpx 4rpx 4rpx 4rpx;
  opacity: 1;
}

.bx_right {
  line-height: 56rpx;
  background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/bx.png)
    no-repeat center;
  background-size: 100% 100%;
  font-size: 28rpx;
  font-family: Source Han Sans-Regular, Source Han Sans;
  font-weight: 400;
  color: #ffffff;
  margin-left: 4rpx;
  padding: 0 16rpx;
}

.main_scale_njhd_desc {
  display: flex;
  align-items: flex-start;
}

.reference_index {
  font-size: 24rpx;
  color: #3d3d3d;
  line-height: 1.6;
  margin-right: 10rpx;
}
</style>