/* 代码审查样式  */ 

/* 覆盖touchnote的样式  */ 
.note-tool.down::before {border-bottom: 6px solid #999191;}
.note-tool.up::before {border-top: 6px solid #999191;}
.note-tool {background: #999191;}

html, body{font-family: Verdana, Arial, "Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif;}
@font-face{
	font-family: yjsz;src:url('fonts/yjsz.TTF'),url('fonts/yjsz.eot'); /* IE9+,可以是具体的实际链接 */
}
@font-face{
	font-family: Righteous;src:url('fonts/Righteous-Regular.ttf');
}
@font-face{
	font-family: Audiowide;src:url('fonts/Audiowide-Regular.ttf');
}
/* 公共 */
.fs12{font-size: 12px !important;}
.fs11{font-size: 11px !important;}
.pt5{padding-top: 5px !important;}
.fr{float: right;}
.waring{color: red !important;margin: 5px;}

.countnumbers .waring{font-family: Audiowide;font-size:14px;letter-spacing:1px;}
.container {width: 100%;}
.container #code-html code{font-family: Verdana, Arial, "Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif;}
table td {word-wrap: break-word;word-break: break-all;}

/* 数字 */
.catalog_number_wraper{border-radius: 50%;height: 20px;width: 20px;display: inline-block;background: #FF8C00;vertical-align: top;margin-right: 10px;}
.catalog_number{display: block;color: #FFFFFF;height: 20px;line-height: 20px;text-align: center;}
/* 引用 */
.bs-callout {padding: 5px;margin: 8px;font-size:11px;color:gray;border: 1px solid #eee;border-left-color: rgb(238, 238, 238);border-left-width: 1px;border-left-width: 5px;border-radius: 3px;}
.bs-callout-danger{border-left-color: #ce4844;}
/* 行号 */
.textarea_ol{position:absolute;z-index:1;padding:9.5px 0px;margin:0 0 10px 5px;border:0px;width:23px;text-align:left; } 
.textarea_ol textarea.textarea_li{font-family: Righteous;background:#ecf0f5;height:500px;overflow:hidden;width:32px;border:0;line-height:19px;margin:0px;padding:0px;padding-top:.5em;text-align:center;font-size: 11px;} 
/*  white-space: pre空白换行会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 */
#code-html pre code{line-height:19px;padding-left: 35px;white-space: pre;}

/* 滚动条样式 */
.scroll_bar_x {display: none;position: fixed;top: 75px;left: 706px;color: white;width: 400px;border: 2px solid #18c0db;border-radius: 7px;overflow: auto;height: 14px;}
/* 滚动条背景 */
.scroll_bar_x .back{height: 10px; width: 396px; background-color: rgb(230, 230, 230); border-radius: 4px; opacity: 1;-webkit-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;transition: background-color 0.5s ease-out;cursor: pointer;position: absolute;}
/* 滚动条前景，即滑块 */
.scroll_bar_x .dragger{height: 10px; width: 100px; background-color: rgb(93, 83, 219); border-radius: 5px; opacity: 1; position: absolute; cursor: pointer;}
.scroll_bar_x .dragger:hover{background-color: rgb(161, 220, 19);}