.zixun-page .container{display: flex;justify-content: space-between;}
.zixun-page .news-listing-panel{width: 865px;background-color: #fff;float: left; display: inline;}
.titleWrap{overflow: hidden; border-bottom: 1px solid #eee;}
.titleWrap .title{height: 25px; line-height: 25px; font-size: 22px; border-left: 3px solid #ff6600; padding-left: 8px; margin: 18px 19px 18px 19px; float: left;}
.titleWrap .title span{color: #ff6600;}
.titleWrap .news-tab{overflow: hidden; margin: 20px 0px 0px 50px;float: left;display: inline;}
.titleWrap .news-tab ul{margin: 0;padding: 0;}
.titleWrap .news-tab ul li{font-size: 15px; float: left; line-height: 25px; width: 70px; height: 25px; border-radius: 4px; text-align: center; margin: 0 8px 0 0; cursor: pointer;list-style: none;}
.titleWrap .news-tab ul li.active{background: #f60;}
.titleWrap .news-tab ul li.active a{color: #fff;}

.zixun-page .news-listing-panel .news-listing{overflow: hidden;}
.zixun-page .news-listing-panel .news-listing ul{margin: 0;padding: 0;}
.zixun-page .news-listing-panel .news-listing ul li{overflow: hidden; position: relative; padding: 15px 15px 15px 240px; height: 158px; border-bottom: 1px dashed #eee;list-style: none;}
.zixun-page .news-listing-panel .news-listing ul li a{display: block;}
.zixun-page .news-listing-panel .news-listing ul li a i{position: absolute; left: 15px; top: 15px; width: 210px; height: 158px; display: block; overflow: hidden;}
.zixun-page .news-listing-panel .news-listing ul li a i img{width: 100%; height: 100%; border-radius: 4px;}
.zixun-page .news-listing-panel .news-listing ul li a > span{height: 26px; line-height: 26px; overflow: hidden; margin: 0px 0 12px 0; font-size: 18px; font-weight: bold; color: #333; display: block; }
.zixun-page .news-listing-panel .news-listing ul li a > p{color: #999; max-height: 78px; line-height: 26px; overflow: hidden;}
.zixun-page .news-listing-panel .news-listing ul li a strong{font-weight: normal; display: block; height: 26px; margin-top: 10px;}
.zixun-page .news-listing-panel .news-listing ul li a strong > p{height: 26px; line-height: 26px; padding-left: 25px; color: #999; font-style: normal; display: block; background: url(../images/zixun/i-downico.webp) no-repeat; float: left; margin-right: 15px;}
.zixun-page .news-listing-panel .news-listing ul li a strong > p.time{background-position: -7px -81px;}
.zixun-page .news-listing-panel .news-listing ul li a strong > p.time span{color: red;}
.zixun-page .news-listing-panel .news-listing ul li a strong > p.popularity{background-position: -7px -119px;}
.zixun-page .news-listing-panel .news-listing ul li a:hover > span{color: #ff7700;}

.zixun-page .side-panel{width: 320px;float: right; display: inline;}
.zixun-page .side-panel .premium-recommend-panel{background: #fff; margin: 0 0 0; display: block; overflow: hidden;}
.zixun-page .side-panel .premium-recommend-panel ul{padding: 15px 15px 0px 15px; overflow: hidden;margin: 0;}
.zixun-page .side-panel .premium-recommend-panel ul li{overflow: hidden; position: relative; padding-left: 153px; margin-bottom: 15px; border-bottom: 1px dashed #ebebeb; padding-bottom: 15px;list-style: none;}
.zixun-page .side-panel .premium-recommend-panel ul li a{display: block; overflow: hidden; height: 92px;}
.zixun-page .side-panel .premium-recommend-panel ul li a img{width: 138px; height: 92px; position: absolute; left: 0; top: 0px; border-radius: 4px;}
.zixun-page .side-panel .premium-recommend-panel ul li a p{display: block; overflow: hidden; color: #333; height: 48px; line-height: 24px; font-size: 15px;}
.zixun-page .side-panel .premium-recommend-panel ul li a span{display: block; overflow: hidden; color: #999; font-size: 13px; margin-top: 10px;}
.zixun-page .side-panel .premium-recommend-panel ul li a:hover p{color: #ff7700;}
.zixun-page .side-panel .premium-recommend-panel ul li a:hover img{opacity: 0.8;}

.zixun-page .side-panel .reading-ranking-panel{background: #fff; margin: 15px 0 0; display: block; overflow: hidden;}
.zixun-page .side-panel .reading-ranking-panel ul{padding: 10px 15px 8px 15px; overflow: hidden;margin: 0;}
.zixun-page .side-panel .reading-ranking-panel ul li{overflow: hidden; line-height: 35px; height: 35px; position: relative; padding-left: 32px;list-style: none;}
.zixun-page .side-panel .reading-ranking-panel ul li i{position: absolute; left: 0px; top: 6.5px; height: 22px; width: 22px; display: block; line-height: 22px; text-align: center; background: #c7c7c7; color: #fff; border-radius: 3px; font-style: normal;}
.zixun-page .side-panel .reading-ranking-panel ul li a:hover {color: #ff7700 }
.zixun-page .side-panel .reading-ranking-panel ul li:nth-child(1) i { background: #ff5555; }
.zixun-page .side-panel .reading-ranking-panel ul li:nth-child(2) i { background: #ff6600; }
.zixun-page .side-panel .reading-ranking-panel ul li:nth-child(3) i { background: #ff9900; }
.zixun-page .side-panel .reading-ranking-panel ul li a{display: block; float: left; height: 35px; overflow: hidden; color: #333; width: 242px; text-overflow: ellipsis; white-space: nowrap; font-size: 15px;}

.zixun-page .side-panel .hot-recommend-panel{background: #fff; margin: 15px 0 0; display: block; overflow: hidden;}
.zixun-page .side-panel .hot-recommend-panel .tab-list{float: right; font-weight: normal; margin: 21px 10px 0 0; color: #999;display: inline;}
.zixun-page .side-panel .hot-recommend-panel .tab-list ul{margin: 0;padding: 0;}
.zixun-page .side-panel .hot-recommend-panel .tab-list ul li{padding: 0px 15px; color: #333; height: 20px; line-height: 20px; cursor: pointer; float: left; font-size: 15px; border-left: 1px solid #ddd;list-style: none;}
.zixun-page .side-panel .hot-recommend-panel .tab-list ul li:first-child{border-left: none;}
.zixun-page .side-panel .hot-recommend-panel .tab-list ul li.active{color: #f60;}
.zixun-page .side-panel .hot-recommend-panel .item-listing{padding-bottom: 20px; overflow: hidden;display: none;}
.zixun-page .side-panel .hot-recommend-panel .item-listing.active{display: block;}
.zixun-page .side-panel .hot-recommend-panel .item-listing ul{overflow: hidden; margin: 0 0 0 10px;padding: 0;}
.zixun-page .side-panel .hot-recommend-panel .item-listing ul li{float: left; overflow: hidden; margin-left: 8px;list-style: none;}
.zixun-page .side-panel .hot-recommend-panel .item-listing ul li a{width: 90px; height: auto; float: left; display: inline; overflow: hidden; margin-top: 20px;}
.zixun-page .side-panel .hot-recommend-panel .item-listing ul li a img{width: 90px; height: 90px; border-radius: 14px; margin: auto; display: block; overflow: hidden;}
.zixun-page .side-panel .hot-recommend-panel .item-listing ul li a h3{width: 100%; height: 16px; line-height: 16px; font-size: 15px; font-weight: normal; color: #555; text-align: center; margin: 10px 0 0; display: block; overflow: hidden;}
.zixun-page .side-panel .hot-recommend-panel .item-listing ul li a p{width: 100%; height: 14px; line-height: 14px; font-size: 12px; font-weight: normal; color: #999; text-align: center; margin: 7px 0 0; display: block; overflow: hidden;}