110 lines
2.8 KiB
Stylus
110 lines
2.8 KiB
Stylus
$themeColor = rgb(128,51,134);
|
|
$fontColor = rgb(77,9,86)
|
|
|
|
Button()
|
|
background linear-gradient(135deg,#fa2c19 0%,#fa6419 100%)
|
|
color white
|
|
padding 10px
|
|
width 85%
|
|
text-align center
|
|
border-radius 25px
|
|
border: 1px solid transparent
|
|
|
|
hint()
|
|
width 100%
|
|
box-sizing border-box
|
|
position absolute
|
|
text-indent 2em
|
|
z-index 9999
|
|
padding 10px
|
|
background rgba(255,255,255,0.8)
|
|
color rgb(0,133,208)
|
|
font-size 12px
|
|
line-height 1.4em
|
|
|
|
.home-wrap
|
|
overflow hidden
|
|
height: 100vh
|
|
.hint
|
|
width 100%
|
|
box-sizing border-box
|
|
position absolute
|
|
text-indent 2em
|
|
padding 10px
|
|
background rgba(255,255,255,0.3)
|
|
backdrop-filter: blur(30)
|
|
color white
|
|
font-size 12px
|
|
line-height 1.4em
|
|
bottom 0
|
|
.background-wrap
|
|
position: fixed
|
|
z-index: -1
|
|
.top-brand-wrap
|
|
color: white
|
|
text-align: center
|
|
margin-top: 15vh
|
|
.info-card
|
|
position relative
|
|
width 90%
|
|
box-shadow: 0 4px 10px #00000012
|
|
background white
|
|
margin 10vh auto auto auto
|
|
.van-form
|
|
width 100%
|
|
padding 30px
|
|
box-sizing border-box
|
|
position relative
|
|
// z-index 999
|
|
.van-cell-group
|
|
margin: 30px auto
|
|
.van-cell
|
|
background: transparent
|
|
.van-button
|
|
background linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)
|
|
box-shadow: 0 4px 10px rgba(250, 74, 25, 0.5)
|
|
color white
|
|
padding 10px
|
|
border: 1px solid transparent
|
|
margin-bottom: 20px
|
|
.register
|
|
background: linear-gradient(135deg, rgb(255,158,13) 0%, rgb(255,167,13) 45%, rgb(255,182,13) 83%, rgb(255,190,13) 100%)
|
|
box-shadow: 0 4px 10px rgba(255, 167, 13, 0.5)
|
|
.flex-container
|
|
display flex
|
|
flex-direction column
|
|
justify-content center
|
|
align-items center
|
|
.main
|
|
width 100vw
|
|
position relative
|
|
z-index 800
|
|
.hint
|
|
width 70%
|
|
border-radius 10px
|
|
height 100px
|
|
background rgba(255,255,255,0.9)
|
|
position absolute
|
|
left 50%
|
|
top 50%
|
|
transform translate(-50%,-50%)
|
|
display flex
|
|
justify-content center
|
|
align-items center
|
|
color rgba(0,133,208,1)
|
|
.imgs-wrap
|
|
overflow hidden
|
|
width 100%
|
|
padding 8px
|
|
padding-top 40px
|
|
padding-bottom 50px
|
|
box-sizing border-box
|
|
.imgs-item
|
|
font-size 0
|
|
border 1px solid white
|
|
width 100%
|
|
margin-bottom 10px
|
|
border-radius 10px
|
|
overflow hidden
|
|
img
|
|
width 100% |