/************** 详情页 **************/
.articleDetail .articleDetailUp{border-bottom: 1px solid #efefef; margin-bottom: 40px;}
.articleDetail .articleDetailUp .articleTitle{font-size: 32px; color: #27282d; line-height: 46px; padding-bottom: 10px;}
.articleDetail .articleDetailUp .articleSubtitle{font-size: 24px; font-weight: normal; color: #666666; line-height: 36px; padding-bottom: 10px;}
.articleDetail .articleDetailUp .articleMeta{font-size: 14px; color: #494b50; line-height: 30px; margin-bottom: 30px; overflow: hidden;}
.articleDetail .articleDetailUp .articleMeta a{color: #494b50; display: inline-block; zoom: 1; *display: inline;}
.articleDetail .articleDetailUp .articleMeta span{padding-right: 10px; position: relative; margin-right: 10px; display: inline-block; zoom: 1; *display: inline;}
.articleDetail .articleDetailUp .articleMeta span i{font-style: normal;}
.articleDetail .articleDetailUp .articleMeta .thumb {float: left; width: 22px; height: 22px; vertical-align: middle; border-radius: 100%; margin-right: 10px; margin-top: 4px; display: inline-block; zoom: 1; *display: inline;}
.articleDetail .articleDetailUp .articleMeta span:after{ content: ''; display: block; width: 0; height: 10px; border-right: 1px solid #d6d6d6; position: absolute; top: 50%; margin-top: -5px; right: 0; visibility: visible;}
.articleDetail .articleDetailUp .articleMeta span.comment:after{visibility: hidden;}
.articleDetail .articleDetailUp .articleMeta a:hover{color: #e22c29;}

.articleDetail .articleMain .article .summary { font-size: 16px; color: #656668; line-height: 30px;}
.articleDetail .articleMain .article .summary:after { display: block; width: 58px; content: ""; border: 1px solid #d5d5d5; margin: 20px 0 30px;}
.articleDetail .articleMain .article h4{font-size: 24px; color: #27282d; line-height: 36px; margin-bottom: 35px;}
.articleDetail .articleMain .article,.articleDetail .articleMain .article p{font-size: 16px; color: #494b50; line-height: 30px; margin-bottom: 35px;}
.articleDetail .articleMain .article img,.articleDetail .articleMain .article p img {max-width: 500px !important;height: auto !important;margin: auto;display: block;}
.articleDetail .articleMain .article p span{/*display: block; */text-align: center; padding-top: 5px;}
#asMain .articleDetail .articleMain .pageNav{padding-top: 0; padding-bottom: 40px;}

.articleDetail .articleMain .articleZanFav{text-align: center; padding-bottom: 40px;}
.articleDetail .articleMain .articleZanFav .zanBox,.articleDetail .articleMain .articleZanFav .favBox{display: inline-block; zoom: 1; *display: inline; padding: 0 20px;}
.articleDetail .articleMain .articleZanFav .btn{padding: 0 30px; line-height: 52px; font-size: 18px; background: #e22c29; color: #fff; border-radius: 5px; display: block; cursor: pointer;}
.articleDetail .articleMain .articleZanFav .btn em{font-style: normal; padding-left: 5px;}
.articleDetail .articleMain .articleZanFav .btnBorder{ background: #ffffff; border:1px solid #e22c29; line-height: 50px; color: #e22c29;}
.articleDetail .articleMain .articleZanFav .btn .iconLike{float: left; width:18px; height: 18px; background: url(../images/spirit.png) no-repeat; background-position: -68px -392px; margin-top: 16px; margin-right: 10px;}
.articleDetail .articleMain .articleZanFav .btn .iconHeart{float: left; width:20px; height: 19px; background: url(../images/spirit.png) no-repeat; background-position: -86px -392px; margin-top: 15px; margin-right: 10px;}
.articleDetail .articleMain .articleZanFav .fav:hover{background: #fbf1f1;}
.articleDetail .articleMain .articleZanFav .fav.on{background: #e22c29; color: #fff;}
.articleDetail .articleMain .articleZanFav .fav.on:hover{background: #c92724;}
.articleDetail .articleMain .articleZanFav .fav.on .iconHeart{background: url(../images/spirit.png) no-repeat; background-position: -106px -392px;}
.articleDetail .articleMain .articleInfo{font-size: 14px; line-height: 24px; color: #656668; padding: 15px 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: 40px;}
.articleDetail .articleMain .articleZanFav .zan:hover{background: #c92724;}
.articleDetail .articleMain .articleTag{padding: 0 0 20px;}
.articleDetail .articleMain .articleSubNav{font-size: 20px; color: #27282d; padding-bottom: 20px; line-height: 30px; font-weight: bold;}
.articleDetail .articleMain .articleTag .tags a{float: left; display: block; height: 38px; line-height: 38px; padding: 0 20px; text-align: center; background: #f6f6f6; border-radius: 38px; font-size: 16px; color: #27282d; margin-bottom: 20px; margin-right: 18px;}
.articleDetail .articleMain .articleTag .tags a:hover{color: #e22c29; background: #fbf1f1;}

.articleDetail .articleMain .articlePaged{border: 1px solid #f3f3f3; border-right: none; margin-bottom: 35px;}
#asMain .articleDetail .articleMain .articlePaged .prevNext li{width: 50%; float: left; padding-bottom: 0;}
.articleDetail .articleMain .articlePaged .prevNext li a{padding: 30px 20px; display: block; border-right: 1px solid #f0f0f0; font-size: 16px; color: #27282d; line-height: 24px;}
.articleDetail .articleMain .articlePaged .prevNext li a:hover{color: #e22c29;}
#asMain .articleDetail .articleMain .articlePaged .prevNext li .articleListRight {width: 238px;}
.articleDetail .articleMain .articlePaged .prevNext li a p{max-height: 48px;}
.articleDetail .articleMain .articlePaged .prevNext .prevNextTitle{font-size: 14px; color: #27282d; font-weight: bold; padding-bottom: 7px;}
.articleDetail .articleMain .articlePaged .prevNext .prevNextTitle span{position: relative;}
.articleDetail .articleMain .articlePaged .pre .prevNextTitle span{padding-left: 15px; }
.articleDetail .articleMain .articlePaged .prevNextTitle i{display: block; width: 7px; height: 12px; background: url(../images/spirit.png) no-repeat;}
.articleDetail .articleMain .articlePaged .pre .prevNextTitle i{position: absolute; top:4px; left:0; background-position: -96px -174px;}
.articleDetail .articleMain .articlePaged .prevNext li a:hover .prevNextTitle{color: #e22c29;}
.articleDetail .articleMain .articlePaged .prevNext .pre a:hover .prevNextTitle i{ background-position: -104px -174px;}
.articleDetail .articleMain .articlePaged .next .prevNextTitle span{padding-right: 15px; }
.articleDetail .articleMain .articlePaged .next .prevNextTitle i{position: absolute; top:4px; right:0; background-position: -120px -174px;}
.articleDetail .articleMain .articlePaged .prevNext .next a:hover .prevNextTitle i{background-position: -112px -174px;}

.articleDetail .articleMain .articleRelated li{width: 50%; float: left; padding-bottom: 0;}
#asMain .articleDetail .articleMain .articleRelated li .articleListRight {width: 260px; padding-right: 20px;}
#asMain .articleDetail .articleMain .articleRelated li  {padding-bottom: 0; margin-bottom: 40px;}

.articleToolkit {position: absolute; left: -90px; top: 8px; display: block; padding-bottom: 60px;}
.articleToolkit.articleToolkitFixed{position: fixed; top:10px; left:50%; margin-left: -690px; z-index: 6;}
.articleToolkit .toolkit {display: block; width: 50px; border: 1px solid #eaeaea; border-bottom: none; text-align: center; padding: 10px 0 7px; font-size: 14px; color: #656668; cursor: pointer;line-height: 18px; background: #ffffff;}
.articleToolkit .toolkit.share {border-bottom: 1px solid #eee;}
.articleToolkit .toolkit em{font-style: normal; display: block;}
.articleToolkit .toolkit i{ display: block; width: 20px; height: 20px; margin: 0 auto 5px; background: url(../images/spirit.png) no-repeat;}
.articleToolkit .toolkit:hover,.articleToolkit .toolkit.on{color: #e22c29;}
.articleToolkit .toolkit i.iconComm{background-position: 0 -476px;}
.articleToolkit .com:hover i.iconComm{background-position: -20px -476px;}
.articleToolkit .toolkit i.iconFav{background-position: -40px -476px;}
.articleToolkit .fav:hover i.iconFav,.articleToolkit .fav.on i.iconFav{background-position: -60px -476px;}
.articleToolkit .toolkit i.iconShare{background-position: -80px -476px;}
.articleToolkit .share:hover i.iconShare{background-position: -100px -476px;}
.articleToolkit .share {position: relative;}
.articleToolkit .share .shareIconBox{z-index: 5;}
.articleToolkit .share .shareDiv {position: absolute;left: 80%;top: -1px;width: 0;visibility: hidden;opacity: 0;background: #fff;height: 100%;padding: 0 0 0 10px;border: 1px solid #eee;border-left: none;transition: all .2s; z-index: 4;}
.articleToolkit .share:hover .shareDiv {left: 100%;width: auto;visibility: visible;opacity: 1;transition: all .2s;}
.articleToolkit .shareDiv ul{width: 192px;}
.articleToolkit .shareDiv li{position: relative; display: block; margin: 0 10px 0 0; padding: 11px 0;}
.articleToolkit .shareDiv .shareUl a {display: block; width: 38px; height: 38px;}
.articleToolkit .shareDiv .shareUl a i{display: block; width: 38px; height: 38px; background: url(../images/spirit.png) no-repeat; margin-bottom: 0; transition: all .2s;}
.articleToolkit .shareDiv .shareUl .wechatLi a i{background-position: 0 -498px;}
.articleToolkit .shareDiv .shareUl .sinaLi a i{background-position: -76px -498px;}
.articleToolkit .shareDiv .shareUl .qqLi a i{background-position: -38px -498px;}
.articleToolkit .shareDiv .shareUl .qzoneLi a i{background-position: -114px -498px;}
.articleToolkit .shareDiv .shareUl .wechatLi:hover a i{background-position: 0 -536px;}
.articleToolkit .shareDiv .shareUl .sinaLi:hover a i{background-position: -76px -536px;}
.articleToolkit .shareDiv .shareUl .qqLi:hover a i{background-position: -38px -536px;}
.articleToolkit .shareDiv .shareUl .qzoneLi:hover a i{background-position: -114px -536px;}
.articleToolkit .shareDiv .shareUl .wechatLi .weChatDown{z-index: 0; visibility: hidden; opacity: 0; transition: all .2s; position: absolute; top:60px; left:50%; margin-left: -63px;border-radius: 5px; border: 1px solid #f0f0f0; padding: 10px; background: #ffffff;}
.articleToolkit .shareDiv .shareUl .wechatLi:hover .weChatDown { z-index: 10; opacity: 1; visibility: visible;}
.articleToolkit .shareDiv .shareUl .wechatLi .weChatDown .weChatCode{width: 104px;}
.articleToolkit .shareDiv .shareUl .wechatLi .weChatDown .weChatCode img{display: block; width: 104px; height: 104px;}
.articleToolkit .shareDiv .shareUl .wechatLi .weChatDown .weChatCode p{font-size: 14px; color: #232529; line-height: 35px; text-align: center;}
.articleToolkit .shareDiv .shareUl .wechatLi span{position: absolute; top: -8px; left: 50%; margin-left: -8px; display: block; width: 16px; height:8px; background: url(../images/spirit.png) no-repeat; background-position: -127px -392px;}
/************** /详情页 **************/