body {
    background: #8F1715;
    font-family: 'FZLTCHJW';
}

@font-face {
    font-family: 'FZLTCHJW';
    src: url("//png.pookcdn.com/new_net/lydr/activity6/fonts/FZLTCHJW.TTF") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'CloudYuanCuGBK';
    src: url("//png.pookcdn.com/new_net/lydr/activity6/fonts/CloudYuanCuGBK.TTF") format('truetype');
    font-weight: 700;
    font-style: normal;
}

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

.wrapper {
    margin: 0 auto;
    width: 7.5rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/bg.jpg");
    color: #fff;
    font-size: .2rem;
    overflow: hidden;
    box-sizing: border-box;
    background-size: 100%;
}

.float-top {
    top: 0;
    left: 50%;
    padding: 0 .2rem 0 .15rem;
    width: 7.5rem;
    height: 1.2rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/top/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 .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.com/new_net/lydr/activity6/top/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.com/new_net/lydr/activity6/top/ico_star.png");
}

.btn-online-service,
.btn-ruler,
.btn-signin,
.btn-exchange {
    top: 1.4rem;
    right: .2rem;
    width: .8rem;
    height: .86rem;
}

.btn-ruler {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/top/ico_rule.png");
}

.btn-online-service {
    top: 2.28rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/top/ico_service.png");
}

.btn-exchange {
    top: 3.2rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/top/ico_exchange.png");
}

.btn-signin {
    top: 4.15rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/top/ico_signin.png");
}

.total-time{
    font-size: .24rem;
    font-family: 'CloudYuanCuGBK';
    text-align: center;
    color: #2b4509;
    height: .44rem;
    line-height: .44rem;
    top: 6.43rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tabList {
    margin-top: 8.2rem;
    gap: .05rem;
}

.tabList li {
    padding-top: .5rem;
    width: 2.39rem;
    height: 1.5rem;
    background-image: url(//png.pookcdn.com/new_net/lydr/activity6/bg_nav_01.png);
    line-height: 1.1;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
}

.tabList li.active {
    background-image: url(//png.pookcdn.com/new_net/lydr/activity6/bg_nav_02.png);
}

.tabList li .tabList_title {
    margin: 0 auto .05rem;
    font-size: .32rem;
    color: transparent;
}

.tabList li .tabList_title::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    color: #DDFEE9;
}

.tabList li.active .tabList_title::after {
    color: #fa1e43;
}

.tabList_content {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    align-items: center;
    position: relative;
    left: -0.03rem;
}

.tabList li .tabList_text {
    font-size: .17rem;
    line-height: .2rem;
    color: transparent;
}

.tabList_text_left{
    left: -0.02rem;
}

.tabList li.active .tabList_text {
    -webkit-text-stroke: .04rem #F1F34E;
}

.tabList li .tabList_text::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 0;
    color: #DEFFEA;
}

.tabList li.active .tabList_text::after {
    color: #000000;
}

.tabList li .tabList_reward::after {
    content: attr(data-text);
    position: absolute;
    top: -.01rem;
    -webkit-text-stroke: 0;
    font-size: .2rem;
}

.tabList li.active .tabList_reward::after {
    color: #2139f4;
}

.tabList li .tabList_time {
    display: none;
    bottom: -1rem;
    color: #ffffff;
    font-size: .18rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -.2rem;
    text-align: center;
}

.tabList li.active .tabList_time::after {
    content: '';
    position: absolute;
    top: .22rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: .26rem;
    height: .33rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/bg_nav-active.png');
}

.activity-content {
    margin: 1.96rem auto .4rem;
}

.item-title {
    text-align: center;
    margin-bottom: .3rem;
}

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

.item-subTitle {
    text-align: center;
    font-size: .26rem;
    line-height: 2;
    color: rgb(42, 44, 43);
}

.item-subTitle .art-yellow {
    position: relative;
    display: inline-block;
    font-size: .32rem;
    line-height: 1.2;
    font-weight: bold;
    font-style: italic;
    letter-spacing: .02rem;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
}

.item-subTitle .art-yellow::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    font-style: italic;
    letter-spacing: .02rem;
    -webkit-text-stroke: 0;
    background: linear-gradient(180deg, #ffd200, #fff9a8);
    background: -webkit-linear-gradient(180deg, #ffd200, #fff9a8);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.thickdiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.7 !important;
    z-index: 98;
}

.action-video-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #000;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.action-video-player {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000;
}

.pup-modal-wrap {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100vh;
    max-height: 100dvh;
    width: 7.5rem;
    z-index: 99;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
}

.pup-modal-wrap::-webkit-scrollbar {
    display: none;
}

.pup-modal-wrap .btn-close-pup {
    position: absolute;
    top: 1.35rem;
    right: .35rem;
    width: .78rem;
    height: .77rem;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-close.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 2;
    cursor: pointer;
}

.pup-modal-wrap .pup-vip-banner img {
    display: block;
    width: 100%;
    height: 100%;
}

.pup-modal-wrap .btn-add {
    bottom: -.1rem;
    right: .28rem;
    width: 1.89rem;
    height: .72rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-add.png");
}

.pup-modal-wrap .btn-answer-action {
    bottom: 2.7rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2.85rem;
    height: 1.25rem;
}

.pup-answer-wrap .pup-vip-banner {
    bottom: .4rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 5.96rem;
    height: 2.54rem;
}

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

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

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

/* 
 *  登录部分
 */

.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: -.5rem;
    right: -.1rem;
    width: .47rem;
    height: .46rem;
    background-image: url(//png.pookcdn.com/new_net/lydr/activity5/btn_close.png);
    z-index: 2;
    cursor: pointer;
}

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

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

.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-current-user-wrap {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin: 0;
    padding-top: 0;
    max-height: 90vh;
    max-height: 90dvh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pup-current-user-body {
    position: relative;
    width: 7.35rem;
    height: 7.13rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_login.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.current-user-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 3.5rem;
    margin: 0 auto;
    width: 6.15rem;
    box-sizing: border-box;
}

.current-user-table-row {
    min-height: 1.35rem;
    padding: .12rem 0;
    border-radius: 0 0 .08rem .08rem;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
}

.current-user-avatar {
    width: 1.5rem;
    text-align: center;
}

.current-user-avatar img {
    display: block;
    margin: 0 auto;
    width: .88rem;
    height: .88rem;
    border-radius: .08rem;
    object-fit: cover;
}

.current-user-id {
    width: 3rem;
    margin: 0;
    font-size: .22rem;
    color: #333;
    text-align: center;
    line-height: 1.2;
    word-break: break-all;
}

.current-user-name {
    -webkit-flex: 1;
    flex: 1;
    margin: 0;
    padding: 0 .08rem;
    font-size: .22rem;
    color: #333;
    text-align: center;
    line-height: 1.2;
    word-break: break-all;
}

.btn-switch-account {
    left: 0;
    right: 0;
    bottom: .55rem;
    margin: 0 auto;
    width: 3.02rem;
    height: 1.31rem;
    border: none;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/bg_login.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* 
 *  各种弹窗
 */
.pup-tip-text-wrap {
    padding-top: 2.4rem;
}

.pup-tip-text-body {
    width: 7.35rem;
    height: 6.23rem;
    padding: 2.55rem .45rem 0;
    box-sizing: border-box;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_tip.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-tip-text-content {
    margin: 0;
    font-size: .32rem;
    color: #000;
    text-align: center;
    line-height: 1.5;
}
.pup-rule-wrap {
    padding-top: .8rem;
}

.pup-rule-body {
    position: relative;
    width: 7.35rem;
    height: 13.83rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_rule.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-rule-content {
    position: absolute;
    top: 2.85rem;
    left: .55rem;
    right: .55rem;
    bottom: .24rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.pup-rule-detail {
    padding: 0 .1rem .1rem;
}

.pup-rule-text {
    margin: 0 0 .16rem;
    font-size: .24rem;
    line-height: 1.45;
    color: #333;
    text-align: left;
    display: block;
    line-break: anywhere;
    overflow-wrap: break-word;
}

.pup-vip-wrap {
    padding-top: 1.2rem;
}

.pup-vip-body {
    position: relative;
    width: 7.35rem;
    height: 7.49rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_VIP.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-vip-content {
    position: absolute;
    top: 3.2rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 5.85rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}

.pup-vip-qrcode {
    width: 2.2rem;
    height: 2.2rem;
    margin: 0;
    background: #1f2f6b;
}

.pup-vip-qrcode img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pup-card-wrap {
    padding-top: 1.2rem;
}

.pup-card-body {
    position: relative;
    width: 7.5rem;
    height: 10.09rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_pop_card.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-card-content {
    position: absolute;
    left: 50%;
    top: 3.05rem;
    width: 3.71rem;
    height: 5.33rem;
    margin-left: -1.86rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

@keyframes pup-card-icon-pop {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.pup-card-icon {
    display: block;
    width: 3.71rem;
    height: 5.33rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: pup-card-icon-pop .45s ease-out both;
    animation: pup-card-icon-pop .45s ease-out both;
}

.pup-card-num {
    margin: .12rem 0 0;
    font-size: .28rem;
    font-weight: bold;
    color: #ffe955;
    text-shadow: 0 .01rem .02rem rgba(0, 0, 0, .6);
}

.pup-card-content.mode-multi {
    left: 0;
    top: 2.15rem;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 0 .18rem;
    box-sizing: border-box;
}

.pup-card-grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    gap: .1rem .12rem;
}

.pup-card-item {
    position: relative;
    width: 1.55rem;
    height: 2.15rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.pup-card-content.mode-multi .pup-card-icon {
    width: 1.55rem;
    height: 2.15rem;
}

.pup-card-content.mode-multi .pup-card-num {
    position: absolute;
    right: .04rem;
    bottom: .02rem;
    margin: 0;
    font-size: .22rem;
}

.pup-synthesis-fail-wrap {
    padding-top: 1.2rem;
}

.pup-synthesis-fail-body {
    width: 7.35rem;
    height: 6.23rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_pop_synthesis_fail.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-address-wrap,
.pup-mail-wrap {
    padding-top: 1.2rem;
}

.pup-address-body,
.pup-mail-body {
    position: relative;
    width: 7.35rem;
    height: 7.13rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-address-body {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_pop_address.png");
}

.pup-mail-body {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_pop_mail.png");
}

.pup-address-body .btn-fill,
.pup-mail-body .btn-confirm {
    left: 50%;
    top: 4.95rem;
    width: 3.02rem;
    height: 1.31rem;
    margin-left: -1.51rem;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.pup-address-body .btn-fill {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-fill.png");
}

.pup-mail-body .btn-confirm {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-confirm.png");
}

.pup-confirm-wrap {
    padding-top: 1.2rem;
}

.pup-confirm-body {
    position: relative;
    width: 7.35rem;
    height: 7.13rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-confirm-body.mode-confirm {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_pop_confirm.png");
}

.pup-confirm-body.mode-exchange {
    width: 7.39rem;
    height: 7.13rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_pop_exchange.png");
}

.pup-confirm-content {
    position: absolute;
    left: 50%;
    top: 2.55rem;
    width: 6.6rem;
    margin-left: -3.3rem;
    text-align: center;
}

.pup-confirm-icons {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .4rem;
    max-height: 3rem;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.pup-confirm-gift-item {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    width: 1.57rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-confirm-gift-icon {
    position: relative;
    display: block;
    width: 1.57rem;
    height: 1.6rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/icon-bg-reward.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.pup-confirm-gift-icon .pup-confirm-award-icon {
    position: absolute;
    left: -0.04rem;
    top: -0.04rem;
    right: 0;
    bottom: 0;
    width: 1.08rem;
    height: 1.08rem;
    margin: auto;
    object-fit: contain;
}

.pup-confirm-gift-item .pup-confirm-name {
    width: 100%;
    margin: .08rem 0 0;
    font-size: .18rem;
}

.pup-confirm-name {
    position: relative;
    margin: .18rem 0 0;
    font-size: .3rem;
    font-weight: bold;
    line-height: 1.35;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
    white-space: nowrap;

}

.pup-confirm-name::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0; 
    top: 0;
    -webkit-text-stroke: 0;
    color: #ffffff;
    white-space: normal;
    word-break: break-all;
    white-space: nowrap;
}

.pup-confirm-body .btn-confirm-action {
    left: 50%;
    top: 5.85rem;
    width: 3.53rem;
    height: 1.09rem;
    margin-left: -1.765rem;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.pup-confirm-body.mode-confirm .btn-confirm-action {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-ok.png");
}

.pup-confirm-body.mode-exchange .btn-confirm-action {
    top: 5.6rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-exchange.png");
}

.pup-record-wrap {
    padding-top: 1.2rem;
}

.pup-record-body {
    position: relative;
    width: 7.35rem;
    height: 10.61rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_record.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-record-body .btn-record-fill {
    top: 3.85rem;
    left: 50%;
    width: 3.02rem;
    height: 1.31rem;
    margin-left: -1.51rem;
    border: none;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-fill.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.pup-record-body .record-list {
    position: absolute;
    top: 5.82rem;
    left: .55rem;
    right: .55rem;
    max-height: 4.6rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.pup-record-body .record-list::-webkit-scrollbar {
    display: none;
}

.pup-record-body .record-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pup-record-body .record-list li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-height: .94rem;
    padding: .08rem 0;
    box-sizing: border-box;
    border-bottom: .02rem solid rgba(0, 0, 0, .08);
    font-size: .24rem;
    color: #333;
}

.pup-record-body .record-list li:last-child {
    border-bottom: none;
}

.pup-record-body .record-list li.record-empty {
    -webkit-justify-content: center;
    justify-content: center;
    padding: .5rem .1rem;
    color: #666;
}

.pup-record-body .record-award-main {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    text-align: left;
    line-height: 1.2;
}

.pup-record-body .record-award-icon-wrap {
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: .95rem;
    height: .94rem;
    margin-right: .12rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/icon-bg-object.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.pup-record-body .record-award-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .62rem;
    height: .62rem;
    margin-left: -.31rem;
    margin-top: -.31rem;
    object-fit: contain;
}

.pup-record-body .record-award-name {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    word-break: break-all;
    font-weight: bold;
}

.pup-record-body .record-col-num {
    width: .9rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    text-align: center;
    font-size: .28rem;
    font-weight: bold;
    line-height: 1;
}

.pup-guess-bet-wrap {
    padding-top: 1.2rem;
}

.pup-guess-bet-body {
    position: relative;
    width: 7.35rem;
    height: 9.51rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_bet.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-guess-bet-team {
    left: 0;
    right: 0;
    top: 2rem;
    text-align: center;
}

.guess-bet-flag {
    display: block;
    width: 2.64rem;
    height: 1.64rem;
    margin: 0 auto;
    object-fit: cover;
    border-radius: .04rem;
}

.guess-bet-flag[src=""],
.guess-bet-flag:not([src]) {
    visibility: hidden;
}

.guess-bet-team-name {
    position: absolute;
    left: 0;
    right: 0;
    top: 1.6rem !important;
    margin: .4rem auto 0;
    font-size: .46rem;
    font-family: 'CloudYuanCuGBK';
    line-height: 1.2;
    color: transparent;
    -webkit-text-stroke: .06rem #000;
    white-space: nowrap;
    overflow: hidden;
}

.guess-bet-team-name::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    -webkit-text-stroke: 0;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pup-guess-bet-panel {
    left: .92rem;
    right: .72rem;
    top: 5.7rem;
    height: 1.55rem;
}

.guess-bet-slider-row {
    -webkit-align-items: center;
    align-items: center;
}

.guess-bet-slider-track {
    position: relative;
    -webkit-flex: 1;
    flex: 1;
    height: .43rem;
    margin-right: .3rem;
}

.guess-bet-line-gray {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: .16rem;
    margin-top: -.08rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/line-gray.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.guess-bet-line-green {
    position: absolute;
    left: 0;
    top: 50%;
    height: .11rem;
    margin-top: -.055rem;
    width: 0;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/line-green.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    z-index: 1;
    overflow: hidden;
    border-radius: .08rem 0 0 .08rem;
}

.guess-bet-ball {
    position: absolute;
    top: 50%;
    left: 0;
    width: .43rem;
    height: .43rem;
    margin: -.215rem 0 0 -.215rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/icon_ball.png");
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 2;
}

.guess-bet-range {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.btn-allin {
    width: 1.45rem;
    height: .59rem;
    border: none;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-allin.png");
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.guess-bet-amount {
    position: absolute;
    left: 3.2rem;
    top: .7rem;
    margin: 0;
    min-width: .8rem;
    font-size: .28rem;
    font-weight: bold;
    color: #ffe955;
    text-shadow: 0.01rem 0.01rem 0 #000, -0.01rem 0.01rem 0 #000, 0.01rem -0.01rem 0 #000, -0.01rem -0.01rem 0 #000;
}

.pup-guess-bet-body .btn-ok {
    left: 50%;
    bottom: .72rem;
    width: 3.98rem;
    height: 1.28rem;
    margin-left: -1.99rem;
    border: none;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-ok.png");
    background-size: 100% 100%;
}

.pup-shop-card-wrap {
    padding-top: 2rem;
}

.shop-pop-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    pointer-events: auto;
}

.pup-modal-above-shop {
    z-index: 101;
}

.pup-shop-card-body {
    position: relative;
    width: 7.39rem;
    height: 12.4rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6//shop/bg_pop_exchange.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-shop-card-balance {
    position: absolute;
    top: 3.8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-sizing: border-box;
    width: 2.65rem;
    height: .8rem;
    padding: 0 .16rem 0 .12rem;
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/shop/bg_shop_cost.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.shop-balance-coin {
    width: .42rem;
    height: .42rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.shop-balance-x {
    width: .16rem;
    height: .16rem;
    margin: 0 .04rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.exchange-num-text {
    position: relative;
    display: inline-block;
    font-weight: bold;
    line-height: 1.2;
    font-family: 'CloudYuanCuGBK';
    color: transparent;
    -webkit-text-stroke: .04rem #000;
}

.exchange-num-text::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #ffffff;
}

.exchange-num-text-yellow::after {
    color: #ffe955;
}

.exchange-num-text-gold {
    font-size: .47rem;
    line-height: 1;
}

.exchange-num-text-gold::after {
    color: #ffffff;
}

#shopBalanceNum {
    min-width: .4rem;
}

.exchange-item-remain {
    top: .16rem;
    left: 1.58rem;
    right: .1rem;
    display: inline-block;
    font-size: .32rem;
    font-weight: bold;
    font-family: 'CloudYuanCuGBK';
    line-height: 1.2;
    text-align: left;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
}

.exchange-item-remain::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #f5f566;
}

.pup-shop-card-grid {
    position: absolute;
    left: .38rem;
    right: .38rem;
    top: 4.8rem;
    margin: 0;
    padding: 0 0 .2rem;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 2.21rem);
    -webkit-justify-content: space-between;
    justify-content: space-between;
    row-gap: .14rem;
    max-height: 7.2rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
    width: 6.8rem;
}

.pup-shop-card-grid::-webkit-scrollbar {
    display: none;
}

.pup-shop-card-item {
    width: 2.21rem;
    list-style: none;
}

.exchange-item-inner {
    width: 2.21rem;
    height: 3.3rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/shop/bg_exchange_item.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    box-sizing: border-box;
}

.exchange-gift-icon {
    position: absolute;
    top: .76rem;
    left: -.06rem;
    right: 0;
    width: .68rem;
    height: .68rem;
    margin: 0 auto;
}

.exchange-gift-icon .exchange-item-icon {
    position: absolute;
    width: .66rem;
    height: .66rem;
    object-fit: contain;
}

.exchange-item-name {
    position: absolute;
    width: 2rem;
    top: 1.65rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: .16rem;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
}

.exchange-item-name::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-stroke: 0;
    color: #ffffff;
}

.exchange-item-price {
    position: absolute;
    left: 1rem;
    bottom: .96rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.exchange-item-price-coin {
    width: .28rem;
    height: .28rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.exchange-item-price-x {
    width: .14rem;
    height: .14rem;
    margin: 0 .02rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.exchange-item-price-num {
    position: relative;
    display: inline-block;
    font-size: .28rem;
    font-weight: bold;
    font-family: 'CloudYuanCuGBK';
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
}

.exchange-item-price-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #ffffff;
}

.exchange-item-inner .btn-icon-exchange {
    left: 50%;
    bottom: .2rem;
    width: 1.45rem;
    height: .59rem;
    margin-left: -.725rem;
    border: none;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-icon-exchange.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.pup-shop-card-empty {
    left: 0;
    right: 0;
    top: 5.2rem;
    margin: 0;
    text-align: center;
    font-size: .26rem;
    color: #6b2fd6;
    text-shadow: 0.01rem 0.01rem 0 #fff, -0.01rem 0.01rem 0 #fff, 0.01rem -0.01rem 0 #fff, -0.01rem -0.01rem 0 #fff;
}

/* 
 *  tab0 — 绿茵考场（答题）
 */

.item-synthesis .item-content {
    width: 7.5rem;
    height: 8.94rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/item_01.png");
    text-align: center;
    box-sizing: border-box;
}

.item-synthesis .item-content .btn-answer {
    width: 4.26rem;
    height: 1.68rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 7.1rem;
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/btn/btn-answer.png');
}

.item-synthesis .item-content .quiz-remain-tip {
    position: absolute;
    left: 0;
    right: 0;
    top: 8.8rem;
    margin: 0;
    text-align: center;
    font-size: .18rem;
    font-weight: bold;
    line-height: 1.3;
    color: transparent;
    -webkit-text-stroke: .04rem #d42828;
}

.item-synthesis .item-content .quiz-remain-tip::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #fff;
}

.item-service {
    width: 5.96rem;
    height: 2.54rem;
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/bg_service1.png');
    margin: .48rem 0 0 .98rem;
}

.item-service .btn-service {
    width: 1.84rem;
    height: .84rem;
    left: 3.12rem;
    top: 1.8rem;
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/btn/btn_service1.png');
}

.item-service .btn-service2 {
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/btn/btn_service1.png');
}

.pup-answer-body {
    width: 7.5rem;
    height: 11.1rem;
    background-size: 100% 100%;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-top: 1.5rem;
}

.pup-answer-body.correct {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_correct.png");
}

.pup-answer-body.error {
    width: 7.37rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_error.png");
}

.pup-answer-body.correct .btn-answer-action {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/claim-prize.png");
}

.pup-answer-body.error .btn-answer-action {
    display: none;
}

.pup-exam-body {
    width: 7.37rem;
    min-height: 11.1rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_exam.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-top: 1.5rem;
}

.pup-exam-content {
    padding: 1.6rem .65rem .5rem;
    box-sizing: border-box;
}

.exam-question {
    margin: 0 auto .24rem;
    padding: 0 .2rem;
    font-size: .42rem;
    color: #1a1a1a;
    text-align: center;
    line-height: 1.35;
}

.exam-option-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    gap: .28rem;
}

.exam-option-list .btn-option {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 4.85rem;
    height: .81rem;
    padding: 0;
    border: none;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn-option.png");
    background-size: 100% 100%;
    box-sizing: border-box;
}

.exam-option-list .btn-option .option-letter {
    width: .95rem;
    font-size: .34rem;
    font-weight: bold;
    font-style: italic;
    color: #1a1a1a;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.exam-option-list .btn-option .option-text {
    -webkit-flex: 1;
    flex: 1;
    padding: 0 .2rem 0 .05rem;
    font-size: .3rem;
    font-weight: bold;
    font-style: italic;
    color: #333;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exam-option-list .btn-option.active {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn-option-active.png");
}

.pup-exam-content .btn-submit {
    display: block;
    margin: .2rem auto 0;
    width: 3.87rem;
    height: 1.68rem;
    border: none;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-submit.png");
    background-size: 100% 100%;
}

.pup-exam-content .pup-vip-banner {
    position: relative;
    margin: 0rem auto 0;
    width: 5.36rem;
    height: 2.29rem;
}

/* 
 *  tab1 — 积分抽奖
 */

.item-service2 {
    margin: 1rem auto .4rem;
    width: 5.54rem;
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/bg_service2.png');
}

.item-heroic .item-service {
    margin-top: 0;
}

.item-shoot {
    width: 7.5rem;
    height: 11.68rem;
    margin: 0 auto .24rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/bg_shoot.png");
}

.shoot-pool-awards-wrap {
    width: 5.55rem;
    height: 1.3rem;
    top: 1.92rem;
    left: .95rem;
    right: 0;
    height: 2.2rem;
}

.shoot-pool-awards-scroll {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.shoot-pool-awards-scroll::-webkit-scrollbar {
    display: none;
}

.shoot-pool-awards-list {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    gap: .12rem;
    height: 100%;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    vertical-align: top;
}

.shoot-pool-award-item {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    list-style: none;
}

.shoot-pool-award-icon {
    position: relative;
    display: block;
    width: 1.22rem;
    height: 1.22rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/icon-bg-reward.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.shoot-pool-award-img {
    position: absolute;
    left: -0.04rem;
    top: -0.04rem;
    right: 0;
    bottom: 0;
    width: .84rem;
    height: .84rem;
    margin: auto;
    object-fit: contain;
}

.shoot-score-wrap {
    top: 3.85rem;
    left: 0em;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: .83rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
}

.shoot-score-num {
    position: absolute;
    left: 3.1rem;
    padding-right: .12rem;
    width: 1.5rem;
    line-height: .83rem;
    text-align: center;
    font-size: .42rem;
    font-weight: bold;
    background: linear-gradient(180deg, #b2ff99, #ffff66);
    background: -webkit-linear-gradient(180deg, #b2ff99, #ffff66);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.btn-points {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 1.92rem;
    height: .83rem;
    border: none;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn_points.png");
    background-size: 100% 100%;
    position: absolute;
    left: 4.5rem;
    top: -.08rem;
}

.shoot-btns {
    bottom: .35rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 6.9rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.btn-shoot1,
.btn-shoot10 {
    position: relative;
    width: 3.28rem;
    height: 1.68rem;
    background-size: 100% 100%;
}

.btn-shoot1 {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/shoot1.png");
}

.btn-shoot10 {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/shoot10.png");
}

.shoot-cost-wrap {
    position: absolute;
    pointer-events: none;
}

.shoot-cost-wrap-l {
    right: .6rem;
    bottom: .36rem;
    transform: skewX(15deg);
}

.shoot-cost-wrap-r {
    left: .6rem;
    bottom: .3rem;
    transform: skewX(-15deg);
}

.shoot-cost {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: .22rem;
    line-height: 1.2;
    font-family: "CloudYuanCuGBK";
    color: transparent;
    -webkit-text-stroke: .04rem #000;
}

.shoot-cost::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-text-stroke: 0;
    color: #ffffff;
}

.item-milestones {
    width: 7.35rem;
    height: 5.18rem;
    margin: 0 auto;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_milestones.png");
    background-size: 100% 100%;
    box-sizing: border-box;
}

.milestones-inner {
    padding: 1.35rem 0 0;
    box-sizing: border-box;
}

.milestones-labels {
    position: relative;
    height: .83rem;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10;
    width: 6rem;
}

.milestones-labels li {
    position: absolute;
    bottom: -.18rem;
    width: 1.41rem;
    height: .83rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-size: .22rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 .01rem .02rem rgba(0, 0, 0, .5);
}

.milestones-labels li.label-goal {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/subscript_goal.png");
}

.milestones-labels li.label-count {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/subscript.png");
    text-shadow: none;
}

.milestones-labels li.label-count .label-count-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -.15rem;
    font-size: .3rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
}

.milestones-labels li.label-count .label-count-text::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    -webkit-text-stroke: 0;
    background: linear-gradient(180deg, #b2ff99, #ffff66);
    background: -webkit-linear-gradient(180deg, #b2ff99, #ffff66);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.milestones-line-wrap {
    width: 6.92rem;
    margin: 0 auto 0;
    height: .15rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/line.png");
    background-repeat: no-repeat;
}

.milestones-line-fill {
    top: 50%;
    left: 0;
    width: 0;
    height: .12rem;
    margin-top: -.06rem;
    background: linear-gradient(90deg, #7ef5c8 0%, #5ce0a8 100%);
    background: -webkit-linear-gradient(90deg, #7ef5c8 0%, #5ce0a8 100%);
    border-radius: .06rem;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
    z-index: 1;
}

.milestones-gifts {
    margin: .18rem 0 0;
    padding: 0 .1rem;
    list-style: none;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.milestones-gifts li {
    width: 1.26rem;
    text-align: center;
}

.milestones-gifts .gift-icon {
    position: relative;
    display: block;
    margin: 0 auto;
    width: .97rem;
    height: 1.03rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/icon-bg-gift.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.milestones-gifts .gift-icon.available {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/icon-bg-gift-available.png");
}

.milestones-gifts .gift-award-icon {
    position: absolute;
    left: 50%;
    top: .58rem;
    width: .66rem;
    height: .66rem;
    margin-left: -.345rem;
    margin-top: -.345rem;
    object-fit: contain;
    pointer-events: none;
}

.milestones-gifts .gift-icon.received::after {
    content: '';
    position: absolute;
    left: .05rem;
    top: .17rem;
    width: .82rem;
    height: .82rem;
    background: url("//png.pookcdn.com/new_net/lydr/activity6/icon-gift-received.png") no-repeat center;
    background-size: 100% 100%;
    pointer-events: none;
}

.milestones-gifts .gift-name {
    position: relative;
    margin: .06rem 0 0;
    font-size: .16rem;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
}

.btn-milestones-receive {
    left: 0;
    right: 0;
    bottom: .28rem;
    margin: 0 auto;
    width: 3.53rem;
    height: 1.09rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-receive.png");
    background-size: 100% 100%;
    border: none;
}

.btn-milestones-receive:disabled {
    pointer-events: none;
    opacity: .55;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.item-exchange {
    width: 7.32rem;
    height: 11.38rem;
    margin: 2.24rem auto 0;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/bg_exchange.png");
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 1.8rem;
}

.exchange-cards {
    margin: .22rem auto 0;
    padding: 0 .18rem;
    list-style: none;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.exchange-card-item {
    width: 1.52rem;
    text-align: center;
}

.exchange-card-icon {
    display: block;
    margin: 0 auto;
    width: 1.4rem;
    height: 2rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.exchange-card-num {
    position: relative;
    margin-top: .08rem;
    font-size: .2rem;
    line-height: 1.2;
    white-space: nowrap;
}

.exchange-card-label {
    position: relative;
    display: inline-block;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
    left: -.24rem;
}

.exchange-card-label::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #ffffff;
}

.card-num-value {
    position: absolute;
    left: .8rem;
    top: -.1rem;
    display: inline-block;
    font-size: .32rem;
    line-height: 1.2;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
}

.card-num-value::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    background: linear-gradient(180deg, #b2ff99, #ffff66);
    background: -webkit-linear-gradient(180deg, #b2ff99, #ffff66);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.btn-compose-card {
    left: 0;
    right: 0;
    top: 6.15rem;
    margin: 0 auto;
    width: 3.53rem;
    height: 1.09rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-compose.png");
    background-size: 100% 100%;
    border: none;
}

.exchange-sign-num {
    left: 5.5rem;
    text-align: left;
    bottom: 1.95rem;
    margin: 0;
    font-size: .52rem;
    font-weight: bold;
    line-height: 1.2;
    color: transparent;
    -webkit-text-stroke: .08rem #000;
}

.exchange-sign-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    background: linear-gradient(180deg, #b2ff99, #ffff66);
    background: -webkit-linear-gradient(180deg, #b2ff99, #ffff66);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.btn-exchange-shop {
    right: .2rem;
    bottom: .45rem;
    width: 3.53rem;
    height: 1.09rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-exchange.png");
    background-size: 100% 100%;
    border: none;
}

/* 
 *  tab2 — 赛事竞猜
 */

.item-guess {
    width: 7.5rem;
    height: 12.7rem;
    margin: 0 auto 0;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/bg_guess.png");
    background-size: 100% 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 1rem;
}

.guess-calendar-box {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/bg_calendar.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    width: 7.21rem;
    height: 1.2rem;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.guess-calendar-scroll {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.guess-calendar-scroll::-webkit-scrollbar {
    display: none;
}

.guess-calendar-list {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto;
    max-width: none;
    margin: .15rem 0 0;
    padding: 0 .2rem;
    list-style: none;
    -webkit-align-items: center;
    align-items: center;
    gap: .08rem;
    vertical-align: top;
    box-sizing: border-box;
}

.guess-calendar-list li {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 1.55rem;
    height: .92rem;
    padding-top: .12rem;
    box-sizing: border-box;
    text-align: center;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/bg_calendar-item.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    line-height: 1.15;
}

.guess-calendar-list li.active {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/bg_calendar-item-active.png");
    color: #ffe955;
}

.guess-calendar-list .calendar-date {
    display: block;
    font-size: .24rem;
    font-weight: bold;
    font-family: 'CloudYuanCuGBK';
}

.guess-calendar-list .calendar-week {
    display: block;
    font-size: .33rem;
}

.guess-calendar-list li.active .calendar-week {
    background: linear-gradient(180deg, #FFD700, #FFFF00);
    background: -webkit-linear-gradient(180deg, #FFD700, #FFFF00);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.guess-calendar-tip {
    left: 0;
    right: 0;
    margin: .08rem auto 0;
    text-align: center;
    font-size: .18rem;
    color: #fff;
    line-height: 1.3;
}

.guess-match-scroll-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-top: 3.87rem;
    scroll-snap-type: x mandatory;
}

.guess-match-scroll-wrap::-webkit-scrollbar {
    display: none;
}

.guess-match-list {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.guess-match-item {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 7.5rem;
    padding: .15rem .35rem 0;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

.guess-team {
    width: 3.15rem;
    text-align: center;
    height: 3.3rem;
}
.guess-team img{
    top: -.13rem;
    width: 1.19rem;
    height: .73rem;
}

.guess-team-a img{
    right: .1rem;
}

.guess-team-b img{
    left: .1rem;
    top: -.12rem;
}

.guess-team-name {
    position: absolute;
    font-size: .22rem;
    z-index: 10;
    width: 1.27rem;
    top: -.02rem;
    color: #744ef3;
    text-shadow: 0 .02rem .04rem rgba(0, 0, 0, .45);
    font-size: .38rem;
}

.team-a-name {
    text-align: right;
    margin-left: .55rem;
}

.team-b-name {
    text-align: left;
    margin-left: 1.35rem;
}
.team-name-middle{
    top: .04rem;
    font-size: .3rem;
}
.team-name-wrap{
    top: -.05rem;
    font-size: .3rem;
    line-height: .3rem;
}

.guess-team-odds {
    margin: 1.26rem auto 0;
}

.odds-a,
.odds-b {
    position: relative;
    display: block;
    font-size: .62rem;
    font-weight: 700;
    font-family: "CloudYuanCuGBK";
    line-height: 1.2;
    color: transparent;
    -webkit-text-stroke: .06rem #000;
}

.odds-a::after,
.odds-b::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-text-stroke: 0;
    color: #f8ea4f;
}

.guess-team .btn-win {
    width: 2rem;
    height: .87rem;
    border: none;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-win.png");
    background-size: 100% 100%;
    margin: -0.08rem auto 0;
}

.guess-team .btn-win:disabled {
    cursor: not-allowed;
    opacity: .45;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.guess-win-flag {
    display: block;
    width: 1.83rem;
    height: 1.22rem;
    margin: -0.08rem auto 0;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/win_flag.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.guess-my-bet {
    position: absolute;
    top: 2.9rem;
    left: .3rem;
    font-size: .2rem;
    line-height: 1.3;
    color: #333;
    white-space: nowrap;
}

.guess-my-bet-label {
    font-weight: bold;
}

.guess-my-bet-amount {
    position: relative;
    display: inline-block;
    min-width: .4rem;
    margin: 0 .02rem;
    font-size: .28rem;
    font-weight: 700;
    font-family: "CloudYuanCuGBK";
    line-height: 1.1;
    color: transparent;
    -webkit-text-stroke: .05rem #000;
    vertical-align: -.02rem;
}

.guess-my-bet-amount::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-text-stroke: 0;
    color: #a5ff31;
}

.guess-footer {
    left: .4rem;
    bottom: .98rem;
    width: 6.72rem;
    height: 1.17rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.guess-gold-num {
    font-size: .42rem;
    font-weight: bold;
    font-family: "CloudYuanCuGBK";
    left: 1.7rem;
    bottom: .12rem;
    display: flex;
    align-items: center;
}

#guessGoldBall {
    position: relative;
    line-height: 1.2;
    color: transparent;
    -webkit-text-stroke: .08rem #000;
}

#guessGoldBall::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    background: linear-gradient(270deg, #b2ff99, #ffff66);
    background: -webkit-linear-gradient(270deg, #b2ff99, #ffff66);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.guess-gold-num .font_mei {
    width: .35rem;
    height: .35rem;
    background-image: url(//png.pookcdn.com/new_net/lydr/activity6/font_mei.png);
    margin-left: .04rem;
}

.btn-guess-shop {
    width: 2.38rem;
    height: .7rem;
    border: none;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-exchange.png");
    background-size: 100% 100%;
    left: 3.15rem;
    bottom: .36rem;
}
.tip-guess-shop{
    right: -0.04rem;
    top: 0.02rem;
    font-weight: bold;
    cursor: pointer;
    width: 1.19rem;
    height: .42rem;
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/btn/btn-revenue.png');
}

.pup-revenue-wrap {
    padding-top: 1.2rem;
}
.pup-revenue-body{
    position: relative;
    width: 7.35rem;
    height: 10.77rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/pop/bg_revenue.png');
}

.pup-revenue-content {
    width: 6.48rem;
    position: absolute;
    top: 1.8rem;
    left: 0;
    right: 0;
    bottom: .24rem;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.pup-revenue-content::-webkit-scrollbar {
    display: none;
}

.revenue-record-list {
    list-style: none;
    margin: 0;
    padding: .2rem 0 0;
    overflow: visible;
}

.revenue-record-wrap {
    position: relative;
    width: 6.48rem;
    margin: 0 auto .4rem;
}

.revenue-record-wrap:last-child {
    margin-bottom: 0;
}

.revenue-record-item {
    position: relative;
    width: 6.48rem;
    height: 2.33rem;
    box-sizing: border-box;
    margin: 0;
    box-sizing: border-box;
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/bg_revenue_item.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    overflow: visible;
}

.revenue-record-status-icon {
    position: absolute;
    top: -.2rem;
    right: .06rem;
    width: 1.62rem;
    height: .84rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 3;
}

.revenue-record-status-icon.status-correct {
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/icon-correct.png');
}

.revenue-record-status-icon.status-pending {
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/icon-pending.png');
}

.revenue-record-status-icon.status-wrong {
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/icon-wrong.png');
}

.revenue-record-head {
    position: relative;
    z-index: 1;
    text-align: center;
}

.revenue-record-match {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
    padding: 0 .42rem;
    font-size: .24rem;
    font-weight: bold;
    line-height: 1.2;
    white-space: nowrap;
    box-sizing: border-box;
}

.revenue-record-match .team-a,
.revenue-record-match .team-b {
    position: relative;
    display: inline-block;
    max-width: 1.8rem;
    font-family: 'CloudYuanCuGBK';
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
    margin-top: .16rem;
    width: 4rem;
}

.revenue-record-match .team-a {
    margin-right: .36rem;
    text-align: right;
}

.revenue-record-match .team-b {
    margin-left: .36rem;
    text-align: left;
}

.revenue-record-match .team-a::after,
.revenue-record-match .team-b::after {
    width: 4rem;
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-text-stroke: 0;
    color: #ffffff;
}

.revenue-record-match .team-b::after {
    left: auto;
    right: 0;
}

.revenue-record-date {
    margin: .12rem 0 0;
    font-size: .16rem;
    line-height: 1.2;
    text-align: center;
    color: rgba(255, 255, 255, .92);
}

.revenue-record-table {
    position: relative;
    z-index: 1;
    margin-top: .9rem;
    padding: 0 .5rem 0 .4rem;
    box-sizing: border-box;
}

.revenue-record-table-row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.revenue-record-table-body {
    font-size: .16rem;
    font-weight: bold;
    line-height: 1.2;
}

.revenue-record-table .col {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.revenue-record-table .col-guess {
    -webkit-flex: 1.6;
    flex: 1.6;
    white-space: nowrap;
}

.revenue-record-table .col-bet {
    position: relative;
    left: .55rem;
    text-align: left;
    -webkit-flex: 1.2;
    flex: 1.2;
}
.revenue-record-table .col-status {
    position: relative;
    text-align: center;
    -webkit-flex: 1;
    flex: 1;
}


.revenue-record-table-body .col {
    position: relative;
    color: transparent;
    -webkit-text-stroke: .03rem #000;
}

.revenue-record-table-body .col::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.revenue-record-table-body .col.status-win::after {
    color: #f5f566;
}

.revenue-record-table-body .col.status-lose::after {
    color: #ff6b4a;
}

.revenue-record-table-body .col.status-pending::after {
    color: #ffffff;
}

.revenue-record-empty {
    margin: .6rem 0 0;
    font-size: .24rem;
    line-height: 1.4;
    text-align: center;
    color: #666;
}


.item-task {
    width: 7.35rem;
    min-height: 9.18rem;
    margin: .7rem auto 0;
    padding: 1.45rem .18rem .2rem;
    box-sizing: border-box;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/pop/bg_task.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.task-total-infull {
    top: 1.6rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: .28rem;
    line-height: 1.2;
    text-align: center;
    color: #2139f4;
    font-family: "REEJI-CloudCuYuanGBT";
}

.task-total-infull-num {
    color: #F44CFD;
}

.task-list {
    box-sizing: border-box;
    margin: .65rem 0 0;
    padding: 0;
    list-style: none;
}

.task-item {
    margin-bottom: .18rem;
}

.task-item:first-child {
    margin-top: .24rem;
}

.task-item-inner {
    width: 6.96rem;
    height: 1.59rem;
    box-sizing: border-box;
    padding: .16rem 2rem 0 .3rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/bg_task_item.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.task-desc {
    margin: 0;
    font-size: .28rem;
    font-weight: bold;
    line-height: 1.2;
    font-family: "REEJI-CloudCuYuanGBT";
    color: transparent;
    -webkit-text-stroke: .04rem #000;
}

.task-desc::after {
    content: attr(data-text);
    position: absolute;
    left: .3rem;
    -webkit-text-stroke: 0;
    color: #ffffff;
}

.task-gift-list {
    list-style: none;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.task-gift-item {
    list-style: none;
}

.task-gift-icon {
    position: relative;
    display: block;
    width: .97rem;
    height: 1.03rem;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/icon-bg-gift.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.task-gift-icon img {
    position: absolute;
    top: .26rem;
    left: -0.04rem;
    right: 0;
    margin: 0 auto;
    width: .6rem;
    height: .6rem;
}

.task-gift-award-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .69rem;
    height: .69rem;
    margin-left: -.345rem;
    margin-top: -.345rem;
    object-fit: contain;
    pointer-events: none;
}

.task-action {
    right: .22rem;
    top: 50%;
    width: 2.26rem;
    height: .99rem;
    margin-top: -.34rem;
    border: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.task-action.btn-to-complete {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/to-complete.png");
}

.task-action.btn-claim-prize {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/claim-prize.png");
}

.task-action.btn-received {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/btn/btn-received.png");
}

.task-action:disabled {
    pointer-events: none;
    opacity: .55;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.item-rank {
    width: 7.32rem;
    height: 22.12rem;
    margin: 2.16rem auto 0;
    padding: 10.3rem .22rem 0;
    box-sizing: border-box;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/rank/bg_rank.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.item-rank-reward {
    width: 6.9rem;
    height: 6.46rem;
    top: 2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/rank/bg_reward.png');
    z-index: 2;
}

.rank-reward-tiers {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rank-reward-tier {
    position: absolute;
    list-style: none;
    z-index: 1;
}
.rank-reward-tier .rank-reward-prop-num{
    font-size: .26rem;
}

.rank-reward-tier[data-rank="1"] {
    left: .1rem;
    right: 0;
    top: 1.2rem;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 3;
}
.rank-reward-tier[data-rank="1"] .award-icon {
    width: .72rem;
    height: .72rem;
}
.rank-reward-tier[data-rank="1"] .rank-reward-prop-num {
    top: .9rem;
}
.rank-reward-tier[data-rank="2"] {
    left: .7rem;
    top: 2.6rem;
    z-index: 2;
}
.rank-reward-tier[data-rank="2"] .rank-reward-prop-num {
    top: .9rem;
}

.rank-reward-tier[data-rank="3"] {
    right: .7rem;
    top: 3.36rem;
    z-index: 2;
}
.rank-reward-tier[data-rank="3"] .rank-reward-prop-num {
    top: .9rem;
}

.rank-reward-tier[data-rank="4"] {
    left: .1rem;
    right: 0;
    top: 4.6rem;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 1;
}

.rank-reward-tier[data-rank="4"] .rank-reward-prop-num {
    top: .9rem;
}

.rank-reward-gifts {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    gap: .36rem;
}

.rank-reward-tier .award-icon {
    width: .72rem;
    height: .72rem;
}

.rank-reward-gifts .award-icon {
    display: block;
    object-fit: contain;
}

.rank-reward-gifts .award-icon-item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}

.rank-reward-gifts .rank-reward-prop-num {
    position: absolute;
    top: .68rem;
    font-size: .15rem;
    font-weight: bold;
    line-height: 1;
    font-family: 'CloudYuanCuGBK';
    color: transparent;
    -webkit-text-stroke: .04rem #000;
    white-space: nowrap;
}

.rank-reward-gifts .rank-reward-prop-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    -webkit-text-stroke: 0;
    color: #ffffff;
}

.rank-list {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 11.2rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.rank-list::-webkit-scrollbar {
    display: none;
}

.rank-row {
    position: relative;
    width: 6.79rem;
    height: 1.27rem;
    margin: 0 auto .28rem;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.rank-row:last-child {
    margin-bottom: 0;
}

.rank-row.rank-item1 {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/rank/rank-item1.png");
}

.rank-row.rank-item2 {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/rank/rank-item2.png");
}

.rank-row.rank-item3 {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/rank/rank-item3.png");
}

.rank-row.rank-item-default {
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/rank/item-rank.png");
}

.rank-num {
    position: absolute;
    left: .3rem;
    top: .24rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: .8rem;
    line-height: 1;
}

.rank-num-img {
    display: block;
    height: .64rem;
    width: auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.rank-avatar {
    position: absolute;
    top: .38rem;
    left: 1.5rem;
    width: .97rem;
    height: .97rem;
    margin-top: -.28rem;
    border-radius: 50%;
    overflow: hidden;
    border: .02rem solid rgba(255, 255, 255, .85);
}

.rank-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
    transform: scale(1.2);
}

.rank-name {
    position: absolute;
    left: 2.78rem;
    top: .45rem;
    box-sizing: border-box;
    padding: 0 .04rem;
    font-size: .32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'CloudYuanCuGBK';
    color: transparent;
    -webkit-text-stroke: .05rem #000;
}

.rank-name::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-text-stroke: 0;
    box-sizing: border-box;
    padding: 0 .04rem;
    color: #ffffff;
}

.rank-gold {
    position: absolute;
    left: 5.9rem;
    top: .48rem;
    font-size: .32rem;
    font-weight: bold;
    box-sizing: border-box;
    font-family: 'CloudYuanCuGBK';
    text-align: left;
    line-height: 1.2;
    color: transparent;
    -webkit-text-stroke: .06rem #000;
}

.rank-gold::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 0;
    color: #ffffff;
}

.rank-my {
    position: relative;
    width: 7.21rem;
    height: 3.96rem;
    margin: .35rem auto 0;
    background-image: url("//png.pookcdn.com/new_net/lydr/activity6/rank/bg_my_rank.png");
    box-sizing: border-box;
}

.rank-my-avatar {
    position: absolute;
    left: 50%;
    top: .82rem;
    width: 1rem;
    height: 1rem;
    margin-left: -.5rem;
}

.rank-my-avatar-clip {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    overflow: hidden;
}

.rank-my-avatar-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.rank-my-avatar-frame {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.rank-my-name {
    position: absolute;
    left: 50%;
    top: 2.08rem;
    max-width: 3.4rem;
    margin: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .28rem;
    font-family: 'CloudYuanCuGBK';
    color: #744ef3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rank-my-rank {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .34rem;
    margin: 0;
    text-align: center;
    font-size: .52rem;
    font-weight: bold;
    font-family: 'CloudYuanCuGBK';
    line-height: 1.1;
    color: transparent;
    -webkit-text-stroke: .06rem #000000;
}

.rank-my-rank::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-text-stroke: 0;
    background: linear-gradient(270deg, #b2ff99, #ffff66);
    background: -webkit-linear-gradient(270deg, #b2ff99, #ffff66);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.match-switch{
    width: 100%;
    top: 7.3rem;
    pointer-events: none;
}
.match-pre,
.match-next{
    width: .58rem;
    height: 1.5rem;
    pointer-events: auto;
    cursor: pointer;
}
.match-pre{
    left: .2rem;
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/more-match-left.png');
}
.match-next{
    right: .2rem; 
    background-image: url('//png.pookcdn.com/new_net/lydr/activity6/more-match-right.png');
}

.guess-dot-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .12rem;
    width: -webkit-fit-content;
    width: fit-content;
    max-width: 100%;
    margin: .12rem auto 0;
    padding: .1rem .22rem;
    min-height: .28rem;
    box-sizing: border-box;
    border-radius: 10rem;
    background-color: rgba(69, 39, 168,0.4);
}

.guess-dot-wrap:empty {
    display: none;
}

.guess-dot {
    display: block;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #200d60;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.guess-dot.active {
    width: .12rem;
    height: .12rem;
    background-color: #a5ff31;
    border: .02rem solid #1a1230;
    box-sizing: border-box;
}

.pup-shop-card-wrap .btn-close-pup {
    top: 1.5rem;
    right: .24rem
}
.pup-card-body .btn-close-pup{
    top: 1rem;
    right: .4rem;
}
.pup-tip-text-wrap .btn-close-pup{
    top: 2.8rem;
}
.pup-vip-wrap .btn-close-pup{
    top: 1.8rem;
}
.pup-exam-body .btn-close-pup{
    top: .2rem;
}
.pup-answer-wrap .btn-close-pup{
    top: .2rem;
}
.pup-synthesis-fail-wrap .btn-close-pup{
    top: .5rem;
}
.pup-guess-bet-wrap .btn-close-pup{
    top: .5rem;
}
.pup-revenue-body  .btn-close-pup{
    top: .5rem;
}
@media only screen and (min-width: 1024px) {
    html {
        overflow: hidden;
    }

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

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