.header[data-v-b2c79390] {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 0;
    padding: 2px 0
}

.header .header-img[data-v-b2c79390] {
    height: 50px;
    width: auto !important
}

.header-img .el-image__inner {
    width: auto !important
}

.info-container[data-v-bfc1e0ed] {
    position: relative;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 150px;
    flex: 1 1 150px
}

.info-container .info[data-v-bfc1e0ed] {
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    display: block
}

.info-container .info.hidden[data-v-bfc1e0ed] {
    display: none
}

.info-container .action[data-v-bfc1e0ed] {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.info-container .action .action-title[data-v-bfc1e0ed] {
    margin-top: 10px;
    font-weight: 600;
    font-size: 27px;
    color: #000;
    line-height: 1.45;
    padding: 0 20px
}

.info-container .action .action-span[data-v-bfc1e0ed] {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
    padding: 0 20px
}

.info-container .action .action-span[data-v-bfc1e0ed]:after {
    content: "";
    display: block;
    width: 40%;
    text-align: center;
    height: 6px;
    background: var(--58a92852);
    margin: 5px auto;
    border-radius: 10px
}

.info-container .action .action-btn[data-v-bfc1e0ed] {
    margin-top: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: var(--58a92852);
    min-width: 200px;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    padding: 16px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer;
    width: 70%
}

.info-container .action .loading[data-v-bfc1e0ed] {
    margin-top: 20px;
    padding: 0 20px
}

.info-container .action .loading .loader-container[data-v-bfc1e0ed] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.info-container .action .loading span[data-v-bfc1e0ed] {
    color: #000;
    font-size: 32px;
    font-weight: 600
}

.info-container .action .fade-out[data-v-bfc1e0ed] {
    -webkit-animation: fadeOut-bfc1e0ed 1s ease-in-out forwards;
    animation: fadeOut-bfc1e0ed 1s ease-in-out forwards
}

.info-container .action .fade-in[data-v-bfc1e0ed] {
    -webkit-animation: fadeIn-bfc1e0ed 1s ease-in-out;
    animation: fadeIn-bfc1e0ed 1s ease-in-out
}

.info-container .enter[data-v-bfc1e0ed] {
    opacity: 0;
    display: none;
    margin: 10px auto;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}

.info-container .enter.visible[data-v-bfc1e0ed] {
    display: block
}

.info-container .enter.show[data-v-bfc1e0ed] {
    opacity: 1
}

.info-container .enter .enter-title[data-v-bfc1e0ed] {
    padding: 0 10px
}

.info-container .enter .enter-title[data-v-bfc1e0ed]:after {
    content: "";
    display: block;
    width: 40%;
    text-align: center;
    height: 6px;
    background: var(--58a92852);
    margin: 5px auto;
    border-radius: 10px
}

.info-container .enter .input-group[data-v-bfc1e0ed] {
    margin-top: 40px
}

.info-container .enter .input-group .el-input[data-v-bfc1e0ed] {
    max-width: 260px;
    color: #000;
    margin-right: -10px;
    height: 50px;
    line-height: 50px;
    font-size: 16px
}

.info-container .enter .input-group .input-btn[data-v-bfc1e0ed] {
    border: none;
    background-color: var(--58a92852);
    color: #fff;
    cursor: pointer;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    z-index: 1;
    position: relative;
    border-radius: 8px
}

.info-container .enter .input-group .prompt[data-v-bfc1e0ed] {
    color: red;
    padding-top: 10px
}

.info-container .transition[data-v-bfc1e0ed] {
    margin: 5% auto;
    display: none;
    opacity: 0
}

.info-container .transition .transition-value[data-v-bfc1e0ed] {
    margin: 8% auto;
    text-align: center;
    width: 100%;
    padding-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.info-container .transition .transition-value p[data-v-bfc1e0ed] {
    font-size: 20px;
    margin-top: 20px
}

.info-container .process[data-v-bfc1e0ed] {
    margin: 5% auto;
    width: 84%;
    display: none
}

.info-container .process .process-title[data-v-bfc1e0ed] {
    padding-bottom: 15px
}

.info-container .process .process-input1[data-v-bfc1e0ed],
.info-container .process .process-input2[data-v-bfc1e0ed] {
    height: 50px
}

.info-container .process .process-input1 .processInput-left[data-v-bfc1e0ed],
.info-container .process .process-input2 .processInput-left[data-v-bfc1e0ed] {
    width: 68%;
    border: 1px solid #999;
    position: relative
}

.info-container .process .process-input1 .processInput-left .processInput-left-value[data-v-bfc1e0ed],
.info-container .process .process-input2 .processInput-left .processInput-left-value[data-v-bfc1e0ed] {
    position: absolute;
    top: 0;
    left: 2%;
    z-index: 10;
    width: 95%;
    height: 50px;
    line-height: 47px;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap
}

.info-container .process .process-input1 .processInput-left .process-bar[data-v-bfc1e0ed],
.info-container .process .process-input2 .processInput-left .process-bar[data-v-bfc1e0ed] {
    height: 100%;
    background-color: var(--58a92852);
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
    overflow: hidden
}

.info-container .process .process-input1 .processInput-right[data-v-bfc1e0ed],
.info-container .process .process-input2 .processInput-right[data-v-bfc1e0ed] {
    width: 32%;
    border: 1px solid #999
}

.info-container .process .process-input1 .processInput-right span[data-v-bfc1e0ed],
.info-container .process .process-input2 .processInput-right span[data-v-bfc1e0ed] {
    position: relative;
    font-size: 16px
}

.info-container .sharebox[data-v-bfc1e0ed] {
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: -35px;
    padding: 20px 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: 4px 4px 18px 3px rgba(0, 0, 0, .3);
    box-shadow: 4px 4px 18px 3px rgba(0, 0, 0, .3);
    z-index: 10;
    display: none
}

.info-container .sharebox .sharetext[data-v-bfc1e0ed] {
    line-height: 1.7;
    width: 90%;
    margin: 0 auto
}

.info-container .sharebox .shareloader[data-v-bfc1e0ed] {
    width: 90%;
    margin: 16px auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.info-container .sharebox .shareloader .left[data-v-bfc1e0ed] {
    width: 70%;
    border: 1px solid #000;
    position: relative;
    padding: 5px;
    height: 32px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.info-container .sharebox .shareloader .left .progress-bar3[data-v-bfc1e0ed] {
    height: 100%;
    background-color: var(--58a92852);
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
    overflow: hidden
}

.info-container .sharebox .shareloader .right[data-v-bfc1e0ed] {
    height: 42px;
    width: 26%;
    font-size: 12px;
    border: 1px solid #000;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.info-container .sharebox .shareloader .right .loader-wrapper[data-v-bfc1e0ed] {
    margin-top: 3px
}

.info-container .sharebox .shareButton[data-v-bfc1e0ed] {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.info-container .sharebox .shareButton .button1 .button1-btn[data-v-bfc1e0ed] {
    width: 80%;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 5px 0;
    border: none;
    border-radius: 14px;
    outline: 0;
    margin: 0 auto 7px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.info-container .sharebox .shareButton .button2 .button1-btn[data-v-bfc1e0ed],
.info-container .sharebox .shareButton .button3 .button1-btn[data-v-bfc1e0ed],
.info-container .sharebox .shareButton .button4 .button1-btn[data-v-bfc1e0ed] {
    background-image: none
}

.info-container .appsBox[data-v-bfc1e0ed] {
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: -35px;
    padding: 20px 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: 4px 4px 18px 3px rgba(0, 0, 0, .3);
    box-shadow: 4px 4px 18px 3px rgba(0, 0, 0, .3);
    z-index: 10;
    display: none
}

.info-container .appsBox .appsText[data-v-bfc1e0ed] {
    line-height: 1.7;
    width: 100%;
    padding: 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.info-container .appsBox .adlist[data-v-bfc1e0ed] {
    width: 80%;
    margin: 0 auto
}

.info-container .appsBox .adlist .adlist-item[data-v-bfc1e0ed] {
    margin-top: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    outline: 0;
    background: var(--58a92852);
    min-width: 200px;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 8px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.2px;
    overflow: hidden;
    cursor: pointer;
    width: 80%
}

.info-container .appsBox .adlist .adlist-item-disabled[data-v-bfc1e0ed],
.info-container .appsBox .adlist .adlist-item-end[data-v-bfc1e0ed] {
    opacity: .6
}

.animation[data-v-bfc1e0ed] {
    border-radius: 100%;
    -webkit-animation: ripple-bfc1e0ed .6s linear infinite;
    animation: ripple-bfc1e0ed .6s linear infinite
}

@-webkit-keyframes fadeOut-bfc1e0ed {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut-bfc1e0ed {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeIn-bfc1e0ed {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn-bfc1e0ed {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes ripple-bfc1e0ed {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 40px rgba(255, 255, 255, .1), 0 0 0 60px rgba(255, 255, 255, .1);
        box-shadow: 0 0 rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 40px rgba(255, 255, 255, .1), 0 0 0 60px rgba(255, 255, 255, .1)
    }
    to {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 40px rgba(255, 255, 255, .1), 0 0 0 60px rgba(255, 255, 255, .1), 0 0 0 80px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 40px rgba(255, 255, 255, .1), 0 0 0 60px rgba(255, 255, 255, .1), 0 0 0 80px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-bfc1e0ed {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 40px rgba(255, 255, 255, .1), 0 0 0 60px rgba(255, 255, 255, .1);
        box-shadow: 0 0 rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 40px rgba(255, 255, 255, .1), 0 0 0 60px rgba(255, 255, 255, .1)
    }
    to {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 40px rgba(255, 255, 255, .1), 0 0 0 60px rgba(255, 255, 255, .1), 0 0 0 80px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 40px rgba(255, 255, 255, .1), 0 0 0 60px rgba(255, 255, 255, .1), 0 0 0 80px rgba(255, 255, 255, 0)
    }
}

.el-message-box .el-message-box__header.show-close {
    text-align: center;
    padding-right: 0
}

.el-message-box .el-message-box__btns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.el-message-box .el-message-box__btns .el-button {
    border: none;
    outline: none
}

.alert-button {
    background-color: var(--my-page-color) !important;
    border: none;
    outline: none
}

section[data-v-0a8b5e0c] {
    width: 100%
}

section .message[data-v-0a8b5e0c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 20px
}

section .message .message-top[data-v-0a8b5e0c] {
    color: #7f7f7f;
    font-size: 12px;
    text-align: right;
    padding: 10px;
    border-bottom: 1px solid #e1e2e3
}

section .message .message-top .reactions[data-v-0a8b5e0c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

section .message .message-top .reactions .reactions-item .reactions-img[data-v-0a8b5e0c] {
    float: left;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

section .message .comments-bar[data-v-0a8b5e0c] {
    width: 100%;
    border-bottom: 1px solid #e1e2e3;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

section .message .comments-bar .react[data-v-0a8b5e0c] {
    font-size: 12px;
    color: #7f7f7f;
    text-align: center;
    padding: 10px 0;
    cursor: pointer
}

section .message .comments-bar .react .react-img[data-v-0a8b5e0c] {
    width: 20px;
    height: 20px
}

section .message .message-box[data-v-0a8b5e0c] {
    width: 90%;
    margin: 5px auto
}

section .message .message-box .box-list[data-v-0a8b5e0c] {
    padding: 10px 0 5px
}

section .message .message-box .box-list .messageImage[data-v-0a8b5e0c] {
    width: 35px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

section .message .message-box .box-list .messageImage .message-img[data-v-0a8b5e0c] {
    width: 100%;
    border-radius: 50%
}

section .message .message-box .box-list .messageCont[data-v-0a8b5e0c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

section .message .message-box .box-list .messageCont .contentTop[data-v-0a8b5e0c] {
    color: #000;
    background-color: #f2f3f5;
    font-size: 12px;
    padding: 8px;
    border-radius: 10px;
    margin-left: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

section .message .message-box .box-list .messageCont .contentTop span[data-v-0a8b5e0c] {
    color: #726695;
    font-weight: 600
}

section .message .message-box .box-list .messageCont .contentBottom[data-v-0a8b5e0c] {
    padding-left: 10px
}

section .message .message-box .box-list .messageCont .contentBottom span[data-v-0a8b5e0c] {
    color: #726695;
    margin-left: 5px;
    font-size: 11px
}

section .message .message-box .boxFoot[data-v-0a8b5e0c] {
    position: relative;
    width: 100%;
    margin: 30px auto
}

section .message .message-box .boxFoot input[data-v-0a8b5e0c] {
    background-color: #f2f3f5;
    width: 98%;
    line-height: 1;
    border-radius: 10px;
    padding: 5px;
    border: none;
    height: 34px;
    font-size: 16px;
    outline: none
}

.content-img[data-v-90fc959a],
.content-img .img[data-v-90fc959a] {
    width: 100%
}

.home-page[data-v-bccc3782] {
    min-height: 100vh
}

.my-custom-messagebox .el-button--primary {
    background-color: var(--my-page-color) !important;
    border: none;
    outline: none
}

body {
    line-height: 1.5;
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    height: 100%;
    overflow-x: hidden;
    width: 100% !important;
    word-break: break-all
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ul li {
    list-style: none
}

.el-input__wrapper {
    -webkit-box-shadow: 0 0 0 1px #999 inset !important;
    box-shadow: 0 0 0 1px #999 inset !important;
    border-radius: 8px !important
}

.el-input__wrapper .el-input__inner {
    text-align: center;
    font-size: 15px !important
}

.text-center {
    text-align: center
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-auto {
    margin: 0 auto
}

.gradient-text {
    background: -webkit-gradient(linear, left top, right top, from(#facc15), to(#f59e0b));
    background: linear-gradient(to right, #facc15, #f59e0b);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.loader-wrapper {
    width: 80px;
    height: 80px
}

.el-image__inner.is-loading {
    opacity: 1 !important
}

.el-image__placeholder {
    background: transparent !important
}

.loader {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 10px solid #ffffff;
    border-top-color: #4bc8eb;
    border-bottom-color: #f13a8f;
    border-radius: 50%;
    -webkit-animation: rotate0925 5s linear infinite;
    animation: rotate0925 5s linear infinite
}

.loader-inner {
    border-top-color: #36f372;
    border-bottom-color: #fff;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s
}

.el-message-box__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@-webkit-keyframes rotate0925 {
    0% {
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg)
    }
    50% {
        -webkit-transform: scale(.8) rotate(-360deg);
        transform: scale(.8) rotate(-360deg)
    }
    to {
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg)
    }
}

@keyframes rotate0925 {
    0% {
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg)
    }
    50% {
        -webkit-transform: scale(.8) rotate(-360deg);
        transform: scale(.8) rotate(-360deg)
    }
    to {
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg)
    }
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid {
    display: grid
}

.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1320px;
    margin: 0 auto;
    width: 100%
}

.messagebox-rtl .el-message-box__header,
.messagebox-rtl .el-message-box__content {
    text-align: right
}