body {font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; font-weight:normal; color:#333; background:#fff;}
*{margin:0; padding:0; border:0;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none; color:#000; outline:none; blr:expression(this.onFocus=this.blur()); -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
a:hover{ text-decoration:none; color:#c9a063;}
img{ vertical-align:middle;}
a,img,button,input,textarea{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
table{ border-collapse:collapse; border-spacing:0;}
section{ display:block;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
p{ word-wrap:break-word; word-break:break-all;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

/*头部*/
.header{ width:100%; height:auto; background:#fff;}
.header .head{ width:1200px; height:30px; line-height:30px; font-size:14px; margin:0 auto;}
.header .head a{ color:#666;}
.header .head a:hover{ color:#c9a063;}
.header .head .home{ float:left;}
.header .head .link{ float:right;}
.header .head .link span{ font-size:12px; font-family:arial; color:#999; margin:0 5px;}

/*banner*/
.banner_wrap{ width:100%; height:200px; position:relative;}
.banner_wrap .logo_tkp{ width:60px; height:auto; position:absolute; right:15px; top:10px; display:none;}
.banner{ width:100%; height:auto;}
.banner img{ width:100%; height:auto;}
.banner .mobile{ display:none;}

/*分享*/
.tkp_con_share{ width:40px; height:auto; padding:20px 30px; background:#f9f9f9; position:fixed; top:260px; left:50%; margin-left:-600px; _position:absolute; _top:expression(documentElement.scrollTop + 250);}
.tkp_con_share span{ line-height:20px; padding-bottom:10px; font-size:14px; color:#999; text-align:center; display:block;}
.tkp_con_share.bdshare-button-style0-24 a{width:40px; height:40px; padding:0; margin:0 0 10px 0; background:url(http://r2d2.takungpao.cn/cn/common/images/layout.png) no-repeat; float:left; text-indent:-9999px; -webkit-transition:all 0s ease-in-out 0s; -moz-transition:all 0s ease-in-out 0s; -o-transition:all 0s ease-in-out 0s; -ms-transition:all 0s ease-in-out 0s; transition:all 0s ease-in-out 0s;}
.tkp_con_share.bdshare-button-style0-24 .ico_weixin{ background-position:-60px -200px;}
.tkp_con_share.bdshare-button-style0-24 .ico_weibo{ background-position:-110px -200px;}
.tkp_con_share.bdshare-button-style0-24 .ico_facebook{ background-position:-160px -200px; display:none;}
.tkp_con_share.bdshare-button-style0-24 .ico_twitter{ background-position:-210px -200px; display:none;}

/*包裹*/
.wrapper{ width:1000px; height:auto; margin:30px auto;}

/*新闻列表*/
.list_news{ width:750px; width:100%; height:auto; float:left; float:none;}
.list_news.card{ width:1020px;}
.list_news .item{ width:100%; height:auto; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #888;}
.list_news .item:last-child{ margin-bottom:0; border:none;}
.list_news .item .pic{ width:320px; height:180px; margin-right:20px; position:relative; float:left;}
.list_news .item .pic img{ width:100%; height:100%; border:none;}
.list_news .item .pic .ico_play{ width:40px; height:40px; background:url(../images/ico_play.png) center center no-repeat; position:absolute; left:50%; top:50%; z-index:9; margin:-20px 0 0 -20px;}
.list_news .item .title{ line-height:30px; font-size:20px; font-weight:bold; color:#444;}
.list_news .item .title a{ color:#333;}
.list_news .item .title a:hover{ color:#c9a063;}
.list_news .item .desc{ margin-top:8px; line-height:30px; font-size:16px; color:#666;}
.list_news .item .desc a{ color:#666;}
.list_news.card .item{ width:320px; padding-bottom:0; margin-right:20px; border:none; float:left;}
.list_news.card .item .pic{ width:100%; height:180px; float:none;}
.list_news.card .item .title{ height:60px; padding:0; margin:8px 0; overflow:hidden;}
.list_news.card .item .desc{ height:84px; line-height:28px; padding:0; overflow:hidden;}
.list_news.card .item:first-child .title{ font-size:20px;}


/*摘要*/
.wrap_right{ width:300px; height:auto; float:right; display:none;}
.h3_title{ font-size:18px; line-height:24px; font-weight:bold; color:#444; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee;}
.zhaiyao{ width:100%; height:auto; line-height:30px; font-size:16px; color:#333; margin-bottom:20px;}
.pic_recommend{ width:100%; height:auto; line-height:30px; font-size:16px; color:#333; margin-bottom:25px;}
.pic_recommend .link{ width:100%; height:auto; display:block; position:relative;}
.pic_recommend .pic{ width:100%; height:auto; display:block; border:none;}
.pic_recommend .title{ width:96%; height:auto; padding:20px 2% 15px; line-height:24px; font-size:22px; color:#fff; text-align:center; letter-spacing:2px; background:url(http://r2d2.takungpao.cn/cn/special/2021/special/images/mask.png) repeat-x; position:absolute; left:0; bottom:0; z-index:3;}

/*阅读排行*/
.ranking{ width:100%; height:auto; background:#fff; margin-bottom:20px;}
.ranking .item{ height:auto; padding:10px 0 10px 25px; position:relative; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.ranking .item dt{ height:auto; line-height:26px; font-size:16px; margin-bottom:12px;}
.ranking .item dt a{ color:#888;}
.ranking .item dt a:hover{ color:#c9a063;}
.ranking .item .time{ height:14px; line-height:14px; font-size:12px; font-family:arial; color:#999;}
.ranking .item .rank{ width:25px; height:24px; line-height:24px; font-size:24px; font-family:arial; font-style:italic; color:#666; position:absolute; left:0; top:12px;}
.ranking .item.red dt a{ font-weight:bold; color:#444;}
.ranking .item.red .rank{ color:#9e0000;}

/*右侧推荐图文*/
.list_tuijian{ width:100%; height:auto;}
.list_tuijian .item{ width:100%; height:auto; padding:10px 0;}
.list_tuijian .item .pic{ width:100%; height:auto; margin-bottom:8px;}
.list_tuijian .item .pic img{ width:100%; height:auto;}
.list_tuijian .item .title{ height:auto; line-height:26px; font-size:16px;}
.list_tuijian .item .title a{ color:#333;}
.list_tuijian .item .title a:hover{ color:#c9a063;}

/*ad*/
.ad_360_200{ width:100%; height:auto; margin:20px 0;}
.ad_360_200 img{ width:100%; height:auto; border:none;}

/*底部*/
.copyright{ width:100%; height:auto; padding:15px 0 20px; margin-top:20px; background:#fff; border-top:1px solid #eee; line-height:28px; color:#666; text-align:center;}
.copyright .link{ font-size:14px;}
.copyright .link a{ color:#666; margin:0 8px;}
.copyright .link a:hover{ color:#c9a063;}
.copyright .bottom a{ color:#666; margin-right:8px;}
.copyright .bottom a:hover{ color:#c00;}
.copyright .bottom span{ margin-right:8px;}

/*返回顶部*/
#tipback{ width:45px; height:45px; background:#e5e5e5 url(../images/back.png) center center no-repeat; cursor:pointer; position:fixed; left:50%; margin-left:600px; bottom:92px; z-index:100; display:none; _position:absolute;_bottom:auto;_top:expression(documentElement.scrollTop + 300);}

@media screen and (max-width:767px){
.header{ display:none;}
.banner_wrap{ height:19vw; background-size:auto 100%;}
.banner_wrap .logo_tkp{ display:none;}
.banner .pc{ display:none;}
.banner .mobile{ display:block;}
.tkp_con_share{ display:none;}
.wrapper{ width:auto; padding:0; margin:10px;}
.list_news{ width:100%; margin-bottom:10px; float:none;}
.list_news.card{ width:103%; margin-left:-1.5%;}
.list_news .item{ padding-bottom:10px; margin-bottom:10px;}
.list_news .item .title{ font-weight:normal; line-height:1.5em;}
.list_news .item .pic{ width:30%; height:auto; margin:0 10px 5px 0;}
.list_news .item .pic img{ height:auto;}
.list_news .item .pic .ico_play{ width:25px; height:25px; background-size:100% 100%; margin:-12px 0 0 -12px;}
.list_news .item .title{ padding-left:0; font-size:16px;}
.list_news .item .desc{ padding-left:0; margin-top:5px; font-size:12px; line-height:1.5em; display:none;}
.list_news.card .item{ width:47%; margin:0 1.5% 15px;}
.list_news.card .item .pic{ height:26vw;}
.list_news.card .item .pic img{ height:100%;}
.list_news.card .item .title{ height:60px; margin:8px 0 0;}
.list_news.card .item .desc{ height:54px; line-height:1.5em; margin-top:0;}
.list_news.card .item:first-child .title{ font-size:18px;}
.wrap_right{ width:100%; float:none;}
.ranking{ margin-bottom:0;}
.pic_recommend{ margin-bottom:10px;}
.pic_recommend .title{ width:94%; padding:10px 3% 8px; line-height:20px; font-size:16px; text-align:left;}
#tipback{ width:35px; height:35px; background-size:50% auto; margin-left:0; left:auto; right:15px; opacity:0.8;}
.copyright{ padding:10px 0 15px; margin-top:0; line-height:24px;}
.copyright .bottom a{ display:none;}
.copyright .bottom span{ margin-right:0;}
.copyright .bottom em{ display:none;}
}