/* 页面初始化代码-未压缩 */
/*基础样式初始化*/
*{box-sizing: border-box;font-family: .PingFang SC;-webkit-tap-highlight-color: transparent;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
button{cursor: pointer;outline: none;border: none;}
input{background:none;outline:none;border:none;}
ul,ol{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:top;display: block;}
button,input,select,textarea{font-size:100%;}
textarea{-webkit-appearance: none ;-webkit-user-select: auto;}
pre{white-space: pre-wrap;           /* css-3 */
    white-space: -moz-pre-wrap;      /* Mozilla, since 1999 */
    white-space: -pre-wrap;          /* Opera 4-6 */
    white-space: -o-pre-wrap;        /* Opera 7 */
    word-wrap: break-word;           /* Internet Explorer 5.5+ */
    font-family: initial;
}

template{display: none;}
/*清除浮动*/
.clear:after{content:'\20';display:block;height:0;clear:both;}
.clear{*zoom:1;font-size:0;clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html>body .clearfix{display:inline-block;width:100%}
* html .clearfix{/* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }
*+html .clearfix{min-height:1%}
.float_left{float:left;}
.float_right{float:right;}

/*弹性布局*/
.flex_between{display: flex;justify-content: space-between;align-items: center;}
.flex_between_0{display: flex;justify-content: space-between;align-items: flex-start;}
.flex_start{display: flex;justify-content: flex-start;align-items: center;}
.flex_end{display: flex;justify-content: flex-end;align-items: center;}
.flex_center{display: flex;justify-content: center;align-items: center;}
.flex_start_0{display: flex ;justify-content: flex-start;}
.flex_around{display: flex;justify-content:space-around;align-items: center;}
.flex_column{display: flex;flex-direction: column;}
.flex_column_center{display: flex;flex-direction: column;align-items: center;    }
.flex_column_between{display: flex;flex-direction: column;justify-content: space-between;}
.flex_column_around{display: flex;flex-direction: column;justify-content: space-around;}
.flex_column_end{display: flex;flex-direction: column;justify-content: flex-end;}
.flex_1{flex: 1;}
.flex_wrap{flex-wrap: wrap;}
/*弹性布局*/
.flex_between>a,.flex_between>span,.flex_between>img{display: block;}
.flex_start>a,.flex_start>span,.flex_start>img{display: block;}
.flex_end>a,.flex_end>span,.flex_end>img{display: block;}
.flex_center>a,.flex_center>span,.flex_center>img{display: block;}
.flex_start_0>a,.flex_start_0>span,.flex_start_0>img{display: block;}
.flex_around>a,.flex_around>span,.flex_around>img{display: block;}
.flex_column>a,.flex_column>span,.flex_column>img{display: block;}
.flex_column_center>a,.flex_column_center>span,.flex_column_center>img{display: block;}
.flex_column_between>a,.flex_column_between>span,.flex_column_between>img{display: block;}
.flex_column_around>a,.flex_column_around>span,.flex_column_around>img{display: block;}
.flex_column_end>a,.flex_column_end>span,.flex_column_end>img{display: block;}
.flex_1>a,.flex_1>span,.flex_1>img{display: block;}
.flex_wrap>a,.flex_wrap>span,.flex_wrap>img{display: block;}


/*图片盒子*/
.img-box{overflow: hidden;display:flex;align-items: center;overflow: hidden;position: relative;object-fit: cover;}
.img-box>img{height: 100%;width: 100%;object-fit: cover;}

/*一行超出隐藏*/
.clamp_1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*一行超出隐藏*/
.clamp_2{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; text-overflow: ellipsis;overflow: hidden;}
/*箭头动态变化展开收起*/
.arrow-right{ -webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;-o-transition: -o-transform 0.2s ease-out;-ms-transition: -ms-transform 0.2s ease-out;}   
.arrow-bottom{-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg); -o-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;-o-transition: -o-transform 0.2s ease-out; -ms-transition: -ms-transform 0.2s ease-out;}
/* 视频的样式 */

.cursor-pointer{cursor: pointer;}

body{background-color:#FAFAFA;}

a{color: #333333;box-sizing: border-box;font-size: 16px;}
@media screen and (min-width:751px){
    a h3:hover{color: #28B28B;}
    a h3:visited{color: #28B28B;}

    /*主体盒子*/
    .main{width: 95%; max-width:1220px;min-width:751px;padding: 0 10px;margin:0 auto;color: #4F4F4F;min-height: calc(100vh - 320px);font-size: 16px;}
    /*向上浮动特效*/
    .up-special:hover{box-shadow: 0px 4px 8px rgba(213, 216, 223, 0.8);transform: translate(0,-5px);transition-delay: 0 !important;transition:all 300ms;}
    .big-special:hover img{box-shadow: 0px 4px 8px rgba(213, 216, 223, 0.8);transform: scale(1.2); transition-delay: 0 !important;transition: all 1500ms;}
    /*pc端没有资源*/
    .empty-resource{width: 350px;margin: 50px auto;text-align: center;}
    .empty-resource>img{width: 100%;max-width:600px;height: auto;margin:0 auto;margin-bottom: 20px;}
    .empty-resource>p{color: #333333;font-size: 18px;}
    /*pc端用于返回的*/
    .pc-back{padding: 25px 0;}
    .pc-back>a{color: #A7A7A7;font-size: 16px;}
    /*视频的样式*/
    .player-container-id-dimensions{width:100%!important;height: 500px!important;}
    /*视屏资源样式*/
    .video {width: 100%;flex-wrap: wrap;box-sizing: border-box;}
    .video .img-box{height: 150px;}
    .video a{width: 23.5%;height: 210px;margin-bottom: 26px;border: 0.966549px solid #E9E9E9;background: #fff; cursor: pointer;margin-right: 2%;margin-bottom: 16px;border-radius: 2px;}
    .video a:nth-child(4n){margin-right: 0;}
    .video h3{padding:16px;font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #444444;font-weight: 500;}
    .video .active-count{position: absolute;bottom: 12px;left: 10px;background: rgba(0, 0, 0, 0.4);
    border-radius: 15px;height: 28px;padding: 0 10px;color:#fff;font-size: 13px;}
    .video .active-count img{width: 13px;height: auto;margin-right: 4px;}
    

}
@media screen and (max-width:750px){
    /*主体盒子*/
    .main{max-width:750px;margin: 0 auto;color: #4F4F4F;font-size: 0.28rem;}
    /* 移动端没有资源 */
    .empty-resource{text-align: center;}
    .empty-resource>img{width: 70%;margin:1rem auto;}
    .empty-resource>p{text-align: center;color: #4f4f4f;font-size: 0.28rem;}
    /*下拉加载*/
    .loading{text-align: center;color: #828282;font-size: 0.26rem;padding: 0.3rem;}
    /*搜索框*/
   
    /*隐藏滚轮*/
    ::-webkit-scrollbar {display: none;}
    
    /*视频的样式*/
    .player-container-id-dimensions{width:100%!important;height: 220px!important;}
    /*视屏资源样式*/
    .video {background: #fff;padding: 0.3rem 0.2rem 0.001rem 0.2rem;flex-wrap:wrap;}
    .video a{width: 49%;cursor: pointer;margin-bottom: .2rem;}
    .video a:nth-child(2n){margin-left: 2%;}
    .video .img-box{position: relative;height: 2rem;overflow: hidden;display:flex;align-items: center;overflow: hidden;object-fit: cover;}
    .video h3{padding:0.2rem 0; font-size: 0.26rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #444444;font-weight: 500;}
    .video .active-count{position: absolute;bottom: 0.12rem;left: 0.08rem;background: rgba(0, 0, 0, 0.4);
    border-radius: 0.22rem;height: 0.44rem;padding: 0 0.2rem;color:#fff;font-size: 0.24rem;}
    .video .active-count img{width: 0.25rem;height: auto;margin-right: 0.06rem;}
    .search-box{background: #fff;padding: 0.2rem;width: 100%;}
.search-box .cancel{color: #4f4f4f;padding: 0.2rem;flex-shrink: 0;}
.search-box .search{width: 100%;height: 0.64rem;background: rgba(234, 239, 242, 0.6);border-radius: 0.32rem;flex-shrink: 1;padding: 0 0 0 0.24rem;}
.search-box .search img{width: 0.36rem;height: auto;margin-right:0.14rem;}
.search-box .search div{color: #BDBDBD;font-size: 0.26rem;width: 100%;}
.search-box .search input{color: #4f4f4f;font-size: 0.28rem;height: 100%;width: 100%;}
.search-box .search span{color: #fff;font-size: 0.30rem;height: 0.64rem;line-height: 0.64rem; background: linear-gradient(295.74deg, #0CD15D 0%, #50DC82 100.72%);border-radius:0.32rem;cursor: pointer;flex-shrink: 0;padding: 0 0.3rem;}

    #nav{display: none;}
    #foot{display: none;}
    #pagination{display: none;}
    .pc-back{display: none;}
}
.search-box-mobile{background: #fff;padding: 0.2rem;width: 100%;}
.search-box-mobile .cancel{color: #4f4f4f;padding: 0.2rem;flex-shrink: 0;}
.search-box-mobile .search{width: 100%;height: 0.64rem;background: rgba(234, 239, 242, 0.6);border-radius: 0.32rem;flex-shrink: 1;padding: 0 0 0 0.24rem;}
.search-box-mobile .search img{width: 0.36rem;height: auto;margin-right:0.14rem;}
.search-box-mobile .search div{color: #BDBDBD;font-size: 0.26rem;width: 100%;}
.search-box-mobile .search input{color: #4f4f4f;font-size: 0.28rem;height: 100%;width: 100%;}
.search-box-mobile .search span{color: #fff;font-size: 0.30rem;height: 0.64rem;line-height: 0.64rem; background: linear-gradient(295.74deg, #0CD15D 0%, #50DC82 100.72%);border-radius:0.32rem;cursor: pointer;flex-shrink: 0;padding: 0 0.3rem;}

.yellow-overlay {
    position: fixed; /* 确保伪元素相对于该容器定位
    width: 100%; /* 设置宽度与容器相同 */
    height: 100%; /* 设置高度与容器相同 */
    background-color: #ffff00ab; /* 设置背景颜色为黄色 */
    opacity: 0.1; /* 调节不透明度（可选）*/
    top: 0; /* 根据需求进行微调 */
    left: 0; /* 根据需求进行微调 */
    bottom:0;
    right:0;
    z-index: 1100;
    pointer-events: none;
} 
.eyeshadow-warn{
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12000;
}
.eyeshadow-box{
    background: #FFFFFF;
border-radius: 8px 8px 8px 8px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 80%;
max-width: 500px;
padding: 0.48rem 0.36rem;
}
.eyeshadow-img{
    width: 80%;
margin-bottom: 0.32rem;

}
.eyeshadow-text{
    color: rgba(51, 51, 51, 1);
    font-size:0.28rem;
    margin-bottom: 0.48rem;
}
.eyeshadow-text>span{
    color: rgba(252, 86, 86, 1);
}
.eyeshadow-box>.know{
    width: 90%;
height: 42px;
background-color: rgba(40, 178, 139, 1);
border-radius: 200px;
font-size: 0.32rem;
margin-bottom: 0.32rem;
cursor: pointer;
color: #fff;
}
.eyeshadow-box>.to-open{
    font-size: 0.24rem;
font-weight: 400;
color: #28B28B;
cursor: pointer;
}
.right-eye{
    margin-left:0.16rem;
    width:0.12rem
}
  /* 热度 */
  .mobile-hot-select{padding-right: .25rem;}
  .hot-select{position: relative;cursor: pointer;z-index: 9;}
  .hot-select p{font-size: 14px; color: #2B2C33;}
  .hot-select img{width: 12px;height: auto;margin-left: 5px;}
  .hot-select .hot-change{width: 160px;background: #FFFFFF;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12);border-radius: 8px;position: absolute;top:20px;right:0}
  .hot-select .hot-change .item{border-bottom: 1px solid #E2E3E6;padding-bottom: 8px;}
  .hot-select .hot-change .item .title{padding: 16px 0 8px 16px;font-size: 12px;color: #B4B6BE;}
 
  .hot-select .hot-change .item .type{padding: 8px 16px;font-size: 14px;color: #2B2C33;cursor: pointer;}
  .hot-select .hot-change .item .type:hover{background: rgb(243,244,245);color: #2B2C33;}
  .hot-select .hot-change .item .choiceType{padding: 8px 16px;font-size: 14px;color: #2B2C33;cursor: pointer;background: #DEF7F1;}
  .hot-select .hot-change .item .choiceType:hover{background: #DEF7F1;color: #2B2C33;}
  .hot-select .hot-change .item .choiceType .choiced{width: 16px;height: auto;}

  .more-btn{
    cursor: pointer;
    font-family: Source Han Sans, Source Han Sans;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    color: #515A77;
    line-height: 23px;
    text-align: left;
    font-style: normal;
  }
  .more-btn img{width: 20px !important;height: auto;}
 @media screen and (max-width:750px){
     .more-btn{
    cursor: pointer;
    font-family: Source Han Sans, Source Han Sans;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    color: #515A77;
    line-height: 23px;
    text-align: left;
    font-style: normal;
  }
  .more-btn img{width: 14px !important;height: auto;}
 }

 
.more-btn-new, .more-btn-new a{font-weight: bold; font-size: 12px!important; color: #515A77; line-height: 17px; text-align: center;cursor: pointer;display:flex;justify-content:center;align-items: center;}
.more-btn-new img{width: 14px!important;height: auto;}