@charset "utf-8";
@import url("http://r.img.cntv.cn/2013/HOMEPAGE/common.css");

html,* {-webkit-box-sizing:border-box;box-sizing:border-box}
body {background: #ffffff none; margin-top: 0; font-family: "Microsoft YaHei", Arial, "Helvetica Neue";}
img {border: 0px;}
.up ul li.program a{-webkit-box-sizing:content-box;box-sizing:content-box;}

.bg_top_h_tile {background: #f1f1f1 none;}

#page_bottom {background: #ffffff none; border-top: 1px solid #f1f1f1 !important;}
#page_bottom .bottom_sub {display: none !important;}
#page_bottom .cntv_footer_hdc {border-top: 0px !important;}
#page_bottom .cntv_footer {color: #333333 !important; border-top: 0px !important; background: transparent !important;}
#page_bottom .cntv_footer a {color: #333333 !important;}


.ad-header {width: 100%; height: auto; border-bottom: 1px solid #555555; margin-bottom: 36px;}
.ad-header .ad-container {margin: 0 auto; max-width: 1000px; position: relative; z-index: 0;}
.ad-header .ad-container .ad-block {width: 16.5%; margin-left: 37%; display: inline-block;}
.ad-header .ad-container .ad-block img {display: block; width: 100%;}
.ad-header .ad-container .back-home {position: absolute; z-index: 1; top: 40%; right: 1.5%; font-size: 16px; text-align: center; line-height: 26px; height: 26px; border: 1px solid #000; border-radius: 15px; width: 10.3%; color: #656565;}


.container {margin: 0 auto; max-width: 1000px;}

.article-content {width: 100%;}
.article-content .content-top {width: 100%; clear: both;}
.article-content .content-top .top-head {margin-bottom: 10px; padding-top: 30px; position: relative; z-index: 0;}
.article-content .content-top .top-head .head-topics {position: absolute; left: 0px; top: 5px; height: 24px; line-height: 24px; padding: 0 15px; background: #a40000; color: #effefe; font-size: 18px; font-weight: bold;}
.article-content .content-top .top-head .head-title {margin-top: -2px; border-top: 1px dashed #dcdcdc; border-bottom: 1px dashed #dcdcdc; padding: 12px 0px 15px; font-size: 32px; line-height: 40px; color: #333333;}
.article-content .content-top .top-head .head-title a {color: #333333;}
.article-content .content-top .top-head .head-title a:hover {text-decoration: none;}
.article-content .content-top .top-head .head-brand {margin-top: 6px; line-height: 30px; font-family: 'simsun'; font-size: 16px; color: #333333;}

.article-content .content-top .top-share {width: 100%; margin-bottom: 40px;}
.article-content .content-top .top-share span {cursor:pointer;display: inline-block; padding: 10px 0px; height: 51px; width: 39.2%; margin-right: 1.5%;}
.article-content .content-top .top-share span.share-sina {background: #cc2e2e url(http://p1.img.cntv.cn/photoAlbum/templet/common/DEPA1503469089920190/btn-sina_16986_20170823.png) no-repeat center center;}
.article-content .content-top .top-share span.share-wechat {background: #1fd22d url(http://p1.img.cntv.cn/photoAlbum/templet/common/DEPA1503469089920190/btn-WeChat_16986_20170823.png) no-repeat center center;}
.article-content .content-top .top-video {width: 100%; margin-bottom: 55px;}
.article-content .content-top .top-video .video-frame {width: 100%;}
.article-content .content-top .top-video .video-frame img {width: 100%;}

.article-content .content-bottom {width: 100%; padding-bottom: 40px;}
.article-content .content-bottom .bottom-wrapper {padding: 40px 100px 10px; background: #ffffff; margin-bottom: 50px;}
.article-content .content-bottom .bottom-wrapper p { font-family: "Microsoft YaHei";width: 100%; margin-bottom: 35px; font-size: 20px; line-height: 36px; color: #333333;}
.article-content .content-bottom .bottom-wrapper p img {width: 100%; margin-bottom: 10px;}
.article-content .content-bottom .bottom-wrapper p span {display: block; color: #9a9a9a; font-size: 16px; line-height: 26px;}
.article-content .content-bottom .bottom-wrapper .bottom-share {width: 100%; margin-bottom: 40px;}
.article-content .content-bottom .bottom-wrapper .bottom-share span {cursor:pointer;display: inline-block; padding: 10px 0px; height: 51px; width: 49%; margin-right: 2%;}
.article-content .content-bottom .bottom-wrapper .bottom-share span.share-sina {background: #cc2e2e url(http://p1.img.cntv.cn/photoAlbum/templet/common/DEPA1503469089920190/btn-sina_16986_20170823.png) no-repeat center center;}
.article-content .content-bottom .bottom-wrapper .bottom-share span.share-wechat {background: #1fd22d url(http://p1.img.cntv.cn/photoAlbum/templet/common/DEPA1503469089920190/btn-WeChat_16986_20170823.png) no-repeat center center; margin-right: 0;}

.article-content .content-bottom .bottom-wrapper .bottom-pics {width: 100%;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-title {font-weight: bold; height: 24px; line-height: 24px; margin-bottom: 30px;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-title i {color: #ffffff; background: #e6297a; font-size: 18px; padding: 0 15px;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo {width: 100%;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul {width: 100%; clear: both;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li {width: 100%; float: left; margin-bottom: 40px;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-img {width: 37.5%; float: left; margin-right: 2.5%;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-img a {display: block; position: relative; padding-bottom: 56.146%; height: auto; z-index: 0;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-img a img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-img a .play-btn {width: 24px; height: 24px; position: absolute; left: 5px; bottom: 5px; background: url(http://p1.img.cntv.cn/photoAlbum/templet/common/DEPA1503469089920190/play_btn_16986_20170823.png) no-repeat;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-txt {width: 48.125%; float: left;font-family:"微软雅黑"}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-txt .txt-title {font-weight: bold; font-size: 18px; line-height: 24px; color: #333333;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-txt .txt-title a {color: #333333;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-txt .txt-title a:hover {text-decoration: none;}
.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-txt .txt-times {display: inline-block; font-size: 14px; font-family: 'Arial'; color: #9a9a9a; width: 100%; margin-top: 10px;}




@media only screen and (min-width: 240px) and (max-width: 1000px){
	#nav_0113 {display: none;}
	.article-content .content-top .top-share{display: none;}
	#page_bottom {display: none;}
	.ad-header .ad-container {width: 100%;}
	.ad-header .ad-container .back-home {font-size: 14px; height: 22px; line-height: 22px; border-radius: 11px;}
	#main {padding: 0 20px;}
	.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-txt {width: 56.125%;}
}
@media only screen and (min-width: 240px) and (max-width: 769px){
	#main {padding: 0 10px;}
	.ad-header .ad-container .back-home {width: 18.3%; font-size: 12px; height: 18px; line-height: 18px; border-radius: 9px;}
	.article-content .content-top .top-head .head-topics {font-size: 14px;}
	.article-content .content-top .top-head .head-title {padding: 7px 0px 10px; font-size: 24px;}
	.article-content .content-top .top-head .head-brand {font-size: 12px; line-height: 20px;}
	.article-content .content-top .top-share {margin-bottom: 20px;display: none;}
	.article-content .content-top .top-share span {padding: 5px 0px; height: 41px;}
	.article-content .content-top .top-video {margin-bottom: 35px;}
	.article-content .content-bottom .bottom-wrapper .bottom-share {display: none;}
	.article-content .content-bottom .bottom-wrapper {padding: 40px 60px 10px; margin-bottom: 30px;}
	.article-content .content-bottom .bottom-wrapper p {margin-bottom: 15px; font-size: 14px; line-height: 24px;}
	.article-content .content-bottom .bottom-wrapper p span {font-size: 12px; line-height: 20px;}
	.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-txt .txt-title {font-size: 15px; line-height: 20px;}
	.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li .demo-txt .txt-times {margin-top: 4px;}
	.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-title {margin-bottom: 15px;}
	.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-title i {font-size: 14px;}
	.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li {margin-bottom: 25px;}
}
@media only screen and (min-width: 240px) and (max-width: 480px){
	.article-content .content-top .top-share{display: none;}
	.article-content .content-top .top-head .head-title {padding: 5px 0px 8px; font-size: 18px;}
	.article-content .content-bottom .bottom-wrapper {padding: 20px 30px 10px;}
	.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-title {margin-bottom: 8px;}
	.article-content .content-bottom .bottom-wrapper .bottom-pics .pics-demo ul li {margin-bottom: 15px;}
}