﻿
/*1111111111111---基本样式*/
html,body,div,p,span,em,i,u,del,strong,a,b,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,iframe,form,label,button,input,textarea,pre,hr,table,tbody,th,td{margin:0;padding:0;word-wrap:break-word;word-break:break-all;border:0}
button,input,textarea{outline: none}

h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
img{border:0; border:none}
em,i,strong,th{font-style:normal}
ol,ul,li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
input,select{-webkit-appearance:none; appearance:none; }
html{ overflow-y: scroll; }
*html{ _background-image:url(about:blank); _background-attachment:fixed; }
body{font:12px tahoma,'\5b8b\4f53',sans-serif;font-family:"Microsoft YaHei"; font-size:14px; color: #444; }
*{margin:0px; padding:0px; outline:none;}
ul li{list-style:none;}
li{list-style:none;}
img{border:none;}
a{color:#333; text-decoration:none; cursor:pointer;}
a:hover{color:#ed2f2f;}




.fl{ float: left; display: inline; }
.fr{ float: right; display: inline; }
.mat15{ margin-top: 15px !important; }
.mab15{ margin-bottom: 15px !important; }
.pat20{padding-top: 20px;}

.hide{display: none;}
.cl:after,.wrap:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
*html .cl{height:1%}



.head-wrap,.foot-wrap,.nav-list,.hw-top{width:100%;min-width:1200px;}
.wrap{width: 1200px;margin:0 auto;}
.hw-top{width:100%;height:35px;background:#eee;line-height:35px;color:#666;}

.hw-top .hot-a{float:right;}
.hw-top .hot-a a{padding: 0 10px;}
.hw-top .hot-a a + a{border-left: #bbb 1px solid;}


.hw-bar{height:80px; padding-top:15px;padding-bottom:6px;}
.hw-bar .logo-w{ float:left; width:266px; height: 65px;padding-left: 4px;}
.hw-bar .logo-w a{ display:block;width:266px; height: 65px; background-image:url(../images/logo.png) ;background-repeat: no-repeat;    background-position: left center;}
.hw-bar .lsrj{display:none;}
.search-hd{float:right; height: 68px;width: 500px;padding-top: 10px; }
.search-hd .hot-a{height: 22px;overflow: hidden;}
.search-hd .hot-a a{margin-right: 20px;    font-size: 12px;}

.search-bd{height: 34px; position:relative;  border: 2px solid #358ff0;}
.search-bd .icon{float:left; display:inline-block; width:18px; height:18px;margin:10px 11px 0 10px; overflow:hidden; display: none; }
.search-bd .in-text{ line-height: 18px;height: 18px; width: 390px; float:left; background: none; outline:none; color:#999; font-size:16px; border:none; padding:6px 10px;overflow: hidden;}
.search-bd .in-text::-webkit-input-placeholder { color: #999; }
.search-bd .in-text::-moz-placeholder { color: #999; opacity: 1; }
.search-bd .in-text:-ms-input-placeholder { color: #999; }
.search-bd .in-btn{width: 70px; height:34px; font-size: 14px; background:#358ff0; color: #FFF; border:none; outline:none; float:right; cursor:pointer;  }
.search-bd .hot-a{}
.hw-nav{ background: #358ff0;width:100%; }

.nav-list{ height: 48px;  }
.nav-list a{ display:inline-block; vertical-align: top; line-height: 48px; text-align:center; color:#fff; font-size:18px; float:left; padding: 0 40px;margin-right:6px; }
.nav-list a+a{margin-left: 1px;}
.nav-list a:hover,
.nav-list a.on{ background-color: #2b71c2; }
.sub-menu{  height: 40px;overflow: hidden;background: #f6f6f6 url(../images/star.png) 10px no-repeat;padding-left:40px ;}

.sub-menu a{ float: left; height: 40px; line-height: 40px; overflow: hidden; text-align: center;  padding: 0 15px;color: #666;}
.sub-menu a:hover{  color: #ed2f2f; }






.focus-wrap .left-cont{width: 390px;float: left;overflow: hidden;}
/*焦点图切换*/

#focus_pic{position: relative; width:390px; height: 300px; overflow:hidden;}
#focus_pic .bd{position: relative}
#focus_pic .col{position: absolute;left: 0;bottom:0px;z-index: 1;width:100%;}
.focus_pic_bar_box{ width:390px; height:300px; position: relative; overflow: hidden;}
.focus_pic_bar{width: 10000px}
.focus_pic_bar li{float: left;width:390px;height:300px}
.focus_pic_bar a{width: 100%;height: 100%;display: block; position: relative; }
.focus_pic_bar img{width:390px; height:300px;}
.focus_pic_bar p{position: absolute; bottom: 8px; left: 0; z-index: 1; right: 0; height: 52px; line-height: 52px; overflow:hidden; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); font-size: 16px;
    color: #fff; text-align: left; }
.focus_pic_bar span{ display: block; margin: 0 15px; }

#focus_pic .f-change{position: absolute;left: 0;bottom:0px; right: 0; }
#focus_pic .f-change a{ width: 20%; height: 8px; background: #373737; float: left; position: relative; }
#focus_pic .f-change a img{width:80px;height:60px; display: none; }
#focus_pic .f-change a .mask { position: absolute; top: 0; left: -1px; width: 1px; height: 100%; background: #A2A2A2; }
#focus_pic .f-change a.on{ background: #358ff0; }
#focus_pic .hd{position: absolute;left:5px;bottom:80px;z-index: 2;width:420px;height:22px;text-align:center;}
#focus_pic .focus_pic_title{overflow: hidden;position: absolute;top: 0;left: 0;height:100%;line-height:22px;font-size:16px; width:100%;}
#focus_pic .focus_pic_title a{display: none;color: #fff; width:100%;}

.focus-wrap .left-cont .col1{padding-top: 15px;}

.focus-wrap .cen-cont{float:left; width:460px; margin-left: 26px; overflow:hidden; }

.focus-wrap .tabs-bar{ height: 40px; line-height: 40px; font-size: 20px; border-bottom:2px solid #358ff0; font-weight: 400; margin-bottom:10px;}
.focus-wrap .tabs-bar li{ float:left;  display: inline-block; text-align: center; cursor: pointer; margin-right: 16px; }


.focus-wrap .tabs-bar li.on{ color:#fff;background:#358ff0;padding: 0 10px;}



.focus-wrap .hd-tabs{float: right; height:20px;overflow: hidden;padding-top: 5px;}
.focus-wrap .hd-tabs li{ float:left;padding: 0 2px ; display: inline-block; text-align: center; cursor: pointer; line-height: 20px; }
.focus-wrap .hd-tabs li + li:before{ content: "/"; padding-right: 5px;color:#eee ;}

 .focus-wrap .hd-tabs li.on { color:#358ff0;}


.focus-wrap .article-list{ overflow: hidden; }

.focus-wrap .article-list li{ height:22px; line-height:22px; position:relative; padding:5px 6px 6px 35px; overflow:hidden;background:url(../images/new-li.jpg) 0 -20px no-repeat ;}


.focus-wrap  .article-list li span{color:#999; font-size:13px; float:right;}
.focus-wrap .article-list li:nth-child(6n) {   }
.focus-wrap .article-list li a{ font-size:14px; max-width:360px; overflow:hidden; display:inline-block;height:22px; line-height:22px;text-overflow:ellipsis; white-space:nowrap;}


.focus-wrap .article-list li:first-child{background:url(../images/new-ico1.jpg) left -12px no-repeat}
.focus-wrap .article-list li:nth-child(){background:url(../images/new-ico1.jpg) left -12px  no-repeat}
.focus-wrap .article-list li:nth-child(-n+8) a{color: #ed2f2f;}





.focus-wrap .hot-item ul {width: 110%;display: inline-block;}
.focus-wrap .hot-item li {float: left; width: 196px; height: 30px; margin:0px 10px 10px 0;  background: #358ff0;text-align: center;line-height: 30px;}
.focus-wrap .hot-item li a{ color:#fff; font-size:14px;}
.focus-wrap .hot-item li:hover{ background:#2b71c2;}



.article-list2{ overflow: hidden; }
.article-list2 li{  padding: 5px 0px 6px 0;overflow:hidden;height: 22px;}
.article-list2 li a{ font-size:14px; max-width:285px; overflow:hidden; display:inline-block;height:22px; line-height:22px;text-overflow:ellipsis; white-space:nowrap;}
.article-list2 li span{color:#999; font-size:13px; float:right;}
.article-list2 li:before{content: " ";float:left; background: url(../images/new-ico.png) 0 -292px;width: 14px;height: 22px; }
.focus-wrap .article-list2 li:nth-child(6n) {   }

.focus-wrap .right-cont{float:right; width:300px;}



.hot-article-list{overflow: hidden;}
.hot-article-list ul{width: 105%;}
.hot-article-list li{ height:22px; line-height:22px; position:relative; padding:9px 0px 8px 0;  overflow:hidden;border-bottom: 1px #eee dashed;float: left;width: 410px;margin-right: 40px;}
.hot-article-list li .link-type{float:left;width:70px;color: #999; height:22px; overflow: hidden;font-size:12px}
.hot-article-list li .link-type:hover{}

.hot-article-list li .link-name{float:left;text-overflow:ellipsis; white-space:nowrap;display: block;max-width:300px; overflow:hidden;height: 22px;}
.hot-article-list li span{color:#999; font-size:13px; float:right;}


.focus-wrap  .tit-hd{ height: 32px;  padding-top:10px;margin-bottom:10px;border-bottom: 1px solid #ddd;   }

.focus-wrap  .tit-hd .btn-more{float:right;overflow: hidden;color: #999;}

.focus-wrap  .tit-hd .bd{text-indent:15px;font-size:20px;color: #333;line-height: 22px;border-left: 5px solid #358ff0;font-weight: bold;float: left;}
.focus-wrap  .tit-hd .bd a{float:right;width:65px;line-height:22px;font-size:14px;text-align:right;color: #999;font-weight:normal;}





.part-box .left-cont{width: 876px;float: left;}
.part-box .right-cont{width: 290px;float: right;}

.block-hd{height:55px;line-height:55px; position: relative; margin-top: 20px;margin-bottom: 10px; border-bottom:2px #358ff0 solid;}

.block-hd .hd-name{font-size:24px;color:#333;font-weight:bold;float:left;line-height: 53px; height: 53px;}
.block-hd .hd-name span{color: #358ff0;}
.block-hd .hd-name2{font-size:20px;color:#333;font-weight:bold;float:left;line-height: 53px; height: 53px;}

.block-hd .btn-more{float:right;line-height: 55px; color: #999;overflow: hidden;}

.block-hd .hd-tabs{float:left;padding-left: 60px; padding-top: 18px; height: 40px;}
.block-hd .hd-tabs li{ float:left; padding:0 6px 0 10px; display: inline-block; text-align: center; cursor: pointer; line-height: 20px; font-size: 18px;position:relative;top: 0000000;}
.block-hd .hd-tabs li + li:before{ content: "/"; padding-right: 12px;color:#eee ;}
.block-hd .hd-tabs li{line-height: 20px;display:inline-block;}
.block-hd .hd-tabs li.on { color:#358ff0;height: 36px; }
.block-hd .hd-tabs li.on a { color:#358ff0; }
.block-hd .hd-tabs li.on:after {content: " "; width: 16px;height: 8px;background: #ccc;position: absolute;    left: 50%;    margin-left: 0px;    bottom: -9px;background: url(../images/t-arrow.png) no-repeat;}



.block-hd .title{ padding-left:46px; background-image: url(../images/title-ico.png);    background-repeat: no-repeat;}



.block-yqlink .block-hd {border-bottom:2px solid #eee;}




.rank-hd{font-size: 20px;line-height: 30px; overflow: hidden;    padding-top:5px;font-weight: bold;}
.rank-hd i{float:left;width:20px;height:30px;background-position:  -98px 4px;margin-right:5px;}
.rank-hd span{color:#2997ff ;}


.star{width: 86px;height: 15px;display:inline-block;}
.s5{background-position: 0px -55px;}
.s4{background-position: -17px -55px;}
.s3{background-position: -35px -55px;}
.s2{background-position: -52px -55px;}
.s1{background-position: -69px -55px;}
.s0{background-position: -87px -55px;}


.article-main .block-hd{margin-bottom: 15px;}
.article-main .block1{float: left;width: 320px;}


.article-main .block1 li{width:100%; height:240px; }

.article-main .block1 li:first-child{padding-bottom:25px;}
.article-main .block1 li a{width:100%; height:100%; overflow: hidden;display: block;position:relative;}
.article-main .block1 li a img{width:100%; height:100%; object-fit: cover; min-height: 100%!important;height: auto !important }
.article-main .block1 li span{position:absolute; display:inline-block; padding:5px 12px; bottom:0px; left:0px; font-size:15px; font-weight:bold; color:#fff; max-height:48px; overflow:hidden;width: 296px;line-height: 24px;}
.article-main .block1 li a:hover span{color: #358ff0;background: rgba(0,0,0,0.6);}

.article-main .block2{float:left;width: 460px;padding-left:25px ;}

.article-main .block2 .hd .title{ font-size:18px; font-weight:bold; height:26px; line-height:26px;white-space:nowrap; text-overflow:ellipsis; margin:16px 0 13px; overflow:hidden;}
.article-main .block2 .hd .title a{ color:#333; }

.article-main .block2 .hd .txt{ margin-top: 8px; position: relative;  }
.article-main .block2 .hd .txt{ color:#999; font-size:14px; line-height:22px; max-height:44px;overflow:hidden;position: relative; text-align: justify; }
.article-main .block2 .hd .txt .more{  position: absolute; right: 0px; bottom: 0px; line-height: 20px; font-size: 16px; background: #fff;padding-left: 20px;}

.article-main .block2 .article-list2 li:first-child a,.article-main .block2 .article-list2 li:nth-child(8) a{font-size: 18px;    font-weight: bold;color: #fb4c53;max-width: 460px;text-align: center;}
.article-main .block2 .article-list2 li:first-child:before,.article-main .block2 .article-list2 li:first-child span,.article-main .block2 .article-list2 li:nth-child(8):before,.article-main .block2 .article-list2 li:nth-child(8) span {display: none;}
.article-main .block2 .article-list2 li {padding: 6px 0;}
.article-main .block2 .article-list2 li a{max-width: 360px;}

.article-main .block2 .article-list2 li:nth-child(8) {padding-top: 36px;}

.article-main .block3{float:right;width: 370px;}
.article-main .block3 .hd{width:100%; height:130px; }
.article-main .block3 .hd a{width:100%; height:100%; overflow: hidden;display: block;position:relative;}
.article-main .block3 .hd a img{width:100%; height:100%; object-fit: cover; min-height: 100%!important;height: auto !important;    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease; }
.article-main .block3 .hd span{position:absolute; display:inline-block; padding:5px 12px; bottom:0px; left:0px; font-size:15px; font-weight:bold; color:#fff; max-height:30px;line-height: 30px; overflow:hidden;width:346px;}

.article-main .block3 .hd:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);+width:390px; +height:137px; +margin:-68.5px 0 0 -195px;}
.article-main .block3 .hd{position: relative;left: 0;}
.article-main .block3 .hd em{position:absolute;top: 0;left: 0;height: 24px;    line-height: 24px;    background: #ff5e33;color: #fff;padding: 0 10px;z-index: 99;}
.article-main .block3 .bd{}
.article-main .block3 .bd{width:100%; height:auto; overflow:hidden;}
.article-main .block3 .bd ul li{width:328px; padding:0 20px 0 20px; height:82px; border:1px solid #efefef; float:left; position:relative; margin-top:9px;}

.article-main .block3 .bd .tit{ font-size:14px; height:22px; line-height:22px; margin:18px 0 3px 0;overflow:hidden;}
.article-main .block3 .bd .tit a{}
.article-main .block3 .bd .tit a:hover{}
.article-main .block3 .bd .txt{ color:#999; font-size:12px; height:22px; line-height:22px; overflow:hidden;}
.link_box.artlj{ margin-top:0px;}




.block-cont .right-cont .article-list2 {margin-top: 10px;}
.block-cont .right-cont .article-list2 li a{max-width:275px;}
.article-main .right-cont{float: right;width: 290px;}

.block-cont .right-cont .article-list2 li:nth-child(5n) {    border-bottom: 1px dashed #ddd;margin-bottom: 10px;    }

.block-cont .right-cont .article-list2 li:last-child {border: 0;margin: 0; padding: 0; }




.block-yqlink ul{padding-top: 10px;}
.block-yqlink ul li {float:left;overflow:hidden;padding-right:30px;height:30px;line-height:30px; overflow:hidden;}
.block-yqlink ul li a{word-break:break-all; color:#666; display:inline-block; overflow:hidden;}

.foot-wrap{padding: 20px 0;text-align: center;color: #999;border-top: 1px #eee solid;margin-top: 30px;}
.foot-wrap a{padding: 0 5px;}
 .btn-gotop{ width: 60px; height:60px; position:fixed; right: 20px; bottom: 155px; display:none; cursor:pointer; z-index: 66; background: #eee url(../images/gtp.png) no-repeat   center 8px; border: 1px solid #ddd;border-radius: 4px; }
 .btn-gotop:hover{ border-color: #358ff0; background-color: #358ff0; background-position:  center -36px; }
 
 
 
 
 /*内页*/
.current{padding: 15px 0 ;}
.current{color: #666; line-height: 22px;height: 22px;}
.current a{display: inline-block;}


.block-cont{} 
.block-cont .left-cont{float: left;width: 830px;} 
.block-cont .left-cont2{float: left;width: 850px;} 
.block-cont .right-cont{float: right; width:320px;overflow: hidden;} 
 .pos-fixeds{position: fixed; bottom: 0; margin-left: 876px;}

 .block-cont .block-hd{height: 42px;line-height: 42px;border-bottom:1px solid #eee;position: relative;left: 0;top: 0;background: #fbfbfb;padding-left: 15px;border-left: #358ff0 solid 6px;margin: 0;}
 .block-cont .block-hd .hd-name{font-size: 18px;font-weight: bold;line-height: 42px;height: 42px;}

 .tit-mar{margin-bottom:10px ;margin-top:0 ;}
 .block-cont .block-hd2{ height: 45px;line-height: 45px; border-bottom:1px solid #ddd; margin:0 0 0px 0;}
 .block-cont .block-hd2 .hd-name{font-size: 18px;font-weight: bold;}
 .block-cont .block-hd .btn-change{float:right;color: #358ff0;position:absolute;right: 0;top: 0;cursor: pointer;}
 .block-cont .block-hd .btn-change i{float:left;width:20px; height:40px;background: url(../images/icon2.png) 0 12px  no-repeat;}

 
.num-list{padding: 20px 0; text-align: center;}
.num-list a,.num-list  span{display:inline-block;padding: 0 12px;  height: 30px; line-height: 30px;margin:3px;color: #666;border-radius: 2px;background-color: #f;border: 1px solid #ebebeb;}
.num-list  a.on,.num-list  span{color:#358ff0;border: 1px solid #fff;font-weight: bold; padding: 0 6px; }
.num-list  a:hover{color:#358ff0; }
.num-list .prev,.num-list .next{text-indent: -99999px;width: 10px;}

.num-list .prev{background-position: -182px 0}
.num-list .next{background-position: -215px 0}
 
.num-list .prev:hover{background-color: #879299;background-position: -182px -30px}
.num-list .next:hover{background-color: #879299;background-position: -215px -30px}

.block-cont .sub-menu{ padding: 15px 10px;width: 110%; }
.block-cont .sub-menu a{ float: left; width: 140px; height: 34px; line-height: 32px; margin: 0 16px 10px 0px; overflow: hidden; text-align: center; }
.block-cont .sub-menu a.on,.block-cont .sub-menu a:hover{ background: #358ff0; color: #fff; border-color: #358ff0; }


.block-cont .right-cont .bl-item{border: 1px #eee solid;}
.block-cont .right-cont .bl-item+.bl-item{margin-top:24px;}


.art-list{ padding-bottom:20px;  }

.art-list ul li{ padding:15px 0 20px; border-bottom:1px solid #edf0f2; width:100%}
.art-list ul li .link-name{font-size: 18px;font-weight: bold;line-height: 32px;padding-bottom: 10px;display: block;}
.art-list ul li .link-ico{float:left;width: 210px;height: 132px ;overflow: hidden;}
.art-list ul li .link-ico img{width: 100%;height:100% ;object-fit: cover; min-height: 100%!important;height: auto !important}
.art-list ul li .inf{padding-left: 230px; }
.art-list ul li .txt{line-height: 28px;color: #666;height:84px; overflow: hidden;}
.art-list ul li .time { color: #999;padding-top: 25px;height: 20px;}
.art-list ul li .time span{float:left;line-height:20px;height:20px;padding-right: 50px;background-position:0px -43px ;padding-left: 22px;}
.art-list ul li:first-child{padding-top: 0px;}



.setion .btn-down{padding-top: 10px;height: 60px;}
.setion .btn-down .btn-and,.setion .btn-down .btn-ios{padding-right: 20px;height:60px;line-height: 60px;display: block;font-size: 24px;color: #fff;border-radius: 6px;padding-left: 75px;float: left;}
.setion .btn-down .btn-and{background: #358ff0 url(../images/ico_android.png) 20px 8px no-repeat;margin-right: 24px;}

.setion .btn-down .btn-ios{background: #1585ff url(../images/ico_ios.png) 20px 7px no-repeat;}

.setion .btn-down .btn-and:hover{background-color: #0e8e0e;;}
.setion .btn-down .btn-ios:hover{background-color: #116dd1;}

.setion .btn-down i{width: 30px; height: 50px;display: inline-block;margin:0 10px 0 0;vertical-align: middle;}
.setion .btn-down .gray,.setion .btn-down .gray:hover{background-color: #ededed;}


.detail-tag{ height:46px; border:1px solid #eee; margin-bottom: 5px; }
.detail-tag ul{ height:46px; background:#f6f6f6;}
.detail-tag li{ float:left; width: 118px; border-left:1px solid #eee; margin-left:-1px; height:47px; line-height:46px; text-align:center; font-size:17px; font-weight: bold; color:#666; cursor:pointer; user-select: none; }
.detail-tag li.on{ border-top: 3px solid #358ff0; border-bottom:4px solid #fff; height:41px; line-height: 41px; color:#358ff0; background:#fff;}

.detail-tag li:hover{color:#358ff0;}
.detail-tag li.down-btn{background:  #358ff0 url(../images/ico-load.png) 16px center no-repeat;color: #fff;padding: 0 5px 0 20px;}

.detail-tag li.down-btn:hover{background-color:#2b71c2;}
.detail-tag.fixed {    position: fixed;   top: 0;    z-index: 999;width: 860px;}

.system-desc{color:#666; font-size:15px; line-height:36px;padding-top: 5px;}
.system-desc a {color: #39f;}
.introTit,.system-desc h3{ display: block; margin-bottom: 5px; font-weight: bold;position: relative; padding: 0 0 0 12px; font-weight: 700; text-indent: 0; margin:15px 0 10px 0; border-left: 4px solid #358ff0; border-bottom: 1px solid #efefef; height: 34px; font-size: 15px !important; line-height: 30px !important; color: #333;}
.system-desc img{display: block;margin:10px auto;width: 650px;}

.block-cont .left-cont .setion{padding-bottom: 15px;}
.setion .hd{ display: block; height: 50px; line-height: 49px; margin-bottom: 7px;  font-size: 16px; border-bottom: 1px solid #E3E3E3; position: relative; padding: 0;  }
.setion .hd .hd-name{ color: #358ff0;display: inline-block; font-size: 20px; font-weight: 700;float: left;border-bottom: 3px solid #358ff0;overflow: hidden;height: 50px;}
.setion .hd .hd-name.blue{ color: #358ff0;}


.setion .hot-list-ico{border: 0;padding: 0;width: 105%;height: auto;}
.setion .hot-list-ico li{padding:10px 20px 10px 0}

.setion  .article-list2 {margin-top: 10px;}
.setion  .article-list2 li{float: left;width: 50%;padding: 5px 0;}
.setion  .article-list2 li a{max-width: 375px;}

.article-detail{padding: 10px 0;}
.article-detail .hd{font-size: 20px;text-align: center;color: #333;font-weight: bold;}
.article-detail .time{border-bottom: 1px solid #edf0f2;color: #999;text-align: center;padding: 15px 0;}
.article-detail .time span{padding: 0 15px;}
.article-detail .con{line-height: 36px;color: #666;padding: 20px 0;font-size: 15px;}
.article-detail .con img{display: block;margin:  20px auto; max-width: 80%;max-height: 500px;}
.article-detail .con a{color:#358ff0}
.article-detail .article-next{padding: 10px 0;border-top: 1px #ddd dashed;line-height: 30px;}
.article-detail .article-next span{color: #999;float: left;}
.article-detail .article-next a{color: #333;display: inline-block;}






.hot-tags{ padding-bottom: 20px; margin-left: -10px;}
.hot-tags a{margin-left: 10px; margin-top: 15px; line-height: 26px; display: inline-block; padding: 0 20px; border-radius: 50px; border: 1px solid #e5e5e5; background-color: #f5f5f5;}
.hot-tags a{color:#ff1716}
.hot-tags a:nth-child(2n){color:#0b9e94}
.hot-tags a:nth-child(3n){color:#d39f17}
.hot-tags a:nth-child(4n){color:#ff006b}
.hot-tags a:nth-child(5n){color:#049cff}
.hot-tags a:nth-child(6n){color:#8b4bfa}
.hot-tags a:nth-child(7n){color:#4b991f}



.hot-tags a:hover{color: #2abff6;}





/*通用*/
.game-info .info  .link-name:hover,.article-detail .article-next a:hover,.pc-list .link-name:hover,.app-list  li:hover .link-name,.focus-wrap .article-list li .link-name:hover,.block-hd .btn-more:hover,.article-main .block2 .hd .title a:hover,.article-list2 li a:hover,.block-yqlink ul li a:hover{color:#ed2f2f;}


.soft-info .btn-down i,.app-info .btn-down i,.art-list ul li .time span,.num-list .prev,.num-list .next,.rank-hd i,.star{background-image: url(../images/icon.png);background-repeat: no-repeat;}



.page-404{margin: 0 auto;width: 100%;text-align: center;position: absolute;top:10%;left: 0;}
.page-404 .bl-item{background: url(../images/404.jpg) top center  no-repeat;width: 860px;margin: 0 auto;}
.page-404 .btn{padding: 360px 0 0 0px;color: #777;font-size:20px;}
.page-404 .btn p{padding-bottom: 20px;text-align: center;}
.page-404 .btn a{color: #fff;background: #358ff0;border-radius:20px;height: 40px;display:inline-block;line-height: 40px;padding: 0 40px;font-size:16px;}
.page-404 .btn a:hover{background-color: #2b71c2;text-decoration: none;}


.block-cont{position: relative;}
.block-cont .right-cont.enter { position: fixed; bottom: 0; left: 50%; margin-left: 290px; }
.block-cont .right-cont.leave { position: absolute; }
.pos-fixeds {    position: fixed;    bottom: 0;    margin-left: 910px;}


.rank-system-list {padding:  5px 0px;}
.rank-system-list li{color: #666;padding:15px 15px;position: relative;left: 0;height: 50px;border-bottom: 1px #eee dashed;}
.rank-system-list .link-ico{float: left; width:50px; height: 50px; overflow: hidden; border-radius:6px;margin-right: 10px;	}
.rank-system-list .link-ico img{width:100%; height: 100%; }
.rank-system-list .link-name{height: 22px;overflow: hidden;display: block;width: px;line-height: 22px;overflow: hidden;font-size: 15px;}
.rank-system-list .inf p{color: #999;font-size: 13px;padding-top:8px;height: 22px;overflow: hidden;line-height: 22px;width: 180px;}
.rank-system-list li:last-child{border: 0;}

.rank-system-list .btn-down {color:#358ff0; display:inline-block;padding: 0 10px; height:22px; line-height:22px; text-align:center; border:1px solid #358ff0; border-radius: 2px;position:absolute;top: 15px; right: 0;}
.rank-system-list   .btn-down:hover {color:#fff;  border:1px solid #358ff0;background: #358ff0; }


/*win10系统之家---文字链接颜色背景*/
.focus-wrap .article-list li:hover,.focus-wrap .article-list2 li:hover{background-color: #f3f3f3;}
.focus-wrap .article-list li:hover a,.focus-wrap .article-list2 li:hover a{color: #ed2f2f;}



.index-system-list{ padding-bottom:20px;  }
.index-system-list ul{width: 110%;}
.index-system-list ul li{ padding:15px 0 20px; border-bottom:1px #eee dashed;; width:580px;float: left;margin-right:30px;}
.index-system-list ul li .link-name{font-size: 15px;font-weight: bold;line-height: 24px;height:50px;overflow:hidden;display: block;}
.index-system-list ul li .link-ico{float:left;width: 240px;height: 180px ;overflow: hidden;}
.index-system-list ul li .link-ico img{width: 100%;height:100% ;object-fit: cover; min-height: 100%!important;height: auto !important}
.index-system-list ul li .inf{padding-left: 255px; }
.index-system-list ul li .txt{line-height: 22px;color: #666;height:66px; overflow: hidden;margin: 8px 0;}
.index-system-list ul li .btn { height: 36px}
.index-system-list ul li .btn span{color: #fff;background: #358ff0;line-height: 36px;float: left;padding: 0 20px;}
.link-ico{background: #f5f5f5;}

.block-jc .left-cont{float: left;width: 876px;}
.block-jc .right-cont{float: right;width: 300px;}


.system-list ul{float: none;}
.system-list ul li{ padding:20px 0 22px; border-bottom:1px solid #ededed; width:100%;}
.system-list ul li .link-name{font-size: 18px;font-weight: bold;line-height: 28px;padding-bottom: 10px;display: block;}
.system-list ul li .link-ico{float:left;width: 240px;height: 180px ;overflow: hidden;border-radius: 2px;}
.system-list ul li .link-ico img{width: 100%;height:100% ;object-fit: cover; min-height: 100%!important;height: auto !important}
.system-list ul li .inf{padding-left: 260px;padding-right: 10px; }
.system-list ul li .txt{line-height: 28px;color: #666;height:84px; overflow: hidden;font-size: 15px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-bottom: 8px;}
.system-list ul li .tag { color: #999;height: 30px;font-size: 13px;line-height: 30px;}
.system-list ul li .tag span{float:left;padding-right: 22px;}

.system-list ul li .tag a{padding: 0 12px; background: #2abf1d;color: #fff;display: inline-block;border-radius: 2px; }
.system-list ul li .tag a:hover{background: #25a91a;}

.system-list ul li:first-child{padding-top: 0;}



.system-info{padding:10px 0px;width: 100%;}
.system-info .img-ico{float: left;width: 290px; height: 215px; border-radius: 4px;overflow: hidden;}
.system-info .img-ico img{width: 100%;min-height:215px;}
.system-info .con { overflow: hidden;float: left ;width: 470px; padding-left: 30px;}
.system-info   .hd-name { overflow: hidden; font-size: 26px; color: #333; line-height: 30px; font-weight: bold;padding-bottom: 24px;display: block;  }

.system-info .con ul {overflow: hidden;padding: 5px 0 15px;}
.system-info .con ul li {float: left;width:49%;line-height: 28px;font-size: 14px;color: #333;height: 29px;white-space:  nowrap;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.system-info .con ul li.tr{width: 100%;}
.system-info .con ul li span { float: left; color: #999; }
.system-info .con ul li a{color: #16A2EB;}
.system-info .con ul li em{float: left;padding-right: 10px;}
.system-info .con ul li.tr i{width:24px ; height: 28px; display: inline-block;vertical-align: bottom;}
.system-info .con ul li i.ico-1{background-position: 0 -70px}
.system-info .con ul li i.ico-2{background-position: 2px -98px}
.system-info .con ul li i.ico-3{background-position: 2px -125px}
.system-info .con ul li i.ico-ok{background-position: 4px -152px;width: 32px;}


.system-info .btn-down{float: left;height: 40px;	background-color: #2abf1d;	border-radius: 4px;font-size: 22px;color: #fff;line-height: 40px;padding: 10px 40px 10px 32px ;}
.system-info .btn-down:before{content:" ";width: 50px; height: 40px;display: inline-block;vertical-align: middle;background-position: -38px -70px;}
.system-info .btn-down:hover{background: #25a91a;}

.system-info .btn-more{ color: #2abf1d; line-height: 60px;padding-left: 20px;font-size: 16px;}
.system-info .btn-more:hover{color: #25a91a;}

.system-tip .title:before,.system-info .btn-down:before,.system-info .con .tr i,.art-list ul li .time span,.current:before{background-image: url(../images/new-ico.png);    background-repeat: no-repeat;}
.system-tip{background: #f3fafe;border:2px #358ff0 solid;border-radius: 10px;min-height: 300px;margin: 20px 0;padding:26px;width: 85%;}
.system-tip .title{font-size:18px;font-weight: bold;line-height: 32px;height: 32px;}
.system-tip .title:before{content: " ";float: left;width:40px;height: 32px;background-position: 0 -194px}
.system-tip .txt{line-height: 36px;font-size: 16px;color: #0f6b99;padding-top: 15px;}
.download-add{ padding:10px 0 20px 0}
.download-add ul li{ float:left; padding:5px 0 ;width: 100%;}
.download-add ul li .txt{ float:left; line-height:38px; width:80px; font-size:15px}
.download-add ul li .btn{ float:left; width:700px; font-size:13px}
.download-add ul li .btn a.xl,a.wp,a.bd{ float:left; width:100px; height:34px; padding-left:45px; margin-right:10px;margin-bottom:5px; color:#fff; line-height:34px;background:url(../images/new-ico.png)  no-repeat; letter-spacing: 2px;}
.download-add ul li .btn a.xl{ background-position:-80px -130px}
.download-add ul li .btn a.wp{ background-position:-80px -174px}
.download-add ul li .btn a.bd{ background-position:-80px -219px}
.download-add ul li .btn a:hover{ text-decoration:none}
.download-add .bd-code{width:145px; height:34px;float: left;margin-right:10px;margin-bottom:5px;line-height: 34px;color: #358ff0;font-weight: bold;background: #F5F5F5;border-radius: 2PX;text-align: center;font-size: 15px;}



.system-like{overflow: hidden;}
.system-like ul{width: 110%;}
.system-like  li{float: left;padding: 10px 18px 10px 0;}
.system-like  li .link-ico{display: block; width:150px; height: 110px; overflow: hidden;border-radius:2px;}
.system-like  li .link-ico img{width:100%; height: 100%; }
.system-like li .link-name{display: block;width:150px;line-height:22px;height:46px;overflow: hidden;text-align: center;padding-top: 5px;}
.system-like  li:hover .link-name{color: #ed2f2f;}


.rank-list{	overflow: hidden;padding:6px 15px ;}
.rank-list em{float: left;width: 22px;height: 22px;font-family: arial;line-height: 20px;text-align: center;font-size: 14px;     color: #fff;margin-right: 10px;background:#c7c7c7;border-radius: 2px;}
.rank-list em.nb1{background: #ff6b66;}
.rank-list em.nb2{background: #ff8652;}
.rank-list em.nb3{background: #ffa742;}

.rank-list .system-ul  em{font-size: 20px; color:#c7c7c7;background: #fff;font-weight: bold;width: 24px;font-style: italic;}
.rank-list .system-ul em.nb1{color: #ff6b66;}
.rank-list .system-ul em.nb2{color: #ff8652;}
.rank-list  .system-ul em.nb3{color: #ffa742;}
.rank-list .system-ul li{padding: 14px 0 13px;    border-bottom: 1px dashed #e4e4e4;}

.rank-list .system-ul li:last-child{border: 0;}





.rank-list .link-name{height: 22px;line-height: 22px;overflow: hidden;display: block;display: block;overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;*display:inline;*zoom:1;}
.rank-list .inf{height: 64px;padding-right: 20px;}
.rank-list .inf p{color: #999;line-height: 20px;overflow: hidden; height: 20px;}

.rank-list li{padding:10px 0 ; }

.block-jc .right-cont .rank-list {padding:5px 0 0 ; }
.block-jc .right-cont .rank-list li{padding:9px 0 ; }

.copyright{border:1px solid #ccc;}
.copyright .hd-name{border-bottom:1px dashed #ddd;line-height:46px;text-align:center;font-weight:bold;font-size:16px;}
.copyright .content{line-height:34px;padding: 10px 20px;font-size: 15px;}
