<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html, body {
  font-family: "Microsoft YaHei"; }

main.main-placeholder-box {
  min-height: 600px; }
  @media (max-width: 760px) {
    main.main-placeholder-box {
      min-height: 400px; } }

.clearfix {
  overflow: hidden;
  _zoom: 1; }
  .clearfix ::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

p {
  font-size: 14px; }

[v-cloak] {
  display: none; }

.w-100 {
  width: 100%; }

.checkbox-group input[type='checkbox'], .checkbox-group input[type='radio'] {
  display: none; }
.checkbox-group label {
  font-size: 17px;
  height: 20px;
  line-height: 20px;
  display: inline-block; }
  .checkbox-group label::before {
    font-size: 14px;
    border: 1px solid #ccc;
    padding: 1px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 16px;
    display: inline-block;
    font-family: iconfont;
    vertical-align: text-bottom;
    content: '00';
    text-indent: 100px;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 6px; }
  .checkbox-group label:hover::before {
    content: '\e607';
    color: #ccc;
    text-indent: 0; }
.checkbox-group input[type='checkbox']:checked ~ label, .checkbox-group input[type='radio']:checked ~ label {
  color: #1779ba; }
  .checkbox-group input[type='checkbox']:checked ~ label::before, .checkbox-group input[type='radio']:checked ~ label::before {
    content: '\e607';
    border-color: #1779ba;
    color: #fff;
    background: #1779ba;
    text-indent: 0; }
.checkbox-group input[type='radio'] ~ label::before {
  border-radius: 50%;
  line-height: 17px; }

@media (max-width: 760px) {
  .banner-swiper {
    height: auto; }
    .banner-swiper .swiper-slide {
      background-position: center center;
      background-size: cover; }
    .banner-swiper.inited .swiper-slide {
      padding-bottom: 32.5%; } }
@media (max-width: 640px) {
  fieldset.fieldset {
    padding: 20px 4px; }
    fieldset.fieldset span.checkbox-group {
      margin-top: 8px;
      margin-bottom: 8px;
      display: inline-block; } }
header {
  border-bottom: 1px solid #eaeaea;
  padding: 10px 4px;
  height: 50px;
  overflow: hidden; }
  @media (max-width: 640px) {
    header {
      height: auto;
      padding: 0;
      padding-top: 50px;
      border-bottom: none; } }
  header .logo {
    margin-right: 15px; }
    @media (max-width: 640px) {
      header .logo {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 99999;
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid #eaeaea;
        padding: 10px 4px; } }
    header .logo figure img {
      width: 30px; }
      @media (max-width: 640px) {
        header .logo figure img {
          vertical-align: bottom; } }
  header .tool-op-box {
    font-size: 16px;
    color: #555; }
    @media (max-width: 640px) {
      header .tool-op-box {
        margin: 10px 0; }
        header .tool-op-box label {
          text-align: center; } }
    header .tool-op-box .op-item {
      margin: 0 12px; }
      @media (max-width: 640px) {
        header .tool-op-box .op-item {
          margin: 0; } }
    header .tool-op-box .expire-time {
      font-size: 16px;
      color: #555; }
      @media (max-width: 640px) {
        header .tool-op-box .expire-time {
          width: 50%;
          padding-right: 15px; } }
      header .tool-op-box .expire-time select {
        width: 80px;
        margin-bottom: 0;
        height: 30px;
        padding: 0 22px 0 10px; }
        @media (max-width: 640px) {
          header .tool-op-box .expire-time select {
            display: inline-block; } }
    header .tool-op-box .auto-destroy {
      font-size: 16px;
      color: #555; }
    header .tool-op-box .pwd {
      font-size: 16px;
      color: #555; }
      @media (max-width: 640px) {
        header .tool-op-box .pwd {
          width: 50%;
          padding-left: 15px; } }
      header .tool-op-box .pwd input {
        width: 95px;
        height: 30px;
        margin-bottom: 0;
        font-size: 15px;
        display: inline-block; }
        @media (max-width: 640px) {
          header .tool-op-box .pwd input {
            width: 100%; } }
      @media (max-width: 640px) {
        header .tool-op-box .pwd a {
          display: inline-block; } }
    header .tool-op-box .msg-tip {
      float: right; }
      @media (max-width: 640px) {
        header .tool-op-box .msg-tip {
          display: none;
          font-size: 12px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin: 10px 0; } }
      header .tool-op-box .msg-tip.green {
        color: #007500;
        font-size: 14px; }
  header .right-box ul {
    list-style-type: none;
    display: block;
    margin: 0; }
    header .right-box ul li a i {
      font-size: 16px;
      margin-right: 6px; }
  header .right-box ul.main-nav {
    text-align: right; }
    @media (max-width: 640px) {
      header .right-box ul.main-nav {
        position: fixed;
        right: 10px;
        top: 10px;
        z-index: 999999; } }
    header .right-box ul.main-nav &gt; li {
      display: inline-block;
      padding: 0 10px;
      line-height: 20px;
      position: relative; }
      header .right-box ul.main-nav &gt; li a {
        color: #555;
        font-size: 16px; }
        header .right-box ul.main-nav &gt; li a:hover {
          color: #000; }
      header .right-box ul.main-nav &gt; li.save {
        background: #eaeaea;
        padding: 5px 10px; }

.notice-box {
  padding: 10px 15px;
  text-align: center;
  position: relative;
  background: #5cb85c;
  color: #fff; }
  @media (max-width: 640px) {
    .notice-box {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 999999; } }
  .notice-box .close-btn {
    position: absolute;
    top: 2px;
    right: 15px;
    cursor: pointer; }
  .notice-box.warning {
    background: #f0ad4e;
    color: #000; }
  .notice-box.alert {
    background: #d9534f;
    color: #fff; }

main {
  min-height: 600px; }
  @media (max-width: 640px) {
    main {
      min-height: 400px; } }
  main .note-extend-btn {
    color: #555;
    padding: 0 6px;
    margin-top: 15px; }
    @media (max-width: 640px) {
      main .note-extend-btn {
        display: none; } }
    main .note-extend-btn i {
      font-size: 20px; }
  main .note-tab {
    margin-top: 15px; }
    @media (max-width: 640px) {
      main .note-tab {
        width: 100%; } }
    main .note-tab span {
      display: inline-block;
      line-height: 40px;
      color: #666;
      height: 40px;
      font-size: 16px;
      padding: 0 20px;
      cursor: pointer;
      float: left; }
      @media (max-width: 640px) {
        main .note-tab span {
          width: 50%;
          display: block;
          text-align: center; } }
      main .note-tab span.active {
        background: #eee;
        border: 1px solid #bbb;
        border-bottom: none;
        color: #000; }
  main .note-box {
    min-height: 600px;
    margin-bottom: 15px; }
    @media (max-width: 640px) {
      main .note-box {
        min-height: 300px; } }
    main .note-box .note-wrapper {
      min-height: 400px;
      height: 100%;
      border: 2px solid #eaeaea;
      position: relative; }
      main .note-box .note-wrapper pre.pre-box, main .note-box .note-wrapper textarea {
        min-height: 400px;
        font-family: Consolas, "Liberation Mono", Courier, monospace;
        line-height: 1.4;
        font-size: 16px;
        padding: 5px;
        background: transparent;
        white-space: pre-wrap;
        word-wrap: break-word;
        word-spacing: normal; }
      main .note-box .note-wrapper pre.pre-box {
        visibility: hidden;
        padding-bottom: 50px;
        display: block; }
        @media (max-width: 640px) {
          main .note-box .note-wrapper pre.pre-box {
            min-height: 400px; } }
      @media (max-width: 640px) {
        main .note-box .note-wrapper {
          min-height: 200px; } }
      main .note-box .note-wrapper textarea {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        overflow-y: hidden;
        resize: none; }
        main .note-box .note-wrapper textarea[readonly] {
          cursor: default; }
      main .note-box .note-wrapper.file-box {
        padding: 15px 10px;
        min-height: 600px;
        margin-bottom: 15px; }
        @media (max-width: 640px) {
          main .note-box .note-wrapper.file-box {
            min-height: 300px; } }
        main .note-box .note-wrapper.file-box .limit-tip {
          color: #555; }
          main .note-box .note-wrapper.file-box .limit-tip b {
            color: #00a2ca; }
        main .note-box .note-wrapper.file-box .drag-box {
          border: 2px dashed #bbb;
          margin-bottom: 30px;
          border-radius: 5px;
          text-align: center;
          height: 200px;
          font: 20pt bold, "Vollkorn";
          color: #bbb;
          position: relative; }
          @media (max-width: 640px) {
            main .note-box .note-wrapper.file-box .drag-box {
              height: auto;
              padding: 50px 10px; } }
          main .note-box .note-wrapper.file-box .drag-box .tip-word {
            line-height: 200px;
            text-align: center; }
            main .note-box .note-wrapper.file-box .drag-box .tip-word i {
              font-size: 30px;
              vertical-align: middle; }
            @media (max-width: 640px) {
              main .note-box .note-wrapper.file-box .drag-box .tip-word {
                line-height: 40px;
                font-size: 18px; }
                main .note-box .note-wrapper.file-box .drag-box .tip-word i {
                  font-size: 20px; } }
          main .note-box .note-wrapper.file-box .drag-box .file-picker {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
            user-select: none; }
        main .note-box .note-wrapper.file-box .download-tip {
          margin-bottom: 15px;
          color: #555; }
          @media (max-width: 640px) {
            main .note-box .note-wrapper.file-box .download-tip {
              font-size: 12px; } }
        @media (max-width: 640px) {
          main .note-box .note-wrapper.file-box .table-file {
            font-size: 12px; }
            main .note-box .note-wrapper.file-box .table-file tr th {
              font-weight: 500; } }
        main .note-box .note-wrapper.file-box .table-file .file-icon {
          color: #555;
          margin-right: 5px; }
        main .note-box .note-wrapper.file-box .table-file .operate-btn {
          width: 150px; }
          main .note-box .note-wrapper.file-box .table-file .operate-btn a {
            margin: 0 10px; }
  main .aside .share-box input {
    cursor: pointer;
    font-size: 13px;
    padding-right: 45px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff url("https://cdn.uukit.com/images/icon/copy.png") no-repeat top right; }
  main .aside .note-info {
    border: 1px solid #eaeaea;
    padding: 10px;
    color: #555;
    font-size: 14px; }
    @media (max-width: 640px) {
      main .aside .note-info {
        font-size: 16px; } }
    main .aside .note-info ul {
      margin-bottom: 0; }
      main .aside .note-info ul li {
        margin-bottom: 10px;
        font-size: 14px;
        color: #555;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        main .aside .note-info ul li span {
          color: #015e9b;
          font-size: 13px; }
      main .aside .note-info ul b {
        display: block;
        font-weight: 600;
        color: #555; }
        @media (max-width: 640px) {
          main .aside .note-info ul b {
            display: inline; } }
  main .link-box {
    border: 1px solid #eaeaea;
    margin-top: 15px; }
    main .link-box .link-tab span {
      padding: 10px 0;
      text-align: center;
      line-height: 1.2;
      font-size: 14px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 50%;
      float: left;
      border: 1px solid #eaeaea;
      cursor: pointer;
      background: #eaeaea; }
      main .link-box .link-tab span.active {
        background: none;
        border-bottom: 0; }
    main .link-box .qrcode-box {
      padding: 10px;
      text-align: center; }
      main .link-box .qrcode-box #qrcodeBox {
        min-height: 135px; }
      main .link-box .qrcode-box img {
        max-width: 100%;
        cursor: pointer; }
      main .link-box .qrcode-box span {
        font-size: 12px;
        display: block;
        margin-top: -5px; }
  main .report-box {
    margin-top: 15px;
    text-align: center; }
    main .report-box a {
      font-size: 14px;
      color: #FF5151; }
      main .report-box a:hover {
        color: #EA0000; }
      main .report-box a i {
        font-size: 120%; }

ul.ul-file {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  ul.ul-file li {
    position: relative;
    border-bottom: 1px solid #eaeaea;
    padding: 12px 80px 12px 60px; }
    @media (max-width: 640px) {
      ul.ul-file li {
        padding: 10px 60px 10px 40px; } }
    ul.ul-file li:hover {
      background: #eee; }
    ul.ul-file li i {
      font-size: 35px;
      position: absolute;
      line-height: 55px;
      left: 10px;
      top: 12px; }
      @media (max-width: 640px) {
        ul.ul-file li i {
          font-size: 30px;
          line-height: 46px;
          left: 2px; } }
    ul.ul-file li .right-box {
      position: absolute;
      line-height: 45px;
      font-size: 18px;
      right: 15px;
      top: 15px; }
      @media (max-width: 640px) {
        ul.ul-file li .right-box {
          font-size: 16px; } }
      ul.ul-file li .right-box .op-btn a:hover {
        color: #00a2ca;
        font-weight: 600; }
    ul.ul-file li .name, ul.ul-file li .meta {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    ul.ul-file li .name {
      font-size: 18px;
      color: #222; }
      @media (max-width: 640px) {
        ul.ul-file li .name {
          font-size: 16px; } }
    ul.ul-file li .meta {
      font-size: 14px;
      color: #c5c5c5; }
      @media (max-width: 640px) {
        ul.ul-file li .meta {
          font-size: 10px; } }
      ul.ul-file li .meta span {
        margin-right: 10px; }
    ul.ul-file li .upload-progress {
      width: 100%;
      height: 5px;
      position: absolute;
      bottom: 0;
      left: 0;
      background: rgba(126, 255, 150, 0.85); }
      ul.ul-file li .upload-progress span {
        color: #fff;
        font-size: 18px;
        line-height: 75px;
        margin-left: 60px; }

.read-log-box {
  font-size: 14px;
  padding: 15px; }
  @media (max-width: 640px) {
    .read-log-box {
      font-size: 12px; } }
  .read-log-box table thead tr th {
    font-size: 14px;
    font-weight: 500; }

.fixed-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  z-index: 99999; }
  .fixed-bar i {
    width: 100px;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    font-size: 30px;
    color: #ff8c00; }
  .fixed-bar span {
    height: 40px;
    padding-left: 100px;
    display: block;
    background: #ff8c00;
    color: #fff;
    font-size: 20px; }

/*# sourceMappingURL=note.css.map */
#printable {
    display: none;
}

.ani_dot {
    font-family: simsun;    
}
:root .ani_dot {
    display: inline-block;
    width: 1.5em;
    vertical-align: bottom;
    overflow: hidden;
}
@-webkit-keyframes dot {
    0% { width: 0; margin-right: 1.5em; }
    33% { width: .5em; margin-right: 1em; }
    66% { width: 1em; margin-right: .5em; }
    100% { width: 1.5em; margin-right: 0;}
}
.ani_dot {
    -webkit-animation: dot 3s infinite step-start;
}

@keyframes dot {
    0% { width: 0; margin-right: 1.5em; }
    33% { width: .5em; margin-right: 1em; }
    66% { width: 1em; margin-right: .5em; }
    100% { width: 1.5em; margin-right: 0;}
}
.ani_dot {
    animation: dot 3s infinite step-start;
}</pre></body></html>