div,span{box-sizing:border-box}body,html{background-color:#fff;margin:0}#root,body,html{height:100%}.live-matrix-container{height:100%;padding:.16rem}.live-matrix-bg{background-image:url(https://lf-webcast-sourcecdn-tos.bytegecko.com/obj/byte-gurd-source/webcast/mono/h5/vertical_basic_h5_douyin/resource/image/live_matrix_bg.d15f521d.png);background-position:top;height:1.7rem;left:0;position:fixed;width:100%;z-index:-1}.live-matrix-bg,.live-matrix-share{background-repeat:no-repeat;background-size:100% 100%;top:0}.live-matrix-share{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAjVBMVEUWFyMUFCIWFiQWFiMVFyISEiQUFyJHcEwVFyIZGRkXFyQNDRsWFiMbGxsUFiINDSgVGCMVFSMbGygVGCQTFyMWFiMXFyMTFyIVGCUWFh8VGCMVFyQYGCQVFyEVFSAXFyIVFSUVFyMVFyQVFyMTFiIUFiIVGSIWFiQVGCEVFyMSEhoVFSAWFiIXFyYSGyRAKJJCAAAAL3RSTlOZJjl9jxxMAIYKTRNzE3ITX2ATVkI6fENgOWCPVnwwQzBXhoVqaIZpVnwdX2lDHOqZYhsAAAJtSURBVGje7ZjZYtsgEEUHBBJos2zLTtrYbrY26fr/n9e4Bm1mGVTrjXmVuEcMcJkRZAsHREAEREAEREAERMBSANm+lSVdDsAFnEMUCwGqiz6WEA74DBBCCAcICCKEA2AQgi8MgAe+FCDFEuYCMk2A3UKA7A5HCAMUjzTVgIxqwu/bAHhbsn51syEh/3+AzJ9Hu+cyjDM/AQUgJUwjwxJgljzUY+NzELwAebiWB7HSjzeacJgJIGIozI4/05bSk+xf6AjrWYB8mJaUSMMrHoITIO/7b0+tntAREhkIkEkvLx3vbfYOAmD0t9KzETpCEQL4pT+f+M/h3noFgXd9kxXmLDY2ghXwRY1oJM5MNKFEAiplAg3aDN8VgeAAYmwJmFBGvkUBlBMLGQBQWVpjAKq4YqsQfWWtqBmo4uouRH+n1oAiANXl1e9z9AVmF6kJhCRI72p4xACEy3/drvsJc5Jp8AS0PuMoLypDJ+DQNwEq44lE6BtLYbBlSBgLr4IQQumYfbi6qD2AV0OGOH1aJ8/GxuDeqW8CsEmGSD4s6aae6dE3AH4MK6uMPDEwxfTWs+kbAKfeRmW+B0tM9O23Elhc92xZOwbgBFSJq56wAV61z1XX+uylrntAJfz6BkCp1/g0VK63lBejBqTXb8L6g2//Bv35WN+upGu5ocPB6RsAl8RI7Xl1K40tVKe/De3R+hxvmuNXYnne1e1pNh/gagIZUt+WogdkI+7Vt50Dx0AWpG/yovT44ho4aKgwRUF4I97t3uvr8UZ/vFQFx1D6s/7Z0bNd1DxbDPDhogW6pow/ZiMgAiIgAiIgAiLgNvEXgLLrBmEpkEIAAAAASUVORK5CYII=);height:.32rem;position:absolute;right:-.04rem;width:.32rem}.live-matrix-share-fixed{position:fixed;right:.12rem;top:.1rem;z-index:11}.live-matrix-header{margin-top:.08rem;min-height:.34rem}.live-matrix-title{color:#161823;font-family:PingFang SC;font-size:.24rem;font-style:normal;font-weight:600;line-height:.34rem;position:relative;z-index:11}.live-matrix-title-fixed{align-items:center;background-color:#fff;background-image:url(https://lf-webcast-sourcecdn-tos.bytegecko.com/obj/byte-gurd-source/webcast/mono/h5/vertical_basic_h5_douyin/resource/image/live_matrix_bg.d15f521d.png);background-position:top;background-repeat:no-repeat;background-size:100% 1.7rem;display:flex;font-size:.17rem;height:.52rem;justify-content:center;left:0;line-height:.24rem;padding:0 .16rem;position:fixed;top:0;width:100%}.live-matrix-owner{align-items:center;display:flex;margin-bottom:.25rem;margin-top:.16rem}.live-matrix-owner-avatar{background-repeat:no-repeat;background-size:100% 100%;border-radius:50%;flex-shrink:0;height:.34rem;position:relative;width:.34rem}.live-matrix-owner-name{color:rgba(22,24,35,.75);font-family:PingFang SC;font-size:.14rem;font-style:normal;font-weight:400;line-height:.2rem;margin:0 .06rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-matrix-owner-tag{align-items:center;background:linear-gradient(119.39deg,#fc3a6a 8%,#fc3a51 82.67%);border-radius:.1rem;color:#fff;display:flex;flex-shrink:0;font-family:PingFang SC;font-size:.08rem;font-style:normal;font-weight:600;height:.14rem;justify-content:center;line-height:.1rem;padding:.02rem .04rem}.live-matrix-owner-follow{bottom:-.05rem;height:.14rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:.14rem}.live-matrix-desc{color:#161823;font-family:PingFang SC;font-size:.14rem;font-style:normal;font-weight:400;margin:0 0 .2rem;opacity:.75}.live-matrix-rooms{display:flex;flex-wrap:wrap;margin:-.015rem}.live-matrix-room{background-repeat:no-repeat;background-size:cover;border-radius:.02rem;box-sizing:border-box;height:2rem;margin:.015rem;padding:.08rem;position:relative;width:49%}.live-matrix-room-live{align-items:center;background:linear-gradient(131.17deg,#ff1764,#ed3495 94.15%);border-radius:.04rem;color:#fff;display:flex;font-family:PingFang SC;font-size:.12rem;font-style:normal;font-weight:500;justify-content:center;left:.08rem;padding:.02rem .05rem;position:absolute;top:.08rem}.live-matrix-room-desc{bottom:.08rem;box-sizing:border-box;left:0;padding:0 .08rem;position:absolute;width:100%}.live-matrix-room-tag{background-repeat:no-repeat;background-size:100% 100%;height:.2rem;width:.52rem}.live-matrix-room-user{font-size:.13rem;font-weight:400;line-height:.18rem;margin:.04rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-matrix-room-title,.live-matrix-room-user{color:#fff;font-family:PingFang SC;font-style:normal;text-shadow:0 0 .02rem rgba(0,0,0,.5)}.live-matrix-room-title{display:flex;font-size:.14rem;font-weight:500;justify-content:space-between;line-height:.2rem}.live-matrix-room-title-text{flex:1 1;margin-right:.12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-matrix-room-usercount{color:hsla(0,0%,100%,.7);font-family:PingFang SC;font-size:.14rem;font-style:normal;font-weight:500;line-height:.2rem}.live-matrix-anchors{margin-top:.2rem}.live-matrix-anchors-title{color:rgba(22,24,35,.5);font-family:PingFang SC;font-size:.12rem;font-style:normal;font-weight:400;line-height:.17rem}.live-matrix-anchor{align-items:center;display:flex;justify-content:space-between;margin-top:.14rem;position:relative;width:100%}.live-matrix-anchor-link{background-image:url(https://lf-webcast-sourcecdn-tos.bytegecko.com/obj/byte-gurd-source/webcast/mono/h5/vertical_basic_h5_douyin/resource/image/link.7b86a359.png);background-repeat:no-repeat;background-size:100% 100%;height:.445rem;left:-.025rem;position:absolute;top:-.025rem;width:.445rem}.live-matrix-anchor-user{align-items:center;display:flex;flex:1 1;min-width:0}.live-matrix-anchor-avatar{border-radius:50%;height:.4rem;margin-right:.12rem;width:.4rem}.live-matrix-anchor-name{color:#161823;flex:1 1;font-size:.15rem;line-height:.2rem;margin-right:.12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-matrix-anchor-follow,.live-matrix-anchor-name{font-family:PingFang SC;font-style:normal;font-weight:500}.live-matrix-anchor-follow{align-items:center;background:#fe2c55;border-radius:.04rem;color:#fff;display:flex;flex-shrink:0;font-size:.13rem;height:.28rem;justify-content:center;line-height:.18rem;width:.7rem}.live-matrix-anchor-following{background:rgba(22,24,35,.05);color:#161823}.live-matrix-foot{align-items:center;color:rgba(22,24,35,.6);display:flex;font-family:PingFang SC;font-size:.13rem;font-style:normal;font-weight:400;justify-content:center;line-height:.18rem;margin-top:.28rem}.live-matrix-foot-divide{background-color:rgba(22,24,35,.2);height:.005rem;margin:0 .08rem;width:.6rem}.live-matrix-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.live-matrix-empty-bg{height:1.6rem;width:2.4rem}.live-matrix-empty-text{color:#161823;font-family:PingFang SC;font-size:.17rem;font-style:normal;font-weight:500;line-height:.24rem;text-align:center}
/*# sourceMappingURL=live_matrix.1c9ea787.css.map*/