body {
    background: #1F0A07;
}

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

.float-top {
    top: 0;
    left: 50%;
    padding: 0 .2rem 0 .15rem;
    width: 7.5rem;
    height: 1.2rem;
    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 .logo {
    margin-right: .15rem;
}

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

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

.float-top .btn-download-top {
    width: 2.48rem;
    height: .82rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/btn_download_top.png");
}

.btn-service,
.btn-ruler {
    right: .2rem;
    width: .86rem;
    height: .73rem;
}

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

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

.date {
    margin: 9.6rem auto 0;
    padding: .02rem .3rem;
    width: fit-content;
    background: rgba(16, 4, 1, .1);
    font-size: .24rem;
    border: .02rem #D44B32 solid;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
}

.date span {
    color: #4bff21;
}

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

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

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

.item-jackpot {
    margin-top: 2rem;
}

.jackpot-total {
    margin: .1rem auto;
    width: 7.02rem;
    height: 2.2rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/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 { margin: .08rem auto; }
.jackpot-total .total-num span{ display: inline-block; height: .56rem; }
.jackpot-total .total-num .num-00{ width: .38rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_00.png"); }
.jackpot-total .total-num .num-01{ width: .24rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_01.png"); }
.jackpot-total .total-num .num-02{ width: .33rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_02.png"); }
.jackpot-total .total-num .num-03{ width: .33rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_03.png"); }
.jackpot-total .total-num .num-04{ width: .41rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_04.png"); }
.jackpot-total .total-num .num-05{ width: .32rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_05.png"); }
.jackpot-total .total-num .num-06{ width: .35rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_06.png"); }
.jackpot-total .total-num .num-07{ width: .33rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_07.png"); }
.jackpot-total .total-num .num-08{ width: .35rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_08.png"); }
.jackpot-total .total-num .num-09{ width: .35rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_09.png"); }
.jackpot-total .total-num .num-wan{ width: .5rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_wan.png"); }
.jackpot-total .total-num .num-yi{ width: .5rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_yi.png"); }
.jackpot-total .total-num .num-comma{ margin: 0 .02rem 0 .05rem; width: .12rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/num_comma.png"); }

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

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

.img-jackpot {
    width: 100%;
    height: 6.87rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/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;
    -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: 1.79rem;
}
.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/bydrqp/activity_1/ico_achieve.png"); }


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

.progress-bar {
    padding: 0 .1rem;
    margin: 0 auto;
    width: 7.2rem;
    height: .28rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/bg_progress_bar.png");
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}

.progress-bar .bar {
    height: .18rem;
    background: -webkit-linear-gradient(#E05D36, #B73C1D, #F3703F);
    background: linear-gradient(#E05D36, #B73C1D, #F3703F);
    -webkit-box-shadow: 0 .03rem .02rem rgba(239, 109, 62) inset;
    box-shadow: 0 .03rem .02rem rgba(239, 109, 62) inset;
}

.progress-bar .bar::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -.1rem;
    width: 1.15rem;
    height: .32rem;
    background: url("//png.pookcdn.net/new_net/bydrqp/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: .05rem;
    text-align: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

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

.item-jackpot .award-content {
    width: 1.72rem;
    height: 3.82rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/bg_award_list.png");
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    align-items: center;
    gap: .3rem;
}

.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/bydrqp/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: #a43f17;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/bydrqp/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/bydrqp/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/bydrqp/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/bydrqp/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/bydrqp/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/bydrqp/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/bydrqp/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/bydrqp/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/bydrqp/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/bydrqp/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/bydrqp/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/bydrqp/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/bydrqp/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/bydrqp/activity_1/btn_greyRecaived.png");
}

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

.btn-notAchieved {
    background-image: url("//png.pookcdn.net/new_net/bydrqp/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/bydrqp/activity_1/btn_share.png");
}

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

.rank-tips {
    margin: .15rem auto 1rem;
    font-family: microsoft yahei;
    color: #fed99e;
    text-align: center;
}

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

.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;
    top: -.6rem;
    width: 2.55rem;
    height: 3.41rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/bg_rank_first.png");
}

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

.rank-02 {
    width: 2.31rem;
    height: 3.09rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/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 {
    width: 2.31rem;
    height: 3.09rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/bg_rank_third.png");
}

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

.award-rank-02 {
    gap: .5rem;
}

.award-rank-02 li {
    width: 1.72rem;
    height: 2.39rem;
    background: url("//png.pookcdn.net/new_net/bydrqp/activity_1/bg_rank_other.png") no-repeat;
    background-size: 100% 100%;
}

.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.3rem;
}

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

.charts-list {
    margin: 0 auto;
    width: 7.16rem;
    height: 8.99rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/bg_rank.png");
    overflow: hidden;
}

.charts-tips {
    margin-top: .5rem;
    color: #a43f17;
}

.charts-title {
    margin: .25rem auto 0;
    width: 6.4rem;
    height: .42rem;
    font-size: .22rem;
    color: #a43f17;
    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: 1.12rem;
}

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

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

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

.charts-content li,
.self-content {
    display: flex;
    display: -webkit-flex;
    margin-top: .1rem;
    width: 6.4rem;
    height: 1.15rem;
    background: url("//png.pookcdn.net/new_net/bydrqp/activity_1/bg_rank_list_04.png") no-repeat;
    background-size: 100% 100%;
    -webkit-align-items: center;
    align-items: center;
    font-size: .24rem;
    color: #a43f17;
}

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

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

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

.charts-content .charts-num,
.self-content .charts-num{
    padding-top: .07rem;
    width: .79rem;
    height: .78rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/ico_rank_list_04.png");
    font-size: .28rem;
    color: #fff;
    box-sizing: border-box;
}

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

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

.charts-content li:nth-of-type(3) .charts-num {
    background-image: url("//png.pookcdn.net/new_net/bydrqp/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: 50%;
    border-radius: 50%;
    border: .02rem #A43F17 solid;
}

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

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

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

.item-search {
    margin: .7rem auto .2rem;
    width: 5.45rem;
}

.item-search input {
    font-family: 'CLOUDYUANCU';
    width: 100%;
    height: .65rem;
    background: #ffe2aa;
    line-height: .65rem;
    font-size: .24rem;
    text-align: center;
    color: #a43f17;
    border: .02rem #FFF68B solid;
    border-radius: .4rem;
}
.item-search input::-moz-placeholder {
    color: #a43f17;
}

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

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

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

.btn-search {
    margin: .2rem auto .6rem;
    width: 2.49rem;
    height: .83rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/btn_search.png");
}
.self-content{ margin: 0 auto; width: 6.54rem; height: 1.27rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/bg_rank_list_05.png"); }
.self-content .charts-num{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/ico_rank_list_05.png"); }

.pup .pup-title{ margin-top: .4rem; 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/bydrqp/activity_1/btn_close.png"); }

.pup-receive,
.pup-ruler{ width: 6.37rem; height: 7.67rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/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/bydrqp/activity_1/btn_sumbit.png"); }
.pup-receive .receive-tips,
.pup-search .search-tips{ 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{ width: 6.37rem; height: 5.37rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_1/bg_pup_637x537.png"); }
.pup-search .search-tips{ margin-bottom: .4rem; }

.pup-ruler .ruler-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/bydrqp/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;
}


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