.poster_img {
    width: 5.5rem;
    height: 8.87rem;
    position: absolute;
    opacity: 1;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 22;
    -webkit-touch-callout: default;
    /* transform: translateY(-0.3rem) scale(0.8); */
}

.pop {
    display: none;
    position: relative;
    font-size: .22rem;
    line-height: .3rem;
    color: #d9231a;
    box-sizing: border-box;
    width: 5.55rem;
    position: relative;
}

body .pop {
    font-size: .22rem;
    line-height: .3rem;
    color: #d9231a;
    box-shadow: none;
    padding-top: .01rem;
}

body .lay-shade {
    opacity: .7 !important;
}

.pop-close {
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop-close.png") no-repeat 0 0 / 100% auto;
    width: .36rem;
    height: .36rem;
    position: absolute;
    top: 0;
    right: -.4rem;
    z-index: 99;
    font-size: 0;
    text-indent: -9999em;
}

.pop-cnt,
.pop-desc {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.pop-com {
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop5.png") no-repeat 0 0 / 100% auto;
    height: 3.24rem;
    position: relative;
}

.pop-com .pop-tit {
    height: .8rem;
}

.pop-com .fz-btn{
    display: block;
    width: 1.55rem;
    height: 0.49rem;
    background: url(//game.gtimg.cn/images/tlbb/cp/a20260106act/fz-btn.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
}

.pop-com .pop-cnt {
    width: 5rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pop-com .pop_tip_wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: .28rem;
    line-height: .36rem;
}

.pop-rule{
    width: 5.55rem;
    height: 7.28rem;
    background: url(//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop8.png) no-repeat;
    background-size: 100% auto;
}

.pop-rule .cont{
    width: 91%;
    height: 6.3rem;
    margin: 0.7rem auto 0;
    line-height: 1.52;
    overflow:scroll;
    overflow-x: hidden;
}

.pop-rule .cont .txt1{
    color: #7f1305;
    font-weight: 700;
}

.pop-rule .cont .txt2{
    color: #7f1305;
    font-size: 0.18rem;
    font-weight: 700;
}

.pop-rule .cont .txt3{
    color: #983d2b;
    font-size: 0.18rem;
    font-weight:500;
    text-indent: 1em;
}

.pop-rule .table-box{
    width: 5.05rem;
    height: 2.20rem;
    background: url(//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/table.png) no-repeat;
    background-size: 100% auto;
    margin: 0.2rem auto 0;
}



/*** pop-task ***/
.pop-friend-list {
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop1.png") no-repeat 0 0 / 100% auto;
    height: 4.56rem;
}

.pop-friend-list .pop-cnt {
    width: 5.34rem;
    height: 3.68rem;
    display: flex;
    justify-content: center;
    margin-top: .45rem;
}

.pop-friend-list .friend-list {
    width: 4.92rem;
    height: 3.56rem;
    border-radius: .15rem;
    padding: .05rem;
}

.pop-friend-list .friend-list .friend-item {
    height: .57rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    position: relative;
    border-bottom: .01rem solid #de7239;
    margin-bottom: .05rem;
}

.pop-friend-list .friend-list .friend-item:last-child {
    margin-bottom: 0;
}

.pop-friend-list .friend-info {
    width: 70%;
    height: .55rem;
    display: flex;
    align-items: center;
}

.pop-friend-list .friend-info .friend-img {
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/avatar-bg.png") no-repeat 0 0 / 100% auto;
    width: .55rem;
    height: .55rem;
}

.pop-friend-list .friend-info .fr-ava{
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
}

.pop-friend-list .friend-info .friend-name {
    font-size: .2rem;
    padding-left: .05rem;
    color:#7f1305;
}

.pop-friend-list .friend-item .btn-box {
    width: 30%;
}

.pop-friend-list .btn-box .btn-invite {
    width: 1.33rem;
    height: .43rem;
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/btn-invite.png") no-repeat 0 0 / 100% auto;
}

.pop-friend-list .friend-item .btn-invite.finish {
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/btn-inviteed.png") no-repeat 0 0 / 100% auto;
}


/*** pop-record ***/
.scroll {
    overflow: auto;
}

.scroll::-webkit-scrollbar {
    width: 0.05rem;
}

.scroll::-webkit-scrollbar-thumb {
    width: 0.1rem;
    border-radius: 0;
    background: #f0aa48;
}

.scroll::-webkit-scrollbar-track {
    width: 0.1rem;
    border-radius: 0;
    background: #ffeeb5;
}

/*  .no-data */
.no-data-txt {
    display: none;
    font-size: .26rem;
    text-align: center;
    line-height: .4rem;
    margin-top: 1.5rem;
}

.pop-record-thead {
    width: 100%;
    height: .5rem;
    background: #faf5e4;
}

.record-list {
    display: block;
}

.no-data .record-list {
    display: none;
}

.no-data .no-data-txt {
    display: block;
}


/*** pop-prize ***/

.pop-prize .pop-tit.tit2 {
    width: 2.3rem;
    height: .57rem;
    background-position: -17.7rem -1.25rem;
    /*background: url("//game.gtimg.cn/images/shanhai/cp/a20251222fashionrelationship/pop-tit2.png") no-repeat 0 0/100% auto;*/
}

.pop-prize .pop-desc {
    min-height: 1rem;
    margin-bottom: -.1rem;
}

.pop-prize .pop-desc {
    text-indent: 0;
    text-align: center;
}

.prize-list {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.prize-list li {
    width: 2.06rem;
    height: 2.47rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url("//game.gtimg.cn/images/shanhai/cp/a20251222fashionrelationship/pop-award-bg.png") no-repeat 0 0/100% auto;
    position: relative;
}

.prize-list .prize-img {
    margin: 0 auto;
    height: 2.2rem;
}

.prize-list .prize-img div {
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prize-list .prize-img img {
    height: 1.45rem;
    object-fit: contain;
}

.prize-list .prize-img p {
    width: 2rem;
    text-align: center;
    color: #760600;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.prize-list .name-box {
    width: 2.94rem;
    text-align: center;
    margin: 0 auto .05rem;
    position: absolute;
    bottom: -.05rem;
    left: 50%;
    transform: translateX(-50%);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: url("//game.gtimg.cn/images/yxzj/cp/a20251220znqnrds/prize-desc-bg.png") no-repeat 0 0/100% auto;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .1rem;
}

.pop-prize .pop-con {
    width: 100%;
    height: 4.2rem;
}

.pop-prize .pop-cnt {
    width: 100%;
    height: 3.5rem;
}

.prize-list.item-3 li {
    width: 33.3%;
}

.prize-list.item-3 li .prize-img {
    width: 1.58rem;
    height: 1.58rem;
}

.prize-list.item-3 .name-box {
    width: 1.58rem;
}

.prize-list.item-3 .prize-img-name {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pop-prize .pop_btn_box {
    width: 100%;
    height: .77rem;
    display: flex;
    justify-content: center;
    margin-top: .2rem;
}

.pop-prize .pop_btn_box .btn-confirm {
    background-position: 0 -8.65rem;
    /*background: url("//game.gtimg.cn/images/shanhai/cp/a20251222fashionrelationship/btn-confirm.png") no-repeat 0 0/100% auto;*/
    width: 2.73rem;
    height: .77rem;
}


/*** pop-share ***/
.pop-select-share {
    width: 7.5rem;
    height: 100%;
    top: 0;
    left: 0;
}

.pop-select-share .pop-mask-close{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.pop-select-share .pop-close {
    top: .85rem;
}

.pop-select-share .pop-con{
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop-share.png") no-repeat 0 0/100% auto;
    height: 3.97rem;
    width: 5.55rem;
    position: absolute;
    top: 0;
    right: 0;
}

 .pop-select-share .pop-body {
    height: 3.97rem;
    position: relative;
}

.pop-select-share .btn {
    position: absolute;
    width: 1.2rem;
    height: 1rem;
}

.pop-select-share .btn.btn-share-phone {
    top: 2rem;
    left: 1.12rem;
}

.pop-select-share .btn.btn-share-wxpyq {
    top: 2rem;
    left: 3.26rem;
}

.pop-attention,
.pop-attention1{
    height: 3.84rem;
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop2.png") no-repeat 0 0/100% auto;
}

.pop-attention1{
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop9.png") no-repeat 0 0/100% auto;

}

.pop-attention .pop-cnt,
.pop-attention1 .pop-cnt{
    width: 100%;
    height: 2.8rem;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.pop-attention .pop-cnt .qrcode1,
.pop-attention1 .pop-cnt .qrcode1{
    width: 2.24rem;
    height: 2.18rem;
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/qrcode-bg.png") no-repeat 0 0/100% auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pop-attention .pop-cnt .qrcode1 img,
.pop-attention1 .pop-cnt .qrcode1 img{
    width: 2.01rem;
    height: 1.95rem;
}

/*???????*/

.pop-tips{
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop3.png") no-repeat 0 0/100% auto;
    height: 3.24rem;
}

.pop-tips .pop-cnt{
    margin-top: .87rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pop-tips .pop_tip_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: .28rem;
    line-height: .36rem;
    width: 4.18rem;
    height: 1.2rem;
    background: #f5d9ad;
    border-radius: .15rem;
    border: 0.03rem solid #ffb582;
}

.pop-tips .pop_tip_wrap .com-text{
    font-size: .30rem;
    line-height: 1.5;
    text-shadow: 0 0 .05rem #d9231a;
}

.pop-tips .pop-cnt .btn-pop-share{
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/btn-share1.png") no-repeat 0 0/100% auto;
    width: 2.71rem;
    height: .61rem;
    margin-top: .25rem;
}

.pop-publicity {
    width: 5.5rem;
    height: 8.87rem;
}

.pop-publicity .share-save-cont{
    width: 100%;
    height: 100%;
    position: relative;
    padding: .01rem 0 0 0;
}

.pop-publicity-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.f_y{
    color:#ff3000;
}
.pop-publicity .invite_info{
    width: 100%;
    text-align: center;
    font-size: .2rem;
    line-height: .28rem;
    /*margin: 3.4rem auto 0;*/
    padding: 0 .2rem;
    box-sizing: border-box;
    position: absolute;
    top: 3.4rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    font-weight: 600;
    color:#7f1305;
}

.pop-publicity .qrcode{
    width: 2.01rem;
    height: 1.95rem;
    /*margin: 2.02rem auto 0;*/
    position: absolute;
    top: 6.2rem;
    left: 50%;
    transform: translateX(-50%);
    object-fit: cover;
}

.pop-publicity .qrcode canvas{
    width: 100%;
    height: 100%;
}

.pop-publicity .save-txt{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 8.2rem;
    left: 50%;
    transform: translateX(-50%);
    color: #7f1305;
}

    /*pop-record*/
.pop-record{
    height: 7.49rem;
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop7.png") no-repeat 0 0/100% auto;
}
.pop-record .tit6{
    height: .68rem;
}

.pop-record .record_txt_box{
    height: 1.5rem;
    padding: 0.15rem .53rem 0 .4rem;
    font-size: .24rem;
    line-height: .34rem;
}

.pop-record .record_txt_box span{
    font-weight: 600;
}

.pop-record .record_txt{
    text-indent: 1em;
}

.pop-record .record-box{
    width: 4.9rem;
    height: 4.85rem;
    margin: 0 auto;
}

.pop-record .record-box .record-title{
    text-align: center;
    font-size: .28rem;
    font-weight: 600;
    line-height: .36rem;
    color: #7f1305;
    margin-top: .17rem;
}

.pop-record .record-box .record-table-title{
    width: 4.9rem;
    height: .43rem;
    background: url("//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/record-table-title.png") no-repeat 0 0/100% auto;
    margin-top: .15rem;
}


.pop-record .record-box .record_list{
    height: 3.44rem;
    margin-top: .2rem;
    width: 5rem;
}

.pop-record .record-box .record-item{
    width: 4.9rem;
    display: flex;
    height: .55rem;
    border-bottom: .02rem dashed #fff9cb;
    line-height: .55rem;
    font-size: .22rem;
}

.pop-record .record-box .record-name{
    text-align: center;
    width: 2.84rem;
    margin-left: .15rem;
}

.pop-record .record-box .record-type{
    text-align: center;
    width: 1.86rem;
}

.pop-record .record-box .record-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pop-region{
    width: 5.54rem;
    height: 3.60rem;
    background: url(//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop10.png);
    background-size: 100% auto;
    position: relative;
}

.pop-region .table{
    width: 4.13rem;
    height: 0.43rem;
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
}

.pop-region .table .zjdl-btn,
.pop-region .table .zjxf-btn{
    display: block;
    width: 1.87rem;
    height: 0.43rem;
    background: url(//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/zjdl-btn.png);
    background-size: 100% auto;
}

.pop-region .table .zjxf-btn{
    background: url(//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/zjxf-btn.png);
    background-size: 100% auto; 
}

.pop-region .table-cont{
    width: 80%;
    height: 1.6rem;
    position: absolute;
    top: 1.55rem;
    left: 50%;
    transform: translateX(-50%);
}

.pop-region .table-cont li{
    display: flex;
    justify-content: space-between;
    line-height: 2.3;
    color: #7f1305;
}

.pop-region .table-cont li a{
    color: #7f1305;
}

.pop-role{
    width: 5.54rem;
    height: 3.92rem;
    background: url(//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop11.png) no-repeat;
    background-size: 100% auto;
    position: relative;  
}


    .select-container {
      width: 80%;
      display: flex;
      flex-direction: column;
      gap: 0.1rem;
      position: absolute;
      top: 0.9rem;
      left: 0.5rem;
    }


    .select-row {
      display: flex;
      align-items: center;
      gap: 0.1rem;
    }

    .label {
      color: #7f1305;
      font-size: 0.22rem;
      font-weight: bold;
      width: 0.6rem;
      text-align: right;
    }

    .custom-select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      outline: none;
      width: 3.60rem;
      height: 0.4rem;
      padding: 0 0.1rem;
      border: none;
      border-radius: 0;
      background-color: #fff;
      font-size: 0.14rem;
      color: #333;
      position: relative;
      cursor: pointer;
    }
/
    .select-wrapper {
      position: relative;
    }
    .select-wrapper::after {
      content: "";
      position: absolute;
      right: 0.1rem;
      top: 50%;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-left: 0.06rem solid transparent;
      border-right: 0.06rem solid transparent;
      border-top: 0.08rem solid #CD0000;
      pointer-events: none;
    }


    .pop-role .checkbox-item{
        color: #cc4400;
        font-size: 0.18rem;
        position: absolute;
        bottom: 0.75rem;
        left: 0.6rem;
    }

      .pop-role .qrbd-btn{
        display: block;
        width: 1.55rem;
        height: 0.49rem;
        background: url(//game.gtimg.cn/images/tlbb/cp/a20260106act/qrbd-btn.png);
        background-size: 100% auto;
        position: absolute;
        bottom: 0.2rem;
        left: 50%;
        transform: translateX(-50%);
      }

    .pop-tiktok {
        width: 5.54rem;
        height: 4.58rem;
        background: url(//game.gtimg.cn/images/tlbb/cp/a20260106act/pop/pop12.png) no-repeat;
        background-size: 100% auto;
        position: relative;
    }

    .pop-tiktok .dy-img{
        width: 2.08rem;
        height: 2.08rem;
        position: absolute;
        top: 0.9rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .pop-tiktok p{
        color: #b33938;
        font-size: 0.2rem;
        text-align: center;
        position: absolute;
        bottom: 1.2rem;
        left: 50%;
        transform: translateX(-50%);
    }