@use 'theme';
/* eslint-disable */
@import 'theme';

/* eslint-disable */
@import 'base';

/* eslint-disable */
@import 'public';

/* eslint-disable */
@import '../../fonts/iconfont.css';

/* eslint-disable */
@import '../../fonts/moblie/iconfont.css';

a,
.green {
  padding: 3px;
  color: hsla(160deg, 100%, 37%, 1);
  text-decoration: none;
  transition: 0.4s;
}

.theme-color {
  color: theme.$theme-color;
}

.theme-background {
  background: theme.$nav-header-color;
}

.ml10 {
  margin-left: 10px;
}

.br12 {
  border-radius: 12px;
}

.container {
  // 容器的高度 ， 减少底部之后的高度
  //height: calc(100vh - 100px);
  //width: 100%;
  // 绿色 #70B937 白色过渡渐变 竖向  上一半部分 渐变到白色就可以
  background: linear-gradient(to bottom, theme.$theme-color 200px, #f2f2f2 300px);
}

.navbar-header {
  position: sticky;
  top: 0;
  width: 100%;
  // background-color: linear-gradient(to bottom, theme.$theme-color 200px, theme.$nav-color 300px);
  background: url('../img/home/nav.png') theme.$nav-color;
  color: #000;

  & .van-nav-bar__content {
    color: #000;

    & .van-nav-bar__title {
      color: #000;
    }
  }
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160deg, 100%, 37%, 0.2);
  }
}

.container {
  font-size: 12px;
}

.flex {
  display: flex;
}

.align-center {
  align-items: center;
}

.flex-start {
  justify-content: flex-start;
}

.flex-warp {
  flex-wrap: wrap;
}

.space-between {
  justify-content: space-between;
}

.text-center {
  text-align: center;
}

//剔除移动端所有滚动条
*::-webkit-scrollbar {
  display: none;
}
