<template>
  <div class="app-container">
    <el-row :gutter="10">
     <el-col :span="18">
       <div style="display: flex;justify-content: space-between;">
         <div class="box_5 flex-col">
                 <span class="text_45">本月全部工单</span>
                 <div class="block_1 flex-row">
                   <div class="text-wrapper_6 flex-col justify-between">
                     <span class="text_46">{{dongdannu.zs}}</span>
                     <span class="text_47">较上月增长{{dongdannu.zz}}</span>
                   </div>
                   <img
                     class="image_9"
                     referrerpolicy="no-referrer"
                     src="../assets/images/pic_htgl_gdtj.png"
                   />
                 </div>
               </div>
               <div class="box_13 flex-col">
                       <div class="box_14 flex-col"></div>
                       <span class="text_54">待接单</span> <span class="text_55">{{dongdannu.djd}}</span>
                       <img
                         class="image_12"
                         referrerpolicy="no-referrer"
                         src="../assets/images/pic_htgl_tj_djd.png"
                       />
                     </div>
          <div class="box_15 flex-col">
                  <div class="box_16 flex-col"></div>
                  <div class="box_17 flex-row justify-between">
                    <div class="text-wrapper_8 flex-col justify-between">
                      <span class="text_56">进行中</span> <span class="text_57">{{dongdannu.jxz}}</span>
                    </div>
                    <img
                      class="label_6"
                      referrerpolicy="no-referrer"
                      src="../assets/images/pic_htgl_tj_jxz.png"
                    />
                  </div>
                </div>
          <div class="box_18 flex-col">
                  <div class="block_2 flex-col"></div>
                  <span class="text_58">已完成</span>
                  <div class="block_3 flex-row justify-between">
                    <span class="text_59">{{dongdannu.ywc}}</span>
                    <img
                      class="image_13"
                      referrerpolicy="no-referrer"
                      src="../assets/images/pic_htgl_tj_ywc.png"
                    />
                  </div>
                </div>
          <div class="box_24 flex-col">
                  <div class="group_11 flex-col"></div>
                  <div class="group_12 flex-row justify-between">
                    <div class="text-wrapper_19 flex-col justify-between">
                      <span class="text_100">已评价</span>
                      <span class="text_101">{{dongdannu.dpj}}</span>
                    </div>
                    <img
                      class="label_7"
                      referrerpolicy="no-referrer"
                      src="../assets/images/pic_htgl_tj_dpj.png"
                    />
                  </div>
                </div>
       </div>
       <el-col :span="16"  style="padding-left: 0; margin-top: 20px;">
         <div class="box_6 flex-col">
                 <div class="text-wrapper_7 flex-row">
                   <span class="text_48">常用功能</span>
                 </div>
                 <div class="box_7 flex-row justify-between" style="cursor: pointer;">
                   <div class="box_8 flex-col" @click="tiaoz(0)" v-hasPermi="['work:info:list']">
                     <img
                       class="label_2"
                       referrerpolicy="no-referrer"
                       src="../assets/images/pic_htgl_gn_gd.png"
                     />
                     <span class="text_49">工单管理</span>
                   </div>
                   <div class="box_9 flex-col" @click="tiaoz(1)" v-hasPermi="['system:user:list']">
                     <img
                       class="label_3"
                       referrerpolicy="no-referrer"
                       src="../assets/images/pic_htgl_gn_yg.png"
                     />
                     <span class="text_50">员工管理</span>
                   </div>
                   <div class="box_10 flex-col" @click="tiaoz(2)" v-hasPermi="['basic:info:list']">
                     <img
                       class="label_4"
                       referrerpolicy="no-referrer"
                       src="../assets/images/pic_htgl_gn_kh.png"
                     />
                     <span class="text_51">客户管理</span>
                   </div>
                   <div class="box_11 flex-col" @click="tiaoz(3)" v-hasPermi="['work:info:list']">
                     <img
                       class="image_10"
                       referrerpolicy="no-referrer"
                       src="../assets/images/pic_htgl_gn_pj.png"
                     />
                     <span class="text_52">评价管理</span>
                   </div>
                   <div class="box_12 flex-col" @click="nandu">
                     <img
                       class="label_5"
                       referrerpolicy="no-referrer"
                       src="../assets/images/pic_htgl_gn_zj.png"
                     />
                     <span class="text_53">年度总结</span>
                   </div>
                 </div>
               </div>
            <div class="box_4 flex-col">
                    <div class="section_2 flex-row" style="justify-content: space-between;">
                      <span class="text_30">较上月服务类型单量统计</span>
                      <div   style="flex:1; display: flex; justify-content: flex-end;padding: 0 15px;">
                        <div class="image-text_1 flex-row justify-between">
                          <div class="image_6" style="background: linear-gradient(0deg, #FFC6A9, #FB9C67);border-radius: 2px;"></div>

                                                <span class="text-group_1">上月</span>
                                              </div>
                                              <div class="image-text_2 flex-row justify-between">
                                                <div class="image_7" style="background: linear-gradient(0deg, #B1EAD8, #59CAA7);border-radius: 2px;"></div>

                                                <span class="text-group_2">本月</span>
                                              </div>
                      </div>

                    </div>
                    <!-- <span class="text_31">件</span> -->
                    <div class="section_3 flex-row justify-between">

                      <div class="image-wrapper_1 flex-col">
                        <bar-chart  :chart-data="zhuzhuang" v-if='iszhu'/>
                      </div>
                    </div>

                  </div>
              <div class="box_3 flex-col">
                      <span class="text_12">服务动态</span>
                      <div class="group_2 flex-row justify-between">
                        <div class="group_3 flex-col">
                          <div class="section_1 flex-col"></div>
                          <img
                            class="image_4"
                            referrerpolicy="no-referrer"
                            src="../assets/images/pic_htlc_line.png"
                          />
                          <img
                            class="image_5"
                            referrerpolicy="no-referrer"
                            src="../assets/images/pic_htlc_line.png"
                          />
                        </div>
                        <div class="group_4 flex-col" v-if="fuweush">
                          <span class="text_13" >{{fuwudong[0].createTime}}</span>
                          <div class="text-wrapper_2" >
                            <span style="color: #161616;">{{fuwudong[0].record == null?'暂无数据' : fuwudong[0].record}}</span>
                          </div>

                          <!-- 1 -->
                          <span class="text_22" >{{fuwudong[1].createTime}}</span>
                          <div class="text-wrapper_2" >
                                                      <span style="color: #161616;">{{fuwudong[1].record == null?'暂无数据' : fuwudong[1].record}}</span>
                                                    </div>


                          <span class="text_29" >{{fuwudong[2].createTime}}</span>

                        </div>





                        <!-- <div class="group_4 flex-col" v-if="fuweush">
                          <span class="text_13" v-if="fuwudong[0].serviceProgress == 0">{{fuwudong[0].createTime}}</span>
                          <span class="text_13" v-if="fuwudong[0].serviceProgress == 1">{{fuwudong[0].takeTime}}</span>
                          <span class="text_13" v-if="fuwudong[0].serviceProgress == 2">{{fuwudong[0].updateTime}}</span>
                          <span class="text_13" v-if="fuwudong[0].serviceProgress == 3">{{fuwudong[0].updateTime}}</span>
                          <div class="text-wrapper_2" v-if="fuwudong[0].serviceProgress == 0">
                            <span style="color: #161616;">{{fuwudong[0].unitName == null?'暂无数据' : fuwudong[0].unitName}}</span>提交了
                            <span style="color: #161616;">{{fuwudong[0].type == null?'暂无数据' : fuwudong[0].type}}</span>工单；工单编号
                            <span style="color: #161616;">{{fuwudong[0].orderId == null?'暂无数据' : fuwudong[0].orderId}}</span>
                          </div>
                          <div class="text-wrapper_2" v-if="fuwudong[0].serviceProgress == 1">
                            <span style="color: #161616;">{{fuwudong[0].responsibleName == null?'暂无数据' : fuwudong[0].responsibleName}}</span>
                            接下了<span style="color: #161616;">{{fuwudong[0].unitName == null?'暂无数据' : fuwudong[0].unitName}}</span>的
                            <span style="color: #161616;">{{fuwudong[0].type == null?'暂无数据' : fuwudong[0].type}}</span>工单；工单编号
                            <span style="color: #161616;">{{fuwudong[0].orderId == null?'暂无数据' : fuwudong[0].orderId}}</span>
                          </div>
                          <div class="text-wrapper_2" v-if="fuwudong[0].serviceProgress == 2">
                            <span style="color: #161616;">{{fuwudong[0].unitName == null?'暂无数据' : fuwudong[0].unitName}}</span>的
                            <span style="color: #161616;">{{fuwudong[0].type == null?'暂无数据' : fuwudong[0].type}}</span>工单已完成；客户
                            <span style="color: #161616;">暂无评价</span>
                          </div>
                          <div class="text-wrapper_2" v-if="fuwudong[0].serviceProgress == 3">
                           <span style="color: #161616;">{{fuwudong[0].unitName == null?'暂无数据' : fuwudong[0].unitName}}</span>的
                                <span style="color: #161616;">{{fuwudong[0].type == null?'暂无数据' : fuwudong[0].type}}</span>工单已完成；客户评价
                                <span style="color: #161616;">{{fuwudong[0].evaluation == null?'暂无数据' : fuwudong[0].evaluation}}</span>
                          </div>
                          <span class="text_22" v-if="fuwudong[1].serviceProgress == 0">{{fuwudong[1].createTime}}</span>
                          <span class="text_22" v-if="fuwudong[1].serviceProgress == 1">{{fuwudong[1].takeTime}}</span>
                          <span class="text_22" v-if="fuwudong[1].serviceProgress == 2">{{fuwudong[1].updateTime}}</span>
                          <span class="text_22" v-if="fuwudong[1].serviceProgress == 3">{{fuwudong[1].updateTime}}</span>

                          <div class="text-wrapper_2" v-if="fuwudong[1].serviceProgress == 0">
                                                      <span style="color: #161616;">{{fuwudong[1].unitName == null?'暂无数据' : fuwudong[1].unitName}}</span>提交了
                                                      <span style="color: #161616;">{{fuwudong[1].type == null?'暂无数据' : fuwudong[1].type}}</span>工单；工单编号
                                                      <span style="color: #161616;">{{fuwudong[1].orderId == null?'暂无数据' : fuwudong[1].orderId}}</span>
                                                    </div>
                                                    <div class="text-wrapper_2" v-if="fuwudong[1].serviceProgress == 1">
                                                      <span style="color: #161616;">{{fuwudong[1].responsibleName == null?'暂无数据' : fuwudong[1].responsibleName}}</span>
                                                      接下了<span style="color: #161616;">{{fuwudong[1].unitName == null?'暂无数据' : fuwudong[1].unitName}}</span>的
                                                      <span style="color: #161616;">{{fuwudong[1].type == null?'暂无数据' : fuwudong[1].type}}</span>工单；工单编号
                                                      <span style="color: #161616;">{{fuwudong[1].orderId == null?'暂无数据' : fuwudong[1].orderId}}</span>
                                                    </div>
                                                    <div class="text-wrapper_2" v-if="fuwudong[1].serviceProgress == 2">
                                                      <span style="color: #161616;">{{fuwudong[1].unitName == null?'暂无数据' : fuwudong[1].unitName}}</span>的
                                                      <span style="color: #161616;">{{fuwudong[1].type == null?'暂无数据' : fuwudong[1].type}}</span>工单已完成；客户
                                                      <span style="color: #161616;">暂无评价</span>
                                                    </div>
                                                    <div class="text-wrapper_2" v-if="fuwudong[1].serviceProgress == 3">
                                                     <span style="color: #161616;">{{fuwudong[1].unitName == null?'暂无数据' : fuwudong[1].unitName}}</span>的
                                                          <span style="color: #161616;">{{fuwudong[1].type == null?'暂无数据' : fuwudong[1].type}}</span>工单已完成；客户评价
                                                          <span style="color: #161616;">{{fuwudong[1].evaluation == null?'暂无数据' : fuwudong[1].evaluation}}</span>
                                                    </div>

                          <span class="text_29" v-if="fuwudong[2].serviceProgress == 0">{{fuwudong[2].createTime}}</span>
                          <span class="text_29" v-if="fuwudong[2].serviceProgress == 1">{{fuwudong[2].takeTime}}</span>
                          <span class="text_29" v-if="fuwudong[2].serviceProgress == 2">{{fuwudong[2].updateTime}}</span>
                          <span class="text_29" v-if="fuwudong[2].serviceProgress == 3">{{fuwudong[2].updateTime}}</span>
                        </div> -->
                      </div>
                      <div class="group_5 flex-col"></div>
                      <div class="group_6 flex-col"></div>
                    </div>
       </el-col>
       <el-col :span="8" style="padding-right: 0;">
          <div class="box_20 flex-col">
            <pie-chart :chart-data="huanxi"/>
                  <div class="section_6 flex-row" style="justify-content: space-between;margin-top: 45px;">
                    <div style="flex: 1;display: flex;justify-content: space-between;">
                      <div class="section_7 flex-col"></div>
                      <span class="text_92">网络服务</span>
                    </div>
                    <div style="flex: 1;display: flex;justify-content: space-between;margin: 0 10px;">
                      <div class="section_8 flex-col"></div>
                      <span class="text_93">设备服务</span>
                    </div>
                    <div style="flex: 1;display: flex;justify-content: space-between;">
                      <div class="section_9 flex-col"></div>
                      <span class="text_94">软件服务</span>
                    </div>
                  </div>
                  <div class="section_6 flex-row" style="justify-content: space-between;margin-top: 20px;">
                                      <div style="flex: 1;display: flex;justify-content: space-between;">
                                        <div class="section_7 flex-col"    style="background-color: #EE6666;"></div>
                                        <span class="text_92">开发服务</span>
                                      </div>
                                      <div style="flex: 1;display: flex;justify-content: space-between;margin: 0 10px;">
                                        <div class="section_8 flex-col" style="background-color: #73C0DE;"></div>
                                        <span class="text_93">设计服务</span>
                                      </div>
                                      <div style="flex: 1;display: flex;justify-content: space-between;">
                                        <div class="section_9 flex-col" style="background-color: #5470C6;"></div>
                                        <span class="text_94">其他服务 </span>
                                      </div>
                                    </div>
                </div>
          <div class="box_19 flex-col" v-if="isshue">
                  <span class="text_60">员工业绩Top6排名</span>
                  <div class="group_7 " style="margin-top: 20px;">
                    <el-row>
                      <el-col :span="3">
                        <div style="width: 100%;height: 26px;">

                        </div>
                      </el-col>
                      <el-col :span="7" style="display: flex;justify-content: center;">
                        <div class="text-wrapper_9 ">
                          <span class="text_61">姓名</span>
                        </div>
                      </el-col>
                      <el-col :span="7" style="display: flex;justify-content: center;">
                        <div class="text-wrapper_9 ">
                          <span class="text_61">姓名</span>
                        </div>
                      </el-col>
                      <el-col :span="7" style="display: flex;justify-content: center;">
                        <div class="text-wrapper_9 ">
                          <span class="text_61">姓名</span>
                        </div>
                      </el-col>
                    </el-row>

                  </div>
                  <div class="group_8 " >
                    <el-row>
                                          <el-col :span="3">
                   <img
                                         class="thumbnail_2"
                                         referrerpolicy="no-referrer"
                                         src="../assets/images/icon_ndtj_jp_jp.png"
                                       />
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: center;">
                                           <span class="text_64">{{topwlist[0].name}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                             <span class="text_64">{{topwlist[0].deptName}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                            <span class="text_64">{{topwlist[0].num}}单</span>
                                          </el-col>
                                        </el-row>
                  </div>
                  <div class="group_8 ">
                    <el-row>
                                          <el-col :span="3">
                   <img
                                         class="thumbnail_3"
                                         referrerpolicy="no-referrer"
                                         src="../assets/images/icon_ndtj_jp_yp.png"
                                       />
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: center;">
                                           <span class="text_64">{{topwlist[1].name}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                             <span class="text_64">{{topwlist[1].deptName}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                            <span class="text_64">{{topwlist[1].num}}单</span>
                                          </el-col>
                                        </el-row>
                  </div>
                  <div class="group_8 ">
                    <el-row>
                                          <el-col :span="3">
                   <img
                                         class="thumbnail_4"
                                         referrerpolicy="no-referrer"
                                         src="../assets/images/icon_ndtj_jp_tp.png"
                                       />
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: center;">
                                           <span class="text_64">{{topwlist[2].name}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                             <span class="text_64">{{topwlist[2].deptName}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                            <span class="text_64">{{topwlist[2].num}}单</span>
                                          </el-col>
                                        </el-row>
                  </div>
                  <div class="group_8 ">
                    <el-row>
                                          <el-col :span="3">
                   <span class="text_81">4</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: center;">
                                           <span class="text_64">{{topwlist[3].name}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                             <span class="text_64">{{topwlist[3].deptName}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                            <span class="text_64">{{topwlist[3].num}}单</span>
                                          </el-col>
                                        </el-row>
                  </div>
                  <div class="group_8 ">
                    <el-row>
                                          <el-col :span="3">
                   <span class="text_81">5</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: center;">
                                           <span class="text_64">{{topwlist[4].name}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                             <span class="text_64">{{topwlist[4].deptName}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                            <span class="text_64">{{topwlist[4].num}}单</span>
                                          </el-col>
                                        </el-row>
                  </div>
                  <div class="group_8 ">
                    <el-row>
                                          <el-col :span="3">
                  <span class="text_81">6</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: center;">
                                          <span class="text_64">{{topwlist[5].name}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                             <span class="text_64">{{topwlist[5].deptName}}</span>
                                          </el-col>
                                          <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                            <span class="text_64">{{topwlist[5].num}}单</span>
                                          </el-col>
                                        </el-row>
                  </div>
                </div>
       </el-col>
     </el-col>
     <el-col :span="6" style="padding-right: 0;">
      <div class="box_26 flex-col">
              <div class="box_27 flex-row">
                <div class=" flex-row">
                  <div class="image-wrapper_6 flex-col justify-between">
                    <img :src="avatar" class="label_8">

                    <img
                      class="thumbnail_25"
                      referrerpolicy="no-referrer"
                      src="../assets/images/icon_htgl_tz.png"
                    />
                  </div>
                  <div class="group_23 flex-col">
                    <div class="group_24 flex-row justify-between">
                      <span class="text_148">admin</span>
                      <img
                        class="thumbnail_26"
                        referrerpolicy="no-referrer"
                        src="../assets/images/icon_htgl_bj.png"
                      />
                    </div>
                    <div class="text-wrapper_23 flex-col">
                      <span class="text_149">超级管理员</span>
                    </div>
                  </div>
                </div>
                <img
                  class="image_17"
                  referrerpolicy="no-referrer"
                  src="../assets/images/pic_htgl_zhzs.png"
                />
              </div>
              <span class="text_151" @click="dainge"
                >您有<span style="color: #F06011;margin-right: 8px;margin-left: 5px;">{{dabnum}}</span>条新消息等待处理！</span
              >
              <span class="text_152"
                >上次登录时间：{{dateFormat('YYYY年mm月dd日 HH:MM:',this.$store.state.user.loginDate) + '00'}}&nbsp;&nbsp;</span
              >
            </div>
            <div class="box_25 flex-col">
              <div class="infinite-list"  style="overflow:auto">
                <div class="text-wrapper_20 flex-row">
                  <span class="text_102">工单日历</span>
                </div>
                <div class="group_13 flex-col">
                  <Calendar
                        v-on:choseDay="clickDay"
                        v-on:changeMonth="changeDate"

                      ></Calendar>
                </div>
              </div>

                    <span class="text_128">客户工单</span>
                    <div :class="item == 2? 'group_18 group_18it flex-col' : 'group_18 flex-col'" v-for="(item,index) in  infoList" :key="index">
                      <div class="group_19 flex-row justify-between">
                        <span class="text_129">{{item.unitName == null ? '暂无数据' : item.unitName}}</span>
                        <img
                          class="thumbnail_12"
                          referrerpolicy="no-referrer"
                          src="../assets/images/icn_htgl_rl_jr.png"
                        />
                      </div>
                      <div class="group_20 flex-row">
                        <img
                          class="thumbnail_13"
                          referrerpolicy="no-referrer"
                          src="../assets/images/icn_htgl_rl_xm.png"
                        />
                        <span class="text_130">{{item.personName == null ? '暂无数据' : item.personName}}</span>
                        <img
                          class="thumbnail_14"
                          referrerpolicy="no-referrer"
                          src="../assets/images/icn_htgl_rl_sj.png"
                        />
                        <span class="text_131">{{item.createTime == null ? '暂无数据' : item.createTime}}</span>
                      </div>
                      <div class="image-text_3 flex-row justify-between">
                        <img
                          class="thumbnail_15"
                          referrerpolicy="no-referrer"
                          src="../assets/images/icn_htgl_rl_dz.png"
                        />
                        <span class="text-group_4">{{item.detailedAddress == null ? '暂无数据' : item.detailedAddress}}</span>
                      </div>
                      <img
                        class="image_15"
                        referrerpolicy="no-referrer"
                        src="../assets/images/icn_htgl_rl_dz.png"
                      />
                      <div class="image-text_4 flex-row justify-between">
                        <img
                          class="thumbnail_16"
                          referrerpolicy="no-referrer"
                          src="../assets/images/icon_gdlb_gdh.png"
                        />
                        <div class="text-group_5">
                          <span class="text_132">工单编号：</span>
                          <div class="text_133">{{item.userId == null ? '暂无数据' : item.userId}}</div>
                        </div>
                      </div>
                      <div class="image-text_4 flex-row justify-between">
                        <img
                          class="thumbnail_17"
                          referrerpolicy="no-referrer"
                          src="../assets/images/icon_gdlb_sj.png"
                        />
                        <div class="text-group_5">
                          <span class="text_132">创建时间：</span>
                          <div class="text_133">{{item.createTime == null ? '暂无数据' : item.createTime}}</div>
                        </div>
                      </div>
                      <div class="image-text_4 flex-row justify-between">
                        <img
                          class="thumbnail_18"
                          referrerpolicy="no-referrer"
                          src="../assets/images/icon_gdlb_lx.png"
                        />
                        <div class="text-group_5">
                          <span class="text_132">服务类型：</span>
                          <div class="text_133" style="color: #5470C6;"><dict-tag :options="dict.type.work_order_type" :value="item.type"/></div>
                        </div>
                      </div>

                    </div>

                  </div>
     </el-col>
    </el-row>
    <el-dialog title="年度总结" :visible.sync="open" width="450px" append-to-body class="idnege">
     <div style="position: relative;">
       <img src="../assets/images/pic_ndzj_tbbg.png" alt=""style="width: 100%;height: 400px;">
       <div style="position: absolute;left: 25px;bottom: 50px;">
         <div class="avdbge">
           <p>{{getyer}}</p>
           <p>年度总结</p>
         </div>
         <div style="font-weight: 500;font-size: 14px; color: #333333;">
           Annual summary of {{getyer}}
         </div>
         <div class="jiangi">
          {{getyer}}.01.01 ~ {{getyer}}.12.31
         </div>
       </div>
     </div>
     <div style="padding: 20px; padding-top: 0; background-color: rgba(237,242,255,0.3);margin-top:-40px;">
     <div style="padding: 20px; background-color: rgba(255,255,255,0.5);">
       <div class=" flex-col" style="margin-top: 0;padding-top: 0;background-color: rgba(234,239,255,0.5); border-top-right-radius: 20px; border-top-left-radius: 20px;">
         <div style="position: relative;">
           <img src="../assets/images/pic_ndzj_bt_blue.png" alt=""style="width: 100%;height: 46px;">
           <span style="position: absolute;bottom: 14px;left: 175px;font-weight: bold;
               font-size: 18px;color: #FFFFFF;"> 服务类型单量统计</span>
         </div>
         <pie-chartone :chart-data="yearfuwulist"/>
               <div class="section_6 flex-row" style="justify-content: space-between;margin-top: 45px; padding: 0 20px;">
                 <div style="flex: 1;display: flex;justify-content: center;">
                   <div class="section_7 flex-col"></div>
                   <span class="text_92" style="margin-left: 10px;">网络服务</span>
                 </div>
                 <div style="flex: 1;display: flex;justify-content: center;margin: 0 10px;">
                   <div class="section_8 flex-col"></div>
                   <span class="text_93" style="margin-left: 10px;">设备服务</span>
                 </div>
                 <div style="flex: 1;display: flex;justify-content: center;">
                   <div class="section_9 flex-col"></div>
                   <span class="text_94" style="margin-left: 10px;">软件服务</span>
                 </div>
               </div>
               <div class="section_6 flex-row" style="justify-content: space-between;margin-top: 15px; padding: 0 20px;">
                 <div style="flex: 1;display: flex;justify-content: center;">
                   <div class="section_7 flex-col" style="background-color: #EE6666;"></div>
                   <span class="text_92" style="margin-left: 10px;">开发服务</span>
                 </div>
                 <div style="flex: 1;display: flex;justify-content: center;margin: 0 10px;">
                   <div class="section_8 flex-col" style="background-color: #73C0DE;"></div>
                   <span class="text_93" style="margin-left: 10px;">设计服务</span>
                 </div>
                 <div style="flex: 1;display: flex;justify-content: center;">
                   <div class="section_9 flex-col" style="background-color: #5470C6;"></div>
                   <span class="text_94" style="margin-left: 10px;">其他服务</span>
                 </div>
               </div>
               <el-row :gutter="20" style="padding: 20px;">
                 <el-col :span="8" style="margin-bottom: 10px;">
                   <div style="width: 100%;height: 56px;background: #E6ECFE;border-radius: 10px;text-align: center;padding-top: 10px;">
                     <i style="font-weight: bold;font-size: 16px;color: #333333;">{{yearfuwulist.wlfw}}</i>
                     <p style="margin: 0;font-weight: 500;font-size: 16px;color: #333333;">网络服务</p>
                   </div>
                 </el-col>
                 <el-col :span="8" style="margin-bottom: 10px;">
                   <div style="width: 100%;height: 56px;background: #E6ECFE;border-radius: 10px;text-align: center;padding-top: 10px;">
                     <i style="font-weight: bold;font-size: 16px;color: #333333;">{{yearfuwulist.sbfw}}</i>
                     <p style="margin: 0;font-weight: 500;font-size: 16px;color: #333333;">设备服务</p>
                   </div>
                 </el-col>
                 <el-col :span="8" style="margin-bottom: 10px;">
                   <div style="width: 100%;height: 56px;background: #E6ECFE;border-radius: 10px;text-align: center;padding-top: 10px;">
                     <i style="font-weight: bold;font-size: 16px;color: #333333;">{{yearfuwulist.rjfw}}</i>
                     <p style="margin: 0;font-weight: 500;font-size: 16px;color: #333333;">软件服务</p>
                   </div>
                 </el-col>
                 <el-col :span="8" style="margin-bottom: 10px;">
                   <div style="width: 100%;height: 56px;background: #E6ECFE;border-radius: 10px;text-align: center;padding-top: 10px;">
                     <i style="font-weight: bold;font-size: 16px;color: #333333;">{{yearfuwulist.kffw}}</i>
                     <p style="margin: 0;font-weight: 500;font-size: 16px;color: #333333;">开发服务</p>
                   </div>
                 </el-col>
                 <el-col :span="8">
                   <div style="width: 100%;height: 56px;background: #E6ECFE;border-radius: 10px;text-align: center;padding-top: 10px;">
                     <i style="font-weight: bold;font-size: 16px;color: #333333;">{{yearfuwulist.sjfw}}</i>
                     <p style="margin: 0;font-weight: 500;font-size: 16px;color: #333333;">设计服务</p>
                   </div>
                 </el-col>
                 <el-col :span="8">
                   <div style="width: 100%;height: 56px;background: #E6ECFE;border-radius: 10px;text-align: center;padding-top: 10px;">
                     <i style="font-weight: bold;font-size: 16px;color: #333333;">{{yearfuwulist.qtfw}}</i>
                     <p style="margin: 0;font-weight: 500;font-size: 16px;color: #333333;">其他服务</p>
                   </div>
                 </el-col>
               </el-row>
             </div>
     </div>
     <div style="padding: 20px; background-color: rgba(255,255,255,0.5);">
       <div class=" flex-col" style="margin-top: 0;padding-top: 0;">
         <div style="position: relative; background-color: rgba(240,248,244,0.5); border-top-right-radius: 20px; border-top-left-radius: 20px;" >
           <img src="../assets/images/pic_ndzj_bt_green.png" alt=""style="width: 100%;height: 46px;">
           <span style="position: absolute;bottom: 14px;left: 175px;font-weight: bold;
               font-size: 18px;color: #FFFFFF;"> 年度单量统计</span>
         </div>
         <line-chart :chart-data="monthlist" />



             </div>
     </div>
     <div style="padding: 20px; background-color: rgba(255,255,255,0.5);" v-if="isyearsh">
       <div class=" flex-col" style="margin-top: 0;padding-top: 0;background-color: rgba(255,243,224,0.5); padding: 0 20px 20px 20px; " >
         <div style="position: relative;">
           <img src="../assets/images/pic_ndzj_bt_orang.png" alt=""style="width: 100%;height: 46px;">
           <span style="position: absolute;bottom: 14px;left: 114px;font-weight: bold;
               font-size: 18px;color: #FFFFFF;"> 员工业绩Top 6</span>
         </div>
         <div class="box_19 flex-col" style="background-color: #FBEFDC;">
                           <div class="group_7 " style="margin-top: 20px; width: 100%;">
                             <el-row >
                               <el-col :span="3">
                                                       <div style="width: 100%;height: 26px;">

                                                       </div>
                                                     </el-col>
                               <el-col :span="7" style="display: flex;justify-content: center;">
                                 <div class="text-wrapper_9 ">
                                   <span class="text_61">姓名</span>
                                 </div>
                               </el-col>
                               <el-col :span="7" style="display: flex;justify-content: center;">
                                 <div class="text-wrapper_9 ">
                                   <span class="text_61">姓名</span>
                                 </div>
                               </el-col>
                               <el-col :span="7" style="display: flex;justify-content: center;">
                                 <div class="text-wrapper_9 ">
                                   <span class="text_61">姓名</span>
                                 </div>
                               </el-col>
                             </el-row>

                           </div>
                           <div class="group_8 ">
                             <el-row>
                                                   <el-col :span="3">
                            <img
                                                  class="thumbnail_2"
                                                  referrerpolicy="no-referrer"
                                                  src="../assets/images/icon_ndtj_jp_jp.png"
                                                />
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: center;">
                                                    <span class="text_64">{{topyearwlist[0].name}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                      <span class="text_64">{{topyearwlist[0].deptName}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                     <span class="text_64">{{topyearwlist[0].num}}单</span>
                                                   </el-col>
                                                 </el-row>
                           </div>
                           <div class="group_8 ">
                             <el-row>
                                                   <el-col :span="3">
                            <img
                                                  class="thumbnail_3"
                                                  referrerpolicy="no-referrer"
                                                  src="../assets/images/icon_ndtj_jp_yp.png"
                                                />
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: center;">
                                                    <span class="text_64">{{topyearwlist[1].name}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                      <span class="text_64">{{topyearwlist[1].deptName}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                     <span class="text_64">{{topyearwlist[1].num}}单</span>
                                                   </el-col>
                                                 </el-row>
                           </div>
                           <div class="group_8 ">
                             <el-row>
                                                   <el-col :span="3">
                            <img
                                                  class="thumbnail_4"
                                                  referrerpolicy="no-referrer"
                                                  src="../assets/images/icon_ndtj_jp_tp.png"
                                                />
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: center;">
                                                    <span class="text_64">{{topyearwlist[2].name}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                      <span class="text_64">{{topyearwlist[2].deptName}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                     <span class="text_64">{{topyearwlist[2].num}}单</span>
                                                   </el-col>
                                                 </el-row>
                           </div>
                           <div class="group_8 ">
                             <el-row>
                                                   <el-col :span="3">
                            <span class="text_81">4</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: center;">
                                                    <span class="text_64">{{topyearwlist[3].name}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                      <span class="text_64">{{topyearwlist[3].deptName}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                     <span class="text_64">{{topyearwlist[3].num}}单</span>
                                                   </el-col>
                                                 </el-row>
                           </div>
                           <div class="group_8 ">
                             <el-row>
                                                   <el-col :span="3">
                            <span class="text_81">5</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: center;">
                                                    <span class="text_64">{{topyearwlist[4].name}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                      <span class="text_64">{{topyearwlist[4].deptName}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                     <span class="text_64">{{topyearwlist[4].num}}单</span>
                                                   </el-col>
                                                 </el-row>
                           </div>
                           <div class="group_8 ">
                             <el-row>
                                                   <el-col :span="3">
                           <span class="text_81">6</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: center;">
                                                   <span class="text_64">{{topyearwlist[5].name}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                      <span class="text_64">{{topyearwlist[5].deptName}}</span>
                                                   </el-col>
                                                   <el-col :span="7" style="display: flex;justify-content: flex-end;">
                                                     <span class="text_64">{{topyearwlist[5].num}}单</span>
                                                   </el-col>
                                                 </el-row>
                           </div>
                         </div>


             </div>
     </div>
     </div>

    </el-dialog>
  </div>

</template>

<script>
  import { listInfo, getInfo, delInfo, addInfo, updateInfo,jd,listStaffManageNoPage } from "@/api/system/info"
  import { lc,fw,bj,num,recordlist,px,yearpx,fwlx,month } from "@/api/index"
  import PanelGroup from './dashboard/PanelGroup'
  import LineChart from './dashboard/LineChart'
  import RaddarChart from './dashboard/RaddarChart'
  import PieChart from './dashboard/PieChart'
  import PieChartone from './dashboard/PieChartone'
  import BarChart from './dashboard/BarChart'

  import Calendar from 'vue-calendar-component';
  const lineChartData = {
  newVisitis: {
    expectedData: [100, 120, 161, 134, 105, 160, 165],
    actualData: [120, 82, 91, 154, 162, 140, 145]
  },
  messages: {
    expectedData: [200, 192, 120, 144, 160, 130, 140],
    actualData: [180, 160, 151, 106, 145, 150, 130]
  },
  purchases: {
    expectedData: [80, 100, 121, 104, 105, 90, 100],
    actualData: [120, 90, 100, 138, 142, 130, 130]
  },
  shoppings: {
    expectedData: [130, 140, 141, 142, 145, 150, 160],
    actualData: [120, 82, 91, 154, 162, 140, 130]
  }
}

export default {
  name: "Index",
  dicts: ['work_order_type', ],
  components: {
      Calendar,
      PanelGroup,
      LineChart,
      RaddarChart,
      PieChart,
      BarChart,
      PieChartone
    },
  data() {
    return {
      // 版本号
      version: "3.8.9",
      open:false,
       lineChartData: lineChartData.newVisitis,
       getyer:'',
       getmor:'',
       getday:'',
       getshifL:'',
        infoList: [],
        dongdannu:{},
        huanxi:{},
        zhuzhuang:[],
        iszhu:false,
        dabnum:0,
        avatar:'',
        fuwudong:[],
        fuweush:false,
        buyTypeOptions:[],
        buyTypeOptionsmy:[],
        isgegs:[],
        topwlist:[],
        topyearwlist:[],
        yearfuwulist:[],
        monthlist:{},
        isshue:false,
        isyearsh:false
    }
  },
  created() {
    this.avatar = this.$store.state.user.avatar
    console.log(this.dateFormat('YYYY年mm月dd日 HH时MM分',this.$store.state.user.loginDate))
    this.getDicts("work_order_type").then(response => {
      this.buyTypeOptions = response.data;
      this.buyTypeOptions.filter(rou=>{
                      rou.value = rou.dictValue
                      rou.label = rou.dictLabel
                    })
    });
    this.getDicts("work_order_evaluation").then(response => {
      this.buyTypeOptionsmy = response.data;
      this.buyTypeOptionsmy.filter(rou=>{
                      rou.value = rou.dictValue
                      rou.label = rou.dictLabel
                    })
    });
    this.gettime()
    this.getList(null)
    this.getgongnu()
    this.gethuanx()
    this.getzhuzh()
    this.getdaiban()
    this.fuwudongg()
    this.gettop()
    // 年度总结
    this.yeartop()
    this.getyearfu()
    this.getmonth()
  },
  methods: {
    // 工单数量
    getgongnu(){
          lc().then(response => {
        this.dongdannu = response.data
          })
    },
    // 环形
    gethuanx(){
          fw().then(response => {
        this.huanxi = response.data
          })
    },
    // 柱状
    getzhuzh(){
      this.iszhu = false
          bj().then(response => {
        this.zhuzhuang = response.data
        this.iszhu = true
          })
    },
    // 服务动态
    fuwudongg(){
       let nsgh={'pageNum': 1, 'pageSize': 3,}
       this.fuweush = false
      recordlist(nsgh).then(response => {
      this.fuwudong = response.rows
      let gd={unitName:null,responsibleName:'暂无数据',type:'暂无数据',orderId:'暂无数据',record:'暂无数据',
      updateTime:'暂无数据',takeTime:'暂无数据',createTime:'暂无数据',serviceProgress:0,evaluation:'暂无数据'
      }
      this.fuwudong.filter(rou=>{
        rou.type = this.selectDictLabel(this.buyTypeOptions ,rou.type)
        rou.evaluation = this.selectDictLabel(this.buyTypeOptionsmy ,rou.evaluation)
      })
      if(this.fuwudong.length == 0){
        this.fuwudong.push(gd)
        this.fuwudong.push(gd)
        this.fuwudong.push(gd)
      }else if(this.fuwudong.length == 1){
        this.fuwudong.push(gd)
        this.fuwudong.push(gd)
      }else if(this.fuwudong.length == 2){
         this.fuwudong.push(gd)
      }
      // console.log(this.fuwudong)
      this.fuweush = true
        })
    },
    // 待办数量
    getdaiban(){
          num().then(response => {
        this.dabnum = response.data

          })
    },
    // 月top6
    gettop(){
      this.isshue = false
        px().then(response => {
        this.topwlist = response.data
        let snge={xh:'暂无数据','name':'暂无数据','deptName':'暂无数据','num':'暂无数据'}
        if(this.topwlist.length == 0){
         this.topwlist.push(snge)
         this.topwlist.push(snge)
         this.topwlist.push(snge)
         this.topwlist.push(snge)
         this.topwlist.push(snge)
         this.topwlist.push(snge)
        }else if(this.topwlist.length == 1){
          this.topwlist.push(snge)
          this.topwlist.push(snge)
          this.topwlist.push(snge)
          this.topwlist.push(snge)
          this.topwlist.push(snge)
        }else if(this.topwlist.length == 2){
          this.topwlist.push(snge)
          this.topwlist.push(snge)
          this.topwlist.push(snge)
          this.topwlist.push(snge)
        }else if(this.topwlist.length == 3){
          this.topwlist.push(snge)
          this.topwlist.push(snge)
          this.topwlist.push(snge)
        }else if(this.topwlist.length == 4){
          this.topwlist.push(snge)
          this.topwlist.push(snge)
        }else if(this.topwlist.length == 5){
          this.topwlist.push(snge)
        }
        this.isshue = true
          })
    },
    // 年度总结统计
    yeartop(){
      this.isyearsh = false
      yearpx().then(response => {
      this.topyearwlist = response.data
      let snge={xh:'暂无数据','name':'暂无数据','deptName':'暂无数据','num':'暂无数据'}
      if(this.topyearwlist.length == 0){
       this.topyearwlist.push(snge)
       this.topyearwlist.push(snge)
       this.topyearwlist.push(snge)
       this.topyearwlist.push(snge)
       this.topyearwlist.push(snge)
       this.topyearwlist.push(snge)
      }else if(this.topyearwlist.length == 1){
        this.topyearwlist.push(snge)
        this.topyearwlist.push(snge)
        this.topyearwlist.push(snge)
        this.topyearwlist.push(snge)
        this.topyearwlist.push(snge)
      }else if(this.topyearwlist.length == 2){
        this.topyearwlist.push(snge)
        this.topyearwlist.push(snge)
        this.topyearwlist.push(snge)
        this.topyearwlist.push(snge)
      }else if(this.topyearwlist.length == 3){
        this.topyearwlist.push(snge)
        this.topyearwlist.push(snge)
        this.topyearwlist.push(snge)
      }else if(this.topyearwlist.length == 4){
        this.topyearwlist.push(snge)
        this.topyearwlist.push(snge)
      }else if(this.topyearwlist.length == 5){
        this.topyearwlist.push(snge)
      }
      this.isyearsh = true
        })

    },
    // 年度服务类型单量统计
    getyearfu(){
      fwlx().then(response => {
      this.yearfuwulist = response.data
        })
    },
    // 年度单量统计
    getmonth(){
      month().then(response => {
      this.monthlist = response.data
        })
    },
    // 日历
    getList(row) {
      this.loading = true;
      let nss={pageNum: 1,pageSize: 2,createTime:row}
      listInfo(nss).then(response => {
        this.infoList  = response.rows;
        if(this.infoList.length ==0){
          let bnsh={unitName:'暂无数据',detailedAddress:'暂无数据',personName:'无数据',phonenumber:'暂无数据',orderId:'暂无数据',
          type:null,createTime:'暂无数据',}
          this.infoList.push(bnsh)
          this.infoList.push(bnsh)
        }
        if(this.infoList.length ==1){
          let bnsh={unitName:'暂无数据',detailedAddress:'暂无数据',personName:'无数据',phonenumber:'暂无数据',orderId:'暂无数据',
          type:null,createTime:'暂无数据',}
          this.infoList.push(bnsh)
        }
        this.loading = false;
      });
    },
    // 日历点击
    clickDay(row){
      row = row.split('/')
      row = row.join('-')
      let sg = row + ' '+'00:00:00'
      // console.log(row,sg,1)

      this.getList(sg)
    },
    changeDate(row){
      console.log(row,2)
    },
    goTarget(href) {
      window.open(href, "_blank")
    },
    handleSetLineChartData(type) {
      this.lineChartData = lineChartData[type]
    },
    gettime() {
      var _this = this;
      let wk = new Date().getDay()
      let yy = new Date().getFullYear();
      let mm = new Date().getMonth() + 1;
      if(mm < 10){
        mm = '0'+mm
      }
      let dd = new Date().getDate();
      if(dd < 10){
        dd = '0'+dd
      }
      let hh = new Date().getHours() < 10 ? '0' + new Date().getHours() : new Date().getHours();
      let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes();
      let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds();
      let weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
      let week = weeks[wk]
      _this.getyer = yy;
      _this.getmor = mm;
      _this.getday = dd;
      _this.getshifL =  ss;
      // _this.getweek = week;

      // console.log(this.gettime)
    },
    // 日期转换
    dateFormat(fmt, date) {
          let ret="";
          date=new Date(date);
          const opt = {
            'Y+': date.getFullYear().toString(), // 年
            'm+': (date.getMonth() + 1).toString(), // 月
            'd+': date.getDate().toString(), // 日
            'H+': date.getHours().toString(), // 时
            'M+': date.getMinutes().toString(), // 分
            'S+': date.getSeconds().toString() // 秒
            // 有其他格式化字符需求可以继续添加，必须转化成字符串
          }
          for (let k in opt) {
            ret = new RegExp('(' + k + ')').exec(fmt)
            if (ret) {
              fmt = fmt.replace(
                ret[1],
                ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0')
              )
            }
          }
          return fmt
        },
    // 快捷方式跳转
    tiaoz(row){
      if(row == 0){
        // 工单
        this.$router.push({
          path: '/gongdanzhipai',

        })
      }else if(row == 1){
        // 员工
        this.$router.push({
          path: '/system/user',

        })
      }else if(row == 2){
        // 客户
        this.$router.push({
          path: '/kehurenyuan',
          query: {
          	'id':row.orderId,
          }
        })
      }else if(row == 3){
        // 评价
        this.$router.push({
          path: '/gongdanzhipaipj',
          query: {
          	'id':row.orderId,
          }
        })
      }
    },
    // 待办
    dainge(){
      this.$router.push({
        path: '/gongdanzhipaime',
        query: {
        	'type':1,
        }
      })
    },
    // 年度总结
    nandu(){
       this.open = true
    }
  }
}
</script>
<style lang="scss">
  .idnege{
    .el-dialog__body{
      padding: 0;
    }
  }
  .wh_content_all .wh_content:nth-child(2){
    background-color: #fff !important;
  }
  .wh_content_all .wh_content:nth-child(3){
    border-radius: 10px;
    .wh_content_item{
      display: flex;
      // width:  !important;
      // height: 32px !important;
    }
    .wh_item_date{
      width: 32px  !important;
      height: 32px !important;
      line-height: 32px !important;
    }

  }
</style>

<style scoped lang="scss">
  .avdbge{
    margin-bottom: 20px;
    p{
      margin: 0;
    }
    p{
      font-weight: bold;
      font-size: 40px;
      color: #1B4EF3;
    }
    p:nth-child(2){
      color: #333333;
    }

  }
  .jiangi{
    width: 400px;
    height: 30px;
    background: linear-gradient(90deg, #1BA4F3, #1B4EF3);
    border-radius: 26px;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
  }
.page {
  position: relative;
  width: 1440px;
  height: 810px;
  overflow: hidden;
}

.group_1 {
  width: 1440px;
  height: 810px;
  background: url(https://lanhu-oss-2537-2.lanhuapp.com/psrar2p6uh2wlaj42c9dt72cmgugs7rexec5820a42-55c1-4671-9d29-2df8481c38fd)
    100% no-repeat;
  background-size: 100% 100%;
}

.box_1 {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 164px;
  height: 810px;
}

.text-wrapper_1 {
  background-color: rgba(243, 248, 247, 1);
  border-radius: 6px;
  height: 36px;
  width: 136px;
  margin: 61px 0 0 14px;
}

.text_1 {
  width: 27px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(0, 160, 110, 1);
  font-size: 14px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 11px 0 0 36px;
}

.text_2 {
  width: 55px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 21px 0 0 50px;
}

.text_3 {
  width: 55px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 32px 0 0 50px;
}

.text_4 {
  width: 55px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 32px 0 0 50px;
}

.text_5 {
  width: 55px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 33px 0 0 50px;
}

.text_6 {
  width: 55px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 32px 0 0 49px;
}

.text_7 {
  width: 55px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 31px 0 0 50px;
}

.text_8 {
  width: 55px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 32px 0 0 50px;
}

.text_9 {
  width: 55px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 31px 0 360px 50px;
}

.image_1 {
  position: absolute;
  left: 0;
  top: 45px;
  width: 1440px;
  height: 1px;
}

.box_2 {
  background-color: rgba(255, 255, 255, 1);
  width: 1440px;
  height: 45px;
  margin-left: -164px;
}

.image_2 {
  width: 238px;
  height: 22px;
  margin: 12px 0 0 20px;
}

.label_1 {
  width: 27px;
  height: 26px;
  margin: 10px 0 0 1022px;
}

.text_10 {
  width: 40px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 18px 0 0 7px;
}

.thumbnail_1 {
  width: 10px;
  height: 7px;
  margin: 20px 0 0 11px;
}

.text_11 {
  width: 27px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 28px;
  margin: 16px 17px 0 21px;
}

.image_3 {
  width: 1px;
  height: 766px;
  margin: 44px 0 0 -1276px;
}

.box_3 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  position: relative;
  width:100%;
  height: 195px;
  margin-top: 20px;
  // margin: 605px 0 0 13px;
}

.text_12 {
  width: 63px;
  height: 15px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 16px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 11px 0 0 16px;
}

.group_2 {
  width: 100%;
  height: 127px;
  padding: 19px 0 23px 27px;
}

.group_3 {
  width: 10px;
  height: 124px;
}

.section_1 {
  background-color: rgba(0, 160, 110, 1);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.image_4 {
  width: 1px;
  height: 56px;
  margin-left: 5px;
}

.image_5 {
  width: 1px;
  height: 56px;
  margin: 2px 0 0 5px;
}

.group_4 {
  // width: 539px;
  flex:1;
  height: 127px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.text_13 {
  width: 151px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(0, 160, 110, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 11px;
}

.text-wrapper_2 {
  width: 100%;
  height: 14px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 13px;
  margin: 13px 0 0 2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight: bold;
  font-size: 14px;
  color: #999999;
}

.text_14 {
  width: 537px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_15 {
  width: 537px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_16 {
  width: 537px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_17 {
  width: 537px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_18 {
  width: 537px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_19 {
  width: 537px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_20 {
  width: 537px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_21 {
  width: 537px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_22 {
  width: 151px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 11px;
  margin-top: 20px;
}

.text-wrapper_3 {
  width: 369px;
  height: 14px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 13px;
  margin: 13px 0 0 1px;
}

.text_23 {
  width: 369px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}

.text_24 {
  width: 369px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_25 {
  width: 369px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_26 {
  width: 369px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_27 {
  width: 369px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_28 {
  width: 369px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_29 {
  width: 151px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 11px;
  margin-top: 20px;
}

.group_5 {
  background-color: rgba(218, 218, 218, 1);
  border-radius: 50%;
  position: absolute;
  left: 27px;
  top: 103px;
  width: 10px;
  height: 10px;
}

.group_6 {
  background-color: rgba(218, 218, 218, 1);
  border-radius: 50%;
  position: absolute;
  left: 27px;
  top: 161px;
  width: 10px;
  height: 10px;
}

.box_4 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  width: 100%;
  height: 264px;
  margin-top: 20px;
  // margin: 326px 0 0 -604px;
}

.section_2 {
  width: 100%;
  height: 27px;
  padding: 17px 0 0 15px;
}

.text_30 {
  width: 176px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
}

.image-text_1 {
  width: 57px;
  height: 12px;
  margin: 15px 0 0 0;
}

.image_6 {
  width: 26px;
  height: 6px;
  margin-top: 3px;
}

.text-group_1 {
  width: 22px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 12px;
}

.image-text_2 {
  width: 57px;
  height: 12px;
  margin: 15px 0 0 28px;
}

.image_7 {
  width: 26px;
  height: 6px;
  margin-top: 3px;
}

.text-group_2 {
  width: 22px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 12px;
}

.text_31 {
  width: 12px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 28px;
  margin: 1px 0 0 27px;
}

.section_3 {
  width: 555px;
  height: 166px;
  margin: 12px 0 0 22px;
}

.text-wrapper_4 {
  width: 14px;
  height: 166px;
}

.text_32 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 21px;
}

.text_33 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 16px;
}

.text_34 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 16px;
}

.text_35 {
  width: 13px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 21px;
  margin: 16px 0 0 1px;
}

.text_36 {
  width: 13px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 21px;
  margin: 16px 0 0 1px;
}

.text_37 {
  width: 6px;
  height: 9px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 21px;
  margin: 17px 0 0 8px;
}

.text_38 {
  width: 7px;
  height: 9px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 21px;
  margin: 17px 0 0 7px;
}

.image-wrapper_1 {
  height: 158px;
  background: url(https://lanhu-oss-2537-2.lanhuapp.com/pse8t8efq635yuu98ce65xbg4y6qwkb999811796d-7255-4c71-828e-bf40c98c405d) -1px -1px
    no-repeat;
  background-size: 533px 159px;
  margin-top: 5px;
  width: 532px;
}

.image_8 {
  width: 442px;
  height: 152px;
  margin: 6px 0 0 43px;
}

.text-wrapper_5 {
  width: 468px;
  height: 12px;
  margin: 3px 0 14px 75px;
}

.text_39 {
  width: 47px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
}

.text_40 {
  width: 47px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 37px;
}

.text_41 {
  width: 47px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 37px;
}

.text_42 {
  width: 47px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 38px;
}

.text_43 {
  width: 48px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 36px;
}

.text_44 {
  width: 48px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 12px;
  margin-left: 36px;
}

.box_5 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  width: 19%;
  height: 98px;
  // margin: 62px 0 0 -603px;
}

.text_45 {
  width: 84px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 18px 0 0 14px;
}

.block_1 {
  width: 163px;
  height: 53px;
  margin: 8px 0 5px 15px;
}

.text-wrapper_6 {
  width: 74px;
  height: 37px;
  margin-top: 3px;
}

.text_46 {
  width: 39px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(0, 160, 110, 1);
  font-size: 26px;
  font-family: Alibaba-PuHuiTi-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 19px;
}

.text_47 {
  width: 74px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(240, 96, 17, 1);
  font-size: 10px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 10px;
  margin-top: 8px;
}

.image_9 {
  width: 96px;
  height: 53px;
  // margin-left: -7px;
}

.box_6 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  height: 139px;
  width: 100%;
  // margin: 174px 0 0 -177px;
}

.text-wrapper_7 {
  width: 62px;
  height: 15px;
  margin: 14px 0 0 15px;
}

.text_48 {
  width: 62px;
  height: 15px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 16px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.box_7 {
  width: 100%;
  height: 68px;
  margin: 18px 0 24px 0;
  padding: 0 24px;
}

.box_8 {
  background-color: rgba(243, 248, 247, 1);
  border-radius: 3px;
  width: 86px;
  height: 68px;
  justify-content: flex-center;
}

.label_2 {
  width: 22px;
  height: 24px;
  margin: 10px 0 0 32px;
}

.text_49 {
  width: 55px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 10px 0 10px 16px;
}

.box_9 {
  background-color: rgba(243, 248, 247, 1);
  border-radius: 3px;
  width: 86px;
  height: 68px;
  // margin-left: 32px;
  justify-content: flex-center;
}

.label_3 {
  width: 23px;
  height: 24px;
  margin: 10px 0 0 32px;
}

.text_50 {
  width: 55px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 10px 0 10px 16px;
}

.box_10 {
  background-color: rgba(243, 248, 247, 1);
  border-radius: 3px;
  width: 86px;
  height: 68px;
  // margin-left: 32px;
}

.label_4 {
  width: 23px;
  height: 23px;
  margin: 12px 0 0 32px;
}

.text_51 {
  width: 56px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 9px 0 10px 15px;
}

.box_11 {
  background-color: rgba(243, 248, 247, 1);
  border-radius: 3px;
  width: 86px;
  height: 68px;
  // margin-left: 32px;
  justify-content: flex-center;
}

.image_10 {
  width: 19px;
  height: 24px;
  margin: 10px 0 0 34px;
}

.text_52 {
  width: 56px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 10px 0 10px 15px;
}

.box_12 {
  background-color: rgba(243, 248, 247, 1);
  border-radius: 3px;
  width: 86px;
  height: 68px;
  // margin-left: 32px;
  justify-content: flex-center;
}

.label_5 {
  width: 24px;
  height: 24px;
  margin: 10px 0 0 31px;
}

.text_53 {
  width: 55px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 10px 0 10px 16px;
}

.image_11 {
  width: 385px;
  height: 34px;
  margin: 776px 0 0 -572px;
}

.box_13 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  position: relative;
  width: 19%;
  height: 98px;
  overflow: hidden;
  // margin: 62px 0 0 -227px;
}

.box_14 {
  background-color: rgba(250, 200, 88, 1);
  border-radius: 3px;
  // width: 178px;
  height: 3px;
}

.text_54 {
  width: 41px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin: 21px 0 0 15px;
}

.text_55 {
  width: 28px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(250, 200, 88, 1);
  font-size: 26px;
  font-family: Alibaba-PuHuiTi-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 19px;
  margin: 16px 0 25px 14px;
}

.image_12 {
  position: absolute;
  left: 0;
  top: 62px;
  width: 100%;
  height: 36px;
}

.box_15 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  width: 19%;
  height: 98px;
  // margin: 62px 0 0 11px;
}

.box_16 {
  background-color: rgba(115, 192, 222, 1);
  border-radius: 3px;
  // width: 178px;
  height: 3px;
}

.box_17 {
  // width: 150px;
  height: 49px;
  margin: 21px 13px 25px 13px;
}

.text-wrapper_8 {
  width: 42px;
  height: 49px;
}

.text_56 {
  width: 40px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin-left: 2px;
}

.text_57 {
  width: 29px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(115, 192, 222, 1);
  font-size: 26px;
  font-family: Alibaba-PuHuiTi-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 19px;
  margin-top: 16px;
}

.label_6 {
  width: 48px;
  height: 45px;
  margin-top: 3px;
}

.box_18 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  width: 19%;
  height: 98px;
  // margin: 62px 0 0 11px;
}

.block_2 {
  background-color: rgba(237, 108, 158, 1);
  border-radius: 3px;
  // width: 178px;
  height: 3px;
}

.text_58 {
  width: 41px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin: 21px 0 0 15px;
}

.block_3 {
  width: 100%;
  height: 35px;
  padding: 2px 13px 23px 13px;
}

.text_59 {
  width: 29px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(236, 108, 157, 1);
  font-size: 26px;
  font-family: Alibaba-PuHuiTi-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 19px;
  margin-top: 14px;
}

.image_13 {
  width: 94px;
  height: 35px;
}

.box_19 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  width: 100%;
  height: 268px;
  margin-top: 25px;
  padding: 20px;
  padding-top: 0;
  // margin: 532px 0 0 -129px;
}

.text_60 {
  width: 132px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 16px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin: 15px 0 0 16px;
}

.group_7 {
  height: 26px;
  // margin: 14px 0 0 66px;
}

.text-wrapper_9 {
  background-color: rgba(243, 248, 247, 1);
  border-radius: 13px;
  height: 26px;
  width: 55px;
  line-height: 26px;
}

.text_61 {
  width: 26px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(0, 178, 120, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 1px;
  margin: 6px 0 0 15px;
}

.text-wrapper_10 {
  background-color: rgba(243, 248, 247, 1);
  border-radius: 13px;
  height: 26px;
  margin-left: 37px;
  width: 55px;
}

.text_62 {
  width: 26px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(0, 178, 120, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 1px;
  margin: 6px 0 0 15px;
}

.text-wrapper_11 {
  background-color: rgba(243, 248, 247, 1);
  border-radius: 13px;
  height: 26px;
  margin-left: 38px;
  width: 55px;
}

.text_63 {
  width: 27px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(0, 178, 120, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 1px;
  margin: 6px 0 0 14px;
}

.group_8 {
  width: 100%;
  height: 20px;
  margin-top: 10px;
  // margin: 11px 0 0 20px;
}

.thumbnail_2 {
  width: 16px;
  height: 20px;
}

.text_64 {
 flex: 1;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 14px;
  // margin: 4px 0 0 38px;
}

.text_65 {
 flex: 1;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  // margin: 5px 0 0 50px;
}

.text_66 {
  // width: 29px;
  flex: 1;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  // margin: 5px 0 0 56px;
}

.group_9 {
  width: 272px;
  height: 22px;
  margin: 8px 0 0 20px;
}

.thumbnail_3 {
  width: 16px;
  height: 20px;
}

.text_67 {
  width: 28px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 6px 0 0 44px;
}

.text_68 {
  width: 42px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 7px 0 0 57px;
}

.text_69 {
  width: 29px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 8px 0 0 56px;
}

.group_10 {
  width: 272px;
  height: 21px;
  margin: 9px 0 0 20px;
}

.thumbnail_4 {
  width: 15px;
  height: 20px;
}

.text_70 {
  width: 42px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 5px 0 0 38px;
}

.text_71 {
  width: 69px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 7px 0 0 37px;
}

.text_72 {
  width: 29px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 7px 0 0 42px;
}

.text-wrapper_12 {
  width: 267px;
  height: 17px;
  margin: 14px 0 0 22px;
}

.text_73 {
  width: 11px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(0, 160, 110, 1);
  font-size: 18px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 1px;
}

.text_74 {
  width: 42px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 1px 0 0 40px;
}

.text_75 {
  width: 42px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 2px 0 0 50px;
}

.text_76 {
  width: 21px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 3px 0 0 61px;
}

.text-wrapper_13 {
  width: 267px;
  height: 16px;
  margin: 14px 0 0 22px;
}

.text_77 {
  width: 11px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(0, 160, 110, 1);
  font-size: 18px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 1px;
  margin-top: 1px;
}

.text_78 {
  width: 42px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin-left: 40px;
}

.text_79 {
  width: 42px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 2px 0 0 50px;
}

.text_80 {
  width: 22px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 2px 0 0 60px;
}

.text-wrapper_14 {
  width: 267px;
  height: 17px;
  margin: 14px 0 13px 22px;
}

.text_81 {
  width: 11px;
  height: 15px;
  overflow-wrap: break-word;
  color: rgba(0, 160, 110, 1);
  font-size: 18px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 1px;
}

.text_82 {
  width: 42px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin-left: 40px;
}

.text_83 {
  width: 42px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 2px 0 0 50px;
}

.text_84 {
  width: 22px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 38px;
  margin: 3px 0 0 60px;
}

.box_20 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  height: 344px;
  width: 100%;
  position: relative;
  margin-top: 20px;
  padding: 20px;
  // margin: 174px 0 0 -321px;
}

.text-wrapper_15 {
  width: 128px;
  height: 16px;
  margin: 15px 0 0 15px;
}

.text_85 {
  width: 128px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.text-wrapper_16 {
  width: 34px;
  height: 11px;
  margin: 21px 0 0 153px;
}

.text_86 {
  width: 34px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(84, 112, 198, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.section_4 {
  width: 93px;
  height: 18px;
  margin: 5px 0 0 71px;
}

.text_87 {
  width: 41px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(115, 192, 222, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 3px;
}

.thumbnail_5 {
  width: 9px;
  height: 18px;
}

.section_5 {
  width: 266px;
  height: 14px;
  margin: 44px 0 0 27px;
}

.text_88 {
  width: 34px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(238, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.image_14 {
  width: 23px;
  height: 2px;
  margin: 5px 0 0 8px;
}

.text_89 {
  width: 42px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(0, 178, 120, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 3px 0 0 159px;
}

.image-wrapper_2 {
  width: 16px;
  height: 13px;
  margin: 1px 0 0 229px;
}

.thumbnail_6 {
  width: 16px;
  height: 13px;
}

.image-wrapper_3 {
  width: 13px;
  height: 13px;
  margin: 25px 0 0 82px;
}

.thumbnail_7 {
  width: 13px;
  height: 13px;
}

.text-wrapper_17 {
  width: 41px;
  height: 11px;
  margin: 6px 0 0 51px;
}

.text_90 {
  width: 41px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(250, 200, 88, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.image-wrapper_4 {
  width: 16px;
  height: 17px;
  margin: 3px 0 0 172px;
}

.thumbnail_8 {
  width: 16px;
  height: 17px;
}

.text-wrapper_18 {
  width: 42px;
  height: 11px;
  margin: 8px 0 0 188px;
}

.text_91 {
  width: 42px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(145, 204, 117, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.section_6 {
  width: 100%;
  height: 14px;
  // padding: 27px 19px 0 19px;
}

.section_7 {
  background-color: rgba(0, 178, 120, 1);
  border-radius: 2px;
  width: 15px;
  height: 8px;
  margin-top: 3px;
}

.text_92 {
  width: 54px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  // margin-left: 7px;
}

.section_8 {
  background-color: rgba(145, 204, 117, 1);
  border-radius: 2px;
  width: 15px;
  height: 8px;
  margin: 3px 0 0 0;
}

.text_93 {
  width: 56px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin-left: 6px;
}

.section_9 {
  background-color: rgba(250, 200, 88, 1);
  border-radius: 2px;
  width: 15px;
  height: 8px;
  margin: 3px 0 0 0;
}

.text_94 {
  width: 56px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin-left: 6px;
}

.section_10 {
  width: 288px;
  height: 13px;
  margin: 18px 0 20px 19px;
}

.box_21 {
  background-color: rgba(238, 102, 102, 1);
  border-radius: 2px;
  width: 15px;
  height: 8px;
  margin-top: 3px;
}

.text_95 {
  width: 55px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 6px;
}

.box_22 {
  background-color: rgba(115, 192, 222, 1);
  border-radius: 2px;
  width: 15px;
  height: 8px;
  margin: 3px 0 0 29px;
}

.text_96 {
  width: 56px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 6px;
}

.box_23 {
  background-color: rgba(84, 112, 198, 1);
  border-radius: 2px;
  width: 15px;
  height: 8px;
  margin: 3px 0 0 29px;
}

.text_97 {
  width: 56px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 6px;
}

.section_11 {
  position: absolute;
  left: 88px;
  top: 83px;
  width: 146px;
  height: 147px;
  background: url(https://lanhu-oss-2537-2.lanhuapp.com/ps32q89u3fsa1ae793kfee85xtzc0fpplz62ba0784-1194-472b-a15c-0ac9a2c66d5f)
    100% no-repeat;
  background-size: 100% 100%;
}

.text-group_3 {
  width: 55px;
  height: 43px;
  margin: 52px 0 0 45px;
}

.text_98 {
  width: 39px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 26px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 8px;
}

.text_99 {
  width: 55px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 10px;
}

.box_24 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  width: 19%;
  height: 98px;
  // margin: 62px 0 0 -181px;
}

.group_11 {
  background-color: rgba(84, 112, 198, 1);
  // width: 178px;
  height: 3px;
}

.group_12 {
  width: 100%;
  height: 49px;
  padding: 21px 13px 25px 13px;
}

.text-wrapper_19 {
  width: 43px;
  height: 49px;
}

.text_100 {
  width: 41px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin-left: 2px;
}

.text_101 {
  width: 29px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(84, 112, 197, 1);
  font-size: 26px;
  font-family: Alibaba-PuHuiTi-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 19px;
  margin-top: 16px;
}

.label_7 {
  width: 48px;
  height: 45px;
  margin-top: 3px;
}

.box_25 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  width: 100%;
  height: 618px;
  margin-top: 20px;
  padding: 15px;
  // margin: 192px 0 0 16px;
}

.text-wrapper_20 {
  width: 100%;
  height: 16px;
  // margin: 14px 0 0 15px;
}

.text_102 {
  width: 62px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 16px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.text_103 {
  width: 8px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 2px 0 0 98px;
}

.text_104 {
  width: 68px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 1px 0 0 11px;
}

.text_105 {
  width: 8px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 2px 0 0 12px;
}

.text_106 {
  width: 253px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 17px 0 0 20px;
}

.group_13 {
  background-color: rgba(216, 232, 227, 0.3);
  border-radius: 3px;
  height: 130px;
  width: 100%;
  margin-top: 10px;
  // margin: 10px 0 0 11px;
}

.group_14 {
  width: 255px;
  height: 22px;
  margin: 10px 0 0 10px;
}

.text_107 {
  width: 13px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 3px;
}

.text_108 {
  width: 11px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 3px 0 0 29px;
}

.text_109 {
  width: 13px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 3px 0 0 31px;
}

.text_110 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 3px 0 0 28px;
}

.text_111 {
  width: 13px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 3px 0 0 28px;
}

.group_15 {
  border-radius: 2px;
  width: 22px;
  height: 22px;
  border: 0.75px solid rgba(0, 160, 110, 1);
  margin-left: 19px;
}

.text_112 {
  width: 12px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(0, 160, 110, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 2px 0 0 5px;
}

.thumbnail_9 {
  width: 4px;
  height: 4px;
  margin: 1px 0 3px 9px;
}

.text_113 {
  width: 13px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 3px 0 0 21px;
}

.group_16 {
  width: 255px;
  height: 22px;
  margin: 2px 0 0 10px;
}

.text_114 {
  width: 13px;
  height: 9px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 4px;
}

.text_115 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 4px 0 0 29px;
}

.group_17 {
  background-color: rgba(0, 160, 110, 1);
  border-radius: 2px;
  width: 22px;
  height: 22px;
  margin-left: 24px;
}

.text_116 {
  width: 13px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(255, 254, 254, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 4px 0 0 4px;
}

.thumbnail_10 {
  width: 4px;
  height: 4px;
  margin: 1px 0 3px 10px;
}

.text_117 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 4px 0 0 23px;
}

.text_118 {
  width: 12px;
  height: 9px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 4px 0 0 27px;
}

.text_119 {
  width: 14px;
  height: 9px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 4px 0 0 25px;
}

.text_120 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin: 4px 0 0 24px;
}

.text-wrapper_21 {
  width: 255px;
  height: 10px;
  margin: 8px 0 0 10px;
}

.text_121 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
}

.text_122 {
  width: 13px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 28px;
}

.text_123 {
  width: 13px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 29px;
}

.text_124 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 28px;
}

.text_125 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 27px;
}

.text_126 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 23px;
}

.text_127 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 21px;
  margin-left: 24px;
}

.image-wrapper_5 {
  width: 4px;
  height: 4px;
  margin: 1px 0 13px 182px;
}

.thumbnail_11 {
  width: 4px;
  height: 4px;
}

.text_128 {
  width: 64px;
  height: 15px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 16px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 15px;
  margin: 13px 0 0 14px;
}

.group_18 {
  border-radius: 3px;
  width: 100%;
  height: 195px;
  border: 2px solid rgba(115, 192, 222, 1);
  margin: 10px 0 0 0;
  padding: 5px;
}
.group_18it {
  border-radius: 3px;
  width: 100%;
  height: 195px;
  border: 2px solid #FAC858;
  margin: 16px 0 0 0;
  padding: 5px;
}

.group_19 {
  width: 100%;
  height: 14px;
  margin: 7px 0 0 0;
}

.text_129 {
  width: 138px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.thumbnail_12 {
  width: 16px;
  height: 8px;
  margin-top: 3px;
}

.group_20 {
  width: 100%;
  height: 13px;
  margin: 12px 0 0 0;
}

.thumbnail_13 {
  width: 10px;
  height: 10px;
  margin-top: 2px;
}

.text_130 {
  width: 41px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 13px;
  margin-left: 8px;
}

.thumbnail_14 {
  width: 10px;
  height: 10px;
  margin: 2px 0 0 11px;
}

.text_131 {
  // width: 150px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 11px;
  margin: 2px 0 0 6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  flex:1;
}

.image-text_3 {
  width: 100%;
  height: 14px;
  margin: 12px 0 0 0;
}

.thumbnail_15 {
  width: 8px;
  height: 11px;
  margin-top: 2px;
}

.text-group_4 {
  flex:1;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin-left: 10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.image_15 {
  width: 100%;
  height: 1px;
  margin: 16px 0 0 0;
}

.image-text_4 {
  width: 100%;
  height: 14px;
  margin: 15px 0 0 0;
}

.thumbnail_16 {
  width: 10px;
  height: 10px;
  margin-top: 2px;
}

.text-group_5 {
  // width: 212px;
  flex:1;
  display: flex;
  height: 14px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-left: 10px;
}

.text_132 {
  width:64px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(181, 181, 181, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}

.text_133 {
  flex:1;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(34, 35, 39, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.image-text_5 {
  width: 232px;
  height: 13px;
  margin: 12px 0 0 14px;
}

.thumbnail_17 {
  width: 9px;
  height: 8px;
  margin-top: 2px;
}

.text-group_6 {
  width: 216px;
  height: 13px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 13px;
}

.text_134 {
  width: 216px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(181, 181, 181, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_135 {
  width: 216px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(34, 35, 39, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.image-text_6 {
  width: 140px;
  height: 14px;
  margin: 11px 0 15px 14px;
}

.thumbnail_18 {
  width: 10px;
  height: 11px;
  margin-top: 2px;
}

.text-group_7 {
  width: 125px;
  height: 14px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 13px;
}

.text_136 {
  width: 125px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(181, 181, 181, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_137 {
  width: 125px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(84, 112, 198, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.group_21 {
  border-radius: 3px;
  width: 269px;
  height: 188px;
  border: 2px solid rgba(250, 200, 88, 1);
  margin: 14px 0 13px 13px;
}

.text-wrapper_22 {
  width: 247px;
  height: 14px;
  margin: 12px 0 0 13px;
}

.text_138 {
  width: 138px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.text_139 {
  width: 16px;
  height: 8px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 27px;
  margin-top: 3px;
}

.group_22 {
  width: 236px;
  height: 13px;
  margin: 12px 0 0 13px;
}

.thumbnail_19 {
  width: 10px;
  height: 10px;
  margin-top: 2px;
}

.text_140 {
  width: 41px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 13px;
  margin-left: 8px;
}

.thumbnail_20 {
  width: 10px;
  height: 10px;
  margin: 2px 0 0 11px;
}

.text_141 {
  width: 150px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 2px 0 0 6px;
}

.image-text_7 {
  width: 238px;
  height: 14px;
  margin: 12px 0 0 14px;
}

.thumbnail_21 {
  width: 8px;
  height: 11px;
  margin-top: 2px;
}

.text-group_8 {
  width: 222px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 27px;
}

.image_16 {
  width: 248px;
  height: 1px;
  margin: 16px 0 0 10px;
}

.image-text_8 {
  width: 229px;
  height: 14px;
  margin: 15px 0 0 13px;
}

.thumbnail_22 {
  width: 10px;
  height: 10px;
  margin-top: 2px;
}

.text-group_9 {
  width: 212px;
  height: 14px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 13px;
}

.text_142 {
  width: 212px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(181, 181, 181, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_143 {
  width: 212px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(34, 35, 39, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.image-text_9 {
  width: 232px;
  height: 13px;
  margin: 12px 0 0 14px;
}

.thumbnail_23 {
  width: 9px;
  height: 8px;
  margin-top: 2px;
}

.text-group_10 {
  width: 216px;
  height: 13px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 13px;
}

.text_144 {
  width: 216px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(181, 181, 181, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_145 {
  width: 216px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(34, 35, 39, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.image-text_10 {
  width: 140px;
  height: 14px;
  margin: 11px 0 15px 14px;
}

.thumbnail_24 {
  width: 10px;
  height: 11px;
  margin-top: 2px;
}

.text-group_11 {
  width: 125px;
  height: 14px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 13px;
}

.text_146 {
  width: 125px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(181, 181, 181, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_147 {
  width: 125px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(255, 176, 0, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.box_26 {
  box-shadow: 1px 2px 18px 0px rgba(197, 197, 197, 0.15);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  width: 100%;
  height: 117px;
  padding: 10px;
  padding-right: 0;
  padding-top: 0;
  // margin: 62px 17px 0 -294px;
}

.box_27 {
  width: 100%;
  height: 82px;
  justify-content: space-between;
  // margin-left: 16px;
}

.image-wrapper_6 {
  width: 45px;
  height: 72px;

  // margin-top: 10px;
}

.label_8 {
  width: 45px;
  height: 48px;
  margin-top: 10px;
  border-radius: 50%;
}

.thumbnail_25 {
  width: 12px;
  height: 12px;
  margin-top: 16px;
}

.group_23 {
  // width: 81px;
  height: 66px;
  margin-top: 10px;
  // margin: 15px 0 0 6px;
}

.group_24 {
  width: 67px;
  height: 14px;
  margin-left: 5px;
}

.text_148 {
  width: 46px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 16px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.thumbnail_26 {
  width: 13px;
  height: 13px;
  margin-top: 1px;
}

.text-wrapper_23 {
  border-radius: 8px;
  height: 18px;
  border: 0.75px solid rgba(0, 160, 110, 1);
  width: 76px;
  margin: 7px 0 0 5px;
}

.text_149 {
  width: 59px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(0, 160, 110, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 11px;
  margin: 3px 0 0 8px;
}

.text_150 {
  width: 16px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(240, 96, 17, 1);
  font-size: 14px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 16px;
}

.image_17 {
  width: 84px;
  height: 71px;
  // margin-left: 62px;
}

.text_151 {
  width: 178px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: -13px 0 0 25px;
}

.text_152 {
  width: 100%;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 12px;
  margin: 10px 0 0 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.van-nav-bar__left:active,
.van-nav-bar__right:active {
  opacity: 1;
}
[class*='van-']::after {
  border-bottom: 0;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}



</style>
<style lang="scss">
  /* // 日历更改样式 以上都是蓝湖样式 */
  .wh_content_all{
    position: relative;
    overflow:visible !important;
    background-color: #D8E8E3 !important;
    border-radius: 10px;
  }
  .wh_content{
    overflow:hidden;
  }
  // .wh_content_item{
  //   width: 23px !important;
  //   height: 23px !important;
  // }

  .wh_top_tag{
    font-size: 12px;
    color: #161616;
    // background-color: #fff;
  }
  .wh_top_changge{
    position: absolute;
    right: 0;
    top: -40px;
  }
  .wh_top_changge .wh_content_li{
    width: 110px;
  }
  .wh_top_changge li{
    font-size: 14px !important;
    color: #161616 !important;
  }
  .wh_jiantou1{
    border-color: #161616 !important ;
    width: 8px !important;
    height: 8px !important;
  }
  .wh_jiantou2{
    width: 8px !important;
    height: 8px !important;
    border-color: #161616 !important ;
  }
  .wh_content_item .wh_other_dayhide{
    // background-color: #D8E8E3;
    // width: 23px;
    // height: 23px;
  }
  .wh_content_item .wh_isToday{
    border: 1px solid #00A06E;
    background-color: #D8E8E3 !important;
    color: #00A06E;
    border-radius: 2px !important ;
  }
  .wh_item_date{
     // background-color: #D8E8E3;
  }
  .wh_content_item .wh_chose_day{
    background: #00A06E !important;
    border-radius: 2px !important;
  }
</style>

