/*------------------------------------*/
/*------------------------------------*/
.ti-trans-vlist-item {
  transition: all .5s; }

.ti-trans-vlist-enter,
.ti-trans-vlist-leave-to {
  opacity: 0;
  transform: translateX(0.5rem); }

.ti-trans-vlist-leave-active {
  position: absolute; }

/*------------------------------------*/
/*------------------------------------*/
.ti-trans > .is-speed-slow {
  transition-duration: 1s; }

.ti-trans > .is-speed-normal {
  transition-duration: 0.5s; }

.ti-trans > .is-speed-fast {
  transition-duration: 0.3s; }

/*------------------------------------*/
/*------------------------------------*/
.ti-trans-fade-enter-active,
.ti-trans-fade-leave-active {
  transition: opacity 0.5s; }

.ti-trans-fade-enter,
.ti-trans-fade-leave-to {
  opacity: 0; }

/*------------------------------------*/
/*------------------------------------*/
.ti-trans-slide-left-enter-active,
.ti-trans-slide-left-leave-active {
  transition: opacity 0.5s, transform 0.5s; }

.ti-trans-slide-left-enter,
.ti-trans-slide-left-leave-to {
  opacity: 0;
  transform: translateX(-1rem); }

/*------------------------------------*/
/*------------------------------------*/
.ti-trans-slide-right-enter-active,
.ti-trans-slide-right-leave-active {
  transition: opacity 0.5s, transform 0.5s; }

.ti-trans-slide-right-enter,
.ti-trans-slide-right-leave-to {
  opacity: 0;
  transform: translateX(1rem); }

/*------------------------------------*/
/*------------------------------------*/
.ti-trans-slide-up-enter-active,
.ti-trans-slide-up-leave-active {
  transition: opacity 0.5s, transform 0.5s; }

.ti-trans-slide-up-enter,
.ti-trans-slide-up-leave-to {
  opacity: 0;
  transform: translateY(-1rem); }

/*------------------------------------*/
/*------------------------------------*/
.ti-trans-slide-down-enter-active,
.ti-trans-slide-down-leave-active {
  transition: opacity 0.5s, transform 0.5s; }

.ti-trans-slide-down-enter,
.ti-trans-slide-down-leave-to {
  opacity: 0;
  transform: translateY(-1rem); }

/*------------------------------------*/
/*------------------------------------*/
.ti-trans-folder-enter-active,
.ti-trans-folder-leave-active {
  transition: 0.3s;
  overflow: hidden;
  height: 2rem; }

.ti-trans-folder-enter,
.ti-trans-folder-leave-to {
  height: 0;
  opacity: 0; }

html {
  height: 100%;
  font-size: 100px; }

body {
  color: #000;
  background-color: #FFF;
  font-family: "Microsoft YaHei", "PingHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
  font-size: 0.14rem;
  height: 100%;
  margin: 0; }

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1); }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #BBD; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #BBD; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #BBD; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #BBD; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1); }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2); }

::-webkit-scrollbar-thumb:hover {
  background-color: #2196f3; }

.wn-ssr-data {
  display: none; }

pre {
  font-family: Monaco, Consolas, Courier New;
  -moz-tab-size: 4;
  tab-size: 4;
  padding: 0.2rem;
  margin: 0; }

hr {
  height: 0px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0.1rem 0; }
  hr.no-space {
    margin: 0; }
  hr.as-dashed {
    border-top-style: dashed; }
  hr.as-dotted {
    border-top-style: dotted; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

button,
input {
  font-family: inherit; }

a {
  color: #2196f3;
  text-decoration: none;
  cursor: pointer; }

a[href]:hover {
  color: #ff4081;
  text-decoration: underline; }

a:focus {
  outline: none; }

@media (min-width: 0) {
  body > * {
    font-size: SZ(14); } }

@media (min-width: 576px) {
  body > * {
    font-size: SZ(14); } }

@media (min-width: 768px) {
  body > * {
    font-size: SZ(14); } }

@media (min-width: 992px) {
  body > * {
    font-size: SZ(14); } }

@media (min-width: 1200px) {
  body > * {
    font-size: SZ(14); } }

i.im {
  font-size: inherit; }

.app-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  flex: 1 1 auto;
  color: rgba(50, 50, 50, 0.372);
  overflow: hidden;
  padding: 2rem 0 0 0; }
  .app-loading > i {
    font-size: 0.5rem; }
  .app-loading > span {
    font-size: 0.18rem;
    display: block;
    width: 100%;
    padding: 0.1rem;
    text-align: center; }

.main-body {
  overflow: hidden; }

.ti-ul-reset {
  list-style: none;
  padding: 0;
  margin: 0; }

.ti-ul-align-left {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap; }

.ti-ul-align-center {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap; }

.ti-ul-align-right {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap; }

.ti-flex-fit {
  display: flex;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap; }
  .ti-flex-fit > * {
    flex: 1 1 auto; }

.ti-flex-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap; }

.ti-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap; }

.ti-flex-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap; }

.ti-fill-parent {
  width: 100%;
  height: 100%; }

.ti-fill-parent-x {
  width: 100%; }

.ti-fill-parent-y {
  height: 100%; }

.ti-cover-parent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.ti-scroll-v {
  overflow: hidden auto; }

.ti-flex-fit-parent {
  flex: 1 1 auto; }

.ti-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1000; }

.ti-mask-loading {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  color: #cce8ff;
  color: #ff4081;
  padding-bottom: 20%;
  z-index: 999999; }

.ti-blank {
  color: #888; }
  .ti-blank.is-big {
    padding: 0.2rem;
    text-align: center;
    font-size: 0.16rem; }
    .ti-blank.is-big > .ti-icon {
      font-size: 3em;
      padding: 0.2rem; }
  .ti-blank.is-inline {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    padding: 0.08rem 0.1rem; }
    .ti-blank.is-inline > .ti-icon {
      margin-right: 0.06rem; }

.ti-box-relative {
  position: relative; }
  .ti-box-relative .ti-box-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0); }
    .ti-box-relative .ti-box-mask.as-heavy {
      color: #cce8ff;
      background-color: rgba(0, 0, 0, 0.95); }
    .ti-box-relative .ti-box-mask.as-bushy {
      color: #cce8ff;
      background-color: rgba(50, 50, 50, 0.618); }
    .ti-box-relative .ti-box-mask.as-thin {
      color: #cce8ff;
      background-color: rgba(50, 50, 50, 0.372); }
    .ti-box-relative .ti-box-mask.as-weak {
      color: #cce8ff;
      background-color: rgba(220, 220, 220, 0.3); }

.ti-num {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #ff4081;
  font-style: normal; }
  .ti-num.is-xs {
    font-size: 0.8em; }
  .ti-num.is-sm {
    font-size: 1em; }
  .ti-num.is-md {
    font-size: 1.2em; }
  .ti-num.is-lg {
    font-size: 1.6em; }
  .ti-num.is-xl {
    font-size: 2em; }

.ti-small-font {
  font-size: 0.8em; }

.ti-noselect {
  user-select: none; }

.ti-btn {
  user-select: none;
  cursor: pointer;
  user-select: none;
  color: #d0e7fc;
  background-color: #2196f3;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 0 0.1rem; }
  .ti-btn:hover {
    color: #FFF;
    background-color: #ff4081; }
  .ti-btn > span {
    margin: 0 0.5em; }
  .ti-btn:hover {
    text-decoration: none; }
  .ti-btn.is-big {
    font-size: 1.3em;
    padding: 0.1rem;
    min-width: 2rem; }
  .ti-btn.is-huge {
    font-size: 1.5em;
    padding: 0.16rem;
    min-width: 2.56rem; }
  .ti-btn.is-disabled {
    color: #CCC;
    background-color: #999;
    cursor: default;
    opacity: 0.4; }
    .ti-btn.is-disabled:hover {
      color: #CCC;
      background-color: #999; }

.ti-padding-5 {
  padding: 0.05rem; }

.ti-padding-10 {
  padding: 0.1rem; }

.ti-padding-20 {
  padding: 0.2rem; }

.ti-padding-40 {
  padding: 0.4rem; }

.ti-hide {
  display: none; }

[ti-is-drag] {
  position: relative; }
  [ti-is-drag] > .ti-drag-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    background-color: rgba(50, 50, 50, 0.372);
    color: #ff4081;
    border: 0.04rem dashed;
    z-index: 999999;
    font-size: 0.18rem; }

.ti-mark-changed {
  color: #ff4081;
  margin: 0 0.02rem;
  font-style: normal;
  font-weight: bold; }

.ti-trans-fade-enter-active,
.ti-trans-fade-leave-active {
  transition: opacity 0.3s; }

.ti-trans-fade-enter,
.ti-trans-fade-leave-to {
  opacity: 0; }

.wn-manager {
  width: 100%;
  height: 100%; }
  .wn-manager.is-sky-colorized .gui-block-sky {
    color: #FFF;
    background-color: #2196f3; }
    .wn-manager.is-sky-colorized .gui-block-sky a {
      color: #FFF; }
    .wn-manager.is-sky-colorized .gui-block-sky .wn-session-badge .as-drop a {
      color: #2196f3; }
    .wn-manager.is-sky-colorized .gui-block-sky .ti-actionbar .bar-item-info.is-enabled:hover {
      color: #FFF;
      background-color: #ff4081; }
    .wn-manager.is-sky-colorized .gui-block-sky .ti-actionbar .bar-item-switcher.is-top .ti-switcher .is-selected {
      color: #000;
      background-color: #EECC00; }
  .wn-manager .wn-top-menu {
    padding: 0 4px; }

.hm-automatch {
  width: 100%; }
  .hm-automatch > .as-list {
    padding: 0.06rem; }
  .hm-automatch > .as-list > .as-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    padding: 0.04rem; }
    .hm-automatch > .as-list > .as-item > span.as-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 0.24rem;
      height: 0.24rem;
      cursor: pointer;
      position: relative;
      transition: 0.5s; }
      .hm-automatch > .as-list > .as-item > span.as-icon > i {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transition: 0.3s; }
        .hm-automatch > .as-list > .as-item > span.as-icon > i:first-child {
          opacity: 1; }
        .hm-automatch > .as-list > .as-item > span.as-icon > i:last-child {
          opacity: 0; }
      .hm-automatch > .as-list > .as-item > span.as-icon:hover {
        color: #FFF;
        background-color: #ff4081;
        border-radius: 50%; }
        .hm-automatch > .as-list > .as-item > span.as-icon:hover > i:first-child {
          opacity: 0;
          transform: rotate(180deg); }
        .hm-automatch > .as-list > .as-item > span.as-icon:hover > i:last-child {
          opacity: 1;
          transform: rotate(180deg); }
    .hm-automatch > .as-list > .as-item > a {
      color: #2196f3;
      font-family: Monaco, Consolas, Courier New;
      padding: 0 0.06rem;
      flex: 1 1 auto; }
      .hm-automatch > .as-list > .as-item > a:hover {
        color: #ff4081;
        text-decoration: underline; }
    .hm-automatch > .as-list > .as-item > .as-menu {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      flex: 0 0 auto; }
      .hm-automatch > .as-list > .as-item > .as-menu > i {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        width: 0.24rem;
        height: 0.24rem;
        cursor: pointer; }
        .hm-automatch > .as-list > .as-item > .as-menu > i:hover {
          color: #FFF;
          background-color: #ff4081; }
    .hm-automatch > .as-list > .as-item.at-first > .as-menu i.move-up {
      display: none; }
    .hm-automatch > .as-list > .as-item.at-last > .as-menu i.move-down {
      display: none; }

.hm-prop-class-picker {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  user-select: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0.04rem 0.24rem 0.04rem 0.04rem;
  position: relative; }
  .hm-prop-class-picker:hover {
    color: #222;
    background-color: #e8e8e8;
    border-color: #ff4081; }
    .hm-prop-class-picker:hover > .as-name-item {
      color: #FFF;
      background-color: #ff4081; }
    .hm-prop-class-picker:hover > .as-cleaner > span {
      opacity: 1; }
  .hm-prop-class-picker > .as-name-item {
    color: #d0e7fc;
    background-color: #2196f3;
    margin: 0.02rem;
    font-size: 0.11rem;
    padding: 0.03rem 0.08rem 0.04rem 0.08rem;
    border-radius: 0.04rem; }
  .hm-prop-class-picker > .as-cleaner {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.06rem 0.06rem 0 0; }
    .hm-prop-class-picker > .as-cleaner > span {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      color: #FFF;
      background-color: #ff4081;
      width: 0.2rem;
      height: 0.2rem;
      border-radius: 20%;
      opacity: 0;
      transition: 0.5s; }
      .hm-prop-class-picker > .as-cleaner > span:hover {
        color: #d0e7fc;
        background-color: #2196f3;
        border-radius: 50%;
        transform: rotate(360deg) scale(1.2); }

.hm-prop-css-rules {
  border: 1px dashed rgba(0, 0, 0, 0.1);
  padding: 0.04rem; }
  .hm-prop-css-rules .ti-actionbar {
    color: #222;
    background-color: #F5F7FA; }
    .hm-prop-css-rules .ti-actionbar .bar-item-info.is-top {
      line-height: 1.2em;
      font-size: 0.11rem; }
  .hm-prop-css-rules .ti-button {
    padding: 0.1rem; }
    .hm-prop-css-rules .ti-button li.is-enabled {
      color: #222;
      background-color: #e8e8e8;
      border: 1px dashed rgba(0, 0, 0, 0.1);
      border-radius: 0.06rem; }
      .hm-prop-css-rules .ti-button li.is-enabled:hover {
        color: #d0e7fc;
        background-color: #2196f3;
        border-style: solid; }
  .hm-prop-css-rules table {
    width: 100%;
    border: 0;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse; }
    .hm-prop-css-rules table td {
      border: 1px solid #F5F7FA;
      font-size: 0.11rem;
      padding: 0.06rem; }
      .hm-prop-css-rules table td.as-title-cell {
        color: #888;
        white-space: nowrap; }
      .hm-prop-css-rules table td.as-value-cell {
        font-family: Monaco, Consolas, Courier New;
        position: relative;
        cursor: pointer;
        color: #4caf50; }
        .hm-prop-css-rules table td.as-value-cell .as-remove {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          opacity: 0;
          transition: 0.5s;
          padding: 0 0.04rem; }
          .hm-prop-css-rules table td.as-value-cell .as-remove i {
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            flex-wrap: wrap;
            color: #ff4081;
            width: 0.16rem;
            height: 0.16rem;
            font-size: 0.12rem;
            border-radius: 50%;
            transition: 0.5s; }
          .hm-prop-css-rules table td.as-value-cell .as-remove:hover i {
            color: #FFF;
            background-color: #ff4081;
            transform: rotate(180deg); }
        .hm-prop-css-rules table td.as-value-cell:hover .as-remove {
          opacity: 1; }

.hm-react-actions {
  width: 100%; }
  .hm-react-actions > .as-action-item {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0.04rem 0;
    border-radius: 0.06rem;
    overflow: hidden; }
    .hm-react-actions > .as-action-item .as-item-head {
      color: #222;
      background-color: #F5F7FA;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      padding: 0.06rem 0.08rem; }
      .hm-react-actions > .as-action-item .as-item-head > .as-type-text {
        margin-left: 0.06rem;
        flex: 1 1 auto; }
      .hm-react-actions > .as-action-item .as-item-head > .as-item-menu {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        font-size: 0.11rem;
        padding: 0 0.06rem; }
        .hm-react-actions > .as-action-item .as-item-head > .as-item-menu a {
          border-left: 1px solid rgba(0, 0, 0, 0.1);
          text-align: center;
          padding: 0 0.1rem; }
          .hm-react-actions > .as-action-item .as-item-head > .as-item-menu a:hover {
            color: #ff4081; }
          .hm-react-actions > .as-action-item .as-item-head > .as-item-menu a:last-child {
            padding-right: 0; }
    .hm-react-actions > .as-action-item .as-item-fields {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap;
      padding: 0.06rem; }
      .hm-react-actions > .as-action-item .as-item-fields > .as-field {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: center;
        flex-wrap: nowrap;
        flex: 1 1 auto;
        min-width: 33%;
        padding: 0.04rem; }
        .hm-react-actions > .as-action-item .as-item-fields > .as-field .as-name {
          color: #888;
          white-space: nowrap;
          min-width: 0.54rem; }
          .hm-react-actions > .as-action-item .as-item-fields > .as-field .as-name:after {
            display: inline;
            content: " : "; }
        .hm-react-actions > .as-action-item .as-item-fields > .as-field .as-text {
          font-family: Monaco, Consolas, Courier New;
          color: #080;
          word-wrap: break-word;
          word-break: break-all; }
  .hm-react-actions .as-new-item {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0.1rem; }
    .hm-react-actions .as-new-item .as-btn {
      border: 1px dashed rgba(0, 0, 0, 0.2);
      padding: 0.1rem;
      min-width: 2rem;
      text-align: center;
      white-space: nowrap;
      cursor: pointer; }
      .hm-react-actions .as-new-item .as-btn:hover {
        color: #FFF;
        background-color: #ff4081;
        border-style: solid;
        border-color: #ff4081; }

.net-aliyun-vod-video-info {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column; }
  .net-aliyun-vod-video-info > .as-preview {
    position: relative;
    flex: 0 0 auto;
    height: 33%; }
    .net-aliyun-vod-video-info > .as-preview > img {
      object-fit: cover;
      background: #000; }
    .net-aliyun-vod-video-info > .as-preview > .as-btn {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      color: #cce8ff;
      background-color: rgba(50, 50, 50, 0.618);
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      font-size: 3em;
      opacity: 0;
      transition: opacity 0.3s;
      cursor: pointer; }
      .net-aliyun-vod-video-info > .as-preview > .as-btn:hover {
        opacity: 1; }
  .net-aliyun-vod-video-info > .as-detail {
    position: relative;
    flex: 1 1 auto;
    overflow: auto; }

.net-youtube-player {
  color: #cce8ff;
  background-color: rgba(220, 220, 220, 0.3);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .net-youtube-player > .as-preview {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    background-color: rgba(50, 50, 50, 0.372);
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 0.48rem; }
    .net-youtube-player > .as-preview i {
      color: #FFF;
      opacity: 0.6;
      transition: 0.3s; }
    .net-youtube-player > .as-preview:hover i {
      opacity: 1;
      color: #F00;
      transform: scale(1.3); }

.ti-actionbar {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  font-family: "Microsoft YaHei", "PingHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif"; }
  .ti-actionbar.align-left {
    justify-content: flex-start; }
  .ti-actionbar.align-center {
    justify-content: center; }
  .ti-actionbar.align-right {
    justify-content: flex-end; }
  .ti-actionbar.pad-hs {
    padding: 0 0.04rem; }
  .ti-actionbar.pad-hm {
    padding: 0 0.06rem; }
  .ti-actionbar.pad-hb {
    padding: 0 0.08rem; }
  .ti-actionbar.pad-s {
    padding: 0.04rem; }
  .ti-actionbar.pad-m {
    padding: 0.06rem; }
  .ti-actionbar.pad-b {
    padding: 0.08rem; }
  .ti-actionbar .bar-item-group.is-depth-0 > .as-children {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap; }
  .ti-actionbar .bar-item-group.is-depth-1 > .as-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    background-color: rgba(0, 0, 0, 0);
    z-index: 10000; }
  .ti-actionbar .bar-item-group.is-depth-1 > .as-children {
    color: #222;
    background-color: #e8e8e8;
    border: 1px solid #2196f3;
    box-shadow: 0.04rem 0.06rem 0.1rem rgba(20, 20, 20, 0.3);
    z-index: 10001;
    padding: 1px;
    min-width: 1.5rem; }
  .ti-actionbar .bar-item-group.is-extended > .bar-item-info {
    color: #FFF;
    background-color: #ff4081; }
  .ti-actionbar .bar-item-group.is-extended.is-depth-x > .as-children {
    color: #222;
    background-color: #e8e8e8;
    border: 1px solid #2196f3;
    box-shadow: 1px 1px 2px rgba(20, 20, 20, 0.3);
    z-index: 10000;
    padding: 1px;
    min-width: 1.5rem; }
  .ti-actionbar .bar-item-line {
    background-color: rgba(0, 0, 0, 0.1); }
    .ti-actionbar .bar-item-line.is-top {
      width: 1px;
      height: 0.2rem;
      overflow: hidden;
      margin: 0 0.02rem; }
    .ti-actionbar .bar-item-line.is-sub {
      height: 1px;
      overflow: hidden;
      margin: 0.04rem 0; }
  .ti-actionbar .bar-item-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap; }
    .ti-actionbar .bar-item-info.is-disabled {
      cursor: default;
      opacity: 0.4; }
    .ti-actionbar .bar-item-info.is-enabled {
      cursor: pointer;
      user-select: none; }
      .ti-actionbar .bar-item-info.is-enabled:hover {
        color: #d0e7fc;
        background-color: #2196f3; }
    .ti-actionbar .bar-item-info.is-highlight {
      color: #31a6ff;
      background-color: #cce8ff; }
    .ti-actionbar .bar-item-info .as-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap; }
    .ti-actionbar .bar-item-info .as-text {
      white-space: nowrap; }
    .ti-actionbar .bar-item-info .as-shortcut {
      flex: 1 1 auto;
      padding-left: 2em;
      text-align: right;
      font-size: 0.8em;
      opacity: 0.6; }
    .ti-actionbar .bar-item-info .as-suffix-icon {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      flex: 1 1 auto; }
    .ti-actionbar .bar-item-info.is-top {
      padding: 0 0.6em;
      height: 2.4em;
      line-height: 2.4em;
      border-radius: 0.06rem; }
      .ti-actionbar .bar-item-info.is-top.has-icon > .as-text {
        margin-left: 0.4em; }
    .ti-actionbar .bar-item-info.is-sub {
      padding: 0 1em 0 0.5em;
      height: 2.4em;
      line-height: 2.4em; }
      .ti-actionbar .bar-item-info.is-sub.no-icon.hide-icon {
        padding-left: 1em; }
      .ti-actionbar .bar-item-info.is-sub .as-icon {
        width: 2.4em; }
  .ti-actionbar .bar-item-switcher {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap; }
    .ti-actionbar .bar-item-switcher.is-disabled {
      opacity: 0.4; }
    .ti-actionbar .bar-item-switcher .as-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap; }
    .ti-actionbar .bar-item-switcher .as-text {
      white-space: nowrap;
      margin: 0 0.04rem; }
    .ti-actionbar .bar-item-switcher .ti-switcher .switcher-con li {
      padding: 0.4em;
      min-width: unset; }
    .ti-actionbar .bar-item-switcher.is-top {
      padding: 0 0.2em;
      height: 2.4em;
      line-height: 2.4em; }
      .ti-actionbar .bar-item-switcher.is-top.has-icon > .as-text {
        margin-left: 0.4em; }
    .ti-actionbar .bar-item-switcher.is-sub {
      padding: 0 1em 0 0.5em;
      height: 2.4em;
      line-height: 2.4em; }
      .ti-actionbar .bar-item-switcher.is-sub.no-icon.hide-icon {
        padding-left: 1em; }
      .ti-actionbar .bar-item-switcher.is-sub .as-icon {
        width: 2.4em; }
  .ti-actionbar.as-buttons .bar-item-info.is-top {
    color: #d0e7fc;
    background-color: #2196f3;
    border: 1px solid #2196f3;
    margin: 0 0.5em; }
    .ti-actionbar.as-buttons .bar-item-info.is-top:hover {
      color: #FFF;
      background-color: #ff4081;
      border-color: #ff4081; }
    .ti-actionbar.as-buttons .bar-item-info.is-top.is-success {
      color: #CFC;
      background-color: #4caf50;
      border-color: #4caf50; }
      .ti-actionbar.as-buttons .bar-item-info.is-top.is-success:hover {
        color: #4caf50;
        background-color: #CFC; }
    .ti-actionbar.as-buttons .bar-item-info.is-top.is-warn {
      color: #FFC;
      background-color: #FF8800;
      border-color: #FF8800; }
      .ti-actionbar.as-buttons .bar-item-info.is-top.is-warn:hover {
        color: #FF8800;
        background-color: #FFC; }
    .ti-actionbar.as-buttons .bar-item-info.is-top.is-info {
      color: #FFF;
      background-color: #2196f3;
      border-color: #2196f3; }
      .ti-actionbar.as-buttons .bar-item-info.is-top.is-info:hover {
        color: #2196f3;
        background-color: #FFF; }
    .ti-actionbar.as-buttons .bar-item-info.is-top.is-error {
      color: #FCC;
      background-color: #f44336;
      border-color: #f44336; }
      .ti-actionbar.as-buttons .bar-item-info.is-top.is-error:hover {
        color: #f44336;
        background-color: #FCC; }
    .ti-actionbar.as-buttons .bar-item-info.is-top.is-track {
      color: #FFF;
      background-color: #888;
      border-color: #888; }
      .ti-actionbar.as-buttons .bar-item-info.is-top.is-track:hover {
        color: #888;
        background-color: #FFF; }
    .ti-actionbar.as-buttons .bar-item-info.is-top.is-disable {
      color: #CCC;
      background-color: #999;
      border-color: #999; }
      .ti-actionbar.as-buttons .bar-item-info.is-top.is-disable:hover {
        color: #999;
        background-color: #CCC; }
    .ti-actionbar.as-buttons .bar-item-info.is-top.is-chip {
      color: #e8e8e8;
      background-color: #222;
      border-color: #222; }
      .ti-actionbar.as-buttons .bar-item-info.is-top.is-chip:hover {
        color: #222;
        background-color: #e8e8e8; }
    .ti-actionbar.as-buttons .bar-item-info.is-top.is-func {
      color: #E0E0E0;
      background-color: #000;
      border-color: #000; }
      .ti-actionbar.as-buttons .bar-item-info.is-top.is-func:hover {
        color: #000;
        background-color: #E0E0E0; }
    .ti-actionbar.as-buttons .bar-item-info.is-top.is-bar {
      color: #F5F7FA;
      background-color: #222;
      border-color: #222; }
      .ti-actionbar.as-buttons .bar-item-info.is-top.is-bar:hover {
        color: #222;
        background-color: #F5F7FA; }
  .ti-actionbar.as-buttons .bar-item-line.is-top {
    margin: 0 0.5em; }

.ti-adaptlist > .adaptlist-con {
  position: relative; }
  .ti-adaptlist > .adaptlist-con > .as-view-switcher {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
    opacity: 0.4;
    font-size: 8px;
    cursor: pointer;
    transition: opacity 0.6s; }
    .ti-adaptlist > .adaptlist-con > .as-view-switcher .as-current-vt {
      padding: 0.04rem 0.06rem;
      cursor: pointer; }
    .ti-adaptlist > .adaptlist-con > .as-view-switcher .as-ava-vt-list {
      padding: 0 0.02rem;
      opacity: 0;
      width: 0;
      overflow: hidden;
      transition: 0.3s;
      transform: scaleX(0.1);
      transform-origin: right center; }
      .ti-adaptlist > .adaptlist-con > .as-view-switcher .as-ava-vt-list ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap; }
      .ti-adaptlist > .adaptlist-con > .as-view-switcher .as-ava-vt-list li {
        padding: 0.04rem;
        margin: 0 1px;
        border-radius: 2px; }
        .ti-adaptlist > .adaptlist-con > .as-view-switcher .as-ava-vt-list li:hover {
          color: #FFF;
          background-color: #ff4081; }
    .ti-adaptlist > .adaptlist-con > .as-view-switcher:hover {
      opacity: 1;
      font-size: 16px; }
      .ti-adaptlist > .adaptlist-con > .as-view-switcher:hover .as-current-vt {
        color: #000;
        background-color: #EECC00; }
      .ti-adaptlist > .adaptlist-con > .as-view-switcher:hover .as-ava-vt-list {
        color: #31a6ff;
        background-color: #cce8ff;
        opacity: 1;
        width: unset;
        transform: unset; }
  .ti-adaptlist > .adaptlist-con .as-uploading {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #666;
    background-color: rgba(230, 230, 230, 0.8);
    max-height: 100%;
    overflow-y: auto;
    transition: 0.5s;
    z-index: 10000; }
    .ti-adaptlist > .adaptlist-con .as-uploading.up-show {
      opacity: 1;
      bottom: 0; }
    .ti-adaptlist > .adaptlist-con .as-uploading.up-hide {
      opacity: 0;
      bottom: -100%; }
    .ti-adaptlist > .adaptlist-con .as-uploading > header {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      color: #FFC;
      background-color: #FF8800;
      padding: 0.04rem 0.1rem; }
      .ti-adaptlist > .adaptlist-con .as-uploading > header > span {
        margin-right: 0.06rem; }
    .ti-adaptlist > .adaptlist-con .as-uploading > section {
      padding: 0.1rem; }

.ti-app-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  z-index: 999999; }
  .ti-app-modal.in-top-z-index {
    z-index: 1999998; }
  .ti-app-modal.at-center > .modal-con {
    border-radius: 0.08rem;
    box-shadow: 0.06rem 0.06rem 0.2rem rgba(30, 30, 30, 0.2); }
  .ti-app-modal.at-left > .modal-con {
    border-radius: 0 0.08rem 0.08rem 0;
    box-shadow: 0.06rem 0.06rem 0.2rem rgba(30, 30, 30, 0.2); }
  .ti-app-modal.at-right > .modal-con {
    border-radius: 0.08rem 0 0 0.08rem;
    box-shadow: -0.06rem 0.06rem 0.2rem rgba(30, 30, 30, 0.2); }
  .ti-app-modal.at-top > .modal-con {
    border-radius: 0 0 0.08rem 0.08rem;
    box-shadow: 0.06rem 0.06rem 0.2rem rgba(30, 30, 30, 0.2); }
  .ti-app-modal.at-bottom > .modal-con {
    border-radius: 0.08rem 0.08rem 0 0;
    box-shadow: 0.06rem -0.06rem 0.2rem rgba(30, 30, 30, 0.2); }
  .ti-app-modal.at-left-top > .modal-con {
    border-radius: 0 0 0.08rem 0;
    box-shadow: 0.06rem 0.06rem 0.2rem rgba(30, 30, 30, 0.2); }
  .ti-app-modal.at-right-top > .modal-con {
    border-radius: 0 0 0 0.08rem;
    box-shadow: 0.06rem 0.06rem 0.2rem rgba(30, 30, 30, 0.2); }
  .ti-app-modal.at-bottom-left > .modal-con {
    border-radius: 0 0.08rem 0 0;
    box-shadow: 0.06rem -0.06rem 0.2rem rgba(30, 30, 30, 0.2); }
  .ti-app-modal.at-bottom-right > .modal-con {
    border-radius: 0.08rem 0 0 0;
    box-shadow: 0.06rem -0.06rem 0.2rem rgba(30, 30, 30, 0.2); }
  .ti-app-modal.show-mask {
    background-color: rgba(50, 50, 50, 0.372);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .ti-app-modal.show-mask.at-center.nil-height {
      padding-bottom: 16%; }
    .ti-app-modal.show-mask.at-left {
      justify-content: flex-start; }
    .ti-app-modal.show-mask.at-right {
      justify-content: flex-end; }
    .ti-app-modal.show-mask.at-top {
      align-content: flex-start; }
    .ti-app-modal.show-mask.at-bottom {
      align-content: flex-end; }
    .ti-app-modal.show-mask.at-left-top {
      justify-content: flex-start;
      align-content: flex-start; }
    .ti-app-modal.show-mask.at-right-top {
      justify-content: flex-end;
      align-content: flex-start; }
    .ti-app-modal.show-mask.at-bottom-left {
      justify-content: flex-start;
      align-content: flex-end; }
    .ti-app-modal.show-mask.at-bottom-right {
      justify-content: flex-end;
      align-content: flex-end; }
  .ti-app-modal.no-mask.at-center {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
    .ti-app-modal.no-mask.at-center.nil-height {
      padding-bottom: 16%; }
  .ti-app-modal.no-mask > .modal-con {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .ti-app-modal.no-mask.at-left {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0; }
    .ti-app-modal.no-mask.at-left > .panel-con {
      border-left: 0; }
  .ti-app-modal.no-mask.at-right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0; }
    .ti-app-modal.no-mask.at-right > .panel-con {
      border-right: 0; }
  .ti-app-modal.no-mask.at-top {
    position: fixed;
    left: 0;
    top: 0;
    right: 0; }
    .ti-app-modal.no-mask.at-top > .panel-con {
      border-top: 0; }
  .ti-app-modal.no-mask.at-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0; }
    .ti-app-modal.no-mask.at-bottom > .panel-con {
      border-bottom: 0; }
  .ti-app-modal.no-mask.at-left-top {
    position: fixed;
    left: 0;
    top: 0; }
    .ti-app-modal.no-mask.at-left-top > .panel-con {
      border-left: 0;
      border-top: 0; }
  .ti-app-modal.no-mask.at-right-top {
    position: fixed;
    top: 0;
    right: 0; }
    .ti-app-modal.no-mask.at-right-top > .panel-con {
      border-right: 0;
      border-top: 0; }
  .ti-app-modal.no-mask.at-bottom-left {
    position: fixed;
    left: 0;
    bottom: 0; }
    .ti-app-modal.no-mask.at-bottom-left > .panel-con {
      border-bottom: 0;
      border-left: 0; }
  .ti-app-modal.no-mask.at-bottom-right {
    position: fixed;
    right: 0;
    bottom: 0; }
    .ti-app-modal.no-mask.at-bottom-right > .panel-con {
      border-bottom: 0;
      border-right: 0; }
  .ti-app-modal .modal-con {
    color: #000;
    background-color: #FFF;
    position: relative;
    overflow: hidden; }
    .ti-app-modal .modal-con.is-show-header {
      padding-top: 0.42rem; }
    .ti-app-modal .modal-con.is-show-actions {
      padding-bottom: 0.6rem; }
    .ti-app-modal .modal-con.is-success .modal-head {
      color: #CFC;
      background-color: #4caf50; }
    .ti-app-modal .modal-con.is-warn .modal-head {
      color: #FFC;
      background-color: #FF8800; }
    .ti-app-modal .modal-con.is-info .modal-head {
      color: #FFF;
      background-color: #2196f3; }
    .ti-app-modal .modal-con.is-error .modal-head {
      color: #FCC;
      background-color: #f44336; }
    .ti-app-modal .modal-con.is-track .modal-head {
      color: #FFF;
      background-color: #888; }
    .ti-app-modal .modal-con.is-success .modal-actions > .as-action {
      color: #CFC;
      background-color: #4caf50; }
    .ti-app-modal .modal-con.is-warn .modal-actions > .as-action {
      color: #FFC;
      background-color: #FF8800; }
    .ti-app-modal .modal-con.is-info .modal-actions > .as-action {
      color: #FFF;
      background-color: #2196f3; }
    .ti-app-modal .modal-con.is-error .modal-actions > .as-action {
      color: #FCC;
      background-color: #f44336; }
    .ti-app-modal .modal-con.is-track .modal-actions > .as-action {
      color: #FFF;
      background-color: #888; }
    .ti-app-modal .modal-con.is-closer-default.is-success .modal-closer {
      color: #CFC; }
    .ti-app-modal .modal-con.is-closer-default.is-warn .modal-closer {
      color: #FFC; }
    .ti-app-modal .modal-con.is-closer-default.is-info .modal-closer {
      color: #FFF; }
    .ti-app-modal .modal-con.is-closer-default.is-error .modal-closer {
      color: #FCC; }
    .ti-app-modal .modal-con.is-closer-default.is-track .modal-closer {
      color: #FFF; }
    .ti-app-modal .modal-con.is-closer-default.has-top-action-bar > .modal-head {
      padding-right: 0.42rem; }
    .ti-app-modal .modal-con > .modal-head {
      user-select: none;
      position: absolute;
      left: 0;
      top: 0;
      height: 0.42rem;
      right: 0;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap;
      color: #222;
      background-color: #F5F7FA;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      line-height: 0.42rem;
      padding: 0 0 0 0.06rem; }
      .ti-app-modal .modal-con > .modal-head > .as-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        padding-left: 0.06rem; }
        .ti-app-modal .modal-con > .modal-head > .as-icon .icon-icon img {
          height: 0.32rem;
          width: 0.32rem; }
      .ti-app-modal .modal-con > .modal-head > .as-title {
        flex: 1 0 auto;
        padding: 0 0.6em; }
      .ti-app-modal .modal-con > .modal-head > .as-bar {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: wrap; }
        .ti-app-modal .modal-con > .modal-head > .as-bar > .ti-actionbar {
          width: 100%; }
          .ti-app-modal .modal-con > .modal-head > .as-bar > .ti-actionbar .bar-item-info.is-top.is-enabled {
            cursor: pointer;
            user-select: none; }
            .ti-app-modal .modal-con > .modal-head > .as-bar > .ti-actionbar .bar-item-info.is-top.is-enabled:hover {
              color: #FFF;
              background-color: #ff4081; }
          .ti-app-modal .modal-con > .modal-head > .as-bar > .ti-actionbar .bar-item-info.is-top.is-highlight {
            color: #000;
            background-color: #EECC00; }
    .ti-app-modal .modal-con > .modal-main {
      width: 100%;
      height: 100%;
      min-height: 1rem; }
    .ti-app-modal .modal-con > .modal-actions {
      user-select: none;
      position: absolute;
      left: 0;
      height: 0.6rem;
      right: 0;
      bottom: 0;
      color: #000;
      background-color: #E0E0E0;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      display: flex;
      justify-content: flex-end;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      padding: 0.08rem; }
      .ti-app-modal .modal-con > .modal-actions > .as-action {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        color: #222;
        background-color: #e8e8e8;
        cursor: pointer;
        user-select: none;
        color: #d0e7fc;
        background-color: #2196f3;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.06rem;
        margin: 0 0.25em;
        padding: 0 0.5em;
        line-height: 2.3em;
        font-size: 0.9em;
        min-width: 1rem;
        text-align: center;
        letter-spacing: 0.1em; }
        .ti-app-modal .modal-con > .modal-actions > .as-action:hover {
          color: #FFF;
          background-color: #ff4081; }
        .ti-app-modal .modal-con > .modal-actions > .as-action:first-child {
          margin-left: 0; }
        .ti-app-modal .modal-con > .modal-actions > .as-action:last-child {
          margin-right: 0; }
        .ti-app-modal .modal-con > .modal-actions > .as-action > .as-icon {
          margin-right: 0.5em; }
  .ti-app-modal.is-closer-default > .panel-con > .ti-gui-block > .block-head > .as-actions {
    padding-right: 0.46rem; }
  .ti-app-modal .modal-closer {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
    .ti-app-modal .modal-closer.as-lamp-cord > .ti-icon {
      color: rgba(255, 255, 255, 0.8);
      border: 1px solid rgba(255, 255, 255, 0.8);
      background: rgba(50, 50, 50, 0.4);
      border-radius: 50%;
      width: 32px;
      height: 32px;
      cursor: pointer;
      display: block;
      transition: all 0.8s; }
      .ti-app-modal .modal-closer.as-lamp-cord > .ti-icon > .icon-icon {
        display: block;
        width: 100%;
        height: 100%; }
        .ti-app-modal .modal-closer.as-lamp-cord > .ti-icon > .icon-icon > i {
          width: 100%;
          height: 100%;
          line-height: 32px;
          text-align: center;
          font-size: 21px;
          font-weight: 400;
          transition: all 0.3s; }
      .ti-app-modal .modal-closer.as-lamp-cord > .ti-icon:hover {
        color: #FFF;
        background-color: #ff4081;
        border-color: transparent;
        box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.6); }
        .ti-app-modal .modal-closer.as-lamp-cord > .ti-icon:hover > .icon-icon > i {
          transform: rotate(180deg); }
    .ti-app-modal .modal-closer.as-lamp-cord.at-top {
      height: 0.5rem;
      top: -0.5rem;
      left: 0;
      right: 0; }
    .ti-app-modal .modal-closer.as-lamp-cord.at-bottom {
      height: 0.5rem;
      bottom: -0.5rem;
      left: 0;
      right: 0; }
    .ti-app-modal .modal-closer.as-lamp-cord.at-left {
      width: 0.5rem;
      left: -0.5rem;
      top: 0;
      bottom: 0; }
    .ti-app-modal .modal-closer.as-lamp-cord.at-right {
      width: 0.5rem;
      right: -0.5rem;
      top: 0;
      bottom: 0; }
    .ti-app-modal .modal-closer.as-default {
      top: 0;
      right: 0;
      font-size: 0.24rem; }
      .ti-app-modal .modal-closer.as-default > .ti-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        cursor: pointer;
        width: 0.42rem;
        height: 0.42rem; }
        .ti-app-modal .modal-closer.as-default > .ti-icon > .icon-icon > i {
          transition: transform 0.3s; }
        .ti-app-modal .modal-closer.as-default > .ti-icon:hover {
          color: #FFF;
          background-color: #ff4081; }
          .ti-app-modal .modal-closer.as-default > .ti-icon:hover > .icon-icon > i {
            transform: rotate(180deg) scale(1.2); }

.app-modal-trans-at-top-enter-active,
.app-modal-trans-at-top-leave-active {
  transition: opacity 0.3s; }
  .app-modal-trans-at-top-enter-active > .modal-con,
  .app-modal-trans-at-top-leave-active > .modal-con {
    transition: transform 0.3s ease; }

.app-modal-trans-at-top-enter,
.app-modal-trans-at-top-leave-to {
  opacity: 0; }
  .app-modal-trans-at-top-enter > .modal-con,
  .app-modal-trans-at-top-leave-to > .modal-con {
    transform: translateY(-300px); }

.app-modal-trans-at-left-enter-active,
.app-modal-trans-at-left-leave-active {
  transition: opacity 0.3s; }
  .app-modal-trans-at-left-enter-active > .modal-con,
  .app-modal-trans-at-left-leave-active > .modal-con {
    transition: transform 0.3s ease; }

.app-modal-trans-at-left-enter,
.app-modal-trans-at-left-leave-to {
  opacity: 0; }
  .app-modal-trans-at-left-enter > .modal-con,
  .app-modal-trans-at-left-leave-to > .modal-con {
    transform: translateX(-300px); }

.app-modal-trans-at-right-enter-active,
.app-modal-trans-at-right-leave-active {
  transition: opacity 0.3s; }
  .app-modal-trans-at-right-enter-active > .modal-con,
  .app-modal-trans-at-right-leave-active > .modal-con {
    transition: transform 0.3s ease; }

.app-modal-trans-at-right-enter,
.app-modal-trans-at-right-leave-to {
  opacity: 0; }
  .app-modal-trans-at-right-enter > .modal-con,
  .app-modal-trans-at-right-leave-to > .modal-con {
    transform: translateX(300px); }

.app-modal-trans-at-bottom-enter-active,
.app-modal-trans-at-bottom-leave-active {
  transition: opacity 0.3s; }
  .app-modal-trans-at-bottom-enter-active > .modal-con,
  .app-modal-trans-at-bottom-leave-active > .modal-con {
    transition: transform 0.3s ease; }

.app-modal-trans-at-bottom-enter,
.app-modal-trans-at-bottom-leave-to {
  opacity: 0; }
  .app-modal-trans-at-bottom-enter > .modal-con,
  .app-modal-trans-at-bottom-leave-to > .modal-con {
    transform: translateY(300px); }

.app-modal-trans-at-center-enter-active,
.app-modal-trans-at-center-leave-active {
  transition: opacity 0.3s; }
  .app-modal-trans-at-center-enter-active > .modal-con,
  .app-modal-trans-at-center-leave-active > .modal-con {
    transition: transform 0.3s ease; }

.app-modal-trans-at-center-enter,
.app-modal-trans-at-center-leave-to {
  opacity: 0; }
  .app-modal-trans-at-center-enter > .modal-con,
  .app-modal-trans-at-center-leave-to > .modal-con {
    transform: scale(0); }

.app-modal-trans-at-left-top-enter-active,
.app-modal-trans-at-left-top-leave-active {
  transition: opacity 0.3s; }
  .app-modal-trans-at-left-top-enter-active > .modal-con,
  .app-modal-trans-at-left-top-leave-active > .modal-con {
    transition: transform 0.3s ease;
    transform-origin: left top; }

.app-modal-trans-at-left-top-enter,
.app-modal-trans-at-left-top-leave-to {
  opacity: 0; }
  .app-modal-trans-at-left-top-enter > .modal-con,
  .app-modal-trans-at-left-top-leave-to > .modal-con {
    transform: scale(0); }

.app-modal-trans-at-right-top-enter-active,
.app-modal-trans-at-right-top-leave-active {
  transition: opacity 0.3s; }
  .app-modal-trans-at-right-top-enter-active > .modal-con,
  .app-modal-trans-at-right-top-leave-active > .modal-con {
    transition: transform 0.3s ease;
    transform-origin: right top; }

.app-modal-trans-at-right-top-enter,
.app-modal-trans-at-right-top-leave-to {
  opacity: 0; }
  .app-modal-trans-at-right-top-enter > .modal-con,
  .app-modal-trans-at-right-top-leave-to > .modal-con {
    transform: scale(0); }

.app-modal-trans-at-bottom-left-enter-active,
.app-modal-trans-at-bottom-left-leave-active {
  transition: opacity 0.3s; }
  .app-modal-trans-at-bottom-left-enter-active > .modal-con,
  .app-modal-trans-at-bottom-left-leave-active > .modal-con {
    transition: transform 0.3s ease;
    transform-origin: bottom left; }

.app-modal-trans-at-bottom-left-enter,
.app-modal-trans-at-bottom-left-leave-to {
  opacity: 0; }
  .app-modal-trans-at-bottom-left-enter > .modal-con,
  .app-modal-trans-at-bottom-left-leave-to > .modal-con {
    transform: scale(0); }

.app-modal-trans-at-bottom-right-enter-active,
.app-modal-trans-at-bottom-right-leave-active {
  transition: opacity 0.3s; }
  .app-modal-trans-at-bottom-right-enter-active > .modal-con,
  .app-modal-trans-at-bottom-right-leave-active > .modal-con {
    transition: transform 0.3s ease;
    transform-origin: bottom right; }

.app-modal-trans-at-bottom-right-enter,
.app-modal-trans-at-bottom-right-leave-to {
  opacity: 0; }
  .app-modal-trans-at-bottom-right-enter > .modal-con,
  .app-modal-trans-at-bottom-right-leave-to > .modal-con {
    transform: scale(0); }

.ti-msg-body {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  min-width: 3rem;
  width: 100%;
  min-height: 1rem; }
  .ti-msg-body > .as-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    font-size: 0.5rem;
    flex: 0 0 auto;
    padding: 0.2rem; }
  .ti-msg-body > .as-text {
    flex: 1 1 auto;
    padding: 0.1rem; }
  .ti-msg-body.as-prompt > .as-text > .as-tip {
    padding: 0.1rem 0; }

.ti-bullet-list {
  overflow: auto;
  padding: 1px;
  width: 100%; }
  .ti-bullet-list.as-grid > .as-bullet-group > .as-group-items {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    grid-auto-flow: row;
    justify-items: stretch;
    align-items: stretch;
    grid-gap: 1px; }
    .ti-bullet-list.as-grid > .as-bullet-group > .as-group-items > .as-bullet-item.as-label {
      grid-column-start: 1;
      grid-column-end: -1; }
  .ti-bullet-list.item-noselect .as-bullet-item.as-option {
    user-select: none; }
  .ti-bullet-list .as-group-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap; }
    .ti-bullet-list .as-group-title > .as-grp-text {
      font-weight: bold;
      line-height: 2em;
      padding: 0.2em; }
    .ti-bullet-list .as-group-title > .as-grp-checker {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 2.4em;
      height: 2.4em;
      align-self: stretch;
      cursor: pointer; }
      .ti-bullet-list .as-group-title > .as-grp-checker:hover {
        color: #FFF;
        background-color: #ff4081; }
  .ti-bullet-list .as-bullet-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap; }
    .ti-bullet-list .as-bullet-item.as-label {
      color: #222;
      background-color: #F5F7FA;
      padding: 1px; }
      .ti-bullet-list .as-bullet-item.as-label > .as-text {
        line-height: 2em;
        padding: 0.2em 1em; }
      .ti-bullet-list .as-bullet-item.as-label > .as-checker {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        width: 2.4em;
        height: 2.4em;
        align-self: stretch;
        cursor: pointer; }
        .ti-bullet-list .as-bullet-item.as-label > .as-checker:hover {
          color: #FFF;
          background-color: #ff4081; }
    .ti-bullet-list .as-bullet-item.as-option {
      line-height: 1.8em;
      padding: 0.3em 0.6em;
      opacity: 0.8; }
      .ti-bullet-list .as-bullet-item.as-option[clickable] {
        cursor: pointer; }
      .ti-bullet-list .as-bullet-item.as-option[clickable]:hover {
        color: #31a6ff;
        background-color: #cce8ff;
        opacity: 1; }
        .ti-bullet-list .as-bullet-item.as-option[clickable]:hover .ti-icon.as-bullet i {
          transform: scale(1.2); }
      .ti-bullet-list .as-bullet-item.as-option[readonly] {
        color: #999;
        opacity: 0.6;
        cursor: default; }
      .ti-bullet-list .as-bullet-item.as-option.is-checked {
        font-weight: bold;
        opacity: 1; }
    .ti-bullet-list .as-bullet-item > .ti-icon {
      width: 0.24rem;
      height: 1.8em;
      text-align: center;
      margin-right: 0.08rem; }
      .ti-bullet-list .as-bullet-item > .ti-icon > i {
        transition: transform 0.5s; }
      .ti-bullet-list .as-bullet-item > .ti-icon.is-image .icon-icon {
        height: 100%; }
        .ti-bullet-list .as-bullet-item > .ti-icon.is-image .icon-icon img {
          width: 1.8em; }
    .ti-bullet-list .as-bullet-item > .as-text {
      flex: 1 1 auto; }
      .ti-bullet-list .as-bullet-item > .as-text input {
        color: #444;
        background-color: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
        outline: none;
        resize: none;
        font-family: Monaco, Consolas, Courier New;
        padding: 0.6em;
        margin: 0 0.08rem; }
        .ti-bullet-list .as-bullet-item > .as-text input:focus {
          border-color: #2196f3; }
    .ti-bullet-list .as-bullet-item > .as-tip {
      color: #888;
      flex: 0 0 auto; }

.ti-button {
  user-select: none; }
  .ti-button ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    flex: 1 1 auto; }
  .ti-button li {
    flex: 0 0 auto;
    padding: 0 1em;
    height: 2.6em;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    margin-left: 1px; }
    .ti-button li.min-width-2 {
      min-width: 2em; }
    .ti-button li.min-width-3 {
      min-width: 3em; }
    .ti-button li.min-width-4 {
      min-width: 4em; }
    .ti-button li.min-width-5 {
      min-width: 5em; }
    .ti-button li.min-width-6 {
      min-width: 6em; }
    .ti-button li.min-width-7 {
      min-width: 7em; }
    .ti-button li.min-width-8 {
      min-width: 8em; }
    .ti-button li.min-width-9 {
      min-width: 9em; }
    .ti-button li > span {
      display: block; }
    .ti-button li > a {
      display: block;
      color: inherit;
      user-select: none; }
    .ti-button li > a:hover {
      color: inherit; }
    .ti-button li:first-child {
      margin-left: 0; }
    .ti-button li.is-invert-icon .it-text {
      order: -1; }
    .ti-button li.is-enabled {
      cursor: pointer;
      user-select: none;
      color: #d0e7fc;
      background-color: #2196f3; }
      .ti-button li.is-enabled:hover {
        color: #FFF;
        background-color: #ff4081; }
    .ti-button li.is-disabled {
      color: #CCC;
      background-color: #999;
      opacity: 0.8;
      cursor: default; }
    .ti-button li .ti-icon .icon-icon > i {
      font-size: 1.2em; }
    .ti-button li.is-chip {
      color: #222;
      background-color: #e8e8e8; }
    .ti-button li.is-func {
      color: #000;
      background-color: #E0E0E0; }
    .ti-button li.is-bar {
      color: #222;
      background-color: #F5F7FA; }
  .ti-button.flex-auto li {
    flex: 1 1 auto; }
  .ti-button.btn-r4 li {
    border-radius: 0.04rem; }
  .ti-button.btn-r6 li {
    border-radius: 0.06rem; }
  .ti-button.btn-r8 li {
    border-radius: 0.08rem; }
  .ti-button.btn-r10 li {
    border-radius: 0.1rem; }
  .ti-button.as-vertical ul {
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap; }
    .ti-button.as-vertical ul li {
      margin: 0.1rem 0; }
  .ti-button.is-big li {
    font-size: 1.6em; }
    .ti-button.is-big li .it-text {
      padding: 0 0.12rem; }
  .ti-button.is-normal li {
    font-size: 1.2em; }
    .ti-button.is-normal li .it-text {
      padding: 0 0.08rem; }
  .ti-button.is-small li {
    font-size: 1em; }
    .ti-button.is-small li .it-text {
      padding: 0 0.04rem; }
  .ti-button.is-tiny li {
    font-size: .8em; }
    .ti-button.is-tiny li .it-text {
      padding: 0 0.04rem; }
  .ti-button.at-center ul {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
  .ti-button.at-left ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
  .ti-button.at-top ul {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap; }
  .ti-button.at-bottom ul {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: flex-end;
    flex-wrap: wrap; }
  .ti-button.at-right ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
  .ti-button.at-left-top ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap; }
  .ti-button.at-right-top ul {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap; }
  .ti-button.at-bottom-left ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-end;
    flex-wrap: wrap; }
  .ti-button.at-bottom-right ul {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-end;
    flex-wrap: wrap; }

.ti-calendar {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column;
  user-select: none; }
  .ti-calendar > .as-head {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap; }
    .ti-calendar > .as-head > .as-switcher {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap;
      width: 2.6rem; }
      .ti-calendar > .as-head > .as-switcher.sz-double {
        width: 3.38rem; }
      .ti-calendar > .as-head > .as-switcher > .go-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        width: 0.24rem;
        white-space: nowrap;
        cursor: pointer;
        flex: 0 0 auto; }
        .ti-calendar > .as-head > .as-switcher > .go-btn:hover {
          color: #d0e7fc;
          background-color: #2196f3; }
      .ti-calendar > .as-head > .as-switcher > .go-today {
        padding: 0 0.06rem;
        width: unset; }
      .ti-calendar > .as-head > .as-switcher > .as-title {
        flex: 1 1 auto; }
        .ti-calendar > .as-head > .as-switcher > .as-title .ti-combo-input {
          width: 100%; }
          .ti-calendar > .as-head > .as-switcher > .as-title .ti-combo-input > .as-box {
            border: 0; }
          .ti-calendar > .as-head > .as-switcher > .as-title .ti-combo-input.is-highlight > .as-box {
            color: #d0e7fc;
            background-color: #2196f3; }
            .ti-calendar > .as-head > .as-switcher > .as-title .ti-combo-input.is-highlight > .as-box input {
              color: #d0e7fc; }
  .ti-calendar > .as-matrix-table {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    overflow: hidden; }
    .ti-calendar > .as-matrix-table > .as-matrix {
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      width: 2.6rem; }
      .ti-calendar > .as-matrix-table > .as-matrix:first-child {
        border-left: 0; }
      .ti-calendar > .as-matrix-table > .as-matrix table {
        width: 100%;
        border-spacing: 0; }
      .ti-calendar > .as-matrix-table > .as-matrix th {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        text-align: center; }
      .ti-calendar > .as-matrix-table > .as-matrix td {
        padding: 0.02rem; }
        .ti-calendar > .as-matrix-table > .as-matrix td.is-prev, .ti-calendar > .as-matrix-table > .as-matrix td.is-next {
          opacity: 0.4; }
        .ti-calendar > .as-matrix-table > .as-matrix td.is-today {
          color: #2196f3;
          background: rgba(220, 220, 220, 0.3);
          font-weight: bold; }
        .ti-calendar > .as-matrix-table > .as-matrix td.is-selected .as-date-item {
          color: #FFF;
          background-color: #ff4081; }
  .ti-calendar .as-date-item {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    cursor: pointer;
    width: 0.32rem;
    height: 0.32rem;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 0.12rem;
    white-space: nowrap; }
    .ti-calendar .as-date-item:hover {
      color: #31a6ff;
      background-color: #cce8ff; }

.ti-chart-combo {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column; }
  .ti-chart-combo > .as-head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: .06rem; }
    .ti-chart-combo > .as-head > .as-title {
      margin: 0 .5em;
      white-space: nowrap;
      font-weight: bold; }
    .ti-chart-combo > .as-head .ti-switcher {
      margin: .5em; }
    .ti-chart-combo > .as-head > .as-date-range {
      padding: .06rem; }
    .ti-chart-combo > .as-head > .ti-actionbar {
      flex: 1 1 auto; }
  .ti-chart-combo > .as-chart {
    flex: 1 1 auto;
    padding: .5em; }

.ti-chart-simple aside {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-chart-simple aside.at-left {
    justify-content: flex-start; }
  .ti-chart-simple aside.at-center {
    justify-content: center; }
  .ti-chart-simple aside.at-right {
    justify-content: flex-end; }
  .ti-chart-simple aside.at-none {
    display: none; }

.ti-col-data {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-col-data > .ti-list {
    flex: 1 1 auto;
    height: 100%;
    overflow: hidden scroll;
    font-size: 0.12rem;
    line-height: 1.6em; }

.ti-color > .as-table {
  padding: 0.12rem 0.1rem 0.1rem 0.1rem; }
  .ti-color > .as-table table {
    width: 100%; }
    .ti-color > .as-table table th {
      padding: 0.015rem 0.015rem 0.05rem 0.015rem; }
    .ti-color > .as-table table td {
      padding: 0.015rem; }
    .ti-color > .as-table table span {
      display: block;
      width: 0.2rem;
      height: 0.2rem;
      border-radius: 50%;
      box-shadow: 0 0 0 1px #dcdee1;
      cursor: pointer;
      transition: .3s; }
      .ti-color > .as-table table span:hover {
        border-radius: 0;
        transform: scale(1.1); }

.ti-color > .as-input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  padding: 0.04rem; }
  .ti-color > .as-input > .as-hex {
    flex: 1 1 auto; }
    .ti-color > .as-input > .as-hex input.as-value {
      color: #444;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.2);
      outline: none;
      resize: none;
      font-family: Monaco, Consolas, Courier New;
      width: 100%;
      font-size: 0.16rem;
      padding: 0.06rem; }
      .ti-color > .as-input > .as-hex input.as-value:focus {
        border-color: #2196f3; }
  .ti-color > .as-input > .as-alpha {
    flex: 0 0 auto;
    width: 0.9rem;
    padding-left: 0.02rem; }
    .ti-color > .as-input > .as-alpha .ti-input-num .as-btn {
      width: 0.2rem;
      font-size: 0.2rem; }
    .ti-color > .as-input > .as-alpha .ti-input-num .as-input input {
      padding: 0.06rem 0; }

.ti-color > .as-preview {
  padding: 0.06rem;
  text-align: center;
  font-family: Monaco, Consolas, Courier New;
  font-size: 0.12rem;
  color: #999; }

.ti-combo-box {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-combo-box > .as-box {
    user-select: none;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    flex: 1 1 auto; }
    .ti-combo-box > .as-box > .full-field {
      flex: 1 1 auto; }
  .ti-combo-box.as-date > .as-box {
    flex: 0 0 auto;
    width: 100%; }
  .ti-combo-box.as-time > .as-box > .ti-input, .ti-combo-box.as-datetime > .as-box > .ti-input, .ti-combo-box.as-daterange > .as-box > .ti-input {
    flex: 1 1 auto;
    width: 100%; }
  .ti-combo-box.is-extended > .as-box {
    z-index: 10001; }
  .ti-combo-box > .as-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000; }
  .ti-combo-box > .as-drop {
    user-select: none;
    color: #000;
    background-color: #FFF;
    box-shadow: 4px 6px 10px rgba(20, 20, 20, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 10001;
    position: fixed;
    overflow: auto;
    border-radius: 0.06rem; }

.ti-combo-box.as-daterange {
  color: red; }
  .ti-combo-box.as-daterange > .as-drop > .as-range-pairs {
    color: #222;
    background-color: #F5F7FA;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 0.08rem; }
    .ti-combo-box.as-daterange > .as-drop > .as-range-pairs > div {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      flex: 1 1 auto;
      padding: 0.06rem;
      width: 50%; }
      .ti-combo-box.as-daterange > .as-drop > .as-range-pairs > div h4 {
        text-align: center;
        width: 100%;
        flex: 0 0 auto;
        font-size: 1em;
        padding: 0.06rem;
        margin: 0; }

.ti-combo-filter {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-combo-filter.as-spacing-comfy {
    padding: 0.08rem; }
  .ti-combo-filter.as-spacing-tiny {
    padding: 0.03rem; }
  .ti-combo-filter.is-enabled > .ti-combo-box > .as-box > .ti-input {
    border-color: #4caf50; }
    .ti-combo-filter.is-enabled > .ti-combo-box > .as-box > .ti-input > .as-input-icon.at-prefix {
      color: #4caf50; }
      .ti-combo-filter.is-enabled > .ti-combo-box > .as-box > .ti-input > .as-input-icon.at-prefix:hover {
        color: #d0e7fc; }
  .ti-combo-filter > .ti-combo-box.as-major {
    margin-right: 1px; }
  .ti-combo-filter > .ti-combo-box.as-filter {
    flex: 1 1 auto; }
    .ti-combo-filter > .ti-combo-box.as-filter > .as-box {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap; }
      .ti-combo-filter > .ti-combo-box.as-filter > .as-box > .ti-input {
        flex: 1 1 auto; }
      .ti-combo-filter > .ti-combo-box.as-filter > .as-box > .ti-combo-sorter {
        flex: 0 0 auto; }

.ti-combo-input > .as-box > .ti-input {
  flex: 1 1 auto; }

.ti-combo-multi-input > .as-box > .ti-input {
  flex: 1 1 auto; }

.ti-combo-multi-input.as-nowrap-input > .as-box > .ti-input {
  flex-wrap: nowrap; }
  .ti-combo-multi-input.as-nowrap-input > .as-box > .ti-input > .as-tags {
    overflow: hidden;
    flex: 1 1 auto;
    width: 100px; }
    .ti-combo-multi-input.as-nowrap-input > .as-box > .ti-input > .as-tags > .ti-tags {
      flex-wrap: nowrap;
      overflow: hidden;
      max-width: 100%; }

.ti-combo-multi-input.hide-input-box > .as-box > .ti-input > .as-input {
  flex: 0 0 auto;
  width: 2em; }
  .ti-combo-multi-input.hide-input-box > .as-box > .ti-input > .as-input > input {
    display: none; }

.ti-combo-pair-text .as-title {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  color: #888;
  padding: .5em .8em; }
  .ti-combo-pair-text .as-title .ti-icon {
    margin-right: .5em; }

.ti-combo-pair-text .as-textarea {
  padding: .5em; }
  .ti-combo-pair-text .as-textarea textarea {
    color: #444;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline: none;
    resize: none;
    font-family: "Microsoft YaHei", "PingHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
    outline: none;
    width: 100%;
    height: 7em;
    padding: .5em; }
    .ti-combo-pair-text .as-textarea textarea:focus {
      border-color: #2196f3; }

.ti-combo-sorter {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  padding: 0.04rem; }
  .ti-combo-sorter .ti-combo-box.as-sorter {
    width: 100%; }
    .ti-combo-sorter .ti-combo-box.as-sorter > .as-box > .as-sort-box {
      flex: 1 1 auto; }
    .ti-combo-sorter .ti-combo-box.as-sorter > .as-box > .as-sort-btn {
      flex: 0 0 auto; }
  .ti-combo-sorter .as-sort-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    cursor: pointer;
    padding: 0 0.02rem; }
    .ti-combo-sorter .as-sort-box:hover {
      color: #31a6ff;
      background-color: #cce8ff; }
    .ti-combo-sorter .as-sort-box > .ti-icon {
      width: 0.16rem;
      font-size: 0.16rem;
      opacity: 0.7; }
    .ti-combo-sorter .as-sort-box > .as-title {
      padding: 0.04rem;
      white-space: nowrap; }
  .ti-combo-sorter .as-sort-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    width: 0.24rem;
    cursor: pointer; }
    .ti-combo-sorter .as-sort-btn:hover {
      color: #FFF;
      background-color: #ff4081; }

.ti-combo-table > .as-main-con {
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 0.4rem; }
  .ti-combo-table > .as-main-con .ti-actionbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    height: 0.4rem;
    right: 0;
    padding: 0 0.04rem; }
  .ti-combo-table > .as-main-con .ti-table {
    width: 100%;
    height: 100%; }

.ti-combo-watcher {
  user-select: none; }
  .ti-combo-watcher > header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    color: #222;
    background-color: #F5F7FA;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .ti-combo-watcher > header > .as-empty-action {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      border-radius: 0.06rem;
      cursor: pointer;
      padding: 0 0.08rem;
      height: 0.32rem;
      margin: 0.04rem; }
      .ti-combo-watcher > header > .as-empty-action:hover {
        background-color: rgba(220, 220, 220, 0.3); }
      .ti-combo-watcher > header > .as-empty-action > i {
        margin-right: 0.04rem; }
    .ti-combo-watcher > header > ul {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      padding: 0.08rem 0.08rem 0 0.08rem;
      margin-bottom: -1px;
      flex: 1 1 auto;
      width: 100%;
      height: 100%; }
      .ti-combo-watcher > header > ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        cursor: pointer;
        border: 1px solid transparent;
        min-width: 0.8rem;
        padding: 0 0.1rem;
        line-height: 0.28rem;
        font-size: 0.12rem; }
        .ti-combo-watcher > header > ul li.is-current {
          color: #000;
          background-color: #FFF;
          border-color: rgba(0, 0, 0, 0.1);
          border-top-color: #2196f3;
          border-bottom-color: #2196f3;
          background-color: #FFF; }
        .ti-combo-watcher > header > ul li > .it-icon {
          padding-right: 0.06rem; }
        .ti-combo-watcher > header > ul li > .it-text {
          display: block;
          white-space: nowrap; }
    .ti-combo-watcher > header > .ti-actionbar {
      padding: 0.04rem; }
  .ti-combo-watcher.at-top > header > ul li {
    border-top-width: 3px;
    border-bottom: 0;
    margin-bottom: -1px;
    border-radius: 0.04rem 0.04rem 0 0; }

.ti-crumb {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap; }

.ti-crumb-item {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 0; }
  .ti-crumb-item.has-event {
    color: #2196f3; }
    .ti-crumb-item.has-event:hover {
      color: #ff4081;
      text-decoration: underline; }
  .ti-crumb-item.at-path {
    cursor: pointer; }
  .ti-crumb-item.at-tail {
    opacity: 0.8; }
  .ti-crumb-item.is-asterisk {
    opacity: 1;
    font-weight: bold; }
  .ti-crumb-item > .as-icon {
    padding: 0 0.04rem;
    font-size: 0.16rem; }
  .ti-crumb-item > .as-text {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    padding: 0 0 0.02rem 0.02rem;
    white-space: nowrap; }
    .ti-crumb-item > .as-text.without-icon {
      padding-left: 0.08rem; }
    .ti-crumb-item > .as-text.without-options {
      padding-right: 0.08rem; }
  .ti-crumb-item > .as-asterisk {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    font-family: Monaco, Consolas, Courier New;
    padding: 0 0.04rem; }
    .ti-crumb-item > .as-asterisk:before {
      color: #f44336;
      display: inline;
      content: "*";
      font-weight: bolder;
      font-size: 1.2em; }
  .ti-crumb-item > .as-path-icon {
    padding: 0 0.06rem;
    opacity: 0.6; }

.ti-datetime {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-datetime > .is-date {
    border-right: 1px solid #2196f3;
    flex: 0 0 auto; }
  .ti-datetime > .is-time {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    flex: 1 1 auto; }
    .ti-datetime > .is-time > .as-time-text {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      font-family: Monaco, Consolas, Courier New;
      flex: 0 0 auto;
      height: 0.45rem;
      font-size: 1.5em;
      font-weight: bold; }
    .ti-datetime > .is-time > .as-time-cols {
      height: 2.5rem;
      padding: 0.04rem;
      flex: 1 1 auto; }
      .ti-datetime > .is-time > .as-time-cols > .ti-col-data.as-time {
        flex: 1 1 auto;
        height: 100%; }

.ti-filterbar {
  padding: 0.04rem; }
  .ti-filterbar > .as-majors.at-top {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap; }
    .ti-filterbar > .as-majors.at-top > * {
      margin-bottom: 0.04rem;
      flex: 1 1 auto; }
  .ti-filterbar .as-majors > .as-major-item {
    margin-right: 0.02rem; }
  .ti-filterbar > main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap; }
    .ti-filterbar > main > .as-majors.at-side {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
    .ti-filterbar > main > .as-filter {
      flex: 1 1 auto; }
      .ti-filterbar > main > .as-filter > .ti-input {
        flex-wrap: wrap; }
        .ti-filterbar > main > .as-filter > .ti-input .ti-tags {
          overflow: hidden; }
        .ti-filterbar > main > .as-filter > .ti-input .as-input-icon,
        .ti-filterbar > main > .as-filter > .ti-input .as-input {
          min-height: 0.32rem; }
    .ti-filterbar > main.is-nowrap > .as-filter > .ti-input {
      flex-wrap: nowrap; }
      .ti-filterbar > main.is-nowrap > .as-filter > .ti-input .ti-tags {
        overflow: hidden;
        flex-wrap: nowrap; }
        .ti-filterbar > main.is-nowrap > .as-filter > .ti-input .ti-tags .ti-tags-item > .as-text {
          max-width: 1rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .ti-filterbar > main.is-nowrap > .as-filter > .ti-input .as-input {
        min-width: 1.2rem; }

.ti-filterlist {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column; }
  .ti-filterlist > .as-filter {
    flex: 0 0 auto;
    padding: 0.04rem; }
  .ti-filterlist > .as-list {
    flex: 1 1 auto;
    overflow: auto; }

.ti-form-grid-con {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  grid-auto-flow: row;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 1px; }
  .ti-form-grid-con.is-field-border-dashed > .grid-item {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }
  .ti-form-grid-con.is-field-border-solid > .grid-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .ti-form-grid-con.is-field-border-dotted > .grid-item {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1); }
  .ti-form-grid-con > .grid-item {
    display: flex; }
  .ti-form-grid-con[grid="0"] > .grid-item.field-name {
    border: 0; }
  .ti-form-grid-con > .field-label {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    color: #222;
    background-color: #F5F7FA;
    margin: 0.04rem 0; }
  .ti-form-grid-con > .field-name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    color: #888;
    position: relative; }
    .ti-form-grid-con > .field-name.is-spinning {
      color: #2196f3; }
    .ti-form-grid-con > .field-name.is-ok {
      color: #4caf50; }
    .ti-form-grid-con > .field-name.is-error {
      color: #f44336; }
    .ti-form-grid-con > .field-name.is-warn {
      color: #FF8800; }
    .ti-form-grid-con > .field-name.is-info {
      color: #2196f3; }
    .ti-form-grid-con > .field-name.is-track {
      color: #888; }
    .ti-form-grid-con > .field-name .field-text::after {
      display: inline;
      content: ":";
      opacity: 0.6; }
    .ti-form-grid-con > .field-name .field-pop-tip {
      display: block;
      padding: 0.04rem;
      cursor: pointer; }
      .ti-form-grid-con > .field-name .field-pop-tip > i {
        transition: transform 0.3s;
        font-size: 0.16rem;
        cursor: pointer; }
      .ti-form-grid-con > .field-name .field-pop-tip:hover {
        color: #2196f3; }
    .ti-form-grid-con > .field-name.mark-weak {
      color: #222;
      background-color: #F5F7FA; }
    .ti-form-grid-con > .field-name.mark-bold {
      color: #222;
      background-color: #e8e8e8;
      font-weight: bold; }
    .ti-form-grid-con > .field-name[name-wrap="nowrap"] .field-text {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .ti-form-grid-con > .field-name[name-wrap="wrap"] .field-text {
      word-break: break-word; }
    .ti-form-grid-con > .field-name[name-align="left"] {
      justify-content: flex-start; }
      .ti-form-grid-con > .field-name[name-align="left"] .field-text {
        text-align: left; }
      .ti-form-grid-con > .field-name[name-align="left"] .field-status {
        right: -0.1rem; }
    .ti-form-grid-con > .field-name[name-align="right"] {
      justify-content: flex-end; }
      .ti-form-grid-con > .field-name[name-align="right"] .field-text {
        text-align: right; }
      .ti-form-grid-con > .field-name[name-align="right"] .field-status {
        left: -0.1rem; }
    .ti-form-grid-con > .field-name[name-align="center"] {
      justify-content: center; }
      .ti-form-grid-con > .field-name[name-align="center"] .field-text {
        text-align: center; }
      .ti-form-grid-con > .field-name[name-align="center"] .field-status {
        right: 0; }
    .ti-form-grid-con > .field-name[name-align="justify"] {
      justify-content: flex-end; }
      .ti-form-grid-con > .field-name[name-align="justify"] .field-text {
        text-align: justify; }
      .ti-form-grid-con > .field-name[name-align="justify"] .field-status {
        right: 0; }
    .ti-form-grid-con > .field-name[name-v-align="top"] {
      align-items: flex-start; }
      .ti-form-grid-con > .field-name[name-v-align="top"] > .field-name-con {
        margin-top: 0.03rem; }
    .ti-form-grid-con > .field-name[name-v-align="bottom"] {
      align-items: flex-end; }
      .ti-form-grid-con > .field-name[name-v-align="bottom"] > .field-name-con {
        margin-bottom: 0.03rem; }
    .ti-form-grid-con > .field-name[name-v-align="center"] {
      align-items: center; }
    .ti-form-grid-con > .field-name .field-name-con {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
      .ti-form-grid-con > .field-name .field-name-con > .field-required {
        font-weight: bold;
        font-size: 0.2rem;
        line-height: 0.5em;
        margin-right: 0.04rem;
        text-align: left;
        color: #ff4081; }
      .ti-form-grid-con > .field-name .field-name-con > .field-editable {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        margin-left: 0.02rem; }
        .ti-form-grid-con > .field-name .field-name-con > .field-editable > div {
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          cursor: pointer;
          width: 0.2rem;
          height: 0.2rem; }
          .ti-form-grid-con > .field-name .field-name-con > .field-editable > div:hover {
            color: #d0e7fc;
            background-color: #2196f3; }
    .ti-form-grid-con > .field-name > .field-status {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      position: absolute;
      top: 0;
      bottom: 0;
      width: 0.24rem; }
  .ti-form-grid-con > .field-value {
    position: relative; }
    .ti-form-grid-con > .field-value.is-spinning {
      color: #2196f3; }
    .ti-form-grid-con > .field-value.is-ok {
      color: #4caf50; }
    .ti-form-grid-con > .field-value.is-error {
      color: #f44336; }
    .ti-form-grid-con > .field-value.is-warn {
      color: #FF8800; }
    .ti-form-grid-con > .field-value.is-info {
      color: #2196f3; }
    .ti-form-grid-con > .field-value.is-track {
      color: #888; }
    .ti-form-grid-con > .field-value.is-disabled {
      opacity: 0.4;
      filter: grayscale(100%); }
      .ti-form-grid-con > .field-value.is-disabled.is-batch-disabled {
        filter: grayscale(100%); }
      .ti-form-grid-con > .field-value.is-disabled > .field-value-com::after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        content: "";
        background: rgba(50, 50, 50, 0.2); }
    .ti-form-grid-con > .field-value[value-wrap="nowrap"] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
      .ti-form-grid-con > .field-value[value-wrap="nowrap"][value-v-align="top"] {
        align-items: flex-start; }
      .ti-form-grid-con > .field-value[value-wrap="nowrap"][value-v-align="bottom"] {
        align-items: flex-end; }
      .ti-form-grid-con > .field-value[value-wrap="nowrap"][value-v-align="center"] {
        align-items: center; }
      .ti-form-grid-con > .field-value[value-wrap="nowrap"] > .field-value-com {
        flex: 0 0 auto; }
      .ti-form-grid-con > .field-value[value-wrap="nowrap"] > .field-value-tip {
        flex: 1 1 auto; }
    .ti-form-grid-con > .field-value[value-wrap="wrap"] {
      display: flex;
      justify-content: center;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      flex-direction: column; }
      .ti-form-grid-con > .field-value[value-wrap="wrap"][value-v-align="top"] {
        justify-content: flex-start; }
      .ti-form-grid-con > .field-value[value-wrap="wrap"][value-v-align="bottom"] {
        justify-content: flex-end; }
      .ti-form-grid-con > .field-value[value-wrap="wrap"][value-v-align="center"] {
        justify-content: center; }
    .ti-form-grid-con > .field-value[value-wrap="auto"] {
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      align-content: center; }
      .ti-form-grid-con > .field-value[value-wrap="auto"][value-v-align="top"] {
        align-items: flex-start;
        align-content: flex-start; }
      .ti-form-grid-con > .field-value[value-wrap="auto"][value-v-align="bottom"] {
        align-items: flex-end;
        align-content: flex-end; }
      .ti-form-grid-con > .field-value[value-wrap="auto"][value-v-align="center"] {
        align-items: center;
        align-content: center; }
      .ti-form-grid-con > .field-value[value-wrap="auto"] > .field-value-com {
        flex: 1 1 auto; }
      .ti-form-grid-con > .field-value[value-wrap="auto"] > .field-value-tip {
        flex: 0 0 auto; }
    .ti-form-grid-con > .field-value.com-flex-none > .field-value-com {
      flex: 0 0 auto; }
    .ti-form-grid-con > .field-value > .field-value-com {
      display: flex;
      justify-content: stretch;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      position: relative; }
    .ti-form-grid-con > .field-value > .field-value-tip {
      font-size: 0.9em;
      opacity: 0.6;
      max-width: 100%;
      word-break: break-all;
      text-align: justify;
      padding: 0.04rem; }
    .ti-form-grid-con > .field-value > .field-status {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      background-color: rgba(230, 230, 230, 0.8);
      position: absolute;
      left: 0;
      top: 0;
      width: 0.32rem;
      height: 0.32rem; }
  .ti-form-grid-con .field-value-com > .full-field {
    flex: 1 1 auto; }
    .ti-form-grid-con .field-value-com > .full-field.has-width {
      flex: 0 0 auto; }

.ti-form-grid[spacing="tiny"] > main > section > .ti-form-grid-con > .field-label {
  padding: 0.06rem 0.08rem; }

.ti-form-grid[spacing="tiny"] > main > section > .ti-form-grid-con > .field-name {
  padding: 0.03rem 0.06rem; }

.ti-form-grid[spacing="tiny"] > main > section > .ti-form-grid-con > .field-label .field-icon,
.ti-form-grid[spacing="tiny"] > main > section > .ti-form-grid-con > .field-name .field-icon {
  margin-right: 0.03rem; }

.ti-form-grid[spacing="tiny"] > main > section > .ti-form-grid-con > .field-label .field-pop-tip,
.ti-form-grid[spacing="tiny"] > main > section > .ti-form-grid-con > .field-name .field-pop-tip {
  display: block;
  padding: 0.04rem; }

.ti-form-grid[spacing="tiny"] > main > section > .ti-form-grid-con > .field-value {
  padding: 0.02rem; }

.ti-form-grid[spacing="comfy"] > main > section > .ti-form-grid-con > .field-label,
.ti-form-grid[spacing="comfy"] > main > section > .ti-form-grid-con > .field-name {
  padding: 0.1rem; }
  .ti-form-grid[spacing="comfy"] > main > section > .ti-form-grid-con > .field-label .field-icon,
  .ti-form-grid[spacing="comfy"] > main > section > .ti-form-grid-con > .field-name .field-icon {
    margin-right: 0.06rem; }
  .ti-form-grid[spacing="comfy"] > main > section > .ti-form-grid-con > .field-label .field-pop-tip,
  .ti-form-grid[spacing="comfy"] > main > section > .ti-form-grid-con > .field-name .field-pop-tip {
    display: block;
    padding: 0.04rem; }

.ti-form-grid[spacing="comfy"] > main > section > .ti-form-grid-con > .field-value {
  padding: 0.06rem; }

.ti-form-grid {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column;
  position: relative; }
  .ti-form-grid.has-aside.nil-footer.setup-menu-at-bottom-left, .ti-form-grid.has-aside.nil-footer.setup-menu-at-bottom-right {
    padding-bottom: 0.36rem; }
  .ti-form-grid.has-aside.has-footer.setup-menu-at-bottom-left > aside.form-setup[spacing="comfy"], .ti-form-grid.has-aside.has-footer.setup-menu-at-bottom-right > aside.form-setup[spacing="comfy"] {
    padding: 0.12rem 0.04rem; }
  .ti-form-grid.has-footer.actionbar-at-top > footer.form-actions {
    order: -1; }
  .ti-form-grid > aside.form-setup {
    position: absolute; }
    .ti-form-grid > aside.form-setup[at="top-left"] {
      top: 0;
      left: 0; }
    .ti-form-grid > aside.form-setup[at="top-right"] {
      top: 0;
      right: 0; }
    .ti-form-grid > aside.form-setup[at="bottom-left"] {
      bottom: 0;
      left: 0; }
    .ti-form-grid > aside.form-setup[at="bottom-right"] {
      bottom: 0;
      right: 0; }
    .ti-form-grid > aside.form-setup[spacing="tiny"] {
      padding: 0.03rem; }
    .ti-form-grid > aside.form-setup[spacing="comfy"] {
      padding: 0.04rem; }
  .ti-form-grid > header.form-title {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    user-select: none; }
    .ti-form-grid > header.form-title[spacing="tiny"] {
      font-size: 1.2em;
      padding: 0.06rem;
      margin: 0.06rem 0 0 0; }
      .ti-form-grid > header.form-title[spacing="tiny"] .title-icon {
        margin-right: 0.06rem; }
      .ti-form-grid > header.form-title[spacing="tiny"].at-top-left {
        margin: 0; }
    .ti-form-grid > header.form-title[spacing="comfy"] {
      font-size: 1.4em;
      padding: 0.12rem;
      margin: 0.12rem 0 0 0; }
      .ti-form-grid > header.form-title[spacing="comfy"] .title-icon {
        margin-right: 0.1rem; }
      .ti-form-grid > header.form-title[spacing="comfy"].at-top-left {
        margin: 0; }
      .ti-form-grid > header.form-title[spacing="comfy"].at-top-left {
        margin: 0; }
    .ti-form-grid > header.form-title.at-top-left {
      position: absolute;
      left: 0;
      top: 0;
      margin: 0; }
  .ti-form-grid > main.form-main {
    flex: 1 1 auto;
    padding: 1px; }
    .ti-form-grid > main.form-main > section > .group-title {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      color: #222;
      background-color: #e8e8e8;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      font-weight: bold; }
    .ti-form-grid > main.form-main[spacing="tiny"] > section {
      padding: 0.04rem; }
      .ti-form-grid > main.form-main[spacing="tiny"] > section > .group-title {
        padding: 0.04rem 0.06rem;
        margin-bottom: 0.04rem; }
        .ti-form-grid > main.form-main[spacing="tiny"] > section > .group-title .title-icon {
          margin-right: 0.06rem; }
    .ti-form-grid > main.form-main[spacing="comfy"] > section {
      padding: 0.1rem; }
      .ti-form-grid > main.form-main[spacing="comfy"] > section > .group-title {
        padding: 0.08rem 0.12rem;
        margin-bottom: 0.08rem; }
        .ti-form-grid > main.form-main[spacing="comfy"] > section > .group-title .title-icon {
          margin-right: 0.08rem; }
    .ti-form-grid > main.form-main[mode="tab"] {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      flex-direction: column; }
      .ti-form-grid > main.form-main[mode="tab"][spacing="tiny"], .ti-form-grid > main.form-main[mode="tab"][spacing="comfy"] {
        padding: 0; }
      .ti-form-grid > main.form-main[mode="tab"] > .tab-head {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        align-content: center;
        flex-wrap: nowrap;
        user-select: none;
        position: relative; }
        .ti-form-grid > main.form-main[mode="tab"] > .tab-head .tab-head-item {
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: nowrap;
          color: #888;
          background-color: #FFF;
          border: 1px solid rgba(0, 0, 0, 0.1);
          border-left-width: 0px;
          cursor: pointer; }
          .ti-form-grid > main.form-main[mode="tab"] > .tab-head .tab-head-item:first-child {
            border-left-width: 1px; }
          .ti-form-grid > main.form-main[mode="tab"] > .tab-head .tab-head-item.is-current {
            color: #d0e7fc;
            background-color: #2196f3;
            border-color: #2196f3;
            cursor: default; }
        .ti-form-grid > main.form-main[mode="tab"] > .tab-head[spacing="tiny"] {
          padding: 0.08rem; }
          .ti-form-grid > main.form-main[mode="tab"] > .tab-head[spacing="tiny"] .tab-head-item {
            padding: 0.04rem 0.08rem; }
            .ti-form-grid > main.form-main[mode="tab"] > .tab-head[spacing="tiny"] .tab-head-item .tab-icon {
              margin-right: 0.06rem; }
        .ti-form-grid > main.form-main[mode="tab"] > .tab-head[spacing="comfy"] {
          padding: 0.12rem; }
          .ti-form-grid > main.form-main[mode="tab"] > .tab-head[spacing="comfy"] .tab-head-item {
            padding: 0.06rem 0.12rem; }
            .ti-form-grid > main.form-main[mode="tab"] > .tab-head[spacing="comfy"] .tab-head-item .tab-icon {
              margin-right: 0.08rem; }
      .ti-form-grid > main.form-main[mode="tab"] > .tab-body {
        overflow: auto; }
        .ti-form-grid > main.form-main[mode="tab"] > .tab-body.com-value-fit-parent {
          padding: 0; }
          .ti-form-grid > main.form-main[mode="tab"] > .tab-body.com-value-fit-parent > .ti-form-grid-con,
          .ti-form-grid > main.form-main[mode="tab"] > .tab-body.com-value-fit-parent > .ti-form-grid-con > .field-value,
          .ti-form-grid > main.form-main[mode="tab"] > .tab-body.com-value-fit-parent > .ti-form-grid-con > .field-value > .field-value-com {
            height: 100%;
            padding: 0;
            overflow: hidden; }
      .ti-form-grid > main.form-main[mode="tab"].tab-at-left > .tab-head {
        justify-content: flex-start; }
      .ti-form-grid > main.form-main[mode="tab"].tab-at-center > .tab-head {
        justify-content: center; }
      .ti-form-grid > main.form-main[mode="tab"].tab-at-right > .tab-head {
        justify-content: flex-end; }
      .ti-form-grid > main.form-main[mode="tab"].tab-at-top > .tab-head {
        order: -1;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 0; }
        .ti-form-grid > main.form-main[mode="tab"].tab-at-top > .tab-head > .tab-head-item {
          border-bottom: 0; }
          .ti-form-grid > main.form-main[mode="tab"].tab-at-top > .tab-head > .tab-head-item:first-child {
            border-radius: 0.06rem 0 0 0; }
          .ti-form-grid > main.form-main[mode="tab"].tab-at-top > .tab-head > .tab-head-item:last-child {
            border-radius: 0 0.06rem 0 0; }
      .ti-form-grid > main.form-main[mode="tab"].tab-at-bottom > .tab-head {
        order: 1;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 0; }
        .ti-form-grid > main.form-main[mode="tab"].tab-at-bottom > .tab-head > .tab-head-item {
          border-top: 0; }
          .ti-form-grid > main.form-main[mode="tab"].tab-at-bottom > .tab-head > .tab-head-item:first-child {
            border-radius: 0 0 0 0.06rem; }
          .ti-form-grid > main.form-main[mode="tab"].tab-at-bottom > .tab-head > .tab-head-item:last-child {
            border-radius: 0 0 0.06rem 0; }
  .ti-form-grid > footer.form-actions {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .ti-form-grid > footer.form-actions[spacing="tiny"] {
      padding: 0.06rem; }
    .ti-form-grid > footer.form-actions[spacing="comfy"] {
      padding: 0.12rem; }
  .ti-form-grid[mode="flat"] > main {
    flex: 1 1 auto;
    overflow: auto; }
  .ti-form-grid[mode="group"] > main {
    flex: 1 1 auto;
    overflow: auto; }
  .ti-form-grid[mode="tab"] > main {
    height: 1rem;
    flex: 1 1 auto; }
    .ti-form-grid[mode="tab"] > main > section.tab-head {
      flex: 0 0 auto; }
    .ti-form-grid[mode="tab"] > main > section.tab-body {
      flex: 1 1 auto;
      overflow: auto; }
  .ti-form-grid[mode="tab"].auto-height > main {
    height: unset; }
  .ti-form-grid.is-paper {
    color: #000;
    background-color: #F0F0F0; }
  .ti-form-grid.is-chip {
    color: #222;
    background-color: #e8e8e8; }
  .ti-form-grid.is-cloak {
    color: #666;
    background-color: rgba(230, 230, 230, 0.8); }
  .ti-form-grid.is-body {
    color: #000;
    background-color: #FFF; }
  .ti-form-grid.is-bar {
    color: #222;
    background-color: #F5F7FA; }
  .ti-form-grid.is-func {
    color: #000;
    background-color: #E0E0E0; }
  .ti-form-grid.is-ground-glass {
    color: #444;
    background-color: rgba(255, 255, 255, 0.85); }
  .ti-form-grid.is-light {
    color: #444;
    background-color: rgba(255, 255, 255, 0.85); }

.ti-form {
  position: relative;
  overflow: auto;
  padding: 1px; }
  .ti-form .field-component > .full-field {
    width: 100%; }
  .ti-form .field-component > .ti-label.is-nowrap.full-field {
    width: 100px; }
  .ti-form .form-field {
    position: relative;
    transition: opacity .5s;
    flex: 1 1 auto; }
    .ti-form .form-field > .field-name .name-required {
      font-family: Monaco, Consolas, Courier New;
      color: #f44336;
      content: "*";
      display: inline;
      font-weight: bold;
      margin: 0 0 0 .06rem; }
  .ti-form > .form-header {
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    white-space: nowrap;
    font-size: 1.4em;
    line-height: 2.4em;
    font-weight: 400; }
    .ti-form > .form-header > .it-icon {
      padding: 0 .5em; }
  .ti-form > .form-tab {
    user-select: none; }
    .ti-form > .form-tab ul {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
    .ti-form > .form-tab li {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      padding: 0.06rem 0.12rem;
      cursor: pointer;
      white-space: nowrap; }
      .ti-form > .form-tab li > .tab-icon {
        padding: 0 0.06rem 0 0; }
      .ti-form > .form-tab li:hover {
        color: #31a6ff;
        background-color: #cce8ff; }
      .ti-form > .form-tab li.is-current {
        color: #d0e7fc;
        background-color: #2196f3; }
  .ti-form > .form-body .form-label {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    color: #222;
    background-color: #F5F7FA;
    padding: 0.12rem;
    margin: 0.12rem 0;
    width: 100%; }
    .ti-form > .form-body .form-label .as-label-icon {
      margin: 0 0.04rem; }
    .ti-form > .form-body .form-label .as-label-text {
      margin: 0 0.04rem; }
  .ti-form > .form-body > .form-group:last-child {
    border: 0; }
  .ti-form > .form-body > .form-group > .group-title {
    user-select: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #222;
    background-color: #F5F7FA; }
    .ti-form > .form-body > .form-group > .group-title > .ti-icon {
      margin-right: 0.08rem;
      opacity: 0.4; }
  .ti-form > .form-body > .form-group.as-columns > .group-fields {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap; }
  .ti-form > .form-body > .form-group.as-columns.col-0 .form-field {
    width: 100%; }
  .ti-form > .form-body > .form-group.as-columns.col-1 .form-field {
    width: 100%; }
  .ti-form > .form-body > .form-group.as-columns.col-2 .form-field {
    width: 50%; }
  .ti-form > .form-body > .form-group.as-columns.col-3 .form-field {
    width: 33.3%; }
  .ti-form > .form-body > .form-group.as-columns.col-4 .form-field {
    width: 25%; }
  .ti-form > .form-body > .form-group.as-columns.col-5 .form-field {
    width: 20%; }
  .ti-form > .form-body.as-columns {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap; }
    .ti-form > .form-body.as-columns > .form-group {
      width: 100%; }
    .ti-form > .form-body.as-columns.col-0 .form-field {
      width: 100%; }
    .ti-form > .form-body.as-columns.col-1 .form-field {
      width: 100%; }
    .ti-form > .form-body.as-columns.col-2 .form-field {
      width: 50%; }
    .ti-form > .form-body.as-columns.col-3 .form-field {
      width: 33.3%; }
    .ti-form > .form-body.as-columns.col-4 .form-field {
      width: 25%; }
    .ti-form > .form-body.as-columns.col-5 .form-field {
      width: 20%; }
  .ti-form > .form-body > .form-group > .group-fields > .form-field,
  .ti-form > .form-body > .form-field {
    flex: 0 1 auto; }
    .ti-form > .form-body > .form-group > .group-fields > .form-field.no-padding,
    .ti-form > .form-body > .form-field.no-padding {
      padding: 0; }
    .ti-form > .form-body > .form-group > .group-fields > .form-field.is-spinning,
    .ti-form > .form-body > .form-field.is-spinning {
      color: #888; }
    .ti-form > .form-body > .form-group > .group-fields > .form-field.is-error,
    .ti-form > .form-body > .form-field.is-error {
      color: #f44336; }
    .ti-form > .form-body > .form-group > .group-fields > .form-field.is-warn,
    .ti-form > .form-body > .form-field.is-warn {
      color: #FF8800; }
    .ti-form > .form-body > .form-group > .group-fields > .form-field.is-ok,
    .ti-form > .form-body > .form-field.is-ok {
      color: #4caf50; }
    .ti-form > .form-body > .form-group > .group-fields > .form-field.flex-auto > .field-value > .field-component,
    .ti-form > .form-body > .form-field.flex-auto > .field-value > .field-component {
      width: 100px;
      flex: 1 1 auto; }
    .ti-form > .form-body > .form-group > .group-fields > .form-field.is-disabled,
    .ti-form > .form-body > .form-field.is-disabled {
      opacity: 0.4;
      position: relative; }
      .ti-form > .form-body > .form-group > .group-fields > .form-field.is-disabled:after,
      .ti-form > .form-body > .form-field.is-disabled:after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        content: "";
        z-index: 1000;
        background: rgba(10, 10, 10, 0.1); }
    .ti-form > .form-body > .form-group > .group-fields > .form-field > .field-value,
    .ti-form > .form-body > .form-field > .field-value {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap;
      flex: 1 1 auto; }
      .ti-form > .form-body > .form-group > .group-fields > .form-field > .field-value > .field-component,
      .ti-form > .form-body > .form-field > .field-value > .field-component {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: stretch;
        flex-wrap: wrap; }
        .ti-form > .form-body > .form-group > .group-fields > .form-field > .field-value > .field-component.is-size-auto,
        .ti-form > .form-body > .form-field > .field-value > .field-component.is-size-auto {
          flex: 0 0 auto; }
        .ti-form > .form-body > .form-group > .group-fields > .form-field > .field-value > .field-component.is-size-stretch,
        .ti-form > .form-body > .form-field > .field-value > .field-component.is-size-stretch {
          flex: 1 1 auto; }
        .ti-form > .form-body > .form-group > .group-fields > .form-field > .field-value > .field-component.is-size-full,
        .ti-form > .form-body > .form-field > .field-value > .field-component.is-size-full {
          width: 100%; }
      .ti-form > .form-body > .form-group > .group-fields > .form-field > .field-value > .field-tip,
      .ti-form > .form-body > .form-field > .field-value > .field-tip {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        padding: 4px;
        font-size: 12px;
        line-height: 1.2em;
        color: #888; }
    .ti-form > .form-body > .form-group > .group-fields > .form-field.as-wide,
    .ti-form > .form-body > .form-field.as-wide {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap; }
      .ti-form > .form-body > .form-group > .group-fields > .form-field.as-wide > .field-name,
      .ti-form > .form-body > .form-field.as-wide > .field-name {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: nowrap;
        position: relative;
        flex: 0 0 auto;
        line-height: 2.6em;
        padding: 0 0.1rem 0 0.26rem; }
        .ti-form > .form-body > .form-group > .group-fields > .form-field.as-wide > .field-name > .name-status,
        .ti-form > .form-body > .form-field.as-wide > .field-name > .name-status {
          position: absolute;
          left: 0;
          top: 0;
          width: 0.24rem;
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          padding: 0.02rem 0.02rem 0 0;
          height: 2.6em; }
        .ti-form > .form-body > .form-group > .group-fields > .form-field.as-wide > .field-name > .name-icon,
        .ti-form > .form-body > .form-field.as-wide > .field-name > .name-icon {
          display: flex;
          justify-content: flex-end;
          align-items: stretch;
          align-content: stretch;
          flex-wrap: wrap;
          padding: 0 0.04rem 0 0.04rem;
          height: 2.6em; }
        .ti-form > .form-body > .form-group > .group-fields > .form-field.as-wide > .field-name > .name-title,
        .ti-form > .form-body > .form-field.as-wide > .field-name > .name-title {
          flex: 1 1 auto;
          white-space: nowrap;
          text-align: right; }
      .ti-form > .form-body > .form-group > .group-fields > .form-field.as-wide.no-status-icon > .field-name,
      .ti-form > .form-body > .form-field.as-wide.no-status-icon > .field-name {
        padding-left: 0.04rem; }
    .ti-form > .form-body > .form-group > .group-fields > .form-field.as-narrow > .field-name,
    .ti-form > .form-body > .form-field.as-narrow > .field-name {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      padding: 0.04rem; }
      .ti-form > .form-body > .form-group > .group-fields > .form-field.as-narrow > .field-name > .name-icon,
      .ti-form > .form-body > .form-field.as-narrow > .field-name > .name-icon {
        order: 1;
        padding: 0 0.06rem; }
      .ti-form > .form-body > .form-group > .group-fields > .form-field.as-narrow > .field-name > .name-title,
      .ti-form > .form-body > .form-field.as-narrow > .field-name > .name-title {
        order: 2; }
      .ti-form > .form-body > .form-group > .group-fields > .form-field.as-narrow > .field-name > .name-status,
      .ti-form > .form-body > .form-field.as-narrow > .field-name > .name-status {
        order: 3;
        margin: 0 0.06rem; }
    .ti-form > .form-body > .form-group > .group-fields > .form-field.as-narrow > .field-value,
    .ti-form > .form-body > .form-field.as-narrow > .field-value {
      padding: 0.04rem 0; }
  .ti-form.as-spacing-comfy {
    padding: 0.2rem; }
    .ti-form.as-spacing-comfy > .form-body > .form-group > .group-title {
      line-height: 2.4em;
      padding: 0 0.1rem; }
    .ti-form.as-spacing-comfy > .form-body > .form-group > .group-fields {
      padding: 0.08rem 0 0.16rem 0; }
    .ti-form.as-spacing-comfy > .form-body .form-field {
      padding: 0.08rem; }
      .ti-form.as-spacing-comfy > .form-body .form-field.no-padding {
        padding: 0; }
  .ti-form.as-spacing-tiny {
    padding: 0.1rem; }
    .ti-form.as-spacing-tiny > .form-body > .form-group > .group-title {
      line-height: 2em;
      padding: 0 0.06rem; }
    .ti-form.as-spacing-tiny > .form-body > .form-group > .group-fields {
      padding: 0.04rem 0 0.04rem 0; }
    .ti-form.as-spacing-tiny > .form-body .form-field {
      padding: 0.04rem; }
      .ti-form.as-spacing-tiny > .form-body .form-field.no-padding {
        padding: 0; }
  .ti-form.is-tab-mode {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0; }
    .ti-form.is-tab-mode.tab-at-top > .form-tab {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 0.04rem 0.1rem 0 0.1rem; }
    .ti-form.is-tab-mode.tab-at-bottom > .form-tab {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      padding: 0 0.1rem 0.04rem 0.1rem;
      order: 2; }
    .ti-form.is-tab-mode.tab-at-left > .form-tab {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      align-content: stretch;
      flex-wrap: wrap; }
    .ti-form.is-tab-mode.tab-at-center > .form-tab {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      align-content: stretch;
      flex-wrap: wrap; }
    .ti-form.is-tab-mode.tab-at-right > .form-tab {
      display: flex;
      justify-content: fllex-end;
      align-items: flex-start;
      align-content: stretch;
      flex-wrap: wrap; }
    .ti-form.is-tab-mode > .form-body {
      flex: 1 1 auto;
      height: 100px;
      overflow: auto;
      padding: 0.1rem; }
  .ti-form.is-tab-mode.auto-fit-tab-field > .form-body.has-1-fields > .form-field {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden; }
  .ti-form.is-tab-mode.no-pad-tab-body > .form-body.has-1-fields {
    padding: 0; }
  .ti-form.no-status > .form-body > .form-group > .group-fields > .form-field.as-desktop > .field-name {
    padding-left: 0.1rem; }
  .ti-form.field-border-top .form-field {
    border-top: 1px dashed rgba(0, 0, 0, 0.1); }
  .ti-form.field-border-bottom .form-field {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }

.ti-gui {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%; }
  .ti-gui > .gui-con {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    height: 100%; }
    .ti-gui > .gui-con > div {
      flex: 1 1 auto; }
  .ti-gui .ti-gui-dragging-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1; }

.ti-gui-rows {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column; }
  .ti-gui-rows.show-border > .ti-gui-block {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .ti-gui-rows.show-border > .ti-gui-block:last-child {
      border: 0; }

.ti-gui-cols {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-gui-cols.show-border > .ti-gui-block {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
    .ti-gui-cols.show-border > .ti-gui-block:first-child {
      border: 0; }

.ti-gui-tabs {
  position: relative; }
  .ti-gui-tabs.at-top {
    padding-top: 0.43rem; }
    .ti-gui-tabs.at-top > header {
      position: absolute;
      left: 0;
      top: 0;
      height: 0.43rem;
      right: 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-bottom: 0; }
      .ti-gui-tabs.at-top > header li {
        border-top-width: 3px;
        border-bottom: 0;
        margin-bottom: -1px;
        border-radius: 0.04rem 0.04rem 0 0; }
  .ti-gui-tabs.at-bottom {
    padding-bottom: 0.43rem; }
    .ti-gui-tabs.at-bottom > header {
      position: absolute;
      left: 0;
      height: 0.43rem;
      right: 0;
      bottom: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      padding-top: 0; }
      .ti-gui-tabs.at-bottom > header li {
        border-bottom-width: 3px;
        border-top: 0;
        margin-top: -1px;
        border-radius: 0 0 0.04rem 0.04rem; }
  .ti-gui-tabs.head-highlight-1 > header {
    color: #d0e7fc;
    background-color: #2196f3; }
  .ti-gui-tabs.head-highlight-2 > header {
    color: #FFF;
    background-color: #ff4081; }
  .ti-gui-tabs > header {
    padding: 0.08rem;
    user-select: none;
    color: #222;
    background-color: #F5F7FA; }
    .ti-gui-tabs > header.as-left ul {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap; }
    .ti-gui-tabs > header.as-center ul {
      display: flex;
      justify-content: center;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap; }
    .ti-gui-tabs > header.as-right ul {
      display: flex;
      justify-content: flex-end;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap; }
    .ti-gui-tabs > header ul {
      width: 100%;
      height: 100%; }
    .ti-gui-tabs > header li {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      cursor: pointer;
      border: 1px solid transparent;
      min-width: 0.8rem;
      padding: 0 0.1rem;
      line-height: 0.28rem;
      font-size: 0.12rem; }
      .ti-gui-tabs > header li.is-current {
        color: #000;
        background-color: #FFF;
        border-color: rgba(0, 0, 0, 0.1);
        border-top-color: #2196f3;
        border-bottom-color: #2196f3;
        background-color: #FFF; }
      .ti-gui-tabs > header li > .it-icon {
        padding-right: 0.06rem; }
      .ti-gui-tabs > header li > .it-text {
        display: block;
        white-space: nowrap; }
  .ti-gui-tabs > section {
    width: 100%;
    height: 100%; }

.ti-gui-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  z-index: 1010; }
  .ti-gui-panel.show-mask {
    background-color: rgba(50, 50, 50, 0.372);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .ti-gui-panel.show-mask.at-free {
      position: absolute; }
    .ti-gui-panel.show-mask.at-center {
      padding-bottom: 10%; }
    .ti-gui-panel.show-mask.at-left {
      justify-content: flex-start; }
    .ti-gui-panel.show-mask.at-right {
      justify-content: flex-end; }
    .ti-gui-panel.show-mask.at-top {
      align-items: flex-start;
      align-content: flex-start; }
    .ti-gui-panel.show-mask.at-bottom {
      align-items: flex-end;
      align-content: flex-end; }
    .ti-gui-panel.show-mask.at-left-top {
      justify-content: flex-start;
      align-items: flex-start;
      align-content: flex-start; }
    .ti-gui-panel.show-mask.at-right-top {
      justify-content: flex-end;
      align-items: flex-start;
      align-content: flex-start; }
    .ti-gui-panel.show-mask.at-bottom-left {
      justify-content: flex-start;
      align-items: flex-end;
      align-content: flex-end; }
    .ti-gui-panel.show-mask.at-bottom-right {
      justify-content: flex-end;
      align-items: flex-end;
      align-content: flex-end; }
  .ti-gui-panel.no-mask.at-center {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding-bottom: 10%; }
  .ti-gui-panel.no-mask > .panel-con {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .ti-gui-panel.no-mask.at-free {
    position: absolute; }
  .ti-gui-panel.no-mask.at-left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
    .ti-gui-panel.no-mask.at-left > .panel-con {
      border-left: 0; }
  .ti-gui-panel.no-mask.at-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
    .ti-gui-panel.no-mask.at-right > .panel-con {
      border-right: 0; }
  .ti-gui-panel.no-mask.at-top {
    position: absolute;
    left: 0;
    top: 0;
    right: 0; }
    .ti-gui-panel.no-mask.at-top > .panel-con {
      border-top: 0; }
  .ti-gui-panel.no-mask.at-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
    .ti-gui-panel.no-mask.at-bottom > .panel-con {
      border-bottom: 0; }
  .ti-gui-panel.no-mask.at-left-top {
    position: absolute;
    left: 0;
    top: 0; }
    .ti-gui-panel.no-mask.at-left-top > .panel-con {
      border-left: 0;
      border-top: 0; }
  .ti-gui-panel.no-mask.at-right-top {
    position: absolute;
    top: 0;
    right: 0; }
    .ti-gui-panel.no-mask.at-right-top > .panel-con {
      border-right: 0;
      border-top: 0; }
  .ti-gui-panel.no-mask.at-bottom-left {
    position: absolute;
    left: 0;
    bottom: 0; }
    .ti-gui-panel.no-mask.at-bottom-left > .panel-con {
      border-bottom: 0;
      border-left: 0; }
  .ti-gui-panel.no-mask.at-bottom-right {
    position: absolute;
    right: 0;
    bottom: 0; }
    .ti-gui-panel.no-mask.at-bottom-right > .panel-con {
      border-bottom: 0;
      border-right: 0; }
  .ti-gui-panel.flex-align-top {
    align-items: flex-start;
    align-content: flex-start; }
  .ti-gui-panel.flex-align-bottom {
    align-items: flex-end;
    align-content: flex-end; }
  .ti-gui-panel.is-fixed {
    position: fixed; }
  .ti-gui-panel > .panel-con {
    position: relative; }
  .ti-gui-panel.is-bg-opaque > .panel-con {
    color: #000;
    background-color: #FFF; }
  .ti-gui-panel.is-closer-default > .panel-con > .ti-gui-block > .block-head > .as-actions {
    padding-right: 0.47rem; }
  .ti-gui-panel .panel-closer {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
    .ti-gui-panel .panel-closer.as-lamp-cord > .ti-icon {
      color: rgba(255, 255, 255, 0.8);
      border: 1px solid rgba(255, 255, 255, 0.8);
      background: rgba(50, 50, 50, 0.4);
      border-radius: 50%;
      width: 32px;
      height: 32px;
      cursor: pointer;
      display: block;
      transition: all 0.8s; }
      .ti-gui-panel .panel-closer.as-lamp-cord > .ti-icon > .icon-icon {
        display: block;
        width: 100%;
        height: 100%; }
        .ti-gui-panel .panel-closer.as-lamp-cord > .ti-icon > .icon-icon > i {
          width: 100%;
          height: 100%;
          line-height: 32px;
          text-align: center;
          font-size: 21px;
          font-weight: 400;
          transition: all 0.3s; }
      .ti-gui-panel .panel-closer.as-lamp-cord > .ti-icon:hover {
        color: #FFF;
        background-color: #ff4081;
        border-color: transparent;
        box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.6); }
        .ti-gui-panel .panel-closer.as-lamp-cord > .ti-icon:hover > .icon-icon > i {
          transform: rotate(180deg); }
    .ti-gui-panel .panel-closer.as-lamp-cord.at-top {
      height: 80px;
      top: -80px;
      left: 0;
      right: 0; }
    .ti-gui-panel .panel-closer.as-lamp-cord.at-bottom {
      height: 80px;
      bottom: -80px;
      left: 0;
      right: 0; }
    .ti-gui-panel .panel-closer.as-lamp-cord.at-left {
      width: 80px;
      left: -80px;
      top: 0;
      bottom: 0; }
    .ti-gui-panel .panel-closer.as-lamp-cord.at-right {
      width: 80px;
      right: -80px;
      top: 0;
      bottom: 0; }
    .ti-gui-panel .panel-closer.as-default {
      top: 0;
      right: 0; }
      .ti-gui-panel .panel-closer.as-default > .ti-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        color: #000;
        cursor: pointer;
        width: 0.43rem;
        height: 0.43rem; }
        .ti-gui-panel .panel-closer.as-default > .ti-icon > .icon-icon > i {
          transition: transform 0.3s; }
        .ti-gui-panel .panel-closer.as-default > .ti-icon:hover {
          color: #FFF;
          background-color: #ff4081; }
          .ti-gui-panel .panel-closer.as-default > .ti-icon:hover > .icon-icon > i {
            transform: rotate(180deg) scale(1.2); }

.ti-gui-block {
  position: relative; }
  .ti-gui-block.is-flex-grow {
    flex: 1 0 auto; }
  .ti-gui-block.is-flex-shrink {
    flex: 0 1 auto; }
  .ti-gui-block.is-flex-both {
    flex: 1 1 auto; }
  .ti-gui-block.is-flex-none {
    flex: 0 0 auto; }
  .ti-gui-block.is-show-header > .block-con {
    padding-top: 0.43rem; }
    .ti-gui-block.is-show-header > .block-con > .block-head {
      user-select: none;
      position: absolute;
      left: 0;
      top: 0;
      height: 0.43rem;
      right: 0;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap;
      color: #222;
      background-color: #F5F7FA;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      line-height: 0.43rem;
      padding: 0 0 0 0.06rem; }
      .ti-gui-block.is-show-header > .block-con > .block-head > .as-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex: 0 0 auto;
        padding-left: 0.06rem; }
      .ti-gui-block.is-show-header > .block-con > .block-head > .as-title {
        flex: 1 1 auto;
        padding: 0 0.06rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .ti-gui-block.is-show-header > .block-con > .block-head > .as-title span {
          font-weight: bold; }
      .ti-gui-block.is-show-header > .block-con > .block-head > .as-actions {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        flex: 0 0 auto;
        padding: 0 0.04rem 0 0;
        font-size: 0.9em; }
    .ti-gui-block.is-show-header > .block-con.head-highlight-1 > .block-head {
      color: #d0e7fc;
      background-color: #2196f3; }
    .ti-gui-block.is-show-header > .block-con.head-highlight-2 > .block-head {
      color: #FFF;
      background-color: #ff4081; }
  .ti-gui-block > .block-con {
    width: 100%;
    height: 100%;
    position: relative; }
    .ti-gui-block > .block-con > .block-main {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap;
      width: 100%;
      height: 100%;
      position: relative; }
      .ti-gui-block > .block-con > .block-main > .block-main-con {
        flex: 1 1 auto;
        width: 100%;
        height: 100%; }
        .ti-gui-block > .block-con > .block-main > .block-main-con.fill-parent {
          width: 100%;
          height: 100%; }
        .ti-gui-block > .block-con > .block-main > .block-main-con.cover-parent {
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0; }
  .ti-gui-block > .block-adjust-bar {
    position: absolute;
    background-color: rgba(50, 50, 50, 0.372);
    user-select: none;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1001; }
    .ti-gui-block > .block-adjust-bar:hover {
      opacity: 1; }
    .ti-gui-block > .block-adjust-bar[resize-mode="col-resize"] {
      cursor: col-resize; }
      .ti-gui-block > .block-adjust-bar[resize-mode="col-resize"] > .bar-con > .as-action.is-mini {
        width: 0.2rem;
        height: 0.4rem; }
    .ti-gui-block > .block-adjust-bar[resize-mode="row-resize"] {
      cursor: row-resize; }
      .ti-gui-block > .block-adjust-bar[resize-mode="row-resize"] > .bar-con > .as-action.is-mini {
        width: 0.4rem;
        height: 0.2rem; }
    .ti-gui-block > .block-adjust-bar.at-left {
      top: 0;
      bottom: 0;
      left: -0.04rem;
      width: 0.08rem; }
    .ti-gui-block > .block-adjust-bar.at-right {
      top: 0;
      bottom: 0;
      right: -0.04rem;
      width: 0.08rem;
      cursor: col-resize; }
    .ti-gui-block > .block-adjust-bar.at-top {
      top: -0.04rem;
      left: 0;
      right: 0;
      height: 0.08rem; }
    .ti-gui-block > .block-adjust-bar.at-bottom {
      bottom: -0.04rem;
      left: 0;
      right: 0;
      height: 0.08rem; }
    .ti-gui-block > .block-adjust-bar > .bar-con {
      position: relative;
      width: 100%;
      height: 100%; }
      .ti-gui-block > .block-adjust-bar > .bar-con > .as-action {
        color: #cce8ff;
        background-color: rgba(50, 50, 50, 0.372);
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        cursor: pointer;
        position: absolute; }
        .ti-gui-block > .block-adjust-bar > .bar-con > .as-action.is-reset {
          width: 0.2rem;
          height: 0.2rem; }
        .ti-gui-block > .block-adjust-bar > .bar-con > .as-action:hover {
          color: #d0e7fc;
          background-color: #2196f3; }
    .ti-gui-block > .block-adjust-bar[arrow-at="left"] > .bar-con .as-action.is-mini {
      top: 50%;
      right: 0.08rem;
      margin-top: -0.2rem;
      border-radius: 0.06rem 0 0 0.06rem; }
    .ti-gui-block > .block-adjust-bar[arrow-at="left"] > .bar-con .as-action.is-reset {
      left: 0.08rem;
      border-radius: 0 0 0.09rem 0; }
    .ti-gui-block > .block-adjust-bar[arrow-at="right"] > .bar-con .as-action.is-mini {
      top: 50%;
      left: 0.08rem;
      margin-top: -0.2rem;
      border-radius: 0 0.06rem 0.06rem 0; }
    .ti-gui-block > .block-adjust-bar[arrow-at="right"] > .bar-con .as-action.is-reset {
      right: 0.08rem;
      border-radius: 0 0 0 0.096rem; }
    .ti-gui-block > .block-adjust-bar[arrow-at="down"] > .bar-con .as-action.is-mini {
      top: 0.08rem;
      left: 50%;
      margin-left: -0.2rem;
      border-radius: 0 0 0.06rem 0.06rem; }
    .ti-gui-block > .block-adjust-bar[arrow-at="down"] > .bar-con .as-action.is-reset {
      top: -0.2rem;
      border-radius: 0 0.096rem 0 0; }
    .ti-gui-block > .block-adjust-bar[arrow-at="top"] > .bar-con .as-action.is-mini {
      top: -0.2rem;
      left: 50%;
      margin-left: -0.2rem;
      border-radius: 0.06rem 0.06rem 0 0; }
    .ti-gui-block > .block-adjust-bar[arrow-at="top"] > .bar-con .as-action.is-reset {
      top: 0.08rem;
      border-radius: 0 0 0.096rem 0; }

.ti-gui-panel-top-enter-active,
.ti-gui-panel-top-leave-active {
  transition: opacity 0.3s; }
  .ti-gui-panel-top-enter-active > .panel-con,
  .ti-gui-panel-top-leave-active > .panel-con {
    transition: transform 0.3s ease; }

.ti-gui-panel-top-enter,
.ti-gui-panel-top-leave-to {
  opacity: 0; }
  .ti-gui-panel-top-enter > .panel-con,
  .ti-gui-panel-top-leave-to > .panel-con {
    transform: translateY(-300px); }

.ti-gui-panel-left-enter-active,
.ti-gui-panel-left-leave-active {
  transition: opacity 0.3s; }
  .ti-gui-panel-left-enter-active > .panel-con,
  .ti-gui-panel-left-leave-active > .panel-con {
    transition: transform 0.3s ease; }

.ti-gui-panel-left-enter,
.ti-gui-panel-left-leave-to {
  opacity: 0; }
  .ti-gui-panel-left-enter > .panel-con,
  .ti-gui-panel-left-leave-to > .panel-con {
    transform: translateX(-300px); }

.ti-gui-panel-right-enter-active,
.ti-gui-panel-right-leave-active {
  transition: opacity 0.3s; }
  .ti-gui-panel-right-enter-active > .panel-con,
  .ti-gui-panel-right-leave-active > .panel-con {
    transition: transform 0.3s ease; }

.ti-gui-panel-right-enter,
.ti-gui-panel-right-leave-to {
  opacity: 0; }
  .ti-gui-panel-right-enter > .panel-con,
  .ti-gui-panel-right-leave-to > .panel-con {
    transform: translateX(300px); }

.ti-gui-panel-bottom-enter-active,
.ti-gui-panel-bottom-leave-active {
  transition: opacity 0.3s; }
  .ti-gui-panel-bottom-enter-active > .panel-con,
  .ti-gui-panel-bottom-leave-active > .panel-con {
    transition: transform 0.3s ease; }

.ti-gui-panel-bottom-enter,
.ti-gui-panel-bottom-leave-to {
  opacity: 0; }
  .ti-gui-panel-bottom-enter > .panel-con,
  .ti-gui-panel-bottom-leave-to > .panel-con {
    transform: translateY(300px); }

.ti-gui-panel-center-enter-active,
.ti-gui-panel-center-leave-active {
  transition: opacity 0.3s; }
  .ti-gui-panel-center-enter-active > .panel-con,
  .ti-gui-panel-center-leave-active > .panel-con {
    transition: transform 0.3s ease; }

.ti-gui-panel-center-enter,
.ti-gui-panel-center-leave-to {
  opacity: 0; }
  .ti-gui-panel-center-enter > .panel-con,
  .ti-gui-panel-center-leave-to > .panel-con {
    transform: scale(0); }

.ti-gui-panel-left-top-enter-active,
.ti-gui-panel-left-top-leave-active {
  transition: opacity 0.3s; }
  .ti-gui-panel-left-top-enter-active > .panel-con,
  .ti-gui-panel-left-top-leave-active > .panel-con {
    transition: transform 0.3s ease;
    transform-origin: left top; }

.ti-gui-panel-left-top-enter,
.ti-gui-panel-left-top-leave-to {
  opacity: 0; }
  .ti-gui-panel-left-top-enter > .panel-con,
  .ti-gui-panel-left-top-leave-to > .panel-con {
    transform: scale(0); }

.ti-gui-panel-right-top-enter-active,
.ti-gui-panel-right-top-leave-active {
  transition: opacity 0.3s; }
  .ti-gui-panel-right-top-enter-active > .panel-con,
  .ti-gui-panel-right-top-leave-active > .panel-con {
    transition: transform 0.3s ease;
    transform-origin: right top; }

.ti-gui-panel-right-top-enter,
.ti-gui-panel-right-top-leave-to {
  opacity: 0; }
  .ti-gui-panel-right-top-enter > .panel-con,
  .ti-gui-panel-right-top-leave-to > .panel-con {
    transform: scale(0); }

.ti-gui-panel-bottom-left-enter-active,
.ti-gui-panel-bottom-left-leave-active {
  transition: opacity 0.3s; }
  .ti-gui-panel-bottom-left-enter-active > .panel-con,
  .ti-gui-panel-bottom-left-leave-active > .panel-con {
    transition: transform 0.3s ease;
    transform-origin: bottom left; }

.ti-gui-panel-bottom-left-enter,
.ti-gui-panel-bottom-left-leave-to {
  opacity: 0; }
  .ti-gui-panel-bottom-left-enter > .panel-con,
  .ti-gui-panel-bottom-left-leave-to > .panel-con {
    transform: scale(0); }

.ti-gui-panel-bottom-right-enter-active,
.ti-gui-panel-bottom-right-leave-active {
  transition: opacity 0.3s; }
  .ti-gui-panel-bottom-right-enter-active > .panel-con,
  .ti-gui-panel-bottom-right-leave-active > .panel-con {
    transition: transform 0.3s ease;
    transform-origin: bottom right; }

.ti-gui-panel-bottom-right-enter,
.ti-gui-panel-bottom-right-leave-to {
  opacity: 0; }
  .ti-gui-panel-bottom-right-enter > .panel-con,
  .ti-gui-panel-bottom-right-leave-to > .panel-con {
    transform: scale(0); }

.ti-gui-cols[card],
.ti-gui-rows[card] {
  background-color: #f1f2f4; }
  .ti-gui-cols[card] > .ti-gui-block.inside-nocard > .block-con,
  .ti-gui-rows[card] > .ti-gui-block.inside-nocard > .block-con {
    background-color: #FFF;
    box-shadow: 0.01rem 0.01rem 0.04rem rgba(30, 30, 30, 0.2); }

.ti-gui-cols[card="comfy"].no-outside-card-layout,
.ti-gui-rows[card="comfy"].no-outside-card-layout {
  padding: 0.08rem; }

.ti-gui-cols[card="comfy"] > .ti-gui-block.inside-nocard,
.ti-gui-rows[card="comfy"] > .ti-gui-block.inside-nocard {
  padding: 0.08rem; }
  .ti-gui-cols[card="comfy"] > .ti-gui-block.inside-nocard > .block-con,
  .ti-gui-rows[card="comfy"] > .ti-gui-block.inside-nocard > .block-con {
    border-radius: 0.06rem;
    overflow: hidden; }

.ti-gui-cols[card="normal"].no-outside-card-layout,
.ti-gui-rows[card="normal"].no-outside-card-layout {
  padding: 0.06rem; }

.ti-gui-cols[card="normal"] > .ti-gui-block.inside-nocard,
.ti-gui-rows[card="normal"] > .ti-gui-block.inside-nocard {
  padding: 0.06rem; }
  .ti-gui-cols[card="normal"] > .ti-gui-block.inside-nocard > .block-con,
  .ti-gui-rows[card="normal"] > .ti-gui-block.inside-nocard > .block-con {
    border-radius: 0.06rem;
    overflow: hidden; }

.ti-gui-cols[card="tiny"].no-outside-card-layout,
.ti-gui-rows[card="tiny"].no-outside-card-layout {
  padding: 0.04rem; }

.ti-gui-cols[card="tiny"] > .ti-gui-block.inside-nocard,
.ti-gui-rows[card="tiny"] > .ti-gui-block.inside-nocard {
  padding: 0.04rem; }
  .ti-gui-cols[card="tiny"] > .ti-gui-block.inside-nocard > .block-con,
  .ti-gui-rows[card="tiny"] > .ti-gui-block.inside-nocard > .block-con {
    border-radius: 0.06rem;
    overflow: hidden; }

.ti-gui-grid {
  background-color: rgba(0, 0, 0, 0.1);
  position: relative; }
  .ti-gui-grid > main {
    width: 100%;
    height: 100%; }
    .ti-gui-grid > main > .ti-gui-block.inside-nocard > .block-con {
      background-color: #FFF; }
    .ti-gui-grid > main[card] {
      background-color: #f1f2f4; }
      .ti-gui-grid > main[card] > .ti-gui-block.inside-nocard > .block-con {
        background-color: #FFF;
        box-shadow: 0.01rem 0.01rem 0.04rem rgba(30, 30, 30, 0.2); }
    .ti-gui-grid > main[card="comfy"] > .ti-gui-block.inside-nocard > .block-con {
      border-radius: 0.12rem;
      overflow: hidden; }
    .ti-gui-grid > main[card="normal"] > .ti-gui-block.inside-nocard > .block-con {
      border-radius: 0.09rem;
      overflow: hidden; }
    .ti-gui-grid > main[card="tiny"] > .ti-gui-block.inside-nocard > .block-con {
      border-radius: 0.06rem;
      overflow: hidden; }
  .ti-gui-grid > .ti-gui-grid-drag-bar {
    position: absolute;
    background-color: rgba(50, 50, 50, 0.372); }
    .ti-gui-grid > .ti-gui-grid-drag-bar > div {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      position: relative;
      width: 100%;
      height: 100%; }
      .ti-gui-grid > .ti-gui-grid-drag-bar > div > a {
        color: #cce8ff;
        background-color: rgba(50, 50, 50, 0.372);
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        position: absolute;
        font-size: 0.16rem;
        width: 0.32rem;
        height: 0.32rem;
        cursor: pointer; }
        .ti-gui-grid > .ti-gui-grid-drag-bar > div > a:hover {
          color: #FFF;
          background-color: #ff4081; }
    .ti-gui-grid > .ti-gui-grid-drag-bar.as-column {
      cursor: col-resize; }
      .ti-gui-grid > .ti-gui-grid-drag-bar.as-column > div > a {
        bottom: 0;
        border-radius: 50% 50% 0 0; }
    .ti-gui-grid > .ti-gui-grid-drag-bar.as-row {
      cursor: row-resize; }
      .ti-gui-grid > .ti-gui-grid-drag-bar.as-row > div > a {
        right: 0;
        border-radius: 50% 0 0 50%; }

.ti-icon {
  display: flex;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  vertical-align: middle; }
  .ti-icon.can-click {
    cursor: pointer; }
    .ti-icon.can-click .icon-icon {
      transition: .3s; }
    .ti-icon.can-click:hover .icon-icon {
      transform: scale(1.1); }
  .ti-icon.as-inline {
    display: inline-block;
    vertical-align: middle; }
  .ti-icon .icon-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
    .ti-icon .icon-icon img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .ti-icon .icon-icon i {
      font-size: inherit;
      line-height: unset; }
  .ti-icon.is-image {
    align-items: center; }
    .ti-icon.is-image .icon-icon {
      align-items: stretch;
      align-content: stretch; }
    .ti-icon.is-image.img-contain .icon-icon img {
      object-fit: contain; }
  .ti-icon.icon-16 {
    width: 0.16rem;
    height: 0.16rem; }
  .ti-icon.is-success {
    color: #4caf50; }
  .ti-icon.is-warn {
    color: #FF8800; }
  .ti-icon.is-info {
    color: #2196f3; }
  .ti-icon.is-error {
    color: #f44336; }
  .ti-icon.is-track {
    color: #888; }
  .ti-icon.is-disable {
    color: #999; }
  .ti-icon.is-text {
    color: #080; }
  .ti-icon.is-number {
    color: #08F; }

.ti-imgfile {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-imgfile > .thumb-con {
    border: 2px solid rgba(0, 0, 0, 0.1);
    color: #000;
    background-color: #E0E0E0;
    width: 1.2rem;
    height: 1.2rem;
    overflow: hidden;
    cursor: pointer; }
    .ti-imgfile > .thumb-con[ti-is-drag] > .ti-drag-mask {
      font-size: 12px;
      border-width: 2px; }
    .ti-imgfile > .thumb-con .ti-obj-thumb {
      border: 0;
      width: 100%;
      height: 100%;
      font-size: 0.2rem; }
      .ti-imgfile > .thumb-con .ti-obj-thumb > header {
        padding: 0;
        width: 100%;
        height: 100%; }
        .ti-imgfile > .thumb-con .ti-obj-thumb > header .as-preview {
          padding: 0;
          width: 100%;
          height: 100%; }
          .ti-imgfile > .thumb-con .ti-obj-thumb > header .as-preview .ti-icon .tii-con {
            transition: transform .3s; }
    .ti-imgfile > .thumb-con:hover {
      border: 2px dashed #ff4081;
      color: #ff4081; }
      .ti-imgfile > .thumb-con:hover .ti-obj-thumb .as-preview .ti-icon .tii-con {
        transform: scale(1.5) rotate(180deg); }
  .ti-imgfile > .thumb-actions {
    padding: 1px 4px; }
    .ti-imgfile > .thumb-actions > .thumb-opt {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      color: #d0e7fc;
      background-color: #2196f3;
      cursor: pointer;
      padding: 0.06rem 0.1rem;
      margin-bottom: 4px;
      line-height: 1.1em;
      font-size: 12px; }
      .ti-imgfile > .thumb-actions > .thumb-opt .it-text {
        margin-left: 0.06rem;
        white-space: nowrap; }
      .ti-imgfile > .thumb-actions > .thumb-opt:hover {
        color: #FFF;
        background-color: #ff4081; }

.ti-input-color {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-input-color > .as-box {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    border: 1px solid rgba(0, 0, 0, 0.2); }
    .ti-input-color > .as-box > .as-color {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 0.24rem;
      height: 0.24rem;
      cursor: pointer;
      padding: 0.01rem;
      overflow: hidden;
      position: relative; }
      .ti-input-color > .as-box > .as-color .as-bg {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        height: 100%;
        transition: .3s; }
      .ti-input-color > .as-box > .as-color .as-fr {
        position: absolute;
        left: 0.01rem;
        top: 0.01rem;
        right: 0.01rem;
        bottom: 0.01rem; }
    .ti-input-color > .as-box > .as-clear {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      border-left: 1px solid rgba(0, 0, 0, 0.2);
      cursor: pointer;
      padding: 0 0.04rem;
      margin-left: 1px;
      font-size: 0.1rem; }
      .ti-input-color > .as-box > .as-clear:hover {
        color: #FFF;
        background-color: #ff4081; }
    .ti-input-color > .as-box:hover {
      border-color: #ff4081; }
  .ti-input-color.is-empty > .as-box > .as-color {
    background-color: #FFF; }
    .ti-input-color.is-empty > .as-box > .as-color u.as-bg {
      background-color: red;
      height: 0.03rem;
      width: 200px;
      transform: rotate(45deg); }
    .ti-input-color.is-empty > .as-box > .as-color u.as-fr {
      display: none; }
  .ti-input-color.is-empty > .as-box:hover > .as-color u.as-bg {
    transform: rotate(360deg);
    width: 0.08rem;
    height: 0.08rem; }
  .ti-input-color.is-valued > .as-box > .as-color u.as-bg {
    background-color: #FFF;
    background-image: linear-gradient(45deg, #888 25%, transparent 25%, transparent 75%, #888 75%, #888), linear-gradient(45deg, #888 26%, transparent 26%, transparent 74%, #888 74%, #888);
    background-size: 0.11rem 0.11rem;
    background-position: 0 0, 0.055rem 0.055rem; }
  .ti-input-color.is-valued > .as-box > .as-color:hover u.as-bg {
    background-color: #FFF;
    background-image: linear-gradient(45deg, #888 25%, transparent 25%, transparent 75%, #888 75%, #888), linear-gradient(45deg, #888 26%, transparent 26%, transparent 74%, #888 74%, #888);
    background-size: 0.09rem 0.09rem;
    background-position: 0 0, 0.045rem 0.045rem; }
  .ti-input-color > .as-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
  .ti-input-color > .as-drop {
    color: #000;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: fixed; }

.ti-input-dval {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-input-dval > .as-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    color: #888;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    width: 2em;
    height: 0.36rem; }
  .ti-input-dval > .as-info {
    font-family: Monaco, Consolas, Courier New;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    flex-wrap: wrap;
    padding: 0 0.06rem;
    color: #888;
    flex: 1 1 auto;
    user-select: none; }
  .ti-input-dval > .as-edit {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    cursor: pointer;
    width: 2em;
    height: 0.36rem; }
    .ti-input-dval > .as-edit:hover {
      color: #d0e7fc;
      background-color: #2196f3; }
  .ti-input-dval > .as-main {
    flex: 1 1 auto; }

.ti-input-group {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-input-group > .as-clear {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0 0.04rem; }
    .ti-input-group > .as-clear > a {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      cursor: pointer;
      width: 0.24rem;
      height: 0.24rem;
      border-radius: 50%; }
      .ti-input-group > .as-clear > a > i {
        transition: 0.3s; }
      .ti-input-group > .as-clear > a:hover {
        color: #FFF;
        background-color: #ff4081; }
        .ti-input-group > .as-clear > a:hover > i {
          transform: rotate(180deg) scale(1.2); }
  .ti-input-group > .as-sep {
    font-family: Monaco, Consolas, Courier New;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    color: #888;
    padding: 0 0.06rem; }

.ti-input-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-input-icon > .as-box {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    font-size: 0.14rem; }
    .ti-input-icon > .as-box .as-value {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 2em;
      height: 2em;
      cursor: pointer; }
      .ti-input-icon > .as-box .as-value .no-icon {
        font-size: .8em;
        opacity: 0.3; }
    .ti-input-icon > .as-box > .as-clear {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      border-left: 1px solid rgba(0, 0, 0, 0.2);
      cursor: pointer;
      padding: 0 0.04rem;
      font-size: 0.1rem; }
      .ti-input-icon > .as-box > .as-clear:hover {
        color: #FFF;
        background-color: #ff4081; }
  .ti-input-icon.show-border > .as-box {
    border: 1px solid rgba(0, 0, 0, 0.2); }
    .ti-input-icon.show-border > .as-box:hover {
      border-color: #ff4081; }
  .ti-input-icon > .as-drop {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    font-family: Monaco, Consolas, Courier New; }
    .ti-input-icon > .as-drop > .icon-input {
      color: #d0e7fc;
      background-color: #2196f3;
      padding: 0.06rem; }
      .ti-input-icon > .as-drop > .icon-input input {
        color: #444;
        background-color: #FFF;
        font-family: Monaco, Consolas, Courier New;
        border: 0;
        outline: none;
        font-size: 0.14rem;
        padding: 0.08rem;
        width: 100%; }
    .ti-input-icon > .as-drop > .icon-options {
      flex: 1 1 auto;
      width: 100%;
      height: 100%;
      overflow: auto; }
      .ti-input-icon > .as-drop > .icon-options ul {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        flex-wrap: wrap;
        padding: 0.02rem; }
        .ti-input-icon > .as-drop > .icon-options ul li {
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          font-size: 0.24rem;
          width: 0.64rem;
          height: 0.64rem;
          cursor: pointer; }
          .ti-input-icon > .as-drop > .icon-options ul li:hover {
            color: #FFF;
            background-color: #ff4081; }
    .ti-input-icon > .as-drop > .icon-tip {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      color: #d0e7fc;
      background-color: #2196f3;
      padding: 0.06rem; }
      .ti-input-icon > .as-drop > .icon-tip > span {
        user-select: text;
        display: block;
        flex: 1 1 auto;
        text-align: right;
        padding: 0.08rem; }

.ti-input-list > .as-list {
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .ti-input-list > .as-list > .as-item {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    color: #444;
    background-color: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.04rem; }
    .ti-input-list > .as-list > .as-item:first-child {
      border: 0; }
    .ti-input-list > .as-list > .as-item > .as-deleter > i {
      transition: transform 0.3s;
      opacity: 0; }
    .ti-input-list > .as-list > .as-item > .as-deleter:hover {
      color: #FFF;
      background-color: #ff4081; }
      .ti-input-list > .as-list > .as-item > .as-deleter:hover > i {
        transform: rotate(180deg) scale(1.2);
        opacity: 1; }
      .ti-input-list > .as-list > .as-item > .as-deleter:hover > span {
        opacity: 0; }
    .ti-input-list > .as-list > .as-item > .as-index {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      color: #222;
      background-color: #e8e8e8;
      width: 0.24rem;
      cursor: pointer;
      position: relative; }
      .ti-input-list > .as-list > .as-item > .as-index > span {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-family: Monaco, Consolas, Courier New;
        opacity: 1;
        font-size: 0.1rem; }
    .ti-input-list > .as-list > .as-item > .as-com {
      width: 100%;
      flex: 1 1 auto; }

.ti-input-list .as-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  padding: 0.04rem; }
  .ti-input-list .as-actions .as-btn {
    border: 1px dashed rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border-radius: 0.04rem;
    text-align: center;
    white-space: nowrap;
    padding: 0.06rem 0.08rem;
    min-width: 0.4rem;
    margin: 0 1px; }
    .ti-input-list .as-actions .as-btn:hover {
      color: #FFF;
      background-color: #ff4081; }

.ti-input-list.is-empty > .as-actions {
  justify-content: flex-start; }

.ti-input-num {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.06rem;
  overflow: hidden;
  border-left: 0;
  border-right: 0; }
  .ti-input-num > .as-btn {
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    cursor: pointer;
    flex: 0 0  auto;
    width: 0.32rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 0;
    border-bottom: 0; }
    .ti-input-num > .as-btn.is-enabled:hover {
      color: #d0e7fc;
      background-color: #2196f3; }
    .ti-input-num > .as-btn.is-disabled {
      color: #999;
      background-color: #CCC;
      cursor: default; }
  .ti-input-num > .as-input {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    flex: 1 1 auto; }
    .ti-input-num > .as-input input {
      font-family: Monaco, Consolas, Courier New;
      color: #444;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.2);
      outline: none;
      resize: none;
      font-family: Monaco, Consolas, Courier New;
      width: 100%;
      border: 0;
      outline: none;
      padding: 0.06rem 0.14rem;
      font-size: 1.2em;
      text-align: center; }
      .ti-input-num > .as-input input:focus {
        border-color: #2196f3; }

.ti-input-pair > main > .pair-grid-con {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-auto-columns: auto;
  grid-auto-rows: auto;
  grid-auto-flow: row;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 1px; }
  .ti-input-pair > main > .pair-grid-con .pair-grid-item {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap; }
    .ti-input-pair > main > .pair-grid-con .pair-grid-item.as-name {
      color: #222;
      background-color: #e8e8e8; }
    .ti-input-pair > main > .pair-grid-con .pair-grid-item.as-value {
      color: #444;
      background-color: #FFF; }
  .ti-input-pair > main > .pair-grid-con .cell-con {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    flex: 1 1 auto; }
    .ti-input-pair > main > .pair-grid-con .cell-con > .as-deleter {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      color: #222;
      background-color: #e8e8e8;
      width: 0.24rem;
      font-size: 0.1rem;
      cursor: pointer; }
      .ti-input-pair > main > .pair-grid-con .cell-con > .as-deleter > i {
        transition: transform 0.3s;
        opacity: 0.4; }
      .ti-input-pair > main > .pair-grid-con .cell-con > .as-deleter:hover {
        color: #FFF;
        background-color: #ff4081; }
        .ti-input-pair > main > .pair-grid-con .cell-con > .as-deleter:hover > i {
          transform: rotate(180deg) scale(1.2);
          opacity: 1; }
    .ti-input-pair > main > .pair-grid-con .cell-con > .as-com {
      width: 100%;
      border-radius: 0; }

.ti-input-pair > .ti-button {
  padding-top: 0.06rem; }

.ti-input-pair.is-empty > .ti-button {
  border: 1px dashed rgba(0, 0, 0, 0.1);
  color: #222;
  background-color: #F5F7FA;
  padding: 1em;
  border-radius: 0.5em; }

.ti-input-pair.flex-full {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column; }
  .ti-input-pair.flex-full > main {
    height: 100px;
    flex: 1 1 auto;
    overflow: auto; }
  .ti-input-pair.flex-full > .ti-button {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    flex: 0 0 auto;
    padding: 0.06rem; }

div.ti-input-tags {
  flex-wrap: wrap; }

.ti-input-tags > .as-tags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 0 0.04rem;
  font-size: .8em; }
  .ti-input-tags > .as-tags .ti-tags-item {
    min-height: 2em; }
    .ti-input-tags > .as-tags .ti-tags-item > .as-del {
      margin-right: 0.04rem; }
    .ti-input-tags > .as-tags .ti-tags-item > .as-icon {
      padding: 0 0.04rem 0 0; }

.ti-input-tags > .as-input {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  min-height: 2.4em; }
  .ti-input-tags > .as-input > input {
    outline: none;
    flex: 1 0 auto;
    border: 0;
    padding: 0 0.1rem;
    font-family: inherit;
    font-size: inherit;
    background: transparent;
    color: inherit; }

.ti-input-text {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column;
  color: #444;
  background-color: #FFF;
  height: 1rem; }
  .ti-input-text.show-border {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .ti-input-text.is-focused {
    border-color: #2196f3; }
  .ti-input-text > .as-bar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    padding: 0.06rem; }
  .ti-input-text > textarea {
    font-family: Monaco, Consolas, Courier New;
    font-size: inherit;
    line-height: 1.6em;
    width: 100%;
    outline: none;
    resize: none;
    flex: 1 1 auto;
    outline: none;
    border: 0;
    padding: 0.5em;
    background: transparent;
    color: inherit; }
  .ti-input-text.is-readonly {
    color: #888;
    background-color: #FFF; }
    .ti-input-text.is-readonly.is-focused {
      border-color: rgba(0, 0, 0, 0.2); }

.ti-input {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  color: #444;
  background-color: #FFF;
  border-radius: 0.06rem;
  min-height: 2.4em;
  min-width: 0.5rem;
  overflow: hidden; }
  .ti-input.has-width {
    flex: 0 0 auto; }
  .ti-input.show-border {
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .ti-input.is-focused.no-readonly {
    border-color: #2196f3; }
  .ti-input .as-input-icon {
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    flex: 0 0 auto;
    width: 2em;
    min-height: 1.8em;
    overflow: hidden; }
    .ti-input .as-input-icon.can-hover {
      cursor: pointer; }
    .ti-input .as-input-icon.can-hover:hover {
      color: #d0e7fc;
      background-color: #2196f3; }
    .ti-input .as-input-icon.at-prefix > .ti-icon {
      transition: 0.5s; }
      .ti-input .as-input-icon.at-prefix > .ti-icon img {
        width: 100%;
        transition: 5s; }
      .ti-input .as-input-icon.at-prefix > .ti-icon.is-image {
        opacity: 1; }
      .ti-input .as-input-icon.at-prefix > .ti-icon.is-font {
        opacity: 0.6; }
    .ti-input .as-input-icon.at-prefix.can-hover:hover > .ti-icon {
      transform: scale(1.1) rotate(180deg);
      opacity: 1; }
  .ti-input .as-input-text {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    font-family: Monaco, Consolas, Courier New;
    color: #888;
    white-space: nowrap;
    padding: 0 0.06rem;
    font-size: 0.9em; }
    .ti-input .as-input-text.can-hover {
      cursor: pointer; }
    .ti-input .as-input-text.can-hover:hover {
      color: #d0e7fc;
      background-color: #2196f3; }
  .ti-input > .as-input {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    flex: 1 1 auto; }
    .ti-input > .as-input > input {
      font-family: Monaco, Consolas, Courier New;
      font-size: inherit;
      width: 10px;
      flex: 1 1 auto;
      outline: none;
      border: 0;
      padding: 0 0.5em;
      background: transparent;
      color: inherit; }
  .ti-input.is-readonly > .as-input > input:read-only {
    cursor: inherit;
    user-select: none; }
  .ti-input.has-prefix-icon > .as-input > input, .ti-input.has-prefix-text > .as-input > input {
    padding-left: 0.02rem; }
  .ti-input.has-suffix-icon > .as-input > input, .ti-input.has-suffix-text > .as-input > input {
    padding-right: 0.02rem; }

.ti-label {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap;
  line-height: 1.5em;
  min-height: 2em;
  position: relative; }
  .ti-label.is-hover-copy {
    cursor: pointer; }
    .ti-label.is-hover-copy > .as-hover-copy {
      position: absolute;
      top: 0;
      right: 0;
      color: #31a6ff;
      background-color: #cce8ff;
      border-radius: 0 0 0 0.06rem;
      padding: 0.04rem;
      opacity: 0;
      transition: opacity 0.3s;
      line-height: 0.09rem;
      font-size: 0.09rem; }
    .ti-label.is-hover-copy:hover > .as-hover-copy {
      opacity: 0.38; }
  .ti-label.is-blank {
    user-select: none;
    opacity: 0.4; }
    .ti-label.is-blank.hide-blank {
      display: none; }
  .ti-label.is-nil-display.hide-nil {
    display: none; }
  .ti-label.is-break-line > .as-value {
    white-space: pre; }
  .ti-label.is-break-word {
    flex: 1 1 auto;
    width: 10px; }
    .ti-label.is-break-word > .as-value > a,
    .ti-label.is-break-word > .as-value > span {
      width: 100%;
      word-break: break-all;
      overflow: hidden; }
  .ti-label.is-nowrap {
    flex: 1 1 auto;
    width: 10px; }
    .ti-label.is-nowrap > .as-value > a,
    .ti-label.is-nowrap > .as-value > span {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .ti-label > .as-icon {
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex: 0 0 auto; }
    .ti-label > .as-icon > .ti-icon.is-image {
      width: 0.36rem;
      padding: 0.02rem; }
    .ti-label > .as-icon > .ti-icon.is-font {
      width: 0.26rem; }
    .ti-label > .as-icon.can-hover {
      cursor: pointer; }
    .ti-label > .as-icon.can-hover:hover {
      color: #d0e7fc;
      background-color: #2196f3; }
    .ti-label > .as-icon.at-prefix > .ti-icon {
      transition: 0.5s;
      opacity: 0.6; }
      .ti-label > .as-icon.at-prefix > .ti-icon img {
        width: 100%;
        transition: 5s;
        border-radius: 2px; }
    .ti-label > .as-icon.at-prefix.can-hover:hover > .ti-icon {
      transform: scale(1.1) rotate(180deg);
      opacity: 1; }
  .ti-label > .as-text {
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    white-space: nowrap;
    padding: 0 0.04rem;
    opacity: 0.6; }
    .ti-label > .as-text.can-hover {
      cursor: pointer; }
    .ti-label > .as-text.can-hover:hover {
      color: #d0e7fc;
      background-color: #2196f3; }
  .ti-label > .as-value {
    font-family: Monaco, Consolas, Courier New;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    padding: 0 0.04rem;
    width: 100%; }
    .ti-label > .as-value a,
    .ti-label > .as-value span {
      display: block;
      flex: 1 1 auto; }
    .ti-label > .as-value a.as-value-edit {
      flex: 0 0 auto;
      width: 0.24rem; }
    .ti-label > .as-value a:hover {
      text-decoration: underline; }
  .ti-label.as-tip {
    font-size: 0.9em;
    opacity: 0.7; }
  .ti-label.r-2 {
    border-radius: 0.02rem; }
  .ti-label.r-4 {
    border-radius: 0.04rem; }
  .ti-label.r-6 {
    border-radius: 0.06rem; }
  .ti-label.r-8 {
    border-radius: 0.08rem; }
  .ti-label.mea-tiny {
    font-size: 0.09rem; }
    .ti-label.mea-tiny > .as-value {
      padding: 0; }
  .ti-label.as-tip-block {
    font-size: 0.9em;
    opacity: 0.7;
    padding: 0.5em; }
  .ti-label.align-left > .as-value span {
    text-align: left; }
  .ti-label.align-center > .as-value span {
    text-align: center; }
  .ti-label.align-right > .as-value span {
    text-align: right; }
  .ti-label.flex-grow {
    flex: 1 0 auto; }
  .ti-label.flex-shrink {
    flex: 0 1 auto;
    width: auto; }
  .ti-label.flex-auto {
    flex: 1 1 auto; }
  .ti-label.flex-none {
    flex: 0 0 auto;
    width: auto; }
  .ti-label.as-uppercase {
    text-transform: uppercase; }
  .ti-label.as-lowercase {
    text-transform: lowercase; }
  .ti-label.as-capitalize {
    text-transform: capitalize; }
  .ti-label.is-del {
    text-decoration: line-through; }
  .ti-label.as-badge {
    font-size: 0.1rem;
    line-height: 1.2em;
    min-height: unset;
    margin: 0.04rem 0.02rem; }
  .ti-label.is-bold {
    font-weight: bold; }
  .ti-label.is-underline {
    text-decoration: underline; }
  .ti-label.is-text-border {
    text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF, 1px 1px 4px rgba(20, 20, 20, 0.3); }
  .ti-label.is-success {
    color: #4caf50; }
  .ti-label.is-warn {
    color: #FF8800; }
  .ti-label.is-info {
    color: #2196f3; }
  .ti-label.is-error {
    color: #f44336; }
  .ti-label.is-track {
    color: #888; }
  .ti-label.is-disable {
    color: #999; }
  .ti-label.is-text {
    color: #080; }
  .ti-label.is-number {
    color: #08F; }
  .ti-label.is-success-tag {
    color: #CFC;
    background-color: #4caf50; }
  .ti-label.is-warn-tag {
    color: #FFC;
    background-color: #FF8800; }
  .ti-label.is-info-tag {
    color: #FFF;
    background-color: #2196f3; }
  .ti-label.is-error-tag {
    color: #FCC;
    background-color: #f44336; }
  .ti-label.is-track-tag {
    color: #FFF;
    background-color: #888; }
  .ti-label.is-disable-tag {
    color: #CCC;
    background-color: #999; }
  .ti-label.is-text-tag {
    color: #FFF;
    background-color: #080; }
  .ti-label.is-number-tag {
    color: #FFF;
    background-color: #08F; }

.ti-layout .ti-block {
  flex: 1 1 auto; }

.ti-layout.as-rows > section {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column; }

.ti-layout.as-rows.show-border > section > .ti-block {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .ti-layout.as-rows.show-border > section > .ti-block:first-child {
    border: 0; }

.ti-layout.as-cols > section {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap; }

.ti-layout.as-cols.show-border > section > .ti-block {
  border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .ti-layout.as-cols.show-border > section > .ti-block:first-child {
    border: 0; }

.ti-layout.as-tabs {
  padding-top: 0.4rem;
  position: relative; }
  .ti-layout.as-tabs > .layout-tabs {
    user-select: none;
    color: #222;
    background-color: #F5F7FA;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0; }
    .ti-layout.as-tabs > .layout-tabs > ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      align-content: center;
      flex-wrap: nowrap;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 0 0.1rem;
      height: 0.4rem; }
      .ti-layout.as-tabs > .layout-tabs > ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        cursor: pointer;
        border: 1px solid transparent;
        border-top-width: 3px;
        border-bottom: 0;
        min-width: 0.8rem;
        padding: 0 0.1rem;
        line-height: 0.28rem;
        font-size: 0.12rem;
        margin-bottom: -1px; }
        .ti-layout.as-tabs > .layout-tabs > ul li.is-current {
          color: #000;
          background-color: #FFF;
          border-color: rgba(0, 0, 0, 0.2);
          border-top-color: #2196f3;
          background-color: #FFF; }
        .ti-layout.as-tabs > .layout-tabs > ul li > .it-icon {
          padding-right: 0.06rem; }
  .ti-layout.as-tabs > .ti-block {
    width: 100%;
    height: 100%; }

.ti-block {
  position: relative; }
  .ti-block.show-header {
    padding-top: 0.4rem; }
    .ti-block.show-header > header {
      user-select: none;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap;
      color: #222;
      background-color: #F5F7FA;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      height: 0.4rem;
      line-height: 0.4rem;
      padding: 0 0 0 0.06rem;
      font-size: .8em; }
      .ti-block.show-header > header > div {
        white-space: nowrap; }
      .ti-block.show-header > header > .tbh-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        padding-left: 0.06rem; }
      .ti-block.show-header > header > .tbh-text {
        flex: 1 0 auto;
        padding: 0 0.06rem; }
      .ti-block.show-header > header > .tbh-actions {
        display: flex;
        justify-content: center;
        align-items: stretch;
        align-content: stretch;
        flex-wrap: wrap;
        padding-right: 0.04rem; }
        .ti-block.show-header > header > .tbh-actions > .ti-menu {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          align-content: center;
          flex-wrap: nowrap; }
          .ti-block.show-header > header > .tbh-actions > .ti-menu .menu-desktop-top > li > .md-info,
          .ti-block.show-header > header > .tbh-actions > .ti-menu .menu-desktop-top > li > .md-group > .md-info {
            border-radius: 1px; }
            .ti-block.show-header > header > .tbh-actions > .ti-menu .menu-desktop-top > li > .md-info[item-enabled]:hover,
            .ti-block.show-header > header > .tbh-actions > .ti-menu .menu-desktop-top > li > .md-group > .md-info[item-enabled]:hover {
              color: #d0e7fc;
              background-color: #2196f3; }
            .ti-block.show-header > header > .tbh-actions > .ti-menu .menu-desktop-top > li > .md-info > .md-icon,
            .ti-block.show-header > header > .tbh-actions > .ti-menu .menu-desktop-top > li > .md-info > .md-text,
            .ti-block.show-header > header > .tbh-actions > .ti-menu .menu-desktop-top > li > .md-group > .md-info > .md-icon,
            .ti-block.show-header > header > .tbh-actions > .ti-menu .menu-desktop-top > li > .md-group > .md-info > .md-text {
              height: 2.4em;
              line-height: 2.4em; }
      .ti-block.show-header > header > .tbh-closer {
        cursor: pointer; }
        .ti-block.show-header > header > .tbh-closer.at-default {
          font-size: 1.6em;
          width: 0.4rem; }
        .ti-block.show-header > header > .tbh-closer.is-docked {
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          padding: 0 0.04rem; }
          .ti-block.show-header > header > .tbh-closer.is-docked:hover {
            color: #FFF;
            background-color: #ff4081; }
  .ti-block > section {
    width: 100%;
    height: 100%;
    position: relative; }
  .ti-block > footer.float-closer {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
    .ti-block > footer.float-closer > .ti-icon {
      color: rgba(255, 255, 255, 0.8);
      border: 1px solid rgba(255, 255, 255, 0.8);
      background: rgba(50, 50, 50, 0.4);
      border-radius: 50%;
      width: 32px;
      height: 32px;
      cursor: pointer;
      display: block;
      transition: all 0.8s; }
      .ti-block > footer.float-closer > .ti-icon > .icon-icon {
        display: block;
        width: 100%;
        height: 100%; }
        .ti-block > footer.float-closer > .ti-icon > .icon-icon > i {
          width: 100%;
          height: 100%;
          line-height: 32px;
          text-align: center;
          font-size: 21px;
          font-weight: 400;
          transition: all 0.3s; }
      .ti-block > footer.float-closer > .ti-icon:hover {
        color: #d0e7fc;
        background-color: #2196f3;
        border-color: transparent;
        box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.6); }
        .ti-block > footer.float-closer > .ti-icon:hover > .icon-icon > i {
          transform: rotate(180deg); }
    .ti-block > footer.float-closer.at-top {
      height: 80px;
      top: -80px;
      left: 0;
      right: 0; }
    .ti-block > footer.float-closer.at-bottom {
      height: 80px;
      bottom: -80px;
      left: 0;
      right: 0; }
    .ti-block > footer.float-closer.at-left {
      width: 80px;
      left: -80px;
      top: 0;
      bottom: 0; }
    .ti-block > footer.float-closer.at-right {
      width: 80px;
      right: -80px;
      top: 0;
      bottom: 0; }

.ti-lbs-map > .map-con {
  width: 100%;
  height: 100%;
  position: relative; }
  .ti-lbs-map > .map-con > .as-wait-cooling {
    position: absolute;
    top: 0;
    width: 0.42rem;
    height: 0.42rem;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    color: #FFF;
    background-color: #2196f3;
    font-size: 0.24rem; }
  .ti-lbs-map > .map-con > .as-controls {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0.08rem; }
    .ti-lbs-map > .map-con > .as-controls .ti-actionbar .bar-item-info.is-top {
      color: #000;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.1);
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      height: 0.4rem;
      padding: 0 1em;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      margin-right: 0.08rem; }
      .ti-lbs-map > .map-con > .as-controls .ti-actionbar .bar-item-info.is-top.is-enabled:hover {
        color: #d0e7fc;
        background-color: #2196f3;
        border-color: #2196f3; }
      .ti-lbs-map > .map-con > .as-controls .ti-actionbar .bar-item-info.is-top.is-disabled {
        color: #CCC;
        background-color: #999;
        opacity: .9; }
      .ti-lbs-map > .map-con > .as-controls .ti-actionbar .bar-item-info.is-top.big-icon {
        padding: 0;
        min-width: 0.4rem; }
        .ti-lbs-map > .map-con > .as-controls .ti-actionbar .bar-item-info.is-top.big-icon .as-icon {
          font-size: 0.16rem; }
      .ti-lbs-map > .map-con > .as-controls .ti-actionbar .bar-item-info.is-top .as-text {
        font-size: 0.12rem;
        padding: 0 .5em; }
    .ti-lbs-map > .map-con > .as-controls .ti-actionbar .bar-item-info.is-sub.is-highlight {
      color: #d0e7fc;
      background-color: #2196f3; }
      .ti-lbs-map > .map-con > .as-controls .ti-actionbar .bar-item-info.is-sub.is-highlight:hover {
        color: #d0e7fc;
        background-color: #2196f3; }
    .ti-lbs-map > .map-con > .as-controls .ti-actionbar .bar-item-info.is-sub:hover {
      color: #31a6ff;
      background-color: #cce8ff; }
  .ti-lbs-map > .map-con > .as-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    position: absolute;
    left: 0.02rem;
    bottom: 0.02rem;
    color: #000;
    background-color: #FFF;
    line-height: 2.4em;
    min-width: 3.8rem;
    padding: 0 0.08rem; }
    .ti-lbs-map > .map-con > .as-info ul.as-laln {
      flex: 1 1 auto;
      list-style: none;
      padding: 0;
      margin: 0;
      font-family: Monaco, Consolas, Courier New;
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      user-select: none; }
      .ti-lbs-map > .map-con > .as-info ul.as-laln li {
        padding: 0 0.04rem; }
      .ti-lbs-map > .map-con > .as-info ul.as-laln span {
        margin-right: 0.02rem;
        opacity: 0.6; }
      .ti-lbs-map > .map-con > .as-info ul.as-laln em {
        font-style: normal;
        user-select: text; }
  .ti-lbs-map > .map-con .as-main {
    width: 100%;
    height: 100%; }

.ti-lbs-map.is-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000; }

.ti-lbs-route {
  position: relative; }
  .ti-lbs-route > .as-actions {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.1rem; }
    .ti-lbs-route > .as-actions .ti-button li {
      color: #000;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.1);
      min-width: unset;
      padding: 0 .8em;
      font-size: 0.14rem; }
      .ti-lbs-route > .as-actions .ti-button li.is-enabled:hover {
        color: #d0e7fc;
        background-color: #2196f3;
        border-color: #2196f3; }
      .ti-lbs-route > .as-actions .ti-button li.is-disabled {
        color: #CCC;
        background-color: #999;
        opacity: .9; }
  .ti-lbs-route > .as-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0.5rem 0.1rem 0.1rem 0.1rem; }
    .ti-lbs-route > .as-list > .ti-list {
      color: #444;
      background-color: rgba(255, 255, 255, 0.85);
      border: 1px solid rgba(0, 0, 0, 0.1);
      width: 2.8rem;
      height: 100%;
      overflow: hidden; }
  .ti-lbs-route.is-fullscreen > .as-actions {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10010; }
  .ti-lbs-route.is-fullscreen > .as-list {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10010; }

.ti-list {
  user-select: none;
  overflow: auto;
  position: relative; }
  .ti-list.show-border > .list-row {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .ti-list.show-border > .list-row:first-child {
      border-top: 0; }
  .ti-list.is-hoverable > .list-row.is-selectable:hover {
    color: #31a6ff;
    background-color: #cce8ff; }
    .ti-list.is-hoverable > .list-row.is-selectable:hover.is-current > .row-actived-indicator {
      color: #cce8ff;
      background-color: #31a6ff; }
      .ti-list.is-hoverable > .list-row.is-selectable:hover.is-current > .row-actived-indicator:before {
        border-left-color: #cce8ff;
        border-right-color: #cce8ff;
        opacity: 1; }
    .ti-list.is-hoverable > .list-row.is-selectable:hover.is-checked {
      color: #d0e7fc;
      background-color: #2196f3; }
  .ti-list > .list-row {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    position: relative; }
    .ti-list > .list-row.is-group {
      color: #222;
      background-color: #e8e8e8;
      padding: 0.04rem 0.08rem; }
    .ti-list > .list-row.is-weak {
      opacity: 0.4; }
    .ti-list > .list-row > .row-actived-indicator {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 8px;
      padding-right: 1px;
      opacity: 0; }
      .ti-list > .list-row > .row-actived-indicator:before {
        display: block;
        content: "";
        height: 0.12rem;
        width: 1px;
        border-left: 1px dotted #d0e7fc;
        border-right: 1px dotted #d0e7fc; }
    .ti-list > .list-row > .row-changed-indicator {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      padding: 0.04rem 0.08rem; }
      .ti-list > .list-row > .row-changed-indicator:before {
        display: block;
        content: "";
        width: 0.04rem;
        height: 0.04rem;
        border-radius: 50%;
        background: #f44336;
        border: 1px solid #FCC;
        box-shadow: 0.02rem 0.02rem 0.06rem rgba(30, 30, 30, 0.2); }
    .ti-list > .list-row .row-indent,
    .ti-list > .list-row .row-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 0.16rem; }
    .ti-list > .list-row .row-icon,
    .ti-list > .list-row .row-checker {
      cursor: pointer; }
      .ti-list > .list-row .row-icon:hover,
      .ti-list > .list-row .row-checker:hover {
        color: #ff4081; }
    .ti-list > .list-row .row-checker {
      margin: 0 0.06rem; }
    .ti-list > .list-row.is-current > .row-actived-indicator {
      color: #2196f3;
      opacity: 1; }
    .ti-list > .list-row.is-checked {
      color: #d0e7fc;
      background-color: #2196f3; }
      .ti-list > .list-row.is-checked a,
      .ti-list > .list-row.is-checked a:hover {
        color: inherit; }
      .ti-list > .list-row.is-checked.is-current > .row-actived-indicator {
        color: #d0e7fc;
        opacity: 1; }
    .ti-list > .list-row > .row-number {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      font-family: Monaco, Consolas, Courier New;
      font-size: 0.1rem;
      opacity: 0.6;
      padding: 0 0.02rem; }
      .ti-list > .list-row > .row-number::after {
        display: inline;
        content: "."; }
    .ti-list > .list-row > .row-con {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      flex: 1 1 auto;
      line-height: 2.6em;
      min-height: 2.6em; }
      .ti-list > .list-row > .row-con .ti-icon {
        width: 0.26rem;
        flex: 0 0 auto; }
        .ti-list > .list-row > .row-con .ti-icon.is-image {
          height: 0.26rem; }
        .ti-list > .list-row > .row-con .ti-icon.icon-w32 {
          width: 0.32rem; }
        .ti-list > .list-row > .row-con .ti-icon.icon-w36 {
          width: 0.36rem; }
        .ti-list > .list-row > .row-con .ti-icon.icon-w42 {
          width: 0.42rem; }
        .ti-list > .list-row > .row-con .ti-icon.icon-w48 {
          width: 0.48rem; }
    .ti-list > .list-row.is-primary {
      color: #2196f3; }
      .ti-list > .list-row.is-primary.is-checked {
        color: #d0e7fc;
        background-color: #2196f3; }
        .ti-list > .list-row.is-primary.is-checked > td {
          border-color: #d0e7fc; }
    .ti-list > .list-row.is-primary-r {
      color: #d0e7fc;
      background-color: #2196f3; }
      .ti-list > .list-row.is-primary-r td a {
        color: inherit; }
      .ti-list > .list-row.is-primary-r.is-checked {
        font-weight: bold;
        background-color: #000;
        color: #2196f3; }
    .ti-list > .list-row.is-secondary {
      color: #ff4081; }
      .ti-list > .list-row.is-secondary.is-checked {
        color: #FFF;
        background-color: #ff4081; }
        .ti-list > .list-row.is-secondary.is-checked > td {
          border-color: #FFF; }
    .ti-list > .list-row.is-secondary-r {
      color: #FFF;
      background-color: #ff4081; }
      .ti-list > .list-row.is-secondary-r td a {
        color: inherit; }
      .ti-list > .list-row.is-secondary-r.is-checked {
        font-weight: bold;
        background-color: #000;
        color: #ff4081; }
    .ti-list > .list-row.is-success {
      color: #4caf50; }
      .ti-list > .list-row.is-success.is-checked {
        color: #CFC;
        background-color: #4caf50; }
        .ti-list > .list-row.is-success.is-checked > td {
          border-color: #CFC; }
    .ti-list > .list-row.is-success-r {
      color: #CFC;
      background-color: #4caf50; }
      .ti-list > .list-row.is-success-r td a {
        color: inherit; }
      .ti-list > .list-row.is-success-r.is-checked {
        font-weight: bold;
        background-color: #000;
        color: #4caf50; }
    .ti-list > .list-row.is-warn {
      color: #FF8800; }
      .ti-list > .list-row.is-warn.is-checked {
        color: #FFC;
        background-color: #FF8800; }
        .ti-list > .list-row.is-warn.is-checked > td {
          border-color: #FFC; }
    .ti-list > .list-row.is-warn-r {
      color: #FFC;
      background-color: #FF8800; }
      .ti-list > .list-row.is-warn-r td a {
        color: inherit; }
      .ti-list > .list-row.is-warn-r.is-checked {
        font-weight: bold;
        background-color: #000;
        color: #FF8800; }
    .ti-list > .list-row.is-info {
      color: #2196f3; }
      .ti-list > .list-row.is-info.is-checked {
        color: #FFF;
        background-color: #2196f3; }
        .ti-list > .list-row.is-info.is-checked > td {
          border-color: #FFF; }
    .ti-list > .list-row.is-info-r {
      color: #FFF;
      background-color: #2196f3; }
      .ti-list > .list-row.is-info-r td a {
        color: inherit; }
      .ti-list > .list-row.is-info-r.is-checked {
        font-weight: bold;
        background-color: #000;
        color: #2196f3; }
    .ti-list > .list-row.is-error {
      color: #f44336; }
      .ti-list > .list-row.is-error.is-checked {
        color: #FCC;
        background-color: #f44336; }
        .ti-list > .list-row.is-error.is-checked > td {
          border-color: #FCC; }
    .ti-list > .list-row.is-error-r {
      color: #FCC;
      background-color: #f44336; }
      .ti-list > .list-row.is-error-r td a {
        color: inherit; }
      .ti-list > .list-row.is-error-r.is-checked {
        font-weight: bold;
        background-color: #000;
        color: #f44336; }
    .ti-list > .list-row.is-track {
      color: #888; }
      .ti-list > .list-row.is-track.is-checked {
        color: #FFF;
        background-color: #888; }
        .ti-list > .list-row.is-track.is-checked > td {
          border-color: #FFF; }
    .ti-list > .list-row.is-track-r {
      color: #FFF;
      background-color: #888; }
      .ti-list > .list-row.is-track-r td a {
        color: inherit; }
      .ti-list > .list-row.is-track-r.is-checked {
        font-weight: bold;
        background-color: #000;
        color: #888; }
    .ti-list > .list-row.is-disable {
      color: #999; }
      .ti-list > .list-row.is-disable.is-checked {
        color: #CCC;
        background-color: #999; }
        .ti-list > .list-row.is-disable.is-checked > td {
          border-color: #CCC; }
    .ti-list > .list-row.is-disable-r {
      color: #CCC;
      background-color: #999; }
      .ti-list > .list-row.is-disable-r td a {
        color: inherit; }
      .ti-list > .list-row.is-disable-r.is-checked {
        font-weight: bold;
        background-color: #000;
        color: #999; }
    .ti-list > .list-row.is-delete {
      text-decoration: line-through; }
    .ti-list > .list-row.is-italic {
      font-style: italic; }
    .ti-list > .list-row.is-text {
      color: #080; }
      .ti-list > .list-row.is-text.is-checked {
        color: #FFF;
        background-color: #080; }
        .ti-list > .list-row.is-text.is-checked > td {
          border-color: #FFF; }
    .ti-list > .list-row.is-number {
      color: #08F; }
      .ti-list > .list-row.is-number.is-checked {
        color: #FFF;
        background-color: #08F; }
        .ti-list > .list-row.is-number.is-checked > td {
          border-color: #FFF; }
    .ti-list > .list-row.is-paper {
      color: #000; }
      .ti-list > .list-row.is-paper.is-checked {
        color: #FFF;
        background-color: #000; }
        .ti-list > .list-row.is-paper.is-checked > td {
          border-color: #F0F0F0; }
    .ti-list > .list-row.is-boldtip {
      color: #000; }
      .ti-list > .list-row.is-boldtip.is-checked {
        color: #FFF;
        background-color: #000; }
        .ti-list > .list-row.is-boldtip.is-checked > td {
          border-color: #EECC00; }
    .ti-list > .list-row.is-boldtip-r {
      color: #000;
      background-color: #EECC00; }
      .ti-list > .list-row.is-boldtip-r td a {
        color: inherit; }
      .ti-list > .list-row.is-boldtip-r.is-checked {
        font-weight: bold;
        background-color: #000;
        color: #EECC00; }
  .ti-list.as-grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    grid-auto-flow: row;
    justify-items: stretch;
    align-items: stretch;
    align-content: start;
    grid-gap: 1px; }
    .ti-list.as-grid > .list-row.is-group {
      grid-column-start: 1;
      grid-column-end: 3; }
    .ti-list.as-grid.col-2 {
      grid-template-columns: repeat(2, 1fr); }
    .ti-list.as-grid.col-3 {
      grid-template-columns: repeat(3, 1fr); }
    .ti-list.as-grid.col-4 {
      grid-template-columns: repeat(4, 1fr); }
    .ti-list.as-grid.col-5 {
      grid-template-columns: repeat(5, 1fr); }
    .ti-list.as-grid.col-6 {
      grid-template-columns: repeat(6, 1fr); }

.ti-loading {
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  color: #888;
  font-size: 0.24rem; }
  .ti-loading .as-icon {
    font-size: 1.2em;
    margin: 0 0.5em; }
  .ti-loading .as-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    flex-wrap: wrap; }
  .ti-loading.as-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #cce8ff;
    background-color: rgba(220, 220, 220, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    z-index: 1000; }
    .ti-loading.as-cover.at-top {
      bottom: unset; }
    .ti-loading.as-cover.at-bottom {
      top: unset; }
    .ti-loading.as-cover.at-left {
      right: unset; }
    .ti-loading.as-cover.at-right {
      left: unset; }
    .ti-loading.as-cover.at-left-top {
      bottom: unset;
      right: unset; }
    .ti-loading.as-cover.at-bottom-left {
      top: unset;
      right: unset; }
    .ti-loading.as-cover.at-bottom-right {
      top: unset;
      left: unset; }
    .ti-loading.as-cover.at-right-top {
      left: unset;
      bottom: unset; }
  .ti-loading.as-hug {
    padding: 3em 1em; }
    .ti-loading.as-hug > .as-icon {
      font-size: 1.28rem; }
    .ti-loading.as-hug > .as-text {
      display: block;
      padding: 0.5em;
      font-size: 0.2rem;
      width: 100%;
      text-align: center; }
  .ti-loading.as-big {
    padding: 3em; }
    .ti-loading.as-big > .as-icon {
      font-size: 0.64rem; }
    .ti-loading.as-big > .as-text {
      display: block;
      padding: 0.5em;
      font-size: 0.16rem;
      width: 100%;
      text-align: center; }
  .ti-loading.as-big-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #cce8ff;
    background-color: rgba(220, 220, 220, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    z-index: 1000; }
    .ti-loading.as-big-mask > .as-icon {
      font-size: 0.64rem; }
    .ti-loading.as-big-mask > .as-text {
      display: block;
      padding: 0.5em;
      font-size: 0.16rem;
      width: 100%;
      text-align: center; }
  .ti-loading.as-mask {
    color: #cce8ff;
    background-color: rgba(50, 50, 50, 0.372); }
  .ti-loading.pad-s {
    padding: 0.5em; }
  .ti-loading.pad-m {
    padding: 1em; }
  .ti-loading.pad-b {
    padding: 2em; }
  .ti-loading.radius-s {
    border-radius: 0.06rem; }
  .ti-loading.radius-m {
    border-radius: 0.1rem; }
  .ti-loading.radius-b {
    border-radius: 0.14rem; }
  .ti-loading.as-mid {
    padding: 1.5em 0 1em 0;
    font-size: 0.12rem; }
    .ti-loading.as-mid > .as-icon {
      font-size: 2em; }
    .ti-loading.as-mid > .as-text {
      display: block;
      padding-top: 0.5em;
      width: 100%;
      text-align: center; }
  .ti-loading.as-mid-tip {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    color: #888;
    font-size: 0.14rem;
    justify-content: flex-start;
    padding: 2em; }
  .ti-loading.as-mid-tip-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #cce8ff;
    background-color: rgba(220, 220, 220, 0.3);
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    z-index: 1000;
    font-size: 0.14rem;
    justify-content: flex-start;
    padding: 2em; }
  .ti-loading.as-small-tip {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    color: #888;
    font-size: 0.14rem;
    justify-content: flex-start;
    padding: 0.5em; }
  .ti-loading.align-left {
    justify-content: flex-start; }
  .ti-loading.align-center {
    justify-content: center; }
  .ti-loading.align-right {
    justify-content: flex-end; }
  .ti-loading.is-success {
    color: #4caf50; }
  .ti-loading.is-warn {
    color: #FF8800; }
  .ti-loading.is-info {
    color: #2196f3; }
  .ti-loading.is-error {
    color: #f44336; }
  .ti-loading.is-track {
    color: #888; }
  .ti-loading.is-disable {
    color: #999; }
  .ti-loading.is-text {
    color: #080; }
  .ti-loading.is-number {
    color: #08F; }

.ti-logging {
  width: 100%;
  height: 100%; }
  .ti-logging pre {
    color: #cce8ff;
    background-color: rgba(0, 0, 0, 0.95);
    font-family: Monaco, Consolas, Courier New;
    line-height: 1.6em;
    padding: 0.1rem;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll; }

.ti-markdown-preview {
  overflow: auto;
  padding: 1px; }

.ti-markdown-theme-wiki {
  padding: 0 0.2rem;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 1px;
  max-width: 10rem;
  margin: 0.1rem auto; }
  .ti-markdown-theme-wiki hr {
    height: 0px;
    border: 0;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
    margin: 0.1rem 0; }
  .ti-markdown-theme-wiki code {
    font-family: Monaco, Consolas, Courier New;
    color: #31a6ff;
    background-color: #cce8ff;
    font-size: .9em;
    margin: 0 .2em; }
  .ti-markdown-theme-wiki b {
    color: #ff4081;
    font-weight: bolder; }
  .ti-markdown-theme-wiki strong {
    color: #080;
    font-weight: bolder; }
  .ti-markdown-theme-wiki i {
    color: #ff4081;
    font-style: italic;
    opacity: 0.8; }
  .ti-markdown-theme-wiki em {
    color: #080;
    font-style: italic;
    opacity: 0.8; }
  .ti-markdown-theme-wiki del {
    color: #f44336;
    text-decoration: line-through; }
  .ti-markdown-theme-wiki h1 {
    font-weight: 400;
    font-size: 2.0em;
    line-height: 1.6em;
    margin: 1em 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .ti-markdown-theme-wiki h2 {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 2em;
    margin: 1em 0;
    padding: 0 .5em;
    color: #666;
    background-color: rgba(230, 230, 230, 0.8); }
  .ti-markdown-theme-wiki h3 {
    font-weight: 900;
    font-size: 1.4em;
    line-height: 2em;
    margin: 1em 0;
    padding: 0; }
  .ti-markdown-theme-wiki h4 {
    font-weight: 900;
    font-size: 1.3em;
    line-height: 2em;
    margin: 1em 0;
    padding: 0; }
  .ti-markdown-theme-wiki h5 {
    font-weight: 900;
    font-size: 1.2em;
    line-height: 2em;
    margin: 1em 0;
    padding: 0; }
  .ti-markdown-theme-wiki h6 {
    font-weight: 900;
    font-size: 1.1em;
    line-height: 2em;
    margin: 1em 0;
    padding: 0; }
  .ti-markdown-theme-wiki table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 2em 0; }
  .ti-markdown-theme-wiki td, .ti-markdown-theme-wiki th {
    padding: .4em 1em;
    font-size: .9em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .ti-markdown-theme-wiki thead td {
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    color: #888;
    font-weight: 900;
    text-align: center; }
  .ti-markdown-theme-wiki blockquote {
    margin: 1em .5em;
    padding: .3em 1em;
    font-size: .8em;
    border-left: 4px solid #2196f3;
    color: #888; }
  .ti-markdown-theme-wiki p {
    margin: 1.2em 0; }
  .ti-markdown-theme-wiki p img {
    margin: 2em auto;
    display: block; }
  .ti-markdown-theme-wiki .ql-editor.ql-blank::before {
    top: 1.2em; }
  .ti-markdown-theme-wiki pre {
    font-family: Monaco, Consolas, Courier New;
    font-size: 12px;
    color: #FFF;
    background-color: #444;
    width: 100%;
    overflow-x: auto;
    padding: 0.2rem;
    margin: 0;
    border-radius: 0.06rem; }
  .ti-markdown-theme-wiki ul, .ti-markdown-theme-wiki ol {
    padding-left: 1.5em; }
    .ti-markdown-theme-wiki ul li, .ti-markdown-theme-wiki ol li {
      list-style-type: none; }
    .ti-markdown-theme-wiki ul .li-indent-1, .ti-markdown-theme-wiki ol .li-indent-1 {
      padding-left: 1.5em; }
    .ti-markdown-theme-wiki ul .li-indent-2, .ti-markdown-theme-wiki ol .li-indent-2 {
      padding-left: 3em; }
    .ti-markdown-theme-wiki ul .li-indent-3, .ti-markdown-theme-wiki ol .li-indent-3 {
      padding-left: 4.5em; }
    .ti-markdown-theme-wiki ul .li-indent-4, .ti-markdown-theme-wiki ol .li-indent-4 {
      padding-left: 6em; }
    .ti-markdown-theme-wiki ul .li-indent-5, .ti-markdown-theme-wiki ol .li-indent-5 {
      padding-left: 7.5em; }
    .ti-markdown-theme-wiki ul .li-indent-6, .ti-markdown-theme-wiki ol .li-indent-6 {
      padding-left: 9em; }
  .ti-markdown-theme-wiki ul li:before {
    content: '\2022';
    margin-right: .5em;
    color: #2196f3; }
  .ti-markdown-theme-wiki ul .li-indent-1:before {
    content: '\25C8'; }
  .ti-markdown-theme-wiki ul .li-indent-2:before {
    content: '\25C6'; }
  .ti-markdown-theme-wiki ul .li-indent-3:before {
    content: '\2605'; }
  .ti-markdown-theme-wiki ul .li-indent-4:before {
    content: '\2013'; }
  .ti-markdown-theme-wiki ul .li-indent-5:before {
    content: '\271A'; }
  .ti-markdown-theme-wiki ul .li-indent-6:before {
    content: '\2746'; }
  .ti-markdown-theme-wiki ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6;
    counter-increment: list-0; }
  .ti-markdown-theme-wiki ol .li-indent-1 {
    counter-increment: list-1;
    counter-reset: list-2 list-3 list-4 list-5 list-6; }
  .ti-markdown-theme-wiki ol .li-indent-2 {
    counter-increment: list-2;
    counter-reset: list-3 list-4 list-5 list-6; }
  .ti-markdown-theme-wiki ol .li-indent-3 {
    counter-increment: list-3;
    counter-reset: list-4 list-5 list-6; }
  .ti-markdown-theme-wiki ol .li-indent-4 {
    counter-increment: list-4;
    counter-reset: list-5 list-6; }
  .ti-markdown-theme-wiki ol .li-indent-5 {
    counter-increment: list-5;
    counter-reset: list-6; }
  .ti-markdown-theme-wiki ol .li-indent-6 {
    counter-increment: list-6;
    counter-reset: none; }
  .ti-markdown-theme-wiki ol li:before {
    font-family: Monaco, Consolas, Courier New;
    color: #080;
    content: counter(list-0, decimal) ". "; }
  .ti-markdown-theme-wiki ol .li-indent-1:before {
    content: counter(list-1, lower-alpha) ". "; }
  .ti-markdown-theme-wiki ol .li-indent-2:before {
    content: counter(list-2, decimal) ") "; }
  .ti-markdown-theme-wiki ol .li-indent-3:before {
    content: counter(list-0, decimal) ". " counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) ". "; }
  .ti-markdown-theme-wiki ol .li-indent-4:before {
    content: counter(list-0, decimal) "." counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) "." counter(list-4, decimal) ". "; }
  .ti-markdown-theme-wiki ol .li-indent-5:before {
    content: counter(list-0, decimal) "." counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) "." counter(list-4, decimal) "." counter(list-5, decimal) ". "; }
  .ti-markdown-theme-wiki ol .li-indent-6:before {
    content: counter(list-6, lower-greek) ". "; }
  .ti-markdown-theme-wiki img, .ti-markdown-theme-wiki video {
    max-width: 100%; }

.ti-markdown-theme-nice {
  padding: 1em 2em;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 1px;
  max-width: 12rem;
  margin: 0 auto; }
  .ti-markdown-theme-nice hr {
    height: 0px;
    border: 0;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
    margin: 0.1rem 0; }
  .ti-markdown-theme-nice code {
    font-family: Monaco, Consolas, Courier New;
    color: #ff4081;
    margin: 0 .5em; }
  .ti-markdown-theme-nice b {
    font-weight: bolder; }
  .ti-markdown-theme-nice strong {
    font-weight: bolder; }
  .ti-markdown-theme-nice i {
    opacity: 0.8;
    font-style: italic; }
  .ti-markdown-theme-nice em {
    opacity: 0.8;
    font-style: italic; }
  .ti-markdown-theme-nice del {
    color: #f44336;
    text-decoration: line-through; }
  .ti-markdown-theme-nice h1 {
    font-weight: 100;
    font-size: 2.0em;
    line-height: 1.6em; }
  .ti-markdown-theme-nice h2 {
    font-weight: 100;
    font-size: 1.7em;
    line-height: 2em; }
  .ti-markdown-theme-nice h3 {
    font-weight: 100;
    font-size: 1.5em;
    line-height: 2em; }
  .ti-markdown-theme-nice h4 {
    font-weight: 100;
    font-size: 1.3em;
    line-height: 2em; }
  .ti-markdown-theme-nice h5 {
    font-weight: 100;
    font-size: 1.2em;
    line-height: 2em; }
  .ti-markdown-theme-nice h6 {
    font-weight: 100;
    font-size: 1.1em;
    line-height: 2em; }
  .ti-markdown-theme-nice h1, .ti-markdown-theme-nice h2, .ti-markdown-theme-nice h3, .ti-markdown-theme-nice h4, .ti-markdown-theme-nice h5, .ti-markdown-theme-nice h6 {
    margin: 1em 0;
    padding: 0;
    color: #2196f3; }
  .ti-markdown-theme-nice table {
    border: 1px solid #2196f3;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 2em 0; }
  .ti-markdown-theme-nice td, .ti-markdown-theme-nice th {
    border: 1px solid #2196f3;
    padding: .4em;
    font-size: .9em; }
  .ti-markdown-theme-nice thead td {
    color: #d0e7fc;
    background-color: #2196f3;
    border-left-color: #d0e7fc;
    border-right-color: #d0e7fc;
    font-weight: 900;
    text-align: center; }
    .ti-markdown-theme-nice thead td:first-child {
      border-left-color: #2196f3; }
    .ti-markdown-theme-nice thead td:last-child {
      border-right-color: #2196f3; }
  .ti-markdown-theme-nice blockquote {
    margin: 1em .5em;
    padding: .3em 1em;
    font-size: .8em;
    border-left: 4px solid #2196f3;
    color: #888; }
  .ti-markdown-theme-nice p {
    margin: 1.2em 0; }
  .ti-markdown-theme-nice p img {
    margin: 2em auto;
    display: block; }
  .ti-markdown-theme-nice .ql-editor.ql-blank::before {
    top: 1.2em; }
  .ti-markdown-theme-nice pre {
    font-family: Monaco, Consolas, Courier New;
    font-size: 12px;
    color: #222;
    background-color: #e8e8e8;
    border-left: 4px solid #ff4081;
    width: 100%;
    overflow-x: auto;
    padding: 0.2rem;
    margin: 0; }
  .ti-markdown-theme-nice ul, .ti-markdown-theme-nice ol {
    color: #888;
    padding-left: 1.5em; }
    .ti-markdown-theme-nice ul li, .ti-markdown-theme-nice ol li {
      list-style-type: none; }
    .ti-markdown-theme-nice ul .li-indent-1, .ti-markdown-theme-nice ol .li-indent-1 {
      padding-left: 1.5em; }
    .ti-markdown-theme-nice ul .li-indent-2, .ti-markdown-theme-nice ol .li-indent-2 {
      padding-left: 3em; }
    .ti-markdown-theme-nice ul .li-indent-3, .ti-markdown-theme-nice ol .li-indent-3 {
      padding-left: 4.5em; }
    .ti-markdown-theme-nice ul .li-indent-4, .ti-markdown-theme-nice ol .li-indent-4 {
      padding-left: 6em; }
    .ti-markdown-theme-nice ul .li-indent-5, .ti-markdown-theme-nice ol .li-indent-5 {
      padding-left: 7.5em; }
    .ti-markdown-theme-nice ul .li-indent-6, .ti-markdown-theme-nice ol .li-indent-6 {
      padding-left: 9em; }
  .ti-markdown-theme-nice ul li:before {
    content: '\2022';
    margin-right: .5em;
    color: #ff4081; }
  .ti-markdown-theme-nice ul .li-indent-1:before {
    content: '\25C8'; }
  .ti-markdown-theme-nice ul .li-indent-2:before {
    content: '\25C6'; }
  .ti-markdown-theme-nice ul .li-indent-3:before {
    content: '\2605'; }
  .ti-markdown-theme-nice ul .li-indent-4:before {
    content: '\2013'; }
  .ti-markdown-theme-nice ul .li-indent-5:before {
    content: '\271A'; }
  .ti-markdown-theme-nice ul .li-indent-6:before {
    content: '\2746'; }
  .ti-markdown-theme-nice ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6;
    counter-increment: list-0; }
  .ti-markdown-theme-nice ol .li-indent-1 {
    counter-increment: list-1;
    counter-reset: list-2 list-3 list-4 list-5 list-6; }
  .ti-markdown-theme-nice ol .li-indent-2 {
    counter-increment: list-2;
    counter-reset: list-3 list-4 list-5 list-6; }
  .ti-markdown-theme-nice ol .li-indent-3 {
    counter-increment: list-3;
    counter-reset: list-4 list-5 list-6; }
  .ti-markdown-theme-nice ol .li-indent-4 {
    counter-increment: list-4;
    counter-reset: list-5 list-6; }
  .ti-markdown-theme-nice ol .li-indent-5 {
    counter-increment: list-5;
    counter-reset: list-6; }
  .ti-markdown-theme-nice ol .li-indent-6 {
    counter-increment: list-6;
    counter-reset: none; }
  .ti-markdown-theme-nice ol li:before {
    font-family: Monaco, Consolas, Courier New;
    color: #ff4081;
    content: counter(list-0, decimal) ". "; }
  .ti-markdown-theme-nice ol .li-indent-1:before {
    content: counter(list-1, lower-alpha) ". "; }
  .ti-markdown-theme-nice ol .li-indent-2:before {
    content: counter(list-2, decimal) ") "; }
  .ti-markdown-theme-nice ol .li-indent-3:before {
    content: counter(list-0, decimal) ". " counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) ". "; }
  .ti-markdown-theme-nice ol .li-indent-4:before {
    content: counter(list-0, decimal) "." counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) "." counter(list-4, decimal) ". "; }
  .ti-markdown-theme-nice ol .li-indent-5:before {
    content: counter(list-0, decimal) "." counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) "." counter(list-4, decimal) "." counter(list-5, decimal) ". "; }
  .ti-markdown-theme-nice ol .li-indent-6:before {
    content: counter(list-6, lower-greek) ". "; }
  .ti-markdown-theme-nice img, .ti-markdown-theme-nice video {
    max-width: 100%; }

.ti-media-audio {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  user-select: none;
  width: 3rem; }
  .ti-media-audio audio {
    position: fixed;
    top: -200rem;
    display: none; }

.ti-media-control {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  color: #e8e8e8;
  background-color: #222;
  position: relative;
  flex: 1 1 auto;
  padding: 0.06rem 0.46rem 0.06rem 0.06rem;
  border-radius: 0.3rem; }
  .ti-media-control .as-play-icon {
    padding: 0 0.04rem 0 0; }
    .ti-media-control .as-play-icon .ti-icon {
      width: 0.32rem;
      height: 0.32rem;
      font-size: 0.22rem;
      border-radius: 50%; }
  .ti-media-control .as-timeline {
    padding: 0 0.12rem;
    width: 2rem; }
    .ti-media-control .as-timeline > .as-con .as-bar {
      background-color: #222; }
    .ti-media-control .as-timeline > .as-con .as-hdl::before {
      background-color: #F5F7FA; }
  .ti-media-control .as-volume {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    width: 0.48rem;
    right: 0;
    bottom: 0;
    font-size: 0.2rem;
    border-radius: 0.3rem;
    padding-right: 0.08rem;
    transition: 0.5s;
    cursor: pointer;
    max-width: 3rem; }
    .ti-media-control .as-volume .as-volume-bar {
      padding: 0 0.2rem;
      flex: 1 1 auto;
      display: none; }
    .ti-media-control .as-volume .as-volume-icon .ti-icon {
      width: 0.32rem;
      height: 0.32rem;
      font-size: 0.22rem;
      border-radius: 50%; }
    .ti-media-control .as-volume .as-volume-icon:hover .ti-icon {
      color: #444;
      background-color: rgba(255, 255, 255, 0.6); }
    .ti-media-control .as-volume:hover {
      color: #d0e7fc;
      background-color: #2196f3;
      width: 100%; }
      .ti-media-control .as-volume:hover .as-volume-bar {
        display: flex; }
        .ti-media-control .as-volume:hover .as-volume-bar > .as-con .as-hdl::before {
          background-color: #d0e7fc; }
  .ti-media-control.is-ready .as-play-icon {
    cursor: pointer; }
    .ti-media-control.is-ready .as-play-icon:hover .ti-icon {
      color: #444;
      background-color: rgba(255, 255, 255, 0.6); }
  .ti-media-control.is-paused .as-play-icon .ti-icon {
    padding-left: 0.01rem; }

.ti-media-binary {
  color: #000;
  background-color: #F0F0F0;
  width: 100%;
  height: 100%;
  padding-bottom: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column; }
  .ti-media-binary .tob-icon {
    padding: 0.2rem;
    font-size: 0.96rem; }
  .ti-media-binary .tob-title {
    font-family: Monaco, Consolas, Courier New;
    font-size: 1.4em;
    text-align: center;
    width: 100%;
    word-break: break-all;
    padding: 0.1rem; }
  .ti-media-binary .tob-actions > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
    .ti-media-binary .tob-actions > a > .ti-icon {
      margin-right: 0.06rem; }

.ti-media-image {
  user-select: none;
  position: relative; }
  .ti-media-image > .as-con {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }
  .ti-media-image.is-in-viewport > .as-con img {
    box-shadow: 2px 2px 2px rgba(20, 20, 20, 0.3); }

.ti-media-video {
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  background: #000; }
  .ti-media-video.as-none video {
    box-shadow: 1px 1px 3px rgba(20, 20, 20, 0.3); }
  .ti-media-video.as-contain {
    padding: 0.02rem; }
    .ti-media-video.as-contain video {
      max-width: 100%;
      max-height: 100%; }
  .ti-media-video.as-loading {
    position: relative; }
    .ti-media-video.as-loading video {
      visibility: hidden; }
    .ti-media-video.as-loading .tov-loading {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap; }
  .ti-media-video video {
    outline: none; }

.ti-menu {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  font-family: "Microsoft YaHei", "PingHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif"; }
  .ti-menu.align-left {
    justify-content: flex-start; }
  .ti-menu.align-center {
    justify-content: center; }
  .ti-menu.align-right {
    justify-content: flex-end; }
  .ti-menu .menu-con {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap; }
  .ti-menu .menu-top-item {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
    .ti-menu .menu-top-item .as-info {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: stretch;
      flex-wrap: nowrap;
      border-radius: 0.02rem;
      padding: 0 0.06rem; }
      .ti-menu .menu-top-item .as-info[item-disabled] {
        cursor: default;
        opacity: 0.4; }
      .ti-menu .menu-top-item .as-info[item-enabled] {
        cursor: pointer;
        user-select: none; }
        .ti-menu .menu-top-item .as-info[item-enabled]:hover {
          color: #d0e7fc;
          background-color: #2196f3; }
    .ti-menu .menu-top-item .as-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      height: 0.3rem;
      line-height: 0.3rem; }
      .ti-menu .menu-top-item .as-icon > .ti-icon {
        width: 0.24rem; }
    .ti-menu .menu-top-item .as-text {
      padding: 0 2px;
      height: 0.3rem;
      line-height: 0.3rem;
      white-space: nowrap; }
    .ti-menu .menu-top-item > .it-is-line {
      background-color: rgba(0, 0, 0, 0.1);
      width: 1px;
      height: 0.2rem;
      overflow: hidden;
      margin: 0 0.02rem; }
  .ti-menu .it-is-group:hover > .md-info {
    color: #d0e7fc;
    background-color: #2196f3; }
  .ti-menu .it-is-group.is-top > .as-children:before {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    background-color: rgba(0, 0, 0, 0);
    z-index: 1000; }
  .ti-menu .it-is-group > .as-children.is-group-closed {
    display: none; }
  .ti-menu .it-is-group > .as-children.is-group-opened {
    display: block; }
  .ti-menu .it-is-group > .as-children > .menu-sub {
    color: #222;
    background-color: #e8e8e8;
    border: 1px solid;
    box-shadow: 4px 6px 10px rgba(20, 20, 20, 0.3);
    position: fixed;
    min-width: 1.5rem;
    z-index: 10000;
    padding: 1px; }
    .ti-menu .it-is-group > .as-children > .menu-sub .it-is-line {
      background-color: rgba(0, 0, 0, 0.1);
      height: 1px;
      overflow: hidden;
      margin: 0.04rem 0; }
    .ti-menu .it-is-group > .as-children > .menu-sub .as-info {
      padding: 0.02rem 0.1rem;
      line-height: 1.2em;
      height: 0.32rem; }
      .ti-menu .it-is-group > .as-children > .menu-sub .as-info:hover .as-tip {
        opacity: 1; }
      .ti-menu .it-is-group > .as-children > .menu-sub .as-info > * {
        flex: 0 0 auto;
        white-space: nowrap;
        display: block; }
      .ti-menu .it-is-group > .as-children > .menu-sub .as-info .as-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        width: 0.24rem;
        font-size: 0.24rem; }
      .ti-menu .it-is-group > .as-children > .menu-sub .as-info .as-text {
        padding-left: 0.1rem; }
      .ti-menu .it-is-group > .as-children > .menu-sub .as-info .as-tip {
        flex: 1 1 auto;
        padding-left: 0.24rem;
        text-align: right;
        font-size: 0.1rem;
        opacity: 0.6; }

.ti-modal > .mdl-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #cce8ff;
  background-color: rgba(50, 50, 50, 0.618);
  z-index: 999999; }

.ti-modal > .mdl-con {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999999; }
  .ti-modal > .mdl-con > .mdl-main {
    color: #222;
    background-color: #e8e8e8;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    position: relative;
    min-width: 3.2rem;
    min-height: 1.8rem; }
    .ti-modal > .mdl-con > .mdl-main > .mdl-title {
      user-select: none;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      color: #222;
      background-color: #F5F7FA;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 0.04rem 0.04rem;
      font-size: 12px; }
      .ti-modal > .mdl-con > .mdl-main > .mdl-title > * {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        display: inline;
        line-height: 24px; }
      .ti-modal > .mdl-con > .mdl-main > .mdl-title > .mdl-title-icon {
        margin: 0 0.06rem 0 0;
        opacity: 0.4; }
        .ti-modal > .mdl-con > .mdl-main > .mdl-title > .mdl-title-icon > i {
          font-size: 1.3em;
          display: block; }
    .ti-modal > .mdl-con > .mdl-main > .mdl-body {
      flex: 1 1 auto;
      overflow: hidden; }
    .ti-modal > .mdl-con > .mdl-main > .mdl-actions {
      user-select: none;
      color: #000;
      background-color: #E0E0E0;
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
      .ti-modal > .mdl-con > .mdl-main > .mdl-actions > ul {
        list-style: none;
        padding: 0;
        margin: 0;
        padding: 0.04rem; }
        .ti-modal > .mdl-con > .mdl-main > .mdl-actions > ul > li {
          color: #222;
          background-color: #e8e8e8;
          cursor: pointer;
          user-select: none;
          color: #d0e7fc;
          background-color: #2196f3;
          border: 1px solid rgba(0, 0, 0, 0.2);
          margin: 0.02rem;
          padding: 0 0.12rem;
          font-size: 12px;
          line-height: 2.4em;
          min-width: 1rem;
          text-align: center;
          letter-spacing: .1em; }
          .ti-modal > .mdl-con > .mdl-main > .mdl-actions > ul > li:hover {
            color: #FFF;
            background-color: #ff4081; }
          .ti-modal > .mdl-con > .mdl-main > .mdl-actions > ul > li .mdl-btn-icon {
            margin-right: 0.05rem; }

.ti-modal.ti-success > .mdl-con > .mdl-main > .mdl-title {
  color: #CFC;
  background-color: #4caf50; }

.ti-modal.ti-warn > .mdl-con > .mdl-main > .mdl-title {
  color: #FFC;
  background-color: #FF8800; }

.ti-modal.ti-info > .mdl-con > .mdl-main > .mdl-title {
  color: #FFF;
  background-color: #2196f3; }

.ti-modal.ti-error > .mdl-con > .mdl-main > .mdl-title {
  color: #FCC;
  background-color: #f44336; }

.ti-modal.ti-track > .mdl-con > .mdl-main > .mdl-title {
  color: #FFF;
  background-color: #888; }

.ti-modal.vm-desktop > .mdl-con, .ti-modal.vm-tablet > .mdl-con {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 0.2rem;
  z-index: 999999; }
  .ti-modal.vm-desktop > .mdl-con > .mdl-main > .mdl-closer, .ti-modal.vm-tablet > .mdl-con > .mdl-main > .mdl-closer {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    cursor: pointer;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: -16px;
    margin-top: -16px; }
    .ti-modal.vm-desktop > .mdl-con > .mdl-main > .mdl-closer > span, .ti-modal.vm-tablet > .mdl-con > .mdl-main > .mdl-closer > span {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      flex: 1 1 auto;
      color: #cce8ff;
      background-color: rgba(50, 50, 50, 0.618);
      border: 2px solid;
      border-radius: 50%;
      overflow: hidden;
      font-size: 16px;
      transition: transform 0.3s; }
    .ti-modal.vm-desktop > .mdl-con > .mdl-main > .mdl-closer:hover > span, .ti-modal.vm-tablet > .mdl-con > .mdl-main > .mdl-closer:hover > span {
      color: #FFF;
      background-color: #ff4081;
      border-width: 0;
      transform: scale(1.2) rotate(180deg); }
  .ti-modal.vm-desktop > .mdl-con > .mdl-main > .mdl-actions, .ti-modal.vm-tablet > .mdl-con > .mdl-main > .mdl-actions {
    user-select: none;
    color: #000;
    background-color: #E0E0E0;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .ti-modal.vm-desktop > .mdl-con > .mdl-main > .mdl-actions > ul, .ti-modal.vm-tablet > .mdl-con > .mdl-main > .mdl-actions > ul {
      display: flex;
      justify-content: flex-end;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap; }

.ti-modal.vm-phone.ti-success > .mdl-con > .mdl-main > .mdl-closer {
  color: #CFC; }

.ti-modal.vm-phone.ti-warn > .mdl-con > .mdl-main > .mdl-closer {
  color: #FFC; }

.ti-modal.vm-phone.ti-info > .mdl-con > .mdl-main > .mdl-closer {
  color: #FFF; }

.ti-modal.vm-phone.ti-error > .mdl-con > .mdl-main > .mdl-closer {
  color: #FCC; }

.ti-modal.vm-phone.ti-track > .mdl-con > .mdl-main > .mdl-closer {
  color: #FFF; }

.ti-modal.vm-phone > .mdl-con {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  padding: 0px;
  z-index: 999999; }
  .ti-modal.vm-phone > .mdl-con > .mdl-main {
    color: #000;
    background-color: #F0F0F0;
    width: 100%;
    height: 100%;
    padding: 1px; }
    .ti-modal.vm-phone > .mdl-con > .mdl-main > .mdl-closer {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      cursor: pointer;
      width: 32px;
      height: 32px;
      line-height: 32px; }
      .ti-modal.vm-phone > .mdl-con > .mdl-main > .mdl-closer > span {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex: 1 1 auto;
        overflow: hidden;
        font-size: 16px;
        transition: transform 0.3s; }
      .ti-modal.vm-phone > .mdl-con > .mdl-main > .mdl-closer:hover > span {
        color: #ff4081;
        transform: scale(1.2) rotate(180deg); }
    .ti-modal.vm-phone > .mdl-con > .mdl-main > .mdl-title {
      font-size: 14px;
      padding-left: 16px; }
      .ti-modal.vm-phone > .mdl-con > .mdl-main > .mdl-title > * {
        line-height: 32px; }
    .ti-modal.vm-phone > .mdl-con > .mdl-main > .mdl-actions {
      user-select: none;
      color: #222;
      background-color: #e8e8e8;
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
      .ti-modal.vm-phone > .mdl-con > .mdl-main > .mdl-actions > ul {
        padding: 20px; }
        .ti-modal.vm-phone > .mdl-con > .mdl-main > .mdl-actions > ul > li {
          margin: 10px;
          padding: 8px; }

.ti-modal-noti {
  position: relative;
  padding: 0.12rem 0.2rem 0.12rem 1.2rem; }
  .ti-modal-noti > .ti-modal-noti-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0.08rem;
    font-size: 0.5rem; }
    .ti-modal-noti > .ti-modal-noti-icon > * {
      font-size: inherit; }
  .ti-modal-noti > .ti-modal-noti-text {
    padding: 0.1rem; }
  .ti-modal-noti > .ti-modal-noti-more {
    padding: 0 0.1rem 0.1rem 0.1rem; }
    .ti-modal-noti > .ti-modal-noti-more.prompt-input input {
      color: #444;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.2);
      outline: none;
      resize: none;
      font-family: Monaco, Consolas, Courier New;
      flex: 1 1 auto;
      width: 100%;
      padding: 0.12rem;
      font-size: 1.2em;
      outline: none; }
      .ti-modal-noti > .ti-modal-noti-more.prompt-input input:focus {
        border-color: #2196f3; }

.ti-modal.vm-phone .ti-modal-noti {
  position: relative;
  padding: 0.2rem; }
  .ti-modal.vm-phone .ti-modal-noti > .ti-modal-noti-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0.08rem;
    font-size: 0.64rem; }
    .ti-modal.vm-phone .ti-modal-noti > .ti-modal-noti-icon > * {
      font-size: inherit; }
  .ti-modal.vm-phone .ti-modal-noti > .ti-modal-noti-text {
    padding: 0.15rem;
    font-size: 0.2rem;
    text-align: center; }
  .ti-modal.vm-phone .ti-modal-noti > .ti-modal-noti-more {
    padding: 0 0.1rem 0.1rem 0.1rem; }
    .ti-modal.vm-phone .ti-modal-noti > .ti-modal-noti-more.prompt-input input {
      color: #444;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.2);
      outline: none;
      resize: none;
      font-family: Monaco, Consolas, Courier New;
      flex: 1 1 auto;
      width: 100%;
      padding: 0.12rem;
      font-size: 1.2em;
      outline: none; }
      .ti-modal.vm-phone .ti-modal-noti > .ti-modal-noti-more.prompt-input input:focus {
        border-color: #2196f3; }

.ti-obj-pair table {
  border: 0;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0; }

.ti-obj-pair td,
.ti-obj-pair th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.3em 0.5em;
  margin: 0;
  position: relative; }
  .ti-obj-pair td.as-name,
  .ti-obj-pair th.as-name {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    color: #888; }
  .ti-obj-pair td input,
  .ti-obj-pair th input {
    flex: 1 1 auto;
    width: 100%;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: inherit;
    outline: none;
    background-color: transparent;
    color: inherit;
    padding: 0.3em 0.5em; }
    .ti-obj-pair td input:focus,
    .ti-obj-pair th input:focus {
      color: #31a6ff;
      background-color: #cce8ff; }

.ti-obj-pair td.as-value > .as-more {
  position: absolute;
  top: 0;
  width: 0.32rem;
  right: 0;
  bottom: 0;
  padding: 0.04rem;
  cursor: pointer;
  opacity: 0; }
  .ti-obj-pair td.as-value > .as-more b {
    color: #000;
    background-color: #E0E0E0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    border-radius: 0.03rem; }
  .ti-obj-pair td.as-value > .as-more:hover b {
    color: #FFF;
    background-color: #ff4081; }

.ti-obj-pair td.as-value:hover > .as-more {
  opacity: 1; }

.ti-obj-pair th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.ti-obj-pair.as-comfy {
  padding: 0.5em; }
  .ti-obj-pair.as-comfy td,
  .ti-obj-pair.as-comfy th,
  .ti-obj-pair.as-comfy input {
    padding: 0.5em 0.8em; }

.ti-obj-pair.can-edit-value.as-comfy td.as-value,
.ti-obj-pair.can-edit-value td.as-value {
  padding: 0; }

.ti-obj-pair.as-full table {
  width: 100%; }

.ti-obj-thumb {
  user-select: none;
  width: 1rem;
  border: 1px solid transparent;
  position: relative; }
  .ti-obj-thumb > header {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 0.05rem; }
    .ti-obj-thumb > header > .as-preview {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      flex: 1 1 auto;
      position: relative;
      width: 0.8rem;
      height: 0.8rem;
      padding: 0.04rem;
      border-radius: 0.04rem;
      font-size: 0.4rem; }
      .ti-obj-thumb > header > .as-preview > img {
        object-fit: contain;
        width: 100%;
        height: 100%;
        display: block; }
      .ti-obj-thumb > header > .as-preview > .as-badge {
        font-size: 0.12rem;
        opacity: 0.6; }
        .ti-obj-thumb > header > .as-preview > .as-badge.at-nw {
          position: absolute;
          left: 0.02rem;
          top: 0.02rem; }
        .ti-obj-thumb > header > .as-preview > .as-badge.at-ne {
          position: absolute;
          top: 0.02rem;
          right: 0.02rem; }
        .ti-obj-thumb > header > .as-preview > .as-badge.at-sw {
          position: absolute;
          left: 0.02rem;
          bottom: 0.02rem; }
        .ti-obj-thumb > header > .as-preview > .as-badge.at-se {
          position: absolute;
          right: 0.02rem;
          bottom: 0.02rem; }
        .ti-obj-thumb > header > .as-preview > .as-badge.as-label-10 {
          opacity: 0.1; }
        .ti-obj-thumb > header > .as-preview > .as-badge.as-label-20 {
          opacity: 0.2; }
        .ti-obj-thumb > header > .as-preview > .as-badge.as-label-30 {
          opacity: 0.3; }
        .ti-obj-thumb > header > .as-preview > .as-badge.as-label-40 {
          opacity: 0.4; }
        .ti-obj-thumb > header > .as-preview > .as-badge.as-label-50 {
          opacity: 0.5; }
        .ti-obj-thumb > header > .as-preview > .as-badge.as-label-60 {
          opacity: 0.6; }
        .ti-obj-thumb > header > .as-preview > .as-badge.as-label-70 {
          opacity: 0.7; }
        .ti-obj-thumb > header > .as-preview > .as-badge.as-label-80 {
          opacity: 0.8; }
        .ti-obj-thumb > header > .as-preview > .as-badge.as-label-90 {
          opacity: 0.9; }
        .ti-obj-thumb > header > .as-preview > .as-badge.as-circle {
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          border-radius: 50%;
          overflow: hidden;
          height: 0.2rem;
          line-height: 0.2rem;
          min-width: 0.2rem;
          font-size: 0.1rem; }
        .ti-obj-thumb > header > .as-preview > .as-badge.is-primary {
          color: #d0e7fc;
          background-color: #2196f3; }
        .ti-obj-thumb > header > .as-preview > .as-badge.is-secondary {
          color: #FFF;
          background-color: #ff4081; }
        .ti-obj-thumb > header > .as-preview > .as-badge.is-success {
          color: #CFC;
          background-color: #4caf50; }
        .ti-obj-thumb > header > .as-preview > .as-badge.is-warn {
          color: #FFC;
          background-color: #FF8800; }
        .ti-obj-thumb > header > .as-preview > .as-badge.is-info {
          color: #FFF;
          background-color: #2196f3; }
        .ti-obj-thumb > header > .as-preview > .as-badge.is-error {
          color: #FCC;
          background-color: #f44336; }
        .ti-obj-thumb > header > .as-preview > .as-badge.is-track {
          color: #FFF;
          background-color: #888; }
        .ti-obj-thumb > header > .as-preview > .as-badge.is-disable {
          color: #CCC;
          background-color: #999; }
        .ti-obj-thumb > header > .as-preview > .as-badge.is-text {
          color: #FFF;
          background-color: #080; }
        .ti-obj-thumb > header > .as-preview > .as-badge.is-number {
          color: #FFF;
          background-color: #08F; }
    .ti-obj-thumb > header > .as-progress {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }
  .ti-obj-thumb > .as-status {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    color: #cce8ff;
    background-color: rgba(50, 50, 50, 0.372);
    opacity: 0.8; }
  .ti-obj-thumb.is-status-done > .as-status {
    color: #CFC;
    background-color: #4caf50; }
  .ti-obj-thumb.is-status-loading > .as-status {
    color: #d0e7fc;
    background-color: #2196f3; }
  .ti-obj-thumb.is-status-processing > .as-status {
    color: #FFF;
    background-color: #ff4081; }
  .ti-obj-thumb.is-status-error > .as-status {
    color: #FCC;
    background-color: #f44336; }
  .ti-obj-thumb.is-status-warn > .as-status {
    color: #FFC;
    background-color: #FF8800; }
  .ti-obj-thumb.is-status-removed > .as-status {
    color: #FFF;
    background-color: #080; }
  .ti-obj-thumb.is-status-ok > .as-status {
    color: #FFF;
    background-color: #2196f3; }
  .ti-obj-thumb > footer {
    padding: 0.04rem;
    text-align: center; }
    .ti-obj-thumb > footer > .as-title {
      height: 3.3em;
      line-height: 1.1em;
      overflow: hidden;
      word-break: break-all;
      font-size: 1em;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      -moz-box-orient: vertical;
      -moz-line-clamp: 3; }
      .ti-obj-thumb > footer > .as-title > a {
        color: #000; }
        .ti-obj-thumb > footer > .as-title > a:hover {
          color: #2196f3; }
  .ti-obj-thumb.is-removed {
    opacity: 0.4; }
  .ti-obj-thumb.is-weak {
    opacity: 0.4; }
  .ti-obj-thumb.is-hide {
    display: none; }
  .ti-obj-thumb > .as-remove {
    position: absolute;
    top: -0.12rem;
    width: 0.24rem;
    height: 0.24rem;
    right: -0.12rem;
    color: #d0e7fc;
    background-color: #2196f3;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    cursor: pointer;
    font-size: 0.08rem;
    border-radius: 50%;
    opacity: 0.6; }
    .ti-obj-thumb > .as-remove .ti-icon {
      transition: 0.3s; }
    .ti-obj-thumb > .as-remove:hover {
      color: #FCC;
      background-color: #f44336;
      opacity: 1; }
      .ti-obj-thumb > .as-remove:hover .ti-icon {
        transform: rotate(180deg) scale(1.2); }

.is-selected .ti-obj-thumb > footer > .as-title > a {
  color: #31a6ff; }

.ti-obj-tile {
  padding-bottom: 0.1rem; }
  .ti-obj-tile > .as-preview {
    background: rgba(230, 230, 230, 0.8); }
    .ti-obj-tile > .as-preview .ti-icon .icon-icon {
      width: 100%;
      font-size: 0.24rem; }
    .ti-obj-tile > .as-preview .ti-icon img {
      display: block;
      width: 100%; }
  .ti-obj-tile > .as-title {
    padding: 0.1rem 0.06rem;
    font-size: 1.2em;
    text-align: center; }
  .ti-obj-tile > .as-brief {
    color: #888;
    cursor: default;
    padding: 0.1rem;
    font-size: 1em; }
  .ti-obj-tile.as-card {
    box-shadow: 1px 1px 3px rgba(20, 20, 20, 0.2); }
  .ti-obj-tile.on-hover {
    transition: .3s; }
  .ti-obj-tile.on-hover-up:hover {
    transform: translateY(-3px); }
  .ti-obj-tile.on-hover-down:hover {
    transform: translateY(3px); }
  .ti-obj-tile.on-hover-left:hover {
    transform: translateX(-3px); }
  .ti-obj-tile.on-hover-right:hover {
    transform: translateX(3px); }
  .ti-obj-tile.on-hover-zoom:hover {
    transform: scale(1.1); }

.ti-paging-jumper {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  user-select: none;
  padding: 0.06rem;
  font-size: 0.12rem; }
  .ti-paging-jumper .pj-btn {
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    padding: 0 0.06rem;
    margin: 0 4px;
    line-height: 2em; }
    .ti-paging-jumper .pj-btn.is-disabled {
      opacity: 0.2;
      cursor: default; }
    .ti-paging-jumper .pj-btn.is-enabled {
      cursor: pointer;
      user-select: none;
      color: #d0e7fc;
      background-color: #2196f3; }
      .ti-paging-jumper .pj-btn.is-enabled:hover {
        color: #FFF;
        background-color: #ff4081; }
    .ti-paging-jumper .pj-btn > .it-text {
      margin: 0 0.04rem; }
  .ti-paging-jumper .pj-current {
    min-width: 4em;
    padding: 0 0.02rem;
    text-align: center; }
    .ti-paging-jumper .pj-current.is-disabled {
      opacity: 0.2;
      cursor: default; }
    .ti-paging-jumper .pj-current.is-enabled {
      cursor: pointer; }
      .ti-paging-jumper .pj-current.is-enabled:hover {
        color: #2196f3;
        text-decoration: underline; }
  .ti-paging-jumper .pj-sum {
    color: #888;
    font-size: .9em;
    padding: 0 0.04rem;
    white-space: nowrap; }
    .ti-paging-jumper .pj-sum.is-disabled {
      opacity: 0.2;
      cursor: default; }
    .ti-paging-jumper .pj-sum.is-enabled {
      cursor: pointer; }
      .ti-paging-jumper .pj-sum.is-enabled:hover {
        color: #2196f3;
        text-decoration: underline; }

.ti-paging-button {
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding: .5em; }
  .ti-paging-button .as-pg-btn {
    color: #d0e7fc;
    background-color: #2196f3;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    cursor: pointer;
    padding: .5em .6em;
    margin: 0 .2em; }
    .ti-paging-button .as-pg-btn:hover {
      color: #FFF;
      background-color: #ff4081; }
    .ti-paging-button .as-pg-btn.is-current {
      color: #2196f3;
      background-color: #d0e7fc;
      cursor: default;
      font-weight: bold;
      font-size: 1.2em; }
  .ti-paging-button .as-ellipsis {
    margin: 0 1em; }
  .ti-paging-button.is-first .as-pg-btn.is-prev {
    color: #CCC;
    background-color: #999;
    cursor: default; }
  .ti-paging-button.is-last .as-pg-btn.is-next {
    color: #CCC;
    background-color: #999;
    cursor: default; }

.ti-progress-bar .bar-tip {
  display: block;
  text-align: center;
  padding: 0.04rem;
  line-height: 1.6em;
  white-space: nowrap;
  font-size: 0.1rem;
  color: #ff4081; }

.ti-progress-bar .bar-outer {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #4caf50;
  background-color: #CFC;
  overflow: hidden; }

.ti-progress-bar .bar-inner {
  display: block;
  background: #4caf50;
  min-height: 4px; }

.ti-progress-bar.tip-mask .bar-tip {
  color: #cce8ff;
  background-color: rgba(50, 50, 50, 0.372); }

.ti-progress-bar.tip-shadow .bar-tip {
  text-shadow: 1px 1px 0 rgba(20, 20, 20, 0.5); }

.ti-progress-bar.fs-xs .bar-tip {
  font-size: 0.6em; }

.ti-progress-bar.fs-sm .bar-tip {
  font-size: 0.8em; }

.ti-progress-bar.fs-md .bar-tip {
  font-size: 1em; }

.ti-progress-bar.fs-lg .bar-tip {
  font-size: 1.2em; }

.ti-progress-bar.fs-xl .bar-tip {
  font-size: 1.5em; }

.ti-progress-bar.is-success .bar-tip {
  color: #4caf50; }

.ti-progress-bar.is-warn .bar-tip {
  color: #FF8800; }

.ti-progress-bar.is-info .bar-tip {
  color: #2196f3; }

.ti-progress-bar.is-error .bar-tip {
  color: #f44336; }

.ti-progress-bar.is-track .bar-tip {
  color: #888; }

.ti-progress-bar.is-disable .bar-tip {
  color: #999; }

.ti-progress-bar.is-text .bar-tip {
  color: #080; }

.ti-progress-bar.is-number .bar-tip {
  color: #08F; }

.ti-roadblock {
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  color: #999;
  width: 100%;
  height: 100%; }
  .ti-roadblock > .as-main {
    font-size: 0.32rem; }
    .ti-roadblock > .as-main .as-icon {
      font-size: 5em;
      padding: 0.1em; }
    .ti-roadblock > .as-main .as-text {
      font-size: 1em;
      text-align: center; }
    .ti-roadblock > .as-main .as-links {
      padding: 0.2rem;
      font-size: 0.8em; }
      .ti-roadblock > .as-main .as-links .link-item a {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        flex-wrap: wrap;
        padding: 0.1rem; }
        .ti-roadblock > .as-main .as-links .link-item a .link-icon {
          width: 0.32rem; }
  .ti-roadblock.is-big > .as-main {
    font-size: 0.32rem; }
  .ti-roadblock.is-normal > .as-main {
    font-size: 0.24rem; }
  .ti-roadblock.is-small > .as-main {
    font-size: 0.18rem; }
  .ti-roadblock.is-tiny > .as-main {
    font-size: 0.14rem; }
    .ti-roadblock.is-tiny > .as-main .as-icon {
      font-size: 3em; }
  .ti-roadblock.is-success {
    color: #4caf50; }
  .ti-roadblock.is-warn {
    color: #FF8800; }
  .ti-roadblock.is-info {
    color: #2196f3; }
  .ti-roadblock.is-error {
    color: #f44336; }
  .ti-roadblock.is-track {
    color: #888; }
  .ti-roadblock.is-disable {
    color: #999; }
  .ti-roadblock.is-text {
    color: #080; }
  .ti-roadblock.is-number {
    color: #08F; }

.ti-session-badge {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-session-badge > .as-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
    .ti-session-badge > .as-avatar > img {
      border: 1px solid rgba(230, 230, 230, 0.8);
      height: 2.6em;
      width: 2.6em;
      object-fit: cover;
      border-radius: 50%; }
  .ti-session-badge > .as-icon {
    font-size: 1.2em;
    padding: 0 0.3em; }
  .ti-session-badge > .as-name {
    padding: 0 0.08rem; }
    .ti-session-badge > .as-name a:hover {
      text-decoration: underline; }
  .ti-session-badge > .as-link {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding: 0 0.08rem; }
    .ti-session-badge > .as-link a:hover {
      text-decoration: underline; }
    .ti-session-badge > .as-link > .it-icon {
      margin-right: 0.06rem; }
  .ti-session-badge.is-vertical {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 2em 1em; }
    .ti-session-badge.is-vertical > .as-avatar {
      padding: 0.1rem; }
      .ti-session-badge.is-vertical > .as-avatar > img {
        height: 0.92rem;
        width: 0.92rem; }
    .ti-session-badge.is-vertical > .as-icon {
      font-size: 0.92rem;
      padding: 0.1rem; }
    .ti-session-badge.is-vertical > .as-name {
      padding: 0.08rem;
      text-align: center; }
    .ti-session-badge.is-vertical > .as-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: stretch;
      flex-wrap: nowrap;
      flex-direction: column;
      border: 0;
      padding: .5em 0;
      border-top: 1px solid rgba(0, 0, 0, 0.1); }

.ti-sheet-emoji {
  user-select: none; }
  .ti-sheet-emoji > .as-list {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 0.15rem;
    overflow: auto; }
    .ti-sheet-emoji > .as-list .emoji-item {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap;
      width: 0.5rem;
      height: 0.5rem;
      line-height: 0.5rem;
      font-size: 0.3571428571rem;
      text-align: center;
      margin: .2em;
      cursor: pointer; }
      .ti-sheet-emoji > .as-list .emoji-item span {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex: 1 1 auto;
        display: block;
        transition: .3s; }
      .ti-sheet-emoji > .as-list .emoji-item:hover span {
        transform: scale(2) rotate3d(0, 1, 1, 360deg);
        text-shadow: 0 0 0.1rem rgba(20, 20, 20, 0.3); }

.ti-sheet-table {
  width: 100%;
  height: 100%; }
  .ti-sheet-table > .sheet-con {
    width: 100%;
    height: 100%;
    overflow: auto; }
    .ti-sheet-table > .sheet-con > table {
      width: 100%;
      table-layout: fixed;
      border-spacing: 0;
      border-collapse: collapse; }
      .ti-sheet-table > .sheet-con > table > thead > tr > th {
        color: #222;
        background-color: #F5F7FA;
        border: 1px solid rgba(0, 0, 0, 0.1);
        font-family: Monaco, Consolas, Courier New;
        font-size: 0.11rem;
        font-weight: normal;
        z-index: 1;
        position: sticky;
        top: 0;
        height: 0.32rem; }
        .ti-sheet-table > .sheet-con > table > thead > tr > th.as-row-index {
          z-index: 3;
          left: 0; }
      .ti-sheet-table > .sheet-con > table > tbody > tr > td {
        border: 1px solid rgba(0, 0, 0, 0.1);
        color: #000;
        background-color: #FFF; }
        .ti-sheet-table > .sheet-con > table > tbody > tr > td.as-row-index {
          color: #222;
          background-color: #F5F7FA;
          font-family: Monaco, Consolas, Courier New;
          font-size: 0.1rem;
          z-index: 2;
          position: sticky;
          left: 0;
          cursor: pointer; }
          .ti-sheet-table > .sheet-con > table > tbody > tr > td.as-row-index:hover > .row-index-con .as-row-delete {
            width: 0.32rem;
            height: 0.32rem;
            right: -0.32rem;
            opacity: 1; }
          .ti-sheet-table > .sheet-con > table > tbody > tr > td.as-row-index .row-index-con {
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            flex-wrap: wrap;
            width: 100%;
            height: 100%;
            position: relative; }
            .ti-sheet-table > .sheet-con > table > tbody > tr > td.as-row-index .row-index-con .as-row-delete {
              position: absolute;
              width: 0;
              height: 0.1rem;
              right: 0;
              color: #d0e7fc;
              background-color: #2196f3;
              display: flex;
              justify-content: center;
              align-items: center;
              align-content: center;
              flex-wrap: wrap;
              overflow: hidden;
              opacity: 0;
              transition: 0.3s;
              border-radius: 0 0.06rem 0.06rem 0; }
              .ti-sheet-table > .sheet-con > table > tbody > tr > td.as-row-index .row-index-con .as-row-delete > i {
                transition: 0.3s;
                display: block;
                font-size: 0.14rem; }
              .ti-sheet-table > .sheet-con > table > tbody > tr > td.as-row-index .row-index-con .as-row-delete:hover {
                color: #FFF;
                background-color: #ff4081; }
                .ti-sheet-table > .sheet-con > table > tbody > tr > td.as-row-index .row-index-con .as-row-delete:hover > i {
                  transform: rotate(180deg) scale(1.3); }
        .ti-sheet-table > .sheet-con > table > tbody > tr > td.is-readonly {
          color: #000;
          background-color: #F0F0F0; }
          .ti-sheet-table > .sheet-con > table > tbody > tr > td.is-readonly .as-cell-val {
            opacity: 0.7; }
      .ti-sheet-table > .sheet-con > table > tbody > tr > td > div.as-cell-val {
        font-family: Monaco, Consolas, Courier New;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        user-select: none;
        padding: 0 0.04rem;
        white-space: nowrap;
        min-width: 1.2rem;
        min-height: 0.28rem; }
        .ti-sheet-table > .sheet-con > table > tbody > tr > td > div.as-cell-val > i {
          font-style: normal;
          opacity: 0.4;
          margin-right: 0.04rem; }
        .ti-sheet-table > .sheet-con > table > tbody > tr > td > div.as-cell-val > em {
          flex: 1 1 auto;
          font-style: normal; }
        .ti-sheet-table > .sheet-con > table > tbody > tr > td > div.as-cell-val > u {
          flex: 0 0 auto;
          text-decoration: none;
          opacity: 0.6; }
        .ti-sheet-table > .sheet-con > table > tbody > tr > td > div.as-cell-val > span.as-major {
          flex: 1 1 auto; }
        .ti-sheet-table > .sheet-con > table > tbody > tr > td > div.as-cell-val > span.as-suffix {
          flex: 0 0 auto;
          opacity: 0.6; }
      .ti-sheet-table > .sheet-con > table td.as-row-cell {
        position: relative; }
        .ti-sheet-table > .sheet-con > table td.as-row-cell.is-nil > div.as-cell-val {
          opacity: 0.6;
          font-size: 0.8em; }
        .ti-sheet-table > .sheet-con > table td.as-row-cell .as-cell-editor {
          position: absolute;
          left: -1px;
          top: -1px;
          bottom: -1px;
          min-height: 0.28rem;
          z-index: 1; }
          .ti-sheet-table > .sheet-con > table td.as-row-cell .as-cell-editor.ti-input {
            min-height: unset;
            border-radius: 0; }
          .ti-sheet-table > .sheet-con > table td.as-row-cell .as-cell-editor .as-input-icon.at-prefix {
            width: 0.18rem;
            font-size: 0.1rem; }
          .ti-sheet-table > .sheet-con > table td.as-row-cell .as-cell-editor .as-input-text {
            font-size: 0.1rem; }
    .ti-sheet-table > .sheet-con > .as-row-creator {
      display: flex;
      justify-content: center;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap;
      padding: 0.08rem; }
      .ti-sheet-table > .sheet-con > .as-row-creator > .as-tip {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap; }
      .ti-sheet-table > .sheet-con > .as-row-creator > .ti-input-num {
        margin: 0 0.1rem; }

.ti-slide-bar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  user-select: none;
  padding: 0 0.08rem;
  width: 1.5rem;
  height: 0.2rem; }
  .ti-slide-bar.hdl-sm > .as-con .as-hdl::before {
    height: 0.08rem;
    width: 0.08rem;
    left: -0.04rem; }
  .ti-slide-bar.hdl-md > .as-con .as-hdl::before {
    height: 0.12rem;
    width: 0.12rem;
    left: -0.06rem; }
  .ti-slide-bar.hdl-lg > .as-con .as-hdl::before {
    height: 0.16rem;
    width: 0.16rem;
    left: -0.08rem; }
  .ti-slide-bar.bar-sm > .as-con .as-bar {
    height: 3px; }
  .ti-slide-bar.bar-md > .as-con .as-bar {
    height: 5px; }
  .ti-slide-bar.bar-lg > .as-con .as-bar {
    height: 7px; }
  .ti-slide-bar.inner-color-0 > .as-con .as-bar > .as-inner {
    background-color: #2196f3; }
  .ti-slide-bar.inner-color-1 > .as-con .as-bar > .as-inner {
    background-color: #ff4081; }
  .ti-slide-bar.hdl-color-0 > .as-con .as-hdl::before {
    background-color: #2196f3; }
  .ti-slide-bar.hdl-color-1 > .as-con .as-hdl::before {
    background-color: #ff4081; }
  .ti-slide-bar.no-bar-inner > .as-con .as-bar span {
    display: none; }
  .ti-slide-bar > .as-text {
    font-family: Monaco, Consolas, Courier New;
    font-size: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis; }
    .ti-slide-bar > .as-text.at-prefix {
      margin-right: 1em;
      text-align: right; }
    .ti-slide-bar > .as-text.at-suffix {
      margin-left: 1em; }
  .ti-slide-bar > .as-con {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%; }
    .ti-slide-bar > .as-con .as-bar {
      background-color: #888;
      height: 3px;
      width: 100%;
      position: relative; }
      .ti-slide-bar > .as-con .as-bar > .as-marker {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        display: block;
        background-color: #FFF;
        opacity: 0.6; }
      .ti-slide-bar > .as-con .as-bar > .as-inner {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        display: block;
        background-color: #FFF; }
    .ti-slide-bar > .as-con .as-hdl {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap; }
      .ti-slide-bar > .as-con .as-hdl::before {
        color: #FFF;
        background-color: #000;
        content: "";
        position: relative;
        border-radius: 50%;
        cursor: pointer; }
  .ti-slide-bar.hdl-sm > .as-con .as-hdl::before, .ti-slide-bar.hdl-md > .as-con .as-hdl::before, .ti-slide-bar.hdl-lg > .as-con .as-hdl::before {
    display: block; }
  .ti-slide-bar.hdl-auto-hide > .as-con .as-hdl {
    opacity: 0;
    transition: opacity 0.3s; }
  .ti-slide-bar.hdl-auto-hide > .as-con:hover .as-hdl {
    opacity: 1; }
  .ti-slide-bar.is-show-prefix {
    padding-left: 0; }
  .ti-slide-bar.is-show-suffix {
    padding-right: 0; }

.ti-slide-stack {
  width: 100%; }
  .ti-slide-stack.is-mode-H > .as-main {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 0.4rem;
    border-radius: 0.1rem;
    overflow: hidden; }
  .ti-slide-stack.is-mode-H.is-stack-single > .as-main {
    background-color: #F5F7FA; }
  .ti-slide-stack.is-mode-V > .as-main {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 1rem;
    height: 3rem; }
  .ti-slide-stack .as-main .stack-item {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex: 0 0 auto; }
  .ti-slide-stack .as-main .stack-item-text {
    font-family: Monaco, Consolas, Courier New;
    font-size: 0.12rem; }
  .ti-slide-stack .as-legend {
    padding: 0.1rem; }
    .ti-slide-stack .as-legend table {
      border: 0; }
    .ti-slide-stack .as-legend .legend-name > div {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
      .ti-slide-stack .as-legend .legend-name > div .as-dot {
        display: block;
        border-radius: 0.04rem;
        width: 0.16rem;
        height: 0.16rem; }
      .ti-slide-stack .as-legend .legend-name > div .as-txt {
        white-space: nowrap;
        padding: 0 0.06rem; }
    .ti-slide-stack .as-legend input {
      color: #444;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.2);
      outline: none;
      resize: none;
      font-family: Monaco, Consolas, Courier New;
      font-size: 0.12rem;
      padding: 0.04rem;
      width: 0.8rem; }
      .ti-slide-stack .as-legend input:focus {
        border-color: #2196f3; }
    .ti-slide-stack .as-legend .legend-tip {
      font-family: Monaco, Consolas, Courier New;
      font-size: 0.12rem;
      color: #888;
      white-space: nowrap; }

.ti-switcher {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  border-radius: 0.06rem;
  overflow: hidden; }
  .ti-switcher > .switcher-con {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
    .ti-switcher > .switcher-con ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      border: 1px solid rgba(0, 0, 0, 0.1); }
    .ti-switcher > .switcher-con li {
      color: #999;
      background-color: #CCC;
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      flex-wrap: nowrap;
      cursor: pointer;
      padding: 0.5em;
      min-width: 2.4em;
      line-height: 1em;
      text-align: center;
      white-space: nowrap; }
      .ti-switcher > .switcher-con li:first-child {
        border-left: 0; }
      .ti-switcher > .switcher-con li.is-selected {
        color: #d0e7fc;
        background-color: #2196f3; }
      .ti-switcher > .switcher-con li.is-focused {
        color: #31a6ff;
        background-color: #cce8ff; }
      .ti-switcher > .switcher-con li > .it-text {
        padding: 0 0.04rem; }
  .ti-switcher.align-left {
    justify-content: flex-start; }
  .ti-switcher.align-center {
    justify-content: center; }
  .ti-switcher.align-right {
    justify-content: flex-end; }
  .ti-switcher.wrap-items > .switcher-con ul {
    flex-wrap: wrap; }
    .ti-switcher.wrap-items > .switcher-con ul li {
      flex-grow: 1; }

.ti-table.as-quick > table > tbody td > .cell-wrapper > .cell-con {
  align-items: center;
  padding: 0 .5em; }
  .ti-table.as-quick > table > tbody td > .cell-wrapper > .cell-con > i {
    margin: 0 .2em; }
  .ti-table.as-quick > table > tbody td > .cell-wrapper > .cell-con > span {
    display: block;
    line-height: 1.2em;
    padding: 0 .1em;
    margin: 0 .2em;
    white-space: nowrap; }
  .ti-table.as-quick > table > tbody td > .cell-wrapper > .cell-con > span.as-tip {
    font-size: 0.9em;
    opacity: 0.8; }
  .ti-table.as-quick > table > tbody td > .cell-wrapper > .cell-con > span.align-center {
    flex: 1 1 auto;
    text-align: center; }
  .ti-table.as-quick > table > tbody td > .cell-wrapper > .cell-con > span.align-right {
    flex: 1 1 auto;
    text-align: right; }

.ti-table {
  user-select: none;
  width: 100%;
  overflow: auto;
  position: relative; }
  .ti-table.is-head-frozen th {
    z-index: 1;
    position: sticky;
    top: 0;
    height: 32px;
    line-height: 32px; }
  .ti-table.is-border-row td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .ti-table.is-border-row tbody tr:last-child td {
    border-bottom: 0; }
  .ti-table.is-border-column td {
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
    .ti-table.is-border-column td:last-child {
      border-right: 0; }
  .ti-table.is-border-cell td {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .ti-table.is-border-cell td:last-child {
      border-right: 0; }
  .ti-table.is-border-cell tbody tr:last-child td {
    border-bottom: 0; }
  .ti-table.is-hoverable tr.no-checked:hover {
    color: #31a6ff;
    background-color: #cce8ff; }
  .ti-table.is-hoverable > table > tbody td > .cell-wrapper .table-row-head .row-handler:hover {
    color: #000;
    background-color: #EECC00; }
  .ti-table.is-hoverable > table > tbody td > .cell-wrapper .table-row-head .row-checker:hover {
    color: #000;
    background-color: #EECC00; }
  .ti-table.is-layout-fixed > table {
    table-layout: fixed; }
  .ti-table.is-layout-auto > table {
    table-layout: auto; }
  .ti-table > table {
    width: 100%;
    border-spacing: 0; }
    .ti-table > table > thead {
      user-select: none; }
      .ti-table > table > thead th {
        color: #000;
        background-color: #FFF;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-weight: normal; }
        .ti-table > table > thead th:last-child {
          border-right: 0; }
        .ti-table > table > thead th .th-con {
          position: relative;
          padding: 0 0.06rem; }
        .ti-table > table > thead th .table-head-cell-text {
          font-size: 0.9em;
          font-weight: bold;
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .ti-table > table > thead th .as-checker {
          position: absolute;
          left: 0;
          top: 0;
          width: 32px;
          height: 32px;
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          border-right: 1px solid rgba(0, 0, 0, 0.1);
          color: #000;
          background-color: #FFF;
          cursor: pointer;
          opacity: 0.9;
          z-index: 2; }
          .ti-table > table > thead th .as-checker:hover {
            color: #31a6ff;
            background-color: #cce8ff;
            opacity: 1; }
        .ti-table > table > thead th .as-customized-btn {
          position: absolute;
          top: 0;
          right: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          color: #000;
          background-color: #F0F0F0;
          cursor: pointer;
          font-size: 0.1rem;
          padding: 0.7em 0.5em;
          z-index: 2;
          opacity: 0.7;
          transition: opacity 0.3s; }
          .ti-table > table > thead th .as-customized-btn:hover {
            color: #FFF;
            background-color: #ff4081;
            opacity: 1; }
        .ti-table > table > thead th .as-column-resize-hdl {
          position: absolute;
          top: 0;
          width: 0.1rem;
          right: -0.05rem;
          bottom: 0;
          z-index: 1;
          cursor: ew-resize; }
      .ti-table > table > thead:hover th > .as-customized-btn {
        opacity: 0.8; }
    .ti-table > table > tbody > tr {
      height: 2.6em; }
      .ti-table > table > tbody > tr.is-weak {
        opacity: 0.4; }
      .ti-table > table > tbody > tr.is-current .table-row-head .row-actived-indicator:before {
        display: block;
        content: "";
        height: 0.12rem;
        width: 1px;
        border-left: 1px dotted #d0e7fc;
        border-right: 1px dotted #d0e7fc;
        opacity: 0.6; }
      .ti-table > table > tbody > tr.is-checked {
        color: #d0e7fc;
        background-color: #2196f3; }
        .ti-table > table > tbody > tr.is-checked a,
        .ti-table > table > tbody > tr.is-checked a:hover {
          color: inherit; }
        .ti-table > table > tbody > tr.is-checked > td {
          border-color: #d0e7fc; }
          .ti-table > table > tbody > tr.is-checked > td > .cell-wrapper .table-row-head .row-checker.as-checkbox > .icon-icon i:first-child {
            display: block; }
          .ti-table > table > tbody > tr.is-checked > td > .cell-wrapper .table-row-head .row-checker.as-checkbox > .icon-icon i:last-child {
            display: none; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-tags-item {
          color: #31a6ff;
          background-color: #cce8ff; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-icon.is-success,
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-success {
          color: #CFC; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-icon.is-warn,
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-warn {
          color: #FFC; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-icon.is-info,
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-info {
          color: #FFF; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-icon.is-error,
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-error {
          color: #FCC; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-icon.is-track,
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-track {
          color: #FFF; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-icon.is-disable,
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-disable {
          color: #CCC; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-icon.is-text,
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-text {
          color: #FFF; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-icon.is-number,
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-number {
          color: #FFF; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-icon.is-text-border,
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-text-border {
          text-shadow: -1px -1px 0 rgba(30, 30, 30, 0.2), 1px -1px 0 rgba(30, 30, 30, 0.2), -1px 1px 0 rgba(30, 30, 30, 0.2), 1px 1px 0 rgba(30, 30, 30, 0.2); }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-success-tag {
          color: #4caf50;
          background-color: #CFC; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-warn-tag {
          color: #FF8800;
          background-color: #FFC; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-info-tag {
          color: #2196f3;
          background-color: #FFF; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-error-tag {
          color: #f44336;
          background-color: #FCC; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-track-tag {
          color: #888;
          background-color: #FFF; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-disable-tag {
          color: #999;
          background-color: #CCC; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-text-tag {
          color: #080;
          background-color: #FFF; }
        .ti-table > table > tbody > tr.is-checked .cell-con .ti-label.is-number-tag {
          color: #08F;
          background-color: #FFF; }
      .ti-table > table > tbody > tr.is-primary {
        color: #2196f3; }
        .ti-table > table > tbody > tr.is-primary.is-checked {
          color: #d0e7fc;
          background-color: #2196f3; }
          .ti-table > table > tbody > tr.is-primary.is-checked > td {
            border-color: #d0e7fc; }
      .ti-table > table > tbody > tr.is-primary-r {
        color: #d0e7fc;
        background-color: #2196f3; }
        .ti-table > table > tbody > tr.is-primary-r td a {
          color: inherit; }
        .ti-table > table > tbody > tr.is-primary-r.is-checked {
          font-weight: bold;
          background-color: #000;
          color: #2196f3; }
      .ti-table > table > tbody > tr.is-secondary {
        color: #ff4081; }
        .ti-table > table > tbody > tr.is-secondary.is-checked {
          color: #FFF;
          background-color: #ff4081; }
          .ti-table > table > tbody > tr.is-secondary.is-checked > td {
            border-color: #FFF; }
      .ti-table > table > tbody > tr.is-secondary-r {
        color: #FFF;
        background-color: #ff4081; }
        .ti-table > table > tbody > tr.is-secondary-r td a {
          color: inherit; }
        .ti-table > table > tbody > tr.is-secondary-r.is-checked {
          font-weight: bold;
          background-color: #000;
          color: #ff4081; }
      .ti-table > table > tbody > tr.is-success {
        color: #4caf50; }
        .ti-table > table > tbody > tr.is-success.is-checked {
          color: #CFC;
          background-color: #4caf50; }
          .ti-table > table > tbody > tr.is-success.is-checked > td {
            border-color: #CFC; }
      .ti-table > table > tbody > tr.is-success-r {
        color: #CFC;
        background-color: #4caf50; }
        .ti-table > table > tbody > tr.is-success-r td a {
          color: inherit; }
        .ti-table > table > tbody > tr.is-success-r.is-checked {
          font-weight: bold;
          background-color: #000;
          color: #4caf50; }
      .ti-table > table > tbody > tr.is-warn {
        color: #FF8800; }
        .ti-table > table > tbody > tr.is-warn.is-checked {
          color: #FFC;
          background-color: #FF8800; }
          .ti-table > table > tbody > tr.is-warn.is-checked > td {
            border-color: #FFC; }
      .ti-table > table > tbody > tr.is-warn-r {
        color: #FFC;
        background-color: #FF8800; }
        .ti-table > table > tbody > tr.is-warn-r td a {
          color: inherit; }
        .ti-table > table > tbody > tr.is-warn-r.is-checked {
          font-weight: bold;
          background-color: #000;
          color: #FF8800; }
      .ti-table > table > tbody > tr.is-info {
        color: #2196f3; }
        .ti-table > table > tbody > tr.is-info.is-checked {
          color: #FFF;
          background-color: #2196f3; }
          .ti-table > table > tbody > tr.is-info.is-checked > td {
            border-color: #FFF; }
      .ti-table > table > tbody > tr.is-info-r {
        color: #FFF;
        background-color: #2196f3; }
        .ti-table > table > tbody > tr.is-info-r td a {
          color: inherit; }
        .ti-table > table > tbody > tr.is-info-r.is-checked {
          font-weight: bold;
          background-color: #000;
          color: #2196f3; }
      .ti-table > table > tbody > tr.is-error {
        color: #f44336; }
        .ti-table > table > tbody > tr.is-error.is-checked {
          color: #FCC;
          background-color: #f44336; }
          .ti-table > table > tbody > tr.is-error.is-checked > td {
            border-color: #FCC; }
      .ti-table > table > tbody > tr.is-error-r {
        color: #FCC;
        background-color: #f44336; }
        .ti-table > table > tbody > tr.is-error-r td a {
          color: inherit; }
        .ti-table > table > tbody > tr.is-error-r.is-checked {
          font-weight: bold;
          background-color: #000;
          color: #f44336; }
      .ti-table > table > tbody > tr.is-track {
        color: #888; }
        .ti-table > table > tbody > tr.is-track.is-checked {
          color: #FFF;
          background-color: #888; }
          .ti-table > table > tbody > tr.is-track.is-checked > td {
            border-color: #FFF; }
      .ti-table > table > tbody > tr.is-track-r {
        color: #FFF;
        background-color: #888; }
        .ti-table > table > tbody > tr.is-track-r td a {
          color: inherit; }
        .ti-table > table > tbody > tr.is-track-r.is-checked {
          font-weight: bold;
          background-color: #000;
          color: #888; }
      .ti-table > table > tbody > tr.is-disable {
        color: #999; }
        .ti-table > table > tbody > tr.is-disable.is-checked {
          color: #CCC;
          background-color: #999; }
          .ti-table > table > tbody > tr.is-disable.is-checked > td {
            border-color: #CCC; }
      .ti-table > table > tbody > tr.is-disable-r {
        color: #CCC;
        background-color: #999; }
        .ti-table > table > tbody > tr.is-disable-r td a {
          color: inherit; }
        .ti-table > table > tbody > tr.is-disable-r.is-checked {
          font-weight: bold;
          background-color: #000;
          color: #999; }
      .ti-table > table > tbody > tr.is-delete {
        text-decoration: line-through; }
      .ti-table > table > tbody > tr.is-italic {
        font-style: italic; }
      .ti-table > table > tbody > tr.is-text {
        color: #080; }
        .ti-table > table > tbody > tr.is-text.is-checked {
          color: #FFF;
          background-color: #080; }
          .ti-table > table > tbody > tr.is-text.is-checked > td {
            border-color: #FFF; }
      .ti-table > table > tbody > tr.is-number {
        color: #08F; }
        .ti-table > table > tbody > tr.is-number.is-checked {
          color: #FFF;
          background-color: #08F; }
          .ti-table > table > tbody > tr.is-number.is-checked > td {
            border-color: #FFF; }
      .ti-table > table > tbody > tr.is-paper {
        color: #000; }
        .ti-table > table > tbody > tr.is-paper.is-checked {
          color: #FFF;
          background-color: #000; }
          .ti-table > table > tbody > tr.is-paper.is-checked > td {
            border-color: #F0F0F0; }
      .ti-table > table > tbody > tr.is-boldtip {
        color: #000; }
        .ti-table > table > tbody > tr.is-boldtip.is-checked {
          color: #FFF;
          background-color: #000; }
          .ti-table > table > tbody > tr.is-boldtip.is-checked > td {
            border-color: #EECC00; }
      .ti-table > table > tbody > tr.is-boldtip-r {
        color: #000;
        background-color: #EECC00; }
        .ti-table > table > tbody > tr.is-boldtip-r td a {
          color: inherit; }
        .ti-table > table > tbody > tr.is-boldtip-r.is-checked {
          font-weight: bold;
          background-color: #000;
          color: #EECC00; }
      .ti-table > table > tbody > tr.is-fake {
        color: #888;
        font-size: 0.1rem;
        font-style: italic; }
        .ti-table > table > tbody > tr.is-fake.is-checked {
          color: #FFF;
          background-color: #888; }
          .ti-table > table > tbody > tr.is-fake.is-checked > td {
            border-color: #FFF; }
        .ti-table > table > tbody > tr.is-fake td {
          padding: 0.06rem; }
          .ti-table > table > tbody > tr.is-fake td .cell-wrapper {
            border: 1px dashed rgba(0, 0, 0, 0.1);
            padding: 0.04rem; }
            .ti-table > table > tbody > tr.is-fake td .cell-wrapper .cell-con {
              opacity: 0.6; }
    .ti-table > table > tbody td.as-row-group-title > .row-group-title-con {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      padding: 0.08rem;
      font-weight: bold; }
    .ti-table > table > tbody td {
      vertical-align: middle;
      position: relative;
      min-height: 2.6em; }
      .ti-table > table > tbody td > .cell-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        flex-wrap: nowrap; }
        .ti-table > table > tbody td > .cell-wrapper .table-row-head {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          align-content: center;
          flex-wrap: nowrap; }
          .ti-table > table > tbody td > .cell-wrapper .table-row-head .row-actived-indicator {
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            flex-wrap: wrap;
            width: 8px; }
          .ti-table > table > tbody td > .cell-wrapper .table-row-head .row-indent,
          .ti-table > table > tbody td > .cell-wrapper .table-row-head .row-icon {
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            flex-wrap: wrap;
            width: 0.24rem; }
          .ti-table > table > tbody td > .cell-wrapper .table-row-head .row-handler {
            padding: 0.06rem;
            cursor: pointer; }
            .ti-table > table > tbody td > .cell-wrapper .table-row-head .row-handler:hover {
              color: #31a6ff;
              background-color: #cce8ff; }
          .ti-table > table > tbody td > .cell-wrapper .table-row-head .row-number {
            font-family: Monaco, Consolas, Courier New;
            font-size: 0.1rem;
            opacity: 0.6;
            padding: 0 0.06rem 0 0.03rem; }
          .ti-table > table > tbody td > .cell-wrapper .table-row-head .row-checker {
            padding: 0.06rem;
            cursor: pointer; }
            .ti-table > table > tbody td > .cell-wrapper .table-row-head .row-checker:hover {
              color: #31a6ff;
              background-color: #cce8ff; }
            .ti-table > table > tbody td > .cell-wrapper .table-row-head .row-checker.as-checkbox > .icon-icon i:first-child {
              display: none; }
            .ti-table > table > tbody td > .cell-wrapper .table-row-head .row-checker.as-checkbox > .icon-icon i:last-child {
              display: block; }
        .ti-table > table > tbody td > .cell-wrapper.is-nowrap {
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          overflow: hidden; }
          .ti-table > table > tbody td > .cell-wrapper.is-nowrap > .cell-con {
            flex-wrap: nowrap; }
        .ti-table > table > tbody td > .cell-wrapper > .cell-con {
          display: flex;
          justify-content: flex-start;
          align-items: stretch;
          align-content: stretch;
          flex-wrap: wrap;
          flex: 1 1 auto;
          line-height: 2.6em;
          min-height: 2.6em; }
          .ti-table > table > tbody td > .cell-wrapper > .cell-con > .ti-icon.item-0 {
            width: 1.8em;
            margin-left: 0; }
          .ti-table > table > tbody td > .cell-wrapper > .cell-con > .ti-icon {
            margin: 0 0.2em; }
          .ti-table > table > tbody td > .cell-wrapper > .cell-con .ti-label.item-0 {
            padding: 0 0.3em; }
          .ti-table > table > tbody td > .cell-wrapper > .cell-con .ti-label.mea-tiny,
          .ti-table > table > tbody td > .cell-wrapper > .cell-con .ti-label.item-0.mea-tiny {
            padding: 0; }
          .ti-table > table > tbody td > .cell-wrapper > .cell-con .ti-tags-item {
            font-size: 0.8em; }
          .ti-table > table > tbody td > .cell-wrapper > .cell-con .ti-icon {
            flex: 0 0 auto; }
            .ti-table > table > tbody td > .cell-wrapper > .cell-con .ti-icon img {
              width: 32px;
              height: 32px;
              object-fit: cover;
              border: 1px solid rgba(0, 0, 0, 0.1);
              border-radius: 2px; }
          .ti-table > table > tbody td > .cell-wrapper > .cell-con > .ti-icon.img-contain .icon-icon img {
            object-fit: contain; }
        .ti-table > table > tbody td > .cell-wrapper .as-drop .ti-list {
          line-height: 1.8em; }
        .ti-table > table > tbody td > .cell-wrapper.is-editing-mode {
          position: relative; }
          .ti-table > table > tbody td > .cell-wrapper.is-editing-mode > .cell-con {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0; }
      .ti-table > table > tbody td.align-left > .cell-wrapper > .cell-con {
        justify-content: flex-start; }
      .ti-table > table > tbody td.align-center > .cell-wrapper > .cell-con {
        justify-content: center; }
      .ti-table > table > tbody td.align-right > .cell-wrapper > .cell-con {
        justify-content: flex-end; }

.ti-table-resizing-indicbar {
  color: #FFF;
  background-color: #ff4081;
  position: fixed;
  opacity: 0.4; }

.ti-tabs {
  user-select: none; }
  .ti-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    padding: 0.1rem 0.1rem 0 0.1rem; }
    .ti-tabs ul li {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: stretch;
      flex-wrap: wrap;
      padding: 0.06rem 0.3rem;
      border-radius: 0.04rem 0.04rem 0 0;
      cursor: pointer;
      opacity: 0.4; }
      .ti-tabs ul li > .it-icon {
        margin-right: 0.08rem; }
      .ti-tabs ul li.is-current {
        color: #222;
        background-color: #e8e8e8;
        opacity: 1; }
      .ti-tabs ul li:hover {
        opacity: 1; }

.ti-input .ti-tags.nil-items {
  padding-left: 0; }

.ti-tags {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  padding: 0.02rem; }
  .ti-tags.nil-items {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding-left: 0.08rem;
    font-size: 0.9em;
    opacity: 0.4; }
  .ti-tags.is-nowrap {
    flex-wrap: nowrap;
    overflow: hidden; }

.ti-tags-item {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap;
  color: #d0e7fc;
  background-color: #2196f3;
  flex: 0 0 auto;
  overflow: hidden;
  padding: 0;
  border-radius: 6px;
  margin: 0.02rem;
  line-height: 2em;
  white-space: nowrap; }
  .ti-tags-item.has-options {
    cursor: pointer; }
  .ti-tags-item > .as-del {
    padding: 0 0.04rem;
    cursor: pointer; }
    .ti-tags-item > .as-del .icon-icon {
      transition: 0.3s;
      opacity: 0.6; }
  .ti-tags-item > .as-icon {
    padding: 0 0.06rem; }
    .ti-tags-item > .as-icon.ti-icon img {
      height: 0.2rem;
      border-radius: 50%; }
  .ti-tags-item > .as-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    color: inherit;
    text-decoration: inherit;
    padding: 0; }
    .ti-tags-item > .as-text:hover {
      text-decoration: inherit; }
    .ti-tags-item > .as-text.without-icon {
      padding-left: 0.08rem; }
    .ti-tags-item > .as-text.without-options {
      padding-right: 0.08rem; }
  .ti-tags-item > .as-mark {
    color: #ff4081;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    font-weight: bold;
    padding: 0 0.02rem; }
  .ti-tags-item > .as-status {
    padding: 0 0.06rem; }
  .ti-tags-item.has-max-width > .as-text {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ti-tags-item.is-enter-top {
    color: #FFF;
    background-color: #ff4081; }
  .ti-tags-item.is-enter-del > .as-del {
    color: #FFF;
    background-color: #ff4081; }
    .ti-tags-item.is-enter-del > .as-del .icon-icon {
      transform: rotate(180deg);
      opacity: 1; }
  .ti-tags-item > .as-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002; }
  .ti-tags-item > .as-drop {
    color: #222;
    background-color: #e8e8e8;
    position: fixed;
    z-index: 1003;
    padding: 1px;
    overflow: hidden;
    border-radius: 6px; }
    .ti-tags-item > .as-drop > .ti-icon-text {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      padding: 0.04rem 0.1rem;
      cursor: pointer; }
      .ti-tags-item > .as-drop > .ti-icon-text:first-child {
        border-top: 0; }
      .ti-tags-item > .as-drop > .ti-icon-text:hover {
        color: #FFF;
        background-color: #ff4081; }

.ti-text-code-ace {
  user-select: text; }
  .ti-text-code-ace > .as-editor {
    width: 100%;
    height: 100%;
    font-size: 14px; }

.ti-text-json-tree.ti-table > .table-body .table-cell > .cell-con {
  padding: 0; }

.ti-text-json-tree .json-value {
  font-family: Monaco, Consolas, Courier New;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap;
  position: relative;
  flex: 1 1 auto; }
  .ti-text-json-tree .json-value > .as-actions > .ti-actionbar {
    color: #d0e7fc;
    background-color: #2196f3;
    font-size: .8em; }
    .ti-text-json-tree .json-value > .as-actions > .ti-actionbar .bar-item-info.is-enabled:hover {
      color: #FFF;
      background-color: #ff4081; }
  .ti-text-json-tree .json-value > .as-label {
    opacity: 0.4;
    padding: 0 0.04rem; }
  .ti-text-json-tree .json-value > .as-actions {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0.04rem 0.04rem; }
  .ti-text-json-tree .json-value:hover > .as-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }

.ti-text-json-tree .table-row.is-current .json-value > .as-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap; }

.ti-text-json-tree .ti-label.is-string {
  color: #080; }

.ti-text-json-tree .ti-label.is-integer, .ti-text-json-tree .ti-label.is-float, .ti-text-json-tree .ti-label.is-number {
  color: #08F; }

.ti-text-json-tree .ti-label.is-index {
  color: #ff4081; }

.ti-text-json-tree .table-row.is-checked .json-value {
  color: inherit;
  flex: 1 1 auto; }

.ti-text-json-tree .table-row.is-checked .ti-label {
  color: inherit; }

.ti-text-raw {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column; }
  .ti-text-raw.is-changed > .as-head {
    color: #31a6ff;
    background-color: #cce8ff; }
  .ti-text-raw > .as-head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    color: #999;
    flex: 0 0 auto;
    padding: .8em 1em; }
    .ti-text-raw > .as-head > .ti-icon {
      font-size: 1.4em;
      margin-right: .5em; }
    .ti-text-raw > .as-head > span {
      font-family: Monaco, Consolas, Courier New; }
  .ti-text-raw > .as-main {
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    padding: 0; }
    .ti-text-raw > .as-main textarea {
      display: flex;
      justify-content: center;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      flex: 1 1 auto;
      color: #444;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.2);
      outline: none;
      resize: none;
      font-family: Monaco, Consolas, Courier New;
      border: 1px dotted transparent;
      resize: none;
      outline: none;
      padding: 0.1rem;
      font-size: 0.16rem;
      line-height: 0.2rem; }
      .ti-text-raw > .as-main textarea:focus {
        border-color: #2196f3; }
      .ti-text-raw > .as-main textarea[readonly] {
        border-color: transparent;
        cursor: default; }

.ti-text-rich-tinymce {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-text-rich-tinymce.nil-content > .as-editor {
    visibility: hidden; }
  .ti-text-rich-tinymce > .as-editor {
    height: 100%;
    flex: 1 1 auto; }
    .ti-text-rich-tinymce > .as-editor textarea {
      width: 100%;
      height: 100%;
      outline: none;
      resize: none;
      border: 0; }
    .ti-text-rich-tinymce > .as-editor .tox-tinymce {
      border: 0; }

.ti-tiles {
  overflow: auto; }
  .ti-tiles > .tiles-con {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap; }
    .ti-tiles > .tiles-con > .ti-obj-tiles-item {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap; }
      .ti-tiles > .tiles-con > .ti-obj-tiles-item > * {
        flex: 1 1 auto; }
    .ti-tiles > .tiles-con.ti-spacing-xs {
      padding: 0.08rem; }
      .ti-tiles > .tiles-con.ti-spacing-xs > * {
        margin: 0.08rem; }
    .ti-tiles > .tiles-con.ti-spacing-sm {
      padding: 0.08rem; }
      .ti-tiles > .tiles-con.ti-spacing-sm > * {
        margin: 0.08rem; }
    .ti-tiles > .tiles-con.ti-spacing-md {
      padding: 0.16rem; }
      .ti-tiles > .tiles-con.ti-spacing-md > * {
        margin: 0.16rem; }
    .ti-tiles > .tiles-con.ti-spacing-lg {
      padding: 0.24rem; }
      .ti-tiles > .tiles-con.ti-spacing-lg > * {
        margin: 0.24rem; }
    .ti-tiles > .tiles-con.ti-spacing-xl {
      padding: 0.32rem; }
      .ti-tiles > .tiles-con.ti-spacing-xl > * {
        margin: 0.32rem; }
    .ti-tiles > .tiles-con > .is-empty {
      color: #888;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      padding: 0.3rem;
      font-size: 1.2em; }
      .ti-tiles > .tiles-con > .is-empty .ti-icon {
        font-size: 2em;
        margin-right: 0.06rem; }

.ti-toast {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  z-index: 1000000; }
  .ti-toast.is-success .toast-con {
    color: #CFC;
    background-color: #4caf50; }
  .ti-toast.is-warn .toast-con {
    color: #FFC;
    background-color: #FF8800; }
  .ti-toast.is-info .toast-con {
    color: #FFF;
    background-color: #2196f3; }
  .ti-toast.is-error .toast-con {
    color: #FCC;
    background-color: #f44336; }
  .ti-toast.is-track .toast-con {
    color: #FFF;
    background-color: #888; }
  .ti-toast.is-success .toast-closer a {
    color: #CFC; }
  .ti-toast.is-warn .toast-closer a {
    color: #FFC; }
  .ti-toast.is-info .toast-closer a {
    color: #FFF; }
  .ti-toast.is-error .toast-closer a {
    color: #FCC; }
  .ti-toast.is-track .toast-closer a {
    color: #FFF; }
  .ti-toast.at-center {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 19%; }
  .ti-toast.at-left {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0; }
  .ti-toast.at-right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0; }
  .ti-toast.at-top {
    position: fixed;
    left: 0;
    top: 0;
    right: 0; }
  .ti-toast.at-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0; }
  .ti-toast.at-left-top {
    position: fixed;
    left: 0;
    top: 0; }
  .ti-toast.at-right-top {
    position: fixed;
    top: 0;
    right: 0; }
  .ti-toast.at-bottom-left {
    position: fixed;
    left: 0;
    bottom: 0; }
  .ti-toast.at-bottom-right {
    position: fixed;
    right: 0;
    bottom: 0; }
  .ti-toast.at-center > .toast-con {
    border-radius: 4px 4px 4px 4px;
    text-align: center; }
  .ti-toast.at-left > .toast-con {
    border-radius: 0px 4px 4px 0px; }
  .ti-toast.at-right > .toast-con {
    border-radius: 4px 0px 0px 4px; }
  .ti-toast.at-top > .toast-con {
    border-radius: 0px 0px 4px 4px; }
  .ti-toast.at-bottom > .toast-con {
    border-radius: 4px 4px 0px 0px; }
  .ti-toast.at-left-top > .toast-con {
    border-radius: 0px 0px 4px 0px; }
  .ti-toast.at-right-top > .toast-con {
    border-radius: 0px 0px 0px 4px; }
  .ti-toast.at-bottom-left > .toast-con {
    border-radius: 0px 4px 0px 0px; }
  .ti-toast.at-bottom-right > .toast-con {
    border-radius: 4px 0px 0px 0px; }
  .ti-toast .toast-icon {
    opacity: 0.7; }
  .ti-toast.as-bar > .toast-con {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    border: 1px solid #FFF;
    min-width: 4.5rem;
    max-width: 8rem;
    padding: 0.1rem 0.06rem; }
    .ti-toast.as-bar > .toast-con > .toast-icon {
      font-size: 0.2rem;
      padding: 0 0.1rem; }
  .ti-toast.as-block > .toast-con {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    min-width: 1.2rem;
    min-height: 1.2rem;
    max-width: 4rem;
    padding: 0.1rem; }
    .ti-toast.as-block > .toast-con > .toast-icon {
      font-size: 5em;
      padding: 0.1rem; }
    .ti-toast.as-block > .toast-con > .toast-body {
      width: 100%; }
  .ti-toast > .toast-con {
    box-shadow: 0 0 6px rgba(20, 20, 20, 0.3); }
    .ti-toast > .toast-con > .toast-body {
      flex: 1 1 auto;
      word-break: break-all; }
    .ti-toast > .toast-con > .toast-closer {
      flex: 0 0 auto;
      padding: 0 0.1rem; }
      .ti-toast > .toast-con > .toast-closer a {
        cursor: pointer; }

.toast-trans-at-top-enter-active,
.toast-trans-at-top-leave-active {
  transition: all 0.3s ease-out; }

.toast-trans-at-top-enter,
.toast-trans-at-top-leave-to {
  opacity: 0;
  transform: translateY(-100px); }

.toast-trans-at-left-enter-active,
.toast-trans-at-left-leave-active {
  transition: all 0.3s ease-out; }

.toast-trans-at-left-enter,
.toast-trans-at-left-leave-to {
  opacity: 0;
  transform: translateX(-100px); }

.toast-trans-at-right-enter-active,
.toast-trans-at-right-leave-active {
  transition: all 0.3s ease-out; }

.toast-trans-at-right-enter,
.toast-trans-at-right-leave-to {
  opacity: 0;
  transform: translateX(100px); }

.toast-trans-at-bottom-enter-active,
.toast-trans-at-bottom-leave-active {
  transition: all 0.3s ease-out; }

.toast-trans-at-bottom-enter,
.toast-trans-at-bottom-leave-to {
  opacity: 0;
  transform: translateY(100px); }

.toast-trans-at-center-enter-active,
.toast-trans-at-center-leave-active {
  transition: all 0.3s ease-out; }

.toast-trans-at-center-enter,
.toast-trans-at-center-leave-to {
  opacity: 0;
  transform: scale(0); }

.toast-trans-at-left-top-enter-active,
.toast-trans-at-left-top-leave-active {
  transition: all 0.3s ease-out; }

.toast-trans-at-left-top-enter,
.toast-trans-at-left-top-leave-to {
  opacity: 0;
  transform: translateX(-200px); }

.toast-trans-at-right-top-enter-active,
.toast-trans-at-right-top-leave-active {
  transition: all 0.3s ease-out; }

.toast-trans-at-right-top-enter,
.toast-trans-at-right-top-leave-to {
  opacity: 0;
  transform: translateX(200px); }

.toast-trans-at-bottom-left-enter-active,
.toast-trans-at-bottom-left-leave-active {
  transition: all 0.3s ease-out; }

.toast-trans-at-bottom-left-enter,
.toast-trans-at-bottom-left-leave-to {
  opacity: 0;
  transform: translateX(-200px); }

.toast-trans-at-bottom-right-enter-active,
.toast-trans-at-bottom-right-leave-active {
  transition: all 0.3s ease-out; }

.toast-trans-at-bottom-right-enter,
.toast-trans-at-bottom-right-leave-to {
  opacity: 0;
  transform: translateX(200px); }

.ti-toggle {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  padding: 0 0.06rem; }
  .ti-toggle aside {
    position: relative;
    width: 0.4rem;
    padding: 1px;
    cursor: pointer;
    border-radius: 0.2rem;
    transition: background-color 0.2s; }
    .ti-toggle aside b {
      display: block;
      border-radius: 50%;
      width: 0.18rem;
      height: 0.18rem;
      transition: margin-left 0.2s; }
  .ti-toggle.is-off aside {
    color: #222;
    background-color: #e8e8e8;
    border: 1px solid rgba(0, 0, 0, 0.2); }
    .ti-toggle.is-off aside b {
      background-color: #F5F7FA;
      border: 1px solid rgba(0, 0, 0, 0.2); }
  .ti-toggle.is-on aside {
    color: #d0e7fc;
    background-color: #2196f3;
    border: 1px solid #d0e7fc; }
    .ti-toggle.is-on aside b {
      background-color: #d0e7fc;
      border: 1px solid transparent;
      margin-left: 0.18rem; }

#ti-tip-wrapper {
  position: fixed;
  top: -400px;
  left: -500px;
  opacity: 0;
  transition: opacity 0.5s, transform 0.3s;
  z-index: 1999998; }
  #ti-tip-wrapper[tip-ready="no"][tip-at="top"] {
    transform: translateY(20px); }
  #ti-tip-wrapper[tip-ready="no"][tip-at="bottom"] {
    transform: translateY(-20px); }
  #ti-tip-wrapper[tip-ready="no"][tip-at="left"] {
    transform: translateX(10px); }
  #ti-tip-wrapper[tip-ready="no"][tip-at="right"] {
    transform: translateX(10px); }
  #ti-tip-wrapper[tip-ready="yes"] {
    opacity: 1; }
  #ti-tip-wrapper > .ti-tip-box {
    position: relative;
    width: 100%;
    height: 100%; }
    #ti-tip-wrapper > .ti-tip-box > main {
      width: 100%;
      height: 100%;
      padding: 1px 0.06rem;
      min-height: 0.4rem;
      border-radius: 0.06rem;
      box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
      overflow: auto; }
  #ti-tip-wrapper[tip-size="auto"] {
    min-width: 0.5rem; }
  #ti-tip-wrapper[tip-size="small"] {
    width: 2rem; }
  #ti-tip-wrapper[tip-size="normal"] {
    width: 4rem; }
  #ti-tip-wrapper[tip-size="big"] {
    width: 8rem; }
  #ti-tip-wrapper[tip-type="primary"] > .ti-tip-box > main {
    color: #d0e7fc;
    background-color: #2196f3; }
  #ti-tip-wrapper[tip-type="primary"] > .ti-tip-box .tip-arrow {
    border-color: #2196f3; }
  #ti-tip-wrapper[tip-type="secondary"] > .ti-tip-box > main {
    color: #FFF;
    background-color: #ff4081; }
  #ti-tip-wrapper[tip-type="secondary"] > .ti-tip-box .tip-arrow {
    border-color: #ff4081; }
  #ti-tip-wrapper[tip-type="info"] > .ti-tip-box > main {
    color: #FFF;
    background-color: #2196f3; }
  #ti-tip-wrapper[tip-type="info"] > .ti-tip-box .tip-arrow {
    border-color: #2196f3; }
  #ti-tip-wrapper[tip-type="error"] > .ti-tip-box > main {
    color: #FCC;
    background-color: #f44336; }
  #ti-tip-wrapper[tip-type="error"] > .ti-tip-box .tip-arrow {
    border-color: #f44336; }
  #ti-tip-wrapper[tip-type="warn"] > .ti-tip-box > main {
    color: #FFC;
    background-color: #FF8800; }
  #ti-tip-wrapper[tip-type="warn"] > .ti-tip-box .tip-arrow {
    border-color: #FF8800; }
  #ti-tip-wrapper[tip-type="track"] > .ti-tip-box > main {
    color: #FFF;
    background-color: #888; }
  #ti-tip-wrapper[tip-type="track"] > .ti-tip-box .tip-arrow {
    border-color: #888; }
  #ti-tip-wrapper[tip-type="success"] > .ti-tip-box > main {
    color: #CFC;
    background-color: #4caf50; }
  #ti-tip-wrapper[tip-type="success"] > .ti-tip-box .tip-arrow {
    border-color: #4caf50; }
  #ti-tip-wrapper[tip-type="number"] > .ti-tip-box > main {
    color: #FFF;
    background-color: #08F; }
  #ti-tip-wrapper[tip-type="number"] > .ti-tip-box .tip-arrow {
    border-color: #08F; }
  #ti-tip-wrapper[tip-type="paper"] > .ti-tip-box > main {
    color: #F0F0F0;
    background-color: #000; }
  #ti-tip-wrapper[tip-type="paper"] > .ti-tip-box .tip-arrow {
    border-color: #000; }
  #ti-tip-wrapper > .ti-tip-box > footer {
    position: absolute; }
    #ti-tip-wrapper > .ti-tip-box > footer > .tip-arrow {
      display: block;
      width: 0;
      height: 0;
      overflow: hidden;
      border: 0.1rem solid #ccc; }
  #ti-tip-wrapper[tip-at="top"] > .ti-tip-box > footer {
    left: 0;
    right: 0;
    bottom: -0.2rem; }
    #ti-tip-wrapper[tip-at="top"] > .ti-tip-box > footer > .tip-arrow {
      border-bottom-color: transparent;
      border-left-color: transparent;
      border-right-color: transparent; }
  #ti-tip-wrapper[tip-at="bottom"] > .ti-tip-box > footer {
    left: 0;
    right: 0;
    top: -0.2rem; }
    #ti-tip-wrapper[tip-at="bottom"] > .ti-tip-box > footer > .tip-arrow {
      border-top-color: transparent;
      border-left-color: transparent;
      border-right-color: transparent; }
  #ti-tip-wrapper[tip-at="left"] > .ti-tip-box > footer {
    top: 0;
    bottom: 0;
    right: -0.2rem; }
    #ti-tip-wrapper[tip-at="left"] > .ti-tip-box > footer > .tip-arrow {
      border-right-color: transparent;
      border-top-color: transparent;
      border-bottom-color: transparent; }
  #ti-tip-wrapper[tip-at="right"] > .ti-tip-box > footer {
    top: 0;
    bottom: 0;
    left: -0.2rem; }
    #ti-tip-wrapper[tip-at="right"] > .ti-tip-box > footer > .tip-arrow {
      border-left-color: transparent;
      border-top-color: transparent;
      border-bottom-color: transparent; }

.ti-article.is-theme-tipbox {
  padding: 0.06rem;
  font-size: 14px;
  line-height: 1.5em; }
  .ti-article.is-theme-tipbox hr {
    height: 0px;
    border: 0;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
    margin: 0.1rem 0; }
  .ti-article.is-theme-tipbox h1,
  .ti-article.is-theme-tipbox h2,
  .ti-article.is-theme-tipbox h3,
  .ti-article.is-theme-tipbox h4,
  .ti-article.is-theme-tipbox h5,
  .ti-article.is-theme-tipbox h6 {
    font-weight: bold;
    line-height: 1.6em;
    margin: 1em 0.2rem;
    padding: 0; }
  .ti-article.is-theme-tipbox h1 {
    text-align: center;
    font-size: 1.6em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  .ti-article.is-theme-tipbox h2 {
    font-size: 1.5em; }
  .ti-article.is-theme-tipbox h3 {
    font-size: 1.4em; }
  .ti-article.is-theme-tipbox h4 {
    font-size: 1.3em; }
  .ti-article.is-theme-tipbox h5 {
    font-size: 1.3em; }
  .ti-article.is-theme-tipbox h6 {
    font-size: 1.3em; }
  .ti-article.is-theme-tipbox p {
    margin: 1em 0.2rem; }
  .ti-article.is-theme-tipbox blockquote {
    margin: 0;
    padding: 1em; }
  .ti-article.is-theme-tipbox ul,
  .ti-article.is-theme-tipbox ol {
    padding: 0;
    margin: 1em 1em 1em 3em; }
  .ti-article.is-theme-tipbox ul {
    list-style: disc; }
    .ti-article.is-theme-tipbox ul ul {
      list-style: circle; }
  .ti-article.is-theme-tipbox ol {
    list-style: decimal; }
    .ti-article.is-theme-tipbox ol ol {
      list-style: lower-alpha; }
      .ti-article.is-theme-tipbox ol ol ol {
        list-style: lower-roman; }
  .ti-article.is-theme-tipbox code {
    font-family: Monaco, Consolas, Courier New;
    margin: 0 0.5em; }

.ti-transfer {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap;
  min-height: 2rem;
  width: 100%;
  padding: 0.06rem; }
  .ti-transfer > .as-box {
    border: 1px solid rgba(0, 0, 0, 0.1);
    flex: 1 1 auto;
    width: 50%;
    position: relative;
    padding: 0.5rem 0 0.32rem 0; }
    .ti-transfer > .as-box > .as-box-head {
      position: absolute;
      left: 0;
      top: 0;
      height: 0.5rem;
      right: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      color: #222;
      background-color: #F5F7FA; }
      .ti-transfer > .as-box > .as-box-head > .as-list-checker {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        width: 2.4em;
        cursor: pointer; }
        .ti-transfer > .as-box > .as-box-head > .as-list-checker:hover {
          color: #ff4081; }
      .ti-transfer > .as-box > .as-box-head > .as-title {
        white-space: nowrap; }
      .ti-transfer > .as-box > .as-box-head > .as-filter {
        flex: 1 1 auto;
        padding: 0 0.04rem 0 0.1rem; }
        .ti-transfer > .as-box > .as-box-head > .as-filter .ti-input {
          min-height: 0.32rem; }
    .ti-transfer > .as-box > .as-box-list {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative; }
    .ti-transfer > .as-box > .as-box-foot {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      position: absolute;
      left: 0;
      height: 0.32rem;
      right: 0;
      bottom: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      color: #222;
      background-color: #e8e8e8;
      font-family: Monaco, Consolas, Courier New;
      font-size: .8em;
      padding: 0 1em; }
    .ti-transfer > .as-box.as-sel-list .as-box-head .as-title {
      flex: 1 1 auto; }
    .ti-transfer > .as-box.as-sel-list .as-box-head .as-actions {
      padding: 0 .5em; }
  .ti-transfer > .as-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex: 0 0 auto;
    padding: 0.1rem; }
    .ti-transfer > .as-buttons > .as-btn {
      border: 1px solid rgba(0, 0, 0, 0.1);
      cursor: pointer;
      user-select: none;
      color: #d0e7fc;
      background-color: #2196f3;
      color: #000;
      background-color: #E0E0E0;
      cursor: pointer;
      width: 100%;
      font-size: 0.12rem;
      margin: 0.4rem 0;
      padding: 0.08rem; }
      .ti-transfer > .as-buttons > .as-btn:hover {
        color: #FFF;
        background-color: #ff4081; }
      .ti-transfer > .as-buttons > .as-btn .ti-icon {
        transition: transform .3s; }
      .ti-transfer > .as-buttons > .as-btn:hover {
        color: #FFF;
        background-color: #ff4081; }
      .ti-transfer > .as-buttons > .as-btn.is-add:hover .ti-icon {
        transform: translateX(5px); }
      .ti-transfer > .as-buttons > .as-btn.is-remove:hover .ti-icon {
        transform: translateX(-5px); }

.ti-tree.as-spacing-tiny.ti-table > table > tbody td > .cell-wrapper > .cell-con {
  min-height: 2em;
  line-height: 2em; }

.ti-upload-file-box {
  border-radius: 0.06rem;
  overflow: hidden; }
  .ti-upload-file-box.show-border {
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .ti-upload-file-box.is-readonly {
    color: #222;
    background-color: #F5F7FA; }
  .ti-upload-file-box.hover-prefix > .box-item > .box-item-icon {
    color: #d0e7fc;
    background-color: #2196f3; }
    .ti-upload-file-box.hover-prefix > .box-item > .box-item-icon > .ti-icon {
      transform: rotate(360deg) scale(1.2); }
  .ti-upload-file-box.no-text > .box-item > .box-item-icon {
    cursor: default;
    opacity: 0.4; }
  .ti-upload-file-box.no-text > .box-item > .box-item-text {
    color: #888; }
  .ti-upload-file-box > .box-item {
    user-select: none;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    min-width: 0.5rem;
    position: relative; }
    .ti-upload-file-box > .box-item > .box-item-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 2.4em;
      height: 2.4em;
      overflow: hidden;
      cursor: pointer; }
      .ti-upload-file-box > .box-item > .box-item-icon > .ti-icon {
        transition: transform 0.3s; }
    .ti-upload-file-box > .box-item > .box-item-text {
      line-height: 2.4em;
      width: 100px;
      flex: 1 1 auto;
      padding: 0 0.06rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .ti-upload-file-box > .box-item > .as-progress {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
      .ti-upload-file-box > .box-item > .as-progress .bar-outer {
        position: relative;
        width: 100%;
        height: 100%;
        opacity: 0.8; }
        .ti-upload-file-box > .box-item > .as-progress .bar-outer .bar-inner {
          height: 100%; }
        .ti-upload-file-box > .box-item > .as-progress .bar-outer .bar-tip {
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          text-align: center;
          font-style: normal;
          color: #fff; }

.ti-upload-file {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  flex-wrap: nowrap; }
  .ti-upload-file.is-area-xs .ti-obj-thumb {
    font-size: 0.24rem; }
  .ti-upload-file.is-area-sm .ti-obj-thumb {
    font-size: 0.48rem; }
  .ti-upload-file.is-area-md .ti-obj-thumb {
    font-size: 0.72rem; }
  .ti-upload-file.is-area-lg .ti-obj-thumb {
    font-size: 0.96rem; }
  .ti-upload-file.is-area-xl .ti-obj-thumb {
    font-size: 1.28rem; }
  .ti-upload-file.is-area-xs .ti-progress-bar .bar-tip {
    font-size: 0.1rem; }
  .ti-upload-file.is-area-sm .ti-progress-bar .bar-tip {
    font-size: 0.14rem; }
  .ti-upload-file.is-area-md .ti-progress-bar .bar-tip {
    font-size: 0.18rem; }
  .ti-upload-file.is-area-lg .ti-progress-bar .bar-tip {
    font-size: 0.22rem; }
  .ti-upload-file.is-area-xl .ti-progress-bar .bar-tip {
    font-size: 0.3rem; }
  .ti-upload-file.is-area-xs .ti-progress-bar .bar-inner {
    min-height: 0.03rem; }
  .ti-upload-file.is-area-sm .ti-progress-bar .bar-inner {
    min-height: 0.06rem; }
  .ti-upload-file.is-area-md .ti-progress-bar .bar-inner {
    min-height: 0.09rem; }
  .ti-upload-file.is-area-lg .ti-progress-bar .bar-inner {
    min-height: 0.12rem; }
  .ti-upload-file.is-area-xl .ti-progress-bar .bar-inner {
    min-height: 0.15rem; }
  .ti-upload-file.is-area-xs > .thumb-con > .thumb-actions {
    padding: 0 0.06rem; }
  .ti-upload-file.is-area-sm > .thumb-con > .thumb-actions {
    padding: 0 0.06rem; }
  .ti-upload-file > .thumb-con {
    position: relative;
    border: 2px dotted rgba(0, 0, 0, 0.1);
    color: #222;
    background-color: #e8e8e8;
    width: 1.2rem;
    height: 1.2rem; }
    .ti-upload-file > .thumb-con[ti-is-drag] > .ti-drag-mask {
      font-size: 12px;
      border-width: 2px; }
    .ti-upload-file > .thumb-con .ti-obj-thumb {
      border: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .ti-upload-file > .thumb-con .ti-obj-thumb > header {
        padding: 0;
        width: 100%;
        height: 100%; }
        .ti-upload-file > .thumb-con .ti-obj-thumb > header .as-preview {
          padding: 0;
          width: 100%;
          height: 100%; }
          .ti-upload-file > .thumb-con .ti-obj-thumb > header .as-preview .ti-icon .tii-con {
            transition: transform 0.3s; }
    .ti-upload-file > .thumb-con .as-preview-type {
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 0.06rem;
      font-size: 0.16rem;
      opacity: 0.6;
      transition: 0.8s; }
  .ti-upload-file > .thumb-con > .thumb-actions {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.1rem; }
  .ti-upload-file > .thumb-con > .more-actions {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.1rem; }
  .ti-upload-file > .thumb-con .thumb-opt {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    color: #d0e7fc;
    background-color: #2196f3;
    cursor: pointer;
    padding: 0.04rem 0.06rem;
    margin-bottom: 2px;
    line-height: 1.1em;
    font-size: 12px; }
    .ti-upload-file > .thumb-con .thumb-opt .it-text {
      margin-left: 0.06rem;
      white-space: nowrap; }
  .ti-upload-file.no-readonly > .thumb-con {
    cursor: pointer; }
    .ti-upload-file.no-readonly > .thumb-con:hover {
      border: 2px dashed #ff4081;
      color: #ff4081; }
      .ti-upload-file.no-readonly > .thumb-con:hover .ti-obj-thumb .as-preview .ti-icon .tii-con {
        transform: scale(1.5) rotate(180deg); }
      .ti-upload-file.no-readonly > .thumb-con:hover .as-preview-type {
        opacity: 1; }
    .ti-upload-file.no-readonly > .thumb-con .thumb-opt:hover {
      color: #FFF;
      background-color: #ff4081; }

.ti-upload-multi-files-box {
  padding: 0.04rem; }
  .ti-upload-multi-files-box > .as-main > .file-item {
    border: 1px solid rgba(0, 0, 0, 0.2);
    user-select: none;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    border-radius: 0.04rem;
    margin-bottom: 0.06rem;
    min-width: 0.5rem;
    position: relative; }
    .ti-upload-multi-files-box > .as-main > .file-item.hover-prefix > .box-item-icon {
      color: #d0e7fc;
      background-color: #2196f3; }
      .ti-upload-multi-files-box > .as-main > .file-item.hover-prefix > .box-item-icon > .ti-icon {
        transform: rotate(360deg) scale(1.2); }
    .ti-upload-multi-files-box > .as-main > .file-item > .box-item-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 2em;
      overflow: hidden;
      cursor: pointer; }
      .ti-upload-multi-files-box > .as-main > .file-item > .box-item-icon > .ti-icon {
        transition: transform 0.3s; }
    .ti-upload-multi-files-box > .as-main > .file-item > .box-item-text {
      height: 2em;
      line-height: 2em;
      width: 100px;
      flex: 1 1 auto;
      padding: 0 0.06rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .ti-upload-multi-files-box > .as-main > .file-item > .box-item-menu {
      border-left: 1px solid rgba(0, 0, 0, 0.2);
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap; }
      .ti-upload-multi-files-box > .as-main > .file-item > .box-item-menu a {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        color: #000;
        background-color: #E0E0E0;
        width: 1.8em;
        margin: 1px;
        text-align: center; }
        .ti-upload-multi-files-box > .as-main > .file-item > .box-item-menu a:last-child {
          border-radius: 0 0.04rem 0.03rem 0; }
        .ti-upload-multi-files-box > .as-main > .file-item > .box-item-menu a > i {
          transition: transform 0.5s; }
        .ti-upload-multi-files-box > .as-main > .file-item > .box-item-menu a:hover {
          color: #FFF;
          background-color: #ff4081; }
          .ti-upload-multi-files-box > .as-main > .file-item > .box-item-menu a:hover > i {
            transform: scale(0.8); }
    .ti-upload-multi-files-box > .as-main > .file-item > .as-progress {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
      .ti-upload-multi-files-box > .as-main > .file-item > .as-progress .bar-outer {
        position: relative;
        width: 100%;
        height: 100%;
        opacity: 0.8; }
        .ti-upload-multi-files-box > .as-main > .file-item > .as-progress .bar-outer .bar-inner {
          height: 100%; }
        .ti-upload-multi-files-box > .as-main > .file-item > .as-progress .bar-outer .bar-tip {
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          text-align: center;
          font-style: normal;
          color: #fff; }

.ti-upload-multi-files .as-wrapper {
  position: relative; }

.ti-upload-multi-files .as-main {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  user-select: none; }
  .ti-upload-multi-files .as-main .file-item {
    border: 2px solid rgba(0, 0, 0, 0.1);
    flex: 0 0 auto;
    margin: 0.08rem; }
    .ti-upload-multi-files .as-main .file-item.as-item {
      color: #222;
      background-color: #e8e8e8;
      position: relative; }
      .ti-upload-multi-files .as-main .file-item.as-item .ti-obj-thumb {
        border: 0; }
        .ti-upload-multi-files .as-main .file-item.as-item .ti-obj-thumb header .as-preview {
          border-radius: 0; }
      .ti-upload-multi-files .as-main .file-item.as-item .item-actions {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        color: #cce8ff;
        background-color: rgba(50, 50, 50, 0.618);
        transition: 0.3s;
        opacity: 0;
        overflow: hidden; }
        .ti-upload-multi-files .as-main .file-item.as-item .item-actions ul {
          display: flex;
          justify-content: center;
          align-items: stretch;
          align-content: stretch;
          flex-wrap: nowrap;
          flex-direction: column;
          position: relative;
          width: 100%;
          height: 100%;
          top: 1rem;
          transition: 0.3s; }
        .ti-upload-multi-files .as-main .file-item.as-item .item-actions li {
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: nowrap;
          margin: 0.04rem;
          white-space: nowrap;
          padding: 0.04rem 0.06rem;
          font-size: 0.12rem;
          border-radius: 0.04rem;
          cursor: pointer; }
          .ti-upload-multi-files .as-main .file-item.as-item .item-actions li span {
            margin-left: 0.04rem; }
          .ti-upload-multi-files .as-main .file-item.as-item .item-actions li:hover {
            color: #FFF;
            background-color: #ff4081; }
    .ti-upload-multi-files .as-main .file-item.as-new {
      border: 2px dashed rgba(0, 0, 0, 0.2);
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 0.64rem;
      min-height: 0.64rem;
      color: #888;
      cursor: pointer;
      font-size: 0.24rem; }
      .ti-upload-multi-files .as-main .file-item.as-new:hover {
        color: #ff4081;
        border-color: #ff4081;
        font-size: 0.32rem; }

.ti-upload-multi-files.no-dragging .as-main .file-item.as-item:hover .item-actions {
  opacity: 1; }
  .ti-upload-multi-files.no-dragging .as-main .file-item.as-item:hover .item-actions ul {
    top: 0; }

.ti-upload-multi-files.is-show-text .as-main .file-item .ti-obj-thumb {
  width: 0.96rem;
  min-height: 0.96rem; }
  .ti-upload-multi-files.is-show-text .as-main .file-item .ti-obj-thumb header .as-preview {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(220, 220, 220, 0.3);
    width: 100%;
    padding: 0; }
  .ti-upload-multi-files.is-show-text .as-main .file-item .ti-obj-thumb footer .as-title {
    font-size: 0.11rem; }

.ti-upload-multi-files.no-show-text .as-main .file-item .ti-obj-thumb {
  width: 0.64rem;
  height: 0.64rem; }
  .ti-upload-multi-files.no-show-text .as-main .file-item .ti-obj-thumb > header {
    width: 100%;
    height: 100%;
    padding: 0; }
    .ti-upload-multi-files.no-show-text .as-main .file-item .ti-obj-thumb > header .as-preview {
      padding: 0;
      width: 100%;
      height: 100%; }

.ti-upload-multi-files .as-actions {
  position: absolute;
  top: 0;
  right: 0; }
  .ti-upload-multi-files .as-actions .action-item {
    color: #888;
    font-size: 0.12rem;
    padding: 0.06rem;
    cursor: pointer;
    border-radius: 0.04rem; }
    .ti-upload-multi-files .as-actions .action-item span {
      display: none; }
    .ti-upload-multi-files .as-actions .action-item:hover {
      color: #d0e7fc;
      background-color: #2196f3; }
      .ti-upload-multi-files .as-actions .action-item:hover span {
        display: inline; }

.ti-wall {
  overflow: auto;
  position: relative; }
  .ti-wall > div.ti-loading {
    margin: 0; }
  .ti-wall > .is-empty {
    color: #888;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0.3rem;
    font-size: 1.2em; }
    .ti-wall > .is-empty .ti-icon {
      font-size: 2em;
      margin-right: 0.06rem; }
  .ti-wall > .wall-con {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
    flex-wrap: wrap;
    width: 100%; }
    .ti-wall > .wall-con > .wall-tile {
      display: flex;
      justify-content: stretch;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap;
      border: 0; }
      .ti-wall > .wall-con > .wall-tile.is-checked {
        color: #31a6ff;
        background-color: #cce8ff; }
      .ti-wall > .wall-con > .wall-tile.is-removed {
        opacity: 0.4; }
      .ti-wall > .wall-con > .wall-tile.is-weak {
        opacity: 0.4; }
      .ti-wall > .wall-con > .wall-tile.is-hide {
        display: none; }
      .ti-wall > .wall-con > .wall-tile .tile-con {
        flex: 1 1 auto; }
    .ti-wall > .wall-con > .wall-group-title {
      flex-basis: 100%;
      padding: 0.05rem 0.1rem;
      color: #222;
      background-color: #F5F7FA; }
  .ti-wall > .as-load-more {
    user-select: none;
    padding: 0.2rem;
    transition: margin-bottom 0.3s; }
    .ti-wall > .as-load-more > .as-load-more-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      color: #d0e7fc;
      background-color: #2196f3;
      transition: height 0.3s;
      padding: 0.12rem;
      cursor: pointer;
      font-size: 0.16rem;
      border-radius: 0.04rem; }
      .ti-wall > .as-load-more > .as-load-more-btn > .as-text {
        margin: 0 0.1rem;
        letter-spacing: 4px; }
      .ti-wall > .as-load-more > .as-load-more-btn:hover {
        color: #FFF;
        background-color: #ff4081; }
  .ti-wall.show-border > .wall-con > .wall-tile {
    border: 1px solid transparent; }
    .ti-wall.show-border > .wall-con > .wall-tile.is-current {
      border-style: dotted;
      border-color: #2196f3; }
  .ti-wall.is-stretch > .wall-con {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
    flex-wrap: wrap; }
  .ti-wall.is-multi-rows > .wall-con {
    justify-content: flex-start; }
  .ti-wall.spacing-no > .wall-con > * {
    margin: 0; }
  .ti-wall.spacing-xs > .wall-con {
    padding: 0.02rem; }
    .ti-wall.spacing-xs > .wall-con > * {
      margin: 0.02rem; }
  .ti-wall.spacing-sm > .wall-con {
    padding: 0.08rem; }
    .ti-wall.spacing-sm > .wall-con > * {
      margin: 0.08rem; }
  .ti-wall.spacing-md > .wall-con {
    padding: 0.16rem; }
    .ti-wall.spacing-md > .wall-con > * {
      margin: 0.16rem; }
  .ti-wall.spacing-lg > .wall-con {
    padding: 0.24rem; }
    .ti-wall.spacing-lg > .wall-con > * {
      margin: 0.24rem; }
  .ti-wall.spacing-xl > .wall-con {
    padding: 0.32rem; }
    .ti-wall.spacing-xl > .wall-con > * {
      margin: 0.32rem; }

.ti-wizard > .wizard-con {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0.8rem 0 0.8rem 0; }
  .ti-wizard > .wizard-con > .as-head {
    position: absolute;
    left: 0;
    top: 0;
    height: 0.8rem;
    right: 0; }
  .ti-wizard > .wizard-con > .as-foot {
    position: absolute;
    left: 0;
    height: 0.8rem;
    right: 0;
    bottom: 0; }
  .ti-wizard > .wizard-con > .as-head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    user-select: none;
    padding: 0.1rem 0; }
    .ti-wizard > .wizard-con > .as-head .as-title {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      color: #2196f3;
      font-weight: bold;
      border-left: 5px solid #2196f3;
      padding: 0 .5em;
      line-height: 1em;
      font-size: 1.1em; }
    .ti-wizard > .wizard-con > .as-head ul {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      flex: 1 1 auto; }
      .ti-wizard > .wizard-con > .as-head ul li {
        color: #888; }
        .ti-wizard > .wizard-con > .as-head ul li .as-indicator {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          align-content: center;
          flex-wrap: nowrap; }
          .ti-wizard > .wizard-con > .as-head ul li .as-indicator .as-line {
            flex: 1 1 auto;
            background: rgba(0, 0, 0, 0.2);
            height: 0.04rem;
            width: 0.1rem; }
          .ti-wizard > .wizard-con > .as-head ul li .as-indicator .as-dot {
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            flex-wrap: wrap;
            font-family: Monaco, Consolas, Courier New;
            width: 0.32rem;
            height: 0.32rem;
            margin: 0 auto;
            border: 2px solid rgba(0, 0, 0, 0.2);
            font-size: 0.18rem;
            border-radius: 50%; }
        .ti-wizard > .wizard-con > .as-head ul li .as-text {
          display: block;
          padding: 0.04rem 0.2rem;
          text-align: center;
          line-height: 1.4em; }
        .ti-wizard > .wizard-con > .as-head ul li.is-passed .as-indicator .as-line {
          background: #2196f3; }
        .ti-wizard > .wizard-con > .as-head ul li.is-passed .as-indicator .as-dot {
          color: #2196f3;
          background-color: #d0e7fc;
          border-color: #2196f3; }
        .ti-wizard > .wizard-con > .as-head ul li.is-passed .as-text {
          color: #2196f3; }
        .ti-wizard > .wizard-con > .as-head ul li.is-current {
          font-weight: bold; }
          .ti-wizard > .wizard-con > .as-head ul li.is-current .as-indicator .as-line.at-l {
            background: #2196f3; }
          .ti-wizard > .wizard-con > .as-head ul li.is-current .as-indicator .as-dot {
            color: #d0e7fc;
            background-color: #2196f3;
            border-color: #2196f3; }
          .ti-wizard > .wizard-con > .as-head ul li.is-current .as-text {
            color: #2196f3; }
        .ti-wizard > .wizard-con > .as-head ul li.is-future .as-dot,
        .ti-wizard > .wizard-con > .as-head ul li.is-future .as-text {
          opacity: 0.6; }
        .ti-wizard > .wizard-con > .as-head ul li:first-child .as-indicator .at-l {
          visibility: hidden; }
        .ti-wizard > .wizard-con > .as-head ul li:last-child .as-indicator .at-r {
          visibility: hidden; }
  .ti-wizard > .wizard-con > .as-main {
    width: 100%;
    height: 100%; }
  .ti-wizard > .wizard-con > .as-foot {
    user-select: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: .5em; }
    .ti-wizard > .wizard-con > .as-foot > .as-space {
      flex: 1 1 auto; }
    .ti-wizard > .wizard-con > .as-foot > .as-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      flex: 0 0 auto;
      font-size: 0.2rem;
      padding: 0 .5em;
      line-height: 2.4em;
      min-width: 8em;
      opacity: 0.4; }
      .ti-wizard > .wizard-con > .as-foot > .as-btn.is-enabled {
        cursor: pointer;
        user-select: none;
        color: #d0e7fc;
        background-color: #2196f3;
        opacity: 1; }
        .ti-wizard > .wizard-con > .as-foot > .as-btn.is-enabled:hover {
          color: #FFF;
          background-color: #ff4081; }
      .ti-wizard > .wizard-con > .as-foot > .as-btn.is-reverse .as-text {
        order: 1; }
      .ti-wizard > .wizard-con > .as-foot > .as-btn.is-reverse .as-sep {
        order: 2; }
      .ti-wizard > .wizard-con > .as-foot > .as-btn.is-reverse .as-icon {
        order: 3; }
      .ti-wizard > .wizard-con > .as-foot > .as-btn > .as-sep {
        width: .5em; }
      .ti-wizard > .wizard-con > .as-foot > .as-btn > .as-icon {
        font-size: 1.4em; }

.web-auth-passwd > .as-done.is-ok .ti-loading {
  color: #4caf50; }

.web-auth-passwd > .as-done.is-fail .ti-loading {
  color: #f44336; }

.web-auth-passwd > .as-done .as-links {
  text-align: center; }

.web-auth-passwd .as-input .as-passwd-type-toggle {
  color: #888;
  cursor: pointer; }

.web-gsi-leaflet {
  user-select: none;
  position: relative; }
  .web-gsi-leaflet > .wgl-map-info {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: Monaco, Consolas, Courier New;
    color: #444;
    user-select: text;
    font-size: 0.12rem;
    z-index: 1000;
    padding: .4em; }
    .web-gsi-leaflet > .wgl-map-info .info-ele {
      white-space: nowrap;
      padding: 0.2em;
      background: rgba(255, 255, 255, 0.5); }
      .web-gsi-leaflet > .wgl-map-info .info-ele > i {
        display: inline-block;
        font-size: inherit;
        vertical-align: middle;
        width: 1.6em;
        text-align: center; }
  .web-gsi-leaflet .ti-gsi-mark-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    line-height: 1em;
    text-shadow: 0.02rem 0.02rem 0.05rem rgba(30, 30, 30, 0.2); }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-size-16 {
      font-size: 16px; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-size-24 {
      font-size: 24px; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-size-32 {
      font-size: 32px; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-size-48 {
      font-size: 48px; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-size-64 {
      font-size: 64px; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-size-96 {
      font-size: 96px; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-size-128 {
      font-size: 128px; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-color-primary {
      color: #2196f3; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-color-secondary {
      color: #ff4081; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-color-success {
      color: #4caf50; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-color-warn {
      color: #FF8800; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-color-info {
      color: #2196f3; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-color-error {
      color: #f44336; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-color-track {
      color: #888; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-color-disable {
      color: #999; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-color-text {
      color: #080; }
    .web-gsi-leaflet .ti-gsi-mark-icon.is-color-number {
      color: #08F; }

.web-media-image {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 0.2rem;
  user-select: none; }
  .web-media-image.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
  .web-media-image.no-href {
    cursor: default;
    text-decoration: none; }
  .web-media-image.has-href {
    cursor: pointer;
    text-decoration: none; }
  .web-media-image.has-zoomlen.show-zoomlen .as-zoomlen {
    display: block; }
  .web-media-image.of-con-hidden .as-img-con {
    overflow: hidden; }
  .web-media-image.of-con-visiable .as-img-con {
    overflow: visible; }
  .web-media-image.full-con .as-img-con {
    height: 100%; }
  .web-media-image.is-fit-auto img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%; }
  .web-media-image.is-fit-none img {
    object-fit: unset; }
  .web-media-image.is-fit-contain img {
    object-fit: contain; }
  .web-media-image.is-fit-cover img {
    object-fit: cover; }
  .web-media-image.primary-img-size img {
    width: auto;
    height: auto;
    flex: 0 0 auto;
    margin: 0 auto; }
  .web-media-image.text-hover-full .as-text {
    transition: 0.5s; }
  .web-media-image.top-hover-full .as-text {
    transition: 0.5s; }
  .web-media-image.top-hover-full:hover .as-title {
    white-space: normal;
    overflow: hidden; }
  .web-media-image .as-img-con {
    width: 100%;
    overflow: hidden; }
    .web-media-image .as-img-con > span {
      display: block;
      flex: 1 1 auto;
      width: 100%;
      height: 100%; }
  .web-media-image img {
    flex: 1 1 auto;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }
  .web-media-image .as-tags {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    font-size: 0.1rem; }
  .web-media-image .as-tag-item {
    color: #d0e7fc;
    background-color: #2196f3;
    padding: 0.06rem 0.06rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .web-media-image .as-text {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    font-family: "Microsoft YaHei", "PingHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
    user-select: text; }
    .web-media-image .as-text .as-title {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .web-media-image .as-text .as-brief {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      display: block;
      margin-top: 0.5em;
      padding: 0.5em 0;
      font-size: 0.9em;
      opacity: 0.7;
      font-weight: normal;
      text-decoration: none; }
      .web-media-image .as-text .as-brief:hover {
        text-decoration: none; }
  .web-media-image:hover .as-text .as-title {
    white-space: normal;
    overflow: hidden; }
  .web-media-image.brief-at-top .as-text .as-title {
    order: 2; }
  .web-media-image.brief-at-top .as-text .as-brief {
    order: 1; }
  .web-media-image .as-zoom-pick {
    position: absolute;
    border: 1px solid #ddd;
    background: rgba(255, 255, 0, 0.4);
    cursor: move;
    z-index: 100; }
  .web-media-image .as-zoom-dock {
    position: fixed;
    background: #000;
    background-repeat: no-repeat;
    z-index: 1000; }
  .web-media-image .as-cooling-tip {
    position: absolute;
    top: 0;
    right: 0;
    color: rgba(200, 200, 200, 0.6);
    padding: 0.04rem;
    opacity: 0.8;
    font-size: 0.24rem; }
  .web-media-image.hover-none {
    cursor: default; }
  .web-media-image.hover-to-up {
    transition: transform 0.3s; }
    .web-media-image.hover-to-up:hover {
      transform: translateY(-3px);
      box-shadow: 0.04rem 0.04rem 0.1rem rgba(30, 30, 30, 0.2); }
  .web-media-image.hover-to-up-img .as-img-con img {
    transition: transform 0.3s; }
  .web-media-image.hover-to-up-img:hover .as-img-con img {
    transform: translateY(-3px);
    box-shadow: 0.04rem 0.04rem 0.1rem rgba(30, 30, 30, 0.2); }
  .web-media-image.hover-to-zoom .as-img-con img {
    transition: transform 0.5s; }
  .web-media-image.hover-to-zoom:hover .as-img-con img {
    transform: scale(1.2); }
  .web-media-image.hover-to-scale {
    transition: transform 0.3s; }
    .web-media-image.hover-to-scale:hover {
      transform: scale(1.1);
      box-shadow: 0.04rem 0.04rem 0.1rem rgba(30, 30, 30, 0.2);
      z-index: 1; }
  .web-media-image.hover-mask .as-text {
    z-index: 1; }
  .web-media-image.hover-mask:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    transition: 0.3s;
    display: block;
    content: ""; }
  .web-media-image.hover-mask:hover:after {
    opacity: 0.3; }
  .web-media-image.ts-shadow .as-text {
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6); }
  .web-media-image.ts-mask .as-text {
    background-color: rgba(0, 0, 0, 0.4); }
  .web-media-image.ts-wrap-none .as-text .as-title {
    white-space: nowrap;
    word-break: keep-all; }
  .web-media-image.ts-wrap-all .as-text .as-title {
    white-space: normal;
    word-break: break-all;
    overflow: visible; }
  .web-media-image.ts-wrap-word .as-text .as-title {
    white-space: normal;
    word-break: break-word;
    overflow: visible; }
  .web-media-image.ts-hide .as-text {
    display: none; }
  .web-media-image.text-in .as-img-con {
    height: 100%; }
  .web-media-image.text-in.at-center .as-text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center; }
  .web-media-image.text-in.at-top .as-text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0; }
  .web-media-image.text-in.at-bottom .as-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .web-media-image.text-in.at-left .as-text {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
  .web-media-image.text-in.at-right .as-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
  .web-media-image.text-in.at-bottom-left .as-text {
    position: absolute;
    left: 0;
    bottom: 0; }
  .web-media-image.text-in.at-bottom-right .as-text {
    position: absolute;
    right: 0;
    bottom: 0; }
  .web-media-image.text-in.at-left-top .as-text {
    position: absolute;
    left: 0;
    top: 0; }
  .web-media-image.text-in.at-right-top .as-text {
    position: absolute;
    top: 0;
    right: 0; }
  .web-media-image.text-in .as-text {
    padding: 0.5em 0.6em;
    color: #fff; }
  .web-media-image.text-out.fix-image-size .as-img-con {
    flex: 0 0 auto; }
  .web-media-image.text-out.fix-image-size .as-text {
    flex: 1 1 auto; }
  .web-media-image.text-out .as-text {
    padding: 0.5em 0.3em; }
  .web-media-image.text-out.at-top {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column; }
    .web-media-image.text-out.at-top .as-text {
      order: -1;
      display: block;
      text-align: center; }
  .web-media-image.text-out.at-bottom {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column; }
    .web-media-image.text-out.at-bottom .as-text {
      display: block;
      text-align: center; }
  .web-media-image.text-out.at-left {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap; }
    .web-media-image.text-out.at-left .as-text {
      order: -1; }
  .web-media-image.text-out.at-right {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap; }
  .web-media-image.at-left .as-text, .web-media-image.at-left-top .as-text, .web-media-image.at-bottom-left .as-text {
    align-items: flex-start; }
  .web-media-image.at-right .as-text, .web-media-image.at-right-top .as-text, .web-media-image.at-bottom-right .as-text {
    align-items: flex-end; }
  .web-media-image.fs-xs .as-text {
    font-size: 0.6em; }
  .web-media-image.fs-sm .as-text {
    font-size: 0.8em; }
  .web-media-image.fs-md .as-text {
    font-size: 1em; }
  .web-media-image.fs-lg .as-text {
    font-size: 1.2em; }
  .web-media-image.fs-xl .as-text {
    font-size: 1.5em; }

.web-media > .as-con {
  position: relative;
  width: 100%;
  height: 100%; }
  .web-media > .as-con .as-switcher-btn {
    position: absolute;
    top: 40%;
    padding: 0.1rem;
    z-index: 1; }
    .web-media > .as-con .as-switcher-btn.at-left {
      left: 0; }
    .web-media > .as-con .as-switcher-btn.at-right {
      right: 0; }
    .web-media > .as-con .as-switcher-btn span {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      color: #cce8ff;
      background-color: rgba(50, 50, 50, 0.372);
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      font-size: 0.32rem;
      cursor: pointer;
      transition: opacity 0.5s;
      opacity: 0.3; }
      .web-media > .as-con .as-switcher-btn span:hover {
        color: #FFF;
        background-color: #ff4081;
        opacity: 1; }

.web-meta-article {
  margin: 2em 0 .5em 0; }
  .web-meta-article.align-left {
    text-align: left; }
    .web-meta-article.align-left .as-tags, .web-meta-article.align-left .as-info {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap; }
  .web-meta-article.align-center {
    text-align: center; }
    .web-meta-article.align-center .as-tags, .web-meta-article.align-center .as-info {
      display: flex;
      justify-content: center;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap; }
  .web-meta-article.align-right {
    text-align: right; }
    .web-meta-article.align-right .as-tags, .web-meta-article.align-right .as-info {
      display: flex;
      justify-content: flex-end;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap; }
  .web-meta-article > div {
    margin: 0 .5em; }
  .web-meta-article .as-title {
    margin: 0;
    padding: .5em 0;
    font-weight: bold;
    font-size: 2.4em; }
  .web-meta-article .as-brief {
    color: #222;
    background-color: #e8e8e8;
    border: 1px dashed rgba(0, 0, 0, 0.1);
    margin: 1em 0;
    font-size: .9em;
    padding: 2em;
    font-size: 1em;
    border-radius: .5em; }
  .web-meta-article .as-tags {
    user-select: none;
    margin: 1em 0;
    font-size: .8em; }
    .web-meta-article .as-tags li {
      border: 1px solid #2196f3;
      color: #2196f3;
      margin: 0 .5em;
      padding: .2em .5em;
      border-radius: .5em; }
  .web-meta-article .as-info {
    color: #888; }
    .web-meta-article .as-info div {
      margin: 0 .5em; }
  .web-meta-article .as-bottom-line {
    margin: 1em 0 0 0;
    border-top-style: dashed; }

.web-meta-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  user-select: none;
  padding: 1em; }
  .web-meta-badge.is-success {
    color: #4caf50; }
  .web-meta-badge.is-warn {
    color: #FF8800; }
  .web-meta-badge.is-info {
    color: #2196f3; }
  .web-meta-badge.is-error {
    color: #f44336; }
  .web-meta-badge.is-track {
    color: #888; }
  .web-meta-badge.is-disable {
    color: #999; }
  .web-meta-badge.is-text {
    color: #080; }
  .web-meta-badge.is-number {
    color: #08F; }
  .web-meta-badge > .as-icon {
    margin: .5em;
    font-size: 0.64rem; }
  .web-meta-badge > .as-title {
    font-size: 2em;
    font-weight: bold;
    margin: .2em;
    width: 100%;
    text-align: center; }
  .web-meta-badge > .as-brief {
    opacity: 0.7;
    width: 100%;
    text-align: center; }
  .web-meta-badge > .as-links {
    padding: 2em 0; }
    .web-meta-badge > .as-links li {
      padding: 0.3em; }
    .web-meta-badge > .as-links li a {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
      .web-meta-badge > .as-links li a .ti-icon {
        margin-right: .5em; }

.web-meta-commodity {
  padding: 0.16rem 0; }
  .web-meta-commodity > .as-main {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    border: 1px solid rgba(0, 0, 0, 0.1); }
    .web-meta-commodity > .as-main > .at-left {
      flex: 0 0 auto;
      width: 37.2%;
      padding: 1em;
      margin-right: 2em; }
      .web-meta-commodity > .as-main > .at-left .web-media-image {
        width: 100%; }
    .web-meta-commodity > .as-main > .at-right {
      flex: 1 1 auto;
      padding: 1em; }
      .web-meta-commodity > .as-main > .at-right > h1 {
        padding: 0.1rem 0;
        margin: 0;
        font-weight: normal;
        font-size: 2em; }
      .web-meta-commodity > .as-main > .at-right > .as-form .ti-form {
        padding: 0; }
        .web-meta-commodity > .as-main > .at-right > .as-form .ti-form .form-field {
          border: 0;
          padding: 0.08rem 0; }
          .web-meta-commodity > .as-main > .at-right > .as-form .ti-form .form-field.webmc-highlight {
            color: #222;
            background-color: #e8e8e8;
            padding: 0.1rem 0.16rem; }
            .web-meta-commodity > .as-main > .at-right > .as-form .ti-form .form-field.webmc-highlight .field-value {
              color: #ff4081;
              font-weight: 900;
              font-size: 2em; }
          .web-meta-commodity > .as-main > .at-right > .as-form .ti-form .form-field .field-name {
            padding-left: 0; }
            .web-meta-commodity > .as-main > .at-right > .as-form .ti-form .form-field .field-name .name-status {
              padding: 0; }
      .web-meta-commodity > .as-main > .at-right > .as-btns {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        padding: 0.1rem 0; }
        .web-meta-commodity > .as-main > .at-right > .as-btns .ti-btn {
          font-size: 1.5em;
          min-width: 12em;
          padding: .5em 1em; }

.web-meta-order {
  padding: 0 .5em; }
  .web-meta-order em {
    font-family: Monaco, Consolas, Courier New;
    font-style: normal; }
  .web-meta-order .as-or-box {
    color: #000;
    background-color: #FFF;
    padding: 1em;
    margin: 1em 0; }
  .web-meta-order .as-or-box.is-head {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap; }
    .web-meta-order .as-or-box.is-head .at-left {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      flex-direction: column;
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      padding: 1em; }
      .web-meta-order .as-or-box.is-head .at-left .as-or-id {
        color: #888;
        font-size: 0.14rem;
        text-align: center; }
      .web-meta-order .as-or-box.is-head .at-left .as-or-st {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex: 1 1 auto; }
        .web-meta-order .as-or-box.is-head .at-left .as-or-st span {
          font-size: 0.32rem; }
          .web-meta-order .as-or-box.is-head .at-left .as-or-st span.or-st-nw {
            color: #999; }
          .web-meta-order .as-or-box.is-head .at-left .as-or-st span.or-st-wt {
            color: #FF8800; }
          .web-meta-order .as-or-box.is-head .at-left .as-or-st span.or-st-ok {
            color: #2196f3; }
          .web-meta-order .as-or-box.is-head .at-left .as-or-st span.or-st-fa {
            color: #f44336; }
          .web-meta-order .as-or-box.is-head .at-left .as-or-st span.or-st-sp {
            color: #ff4081; }
          .web-meta-order .as-or-box.is-head .at-left .as-or-st span.or-st-dn {
            color: #4caf50; }
    .web-meta-order .as-or-box.is-head .at-right {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      align-content: center;
      flex-wrap: nowrap;
      flex: 1 1 auto;
      padding: 2em; }
      .web-meta-order .as-or-box.is-head .at-right .is-item {
        text-align: center;
        padding: 1em; }
        .web-meta-order .as-or-box.is-head .at-right .is-item .ti-icon {
          font-size: 0.32rem; }
        .web-meta-order .as-or-box.is-head .at-right .is-item .as-t-title {
          font-size: 0.16rem;
          padding: .5em 0; }
        .web-meta-order .as-or-box.is-head .at-right .is-item .as-t-date, .web-meta-order .as-or-box.is-head .at-right .is-item .as-t-time {
          font-size: 0.12rem;
          opacity: 0.8; }
        .web-meta-order .as-or-box.is-head .at-right .is-item.is-on .ti-icon, .web-meta-order .as-or-box.is-head .at-right .is-item.is-on .as-t-title {
          color: #4caf50; }
        .web-meta-order .as-or-box.is-head .at-right .is-item.is-off {
          opacity: 0.6; }
      .web-meta-order .as-or-box.is-head .at-right .is-line {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        flex: 1 1 auto;
        text-align: right;
        color: #888;
        height: 0.64rem; }
        .web-meta-order .as-or-box.is-head .at-right .is-line:before {
          content: "";
          display: block;
          flex: 1 1 auto;
          height: 0;
          margin-top: -0.02rem;
          border-bottom: 0.04rem dashed #888; }
        .web-meta-order .as-or-box.is-head .at-right .is-line i {
          margin: 0 0.03rem; }
        .web-meta-order .as-or-box.is-head .at-right .is-line.is-on {
          color: #4caf50; }
        .web-meta-order .as-or-box.is-head .at-right .is-line.is-on:before {
          border-color: #4caf50; }
        .web-meta-order .as-or-box.is-head .at-right .is-line.is-off {
          opacity: 0.6; }
  .web-meta-order .as-or-box.is-products {
    padding: 1em; }
    .web-meta-order .as-or-box.is-products table {
      width: 100%; }
    .web-meta-order .as-or-box.is-products tr td {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .web-meta-order .as-or-box.is-products tr:last-child td {
      border: 0; }
    .web-meta-order .as-or-box.is-products th {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: .5em; }
    .web-meta-order .as-or-box.is-products td {
      padding: .5em;
      text-align: center; }
      .web-meta-order .as-or-box.is-products td.as-pro-title {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: stretch;
        flex-wrap: wrap; }
      .web-meta-order .as-or-box.is-products td.as-price {
        color: #888; }
      .web-meta-order .as-or-box.is-products td.as-amount {
        color: #080; }
      .web-meta-order .as-or-box.is-products td.as-subtotal {
        color: #ff4081; }
    .web-meta-order .as-or-box.is-products img {
      border: 1px solid rgba(0, 0, 0, 0.2);
      width: 0.64rem;
      height: 0.64rem;
      object-fit: cover;
      border-radius: 0.06rem;
      margin-right: 1em; }
      .web-meta-order .as-or-box.is-products img:hover {
        border-color: #2196f3; }
  .web-meta-order .as-or-box.is-summary {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap; }
    .web-meta-order .as-or-box.is-summary table td {
      color: #888;
      padding: 0.06rem; }
      .web-meta-order .as-or-box.is-summary table td.as-s-val {
        padding-left: 0.2rem;
        text-align: right; }
    .web-meta-order .as-or-box.is-summary table .as-sum-fee td {
      color: #ff4081; }
      .web-meta-order .as-or-box.is-summary table .as-sum-fee td.as-s-val {
        font-weight: bold;
        font-size: 1.6em; }

.web-nav-columns {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap; }
  .web-nav-columns.is-border-solid .as-column {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
    .web-nav-columns.is-border-solid .as-column:first-child {
      border: 0; }
  .web-nav-columns.is-border-dashed .as-column {
    border-left: 1px dashed rgba(0, 0, 0, 0.2); }
    .web-nav-columns.is-border-dashed .as-column:first-child {
      border: 0; }
  .web-nav-columns.is-border-dotted .as-column {
    border-left: 1px dotted rgba(0, 0, 0, 0.2); }
    .web-nav-columns.is-border-dotted .as-column:first-child {
      border: 0; }
  .web-nav-columns.is-align-left .as-column {
    text-align: left; }
  .web-nav-columns.is-align-center .as-column {
    text-align: center; }
  .web-nav-columns.is-align-right .as-column {
    text-align: right; }
  .web-nav-columns.is-spacing-tiny a {
    padding: .2em 0.4em; }
  .web-nav-columns.is-spacing-comfy a {
    padding: .4em 0.8em; }
  .web-nav-columns.is-spacing-wide a {
    padding: .6em 1.2em; }
  .web-nav-columns .as-column {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    flex: 1 1 auto;
    width: 10%; }
  .web-nav-columns .item-self {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: .6em 0; }
  .web-nav-columns .items-con {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column; }

.web-nav-crumb {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  padding: 1em .5em; }
  .web-nav-crumb .ti-icon {
    margin: 0 0.5em;
    opacity: 0.4; }

.web-nav-links {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap; }
  .web-nav-links.as-uppercase .it-info-text {
    text-transform: uppercase; }
  .web-nav-links.as-lowercase .it-info-text {
    text-transform: lowercase; }
  .web-nav-links.as-capitalize .it-info-text {
    text-transform: capitalize; }
  .web-nav-links.is-border-solid .link-item.is-top {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
    .web-nav-links.is-border-solid .link-item.is-top:first-child {
      border: 0; }
  .web-nav-links.is-border-dashed .link-item.is-top {
    border-left: 1px dashed rgba(0, 0, 0, 0.2); }
    .web-nav-links.is-border-dashed .link-item.is-top:first-child {
      border: 0; }
  .web-nav-links.is-border-dotted .link-item.is-top {
    border-left: 1px dotted rgba(0, 0, 0, 0.2); }
    .web-nav-links.is-border-dotted .link-item.is-top:first-child {
      border: 0; }
  .web-nav-links.is-align-left {
    justify-content: flex-start; }
  .web-nav-links.is-align-center {
    justify-content: center; }
  .web-nav-links.is-align-right {
    justify-content: flex-end; }
  .web-nav-links.is-spacing-tiny .link-item.is-top {
    padding: .2em 0.4em; }
  .web-nav-links.is-spacing-comfy .link-item.is-top {
    padding: .4em 0.8em; }
  .web-nav-links.is-spacing-wide .link-item.is-top {
    padding: .6em 1.2em; }
  .web-nav-links .link-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    position: relative; }
    .web-nav-links .link-item.is-top > .it-con {
      padding: 0.1rem 0; }
    .web-nav-links .link-item.is-sub {
      padding: .5em;
      line-height: 1.8em; }
    .web-nav-links .link-item.is-sub > .it-con {
      padding: 0 0.1rem; }
    .web-nav-links .link-item.is-opened {
      color: #31a6ff;
      background-color: #cce8ff; }
    .web-nav-links .link-item.is-highlight, .web-nav-links .link-item.is-current {
      color: #d0e7fc;
      background-color: #2196f3; }
      .web-nav-links .link-item.is-highlight > .it-info a, .web-nav-links .link-item.is-current > .it-info a {
        color: inherit; }
  .web-nav-links .it-con {
    position: absolute;
    z-index: 10000;
    opacity: 0; }
  .web-nav-links .link-item.is-dock-show > .it-con {
    transition: opacity .3s;
    opacity: 1; }
  .web-nav-links .it-con-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    color: #000;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    min-width: 10em;
    padding: 0.1rem 0; }
  .web-nav-links .link-item.is-top > .it-con {
    top: 0.5rem;
    left: 0; }
  .web-nav-links .link-item.is-sub > .it-info {
    line-height: 2em; }
  .web-nav-links.hover-line {
    align-items: stretch; }
    .web-nav-links.hover-line > .link-item.is-top {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap;
      padding-top: 0;
      padding-bottom: 0; }
      .web-nav-links.hover-line > .link-item.is-top > .it-info {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        align-content: center;
        flex-wrap: nowrap; }
        .web-nav-links.hover-line > .link-item.is-top > .it-info > a {
          display: block;
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          position: relative;
          padding: 0 .5em; }
          .web-nav-links.hover-line > .link-item.is-top > .it-info > a:after {
            position: absolute;
            left: 50%;
            height: 0.03rem;
            right: 50%;
            bottom: 0;
            display: block;
            content: "";
            margin: 0.12rem auto 0 auto;
            background: #2196f3;
            opacity: 0;
            transition: .5s; }
          .web-nav-links.hover-line > .link-item.is-top > .it-info > a:hover {
            text-decoration: none;
            color: #2196f3; }
            .web-nav-links.hover-line > .link-item.is-top > .it-info > a:hover::after {
              opacity: 1;
              left: 0;
              right: 0; }
      .web-nav-links.hover-line > .link-item.is-top.is-opened {
        color: inherit;
        background-color: inherit; }
      .web-nav-links.hover-line > .link-item.is-top.is-highlight, .web-nav-links.hover-line > .link-item.is-top.is-current {
        color: inherit;
        background-color: transparent; }
        .web-nav-links.hover-line > .link-item.is-top.is-highlight > .it-info > a, .web-nav-links.hover-line > .link-item.is-top.is-current > .it-info > a {
          color: #2196f3; }
          .web-nav-links.hover-line > .link-item.is-top.is-highlight > .it-info > a:hover::after, .web-nav-links.hover-line > .link-item.is-top.is-highlight > .it-info > a::after, .web-nav-links.hover-line > .link-item.is-top.is-current > .it-info > a:hover::after, .web-nav-links.hover-line > .link-item.is-top.is-current > .it-info > a::after {
            color: #d0e7fc;
            background: #2196f3;
            width: 100%;
            left: 0;
            opacity: 1; }
  .web-nav-links.sub-border-weak {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: .5em 1.4em; }
    .web-nav-links.sub-border-weak:first-child {
      border-top: 0; }
  .web-nav-links.sub-border {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: .5em 1.4em; }
    .web-nav-links.sub-border:first-child {
      border-top: 0; }

.web-nav-side {
  width: 100%;
  padding: .6em 0; }
  .web-nav-side .side-item .it-info {
    user-select: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    flex-wrap: nowrap;
    width: 100%;
    cursor: pointer;
    padding: .6em 1.2em; }
    .web-nav-side .side-item .it-info > .it-info-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 0.28rem;
      font-size: 0.18rem;
      margin-right: 0.06rem; }
    .web-nav-side .side-item .it-info > .it-info-text {
      flex: 1 1 auto; }
    .web-nav-side .side-item .it-info > .it-status-icon {
      opacity: 0.6;
      font-size: 0.8em; }
  .web-nav-side .side-item .it-con {
    padding-left: 2em; }
    .web-nav-side .side-item .it-con > .side-item:first-child {
      margin-top: .3em; }
    .web-nav-side .side-item .it-con > .side-item:last-child {
      margin-bottom: 1.2em; }
  .web-nav-side .side-item.is-highlight > .it-info {
    color: #d0e7fc;
    background-color: #2196f3; }
    .web-nav-side .side-item.is-highlight > .it-info a {
      color: unset; }
    .web-nav-side .side-item.is-highlight > .it-info a:hover {
      text-decoration: none;
      color: unset; }
  .web-nav-side .side-item.is-top > .it-info {
    font-size: 1.1em; }
  .web-nav-side .side-item.is-group > .it-info {
    font-weight: bold; }
  .web-nav-side.item-nowrap .side-item .it-info > .it-info-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.web-pay-checkout {
  padding: .5em; }
  .web-pay-checkout .as-tip {
    border: 1px dashed rgba(0, 0, 0, 0.1);
    color: #888;
    background-color: #FFF;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    margin: 1em;
    padding: 1.2em; }
    .web-pay-checkout .as-tip .ti-icon {
      font-size: 1.3em; }
    .web-pay-checkout .as-tip span {
      margin: 0 .6em; }
  .web-pay-checkout .as-list table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse; }
  .web-pay-checkout .as-list th {
    border: 1px solid rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    border-left: 0;
    border-right: 0;
    padding: 0.2rem;
    font-size: .9em; }
  .web-pay-checkout .as-list tr:last-child td {
    border: 0; }
  .web-pay-checkout .as-list td {
    padding: 0.2rem 0.08rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center; }
    .web-pay-checkout .as-list td em {
      font-style: normal; }
    .web-pay-checkout .as-list td.it-thumb {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      text-align: left; }
      .web-pay-checkout .as-list td.it-thumb img {
        width: 1rem;
        height: 1rem;
        border: 1px solid rgba(0, 0, 0, 0.1); }
      .web-pay-checkout .as-list td.it-thumb .it-title {
        font-size: 1em;
        padding: 0 0.18rem; }
    .web-pay-checkout .as-list td.it-price {
      color: #222; }
    .web-pay-checkout .as-list td.it-amount {
      color: #000;
      font-weight: bold; }
    .web-pay-checkout .as-list td.it-subtotal {
      color: #08F; }
  .web-pay-checkout .as-summary {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    color: #222;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 0.5rem;
    padding: 0.18rem; }
    .web-pay-checkout .as-summary .at-left {
      padding: 0 0.2rem;
      text-align: center; }
      .web-pay-checkout .as-summary .at-left i {
        font-size: 0.8rem; }
      .web-pay-checkout .as-summary .at-left div {
        font-size: 0.12rem; }
    .web-pay-checkout .as-summary .at-right {
      flex: 1 1 auto;
      font-size: 0.24rem; }
      .web-pay-checkout .as-summary .at-right > .as-total {
        display: flex;
        justify-content: flex-end;
        align-items: stretch;
        align-content: stretch;
        flex-wrap: wrap;
        padding: 0.1rem; }
        .web-pay-checkout .as-summary .at-right > .as-total em {
          color: #de4549;
          font-weight: bold;
          font-style: normal;
          margin: 0 0.2rem; }
  .web-pay-checkout .as-can-list {
    border: 1px dashed rgba(0, 0, 0, 0.2);
    color: #000;
    background-color: #F0F0F0;
    padding: 1em;
    margin: 1em 0; }
    .web-pay-checkout .as-can-list .web-shelf-list {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap;
      font-size: 0.12rem; }
      .web-pay-checkout .as-can-list .web-shelf-list .list-item {
        width: 50%; }
    .web-pay-checkout .as-can-list .as-can-hide {
      border-top: 1px dotted rgba(0, 0, 0, 0.1);
      padding-top: 1em;
      text-align: center; }
      .web-pay-checkout .as-can-list .as-can-hide a:hover {
        color: #ff4081;
        text-decoration: none; }

.web-pay-choose {
  user-select: none;
  padding: 0.2rem; }
  .web-pay-choose .as-title {
    color: #888;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.08rem;
    text-align: left;
    font-size: 0.2rem; }
  .web-pay-choose .as-options {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0.2rem;
    min-height: 2.8rem; }
    .web-pay-choose .as-options .as-pay-type {
      margin: 0.1rem;
      cursor: pointer;
      border: 1px solid transparent;
      min-width: 1.5rem;
      min-height: 1.8rem;
      padding: 0.2rem 0.1rem; }
      .web-pay-choose .as-options .as-pay-type.is-disabled {
        opacity: 0.6; }
      .web-pay-choose .as-options .as-pay-type.is-enabled {
        color: #31a6ff;
        background-color: #cce8ff;
        border-color: #2196f3;
        opacity: 1; }
        .web-pay-choose .as-options .as-pay-type.is-enabled:hover {
          opacity: 1; }
      .web-pay-choose .as-options .as-pay-type > .ti-icon {
        font-size: 0.64rem; }
        .web-pay-choose .as-options .as-pay-type > .ti-icon img {
          width: 0.64rem;
          height: 0.64rem; }
      .web-pay-choose .as-options .as-pay-type > .as-text {
        text-align: center;
        white-space: nowrap;
        padding: 0.1rem;
        font-size: 1em; }
      .web-pay-choose .as-options .as-pay-type:hover {
        color: #31a6ff;
        background-color: #cce8ff;
        opacity: 0.8; }
  .web-pay-choose .as-tip {
    text-align: center;
    padding: 0.4rem; }

.web-pay-proceed {
  padding: 0.1rem; }
  .web-pay-proceed .as-nil-order {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    height: 4.2rem; }
  .web-pay-proceed .is-qrcode img {
    border: 0; }
  .web-pay-proceed .is-iframe iframe {
    width: 200px;
    height: 200px;
    margin: 0 auto; }
  .web-pay-proceed .is-json .by-paypal .paypal-logo {
    color: #888;
    padding: 0.2rem;
    font-size: 1.8rem;
    text-align: center; }
    .web-pay-proceed .is-json .by-paypal .paypal-logo a {
      color: inherit; }
      .web-pay-proceed .is-json .by-paypal .paypal-logo a i {
        transition: .5s; }
    .web-pay-proceed .is-json .by-paypal .paypal-logo:hover a {
      color: #ff4081; }
      .web-pay-proceed .is-json .by-paypal .paypal-logo:hover a i {
        transform: scale(1.2) rotate(-720deg); }
  .web-pay-proceed .is-json .by-paypal .paypal-tip {
    width: 26em;
    padding: 1em 2em;
    line-height: 2em; }
  .web-pay-proceed .as-main {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    min-height: 4rem; }
  .web-pay-proceed .as-check {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0.2rem; }
    .web-pay-proceed .as-check .ti-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      min-width: 3.6rem; }
      .web-pay-proceed .as-check .ti-btn .as-text {
        padding-left: 0.08rem; }

.web-pay-done {
  padding: 0.8rem; }
  .web-pay-done.is-ok {
    color: #4caf50; }
  .web-pay-done.is-fail {
    color: #f44336; }
  .web-pay-done.is-wait {
    color: #888; }
  .web-pay-done .as-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0.1rem;
    font-size: 1.28rem; }
  .web-pay-done .as-text {
    font-size: 0.2rem;
    text-align: center; }
  .web-pay-done .as-error {
    color: #f44336;
    background: #FFF;
    border: 0.03rem dashed #f44336;
    font-size: 0.16rem;
    padding: 2em;
    margin: 2em; }
  .web-pay-done .as-links {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 3em;
    line-height: 1.6em; }
    .web-pay-done .as-links a {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
      .web-pay-done .as-links a .ti-icon {
        width: 0.32rem; }
      .web-pay-done .as-links a:hover {
        text-decoration: none; }
        .web-pay-done .as-links a:hover .ti-icon {
          text-decoration: none; }
        .web-pay-done .as-links a:hover span {
          text-decoration: underline; }

.web-row-article {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  flex-wrap: nowrap;
  padding: 1em; }
  .web-row-article > .at-left {
    margin-right: 1.6em; }
    .web-row-article > .at-left img {
      border: 0;
      width: 100%;
      border-radius: 0.08rem; }
  .web-row-article > .at-right > .as-title {
    font-size: 1.2em; }
  .web-row-article > .at-right > .as-info {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    font-size: 0.9em;
    padding: 1em 0;
    opacity: 0.8; }
    .web-row-article > .at-right > .as-info > div {
      margin: 0 0.5em; }

.web-row-image {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap;
  position: relative; }
  .web-row-image.of-con-hidden .as-img-con {
    overflow: hidden; }
  .web-row-image.of-con-visiable .as-img-con {
    overflow: visible; }
  .web-row-image.is-fit-auto .as-img-con img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%; }
  .web-row-image.is-fit-none .as-img-con img {
    object-fit: unset; }
  .web-row-image.is-fit-contain .as-img-con img {
    object-fit: contain; }
  .web-row-image.is-fit-cover .as-img-con img {
    object-fit: cover; }
  .web-row-image.primary-img-size img {
    width: auto;
    height: auto;
    flex: 0 0 auto;
    margin: 0 auto; }
  .web-row-image .as-part {
    padding: 0.1rem;
    position: relative; }
    .web-row-image .as-part.at-left {
      width: 37.2%;
      flex: 0 0 auto; }
    .web-row-image .as-part.at-right {
      flex: 1 1 auto; }
  .web-row-image .as-img-con {
    flex: 1 1 auto;
    width: 100%;
    border-radius: 0.08rem;
    overflow: hidden; }
  .web-row-image img {
    flex: 1 1 auto;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }
  .web-row-image .as-tags {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    font-size: 0.1rem; }
  .web-row-image .as-tag-item {
    color: #d0e7fc;
    background-color: #2196f3;
    padding: 0.06rem 0.06rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .web-row-image .as-part.at-right {
    font-family: "Microsoft YaHei", "PingHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
    user-select: text; }
  .web-row-image .as-title {
    padding: 0.06rem;
    font-size: 1.6em;
    font-weight: bold; }
  .web-row-image .as-brief {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    width: 100%;
    padding: 1em 0;
    margin-top: 1em;
    opacity: 0.7;
    font-weight: normal;
    text-decoration: none; }
    .web-row-image .as-brief:hover {
      text-decoration: none; }
  .web-row-image .as-cooling-tip {
    position: absolute;
    top: 0;
    right: 0;
    color: rgba(200, 200, 200, 0.6);
    padding: 0.04rem;
    opacity: 0.8;
    font-size: 0.24rem; }
  .web-row-image.hover-none {
    cursor: default; }
  .web-row-image.hover-to-up {
    transition: transform 0.3s; }
    .web-row-image.hover-to-up:hover {
      transform: translateY(-3px);
      box-shadow: 0.04rem 0.04rem 0.1rem rgba(30, 30, 30, 0.2); }
  .web-row-image.hover-to-up-img .as-img-con img {
    transition: transform 0.3s; }
  .web-row-image.hover-to-up-img:hover .as-img-con img {
    transform: translateY(-3px);
    box-shadow: 0.04rem 0.04rem 0.1rem rgba(30, 30, 30, 0.2); }
  .web-row-image.hover-to-zoom .as-img-con img {
    transition: transform 0.5s; }
  .web-row-image.hover-to-zoom:hover .as-img-con img {
    transform: scale(1.2); }
  .web-row-image.hover-to-scale {
    transition: transform 0.3s; }
    .web-row-image.hover-to-scale:hover {
      transform: scale(1.1);
      box-shadow: 0.02rem 0.02rem 0.06rem rgba(30, 30, 30, 0.2);
      z-index: 1; }
  .web-row-image.hover-to-scale-img .as-img-con {
    transition: transform 0.3s; }
  .web-row-image.hover-to-scale-img:hover .as-img-con {
    transform: scale(1.1);
    box-shadow: 0.02rem 0.02rem 0.06rem rgba(30, 30, 30, 0.2);
    z-index: 1; }
  .web-row-image.fs-xs .as-part {
    font-size: 0.12rem; }
  .web-row-image.fs-sm .as-part {
    font-size: 0.14rem; }
  .web-row-image.fs-md .as-part {
    font-size: 0.16rem; }
  .web-row-image.fs-lg .as-part {
    font-size: 0.18rem; }
  .web-row-image.fs-xl .as-part {
    font-size: 0.2rem; }

.web-shelf-audio-icons {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  padding: 0.06rem; }
  .web-shelf-audio-icons.wrap-icons > .as-audio-icons {
    width: 100%;
    padding: 0.2rem 0;
    justify-content: center; }
  .web-shelf-audio-icons.item-big .as-audio-item {
    width: 0.72rem;
    height: 0.72rem;
    font-size: 0.24rem;
    margin: 0 0.08rem; }
  .web-shelf-audio-icons .as-audio-title {
    flex: 0 0 auto;
    width: 100%;
    padding: 0.06rem;
    font-size: 0.12rem;
    opacity: 0.6; }
  .web-shelf-audio-icons .as-current-audio-player {
    flex: 1 1 auto; }
  .web-shelf-audio-icons .as-audio-icons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex: 0 0 auto;
    padding: 0 0.04rem; }
  .web-shelf-audio-icons .as-audio-item {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    color: #e8e8e8;
    background-color: #222;
    width: 0.4rem;
    height: 0.4rem;
    font-size: 0.18rem;
    font-weight: bold;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 0.03rem;
    opacity: 0.6;
    transition: opacity 0.5s; }
    .web-shelf-audio-icons .as-audio-item.is-current {
      color: #d0e7fc;
      background-color: #2196f3;
      cursor: default;
      opacity: 1; }
      .web-shelf-audio-icons .as-audio-item.is-current:hover {
        color: #d0e7fc;
        background-color: #2196f3; }
    .web-shelf-audio-icons .as-audio-item:hover {
      color: #FFF;
      background-color: #ff4081;
      opacity: 1; }

.web-shelf-carousel {
  position: relative; }
  .web-shelf-carousel > main {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .web-shelf-carousel > main > ul {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: center;
      flex-wrap: nowrap;
      position: relative;
      padding: 0;
      margin: 0;
      height: 100%; }
      .web-shelf-carousel > main > ul > li {
        flex: 0 0 auto;
        border-left: 1px solid rgba(200, 200, 200, 0.3); }
  .web-shelf-carousel > .as-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0 0.1rem; }
    .web-shelf-carousel > .as-btn > b {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      background: rgba(0, 0, 0, 0.9);
      color: #fff;
      width: 0.4rem;
      height: 0.4rem;
      border-radius: 50%;
      font-size: 0.2rem;
      opacity: 0.4;
      cursor: pointer;
      transition: opacity 0.3s; }
      .web-shelf-carousel > .as-btn > b:hover {
        opacity: 1; }
    .web-shelf-carousel > .as-btn.is-prev {
      left: 0; }
      .web-shelf-carousel > .as-btn.is-prev > b .ti-icon {
        margin-left: -0.02rem; }
    .web-shelf-carousel > .as-btn.is-next {
      right: 0; }
      .web-shelf-carousel > .as-btn.is-next > b .ti-icon {
        margin-right: -0.02rem; }

.web-shelf-falls.has-data {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  align-content: center;
  flex-wrap: nowrap; }

.web-shelf-falls .falls-group {
  flex: 1 1 auto; }

.web-shelf-falls.item-space-xl .falls-tile {
  margin: 0.3rem 0.15rem; }

.web-shelf-falls.item-space-lg .falls-tile {
  margin: 0.24rem 0.12rem; }

.web-shelf-falls.item-space-md .falls-tile {
  margin: 0.16rem 0.08rem; }

.web-shelf-falls.item-space-sm .falls-tile {
  margin: 0.1rem 0.05rem; }

.web-shelf-falls.item-space-xs .falls-tile {
  margin: 0.04rem 0.02rem; }

.web-shelf-falls.item-space-no .falls-tile {
  margin: 0; }

.web-shelf-falls.flex-none .falls-group {
  flex: 0 0 auto; }

.web-shelf-falls.flex-both .falls-group {
  flex: 1 1 auto; }

.web-shelf-falls.flex-grow .falls-group {
  flex: 1 0 auto; }

.web-shelf-falls.flex-shrink .falls-group {
  flex: 0 1 auto; }

.web-shelf-free {
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  .web-shelf-free > .free-main {
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    .web-shelf-free > .free-main > .free-item {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      position: absolute; }
      .web-shelf-free > .free-main > .free-item.at-top {
        position: absolute;
        left: 0;
        top: 0;
        right: 0; }
      .web-shelf-free > .free-main > .free-item.at-bottom {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0; }
      .web-shelf-free > .free-main > .free-item.at-left {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0; }
      .web-shelf-free > .free-main > .free-item.at-right {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0; }
      .web-shelf-free > .free-main > .free-item.at-center {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0; }
  .web-shelf-free.as-flex .free-main {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap; }
  .web-shelf-free.as-flex .free-item {
    position: unset; }
  .web-shelf-free.as-flex.is-wrap .free-main {
    flex-wrap: nowrap; }
  .web-shelf-free.as-flex.is-nowrap .free-main {
    flex-wrap: nowrap; }
  .web-shelf-free.as-flex.is-between .free-main {
    justify-content: space-between; }
  .web-shelf-free.as-flex.is-around .free-main {
    justify-content: space-around; }
  .web-shelf-free.as-flex.is-left .free-main {
    justify-content: flex-start; }
  .web-shelf-free.as-flex.is-center .free-main {
    justify-content: center; }
  .web-shelf-free.as-flex.is-right .free-main {
    justify-content: flex-end; }

.web-shelf-gallary {
  padding: 0.2rem; }
  .web-shelf-gallary > .as-gallary-con {
    width: 100%;
    height: 100%;
    position: relative; }
    .web-shelf-gallary > .as-gallary-con > .as-gallary-item {
      position: absolute;
      top: 0;
      bottom: 0;
      box-shadow: 0 0 0.1rem rgba(40, 40, 40, 0.1);
      transition: transform 0.3s ease-out; }

.web-shelf-iconbox {
  display: flex;
  justify-content: center;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap; }
  .web-shelf-iconbox > .as-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: .5em; }
  .web-shelf-iconbox > .as-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(50, 50, 50, 0.372);
    z-index: 1000; }
  .web-shelf-iconbox > .as-panel {
    color: #222;
    background-color: #e8e8e8;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 61.8%;
    z-index: 1000;
    box-shadow: 0 0 0.1rem rgba(30, 30, 30, 0.2); }
    .web-shelf-iconbox > .as-panel > .as-con {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      flex-direction: column;
      width: 100%;
      height: 100%;
      overflow: auto;
      position: relative; }
      .web-shelf-iconbox > .as-panel > .as-con > .as-body {
        flex: 1 1 auto; }
      .web-shelf-iconbox > .as-panel > .as-con > .as-closer {
        position: absolute;
        top: 0;
        padding: 0.1rem; }
  .web-shelf-iconbox.align-left {
    justify-content: flex-start; }
  .web-shelf-iconbox.align-center {
    justify-content: center; }
  .web-shelf-iconbox.align-right {
    justify-content: flex-end; }
  .web-shelf-iconbox.is-mode-left > .as-panel {
    left: 0; }
    .web-shelf-iconbox.is-mode-left > .as-panel > .as-con > .as-closer {
      right: 0; }
  .web-shelf-iconbox.is-mode-right > .as-panel {
    right: 0; }
    .web-shelf-iconbox.is-mode-right > .as-panel > .as-con > .as-closer {
      left: 0; }

.web-shelf-list > .list-con > .list-item {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  padding: .5em; }
  .web-shelf-list > .list-con > .list-item > * {
    flex: 1 1 auto; }

.web-shelf-list.with-solid-border > .list-con > .list-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .web-shelf-list.with-solid-border > .list-con > .list-item:first-child {
    border-top: 0; }

.web-shelf-list.with-dashed-border > .list-con > .list-item {
  border-top: 1px dashed rgba(0, 0, 0, 0.1); }
  .web-shelf-list.with-dashed-border > .list-con > .list-item:first-child {
    border-top: 0; }

.web-shelf-list.with-dotted-border > .list-con > .list-item {
  border-top: 1px dotted rgba(0, 0, 0, 0.1); }
  .web-shelf-list.with-dotted-border > .list-con > .list-item:first-child {
    border-top: 0; }

.web-shelf-list.no-item-padding > .list-con > .list-item {
  padding: 0; }

.web-shelf-list.as-flex > .list-con {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap; }
  .web-shelf-list.as-flex > .list-con.is-wrap {
    flex-wrap: nowrap; }
  .web-shelf-list.as-flex > .list-con.is-nowrap {
    flex-wrap: nowrap; }
  .web-shelf-list.as-flex > .list-con.is-between {
    justify-content: space-between; }
  .web-shelf-list.as-flex > .list-con.is-around {
    justify-content: space-around; }
  .web-shelf-list.as-flex > .list-con.is-left {
    justify-content: flex-start; }
  .web-shelf-list.as-flex > .list-con.is-center {
    justify-content: center; }
  .web-shelf-list.as-flex > .list-con.is-right {
    justify-content: flex-end; }

.web-shelf-list.item-space-xl .list-item {
  padding: 0.3rem; }

.web-shelf-list.item-space-lg .list-item {
  padding: 0.24rem; }

.web-shelf-list.item-space-md .list-item {
  padding: 0.16rem; }

.web-shelf-list.item-space-sm .list-item {
  padding: 0.1rem; }

.web-shelf-list.item-space-xs .list-item {
  padding: 0.04rem; }

.web-shelf-list.item-space-no .list-item {
  padding: 0; }

.web-shelf-preview-scroller > .as-scroller {
  margin-top: 0.1rem; }

.web-shelf-rolling-cards {
  padding: 0.2rem;
  overflow: hidden; }
  .web-shelf-rolling-cards > .part-main {
    position: relative;
    width: 100%; }
  .web-shelf-rolling-cards > .part-main > .part-card {
    position: absolute;
    box-shadow: 0.03rem 0.03rem 0.08rem rgba(0, 0, 0, 0.2); }
  .web-shelf-rolling-cards.no-dragging > .part-main > .part-card {
    transition: 0.3s; }

.web-shelf-scroller {
  position: relative;
  min-height: 0.4rem; }
  .web-shelf-scroller.is-draggable {
    cursor: move; }
    .web-shelf-scroller.is-draggable img {
      cursor: move; }
  .web-shelf-scroller .scroll-btn {
    position: absolute;
    top: 0;
    width: 0.5rem;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0;
    font-size: 0.24rem; }
    .web-shelf-scroller .scroll-btn.at-left {
      left: -0.6rem; }
    .web-shelf-scroller .scroll-btn.at-right {
      right: -0.6rem; }
    .web-shelf-scroller .scroll-btn > span {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 100%;
      height: 0.5rem;
      border-radius: 0.04rem; }
      .web-shelf-scroller .scroll-btn > span:hover {
        color: #FFF;
        background-color: #ff4081; }
    .web-shelf-scroller .scroll-btn.is-disabled > span {
      color: #CCC;
      background-color: #999; }
    .web-shelf-scroller .scroll-btn.is-enabled > span {
      color: #d0e7fc;
      background-color: #2196f3;
      cursor: pointer; }
      .web-shelf-scroller .scroll-btn.is-enabled > span:hover {
        color: #FFF;
        background-color: #ff4081; }
  .web-shelf-scroller.btn-as-circle .scroll-btn > span {
    border-radius: 50%;
    flex: 0 0 auto;
    width: 0.42rem;
    height: 0.42rem;
    font-size: 0.28rem; }
  .web-shelf-scroller.btn-at-inner .scroll-btn {
    z-index: 1;
    padding: 0 0.04rem;
    width: unset; }
    .web-shelf-scroller.btn-at-inner .scroll-btn.at-left {
      left: 0; }
    .web-shelf-scroller.btn-at-inner .scroll-btn.at-right {
      right: 0; }
    .web-shelf-scroller.btn-at-inner .scroll-btn > span {
      color: #cce8ff;
      background-color: rgba(50, 50, 50, 0.372);
      transition: 0.3s;
      opacity: 0; }
    .web-shelf-scroller.btn-at-inner .scroll-btn.is-enabled:hover > span {
      opacity: 1; }
  .web-shelf-scroller.btn-at-outer {
    margin: 0.1rem 0.6rem; }
  .web-shelf-scroller.btn-none .scroll-btn {
    display: none; }
  .web-shelf-scroller .scroller-outer {
    width: 100%;
    overflow: hidden; }
    .web-shelf-scroller .scroller-outer[ti-in-dragging="yes"] .scroller-inner {
      transition: unset; }
  .web-shelf-scroller .scroller-inner {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    position: relative;
    transition: left 0.5s ease-in-out;
    flex: 0 0 auto; }
  .web-shelf-scroller .scroller-tile {
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    border: 0.04rem solid transparent;
    flex: 0 0 auto;
    position: relative; }
    .web-shelf-scroller .scroller-tile.is-current {
      border-color: #2196f3; }
      .web-shelf-scroller .scroller-tile.is-current::after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        color: #cce8ff;
        background-color: rgba(50, 50, 50, 0.618);
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 0.24rem;
        content: "\f077"; }
    .web-shelf-scroller .scroller-tile > * {
      flex: 1 1 auto; }
  .web-shelf-scroller.no-border .scroller-tile {
    border: 0; }
  .web-shelf-scroller.hide-current-indicator .scroller-tile.is-current::after {
    display: none; }

.web-shelf-slide {
  user-select: none;
  position: relative;
  width: 100%;
  height: 2rem; }
  .web-shelf-slide > .as-main {
    position: relative;
    width: 100%;
    height: 100%; }
    .web-shelf-slide > .as-main > .as-con {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      transition: 0.3s; }
      .web-shelf-slide > .as-main > .as-con.is-current {
        opacity: 1;
        z-index: 1; }
  .web-shelf-slide > .as-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0.25rem;
    margin-top: -0.25rem;
    cursor: pointer;
    background: #eee;
    color: #222;
    border-radius: 0.06rem;
    opacity: 0.3; }
    .web-shelf-slide > .as-btn:hover {
      opacity: 0.8; }
    .web-shelf-slide > .as-btn.is-prev {
      left: 0.2rem; }
    .web-shelf-slide > .as-btn.is-next {
      right: 0.2rem; }
  .web-shelf-slide.no-btn > .as-btn {
    display: none; }
  .web-shelf-slide.indicator-at-top > .as-indicator {
    top: 0;
    bottom: unset; }
  .web-shelf-slide > .as-indicator {
    padding: 0.32rem;
    z-index: 2; }
    .web-shelf-slide > .as-indicator .as-item {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      transition: 0.3s;
      background: rgba(0, 0, 0, 0.4);
      color: rgba(255, 255, 255, 0.4);
      border: 1px solid rgba(255, 255, 255, 0.4);
      margin: 0.06rem;
      font-size: 0.1rem;
      cursor: pointer; }
      .web-shelf-slide > .as-indicator .as-item.is-current {
        background: #000;
        color: #fff;
        border-color: #fff; }
    .web-shelf-slide > .as-indicator.indicator-is-dashed .as-item {
      width: 0.32rem;
      height: 0.08rem; }
      .web-shelf-slide > .as-indicator.indicator-is-dashed .as-item span {
        display: none; }
    .web-shelf-slide > .as-indicator.indicator-is-dotted .as-item {
      width: 0.32rem;
      height: 0.32rem;
      border-radius: 50%; }
    .web-shelf-slide > .as-indicator.indicator-is-square .as-item {
      width: 0.32rem;
      height: 0.32rem; }
    .web-shelf-slide > .as-indicator.indicator-at-top-left {
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
    .web-shelf-slide > .as-indicator.indicator-at-top-center {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap; }
    .web-shelf-slide > .as-indicator.indicator-at-top-right {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
    .web-shelf-slide > .as-indicator.indicator-at-bottom-left {
      position: absolute;
      left: 0;
      bottom: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
    .web-shelf-slide > .as-indicator.indicator-at-bottom-center {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap; }
    .web-shelf-slide > .as-indicator.indicator-at-bottom-right {
      position: absolute;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
    .web-shelf-slide > .as-indicator.indicator-at-left-top {
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      flex-direction: column; }
    .web-shelf-slide > .as-indicator.indicator-at-left-bottom {
      position: absolute;
      left: 0;
      bottom: 0;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      flex-direction: column; }
    .web-shelf-slide > .as-indicator.indicator-at-right-top {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      flex-direction: column; }
    .web-shelf-slide > .as-indicator.indicator-at-right-bottom {
      position: absolute;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      flex-direction: column; }
  .web-shelf-slide.indicator-hide-number > .as-indicator.indicator-is-dotted .as-item, .web-shelf-slide.indicator-hide-number > .as-indicator.indicator-is-square .as-item {
    width: 0.18rem;
    height: 0.18rem; }
  .web-shelf-slide.indicator-hide-number > .as-indicator .as-item span {
    display: none; }

.web-shelf-wall .wall-group {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap; }

.web-shelf-wall.is-multi-rows .wall-group {
  justify-content: space-around; }

.web-shelf-wall.is-single-row .wall-group {
  justify-content: flex-start; }

.web-shelf-wall .wall-tile {
  display: flex;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex: 1 1 auto; }
  .web-shelf-wall .wall-tile > * {
    width: 100%; }

.web-shelf-wall .as-load-more {
  user-select: none;
  padding: 0.2rem; }
  .web-shelf-wall .as-load-more > .as-load-more-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    color: #d0e7fc;
    background-color: #2196f3;
    padding: 0.12rem;
    cursor: pointer;
    font-size: 0.16rem;
    border-radius: 0.04rem; }
    .web-shelf-wall .as-load-more > .as-load-more-btn > .as-text {
      margin: 0 0.1rem;
      letter-spacing: 4px; }
    .web-shelf-wall .as-load-more > .as-load-more-btn:hover {
      color: #FFF;
      background-color: #ff4081; }

.web-shelf-wall.item-space-xl .wall-tile {
  padding: 0.3rem; }

.web-shelf-wall.item-space-lg .wall-tile {
  padding: 0.24rem; }

.web-shelf-wall.item-space-md .wall-tile {
  padding: 0.16rem; }

.web-shelf-wall.item-space-sm .wall-tile {
  padding: 0.1rem; }

.web-shelf-wall.item-space-xs .wall-tile {
  padding: 0.04rem; }

.web-shelf-wall.item-space-no .wall-tile {
  padding: 0; }

.web-shelf-wall.flex-none .wall-tile {
  flex: 0 0 auto; }

.web-shelf-wall.flex-both .wall-tile {
  flex: 1 1 auto; }

.web-shelf-wall.flex-grow .wall-tile {
  flex: 1 0 auto; }

.web-shelf-wall.flex-shrink .wall-tile {
  flex: 0 1 auto; }

.web-simple-form {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 2em; }
  .web-simple-form a {
    user-select: none;
    cursor: pointer; }
    .web-simple-form a:hover {
      text-decoration: underline; }
  .web-simple-form > header {
    margin: 1em 0;
    text-align: center;
    font-size: 2em; }
  .web-simple-form > section {
    margin: 1em 0; }
    .web-simple-form > section div {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap; }
      .web-simple-form > section div.as-input {
        color: #444;
        background-color: #FFF;
        margin: .5em 0;
        border: 1px solid rgba(0, 0, 0, 0.2); }
        .web-simple-form > section div.as-input.is-invalid {
          border-color: #f44336; }
      .web-simple-form > section div.as-btn {
        margin: .5em 0; }
      .web-simple-form > section div .is-tipbar {
        user-select: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        cursor: pointer;
        padding: 0 .5em;
        width: 100%; }
        .web-simple-form > section div .is-tipbar > span {
          margin: 0 .5em; }
          .web-simple-form > section div .is-tipbar > span.is-weak {
            font-size: .9em; }
          .web-simple-form > section div .is-tipbar > span.is-strong {
            font-size: 1.2em;
            font-weight: bold; }
        .web-simple-form > section div .is-tipbar > u {
          border: 1px solid rgba(0, 0, 0, 0.1);
          background-color: #999;
          margin: 1px;
          flex: 1 1 auto;
          text-decoration: none;
          display: block;
          width: 25%;
          text-align: center;
          padding: .5em; }
          .web-simple-form > section div .is-tipbar > u.is-on {
            background-color: #4caf50; }
      .web-simple-form > section div input {
        flex: 1 1 auto;
        width: 10px;
        padding: .7em;
        font-size: 1.4em;
        outline: none;
        border: 0;
        color: inherit;
        background-color: transparent; }
      .web-simple-form > section div span {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex: 0 0 auto;
        display: block;
        padding: 0.1rem;
        white-space: nowrap; }
        .web-simple-form > section div span > em {
          font-style: normal; }
      .web-simple-form > section div button {
        cursor: pointer;
        user-select: none;
        color: #d0e7fc;
        background-color: #2196f3;
        flex: 1 1 auto;
        padding: .7em;
        width: 100%;
        font-size: 1.4em;
        letter-spacing: .1em;
        outline: none;
        border: 0; }
        .web-simple-form > section div button:hover {
          color: #FFF;
          background-color: #ff4081; }
        .web-simple-form > section div button.is-lack {
          color: #999;
          background-color: #CCC;
          cursor: not-allowed; }
          .web-simple-form > section div button.is-lack:hover {
            color: #999;
            background-color: #CCC; }
        .web-simple-form > section div button.is-short {
          color: #FFC;
          background-color: #FF8800;
          cursor: no-drop; }
          .web-simple-form > section div button.is-short:hover {
            color: #FFC;
            background-color: #FF8800; }
        .web-simple-form > section div button.is-unmatch {
          color: #FCC;
          background-color: #f44336;
          cursor: no-drop; }
          .web-simple-form > section div button.is-unmatch:hover {
            color: #FCC;
            background-color: #f44336; }
        .web-simple-form > section div button.is-invalid {
          color: #FCC;
          background-color: #f44336;
          cursor: no-drop; }
          .web-simple-form > section div button.is-invalid:hover {
            color: #FCC;
            background-color: #f44336; }
    .web-simple-form > section ul.as-links {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      padding: 0.08rem 0.08rem; }
      .web-simple-form > section ul.as-links li.at-left {
        flex: 0 0 auto; }
      .web-simple-form > section ul.as-links li.at-right {
        flex: 1 1 auto;
        text-align: right; }
        .web-simple-form > section ul.as-links li.at-right a {
          color: #888; }
    .web-simple-form > section div.as-links {
      display: block;
      padding: .5em;
      line-height: 1.8em; }
  .web-simple-form > .as-spacing {
    flex: 1 1 auto; }
  .web-simple-form > footer {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap; }
    .web-simple-form > footer.as-bottom-oauth2 a {
      display: block;
      margin: 0 .2em;
      font-size: 0.32rem; }
      .web-simple-form > footer.as-bottom-oauth2 a .ti-icon {
        transition: 0.3s; }
      .web-simple-form > footer.as-bottom-oauth2 a:hover {
        text-decoration: none; }
        .web-simple-form > footer.as-bottom-oauth2 a:hover .ti-icon {
          transform: scale(1.3) rotate(360deg); }

article.ti-article i {
  font-style: normal; }

article.ti-article a.wn-attachment .as-icon {
  margin: 0 0.1em; }

article.ti-article a.wn-attachment .as-title {
  margin: 0 0.1em; }

article.ti-article p.as-table-caption {
  text-align: center;
  font-weight: bold; }

article.ti-article table {
  margin: 1em auto; }

article.ti-article .wn-media {
  max-width: 100%; }

article.ti-article .wn-media.as-image-con {
  display: inline-block; }
  article.ti-article .wn-media.as-image-con img {
    display: block;
    width: 100%;
    height: 100%; }
  article.ti-article .wn-media.as-image-con .as-img-alt {
    display: block;
    padding: 0.5em;
    text-align: center;
    opacity: 0.8; }
  article.ti-article .wn-media.as-image-con.as-phone-block {
    text-align: center;
    display: block; }
    article.ti-article .wn-media.as-image-con.as-phone-block img {
      display: inline-block;
      width: auto;
      height: auto; }

article.ti-article .wn-media.as-video video {
  outline: none;
  color: #ccc;
  background-color: #222; }

article.ti-article .wn-media.as-audio {
  height: 52px; }
  article.ti-article .wn-media.as-audio audio {
    outline: none; }

article.ti-article .wn-media.as-youtube {
  width: 5.4rem;
  height: 3rem; }
  article.ti-article .wn-media.as-youtube > iframe {
    width: 100%;
    height: 100%;
    outline: none;
    border: 0; }

article.ti-article.is-theme-nice {
  padding: 1em;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 1px;
  max-width: 12rem;
  margin: 0 auto; }
  article.ti-article.is-theme-nice hr {
    height: 0px;
    border: 0;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
    margin: 0.1rem 0; }
  article.ti-article.is-theme-nice code {
    font-family: Monaco, Consolas, Courier New;
    color: #ff4081;
    margin: 0 0.5em; }
  article.ti-article.is-theme-nice b {
    font-weight: bolder; }
  article.ti-article.is-theme-nice strong {
    font-weight: bolder; }
  article.ti-article.is-theme-nice i {
    opacity: 0.8;
    font-style: italic; }
  article.ti-article.is-theme-nice em {
    opacity: 0.8;
    font-style: italic; }
  article.ti-article.is-theme-nice del {
    color: #f44336;
    text-decoration: line-through; }
  article.ti-article.is-theme-nice h1 {
    font-weight: 100;
    font-size: 2em;
    line-height: 1.6em; }
  article.ti-article.is-theme-nice h2 {
    font-weight: 100;
    font-size: 1.7em;
    line-height: 2em; }
  article.ti-article.is-theme-nice h3 {
    font-weight: 100;
    font-size: 1.5em;
    line-height: 2em; }
  article.ti-article.is-theme-nice h4 {
    font-weight: 100;
    font-size: 1.3em;
    line-height: 2em; }
  article.ti-article.is-theme-nice h5 {
    font-weight: 100;
    font-size: 1.2em;
    line-height: 2em; }
  article.ti-article.is-theme-nice h6 {
    font-weight: 100;
    font-size: 1.1em;
    line-height: 2em; }
  article.ti-article.is-theme-nice h1,
  article.ti-article.is-theme-nice h2,
  article.ti-article.is-theme-nice h3,
  article.ti-article.is-theme-nice h4,
  article.ti-article.is-theme-nice h5,
  article.ti-article.is-theme-nice h6 {
    margin: 1em 0;
    padding: 0;
    color: #2196f3; }
  article.ti-article.is-theme-nice table {
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.06);
    border-collapse: collapse;
    border-spacing: 0;
    margin: 2em 0; }
  article.ti-article.is-theme-nice td,
  article.ti-article.is-theme-nice th {
    padding: 0.4em;
    font-size: 0.9em; }
  article.ti-article.is-theme-nice thead td {
    color: #d0e7fc;
    background-color: #2196f3;
    border-left-color: #d0e7fc;
    border-right-color: #d0e7fc;
    font-weight: 900;
    text-align: center; }
    article.ti-article.is-theme-nice thead td:first-child {
      border-left-color: #2196f3; }
    article.ti-article.is-theme-nice thead td:last-child {
      border-right-color: #2196f3; }
  article.ti-article.is-theme-nice blockquote {
    margin: 1em 0.5em;
    padding: 0.3em 1em;
    font-size: 0.8em;
    border-left: 4px solid #2196f3;
    color: #888; }
  article.ti-article.is-theme-nice p {
    margin: 1.2em 0; }
  article.ti-article.is-theme-nice .ql-editor.ql-blank::before {
    top: 1.2em; }
  article.ti-article.is-theme-nice pre {
    font-family: Monaco, Consolas, Courier New;
    font-size: 12px;
    color: #222;
    background-color: #e8e8e8;
    border-left: 4px solid #ff4081;
    width: 100%;
    overflow-x: auto;
    padding: 0.2rem;
    margin: 0; }
  article.ti-article.is-theme-nice ul,
  article.ti-article.is-theme-nice ol {
    color: #888;
    padding-left: 1.5em; }
    article.ti-article.is-theme-nice ul li,
    article.ti-article.is-theme-nice ol li {
      list-style-type: none; }
    article.ti-article.is-theme-nice ul .li-indent-1,
    article.ti-article.is-theme-nice ol .li-indent-1 {
      padding-left: 1.5em; }
    article.ti-article.is-theme-nice ul .li-indent-2,
    article.ti-article.is-theme-nice ol .li-indent-2 {
      padding-left: 3em; }
    article.ti-article.is-theme-nice ul .li-indent-3,
    article.ti-article.is-theme-nice ol .li-indent-3 {
      padding-left: 4.5em; }
    article.ti-article.is-theme-nice ul .li-indent-4,
    article.ti-article.is-theme-nice ol .li-indent-4 {
      padding-left: 6em; }
    article.ti-article.is-theme-nice ul .li-indent-5,
    article.ti-article.is-theme-nice ol .li-indent-5 {
      padding-left: 7.5em; }
    article.ti-article.is-theme-nice ul .li-indent-6,
    article.ti-article.is-theme-nice ol .li-indent-6 {
      padding-left: 9em; }
  article.ti-article.is-theme-nice ul li:before {
    content: "\2022";
    margin-right: 0.5em;
    color: #ff4081; }
  article.ti-article.is-theme-nice ul .li-indent-1:before {
    content: "\25C8"; }
  article.ti-article.is-theme-nice ul .li-indent-2:before {
    content: "\25C6"; }
  article.ti-article.is-theme-nice ul .li-indent-3:before {
    content: "\2605"; }
  article.ti-article.is-theme-nice ul .li-indent-4:before {
    content: "\2013"; }
  article.ti-article.is-theme-nice ul .li-indent-5:before {
    content: "\271A"; }
  article.ti-article.is-theme-nice ul .li-indent-6:before {
    content: "\2746"; }
  article.ti-article.is-theme-nice ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6;
    counter-increment: list-0; }
  article.ti-article.is-theme-nice ol .li-indent-1 {
    counter-increment: list-1;
    counter-reset: list-2 list-3 list-4 list-5 list-6; }
  article.ti-article.is-theme-nice ol .li-indent-2 {
    counter-increment: list-2;
    counter-reset: list-3 list-4 list-5 list-6; }
  article.ti-article.is-theme-nice ol .li-indent-3 {
    counter-increment: list-3;
    counter-reset: list-4 list-5 list-6; }
  article.ti-article.is-theme-nice ol .li-indent-4 {
    counter-increment: list-4;
    counter-reset: list-5 list-6; }
  article.ti-article.is-theme-nice ol .li-indent-5 {
    counter-increment: list-5;
    counter-reset: list-6; }
  article.ti-article.is-theme-nice ol .li-indent-6 {
    counter-increment: list-6;
    counter-reset: none; }
  article.ti-article.is-theme-nice ol li:before {
    font-family: Monaco, Consolas, Courier New;
    color: #ff4081;
    content: counter(list-0, decimal) ". "; }
  article.ti-article.is-theme-nice ol .li-indent-1:before {
    content: counter(list-1, lower-alpha) ". "; }
  article.ti-article.is-theme-nice ol .li-indent-2:before {
    content: counter(list-2, decimal) ") "; }
  article.ti-article.is-theme-nice ol .li-indent-3:before {
    content: counter(list-0, decimal) ". " counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) ". "; }
  article.ti-article.is-theme-nice ol .li-indent-4:before {
    content: counter(list-0, decimal) "." counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) "." counter(list-4, decimal) ". "; }
  article.ti-article.is-theme-nice ol .li-indent-5:before {
    content: counter(list-0, decimal) "." counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) "." counter(list-4, decimal) "." counter(list-5, decimal) ". "; }
  article.ti-article.is-theme-nice ol .li-indent-6:before {
    content: counter(list-6, lower-greek) ". "; }
  article.ti-article.is-theme-nice img,
  article.ti-article.is-theme-nice video {
    max-width: 100%; }

article.ti-article.is-theme-wiki {
  padding: 0 0.2rem;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 1px;
  max-width: 10rem;
  margin: 0.1rem auto; }
  article.ti-article.is-theme-wiki hr {
    height: 0px;
    border: 0;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
    margin: 0.1rem 0; }
  article.ti-article.is-theme-wiki code {
    font-family: Monaco, Consolas, Courier New;
    color: #2196f3;
    font-size: 0.9em;
    margin: 0 0.2em; }
  article.ti-article.is-theme-wiki b {
    color: #080;
    font-weight: bolder; }
  article.ti-article.is-theme-wiki strong {
    color: #080;
    font-weight: bolder; }
  article.ti-article.is-theme-wiki i {
    color: #ff4081;
    font-style: italic;
    opacity: 0.8; }
  article.ti-article.is-theme-wiki em {
    color: #08F;
    font-style: italic;
    opacity: 0.8; }
  article.ti-article.is-theme-wiki del {
    color: #f44336;
    text-decoration: line-through; }
  article.ti-article.is-theme-wiki h1 {
    font-weight: 400;
    font-size: 2em;
    line-height: 1.6em;
    margin: 1em 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  article.ti-article.is-theme-wiki h2 {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 2em;
    margin: 1em 0;
    padding: 0 0.5em;
    color: #666;
    background-color: rgba(230, 230, 230, 0.8); }
  article.ti-article.is-theme-wiki h3 {
    font-weight: 900;
    font-size: 1.4em;
    line-height: 2em;
    margin: 1em 0;
    padding: 0; }
  article.ti-article.is-theme-wiki h4 {
    font-weight: 900;
    font-size: 1.3em;
    line-height: 2em;
    margin: 1em 0;
    padding: 0; }
  article.ti-article.is-theme-wiki h5 {
    font-weight: 900;
    font-size: 1.2em;
    line-height: 2em;
    margin: 1em 0;
    padding: 0; }
  article.ti-article.is-theme-wiki h6 {
    font-weight: 900;
    font-size: 1.1em;
    line-height: 2em;
    margin: 1em 0;
    padding: 0; }
  article.ti-article.is-theme-wiki table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 2em 0; }
  article.ti-article.is-theme-wiki td,
  article.ti-article.is-theme-wiki th {
    padding: 0.4em 1em;
    font-size: 0.9em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  article.ti-article.is-theme-wiki thead td {
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    color: #888;
    font-weight: 900;
    text-align: center; }
  article.ti-article.is-theme-wiki blockquote {
    margin: 1em 0.5em;
    padding: 0.3em 1em;
    font-size: 0.8em;
    border-left: 4px solid #2196f3;
    color: #888; }
  article.ti-article.is-theme-wiki p {
    margin: 1.2em 0; }
  article.ti-article.is-theme-wiki p img {
    margin: 2em auto;
    display: block; }
  article.ti-article.is-theme-wiki .ql-editor.ql-blank::before {
    top: 1.2em; }
  article.ti-article.is-theme-wiki pre {
    font-family: Monaco, Consolas, Courier New;
    font-size: 12px;
    color: #FFF;
    background-color: #444;
    width: 100%;
    overflow-x: auto;
    padding: 0.2rem;
    margin: 0;
    border-radius: 0.06rem; }
  article.ti-article.is-theme-wiki ul,
  article.ti-article.is-theme-wiki ol {
    padding-left: 1.5em; }
    article.ti-article.is-theme-wiki ul li,
    article.ti-article.is-theme-wiki ol li {
      list-style-type: none; }
    article.ti-article.is-theme-wiki ul .li-indent-1,
    article.ti-article.is-theme-wiki ol .li-indent-1 {
      padding-left: 1.5em; }
    article.ti-article.is-theme-wiki ul .li-indent-2,
    article.ti-article.is-theme-wiki ol .li-indent-2 {
      padding-left: 3em; }
    article.ti-article.is-theme-wiki ul .li-indent-3,
    article.ti-article.is-theme-wiki ol .li-indent-3 {
      padding-left: 4.5em; }
    article.ti-article.is-theme-wiki ul .li-indent-4,
    article.ti-article.is-theme-wiki ol .li-indent-4 {
      padding-left: 6em; }
    article.ti-article.is-theme-wiki ul .li-indent-5,
    article.ti-article.is-theme-wiki ol .li-indent-5 {
      padding-left: 7.5em; }
    article.ti-article.is-theme-wiki ul .li-indent-6,
    article.ti-article.is-theme-wiki ol .li-indent-6 {
      padding-left: 9em; }
  article.ti-article.is-theme-wiki ul li:before {
    content: "\2022";
    margin-right: 0.5em;
    color: #2196f3; }
  article.ti-article.is-theme-wiki ul .li-indent-1:before {
    content: "\25C8"; }
  article.ti-article.is-theme-wiki ul .li-indent-2:before {
    content: "\25C6"; }
  article.ti-article.is-theme-wiki ul .li-indent-3:before {
    content: "\2605"; }
  article.ti-article.is-theme-wiki ul .li-indent-4:before {
    content: "\2013"; }
  article.ti-article.is-theme-wiki ul .li-indent-5:before {
    content: "\271A"; }
  article.ti-article.is-theme-wiki ul .li-indent-6:before {
    content: "\2746"; }
  article.ti-article.is-theme-wiki ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6;
    counter-increment: list-0; }
  article.ti-article.is-theme-wiki ol .li-indent-1 {
    counter-increment: list-1;
    counter-reset: list-2 list-3 list-4 list-5 list-6; }
  article.ti-article.is-theme-wiki ol .li-indent-2 {
    counter-increment: list-2;
    counter-reset: list-3 list-4 list-5 list-6; }
  article.ti-article.is-theme-wiki ol .li-indent-3 {
    counter-increment: list-3;
    counter-reset: list-4 list-5 list-6; }
  article.ti-article.is-theme-wiki ol .li-indent-4 {
    counter-increment: list-4;
    counter-reset: list-5 list-6; }
  article.ti-article.is-theme-wiki ol .li-indent-5 {
    counter-increment: list-5;
    counter-reset: list-6; }
  article.ti-article.is-theme-wiki ol .li-indent-6 {
    counter-increment: list-6;
    counter-reset: none; }
  article.ti-article.is-theme-wiki ol li:before {
    font-family: Monaco, Consolas, Courier New;
    color: #080;
    content: counter(list-0, decimal) ". "; }
  article.ti-article.is-theme-wiki ol .li-indent-1:before {
    content: counter(list-1, lower-alpha) ". "; }
  article.ti-article.is-theme-wiki ol .li-indent-2:before {
    content: counter(list-2, decimal) ") "; }
  article.ti-article.is-theme-wiki ol .li-indent-3:before {
    content: counter(list-0, decimal) ". " counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) ". "; }
  article.ti-article.is-theme-wiki ol .li-indent-4:before {
    content: counter(list-0, decimal) "." counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) "." counter(list-4, decimal) ". "; }
  article.ti-article.is-theme-wiki ol .li-indent-5:before {
    content: counter(list-0, decimal) "." counter(list-1, lower-alpha) "." counter(list-2, decimal) "." counter(list-3, decimal) "." counter(list-4, decimal) "." counter(list-5, decimal) ". "; }
  article.ti-article.is-theme-wiki ol .li-indent-6:before {
    content: counter(list-6, lower-greek) ". "; }
  article.ti-article.is-theme-wiki img,
  article.ti-article.is-theme-wiki video {
    max-width: 100%; }

.web-text-heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  user-select: none;
  position: relative; }
  .web-text-heading.show-backward {
    padding-left: 0.5rem; }
    .web-text-heading.show-backward .as-main-part {
      padding-left: 0; }
  .web-text-heading.as-wrap-part {
    flex-wrap: wrap; }
  .web-text-heading.align-left .as-title {
    justify-content: flex-start; }
  .web-text-heading.align-center .as-title {
    justify-content: center; }
  .web-text-heading.align-right .as-title {
    justify-content: flex-end; }
  .web-text-heading .as-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex: 0 0 auto;
    width: 1.4em;
    font-size: 2em;
    padding: 0.5em; }
  .web-text-heading .as-backward {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.5rem;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex: 0 0 auto; }
    .web-text-heading .as-backward:hover {
      color: #d0e7fc;
      background-color: #2196f3;
      text-decoration: none; }
  .web-text-heading .as-main-part {
    flex: 1 1 auto;
    padding: 0.6em; }
  .web-text-heading .as-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    font-size: 1.2em;
    cursor: default;
    text-decoration: none;
    margin: 0 0.1rem; }
    .web-text-heading .as-title:hover {
      text-decoration: none; }
    .web-text-heading .as-title[href] {
      cursor: pointer; }
      .web-text-heading .as-title[href]:hover {
        text-decoration: underline; }
    .web-text-heading .as-title .ti-icon {
      margin: 0 0.2em 0 0.8em; }
      .web-text-heading .as-title .ti-icon.at-0 {
        font-size: 1.3em; }
      .web-text-heading .as-title .ti-icon.at-1 {
        font-size: 0.8em; }
  .web-text-heading .as-comment {
    color: #888;
    margin: 0.1rem; }
  .web-text-heading .as-more {
    flex: 0 0 auto;
    font-size: 0.9em;
    cursor: default;
    text-decoration: none; }
    .web-text-heading .as-more:hover {
      text-decoration: none; }
    .web-text-heading .as-more img {
      border: 1px solid transparent;
      border-radius: 3px;
      opacity: 0.8;
      transition: 0.5s; }
    .web-text-heading .as-more[href] {
      cursor: pointer; }
      .web-text-heading .as-more[href]:hover {
        text-decoration: underline; }
        .web-text-heading .as-more[href]:hover img {
          border-color: rgba(0, 0, 0, 0.1);
          opacity: 1;
          border-radius: 8px;
          box-shadow: 1px 1px 6px rgba(30, 30, 30, 0.2);
          transform: translateX(-2px); }

.web-text-raw {
  font-size: 0.16rem;
  line-height: 2.4em; }
  .web-text-raw .ti-icon {
    margin: 0 .5em; }
  .web-text-raw.as-align.is-left .as-text {
    text-align: left; }
  .web-text-raw.as-align.is-center .as-text {
    text-align: center; }
  .web-text-raw.as-align.is-right .as-text {
    text-align: right; }
  .web-text-raw.as-align.is-justify .as-text {
    text-align: justify; }
  .web-text-raw.is-tiny div {
    font-size: .6em; }
  .web-text-raw.is-small div {
    font-size: .8em; }
  .web-text-raw.is-normal div {
    font-size: 1em; }
  .web-text-raw.is-big div {
    font-size: 1.2em; }
  .web-text-raw.is-hug div {
    font-size: 1.5em; }

.web-tile-address {
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 2em .2em; }
  .web-tile-address.is-highlight {
    color: #000;
    background-color: #EECC00; }
  .web-tile-address.is-selectable {
    cursor: pointer; }
    .web-tile-address.is-selectable:hover {
      border-color: #EECC00;
      color: #31a6ff;
      background-color: #cce8ff; }
  .web-tile-address a {
    user-select: none; }
    .web-tile-address a:hover {
      text-decoration: underline; }
  .web-tile-address .is-float {
    line-height: 1.2em;
    padding: 1em; }
    .web-tile-address .is-float span, .web-tile-address .is-float a {
      margin: 0 .3em; }
    .web-tile-address .is-float span.is-bold {
      font-weight: bold; }
  .web-tile-address .at-left-top {
    position: absolute;
    left: 0;
    top: 0; }
  .web-tile-address .at-right-top {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap; }
    .web-tile-address .at-right-top a {
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      display: inline-block;
      padding: 0 .5em;
      margin: 0; }
      .web-tile-address .at-right-top a:last-child {
        padding-right: 0; }
  .web-tile-address .at-left-bottom {
    position: absolute;
    left: 0;
    bottom: 0; }
  .web-tile-address .at-right-bottom {
    position: absolute;
    right: 0;
    bottom: 0; }
  .web-tile-address .at-center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 1em; }
    .web-tile-address .at-center .is-big {
      font-size: 1.5em;
      margin: 1em;
      width: 100%;
      text-align: center; }
    .web-tile-address .at-center .is-info {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap; }
      .web-tile-address .at-center .is-info div {
        margin: 0 1em; }
    .web-tile-address .at-center em {
      font-style: normal;
      font-weight: bold; }

.web-tile-article {
  display: flex;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative; }
  .web-tile-article.auto-center.nil-content > a.as-header {
    margin: 0; }
  .web-tile-article > a.as-header {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0 0.36rem;
    margin: 0 0 1em 0;
    font-size: 1.6em;
    font-weight: bold;
    position: relative;
    color: inherit; }
    .web-tile-article > a.as-header[href] {
      color: inherit;
      cursor: pointer; }
    .web-tile-article > a.as-header:hover {
      color: inherit; }
  .web-tile-article > article {
    padding: 0 0.36rem; }
    .web-tile-article > article h1, .web-tile-article > article h2, .web-tile-article > article h3, .web-tile-article > article h4, .web-tile-article > article h5, .web-tile-article > article h6 {
      font-weight: normal; }
    .web-tile-article > article h1 {
      padding: 0;
      margin: 0.2em 0;
      font-size: 1.4em; }
    .web-tile-article > article h2 {
      padding: 0;
      margin: 0.2em 0;
      font-size: 1.3em; }
    .web-tile-article > article h3 {
      padding: 0;
      margin: 0.2em 0;
      font-size: 1.2em; }
    .web-tile-article > article h4 {
      padding: 0;
      margin: 0.2em 0;
      font-size: 1.1em; }
    .web-tile-article > article h5 {
      padding: 0;
      margin: 0.2em 0;
      font-size: 1em; }
    .web-tile-article > article h6 {
      padding: 0;
      margin: 0.2em 0;
      font-size: 1em; }
    .web-tile-article > article blockquote {
      margin: .5em 0;
      font-size: .9em;
      opacity: 0.8; }
  .web-tile-article > footer {
    padding: 0 0.36rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    margin: 1em 0; }
    .web-tile-article > footer .as-btn {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      color: #2196f3;
      background-color: #d0e7fc;
      border: 1px solid #2196f3;
      padding: .5em 1em;
      border-radius: 0.04rem;
      cursor: pointer; }
      .web-tile-article > footer .as-btn:hover {
        color: #d0e7fc;
        background-color: #2196f3;
        text-decoration: none; }
      .web-tile-article > footer .as-btn > .as-text {
        margin: 0 .5em; }
  .web-tile-article.is-bg-at-head > a.as-header {
    color: #d0e7fc;
    background-color: #2196f3;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: stretch;
    flex-wrap: wrap;
    padding: 0.5em; }
  .web-tile-article.is-bg-at-head.as-mask > a.as-header > * {
    z-index: 1;
    cursor: default; }
  .web-tile-article.is-bg-at-head.as-mask > a.as-header:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    opacity: 0.6;
    transition: opacity 0.3s;
    background: radial-gradient(rgba(0, 0, 0, 0.4) 0%, #000 100%); }
  .web-tile-article.is-bg-at-head.hover-mask > a.as-header > * {
    z-index: 1;
    cursor: default; }
  .web-tile-article.is-bg-at-head.hover-mask > a.as-header:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    opacity: 0;
    transition: opacity 0.3s;
    background: radial-gradient(rgba(0, 0, 0, 0.4) 0%, #000 100%); }
  .web-tile-article.is-bg-at-head.hover-mask > a.as-header:hover::before {
    opacity: 0.6; }
  .web-tile-article.is-bg-at-top {
    color: #FFF;
    background-color: #888; }
    .web-tile-article.is-bg-at-top > footer .as-btn {
      color: rgba(255, 255, 255, 0.8);
      background: rgba(20, 20, 20, 0.4);
      border: 1px solid rgba(255, 255, 255, 0.6); }
      .web-tile-article.is-bg-at-top > footer .as-btn:hover {
        color: #FFF;
        border-color: #FFF;
        background: rgba(0, 0, 0, 0.8); }
    .web-tile-article.is-bg-at-top.as-mask > * {
      z-index: 1;
      cursor: default; }
    .web-tile-article.is-bg-at-top.as-mask:before {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      display: block;
      content: "";
      opacity: 0.6;
      transition: opacity 0.3s;
      background: radial-gradient(rgba(0, 0, 0, 0.4) 0%, #000 100%); }
    .web-tile-article.is-bg-at-top.hover-mask > * {
      z-index: 1;
      cursor: default; }
    .web-tile-article.is-bg-at-top.hover-mask:before {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      display: block;
      content: "";
      opacity: 0;
      transition: opacity 0.3s;
      background: radial-gradient(rgba(0, 0, 0, 0.4) 0%, #000 100%); }
    .web-tile-article.is-bg-at-top.hover-mask:hover::before {
      opacity: 0.6; }
  .web-tile-article.is-header-shadow > a.as-header {
    text-shadow: 0.01rem 0.01rem 0.02rem rgba(20, 20, 20, 0.5); }
  .web-tile-article.hs-xs .as-header {
    font-size: 0.14rem; }
  .web-tile-article.hs-sm .as-header {
    font-size: 0.18rem; }
  .web-tile-article.hs-md .as-header {
    font-size: 0.2rem; }
  .web-tile-article.hs-lg .as-header {
    font-size: 0.24rem; }
  .web-tile-article.hs-xl .as-header {
    font-size: 0.32rem; }

.web-tile-comment {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap;
  padding: 1em .5em; }
  .web-tile-comment > .at-left {
    flex: 0 0 auto;
    padding: 1em; }
    .web-tile-comment > .at-left .ti-icon {
      color: #222;
      background-color: #e8e8e8;
      font-size: 0.48rem;
      width: 0.96rem;
      height: 0.96rem;
      border-radius: 50%;
      overflow: hidden; }
      .web-tile-comment > .at-left .ti-icon.is-image {
        box-shadow: 0.02rem 0.02rem 0.08rem rgba(20, 20, 20, 0.3); }
      .web-tile-comment > .at-left .ti-icon img {
        width: 100%;
        height: 100%; }
  .web-tile-comment > .at-right {
    flex: 1 1 auto;
    padding: 1em; }
    .web-tile-comment > .at-right > .as-head .as-u-name {
      font-weight: bold;
      font-size: 1.1em; }
    .web-tile-comment > .at-right > .as-head .as-time {
      font-size: .9em;
      color: #888; }
    .web-tile-comment > .at-right > .as-content {
      padding: .5em 0;
      font-size: 1.3em; }

.web-tile-order {
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .web-tile-order.is-or-st-ok .or-field.as-st em {
    font-weight: bold;
    color: #4caf50; }
  .web-tile-order em {
    font-family: Monaco, Consolas, Courier New;
    font-style: normal;
    margin: 0 .5em; }
  .web-tile-order .as-summary {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #222;
    background-color: #e8e8e8;
    padding: .5em; }
    .web-tile-order .as-summary .or-field {
      margin: 0 1em;
      padding: .5em 0; }
      .web-tile-order .as-summary .or-field.as-price em {
        color: #ff4081;
        font-weight: bold; }
  .web-tile-order .as-products {
    padding: 1em; }
    .web-tile-order .as-products table {
      width: 100%; }
    .web-tile-order .as-products tr td {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .web-tile-order .as-products tr:last-child td {
      border: 0; }
    .web-tile-order .as-products td {
      padding: .5em; }
      .web-tile-order .as-products td.as-price {
        color: #888; }
      .web-tile-order .as-products td.as-amount {
        color: #080; }
      .web-tile-order .as-products td.as-subtotal {
        color: #ff4081; }
    .web-tile-order .as-products img {
      border: 1px solid rgba(0, 0, 0, 0.2);
      width: 0.64rem;
      height: 0.64rem;
      object-fit: cover;
      border-radius: 0.06rem; }
      .web-tile-order .as-products img:hover {
        border-color: #2196f3; }

.web-widget-input-text {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column;
  font-size: 1.2em;
  padding: 0.3rem 0.15rem; }
  .web-widget-input-text > .as-title {
    flex: 0 0 auto;
    padding: .5em 0; }
    .web-widget-input-text > .as-title span {
      font-weight: bold;
      font-size: 1.2em; }
  .web-widget-input-text > .as-text {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.05rem;
    flex: 1 1 auto; }
    .web-widget-input-text > .as-text textarea {
      font-family: "Microsoft YaHei", "PingHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
      flex: 1 1 auto;
      width: 100%;
      height: 1rem;
      outline: none;
      resize: none;
      border: 0;
      background: transparent;
      color: inherit;
      padding: 1em;
      font-size: 1em; }
    .web-widget-input-text > .as-text .as-bar {
      user-select: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      flex: 0 0 auto;
      padding: .4em; }
      .web-widget-input-text > .as-text .as-bar .as-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        cursor: pointer;
        font-size: .8em;
        padding: .6em 1em; }
        .web-widget-input-text > .as-text .as-bar .as-btn .ti-icon {
          margin-right: .3em;
          font-size: 1.3em; }
      .web-widget-input-text > .as-text .as-bar .btn-emoji .ti-icon {
        color: #2196f3; }
      .web-widget-input-text > .as-text .as-bar .btn-emoji:hover {
        color: #ff4081; }
        .web-widget-input-text > .as-text .as-bar .btn-emoji:hover .ti-icon {
          color: inherit; }
      .web-widget-input-text > .as-text .as-bar .btn-post {
        color: #d0e7fc;
        background-color: #2196f3;
        border-radius: 0.1rem;
        min-width: 8em; }
        .web-widget-input-text > .as-text .as-bar .btn-post .ti-icon {
          margin-right: .5em; }
        .web-widget-input-text > .as-text .as-bar .btn-post:hover {
          color: #FFF;
          background-color: #ff4081; }

.web-widget-sharebar .as-title {
  text-align: center; }

.web-widget-sharebar .as-items {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap; }
  .web-widget-sharebar .as-items a.bar-item {
    margin: 1em; }

.web-widget-sharebar.mode-btn {
  padding: 0.1rem; }
  .web-widget-sharebar.mode-btn a.bar-item {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    color: #e8e8e8;
    background-color: #222;
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0.24rem;
    border-radius: 0.06rem;
    margin: 0 0.04rem; }
  .web-widget-sharebar.mode-btn.is-colorlized a.bar-item.as-facebook {
    background-color: #3b5998; }
  .web-widget-sharebar.mode-btn.is-colorlized a.bar-item.as-twitter {
    background-color: #1DA1F2; }
  .web-widget-sharebar.mode-btn.is-colorlized a.bar-item.as-whatsapp {
    background-color: #128c7e; }
  .web-widget-sharebar.mode-btn.is-colorlized a.bar-item.as-wechat {
    background-color: #1cd66c; }
  .web-widget-sharebar.mode-btn.is-colorlized a.bar-item.as-print {
    background-color: #000; }

.web-widget-sharebar .as-weixin-qrcode-con {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  color: #cce8ff;
  background-color: rgba(50, 50, 50, 0.618);
  z-index: 999999; }
  .web-widget-sharebar .as-weixin-qrcode-con .as-qrcode-img {
    padding: 0.2rem;
    text-align: center;
    display: block;
    color: #aaa;
    background-color: #fff; }

.web-widget-summary .as-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: .8em;
  font-size: 0.2rem; }

.web-widget-summary .as-list {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  padding: 0.2rem; }
  .web-widget-summary .as-list .as-item {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 1em;
    margin: 1em; }
    .web-widget-summary .as-list .as-item .ti-icon {
      color: #888;
      font-size: 0.24rem; }
    .web-widget-summary .as-list .as-item .as-value {
      font-family: Monaco, Consolas, Courier New;
      text-align: center;
      font-size: 0.48rem;
      font-weight: bold;
      padding: .3em; }
    .web-widget-summary .as-list .as-item .as-text {
      color: #888;
      text-align: center; }

.web-widget-user {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column; }
  .web-widget-user .as-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0.2rem; }
    .web-widget-user .as-avatar .ti-icon {
      border: 0.08rem solid rgba(0, 0, 0, 0.1);
      color: #d0e7fc;
      background-color: #2196f3;
      border-radius: 50%;
      overflow: hidden;
      box-shadow: 0.05rem 0.05rem 0.1rem rgba(20, 20, 20, 0.3);
      width: 1.28rem;
      height: 1.28rem;
      font-size: 0.48rem; }
      .web-widget-user .as-avatar .ti-icon img {
        width: 100%;
        height: 100%; }
  .web-widget-user .as-title {
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    flex: 1 1 auto;
    padding: .5em 0;
    font-weight: bold; }
  .web-widget-user .as-actions {
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    color: #000;
    background-color: #E0E0E0;
    padding: 1em 0; }
    .web-widget-user .as-actions .ti-btn {
      padding: .5em 1em;
      font-size: .9em;
      border-radius: .4em; }

.wn-adaptlist > .wal-con {
  position: relative; }
  .wn-adaptlist > .wal-con > .wal-view-switcher {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
    opacity: 0.4;
    font-size: 8px;
    cursor: pointer;
    transition: opacity 0.6s; }
    .wn-adaptlist > .wal-con > .wal-view-switcher .as-current-vt {
      padding: 0.04rem 0.06rem;
      cursor: pointer; }
    .wn-adaptlist > .wal-con > .wal-view-switcher .as-ava-vt-list {
      padding: 0 0.02rem;
      opacity: 0;
      width: 0;
      overflow: hidden;
      transition: 0.3s;
      transform: scaleX(0.1);
      transform-origin: right center; }
      .wn-adaptlist > .wal-con > .wal-view-switcher .as-ava-vt-list ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap; }
      .wn-adaptlist > .wal-con > .wal-view-switcher .as-ava-vt-list li {
        padding: 0.04rem;
        margin: 0 1px;
        border-radius: 2px; }
        .wn-adaptlist > .wal-con > .wal-view-switcher .as-ava-vt-list li:hover {
          color: #FFF;
          background-color: #ff4081; }
    .wn-adaptlist > .wal-con > .wal-view-switcher:hover {
      opacity: 1;
      font-size: 16px; }
      .wn-adaptlist > .wal-con > .wal-view-switcher:hover .as-current-vt {
        color: #000;
        background-color: #EECC00; }
      .wn-adaptlist > .wal-con > .wal-view-switcher:hover .as-ava-vt-list {
        color: #31a6ff;
        background-color: #cce8ff;
        opacity: 1;
        width: unset;
        transform: unset; }
  .wn-adaptlist > .wal-con .wal-uploading {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #666;
    background-color: rgba(230, 230, 230, 0.8);
    max-height: 100%;
    overflow-y: auto;
    transition: 0.5s;
    z-index: 10000; }
    .wn-adaptlist > .wal-con .wal-uploading.up-show {
      opacity: 1;
      bottom: 0; }
    .wn-adaptlist > .wal-con .wal-uploading.up-hide {
      opacity: 0;
      bottom: -100%; }
    .wn-adaptlist > .wal-con .wal-uploading > header {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      color: #FFC;
      background-color: #FF8800;
      padding: 0.04rem 0.1rem; }
      .wn-adaptlist > .wal-con .wal-uploading > header > span {
        margin-right: 0.06rem; }
    .wn-adaptlist > .wal-con .wal-uploading > section {
      padding: 0.1rem; }

.wn-chart-combo > .as-main {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  width: 100%;
  height: 100%; }
  .wn-chart-combo > .as-main > .ti-chart-combo {
    flex: 1 1 auto;
    width: 20%; }

.wn-chart-combo.is-multi-chart > .as-main > .ti-chart-combo {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0.04rem 0.04rem 0.1rem rgba(20, 20, 20, 0.3);
  margin: 1em;
  padding: .1rem .15rem; }

.wn-cmd-panel {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column; }
  .wn-cmd-panel > .as-tip {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    padding: 0.08rem; }
    .wn-cmd-panel > .as-tip > .ti-icon {
      margin: 0 0.5em; }
    .wn-cmd-panel > .as-tip > .as-text {
      flex: 1 1 auto;
      width: 100px; }
  .wn-cmd-panel > .as-lines {
    flex: 1 1 auto;
    font-family: Monaco, Consolas, Courier New;
    color: #cce8ff;
    background-color: rgba(0, 0, 0, 0.95);
    overflow: auto;
    padding: 0.1rem;
    margin: 0;
    tab-size: 4;
    line-height: 1.6em;
    white-space: pre-wrap; }

.wn-combo-edit-com {
  user-select: none; }
  .wn-combo-edit-com > .as-value {
    color: #2196f3;
    cursor: pointer;
    padding: 0.06rem; }
    .wn-combo-edit-com > .as-value:hover {
      color: #ff4081;
      text-decoration: underline; }
  .wn-combo-edit-com:hover {
    opacity: 1; }

.wn-explorer {
  font-family: "Microsoft YaHei", "PingHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
  line-height: 2.2em;
  letter-spacing: 0.015em; }
  .wn-explorer .explorer-sky {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .wn-explorer .explorer-sky .sky-action .sky-action-menu {
      border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .wn-explorer .explorer-aside {
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .wn-explorer .explorer-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

.wn-explorer.as-desktop .explorer-sky .sky-logo {
  padding: 0 0.02rem 0 0.12rem; }

.wn-explorer.as-desktop .explorer-sky .sky-action {
  padding: 0 0.12rem; }
  .wn-explorer.as-desktop .explorer-sky .sky-action > * {
    padding: 0 0.08rem; }
  .wn-explorer.as-desktop .explorer-sky .sky-action > *:first-child {
    padding-left: 0; }
  .wn-explorer.as-desktop .explorer-sky .sky-action > *:last-child {
    padding-right: 0; }

.wn-explorer.as-desktop .explorer-footer > * {
  padding: 0 0.1rem; }

.wn-explorer.as-phone .explorer-sky {
  padding: 0; }
  .wn-explorer.as-phone .explorer-sky .as-address-bar {
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 100%;
    padding: 0 0.1rem; }
    .wn-explorer.as-phone .explorer-sky .as-address-bar b {
      font-weight: normal; }

.wn-explorer.as-phone.is-home .explorer-sky {
  padding-left: 0.2rem; }

.wn-explorer .explorer-sky,
.wn-explorer .explorer-aside,
.wn-explorer .explorer-footer {
  background-color: #F0F0F0; }

.wn-explorer .explorer-title {
  overflow: hidden; }

.wn-explorer .explorer-footer {
  color: #999;
  font-family: "Microsoft YaHei", "PingHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
  font-size: 0.12rem; }
  .wn-explorer .explorer-footer .ti-icon {
    font-size: 1.2em;
    margin: 0 0.06rem 0 0; }
  .wn-explorer .explorer-footer > .footer-log {
    white-space: nowrap; }

.wn-explorer {
  width: 100%;
  height: 100%;
  position: relative; }
  .wn-explorer > * {
    position: absolute; }
  .wn-explorer > .explorer-sky {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    left: 0;
    top: 0;
    width: 100%;
    height: 48px; }
    .wn-explorer > .explorer-sky > .sky-logo, .wn-explorer > .explorer-sky > .sky-action {
      flex: 0 0 auto; }
    .wn-explorer > .explorer-sky > .sky-title {
      flex: 1 1 auto; }
  .wn-explorer > .explorer-aside {
    left: 0;
    top: 48px;
    width: 1.8rem;
    bottom: 0.32rem; }
  .wn-explorer > .explorer-arena {
    left: 1.8rem;
    top: 48px;
    right: 0;
    bottom: 0.32rem; }
  .wn-explorer > .explorer-footer {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    left: 0;
    height: 0.32rem;
    right: 0;
    bottom: 0; }
    .wn-explorer > .explorer-footer > .footer-info, .wn-explorer > .explorer-footer > .footer-indicator {
      flex: 0 0 auto; }
    .wn-explorer > .explorer-footer > .footer-log {
      flex: 1 1 auto; }
  .wn-explorer.no-aside > .explorer-arena {
    left: 0; }
  .wn-explorer.no-sky > .explorer-arena,
  .wn-explorer.no-sky > .explorer-aside {
    top: 0; }
  .wn-explorer.no-footer > .explorer-arena,
  .wn-explorer.no-footer > .explorer-aside {
    bottom: 0; }
  .wn-explorer .explorer-loading-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0); }

.wn-explorer > .explorer-sky > .sky-logo {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap; }
  .wn-explorer > .explorer-sky > .sky-logo > .logo-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }

.wn-explorer > .explorer-sky > .sky-title .as-address-bar {
  list-style: none;
  padding: 0.1rem;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap; }
  .wn-explorer > .explorer-sky > .sky-title .as-address-bar > li {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    white-space: nowrap; }
    .wn-explorer > .explorer-sky > .sky-title .as-address-bar > li .ti-icon i {
      font-size: 1em; }

.wn-explorer > .explorer-sky > .sky-action .sky-menu-icon {
  width: 0.52rem;
  height: 100%; }

.wn-fileset-list {
  padding: 0.04rem; }

.wn-gui-side-nav {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1px 0;
  line-height: 2.4em; }
  .wn-gui-side-nav.as-spacing-comfy .side-nav-item .it-info {
    padding: 0.5em 1em 0.5em 2em; }
  .wn-gui-side-nav > header {
    padding: 0.5em; }
    .wn-gui-side-nav > header .ti-icon {
      color: #2196f3;
      font-size: 0.48rem;
      margin: 0 auto;
      height: 0.6rem; }
    .wn-gui-side-nav > header h2 {
      color: #2196f3;
      text-align: center;
      font-size: 0.22rem;
      font-weight: 700;
      margin: 0.08rem 0; }
  .wn-gui-side-nav.header-nowrap > header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap; }
    .wn-gui-side-nav.header-nowrap > header .ti-icon {
      font-size: 0.32rem;
      margin: 0 0.5em;
      height: unset; }
  .wn-gui-side-nav .side-nav-item .it-info {
    user-select: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0 0.5em 0 .5em;
    border-left: 0.3em solid transparent;
    cursor: pointer; }
    .wn-gui-side-nav .side-nav-item .it-info:hover {
      color: #666;
      background-color: rgba(230, 230, 230, 0.8); }
    .wn-gui-side-nav .side-nav-item .it-info > a {
      color: inherit; }
      .wn-gui-side-nav .side-nav-item .it-info > a:hover {
        text-decoration: none; }
    .wn-gui-side-nav .side-nav-item .it-info > .it-info-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 0.28rem;
      font-size: 0.18rem;
      margin-right: 0.06rem; }
    .wn-gui-side-nav .side-nav-item .it-info > .it-info-text {
      flex: 1 1 auto;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .wn-gui-side-nav .side-nav-item .it-info > .it-grp-status {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 1.4em;
      height: 2em;
      font-size: 0.9em; }
      .wn-gui-side-nav .side-nav-item .it-info > .it-grp-status:hover {
        color: #31a6ff;
        background-color: #cce8ff; }
  .wn-gui-side-nav .side-nav-item .it-con {
    padding: 0.2em 0 0.6em 0.1em; }
  .wn-gui-side-nav .side-nav-item.is-sub.nil-icon .it-info {
    padding-left: 1.6em; }
  .wn-gui-side-nav .side-nav-item.is-highlight > .it-info {
    color: #2196f3;
    background-color: #d0e7fc;
    border-left-color: #2196f3; }
    .wn-gui-side-nav .side-nav-item.is-highlight > .it-info a {
      color: unset; }
    .wn-gui-side-nav .side-nav-item.is-highlight > .it-info a:hover {
      text-decoration: none;
      color: unset; }
  .wn-gui-side-nav .side-nav-item.is-group {
    opacity: 0.8; }
    .wn-gui-side-nav .side-nav-item.is-group > .it-info {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
      font-size: 0.9em; }
      .wn-gui-side-nav .side-nav-item.is-group > .it-info > .it-info-icon {
        width: 0.2rem;
        font-size: 0.16rem; }
  .wn-gui-side-nav .side-nav-item.is-collapse.is-group > .it-info {
    background: #e8e8e8;
    color: #2196f3;
    border-bottom: 1px solid transparent; }
  .wn-gui-side-nav .side-nav-item.is-collapse.is-group.is-highlight > .it-info {
    color: #d0e7fc;
    background-color: #2196f3; }
  .wn-gui-side-nav .side-nav-item.is-collapse > .it-con {
    display: none; }

.wn-gui-side-tree {
  padding-right: 0;
  padding-left: 0; }
  .wn-gui-side-tree .table-row.row-indent-0 {
    color: #222;
    background-color: #e8e8e8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.02rem 0 0.02rem 0.02rem; }
  .wn-gui-side-tree .table-row.row-indent-0 .ti-icon {
    font-size: 1em; }
  .wn-gui-side-tree .table-row.row-indent-1 .ti-icon {
    font-size: 1.2em; }

.wn-gui-arena {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }

.wn-gui-footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  color: #888;
  font-size: 0.8em;
  padding: 0 1em; }
  .wn-gui-footer > .as-info {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex: 0 0 auto; }
    .wn-gui-footer > .as-info > .ti-icon {
      margin-right: 0.06rem; }
  .wn-gui-footer > .as-msg {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex: 1 1 auto; }
  .wn-gui-footer > .as-indi {
    font-family: Monaco, Consolas, Courier New;
    flex: 0 0 auto; }

.wn-obj-creation {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%; }
  .wn-obj-creation > * {
    height: 100%; }
  .wn-obj-creation > .oc-types {
    flex: 0 0 auto; }
    .wn-obj-creation > .oc-types ul {
      user-select: none;
      color: #000;
      background-color: #E0E0E0;
      height: 100%;
      overflow-y: scroll; }
      .wn-obj-creation > .oc-types ul li {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        flex-wrap: nowrap;
        cursor: pointer;
        padding: 0.08rem;
        font-size: 0.8em; }
        .wn-obj-creation > .oc-types ul li.is-current, .wn-obj-creation > .oc-types ul li.is-current:hover {
          color: #d0e7fc;
          background-color: #2196f3; }
        .wn-obj-creation > .oc-types ul li:hover {
          color: #31a6ff;
          background-color: #cce8ff; }
        .wn-obj-creation > .oc-types ul li > .ti-icon {
          width: 0.32rem;
          margin-right: 0.02rem;
          text-align: center;
          font-size: 1.2em; }
        .wn-obj-creation > .oc-types ul li > em {
          font-family: Monaco, Consolas, Courier New;
          font-size: 0.8em;
          opacity: 0.618;
          font-style: normal;
          margin-left: 0.06rem; }
  .wn-obj-creation > .oc-main {
    flex: 1 1 auto;
    padding: 0.12rem;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    flex-direction: column; }
    .wn-obj-creation > .oc-main > .oc-info {
      flex: 1 1 auto;
      text-align: center;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap;
      flex-direction: column; }
      .wn-obj-creation > .oc-main > .oc-info > * {
        padding: 0.08rem; }
      .wn-obj-creation > .oc-main > .oc-info > .oc-thumb {
        font-size: 0.8rem; }
      .wn-obj-creation > .oc-main > .oc-info > .oc-name {
        font-family: Monaco, Consolas, Courier New;
        font-size: 1.1em;
        color: #888; }
      .wn-obj-creation > .oc-main > .oc-info > .oc-brief {
        color: #000;
        background-color: #E0E0E0;
        border: 1px dashed rgba(0, 0, 0, 0.1);
        text-align: left;
        font-size: .8em;
        padding: 0.1rem; }
    .wn-obj-creation > .oc-main > .oc-free {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      flex: 1 1 auto; }
    .wn-obj-creation > .oc-main > .oc-input {
      flex: 0 0 auto; }
      .wn-obj-creation > .oc-main > .oc-input input {
        color: #444;
        background-color: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
        outline: none;
        resize: none;
        font-family: Monaco, Consolas, Courier New;
        padding: 0.12rem;
        font-size: 1.2em;
        outline: none;
        width: 100%; }
        .wn-obj-creation > .oc-main > .oc-input input:focus {
          border-color: #2196f3; }

.wn-obj-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 0.36rem;
  height: 0.36rem;
  font-size: 0.18rem; }
  .wn-obj-icon .icon-icon img {
    width: 0.32rem;
    height: 0.32rem;
    object-fit: cover;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px; }

.wn-obj-id {
  width: 100%; }
  .wn-obj-id.is-none {
    color: #999; }
  .wn-obj-id.is-simple {
    color: #2196f3; }
    .wn-obj-id.is-simple:hover {
      background: #cce8ff; }
  .wn-obj-id.is-two-stage {
    color: #ff4081; }
    .wn-obj-id.is-two-stage:hover {
      background: #cce8ff; }
  .wn-obj-id .as-info-brief {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    user-select: none;
    cursor: pointer;
    width: 100%;
    padding: 0.3em 0;
    border-radius: 0.04rem; }
    .wn-obj-id .as-info-brief > .as-icon {
      flex: 0 0 auto;
      padding: 0 0.3em 0 0.5em;
      opacity: 0.7; }
    .wn-obj-id .as-info-brief > .as-text {
      flex: 1 1 auto;
      width: 0.64rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .wn-obj-id .as-info-brief > .as-text span {
        font-family: Monaco, Consolas, Courier New; }
  .wn-obj-id .as-info-detail {
    color: #000;
    background-color: #FFF;
    border: 3px dashed rgba(0, 0, 0, 0.2);
    position: fixed;
    transition: opacity 0.5s;
    padding: 1px;
    border-radius: 0.05rem;
    box-shadow: 0.03rem 0.03rem 0.06rem rgba(30, 30, 30, 0.2);
    z-index: 10000; }
    .wn-obj-id .as-info-detail table {
      border-spacing: 8px;
      margin: 1em; }
    .wn-obj-id .as-info-detail td {
      font-family: Monaco, Consolas, Courier New;
      color: #2196f3;
      border: 1px solid #2196f3;
      padding: 0.5em; }
      .wn-obj-id .as-info-detail td:first-child {
        color: #d0e7fc;
        background-color: #2196f3;
        text-align: right; }
      .wn-obj-id .as-info-detail td:nth-child(2) {
        cursor: pointer; }
        .wn-obj-id .as-info-detail td:nth-child(2):hover {
          color: #31a6ff;
          background-color: #cce8ff; }
      .wn-obj-id .as-info-detail td.as-copy {
        border-color: transparent; }
    .wn-obj-id .as-info-detail .as-copy a {
      text-align: center;
      font-size: 0.1rem;
      padding: 0.06rem 0; }
      .wn-obj-id .as-info-detail .as-copy a:hover {
        text-decoration: underline; }
    .wn-obj-id .as-info-detail > .as-menu {
      color: #222;
      background-color: #F5F7FA;
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      padding: 1em; }
  .wn-obj-id.is-two-stage .as-info-detail tr.is-my-id td {
    border-color: #ff4081;
    color: #ff4081; }
    .wn-obj-id.is-two-stage .as-info-detail tr.is-my-id td:first-child {
      color: #FFF;
      background-color: #ff4081; }
    .wn-obj-id.is-two-stage .as-info-detail tr.is-my-id td.as-copy {
      border-color: transparent; }
  .wn-obj-id.is-detail-hide > .as-info-detail {
    display: none; }
  .wn-obj-id.is-detail-show > .as-info-detail {
    display: block;
    opacity: 0; }
  .wn-obj-id.is-detail-ready > .as-info-detail {
    display: block;
    opacity: 1; }

.wn-obj-mode {
  padding: 0.04rem; }
  .wn-obj-mode .as-bar {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap; }
    .wn-obj-mode .as-bar .as-group header {
      color: #888;
      text-align: center;
      font-size: 0.11rem;
      padding: 0.04rem; }
    .wn-obj-mode .as-bar .as-group section {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      margin: 0 0.02rem; }
      .wn-obj-mode .as-bar .as-group section a {
        color: #222;
        background-color: #F5F7FA;
        border: 1px solid rgba(0, 0, 0, 0.1);
        display: block;
        padding: .5em;
        min-width: 0.32rem;
        text-align: center;
        margin-right: 1px;
        transition: transform 0.3s; }
        .wn-obj-mode .as-bar .as-group section a.is-on {
          color: #d0e7fc;
          background-color: #2196f3;
          border-color: #2196f3; }
        .wn-obj-mode .as-bar .as-group section a:first-child {
          border-radius: 0.04rem 0 0 0.04rem; }
        .wn-obj-mode .as-bar .as-group section a:last-child {
          border-radius: 0 0.04rem 0.04rem 0; }
        .wn-obj-mode .as-bar .as-group section a:hover {
          transform: translateY(-2px); }
  .wn-obj-mode .as-info {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    font-family: Monaco, Consolas, Courier New;
    color: #888;
    padding: 0.02rem 0.06rem; }
    .wn-obj-mode .as-info > div {
      margin: 0 0.06rem;
      min-width: 0.86rem;
      text-align: center; }

.wn-obj-picker {
  padding: 0.04rem;
  position: relative; }
  .wn-obj-picker .as-empty-item {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    color: #2196f3;
    border: 1px dashed #2196f3;
    width: 0.64rem;
    height: 0.64rem;
    cursor: pointer;
    font-size: 0.18rem; }
    .wn-obj-picker .as-empty-item i {
      transition: .3s;
      font-size: 1em; }
    .wn-obj-picker .as-empty-item:hover {
      border: 1px solid #ff4081;
      color: #ff4081; }
      .wn-obj-picker .as-empty-item:hover i {
        transform: scale(1.2); }
  .wn-obj-picker > .as-items-con {
    border: 1px dashed transparent; }
    .wn-obj-picker > .as-items-con > .as-item {
      border: 1px solid rgba(0, 0, 0, 0.1);
      box-shadow: 0.02rem 0.02rem 0.04rem rgba(40, 40, 40, 0.1); }
    .wn-obj-picker > .as-items-con .ti-obj-thumb .as-badge {
      color: #31a6ff;
      background-color: #cce8ff;
      opacity: 1;
      padding: .5em; }
      .wn-obj-picker > .as-items-con .ti-obj-thumb .as-badge.at-nw {
        left: 0;
        top: 0; }
      .wn-obj-picker > .as-items-con .ti-obj-thumb .as-badge.at-sw {
        left: 0;
        bottom: 0; }
      .wn-obj-picker > .as-items-con .ti-obj-thumb .as-badge.at-ne {
        right: 0;
        top: 0; }
      .wn-obj-picker > .as-items-con .ti-obj-thumb .as-badge.at-se {
        right: 0;
        bottom: 0; }
  .wn-obj-picker.is-multi > .as-items-con {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    padding: 0.06rem; }
    .wn-obj-picker.is-multi > .as-items-con > .as-item {
      margin: 0.06rem; }
      .wn-obj-picker.is-multi > .as-items-con > .as-item.sortable-ghost {
        opacity: 0.1; }
    .wn-obj-picker.is-multi > .as-items-con:hover {
      border-color: #2196f3; }
    .wn-obj-picker.is-multi > .as-items-con .as-empty-item {
      margin: 0.06rem 0 0.06rem 0.12rem;
      align-self: stretch;
      height: unset;
      width: 0.92rem;
      min-height: 0.64rem; }
  .wn-obj-picker.is-single {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap; }
    .wn-obj-picker.is-single > .as-items-con > .as-item:hover {
      border-style: dashed;
      border-color: #ff4081; }
  .wn-obj-picker.is-dragging .as-items-con .as-empty-item {
    display: none; }

.wn-obj-preview {
  /*Cover on image*/
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  flex: 1 1 auto;
  color: #cce8ff;
  background-color: rgba(220, 220, 220, 0.3); }
  .wn-obj-preview > .wop-con {
    width: 100%;
    height: 100%;
    position: relative; }
    .wn-obj-preview > .wop-con > .as-main {
      flex: 1 1 auto;
      width: 100%;
      height: 100%; }
      .wn-obj-preview > .wop-con > .as-main.ti-media-audio {
        padding: 0 0.3rem; }
    .wn-obj-preview > .wop-con > .as-progress {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap; }
      .wn-obj-preview > .wop-con > .as-progress .ti-progress-bar {
        width: 100%; }
    .wn-obj-preview > .wop-con > .as-abar {
      position: absolute;
      top: 0;
      right: 0;
      color: #FFF;
      background-color: rgba(20, 20, 20, 0.2);
      z-index: 100; }
      .wn-obj-preview > .wop-con > .as-abar li {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        cursor: pointer;
        width: 0.32rem;
        height: 0.32rem; }
        .wn-obj-preview > .wop-con > .as-abar li .it-icon {
          font-size: 1em; }
        .wn-obj-preview > .wop-con > .as-abar li:hover {
          color: #FFF;
          background-color: #ff4081; }
    .wn-obj-preview > .wop-con > .as-info {
      color: #000;
      background-color: #F0F0F0;
      font-size: .8em; }
      .wn-obj-preview > .wop-con > .as-info > .info-head {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        align-content: center;
        flex-wrap: nowrap;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        line-height: 2.4em; }
        .wn-obj-preview > .wop-con > .as-info > .info-head > .it-icon {
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          cursor: pointer;
          width: 2em; }
          .wn-obj-preview > .wop-con > .as-info > .info-head > .it-icon:hover {
            color: #FFF;
            background-color: #ff4081; }
        .wn-obj-preview > .wop-con > .as-info > .info-head > .it-text {
          flex: 1 1 auto;
          padding: 0 .3em; }
        .wn-obj-preview > .wop-con > .as-info > .info-head > .it-edit {
          cursor: pointer;
          padding: 0 .6em; }
          .wn-obj-preview > .wop-con > .as-info > .info-head > .it-edit:hover {
            color: #FFF;
            background-color: #ff4081; }
      .wn-obj-preview > .wop-con > .as-info > .info-field-con {
        padding: .5em;
        width: 100%;
        height: 100%; }
        .wn-obj-preview > .wop-con > .as-info > .info-field-con > .info-field {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          align-content: center;
          flex-wrap: nowrap; }
  .wn-obj-preview.is-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 1000; }
  .wn-obj-preview.is-info-at-bottom > .wop-con {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column; }
    .wn-obj-preview.is-info-at-bottom > .wop-con > .as-main {
      height: 100px;
      /*Init value for flex*/ }
    .wn-obj-preview.is-info-at-bottom > .wop-con > .as-info {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      flex-direction: column; }
      .wn-obj-preview.is-info-at-bottom > .wop-con > .as-info > .info-field-con {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        flex-wrap: wrap; }
        .wn-obj-preview.is-info-at-bottom > .wop-con > .as-info > .info-field-con > .info-field > div {
          font-family: Monaco, Consolas, Courier New;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
          .wn-obj-preview.is-info-at-bottom > .wop-con > .as-info > .info-field-con > .info-field > div.as-name {
            padding: 0 0.04rem; }
          .wn-obj-preview.is-info-at-bottom > .wop-con > .as-info > .info-field-con > .info-field > div.as-value {
            padding: 0 0.04rem; }
  .wn-obj-preview.is-info-at-bottom.is-float-info > .wop-con > .as-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .wn-obj-preview.is-info-at-left > .wop-con {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap; }
    .wn-obj-preview.is-info-at-left > .wop-con > .as-main {
      width: 100px;
      /*Init value for flex*/
      order: 2; }
    .wn-obj-preview.is-info-at-left > .wop-con > .as-info {
      order: 1; }
      .wn-obj-preview.is-info-at-left > .wop-con > .as-info > .info-field-con {
        overflow-y: auto; }
        .wn-obj-preview.is-info-at-left > .wop-con > .as-info > .info-field-con > .info-field {
          border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
          line-height: 1.2em;
          padding: .6em 0;
          align-items: flex-start; }
          .wn-obj-preview.is-info-at-left > .wop-con > .as-info > .info-field-con > .info-field:last-child {
            border: 0; }
          .wn-obj-preview.is-info-at-left > .wop-con > .as-info > .info-field-con > .info-field > div {
            font-family: Monaco, Consolas, Courier New;
            word-break: break-all;
            overflow: hidden; }
            .wn-obj-preview.is-info-at-left > .wop-con > .as-info > .info-field-con > .info-field > div.as-name {
              padding: 0 0.04rem; }
            .wn-obj-preview.is-info-at-left > .wop-con > .as-info > .info-field-con > .info-field > div.as-value {
              padding: 0 0.04rem; }
  .wn-obj-preview.is-info-at-left.is-float-info > .wop-con > .as-info {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
  .wn-obj-preview.is-float-info > .wop-con > .as-info {
    color: #cce8ff;
    background-color: rgba(50, 50, 50, 0.618); }

.wn-obj-text {
  padding: 0.2rem; }
  .wn-obj-text > .as-text {
    color: #000;
    background-color: #FFF;
    box-shadow: 0.04rem 0.04rem 0.09rem rgba(30, 30, 30, 0.2);
    font-size: 0.16rem;
    padding: 0.2rem;
    overflow: auto; }

.wn-session-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 0 0.3em; }
  .wn-session-badge a:hover {
    text-decoration: underline; }
  .wn-session-badge > .as-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000; }
  .wn-session-badge > .as-drop {
    color: #000;
    background-color: #F0F0F0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    position: fixed;
    padding: 0;
    top: 0.5rem;
    width: 3.6rem;
    box-shadow: 0.04rem 0.06rem 0.1rem rgba(20, 20, 20, 0.3);
    border: 1px solid #2196f3;
    z-index: 10000;
    visibility: hidden;
    text-align: center;
    border-radius: 0.06rem; }
    .wn-session-badge > .as-drop .as-avatar {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 0.3rem 0.2rem 0.2rem 0.2rem; }
      .wn-session-badge > .as-drop .as-avatar .ti-icon {
        font-size: 0.72rem; }
        .wn-session-badge > .as-drop .as-avatar .ti-icon.as-thumb img {
          display: block;
          width: 1.28rem;
          height: 1.28rem;
          box-shadow: 0.02rem 0.02rem 0.08rem rgba(30, 30, 30, 0.2);
          border-radius: 50%; }
      .wn-session-badge > .as-drop .as-avatar > .as-name {
        padding: 0.1rem 0.04rem;
        margin: 0.1rem 0;
        text-align: center; }
    .wn-session-badge > .as-drop .as-lang {
      user-select: none;
      display: flex;
      justify-content: center;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: wrap;
      padding: 0.1rem; }
      .wn-session-badge > .as-drop .as-lang > .lang-item {
        border: 1px solid transparent;
        margin: 0.1rem;
        padding: 0.1rem;
        font-size: 0.12rem;
        min-width: 0.7rem;
        cursor: pointer;
        opacity: 0.4;
        border-radius: 0.1rem; }
        .wn-session-badge > .as-drop .as-lang > .lang-item img {
          border: 1px solid rgba(0, 0, 0, 0.1);
          width: 0.32rem;
          height: 0.32rem;
          border-radius: 59%;
          box-shadow: 0 0 0.04rem rgba(20, 20, 20, 0.3); }
        .wn-session-badge > .as-drop .as-lang > .lang-item div {
          padding: 0.02rem; }
        .wn-session-badge > .as-drop .as-lang > .lang-item:hover {
          border-color: #2196f3;
          opacity: 1; }
        .wn-session-badge > .as-drop .as-lang > .lang-item.is-current {
          color: #31a6ff;
          background-color: #cce8ff;
          border-color: #2196f3;
          opacity: 1;
          cursor: default; }
    .wn-session-badge > .as-drop .as-foot {
      color: #000;
      background-color: #E0E0E0;
      border-top: 1px solid #2196f3;
      display: flex;
      justify-content: space-around;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      padding: 0.2rem 0.1rem; }
    .wn-session-badge > .as-drop .as-version {
      color: #d0e7fc;
      background-color: #2196f3;
      font-family: Monaco, Consolas, Courier New;
      text-align: center;
      padding: 1em;
      font-size: 0.1rem; }

.wn-th-creator {
  color: #000;
  background-color: #FFF; }
  .wn-th-creator.is-creating > .main-com {
    background-color: #000;
    opacity: 0.4; }

.wn-thing-filter {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  flex-wrap: nowrap; }
  .wn-thing-filter.in-recyclebin {
    color: #FFF;
    background-color: #ff4081; }
  .wn-thing-filter > .as-recyclebin {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0 0.1rem;
    cursor: pointer;
    opacity: 0.6; }
    .wn-thing-filter > .as-recyclebin .it-icon {
      font-size: 1.2em; }
      .wn-thing-filter > .as-recyclebin .it-icon > .ti-icon:first-child {
        display: block; }
      .wn-thing-filter > .as-recyclebin .it-icon > .ti-icon:last-child {
        display: none; }
    .wn-thing-filter > .as-recyclebin .it-text {
      font-size: 0.1rem;
      line-height: 1.1em;
      white-space: nowrap; }
    .wn-thing-filter > .as-recyclebin:hover {
      opacity: 1; }
      .wn-thing-filter > .as-recyclebin:hover .it-icon > .ti-icon:first-child {
        display: none; }
      .wn-thing-filter > .as-recyclebin:hover .it-icon > .ti-icon:last-child {
        display: block; }
  .wn-thing-filter > .as-filter {
    flex: 1 1 auto; }

.wn-thing-files {
  position: relative;
  padding-top: 0.4rem; }
  .wn-thing-files > .as-header {
    position: absolute;
    left: 0;
    top: 0;
    height: 0.43rem;
    right: 0; }
  .wn-thing-files > .as-preview {
    height: 37.2%; }
  .wn-thing-files > .as-list {
    height: 61.8%; }
  .wn-thing-files > .as-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    color: #222;
    background-color: #F5F7FA;
    font-size: 0.12rem; }
    .wn-thing-files > .as-header > .as-tip {
      color: #888;
      flex: 0 0 auto;
      padding: 0 0.04rem 0 0.1rem; }
    .wn-thing-files > .as-header > .as-name {
      flex: 1 1 auto;
      padding-left: 0.06rem; }
      .wn-thing-files > .as-header > .as-name .ti-droplist {
        display: block;
        line-height: 1.8em; }
    .wn-thing-files > .as-header > .as-menu {
      flex: 0 0 auto;
      padding: 0 0.06rem; }
  .wn-thing-files > .as-preview {
    color: #000;
    background-color: #F0F0F0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .wn-thing-files.current-in-recyclebin > .as-header {
    color: #FFF;
    background-color: #ff4081; }

.ti-widget-album {
  position: relative; }
  .ti-widget-album > a.album-ex-link[href] {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    color: #FFF;
    background-color: #ff4081;
    display: block;
    padding: 0.08rem 0.14rem;
    cursor: pointer;
    opacity: 0.6;
    border-radius: 0.08rem;
    text-decoration: none; }
    .ti-widget-album > a.album-ex-link[href]:hover {
      opacity: 1; }

.ti-widget-album .album-loading-stub {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding: 0.32rem;
  font-size: 0.32rem; }

.ti-widget-album > .photo-wall {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  padding: 0.1rem; }
  .ti-widget-album > .photo-wall .wall-tile {
    display: block;
    padding: 0.1rem;
    width: 2rem;
    height: 2rem;
    position: relative;
    color: inherit; }
    .ti-widget-album > .photo-wall .wall-tile:hover {
      text-decoration: none;
      color: inherit; }
    .ti-widget-album > .photo-wall .wall-tile img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
    .ti-widget-album > .photo-wall .wall-tile .tile-title {
      display: block;
      color: #CCC;
      font-size: 0.12rem;
      line-height: 1.5em;
      padding: .5em;
      transition: 0.5s; }
    .ti-widget-album > .photo-wall .wall-tile .tile-brief {
      display: block; }
  .ti-widget-album > .photo-wall.text-out .wall-tile .tile-title {
    position: relative; }
  .ti-widget-album > .photo-wall.text-in .wall-tile .tile-title {
    position: absolute;
    left: 0;
    right: 0; }
  .ti-widget-album > .photo-wall.at-top .wall-tile .tile-title {
    top: 0; }
  .ti-widget-album > .photo-wall.at-center .wall-tile .tile-title {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    top: 0;
    bottom: 0; }
  .ti-widget-album > .photo-wall.at-bottom .wall-tile .tile-title {
    bottom: 0; }
  .ti-widget-album > .photo-wall.title-wrap-auto .wall-tile .tile-title {
    white-space: normal; }
  .ti-widget-album > .photo-wall.title-wrap-clip .wall-tile .tile-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip; }
  .ti-widget-album > .photo-wall.title-wrap-ellipsis .wall-tile .tile-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ti-widget-album > .photo-wall.layout-wall.text-in .wall-tile:hover .tile-title {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFF;
    white-space: normal;
    word-break: break-word; }
  .ti-widget-album > .photo-wall.layout-falls {
    flex-wrap: nowrap;
    align-items: flex-start; }
    .ti-widget-album > .photo-wall.layout-falls .falls-group {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-wrap: nowrap;
      flex-direction: column; }
      .ti-widget-album > .photo-wall.layout-falls .falls-group .wall-tile {
        flex: 1 1 auto;
        height: unset;
        width: unset; }
  .ti-widget-album > .photo-wall.layout-rows {
    display: block; }
    .ti-widget-album > .photo-wall.layout-rows .wall-tile {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      align-content: center;
      flex-wrap: nowrap;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      width: unset;
      height: unset;
      padding: 0.2rem 0; }
      .ti-widget-album > .photo-wall.layout-rows .wall-tile .part-left {
        display: block;
        overflow: hidden;
        width: 2.56rem;
        flex: 0 0 auto;
        position: relative; }
      .ti-widget-album > .photo-wall.layout-rows .wall-tile .part-right {
        display: block;
        flex: 1 1 auto;
        padding: 0 0.2rem; }
      .ti-widget-album > .photo-wall.layout-rows .wall-tile .tile-title, .ti-widget-album > .photo-wall.layout-rows .wall-tile .tile-brief {
        position: relative; }
      .ti-widget-album > .photo-wall.layout-rows .wall-tile .tile-title {
        font-size: 1.4em;
        color: inherit;
        padding: 0;
        white-space: normal; }
      .ti-widget-album > .photo-wall.layout-rows .wall-tile .tile-brief {
        font-size: 1em;
        color: inherit;
        padding: 0.2rem; }
    .ti-widget-album > .photo-wall.layout-rows.hover-to-zoom .wall-tile {
      overflow: unset; }
  .ti-widget-album > .photo-wall.hover-to-up .wall-tile {
    transition: transform 0.5s; }
    .ti-widget-album > .photo-wall.hover-to-up .wall-tile:hover {
      transform: translateY(-3px);
      box-shadow: 0.04rem 0.04rem 0.1rem rgba(30, 30, 30, 0.2); }
  .ti-widget-album > .photo-wall.hover-to-zoom .wall-tile {
    overflow: hidden; }
    .ti-widget-album > .photo-wall.hover-to-zoom .wall-tile img {
      transition: transform 0.3s; }
    .ti-widget-album > .photo-wall.hover-to-zoom .wall-tile:hover img {
      transform: scale(1.2); }
  .ti-widget-album > .photo-wall.hover-to-scale .wall-tile {
    transition: transform 0.3s; }
    .ti-widget-album > .photo-wall.hover-to-scale .wall-tile:hover {
      transform: scale(1.2);
      box-shadow: 0.04rem 0.04rem 0.1rem rgba(30, 30, 30, 0.2); }
  .ti-widget-album > .photo-wall.pic-fit-fill .wall-tile img {
    object-fit: fill; }
  .ti-widget-album > .photo-wall.pic-fit-cover .wall-tile img {
    object-fit: cover; }
  .ti-widget-album > .photo-wall.pic-fit-contain .wall-tile img {
    object-fit: contain; }
  .ti-widget-album > .photo-wall.pic-fit-none .wall-tile img {
    object-fit: none; }
  .ti-widget-album > .photo-wall.item-margin-xl .wall-tile {
    margin: 0.3rem; }
  .ti-widget-album > .photo-wall.item-margin-lg .wall-tile {
    margin: 0.24rem; }
  .ti-widget-album > .photo-wall.item-margin-md .wall-tile {
    margin: 0.16rem; }
  .ti-widget-album > .photo-wall.item-margin-sm .wall-tile {
    margin: 0.1rem; }
  .ti-widget-album > .photo-wall.item-margin-xs .wall-tile {
    margin: 0.04rem; }
  .ti-widget-album > .photo-wall.item-margin-no .wall-tile {
    margin: 0; }
  .ti-widget-album > .photo-wall.item-padding-xl .wall-tile {
    padding: 0.3rem; }
  .ti-widget-album > .photo-wall.item-padding-lg .wall-tile {
    padding: 0.24rem; }
  .ti-widget-album > .photo-wall.item-padding-md .wall-tile {
    padding: 0.16rem; }
  .ti-widget-album > .photo-wall.item-padding-sm .wall-tile {
    padding: 0.1rem; }
  .ti-widget-album > .photo-wall.item-padding-xs .wall-tile {
    padding: 0.04rem; }
  .ti-widget-album > .photo-wall.item-padding-no .wall-tile {
    padding: 0; }
  .ti-widget-album > .photo-wall.flex-none .wall-tile {
    flex: 0 0 auto; }
  .ti-widget-album > .photo-wall.flex-both .wall-tile {
    flex: 1 1 auto; }
  .ti-widget-album > .photo-wall.flex-grow .wall-tile {
    flex: 1 0 auto; }
  .ti-widget-album > .photo-wall.flex-shrink .wall-tile {
    flex: 0 1 auto; }

.ti-widget-album.as-yt-playlist .photo-wall .wall-tile:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  z-index: 100;
  font-family: 'Font Awesome 5 Brands';
  font-weight: 900;
  content: "\f167";
  font-size: 0.48rem;
  color: #F00;
  opacity: 0.5;
  transition: 0.5s; }

.ti-widget-album.as-yt-playlist .photo-wall .wall-tile:hover::after {
  opacity: 1; }

.ti-widget-album.as-yt-playlist .photo-wall.layout-rows .wall-tile:after {
  display: none;
  content: unset; }

.ti-widget-album.as-yt-playlist .photo-wall.layout-rows .wall-tile .part-left:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  z-index: 100;
  font-family: 'Font Awesome 5 Brands';
  font-weight: 900;
  content: "\f167";
  font-size: 0.48rem;
  color: #F00;
  opacity: 0.5;
  transition: 0.5s; }

.ti-widget-album.as-yt-playlist .photo-wall.layout-rows .wall-tile:hover .part-left:after {
  opacity: 1; }

[as="phone"] .ti-widget-album > .photo-wall.layout-rows .wall-tile {
  display: block; }
  [as="phone"] .ti-widget-album > .photo-wall.layout-rows .wall-tile .part-left {
    width: unset; }
  [as="phone"] .ti-widget-album > .photo-wall.layout-rows .wall-tile .part-right {
    padding: 0.2rem 0; }
  [as="phone"] .ti-widget-album > .photo-wall.layout-rows .wall-tile .tile-brief {
    padding: 0.2rem 0 0 0; }

.ti-widget-photo-gallery {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background: #000;
  opacity: 0;
  transition: opacity 0.5s;
  user-select: none; }
  .ti-widget-photo-gallery.is-resizing div.as-scroller {
    transition: none; }
  .ti-widget-photo-gallery.no-ready div.as-closer span {
    transform: rotate(180deg) scale(0.6);
    opacity: 0.3; }
  .ti-widget-photo-gallery.is-ready {
    opacity: 1; }
  .ti-widget-photo-gallery.no-prev div.as-switcher-btn.is-prev {
    display: none; }
  .ti-widget-photo-gallery.no-next div.as-switcher-btn.is-next {
    display: none; }
  .ti-widget-photo-gallery .photo-gallery-con {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative; }
    .ti-widget-photo-gallery .photo-gallery-con > .as-viewport {
      width: 100%;
      height: 100%;
      overflow: hidden;
      flex: 1 1 auto;
      position: relative; }
    .ti-widget-photo-gallery .photo-gallery-con > .as-indicator {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      padding: 0;
      position: relative;
      flex: 0 0 auto;
      z-index: 1; }
      .ti-widget-photo-gallery .photo-gallery-con > .as-indicator div.as-indi-btn {
        position: absolute;
        top: 0;
        width: 0.5rem;
        bottom: 0;
        display: none;
        cursor: pointer; }
        .ti-widget-photo-gallery .photo-gallery-con > .as-indicator div.as-indi-btn span {
          transition: 0.2s; }
        .ti-widget-photo-gallery .photo-gallery-con > .as-indicator div.as-indi-btn.to-prev {
          left: 0; }
        .ti-widget-photo-gallery .photo-gallery-con > .as-indicator div.as-indi-btn.to-prev:hover {
          color: #fff;
          background-color: rgba(50, 50, 50, 0.2); }
          .ti-widget-photo-gallery .photo-gallery-con > .as-indicator div.as-indi-btn.to-prev:hover span {
            transform: translateX(-2px) scale(1.1); }
        .ti-widget-photo-gallery .photo-gallery-con > .as-indicator div.as-indi-btn.to-next {
          right: 0; }
        .ti-widget-photo-gallery .photo-gallery-con > .as-indicator div.as-indi-btn.to-next:hover {
          color: #fff;
          background-color: rgba(120, 120, 120, 0.4); }
          .ti-widget-photo-gallery .photo-gallery-con > .as-indicator div.as-indi-btn.to-next:hover span {
            transform: translateX(2px) scale(1.1); }
      .ti-widget-photo-gallery .photo-gallery-con > .as-indicator div.as-indi-con {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        width: 100%;
        overflow: hidden; }
      .ti-widget-photo-gallery .photo-gallery-con > .as-indicator ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        padding: 0.1rem;
        flex: 0 1 auto;
        position: relative;
        transition: 0.3s; }
        .ti-widget-photo-gallery .photo-gallery-con > .as-indicator ul img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border: 2px solid transparent;
          border-radius: 4px; }
        .ti-widget-photo-gallery .photo-gallery-con > .as-indicator ul a {
          display: block;
          flex: 0 0 auto;
          width: 0.5rem;
          height: 0.5rem;
          opacity: 0.6;
          cursor: pointer;
          transition: 0.3s;
          text-decoration: none; }
          .ti-widget-photo-gallery .photo-gallery-con > .as-indicator ul a[img-nil] {
            padding: 0.04rem; }
          .ti-widget-photo-gallery .photo-gallery-con > .as-indicator ul a span.nil-img {
            display: inline-block;
            width: 100%;
            height: 100%;
            border: 1px dashed #ccc;
            border-radius: 4px; }
          .ti-widget-photo-gallery .photo-gallery-con > .as-indicator ul a:hover {
            text-decoration: none;
            opacity: 1;
            transform: translateY(-3px) scale(1.2); }
            .ti-widget-photo-gallery .photo-gallery-con > .as-indicator ul a:hover img {
              border-color: rgba(255, 255, 255, 0.6); }
          .ti-widget-photo-gallery .photo-gallery-con > .as-indicator ul a.is-current {
            opacity: 1; }
            .ti-widget-photo-gallery .photo-gallery-con > .as-indicator ul a.is-current img {
              border-color: #fff; }
      .ti-widget-photo-gallery .photo-gallery-con > .as-indicator[item-overflow] {
        padding: 0 0.5rem; }
        .ti-widget-photo-gallery .photo-gallery-con > .as-indicator[item-overflow] div.as-indi-con {
          justify-content: flex-start; }
        .ti-widget-photo-gallery .photo-gallery-con > .as-indicator[item-overflow] div.as-indi-btn {
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap; }
  .ti-widget-photo-gallery div.as-scroller {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    position: relative;
    transition: 0.3s;
    height: 100%; }
    .ti-widget-photo-gallery div.as-scroller .as-tile {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      position: relative;
      flex: 0 0 auto;
      padding: 0.5rem; }
      .ti-widget-photo-gallery div.as-scroller .as-tile header {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        padding: 0.24rem 0.6rem;
        font-size: 0.2rem;
        text-align: justify;
        color: #fff;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
        transition: 0.5s; }
      .ti-widget-photo-gallery div.as-scroller .as-tile[img-zoom] header {
        opacity: 0; }
      .ti-widget-photo-gallery div.as-scroller .as-tile img {
        border: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: 0.3s;
        cursor: move;
        position: relative; }
      .ti-widget-photo-gallery div.as-scroller .as-tile span.nil-img {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
        background: rgba(100, 100, 100, 0.2);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        font-size: 0.64rem;
        color: #eee; }
      .ti-widget-photo-gallery div.as-scroller .as-tile[img-nil] > img {
        position: absolute;
        visibility: hidden; }
      .ti-widget-photo-gallery div.as-scroller .as-tile[img-loaded] > span.nil-img {
        display: none; }
    .ti-widget-photo-gallery div.as-scroller.is-moving .as-tile img {
      transition: unset; }
  .ti-widget-photo-gallery a.as-opener {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0.1rem;
    z-index: 2;
    display: none;
    text-decoration: none; }
    .ti-widget-photo-gallery a.as-opener[href] {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 0.64rem;
      height: 0.64rem;
      background-color: rgba(0, 0, 0, 0.4);
      color: #fff;
      opacity: 0.6;
      font-size: 0.24rem;
      font-weight: bold;
      cursor: pointer;
      transition: 0.3s; }
      .ti-widget-photo-gallery a.as-opener[href]:hover {
        opacity: 1;
        text-decoration: none; }
  .ti-widget-photo-gallery div.as-toolbar {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    padding: 0.2rem;
    z-index: 3; }
    .ti-widget-photo-gallery div.as-toolbar a {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      width: 0.42rem;
      height: 0.42rem;
      background-color: rgba(0, 0, 0, 0.4);
      color: #fff;
      opacity: 0.6;
      font-weight: bold;
      cursor: pointer;
      text-decoration: none; }
      .ti-widget-photo-gallery div.as-toolbar a:first-child {
        border-top-left-radius: 0.08rem;
        border-bottom-left-radius: 0.08rem; }
      .ti-widget-photo-gallery div.as-toolbar a:last-child {
        border-top-right-radius: 0.08rem;
        border-bottom-right-radius: 0.08rem;
        margin-left: 1px; }
      .ti-widget-photo-gallery div.as-toolbar a > i {
        transition: font-size 0.3s;
        font-size: 0.24rem; }
      .ti-widget-photo-gallery div.as-toolbar a:hover {
        opacity: 1;
        text-decoration: none; }
        .ti-widget-photo-gallery div.as-toolbar a:hover > i {
          font-size: 0.32rem; }
  .ti-widget-photo-gallery div.as-switcher-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0.1rem; }
    .ti-widget-photo-gallery div.as-switcher-btn.is-prev {
      left: 0; }
    .ti-widget-photo-gallery div.as-switcher-btn.is-next {
      right: 0; }
    .ti-widget-photo-gallery div.as-switcher-btn span i {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      display: block;
      width: 0.64rem;
      height: 0.64rem;
      border-radius: 50%;
      text-align: center;
      font-size: 0.64rem;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.4);
      color: #fff;
      opacity: 0.6; }
      .ti-widget-photo-gallery div.as-switcher-btn span i:hover {
        background-color: rgba(240, 240, 240, 0.2);
        opacity: 1; }
  .ti-widget-photo-gallery div.as-closer {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2; }
    .ti-widget-photo-gallery div.as-closer a {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      border-radius: 0 0 0 0.08rem;
      text-decoration: none;
      width: 0.5rem;
      height: 0.5rem;
      background-color: rgba(0, 0, 0, 0.4);
      color: #ccc;
      font-size: 0.32rem;
      font-weight: bold;
      cursor: pointer; }
      .ti-widget-photo-gallery div.as-closer a > i {
        display: block;
        transition: transform 0.3s; }
      .ti-widget-photo-gallery div.as-closer a:hover {
        color: #fff;
        text-decoration: none; }
        .ti-widget-photo-gallery div.as-closer a:hover > i {
          transform: rotate(180deg) scale(1.2); }

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