<template>
|
<div class="index-wrap">
|
<div class="index-line-box">
|
<div class="yanglao-block">
|
<img src="../../../assets/images/yanglao-icon1.png" alt="">
|
<h1>城镇职工养老保险参保人数</h1>
|
<h2><font class="bigger">277.8</font>万人</h2>
|
</div>
|
<div class="yanglao-block">
|
<img src="../../../assets/images/yanglao-icon2.png" alt="">
|
<h1>城镇职工养老保险参保人数</h1>
|
<h2><font class="bigger">277.8</font>万人</h2>
|
</div>
|
<div class="yanglao-block">
|
<img src="../../../assets/images/yanglao-icon3.png" alt="">
|
<h1>城镇职工养老保险参保人数</h1>
|
<h2><font class="bigger">277.8</font>万人</h2>
|
</div>
|
<div class="yanglao-block">
|
<div class="yanglao-block-inside">
|
<div class="inside-left">
|
<img src="../../../assets/images/yanglao-icon4.png" alt="">
|
<div>
|
<h1>全市事业单位</h1>
|
<h2><font class="bigger">5505</font>家</h2>
|
</div>
|
</div>
|
<div class="inside-right">
|
<h1>在职人员</h1>
|
<h2><font class="bigger">16.8</font>万人</h2>
|
</div>
|
</div>
|
<div class="yanglao-block-inside2">
|
<div class="inside-left2">
|
<h1>市值事业单位</h1>
|
<div class="danwei-box">
|
<h2 class="rightMargin"><font class="bigger">513</font>家</h2>
|
<h2 class="rightMargin"><font class="bigger">5133244</font>人</h2>
|
</div>
|
</div>
|
<div class="inside-left2">
|
<h1>县（市、区）</h1>
|
<div class="danwei-box">
|
<h2 class="rightMargin"><font class="bigger">4992</font>家</h2>
|
<h2 class="rightMargin"><font class="bigger">135380</font>人</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="index-line-box">
|
<div class="yanglao-block2">
|
<div class="yaolao-box">
|
<img src="../../../assets/images/yanglao-icon5.png" alt="">
|
<h1>城镇居民人均可支配</h1>
|
<h2><font class="bigger">27721</font>元</h2>
|
</div>
|
<div class="yaolao-box">
|
<img src="../../../assets/images/yanglao-icon6.png" alt="">
|
<h1>农村居民人均可支配</h1>
|
<h2><font class="bigger">18676</font>元</h2>
|
</div>
|
<div class="fu-biaoti">
|
<h1>居民收入</h1>
|
</div>
|
</div>
|
<div class="yanglao-block">
|
<div class="yanglao-block-inside">
|
<div class="inside-left">
|
<img src="../../../assets/images/yanglao-icon7.png" alt="">
|
<div>
|
<h1>欠薪线索总计</h1>
|
<h2><font class="bigger">32505</font>条</h2>
|
</div>
|
</div>
|
<div class="inside-right">
|
<h1>办结率</h1>
|
<h2><font class="bigger">96.8</font>%</h2>
|
</div>
|
</div>
|
<div class="yanglao-block-inside2">
|
<div class="inside-left2">
|
<h1>全国根治欠薪线索</h1>
|
<div class="danwei-box">
|
<h2 class="rightMargin"><font class="bigger">15132</font>条</h2>
|
<h2 class="rightMargin"><font class="bigger">98.7</font>%</h2>
|
</div>
|
</div>
|
<div class="inside-left2">
|
<h1>市级欠薪线索</h1>
|
<div class="danwei-box">
|
<h2 class="rightMargin"><font class="bigger">14992</font>条</h2>
|
<h2 class="rightMargin"><font class="bigger">98.6</font>%</h2>
|
</div>
|
</div>
|
</div>
|
<div class="fu-biaoti">
|
<h1>欠薪追缴</h1>
|
</div>
|
</div>
|
<div class="yanglao-block">
|
<div class="yanglao-block-inside chuangye-box">
|
<div class="inside-box-block">
|
<img src="../../../assets/images/yanglao-icon8.png" alt="">
|
<div>
|
<h1>放贷笔数</h1>
|
<h2><font class="bigger">32505</font>笔</h2>
|
</div>
|
</div>
|
<div class="inside-box-block">
|
<img src="../../../assets/images/yanglao-icon9.png" alt="">
|
<div>
|
<h1>放贷金额</h1>
|
<h2><font class="bigger">32505</font>亿元</h2>
|
</div>
|
</div>
|
<div class="inside-box-block">
|
<img src="../../../assets/images/yanglao-icon10.png" alt="">
|
<div>
|
<h1>扶持自主创业</h1>
|
<h2><font class="bigger">32505</font>人</h2>
|
</div>
|
</div>
|
<div class="inside-box-block">
|
<img src="../../../assets/images/yanglao-icon11.png" alt="">
|
<div>
|
<h1>带动就业</h1>
|
<h2><font class="bigger">32505</font>人</h2>
|
</div>
|
</div>
|
</div>
|
<div class="fu-biaoti">
|
<h1>创业担保</h1>
|
</div>
|
</div>
|
<div class="yanglao-block">
|
<div class="yanglao-block-inside chuangye-box">
|
<div class="inside-box-block">
|
<img src="../../../assets/images/yanglao-icon12.png" alt="">
|
<div>
|
<h1>专业技术人才</h1>
|
<h2><font class="bigger">50.8</font>万</h2>
|
</div>
|
</div>
|
<div class="inside-box-block">
|
<img src="../../../assets/images/yanglao-icon13.png" alt="">
|
<div class="line-center">
|
<h2>A卡:<font class="small">835</font>人</h2>
|
<h2>B卡:<font class="small">32505</font>人</h2>
|
</div>
|
</div>
|
<div class="inside-box-block">
|
<img src="../../../assets/images/yanglao-icon14.png" alt="">
|
<div>
|
<h1>享受特殊津贴</h1>
|
<h2><font class="bigger">264</font>人</h2>
|
</div>
|
</div>
|
<div class="inside-box-block">
|
<img src="../../../assets/images/yanglao-icon15.png" alt="">
|
<div>
|
<h1>高技能人才</h1>
|
<h2><font class="bigger">25.2</font>万人</h2>
|
</div>
|
</div>
|
</div>
|
<div class="fu-biaoti">
|
<h1>创业担保</h1>
|
</div>
|
</div>
|
|
</div>
|
<div class="index-line-box2">
|
<div class="shu-ju-box">
|
<div class="shuju-title-box">
|
<h1>就业数据</h1>
|
</div>
|
<div class="shuju-main-box">
|
<div class="shuju-table">
|
<div class="shuju-table-line">
|
<div class="biao-title"></div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>本月</h1>
|
</div>
|
<div class="title">
|
<h1>本年</h1>
|
</div>
|
<div class="title">
|
<h1>任务率</h1>
|
</div>
|
<div class="title">
|
<h1>任务数</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-scroll">
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>城镇新增就业（人）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>失业再就业（人）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>困难再就业（人）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>登记失业率（%）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>非农就业转移（人）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
</div>
|
<div class="shuju-echarts"></div>
|
</div>
|
|
</div>
|
<div class="shu-ju-box">
|
<div class="shuju-title-box">
|
<h1>城镇职工养老</h1>
|
</div>
|
<div class="shuju-main-box">
|
<div class="shuju-table">
|
<div class="shuju-table-line">
|
<div class="biao-title"></div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>总数</h1>
|
</div>
|
<div class="title">
|
<h1>机关</h1>
|
</div>
|
<div class="title">
|
<h1>企业</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-scroll">
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>人数（万人）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>277.8</h1>
|
</div>
|
<div class="title">
|
<h1>35.5</h1>
|
</div>
|
<div class="title">
|
<h1>242.3</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2 shuju-bj-color">
|
<div class="biao-title">
|
<h1>在职（万人）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>217.8</h1>
|
</div>
|
<div class="title">
|
<h1>13.5</h1>
|
</div>
|
<div class="title">
|
<h1>142.3</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>离退休（万人）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>23.8</h1>
|
</div>
|
<div class="title">
|
<h1>16.5</h1>
|
</div>
|
<div class="title">
|
<h1>52.3</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>供养比</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>3.8</h1>
|
</div>
|
<div class="title">
|
<h1>2.5</h1>
|
</div>
|
<div class="title">
|
<h1>1.3</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>收入（亿元）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>233.8</h1>
|
</div>
|
<div class="title">
|
<h1>24.5</h1>
|
</div>
|
<div class="title">
|
<h1>341.3</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>支出（亿元）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>533.8</h1>
|
</div>
|
<div class="title">
|
<h1>84.5</h1>
|
</div>
|
<div class="title">
|
<h1>541.3</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>结余（亿元）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>33.8</h1>
|
</div>
|
<div class="title">
|
<h1>34.5</h1>
|
</div>
|
<div class="title">
|
<h1>341.3</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-echarts"></div>
|
</div>
|
|
</div>
|
</div>
|
<div class="index-line-box2">
|
<div class="shu-ju-box">
|
<div class="shuju-title-box">
|
<h1>工伤保险</h1>
|
</div>
|
<div class="shuju-main-box">
|
<div class="shuju-table">
|
<div class="shuju-table-line">
|
<div class="biao-title"></div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>本月</h1>
|
</div>
|
<div class="title">
|
<h1>本年同期</h1>
|
</div>
|
<div class="title">
|
<h1>同比</h1>
|
</div>
|
<div class="title">
|
<h1>上月</h1>
|
</div>
|
<div class="title">
|
<h1>环比</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-scroll">
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>人数（万人）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>收入（亿元）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>支出（亿元）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>本月结余（亿元）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>累计结余（亿元）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<div class="shuju-echarts"></div>
|
</div>
|
|
</div>
|
<div class="shu-ju-box">
|
<div class="shuju-title-box">
|
<h1>工伤保险</h1>
|
</div>
|
<div class="shuju-main-box">
|
<div class="shuju-table">
|
<div class="shuju-table-line">
|
<div class="biao-title"></div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>本月</h1>
|
</div>
|
<div class="title">
|
<h1>本年同比</h1>
|
</div>
|
<div class="title">
|
<h1>同比</h1>
|
</div>
|
<div class="title">
|
<h1>上月</h1>
|
</div>
|
<div class="title">
|
<h1>环比</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-scroll">
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>人数（万人）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>收入（亿元）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>支出（亿元）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>本月结余（亿元）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
</div>
|
<div class="shuju-table-line2">
|
<div class="biao-title">
|
<h1>累计结余（亿元）</h1>
|
</div>
|
<div class="title-flex">
|
<div class="title">
|
<h1>138957</h1>
|
</div>
|
<div class="title">
|
<h1>128417</h1>
|
</div>
|
<div class="title">
|
<h1 class="fontColor">111.2%</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
<div class="title">
|
<h1>125000</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<div class="shuju-echarts"></div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
export default {};
|
</script>
|
<style lang="scss" scoped>
|
@import "../../../assets/css/base";
|
.index-wrap{
|
width: 100%;
|
height: 100%;
|
padding: 0 2rem /* 10/10 */;
|
box-sizing: border-box;
|
.index-line-box{
|
width: 100%;
|
display: flex;
|
margin-top: 3.2rem;
|
.yanglao-block{
|
width: 59rem /* 590/10 */;
|
height: 23rem /* 230/10 */;
|
background:url("../../../assets/images/yanglao-block-bj.png") no-repeat center;
|
background-size: 100% 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
margin: 0 2rem;
|
position: relative;
|
img{
|
width: 8rem;
|
height: 8rem;
|
}
|
h1{
|
color: #fff;
|
text-align: center;
|
font-size: $fontSize-24;
|
line-height: 1.3;
|
}
|
h2{
|
color: #fff;
|
font-size: $fontSize-20;
|
line-height: 1.3;
|
text-align: center;
|
.bigger{
|
font-size: $fontSize-48;
|
color: $color-blue;
|
}
|
}
|
.yanglao-block-inside{
|
width: 100%;
|
display: flex;
|
.inside-left{
|
display: flex;
|
flex: 1;
|
justify-content: right;
|
}
|
.inside-right{
|
display: flex;
|
flex-direction: column;
|
flex: 1;
|
}
|
.inside-box-block{
|
display: flex;
|
width: 50%;
|
justify-content: center;
|
align-items: center;
|
.line-center{
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
h2{
|
line-height: 1.2;
|
}
|
.small{
|
font-size: $fontSize-24;
|
color: $color-blue;
|
}
|
}
|
}
|
}
|
.chuangye-box{
|
flex-wrap: wrap;
|
}
|
.yanglao-block-inside2{
|
width: 100%;
|
display: flex;
|
margin-top: 1rem;
|
.inside-left2{
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
.danwei-box{
|
display: flex;
|
justify-content: center;
|
.rightMargin{
|
margin-right: 1rem;
|
color: #fff;
|
font-size: $fontSize-20;
|
line-height: 1.3;
|
text-align: center;
|
.bigger{
|
font-size: $fontSize-32;
|
}
|
}
|
}
|
}
|
}
|
}
|
.yanglao-block2{
|
width: 59rem /* 590/10 */;
|
height: 23rem /* 230/10 */;
|
background:url("../../../assets/images/yanglao-block-bj.png") no-repeat center;
|
background-size: 100% 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
position: relative;
|
margin: 0 2rem;
|
.yaolao-box{
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
&:first-child{
|
margin-left: 2rem;
|
}
|
}
|
img{
|
width: 8rem;
|
height: 8rem;
|
}
|
h1{
|
color: #fff;
|
text-align: center;
|
font-size: $fontSize-24;
|
line-height: 1.3;
|
}
|
h2{
|
color: #fff;
|
font-size: $fontSize-20;
|
line-height: 1.3;
|
.bigger{
|
font-size: $fontSize-48;
|
color: $color-blue;
|
}
|
}
|
}
|
.fu-biaoti{
|
position: absolute;
|
left:0.2rem;
|
top:3rem;
|
background:url("../../../assets/images/fubiaoti-bj.png") no-repeat center;
|
background-size: 100% 100%;
|
width: 3.2rem /* 32/10 */;
|
height: 16.7rem /* 167/10 */;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
h1{
|
font-size: $fontSize-20;
|
color: $color-dark;
|
text-align: center;
|
}
|
}
|
}
|
.index-line-box2{
|
display: flex;
|
margin-top: 3.2rem;
|
.shu-ju-box{
|
width: 122rem /* 1220/10 */;
|
height: 41rem;
|
background: url("../../../assets/images/yanglao-block-big-bj.png") no-repeat center;
|
background-size: 100% 100%;
|
position: relative;
|
margin: 0 2rem;
|
display: flex;
|
.shuju-title-box{
|
position: absolute;
|
left: 10rem;
|
top: 0;
|
h1{
|
font-size: $fontSize-32;
|
color: $color-blue;
|
position: relative;
|
&:after{
|
content: '';
|
background: url("../../../assets/images/zhuangshi.png") no-repeat center;
|
background-size: 100% 100%;
|
width: 13.5rem;
|
height: 1.6rem;
|
position: absolute;
|
left: 20rem;
|
top: 1.2rem /* 12/10 */;
|
}
|
}
|
}
|
.shuju-main-box{
|
width: 100%;
|
padding: 6rem 3rem;
|
box-sizing: border-box;
|
display: flex;
|
.shuju-table{
|
width: 80.2rem;
|
height: 31rem;
|
}
|
}
|
.shuju-table{
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
.shuju-table-line{
|
width: 100%;
|
display: flex;
|
.biao-title{
|
width: 34rem;
|
}
|
.title-flex{
|
width: 100%;
|
display: flex;
|
}
|
.title{
|
flex: 1;
|
h1{
|
font-size: $fontSize-26;
|
color: $color-white;
|
text-align: center;
|
}
|
}
|
|
}
|
.shuju-scroll{
|
height: 28rem /* 280/10 */;
|
overflow-y: auto;
|
}
|
.shuju-table-line2{
|
width: 100%;
|
display: flex;
|
padding: 1rem 0;
|
&:nth-child(odd) {
|
background: rgba(81,210,255,0.10);
|
}
|
.title{
|
flex: 1;
|
h1{
|
font-size: $fontSize-26;
|
color: $color-white;
|
text-align: center;
|
line-height: 1.5;
|
}
|
.fontColor{
|
color: $color-blue;
|
}
|
}
|
.title-flex{
|
width: 100%;
|
display: flex;
|
}
|
.biao-title{
|
width: 34rem;
|
h1{
|
font-size: $fontSize-26;
|
color: $color-white;
|
text-align: right;
|
line-height: 1.5;
|
}
|
.fontColor{
|
color: $color-blue;
|
}
|
}
|
}
|
.shuju-bj-color{
|
background: rgba(81,210,255,0.10);
|
}
|
}
|
.shuju-echarts{
|
width: 35rem /* 168/10 */;
|
height: 31rem;
|
}
|
}
|
}
|
}
|
</style>
|
