body,
html {
    background: #C2322A;
}

@font-face {
    font-family: 'CLOUDYUANCU';
    src: url("//png.pookcdn.net/new_net/lydr/huiliu/CLOUDYUANCU-GB-NORMAL.TTF") format('truetype');
    font-weight: normal;
    font-style: normal;
}

.wrapper {
    margin: 0 auto;
    width: 7.5rem;
    height: 54.38rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/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/lydr/huiliu/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/lydr/huiliu/ico_service.png");
}

.float-list .ico-ruler {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/ico_ruler.png");
}


.date {
    margin-top: 10.7rem;
    color: #fcfbf3;
    font-size: .24rem;
    text-align: center;
}

.date span {
    color: #4bff21;
}

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

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

.account-info {
    margin: .3rem auto 0;
    height: .89rem;
    text-align: center;
    color: #fff;
}

.account-info button {
    color: #fffdd1;
}

.btn-to-login {
    margin: .2rem auto;
    width: 2.56rem;
    height: .89rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_login.png");
}

.btn-login {
    margin: .2rem auto;
    width: 2.18rem;
    height: .72rem;
    background-image: url(//png.pookcdn.net/new_net/bydrqp/activity_2/btn_login.png);
}
.ico-check input:checked+label {
    background-image: url(//png.pookcdn.net/new_net/bydrqp/activity_2/ico_check.png);
}

.ico-check input {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}
.btn-download {
    margin: .2rem auto;
    width: 3.21rem;
    height: 1.06rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_download.png");
}

.btn-receive {
    width: 2.06rem;
    height: .77rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_receive.png");
}

.btn-not-achieved {
    width: 2.06rem;
    height: .77rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_not_achieved.png");
}
.btn-received {
    width: 2.06rem;
    height: .77rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_received.png");
}


.btn-receive-s {
    width: 1.42rem;
    height: .7rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_receive_s.png");
}

.btn-not-achieved-s {
    width: 1.42rem;
    height: .7rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_not_achieved_s.png");
}
.btn-received-s {
    width: 1.42rem;
    height: .7rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_received_s.png");
}

.item-sign {
    margin-top: 2.3rem;
}

.sign-tips {
    text-align: center;
    color: #a43f17;
    font-size: .2rem;
}

.btn-refresh {
    margin: .2rem auto;
    width: 1.56rem;
    height: .69rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_refresh.png");
}

.item-sign_content {
    margin: .05rem auto .1rem;
    padding: 0 .2rem;
    width: 7.15rem;
    height: 4.32rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/bg_sign.png");
    box-sizing: border-box;
    gap: .2rem;
}

.item-sign_content .item-sign_info {
    text-align: center;
}

.item-sign_content .item-sign_info_title img {
    height: .29rem;
}

.item-sign_info_award {
    margin: 0 auto .2rem;
    width: 1.84rem;
    height: 1.84rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/bg_lottery_award.png");
}

.item-sign_info_award img,
.item-progress_award_award img {
    width: 100%;
}

.item-sign_info_award .award-name,
.item-progress_award_award .award-name {
    bottom: .1rem;
    left: 50%;
    padding: .04rem 0 .02rem;
    width: 93%;
    background: rgba(217, 62, 44, .6);
    font-size: .22rem;
    color: #ffffff;
    -webkit-text-stroke: .03rem #A72F1F;
    border-radius: 0 0 .1rem .1rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.item-sign_info_award .award-name.award-name::before,
.item-progress_award_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;
}


.item-progress {
    margin-top: 2.3rem;
}

.item-progress_progress {
    margin: 1rem auto 0;
    padding: 0 .03rem;
    width: 6.4rem;
    height: .25rem;
    border: .03rem #FFF7E1 solid;
    background: #951F18;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
    -webkit-box-shadow: 0 .05rem 0 #7E1510 inset;
    box-shadow: 0 .05rem 0 #7E1510 inset;
}

.item-progress_progress .item-progress_progress_bar {
    margin: .02rem 0;
    flex: 1;
    height: 86%;
    border-right: .05rem #AE3A0E solid;
}
.item-progress_progress .item-progress_progress_bar:last-of-type{
    border-right: none;
}

.item-progress_progress .item-progress_progress_bar.success {
    background: -webkit-linear-gradient(#ffe63f 11%, #ffb017 55%, #ff7800 100%);
    background: linear-gradient(#ffe63f 11%, #ffb017 55%, #ff7800 100%);
}

.item-progress_progress .item-progress_progress_bar:nth-of-type(1) {
    -webkit-border-radius: .08rem 0 0 .08rem;
    border-radius: .08rem 0 0 .08rem;
}

.item-progress_progress .item-progress_progress_bar:last-of-type {
    -webkit-border-radius: 0 .08rem .08rem 0;
    border-radius: 0 .08rem .08rem 0;
}

.item-progress_progress .item-progress_progress_bar:nth-of-type(1)::after {
    content: "";
    position: absolute;
    top: -.7rem;
    right: -.3rem;
    width: 1.51rem;
    height: .57rem;
    background: url("//png.pookcdn.net/new_net/lydr/huiliu/img_step_01.png") no-repeat;
    background-size: 100% 100%;
}

.item-progress_progress .item-progress_progress_bar:nth-of-type(2)::after {
    content: "";
    position: absolute;
    top: -.7rem;
    right: -.3rem;
    width: 1.51rem;
    height: .57rem;
    background: url("//png.pookcdn.net/new_net/lydr/huiliu/img_step_02.png") no-repeat;
    background-size: 100% 100%;
}

.item-progress_progress .item-progress_progress_bar:nth-of-type(3)::after {
    content: "";
    position: absolute;
    top: -.7rem;
    right: -.3rem;
    width: 1.51rem;
    height: .57rem;
    background: url("//png.pookcdn.net/new_net/lydr/huiliu/img_step_03.png") no-repeat;
    background-size: 100% 100%;
}

.item-progress_progress .item-progress_progress_bar:nth-of-type(4)::after {
    content: "";
    position: absolute;
    top: -.7rem;
    right: -.3rem;
    width: 1.51rem;
    height: .57rem;
    background: url("//png.pookcdn.net/new_net/lydr/huiliu/img_step_04.png") no-repeat;
    background-size: 100% 100%;
}

.item-progress_award {
    gap: .18rem;
}

.item-progress_list {
    margin-top: .15rem;
    -webkit-flex-flow: column;
    flex-flow: column;
}

.item-progress_award_award {
    width: 1.32rem;
    height: 1.32rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/bg_progress_award.png");
    text-align: center;
}

.item-progress_award_award .award-name {
    width: 90%;
    font-size: .16rem;
}

.item-video {
    margin-top: 2.5rem;
}

.item-video_content,
.item-pic_content {
    margin: .2rem auto;
    width: 7.15rem;
    height: 3.58rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/bg_video_after.png");
    overflow: hidden;
}

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


.swiper-container {
    position: relative;
    left: -.05rem;
    margin: .15rem auto 0;
    width: 6.7rem;
    height: 3.2rem;
}

.swiper-slide {
    position: relative;
    width: 100%!important;
    height: 100%!important;
    border: .02rem #FFF5E9 solid;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
    overflow: hidden;
}

.swiper-slide video,
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.l-footer {
    padding-bottom: .4rem;
    margin-top: .5rem;
    line-height: 2;
    font-size: .18rem;
    color: #ffaf7f;
    text-align: center;
}



.item-pic{ margin-top: 2.6rem; }
.item-pic_content{ margin: .4rem auto; }

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/lydr/huiliu/btn_close.png");
}

.pup .btn-list {
    gap: .2rem;
}

.pup-login {
    width: 6.37rem;
    height: 4.66rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/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/lydr/huiliu/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/lydr/huiliu/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/lydr/huiliu/title_login_01_01.png");
}

.pup-login .login-tab .item-tab-01.active span {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/title_login_01_02.png");
}

.pup-login .login-tab .item-tab-02 span {
    width: 1.53rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/title_login_02_01.png");
}

.pup-login .login-tab .item-tab-02.active span {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/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;
    margin-right: .1rem;
}

.pup-login .tips-read .ico-check label {
    position: absolute;
    top: -.07rem;
    left: -.05rem;
    width: .38rem;
    height: .3rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.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/lydr/huiliu/pup_account_tab_01_01.png");
}

.pup-login .account-tab .item-tab-02 {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/pup_account_tab_02_01.png");
}

.pup-login .account-tab .item-tab-01.active {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/pup_account_tab_01_02.png");
}

.pup-login .account-tab .item-tab-02.active {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/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/lydr/huiliu/title_login_03.png");
}

.pup-record {
    margin: 0 auto;
    width: 6.37rem;
    height: 6.41rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/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/lydr/huiliu/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/lydr/huiliu/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/lydr/huiliu/bg_pup_427.png");
    font-size: .26rem;
    color: #95716a;
}

.pup-tips.hight {
    height: 4.66rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/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/lydr/huiliu/btn_accept.png");
}

.btn-go {
    width: 2.49rem;
    height: .83rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_go.png");
}

.pup-prompt {
    width: 7.2rem;
    height: .48rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/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/lydr/huiliu/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);
    }
}
.play{
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/play.png");
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    background-color: transparent;
    border: none;
}