.introduction-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 9999;

    &-title {
        position: absolute;
        top: 52rpx;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        color: rgba(255, 235, 59, 0.95);
        font-size: 40rpx;
        font-weight: bold;
        width: 100%;
        // margin-top: 52rpx;
    }

    .tip-box {
        border: 4rpx solid rgba(147, 211, 51, 1);
    }

    .tip-text {
        color: rgba(255, 235, 59, 0.95);
        // color: #fff;
        font-size: 32rpx;
    }

    .first-step {
        position: absolute;
        top: 128rpx;
        left: 0;
        width: 100%;

        .tip-box {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 342px;
            height: 46px;
            border-radius: 21px;
            background: rgba(255, 255, 255, 0.2);
        }

        .guide-icon {
            position: absolute;
            top: 48rpx;
            left: 106rpx;
            width: 22px;
            height: 39px;
            opacity: 1;
        }

        .tip-text {
            position: absolute;
            top: 138rpx;
            left: 110rpx;
            width: 550rpx;
            height: 94rpx;
            line-height: 46rpx;
        }
    }

    .btn-next-step {
        color: rgba(255, 235, 59, 0.95);
        border-radius: 28rpx;
        position: absolute;
        top: 260rpx;
        left: 50%;
        transform: translateX(-50%);
    }
}