@media screen and (max-width: 1920px) and (min-width: 1500px) {
    .conleft{
        width: 1070px;
    }
    .conright{
        width: 350px;
    }
}
@media screen and (max-width: 1500px) {
    .conleft{
        width: 830px;
    }
    .conright{
        width: 350px;
    }
}
.contentbox{
    background:#fff;
    padding:20px 10px;
    border-radius: 10px;
    box-shadow: 0 2px 20px 3px rgba(0,0,0,0.1);
}
.conright{
    padding:20px;
    background:#fff;
}
  /* 筛选年月 */
  .shaixuan{
    padding:20px 20px;
    background:#fff;
  }
  .yearli{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom:20px;
  }
  .yeartext{
    font-size:16px;
    color:#333;
    margin-right:15px;
  }
  .yearbox{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .yearbtn, .monthbtn{
    padding:5px 15px;
    border:1px solid #CCC;
    font-size:12px;
    color:#666;
    margin-right:15px;
    cursor:pointer;
  }
  .btnactive{
    border:1px solid #ff7800;
    color:#ff7800;
  }
.tablebox{
    background:#fff;
    padding:0 20px 20px;
}
table{
    width:100%;
    text-align: left;
}
table tr td{
  height:70px;
  cursor: pointer;
}
table tr td:hover{
    background:rgba(88,132,221,0.3);
}
.boder_tl td{
    padding:0 20px;
}
.boder_tl td a{
    display: block;
    color:#333;
    font-size:14px;
    margin-bottom:5px;
}
.boder_tl td p {
    color:#999;
}
.tdchn{
  width:140px;
  font-size:16px;
  color:#fff;
  font-weight: bold;
  background:#5884dd;
}
.tdchn a{
    color:#fff !important;
}
.tdchn:hover {
    background:rgba(88,132,221,0.7);
}

/* 相关视频 */
.relatetitle{
    font-size:16px;
    color:#333;
    padding-bottom:10px;
    border-bottom:1px solid #CCC;
    margin-bottom:20px;
    padding-left:15px;
    position: relative;
}
.relatetitle::before{
    position: absolute;
    left: 0;
    top: 0px;
    width: 3px;
    height: 20px;
    content: "";
    border-radius: 3px;
    background:#5884dd;
}
.relatebox{
    width:100%;
}
.relatebox li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom:10px;
    border-bottom:1px solid #CCC;
    margin-bottom:20px;
}
.leftbox{
    width:80px;
    height:80px;
    margin-right:15px;
    position: relative;
}
.liimg{
    width:80px;
    height:80px;
}
.time{
    font-size:12px;
    line-height: 16px;
    padding:2px;
    background:rgba(0,0,0,0.5);
    color:#fff;
    position: absolute;
    left:0;
    bottom:0;
}
.li_rightbox{
    width:300px;
}
.videotitle{
    font-size:12px;
    line-height: 18px;
    color:#666 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.li_rightbox:hover .videotitle{
    color:#5884dd !important;
}
.date{
    font-size:12px;
    color:#999;
    margin-top:8px;
}
.time_zhou li{
    padding-left:20px;
    border-bottom:0;
    margin-bottom:0;
    padding-bottom:20px;
    position: relative;
    padding-top:30px;
}
.time_text{
    font-size:16px;
    color:#5884dd;
    position: absolute;
    top:-4px;
    left:20px;
}
.time_zhou li::before{
    position: absolute;
    left:0;
    top:0;
    content:'';
    width:8px;
    height:8px;
    background:#5884dd;
    border-radius: 50%;
}
.time_zhou li::after{
    content:'';
    position: absolute;
    left:4px;
    top:8px;
    width:1px;
    height:100%;
    background:#CCC;
}
.time_zhou .rightbox{
    width:280px;
}

/* 视频详情页面 */
.vidtitle{
    font-size:20px;
    color:#5884dd;
    font-weight: bold;
    margin-bottom:20px;
    border-bottom:1px solid #CCC;
    padding-bottom:15px;
}
.videobox{
    width:100%;
    height:520px;
}
.selfvideo{
    width:100%;
  height:520px;
}
.videocon{
    margin-top:20px;
}
.videodate, .vidcontent{
    font-size:14px;
    color:#999;
    line-height: 22px;
}
.videodate span{
    color:#333;
}
.vidcontent{
    margin-top:10px;
}
.vidcontent span{
  color:#333;
}



  /* 顶部 */
  .topbox{
      position: fixed;
      right:30px;
      bottom:80px;
      width:40px;
      height:40px;
  }
  .topimg{
      width:40px;
      height:40px;
  }