body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

.App {
    text-align: center;
    background-image: url(./xverse_bg.d88826fa.png);
    background-size: 100% 100%;
    background-position: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden
}

.App .roate-notice {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 9999;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    flex-direction: column;
    background: rgba(51, 51, 51, .8)
}

.App .roate-notice__img {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-image: url(./rotate_notice.777b0dad.png);
    background-position: center;
    background-size: cover;
    margin: 0 auto
}

.App .stream {
    width: 100%;
    height: 100%;
    /* visibility: hidden; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.App .app-notice {
    position: absolute;
    right: 10%;
    bottom: 10%
}

.App-logo {
    height: 40vmin;
    pointer-events: none
}

@media (prefers-reduced-motion: no-preference) {
    .App-logo {
        animation: App-logo-spin infinite 20s linear
    }
}

.App-header {
    background-color: #282c34;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: calc(10px + 2vmin);
    color: #fff
}

.App-link {
    color: #61dafb
}

@keyframes App-logo-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

button {
    font-size: calc(10px + 2vmin)
}

.exit-room {
    position: absolute;
    bottom: 15%;
    right: 10%;
    width: 8%
}

.interviewModel {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    display: flex;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.interviewModel div {
    position: absolute;
    inset: 50% 20%;
    margin: auto;
    display: flex;
    height: 200px;
    flex-direction: column
}

.interviewModel div img {
    width: 20%;
    margin: auto
}

.interviewModel div span {
    color: #fff
}

.right-control {
    position: absolute;
    right: 20px;
    top: 28px;
    color: #fff
}

.right-control .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    font-size: 14px
}

.right-control .item img {
    width: 28px;
    height: 28px
}

.answer_Turing {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.answer_Turing .answer_Turing_Img {
    width: 400px;
    height: 250px
}

.answer_Turing .answer_Turing_Close {
    width: 20px;
    margin-top: -230px;
    margin-left: -20px
}

.meeting-control-panel {
    position: absolute;
    bottom: 20px;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.x-notice {
    position: relative;
    min-height: 100px;
    max-width: 350px;
    overflow: hidden;
    z-index: 9999;
    font-weight: 500;
    font-size: 16px;
    flex-direction: column;
    background: url(./x-vector.3664ad0f.png) no-repeat right / 55%
}

.x-notice .content {
    padding: 15px 20px;
    margin-right: 30px;
    text-align: left;
    background: linear-gradient(118.03deg, rgba(35, 35, 50, .7) 21.21%, rgba(133, 75, 228, .3) 100%);
    border-radius: 16px;
    color: #fff;
    font-size: 12px
}

.x-notice .content__title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px
}

.x-notice .content__desc {
    font-size: 12px
}

.x-notice .close-button {
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKWSURBVHgB1Zm/ctpAEIdXTBpThpSmJc9ASqu1W7eky7jOM6SkTktNCy0uwzOY1pRRSlKS/cGecojT3d7prEy+mRvZPp30zZ7u37qgRI7H40e+3HKZcBlzueEylOoDl19cfnLZc9kVRfFCCRQxN7MUBEoud5aMlorLjsuKZSttI5WgiN2LXA62pBQNCrIcpCAXG7EQkFuz5A/fTV5BlnukfFFrY8OSy7ZKp6B06ROdB0AfYCDNWfTQrBi0NPhK/ckBzAZProorQenWW+qfibz7ggtBvmFKb//N+ShlUNbUglwx4ssD/XvuZQycsCMIuZGnIeatL3xdUjoLecbKc4+Zc/8KSvSmnkbED17LdYMXUZrc1n6Wh9JE0UQw2LXc4JP5WV60ID21nDxL852XtqBmSpklSjbl8IxHRbu7k6DsSkakI1bSJTcjHUO+f4IIxk7IWskucoYxBMcUT0gyhxyYvCN997okyexGIITfLeGucmAMwfeUzpWkXdlRDtygi7vu8y6625BBDgwHlIej8m/RQPBA3Vg0uxYkTOYuDhD8TelcjdaOK06TCoMEu9mUkdw6lbSM7s8UT4UIppxXQ/PcLFMk9xB8pTi0k3AOyZcBN8RhWjtQYleILpIV3Mw086xosExcIVIlEbh6u7UJ3S0b1Vg5n2SIVS0o51GvJL/gIVHOliztZ3nYmrRIYQlgyftG+VMcsUBsbgTrpU6iGDor9MHaTipdrMXynQW/xzdk00wmXW0WJJGzo/7Zu5JIbbuZ73ReAvsCAZm7Kv7P9JuN5GtCWYcUToPSnl9daFPAJm8zpTxAau3KBzaJTaIbURxVYyNqFoNnjZghStAGh2q+mH9FfKDz4cv+NwQ2wtgpYQC8yqYkmj9550GoCF22fAAAAABJRU5ErkJggg==);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.x-notice .bg_icon {
    background-image: url(./notice_bg_icon.d9439ea6.png);
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 50px;
    height: 50px
}

.x-job-offer {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 40%;
    overflow: hidden;
    z-index: 9999;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    flex-direction: column;
    background: rgba(51, 51, 51, .8);
    padding: 0 10px
}

.x-job-offer .lists {
    width: 100%;
    height: 100%;
    overflow-y: scroll
}

.x-job-offer .lists .header {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    margin-top: 32px
}

.x-job-offer .lists .header .back-button {
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 7px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXCAYAAAA7kX6CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgB7dIxDQAgDETRSkACEpCCBKTgCAlIQQISypFAAgspTAy95I8vXUokHDM7VFFB5hbNhRfUL1pF3yF7jQaMvM+TZONiWWC/7hQrPmHZdy04o4RMA7iT37IvISfOAAAAAElFTkSuQmCC);
    background-size: contain;
    background-repeat: no-repeat
}

.x-job-offer .lists .header .close-button {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 5px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB3SURBVHgBtZTRCcAgDEQziqM4mpt2lKuUlgrGmAvxQD/k7qlRIgBKH9c7ipCa8n1q+EVBB9inpi26oGaOhbr8Xii1+c6MSHlWIQRrbUFjMAMahw3QqgCrRJR6wtQaIvOVkfkPvWaXj70OMhvDFoqD/ZCCKdAnfwOjG9VJg/motAAAAABJRU5ErkJggg==);
    background-size: cover
}

.x-job-offer .lists .content .item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 28px 15px;
    text-align: left;
    font-size: 14px
}

.x-job-offer .lists .content .item--label {
    margin-top: 20px;
    font-size: 12px
}

.x-job-offer .lists .content .item--label span {
    min-width: 150px;
    margin-right: 10px;
    background: rgba(255, 255, 255, .2);
    border-radius: 4px;
    align-items: flex-start;
    padding: 4px 8px
}

.x-job-offer .lists .content .item--income {
    color: #9fa3ff
}

.x-job-offer .lists .content .no_item {
    margin-top: 50px;
    font-size: 14px
}

.x-job-offer .detail {
    height: 100%;
    width: 100%;
    overflow-y: scroll
}

.x-job-offer .detail .header {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    margin-top: 32px
}

.x-job-offer .detail .header .back-button {
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 7px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXCAYAAAA7kX6CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgB7dIxDQAgDETRSkACEpCCBKTgCAlIQQISypFAAgspTAy95I8vXUokHDM7VFFB5hbNhRfUL1pF3yF7jQaMvM+TZONiWWC/7hQrPmHZdy04o4RMA7iT37IvISfOAAAAAElFTkSuQmCC);
    background-size: contain;
    background-repeat: no-repeat
}

.x-job-offer .detail .header .close-button {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 7px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB3SURBVHgBtZTRCcAgDEQziqM4mpt2lKuUlgrGmAvxQD/k7qlRIgBKH9c7ipCa8n1q+EVBB9inpi26oGaOhbr8Xii1+c6MSHlWIQRrbUFjMAMahw3QqgCrRJR6wtQaIvOVkfkPvWaXj70OMhvDFoqD/ZCCKdAnfwOjG9VJg/motAAAAABJRU5ErkJggg==);
    background-size: cover
}

.x-job-offer .detail .content {
    margin: 28px 0;
    font-size: 14px
}

.x-job-offer .detail .content .dotted-line {
    width: 100%;
    height: 1px;
    border-top: 1px dotted #9fa3ff;
    margin: 5px 0
}

.x-job-offer .detail .content .desc {
    opacity: .8;
    text-align: left
}

.x-job-offer .detail .content .location {
    text-align: left;
    margin-top: 26px
}

.x-job-offer .detail .content .location__title {
    font-weight: 700
}

.x-job-offer .detail .content .location__title-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAR5SURBVHgBrVZPTxtXEJ95b3cDlEpG/QLuvVLg2BP2pVJPwZVyxj4mlMI2Kf0jNSytVFJRuiYO5GijSM2hlQD1HLGRIrVSDjj9AjhfoJiEPwF733TmGZxkDY6JOpK9+/bN7zd/3+wi9CjTAaXgEqTs4gjqxQDrveCwK+kCZUDBOACNAZ2QnwpBDRRGfN0o3sT1Cxm4ycQx0izfZhARiKitSCcgAnmGrTVCTceYW5jB6lsNzIRMbCiwpJYcIgO4rkzjUSN2bVocp5lG7VxmvTFWybR0AZRSwW0f58418N1izF5TYD1FVaU49m9/5UbQRb5ZaGSU1mUyJo3WCgQ/+Xquw8CtX+Mp9qQoSsbQqqP1dOD3VkiR78O4zBHlWyvj/3jDK7YNBPOURq+5LSs2sH7Ld3LwDvJD2FzjbHFDUJ2OnZHgW6wp2XD74lmNBA5gzYD2zyMIQkp1M8DYggNU1wgp4bQRzIeHaSS93cqVyn/9pbOaBP78S3MMNE3xbeake6poaGnmhldJ6s4vHgWchVnhO0R3SHlGZxxeSQQe6o0kIAwbs45j1tgz1iNw+ZkDMKwUlBd5L6nfp7yiq6Cu2ZEB0xhTWtGoK+lBjPxEUe9JdGACUdYAkSLKKYizvI4Eo9EEYXiYeR0jHKxbFac9DaOOh5g2EjaZp0lvYtBT4jXr1iZ8L/sqKqo6cLzNtykF+gpfo9dxLnMRYkaBSXOkhkPmCBTuJA042gy7zO4mCMRLTtO64Bj/YRKnuNCtPTmU8m9axz4pOqZniDIMIN1hXFHa4lBvJ/c8JQMA7IhRmuiZYw9gPNJBAlBpNQBk7peObEHL3KqVOy9DxmWkNooajzocQxyWPW77uuLuqTIBFxlGk4oFvz/i55GEC2SC+0sH5KrDfzWYaUug1HrBf69jkmpqpVawyo3R5pK9TT0ovdkRIo34ZY6Vi1anFQ2y96K/1IwvFZL6v5X2x1gvbR0wtGET/3vpYJMvQh5dnRzIwhnygFsWeIqqJqUO4P2ocM6c+oO5OPfMhdHVLway1sBa6YU82JTKcNGyucn+CN5B1u7s5ZmgLMXl6uY/+7x/td06f5b2NkmiIKzF8fFIzh/qeZJa8jKl3P2DLUOUZp7qlclB2zTqVOGSAl9Op8vt1+e6IVxQ+vb3Q857WmrlNXV7GrcNfDIxWOWx4EsBuQvyD5f3Z3slF10mz5+MlLlP/f7a6V7H6Xp493mZp2FejopWKj96fXC1G/nmyt44v80qlgxVJTsx+EZnqSRANWKf+9wOK+79yuOV5+PnkT9mco62Ip5zeqsw0Oh4l3QYyHJxPWVynMuaa08qVP5aftGRrr+Xd6eQ4opjyaHWZEy20NkY6izPPr42VENlZCzXOBoZI8GT5d22kSf3duWFwofPjpOq6GYZcxZX1w+vrXAnRR6fD6Bh+S7Bk6lKrUMp30aR7ofcSOH8lu5q4FT+WdkNiefPK4icSFi6fG1o+m3YngyIPL27M82je5Y7hUHx3EfXPyjC/y1b5Z2U/C6C+Q+ygu5wV9BrrgAAAABJRU5ErkJggg==);
    background-size: contain;
    background-repeat: no-repeat
}

.x-job-offer .detail .content .location__desc {
    opacity: .8
}

.x-job-offer .detail .content .job-concat {
    text-align: left;
    margin-top: 26px
}

.x-job-offer .detail .content .job-concat__title {
    font-weight: 700
}

.x-job-offer .detail .content .job-concat__title-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKjSURBVHgBrVZdbtNAEJ6ZXQd4S2/gE/QM5ATACUgfywsN9KXigRQEiL+kFVKfkOKeAPUEHAGJE5gbhKeKNrvDzOw6pFVIXclj2WuPZ+fb+dnPRsiy95lfMvNTBNgyBcuJsF4QakQcT5/hKdwg5mLvE88QeAi3FhxO9zeD4P5Hvo8Yv+sDIxxBpLP0apFN/Mo9AJGbSaRlEyACDT9sAPE9CqWayYT5u+duBDfIwSSuPClMrF5MGN78J10kBuDEUNY5hxbiWW3NfuwRa70nDtXhZPF4LUBPLgrgkNv4T4tBBaLaIQ08Ya06OarXa0BIQoACdWI7KQgsAsRLHI+wZrgYFKSRWKKrt8dXQajIqyogtgJwHC3aO0gW8nh0rya4HGi6dKEUuHq/AmIp8paiVv4tWlstx+WMAwFhBYFYewF3IVSTDOIJgoSriWpXA5/dMvHsaPpntnyBWkRpdGkCJBliqL5Mz395J76p5epVpFa1zC7FYfIL6tKGpLC1Jo1Alr5YgrcE4LAjQ2lO1on6JppB3ozeZVBo2aa7km/QKDbI1+NzsD1Ojn3hckgditM6aIqkvr4nF5Yid4mRGkFApDU9NdpbFLodQCqr1CBqthLddSSFUYcAxIhWZFQQ6i6ERDsCokXWFHnsNEPg8l4w33cTVqcABaSNpkzqlYuUVbpsVK2rOlQashSlAndZ5EQcSohW5E7zI9IwMwmle+eg0xZV8dmfdqfRtVO67nInA/ftr4MRvY9QExl3lD9Ofk8X4eLMi8lCjutjmuyXjq7rzNb1HkhX9vU5hFBbtn6ezL9JPA+Zm9AwE31qX250Jv9CNT1e7fL8v6Sa0+3drR2jou0n/UcY+VA/Jg7RaoJ5o+g9mX1zwnK09/YBw6xXHc5F90qdq++/4JoIoimyOpgAAAAASUVORK5CYII=);
    background-size: contain;
    background-repeat: no-repeat
}

.x-job-offer .detail .content .job-concat__desc {
    opacity: .8
}

.x-job-offer .detail .content .email button {
    margin-top: 24px;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(104.46deg, #708cfe 10.7%, #854be4 60.25%);
    border-radius: 10px;
    border: none
}

.x-progress {
    width: 90%;
    z-index: 9999;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #fff
}

.x-progress progress {
    width: 90%;
    height: 12px;
    color: red;
    background: #efeff4;
    border-radius: .2rem
}

.x-progress progress::-webkit-progress-bar {
    background-color: #f2f2f2;
    border-radius: .2rem
}

.x-progress progress::-webkit-progress-value {
    background: linear-gradient(270deg, #85b6ff -.68%, #854be4 68.54%, #6100ff 101%), linear-gradient(270deg, #708cfe -.68%, #d396ef 48.17%, #85b6ff 101%);
    border-radius: .2rem
}

.app-loading {
    height: 100%;
    color: #fff;
    background-color: #000000b3;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.app-loading__content--loaded-text {
    margin-bottom: 20px
}

.app-loading__content--card {
    display: flex;
    justify-content: center
}

.app-loading__content--card-pre {
    position: relative
}

.app-loading__content--card-pre .dot {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(./dot_bg_icon-1.76e173d1.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    right: 5px;
    top: 5px
}

.app-loading__content--card-pre .plus {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,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);
    background-size: cover;
    background-position: center;
    position: absolute;
    right: 5px;
    top: 55px
}

.app-loading__content--card-ctx {
    text-align: center;
    height: 225px;
    width: 150px;
    border-radius: 8px;
    background-image: url(./vister_card_bg.42aa6611.png);
    background-size: contain;
    background-repeat: no-repeat
}

.app-loading__content--card-ctx .identify {
    height: 75%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-weight: 700
}

.app-loading__content--card-ctx .identify .person {
    padding-bottom: 10px;
    text-align: left;
    padding-left: 10px;
    font-size: 10px
}

.app-loading__content--card-ctx .identify .person .avatar {
    height: 50px;
    width: 50px;
    border-radius: 6px;
    display: inline-block;
    margin-right: 5px
}

.app-loading__content--card-ctx .code {
    color: #979797;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 10px;
    font-size: 10px;
    position: relative
}

.app-loading__content--card-ctx .code .dot {
    background-image: url(./dot_bg_icon.d308480a.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 80px;
    height: 80px;
    right: -40px;
    bottom: -38px
}

.app-loading__content--card-ctx .code .date {
    font-size: 12px;
    position: relative
}

.app-loading__content--card-ctx .code .date span {
    display: inline-block;
    position: absolute;
    left: -2px;
    transform: scale(.9)
}

.app-loading__content--card-suf {
    position: relative
}

.app-loading__content--card-suf .dot {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(./dot_bg_icon.d308480a.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 5px;
    bottom: 5px
}

.app-loading__content--card-suf .plus {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,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);
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 5px;
    bottom: 70px
}

.app-loading__progress {
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 100%
}

.app-loading__loaded .start {
    padding: 10px 40px;
    background: radial-gradient(120.89% 755.68% at 49.64% 50%, #DAA2F3 2.67%, #6D96FF 100%);
    color: #fff;
    border-radius: 12px;
    font-size: 14px;
    border: none
}

.app-joining {
    height: 100%;
    color: #fff;
    background-color: #000000b3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center
}

.app-joining .text {
    padding-bottom: 20px
}

.x-step {
    color: #fff;
    background: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 15px
}

.x-step .line {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    margin: 0 10px;
    border-right: 1px solid #e0e2e5;
    opacity: .6
}

.x-step .button {
    cursor: pointer;
    opacity: .6
}

.xmodal-mask {
    position: fixed;
    inset: 0;
    z-index: 9999;
    height: 100%;
    width: 100%;
    background-color: #00000073
}

.xmodal-mask .xmodal-content {
    position: relative;
    background: rgba(35, 35, 50, .5);
    background-clip: padding-box;
    border: 0;
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
    pointer-events: auto;
    height: 210px;
    width: 300px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 10px
}

.xmodal-mask .xmodal-content .xmodal-header {
    font-size: 18px;
    font-weight: 700
}

.xmodal-mask .xmodal-content .xmodal-body {
    padding: 0 50px;
    font-size: 14px
}

.xmodal-mask .xmodal-content .xmodal-footer {
    display: flex;
    justify-content: space-around
}

.xmodal-mask .xmodal-content .xmodal-footer .btn {
    padding: 7px 10px;
    width: 100px;
    background: rgba(112, 140, 254, .6);
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px
}

.xmodal-mask .xmodal-content .xmodal-footer .cancel {
    background-color: red;
    color: #fff
}

.xmodal-mask .xmodal-content .xmodal-footer .confirm {
    background: linear-gradient(104.46deg, #708CFE 10.7%, #854BE4 60.25%);
    color: #fff
}

.x-guide {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none
}

.x-guide__content {
    width: 100%;
    position: absolute;
    bottom: 20%
}

.x-guide__content--curser-point {
    width: 105px;
    height: 52.5px;
    background-size: cover;
    background-position: center;
    margin: 5px auto;
    background-image: url(./finish_guide_step.d768dbc1.png);
    pointer-events: all
}

.x-guide__content--curser-img {
    width: 80px;
    height: 80px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto
}

.x-guide__content--curser-img,
.x-guide__content .move {
    background-image: url(./move.6415aa5a.png)
}

.x-guide__content--curser-img,
.x-guide__content .pointer {
    background-image: url(./Click.56d04e87.png)
}

.x-guide__content--curser-img,
.x-guide__content .touch {
    background-image: url(./round.3e9aa876.png)
}

.x-guide__step {
    position: absolute;
    top: 5%;
    right: 5%;
    pointer-events: all
}

.x-guide__modal {
    pointer-events: all
}

.x-welcome {
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.x-welcome .start-botton {
    margin-bottom: 40px
}

.x-welcome .start-botton button {
    background: radial-gradient(44.96% 391.37% at 49.64% 50%, #854BE4 2.67%, #708CFE 100%);
    border: 3px solid rgba(112, 140, 254, .7);
    box-shadow: inset 0 6.91304px 25.3478px #708cfe, inset 0 -6.91304px 9.21739px #d396efcc;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
    border: none
}

.x-welcome .start-text {
    margin-bottom: 20px
}

.x-lucky-lottery {
    width: 100%;
    height: 100%;
    color: #fff;
    background-image: url(./lottery-loading.49b88c8e.png);
    background-size: cover;
    background-position: center;
    font-size: 24px
}

.x-lucky-lottery__back-botton {
    position: absolute;
    left: 25px;
    top: 25px;
    font-size: 16px;
    display: flex;
    align-items: center
}

.x-lucky-lottery__back-botton .icon {
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXCAYAAAA7kX6CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgB7dIxDQAgDETRSkACEpCCBKTgCAlIQQISypFAAgspTAy95I8vXUokHDM7VFFB5hbNhRfUL1pF3yF7jQaMvM+TZONiWWC/7hQrPmHZdy04o4RMA7iT37IvISfOAAAAAElFTkSuQmCC);
    background-position: center;
    background-size: cover;
    margin-right: 10px
}

.x-lucky-lottery__img {
    height: 85vh;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    margin-top: 5vh
}

.x-lucky-lottery__img__point {
    pointer-events: none
}

.x-lucky-lottery__card {
    display: flex;
    justify-content: center;
    position: relative
}

.x-lucky-lottery__card .split-line {
    width: 82%;
    margin: auto;
    height: 1px;
    border-top: 1px dashed #ffffff
}

.x-lucky-lottery__card-pre {
    position: relative
}

.x-lucky-lottery__card-pre .dot {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(./dot_bg_icon-1.76e173d1.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    right: 5px;
    top: 5px
}

.x-lucky-lottery__card-pre .plus {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,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);
    background-size: cover;
    background-position: center;
    position: absolute;
    right: 5px;
    top: 55px
}

.x-lucky-lottery__card .type1 {
    background-image: url(./elephant_logo1.c1c7468a.png)
}

.x-lucky-lottery__card .type2 {
    background-image: url(./elephant_logo2.c7ccdd5c.png)
}

.x-lucky-lottery__card .type3 {
    background-image: url(./elephant_logo3.a2c52efd.png)
}

.x-lucky-lottery__card .type4 {
    background-image: url(./elephant_logo4.943ca716.png)
}

.x-lucky-lottery__card .type5 {
    background-image: url(./elephant_logo5.2dab4020.png)
}

.x-lucky-lottery__card .type6 {
    background-image: url(./elephant_logo6.c6e2f5c3.png)
}

.x-lucky-lottery__card .type7 {
    background-image: url(./elephant_logo7.a070f74a.png)
}

.x-lucky-lottery__card .type8 {
    background-image: url(./elephant_logo8.a21ff0b3.png)
}

.x-lucky-lottery__card .type9 {
    background-image: url(./elephant_logo9.a30a5f20.png)
}

.x-lucky-lottery__card-ctx {
    text-align: left;
    width: 750px;
    height: 1334px;
    position: relative;
    background-image: url(./lucky_lottery_card_bg.3c0cafa8.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    border: none
}

.x-lucky-lottery__card-ctx--header {
    padding: 101px 59px 0 71px;
    text-align: left
}

.x-lucky-lottery__card-ctx--header .title {
    margin-bottom: 32px
}

.x-lucky-lottery__card-ctx--body {
    padding: 0 59px 0 71px
}

.x-lucky-lottery__card-ctx--body .lucky-type {
    font-size: 120px;
    font-weight: 700
}

.x-lucky-lottery__card-ctx--body .lucky-text {
    font-size: 32px;
    margin: 5px auto
}

.x-lucky-lottery__card-ctx--body .lucky-img {
    width: 500px;
    height: 500px;
    margin: 10px auto;
    background-size: cover;
    background-position: center
}

.x-lucky-lottery__card-ctx--body .lucky-customer {
    position: absolute;
    bottom: 20%;
    display: flex;
    align-items: flex-end
}

.x-lucky-lottery__card-ctx--body .lucky-customer .avatar {
    width: 134px;
    height: 134px;
    border-radius: 18px
}

.x-lucky-lottery__card-ctx--body .lucky-customer .info {
    margin-left: 30px
}

.x-lucky-lottery__card-ctx--body .lucky-customer .info .info-item {
    display: flex;
    align-items: flex-end;
    margin-top: 32px
}

.x-lucky-lottery__card-ctx--body .lucky-customer .info .info-item .user-icon {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGVSURBVHgB7ZftUYQwEIYXx/9eCSmBDrwSroOjA+3g6EA7ODtwrAA7OKwAO0ArWJPJBlYGJCwQdMwzk+Hmssluvt5sACKRPw4ipro86lJhy0WXsy4KtkQH8IDjnGALOsGZGdyzOjOrT6z+DCHRDu/Icc0D67FLycZwDyHQjnZsv2Ue9ns2mB2sjQmKHBYT2hS+A+pyBdNJ6fvi36SxTWEikgDdMn34N2lsb2AikgAliPeeJMCSvrf+TZqlfYO1oVPsTqXysFdMD0ftF4GJ8OUn6aDBlMHFuqOFVZ9Yk/5xGwUhoaWr2PKZ389Uuv8r2ArtPO8EhGyP5jjz9khgIXQg5qQqsJJSJklSQiTyXyDdO1HaVKOcmvrIFpMetII7J6ghKl0OMAfdwZF1WFCwYl1DuxIHtFek4wgS0N4UbuZyWBi0Io7omXT0deASgtUuebEPbFMqxBXvUfyeuvlvHWxfYt4PIylsP/a+V4YyajeaT1gfl2WLAqxhY0I9msRcj9Qbxc9gQ4Zm0ORy7xAO825+hUjkF/IFWF+73XG+9X8AAAAASUVORK5CYII=);
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 30px;
    margin-right: 26px
}

.x-lucky-lottery__card-ctx--body .lucky-customer .info .info-item .clock-icon {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHbSURBVHgB7ViLUcMwDFWYwCOYCcgGzQiMUDZgk2aDZoPCBIEJWiYwG6QbCJXIh0jzsWy3cAfvTueeLdnPkmLLBfjHPApQAhENNfckK5KSxJIYHj6SvJMcSF5JnoqiOMIlQEQsSU3SoQ7bky3kwskjJJvBIi3JI0nJHpO6FY+1A5sNpIK94mJ3y/aNsHfR3uLdOzFRCZEYbEw/12CCRoYlgdQpnLsoTwkyO4W+C9RtBKnljYoEDjPobT4RqGvEhjdLylYkoIVAaAixfhm0jnDnFhTQEhqsVU8pmBjvJBDy0ehGU4M616zQghIxhNiuZdO177sR4xW3z3A9+LVWvkMSuuP2ANfDC7fnByV+XZrqQzAhZD5vu2yTSluZC1rb8IGwSZ0g5TTE5ghFh4zt11piSyHb82D0rT5FbEa3Yp2975Nf2Ru3FSSAStaG5JZ+PkBfzs7Bb/78y8aEgzEWYwejHDQijyxcGPj9IjdTSjUrqC7XSELLF/mAdVJyL5AJL3OElxxmKF1H5pcFWq01yB46FHW1xkgW+TvMV+Rvhfetxn7sGWQhEpjrSYW/6aEoJjUi0T1a7J/LFZ4/pUscf0rXmPMjGdltCDomYkPXSfk7poK+yrTwE3/H/Fl8AE/vD96Mp+pPAAAAAElFTkSuQmCC);
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 30px;
    margin-right: 26px
}

.x-lucky-lottery__card-ctx--footer {
    width: 100%;
    position: absolute;
    bottom: 0%
}

.x-lucky-lottery__card-ctx--footer .content {
    margin: 25px 0 49px;
    padding: 0 9%;
    display: flex;
    justify-content: space-between
}

.x-lucky-lottery__card-ctx--footer .content .left {
    text-align: left
}

.x-lucky-lottery__card-ctx--footer .content .left .text {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 25px
}

.x-lucky-lottery__card-ctx--footer .content .left .info .number {
    display: inline-block;
    margin-left: 20px
}

.x-lucky-lottery__card-ctx--footer .content .left .info .number .number-item {
    display: inline-block;
    background: rgba(211, 150, 239, .5);
    width: 28px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    margin-right: 6px;
    text-align: center
}

.x-lucky-lottery__card-ctx--footer .content .right {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-image: url(./office_applte.b652a7f0.png);
    background-size: cover;
    background-position: center
}

.x-lucky-lottery__card-suf {
    position: relative
}

.x-lucky-lottery__card-suf .dot {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(./dot_bg_icon.d308480a.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 5px;
    bottom: 5px
}

.x-lucky-lottery__card-suf .plus {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,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);
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 5px;
    bottom: 70px
}

.x-lucky-lottery__save {
    font-size: 14px;
    display: flex;
    justify-content: center
}

.x-lucky-lottery__save-icon {
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,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);
    background-size: cover;
    background-position: center;
    margin-right: 10px
}

.x-job-offer {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 40%;
    overflow: hidden;
    z-index: 9999;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    flex-direction: column;
    padding: 0 20px;
    border-bottom-left-radius: 28px;
    border-top-left-radius: 28px;
    backdrop-filter: blur(8px);
    background: rgba(27, 27, 45, .8)
}

.x-job-offer .detail {
    height: 100%;
    width: 100%;
    overflow-y: scroll
}

.x-job-offer .detail .content .job-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.x-job-offer .detail .content .job-list .job-item {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    background: rgba(255, 255, 255, .08);
    border-radius: 16px;
    margin: 10px 0
}

.x-job-offer .detail .content .job-list .job-item .top {
    display: flex;
    justify-content: space-between
}

.x-job-offer .detail .content .job-list .job-item .top h2 {
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 20px
}

.x-job-offer .detail .content .job-list .job-item .top img {
    width: 20px;
    height: 20px
}

.x-job-offer .detail .content .job-list .job-item .bottom span {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #a5a4ffcc
}

.x-job-offer .detail .header {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.x-job-offer .detail .header .back-button {
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 7px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXCAYAAAA7kX6CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgB7dIxDQAgDETRSkACEpCCBKTgCAlIQQISypFAAgspTAy95I8vXUokHDM7VFFB5hbNhRfUL1pF3yF7jQaMvM+TZONiWWC/7hQrPmHZdy04o4RMA7iT37IvISfOAAAAAElFTkSuQmCC);
    background-size: contain;
    background-repeat: no-repeat
}

.x-job-offer .detail .header .close-button {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 7px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB3SURBVHgBtZTRCcAgDEQziqM4mpt2lKuUlgrGmAvxQD/k7qlRIgBKH9c7ipCa8n1q+EVBB9inpi26oGaOhbr8Xii1+c6MSHlWIQRrbUFjMAMahw3QqgCrRJR6wtQaIvOVkfkPvWaXj70OMhvDFoqD/ZCCKdAnfwOjG9VJg/motAAAAABJRU5ErkJggg==);
    background-size: cover
}

.x-job-offer .detail .content {
    margin: 28px 0;
    font-size: 14px
}

.x-job-offer .detail .content .dotted-line {
    width: 100%;
    height: 1px;
    border-top: 1px dotted #9fa3ff;
    margin: 5px 0
}

.x-job-offer .detail .content .desc {
    opacity: .8
}

.x-job-offer .detail .content .job-concat {
    text-align: left;
    margin-top: 26px
}

.x-job-offer .detail .content .job-concat__desc {
    opacity: .8
}

.x-message-box .detail .header .close-button {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 7px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB3SURBVHgBtZTRCcAgDEQziqM4mpt2lKuUlgrGmAvxQD/k7qlRIgBKH9c7ipCa8n1q+EVBB9inpi26oGaOhbr8Xii1+c6MSHlWIQRrbUFjMAMahw3QqgCrRJR6wtQaIvOVkfkPvWaXj70OMhvDFoqD/ZCCKdAnfwOjG9VJg/motAAAAABJRU5ErkJggg==);
    background-size: cover
}

.x-meeting-panel {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40%;
    overflow: hidden;
    z-index: 999;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    backdrop-filter: blur(8px);
    background: rgba(27, 27, 45, .8)
}

.x-meeting-panel .meeting-control .header {
    position: relative
}

.x-meeting-panel .meeting-control .header .close {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 80px;
    padding: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(255, 255, 255, .1);
    border-bottom-right-radius: 10px
}

.x-meeting-panel .meeting-control .header .close img {
    width: 12px;
    height: 12px
}

.x-meeting-panel .meeting-control .header .logo {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 18px;
    font-family: "MF JianHei (Noncommercial)";
    line-height: 33px;
    color: #708cfe99
}

.x-meeting-panel .meeting-control .content {
    padding: 30px 20px
}

.x-meeting-panel .meeting-control .content .item {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-bottom: 12px;
    padding: 10px;
    font-size: 16px;
    background: linear-gradient(95.17deg, rgba(112, 140, 254, .8) .57%, rgba(135, 117, 245, .8) 100.76%);
    border: 2px solid rgba(255, 255, 255, .2);
    box-sizing: border-box;
    border-radius: 6px
}

.x-meeting-panel .meeting-control .content .item img {
    display: inline-block;
    margin-right: 10px;
    width: 32px;
    height: 32px
}

.x-meeting-panel .meeting-list {
    height: 100%
}

.x-meeting-panel .meeting-list .header {
    position: relative
}

.x-meeting-panel .meeting-list .header .back {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 80px;
    padding: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(255, 255, 255, .1);
    border-bottom-right-radius: 10px
}

.x-meeting-panel .meeting-list .header .back img {
    width: 12px;
    height: 16px
}

.x-meeting-panel .meeting-list .header .logo {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 18px;
    font-family: "MF JianHei (Noncommercial)";
    line-height: 33px;
    color: #708cfe99
}

.x-meeting-panel .meeting-list .content {
    height: 80%;
    overflow-y: scroll;
    padding: 30px 20px
}

.x-meeting-panel .meeting-list .content .meeting-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    margin-bottom: 26px
}

.x-meeting-panel .meeting-list .content .meeting-item .meeting-title {
    color: #666;
    font-size: 14px
}

.x-meeting-panel .meeting-list .content .meeting-item .meeting-name {
    font-size: 16px;
    color: #c5c5c5
}

.x-meeting-panel .meeting-list .content .meeting-item .enter-button {
    display: flex;
    align-items: center;
    color: #708cfe;
    font-size: 14px;
    height: 18px;
    line-height: 18px
}

.x-meeting-panel .meeting-list .content .meeting-item img {
    width: 12px;
    height: 18px;
    margin-left: 10px
}

.x-create-meeting-modal {
    position: fixed;
    inset: 0;
    z-index: 999;
    height: 100%;
    width: 100%;
    background-color: #23233280
}

.x-create-meeting-modal .x-modal-content {
    position: relative;
    background: #fff;
    background-clip: padding-box;
    border: 0;
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
    pointer-events: auto;
    height: 164px;
    width: 280px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    text-align: left;
    padding: 28px 30px
}

.x-create-meeting-modal .x-modal-content .title {
    font-family: ".PingFang SC";
    font-weight: 600;
    font-style: normal;
    margin-bottom: 8px
}

.x-create-meeting-modal .x-modal-content .meeting-name {
    margin-bottom: 40px
}

.x-create-meeting-modal .x-modal-content .meeting-name input {
    width: 280px;
    height: 35px;
    border: 1px solid #dadada;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 6px
}

.x-create-meeting-modal .x-modal-content .meeting-name ::placeholder {
    color: #c4c4c4
}

.x-create-meeting-modal .x-modal-content .confirm-button {
    width: 224px;
    height: 39px;
    margin: 0 auto 18px;
    line-height: 39px;
    color: #fff;
    text-align: center;
    background: #4E3BFF;
    border-radius: 38.5px;
    font-family: ".PingFang SC";
    font-style: normal;
    font-weight: 400
}

.x-create-meeting-modal .x-modal-content .cancel-button {
    text-align: center
}

.x-meeting-control-panel {
    display: flex;
    justify-content: center;
    align-items: center
}

.x-meeting-control-panel .share-button {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: rgba(51, 51, 51, .6);
    border: 2px solid rgba(255, 255, 255, .2);
    backdrop-filter: blur(12px);
    border-radius: 50%;
    margin-right: 21px
}

.x-meeting-control-panel .share-button img {
    width: 14px;
    height: 17px
}

.x-meeting-control-panel .share-button .pop-tip {
    font-size: 10px;
    position: absolute;
    top: -60px;
    left: -30px;
    white-space: nowrap;
    background-color: #708cfe;
    border-radius: 6px;
    padding: 0 5px
}

.x-meeting-control-panel .share-button .triangle {
    display: inline-block;
    border: 4px solid transparent;
    border-top: 4px solid #708CFE;
    position: absolute;
    top: -20px;
    left: 16px
}

.x-meeting-control-panel .user-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    background: rgba(51, 51, 51, .6);
    border: 1px solid rgba(255, 255, 255, .2);
    backdrop-filter: blur(12px);
    border-radius: 8px;
    font-size: 12px;
    min-width: 166px;
    height: 46px;
    padding: 3px 10px;
    margin-right: 21px
}

.x-meeting-control-panel .user-list .voice-icon {
    width: 15px;
    height: 21px
}

.x-meeting-control-panel .user-list .voice-icon-disable {
    width: 22px !important
}

.x-meeting-control-panel .user-list .vertical-line {
    display: inline-block;
    width: 1px;
    height: 21px;
    background: rgba(255, 255, 255, .3);
    box-shadow: 0 0 4px #00000040;
    margin: 0 10px
}

.x-meeting-control-panel .user-list .user-info {
    display: flex;
    justify-content: space-around
}

.x-meeting-control-panel .user-list .user-info .user-header {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #FF6050
}

.x-meeting-control-panel .user-list .user-info .active {
    border: 2px solid #49DEA8 !important
}

.x-meeting-control-panel .user-list .user-info .nick-name {
    max-width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.x-meeting-control-panel .end-button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #ff6050;
    border: 1px solid #FF6050;
    backdrop-filter: blur(12px);
    border-radius: 50%
}

.x-share-meeting {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 10000;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(16px)
}

.x-share-meeting .back-button {
    position: absolute;
    left: 22px;
    top: 19px
}

.x-share-meeting .back-button img {
    width: 12px;
    height: 19px
}

.x-share-meeting .content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly
}

.x-share-meeting .content .control {
    display: flex;
    justify-content: center;
    align-items: center
}

.x-share-meeting .content .control .input-bar {
    position: relative
}

.x-share-meeting .content .control .input-bar .net-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 9px;
    top: 9px
}

.x-share-meeting .content .control .input-bar .meeting-link {
    width: 188px;
    height: 34px;
    background: #666666;
    border-radius: 6px;
    color: #dadada;
    padding-left: 38px;
    padding-right: 10px;
    border: none
}

.x-share-meeting .content .control .copy-button {
    background: #708CFE;
    border-radius: 6px;
    width: 140px;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin-left: 10px
}

.x-share-meeting .content .share-card {
    background: #FFFFFF;
    width: 385px;
    height: 170px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: relative
}

.x-share-meeting .content .share-card .meeting-introduce {
    width: 200px;
    height: 130px;
    color: #333;
    margin: 22px 0 14px 30px;
    padding-right: 30px;
    text-align: left;
    border-right: 2px dashed #EFEFEF;
    border-radius: 5px
}

.x-share-meeting .content .share-card .meeting-introduce .quarter-top {
    position: absolute;
    left: 232px;
    top: 0;
    width: 8px;
    height: 8px;
    border-radius: 0 0 0 10px;
    background-color: #000
}

.x-share-meeting .content .share-card .meeting-introduce .meeting-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px
}

.x-share-meeting .content .share-card .meeting-introduce .meeting-info {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    width: 133px;
    margin-bottom: 35px
}

.x-share-meeting .content .share-card .meeting-introduce .logo img {
    width: 62px;
    height: 8px
}

.x-share-meeting .content .share-card .meeting-introduce .quarter-bottom {
    position: absolute;
    left: 232px;
    bottom: 0;
    width: 8px;
    height: 8px;
    border-radius: 10px 0 0;
    background-color: #000
}

.x-share-meeting .content .share-card .applet-code {
    width: 158px
}

.x-share-meeting .content .share-card .applet-code img {
    width: 116px;
    height: 116px
}

.x-share-meeting .content .share-card .applet-code .quarter-top {
    position: absolute;
    left: 240px;
    top: 0;
    width: 8px;
    height: 8px;
    border-radius: 0 0 10px;
    background-color: #000
}

.x-share-meeting .content .share-card .applet-code .quarter-bottom {
    position: absolute;
    left: 240px;
    bottom: 0;
    width: 8px;
    height: 8px;
    border-radius: 0 10px 0 0;
    background-color: #000
}

.x-share-meeting .content .save-button {
    display: flex;
    align-items: center
}

.x-share-meeting .content .save-button img {
    width: 17px;
    height: 21px
}

.x-close-meeting-modal {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 10000;
    font-weight: 500;
    font-size: 16px;
    color: #2a2a2a;
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(16px)
}

.x-close-meeting-modal .modal {
    position: relative;
    width: 225px;
    height: 204px;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 12px;
    padding: 20px 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.x-close-meeting-modal .modal .title {
    font-weight: 400;
    font-size: 16px
}

.x-close-meeting-modal .modal .desc {
    font-weight: 400;
    font-size: 14px
}

.x-close-meeting-modal .modal .exit-meeting {
    background: #4E3BFF;
    border-radius: 19px;
    color: #fff;
    height: 39px;
    line-height: 39px;
    font-size: 14px
}

.x-close-meeting-modal .modal .close-meeting {
    border-radius: 19px;
    color: #4e3bff;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    border: 1px solid #ddd
}

.x-close-meeting-modal .modal .exit-modal {
    color: #000;
    opacity: .6;
    font-size: 12px
}

.x-welcome-meeting-modal {
    position: fixed;
    inset: 0;
    z-index: 999;
    height: 100%;
    background-color: #232332b3
}

.x-welcome-meeting-modal .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 400px;
    height: 74px;
    background: #FFFFFF;
    border-radius: 10px;
    font-size: 13px
}

.x-welcome-meeting-modal .content .img {
    width: 43px;
    height: 43px
}

.x-welcome-meeting-modal .content .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.x-welcome-meeting-modal .content .confirm-button {
    padding: 5px 16px;
    color: #fff;
    background: #4E3BFF;
    border-radius: 19px;
    margin-top: 10px
}

.gender-select {
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1000;
    position: absolute;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    background-image: url(../../img/Background_m23.png);
    background-size: cover;
    background-position: center;
    background: rgba(0, 0, 0, .4)
}

.gender-select .back-area {
    display: flex;
    padding-left: 1.1429rem;
    height: 1.3714rem;
    font-family: Noto Sans SC;
    font-style: normal;
    font-weight: 500;
    font-size: 1.0286rem;
    line-height: 1.3714rem;
    color: #000
}

.gender-select .back-area img {
    width: 1.3714rem;
    height: 1.3714rem
}

.gender-select .title {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Noto Sans S Chinese;
    font-style: normal;
    font-weight: 500;
    font-size: .9429rem;
    line-height: 1.0286rem;
    text-align: center;
    color: #fff
}

.gender-select .gender-img {
    width: 100%;
    margin: 0 auto;
    flex: 1
}

.gender-select .gender-img .item {
    display: flex;
    display: inline-block;
    width: 6.2286rem;
    height: 6.2286rem;
    position: relative
}

.gender-select .gender-img .item .SelectAvatarImg {
    width: 1.0286rem;
    height: 1.0286rem;
    top: 4.9143rem;
    right: .5714rem;
    position: absolute
}

.gender-select .gender-img .item .avatarImg {
    margin-top: .4429rem;
    height: 5.6rem;
    width: 5.4286rem;
    border-radius: 10%
}

.gender-select .gender-img .select {
    width: 6.0571rem;
    height: 6.0571rem;
    background: rgba(112, 140, 254, .6);
    border: .1714rem solid #708CFE;
    border-radius: 1.1429rem
}

.gender-select .gender-img .select .SelectAvatarImg {
    border: 0px solid #708CFE !important;
    border-radius: 1px 1px .4857rem !important;
    opacity: 1 !important;
    position: absolute;
    width: 1.3714rem;
    overflow: hidden;
    height: 1.3714rem;
    left: 4.6857rem;
    top: 4.6857rem;
    background: none
}

.gender-select .gender-img .unSelect {
    width: 6.0571rem;
    height: 6.0571rem;
    background: rgba(112, 140, 254, .4);
    border-radius: 1.1429rem
}

.gender-select .gender-img .unSelect .SelectAvatarImg {
    display: none
}

.gender-select .gender-img .black {
    display: inline-block;
    width: 1.4286rem;
    height: 6.2286rem
}

.gender-select .btn-area {
    flex: 1;
    display: flex;
    align-items: center
}

.gender-select .btn-area-next_button {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 12.8rem;
    height: 2.5714rem;
    background-image: url(data:image/png;base64,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)
}

.x-message-box {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 38%;
    overflow: hidden;
    z-index: 9999;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    flex-direction: column;
    padding: 0 20px;
    border-bottom-left-radius: 28px;
    border-top-left-radius: 28px;
    backdrop-filter: blur(8px);
    background: rgba(27, 27, 45, .8)
}

.x-message-box .detail {
    height: 100%;
    width: 100%
}

.x-message-box .detail .header {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.x-message-box .detail .header .title {
    display: block;
    text-align: left
}

.x-message-box .detail .header .title img {
    width: 30%
}

.x-message-box .detail .header .close-button {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 7px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB3SURBVHgBtZTRCcAgDEQziqM4mpt2lKuUlgrGmAvxQD/k7qlRIgBKH9c7ipCa8n1q+EVBB9inpi26oGaOhbr8Xii1+c6MSHlWIQRrbUFjMAMahw3QqgCrRJR6wtQaIvOVkfkPvWaXj70OMhvDFoqD/ZCCKdAnfwOjG9VJg/motAAAAABJRU5ErkJggg==);
    background-size: cover
}

.x-message-box .detail .content {
    font-size: 14px
}

.x-message-box .detail .content .item {
    text-align: left;
    margin: 1% 0
}

.x-message-box .detail .content .item img {
    width: 100%
}

.x-message-box .detail .content .desc {
    opacity: .8;
    text-align: left
}

.x-message-box .detail .content .desc .desc_title {
    font-style: italic;
    font-size: 10px
}

.x-message-box .detail .content .desc .centerBox {
    width: 100%;
    height: 250px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.x-message-box .detail .content .desc .centerBox img {
    width: 300px;
    height: 200px
}

.x-message-box .detail .content .desc .centerBox p {
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 10px
}