:root {
    --table_border_color: #c1af77;
}

body {
    /* max-width: 7.5rem; */
    overflow-x: hidden;
    margin: 0px auto;
    background: linear-gradient(225deg, #3fcdcd, #005951);
    background-attachment: fixed;
}

.pageMask {
    content: '';
    z-index: 55;
    background: inherit;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
}

body.in .pageMask {
    animation: noshowMask .5s linear forwards;
}

@keyframes noshowMask {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

.page {
    position: relative;
    padding: 0.32rem;
    font-size: 0.28rem;
    font-family: PingFang SC, PingFang SC;
    min-width: 7.5rem;
    min-height: 100vh;
    margin: 0px auto;
    overflow-x: hidden;
    color: #ffffff;
    max-width: 750px;
    width: 6.68rem;
}

.ar_t, .ar_text, .direction_rtl {
    direction: rtl;
}

.toastMsg {
    position: fixed;
    top: 50%;
    left: 50%;
    font-size: .28rem;
    transform: translate(-50%, -50%);
    padding: 0.2rem;
    background: rgba(0, 0, 0, .6);
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.1rem;
    color: #fff;
    z-index: 9999;
    text-align: center;
}

.inlineBlock {
    display: inline-block;
}

.ar_t {
    direction: rtl;
}

.ar .toastMsg, .ar_t .toastMsg, .ar_text .toastMsg {
    direction: rtl;
}

.clearfix {
    content: "";
    display: block;
    clear: both;
}

.textOverflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.textLtr {
    direction: ltr;
}

.textCenter {
    text-align: center;
}

.marginAuto {
    margin: 0 auto;
}

.textUnderline {
    text-decoration: underline;
}

.fontSize_15 {
    font-size: 0.15rem;
}

.imgCover {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: inherit;
    display: block;
}

.imgContain {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: inherit;
    display: block;
}

.imageFull {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: inherit;
    display: block;
}

/* 顶部s */
.header {
    display: flex;
    height: 0.64rem;
    position: relative;
    /* margin-bottom: 20px; */
    justify-content: space-between;
    align-items: center;
}

.logo_all {
    display: flex;
    align-items: center;
    height: .64rem;
    /* border-radius: 0rem 0rem 0rem 0rem; */
    justify-content: space-between;
}

.logoT {
    display: flex;
    align-items: center;
    /* width: 1.93rem; */
    width: 2.86rem;
    height: 100%;
    /* background: url(../image/logoT.png) no-repeat center/100% auto; */
}

.logo_pic {
    --w: 0.6rem;
    width: var(--w);
    height: var(--w);
    background: url(https://app.najmats.com/asset/img_v1/logo.png) no-repeat center/ contain;
    border-radius: .1rem;
}

.logo_text {
    height: 0.4rem;
    /* background: url(../../page_files/image/logo_txt.png) no-repeat center left/ auto 100%; */
    margin: -0.1rem .12rem 0.04rem;
    width: 4rem;
    font-size: 0.4rem;
}

.ar_t .logo_text {
    background-position: center right;
}

.language_select {
    position: absolute;
    top: 0;
    right: 0;
}

.ar_t .language_select {
    left: 0;
    right: initial !important;
}

.language {
    display: flex;
    width: 1.6rem;
    margin: .1rem 0;
    height: 0.48rem;
    align-items: center;
    justify-content: flex-end;
}

.arrow_down {
    width: 0.4rem;
    height: 0.4rem;
    background: url(../../page_files/image/arrow_down.png) no-repeat center/100%;
    cursor: pointer;
    display: inline-block;
}

.show .arrow_down {
    transform: rotate(180deg);
}

.dropdown_icon {
    position: absolute;
    top: .04rem;
    right: .5rem;
    --w: 0.24rem;
    width: var(--w);
    height: var(--w);
    background-color: var(--bg);
    border-radius: 0.05rem;
    transform: rotate(-45deg);
    clip-path: polygon(100% 1%, 0 0, 100% 100%);
}

.ar_t .dropdown_icon {
    right: 1.6rem;
}

.ar_t .dropdown_content {
    right: -.9rem;
}

.dropdown_content {
    transition: .5s ease;
    overflow: hidden;
    position: absolute;
    height: 0;
    top: 0.8rem;
    right: 0;
    z-index: 5;
}

.ar_t .dropdown_icon {
    right: 1.6rem;
}

.ar_t .dropdown_content1 {
    right: -.9rem;
}

.type_select {
    position: relative;
}

.dropdown_content1 {
    transition: .5s ease;
    overflow: hidden;
    position: absolute;
    height: 0;
    top: .7rem;
    right: 0;
    z-index: 5;
}

.dropdown_box {
    padding-top: 0.14rem;
    --bg: #0b7570;
}

.dropdown_list {
    width: 2.44rem;
    display: flex;
    background: var(--bg);
    border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
    flex-direction: column;
    align-items: center;
}

/* 顶部e */
/* 登录s */
.login {
    margin-top: 0.64rem;
    transition: .3s;
}

.login.hide {
    transform: translateX(-100vw);
}

.login_title {
    height: 1.54rem;
    text-align: center;
}

.bigsize .login_title {
    margin: 2.2rem auto;
}

.login_title .title {
    width: 6.86rem;
    height: 0.62rem;
    font-weight: 800;
    font-size: 0.44rem;
    color: #ffffff;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.login_title .tips {
    width: 6.86rem;
    height: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.input_group {
    margin-top: 0.64rem;
    width: 6.86rem;
    height: 2.24rem;
}

.input_group input {
    width: 5.26rem;
    margin: 0.04rem 0;
    height: 0.4rem;
    font-size: .28rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    text-align: left;
    font-style: normal;
    outline: none;
    background: none;
    text-transform: none;
    flex: 1;
    opacity: 1;
}

input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

input:disabled {
    color: rgba(255, 255, 255, 0.4);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.4);
}

.ar_t .input_group input {
    text-align: right;
    padding: 0 0.2rem 0 0;
}

.input_single {
    width: 6.86rem;
    height: 0.96rem;
    background: hsl(0deg 0% 100% / 20%);
    border-radius: 0.96rem 0.96rem 0.96rem 0.96rem;
    padding: 0.24rem 0.32rem;
    margin-bottom: 0.32rem;
    display: flex;
    align-items: center;
}

.input_account_icon {
    background: url(../../page_files/image/account.png) no-repeat center/100%;
    width: 0.48rem;
    height: 0.48rem;
    margin-right: 0.24rem;
}

.btn_delete {
    background: url(../../page_files/image/btn_delete.png) no-repeat center/100%;
    width: 0.48rem;
    height: 0.48rem;
}

.input_verification_icon {
    background: url(../../page_files/image/verification.png) no-repeat center/100%;
    width: 0.48rem;
    height: 0.48rem;
    margin-right: 0.24rem;
}

.ben_send {
    width: 0.78rem;
    height: 0.44rem;
    font-weight: 500;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.9);
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.btn_countdown {
    display: flex;
    height: 0.48rem;
    align-items: center;
    justify-content: space-between;
}

.countdown {
    width: 0.56rem;
    height: 0.44rem;
    font-weight: 500;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.4);
    text-align: left;
    display: flex;
    font-style: normal;
    text-transform: none;
    align-items: center;
}

.dropdown_single {
    width: 100%;
    /* width: 2.2rem; */
    height: 0.72rem;
    /* border-radius: 0rem 0rem 0rem 0rem; */
    text-align: center;
    height: 0.74rem;
    padding: 0.14rem 0.4rem;
    /* padding-right: .24rem; */
    border-bottom: 0.01rem solid rgba(217, 217, 217, 0.2);
    display: flex;
    align-items: center;
}

.dropdown_single:last-child {
    border-bottom: none;
}

.note {
    width: 6.86rem;
    height: 0.68rem;
    margin: 0.64rem 0;
    font-weight: 500;
    font-size: 0.24rem;
    color: rgba(255, 255, 255, 0.9);
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.ar_t .poptext_title {
    text-align: right;
}

.poptext {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popTutorial {
    color: #f1d860;
}

.submit {
    width: 6.86rem;
    height: 0.96rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.88rem 0.88rem 0.88rem 0.88rem;
    background: rgb(255 255 255 / 80%);
    margin: 0 auto;
    color: #035f58;
    font-weight: bold;
}

.ok_submit {
    font-weight: bold;
    width: 6.86rem;
    height: 0.96rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.88rem 0.88rem 0.88rem 0.88rem;
    color: #fff;
    background: #1ad6a6;
}

/* 登录e */
/* 登录进去s */
.user_info {
    margin-top: .32rem;
    width: 6.86rem;
    height: 3.26rem;
    padding: 0 .32rem;
    background: url(../../page_files/image/card.png) no-repeat center/100%;
    border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.agency {
    display: flex;
    align-items: center;
    padding-top: .2rem;
}

.agency_test {
    height: 0.4rem;
    font-weight: 800;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.account {
    margin-bottom: .2rem;
}

.user_rule {
    display: flex;
    align-items: center;
    position: relative;
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .7s;
}

.fade-enter, .fade-leave-to {
    opacity: 0;
}

.btn_rule {
    background: url(../../page_files/image/btn_rule.png) no-repeat center/100%;
    width: .36rem;
    height: .36rem;
    margin: .16rem .06rem;
}

.rule {
    position: absolute;
    top: .8rem;
    left: .5rem;
    padding-top: 0.14rem;
}

.ar_t .rule {
    left: 1.8rem;
}

.rule_content {
    width: 3.2rem;
    padding: .12rem .24rem;
    font-size: 0.2rem;
    background: #282828;
    border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
    justify-content: center;
    align-items: center;
}

.user_details {
    display: flex;
    justify-content: space-between;
    padding: 0 0 .24rem;
    border-bottom: .01rem solid rgba(255, 255, 255, 0.2);
    align-items: center;
}

.avatar {
    display: flex;
    align-items: center;
}

.avatar_img {
    width: 1.12rem;
    height: 1.12rem;
    border-radius: 50%;
    border: 0.02rem solid #FFFFFF;
}

.avatar_information {
    margin-left: .24rem;
}

.ar_t .avatar_information {
    margin: 0 .24rem 0 0
}

.textOverflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.avatar_information_name {
    width: 2.1rem;
    height: 0.4rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.avatar_information_id {
    height: 0.34rem;
    font-weight: 500;
    font-size: 0.24rem;
    color: rgba(255, 255, 255, 0.4);
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.logout {
    width: 1.68rem;
    height: 0.56rem;
    border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 43%);
    color: #fff;
}

.country {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0.32rem 0 .1rem;
    align-items: center;
}

.title {
    /* height: 0.4rem; */
    font-weight: 800;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.country_info {
    display: flex;
    position: relative;
    align-items: center;
    /* flex-direction: column; */
    gap: .1rem;
}

.country_sel {
    display: flex;
    align-items: center;
}

.country_content {
    transition: .5s ease;
    overflow: hidden;
    position: absolute;
    width: 2.2rem;
    height: 0;
    border-radius: 0rem 0rem 0rem 0rem;
    top: .7rem;
}

.country_content:after {
    position: absolute;
    top: 0;
    right: .5rem;
    width: 0.32rem;
    height: 0.14rem;
    background: url(../../page_files/image/Polygon.png?v=1) no-repeat center/100%;
    content: '';
}

.country_box {
    padding-top: 0.14rem;
    position: relative;
}

.country_list {
    background: #282828;
    border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
    height: 5.75rem;
    overflow-y: auto;
}

.country_single {
    display: flex;
    align-items: center;
    border-bottom: .01rem solid rgba(255, 255, 255, 0.2);
}

.selectedCountry {
    display: flex;
    align-items: center;
    margin-right: 0.08rem;
}

.country_img {
    width: .4rem;
    height: .32rem;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: .2rem;
}

.country_name {
    color: rgba(255, 255, 255, 0.9);
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex;
    align-items: center;
    font-size: .26rem;
    margin-right: .1rem;
    font-weight: bolder;
}

.country .flag {
    width: 0.5rem;
    height: 0.3rem;
    background: no-repeat center / contain;
}

.country_single:last-child {
    border-bottom: none;
}

.channel_list {
    display: flex;
    align-items: center;
    padding: 0 .32rem;
    height: 0.96rem;
    border-radius: 0rem 0rem 0rem 0rem;
    justify-content: space-between;
    background: var(--title_color);
    border-radius: var(--borRad);
}

.channel_list.show {
    border-radius: var(--borRad) var(--borRad) 0 0;
}

.channel_list:last-child {
    border-bottom: none;
}

.channel {
    display: flex;
    align-items: center;
}

.channel_img {
    /* width: .64rem; */
    height: .64rem;
    display: flex;
    align-items: center;
}

.channel_img img {
    height: 50%;
    width: auto;
}

.channel_name {
    margin: 0 .2rem;
}

/* 充值列表 */
.pay_info {
    margin-top: 0.22rem;
    --title_color: rgb(155 181 153 / 55%);
    --bd_color: rgb(30 59 41 / 18%);
    /* background: var(--bd_color); */
    --borRad: .24rem;
    border-radius: var(--borRad);
}

.empty {
    width: 3rem;
    height: 40vh;
    background: url(../image/empty.svg) no-repeat center / contain;
    margin: .2rem auto;
    filter: hue-rotate(298deg);
}

.pay_info>div {
    margin: 0.2rem auto;
}

.pay_list {
    display: flex;
    flex-direction: column;
    padding: 0 .32rem;
    height: 0;
    overflow: hidden;
    transition: .5s ease;
    /* background-color: rgb(52, 28, 14); */
    width: 100%;
    border-radius: 0 0 var(--borRad) var(--borRad);
    background: var(--bd_color);
}

.pay_list_single {
    display: flex;
    justify-content: space-between;
    height: 0.96rem;
    border-radius: 0rem 0rem 0rem 0rem;
    align-items: center;
    border-bottom: 0.01rem solid rgba(217, 217, 217, 0.2);
}

.pay_list_left {
    display: flex;
    align-items: center;
}

.pay_list_select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .96rem;
}

.pay_list_single:last-child {
    border-bottom: none;
}

.iconG {
    width: .32rem;
    height: .32rem;
    margin: 0 .1rem;
}

.gold {
    --w: 0.4rem;
    width: var(--w);
    height: var(--w);
}

.matle {
    margin: 0 .2rem;
}

.basic {
    color: #FFFFFF;
    margin: .28rem .12rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.additional {
    position: relative;
    margin: 0 .1rem;
}

.additional span {
    color: #FFFFFF;
    text-align: left;
    font-size: .2rem;
    position: relative;
    text-transform: none;
}

.additional:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-45%, 8%);
    width: 100%;
    height: 100%;
    border-radius: .16rem .04rem .16rem .04rem;
    background-color: #FF3157;
    padding: 0 .08rem;
}

.pay_list_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.28rem 0.28rem 0.28rem 0.28rem;
    border: 0.01rem solid rgba(255, 215, 69, 0.5);
    font-weight: 540;
    font-size: 0.24rem;
    color: #453b2a;
    background: linear-gradient(90deg, #FFE37D 0%, #FFCF1D 100%);
    text-align: center;
    font-style: normal;
    text-transform: none;
    padding: .08rem 0.22rem;
}

/* 登录进去e */
/* 弹窗s */
.popup {
    position: fixed;
    z-index: 30;
    --during: 1s;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.popFixed {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.popGrayBg {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    left: 0;
    top: 0;
    transition: var(--during);
    opacity: 0;
}

.popContainer {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, calc(-50% - 100vh));
    width: 6.38rem;
    min-height: 4rem;
    transition: var(--during);
}

.show .popGrayBg {
    opacity: 1;
}

.show .popContainer {
    transform: translate(-50%, -50%);
}

.popBox {
    width: 100%;
    padding: 0.88rem 0.2rem 0.3rem;
    background-color: #355344;
    /* width: 6.24rem; */
    /* height: 10.2rem; */
    border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
    box-shadow: inset 0 0 0.16rem #ccc;
}

.popFrameBg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    /* box-shadow: 11px 9px 10px #f9f9f9; */
}

.popFrameBg:before {
    content: "";
    display: block;
    width: calc(100% - 0.5rem);
    height: calc(100% - 0.2rem);
    /* background: url(../../page_files/image/progress_bg.png) no-repeat center / cover; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0.7rem;
}

.popFrameBg .mid {
    width: 100%;
    height: calc(100% - 3.2rem);
    position: absolute;
    top: 1.5rem;
}

.popFrameBg .top {
    width: 100%;
    position: absolute;
    height: 1.56rem;
    top: 0;
}

.popFrameBg .bot {
    width: 100%;
    position: absolute;
    height: 1.76rem;
    bottom: -0.04rem;
}

.popClose {
    background: url(../../page_files/image/btn_close.png) repeat-y center top 0/100% auto;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0.24rem;
    top: 0.24rem;
    z-index: 30;
    transform: translate(0%, 0rem);
}

.ar_t .popClose {
    right: initial;
    left: 0.04rem;
}

.popCont {
    width: 100%;
    height: 100%;
    min-height: 4rem;
    max-height: 70vh;
    overflow: scroll;
    z-index: 1;
    position: relative;
}

.popTitle {
    font-size: 0.26rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.003rem;
    color: #f7e088;
    padding: 0.36rem 0.2rem;
    text-align: center;
}

.tutorialCont .title {
    /* height: 0.96rem; */
    font-weight: 800;
    font-size: .26rem;
    color: #ffffff;
    text-align: center;
    font-style: normal;
    text-transform: none;
    /* padding-top: 1rem; */
}

.tutorialCont .text {
    /* height: 4rem; */
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin: .25rem;
    font-size: .22rem;
    line-height: 1.8;
}

/* 弹窗e */
.popPayBg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.pay {
    width: 6.12rem;
    padding: 0.68rem 0.2rem 0.3rem;
    border-radius: 0.2rem;
    background: linear-gradient(180deg, #383838 0%, #282828 100%);
    display: flex;
    border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
    flex-direction: column;
    align-items: center;
}

.pay_text {
    margin: 0 0 .51rem;
}

.pay_ok {
    width: 5rem;
    height: 0.76rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #FFE37D 0%, #FFCF1D 100%);
    border-radius: 0.88rem 0.88rem 0.88rem 0.88rem;
    color: #4B3102;
    font-weight: 550;
    margin-bottom: .2rem;
}

.navigation-bar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.44rem;
    padding-top: .96rem;
}

.navigation-bar .icon-back {
    display: flex;
    align-items: center;
}

.navigation-bar .icon-back i {
    width: 0.48rem;
    height: 0.48rem;
    background: url(https://image.jackaroo.live/action/activityhtml/jackarooGuild/new_icon/iconBack.png) no-repeat center / 100% 100%;
}

.navigation-bar .icon-share i {
    width: 0.48rem;
    height: 0.48rem;
    background: url(https://image.jackaroo.live/action/activityhtml/jackarooGuild/new_icon/iconShare.png) no-repeat center / 100% 100%;
}

.navigation-bar .title {
    font-weight: 800;
    font-size: 0.32rem;
    color: #FFFFFF;
    line-height: 0.38rem;
    text-align: center;
}

.navigation-bar .icon-message {
    width: 0.48rem;
    height: 0.48rem;
    background: url(https://image.jackaroo.live/action/activityhtml/jackarooGuild/icon_message.png) no-repeat center / 100% 100%;
    margin: 0 0.2rem;
    position: relative;
}

.navigation-bar .icon-message span {
    position: absolute;
    top: 0;
    right: -0.1rem;
    width: 0.32rem;
    height: 0.22rem;
    background: #FF3157;
    border-radius: 0.17rem 0.17rem 0.17rem 0.17rem;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.22rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.navigation-bar .icon-record {
    width: 0.48rem;
    height: 0.48rem;
    background: url(https://image.jackaroo.live/action/activityhtml/jackarooGuild/icon_record.png) no-repeat center / 100% 100%;
}

.navigation-bar .icon-more {
    width: 0.48rem;
    height: 0.48rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navigation-bar .icon-more i {
    width: 0.1rem;
    height: 0.1rem;
    background: #FFFFFF;
    border-radius: 50%;
}

.sime {
    transform: rotateY(180deg);
}