/*首页轮播*/
.index_lunbo{ width: 100%; height: auto;background: #fff;}
.index_lunbo .swiper-container{ width: 100%;}
.index_lunbo .swiper-container .swiper-slide{ width: 100%;}
.index_lunbo .swiper-container .swiper-slide .img,.index_lunbo .swiper-container .swiper-slide .img img{display: block; width: 100%}
.index_lunbo  .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 3px}
.index_lunbo  .swiper-pagination-bullet{ background: none; border:1px solid #fff; opacity: 1;}
.index_lunbo .swiper-pagination-bullet-active{background: #fff}

/*swiper切换*/
.swiper_tab{ padding: 0 12px; padding-top: 20px;background: #fff;}
.swiper_tab .slide_box{ width: 100%; position: relative;}
.swiper_tab .slide_box .swiper-slide{ width: 100%;}
.index_list_ul li{ width: 100%;padding: 15px 0;  border-bottom: 1px #eee solid; display: flex}
.index_list_ul li .xt_img{ width: 80px; float: left; padding-right: 10px; display: block;}
.index_list_ul li .xt_img  img{ width: 80px; padding-top: 3px; border-radius: 10px; height: 80px;}
.index_list_ul li  .xt_txt{ flex: 1;}
.index_list_ul li  .xt_txt .bt{    line-height: 25px;display: block;font-size: 15px;  color: #222;  margin-bottom: 5px;font-weight: normal; max-height: 24px;display: -webkit-box;  overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.index_list_ul li  .xt_txt p{  color: #888; height: 25px;  line-height: 25px;overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  word-break: break-all;}
.index_list_ul li  .xt_txt .tip{ font-size: 12px;color: #999;  padding-top: 10px;display: -webkit-box;-webkit-box-pack: justify;}
.index_list_ul li  .xt_txt .tip em{color: #26C472;}
.swiper_tab .slide_box .swiper-slide .more_a{ display: block;width: 100% ;text-align: center;height: 40px; line-height: 40px; color: #333;}
.swiper_tab .slide_box .swiper-slide .more_a img{width: 9px; vertical-align: middle; display: inline-block; margin-top: -2px;}
.swiper_tab .slide_box .swiper-pagination{ width: 100%;height: 32px; line-height: 30px; border-right:1px solid #408BDC;font-size: 15px; text-align: center; display: flex; position: relative; }
.swiper_tab .slide_box .swiper-pagination span{flex: 1; height: 30px; float: left;border:1px solid #408BDC; border-right: none; color: #408BDC;border-radius: 0; opacity: 1; background: none;}
.swiper_tab .slide_box .swiper-pagination .swiper-pagination-bullet-active{background: #408BDC;color: #fff;}
/*box*/
.box_net_ul{padding: 0 12px; background: #fff;}
.box_net_ul .more_a{ display: block;width: 100% ;text-align: center;height: 40px; line-height: 40px; color: #333;}
.box_net_ul .more_a img{width: 9px; vertical-align: middle; display: inline-block; margin-top: -2px;}

/*精彩合集*/
.collection_item { overflow: hidden; margin: 12px 0; }
.collection_item a { display: block; float: left; width: 50%; }
.collection_item a img { display: block; width: 90%; margin: 0 auto; border-radius: 8px; height: 22vw; max-height: 160px; min-height: 70px; }
.collection_item a span { width: 100%; display: block; text-align: center; line-height: 30px; height: 30px; overflow: hidden; }
/*新闻资讯*/
.news_list { overflow: hidden; }
.news_list ul { overflow: hidden; }
.news_list ul li { padding: 12px; display: flex; border-bottom: 1px solid #eee; }
.news_list ul li .img { margin-right: 12px; display: block; }
.news_list ul li .img, .news_list ul li .img img { width: 100px; height: 70px; }
.news_list ul li .info { flex: 1; overflow: hidden; }
.news_list ul li .info .bt { display: block; overflow: hidden; height: 44px; line-height: 22px; font-size: 14px; color: #555; }
.news_list ul li .info p { height: 20px; line-height: 20px; overflow: hidden; font-size: 12px; color: #999; margin-top: 5px; }
.news_list .more_a{ display: block;width: 100% ;text-align: center;height: 40px; line-height: 40px; color: #333;}
.news_list .more_a img{width: 9px; vertical-align: middle; display: inline-block; margin-top: -2px;}
/*友情链接*/
.interlink { background: #fff; overflow: hidden; margin-top: 6px; }
.interlink .Head1{font-weight: bold; font-size: 16px; padding-top: 10px}
.interlink .interlink-list { overflow: hidden; margin: 0 12px 10px 12px; }
.interlink .interlink-list a { font-size: 12px; color: #666; margin-right: 20px; line-height: 28px; }
.interlink .interlink-list a:active { color: #408BDC; }

/*软件列表*/
.box_net_ul .list li{  display: flex;  padding: 12px 0px;  border-bottom: 1px dashed #ddd;  }
.box_net_ul .list li .pic-box {  display: inline-block;  margin-right:10px;  }
.box_net_ul .list li .pic-box img{  width:57px;  height:57px;  border-radius:10px;  }
.box_net_ul .list .state{  height:57px;  flex: 1;  overflow: hidden;  }
.box_net_ul .list span{  display:block;  }
.box_net_ul .list  .state .name {  font-size:14px;  color: #333;  height: 20px;  line-height: 20px;  font-weight: normal;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  margin: 7px 0;  width: 100%;  }
.box_net_ul .list  .state .size {  font-size: 12px;  height:20px;  line-height:20px;  color: #999;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }
.box_net_ul .list  .line {  height:10px;  width: 1px;  background: #ddd;  display: inline-block;  margin: 0 7px 2px;  vertical-align: middle;  }
.box_net_ul .list .down-btn{  width:70px;  height:30px;  line-height:30px;  text-align: center;  border:1px solid #408BDC;  border-radius:4px;  color:#408BDC;  display:block;  font-size:13px;  margin-top: 12px;  }

/*文章列表*/
.Cont5 { background: #fff; display: block; }
.Cont5 ul { display: block; overflow: hidden; }
.Cont5 ul li { display: block; padding: 10px 12px; border-bottom: 1px solid #f5f5f5; overflow: hidden; }
.Cont5 ul li:active { background-color: #eee; }
.Cont5 ul li > a { display: inline-block; float: left; width: 88px; height: 58px; text-align: center; overflow: hidden; border-radius: 5px; }
.Cont5 ul li > a img { height: 100%; }
.Cont5 ul li > .dl { display: block; margin-left: 98px; }
.Cont5 ul li > .dl .dt { height: 40px; overflow: hidden; }
.Cont5 ul li > .dl .dt a { display: inline-block; font-size: 14px; color: #333; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;   }
.Cont5 ul li > .dl .dd { display: table-cell; font-size: 10px; color: #999; height: 18px; vertical-align: bottom; }
.Cont5 ul li > .dl .dd em { display: inline-block; margin-left: 5px; }

/*合集图片*/
.hj_banner{ width: 100%; height: auto; position: relative;}
.hj_banner .img{ display:block; width: 100%;}
.hj_banner .img img{ width: 100%; display: block;}
.hj_banner .img p{position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.6); height: 40px; line-height: 40px; font-size: 15px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.hj_banner .img p span{ padding-left: 12px;}


/*详情*/
.g-box .info{ width:100%; height:auto;box-sizing:border-box; padding:10px; background:#fff; display:block; overflow:hidden;}
.g-box .info .pic{ width:100%; height:auto; margin:0; display:-webkit-box; overflow:hidden;}
.g-box .info .pic .ico-wrap{ width:70px; height:70px; display:block; overflow:hidden}
.g-box .info .pic .ico-wrap img{ width:100%; height:70px; border-radius:16px; display:block; overflow:hidden; margin:0; padding:0; max-width:none; max-height:none}
.g-box .info .pic ul{ width:auto; height:auto; margin:0; text-align:left; padding:0 0 0 12px; box-sizing:border-box; display:block; overflow:hidden; -webkit-box-flex:1}
.g-box .info .pic ul li{width:100%; margin:2px 0 0 0;}
.g-box .info .pic ul .cpname{  margin:0px 0 2px 0}
.g-box .info .pic ul .cpname h1{text-align:left; width:100%; height:20px; line-height:20px; font-size:16px; font-weight:bold; color:#333; display:block; overflow:hidden}
.g-box .info .pic ul .cpname h1 span{ }
.g-box .info .pic ul li h1{ font-weight:normal;}
.g-box .info .pic ul li b{ width:50%; height:16px; line-height:16px; font-size:13px; font-weight:normal; color:#999; float:left; margin:6px 0 0 0; display:inline; overflow:hidden}
.g-box .info .pic ul li b a{ color:#408BDC; text-decoration:underline}
.g-box .jieshao{ text-align: center; font-size: 12px; color: #333; line-height: 16px; margin-top: -2px;}
#downAddress { width:100%; height:auto;  margin:0; display:inline; overflow:hidden; padding:0; box-sizing:border-box;}
#downAddress .m-down-ul{ width:100%; height:auto; margin:0; box-sizing:border-box; display:block; overflow:hidden; padding:0px 0 10px;}
#downAddress .m-down-ul li{ width:48%; height:auto; padding:10px 0 0 0px; box-sizing:border-box; float:left; display:inline; overflow:hidden; margin:0;}
#downAddress .m-down-ul li a{ width:100%; height:35px; line-height:34px; background: rgb(204, 204, 204); border-radius:6px; font-size:16px; font-weight:normal; color:#fff; text-align:center; display:block; overflow:hidden; margin:0; text-decoration:none}
#downAddress .m-down-ul li  .zanwu {background-color: #ccc;    font-weight: normal;    /* font-size: 14px; */}
#downAddress .m-down-ul li a.active{ background:#F60}
#downAddress .m-down-ul .m-down-last{ width:100%;}
#downAddress .m-down-ul li a.active3{ background:#5ba339;}
#downAddress .m-down-ul li a.active4{ background:#0990dc;}
#downAddress .m-down-ul li a:before {  content: "";  display: inline-block;  vertical-align: middle;  width: 28px;  height: 23px;  margin-right: 10px;  background: url(../images/ico-dwn.png) no-repeat center;  background-size: contain;  }
/*游戏介绍*/
.Gm_js { padding-bottom: 18px;font-size: 14px;}
.Gm_js .txt_wrap { overflow: hidden; max-height: 66px; line-height: 22px; font-size: 14px; color: #666; margin: 12px 12px 6px; }
.Gm_js .mor_btn { float: right; color: #ff5b4c; padding: 0 12px; }
.details_info { overflow: hidden; margin: 12px; }
.details_info li { float: left; width: 50%; overflow: hidden; height: 30px; line-height: 30px; font-size: 12px; color: #666; }
/*相关文章*/
.Cont4 { padding: 0 12px; }
.Cont4 .Cont4-list { overflow: hidden; padding-bottom: 8px;font-size: 14px;}
.Cont4 .Cont4-list a { display: block; background: url(../images/list-icon.png) no-repeat left center; background-size: 5px auto; padding: 8px 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Cont4 .Cont4-list a:active { background: #eee;color: #408BDC}
/*同类推荐*/
ul.lisstyl1 { display: block; overflow: hidden; margin: 0 12px; }
ul.lisstyl1 li { position: relative; border-bottom: 1px solid #f5f5f5; padding: 15px 0; }
ul.lisstyl1 li .img { display: inline-block; float: left; }
ul.lisstyl1 li .img img { display: inline-block; width: 60px; height: 60px; border-radius: 10px; background: #969696; }
ul.lisstyl1 li .downl { display: inline-block; float: right; text-align: center; color: #fff; line-height: 28px; width: 60px; background: #408BDC; border-radius: 3px; position: absolute; top: 36%; right: 0; height: initial; }
ul.lisstyl1 li .info { display: block; height: 60px; margin: 0 66px 0 72px; position: relative; }
ul.lisstyl1 li .info div { width: 100%; }
ul.lisstyl1 li .info div a { display: inline-block; max-height: 50px; color: #333; font-size: 16px; overflow: hidden; }
ul.lisstyl1 li .info div p.size { color: #888; overflow: hidden; margin: 2px 0; }
ul.lisstyl1 li .info div p.miaoshu { display: block; color: #555; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.details_top .downl_btn2 { display: block; margin: 0 12px; text-align: center; line-height: 15px; font-size: 14px; color: #fff; border-radius: 4px; position: relative; z-index: 2; margin-top: 10px; }
/*文章详情*/
.Article { overflow: hidden; background: #fff; padding-bottom: 12px; }
.Article .article_head { padding: 12px; background: #fff; border-bottom: 1px solid #f5f5f5; }
.Article .article_head h1 { font-size: 16px; color: #333; margin-bottom: 4px; }
.Article .article_head p { font-size: 12px; color: #999; }
.Article .article_head p span { color: #408BDC; margin-right: 10px; }
.Article .downl { padding: 6px 12px; overflow: hidden; position: relative; background: #f5f5f5; }
.Article .downl .img { display: inline-block; float: left; }
.Article .downl .img img { display: inline-block; width: 40px; height: 40px; border-radius: 10px; background: #969696; }
.Article .downl .dinfo { display: block; height: 40px; margin: 0 88px 0 68px; position: relative; }
.Article .downl .dinfo div a { display: inline-block; max-height: 50px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #333; font-size: 16px; overflow: hidden; }
.Article .downl .dinfo p.size { color: #888; overflow: hidden; margin: 4px 0; }
.Article .downl .btn { display: inline-block; float: right; text-align: center; color: #fff; height: 28px; line-height: 28px; width: 60px; background: #408BDC; border-radius: 3px; position: absolute; top: 14px; right: 12px; }
.Article .article_cont { padding: 0 12px; background: #fff; max-height: 800px; overflow: hidden; }
.Article .article_cont > p { font-size: 14px; line-height: 24px; padding-top: 15px; }
.Article .article_cont img {display: block; width: auto; max-width: 100% !important; height: initial !important; }
.Article .article_cont > h3 { font-size: 14px; color: #408BDC; line-height: 16px; margin-top: 30px; padding-left: 21px; border-left: 3px solid #408BDC; }
.Article .article_cont > .Video { margin: 15px 12px; overflow: hidden; background: #222; }
.Article .article_cont > .Table { width: 100%; margin: 15px 0; }
.Article.on .article_cont { max-height: initial; }
.Article.on .slide-btn span:after { transform: rotate(180deg); }
.Article .slide-btn { margin: 12px; border: 1px solid #ddd; background: #f5f5f5; text-align: center; line-height: 32px; height: 32px; color: #444; display: block; }
.Article .slide-btn span:after { display: inline-block; content: ''; background: url("../images/icon_mor.png") no-repeat; background-size: auto 18px; width: 18px; height: 18px; margin: 0 5px 5px; vertical-align: middle; }
.navOn{ color:#4893e4 !important; }