body{min-width: 1240px;}

.article{
  width:1240px;
  margin:20px auto;
}
.article_nav{
  width:1240px;
  height:50px;
  background:rgba(78,78,78,1);
  line-height: 50px;
  color:#fff;
  font-size: 14px;
}
.article_nav a{
  font-size:14px; 
  color:rgba(102,102,102,1);
  line-height:24px;
  color:#fff;
}
.article_nav::before{
  display: block;
  content:'';
  width:13px;
  height:17px;
  margin: 3px 5px 0 0;
  background: url(1329.png)no-repeat center;
  float: left;
  margin-top:17px;;
}
.list{float: right;
  margin:15px 20px 0 0;
  font-size:14px;
  color:#666;
}
.list strong{
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-right:10px;
  background: url(#)no-repeat center  ;
}
.article_content{
  width:1240px;
  height:auto;
  background:rgba(18,20,22,1); 
}
.content_left{
  width:793px;
  height:auto;
  float: left; 
}
.content_left a span{
  display: block;
  width:95px;
  height:33px;
  border:1px solid rgba(78,78,78,1);
  border-radius:17px;
  font-size:14px;
  color:#999;
  margin:25px 0 20px 10px;
  line-height: 33px;
}
.content_left a span::before{
  display: block;
  content:'';
  width:14px;
  height:14px;
  margin: 3px 5px 0 0;
  background: url(#)no-repeat left;
  margin-left:9px;
  float: left;
  margin-top:10px;;
}
a:hover {text-decoration: none;}
 .page{
   width:100%;
   text-align: center;
   font-size: 14px;
  padding:20px 0
 }
 .page a{
  color:#fff;
 }
.content_right{
  width:385px;
  height:auto;
  float: left;
  margin-left:35px;
  position: relative;
  z-index: 99;
  /* border:1px solid green; */
}
.briefing{
  width:385px;
  height:152px;
  margin-top:30px;
  background:rgba(78,78,78,1);
}
.briefing p{
  margin-left:20px;
  font-size:14px;
  color:#fff;
}
.title{
  font-size:18px !important;
  font-weight:bold; 
  line-height:24px;
  padding:30px 0 20px 0;
}
.source{
  margin-left:75px; 
}
.time{
  margin-top:12px;
}
/*  */
.abstract{
  width:385px;
  height:auto;
  background:rgba(78,78,78,1);
  margin:20px 0;
}
.abstract_content{
  font-size:16px; 
  color:rgba(255,255,255,1);
  line-height:32px;
  padding: 20px 10px 30px 20px;
}
.share{
  font-size:14px; 
  line-height:22px;
  padding-bottom: 20px;
}
.share a{
  color:rgba(255,255,255,1);
}
.share a::before{
  display: block;
  content:'';
  width:15px;
  height:21px;
  background: url(945.png)no-repeat left;
  float: left;
  margin:0 10px 0 20px;
  
}
/*  */
.lunbo{
  width:385px;
  height:128px;
  background:rgba(78,78,78,1);
  position: relative;
}
.arrow-left{
  position: absolute;
  left:0;
  top:50%;
  width:12px;
  height: 26px;
  margin-top:-13px;
  background: url(806.png)no-repeat left;
  z-index: 9;
}
.arrow-right{
  position: absolute;
  right:0;
  top:50%;
  width:12px;
  height: 26px;
  margin-top:-13px;
  background: url(807.png)no-repeat right;
  z-index: 9;
}
.swiper-container {
  width: 385px;
  height: 128px;
}
.swiper-slide{
  width:160px;
  height:90px;
}
 
.swiper-slide .swiper-slide_title {
  width:160px;
  height:90px; 
  font-size: 14px; 
  line-height: 24px;
  margin:19px;
}
.swiper-slide .swiper-slide_title img{
  width:100%;
  height:100%;
}
.swiper-slide .swiper-slide_title{
  position: relative;
}
.swiper-slide .swiper-slide_title p{
  position: absolute;
  left: 0;
  bottom: 0;
  width:160px;
  line-height: 40px;
  background: url(#)no-repeat center;
  z-index: 9;
  font-size:14px;
  color:#fff; 
  text-indent: 1em;
}
.swiper-slide .swiper-slide_title p a{
   

}
.swiper-slide-active{
  margin-left:5px;
}
.swiper-slide-visible{
  margin-right:-10px;
}
.footer{
  font-size:14px;
  color:rgba(238,238,238,1);
  text-align: right;
  padding:29px 0 24px 0;
}
 
 /*  */
 .game163{ position: relative;overflow: hidden; width:1240px; }
 .game163 .bigImg{ height: 447px; position: relative;margin-left:10px}
 .game163 .bigImg li img{ vertical-align:middle; width:793px; height:447px; }
 .game163 .bigImg  h4{ 
    font-size: 16px; font-weight: bold; line-height: 33px; height: 33px;
    padding-right: 30px; overflow: hidden; text-align: left;
    position: absolute;
   left: 20px;
   top: 490px;
   color:#fff
   }
   .game163 .bigImg  h4 a{ color:#fff;}

 .game163 .smallScroll{ height: 142px; margin-top:145px;width:1240px;
  background-color:#4E4E4E ;}
 .game163 .sPrev,.game163 .sNext{
  float: left; display: block;
   width: 38px; height: 142px; 
   /* text-indent: -9999px;  */
   line-height: 142px;
   text-align: center;
   color:#fff;
   font-size: 14px; 
}
.game163 .sPrev{
  background:url(808.png)no-repeat center #646464;;
}
 .game163 .sNext{ 
   background: url(809.png)no-repeat center #646464;;
 }

 .game163 .smallImg{ float:left;  margin: 0 6px; display:inline; width: 1130px; overflow: hidden;}
 .game163 .smallImg ul{ height:142px;  width: 9999px; overflow: hidden; }
 .game163 .smallImg li{ float: left;
   padding: 12px 9px;
    width:181px;
     cursor:pointer;  
     display:  block;
      }
 .game163 .smallImg img{
    border: 2px solid transparent; 
    width:181px; height:109px; 
  }
 .game163 .smallImg .on img{ border-color:#d6d6d6 ;}

 .game163 .pageState{ position: absolute; top: 490px; left:755px; 
   color:#fff;
   font-size: 16px;;
  }
 .game163 .pageState span{ color: #fff; font-size: 24px;}


 .ph_show{display: none;}
/* 适配移动页面2020-6-11 */
@media (max-width: 689px) and (min-device-width: 320px), (max-device-width: 480px){
  html{
    font-size: 26.666667vw;
  }
  body {
    min-width: 1200px;
    -webkit-text-size-adjust: none !important;
    min-width: 100%;
    width: 100%; 
    background: #fff;
  }
  .pc_hide{display: none;}
  .ph_show{display: block;}
  .tpjc_nav{
    width:100%;
    height:.44rem;
    background-color: #666; 
  }
  /*  */
  .ph_content{
    width:100%;
    height:auto;
    background-color: #000000;
  }
  .ph_back i{
    color:#fff;
    font-size: .2rem;
    margin:.15rem auto;
    display: inline-block;
    width: .24rem;
    height: .24rem;
    background: url(1328.png)no-repeat center;
    padding-left: .1rem;
  }
  /* 焦点图 */
  .ph_focus{
    margin-top:.5rem;

  }
  .swiper-focus {
    width: 100%;
    height: 2.85rem;
    overflow: hidden;
    position: relative;
  }
  .swiper-focus div.swiper-slide {
    position: relative;
  }
  .swiper-focus div.swiper-slide img {
    display: block;
    width: 100%;
    height: 2.85rem;
  }
  .swiper-slide-visible{
     margin-right: 0;
  }
  .swiper-slide-active{
    margin-left: 0;
  }
  .swiper-focus div.swiper-slide span {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0px;
    font-size: .14rem;
    line-height:.44rem;
    text-align: left;
    text-indent: 1em;
    z-index: 3;
    width: 80%;
    height: .44rem;
    color: #fff;
}
  .swiper-focus div.focus-numBox {
    position: absolute;
    right: .2rem;
    bottom:.15rem;
    color: #fff;
    font-style:italic;
    font-size: .15rem;
    line-height: .1rem;
    z-index: 7;
    width:.4rem;
    height:.17rem;
    background-color: #FE8833;
    padding: .02rem 0.01rem;
  }
   .focus-curNum,.focus-allNum{
     display: inline-block;
      padding:.03rem;
   }
   /* 文章 */
   .ph_article{
     width:3.45rem;
     height:auto;
     margin:0 auto;
     padding: .1rem 0;
   }
   
   .ph_article h3{
    font-size: .18rem; 
    font-weight: 500;
    text-align: justify;
    color: #ffffff;
    line-height: .28rem;
   }
   .ph_article>p span{
    font-size: .12rem; 
    text-align: left;
    color: #ffffff;
    line-height: .2rem;
    margin-right:.1rem;
   }
   .ph_article>p{
    padding:.1rem 0;
   }
   .ph_covers p{
    font-size: .14rem; 
    text-align: justify;
    color: #ffffff;
    line-height: 200%;
    padding-bottom: .1rem;
   }
   /* footer */
   .ph_footer{
    width:100%;
    height:1.49rem;
    background: #c90200;
  }


}