.header-container {
    height: 160px;
}

.header-content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background-color: #1b2132;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .46)
}

.header-content .header-top {
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #474747;
    border-bottom: 1px solid #f9bc20
}

.header-content .header-top .hd-top-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%
}

.header-content .header-top .hd-top-container .hd-top-title {
    font-size: 16px;
    color: #fff
}

.header-content .header-top .hd-top-container .logo {
    margin-right: auto
}

.header-content .header-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 110px;
    background: #f9bc20;
    box-shadow: 0 0 19px 0 rgba(93, 37, 32, .5)
}

.header-content .header-bottom .hd-bottom-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.header-content .game-nav {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
    height: 100%
}

.header-content .game-nav .game-nav-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 87px;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 700;
    color: #272727;
    cursor: pointer;
    border-radius: 20px
}

.header-content .game-nav .game-nav-item.active,
.header-content .game-nav .game-nav-item:hover {
    color: #e6e6e6;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .39);
    background-color: #55390b
}

.header-content .game-nav .game-nav-item.active .svg-icon,
.header-content .game-nav .game-nav-item:hover .svg-icon {
    fill: url(#header-hover)
}

.header-content .game-nav .game-nav-item .nav-icon svg {
    width: 40px;
    height: 40px
}

.header-content .game-nav .game-nav-item .nav-name {
    margin-top: 10px;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-content .game-nav .game-nav-item .nav-name {
    margin-top: 10px;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center
}

.qr_img_wrap img {
    display: block
}

.br_right_bar {
    position: fixed;
    top: 50%;
    right: 26px;
    z-index: 11;
    width: 50px;
    font-size: 12px;
    color: #fff;
    transform: translateY(-50%);
    transition: .3s
}

.br_right_bar .right-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px
}

.br_right_bar .right-item {
    position: relative;
    width: 50px;
    height: 50px;
    padding: 12px;
    color: #55390b;
    cursor: pointer;
    background-image: linear-gradient(0deg, #f9bc20 1.25%, #faff00 101.25%);
    border-radius: 50%;
    box-shadow: inset 0 5px 10px 0 #efffc8;
    transition: .2s
}

.br_right_bar .right-item:hover {
    background-image: linear-gradient(0deg, #fff 1.25%, #faff00 101.25%)
}

.br_right_bar .right-item:hover .qr-wrap {
    visibility: visible;
    opacity: 1;
    transform: translateX(0)
}

.br_right_bar .right-item .right-item-icon {
    width: 40px;
    height: 40px
}

.br_right_bar .right-item .right-item-text {
    text-align: center
}

.br_right_bar .right-item .qr-wrap {
    position: absolute;
    top: 0;
    right: 38px;
    visibility: hidden;
    padding-right: 30px;
    opacity: 0;
    transform: translateX(10px);
    transition: .2s
}

.br_right_bar .right-item .qr-bg {
    gap: 15px;
    padding: 20px;
    background: linear-gradient(90deg, #141414 20%, #292d1e 51%, #141414 81%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.br_right_bar .right-item .qr-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    color: #fff;
    text-align: center
}

.br_right_bar .right-close {
    position: absolute;
    bottom: -50px;
    left: 50%;
    width: 30px;
    height: 30px;
    color: #000;
    background-image: linear-gradient(180deg, #ffff63 0, #d8fe49 61%, #73c002);
    border-radius: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .2s
}

.br_right_bar .right-close.off svg {
    transform: rotate(90deg)
}

.br_right_bar .right-close svg {
    width: 13px;
    height: 13px
}

.br_right_bar .right-close:hover {
    background: #dcffa8
}

.game-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.game-title-container .game-title-bg {
    position: relative;
    display: flex;
    align-items: center
}

.game-title-container .game-title-bg:after {
    display: block;
    width: 355px;
    height: 12px;
    margin-left: 10px;
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsYAAAAYCAMAAADOHcvxAAAAqFBMVEUAAACveienWBuudiSxgC2udSSoWRusayGmUhmudCSpXh2qYB2vdyWwfCipXhymURmmUxmqZR+rZR+ueSanVxqpXx2rZx+pXRylUBioWhuraSCtcSOscCKucySmUxmqYR6ueCWsbSGsbiKnVBqoWxyqZh+raSGsayGnVRqpXByraCCnWBusbCGsbCGqYh6tciOnVhqlTxilThisbyKqYx6tcSOqZB6qYx4OkH39AAAAOHRSTlMAEMckBirBY+svpZsfC6rw5n6DFtCgda/1vGxARTThlhpSTd24emhe2LNxy1pWkjjU+f1JjjyHitDAwfkAAASTSURBVHja7ZvZUiJBEEXVcXcUxGVcsdURxV1B/P8/m0Sk82RCdnXHvPhQpwq+4MSNirydC+8lb+9v3xxZWmS9tU7aoNvuKtfda3BHXkv2ycOUpYclz6rhGPwlfeWPYYdskgOydbBluADPF88ThsOh/L75nDIq6YBdw83ujXII7g/vwYnSO+mVrDlulUfl6fFJuQRXZKCckdOSj9OPKS/K+bncKRueFeWXXPLbUZTsWRYd22TZsVBiNFZKheXQYVrclkOPrcXdqcFyjMR38yWGyEsQeXV85JYKi8TzPO6Pf0QVlgOH5UDi8c9AibcgsdwpsBge02KKTJUhsVyaDImhMSV2It+KxopaDOiwWHwJidVjOgyL6fELRVaJ5VBhkZiIuisq8dcPEluRC5V4fCmxHGosFxJPjtNYw1gkZiJbkynyWGKK3A3imCK/KrQYaZwMY4Io/jqlxf04jY3IwibD+GCux7SYIn8OJw6rxx25dJgWmzyGw3IBRe4xjcVltViu0ThhsrUYGg+YxYxjAIvJRinyyqzIYrHL418qcQH2IPLi3DReZB4bkRfG16Wx0uBREaUxLbZpDEwcg0qNjy18U9R+VBAXxsQ+KShyzUeF0xi4VwU5IT1Q8aoAkJhckfBNQVRiYDUmzmInsVxSAPumMCqLwXLBMplInMlkMplMJpPJZDKZTCbzw6g5cOO8jbQNXXINknNjTtyalXhywxIvHriROgO3sP1I1XideN5GooFbj7hxW3JsfEmC9mMQDdwwNebc+CUxcAsnbpYCJFo8th9xi5f0uOUGx5ZI45pdNCXeT4yNm5XRdLjZ3JgW02OlosXrkET7EbV4oMLiNbX4lmV0QmOBGifnxkJC46jHMybHEheUeHJocUUfPbfFg8SWlqEyjEkcxun646EqjFchsVxAi+UCWryT0Djl8ZAtXrKMJi6N2eM1bj9SYew9jr6oIHSYZfRH1OIR77DvP0KPjcjJMN6uTuO3QOSWw4Vx0zR+Db8MIo3K6LTGO5b6acwWj8yk8Ug19jUeUYm9x5HGjVu8OIzJXI+DLLafVJAZjeMwbhDHkHhyievwcouXyWQymUwmk8lkMplM5ucR7DCBxLwt/G6e3KVbvHBsjA2mxMCtHw/c4onbzC4eCebGwdg46D9YgIRj4+ZzY5CuP65APHA7m7fE9OKWmEj9Ei+u8fYK1+LZJSbyXy1e/RKPHte2OL3+sepMdhan2+jA4pTHYYk3u1I6quVxvP0RanzSsIyO1/EUtNFnscZsP+rVH3KxUVpR4xVRGb2IyTFMDsbGQYsXrEZrG73+dbBS2pYfJAaUOChA9uWoxHIoMcNY/gTulKLFg8PUGGlctVIqJ24/5FR30Z9yZjUeGYk788NYjoljltGEEvdosVzW0Yk0xkqpq/EGKnHY4rGL5iYeJYbFaD8gMUUuKLLvPxy2xZtpo+M0PpIDh+umcdeY3HCjNC6jabFwbNOYm9FcKO2rw1ZkIQ5jLzKoKvFGYRvtNW78TYV6bKLYxXGzNKbGdT6poMbJMjqdxn6nlArLnxN52zDj8OTvH2y2XQN5//q9AAAAAElFTkSuQmCC) no-repeat 50%/cover
}

.game-title-container .game-title-bg h5 {
    font-size: 30px;
    font-weight: 900;
    color: #f9bc20;
    background-image: linear-gradient(0deg, #f9bc20 1.25%, #faff00 101.25%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.game-title-container .more-game {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .2s;
    min-width: 102px;
    height: 30px;
    border-radius: 30px;
    min-width: 105px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background-color: #f9bc20;
    border-radius: 40px;
    box-shadow: inset 0 -6px 10px 0 #b28000, inset 0 3px 5px 0 hsla(0, 0%, 100%, .55);
    min-width: 85px;
    height: 34px;
    padding: 0 26px
}

.game-title-container .more-game:hover {
    box-shadow: inset 0 -6px 10px 0 #fff597, inset 0 3px 5px 0 #fff
}

.br_help_wrap {
    position: relative;
    width: 100%;
    padding: 57px 0
}

.br_help_wrap .game-title-container {
    margin-bottom: 15px
}




.hd_login.important .login_select {
    width: 142px;
    height: 35px
}

.hd_login.important .login_select .select-input {
    width: 100%;
    height: 100%;
    padding: 0 16px;
    cursor: pointer;
    background-color: #ddd;
    border: none;
    border-radius: 45px;
    box-shadow: inset 0 -6px 10px 0 #9f9f9f, inset 0 3px 5px 0 hsla(0, 0%, 100%, .37)
}

.hd_login.important .login_select>ul {
    overflow: hidden;
    border-radius: 10px
}

.hd_login.important .login_select>ul>li {
    justify-content: flex-start;
    padding: 10px 16px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .2s
}

.hd_login.important .login_select>ul>li:hover {
    color: #f9bc20
}

.hd_login.important .firebase-btn {
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: 140px;
    height: 35px;
    padding: 0 15px;
    cursor: pointer;
    background-color: #ddd;
    border-radius: 45px;
    box-shadow: inset 0 -6px 10px 0 #9f9f9f, inset 0 3px 5px 0 hsla(0, 0%, 100%, .37)
}

.hd_login.important .firebase-btn:hover {
    box-shadow: inset 0 -6px 10px 0 #fff, inset 0 3px 5px 0 hsla(0, 0%, 100%, .37)
}

.hd_login.important .firebase-btn .main-button {
    flex: 1;
    height: 100%;
    padding-left: 9px;
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    color: #000;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    background-color: transparent;
    border: 0
}

.hd_login.important .firebase-btn .fire-arrow {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%
}

.hd_login.important .firebase-btn .fire-arrow:hover .fire-drop {
    display: block
}

.hd_login.important .firebase-btn .fire-arrow:after {
    position: absolute;
    top: 10px;
    left: -8px;
    width: 1px;
    height: 15px;
    content: "";
    background: #777
}

.hd_login.important .firebase-btn .fire-arrow .fire-arrow-icon {
    display: block;
    width: 14px;
    height: 7.9px;
    color: #777
}

.hd_login.important .firebase-btn .or-connect {
    display: none
}

.hd_login.important .firebase-btn .fire-drop-bg {
    position: absolute;
    top: 82%;
    left: -80px;
    padding-top: 10px
}

.hd_login.important .firebase-btn .fire-drop {
    display: none;
    width: 170px;
    background-image: linear-gradient(180deg, #4f4f4f 0, #333 5%);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.hd_login.important .firebase-btn .firebase-group {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 20px
}

.hd_login.important .firebase-btn .item {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .2s
}

.hd_login.important .firebase-btn .item:hover {
    opacity: .8
}

.hd_login.important .firebase-btn .item.google {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABVCAMAAAAPK1hoAAAA9lBMVEUAAAD///////////////////////////////////////////////////////////////////////////////8eh/3/KyUAq0f/ugD/Fg/c7P//BwMAqT7/sQD/JB4JrVIFefwAoC7/9PIApTiGvf4AcP3w+/QAmiL/PDMqjfz/3Nuz5cT/3HP/TUj/trP/jo3/DylpzZH/yzymz/9apf1Mn/3I7dj/f33/ZmIhtV8AsyT/wBXc9Ob+78Ke3rb/1gDn8///zMr/Zw//yABssP3/+eQPmZ84vGs7sz/Kswkah+qC1aL/mJWWtB5pttwXj8kAkWxhogZGCEYGAAAAFHRSTlMA9Aq65ZrIPF4teBes2oVrSFHRjrEesC8AAAQQSURBVFjDtJXLjptAEEWbVwM2ONipIDotesGKoOEhKxFI0WjGM9v5/+8JKHEY6AfQyGfl1XFx6xagZUzXOzmBhTG2Audw9tFujmcnhDn4FJk7lAcMMixPTxxZoMRwtmfhhbBM4G5yuhdYh+WvzzOA9ZxW5vvFgC3Y0Zp2BrCV06LUD2E7+KiWng3QwfaVkYImhquUamsjDan+tB7swhBm68JO7KPgoGzYC+atFsjJblXdlXmed+1HVWw4h4NcWXUx6WEsZmSgrKXiaHZSUmfNemE80qspKW+SaM2JFcuchLKYh9BSPK+zolS30cl7axDhj1JTvP+WklgKo3kGPNbCqrJyHFQyrigFVz0qo7EawgrVsN5KKZtK80yZ7AV4SjoVkjtLUnDkL4CaThNk3Ud1K6qqzfvfSikYJhpwgKOg7PO2y2pUFC0ho1SEhwYEuyJklBJSzf6ypJyU25erfn5a8oI2zkCBKSxrRppR2oEApRTOwlfgU5o3jJMq4FtgGjAnfX95a5q/RQcNLqJYn9Pkn5bRDHQwBR/Wa5okyUsaNzGtQQsffeU20TsH7ftbQ0EPDwWCAAaGFFrQ44Aw34DkzjNMeP0u5pUvQaiwznb165uYHzAj4O/1enemV+CsYvib5er6+7/1Cab8XDsrRvAI64NmtR9gtVCo2JauNUCYP9i79U9rZtebLAwF4AIynCgO7ZsmS5fadJS84YoYTWDGKzf3kX39/z+zkqWrpIc6cc9duXhyOPS0p+WurzVEQfd8vbnHLf4vDnHMrASFcMU2PBW4xfL2kFV3rEN7zbq/0VLBsIOdjnaxs/uXyJ6w39pXxvK1w/qTgmxpr68+hhP7yAhxBbvMtHVxjdtMmtYVSsGTkiryF1eoGqh7SYDN4JUoaUNnDnYm1FuozbiyN65P5fyG8rXz/RWZtbzGCNxkK040ghdu6WIFH5DsC4FNToiJtpS4jXxTUk12be8vDSm2KHNi4KSQh86t4A9GusJQAuD2jXJiUIOy2MjGuClKyimtH7qzGnQfC2QuSMvLKav2FRFc0GZcs2dTAfBJLvZs7TqnpA0VgppnNX2H33+CNHNsU2gtDKtVFrJ/cE+sgwW1grig9ccz2Lm5D1xrzp3a/FG6z8f+BNLKvSMLIi/dR0NdtjZbwWEv5QwqZS9GLUJYK18o4BWcbCUGmBohnANTSpXgwhipGu0LiSHG9lWeh7vYbMuKaSpVZhhm4ve4eOp39ZScaU0RSNjPZr7U32tHqJPw/Ej/MLdeipwMvR7SQYSOcDk7WRrE6Ch+2Pc7uYmg6j3/P4Q/8n6b0RSdQDz3fuOc+if/hhpgN7Mh6kM69rrDnF+ivvhXyQUw54NRhM7Ej6ZhMBt4jW5wMU6G0fFkfgFp3eiZ33cVdAAAAABJRU5ErkJggg==) no-repeat 50%/contain
}

.hd_login.important .firebase-btn .item.facebook {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAQlBMVEUAAAAtc7gsc7kpcLwldLoscrorcrkscLsocbwsc7ktc7n///8aZ7RDgsHq8fnH2u0lbrd+qdWavN5rnM4zfbaoxeP8WRBWAAAACnRSTlMA88ZqEZopr0Db8o7qEwAAAkdJREFUWMPN2dmSgyAQBVAWG7Dd0Oj//+okqYx3komI2KmZm7c8nGJpBUHtxgVLxtS11nVtDNng1KlUN0/zS/RNLiWdBfgbtiUNDh7ie5eCIAnWH2Ed8cxZIZdrWs3Z0TavmYYPxbj8Zko2lrgglK52w0UxlaQJtdSMsf2RhJpvxjZ20zI9sox5qt8xL0PfIMMLyv74vLfzABDoTg3YtNnB3ELZvppOp82+2Ue1OzJJMQ5NGsVk5Xd+arJQtvmdj12fibLLn/mxyUUJZuA0Ojxp9/TLW5RDdtkPP8iO7+k2lga/jiinUQbad228p42MvCsrykeXNvPdWul8dNpFdYUalUFRq34PjYdQj8IXQTFVdpZF51v//Sw7pton30/rkgR0bB+JMbEIpiq/+w7Qaf2Pt+NUSDzyfXP9XdMg/fd/iccgKJtAm0SGbdQqKkTHbZSUl0e9MoVot40aVZei2zVVl6L9nEJ1GTrwNqo/gpZ2f4lcNKaxu1wzjuPUw7o80iVRw7svFAZ6aR9JmGxQ/OndGUp+P16RPErKyqP2E2hQTh51qjLSaF1h4RNDCUu0HGqxlRJBsZnysqjHBk0OtdhKyqDYSiqSRAkfPGIovvq8HOrxySOHBrWGpFBSSKXPoph6xMqgVj3FSKAGHgbgFIrOI/Y0is4jdBYlWIg/h/pDh11xXs+4lktk5NwRWrvmmCl/gAjVl5m++uyhrPzxsfxBt/yR/H4c5Zrk/uyaAyzttjL8j6ujh+vr32Lt7fnbs+frOBsqtZMv2knhFPd24VIAAAAASUVORK5CYII=) no-repeat 50%/contain
}

.hd_login.important .firebase-btn .item svg {
    display: none
}

.form_container .form_item {
    position: relative;
    margin-bottom: 20px
}

.form_container .errorMsg {
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
    color: #df1d1d
}

.form_container .errorMsg.created {
    display: none
}

.form_container .item_box {
    position: relative;
    width: 100%
}

.form_container .item_box.capt {
    display: flex;
    align-items: center
}

.form_container .item_box.capt>input {
    padding-right: 80px
}

.form_container .item_box.hasCountry {
    display: flex;
    align-items: center
}

.form_container .item_box.hasCountry>input {
    padding-left: 100px
}

.form_container .item_box .input_icon {
    position: absolute;
    top: 10px;
    left: 22px;
    display: none;
    width: 25px;
    height: 25px
}

.form_container .item_box .input_icon svg {
    fill: url(#HOMENAV_1)
}

.form_container .item_box>input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    overflow: hidden;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    background-color: #211c08;
    border: 1px solid transparent;
    border-radius: 40px;
    transition: .2s
}

.form_container .item_box>input:focus,
.form_container .item_box>input:hover {
    background-color: #000;
    border-color: #f9bc20
}

.form_container .item_box>input:focus:-ms-input-placeholder,
.form_container .item_box>input:hover:-ms-input-placeholder {
    color: #fff
}

.form_container .item_box>input:focus::placeholder,
.form_container .item_box>input:hover::placeholder {
    color: #fff
}

.form_container .item_box>input:-ms-input-placeholder {
    font-size: 16px;
    color: #c4c4c4
}

.form_container .item_box>input::placeholder {
    font-size: 16px;
    color: #c4c4c4
}

.form_container .password-eyes {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .2s;
    position: absolute;
    top: 10px;
    right: 20px;
    width: 30px;
    height: 30px
}

/* mobile */
#menu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    /*! height: 96px; */
	display:none;
}

#menu.on {
    z-index: 10003
}

#menu .footer-list {
    margin: 0;
    padding: 0;
    display: flex;
    height: 80px;
    overflow: visible;
    background: linear-gradient(180deg, #ffe8ad, #f9bc20 9.9%, #ad6d00);
    border-radius: .2rem .2rem 0 0
}

#menu .footer-list .footer-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#menu li {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 80px;
    text-align: center
}

#menu li.footer-home {
    bottom: .27rem;
    height: 82px;
    background: var(--Brown, #55390b);
    border-radius: .2rem .2rem 0 0;
    box-shadow: inset 0 .04rem .04rem 0 hsla(0, 0%, 100%, .1)
}

#menu li.footer-home .footer-icon {
    width: .87rem;
    height: .87rem;
    margin-bottom: .122rem
}

#menu li.footer-home a {
    color: #fff
}

#menu a {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: #272727
}

#menu .footer-icon {
    position: relative;
    width: 38px;
    height: 20px;
    margin-bottom: .16rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

#menu .footer-icon .icon-wrap {
    position: absolute;
    top: -.3rem;
    left: 50%;
    width: .74rem;
    height: .74rem;
    background-image: conic-gradient(from 1turn, #f1a611, #fdd82d);
    border-radius: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}

#menu .footer-icon .icon-wrap img {
    display: block;
    width: .7rem;
    height: .7rem
}

#menu i.footer-icon.home {
    width: 20px;
    height: 31px;
    margin-bottom: .2rem;
    background-image: url(data:image/png;base64,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)
}

#menu .icon-unread-count {
    position: absolute;
    top: -.05rem;
    right: -.09rem;
    width: .18rem;
    height: .18rem;
    background-color: red;
    border-radius: 50%
}

@keyframes flashScale {
    0% {
        opacity: 1;
        transform: scale(0)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-right-bottom:after {
    display: none
}

.hairline-remove-right-bottom-bak:after {
    display: none
}

.hairline-remove-left-top:before {
    display: none
}

.am-navbar {
    -ms-flex-align: center;
    height: .9rem;
    background-color: #108ee9;
    color: #fff
}

.am-navbar,
.am-navbar-left,
.am-navbar-right,
.am-navbar-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.am-navbar-left,
.am-navbar-right,
.am-navbar-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    height: 100%;
    -ms-flex-align: center
}

.am-navbar-left {
    padding-left: .3rem;
    font-size: .32rem
}

.am-navbar-left-icon {
    margin-right: .1rem;
    display: inherit
}

.am-navbar-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .36rem;
    white-space: nowrap
}

.am-navbar-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .32rem;
    margin-right: .3rem
}

.am-navbar-right .anticon {
    margin-right: .1rem
}

.am-navbar-right .anticon:last-child {
    margin-right: 0
}

.am-navbar-right-content {
    margin-right: .1rem
}

.am-navbar-light {
    background-color: #fff;
    color: #108ee9
}

.am-navbar-light .am-navbar-title {
    color: #000
}

.clost-btn {
    position: fixed;
    top: .3rem;
    right: .3rem
}

.clost-btn svg {
    display: block;
    width: .3rem;
    height: .3rem
}

.member-balance {
    display: flex;
    align-items: center;
    font-size: .35rem;
    color: #fff
}

.member-balance .sum-balance {
    display: flex;
    align-items: center;
    font-size: .24rem;
    font-weight: 500;
    color: #fff
}
#menu-top-mobile{
	display:none;
}
@media only screen and (max-width: 992px) {
	#menu{
		display:block;
	}
	.header-container{
		display:none;
	}
	#menu-top-mobile{
		display:flex;
	}
}