*{margin:0;padding:0}::-webkit-scrollbar{width:.5rem;height:.625rem}::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:2em;background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent)}body{font:14px/1.3 "\5FAE\8F6F\96C5\9ED1";margin:20px;background:url(/pageBG.jpg) repeat;background-size:100% auto}#create,#export,#import,#remove{margin:10px;width:100px;height:30px;line-height:30px;border:none;font-size:14px;cursor:pointer;outline:none;border-radius:2px;transition:all .5s}#create{background:#f27197;color:#fff}#create:hover{background:#ff3a75}#remove:hover{background:#e3e3e3}#export{background:#4caf50;color:#fff}#export:hover{background:#45a049}#import{background:#2196f3;color:#fff}#import:hover{background:#0b7dda}.m-note{border-radius:4px;position:absolute;left:20px;top:70px;width:320px;background-color:hsla(0,0%,100%,.9);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.5);box-shadow:0 5px 10px hsla(0,0%,55.7%,.5)}.m-note .u-edit{box-sizing:border-box;min-height:250px;max-height:400px;padding:10px;outline:none;overflow-x:hidden;overflow-y:auto;font-size:20px;font-family:microsoft yahei;font-weight:300}.m-note:hover .u-close{display:block}.m-note .u-bar{border-top-left-radius:4px;border-top-right-radius:4px;height:35px;background:rgba(0,0,0,.1);cursor:move}.m-note .u-close{width:30px;height:30px;position:absolute;left:50%;margin-left:-15px;top:5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAMgAAADIAGP6560AAAAHdElNRQfjAQkDODO2ZcYCAAACY0lEQVRIx6XVS0iUURQH8N8M1SLNt4sCzYqoDI1CKloHLYKoTS/pZboybQiqRbYKg4wIQigMWkSLaNEqI8JVi56YRQ+zNEwMMghJatGix2KaGeeb71Ojs/nuvf/zP+ee13f5T4lFnOdbYoVKi8QMG/HGkK8zNVBlh80W+G7MqN8qlCv0yW03vZ7OQJEm+3xzS48hE35gjgJLbLRFqS6XjUcHtFK3Ac1KQtESjV64oyaKvlqfbsunzNlSN/SqC/fe57KyadOer1Ov2uBxkW7dM6BDnut6lGYfHjWQvvzsSOqsv9/FnmmbDFR5qTlN79AinkOO2aM9bXy/IdUZ8LiHkzLf4rNEjokGH7Wmd8UeOJVJy72sC8UljAVMNPoQOGn1WHFyucqg9Vnegib2Gs25U22GtdNz5YELxyV81oKYhhzvybo90ZDMa6UxEwH4lwt+qjBLvVPOuuBXQGPCcKpuF12JLFuTkRDvSenSRRwxv0MVYuqddN6lHO9ZsTKswpwQ7IDTzrmq07ZQZmEq8N36Qpp4rw8SYuKOeGd7Dl7goYPJ5RrvrQvAjZMKF5cwoimgUWPQhuSy0H0nsmIPFi4uYVRzVjIPe5oZqDaPJrXyHh9zMp/pi5RstSOzqTaoMV26dq0hhYtr0RE9qce8sPTvOnqcoxHF7rgh339IjV6d8qbVm6deZThUp9d1i6ekV7mmP/ePmJJaPZ7Zn5rzgMy13XP3rZ3KQ6k2Qx5oVaso3UgFahxy11tnzM8mhD1t1XbZpMS4YeMotFCZr+665lVQOepxLbZMteWKMKFfvwFf/qEkM5c/o66UizCOvZwAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDEtMDlUMDM6NTY6NTErMDg6MDA0Kw59AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTAxLTA5VDAzOjU2OjUxKzA4OjAwRXa2wQAAAEN0RVh0c29mdHdhcmUAL3Vzci9sb2NhbC9pbWFnZW1hZ2ljay9zaGFyZS9kb2MvSW1hZ2VNYWdpY2stNy8vaW5kZXguaHRtbL21eQoAAABjdEVYdHN2Zzpjb21tZW50ACBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIM5IkAsAAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAYdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADkwMQaFyh4AAAAXdEVYdFRodW1iOjpJbWFnZTo6V2lkdGgAOTAxlXSaQwAAABl0RVh0VGh1bWI6Ok1pbWV0eXBlAGltYWdlL3BuZz+yVk4AAAAXdEVYdFRodW1iOjpNVGltZQAxNTQ2OTc3NDExvfVkDAAAABJ0RVh0VGh1bWI6OlNpemUAMjA4MzhCRZy8KQAAAGJ0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2hvbWUvd3d3cm9vdC9uZXdzaXRlL3d3dy5lYXN5aWNvbi5uZXQvY2RuLWltZy5lYXN5aWNvbi5jbi9maWxlcy8xMTkvMTE5OTkzMi5wbmfBYEhmAAAAAElFTkSuQmCC) no-repeat;cursor:pointer}.m-note .m-time{border-bottom-left-radius:4px;border-bottom-right-radius:4px;text-align:center;line-height:35px;height:35px;padding:0 10px;background-color:rgba(0,0,0,.3);color:#333}