@charset "UTF-8";
.index-toptj{margin:0 auto;overflow:hidden}
.index-toptj dl{overflow:hidden}
.index-toptj dl::after{content:"";display:block;clear:both;zoom:1}
.index-toptj dl dt{overflow:hidden;float:left;margin:0 15px 5px 0;width:70px;height:30px;text-align:center;line-height:30px;background:url(../images/navbar_bg.png)}
.index-toptj dl dd{height:30px;margin:0 0 5px 10px}
.index-toptj .card1{margin-left:-30px}
.index-toptj .card1::after{content:"";display:block;clear:both;zoom:1}
.index-toptj .card1 li{float:left;margin:10px 0 0 30px;width:80px}
.banner-2{width:100%;height:300px;background-color:#f7f7f7}
.banner-2 a{display:block;height:100%;position:relative;bottom:0;padding:0}
.banner-2 a p{position:absolute;bottom:0;padding:8px 10px;width:100%;background:rgba(28,28,28,.4);-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;text-align:left;font-weight:700;font-size:16px;line-height:24px}
.banner-2 a img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.banner-2 .swiper-button-prev{left:-30px;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg)}
.banner-2 .swiper-button-next{right:-30px}
.banner-2 .swiper-button-next,.banner-2 .swiper-button-prev{transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;width:30px;height:60px;background-color:rgba(0,0,0,.1);background-image:url(../images/slide-arr-l.png);background-repeat:no-repeat;background-position:center center;background-size:9px 16px;z-index:999;top:130px}
.banner-2 .swiper-button-next:hover,.banner-2 .swiper-button-prev:hover{background-color:rgba(0,0,0,.5)}
.banner-2:hover .swiper-button-prev{left:0}
.banner-2:hover .swiper-button-next{right:0}
.banner-2 .swiper-pagination{bottom:9px;text-align:right;width:auto;right:0;left:auto;padding-right:8px}
.banner-2 .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background-color:#fff;opacity:.8;margin:0 5px}
.banner-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:6px;height:6px;background-color:transparent;border:2px solid rgba(255,255,255,.8);vertical-align:middle}
.toptj-tags{overflow:hidden;height:30px}
.toptj-tags .tags-item{display:block;float:left;margin-left:16px;padding-left:18px;height:30px;background:url(../images/icon_line.png) no-repeat left center;color:#555;line-height:30px}
.toptj-tags .tags-item:first-child{padding-left:0;margin-left:0;background:0 0}
.toptj-tags .tags-item:hover{color:#0af}
.card-lr{overflow:hidden}
.card-lr .pic{display:block;float:left;overflow:hidden;margin-right:10px;width:64px;height:64px;border-radius:20%}
.card-lr .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;-moz-transition:transform .2s ease-out;-o-transition:transform .2s ease-out;-webkit-transition:transform .2s ease-out}
.card-lr .pic img:hover{transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08)}
.card-lr .cont{overflow:hidden}
.card-lr .cont .name a{display:block;margin:5px 0;overflow:hidden;height:18px;color:#222;font-size:16px;line-height:18px}
.card-lr .cont .name a:hover{color:#0af;font-weight:700}
.card-lr .cont p{overflow:hidden;color:#888;font-size:12px;line-height:18px;height:18px}
.text-list{padding-left:10px;background:url(../images/icon_point.png) no-repeat left center}
.text-list .title{overflow:hidden;display:block;height:28px;white-space:nowrap;text-overflow:ellipsis;color:#222;text-align:left;font-size:14px;line-height:28px}
.text-list .title:hover{color:#0af}
.text-list .date{display:block;float:right;overflow:hidden;margin-left:8px;height:28px;color:#888;text-align:right;font-size:12px;line-height:28px}
.text-list.hasdate .date{width:70px}
.wx-picture{position:relative;height:353px}
.wx-picture div{position:absolute}
.wx-picture div.img1,.wx-picture div.img5,.wx-picture div.img9{top:0}
.wx-picture div.img1 a,.wx-picture div.img5 a,.wx-picture div.img9 a{width:232px;height:353px}
.wx-picture div.img2,.wx-picture div.img6{top:0}
.wx-picture div.img2 a,.wx-picture div.img6 a{width:234px;height:234px}
.wx-picture div.img3,.wx-picture div.img4,.wx-picture div.img7,.wx-picture div.img8{top:238px}
.wx-picture div.img3 a,.wx-picture div.img4 a,.wx-picture div.img7 a,.wx-picture div.img8 a{width:115px;height:115px}
.wx-picture div.img1{left:0}
.wx-picture div.img5{left:474px}
.wx-picture div.img9{left:948px}
.wx-picture div.img2{left:236px}
.wx-picture div.img6{left:710px}
.wx-picture div.img3{left:236px}
.wx-picture div.img4{left:355px}
.wx-picture div.img7{left:710px}
.wx-picture div.img8{left:829px}
.wx-picture div a{position:relative;display:block;overflow:hidden}
.wx-picture div a img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.wx-picture div a .mask{display:block;width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;cursor:pointer;position:absolute;left:0;background:rgba(0,0,0,.5)}
.wx-picture div a .mask p{color:#fff;text-align:left;line-height:26px}
.wx-picture div a:hover .mask{top:0}
.text-list1{margin-top:5px;overflow:hidden}
.text-list1::after{content:"";display:block;clear:both;zoom:1}
.text-list1:hover{background-color:#f5f5f5}
.text-list1 .title{overflow:hidden;float:left;display:block;max-width:54%;height:28px;text-overflow:ellipsis;white-space:nowrap;color:#222;font-size:14px;line-height:28px}

.text-list1s .title {
    max-width:80%;
}

.text-list1 .title:hover{color:#0af}
.text-list1 .lt{display:block;float:left;margin-right:6px;padding-right:7px;width:72px;overflow:hidden;color:#888;text-align:right;font-size:12px;line-height:28px;background:url(../images/icon_line.png) no-repeat right center}
.text-list1 .pic{margin-top:3px;margin-right:5px;float:left;display:block;overflow:hidden;width:22px;height:22px;border-radius:5px}
.text-list1 .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.text-list1 .rt{display:block;float:right;margin-left:8px;color:#888;text-align:right;font-size:12px;line-height:28px}
.text-list03{overflow:hidden}
.text-list03 .title{overflow:hidden;display:block;height:28px;white-space:nowrap;text-overflow:ellipsis;color:#222;font-size:14px;line-height:28px}
.text-list03 .title:hover{color:#0af}
.text-list03 .num{display:block;float:left;margin-right:5px;margin-top:5px;width:18px;height:18px;border-radius:4px;color:#555;text-align:center;font-size:12px;line-height:18px;background-color:#eee}
.text-list03 .num.num1{background-color:#ff455b;color:#fff}
.text-list03 .num.num2{background-color:#ff9734;color:#fff}
.text-list03 .num.num3{background-color:#f7cc42;color:#fff}
.rank-aside2 li{overflow:hidden}
.rank-aside2 li:first-child .detail{display:block}
.rank-aside2 .num{display:block;float:left;background-color:#eee;width:20px;margin-top:10px;color:#555;text-align:center;font-size:12px;line-height:20px;border-radius:4px}
.rank-aside2 .num.num1{background-color:#ff455b;color:#fff}
.rank-aside2 .num.num2{background-color:#ff9734;color:#fff}
.rank-aside2 .num.num3{background-color:#f7cc42;color:#fff}
.rank-aside2 .rank-cont-r{margin-left:28px}
.rank-aside2 .name{height:40px;overflow:hidden}
.rank-aside2 .name.on a{font-weight:700}
.rank-aside2 .name a{color:#555;font-size:15px;line-height:40px;display:block}
.rank-aside2 .name a:hover{font-weight:700}
.rank-aside2 .detail{display:none;overflow:hidden}
.rank-aside2 .detail .pic{display:block;overflow:hidden;float:left;margin-right:10px;width:60px;height:60px;border-radius:20%}
.rank-aside2 .detail .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.rank-aside2 .detail .pic img:hover{opacity:.8}
.rank-aside2 .detail .detail-cont{overflow:hidden}
.rank-aside2 .detail .detail-cont .vote{height:30px;overflow:hidden}
.rank-aside2 .detail .detail-cont .vote .vote_column{margin-top:5px}
.rank-aside2 .detail .detail-cont .vote .vote_column i,.rank-aside2 .detail .detail-cont .vote .vote_column span{width:77px;height:17px;background:url(../images/xxx.png) no-repeat 0 -17px;display:block;overflow:hidden}
.rank-aside2 .detail .detail-cont .vote .vote_column i{background:url(../images/xxx.png) no-repeat 0 -1px}
.rank-aside2 .detail .detail-cont .vote p{float:left;max-width:60px;margin-right:8px;color:#888;text-align:left;font-size:13px;line-height:30px;background:url(../images/icon-shortline.jpg) no-repeat right center;padding-right:8px}
.rank-aside2 .detail .detail-cont .btn{display:inline-block;border:1px solid #0af;height:24px;padding:0 12px;color:#0af;text-align:center;font-size:13px;line-height:24px;border-radius:4px}
.rank-aside2 .detail .detail-cont .btn:hover{background-color:#0af;color:#fff}
.flink{overflow:hidden}
.flink p{overflow:hidden;margin-left:-10px}
.flink p a{display:block;float:left;padding:0 10px;color:#555;line-height:28px}
.flink p a:hover{color:#0af}
.lBox{background-color:#fff;padding:0 10px 20px 10px;margin-bottom:30px}
.lBox::after{content:"";display:block;clear:both;zoom:1}
.lBox .s-top-l{float:left;width:400px}
.lBox .s-top-c{float:left;width:420px;margin-left:30px}
.lBox .s-top-r{float:right;width:300px}
.lBox .s-l{float:left;width:840px}
.lBox .s-r{float:right;width:300px}
.IndexTopTj{margin:10px 0 20px 0;padding:10px}
.tabstyle1{display:block;overflow:hidden;text-align:center;border-bottom:1px solid #e8e8e8;margin:9px 0 12px 0}
.tabstyle1 li{padding:0 36px;vertical-align:top;display:inline-block;height:38px;cursor:pointer;color:#555;text-align:center;font-weight:700;font-size:16px;line-height:38px}
.tabstyle1 li.cur{color:#ff6793;line-height:38px;border-bottom:3px solid #ff6793}
.IndexTj{padding-bottom:10px;height:590px}
.s-top-l .banner-2{margin-top:10px}
.s-top-l .soft-tj{overflow:hidden}
.s-top-l .soft-tj li{float:left;width:50%;margin-top:10px}
.s-top-r .card1{margin-left:-30px;margin-top:10px}
.s-top-r .card1 li{float:left;width:80px;margin-left:30px;margin-bottom:10px}
.s-top-r .card2 .pic{height:154px}
.s-top-r .hj-recommend2{margin-top:10px}
.s-top-r .hj-recommend2::after{content:"";display:block;clear:both;zoom:1}
.s-top-r .hj-recommend2 li{width:50%;float:left}
.s-top-r .hj-recommend2 li .title{padding-right:10px}
.IndexHj .card2{overflow:hidden}
.IndexHj .card2 li{float:left;margin-left:20px}
.IndexHj .card2 li:first-child{margin-left:0}
.IndexHj .card2 .pic{width:220px;height:165px}
.IndexRank{padding-bottom:5px}
.IndexRank .hj-card-box{overflow:hidden;margin-left:-20px}
.IndexRank .hj-card-box li{float:left;margin:0 0 15px 20px;width:220px}
.IndexRank .hj-card-box .pic{width:220px;height:165px}
.android-index-list .com-title-aside{margin-top:-16px}
.android-index-list .card1{overflow:hidden;margin-left:-22px;margin-top:-20px}
.android-index-list .card1 li{float:left;width:100px;margin-left:23px;margin-top:18px}
.android-index-list .card1 .pic{margin:0 auto}
.IndexFLink{margin-bottom:0}
.gljc .gljc-l{width:300px;float:left}
.gljc .gljc-c{width:520px;float:left;margin:0 30px}
.gljc .gljc-r{width:300px;float:right}
.gljc .gljc-l .card2 li{margin-top:10px}
.gljc .gljc-c .article-hot{margin-top:-21px}
.gljc .gljc-r .com-title-aside{margin-top:-10px}
.gljc .gljc-r ul{margin-top:10px}
.article-hot .large{overflow:hidden;height:45px;text-align:center;font-weight:700;font-size:20px;line-height:45px}

.article-hot .text {
    border-bottom: 1px solid #f1f1f1;
    height: 30px;
    padding-bottom: 10px;
    color: #888;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.article-hot .text2{overflow:hidden;height:18px;vertical-align:middle;margin-bottom:10px;text-align:center}
.article-hot .text2 a{white-space:nowrap;word-break:break-all;color:#555;font-size:14px;line-height:18px;padding:0 10px 0 11px;background:url(../images/icon-shortline.jpg) no-repeat left center}
.article-hot .text2 a:first-child{background-image:none}
.article-hot .text2 a:hover{color:#0af}

.frs{
    float: right;
    font-size: 14px;
    color: #999;
    font-weight: normal;
line-height: 55px;
}