.list-box{border-radius:5px;overflow:hidden;background-color:aliceblue;width:100%;height:100%;border:1px solid #00000070;transition:all .4s ease-in-out;position:relative}.list-box:hover{transform:scale(1.01);box-shadow:0 4px 12px rgba(0,0,0,.44)}.list-box .box-tag{z-index:9;position:absolute;top:2px;left:2px;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;gap:4px}.list-box .box-tag .box-tag-left,.list-box .box-tag .box-tag-right{font-family:var(--theme-global-content-font),sans-serif;font-size:14px;font-weight:400;letter-spacing:0;text-align:center;border-radius:5px;padding:2px 4px;display:inline-flex;align-items:center;justify-content:space-around}.list-box .box-tag .box-tag-left{overflow:hidden;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;white-space:normal;display:grid}.list-box .box-tag .box-tag-right{background-color:#F9B702}.list-box .box-tag .theme-red-bg-white-font{padding-right:2px;background-color:var(--tag-color-bg8);color:var(--tag-color-text8);min-width:55px;flex:none}.list-box .box-tag .theme-blue-bg-white-font{padding-right:2px;color:var(--tag-color-text);background:var(--theme-global-color-primary-gradient-tb3)}.list-box .box-tag .theme-orange-bg-white-font{background-color:#F9B702;color:var(--theme-color-whith)}.list-box .box-tag .theme-orange-bg-white-font img{width:100%;height:100%}.list-box .box-tag .playing{width:100%;height:100%;vertical-align:baseline}.list-box img{width:100%;height:var(--layout-live-list-item-img-height-sm)}.list-box .plate{border-radius:5px}.list-box .box-icon-mask{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0;border-radius:5px;background-color:rgba(0,0,0,.5);transition:opacity .3s ease-in-out;display:flex;justify-content:center;align-items:center}.list-box:hover .box-icon-mask{opacity:1}.list-box .box-icon-mask .box-play-img{width:46px;height:46px}.list-box .tags_name{position:absolute;bottom:0;width:100%;left:0;height:28px}.list-box .tags_name .tags_bg{height:28px;width:100%;position:absolute;top:0;left:0;background-color:#000;opacity:.3;border-radius:0 0 5px 5px}.list-box .tags_name .tag_body{font-family:var(--theme-global-content-font),sans-serif;font-size:14px;font-weight:400;line-height:20px;text-align:left;color:#fff;width:100%;padding:0 10px;box-sizing:border-box;position:absolute;top:50%;transform:translateY(-50%);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;white-space:normal}.list-box .box-bottom{display:flex;flex-direction:column;align-items:flex-start;padding:var(--layout-live-list-item-padding-vertical-sm) 12px;gap:var(--layout-live-list-item-gap-vertical-sm)}.list-box .box-bottom .box-tile{font-family:var(--theme-global-title-font),system-ui,sans-serif;width:100%;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#1D2129}.list-box .box-bottom .box-tile .box-title-text{width:calc(100% - 52px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-box .box-bottom .box-tile .box-time{width:42px}.list-box .box-bottom .box-bottom-anchor{width:100%;display:flex;gap:4px}.list-box .box-bottom .box-bottom-left img{flex:none;width:24px;height:24px;border-radius:50%}.list-box .box-bottom .box-bottom-right{flex:auto;width:100%}.list-box .box-bottom .box-bottom-right .box-pv,.list-box .box-bottom .box-bottom-right .box-tile,.list-box .box-bottom .box-bottom-right .box-username{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.list-box .box-bottom .box-bottom-right .box-tile{height:24px;margin-top:12px;color:#333;font-size:16px;font-weight:600;line-height:24px;font-family:var(--theme-global-content-font),sans-serif;letter-spacing:0}.list-box .box-bottom .box-bottom-right .box-info{display:flex;justify-content:space-between;height:22px;font-size:14px;line-height:22px;font-family:var(--theme-global-content-font),sans-serif;font-weight:400;letter-spacing:0;color:#666}.list-box .box-bottom .box-bottom-right .box-info .box-username{width:50%}.list-box .box-bottom .box-bottom-right .box-info .box-pv{text-align:right;width:40%}.list-box .box-bottom .box-bottom-right .box-info .box-pv img{margin:3px 0}.grid_list{text-align:center;display:grid;grid-template-columns:var(--layout-room-grid-template-columns-sm);grid-gap:var(--layout-room-grid-gap-sm);grid-column-gap:var(--layout-room-grid-gap-live-sm);grid-template-rows:var(--layout-room-grid-template-rows-sm);box-sizing:border-box}.list-box-margin{margin:0 0 16px}.live_grid_list_sm{display:grid;grid-template-columns:var(--layout-grid-template-columns-sm);grid-gap:var(--layout-grid-gap-sm);grid-column-gap:var(--layout-grid-gap-live-sm);grid-template-rows:var(--layout-grid-template-rows-sm)}@media (max-width:1240px){.live_grid_list_sm{grid-gap:20px;grid-column-gap:20px;justify-content:center}.live-recommend{width:100%}}.grid_list .list-box{height:var(--layout-room-grid-template-rows-sm);box-shadow:0 4px 10px 0 #0000001A}.grid_list .list-box img{height:var(--layout-room-live-list-item-img-height-sm)}.grid_list .list-box .box-bottom{padding:6px 12px;gap:4px}.live_grid_list{display:grid;grid-template-columns:var(--layout-grid-template-columns);grid-gap:var(--layout-grid-gap);grid-column-gap:var(--layout-grid-gap-live);grid-template-rows:var(--layout-grid-template-rows)}.live_grid_list img{height:var(--layout-live-list-item-img-height)}.live_grid_list .list-box{height:var(--layout-grid-template-rows)}@media (max-width:675px){.live_grid_list_sm{width:376px;display:block;margin:auto}.live_grid_list_sm>a{margin-bottom:20px;display:block}}@media (min-width:675px) and (max-width:992.98px){.live_grid_list_sm{grid-template-columns:repeat(2,300px)!important;grid-column-gap:10px;justify-content:center}}