<template>
  <div class="app-container home">
    <el-row :gutter="10" style="margin-left: 0;">
      <el-col :sm="24" :lg="24" >
        <div class="group_6 flex-col">
                      <div class="text-wrapper_2 flex-row">
                        <span class="text_104">年度项目数统计</span>
                      </div>
                      <div class="box_1 flex-row">
                        <div class="group_7 flex-col"></div>
                      </div>
                      <div class="box_2 flex-row">
                        <div class="group_8 flex-col">
                          <span class="text_4">本年度项目总数</span>
                          <span class="text_5">34</span>
                          <div class="group_9 flex-row justify-between">
                            <span class="text_6">较上年</span>
                            <div class="image-wrapper_8 flex-col align-center">
                              <img
                                class="thumbnail_18"
                                referrerpolicy="no-referrer"
                                src="https://lanhu-oss-2537-2.lanhuapp.com/psh6s7tc6zjhamn4h6hvkllcx4bwna60bxlc4d9f05b-3a98-49f5-b7d4-aeca0e46bab4"
                              />
                            </div>
                            <span class="text_7">25.9%</span>
                          </div>
						  
                        </div>
						<img
						  class="image_2"
						  referrerpolicy="no-referrer"
						  src="https://lanhu-oss-2537-2.lanhuapp.com/pszgtvo3hly5hg90g62ravw49z87cy8mxhc1ad2ca7-7667-45e8-b7be-b0205a3958fe"
						/>
                        
                        <div style="display: flex;justify-content: space-between; flex: 1;">
							<div class="group_10 flex-col">
							  <span class="text_8">签约中</span>
							  <div class="text-wrapper_3 flex-row">
							    <span class="text_9">08</span>
							    <span class="text_10">/&nbsp;34</span>
							    <span class="text_11">23.5%</span>
							  </div>
							  <div style="width: 82%; margin-top: 11px;">
								  <el-progress :show-text="false" :percentage="50"></el-progress>
							  </div>
							 <!-- <img
							    class="image_3"
							    referrerpolicy="no-referrer"
							    src="https://lanhu-oss-2537-2.lanhuapp.com/pse4y07weo7zaivzyhb7owfkw73sve2utb85744cd7-e844-4fa4-a4ad-24449838a324"
							  /> -->
							</div>
							<div class="group_10 flex-col">
							  <span class="text_8">开工中</span>
							  <div class="text-wrapper_4 flex-row">
							    <span class="text_9">04</span>
							    <span class="text_10">/&nbsp;34</span>
							    <span class="text_11">11.8%</span>
							  </div>
							  <img
							    class="image_3"
							    referrerpolicy="no-referrer"
							    src="https://lanhu-oss-2537-2.lanhuapp.com/pssb4m4zeqw4h5jbwwrfp7nj2ixa5gdaa0yde194fd4-9567-4f2f-8874-7607a5e935d6"
							  />
							</div>
							<div class="group_10 flex-col">
							  <span class="text_8">建设中</span>
							  <div class="text-wrapper_5 flex-row">
							    <span class="text_9">09</span>
							    <span class="text_10">/&nbsp;34</span>
							    <span class="text_11">26.5%</span>
							  </div>
							  <img
							    class="image_3"
							    referrerpolicy="no-referrer"
							    src="https://lanhu-oss-2537-2.lanhuapp.com/psknfj1q3bf99kr09seuikczoaxwt37bef85bfb26-97b4-43a6-a313-ed142cce88c8"
							  />
							</div>
							<div class="group_10 flex-col">
							  <span class="text_8">投产中</span>
							  <div class="text-wrapper_6 flex-row">
							    <span class="text_9">06</span>
							    <span class="text_10">/&nbsp;34</span>
							    <span class="text_11">17.6%</span>
							  </div>
							  <img
							    class="image_3"
							    referrerpolicy="no-referrer"
							    src="https://lanhu-oss-2537-2.lanhuapp.com/psabu0wt2xsxsyhou2a35x5tj4p15q06vjg503ac2d3-c06e-4128-9475-ad08abd0639b"
							  />
							</div>
							<div class="group_10 flex-col">
							  <span class="text_8">已完成</span>
							  <div class="text-wrapper_7 flex-row">
							    <span class="text_9">07</span>
							    <span class="text_10">/&nbsp;34</span>
							    <span class="text_11">20.6%</span>
							  </div>
							  <img
							    class="image_3"
							    referrerpolicy="no-referrer"
							    src="https://lanhu-oss-2537-2.lanhuapp.com/ps1xz8q6mzh9rlldlu8h9yyo3burwoqttk8bd30bfb4-8e0b-42ca-8ca2-5a75cc8440bc"
							  />
							</div>
						</div>
                      </div>
                    </div>
		<el-col :span="12" style="padding-left: 0; margin-top: 10px;">
			<div class="block_3 flex-col">
			                <div class="block_4 flex-row justify-between">
			                  <span class="text_28">年度投资额统计</span>
			                  <div class="image-text_1 flex-row justify-between">
			                   <el-select v-model="value" placeholder="请选择">
			                       <el-option
			                         v-for="item in options"
			                         :key="item.value"
			                         :label="item.label"
			                         :value="item.value">
			                       </el-option>
			                     </el-select>
			                  </div>
			                </div>
			                <div class="block_5 flex-col"></div>
			                <div class="block_6 flex-row ">
								<div style="padding-top: 24px;">
									<span class="text_29">金额/万元</span>
								</div>
			                  <div style="display: flex; padding-top: 18px;">
								  <div class="image-text_2 flex-row justify-between">
								    <img
								      class="thumbnail_20"
								      referrerpolicy="no-referrer"
								      src="https://lanhu-oss-2537-2.lanhuapp.com/ps54eqexkr545xrxh8jhppxgbo35ci2itxv3753c09a-f585-4a83-acf3-0e73c8902dab"
								    />
								    <span class="text-group_2">总投资额</span>
								  </div>
								  <div class="image-text_3 flex-row justify-between">
								    <img
								      class="thumbnail_21"
								      referrerpolicy="no-referrer"
								      src="https://lanhu-oss-2537-2.lanhuapp.com/ps0qlzjq3n47btm8imql4pplfaybvey8arab77875e8-430e-47b8-b2bc-73c6b78f8a5a"
								    />
								    <span class="text-group_3">固定资产投资额</span>
								  </div>
							  </div>
			                </div>
							<div style="margin-top: 10px;">
								<line-chart :chart-data="lineChartData" />
							</div>
			                
			                
			              </div>
		</el-col>
		<el-col :span="12" style="padding-right: 0; margin-top: 10px;">
			<div class="block_3 flex-col">
			                <div class="block_4 flex-row justify-between">
			                  <span class="text_28">年度产值与税收统计</span>
			                  <div class="image-text_1 flex-row justify-between">
			                   <el-select v-model="value" placeholder="请选择">
			                       <el-option
			                         v-for="item in options"
			                         :key="item.value"
			                         :label="item.label"
			                         :value="item.value">
			                       </el-option>
			                     </el-select>
			                  </div>
			                </div>
			                <div class="block_5 flex-col"></div>
			                <div class="block_6 flex-row ">
								<div style="padding-top: 24px;">
									<span class="text_29">金额/万元</span>
								</div>
			                  <div style="display: flex; padding-top: 18px;">
								  <div class="image-text_2 flex-row justify-between">
								    <img
								      class="thumbnail_20"
								      referrerpolicy="no-referrer"
								      src="https://lanhu-oss-2537-2.lanhuapp.com/ps54eqexkr545xrxh8jhppxgbo35ci2itxv3753c09a-f585-4a83-acf3-0e73c8902dab"
								    />
								    <span class="text-group_2">总投资额</span>
								  </div>
								  <div class="image-text_3 flex-row justify-between">
								    <img
								      class="thumbnail_21"
								      referrerpolicy="no-referrer"
								      src="https://lanhu-oss-2537-2.lanhuapp.com/ps0qlzjq3n47btm8imql4pplfaybvey8arab77875e8-430e-47b8-b2bc-73c6b78f8a5a"
								    />
								    <span class="text-group_3">固定资产投资额</span>
								  </div>
							  </div>
			                </div>
							<div style="margin-top: 10px;">
								<line-chart :chart-data="lineChartData" />
							</div>
			                
			                
			              </div>
		</el-col>
      </el-col>

      <!-- <el-col :sm="6" :lg="6" style=""> -->
        <!-- <div class="box_15 flex-col">
                      <div class="text-wrapper_19">
                        <span class="text_101">亲爱的</span>
                        <span class="paragraph_12">&nbsp;admin<br /></span>
                        <span class="text_102">您好，祝您开心每一天~</span>
                      </div>
                      <span class="text_103"
                        >登录时间：2025.06.18&nbsp;&nbsp;16:31</span
                      >
                    </div> -->
		<!-- <div class="box_16 flex-col">
		              <span class="text_104">预警项目统计</span>
		             <div class="block_17 flex-col"></div>
		              
					  <div class="nsrilsur" style="margin-top: 10px;">
						  <Calendar
						        v-on:choseDay="clickDay"
						        v-on:changeMonth="changeDate"
						        :sundayStart="true"
						        :markDateMore='arr'
						        :textTop="tiaii"
						      ></Calendar>
					  </div>
		              <div class="box_20 flex-col">
		                <span class="text_114"
		                  >新能源智能装备研发制造项目&nbsp;&nbsp;&nbsp;&nbsp;&gt;</span
		                >
		                <div class="text-wrapper_24">
		                  <span class="text_115">逾期环节：</span>
		                  <span class="paragraph_13">建设环节<br /></span>
		                  <span class="text_116">逾期天数：</span>
		                  <span class="paragraph_14">8天<br /></span>
		                  <span class="text_117">逾期触发点：6月项目进展未上报</span>
		                </div>
		              </div>
		              <div class="box_20 flex-col">
		                <span class="text_114"
		                  >新能源智能装备研发制造项目&nbsp;&nbsp;&nbsp;&nbsp;&gt;</span
		                >
		                <div class="text-wrapper_24">
		                  <span class="text_115">逾期环节：</span>
		                  <span class="paragraph_13">建设环节<br /></span>
		                  <span class="text_116">逾期天数：</span>
		                  <span class="paragraph_14">8天<br /></span>
		                  <span class="text_117">逾期触发点：6月项目进展未上报</span>
		                </div>
		              </div>
		            </div> -->
      <!-- </el-col> -->
    </el-row>
    
  </div>
</template>

<script>
import LineChart from './dashboard/LineChart'
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",
  components: {
    LineChart,
	Calendar
  },
  data() {
    return {
      // 版本号
      version: "3.9.0",
	  options: [{
	            value: '选项1',
	            label: '黄金糕'
	          }, {
	            value: '选项2',
	            label: '双皮奶'
	          }, {
	            value: '选项3',
	            label: '蚵仔煎'
	          }, {
	            value: '选项4',
	            label: '龙须面'
	          }, {
	            value: '选项5',
	            label: '北京烤鸭'
	          }],
	          value: '',
	   lineChartData: lineChartData.newVisitis
    }
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank")
    },
	clickDay(data) {
	      console.log(data); //选中某天
	    },
	    changeDate(data) {
	      console.log(data); //左右点击切换月份
	    },
	    clickToday(data) {
	      console.log(data); // 跳到了本月
	    }
	
  }
}
</script>
<style lang="scss">
	.nsrilsur{
		.wh_content_all{
			background-color: #F7F9FF;
		}
		.wh_jiantou1{
			border-color: #aaa;
		}
		.wh_jiantou2{
			border-color: #aaa;
		}
		.wh_top_changge li{
			color: #2777D0;
			font-size: 14px;
		}
		.wh_top_tag{
			color: #aaa;
		}
		.wh_item_date{
			color: #3D455B;
		}
		
		.wh_content_item .wh_isToday{
			background-color: #F7F9FF;
		}
		.wh_content_item .wh_chose_day{
			background-color: #2F7DD3;
			color: #fff;
		}
		.wh_item_date:hover{
		  background-color: #0156FE;
		  color: #fff;
		  border-radius: 50%;
		}
	}
</style>

<style scoped lang="scss">
.home {
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }
  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
  .col-item {
    margin-bottom: 20px;
  }

  ul {
    padding: 0;
    margin: 0;
  }

  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;
  ul {
    list-style-type: none;
  }

  h4 {
    margin-top: 0px;
  }

  h2 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 100;
  }

  p {
    margin-top: 10px;

    b {
      font-weight: 700;
    }
  }

  .update-log {
    ol {
      display: block;
      list-style-type: decimal;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0;
      margin-inline-end: 0;
      padding-inline-start: 40px;
    }
  }
}


.group_6 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 186px;
  width: 100%;
}
.text-wrapper_2 {
  width: 111px;
  height: 16px;
  margin: 18px 0 0 19px;
}
-text_3 {
  width: 98px;
  height: 13px;
}
.box_1 {
  width: 30px;
  height: 6px;
  margin: 8px 0 0 19px;
}
.group_7 {
  background-color: rgba(39, 119, 208, 1);
  width: 30px;
  height: 6px;
}
.box_2 {
  width: 100%;
  // height: 82px;
  padding: 28px 18px 28px 18px;
}
.group_8 {
  // width: 98px;
  height: 82px;
}
.text_4 {
 font-family: PingFang SC;
 font-weight: 500;
 font-size: 14px;
 color: #666666;
 width: 100px;
}
.text_5 {
  font-family: Alibaba PuHuiTi;
  font-weight: bold;
  font-size: 28px;
  color: #222838;
  line-height: 24px;
  margin-top: 10px;
}
.group_9 {
  width: 93px;
  height: 12px;
  margin-top: 15px;
}
.text_6 {
  width: 35px;
  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;
}
.image-wrapper_8 {
  height: 10px;
  background: url(https://lanhu-oss-2537-2.lanhuapp.com/psdwdo8yp3c0io9vu0j3p2e0lo24geoc54fdef24fa4-07c0-4de3-bffe-f674c50b3acf)
    100% no-repeat;
  background-size: 100% 100%;
  width: 14px;
  margin: 1px 0 0 4px;
}
.thumbnail_18 {
  width: 14px;
  height: 10px;
}
.text_7 {
  width: 36px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(254, 90, 14, 1);
  font-size: 12px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 10px;
  margin: 1px 0 0 4px;
}
.image_2 {
  width: 1px;
  height: 74px;
  margin: 5px 20px 0 20px;
}
.group_10 {
  width: 20%;
  height: 70px;
  margin: 9px 0 0 0;
  align-items: flex-start;
}
.text_8 {
  width: 41px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}
.text-wrapper_3 {
  width: 110px;
  height: 15px;
  margin-top: 24px;
}
.text_9 {
  width: 22px;
  height: 15px;
  overflow-wrap: break-word;
  color: rgba(34, 40, 56, 1);
  font-size: 20px;
  font-family: Alibaba-PuHuiTi-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 15px;
}
.text_10 {
  width: 24px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(170, 170, 170, 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 4px;
}
.text_11 {
  width: 36px;
  height: 9px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 9px;
  margin: 5px 0 0 24px;
}
.image_3 {
  width: 82%;
  height: 6px;
  margin-top: 11px;
}
.group_11 {
  width: 110px;
  height: 70px;
  margin: 7px 0 0 43px;
}
.text_12 {
  width: 41px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}
.text-wrapper_4 {
  width: 110px;
  height: 15px;
  margin-top: 24px;
}
.text_13 {
  width: 22px;
  height: 15px;
  overflow-wrap: break-word;
  color: rgba(34, 40, 56, 1);
  font-size: 20px;
  font-family: Alibaba-PuHuiTi-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}
.text_14 {
  width: 24px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(170, 170, 170, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 3px 0 0 4px;
}
.text_15 {
  width: 35px;
  height: 9px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 5px 0 0 25px;
}
.image_4 {
  width: 110px;
  height: 6px;
  margin-top: 11px;
}
.group_12 {
  width: 110px;
  height: 70px;
  margin: 7px 0 0 42px;
}
.text_16 {
  width: 41px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}
.text-wrapper_5 {
  width: 110px;
  height: 15px;
  margin-top: 24px;
}
.text_17 {
  width: 22px;
  height: 15px;
  overflow-wrap: break-word;
  color: rgba(34, 40, 56, 1);
  font-size: 20px;
  font-family: Alibaba-PuHuiTi-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}
.text_18 {
  width: 24px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(170, 170, 170, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 3px 0 0 4px;
}
.text_19 {
  width: 36px;
  height: 9px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 5px 0 0 24px;
}
.image_5 {
  width: 110px;
  height: 6px;
  margin-top: 11px;
}
.group_13 {
  width: 110px;
  height: 70px;
  margin: 7px 0 0 43px;
}
.text_20 {
  width: 41px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}
.text-wrapper_6 {
  width: 110px;
  height: 15px;
  margin-top: 24px;
}
.text_21 {
  width: 22px;
  height: 15px;
  overflow-wrap: break-word;
  color: rgba(34, 40, 56, 1);
  font-size: 20px;
  font-family: Alibaba-PuHuiTi-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}
.text_22 {
  width: 24px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(170, 170, 170, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 3px 0 0 4px;
}
.text_23 {
  width: 35px;
  height: 9px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 5px 0 0 25px;
}
.image_6 {
  width: 110px;
  height: 6px;
  margin-top: 11px;
}
.group_14 {
  width: 110px;
  height: 70px;
  margin: 7px 0 0 42px;
}
.text_24 {
  width: 41px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-left: 1px;
}
.text-wrapper_7 {
  width: 110px;
  height: 15px;
  margin-top: 24px;
}
.text_25 {
  width: 22px;
  height: 15px;
  overflow-wrap: break-word;
  color: rgba(34, 40, 56, 1);
  font-size: 20px;
  font-family: Alibaba-PuHuiTi-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}
.text_26 {
  width: 24px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(170, 170, 170, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 3px 0 0 4px;
}
.text_27 {
  width: 36px;
  height: 9px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 5px 0 0 24px;
}
.image_7 {
  width: 110px;
  height: 6px;
  margin-top: 11px;
}

.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-center {
  display: flex;
  align-items: center;
}


.block_3 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  position: relative;
  // width: 447px;
  // height: 338px;
  padding: 0 10px;
}
.block_4 {
  // width: 100%;
  height: 16px;
  margin: 16px 0 0 9px;
}
.text_28 {
  width: 111px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
}
.image-text_1 {
  // width: 50px;
  height: 11px;
  margin-top: 3px;
}
.text-group_1 {
  width: 33px;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 80px;
}
.thumbnail_19 {
  width: 10px;
  height: 6px;
  margin-top: 3px;
}
.block_5 {
  background-color: rgba(39, 119, 208, 1);
  width: 30px;
  height: 6px;
  margin: 8px 0 0 9px;
}
.block_17 {
  background-color: rgba(39, 119, 208, 1);
  width: 30px;
  // height: 6px;
  margin: 8px 0 0 9px;
  border-bottom: 6px solid rgba(39, 119, 208, 1);
}
.block_6 {
 justify-content: space-between;
  // width: 181px;
  height: 13px;
  margin: 10px 0 0 0;
}
.image-text_2 {
  width: 62px;
  height: 12px;
  margin-top: 1px;
  margin-right: 10px;
}
.thumbnail_20 {
  width: 10px;
  height: 10px;
  margin-top: 1px;
}
.text-group_2 {
  width: 48px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(34, 40, 56, 1);
  font-size: 12px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 12px;
}
.image-text_3 {
  width: 98px;
  height: 13px;
}
.thumbnail_21 {
  width: 10px;
  height: 10px;
  margin-top: 2px;
}
.text-group_3 {
  width: 83px;
  height: 13px;
  overflow-wrap: break-word;
  color: rgba(34, 40, 56, 1);
  font-size: 12px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 13px;
}
.text_29 {
  width: 54px;
  height: 12px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 12px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 12px;
  margin: 5px 0 0 17px;
}
.block_7 {
  // width: 415px;
  height: 189px;
  margin: 19px 0 0 0;
}
.paragraph_6 {
  width: 24px;
  height: 189px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 10px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: right;
  line-height: 36px;
}
.box_3 {
  width: 378px;
  height: 186px;
  margin-top: 3px;
}
.box_4 {
  background-color: rgba(230, 230, 230, 1);
  width: 378px;
  height: 1px;
}
.box_5 {
  background-color: rgba(230, 230, 230, 1);
  width: 378px;
  height: 1px;
  margin-top: 36px;
}
.box_6 {
  background-color: rgba(230, 230, 230, 1);
  width: 378px;
  height: 1px;
  margin-top: 36px;
}
.box_7 {
  background-color: rgba(230, 230, 230, 1);
  width: 378px;
  height: 1px;
  margin-top: 36px;
}
.box_8 {
  background-color: rgba(230, 230, 230, 1);
  width: 378px;
  height: 1px;
  margin-top: 36px;
}
.box_9 {
  background-color: rgba(230, 230, 230, 1);
  width: 378px;
  height: 1px;
  margin-top: 36px;
}
.text-wrapper_8 {
  width: 375px;
  height: 10px;
  margin: 12px 0 22px 56px;
}
.text_30 {
  width: 14px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 10px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}
.text_31 {
  width: 15px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 10px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-left: 57px;
}
.text_32 {
  width: 15px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 10px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-left: 57px;
}
.text_33 {
  width: 15px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 10px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-left: 58px;
}
.text_34 {
  width: 15px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 10px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-left: 57px;
}
.text_35 {
  width: 15px;
  height: 10px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 10px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-left: 57px;
}
.image_8 {
  position: absolute;
  left: 51px;
  top: 125px;
  width: 378px;
  height: 169px;
}
.image_9 {
  position: absolute;
  left: 52px;
  top: 113px;
  width: 379px;
  height: 180px;
}

.box_15 {
  width: 100%;
  height: 134px;
  background: url('../assets/images/ipic_yqyd_hp_yhbg.png')
    100% no-repeat;
  background-size: 100% 100%;
  justify-content: flex-center;
}
.text-wrapper_19 {
  width: 100%;
  height: 39px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 19px;
  margin: 32px 0 0 0;
  margin-left: 40%;
}
.text_101 {
  width: 147px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(34, 40, 56, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
}
.paragraph_12 {
  width: 147px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(39, 119, 208, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
}
.text_102 {
  width: 147px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(34, 40, 56, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
}
.text_103 {
  width: 100%;
  height: 11px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 12px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 12px;
  margin: 10px 0 32px 0;
  margin-left: 40%;
}

.box_16 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 100%;
  // height: 402px;
  // margin-top: 10px;
  padding: 15px 10px;
}
.text_104 {
  width: 95px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
}
.box_17 {
  background-color: rgba(39, 119, 208, 1);
  width: 30px;
  height: 6px;
  margin: 8px 0 0 19px;
}
.box_18 {
  width: 215px;
  height: 15px;
  margin: 29px 0 0 26px;
}
.text-wrapper_20 {
  width: 84px;
  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: 14px;
  margin-top: 1px;
}
.text_105 {
  width: 84px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}
.text_106 {
  width: 84px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(19, 197, 94, 1);
  font-size: 16px;
  font-family: Alibaba-PuHuiTi-H;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}
.text-wrapper_21 {
  width: 82px;
  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: 14px;
}
.text_107 {
  width: 82px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}
.text_108 {
  width: 82px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(19, 197, 94, 1);
  font-size: 14px;
  font-family: Alibaba-PuHuiTi-H;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}
.box_19 {
  width: 213px;
  height: 15px;
  margin: 15px 0 0 28px;
}
.text-wrapper_22 {
  width: 83px;
  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: 14px;
  margin-top: 1px;
}
.text_109 {
  width: 83px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}
.text_110 {
  width: 83px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(19, 197, 94, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}
.text_111 {
  width: 83px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(19, 197, 94, 1);
  font-size: 16px;
  font-family: Alibaba-PuHuiTi-H;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}
.text-wrapper_23 {
  width: 83px;
  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: 14px;
}
.text_112 {
  width: 83px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}
.text_113 {
  width: 83px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(19, 197, 94, 1);
  font-size: 16px;
  font-family: Alibaba-PuHuiTi-H;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}
.box_20 {
  background-color: rgba(243, 249, 255, 1);
  border-radius: 4px;
  width: 100%;
  height: 114px;
  border: 1px dashed rgba(101, 161, 227, 1);
  margin: 10px 0 0 0;
}
.text_114 {
  // width: 100%;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(34, 40, 56, 1);
  font-size: 14px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin: 14px 10px 0 10px;
}
.text-wrapper_24 {
  // width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
  margin: 10px 0 17px 13px;
}
.text_115 {
  width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
}
.paragraph_13 {
  width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  color: rgba(39, 119, 208, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 20px;
}
.text_116 {
  width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
}
.paragraph_14 {
  width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  color: rgba(39, 119, 208, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 20px;
}
.text_117 {
  // width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
}
.box_21 {
  background-color: rgba(255, 249, 246, 1);
  border-radius: 4px;
  width: 242px;
  height: 114px;
  border: 1px dashed rgba(255, 120, 57, 1);
  margin: 14px 0 15px 13px;
}
.text_118 {
  width: 209px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(34, 40, 56, 1);
  font-size: 14px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 14px 0 0 13px;
}
.text-wrapper_25 {
  width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
  margin: 15px 0 17px 13px;
}
.text_119 {
  width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
}
.paragraph_15 {
  width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  color: rgba(254, 90, 14, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 20px;
}
.text_120 {
  width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
}
.paragraph_16 {
  width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  color: rgba(254, 90, 14, 1);
  font-size: 14px;
  font-family: PingFang-SC-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 20px;
}
.text_121 {
  width: 204px;
  height: 54px;
  overflow-wrap: break-word;
  color: rgba(61, 69, 91, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
}
.box_17 {
  background-color: rgba(39, 119, 208, 1);
  width: 30px;
  height: 6px;
  margin: 8px 0 0 19px;
}
</style>

