@charset "utf-8";
.row{ overflow: hidden; }
.tianqi{background:#617897;color:#fff;overflow:hidden;position:relative}
.tianqi .wrap .weather{position:relative;display:none}
.tianqi .wrap .weather>div{overflow:hidden}
.tianqi .wrap .weather:first-child{display:block}
.tianqi .weather-heading{padding:10px;font-size:14px;background-color:#454f5b;height:20px;line-height:20px}
.tianqi .weather-heading span{color:#b3c2d6}
.tianqi .weather-content{height:80px}
.tianqi .weather-content .weather-icon{margin:12px 30px 6px 40px;}
.tianqi .weather-content .weather-info{width:135px;margin:6px 0;font-size:13px;text-align:center}
.tianqi .weather-content .weather-info p{margin:6px;height: 18px;overflow: hidden;}
.tianqi .weather-content .weather-info span{display:block;width:100%;background-color:#f4c203;color:#333;box-sizing:border-box;padding:5px;font-size:18px;border-radius:99px}
.tianqi .weather-detail{ border-top: 1px solid #7388a4;height:100px;font-size:13px;margin:5px 10px;padding-top: 6px;}
.tianqi .weather-detail dl{min-width:50%;margin:0;box-sizing:border-box;margin:5px 0; width: 50%}
.tianqi .weather-detail dd{margin:0}
.tianqi .weather-tabs{font-size:14px}
.tianqi .weather-tabs a{width:33.33%;float:left;padding:0 5px;height:40px;line-height:40px;box-sizing:border-box;text-align:center;background:#4c627a; color: #fff}
.tianqi .weather-tabs a.active{background:#617897; color: #fff}
.weather_white{display:inline-block;width:60px;height:60px;background:url(https://static.diaoyur.cn/www/v2/img/weather_white.png) no-repeat}
.weather_sunny{background-position:0 0}
.weather_cloudy{background-position:0 -70px}
.weather_overcast{background-position:0 -140px}
.weather_light_rain{background-position:0 -210px}
.weather_mid_rain{background-position:0 -280px}
.weather_big_rain{background-position:0 -350px}
.weather_heavy_rain{background-position:0 -420px}
.weather_shower{background-position:0 -490px}
.weather_hail{background-position:0 -560px}
.weather_light_snow{background-position:0 -630px}
.weather_mid_snow{background-position:0 -700px}
.weather_big_snow{background-position:0 -770px}
.weather_night_sunny{background-position:0 -840px}
.weather_night_cloudy{background-position:0 -910px}
.weather_dust{background-position:0 -980px}
.weather_fog{background-position:0 -1050px}
.weather_haze{background-position:0 -1120px}

.app{padding:20px;background:#fff; margin-top: 10px;}
.app p{margin-bottom:20px}
.app .image-box{width:95px;margin-right:15px}
.app .image-box img{max-width: 100%;}
.app .download-box{width:136px}
.app .download-box .download{display:block;height:40px;line-height:40px;border-radius:1000px;text-align:center;color:#fff;font-size:14px;margin:4px}
.app .download-box .download.android{background-color:#4fc0e8}
.app .download-box .download.ios{background-color:#a0d468}
 
.container .row{width:100%;margin-top:10px;position:relative}
.container .row.border-bottom{border-bottom:1px solid #e5e5e5}
.container .row.no-margin{margin:0}
.container .row.no-padding{padding:0}
.box-left{width:770px;margin-right:20px}
.box-left .box-left{width:520px;margin-right:10px}
.box-left .box-right{width:240px}
.box-right{width:290px}

.slide-focusBox{position:relative;float:left;width:520px;height:278px;margin-right:10px;overflow:hidden}
.overlay-bg{position:absolute;bottom:0;left:0;width:520px;height:50px;background:#333;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;z-index:1;_zoom:1}
.overlay{position:absolute;bottom:0;left:0;width:520px;height:50px;z-index:2;_zoom:1;overflow:hidden} 

.focus-num{position:absolute;bottom:21px;right:14px;width:60px;height:8px}
.focus-num span{display:block;float:left;width:8px;height:8px;background:#fff;margin-right:6px;border-radius:50%;cursor:pointer}
.focus-num .hover{background:#f4c203}
.focus-txt{position:absolute;bottom:0;left:0;width:350px;height:50px;z-index:6;_zoom:1;overflow:hidden}
.focus-txt li{display:none;height:50px;font-size:16px}
.focus-txt li a{display:block;height:50px;line-height:50px;text-indent:10px;color:#fffefe;overflow:hidden}  
.focus-txt li a:hover{color:#fb8526}  

.focus-img{height:248px;width:1920px}
.focus-img li{float:left;width:520px;height:278px}
.focus-img img{width:520px;height:278px}
/*幻灯片 --结束*/

/*焦点图片展示 --开始*/
.focal-img{float:left;width:240px;height:278px}
.focal-img li{width:240px;height:132px;margin-bottom:10px}
.focal-img li img{width:240px;height:136px}

.comments{width:18px; height:18px;background-position:0 -367px;}
.praise {width:18px; height:20px;background-position:0 -347px;}

.panel-tabs {margin-top:10px;}
.panel-tabs a.post{float: right;display:block;width:100px;line-height:36px;position: relative;border-radius:2px;text-align:center;font-size:16px;color:#fff;background:#fb8526;text-indent: 20px;}
.panel-tabs a.post i{position: absolute;width:20px;height:20px;margin-right:4px; top: 11px;left: 25px; background-position:1px -14px}
.panel-tabs a.post a:hover{background:#ed6a00;color:#fff}

.heading-tab span{display:inline-block;zoom:1;vertical-align:top;height:35px;line-height:35px;font-size:15px;cursor:pointer; width: 50%; text-align: center;}
.heading-tab span.active{border-bottom:1px solid #090;color:#090}


.row .article:first-child{margin-top:-1px}
.article{background:#fff;padding:10px 24px 20px;margin-top:10px}
.article .author{margin-left:0;line-height:30px;float:initial;font-size:initial;text-align:initial;color:initial}
.article .article-heading{margin:10px 0;font-size:16px}
.article .article-content{margin:12px 0;font-size:15px}
.article .article-thumb{width:100%;overflow:hidden;margin:5px 0}
.article .article-thumb img{display:block;float:left;width:160px;margin-right:10px}
.article .author{margin-top:10px}
.article .author .avatar{height:30px;width:30px;border-radius:40px;overflow:hidden;vertical-align:middle;margin-right:10px}
.article .author span{float:left;font-size:13px;margin-right:20px;color: #ccc;}
.article .author img {max-width: 100%}
.tab .tab-button{padding:10px 40px;text-align:center;color:#000;font-weight:700;display:block}
.tab .tab-button.active{background-color:#fff;border-top:3px solid #090;padding-top:7px}
.videos{background:#fff; margin-top:10px;}
.videos .heading{margin:0;height:35px;line-height:35px;color:#333;font-size:15px;padding-left:10px}
.videos .video{margin:10px 8px}
.videos .thumb{width:100px;margin-right:14px;}
.videos .thumb img{max-width: 100%;}
.videos .info{width:160px;font-size:13px}
.videos .info p.author{margin-top:15px}
.videos .info .writer{color:#090}
.fishing{background-color:#fff; margin-top:10px;}
.fishing h3.heading{margin:0;border-bottom:1px solid #e9e9e9}
.fishing .one{margin:10px 8px}
.fishing .one .heading{margin:0}
.fishing .thumb{width:100px;margin-right:14px}
.fishing .thumb img{max-height:73px;width:100%}
.fishing .info{width:160px;font-size:13px}
.fishing .info p.author{margin-top:15px}
.fishing .info .writer{color:#090}
.fishing .star_none{margin:10px 0;position:relative;width:80px;height:16px;vertical-align:middle;background-position:0 -199px;}
.fishing .star_none span.star_full{background-position:0 -182px;display:block;height:16px}
.article-panel{display:none}
.article-panel.active{display:block}

.cat_link{margin: 25px 0 0 0;font-size: 12px;overflow: hidden; background: #fff;padding-bottom: 10px;}
.cat_link .tab{width: 1080px;line-height: 30px; margin: 10px auto 0;}
.cat_link .nav_title{width: 70px;text-align: left;color: #666;font-weight: bold; float: left;}
.cat_link ul{float: left; width: 1000px;}
.cat_link li{float: left;}
.cat_link li a{color: #666;padding: 0 8px;font-size: 13px;}