| | |
| | | <div class="yanglao-block"> |
| | | <img src="../../../assets/images/yanglao-icon1.png" alt=""> |
| | | <h1>城镇职工养老保险参保人数</h1> |
| | | <h2><font class="bigger">277.8</font>万人</h2> |
| | | <h2><font class="bigger">277.7</font>万人</h2> |
| | | </div> |
| | | <div class="yanglao-block"> |
| | | <img src="../../../assets/images/yanglao-icon2.png" alt=""> |
| | |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | @import "../../../assets/css/base"; |
| | | @import "../../../assets/css/mixin"; |
| | | .index-wrap{ |
| | | width: 100%; |
| | | height: 100%; |
| | | padding: 0 2rem /* 10/10 */; |
| | | padding: 0 0.078125rem /* 20/256 */; |
| | | box-sizing: border-box; |
| | | .index-line-box{ |
| | | width: 100%; |
| | | display: flex; |
| | | margin-top: 3.2rem; |
| | | margin-top: 0.125rem /* 32/256 */; |
| | | .yanglao-block{ |
| | | width: 59rem /* 590/10 */; |
| | | height: 23rem /* 230/10 */; |
| | | width: 2.3046875rem /* 590/256 */; |
| | | height: 0.8984375rem /* 230/256 */; |
| | | 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; |
| | | margin: 0 0.078125rem /* 20/256 */; |
| | | position: relative; |
| | | img{ |
| | | width: 8rem; |
| | | height: 8rem; |
| | | width: 0.3125rem /* 80/256 */; |
| | | height: 0.3125rem /* 80/256 */; |
| | | } |
| | | h1{ |
| | | color: #fff; |
| | |
| | | |
| | | } |
| | | .shuju-scroll{ |
| | | height: 28rem /* 280/10 */; |
| | | overflow-y: auto; |
| | | @include overflow-y(28rem) |
| | | } |
| | | .shuju-table-line2{ |
| | | width: 100%; |