html {
        font-family: '微软雅黑';
        color: #5c5c5c;
        font-weight: normal;
      }
      body {
        background-color: #F85361;
      }
      body, p {
        margin: 0;
      }
      .bgNone {
        display: none;
        text-align: center;
      }
      .bgNone img {
        width: 17.1rem;
        height: 19.8rem;
        margin-top: 8.1rem;
      }
      .bgNone p {
        font-size: 1.6rem;
        line-height: 1.6rem;
        text-align: center;
        color: #fff;
        margin-top: 3.25rem;
      }
      /* 顶部 */
      .rankTop {
        width: 36.4rem;
        height: 18.55rem;
        margin: 1rem 0.6rem 1.65rem 0.6rem;
        background: url("https://static.icarephone.com/mp/new/vote/guoqing_19/gq_bg.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: row;
        justify-content: center;
        text-align: center;
      }
      .rankTop .first img {
        width: 8.6rem;
        height: 8.6rem;
        border-radius: 50%;
        border: 1px solid #a57be6;
        padding: 0.25rem;
        margin-top: 2.2rem;
      }
      .rankTop .first, .rankTop .second, .rankTop .third {
        position: relative;
      }
      .first .noSt {
        position: absolute;
        width: 2.35rem;
        height: 2.35rem;
        border-radius: 50%;
        background-color: #fdbf2e;
        color: white;
        font-size: 1.5rem;
        line-height: 2.35rem;
        top: 10rem;
        left: 5.5rem;
      }
      .second .noEd {
        position: absolute;
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 50%;
        background-color: #4599ff;
        color: white;
        font-size: 0.9rem;
        line-height: 1.6rem;
        top: 10.8rem;
        left: 4.5rem;
      }
      .third .noTh {
        position: absolute;
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 50%;
        background-color: #b4a5f5;
        color: white;
        font-size: 0.9rem;
        line-height: 1.6rem;
        top: 10.8rem;
        left: 4.5rem;
      }
      .rankTop .second img, .rankTop .third img {
        width: 5.75rem;
        height: 5.75rem;
        border-radius: 50%;
        border: 1px solid #a57be6;
        padding: 0.12rem;
        margin-top: 5.6rem;
      }
      .rankTop .topThreeName{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
        font-size: 1.3rem;
        line-height: 1.3rem;
        color: #333;
        margin: 1.5rem 0 1rem 0;
      }
      .rankTop .topThreeNum {
        font-size: 1.6rem;
        line-height: 1.6rem;
      }
      .first .topThreeNum {
        color: #ff0000;
      }
      .second .topThreeNum {
        color: #fa643f;
      }
      .third .topThreeNum {
        color: #f9c219;
      }
      .rankTop .first .topThreeName{
        width: 11rem;
        padding: 0 1rem;
      }
      .rankTop .second .topThreeName, .rankTop .third .topThreeName {
        width: 10rem;
        padding: 0 0.2rem;
      }
      .rankTop .topThreeName{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
      }
      .rankTop .topThreeName {
        font-size: 1.3rem;
        line-height: 1.3rem;
        color: #333;
      }
      .rankHeader {
        background-color: white;
        padding: 0.8rem 1.95rem 0.5rem 1.85rem;
        height: 4.5rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        font-size: 1.3rem;
        line-height: 1.3rem;
        color: #000;
      }
      /* .rankHeader p:nth-child(1) {
        margin-right: 1.5rem;
      }
      .rankHeader p:nth-child(3) {
        margin-left: 3.5rem;
        margin-right: 9rem;
      } */
      .rankHeader p {
        text-align: center;
      }
      .rankHeader p:nth-child(1) {
        width: 4.1rem;
      }
      .rankHeader p:nth-child(2) {
        width: 4.5rem;
      }
      .rankHeader p:nth-child(3) {
        width: 19rem;
      }
      .rankHeader p:nth-child(4) {
        width: 6rem;
      }
      .rankList {
        background-color: white;
        padding: 0 1.15rem;
        margin-bottom: 11rem;
        min-height: 35rem;
      }
      .rankList .rankItem {
        padding: 0 1.05rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        height: 6rem;
        border-bottom: 1px solid #e9e9e9;
      }
      .rankItem .num {
        width: 2.1rem;
        height: 2.1rem;
        background-color: #F85361;
        color: white;
        border-radius: 50%;
        margin-right: 1.65rem;
        font-size: 1.1rem;
        line-height: 2.1rem;
        text-align: center;
      }
      .rankItem .numAndName {
        width: 18.5rem;
        font-size: 1.2rem;
        line-height: 1.2rem;
        color: #333;
      }
      .rankItem .piao {
        font-size: 1.3rem;
        line-height: 1.5rem;
        color: #F85361;
        text-align: right;
        width: 5rem;
      }
      /* 底部 */
      .myRank {
        width: 32.6rem;
        position: fixed;
        bottom: 0;
        height: 7.1rem;
        padding: 1.8rem 2.7rem 2.1rem 2.2rem;
        box-shadow: 0 -0.2rem 1rem #e6e6e6;
        background-color: white;
      }
      .myRank .myRankTop {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
      }
      .myRankTop .num {
        width: 2.1rem;
        height: 2.1rem;
        background-color: #F85361;
        color: white;
        border-radius: 50%;
        margin-right: 1.65rem;
        font-size: 1.1rem;
        line-height: 2.1rem;
        text-align: center;
        margin-top: 1.2rem;
      }
      .myRankTop .favicon, .rankItem img {
        width: 4.1rem;
        height: 4.1rem;
        margin-right: 1.2rem;
        border-radius: 50%;
      }
      .myRankTop .info {
        width: 16.5rem;
        margin-top: 0.6rem;
        font-size: 1.2rem;
        line-height: 1.2rem;
      }
      .info p:nth-child(1) {
        color: #333;
        margin-bottom: 0.9rem;
      }
      .info p:nth-child(2) {
        color: #999;
      }
      .myRankTop .decoration {
        width: 1.5rem;
        height: 1.5rem;
        margin-top: 0.6rem;
        margin-right: 0.6rem;
      }
      .myRankTop .piao {
        margin-top: 0.6rem;
        font-size: 1.3rem;
        line-height: 1.5rem;
        color: #F85361;
      }
      .myRankBottom img {
        width: 3.3rem;
        height: 3.3rem;
        margin-left: 2.2rem;
        float: right;
      }
      /* 弹窗 */
      .dialog {
        display: none;
        z-index: 1000;
        background-color: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }
      /* 弹窗-输入门店专属投票码 */
      .dialog .voteNum {
        display: none;
        width: 34.5rem;
        height: 45.6rem;
        position: relative;
        top: 50%;
        left: 50%;
        margin-top: -22.8rem;
        margin-left: -17.25rem;
      }
      .voteNum .numContent {
        background-color: white;
        border-radius: 0.5rem;
        width: 30.8rem;
        height: 33.4rem;
        padding: 4.1rem 1.85rem 0 1.85rem;
        text-align: center;
      }
      .numContent input {
        width: 27.3rem;
        height: 4.4rem;
        padding: 0 1.5rem;
        border: solid 1px #aaaaaa;
        background-color: white;
        border-radius: 0.4rem;
        color: #999;
        font-size: 1.6rem;
        line-height: 1.6rem;
      }
      .numContent button {
        width: 16.75rem;
        height: 4.4rem;
        background-color: #F85361;
        color: white;
        border-radius: 0.5rem;
        font-size: 1.7rem;
        line-height: 1.7rem;
        margin: 3.25rem auto 5.2rem auto;
      }
      .numContent .explain {
        text-align: left;
        font-size: 1.3rem;
        line-height: 1.9rem;
        color: #999;
        margin-bottom: 4.65rem;
      }
      .numContent .link {
        font-size: 1.9rem;
        line-height: 1.9rem;
        color: #F85361;
        text-decoration: underline;
      }
      .voteNum .numClose {
        margin-top: 2rem;
        text-align: center;
      }
      .numClose img {
        width: 3.5rem;
        height: 3.5rem;
      }
      /* 弹窗-分享指引 */
      .dialog .goShare {
        display: none;
        width: 28.15rem;
        height: 43.9rem;
        position: relative;
        left: 50%;
        margin-top: 1rem;
        margin-left: -13rem;
      }
      .goShare .mainImg {
        width: 28.15rem;
        height: 43.9rem;
        margin-bottom: 1.6rem;
      }
      .goShare .closeImg {
        width: 4.8rem;
        height: 4.9rem;
        margin-left: 10.5rem;
      }