// ------颜色------
@import "./color.scss";
// ------文字------
@import "./text.scss";
// ------布局------
@import "./content.scss";
.justify-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.justify-middle {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.self_center {
  align-self: center;
}
.flex {
  display: flex;
  &.wrap {
    flex-wrap: wrap;
  }
  &.col {
    flex-direction: column;
  }
}
.inline-block {
  display: inline-block;
}
.block {
  display: block;
}
.hidden {
  display: none;
}

// ------形状------
.bg-max {
  height: 100vh;
}
.box {
  padding: 20rpx;
  box-shadow: 2rpx 10rpx 10rpx #efefef;
  &.round {
    border-radius: 20rpx;
  }
  &.action {
    &:active {
      box-shadow: 5rpx 8rpx 8rpx #dfdfdf;
    }
  }
}

.top-bar {
  height: 44px;
}

.top-left {
  position: absolute;
  left: 10px;
  font-size: 24px;
  @extend .btn;
}

.top-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
}

.top-right {
  position: absolute;
  right: 10px;
  font-size: 24px;
  @extend .btn;
}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
// ------动画------
.btn {
  transition: all ease-in-out 0.2s;
  &:active {
    opacity: 0.8;
  }
}
// ------覆盖------
body {
  font-size: 15px;
  word-break: break-all;
  background: #f1f1f1;
}
// uni
view {  
  user-select: text;  
}  
.uni-video-cover {
  background-color: unset !important;
}
.uni-video-cover-duration {
  display: none !important;
}
.uni-video-cover-play-button {
  height: 80rpx !important;
  width: 80rpx !important;
  background-size: 37% !important;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.6);
}
// vant
:root {
  --orange: #EBA926;
  --van-primary-color: var(--orange);
  --van-tab-active-text-color: var(--orange);
  --van-tabs-bottom-bar-color: var(--orange);
  --van-success-color: var(--orange);
  --van-stepper-button-round-theme-color: var(--orange);
  --van-dialog-border-radius: 10px;
  --van-action-bar-icon-width: 54px;
  --van-action-bar-icon-font-size: 14px;
  --van-action-bar-icon-size: 20px;
  --van-action-bar-height: 55px;
  --van-tab-font-size: 16px;
}
.van-form {
  .van-field__clear {
    z-index: 100;
  }
  &.transparent {
    .van-cell {
      border-bottom: 1px solid #dfdfdf;
      padding: 17px 0 14px 0;
      &.field-focus {
        padding: 17px 0 13px 0;
        border-bottom: 2px solid var(--orange);
      }
    }
  }
  &.round {
    .van-cell {
      border-radius: 19px;
      border: 1px solid #dfdfdf;
      padding: 7px 16px 4px 16px;
      &.field-focus {
        padding: 6px 15px 3px 15px;
        border: 2px solid var(--orange);
      }
    }
  }
  &.transparent,
  &.round {
    .van-cell-group {
      background: unset !important;
    }
    .van-cell {
      background: unset !important;
      align-items: center; // 本身有flex参数
      transition: all ease-in-out 0.3s;
      .van-field__left-icon {
        color: #aaaaaa;
        padding-left: 1px;
        padding-right: 10px;
        transition: all ease-in-out 0.3s;
      }
      &.field-focus {
        .van-field__left-icon {
          color: var(--orange);
          padding-right: 10px;
        }
      }
    }
  }
}
.van-grid {
  &.small-padding {
    .van-grid-item__content {
      padding: 5px !important;
    }
  }
}
.van-action-bar {
  &.custom-width {
    .van-action-bar-button {
      flex: inherit;
    }
  }
}
.van-collapse {
  &.no-padding {
    .van-collapse-item__title {
      padding-left: 0 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      align-items: center;
    }
    .van-collapse-item__content {
      padding: 0 !important;
    }
  }
}
.van-action-bar {
  z-index: 1;
}
.van-uploader {
  &.round {
    .van-uploader__upload {
      border-radius: 50% !important;
    }
    .van-uploader__preview-image {
      border-radius: 50% !important;
    }
  }
}
.van-dialog {
  &.withBg {
    background: url('@/static/img/login_bg.png') no-repeat;
    background-size: 100% 50%;
    background-color: #fff;
  }
}
.van-image {
  vertical-align:top !important;
}
.van-field__control {
  font-size: 14px;
}
// ------其他------
