@charset "UTF-8";
*[data-v-43743c19] {
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
html[data-v-43743c19],
body[data-v-43743c19] {
  height: 100%;
  line-height: normal;
}
.fl[data-v-43743c19] {
  float: left;
}
.fr[data-v-43743c19] {
  float: right;
}
.content[data-v-43743c19] {
  max-width: 37.5rem;
  margin: 0 auto;
  height: auto;
  background: #FFDA43;
}
.content > div[data-v-43743c19] {
    width: 100%;
}
.content > div .group-info[data-v-43743c19] {
      width: 100%;
      height: 16.2rem;
      padding-top: 3.5rem;
      padding-bottom: 1.1rem;
      text-align: center;
      background: url(../img/phb_bg.7c9f62d5.png) no-repeat center center;
      background-size: 83% auto;
      position: relative;
}
.content > div .group-info .group-img[data-v-43743c19] {
        width: 6.8rem;
        height: 6.8rem;
        display: inline-block;
        border: 2px solid #fff;
        border-radius: 50%;
        overflow: hidden;
}
.content > div .group-info .group-img img[data-v-43743c19] {
          width: 100%;
}
.content > div .group-info .group-name[data-v-43743c19] {
        font-size: 1.6rem;
        color: #4E3E00;
        line-height: 1.8rem;
        margin-bottom: 1rem;
        margin-top: 0.5rem;
}
.content > div .group-info #csvBtn[data-v-43743c19] {
        cursor: pointer;
        position: absolute;
        top: 1.3rem;
        right: 1.3rem;
        width: 7.8rem;
        margin: 0 auto;
        height: 3rem;
        font-size: 1.4rem;
        color: #4E3E00;
        background-color: #fff;
        border: none;
        border-radius: 0.6rem;
}
.content > div .group-info .group-label-wrap[data-v-43743c19] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        background-color: #fff;
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
        padding-top: 1rem;
}
.content > div .group-info .group-label-wrap .group-label[data-v-43743c19] {
          display: inline-block;
          width: 10rem;
          height: 2.7rem;
          line-height: 2.7rem;
          background: #E5E5E5;
          color: #47260a;
          font-size: 1.3rem;
          text-align: center;
          border-radius: 1.1rem;
}
.content > div .group-info .group-label-wrap .group-label-active[data-v-43743c19] {
          background-color: #fff;
          pointer-events: none;
}
.content > div .group-info .group-label-wrap-empty[data-v-43743c19] {
        padding-bottom: 1rem;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
}
.content > div .middle[data-v-43743c19] {
      width: 100%;
      padding: 0 1.3rem;
}
.content > div .middle .tabs[data-v-43743c19] {
        width: 100%;
        height: 3.3rem;
        border-radius: 1.7rem;
        background-color: #4E3E00;
        margin-bottom: .4rem;
        position: relative;
}
.content > div .middle .tabs .tab[data-v-43743c19] {
          cursor: pointer;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 10.5rem;
          height: 2.7rem;
          line-height: 2.7rem;
          font-size: 1.3rem;
          border-radius: inherit;
          text-align: center;
          color: #fff;
}
.content > div .middle .tabs .tab.active[data-v-43743c19] {
            background-color: #fff;
            color: #4E3E00;
}
.content > div .middle .tabs .tab[data-v-43743c19]:nth-child(1) {
            left: .3rem;
}
.content > div .middle .tabs .tab[data-v-43743c19]:nth-child(2) {
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
}
.content > div .middle .tabs .tab[data-v-43743c19]:nth-child(3) {
            right: .3rem;
}
.content > div .middle .tabs.two .tab[data-v-43743c19] {
          width: 16.5rem;
}
.content > div .middle .tabs.two .tab[data-v-43743c19]:nth-child(1) {
            left: .3rem;
}
.content > div .middle .tabs.two .tab[data-v-43743c19]:nth-child(2) {
            left: auto;
            -webkit-transform: none;
                    transform: none;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            right: .3rem;
}
.content > div .middle.noTab .tabs[data-v-43743c19] {
        display: none;
}
.content > div .middle.kick .top-three[data-v-43743c19] {
        height: 22.9rem;
}
.content > div .middle.kick .top-three .item p[data-v-43743c19]:last-of-type {
          margin-bottom: .5rem;
}
.content > div .middle.kick .top-three .item .item-kick[data-v-43743c19] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
}
.content > div .middle .top-three[data-v-43743c19] {
        width: 100%;
        height: 20.3rem;
        background-color: #4E3E00;
        border-top-right-radius: .8rem;
        border-top-left-radius: .8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
}
.content > div .middle .top-three:nth-child(2) .avatar[data-v-43743c19] {
          border: 2px solid #FFFEF2;
}
.content > div .middle .top-three .item[data-v-43743c19] {
          width: 10.7rem;
}
.content > div .middle .top-three .item .grade[data-v-43743c19] {
            width: 100%;
            text-align: center;
            font-size: 1.4rem;
            color: #FFDA43;
            line-height: 1;
            margin-bottom: 2.1rem;
}
.content > div .middle .top-three .item .avatar[data-v-43743c19] {
            position: relative;
            width: 5.4rem;
            height: 5.4rem;
            margin: 0 auto;
            border: 2px solid #FFFEF2;
            border-radius: 50%;
            background-color: #4E3E00;
            -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
                    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}
.content > div .middle .top-three .item .avatar[data-v-43743c19]::after {
              position: absolute;
              content: '';
              width: 2.1rem;
              height: 1.4rem;
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAYAAAChWZ5EAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAFgAAAACC5y/VAAAEyklEQVRIDa1VTWxUVRS+f+/NtGJTCWVBKolSsaELYliYaNy40YSqG8TU6CRuWLNiS90REl2RGFYmJTGxcWVtExaygGgkGeKGSkPoWNo6lP5ggenMu/9+58Eb2toSUrjJzb1z7ne/871zzj3D2HOMhwsLe2k+BwUTO728AMe+pCZo0n6nPDu6F2PkK0sL57NmI9JcWbp7nmw7JROTk5PpsxIMDw+Lu3fvVP5dWXLLiwuRJu3JRmfPIoJ8PfYp+J3btw+pzvKHMWuM9fS+/jfn3D2NZHl5uT96c1EIud9am0OTJGEh+Fku2Qd79uybetp9OFfz87XXOju7Bk2jeVEwJSrlNP3Gi/JYfWbm07m5uY7tolGv1jt1c+2M4GJ/q9lk3rl80p5sumnP1Ov1zq0EECdxkw8FX6lS36ICK0Jn5srq/fsBX/Cml/xC9P5crVbrq1aryXoiItCvrJ2A7ZOHa01mQ2DG+3zSnmx0pltrJzZ/AHERZ/TuXJRihHyRT+fjZT41NbVPSX5VKtkbQ2RpmjLr3E1rzdfWhp8GBgYMMU9PT+8P3v6pkmQ3fflWQyrFnLX3hEzeOnDgwCxhKNdJIo4lKjmNVB00xjAuOCLn5yHgbdHf31831t1gkTE6bDQaLAZ/UEl1QUr2ReEoxkYWfLgZvI8OAraadEaY2GhkxT3iIK4Yw0HiJh+5L/gk33nV8ugvQTmpz2ermTGtTYg2rBZEfX2HF11ofZllepYiVWCLlWx0Rpi+w4cXi3vEQVzEWWBpJZ+EyQU0mvqPZjNz1gWE3zOP3LZazaWF5eUcVJANDBy5pVvZNcZ5jiNsMcmmdVYlTIGnlTiIizgfYQO4tSWfdJ4LQN7/Mkb/gzAxeloGE9FMyuVyN4GKMTExUUK17jJa5zjCFpNsyOvLhCnwtBIHcREnYckHhNbJJ523u9fvv10ZK5XKg3mOcCCEYM6Hs61W62yP99m9NIUg8b7g6fchxi4w0f0nAxEQnD8I0X+VZfbSbmPskpTljo6OU0qKUxCeY6nIIeCXd9597yMyqIIBpJehcJCU0gAZqlWcLJXSV1edvyal6HWWfy6E63II/RPpjxmgRynZFUL8DtgfVtN0vqTkETy5Y8Y7Bv4ciEZH+8uPbz0RoLW96oTHkw75+6eHBhHoF2oI2ocUPDrkMRiPdLcDV/DkK70MIeVeJeVJSGQCPslGzosbWdDWh3C1uNiOAL7+uuNhRojkDTyn4vzRs8FtsynibcDmDRzmjWOLOxCHQtQzMYrrxbVCWP57fHz8xyRRx615lIYC9KLWJE1QiG706NGjnxWc7QiQAeG6gvAep04XtwlzrnibMyrM7QLFKQ1U2PBROKd1s4AqSDKQlPH3th6X74kcfZ72AUI2+MIP0oayQfESYtOgD7LGZKij6vqjDQLw9Kag8Bb6fR8Kh1KZCcHRVrnG3sQQHIqU8mPgiNZCpYAwKt5USpngS4k3hUb0jVjGvgxliXN2Gn/jG/6u/yd2dHT0Ywg5BEdLWFdBvIou9gDvt4GeoNFYSJiHAGTK5VHAS0GEo4RdApsoFcpo+bsgpovz0B0C7wZmj9b6xtDQ0M/AtceGCJC1p6dnAv/bv1YqlbU26gVsRkZGXqrVahTJDeM/zSlWVZHVSkcAAAAASUVORK5CYII=) no-repeat center center;
              background-size: 100% 100%;
              left: 50%;
              -webkit-transform: translateX(-50%);
                      transform: translateX(-50%);
              top: -1.8rem;
}
.content > div .middle .top-three .item .avatar img[data-v-43743c19] {
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translateX(-50%) translateY(-50%);
                      transform: translateX(-50%) translateY(-50%);
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
              border-radius: inherit;
}
.content > div .middle .top-three .item .avatar-wrap[data-v-43743c19] {
            width: 100%;
            height: 5.4rem;
            position: relative;
}
.content > div .middle .top-three .item .avatar-wrap[data-v-43743c19]::after {
              position: absolute;
              content: '';
              width: 2.1rem;
              height: 1.4rem;
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAYAAAChWZ5EAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAFgAAAACC5y/VAAAEyklEQVRIDa1VTWxUVRS+f+/NtGJTCWVBKolSsaELYliYaNy40YSqG8TU6CRuWLNiS90REl2RGFYmJTGxcWVtExaygGgkGeKGSkPoWNo6lP5ggenMu/9+58Eb2toSUrjJzb1z7ne/871zzj3D2HOMhwsLe2k+BwUTO728AMe+pCZo0n6nPDu6F2PkK0sL57NmI9JcWbp7nmw7JROTk5PpsxIMDw+Lu3fvVP5dWXLLiwuRJu3JRmfPIoJ8PfYp+J3btw+pzvKHMWuM9fS+/jfn3D2NZHl5uT96c1EIud9am0OTJGEh+Fku2Qd79uybetp9OFfz87XXOju7Bk2jeVEwJSrlNP3Gi/JYfWbm07m5uY7tolGv1jt1c+2M4GJ/q9lk3rl80p5sumnP1Ov1zq0EECdxkw8FX6lS36ICK0Jn5srq/fsBX/Cml/xC9P5crVbrq1aryXoiItCvrJ2A7ZOHa01mQ2DG+3zSnmx0pltrJzZ/AHERZ/TuXJRihHyRT+fjZT41NbVPSX5VKtkbQ2RpmjLr3E1rzdfWhp8GBgYMMU9PT+8P3v6pkmQ3fflWQyrFnLX3hEzeOnDgwCxhKNdJIo4lKjmNVB00xjAuOCLn5yHgbdHf31831t1gkTE6bDQaLAZ/UEl1QUr2ReEoxkYWfLgZvI8OAraadEaY2GhkxT3iIK4Yw0HiJh+5L/gk33nV8ugvQTmpz2ermTGtTYg2rBZEfX2HF11ofZllepYiVWCLlWx0Rpi+w4cXi3vEQVzEWWBpJZ+EyQU0mvqPZjNz1gWE3zOP3LZazaWF5eUcVJANDBy5pVvZNcZ5jiNsMcmmdVYlTIGnlTiIizgfYQO4tSWfdJ4LQN7/Mkb/gzAxeloGE9FMyuVyN4GKMTExUUK17jJa5zjCFpNsyOvLhCnwtBIHcREnYckHhNbJJ523u9fvv10ZK5XKg3mOcCCEYM6Hs61W62yP99m9NIUg8b7g6fchxi4w0f0nAxEQnD8I0X+VZfbSbmPskpTljo6OU0qKUxCeY6nIIeCXd9597yMyqIIBpJehcJCU0gAZqlWcLJXSV1edvyal6HWWfy6E63II/RPpjxmgRynZFUL8DtgfVtN0vqTkETy5Y8Y7Bv4ciEZH+8uPbz0RoLW96oTHkw75+6eHBhHoF2oI2ocUPDrkMRiPdLcDV/DkK70MIeVeJeVJSGQCPslGzosbWdDWh3C1uNiOAL7+uuNhRojkDTyn4vzRs8FtsynibcDmDRzmjWOLOxCHQtQzMYrrxbVCWP57fHz8xyRRx615lIYC9KLWJE1QiG706NGjnxWc7QiQAeG6gvAep04XtwlzrnibMyrM7QLFKQ1U2PBROKd1s4AqSDKQlPH3th6X74kcfZ72AUI2+MIP0oayQfESYtOgD7LGZKij6vqjDQLw9Kag8Bb6fR8Kh1KZCcHRVrnG3sQQHIqU8mPgiNZCpYAwKt5USpngS4k3hUb0jVjGvgxliXN2Gn/jG/6u/yd2dHT0Ywg5BEdLWFdBvIou9gDvt4GeoNFYSJiHAGTK5VHAS0GEo4RdApsoFcpo+bsgpovz0B0C7wZmj9b6xtDQ0M/AtceGCJC1p6dnAv/bv1YqlbU26gVsRkZGXqrVahTJDeM/zSlWVZHVSkcAAAAASUVORK5CYII=) no-repeat center center;
              background-size: 100% 100%;
              left: 50%;
              -webkit-transform: translateX(-50%);
                      transform: translateX(-50%);
              top: -1.8rem;
}
.content > div .middle .top-three .item .avatar-wrap .avatar[data-v-43743c19] {
              position: absolute;
              left: 11%;
              z-index: 2;
}
.content > div .middle .top-three .item .avatar-wrap .avatar[data-v-43743c19]::after {
                display: none;
}
.content > div .middle .top-three .item .avatar-wrap .avatar2[data-v-43743c19] {
              position: absolute;
              left: auto;
              right: 11%;
              margin: 0;
              z-index: 1;
}
.content > div .middle .top-three .item .item-kick[data-v-43743c19] {
            display: none;
            width: 4.4rem;
            margin: 0 auto;
            height: 2.2rem;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            background-color: #FFDA43;
            color: #4E3E00;
            border-radius: 1.4rem;
            font-size: 1.1rem;
            margin-bottom: 1.2rem;
            cursor: pointer;
}
.content > div .middle .top-three .item p[data-v-43743c19] {
            color: #fff;
            font-size: 1.2rem;
            margin-bottom: 1.2rem;
            margin-top: .5rem;
            text-align: center;
            min-height: 1.6rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
}
.content > div .middle .top-three .item .both[data-v-43743c19] {
            line-height: 1.1;
            margin-bottom: .8rem;
}
.content > div .middle .top-three .item .both p[data-v-43743c19] {
              line-height: 1.1;
              min-height: auto;
              margin-bottom: 0;
              margin-top: 0;
}
.content > div .middle .top-three .item .both p[data-v-43743c19]:nth-child(1) {
                margin-top: .6rem;
                margin-bottom: .2rem;
}
.content > div .middle .top-three .item .block[data-v-43743c19] {
            width: 100%;
            height: 3.8rem;
            background-color: #FFE57C;
            border-top-left-radius: .8rem;
            line-height: 3.8rem;
            color: #FF9900;
            font-weight: bold;
            font-size: 2rem;
            text-align: center;
            margin: 0;
}
.content > div .middle .top-three .item:nth-child(2) .grade[data-v-43743c19] {
          color: #fff;
}
.content > div .middle .top-three .item:nth-child(2) .avatar[data-v-43743c19] {
          border-color: #fff;
}
.content > div .middle .top-three .item:nth-child(2) .avatar[data-v-43743c19]::after {
            background: url(data:image/png;base64,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) no-repeat center center;
            background-size: 100% 100%;
}
.content > div .middle .top-three .item:nth-child(2) .avatar-wrap[data-v-43743c19]::after {
          background: url(data:image/png;base64,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) no-repeat center center;
          background-size: 100% 100%;
}
.content > div .middle .top-three .item:nth-child(2) .block[data-v-43743c19] {
          font-size: 3rem;
          line-height: 6.1rem;
          height: 6.1rem;
          background-color: #FFF6CF;
          border-top-right-radius: .8rem;
}
.content > div .middle .top-three .item:nth-child(3) .avatar[data-v-43743c19]::after {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAYAAAChWZ5EAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAFgAAAACC5y/VAAAE1klEQVRIDa1VXYhVVRRee+9zzr13ZhxHqdF+lJQxw3kcCHyrXorQhNLAyulnQnqUCN+EC73IUD6E0M9LkVAwSIEjgkEm+lDCiAaaYloy2RgKztz5uefsvfZPa517z3WuTIOM7cs+e929v/V9a+2z9zoAD9DCd+/1cn8AChBLdc6Fo3As97fiRfHyZ7eWwiWX4hQCCCfMhxCLAe5shxCWlIwMVZBhZEfCpPcTTJXwePjNXVL4IZemwF1KP4Tfv7WL1+6Hg7VyTcILPfL6piD9CzAjRktPTPwpnj1pFyMJh3c+haCOSynXWudzaKQkeO/HY3DPi+3fXl7U/6dnIn390XVyOWwJFo9LF3CwVIo+hi43mt7s3UGRVf5rN8Lo1o46+v2x9Gu10eAc5p1tnqtbv58xCwXAnH+NbK6wBnS60ThWB1wQgxKNPV2fnfPgcWMQeGjO4sHpr17pG/t8IJ5PxARTNdgtBW6bSetgnW7rPCcBt03X1O57E2Au5lxhVx2kF/g1BNzImsG6U9IYe44ymEBEQINKQXhHRtnRDZVVOy5W+5MiiOyLrWso3X3WUtZoKd72znO85h3um2RsszHHeuISxMncRmPEWqxZz/C8fHjoyIRHvBQ8UkYG5jI6WM49SS/10Op1j71RENUqOnPOXnFWB+cNLNh5zeEVQ9jCjzkUcXniZG7WYC3WZO381FqRnfC0pYiNrjEFtJm3BqdaRIM/3PLe7CLMePB3sYVPc26cMasJW/gxB3PlnE1+1mJNxuQBYN38kmWp9UTMi6QMmU5vJ7OTOagg63335NXM6LMq8FY3sc2R5zTqMcYUeB6ZIzPpbebMfUhD6xRZk9fzAHoi+VuG5m+greWMrNUQnIn/AehhUNF+/6SvFKzp0rReZF6MPOfRLGNMgeeROei6xczJWNZIjZlgTV5vFZ8/DvSPJrHYYmzgeVBCALowjHpqeEVss5tzlbi7Un5OldSXVPS6AzRwOZgegn8iTDvt3p5OsxOPdKY4iVE5LvXsjZXY6+hqcEsiAQbD0fXvX9zK/yN+cPPOnPIgt2AzAEehyQB74qhjTc37s92d4vEg3GvOhm7r28UbDEQmKTDlP+1eFn1Ts1034kgO0JXZbqheFS4RVWzv/KmWT2EYl52xTiIFmt//Ro2DJFFiJyW7kxNwjokWFmceQ+tSiF4qjHt4g4RwNNeOr3tAKjpnCt3WDoQsXNDKXE8UbLBEVDS7aGEuUAuP5p7pSAFoC9cjpy4US60A+qs37pyvrjwXQG5wtpl/gfqfRkVnnorIuf7qnTsFZSuAfMLZ05T8q54e7RtXwOed2rtTbdZifnyuwMHp+Q5tAWQax6IYMroA5cCbQA6ta0J/83NAo6RzRHabFvkIOmiS7zXZrZaD+EELGiGjaj3WWiSjLYBSR3oZs/hqpEIfrRniySCIjKLQZBsSsBQY0gYZQV8esvN3RbakXePDm5AdU4ARaSYUYomuZpnsMt2oGJ24VurAts/1vFgbcf28V72kRNhkg7hN6Ux5L6boek07L2atlDr2wphIuOWJdFQE8wRVCUTNeJXYoEQSYm982cvQRVvSLWXo8R56EhkeQi8ubR52RxpKjWfbDvBU1uGOrZyFH5/+CObmAx/U/vUD6JzpAiqF7e1fCDY//xsI5JMAAAAASUVORK5CYII=) no-repeat center center;
          background-size: 100% 100%;
}
.content > div .middle .top-three .item:nth-child(3) .avatar-wrap[data-v-43743c19]::after {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAYAAAChWZ5EAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAFgAAAACC5y/VAAAE1klEQVRIDa1VXYhVVRRee+9zzr13ZhxHqdF+lJQxw3kcCHyrXorQhNLAyulnQnqUCN+EC73IUD6E0M9LkVAwSIEjgkEm+lDCiAaaYloy2RgKztz5uefsvfZPa517z3WuTIOM7cs+e929v/V9a+2z9zoAD9DCd+/1cn8AChBLdc6Fo3As97fiRfHyZ7eWwiWX4hQCCCfMhxCLAe5shxCWlIwMVZBhZEfCpPcTTJXwePjNXVL4IZemwF1KP4Tfv7WL1+6Hg7VyTcILPfL6piD9CzAjRktPTPwpnj1pFyMJh3c+haCOSynXWudzaKQkeO/HY3DPi+3fXl7U/6dnIn390XVyOWwJFo9LF3CwVIo+hi43mt7s3UGRVf5rN8Lo1o46+v2x9Gu10eAc5p1tnqtbv58xCwXAnH+NbK6wBnS60ThWB1wQgxKNPV2fnfPgcWMQeGjO4sHpr17pG/t8IJ5PxARTNdgtBW6bSetgnW7rPCcBt03X1O57E2Au5lxhVx2kF/g1BNzImsG6U9IYe44ymEBEQINKQXhHRtnRDZVVOy5W+5MiiOyLrWso3X3WUtZoKd72znO85h3um2RsszHHeuISxMncRmPEWqxZz/C8fHjoyIRHvBQ8UkYG5jI6WM49SS/10Op1j71RENUqOnPOXnFWB+cNLNh5zeEVQ9jCjzkUcXniZG7WYC3WZO381FqRnfC0pYiNrjEFtJm3BqdaRIM/3PLe7CLMePB3sYVPc26cMasJW/gxB3PlnE1+1mJNxuQBYN38kmWp9UTMi6QMmU5vJ7OTOagg63335NXM6LMq8FY3sc2R5zTqMcYUeB6ZIzPpbebMfUhD6xRZk9fzAHoi+VuG5m+greWMrNUQnIn/AehhUNF+/6SvFKzp0rReZF6MPOfRLGNMgeeROei6xczJWNZIjZlgTV5vFZ8/DvSPJrHYYmzgeVBCALowjHpqeEVss5tzlbi7Un5OldSXVPS6AzRwOZgegn8iTDvt3p5OsxOPdKY4iVE5LvXsjZXY6+hqcEsiAQbD0fXvX9zK/yN+cPPOnPIgt2AzAEehyQB74qhjTc37s92d4vEg3GvOhm7r28UbDEQmKTDlP+1eFn1Ts1034kgO0JXZbqheFS4RVWzv/KmWT2EYl52xTiIFmt//Ro2DJFFiJyW7kxNwjokWFmceQ+tSiF4qjHt4g4RwNNeOr3tAKjpnCt3WDoQsXNDKXE8UbLBEVDS7aGEuUAuP5p7pSAFoC9cjpy4US60A+qs37pyvrjwXQG5wtpl/gfqfRkVnnorIuf7qnTsFZSuAfMLZ05T8q54e7RtXwOed2rtTbdZifnyuwMHp+Q5tAWQax6IYMroA5cCbQA6ta0J/83NAo6RzRHabFvkIOmiS7zXZrZaD+EELGiGjaj3WWiSjLYBSR3oZs/hqpEIfrRniySCIjKLQZBsSsBQY0gYZQV8esvN3RbakXePDm5AdU4ARaSYUYomuZpnsMt2oGJ24VurAts/1vFgbcf28V72kRNhkg7hN6Ux5L6boek07L2atlDr2wphIuOWJdFQE8wRVCUTNeJXYoEQSYm982cvQRVvSLWXo8R56EhkeQi8ubR52RxpKjWfbDvBU1uGOrZyFH5/+CObmAx/U/vUD6JzpAiqF7e1fCDY//xsI5JMAAAAASUVORK5CYII=) no-repeat center center;
          background-size: 100% 100%;
}
.content > div .middle .top-three .item:nth-child(3) .block[data-v-43743c19] {
          border-top-left-radius: 0;
          border-top-right-radius: .8rem;
}
.content > div .rank-inner[data-v-43743c19] {
      width: 100%;
      height: auto;
      border-top-left-radius: .8rem;
      border-top-right-radius: .8rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.content > div .rank-inner.two .rank-title div[data-v-43743c19]:nth-child(1) {
        margin-right: 8.1rem;
}
.content > div .rank-inner .rank-title[data-v-43743c19] {
        width: 100%;
        height: 4.3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #f5f5f5;
        border-radius: inherit;
}
.content > div .rank-inner .rank-title div[data-v-43743c19] {
          color: #999;
          font-size: 1.4rem;
          line-height: 4.3rem;
          text-align: left;
}
.content > div .rank-inner .rank-title div[data-v-43743c19]:nth-child(1) {
          margin-left: 1.7rem;
          display: inline-block;
          margin-right: 5.2rem;
}
.content > div .rank-inner .rank-title div[data-v-43743c19]:nth-child(2) {
          display: inline-block;
}
.content > div .rank-inner .rank-title div[data-v-43743c19]:nth-child(3) {
          display: inline-block;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          text-align: right;
          padding-right: 2.3rem;
}
.content > div .rank-inner .rank-list[data-v-43743c19] {
        padding-top: 1.65rem;
        position: relative;
        width: 100%;
        min-height: calc(100vh - 44.5rem);
        background-color: #fff;
}
.content > div .rank-inner .rank-list.noTab[data-v-43743c19] {
          min-height: calc(100vh - 40.8rem);
}
.content > div .rank-inner .rank-list.kick .rank-item .rank-name[data-v-43743c19] {
          width: 13.9rem;
}
.content > div .rank-inner .rank-list.kick .rank-item .rank-kick[data-v-43743c19] {
          width: 5rem;
          height: 100%;
          background-color: #000;
          font-size: 1.2rem;
          color: #FFF0B0;
          border-radius: 1.4rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer;
}
.content > div .rank-inner .rank-list.kick .rank-item .rank-grade[data-v-43743c19] {
          width: 9rem;
}
.content > div .rank-inner .rank-list .rank-item[data-v-43743c19] {
          width: 100%;
          height: 2.9rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-bottom: 1.45rem;
}
.content > div .rank-inner .rank-list .rank-item .rank-key[data-v-43743c19] {
            width: 3.6rem;
            text-align: center;
            font-size: 2rem;
            color: #FFCD00;
            font-weight: bold;
            margin-left: 1.2rem;
            margin-right: 1.15rem;
}
.content > div .rank-inner .rank-list .rank-item .rank-avatar[data-v-43743c19] {
            width: 2.9rem;
            height: 2.9rem;
            border-radius: 50%;
}
.content > div .rank-inner .rank-list .rank-item .rank-avatar img[data-v-43743c19] {
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
              border-radius: inherit;
}
.content > div .rank-inner .rank-list .rank-item .rank-name[data-v-43743c19] {
            width: 19.9rem;
            font-size: 1.4rem;
            margin-left: .86rem;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #000;
}
.content > div .rank-inner .rank-list .rank-item .rank-kick[data-v-43743c19] {
            display: none;
}
.content > div .rank-inner .rank-list .rank-item .rank-grade[data-v-43743c19] {
            width: 7rem;
            text-align: center;
            font-size: 1.6rem;
            color: #FFCD00;
            line-height: 2.9rem;
}
.content > div .rank-inner .rank-list .rank-item[data-v-43743c19]:last-child {
          margin-bottom: 1.65rem;
}
.content > div .rank-inner .rank-list p[data-v-43743c19] {
          margin-bottom: 0;
}
.content > div .rank-inner .rank-list.two .rank-item[data-v-43743c19] {
          height: 3.5rem;
}
.content > div .rank-inner .rank-list.two .rank-item .rank-avatar[data-v-43743c19] {
            width: 5.8rem;
            height: 2.9rem;
            border-radius: 50%;
            position: relative;
}
.content > div .rank-inner .rank-list.two .rank-item .rank-avatar img[data-v-43743c19] {
              position: absolute;
              width: 2.9rem;
              height: 2.9rem;
              -o-object-fit: cover;
                 object-fit: cover;
              border-radius: inherit;
}
.content > div .rank-inner .rank-list.two .rank-item .rank-avatar img[data-v-43743c19]:nth-child(1) {
              left: 12%;
              z-index: 2;
}
.content > div .rank-inner .rank-list.two .rank-item .rank-avatar img[data-v-43743c19]:nth-child(2) {
              right: 12%;
              z-index: 1;
}
.content > div .rank-inner .rank-list.two .rank-item .rank-name[data-v-43743c19] {
            width: 17rem;
}
.content > div .rank-inner .rank-list.two .rank-item .rank-name p[data-v-43743c19] {
              color: #000;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
}
.content > div .rank-inner .rank-list .empty-wrap[data-v-43743c19] {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
}
.content > div .rank-inner .rank-list .empty-wrap img[data-v-43743c19] {
            width: 9.2rem;
}
.content > div .rank-inner .rank-list .empty-wrap p[data-v-43743c19] {
            width: 100%;
            text-align: center;
            font-size: 1.4rem;
            color: #c6c6c6;
            margin-top: .8rem;
}
.content > div .rank-inner #bottom-ps[data-v-43743c19] {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 15px;
        color: #777;
        background-color: #F2F2F2;
        margin-bottom: 0;
        padding: 0;
        font-weight: bold;
        border: none;
}
.mui-pull-caption-down[data-v-43743c19] {
  display: none !important;
}

/* 加载中 */
.loading-mask[data-v-43743c19] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
}
.loading-content[data-v-43743c19] {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 101;
}
.loading-content img[data-v-43743c19] {
  width: 5rem;
  height: auto;
}
.loading-content .loading-text[data-v-43743c19] {
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #fff;
}
.rank-item.four .rank-name[data-v-43743c19] {
  width: 15.1rem !important;
}
.rank-item.four .rank-grade[data-v-43743c19] {
  width: 9.5rem !important;
}