body,html{height:100%;overflow:hidden}body{color:#fff;font-size:14px!important}#root,#header{max-width:640px;margin:0 auto}.carousel .slide img{max-height:268px}.bottom-tab{z-index:99;background:#fff;align-items:center;width:min(100%,640px);height:48px;display:flex;position:fixed;bottom:0;box-shadow:0 -1px 4px rgba(0,0,0,.1)}@media (min-width:640px){#scrollToTop,#activityIcon{cursor:pointer;margin-left:220px;left:50%;right:auto!important}#FloatingButton{margin-left:240px;left:50%;right:auto!important}[data-rsbs-overlay]{width:640px!important;margin-left:auto!important;margin-right:auto!important}}.bottom-tab .tab-item{flex-direction:column;align-items:center;width:20%;margin-top:5px;margin-bottom:2px;display:flex}.bottom-tab .tab-item.active{color:#ff3a3a;font-weight:700}.bottom-tab .tab-item .tab-name{letter-spacing:0;color:#3d3d3d;text-align:center;vertical-align:top;font-size:12px;font-weight:500;line-height:16px}.bottom-tab .tab-item .tab-name.active{color:#268c45}.tab-icon-div{margin-bottom:1px}.tab-icon{width:24px;height:24px}.header{justifyContent:"center";alignItems:"center";width:100%;display:flex}.top_mine{flexDirection:"column";width:23%;margin-top:5px}.top_mine .avator{width:22px;height:22px}.top_tab{width:50%;display:flex}.top_tab .top_tab_item{flexDirection:"column",;width:30%}.top_tab .top_tab_item .top_tab_text{opacity:1;letter-spacing:0;color:#bdbdbd;text-align:left;vertical-align:top;width:36px;height:27px;font-size:18px;font-weight:500;line-height:26.06px}.top_tab .top_tab_item .top_tab_text.active{color:#000}.top_tab .top_tab_item .line{opacity:1;border:1.5px solid #268c45;width:32px;height:0}.top_tab_match_text{opacity:1;letter-spacing:0;color:#000;text-align:center;vertical-align:top;width:45%;font-size:20px;font-weight:400;line-height:28.96px}.top_tab_live_text{opacity:1;letter-spacing:0;color:#000;text-align:center;vertical-align:top;width:45%;font-size:18px;font-weight:400;line-height:26.06px}.searchImg{width:24px;height:24px}.top_tab_circle{justify-content:center;align-items:center;width:50%;display:flex}.top_tab_circle .top_tab_item{justify-content:center}.top_tab_circle .top_tab_item:first-child{margin-right:33px}.top_tab_circle .top_tab_item .top_tab_text{opacity:1;letter-spacing:0;color:#bdbdbd;text-align:left;vertical-align:top;min-width:36px;height:27px;font-size:18px;font-weight:500;line-height:26.06px}.top_tab_circle .top_tab_item .top_tab_text.active{color:#000}.top_tab_circle .top_tab_item .line{opacity:1;border:1.5px solid #268c45;width:32px;height:0;margin:auto}.header_circle{background-color:#fff;border-bottom:1px solid #f2f2f2;padding-bottom:12px}
.top_video_header{justifyContent:"center";alignItems:"center";width:100%;display:flex}.top_video_mine{flexDirection:"column";width:23%}.top_video_mine .avator{width:24px;height:24px}.top_video_tab{width:50%;display:flex}.top_video_tab .top_video_tab_item{flexDirection:"column",;width:30%}.top_video_tab .top_video_tab_item .top_video_tab_text{opacity:1;color:#f5f5f5;text-shadow:1px 1px 2px rgba(0,0,0,.8),-1px -1px 2px rgba(255,255,255,.4);letter-spacing:0;width:36px;font-size:18px;font-weight:500;line-height:21.09px}.top_video_tab .top_video_tab_item .top_video_tab_text.active{color:#f5f5f5}.top_video_tab .top_video_tab_item .line{opacity:1;opacity:1;border:1.5px solid #fff;width:32px;height:0;margin-top:9px;box-shadow:0 0 2px #000}.textShow{text-shadow:1px 1px 2px rgba(0,0,0,.8),-1px -1px 2px rgba(255,255,255,.4)}.top_video_tab_match_text{opacity:1;letter-spacing:0;color:#000;text-align:center;vertical-align:top;width:45%;font-size:20px;font-weight:400;line-height:28.96px}.video_searchImg{width:22px;height:22px}.video_messageImg{width:21px;height:21px}
html{height:100%}body{background-color:#fff;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}body.lockscreen{overscroll-behavior:none;overflow:hidden}:focus{outline:none}::placeholder{color:#ddd}#root{height:100%}#root.lockscreen{overscroll-behavior:none;overflow:hidden}.gradientContainer{position:relative}.gradientShadow,.gradientShadow2{width:100%;height:100%;position:absolute;top:0;left:0}.reverse-container{flex-direction:column-reverse;margin-left:16px;display:flex;position:absolute;bottom:14px}.videoNickNameView{flex-direction:row;align-items:center;display:flex}.videoNickName{color:#fff;font-size:18px;font-weight:500;line-height:26.06px}.videoUserType{margin-left:6px}.title2Line{-webkit-line-clamp:2;text-overflow:ellipsis;color:#fff;text-shadow:0 1px 2px #000;-webkit-box-orient:vertical;font-size:16px;font-weight:400;line-height:23.17px;display:-webkit-box;overflow:hidden}.publishTime{color:#c2c2c2;font-size:14px;font-weight:400;line-height:20.07px}.custom-wheel-picker{width:"100%";height:"100%";position:relative}.custom-wheel-picker ul{-ms-overflow-style:none;scrollbar-width:none;padding:0!important}.custom-wheel-picker ul::-webkit-scrollbar{display:none}.custom-wheel-picker ul li{justify-content:center!important}.custom-wheel-picker ul li p{padding-left:0!important}.custom-wheel-picker ul li span{display:none!important}.qq-video{z-index:-999999!important;justify-content:center!important;align-self:center!important;width:70vw!important;height:70vh!important;position:absolute!important;top:45%!important;left:50%!important;transform:translate(-50%,-50%)!important}.chat-view{animation:.5s forwards slideInRight}.chat-view.hide{animation:.5s forwards slideOutLeft;display:none!important}@keyframes slideOutLeft{0%{transform:translate(0)}to{width:0;height:0;display:none;transform:translate(-100%)}}@keyframes slideInRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@font-face{font-family:ShangShouLongMaoTi;src:url(../media/ShangShouLongMaoTi.09bf9533.ttf)}#remote-video{width:100vw;height:100vh;display:flex;position:relative!important}