/* // 公共变量 */
:root {
  /* // 最大宽度 */
  --ex-max-width: 100%;
  /* 白色 */
  --ex-white: #fff;
  /* 黑色 */
  --ex-black: #000;
}

@media (min-width: 640px) {
  /* // pc */
  :root {
    /* 最大宽度 */
    --ex-max-width: 414px;
  }

}

@media (max-width: 640px) {
  :root {
    /* 最大宽度 */
    --ex-max-width: 100%;
  }
}
* {
  /* line-height: 1.2; */
  user-select: none;
  user-drag: none;
}


/* #app { */
  /* width: 100%; */
  /* max-width: var(--ex-max-width); */
/* } */

  




body {
    font-family: "PingFang-SC", "Microsoft YaHei", "SimHei", "STHeiti", "Arial", sans-serif;
}

p {
    font-family: "PingFang-SC", sans-serif;
    font-weight: 300;
    /* 轻量 */
}

.page {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
    background-color: #f2f2f5;
}

.nav-bar {
    /* background: linear-gradient(90deg, #7e5678, #e6c3a1); */
    background: linear-gradient(90deg, #9695F9 0%, #7EB3ED 100%);
    height: 100px;
}

.van-nav-bar__content {
    height: 100% !important;
}

.van-nav-bar__title {
    max-width: 60%;
    margin: 0 auto;
    color: #ffffff;
    font-size: 32px !important;
    height: 100%;
    display: flex;
    align-items: center;
}
@media (hover: hover) and (pointer: fine) {
    .van-nav-bar__title {
        max-width: 60%;
        margin: 0 auto;
        color: #ffffff;
        font-size: 16px !important;
        height: 100%;
        display: flex;
        align-items: center;
    }
}

.van-nav-bar {
    line-height: 50px;
}

.van-nav-bar .van-icon {
    font-size: 45px;
}
@media (hover: hover) and (pointer: fine) {
    .van-nav-bar .van-icon {
        font-size: 25px;
    }
}

.van-hairline--bottom::after {
    border-bottom-width: 0px;
}

.bg-container {
    position: relative;
    bottom: 0;
    background: linear-gradient(-45deg, #7e5678, #e6c3a1);
    z-index: 2;
}

.bg-container .bg-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bg-container .bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(hsla(0, 0%, 100%, 0), #7e5678);
}

.container {
    display: flex;
    flex-direction: column;
    height: 100%;
    z-index: 2;
}

.flex-1 {
    flex: 1;
}

.font-28 {
    font-size: 28px;
}

.nav-right {
    font-size: 30px;
    color: #fff;
}

.van-empty__image {
    width: 300px;
    height: 300px;
}

.van-empty__description {
    font-size: 30px;
}

    .clear::after{
    content: "";
    clear: both;
}

.van-toast {
    max-width: 100px;
    font-size: 20px;
    /* margin-left: 0 auto;
    left: 0;
    right: 0; */
}

