@media screen and (min-width: 768px) {
  html,
  body {
    min-height: 100%;
    background: #edf2f5;
  }

  #app {
    min-height: 100vh;
  }

  uni-app {
    display: block !important;
    width: 430px !important;
    max-width: 100vw !important;
    margin: 0 auto !important;
    min-height: 100vh;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  uni-page,
  uni-page-head,
  uni-page-wrapper,
  uni-page-body {
    width: 100% !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  uni-tabbar {
    width: 430px !important;
    max-width: 100vw !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }

  uni-page {
    min-height: 100vh;
    background: #fafafa;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06), 0 20px 50px rgba(15, 23, 42, 0.12);
  }

  uni-page-body {
    min-height: 100vh;
    background: #fafafa;
  }
}

html,
body,
#app,
uni-app,
uni-page,
uni-page-wrapper,
uni-page-body,
.container {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden;
}

uni-page-body,
uni-view,
uni-scroll-view,
uni-swiper,
uni-swiper-item,
uni-image,
uni-text {
  box-sizing: border-box;
}

.search-wrapper {
  position: relative !important;
  z-index: 20 !important;
  left: 0;
  right: 0;
  width: 100% !important;
  box-sizing: border-box;
}

.search-wrapper .index-cont-search {
  box-sizing: border-box;
}

.main-loc {
  min-height: 45px !important;
  height: auto !important;
}

.main-loc .diy-location {
  position: relative !important;
  z-index: 30 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.diy-banner {
  margin-top: 0 !important;
  min-height: 140px !important;
}

.diy-navBar,
.goods-container,
.diy-goods {
  width: 100%;
  overflow: hidden;
}

.diy-navBar .data-list {
  display: grid !important;
  width: 100% !important;
  max-width: 100vw !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

.diy-navBar .item-nav {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.diy-navBar .avg-sm-2 > .item-nav {
  flex: none;
}

.diy-navBar .avg-sm-2 {
  grid-template-columns: minmax(0, 1fr) !important;
}

.diy-navBar .avg-sm-3 > .item-nav {
  flex: none;
}

.diy-navBar .avg-sm-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.diy-navBar .avg-sm-4 > .item-nav {
  flex: none;
}

.diy-navBar .avg-sm-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.diy-navBar .nav-to {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  height: 96px !important;
  padding: 12px 8px !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
  border-radius: 8px !important;
}

.diy-navBar .item-text {
  min-width: 0 !important;
  padding-left: 8px !important;
}

.diy-navBar .item-text .text {
  font-size: 16px !important;
  line-height: 20px !important;
}

.diy-navBar .item-text .tip {
  font-size: 12px !important;
  line-height: 16px !important;
  margin-top: 4px !important;
}

.diy-navBar .item-image {
  flex: 0 0 42px !important;
  float: none !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
}

.diy-navBar .item-image .image {
  width: 42px !important;
  height: 42px !important;
}

.goods-list {
  width: 100% !important;
  max-width: 100vw !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.goods-list::after {
  clear: both;
  content: "";
  display: table;
}

.goods-list uni-scroll-view {
  display: block;
  width: 100% !important;
  max-width: 100vw !important;
  overflow: hidden !important;
}

.goods-list .goods-item {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.goods-list.column__2 .goods-item {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

.goods-list.column__1 .goods-item {
  width: 100% !important;
  max-width: 100% !important;
}

.goods-list .goods-name {
  font-size: 16px !important;
  line-height: 22px !important;
}

.goods-list .goods-info .goods-image {
  height: 120px !important;
  padding-bottom: 0 !important;
  background: #eef3f4 !important;
}

.goods-list .goods-info .goods-image::after {
  display: none !important;
}

.goods-list .goods-info .goods-image .image {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 120px !important;
  padding: 8px !important;
  border-radius: 10px !important;
}

.goods-list .detail {
  height: auto !important;
  min-height: 92px !important;
}

.goods-list .detail-price,
.goods-list .desc_footer {
  font-size: 13px !important;
}

.goods-list .goods-price,
.goods-list .price_x {
  font-size: 18px !important;
}

.uni-tabbar__label {
  font-size: 12px !important;
}

.asset-card,
.order-navbar,
.my-asset,
.my-service {
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.asset-card-item,
.order-navbar-item,
.service-item {
  min-width: 0;
}

/* 电脑预览手机框(430) 与整窗 rpx 不一致时，防止余额/积分被挤成竖排 */
.asset-card {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.asset-card-item {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.asset-card-icon {
  width: 40px !important;
  height: 40px !important;
  margin-right: 8px !important;
}

.asset-card-icon .iconfont {
  font-size: 20px !important;
}

.asset-card-info {
  flex: 1 1 auto !important;
  min-width: 90px !important;
  overflow: hidden !important;
}

.asset-card-label,
.asset-card-value {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: auto !important;
}

.asset-card-label {
  font-size: 12px !important;
}

.asset-card-value {
  font-size: 22px !important;
}

.asset-card-arrow {
  font-size: 12px !important;
  margin-left: 4px !important;
}

.main-header .nick-name {
  max-width: 180px !important;
  font-size: 18px !important;
}

.member-update .recharge-item-duration {
  font-size: 14px !important;
  white-space: nowrap !important;
}

.member-update .recharge-item-price-text {
  font-size: 26px !important;
}

.member-update .recharge-item-des,
.member-update .rmb {
  font-size: 12px !important;
}

@media screen and (min-width: 768px) {
  uni-app,
  uni-page,
  uni-page-head,
  uni-page-wrapper,
  uni-page-body {
    max-width: 430px !important;
  }

  uni-page,
  uni-page-head,
  uni-page-wrapper,
  uni-page-body {
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}