@charset "utf-8";
/* 
类型：番茄财经直播内容样式
作者：杨涛
日期：2016-02-28 21:13
心情：★★★☆☆
兼容：ie(9+)、webkit、moz 
备注：全局样式，需要在其他样式之前引用
*/
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.head{ padding:0 20px; *padding:0;}
/*.head *{box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -o-box-sizing:content-box;}*/
#web_wrap{ height:100%; *height:auto; *padding:0 20px;}
#web_main{ height:100%; *height:auto; overflow:hidden; padding-top: 100px; padding-right:20px; padding-bottom:20px; padding-left:20px; *padding:0; *padding-top: 100px;} 
/*.ie #web_main{ margin-bottom:-120px;}*/
.head{ position:absolute; top:0; left:0;}
.zb_body{ height:100%; *height:auto; max-width:1920px; margin:0 auto;}
.zb_left{ width:50%; height:100%; *height:870px; *overflow:hidden; float:left;}
.zb_right{ width:50%; height:100%; *height:870px; *overflow:hidden; float:left; background:#fff; border:1px solid #eee; *width:49%;}
.zb_left_cotent{ padding-right:20px; height:100%; *height:auto;}
.video{ height:50%; *height:525px; overflow:hidden; position:relative; background:#000;}
.video img{ width:100%;}
.sft{ height:50%; *height:auto; overflow:hidden; position:relative;}
.sft_1{ height:140px; background:#fff; border:1px solid #eeeeee; margin-bottom:20px; margin-top:20px;}
.sft_1_hd{ height:40px; line-height:40px; border-bottom:1px solid #eee; position:relative;}
.sft_1_hd span{ display:inline-block; padding:0 30px; cursor:pointer; font-size:16px;}
.sft_1_hd span.on{ height:40px; background:#fff; position:relative; color:#20a2d6; border-top:2px solid #20a2d6; border-left:1px solid #eee; border-right:1px solid #eee;}
.sft_1_bd { padding:20px; display:none;}
.sft_1_bd.on { display:block;}

.sft_1_bd span{ display:inline-block; width:50px; height:50px; margin-right:15px;}
.sft_1_bd span img{ width:100%; height:100%;}

.sft_2{ height:40px; background:#fff; line-height:40px; padding-left:10px; border-bottom:1px solid #eee; font-size:16px;}
.sft_2 .laba{ width:22px; height:18px; background-position:0 -83px;}

.sft_3{ height:100%; *height:100px; padding-bottom:240px; *padding-bottom:0; padding-left:20px; padding-right:20px; padding-top:20px; overflow:hidden;  background:#fff;}
.sft_3 .sft_3_box{ height:100%; overflow-y:auto;}



.zb_r_hudong_box{ float:right; width:100%; height:100%; margin-right:-215px; overflow:hidden;}
.zb_r_hudong{ padding-right:215px; height:100%;}
.gl_box{ height:100%; padding-top:310px; margin-top:-310px; *height:560px; *padding-top:0; *margin-top:0; position:relative; z-index:0;}
.gl_box .gl_title{ height:50px; line-height:50px; border-bottom:1px solid #eee; padding-left:15px; font-size:16px; color:#20a2d6; background:url(../icon/glbg.jpg) no-repeat left top;}
.gl_box .gl_content{ height:100%; padding-bottom:50px; *height:510px; *padding-bottom:0; }
.gl_list{ height:100%; *height:470px; padding:20px; overflow:hidden; overflow-y:auto;}
.gl_list li{ margin-bottom:20px;}
.gl_list li .name{ display:inline-block; color:#20a2d6;}
.gl_list li .time{ display:inline-block; color:#999;}
.gl_list li img{ display:inline; width:25px; height:25px;}
.sl_box{ height:310px; overflow:hidden;}
.sl_content{ height:170px;}
.sl_c1{ height:45px; line-height:45px; background:#e3e3e3; font-size:16px; padding-left:15px;}
.sl_c2{ height:125px; }
.input_body{ height:140px; background:#e3e3e3;}
.input_box{ padding:16px;}
.input_hd{ margin-bottom:15px;}
.input_hd span{ display:inline-block; margin:0 5px; vertical-align:top;}
.input_hd .webico{ width:22px; height:22px;}
.webico.biaoqing{ background-position:0 -200px;}
.webico.ziti{ background-position:0 -222px;}
.webico.xianhua{ background-position:0 -244px;}
.webico.qingping{ background-position:0 -266px;}
.input_hd .webico:hover{ background-position-x:-22px; cursor:pointer;}
.input_bd{ width:100%; height:65px; background:#fff; position:relative;}
.input_bd .input_text{ width:100%; height:65px; *line-height:65px; border:none; outline:0; background:none; text-indent:15px; font-size:18px;}
.input_bd .input_submit{ position:absolute; top:0; right:0; width:80px; height:65px; border:none; outline:0; background:#20a2d6; font-size:18px; color:#fff;}


.zb_r_list{ float:right; width:214px; height:100%; position:relative; z-index:1; border-left:1px solid #eee;}
.zb_r_tt{ height:70px; background:#20a2d6; color:#fff; margin-bottom:5px; padding-left:15px;}
.zb_r_tt .zb_r_room{ margin-bottom:5px; padding-top:10px; font-size:18px;}
.zb_r_tt .webico.room{ width:25px; height:23px; background-position:0 -60px; vertical-align:top;}
.zb_r_menu{ height:45px; line-height:45px; border-bottom:1px solid #eee;}
.zb_r_menu span{ display:block; float:left; width:70px; text-align:center; cursor:pointer;}
.zb_r_menu span.on{ width:72px; border-top:2px solid #20a2d6; border-left:1px solid #eee; border-right:1px solid #eee; background:#fff;}
.zb_r_list_box{ height:100%; padding-bottom:120px; *height:750px; *padding-bottom:0;}
.zb_r_list_box .ul_zb{ display:none; width:100%; height:100%; *height:500px; overflow:hidden; overflow-y:auto;}
.zb_r_list_box .ul_zb.on{ display:block;}
.zb_r_list_box .ul_zb li{ padding:10px; text-align:left;}
.zb_r_list_box .ul_zb li img{ width:35px; height:35px; margin-right:10px; border-radius:100%; vertical-align:middle;}
.zb_r_list_box .ul_zb li:nth-child(2n){ background:#f8f8f8;}
.zb_r_list_box .ul_zb li a{ display:block; position:relative;}
.zb_r_list_box .ul_zb li .minibtn{ display:none; position:absolute; top:5px; height:20px; line-height:20px; width:40px; text-align:center; background:#fff; border:1px solid #ddd; border-radius:4px; }
.zb_r_list_box .ul_zb li .jinyan{right:0;  color:#ff8800;}
.zb_r_list_box .ul_zb li .tichu{right:45px; color:#ff0000;}
.zb_r_list_box .ul_zb li .siliao{right:90px; color:#22dd00;}
.zb_r_list_box .ul_zb li .minibtn:hover{ background:#20a2d6; color:#fff;}
.zb_r_list_box .ul_zb li:hover a .minibtn,.zb_r_list_box .ul_zb li a:hover .minibtn{ display:block;}