Flex(display, justify = flex-start, align = stretch, direction = row)
    display display
    if (justify != flex-start)
        justify-content justify
    if (align != stretch)
        align-items align
    if (direction != row)
        flex-direction direction

thinLine(direction, color = #D9D9D9)
    content " "
    position absolute
    left 0
    right 0
    height 1px
    if(direction == top)
        top 0
        border-top 1px solid color
    else
        bottom 0
        border-bottom 1px solid color
    color color
    transform-origin 0 0
    transform scaleY(.5)

Triangle(direction, base, height, color=#BBB)
    Height_Width(0)
    if(direction==up)
        border-bottom height solid color
        border-left (base / 2) solid transparent
        border-right (base / 2) solid transparent
    else if(direction==down)
        border-top height solid color
        border-left (base / 2) solid transparent
        border-right (base / 2) solid transparent
    else if(direction==left)
        border-right height solid color
        border-top (base / 2) solid transparent
        border-bottom (base / 2) solid transparent
    else if(direction==right)
        border-left height solid color
        border-top (base / 2) solid transparent
        border-bottom (base / 2) solid transparent

Border(top, right, bottom, left, color = #EEE)
    if (top != 0)
        border-top top solid color
    if (right != 0)
        border-right right solid color
    if (bottom != 0)
        border-bottom bottom solid color
    if (left != 0)
        border-left left solid color

BorderBox()
    box-sizing border-box

Font(size, height = size, weight = normal)
    if(weight == normal)
        font size / height !specified
    else
        font weight size / height !specified

Height_Width(height, width = height)
    height height
    width width

Background(bgcolor = #F6F6F6)
    background bgcolor

themeColor = #AA001A
.LoadingMask
    position fixed
    Flex(flex,center,center)
    background white
    Height_Width(100%)
    z-index 99999
    img
        Height_Width(40rpx)
        animation loading 1s steps(12) infinite
@-webkit-keyframes loading
    0%
        transform rotate(0)
    to
        transform rotate(1turn)
.img-box
    display flex
    flex-wrap wrap
    width 100%
    >img, >div
        Height_Width(160rpx)
        margin-right 20rpx
        margin-bottom 20rpx
.subtitle
    display flex
    padding 27rpx 40rpx
    font 27rpx / 36rpx !specified
    word-wrap break-word
    Border(1rpx, 0, 1rpx, 0)
.greytitle
    padding-left 30rpx
    Font(30rpx, 80rpx)
    background #fff
.para-title
  Flex(flex, , center)
  Font(32rpx, 100rpx, bold)
  color #424242
  div
    margin-right 20rpx
    Height_Width(45rpx, 10rpx)
    background themeColor
.commit
    padding 30rpx
    BorderBox()
    navigator, div, button
        Height_Width(100%)
        background themeColor
        color white
        text-align center
        Font(32rpx, 80rpx)
        border-radius 10rpx
.between
    justify-content space-between
.list-input
    Flex(flex, , center)
    Height_Width(90rpx, 100%)
    Font(30rpx, 35rpx)
    background-color white
    border-bottom 1rpx solid #dedede
    BorderBox()
    span
        margin 0 30rpx
        white-space nowrap
    input
        flex 1
        margin-right 30rpx
        text-align right
        // color #777
    .unset
        color #9B9B9B
    navigator
        overflow hidden
        white-space nowrap
        margin-right 30rpx
        color #757575
    >div, picker
        margin-right 30rpx
        color #757575
.fade
    opacity .5
.hover
    background-color #D5D5D5 !important
.hover-shallow
    background-color #EDEDED !important
.hide
    display none !important
textarea
    padding 10rpx