@charset "utf-8";
/*适老化*/
.service{ margin-left: -6px; display: inline; margin-right: 7px; font-size: 12px; color: #E60113; }
/*工具条固定前隐藏的DIV*/
.hideEle{ width:1000px;  height:184px; margin: 0 auto; display: none; }
.help-bar { z-index: 10000; background-color: #990B12; display: none; width: 1900px; width: calc(100%); height:184px; margin: 0 auto;}
.help-bar ul { display:flex; width: calc(100%);margin: 0 auto;}
.help-bar li { float: left; text-align: center; list-style: none;width: 126px; width:calc(6.67%);/*优先这个，无法识别就用前面的*/height: 184px;}
.help-bar li:hover { background-color: white;}
.help-bar li:hover p { color: #990B12; }
/* .help-bar li:hover img { content: url(../images/B3.jpg);} */
.help-bar div{ width: 53px; height: 53px; margin: 0 auto; }
.help-bar .s_speak div { width: 86px; height: 53px;}
/*悬浮前的bk img*/
.s_nav div { background: url(../images/navIcon.png) no-repeat; }
.help-bar .s_content div { background: url(../images/contentIcon.png) no-repeat; }
.help-bar .s_bottom div { background: url(../images/bottomIcon.png) no-repeat; }
.help-bar .s_speak div { background: url(../images/speakIcon.png) no-repeat; }
.help-bar .s_speed div { background: url(../images/speedIcon.png) no-repeat; }
.help-bar .s_caption div { background: url(../images/captionIcon.png) no-repeat; }
.help-bar .s_color div { background: url(../images/colorIcon.png) no-repeat; }
.help-bar .s_zOut div { background: url(../images/zOutIcon.png) no-repeat; }
.help-bar .s_zIn div { background: url(../images/zInIcon.png) no-repeat; }
.help-bar .s_cursor div { background: url(../images/cursorIcon.png) no-repeat; }
.help-bar .s_line div { background: url(../images/lineIcon.png) no-repeat; }
.help-bar .s_fix div { background: url(../images/fixIcon.png) no-repeat; }
.help-bar .s_reset div { background: url(../images/resetIcon.png) no-repeat; }
.help-bar .s_descre div { background: url(../images/decreIcon.png) no-repeat; }
.help-bar .s_quit div { background: url(../images/quitIcon.png) no-repeat; }
/*悬浮后back img*/
.s_nav:hover div { background: url(../images/navHover.png) no-repeat; }
.help-bar .s_content:hover div { background: url(../images/contentHover.png) no-repeat; }
.help-bar .s_bottom:hover div { background: url(../images/bottomHover.png) no-repeat; }
.help-bar .s_speak:hover div { background: url(../images/speakHover.png) no-repeat; }
.help-bar .s_speed:hover div { background: url(../images/speedHover.png) no-repeat; }
.help-bar .s_caption:hover div { background: url(../images/captionHover.png) no-repeat; }
.help-bar .s_color:hover div { background: url(../images/colorHover.png) no-repeat; }
.help-bar .s_zOut:hover div { background: url(../images/zOutHover.png) no-repeat; }
.help-bar .s_zIn:hover div { background: url(../images/zInHover.png) no-repeat; }
.help-bar .s_cursor:hover div { background: url(../images/cursorHover.png) no-repeat; }
.help-bar .s_line:hover div { background: url(../images/lineHover.png) no-repeat; }
.help-bar .s_fix:hover div { background: url(../images/fixHover.png) no-repeat; }
.help-bar .s_reset:hover div { background: url(../images/resetHover.png) no-repeat; }
.help-bar .s_descre:hover div { background: url(../images/descreHover.png) no-repeat; }
.help-bar .s_quit:hover div { background: url(../images/quitHover.png) no-repeat; }
.help-bar p { font-size:24px; color: white; }
#crossLine { display: none; z-index: 99999; }
/* 垂直十字线样式 */
.vertical{ width:4px; height:150%; background-color: red!important; z-index: 99999; position: fixed!important; }
/* 水平十字线样式 */
.horizontal{ height: 4px; width:150%; background-color: red!important; z-index: 99999; position: fixed!important; }       
.caption{ background-color: #990B12; color: white; letter-spacing: 6px; text-align: center; font-size: 30px; z-index: 9999; display: none;  width: 100%; height: 120px; line-height: 120px; position: fixed; bottom: 0; left: 0; }
.caption p { margin: auto 0; }
.rubyWraper{ display: flex; justify-content: center; align-items: center; height: 120px; line-height: 120px;}
.pinYinWraper{ margin-top: 37px; line-height: 0px; }
.pinYinSwitch { line-height: 0px; position: fixed; bottom: 32px; right: 105px; border: 2px solid white; width: 94px; height: 55px; color: white; font-size: 28px; border-radius: 6px; background-color: #990B12; }
.quitBar { position: fixed; bottom: 37px; right: 30px; }
/*宣传教育专区*/
.propaRightbar{ width:1000px; float:right; padding-top:10px;}
.propa_List{ padding:11px 28px 0 28px; background:#fafafa; border:1px solid #ececec; margin-top:10px;}
.propa_List .name{ height:42px; line-height:42px; border-bottom:1px solid #e3e3e3; font-size:16px; color:#cb2c29;/* font-weight:bold;*/ margin-bottom:5px; position: relative;}
.propa_List .name02{ height:42px; text-align:center; line-height:42px; border-bottom:1px solid #e3e3e3; font-size:16px; color:#cb2c29; font-weight:bold; margin-bottom:5px; position: relative;}
.propa_List li{list-style:none; height:39px; line-height:39px; padding:0 21px 0 0px; /*background:url(../images/dot.jpg) repeat-x left bottom;*/}
.propa_List li a{ background:url(../images/redDot.png) no-repeat left center; padding-left:22px;}
.propa_List li span{ float:right;color: #999999}
.propa_List .Share  .bdsharebuttonbox{ position:absolute; background:url(../images/share.jpg) no-repeat; width:116px; height:36px; top:-3px ; right:0px;}