/* 按钮呼吸 */
@keyframes breathe-glow {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.94);
    }
}

.wcg-home-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* 1-1 */
.wcg-support-power {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.wcg-support-power-bg {
    box-sizing: border-box;
    text-align: center;
    font-size: 0.36rem;
    line-height: 160%;
    width: 100%;
    height: 3rem;
    padding: 0.4rem 0;
    background-image: url("../wcg_images/support-power-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.wcg-text-color-white {
    color: #fff;
    font-size: 0.34rem;
}

.wcg-scene-one .wcg-text-color-white {
    color: #7d4718;
    font-size: 0.34rem;
}

.wcg-tip-color {
    font-weight: bold;
    background: linear-gradient(to bottom,
            #5b6cff 0%,
            #47c5d8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wcg-mb-45 {
    margin-bottom: 0.2rem;
}

.wcg-scene-one {
    display: none;
}



/* 1-2 */
.wcg-get-coin {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.wcg-get-coin-bg {
    box-sizing: border-box;
    text-align: center;
    font-size: 0.36rem;
    line-height: 160%;
    width: 100%;
    height: 3rem;
    padding: 0.4rem 0;
    background-image: url("../wcg_images/support-power-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    font-weight: bold;
}


.wcg-get-coin-text {
    font-weight: bold;
    background: linear-gradient(to bottom,
            #5b6cff 0%,
            #47c5d8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wcg-change-succ {
    font-size: 0.4rem;
    color: #7d4718;
}

.wcg-get-coin-color-white {
    color: #7d4718;
    font-size: 0.4rem;
}

.wcg-scene-two {
    display: none;
}


.wcg_btn {
    margin-top: 0.8rem;
    width: 6.12rem;
    height: 0.86rem;
    line-height: 0.76rem;
    text-align: center;
    color: #feffcc;
    font-size: var(--fontsize-36);
    font-weight: bold;
    text-transform: uppercase;
    background-image: url(../img/imgs-hcy/page_btn_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    animation: breathe-glow 2s ease-in-out infinite;
}

/* 1-3 */
.wcg-power-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.wcg-power-container-bg {
    box-sizing: border-box;
    padding-top: 1.1rem;
    width: 7.5rem;
    height: 5.91rem;
    background-image: url("../wcg_images/power-bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
}

.wcg-avatar {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    overflow: hidden;
}

.wcg-avatar img {
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    object-fit: cover;
}

.wcg-ml-20 {
    margin-left: -0.2rem;
}

.wcg-power-content {
    margin-bottom: 0.1rem;
    font-size: 0.34rem;
    color: #7d4718;
    font-weight: bold;
    padding: 0rem 1.1rem;
    margin-left: -0.2rem;
}


.wcg-power-content-succ {
    margin-bottom: 0.1rem;
    font-size: 0.30rem;
    color: #7d4718;
    font-weight: bold;
}

.wcg-succ-tip {
    text-align: center;
    color: #7d4718;
    font-size: 0.24rem;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.wcg-btn-style {
    width: 5.98rem;
    height: 0.8rem;
    display: block;
    margin-bottom: 0.54rem;
}

.wcg-btn-submit {
    /* position: fixed;
    bottom: -3rem;
    left: 0;
    right: 0; */
}

.wcg-time-out {
    color: #feffcc;
    font-size: 0.24rem;
}

.wcg-scene-three {
    display: none;
}

/* 2-1 */
.wcg-invite-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.wcg-success-img {
    width: 6.26rem;
    height: 6.44rem;
    /* margin-bottom: 1rem; */
}

.wcg-success-item-bg {
    width: 7.5rem;
    height: 2.85rem;
    background-image: url("../wcg_images/success-item-bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    margin-bottom: 1.9rem;
}

.wcg-scene-two-one {
    display: none;
}

/* 2-2 */
.wcg-doubble {
    font-size: 0.6rem;
    font-weight: bold;
    background: linear-gradient(to bottom,
            #5b6cff 0%,
            #47c5d8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wcg-scene-two-two {
    display: none;
}

/* 2-3 */
.wcg-doubble-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.wcg-doubble-coin-img {
    width: 7.5rem;
    height: 3.47rem;
}

.wcg-scene-two-three {
    display: none;
}


/* 2-4 */
.wcg-doubble-invite-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.wcg-scene-two-four {
    display: none;
}

/* 开黑页 */
.wcg-open-black-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.wcg-black-item-bg {
    width: 7.5rem;
    height: 3.05rem;
    background-image: url("../wcg_images/open-black.png");
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    margin-bottom: 1.9rem;
}

.wcg-text-open-white {
    color: #7d4718;
    font-size: 0.3rem;
}

.wcg-scene-open-black {
    display: none;
}


/* 3-1 */
.wcg-switch-lottery {
    display: none;
}

.wcg-switch-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.wcg-switch-style {
    width: 6.5rem;
    /* height: 6.27rem; */
}

.wcg-mb-2 {
    margin-bottom: 0.13rem;
}

.wcg-mb-100 {
    /* margin-bottom: 1rem; */
}

.wcg-support-power-bg {
    margin-bottom: 0.6rem;
}

.wcg-btn-bg-style {
    width: 6.12rem;
    height: 0.86rem;
    line-height: 0.76rem;
    text-align: center;
    color: #feffcc;
    font-size: var(--fontsize-36);
    font-weight: bold;
    text-transform: uppercase;
    background-image: url(../img/imgs-hcy/page_btn_2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.btn-text {
    color: #9d440e;
    font-size: 0.36rem;
    font-weight: bold;
}

/* 3-2 */
.wcg-scene-three-two {
    display: none;
}

.h_page11_txt_scence1_4_cj {
    text-align: center;
    font-size: 0.34rem;
    line-height: 140%;
    font-weight: bold;
    color: #ffc12d;
}