*{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;}
input{user-select: auto;-moz-user-select: auto;-ms-user-select:auto;-webkit-user-select: auto;-khtml-user-select: auto}
.layout{background: var(--color-bg-1);}
.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-living{width: 100%;height:100%;position: relative;border-radius: 8px;}
.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;}

#gate-live-left .Video{position:relative;width: 100%;aspect-ratio: 16 / 9;background: #000000; border-radius: 8px;}




#gate-live-left .Video .flex{position:absolute;color:var(--colorWhite);top:50%;left:50%;transform: translate(-50%,-50%);}
#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:var(--colorFont3)}
.classic-dark .Info .middle .info-number .number div{color:var(--fontSubColor)}
.Info .middle .info-number .number .divider{display: inline-block;height: 12px;border-right: 1px solid var(--dwBgColor2);margin:6px 12px}
.classic-dark .Info .middle .info-number .number .divider{border-right: 1px solid #2A2F40}
.Info .middle .tag span{display: inline-block;border: 1px solid var(--dwBgColor2);border-radius: 4px;line-height: 24px;padding: 0 8px;margin-right: 20px;color:#565D73}
.classic-dark .Info .middle .tag span{border: 1px solid var(--iconGray);color: var(--fontSubColor);}
.Info .middle .tag span:hover{border: none;background: var(--dwBgColor2);color: #04091A;padding: 1px 9px;}
.classic-dark .Info .middle .tag span:hover{background: var(--btnGray);color:var(--colorWhite);padding: 1px 9px;}
.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(--dwBgColor2);margin: 20px 0;}
.Info .bottom .moreWindow{position: absolute;background: var(--color-card-1);right: 0;transform: translate(0,100%);border-radius: 8px;z-index: 10;}
html[lang=ar] .Info .bottom .moreWindow{left: 0;right:unset}
.Info .bottom .moreWindow.fromup{top:0;transform: translate(0,-80%);}
.Info .bottom .moreWindow.fromdown{bottom: 0}

.Info .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: #565D73;}
.classic-dark .Info .bottom .moreWindow .manage-channel{color: #fff;}
.classic-dark .Info .bottom .moreWindow .manage-channel .end{float:right;font-size: 14px;color: #989FB3;}

.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:#565D73;font-size: 12px;}

.classic-dark .Info .bottom .moreWindow .more-item{color: #fff;}
.classic-dark .Info .bottom .moreWindow .more-item .subtitle{color:#989FB3;}
.Info .bottom .moreWindow .unselected{padding-left: 40px;color:#565D73}
.classic-dark .Info .bottom .moreWindow .unselected{color:#989FB3}


.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 .user-pop{position: absolute;top:45px;right:0;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 .user-pop{right:unset;left:0}
.classic-dark .Info .user-pop{background:#292F40;color: #fff;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.13);}
.Info .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 .user-pop .bottom-triangle{border-bottom: 8px solid #292F40;}
.Info .user-pop.fromup .bottom-triangle{top:95px;border: 6px solid transparent; border-top: 8px solid #fff;}
.classic-dark .Info .bottom .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 .user-pop .iconfont{font-size: 20px;margin-right: 8px;}

.classic-dark .Info .underline{border-top: 1px solid #2A2F40}

.Info .bottom{display: flex;position: relative;justify-content: space-between;min-height: 40px;}
.Info .bottom .personal {display: flex; align-items: center;}
.Info .bottom .personal .avatar{height: 40px;width: 40px;border-radius: 50%;vertical-align: top;cursor: pointer;}
.Info .bottom .personal .div-avatar{height: 40px;width: 40px;border-radius: 50%;font-size: 40px;line-height: 40px;vertical-align: top;cursor: pointer;background: #ccc;color: #333;overflow: hidden;}
.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;}
.Info .bottom .follow,.Info .bottom .followed {margin-inline-start: 16px;}
.Info .bottom .follow{padding: 0 16px;background: var(--brandColor);border-radius: 4px;color:var(--colorWhite);height: 32px;font-size: 14px;line-height: 32px;cursor: pointer;font-weight: 600;}
.classic-dark .Info .bottom .follow{background: var(--brandColor)}
.Info .bottom .follow:hover{background: var(--brandHoverColor);}
.classic-dark .Info .bottom .follow:hover{background: var(--brandHoverColor);}
.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: var(--dwBgColor2);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: var(--btnGray);border: none;color:var(--colorWhite);line-height: 32px}

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

.classic-dark .Info .live-description{color:var(--fontSubColor);}

.subscribe-button{
    width:108px;
    height:42px;
    background:rgba(242,80,80,1);
    border-radius:4px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 24px;
    cursor: pointer;
}
#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;}
.video-player{width: 100%;height: 100%;}
.video-player-cont{border-radius: 8px;}
:fullscreen .video-player-cont{border-radius: 0;}
.video-player .video-center{position: absolute;top: 50%;left: 50%;width: 88px;height: 88px;transform: translate(-50%,-50%);pointer-events: none;opacity: 1;}
.video-player .center-hide{width: 0;height: 0;opacity: 0;transition: all .5s;}
#gate-live-video .funBar{position:absolute;display: flex;justify-content: space-between;align-items: center;bottom: 0;width: 100%;background: transparent;height: 80px;background: linear-gradient(0deg, #000000 -59.13%, rgba(0, 0, 0, 0) 100%);border-radius: 8px;}
/* #gate-live-video .funBar .left-part{display: flex;align-items: center;}
#gate-live-video .funBar .left-part div{margin-left: 25px;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;width: 24px;cursor: pointer;} */

#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:var(--colorWhite);z-index: 10;}
.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;}
.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: 10;}
.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;}
.video-process{margin-left: 24px;font-size: 14px;color: rgba(255, 255, 255, .6);}
#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;margin-right: 25px;border:none !important;background: transparent;vertical-align: top;}
#gate-reward-btns-full .live-like div{line-height: 24px;color:var(--colorWhite);}
.progress-bar {position: relative;bottom: 80px;height: 4px;background: rgba(255,255,255,.5);cursor: pointer;display: flex;align-items: center;z-index: 2;width: 95%;margin: 0 auto;}
.progress-bar-inside {background: #2354E6;height:4px;width: 20px;}
.progress-bar-point{width: 10px;height: 10px;border-radius: 50%;display: inline-block;background:#FFF;}
.progress-bar-point:active {cursor: grab;}

.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);}
/* chat 聊天区域 */
.current-conversation-wrapper{display:flex;box-sizing:border-box;width:100%;height:100%;}
.current-conversation{position:relative;width:100%;height: 100%;}
.current-conversation .chatRoom-title{position: relative;z-index: 10;background-color: var(--color-card-1);border-top-left-radius: 8px;border-top-right-radius: 8px;}
.current-conversation .chatRoom-title .message_close{position: absolute;width: 24px;top: 50%;right:16px;font-size: 17px;color: #04091A;transform: translate(0,-50%);display: none;cursor: pointer;}
.classic-dark .current-conversation .chatRoom-title .message_close{color:var(--colorWhite);}
.chat-content-conversation{position:absolute;top:0;padding-top: 224px;display:flex;transition:all .5s;width: 100%;height: 100%;background-color: var(--color-card-1);}
.msg-list-wrapper{width:100%;overflow-y:scroll;padding:20px 16px;}
.msg-list-wrapper::-webkit-scrollbar{display:none}

.sf-element {margin-bottom: 16px;padding: 12px;border-radius: 4px;background: var(--color-card-6);display: flex;align-items: flex-start;}
.sf-element .sf-el-left {width: 16px;height: 16px;margin-top: 3px;margin-inline-end: 8px;}
.sf-element .sf-el-right {flex: 1;font-size: 14px;line-height: 21px;font-weight: 400;color: var(--color-text-1);word-wrap: break-word;}
.sf-element .sf-el-right a {font-size: 14px;line-height: 21px;font-weight: 400;color: var(--color-brand-1);word-break: break-all;}
/* chat 打赏榜 */
.dozen-wapper{position: absolute;top:52px;width: 100%;max-height: 172px;padding:8px 0;box-sizing:border-box;background-color: var(--color-cmpt-7);z-index: 10;overflow: hidden;transition: max-height .5s;}
.classic-dark  .dozen-wapper{background-color: var(--color-card-6);}
.dozen-wapper:hover{max-height: 536px;}



.dozen-list-title{color:#04091A;padding:0 20px;font-size:14px;height:48px;font-weight: 600;display:flex;justify-content: space-between;align-items: center;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04);}
.classic-dark .dozen-list-title{color:#FFF !important;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.08);}
.dozen-list-title-icon{width: 20px;height: 20px;}

.dozen-item{display: flex;height: 52px;justify-content: space-between;padding: 0 16px;align-items: center;cursor: pointer;}
.dozen-item:hover{background: var(--color-card-2);}
.dozen-item-detail{display:flex;align-items:center}
.dozen-item-rank{margin-inline-end: 8px;width:20px;text-align:center;font-weight:900;font-size:14px;line-height:21px;color:var(--color-text-2);font-style: italic;font-family: system-ui;}
.dozen-item-head{overflow:hidden;margin-inline-end:7px;width:28px;height:28px;border-radius:50%;}
div.dozen-item-head{box-sizing:border-box;color:var(--color-text-6);text-align:center;font-size:12px;line-height: 28px;}
.dozen-item-rank-0{color:var(--color-funct-7)}
.dozen-item-rank-1{color:var(--color-funct-4)}
.dozen-item-rank-2{color:var(--color-other-2)}
.dozen-item-detail span{display:inline-block;margin-inline-end:4px;height:16px;color:var(--color-text-1);font-size:14px;line-height:16px;font-weight: 500;max-width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dozen-rmb{font-size:14px;line-height:18px;color: var(--color-funct-4);}
.vip-icon{width: 24px;height: 14px;margin-inline-end: 5px;}
.vip-icon.lg{width: 30px;}

/* chat 视频列表 */
.video-list-wrap {padding: 8px;box-sizing: border-box;overflow-y: scroll;background: var(--dwBgColor);margin-bottom: 10px;flex: 1;}
.video-list-wrap h3{height: 28px;line-height: 28px;padding-left: 8px;font-size: 14px;}
.video-list-item {display: flex;cursor: pointer;align-items: center;padding: 12px 16px;color: var(--color-text-1);font-size: 14px;}
.video-list-item:hover {background-color: var(--color-brand-2);color: var(--color-text-6);}
.video-list-wrapper {display: flex;flex-direction: column;align-items: flex-start;height: calc(100% - 52px);}
.video-list {overflow-y: scroll;flex: 1;position: relative;width: 100%;}
.video-list::-webkit-scrollbar{display:none}
.video-list-wrapper h3{height: 28px;line-height: 28px;padding: 0 16px;font-size: 14px;color: var(--color-text-2);}
.video-item-cover{width: 100px;height: 56px;margin-left: 14px;margin-right: 12px;position:relative;border-radius: 8px;}
.video-item-cover img{width:100%;height:100%;border-radius: 8px;}
.video-item-cover .duration{position: absolute;color: #fff;font-size: 12px;line-height: 12px;padding: 4px;right: 0;bottom: 0;background: rgba(4, 9, 26, 0.5);border-top-left-radius: 8px;;border-bottom-right-radius: 8px;}

.video-item-cover i{display:inline-flex;justify-content:center;width:20px;height:12px;position:absolute;background:linear-gradient(180deg,rgba(255,205,128,1) 0%,rgba(225,164,29,1) 100%);border-radius:0 0 0 2px;right:0;top:0;}
.video-item-cover i::after{content:'';display:inline-block;width:12px;height:12px;background:url(/images/subscript.png) no-repeat;background-size:100%}

.video-item-info {display: flex;height: 56px;flex-direction: column;justify-content: space-between;}
.video-item-info .video-item-number{display: flex;align-items: center;}
.video-item-info .video-item-number span{font-size: 14px;line-height: 16px;}
.video-item-info .video-item-number .number-slider{width: 1px;height: 16px;margin: 0 8px;background-color: var(--color-text-1);}
.video-list-item:hover .video-item-info .video-item-number .number-slider{background-color: var(--color-text-6);}
.video-list-item.video-item-active{background-color: var(--color-brand-2);color: var(--color-text-6);}
.video-list-item.video-item-active .video-item-info .video-item-number .number-slider{background-color: var(--color-text-6);}
.video-item-active .iconfont{transform: rotate(180deg);}
.video-item-index{width: 16px;height: 16px;line-height: 16px;text-align: center;}
.video-item-title{overflow: hidden;text-overflow: ellipsis;width: 200px;white-space: nowrap;}



/* chat 动态 */
.bottom-dynamic-loading{background-color: var(--color-card-1);display: flex;justify-content: center;}
.post-container{padding: 16px 0;height: calc(100% - 52px);overflow-y: scroll;}
.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;}

/* 视频全屏样式 */
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: 10001;}   
.nohead{z-index: 100 !important;}
div.squeeze{width: calc(100% - 400px) !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: #565D73;}
.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: #565D73;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: #565D73;}
.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 #2354E6 !important}
.classic-dark .ReportModal .detail-content:focus-within{border:1px solid #3366FF !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: #565D73;}
.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 .issue {color: #989FB3;}
.classic-dark .ReportModal .detail {background:transparent;color:#989FB3;}
.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{color: #989FB3;}
.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: #565D73;}
.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: #565D73;text-align: center;}

.classic-dark .submitModal{background: #1F2433;}
.classic-dark .submitModal .closebtn {color: #989FB3;}
.classic-dark .submitModal .title{color: #fff;}
.submitModal .sub-content{color: #989FB3;}



.element-received{padding-right: 32px;}
.text-element-wrapper{position:relative;max-width:300px;border-radius:3px;word-break:break-word;}
.text-element{padding:5px;display: flex;flex-direction: row;color:#333}
.text-element p{margin:0;color:#04091A;word-wrap:break-word;font-size:14px;line-height:20px;display: inline-block;max-width: 300px;user-select: text;-moz-user-select: text;-ms-user-select:text;-webkit-user-select: text;-khtml-user-select: text}
.classic-dark .text-element p{color:#FFF;}

.his-message-content{display:flex;margin:16px 0;align-items: flex-start;}
.message-avatar{margin-inline-end:5px;width:21px;height:21px;border-radius:21px;min-width: 21px;}
.message-avatar.avatar-head{border-radius:50%;color:#fff;text-align:center;font-size:16px;line-height:21px;min-width:21px;}
.admin-icon{width:15px;height:15px;min-width:15px;}
.his-msg-wrapper p{font-size: 14px;line-height: 21px;color: var(--color-text-1);margin-bottom: 8px;}
.from-user{display:inline-flex;color:var(--color-text-3);font-size:14px;line-height: 21px;align-items:center;margin-inline-end: 5px;float: left;}
html[lang=ar] .from-user{float: right;}

.from-user span{cursor:pointer;white-space: nowrap;margin-inline-end: 5px;}
.his-item-time {font-size: 12px;color:var(--color-text-3);}

.gate-live-page .VIP-0{background:gray}
.gate-live-page .VIP-1{background:#c1aecd}
.gate-live-page .VIP-2{background:#c7c22c}
.gate-live-page .VIP-3{background:#4fae00}
.gate-live-page .VIP-4{background:#00c296}
.gate-live-page .VIP-5{background:#00c5e6}
.gate-live-page .VIP-6{background:#3190e4}
.gate-live-page .VIP-7{background:#a148ff}
.gate-live-page .VIP-8{background:#ff00de}
.gate-live-page .VIP-9{background:red}
.gate-live-page .VIP-10{background:#e68a53}
.gate-live-page .VIP-11{background:#ff5300}
.gate-live-page .VIP-12{background:#fba402}
.gate-live-page .VIP-13{background:#63723d}
.gate-live-page .VIP-14{background:#008079}

.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%);padding:12px;border-radius: 8px;color:var(--colorWhite);background: #474F66;white-space: nowrap;font-size: 12px;pointer-events: none;z-index: 99;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;}




/* 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;}
.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%;}