html{text-rendering:optimizelegibility}body{line-height:1}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}del{text-decoration:line-through}i,em{font-style:normal}ol,ul,menu{list-style:none outside none}fieldset,iframe,abbr,acronym{border:0 none}iframe{display:block}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0;font-size:inherit}th{text-align:inherit}button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Microsoft Yahei","Segoe UI","Helvetica Neue",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;margin:0}body{font-size:12px;line-height:1.5}body a{color:#999;text-decoration:none}body a:hover{color:#666}:root{--main-font-color: rgb(255, 255, 255);--main-font-color-4: rgba(255, 255, 255, 0.04);--main-font-color-8: rgba(255, 255, 255, 0.08);--main-font-color-14: rgba(255, 255, 255, 0.14);--main-font-color-50: rgba(255, 255, 255, 0.5);--main-font-color-70: rgba(255, 255, 255, 0.7);--main-font-color-80: rgba(255, 255, 255, 0.8);--main-font-color-90: rgba(255, 255, 255, 0.9);---yellow_color: #ffd732;--default-bg-color: transparent;--default-theme-color: rgba(255, 255, 255, 0.08)}.scroll-bar-better{scrollbar-gutter:stable}.scroll-bar-better::-webkit-scrollbar{position:absolute;width:6px !important;height:4px !important}.scroll-bar-better::-webkit-scrollbar-track{background:transparent !important;padding:1px !important}.scroll-bar-better::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08) !important;border-radius:14px !important}.scroll-bar-better::-webkit-scrollbar-thumb:hover{background:#fff}.g-page-wrapper{position:relative;background-image:url(https://diy-assets.msstatic.com/video-community/bg.png);background-repeat:no-repeat;background-color:#0a0f1a;background-size:cover;background-position:center bottom;width:100%;height:100vh;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column;align-items:center}.g-page-wrapper .banner{width:100%;border-top-left-radius:4px;border-top-right-radius:4px}.g-main{min-width:756px;position:relative;top:0px;width:70%;max-width:1400px}.m-recommend{padding-top:10px}.tag-list{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.tag-list .t-list-item{font-size:14px;line-height:14px;color:var(---80, rgba(255, 255, 255, 0.8));cursor:pointer;padding:0px 12px;height:26px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#2d2d31}.tag-list .t-list-item.active{color:var(---yellow_color, #ffd732);background:#3f3924}.tag-list .t-list-item:hover{color:var(---, #ffd736);background:#2d2d31}.mfe-wrapper{display:none}.mfe-wrapper.mfe-show{display:block}#communityMfeId{min-height:100vh}.g-page-wrapper.g-community-wrapper,.g-page-wrapper.g-recommend-wrapper{width:100%;background-color:transparent;display:block;background-image:url(/h5/videoCommunity/@public-online/imgs/bg.4d7a48d9835dcb5012289cfe86af2fe1.jpg);background-repeat:no-repeat;background-position:-180px -52px;background-size:calc(100vw + 210px);overflow:hidden;position:relative}.g-page-wrapper.g-community-wrapper .g-page-bg,.g-page-wrapper.g-recommend-wrapper .g-page-bg{position:absolute;z-index:0;width:100%;height:100%}.g-page-wrapper.g-community-wrapper .g-page-bg img,.g-page-wrapper.g-recommend-wrapper .g-page-bg img{position:absolute;top:-52px;left:-180px;width:100%;height:100%;right:-24px}.g-page-wrapper.g-community-wrapper .community-header-info,.g-page-wrapper.g-recommend-wrapper .community-header-info{display:flex;position:absolute;top:-88px;z-index:1}.g-page-wrapper.g-community-wrapper .community-header-info .c-avatar,.g-page-wrapper.g-recommend-wrapper .community-header-info .c-avatar{border-radius:4px;border:1px solid #fff;width:72px;height:72px;margin-right:12px;box-sizing:border-box}.g-page-wrapper.g-community-wrapper .community-header-info .community-info,.g-page-wrapper.g-recommend-wrapper .community-header-info .community-info{display:flex;flex-direction:column;justify-content:flex-end}.g-page-wrapper.g-community-wrapper .community-header-info .community-info p,.g-page-wrapper.g-recommend-wrapper .community-header-info .community-info p{color:#fff;text-shadow:0px 0px 6px rgba(0,0,0,.18);font-size:20px;font-weight:700;line-height:24px}.g-page-wrapper.g-community-wrapper .community-header-info .community-info p:last-of-type,.g-page-wrapper.g-recommend-wrapper .community-header-info .community-info p:last-of-type{color:var(--main-font-color-90);font-size:16px;font-weight:400;margin-top:8px;line-height:22px}.g-page-wrapper.g-community-wrapper .community-header-info .community-info span,.g-page-wrapper.g-recommend-wrapper .community-header-info .community-info span{margin-right:16px}.g-page-wrapper.g-community-wrapper .wrapper,.g-page-wrapper.g-recommend-wrapper .wrapper{width:calc(100% - 4px);height:100%;position:relative;z-index:1;overflow:scroll;background:var(--default-bg-color)}.g-page-wrapper.g-community-wrapper .g-main,.g-page-wrapper.g-recommend-wrapper .g-main{box-sizing:border-box;width:100%;max-width:1688px;margin:0 auto;display:flex;gap:16px;padding-left:16px;box-sizing:border-box}.g-page-wrapper.g-community-wrapper .m-list,.g-page-wrapper.g-recommend-wrapper .m-list{flex:1 auto;min-width:500px}.g-page-wrapper.g-community-wrapper .m-chat-list,.g-page-wrapper.g-recommend-wrapper .m-chat-list{width:25%;min-width:295px;height:772px;overflow:hidden}.g-page-wrapper.g-community-wrapper .m-chat-list .chat-list,.g-page-wrapper.g-recommend-wrapper .m-chat-list .chat-list{background:var(--default-theme-color);background-position:top center;background-size:contain;background-repeat:no-repeat}.g-page-wrapper.g-community-wrapper .m-chat-list .chat-list.fixed,.g-page-wrapper.g-recommend-wrapper .m-chat-list .chat-list.fixed{position:fixed;right:16px;top:50px}.g-page-wrapper.g-community-wrapper .m-news,.g-page-wrapper.g-recommend-wrapper .m-news{background-color:#2d2d31}.g-page-wrapper.g-community-wrapper .m-news::before,.g-page-wrapper.g-recommend-wrapper .m-news::before{display:none}.g-page-wrapper.g-recommend-wrapper #communityMfe{position:relative;margin-top:0}.g-page-wrapper.g-recommend-wrapper .g-main{padding-left:0;padding-right:16px}.g-page-wrapper.g-community-wrapper .m-community{padding-top:10px;box-sizing:border-box}.g-page-wrapper.g-community-wrapper.z-custom-skin .chat-list,.g-page-wrapper.g-recommend-wrapper.z-custom-skin .chat-list,.g-page-wrapper.z-custom-skin .chat-list{background-color:#1f2b40;background-image:url("https://diy-assets.msstatic.com/video-community/chat-bg.png")}.g-page-wrapper.g-community-wrapper.z-custom-skin .chat-list .chat-title i,.g-page-wrapper.g-recommend-wrapper.z-custom-skin .chat-list .chat-title i,.g-page-wrapper.z-custom-skin .chat-list .chat-title i{background:url(/h5/videoCommunity/@public-online/imgs/topic2.39e676fe9e24161c13b98b228c6a7a9b.png) no-repeat;background-size:cover}.g-page-wrapper.g-community-wrapper.z-custom-skin .m-news,.g-page-wrapper.g-recommend-wrapper.z-custom-skin .m-news,.g-page-wrapper.z-custom-skin .m-news{background-image:url("https://diy-assets.msstatic.com/video-community/contentBg2.png")}.g-page-wrapper.g-community-wrapper.z-custom-skin .m-news .title i,.g-page-wrapper.g-recommend-wrapper.z-custom-skin .m-news .title i,.g-page-wrapper.z-custom-skin .m-news .title i{background:url(/h5/videoCommunity/@public-online/imgs/icon-news.71cd0510c679b7e1cfa6827ddeb25908.png) no-repeat center center;background-size:100% 100%}.g-page-wrapper.g-community-wrapper.z-custom-skin .t-list-item,.g-page-wrapper.g-recommend-wrapper.z-custom-skin .t-list-item,.g-page-wrapper.z-custom-skin .t-list-item{background:var(---8, rgba(255, 255, 255, 0.08))}.g-page-wrapper.g-community-wrapper.z-custom-skin .t-list-item.active,.g-page-wrapper.g-recommend-wrapper.z-custom-skin .t-list-item.active,.g-page-wrapper.z-custom-skin .t-list-item.active{background:rgba(255,215,54,.15)}.g-page-wrapper.g-community-wrapper.z-custom-skin .t-list-item:hover,.g-page-wrapper.g-recommend-wrapper.z-custom-skin .t-list-item:hover,.g-page-wrapper.z-custom-skin .t-list-item:hover{background:var(---8, rgba(255, 255, 255, 0.08))}@media(max-width: 1400px){.chat-item span{display:none}}
.g-page-wrapper{min-width:780px}.g-page-wrapper h1{color:#333}.g-page-wrapper .title{cursor:pointer}.g-page-wrapper .p-wrap{width:100vw;min-width:780px;height:calc(100vh - 36px);margin-top:24px;display:flex;align-items:center;justify-content:center}.g-page-wrapper .p-wrap iframe{width:100%;height:100%;position:relative;background-color:transparent}.g-page-wrapper .p-wrap .c-close{width:24px;display:block;padding:12px;border-radius:30px;height:24px;position:absolute;left:50%;margin-left:0px;cursor:pointer;top:24px;z-index:1;background-color:var(--main-font-color-8);background-image:url(/h5/videoCommunity/@public-online/imgs/close_normal_dark.fa6885493e9bd9da5995eaf53a0af6c9.png);background-repeat:no-repeat;background-position:center center;background-size:24px 24px}.g-page-wrapper .p-wrap .c-close:hover{background-color:var(--main-font-color-14)}
.popup-wrap .popup-body{position:fixed;top:0;right:0;left:0;bottom:0;height:100%;z-index:999;width:100%;display:flex;flex-direction:column;align-items:center}.popup-wrap .popup-body .popup-content{position:fixed}@keyframes fromBottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0px)}}.animation-popup{animation:fromBottom .15s ease;-moz-animation:fromBottom .15s ease;-webkit-animation:fromBottom .15s ease;-o-animation:fromBottom .15s ease}
.g-header{color:var(--main-font-color);margin-bottom:16px}.g-header .m-enter{display:flex}.g-header .m-enter-content{width:calc((100% - 36px) / 4);display:flex;cursor:pointer;border-radius:4px;height:72px;background-color:#2d2d31;justify-content:center;margin-right:12px;box-sizing:border-box;position:relative;justify-content:space-between;background-repeat:no-repeat;background-size:cover;flex:1;border:1px solid var(---4, rgba(255, 255, 255, 0.04));box-sizing:border-box}.g-header .m-enter-content .enter-left{padding-left:16px;display:flex;justify-content:center;flex-direction:column;width:calc(100% - 68px)}.g-header .m-enter-content .enter-left p{font-size:12px;display:block;align-items:center;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--main-font-color-50);line-height:17px}.g-header .m-enter-content .enter-left i{width:16px;height:16px;background:url(/h5/videoCommunity/@public-online/imgs/foward_small_dark.99352e6b5ba1bf96ebf4ca299438a00e.png) no-repeat center center;background-size:cover}.g-header .m-enter-content .enter-right{display:flex;align-items:center;justify-content:center;margin-right:12px}.g-header .m-enter-content .enter-right img{height:36px}.g-header .m-enter-content:last-child{margin-right:0}.g-header .m-enter-content .c-bg{width:100%}.g-header .m-enter-content .c-bg:hover{opacity:.9}.g-header .m-enter-content .c-tag{position:absolute;height:18px;right:0;border-radius:4px 4px 0px 4px;background:var(---red_color, #ff3944);top:-5px;color:var(---color_text_light01_common, #fff);text-align:center;font-size:11px;height:18px;padding:0px 4px;font-weight:400;line-height:16px}.g-header .m-enter-content .c-title{color:var(--main-font-color);font-size:16px;font-style:normal;font-weight:700;line-height:22px;margin-bottom:2px;display:flex;align-items:center}.g-header .m-enter-content .c-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-header .m-enter-content .c-title i{width:16px;display:inline-block;height:16px;background:url(/h5/videoCommunity/@public-online/imgs/foward_small_dark.99352e6b5ba1bf96ebf4ca299438a00e.png) no-repeat center center;background-size:100% 100%}.g-header .m-news{display:flex;position:relative;flex-direction:column;border-radius:4px;border:1px solid var(---4, rgba(255, 255, 255, 0.04));background-position:center center;background-repeat:no-repeat;background-size:cover;margin-top:12px;box-sizing:border-box;padding:16px 0px}.g-header .m-news::before{content:"";position:absolute;z-index:0;top:0;left:0;width:76px;height:40px;background:url(/h5/videoCommunity/@public-online/imgs/top.72f0e757084e52415c1bef72ed0288a8.png) no-repeat center center;background-size:100% 100%}.g-header .m-news .title{color:var(--main-font-color-90);font-size:16px;font-weight:700;padding:0 16px;line-height:22px;display:flex;margin-bottom:12px;align-items:center}.g-header .m-news .title i{width:18px;height:18px;margin-right:6px;background:url(/h5/videoCommunity/@public-online/imgs/icon-news2.5d3e8cf25ea0ec82fab8c3c202ab3bf1.png) no-repeat center center;background-size:100% 100%}.g-header .m-news .list-item{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;box-sizing:border-box;margin-bottom:6px;cursor:pointer}.g-header .m-news .list-item:hover{background-color:var(--main-font-color-8)}.g-header .m-news .list-item:last-of-type{margin-bottom:0}.g-header .m-news .list-item p{color:var(--main-font-color-90);font-size:14px;display:flex;align-items:center;height:20px}.g-header .m-news .list-item i{width:14px;height:14px;margin-left:4px}.g-header .m-news .list-item i.icon-good{background:url(/h5/videoCommunity/@public-online/imgs/icon-good.282c963b28e7195b05e43598e7aabbfd.png) no-repeat center center;background-size:100% 100%}.g-header .m-news .list-item i.icon-hot{background:url(/h5/videoCommunity/@public-online/imgs/icon-hot.75144d7fd19aee0e8ec8c44d9351c95f.png) no-repeat center center;background-size:100% 100%}.g-header .m-news .list-item span{color:var(--main-font-color-50);text-align:right}
.g-page-wrapper{min-width:780px}.g-page-wrapper h1{color:#333}.g-page-wrapper .title{cursor:pointer}.g-page-wrapper .p-wrap{width:100vw;min-width:780px;height:calc(100vh - 36px);margin-top:24px;display:flex;align-items:center;justify-content:center}.g-page-wrapper .p-wrap iframe{width:100%;height:100%;position:relative;background-color:transparent}.g-page-wrapper .p-wrap .c-close{width:24px;display:block;padding:12px;border-radius:30px;height:24px;position:absolute;left:50%;margin-left:0px;cursor:pointer;top:24px;z-index:1;background-color:var(--main-font-color-8);background-image:url(/h5/videoCommunity/@public-online/imgs/close_normal_dark.fa6885493e9bd9da5995eaf53a0af6c9.png);background-repeat:no-repeat;background-position:center center;background-size:24px 24px}.g-page-wrapper .p-wrap .c-close:hover{background-color:var(--main-font-color-14)}._3caLM2JvbrKVb5D6Ng5iKu{display:flex}
html{text-rendering:optimizelegibility}body{line-height:1}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}del{text-decoration:line-through}i,em{font-style:normal}ol,ul,menu{list-style:none outside none}fieldset,iframe,abbr,acronym{border:0 none}iframe{display:block}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0;font-size:inherit}th{text-align:inherit}button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Microsoft Yahei","Segoe UI","Helvetica Neue",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;margin:0}body{font-size:12px;line-height:1.5}body a{color:#999;text-decoration:none}body a:hover{color:#666}:root{--main-font-color: rgb(255, 255, 255);--main-font-color-4: rgba(255, 255, 255, 0.04);--main-font-color-8: rgba(255, 255, 255, 0.08);--main-font-color-14: rgba(255, 255, 255, 0.14);--main-font-color-50: rgba(255, 255, 255, 0.5);--main-font-color-70: rgba(255, 255, 255, 0.7);--main-font-color-80: rgba(255, 255, 255, 0.8);--main-font-color-90: rgba(255, 255, 255, 0.9);---yellow_color: #ffd732;--default-bg-color: transparent;--default-theme-color: rgba(255, 255, 255, 0.08)}.scroll-bar-better{scrollbar-gutter:stable}.scroll-bar-better::-webkit-scrollbar{position:absolute;width:6px !important;height:4px !important}.scroll-bar-better::-webkit-scrollbar-track{background:transparent !important;padding:1px !important}.scroll-bar-better::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08) !important;border-radius:14px !important}.scroll-bar-better::-webkit-scrollbar-thumb:hover{background:#fff}body{overflow:hidden;height:100%}.ssr-wrapper{position:relative}.detail{min-width:760px;max-width:1400px;width:70%;margin:auto;background-color:#fbfbfc;height:100vh;padding-top:100px;position:relative;box-sizing:border-box}.detail .m-list-box{height:100%;width:100%;overflow:auto}.detail .c-close{width:24px;display:block;padding:12px;border-radius:30px;height:24px;position:absolute;right:-72px;cursor:pointer;top:0px;background:rgba(255,255,255,.08) url(/h5/videoCommunity/@public-online/imgs/close_normal_dark.fa6885493e9bd9da5995eaf53a0af6c9.png) no-repeat center center;background-size:24px 24px}.detail.isDark{background:#1f2b40;box-shadow:0px 2px 16px 0px rgba(0,0,0,.25)}.detail.white{--main-font-color: rgb(0, 0, 0);--main-font-color-4: rgb(0, 0, 0, 0.04);--main-font-color-8: rgb(0, 0, 0, 0.08);--main-font-color-14: rgb(0, 0, 0, 0.14);--main-font-color-50: rgb(0, 0, 0, 0.5);--main-font-color-70: rgb(0, 0, 0, 0.7);--main-font-color-80: rgb(0, 0, 0, 0.8);--main-font-color-90: rgb(0, 0, 0, 0.9)}.detail.hideHeader{padding-top:16px;box-sizing:border-box}.detail .comment-title{color:var(--main-font-color-90);font-size:16px;font-weight:700;margin-bottom:24px;display:flex;align-items:center;margin-top:24px}.detail .comment-title span{margin-left:4px;color:var(--main-font-color-70);font-size:12px}.detail .m-list{position:relative;padding:0 16px;height:100%;box-sizing:border-box;width:100%}.detail .m-list .c-close{width:24px;display:block;padding:12px;border-radius:30px;height:24px;position:absolute;right:-72px;cursor:pointer;top:0px;background:rgba(255,255,255,.08) url(/h5/videoCommunity/@public-online/imgs/close_normal_dark.fa6885493e9bd9da5995eaf53a0af6c9.png) no-repeat center center;background-size:24px 24px}.detail .m-list.isDark{border-radius:4px;background:#1f2b40;box-shadow:0px 2px 16px 0px rgba(0,0,0,.25)}.detail .m-list.hideHeader{padding-top:16px;box-sizing:border-box}.detail .m-list .comment-title{color:var(--main-font-color-90);font-size:16px;font-weight:700;line-height:22px;margin-bottom:24px;margin-top:24px}.detail .m-list .comment-title span{margin-left:4px;color:var(--main-font-color-70);font-size:12px}.detail .m-list .c-close{width:24px;display:block;padding:12px;border-radius:30px;height:24px;position:absolute;right:-60px;margin-left:0px;cursor:pointer;top:0px;z-index:0;background:rgba(255,255,255,.08) url(/h5/videoCommunity/@public-online/imgs/close_normal_dark.fa6885493e9bd9da5995eaf53a0af6c9.png) no-repeat center center;background-size:24px 24px}.detail .m-list .m-loading{color:var(--main-font-color-80);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;margin-top:260px}.detail .m-list .m-loading img{width:120px;height:120px;margin-bottom:16px}.detail .comment-wrapper{opacity:0}.detail .comment-wrapper.show{opacity:1}.detail .comment-wrapper .comment-list{opacity:0}.detail .comment-wrapper .comment-list.show-comment-list{opacity:1}