305 lines
5.9 KiB
Stylus
305 lines
5.9 KiB
Stylus
.bg
|
|
width 100%
|
|
height 100%
|
|
overflow hidden
|
|
.login_bg
|
|
width 100%
|
|
height 100%
|
|
overflow hidden
|
|
.header
|
|
height .87rem
|
|
line-height .87rem
|
|
margin 0 .38rem
|
|
border-bottom 1px solid #1A0988
|
|
overflow hidden
|
|
.logo
|
|
width 30%
|
|
font-size .28rem
|
|
line-height .87rem
|
|
.tabs
|
|
width 40%
|
|
font-size .18rem
|
|
a
|
|
float left
|
|
width 2.04rem
|
|
color #ffffff
|
|
text-align center
|
|
font-size .22rem
|
|
.tab-active
|
|
background center center / 100% 100% url(../../assets/images/tab-bg.png) no-repeat
|
|
.plugin
|
|
width 30%
|
|
.wearth
|
|
position relative
|
|
height .87rem
|
|
line-height .87rem
|
|
padding-right .2rem
|
|
span
|
|
display inline-block
|
|
.wearth-icon
|
|
position absolute
|
|
left 0
|
|
width .5rem
|
|
height .87rem
|
|
margin-right .09rem
|
|
overflow hidden
|
|
display flex
|
|
justify-content center
|
|
align-items center
|
|
img
|
|
width 100%
|
|
height auto
|
|
.wearth-sheshi-title
|
|
font-size .4rem
|
|
margin-left .59rem
|
|
.date-box
|
|
width 1.9rem
|
|
height .87rem
|
|
padding-left .2rem
|
|
// background center left / 1px auto url(../../assets/images/w-line.png) no-repeat
|
|
.time
|
|
font-size .28rem
|
|
line-height .34rem
|
|
margin-top .2rem
|
|
text-align right
|
|
.date
|
|
font-size .12rem
|
|
line-height .2rem
|
|
text-align right
|
|
.week
|
|
font-size .14rem
|
|
// content
|
|
.content
|
|
width 100%
|
|
padding 0 .38rem
|
|
overflow hidden
|
|
// padding-bottom .36rem
|
|
.left-wrap
|
|
position relative
|
|
width 3rem
|
|
height 9.19rem
|
|
margin-top .38rem
|
|
background top left / 100% 100% url(../../assets/images/left-bg.png) no-repeat
|
|
.white-line
|
|
position absolute
|
|
top 8.5px
|
|
left 0
|
|
width 8px
|
|
height 21px
|
|
background-color #fff
|
|
.right-wrap
|
|
position relative
|
|
height 9.57rem
|
|
overflow hidden
|
|
.left-title
|
|
position relative
|
|
font-size .16rem
|
|
line-height .34rem
|
|
padding-left .21rem
|
|
i
|
|
position absolute
|
|
display block
|
|
left 0
|
|
top 50%
|
|
margin-top -10.5px
|
|
width 8px
|
|
height 21px
|
|
background-color #ffffff
|
|
.left-content
|
|
padding 0 .21rem
|
|
.left-content-box
|
|
padding-top .19rem
|
|
.left-tip
|
|
font-size .16rem
|
|
line-height .34rem
|
|
i
|
|
color #00C2FE
|
|
font-style normal
|
|
.data-line-bg
|
|
margin-top 5px
|
|
height 12px
|
|
background-color #0D2F87
|
|
border-radius 12px
|
|
i
|
|
display block
|
|
height 12px
|
|
background-color #00C2FE
|
|
border-radius 12px
|
|
.center-content
|
|
width 12.4rem
|
|
margin-top .24rem
|
|
text-align center
|
|
font-size .16rem
|
|
.center-detail
|
|
line-height .34rem
|
|
margin-top .16rem
|
|
i
|
|
font-style normal
|
|
font-size .26rem
|
|
color #d6594a
|
|
.right-content
|
|
width 3.03rem
|
|
.output-box
|
|
width 8rem
|
|
height .58rem
|
|
line-height .58rem
|
|
margin 0 auto
|
|
.digit-panel
|
|
position relative
|
|
.digit
|
|
float left
|
|
width .48rem
|
|
height .58rem
|
|
margin-right 10px
|
|
overflow hidden
|
|
background 100% url(../../assets/images/number-bg.png) no-repeat
|
|
.digit:nth-child(1),
|
|
.digit:nth-child(4),
|
|
.digit:nth-child(7)
|
|
margin-right .32rem
|
|
.sub
|
|
position absolute
|
|
top 0
|
|
.sub1
|
|
left .58rem
|
|
.sub2
|
|
left 2.54rem
|
|
.sub3
|
|
left 4.5rem
|
|
.sub sub
|
|
font-size .46rem
|
|
margin-right 10px
|
|
.digit ul
|
|
transition margin-top .5s ease
|
|
.digit ul li
|
|
width .48rem
|
|
height .58rem
|
|
font-size .46rem
|
|
.center-wrap
|
|
position relative
|
|
width 10.38rem
|
|
height 5.1rem
|
|
margin .3rem auto 0 auto
|
|
.output-img
|
|
position absolute
|
|
top -2rem
|
|
left 0
|
|
width 100%
|
|
height auto
|
|
.fs1
|
|
position absolute
|
|
width 2rem
|
|
font-size .3rem
|
|
line-height .47rem
|
|
text-align center
|
|
p
|
|
padding-top .76rem
|
|
font-size .3rem
|
|
line-height .47rem
|
|
.fs2
|
|
font-size .1597rem
|
|
position absolute
|
|
width 1.26rem
|
|
line-height .24rem
|
|
text-align center
|
|
.loc1
|
|
top .94rem
|
|
left 4.19rem
|
|
.loc2
|
|
top .1rem
|
|
left 1.78rem
|
|
.loc3
|
|
top 1.49rem
|
|
left .18rem
|
|
.loc4
|
|
top 3.29rem
|
|
left .95rem
|
|
.loc5
|
|
top 3.29rem
|
|
right .94rem
|
|
.loc6
|
|
top 1.2rem
|
|
right .18rem
|
|
.loc7
|
|
top -0.2rem
|
|
right 1.78rem
|
|
.right-content
|
|
margin-top .38rem
|
|
width 3rem
|
|
.right-content-wrap
|
|
position relative
|
|
width 3rem
|
|
height 1.4rem
|
|
margin-bottom .2rem
|
|
background center / 100% auto url(../../assets/images/right-bg.png) no-repeat
|
|
overflow hidden
|
|
.icon-toStore
|
|
width .55rem
|
|
height .64rem
|
|
margin .39rem 0 0 .46rem
|
|
background center / 100% auto url(../../assets/images/icon-tostore.png) no-repeat
|
|
.icon-outstore
|
|
background center / 100% auto url(../../assets/images/icon-outstore.png) no-repeat
|
|
.right-content-fstyle
|
|
width 1.8rem
|
|
margin .25rem 0 0 .1rem
|
|
font-size .3rem
|
|
line-height 1
|
|
p
|
|
font-size .16rem
|
|
line-height .34rem
|
|
white-space nowrap
|
|
overflow hidden
|
|
text-overflow ellipsis
|
|
.right-content-fstyle1
|
|
font-size .24rem
|
|
.bottom-content
|
|
position absolute
|
|
bottom 0
|
|
right 0
|
|
height 2.73rem
|
|
.echart-wrap
|
|
position relative
|
|
width 7.52rem
|
|
height 2.73rem
|
|
background center / 100% auto url(../../assets/images/bottom-bg.png) no-repeat
|
|
overflow hidden
|
|
.wline
|
|
position absolute
|
|
top 25px
|
|
left 0
|
|
width 5px
|
|
height 18px
|
|
background-color #fff
|
|
.echart-wrap-fl
|
|
margin-right .21rem
|
|
.xuni1
|
|
font-size .18rem
|
|
font-weight bold
|
|
margin .12rem 0 0 .18rem
|
|
.xuni-box-item
|
|
width 2.62rem
|
|
margin .4rem auto 0 auto
|
|
.xuni-box-item-top
|
|
font-size .16rem
|
|
line-height .2rem
|
|
height .2rem
|
|
overflow hidden
|
|
.xuni-bg-line
|
|
width 100%
|
|
height 12px
|
|
margin-top 5px
|
|
background-color #151f8c
|
|
border-radius 10px
|
|
position relative
|
|
z-index 10
|
|
.xuni-up-line
|
|
position absolute
|
|
height 12px
|
|
border-radius 10px
|
|
background-color #00c1ff
|
|
width 0
|
|
.drift
|
|
transition left .3s linear
|
|
.driftWide
|
|
transition width 1s linear |