body{background-color:#f8f8f8;font-family:Microsoft YaHei}
.banner{height:480px;background:url(images/banner.jpg) no-repeat center;overflow:hidden}
.banner .banner_logo{margin:0 auto;display:block;width:1000px;height:334px;background:url(images/banner_logo2.png) no-repeat center top}
.w1000{width:1000px;margin:0 auto}
.cc_bd{background-color:#fff;margin-top:-280px;margin-bottom:46px}
.brief{padding:50px 49px 68px 49px}
.brief h1{font-size:39px;line-height:56px;color:#444;margin-bottom:12px}
.sub_title{color:#aaa;font-size:14px}
.author_txt{float:left;margin-right:42px}
.author_txt .auth{width:50px;height:20px;background:url(images/author.png) no-repeat center;display:inline-block;vertical-align:middle;text-align:center;color:#48989f;font-size:14px;line-height:20px;margin-right:10px}
.author_txt .name{line-height:20px;display:inline-block;vertical-align:middle}
.pub_time{float:left;margin-right:42px;line-height:24px;vertical-align:middle}
.brief .post_tie_top{float:left}
.brief .post_icon_tie{cursor:pointer;display:block;float:left;width:17px;height:17px;background:url(images/icons.png) no-repeat;background-position:0 0;margin-right:8px;margin-top:4px}
.brief .post_cnum_tie{color:#aaa;font-size:14px;line-height:22px;vertical-align:middle}
.cc_main{float:left;width:660px;padding-left:50px;padding-right:57px}
.cc_main .intro{position:relative;margin-bottom:45px}
.cc_main .intro i{position:absolute;width:42px;height:29px;display:block;top:0;left:0;background:url(images/icons.png) no-repeat;background-position:0 -71px}
.cc_main .intro p{padding-left:100px;color:#888;font-size:16px;line-height:32px;padding-bottom:35px;text-indent:0}
.cc_main .intro span{width:80px;display:block;background-color:#e5e5e5;position:absolute;bottom:0;left:100px;overflow:hidden;height:1px;font-size:0;line-height:0}
.cc_main p{font-size:16px;line-height:32px;color:#252525;margin-bottom:30px;text-indent:2em}
.cc_main .qrcode_wrap{border-top:1px solid #eee;padding-top:40px;padding-bottom:50px}
.cc_main .qrcode{margin:0 auto;width:122px;padding:7px;border:1px solid #e5e5e5}
.cc_main h6{color:#aaa;font-size:14px;line-height:40px;text-align:center;font-weight:normal}
.cc_main .fn-left{line-height:1.5em}
.border_left{border-left:1px solid #eee}
.cc_side{float:left;width:232px}
.cc_side .cc_side_img{width:108px;height:108px;margin:0 auto;position:relative}
.cc_side h2{color:#48989f;font-size:16px;line-height:48px;text-align:center}
.cc_side p{width:56px;margin:0 auto;color:#888;font-size:14px;line-height:25px;padding-bottom:50px}
.share_component{position:relative}
.share_component ul{margin:0 auto;width:40px}
.share_component li{width:40px;height:40px;margin-bottom:15px}
.share_component li a{background:url(images/share_icons.png) no-repeat;display:block;width:100%;height:100%;text-indent:-999px;overflow:hidden}
.share_component .wx a{background-position:0 0}
.share_component .wx a:hover{background-position:-80px 0}
.share_component .wb a{background-position:0 -55px}
.share_component .wb a:hover{background-position:-80px -55px}
.share_component .qzone a{background-position:0 -110px}
.share_component .qzone a:hover{background-position:-80px -110px}
.share_component .yx a{background-position:0 -165px}
.share_component .yx a:hover{background-position:-80px -165px}
.share_component .share_qrcode{padding:4px;border:1px solid #ddd;position:absolute;left:-50px;top:48px;background:#fff;display:none}
.share_component.fixed{position:fixed;top:50px;left:50%;margin-left:265px;width:232px}
.passed_events{padding:40px 50px;border-bottom:4px solid #48989f}
.passed_events h2{font-size:20px;line-height:30px;color:#48989f;font-weight:normal}
.passed_events h2 a{color:#48989f}
.passed_events li{padding-left:20px;background:url(images/icons.png) no-repeat;background-position:-56px -22px;overflow:hidden}
.passed_events li a{color:#7d7d7d;font-size:16px;line-height:50px}
.passed_events li a:hover{color:#48989f;text-decoration:none}
.cc_comment{width:1000px;margin:0 auto 46px}
.cc_comment .tie-area{padding:0 20px}
.endText{overflow:hidden}
.endText img{max-width:660px}
.f_center{text-align:center}
.cc_main .endText .f_center{text-align:center;text-indent:0;color:#7d7d7d;font-size:14px;line-height:30px}
.cc_main .erweima_big{text-align:center;text-indent:0}
.cc_main .erweima_big img{width:140px}
.cc_main .erweima_big span{display:block;color:#aaa;font-size:14px}
.erweima_small{display:none}
@media screen and (max-width:640px){.cc_main p .audio_box{line-height:32px}
}
.audio_box{position:relative;cursor:pointer;border:1px solid #ebebeb;background-color:#fcfcfc;overflow:hidden;padding:12px 20px 12px 12px;text-indent:0;line-height:32px}
.audio_box .audio_title{float:left;font-weight:400;font-size:17px;margin-top:5px;margin-bottom:-3px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#3e3e3e}
.audio_box .audio_time{float:right;font-size:14px;margin-top:6px;margin-left:1em;color:#8c8c8c}
.audio_box .audio_play_area{float:left;margin:9px 22px 10px 5px;font-size:0;width:18px;height:25px}
.audio_box .audio_play_area .icon_audio_default{float:left;background:transparent url(images/icon_audio_default.png) no-repeat 0 0;width:18px;height:25px;vertical-align:middle;display:inline-block;-webkit-background-size:18px auto;background-size:18px auto}
.audio_box .audio_play_area .icon_audio_playing{background:transparent url(images/icon_audio_play1.png) no-repeat 0 0;width:18px;height:25px;vertical-align:middle;display:inline-block;-webkit-background-size:18px auto;background-size:18px auto;animation:audio_playing 1s infinite;-webkit-animation:audio_playing 1s infinite;display:none}
.audio_box .audio_play_area .progress_bar{position:absolute;left:0;bottom:0;background-color:#0cbb08;height:2px}
.audio_box.playing .audio_play_area .icon_audio_default{display:none}
.audio_box.playing .audio_play_area .icon_audio_playing{display:block}
@-webkit-keyframes audio_playing{30%{background-image:url(images/icon_audio_play1.png)}
31%{background-image:url(images/icon_audio_play2.png)}
61%{background-image:url(images/icon_audio_play2.png)}
62%{background-image:url(images/icon_audio_play3.png)}
100%{background-image:url(images/icon_audio_play3.png)}
}
@keyframes audio_playing{30%{background-image:url(images/icon_audio_play1.png)}
31%{background-image:url(images/icon_audio_play2.png)}
61%{background-image:url(images/icon_audio_play2.png)}
62%{background-image:url(images/icon_audio_play3.png)}
100%{background-image:url(images/icon_audio_play3.png)}
}
@-moz-keyframes audio_playing{30%{background-image:url(images/icon_audio_play1.png)}
31%{background-image:url(images/icon_audio_play2.png)}
61%{background-image:url(images/icon_audio_play2.png)}
62%{background-image:url(images/icon_audio_play3.png)}
100%{background-image:url(images/icon_audio_play3.png)}
}