@charset "utf-8";
/* 
类型：番茄财经首页主体内容样式
作者：杨涛
日期：2016-02-25 20:13
心情：★★★☆☆
兼容：ie(9+)、webkit、moz 
备注：
*/
.index_banner{ margin-top:20px;}
.index_banner .kxt{ width:330px; width:27.5%; height:370px; overflow:hidden;}
.index_banner .flash_box{ width:870px; width:72.5%; height:370px; overflow:hidden;}

.text_box{ position:absolute; top:0; right:0; padding:20px; width:220px; height:330px; background:url(../icon/text_box.png) repeat; text-align:left;}
.tb_title{ margin-bottom:20px; font-size:18px; color:#fff;}
.bigfont{ color:white; position:relative; padding-top:20px;}
.bigfont span.fdb_text{ display:inline;font-size:14px; line-height:24px; *line-height:1.8em; vertical-align:top;}
.bigfont span.big1{ display:inline; vertical-align:top; line-height:0; font-size:80px; position:relative; top:30px; *display:none;}
.bigfont span.big2{ display:inline; vertical-align:top; line-height:80px; font-size:80px; position:relative; top:0; *display:none;}
.tb_button{ text-align:center; *margin-top:40px;}
.tb_button a{ display:inline-block; padding:10px 30px; background:#89c550; color:white; border-radius:4px; text-decoration:none;}
.tb_button a:hover{  background:#f80;}


/*直播*/
.zhibo_box{ margin-top:20px; background:#fff; padding:20px; padding-right:0; }
.zb_hd{ position:relative;}
.zb_hd big{ font-size:20px;}
.zb_hd_fs{ position:absolute; top:0; right:20px; font-size:16px;}
.zb_hd_fs font{ font-size:26px; color:#ff8800;}
.zb_bd{ margin-top:20px;}
.zb_bd li{ float:left; width:273px; width:25%; margin-bottom:20px; overflow:hidden;}
.zb_bd li .zb_bd_box{ margin-right:20px; padding-bottom:20px; border:1px solid #eee; background:#f6f6f6;}

.zb_bd li a{ display:block; position:relative;}
.bigimg_box{ display:block; width:100%; height:150px; overflow:hidden;}
.zb_bd li .big_img{ width:100%; height:150px;}
.zb_bd li a:hover .big_img{ transform:scale(1.5,1.5); -webkit-transform:scale(1.2,1.2);}

.zb_bd li .small_img{ position:absolute; right:10px; bottom:-30px; width:80px; height:80px; border:4px solid #fff; border-radius:100%;}
.zb_bd_name{ padding:5px 10px; padding-bottom:10px; font-size:16px;}
.zb_bd_info{ padding-left:5px;}
.zb_bd_info span{ display:inline-block; margin:0 5px;}
.zb_bd_info .person{ width:22px; height:22px; background-position:0 -288px;}
.zb_bd_info .time{ width:22px; height:22px; background-position:0 -310px;}

/*主播*/
.zb_tuijian{ margin-top:20px; background:#fff; padding:20px; padding-right:0; }
.tj_bd{ margin-top:20px;}
.tj_bd li{ float:left; width:33%; overflow:hidden;}
.tj_bd li a{ display:block; width:100%; width:341px; padding:15px; border:1px solid #eee; position:relative; top:0; overflow:hidden; margin-right:20px; margin-bottom:20px;}
.tj_bd li a:hover{ top:-5px; box-shadow:0 3px 5px rgba(6,6,6,.1);}
.tj_bd .zb_photo{ width:80px; height:80px; border:4px solid #eeeeee; border-radius:100%; float:left;}
.tj_bd .zb_photo img{ width:100%; height:100%;border-radius:100%;}
.tj_bd .zb_detail{ float:left; width:100%; margin-left:-88px; position:relative; left:134px; padding-top:10px;}
.tj_bd .zb_detail big{ display:block; color:#333; font-size:18px;}
.tj_bd .zb_detail small{ display:block; color:#999; font-size:14px;}
.tj_bd .zb_detail span{ font-size:15px; color:#333;}
.tj_bd .zb_detail:after{ content:""; position:absolute; left:-24px; top:20px; width:1px; height:50px; background:#ddd;}
.tj_bd li a .guanzhu{ position:absolute; top:20px; right:20px; padding:5px 20px; border:1px solid #eee; border-radius:4px;}

/*新闻*/
.nwes{ margin-top:20px; padding-bottom:40px;}
.nwes .news_hd{ height:40px; line-height:40px; font-size:20px;}
.news_bd{ width:100%; overflow:hidden;}
.news_content{ width:1221px;}
.news_bd li{ float:left; width:386px; margin-right:21px; margin-bottom:21px; background:#fff;}
.news_menu{ height:50px; line-height:50px; position:relative; padding:0 20px; border-bottom:1px solid #eee;}
.news_menu big{ font-size:18px; border-left:5px solid #20a2d6; padding-left:5px;}
.news_menu .more{ position:absolute; top:0; right:20px;}
.news_info{ padding:20px; padding-top:15px;}
.toutiao{ padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:10px;}
.toutiao .text-overflow{ font-size:16px; width:100%;}
.toutiao_box{ padding-top:10px;}
.toutiao_box .zhb_left{ float:left; width:80px; height:65px; overflow:hidden; position:relative; z-index:1;}
.toutiao_box .zhb_left a{ display:block; height:100%;}
.toutiao_box .zhb_left img{ width:100%; height:100%;}
.toutiao_box .zhb_right{ float:left; width:100%; margin-left:-80px;}
.toutiao_box .zhb_right .zhbr_content{ padding-left:90px; height:60px; position:relative; overflow:hidden; line-height:1.6em; font-size:13px; color:#888;}
.toutiao_box .zhb_right .zhbr_content .more{ position:absolute; width:auto !important; bottom:0; right:0;  background:white; padding-left:5px; color:#459ae9; font-size:12px;}
.news_list a{ display:block; width:100%; line-height:2em; position:relative; text-indent:1em;}
.news_list a:before{ content:""; position:absolute; left:0; top:10px; width:6px; height:6px; background:#20a2d6;}








