.commentContentWp {
    align-items: center;
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    background-color: #fff;
    background: hsla(0, 0%, 100%, .6);
    border-radius: 20px;
    display: flex;
    height: 34px;
    padding-left: 2px;
    padding-right: 10px
}

.commentAvatar {
    border-radius: 30px;
    display: block;
    height: 30px;
    margin-right: 5px;
    width: 30px
}

.commentMessageWp {
    font-family: PingFangSC-Regular, Microsoft YaHei, Hiragino Sans GB, tahoma, Arial, "\5B8B\4F53", STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
    max-width: 190px
}

.commentMessage {
    color: #1a1a1a;
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.krpCommentArrow {
    height: 17px;
    left: 15px;
    position: absolute;
    width: 4px
}

.commentLike {
    height: 16px;
    margin-left: 10px;
    width: 16px
}

.commentMessageExt {
    color: rgba(0, 0, 0, .5)
}

.commentMessageExt span {
    margin-right: 10px
}

.commentContentWp.reply {
    background: rgba(255, 216, 137, .6)
}

.commentContentWp.commening {
    background: #fa6400;
    color: #fff
}

.commentLikeWp {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.VideoExp--_z7zE {
    bottom: 20px;
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.VideoExp--_z7zE video {
    max-height: 630px;
    max-width: 350px
}

.bottomWp--vG97i {
    height: 80px;
    position: relative;
    width: 100%
}

.bottom_left--AsErb {
    left: 15px
}

.bottom_left--AsErb,
.bottom_right--JV3S0 {
    bottom: 0;
    pointer-events: all;
    position: absolute;
    z-index: 3500
}

.bottom_right--JV3S0 {
    right: 15px
}

@media (max-width:1024px) {
    .bottomWp--vG97i {
        height: 60px
    }

    .bottom_left--AsErb {
        left: 0
    }

    .bottom_right--JV3S0 {
        right: 0
    }
}

.GroupButton--FCAQz {
    position: relative;
    width: 70px
}

.GroupButtonMenus--_Q8TS {
    bottom: 0;
    color: #000;
    left: -16px;
    position: absolute;
    right: 0;
    width: 106px;
    z-index: 4500
}

.GroupButtonMenusPosition--SIlBi {
    margin-bottom: 96px;
    position: relative
}

.GroupButtonMenusContent--M3ZrG {
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.GroupButtonMenusItem--wafuv {
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    width: 100%
}

.GroupButtonMenusItem--wafuv div {
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.GroupButtonMenusItem--wafuv:hover {
    background-color: #f8f8f8
}

.GroupButtonMenus--_Q8TS .arrow--P26M_ {
    background: #fff;
    bottom: -4px;
    height: 8px;
    left: 50%;
    position: absolute;
    transform: translate(-50%) rotate(45deg);
    width: 8px
}

@media (max-width:1024px) {
    .GroupButton--FCAQz {
        width: 50px
    }

    .GroupButtonMenus--_Q8TS {
        left: -14px;
        width: 80px
    }

    .GroupButtonMenusItem--wafuv {
        font-size: 10px
    }

    .GroupButtonMenusPosition--SIlBi {
        margin-bottom: 75px
    }
}

@media (max-width:1024px) and (min-height:800px) {
    .GroupButtonMenusPosition--SIlBi {
        margin-bottom: 95px
    }
}

.CustomButton--_xdiL {
    cursor: pointer;
    padding-bottom: 15px;
    width: 70px
}

.CustomButtonImgBox--wKTXg {
    height: 40px;
    overflow: hidden;
    width: 40px
}

.CustomButtonImg--BWXCR {
    background-repeat: no-repeat;
    background-size: cover;
    height: 40px;
    width: 40px
}

.CustomButtonTitle--cBvBS {
    border-bottom: 2px solid transparent;
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
    max-width: 58px;
    overflow: hidden;
    padding-bottom: 2px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.CustomButtonTitle--cBvBS.activity--z08sW {
    border-bottom-color: #fa6400
}

@media (max-width:1024px) {
    .CustomButton--_xdiL {
        padding-bottom: 10px;
        width: 45px
    }

    .CustomButtonImgBox--wKTXg {
        height: 28px;
        width: 28px
    }

    .CustomButtonImg--BWXCR {
        transform: scale(.7);
        transform-origin: 0 0
    }

    .CustomButtonTitle--cBvBS {
        font-size: 9px;
        max-width: 100%
    }
}

.Theme8CustomButtonImg--_SEKu {
    background-size: 900px 1009px;
    height: 80px;
    transform: scale(.45);
    transform-origin: 0 0;
    width: 80px
}

.Theme8CustomButtonImgWp--EKc6w {
    display: block;
    height: 36px;
    width: 36px
}

.Theme8CustomButton--yxDKa {
    cursor: pointer;
    height: 70px;
    width: 70px
}

.Theme8CustomText--ghHBf {
    color: #fff;
    font-size: 12px;
    margin-top: 3px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60px
}

.Theme8GroupButton--OrMyj {
    position: relative;
    width: 70px
}

.Theme8GroupButtonMenus--ZOUWv {
    background: rgba(0, 0, 0, .6);
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #fff;
    padding-top: 10px;
    position: absolute;
    right: 0;
    width: 70px
}

.Theme8GroupButtonMenusPosition--MF_vg {
    margin-bottom: 70px;
    position: relative
}

.Theme8GroupButtonMenusContent--W7XyW {
    border-radius: 4px;
    overflow: hidden
}

.Theme8GroupButtonMenusItem--jDD4R {
    cursor: pointer;
    width: 100%
}

.Theme8GroupButtonMenusItem--jDD4R div {
    border-bottom: 0 solid #fff;
    font-size: 12px;
    margin: 15px 0;
    max-width: 50px;
    overflow: hidden;
    padding-bottom: 1px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Theme8GroupButtonMenusItem--jDD4R:hover div {
    border-bottom-color: #fff;
    border-bottom-width: 1px;
    padding-bottom: 0
}

@media (max-width:1024px) {
    .Theme8CustomButtonImg--_SEKu {
        transform: scale(.31)
    }

    .Theme8CustomButtonImgWp--EKc6w {
        height: 25px;
        width: 25px
    }

    .Theme8CustomButton--yxDKa {
        height: 55px;
        width: 45px
    }

    .Theme8CustomText--ghHBf {
        font-size: 8px
    }

    .Theme8GroupButton--OrMyj {
        width: 45px
    }

    .Theme8CustomText--ghHBf {
        width: 41px
    }

    .Theme8GroupButtonMenus--ZOUWv {
        padding-top: 15px;
        width: 45px
    }

    .Theme8GroupButtonMenusPosition--MF_vg {
        margin-bottom: 42px
    }

    .Theme8GroupButtonMenusItem--jDD4R div {
        font-size: 8px;
        margin-top: 0;
        max-width: 35px
    }
}

.Theme3CustomButton--VnFkM {
    cursor: pointer;
    height: 65px
}

.Theme3CustomButton--VnFkM,
.Theme3GroupButton--eHLgk {
    width: 69px
}

.Theme3CustomButtonImgWp--NISCM {
    display: block;
    height: 24px;
    width: 24px
}

.Theme3CustomText--_COlr {
    border-bottom: 2px solid transparent;
    color: #fff;
    font-size: 12px;
    margin-top: 4px;
    overflow: hidden;
    padding-bottom: 2px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 59px
}

.Theme3CustomButton--VnFkM.active--BTCai .Theme3CustomText--_COlr {
    border-bottom: 2px solid #286efa
}

.Theme3GroupItemMobile--_XZ3B {
    height: 40px;
    padding: 0 15px
}

.Theme3GroupItemMobile--_XZ3B img {
    height: 16px;
    width: 16px
}

.Theme3GroupItemMobileTitle--CT8Sx {
    color: #1a1a1a;
    flex: 1;
    font-size: 14px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:1024px) {

    .Theme3CustomButton--VnFkM,
    .Theme3GroupButton--eHLgk {
        width: 69px
    }

    .Theme3CustomButton--VnFkM {
        height: 55px
    }

    .Theme3CustomText--_COlr {
        font-size: 10px;
        width: 49px
    }
}

.Theme3GroupButton--eHLgk {
    position: relative
}

.Theme3GroupButtonMenus--NqpAB {
    bottom: 0;
    color: #000;
    left: -16px;
    position: absolute;
    right: 0;
    width: 106px;
    z-index: 4500
}

.Theme3GroupButtonMenusPosition--alnv9 {
    margin-bottom: 70px;
    position: relative
}

.Theme3GroupButtonMenusContent--_52t5 {
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.Theme3GroupButtonMenus--NqpAB .arrow--zsu0I {
    background: #fff;
    bottom: -4px;
    height: 8px;
    left: 50%;
    position: absolute;
    transform: translate(-50%) rotate(45deg);
    width: 8px
}

.Theme3GroupButtonMenusItem--wIBqB {
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    width: 100%
}

.Theme3GroupButtonMenusItem--wIBqB:hover {
    background-color: #f8f8f8
}

.Theme3GroupButtonMenusItem--wIBqB div {
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Theme4CustomButton--_Rlk8 {
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    margin-top: 2px;
    padding: 0 33px;
    position: relative;
    width: 900px
}

.Theme4Button--YBkSF {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 45px;
    margin: 0 12px;
    width: 120px
}

.Theme4ButtonName--QkEqm {
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Theme4ButtonName--QkEqm:after {
    background: transparent;
    border-radius: 3px;
    content: " ";
    display: block;
    height: 3px;
    margin-top: 4px;
    visibility: hidden;
    width: 100%
}

.Theme4ButtonName--QkEqm.selected--Cg_Wz {
    color: #fff
}

.Theme4ButtonName--QkEqm.selected--Cg_Wz:after {
    background: #828282;
    visibility: visible
}

.Theme4CustomButton--_Rlk8.animation--mUm5y {
    height: 0;
    overflow: hidden;
    transition: height .1s ease-in-out
}

.Theme4CustomButton--_Rlk8.isOpen--cEnXH {
    height: 45px
}

.tip--Rh01y {
    background-color: rgba(0, 0, 0, .7) !important;
    border: 2px solid #babdc7 !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    opacity: 1 !important;
    padding: 4px 10px !important
}

.tip--Rh01y:after {
    display: none !important
}

.MenuArrowLeft--vayVQ,
.MenuArrowRight--V4DJc {
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 1
}

.MenuArrowDisabled--wQU0c {
    visibility: hidden
}

.MenuArrowRight--V4DJc div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABwSURBVHgB7ZZBCoAwDAQ3frzx5asFPShVgtgUyg70Egqz5JAEECIISa8PIzjkJ45MbvLfQyyBP2zUSmondllhG0cWCqEQCjFtiMgkjGAPdaI3bO+KSkFvJJdc8inkX29CN7MVWfA66/u3/SXEGPnUbBudLvvZ2082AAAAAElFTkSuQmCC)
}

.MenuArrowLeft--vayVQ div,
.MenuArrowRight--V4DJc div {
    background-size: 100%;
    height: 16px;
    opacity: .6;
    transition: none;
    width: 16px
}

.MenuArrowLeft--vayVQ div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB1SURBVHgB7ZaxDsAgCESP/rj0y21N7GCjjQNgau4lxsHhHQwIQIgxOWctByuo8gdFJC/5dIgDBlRR6j3Bm0HlhQRvKKec8i3kM5NwNM0EUZRqB11QRMEQDMEQ24Yw2QlF5Lwv7Tz574SNre2E/0f1EWKN/JdcLZgu+3B/7iQAAAAASUVORK5CYII=)
}

.MenuArrowLeft--vayVQ:hover div,
.MenuArrowRight--V4DJc:hover div {
    opacity: 1
}

.Theme4CustomButton--_Rlk8 .MenuArrowLeft--vayVQ,
.Theme4CustomButton--_Rlk8 .MenuArrowRight--V4DJc {
    height: 45px;
    width: 30px
}

.Theme4CustomButton--_Rlk8 .MenuArrowRight--V4DJc {
    right: 0
}

.Theme4CustomButton--_Rlk8 .MenuArrowLeft--vayVQ {
    left: 0
}

@media (max-width:1024px) {

    .MenuArrowLeft--vayVQ,
    .MenuArrowRight--V4DJc {
        display: none !important
    }

    .Theme4CustomButton--_Rlk8 {
        padding: 0 10px;
        width: auto
    }

    .Theme4Button--YBkSF {
        font-size: 12px;
        margin: 0 4px;
        width: 74px
    }
}

.Theme6CustomButtonWp--xNqUb {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px
}

.Theme6Button--BgAd_ .Theme6LinkIcon--hsoz9 {
    border-radius: 3px;
    cursor: pointer;
    display: block;
    height: 30px;
    margin: 0 10px;
    width: 30px
}

.Theme6Button--BgAd_ {
    margin-bottom: 20px
}

.Theme6CustomButtonWp--xNqUb .Theme6Button--BgAd_:first-child {
    padding-top: 10px
}

.Theme6CustomButtonWp--xNqUb .Theme6Button--BgAd_:last-child {
    padding-bottom: 10px
}

.Theme6Group--bpGPb {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    margin-top: 20px;
    padding-top: 10px;
    position: absolute;
    right: 65px;
    transform: translateY(-50%);
    width: 90px
}

.Theme6GroupItem--JJMsX {
    border-bottom: 1px solid transparent;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin: 0 10px 10px;
    overflow: hidden
}

.Theme6GroupItem--JJMsX:hover {
    border-bottom: 1px solid #fff
}

.Theme6GroupCover--LlbwM {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 160px
}

.Theme6Arrow--CFAfv {
    height: 13px;
    margin-top: -6.5px;
    position: absolute;
    right: -6.5px;
    top: 50%;
    width: 6.5px
}

.Theme6GroupItemMobile--TXb4J {
    height: 40px;
    padding: 0 15px
}

.Theme6GroupItemMobile--TXb4J img {
    height: 16px;
    width: 16px
}

.Theme6GroupItemMobileTitle--E_hl_ {
    color: #1a1a1a;
    flex: 1;
    font-size: 14px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:1024px) {
    .Theme6Button--BgAd_ .Theme6LinkIcon--hsoz9 {
        height: 26px;
        margin: 0 7px;
        width: 26px
    }
}

.Theme7CustomButtonWp--_GAVc {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    background-color: rgba(0, 0, 0, .5);
    border-radius: 4px;
    height: 57px;
    margin-top: 5px;
    padding: 0 15px;
    width: 100%
}

.Theme7ButtonWp--U6Gkm {
    flex: 1
}

.Theme7GroupItemWp--nJljM {
    height: 57px;
    margin-left: 20px
}

.Theme7Button--_nLLp,
.Theme7GroupItem--_wtcE {
    border-bottom: 2px solid transparent;
    color: #fff;
    cursor: pointer;
    font-size: 12px
}

.Theme7Button--_nLLp {
    width: 60px
}

.Theme7GroupItem--_wtcE {
    height: 28px;
    margin-top: 3px;
    max-width: 60px
}

.Theme7Button--_nLLp:hover,
.Theme7GroupItem--_wtcE:hover {
    border-bottom: 2px solid #fa6400
}

.Theme7LinkIcon--tzuQw {
    height: 16px;
    margin-bottom: 5px;
    width: 16px
}

.Theme7ButtonName--FGP9S,
.Theme7GroupItemName--cSQB3 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Theme7Return--WtTyh {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 1;
    padding: 0 8px
}

.Theme7Return--WtTyh img {
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.Theme7Return--WtTyh svg {
    display: block;
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.Theme7GroupListWp--hqy_N {
    flex: 1;
    height: 100%;
    overflow: hidden
}

@media (max-width:1024px) {
    .Theme7CustomButtonWp--_GAVc {
        padding: 0 15px
    }

    .Theme7Button--_nLLp:hover,
    .Theme7GroupItem--_wtcE:hover {
        border-bottom: 2px solid transparent
    }
}

.ButtonTheme9Level1--_tMVf {
    background: hsla(0, 0%, 49%, .1);
    border-radius: 5px;
    cursor: pointer;
    height: 38px;
    padding: 0 10px
}

.ButtonTheme9title--eu14C {
    flex: 1;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ButtonTheme9Level2--uXHBX {
    height: 38px;
    overflow: hidden;
    padding: 0 10px
}

.ButtonTheme9Level2--uXHBX div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ButtonTheme9Level1--_tMVf:hover,
.ButtonTheme9Level2--uXHBX:hover {
    background: hsla(0, 0%, 49%, .2);
    border-radius: 5px;
    cursor: pointer
}

.ButtonTheme9Wp--Mr2d8 {
    padding: 0 15px
}

.ButtonTheme9Divider--SDV0A {
    background: hsla(0, 0%, 49%, .2);
    height: 1px;
    margin-top: 20px
}

.Selected--jQcSj {
    height: 25px;
    top: 85px;
    width: 66px
}

.ProductTitle--_aMLo,
.Selected--jQcSj {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity .3s;
    z-index: 4000
}

.ProductTitle--_aMLo {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    max-height: 40px;
    max-width: 500px;
    overflow: hidden;
    text-align: center;
    top: 120px;
    word-break: break-word
}

.Theme7Menu--CHz0K {
    box-sizing: border-box
}

.Level1Theme7--nd3rL,
.Level2Theme7--SUHrU {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    background: rgba(0, 0, 0, .5);
    border-radius: 4px;
    padding: 0 10px 10px
}

.Level2Theme7--SUHrU {
    margin-top: 2px
}

.TextMenuTheme7--O3D4_ {
    padding-top: 10px;
    position: relative
}

.TextMenuItemTheme7--EieZk {
    cursor: pointer;
    margin: 0 10px
}

.TextMenuTheme7--O3D4_ .MenuArrowLeft--x_tTM,
.TextMenuTheme7--O3D4_ .MenuArrowRight--ZQ3Tn {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 1
}

.MenuArrowDisabled--_EnmY {
    visibility: hidden
}

.MenuArrowRight--ZQ3Tn div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABwSURBVHgB7ZZBCoAwDAQ3frzx5asFPShVgtgUyg70Egqz5JAEECIISa8PIzjkJ45MbvLfQyyBP2zUSmondllhG0cWCqEQCjFtiMgkjGAPdaI3bO+KSkFvJJdc8inkX29CN7MVWfA66/u3/SXEGPnUbBudLvvZ2082AAAAAElFTkSuQmCC)
}

.MenuArrowLeft--x_tTM div,
.MenuArrowRight--ZQ3Tn div {
    background-size: 100%;
    height: 16px;
    opacity: .6;
    transition: none;
    width: 16px
}

.MenuArrowLeft--x_tTM div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB1SURBVHgB7ZaxDsAgCESP/rj0y21N7GCjjQNgau4lxsHhHQwIQIgxOWctByuo8gdFJC/5dIgDBlRR6j3Bm0HlhQRvKKec8i3kM5NwNM0EUZRqB11QRMEQDMEQ24Yw2QlF5Lwv7Tz574SNre2E/0f1EWKN/JdcLZgu+3B/7iQAAAAASUVORK5CYII=)
}

.MenuArrowLeft--x_tTM:hover div,
.MenuArrowRight--ZQ3Tn:hover div {
    opacity: 1
}

.TextMenuTheme7--O3D4_ .MenuArrowRight--ZQ3Tn {
    right: 0
}

.TextMenuTheme7--O3D4_ .MenuArrowLeft--x_tTM {
    left: 0
}

.TextMenu2ItemTheme7--Skpgo {
    border-radius: 4px;
    cursor: pointer;
    height: 26px;
    margin-right: 10px;
    padding: 0 5px;
    position: relative
}

.TextMenu2ItemFilter--SuvJS {
    align-items: center;
    backdrop-filter: saturate(100%) blur(2px);
    -webkit-backdrop-filter: saturate(100%) blur(2px);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .5);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 4px;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.TextMenu2ItemPayIcon--prVnf {
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.TextMenu2ItemFilter--SuvJS img {
    display: block;
    height: 16px;
    width: 16px
}

@media (max-width:1024px) {

    .MenuArrowLeft--x_tTM,
    .MenuArrowRight--ZQ3Tn {
        display: none !important
    }
}

.MenuController--lOWMo {
    color: #fff;
    position: relative;
    width: 100%;
    z-index: 3401
}

.arrowBottom--eqOSM {
    display: block;
    height: 6px;
    width: 29px
}

.arrowBottomBox--NlCgF {
    cursor: pointer;
    height: 24px;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 29px
}

.arrowTop--l_4Fo {
    background: linear-gradient(180deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .7));
    cursor: pointer;
    padding: 10px;
    text-align: center
}

.arrowTop--l_4Fo img {
    height: 6px;
    margin-bottom: 5px;
    transform: rotate(180deg);
    width: 29px
}

.TextMenu--AlEFQ {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .3s ease-in-out;
    width: 100%
}

.TextMenuBg--u7_3c {
    background: rgba(0, 0, 0, .3);
    padding: 0 36px
}

.theme3--ZCbb4.TextMenu--AlEFQ {
    background: transparent
}

.theme3--ZCbb4.isOpen--veiaT.TextMenu--AlEFQ {
    margin-bottom: 10px
}

.theme103--nTwfx.isOpen--veiaT.TextMenu--AlEFQ {
    margin-bottom: 0
}

.TextMenu--AlEFQ.isOpen--veiaT {
    height: 34px;
    margin-top: 5px
}

.theme3--ZCbb4.TextMenu--AlEFQ.isOpen--veiaT {
    height: 24px
}

.theme103--nTwfx.TextMenu--AlEFQ.isOpen--veiaT {
    height: 31px
}

.TextMenuItem--b029q {
    border-bottom: 2px solid transparent;
    cursor: pointer;
    height: 34px;
    margin: 0 10px
}

.theme103--nTwfx .TextMenuItem--b029q {
    height: 31px
}

.theme3--ZCbb4 .TextMenuItem--b029q {
    background: rgba(0, 0, 0, .5);
    border-bottom: 0;
    border-radius: 5px;
    height: 24px;
    padding: 0 10px
}

.TextMenuItem--b029q.selected--w_ueN {
    border-bottom: 2px solid #fa6400
}

.theme3--ZCbb4.TextMenuItem--b029q.selected--w_ueN {
    background: #286efa
}

.theme103--nTwfx.TextMenuItem--b029q.selected--w_ueN {
    background: transparent;
    border-bottom: 2px solid #fa6400
}

.theme3--ZCbb4 .TextMenuItem--b029q.selected--w_ueN {
    border-bottom: 0
}

.TextMenuArrowLeft--_FN1w,
.TextMenuArrowRight--Bq5Iz {
    cursor: pointer;
    height: 34px;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: 1
}

.TextMenuArrowRight--Bq5Iz {
    right: 0
}

.TextMenuArrowLeft--_FN1w {
    left: 0
}

.MenuArrowDisabled--UnBnn {
    visibility: hidden
}

.TextMenuArrowRight--Bq5Iz div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABJ0lEQVRYR+3UQU7DMBAFUI8b5V4sOENVdcOKokhRcgR6BE8WsEWiC8KSFSfgDFwg4RLkI0utVFWoGTtjZZOsbf+X8YzJzPzRzPlmASwVCKpA27arvu9frLUfZVm+aTSwGODDu647GGPWRPRrrd1qIMQA59wrgO3pr7UQYkDTNOthGA4AVpoIMcCHpkAEAVIgggHaiCiAJiIaoIWYBLiGALCp6/p97LGaDABAzPwJ4PY8jIj2VVU9JgUcw58B3F8E9Xme3xRF8Z0M4MOdc0/GmF1suN8XdQVa4VEAzfBggHZ4ECBFeBDANxyAhykN999EiJuQmXcAPOK0Rzxq10ZRDPCHnCF+pHOu/g4w812WZV+SR2YsPKgHJIfFrAm6gpiAsT0LYPYK/AHRP9shA1fcawAAAABJRU5ErkJggg==);
    background-size: 100%;
    height: 16px;
    width: 16px
}

.TextMenuArrowLeft--_FN1w div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABM0lEQVRYR+3UsUrEQBAG4Jkk5J0sD3wFEdHKxjMku+l8B6tNAh52NoLie1iKrYW1pWBvRhZOCXIms7uzpknaDft/O8wMwswfzpwPC2CpgFgFiAjbtr1CxGel1DW3uUUANrxpmg0AnCEiIeI5FxEMGIZ/v3qLOFVK3UxVIgiwK3wb+Jbn+aooipdoAIlwi/OqgFS4F0Ay3BkgHe4EiBHuBLBzTkTrX13N7va/poHdhMaYRwDYG16EiBda68upURs7ZwO6rjvs+/6WiNLBwvkEgBOt9Z0vgg2wATEQToAYCGeANMILIInwBowhkiQ5rqrqntOYQYAxBBEd1XX9MIUIBuxCIOJ7mqb7ZVk+/QtgiACAD2640yqeeok9N8YcZFn2ynn5zzLjXBzzH5EeCAEugNkr8AV3288hkF4shAAAAABJRU5ErkJggg==);
    background-size: 100%;
    height: 16px;
    width: 16px
}

.TextMenuArrowRight--Bq5Iz:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABAUlEQVRYR+3UsQ3CQAyF4d9iMgpmQIiGChgDpoAWCQpEScUEzMAEsAQyspRIKELc+eIoTa7O3fvis0/oeUnP+QyAoQKuCqjqCDgAVxE5RzRwNqAKPwFT4A3MIxAewNFCv/46BOEB2J9bBewa6tUakQ2wRFUNR7gAXSDcgGhEESASUQyIQrQCJBAzEbmkHqsIgJ1xAyaNsK2IbDoFqKqF74FlI+gJjEXk0RmgCt8Bq9Jw21d0BVHhRYDIcDcgOtwF6CLcC7CGW7dpuF8Tkd2Eqmrdboh6T/ao/RvFbED16tWIV+6ch78DqroA7jmPTCrc1QM5h5V847qCkoDUngHQewU+Y/x7IfwPzL8AAAAASUVORK5CYII=)
}

.TextMenuArrowLeft--_FN1w:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABDklEQVRYR+3VsUoDQRDG8f+HT2UZ8BUkhKSyUZ/Ad8gDGNKlCSTkPSzF1sLaUrCXkYUE5OCys7tzprlrD+b77dzMrbjwowvnMwLGDoR1wMxSrWfgTdLaO9whgGP4CrgHDHj0IpoBnfDTwRPiTtIm14kmQE94yvwEJpLeBwNEhCdcVQeiwqsAkeHFgOjwIsAQ4aWAtOcPnal2T3vfNriH0MxegOtOoSdJy9yqnXtfApgCW+DqT8EfYCFpV4twA1KAmYUjigBDIIoB0YgqQCSiGpBBzCXtPYPZBMggZpIOOUQzoAfxBdxIev0XQAfx7Q0v+hXnTnJE3AIfnpOf6oV8Ag+u+S5oCQm5C0bAUB34BTfveyH47NS5AAAAAElFTkSuQmCC)
}

.theme5--DNRL_.TextMenu--AlEFQ {
    background: transparent;
    margin-top: 7px
}

.theme5--DNRL_ .TextMenuItem--b029q {
    height: auto;
    padding-bottom: 2px
}

.theme5--DNRL_.TextMenu--AlEFQ.isOpen--veiaT {
    height: 25px
}

.theme5--DNRL_ .TextMenuItem--b029q.selected--w_ueN {
    border-bottom: 2px solid #286efa
}

@media (max-width:1024px) {
    .TextMenuBg--u7_3c {
        padding: 0 5px
    }

    .TextMenu--AlEFQ.isOpen--veiaT {
        height: 28px;
        margin-top: 4px
    }

    .TextMenuItem--b029q {
        height: 28px
    }

    .TextMenuArrowLeft--_FN1w,
    .TextMenuArrowRight--Bq5Iz {
        display: none !important
    }

    .theme5--DNRL_.TextMenu--AlEFQ {
        margin-top: 7px
    }
}

.ImageMenu--ydaAw {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .1s linear;
    width: 100%
}

.ImageMenuBg--R_Wlp {
    background: rgba(0, 0, 0, .3);
    padding: 0 36px
}

.theme5--PUx5s.ImageMenu--ydaAw {
    background: transparent
}

.ImageMenu--ydaAw.isOpen--VDcyY {
    height: 100px
}

.theme3--G5deu.ImageMenu--ydaAw.isOpen--VDcyY,
.theme3--G5deu .ImageMenuBg--R_Wlp {
    height: 110px
}

.theme3--G5deu.isOpen--VDcyY.ImageMenuBg--R_Wlp {
    padding-top: 7px
}

.ImageMenuItem--_JyHn {
    border: 2px solid #fff;
    border-radius: 5px;
    cursor: pointer;
    height: 85px;
    margin: 5px;
    overflow: hidden;
    width: 85px
}

.ImageMenuContent--nJUa_ {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    position: relative;
    width: 100%
}

.ImageMenuItem--_JyHn.selected--wLhkF {
    border-color: #fa6400
}

.ImageMenuText--ijyoD {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    height: 17px;
    left: 0;
    position: absolute;
    width: 100%
}

.MenuArrowLeft--SXrl0,
.MenuArrowRight--SE4DY {
    cursor: pointer;
    height: 100px;
    pointer-events: all;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: 1
}

.theme5--PUx5s .MenuArrowLeft--SXrl0,
.theme5--PUx5s .MenuArrowRight--SE4DY {
    height: 80px
}

.MenuArrowRight--SE4DY {
    right: 0
}

.MenuArrowLeft--SXrl0 {
    left: 0
}

.MenuArrowDisabled--WuRK5 {
    visibility: hidden
}

.MenuArrowRight--SE4DY div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABJ0lEQVRYR+3UQU7DMBAFUI8b5V4sOENVdcOKokhRcgR6BE8WsEWiC8KSFSfgDFwg4RLkI0utVFWoGTtjZZOsbf+X8YzJzPzRzPlmASwVCKpA27arvu9frLUfZVm+aTSwGODDu647GGPWRPRrrd1qIMQA59wrgO3pr7UQYkDTNOthGA4AVpoIMcCHpkAEAVIgggHaiCiAJiIaoIWYBLiGALCp6/p97LGaDABAzPwJ4PY8jIj2VVU9JgUcw58B3F8E9Xme3xRF8Z0M4MOdc0/GmF1suN8XdQVa4VEAzfBggHZ4ECBFeBDANxyAhykN999EiJuQmXcAPOK0Rzxq10ZRDPCHnCF+pHOu/g4w812WZV+SR2YsPKgHJIfFrAm6gpiAsT0LYPYK/AHRP9shA1fcawAAAABJRU5ErkJggg==);
    background-size: 100%;
    height: 16px;
    width: 16px
}

.MenuArrowLeft--SXrl0 div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABM0lEQVRYR+3UsUrEQBAG4Jkk5J0sD3wFEdHKxjMku+l8B6tNAh52NoLie1iKrYW1pWBvRhZOCXIms7uzpknaDft/O8wMwswfzpwPC2CpgFgFiAjbtr1CxGel1DW3uUUANrxpmg0AnCEiIeI5FxEMGIZ/v3qLOFVK3UxVIgiwK3wb+Jbn+aooipdoAIlwi/OqgFS4F0Ay3BkgHe4EiBHuBLBzTkTrX13N7va/poHdhMaYRwDYG16EiBda68upURs7ZwO6rjvs+/6WiNLBwvkEgBOt9Z0vgg2wATEQToAYCGeANMILIInwBowhkiQ5rqrqntOYQYAxBBEd1XX9MIUIBuxCIOJ7mqb7ZVk+/QtgiACAD2640yqeeok9N8YcZFn2ynn5zzLjXBzzH5EeCAEugNkr8AV3288hkF4shAAAAABJRU5ErkJggg==);
    background-size: 100%;
    height: 16px;
    width: 16px
}

.MenuArrowRight--SE4DY:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABAUlEQVRYR+3UsQ3CQAyF4d9iMgpmQIiGChgDpoAWCQpEScUEzMAEsAQyspRIKELc+eIoTa7O3fvis0/oeUnP+QyAoQKuCqjqCDgAVxE5RzRwNqAKPwFT4A3MIxAewNFCv/46BOEB2J9bBewa6tUakQ2wRFUNR7gAXSDcgGhEESASUQyIQrQCJBAzEbmkHqsIgJ1xAyaNsK2IbDoFqKqF74FlI+gJjEXk0RmgCt8Bq9Jw21d0BVHhRYDIcDcgOtwF6CLcC7CGW7dpuF8Tkd2Eqmrdboh6T/ao/RvFbED16tWIV+6ch78DqroA7jmPTCrc1QM5h5V847qCkoDUngHQewU+Y/x7IfwPzL8AAAAASUVORK5CYII=)
}

.MenuArrowLeft--SXrl0:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABDklEQVRYR+3VsUoDQRDG8f+HT2UZ8BUkhKSyUZ/Ad8gDGNKlCSTkPSzF1sLaUrCXkYUE5OCys7tzprlrD+b77dzMrbjwowvnMwLGDoR1wMxSrWfgTdLaO9whgGP4CrgHDHj0IpoBnfDTwRPiTtIm14kmQE94yvwEJpLeBwNEhCdcVQeiwqsAkeHFgOjwIsAQ4aWAtOcPnal2T3vfNriH0MxegOtOoSdJy9yqnXtfApgCW+DqT8EfYCFpV4twA1KAmYUjigBDIIoB0YgqQCSiGpBBzCXtPYPZBMggZpIOOUQzoAfxBdxIev0XQAfx7Q0v+hXnTnJE3AIfnpOf6oV8Ag+u+S5oCQm5C0bAUB34BTfveyH47NS5AAAAAElFTkSuQmCC)
}

.ImageMenuItemSeend--_bQzU {
    right: 5px
}

.ImageMenuItemPayIcon--_5aqU,
.ImageMenuItemSeend--_bQzU {
    height: 16px;
    position: absolute;
    top: 5px;
    width: 16px;
    z-index: 2
}

.ImageMenuItemPayIcon--_5aqU {
    left: 5px
}

.theme5Box--Em8Xd {
    background: linear-gradient(180deg, #000, #393939);
    height: 120px;
    height: calc(120px + constant(safe-area-inset-bottom));
    height: calc(120px + env(safe-area-inset-bottom));
    overflow: hidden;
    transition: height .13s linear
}

.theme5Box--Em8Xd.level2--_J5My {
    height: 148px;
    height: calc(148px + constant(safe-area-inset-bottom));
    height: calc(148px + env(safe-area-inset-bottom))
}

.theme5Box--Em8Xd.level3--lDMRY {
    height: 176px;
    height: calc(176px + constant(safe-area-inset-bottom));
    height: calc(176px + env(safe-area-inset-bottom))
}

.theme5Wrapper--IlH76 {
    bottom: 20px;
    bottom: calc(20px + constant(safe-area-inset-bottom));
    bottom: calc(20px + env(safe-area-inset-bottom));
    left: 0;
    position: absolute;
    right: 0
}

.theme5Box--Em8Xd.level1--pBr9r .theme5Wrapper--IlH76 {
    bottom: 15px;
    bottom: calc(15px + constant(safe-area-inset-bottom));
    bottom: calc(15px + env(safe-area-inset-bottom))
}

.theme5Box--Em8Xd.level2--_J5My .theme5Wrapper--IlH76 {
    bottom: 18px;
    bottom: calc(18px + constant(safe-area-inset-bottom));
    bottom: calc(18px + env(safe-area-inset-bottom))
}

.theme5Box--Em8Xd.level3--lDMRY .theme5Wrapper--IlH76 {
    bottom: 18px;
    bottom: calc(16px + constant(safe-area-inset-bottom));
    bottom: calc(16px + env(safe-area-inset-bottom))
}

.theme5Box--Em8Xd.isHide--R5hK0 {
    height: 0
}

.theme5Box--Em8Xd .ImageMenu--ydaAw.isOpen--VDcyY {
    height: 80px
}

.theme5Box--Em8Xd .ImageMenuItem--_JyHn {
    height: 70px;
    margin: 0 5px;
    width: 70px
}

.theme5Box--Em8Xd .ImageMenuItem--_JyHn.selected--wLhkF {
    border-color: #286efa
}

.ImageMenuLimit--M0dKY {
    align-items: center;
    backdrop-filter: saturate(100%) blur(2px);
    -webkit-backdrop-filter: saturate(100%) blur(2px);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.ImageMenuLimit--M0dKY img {
    display: block;
    height: 16px;
    width: 16px
}

@media (max-width:1024px) {
    .ImageMenuBg--R_Wlp {
        padding: 0 5px
    }

    .ImageMenu--ydaAw.isOpen--VDcyY {
        height: 75px
    }

    .theme3--G5deu.ImageMenu--ydaAw.isOpen--VDcyY {
        height: 95px;
        padding-top: 10px
    }

    .theme3--G5deu.ImageMenu--ydaAw.isOpen--VDcyY.noCustomButton--V4rkz {
        height: 95px
    }

    .MenuArrowLeft--SXrl0,
    .MenuArrowRight--SE4DY {
        display: none !important
    }

    .ImageMenuItem--_JyHn {
        height: 64px;
        width: 64px
    }

    .ImageMenuItemSeend--_bQzU {
        height: 12px;
        right: 3px;
        top: 3px;
        width: 12px
    }

    .ImageMenuItemPayIcon--_5aqU {
        height: 12px;
        left: 3px;
        top: 3px;
        width: 12px
    }
}

.Theme4Menu--TSWAD {
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 30px;
    position: relative
}

.Theme4Menu--TSWAD.isShow--xRQAf {
    height: auto;
    transform: scaleY(1)
}

.Theme4close--TWUyn {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 16px
}

.ImageMenuTheme4--_ufGr {
    margin-top: 20px;
    position: relative
}

.ImageMenuItemTheme4--_Sxpy {
    border: 2px solid #fff;
    border-radius: 5px;
    cursor: pointer;
    height: 84px;
    margin: 0 7px;
    overflow: hidden;
    width: 84px
}

.ImageMenuItemTheme4--_Sxpy.selected--jWbJi {
    border-color: rgba(255, 85, 0, .8)
}

.ImageMenuContentTheme4--s_bBd {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    position: relative;
    width: 100%
}

.ImageMenuItemSeend--CN9rF {
    height: 16px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 16px;
    z-index: 2
}

.ImageMenuTextTheme4--_vKcJ {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    height: 18px;
    left: 0;
    position: absolute;
    width: 100%
}

.TextMenuTheme4--_YQtM {
    margin-bottom: 10px;
    padding: 0 2px;
    position: relative
}

.TextMenuItemTheme4--yyadG {
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    margin: 0 6px;
    padding: 0 10px
}

.MenuArrowLeft--rdHju,
.MenuArrowRight--Nq2y7 {
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 1
}

.MenuArrowDisabled--_l38m {
    visibility: hidden
}

.MenuArrowRight--Nq2y7 div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABwSURBVHgB7ZZBCoAwDAQ3frzx5asFPShVgtgUyg70Egqz5JAEECIISa8PIzjkJ45MbvLfQyyBP2zUSmondllhG0cWCqEQCjFtiMgkjGAPdaI3bO+KSkFvJJdc8inkX29CN7MVWfA66/u3/SXEGPnUbBudLvvZ2082AAAAAElFTkSuQmCC)
}

.MenuArrowLeft--rdHju div,
.MenuArrowRight--Nq2y7 div {
    background-size: 100%;
    height: 16px;
    opacity: .6;
    transition: none;
    width: 16px
}

.MenuArrowLeft--rdHju div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB1SURBVHgB7ZaxDsAgCESP/rj0y21N7GCjjQNgau4lxsHhHQwIQIgxOWctByuo8gdFJC/5dIgDBlRR6j3Bm0HlhQRvKKec8i3kM5NwNM0EUZRqB11QRMEQDMEQ24Yw2QlF5Lwv7Tz574SNre2E/0f1EWKN/JdcLZgu+3B/7iQAAAAASUVORK5CYII=)
}

.MenuArrowLeft--rdHju:hover div,
.MenuArrowRight--Nq2y7:hover div {
    opacity: 1
}

.ImageMenuTheme4--_ufGr .MenuArrowLeft--rdHju,
.ImageMenuTheme4--_ufGr .MenuArrowRight--Nq2y7 {
    height: 84px;
    width: 30px
}

.TextMenuTheme4--_YQtM .MenuArrowLeft--rdHju,
.TextMenuTheme4--_YQtM .MenuArrowRight--Nq2y7 {
    height: 26px;
    width: 30px
}

.ImageMenuTheme4--_ufGr .MenuArrowRight--Nq2y7,
.TextMenuTheme4--_YQtM .MenuArrowRight--Nq2y7 {
    right: -30px
}

.ImageMenuTheme4--_ufGr .MenuArrowLeft--rdHju,
.TextMenuTheme4--_YQtM .MenuArrowLeft--rdHju {
    left: -30px
}

.ImageMenuItemPayIcon--odgpp {
    height: 16px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 16px;
    z-index: 2
}

.ImageMenuLimit--kMhdA {
    align-items: center;
    backdrop-filter: saturate(100%) blur(2px);
    -webkit-backdrop-filter: saturate(100%) blur(2px);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.ImageMenuLimit--kMhdA img {
    display: block;
    height: 16px;
    width: 16px
}

@media (max-width:1024px) {
    .ImageMenuItemTheme4--_Sxpy {
        height: 66px;
        margin: 0 5px;
        width: 66px
    }

    .Theme4Menu--TSWAD {
        padding: 27px 20px 24px
    }

    .MenuArrowLeft--rdHju,
    .MenuArrowRight--Nq2y7 {
        display: none !important
    }

    .TextMenuItemTheme4--yyadG {
        height: 24px;
        margin: 0 5px;
        padding: 0 4px
    }

    .ImageMenuTheme4--_ufGr {
        margin-top: 10px
    }

    .ImageMenuItemPayIcon--odgpp {
        height: 12px;
        left: 3px;
        top: 3px;
        width: 12px
    }
}

.Theme8ImageMenu--SYtE_ {
    background: rgba(0, 0, 0, .3);
    height: 0;
    overflow: hidden;
    padding: 0 36px;
    position: relative;
    transition: height .1s linear;
    width: 100%
}

.Theme8ImageMenu--SYtE_.isOpen--AWBBn {
    height: 100px
}

.Theme8ImageMenuItem--y8rJP {
    border: 3px solid #fff;
    cursor: pointer;
    height: 85px;
    margin: 5px;
    overflow: hidden;
    width: 85px
}

.ImageMenuContent--A0sSQ {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    position: relative;
    width: 100%
}

.Theme8ImageMenuItem--y8rJP.selected--LFaBS {
    border-color: #f6b64c
}

.Theme8ImageMenuText--OamUx {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    height: 17px;
    left: 0;
    position: absolute;
    width: 100%
}

.MenuArrowLeft--hK340,
.MenuArrowRight--olI7l {
    cursor: pointer;
    height: 100px;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: 1
}

.MenuArrowRight--olI7l {
    right: 0
}

.MenuArrowLeft--hK340 {
    left: 0
}

.MenuArrowRight--olI7l div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABJ0lEQVRYR+3UQU7DMBAFUI8b5V4sOENVdcOKokhRcgR6BE8WsEWiC8KSFSfgDFwg4RLkI0utVFWoGTtjZZOsbf+X8YzJzPzRzPlmASwVCKpA27arvu9frLUfZVm+aTSwGODDu647GGPWRPRrrd1qIMQA59wrgO3pr7UQYkDTNOthGA4AVpoIMcCHpkAEAVIgggHaiCiAJiIaoIWYBLiGALCp6/p97LGaDABAzPwJ4PY8jIj2VVU9JgUcw58B3F8E9Xme3xRF8Z0M4MOdc0/GmF1suN8XdQVa4VEAzfBggHZ4ECBFeBDANxyAhykN999EiJuQmXcAPOK0Rzxq10ZRDPCHnCF+pHOu/g4w812WZV+SR2YsPKgHJIfFrAm6gpiAsT0LYPYK/AHRP9shA1fcawAAAABJRU5ErkJggg==);
    background-size: 100%;
    height: 16px;
    width: 16px
}

.MenuArrowLeft--hK340 div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABM0lEQVRYR+3UsUrEQBAG4Jkk5J0sD3wFEdHKxjMku+l8B6tNAh52NoLie1iKrYW1pWBvRhZOCXIms7uzpknaDft/O8wMwswfzpwPC2CpgFgFiAjbtr1CxGel1DW3uUUANrxpmg0AnCEiIeI5FxEMGIZ/v3qLOFVK3UxVIgiwK3wb+Jbn+aooipdoAIlwi/OqgFS4F0Ay3BkgHe4EiBHuBLBzTkTrX13N7va/poHdhMaYRwDYG16EiBda68upURs7ZwO6rjvs+/6WiNLBwvkEgBOt9Z0vgg2wATEQToAYCGeANMILIInwBowhkiQ5rqrqntOYQYAxBBEd1XX9MIUIBuxCIOJ7mqb7ZVk+/QtgiACAD2640yqeeok9N8YcZFn2ynn5zzLjXBzzH5EeCAEugNkr8AV3288hkF4shAAAAABJRU5ErkJggg==);
    background-size: 100%;
    height: 16px;
    width: 16px
}

.MenuArrowRight--olI7l:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABAUlEQVRYR+3UsQ3CQAyF4d9iMgpmQIiGChgDpoAWCQpEScUEzMAEsAQyspRIKELc+eIoTa7O3fvis0/oeUnP+QyAoQKuCqjqCDgAVxE5RzRwNqAKPwFT4A3MIxAewNFCv/46BOEB2J9bBewa6tUakQ2wRFUNR7gAXSDcgGhEESASUQyIQrQCJBAzEbmkHqsIgJ1xAyaNsK2IbDoFqKqF74FlI+gJjEXk0RmgCt8Bq9Jw21d0BVHhRYDIcDcgOtwF6CLcC7CGW7dpuF8Tkd2Eqmrdboh6T/ao/RvFbED16tWIV+6ch78DqroA7jmPTCrc1QM5h5V847qCkoDUngHQewU+Y/x7IfwPzL8AAAAASUVORK5CYII=)
}

.MenuArrowLeft--hK340:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABDklEQVRYR+3VsUoDQRDG8f+HT2UZ8BUkhKSyUZ/Ad8gDGNKlCSTkPSzF1sLaUrCXkYUE5OCys7tzprlrD+b77dzMrbjwowvnMwLGDoR1wMxSrWfgTdLaO9whgGP4CrgHDHj0IpoBnfDTwRPiTtIm14kmQE94yvwEJpLeBwNEhCdcVQeiwqsAkeHFgOjwIsAQ4aWAtOcPnal2T3vfNriH0MxegOtOoSdJy9yqnXtfApgCW+DqT8EfYCFpV4twA1KAmYUjigBDIIoB0YgqQCSiGpBBzCXtPYPZBMggZpIOOUQzoAfxBdxIev0XQAfx7Q0v+hXnTnJE3AIfnpOf6oV8Ag+u+S5oCQm5C0bAUB34BTfveyH47NS5AAAAAElFTkSuQmCC)
}

.Theme8ImageMenuItemSeend--xoBbj {
    height: 16px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 16px;
    z-index: 2
}

.Theme8TextMenu--_NEt3 {
    background: rgba(0, 0, 0, .3);
    height: 0;
    overflow: hidden;
    padding: 0 36px;
    position: relative;
    transition: height .3s ease-in-out;
    width: 100%
}

.Theme8TextMenu--_NEt3.isOpen--AWBBn {
    border-top: 1px solid hsla(0, 0%, 100%, .5)
}

.Theme8TextMenu--_NEt3.isOpen--AWBBn,
.Theme8TextMenuItemWp--hWtGD {
    height: 41px
}

.Theme8TextMenuItem--q_SHU {
    border-bottom: 2px solid transparent;
    cursor: pointer;
    height: 27px;
    margin: 5px 10px 0
}

.Theme8TextMenuItem--q_SHU.selected--LFaBS {
    border-bottom: 2px solid #f6b64c
}

.TextMenuArrowLeft--vzgtb,
.TextMenuArrowRight--_YBS1 {
    cursor: pointer;
    height: 34px;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: 1
}

.TextMenuArrowRight--_YBS1 {
    right: 0
}

.TextMenuArrowLeft--vzgtb {
    left: 0
}

.MenuArrowDisabled--AjiCv {
    visibility: hidden
}

.TextMenuArrowRight--_YBS1 div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABJ0lEQVRYR+3UQU7DMBAFUI8b5V4sOENVdcOKokhRcgR6BE8WsEWiC8KSFSfgDFwg4RLkI0utVFWoGTtjZZOsbf+X8YzJzPzRzPlmASwVCKpA27arvu9frLUfZVm+aTSwGODDu647GGPWRPRrrd1qIMQA59wrgO3pr7UQYkDTNOthGA4AVpoIMcCHpkAEAVIgggHaiCiAJiIaoIWYBLiGALCp6/p97LGaDABAzPwJ4PY8jIj2VVU9JgUcw58B3F8E9Xme3xRF8Z0M4MOdc0/GmF1suN8XdQVa4VEAzfBggHZ4ECBFeBDANxyAhykN999EiJuQmXcAPOK0Rzxq10ZRDPCHnCF+pHOu/g4w812WZV+SR2YsPKgHJIfFrAm6gpiAsT0LYPYK/AHRP9shA1fcawAAAABJRU5ErkJggg==);
    background-size: 100%;
    height: 16px;
    width: 16px
}

.TextMenuArrowLeft--vzgtb div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABM0lEQVRYR+3UsUrEQBAG4Jkk5J0sD3wFEdHKxjMku+l8B6tNAh52NoLie1iKrYW1pWBvRhZOCXIms7uzpknaDft/O8wMwswfzpwPC2CpgFgFiAjbtr1CxGel1DW3uUUANrxpmg0AnCEiIeI5FxEMGIZ/v3qLOFVK3UxVIgiwK3wb+Jbn+aooipdoAIlwi/OqgFS4F0Ay3BkgHe4EiBHuBLBzTkTrX13N7va/poHdhMaYRwDYG16EiBda68upURs7ZwO6rjvs+/6WiNLBwvkEgBOt9Z0vgg2wATEQToAYCGeANMILIInwBowhkiQ5rqrqntOYQYAxBBEd1XX9MIUIBuxCIOJ7mqb7ZVk+/QtgiACAD2640yqeeok9N8YcZFn2ynn5zzLjXBzzH5EeCAEugNkr8AV3288hkF4shAAAAABJRU5ErkJggg==);
    background-size: 100%;
    height: 16px;
    width: 16px
}

.TextMenuArrowRight--_YBS1:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABAUlEQVRYR+3UsQ3CQAyF4d9iMgpmQIiGChgDpoAWCQpEScUEzMAEsAQyspRIKELc+eIoTa7O3fvis0/oeUnP+QyAoQKuCqjqCDgAVxE5RzRwNqAKPwFT4A3MIxAewNFCv/46BOEB2J9bBewa6tUakQ2wRFUNR7gAXSDcgGhEESASUQyIQrQCJBAzEbmkHqsIgJ1xAyaNsK2IbDoFqKqF74FlI+gJjEXk0RmgCt8Bq9Jw21d0BVHhRYDIcDcgOtwF6CLcC7CGW7dpuF8Tkd2Eqmrdboh6T/ao/RvFbED16tWIV+6ch78DqroA7jmPTCrc1QM5h5V847qCkoDUngHQewU+Y/x7IfwPzL8AAAAASUVORK5CYII=)
}

.TextMenuArrowLeft--vzgtb:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABDklEQVRYR+3VsUoDQRDG8f+HT2UZ8BUkhKSyUZ/Ad8gDGNKlCSTkPSzF1sLaUrCXkYUE5OCys7tzprlrD+b77dzMrbjwowvnMwLGDoR1wMxSrWfgTdLaO9whgGP4CrgHDHj0IpoBnfDTwRPiTtIm14kmQE94yvwEJpLeBwNEhCdcVQeiwqsAkeHFgOjwIsAQ4aWAtOcPnal2T3vfNriH0MxegOtOoSdJy9yqnXtfApgCW+DqT8EfYCFpV4twA1KAmYUjigBDIIoB0YgqQCSiGpBBzCXtPYPZBMggZpIOOUQzoAfxBdxIev0XQAfx7Q0v+hXnTnJE3AIfnpOf6oV8Ag+u+S5oCQm5C0bAUB34BTfveyH47NS5AAAAAElFTkSuQmCC)
}

.ImageMenuItemPayIcon--uiDrL {
    height: 16px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 16px;
    z-index: 2
}

.ImageMenuLimit--aX0Wj {
    align-items: center;
    backdrop-filter: saturate(100%) blur(2px);
    -webkit-backdrop-filter: saturate(100%) blur(2px);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.ImageMenuLimit--aX0Wj img {
    display: block;
    height: 16px;
    width: 16px
}

@media (max-width:1024px) {
    .Theme8ImageMenu--SYtE_ {
        padding: 0 5px
    }

    .Theme8ImageMenu--SYtE_.isOpen--AWBBn {
        height: 75px
    }

    .MenuArrowLeft--hK340,
    .MenuArrowRight--olI7l {
        display: none !important
    }

    .Theme8ImageMenuItem--y8rJP {
        border: 2px solid #fff;
        height: 64px;
        width: 64px
    }

    .Theme8ImageMenuItemSeend--xoBbj {
        height: 12px;
        right: 3px;
        top: 3px;
        width: 12px
    }

    .Theme8TextMenu--_NEt3 {
        padding: 0 5px
    }

    .TextMenuArrowLeft--vzgtb,
    .TextMenuArrowRight--_YBS1 {
        display: none !important
    }

    .ImageMenuItemPayIcon--uiDrL {
        height: 12px;
        left: 3px;
        top: 3px;
        width: 12px
    }
}

.MenuTheme9MenuItem--_ZMSU {
    cursor: pointer;
    height: 38px;
    padding-right: 15px
}

.MenuTheme9Arrow--VYjSo {
    margin-right: 5px
}

.MenuTheme9Level0--Gt5wr {
    font-weight: 700
}

.MenuTheme9PayIcon--_wobP {
    height: 16px;
    margin-left: 5px;
    width: 16px
}

.largePlay--klNb6 {
    cursor: pointer;
    height: 60px;
    left: 50%;
    pointer-events: all;
    position: fixed;
    top: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 60px
}

.VideoController--Jeafr {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 5px;
    height: 50px;
    margin-bottom: 20px;
    padding: 0 10px;
    pointer-events: all;
    width: 310px
}

.icon--XFWrM {
    cursor: pointer;
    height: 32px;
    width: 32px
}

.trackOption--_EiFb {
    cursor: pointer;
    height: 30px
}

.trackOption--_EiFb:hover {
    background-color: #f8f8f8
}

@media (max-width:1024px) {
    .largePlay--klNb6 {
        height: 46px;
        width: 46px
    }
}

.Select--IIi8k {
    position: relative
}

.value--_SZpg {
    cursor: pointer
}

.optionBox--yQR2q {
    bottom: 0;
    color: #000;
    position: absolute;
    right: 0;
    z-index: 4300
}

.optionBottom--AgHCW {
    margin-bottom: 96px;
    position: relative
}

.option--Ub96A {
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.arrow--_Vizn {
    background: #fff;
    bottom: -4px;
    height: 8px;
    left: 50%;
    position: absolute;
    transform: translate(-50%) rotate(45deg);
    width: 8px
}

.ThemeMenu--Ds_BJ {
    margin-bottom: 20px;
    position: relative
}

.bottom--iaorB {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.compassPos--_qItA {
    height: 0
}

@media (max-width:1024px) {
    .ThemeMenu--Ds_BJ {
        margin-bottom: 11px
    }

    .compassPos--_qItA {
        height: 20px
    }

    .safeHeight--wGaGL {
        height: 0;
        height: calc(constant(safe-area-inset-bottom));
        height: calc(env(safe-area-inset-bottom))
    }
}

.Subtitle--khYW4 {
    bottom: 120px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    left: 50%;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-shadow: 0 2px 2px #000;
    transform: translateX(-50%);
    white-space: pre-wrap;
    width: 600px;
    word-break: break-word
}

.Subtitle--khYW4.isOpenGroups--igZc2 {
    bottom: 165px
}

.Subtitle--khYW4.theme1--l8IBy,
.Subtitle--khYW4.theme8--ZruLM,
.Subtitle--khYW4.theme9--sjI53 {
    margin-bottom: 20px;
    position: static;
    transform: translateX(0)
}

@media (max-width:1024px) {
    .Subtitle--khYW4 {
        bottom: 88px;
        width: 80vw
    }

    .Subtitle--khYW4.isOpenGroups--igZc2 {
        bottom: 133px
    }

    .Subtitle--khYW4.theme1--l8IBy,
    .Subtitle--khYW4.theme8--ZruLM {
        margin-bottom: 10px;
        position: static;
        transform: translateX(0)
    }
}

.PlayBtn--_qCoB {
    background: #286efa;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    left: 50%;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4001
}

.PlayBtn--_qCoB img {
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.CustomerDataBtn--RjXtK {
    cursor: pointer;
    height: 40px;
    pointer-events: all;
    width: 40px;
    z-index: 3900
}

.theme1--QMTmY {
    bottom: 15px;
    right: 15px
}

.theme3--uhVLv {
    right: 0
}

.theme4--xBm_H {
    height: 36px;
    width: 36px
}

.theme6--kmctu {
    right: 5px
}

.theme8--ldI9i {
    bottom: 10px;
    right: 15px
}

.theme9--arVHS {
    right: 15px;
    top: 50%
}

@media (max-width:1024px) {
    .theme1--QMTmY {
        bottom: 20px;
        right: 10px
    }

    .theme8--ldI9i {
        bottom: 15px;
        right: 10px
    }

    .theme4--xBm_H {
        height: 30px;
        width: 30px
    }

    .theme6--kmctu {
        right: 1px
    }

    .theme7--Rnl_y {
        height: 32px;
        width: 32px
    }

    .theme9--arVHS {
        margin-top: 15px;
        right: 4px;
        top: auto
    }
}

.topWp--FNP7F {
    top: 0
}

.bottom--F_Ucc,
.topWp--FNP7F {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.bottom--F_Ucc {
    bottom: 0
}

.compassPos--_7GUq {
    height: 0
}

.ThemeMenu--naETa {
    margin-bottom: 20px;
    position: relative
}

@media (max-width:1024px) {
    .ThemeMenu--naETa {
        margin-bottom: 11px
    }

    .compassPos--_7GUq {
        height: 20px
    }

    .safeHeight--pxPYZ {
        height: 0;
        height: calc(constant(safe-area-inset-bottom));
        height: calc(env(safe-area-inset-bottom))
    }
}

.ads--RPf__ {
    height: 90px;
    left: 50%;
    position: absolute;
    top: 60px;
    transform: translateX(-50%);
    width: 728px;
    z-index: 8000
}

.ads--RPf__ img {
    cursor: pointer;
    display: block;
    height: 100%;
    width: 100%
}

.adsClose--xB3dn {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    opacity: 1;
    padding: 0 0 15px 15px;
    top: 0;
    z-index: 1
}

.adsClose--xB3dn,
.adsText--L7A0V {
    position: absolute;
    right: 0;
    width: 35px
}

.adsText--L7A0V {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    color: #fff;
    font-size: 12px;
    height: 20px
}

.adsBtn--t75xZ {
    background: #286efa;
    border-radius: 3px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
    height: 22px;
    padding: 0 10px;
    position: absolute;
    right: 5px
}

@media (max-width:1024px) {
    .ads--RPf__ {
        height: 50px;
        top: 72px;
        width: 320px
    }

    .adsText--L7A0V {
        font-size: 10px;
        height: 18px;
        width: 32px
    }

    .adsBtn--t75xZ {
        font-size: 10px;
        height: 18px;
        padding: 0 6px
    }

    .adsClose--xB3dn {
        height: 31px;
        width: 31px
    }
}

.AuthorWrapper--_L6MZ {
    left: 15px;
    position: absolute;
    top: 15px
}

.RightBtn--updUP {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 0
}

.ThemeMenu--irmda {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 3000
}

.topWp--Zj8Y5 {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.LeftBtn--lDm1w {
    left: 15px;
    position: absolute
}

.compassPos--s2xi6 {
    height: 60px
}

.safeHeight--K5NRz {
    height: 0;
    height: calc(constant(safe-area-inset-bottom));
    height: calc(env(safe-area-inset-bottom))
}

@media (max-width:1024px) {
    .compassPos--s2xi6 {
        height: 50px
    }
}

.RightBtn--tC9x_ img,
.RightBtn--tC9x_ svg {
    display: block;
    height: 24px;
    margin-bottom: 2px;
    width: 24px
}

.RightBtn--tC9x_ {
    color: #fff;
    cursor: pointer;
    margin-bottom: 20px;
    text-align: center;
    text-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

@media (max-width:1024px) {
    .RightBtn--tC9x_ {
        font-size: 12px;
        margin-bottom: 12px
    }
}

.BottomBtn--EaHgr {
    background: rgba(0, 0, 0, .3)
}

.bottom--E5Yi3 {
    bottom: 24px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 3500
}

.bottomContent--Ib1K1 {
    width: 900px
}

.rightWp--KqYWE {
    margin-top: 24px;
    pointer-events: auto;
    position: absolute;
    right: 30px;
    z-index: 2000
}

.RightBtn--_sUhV {
    background: rgba(0, 0, 0, .6);
    border-radius: 50px;
    margin-bottom: 10px;
    padding: 20px 0 0;
    width: 36px
}

.LeftBtn--_ovps {
    color: #fff;
    left: 30px;
    line-height: 1.2;
    margin-top: 24px;
    pointer-events: auto;
    position: absolute;
    z-index: 2000
}

.LeftBtn--_ovps a {
    color: #fff
}

.theme4Mobile--Rkvsw {
    display: none
}

.theme4PcDisclaimer--Y7Br0 {
    bottom: 24px;
    font-size: 12px;
    left: 30px;
    position: fixed;
    z-index: 3500
}

.theme4PcCategory--RN0j2 {
    bottom: 24px;
    position: fixed;
    right: 30px;
    z-index: 3500
}

.split--msGTd {
    background: hsla(0, 0%, 100%, .5);
    height: 1px;
    margin-bottom: 14px;
    width: 23px
}

.compassPos--SA_Tn {
    height: 35px;
    pointer-events: none
}

@media (max-width:1024px) {
    .compassPos--SA_Tn {
        height: 30px
    }

    .LeftBtn--_ovps {
        left: 10px;
        margin-top: 20px
    }

    .bottom--E5Yi3 {
        bottom: 15px;
        left: 10px;
        right: 10px;
        transform: unset
    }

    .theme4Mobile--Rkvsw {
        align-items: flex-end;
        display: flex
    }

    .theme4PcCategory--RN0j2,
    .theme4PcDisclaimer--Y7Br0,
    .theme4PcVideoUi--__zvQ {
        display: none
    }

    .rightWp--KqYWE {
        margin-top: 20px;
        right: 10px
    }

    .RightBtn--_sUhV {
        padding: 16px 0 0;
        width: 30px
    }

    .split--msGTd {
        margin-bottom: 12px;
        width: 20px
    }

    .bottomContent--Ib1K1 {
        width: 100%
    }
}

@media (max-width:1024px) and (min-height:800px) {
    .bottom--E5Yi3 {
        bottom: 30px
    }
}

.Category--fjCdJ {
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    height: 60px;
    width: 60px
}

.Category--fjCdJ.shadow--tOEPc {
    box-shadow: 0 0 0 3px hsla(0, 0%, 100%, .2)
}

.Category--fjCdJ img {
    display: block;
    height: 24px;
    margin-top: 10px;
    width: 24px
}

.CategoryText--m_7zx {
    margin-top: 4px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:1024px) {
    .Category--fjCdJ {
        font-size: 12px;
        height: 50px;
        width: 50px
    }

    .Category--fjCdJ img {
        height: 24px;
        margin-top: 5px;
        width: 24px
    }

    .CategoryText--m_7zx {
        margin-top: 1px
    }
}

.Disclaimer--PAKnm {
    color: #fff;
    cursor: pointer
}

.Disclaimer--PAKnm img {
    display: block;
    height: 12px;
    margin-right: 3px;
    margin-top: 2px;
    width: 12px
}

.DisclaimerTitle--Y63cv {
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:1024px) {
    .Disclaimer--PAKnm {
        line-height: normal
    }

    .Disclaimer--PAKnm img {
        height: 10px;
        margin-top: 0;
        width: 10px
    }
}

.largePlay--ezG1t {
    cursor: pointer;
    height: 60px;
    left: 50%;
    position: fixed;
    top: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 60px
}

.VideoController--zNIhX {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff;
    height: 31px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 118px
}

.icon--pJDtR {
    cursor: pointer;
    display: block;
    height: 26px;
    margin-right: 5px;
    width: 26px
}

@media (max-width:1024px) {
    .largePlay--ezG1t {
        height: 46px;
        width: 46px
    }
}

.leftBox--qo5j_ {
    left: 20px;
    margin-top: 20px;
    pointer-events: auto;
    position: absolute;
    z-index: 2000
}

.SandBoxBtnWp--Q4JOX {
    display: flex
}

.EntrySandBoxBtn--hjtYq {
    margin-right: 20px
}

.rightBtn--_DQiu {
    background: rgba(0, 0, 0, .35);
    border-radius: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.rightBtn--_DQiu,
.rightTop--Wq_ML {
    position: absolute;
    right: 20px;
    z-index: 2000
}

.rightTop--Wq_ML {
    margin-top: 20px;
    pointer-events: auto
}

.bottomBox--oS7fQ {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 3500
}

@media (max-width:1024px) {
    .leftBox--qo5j_ {
        left: 15px
    }

    .rightBtn--_DQiu,
    .rightTop--Wq_ML {
        right: 15px
    }

    .SandBoxBtnWp--Q4JOX {
        display: block
    }

    .EntrySandBoxBtn--hjtYq {
        margin-bottom: 15px;
        margin-right: 0
    }
}

@keyframes blink--yuSD7 {
    0% {
        transform: rotate(0)
    }

    1% {
        transform: rotate(3deg)
    }

    2% {
        transform: rotate(-3deg)
    }

    3% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(0)
    }
}

.adv--OAJ8s {
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    bottom: 40px;
    cursor: pointer;
    height: 50px;
    left: 20px;
    min-width: 175px;
    padding: 0 5px;
    position: absolute;
    transition: transform .1s linear
}

.adv--OAJ8s.isHide--_C9XS {
    transform: translateX(-95%)
}

.adv--OAJ8s.isOpenGroups--zkEMX {
    bottom: 75px
}

.advImg--MM27r {
    background-size: cover;
    border-radius: 4px 4px 4px 4px;
    height: 40px;
    width: 40px
}

.advTitle--pqfHi {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px
}

.advDescribe--_m3AM,
.advTitle--pqfHi {
    font-weight: 500;
    max-width: 154px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.advDescribe--_m3AM {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px
}

.close--R3fxr {
    height: 16px;
    margin-left: 5px;
    width: 16px
}

@media (max-width:1024px) {
    .adv--OAJ8s {
        bottom: 180px;
        left: 15px
    }

    .adv--OAJ8s.isOpenGroups--zkEMX {
        bottom: 215px
    }
}

.next--LEL9K,
.prev--UBSXh {
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px
}

.centre--GC4qM {
    cursor: pointer;
    height: 24px;
    margin: 0 16px;
    width: 24px
}

.close--DQ3h0,
.open--aTaCI {
    display: block;
    height: 24px;
    width: 24px
}

.Controller_wp--d1hnU {
    left: 50%;
    position: absolute;
    top: -75px;
    transform: translateX(-50%)
}

.MenuBtn--DVryW,
.MenuBtnClose--G_Py0 {
    background: rgba(0, 0, 0, .3);
    border-radius: 40px;
    cursor: pointer;
    height: 40px;
    position: relative;
    width: 40px
}

.isOpenGroups--_M9yu,
.MenuBtnClose--G_Py0 {
    background: #286efa
}

.MenuBtnClose--G_Py0 img {
    height: 16px;
    width: 16px
}

.index--SYuQ7 {
    color: #fff;
    font-size: 16px;
    left: 20px;
    position: absolute;
    top: 6px;
    transform: scale(.5);
    transform-origin: left top
}

.MenuBtn--DVryW img {
    height: 24px;
    width: 24px
}

.Tip--_EwTL {
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 38px
}

.content--vXeEZ {
    background: #fff;
    border-radius: 5px;
    color: #000;
    font-weight: 500;
    max-width: 200px;
    padding: 5px 10px;
    white-space: pre
}

.content--vXeEZ img {
    height: 24px;
    margin-right: 6px;
    width: 24px
}

.arrow--asZXA {
    border-bottom: 7px solid #fff;
    border-right: 13px solid transparent;
    bottom: -13px;
    height: 0;
    width: 0
}

.arrowWp--NZMFl {
    margin-left: 18px
}

.Controller--BOHJe {
    background: rgba(0, 0, 0, .3);
    border-radius: 20px;
    height: 40px;
    margin: 0 15px;
    padding: 0 5px;
    position: relative
}

.btn_wp--DBeWk {
    cursor: pointer;
    height: 30px;
    width: 30px
}

.play--TeRLw {
    cursor: pointer;
    height: 16px;
    width: 140px
}

.play--TeRLw img {
    display: block;
    margin-right: 5px
}

.Controller--BOHJe img {
    height: 16px;
    width: 16px
}

.textWp--oi4Bd {
    height: 16px;
    overflow: hidden
}

.textAnimation--_YCXv {
    transition: transform .1s linear
}

.btn_wp--DBeWk img {
    height: 30px;
    width: 30px
}

.Progress--uZ01I {
    background: #fa6400;
    bottom: 0;
    height: 1px;
    left: 35px;
    position: absolute
}

.Sound--ZBSw1 {
    background: rgba(0, 0, 0, .3);
    border-radius: 40px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    display: none !important;
}

.Sound--ZBSw1 img {
    height: 24px;
    width: 24px;
    display: none !important;
}

.Sound--ZBSw1.disable--tyhEQ img {
    opacity: .5
}

.CustomButton--hEcEX img {
    cursor: pointer;
    display: block;
    height: 40px;
    margin-bottom: 5px;
    width: 40px
}

.CustomButton--hEcEX img:first-child {
    margin-top: 5px
}

@media (max-width:1024px) {
    .CustomButton--hEcEX {
        flex: 1
    }

    .CustomButton--hEcEX img {
        margin-right: 10x
    }
}

.SettingModal--HOphH {
    background: rgba(26, 26, 26, .8);
    cursor: pointer;
    transition: height .1s linear
}

.SettingModalBtnWp--gwPa8 {
    flex: 1;
    justify-content: center;
    overflow-x: auto;
    overflow-y: hidden
}

.SettingBtn--nlRky {
    color: #fff;
    font-size: 14px;
    height: 45px;
    margin: 0 15px
}

.SettingBtn--nlRky img {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.close--ecxRZ {
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 0
}

.close--ecxRZ img {
    height: 16px;
    width: 16px
}

@media (max-width:1024px) {
    .SettingModalBtnWp--gwPa8 {
        justify-content: flex-start
    }

    .close--ecxRZ {
        position: inherit
    }
}

.SettingModal--U5kal {
    background: rgba(26, 26, 26, .8);
    cursor: pointer;
    transition: height .1s linear
}

.SettingModalBtnWp--n8I9m {
    flex: 1;
    justify-content: center
}

.SettingBtn--_T6Q2 {
    color: #fff;
    font-size: 14px;
    height: 45px;
    margin: 0 15px;
    white-space: nowrap
}

.SettingBtn--_T6Q2 img,
.SettingBtn--_T6Q2 svg {
    fill: #fff;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.close--vlgqR {
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 0
}

.close--vlgqR img {
    height: 16px;
    width: 16px
}

@media (max-width:1024px) {
    .SettingModalBtnWp--n8I9m {
        justify-content: flex-start
    }
}

.Compass--lILvX {
    display: block;
    height: 70px;
    margin-bottom: 15px;
    width: 70px
}

.bottom--E9NEX {
    bottom: 0;
    height: 200px;
    left: 50%;
    margin-bottom: -150px;
    margin-left: -100px;
    position: fixed;
    width: 200px;
    z-index: 3001
}

@media (max-width:1024px) {
    .Compass--lILvX {
        height: 60px;
        margin-bottom: 10px;
        width: 60px
    }

    .bottom--E9NEX {
        height: 150px;
        margin-bottom: -110px;
        margin-left: -75px;
        width: 150px
    }
}

.RightBtn--sRWPe {
    display: none !important;
    margin-top: 15px;
    pointer-events: auto;
    position: absolute;
    right: 20px;
    z-index: 2000
}

.bottomBox--_M2iM {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 3500
}

.CustomButton--OVuTG {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 3501
}

@media (max-width:1024px) {
    .RightBtn--sRWPe {
        display: flex !important
    }
}

.Controller_wp--CFJNJ {
    left: 50%;
    position: absolute;
    top: -75px;
    transform: translateX(-50%)
}

.LikeWp--mjVdO {
    background: rgba(0, 0, 0, .3);
    border-radius: 20px;
    height: 40px;
    left: 100%;
    margin-left: 15px;
    position: absolute
}

.LikeWp--mjVdO div:first-child {
    margin-left: 10px !important
}

.LikeWp--mjVdO div:last-child {
    margin-right: 10px !important
}

@media (max-width:1024px) {
    .LikeWp--mjVdO {
        display: none !important
    }
}

.RightBtn--ipJyr img {
    height: 20px;
    width: 20px
}

.RightBtn--ipJyr {
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    margin-left: 15px
}

.RightBtn--ipJyr span {
    margin-left: 3px
}

.More--_Kfla {
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden
}

.MoreBtn--Biml5 {
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    height: 50px;
    width: 50px
}

.MoreBtn--Biml5 img {
    height: 30px;
    width: 30px
}

@media (max-width:1024px) {
    .MoreBtn--Biml5 {
        height: 42px;
        width: 42px
    }

    .MoreBtn--Biml5 img {
        height: 26px;
        width: 26px
    }
}

.bottom--Dz3Ay {
    bottom: 10px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 3500
}

.safeHeight--DXWIC {
    height: 0;
    height: calc(constant(safe-area-inset-bottom));
    height: calc(env(safe-area-inset-bottom))
}

.bottomContent--Gdfid {
    margin: 0 auto;
    width: 500px
}

.leftWp--Ksn6u {
    left: 15px
}

.leftWp--Ksn6u,
.rightWp--EygGZ {
    margin-top: 15px;
    pointer-events: auto;
    position: absolute;
    z-index: 2000
}

.rightWp--EygGZ {
    right: 15px
}

.rightWp1--uQ5Qb {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    background: rgba(0, 0, 0, .5);
    border-radius: 20px;
    margin-bottom: 5px;
    padding: 4px 0
}

.authorPvBox--Q3YeN {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px
}

.RightBtn--E0bdU:first-child {
    margin-top: 3px
}

.RightBtn--E0bdU:last-child {
    margin-bottom: 3px
}

.RightBtn--E0bdU {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 7px 0;
    position: relative;
    width: 40px
}

.RightBtn--E0bdU svg {
    display: block;
    height: 20px;
    width: 20px
}

.Subtitle--PBNoD {
    margin-bottom: 5px;
    position: static;
    transform: none
}

.PcDisclaimer--ghf1O {
    bottom: 15px;
    left: 15px;
    position: absolute;
    z-index: 3600
}

.MobileDisclaimer--Q1Yx7 {
    display: none
}

.PcDisclaimer--ghf1O {
    display: block;
    font-size: 12px
}

.RightBtn--E0bdU .tip--apldP {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px 5px 5px 5px;
    display: none;
    font-size: 14px;
    height: 30px;
    padding: 0 10px;
    position: absolute;
    right: 45px;
    top: 2px;
    white-space: nowrap
}

.RightBtn--E0bdU:hover .tip--apldP {
    display: flex
}

.logo--g9s4j {
    margin-right: 20px
}

.compassPos--gy34q {
    height: 45px
}

@media (max-width:1024px) {
    .compassPos--gy34q {
        height: 35px
    }

    .logo--g9s4j {
        margin-right: 10px
    }

    .RightBtn--E0bdU svg {
        height: 16px;
        width: 16px
    }

    .bottom--Dz3Ay {
        bottom: 10px;
        left: 10px;
        right: 10px
    }

    .bottomContent--Gdfid {
        width: 100%
    }

    .rightWp--EygGZ {
        margin-top: 10px;
        right: 10px
    }

    .RightBtn--E0bdU {
        width: 32px
    }

    .leftWp--Ksn6u {
        left: 10px;
        margin-top: 10px
    }

    .Subtitle--PBNoD {
        margin-bottom: 10px
    }

    .MobileDisclaimer--Q1Yx7 {
        display: block;
        font-size: 12px;
        margin-bottom: 5px
    }

    .PcDisclaimer--ghf1O,
    .RightBtn--E0bdU:hover .tip--apldP {
        display: none
    }
}

.entrySandBoxBtnTheme7--QZdJF {
    font-size: 12px;
    height: 28px
}

.bottom--rGya_ {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 3000
}

.compassPos--KDZhk {
    height: 0
}

.leftWp--CuK1m {
    left: 15px
}

.leftWp--CuK1m,
.rightWp--ESFBI {
    margin-top: 15px;
    pointer-events: auto;
    position: absolute;
    z-index: 2000
}

.rightWp--ESFBI {
    right: 15px
}

.bottom_left--QDV9W {
    bottom: 0;
    left: 15px;
    position: absolute
}

.bottom_right--nNQjZ {
    bottom: 0;
    position: absolute;
    right: 15px
}

.ThemeMenu--_Ec_o {
    position: relative
}

.authorPvBox--zr0O5 {
    color: #fff;
    margin-bottom: 4px
}

@media (max-width:1024px) {
    .compassPos--KDZhk {
        height: 20px
    }

    .leftWp--CuK1m {
        left: 10px;
        margin-top: 10px
    }

    .rightWp--ESFBI {
        margin-top: 10px;
        right: 10px
    }

    .bottom_left--QDV9W {
        left: 0
    }

    .bottom_right--nNQjZ {
        right: 0
    }

    .safeHeight--JVZwx {
        height: 0;
        height: calc(constant(safe-area-inset-bottom));
        height: calc(env(safe-area-inset-bottom))
    }
}

.bottomWp--DkNp_ {
    height: 70px;
    position: relative
}

.bottom_left--xKJ5f {
    left: 0
}

.bottom_left--xKJ5f,
.bottom_right--KiSnU {
    bottom: 0;
    pointer-events: all;
    position: absolute;
    z-index: 3500
}

.bottom_right--KiSnU {
    right: 0
}

@media (max-width:1024px) {
    .bottomWp--DkNp_ {
        height: 60px;
        position: relative
    }

    .bottom_left--xKJ5f {
        left: 5px
    }

    .bottom_right--KiSnU {
        right: 5px
    }
}

.compassPos--EcQWv {
    height: 45px
}

.safeHeight--CDumv {
    height: 0;
    height: calc(constant(safe-area-inset-bottom));
    height: calc(env(safe-area-inset-bottom))
}

.bottomWp--JiinD {
    bottom: 15px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 3500
}

.bottom--hYqqc {
    display: flex;
    flex-flow: row;
    justify-content: center;
    pointer-events: none
}

.bottom2--a9SkP {
    bottom: 63px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 3500
}

.leftWp--a3IfS {
    left: 15px;
    margin-top: 15px;
    pointer-events: auto;
    position: absolute;
    z-index: 2000
}

.BtnWp--VyOzz {
    height: 48px
}

@media (max-width:1024px) {
    .compassPos--EcQWv {
        height: 30px
    }

    .bottomWp--JiinD {
        left: 15px;
        right: 13px;
        transform: none
    }

    .bottom--hYqqc {
        justify-content: flex-end
    }
}

.Controller--fYL8r {
    backdrop-filter: saturate(180%) blur(5px);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: 5px;
    height: 100%;
    margin: 0 3px;
    padding: 0 8px
}

.btn--_JJmf {
    height: 100%;
    position: relative;
    width: 34px
}

.btn--_JJmf svg {
    fill: #1a1a1a;
    cursor: pointer
}

.tip--cnxEW {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 12px;
    left: 50%;
    padding: 5px 10px;
    position: absolute;
    top: -27px;
    transform: translateX(-50%);
    white-space: nowrap
}

@media (min-width:1024px) {
    .btn--_JJmf:hover svg {
        fill: #286efa
    }

    .btn--_JJmf:hover .tip--cnxEW {
        display: block
    }
}

.split--i_zPK {
    background: hsla(0, 0%, 100%, .5);
    height: 2px;
    margin-bottom: 7px;
    margin-top: 7px;
    width: 16px
}

.Progress--V5JA1 {
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(-90deg)
}

.PlayBtn--ZUW_l {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    background: rgba(0, 0, 0, .5);
    border-radius: 20px;
    cursor: pointer;
    height: 40px;
    margin-bottom: 5px;
    padding: 7px 0;
    position: relative;
    width: 40px
}

.PlayBtn--ZUW_l .tip--pTVyI {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    display: none;
    font-size: 14px;
    height: 30px;
    padding: 0 10px;
    position: absolute;
    right: 45px;
    top: 2px;
    white-space: nowrap
}

.PlayBtn--ZUW_l svg {
    display: block;
    height: 20px;
    width: 20px
}

.PlayBtn--ZUW_l:hover .tip--pTVyI {
    display: flex
}

@media (max-width:1024px) {
    .PlayBtn--ZUW_l {
        height: 32px;
        width: 32px
    }

    .PlayBtn--ZUW_l svg {
        height: 16px;
        width: 16px
    }

    .PlayBtn--ZUW_l:hover .tip--pTVyI {
        display: none
    }
}

.PlayBtn--_6Ave {
    width: 34px
}

.svgWp--mTI9g {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.tip--WFSlX {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 12px;
    left: 50%;
    padding: 5px 10px;
    position: absolute;
    top: -43px;
    transform: translateX(-50%);
    white-space: nowrap
}

@media (min-width:1024px) {
    .svgWp--mTI9g:hover .tip--WFSlX {
        display: block
    }
}

.MoreBtn--_SQIc {
    backdrop-filter: saturate(180%) blur(5px);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    border-radius: 5px;
    height: 100%;
    margin: 0 2px;
    padding: 0 8px
}

.Button--r095_ {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 44px
}

.Button--r095_ svg {
    fill: #1a1a1a
}

.text--_LFe5 {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 12px;
    left: 50%;
    padding: 5px 10px;
    position: absolute;
    top: -27px;
    transform: translateX(-50%);
    white-space: nowrap
}

@media (min-width:1024px) {
    .Button--r095_:hover svg {
        fill: #286efa
    }

    .Button--r095_:hover .text--_LFe5 {
        display: block
    }
}

.MenuBtnWp--ATbQE {
    bottom: 15px;
    left: 15px;
    position: absolute;
    z-index: 4000
}

.safeHeight--dmlAO {
    height: 0;
    height: calc(constant(safe-area-inset-bottom));
    height: calc(env(safe-area-inset-bottom))
}

.MenuBtn--lkv_5 {
    backdrop-filter: saturate(180%) blur(5px);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    background: hsla(0, 0%, 100%, .9);
    border-radius: 5px;
    cursor: pointer;
    height: 48px;
    width: 56px
}

@media (max-width:1024px) {
    .compassPos--_q_ZN {
        height: 30px
    }
}

.Theme9Menu--MRJx5 {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    color: #1a1a1a;
    position: fixed;
    transform: translateX(-100%);
    transition: transform .2s ease-in-out;
    width: 300px
}

.Theme9Menu--MRJx5,
.Theme9MenuWp--g9JJr {
    bottom: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4003
}

.Theme9MenuWp--g9JJr {
    position: absolute
}

.Theme9Menu--MRJx5.isShow--_yBIK {
    transform: translateX(0)
}

.Close--__Nq3 {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px
}

.title--_5tUg {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    word-break: break-word
}

.authorWp--pK5XH {
    font-size: 12px;
    overflow: hidden
}

.authorA--Ed_R_ {
    flex: 1;
    margin-top: 10px;
    overflow: hidden
}

.author--WL_g_ {
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Pv--M70mo {
    margin-top: 10px;
    white-space: nowrap
}

@media (max-width:1024px) {
    .Theme9Menu--MRJx5 {
        width: 250px
    }

    .title--_5tUg {
        margin-top: 15px
    }
}

.logo--PKnc0 {
    cursor: pointer
}

.Setting--Mqo42 {
    background: hsla(0, 0%, 49%, .1);
    height: 54px;
    padding: 0 10px
}

@media (max-width:1024px) {
    .Setting--Mqo42 {
        height: 54px;
        height: calc(54px + constant(safe-area-inset-bottom));
        height: calc(54px + env(safe-area-inset-bottom));
        overflow-x: auto;
        padding-bottom: calc(env(safe-area-inset-bottom))
    }
}

.Button--ALjdI {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 44px
}

.Button--ALjdI svg {
    fill: #1a1a1a
}

.text--KpruI {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 12px;
    left: 50%;
    padding: 5px 10px;
    position: absolute;
    top: -14px;
    transform: translateX(-50%);
    white-space: nowrap
}

@media (min-width:1024px) {
    .Button--ALjdI:hover svg {
        fill: #286efa
    }

    .Button--ALjdI:hover .text--KpruI {
        display: block
    }
}

@media (max-width:1024px) {
    .Button--ALjdI {
        min-width: 38px
    }
}

.select--dpIIT {
    backdrop-filter: saturate(180%) blur(5px);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    background-color: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 38px;
    padding: 0 10px;
    width: 230px
}

.isOpen--AGfRj {
    z-index: 4102 !important
}

.cover--Z7UY_ {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4101
}

.selected--bIJGZ {
    color: #286efa
}

.select--dpIIT div {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select--dpIIT svg {
    margin-right: 5px
}

.optionWp--tRqmT {
    background: #fff;
    border-radius: 5px;
    color: #1a1a1a;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0
}

.option--kWkrL {
    cursor: pointer;
    height: 38px;
    padding: 0 10px;
    width: 100%
}

.option--kWkrL div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.selectWp--nhg2J {
    font-size: 14px
}

@media (min-width:1024px) {
    .hover--Oel_p:hover {
        background: #efefef
    }
}

@media (max-width:1024px) {
    .selectWp--nhg2J {
        font-size: 10px
    }

    .select--dpIIT {
        bottom: 100px;
        height: 28px;
        padding: 0 10px;
        top: auto;
        width: 140px
    }

    .option--kWkrL {
        height: 28px
    }
}

.ContrastSelect--F_Hz_ {
    left: 50%;
    pointer-events: all;
    position: fixed;
    top: 15px;
    transform: translateX(-50%);
    z-index: 3900
}

.isSubtitle--kp_LT {
    top: 45px
}

.select--U2LjL {
    background: hsla(0, 0%, 100%, .9)
}

@media (max-width:1024px) {
    .ContrastSelect--F_Hz_ {
        font-size: 12px !important
    }
}

.SocialMobile--s6rw1 {
    backdrop-filter: saturate(180%) blur(5px);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    border-radius: 5px;
    padding: 7px 0;
    pointer-events: all;
    position: relative;
    z-index: 2000
}

.SocialMobileWp--_n6PO {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 0
}

.Button--gAOmi {
    height: 50px;
    width: 48px
}

.Button--gAOmi div {
    display: block;
    font-size: 10px;
    margin-top: 3px
}

.bottomWp--gdOje {
    bottom: 30px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 3000
}

.buttonWp--LFhn1 {
    backdrop-filter: saturate(180%) blur(5px);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    margin: 0 3px;
    padding: 0 10px
}

.LeftBtn--qnhVk {
    left: 15px;
    position: absolute;
    top: 15px;
    z-index: 3999
}

.MenuWp--uWbdo {
    bottom: 96px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 4000
}

.fill--_17vB {
    background: rgba(0, 0, 0, .5);
    display: none
}

@media (max-width:1024px) {
    .MenuWp--uWbdo {
        bottom: 66px;
        bottom: calc(66px + constant(safe-area-inset-bottom));
        bottom: calc(66px + env(safe-area-inset-bottom))
    }

    .bottomWp--gdOje {
        backdrop-filter: saturate(180%) blur(5px);
        -webkit-backdrop-filter: saturate(180%) blur(5px);
        background: rgba(0, 0, 0, .5);
        bottom: 0;
        left: 0;
        right: 0;
        transform: none
    }

    .fill--_17vB {
        display: block;
        flex: 1
    }

    .buttonWp--LFhn1 {
        border-radius: 0;
        margin: 0;
        padding: 0
    }

    .middle--WXZcI {
        flex: 1;
        overflow-x: auto
    }
}

.Button--_ZsgB {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 56px;
    height: calc(56px + constant(safe-area-inset-bottom));
    height: calc(56px + env(safe-area-inset-bottom));
    position: relative;
    width: 80px
}

.Button--_ZsgB img {
    height: 16px;
    margin-bottom: 4px;
    margin-top: 10px;
    width: 16px
}

.line--_p9bd {
    background: transparent;
    bottom: 0;
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px
}

.Button--_ZsgB.selected--ZkCyg .line--_p9bd {
    background: #fa6400
}

.text--aImRs {
    white-space: nowrap
}

@media (min-width:1024px) {
    .Button--_ZsgB:hover .line--_p9bd {
        background: #fa6400
    }
}

@media (max-width:1024px) {
    .Button--_ZsgB {
        font-size: 10px;
        width: 60px
    }

    .line--_p9bd {
        bottom: 5px;
        bottom: calc(5px + constant(safe-area-inset-bottom));
        bottom: calc(5px + env(safe-area-inset-bottom))
    }
}

.PanoSandBox--rMCv_ {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    margin-top: 10px;
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    right: 60px;
    width: 170px;
    z-index: 2000
}

.PanoSandBox--rMCv_.zoomOut--j8Wzw {
    height: 56px;
    width: 56px
}

.PanoSandBox--rMCv_.zoomOut--j8Wzw .PanoSandBoxContent--ev7x0 {
    height: 50px;
    width: 50px
}

.PanoSandBox--rMCv_.zoomOut--j8Wzw .PanoSandBoxBtn--_snUf {
    display: none
}

.make--_nN1J {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000
}

.theme3--R5iD3 {
    margin-top: 15px;
    position: inherit;
    right: 0
}

.theme4--qq9ik {
    margin-top: 25px;
    right: 76px
}

.theme5--_H5if {
    margin-top: 95px;
    right: 20px
}

.theme6--yHQP9 {
    margin-top: 20px;
    right: 20px
}

.theme7--s6Dcj {
    margin-top: 15px;
    right: 66px
}

.theme9--YshsS {
    margin-top: 15px;
    right: 15px
}

.isFull--dRnqz {
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    height: auto;
    left: 0;
    margin-top: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: auto;
    z-index: 5000;
    z-index: 4200
}

.PanoSandBoxContent--ev7x0 {
    border-radius: 5px;
    height: 164px;
    margin: 3px 3px 0;
    position: relative;
    width: 164px
}

.isFull--dRnqz .PanoSandBoxContent--ev7x0 {
    height: 70%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%
}

.PanoSandBoxBtn--_snUf {
    cursor: pointer;
    height: 28px
}

.PanoSandBoxBtnWp--meC9L {
    color: #fff;
    flex: 1;
    font-size: 14px;
    overflow: hidden
}

.PanoSandBoxBtnTitle--Lm0_h {
    flex: 1;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PanoSandBoxBtn--_snUf img {
    height: 16px;
    margin-right: 10px;
    width: 16px
}

.closeWp--B8l0n {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 36px
}

.close--_1ACe {
    height: 16px;
    width: 16px
}

.MenuItemBg--qyd_S {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.MenuItem--_LoWF {
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0 6px;
    width: 80px
}

.MenuItem--_LoWF div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MenuItem--_LoWF.active--_ZYeq {
    background: #fff;
    color: #1a1a1a
}

.switchBtn--r4WqM {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    height: 30px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 36px
}

.switchBtn--r4WqM img {
    height: 16px;
    width: 16px
}

.switchBtn--r4WqM.satellite--yXw9E {
    background: #286efa
}

.needle--qiWP2 {
    height: 70px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 70px
}

.switchBtnTip--M5H5n {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff;
    display: none !important;
    font-size: 12px;
    height: 26px;
    left: 41px;
    padding: 0 10px;
    position: absolute;
    top: 2px;
    white-space: nowrap
}

.switchBtn--r4WqM:hover .switchBtnTip--M5H5n {
    display: flex !important
}

.mapStyle--FmzTJ {
    cursor: pointer;
    height: 30px;
    line-height: normal;
    padding: 0 10px
}

.mapStyle--FmzTJ,
.mapStyleItemBox--_qXdc {
    background: #fff;
    border-radius: 5px;
    width: 117px
}

.mapStyleItemBox--_qXdc {
    margin-top: 5px;
    padding: 10px
}

.mapStyleItem--zdX_U {
    cursor: pointer;
    height: 30px;
    line-height: normal;
    padding: 0 10px
}

@media (max-width:1000px) {
    .PanoSandBoxBtnTitle--Lm0_h {
        display: none
    }

    .PanoSandBoxBtnWp--meC9L img {
        margin: 0 10px
    }

    .PanoSandBox--rMCv_ {
        margin-top: 10px;
        right: 44px;
        width: 94px
    }

    .theme3--R5iD3 {
        right: 0
    }

    .theme4--qq9ik {
        margin-top: 20px;
        right: 52px
    }

    .theme5--_H5if {
        margin-top: 80px;
        right: 14px
    }

    .theme6--yHQP9 {
        margin-top: 50px;
        right: 20px
    }

    .theme7--s6Dcj {
        margin-top: 10px;
        right: 52px
    }

    .theme9--YshsS {
        margin-top: 15px;
        right: 15px
    }

    .isFull--dRnqz {
        bottom: 0;
        height: auto;
        left: 0;
        margin: 0;
        right: 0;
        top: 0;
        width: auto
    }

    .PanoSandBoxContent--ev7x0 {
        height: 90px;
        margin: 2px 2px 0;
        overflow: hidden;
        width: 90px
    }

    .PanoSandBox--rMCv_.zoomOut--j8Wzw .PanoSandBoxContent--ev7x0 {
        margin: 3px 3px 0
    }

    .isFull--dRnqz .PanoSandBoxContent--ev7x0 {
        bottom: 0;
        height: auto;
        left: 0;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: unset;
        width: auto
    }

    .MenuItemBg--qyd_S {
        background: rgba(0, 0, 0, .5);
        border-radius: 5px;
        bottom: 40px;
        padding: 5px;
        position: absolute;
        right: 10px;
        top: auto;
        transform: unset
    }

    .MenuItemWp--ARY3S {
        -webkit-overflow-scrolling: touch;
        max-height: 90px;
        overflow: hidden;
        overflow-y: auto
    }

    .MenuItem--_LoWF {
        background: transparent;
        border-radius: 0;
        height: 26px;
        margin-bottom: 0;
        width: 80px
    }

    .closeWp--B8l0n {
        background: rgba(0, 0, 0, .5);
        right: 10px;
        top: 10px
    }

    .switchBtn--r4WqM:hover .switchBtnTip--M5H5n {
        display: none !important
    }

    .PanoSandBoxBtn--_snUf {
        height: 23px
    }

    .PanoSandBoxBtnWp--meC9L {
        font-size: 12px
    }

    .groupImage--Ib45W {
        bottom: 85px;
        bottom: calc(85px + constant(safe-area-inset-bottom));
        bottom: calc(85px + env(safe-area-inset-bottom))
    }

    .groupText--b_l0o {
        bottom: 55px;
        bottom: calc(55px + constant(safe-area-inset-bottom));
        bottom: calc(55px + env(safe-area-inset-bottom))
    }
}

.amap-marker-label {
    background-color: transparent;
    border: 0;
    line-height: 1.4;
    padding: 0
}

.krp-sand-box-thumb {
    background-color: #fff;
    border-radius: 5px;
    margin: 0;
    padding: 5px 5px 2px;
    width: 100px
}

.krp-sand-box-thumb img {
    border-radius: 5px;
    display: block;
    height: 90px;
    margin: 0;
    padding: 0;
    width: 90px
}

.krp-sand-box-img-wp {
    position: relative
}

.krp-sand-box-btn {
    align-items: center;
    background: rgba(0, 0, 0, .5);
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    left: 50%;
    padding: 0 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.krp-sand-box-name {
    font-size: 12px;
    margin-top: 2px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.amap-copyright,
.amap-logo {
    display: none !important
}

.SandBoxGroup--BtWl9 {
    bottom: 30px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 4000
}

.SandBoxGroupWp--s5e1H {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: red;
    border-radius: 5px;
    max-width: 1000px;
    padding: 0 5px
}

.img--tqRQC {
    display: block;
    height: 24px;
    margin-bottom: 5px;
    width: 24px
}

.Item--oTkUw {
    cursor: pointer;
    height: 65px;
    overflow: hidden;
    padding: 0 5px;
    width: 60px
}

.text--Aq7zT {
    height: 36px
}

.name--R9fB4 {
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:1024px) {
    .SandBoxGroup--BtWl9 {
        bottom: 0
    }

    .SandBoxGroupWp--s5e1H {
        max-width: 100%;
        padding-bottom: calc(env(safe-area-inset-bottom))
    }
}

.menuBg--tPupq {
    backdrop-filter: saturate(180%) blur(5px);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    background: rgba(0, 0, 0, .5)
}

.OverlapProgressWp--gPb1H {
    bottom: 115px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.OverlapProgress--xmQMV {
    backdrop-filter: saturate(180%) blur(5px);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 40px;
    padding: 0 20px;
    pointer-events: auto;
    position: relative;
    width: 420px
}

.Progress--Degyb {
    background: hsla(0, 0%, 100%, .3);
    height: 4px;
    width: 100%
}

.ProgressWp--zuJG4 {
    height: 4px;
    left: 20px;
    position: absolute;
    right: 74px
}

.ProgressBtn--tNxD4 {
    background: #fff;
    border-radius: 20px;
    color: #1a1a1a;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    position: absolute;
    top: -8px;
    width: 54px
}

@media (max-width:1024px) {
    .OverlapProgressWp--gPb1H {
        bottom: 71px;
        bottom: calc(71px + constant(safe-area-inset-bottom));
        bottom: calc(71px + env(safe-area-inset-bottom));
        left: 20px;
        right: 20px
    }
}

.Split--NzgkM {
    background: #fff;
    height: 100%;
    width: 3px
}

.SplitWp--BR2FL {
    cursor: ew-resize;
    height: 100%;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 10px;
    z-index: 100
}

.SplitWp--BR2FL img {
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px
}

@media (max-width:1024px) {
    .Split--NzgkM {
        width: 2px
    }
}

.MainSelect--Htx3c {
    left: 25%;
    position: absolute;
    top: 15px;
    transform: translateX(-50%);
    z-index: 3900
}

.MainSelect--Htx3c.type2--_o6ak {
    bottom: auto;
    left: 50%;
    top: 15px
}

.ContrastSelect--PZdGq {
    left: 75%;
    position: absolute;
    top: 15px;
    transform: translateX(-50%);
    z-index: 3900
}

.ContrastSelect--PZdGq.type2--_o6ak {
    bottom: auto;
    left: 50%;
    margin-top: 15px;
    top: 50%
}

@media (max-width:1024px) {
    .text-container--_nZeF {
        height: 152px
    }

    .ContrastSelect--PZdGq,
    .MainSelect--Htx3c {
        bottom: 71px;
        bottom: calc(71px + constant(safe-area-inset-bottom));
        bottom: calc(71px + env(safe-area-inset-bottom));
        top: auto
    }

    .option--_iQDX {
        bottom: 28px
    }

    .ContrastSelect--PZdGq.type2--_o6ak .option--_iQDX,
    .MainSelect--Htx3c.type2--_o6ak .option--_iQDX {
        bottom: auto
    }

    .ContrastSelect--PZdGq.type4--PWlsJ,
    .MainSelect--Htx3c.type4--PWlsJ {
        bottom: 126px;
        bottom: calc(126px + constant(safe-area-inset-bottom));
        bottom: calc(126px + env(safe-area-inset-bottom));
        top: auto
    }
}

.Template--T_LP5 {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 14px;
    height: 30px;
    left: 50%;
    padding: 0 6px;
    position: absolute;
    top: 60px;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1500
}

.startImg--Y4jvs {
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-name: fadeIn--iBJd_;
    -webkit-animation-name: fadeIn--iBJd_;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    left: 50%;
    min-width: 1px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10001
}

@keyframes fadeIn--iBJd_ {
    0% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: .9
    }

    to {
        opacity: 0
    }
}

.img--L_Mh3 {
    height: 100%;
    width: 100%
}

.LoadingTheme5_bg--ICAzg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4001
}

.LoadingTheme5_bg--ICAzg img {
    height: 100px;
    width: 100px
}

.Loading--WI1PM {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 7000
}

.logoText--tCrjo {
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    height: 40px;
    width: 130px
}

.AudioModal--HDlj0 {
    background: #606060;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    left: 50%;
    padding: 0 10px;
    position: fixed;
    top: 15px;
    transform: translateX(-50%);
    z-index: 9000
}

.AudioModal--HDlj0 img {
    display: block;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

@media (max-width:1024px) {
    .AudioModal--HDlj0 {
        top: 36px
    }
}

.tip--UTY2C {
    background-color: rgba(0, 0, 0, .7) !important;
    border: 2px solid #babdc7 !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    opacity: 1 !important;
    padding: 4px 10px !important;
    z-index: 100000 !important
}

.tip--UTY2C:after {
    display: none !important
}

.rootWp--decOw {
    bottom: 0;
    display: flex;
    flex-flow: row;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width:1024px) {
    .rootWp--decOw {
        flex-flow: column
    }
}

.disableCursor--onOs3 * {
    cursor: none !important
}

.openPano--_4Kgc {
    background: linear-gradient(180deg, #fa6400, #ffae78);
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    left: 15px;
    line-height: normal;
    padding: 0 10px;
    position: absolute;
    top: 15px;
    z-index: 4001
}

.MenuItemBg--B6QsL {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4001
}

.MenuItem--XOjbD {
    background: rgba(0, 0, 0, .5);
    border: 1px solid transparent;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0 6px;
    width: 80px
}

.MenuItem--XOjbD div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MenuItem--XOjbD.active--rjpmn {
    background: #fff;
    border: 1px solid #2d2d2d;
    color: #1a1a1a
}

.switchBtn--qE5XS {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    height: 30px;
    margin-left: 10px;
    width: 36px
}

.switchBtn--qE5XS img {
    height: 16px;
    width: 16px
}

.switchBtn--qE5XS.satellite--NuWUo {
    background: #286efa
}

.needle--zuWhK {
    height: 70px;
    left: 15px;
    position: absolute;
    top: 50px;
    width: 70px
}

.switchBtnTip--SOCWc {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff;
    display: none !important;
    font-size: 12px;
    height: 26px;
    padding: 0 10px;
    position: absolute;
    right: 41px;
    top: 2px;
    white-space: nowrap
}

.switchBtn--qE5XS:hover .switchBtnTip--SOCWc {
    display: flex !important
}

.openPano--_4Kgc img {
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.mapStyle--Inj3P {
    cursor: pointer;
    height: 30px;
    line-height: normal;
    padding: 0 10px
}

.mapStyle--Inj3P,
.mapStyleItemBox--SoE_6 {
    background: #fff;
    border-radius: 5px;
    width: 117px
}

.mapStyleItemBox--SoE_6 {
    margin-top: 5px;
    padding: 10px
}

.mapStyleItem--_SSsl {
    cursor: pointer;
    height: 30px;
    line-height: normal;
    padding: 0 10px
}

.graffiti--kg3ww {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    margin-left: 10px;
    width: 36px
}

.rightTop--oJuKD {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 4000
}

.graffiti--kg3ww svg {
    fill: #000
}

@media (max-width:1024px) {
    .rightTop--oJuKD {
        right: 10px;
        top: 10px
    }

    .MenuItemBg--B6QsL {
        background: rgba(0, 0, 0, .5);
        border-radius: 5px;
        bottom: 40px;
        padding: 5px;
        position: absolute;
        right: 10px;
        top: auto;
        transform: unset
    }

    .groupImage--wyjcW {
        bottom: 85px;
        bottom: calc(85px + constant(safe-area-inset-bottom));
        bottom: calc(85px + env(safe-area-inset-bottom))
    }

    .groupText--RdY_h {
        bottom: 55px;
        bottom: calc(55px + constant(safe-area-inset-bottom));
        bottom: calc(55px + env(safe-area-inset-bottom))
    }

    .MenuItemWp--sA5ri {
        -webkit-overflow-scrolling: touch;
        max-height: 90px;
        overflow: hidden;
        overflow-y: auto
    }

    .MenuItem--XOjbD {
        background: transparent;
        border-radius: 0;
        height: 26px;
        margin-bottom: 0;
        width: 80px
    }

    .switchBtn--qE5XS {
        right: 10px
    }

    .switchBtn--qE5XS:hover .switchBtnTip--SOCWc {
        display: none !important
    }

    .openPano--_4Kgc {
        font-size: 12px;
        height: 28px;
        left: 10px;
        top: 10px
    }

    .needle--zuWhK {
        left: 10px
    }

    .MenuItem--XOjbD.active--rjpmn {
        border: 1px solid transparent
    }
}

.Cursor--gk0Pe,
.FullScreen--InN_Z {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    margin-left: 10px;
    width: 36px
}

.Cursor--gk0Pe {
    align-items: center;
    display: flex;
    justify-content: center
}

.Cursor--gk0Pe img {
    height: 16px;
    width: 16px
}

.CommentModal--FAHpY {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 20px 0 20px 20px;
    width: 370px
}

.CommentModalAnimation--x68O_ {
    background: #fff;
    width: 370px;
    z-index: 4101
}

.CommentTitle--gzJZ0 {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-right: 20px
}

.tabItems--jnTY_:first-child {
    border-radius: 5px 0 0 5px
}

.tabItems--jnTY_:last-child {
    border-radius: 0 5px 5px 0;
    margin-right: 20px
}

.tabItems--jnTY_ {
    background: #efefef;
    color: #909090;
    cursor: pointer;
    flex: 1;
    height: 36px
}

.tabItems--jnTY_.activity--I6lGQ {
    background: #454545;
    color: #fff
}

.tabs--_Z0vB {
    margin-bottom: 15px
}

.avatar--dnYUu {
    background-size: cover;
    border-radius: 30px;
    height: 30px;
    width: 30px
}

.nameWp--wQYkD {
    overflow: hidden
}

.nameWp--wQYkD.isReply--__qR7 {
    max-width: 50%
}

.name--_VOSW {
    color: #1a1a1a
}

.name--_VOSW,
.replyName--yVc3a {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.replyName--yVc3a {
    color: #909090;
    flex: 1
}

.content--YflD2 {
    margin-left: 10px;
    width: calc(100% - 40px)
}

.comment--A5RX9 {
    color: #1a1a1a;
    cursor: pointer;
    margin: 8px 0;
    white-space: pre-wrap;
    word-break: break-word
}

.comment--A5RX9.activate--H6fRc {
    color: #fa6400
}

.reply--Hhmey {
    background: #efefef;
    border-radius: 5px;
    color: #1a1a1a;
    cursor: pointer;
    font-size: 12px;
    height: 18px;
    margin-right: 15px;
    padding: 0 5px
}

.reply--Hhmey.activate--H6fRc {
    color: #fa6400
}

.like--Im75m {
    background-size: cover;
    cursor: pointer;
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.likeTxt--OBHEZ {
    color: #1a1a1a;
    font-size: 12px
}

.more--G7APp {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAQ9JREFUaIHt1bFtAjEUh/HvOZLrlCeuuWzABogRMgGMkFEyQpggIyRswAZxA6JEospJZ6fhJBTlHDeJKf6/Ct17912FDSIiIiIiIlKHjT+6rrvv+/7JzBYppTmAme2AzX6/fykN/nfHAJqm6Zxzr8B8ohdijMvj8RhyH63RMYDZbPYBdLkosPPeL0MIp6mFGp27tm3XwPqXZYBmGIbP8/n8/tOwVscBq4JlAMxskRlX6bjxD1Iit1ur40qXb5W7HE1Fcru1Oi6ltC19AdhMDWp17HJhvDF95o7C4XB4mBrW6rgQwinG+AiEzPIuxrjM1ip17Prp5QxeXV/dKaWt9/45d/F8d2sdERERERER+QtfX/7tVAJJYQ0AAAAASUVORK5CYII=);
    background-size: cover;
    cursor: pointer;
    height: 16px;
    width: 16px
}

.time--tHpaZ {
    color: #909090;
    flex: 1;
    font-size: 12px
}

.authorTag--gtUya {
    color: #286efa;
    font-size: 12px;
    white-space: nowrap
}

.openContent--owMuD {
    color: #1a1a1a;
    cursor: pointer;
    font-size: 12px
}

.openContent--owMuD img {
    height: 16px;
    width: 16px
}

.arrowBottom--cpCLg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJ9JREFUWEftlDEOgCAQBJfKP8B3LG19pa2l34E/2BkSbYx4LBQ0S0fC3U4mdzgMPm5wPgQgAzIgAzJgGgghrD3fdYxx+6s3Abz3M4AdwESCnACWlNLRBZCLGyCqwnNv08BDT0BUh1MAlSaocBrAgKDDmwAKEE3hzQAviHw1p720CdVD+NXgHkxYq9a9huT+U8+7DFBJhccCkAEZkIHhBi7hajEhz+4XDAAAAABJRU5ErkJggg==)
}

.arrowBottom--cpCLg,
.arrowTop--otDh_ {
    background-size: cover;
    height: 16px;
    width: 16px
}

.arrowTop--otDh_ {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJxJREFUWEft1LEJgDAUhGEfZAHLNJlBnMGpHMCpnEGcIU1KFwhEAgoWYvLOIs3Zh/vyg5Gu8SeN9zsCWIAFWIAFfhVwzvX5KffeH+iTDgPyeIxxzcPGmAlFQIDH+HjdfEMRasDL+F0fQqgAH+MwohpQMQ4hqgCKcTWiCADGVYgiwFo7i8iA/OcppT2EsHydLQKQYc0ZAliABViABU7SAUohcmHpRwAAAABJRU5ErkJggg==)
}

.moreInfo--ILE_M {
    margin-bottom: 20px;
    margin-top: 10px
}

.CommentList--_xEe4 {
    margin-right: 20px
}

.moreOptionWp--NHjsG {
    background: #1a1a1a;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    display: none;
    position: absolute;
    right: 0;
    text-align: center;
    width: 48px
}

.moreWp--L5nRI {
    cursor: pointer;
    padding: 5px 10px;
    position: absolute;
    right: -10px;
    top: -5px
}

.moreWp--L5nRI:hover .moreOptionWp--NHjsG {
    display: block
}

.moreOptionWp--NHjsG div {
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px
}

.moreWp--L5nRI:after {
    content: " ";
    display: none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
}

.moreWp--L5nRI:hover.moreWp--L5nRI:after {
    display: block
}

.release--_lRJ0 {
    background: #909090;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    margin-right: 20px;
    width: 53px
}

.release--_lRJ0.activate--H6fRc {
    background: #286efa
}

.switch--dTynM {
    cursor: pointer;
    height: 30px;
    margin-right: 7px;
    width: 30px
}

.textarea--vxO7_ {
    color: #1a1a1a
}

.textareaLen--gxGCJ {
    color: #1a1a1a;
    font-size: 12px;
    margin-right: 10px
}

.textareaWp--cXHse {
    border: 1px solid #efefef;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    margin-right: 20px;
    padding: 9px 10px
}

.switchTip--C6ALL {
    flex: 1;
    font-size: 12px
}

.textarea--vxO7_ {
    border: 0;
    font-size: 14px;
    max-height: 100px;
    outline: none;
    overflow: hidden;
    resize: none;
    width: 100%
}

.scrollbar--Jpnxc {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.emptyTip--IJ_Qk {
    color: #1a1a1a;
    text-align: center
}

.cancel--Kaexp {
    color: #1a1a1a;
    cursor: pointer;
    margin-right: 10px
}

.loginBtn--YenlJ {
    background: #efefef;
    border-radius: 5px 5px 5px 5px;
    color: #909090;
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    margin-bottom: 10px;
    margin-right: 20px
}

.maxLen--LLN9G {
    color: red
}

.popupitem--yEDg2 {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center
}

.PopupMoreWp--ARYje {
    padding-bottom: calc(env(safe-area-inset-bottom))
}

@media (max-width:1024px) {
    .moreWp--L5nRI:hover .moreOptionWp--NHjsG {
        display: none
    }

    .CommentModal--FAHpY {
        padding: 15px 0 20px 15px
    }

    .CommentModal--FAHpY,
    .CommentModalAnimation--x68O_ {
        height: 50vh;
        min-height: 280px;
        width: 100vw
    }

    .tabItemsMobile--wyDZO {
        border-bottom: 2px solid transparent;
        color: #909090;
        margin-right: 15px;
        padding-bottom: 15px
    }

    .tabItemsMobile--wyDZO.activity--I6lGQ {
        border-bottom: 2px solid #1a1a1a;
        color: #1a1a1a
    }

    .CommentTitle--gzJZ0 {
        border-bottom: 1px solid #efefef;
        margin-right: 15px
    }

    .textareaWp--cXHse {
        flex: 1;
        margin-bottom: 0;
        margin-right: 15px
    }

    .switchTip--C6ALL {
        flex: none;
        margin-right: 15px
    }

    .CommentBody--Zyxir {
        flex: 1
    }

    .CommentBody--Zyxir.commentFocus--_L6t3 {
        display: none
    }

    .CommentModal--FAHpY.commentFocus--_L6t3 {
        height: auto;
        min-height: 0;
        padding-bottom: 4px;
        padding-left: 10px;
        padding-top: 4px
    }

    .CommentModalAnimation--x68O_.commentFocus--_L6t3 {
        height: auto;
        min-height: 0
    }

    .CommentBody--Zyxir.isReply--__qR7 {
        display: flex
    }

    .CommentModal--FAHpY.isReply--__qR7 {
        bottom: 0;
        height: auto;
        top: 0
    }

    .releaseMobile--pgQwm {
        color: #286efa;
        margin-right: 10px
    }

    .loginBtn--YenlJ {
        flex: 1;
        margin-bottom: 0
    }
}

.reportModel--_7_Yc {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000000
}

.reportMask--v55d4 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.reportWp--Q4fx4 {
    background: #fff;
    border-radius: 5px;
    height: 350px;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 550px
}

.reportTitle--iH1Eg {
    flex: 1
}

.reportHead--erN44 {
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
    padding-bottom: 15px
}

.reportCheckbox--eiiO_ {
    margin-bottom: 20px;
    margin-right: 33px
}

.reportCheckbox--eiiO_:nth-child(5) {
    margin-right: 0
}

.reportModel--_7_Yc textarea {
    border: 1px solid #efefef;
    height: 125px;
    outline: none;
    padding: 10px;
    resize: none;
    width: 100%
}

.Submit--gQHyL {
    background: #286efa;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    margin-top: 20px;
    width: 53px
}

.ReportMobileItem--lP8Tx {
    align-items: center;
    display: flex;
    height: 48px;
    padding: 0 20px
}

.ReportMobileItem--lP8Tx img {
    height: 16px;
    width: 16px
}

.ReportMobileItem--lP8Tx div {
    flex: 1
}

.mobileStep2--bP_Am {
    padding: 15px 20px
}

.reason--jnVk0 {
    margin-bottom: 30px
}

.textareaTitle--_Hpn2 {
    margin-bottom: 10px
}

.mobileTextarea--Tepu_ {
    border: 1px solid #efefef;
    border-radius: 5px;
    height: 100px;
    margin-bottom: 50px;
    outline: none;
    padding: 9px 10px;
    resize: none;
    width: 100%
}

.mobileSubmit--_2mVo {
    align-items: center;
    background: #286efa;
    border-radius: 5px;
    color: #fff;
    display: flex;
    height: 38px;
    justify-items: center
}

.mobileStep1--O235k,
.mobileStep2--bP_Am {
    padding-bottom: calc(15px + env(safe-area-inset-bottom))
}

.Checkbox--_KjRU img {
    display: block;
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.Checkbox--_KjRU {
    cursor: pointer
}

.SmallModal--muR7W {
    background: #fff;
    border-radius: 5px;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 550px;
    z-index: 9000
}

.modal2--H0ysZ {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9000
}

.title2--ZJrJh {
    color: #fff;
    left: 50%;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 20px;
    transform: translateX(-50%);
    white-space: nowrap
}

.content2--E75xb {
    background: #fff;
    bottom: 60px;
    left: 60px;
    position: absolute;
    right: 60px;
    top: 60px
}

.closeWp2--_hr8L {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 36px;
    z-index: 1
}

.close2--_hAOr {
    height: 16px;
    width: 16px
}

.backdrop2--P8a4L {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.header--_6E_q {
    align-items: center;
    color: #1a1a1a;
    display: flex;
    height: 50px;
    margin: 0 0 0 15px
}

.header_border--UizCi {
    border-bottom: 1px solid #efefef;
    margin: 0 15px
}

.closeWp--g4o7B {
    height: 100%;
    width: 46px
}

.close--xCIao {
    cursor: pointer;
    height: 16px;
    width: 16px
}

.title--x_Vqy {
    flex: 1;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content--_yzh6 {
    flex: 1;
    overflow: hidden;
    padding: 15px
}

.link--v2KY2 {
    color: #286efa;
    cursor: pointer;
    display: block;
    margin-right: 20px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.backdrop--bwXNl {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9000
}

@media (max-width:1024px) {
    .SmallModal--muR7W {
        background: #fff;
        border-radius: 5px 5px 0 0;
        bottom: 0;
        height: 70vh;
        left: 0;
        right: 0;
        top: auto;
        transform: translateX(0) translateY(0);
        width: auto !important
    }

    .content--_yzh6 {
        height: calc(100% - 50px)
    }

    .title2--ZJrJh {
        left: 20px;
        max-width: 80%;
        position: absolute;
        top: 15px;
        transform: none
    }

    .content2--E75xb {
        bottom: 50px;
        left: 20px;
        max-height: calc(100% - 100px);
        right: 20px;
        top: 50px
    }

    .closeWp2--_hr8L {
        right: 10px;
        top: 10px
    }
}

.UrlModal--x3phV {
    bottom: 60px;
    left: 60px;
    right: 60px;
    top: 60px;
    transform: none;
    width: auto
}

.isFullscreen--glSex {
    bottom: 60px;
    left: 80px;
    max-width: none;
    right: 80px;
    top: 60px;
    width: auto
}

.iframe--_HXEG {
    border: 0;
    display: block;
    height: 100%;
    width: 100%
}

@media (max-width:1024px) {
    .UrlModal--x3phV {
        bottom: 0;
        height: 100%;
        left: 0;
        right: 0;
        top: auto
    }
}

.PhoneModal--rvOrU {
    width: 350px
}

.header--MqT0I {
    border-bottom: 1px solid #efefef;
    color: #1a1a1a;
    height: 50px;
    margin: 0 15px
}

.close--_Eh53 {
    cursor: pointer;
    height: 16px;
    width: 16px
}

.title--xGIGF {
    font-weight: 500;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item--_PA4A {
    margin-bottom: 15px
}

.mobiles--_Z78o {
    max-height: 180px;
    overflow: hidden
}

.itembox--anZa6 {
    padding: 15px
}

.avatar--MzsO0 {
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.name--M2Ci5 {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile--zCK1X {
    color: #909090
}

.button--gZRBp {
    height: 32px;
    width: 32px
}

@media (max-width:1024px) {
    .PhoneModal--rvOrU {
        height: auto;
        padding-bottom: calc(env(safe-area-inset-bottom));
        width: auto
    }
}

.VipImagePcModal--Z4oqB {
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 50px 0;
    position: absolute;
    right: 0;
    top: 0
}

.modal--C_HsV {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9000
}

.backdrop--TXJuR {
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.close--LGrtL {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 36px;
    z-index: 9000
}

.close--LGrtL img {
    height: 16px;
    width: 16px
}

.header--w6Rsw {
    background-color: #2d2d2d;
    color: #fff;
    padding: 10px 20px
}

.footer--Qv6Qt {
    background-color: #2d2d2d;
    height: 65px;
    padding-top: 15px;
    text-align: center
}

@media (max-width:1024px) {
    .close--LGrtL {
        right: 10px;
        top: 10px
    }
}

.pano-preview-container--JtPas {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.pano-preview-fullscreen--_Kwsi {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 6000
}

.pano-preview-img-box--sa9S_ {
    float: left;
    height: 100%;
    width: 100%
}

.pano-preview-img--W27qa {
    position: absolute;
    transform-origin: center center
}

.pano-preview-zoom-btn--Lu6hk {
    background-color: rgba(52, 52, 52, .4);
    border: 1px solid #343434;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    margin-right: 10px;
    user-select: none;
    width: 80px
}

.pano-preview-zoom-btn--Lu6hk.pano-preview-zoom-btn-disable--uto0O {
    cursor: default
}

.pano-preview-zoom-btn--Lu6hk.pano-preview-zoom-btn-disable--uto0O img,
.pano-preview-zoom-btn--Lu6hk.pano-preview-zoom-btn-disable--uto0O span {
    opacity: .3
}

.pano-preview-zoom-btn--Lu6hk.pano-preview-zoom-btn-disable--uto0O:hover {
    background-color: rgba(52, 52, 52, .4);
    border: 1px solid #343434
}

.pano-preview-zoom-btn--Lu6hk:hover {
    background-color: #447ef7;
    border: 1px solid #447ef7
}

.pano-preview-zoom-btn--Lu6hk img {
    display: block;
    margin-right: 5px;
    width: 14px
}

.pano-preview-zoom-btn-box--Z57yn {
    margin-bottom: 30px
}

.pano-preview-foot--q7fXD {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.pano-preview-text-box--WTzcd {
    color: #fff;
    height: 145px
}

.pano-preview-text-content--V9Izy {
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    text-align: center;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .8);
    white-space: pre-wrap
}

.imageBox--bxbqc {
    height: 250px;
    position: relative
}

@media (max-height:500px) {
    .imageBox--bxbqc {
        flex: 2;
        height: auto
    }
}

.btnBox--O6VDV {
    left: 15px;
    position: absolute;
    top: 15px;
    z-index: 9000
}

.btn--__3Wp {
    background: rgba(0, 0, 0, .5);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    margin-right: 15px;
    padding: 0 10px
}

.btn--__3Wp .text--WCqZa {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn--__3Wp img {
    height: 18px;
    margin-right: 3px;
    width: 18px
}

.title--uNrBG {
    color: #fff;
    left: 50%;
    max-width: 80%;
    position: absolute;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .7);
    top: 20px;
    transform: translateX(-50%);
    z-index: 9000
}

.mobileBack--_4mss {
    display: none
}

@media (max-width:1024px) {
    .title--uNrBG {
        left: 15px;
        top: 15px;
        transform: none
    }

    .btnBox--O6VDV {
        top: 45px
    }

    .btn--__3Wp {
        font-size: 12px;
        height: 20px;
        margin-right: 10px
    }

    .btn--__3Wp img {
        height: 16px;
        width: 16px
    }

    .mobileBack--_4mss {
        display: block;
        height: 20px;
        padding-right: 15px;
        width: 35px
    }

    .mobileBack--_4mss img {
        height: 16px;
        width: 16px
    }

    .back--WjTUt {
        display: none !important
    }

    .btn--__3Wp .text--WCqZa {
        max-width: 200px
    }
}

.listItem--hX1Q_ {
    height: 168px;
    margin: 0 10px 20px
}

.listItem2--ahuhQ,
.listItem--hX1Q_ {
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
    width: 300px
}

.listItem2--ahuhQ {
    margin: 10px
}

.listBox--d_VSH {
    margin-top: 30px;
    width: 970px
}

.textBox--bOJYi {
    bottom: 20px;
    color: #fff;
    left: 50%;
    position: absolute;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .7);
    transform: translateX(-50%);
    width: 600px;
    z-index: 9000
}

.text--Ng6i1 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 38px;
    overflow: hidden;
    text-align: center;
    word-break: break-word
}

.detailBtn--AiXIa {
    background: #606060;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    margin-top: 5px;
    width: 56px
}

.detailBox--fHRXP {
    background: rgba(0, 0, 0, .9);
    border: 1px solid #909090;
    padding-right: 30px;
    z-index: 9000
}

.detailBox1--MuOn7,
.detailBox--fHRXP {
    border-radius: 5px;
    bottom: 20px;
    height: 200px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    transform: translateX(-50%);
    width: 660px
}

.detailBox1--MuOn7 {
    text-shadow: 0 1px 8px rgba(0, 0, 0, .8);
    z-index: 900
}

.detailBox1--MuOn7 .details--TO_Ev {
    text-align: center
}

.details--TO_Ev {
    color: #fff;
    padding: 15px;
    text-align: justify;
    white-space: pre-wrap;
    word-break: break-word
}

.close--_CfiQ {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 16px
}

.ScrollbarsBox--ASPlg {
    margin-right: 10px
}

@media (max-width:1024px) {
    .listBox--d_VSH {
        height: auto;
        left: 0;
        margin-top: 0;
        position: fixed;
        right: 0;
        top: 60px;
        width: 100vw
    }

    .listBox--d_VSH.isMusic--uLqQO {
        top: 80px
    }

    .column--t65YH {
        padding-left: 8px
    }

    .listItem--hX1Q_ {
        margin: 0 15px 10px;
        width: 100%
    }

    .ScrollbarsBox--ASPlg {
        margin-right: 0;
        padding-bottom: calc(env(safe-area-inset-bottom))
    }

    .textBox--bOJYi {
        left: 15px;
        right: 15px;
        transform: none;
        width: auto
    }

    .detailBox1--MuOn7,
    .detailBox--fHRXP {
        bottom: 0;
        left: 0;
        padding-right: 0;
        right: 0;
        transform: none;
        width: auto
    }

    .close--_CfiQ {
        display: none
    }
}

.arrowLeft--Lmra0,
.arrowRight--iu2I_ {
    cursor: pointer;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    z-index: 1000
}

.arrowLeft--Lmra0 {
    left: 15px
}

.arrowRight--iu2I_ {
    right: 15px
}

.disable--wX2uY {
    display: none
}

.pswp__top-bar {
    display: none !important
}

.pswp {
    --pswp-placeholder-bg: transparent !important;
    z-index: 1 !important
}

.pswp__button {
    display: none !important
}

.ImageLoading--tLytp {
    background: #1a1a1a;
    border-radius: 5px 5px 5px 5px;
    color: #909090;
    font-size: 14px;
    height: 168px;
    width: 300px
}

.image--nlbEj,
.ImageLoading--tLytp {
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 10px 20px
}

@media (max-width:1024px) {

    .image--nlbEj,
    .ImageLoading--tLytp {
        margin: 0 7px 15px
    }
}

.ScrollbarsBox--HdZes {
    margin-right: 10px
}

.listItem--r2dT_ {
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
    height: 300px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    width: 300px
}

.listItemText--WtuEg {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    left: 0;
    overflow: hidden;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listBox--NGgUG {
    height: 450px;
    width: 970px
}

.listItem--r2dT_ img {
    height: 40px;
    width: 40px
}

@media (max-width:1024px) {
    .listBox--NGgUG {
        height: auto;
        left: 0;
        position: fixed;
        right: 0;
        top: 60px;
        width: 100vw
    }

    .listBox--NGgUG.isMusic--dwHgk {
        top: 80px
    }

    .listItem--r2dT_ {
        margin: 10px 15px;
        width: 100%
    }

    .ScrollbarsBox--HdZes {
        margin-right: 0;
        padding-bottom: calc(env(safe-area-inset-bottom))
    }
}

.Article--T541Y {
    bottom: 60px;
    left: 60px;
    right: 60px;
    top: 60px;
    transform: none;
    width: auto
}

.ArticleContent--rwxWu {
    padding: 0
}

@media (max-width:1024px) {
    .Article--T541Y {
        bottom: 0;
        height: 100%;
        left: 0;
        right: 0;
        top: auto
    }
}

.iframeVideo--__GcB {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.iframeVideo--__GcB iframe {
    max-height: 100vh;
    max-width: 100vw;
    min-height: 600px;
    min-width: 1050px
}

.listItem--zalwT {
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
    height: 168px;
    margin: 10px;
    position: relative;
    width: 300px
}

.columnList--yWfIW {
    margin: 0 10px 20px;
    position: relative
}

.columnList--yWfIW img {
    height: 40px;
    position: absolute;
    width: 40px
}

.listItemText--yoynl {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    left: 0;
    overflow: hidden;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listBox--_GlfQ {
    height: calc(100% - 60px);
    margin-top: 60px;
    width: 970px
}

.listItem--zalwT img {
    height: 40px;
    width: 40px
}

.arrowLeft--lbpE5,
.arrowRight--hkJo0 {
    cursor: pointer;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    z-index: 1
}

.arrowLeft--lbpE5 {
    left: 15px
}

.arrowRight--hkJo0 {
    right: 15px
}

.disable--r37vJ {
    display: none
}

.ScrollbarsBox--sRBO6 {
    margin-right: 10px
}

.name--jxJu7 {
    color: #fff
}

.nativeVideo--_Aeok {
    display: block;
    left: 50%;
    max-height: 600px;
    max-width: 1000px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:1200px) {
    .iframeVideo--__GcB iframe {
        min-height: 400px;
        min-height: 500px;
        min-width: 700px;
        min-width: 875px
    }
}

@media (max-width:1000px) {
    .iframeVideo--__GcB iframe {
        min-height: 400px;
        min-width: 700px
    }

    .nativeVideo--_Aeok {
        max-height: 80vh;
        max-width: 100vw
    }
}

@media (max-width:1024px) {
    .iframeVideo--__GcB iframe {
        min-height: 182px;
        min-width: 320px
    }

    .listBox--_GlfQ {
        height: auto;
        left: 0;
        margin-top: 0;
        position: fixed;
        right: 0;
        top: 60px;
        width: 100vw
    }

    .listBox--_GlfQ.isMusic--ABwuz {
        top: 80px
    }

    .listItem--zalwT {
        margin: 10px 15px;
        width: 100%
    }

    .ScrollbarsBox--sRBO6 {
        margin-right: 0;
        padding-bottom: calc(env(safe-area-inset-bottom))
    }

    .nativeVideo--_Aeok {
        max-height: 80vh;
        max-width: 100vw
    }
}

.pano-overlay--Bf3yM {
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4999
}

.pano-loading--LLr3A {
    height: 60px;
    left: 50%;
    margin-left: -75px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 150px;
    z-index: 5000
}

.pano-content--gdweY {
    color: #d8d8d8;
    font-size: 12px;
    margin-top: 10px
}

.pano-loading-anim--yGq9a {
    box-sizing: border-box;
    height: 20px;
    padding-top: 10px;
    width: 50px
}

.pano-loading-anim-item-box--d_9tb {
    height: 20px;
    padding-top: 20px;
    position: relative;
    transform: scale(.4);
    transform-origin: 0 0 0;
    width: 100px
}

.pano-loading-anim-item--ro_64 {
    background-color: #d8d8d8;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    height: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    position: absolute;
    top: 40px;
    width: 20px
}

.pano-loading-anim-item--ro_64.one--gIQHs {
    -webkit-animation: object--O5Ic_ 2s linear infinite;
    animation: object--O5Ic_ 2s linear infinite
}

.pano-loading-anim-item--ro_64.two--PpiZo {
    -webkit-animation: object--O5Ic_ 2s linear -.4s infinite;
    animation: object--O5Ic_ 2s linear -.4s infinite;
    left: 20px
}

.pano-loading-anim-item--ro_64.three--erUFP {
    -webkit-animation: object--O5Ic_ 2s linear -.8s infinite;
    animation: object--O5Ic_ 2s linear -.8s infinite;
    left: 40px
}

.pano-loading-anim-item--ro_64.four--m2kLs {
    -webkit-animation: object--O5Ic_ 2s linear -1.2s infinite;
    animation: object--O5Ic_ 2s linear -1.2s infinite;
    left: 60px
}

.pano-loading-anim-item--ro_64.five--avaNz {
    -webkit-animation: object--O5Ic_ 2s linear -1.6s infinite;
    animation: object--O5Ic_ 2s linear -1.6s infinite;
    left: 80px
}

@-webkit-keyframes object--O5Ic_ {
    0% {
        left: 100px;
        top: 0
    }

    80% {
        left: 0;
        top: 0
    }

    85% {
        height: 20px;
        left: 0;
        top: -20px;
        width: 20px
    }

    90% {
        height: 15px;
        width: 40px
    }

    95% {
        height: 20px;
        left: 100px;
        top: -20px;
        width: 20px
    }

    to {
        left: 100px;
        top: 0
    }
}

@keyframes object--O5Ic_ {
    0% {
        left: 100px;
        top: 0
    }

    80% {
        left: 0;
        top: 0
    }

    85% {
        height: 20px;
        left: 0;
        top: -20px;
        width: 20px
    }

    90% {
        height: 15px;
        width: 40px
    }

    95% {
        height: 20px;
        left: 100px;
        top: -20px;
        width: 20px
    }

    to {
        left: 100px;
        top: 0
    }
}

.pano-image-switch--VnSmU {
    height: 100%;
    position: relative;
    width: 100%
}

.pano-image-switch--VnSmU.fullscreen--_z1Bz {
    background: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5000
}

.pano-image-switch--VnSmU .text-container--_ZRYo {
    height: 120px
}

.pano-image-switch--VnSmU .isw-text--r77mm {
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    text-align: justify;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .8);
    white-space: pre-wrap;
    word-break: break-word
}

.pano-image-switch--VnSmU .isw-scroll-box--MF4CL {
    width: 980px
}

.pano-image-switch--VnSmU .isw-zoomBtn--NC47d {
    background-color: rgba(52, 52, 52, .4);
    border: 1px solid #343434;
    border-radius: 100px;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    margin-right: 10px;
    user-select: none;
    width: 85px
}

.pano-image-switch--VnSmU .isw-zoomBtn--NC47d.zoomBtnDisable--Hf37c {
    cursor: default
}

.pano-image-switch--VnSmU .isw-zoomBtn--NC47d.zoomBtnDisable--Hf37c img,
.pano-image-switch--VnSmU .isw-zoomBtn--NC47d.zoomBtnDisable--Hf37c span {
    opacity: .3
}

.pano-image-switch--VnSmU .isw-zoomBtn--NC47d.zoomBtnDisable--Hf37c:hover {
    background-color: rgba(52, 52, 52, .4);
    border: 1px solid #343434
}

.pano-image-switch--VnSmU .isw-zoomBtn--NC47d:hover {
    background-color: #447ef7;
    border: 1px solid #447ef7
}

.pano-image-switch--VnSmU .isw-zoomBtn--NC47d img {
    display: block;
    margin-right: 5px;
    width: 14px
}

@media (max-width:1024px) {
    .pano-image-switch--VnSmU .text-container--_ZRYo {
        height: 152px
    }
}

@media (max-height:500px) {
    .pano-image-switch--VnSmU .text-container--_ZRYo {
        height: 100px
    }
}

.scrollbar720 .scrollbar-track {
    background: transparent
}

.scrollbar720 .scrollbar-thumb {
    background: hsla(0, 0%, 85%, .5)
}

.share_pc--_INK2 {
    width: 100%
}

.share_pc_content--_gPwY {
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    height: 350px;
    left: 50%;
    padding: 50px 15px 15px;
    position: fixed;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 550px;
    z-index: 9000
}

.share_pc_content_title--qTk0f {
    border-bottom: 1px solid #efefef;
    box-sizing: border-box;
    color: #1a1a1a;
    font-size: 14px;
    height: 50px;
    left: 15px;
    line-height: 50px;
    padding-right: 60px;
    position: absolute;
    top: 0;
    width: 520px
}

.title_close_btn--evvdP {
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: -15px;
    top: 0;
    width: 50px
}

.title_close_btn--evvdP img {
    display: block;
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 16px
}

.share_pc_qrcode--pnS3B {
    padding-top: 30px;
    width: 100%
}

.share_choose--Y5_aw {
    border-radius: 5px;
    font-size: 0;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.choose_item--L6Dxz {
    background-color: #efefef;
    color: #909090;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 150px
}

.choose_item--L6Dxz:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.choose_item--L6Dxz:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.choose_item_active--h_4ZP {
    background-color: #606060;
    color: #fff
}

.share_pc_copy_content--_qwDM {
    box-sizing: border-box;
    padding: 34px 45px 0;
    width: 100%
}

.share_pc_copy_content_C--BFeuT {
    box-sizing: border-box;
    height: 150px;
    padding-left: 182px;
    position: relative;
    width: 100%
}

.qr_content--Q3bN0 {
    background-color: #efefef;
    color: #909090;
    font-size: 14px;
    line-height: 150px;
    text-align: center
}

.qr_content--Q3bN0,
.qrImg--_sRHR {
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px
}

.qrImg--_sRHR {
    display: block;
    z-index: 4
}

.share_pc_copy_code--Qo0SW {
    width: 100%
}

.share_pc_copy_code--Qo0SW .copy_code--Awm_n p {
    color: #3d3d3d;
    font-size: 14px;
    padding-bottom: 10px;
    position: relative
}

.share_pc_copy_code--Qo0SW .copy_code--Awm_n p span {
    color: #286efa;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.share_pc_copy_code--Qo0SW .copy_code--Awm_n .copy_code_p_succee--JIyj6 span {
    color: #61b500
}

.copy_code_btn_input--SOqsQ {
    width: 100%
}

.input_txt--oWa6l {
    background-color: #fff;
    border: 1px solid #efefef;
    color: #3d3d3d;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    width: 100%
}

.input_txt--oWa6l:focus {
    border: none
}

.input_txt--oWa6l:-ms-input-placeholder {
    color: #3d3d3d;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 400
}

.input_txt--oWa6l::-webkit-input-placeholder {
    color: #3d3d3d;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 400
}

.input_txt--oWa6l:-moz-placeholder,
.input_txt--oWa6l::-moz-placeholder {
    color: #3d3d3d;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 400
}

.pc_succeed_txt--_vw7f {
    bottom: 10px;
    color: #61b500;
    filter: alpha(opacity=0);
    font-size: 12px;
    left: 50%;
    opacity: 0;
    position: absolute;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.pc_succeed_txt_show--FcTAR {
    filter: alpha(opacity=100);
    opacity: 1
}

.share_mobile--_2iK3 {
    height: 100%;
    width: 100%
}

.share_mobile_content--cFqHM {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    box-sizing: border-box;
    font-size: 0;
    height: 400px;
    left: 0;
    padding: 0 10px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9000
}

.share_mobile_title--_x9Ib {
    border-bottom: 1px solid #efefef;
    color: #000;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: left;
    width: 100%
}

.mobile_title_close_btn--BO_hB {
    height: 40px;
    position: absolute;
    right: -10px;
    top: 0;
    width: 40px
}

.mobile_title_close_btn--BO_hB img {
    display: block;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14px
}

.share_mobile_qrcode--HWCKz {
    margin-bottom: 20px;
    width: 100%
}

.share_mobile_choose--xvWhh {
    border-radius: 5px;
    font-size: 0;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.choose_mobile_item--ihU_a {
    background-color: #efefef;
    color: #909090;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 150px
}

.choose_mobile_item--ihU_a:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.choose_mobile_item--ihU_a:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.choose_mobile_item_active--Mmvrj {
    background-color: #606060;
    color: #fff
}

.qr_mobile_content--oHA4K {
    background-color: #efefef;
    height: 240px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 50%;
    width: 240px
}

.qr_mobile_content--oHA4K span {
    color: #909090;
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.qrImg_mobile--R_oc7 {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

.q_mobile_mark--JaPOs {
    color: #000;
    font-size: 12px;
    padding-bottom: 20px;
    padding-top: 6px;
    text-align: center
}

.share_click--ATZR8 {
    font-size: 0;
    padding-bottom: 30px;
    position: relative;
    text-align: center;
    width: 100%
}

.share_click--ATZR8 .share_btn--wy40J {
    background: #606060;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 4px 10px;
    transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.share_click--ATZR8 .share_btn_succee--jRdiY {
    background: #61b500
}

.succeed_txt--_Papg {
    color: #b7eb8f;
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 4px;
    transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.succeed_txt_show--_XVwo {
    opacity: 1
}

.backdrop--YPv3G {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9000
}

.ShareModal--Z0t6y {
    height: 470px
}

.ViewSwitchModal--C7nUc {
    width: 350px
}

@media (max-width:1024px) {
    .ViewSwitchModal--C7nUc {
        height: 128px;
        height: calc(128px + constant(safe-area-inset-bottom));
        height: calc(128px + env(safe-area-inset-bottom));
        width: 100%
    }
}

.img--a2LwN {
    display: block;
    height: 24px;
    margin-bottom: 5px;
    width: 24px
}

.item--ATxiY {
    cursor: pointer;
    flex: 1
}

.SettingModal--Axa6q {
    width: 360px !important
}

.classNameContent--H6XSk {
    padding: 0 !important
}

.Button--h7QyU {
    color: #909090;
    cursor: pointer;
    margin-bottom: 15px;
    padding: 0 10px;
    width: 33.33%
}

.Button--h7QyU img,
.Button--h7QyU svg {
    fill: #000;
    display: block;
    height: 24px;
    margin-bottom: 5px;
    width: 24px
}

@media (max-width:1024px) {
    .SettingModal--Axa6q {
        height: auto;
        width: auto !important
    }
}

.SettingModalTheme4--sheZu {
    width: 375px !important
}

.SettingModalContentTheme4--tKg7g {
    padding: 0
}

@media (max-width:1024px) {
    .SettingModalTheme4--sheZu {
        height: auto;
        padding-bottom: calc(env(safe-area-inset-bottom));
        width: auto !important
    }
}

.SettingModalButton--wETiy {
    cursor: pointer;
    height: 50px;
    padding: 0 24px;
    width: 100%
}

.SettingModalButton--wETiy:hover {
    background: #ececec
}

.SettingModalIcon--C5Mj5 {
    fill: #666;
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.switch--_aWux {
    height: 20px;
    width: 40px
}

.arrow--Krac2 {
    height: 16px;
    width: 16px
}

.SettingModalTheme5--bzGFN {
    width: 360px !important
}

.SettingModalContentTheme5--_Xr5I {
    padding: 15px 0 0 !important
}

@media (max-width:1024px) {
    .SettingModalTheme5--bzGFN {
        height: auto;
        padding-bottom: calc(env(safe-area-inset-bottom));
        width: auto !important
    }
}

.MenuArrowRight--ms50t div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABJ0lEQVRYR+3UQU7DMBAFUI8b5V4sOENVdcOKokhRcgR6BE8WsEWiC8KSFSfgDFwg4RLkI0utVFWoGTtjZZOsbf+X8YzJzPzRzPlmASwVCKpA27arvu9frLUfZVm+aTSwGODDu647GGPWRPRrrd1qIMQA59wrgO3pr7UQYkDTNOthGA4AVpoIMcCHpkAEAVIgggHaiCiAJiIaoIWYBLiGALCp6/p97LGaDABAzPwJ4PY8jIj2VVU9JgUcw58B3F8E9Xme3xRF8Z0M4MOdc0/GmF1suN8XdQVa4VEAzfBggHZ4ECBFeBDANxyAhykN999EiJuQmXcAPOK0Rzxq10ZRDPCHnCF+pHOu/g4w812WZV+SR2YsPKgHJIfFrAm6gpiAsT0LYPYK/AHRP9shA1fcawAAAABJRU5ErkJggg==)
}

.MenuArrowLeft--QJyu3 div,
.MenuArrowRight--ms50t div {
    background-size: 100%;
    height: 16px;
    opacity: .6;
    transition: none;
    width: 16px
}

.MenuArrowLeft--QJyu3 div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABM0lEQVRYR+3UsUrEQBAG4Jkk5J0sD3wFEdHKxjMku+l8B6tNAh52NoLie1iKrYW1pWBvRhZOCXIms7uzpknaDft/O8wMwswfzpwPC2CpgFgFiAjbtr1CxGel1DW3uUUANrxpmg0AnCEiIeI5FxEMGIZ/v3qLOFVK3UxVIgiwK3wb+Jbn+aooipdoAIlwi/OqgFS4F0Ay3BkgHe4EiBHuBLBzTkTrX13N7va/poHdhMaYRwDYG16EiBda68upURs7ZwO6rjvs+/6WiNLBwvkEgBOt9Z0vgg2wATEQToAYCGeANMILIInwBowhkiQ5rqrqntOYQYAxBBEd1XX9MIUIBuxCIOJ7mqb7ZVk+/QtgiACAD2640yqeeok9N8YcZFn2ynn5zzLjXBzzH5EeCAEugNkr8AV3288hkF4shAAAAABJRU5ErkJggg==)
}

.MenuArrowLeft--QJyu3:hover div,
.MenuArrowRight--ms50t:hover div {
    opacity: 1
}

.MenuArrowLeft--QJyu3,
.MenuArrowRight--ms50t {
    cursor: pointer;
    height: 19px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 1
}

.MenuArrowRight--ms50t {
    right: 3px
}

.MenuArrowLeft--QJyu3 {
    left: 3px
}

.level2_wp--TeUyr {
    margin-bottom: 20px;
    padding: 0 35px;
    position: relative
}

.WorksModal--YTQQE {
    bottom: 30px;
    top: 30px;
    transform: translateX(-50%);
    width: 1000px
}

.WorksModalContent--cWfwJ {
    padding: 0
}

.level1--QQaCP {
    background: #efefef;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500;
    height: 38px;
    max-width: 180px;
    overflow: hidden;
    padding: 0 10px
}

.level1--QQaCP.activity--_tqXz {
    background: #286efa;
    color: #fff
}

.level1--QQaCP:first-child {
    border-radius: 5px 0 0 5px
}

.level1--QQaCP:last-child {
    border-radius: 0 5px 5px 0
}

.level2--jJUrq {
    border-bottom: 4px solid transparent;
    color: #909090;
    cursor: pointer;
    margin-right: 20px;
    padding-bottom: 4px
}

.level2_name--ReLB9 {
    margin-right: 5px;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.level2--jJUrq.activity--_tqXz {
    border-bottom-color: #4664ff;
    color: #000
}

.level2--jJUrq.activity--_tqXz .level2_name--ReLB9 {
    color: #1a1a1a
}

.level3Item--_YoFa {
    margin-right: 20px;
    width: 310px
}

.level3Item--_YoFa:nth-child(3n+0) {
    margin-right: 0
}

.level3Item--_YoFa .thumbBox--_NoOO {
    border: 2px solid transparent;
    border-radius: 5px;
    height: 160px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%
}

.level3Item--_YoFa .thumb--lyvlz {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

.level3Item--_YoFa .name--Hz46f {
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:1024px) {
    .WorksModal--YTQQE {
        bottom: 0;
        height: 100%;
        top: auto;
        transform: translateX(0) translateY(0);
        width: 100vw
    }

    .level1--QQaCP {
        flex: 1;
        max-width: none
    }

    .level3Item--_YoFa {
        margin-right: 0;
        width: calc(50% - 8px)
    }

    .level3Item--_YoFa:nth-child(odd) {
        margin-right: 16px
    }

    .level3Item--_YoFa .thumb--lyvlz,
    .level3Item--_YoFa .thumbBox--_NoOO {
        height: 100px
    }

    .level2_wp--TeUyr {
        padding: 0 15px
    }

    .MenuArrowLeft--QJyu3,
    .MenuArrowRight--ms50t {
        display: none !important
    }
}

.ShareModal--NsnOd {
    width: 350px
}

.ShareText--zGHav {
    display: none;
    font-size: 12px;
    margin-bottom: 20px;
    text-align: center
}

@media (max-width:1024px) {
    .ShareModal--NsnOd {
        height: 386px;
        height: calc(386px + constant(safe-area-inset-bottom));
        height: calc(386px + env(safe-area-inset-bottom));
        width: 100%
    }

    .ShareText--zGHav {
        display: block
    }
}

.MapModal--Oq6Gd {
    bottom: 30px;
    top: 30px;
    transform: translateX(-50%);
    width: 1000px
}

.mmMap--oVmZ_ {
    height: 100%;
    width: 100%
}

.select_map--LrZB8 {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    padding: 0 25px;
    position: fixed;
    right: 0;
    transition: height .2s ease-in-out;
    z-index: 9001
}

.select_map_box--Z8Ixy {
    background: #fff;
    border-radius: 5px
}

.select_map--LrZB8 {
    height: 232px;
    height: calc(232px + constant(safe-area-inset-bottom));
    height: calc(232px + env(safe-area-inset-bottom))
}

.select_map_ios--btf8B {
    height: 280px;
    height: calc(280px + constant(safe-area-inset-bottom));
    height: calc(280px + env(safe-area-inset-bottom))
}

.select_map_hide--RStw_ {
    height: 0
}

.select_map_item--SnKHT {
    align-items: center;
    border-bottom: 1px solid #efefef;
    display: flex;
    flex-flow: column;
    font-size: 14px;
    height: 48px;
    justify-content: center;
    line-height: 1;
    text-align: center
}

.select_map_item--SnKHT:last-child {
    border-bottom: none
}

.select_map_bg--_XCU5 {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    opacity: 1;
    pointer-events: auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .2s ease-in-out;
    z-index: 9000
}

.select_map_bg_hide--_hmDk {
    opacity: 0;
    pointer-events: none
}

@media (max-width:1024px) {
    .MapModal--Oq6Gd {
        bottom: 0;
        height: 100%;
        top: auto;
        transform: translateX(0) translateY(0);
        width: 100vw
    }
}

.WxOpenModal--SALkl {
    height: 350px;
    width: 550px
}

.close--KLBTW {
    background: #286efa;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    margin-bottom: 10px;
    width: 76px
}

@media (max-width:1024px) {
    .WxOpenModal--SALkl {
        height: 230px;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 275px
    }
}

.SearchModal--iUAhk {
    left: 50%;
    position: absolute;
    top: 50px;
    transform: translateX(-50%);
    z-index: 9000
}

.backdrop--j1atX {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 8999
}

.inputWp--_lH96 {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 5px 5px 5px 5px;
    height: 40px;
    margin-bottom: 5px;
    opacity: 1;
    width: 500px
}

.inputWp--_lH96 img {
    height: 24px;
    margin: 2px 10px 0 15px;
    width: 24px
}

.input--dtk3c {
    border: 0;
    flex: 1;
    font-size: 14px;
    outline: none
}

.Item--KntiY {
    background: #1a1a1a;
    border-radius: 5px 5px 5px 5px;
    color: #909090;
    cursor: pointer;
    height: 150px;
    margin: 0 10px 20px;
    overflow: hidden;
    position: relative;
    width: 150px
}

.ItemTitle--NUNjT {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    font-size: 14px;
    left: 0;
    overflow: hidden;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.Item--KntiY img,
.ItemLoading--yohjy {
    height: 100%;
    width: 100%
}

.Item--KntiY img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.Options--iEZZG {
    background: #fff;
    border-radius: 5px;
    max-height: 270px;
    overflow: hidden;
    width: 500px
}

.OptionItem--z_0bS {
    cursor: pointer;
    height: 38px;
    padding: 0 15px
}

.OptionItem--z_0bS div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.OptionItem--z_0bS:hover {
    background: #efefef
}

.cancel--K8AzF {
    background: #fff;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    height: 40px;
    margin-left: 10px;
    width: 90px
}

.tip--M11cy {
    height: 38px
}

@media (max-width:1024px) {
    .SearchModal--iUAhk {
        left: 15px;
        position: absolute;
        right: 15px;
        top: 15px;
        transform: translateX(0);
        z-index: 9000
    }

    .inputWp--_lH96 {
        flex: 1;
        width: auto
    }

    .Options--iEZZG {
        width: 100%
    }

    .cancel--K8AzF {
        height: 40px;
        width: 60px
    }
}

.listBox--QTMSD {
    height: 450px;
    width: 970px
}

.ScrollbarsBox--uVzRO {
    margin-right: 10px
}

.listItem--hJmX2 {
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
    height: 300px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    width: 300px
}

.listItemText--jbruM {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    left: 0;
    overflow: hidden;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listItem--hJmX2 img {
    height: 40px;
    width: 40px
}

@media (max-width:1024px) {
    .listBox--QTMSD {
        height: auto;
        left: 0;
        position: fixed;
        right: 0;
        top: 60px;
        width: 100vw
    }

    .listBox--QTMSD.isMusic--L_iMq {
        top: 80px
    }

    .listItem--hJmX2 {
        margin: 10px 15px;
        width: 100%
    }

    .ScrollbarsBox--uVzRO {
        margin-right: 0;
        padding-bottom: calc(env(safe-area-inset-bottom))
    }
}

.Document--JvoOU {
    bottom: 60px;
    left: 60px;
    right: 60px;
    top: 60px;
    transform: none;
    width: auto
}

.DocumentContent--S_Szt {
    padding: 0
}

.iframe--nP88b {
    border: 0;
    display: block;
    height: 100%;
    width: 100%
}

@media (max-width:1024px) {
    .Document--JvoOU {
        bottom: 0;
        height: 100%;
        left: 0;
        right: 0;
        top: auto
    }
}

.popoverWP--oKlU_ {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    display: flex;
    height: 80px;
    width: 250px
}

.popoverWP--oKlU_ img {
    height: 80px;
    width: 80px
}

.scene--UsFf1 {
    flex: 1
}

.btn--htm0y {
    background-color: #00a3d8;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 170px
}

.title--tS_zX {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 5px 10px;
    overflow: hidden;
    word-break: break-word
}

.close--GUb9V {
    color: #777;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -4px;
    width: 20px
}

.RemarkModal--v3Q1e {
    height: 600px;
    width: 1000px
}

.mapBtn--_OIFE {
    background: #286efa;
    border-radius: 5px;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    position: absolute;
    right: 10px
}

.label--_U6V2 {
    width: 86px
}

.button--KWlaP {
    background: #286efa;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    margin-top: 20px;
    width: 76px
}

.disable--fIJLC {
    background: #909090;
    cursor: default
}

.businessCardModal--qqC1P {
    background: #fff;
    border-radius: 5px;
    left: 50%;
    padding-bottom: 20px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 500px;
    z-index: 9000
}

.BusinessCardModalClose--_bTw4 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9000
}

.businessCardModalImg--StnrE {
    border-radius: 50%;
    height: 150px;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: -54px;
    transform: translateX(-50%);
    width: 150px
}

.businessCardModalContentTitle--_QD70 {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 500;
    margin-top: 116px;
    text-align: center
}

.businessCardModalContentPhone--DZj7I {
    color: #1a1a1a;
    font-size: 34px;
    font-weight: 500;
    text-align: center
}

.businessCardModalButtonPhone--O_80w {
    background: #286efa;
    color: #fff;
    margin-top: 10px
}

.businessCardModalButtonCopy--s6Tlu,
.businessCardModalButtonPhone--O_80w {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 300px
}

.businessCardModalButtonCopy--s6Tlu {
    color: #286efa;
    cursor: pointer;
    transition: all .3s
}

.succeedCopy--F7tIE {
    color: #61b500
}

.businessCardModalQrcode--hdNi9 {
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 170px
}

.businessCardModalQrcodeText--yOkDt {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 500
}

.businessCardModalBlank--_QvNw {
    height: 50px
}

@media (max-width:1024px) {
    .businessCardModal--qqC1P {
        left: 20px;
        right: 20px;
        transform: translateY(-50%);
        width: auto
    }

    .businessCardModalImg--StnrE {
        height: 110px;
        top: -50px;
        width: 110px
    }

    .businessCardModalContentTitle--_QD70 {
        font-size: 14px;
        margin-top: 90px
    }

    .businessCardModalContentPhone--DZj7I {
        font-size: 24px
    }

    .businessCardModalBlank--_QvNw {
        height: 0
    }

    .businessCardModalButtonPhone--O_80w {
        margin-top: 30px
    }
}

.Cursor--HmpWA {
    height: 580px;
    width: 350px
}

.CursorContent--Xdd7D>div {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 38px;
    padding: 0 10px
}

.CursorContent--Xdd7D>div:hover {
    background: #f8f8f8
}

.active--_TATU {
    color: #286efa
}

.HotspotGroup--FYxYS {
    height: 564px;
    margin-left: 20px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    z-index: 2500
}

@media (max-height:2000px) {
    .HotspotGroup--FYxYS {
        height: 492px
    }
}

@media (max-height:1800px) {
    .HotspotGroup--FYxYS {
        height: 396px
    }
}

@media (max-height:1400px) {
    .HotspotGroup--FYxYS {
        height: 349px
    }
}

@media (max-height:1000px) {
    .HotspotGroup--FYxYS {
        height: 313px
    }
}

@media (max-height:900px) {
    .HotspotGroup--FYxYS {
        height: 277px
    }
}

@media (max-height:800px) {
    .HotspotGroup--FYxYS {
        height: 240px
    }
}

@media (max-height:400px) {
    .HotspotGroup--FYxYS {
        height: 130px
    }
}

.isShowAll--GvhFC {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    top: 0;
    transform: translateY(0);
    width: 120px
}

.close--_kbP8,
.HotspotGroupItem--wg2mS {
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 28px;
    margin-bottom: 8px;
    width: 80px
}

.close--_kbP8 {
    background: hsla(0, 0%, 100%, .2);
    bottom: 20px;
    color: #fff;
    margin-bottom: 0;
    position: absolute
}

.close--_kbP8 img {
    display: block;
    height: 16px;
    margin-right: 10px;
    width: 16px
}

@media (max-width:1024px) {
    .HotspotGroup--FYxYS {
        margin-left: 10px
    }

    .isShowAll--GvhFC {
        width: 90px
    }
}

.level--HIjrx {
    display: block;
    position: absolute;
    transition: opacity .3s ease-in-out
}

.level--HIjrx img {
    height: 100%;
    width: 100%
}

.lightBox--dBWEF {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s ease-in-out
}

.center--ZicWA {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.leftTop--oIUkU {
    left: 0;
    top: 0
}

.rightTop--aoyPs {
    right: 0;
    top: 0
}

.topCenter--_Pqza {
    left: 50%;
    top: 0;
    transform: translate(-50%)
}

.leftCenter--V_MDj {
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.rightCenter--IZCes {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.leftBottom--lp_OR {
    bottom: 0;
    left: 0
}

.rightBottom--vX3Ms {
    bottom: 0;
    right: 0
}

.bottomCenter--ieg3u {
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

@keyframes swing--_viuJ {
    0% {
        transform: rotate(0deg);
        transform-origin: 50% 100%
    }

    10% {
        transform: rotate(2deg)
    }

    20% {
        transform: rotate(-4deg)
    }

    30% {
        transform: rotate(4deg)
    }

    40% {
        transform: rotate(-4deg)
    }

    50% {
        transform: rotate(4deg)
    }

    60% {
        transform: rotate(-4deg)
    }

    70% {
        transform: rotate(4deg)
    }

    80% {
        transform: rotate(-2deg)
    }

    90% {
        transform: rotate(2deg)
    }

    to {
        transform: rotate(0deg);
        transform-origin: 50% 100%
    }
}

@keyframes pulse--Eb455 {
    0% {
        transform: rotate(0deg);
        transform-origin: 50% 50%
    }

    10% {
        transform: rotate(8deg)
    }

    20% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(10deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    60% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(10deg)
    }

    80% {
        transform: rotate(-8deg)
    }

    90% {
        transform: rotate(8deg)
    }

    to {
        transform: rotate(0deg);
        transform-origin: 50% 50%
    }
}

@keyframes rotate--xjJ0Q {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes scale--Y_E7K {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes flipVertical--fUG5B {
    0% {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(180deg)
    }
}

@keyframes flipHorizontal--lfF8R {
    0% {
        transform: rotateX(0)
    }

    to {
        transform: rotateX(-180deg)
    }
}

@keyframes blink--_Ga9J {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@keyframes shake--K01tn {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes fadeIn--n19mn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInFwd--sL24m {
    0% {
        opacity: 0;
        transform: translateZ(-80px)
    }

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

@keyframes fadeInBck--CtuMx {
    0% {
        opacity: 0;
        transform: translateZ(80px)
    }

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

@keyframes scaleInCenter--T8mEL {
    0% {
        opacity: 1;
        transform: scale(0)
    }

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

@keyframes scaleInHorCenter--UJpyQ {
    0% {
        opacity: 1;
        transform: scaleX(0)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes scaleInVerCenter--YP0N_ {
    0% {
        opacity: 1;
        transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes scale-in-ver-top--HnqBX {
    0% {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 0
    }
}

@keyframes rotateInCenter--NlPtO {
    0% {
        opacity: 0;
        transform: rotate(-1turn)
    }

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

@keyframes scaleInVerBottom--_Nlh5 {
    0% {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 0 100%
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 100%
    }
}

@keyframes fade-in-bck--K7eIU {
    0% {
        opacity: 0;
        transform: translateZ(80px)
    }

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

@keyframes scale-in-hor-left--L0940 {
    0% {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }
}

@keyframes rotate-in-center--ro6O9 {
    0% {
        opacity: 0;
        transform: rotate(-1turn)
    }

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

@keyframes rotate-in-2-cw--Wp4Pr {
    0% {
        opacity: 0;
        transform: rotate(-45deg)
    }

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

@keyframes rotate-in-2-ccw--Ah9MG {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

@keyframes flip-in-hor-bottom--BARdD {
    0% {
        opacity: 0;
        transform: rotateX(80deg)
    }

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

@keyframes flip-in-hor-top--k9E1p {
    0% {
        opacity: 0;
        transform: rotateX(-80deg)
    }

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

@keyframes flip-in-ver-right--_qKBz {
    0% {
        opacity: 0;
        transform: rotateY(-80deg)
    }

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

@keyframes flip-in-ver-left--_Ypgn {
    0% {
        opacity: 0;
        transform: rotateY(80deg)
    }

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

@keyframes slide-in-top--JY2P3 {
    0% {
        opacity: 0;
        transform: translateY(-1000px)
    }

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

@keyframes slide-in-left--f1V2e {
    0% {
        opacity: 0;
        transform: translateX(-1000px)
    }

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

@keyframes slide-in-right--n13_r {
    0% {
        opacity: 0;
        transform: translateX(1000px)
    }

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

@keyframes fade-out--oS8CX {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out-fwd--mE37X {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translateZ(80px)
    }
}

@keyframes fade-out-bck--O_SNP {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translateZ(-80px)
    }
}

@keyframes scale-out-center--OEiRt {
    0% {
        opacity: 1;
        transform: scale(1)
    }

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

@keyframes scale-out-horizontal--iaqf8 {
    0% {
        opacity: 1;
        transform: scaleX(1)
    }

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

@keyframes scale-out-vertical--S1cMv {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }

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

@keyframes scale-out-ver-bottom--_Dday {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 100%
    }

    to {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 0 100%
    }
}

@keyframes scale-out-ver-top--D7rtp {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 100% 0
    }
}

@keyframes scale-out-hor-right--jmTgN {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 100% 100%
    }
}

@keyframes scale-out-hor-left--tFMSz {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 0 0
    }
}

@keyframes rotate-out-center--_4uAF {
    0% {
        opacity: 1;
        transform: rotate(0)
    }

    to {
        opacity: 0;
        transform: rotate(-1turn)
    }
}

@keyframes rotate-out-2-cw--_kbCS {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes rotate-out-2-ccw--U1htN {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes flip-out-hor-bottom--Wp42b {
    0% {
        opacity: 1;
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateX(-70deg);
        transform: rotateX(-70deg)
    }
}

@keyframes flip-out-hor-top--a09im {
    0% {
        opacity: 1;
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateX(70deg);
        transform: rotateX(70deg)
    }
}

@keyframes flip-out-ver-right--v7a_D {
    0% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(70deg);
        transform: rotateY(70deg)
    }
}

@keyframes flip-out-ver-left--jf0vF {
    0% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg)
    }
}

@keyframes slide-out-top--KMPGf {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px)
    }
}

@keyframes slide-out-bottom--roj4f {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px)
    }
}

@keyframes slide-out-right--ghG7N {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px)
    }
}

@keyframes slide-out-left--Y11et {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px)
    }
}

@keyframes scale-in-hor-right--QkLL7 {
    0% {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 100%
    }
}

@keyframes slide-in-bottom--tkSD1 {
    0% {
        opacity: 0;
        transform: translateY(1000px)
    }

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

@keyframes swipe-up-to-enter--C2YEr {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

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

@keyframes swipe-down-to-enter--Z_pd2 {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

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

@keyframes swipe-left-to-enter--xWCin {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

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

@keyframes swipe-right-to-enter--tA8m5 {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

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

@keyframes swipe-up-to-exit--vrrHJ {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes swipe-down-to-exit--Bt_Jf {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

@keyframes swipe-left-to-exit--zn3pH {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateX(-100%)
    }
}

@keyframes swipe-right-to-exit--sZnQ6 {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateX(100%)
    }
}

.RightBtn--ngcFS {
    margin-top: 5px;
    pointer-events: auto;
    position: absolute;
    right: 5px;
    z-index: 2000
}

.PlayController--Lpef7 svg {
    height: 24px;
    width: 24px
}

@media (max-width:1024px) {
    .RightBtn--ngcFS {
        margin-top: 5px;
        right: 0
    }
}

.RightBtn--b5N_x {
    height: 42px;
    position: relative;
    width: 52px
}

.button--zxNN1 {
    border-radius: 32px;
    cursor: pointer;
    display: block;
    height: 32px;
    width: 32px
}

.button--zxNN1 svg {
    height: 24px;
    width: 24px
}

.text--alOQV {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff;
    display: none;
    height: 30px;
    padding: 5px 10px;
    position: absolute;
    right: 47px;
    white-space: nowrap;
    z-index: 50000
}

.RightBtn--b5N_x:hover .text--alOQV {
    display: block
}

@media (max-width:1024px) {
    .RightBtn--b5N_x {
        height: 34px;
        position: relative;
        width: 44px
    }

    .button--zxNN1 {
        height: 24px;
        width: 24px
    }

    .button--zxNN1 svg {
        height: 18px;
        width: 18px
    }

    .RightBtn--b5N_x:hover .text--alOQV {
        display: none
    }
}

.icon--ohZJm {
    display: block;
    height: 22px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22px
}

.VideoController--_IbSQ {
    background: rgba(0, 0, 0, .5);
    border-radius: 100%;
    height: 32px;
    padding: 4px;
    position: relative;
    width: 32px
}

.VideoControllerWp--s4oXY {
    cursor: pointer;
    height: 42px;
    padding: 5px 10px;
    position: relative;
    width: 52px
}

.VideoControllerWp--s4oXY .tip--kgYLx {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff;
    display: none;
    height: 30px;
    margin-top: -15px;
    padding: 5px 10px;
    position: absolute;
    right: 47px;
    top: 50%;
    white-space: nowrap;
    z-index: 50000
}

.VideoControllerWp--s4oXY:hover .tip--kgYLx {
    display: block
}

.theme8--_8eg9 {
    height: 31px;
    margin-bottom: 14px;
    padding: 0;
    width: 31px
}

.theme8--_8eg9 .VideoController--_IbSQ {
    background: rgba(0, 0, 0, .3);
    border: 1px solid rgba(0, 0, 0, .3);
    height: 31px;
    width: 31px
}

@media (max-width:1024px) {
    .VideoControllerWp--s4oXY {
        height: 34px;
        width: 44px
    }

    .VideoController--_IbSQ {
        height: 24px;
        padding: 3px;
        width: 24px
    }

    .icon--ohZJm {
        height: 19px;
        width: 19px
    }

    .theme8--_8eg9,
    .theme8--_8eg9 .VideoController--_IbSQ {
        height: 22px;
        width: 22px
    }

    .theme8--_8eg9 .VideoController--_IbSQ {
        padding: 2px
    }

    .VideoControllerWp--s4oXY:hover .tip--kgYLx {
        display: none
    }
}

.LeftBtn--IAuor {
    left: 15px;
    margin-top: 10px;
    pointer-events: auto;
    position: absolute;
    z-index: 2000
}

.authorPvBox--nJZxt {
    align-items: center;
    color: #fff;
    display: flex
}

.Author--cqnIm {
    color: #fff;
    margin-right: 20px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Author--cqnIm,
.pv--_0H7S {
    margin-bottom: 15px
}

@media (max-width:1024px) {
    .LeftBtn--IAuor {
        left: 10px;
        margin-top: 10px
    }

    .Author--cqnIm {
        margin-right: 15px;
        max-width: 165px
    }

    .Author--cqnIm,
    .pv--_0H7S {
        font-size: 12px;
        margin-bottom: 10px
    }
}

.logo--b6sEl {
    margin-bottom: 15px
}

.logo--b6sEl,
.logo--b6sEl img {
    display: block
}

@media (max-width:1024px) {
    .logo--b6sEl {
        margin-bottom: 10px
    }
}

.EntrySandBoxBtn--fzqKN {
    background: linear-gradient(180deg, #fa6400, #ffae78);
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    line-height: normal;
    margin-bottom: 10px;
    padding: 0 10px;
    pointer-events: all;
    white-space: nowrap
}

.EntrySandBoxBtn--fzqKN img {
    height: 16px;
    margin-right: 5px;
    width: 16px
}

@media (max-width:1024px) {
    .EntrySandBoxBtn--fzqKN {
        font-size: 12px;
        height: 28px
    }
}

.Author--YQ3a8 {
    color: #fff;
    margin-bottom: 15px;
    margin-top: 15px;
    pointer-events: auto
}

.avatar--wjuMT {
    border-radius: 35px;
    height: 35px;
    margin-right: 10px;
    width: 35px
}

.nickname--RnQ_A {
    color: #fff;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:1024px) {
    .nickname--RnQ_A {
        max-width: 180px
    }

    .Author--YQ3a8 {
        margin-bottom: 10px
    }
}

.Author--qqtQ9 {
    color: #fff;
    font-size: 12px;
    margin-bottom: 8px;
    margin-right: 15px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:1024px) {
    .Author--qqtQ9 {
        font-size: 12px;
        margin-right: 15px;
        max-width: 180px
    }
}

.pv--goEaw {
    font-size: 12px;
    margin-bottom: 8px
}

.RightBtn--DCU22 {
    cursor: pointer;
    margin-bottom: 20px
}

.RightBtn--DCU22 img,
.RightBtn--DCU22 svg {
    display: block;
    height: 24px;
    width: 24px
}

.RightBtnText--LmQcX {
    color: #fff;
    font-size: 12px;
    text-align: center
}

@media (max-width:1024px) {
    .RightBtn--DCU22 {
        margin-bottom: 16px
    }

    .RightBtn--DCU22 img,
    .RightBtn--DCU22 svg {
        height: 18px;
        width: 18px
    }

    .RightBtnText--LmQcX {
        font-size: 10px
    }
}

.sound--fos_U {
    animation: turn--f1fxL 4s linear infinite
}

@keyframes turn--f1fxL {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.Contrast--tKWAM {
    background: rgba(0, 0, 0, .6);
    border-radius: 20px;
    cursor: pointer;
    height: 36px;
    margin-bottom: 10px;
    padding: 7px 0;
    position: relative;
    width: 36px
}

.Contrast--tKWAM .tip--XSNJd {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    display: none;
    font-size: 14px;
    height: 30px;
    padding: 0 10px;
    position: absolute;
    right: 45px;
    top: 4px;
    white-space: nowrap
}

.Contrast--tKWAM:hover .tip--XSNJd {
    display: flex
}

.Contrast--tKWAM svg {
    display: block;
    height: 22px;
    width: 22px
}

@media (max-width:1024px) {
    .Contrast--tKWAM {
        height: 30px;
        width: 30px
    }

    .Contrast--tKWAM svg {
        height: 18px;
        width: 18px
    }

    .Contrast--tKWAM:hover .tip--XSNJd {
        display: none
    }
}

.RightBtn--nCpPC {
    color: #fff;
    cursor: pointer;
    margin-bottom: 20px;
    text-align: center;
    text-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.RightBtn--nCpPC img {
    display: block;
    height: 24px;
    margin-bottom: 2px;
    width: 24px
}

@media (max-width:1024px) {
    .RightBtn--nCpPC {
        font-size: 12px
    }
}

.titleBox--uAXCQ {
    margin-bottom: 20px
}

.vr--JjkXL {
    height: 16px;
    margin-right: 10px;
    width: 45px
}

.logo--_W2xR {
    display: block;
    margin-right: 10px
}

.store--ru4S9 {
    height: 16px;
    margin-right: 5px;
    width: 58px
}

.title--_0j3z {
    color: #fff;
    font-size: 16px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 400px
}

@media (max-width:1024px) {
    .title--_0j3z {
        width: 300px
    }

    .title--_0j3z.isShowLogo--S1Ula {
        width: 230px
    }
}

.Enterprise--LVbuZ {
    align-items: center;
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    padding: 0 15px;
    width: auto
}

.LeftBtn--RiiCd {
    left: 20px;
    margin-top: 20px;
    pointer-events: auto;
    position: absolute;
    z-index: 2000
}

.authorPvBox--fEaqG {
    align-items: center;
    color: #fff;
    display: flex
}

.Author--OKLVF {
    color: #fff;
    margin-bottom: 15px;
    margin-right: 20px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pv--y82tB {
    font-size: 12px
}

.logo--LIIkv,
.pv--y82tB {
    margin-bottom: 15px
}

@media (max-width:1024px) {
    .LeftBtn--RiiCd {
        left: 15px;
        margin-top: 15px
    }

    .Author--OKLVF {
        margin-right: 15px;
        max-width: 180px
    }

    .Author--OKLVF,
    .pv--y82tB {
        font-size: 12px;
        margin-bottom: 10px
    }
}

.FirstSceneButton--_AZYQ {
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    height: 28px;
    width: 89px
}

.FirstSceneButton--_AZYQ div {
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

@media (max-width:1024px) {
    .FirstSceneButton--_AZYQ {
        font-size: 12px
    }
}

.Contrast--UiwSV {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    background: rgba(0, 0, 0, .5);
    border-radius: 20px;
    cursor: pointer;
    height: 40px;
    margin-bottom: 5px;
    padding: 7px 0;
    position: relative;
    width: 40px
}

.Contrast--UiwSV .tip--gEPhL {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    display: none;
    font-size: 14px;
    height: 30px;
    padding: 0 10px;
    position: absolute;
    right: 45px;
    top: 4px;
    white-space: nowrap
}

.Contrast--UiwSV:hover .tip--gEPhL {
    display: flex
}

.Contrast--UiwSV svg {
    display: block;
    height: 24px;
    width: 24px
}

@media (max-width:1024px) {
    .Contrast--UiwSV {
        height: 32px;
        width: 32px
    }

    .Contrast--UiwSV svg {
        height: 18px;
        width: 18px
    }

    .Contrast--UiwSV:hover .tip--gEPhL {
        display: none
    }
}

.RightBtn--cXcp7 {
    background-size: 900px 1009px;
    height: 62px;
    transform: scale(.5);
    transform-origin: 0 0;
    width: 62px
}

.button--uOa9z {
    border: 1px solid #fff;
    border-radius: 31px;
    cursor: pointer;
    height: 31px;
    margin-bottom: 14px;
    width: 31px
}

.button--uOa9z svg {
    height: 20px;
    width: 20px
}

.RightBtnWp--fDKHt {
    cursor: pointer;
    display: block;
    height: 31px;
    margin-bottom: 14px;
    width: 31px
}

.RightBtnBox--_HZNN {
    position: relative
}

.RightBtnBox--_HZNN .tip--mv_WI {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    display: none;
    font-size: 14px;
    height: 30px;
    padding: 0 10px;
    position: absolute;
    right: 36px;
    top: 2px;
    white-space: nowrap;
    z-index: 3600
}

.RightBtnBox--_HZNN:hover .tip--mv_WI {
    display: flex
}

@media (max-width:1024px) {
    .RightBtnWp--fDKHt {
        height: 22px;
        margin-bottom: 9px;
        width: 22px
    }

    .RightBtn--cXcp7 {
        transform: scale(.35)
    }

    .RightBtnBox--_HZNN:hover .tip--mv_WI {
        display: none
    }

    .button--uOa9z {
        height: 22px;
        margin-bottom: 9px;
        width: 22px
    }

    .button--uOa9z svg {
        height: 14px;
        width: 14px
    }

    .RightBtnBox--_HZNN:hover .tip--mv_WI {
        display: none
    }
}

.topWp--CaFIq {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.theme3--nzfVV .right--I5Ndo {
    position: absolute;
    right: 15px
}

.logoWrapper--WuPG2 {
    margin-top: 15px;
    pointer-events: auto
}

.logo--bJg_8 {
    display: block
}

.businessCardButton--BMUPU {
    cursor: pointer;
    max-width: 180px;
    padding: 3px
}

.businessCardButtonImg--_cZq9 {
    border-radius: 50%;
    display: block;
    height: 50px;
    object-fit: cover;
    width: 50px
}

.businessCardButtonWx--KKceN {
    bottom: 2px;
    display: block;
    height: 16px;
    position: absolute;
    right: 2px;
    width: 16px
}

.businessCardButtonName--X2gIA {
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.businessCardButtonPhone--_GCTF {
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px
}

.businessCardButtonPhone--_GCTF svg {
    fill: currentColor;
    display: block;
    height: 16px;
    width: 16px
}

@media (max-width:1024px) {
    .businessCardButtonImg--_cZq9 {
        height: 40px;
        width: 40px
    }
}

@keyframes swing--hfF3n {
    0% {
        transform: rotate(0deg);
        transform-origin: 50% 100%
    }

    10% {
        transform: rotate(2deg)
    }

    20% {
        transform: rotate(-4deg)
    }

    30% {
        transform: rotate(4deg)
    }

    40% {
        transform: rotate(-4deg)
    }

    50% {
        transform: rotate(4deg)
    }

    60% {
        transform: rotate(-4deg)
    }

    70% {
        transform: rotate(4deg)
    }

    80% {
        transform: rotate(-2deg)
    }

    90% {
        transform: rotate(2deg)
    }

    to {
        transform: rotate(0deg);
        transform-origin: 50% 100%
    }
}

@keyframes pulse--IgzVS {
    0% {
        transform: rotate(0deg);
        transform-origin: 50% 50%
    }

    10% {
        transform: rotate(8deg)
    }

    20% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(10deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    60% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(10deg)
    }

    80% {
        transform: rotate(-8deg)
    }

    90% {
        transform: rotate(8deg)
    }

    to {
        transform: rotate(0deg);
        transform-origin: 50% 50%
    }
}

@keyframes rotate--jzOKg {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes scale--QF_Yw {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes flipVertical--PAsZX {
    0% {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(180deg)
    }
}

@keyframes flipHorizontal--Rvzzg {
    0% {
        transform: rotateX(0)
    }

    to {
        transform: rotateX(-180deg)
    }
}

@keyframes blink--akc_a {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@keyframes shake--_OFWP {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes fadeIn--PRJKN {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInFwd--UXGCh {
    0% {
        opacity: 0;
        transform: translateZ(-80px)
    }

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

@keyframes fadeInBck--ylQ_9 {
    0% {
        opacity: 0;
        transform: translateZ(80px)
    }

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

@keyframes scaleInCenter--_Ozjh {
    0% {
        opacity: 1;
        transform: scale(0)
    }

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

@keyframes scaleInHorCenter--_3T4q {
    0% {
        opacity: 1;
        transform: scaleX(0)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes scaleInVerCenter--iNiSn {
    0% {
        opacity: 1;
        transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes scale-in-ver-top--vOEw1 {
    0% {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 0
    }
}

@keyframes rotateInCenter--t_fhv {
    0% {
        opacity: 0;
        transform: rotate(-1turn)
    }

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

@keyframes scaleInVerBottom--Y1ndH {
    0% {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 0 100%
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 100%
    }
}

@keyframes fade-in-bck--mBiq1 {
    0% {
        opacity: 0;
        transform: translateZ(80px)
    }

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

@keyframes scale-in-hor-left--j05_N {
    0% {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }
}

@keyframes rotate-in-center--H3W7_ {
    0% {
        opacity: 0;
        transform: rotate(-1turn)
    }

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

@keyframes rotate-in-2-cw--EJawk {
    0% {
        opacity: 0;
        transform: rotate(-45deg)
    }

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

@keyframes rotate-in-2-ccw--_rpN7 {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

@keyframes flip-in-hor-bottom--PG4e7 {
    0% {
        opacity: 0;
        transform: rotateX(80deg)
    }

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

@keyframes flip-in-hor-top--m6zQg {
    0% {
        opacity: 0;
        transform: rotateX(-80deg)
    }

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

@keyframes flip-in-ver-right--_wVVF {
    0% {
        opacity: 0;
        transform: rotateY(-80deg)
    }

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

@keyframes flip-in-ver-left--wGLrH {
    0% {
        opacity: 0;
        transform: rotateY(80deg)
    }

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

@keyframes slide-in-top--_ksKW {
    0% {
        opacity: 0;
        transform: translateY(-1000px)
    }

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

@keyframes slide-in-left--LsvFy {
    0% {
        opacity: 0;
        transform: translateX(-1000px)
    }

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

@keyframes slide-in-right--W8rph {
    0% {
        opacity: 0;
        transform: translateX(1000px)
    }

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

@keyframes fade-out--QH4Fd {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out-fwd--cpb_M {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translateZ(80px)
    }
}

@keyframes fade-out-bck--_VrGk {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translateZ(-80px)
    }
}

@keyframes scale-out-center--rorQ9 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

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

@keyframes scale-out-horizontal--_BvpQ {
    0% {
        opacity: 1;
        transform: scaleX(1)
    }

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

@keyframes scale-out-vertical--pLo0l {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }

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

@keyframes scale-out-ver-bottom--Es1J6 {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 100%
    }

    to {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 0 100%
    }
}

@keyframes scale-out-ver-top--aDu8J {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 100% 0
    }
}

@keyframes scale-out-hor-right--F_NPa {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 100% 100%
    }
}

@keyframes scale-out-hor-left--_ZzZW {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 0 0
    }
}

@keyframes rotate-out-center--DCWaZ {
    0% {
        opacity: 1;
        transform: rotate(0)
    }

    to {
        opacity: 0;
        transform: rotate(-1turn)
    }
}

@keyframes rotate-out-2-cw--_FY5s {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes rotate-out-2-ccw--_ku4y {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes flip-out-hor-bottom--Px9fy {
    0% {
        opacity: 1;
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateX(-70deg);
        transform: rotateX(-70deg)
    }
}

@keyframes flip-out-hor-top--o_Hcf {
    0% {
        opacity: 1;
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateX(70deg);
        transform: rotateX(70deg)
    }
}

@keyframes flip-out-ver-right--dW1E2 {
    0% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(70deg);
        transform: rotateY(70deg)
    }
}

@keyframes flip-out-ver-left--_94cA {
    0% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg)
    }
}

@keyframes slide-out-top--ydzcv {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px)
    }
}

@keyframes slide-out-bottom--rZvD8 {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px)
    }
}

@keyframes slide-out-right--XA0iR {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px)
    }
}

@keyframes slide-out-left--nZ5ie {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px)
    }
}

@keyframes scale-in-hor-right--rOn8h {
    0% {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 100%
    }
}

@keyframes slide-in-bottom--yIjsu {
    0% {
        opacity: 0;
        transform: translateY(1000px)
    }

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

@keyframes swipe-up-to-enter--c2GKq {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

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

@keyframes swipe-down-to-enter--OGFYG {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

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

@keyframes swipe-left-to-enter--xgaqk {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

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

@keyframes swipe-right-to-enter--b_lDa {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

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

@keyframes swipe-up-to-exit--iMRih {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes swipe-down-to-exit--Vn_Iu {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

@keyframes swipe-left-to-exit--VXzQD {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateX(-100%)
    }
}

@keyframes swipe-right-to-exit--jHNBg {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateX(100%)
    }
}

@keyframes flicker--bCbVX {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

.watermark--qeSFz {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0
}

.watermark--qeSFz,
.watermark-single--V37U3 {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.watermark-single--V37U3 {
    transform-origin: center center
}

.WatermarkItem--o2IwB {
    align-items: center;
    display: flex;
    height: 200px;
    justify-content: center;
    overflow: hidden;
    transform-origin: left top;
    width: 200px
}

.WatermarkItem--o2IwB img {
    max-height: 100%;
    max-width: 100%
}

.WatermarkItemText--YYytr {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    line-clamp: 10;
    display: -webkit-box;
    font-size: 14px;
    line-height: 1.42;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-word
}

.PrivateComponent--xgHn0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.PasswordBox--cskOq,
.PrivateComponent--xgHn0 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 8000
}

.PasswordBox--cskOq {
    background: #fff;
    border-radius: 5px;
    padding: 20px 15px;
    width: 350px
}

.PasswordBox--cskOq input {
    background: none;
    border: none;
    flex: 1;
    min-width: 0;
    outline: none
}

.inputBox--EkN1O {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 4px;
    height: 40px;
    padding: 10px
}

.inputBox--EkN1O img {
    cursor: pointer;
    height: 16px;
    margin-left: 10px;
    width: 16px
}

.btn--Kk8G2 {
    background: #606060;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 40px
}

.log--_2jIW {
    color: #f36264;
    height: 20px;
    margin: 5px 0
}

@media (max-width:1024px) {
    .PasswordBox--cskOq {
        width: 335px
    }

    .ImageMenu--_ijm0.isOpen--QddBM {
        height: 75px
    }

    .MenuArrowLeft--_Le5c,
    .MenuArrowRight--gjmhC {
        display: none !important
    }

    .ImageMenuItem--JMg9z {
        height: 64px;
        width: 64px
    }

    .ImageMenuItemSeend--slnk6 {
        height: 12px;
        right: 3px;
        top: 3px;
        width: 12px
    }
}

.AuthMobile--jFIc5 {
    align-items: center;
    background: #1a1a1a;
    display: flex;
    height: 100vh;
    justify-content: center;
    width: 100vw
}

.AuthMobileBox--_Rq9A {
    background: #fff;
    border-radius: 5px;
    color: #1a1a1a;
    left: 50%;
    padding: 20px 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 360px;
    z-index: 8000
}

.AuthMobileTitle--_HsAo {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative
}

.AuthMobileTitle--_HsAo img {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.AuthMobileError--VFCOt {
    color: #f36264;
    height: 20px;
    margin-top: 15px
}

.AuthMobileButton--dVHVL {
    height: 40px;
    margin-top: 15px;
    width: 100%
}

@media (max-width:1024px) {
    .AuthMobileBox--_Rq9A {
        width: 335px
    }
}

.box--_EFGP {
    border: 1px solid #efefef;
    border-radius: 5px;
    cursor: pointer;
    height: 100%;
    opacity: 1;
    padding: 0 10px 0 15px
}

.box--_EFGP,
.optionBox--P8hle {
    background-color: #fff;
    color: #1a1a1a
}

.optionBox--P8hle {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    left: 0;
    position: absolute;
    right: 0;
    top: 44px;
    z-index: 100
}

.option--_t1HM {
    color: #1a1a1a;
    overflow: hidden;
    padding: 12px 15px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.option--_t1HM.enable--gLKqr {
    background-color: #fff;
    color: #5f5f5f;
    cursor: pointer
}

.container--HSwkn {
    height: 40px;
    position: relative
}

.dark--G7O99 .box--_EFGP {
    background-color: #f7f7f7
}

.option--_t1HM.enable--gLKqr:hover {
    background-color: #f8f8f8
}

.inputWp--lvWp5 {
    align-items: center;
    border: 1px solid #efefef;
    border-radius: 5px;
    display: flex;
    height: 40px;
    margin-bottom: 15px;
    padding: 0 10px
}

.inputWp--lvWp5 input {
    background: transparent;
    border: 0;
    border: 0 !important;
    flex: 1;
    font-size: 14px;
    height: 100%;
    min-width: 0;
    outline: none;
    width: 100%
}

.inputWp--lvWp5 input:focus {
    box-shadow: unset !important
}

.area--mSyKx {
    background: transparent !important;
    border: 0 !important
}

.VerifyCodeInput--_6Ssa {
    background: transparent;
    border: 1px solid #efefef;
    border-radius: 5px;
    flex: 1;
    font-size: 14px;
    height: 40px;
    margin-right: 10px;
    min-width: 0;
    outline: none;
    padding: 10px
}

.VerifyCodeButton--gV9Fm {
    height: 40px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 125px
}

.preview--iNOOF {
    align-items: center;
    background: rgba(0, 0, 0, .5);
    border-radius: 6px;
    color: #fff;
    display: flex;
    left: 50%;
    line-height: normal;
    padding: 6px;
    position: absolute;
    top: 60px;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 8000
}

.preview--iNOOF img {
    display: block;
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.private--zDnkQ {
    background: #1a1a1a;
    color: #fff;
    height: 100vh
}

.private--zDnkQ img {
    height: 44px;
    margin-bottom: 10px;
    width: 36px
}

.loginBg--_plFy {
    background: #000;
    height: 100vh
}

.loginWp--PKRt0 {
    background-color: #fff;
    border-radius: 5px;
    left: 50%;
    padding: 20px 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 360px
}

.loginWp--PKRt0,
.loginWp--PKRt0 * {
    box-sizing: border-box
}

.name--ZEh1u {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #1a1a1a;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    overflow: hidden;
    word-break: break-word
}

.avatar--hf1MA {
    left: 20px;
    max-height: 100px;
    max-width: 100px;
    position: absolute;
    top: 20px
}

@media (max-width:1024px) {
    .avatar--hf1MA {
        left: 10px;
        max-height: 70px;
        max-width: 70px;
        top: 10px
    }
}

.SwitchTeamBg--dc_3f {
    background: #000;
    height: 100vh
}

.SwitchTeamWp--tNYpm {
    background-color: #fff;
    border-radius: 5px;
    left: 50%;
    padding: 20px 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 360px
}

.title--k2EYk {
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center
}

.current--XP_eL {
    color: #909090
}

.name--uIMpT {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.3;
    overflow: hidden;
    word-break: break-word
}

.targetWp--xmj7F {
    background: #efefef;
    border-radius: 5px;
    color: #1a1a1a;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 15px
}

.targetInfo--wexvI {
    margin-top: 10px
}

.targetInfo--wexvI img {
    border-radius: 5px;
    height: 35px;
    margin-right: 10px;
    width: 35px
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    transition: opacity .3s ease-in-out
}

body,
html {
    height: 100%
}

body {
    -webkit-tap-highlight-color: transparent;
    font-size: 14px;
    line-height: 1.4;
    overflow: hidden
}

body,
textarea {
    font-family: S\f6hne, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color emoji
}

a {
    text-decoration: none
}

input,
textarea {
    font-family: inherit;
    font-size: 14px;
    min-width: 0;
    outline: none
}

textarea {
    border: 1px solid #e9e9e9;
    padding: 4px 5px;
    resize: none
}

button {
    font-family: inherit
}