body,html{ background: #c22b25; }
@font-face {
    font-family: 'fangzheng';     
    src: url("//png.pookcdn.net/new_net/bydrqp/activity_2/fangzheng.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
.wrapper{ margin: 0 auto; width: 7.5rem; height: 39.87rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg.jpg"); color: #fff9e9; font-family: 'CLOUDYUANCU'; overflow: hidden; }

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

.float-top .btn-download-top {
    width: 2.44rem;
    height: .8rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_top_download.png");
}

.float-list { top: 1.8rem; right: .2rem; -webkit-flex-flow: column; flex-flow: column; gap: .25rem; }
.float-list [class*="ico-"]{ width: .85rem; height: .72rem;}
.float-list .ico-service{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/ico_service.png"); }
.float-list .ico-record{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/ico_record.png"); }
.float-list .ico-ruler{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/ico_ruler.png"); }
.float-list .ico-login{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/ico_login.png"); }

.invite-title{ margin: 9.7rem auto 0; width: 6.39rem; height: .6rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/img_title_invite.png"); }
.invite-list{ margin: .2rem auto; gap: .1rem; }
.invite-list img{ height: 1.42rem; }
.invite-list img:first-of-type{ height: 1.46rem; }

.date{ color: #fcfbf3; font-size: .24rem; text-align: center; }
.date span{ color: #4bff21; }

.btn-share{ margin: .2rem auto; width: 3.17rem; height: 1.03rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_share.png"); }

.item-title{ text-align: center; }
.item-title img{ height: 1.34rem; }
.item-lottery{ margin-top: 1.4rem; }
.lottery-num{ margin: .3rem auto .2rem; width: 4.99rem; height: .5rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_lottery_num.png"); }
.lottery-num img{ margin-right: .1rem; height: .34rem;}
.lottery-num [class*="num-"]{ height: .27rem; }
.lottery-num .num-00{ width: .2rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/lottery_num_00.png"); }
.lottery-num .num-01{ width: .13rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/lottery_num_01.png"); }
.lottery-num .num-02{ width: .19rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/lottery_num_02.png"); }
.lottery-num .num-03{ width: .19rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/lottery_num_03.png"); }
.lottery-num .num-04{ width: .2rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/lottery_num_04.png"); }
.lottery-num .num-05{ width: .2rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/lottery_num_05.png"); }
.lottery-num .num-06{ width: .19rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/lottery_num_06.png"); }
.lottery-num .num-07{ width: .2rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/lottery_num_07.png"); }
.lottery-num .num-08{ width: .19rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/lottery_num_08.png"); }
.lottery-num .num-09{ width: .19rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/lottery_num_09.png"); }

.lottery{ overflow: hidden; }
.num-consume{ margin: .3rem 0 0; }
.ico-check{ margin-right: .1rem; width: .28rem; height: .28rem; background: #b82f21; border: .02rem #FE9C76 solid; -webkit-border-radius: .02rem; border-radius: .02rem; }
.ico-check input{ position: relative; width: 100%; height: 100%; opacity: 0; z-index: 2; }
.ico-check label{ position: absolute; top: -.02rem; left: 0; width: .38rem; height: .3rem; background-repeat: no-repeat; background-size: 100% 100%; }
.ico-check input:checked+label{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/ico_check.png"); }
.lottery{ margin: 0 auto; width: 7.15rem; height: 7.42rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_lottery.png"); }
.lottery table{ margin: 0 auto; width: 6.48rem; }
.lottery table td{ width: 33%; height: 2.09rem; text-align:center;vertical-align:middle;}
.lottery table .item-lottery-award{ width: 1.84rem; height: 1.84rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_lottery_award.png"); }
.lottery table .item-lottery-award img{width: 1.78rem}
.lottery table .item-lottery-award .award-name{ bottom: .1rem; left: 50%; padding: .02rem 0; width: 1.7rem; background: rgba(217, 62, 44, .6); font-size: .22rem; color: #ffffff; -webkit-text-stroke: .03rem #A23A25 ; border-radius: 0 0 .1rem .1rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.lottery table .item-lottery-award .award-name::before {content: attr(data-text); position: absolute; left: 0;top: .01rem;width: 100%; text-align: center;-webkit-text-stroke: 0;color: #ffffff; }
.lottery table td.active .item-lottery-award::after{ content: ""; position: absolute; top: -.14rem; left: -.12rem; width: 2.08rem; height: 2.08rem; background: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_lottery_award_active.png") no-repeat; background-size: 100% 100%; }
.lottery table .btn-lottery{ width: 2.12rem; height: 2.01rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_lottery.png"); cursor: pointer; }
.lottery-tips{ margin-top: .2rem; font-family: microsoft yahei; font-size: .2rem; color: #a43f17; text-align: center; }
.lottery table .btn-lottery .txt-lucky{ margin-top: 1.1rem; }
.lottery table .btn-lottery .txt-lucky img{ height: .24rem;;}
.lottery table .btn-lottery .num-lucky{ width: 100%; clear: both; }
.lottery table .btn-lottery .num-lucky span{ display: inline-block; height: .2rem; background-repeat: no-repeat; background-size: 100% 100%;  }
.lottery table .btn-lottery .num-lucky .num-00{ width: .14rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_lucky_00.png"); }
.lottery table .btn-lottery .num-lucky .num-01{ width: .09rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_lucky_01.png"); }
.lottery table .btn-lottery .num-lucky .num-02{ width: .13rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_lucky_02.png"); }
.lottery table .btn-lottery .num-lucky .num-03{ width: .13rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_lucky_03.png"); }
.lottery table .btn-lottery .num-lucky .num-04{ width: .15rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_lucky_04.png"); }
.lottery table .btn-lottery .num-lucky .num-05{ width: .13rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_lucky_05.png"); }
.lottery table .btn-lottery .num-lucky .num-06{ width: .13rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_lucky_06.png"); }
.lottery table .btn-lottery .num-lucky .num-07{ width: .14rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_lucky_07.png"); }
.lottery table .btn-lottery .num-lucky .num-08{ width: .13rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_lucky_08.png"); }
.lottery table .btn-lottery .num-lucky .num-09{ width: .14rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_lucky_09.png"); }
.lottery table .btn-lottery .num-lucky .num-percent{ width: .14rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_lucky_percent.png"); }

.account-info{ margin: .3rem auto 0; text-align: center; color: #C22A25; }
.account-info button{ color: #2c761b; }

.tab-task{ margin: .4rem auto .6rem; width: 7.3rem; }
.tab-task [class*="task-0"]{ width: 1.95rem; height: 1.1rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_tab.png"); cursor: pointer; }
.tab-task [class*="task-0"].active{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_tab_active.png"); }
.tab-task [class*="task-0"] span{ display: block; position: relative; left: -.05rem; width: 1.08rem; height: .77rem; background-repeat: no-repeat; background-size: 100% 100%; }
.tab-task .task-01 span{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_tab_01_01.png"); }
.tab-task .task-01.active span{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_tab_01_02.png"); }
.tab-task .task-02 span{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_tab_02_01.png"); }
.tab-task .task-02.active span{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_tab_02_02.png"); }
.tab-task .task-03 span{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_tab_03_01.png"); }
.tab-task .task-03.active span{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_tab_03_02.png"); }
.tab-task .task-04 span{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_tab_04_01.png"); }
.tab-task .task-04.active span{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_tab_04_02.png"); }


.task-instructor{ margin: 0 auto; width: 7.14rem; height: 2.65rem; }
.task-elementary{ margin-top: .35rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_task_01_01.png"); }
.task-senior{ margin-top: .2rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_task_01_02.png"); }
.task-instructor .con-left{ width: 5.5rem; }
.task-instructor .con-right{ width: 1.63rem; -webkit-flex-flow: column;  flex-flow: column; }
.task-instructor .task-tips{ margin-top: .5rem; margin-left: .3rem; font-size: .2rem; color: #a56251; }
.task-instructor .invite-task-list{ margin-top: .1rem; margin-left: .1rem; gap: .1rem;  -webkit-align-items: flex-start; align-items:flex-start; }
.task-instructor .invite-task-list li{ display: flex; display: -webkit-flex; -webkit-flex-flow: column; flex-flow: column; -webkit-justify-content: flex-start;  justify-content: flex-start;}
.task-instructor .invite-task-list li .idle{ width: .89rem; height: .89rem; background-color: #ceaf83; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/ico_invite_idle.png"); background-size: .38rem .38rem; background-position: center; -webkit-border-radius: .1rem; border-radius: .1rem; }
.task-instructor .invite-task-list li .user-head,
.task-friend .user-head{ width: .89rem; height: .89rem; border: .02rem #fff solid; -webkit-border-radius: .1rem;  border-radius: .1rem; }
.task-instructor .invite-task-list li .user-head img,
.task-friend .user-head img{ width: 100%; height: 100%; object-fit: cover; }
.task-instructor .invite-task-list li .user-name,
.task-friend .user-name{ font-size: .18rem; color: #a56251; text-align: center; }
.task-instructor .item-lottery-award{ width: 1.31rem; height: 1.31rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_task_award_01.png"); }
.task-instructor .item-lottery-award img{ width: 100%; }
.task-instructor .item-lottery-award .award-name{ bottom: .1rem; left: 50%; padding: .05rem 0 .02rem; width: 1.2rem; background: rgba(217, 62, 44, .6); font-size: .2rem; line-height: 1; color: #ffffff; text-align: center; -webkit-text-stroke: .03rem #A23A25 ; border-radius: 0 0 .1rem .1rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.task-instructor .item-lottery-award .award-name::before{content: attr(data-text); position: absolute; left: 0;top: .05rem;width: 100%; text-align: center;-webkit-text-stroke: 0;color: #ffffff; }
.task-instructor .btn-receive{ margin-top: .1rem; width: 1.4rem; height: .79rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_receive.png"); }
.task-instructor .btn-receive.grey{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_received.png"); }
.task-senior .task-tips{ color: #b7492c; }
.task-instructor .invite-task-list li .idle{ background-color: #dba54f; }
.task-senior .item-lottery-award{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_task_award_02.png");}
.task-bot-tips{ margin: .3rem auto; font-size: .2rem; font-family: microsoft yahei; color: #FED99E; text-align: center; }
.btn-invite{ margin: 0 auto; width: 3.17rem; height: 1.03rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_invite.png"); }

.task-top-tips{ margin: .3rem auto .2rem; font-size: .2rem; font-family: microsoft yahei; color: #FED99E; text-align: center }
.task-friend{ margin: 0 auto .2rem; width: 7.14rem; height: 2.15rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_task_02.png"); -webkit-justify-content: flex-start; justify-content: flex-start; }
.task-friend .user-info{ margin: 0 .23rem; -webkit-flex-flow: column; flex-flow: column; }
.task-friend .task-packet-list{ gap: .1rem; }
.task-friend .task-packet-list li{ padding-top: .12rem; width: 1.3rem; height: 1.66rem; background: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_task_hb_01.png") no-repeat; text-align: center; font-size: .2rem; background-size: 100% 100%; box-sizing: border-box; }
.task-friend .task-packet-list li.complete{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_task_hb_02.png"); }
.task-friend .task-packet-list li.received{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_task_hb_03.png"); }
.task-friend .task-packet-list li .task-award{ color: #bf4023; }
.task-friend .task-packet-list li .task-award-none{ color: #ffecc0; }
.task-friend .task-packet-list li .task-award-received{ color: #979797; }
.task-friend .task-packet-list li .task-name{ margin-top: .85rem; color: #ffecc0; height: .5rem}
.task-friend .task-packet-list li .task-name-received{color: #d5d5d3;}
.task-friend .task-packet-list li .task-name.ft-s{ position: relative; top: .02rem; font-size: .17rem; }
.task-friend .task-packet-list li.complete .task-award,
.task-friend .task-packet-list li.complete .task-name,
.task-friend .task-packet-list li.complete .btn-receive{ display: block; }
.page-list { gap: .2rem; }
.page-list a{ color: #fff4da; font-size: .22rem; font-family: microsoft yahei; }
.page-list [class*="page-"]{ width: .28rem; height: .28rem; background: #FFF4DA; color: #be2522; -webkit-border-radius: .3rem; border-radius: .3rem; box-sizing: border-box; }
.btn-receive-all{ margin: .2rem auto; width: 3.17rem; height: 1.03rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_receive_all.png"); }

.task-03 .task-friend{ width: 7.14rem; height: 3.1rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_task_03.png"); -webkit-align-items: flex-start; align-items: flex-start;}
.task-03 .task-packet-list { width: 100%;gap: .3rem; }
.task-03 .task-packet-list li{ margin-top: .3rem; }

.task-04 .item-title img{ height: 1.79rem;}
.task-04 .task-day li{ margin: 0 auto .2rem; display: flex; display: -webkit-flex; width: 7.14rem; height: 1.27rem; background: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_task_04.png") no-repeat; background-size: 100% 100%; font-size: .2rem; color: #a56251; }
.task-04 .task-day li .con-left{ padding-left: .3rem; width: 5.5rem; -webkit-align-items: flex-start; align-items: flex-start; flex-flow: column; box-sizing: border-box; }
.task-04 .task-day li .con-left .task-name img{ height: .39rem; }
.task-04 .task-day li .con-left .task-award{ margin-top: .1rem; }
.task-04 .task-day li .con-left .task-award span{ margin-left: .1rem; color: #dd1f15; }
.task-04 .task-day li .con-right{ width: 1.65rem; }
.task-04 .task-day span{ height: .34rem;}
.task-04 .task-day .num-0{ width: .25rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_task_00.png"); }
.task-04 .task-day .num-1{ width: .19rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_task_01.png"); }
.task-04 .task-day .num-2{ width: .24rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_task_02.png"); }
.task-04 .task-day .num-3{ width: .24rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_task_03.png"); }
.task-04 .task-day .num-4{ width: .25rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_task_04.png"); }
.task-04 .task-day .num-5{ width: .24rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_task_05.png"); }
.task-04 .task-day .num-6{ width: .25rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_task_06.png"); }
.task-04 .task-day .num-7{ width: .24rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_task_07.png"); }
.task-04 .task-day .num-8{ width: .24rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_task_08.png"); }
.task-04 .task-day .num-9{ width: .24rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/num_task_09.png"); }

.item-task .btn-share{ width: 1.19rem; height: .62rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_task_share.png"); }
.item-task .btn-receive{margin-top: .2rem; width: 1.19rem; height: .62rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_receive_119.png"); }
.item-task .btn-receive.receive-grey{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_received.png"); }
.item-task .btn-receive.received-grey{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_received_119.png"); }
.item-task .btn-incomplete{ width: 1.19rem; height: .62rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_incomplete.png"); }

input::-moz-placeholder, textarea::-moz-placeholder { color: #FFF6D9; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #FFF6D9; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #FFF6D9; }

.pup,button{ font-family: 'CLOUDYUANCU';}
.pup .btn-close{ top: .35rem; right: .35rem; width: .34rem; height: .35rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_close.png"); }
.pup .btn-list{ gap: .2rem; }

.pup-login{ width: 6.37rem; height: 4.66rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_pup_466.png"); }
.pup-login .login-tab { top: -.74rem; left: 50%; gap:.1rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.pup-login .login-tab [class*="item-tab"]{ width: 2.64rem; height: .93rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/login_tab.png"); font-size: .28rem; color: #ffd274; line-height: .6rem; font-family: 'CLOUDYUANCU'; }
.pup-login .login-tab [class*="item-tab"].active{ position: relative; top: .01rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/login_tab_active.png"); }
.pup-login .login-tab [class*="item-tab"] span{ display: block; margin: 0 auto; position: relative; top: -.05rem; height: .33rem; background-size: 100% 100%; background-repeat: no-repeat; }
.pup-login .login-tab [class*="item-tab"].active span{ top: -.02rem; }
.pup-login .login-tab .item-tab-01 span{ width: 1.83rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_login_01_01.png"); }
.pup-login .login-tab .item-tab-01.active span{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_login_01_02.png"); }
.pup-login .login-tab .item-tab-02 span{ width: 1.53rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_login_02_01.png"); }
.pup-login .login-tab .item-tab-02.active span{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_login_02_02.png"); }
.pup-login .login-logo{ margin-top: .4rem; text-align: center; }
.pup-login .login-logo img{ width: 2.79rem;}
.pup-login .item-input{ margin-bottom: .15rem; font-size: .28rem; color: #a1674d; }
.pup-login .con-left{ width: 1.2rem; }
.pup-login .con-right{ padding: 0 .1rem; width: 3.14rem; background: #D1BEA7; height: .46rem; color: #FFF6D9; line-height: .4rem; -webkit-border-radius: .1rem; border-radius: .1rem; overflow: hidden; box-sizing: border-box; }
.pup-login .con-right input{ width: 100%; height: 100%; background: transparent; border: none; outline: none; font-family: 'CLOUDYUANCU'; text-align: center; }
.pup-login .phone-login{ margin-top: .6rem; }
.pup-login .phone-login .con-right{ width: 3.76rem; }
.pup-login .phone-login input{ text-align: left; }
.pup-login .phone-login .con-right span{ position: relative; padding-right: .1rem;margin-right: .1rem; }
.pup-login .phone-login .con-right span::after{ content: ""; position: absolute; top: 50%; right: 0; width: .02rem; height: .25rem; background: #FFF6D9; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.pup-login .phone-login .con-right button{ width: 1.9rem; color: #e44936; font-size: .2rem; text-align: center; }
.pup-login .tips-read{ -webkit-align-items: flex-start; align-items: flex-start; font-size: .18rem; color: #95716a; }
.pup-login .tips-read a{ color: #95716a; text-decoration: underline; }
.pup-login .tips-read .ico-check{ width:.23rem; height:.23rem; background: #C3B19A; border: none; }
.pup-login .tips-read .ico-check label{ top: -.07rem; left: -.05rem; }
.btn-login{ margin: .2rem auto; width: 2.18rem; height: .72rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_login.png"); }
.btn-register{ bottom: .9rem; right: .8rem; font-size: .24rem; color: #95716a; text-decoration: underline; }
.pup-login .account-tab button{  margin: .2rem .2rem; width: 2.06rem; height: .59rem; background-repeat: no-repeat; background-size: 100% 100%; }
.pup-login .account-tab .item-tab-01{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/pup_account_tab_01_01.png"); }
.pup-login .account-tab .item-tab-02{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/pup_account_tab_02_01.png"); }
.pup-login .account-tab .item-tab-01.active{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/pup_account_tab_01_02.png"); }
.pup-login .account-tab .item-tab-02.active{ background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/pup_account_tab_02_02.png"); }

.pup-register .login-tab .item-tab-01.active span{ width: 1.23rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/title_login_03.png"); }

.pup-record{ margin: 0 auto; width: 6.37rem; height: 6.41rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_pup_641.png"); }
.pup-title{ margin-top: .3rem; font-family: 'fangzheng'; text-align: center; font-size: .44rem; color: #dc1e14; }
.pup-record .record-list{ margin: .4rem auto; height: 4rem; overflow: hidden }
.pup-record .record-list li{ margin: 0 auto; display: flex; display: -webkit-flex; gap: .3rem; width: 4.8rem;  color: #95716a; font-size: .22rem; }
.pup-record .item-lottery-award{ width: 1.31rem; height: 1.31rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_task_award_01.png"); }
.pup-record .item-lottery-award img{ width: 100%; }
.pup-record .prop-name{ margin: .1rem 0 .3rem; }
.pup-record .page-list a{ color: #DC1E14; }
.pup-record .page-list [class*="page-"]{ background: #DC1E14; color: #fff; }

.pup-ruler{ margin: 0 auto; width: 6.37rem; height: 7.67rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_pup_767.png"); font-size: .18rem; color: #95716a; }
.pup-ruler .ruler-content{ margin: 0 auto; width: 5.4rem; height: 6.26rem; word-break: break-word; overflow: hidden; }
.pup-ruler .ruler-content .title{ margin-top: .2rem; }
.pup-ruler .ruler-content .details{ padding-bottom: .5rem; }

.pup-tips{ margin: 0 auto; width: 6.37rem; height: 4.26rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_pup_427.png"); font-size: .26rem; color: #95716a; }
.pup-tips.hight{ height: 4.66rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_pup_466.png"); }
.pup-tips .content{ margin: .4rem auto 0; width: 5.3rem; height: 2.5rem; -webkit-align-items: flex-start;  align-items: flex-start; word-break: break-word; -webkit-flex-flow: column; flex-flow: column; }
.pup-tips.hight .content{ height: 3rem; }
.pup-tips .content span{ color: #ea392b; }
.btn-accept{ width: 2.49rem; height: .83rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_accept.png"); }
.btn-download{ width: 2.49rem; height: .83rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_download.png"); }
.btn-go{ width: 2.49rem; height: .83rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/btn_go.png"); }

.pup-prompt{ width: 7.2rem; height: .48rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_common_tips.png"); color: #fff; font-size: .24rem; }

.pup-congratulations .content{ margin: 0 auto; }
.pup-congratulations .item-lottery-award{ margin: 0 auto; width: 1.84rem; height: 1.84rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/activity_2/bg_congratulations_award.png"); text-align: center; }
.pup-congratulations .item-lottery-award img{ width: 100%; }
.pup-congratulations .item-lottery-award .award-name{ bottom: .1rem; left: 50%; padding: .05rem 0 .05rem; width: 1.7rem; background: rgba(217, 62, 44, .6); font-size: .2rem; line-height: 1.5; color: #ffffff; text-align: center; -webkit-text-stroke: .03rem #A23A25 ; border-radius: 0 0 .1rem .1rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.pup-congratulations .item-lottery-award .award-name::before{content: attr(data-text); position: absolute; left: 0;top: .05rem;width: 100%; text-align: center;-webkit-text-stroke: 0;color: #ffffff; }
.pup-congratulations .prop-name{ width: 100%; text-align: center; }

.friend-list{ height: 6.5rem;overflow: hidden }

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

.btn-lottery:active{-webkit-animation: .8s scale infinite;animation: .8s scale infinite;}

@-webkit-keyframes scale {
    0% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(.9);}
    100% {-webkit-transform: scale(1);}
}

@keyframes scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}