/*step 1*/
#g-overlay {
    opacity: 0.75;
    position: fixed;
    inset: 0px;
    background: #000;
    position: fixed;
    bottom: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 100%;
    zoom: 1;
    opacity: .75;
    z-index: 100002 !important;
    transition: all .3s;
}

#g-highlighted {
    opacity: 0.75;
    position: fixed;
    inset: 0px;
    display: none;
    left: 2rem;
    top: 1rem;
    position: absolute;
    width: 2rem;
    height: 1rem;
    background-color: rgb(255, 255, 255);
    position: absolute;
    height: 2rem;
    width: 2rem;
    background: #fff;
    z-index: 100003 !important;
    border-radius: 0.1rem;
}
.g-popover {
    display: none;
    position: absolute;
    margin: 0;
    padding: 0.2rem;
    z-index: 1000000000;
}
ul, li{
    position: relative;
}
.heighlighted {
    /*    position: relative !important;*/
    z-index: 1000004 !important;
}
.heighlighted2 {
    position: relative !important;
    z-index: 1000004 !important;
}
.driver-fix-stacking {
    z-index: auto !important;
    opacity: 1 !important;
    transform: none !important;
    -moz-filter: none !important;
    -ms-filter: none !important;
    -o-filter: none !important;
    filter: none !important;
    -ms-perspective: none !important;
    -o-perspective: none !important;
    perspective: none !important;
    transform-style: flat !important;
    -webkit-transform-box: border-box !important;
    -moz-transform-box: border-box !important;
    -ms-transform-box: border-box !important;
    -o-transform-box: border-box !important;
    transform-box: border-box !important;
    will-change: unset !important;
}

/* �������������ڶ�λ�Ͳ��� */
.g-popover {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem; /* ��ť���ı���֮��ļ�� */
    background: transparent;
}

/* "Next >" ��ť��ʽ */
.next-button {
    padding: 0.15rem 0.1rem; /* �ڲ���� */
    font-size: 0.3rem; /* �����С */
    font-family: Arial, sans-serif; /* ���� */
    color: #fff; /* ���ְ�ɫ */
    background: #000; /* ������ɫ */
    border: 1px solid #fff; /* ��ɫ�߿� */
    border-radius: 0.08rem; /* Բ�� */
    cursor: pointer; /* �����ͣʱ��ʾ���� */
    outline: none; /* �Ƴ�Ĭ�Ͻ�����ʽ */
    width: 3rem;
    text-align: center;
}

/* ��ť��ͣЧ������ѡ�� */
.next-button:hover {
    transform: scale(1.1);
    background: #333; /* ��΢�䰵 */
}

/* "Add Receiving Account" �ı�����ʽ������ͷ���ݣ� */
.g-tip-box {
    position: relative; /* Ϊ�˶�λ��ͷ */
    padding: 0.2rem 0.3rem; /* �ڲ���� */
    font-size: 0.3rem; /* �����С */
    font-family: Arial, sans-serif; /* ���� */
    color: #000; /* ���ֺ�ɫ */
    background: #fff; /* ������ɫ */
    border-radius: 0.08rem; /* Բ�� */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* ��΢��Ӱ */
    text-align: center; /* �ı����� */
    
    width: 7rem;
}

/* �ı����ͷ������ָ��Ĭ���ڵײ��� */
.step1 .g-tip-box::after {
    content: ''; /* ����αԪ�� */
    position: absolute;
    transform: translateX(-50%); /* ȷ����ͷ���Ķ��� */
    border-width: 10px 10px 0; /* �����δ�С */
    border-style: solid;
    border-color: #fff transparent transparent; /* ��ɫ��ͷ */
}

/* �ı����ͷ������ָ��Ĭ���ڵײ��� */
.step1 .g-tip-box::after {
    left: 83%; /* ˮƽ���� */
    bottom: -0.63rem; /* ��ͷλ���ı����·� */
    width: 0.05rem; /* ����ͼƬ�Ŀ��ȣ�����Ϊʵ��ͼƬ��С */
    height: 0.5rem; /* ����ͼƬ�ĸ߶ȣ�����Ϊʵ��ͼƬ��С */
    background-image: url('/Content/Mega/down-r.png'); /* �滻Ϊʵ��ͼƬ·�� */
    background-size: cover; /* �� contain�������������ͼƬ��С */
    background-repeat: no-repeat; /* ��ֹͼƬ�ظ� */
    background-position: center; /* ͼƬ������ʾ */
}

#dl-i {
    margin-left: 29vw;
}

/* �ı����ͷ������ָ��Ĭ���ڵײ��� */
.step2 .g-tip-box::after {
    content: '';
    position: absolute;
    top: -10px; /* ���������� */
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 10px 10px; /* ���������η��� */
    border-style: solid;
    border-color: transparent transparent #fff; /* ��ɫ������ָ���� */
}

/* �ı����ͷ������ָ��Ĭ���ڵײ��� */
.step2 .g-tip-box::after {
    left: 50%; /* ˮƽ���� */
    top: -0.63rem; 
    width: 0.05rem; /* ����ͼƬ�Ŀ��ȣ�����Ϊʵ��ͼƬ��С */
    height: 0.5rem; /* ����ͼƬ�ĸ߶ȣ�����Ϊʵ��ͼƬ��С */
    background-image: url('/Content/Mega/up-r.png'); /* �滻Ϊʵ��ͼƬ·�� */
    background-size: cover; /* �� contain�������������ͼƬ��С */
    background-repeat: no-repeat; /* ��ֹͼƬ�ظ� */
    background-position: center; /* ͼƬ������ʾ */
}
/* �ı����ͷ������ָ��Ĭ���ڵײ��� */
.step3 .g-tip-box::after {
    content: '';
    position: absolute;
    top: -22px; /* ���������� */
    left: 84%;
    transform: translateX(-50%);
    border-width: 0 10px 10px; /* ���������η��� */
    border-style: solid;
    border-color: transparent transparent #fff; /* ��ɫ������ָ���� */
}

/* �ı����ͷ������ָ��Ĭ���ڵײ��� */
.step3 .g-tip-box::after {
    left: 84%; /* ˮƽ���� */
    top: -0.63rem;
    width: 0.05rem; /* ����ͼƬ�Ŀ��ȣ�����Ϊʵ��ͼƬ��С */
    height: 0.5rem; /* ����ͼƬ�ĸ߶ȣ�����Ϊʵ��ͼƬ��С */
    background-image: url('/Content/Mega/up-r.png'); /* �滻Ϊʵ��ͼƬ·�� */
    background-size: cover; /* �� contain�������������ͼƬ��С */
    background-repeat: no-repeat; /* ��ֹͼƬ�ظ� */
    background-position: center; /* ͼƬ������ʾ */
}

.step4 {
    top: 0;
    left: 50%;
    padding: 0;
    width: 100%;
    transform: translateX(-50%);
}
    .step4 .m-box {
        margin-top: 0.63rem;
        width: 100%; /* ����ͼƬ�Ŀ��ȣ�����Ϊʵ��ͼƬ��С */
        height: 80px;
        border-radius: 20px;
        background-image: url('/Content/Mega/m-box.png'); /* �滻Ϊʵ��ͼƬ·�� */
        background-size: contain; /* �� contain�������������ͼƬ��С */
        background-repeat: no-repeat; /* ��ֹͼƬ�ظ� */
        background-position-x: center;
    }
/* �ı����ͷ������ָ��Ĭ���ڵײ��� */
.step4 .g-tip-box::after {
    content: '';
    position: absolute;
    top: -22px; /* ���������� */
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 10px 10px; /* ���������η��� */
    border-style: solid;
    border-color: transparent transparent #fff; /* ��ɫ������ָ���� */
}

/* �ı����ͷ������ָ��Ĭ���ڵײ��� */
.step4 .g-tip-box::after {
    left: 50%; /* ˮƽ���� */
    top: -0.63rem;
    width: 0.05rem; /* ����ͼƬ�Ŀ��ȣ�����Ϊʵ��ͼƬ��С */
    height: 0.5rem; /* ����ͼƬ�ĸ߶ȣ�����Ϊʵ��ͼƬ��С */
    background-image: url('/Content/Mega/up-r.png'); /* �滻Ϊʵ��ͼƬ·�� */
    background-size: cover; /* �� contain�������������ͼƬ��С */
    background-repeat: no-repeat; /* ��ֹͼƬ�ظ� */
    background-position: center; /* ͼƬ������ʾ */
}
.earn-card {
    background-color: #2a2a2a; /* ��ɫ�������ӽ�ͼƬ�е����/�� */
    color: #ffffff; /* ��ɫ���� */
    border-radius: 10px; /* Բ�� */
    padding: 0.6rem; /* �ڲ���� */
    width: 330px; /* ��Ƭ������ */
    margin: 20px auto; /* ������ʾ */
    text-align: center; /* ���־��� */
    font-family: Arial, sans-serif; /* ���� */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* ��΢��Ӱ */
    z-index: 1000000000;
    top: 50%; /* ��ֱ���� */
    left: 50%; /* ˮƽ���� */
    transform: translate(-50%, -50%); /* ��ȷ���� */
    position: fixed; /* �̶���λ */
    display: none;
}

.earn-card h1 {
    font-size: 0.6rem; /* ���������С */
    color: #cccccc; /* �����ǳ�Ļ�ɫ���ӽ�ͼƬ�е�����ɫ */
    margin-bottom: 0.6rem; /* �������ӱ���ļ�� */
}

.earn-card p {
    font-size: 0.5rem; /* �ӱ��������С */
    color: #9E9E9E; /* ��ɫ���� */
    margin-bottom: 0.6rem; /* �ӱ����밴ť�ļ�� */
}

.start-button {
    background-color: #ffffff; /* ��ɫ��ť���� */
    color: #000; /* ��ť���ֺ�ɫ���ӽ�ͼƬ�е���ɫ */
    border: none; /* ȥ���߿� */
    border-radius: 5px; /* ��ťԲ�� */
    padding: 0.12rem 0.9rem; /* ��ť�ڼ�� */
    font-size: 0.6rem; /* ��ť���ִ�С */
    cursor: pointer; /* �����ͣʱ��ʾ���� */
    width: 5rem; /* ��ť���� */
    margin-bottom: 0.4rem; /* ��ť�롰Replay���ļ�� */
}

    .start-button:hover {
        background-color: #e0e0e0; /* �����ͣʱ��ť��ǳ�� */
        transform: scale(1.1);
    }

.replay-text {
    font-size: 0.4rem; /* ��Replay�����ֽ�С */
    color: #5c5c5c; /* ��ǳ�Ļ�ɫ */
}