/* 代码审查样式  */ 

/* 覆盖touchnote的样式  */ 
.note-tool.down::before {border-bottom: 8px solid #999191;}
.note-tool.up::before {border-top: 8px 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: .92rem !important;}
.fs11{font-size: .75rem !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;}
.catalog_number{display: block;color: #FFFFFF;height: 20px;line-height: 20px;text-align: center;}
/* 引用 */
.bs-callout {
    padding: 0.2rem 0.1rem 0.2rem 0.6rem;
    margin: 8px;
    font-size: 0.75rem;
    color: #808080;
    line-height: 1.25rem;
    border-left: 3px solid rgb(238, 238, 238);
    border-radius: 3px;
    font-style: italic;
}
.bs-callout-danger{border-left-color: #ddd;}
/* 行号 */
.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);}
.menus{ display:flex;flex-direction:row-reverse;padding:0.5rem 0;}
.menus i{
    display: inline-flex;
    width:1rem;
    height:1rem;
    margin:0.2rem 0.35rem;
    background-size: 100%;
}
 .touchnote-update{
     /*..images/pen.svg*/
     background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pen' viewBox='0 0 16 16'%3E%3Cpath d='m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001zm-.644.766a.5.5 0 0 0-.707 0L1.95 11.756l-.764 3.057 3.057-.764L14.44 3.854a.5.5 0 0 0 0-.708l-1.585-1.585z'/%3E%3C/svg%3E") no-repeat;
 }
 .touchnote-delete{
     /*..images/trash3.svg*/
     background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-trash3' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z'/%3E%3C/svg%3E") no-repeat;
 }

 .touchnote-reply{
     /*..images/chat-dots.svg*/
     background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chat-dots' viewBox='0 0 16 16'%3E%3Cpath d='M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3Cpath d='m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z'/%3E%3C/svg%3E") no-repeat;
 }
.touchnote-share{
    /*..images/share.svg*/
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-share' viewBox='0 0 16 16'%3E%3Cpath d='M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E") no-repeat;
}
.notesdiv{
    --tw-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 1px 1px var(--tw-shadow-color);
    margin: 0.75rem;
    padding:0.075rem;
    background: #fff;
    border-radius: 0.5rem;
    }
.panel-body{margin:0 8px;}
.notesdiv .remarks{margin:0.5rem 0; line-height: 1.5rem;}
.panel-heading{padding:0.9rem 0.5rem 0.5rem 0.5rem;}
.createtime{color:rgb(115 115 115);line-height: 1.5rem;}
.notesdiv .page{padding:0 0.5rem 0.6rem 0.5rem;font-size: .8rem;}
.note-dialog .choosed{padding-bottom:1rem;}
.panel-primary {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: rgb(255 136 31 / 38%) 0px 0px 15px 0px;
}


.notes .header{
    position: fixed;
    width: 20%;
    z-index: 9;
    background: #f9f9fa;
    line-height: 2.5rem;
    height: 2.7rem;
    padding: 0 0.8rem;
    font-size: .85rem;
    border: 0.1rem solid #ddd;
    display: flex;
    flex-direction: row;
    border-bottom: rgb(179 179 185 / 69%) 2px solid;
    border-top: none;
    justify-content: space-around;
}
.notes .header label{width: 60%;/* display:inline-flex; */}
.notes .header .i{
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.25rem 0;
  line-height: 1.5rem;
}
.notes .header .search{
    /*../images/search.svg*/
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") no-repeat center;
}
.notes .header .share{
    /*../images/share.svg*/
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-share' viewBox='0 0 16 16'%3E%3Cpath d='M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E") no-repeat center;
}
.notes .header .toggle{
  width: .9rem;
  height: .8rem;
  margin-left: -.5rem;
  opacity: 0.4;
  padding: .9rem 0;
  margin-right: .4rem;
  /*../images/chevron-right.svg*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.notes .header .account{
    /*../images/person-circle.svg*/
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-person-circle' viewBox='0 0 16 16'%3E%3Cpath d='M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath fill-rule='evenodd' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z'/%3E%3C/svg%3E") no-repeat center;
  height: 2rem;
  width: 2rem;
  line-height: 2rem;
}
.guide{
  margin: 0.75rem;
  margin-top: 3.5rem;
  padding: 0.075rem;
}
.guide .tab{display:flex;flex-direction:row;justify-content: space-around;}
.guide .tab span{width: 100%;text-align: center;padding:.4rem 0;font-size:.85rem;}
.guide .tab .selected{background:#fff;border-radius: 0.3rem 0.3rem 0 0;}
.guide .detail{background:#fff;padding:.5rem;line-height:1.5rem;}
.notes .guide .detail:nth-of-type(2){
    border-radius: 0 0.3rem .3rem .3rem;
    display: block;
}
.notes .guide .detail:nth-of-type(3){
    border-radius: .3rem 0 .3rem .3rem;
    display: none;
}

.notes .menu{margin:.75rem;display:flex;justify-content:space-around;font-size: .9rem;}
.notes .number{
    position: absolute;
    font-size: .6rem;
}
.lock::before{
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: bottom;
    margin-right: .3rem;
    margin-bottom: .038rem;
    background-position: center;
    background-size: 1.1em 90%;
    /*../images/lock.jpg*/
    background-image: url('../images/lock.jpg');
    background-repeat: no-repeat;
}
.pageno{margin: 0 .75rem;display: flex;justify-content: space-between;font-size: .9rem;background: #fff;padding: .8rem .6rem;border-radius: .5rem;}
.pageno .toggle{
    /*../images/chevron-compact-down.svg*/
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-compact-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.553 6.776a.5.5 0 0 1 .67-.223L8 9.44l5.776-2.888a.5.5 0 1 1 .448.894l-6 3a.5.5 0 0 1-.448 0l-6-3a.5.5 0 0 1-.223-.67z'/%3E%3C/svg%3E") no-repeat center;
    width:1rem;
}

.nofile{
    position: absolute;
    background: #f19e1ce8; /*background: #0b93e5*/
    color: #fff;
    width: 10rem;
    margin-top: .8rem;
    padding: 1rem;
    border-radius: .8rem .8rem .8rem .8rem;
    right: -.7rem;
    display: none;
    z-index: 999;
}
.nofile::before{
    position: absolute;
    top: -.5rem;
    right: 1rem;
    content:"";
    /* width:2rem; */
    /* height:2rem; */
    border-bottom: 8px solid #f0a52f;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.toolbarButton.fav::before{
    width: 16px;
    /*color: #f38106;*/
    /*../images/heart.svg*/
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-heart' viewBox='0 0 16 16'%3E%3Cpath d='m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z'/%3E%3C/svg%3E");
}
.toolbarButton.faved::before{
    background: unset;
}
.bi-heart-fill{fill:red;}

.guide .detail .edit{
    /*../images/pen.svg*/
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pen' viewBox='0 0 16 16'%3E%3Cpath d='m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001zm-.644.766a.5.5 0 0 0-.707 0L1.95 11.756l-.764 3.057 3.057-.764L14.44 3.854a.5.5 0 0 0 0-.708l-1.585-1.585z'/%3E%3C/svg%3E");
    position: absolute;
    right: 1.5rem;
}
.guide .detail p{
    display: flex;
    flex-direction: row;
    font-size:.9rem;
    padding:.3rem 0;
}
.guide .detail .right{
    background:none;
    padding:0 .3rem;
    width:80%;
}
.detail .grey{
    width: 20%;
    display: inline-flex;
    color:gray;
}


.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
  display: none;
}
.init{
    background: rgb(115 115 115);
    position:fixed;
    top: 30%;
    left: 30%;
    color: #fff;
    line-height: 2.5rem;
    z-index: 10001;
    width: 40%;
    border-radius: 1rem;
    display: none;
}
.init .header{border-radius: 1rem 1rem 0 0;text-align:center;height: 4rem;font-weight: 600;line-height: 4rem;background: #615e5e;}
.init .info{padding: 5%;margin: 0 auto;}
.init .info p{display:flex;flex-direction:row;margin-bottom: 1rem;}
.init .info textarea,.init .info input{padding: .5rem;background: #f9f9f9f0;border: 1px solid #ddd;width: 79%;border-radius: .5rem;}
.init .grey{
    display:inline-block;
    width:20%;
    vertical-align: text-bottom;
}
.init .btn{width:20%;display:block;background: #def0f569;border-radius: 1rem;}
.init .must{
    color: #ffbca3f7;
}

.trans,.winocr{
    position:fixed;
    top: 50%;
    display: flex;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100px; /* 你的宽度 */
    min-height: 50px; /* 你的高度 */
    color: #fff;
    padding: 1.5rem;
    border-radius: 1.5rem;
    background: #454040;
    width: 50%;
    display: none;
    z-index: 1;
}
.trans .ref,.winocr .ref{
    margin-bottom:1rem;
    color:#ddd;
    max-height: 73vh;
    /*overflow-y: scroll;*/
    margin-right:2%;
}
.trans .ref, .trans .zh, .winocr .ref, .winocr .md{
    width:49%;
}
.winocr .submit{
    display: flex;
    flex: 1 1 100%;
    justify-content: space-around;
    flex-direction: row;
    font-weight: 600;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.textLayer.ocr::before{
    position:absolute;
    background: rgb(61 179 207);
    right: 5%;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    padding: .5rem 1rem;
    content:'OCR';
    margin-top: 2rem;
    cursor: pointer;
}
.winocr{
    width:80%;
    box-sizing: border-box;
    max-height: 88vh;
    overflow: hidden;
    z-index: 10000;
    flex-wrap: wrap;
}
.winocr .ref img{
     width: 100%;
    max-height:100%;
 }
.winocr .md{
    max-width: 48.9%;
    max-height: 73vh;
    /* overflow-y:scroll; */
}
.winocr .btn{
            background: #00ddffed;
            width: 25%;
            padding: 12px 10px;
            border-radius: 15px;
            cursor: pointer;
            }
.winocr .md.saved::before{
    position:absolute;
    content:'saved';
    padding: .3rem .8rem;
    top: 4%;
    right: 4%;
    border-radius: .5rem;
    background: #e5721d;
    z-index:100003;
}
.winocr .close{
    border-radius:50%;
    width: 45px;
    color: #666;
    background:orange;
    line-height:45px;
    position:absolute;
    right:2%;
    font-size: 1.5rem;
    cursor: pointer;
}
.winocr .prev,.winocr .next{width: 15%;background: #2db6cb;padding: 12px 10px;border-radius: 15px;cursor: pointer;}
/*
#viewerContainer::-webkit-scrollbar {
    width: 15px; # 滚动条的宽度 
    height: 8px;
}

#viewerContainer::-webkit-scrollbar-thumb {
    background-color: #ffffff; 
    border-radius: 10px; 
}

#viewerContainer::-webkit-scrollbar-track {
    
    background-color: #d7d7db; 
}
*/
.short{
    position:fixed;
    right:20%;
    top:40%;
    flex-direction: column;
    display: flex;
}

.short div{
    width: 1rem;
    height: 1.5rem;
    border-radius: .3rem;
    padding: .5rem;
    margin-bottom: .3rem;
    background: #fff;
}
.short .pagenote{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' aria-hidden='true' viewBox='0 0 16 16' data-component='NoteIcon'%3E%3Cpath fill='currentColor' d='M14 0a2 2 0 0 1 1.995 1.85L16 2v7a1 1 0 0 1-.31.724l-.09.076-8 6a1 1 0 0 1-.471.192L7 16H2a2 2 0 0 1-1.995-1.85L0 14V2A2 2 0 0 1 1.85.005L2 0zm0 2H2v12h4V9a1 1 0 0 1 .883-.993L7 8h7zm-2 8H8v3z'%3E%3C/path%3E%3C/svg%3E");
}
.short .toggle.open{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' aria-hidden='true' viewBox='0 0 16 16' data-component='ShowIcon'%3E%3Cpath fill='currentColor' d='M8 2c4.36 0 8 2.6 8 6s-3.64 6-8 6-8-2.6-8-6 3.64-6 8-6m0 2C4.628 4 2 5.877 2 8s2.628 4 6 4 6-1.877 6-4-2.628-4-6-4m0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4'%3E%3C/path%3E%3C/svg%3E");
}
.short .toggle.close{
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' aria-hidden='true' viewBox='0 0 16 16' data-component='HideIcon'%3E%3Cpath fill='currentColor' d='m1.613.21.094.083 14 14a1 1 0 0 1-1.32 1.497l-.094-.083-14-14A1 1 0 0 1 1.613.21m.583 4.845a1 1 0 0 1 .292 1.384C2.165 6.935 2 7.46 2 8c0 2.123 2.628 4 6 4q.33 0 .657-.024a1 1 0 0 1 .147 1.994Q8.405 14 8 14c-4.36 0-8-2.6-8-6 0-.937.283-1.84.812-2.653a1 1 0 0 1 1.384-.292M8 2c4.36 0 8 2.6 8 6 0 .937-.283 1.84-.812 2.653a1 1 0 0 1-1.676-1.092C13.835 9.065 14 8.54 14 8c0-2.123-2.628-4-6-4q-.33 0-.657.024a1 1 0 1 1-.147-1.994Q7.595 2 8 2'%3E%3C/path%3E%3C/svg%3E");
}

.notesdiv .remarks ul{
    list-style-type: disc;
    counter-reset: item; 
}
.notesdiv .remarks ol{
    list-style-type:decimal;
    counter-reset: item; 
}
.notesdiv .remarks li{
    display: flex;
    list-style-type: none;
    margin-bottom: .3rem;
    position: relative; /* 为绝对定位做准备 */
    counter-increment: item;
}
.notesdiv .remarks ol li::before{
    content: counter(item);
    margin-right:.5rem;
}
.notesdiv .remarks ul li:before{
    content: "●";
    vertical-align: text-top;
    line-height:100%;
    margin-right:.5rem;
}

.notesdiv .remarks ul li.vditor-task:before{
    content:'..';
    color:transparent;
}
.remarks input[type="checkbox"]{
    background: rgb(105, 187, 255);
    background-color: rgb(105, 187, 255);
    color:#fff;
}