body {
    background: #1F0A07;
}

.wrapper {
    margin: 1.4rem auto 0;
    width: 7.5rem;
    height: 57rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg.jpg");
    font-family: 'CLOUDYUANCU';
    color: #fff;
    font-size: .2rem;
    overflow: hidden;
    box-sizing: border-box;
    background-size: 7.5rem 59.86rem;
}

.float-top {
    top: 0;
    left: 50%;
    padding: 0 .2rem 0 .15rem;
    width: 7.5rem;
    height: 1.4rem;
    background: #8F1715;
    font-family: "Adobe 黑体 Std";
    color: #fff;
    font-size: .4rem;
    z-index: 99;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.float-top .name {
    font-family: 'CLOUDYUANCU';
}

.float-top .logo {
    margin-right: .15rem;
}

.float-top .logo img {
    width: 1.02rem;
}

.float-top .desc {
    display: block;
    font-size: .2rem;
    color: #ffe787;
    white-space: nowrap;
}

.float-top .btn-download-top {
    top: .2rem;
    right: .2rem;
    width: 2.34rem;
    height: .7rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/btn_download_top.png");
}

.float-top .start-list {
    font-size: .19rem;
}

.float-top .ico-star {
    display: inline-block;
    width: .21rem;
    height: .2rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_star.png");
}

.btn-service,
.btn-ruler {
    right: .4rem;
    width: .82rem;
    height: .87rem;
}

.btn-service {
    top: .4rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_service.png");
}

.btn-ruler {
    top: 1.5rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_ruler.png");
}

.btn-online-service {
    top: 2.5rem;
    right: .25rem;
    width: 1.12rem;
    height: 1.03rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_onlineSevice.png");
}

.sub-title {
    margin: 9.4rem auto 0;
    width: 6.61rem;
    height: .72rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/sub_title.png");
}

.date {
    margin: 0 auto 0;
    padding: .02rem .3rem;
    width: fit-content;
    font-size: .22rem;
    font-weight: bold;
    -webkit-text-stroke: .05rem #B51515;
}

.date::before {
    content: attr(data-text);
    position: absolute;
    -webkit-text-stroke: 0;
    background: linear-gradient(#FFFCF8, #FFD8AF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.date span {
    color: #4bff21;
}

.btn-download {
    margin: .3rem auto 0;
    width: 3.21rem;
    height: 1.06rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/btn_download.png");
}

.item-title {
    text-align: center;
}

.item-title img {
    height: 2.42rem;
}

.item-rank .item-title img {
    height: 1.24rem;
}

.item-charts .item-title img {
    height: .74rem;
}

.jackpot-total {
    margin: -.6rem auto 0;
    width: 6.73rem;
    height: 1.64rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_FullService_num.png");
    -webkit-flex-flow: column;
    flex-flow: column;
}

.jackpot-total .total-top img,
.jackpot-total .total-bot img {
    height: .29rem;
}

.jackpot-total .total-num span {
    display: inline-block;
    height: .7rem;
}

.jackpot-total .total-num .num-00 {
    width: .5rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_00.png");
}

.jackpot-total .total-num .num-01 {
    width: .34rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_01.png");
}

.jackpot-total .total-num .num-02 {
    width: .44rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_02.png");
}

.jackpot-total .total-num .num-03 {
    width: .44rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_03.png");
}

.jackpot-total .total-num .num-04 {
    width: .54rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_04.png");
}

.jackpot-total .total-num .num-05 {
    width: .44rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_05.png");
}

.jackpot-total .total-num .num-06 {
    width: .47rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_06.png");
}

.jackpot-total .total-num .num-07 {
    width: .44rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_07.png");
}

.jackpot-total .total-num .num-08 {
    width: .47rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_08.png");
}

.jackpot-total .total-num .num-09 {
    width: .47rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_09.png");
}

.jackpot-total .total-num .num-wan {
    width: .7rem;
    height: .83rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_wan.png");
}

.jackpot-total .total-num .num-yi {
    width: .71rem;
    height: .83rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_yi.png");
}

.jackpot-total .total-num .num-jing {
    width: .71rem;
    height: .83rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_jing.png");
}

.jackpot-total .total-num .num-comma {
    margin: 0 -.02rem;
    width: .26rem;
    height: .83rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/num_comma.png");
    transform: scale(.6);
    transform-origin: bottom center;
}

.notice-tips {
    margin-top: .1rem;
    color: #ffcd91;
    font-size: .16rem;
    width: 100%;
    word-break: break-word;
    line-height: 1;
}

.tips-jackpot {
    top: .2rem;
    text-align: center;
}

.tips-jackpot img {
    height: 1.34rem;
}

.img-jackpot {
    width: 100%;
    height: 3.36rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/img_FullService_basin.png");
}

.tips-progress {
    margin-top: -.65rem;
    font-size: .2rem;
    color: #a43f17;
    text-align: center;
}

.item-jackpot .list-item {
    margin: .3rem auto .1rem;
    width: 90%;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.item-jackpot .list-item li {
    position: relative;
}

.item-jackpot .list-item .ico,
.item-jackpot .list-item img {
    height: .88rem;
}

/* .item-jackpot .list-item li .ico-achieved{ display: none; top: 0; right: 0; width: .79rem; height: .72rem; background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_achieve.png"); } */
.item-jackpot .list-item li .text {
    bottom: .1rem;
    width: 100%;
    text-align: center;
    font-size: .22rem;
    -webkit-text-stroke: .05rem #943000;
}

.item-jackpot .list-item li .text::before {
    content: attr(data-text);
    position: absolute;
    -webkit-text-stroke: 0;
    background: linear-gradient(#FFFDD2 20%, #F3D822);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.item-progress {
    padding-top: 1.3rem;
    margin-top: -1.4rem;
    width: 7.5rem;
    height: 7.31rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_task_01.png");
    box-sizing: border-box;
}

.progress-list {
    margin-top: -.1rem;
}

.progress {
    margin: -.3rem auto 0;
    width: 95%;
    height: .5rem;
    background: #BC3934;
    box-shadow: 0 0 .07rem rgba(140, 17, 17, .2), 0 0 .02rem rgba(161, 50, 45, .08) inset;
}

.progress-bar {
    margin: 0 auto;
    width: 6.8rem;
    height: .22rem;
    background: #AB1312;
    border: .02rem #CD322D solid;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    overflow: hidden;
}

.progress-bar .bar {
    height: 100%;
    background: -webkit-linear-gradient(#FF9000, #FFB52C, #FFB52C);
    background: linear-gradient(#FF9000, #FFB52C, #FFB52C);
    -webkit-box-shadow: 0 .03rem .02rem #FFBC00 inset;
    box-shadow: 0 .03rem .02rem #FFBC00 inset;
}

.progress-bar .bar::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -.1rem;
    width: .76rem;
    height: .29rem;
    background: url("//png.pookcdn.net/new_net/lydr/activity_1/loading_bar_effect.png") no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.item-jackpot .list-award {
    margin-top: -.5rem;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;

    gap: .1rem;
}

.item-jackpot .award-name {
    margin-bottom: .15rem;
    color: #fff;
}

.item-jackpot .award-content {
    margin-top: -.3rem;
    padding-top: .3rem;
    width: 1.6rem;
    height: 3.26rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_award_list.png");
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
}

.item-jackpot .list-award .tag {
    margin: 0 auto;
    width: .6rem;
    height: .6rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_bar_initial.png");
    z-index: 2;
}

.item-jackpot .list-award .tag.active {
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_bar_success.png");
}

.item-jackpot .list-award .txt-success {
    top: .5rem;
    left: 50%;
    width: .97rem;
    height: .35rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/tag_achieve.png");
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

.item-jackpot .award-content li,
.award-rank-02 .rank-award {
    position: relative;
    width: 1.31rem;
    height: 1.31rem;
    background: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_award.png") no-repeat;
    background-size: 100% 100%;
}

.item-jackpot .award-content li .award-text,
.award-rank-02 .rank-award .award-text {
    top: -.38rem;
    width: 100%;
    height: .5rem;
    color: #ffcd91;
    font-size: .16rem;
    text-align: center;
    line-height: 1.2;
}

.award-rank-02 .rank-award .award-text {
    top: inherit;
    bottom: -.35rem
}

.item-jackpot .award-content li .award-text-s {
    font-size: .14rem;
}

.item-jackpot .award-content li .award-img,
.award-rank-02 .rank-award .award-img {
    position: relative;
    top: .05rem;
    width: 1.17rem;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.item-jackpot .award-content li .award-num,
.award-rank-02 .rank-award .award-num {
    bottom: .1rem;
    left: 50%;
    width: 90%;
    height: .38rem;
    line-height: .5rem;
    background: rgba(222, 96, 18, 0.7);
    border-radius: 0 0 .05rem .05rem;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.item-jackpot .award-content li .award-num span,
.award-rank-02 .rank-award .award-num span {
    display: inline-block;
    margin: 0 -.01rem;
    height: .23rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.item-jackpot .award-content li .award-num .num-00,
.award-rank-02 .rank-award .award-num .num-00 {
    width: .15rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_00.png);
}

.item-jackpot .award-content li .award-num .num-01,
.award-rank-02 .rank-award .award-num .num-01 {
    width: .11rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_01.png);
}

.item-jackpot .award-content li .award-num .num-02,
.award-rank-02 .rank-award .award-num .num-02 {
    width: .15rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_02.png);
}

.item-jackpot .award-content li .award-num .num-03,
.award-rank-02 .rank-award .award-num .num-03 {
    width: .15rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_03.png);
}

.item-jackpot .award-content li .award-num .num-04,
.award-rank-02 .rank-award .award-num .num-04 {
    width: .15rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_04.png);
}

.item-jackpot .award-content li .award-num .num-05,
.award-rank-02 .rank-award .award-num .num-05 {
    width: .15rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_05.png);
}

.item-jackpot .award-content li .award-num .num-06,
.award-rank-02 .rank-award .award-num .num-06 {
    width: .15rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_06.png);
}

.item-jackpot .award-content li .award-num .num-07,
.award-rank-02 .rank-award .award-num .num-07 {
    width: .15rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_07.png);
}

.item-jackpot .award-content li .award-num .num-08,
.award-rank-02 .rank-award .award-num .num-08 {
    width: .15rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_08.png);
}

.item-jackpot .award-content li .award-num .num-09,
.award-rank-02 .rank-award .award-num .num-09 {
    width: .15rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_09.png);
}

.item-jackpot .award-content li .award-num .num-trillion,
.award-rank-02 .rank-award .award-num .num-trillion {
    width: .43rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_trillion.png);
}

.item-jackpot .award-content li .award-num .num-tenthousand,
.award-rank-02 .rank-award .award-num .num-tenthousand {
    width: .23rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_tenthousand.png);
}

.item-jackpot .award-content li .award-num .num-hundredmillion,
.award-rank-02 .rank-award .award-num .num-hundredmillion {
    width: .23rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/txt_num_hundredmillion.png);
}

/* .item-jackpot .award-content li .award-num .text,
.award-rank-02 .rank-award .award-num .text {
    -webkit-text-stroke: .04rem #A72F1F;
}

.item-jackpot .award-content li .award-num .text::after,
.award-rank-02 .rank-award .award-num .text::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 0;
} */

.btn-greyReceived,
.btn-receive,
.btn-notAchieved {
    margin: .05rem auto;
    width: 1.4rem;
    height: .74rem;
}

.btn-greyReceived {
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/btn_greyRecaived.png");
}

.btn-receive {
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/btn_receive.png");
}

.btn-notAchieved {
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/btn_notAchieved.png");
}

.btn-share {
    margin: .7rem auto 0;
    width: 3.21rem;
    height: 1.06rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/btn_share.png");
}

.item-rank {
    margin-top: 1.1rem;
}

.item-rank .ico-details {
    top: 1rem;
    right: 0rem;
    width: 1.57rem;
    height: 1.38rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_details.png");
    transform: scale(.7);
}

.rank-tips {
    margin: .15rem auto 0;
    color: #ba3833;
    text-align: center;
    font-size: .2rem;
}

.award-rank-01 {
    text-align: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.award-rank-01 .rank-img {
    display: block;
    margin: .4rem auto .25rem;
    width: 1.26rem;
}

.award-rank-01 .rank-name {
    font-size: .18rem;
    line-height: 1.2;
}

.rank-01 {
    position: relative;
    margin-top: -.8rem;
    width: 4.95rem;
    height: 4.41rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_rank_first.png");

}

.award-rank-01 .rank-01 .rank-name {
    color: #db4406;
}

.rank-02 {
    position: relative;
    top: -.1rem;
    margin: -.5rem -.5rem 0;
    width: 4.36rem;
    height: 4.41rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_rank_second.png");

}

.award-rank-01 .rank-01 .rank-img {
    margin: .55rem auto .25rem;
}

.award-rank-01 .rank-02 .rank-name {
    color: #71457f;

}

.rank-03 {
    position: relative;
    margin: -.2rem -.5rem 0;
    width: 4.14rem;
    height: 4.41rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_rank_third.png");

}

.rank-text {
    bottom: -.4rem;
    left: 50%;
    padding: .05rem .2rem;
    background: #8F1715;
    transform: translateX(-50%);
    -webkit-border-radius: .05rem;
    border-radius: .05rem;
    line-height: 1.2;
    font-size: .18rem;
    text-align: center;
    white-space: nowrap;
}

.rank-02 .rank-text {
    bottom: .2rem;
    left: 45%;
}

.rank-03 .rank-text {
    bottom: .4rem;
    left: 55%;
}

.award-rank-01 .rank-03 .rank-name {
    color: #425998;
}

.award-rank-02 {
    margin-top: -1.6rem;
}

.award-rank-02 [class*="rank-0"] {
    position: relative;
    margin: 0 -.5rem;
    flex-shrink: 0;
}

.award-rank-02 [class*="rank-0"] .rank-text {
    bottom: -.25rem;
    left: 42%;
}

.award-rank-02 .rank-04 {
    width: 3.23rem;
    height: 3.09rem;
    background: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_rank_fourth.png") no-repeat;
    background-size: 100% 100%;
}

.award-rank-02 .rank-05 {
    position: relative;
    top: .06rem;
    width: 2.89rem;
    height: 3.09rem;
    background: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_rank_fifth.png") no-repeat;
    background-size: 100% 100%;
}
.award-rank-02 .rank-05 .rank-text {
    left: 50%;
}

.award-rank-02 .rank-06 {
    position: relative;
    top: .25rem;
    width: 3.29rem;
    height: 3.09rem;
    background: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_rank_sixth.png") no-repeat;
    background-size: 100% 100%;
}
.award-rank-02 .rank-06 .rank-text {
    bottom: -.07rem;
    left: 58%;
}

.award-rank-02 .rank-num {
    margin-top: .25rem;
    text-align: center;
}

.award-rank-02 .rank-num .text {
    -webkit-text-stroke: .04rem #A72F1F;
}

.award-rank-02 .rank-num .text::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 0;
    background: -webkit-linear-gradient(#FFF09C 30%, #FFD745);
    background: linear-gradient(#FFF09C 30%, #FFD745);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.award-rank-02 .rank-award {
    margin: 0 auto;
    text-align: center;
}

.item-charts {
    margin-top: 1.5rem;
}

.item-tips,
.charts-tips {
    margin-top: .1rem;
    text-align: center;
    font-size: .2rem;
    color: #ffcd91;
}

.charts-list {
    margin: 0 auto;
    padding-left: .15rem;
    width: 7.5rem;
    height: 8.29rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_rank.png");
    overflow: hidden;
    box-sizing: border-box;
}

.charts-tips {
    color: #ca652d;
}

.charts-title {
    margin: .05rem auto 0;
    width: 6.14rem;
    height: .42rem;
    font-size: .22rem;
    color: #9a5212;
    line-height: .42rem;
    text-align: center;
    border-top: .02rem #D9A192 solid;
    border-bottom: .02rem #D9A192 solid;
}

.charts-list .con-01,
.self-content .con-01 {
    width: .8rem;
}

.charts-list .con-02,
.self-content .con-02 {
    width: 3.7rem;
}

.charts-list .con-03,
.self-content .con-03 {
    width: 2.15rem;
}

.charts-content {
    margin: 0 auto;
    width: 6.4rem;
    height: 6.6rem;
    overflow: hidden;
}

.charts-content li,
.self-content {
    display: flex;
    display: -webkit-flex;
    margin: .08rem auto 0;
    padding: 0 .2rem;
    width: 6.11rem;
    height: 1.3rem;
    background: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_rank_list_04.png") no-repeat;
    background-size: 100% 100%;
    -webkit-align-items: center;
    align-items: center;
    font-size: .2rem;
    color: #a56251;
    box-sizing: border-box;
}

.charts-content li:nth-of-type(1) {
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_rank_list_01.png");
}

.charts-content li:nth-of-type(2) {
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_rank_list_02.png");
}

.charts-content li:nth-of-type(3) {
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_rank_list_03.png");
}

.charts-content .charts-num,
.self-content .charts-num {
    padding-top: .07rem;
    width: .51rem;
    height: .5rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_rank_list_04.png");
    font-size: .2rem;
    color: #6e4f18;
    box-sizing: border-box;
}

.charts-content li:nth-of-type(1) .charts-num {
    width: .7rem;
    height: .47rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_rank_list_01.png");
}

.charts-content li:nth-of-type(2) .charts-num {
    width: .68rem;
    height: .46rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_rank_list_02.png");
}

.charts-content li:nth-of-type(3) .charts-num {
    width: .66rem;
    height: .43rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_rank_list_03.png");
}

.charts-content li .con-02,
.self-content .con-02 {
    padding-left: .05rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}

.charts-content .charts-ico,
.self-content .charts-ico {
    margin-right: .2rem;
    width: .8rem;
    height: .8rem;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    border: .02rem #fff solid;
    overflow: hidden;
}

.charts-content .charts-ico img,
.self-content .charts-ico img {
    width: 100%;
    object-fit: cover;
}

.charts-content li .con-03,
.self-content .con-03 {
    text-align: center;
}

.charts-content li .con-03 .number,
.self-content .con-03 .number {
    font-size: .36rem;
    font-weight: bold;
    -webkit-text-stroke: .05rem #fff;
}

.charts-content li .con-03 .number::before,
.self-content .con-03 .number::before {
    content: attr(data-text);
    position: absolute;
    -webkit-text-stroke: 0;
    background: -webkit-linear-gradient(#CE5B22, #E56F3A);
    background: linear-gradient(#CE5B22, #E56F3A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ico-trophy {
    margin-right: .1rem;
    display: inline-block;
    width: .48rem;
    height: .55rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_trophy.png");
}

.item-self {
    margin-top: .8rem;
}

.item-search {
    margin: .7rem auto .2rem;
    width: 4.66rem;
    height: .5rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_input.png");
}

.item-search input {
    font-family: 'CLOUDYUANCU';
    width: 100%;
    height: 100%;
    line-height: .65rem;
    font-size: .24rem;
    text-align: center;
    color: #FFF4AB;
    background: transparent;
    border: none;
    outline: none;
}

.item-search input::-moz-placeholder {
    color: #FFF4AB;
}

.item-search input:-ms-input-placeholder {
    color: #FFF4AB;
}

.item-search input::-webkit-input-placeholder {
    color: #FFF4AB;
}

.item-search .icon-search {
    top: 55%;
    right: -.8rem;
    width: .63rem;
    height: .63rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_help.png");
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-search {
    margin: .2rem auto .6rem;
    width: 2.57rem;
    height: .84rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/btn_search.png");
}

.self-content .charts-num {
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/ico_rank_list_05.png");
}

.pup .pup-title {
    margin-top: .4rem;
    font-size: .34rem;
    color: #a1674d;
    text-align: center;
}

.pup .pup-title img {
    height: .43rem;
}

.btn-close {
    top: .3rem;
    right: .4rem;
    width: .34rem;
    height: .35rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/btn_close.png");
}

.pup-receive,
.pup-ruler,
.pup-details {
    width: 6.37rem;
    height: 7.67rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_pup_637x767.png");
}

.pup-receive .item-search {
    margin: .35rem auto .25rem;
    width: 5rem;
}

.pup-receive .item-search input {
    height: .7rem;
    background: #D1BEA7;
    border: none;
    line-height: .7rem;
}

.pup-receive .item-search input::-moz-placeholder {
    color: #FFF6D9;
}

.pup-receive .item-search input:-ms-input-placeholder {
    color: #FFF6D9;
}

.pup-receive .item-search input::-webkit-input-placeholder {
    color: #FFF6D9;
}

.pup-receive .btn-submit {
    margin: 0 auto;
    width: 2.2rem;
    height: .74rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/btn_sumbit.png");
}

.pup-receive .receive-tips,
.pup-search .search-tips,
.pup-code .content {
    margin: .35rem auto .2rem;
    text-align: center;
    font-size: .18rem;
    color: #95716a;
    line-height: 1.3;
    word-break: break-word;
}

.pup-receive .receive-img,
.pup-search .search-img {
    text-align: center;
}

.pup-receive .receive-img img,
.pup-search .search-img img {
    width: 5.02rem;
}

.pup-search,
.pup-code {
    width: 6.37rem;
    height: 5.37rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_pup_637x537.png");
}

.pup-search .search-tips {
    margin-bottom: .2rem;
}

.pup-common-tips {
    width: 6.37rem;
    height: 4.21rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_pup_637x421.png");
}

.pup-common-tips .content {
    margin-top: .5rem;
    font-size: .33rem;
    color: #95716a;
}

.pup-common-tips .content .text {
    height: 2.4rem;
}

.pup-common-tips .btn-list {
    gap: .3rem;
}

.btn-cancel {
    width: 2.2rem;
    height: .74rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/btn_cancel.png);
}

.btn-sure {
    width: 2.2rem;
    height: .74rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity_1/btn_sure.png);
}


.pup-ruler .ruler-content,
.pup-details .details-content {
    margin: 0 auto;
    width: 5.4rem;
    height: 6.5rem;
    font-size: .18rem;
    color: #95716a;
    word-break: break-word;
    overflow: hidden;
}

.pup-tips {
    width: 7.4rem;
    height: .8rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/bg_tip.png");
    font-size: .24rem;
    color: #fff;
    text-align: center;
    z-index: 120
}

.hint {
    position: fixed;
    background: rgba(0, 0, 0, 0) url(//png.pookcdn.net/new_net/bydrqp/pup_hint.png) no-repeat scroll 0 0 / 100% 100%;
    height: 5.4rem;
    right: .51rem;
    top: 0;
    width: 6.03rem;
    z-index: 120;
}

.pup-code .content {
    font-size: .26rem;
    -webkit-flex-flow: column;
    flex-flow: column;
}

.pup-code .content input {
    width: 1.7rem;
    background: transparent;
    border: none;
    outline: none;
    color: #E56F3A;
}

.pup-code .content button {
    color: #E56F3A;
    text-decoration: underline;
}

.pup-code .content .code img {
    margin-top: .2rem;
    width: 2.5rem;
}

@media only screen and (max-width: 360px) {
    .wrapper {
        margin-top: 0;
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }

}