.newsDetail-page{margin: 0px 0 10px; padding: 15px 0 0; box-sizing: border-box;border-top: 10px solid #ececec;background-color: #ffffff;}
.newsDetail-page .news-detail-panel .news-detail-wrap h1{width: 100%; text-align: center; height: auto; line-height: 32px; font-size: 20px; font-weight: bold; color: #222; padding: 0 15px 0; box-sizing: border-box; display: block; overflow: hidden;}
.newsDetail-page .news-detail-panel .news-detail-wrap .news-author-wrap{text-align: center; border-bottom: 1px dashed #ebebeb; width: 100%; height: 16px; line-height: 16px; font-size: 12px; font-weight: normal; color: #999; margin: 12px 0 0; padding-bottom: 10px; display: block; overflow: hidden;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner{overflow: hidden;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul{overflow: hidden;display: block; margin: 0;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul li{position: relative; height: auto; background: #fff; overflow: hidden; margin: 15px 15px 0 15px; padding: 15px; background-color: #f9f9f9; border-radius: 8px;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul li .detailWrap{position: relative; width: auto; height: auto; overflow: hidden;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul li .detailWrap .imgWrap{float: left; width: 75px; height: 75px; border-radius: 14px; display: block; overflow: hidden;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul li .detailWrap .imgWrap img{width: 75px; height: 75px; border-radius: 14px; display: block; overflow: hidden;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul li .detailWrap .linkWrap{-webkit-box-flex: 1; display: block; overflow: hidden;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul li .detailWrap .linkWrap div{width: auto; height: auto; -webkit-box-flex: 1; padding: 0 0 0 15px; box-sizing: border-box; display: block; overflow: hidden;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul li .detailWrap .linkWrap div h4{width: 100%; height: 20px; line-height: 20px; font-size: 15px; font-weight: normal; color: #333; margin: 2px 0 0 0; display: block; overflow: hidden;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul li .detailWrap .linkWrap div i{display: block; height: 14px; margin: 9px 0 8px 0;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul li .detailWrap .linkWrap div i img{width: auto; height: 14px; display: block; overflow: hidden;border-radius: 14px;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul li .infoWrap{font-size: 12px; color: #999; height: 14px; padding: 0 0 0 15px; height: 20px; line-height: 20px;}
.newsDetail-page .news-detail-panel .news-detail-wrap .appBanner ul li .downloadBtn{text-decoration: none; color: #f60; position: absolute; font-style: normal; top: 42px; right: 15px; border: 1px solid #f60; border-radius: 4px; display: block; height: 22px; line-height: 22px; font-size: 14px; text-align: center; width: 53px; background: #f60; color: #fff; }

.app-content{width: 100%; height: auto; padding: 0 15px 15px; box-sizing: border-box; display: block; overflow: hidden;}
.app-content p{width: 100%; height: auto; line-height: 26px; font-size: 15px; font-weight: normal; color: #333; text-indent: 0; margin: 12px 0 0; display: block; overflow: hidden;}
.app-content h3{width: 100%; height: auto; line-height: 26px; font-size: 16px; font-weight: bold; color: #f60; margin: 15px 0 0; display: block; overflow: hidden;}
.app-content p img{width: auto; max-width: 100%; height: auto; margin: auto; display: block; overflow: hidden; border-radius: 4px;}

.related-news-panel{overflow: hidden;background-color: #ffffff;border-top: 10px solid #ececec;}
.related-news-panel ul{padding: 10px 15px 10px; overflow: hidden;}
.related-news-panel ul li{overflow: hidden; height: 38px; line-height: 38px; position: relative; padding-left: 14px;}
.related-news-panel ul li i{width: 4px; height: 4px; background: #f60; margin: 18px 0px 0 0px; display: block; position: absolute; left: 0; top: 0px;}
.related-news-panel ul li a{display: block; height: 38px; overflow: hidden; color: #333; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }

.user-comment-panel{border-top: 10px solid #ececec;overflow: hidden;background-color: #ffffff;}
.user-comment-panel .commentWrap{width: 94%; height: auto; margin: 0px auto 0px; box-sizing: border-box; display: block; overflow: hidden; background-color: #fff;}
.user-comment-panel .commentWrap .commentForm{display: block;}
.user-comment-panel .commentWrap .commentForm textarea{width: 100%; height: 102px; background: #f8f8f8; font-size: 14px; font-weight: normal; color: #000; border: 1px solid #f2f1f1; border-radius: 6px; padding: 10px; box-sizing: border-box; display: block; overflow: hidden;margin: 15px 0 15px 0;outline: none;}
.user-comment-panel .commentWrap .commentForm .buttonWrap{width: 100%; height: auto; display: block; padding: 0; border: none; overflow: hidden; margin: 0px 0px 15px 0px;}
.user-comment-panel .commentWrap .commentForm .buttonWrap input{width: 98%; height: 34px; line-height: 34px; background-color: #f60; font-size: 15px; font-weight: normal; font-family: "microsoft yahei"; text-align: center; color: #fff; padding: 0; margin: 0; border: 0; display: block; overflow: hidden; border-radius: 20px; margin: 0 auto;}

.premium-recommend-panel{border-top: 10px solid #ececec;overflow: hidden;background-color: #ffffff;}
.premium-recommend-panel ul{width: 100%; height: auto; padding: 0px 15px 0; box-sizing: border-box; display: block; overflow: hidden;}
.premium-recommend-panel ul li a{height: 101px; padding: 0px 0 15px 150px; border-bottom: 1px solid #f3f3f3; display: block; overflow: hidden; position: relative; margin: 15px 0 0 0;}
.premium-recommend-panel ul li a img{width: 135px; height: 101px; border-radius: 4px; display: block; overflow: hidden; position: absolute; left: 0; top: 0;}
.premium-recommend-panel ul li a > div{width: auto; height: auto; display: block; overflow: hidden;}
.premium-recommend-panel ul li a > div p{width: 100%; height: 52px; line-height: 26px; font-size: 15px; font-weight: normal; color: #333; display: block; overflow: hidden;}
.premium-recommend-panel ul li a > div span{width: 100%; height: 16px; line-height: 16px; font-size: 13px; font-weight: normal; color: #999; margin: 15px 0 0; display: block; overflow: hidden;}

.reading-ranking-panel{border-top: 10px solid #ececec;overflow: hidden;background-color: #ffffff;}
.reading-ranking-panel ul{padding: 10px 15px 10px; overflow: hidden;}
.reading-ranking-panel ul li{overflow: hidden; line-height: 40px; height: 40px; position: relative; padding-left: 32px;}
.reading-ranking-panel ul li i{position: absolute; left: 0px; top: 9px; height: 22px; width: 22px; display: block; line-height: 22px; text-align: center; background: #c7c7c7; color: #fff; border-radius: 3px; font-style: normal;}
.reading-ranking-panel ul li:nth-child(1) i { background: #ff5555; }
.reading-ranking-panel ul li:nth-child(2) i { background: #ff6600; }
.reading-ranking-panel ul li:nth-child(3) i { background: #ff9900; }
.reading-ranking-panel ul li a{display: block; height: 40px; overflow: hidden; color: #333; text-overflow: ellipsis; white-space: nowrap; font-size: 15px;}

.hot-recommend-panel{border-top: 10px solid #ececec;overflow: hidden;background-color: #ffffff;}
.hot-recommend-panel .tab-list ul{position: absolute; top: 15px; right: 5px; font-weight: normal; color: #999;display: flex;}
.hot-recommend-panel .tab-list li{padding: 0px 15px; color: #333; cursor: pointer; font-size: 15px; border-left: 1px solid #d2d2d2;}
.hot-recommend-panel .tab-list li.active{color: #ff7700;}
.hot-recommend-panel .tab-list li:first-child{border-left: none;}
.hot-recommend-panel .item-listing{display: none;}
.hot-recommend-panel .item-listing.active{display: block;}
.hot-recommend-panel .item-listing ul{width: 100%; height: auto; padding: 0 10px 15px 10px; box-sizing: border-box;overflow: hidden;}
.hot-recommend-panel .item-listing ul li{width: 25%; height: auto; margin: 22px 0px 0 0px; box-sizing: border-box; float: left; display: inline; overflow: hidden;}
.hot-recommend-panel .item-listing ul li a{margin: 0px auto; height: auto; display: block; overflow: hidden;}
.hot-recommend-panel .item-listing ul li a img{width: 75px; height: auto; border-radius: 14px; display: block; overflow: hidden; margin: 0 auto;}
.hot-recommend-panel .item-listing ul li a h3{width: 100%; height: 20px; line-height: 20px; font-size: 15px; font-weight: normal; color: #333; text-align: center; margin: 10px 0 5px 0; display: block; overflow: hidden;}
.hot-recommend-panel .item-listing ul li a p{font-size: 12px; color: #999; height: 20px; line-height: 20px; text-align: center; display: block;}