/* 框架相关 */
@color-blue: #023694; // 蓝色
@color-green: #0B683A; // 绿色
@color-gold: #C69C6D; // 金色
@color-white: #ffffff; // 白色
@color-pink: #ECA792; // 粉色
@color-light-green: #D4E0D6; // 浅绿色

/* 公用方法 */
// 背景颜色
.color-background-color(@value) {
  @color: 'color-@{value}';
  background-image: none;
  background-color: @@color;
}

// tab导航栏
.colorClassify(@value) {
  @color: 'color-@{value}';
  display: flex;
  background-color: @@color;
  font-size: 30px;
  height: 82px;
  line-height: 82px;
  border-top: 2px solid @color-gold;
  .classifyItem {
    flex: 1;
    color: @color-white;
    text-align: center;
    position: relative;

    &::after {
      content: '';
      display: none;
      width: 100px;
      height: 2px;
      background-color: @color-gold;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
  }
  .isChecked {
    color: @@color;
    background-color: @color-white;

    &::after {
      display: block;
    }
  }
}

button {
  //消除button的默认样式
  margin: 0;
  padding: 0;
  border: 1px solid transparent; //自定义边框
  outline: none; //消除默认点击蓝色边框效果
}

.dialog-content-text {
  font-size: 30px;
}


/*颜色列表：红色*/
:root {
  --k-color-red-01: #F24439; /* 对应色值表第一行 */
  --k-color-red-02: #F56961; /* 对应色值表第二行 */
  --k-color-red-03: #F78F88; /* 对应色值表第三行 */
  --k-color-red-04: #FAB4B0; /* 对应色值表第四行 */
  --k-color-red-05: #FCDAD7; /* 对应色值表第五行 */
  --k-color-red-06: #FEECEB; /* 对应色值表第六行 */
}

/*颜色列表：浦东*/
.theme-pudong {
  --k-color-primary-01: #2E663F; /* 对应色值表第一行 */
  --k-color-primary-02: #588565; /* 对应色值表第二行 */
  --k-color-primary-03: #82A38C; /* 对应色值表第三行 */
  --k-color-primary-04: #ABC2B2; /* 对应色值表第四行 */
  --k-color-primary-05: #D5E0D9; /* 对应色值表第五行 */
  --k-color-primary-06: #EAF0EC; /* 对应色值表第六行 */
  --k-color-primary: var(--k-color-primary-01); /* 对应色值表第一行 */
  --k-color-primary-active: var(--k-color-primary-03); /* 对应色值表第三行 */
  --k-color-primary-disabled: var(--k-color-primary-05); /* 对应色值表第五行 */
}

/*颜色列表：红色*/
.theme-jingan {
  --k-color-primary-01: #143793; /* 对应色值表第一行 */
  --k-color-primary-02: #435FA9; /* 对应色值表第二行 */
  --k-color-primary-03: #7287BE; /* 对应色值表第三行 */
  --k-color-primary-04: #A1AFD4; /* 对应色值表第四行 */
  --k-color-primary-05: #D0D7E9; /* 对应色值表第五行 */
  --k-color-primary-06: #E7EBF4; /* 对应色值表第六行 */
  --k-color-primary: var(--k-color-primary-01); /* 对应色值表第一行 */
  --k-color-primary-active: var(--k-color-primary-03); /* 对应色值表第三行 */
  --k-color-primary-disabled: var(--k-color-primary-05); /* 对应色值表第五行 */
}


/*vant 样式补充*/
/*toast*/
//.toast-dark {
//  @toast-background-color: rgba(0, 0, 0, 0.8);
//}

@toast-background-color: rgba(0, 0, 0, 0.8);

.van-toast{
  border-radius: 10px;
  padding: 25px 42px;
  min-height: inherit;
  background-color: @toast-background-color;
  .van-toast__text {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    margin-top: 0;
    color: #FFFFFF;
  }
  top: 300PX;
  &.width65{
    width: 65%;
  }
  &.top300{
    top: 300PX;
  }
}
.van-toast--top {
  top: 312px;
}