#comment[data-v-c7a51296]{width:60px;height:620px;position:fixed;right:0;top:50%;transform:translateY(-50%);overflow:hidden}#note-btn[data-v-c7a51296]{width:35px;height:620px;float:right;position:relative;overflow:hidden}#note-btn>div[data-v-c7a51296]:first-of-type{width:35px;height:620px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAJtCAYAAABeyNIVAAAACXBIWXMAAAsSAAALEgHS3X78AAADaUlEQVR4nO3cwZETRxiA0daW7+bom8nAhEAIOAIRgkPAGTgEFIEhg907BzsDiACIYKjZFUPBAm+pWmbm8H1VOmkkverukXT6D9M0jVudDo/GGA9uP/HVfjs/7qNXv3z2JqfDkzHGP2OM3+/pA360q0+gG8y/G0GWLs6YeXueb40ZC2iMv8YYv25sue4j6OnGjqWLcTo83PAQ32peocd7wYwz6OEOHEsXd7xutXa5ZbsqkAqkAqlAKpAKpAKpQCqQCqQCqUAqkAqkAqlAKpAKpAKpQCqQCqQCqUAqkAqkAqlAKpAKpAKpQCqQCqQCqUAqkAqkAqlAKpAKpAKpQCqQCqQCqUAqkAqkAqlAKpCaQa8DfaddbtnlDhxLO9yy4zSD3u/Act3HM/RiY8fSTkHHaQa92VzzxW3/bEPH0ifQcZqH2bzcD+imeYbMaSvM3LcmND05j/9Ze+LO1ddBY5lJ9HZt0Ld/y47Tu1Up5/qDpgKpQCqQCqQCqUAqkAqk9ga6bIVUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUIBVIBVKBVCAVSAVSgVQgFUgFUoFUICXQ/3sDXa7kWBLo+YqW674POk7/jTGuVtPc8VA/HWO8X8FynUHH6fUZtUp3u+2P04sxxp9rrNTdv4duUI9+9pk6TNP04686HWbYvI2Pxxh/3JtmjL8/AG0tQsJphjmsAAAAAElFTkSuQmCC) 50%/cover no-repeat;position:absolute;left:0;top:0}#note-btn>div[data-v-c7a51296]:last-of-type{width:10px;height:620px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAJtCAYAAADgnopIAAAACXBIWXMAAAsSAAALEgHS3X78AAAA7UlEQVR4nO3dsW3CUBQF0JuIAbIBbl1BQ88GyQjJBowQRmADskl6N6Si9Qhs4IjgRAog+bv2udV/X+fdFd5D13W5SVNXSaqr73b2b2zq9ySvSea3DdnOevSU5DPJ4g76y2P/2A/B/OCmXiZ5HoLpm19K4C9ej8HFgWF48hiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRieBj6NwYcx+HzpqxCvjm2SXWlzsjpuknyU4cvC+YzZW5KvuzLJN2fuGsD+O2JuAAAAAElFTkSuQmCC) 50%/cover no-repeat;position:absolute;z-index:2;right:0;top:0}#note-content[data-v-c7a51296]{background-color:#fff7d1;position:absolute;z-index:1;border-radius:6px;top:10px;width:500px;height:600px;overflow:hidden}.init-content[data-v-c7a51296]{right:-480px;cursor:pointer}.pop-content[data-v-c7a51296]{-webkit-animation:popNote-data-v-c7a51296 .6s forwards;animation:popNote-data-v-c7a51296 .6s forwards}.back-content[data-v-c7a51296]{-webkit-animation:backNote-data-v-c7a51296 .6s forwards;animation:backNote-data-v-c7a51296 .6s forwards}#note-tab[data-v-c7a51296]{margin-top:10px;width:100%;height:25px}#note-tab>ul[data-v-c7a51296]{margin-right:10px;float:right}#note-tab li[data-v-c7a51296]{display:inline-block;width:35px;height:25px;cursor:pointer;margin-left:10px}#note-tab li>img[data-v-c7a51296]{width:25px;height:25px}#note-textarea[data-v-c7a51296]{margin-left:10px;width:480px}#note-md[data-v-c7a51296]{padding:10px;overflow-y:auto;width:490px;height:560px}#note-md img[data-v-c7a51296]{max-width:450px}#note-count[data-v-c7a51296]{float:right;margin-top:3px;margin-right:10px;font:12px sans-serif;color:grey}.init-content[data-v-c7a51296]:hover{-webkit-animation:hoverNote-data-v-c7a51296 1s ease forwards;animation:hoverNote-data-v-c7a51296 1s ease forwards}@-webkit-keyframes hoverNote-data-v-c7a51296{0%{right:-480px}to{right:-440px}}@keyframes hoverNote-data-v-c7a51296{0%{right:-480px}to{right:-440px}}@-webkit-keyframes popNote-data-v-c7a51296{0%{right:-460px}to{right:10px}}@keyframes popNote-data-v-c7a51296{0%{right:-460px}to{right:10px}}@-webkit-keyframes backNote-data-v-c7a51296{0%{right:10px}to{right:-480px}}@keyframes backNote-data-v-c7a51296{0%{right:10px}to{right:-480px}}