<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
margin: @gap/2 @gap;
  height: calc(~"100% - " @gap);
  width: calc(~"100% - "@gap * 2);


 */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.full-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.full-box.gap {
  padding: 40px;
}
.full-box.gap-x {
  padding-left: 40px;
  padding-right: 40px;
}
.full-box.gap-y {
  padding-top: 40px;
  padding-bottom: 40px;
}
.full-box.overflow-y {
  overflow-x: hidden;
  overflow-y: auto;
}
.full-box.overflow-x {
  overflow-y: hidden;
  overflow-x: auto;
}
.n-group {
  display: table !important;
  table-layout: fixed;
}
.n-group:not(.inline) {
  width: 100%;
  height: 100%;
}
.n-group.tight {
  table-layout: inherit;
}
.n-group.tight &gt; * {
  width: auto;
}
.n-group &gt; * {
  display: inline-block !important;
  vertical-align: top;
}
.n-group.gap {
  margin-left: -10px;
  margin-right: -10px;
}
.n-group.gap:not(.inline) {
  width: calc(100% + 20px);
}
.n-group.gap &gt; * {
  padding-left: 10px;
  padding-right: 10px;
}
.n-group &gt; .nowrap &gt; *,
.n-group &gt; .middle &gt; *,
.n-group &gt; .bottom &gt; *,
.n-group &gt; .left &gt; *,
.n-group &gt; .center &gt; *,
.n-group &gt; .right &gt; * {
  display: inline-block !important;
}
.n-group &gt; .nowrap.to-table &gt; *,
.n-group &gt; .middle.to-table &gt; *,
.n-group &gt; .bottom.to-table &gt; *,
.n-group &gt; .left.to-table &gt; *,
.n-group &gt; .center.to-table &gt; *,
.n-group &gt; .right.to-table &gt; * {
  display: inline-table !important;
}
.n-group &gt; .nowrap.to-flex &gt; *,
.n-group &gt; .middle.to-flex &gt; *,
.n-group &gt; .bottom.to-flex &gt; *,
.n-group &gt; .left.to-flex &gt; *,
.n-group &gt; .center.to-flex &gt; *,
.n-group &gt; .right.to-flex &gt; * {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.n-group.nowrap &gt; * {
  white-space: nowrap;
}
.n-group.middle &gt; * {
  vertical-align: middle;
}
.n-group.bottom &gt; * {
  vertical-align: bottom;
}
.n-group.left &gt; * {
  text-align: left;
}
.n-group.center &gt; * {
  text-align: center;
}
.n-group.right &gt; * {
  text-align: right;
}
.n-group.border &gt; .n-cell {
  border: 1px solid #eee;
}
.n-group.border &gt; .n-cell:first-child {
  border-left: 0;
}
.n-group.border &gt; .n-cell:last-child {
  border-right: 0;
}
.n-group.border-left &gt; .n-cell {
  border-left: 1px solid #eee;
}
.n-group.border-left &gt; .n-cell:first-child {
  border-left: 0;
}
.n-group.border-right &gt; .n-cell {
  border-right: 1px solid #eee;
}
.n-group.border-right &gt; .n-cell:last-child {
  border-right: 0;
}
.n-cell {
  display: table-cell !important;
  height: 100%;
  position: relative;
}
.n-cell.tight-me {
  width: 100%;
}
.n-cell.nowrap {
  white-space: nowrap;
}
.n-cell.top {
  vertical-align: top;
}
.n-cell.middle {
  vertical-align: middle;
}
.n-cell.bottom {
  vertical-align: bottom;
}
.n-cell.left {
  text-align: left;
}
.n-cell.center {
  text-align: center;
}
.n-cell.right {
  text-align: right;
}
.n-group-v {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.n-group-v.tight &gt; * {
  height: auto;
}
.n-group-v.gap {
  margin-top: -10px;
  margin-bottom: -10px;
  height: calc(100% +  20px);
}
.n-group-v.gap &gt; * {
  padding-top: 10px;
  padding-bottom: 10px;
}
.n-group-v &gt; * {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.n-group-v.nowrap &gt; * {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.n-group-v.top &gt; * {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.n-group-v.middle &gt; * {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.n-group-v.bottom &gt; * {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.n-group-v.left &gt; * {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.n-group-v.center &gt; * {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.n-group-v.right &gt; * {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.n-cell-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
}
.n-cell-v.tight-me {
  height: 100%;
}
.n-cell-v.gap {
  padding: 20px;
}
.n-grid {
  display: block !important;
}
.n-grid::before {
  content: '';
  display: block;
  clear: both;
}
.n-grid::after {
  content: '';
  display: block;
  clear: both;
}
.n-grid.full {
  height: 100%;
}
.n-grid.full &gt; .n-grid {
  height: 100%;
}
 &gt; .n-grid.full:not([class*="son-v-h"])[class*="grid-"]:not(.not-full):not([class*="v-h"]) {
  height: 100%;
}
.n-grid.middle &gt; * {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.n-grid.top &gt; * {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.n-grid.bottom &gt; * {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.n-grid.center &gt; * {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.n-grid.left &gt; * {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.n-grid.right &gt; * {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.n-grid.gap {
  margin: -20px;
}
.n-grid.gap [class*="grid-"]:not(.not-gap) {
  padding: 20px;
}
.n-grid.gap.full {
  height: calc(100% + 40px);
}
[class*="grid-"] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative;
}
[class*="grid-"].top,
.n-cell-v.top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
[class*="grid-"].middle,
.n-cell-v.middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[class*="grid-"].bottom,
.n-cell-v.bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
[class*="grid-"].left,
.n-cell-v.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
[class*="grid-"].center,
.n-cell-v.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[class*="grid-"].right,
.n-cell-v.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.overflow-hidden {
  overflow: hidden;
}
/**
  åª’ä½“æŸ¥è¯¢è¯­æ³•
  min maxè¡¨ç¤ºè¿‡æ»¤çš„æ–¹å‘ï¼Œminè¡¨ç¤ºä»Žæ•°è½´çš„å³è¾¹åˆ’å®šåŒºåŸŸï¼Œæœ€å°å¯ä»¥åˆ°è¾¾çš„è¾¹ç•Œï¼Œä¾‹å¦‚ï¼šmin-width:768pxçš„è¯­æ³•å«ä¹‰æ˜¯ï¼Œä»Žæœ€å¤§çš„å¼€å§‹å–ï¼Œæœ€å°çš„å¯ä»¥åˆ°768pxï¼Œå³ä»¥æ•°å€¼ä¸ºç•Œï¼Œå–å³è¾¹ã€‚

  @media (min-width: 768px) {//å¤§äºŽæˆ–ç­‰äºŽ768pxæ—¶}

  @media (max-width: 768px) {//å°äºŽæˆ–ç­‰äºŽ768pxæ—¶}
   */
[class*="grid-xs"] {
  float: left;
}
.n-grid &gt; .grid-xs-1 {
  width: 8.3333%;
}
.n-grid &gt; .grid-xs-2 {
  width: 16.6666%;
}
.n-grid &gt; .grid-xs-3 {
  width: 25%;
}
.n-grid &gt; .grid-xs-4 {
  width: 33.3333%;
}
.n-grid &gt; .grid-xs-5 {
  width: 41.6666%;
}
.n-grid &gt; .grid-xs-6 {
  width: 50%;
}
.n-grid &gt; .grid-xs-7 {
  width: 58.3333%;
}
.n-grid &gt; .grid-xs-8 {
  width: 66.6666%;
}
.n-grid &gt; .grid-xs-9 {
  width: 75%;
}
.n-grid &gt; .grid-xs-10 {
  width: 83.3333%;
}
.n-grid &gt; .grid-xs-11 {
  width: 91.6666%;
}
.n-grid &gt; .grid-xs-12 {
  width: 100%;
}
.n-grid &gt; .son-v-h-xs-1 &gt; * {
  height: 8.3333%;
}
.n-grid &gt; .son-v-h-xs-2 &gt; * {
  height: 16.6666%;
}
.n-grid &gt; .son-v-h-xs-3 &gt; * {
  height: 25%;
}
.n-grid &gt; .son-v-h-xs-4 &gt; * {
  height: 33.3333%;
}
.n-grid &gt; .son-v-h-xs-5 &gt; * {
  height: 41.6666%;
}
.n-grid &gt; .son-v-h-xs-6 &gt; * {
  height: 50%;
}
.n-grid &gt; .son-v-h-xs-7 &gt; * {
  height: 58.3333%;
}
.n-grid &gt; .son-v-h-xs-8 &gt; * {
  height: 66.6666%;
}
.n-grid &gt; .son-v-h-xs-9 &gt; * {
  height: 75%;
}
.n-grid &gt; .son-v-h-xs-10 &gt; * {
  height: 83.3333%;
}
.n-grid &gt; .son-v-h-xs-11 &gt; * {
  height: 91.6666%;
}
.n-grid &gt; .son-v-h-xs-12 &gt; * {
  height: 100%;
}
.v-h-xs-1 {
  height: 8.3333%;
}
.v-h-xs-2 {
  height: 16.6666%;
}
.v-h-xs-3 {
  height: 25%;
}
.v-h-xs-4 {
  height: 33.3333%;
}
.v-h-xs-5 {
  height: 41.6666%;
}
.v-h-xs-6 {
  height: 50%;
}
.v-h-xs-7 {
  height: 58.3333%;
}
.v-h-xs-8 {
  height: 66.6666%;
}
.v-h-xs-9 {
  height: 75%;
}
.v-h-xs-10 {
  height: 83.3333%;
}
.v-h-xs-11 {
  height: 91.6666%;
}
.v-h-xs-12 {
  height: 100%;
}
@media (min-width: 768px) {
  [class*="grid-sm"] {
    float: left;
  }
  .n-grid &gt; .grid-sm-1 {
    width: 8.3333%;
  }
  .n-grid &gt; .grid-sm-2 {
    width: 16.6666%;
  }
  .n-grid &gt; .grid-sm-3 {
    width: 25%;
  }
  .n-grid &gt; .grid-sm-4 {
    width: 33.3333%;
  }
  .n-grid &gt; .grid-sm-5 {
    width: 41.6666%;
  }
  .n-grid &gt; .grid-sm-6 {
    width: 50%;
  }
  .n-grid &gt; .grid-sm-7 {
    width: 58.3333%;
  }
  .n-grid &gt; .grid-sm-8 {
    width: 66.6666%;
  }
  .n-grid &gt; .grid-sm-9 {
    width: 75%;
  }
  .n-grid &gt; .grid-sm-10 {
    width: 83.3333%;
  }
  .n-grid &gt; .grid-sm-11 {
    width: 91.6666%;
  }
  .n-grid &gt; .grid-sm-12 {
    width: 100%;
  }
  .n-grid &gt; .son-v-h-sm-1 &gt; * {
    height: 8.3333%;
  }
  .n-grid &gt; .son-v-h-sm-2 &gt; * {
    height: 16.6666%;
  }
  .n-grid &gt; .son-v-h-sm-3 &gt; * {
    height: 25%;
  }
  .n-grid &gt; .son-v-h-sm-4 &gt; * {
    height: 33.3333%;
  }
  .n-grid &gt; .son-v-h-sm-5 &gt; * {
    height: 41.6666%;
  }
  .n-grid &gt; .son-v-h-sm-6 &gt; * {
    height: 50%;
  }
  .n-grid &gt; .son-v-h-sm-7 &gt; * {
    height: 58.3333%;
  }
  .n-grid &gt; .son-v-h-sm-8 &gt; * {
    height: 66.6666%;
  }
  .n-grid &gt; .son-v-h-sm-9 &gt; * {
    height: 75%;
  }
  .n-grid &gt; .son-v-h-sm-10 &gt; * {
    height: 83.3333%;
  }
  .n-grid &gt; .son-v-h-sm-11 &gt; * {
    height: 91.6666%;
  }
  .n-grid &gt; .son-v-h-sm-12 &gt; * {
    height: 100%;
  }
  .v-h-sm-1 {
    height: 8.3333%;
  }
  .v-h-sm-2 {
    height: 16.6666%;
  }
  .v-h-sm-3 {
    height: 25%;
  }
  .v-h-sm-4 {
    height: 33.3333%;
  }
  .v-h-sm-5 {
    height: 41.6666%;
  }
  .v-h-sm-6 {
    height: 50%;
  }
  .v-h-sm-7 {
    height: 58.3333%;
  }
  .v-h-sm-8 {
    height: 66.6666%;
  }
  .v-h-sm-9 {
    height: 75%;
  }
  .v-h-sm-10 {
    height: 83.3333%;
  }
  .v-h-sm-11 {
    height: 91.6666%;
  }
  .v-h-sm-12 {
    height: 100%;
  }
}
@media (min-width: 1200px) {
  [class*="grid-"] {
    float: left;
  }
  .n-grid &gt; .grid-1 {
    width: 8.3333%;
  }
  .n-grid &gt; .grid-2 {
    width: 16.6666%;
  }
  .n-grid &gt; .grid-3 {
    width: 25%;
  }
  .n-grid &gt; .grid-4 {
    width: 33.3333%;
  }
  .n-grid &gt; .grid-5 {
    width: 41.6666%;
  }
  .n-grid &gt; .grid-6 {
    width: 50%;
  }
  .n-grid &gt; .grid-7 {
    width: 58.3333%;
  }
  .n-grid &gt; .grid-8 {
    width: 66.6666%;
  }
  .n-grid &gt; .grid-9 {
    width: 75%;
  }
  .n-grid &gt; .grid-10 {
    width: 83.3333%;
  }
  .n-grid &gt; .grid-11 {
    width: 91.6666%;
  }
  .n-grid &gt; .grid-12 {
    width: 100%;
  }
  .n-grid &gt; .son-v-h-1 &gt; * {
    height: 8.3333%;
  }
  .n-grid &gt; .son-v-h-2 &gt; * {
    height: 16.6666%;
  }
  .n-grid &gt; .son-v-h-3 &gt; * {
    height: 25%;
  }
  .n-grid &gt; .son-v-h-4 &gt; * {
    height: 33.3333%;
  }
  .n-grid &gt; .son-v-h-5 &gt; * {
    height: 41.6666%;
  }
  .n-grid &gt; .son-v-h-6 &gt; * {
    height: 50%;
  }
  .n-grid &gt; .son-v-h-7 &gt; * {
    height: 58.3333%;
  }
  .n-grid &gt; .son-v-h-8 &gt; * {
    height: 66.6666%;
  }
  .n-grid &gt; .son-v-h-9 &gt; * {
    height: 75%;
  }
  .n-grid &gt; .son-v-h-10 &gt; * {
    height: 83.3333%;
  }
  .n-grid &gt; .son-v-h-11 &gt; * {
    height: 91.6666%;
  }
  .n-grid &gt; .son-v-h-12 &gt; * {
    height: 100%;
  }
  .v-h-1 {
    height: 8.3333%;
  }
  .v-h-2 {
    height: 16.6666%;
  }
  .v-h-3 {
    height: 25%;
  }
  .v-h-4 {
    height: 33.3333%;
  }
  .v-h-5 {
    height: 41.6666%;
  }
  .v-h-6 {
    height: 50%;
  }
  .v-h-7 {
    height: 58.3333%;
  }
  .v-h-8 {
    height: 66.6666%;
  }
  .v-h-9 {
    height: 75%;
  }
  .v-h-10 {
    height: 83.3333%;
  }
  .v-h-11 {
    height: 91.6666%;
  }
  .v-h-12 {
    height: 100%;
  }
}
</pre></body></html>