*{box-sizing: border-box;user-select: none;-moz-user-select: none;-ms-user-select:none;-webkit-user-select: none;-khtml-user-select: none}
footer{display: none;}
.pull-left-uid span{background: none;}
.gate-live-page {display: flex;justify-content: center; align-items: flex-start;padding: 24px 40px; background-color: var(--color-bg-1);height: calc(100vh - 64px);}
.gate-live-page #gate-live-right{width: 462px; margin-inline-start: 24px;flex-shrink: 0;height: 100%;border-radius: 8px;background-color: var(--color-card-1);}
input{user-select: auto;-moz-user-select: auto;-ms-user-select:auto;-webkit-user-select: auto;-khtml-user-select: auto}
#footer-view{border: 1px solid #EEF1FA;}
.classic-dark #footer-view{border: 1px solid #2A2F40;}
.layout{background: #fff;}
.classic-dark .layout{background: #151926;}
textarea{user-select: auto;-moz-user-select: auto;-ms-user-select:auto;-webkit-user-select: auto;-khtml-user-select: auto}
#gate-living{width: 100%;height:100%;position: relative;border-radius: 8px;display: flex;align-items: center;flex-direction: column;}
.gate-living-video{width: 100%;height: 100%;object-fit: contain;border-radius: 8px;}
.full-screen .gate-living-video{border-radius: 0;}
.gate-live-page #gate-live-left{position:relative; flex: 1;height: 100%;overflow: hidden auto;}
.gate-live-page #gate-live-left::-webkit-scrollbar {display: none;}
#danmu{position:absolute;width: 100%;height: 50%;top: 48px;left: 0;pointer-events: none;}
#safe-tip {position:absolute;width: 100%;height: 48px;top: 0;left: 0;z-index: 10;border-top-left-radius: 8px;border-top-right-radius: 8px;overflow: hidden;}
#safe-tip.add-bg {background: rgba(4, 9, 26, 0.5);box-shadow: 0px 4px 16px rgb(23 56 153 / 6%);}
#safe-tip .safe-tip-box {display: inline-flex;align-items: center;position: absolute;top: 12px;left: 100%;}
#safe-tip .safe-tip-box .safe-tip-icon {margin-inline-end: 12px;}
#safe-tip .safe-tip-box .safe-tip-icon .icon {width: 20px;height: 20px;}
#safe-tip .safe-tip-box .safe-tip-text {font-size: 16px;line-height: 24px;color: var(--color-text-6);white-space: nowrap;}
#safe-tip .safe-tip-box .safe-tip-text a{font-size: 16px;line-height: 24px;color: var(--color-brand-1);white-space: nowrap;}
html[lang=ar] #safe-tip .safe-tip-box {right: 100%;left: unset !important;}
#gate-live-left .Live{position:relative;width: 100%;aspect-ratio: 16 / 9;background: #000000; border-radius: 8px;}
#gate-live-left .Info{width: 100%;}
.Info .top{display: flex;justify-content: space-between;margin: 28px 0 23px;}
.Info .top .title{font-size: 24px;font-weight: 600;color: var(--color-text-1);width: 700px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;user-select: text;-moz-user-select: text;-ms-user-select:text;-webkit-user-select: text;-khtml-user-select: text}
.Info .middle {position: relative;}
.Info .middle .tag{margin-bottom: 24px;}
.Info .middle .tag span{cursor: pointer;}
.Info .middle .info-number{display: flex;justify-content: space-between;height: 24px;}
.Info .middle .info-number div{display: inline-block;vertical-align: middle;}
.Info .middle .info-number .number div{color:#8D93A6}
.classic-dark .Info .middle .info-number .number div{color:#989FB3}
.Info .middle .info-number .number .divider{display: inline-block;height: 12px;border-right: 1px solid var(--color-divider-2);margin:6px 12px}
.Info .middle .tag span{display: inline-block;background: var(--color-cmpt-11);border-radius: 2px;line-height: 24px;padding: 0 8px;margin-right: 20px;color:var(--color-text-3)}
.Info .middle .tag span:hover{border: none;color: var(--color-text-1);}
.Info .middle .info-number .function>div{margin-left:24px}
.Info-bottom-buttons-share-copy {position:absolute;top:50px;right: 16px;z-index: 10;width: 360px;height: 112px;background: var(--color-card-2);border-radius: 8px;box-shadow: 0px 4px 24px rgba(23, 56, 153, 0.08);}
html[lang=ar] .Info-bottom-buttons-share-copy{left: 16px;right:unset}
.Info-bottom-buttons-share-copy-title{height: 16px;font-size: 16px;line-height: 16px;color: var(--color-text-1);margin: 20px;margin-bottom: 16px;}
.Info-bottom-buttons-share-copy-content{display: flex;align-items: center;justify-content: space-around;width: 320px;height: 44px;border-radius: 4px;font-size: 12px;margin: 0 auto;background: var(--color-card-1);color: var(--color-text-2);}
.Info-bottom-buttons-share-copy-content .share-href{width: 200px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis}


.Info .underline{border-top: 1px solid var(--color-divider-2);margin: 20px 0;}

.Info .bottom .moreWindow{position: absolute;background: var(--color-card-1);right: 0px;transform: translate(0,100%);border-radius: 8px;z-index: 10;}
html[lang=ar] .Info .bottom .moreWindow{left: 0px;right:unset}

.Info .bottom .moreWindow.fromup{top:0;transform: translate(0,-80%);}
.Info .bottom .moreWindow.fromdown{bottom: 0}
.Info .buttons .user-pop.fromup{top:-50px;}

.Info .bottom .moreWindow .icon{font-size: 24px;margin-right: 11px;}
.Info .bottom .moreWindow .manage-channel{padding: 0 16px;color: #04091A;height: 48px;line-height: 48px;cursor: pointer;font-size: 16px;overflow: hidden;}
.Info .bottom .moreWindow .manage-channel .title{margin-right: 80px;}
.Info .bottom .moreWindow .manage-channel .end{float:right;font-size: 14px;color: var(--color-text-2);}
.classic-dark .Info .bottom .moreWindow .manage-channel{color: #fff;}

.Info .bottom .moreWindow .manage-tag{padding: 0 16px;color: #04091A;height: 48px;line-height: 48px;cursor: pointer;font-size: 16px;}
.classic-dark .Info .bottom .moreWindow .manage-tag{color: #fff;}
.Info .bottom .moreWindow .more-item{position: relative;padding: 0 16px;color: #04091A;height: 48px;line-height: 48px;font-weight: 500;font-size: 16px;cursor: pointer;}
.Info .bottom .moreWindow .more-item .subtitle{color:var(--color-text-2);font-size: 12px;}
.classic-dark .Info .bottom .moreWindow .more-item{color: #fff;}
.Info .bottom .moreWindow .unselected{padding-left: 40px;color:var(--color-text-2)}
.Info .bottom .moreWindow .more-item:hover{background: #F2F7FF;}
.classic-dark .Info .bottom .moreWindow .more-item:hover{background: #1F2433;}
.Info .bottom .moreWindow div:first-child:hover{border-top-left-radius: 8px;border-top-right-radius: 8px;}
.Info .bottom .moreWindow div:last-child:hover{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.Info .bottom .moreWindow .more-item img{width: 16px;margin-left: 5px;vertical-align: sub;}
.Info .bottom .moreWindow .more-item div img{width: 24px;margin-left: 0;margin-right: 5px;vertical-align: middle;}
.Info .bottom .moreWindow .more-item div div{display: inline-block;width: 29px;}
.Info .bottom .moreWindow .more-item .iconfont{font-size: 16px;margin-right: 8px;}
.Info .bottom .moreWindow .more-item .title{left: 48px;}
.Info .bottom .moreWindow .more-item .title2{left: 40px;white-space: nowrap;}
.Info .bottom .moreWindow .more-item .subtitle{display: inline-block;font-size: 12px;margin-left: 16px;}
.Info .bottom .moreWindow .first-more {border-bottom: 1px solid #EEF1FA;}
.Info .bottom .moreWindow .first-more .iconfont{margin-right: 12px;}
.classic-dark .Info .bottom .moreWindow .first-more {border-bottom: 1px solid #474F66;}

.Info .buttons .user-pop{position: absolute;top:45px;right:12px;height: 96px;background:#fff;color:#04091A;font-size: 16px;z-index: 10;border-radius: 8px;box-shadow: 0px 4px 24px rgba(23, 56, 153, 0.08);}
html[lang=ar] .Info .buttons .user-pop{right:unset;left:12px}
.classic-dark .Info .buttons .user-pop{background:#292F40;color: #fff;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.13);}
.Info .buttons .user-pop .bottom-triangle{position:absolute;top:-13px;right: 18px;width: 0;height: 0;border: 6px solid transparent; border-bottom: 8px solid #fff;}
.classic-dark .Info .buttons .user-pop .bottom-triangle{border-bottom: 8px solid #292F40;}
.Info .buttons .user-pop.fromup .bottom-triangle{top:95px;border: 6px solid transparent; border-top: 8px solid #fff;}
.classic-dark .Info .buttons .user-pop.fromup .bottom-triangle{border-top: 8px solid #292F40;}
.user-pop .user-item{display: flex;align-items: center;height: 48px;padding: 12px 16px;cursor: pointer;}
.user-pop .user-item:hover{background: #F2F7FF;}
.user-pop .user-item:first-of-type{border-top-left-radius: 8px;border-top-right-radius: 8px;}
.user-pop .user-item:last-of-type{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.classic-dark .user-pop .user-item:hover{background: #1F2433;}
.Info .buttons .user-pop .iconfont{font-size: 20px;margin-right: 8px;}




.Info .bottom{display: flex;position: relative;justify-content: space-between;min-height: 40px;}
.Info .bottom .personal{position: relative;display: flex; align-items: center;}
.Info .bottom .personal .avatar-box {height: 40px;width: 40px;position: relative;}
.Info .bottom .personal .avatar-box .avatar{height: 100%;width: 100%;border-radius: 50%;vertical-align: top;cursor: pointer;}
.Info .bottom .personal .avatar-box .div-avatar{height: 100%;width: 100%;border-radius: 50%;font-size: 40px;line-height: 40px;vertical-align: top;cursor: pointer;background: #ccc;color: #333;overflow: hidden;}
.Info .bottom .personal .avatar-box .online{border:2px solid var(--color-other-4);}
.Info .bottom .personal .avatar-box .online-icon-bg{position: absolute;display: flex;justify-content: space-around;align-items: center;width: 22px;height: 16px;background: var(--color-gradient-6);border-radius: 8px;bottom:-8px;left:50%;transform: translateX(-50%);}
.Info .bottom .personal .avatar-box .online-icon-bg .online-icon{width: 10px;height: 10px}

.Info .bottom .personal .wrap {display: inline-flex; justify-content: space-between;flex-direction: column;height:100%;margin-inline-start: 8px;}
.Info .bottom .personal .wrap .nickname{font-size: 14px;line-height: 17px;font-weight: 500;cursor: pointer;color: var(--color-text-1);}
.Info .bottom .personal .wrap .follower{font-size: 12px;line-height: 15px; color: var(--color-text-2);}
.Info .bottom .buttons{display: flex;align-items: center;flex-wrap: wrap;row-gap: 16px;}
.Info .bottom .follow,.Info .bottom .followed {margin-inline-start: 16px;}
.Info .bottom .follow{padding: 0 16px;background: var(--color-brand-1);border-radius: 4px;color:#fff;height: 32px;font-size: 14px;line-height: 32px;cursor: pointer;font-weight: 600;white-space: nowrap;}
.classic-dark .Info .bottom .follow{background: #3366FF}
.Info .bottom .follow:hover{background: var(--color-brand-2);}
.Info .bottom .follow span{display: inline-block;font-size: 14px}

.Info .bottom .followed{padding: 0 15px;background: transparent;border-radius: 4px;color:#B8BDCC;height: 32px;line-height: 30px;font-size: 14px;border: 1px solid #E6E6E6;cursor: pointer;font-weight: 600;}
.Info .bottom .followed:hover{background: #EEF1FA;border: none;color:#04091A;line-height: 32px;padding: 0 16px;}
.classic-dark .Info .bottom .followed{border: 1px solid #4F555C;color: #E6E6E6;line-height: 30px;}
.classic-dark .Info .bottom .followed:hover{background: #292F40;border: none;color: #fff;line-height: 32px;}

.Info .live-description{margin-top: 24px;font-size: 14px;color:var(--color-text-2);line-height: 150%;user-select: text;-moz-user-select: text;-ms-user-select:text;-webkit-user-select: text;-khtml-user-select: text}

.full-screen .live-status-cont {height: 100%;background-size: cover;}
.live-status-cont{display:flex;height:100%;justify-content:center;align-items:center;flex-direction: column;background: url('/images/live/idle_bg.png');background-size: contain;}
.live-status-cont .live-state-detail{line-height: 16px;color:#fff}
.live-status-cont .live-stream-over-wrap{text-align: center;}
.live-status-cont .live-stream-over{padding-bottom: 40px;text-align: center;font-size: 20px;font-weight: 500;line-height: 24px;}
.live-status-cont .live-replay-btn{display: block;cursor: pointer;}

.live-status-cont .countDown-wrap{display: flex;flex-direction: column;align-items: center;padding: 48px 52px;width: 462px;height: 311px;border-radius: 8px;background: #14141A;}
.live-status-cont .countDown-wrap .ready{width: 280px;font-size: 16px;line-height: 150%;color: #FAFAFA;text-align: center;}
.live-status-cont .countDown-wrap .countDown{display: flex;width: 100%;height: 106px;justify-content: space-between}
.live-status-cont .countDown-wrap .countDown div{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 88px;height: 106px;border-radius: 2px;background: #21242E;}
.live-status-cont .countDown-wrap .countDown div span{height: 36px;line-height: 38px;color: #FAFAFA;font-size: 32px;font-weight: 600;}
.live-status-cont .countDown-wrap .countDown div .dhms{height: 14px;line-height: 18px;font-size: 14px; color: #7E8494;margin-top: 8px;}
.live-status-cont .countDown-wrap .waitNum{display: flex;align-items: center;line-height: 17px;font-size: 14px;color: #7E8494;margin: 32px 0 20px;}
.live-status-cont .countDown-wrap .waitNum img{width: 16px;height: 16px;margin-inline-end: 8px;}
.live-status-cont .countDown-wrap .mantine-GateButton-leftIcon img{width: 16px;height: 16px;}

#gate-living .subtitle-tip{position: absolute;top:16px;left:16px;max-width: 60%;text-align: left;}
#gate-living .subtitle-tip .subtitle-tip-text{display: inline-block;background: rgba(0,0,0,.5);color: #fff;padding: 8px;font-size: 16px;line-height: 150%;}

#gate-living .subtitle-content{position: absolute;bottom:80px;max-width: 76%;text-align: left;}
/* #gate-living .subtitle-content .subtitle-content-text{display: inline-block;background: rgba(0,0,0,.5);color: #fff;padding: 8px;font-size: 20px;line-height: 150%;} */
#gate-living .subtitle-content .subtitle-content-text{display: flex;max-height:82px;flex-direction: column-reverse;background: rgba(0,0,0,.5);color: #fff;padding: 8px;font-size: 16px;line-height: 150%;overflow: hidden;bottom:8px;border-radius: 2px;}


#gate-living .funBar{display: flex;justify-content: space-between;align-items: center;width: 100%;background: transparent;height: 80px;background: linear-gradient(0deg, #000000 -59.13%, rgba(0, 0, 0, 0) 100%);border-radius: 8px;}
#gate-living .funBar-wrapper{position:absolute;bottom: 0;width: 100%;background: transparent;height: 80px}

#gate-living .video-center{position: absolute;top: 50%;left: 50%;width: 88px;height: 88px;transform: translate(-50%,-50%);pointer-events: none;opacity: 1;}
#gate-living .center-hide{width: 0;height: 0;opacity: 0;transition: all .5s;}

#gate-live-video .funBar .left-part{display: flex;align-items: center;}
#gate-live-video .funBar .left-part div{margin-left: 25px}
#gate-live-video .ar-funBar .left-part div{margin-right: 25px;margin-left: 0}
#gate-live-video .funBar .left-part div img{width: 24px;cursor: pointer;}

#gate-live-video .funBar .right-part{display: flex;align-items: center;}
#gate-live-video .funBar .right-part div{margin-right: 25px;}
#gate-live-video .ar-funBar .right-part div{margin-left: 25px;margin-right: 0;}
#gate-live-video .funBar .right-part div img{width: 24px;cursor: pointer;}

.fun-setting{position:absolute;bottom: 56px;transform: translate(50%,0);background: rgba(0, 0, 0, .8);border-radius: 8px;color: #fff;}
.ar-fun-setting{transform: translate(-50%,0)}

.fun-setting img{width: 24px;height: 24px;}
.fun-setting .first{display: flex;justify-content: space-between;width:200px;height: 48px;padding:0 16px;line-height: 48px;cursor: pointer;}
.fun-setting .second ul li{display: flex;justify-content: space-between;line-height: 48px;width:200px;height: 48px;padding:0 16px;cursor: pointer;}
.fun-setting .second ul li:first-child{border-top-left-radius: 8px;border-top-right-radius: 8px;}
.fun-setting .second ul li:last-child{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.fun-setting .second ul li:hover{background: #3366FF 80%;}
.fun-setting .second ul li .blank{width: 24px;height: 24px;display: inline-block;}

.gate-living-subtitle {
    position: absolute;
    left: 0;
    bottom: 16px;
    width: 100%;
    max-height: 96px;
    padding: 0 100px;
    overflow: hidden;
    user-select: none;
}
.gate-living-subtitle-inner {
    opacity: 0.8;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.gate-living-subtitle-item {
    width: fit-content;
    padding: 0 8px;
    line-height: 32px;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    transition: margin 0.1s;
    background: rgba(0, 0, 0, 0.70);
    border-radius: 2px;
    text-align: center;
}
.full-screen-subtitle .gate-living-subtitle-item {
    font-size: 20px;
}



.fun-volume{position:absolute;bottom: 56px;transform: translate(50%,0);width: 24px;height: 88px;background: rgba(0, 0, 0, .8);border-radius: 4px;padding:8px;z-index: 400;}
.ar-fun-volume{transform: translate(-50%,0)}
.fun-volume .track{position: relative;width: 4px;height: 72px;background: #ccc;margin-left: 2px;cursor: pointer;}
.fun-volume .track .dot{position:absolute;width: 8px;height: 8px;left:-2px;bottom: 0;transform: translate(0,50%);background: #fff;border-radius: 50%;cursor: pointer;z-index: 2;}
.fun-volume .track .progress{position: absolute;width: 4px;height: 0;bottom: 0;background: #2354E6;pointer-events: none;}


#gate-reward-btns-full .live-reward{width: 24px;height: 24px;margin-right: 25px;border:none !important;background: transparent;vertical-align: top;}
#gate-reward-btns-full .live-like{height: 24px;border:none !important;background: transparent;vertical-align: top;}
.ar-gate-reward-btns .live-reward{margin-right: 0px !important;margin-left: 25px !important;}
#gate-reward-btns-full .live-like div{line-height: 24px;color: #fff;}



div.top-full-screen{position: fixed !important;left:0;top:0;z-index: 199;width: 100vw !important;border-radius: 0 !important;}
div.full-screen{position: fixed !important;left:0;top:0;z-index: 200;width: 100% !important;height: 100vh !important;border-radius: 0 !important;}
div.fullscreen-message{position: fixed;right: 0;top:0;height: 100vh;width: 400px;z-index: 902;}
div.squeeze{width: calc(100% - 400px) !important;}


.nohead{z-index: 100 !important;}

.modal {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.3);z-index: 999;}
.LiveModal {position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);width:820px;height: 280px;background-color: #fff;border-radius: 8px;border-radius: 16px;}
.LiveModal .title {font-size: 24px;line-height: 150%;margin-left: 40px;margin-top: 32px;font-weight: 600;}
.LiveModal .closebtn {position:absolute;font-size: 16px;top:24px;right: 24px;cursor: pointer;}
.LiveModal .content {margin-top:24px;margin-left: 40px;width: 740px;height: 72px;font-size: 16px;font-weight: 500;line-height: 150%;}
.LiveModal .select-wrapper {position: relative;margin: 40px;}
.LiveModal .select-wrapper .select {display: flex;justify-content: space-between;align-items: center;width: 740px;height: 52px;line-height: 52px;font-size: 16px;background: #fff;padding:0 20px;border: 1px solid #E6E9F2;border-radius: 4px}
.LiveModal .select-wrapper .select span{font-size: 16px;}
.LiveModal .select-wrapper .options {position: absolute;top:57px;width: 740px;border-radius: 4px;z-index: 1;}
.LiveModal .select-wrapper .options div{height: 52px;padding: 0 20px;line-height: 52px;font-size: 16px;background: #fff;}
.LiveModal .select-wrapper .options div img{width: 24px;height: 24px;}
.LiveModal .select-wrapper .options div:first-child{border-top-left-radius: 4px;border-top-right-radius: 4px;}
.LiveModal .select-wrapper .options div:last-child{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.LiveModal .select-wrapper .options div:hover{background: #F2F7FF;}
.LiveModal .select-wrapper .options .correct{display: flex;justify-content: space-between;align-items: center;}
.LiveModal .button-wrapper{margin: 32px 40px;display: flex;}


.classic-dark .LiveModal {background-color: #1F2433}
.classic-dark .LiveModal .title {color: #fff;}
.classic-dark .LiveModal .content {color:#989FB3}
.classic-dark .LiveModal .select-wrapper .select {display: flex;justify-content: space-between;align-items: center;width: 740px;height: 52px;line-height: 52px;font-size: 16px;background: #292F40;padding:0 20px;border: 1px solid #2A2F40;border-radius: 4px}
.classic-dark .LiveModal .select-wrapper .options div{height: 52px;padding: 0 20px;line-height: 52px;font-size: 16px;background: #292F40;}
.classic-dark .LiveModal .select-wrapper .options div:hover{background: #1F2433;}

.ReportModal{position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);width:820px;height: 720px;background-color: #fff;border-radius: 8px;border-radius: 16px;overflow: hidden;}
.ReportModal .Report-content{width: 820px;height: 536px;overflow-y: scroll}
.ReportModal .closebtn {position:absolute;font-size: 16px;top:24px;right: 24px;cursor: pointer;}
.ReportModal .title {margin-top: 32px;margin-left:40px;font-size: 24px;font-weight: 600;line-height: 150%;color: #04091A;}
.ReportModal .issue {margin-top: 24px;margin-left:40px;font-size: 16px;line-height: 150%;color: var(--color-text-2);}
.ReportModal .issue .issue-title{margin-bottom: 24px;}
.ReportModal .issue .issue-title span{color: #F23D3D}
.mantine-16ttirm{margin-bottom: 16px;}
.mantine-Checkbox-label{font-size: 16px;color: var(--color-text-2);line-height: 150%;}
.classic-dark .mantine-Checkbox-label{color: #989FB3;}
.mantine-Checkbox-input{border: 2px solid var(--color-text-2) !important;background: transparent !important;}
.mantine-Checkbox-input:checked{border-color: var(--color-brand-1) !important;background: var(--color-brand-1) !important;}

.ReportModal .detail {position: relative;margin-top: 48px;margin-left:40px;font-size: 16px;line-height: 150%;color: var(--color-text-2)}
.ReportModal .detail .detail-title{margin-bottom: 16px;}
.ReportModal .detail .detail-title span{color: #F23D3D;}
.ReportModal .detail .detail-content{width: 740px;height: 120px;font-size: 16px;padding-bottom: 32px;background: #EEF1FA;border: 1px solid transparent;border-radius: 4px}

.ReportModal .detail textarea{width: 740px;height: 90px;font-size: 16px;padding: 16px;color: #04091A;border: none;resize:none;outline: none;border-radius: 4px;background: transparent;}
.ReportModal .detail textarea::-webkit-input-placeholder{font-size: 16px;color:#8D93A6}
.ReportModal .detail textarea:-moz-placeholder{font-size: 16px;color:#8D93A6}
.ReportModal .detail textarea::-moz-placeholder{font-size: 16px;color:#8D93A6}
.ReportModal .detail textarea::-ms-placeholder{font-size: 16px;color:#8D93A6}
.ReportModal .detail .detail-content:focus-within{border:1px solid var(--color-brand-1) !important}

.ReportModal .detail .txtlength{position: absolute;right: 40px;bottom: 3px;color: #8D93A6;}

.ReportModal .screen-shot{margin-left: 40px;margin-top:48px;font-size: 16px;line-height: 150%;color: var(--color-text-2);}
.ReportModal .screen-shot .screen-title{margin-bottom: 16px;}
.ReportModal .screen-shot .screen-subtitle{margin-bottom: 16px;font-size: 14px;color: #8D93A6;}


.ReportModal .buttons{display: flex;align-items: center;justify-content:space-evenly;width: 820px;height: 115px;border-top: 1px solid #EEF1FA;}


.classic-dark .ReportModal {background-color: #1F2433}
.classic-dark .ReportModal .title {color: #fff;}
.classic-dark .ReportModal .detail {background:transparent;}
.classic-dark .ReportModal .detail .detail-content{background:#292F40 !important;color:#fff}
.classic-dark .ReportModal .detail textarea::-webkit-input-placeholder{color:#606880}
.classic-dark .ReportModal .detail textarea:-moz-placeholder{color:#606880}
.classic-dark .ReportModal .detail textarea::-moz-placeholder{color:#606880}
.classic-dark .ReportModal .detail textarea::-ms-placeholder{color:#606880}
.classic-dark .ReportModal .detail .txtlength{color: #606880;}
.classic-dark .ReportModal .screen-shot .screen-subtitle{color: #606880;}
.classic-dark .ReportModal .buttons{border-top: 1px solid #2A2F40 ;}

.submitModal{position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 820px;height: 304px;background: #F8FAFD;border-radius: 16px;overflow: hidden;}
.submitModal .closebtn {position:absolute;font-size: 16px;top:24px;right: 24px;cursor: pointer;color: var(--color-text-2);}
.submitModal .success-icon{width: 88px;height: 88px;margin: 56px auto 28px;line-height: 88px;background: #17E6A1;border-radius: 50%;display: flex;justify-content: center;}
.submitModal .success-icon .iconfont{text-align: center;font-size: 36px;color: #fff;line-height: 88px;}
.submitModal .title{font-size: 24px;color: #04091A;font-weight: 600;text-align: center;line-height: 150%;margin-bottom: 16px;}
.submitModal .sub-content{font-size: 16px;color: var(--color-text-2);text-align: center;}

.classic-dark .submitModal{background: #1F2433;}
.classic-dark .submitModal .title{color: #fff;}




.live-tips{padding:12px;color: #606880;}
.classic-dark .live-tips{color: #8D93A6;}

.notice_container{padding: 16px 24px !important}

.fun-buttons{position: relative;}
.fun-buttons:hover > .bubble-tip{display: inline-block;}


.bubble-tip{display: none;position:absolute;top:-8px;left: 50%;transform: translate(-50%,-100%);content:attr(data-title);padding:12px;border-radius: 8px;color:#fff;background: #474F66;white-space: nowrap;font-size: 12px;pointer-events: none;line-height: 100%;}
.bubble-tip .bottom-triangle{position:absolute;top:34px;left: 50%;transform: translate(-50%,0);width: 0;height: 0;border: 6px solid transparent; border-top: 8px solid #474F66;}

/* chat 动态 */
/* .classic-dark .bottom-dynamic-loading{background: #1F2433;} */
.bottom-dynamic-loading{display: flex;justify-content: center;}

.post-container{position: absolute;box-sizing: border-box;top:0;padding-top: 70px;padding-bottom: 20px;height: 100%;overflow-y: scroll;width: 100%;background: var(--color-card-1);}
.post-container::-webkit-scrollbar{display:none}
.post-item{padding: 0 20px;}
.post-item .post-info{display:flex;}
.post-item .post-info .post-avatar{display:inline-block;width: 40px;height: 40px;border-radius: 50%;font-size: 20px;line-height: 40px;text-align: center;}
.post-item .post-info .flex{display:inline-flex;height: 40px;margin-left: 8px;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.post-item .post-info .flex div{font-size: 14px;line-height: 100%;color: #04091A;}
.post-item .post-info .flex .post-time{color: #8D93A6;}
.classic-dark .post-item .post-info .flex div{color: #fff;}
.classic-dark .post-item .post-info .flex .post-time{color: #989FB3;}

.post-item .post-content{margin-top:12px;margin-bottom: 8px;color: #04091A;font-size: 14px;line-height: 150%;}
.post-item .post-content .content-text-area{word-break: break-all;}
.post-item .post-content .content-text-area a{color: #3366FF;}

.classic-dark .post-item .post-content{color: #fff;}


.post-item .post-actions {display: flex;align-items: center;height: 40px;}
.post-item .post-actions div{display: flex;margin-right: 32px;font-size: 12px;cursor: pointer;justify-content: flex-start;color: #8D93A6;align-items: center;}
.classic-dark .post-item .post-actions div{color: #606880;}

.post-item .post-actions div span{font-size: 16px;margin-right: 6px;}
.post-item .post-divider{width: 360px;border-top: 1px solid #EEF1FA;margin-top:8px;margin-bottom: 20px;}

.classic-dark .post-item .post-divider{border-top: 1px solid #2A2F40}
.over-height-limited{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.expand-text-button{cursor:pointer;color:var(--brandColor);font-size:12px;display:flex;align-items:center;margin-top: 8px;}
.expand-text-button .iconfont{font-size:12px;transition:all .3s}
.expand-text-button .iconfont.rotate{transform:rotate(180deg)}

.view-translation {
    font-size: 12px;
    color: #999999;
    line-height: 18px;
    margin-top:4px;
    cursor: pointer;
}
.translation-content{
    margin-top: 4px;
    font-size: 12px;
}
.goto-subscribe{background: var(--linearGradient2);border-radius: 20px;display: flex;justify-content: center;align-items: center;padding: 9px 40px;text-align: center;font-size: 16px;font-weight: 500;color: #FFFFFF;margin:0 auto;margin-top: 18px;box-shadow: 0px 7px 7px -6px var(--brandColor);}
a.goto-subscribe:hover{color: #FFFFFF;transform: scale(1.05);transition: all .8s;}
.content-item-icon{width: 18px;height: 18px;background-color: #5D5D5D;color:#FFFFFF;display: flex;justify-content: center;align-items: center;margin-right: 5px;}
.content-item-only{width:max-content;height: 26px;background: linear-gradient(136deg, #F6EDD8 0%, #ECD7A8 100%);border-radius: 3px;color:#333;display: flex;justify-content: center;align-items: center;margin-top: 13px;padding:3px 5px;}
.dy-img{width:20px;}


.content-imgs .img-thumb{width:150px;height:150px;max-width: 300px;max-height: 450px; margin-right:8px;margin-top:8px;display:inline-block;position: relative;border-radius:8px;}
.content-imgs.img-len-4{padding-right:50px}
.content-imgs.img-len-4 .img-thumb{width:220px;height:220px}
.content-imgs img{width:100%;height:100%;object-fit:cover;border-radius: 8px;}

.blank_space{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;}
.blank_space .blank_tip{text-align: center;color: #8D93A6;}
.classic-dark .blank_space .blank_tip{color: #606880;}


/* 动态订阅 */
.popup-w521-content{width:600px!important;padding:0!important;height: 80%!important;max-height:750px;border: none !important;}


/* 动态投票 */
.conten-vote{background-color: #f9f9f9;padding: 16px 24px;border-radius: 8px;}
@keyframes mymove{
    0%   {width:0%}
    100% {width: 100%;}
}
.conten-vote{margin-top: 16px;}
.conten-vote-item{height:40px;border: solid 1px rgba(0,0,0,0.15);border-radius:2px;background-color: white;display: flex;justify-content: center;align-items: center;margin-bottom: 16px;cursor: pointer;}
.conten-vote-item-vote{height:40px;line-height: 40px; border: solid 1px rgba(0,0,0,0.15);border-radius:4px;background-color: white;position: relative;margin-bottom: 12px;color:#999999}
.conten-vote-item:hover{border-color: var(--brandColor);}
.conten-vote-title{font-size: 14px;margin-bottom: 16px;}
.conten-vote-item-animation{border-bottom-left-radius: 2px;border-top-left-radius: 2px;box-sizing: border-box; height: 100%;animation:mymove 2s 1;background: rgba(0, 0, 0, 0.05);}
.conten-vote-item-vote-select{border-color: var(--brandColor);color: black;}
.conten-vote-item-vote-select .conten-vote-item-animation{background-color: #f2f7ff;}
.conten-vote-item-content-voted{position: absolute;top:0;left: 16px;}
.conten-vote-item-counter-voted{position: absolute;top:0;right: 16px;}
.conten-vote-bottom{width: 100%;display: flex;flex-direction: row;justify-content: space-between;cursor: pointer;color:#999;}

/* antd image-upload */
.ReportModal .ant-upload.ant-upload-select-picture-card{background: #EEF1FA;border: none;}
.classic-dark .ReportModal .ant-upload.ant-upload-select-picture-card{background: #292F40;border: none;}
.ReportModal .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item{background: #EEF1FA}
.classic-dark .ReportModal .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item{background: #292F40}
.ReportModal .ant-upload-list-picture-card .ant-upload-list-item{border: none;}
.ReportModal .ant-upload-list-picture-card-container{width: 88px;height: 88px}
.ReportModal .ant-upload-list-item-info{border-radius: 4px;}
.ReportModal .ant-upload-list-picture-card .ant-upload-list-item{padding: 0}
.ReportModal .ant-upload.ant-upload-select-picture-card{width: 88px;height: 88px;border-radius: 4px;}
.ReportModal .ant-upload-list-picture-card .ant-upload-list-item-actions{top:0;right:0;left:unset;transform: translate(0,0);}
.more-screen-shot{color: #8D93A6;}
.classic-dark .more-screen-shot{color: #606880;}
.ant-progress-inner{margin: 0 8px;}
.ReportModal .ant-upload-list-item-thumbnail{color: #04091A;}
.classic-dark .ReportModal .ant-upload-list-item-thumbnail{color: #fff;}
.ReportModal .ant-upload-list-picture-card .ant-upload-list-item-error{border:1px solid #ff4d4f;border-radius: 4px;}
.ant-upload-picture-card-wrapper{display: flex;}


/* 动态赞赏弹框 */
.css-dvua67-singleValue{flex-direction: row-reverse;}
.css-6zdoar-control{border:1px solid #eee;border-radius: 6px;}
.noty_modal.gateioNotyTheme, .popup-overlay{background: rgba(0, 0, 0, 0.6) !important;}
.popup-content {border-radius: 8px;}
.popup-w520-content{width:520px!important;padding:0!important}
.reward-pop{padding:24px;margin-bottom:45px;}
.reward-pop-title{font-size:16px;height:25px;align-items:center;justify-content: space-between;}
.popup-row-form{padding-top:24px;position:relative;}
.reward-amount{font-size:12px;color:#999999;padding:10px;height:10px;border:1px solid #eee;height:20px;margin-top:24px;border-radius: 6px;box-sizing: content-box;}
.reward-amount input{border:none;outline:none;font-size:12px;color:#333333;background:transparent;height:36px;flex:1;text-align:right;}
.submit-reward{margin-top:28px;position:absolute;right:0;bottom:-46px;}
.reward-list-wrapper{background:#F8FCFF;padding:24px;border-radius: 0 0 8px 8px;}
.reward-list-container{max-height:246px;overflow-y: scroll;}
.rmb-calculate{color:#999;font-size:12px;font-weight: 500;height:20px;}
.reward-list-container .reward-item:last-child{border: none;}
.reward-item{border-bottom:1px solid rgba(0,0,0,.08);padding:16px 0;}
.reward-item-user .avatar-head {min-width:42px;width:42px;height: 42px;line-height: 42px;font-size:20px;object-fit:cover;border-radius:50%;text-align:center;}

.reward-item-info{margin-left:6px;font-size:12px;}
.reward-item-h1{color:#333;font-weight: 500;}
.reward-item-h2{color:#999;text-align:right;}


/* currency-popup */
.currency-popup {min-width: 280px;min-height: 184px;position: fixed;background-color: #fff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;padding: 16px;z-index: 999;}
#botSanjiao {width: 0;height: 0; position: absolute; bottom: -5px; left: 135px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid#fff;}
#topSanjiao {width: 0;height: 0; position: absolute; top: -5px; left: 135px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid#fff;}
.currency-popup .currency-popup-top {font-size: 14px;position: relative;}
.currency-popup .currency-popup-top img {position: absolute;right: 0; top: -4px;}
.currency-popup .currency-popup-top span {font-size: 12px; color: #999;}
.currency-popup .currency-popup-content {display: flex;margin-top: 10px;}
.currency-popup .currency-popup-content #crurency-echarts {width: 136px;min-height: 108px;border-radius: 4px;margin-right: 16px;background-color: #f7f7f7;}
.currency-popup-content .content-right {flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
.currency-popup-content .content-right h4 {font-size: 14px;line-height: 14px;color: #333;word-break: break-all;}
.currency-popup-content .content-right span {display: block;font-size: 12px;line-height: 12px;color:#999;word-break: break-all;}

@media screen and (max-width: 639.9px) {
    .gate-live-page {padding: 24px 16px;}
}
@media (min-width: 414px) and (max-width: 1247.9px) {
    .Info .top .title{width: 50%;}
    .gate-live-page {flex-direction: column;height: unset;}
    .gate-live-page #gate-live-left{width: 100%; flex: unset;height: auto;overflow: hidden;}
    .gate-live-page #gate-live-right{width: 100%; margin-inline-start: unset;height: 600px}
}
@media (min-width: 1248px) and (max-width: 1439.9px) {
    .Info .top .title{width: 400px;}
    .gate-live-page #gate-live-right{width: 420px;;}
}
@media (min-width: 1440px) and (max-width: 1679.9px) {
    .Info .top .title{width: 550px;}
}
@media (min-width: 1680px) and (max-width: 1919.9px) {
    .gate-live-page {padding: 24px 81px;}
    .Info .top .title{width: 550px;}
}
@media (min-width: 1920px){
    .gate-live-page #gate-live-left{width: 1272px;}
    .Info .top .title{width: 700px;}
}

.draft-title{line-height: 150%;margin-top: 16px;font-size: 20px;color:var(--color-text-1);font-weight: 600;cursor: pointer;white-space: pre-wrap;word-break: break-word;}
.draft-title a{color: var(--color-brand-1)}

.draft-summary{line-height: 150%;margin-top: 8px;font-size: 14px;color:var(--color-text-1);font-weight: 400;cursor: pointer;white-space: pre-wrap;word-break: break-word;}
.draft-summary a{color: var(--color-brand-1);font-size: 14px;line-height: 150%;display: inline-block;}
.draft-summary span{font-size: 14px;line-height: 150%;display: inline-block;height: 21px;}
.draft-summary .img-media{cursor: pointer;display: block;max-width: 100%;max-height: 480px;object-fit: contain;margin: 12px 0;border-radius: 8px;}
/* .draft-summary .content-text-emoji{margin: 0;cursor: auto;display: inline-block;width: 16px;} */
.draft-summary .video-media{width: 100%;display: block;margin-top: 12px;border-radius: 8px;}

.draft-content{margin-top: 8px;color:var(--color-text-1);font-weight: 400;cursor: pointer;word-break: break-word;}
.draft-content ol{padding: 0 20px;}
.draft-content ol li{list-style: auto !important;}
.draft-content p{white-space: pre-wrap}
.draft-content p:last-of-type{margin: 0;}
.draft-content a{color: var(--color-brand-1);font-size: 14px;line-height: 150%;display: inline-block;}
.draft-content span{font-size: 14px;line-height: 150%;display: inline-block;height: 21px;}
.draft-content img{cursor: pointer;max-width: 100%;max-height: 480px;object-fit: contain;border-radius: 8px;}
.draft-content video{width: 100%;border-radius: 8px;background: var(--color-cmpt-1);}
.last-edited{margin-top: 8px;font-size: 12px;line-height: 100%;font-weight: 400;color: var(--color-text-3);}
.draft-content iframe{width: 100%;height: 202px;border-radius: 8px;}
.draft-content h1 {margin-bottom: 10px;line-height: 150%;}
.draft-content h2 {margin-bottom: 10px;line-height: 150%;}
.draft-content h3 {margin-bottom: 10px;line-height: 150%;}
.draft-content h4 {margin-bottom: 10px;line-height: 150%;}
.draft-content h5 {margin-bottom: 10px;line-height: 150%;}
.draft-content h6 {margin-bottom: 10px;line-height: 150%;}

.top-full-screen .Live-Info-follow-prompt {
  left: 50%;
  transform: translateX(-50%);
}