/*
 *                   江城子 . 程序员之歌
 * 
 *               十年生死两茫茫，写程序，到天亮。
 *                   千行代码，Bug何处藏。
 *               纵使上线又怎样，朝令改，夕断肠。
 * 
 *               领导每天新想法，天天改，日日忙。
 *                   相顾无言，惟有泪千行。
 *               每晚灯火阑珊处，夜难寐，加班狂。
 * 
 * 
 * @Author: your name
 * @Date: 2022-02-07 11:44:21
 * @LastEditTime: 2022-02-07 15:50:07
 * @LastEditors: your name
 * @Description: 
 * @FilePath: /jhnews/css/xiangqing.css
 */
 .content-wrapper{
  margin-top:45px
}
/* .content-wrapper .left-wrapper{
  width:130px;
  float:left
}
.content-wrapper .left-wrapper .download-app{
  padding:10px 10px 15px 10px;
  background-color:#f0f2f5;
  border-radius:10px
}
.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 .left-wrapper .comment{
  margin-top:25px;
  background-color:#f11f20;
  border-radius:5px;
  color:#fff;
  width:130px;
  text-align:center;
  padding:13px 0
}
.content-wrapper .left-wrapper .comment p{
  color:#ffa5a5;
  font-size:14px
}
.content-wrapper .left-wrapper .comment .number{
  color:#fff;
  font-size:22px
} */
img{
  max-width: 1100px !important;
}
.content-wrapper .middle-wrapper{
  /* width:700px; */
  
  padding:0 30px 0 40px;
  /* float:left;*/
}
.content-wrapper .middle-wrapper .title{
  font-size:36px;
  text-align:center;
  font-weight:bold
}
.content-wrapper .middle-wrapper .sub-title{
  font-size:20px;
  text-align:center;
  font-weight:bold
}
.content-wrapper .middle-wrapper .lead-title{
  font-size:18px;
  text-align:center;
  font-weight:bold
}
.content-wrapper .middle-wrapper .info{
  font-size:14px;
  font-weight:bold;
  text-align:center;
  margin:10px 0
}
.content-wrapper .middle-wrapper .intime,.content-wrapper .middle-wrapper .origin,.content-wrapper .middle-wrapper .author{
  display:inline-block;
  margin:0 5px
}
.content-wrapper .middle-wrapper .article p{
  /* text-indent:2em; */
  color:#4e4e4e;
  margin-top:25px;
  line-height:30px
}
.content-wrapper .middle-wrapper .btn{
  background:url("../images/btn.jpg") no-repeat;
  display:block;
  width:73px;
  height:73px;
  cursor:pointer;
  margin:40px auto 15px
}
.content-wrapper .middle-wrapper .editor{
  text-align:right;
  margin-right:30px
}
.content-wrapper .middle-wrapper .erroe-btn{
  color:#b10000
}
.content-wrapper .middle-wrapper .next{
  margin-top:75px;
  border:1px solid #e55151;
  border-radius:5px;
  background-color:#fff5f4;
  text-align:center;
  height:45px;
  line-height:45px
}
.content-wrapper .middle-wrapper .next span{
  color:#ff7976;
  font-size:14px
}
.content-wrapper .middle-wrapper .next p{
  color:#ed1f1f;
  display:inline-block;
  font-weight:bold;
  margin-left:10px
}
.content-wrapper .middle-wrapper .next img{
  width:20px;
  display:inline-block;
  vertical-align:middle;
  margin-left:15px
}
.download{
  text-align: center;margin: 60px 0 30px;
}
.download img{
  width: 80px;
  height: 80px;
}
.download p{
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-align: center;
}
/* .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:187px;
  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:168px
}
.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)
} */
/* .recommend-wrapper{
  margin-top:50px
}
.recommend-wrapper .recommend-btn .left{
  float:left;
  font-weight:bold;
  font-size:24px
}
.recommend-wrapper .recommend-btn .right{
  float:right;
  color:#888;
  cursor:pointer
}
.recommend-wrapper .recommend-btn .right img{
  width:20px;
  display:inline-block;
  vertical-align:middle
}
.recommend-wrapper .recommend-btn .right span{
  font-size:14px
}
.recommend-wrapper .recommend-btn .right:hover{
  color:#990102
}
.recommend-wrapper .recommend-list{
  margin-top:20px
}
.recommend-wrapper .recommend-list li{
  float:left
}
.recommend-wrapper .recommend-list li:not(:last-child){
  margin-right:13px
}
.recommend-wrapper .recommend-list li a{
  display:block;
  position:relative
}
.recommend-wrapper .recommend-list li img{
  width:290px;
  height:175px
}
.recommend-wrapper .recommend-list li .tip{
  position:absolute;
  bottom:0;
  width:270px;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#fff;
  background:rgba(0,0,0,0.4)
} */