@charset "UTF-8";

page {
  height: 100%;
}

view,
text,
scroll-view {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

button:after {
  display: none;
}

div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

button {
  outline: none;
}

.taro-text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.taro-tabbar__panel,
.taro_router {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.taro_page {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.taro-model__btn {
  color: #F99D78 !important;
}

.blackAndWhite text,
.blackAndWhite button,
.blackAndWhite image,
.blackAndWhite video,
.blackAndWhite cover-image {
  -webkit-filter: grayscale(100%) !important;
          filter: grayscale(100%) !important;
}

.blackAndWhite view,
.blackAndWhite rich-text {
  color: #333 !important;
}

.blackAndWhite .at-badge__num {
  background: #eee !important;
}

.boxBlack {
  -webkit-filter: grayscale(100%) !important;
          filter: grayscale(100%) !important;
}

/* @media (prefers-color-scheme: dark) {

  // 底部导航颜色
  .at-tab-bar,
  .item-newTab {
    background: #232323 !important;
    border-top: 0px solid !important;
  }

  .at-tab-bar::after {
    border-top-width: 0px !important;
  }


  .op_bg {
    background-color: rgba(255, 255, 255, 0.2);
  }

  .hover-class {
    opacity: 0.8 !important;
    background: rgba(255, 255, 255, 0.2) !important;
  }
  .skeleton  {
    background: #000 !important;
  }

  .skeleton-row, .skeleton-title, .skeleton-action, .user-ticket .user-ticket-wrap .user-ticket-info, .skeleton-avatar  {
    background: #232323 !important;
  }
  .at-tabs__underline {
    background-color: #232323 !important;
  }
} */