.invite-poup[data-v-cb1ec261] {
    position: fixed;
    top: 0;
    left: 50%;
    height: calc(var(--vh) * 100);
    transform: translate(-50%);
    width: 100%;
    max-width: 10rem;
    z-index: 9999;
    transition: all .3s
}

.invite-poup .box[data-v-cb1ec261] {
    background: url(./bg-2fc97603.svg) no-repeat center center;
    background-size: cover;
    z-index: 10002;
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7.4359rem;
    height: 10rem;
    padding: .51282rem .41026rem;
    border-radius: .25641rem
}

.invite-poup .box .info[data-v-cb1ec261] {
    background: #fff;
    width: 6.61538rem;
    height: 6.35897rem;
    margin: 0 auto;
    border-radius: .25641rem;
    padding: .30769rem;
    position: relative
}

.invite-poup .box .info[data-v-cb1ec261]:after,
.invite-poup .box .info[data-v-cb1ec261]:before {
    content: "";
    position: absolute;
    top: 1.48718rem;
    width: .51282rem;
    height: .51282rem;
    border-radius: .51282rem;
    background: #FF934F
}

.invite-poup .box .info[data-v-cb1ec261]:after {
    right: -.25641rem
}

.invite-poup .box .info[data-v-cb1ec261]:before {
    left: -.25641rem
}

.invite-poup .box .info .code[data-v-cb1ec261] {
    color: #1f262f;
    font-weight: 500;
    border-bottom: .02564rem dashed #C9CACD;
    height: 1.48718rem;
    margin-bottom: .25641rem
}

.invite-poup .box .info .code p[data-v-cb1ec261] {
    color: #f5ba00;
    font-size: .46154rem
}

.invite-poup .box .info .img[data-v-cb1ec261],
.invite-poup .box .info .qrimg[data-v-cb1ec261] {
    display: block;
    margin: 0 auto
}

[data-v-cb1ec261] .x-popup {
    padding-top: .76923rem;
    border-radius: .12821rem .12821rem 0 0
}

[data-v-cb1ec261] .x-popup .title {
    height: 1.4359rem;
    line-height: 1.4359rem;
    text-align: center;
    font-size: .51282rem;
    font-weight: 600;
    color: #1f262f;
    border-radius: .25641rem .25641rem 0 0
}

[data-v-cb1ec261] .x-popup .content {
    padding: 0 .41026rem .41026rem
}

[data-v-cb1ec261] .x-popup .content .tab {
    gap: .25641rem
}

[data-v-cb1ec261] .x-popup .content .tab .item {
    padding: .20513rem .15385rem;
    min-width: 2.5641rem;
    text-align: center;
    border: .02564rem solid #D7D8DB;
    background: #F5F6FA;
    border-radius: .51282rem;
    color: #1f262f;
    font-weight: 500;
    font-size: .41026rem
}

[data-v-cb1ec261] .x-popup .content .tab .item.active {
    background: #FFC40B;
    border: .02564rem solid #FFC40B
}

[data-v-cb1ec261] .x-popup .content .list {
    gap: .25641rem;
    text-align: center
}

[data-v-cb1ec261] .x-popup .content .list .img {
    width: 1.12821rem;
    height: 1.12821rem;
    border-radius: 1.12821rem;
    display: block;
    margin: 0 auto
}

[data-v-cb1ec261] .x-popup .content .list p {
    height: .51282rem;
    line-height: .51282rem;
    font-size: .33333rem;
    color: #1f262f
}

[data-v-cb1ec261] .x-popup .content .link {
    height: 1.33333rem;
    border-radius: .20513rem;
    background: #F5F6FA;
    padding: 0 .30769rem
}

[data-v-cb1ec261] .x-popup .content .link .label {
    color: #1f262f;
    font-size: .35897rem;
    font-weight: 500
}

[data-v-cb1ec261] .x-popup .content .link .code {
    color: #1f262f;
    font-family: Roboto;
    font-size: .35897rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

[data-v-cb1ec261] .x-popup .content p.txt {
    line-height: .51282rem;
    font-size: .30769rem;
    color: #f63e3e
}

[data-v-cb1ec261] .x-popup .close {
    position: absolute;
    top: .38462rem;
    right: .38462rem;
    height: .51282rem;
    width: .51282rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEZSURBVHgB1dRN0sEwGAfwJ3m9FlaO4ii22NQCY6HcQHuCmjIMFunC144buIK7GMMwRBpSoU2aJc8uyfP/TSbJBOCnipB1vj9ZtU37/dHc8lhGnsMydrgct0Bvvf502U3Dwh6EEcmwjIxG4P50KlIKBT64UUeH8jXWwwcs83c+WjHQbpYC1uRGKQX6hj36XLtR7okhigVGcwcwekEYOa1ayVVhrWbFkfMxUIWKXeswJZiIyqXAtKAS1WBhYdBVBlOjOTDYYewC3rbxuigjMOk2n1A3DUUmmDgz3ZNKBE3eWRoagf541kGAPR2mQimiVbteCbgvJq/ZS8D4XRoWFl8T58oy1//cJrHRIyTvT5YWGNZguOh8fl/fX3cEiLjhQiDwXQAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: cover
}

[data-v-cb1ec261] .x-popup .x-btn {
    border-radius: 0;
    height: 1.23077rem
}