$bg: "./../../assets/protect/p_bg.png";
$btn_bg: "./../../assets/protect/p_btn.png";
.container {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    // padding: 1.76rem;
    pointer-events: none;
    position: relative;
    max-width: 510px;
    // width: 85.8%;
}
.p_con {
    display: flex;
    flex-direction: column;
    width: 100%;
    // max-width: 25.875rem;
    background: url($bg);
    aspect-ratio: 719/571;
    background-size: 100% 100%;
    pointer-events: auto;
    align-items: center;
    position: relative;
    height: 21.03rem;
    width: 23.68rem;
}

// /* 电脑端限制最大字体 */
// @media screen and (min-width: 510px) {
//     .p_con {
//         width: 85.8%;
//         height: 23rem;
//     }
// }

.p_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    // height: 100%;
}
.p_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    // gap: 1rem;
    width: 100%;
    height: 100%;
    & .title {
        // margin-top: 15.5%;
        // font-size: 1.1rem;
        // font-weight: bold;
        // color: #f4eb90;
        margin: 0 auto;
        margin-top: 0.51rem;
        width: 12.35rem;
    }
    & .des {
        font-weight: bold;
        color: #fff;
        // width: 48%;
        line-height: 1rem;

        color: rgba(255, 255, 255, 1);

        font-family: Roboto;
        font-size: 0.88rem;
        font-weight: 500;
        line-height: 1.03rem;
        letter-spacing: 0rem;
        text-align: center;
        margin-top: 0.58rem;
        & .coin {
            color: #ffcc00;
        }
    }
    & .rewad {
        // margin-top: 12%;
        // font-size: 1.2rem;
        // font-weight: bold;
        // color: #fbd630;
        // text-shadow: -1px -1px 0 #d82b2f, 1px -1px 0 #d82b2f, -1px 1px 0 #d82b2f,
        //     1px 1px 0 #d82b2f;

        margin-top: 9.3rem;

        color: rgba(248, 255, 111, 1);

        font-family: Roboto;
        font-size: 1.47rem;
        font-weight: 500;
        line-height: 1.69rem;
        letter-spacing: 0rem;
        text-align: center;
    }
    & .tips {
        // margin-top: -1rem;
        // font-weight: bold;
        // font-size: 0.75rem;
        // color: #2563c8;

        color: rgba(255, 255, 255, 1);

        font-family: Roboto;
        font-size: 1.18rem;
        font-weight: 500;
        line-height: 1.4rem;
        letter-spacing: 0rem;
        text-align: center;
        margin-top: 0.4rem;
    }
}
.p_get_btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 38%;
    // background: url($btn_bg);
    background-size: 100% 100%;
    aspect-ratio: 275/105;
    margin-left: 0.5rem;
    margin-bottom: 0.6rem;
    color: #116f02;
    font-size: 1.1rem;
    font-weight: bold;
    border-radius: 43px;
    background: linear-gradient(
        180deg,
        rgba(246, 195, 27, 1),
        rgba(232, 151, 6, 1) 100%
    );
    /* 矩形 53 */
    width: 9.49rem;
    height: 2.79rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    color: rgba(255, 255, 255, 1);

    font-family: Roboto;
    font-size: 1.18rem;
    font-weight: 500;
    line-height: 1.4rem;
    letter-spacing: 0rem;
    & .text {
        margin-top: 0rem;
    }
    &_disabled {
        filter: brightness(60%);
    }
}
.p_close {
    position: absolute;
    z-index: 2;
    top: 0.36rem;
    right: 0.22rem;
    img {
        width: 1.91rem;
        height: auto;
    }
}

.times {
    color: rgba(125, 137, 148, 1);

    font-family: Roboto;
    font-size: 1.03rem;
    font-weight: 700;
    line-height: 1.18rem;
    letter-spacing: 0rem;
    text-align: left;
}
