body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tr,td,section,a,input,span{margin:0;padding:0}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}html,body{-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}body,input,textarea{font-family:"Microsoft YaHei", "Simsun",Arial;-webkit-font-smoothing:antialiased}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th,td{text-align:center}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}input[type=button],button{-webkit-appearance:none;-webkit-user-select:none}a,input,img,select,textarea{outline:none}input::-webkit-search-cancel-button{display:none}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{opacity:0}img{-webkit-touch-callou:none}.show{display:block !important}.hide,.none{display:none !important}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}*.clearfix{zoom:1}.scroll::-webkit-scrollbar,.app .container .notes-type .list-box::-webkit-scrollbar,.app .container .notes-content .notes-box::-webkit-scrollbar,.container .left::-webkit-scrollbar,.add-notes-content .edit-box .con textarea::-webkit-scrollbar,.select-box .select-ul::-webkit-scrollbar{border-radius:4px;width:4px !important;display:block !important}.scroll::-webkit-scrollbar-thumb,.app .container .notes-type .list-box::-webkit-scrollbar-thumb,.app .container .notes-content .notes-box::-webkit-scrollbar-thumb,.container .left::-webkit-scrollbar-thumb,.add-notes-content .edit-box .con textarea::-webkit-scrollbar-thumb,.select-box .select-ul::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.scroll::-webkit-scrollbar-thumb:vertical:hover,.app .container .notes-type .list-box::-webkit-scrollbar-thumb:vertical:hover,.app .container .notes-content .notes-box::-webkit-scrollbar-thumb:vertical:hover,.container .left::-webkit-scrollbar-thumb:vertical:hover,.add-notes-content .edit-box .con textarea::-webkit-scrollbar-thumb:vertical:hover,.select-box .select-ul::-webkit-scrollbar-thumb:vertical:hover{background-color:#d9d9d9}.scroll::-webkit-scrollbar-thumb:vertical:active,.app .container .notes-type .list-box::-webkit-scrollbar-thumb:vertical:active,.app .container .notes-content .notes-box::-webkit-scrollbar-thumb:vertical:active,.container .left::-webkit-scrollbar-thumb:vertical:active,.add-notes-content .edit-box .con textarea::-webkit-scrollbar-thumb:vertical:active,.select-box .select-ul::-webkit-scrollbar-thumb:vertical:active{background-color:#bfbfbf}.icon-blank{background-image:url("../Images/icon.png");background-repeat:no-repeat;background-size:5px 5px}.icon-blank{width:1px;height:1px;background-position:-2px -2px}html{height:100%}html *{box-sizing:border-box}a{-webkit-transition:all 0.1s linear;transition:all 0.1s linear}.main{background:#EAEBEB;height:100%;overflow:hidden}.app{height:100%;position:relative}.app .header{width:100%;height:34px;position:absolute;left:0;top:0;z-index:1}.app .container{width:100%;overflow:hidden;padding-top:34px;height:100%;display:-webkit-box;display:box;-webkit-box-pack:start;box-pack:start;-webkit-box-align:start;box-align:start;-webkit-box-orient:horizontal;box-orient:horizontal;position:relative}.app .container .left{height:100%;width:150px;position:relative}.app .container .right{height:100%;-webkit-box-flex:1;position:relative}.app .container .notes-add{height:54px;width:100%;position:absolute;left:0;top:0;display:-webkit-box;display:box;-webkit-box-pack:start;box-pack:start;-webkit-box-align:center;box-align:center;-webkit-box-orient:horizontal;box-orient:horizontal;padding:0 15px}.app .container .notes-add .title{-webkit-box-flex:1;height:30px;line-height:30px;cursor:default}.app .container .notes-add .btn{display:block;width:18px;height:18px;position:relative}.app .container .notes-add .btn:before,.app .container .notes-add .btn:after{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:2px;height:10px}.app .container .notes-add .btn:after{width:10px;height:2px}.app .container .notes-type{padding-top:54px;height:100%}.app .container .notes-type .list-box{height:100%;overflow:auto}.app .container .notes-type li{height:36px}.app .container .notes-content{height:100%;padding-bottom:50px;padding-top:2px}.app .container .notes-content .notes-box{height:100%;overflow:auto;margin-right:2px}.app .container .notes-content-add{height:48px;border-top:1px solid #d9d9d9;width:100%;position:absolute;left:0;bottom:0;display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center;-webkit-box-orient:horizontal;box-orient:horizontal}.app .container .notes-content-add .btn{display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center;-webkit-box-orient:horizontal;box-orient:horizontal}.app .container .notes-content-add .btn i{display:block;width:18px;height:18px;position:relative;margin-right:8px}.app .container .notes-content-add .btn i:before,.app .container .notes-content-add .btn i:after{content:"";width:18px;height:2px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.app .container .notes-content-add .btn i:after{width:2px;height:18px}.header{background:#EFF5F8;display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-align:start;box-align:start;-webkit-box-orient:horizontal;box-orient:horizontal}.header>*{height:inherit}.header .title{-webkit-box-flex:1;line-height:34px;color:#333;font-size:12px;text-indent:10px;cursor:default}.header .menu{display:-webkit-box;display:box;-webkit-box-pack:start;box-pack:start;-webkit-box-align:start;box-align:start;-webkit-box-orient:horizontal;box-orient:horizontal}.header .menu .btn{display:block;height:34px;display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center;-webkit-box-orient:horizontal;box-orient:horizontal}.header .menu .btn.min{width:42px}.header .menu .btn.min:before{content:"";display:block;width:12px;height:2px;background:#2B3E51}.header .menu .btn.min:hover{background:#ddeaf0}.header .menu .btn.min:active{background:#ccdfe8}.header .menu .btn.close{background:#EA4B35;width:48px;position:relative}.header .menu .btn.close:before,.header .menu .btn.close:after{content:"";width:2px;height:16px;background:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform-origin:0 0;transform-origin:0 0}.header .menu .btn.close:before{-webkit-transform:rotate(-45deg) translate(-50%, -50%);transform:rotate(-45deg) translate(-50%, -50%)}.header .menu .btn.close:after{-webkit-transform:rotate(45deg) translate(-50%, -50%);transform:rotate(45deg) translate(-50%, -50%)}.header .menu .btn.close:hover{background:#e8361e}.header .menu .btn.close:active{background:#d62e16}.container .left{background:#7D84A7;overflow:auto}.container .left .notes-add{background:#969CBA}.container .left .notes-add .title{color:#fff;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.container .left .notes-add .btn{border:1px solid #fff}.container .left .notes-add .btn:before,.container .left .notes-add .btn:after{background:#fff}.container .left .notes-add .btn:hover{background:#878db0;border-color:#f2f2f2}.container .left .notes-add .btn:hover:before,.container .left .notes-add .btn:hover:after{background:#f2f2f2}.container .left .notes-add .btn:active{background:#777fa6;border-color:#e6e6e6}.container .left .notes-add .btn:active:before,.container .left .notes-add .btn:active:after{background:#e6e6e6}.container .left .notes-type li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#fff;line-height:36px;text-indent:15px;cursor:default}.container .left .notes-type li:hover{background-color:#9ba1bc}.container .left .notes-type li.on{background-color:#5B659C}.container .left .notes-type li.edit{background-color:#fff}.container .right .notes-content .list{padding:12px}.container .right .notes-content .item{background:#fff;border-radius:2px;position:relative}.container .right .notes-content .item+*{margin-top:12px}.container .right .notes-content .item:hover{box-shadow:0 2px 3px 1px #C7C7C7,0 0px 0px 1px #C7C7C7}.container .right .notes-content .item:hover .btn-box{display:-webkit-box;display:box;-webkit-box-pack:start;box-pack:start;-webkit-box-align:start;box-align:start;-webkit-box-orient:horizontal;box-orient:horizontal}.container .right .notes-content .item .title,.container .right .notes-content .item .text{margin:0 15px;color:#333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.container .right .notes-content .item .title{line-height:36px;line-height:36px}.container .right .notes-content .item .text{border-top:1px solid #e6e6e6;color:#595959;height:36px;line-height:36px}.container .right .notes-content .item .time{border-top:1px solid #F28537;padding:0 15px;height:24px;line-height:24px;font-size:12px;color:gray;cursor:default}.container .right .notes-content .item .btn-box{position:absolute;display:-webkit-box;display:box;-webkit-box-pack:start;box-pack:start;-webkit-box-align:start;box-align:start;-webkit-box-orient:horizontal;box-orient:horizontal;right:0;bottom:0;display:none}.container .right .notes-content .item .btn-box .btn{font-size:12px;height:24px;line-height:24px;display:block;text-align:center;width:40px;-webkit-transition:all 0s linear;transition:all 0s linear;text-decoration:none}.container .right .notes-content .item .btn-box .edit{color:#59ade5}.container .right .notes-content .item .btn-box .edit:hover{color:#2D97DE}.container .right .notes-content .item .btn-box .edit:active{color:#1d7cbb}.container .right .notes-content .item .btn-box .del{color:#ef7463}.container .right .notes-content .item .btn-box .del:hover{color:#EA4B35}.container .right .notes-content .item .btn-box .del:active{color:#d62e16}.container .right .notes-content-add{background:#fcfcfc}.container .right .notes-content-add .btn{color:#b4b4b4;font-size:18px;line-height:1;text-decoration:none;-webkit-transition:all 0s linear;transition:all 0s linear}.container .right .notes-content-add .btn i{display:block;width:18px;height:18px}.container .right .notes-content-add .btn i:before,.container .right .notes-content-add .btn i:after{background-color:#AAA}.container .right .notes-content-add .btn:hover{color:#2D97DE}.container .right .notes-content-add .btn:hover i:before,.container .right .notes-content-add .btn:hover i:after{background-color:#2D97DE}.container .right .notes-content-add .btn:active{color:#1d7cbb}.container .right .notes-content-add .btn:active i:before,.container .right .notes-content-add .btn:active i:after{background-color:#1d7cbb}.contentmenu{background:#fff;position:absolute;width:130px;box-shadow:2px 2px 5px rgba(0,0,0,0.3);left:0;top:0}.contentmenu li{background:#fff;line-height:28px;height:28px;color:#333;font-size:12px;padding:0 10px;cursor:default}.contentmenu li:hover{background:#2D97DE;color:#fff}.add-notes-type{display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center;-webkit-box-orient:horizontal;box-orient:horizontal;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}.add-notes-type .box{width:560px;height:376px;background:#fff;margin-top:34px;display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center;-webkit-box-orient:vertical;box-orient:vertical}.add-notes-type .tit{font-size:12px;color:#333;width:410px;height:40px;line-height:40px}.add-notes-type .line{width:410px;display:-webkit-box;display:box;-webkit-box-pack:start;box-pack:start;-webkit-box-align:start;box-align:start;-webkit-box-orient:horizontal;box-orient:horizontal;position:relative}.add-notes-type .line .inp{-webkit-box-flex:1;border:1px solid #AAA;padding:8px 5px;height:36px;line-height:20px;font-size:12px;display:block}.add-notes-type .line .inp::selection{background:#2D97DE}.add-notes-type .line .btn{display:block;line-height:1;display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center;-webkit-box-orient:horizontal;box-orient:horizontal;font-size:14px;color:#fff;margin-left:10px;width:95px;height:36px;text-decoration:none}.add-notes-type .line .add{background:#2D97DE}.add-notes-type .line .add:hover{background:#218ad1}.add-notes-type .line .add:active{background:#1d7cbb}.add-notes-type .line .cancel{background:#F28537}.add-notes-type .line .cancel:hover{background:#f0761f}.add-notes-type .line .cancel:active{background:#e7690f}.add-notes-type .line .err{position:absolute;height:24px;font-size:12px;color:red;line-height:24px;bottom:-24px;left:0}.add-notes-content{position:absolute;left:0;top:0;width:100%;height:100%;background:#EAEBEB;padding:49px 15px 80px}.add-notes-content .edit-box{background:#fff;width:100%;height:100%;position:relative}.add-notes-content .edit-box input,.add-notes-content .edit-box textarea{padding:0;border:0;resize:none;width:100%;height:100%;display:block;color:#333}.add-notes-content .edit-box input::-webkit-input-placeholder,.add-notes-content .edit-box textarea::-webkit-input-placeholder{color:#d0d0d0}.add-notes-content .edit-box input::selection,.add-notes-content .edit-box textarea::selection{background:#2D97DE}.add-notes-content .edit-box .title{height:53px;border-bottom:1px solid #F28537;width:100%;position:absolute;left:0;top:0}.add-notes-content .edit-box .title input{font-size:18px;padding-left:20px;line-height:30px;height:52px;padding:11px 20px}.add-notes-content .edit-box .con{width:100%;padding:71px 2px 20px;height:100%}.add-notes-content .edit-box .con textarea{font-size:12px;text-align:justify;padding:0 20px;line-height:2}.add-notes-content .btn-box{display:-webkit-box;display:box;-webkit-box-pack:start;box-pack:start;-webkit-box-align:start;box-align:start;-webkit-box-orient:horizontal;box-orient:horizontal;width:100%;position:absolute;bottom:0;left:0px;height:80px;padding:22px 15px 0}.add-notes-content .btn-box .right{display:-webkit-box;display:box;-webkit-box-pack:end;box-pack:end;-webkit-box-align:start;box-align:start;-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-box-flex:1}.add-notes-content .btn-box .btn{display:block;line-height:1;display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center;-webkit-box-orient:horizontal;box-orient:horizontal;font-size:14px;color:#fff;margin-left:10px;width:95px;height:36px;text-decoration:none}.add-notes-content .btn-box .type-select{width:130px;height:36px;line-height:34px;background:#fff;border:1px solid #d0d0d0;font-size:14px;display:block}.add-notes-content .btn-box .cancel{color:#F28537}.add-notes-content .btn-box .cancel:hover{color:#f0761f}.add-notes-content .btn-box .cancel:active{color:#e7690f}.add-notes-content .btn-box .save{background:#2D97DE}.add-notes-content .btn-box .save:hover{background:#218ad1}.add-notes-content .btn-box .save:active{background:#1d7cbb}.add-notes-content .btn-box .test{color:#333;-webkit-user-select:none}.add-notes-content .btn-box .test:focus{color:#EA4B35}.select-box{height:31px;position:relative;width:131px}.select-box:after{content:"";position:absolute;width:0;height:0;border:6px solid transparent;border-top:6px solid #2D97DE;right:5px;top:50%;margin-top:-3px}.select-box .select-p{display:block;width:100%;height:31px;text-decoration:none;font-size:12px;line-height:29px;color:#333;text-indent:10px;padding-right:20px;border:1px solid #d9d9d9;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.select-box .select-p:focus{background:none}.select-box .select-ul{border:1px solid #C7C7C7;position:absolute;left:0;bottom:31px;background:#fff;width:100%;max-height:260px;overflow-y:auto}.select-box .select-ul .item{padding:0 10px;height:28px;color:#333;line-height:28px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.select-box .select-ul .item:Hover{background:#2d97de;color:#fff;border-top-width:0 !important}.select-box .select-ul .item.on{background:#1d7cbb;color:#fff;border-top-width:0 !important}.select-box .select-ul .item+.item{border-top:1px solid #d9d9d9}.select-box .select-ul.hide{display:none}[v-cloak]{opacity:0}

/*# sourceMappingURL=Style.css.map */