.webRoot-header {
  width: 100%;
  height: 1.8744rem;
  background: #fff;
  display: flex;
  padding: 0.5112rem 0.6816rem; }
  .webRoot-header__main {
    position: fixed;
    top: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 9;
    width: 100%;
    height: 1.8744rem;
    align-items: center;
    padding: 0 0.6816rem;
    box-shadow: 0.0000rem 0.0852rem 0.1704rem 0.0000rem rgba(0, 0, 0, 0.2);
    background-color: #fff; }
    .webRoot-header__main__logo {
      width: 2.5560rem;
      height: 0.6390rem; }
    .webRoot-header__main__search {
      width: 9.7980rem;
      height: 1.2780rem;
      background: #ffffff;
      border-radius: 0.6816rem;
      border: 0.0426rem solid #dcdcdc;
      padding: 0 0.6816rem;
      align-items: center;
      margin: 0 0.5538rem 0 auto;
      flex-direction: row; }
      .webRoot-header__main__search__input {
        flex: 1;
        border: none;
        font-size: 0.5112rem; }
      .webRoot-header__main__search__icon {
        font-size: 0.8946rem;
        color: #1d2129; }
    .webRoot-header__main__icon {
      font-size: 0.8946rem;
      color: #1d2129; }
  .webRoot-header__container {
    top: -100%;
    transition: 0.3s;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: fixed;
    z-index: 8; }
    .webRoot-header__container-show {
      top: 1.8744rem; }
    .webRoot-header__container__item {
      flex-direction: row;
      align-items: center;
      padding: 0.6816rem;
      justify-content: space-between;
      border-bottom: 0.0213rem solid rgba(0, 0, 0, 0.6); }
      .webRoot-header__container__item__name {
        font-size: 0.5964rem;
        color: #373d52;
        line-height: 0.8520rem; }
      .webRoot-header__container__item__icon {
        font-size: 0.5964rem;
        color: #191919;
        line-height: 0.8520rem; }
.webRoot-scrollTop {
  position: fixed;
  right: 1.3632rem;
  bottom: 5.3250rem;
  width: 1.3632rem;
  height: 1.3632rem;
  z-index: 9;
  border-radius: 1.3632rem;
  background: #1d2129;
  justify-content: center;
  align-items: center; }
  .webRoot-scrollTop__img {
    width: 100%;
    height: 100%; }
.webRoot-footer {
  width: 100%;
  height: 2.0874rem; }
  .webRoot-footer__main {
    position: fixed;
    background-color: #fff;
    bottom: 0;
    left: 0;
    z-index: 9;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 2.0874rem; }
    .webRoot-footer__main__item {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .webRoot-footer__main__item__imgBox {
        width: 0.8520rem;
        height: 0.8520rem; }
        .webRoot-footer__main__item__imgBox__img {
          width: 100%;
          height: 100%; }
        .webRoot-footer__main__item__imgBox__dot {
          padding: 0.0426rem 0.1278rem;
          border-radius: 100%;
          background: #f53f3f;
          font-size: 0.3408rem;
          color: #ffffff;
          justify-content: center;
          align-items: center;
          position: absolute;
          right: -0.1278rem;
          top: 0.0000rem; }
      .webRoot-footer__main__item__name {
        font-size: 0.4260rem;
        color: rgba(0, 0, 0, 0.9);
        line-height: 0.5964rem;
        margin-top: 0.1704rem; }
.webRoot-inputBox {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  justify-content: flex-end; }
  .webRoot-inputBox__container {
    width: 15.9324rem;
    height: 14.3988rem;
    background: #ffffff;
    border-radius: 0.3408rem 0.3408rem 0.0000rem 0.0000rem;
    padding: 0.6816rem; }
    .webRoot-inputBox__container__top {
      flex-direction: row;
      align-items: center; }
      .webRoot-inputBox__container__top .icon-bianji {
        font-size: 1.0224rem;
        color: #ff7d00; }
      .webRoot-inputBox__container__top__title {
        font-size: 0.5964rem;
        color: #1d2129;
        flex: 1;
        line-height: 0.8520rem;
        margin-left: 0.3408rem; }
      .webRoot-inputBox__container__top .icon-guanbi {
        font-size: 0.6816rem; }
    .webRoot-inputBox__container__input {
      width: 14.6118rem;
      height: 1.7040rem;
      background: #ffffff;
      border-radius: 0.1704rem;
      border: 0.0426rem solid #dcdcdc;
      padding: 0.5112rem;
      font-size: 0.5112rem;
      line-height: 0.6816rem;
      margin-top: 0.5112rem; }
    .webRoot-inputBox__container__box {
      margin-top: 0.5112rem;
      width: 14.6118rem;
      min-height: 7.2420rem;
      background: #ffffff;
      border-radius: 0.1704rem;
      border: 0.0426rem solid #dcdcdc; }
      .webRoot-inputBox__container__box__icons {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        min-height: 1.7040rem;
        background: #f7f7f9;
        padding: 0 0 0 1.0224rem;
        border-bottom: 0.0426rem solid #dcdcdc; }
        .webRoot-inputBox__container__box__icons__item {
          margin-right: 1.0650rem;
          align-items: center;
          color: #1d2129;
          flex-direction: row; }
          .webRoot-inputBox__container__box__icons__item__icon {
            font-size: 1.0224rem; }
          .webRoot-inputBox__container__box__icons__item__name {
            font-size: 0.5112rem; }
    .webRoot-inputBox__container__button {
      width: fit-content;
      padding: 0.2130rem 0.6816rem;
      background: #0052d9;
      border-radius: 0.1278rem;
      font-size: 0.5964rem;
      color: rgba(255, 255, 255, 0.9);
      line-height: 0.9372rem;
      margin: 0.6816rem 0 0 auto; }
.webRoot-userCenterNav {
  width: 100%;
  background-color: #1d2129; }
  .webRoot-userCenterNav__header {
    flex-direction: row;
    align-items: center;
    padding-left: 0.6816rem;
    border-bottom: 0.0213rem solid #c9cdd4; }
    .webRoot-userCenterNav__header__icon {
      font-size: 1.0224rem;
      color: #c9cdd4;
      margin-right: 0.3408rem; }
    .webRoot-userCenterNav__header__name {
      font-size: 0.5964rem;
      font-weight: 500;
      color: #c9cdd4; }
    .webRoot-userCenterNav__header__box {
      width: 2.3856rem;
      height: 2.3856rem;
      border-radius: 0.1704rem;
      justify-content: center;
      align-items: center;
      margin-left: auto; }
      .webRoot-userCenterNav__header__box__icon {
        font-size: 1.0224rem;
        color: #fff; }
  .webRoot-userCenterNav__item {
    width: fit-content;
    background: rgba(216, 216, 216, 0); }
    .webRoot-userCenterNav__item:nth-child(2) .webRoot-userCenterNav__item__title {
      padding: 0.6816rem; }
      .webRoot-userCenterNav__item:nth-child(2) .webRoot-userCenterNav__item__title__icon {
        margin: 0;
        margin-right: 0.3408rem;
        color: #fff; }
      .webRoot-userCenterNav__item:nth-child(2) .webRoot-userCenterNav__item__title__name {
        color: #fff; }
    .webRoot-userCenterNav__item--select {
      background: #4e5969;
      width: fit-content; }
      .webRoot-userCenterNav__item--select__title {
        flex-direction: row;
        align-items: center;
        padding: 0.5112rem 1.1928rem;
        text-align: center; }
        .webRoot-userCenterNav__item--select__title__name {
          font-size: 0.5112rem;
          color: #fff;
          line-height: 0.6816rem; }
        .webRoot-userCenterNav__item--select__title__icon {
          font-size: 0.8520rem;
          color: #fff;
          margin-left: 0.1704rem;
          transform: rotate(180deg); }
    .webRoot-userCenterNav__item__title {
      flex-direction: row;
      align-items: center;
      padding: 0.5112rem 1.1928rem;
      text-align: center; }
      .webRoot-userCenterNav__item__title__name {
        font-size: 0.5112rem;
        color: #c9cdd4;
        line-height: 0.6816rem; }
      .webRoot-userCenterNav__item__title__icon {
        font-size: 0.8520rem;
        color: #c9cdd4;
        margin-left: 0.1704rem; }
    .webRoot-userCenterNav__item__content__item {
      padding: 0.5112rem 0.4260rem 0.5112rem 1.7892rem;
      background-color: #1d2129;
      font-size: 0.5112rem;
      color: #c9cdd4;
      line-height: 0.6816rem; }
      .webRoot-userCenterNav__item__content__item--select {
        padding: 0.5112rem 0.4260rem 0.5112rem 1.7892rem;
        background-color: #4e5969;
        font-size: 0.5112rem;
        color: #ffffff;
        line-height: 0.6816rem; }
.webRoot-userCenterInfo {
  width: 100%;
  flex-direction: row;
  background: #4e5969; }
  .webRoot-userCenterInfo__main {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.6816rem;
    justify-content: space-between; }
    .webRoot-userCenterInfo__main__userInfo {
      width: 100%;
      display: flex;
      align-items: center;
      flex-direction: row; }
      .webRoot-userCenterInfo__main__userInfo__avatar {
        width: 3.4080rem;
        height: 3.4080rem;
        margin-right: 1.0224rem;
        border-radius: 100%; }
      .webRoot-userCenterInfo__main__userInfo__content__name {
        font-size: 0.6816rem;
        font-weight: 500;
        color: #ffffff;
        line-height: 0.9372rem; }
      .webRoot-userCenterInfo__main__userInfo__content__text {
        font-size: 0.5112rem;
        color: #ffffff;
        line-height: 0.7242rem;
        margin-top: 0.1704rem; }
    .webRoot-userCenterInfo__main__line {
      width: 0.0213rem;
      height: 2.2791rem;
      background: #e5e6eb;
      display: none; }
    .webRoot-userCenterInfo__main__container {
      width: 7.0290rem;
      padding: 0.6816rem 0.2556rem;
      border-radius: 0.1704rem;
      border: 0.0426rem solid #dcdcdc;
      align-items: center;
      margin-top: 0.6816rem; }
      .webRoot-userCenterInfo__main__container:last-child {
        width: 100%;
        height: 3.8340rem; }
      .webRoot-userCenterInfo__main__container__number {
        font-size: 1.0224rem;
        font-weight: 600;
        color: #ffffff;
        line-height: 1.4058rem; }
      .webRoot-userCenterInfo__main__container__name {
        font-size: 0.5112rem;
        color: #ffffff;
        line-height: 0.7242rem;
        margin-top: 0.3408rem; }
      .webRoot-userCenterInfo__main__container__btns {
        margin-top: 0.4260rem;
        display: none; }
        .webRoot-userCenterInfo__main__container__btns button {
          margin: 0 0.1065rem; }
        .webRoot-userCenterInfo__main__container__btns__purple {
          background: #722ed1;
          border-radius: 0.0852rem;
          padding: 0.1278rem 0.4260rem;
          font-size: 0.4047rem;
          color: rgba(255, 255, 255, 0.9);
          line-height: 0.6177rem; }
        .webRoot-userCenterInfo__main__container__btns__blue {
          background: #165dff;
          border-radius: 0.0852rem;
          padding: 0.1278rem 0.4260rem;
          font-size: 0.4047rem;
          color: rgba(255, 255, 255, 0.9);
          line-height: 0.6177rem; }
.webRoot-orderScreen {
  padding: 0 0 0.6816rem 0.6816rem;
  flex-direction: row;
  flex-wrap: wrap; }
  .webRoot-orderScreen > input,
  .webRoot-orderScreen button,
  .webRoot-orderScreen div {
    margin-top: 0.6816rem; }
  .webRoot-orderScreen__date {
    display: block;
    padding: 0.0426rem 0.4260rem;
    border-radius: 0.1278rem;
    border: 0.0426rem solid #dcdcdc;
    margin-right: auto;
    font-size: 0.5112rem;
    color: #1d2129;
    line-height: 0.9372rem; }
  .webRoot-orderScreen__shop {
    display: block;
    padding: 0.0426rem 0.4260rem;
    width: fit-content;
    border-radius: 0.1278rem;
    border: 0.0426rem solid #dcdcdc;
    margin-right: auto;
    font-size: 0.5112rem;
    color: #1d2129;
    line-height: 0.9372rem; }
  .webRoot-orderScreen__button {
    padding: 0.0426rem 0.4260rem;
    width: fit-content;
    margin-right: 0.5112rem;
    background: #165dff;
    border-radius: 0.1278rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.5112rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 0.9372rem; }
    .webRoot-orderScreen__button > .icon {
      font-size: 0.6816rem; }
  .webRoot-orderScreen__copy {
    padding: 0.0426rem 0.4260rem;
    width: fit-content;
    margin-right: 0.5112rem;
    background: #fff;
    border: 0.0426rem solid #165dff;
    border-radius: 0.1278rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.5112rem;
    color: #165dff;
    line-height: 0.9372rem; }
    .webRoot-orderScreen__copy > .icon {
      font-size: 0.6816rem; }
  .webRoot-orderScreen__select {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 0.5964rem;
    color: #86909c;
    margin-right: 0.6816rem; }
    .webRoot-orderScreen__select input {
      margin: 0 0 0 0.3408rem;
      width: 0.6816rem;
      height: 0.6816rem; }

.root-webShow > .dateBox {
  height: 0.9159rem;
  background: #ffffff;
  font-size: 0.5112rem;
  border-radius: 0.0852rem;
  border: 0.0213rem solid #0052d9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0.2343rem; }
.root-webShow .dottedLine {
  border-bottom: 0.0426rem dashed #999;
  padding-bottom: 0.6816rem; }

.nav {
  width: 100%; }
  .nav > .box {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; }
    .nav > .box > .item {
      display: flex;
      flex-direction: column;
      width: 5.3250rem;
      height: 4.4730rem;
      background: #f7f7f9;
      justify-content: center;
      align-items: center;
      border-right: 0.0213rem solid #dcdcdc;
      border-bottom: 0.0213rem solid #dcdcdc; }
      .nav > .box > .item-select {
        display: flex;
        flex-direction: column;
        width: 5.3250rem;
        height: 4.4730rem;
        background: #ffffff;
        justify-content: center;
        align-items: center;
        border-right: 0.0213rem solid #dcdcdc;
        border-bottom: 0.0213rem solid #dcdcdc; }
        .nav > .box > .item-select > .img {
          width: 2.0448rem;
          height: 2.0448rem;
          border-radius: 0.1704rem; }
        .nav > .box > .item-select > .name {
          width: 4.2600rem;
          height: 0.7242rem;
          font-size: 0.5112rem;
          color: #1d2129;
          text-align: center;
          margin-top: 0.3408rem; }
        .nav > .box > .item-select:nth-child(3n) {
          border-right: 0.0213rem solid #fff; }
      .nav > .box > .item:nth-child(3n) {
        border-right: 0.0213rem solid #fff; }
      .nav > .box > .item > .img {
        width: 2.0448rem;
        height: 2.0448rem;
        border-radius: 0.1704rem; }
      .nav > .box > .item > .name {
        width: 4.2600rem;
        height: 0.7242rem;
        font-size: 0.5112rem;
        color: #1d2129;
        text-align: center;
        margin-top: 0.3408rem; }

.root-userCenterNav {
  display: none; }
.root-userCenterInfo {
  display: none; }
.root-footer {
  display: none; }
.root-header {
  display: none; }
.root-feedback {
  display: none; }
.root-footerPages {
  display: none !important; }

.footer-pages {
  flex-direction: row;
  align-items: center;
  margin: 0 0.6816rem 0.5112rem auto; }
  .footer-pages form {
    display: flex;
    align-items: center; }
  .footer-pages a,
  .footer-pages span,
  .footer-pages input {
    color: #666;
    display: block;
    padding: 0.1704rem 0.2982rem;
    text-decoration: none;
    line-height: 1.2;
    background-color: #fff;
    border: 0.0213rem solid #eee;
    border-radius: 0;
    font-size: 0.3834rem;
    margin-left: 0.1065rem; }
  .footer-pages input {
    width: 1.7040rem;
    padding: 0.2556rem;
    line-height: 0.3834rem; }
  .footer-pages .current {
    z-index: 2;
    color: #fff;
    background-color: #165bd3;
    border-color: #165bd3;
    cursor: default; }

.loading-body {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0.0639rem;
  text-align: center;
  padding: 0.5538rem 0.6816rem;
  color: #fff;
  display: flex;
  align-items: center; }
  .loading-body .loading-icon {
    width: 1.1076rem;
    height: 1.1076rem; }
  .loading-body .loading-msg {
    font-size: 0.5112rem; }

.uk-text-center .uk-margin-small-top {
  font-size: 0.2982rem; }

.uk-modal {
  display: flex;
  justify-content: center;
  align-items: center; }
  .uk-modal .uk-modal-dialog .uk-modal-header .uk-modal-title {
    font-size: 0.6816rem; }
  .uk-modal .uk-modal-dialog .uk-modal-body {
    font-size: 0.5112rem; }
    .uk-modal .uk-modal-dialog .uk-modal-body .uk-form-group {
      margin-bottom: 0.6816rem; }
      .uk-modal .uk-modal-dialog .uk-modal-body .uk-form-group .uk-form-label {
        font-size: 0.5112rem; }
      .uk-modal .uk-modal-dialog .uk-modal-body .uk-form-group .uk-input {
        font-size: 0.5964rem;
        height: auto;
        padding: 0.5112rem 0.2556rem; }
      .uk-modal .uk-modal-dialog .uk-modal-body .uk-form-group .uk-text-primary {
        font-size: 0.5112rem; }
    .uk-modal .uk-modal-dialog .uk-modal-body .uk-form-controls .uk-form-help {
      font-size: 0.5112rem; }
  .uk-modal .uk-modal-footer .uk-button {
    font-size: 0.5112rem; }