html {
  -ms-touch-action: none;
  height: 100%; }
  html body {
    width: 100%;
    height: 100%; }
    html body .ys_container {
      display: none;
      height: 100%;
      max-width: 800px !important;
      min-width: 320px !important;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      overflow: hidden;
      background: #f2f2f2 !important; }
      html body .ys_container #wrapper {
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #f2f2f2;
        overflow: hidden; }
        html body .ys_container #wrapper #scroller {
          position: absolute;
          z-index: 1;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          width: 100%;
          -webkit-transform: translateZ(0);
          -moz-transform: translateZ(0);
          -ms-transform: translateZ(0);
          -o-transform: translateZ(0);
          transform: translateZ(0);
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          -webkit-text-size-adjust: none;
          -moz-text-size-adjust: none;
          -ms-text-size-adjust: none;
          -o-text-size-adjust: none;
          text-size-adjust: none; }
          html body .ys_container #wrapper #scroller .list-no-data {
            display: none;
            margin-top: 0.53333rem; }
            html body .ys_container #wrapper #scroller .list-no-data .pic {
              width: 1.64267rem;
              height: 1.20533rem;
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover;
              margin: 0 auto;
              margin-bottom: 0.21333rem; }
            html body .ys_container #wrapper #scroller .list-no-data p.msg {
              height: 0.14933rem;
              font-size: 0.14933rem;
              font-family: PingFangSC-Regular;
              font-weight: 400;
              color: #909090;
              line-height: 0.14933rem;
              text-align: center; }
      html body .ys_container .z-top {
        position: absolute;
        right: 0.05333rem;
        bottom: 0.53333rem;
        z-index: 150;
        background: rgba(22, 155, 213, 0.5);
        width: 0.42667rem;
        height: 0.42667rem;
        border-radius: 50%; }
        html body .ys_container .z-top img {
          position: absolute;
          width: 0.21333rem;
          height: 0.21333rem;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%); }
      html body .ys_container .error-layer {
        display: none;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1000; }
        html body .ys_container .error-layer p {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 2.4rem;
          padding: 0.2rem 0.1rem;
          line-height: 0.24rem;
          font-size: 0.16rem;
          text-align: center;
          color: #969696;
          background: #f2f2f2;
          border-radius: 0.08rem;
          box-shadow: 0.02rem 0.02rem 0.03rem #909090;
          transform: translateX(-50%) translateY(-50%); }