.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--KoGBV {
    bottom: 20px;
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

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

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

.bottom_left--tvrCo {
    left: 15px
}

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

.bottom_right--aaJZY {
    right: 15px
}

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

    .bottom_left--tvrCo {
        left: 0
    }

    .bottom_right--aaJZY {
        right: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.CustomButtonTitle--MtR_f {
    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--MtR_f.activity--_hRgX {
    border-bottom-color: #fa6400
}

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

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

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

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

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

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

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

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

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

.Theme8GroupButtonMenus--jLRix {
    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--tr07Z {
    margin-bottom: 70px;
    position: relative
}

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

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

.Theme8GroupButtonMenusItem--_3353 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--_3353:hover div {
    border-bottom-color: #fff;
    border-bottom-width: 1px;
    padding-bottom: 0
}

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

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

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

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

    .Theme8GroupButton--_8Gxb {
        width: 45px
    }

    .Theme8CustomText--wSU9l {
        width: 41px
    }

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

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

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

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

.Theme3CustomButton--nCu1B,.Theme3GroupButton--QWPlU {
    width: 69px
}

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

.Theme3CustomText--TrM9f {
    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--nCu1B.active--bW5I2 .Theme3CustomText--TrM9f {
    border-bottom: 2px solid #286efa
}

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

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

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

@media (max-width: 1024px) {
    .Theme3CustomButton--nCu1B,.Theme3GroupButton--QWPlU {
        width:69px
    }

    .Theme3CustomButton--nCu1B {
        height: 55px
    }

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

.Theme3GroupButton--QWPlU {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

.Theme4ButtonName--OWLMi.selected--S7JOX {
    color: #fff
}

.Theme4ButtonName--OWLMi.selected--S7JOX:after {
    background: #828282;
    visibility: visible
}

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

.Theme4CustomButton--yV_Nt.isOpen--_FNOc {
    height: 45px
}

.tip--DaPwB {
    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--DaPwB:after {
    display: none!important
}

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

.MenuArrowDisabled--saVPS {
    visibility: hidden
}

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

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

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

.MenuArrowLeft--zYH3U:hover div,.MenuArrowRight--NqUEY:hover div {
    opacity: 1
}

.Theme4CustomButton--yV_Nt .MenuArrowLeft--zYH3U,.Theme4CustomButton--yV_Nt .MenuArrowRight--NqUEY {
    height: 45px;
    width: 30px
}

.Theme4CustomButton--yV_Nt .MenuArrowRight--NqUEY {
    right: 0
}

.Theme4CustomButton--yV_Nt .MenuArrowLeft--zYH3U {
    left: 0
}

@media (max-width: 1024px) {
    .MenuArrowLeft--zYH3U,.MenuArrowRight--NqUEY {
        display:none!important
    }

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

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

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

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

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

.Theme6CustomButtonWp--dNrrZ .Theme6Button--iQBwh:first-child {
    padding-top: 10px
}

.Theme6CustomButtonWp--dNrrZ .Theme6Button--iQBwh:last-child {
    padding-bottom: 10px
}

.Theme6Group--bEwax {
    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--iErnv {
    border-bottom: 1px solid transparent;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin: 0 10px 10px;
    overflow: hidden
}

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

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

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

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

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

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

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

.Theme7CustomButtonWp--uv5nU {
    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--IWuGa {
    flex: 1
}

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

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

.Theme7Button--Pt0xQ {
    width: 60px
}

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

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

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

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

.Theme7Return--__lEA {
    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--__lEA img {
    height: 16px;
    margin-right: 5px;
    width: 16px
}

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

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

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

    .Theme7Button--Pt0xQ:hover,.Theme7GroupItem--_LPBw:hover {
        border-bottom: 2px solid transparent
    }
}

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

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

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

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

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

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

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

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

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

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

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

.Level1Theme7--ZPs7U,.Level2Theme7--fOS93 {
    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--fOS93 {
    margin-top: 2px
}

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

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

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

.MenuArrowDisabled--_pEOg {
    visibility: hidden
}

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

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

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

.MenuArrowLeft--S4AIH:hover div,.MenuArrowRight--Jya59:hover div {
    opacity: 1
}

.TextMenuTheme7--s9f6q .MenuArrowRight--Jya59 {
    right: 0
}

.TextMenuTheme7--s9f6q .MenuArrowLeft--S4AIH {
    left: 0
}

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

.TextMenu2ItemFilter--_4dIq {
    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--ruhVC {
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

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

@media (max-width: 1024px) {
    .MenuArrowLeft--S4AIH,.MenuArrowRight--Jya59 {
        display:none!important
    }
}

.ImageMenuMemberLimitLabel--im7rS {
    color: #fff;
    font-size: 10px;
    line-height: 1.2;
    pointer-events: none;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.65);
    white-space: nowrap
}

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

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

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

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

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

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

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

.theme3--_269N.TextMenu--h_L9k {
    background: transparent
}

.theme3--_269N.isOpen--gY9LF.TextMenu--h_L9k {
    margin-bottom: 10px
}

.theme103--H86Mu.isOpen--gY9LF.TextMenu--h_L9k {
    margin-bottom: 0
}

.TextMenu--h_L9k.isOpen--gY9LF {
    height: 34px;
    margin-top: 5px
}

.theme3--_269N.TextMenu--h_L9k.isOpen--gY9LF {
    height: 24px
}

.theme103--H86Mu.TextMenu--h_L9k.isOpen--gY9LF {
    height: 31px
}

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

.theme103--H86Mu .TextMenuItem--vYOch {
    height: 31px
}

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

.TextMenuItem--vYOch.selected--J0e8v {
    border-bottom: 2px solid #fa6400
}

.theme3--_269N.TextMenuItem--vYOch.selected--J0e8v {
    background: #286efa
}

.theme103--H86Mu.TextMenuItem--vYOch.selected--J0e8v {
    background: transparent;
    border-bottom: 2px solid #fa6400
}

.theme3--_269N .TextMenuItem--vYOch.selected--J0e8v {
    border-bottom: 0
}

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

.TextMenuArrowRight--EdzF1 {
    right: 0
}

.TextMenuArrowLeft--C9RcH {
    left: 0
}

.MenuArrowDisabled--mm_LC {
    visibility: hidden
}

.TextMenuArrowRight--EdzF1 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--C9RcH 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--EdzF1:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABAUlEQVRYR+3UsQ3CQAyF4d9iMgpmQIiGChgDpoAWCQpEScUEzMAEsAQyspRIKELc+eIoTa7O3fvis0/oeUnP+QyAoQKuCqjqCDgAVxE5RzRwNqAKPwFT4A3MIxAewNFCv/46BOEB2J9bBewa6tUakQ2wRFUNR7gAXSDcgGhEESASUQyIQrQCJBAzEbmkHqsIgJ1xAyaNsK2IbDoFqKqF74FlI+gJjEXk0RmgCt8Bq9Jw21d0BVHhRYDIcDcgOtwF6CLcC7CGW7dpuF8Tkd2Eqmrdboh6T/ao/RvFbED16tWIV+6ch78DqroA7jmPTCrc1QM5h5V847qCkoDUngHQewU+Y/x7IfwPzL8AAAAASUVORK5CYII=)
}

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

.theme5--BqK1V.TextMenu--h_L9k {
    background: transparent;
    margin-top: 7px
}

.theme5--BqK1V .TextMenuItem--vYOch {
    height: auto;
    padding-bottom: 2px
}

.theme5--BqK1V.TextMenu--h_L9k.isOpen--gY9LF {
    height: 25px
}

.theme5--BqK1V .TextMenuItem--vYOch.selected--J0e8v {
    border-bottom: 2px solid #286efa
}

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

    .TextMenu--h_L9k.isOpen--gY9LF {
        height: 28px;
        margin-top: 4px
    }

    .TextMenuItem--vYOch {
        height: 28px
    }

    .TextMenuArrowLeft--C9RcH,.TextMenuArrowRight--EdzF1 {
        display: none!important
    }

    .theme5--BqK1V.TextMenu--h_L9k {
        margin-top: 7px
    }
}

.ImageMenuMemberLimitLabel--_Egwj {
    color: #fff;
    font-size: 10px;
    line-height: 1.2;
    pointer-events: none;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.65);
    white-space: nowrap
}

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

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

.theme5--AHvqZ.ImageMenu--sHbJZ {
    background: transparent
}

.ImageMenu--sHbJZ.isOpen--_gRZq {
    height: 100px
}

.theme3--mi4f_.ImageMenu--sHbJZ.isOpen--_gRZq,.theme3--mi4f_ .ImageMenuBg--Mmewm {
    height: 110px
}

.theme3--mi4f_.isOpen--_gRZq.ImageMenuBg--Mmewm {
    padding-top: 7px
}

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

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

.ImageMenuItem--U83UX.selected--QZ9RQ {
    border-color: #fa6400
}

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

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

.theme5--AHvqZ .MenuArrowLeft--G3oMB,.theme5--AHvqZ .MenuArrowRight--YIkdz {
    height: 80px
}

.MenuArrowRight--YIkdz {
    right: 0
}

.MenuArrowLeft--G3oMB {
    left: 0
}

.MenuArrowDisabled--e8rjZ {
    visibility: hidden
}

.MenuArrowRight--YIkdz 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--G3oMB 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--YIkdz:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABAUlEQVRYR+3UsQ3CQAyF4d9iMgpmQIiGChgDpoAWCQpEScUEzMAEsAQyspRIKELc+eIoTa7O3fvis0/oeUnP+QyAoQKuCqjqCDgAVxE5RzRwNqAKPwFT4A3MIxAewNFCv/46BOEB2J9bBewa6tUakQ2wRFUNR7gAXSDcgGhEESASUQyIQrQCJBAzEbmkHqsIgJ1xAyaNsK2IbDoFqKqF74FlI+gJjEXk0RmgCt8Bq9Jw21d0BVHhRYDIcDcgOtwF6CLcC7CGW7dpuF8Tkd2Eqmrdboh6T/ao/RvFbED16tWIV+6ch78DqroA7jmPTCrc1QM5h5V847qCkoDUngHQewU+Y/x7IfwPzL8AAAAASUVORK5CYII=)
}

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

.ImageMenuItemSeend--_MwxN {
    right: 5px
}

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

.ImageMenuItemPayIcon--wzdWP {
    left: 5px
}

.theme5Box--UwzA8 {
    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--UwzA8.level2--u5SY0 {
    height: 148px;
    height: calc(148px + constant(safe-area-inset-bottom));
    height: calc(148px + env(safe-area-inset-bottom))
}

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

.theme5Wrapper--vxcEO {
    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--UwzA8.level1--RXHne .theme5Wrapper--vxcEO {
    bottom: 15px;
    bottom: calc(15px + constant(safe-area-inset-bottom));
    bottom: calc(15px + env(safe-area-inset-bottom))
}

.theme5Box--UwzA8.level2--u5SY0 .theme5Wrapper--vxcEO {
    bottom: 18px;
    bottom: calc(18px + constant(safe-area-inset-bottom));
    bottom: calc(18px + env(safe-area-inset-bottom))
}

.theme5Box--UwzA8.level3--X0Lhc .theme5Wrapper--vxcEO {
    bottom: 18px;
    bottom: calc(16px + constant(safe-area-inset-bottom));
    bottom: calc(16px + env(safe-area-inset-bottom))
}

.theme5Box--UwzA8.isHide--lbZLV {
    height: 0
}

.theme5Box--UwzA8 .ImageMenu--sHbJZ.isOpen--_gRZq {
    height: 80px
}

.theme5Box--UwzA8 .ImageMenuItem--U83UX {
    height: 70px;
    margin: 0 5px;
    width: 70px
}

.theme5Box--UwzA8 .ImageMenuItem--U83UX.selected--QZ9RQ {
    border-color: #286efa
}

.ImageMenuLimit--ydZe_ {
    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
}

.ImageMenuMemberLimitLabel--cetIc {
    color: #fff;
    font-size: 10px;
    line-height: 1.2;
    pointer-events: none;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.65);
    white-space: nowrap
}

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

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

    .ImageMenu--sHbJZ.isOpen--_gRZq {
        height: 75px
    }

    .theme3--mi4f_.ImageMenu--sHbJZ.isOpen--_gRZq {
        height: 95px;
        padding-top: 10px
    }

    .theme3--mi4f_.ImageMenu--sHbJZ.isOpen--_gRZq.noCustomButton--EMxFI {
        height: 95px
    }

    .MenuArrowLeft--G3oMB,.MenuArrowRight--YIkdz {
        display: none!important
    }

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

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

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

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

.Theme4Menu--yGyJe.isShow--wxHXN {
    height: auto;
    transform: scaleY(1)
}

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

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

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

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

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

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

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

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

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

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

.MenuArrowDisabled--QgdUf {
    visibility: hidden
}

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

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

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

.MenuArrowLeft--krysh:hover div,.MenuArrowRight--_n8Tk:hover div {
    opacity: 1
}

.ImageMenuTheme4--G_zBK .MenuArrowLeft--krysh,.ImageMenuTheme4--G_zBK .MenuArrowRight--_n8Tk {
    height: 84px;
    width: 30px
}

.TextMenuTheme4--EQuYe .MenuArrowLeft--krysh,.TextMenuTheme4--EQuYe .MenuArrowRight--_n8Tk {
    height: 26px;
    width: 30px
}

.ImageMenuTheme4--G_zBK .MenuArrowRight--_n8Tk,.TextMenuTheme4--EQuYe .MenuArrowRight--_n8Tk {
    right: -30px
}

.ImageMenuTheme4--G_zBK .MenuArrowLeft--krysh,.TextMenuTheme4--EQuYe .MenuArrowLeft--krysh {
    left: -30px
}

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

.ImageMenuLimit--I_zsB {
    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
}

.ImageMenuMemberLimitLabel--QIdNu {
    color: #fff;
    font-size: 10px;
    line-height: 1.2;
    pointer-events: none;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.65);
    white-space: nowrap
}

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

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

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

    .MenuArrowLeft--krysh,.MenuArrowRight--_n8Tk {
        display: none!important
    }

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

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

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

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

.Theme8ImageMenu--YuFTi.isOpen--UTP0b {
    height: 100px
}

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

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

.Theme8ImageMenuItem--elwL6.selected--efvnY {
    border-color: #f6b64c
}

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

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

.MenuArrowRight--UNxLO {
    right: 0
}

.MenuArrowLeft--_m537 {
    left: 0
}

.MenuArrowRight--UNxLO 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--_m537 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--UNxLO:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABAUlEQVRYR+3UsQ3CQAyF4d9iMgpmQIiGChgDpoAWCQpEScUEzMAEsAQyspRIKELc+eIoTa7O3fvis0/oeUnP+QyAoQKuCqjqCDgAVxE5RzRwNqAKPwFT4A3MIxAewNFCv/46BOEB2J9bBewa6tUakQ2wRFUNR7gAXSDcgGhEESASUQyIQrQCJBAzEbmkHqsIgJ1xAyaNsK2IbDoFqKqF74FlI+gJjEXk0RmgCt8Bq9Jw21d0BVHhRYDIcDcgOtwF6CLcC7CGW7dpuF8Tkd2Eqmrdboh6T/ao/RvFbED16tWIV+6ch78DqroA7jmPTCrc1QM5h5V847qCkoDUngHQewU+Y/x7IfwPzL8AAAAASUVORK5CYII=)
}

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

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

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

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

.Theme8TextMenu--s8oQz.isOpen--UTP0b,.Theme8TextMenuItemWp--_88_q {
    height: 41px
}

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

.Theme8TextMenuItem--eKYtI.selected--efvnY {
    border-bottom: 2px solid #f6b64c
}

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

.TextMenuArrowRight--_XSUV {
    right: 0
}

.TextMenuArrowLeft--pb4d_ {
    left: 0
}

.MenuArrowDisabled--hH35l {
    visibility: hidden
}

.TextMenuArrowRight--_XSUV 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--pb4d_ 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--_XSUV:hover div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABAUlEQVRYR+3UsQ3CQAyF4d9iMgpmQIiGChgDpoAWCQpEScUEzMAEsAQyspRIKELc+eIoTa7O3fvis0/oeUnP+QyAoQKuCqjqCDgAVxE5RzRwNqAKPwFT4A3MIxAewNFCv/46BOEB2J9bBewa6tUakQ2wRFUNR7gAXSDcgGhEESASUQyIQrQCJBAzEbmkHqsIgJ1xAyaNsK2IbDoFqKqF74FlI+gJjEXk0RmgCt8Bq9Jw21d0BVHhRYDIcDcgOtwF6CLcC7CGW7dpuF8Tkd2Eqmrdboh6T/ao/RvFbED16tWIV+6ch78DqroA7jmPTCrc1QM5h5V847qCkoDUngHQewU+Y/x7IfwPzL8AAAAASUVORK5CYII=)
}

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

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

.ImageMenuLimit--eAQVH {
    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
}

.ImageMenuMemberLimitLabel--rTlCs {
    color: #fff;
    font-size: 10px;
    line-height: 1.2;
    pointer-events: none;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.65);
    white-space: nowrap
}

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

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

    .Theme8ImageMenu--YuFTi.isOpen--UTP0b {
        height: 75px
    }

    .MenuArrowLeft--_m537,.MenuArrowRight--UNxLO {
        display: none!important
    }

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

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

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

    .TextMenuArrowLeft--pb4d_,.TextMenuArrowRight--_XSUV {
        display: none!important
    }

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

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

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

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

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

.MenuTheme9MemberLimit--NaOcT {
    color: #fff;
    font-size: 12px;
    margin-left: 6px;
    opacity: .9;
    white-space: nowrap
}

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

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

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

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

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

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

.Select--cyrp4 {
    position: relative
}

.value--Un5nf {
    cursor: pointer
}

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

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

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

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

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

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

.compassPos--ckwmf {
    height: 0
}

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

    .compassPos--ckwmf {
        height: 20px
    }

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

.Subtitle--joiTc {
    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--joiTc.isOpenGroups--yGINr {
    bottom: 165px
}

.Subtitle--joiTc.theme1--Qg4rj,.Subtitle--joiTc.theme8--hgttF,.Subtitle--joiTc.theme9--icphm {
    margin-bottom: 20px;
    position: static;
    transform: translateX(0)
}

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

    .Subtitle--joiTc.isOpenGroups--yGINr {
        bottom: 133px
    }

    .Subtitle--joiTc.theme1--Qg4rj,.Subtitle--joiTc.theme8--hgttF {
        margin-bottom: 10px;
        position: static;
        transform: translateX(0)
    }
}

.PlayBtn--_se6h {
    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--_se6h img {
    height: 24px;
    margin-right: 10px;
    width: 24px
}

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

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

.theme3--cM2jK {
    right: 0
}

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

.theme6--Bi3jq {
    right: 5px
}

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

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

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

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

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

    .theme6--Bi3jq {
        right: 1px
    }

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

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

.topWp--_jWrf {
    top: 0
}

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

.bottom--dUQ9X {
    bottom: 0
}

.compassPos--kw9PB {
    height: 0
}

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

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

    .compassPos--kw9PB {
        height: 20px
    }

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

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

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

.adsClose--ljUWU {
    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--ljUWU,.adsText--m6cHn {
    position: absolute;
    right: 0;
    width: 35px
}

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

.adsBtn--CraTn {
    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--_4XHl {
        height:50px;
        top: 72px;
        width: 320px
    }

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

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

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

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

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

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

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

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

.compassPos--kpdd5 {
    height: 60px
}

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

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

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

.RightBtn--_dPzA {
    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--_dPzA {
        font-size:12px;
        margin-bottom: 12px
    }
}

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

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

.bottomContent--U_P65 {
    width: 900px
}

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

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

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

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

.theme4Mobile--E_4i0 {
    display: none
}

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

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

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

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

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

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

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

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

    .theme4PcCategory--_pAs1,.theme4PcDisclaimer--KnPdI,.theme4PcVideoUi--iXBQr {
        display: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.SandBoxBtnWp--VQoIp {
    display: flex
}

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

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

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

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

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

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

    .rightBtn--OGB5T,.rightTop--mvKfF {
        right: 15px
    }

    .SandBoxBtnWp--VQoIp {
        display: block
    }

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

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

    1% {
        transform: rotate(3deg)
    }

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

    3% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(0)
    }
}

.adv--sBphD {
    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--sBphD.isHide--ZAoDP {
    transform: translateX(-95%)
}

.adv--sBphD.isOpenGroups--rhpSx {
    bottom: 75px
}

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

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

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

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

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

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

    .adv--sBphD.isOpenGroups--rhpSx {
        bottom: 215px
    }
}

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

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

.close--yvO3I,.open--cXsnW {
    display: block;
    height: 24px;
    width: 24px
}

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

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

.isOpenGroups--QGdn5,.MenuBtnClose--_WwSS {
    background: #286efa
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Sound--CRCwm {
    background: rgba(0,0,0,.3);
    border-radius: 40px;
    cursor: pointer;
    height: 40px;
    width: 40px
}

.Sound--CRCwm img {
    height: 24px;
    width: 24px
}

.Sound--CRCwm.disable--k3DW_ img {
    opacity: .5
}

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

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

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

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

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

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

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

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

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

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

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

    .close--nTIyN {
        position: inherit
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.leftWp--Rmu1_ {
    left: 15px
}

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

.rightWp--m_S2U {
    right: 15px
}

.rightWp1--tAIGt {
    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--IzS8_ {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px
}

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

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

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

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

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

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

.MobileDisclaimer--sQZK9 {
    display: none
}

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

.RightBtn--J7chB .tip--yjmyf {
    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--J7chB:hover .tip--yjmyf {
    display: flex
}

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

.compassPos--Vnk8Y {
    height: 45px
}

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

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

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

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

    .bottomContent--C8YKK {
        width: 100%
    }

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

    .RightBtn--J7chB {
        width: 32px
    }

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

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

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

    .PcDisclaimer--i_7Ju,.RightBtn--J7chB:hover .tip--yjmyf {
        display: none
    }
}

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

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

.compassPos--pe1SV {
    height: 0
}

.leftWp--WqD9O {
    left: 15px
}

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

.rightWp--_6VPB {
    right: 15px
}

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

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

.ThemeMenu--xS7lP {
    position: relative
}

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

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

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

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

    .bottom_left--vkOrX {
        left: 0
    }

    .bottom_right--HeHOT {
        right: 0
    }

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

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

.bottom_left--JQwcZ {
    left: 0
}

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

.bottom_right--MpGOV {
    right: 0
}

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

    .bottom_left--JQwcZ {
        left: 5px
    }

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

.compassPos--BrTOS {
    height: 45px
}

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

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

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

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

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

.BtnWp--nw3jl {
    height: 48px
}

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

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

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

.Controller--u7a2J {
    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--d7LBT {
    height: 100%;
    position: relative;
    width: 34px
}

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

.tip--__QLR {
    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--d7LBT:hover svg {
        fill:#286efa
    }

    .btn--d7LBT:hover .tip--__QLR {
        display: block
    }
}

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

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

.PlayBtn--WSgSV {
    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--WSgSV .tip--Zku1L {
    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--WSgSV svg {
    display: block;
    height: 20px;
    width: 20px
}

.PlayBtn--WSgSV:hover .tip--Zku1L {
    display: flex
}

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

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

    .PlayBtn--WSgSV:hover .tip--Zku1L {
        display: none
    }
}

.PlayBtn--vBNBv {
    width: 34px
}

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

.tip--e0Bx1 {
    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--FEgTD:hover .tip--e0Bx1 {
        display:block
    }
}

.MoreBtn--aA4eE {
    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--Xff3m {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 44px
}

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

.text--aBOj8 {
    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--Xff3m:hover svg {
        fill:#286efa
    }

    .Button--Xff3m:hover .text--aBOj8 {
        display: block
    }
}

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

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

.MenuBtn--g11J3 {
    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--CC046 {
        height:30px
    }
}

.Theme9Menu--LZGJx {
    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--LZGJx,.Theme9MenuWp--IZwNZ {
    bottom: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4003
}

.Theme9MenuWp--IZwNZ {
    position: absolute
}

.Theme9Menu--LZGJx.isShow--_zDOz {
    transform: translateX(0)
}

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

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

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

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

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

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

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

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

.logo--JxAUI {
    cursor: pointer
}

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

@media (max-width: 1024px) {
    .Setting--hI3gH {
        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--_LlBy {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 44px
}

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

.text--_zSMO {
    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--_LlBy:hover svg {
        fill:#286efa
    }

    .Button--_LlBy:hover .text--_zSMO {
        display: block
    }
}

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

.select--dzJMb {
    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--S3yAk {
    z-index: 4102!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.isSubtitle--_ce1a {
    top: 45px
}

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

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

.SocialMobile--_mGkW {
    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--qK73E {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 0
}

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

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

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

.buttonWp--zixnk {
    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--lePEN {
    left: 15px;
    position: absolute;
    top: 15px;
    z-index: 3999
}

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

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

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

    .bottomWp--OV1Ob {
        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--InTaT {
        display: block;
        flex: 1
    }

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

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

.Button--TQnOQ {
    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--TQnOQ img {
    height: 16px;
    margin-bottom: 4px;
    margin-top: 10px;
    width: 16px
}

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

.Button--TQnOQ.selected--_a7vl .line--C2ENG {
    background: #fa6400
}

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

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

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

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

.PanoSandBox--_etQ_ {
    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--_etQ_.zoomOut--FJTNb {
    height: 56px;
    width: 56px
}

.PanoSandBox--_etQ_.zoomOut--FJTNb .PanoSandBoxContent--C__BF {
    height: 50px;
    width: 50px
}

.PanoSandBox--_etQ_.zoomOut--FJTNb .PanoSandBoxBtn--izLfL {
    display: none
}

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

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

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

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

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

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

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

.isFull--NhoGu {
    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--C__BF {
    border-radius: 5px;
    height: 164px;
    margin: 3px 3px 0;
    position: relative;
    width: 164px
}

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

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

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

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

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

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

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

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

.MenuItem--KvLel {
    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--KvLel div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MenuItem--KvLel.active--jkdZZ {
    background: #fff;
    color: #1a1a1a
}

.leftTopButton--bAhZd {
    left: 10px;
    position: absolute;
    top: 10px
}

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

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

.switchBtn--e5mce.satellite--ySzWg {
    background: #286efa
}

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

.switchBtnTip--_11bd {
    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--e5mce:hover .switchBtnTip--_11bd {
    display: flex!important
}

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

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

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

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

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

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

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

    .theme3--qnme6 {
        right: 0
    }

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

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

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

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

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

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

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

    .PanoSandBox--_etQ_.zoomOut--FJTNb .PanoSandBoxContent--C__BF {
        margin: 3px 3px 0
    }

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

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

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

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

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

    .switchBtn--e5mce:hover .switchBtnTip--_11bd {
        display: none!important
    }

    .PanoSandBoxBtn--izLfL {
        height: 23px
    }

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

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

    .groupText--QYsHW {
        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--zUN_h {
    bottom: 30px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 4000
}

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

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

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

.text--FFwiQ {
    height: 36px
}

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

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

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

.openPano--_XzY9 {
    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--eJOCf {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4001
}

.MenuItem--w5J10 {
    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--w5J10 div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

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

.switchBtn--w9ErF.active--_m_0B {
    background: #286efa
}

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

.switchBtnTip--vgbQ_ {
    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--w9ErF:hover .switchBtnTip--vgbQ_ {
    display: flex!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .switchBtn--w9ErF {
        right: 10px
    }

    .switchBtn--w9ErF:hover .switchBtnTip--vgbQ_ {
        display: none!important
    }

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

    .needle--EtdWj {
        left: 10px
    }

    .MenuItem--w5J10.active--_m_0B {
        border: 1px solid transparent
    }
}

.SearchModal--aXuM3 {
    left: 50%;
    position: absolute;
    top: 50px;
    transform: translateX(-50%);
    z-index: 9000
}

.backdrop--G5bCd {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 8999
}

.inputWp--ZOZwo {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 5px 5px 5px 5px;
    height: 40px;
    margin-bottom: 5px;
    opacity: 1;
    width: 500px
}

.inputWp--ZOZwo img {
    height: 24px;
    margin: 2px 10px 0 15px;
    width: 24px
}

.input--m0wxm {
    border: 0;
    flex: 1;
    font-size: 14px;
    outline: none
}

.Item--OuFeN {
    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--_GTFc {
    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--OuFeN img,.ItemLoading--UC1Z5 {
    height: 100%;
    width: 100%
}

.Item--OuFeN img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.Options--BL_Dv {
    background: #fff;
    border-radius: 5px;
    max-height: 270px;
    overflow: hidden;
    width: 500px
}

.OptionItem--_tJz1 {
    cursor: pointer;
    height: 38px;
    padding: 0 15px
}

.OptionItem--_tJz1 div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.OptionItem--_tJz1:hover {
    background: #efefef
}

.cancel--e64MG {
    background: #fff;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    height: 40px;
    margin-left: 10px;
    width: 90px
}

.tip--RKZK7 {
    height: 38px
}

@media (max-width: 1024px) {
    .SearchModal--aXuM3 {
        left:15px;
        position: absolute;
        right: 15px;
        top: 15px;
        transform: translateX(0);
        z-index: 9000
    }

    .inputWp--ZOZwo {
        flex: 1;
        width: auto
    }

    .Options--BL_Dv {
        width: 100%
    }

    .cancel--e64MG {
        height: 40px;
        width: 60px
    }
}

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

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

.OverlapProgress--LZ0dR {
    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--l5EN_ {
    background: hsla(0,0%,100%,.3);
    height: 4px;
    width: 100%
}

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

.ProgressBtn--fCtjG {
    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--nzN9q {
        bottom:71px;
        bottom: calc(71px + constant(safe-area-inset-bottom));
        bottom: calc(71px + env(safe-area-inset-bottom));
        left: 20px;
        right: 20px
    }
}

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

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

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

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

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

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

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

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

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

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

    .option--J5sat {
        bottom: 28px
    }

    .ContrastSelect--T2HTx.type2--fd6G6 .option--J5sat,.MainSelect--n2Eyu.type2--fd6G6 .option--J5sat {
        bottom: auto
    }

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

.Template--GnSlH {
    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--hEZj7 {
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-name: fadeIn--VSoVg;
    -webkit-animation-name: fadeIn--VSoVg;
    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--VSoVg {
    0% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: .9
    }

    to {
        opacity: 0
    }
}

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

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

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

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

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

.AudioModal--xlWGB {
    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--xlWGB img {
    display: block;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

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

.tip--_Z_Tj {
    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--_Z_Tj:after {
    display: none!important
}

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

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

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

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

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

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

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

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

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

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

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

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

.tabItems--MG5_C.activity--UmiRM {
    background: #454545;
    color: #fff
}

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

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

.nameWp--oojiR {
    overflow: hidden
}

.nameWp--oojiR.isReply--Fw6gv {
    max-width: 50%
}

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

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

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

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

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

.comment--NQxiI.activate--rqeXo {
    color: #fa6400
}

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

.reply--jwJLj.activate--rqeXo {
    color: #fa6400
}

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

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

.more--EPXpu {
    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--GM2xq {
    color: #909090;
    flex: 1;
    font-size: 12px
}

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

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

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

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

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

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

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

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

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

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

.moreWp--WU_Q7:hover .moreOptionWp--WKWRn {
    display: block
}

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

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

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

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

.release--_XhyH.activate--rqeXo {
    background: #286efa
}

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

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

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

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

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

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

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

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

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

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

.maxLen--Bj7Dc {
    color: red
}

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

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

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

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

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

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

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

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

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

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

    .CommentBody--ysa1a {
        flex: 1
    }

    .CommentBody--ysa1a.commentFocus--W1UAJ {
        display: none
    }

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

    .CommentModalAnimation--lEAvp.commentFocus--W1UAJ {
        height: auto;
        min-height: 0
    }

    .CommentBody--ysa1a.isReply--Fw6gv {
        display: flex
    }

    .CommentModal--u_yLX.isReply--Fw6gv {
        bottom: 0;
        height: auto;
        top: 0
    }

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

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

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

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

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

.reportTitle--lxbpU {
    flex: 1
}

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

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

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

.reportModel--yDqQo textarea {
    border: 1px solid #efefef;
    height: 125px;
    outline: none;
    padding: 10px;
    resize: none;
    width: 100%
}

.Submit--kBwIN {
    background: #286efa;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    margin-top: 20px;
    width: 53px
}

.ReportMobileItem--RBOI_ {
    align-items: center;
    display: flex;
    height: 48px;
    padding: 0 20px
}

.ReportMobileItem--RBOI_ img {
    height: 16px;
    width: 16px
}

.ReportMobileItem--RBOI_ div {
    flex: 1
}

.mobileStep2--q1mvs {
    padding: 15px 20px
}

.reason--_38KQ {
    margin-bottom: 30px
}

.textareaTitle--_iZ9G {
    margin-bottom: 10px
}

.mobileTextarea--T0QRu {
    border: 1px solid #efefef;
    border-radius: 5px;
    height: 100px;
    margin-bottom: 50px;
    outline: none;
    padding: 9px 10px;
    resize: none;
    width: 100%
}

.mobileSubmit--SzU9A {
    align-items: center;
    background: #286efa;
    border-radius: 5px;
    color: #fff;
    display: flex;
    height: 38px;
    justify-items: center
}

.mobileStep1--_omhH,.mobileStep2--q1mvs {
    padding-bottom: calc(15px + env(safe-area-inset-bottom))
}

.Checkbox--xSpp8 img {
    display: block;
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.Checkbox--xSpp8 {
    cursor: pointer
}

.SmallModal--s4S_r {
    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--S_Sk9 {
    background: rgba(0,0,0,.7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9000
}

.title2--pVAWl {
    color: #fff;
    left: 50%;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 20px;
    transform: translateX(-50%);
    white-space: nowrap
}

.content2--Qsz_z {
    background: #fff;
    bottom: 60px;
    left: 60px;
    position: absolute;
    right: 60px;
    top: 60px
}

.closeWp2--HOtb5 {
    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--CEYxk {
    height: 16px;
    width: 16px
}

.backdrop2--rzeMa {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.header--wK6pH {
    align-items: center;
    color: #1a1a1a;
    display: flex;
    height: 50px;
    margin: 0 0 0 15px
}

.header_border--T_VFX {
    border-bottom: 1px solid #efefef;
    margin: 0 15px
}

.closeWp--_EKYq {
    height: 100%;
    width: 46px
}

.close--d__sO {
    cursor: pointer;
    height: 16px;
    width: 16px
}

.title--ZIYja {
    flex: 1;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content--_Uwx_ {
    flex: 1;
    overflow: hidden;
    padding: 15px
}

.link--cpfSu {
    color: #286efa;
    cursor: pointer;
    display: block;
    margin-right: 20px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.backdrop--_F9m_ {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9000
}

@media (max-width: 1024px) {
    .SmallModal--s4S_r {
        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--_Uwx_ {
        height: calc(100% - 50px)
    }

    .title2--pVAWl {
        left: 20px;
        max-width: 80%;
        position: absolute;
        top: 15px;
        transform: none
    }

    .content2--Qsz_z {
        bottom: 50px;
        left: 20px;
        right: 20px;
        top: 50px
    }

    .closeWp2--HOtb5 {
        right: 10px;
        top: 10px
    }
}

.UrlModal--cS5FO {
    bottom: 60px;
    left: 60px;
    right: 60px;
    top: 60px;
    transform: none;
    width: auto
}

.isFullscreen--jXKWv {
    bottom: 60px;
    left: 80px;
    max-width: none;
    right: 80px;
    top: 60px;
    width: auto
}

.iframe--_L4LH {
    border: 0;
    display: block;
    height: 100%;
    width: 100%
}

@media (max-width: 1024px) {
    .UrlModal--cS5FO {
        bottom:0;
        height: 100%;
        left: 0;
        right: 0;
        top: auto
    }
}

.PhoneModal--_cGmP {
    width: 350px
}

.header--Ws225 {
    border-bottom: 1px solid #efefef;
    color: #1a1a1a;
    height: 50px;
    margin: 0 15px
}

.close--z_Byy {
    cursor: pointer;
    height: 16px;
    width: 16px
}

.title--OMupS {
    font-weight: 500;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item--SdMb5 {
    margin-bottom: 15px
}

.mobiles--Wt5I6 {
    max-height: 180px;
    overflow: hidden
}

.itembox--o_gwN {
    padding: 15px
}

.avatar--_1iNP {
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.name--atuYr {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile--G8pVT {
    color: #909090
}

.button--iPpbb {
    height: 32px;
    width: 32px
}

@media (max-width: 1024px) {
    .PhoneModal--_cGmP {
        height:auto;
        padding-bottom: calc(env(safe-area-inset-bottom));
        width: auto
    }
}

.VipImagePcModal--_xSw6 {
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 50px 0;
    position: absolute;
    right: 0;
    top: 0
}

.modal--_K3O0 {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9000
}

.backdrop--_u8y9 {
    background-color: rgba(0,0,0,.7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.close--_He81 {
    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--_He81 img {
    height: 16px;
    width: 16px
}

.header--BVzEg {
    background-color: #2d2d2d;
    color: #fff;
    padding: 10px 20px
}

.footer--rezbk {
    background-color: #2d2d2d;
    height: 65px;
    padding-top: 15px;
    text-align: center
}

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

.pano-preview-container--RdrHx {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.pano-preview-fullscreen--_bIVt {
    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--rs_uM {
    float: left;
    height: 100%;
    width: 100%
}

.pano-preview-img--_OiOv {
    position: absolute;
    transform-origin: center center
}

.pano-preview-zoom-btn--ZMMhw {
    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--ZMMhw.pano-preview-zoom-btn-disable--eALQ8 {
    cursor: default
}

.pano-preview-zoom-btn--ZMMhw.pano-preview-zoom-btn-disable--eALQ8 img,.pano-preview-zoom-btn--ZMMhw.pano-preview-zoom-btn-disable--eALQ8 span {
    opacity: .3
}

.pano-preview-zoom-btn--ZMMhw.pano-preview-zoom-btn-disable--eALQ8:hover {
    background-color: rgba(52,52,52,.4);
    border: 1px solid #343434
}

.pano-preview-zoom-btn--ZMMhw:hover {
    background-color: #447ef7;
    border: 1px solid #447ef7
}

.pano-preview-zoom-btn--ZMMhw img {
    display: block;
    margin-right: 5px;
    width: 14px
}

.pano-preview-zoom-btn-box--fxWLD {
    margin-bottom: 30px
}

.pano-preview-foot--_TOZl {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.pano-preview-text-box--gb1r8 {
    color: #fff;
    height: 145px
}

.pano-preview-text-content--uy4yo {
    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--KTUqK {
    height: 250px;
    position: relative
}

@media (max-height: 500px) {
    .imageBox--KTUqK {
        flex:2;
        height: auto
    }
}

.btnBox--_gRFu {
    left: 15px;
    position: absolute;
    top: 15px;
    z-index: 9000
}

.btn--XJL6c {
    background: rgba(0,0,0,.5);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    margin-right: 15px;
    padding: 0 10px
}

.btn--XJL6c .text--DFiiB {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn--XJL6c img {
    height: 18px;
    margin-right: 3px;
    width: 18px
}

.title--QDuOv {
    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;
    display: none !important;
}

.mobileBack--UcWbB {
    display: none
}

@media (max-width: 1024px) {
    .title--QDuOv {
        left:15px;
        top: 15px;
        transform: none
    }

    .btnBox--_gRFu {
        top: 45px
    }

    .btn--XJL6c {
        font-size: 12px;
        height: 20px;
        margin-right: 10px
    }

    .btn--XJL6c img {
        height: 16px;
        width: 16px
    }

    .mobileBack--UcWbB {
        display: block;
        height: 20px;
        padding-right: 15px;
        width: 35px
    }

    .mobileBack--UcWbB img {
        height: 16px;
        width: 16px
    }

    .back--_SJlG {
        display: none!important
    }

    .btn--XJL6c .text--DFiiB {
        max-width: 200px
    }
}

.listItem--S7LYU {
    height: 168px;
    margin: 0 10px 20px
}

.listItem2--VtDDw,.listItem--S7LYU {
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
    width: 300px
}

.listItem2--VtDDw {
    margin: 10px
}

.listBox--GiNwe {
    margin-top: 30px;
    width: 970px
}

.textBox--ipHNo {
    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--d8VoH {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 38px;
    overflow: hidden;
    text-align: center;
    word-break: break-word
}

.detailBtn--PPxax {
    background: #606060;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    margin-top: 5px;
    width: 56px
}

.detailBox--_Iphe {
    background: rgba(0,0,0,.9);
    border: 1px solid #909090;
    padding-right: 30px;
    z-index: 9000
}

.detailBox1--BSJCa,.detailBox--_Iphe {
    border-radius: 5px;
    bottom: 20px;
    height: 200px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    transform: translateX(-50%);
    width: 660px
}

.detailBox1--BSJCa {
    text-shadow: 0 1px 8px rgba(0,0,0,.8);
    z-index: 900
}

.detailBox1--BSJCa .details--_Gkjk {
    text-align: center
}

.details--_Gkjk {
    color: #fff;
    padding: 15px;
    text-align: justify;
    white-space: pre-wrap;
    word-break: break-word
}

.close--DfYEY {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 16px
}

.ScrollbarsBox--_XvNm {
    margin-right: 10px
}

@media (max-width: 1024px) {
    .listBox--GiNwe {
        height:auto;
        left: 0;
        margin-top: 0;
        position: fixed;
        right: 0;
        top: 60px;
        width: 100vw
    }

    .listBox--GiNwe.isMusic--_bO6D {
        top: 80px
    }

    .column--vBKuf {
        padding-left: 8px
    }

    .listItem--S7LYU {
        margin: 0 15px 10px;
        width: 100%
    }

    .ScrollbarsBox--_XvNm {
        margin-right: 0;
        padding-bottom: calc(env(safe-area-inset-bottom))
    }

    .textBox--ipHNo {
        left: 15px;
        right: 15px;
        transform: none;
        width: auto
    }

    .detailBox1--BSJCa,.detailBox--_Iphe {
        bottom: 0;
        left: 0;
        padding-right: 0;
        right: 0;
        transform: none;
        width: auto
    }

    .close--DfYEY {
        display: none
    }
}

.arrowLeft--e5V_h,.arrowRight--tc5b6 {
    cursor: pointer;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    z-index: 1000
}

.arrowLeft--e5V_h {
    left: 15px
}

.arrowRight--tc5b6 {
    right: 15px
}

.disable--DLyfL {
    display: none
}

.pswp__top-bar {
    display: none!important
}

.pswp {
    --pswp-placeholder-bg: transparent!important;
    z-index: 1!important
}

.pswp__button {
    display: none!important
}

.ImageLoading--yOsHv {
    background: #1a1a1a;
    border-radius: 5px 5px 5px 5px;
    color: #909090;
    font-size: 14px;
    height: 168px;
    width: 300px
}

.image--ztkOO,.ImageLoading--yOsHv {
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 10px 20px
}

@media (max-width: 1024px) {
    .image--ztkOO,.ImageLoading--yOsHv {
        margin:0 7px 15px
    }
}

.ScrollbarsBox--jLKsm {
    margin-right: 10px
}

.listItem--bP8Iv {
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
    height: 300px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    width: 300px
}

.listItemText--Tlfu0 {
    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--qv1wj {
    height: 450px;
    width: 970px
}

.listItem--bP8Iv img {
    height: 40px;
    width: 40px
}

@media (max-width: 1024px) {
    .listBox--qv1wj {
        height:auto;
        left: 0;
        position: fixed;
        right: 0;
        top: 60px;
        width: 100vw
    }

    .listBox--qv1wj.isMusic--qsuO1 {
        top: 80px
    }

    .listItem--bP8Iv {
        margin: 10px 15px;
        width: 100%
    }

    .ScrollbarsBox--jLKsm {
        margin-right: 0;
        padding-bottom: calc(env(safe-area-inset-bottom))
    }
}

.Article--__Ig6 {
    bottom: 60px;
    left: 60px;
    right: 60px;
    top: 60px;
    transform: none;
    width: auto
}

.ArticleContent--qewlR {
    padding: 0
}

@media (max-width: 1024px) {
    .Article--__Ig6 {
        bottom:0;
        height: 100%;
        left: 0;
        right: 0;
        top: auto
    }
}

.iframeVideo--qCdox {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.iframeVideo--qCdox iframe {
    max-height: 100vh;
    max-width: 100vw;
    min-height: 600px;
    min-width: 1050px
}

.listItem--pypmM {
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
    height: 168px;
    margin: 10px;
    position: relative;
    width: 300px
}

.columnList--OY__z {
    margin: 0 10px 20px;
    position: relative
}

.columnList--OY__z img {
    height: 40px;
    position: absolute;
    width: 40px
}

.listItemText--cEpK5 {
    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--hDfxy {
    height: calc(100% - 60px);
    margin-top: 60px;
    width: 970px
}

.listItem--pypmM img {
    height: 40px;
    width: 40px
}

.arrowLeft--PhTaD,.arrowRight--ati1T {
    cursor: pointer;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    z-index: 1
}

.arrowLeft--PhTaD {
    left: 15px
}

.arrowRight--ati1T {
    right: 15px
}

.disable--JTV__ {
    display: none
}

.ScrollbarsBox--sHoXb {
    margin-right: 10px
}

.name--n27Ok {
    color: #fff
}

.nativeVideo--AvcSY {
    display: block;
    left: 50%;
    max-height: 600px;
    max-width: 1000px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 1200px) {
    .iframeVideo--qCdox iframe {
        min-height:400px;
        min-height: 500px;
        min-width: 700px;
        min-width: 875px
    }
}

@media (max-width: 1000px) {
    .iframeVideo--qCdox iframe {
        min-height:400px;
        min-width: 700px
    }

    .nativeVideo--AvcSY {
        max-height: 80vh;
        max-width: 100vw
    }
}

@media (max-width: 1024px) {
    .iframeVideo--qCdox iframe {
        min-height:182px;
        min-width: 320px
    }

    .listBox--hDfxy {
        height: auto;
        left: 0;
        margin-top: 0;
        position: fixed;
        right: 0;
        top: 60px;
        width: 100vw
    }

    .listBox--hDfxy.isMusic--aaDuw {
        top: 80px
    }

    .listItem--pypmM {
        margin: 10px 15px;
        width: 100%
    }

    .ScrollbarsBox--sHoXb {
        margin-right: 0;
        padding-bottom: calc(env(safe-area-inset-bottom))
    }

    .nativeVideo--AvcSY {
        max-height: 80vh;
        max-width: 100vw
    }
}

.pano-overlay--_AYUx {
    background: rgba(0,0,0,.8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4999
}

.pano-loading--_4VlT {
    height: 60px;
    left: 50%;
    margin-left: -75px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 150px;
    z-index: 5000
}

.pano-content--_IlYQ {
    color: #d8d8d8;
    font-size: 12px;
    margin-top: 10px
}

.pano-loading-anim--VNiIU {
    box-sizing: border-box;
    height: 20px;
    padding-top: 10px;
    width: 50px
}

.pano-loading-anim-item-box--FtFMr {
    height: 20px;
    padding-top: 20px;
    position: relative;
    transform: scale(.4);
    transform-origin: 0 0 0;
    width: 100px
}

.pano-loading-anim-item--tSmdc {
    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--tSmdc.one--wYWW7 {
    -webkit-animation: object--K_Q5W 2s linear infinite;
    animation: object--K_Q5W 2s linear infinite
}

.pano-loading-anim-item--tSmdc.two--MYMDG {
    -webkit-animation: object--K_Q5W 2s linear -.4s infinite;
    animation: object--K_Q5W 2s linear -.4s infinite;
    left: 20px
}

.pano-loading-anim-item--tSmdc.three--pMCwl {
    -webkit-animation: object--K_Q5W 2s linear -.8s infinite;
    animation: object--K_Q5W 2s linear -.8s infinite;
    left: 40px
}

.pano-loading-anim-item--tSmdc.four--RlCpI {
    -webkit-animation: object--K_Q5W 2s linear -1.2s infinite;
    animation: object--K_Q5W 2s linear -1.2s infinite;
    left: 60px
}

.pano-loading-anim-item--tSmdc.five--p5xOb {
    -webkit-animation: object--K_Q5W 2s linear -1.6s infinite;
    animation: object--K_Q5W 2s linear -1.6s infinite;
    left: 80px
}

@-webkit-keyframes object--K_Q5W {
    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--K_Q5W {
    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--f4Yj8 {
    height: 100%;
    position: relative;
    width: 100%
}

.pano-image-switch--f4Yj8.fullscreen--yejHL {
    background: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5000
}

.pano-image-switch--f4Yj8 .text-container--_285O {
    height: 120px
}

.pano-image-switch--f4Yj8 .isw-text--DUYDI {
    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--f4Yj8 .isw-scroll-box--oFypY {
    width: 980px
}

.pano-image-switch--f4Yj8 .isw-zoomBtn--aM7HN {
    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--f4Yj8 .isw-zoomBtn--aM7HN.zoomBtnDisable--sFaYW {
    cursor: default
}

.pano-image-switch--f4Yj8 .isw-zoomBtn--aM7HN.zoomBtnDisable--sFaYW img,.pano-image-switch--f4Yj8 .isw-zoomBtn--aM7HN.zoomBtnDisable--sFaYW span {
    opacity: .3
}

.pano-image-switch--f4Yj8 .isw-zoomBtn--aM7HN.zoomBtnDisable--sFaYW:hover {
    background-color: rgba(52,52,52,.4);
    border: 1px solid #343434
}

.pano-image-switch--f4Yj8 .isw-zoomBtn--aM7HN:hover {
    background-color: #447ef7;
    border: 1px solid #447ef7
}

.pano-image-switch--f4Yj8 .isw-zoomBtn--aM7HN img {
    display: block;
    margin-right: 5px;
    width: 14px
}

@media (max-width: 1024px) {
    .pano-image-switch--f4Yj8 .text-container--_285O {
        height:152px
    }
}

@media (max-height: 500px) {
    .pano-image-switch--f4Yj8 .text-container--_285O {
        height:100px
    }
}

.scrollbar720 .scrollbar-track {
    background: transparent
}

.scrollbar720 .scrollbar-thumb {
    background: hsla(0,0%,85%,.5)
}

.share_pc--EPnZG {
    width: 100%
}

.share_pc_content--_MakZ {
    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--_zURB {
    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--Gh_41 {
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: -15px;
    top: 0;
    width: 50px
}

.title_close_btn--Gh_41 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--CU_sl {
    padding-top: 30px;
    width: 100%
}

.share_choose--XJz3Q {
    border-radius: 5px;
    font-size: 0;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.choose_item--_hBCe {
    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--_hBCe:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.choose_item--_hBCe:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.choose_item_active--RjIwX {
    background-color: #606060;
    color: #fff
}

.share_pc_copy_content--RqFbg {
    box-sizing: border-box;
    padding: 34px 45px 0;
    width: 100%
}

.share_pc_copy_content_C--Hezk1 {
    box-sizing: border-box;
    height: 150px;
    padding-left: 182px;
    position: relative;
    width: 100%
}

.qr_content--b4CWM {
    background-color: #efefef;
    color: #909090;
    font-size: 14px;
    line-height: 150px;
    text-align: center
}

.qr_content--b4CWM,.qrImg--tEWHu {
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px
}

.qrImg--tEWHu {
    display: block;
    z-index: 4
}

.share_pc_copy_code--_O0lq {
    width: 100%
}

.share_pc_copy_code--_O0lq .copy_code--YR_YZ p {
    color: #3d3d3d;
    font-size: 14px;
    padding-bottom: 10px;
    position: relative
}

.share_pc_copy_code--_O0lq .copy_code--YR_YZ 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--_O0lq .copy_code--YR_YZ .copy_code_p_succee--v6LxK span {
    color: #61b500
}

.copy_code_btn_input--z1ORH {
    width: 100%
}

.input_txt--_CbIi {
    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--_CbIi:focus {
    border: none
}

.input_txt--_CbIi:-ms-input-placeholder {
    color: #3d3d3d;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 400
}

.input_txt--_CbIi::-webkit-input-placeholder {
    color: #3d3d3d;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 400
}

.input_txt--_CbIi:-moz-placeholder,.input_txt--_CbIi::-moz-placeholder {
    color: #3d3d3d;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 400
}

.pc_succeed_txt--MlkO4 {
    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--x27hB {
    filter: alpha(opacity=100);
    opacity: 1
}

.share_mobile--JTpOg {
    height: 100%;
    width: 100%
}

.share_mobile_content--MmKN_ {
    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--Ibgxx {
    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--Uyi_d {
    height: 40px;
    position: absolute;
    right: -10px;
    top: 0;
    width: 40px
}

.mobile_title_close_btn--Uyi_d 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--JNoc2 {
    margin-bottom: 20px;
    width: 100%
}

.share_mobile_choose--SaDsr {
    border-radius: 5px;
    font-size: 0;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.choose_mobile_item--_Obun {
    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--_Obun:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.choose_mobile_item--_Obun:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.choose_mobile_item_active--KffQm {
    background-color: #606060;
    color: #fff
}

.qr_mobile_content--kAJVR {
    background-color: #efefef;
    height: 240px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 50%;
    width: 240px
}

.qr_mobile_content--kAJVR 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--_FXCX {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

.q_mobile_mark--_fs1l {
    color: #000;
    font-size: 12px;
    padding-bottom: 20px;
    padding-top: 6px;
    text-align: center
}

.share_click--v4ce1 {
    font-size: 0;
    padding-bottom: 30px;
    position: relative;
    text-align: center;
    width: 100%
}

.share_click--v4ce1 .share_btn--gjZ7_ {
    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--v4ce1 .share_btn_succee--__3LU {
    background: #61b500
}

.succeed_txt--mkWOw {
    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--Z24EQ {
    opacity: 1
}

.backdrop--pRahd {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9000
}

.ShareModal--_HEcG {
    height: 470px
}

.ViewSwitchModal--ZYmdQ {
    width: 350px
}

@media (max-width: 1024px) {
    .ViewSwitchModal--ZYmdQ {
        height:128px;
        height: calc(128px + constant(safe-area-inset-bottom));
        height: calc(128px + env(safe-area-inset-bottom));
        width: 100%
    }
}

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

.item--Xf3PX {
    cursor: pointer;
    flex: 1
}

.SettingModal--bv0Fr {
    width: 360px!important
}

.classNameContent--AP_10 {
    padding: 0!important
}

.Button--o7jV1 {
    color: #909090;
    cursor: pointer;
    margin-bottom: 15px;
    padding: 0 10px;
    width: 33.33%
}

.Button--o7jV1 img,.Button--o7jV1 svg {
    fill: #000;
    display: block;
    height: 24px;
    margin-bottom: 5px;
    width: 24px
}

@media (max-width: 1024px) {
    .SettingModal--bv0Fr {
        height:auto;
        width: auto!important
    }
}

.SettingModalTheme4--i_CIO {
    width: 375px!important
}

.SettingModalContentTheme4--__VuF {
    padding: 0
}

@media (max-width: 1024px) {
    .SettingModalTheme4--i_CIO {
        height:auto;
        padding-bottom: calc(env(safe-area-inset-bottom));
        width: auto!important
    }
}

.SettingModalButton--GQ6Wm {
    cursor: pointer;
    height: 50px;
    padding: 0 24px;
    width: 100%
}

.SettingModalButton--GQ6Wm:hover {
    background: #ececec
}

.SettingModalIcon--_8GZ6 {
    fill: #666;
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.switch--oZ7uz {
    height: 20px;
    width: 40px
}

.arrow--WocOm {
    height: 16px;
    width: 16px
}

.SettingModalTheme5--kfLW1 {
    width: 360px!important
}

.SettingModalContentTheme5--_QtFy {
    padding: 15px 0 0!important
}

@media (max-width: 1024px) {
    .SettingModalTheme5--kfLW1 {
        height:auto;
        padding-bottom: calc(env(safe-area-inset-bottom));
        width: auto!important
    }
}

.MenuArrowRight--qLuFZ div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABJ0lEQVRYR+3UQU7DMBAFUI8b5V4sOENVdcOKokhRcgR6BE8WsEWiC8KSFSfgDFwg4RLkI0utVFWoGTtjZZOsbf+X8YzJzPzRzPlmASwVCKpA27arvu9frLUfZVm+aTSwGODDu647GGPWRPRrrd1qIMQA59wrgO3pr7UQYkDTNOthGA4AVpoIMcCHpkAEAVIgggHaiCiAJiIaoIWYBLiGALCp6/p97LGaDABAzPwJ4PY8jIj2VVU9JgUcw58B3F8E9Xme3xRF8Z0M4MOdc0/GmF1suN8XdQVa4VEAzfBggHZ4ECBFeBDANxyAhykN999EiJuQmXcAPOK0Rzxq10ZRDPCHnCF+pHOu/g4w812WZV+SR2YsPKgHJIfFrAm6gpiAsT0LYPYK/AHRP9shA1fcawAAAABJRU5ErkJggg==)
}

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

.MenuArrowLeft--B0O4v div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABM0lEQVRYR+3UsUrEQBAG4Jkk5J0sD3wFEdHKxjMku+l8B6tNAh52NoLie1iKrYW1pWBvRhZOCXIms7uzpknaDft/O8wMwswfzpwPC2CpgFgFiAjbtr1CxGel1DW3uUUANrxpmg0AnCEiIeI5FxEMGIZ/v3qLOFVK3UxVIgiwK3wb+Jbn+aooipdoAIlwi/OqgFS4F0Ay3BkgHe4EiBHuBLBzTkTrX13N7va/poHdhMaYRwDYG16EiBda68upURs7ZwO6rjvs+/6WiNLBwvkEgBOt9Z0vgg2wATEQToAYCGeANMILIInwBowhkiQ5rqrqntOYQYAxBBEd1XX9MIUIBuxCIOJ7mqb7ZVk+/QtgiACAD2640yqeeok9N8YcZFn2ynn5zzLjXBzzH5EeCAEugNkr8AV3288hkF4shAAAAABJRU5ErkJggg==)
}

.MenuArrowLeft--B0O4v:hover div,.MenuArrowRight--qLuFZ:hover div {
    opacity: 1
}

.MenuArrowLeft--B0O4v,.MenuArrowRight--qLuFZ {
    cursor: pointer;
    height: 19px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 1
}

.MenuArrowRight--qLuFZ {
    right: 3px
}

.MenuArrowLeft--B0O4v {
    left: 3px
}

.level2_wp--ydBYm {
    margin-bottom: 20px;
    padding: 0 35px;
    position: relative
}

.WorksModal--Dq0ex {
    bottom: 30px;
    top: 30px;
    transform: translateX(-50%);
    width: 1000px
}

.WorksModalContent--DVSL5 {
    padding: 0
}

.level1--xc9y7 {
    background: #efefef;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500;
    height: 38px;
    max-width: 180px;
    overflow: hidden;
    padding: 0 10px
}

.level1--xc9y7.activity--lTTBO {
    background: #286efa;
    color: #fff
}

.level1--xc9y7:first-child {
    border-radius: 5px 0 0 5px
}

.level1--xc9y7:last-child {
    border-radius: 0 5px 5px 0
}

.level2--ul0p_ {
    border-bottom: 4px solid transparent;
    color: #909090;
    cursor: pointer;
    margin-right: 20px;
    padding-bottom: 4px
}

.level2_name--OPGKV {
    margin-right: 5px;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.level2--ul0p_.activity--lTTBO {
    border-bottom-color: #4664ff;
    color: #000
}

.level2--ul0p_.activity--lTTBO .level2_name--OPGKV {
    color: #1a1a1a
}

.level3Item--tmnLW {
    margin-right: 20px;
    width: 310px
}

.level3Item--tmnLW:nth-child(3n+0) {
    margin-right: 0
}

.level3Item--tmnLW .thumbBox--cmG7J {
    border: 2px solid transparent;
    border-radius: 5px;
    height: 160px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%
}

.level3Item--tmnLW .thumb--s5Uzt {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

.level3Item--tmnLW .name--XEvXG {
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .WorksModal--Dq0ex {
        bottom:0;
        height: 100%;
        top: auto;
        transform: translateX(0) translateY(0);
        width: 100vw
    }

    .level1--xc9y7 {
        flex: 1;
        max-width: none
    }

    .level3Item--tmnLW {
        margin-right: 0;
        width: calc(50% - 8px)
    }

    .level3Item--tmnLW:nth-child(odd) {
        margin-right: 16px
    }

    .level3Item--tmnLW .thumb--s5Uzt,.level3Item--tmnLW .thumbBox--cmG7J {
        height: 100px
    }

    .level2_wp--ydBYm {
        padding: 0 15px
    }

    .MenuArrowLeft--B0O4v,.MenuArrowRight--qLuFZ {
        display: none!important
    }
}

.ShareModal--AI0Lb {
    width: 350px
}

.ShareText--_kfMs {
    display: none;
    font-size: 12px;
    margin-bottom: 20px;
    text-align: center
}

@media (max-width: 1024px) {
    .ShareModal--AI0Lb {
        height:386px;
        height: calc(386px + constant(safe-area-inset-bottom));
        height: calc(386px + env(safe-area-inset-bottom));
        width: 100%
    }

    .ShareText--_kfMs {
        display: block
    }
}

.MapModal--FMMoB {
    bottom: 30px;
    top: 30px;
    transform: translateX(-50%);
    width: 1000px
}

.mmMap--UQTc_ {
    height: 100%;
    width: 100%
}

.select_map--wZgdH {
    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--CkFKR {
    background: #fff;
    border-radius: 5px
}

.select_map--wZgdH {
    height: 232px;
    height: calc(232px + constant(safe-area-inset-bottom));
    height: calc(232px + env(safe-area-inset-bottom))
}

.select_map_ios--_DFjn {
    height: 280px;
    height: calc(280px + constant(safe-area-inset-bottom));
    height: calc(280px + env(safe-area-inset-bottom))
}

.select_map_hide--om8Ai {
    height: 0
}

.select_map_item--_2SjS {
    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--_2SjS:last-child {
    border-bottom: none
}

.select_map_bg--l6k3Y {
    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--NJST0 {
    opacity: 0;
    pointer-events: none
}

@media (max-width: 1024px) {
    .MapModal--FMMoB {
        bottom:0;
        height: 100%;
        top: auto;
        transform: translateX(0) translateY(0);
        width: 100vw
    }
}

.WxOpenModal--R__vX {
    height: 350px;
    width: 550px
}

.close--_dojr {
    background: #286efa;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    margin-bottom: 10px;
    width: 76px
}

@media (max-width: 1024px) {
    .WxOpenModal--R__vX {
        height:230px;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 275px
    }
}

.listBox--_7DQf {
    height: 450px;
    width: 970px
}

.ScrollbarsBox--LjHo7 {
    margin-right: 10px
}

.listItem--HBrDK {
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
    height: 300px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    width: 300px
}

.listItemText--aNt6U {
    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--HBrDK img {
    height: 40px;
    width: 40px
}

@media (max-width: 1024px) {
    .listBox--_7DQf {
        height:auto;
        left: 0;
        position: fixed;
        right: 0;
        top: 60px;
        width: 100vw
    }

    .listBox--_7DQf.isMusic--_hgQN {
        top: 80px
    }

    .listItem--HBrDK {
        margin: 10px 15px;
        width: 100%
    }

    .ScrollbarsBox--LjHo7 {
        margin-right: 0;
        padding-bottom: calc(env(safe-area-inset-bottom))
    }
}

.Document--_d33C {
    bottom: 60px;
    left: 60px;
    right: 60px;
    top: 60px;
    transform: none;
    width: auto
}

.DocumentContent--sIzDo {
    padding: 0
}

.iframe--_nTVw {
    border: 0;
    display: block;
    height: 100%;
    width: 100%
}

@media (max-width: 1024px) {
    .Document--_d33C {
        bottom:0;
        height: 100%;
        left: 0;
        right: 0;
        top: auto
    }
}

.popoverWP--f426y {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    display: flex;
    height: 80px;
    width: 250px
}

.popoverWP--f426y img {
    height: 80px;
    width: 80px
}

.scene--UfI_V {
    flex: 1
}

.btn--SlgGE {
    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--_buDP {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 5px 10px;
    overflow: hidden;
    word-break: break-word
}

.close--_Dpnq {
    color: #777;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -4px;
    width: 20px
}

.RemarkModal--cX0id {
    height: 600px;
    width: 1000px
}

.mapBtn--MS9Jv {
    background: #286efa;
    border-radius: 5px;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    position: absolute;
    right: 10px
}

.label--d7Der {
    width: 86px
}

.button--cTkmy {
    background: #286efa;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    margin-top: 20px;
    width: 76px
}

.disable--p7brZ {
    background: #909090;
    cursor: default
}

.businessCardModal--MDnKM {
    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--_ag_J {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9000
}

.businessCardModalImg--HLZ44 {
    border-radius: 50%;
    height: 150px;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: -54px;
    transform: translateX(-50%);
    width: 150px
}

.businessCardModalContentTitle--_tawk {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 500;
    margin-top: 116px;
    text-align: center
}

.businessCardModalContentPhone--sVQfo {
    color: #1a1a1a;
    font-size: 34px;
    font-weight: 500;
    text-align: center
}

.businessCardModalButtonPhone--Gfwhg {
    background: #286efa;
    color: #fff;
    margin-top: 10px
}

.businessCardModalButtonCopy--_NG_m,.businessCardModalButtonPhone--Gfwhg {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 300px
}

.businessCardModalButtonCopy--_NG_m {
    color: #286efa;
    cursor: pointer;
    transition: all .3s
}

.succeedCopy--ntGm0 {
    color: #61b500
}

.businessCardModalQrcode--BSV7C {
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 170px
}

.businessCardModalQrcodeText--bDqap {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 500
}

.businessCardModalBlank--aw3Jx {
    height: 50px
}

@media (max-width: 1024px) {
    .businessCardModal--MDnKM {
        left:20px;
        right: 20px;
        transform: translateY(-50%);
        width: auto
    }

    .businessCardModalImg--HLZ44 {
        height: 110px;
        top: -50px;
        width: 110px
    }

    .businessCardModalContentTitle--_tawk {
        font-size: 14px;
        margin-top: 90px
    }

    .businessCardModalContentPhone--sVQfo {
        font-size: 24px
    }

    .businessCardModalBlank--aw3Jx {
        height: 0
    }

    .businessCardModalButtonPhone--Gfwhg {
        margin-top: 30px
    }
}

.Cursor--YXANy {
    height: 580px;
    width: 350px
}

.CursorContent--zjL5l>div {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 38px;
    padding: 0 10px
}

.CursorContent--zjL5l>div:hover {
    background: #f8f8f8
}

.active--JX0qB {
    color: #286efa
}

.HotspotGroup--jhksD {
    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--jhksD {
        height:492px
    }
}

@media (max-height: 1800px) {
    .HotspotGroup--jhksD {
        height:396px
    }
}

@media (max-height: 1400px) {
    .HotspotGroup--jhksD {
        height:349px
    }
}

@media (max-height: 1000px) {
    .HotspotGroup--jhksD {
        height:313px
    }
}

@media (max-height: 900px) {
    .HotspotGroup--jhksD {
        height:277px
    }
}

@media (max-height: 800px) {
    .HotspotGroup--jhksD {
        height:240px
    }
}

@media (max-height: 400px) {
    .HotspotGroup--jhksD {
        height:130px
    }
}

.isShowAll--naGRP {
    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--Ak8Vr,.HotspotGroupItem--m25gt {
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 28px;
    margin-bottom: 8px;
    width: 80px
}

.close--Ak8Vr {
    background: hsla(0,0%,100%,.2);
    bottom: 20px;
    color: #fff;
    margin-bottom: 0;
    position: absolute
}

.close--Ak8Vr img {
    display: block;
    height: 16px;
    margin-right: 10px;
    width: 16px
}

@media (max-width: 1024px) {
    .HotspotGroup--jhksD {
        margin-left:10px
    }

    .isShowAll--naGRP {
        width: 90px
    }
}

.level--Uz9ud {
    display: block;
    position: absolute;
    transition: opacity .3s ease-in-out
}

.level--Uz9ud img {
    height: 100%;
    width: 100%
}

.lightBox--_2de_ {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s ease-in-out
}

.center--i0RDZ {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.leftTop--q_TTV {
    left: 0;
    top: 0
}

.rightTop--pkt7h {
    right: 0;
    top: 0
}

.topCenter--LiBsl {
    left: 50%;
    top: 0;
    transform: translate(-50%)
}

.leftCenter--UeW7O {
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.rightCenter--I1dOL {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.leftBottom--fP0Qt {
    bottom: 0;
    left: 0
}

.rightBottom--o0wPx {
    bottom: 0;
    right: 0
}

.bottomCenter--kTlbo {
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

@keyframes swing--H0R6G {
    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--dCl5l {
    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--gFvVy {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes scale--PRUPE {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes flipVertical--AVsrV {
    0% {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(180deg)
    }
}

@keyframes flipHorizontal--l9GA1 {
    0% {
        transform: rotateX(0)
    }

    to {
        transform: rotateX(-180deg)
    }
}

@keyframes blink--hMTX0 {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@keyframes shake--RcYWo {
    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--_wWEJ {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInFwd--_Dqe_ {
    0% {
        opacity: 0;
        transform: translateZ(-80px)
    }

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

@keyframes fadeInBck--vr3es {
    0% {
        opacity: 0;
        transform: translateZ(80px)
    }

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

@keyframes scaleInCenter--NsZKI {
    0% {
        opacity: 1;
        transform: scale(0)
    }

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

@keyframes scaleInHorCenter--Zl9ll {
    0% {
        opacity: 1;
        transform: scaleX(0)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes scaleInVerCenter--bwjzc {
    0% {
        opacity: 1;
        transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes scale-in-ver-top--nu5c9 {
    0% {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 0
    }
}

@keyframes rotateInCenter--iMqtk {
    0% {
        opacity: 0;
        transform: rotate(-1turn)
    }

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

@keyframes scaleInVerBottom--rB1sB {
    0% {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 0 100%
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 100%
    }
}

@keyframes fade-in-bck--w0Sf2 {
    0% {
        opacity: 0;
        transform: translateZ(80px)
    }

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

@keyframes scale-in-hor-left--bhNiG {
    0% {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }
}

@keyframes rotate-in-center--V5HQt {
    0% {
        opacity: 0;
        transform: rotate(-1turn)
    }

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

@keyframes rotate-in-2-cw--grLSX {
    0% {
        opacity: 0;
        transform: rotate(-45deg)
    }

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

@keyframes rotate-in-2-ccw--_Bf9p {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

@keyframes flip-in-hor-bottom--e7aZS {
    0% {
        opacity: 0;
        transform: rotateX(80deg)
    }

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

@keyframes flip-in-hor-top--XDTnz {
    0% {
        opacity: 0;
        transform: rotateX(-80deg)
    }

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

@keyframes flip-in-ver-right--_SM8S {
    0% {
        opacity: 0;
        transform: rotateY(-80deg)
    }

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

@keyframes flip-in-ver-left--EU4UR {
    0% {
        opacity: 0;
        transform: rotateY(80deg)
    }

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

@keyframes slide-in-top--H_ryT {
    0% {
        opacity: 0;
        transform: translateY(-1000px)
    }

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

@keyframes slide-in-left--TSTms {
    0% {
        opacity: 0;
        transform: translateX(-1000px)
    }

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

@keyframes slide-in-right--Xlgvy {
    0% {
        opacity: 0;
        transform: translateX(1000px)
    }

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

@keyframes fade-out--lBaKx {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out-fwd--_saC9 {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translateZ(80px)
    }
}

@keyframes fade-out-bck--DCMf_ {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translateZ(-80px)
    }
}

@keyframes scale-out-center--_p_Ga {
    0% {
        opacity: 1;
        transform: scale(1)
    }

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

@keyframes scale-out-horizontal--mK0nw {
    0% {
        opacity: 1;
        transform: scaleX(1)
    }

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

@keyframes scale-out-vertical--MJNaa {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }

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

@keyframes scale-out-ver-bottom--_BI2e {
    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--_Lo4n {
    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--jn5Ir {
    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--_CSE9 {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 0 0
    }
}

@keyframes rotate-out-center--hSB_k {
    0% {
        opacity: 1;
        transform: rotate(0)
    }

    to {
        opacity: 0;
        transform: rotate(-1turn)
    }
}

@keyframes rotate-out-2-cw--OReA9 {
    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--RbL3e {
    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--_6Ou7 {
    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--sQPTM {
    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--YOAfT {
    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--g2Ium {
    0% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg)
    }
}

@keyframes slide-out-top--JM6NV {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px)
    }
}

@keyframes slide-out-bottom--imhKR {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px)
    }
}

@keyframes slide-out-right--ulBVA {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px)
    }
}

@keyframes slide-out-left--Z14ng {
    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--LGShN {
    0% {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 100%
    }
}

@keyframes slide-in-bottom--RSH0L {
    0% {
        opacity: 0;
        transform: translateY(1000px)
    }

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

@keyframes swipe-up-to-enter--yakSg {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

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

@keyframes swipe-down-to-enter--NQw7O {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

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

@keyframes swipe-left-to-enter--_0TWe {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

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

@keyframes swipe-right-to-enter--cBGPP {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

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

@keyframes swipe-up-to-exit--f_fM6 {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes swipe-down-to-exit--V16xZ {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

@keyframes swipe-left-to-exit--GsT_J {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateX(-100%)
    }
}

@keyframes swipe-right-to-exit--rf8qf {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateX(100%)
    }
}

.RightBtn--j38Mc {
    margin-top: 5px;
    pointer-events: auto;
    position: absolute;
    right: 5px;
    z-index: 2000
}

.PlayController--PH2GS svg {
    height: 24px;
    width: 24px
}

@media (max-width: 1024px) {
    .RightBtn--j38Mc {
        margin-top:5px;
        right: 0
    }
}

.RightBtn--voTvn {
    height: 42px;
    position: relative;
    width: 52px
}

.button--zhKta {
    border-radius: 32px;
    cursor: pointer;
    display: block;
    height: 32px;
    width: 32px
}

.button--zhKta svg {
    height: 24px;
    width: 24px
}

.text--ywvcm {
    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--voTvn:hover .text--ywvcm {
    display: block
}

@media (max-width: 1024px) {
    .RightBtn--voTvn {
        height:34px;
        position: relative;
        width: 44px
    }

    .button--zhKta {
        height: 24px;
        width: 24px
    }

    .button--zhKta svg {
        height: 18px;
        width: 18px
    }

    .RightBtn--voTvn:hover .text--ywvcm {
        display: none
    }
}

.icon--vd4ZC {
    display: block;
    height: 22px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 22px
}

.VideoController--yPJaB {
    background: rgba(0,0,0,.5);
    border-radius: 100%;
    height: 32px;
    padding: 4px;
    position: relative;
    width: 32px
}

.VideoControllerWp--aeeOL {
    cursor: pointer;
    height: 42px;
    padding: 5px 10px;
    position: relative;
    width: 52px
}

.VideoControllerWp--aeeOL .tip--miziX {
    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--aeeOL:hover .tip--miziX {
    display: block
}

.theme8--JcI6G {
    height: 31px;
    margin-bottom: 14px;
    padding: 0;
    width: 31px
}

.theme8--JcI6G .VideoController--yPJaB {
    background: rgba(0,0,0,.3);
    border: 1px solid rgba(0,0,0,.3);
    height: 31px;
    width: 31px
}

@media (max-width: 1024px) {
    .VideoControllerWp--aeeOL {
        height:34px;
        width: 44px
    }

    .VideoController--yPJaB {
        height: 24px;
        padding: 3px;
        width: 24px
    }

    .icon--vd4ZC {
        height: 19px;
        width: 19px
    }

    .theme8--JcI6G,.theme8--JcI6G .VideoController--yPJaB {
        height: 22px;
        width: 22px
    }

    .theme8--JcI6G .VideoController--yPJaB {
        padding: 2px
    }

    .VideoControllerWp--aeeOL:hover .tip--miziX {
        display: none
    }
}

.LeftBtn--GfdOT {
    left: 15px;
    margin-top: 10px;
    pointer-events: auto;
    position: absolute;
    z-index: 2000
}

.authorPvBox--AVK26 {
    align-items: center;
    color: #fff;
    display: flex
}

.Author--oOrsg {
    color: #fff;
    margin-right: 20px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Author--oOrsg,.pv--zTxpA {
    margin-bottom: 15px
}

@media (max-width: 1024px) {
    .LeftBtn--GfdOT {
        left:10px;
        margin-top: 10px
    }

    .Author--oOrsg {
        margin-right: 15px;
        max-width: 165px
    }

    .Author--oOrsg,.pv--zTxpA {
        font-size: 12px;
        margin-bottom: 10px
    }
}

.logo--Y4eeb {
    margin-bottom: 15px
}

.logo--Y4eeb,.logo--Y4eeb img {
    display: block
}

@media (max-width: 1024px) {
    .logo--Y4eeb {
        margin-bottom:10px
    }
}

.EntrySandBoxBtn--EqDTT {
    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--EqDTT img {
    height: 16px;
    margin-right: 5px;
    width: 16px
}

@media (max-width: 1024px) {
    .EntrySandBoxBtn--EqDTT {
        font-size:12px;
        height: 28px
    }
}

.Author--DISUM {
    color: #fff;
    margin-bottom: 15px;
    margin-top: 15px;
    pointer-events: auto
}

.avatar--KFUzA {
    border-radius: 35px;
    height: 35px;
    margin-right: 10px;
    width: 35px
}

.nickname--bobZk {
    color: #fff;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .nickname--bobZk {
        max-width:180px
    }

    .Author--DISUM {
        margin-bottom: 10px
    }
}

.Author--LGrCn {
    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--LGrCn {
        font-size:12px;
        margin-right: 15px;
        max-width: 180px
    }
}

.pv--_rkgp {
    font-size: 12px;
    margin-bottom: 8px
}

.RightBtn--ZjMbG {
    cursor: pointer;
    margin-bottom: 20px
}

.RightBtn--ZjMbG img,.RightBtn--ZjMbG svg {
    display: block;
    height: 24px;
    width: 24px
}

.RightBtnText--guxDC {
    color: #fff;
    font-size: 12px;
    text-align: center
}

@media (max-width: 1024px) {
    .RightBtn--ZjMbG {
        margin-bottom:16px
    }

    .RightBtn--ZjMbG img,.RightBtn--ZjMbG svg {
        height: 18px;
        width: 18px
    }

    .RightBtnText--guxDC {
        font-size: 10px
    }
}

.sound--Vk9JL {
    animation: turn--O_VMD 4s linear infinite
}

@keyframes turn--O_VMD {
    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--F0wc9 {
    background: rgba(0,0,0,.6);
    border-radius: 20px;
    cursor: pointer;
    height: 36px;
    margin-bottom: 10px;
    padding: 7px 0;
    position: relative;
    width: 36px
}

.Contrast--F0wc9 .tip--_3zBp {
    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--F0wc9:hover .tip--_3zBp {
    display: flex
}

.Contrast--F0wc9 svg {
    display: block;
    height: 22px;
    width: 22px
}

@media (max-width: 1024px) {
    .Contrast--F0wc9 {
        height:30px;
        width: 30px
    }

    .Contrast--F0wc9 svg {
        height: 18px;
        width: 18px
    }

    .Contrast--F0wc9:hover .tip--_3zBp {
        display: none
    }
}

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

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

@media (max-width: 1024px) {
    .RightBtn--_kbkG {
        font-size:12px
    }
}

.titleBox--x78it {
    margin-bottom: 20px
}

.vr--saeVJ {
    height: 16px;
    margin-right: 10px;
    width: 45px
}

.logo--_shRn {
    display: block;
    margin-right: 10px
}

.store--qA_Ab {
    height: 16px;
    margin-right: 5px;
    width: 58px
}

.title--ERWCK {
    color: #fff;
    font-size: 16px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 400px
}

@media (max-width: 1024px) {
    .title--ERWCK {
        width:300px
    }

    .title--ERWCK.isShowLogo--kDOm2 {
        width: 230px
    }
}

.Enterprise--Ns7Jf {
    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--laLFf {
    left: 20px;
    margin-top: 20px;
    pointer-events: auto;
    position: absolute;
    z-index: 2000
}

.authorPvBox--_S_Th {
    align-items: center;
    color: #fff;
    display: flex
}

.Author--hFJxT {
    color: #fff;
    margin-bottom: 15px;
    margin-right: 20px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pv--iKfG6 {
    font-size: 12px
}

.logo--EDgzS,.pv--iKfG6 {
    margin-bottom: 15px
}

@media (max-width: 1024px) {
    .LeftBtn--laLFf {
        left:15px;
        margin-top: 15px
    }

    .Author--hFJxT {
        margin-right: 15px;
        max-width: 180px
    }

    .Author--hFJxT,.pv--iKfG6 {
        font-size: 12px;
        margin-bottom: 10px
    }
}

.FirstSceneButton--_YIY3 {
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    height: 28px;
    width: 89px
}

.FirstSceneButton--_YIY3 div {
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

@media (max-width: 1024px) {
    .FirstSceneButton--_YIY3 {
        font-size:12px
    }
}

.Contrast--IArMD {
    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--IArMD .tip--utwfb {
    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--IArMD:hover .tip--utwfb {
    display: flex
}

.Contrast--IArMD svg {
    display: block;
    height: 24px;
    width: 24px
}

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

    .Contrast--IArMD svg {
        height: 18px;
        width: 18px
    }

    .Contrast--IArMD:hover .tip--utwfb {
        display: none
    }
}

.RightBtn--cFN6C {
    background-size: 900px 1009px;
    height: 62px;
    transform: scale(.5);
    transform-origin: 0 0;
    width: 62px
}

.button--_x76_ {
    border: 1px solid #fff;
    border-radius: 31px;
    cursor: pointer;
    height: 31px;
    margin-bottom: 14px;
    width: 31px
}

.button--_x76_ svg {
    height: 20px;
    width: 20px
}

.RightBtnWp--Rz09y {
    cursor: pointer;
    display: block;
    height: 31px;
    margin-bottom: 14px;
    width: 31px
}

.RightBtnBox--_8Msz {
    position: relative
}

.RightBtnBox--_8Msz .tip--yTyS6 {
    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--_8Msz:hover .tip--yTyS6 {
    display: flex
}

@media (max-width: 1024px) {
    .RightBtnWp--Rz09y {
        height:22px;
        margin-bottom: 9px;
        width: 22px
    }

    .RightBtn--cFN6C {
        transform: scale(.35)
    }

    .RightBtnBox--_8Msz:hover .tip--yTyS6 {
        display: none
    }

    .button--_x76_ {
        height: 22px;
        margin-bottom: 9px;
        width: 22px
    }

    .button--_x76_ svg {
        height: 14px;
        width: 14px
    }

    .RightBtnBox--_8Msz:hover .tip--yTyS6 {
        display: none
    }
}

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

.theme3--_2KLs .right--Y8g2Z {
    position: absolute;
    right: 15px
}

.logoWrapper--_sBwe {
    margin-top: 15px;
    pointer-events: auto
}

.logo--JrvSP {
    display: block
}

.businessCardButton--QAcSJ {
    cursor: pointer;
    max-width: 180px;
    padding: 3px
}

.businessCardButtonImg--eJQgb {
    border-radius: 50%;
    display: block;
    height: 50px;
    object-fit: cover;
    width: 50px
}

.businessCardButtonWx--CwZYB {
    bottom: 2px;
    display: block;
    height: 16px;
    position: absolute;
    right: 2px;
    width: 16px
}

.businessCardButtonName--daUiq {
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.businessCardButtonPhone--a2rIB {
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px
}

.businessCardButtonPhone--a2rIB svg {
    fill: currentColor;
    display: block;
    height: 16px;
    width: 16px
}

@media (max-width: 1024px) {
    .businessCardButtonImg--eJQgb {
        height:40px;
        width: 40px
    }
}

@keyframes swing--G3uCX {
    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--toyYK {
    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--UtuYw {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes scale--Pjneu {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes flipVertical--IW4WT {
    0% {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(180deg)
    }
}

@keyframes flipHorizontal--HJzdc {
    0% {
        transform: rotateX(0)
    }

    to {
        transform: rotateX(-180deg)
    }
}

@keyframes blink--YX3Zg {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@keyframes shake--_uRW7 {
    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--_8YXR {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInFwd--K5TOL {
    0% {
        opacity: 0;
        transform: translateZ(-80px)
    }

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

@keyframes fadeInBck--_5sCD {
    0% {
        opacity: 0;
        transform: translateZ(80px)
    }

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

@keyframes scaleInCenter--ASWjB {
    0% {
        opacity: 1;
        transform: scale(0)
    }

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

@keyframes scaleInHorCenter--StyKy {
    0% {
        opacity: 1;
        transform: scaleX(0)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes scaleInVerCenter--gPs_N {
    0% {
        opacity: 1;
        transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes scale-in-ver-top--M8iko {
    0% {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 0
    }
}

@keyframes rotateInCenter--EeWrH {
    0% {
        opacity: 0;
        transform: rotate(-1turn)
    }

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

@keyframes scaleInVerBottom--p5Z6Z {
    0% {
        opacity: 1;
        transform: scaleY(0);
        transform-origin: 0 100%
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 100%
    }
}

@keyframes fade-in-bck--XKjBV {
    0% {
        opacity: 0;
        transform: translateZ(80px)
    }

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

@keyframes scale-in-hor-left--_b3Wp {
    0% {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }
}

@keyframes rotate-in-center--WoIgi {
    0% {
        opacity: 0;
        transform: rotate(-1turn)
    }

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

@keyframes rotate-in-2-cw--tCqoP {
    0% {
        opacity: 0;
        transform: rotate(-45deg)
    }

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

@keyframes rotate-in-2-ccw--g_kwV {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

@keyframes flip-in-hor-bottom--_a0n0 {
    0% {
        opacity: 0;
        transform: rotateX(80deg)
    }

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

@keyframes flip-in-hor-top--TiuVx {
    0% {
        opacity: 0;
        transform: rotateX(-80deg)
    }

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

@keyframes flip-in-ver-right--xcwVt {
    0% {
        opacity: 0;
        transform: rotateY(-80deg)
    }

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

@keyframes flip-in-ver-left--_PgyL {
    0% {
        opacity: 0;
        transform: rotateY(80deg)
    }

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

@keyframes slide-in-top--kzp6i {
    0% {
        opacity: 0;
        transform: translateY(-1000px)
    }

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

@keyframes slide-in-left--OQBIT {
    0% {
        opacity: 0;
        transform: translateX(-1000px)
    }

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

@keyframes slide-in-right--lyN3b {
    0% {
        opacity: 0;
        transform: translateX(1000px)
    }

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

@keyframes fade-out--ksN2E {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out-fwd--lbpjW {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translateZ(80px)
    }
}

@keyframes fade-out-bck--BYcih {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translateZ(-80px)
    }
}

@keyframes scale-out-center--pt8vK {
    0% {
        opacity: 1;
        transform: scale(1)
    }

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

@keyframes scale-out-horizontal--LPo6F {
    0% {
        opacity: 1;
        transform: scaleX(1)
    }

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

@keyframes scale-out-vertical--oG5Jz {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }

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

@keyframes scale-out-ver-bottom--nfmKv {
    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--dc7Kr {
    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--hvM7s {
    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--i5vF0 {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 0 0
    }
}

@keyframes rotate-out-center--ZxZQ9 {
    0% {
        opacity: 1;
        transform: rotate(0)
    }

    to {
        opacity: 0;
        transform: rotate(-1turn)
    }
}

@keyframes rotate-out-2-cw--hiU4F {
    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--qz0GY {
    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--U_iLg {
    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--ahRg1 {
    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--sYHxr {
    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--_J9P8 {
    0% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg)
    }
}

@keyframes slide-out-top--c3gFo {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px)
    }
}

@keyframes slide-out-bottom--I3pKQ {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px)
    }
}

@keyframes slide-out-right--PT2aE {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px)
    }
}

@keyframes slide-out-left--vay3U {
    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--_Rfzg {
    0% {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 100%
    }
}

@keyframes slide-in-bottom--NUPec {
    0% {
        opacity: 0;
        transform: translateY(1000px)
    }

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

@keyframes swipe-up-to-enter--enNA9 {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

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

@keyframes swipe-down-to-enter--N2g8d {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

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

@keyframes swipe-left-to-enter--Ojx0K {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

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

@keyframes swipe-right-to-enter--YkYbS {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

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

@keyframes swipe-up-to-exit--_Z61X {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes swipe-down-to-exit--QjnV9 {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

@keyframes swipe-left-to-exit--JlUqk {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateX(-100%)
    }
}

@keyframes swipe-right-to-exit--XNsxY {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateX(100%)
    }
}

@keyframes flicker--csWnR {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

.watermark--jNG8v {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0
}

.watermark--jNG8v,.watermark-single--SU0C_ {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.watermark-single--SU0C_ {
    transform-origin: center center
}

.WatermarkItem--LMSeJ {
    align-items: center;
    display: flex;
    height: 200px;
    justify-content: center;
    overflow: hidden;
    transform-origin: left top;
    width: 200px
}

.WatermarkItem--LMSeJ img {
    max-height: 100%;
    max-width: 100%
}

.WatermarkItemText--pOpq0 {
    -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--AYQ93 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.PasswordBox--_E1Lt,.PrivateComponent--AYQ93 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 8000
}

.PasswordBox--_E1Lt {
    background: #fff;
    border-radius: 5px;
    padding: 20px 15px;
    width: 350px
}

.PasswordBox--_E1Lt input {
    background: none;
    border: none;
    flex: 1;
    min-width: 0;
    outline: none
}

.inputBox--JuFJI {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 4px;
    height: 40px;
    padding: 10px
}

.inputBox--JuFJI img {
    cursor: pointer;
    height: 16px;
    margin-left: 10px;
    width: 16px
}

.btn--tHskw {
    background: #606060;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 40px
}

.log--p2OmZ {
    color: #f36264;
    height: 20px;
    margin: 5px 0
}

@media (max-width: 1024px) {
    .PasswordBox--_E1Lt {
        width:335px
    }

    .ImageMenu--_DZry.isOpen--Jrj3b {
        height: 75px
    }

    .MenuArrowLeft--_a4Af,.MenuArrowRight--bkBXj {
        display: none!important
    }

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

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

.AuthMobile--IC_DS {
    align-items: center;
    background: #1a1a1a;
    display: flex;
    height: 100vh;
    justify-content: center;
    width: 100vw
}

.AuthMobileBox--uGBFY {
    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--b4IIh {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative
}

.AuthMobileTitle--b4IIh img {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.AuthMobileError--KT40t {
    color: #f36264;
    height: 20px;
    margin-top: 15px
}

.AuthMobileButton--izuq6 {
    height: 40px;
    margin-top: 15px;
    width: 100%
}

@media (max-width: 1024px) {
    .AuthMobileBox--uGBFY {
        width:335px
    }
}

.box--_AUab {
    border: 1px solid #efefef;
    border-radius: 5px;
    cursor: pointer;
    height: 100%;
    opacity: 1;
    padding: 0 10px 0 15px
}

.box--_AUab,.optionBox--zK2_m {
    background-color: #fff;
    color: #1a1a1a
}

.optionBox--zK2_m {
    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--PCvdY {
    color: #1a1a1a;
    overflow: hidden;
    padding: 12px 15px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.option--PCvdY.enable--_njJC {
    background-color: #fff;
    color: #5f5f5f;
    cursor: pointer
}

.container--nAkyW {
    height: 40px;
    position: relative
}

.dark--l55Rc .box--_AUab {
    background-color: #f7f7f7
}

.option--PCvdY.enable--_njJC:hover {
    background-color: #f8f8f8
}

.inputWp--Yrdm_ {
    align-items: center;
    border: 1px solid #efefef;
    border-radius: 5px;
    display: flex;
    height: 40px;
    margin-bottom: 15px;
    padding: 0 10px
}

.inputWp--Yrdm_ input {
    background: transparent;
    border: 0;
    border: 0!important;
    flex: 1;
    font-size: 14px;
    height: 100%;
    min-width: 0;
    outline: none;
    width: 100%
}

.inputWp--Yrdm_ input:focus {
    box-shadow: unset!important
}

.area--eeLIu {
    background: transparent!important;
    border: 0!important
}

.VerifyCodeInput--grg_Q {
    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--qdAtj {
    height: 40px!important;
    padding-left: 0!important;
    padding-right: 0!important;
    width: 125px
}

.preview--lXKJa {
    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--lXKJa img {
    display: block;
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.MemberLimit--_CIld {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    max-width: calc(100vw - 40px);
    pointer-events: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3000
}

.MemberLimitIcon--x4jsr {
    display: block;
    height: 96px;
    width: 96px
}

.MemberLimitTitle--KvGCZ {
    width: 200px
}

.MemberLimitDesc--_KkC2,.MemberLimitTitle--KvGCZ {
    color: #fff;
    font-family: OPPOSans,PingFang SC,Microsoft YaHei,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 20px;
    text-align: center
}

.MemberLimitDesc--_KkC2 {
    max-width: 400px;
    white-space: pre-wrap
}

.MemberLimitBtn--c3eHd {
    align-items: center;
    background: #286efa;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: OPPOSans,PingFang SC,Microsoft YaHei,sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    line-height: 18px;
    margin-top: 20px;
    padding: 0;
    text-align: center;
    user-select: none;
    width: 110px
}

.MemberLimitBtn--c3eHd:hover {
    opacity: .92
}

.MemberLimitBtnWide--_4AsJ {
    align-items: center;
    background: #286efa;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: OPPOSans,PingFang SC,Microsoft YaHei,sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    line-height: 18px;
    margin-top: 20px;
    min-width: 110px;
    padding: 0 16px;
    text-align: center;
    user-select: none;
    width: auto
}

.MemberLimitBtnWide--_4AsJ:hover {
    opacity: .92
}

@media (max-width: 1024px) {
    .MemberLimitIcon--x4jsr {
        height:72px;
        width: 72px
    }

    .MemberLimitDesc--_KkC2 {
        margin-top: 15px;
        max-width: 400px;
        width: 300px
    }
}

.watchAds--QdXmC {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 7999
}

.countDown--aPmIc {
    background: rgba(0,0,0,.5);
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    left: 50%;
    line-height: 17px;
    padding: 6px 10px;
    position: absolute;
    text-align: center;
    top: 15px;
    transform: translateX(-50%);
    white-space: pre-wrap;
    width: 121px;
    z-index: 8001
}

.mask--mz9b6 {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    background: rgba(0,0,0,.45);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.metaRow--SSuFk {
    gap: 12px;
    justify-content: space-between
}

.metaRow--SSuFk,.tags--RY9Jd {
    align-items: center;
    display: flex
}

.tags--RY9Jd {
    gap: 8px;
    min-width: 0
}

.tag--yuYi8 {
    background: #f0f0f0;
    border-radius: 4px;
    color: #666;
    font-size: 12px;
    line-height: 1;
    padding: 4px 8px;
    white-space: nowrap
}

.featuredTag--T0d0T {
    background: #ae905d;
    color: #fff
}

.sceneCount--w1xEF {
    background: #f3f3f3;
    border-radius: 4px;
    color: #666;
    flex-shrink: 0;
    font-size: 12px;
    line-height: 1;
    padding: 4px 8px;
    white-space: nowrap
}

.titleWrap--VOHv_ {
    margin-top: 30px;
    position: relative
}

.titleAccent--_go3q {
    background: #fb6d1e;
    border-radius: 2px;
    bottom: 4px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 2px
}

.title--wl74l {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    color: #222;
    font-size: 18px;
    font-weight: 500
}

.description--z39GD,.title--wl74l {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-align: justify
}

.description--z39GD {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    color: #909090;
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px
}

.authorRow--_wjLO {
    align-items: center;
    color: #8e8e93;
    display: flex;
    margin-top: 14px;
    min-width: 0;
    text-decoration: none
}

.avatar--ZQKYf {
    border-radius: 50%;
    display: block;
    height: 20px;
    margin-right: 5px;
    object-fit: cover;
    width: 20px
}

.authorName--_VIs3 {
    font-size: 12px
}

.actionBtn--vrrMa {
    background: #286efa;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 50px;
    margin-top: 30px;
    width: 100%
}

.actionBtn--vrrMa:hover {
    background: #2459ec
}

.views--ljvfD {
    color: #909090;
    font-size: 12px;
    margin-top: 10px;
    text-align: center
}

@media (max-width: 1024px) {
    .watchAds--QdXmC {
        padding:16px
    }

    .countDown--aPmIc {
        top: 36px
    }

    .card--Z4dX_ {
        background: #fff;
        border-radius: 8px 8px 0 0;
        bottom: 0;
        box-sizing: border-box;
        left: 0;
        padding: 30px 15px;
        position: absolute;
        right: 0
    }
}

.countDownWeb--Dqf6F {
    min-width: 121px;
    padding: 6px 16px;
    white-space: nowrap;
    width: auto
}

.qrCard--UhRLS {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 50%;
    padding: 40px 48px 28px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.qrCode--_u_XZ {
    display: block;
    height: 180px;
    object-fit: contain;
    width: 180px
}

.qrCodePlaceholder--_4lie {
    background: #f5f5f5;
    border-radius: 4px;
    height: 180px;
    width: 180px
}

.qrTip--yWuEP {
    color: #222;
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
    text-align: center
}

.qrApply--g_rq3 {
    color: #286efa;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    margin-top: 24px;
    text-align: center;
    user-select: none;
    width: 200px
}

.qrApply--g_rq3:hover {
    opacity: .85
}

.wxOpenCard--IzPEQ {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 50%;
    padding: 40px 30px 28px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 315px
}

.wxOpenTitle--lEuWB {
    color: #222;
    font-size: 16px;
    line-height: 22px;
    text-align: center
}

.wxOpenLaunch--tQWw5 {
    display: block;
    margin-top: 30px;
    width: 100%
}

.applyCard--WNaMW {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 50%;
    max-width: calc(100% - 32px);
    padding: 30px 24px 28px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 400px
}

.applyText--_6_Ra {
    color: #222;
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.applyText--_6_Ra p {
    margin: 0
}

.applyText--_6_Ra p+p {
    margin-top: 0
}

.applyQrCode--HzeVk {
    display: block;
    height: 180px;
    margin-top: 20px;
    object-fit: contain;
    width: 180px
}

@media (max-width: 1024px) {
    .watchAdsApply--V9HaZ {
        padding:0
    }

    .applyCard--WNaMW {
        border-radius: 8px 8px 0 0;
        bottom: 0;
        box-shadow: none;
        left: 0;
        max-width: none;
        padding: 30px 15px;
        right: 0;
        top: auto;
        transform: translateY(0);
        width: 100%
    }

    .applyCardEnter--CZUNn {
        animation: watchAdsSlideIn--_UVH5 .28s ease-out
    }

    .applyCardLeave--pS_1E {
        animation: watchAdsSlideOut--_p3hJ .28s ease-in forwards
    }

    .maskLeave--sPwCc {
        opacity: 0;
        transition: opacity .28s ease-in
    }
}

@keyframes watchAdsSlideIn--_UVH5 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes watchAdsSlideOut--_p3hJ {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

.root--YUUmv {
    z-index: 8001
}

.mask--_qObU,.root--YUUmv {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.mask--_qObU {
    background: rgba(0,0,0,.55)
}

.card--VnU18 {
    align-items: center;
    background: #f6f6f6;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 50%;
    max-width: calc(100vw - 40px);
    padding: 30px 30px 24px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px
}

.title--Ec1YK {
    color: #333;
    font-size: 16px;
    font-weight: 600
}

.body--wuPEA,.title--Ec1YK {
    line-height: 22px;
    text-align: center
}

.body--wuPEA {
    color: #909090;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px
}

.body--wuPEA p {
    margin: 0
}

.body--wuPEA p+p {
    margin-top: 0
}

.em--DmUTp {
    color: #333;
    font-weight: 600
}

.primaryBtn--_QqEk {
    align-items: center;
    background: #286efa;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    margin-top: 28px;
    text-align: center;
    user-select: none;
    width: 200px
}

.primaryBtn--_QqEk:hover {
    opacity: .92
}

.dismissLink--PAJhB {
    color: #286efa;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    text-align: center;
    user-select: none
}

.dismissLink--PAJhB:hover {
    opacity: .85
}

.private--HgnHD {
    background: #1a1a1a;
    color: #fff;
    height: 100vh
}

.private--HgnHD img {
    height: 44px;
    margin-bottom: 10px;
    width: 36px
}

.loginBg--nD3hO {
    background: #000;
    height: 100vh
}

.loginWp--zpIhR {
    background-color: #fff;
    border-radius: 5px;
    left: 50%;
    padding: 20px 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 360px
}

.loginWp--zpIhR,.loginWp--zpIhR * {
    box-sizing: border-box
}

.name--aQrom {
    -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--MtrfN {
    left: 20px;
    max-height: 100px;
    max-width: 100px;
    position: absolute;
    top: 20px
}

@media (max-width: 1024px) {
    .avatar--MtrfN {
        left:10px;
        max-height: 70px;
        max-width: 70px;
        top: 10px
    }
}

.SwitchTeamBg--c5yFS {
    background: #000;
    height: 100vh
}

.SwitchTeamWp--f5Rka {
    background-color: #fff;
    border-radius: 5px;
    left: 50%;
    padding: 20px 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 360px
}

.title--_e4bF {
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center
}

.current--tyVoJ {
    color: #909090
}

.name--YQ3vU {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.3;
    overflow: hidden;
    word-break: break-word
}

.targetWp--g8fvO {
    background: #efefef;
    border-radius: 5px;
    color: #1a1a1a;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 15px
}

.targetInfo--nAOtB {
    margin-top: 10px
}

.targetInfo--nAOtB 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
}