.countDownView{display:flex}.timeNumContent{width:22px;border:.5px solid hsla(0,0%,100%,.5);border-radius:4px;background:hsla(0,0%,85.1%,.3);padding:4px 0;color:#fff;text-align:center;font-family:TCloud Number;font-size:13px}.separate,.timeNumContent{font-style:normal;font-weight:400}.separate{margin:0 4px;font-family:PingFang HK;font-size:14px}.listItem{width:280px;height:262px;display:flex;flex-grow:0;flex-shrink:0;flex-direction:column;border-radius:8px;background-color:#f7f8fa;margin:0 16px 16px 0;cursor:pointer}.topContent{position:relative}.liveImg{width:280px;height:158px;-o-object-fit:contain;object-fit:contain}.livingContent{position:absolute;top:8px;left:8px;display:flex;align-items:center;padding:5px 6px;border-radius:20px;background:rgba(0,0,0,.4);color:#fff;text-align:center;font-family:PingFang HK;font-size:11px;font-style:normal;font-weight:400}.livingFlagImg{width:10px;height:10px;margin-right:2px}.livhuifangFlagImg{position:absolute;top:8px;left:8px;width:78px;height:22px}.bookContent{position:absolute;top:8px;right:8px;display:flex;align-items:center;padding:3px 8px;border-radius:20px;background:rgba(0,0,0,.4);font-family:PingFang HK;font-size:11px;font-style:normal;font-weight:400;color:#f4f4f5;cursor:pointer}.bookContent>img{width:11px;height:11px;margin-right:2.5px}.timeDownContent{position:absolute;bottom:0;right:0;display:flex;align-items:center;background-color:#000;border-radius:8px 0 0 0;color:#fff;text-align:center;font-family:PingFang HK;font-size:13px;font-style:normal;font-weight:400;padding:6px 12px}.realBottomContent{position:relative;top:-16px}.middleContent{font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;margin-left:10px}.anchorContent,.middleContent{display:flex;align-items:center}.anchorContent{position:relative;width:54px;height:54px;justify-content:center;margin-right:8px}.anchorImgNor{width:36px;height:36px}.anchorImgAnimation,.anchorImgNor{border-radius:50%;-o-object-fit:contain;object-fit:contain}.anchorImgAnimation{width:38px;height:38px;animation:deformationAnchor .5s linear 0s infinite alternate}@keyframes deformationAnchor{0%{width:38px;height:38px}to{width:34px;height:34px}}.innerCircleAnimation{position:absolute;width:44px;height:44px;border-radius:50%;border:1.5px solid #22c55e;animation:deformationInnerCircle .5s linear 0s infinite alternate}@keyframes deformationInnerCircle{0%{width:44px;height:44px}to{width:50px;height:50px}}.outerRingAnimation{position:absolute;width:48px;height:48px;border-radius:50%;animation:deformationOuterRing .5s linear 0s infinite alternate}@keyframes deformationOuterRing{0%{width:48px;height:48px;border:1px solid rgba(34,197,94,.3)}to{width:54px;height:54px;border:1px solid rgba(34,197,94,0)}}.sponsor{color:#1d2129;margin-right:6px}.middleContentLine{color:#c9cdd4;margin-right:6px}.title{font-size:14px;font-weight:600;color:#000;text-overflow:ellipsis;margin:8px 10px 0}.liveTime,.title{font-family:PingFang HK;font-style:normal}.liveTime{font-size:12px;font-weight:400;color:#86909c;margin:2px 10px 0}.liveTime,.roleName{display:flex;align-items:center}.roleName{height:18px;padding:1px 4px 0 4px;justify-content:center;margin-right:8px}.anchorRoleContent{background:rgba(255,138,30,.1);color:#ff8a1e}.anchorRoleContent,.norRoleContent{border-radius:2px;text-align:center;font-family:PingFang HK;font-size:11px;font-weight:500}.norRoleContent{background:rgba(30,80,255,.1);color:#2a7fff}.roleEnterContent{display:flex;padding:2px 14px 2px 10px;align-items:center;border-radius:14px;background:#14c780;color:#fff;font-family:PingFang HK;font-size:12px;font-weight:500;margin-left:auto}.roleEnterContentGray{background-color:grey}.allPageContent{width:100%;height:100%;overflow:hidden}.tagContent{height:24px;position:relative;display:flex;font-family:PingFang SC;margin:24px;align-items:center}.tagItem{width:68px;text-align:center;font-style:normal;cursor:pointer}.tagItemSelect{font-size:16px;font-weight:600;color:#1d2129}.tagNormal{font-size:14px;font-style:normal;font-weight:400;color:#86909c}.bgItemSelected{position:absolute;width:68px;height:2px;background-color:#14c780;border-radius:16px;transition:all .25s;bottom:-4px}.queryContent{height:32px;margin-bottom:24px;display:flex;align-items:center}.el-input__inner{background-color:#f2f3f5;border:none;color:#86909c}.el-range-editor--small .el-range-input,.el-range-editor--small .el-range-separator{color:#86909c}.btnQuery{border-radius:6px;background-color:#14c780;padding:4px 16px;color:#fff;text-align:center;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:500;margin-right:24px;cursor:pointer}.emptyList{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:PingFang HK;font-size:15px;font-style:normal;font-weight:400;color:#bebebe}.listContent{max-height:calc(100vh - 104px);display:flex;flex-wrap:wrap;margin-left:24px;margin-top:0;overflow-y:auto}