.playerBox {width:425px;  height: 239px;  position: relative; margin: 0 auto;margin-top: 15px; border-radius: 3px;    overflow: hidden;}
#player-container {width: 100%;height: 100%;}
/* 视频上方信息区域 */
.video-header {position: absolute;top: 0;left: 0; width: 100%; padding: 10px 15px 25px 15px; background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.3), transparent); z-index: 99;box-sizing: border-box;}
.video-title { font-size:16px;  font-weight: 600; margin-bottom:6px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;color: #fff;}
.video-title a{ color:#fff; text-decoration: none;  }
.playeInfo-title{ font-size: 16px; font-weight: 600; margin-top: 8px;}
.playeInfo-title a{ color: #333;}
.playeInfo-title span{padding:3px 5px;display:inline-block;margin:0 3px;font-size:12px;color:#fff;font-weight: normal;border-radius:3px;}
.playeInfo-title span img{width:15px;height:15px;vertical-align: bottom;}
.playeInfo-title span.renshu{font-size:14px;color:#666;}
.video-info {display: flex; align-items: center;font-size:13px;}
 .status-tag { padding: 3px 8px;border-radius:3px;font-size:12px;margin-right: 0;}
.status-tag  img{height:12px;vertical-align: middle;   margin-right:3px;margin-bottom:2px;}
.status-0 {background-color: #2AA4C4;color: #fff;}
.status-1 {background-color: #fd3a18;color: #fff;}
.status-3 {background-color: #7f7f7f;color: #fff;}
.status-4 {background-color: #7f7f7f;color: #fff;}
.viewer-count {display: flex;color: #fff; align-items: center;}
.viewer-count::before {content: ""; margin-right:5px;}
 /* 控制栏背景 */
.control-bar-bg {position: absolute; bottom: 0;left: 0; width: 100%; background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.3), transparent);z-index: 98;box-sizing: border-box;}
.control-bar-bg .controls{display: flex;align-items: end;}
.control-buttons {flex:1;display: flex;justify-content: flex-end;align-items: center;padding:5px;}
.control-button {width:26px; height:26px;justify-content: center;align-items: center;margin-left:10px; cursor: pointer;line-height: 21px;}
.control-button i {font-size:21px;color: #fff;font-style: normal;}
.control-button i img { width:21px;height:21px;}
 /* 自动播放提示 */
.autoplay-prompt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.8); padding:20px;border-radius:10px;text-align: center;z-index: 150;display: none;}
.autoplay-prompt p {margin-bottom: 15px;}
.play-button {background-color: #409eff;color: white;border: none;padding:10px 20px; border-radius:4px;font-size:16px; cursor: pointer;}
.loading-mask {position: absolute;top: 0;left: 0;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex;justify-content: center; align-items: center;z-index: 200;display: none;}
.loading-spinner {width:40px;height:40px;border:4px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top-color: #fff;animation: spin 1s ease-in-out infinite; display: none;}

@keyframes spin {  to { transform: rotate(360deg); }}
.loading-text { margin-top:10px;font-size:16px;  }
.error-message {position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 150;display: none;}
.error-message p {font-size:16px; margin-bottom:20px;}
.retry-button {background-color: #409eff; color: #fff; border: none;padding:10px 20px; border-radius:4px;font-size: 16px; cursor: pointer;}
 /* 封面遮罩 */
.cover-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50;display: none;background-color: #000;}
.cover-overlay img {width: 100%; height: 100%;object-fit: cover; }
.head-title{font-size:18px;color:#333; height:30px; line-height:30px;vertical-align:middle; margin-bottom:15px;}
.head-title span{color:#f61618;font-weight:bold;display:inline-block;padding-right:3px;}
/* 直播列表样式 */
.zbLists-container {  width: 100%;overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */}
.zbContainer dt span{float:right;padding-top:7px;}
.zbContainer dt span a{font-size: 13px;   color: #333;}
.zbLists-container::-webkit-scrollbar { display: none; /* Chrome Safari */ }        
.zbLists { display: flex;list-style: none;   margin-top:15px;justify-content: space-between;flex-wrap: wrap; }
.zbLists li { width:200px; margin-bottom:20px;color: #333;cursor: pointer; overflow: hidden; }
.zbLists li:last-child {margin-right: 0;}
.zbLists li .cover {position: relative;width: 100%; height:106px;;overflow: hidden;border-radius:5px;}
 .zbLists li .cover-img {width: 100%;height: 100%;object-fit: cover;}
.zbLists li .info {position: absolute; bottom: 0; left: 0;display: flex;justify-content: flex-start; }
.zbLists li .title {padding:0px 5px;font-size: 14px;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;  -webkit-box-orient: vertical;  -moz-box-orient: vertical; -ms-box-orient: vertical;  box-orient: vertical;  overflow: hidden; text-overflow: ellipsis; line-height: 21px; height: 63px; /* 根据实际行数调整 */        }        
.zbLists li .status { padding:2px 6px;  border-radius: 4px;   color: white;  font-size:12px; }
.zbLists li .status img{height:12px;vertical-align: middle;   margin-right:3px;margin-bottom:2px;}
.zbLists li .status-0 {            background-color: #2AA4C4;        }
.zbLists li .status-1 {            background-color: #fd3a18;        }
.zbLists li .status-3 {            background-color: #7f7f7f;        }
.zbLists li .status-4 {            background-color: #7f7f7f;        }
/* 查看更多项样式 */
.zbLists .more-item {width:40px;            display: flex;            flex-direction: column;            justify-content: center;            align-items: center;            background: #e9e9e9;        }
.zbLists .more-item .icon {            font-size: 0.48rem;            margin-bottom: 0.1rem;        }
.zbLists .more-item .text {            font-size: 0.28rem;            color: #666;            text-align: center;        }     
.zbLists .more-item .text a{            color: #666;}   

/*zbContainer功能性直播专区*/
.zbContainer dt{background-position:0px 38px;}
.mar10{margin-top:10px;}