*, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
    padding: 0;
    margin: 0;
}
body{ background-color: #f7f7f7;}

a{ text-decoration: none; }

h1{  font-size: 1rem; }
h2{ font-size: 1.2rem;}
h3{ font-size: 1rem;}
p{font-size: 0.6rem;}
ul{list-style: none;}


header{
 background-color: #ffffff;
 padding: 1%;
 box-shadow: -1px 7px 10px rgba(0,0,0,0.1);
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
}
.logo{  display: inline-block; font-size: 1.3rem; color: #c41818; }

header sapn{ float: right; background-color: #c41818; border-radius: 8px; color: #fff; padding-left: 2%; padding-right: 2%; line-height: 25px;  margin-right: 2%;  cursor: pointer;}

[role="navigation"] li { display: inline-block; font-size: 1.1rem; margin-right: 2%; }
[role="navigation"] li a{ color: #333;}
[role="navigation"] li a:hover{ color: #c41818;}
.csss{ font-size: 1.5rem; font-weight: 900; }

[role="navigation"] {
    
    margin-top: 3%;  
   
    white-space: nowrap; /* 防止文本换行 */     
    overflow-x: scroll; /* 启用横向滚动 */
    overflow-y: hidden; /* 隐藏纵向滚动 */
    scrollbar-width: none; /* 隐藏Firefox滚动条 */
    -ms-overflow-style: none; /* 隐藏IE/旧Edge滚动条 */
}


[role="navigation"]::-webkit-scrollbar { display: none; } /*隐藏Chrome/Safari滚动条*/



header form{ margin-top: 2%; text-align: center;}

header input{ width: 90%; font-size: 1rem;    box-shadow: none;  outline: none; padding: 1%; color: #c41818; border-radius: 8px; border: solid 1px #333;}
header button{width: 92%; line-height: 30px; font-size: 1.2rem; margin-top: 1%; background-color: #c41818; border-radius: 8px; border: none; color: #fff;}

.top { margin-top: 25%; }
.topnb{ padding: 2%;}

/*首页*/
.mok{ background: #fff;
    padding: 1%;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin: 2%;
    margin-top: 10%;
}

.mok ul li{ width: 100%;  display: inline-block; background-color: #f8f8f8;  border-radius: 8px; margin-top: 3%; }

.zyou{ width: 30%; float: left; border-radius: 8px;}
.h3kk{ width: 68%;  float: right;  padding: 1% 0% 0% 2%; }

.h3dp{ font-size: 0.8rem;   white-space: nowrap; /* 防止文本换行 */  overflow: hidden;  /* 隐藏溢出内容 */ text-overflow: ellipsis; }
.h3p{ 
   
    height:62px; 
    font-size: 0.7rem; 
    overflow: hidden;  /* 隐藏溢出内容 */
    text-overflow: ellipsis;  /* 显示省略号 */
}

.mok a{ color:#333;}

.mam{ text-align: center;  display: inline-block; width: 100%; line-height: 50px;  background-color: #c41818;  border-radius: 8px; margin-top: 5%; margin-bottom: 2%; }
.mam a{  width: 100%;  color: #fff;display: inline-block;  }

.mok ol li {  list-style: none;  padding: 1%; padding-top: 3%; border-bottom: 1px dashed #DDD;  }
.mok ol{ width: 100%;}

.h3a{ display: inline-block; color: #494949; font-size: 0.9rem;}
.mat{  color: #757575; font-size: 0.8em;  margin-left: 1%;}


/*底部*/
.fomt { background-color: #fff; box-shadow: 1px -2px 10px rgba(0,0,0,0.1); text-align: center; padding: 1%; margin-top: 5%;}

.fomtp { display: inline-block;  }
.fomt p{  font-size: 0.6rem; margin-left: 1%;}
.fomt a{  color: #333;}

.foess{font-size: 0.5rem; color: #333;  text-align: center; }


/*内容页*/


[role="breadcrumb"] { font-size: 0.6rem;}

[role="breadcrumb"] a { color: #c41818;}
.text-muted{ color: #999;}


.nrzho{ background-color: #fff;  margin-top: 1%; border-radius: 8px; width: 100%; display: inline-block;  box-shadow: 0 2px 10px rgba(0,0,0,0.1); } 

.nrimg{ width: 30%; float: left; margin: 1%; border-radius: 8px;}

.nryouk{ width: 65%; float: left; margin: 1%;}


.h3nr{ color: #c41818; font-size: 1.2rem;}

.ppnr{color: #999; margin-top: 3%; font-size: 0.8rem;}

.ppnrg{color: #c41818; margin-top: 3%; font-size: 0.8rem;}

.pnr{color: #333; margin-right: 3%; font-size: 0.8rem; }
.bfan{   background-color: #c41818; 
    border-radius: 8px;

    width: 92%; 
    display: inline-block;
    text-align: center;
    padding: 2%;
    margin: 2%;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
}

.psana a{ color: #333; margin-right: 3%;}


.nrxq{ margin-top: 2%; background-color: #fff; border-radius: 8px; padding: 1%;  box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.nrxq h2{ font-size: 0.9rem; color: #c41818;}
.nrxq p{text-indent: 1em; font-size: 0.8rem;  color: #666; max-height: 100px; overflow: auto; padding: 1%;}
.nrh2{ margin-bottom: 1%;}

/*猜你喜欢*/
.cnxh{ background-color: #fff;  border-radius: 8px;  margin-top: 3%; padding: 1%;  box-shadow: 0 2px 10px rgba(0,0,0,0.1);  }

.cnxh h3{ font-size: 0.9rem; color: #c41818;}

.cnxh ul{ width: 100%;}
.cnxh li{  padding: 1%; padding-top: 3%; border-bottom: 1px dashed #DDD;}
.cnxh h4{ font-size: 0.9rem; display: inline-block; }

.cnxh a{  color: #494949;}

.cnxhs{ color: #999;  font-size: 0.7rem; margin-left: 1%;}

/*播放列表*/

[role="bfq"]{  margin-top: 1%; background-color: #fff; border-radius: 8px; padding: 1%; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-top: 1%;}

[role="bfq"] ul{  border-bottom: #c41818 solid 1px; padding: 1%; }

[role="bfq"] ul{
white-space: nowrap; /* 防止文本换行 */     
overflow-x: scroll; /* 启用横向滚动 */
overflow-y: hidden; /* 隐藏纵向滚动 */
scrollbar-width: none; /* 隐藏Firefox滚动条 */
-ms-overflow-style: none; /* 隐藏IE/旧Edge滚动条 */
}


.wt{ font-size: 0.7rem; color: #999; font-weight: 300;}
.bf{ font-size: 0.9rem; color: #c41818; font-weight: 900;}
[role="bfq"] ul li{ display: inline-block;  margin-right: 2%; }
[role="bfq"] ul { color: #000; font-size: 0.8rem;}
.abfq {   font-weight: 900; font-size: 1rem;}



[role="bfq"] ol{  border-radius:0px 0px  8px  8px  ; padding: 1%;  max-height: 180px;
    overflow: auto;

   
}

[role="bfq"] ol li{ background-color: #eeeeee; display: inline-block; border-radius: 3px;  width: 26%; line-height: 35px; text-align: center; margin-top: 3%; margin-left: 5%; padding-left:1%;}
   
.bqbf{ width: 100%; display: block; border-radius: 3px;  color:#333; font-size: 0.8rem;
    overflow: hidden;  /* 隐藏溢出内容 */
    text-overflow: ellipsis;  /* 显示省略号 */
    white-space: nowrap; /* 防止文本换行 */  
}

.bqbfa{ color:#fff; background-color: #c41818;}

.pylist{display: none;}
.pylist.aive{ display: block;}











/*播放页*/
.video-pf{  height: 300px;    }
.pfbh{ background-color: #0d0b0b; padding: 1%;}



.marquee-container {
    width: 100%;
    height: 30px;
    background-color: #010101;
    overflow: hidden;
    position: relative;
    color: #ffffff;
    font-size: 1.2rem;
}
.marquee-text {
    position: absolute;
    white-space: nowrap;
    animation: scroll 30s linear infinite;
}
@keyframes scroll {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}






.pfbh li{ display: inline-block; background-color: #c41818; width: 31%; border-radius: 8px ; margin-left: 1%; line-height: 30px; text-align: center; }
.pfbh li a{ color: #fff;}



.video-info {
    background: white;
    border-radius: 8px;
    padding: 3%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-top: 1%;
}
.video-infop{font-size: 0.7rem; margin-top: 1%; width: 98%; height: 15px;
    white-space: nowrap; /* 防止文本换行 */ 
    overflow: hidden;  /* 隐藏溢出内容 */
    text-overflow: ellipsis;  /* 显示省略号 */
}


.vinfoa{ color: #c41818; margin-right:2%; }


.vinfo-h2{ font-size: 0.8rem; color: #c41818; margin-top: 1%;}

.vinfo-jj{text-indent: 1em; font-size: 0.6rem;  color: #666; max-height: 100px; overflow: auto; padding: 1%;}



/*type页*/

.tpsx{ background-color: #fff; border-radius: 8px; padding: 1%; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 1%;}
.tpsxh3{ font-size: 1.2rem; border-bottom: #ececec solid 1px; color: #333;}

.tpsxspan{ padding: 2% 1% 0% 1%; display: inline-block; color: #5e5e5e; font-size: 1.1rem;  margin-left: 1%; font-weight: 900;}

.tpxsliul{ padding: 1%; 
    white-space: nowrap; /* 防止文本换行 */     
    overflow-x: scroll; /* 启用横向滚动 */
    overflow-y: hidden; /* 隐藏纵向滚动 */
    
    padding-left: 3%;
        }

.tpxsli{ display: inline-block;  padding: 1% 2%;  background-color: #eeeeee; border-radius: 8px; margin-left: 2%;}

.tpxsli.tpxslidj{ background-color: #c41818; }

.tpxsli.tpxslidj a{  color: #fff;}

.tpxsli a{ color: #333; font-size: 1rem;  }


.spkpa{  width: 48%; display:inline-block; margin-left: 1%;  margin-top: 1%; margin-bottom: 2%; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}

.spkpla{ font-size: 0.9rem;  color: #000;}

.spkpimg{ width: 100%; height: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px;  }

.spkph4{ padding-left: 3%; padding-bottom: 1%;}

.spkpp{ color: #999; font-size: 0.7rem;   width: 97%; padding: 0% 0% 2% 2%;     height: 15px;  
    white-space: nowrap; /* 防止文本换行 */ 
    overflow: hidden;  /* 隐藏溢出内容 */
    text-overflow: ellipsis;  /* 显示省略号 */

       }


/* 分页样式 */
.pagination {
    display: flex;
    justify-content: center;
    gap: 2%;
    margin: 6% 0;
}

.page-btn {
    padding: 1.5% 4%;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    transition: all 0.3s;
}

.page-btn:hover, .page-btn.aie {
    background: #e74c3c;
    color: white;
    border-color: #e74c3c;
}

.fysy{ display:none;}

/*搜索页面*/


.sesh2{ border-bottom: solid 1px #ccc; padding-bottom: 1%; }


.sesapn{ color:#e74c3c;}
.ssjg{  float: left; width: 100%; font-size: 1.2rem;}


.sesat{ display: inline-block; width: 100%; margin-top: 2%;  border-bottom: 1px dashed #ccc; padding-bottom: 2%;}

.sesimg{      width: 20%;  float: right; border-radius: 3px;}

.sesy{  width: 78%;  float: left;  margin-bottom: 1%; 
     white-space: nowrap;   /* 防止文本换行 */    
     overflow: hidden;  /* 隐藏溢出内容 */
     text-overflow: ellipsis;  /* 显示省略号 */
   
    
    }

.sesaa{ color: #e74c3c; font-size: 1rem;}

.sesp{ font-size: 0.8rem; color: #666;}

.sesspan{  margin-left: 1%; color: #333; font-size: 0.8rem;}

.sesbf{ background-color: #c41818; font-size: 0.8rem; display: inline-block; padding: 2% 3%;  margin: 1% 0% 0% 5%; border-radius: 8px; color:#fff; font-weight: 900;}



/*转跳页*/

.ztts{background-color: #fff; box-shadow: 1px -2px 10px rgba(0,0,0,0.1); text-align: center;   }


.zttsp{ color: #e74c3c; font-weight: 900; font-size: 1.5rem; padding-bottom: 2%; }
 
.zttspa{ font-size: 0.8rem; padding-bottom: 2%;  }



/* 移动端样式 */


@media screen and (min-width: 1024px) {
/*分页样式*/
.fysy{ display:block;}
}


@media screen and (min-width: 769px) and (max-width: 1023px) {


}



@media screen and (min-width: 481px) and (max-width: 768px) {


}

@media screen and (min-width: 320px) and (max-width: 480px) {
  

  
    /*头部*/
    header{ z-index: 999;}
}