217 lines
4.3 KiB
Plaintext
217 lines
4.3 KiB
Plaintext
.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 |