﻿@import "reset.css";
/**/
.TAP14-logined{width:100px !important;}
.CM-pic-wrap-top{
	width:100%;
	text-align: center;
}
.CM-pic-wrap{
	width:100%;
	text-align: center;
	margin:20px auto;
}

/*窄屏样式*/
.CC-wrapper{
	width:1240px;
	margin:0 auto;
}
@media screen and (max-width: 1279px){
	.CC-wrapper{width:1000px;}
}
/*zutu */
.CM-zt-list{
	margin-right:-30px;
}
.CM-zt-content .pic{
	background:#f5f5f5;
}
/*标题*/
.CM-headline-card-more{
	position: absolute;
	right: 10px;
	bottom:7px;
	line-height: 24px;
	font-size:16px;
	color:#333;
}
/*焦点图*/
.CM-focus .carousel{
	bottom:27px;
}
.CM-focus-narrow .slide-arrow-left .icon-slide-arrow,.CM-focus-narrow .slide-arrow-right .icon-slide-arrow{
    width:74px;
    height:74px;
    margin-top:-37px;
    background-size: 100%;
}
.CM-focus-narrow .slide-arrow-left .icon-slide-arrow.disable,
.CM-focus-narrow .slide-arrow-left .icon-slide-arrow:hover,
.CM-focus-narrow .slide-arrow-left .icon-slide-arrow:active,
.CM-focus-narrow .slide-arrow-right .icon-slide-arrow.disable,
.CM-focus-narrow .slide-arrow-right .icon-slide-arrow:hover,
.CM-focus-narrow .slide-arrow-right .icon-slide-arrow:active{
    background-size: 100%;
}
.CM-focus-narrow .txt{
    height:28px;
    padding-bottom: 40px;
}
.CM-focus-narrow .txt h2{
    font-size:24px;
    line-height:28px;
}
.CM-focus-narrow .carousel{
    bottom: 30px;
    line-height: 4px;
    height: 4px;
}
.CM-focus-narrow .carousel a{
	width: 30px;
    height: 4px;
    margin-right:6px;
}


/*头条组件*/
.CM-headline-card-item{
	margin-top:10px;
}
.CM-headline-card-narrow .CM-headline-tt{
	font-size:24px;
	line-height:32px;
}
.CM-headline-card-narrow .CM-headline-card-l{
	width:123px;
	height:82px;
	margin-top:10px;
}
.CM-headline-card-narrow .CM-headline-card-l img{
	width:123px;
	height:82px;
}
.CM-headline-card-narrow .CM-headline-card-r{
	font-size:16px;
	line-height:24px;
	height:72px;
	margin-top:5px;
	overflow: hidden;
}
.CM-headline-card-narrow .CM-headline-tt .icon{
	width:68px;
	height:25px;
	line-height:25px;
	font-size:20px;
	margin-top:3px;
	margin-right:8px;
	background-size:100%;
}
.CM-headline-card-title{
	width:100%;
	height:60px;
	justify-content:center;
	align-items:center;
	display:-webkit-flex;
	border-bottom:1px solid #999;
	position: relative;
	margin-top:40px;
}
.CM-headline-card-title .title-cont{
	margin:0 auto;
	padding:0 35px;
	font-size: 40px;
	line-height:60px;
	border-bottom:6px solid #FFC879;
	background:url(../images/cm-headline-card-title.png) 20px 0 no-repeat;
}
.CM-headline-card .CM-headline-card-title{
	margin-bottom:32px;
}
.CM-narrow .CM-headline-card-title .title-cont{
	font-size:24px;
	line-height:40px;
}
.CM-narrow .CM-headline-card-title .title-cont{
	border-bottom:3px solid #FFC879;
}
.CM-narrow .CM-headline-card-title{
	height:40px;
}

/*排图组件*/
.CM-zt-picture-wrap .CM-headline-card-title{
	margin-top:40px;
}
.CM-zt-picture-cont{
	margin-top:24px;
}
.CM-zt-picture-narrow .CM-zt-content{
	margin-top:11px;
}
.CM-zt-picture-narrow .CM-zt-content .text{
	height:23px;
	font-size:16px;
	line-height:23px;
	margin-top:3px;
}
.CM-zt-picture-narrow .CM-zt-content .pic .play-icon{
	width:25px;
	height:25px;
}


/*文字排行榜*/
.CM-rank-narrow li .rank-title .rank-text{
	font-size:16px;
	line-height:24px;
}
.CM-rank-narrow .CM-rank-icon .rank-title .icon-rank {
    width:7px;
    height:7px;
    background: #FFC879;
    margin-top: 9px;
    margin-top:7px;
}
.CM-rank-narrow .CM-rank-num li .rank-title .icon-rank{
	font-size:14px;
	line-height:22px;
}
.CM-rank-narrow .CM-headline-card-title{
	margin-top:35px;
}
.CM-rank-narrow .CM-rank-cont{
	padding-top:13px;
}


/*微博语录*/
.wl-content-narrow .weibo-list p.weibo-list-text{
	font-size:16px;
	line-height:24px;
}
.wl-content-narrow .weibo-list .weibo-list-portrait{
	width:56px;
}
.wl-content-narrow .weibo-list .weibo-list-portrait a{
	width:56px;
	height: 56px;
}
.wl-content-narrow .weibo-list .weibo-list-portrait img{
	width:56px;
	height: 56px;
}
.wl-content-narrow .weibo-list .weibo-list-meta a{
	font-size:14px;
}
.wl-content-narrow .weibo-list .weibo-list-feed{
	margin-left:70px !important;
}
.wl-content{
	margin-top:12px;
}
.wl-content-narrow .CM-headline-card-title{
	margin-top:40px;
}

/*幻灯图集*/
.CM-slide-narrow .CM-headline-card-title{
	margin-top:40px;
}
.CM-slide-narrow .slide-box{
	height:54px;
	line-height:54px;
}
.CM-slide-narrow .slide-title h1{
	font-size:20px;
}
.CM-slide-narrow .slide-title .slide-size{
	font-size:20px;
}
.CM-slide-narrow .slide-title .slide-color{
	font-size:20px;
}
.CM-slide-narrow .slide-arrow-left .icon-slide-arrow, .CM-slide-narrow .slide-arrow-right .icon-slide-arrow{
	width:23px;
	height:40px;
	margin-top:-20px;
	background-size: 100%
}


/*feed*/
.module-news-list-narrow li .info .title,
.module-news-list-narrow li .pic-item .title{
	font-size: 20px;
}
.module-news-list-narrow li .pic-item .info .text{
	font-size:14px;
	margin-top:50px !important;
}
.module-news-list-narrow .CM-headline-card-title{
	margin-top:40px;
}
.module-news-list .dropload-text{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:24px;
	margin-top: 20px;
	text-align: center;
	overflow: hidden;
}
.module-news-list-narrow .dropload-text a,
.module-news-list-narrow .dropload-text{
	height:30px;
	line-height:30px;
	font-size:16px;
}
.module-news-list li .pic-item .title a{
	color:#333;
}
.module-news-list li.hover{
	background-color: #f5f5f5;
}
.module-news-list-narrow  li .pic-item .info .pic-list img{
	width:120px;
}


/*时间轴*/
.CM-Timeaxis .line{
	z-index: 0;
}
.Timeaxis-time-btn{
	position: relative;
	z-index: 1;
}
.CM-Timeaxis .Timeaxis-left .poit, .CM-Timeaxis .Timeaxis-right .poit{
	position: relative;
	z-index: 1;
}
.CM-boxnr-main h1 a{
	color:#333;
}
.CM-Timeaxis-narrow .CM-headline-card-title{
	margin-top:30px;
}
.CM-Timeaxis02{
	margin-top:25px;
}
.CM-boxnr-main .picnine ul li{
	padding-top:14.7%;
}
.CM-boxnr-main .one-pic ul li{
	padding-top: 67.1%;
}
.CM-Timeaxis02 .CM-boxnr-main{
	width:94%;
}
.Timeaxis-time-btn{
	clear:both;
	width:286px;
}
.CM-Timeaxis02 .Timeaxis-time-btn{
	width:auto;
	padding:0 20px;
	float: left;
}
.CM-Timeaxis .box{
	margin-bottom: 20px;
}
.CM-Timeaxis .last-ul .box .box{
	margin-bottom:0;
}
.CM-Timeaxis02 .CM-boxnr, .CM-Timeaxis02 .Timeaxis-left .CM-boxnr, .CM-Timeaxis .Timeaxis-right .CM-boxnr{
	margin-bottom:0;
}

/*微博语录*/
.weibo-list .weibo-list-pic{
	width:800px;
}
.wl-content-narrow .weibo-list .weibo-list-pic img{
	width:64px;
	height:64px;
}
.wl-content-narrow .weibo-list .weibo-list-pic{
	width:240px;
}

/*微博墙*/
.wl-wall-narrow .weibo-list p.weibo-list-text{
	font-size:16px;
	line-height: 24px;
}
.wl-wall .blk_05{
	margin-top:32px;
}
.wl-wall-narrow .wl-content{
	margin-top:0;
}
.wl-wall-narrow .blk_05{
	margin-top:20px;
}
.CM-wb-list{
	margin-top:30px;
}

/*footer*/
.footer-wrap {
    clear: both;
    border-top: solid 1px #e5e5e5;
    width: 100%;
    margin-top: 50px
}

.footer {
    color: #7a7a7a;
    line-height: 28px;
    text-align: center;
    background: 0 0;
    border-top: 0 none
}

.footer a,.footer a:visited {
    color: #7a7a7a
}

.footer a:hover {
    color: #FFC879;
}

.foot_ad {
    width: 1000px;
    margin: 20px auto 0
}
/*所有组件放在左侧最大宽度都是800px*/
.span8 .CM-focus,
.span8 .CM-headline-card,
.span8 .CM-zt-picture-wrap,
.span8 .CM-Timeaxis-narrow,
.span8 .CM-narrow{max-width:800px;}



/*主题色系*/
/*黄色主题*/
.CM-zt-content .text a:hover,
.module-news-list li .info .title a:hover,
.module-news-list li .info .text .comment a:hover,
.CM-boxnr-main h1 a:hover,
.module-news-list li .pic-item .title a:hover{color:#DE9E43;}
/*红色*/
.red-theme .CM-topics-head .banner-shadow{
	background:#972110 url(../images/banner-bg-r.jpg) no-repeat top center;
}
.red-theme .CM-topics-head .banner-des h1{text-shadow:none;}
.red-theme .CM-topics-head .banner-info{text-shadow:none;}
.red-theme .CM-common-nav li.hover{background:url(../images/nav-bg-h-r.png) no-repeat;background-size:100% 100%;color:#fff;}
.red-theme .CM-common-nav li.hover a{color:#fff;}
.red-theme .CM-summary .CM-summary-cont h2{background: url(../images/summary-icon-r.png) no-repeat;}
.red-theme .CM-focus .slide-arrow-left .icon-slide-arrow.disable,
.red-theme .CM-focus .slide-arrow-left .icon-slide-arrow{background: url(../images/scroll-left-r.png) no-repeat;background-size:100%;}
.red-theme .CM-focus .slide-arrow-right .icon-slide-arrow,
.red-theme .CM-focus .slide-arrow-right .icon-slide-arrow.disable {background: url(../images/scroll-right-r.png) no-repeat;background-size:100%;}
.red-theme .CM-Timeaxis02 .Timeaxis-time-btn,
.red-theme .Timeaxis-time-btn{background-color:#C52415;}
.red-theme .CM-narrow .CM-headline-card-title .title-cont,
.red-theme .CM-headline-card-title .title-cont{border-color:#C52415;}
.red-theme .CM-narrow .CM-headline-card-title .title-cont{background:url(../images/summary-icon-r.png) 20px 0 no-repeat;}
.red-theme .CM-headline-card-title .title-cont{background:url(../images/summary-icon-big-r.png) 15px 0 no-repeat;}
.red-theme .CM-headline-card .CM-headline-tt a:hover,
.red-theme .CM-headline-card-more:hover,
.red-theme .CM-zt-content .text a:hover,
.red-theme .CM-rank-narrow li .rank-title .rank-text:hover,
.red-theme .module-news-list li .info .title a:hover,
.red-theme .CM-boxnr-main h1 a:hover,
.red-theme .CM-rank-num li .rank-title .icon-rank,
.red-theme .module-news-list li .info .text .comment a:hover,
.red-theme .weibo-list a,
.red-theme .weibo-list a:hover,
.red-theme .module-news-list .dropload-text a:hover,
.red-theme .module-news-list li .pic-item .title a:hover{color:#C52415;}
.red-theme .CM-rank-num li .rank-title .icon-rank{color:#EF6F64;}
.red-theme .CM-rank-narrow .CM-rank-icon .rank-title .icon-rank{background-color:#EF6F64;}
/*蓝色*/
.blue-theme .CM-topics-head .banner-shadow{
	background:#233573 url(../images/banner-bg-b.jpg) no-repeat top center;
}
.blue-theme .CM-topics-head .banner-des h1{text-shadow:none;}
.blue-theme .CM-topics-head .banner-info{text-shadow:none;}
.blue-theme .CM-common-nav li.hover{background:url(../images/nav-bg-h-b.png) no-repeat;background-size:100% 100%;color:#fff;}
.blue-theme .CM-common-nav li.hover a{color:#fff;}
.blue-theme .CM-summary .CM-summary-cont h2{background: url(../images/summary-icon-b.png) no-repeat;}
.blue-theme .CM-focus .slide-arrow-left .icon-slide-arrow.disable,
.blue-theme .CM-focus .slide-arrow-left .icon-slide-arrow{background: url(../images/scroll-left-b.png) no-repeat;background-size:100%;}
.blue-theme .CM-focus .slide-arrow-right .icon-slide-arrow,
.blue-theme .CM-focus .slide-arrow-right .icon-slide-arrow.disable {background: url(../images/scroll-right-b.png) no-repeat;background-size:100%;}
.blue-theme .CM-Timeaxis02 .Timeaxis-time-btn,
.blue-theme .Timeaxis-time-btn{background-color:#1B3FA3;}
.blue-theme .CM-narrow .CM-headline-card-title .title-cont,
.blue-theme .CM-headline-card-title .title-cont{border-color:#1B3FA3;}
.blue-theme .CM-narrow .CM-headline-card-title .title-cont{background:url(../images/summary-icon-b.png) 20px 0 no-repeat;}
.blue-theme .CM-headline-card-title .title-cont{background:url(../images/summary-icon-big-b.png) 15px 0 no-repeat;}
.blue-theme .CM-headline-card .CM-headline-tt a:hover,
.blue-theme .CM-headline-card-more:hover,
.blue-theme .CM-zt-content .text a:hover,
.blue-theme .CM-rank-narrow li .rank-title .rank-text:hover,
.blue-theme .module-news-list li .info .title a:hover,
.blue-theme .CM-boxnr-main h1 a:hover,
.blue-theme .module-news-list li .info .text .comment a:hover,
.blue-theme .weibo-list a,
.blue-theme .weibo-list a:hover,
.blue-theme .module-news-list .dropload-text a:hover,
.blue-theme .module-news-list li .pic-item .title a:hover{color:#1B3FA3;}
.blue-theme .CM-rank-num li .rank-title .icon-rank{color:#4769C7;}
.blue-theme .CM-rank-narrow .CM-rank-icon .rank-title .icon-rank{background-color:#4769C7;}
/*黑色*/
.black-theme .CM-topics-head .banner-shadow{
	background:#252525 url(../images/banner-bg-black.jpg) no-repeat top center;
}
.black-theme .CM-topics-head .banner-des h1{text-shadow:none;}
.black-theme .CM-topics-head .banner-info{text-shadow:none;}
.black-theme .CM-common-nav li.hover{background:url(../images/nav-bg-h-black.png) no-repeat;background-size:100% 100%;color:#fff;}
.black-theme .CM-common-nav li.hover a{color:#fff;}
.black-theme .CM-summary .CM-summary-cont h2{}
.black-theme .CM-focus .slide-arrow-left .icon-slide-arrow.disable,
.black-theme .CM-focus .slide-arrow-left .icon-slide-arrow{background: url(../images/scroll-left-black.png) no-repeat;background-size:100%;}
.black-theme .CM-focus .slide-arrow-right .icon-slide-arrow,
.black-theme .CM-focus .slide-arrow-right .icon-slide-arrow.disable {background: url(../images/scroll-right-black.png) no-repeat;background-size:100%;}
.black-theme .CM-Timeaxis02 .Timeaxis-time-btn,
.black-theme .Timeaxis-time-btn{background-color:#DE9E43;}
.black-theme .CM-narrow .CM-headline-card-title .title-cont,
.black-theme .CM-headline-card-title .title-cont{border-color:#444;}
.black-theme .CM-narrow .CM-headline-card-title .title-cont{;}
.black-theme .CM-headline-card-title .title-cont{}
.black-theme .CM-headline-card-narrow .CM-headline-tt .icon{background:url(../images/headline-icon-black.png) no-repeat;background-size:100%;}
.black-theme .CM-headline-card .CM-headline-tt a:hover,
.black-theme .CM-headline-card-more:hover,
.black-theme .CM-zt-content .text a:hover,
.black-theme .CM-rank-narrow li .rank-title .rank-text:hover,
.black-theme .module-news-list li .info .title a:hover,
.black-theme .CM-boxnr-main h1 a:hover,
.black-theme .module-news-list li .info .text .comment a:hover,
.black-theme .weibo-list a,
.black-theme .weibo-list a:hover,
.black-theme .module-news-list .dropload-text a:hover,
.black-theme .module-news-list li .pic-item .title a:hover{color:#a4a4a4;}
.black-theme .CM-rank-num li .rank-title .icon-rank{color:#DE9E43;}
.black-theme .CM-rank-narrow .CM-rank-icon .rank-title .icon-rank{background-color:#DE9E43;}







