html{
	font-size: 100px;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
body{
	background-color: #000000;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


.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 {
	width: 7.5rem;
	height: 2.13rem;
	background-image: url("../wcg_images/support-power-bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

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

.wcg-tip-color {
    color: #fdd982;
    font-weight: bold;
}

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

.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 {
    width: 7.5rem;
	height: 3.54rem;
	background-image: url("../wcg_images/get-coin.png");
	background-repeat: no-repeat;
	background-size: 100%;
}


.wcg-get-coin-text {
    color: #fdd982;
    font-size: 0.4rem;
    font-weight: bold;
}

.wcg-change-succ {
    font-size: 0.4rem;
    font-weight: normal;
    color: #ffffff;
}

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

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

/* 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 {
    width: 6.37rem;
	height: 5.34rem;
	background-image: url("../wcg_images/power-bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
        text-align: center;
        margin-bottom: 2.7rem;
}

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

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

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

.wcg-power-content {
    /* margin-top: 0.35rem; */
    margin-bottom: 0.2rem;
    font-size: 0.38rem;
    color: #fffbdb;
	padding: 0rem 1.1rem;
	margin-left: -0.2rem;
}


.wcg-power-content-succ {
    /* margin-top: 0.3rem; */
        margin-bottom: 0.2rem;
    font-size: 0.34rem;
    color: #fffbdb;
}

.wcg-succ-tip {
    text-align: center;
    color: #fdd982;
    font-size: 0.24rem;
    /* margin-top: 0.3rem; */
    margin-bottom: 0.3rem;
}

.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: #ffffff;
    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;
    color: #ffdb83;
    font-weight: bold;
}

.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: #ffffff;
    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.28rem;
    height: 6.27rem;
}

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

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

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

.wcg-btn-bg-style {
    width: 6.69rem;
	height: 0.76rem;
	background-image: url("../wcg_images/btn-bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
    text-align: center;
}

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

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