/* 重置vant的样式*/

.van-button--default {
  background-color: #f3eed1;
  border-color: #f3eed1;
  color: #333;
}
.van-button--plain.van-button--default {
  color: #f3eed1;
}

.van-button--primary {
  background-color: #ce731e;
  border-color: #ce731e;
  font-weight: bold;
}

.van-button--plain.van-button--primary {
  color: #ce731e;
}
.van-button--success {
  background: rgba(206, 115, 30, 0.2);
  border-color: rgba(206, 115, 30, 0.2);
  color: rgb(206, 115, 30);
}
.van-button--plain.van-button--success {
  color: rgba(206, 115, 30, 0.2);
}
.van-button--warning {
  color: rgb(206, 115, 30);
  background: rgba(206, 115, 30, 0.2);
  border: none;
}
.van-button--plain {
  background: none !important;
}
.user-bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: solid 1px #e8e3c4;
  background: rgb(255, 250, 228);
}
.u-b-item {
  display: block;
  width: 20%;
  text-align: center;
  position: relative;
  color: #333;
}
.u-b-item.active {
  font-weight: 700;
}
.txt-primary {
  line-height: 1.75;
  color: #ce731e;
}
.txt-tip {
  line-height: 1.75;
  color: #8a8a8a;
}
.txt-main {
  line-height: 1.75;
  color: #333;
}
.num-tip {
  position: absolute;
  display: block;
  line-height: 1;
  top: 10px;
  right: 10px;
  border-radius: 100em;
  font-size: 12px;
  color: #fff;
  background: rgb(237, 85, 101);
}
.page-top-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  position: sticky;
  top: 0;
  /* background: rgb(243, 238, 209); */
  z-index: 1999;
}
.page-top-title {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  /* margin-left:12px; */
}
.page-content {
  /* padding:0 12px; */
}
/* 重置样式 */
.van-tab__text--ellipsis {
  overflow: unset;
}
.van-tabs__line {
  display: none;
}
.van-dialog .van-button--default,
.van-dialog {
  background: rgb(255, 250, 228);
}
.van-popup--bottom {
  background: rgb(255, 250, 228);
}
.van-tabs__nav {
  background: rgb(255, 250, 228);
}
.van-cell {
  background: none;
}
.van-cell:after {
  border-bottom: 1px solid #e8e3c4;
}
.van-checkbox__icon--checked .van-icon,
.van-radio__icon--checked .van-icon {
  background-color: #ce731e;
  border-color: #ce731e;
}
.van-button {
  min-width: 80px;
}

.van-picker {
  background: rgb(255, 250, 228);
}
.van-picker__mask {
  /* background:none; */
  background-image:
    linear-gradient(180deg, rgba(255, 250, 228, 0.9), rgba(255, 250, 228, 0.4)),
    linear-gradient(0deg, rgba(255, 250, 228, 0.9), rgba(255, 250, 228, 0.4));
}
.van-picker__confirm {
  color: #ce731e;
}
.van-action-sheet__item,
.van-action-sheet__cancel {
  background: rgba(255, 250, 228, 1);
}
.van-action-sheet__item:active,
.van-action-sheet__cancel:active {
  background: rgba(243, 238, 209, 1);
}
.van-action-sheet__gap {
  background: #e8e3c4;
  height: 2px;
}
.van-cell {
  padding: var(--van-cell-vertical-padding) 0;
}
.van-cell:after {
  left: 0;
  right: 0;
}
.van-field__control::placeholder {
  color: #8a8a8a;
}
.van-popup--center {
  margin: 0 auto;
}
@media (max-width: 768px) {
  .container {
    padding: 0 !important;
  }
  .page-top-nav {
    padding: 0 12px;
  }
  /* .page-top-title{
    font-size:14px;
  } */
  /* .page-top-nav{
    z-index:1;
  } */
  .page-content {
    padding: 0 12px;
  }
}
.user-info>.page-top-nav>.btn-back{
  display: flex;
  align-items: center;
}
.user-info>.page-top-nav>.btn-back>.page-top-title{
  display: flex;
  margin-left: -20px;
}
@media (min-width: 768px) {
  .page-top-nav {
    margin-bottom: 12px;
  }
}
@media (min-width: 1080px) {
  .page-top-nav {
    background: none;
    height: 50px;
    margin-bottom: 12px;
    position: fixed;
    width: 736px;
  }
  .van-popup--bottom {
    left: calc(50% - 458px);
    width: 736px;
  }
  .container-box {
    padding-top: 64px;
  }

  .container-box .container-box {
    padding-top: 0px;
  }

  .top-nav-1 {
    position: fixed;
    width: 736px;
  }
}

@media (min-width: 1440px) {
  .van-popup--bottom {
    left: calc(50% - 458px);
    width: 736px;
  }
}