/* 波浪线 */
.touch_notes{cursor:pointer;color: #f66;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23f66' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100% !important; 
    background-size: 20px auto;animation: waveMove 1s infinite linear;}
.touch_notes.selected{background-color: yellow;}
@keyframes waveMove {from { background-position: 0 100%; }  to   { background-position: -20px 100%; }}
.highlight{font-weight: bold;color: yellow;}
/* 选中内容区的提示栏 */
.note-tool.down::before {border-bottom: 6px solid #484848;top: -6px;left:82px;}
.note-tool.up::before {border-top: 6px solid #484848;bottom: -6px;left:82px;}
.note-tool.down::before, .note-tool.up::before {content: "";position: absolute;border-right: 8px solid transparent;border-left: 8px solid transparent;width: 0;height: 0;}
.note-tool {display: none;margin: 0;padding: 0;list-style: none;position: absolute;font-weight: 300;background: #484848;color: #fff;align-items: center;justify-content: space-around;border-radius: 8px;}
.note-tool-item {flex: 1 1 auto;height: 32px;line-height: 32px;font-size: 12px;cursor: pointer;white-space: nowrap;width: 58px;position: relative;border-radius: 8px;text-align: center;float: left;}
.note-tool-item .iconfont {line-height: 1;position: absolute;font-size: 16px;top: 14px;left: 21px;}
/* 弹出框 */
.note-dialog.down::before, .note-dialog.up::before {content: "";position: absolute;border-right: 8px solid transparent;border-left: 8px solid transparent;width: 0;height: 0;}
.note-dialog {width: 600px;display: none;margin: 0;padding: 0;list-style: none;position: absolute;font-weight: 300;background: #484848;color: #fff;align-items: center;justify-content: space-around;border-radius: 8px;}
.note-dialog.down::before {border-bottom: 6px solid #484848;top: -6px;left:288px;}
.note-dialog.up::before {border-top: 6px solid #484848;bottom: -6px;left:288px;}
.edit-textarea-wrap {padding: 20px;box-sizing: border-box;}
.edit-textarea-wrap .edit-textarea {width: 100%;height: 240px;line-height: 26px;border: 0;font-size: 16px;color: #e4e4e4;background: #545353;resize: none;outline: none;vertical-align: top;}
.edit-textarea-wrap button {
    padding: 0;width: 95px;height: 35px;line-height: 35px;text-align: center;margin-top: 10px;color: #fff;    
	background: #6d6d6d;font-weight: 400;border: none;outline: none;border-radius: 6px;float: right; margin-right: 20px;	margin-bottom:10px;}

/* 右侧提示栏 */
.touch-note-popmenus {display: none;margin: 0;padding: 0;list-style: none;position: absolute;font-weight: 300;background: #1c1c1c;color: #fff;align-items: center;justify-content: space-around;border-radius: 8px;}
.touch-note-popmenus.down::before {border-bottom: 6px solid #1c1c1c;top: -6px;left:88px;}
.touch-note-popmenus.up::before {border-top: 6px solid #1c1c1c;bottom: -6px;left:88px;}
.touch-note-popmenus.down::before, .touch-note-popmenus.up::before {content: "";position: absolute;border-right: 8px solid transparent;border-left: 8px solid transparent;width: 0;height: 0;}
/* 临时选区 */
.tmp_touch_notes{background:#26a69a;color: #ffffff;}
/* 选区样式，只对背景色、前景色起作用 */
::-moz-selection {background: #26a69a;color: #ffffff;}
::selection {background: #26a69a;color: #ffffff;}



/* 代码审查样式  */ 

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

/* 公共 */
.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;}

/* 滚动条样式 */
.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);}