/*
 *                   江城子 . 程序员之歌
 * 
 *               十年生死两茫茫，写程序，到天亮。
 *                   千行代码，Bug何处藏。
 *               纵使上线又怎样，朝令改，夕断肠。
 * 
 *               领导每天新想法，天天改，日日忙。
 *                   相顾无言，惟有泪千行。
 *               每晚灯火阑珊处，夜难寐，加班狂。
 * 
 * 
 * @Author: your name
 * @Date: 2022-02-07 15:53:05
 * @LastEditTime: 2022-02-07 15:56:23
 * @LastEditors: your name
 * @Description: 
 * @FilePath: /jhnews/list.css
 */

 .content-wrapper{
  margin-top:45px
}
/* .content-wrapper .left-wrapper{
  width:130px;
  float:left
}
.content-wrapper .left-wrapper .nav1-wrapper{
  border-radius:10px;
  background-color:#fe1920;
  transition:height 500ms;
  height:0;
  overflow-y:hidden
}
.content-wrapper .left-wrapper .nav1-item{
  position:relative;
  border-left:8px solid #fe1920
}
.content-wrapper .left-wrapper .nav1-item:hover{
  border-left:8px solid #ffd237;
  background:rgba(255,255,255,0.4)
}
.content-wrapper .left-wrapper .nav1-info{
  display:block;
  padding:8px 0 8px 30px;
  color:#fff;
  font-size:20px
}
.content-wrapper .left-wrapper .subnav1{
  display:none;
  position:absolute;
  top:0;
  left:122px;
  background:#f4f4f4;
  width:740px
}
.content-wrapper .left-wrapper .subnav1-item{
  float:left
}
.content-wrapper .left-wrapper .subnav1-item a{
  display:inline-block;
  height:42px;
  line-height:42px;
  padding:0 20px;
  color:#000;
  font-size:16px
}
.content-wrapper .left-wrapper .subnav1-item a:hover{
  color:#fff;
  background:#fe1920
}
.content-wrapper .left-wrapper .xwnav1:hover .subnav1{
  display:block
}
.content-wrapper .left-wrapper .dfnav1:hover .subnav1{
  display:block
}
.content-wrapper .left-wrapper .spnav1:hover .subnav1{
  display:block
}
.content-wrapper .left-wrapper .msnav1:hover .subnav1{
  display:block
}
.content-wrapper .left-wrapper .ktnav1:hover .subnav1{
  display:block
}
.content-wrapper .left-wrapper .download-app{
  padding:10px 10px 15px 10px;
  background-color:#f0f2f5;
  border-radius:10px;
  margin-top:40px
}
.content-wrapper .left-wrapper .download-app img{
  width:110px;
  height:110px
}
.content-wrapper .left-wrapper .download-app p{
  color:#727272;
  text-align:center;
  margin-top:5px
}
.content-wrapper .left-wrapper .wechat,.content-wrapper .left-wrapper .weibo{
  line-height:38px;
  margin-top:20px
}
.content-wrapper .left-wrapper .wechat img,.content-wrapper .left-wrapper .weibo img{
  width:38px;
  height:38px;
  float:left;
  margin:0 15px 0 10px
}
.content-wrapper .left-wrapper .wechat a,.content-wrapper .left-wrapper .weibo a{
  color:#808080;
  float:left
}
.content-wrapper .left-wrapper .wechat a:hover,.content-wrapper .left-wrapper .weibo a:hover{
  color:#990102
} */
.content-wrapper .middle-list-wrapper{
  /* width:700px; */
  /* margin:0 30px 0 40px; */
  /* float:left */
}
.content-wrapper .middle-list-wrapper .middle-list-item{
  border-top:1px solid #e6e6e6;
  padding:18px 0
}
.content-wrapper .middle-list-wrapper .article-left{
  float:left;
  width:160px;
  height:100px
}
.content-wrapper .middle-list-wrapper .article-right{
  float:left
}
.content-wrapper .middle-list-wrapper .news-pic .article-right{
  width:515px;
  margin-left:15px
}
.content-wrapper .middle-list-wrapper .article-title{
  max-height:72px;
  line-height:36px;
  overflow:hidden;
  margin-bottom:5px;
  font-size:24px
}
.content-wrapper .middle-list-wrapper .article-title a:hover{
  color:#990102
}
.content-wrapper .middle-list-wrapper .article-main{
  font-size:16px;
  color:#666;
  height:50px;
  line-height:24px;
  overflow:hidden
}
.content-wrapper .middle-list-wrapper .article-intime{
  font-size:14px;
  color:#ababab;
  margin-top:10px
}
/* .content-wrapper .right-wrapper{
  width:300px;
  float:right
}
.content-wrapper .right-wrapper .hot-news-wrapper{
  padding:16px 10px;
  border:1px solid #efefef
}
.content-wrapper .right-wrapper .hot-news-wrapper h3{
  padding-bottom:10px;
  border-bottom:1px solid #efefef;
  margin-bottom:10px
}
.content-wrapper .right-wrapper .hot-news-wrapper .hot-news{
  font-size:28px
}
.content-wrapper .right-wrapper .hot-news-wrapper li{
  line-height:36px
}
.content-wrapper .right-wrapper .hot-news-wrapper li span{
  background:#b6b6b6;
  color:#fff;
  display:inline-block;
  width:25px;
  height:25px;
  border-radius:5px;
  text-align:center;
  line-height:25px;
  margin-right:5px;
  cursor:default
}
.content-wrapper .right-wrapper .hot-news-wrapper li:nth-child(1) span,.content-wrapper .right-wrapper .hot-news-wrapper li:nth-child(2) span,.content-wrapper .right-wrapper .hot-news-wrapper li:nth-child(3) span{
  background-color:#e81f18
}
.content-wrapper .right-wrapper .hot-news-wrapper .hot-news-title:hover{
  color:#990102
}
.content-wrapper .right-wrapper .box1{
  margin-top:35px
}
.content-wrapper .right-wrapper .box1 a{
  width:300px;
  height:225px;
  display:block
}
.content-wrapper .right-wrapper .box1 a img{
  width:100%;
  height:100%
}
.content-wrapper .right-wrapper .box1 a:first-child{
  margin-bottom:50px
}
.content-wrapper .right-wrapper .box2{
  margin-top:35px;
  border:1px solid #e6e6e6;
  position:relative;
  padding:25px 15px 20px
}
.content-wrapper .right-wrapper .box2 .btn-wrapper{
  position:absolute;
  width:120px;
  height:20px;
  top:-10px;
  left:0;
  right:0;
  margin:auto;
  background-color:#fff
}
.content-wrapper .right-wrapper .box2 .btn-wrapper span{
  display:inline-block;
  width:57px;
  text-align:center;
  color:#818181;
  cursor:pointer
}
.content-wrapper .right-wrapper .box2 .btn-wrapper span:first-child{
  border-right:1px solid #cccccc
}
.content-wrapper .right-wrapper .box2 .btn-wrapper span.active{
  color:#f01e1f
}
.content-wrapper .right-wrapper .box2 .pic-wrapper,.content-wrapper .right-wrapper .box2 .video-wrapper{
  display:none
}
.content-wrapper .right-wrapper .box2 .pic-wrapper.active,.content-wrapper .right-wrapper .box2 .video-wrapper.active{
  display:block
}
.content-wrapper .right-wrapper .box2 .pic-wrapper a,.content-wrapper .right-wrapper .box2 .video-wrapper a{
  display:block;
  position:relative
}
.content-wrapper .right-wrapper .box2 .pic-wrapper a:first-child,.content-wrapper .right-wrapper .box2 .video-wrapper a:first-child{
  margin-bottom:20px
}
.content-wrapper .right-wrapper .box2 .pic-wrapper img,.content-wrapper .right-wrapper .box2 .video-wrapper img{
  width:270px;
  height:170px
}
.content-wrapper .right-wrapper .box2 .pic-wrapper .tip,.content-wrapper .right-wrapper .box2 .video-wrapper .tip{
  position:absolute;
  bottom:0;
  width:270px;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#fff;
  background:rgba(0,0,0,0.4)
}
 */