营销政策

付延余

2022-04-11 9408dd50ec82e369eb8f6b60954e798ccc441980

营销政策

 config/index.js

@@ -1,77 +1,75 @@
'use strict'
"use strict";
// Template version: 1.3.1
// see http://vuejs-templates.github.io/webpack for documentation.

const path = require('path')
const path = require("path");

module.exports = {
    dev: {

        // Paths
        assetsSubDirectory: 'static', // 编译输出的二级目录
        assetsPublicPath: '/', // 编译发布的根目录，可配置为资源服务器域名或 CDN 域名
        proxyTable: {
            '/api': {
                target: '',
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        },

        // Various Dev Server settings
        host: '192.168.0.110', // can be overwritten by process.env.HOST
        port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
        autoOpenBrowser: false,
        errorOverlay: true,
        notifyOnErrors: true,
        poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-


        /**
         * Source Maps
         */

        // https://webpack.js.org/configuration/devtool/#development
        devtool: 'cheap-module-eval-source-map',

        // If you have problems debugging vue-files in devtools,
        // set this to false - it *may* help
        // https://vue-loader.vuejs.org/en/options.html#cachebusting
        cacheBusting: true,

        cssSourceMap: true
  dev: {
    // Paths
    assetsSubDirectory: "static", // 编译输出的二级目录
    assetsPublicPath: "/", // 编译发布的根目录，可配置为资源服务器域名或 CDN 域名
    proxyTable: {
      "/api": {
        target: "",
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }
    },

    build: {
        // Template for index.html
        index: path.resolve(__dirname, '../vue_admin/index.html'),
    // Various Dev Server settings
    host: "localhost", // can be overwritten by process.env.HOST
    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

        // Paths
        assetsRoot: path.resolve(__dirname, '../vue_admin'),
        assetsSubDirectory: 'static',
        assetsPublicPath: './',
    /**
     * Source Maps
     */

        /**
         * Source Maps
         */
        // 是否为生产环境构建生成 source map
        productionSourceMap: false,
        // https://webpack.js.org/configuration/devtool/#production
        devtool: 'cheap-module-source-map', // 映射业务代码,第三方包、库
    // https://webpack.js.org/configuration/devtool/#development
    devtool: "cheap-module-eval-source-map",

        // Gzip off by default as many popular static hosts such as
        // Surge or Netlify already gzip all static assets for you.
        // Before setting to `true`, make sure to:
        // npm install --save-dev compression-webpack-plugin
        productionGzip: false,
        productionGzipExtensions: ['js', 'css'],
    // If you have problems debugging vue-files in devtools,
    // set this to false - it *may* help
    // https://vue-loader.vuejs.org/en/options.html#cachebusting
    cacheBusting: true,

        // Run the build command with an extra argument to
        // View the bundle analyzer report after build finishes:
        // `npm run build --report`
        // Set to `true` or `false` to always turn it on or off
        bundleAnalyzerReport: process.env.npm_config_report
    }
}
    cssSourceMap: true
  },

  build: {
    // Template for index.html
    index: path.resolve(__dirname, "../vue_admin/index.html"),

    // Paths
    assetsRoot: path.resolve(__dirname, "../vue_admin"),
    assetsSubDirectory: "static",
    assetsPublicPath: "./",

    /**
     * Source Maps
     */
    // 是否为生产环境构建生成 source map
    productionSourceMap: false,
    // https://webpack.js.org/configuration/devtool/#production
    devtool: "cheap-module-source-map", // 映射业务代码,第三方包、库

    // Gzip off by default as many popular static hosts such as
    // Surge or Netlify already gzip all static assets for you.
    // Before setting to `true`, make sure to:
    // npm install --save-dev compression-webpack-plugin
    productionGzip: false,
    productionGzipExtensions: ["js", "css"],

    // Run the build command with an extra argument to
    // View the bundle analyzer report after build finishes:
    // `npm run build --report`
    // Set to `true` or `false` to always turn it on or off
    bundleAnalyzerReport: process.env.npm_config_report
  }
};

 src/assets/css/main.css

@@ -1,7 +1,7 @@
* {
    margin: 0;
    padding: 0;
    font-size: 2.4rem;
    font-size: .0938rem;
    font-weight: lighter;
}


 src/pages/login.vue

@@ -41,9 +41,8 @@
      </div>

      <el-button type="primary" class="loginButton" @click="login()"
      >登录
      </el-button
      >
        >登录
      </el-button>
    </div>
  </div>
</template>
@@ -60,19 +59,18 @@
      loginFormRules: {
        // 验证用户名是否合法
        username: [
          {required: true, message: "请输入登录名称", trigger: "blur"},
          {min: 3, max: 15, message: "长度在6到15个字符", trigger: "blur"}
          { required: true, message: "请输入登录名称", trigger: "blur" },
          { min: 3, max: 15, message: "长度在6到15个字符", trigger: "blur" }
        ],
        // 验证密码是否合法
        password: [
          {required: true, message: "请输入登录密码", trigger: "blur"},
          {min: 6, max: 10, message: "长度在6到10个字符", trigger: "blur"}
          { required: true, message: "请输入登录密码", trigger: "blur" },
          { min: 6, max: 10, message: "长度在6到10个字符", trigger: "blur" }
        ]
      }
    };
  },
  beforeCreate() {
  },
  beforeCreate() {},
  methods: {
    login() {
      this.$refs.loginFormRef.validate(async valid => {
@@ -86,114 +84,114 @@
</script>

<style lang="scss">
.loginButton {
  font-size: 0.125rem !important;
}
.FormBox {
  width: 100%;
  margin-left: 8rem;
  margin-left: 0.3125rem;
  position: absolute;
  top: 17.6rem;
  top: 0.6875rem;

  .el-input__inner {
    height: 8.8rem;
    font-size: 2.8rem;
    height: 0.3438rem;
    font-size: 0.1094rem;
    background: rgba(81, 210, 255, 0.24);
    color: #ffffff;
    padding-left: 10.4rem;
    padding-left: 0.4063rem;
  }

  :nth-of-type(2) {
    margin-top: 4.8rem;
    margin-top: 0.1875rem;
  }


  .el-form-item__content {
    width: 64rem;
    height: 8.8rem;
    line-height: 8.8rem;
    width: 2.5rem;
    height: 0.3438rem;
    line-height: 0.3438rem;
  }

  .el-form-item__error {
    font-size: 2.8rem !important;
    margin-top: 0.9rem;
    font-size: 0.1094rem !important;
    margin-top: 0.0352rem;
  }

  .el-input .el-input__clear {
    position: relative;
    //background-color: blue;
    width: 1.7rem;
    height: 1.1rem;
    top: -3.4rem;
    right: 2.3rem;
    width: 0.0664rem;
    height: 0.043rem;
    top: -0.1328rem;
    right: 0.0898rem;
    border-radius: 60%;
  }

  .el-icon-view:before {
    position: absolute;
    top: -1.4rem;
    right: 0.1rem;
    top: -0.0547rem;
    right: 0.0039rem;
  }
}
</style>

<style lang="scss" scoped>
@import '../assets/css/base';

@import "../assets/css/base";
.login-container {
  width: 256rem;
  height: 168rem;
  width: 10rem;
  height: 6.5625rem;
  background: url(../assets/images/login/loginBackground@2x.png) no-repeat;
  background-size: 100%;
  position: relative;
}

.title {
  width: 334.368rem;
  height: 12.8rem;
  width: 13.0612rem;
  height: 0.5rem;
  background: url(../assets/images/login/top@2x.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: -39.184rem;
  left: -1.5306rem;
  top: 0;
  font-size: 3.6rem;
  font-size: 0.1406rem;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  line-height: 10rem;
  line-height: 0.3906rem;
  //font-family: Source Han Sans CN, Source Han Sans CN-Regular;
}

.headerIcon {
  position: absolute;
  width: 8.8rem;
  height: 8.6rem;
  width: 0.3438rem;
  height: 0.3359rem;
  background: url(../assets/images/login/header@2x.png) no-repeat;
  background-size: 100%;
  border-right: 1px dashed #51D2FF;
  border-right: 0.0039rem dashed #51d2ff;
}

.lockIcon {
  position: absolute;
  top: 8.8rem;
  width: 8.8rem;
  height: 8.6rem;
  border-right: 1px dashed #51D2FF;
  top: 0.3438rem;
  width: 0.3438rem;
  height: 0.3359rem;
  border-right: 0.0039rem dashed #51d2ff;
  background: url(../assets/images/login/lock@2x_1.png) no-repeat;
  background-size: 100%;

}

.loginBox {
  width: 80rem;
  height: 81.866rem;
  width: 3.125rem;
  height: 3.1979rem;
  background: url(../assets/images/login/loginBorder@2x.png);
  background-size: 100%;
  position: relative;
  margin: 0 auto;
  top: 39rem;
  top: 1.5234rem;

  .title-text {
    position: absolute;
    width: 80rem;
    margin-top: 9.6rem;
    width: 3.125rem;
    margin-top: 0.375rem;
    text-align: center;

    span {
@@ -201,7 +199,7 @@
      color: #51d2ff;
      //font-family: Source Han Sans CN, Source Han Sans CN-Regular;
      font-weight: 400;
      line-height: 12px;
      line-height: 0.0469rem;
    }
  }

@@ -211,19 +209,18 @@
  }

  .loginButton {
    width: 64rem;
    height: 8.8rem;
    width: 2.5rem;
    height: 0.3438rem;
    background: #51d2ff;
    font-size: 3.2rem;
    font-size: 0.125rem !important;
    //font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: center;
    color: #000e2d;
    line-height: 2.4rem;
    line-height: 0.0938rem;
    position: absolute;
    bottom: 14.46rem;
    left: 8rem;
    bottom: 0.5648rem;
    left: 0.3125rem;
  }
}

</style>

 src/pages/show/businessPolicy/BusinessPolicy.vue

@@ -12,15 +12,51 @@
        <div class="text">累计出台政策数量</div>
        <div class="numText"><span>280</span>条</div>
      </div>
      <div class="upCentent_item"></div>
      <div class="upCentent_item"></div>
      <div class="upCentent_item"></div>
      <div class="upCentent_item"></div>
      <div class="upCentent_item">
        <div class="icon">
          <img
            src="../../../assets/images/businessPolicy/icon2@2x.png"
            alt=""
          />
        </div>
        <div class="text">惠及企业数量</div>
        <div class="numText"><span>70</span>万户</div>
      </div>
      <div class="upCentent_item">
        <div class="icon">
          <img
            src="../../../assets/images/businessPolicy/icon3@2x.png"
            alt=""
          />
        </div>
        <div class="text">惠及个人数量</div>
        <div class="numText"><span>25.9</span>万人</div>
      </div>
      <div class="upCentent_item">
        <div class="icon">
          <img
            src="../../../assets/images/businessPolicy/icon4@2x.png"
            alt=""
          />
        </div>
        <div class="text">减免金额</div>
        <div class="numText"><span>1563</span>万元</div>
      </div>
      <div class="upCentent_item">
        <div class="icon">
          <img
            src="../../../assets/images/businessPolicy/icon5@2x.png"
            alt=""
          />
        </div>
        <div class="text">新闻报道数量</div>
        <div class="numText"><span>36500</span>条</div>
      </div>
    </div>
    <!-- 主表格区 -->
    <!-- 表格区 -->
    <div class="downCentent">
      <div class="downCentent_item">
        <div class="downCentent_title">
        <div class="centent_title">
          <span>政策内容</span
          ><img
            src="../../../assets/images/businessPolicy/title_end@2x.png"
@@ -32,11 +68,12 @@
            stripe
            :data="tableData"
            style="width: 100%"
            max-height="1006px"
            :max-height="tableHeight"
            :header-row-style="tableHeaderRow"
            :row-class-name="tableRowClassName"
            @row-click="tableRowClick"
          >
            <el-table-column prop="keshi" label="科室" min-width="10">
            <el-table-column prop="keshi" label="科室" min-width="10" fixed>
            </el-table-column>
            <el-table-column
              prop="zhengchemingcheng"
@@ -62,32 +99,72 @@
        </div>
      </div>
      <div class="downCentent_item">
        <div class="centent_title">
          <span>相关报道</span
          ><img
            src="../../../assets/images/businessPolicy/title_end@2x.png"
            alt=""
          />
        </div>
        <div class="BusinessPolicyTable">
          <el-table
            stripe
            :data="tableData"
            :data="tableData2"
            style="width: 100%"
            max-height="1006px"
            :max-height="tableHeight"
            :header-row-style="tableHeaderRow"
            :row-class-name="tableRowClassName"
          >
            <el-table-column prop="keshi" label="科室" min-width="10">
            </el-table-column>
            <el-table-column
              prop="zhengchemingcheng"
              label="政策名称"
              min-width="30"
              prop="tableTitle"
              label="标题"
              min-width="70"
              align="right"
            >
            </el-table-column>
            <el-table-column prop="laiyuan" label="来源" min-width="15">
            </el-table-column>
            <el-table-column
              prop="shengxiaoDate"
              label="生效日期范围"
              min-width="30"
              prop="dianjiliang"
              label="累计点击量"
              min-width="15"
            >
            </el-table-column>
          </el-table>
        </div>
      </div>
    </div>
    <!-- 弹出对话框 -->
    <div class="BusinessPolicyDialog">
      <el-dialog
        :visible.sync="tableDialogVisible"
        width="86%"
        title="我是标题"
        min-height=" 112rem"
      >
        <div class="dislogCloseIcon" @click="tableDialogVisible = false"></div>
        <h1>失业保险稳岗返还政策</h1>
        <div class="fuTitle">
          <span>出台部门：人社局</span><span>出台时间：2021/3/1</span
          ><span>惠及企业：100家</span><span>减免金额：377万元</span>
        </div>
        <div class="dialogText">
          <el-divider></el-divider>
          <span>
            通过加大扶持力度和精准落实困难企业稳岗返还政策，充分发挥失业保险“预防失业”功能，加大失业保险援企稳岗力度，支持企业稳定就业岗位和健康发展。<br />
            加大扶持力度，扩大政策受益面。放宽申领条件，中小微企业裁员率不高于2019年度全国城镇调查失业率控制目标5.5%，参保职工30人(含，以上年度月均参保人数为准)以下的参保企业裁员人数不超过参保职工总数20%的，可以申请企业稳岗返还。提高返还标准，对不裁员或少裁员的中小微企业，稳岗返还标准从企业及其职工上年度缴纳失业保险费的50%提高到100%。<br />
            加强困难帮扶，精准落实困难企业稳岗返还政策。确定了困难企业稳岗返还标准，100人(含)至500人(含)企业，返还标准按1个月的上年度全市月人均失业保险金和月均参保职工人数确定；501人至1000人(含)企业，返还标准按2个月的上年度全市月人均失业保险金和月均参保职工人数确定；1001人以上企业，按3个月的上年度全市月人均失业保险金和月均参保职工人数确定；对受疫情影响较大的餐饮、酒店、旅游、零售、冰雪等行业企业，在相应补贴标准基础上增加一个月。<br />
            申请稳岗补贴企业应同时具备以下条件：<br />
            生产经营活动符合国家及所在地产业结构调整和环保政策；<br />
            上年度未裁员或裁员率不超过全省城镇登记失业率控制目标4.5%；<br />
            上年度足额缴纳失业保险费满12个月且无历史欠缴；<br />
            2019年度经营情况亏损，或受疫情影响2020年以来营业收入同比下降幅度在50%(含)以上；<br />
            企业参加失业保险职工人数不低于100人；<br />
            与企业工会组织协商制定稳定就业岗位措施，并承诺1年内不裁员或者裁员率低于全省城镇登记失业率控制目标4.5%。<br />
            严重失信企业、被列入破产清算或注销名单的“僵尸企业”、申请稳岗返还时失业保险参保人数比上年度平均参保人数减少超过50%的企业不列入返还范围。</span
          >
        </div>
      </el-dialog>
    </div>
  </div>
</template>
@@ -97,6 +174,7 @@
    return {
      tableData: [
        {
          id: 1,
          keshi: "失业处",
          zhengchemingcheng: "失业保险稳岗返还政策",
          shengxiaoDate: "2021/3—2022/12",
@@ -236,8 +314,156 @@
          huijiqiyeNum: "100家",
          money: "277万元"
        }
      ]
      ],
      tableData2: [
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        },
        {
          tableTitle:
            "大力优化营商环境丨市人社局：服务提速提能 让百姓享受改革红利",
          laiyuan: "石家庄新闻",
          dianjiliang: "15690"
        }
      ],
      tableDialogVisible: false,
      tableHeight: window.innerHeight * 0.62
    };
  },
  mounted() {
    const that = this;
    window.onresize = () => {
      let height = window.innerHeight * 0.62;
      that.tableHieght = height;
      console.log(height);
    };

    // this.$nextTick(() => {
    //   this.tableHeight = window.innerHeight * 0.62;
    //   console.log(this.tableHeight);
    // });
    //
    // window.onresize = () =>
    //   (() => {
    //     window.screenWidth = document.body.clientWidth;
    //     that.screenWidth = window.screenWidth;
    //   })();
  },
  watch: {
    tableHeight(val) {
      // 为了避免频繁触发resize函数导致页面卡顿，使用定时器
      if (!this.timer) {
        // 一旦监听到的tableHeight值改变，就将其重新赋给data里的tableHeight
        this.tableHeight = val;
        this.timer = true;
        const that = this;
        setTimeout(function() {
          // that.sjcount(that.screenWidth); //窗口大小变化后执行的方法
          that.reload(); //窗口大小变化后执行的方法
          console.log(tableHeight);
          that.timer = false;
        }, 10);
      }
    }
  },
  methods: {
    tableHeaderRow({ rowIndex }) {
@@ -248,18 +474,38 @@
        return "warning-row";
      }
      return "";
    },
    tableRowClick(row) {
      this.tableDialogVisible = true;
      console.log(row);
      console.log(row.__ob__.dep.id);
      console.log(row.id);
    },
    reload() {
      this.isAlive = false;
      this.$nextTick(function() {
        this.isAlive = true;
      });
    }
  }
};
</script>
<style lang="scss">
@import "../../../assets/css/base";
.BusinessPolicyTable {
  width: 115.4rem;
  position: absolute;
  top: 7.2rem;
  left: 3.3rem;

// 表格
.BusinessPolicyTable {
  width: 4.5078rem;
  position: absolute;
  top: 0.2813rem;
  left: 0.1289rem;
  .el-table {
    background: transparent;
  }
  // 去掉当前行高亮背景颜色
  .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
    background: none;
  }
  // 状态颜色
  .el-table .warning-row {
    background-color: rgba(81, 210, 255, 0.1);
@@ -275,9 +521,9 @@
  .el-table th.el-table__cell {
    background: transparent;
  }
  .el-table--striped
    .el-table__body
    tr.el-table__row--striped
  .el-table--striped,
    .el-table__body,
    tr.el-table__row--striped,
    td.el-table__cell {
    background: transparent;
  }
@@ -297,99 +543,164 @@
  }
  .el-table .cell {
    font-weight: 300;
    font-size: 2.6rem;
    font-size: 0.1016rem;
    //font-family: Source Han Sans CN, Source Han Sans CN-Light;
    text-align: center;
    color: #ffffff;
    line-height: 2.6rem;
    line-height: 0.1016rem;
  }
}
// }

// dialog对话框
.BusinessPolicyDialog {
  .el-dialog__wrapper {
    background: rgba(0, 0, 0, 0.9);
  }
  .el-dialog {
    background: url(../../../assets/images/businessPolicy/dialog@2x.png)
      no-repeat center;
    background-size: 100% 100%;
    height: 4.375rem;
  }
  // 清除默认关闭样式
  .el-icon-close:before {
    content: "";
  }
  .el-dialog__header {
    padding: 0;
    width: 0;
    height: 0;
  }
  .el-dialog__body {
    text-align: center;
    color: #eeeeee;
    h1 {
      margin-top: 0.4375rem;
      font-size: 0.1563rem;
    }
    span {
      font-size: 0.1094rem;
    }
  }
  .el-divider {
    margin: 0;
    background-color: #eeeeee;
  }
}
</style>
<style lang="scss" scoped>
#businessPolicy {
}
.upCentent {
  height: 23rem;
  width: 248rem;
  margin: 3rem 4rem 0 4rem;
  height: 0.8984rem;
  width: 9.6875rem;
  margin: 0.1172rem 0.1563rem 0 0.1563rem;
  display: flex;
  .upCentent_item {
    width: 46.4rem;
    height: 23rem;
    width: 1.8125rem;
    height: 0.8984rem;
    background: url(../../../assets/images/businessPolicy/bg_1@2x.png) no-repeat
      center;
    background-size: 100% 100%;
    flex: 1;
    margin-right: 4rem;
    margin-right: 0.1563rem;
    text-align: center;
    &:nth-child(5) {
      margin-right: 0;
    }
    .icon img {
      width: 8rem;
      height: 8rem;
      margin-top: 3.1rem;
      width: 0.3125rem;
      height: 0.3125rem;
      margin-top: 0.1211rem;
    }
    .text {
      height: 2.4rem;
      font-size: 2.4rem;
      height: 0.0938rem;
      font-size: 0.0938rem;
      //font-family: Source Han Sans CN, Source Han Sans CN-Light;
      font-weight: 300;
      text-align: center;
      color: #ffffff;
      line-height: 2.4rem;
      line-height: 0.0938rem;
    }
    .numText {
      font-size: 2rem;
      margin-top: 2.5rem;
      font-size: 0.0781rem;
      margin-top: 0.0977rem;
      color: #ffffff;
      span {
        font-size: 4.8rem;
        font-size: 0.1875rem;
        //font-family: Source Han Sans CN, Source Han Sans CN-Light;
        font-weight: 300;
        color: #51d2ff;
        line-height: 2.4rem;
        margin-right: 1.2rem;
        line-height: 0.0938rem;
        margin-right: 0.0469rem;
      }
    }
  }
}
.downCentent {
  width: 248rem;
  height: 114.6rem;
  margin: 3.6rem 4rem 6.2rem 4rem;
  width: 9.6875rem;
  height: 4.4766rem;
  margin: 0.1406rem 0.1563rem 0.2422rem 40px;
  display: flex;
  .downCentent_item {
    width: 122rem;
    height: 114.6rem;
    width: 4.7656rem;
    height: 4.4766rem;
    background: url(../../../assets/images/businessPolicy/bg_big@2x.png)
      no-repeat center;
    background-size: 100% 100%;
    flex: 1;
    margin-right: 4rem;
    padding: 0 3.3rem 0 3.3rem;
    margin-right: 0.1563rem;
    padding: 0 0.1289rem 0 0.1289rem;
    position: relative;
    &:nth-child(2) {
      margin-right: 0;
    }
    .downCentent_title {
    .centent_title {
      position: absolute;
      top: 0.8rem;
      font-size: 3.2rem;
      top: 0.0313rem;
      font-size: 0.125rem;
      //font-family: Source Han Sans CN, Source Han Sans CN-Regular;
      font-weight: 400;
      // text-align: left;
      color: #51d2ff;
      line-height: 2.6rem;
      line-height: 0.1016rem;
      span {
        margin-left: 3.7rem;
        margin-right: 2rem;
        margin-left: 0.1445rem;
        margin-right: 0.0781rem;
      }
    }
  }
}
.el-table {
  background: transparent;

.BusinessPolicyDialog {
  .dislogCloseIcon {
    display: inline-block;
    width: 0.1875rem;
    height: 0.1875rem;
    background: url(../../../assets/images/businessPolicy/dialogClose@2x.png)
      no-repeat center;
    // background: 100% 100%;
    // background-color: red;
    margin: 0;
    position: relative;
    top: 0.2734rem;
    left: 45%;
  }
  .fuTitle {
    margin-top: 0.2344rem;
    span {
      margin-right: 0.3125rem;
    }
  }
  .dialogText {
    width: 7.5rem;
    height: 2.3438rem;
    margin: 0 auto;
    margin-top: 0.2305rem;
    text-align: start;
    white-space: pre-wrap;
    line-height: 0.1875rem;
    overflow: scroll;
  }
}
</style>