init

src/assets/css/layout.styl

@@ -0,0 +1,305 @@
+.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

src/assets/css/reset.css

@@ -0,0 +1,124 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video, input {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 0.16rem;
+    line-height: inherit;
+    color: #ffffff;
+    font-weight: normal;
+    vertical-align: baseline;
+}
+ 
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, menu, nav, section {
+     display: block;
+}
+ 
+body {
+     line-height: 1;
+}
+ 
+blockquote, q {
+     quotes: none;
+}
+
+ blockquote:before, blockquote:after,
+q:before, q:after {
+     content: none;
+}
+ 
+table {
+     border-collapse: collapse;
+     border-spacing: 0;
+}
+ 
+/* custom */
+a,a:link,a:visited,a:active {
+     color: #7e8c8d;
+     text-decoration: none;
+     -webkit-backface-visibility: hidden;
+}
+ 
+li {
+     list-style: none;
+}
+ 
+::-webkit-scrollbar {
+     width: 5px;
+     height: 5px;
+}
+ 
+::-webkit-scrollbar-track-piece {
+     background-color: rgba(0, 0, 0, 0.2);
+     -webkit-border-radius: 6px;
+}
+ 
+::-webkit-scrollbar-thumb:vertical {
+     height: 5px;
+     background-color: rgba(125, 125, 125, 0.7);
+     -webkit-border-radius: 6px;
+}
+ 
+::-webkit-scrollbar-thumb:horizontal {
+     width: 5px;
+     background-color: rgba(125, 125, 125, 0.7);
+     -webkit-border-radius: 6px;
+}
+ 
+html, body {
+     width: 1920px;
+     height: 1080px;
+     /* width: 100%;
+     min-height: 100%; */
+}
+ 
+body {
+     -webkit-text-size-adjust: none;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     background: #05032a center center / 100% 100% url(../../assets/images/bg.png) no-repeat;
+}
+
+div, p {
+     box-sizing: border-box;
+}
+
+.clearfix { 
+    zoom: 1; 
+}
+    
+.clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+    
+.ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+    
+.fl {
+    float: left !important;
+} 
+
+.fr {
+    float: right !important;
+}
+
+.mgb40 {
+     margin-bottom: .4rem !important;
+}