@charset "utf-8";
/* CSS Document */
body { line-height:20px;}
/*body *{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-transform: translateZ(0);}*/
.box,.area-wrapper{ margin:0 auto; text-align:left;}
h2{ display:inline;}
/*背景色*/
.f12s{ font-size: 12px; font-family:"宋体";}
.bgW{ background:#fff;}
.bgR{ background:#b41e16;}
.bgG{ background:#6e6e6e;}
.bg_grey{ background:#eeeeee;}
.bg_greyer{ background:#616161;}
.bor_gray{ border-top:1px solid #ccc;}
.bgW,.bg_first,.bg_grey,.bg_greyer{ text-align:center;}
.bg_blue{
	background:#eee url(../images/bg_blue.jpg) no-repeat right top;
}
.bg_red{
	background:#eee url(../images/bg_red.jpg) no-repeat right top;
}
.bg_first,.box,.mLose ,.newsbox,.aside{*zoom:1;}

.bg_first{background: #cecece; }
/*头块*/
.area-wrapper .slide_show .swiper-container { background: url(../images/back.png) repeat; overflow: hidden;}
.area-wrapper .slide_show .swiper-wrapper{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100%;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-property:-webkit-transform,left,top;-moz-transition-property:-moz-transform,left,top;-o-transition-property:-o-transform,left,top;transition-property:transform,left,top;-webkit-transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-o-transform:translate3d(0px,0,0);-o-transform:translate(0px,0px);transform:translate3d(0px,0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;}
.area-wrapper .slide_show .swiper-slide{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.area-wrapper .slide_show .swiper-slide .share,.pic .share, .news .newstit .share, .kkimg .share{position:absolute;top:0;left:0;z-index:10;display:none;width:60px;height:28px;background:url(../images/share.png);}
.area-wrapper .slide_show .swiper-slide .share i,.pic .share i, .news .newstit .share i, .kkimg .share i{position:relative;z-index:10;float:left;width:30px;height:30px;cursor:pointer;}
.area-wrapper .slide_show{position:relative; overflow: hidden;}
.area-wrapper .slide_block{position:relative;height:320px;width: 570px;cursor: pointer;}
.area-wrapper .slide_block .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);}
.area-wrapper .slide_title{position:relative;height:40px;color:#fff;font-size:18px;line-height:36px;}
.area-wrapper .slide_show .picL,.area-wrapper .slide_show .picR{ position: absolute; top: 50%; width:34px; height:34px; display: block; cursor: pointer;}
.area-wrapper .slide_show .picL{ left:6px; margin-top:-25px; background:url(../images/picL.png) no-repeat center;_background:url(../images/picL.gif) no-repeat center;}
.area-wrapper .slide_show .picR{ right:6px; margin-top:-25px; background:url(../images/picR.png) no-repeat center;_background:url(..images/picR.gif) no-repeat center;}

/*---------频道------------*/
.cNewsList{padding:4px 0 8px 16px; float: left; display: inline;}
.cNewsList .channelTit{ position:relative; padding:20px 0; height: 0; overflow: hidden; margin-bottom:8px; }
.cNewsList .channelTit a.more{ position: absolute; z-index: 10; right: 0px; top: 10px;}
.cNewsList .cTxwzh{ background: url(../images/t_xwzh.png) no-repeat 0 center; border-bottom: 1px solid #21a4de;}
.cNewsList .cTdfws{ background: url(../images/t_dfws.png) no-repeat 0 center; border-bottom: 1px solid #9e232b;}
.cNewsList li{float: left; display: inline; padding-left: 12px; background: url(../images/point.png) no-repeat 4px center;}
.cNewsList li a{ font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; display: inline-block;}
.channelOther{ float: right; width: 120px; display: inline; overflow: hidden; padding: 17px 0;}
.channelOther li{ float: left; display: inline; width: 120px;}
.channelOther a{ padding: 7px 0; display: inline-block; font-size: 16px; color: #fff;}
/*新闻图片文字*/
/*
.top-main .news_block .pic{position:relative;}
.top-main .news_block .pic a{display:block;}
.top-main .news_block .pic a img{display:block;width:100%;vertical-align:middle;}
.top-main .news_block .pic span{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:35px;background:#000;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}
.top-main .news_block .pic em{position:absolute;bottom:0;left:0;z-index:4;display:block;overflow:hidden;width:100%;height:35px;color:#fff;text-align:center;font-weight:700;font-style:normal;font-size:14px;line-height:35px;}
.top-main .txt li{padding-left:7px;background:url(../images/point.png) no-repeat left center;color:#000;font-size:14px;line-height:30px;}
*/


/*板块新闻*/
.top-main .summary-l{border-bottom:1px solid #b0120a;background:#dedede;}
.top-main .summary-l a{display:inline-block;margin:5px 0;color:#000;font-size:16px;}
.top-main .summary-l a.block-tit{margin-right:10px; font-weight:700;}
.top-main .summary-l p{color:#333;font-size:13px; height:50px; line-height:25px; overflow: hidden;}
.top-main .summary-l span{padding:0 1px;border-radius:3px;background:#b0120a;color:#fff;font-size:12px;}
.top-main .summary-l .tab { font-size:13px; height: 50px; line-height:25px; overflow: hidden;}
.top-main .summary-l .tab a{padding:0 5px 2px 0;font-weight:normal;font-size:14px; margin:0; color: #333;}
.top-main .summary-l .tab em{ vertical-align:top; color: #333;}
.top-main .summary-s{position:relative;}
.top-main .summary-s .summary{position:relative; border-bottom:1px solid #b0120a;background:url(../images/back.png) repeat; font:16px/25px "微软雅黑";;}
.top-main .txt{padding:13px 0 12px 15px; background: url(../images/back.png) repeat;}
.top-main .tab-class{position:absolute;right:0;bottom:0;width:50px;height:25px;background:#b0120a;color:#fff;text-align:center;font-size:12px;line-height:25px;}
.area-wrapper .tab-kp{font-weight:700; overflow:hidden;}
.area-wrapper span.tab-con{display:inline-block;width:100px;height:40px;background:#b0120a;text-align:center;font-weight:700;}
.area-wrapper span.tab-title{margin-left:10px;color:#000;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}

/*滚动点*/
/*.slide_show .btn{line-height:0;}
.slide_show .page{position:absolute;right:10px; display:inline; z-index: 1000;}
.slide_show .page span{display:inline-block;overflow:hidden;margin:0 1px;width:20px; background:url(../images/line.png) no-repeat;background-position:-20px -36px;cursor:pointer;}
.slide_show .page span.swiper-visible-switch{background-position:-20px -11px;}
.slide_show .page span.swiper-active-switch{background-position:0 -11px;-moz-animation:a_slidercurrent 5s linear;-webkit-animation:a_slidercurrent 5s linear;-o-animation:a_slidercurrent 5s linear;animation:a_slidercurrent 5s linear;}
@-moz-keyframes a_slidercurrent { from { background-position: -20px -11px; } to { background-position: 0px -11px;} }
@-webkit-keyframes a_slidercurrent { from { background-position: -20px -11px; } to { background-position: 0px -11px;} }
@-o-keyframes a_slidercurrent { from { background-position: -20px -11px; } to { background-position: 0px -11px;} }
@keyframes a_slidercurrent{ from { background-position: -20px -11px; } to { background-position: 0px -11px;} }
@-moz-keyframes a_slidercurrent_b{ from { background-position: -20px -11px; } to { background-position: 0px -11px;} }
@-webkit-keyframes a_slidercurrent_b { from { background-position: -20px -11px; } to { background-position: 0px -11px;} }
@-o-keyframes a_slidercurrent_b { from { background-position: -20px -11px; } to { background-position: 0px -11px;} }
@keyframes a_slidercurrent_b { from { background-position: -20px -11px; } to { background-position: 0px -11px;} }*/

/*--------------------------------------*/
.smgMake{ overflow:hidden; position:relative;}
.rankBox p.tit,.specialTit p.tit,.effecTit p.tit{ font-size: 18px; font-weight: 700; height: 30px; line-height: 30px;}
.effecTit p.tit{ width: 84px; background: #eee;}
.specialTit p.tit{ width: 84px; background: #fff;}
.smgMake p.tit{ font-size: 16px; font-weight: 700; height: 30px; line-height: 30px;}
.smgMake p.tit span.smg{color:#009add; font-size: 24px; vertical-align: top; display: inline-block; margin-right: 3px;}
.smgMake ul li a{ display:block;}
/*--热点--*/
.rankBox{ position: relative;}
.rankBox .tabtit{ position:absolute; z-index:10; top:5px; right:0;}
.rankBox .tabtit span{ width:7px; height:7px; display:inline-block; overflow:hidden; border:2px solid #ccc; background:#666; margin-left:10px; border-radius:6px; line-height:8px; cursor:pointer;}
.rankBox .tabtit span.cur{ background:#f00;}
.rankCon{ margin-top:-2px;}
.rankList{ position:relative;}
.rankList span.num{ position:absolute; z-index:10; left:0; width:20px; height:20px; text-align:center; overflow:hidden; color:#fff; font-size:12px;}
.ranktxt{ border-bottom:1px solid #eee; position:relative; padding-left:32px;}
.ranktxt p{ margin-top:-6px; _margin-top:-4px; height:40px; overflow:hidden;}
.ranktxt span.tag{ position:absolute; z-index:10; right:0; bottom:0; _bottom:-1px; height:20px; line-height:20px; background: #eee; color: #999;font-size: 12px;}
.rankBox ul li a{ display: block; height:100%;}
/*--SMG出品--*/
.smgMakeTit{ position:absolute; z-index:10;}
.smgMakeTit span{ float:right; display:inline-block; border-right:1px dotted #dcdcdc; font-size:12px;}
.smgMake ul{ margin-top:-15px;}
.smgMake li{ float:left; display:inline; margin-top:15px; overflow:hidden; border-bottom:1px solid #c3c3c3;}
.smgMake .pictit{ position:relative;  overflow:hidden;}
.smgMake .pictit span.tag{ position:absolute; z-index:10; top:0; right:0; background:#607d8b; color:#fff; padding:0 10px; height:25px; line-height:25px; font-size:12px;}
.smgMake .pictit img{ width:100%;}
.smgMake .title{ height:3em; overflow:hidden;}
.smgMake span.time{ font-size:12px; color:#888; display:block; font-family:Arial;}


/*--主题报道--*/
.effectsBox{ background: #eee; padding: 8px 15px;}
.effecTit{background:url(../images/line.gif) repeat-x 0 12px; position:relative;}
.effecTit a.more{ position: absolute; z-index: 10; background: #eee; right: 0px; top: 0px; padding:6px 10px; display: inline-block;}
.effectsCon li{ float: left; display: inline; background: url(../images/point.png) no-repeat 0 center; padding-left: 10px;}
.effectsCon li a{ overflow: hidden; font-style: 14px; display: inline-block;}

/*--新闻专题--*/
.specialTit{ background:url(../images/line.gif) repeat-x 0 12px; margin-bottom:16px; position: relative;}
.specialTit a.more{ position: absolute; z-index: 10; background: #fff; right: -10px; top: 0px; padding:6px 10px; display: inline-block;}
.specialCon li{ float: left; display: inline; position: relative; overflow: hidden;}
.specialCon li div.specialPic{ border:1px solid #c0c0c0;height:150px;}
.specialCon li div.specialPic img{ display: block; width: 270px;}
.maskTxt{position: absolute; z-index: 10; left:0; bottom:0; background: rgba(0,0,0,.5) !important; background:#000; padding: 10px 15px; color: #fff; font-size: 14px;}

/*--专题版块--*/
.tit a{ font-size:12px; display:inline-block;}
.newsbox { overflow:hidden;}
.newsbox .tit {font-weight:bold; background:url(../images/line.jpg) repeat-x center;  position:relative;}
.newsbox .tit h2{ font-size:18px; font-weight:bold; background:#eee; line-height:18px;}
.newsbox .tit a{  background: #eeeeee url(../images/more.png) no-repeat 10px center;padding-left: 2em; background-position-y: center;background-position-x: 1em;position:absolute; z-index:10; right:0; top:0;text-indent:-9999px;}
.newstit {overflow:hidden;}
.newsbox .imgset, .newsbox .imgset3,.newsbox ul{ position:relative; overflow: hidden; background:#fff; border: 1px solid #dcdcdc;}
.newsbox img{ width:100%; height:150px;}
.newsbox .imgset3 { margin-bottom:10px;}
.newsbox .imgset3 img{ float: left; padding-right:10px;}
.newsbox .newstit span{ display: block; position: absolute; right: 0; top:0; color: #fff; z-index: 1000; background: #b0120a; font-size:14px; width: 50px; height: 30px; text-align: center; line-height: 30px;}
.newsbox .newstit p, .newsbox .imgset3 p{ overflow:hidden;}
.newsbox .newstit ul{ background:none; border:none;}
.newsbox .newstit ul li { height:22px; overflow:hidden;}

/*看看图解*/
.kkimgdiv .tit{ color:#fff; margin:0; font-size:18px; line-height:18px; font-weight:700; margin-bottom:20px; position:relative;}
.kkimgdiv .tit a{  background: url(../images/more1.png) no-repeat; width: 18px;height: 21px;background-position-y: center; position:absolute; right:0;}
.kkimgdiv .swiper-container{ overflow: hidden; margin:0 -15px;}
.kkimgdiv .swiper-wrapper{ overflow: hidden; position: relative;}
.kkimgdiv .kkimg{ overflow: hidden; position:relative; float:left; display:inline;}
.kkimgdiv .kkimg img{ width:100%;}
.kkimgdiv .swiper-slide2 a{  display:inline; overflow: hidden;}
.kkimgdiv .pagination { text-align: center; margin-top:20px;}
.kkimgdiv .pagination span{ display: inline-block; margin-left: 10px; width: 12px; height: 12px; overflow: hidden; background: #808080; border: 2px solid #d0d0d0; border-radius: 8px; text-indent: 10em;cursor: pointer;}
.kkimgdiv .pagination span.swiper-visible-switch.swiper-active-switch {background: #f00;}
.aside .aside-news ul li, .newsbox .newstit ul li{background: url(../images/dot.png) no-repeat 0 10px;padding-left: 10px;}
.kkimgdiv p{position: absolute; bottom: 0; left: 0; color: #fff; height: 35px; line-height: 35px; background: rgba(0,0,0,.5) !important; background: #000; color: #fff; font-size: 14px; width: 96%; padding: 0 2%; overflow:hidden;}

/*看看边栏&ads*/
.aside{ overflow:hidden;}
/*看看边栏一图*/
.aside .aside-news, .aside .aside-news-img{ border: 1px solid #dcdcdc; background:#fff; border-top: #b0120a 2px solid;}
.aside .aside-tit h5.tit, .aside .aside-tit span{  height:40px; line-height:40px; font-size: 16px; font-weight:700; position:relative; }
.aside .aside-tit h5.tit{border-bottom: 1px solid #dcdcdc; font-size:16px;}
.aside .aside-tit span{ float:left;}
.aside .aside-tit em{background: url('../images/more.jpg') no-repeat center; float:right; width: 12px; position:absolute; top: 0; right:0;}
.aside ul{ margin:0 15px;}
.aside img{ float:left; display:inline; padding:5px 10px 5px 0;}
.aside .aside-news .off { display:none;}
.aside .aside-news ul li{ line-height:25px; height:25px; overflow:hidden; }
.aside .aside-news ul li.aside-img{ padding-left:0; padding-bottom:5px; background:none;}
.aside .aside-news ul li p{ height:63px; line-height:20px; overflow:hidden; padding-top:5px;}



/*看看边栏四图*/
.aside .aside-news-img ul{ margin:5px 8px; }
.aside .aside-news-img ul li{float:left; display:inline; overflow:hidden;}
/*看看边栏切换*/
.aside .aside-news .aside-tit-tab span{display:inline-block; width:50%; text-align:center; height:40px; line-height:40px; font-size: 16px; font-weight: 700; cursor:pointer;}
.aside .aside-news .aside-tit-tab span.tab-off{color:#5b5b5b;background: #f7f7f7;}

/*--友链&应用--*/
.other_gray{ background:#eee; padding:20px 0; border-top:1px solid #ccc;}

.Flinks h4.tit,.kkApp h4.tit{ font-weight:700; margin-bottom:10px;}
.Flinks div a{ margin:3px 0; display:inline-block;}
.Flinks div span{ width:0; border-left:1px solid #ccc; margin:3px 10px; height:16px; overflow:hidden; display:inline-block; vertical-align:top;}
.kkApp li{ float:left; display:inline; padding:3px 0; margin-right:10px; height:20px; overflow:hidden; border-bottom:1px dotted #ccc;}
.kkApp li a{ display:block; width:100%; height:20px; line-height:20px;}
.kkApp li span{ width:20px; height:20px; overflow:hidden; margin-right:10px; vertical-align:top; display:inline-block; background:url(../images/icon_a.png) no-repeat;}
.kkApp li span.app_kkxw{ background-position: 0 0;}
.kkApp li span.app_wk{ background-position: 0 -30px;}
.kkApp li span.app_kkb{ background-position: -40px 0;}
.kkApp li span.app_zgdrx{ background-position: -40px -30px;}
.kkApp li span.app_kkap{ background-position: -80px 0;}
/*-----页脚-----*/
.footer{ text-align:center; margin:0 auto;}
.footer .links{ margin-top:5px;}
.footer .links a{ display:inline-block; margin:5px;}

/*---微信分享弹出层---*/
.weixin-cen{ display:none; position: fixed; bottom:auto; top:50%; margin-top:-226px; left:50%; margin-left:-300px; z-index:1000; width:600px; height:453px; overflow:hidden; background:url(http://skin.kankanews.com/v5/images/bg_weixin.png) no-repeat; _background:url(http://skin.kankanews.com/v5/images/bg_weixin.gif) no-repeat;}
* html .weixin-cen {position:absolute;bottom:auto; top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2-this.offsetHeight/2-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.weixin_close{ overflow:hidden; padding:18px 24px 0px 40px; width:536px; height:42px; text-align:left;}  
.weixin_close p{ font-family:"微软雅黑";  display:inline; font-size:18px; line-height:24px; color:#000;}
.weixin_close img{ display:inline; width:21px; height:21px; overflow:hidden; cursor:pointer;}
.weixin-con{ width:250px; height:250px; overflow:hidden; margin:30px 175px;}
.weixin-con img,.weixin-con canvas,.weixin-con table{ width:100%; height:100%;}
.weixin-cen .sm{ width:450px; margin:0 75px; overflow:hidden; font-family:"微软雅黑"; font-size:18px; color:#000; line-height:30px; text-align:left;}

.banner_ads{ max-height:150px; line-height:0;}
/*首屏左右浮层样式*/
#dl1,#dl2{ position:absolute; top:92px; cursor:pointer;z-index: 1000;}
#dl1{ left:10px;}
#dl2{ right:10px;}

/*网站变灰
.mainNav li.cur a{color: gray;}
.mainNav li.cur,.top-main .summary-l,.cNewsList .cTdfws,.cNewsList .cTxwzh{border-color:gray;}
.aside .aside-news, .aside .aside-news-img{ border-top:gray 2px solid}
.area-wrapper span.tab-con,.mainNav li i{ background:gray;}
.kkimgdiv .pagination span.swiper-visible-switch.swiper-active-switch{ background:#000;}
.topBarBox .logoBox a{background: url(http://skin.kankanews.com/v6/index/images/newlogo_gray.png) no-repeat;_background: url(http://skin.kankanews.com/v6/index/images/newlogo_gray.gif) no-repeat;go.png);}
.bg_red{background:#E6E6E6  url(../images/bg_red_gray.jpg) no-repeat right top;}
.bg_blue { background:#E6E6E6  url(../images/bg_blue_gray.jpg) no-repeat right top;}
.mainNav ul.appnav{background: url(http://skin.kankanews.com/v6/index/images/newapp_gray.png) no-repeat 0 22px;}
*/