/*version  292280*/
/*date  2017-08-08 11:02:38*/
/*updateby  renbinghao*/
/*log  行情2.16样式提交*/
/*resourceDir  quote/css/quote_hq_barrage.css*/
#h5baContainer{z-index: 98;}  
.brg_mask{ position: absolute; z-index: 991; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.5; filter:alpha(opacity=50);}
.brg_line{ position: absolute; width: 100%; height: 25px; overflow: hidden;}
.brg_line0{ top: 5px; left: 0px;}
.brg_line1{ top: 40px; left: 0px;}
.brg_line2{ top: 75px; left: 0px;}
.brg_line3{ top: 110px; left: 0px;}
.brg_line4{ top: 145px; left: 0px;}
.brg_line5{ top: 180px; left: 0px;}
.brg_line6{ top: 215px; left: 0px;}
.brg_line7{ top: 250px; left: 0px;}
.brg_item{ position: absolute; right: -200px; top: 0; z-index: 992; padding: 0 10px; height: 25px; line-height: 25px; font-size: 14px; white-space: nowrap; color: #656565; background-color: rgba(77,122,255,0.3);}
.brg_item_skin0{ background-color: rgba(57,122,255,0.3);border-radius: 15px;}
.brg_item_skin1{background-color: rgba(122,122,255,0.3);border-radius: 15px;}
.h5barrage{position: relative;} 
#barrageContain{position: absolute;top: 65px;left:0;width: 100%;z-index: 10;} 

.brg_wrap{position: absolute; width:100%; z-index: 10; top: 0; left: 0; height:110px; }

.woqu{background: #ccc;height: 20px;margin-top: 10px;display: none;}
  
.barrageSent{ padding-top:10px;  /*width:100%;*/}
.barrageSent .bar_cont{ background:#f1f1f1; height:32px; padding:5px 0 5px 1%; overflow:hidden; line-height:32px; /*width:98%;*/ }
.barrageSent .b_t{ float:left; font-size:16px; color:#1e1e1e; width:50px; }
.barrageSent .b_controll{ float:left; height:22px; cursor:pointer; margin-top:7px; width:14%; }
.barrageSent .b_controll i{ display:block; background:url("https://res.cngoldres.com/quote/img/quote_hq_barrage1.png") no-repeat -130px -110px; width:47px; height:22px; }
.barrageSent .b_controll i.on{ background-position:-130px -140px; }
.barrageSent .inputWrap{ float:left; margin-left:20px;  width:65%;margin-left:4%;} 
.barrageSent .inputWrap #barrageContent{ border:solid 1px #2b9dfc; border-radius:3px; height:16px; padding:7px; font-size:14px; float:left;width:65%; }
.barrageSent .inputWrapHide #barrageContent{ border:solid 1px #ccc; }
.barrageSent .inputWrap .sendBtn{ float:left; height:32px; border-radius:3px; background:#2b9dfc; font-size:14px; color:#fff; cursor:pointer; text-align:center;margin-left:10px; width:20%;}
.barrageSent .inputWrap .dis{ background:#aaa; cursor:default }
.barrageSent .inputWrapHide .sendBtn{ background:#ccc; cursor:default }
.barrageSent .inputWrapHide .dis{ background:#aaa; cursor:default }
.barrageSent .inputWrap .sendBtn:hover{ filter:Alpha(Opacity=80); opacity:0.8; }
.barrageSent .inputWrapHide .sendBtn:hover{ filter:Alpha(Opacity=100); opacity:1.0;}  

.ChartBarrageDiv {display: none;position: fixed;z-index: 3000;width:100%;top: 0px;height: 100%;}
.ChartBarrageDiv .bar_cont{background: rgba(255, 255, 255, 0.8);overflow:hidden;line-height:32px;height: 100%;width:100%;}
.ChartBarrageDiv .inputWrap{float:left;width: 100%;height: 180px;background: rgba(0, 0, 0, 0.3);}
.ChartBarrageDiv .inputWrap #chartBarrageDivContent{width: 90%;margin: 20px 2% 5px;resize: none;height: 100px;border:solid 1px #2b9dfc;border-radius:3px;padding:7px;font-size:14px;}
.ChartBarrageDiv .inputWrapHide #chartBarrageDivContent{ border:solid 1px #ccc; }

.ChartBarrageDiv .inputWrap .sendBtn{width: 20%;margin-right: 5%;float: right;height: 30px;border-radius: 3px;background:#2b9dfc;font-size:14px;color:#fff;cursor:pointer;text-align:center;}
.ChartBarrageDiv .inputWrapHide .sendBtn{ background:#ccc; cursor:default }
.ChartBarrageDiv .inputWrap .sendBtn:hover{ filter:Alpha(Opacity=80); opacity:0.8; }
.ChartBarrageDiv .inputWrapHide .sendBtn:hover{ filter:Alpha(Opacity=100); opacity:1.0;}

.ChartBarrageDiv .inputWrap .cancelBtn{width: 20%;margin-left: 20%;float: left;height: 30px;border-radius:3px;background:#ffffff;font-size:14px;color:rgb(0,0,0);cursor:pointer;text-align:center;}
.ChartBarrageDiv .inputWrapHide .cancelBtn{ background:#ccc; cursor:default }
.ChartBarrageDiv .inputWrap .cancelBtn:hover{ filter:Alpha(Opacity=80); opacity:0.8; }
.ChartBarrageDiv .inputWrapHide .cancelBtn:hover{ filter:Alpha(Opacity=100); opacity:1.0;}

.ChartBarrageDiv .inputWrap .loginBtn{width: 25%;margin-left: 4%;float: left;height: 30px;border-radius:3px;/* background:#2b9dfc; */font-size:14px;color:#fff;cursor:pointer;/* text-align:center; */}
.ChartBarrageDiv .inputWrapHide .loginBtn{ background:#ccc; cursor:default }
.ChartBarrageDiv .inputWrap .loginBtn:hover{ filter:Alpha(Opacity=80); opacity:0.8; }
.ChartBarrageDiv .inputWrapHide .loginBtn:hover{ filter:Alpha(Opacity=100); opacity:1.0;}
 
.landscapeChartBarrageDiv{display: none;position:fixed;z-index: 200;width:100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.landscapeChartBarrageDiv .bar_cont{padding:7px 0px 7px 10px;overflow:hidden;line-height:32px;height: 140px;width:100%;opacity: 1;}
.landscapeChartBarrageDiv .b_t{float:left;font-size:16px;color: #d2d2d2;width: 40px;margin: 2% 0 0 25%;}
.landscapeChartBarrageDiv .b_controll{float:left;width:47px;/* height:22px; */cursor:pointer;margin: 2.8% 0 0 0;}
.landscapeChartBarrageDiv .b_controll i{display:block;background: url("https://res.cngoldres.com/quote/img/quote_hq_barrage1.png") no-repeat -130px -110px;width: 44px;height: 20px;border-radius: 10px;}
.landscapeChartBarrageDiv .b_controll i.on{ background-position:-130px -140px; }
.landscapeChartBarrageDiv .inputWrap{float:left;/* margin-left:20px; */width: 100%;height: 100px;} 
.landscapeChartBarrageDiv .inputWrap #landscapeBarrageContent{width: 94%;height: 80px;resize: none;border:solid 1px #2b9dfc;border-radius:3px;padding: 7px;font-size:14px;float:left;opacity: 1;}
.landscapeChartBarrageDiv .inputWrapHide #landscapeBarrageContent{ border:solid 1px #ccc; }


.landscapeChartBarrageDiv .inputWrap .sendBtn{width: 15%;margin: 2% 6% 2% 0;float: right;height: 30px;border-radius: 3px;background:#2b9dfc;font-size:14px;color:#fff;cursor:pointer;text-align:center;} 
.landscapeChartBarrageDiv .inputWrap .sendBtn:hover{ filter:Alpha(Opacity=80); opacity:0.8; } 

.landscapeChartBarrageDiv .inputWrap .cancelBtn{width: 15%;margin: 2% 0 2% 4%;float: left;height: 30px;border-radius:3px;background:#ffffff;font-size:14px;color:rgb(0,0,0);cursor:pointer;text-align:center;} 
.landscapeChartBarrageDiv .inputWrap .cancelBtn:hover{ filter:Alpha(Opacity=80); opacity:0.8; } 

.landscapeChartBarrageDiv .inputWrap .loginBtn{width: 15%;margin: 2%;float: left;height: 30px;border-radius:3px;/* background:#2b9dfc; */font-size:14px;color:#fff;cursor:pointer;text-align:center;} 
.landscapeChartBarrageDiv .inputWrap .loginBtn:hover{ filter:Alpha(Opacity=80); opacity:0.8; } 
/*
.landscapeChartBarrageDiv   .sendBtn{width:10%;margin: 1px 0 1px 15px;float:left;height: 30px;border-radius:3px;background:#2b9dfc;font-size:14px;color:#fff;cursor:pointer;text-align:center;}
.landscapeChartBarrageDiv   .dis{ background:#aaa; cursor:default } 
.landscapeChartBarrageDiv   .sendBtn:hover{ filter:Alpha(Opacity=80); opacity:0.8; } 
.landscapeChartBarrageDiv   .show_hidden_bullet{float:left;width: 25%;margin-left: 5%;}
.landscapeChartBarrageDiv .show_hidden_bullet   .b_t{width:30%;}
.landscapeChartBarrageDiv   .show_hidden_bullet   .b_controll{width:40%;}
.landscapeChartBarrageDiv   .cancelBtn{width:10%;margin: 1px 0 1px 15px;float:left;height: 30px;border-radius:3px;background:#2b9dfc;font-size:14px;color:#fff;cursor:pointer;text-align:center;} 
.landscapeChartBarrageDiv  .cancelBtn:hover{ filter:Alpha(Opacity=80); opacity:0.8; } */

/*pop*/
.stock_status2 .stock_arrow, .stock_status3 .stock_arrow, .stock_status2 .stock_change, .stock_status3 .stock_change, .stock_buysell01_detail .stock_status3{ display:none }
.stock_status2 .price, .stock_status3 .price{ font-family:"Microsoft YaHei" }
.level2_alert{ position:fixed; left:50%; top:50%; z-index:10002; margin:-50px 0 0 -100px; width:200px; padding:6px; background:rgba(41, 72, 110, .3) }
.level2_alerthq{ width:400px; text-align:left; padding:10px; }
.level2_alerthq a{ color:#005dbf }
.level2_alert_mask{ position:absolute; top:0; left:0; background:#000; filter:Alpha(Opacity=40); opacity:0.4; width:100%; z-index:998; }
.level2_alert .alertContent{ padding:10px; font-size:14px; color:#000; background:#eee; text-align:center; }
.level2_alerthq .alertContent{ text-align:left; }
.level2_popup{ position:fixed; left:50%; top:50%; z-index:10002; margin:-200px 0 0 -300px; padding:6px; background:rgba(41, 72, 110, .3) }
.level2_popup_fullscreen{ position:fixed; left:0; top:0; z-index:10002; margin:0; padding:6px; background:rgba(41, 72, 110, .3) }
.level2_popup_mask{ position:absolute; top:0; left:0; background:#fff; filter:Alpha(Opacity=40); opacity:0.4; width:100%; z-index:10001; }
.level2_popup .popContent{ background:#fff; }
.level2_popup .popTitle{ background:#3083c7; height:32px; line-height:32px; text-align:center }
.level2_popup .popTitle h3{ color:#fff; font-size:14px; }
.level2_popup .popClose{ position:absolute; right:15px; top:13px; background:url("https://res.cngoldres.com/quote/img/quote_hq_barrage1.png") no-repeat -160px 0; width:17px; height:18px; cursor:pointer; z-index:100; }
.level2_popup .popClose:hover{ background-position:-177px 0 }
.level2_popup .popInner{ padding:18px 20px 20px; }
.level2_popup_fullscreen .popInner{ padding:0; }
.level2_popup .pop_mainConfig .con_menu li{ float:left; width:91px; color:#575757; font-size:14px; text-align:center; background:url("https://res.cngoldres.com/quote/img/quote_hq_barrage2.png") repeat-x 0 -7px; line-height:20px; cursor:pointer; height:33px; }
.level2_popup .pop_mainConfig .con_menu li.cur{ background-position:0 -67px; color:#1e1e1e; }
.level2_popup .pop_mainConfig .con_content{ margin-top:10px; }
.level2_popup .pop_mainConfig .con_nav_left{ float:left; background:#efefef; width:181px; padding:6px 0; height:353px; }
.level2_popup .pop_mainConfig .con_nav_left ul{ height:353px; overflow:hidden; overflow-y:auto; }
.level2_popup .pop_mainConfig .con_nav_left li{ line-height:23px; height:23px; white-space:nowrap; padding-left:11px; color:#1e1e1e; cursor:pointer }
.level2_popup .pop_mainConfig .con_nav_left li:hover{ color:#000 }
.level2_popup .pop_mainConfig .con_nav_left li.selected{ background:#46a9f9; color:#fff; }
.level2_popup .pop_mainConfig .con_nav_toggle_btn{ float:left; width:37px; }
.level2_popup .pop_mainConfig .con_nav_toggle_btn span{ cursor:pointer; background:url("https://res.cngoldres.com/quote/img/quote_hq_barrage1.png") no-repeat -195px 0; display:block; width:23px; height:29px; margin:158px 0 0 10px; }
.level2_popup .pop_mainConfig .con_nav_toggle_btn span:hover{ background-position:-225px 0 }
.level2_popup .pop_mainConfig .con_nav_middle{ float:left; width:181px; overflow:hidden; }
.level2_popup .pop_mainConfig .con_nav_middle h3{ font-size:14px; height:27px; padding:0 0 0 3px; }
.level2_popup .pop_mainConfig .con_nav_middle .mbd{ background:#efefef; width:181px; padding:6px 0; height:326px; }
.level2_popup .pop_mainConfig .con_nav_middle ul{ height:326px; overflow:hidden; overflow-y:auto; }
.level2_popup .pop_mainConfig .con_nav_middle li{ line-height:23px; height:23px; white-space:nowrap; padding-left:11px; color:#1e1e1e; cursor:pointer; position:relative; }
.level2_popup .pop_mainConfig .con_nav_middle li:hover{ color:#000; background:#bde2ff; }
.level2_popup .pop_mainConfig .con_nav_middle li.selected{ background:#46a9f9; color:#fff; }
.level2_popup .pop_mainConfig .con_nav_middle li s{ display:none }
.level2_popup .pop_mainConfig .con_nav_middle li s.gtop{ cursor:pointer; position:absolute; background:url("https://res.cngoldres.com/quote/img/quote_hq_barrage1.png") no-repeat -262px 0; width:12px; height:23px; top:0; right:36px; }
.level2_popup .pop_mainConfig .con_nav_middle li s.gbot{ cursor:pointer; position:absolute; background:url("https://res.cngoldres.com/quote/img/quote_hq_barrage1.png") no-repeat -277px 0; width:12px; height:23px; top:0; right:24px; }
.level2_popup .pop_mainConfig .con_nav_middle li s.del{ cursor:pointer; position:absolute; background:url("https://res.cngoldres.com/quote/img/quote_hq_barrage1.png") no-repeat -292px 0; width:21px; height:23px; top:0; right:0; }
.level2_popup .pop_mainConfig .con_nav_middle li:hover s{ display:block; }
.level2_popup .pop_mainConfig .con_nav_middle li:hover s.gtop:hover{ background-position:-262px -30px }
.level2_popup .pop_mainConfig .con_nav_middle li:hover s.gbot:hover{ background-position:-277px -30px }
.level2_popup .pop_mainConfig .con_nav_middle li:hover s.del:hover{ background-position:-292px -30px }
.level2_popup .pop_mainConfig .con_nav_middle li.selected s.gtop{ background-position:-262px -60px }
.level2_popup .pop_mainConfig .con_nav_middle li.selected s.gbot{ background-position:-277px -60px }
.level2_popup .pop_mainConfig .con_nav_middle li.selected s.del{ background-position:-292px -60px }
.level2_popup .pop_mainConfig .con_nav_middle li.selected s.gtop:hover{ background-position:-262px -90px }
.level2_popup .pop_mainConfig .con_nav_middle li.selected s.gbot:hover{ background-position:-277px -90px }
.level2_popup .pop_mainConfig .con_nav_middle li.selected s.del:hover{ background-position:-292px -90px }
.level2_popup .pop_mainConfig .con_nav_middle li.one s.gtop, .level2_popup .pop_mainConfig .con_nav_middle li.one s.gbot,
.level2_popup .pop_mainConfig .con_nav_middle li.first s.gtop, .level2_popup .pop_mainConfig .con_nav_middle li.last s.gbot{ display:none; }
.level2_popup .pop_mainConfig .con_nav_right{ float:right; width:205px; overflow:hidden; }
.level2_popup .pop_mainConfig .con_nav_right .con_para{ padding-top:27px; height:263px; overflow:hidden; }
.level2_popup .pop_mainConfig .con_nav_right .con_para ul{ height:300px; overflow:hidden; overflow-y:auto; }
.level2_popup .pop_mainConfig .con_nav_right .con_para li{ height:26px; margin-bottom:21px; line-height:26px; overflow:hidden; padding-left:10px; }
.level2_popup .pop_mainConfig .con_nav_right .con_para li label{ float:left; width:63px; text-align:right; margin-right:6px; font-size:14px; }
.level2_popup .pop_mainConfig .con_nav_right .con_para li input{ border:solid 1px #dbdbdb; padding:2px 5px; width:17px; height:17px; margin-right:5px; text-align:center; }
.level2_popup .pop_mainConfig .con_nav_right .con_desc{ margin:10px 0 0 10px; height:55px; overflow:hidden; overflow-y:auto; word-wrap:break-word; }
.level2_popup .pop_mainConfig .con_btn{ padding:20px 0 0; height:29px; line-height:27px; vertical-align:top; text-align:center }
.level2_popup .pop_mainConfig .con_btn span{ display:inline-block; width:73px; height:27px; text-align:center; cursor:pointer; margin:0 20px }
.level2_popup .pop_mainConfig .cancel{ color:#575757; background:#f2f2f2; border:solid 1px #d9d9d9; }
.level2_popup .pop_mainConfig .save{ color:#fff; background:#46a9f9; border:solid 1px #46a9f9; }
.level2_popup .pop_mainConfig .con_btn span:hover{ filter:Alpha(Opacity=80); opacity:0.8;}