body {
    background: #8F1715;
}

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

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

.df.column{ -webkit-flex-flow: column; flex-flow: column; }


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

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

.float-top {
    top: 0;
    left: 50%;
    padding: 0 .2rem 0 .15rem;
    width: 7.53rem;
    height: 1.21rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity4/bg_top.png");
    font-family: "Adobe 黑体 Std";
    color: #fff;
    font-size: .4rem;
    line-height: 1.2;
    z-index: 120;
    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.39rem;
    height: .73rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity3/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/activity3/ico_star.png");
}

.btn-online-service,
.btn-ruler,
.ico-exchange {
    top: .4rem;
    right: .2rem;
    width: .83rem;
    height: .91rem;
}

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

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

.ico-exchange {
    top: 2.6rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity4/ico_exchange.png");
}

.sub-title {
    margin: 9rem auto .1rem;
    width: 6.54rem;
    height: .94rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity3/sub_title.png");
}

.thickdiv {
    position: absolute;
    touch-action: unset;
}

.date {
    top: 4.3rem;
    left: 1.4rem;
    padding: .02rem .3rem;
    width: fit-content;
    font-size: .23rem;
    -webkit-text-stroke: .15rem #73CC23;
    transform: rotate(355deg);
}

.date .text::before,
.date .text::after {
    content: attr(data-text);
    position: absolute;
    top: -.04rem;
    left: 0;
    color: #fff;
    -webkit-text-stroke: 0;
}

.date .text::before {
    -webkit-text-stroke: .06rem #488313;
}


.points-item {
    margin: 4.9rem auto 0;
    font-family: 'fangzheng';
}

.points-item .points-info {
    margin: 0 -.1rem 0 -.05rem;
    width: 3.85rem;
    height: 2.65rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/bg_info.png);
    font-size: .24rem;
    color: #b28243;
    text-align: center;
}
.points-item .points-info .info-top{
    margin-top: .2rem;
    gap: .2rem;
}
.points-item .points-info .info-num{
   flex-shrink: 0;
}
.points-item .points-info .num-name {
    font-size: .3rem;
}

.points-item .points-info .num {
    font-size: .54rem;
    background: -webkit-linear-gradient(#15830E, #88ad1a);
    background: linear-gradient(#15830E, #88ad1a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    line-height: 1;
}
.points-item .points-info .btn-get{
    width: 1.54rem;
    height: 1.52rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_get.png);
}
.points-item .points-info .btn-exchange{
    width: 1.54rem;
    height: 1.52rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_exchange.png);
}
.points-item-tips{
    margin: 0 auto;
    bottom: -.2rem;
    width: fit-content;
    -webkit-text-stroke: .1rem #73CC23;
}
.points-item-tips::before,
.points-item-tips::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    -webkit-text-stroke: 0;
}
.points-item-tips::before {
    -webkit-text-stroke: .06rem #488313;
}

.item-ticket{
    margin-top: .7rem;
}
.item-ticket .item-title{
    margin: 0 auto;
    width: 6.14rem;
    height: 1.58rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/title_ticket.png);
}
.item-ticket .ticket{
    margin-top: -1.1rem;
    width: 7.5rem;
    height: 3.88rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/img_ticket.png);
    overflow: hidden;
}
.item-ticket .ticket .ticket-scratch-mask{
    --scratch-mask-radius-tl: .6rem;
    --scratch-mask-radius-tr: .1rem;
    --scratch-mask-radius-br: .6rem;
    --scratch-mask-radius-bl: .1rem;
    position: absolute;
    width: 4.95rem;
    height: 2.43rem;
    left: 1.9rem;
    top: .74rem;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    border-radius: var(--scratch-mask-radius-tl) var(--scratch-mask-radius-tr) var(--scratch-mask-radius-br) var(--scratch-mask-radius-bl);
}
.item-ticket .ticket .ticket-scratch-canvas{
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.item-ticket .ticket .ico-hand{
    z-index: 2;
    top: 60%;
    left: 1rem;
    width: 1rem;
    height: 1.44rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/hand.png);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.item-ticket .ticket .ico-hand.scratch-driven{
    -webkit-animation: none !important;
    animation: none !important;
}
.item-ticket .points-item-tips{
    margin-top: -.35rem;
}
.btn-list {
    margin-top: .3rem;
    gap: .2rem;
}
.btn-list [class*="btn-scrape-"]{
    width: 3.28rem;
    height: .97rem;
    font-family: 'CLOUDYUANCU';
}
.btn-list [class*="btn-scrape-"] .text{
    left: 50%;
    bottom: -.45rem;
    width: fit-content;
    text-align: center;
    font-size: .29rem;
    -webkit-text-stroke: .08rem #408B38;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.btn-list [class*="btn-scrape-"] .text::after{
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    color: #F9F913;
    -webkit-text-stroke: 0;
}
.btn-scrape-one{
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_scrape_one.png);
}
.btn-scrape-ten{
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_scrape_ten.png);
}

.item-progress{
    margin:.8rem auto;
    width: 7.5rem;
    height: 6.32rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/bg_receive.png);
    overflow: hidden;
}
.prop-progress{
    margin-top: 1.2rem;
    margin-left: -.2rem;
    gap: 1.2rem;
}
.prop-progress.prop-progress-bot{
    margin-top: .2rem;
}
.prop-progress .prop.achieved::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("//png.pookcdn.net/new_net/lydr/activity4/ico_achieved.png") no-repeat;
    background-size: 100% 100%;
}
.prop-progress .prop.receive::after{
    content: "";
    position: absolute;
    top: -.07rem;
    left: -.09rem;
    width: 1.13rem;
    height: 1.12rem;
    background: url("//png.pookcdn.net/new_net/lydr/activity4/ico_light.png") no-repeat;
    background-size: 100% 100%;
}
.prop-progress .prop img{
    width: .94rem;
}
.prop-progress .prop .name{
    color: #896530;
    font-size: .16rem;
    bottom: -.25rem;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    white-space: nowrap;
}
.prop-progress .prop .prop-num,
.pup-shop .prop-img .prop-num,
.pup-receive .receive-img .prop-num{
    right: .09rem;
    bottom: -.02rem;
    font-size: .24rem;
    -webkit-text-stroke: .05rem #000;
}

.prop-progress .prop .prop-num::after,
.pup-shop .prop-img .prop-num::after,
.pup-receive .receive-img .prop-num::after{
    content: attr(data-text);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 0;
    color: #fff;
}
.bar-progress{
    margin: .3rem auto 0;
    width: 4.97rem;
    height: .54rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/bg_bar.png);
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.bar-progress-bar{
    width: 100%;
    height: .24rem;
    background: linear-gradient(#BEFF6D,#EFFF31);
    -webkit-box-shadow: 0 .04rem .1rem rgba(255, 255, 46, .8) inset;
    box-shadow: 0 .04rem .1rem rgba(255, 255, 46, .8) inset;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
}
.bar-progress .itme-node{
    top: 48%;
    left: 50%;
    width: calc(100% + .04rem);
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.bar-progress .itme-node .node{
    width: .55rem;
    height: .7rem;
}
.bar-progress .itme-node .ico-flower{
    display: block;
    width: .39rem;
    height: .39rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/ico_flower_01.png);
}
.bar-progress .itme-node .ico-flower.achieve{
    margin: -.1rem 0 0 -.04rem;
    width: .55rem;
    height: .7rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/ico_flower_02.png);
}
.bar-progress .itme-node .num{
    bottom: -.3rem;
    font-size: .28rem;
    color: #8f6228;
}
.ticket-num{
    margin:.4rem auto 0;
    width: 4.05rem;
    height: .42rem;
    background: linear-gradient(to right,transparent 0%,#FBFFDD 20%,#FBFFDD 80%,transparent 100%);
    font-size: .24rem;
    color: #8f6228;
}
.ticket-num span{
    color: #fe4444;
}
.btn-receive{
    margin: .1rem auto 0;
    width: 2.88rem;
    height: .85rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_receive.png);
}
.btn-cannot-receive{
    margin: .1rem auto 0;
    width: 2.88rem;
    height: .85rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_not_achieved.png);
}
.item-service{
    margin: -.5rem auto 0;
    width: 7.5rem;
    height: 8.07rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/bg_service.png);
    overflow: hidden;
}
.item-service img{
    display: block;
    position: relative;
    left: -.2rem;
    margin: 1.15rem auto 0;
    width: 4.51rem;
}
.item-service .service-tips{
    margin-top: -.5rem;
    text-align: center;
    color: #8f6228;
    font-size: .28rem;
}
.item-service .btn-service{
    margin: .2rem auto 0;
    width: 2.88rem;
    height: .85rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_service.png);
}

.item-service .btn-service-completed{
    margin: .2rem auto 0;
    width: 2.88rem;
    height: .85rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_servic_completed.png);
}

.item-service .btn-service-receive{
    margin: .2rem auto 0;
    width: 2.88rem;
    height: .85rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_servic_receive.png);
}

.pup .pup-title {
    margin: .8rem auto 0;
    width: fit-content;
    font-size: .43rem;
    color: #1F9713;
    text-align: center;
    -webkit-text-stroke: .1rem #1F9713;
}

.pup .pup-title::after{
    content: attr(data-text);
    position: absolute;
    left: 0;
    background: -webkit-linear-gradient(#FEFFD3, #FFF447);
    background: linear-gradient(#FEFFD3, #FFF447);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    -webkit-text-stroke: 0;
}

.btn-close {
    top: -.2rem;
    right: .2rem;
    width: .47rem;
    height: .5rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_close.png);
    z-index: 2;
    cursor: pointer;
}
.pup-ruler .btn-close {
    top: .2rem;
}

.pup-ruler .pup-title{
    margin-top: 1rem;
}
.pup-ruler {
    top: .2rem;
    width: 7.36rem;
    height: 19.91rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/bg_pup_ruler.png);
    -webkit-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}

.pup-details {
    width: 4.45rem;
    height: 7.89rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity3/bg_pup_ruler_lottery.png);
}


.pup-receive .pup-title{
    margin-bottom: .2rem;
}
.pup-receive .prop-list{
    height: 3.5rem;
    overflow: auto;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
}
.pup-receive .prop-list.prop-list-single{
    height: 2.5rem;
}
.pup-receive .receive-img {
    margin: .1rem auto .2rem;
    text-align: center;
    width: .94rem;
    height: .94rem;
}

.pup-receive .receive-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pup-receive .receive-name {
    text-align: center;
    font-size: .25rem;
    color: #b28243;
}
.pup-receive .btn-receive{
    left: 50%;
    bottom: -1rem;
    width: 3.28rem;
    height: .97rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_receive_pup.png);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.address {
    bottom: -.4rem;
    text-align: center;
    width: 100%;
    color: #fff;
    text-decoration: underline;
    font-size: .24rem;
}


.pup-code .content {
    margin: .2rem auto .2rem;
    width: 80%;
    text-align: center;
    font-size: .18rem;
    color: #b28243;
    line-height: 1.3;
    word-break: break-word;
    font-size: .26rem;
    -webkit-flex-flow: column;
    flex-flow: column;
}

.pup-congratulations {
    top: 45%;
    width: 7.5rem;
    height: 11.7rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity3/bg_pup_congratulations.png);
}

.pup-congratulations .btn-close {
    top: 2.2rem;
    right: .5rem;
}

.pup-encourage {
    width: 7.31rem;
    height: 10.91rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity3/bg_pup_encourage.png);
}

.pup-encourage .btn-close {
    top: 1.5rem;
    right: .5rem;
}


.pup-common-tips {
    width: 5.36rem;
    height: 3.8rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity_1/0116/bg_pup_common.png");
}

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

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

.pup-common-tips .btn-list {
    gap: .3rem;
    -webkit-transform: scale(.9);
    transform: scale(.9);
}

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

.btn-sure {
    display: block;
    margin: .2rem auto 0;
    width: 3.28rem;
    height: .97rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_sure.png);
}


.pup-ruler .ruler-content,
.pup-details .details-content {
    margin: .5rem auto 0;
    width: 4.8rem;
    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 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 {
    width: 2.05rem;
}
.pup-code .btn-copy{
    width: 3.28rem;
    height: .97rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity4/btn_copy.png");
}

.pup-login {
    width: 6.37rem;
    height: 4.66rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/bg_pup_466.png");
}
.pup-login .btn-close {
    top: .35rem;
    right: .35rem;
    width: .34rem;
    height: .35rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_close.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.4rem;
}

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

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

.pup-record {
    width: 4.45rem;
    height: 7.89rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity3/bg_pup_record.png);
}

.pup-record .record-content {
    margin: 1.6rem auto 0;
    width: 4.13rem;
    text-align: center;
    font-size: .2rem;
    color: #e1e1e1;
}

.pup-record .record-content .con-01 {
    width: 2.17rem;
}

.pup-record .record-content .con-02 {
    width: .81rem;
}

.pup-record .record-content .con-03 {
    width: 1.14rem;
}

.pup-record .record-content .record-title {
    margin-bottom: .1rem;
}

.pup-record .record-content .record-list {
    height: 5.2rem;
    font-size: .2rem;
    color: #fff;
    overflow: hidden;
}

.pup-record .record-content .record-list li {
    display: -webkit-flex;
    display: flex;
    margin-bottom: .1rem;
    padding: .05rem;
    box-sizing: border-box;
    background: rgba(195, 42, 0, .58);
}

.pup-record .record-content .record-list li .con-01 {
    text-align: left;
    line-height: 1.2;
}

.pup-record .record-content .record-list li .con-02 {
    font-size: .46rem;
    line-height: 1;
}

.pup-common{
    width: 5.92rem;
    height: 6.04rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity4/bg_pup_common.png");
    font-family: "fangzheng";
}
.pup-common .item-text{
    margin: 0 auto;
    width: 70%;
    height: 2rem;
    font-size: .28rem;
    color: #b28243;
    word-break: break-word;
}
.pup-common .item-text span{
    color: #ff0202;
}
.pup-get .pup-title{
    margin-top: 1.2rem;
    margin-bottom: .3rem;
}
.pup-switch .head-img{
    display: block;
    margin: .1rem auto;
    width: 1.13rem;
    height: 1.13rem;
}
.pup-switch .head-img img{
    width: 100%;
    height: 100%;
}
.pup-switch .user-id{
    font-size: .28rem;
    color: #b28243;
    text-align: center;
}
.pup-switch .user-name{
    margin: 0 auto;
    width: 75%;
    font-family: "fangzheng";
    text-align: center;
    font-size: .43rem;
    background: -webkit-linear-gradient(#14830E, #85AC19);
    background: linear-gradient(#14830E, #85AC19);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    -webkit-text-stroke: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pup-switch .btn-exchange{
    margin: .2rem auto;
    width: 3.28rem;
    height: .97rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity4/btn_switch.png");
}

.pup-shop{
    top: .8rem;
    width: 7.5rem;
    height: 21.22rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity4/bg_pup_shop.png");
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.pup-shop .btn-close{
    top: 1rem;
}

.pup-shop .shop-info{
    margin-top: 4.5rem;
    font-size: .38rem;
    text-align: center;
    color: #b28243;
}
.pup-shop .shop-info .info-num{
    font-size: .5rem;
    background: -webkit-linear-gradient(#14830E, #85AC19);
    background: linear-gradient(#14830E, #85AC19);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.pup-shop .shop-info .info-num span{
    margin-right: .1rem;
    font-size: .7rem;
}
.pup-shop .info-tips{
    font-size: .22rem;
}
.pup-shop .award-list{
    margin: .2rem auto;
    width: 92%;
    height: 13.7rem;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
}
.pup-shop .card{
    width: 3.02rem;
    height: 4.57rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/activity4/bg_pup_card.png");
    font-size: .24rem;
    color: #8f6228;
    -webkit-flex-flow: column;
    flex-flow: column;
}
.pup-shop .card .num{
    display: block;
    margin-bottom: .1rem;
    color: #ff3600;
    text-align: center;
}
.pup-shop .card .prop-img{
    width: .91rem;
    height: .91rem;
}
.pup-shop .card .prop-img img{
    width: 100%;
    height: 100%;
}
.pup-shop .card .prop-num span{
    color: #ff3600;
}
.pup-shop .card .btn-exchange-s{
    margin-top: .2rem;
    width: 1.85rem;
    height: .66rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_exchange_s.png);
}

.pup-shop .card .btn-exchange-s-disabled{
    margin-top: .2rem;
    width: 1.85rem;
    height: .66rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity4/btn_exchange_s_disabled.png);
}

#getPointsDiv .pup-title{ margin: 1.2rem auto .3rem; }
#getPointsDiv .item-text{ width: 72%; }
#propList .prop-item {
    width: 50%;
}
@media only screen and (max-width: 360px) {
    .pup-common,
    .pup-login {
        top: 5rem;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }


}

@media only screen and (max-width: 780px) and (orientation: landscape) {}

@media only screen and (min-width: 1024px) {
    html {
        overflow: hidden;
    }

    body {
        width: 100%;
        height: 100vh;
        background: url(//png.pookcdn.net/new_net/lydr/activity3/bg_pc.jpg) no-repeat;
        background-size: cover;
        background-position: top center;
        overflow: auto;
    }

    .float-top {
        left: calc(50% - .07rem);
    }
}