.dialog_bg{width:100%;height:100%;display:block;position:absolute;background-color:#333;opacity:.5;filter:Alpha(opacity=50);-moz-opacity:.5;top:0;left:0;z-index:99}.dialog_body{position:absolute;top:50%;left:50%;margin-left:-233px;margin-top:-110px;width:465px;border-radius:10px;z-index:99999;overflow:hidden}.dialog_content{display:table;width:393px;padding:16px 36px;text-align:center;background-color:#fff}.dialog_footer{height:69px;border-top:1px solid #efefef;width:100%;background-color:#fafafa;line-height:69px;text-align:center}.dialog_footer .left{border-right:1px solid #efefef;width:50%;float:left}.dialog_footer span{font-size:22px;color:#0095ff;cursor:pointer}.dialog_footer span:hover{text-decoration:underline}.dialog_footer .right{font-weight:700}.dialog_footer .rightRed{font-weight:700;color:#e52600!important}span#mes_sure{padding:0 30px}.dialog_content .content{padding:20px 0}.dialog_content .content_info{font-size:24px;font-weight:700}.dialog_content .content_info,.dialog_content .title_info{vertical-align:middle;text-align:center;line-height:1.2;color:#333}.dialog_content .title_info{font-size:21px;margin-top:25px}.dialog_content .one_content{display:table-cell;vertical-align:middle;text-align:center;font-size:21px;line-height:50px;color:#333}.dialog_content .one_content.true{font-weight:700}.note_select{width:100%;height:100%}.note_select .select_head{height:50px;width:100%;border-bottom:1px solid hsla(0,0%,86.7%,.26);overflow:hidden}.note_select .select_head p{font-size:14px;color:#424242;letter-spacing:.02px;line-height:20px;margin:15px 0 0 21px}.note_select .select_content{position:absolute;top:51px;bottom:0;left:0;right:0;overflow-y:auto}.note_select .select_content .select_ul{position:relative;width:100%}.note_select .select_content .select_ul li{position:relative;height:80px}.note_select .select_content .select_ul li .select_item{position:absolute;left:21px;right:0;height:75px;border-bottom:1px solid hsla(0,0%,86.7%,.21)}.note_select .select_content .select_ul li .select_item p{max-width:515px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.note_select .select_content .select_ul li .select_item .note_info{font-size:16px;color:#424242;letter-spacing:.02px;margin-top:17px;line-height:22px}.note_select .select_content .select_ul li .select_item .date{margin-top:2px;line-height:17px;font-size:12px;color:#aeb8c4;letter-spacing:.02px}body,html{width:100%;height:100%}input{border:none}a:focus,input{outline:none}.notepage{width:100%;height:100%}.notepage img.emoji{width:20px;height:20px}@media screen and (max-width:990px){.notepage .left_area,.notepage .left_header{width:401px!important}.notepage .left_area .left_content .list_body ul li:after{width:342px!important}.notepage .left_area .left_content .list_body ul li.item .item_info{max-width:270px!important}.notepage .right_area{left:401px!important}.notepage .key_word_fixed{width:361px!important}}.notepage .outer{visibility:hidden}.notepage .outer.vis{visibility:visible}.notepage .left_header{position:absolute;width:441px;height:77px;top:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;border-right:1px solid hsla(0,0%,59.2%,.1)}.notepage .left_header .head_area{position:absolute;top:20px;right:19px;left:20px;height:56px;background:#fff;-webkit-box-shadow:0 13px 13px 0 #ebf0ff;box-shadow:0 13px 13px 0 #ebf0ff;border-top-left-radius:7px;-webkit-border-top-left-radius:7px;-moz-border-top-left-radius:7px;border-top-right-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-top-right-radius:7px;border-bottom:1px solid #f7f7f7}.notepage .left_header .left_con{float:left;width:50%;height:100%;text-align:center}.notepage .left_header .left_con .title{display:inline-block;overflow:hidden;text-align:center;padding:0 19px}.notepage .left_header .left_con .title.active,.notepage .left_header .left_con:hover .title{border-bottom:2px solid #03bdff}.notepage .left_header .left_con .title.active span,.notepage .left_header .left_con:hover .title span{color:#03bdff;padding-bottom:16px}.notepage .left_header .left_con .title span{float:left;font-size:14px;color:#424242;letter-spacing:.02px;line-height:20px;padding-top:18px;padding-bottom:18px}.notepage .left_area{position:absolute;width:441px;top:77px;bottom:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;border-right:1px solid hsla(0,0%,59.2%,.1)}.notepage .left_area .loading{position:absolute;top:45%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-image:url(/third/static/loading_sm_no_bg.gif);background-size:cover;z-index:2}.notepage .left_area .left_content{position:absolute;top:37px;left:20px;right:19px;bottom:72px;background:#fff;overflow-y:auto;z-index:1}.notepage .left_area .left_content .nodata{position:absolute;top:50%;left:10%;right:10%;text-align:center;font-size:15px;height:20px;line-height:1;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);color:#424242}.notepage .left_area .left_content .list_body ul{position:relative}.notepage .left_area .left_content .list_body ul li:after{content:"";float:right;width:382px;border-bottom:1px solid #f7f7f7}.notepage .left_area .left_content .list_body ul li.key_word{height:37px;line-height:37px;width:100%}.notepage .left_area .left_content .list_body ul li.key_word p{padding-left:20px;font-size:16px;color:#aeb8c4;letter-spacing:.03px}.notepage .key_word_fixed{position:absolute;top:0;left:20px;right:19px;background:#fff;width:401px;z-index:3;height:37px;line-height:37px}.notepage .key_word_fixed p{padding-left:20px;font-size:16px;color:#aeb8c4;letter-spacing:.03px}.notepage .left_area .left_content .list_body ul li.item{width:100%;position:relative;cursor:pointer;overflow:hidden}.notepage .left_area .left_content .list_body ul li.item.active{background:#f7f9fb}.notepage .left_area .left_content .list_body ul li.item .item_info{padding:16px 0 3px 20px;font-size:16px;color:#424242;letter-spacing:.02px;line-height:22px;max-width:315px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.notepage .left_area .left_content .list_body ul li.item .item_time{padding:0 0 17px 20px;font-size:12px;color:#aeb8c4;letter-spacing:.02px;line-height:17px}.notepage .left_area .left_content .list_body ul li.item .select_icon{display:none;position:absolute;right:21px;top:50%;margin-top:-10px;width:20px;height:20px;background-image:url(../img/contact_icon_sprites.13400b08.png);background-position:-95px -57px;background-size:206px 198px}.notepage .left_area .left_content .list_body ul li.item:hover .select_icon{display:block}.notepage .left_area .left_content .list_body ul li.item .select_icon.checked{display:block;background-position:-45px -137px}.notepage .left_area .left_content .list_body ul.hasSelected li .select_icon{display:block}.notepage .left_area .left_bottom{position:absolute;bottom:20px;height:52px;left:20px;right:19px;background:#fff;border-top:1px solid #f7f7f7;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-shadow:0 13px 13px 0 #ebf0ff;box-shadow:0 13px 13px 0 #ebf0ff;border-bottom-left-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-bottom-left-radius:7px;border-bottom-right-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-bottomp-right-radius:7px}.notepage .left_area .left_bottom .right_btn{float:right;margin:10px 10px 10px 0;height:30px;border:1px solid #eaeef2;border-radius:4px}.notepage .left_area .left_bottom .right_btn .icon{float:left;width:16px;height:14px;margin:8px 12px 8px 11px}.notepage .left_area .left_bottom .right_btn .icon.clean_img{background-image:url(../img/contact_icon_sprites.13400b08.png);background-position:-57px -177px;background-size:206px 198px}.notepage .left_area .left_bottom .right_btn:hover .icon.clean_img{background-position:-5px -177px}.notepage .left_area .left_bottom .right_btn.disabled{cursor:default}.notepage .left_area .left_bottom .right_btn.disabled .icon.clean_img,.notepage .left_area .left_bottom .right_btn.disabled:hover .icon.clean_img{background-position:-159px -137px}.notepage .left_area .left_bottom .right_btn.disabled .text,.notepage .left_area .left_bottom .right_btn.disabled:hover .text{color:rgba(86,86,86,.3)}.notepage .left_area .left_bottom .right_btn .icon.add_icon{background-image:url(../img/contact_icon_sprites.13400b08.png);background-position:-109px -177px;background-size:206px 198px}.notepage .left_area .left_bottom .right_btn:hover .icon.add_icon{background-position:-135px -177px}.notepage .left_area .left_bottom .right_btn .text{float:left;font-size:12px;color:#565656;letter-spacing:.02px;line-height:17px;padding:6.5px 10px 6.5px 0}.notepage .left_area .left_bottom .right_btn:hover .text{color:rgba(86,86,86,.7)}.notepage .right_area{position:absolute;left:441px;right:0;height:100%}.notepage .right_area .empty_page{position:absolute;top:20px;right:20px;left:20px;bottom:20px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-webkit-box-shadow:0 13px 13px 0 #ebf0ff;box-shadow:0 13px 13px 0 #ebf0ff}.notepage .right_area .empty_page p{margin:0 15px;text-align:center;font-size:18px;color:#333}.notepage .right_area .detail_page{position:absolute;top:20px;right:20px;left:20px;bottom:72px;background:#fff;border-top-left-radius:7px;-webkit-border-top-left-radius:7px;-moz-border-top-left-radius:7px;border-top-right-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-top-right-radius:7px}.notepage .right_area .detail_page .detail_head{height:54px;border-bottom:1px solid #f7f7f7;width:100%;position:relative}.notepage .right_area .detail_page .detail_head .edit_title{margin-left:15px;font-size:12px;color:#8c95a0;letter-spacing:.02px;vertical-align:text-top;display:inline-block}.notepage .right_area .detail_page .detail_head p{position:absolute;left:34px;right:0;font-size:20px;color:#424242;letter-spacing:.03px;line-height:28px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.notepage .right_area .detail_page .detail_content{position:absolute;top:55px;left:0;bottom:0;right:0;overflow:auto;word-break:break-word;white-space:normal}.notepage .right_area .detail_page .detail_content .content_info{margin:28px 30px 0 30px;font-size:14px;color:#424242;letter-spacing:.03px;text-align:left;white-space:pre-wrap;outline:none;word-break:break-word}.notepage .right_area .detail_page .detail_content.content_info{padding:28px 30px 0 30px;font-size:14px;color:#424242;letter-spacing:.03px;text-align:left;white-space:pre-wrap;outline:none;caret-color:#03bdff}.notepage .right_area .detail_page .detail_content.content_info img.todo_icon,.notepage .right_area .detail_page .detail_content .content_info img.todo_icon{width:22px;height:22px;background-color:#fff}.notepage .right_area .detail_page .detail_content.content_info span.done_text,.notepage .right_area .detail_page .detail_content .content_info span.done_text{color:rgba(66,66,66,.4)}.notepage .right_area .detail_page .detail_content.content_info .selector_div{width:20px;height:20px;background-image:url(../img/contact_icon_sprites.13400b08.png);background-size:206px 198px;background-position:-45px -137px}.notepage .right_area .detail_page .detail_content.content_info img,.notepage .right_area .detail_page .detail_content .content_info img{max-width:100%;margin-top:10px}.notepage .right_area .detail_page .detail_content.content_info img.emoji,.notepage .right_area .detail_page .detail_content .content_info img.emoji,.notepage .right_area .detail_page .detail_content.content_info img.todo_icon,.notepage .right_area .detail_page .detail_content .content_info img.todo_icon{margin-top:0}.notepage .right_area .right_footer{border-top:1px solid hsla(0,0%,86.7%,.26);position:absolute;bottom:20px;right:20px;left:20px;height:52px;border-bottom-left-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-bottom-left-radius:7px;border-bottom-right-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-bottom-right-radius:7px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-shadow:0 13px 13px 0 #ebf0ff;box-shadow:0 13px 13px 0 #ebf0ff}.notepage .right_area .right_footer .left_btn{float:left;border:1px solid #e6ebf0;border-radius:4px;height:30px;margin:10px 0 10px 10px;text-align:center}.notepage .right_area .right_footer .left_btn:hover span{color:rgba(86,86,86,.7)}.notepage .right_area .right_footer .left_btn.disabled:hover span,.notepage .right_area .right_footer .left_btn.disabled span{color:rgba(86,86,86,.3);cursor:default}.notepage .right_area .right_footer .left_btn span{display:inline-block;padding:7px 14px;font-size:12px;color:#565656;letter-spacing:0;text-align:center;line-height:16px}.notepage .right_area .right_footer .left_two_btn{float:left;border:1px solid #e6ebf0;border-radius:4px;height:30px;margin:10px 0 10px 10px;text-align:center}.notepage .right_area .right_footer .left_two_btn.toright{float:right;margin-right:10px}.notepage .right_area .right_footer .left_two_btn .icon{float:left;margin:8px 8px 8px 13px;width:14px;height:14px}.notepage .right_area .right_footer .left_two_btn .icon.restore_img{background-image:url(../img/contact_icon_sprites.13400b08.png);background-position:-187px -108px;background-size:206px 198px}.notepage .right_area .right_footer .left_two_btn:hover .icon.restore_img{background-position:-187px -84px}.notepage .right_area .right_footer .left_two_btn:hover span{color:rgba(86,86,86,.7)}.notepage .right_area .right_footer .left_two_btn span{float:left;font-size:12px;color:#565656;letter-spacing:.02px;margin:6px 13px 0 0;line-height:17px}.notepage .right_area .right_footer .right_btn{float:right;border:1px solid #e6ebf0;border-radius:4px;height:30px;margin:10px 10px 10px 0}.notepage .right_area .right_footer .right_btn .icon{float:left;margin:7px 9px 8px 11px;width:14px;height:15px}.notepage .right_area .right_footer .right_btn .icon.del_img{background-image:url(../img/contact_icon_sprites.13400b08.png);background-position:-187px -34px;background-size:206px 198px}.notepage .right_area .right_footer .right_btn:hover .icon.del_img{background-position:-187px -59px}.notepage .right_area .right_footer .right_btn:hover span{color:rgba(86,86,86,.7)}.notepage .right_area .right_footer .right_btn span{float:left;font-size:12px;color:#565656;letter-spacing:.02px;line-height:17px;padding:6px 9px 7px 0}