.body_container
  padding 56px 10px 10px 10px
  overflow hidden
.n_wraper
  width 100%
  border 1px solid #0c99ac
  &:nth-child(1)
    height calc(58% - 10px)
    margin-bottom 10px
  &:nth-child(2)
    height 42%
.title_wraper
  height 26px
  text-align center
  background linear-gradient(to right, transparent,rgba(88, 190, 237, 90%), transparent)
.title_h1
  display inline-block
  font-size 16px
  color #fff
  line-height 29px
  letter-spacing 2px
  &::after
    position absolute
    left 0
    content ''
    width 100%
    height 3px
    background-color #10F7FC
    border-radius 3px
.title_h2
  font-size 14px
  color #fff
  line-height 26px
  top 0
  left 2%
.content_wraper
  height calc(100% - 26px)
  padding 0 2%
.item_wraper
  padding-right 3%
.info_item
  height 66px
  padding 3px
  border 1px solid #168abd
  border-radius 4px
  &:nth-child(3n+1), &:nth-child(3n+3)
    width 30%
  &:nth-child(3n+2)
    width 36%
    margin-left 2%
    margin-right 2%
  &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7), &:nth-child(8), &:nth-child(9)
    margin-top 6px
.info_item_i
  border-radius 2px
  box-shadow inset 0px 0px 5px 3px #1198bf
.item_label
  font-size 13px
  line-height 13px
  color #fff
  text-align right
.item_value
  font-size 14px
  line-height 14px
  color #5bd0f5
  font-weight 700
  text-align center
.item_unit
  font-size 12px
  color #fff
  font-weight 400
  padding-left 5px
.tip_wraper
  height 100%
  padding 3% 2% 0 2%
.tip_wraper_bg1
  background center 90% / 100% auto url('../../images/bg_tip.png') no-repeat
  .tip_txt
    color #00c8ed
.tip_wraper_bg2
  background center 90% / 100% auto url('../../images/bg_tip_1.png') no-repeat
  .tip_txt
    color #9d5a00
.tip_txt
  font-size 20px
  text-align center
.b_title
  height 20px
  padding-left 20px
  border-bottom 1px solid #0c99ac
  margin-bottom 4px
  p
    font-size 14px
    color #caffff
    line-height 20px
.sj_icon
  top 8px
  left 0
  width 0
  height 0
  border-top 4px solid transparent
  border-left 4px solid transparent
  border-right 4px solid #00d6ff
  border-bottom 4px solid #00d6ff
.pie_item_wrap
  min-height 32%
  &:nth-child(n+3)
    margin-top 10px
.pie_legend_icon
  width 8px
  height 8px
  margin 0 4px
  background-color #1980EA
  border-radius 2px
.pie_legend_txt_1
  font-size: 12px;
  line-height: 12px
  color: #9BB9DD;
  margin-bottom 4px
.pie_legend_txt_2
  font-size 12px
  line-height: 14px
  color: #fff
  margin-right 4px
.pie_legend_txt_3
  font-size: 12px;
  line-height: 12px
  color: #9BB9DD;
  opacity: 0.5;
.bg_j
  width 8px
  height 8px
.bg_j_1
  border-left: 2px solid #00e6f6;
  border-top: 2px solid #00e6f6;
  top: -1px;
  left: -1px;
.bg_j_2
  border-right: 2px solid #00e6f6;
  border-top: 2px solid #00e6f6;
  top: -1px;
  right: -1px;
.bg_j_3
  border-left: 2px solid #00e6f6;
  border-bottom: 2px solid #00e6f6;
  bottom: -1px;
  left: -1px;
.bg_j_4
  border-right: 2px solid #00e6f6;
  border-bottom: 2px solid #00e6f6;
  bottom: -1px;
  right: -1px;
.scroll_wrap
  padding-top 5px
.scroll_tab_1
  width 100%
  height 20px
  background center / 100% 100% url('../../images/table-bg_1.png') no-repeat
  li
    float left
    width 9%
    font-size 8px;
    line-height 20px
    color #AFBED8
    text-align center
    font-weight: bold;
    font-style: italic;
    word-wrap break-word
    word-break break-all
    white-space nowrap
    padding 0 2px
    overflow hidden
    box-sizing border-box
    &:nth-child(1)
      width 10%
.scroll_container_1
  width 100%
  height calc(100% - 20px)
  overflow hidden
.scroll-ul_1
  li
    width 100%
    height 20px
    border-bottom 1px solid rgba(122,159,224,0.17)
    &:nth-child(even)
      background rgba(31,46,73,0.7)
    &:nth-child(odd)
      background rgba(31,46,73,0.55)
    .scroll-ul_1_div
      float left
      width 9%
      height 20px
      display flex
      flex-direction row
      justify-content center
      align-items center
      flex-wrap nowrap
      font-size 8px
      line-height 8px
      color #B2BBD7
      text-align center
      // word-wrap break-word
      // word-break break-all
      white-space nowrap
      padding 0 1px
      overflow hidden
      &:nth-child(1)
        width 10%
.percent_line
  height 8px
  background-color #4f464c
  border-radius 10px
  margin-bottom 6px
.percent_i
  height 100%
  background-color #f5aa00
  border-radius 10px