@charset "utf-8";
/* CSS Document */
body{user-select:none;-webkit-user-select:none;-moz-user-select: none}
.main{width:1000px;margin:0 auto;overflow:hidden}

/*详情样式*/
.view-title{width:100%;height:82px;border-bottom:1px solid #ececec}
.view-title h1{float:left;width:720px;height:60px;padding-top:12px;line-height:60px;font-size:26px;overflow:hidden}
.view-title ul{float:right}
.view-title li{position:relative;float:left;width:40px;height:72px;margin:0 10px;z-index:1;_zoom:1;}
.view-title li a{display:block;height:22px;padding-top:48px;line-height:22px;text-align:center;color:#999;background:url(../img/view.png) 7px 18px no-repeat;_background:url(../img/png8/view.png) 7px 18px no-repeat;overflow:hidden}
.view-title li .view-share{background-position:7px -34px}
.view-title li .view-comment{background-position:7px -86px}
.view-title li .view-praise{background-position:8px -140px}
.view-title li .view-collect.hover,.view-title li .view-collect:hover{background-position:-34px 13px}
.view-title li .view-praise.hover,.view-title li .view-praise:hover{background-position:-34px -47px}
.view-title li .view-share:hover{background-position:-34px -107px}
.view-title li .view-comment:hover{background-position:-34px -167px}

.view-title li .share-wrap{display:none;position:absolute;top:-40px;left:-62px;width:140px;height:32px;padding:5px 10px;border:1px solid #ececec;background:#fff;z-index:3;_zoom:1;}
.view-title li .share{position:relative;width:140px;height:32px;margin:0;z-index:2;_zoom:1;}
.view-title li .share a{float:left;width:32px;height:32px;line-height:32px;margin:0;padding:0;margin-right:4px;background:url(../img/share.png) 0 1px no-repeat;_background:url(../img/png8/share.png) 0 1px no-repeat}
.view-title li .share .qq{background-position:-39px 1px}
.view-title li .share .sina{background-position:-78px 1px}
.view-title li .share .share_copy{background-position:-117px 1px;margin-right:0}
.view-title li .share i{position:absolute;top:36px;left:64px;display:block;width:14px;height:10px;margin:0;border:0;background:url(../img/user.png) -170px -10px no-repeat;_background:url(../img/png8/user.png) -170px -10px no-repeat;z-index:10;_zoom:1}
.view-title li .share a:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}

.view-user-info{width:100%;height:48px;padding:15px 0 10px}
.view-user-info img{float:left;width:48px;height:48px;border-radius:50%;margin-right:10px}
.view-user-info a.username{float:left;width:auto;height:26px;margin-right:10px;line-height:26px;color:#7cbcff}
.view-user-info .level{float:left;margin-top:7px}
.view-user-info p{float:left;width:650px;height:18px;line-height:18px;color:#999}
.view-user-info p span{float:left;height:14px;padding:2px 0;line-height:14px;margin-right:40px}
.view-user-info p i{float:left;width:14px;height:14px;margin-right:4px;background:url(../img/view.png) -87px -46px no-repeat;_background:url(../img/png8/view.png) -87px -46px no-repeat}
.view-user-info p .view-user-address{background-position:-86px -64px}
.view-user-info p .view-user-reply{background-position:-85px -23px}
.view-user-info a:hover{color:#fb8526}

.view-article-property{width:100%;height:29px}
.view-article-property .relation-btn{float:left;width:46px;margin-right:10px}
.view-article-property .relation-btn:hover{background:#7cbcff;color:#fff}
.view-article-property .relation-btn.hover:hover{border-color:#ececec;background:#ececec;color:#b6b6b6}
.view-article-property .relation-btn-hover{float:left;width:46px;margin-right:10px;color:#b6b6b6}
.view-article-property .relation-btn-hover:hover{color:#b6b6b6}
.view-article-property .view-article-tag{float:right;width:652px;height:29px;border-bottom:1px dotted #ececec}
.view-article-property p{float:left;width:542px;height:24px;line-height:24px;color:#999;overflow:hidden}
.view-article-property p i{display:inline-block;margin:0 7px 0 5px;width:13px;height:20px;background:url(../img/common.png) 0 -221px no-repeat;_background:url(../img/png8/common.png) 0 -221px no-repeat;vertical-align: middle;}
.view-article-property p a{color:#666;margin-right:20px}
.view-article-property span{float:right;width:95px;padding-left:15px;height:24px;line-height:24px;color:#999;background:url(../img/view.png) -88px -80px no-repeat;_background:url(../img/png8/view.png) -88px -80px no-repeat}
.view-article-property span a{color:#999}
.view-article-property a:hover{color:#fb8526}

.view-content{clear:both;width:652px;height:auto;padding:24px 0 32px 58px;line-height:30px;font-size:16px;overflow:hidden}
.view-content p{line-height:30px;font-size:16px}
.view-content img{display:block;margin:10px 0 7px;max-width:100%}

.view-operate{width:100%;height:52px}
.view-operate p{width:100%;height:20px;line-height:14px;font-size:12px;color:#666}
.view-operate .share{float:left;width:140px;height:32px;margin:0}
.view-operate .share a{float:left;width:32px;height:32px;line-height:32px;margin:0;padding:0;margin-right:4px;background:url(../img/share.png) 0 1px no-repeat;_background:url(../img/png8/share.png) 0 1px no-repeat}
.view-operate .share .qq{background-position:-39px 1px}
.view-operate .share .sina{background-position:-78px 1px}
.view-operate .share .share_copy{background-position:-117px 1px;margin-right:0}
.view-operate .share a:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
.view-operate .view-praise{float:right;height:30px;padding:0 14px;margin-top:1px;border-radius:15px;line-height:30px;font-size:12px;color:#fff;background:#ffb400}
.view-operate .view-praise i{float:left;width:18px;height:20px;margin:5px 6px 5px 0;background:url(../img/view.png) -83px -130px no-repeat;_background:url(../img/png8/view.png) -83px -130px no-repeat}
.view-operate .view-praise em{font-style:normal}
.view-operate .view-praise:hover{background-color:#fb8526;_color:#fff}
.view-operate .view-praise:hover i{background-position:-82px -158px}
.view-operate .hover{background-color:#b6b6b6}
.view-operate .hover i{background-position:-82px -186px}
.view-operate .hover:hover{background-color:#b6b6b6}
.view-operate .hover:hover i{background-position:-82px -186px}

#votingNum{position:absolute;width:70px;text-align:center}

/*相关文字推荐 --开始*/
.view-text-recom{width:100%;height:auto;overflow:hidden}
.view-text-recom dt{width:100%;height:18px;padding-bottom:12px;margin-bottom:10px;line-height:18px;border-bottom:1px solid #ececec;font-size:16px;color:#1a2b38}
.view-text-recom dd{float:left;width:50%;height:30px;line-height:30px;color:#666;overflow:hidden}
.view-text-recom dd a{color:#666}
.view-text-recom dd a:hover{color:#fb8526}
/*相关文字推荐 --结束*/

/*发帖 回复  --开始*/
.view-right-op{width:280px;height:40px;margin-top:15px}
.view-right-op a{float:left;width:64px;height:20px;padding:10px 28px;margin-right:20px;font-size:18px;color:#fff;line-height:20px;_line-height:22px;text-align:center;border-radius:2px;background:#fb8526}
.view-right-op a i{float:left;width:20px;height:20px;margin-right:5px;background:url(../img/common.png) 2px -110px no-repeat;_background:url(../img/png8/common.png) 2px -110px no-repeat}
.view-right-op .view-op-reply{background:#3b8de3}
.view-right-op a:hover{background:#f07c1e;color:#fff}
.view-right-op .view-op-reply:hover{background:#3284da}
/*发帖 回复  --结束*/

/*app下载*/
.weather-app-download{margin-top:20px;overflow:hidden}
.weather-app-download dt{width:100%;height:20px;line-height:20px;font-size:18px;margin-bottom:20px;}
.weather-app-download dd{width:100%;height:100px;}
.weather-app-download dd span{float:left;margin-right:10px;width:100px;height:100px;background:url(../img/app_download_100_100.png?20160322) no-repeat}
.weather-app-download dd a{float:left;border-radius:40px;margin:5px 0;font-size:14px;width:148px;height:40px;line-height:40px;color:#fff;text-align:center;background:#4fc1e9}
.weather-app-download dd a.ios{background:#a0d468}
.weather-app-download dd a:hover{background-color:#40b3db;color:#fff}
.weather-app-download dd .ios:hover{background-color:#94ca5a}

/*右侧排行榜 --开始*/
.ranking-list{margin:20px 0 0}
.ranking-list dt{width:100%;height:36px;line-height:36px;margin-bottom:4px;font-size:18px}
.ranking-list dt span{float:left}
.ranking-list dt a{float:right;font-size:12px;color:#3b8de3}
.ranking-list dd{width:100%;height:30px;overflow:hidden}
.ranking-list dd i{position:relative;float:left;font-style:normal;width:16px;height:16px;margin-top:7px;border-radius:2px;line-height:16px;text-align:center;color:#999;margin-right:6px;background:#ececec}
.ranking-list dd em{position:absolute;top:5px;right:-3px;float:right;display:block;width:0;height:0;line-height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid #fb8526}
.ranking-list dd i.sign-color{background:#fb8526;color:#fff}
.ranking-list dd a{float:left;width:236px;height:30px;line-height:30px;color:#666;overflow:hidden}
.ranking-list a:hover{color:#fb8526}
/*右侧排行榜 --结束*/

/*视频推荐 --开始*/
.shipin-recom{width:270px;height:auto;margin:15px 0 0;overflow:hidden}
.shipin-recom dt{width:100%;height:30px;line-height:30px;font-size:18px}
.shipin-recom dt a,.shipin-recom dt span{float:left;color:#333}
.shipin-recom dt .more{float:right;margin-right:10px;line-height:30px;font-size:12px;color:#666}
.shipin-recom dd{float:left;width:125px;height:118px;margin:10px 10px 0 0}
.shipin-recom dd a{display:block}
.shipin-recom dd img{display:block;width:125px;height:90px}
.shipin-recom dd span{display:block;width:109px;height:18px;padding:5px 8px 0;line-height:18px;text-align:center;color:#666;overflow:hidden}
.shipin-recom dd i{display:block;width:40px;height:40px;position:relative;margin:-110px 0 0 43px;cursor:pointer;background:url(../img/common.png) 0 -136px no-repeat;_background:url(../img/png8/common.png) 0 -136px no-repeat}
.shipin-recom a:hover,.shipin-recom a:hover span{color:#fb8526}
/*视频推荐 --结束*/

/*右侧排行榜 --开始*/
.article-text-list{margin-top:13px}
.article-text-list dt{width:100%;height:36px;line-height:36px;font-size:18px}
.article-text-list dt a,.article-text-list dt span{float:left;color:#333}
.article-text-list dt .more{float:right;font-size:12px;color:#666}
.article-text-list dd{overflow:hidden}
.article-text-list dd a{float:left;width:236px;height:30px;line-height:30px;color:#666;overflow:hidden}
.article-text-list dd i{position:relative;float:left;font-style:normal;width:16px;height:16px;margin:7px 6px 0 0;border-radius:2px;line-height:16px;text-align:center;color:#999;background:#ececec}
.article-text-list dd em{position:absolute;top:4px;right:-3px;float:right;display:block;width:0;height:0;line-height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #fb8526}
.article-text-list dd i.sign-color{background:#fb8526;color:#fff}

.article-text-list ul{width:270px;margin-top:5px;overflow:hidden}
.article-text-list ul li{float:left;width:125px;height:118px;margin-right:10px}
.article-text-list ul li a{position:relative;width:125px;height:136px;line-height:normal}
.article-text-list ul li img{display:block;width:125px;height:90px}
.article-text-list ul li span{display:block;width:109px;height:18px;padding:5px 8px 0;line-height:18px;text-align:center;color:#666;word-wrap:break-word;word-break:break-all;overflow:hidden}
.article-text-list ul li i{position:absolute;top:20px;left:43px;display:block;width:40px;height:40px;cursor:pointer;background:url(../img/common.png) 0 -136px no-repeat;_background:url(../img/png8/common.png) 0 -136px no-repeat}
.article-text-list a:hover,.article-text-list a:hover span{color:#fb8526}
/*右侧排行榜 --结束*/

.thread-attribute{background:#f3f3f3;margin-bottom:15px;padding:3px 10px;border:1px dashed #d7d7d7;border-radius:5px;font-size:14px;}
.thread-attribute li{margin:4px 0}
.thread-attribute li span{float:left;height:22px;line-height:22px;width:74px}
.thread-attribute li p{margin-top:0;line-height:22px;padding-left:74px}