.livestream-modal-video{position:relative;height:532px;border:1px solid #024366;border-radius:4px;background-color:rgba(0,0,0,.25)}.livestream-modal-video canvas,.livestream-modal-video video{width:100%;height:100%}.livestream-modal-video .control{position:absolute;left:16px;bottom:16px;width:912px;padding:16px;background:rgba(0,0,0,.75);border-radius:4px}.livestream-modal-video .control-top{display:flex;align-items:center;margin-bottom:10px}.livestream-modal-video .control-top>span{font-family:PingFangSC-Regular;font-weight:400;font-size:12px;color:hsla(0,0%,100%,.75)}.livestream-modal-video .control-top>span:last-child{color:#13c2c2}.livestream-modal-video .control-top-progress{flex:auto;display:flex;align-items:center;margin:0 8px;cursor:pointer}.livestream-modal-video .control-top-progress progress{width:100%;height:4px;border-radius:2px}.livestream-modal-video .control-top-progress progress::-webkit-progress-bar{background-color:hsla(0,0%,100%,.15)}.livestream-modal-video .control-top-progress progress::-webkit-progress-value{background-color:#13c2c2}.livestream-modal-video .control-bottom{display:flex;justify-content:space-between;align-items:center}.livestream-modal-video .control-bottom-left{width:24px;height:24px}.livestream-modal-video .control-bottom-left>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;cursor:pointer}.livestream-modal-video .control-bottom-right{display:flex;align-items:center}.livestream-modal-video .control-bottom-right .font{font-family:PingFangSC-Medium;font-weight:500;font-size:14px;color:hsla(0,0%,100%,.75)}.livestream-modal-video .control-bottom-right .rate{display:flex;align-items:center;margin-right:24px}.livestream-modal-video .control-bottom-right .rate-list{width:80px}.livestream-modal-video .control-bottom-right .rate-list>div{background-color:transparent}.livestream-nolive{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:4px 4px 0 0;background:#3b4f75;overflow:hidden}.livestream-nolive-custom{color:#fff}.livestream-nolive>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.livestream-drawer .ant-drawer-content{background:#00132e}.livestream-drawer .ant-drawer-content .ant-drawer-body{display:flex;flex-direction:column;height:100%;padding:0}.livestream-drawer-head{height:40px;line-height:40px;padding:0 16px;background:hsla(0,0%,100%,.1);border-radius:2px 2px 0 0;font-family:PingFangSC-Medium;font-weight:500;font-size:14px;color:#fff}.livestream-drawer-body{flex:auto;height:0;overflow-y:auto;padding:16px}.livestream-drawer-body-box .ldbb-time{display:flex;align-items:center}.livestream-drawer-body-box .ldbb-time .circle{width:8px;height:8px;border-radius:50%;background:#13c2c2;margin-right:8px}.livestream-drawer-body-box .ldbb-time .text{font-family:PingFangSC-Medium;font-weight:500;font-size:12px;color:#fff}.livestream-drawer-body-box .ldbb-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.livestream-drawer-body-box .ldbb-box-left{flex:auto;display:flex;height:56px;border:0 solid #024366;border-radius:3px}.livestream-drawer-body-box .ldbb-box-left .box{position:relative;width:98px;height:56px;border:0 solid #024366;border-radius:3px;margin-right:12px;overflow:hidden}.livestream-drawer-body-box .ldbb-box-left .content{flex:auto;width:0;display:flex;flex-direction:column;justify-content:space-between}.livestream-drawer-body-box .ldbb-box-left .content-title{font-family:PingFangSC-Medium;font-weight:500;font-size:14px;color:hsla(0,0%,100%,.75);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.livestream-drawer-body-box .ldbb-box-left .content-name{font-family:PingFangSC-Regular;font-weight:400;font-size:12px;color:#13c2c2;line-height:12px}.livestream-drawer-body-box .ldbb-box-left .content-time{color:hsla(0,0%,100%,.65)}.livestream-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.livestream-grid-box{background:hsla(0,0%,100%,.04);border:1px solid #024366;border-radius:4px}.livestream-grid-box-head{height:44px;line-height:44px;padding-left:16px;background:#0c2f63;border-radius:3px 3px 0 0;font-family:PingFangSC-Medium;font-weight:500;font-size:14px;color:hsla(0,0%,100%,.85)}.livestream-grid-box-con{padding:16px}.livestream-grid-box-con .myVideo{position:relative;padding-top:56%;background:#e9e9e9;border-radius:3.93px;overflow:hidden}.livestream-grid-box-con .myVideo>canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;display:block}.livestream-grid-box-con .myVideo-spin{position:absolute;top:0;left:0;z-index:3;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.livestream-grid-box-con .myVideo-head{position:absolute;top:0;left:0;z-index:3;display:flex;justify-content:space-between;width:100%;border-bottom:1px solid hsla(0,0%,100%,.12);padding:16px 24px;font-family:PingFangSC-Medium;font-weight:500;font-size:16px;color:#fff}.livestream-grid-box-con .myVideo-head .f2{color:#13c2c2}.livestream-grid-box-con .myVideo-control{bottom:32px;left:40px;justify-content:space-between;width:calc(100% - 80px);height:48px;padding:0 16px;border-radius:4px;font-family:PingFangSC-Medium;font-weight:500;font-size:14px;color:hsla(0,0%,100%,.75)}.livestream-grid-box-con .myVideo-control,.livestream-grid-box-con .myVideo-full{position:absolute;z-index:3;display:flex;align-items:center;background:rgba(0,0,0,.75)}.livestream-grid-box-con .myVideo-full{right:16px;bottom:16px;justify-content:center;width:32px;height:32px;border-radius:50%;box-shadow:0 4px 12px 0 rgba(0,0,0,.25);cursor:pointer}.livestream-grid-box-con .myVideoLive{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9999999;width:992px;height:636px;margin:auto;background:rgba(1,32,78,.85);border:1px solid #024366;border-radius:4px;padding:0}.livestream-grid-box-con .myVideoLive>canvas{position:absolute;bottom:24px;left:24px;z-index:2;width:944px;height:532px;background-color:#e9e9e9}.livestream-grid-box-con .myVideoLiveMask{position:fixed;left:0;top:0;z-index:9999;width:100vw;height:100vh;background-color:rgba(0,0,0,.7)}.livestream-grid-box-con .myLatest{margin-top:16px;background:#00132e;border-radius:4px;padding:12px}.livestream-grid-box-con .myLatest-head{position:relative;padding-left:14px;font-family:PingFangSC-Medium;font-weight:500;font-size:14px;color:hsla(0,0%,100%,.85);line-height:22px}.livestream-grid-box-con .myLatest-head:before{position:absolute;top:7px;left:0;display:block;content:"";width:6px;height:6px;border-radius:50%;background:#13c2c2}.livestream-grid-box-con .myLatest-con{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:11px;column-gap:11px;margin-top:12px}.livestream-grid-box-con .myLatest-con-box{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;cursor:pointer}.livestream-grid-box-con .myLatest-con-box-top{position:relative;padding:30% 0;border-radius:4px 4px 0 0}.livestream-grid-box-con .myLatest-con-box-top>img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.livestream-grid-box-con .myLatest-con-box-bottom{padding:6px 0;font-family:PingFangSC-Regular;font-weight:400;font-size:12px;color:hsla(0,0%,100%,.75);text-align:center}