// 全局滤镜
html
  // filter grayscale(100%)
/* vue */
body
  font-family: 'Avenir', Helvetica, Arial, sans-serif
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
  background-color: #F0F2F5
  color: #333
  width: 100%
  /* rem布局基准 */
  font-size: 16px
// 初始值, 高度100%
html, body, #app
  color: $-color-text
  height: 100% // 主容器设置 100% height 不设置 overflow, 若需要设置高度 100%以填充背景色, 设置其容器 height 100%即可
a
  color: #333
/* -------------------------------------
             common css
------------------------------------- */
/* 仅web环境下添加: hover 效果 slide */
.device-web
  .hover-slide
    transition: all 0.5s
    position: relative
    overflow: hidden
  .hover-slide:before
    content: ''
    position: absolute
    top: 0
    left: 0
    width: 100%
    height: 100%
    z-index: 1
    transition: all 0.5s
    opacity: 1
    transform: translate(-105%, 0)
    border-right-width: 1px
    border-right-style: solid
    border-right-color: rgba(0, 0, 0, 1)
    background-color: rgba(0, 0, 0, 0.25)
  .hover-slide:hover:before
    opacity: 0
    transform: translate(0, 0)
  /* hover scale 效果 */
  .hover-sacle
    transition: all 0.2s linear
  .hover-sacle:hover
    transform: scale(1.1)
  /* hover translateY 和 shadow 效果 */
  .hover-top-shadow
    transition: transform 0.3s
    &:hover
      box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2) !important
      transform: translateY(-5px)
      border-radius: 4px
      overflow: hidden
// mob 表单提交按钮
.summit
  padding: 50px 30px
