* {	color:#fff;	margin:0px;	padding:0px; font-size:14px; color:#000; list-style:none; font-family:Microsoft YaHei, Arial;}
.L{ float:left;}.R{ float:right; text-align:right;}
a{ text-decoration:none;}
img { border:none;}
.p{ padding:0; margin:0;}
.clearfix:after{clear:both; content:" "; display:block; height:0; font-size:0;}
.clearfix{*zoom:1;}

/*-------------我的青春榜样 页面开始-----------------------------*/
.qchby{ width:1400px; margin:0 auto;}

.header{ background:#13b5b1; height:67px;}
.header_cont{ width:935px; margin:0 auto;}
.nav{ padding-top:30px;}
.nav a{ display:inline-block; margin-left:35px; color:#fff;}
.logo{ padding-top:20px;}
.logo span{ color:#fff; background:url(logo.png) no-repeat; display:block; line-height:28px; height:28px;}
.logo a{ display:inline-block; width:86px; height:28px; margin-right:15px;}
.banner{ background:url(banner.png); height:608px;}

.part1{ background:url(part1_bg.png); height:834px;}
.recom_video{ width:1187px; margin:0 auto; position:relative; text-align:center;}
.butterfly{ position:absolute; top:-91px; left:2px; z-index:1000;}
.recom_video_large{ padding-bottom:35px; background:url(video_recom_bottom.png) center bottom no-repeat;}
.recom_video_large span{ display:block; padding:9px; background:url(video_recom_bg.png) center no-repeat;}
.recom_video_list{ padding-top:1px; width:995px; display:block; margin:0 auto; clear:both; overflow:hidden;}
.recom_video_list li{ float:left; position:relative;}
.recom_video_list li a{ display:block; padding:3px; margin-left:12px; width:227px; height:156px; background:url(s_video_recom_bg.png);}
.recom_video_list li span{ cursor:pointer; display:block; width:227px; height:33px; text-align:center; line-height:33px; color:#fff; background:url(recom_video_list_bg.png); position:absolute; bottom:3px; left:15px;}

.part2{ width:1400px; height:721px; padding:3px 0 0; margin:0 auto; background:url(part2_bg.png) 118px 3px no-repeat #13b5b1;}
.cloud{ width:1400px; height:721px; margin:0 auto; background:url(part2_cloud.png) right bottom no-repeat;}
.activity{ width:998px; margin:0 auto; overflow:hidden; clear:both;}
.activity li{ float:left;}
.intro{ width:368px; height:253px; background:#fff; padding:0 37px; margin-top:371px;}
.intro p{ line-height:26px;}
.intro a{ display:block; width:93px; height:26px; text-align:center; line-height:26px; margin-top:15px; background:#ffe222;}
.act_video{ margin:117px 2px 0 3px;}
.act_video_cont{ cursor:pointer; position:relative; width:287px; height:167px; overflow:hidden; margin-bottom:3px;}
.text{ display:none; position:absolute; top:0; left:0; background:url(part2_list_libg.png); padding:38px 0 0 32px; height:130px; width:255px;}
.text p{ width:200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal; color:#fff; line-height:30px;}
.act_video .act_video_cont.current .text,.act_video .act_video_cont:hover .text{ display:block;}
.info{ margin-top:162px; width:259px;}
.info_time{ height:237px; padding-left:27px;}
.info_time .title{ font-weight:bold; color:#ce8e00; font-size:31px;}
.info_time p{ line-height:30px; padding-top:13px;}
.info_time p span{ font-size:12px;}
.info_time a{ display:block; width:93px; height:26px; text-align:center; line-height:26px; margin-top:15px; color:#fff; background:#ce8e00;}

.part3{ padding-bottom:107px; background:url(s_bg1.png) bottom repeat-x #fff;}
.atlas{ width:995px; margin:0 auto; overflow:hidden; clear:both;}
.atlas .title{ margin-top:51px; text-align:center; background:url(part3_line.png) bottom repeat-x; padding-bottom:17px;}
.atlas .s_bor{ text-align:center; margin-top:-2px;}
.atlas_list{ clear:both; margin:47px 0 0 -3px; display:block;}
.atlas_list li{ height:187px; overflow:hidden; display:inline; float:left; margin:0 0 3px 3px;}

.part4{ background:#13b5b1; padding-bottom:61px; overflow:hidden;}
.video_new{ width:964px; margin:0 auto; padding:33px 0 0; overflow:hidden; clear:both;}
.video_new .title{ text-align:center; position:relative;}
.video_new .title .more{ position:absolute; top:0; right:5px; color:#fff; font-size:15px;}
.video_new_list{ margin:40px 0 61px -10px; overflow:hidden; clear:both;}
.video_new_list li{ float:left; margin-left:10px; *margin-left:8px; width:233px;}
.video_new_list li p{ text-align:center; color:#fff; margin-top:16px;}
.video_new_list .video_li{ background:url(s_video_news.png); width:227px; height:156px; border:3px solid #191618; border-radius:2px;}
.video_new_list li.current .video_li,.video_new_list li:hover .video_li{ background:url(s_video_news_hover.png); border-color:#eee;}
.scroll_bar{ width:100%; border-bottom:1px solid #fff; position:relative;}
.scroll_bar_cont{ position:absolute; background:url(part4_scroll_bar.png); top:-9px; left:50%; margin-left:-100px; width:201px; height:19px; }
.scroll_bar_cont .left,.scroll_bar_cont .right{ display:inline-block; width:30px; height:19px; cursor:pointer;}
.scroll_bar_cont .default{ display:inline-block; width:141px; height:19px; cursor:e-resize;}

.part_ad{ height:180px; background:#fff; text-align:center; padding-top:60px;}
.part5{ background:url(part5_bg.png) bottom no-repeat #ffe222;}
.propa{ padding:95px 0 65px; width:936px; margin:0 auto;}
.pull_weibo{ margin-right:23px;}
.att p{ text-align:center; padding-bottom:40px;}
.att p img{ box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.29);-moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.29);-webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.29);}
.att p span{ display:block; font-size:20px; padding-top:10px;}

.footer{ padding-top:27px; height:90px; background:#000;}
.footer p{ text-align:center; font-size:12px; color:#fff;}






iframe{ background:#FFF;}