@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; }

@media only screen and (min-width: 320px) {
  html {
    font-size: 75% !important;
    /* 12梅16=73.4% */ } }
@media only screen and (min-width: 360px) {
  html {
    font-size: 84.375% !important;
    /* 12梅16=73.4% */ } }
@media only screen and (min-width: 375px) {
  html {
    font-size: 87.89063% !important;
    /* 14.0625梅16=73.2% */ } }
@media only screen and (min-width: 410px) {
  html {
    font-size: 97.03% !important;
    /* 15.525梅16=94% */ } }
@media only screen and (min-width: 480px) {
  html {
    font-size: 112.5% !important;
    /* 18梅16=94% */ } }
@media only screen and (min-width: 560px) {
  html {
    font-size: 131.25% !important;
    /* 21梅16=109% */ } }
@media only screen and (min-width: 640px) {
  html {
    font-size: 150% !important;
    /* 24梅16=125% */ } }
@media only screen and (min-width: 720px) {
  html {
    font-size: 168.75% !important;
    /* 27梅16=146.43% */ } }
@media only screen and (min-width: 750px) {
  html {
    font-size: 175.78125% !important;
    /* 28.125梅16=146.43% */ } }
@media only screen and (min-width: 800px) {
  html {
    font-size: 187.5% !important;
    /* 30梅16=146.43% */ } }
@media only screen and (min-width: 960px) {
  html {
    font-size: 100% !important;
    /* 36梅16=146.43% */ } }
.server-wrap {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  background-color: #fff;
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }
  .server-wrap .server-main {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative; }
    .server-wrap .server-main .new-server-list {
      height: auto;
      width: 100%;
      position: relative;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box; }
      .server-wrap .server-main .new-server-list .list-end,
      .server-wrap .server-main .new-server-list .list-head {
        position: relative;
        height: 2.56rem;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        font-size: 0.85333rem;
        color: #999;
        background: #eeeeee;
        line-height: 2.56rem;
        text-align: center;
        border-left: 1.06667rem solid transparent;
        border-right: 1.06667rem solid transparent; }
      .server-wrap .server-main .new-server-list .new-server-item:nth-last-child(1) {
        margin: 0; }
      .server-wrap .server-main .new-server-list .new-server-item {
        width: 100%;
        height: auto;
        min-height: 7.11111rem;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: relative;
        background: #fff;
        border-bottom: 0.71111rem solid #e9e9e9; }
        .server-wrap .server-main .new-server-list .new-server-item [hide-server] {
          position: relative;
          height: auto;
          width: 100%;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          border-top: 1px solid #eee; }
          .server-wrap .server-main .new-server-list .new-server-item [hide-server] .server-line-up {
            position: relative;
            height: auto;
            width: 100%;
            border-top: 1.42222rem transparent solid;
            display: flex;
            display: -webkit-flex;
            flex-direction: row;
            flex-wrap: wrap; }
            .server-wrap .server-main .new-server-list .new-server-item [hide-server] .server-line-up div {
              width: 33.333333%;
              position: relative;
              margin-bottom: 1.42222rem; }
              .server-wrap .server-main .new-server-list .new-server-item [hide-server] .server-line-up div p {
                margin: 0;
                font-size: 0.99556rem;
                position: relative;
                left: 50%;
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                color: #222;
                text-align: center;
                white-space: normal;
                text-overflow: ellipsis;
                overflow: hidden; }
              .server-wrap .server-main .new-server-list .new-server-item [hide-server] .server-line-up div span {
                display: block;
                font-size: 0.85333rem;
                color: #999;
                text-align: center; }
            .server-wrap .server-main .new-server-list .new-server-item [hide-server] .server-line-up div:nth-child(3n+2) {
              box-sizing: border-box;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              border-left: 1px solid #eee;
              border-right: 1px solid #eee; }
        .server-wrap .server-main .new-server-list .new-server-item .hot-server {
          position: relative;
          height: 6.22222rem;
          width: 100%;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box; }
          .server-wrap .server-main .new-server-list .new-server-item .hot-server img {
            height: 3.91111rem;
            width: 3.91111rem;
            position: absolute;
            top: 50%;
            left: 1.06667rem;
            transform: translate(0%, -50%);
            -webkit-transform: translate(0%, -50%); }
          .server-wrap .server-main .new-server-list .new-server-item .hot-server article {
            height: 3.91111rem;
            width: 50%;
            position: absolute;
            top: 50%;
            left: 6.04444rem;
            transform: translate(0%, -50%);
            -webkit-transform: translate(0%, -50%);
            display: flex;
            display: -webkit-flex;
            flex-direction: column; }
            .server-wrap .server-main .new-server-list .new-server-item .hot-server article p {
              flex: 1;
              margin: 0;
              display: flex;
              display: -webkit-flex;
              flex-direction: row;
              align-items: center; }
            .server-wrap .server-main .new-server-list .new-server-item .hot-server article p:nth-child(1) {
              font-size: 0.99556rem;
              color: #000000; }
              .server-wrap .server-main .new-server-list .new-server-item .hot-server article p:nth-child(1) span {
                font-size: 0.85333rem;
                line-height: 0.99556rem;
                color: #ff5f5f;
                border: solid #ff5f5f 1px;
                display: inline-block;
                padding: 0 0.5rem;
                border-radius: 0.92444rem; }
            .server-wrap .server-main .new-server-list .new-server-item .hot-server article p:nth-child(2) {
              font-size: 0.85333rem; }
          .server-wrap .server-main .new-server-list .new-server-item .hot-server button {
            position: absolute;
            top: 50%;
            right: 1.06667rem;
            transform: translate(0%, -49%);
            -webkit-transform: translate(0%, -49%); }
      .server-wrap .server-main .new-server-list .list-head {
        font-size: 0.99556rem;
        text-align: left; }