.ty-alert {
  border: 1px solid;
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 10px 30px 10px 13px;
  position: relative;
  margin-bottom: 15px;
  font-weight: 300;
  opacity: 1;
  font-size: 14px;
  transition: all 300ms;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  overflow: hidden;
  display: flex;
  align-items: flex-start; }
  .ty-alert__title {
    box-sizing: border-box;
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 500; }
  .ty-alert__desc {
    box-sizing: border-box;
    line-height: 16px; }
  .ty-alert__icon {
    line-height: 16px;
    margin-right: 7px;
    position: relative;
    top: 1px; }
  .ty-alert__close-btn {
    position: absolute;
    top: 10px;
    right: 13px;
    cursor: pointer;
    float: right;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .ty-alert_error {
    border-color: #ffa39e;
    background-color: #fff1f0;
    color: #f3382a; }
  .ty-alert_warning {
    border-color: #ffe58f;
    background-color: #fffbe6;
    color: #f29000; }
  .ty-alert_success {
    border-color: #b7eb8f;
    background-color: #f6ffed;
    color: #48a64c; }
  .ty-alert_info {
    border-color: #91d5ff;
    background-color: #e6f7ff;
    color: #00b1c7; }

.ty-avatar {
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  display: inline-block;
  text-align: center;
  background: #ccc;
  color: #fff;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .ty-avatar__img {
    width: 100%;
    height: 100%; }
  .ty-avatar__icon {
    color: #fff; }
  .ty-avatar__text {
    position: absolute;
    left: 50%;
    -webkit-transform-origin: 0 center;
            transform-origin: 0 center;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .ty-avatar_circle {
    border-radius: 50%; }
  .ty-avatar_square {
    border-radius: 2px; }
  .ty-avatar_clickable {
    cursor: pointer; }

@-webkit-keyframes ty-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes ty-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-badge {
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1; }
  .ty-badge__count {
    box-sizing: border-box;
    display: inline-block;
    z-index: 10;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    border-radius: 18px;
    box-shadow: 0 0 0 1.5px #fff;
    min-width: 18px;
    min-height: 18px;
    line-height: 18px;
    padding: 0 5px;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    white-space: nowrap;
    text-align: center; }
  .ty-badge__custom {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%); }
  .ty-badge__dot {
    box-sizing: border-box;
    display: inline-block;
    z-index: 10;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    border-radius: 18px;
    box-shadow: 0 0 0 1.5px #fff;
    width: 6px;
    height: 6px;
    line-height: 6px; }
    .ty-badge__dot_wave:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: inherit;
      content: '';
      -webkit-animation: ty-processing 1.2s infinite ease-in-out;
              animation: ty-processing 1.2s infinite ease-in-out; }
  .ty-badge_no-wrap .ty-badge__count, .ty-badge_no-wrap .ty-badge__dot {
    display: block;
    -webkit-transform: none;
            transform: none;
    position: relative; }

@keyframes ty-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-btn {
  position: relative;
  box-sizing: border-box;
  border: 1px solid;
  outline: none;
  border-radius: 3px;
  line-height: 1;
  margin: 0 7px 0 0;
  font-weight: 300;
  letter-spacing: 0;
  cursor: pointer;
  transition: box-shadow 200ms cubic-bezier(0.4, 0, 1, 1), background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }
  .ty-btn__loader {
    margin-right: 5px;
    border: 1px solid;
    border-radius: 50%;
    border-right-color: transparent;
    border-top-color: transparent;
    display: inline-block;
    -webkit-animation: ty-rotate 500ms linear infinite;
            animation: ty-rotate 500ms linear infinite;
    pointer-events: none; }
  .ty-btn_ripple:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: radial-gradient(circle, #000 10%, transparent 10.01%) no-repeat 50%;
    -webkit-transform: scale(10);
            transform: scale(10);
    opacity: 0;
    transition: opacity 1s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 1s;
    transition: transform 0.5s, opacity 1s, -webkit-transform 0.5s; }
  .ty-btn_ripple:active:after {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.2;
    transition: 0s; }
  .ty-btn_default {
    border-color: #2f4356;
    box-shadow: 0 1px 2px 0 rgba(52, 73, 94, 0.14);
    background-color: #fff;
    color: #34495e;
    border-color: #ccc; }
    .ty-btn_default:hover {
      box-shadow: 0 14px 16px -12px rgba(52, 73, 94, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(52, 73, 94, 0.2); }
    .ty-btn_default:active {
      background-color: #fff;
      box-shadow: 0 14px 16px -12px rgba(52, 73, 94, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(52, 73, 94, 0.2), inset 0 3px 8px rgba(52, 73, 94, 0.2); }
  .ty-btn_default_outline {
    border-color: #2f4356;
    box-shadow: 0 1px 2px 0 rgba(52, 73, 94, 0.14);
    background-color: #fff;
    color: #34495e; }
    .ty-btn_default_outline:hover {
      box-shadow: 0 14px 16px -12px rgba(52, 73, 94, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(52, 73, 94, 0.2); }
    .ty-btn_default_outline:active {
      background-color: #fff;
      box-shadow: 0 14px 16px -12px rgba(52, 73, 94, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(52, 73, 94, 0.2), inset 0 3px 8px rgba(52, 73, 94, 0.2); }
  .ty-btn_default_link {
    color: #34495e;
    border: none;
    box-shadow: none; }
    .ty-btn_default_link:hover {
      color: #46637f; }
    .ty-btn_default_link:active {
      color: #253544; }
  .ty-btn_default_disabled {
    opacity: 0.6;
    cursor: not-allowed; }
    .ty-btn_default_disabled:hover {
      box-shadow: 0 1px 2px 0 rgba(52, 73, 94, 0.14); }
  .ty-btn_primary {
    border-color: #683db6;
    box-shadow: 0 1px 2px 0 rgba(110, 65, 191, 0.14);
    background-color: #6E41BF;
    color: #fff; }
    .ty-btn_primary:hover {
      box-shadow: 0 14px 16px -12px rgba(110, 65, 191, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(110, 65, 191, 0.2); }
    .ty-btn_primary:active {
      background-color: #583499; }
  .ty-btn_primary_outline {
    border-color: #683db6;
    box-shadow: 0 1px 2px 0 rgba(110, 65, 191, 0.14);
    background-color: #fff;
    color: #6E41BF; }
    .ty-btn_primary_outline:hover {
      box-shadow: 0 14px 16px -12px rgba(110, 65, 191, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(110, 65, 191, 0.2); }
    .ty-btn_primary_outline:active {
      background-color: #fff;
      box-shadow: 0 14px 16px -12px rgba(110, 65, 191, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(110, 65, 191, 0.2), inset 0 3px 8px rgba(110, 65, 191, 0.2); }
  .ty-btn_primary_link {
    color: #6E41BF;
    border: none;
    box-shadow: none; }
    .ty-btn_primary_link:hover {
      color: #8b67cc; }
    .ty-btn_primary_link:active {
      color: #5c36a1; }
  .ty-btn_primary_disabled {
    opacity: 0.6;
    cursor: not-allowed; }
    .ty-btn_primary_disabled:hover {
      box-shadow: 0 1px 2px 0 rgba(110, 65, 191, 0.14); }
  .ty-btn_blue {
    border-color: #00b1c7;
    box-shadow: 0 1px 2px 0 rgba(0, 188, 212, 0.14);
    background-color: #00bcd4;
    color: #fff; }
    .ty-btn_blue:hover {
      box-shadow: 0 14px 16px -12px rgba(0, 188, 212, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); }
    .ty-btn_blue:active {
      background-color: #008fa1; }
  .ty-btn_blue_outline {
    border-color: #00b1c7;
    box-shadow: 0 1px 2px 0 rgba(0, 188, 212, 0.14);
    background-color: #fff;
    color: #00bcd4; }
    .ty-btn_blue_outline:hover {
      box-shadow: 0 14px 16px -12px rgba(0, 188, 212, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); }
    .ty-btn_blue_outline:active {
      background-color: #fff;
      box-shadow: 0 14px 16px -12px rgba(0, 188, 212, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2), inset 0 3px 8px rgba(0, 188, 212, 0.2); }
  .ty-btn_blue_link {
    color: #00bcd4;
    border: none;
    box-shadow: none; }
    .ty-btn_blue_link:hover {
      color: #08e3ff; }
    .ty-btn_blue_link:active {
      color: #0098ab; }
  .ty-btn_blue_disabled {
    opacity: 0.6;
    cursor: not-allowed; }
    .ty-btn_blue_disabled:hover {
      box-shadow: 0 1px 2px 0 rgba(0, 188, 212, 0.14); }
  .ty-btn_green {
    border-color: #48a64c;
    box-shadow: 0 1px 2px 0 rgba(76, 175, 80, 0.14);
    background-color: #4caf50;
    color: #fff; }
    .ty-btn_green:hover {
      box-shadow: 0 14px 16px -12px rgba(76, 175, 80, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); }
    .ty-btn_green:active {
      background-color: #3d8b40; }
  .ty-btn_green_outline {
    border-color: #48a64c;
    box-shadow: 0 1px 2px 0 rgba(76, 175, 80, 0.14);
    background-color: #fff;
    color: #4caf50; }
    .ty-btn_green_outline:hover {
      box-shadow: 0 14px 16px -12px rgba(76, 175, 80, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); }
    .ty-btn_green_outline:active {
      background-color: #fff;
      box-shadow: 0 14px 16px -12px rgba(76, 175, 80, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2), inset 0 3px 8px rgba(76, 175, 80, 0.2); }
  .ty-btn_green_link {
    color: #4caf50;
    border: none;
    box-shadow: none; }
    .ty-btn_green_link:hover {
      color: #6ec071; }
    .ty-btn_green_link:active {
      color: #409343; }
  .ty-btn_green_disabled {
    opacity: 0.6;
    cursor: not-allowed; }
    .ty-btn_green_disabled:hover {
      box-shadow: 0 1px 2px 0 rgba(76, 175, 80, 0.14); }
  .ty-btn_yellow {
    border-color: #f29000;
    box-shadow: 0 1px 2px 0 rgba(255, 152, 0, 0.14);
    background-color: #ff9800;
    color: #fff; }
    .ty-btn_yellow:hover {
      box-shadow: 0 14px 16px -12px rgba(255, 152, 0, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2); }
    .ty-btn_yellow:active {
      background-color: #cc7a00; }
  .ty-btn_yellow_outline {
    border-color: #f29000;
    box-shadow: 0 1px 2px 0 rgba(255, 152, 0, 0.14);
    background-color: #fff;
    color: #ff9800; }
    .ty-btn_yellow_outline:hover {
      box-shadow: 0 14px 16px -12px rgba(255, 152, 0, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2); }
    .ty-btn_yellow_outline:active {
      background-color: #fff;
      box-shadow: 0 14px 16px -12px rgba(255, 152, 0, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2), inset 0 3px 8px rgba(255, 152, 0, 0.2); }
  .ty-btn_yellow_link {
    color: #ff9800;
    border: none;
    box-shadow: none; }
    .ty-btn_yellow_link:hover {
      color: #ffad33; }
    .ty-btn_yellow_link:active {
      color: #d68000; }
  .ty-btn_yellow_disabled {
    opacity: 0.6;
    cursor: not-allowed; }
    .ty-btn_yellow_disabled:hover {
      box-shadow: 0 1px 2px 0 rgba(255, 152, 0, 0.14); }
  .ty-btn_red {
    border-color: #f3382a;
    box-shadow: 0 1px 2px 0 rgba(244, 67, 54, 0.14);
    background-color: #f44336;
    color: #fff; }
    .ty-btn_red:hover {
      box-shadow: 0 14px 16px -12px rgba(244, 67, 54, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); }
    .ty-btn_red:active {
      background-color: #ea1c0d; }
  .ty-btn_red_outline {
    border-color: #f3382a;
    box-shadow: 0 1px 2px 0 rgba(244, 67, 54, 0.14);
    background-color: #fff;
    color: #f44336; }
    .ty-btn_red_outline:hover {
      box-shadow: 0 14px 16px -12px rgba(244, 67, 54, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); }
    .ty-btn_red_outline:active {
      background-color: #fff;
      box-shadow: 0 14px 16px -12px rgba(244, 67, 54, 0.42), 0 4px 13px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2), inset 0 3px 8px rgba(244, 67, 54, 0.2); }
  .ty-btn_red_link {
    color: #f44336;
    border: none;
    box-shadow: none; }
    .ty-btn_red_link:hover {
      color: #f77066; }
    .ty-btn_red_link:active {
      color: #f21f0f; }
  .ty-btn_red_disabled {
    opacity: 0.6;
    cursor: not-allowed; }
    .ty-btn_red_disabled:hover {
      box-shadow: 0 1px 2px 0 rgba(244, 67, 54, 0.14); }
  .ty-btn_lg {
    font-size: 17px;
    padding: 12px 28px; }
    .ty-btn_lg .ty-btn__loader {
      height: 15px;
      width: 15px; }
  .ty-btn_md {
    font-size: 14px;
    padding: 8px 15px; }
    .ty-btn_md .ty-btn__loader {
      height: 13px;
      width: 13px; }
  .ty-btn_sm {
    font-size: 12px;
    padding: 5px 10px; }
    .ty-btn_sm .ty-btn__loader {
      height: 11px;
      width: 11px; }
  .ty-btn_xs {
    font-size: 10px;
    padding: 2px 6px; }
    .ty-btn_xs .ty-btn__loader {
      height: 9px;
      width: 9px; }
  .ty-btn_block {
    width: 100%; }
  .ty-btn_round {
    border-radius: 30px; }
  .ty-btn_dash {
    border-width: 1px;
    border-style: dashed; }
  .ty-btn-group {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px; }
    .ty-btn-group .ty-btn + .ty-btn {
      margin-left: -1px; }
    .ty-btn-group .ty-btn {
      border-radius: 0;
      float: left;
      margin: 0; }
      .ty-btn-group .ty-btn:hover {
        z-index: 1; }
      .ty-btn-group .ty-btn:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px; }
      .ty-btn-group .ty-btn:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px; }
    .ty-btn-group_round .ty-btn:first-child {
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px; }
    .ty-btn-group_round .ty-btn:last-child {
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px; }

.ty-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.75); }
  .ty-checkbox:hover .ty-checkbox__inner {
    border-color: #6E41BF; }
  .ty-checkbox__native {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    margin: 0;
    padding: 0; }
  .ty-checkbox__inner {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    transition: 200ms; }
    .ty-checkbox__inner:before {
      content: '';
      position: absolute;
      display: block;
      border: 1px solid #fff;
      margin-top: -1px;
      left: 3px;
      right: 3px;
      top: 50%;
      transition: all 200ms;
      -webkit-transform: scale(0);
              transform: scale(0); }
    .ty-checkbox__inner:after {
      content: '';
      display: inline-block;
      border: 2px solid #fff;
      border-left: 0;
      border-top: 0;
      width: 4px;
      height: 8px;
      top: 1px;
      left: 4px;
      position: absolute;
      -webkit-transform: rotate(45deg) scale(0);
              transform: rotate(45deg) scale(0);
      transition: all 200ms;
      -webkit-transform-origin: center;
              transform-origin: center; }
    .ty-checkbox__inner + span {
      padding: 0 5px;
      line-height: 16px; }
  .ty-checkbox_checked .ty-checkbox__inner {
    background-color: #6E41BF;
    border-color: #6E41BF; }
    .ty-checkbox_checked .ty-checkbox__inner:after {
      -webkit-transform: rotate(45deg) scale(1);
              transform: rotate(45deg) scale(1); }
    .ty-checkbox_checked .ty-checkbox__inner:before {
      -webkit-transform: scale(0);
              transform: scale(0); }
  .ty-checkbox_indeterminate .ty-checkbox__inner {
    background-color: #6E41BF;
    border-color: #6E41BF; }
    .ty-checkbox_indeterminate .ty-checkbox__inner:before {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .ty-checkbox_indeterminate .ty-checkbox__inner:after {
      -webkit-transform: rotate(45deg) scale(0);
              transform: rotate(45deg) scale(0); }
  .ty-checkbox_disabled .ty-checkbox__native {
    cursor: not-allowed; }
  .ty-checkbox_disabled .ty-checkbox__inner {
    background-color: #f5f5f5;
    border-color: #d9d9d9 !important; }
    .ty-checkbox_disabled .ty-checkbox__inner:after {
      border-color: rgba(0, 0, 0, 0.25); }
    .ty-checkbox_disabled .ty-checkbox__inner + span {
      color: rgba(0, 0, 0, 0.25); }

.ty-col {
  box-sizing: border-box;
  display: block; }
  .ty-col-1 {
    width: 4.16667%; }
  .ty-col-offset-1 {
    margin-left: 4.16667%; }
  .ty-col-order-1 {
    order: 1; }
  .ty-col-2 {
    width: 8.33333%; }
  .ty-col-offset-2 {
    margin-left: 8.33333%; }
  .ty-col-order-2 {
    order: 2; }
  .ty-col-3 {
    width: 12.5%; }
  .ty-col-offset-3 {
    margin-left: 12.5%; }
  .ty-col-order-3 {
    order: 3; }
  .ty-col-4 {
    width: 16.66667%; }
  .ty-col-offset-4 {
    margin-left: 16.66667%; }
  .ty-col-order-4 {
    order: 4; }
  .ty-col-5 {
    width: 20.83333%; }
  .ty-col-offset-5 {
    margin-left: 20.83333%; }
  .ty-col-order-5 {
    order: 5; }
  .ty-col-6 {
    width: 25%; }
  .ty-col-offset-6 {
    margin-left: 25%; }
  .ty-col-order-6 {
    order: 6; }
  .ty-col-7 {
    width: 29.16667%; }
  .ty-col-offset-7 {
    margin-left: 29.16667%; }
  .ty-col-order-7 {
    order: 7; }
  .ty-col-8 {
    width: 33.33333%; }
  .ty-col-offset-8 {
    margin-left: 33.33333%; }
  .ty-col-order-8 {
    order: 8; }
  .ty-col-9 {
    width: 37.5%; }
  .ty-col-offset-9 {
    margin-left: 37.5%; }
  .ty-col-order-9 {
    order: 9; }
  .ty-col-10 {
    width: 41.66667%; }
  .ty-col-offset-10 {
    margin-left: 41.66667%; }
  .ty-col-order-10 {
    order: 10; }
  .ty-col-11 {
    width: 45.83333%; }
  .ty-col-offset-11 {
    margin-left: 45.83333%; }
  .ty-col-order-11 {
    order: 11; }
  .ty-col-12 {
    width: 50%; }
  .ty-col-offset-12 {
    margin-left: 50%; }
  .ty-col-order-12 {
    order: 12; }
  .ty-col-13 {
    width: 54.16667%; }
  .ty-col-offset-13 {
    margin-left: 54.16667%; }
  .ty-col-order-13 {
    order: 13; }
  .ty-col-14 {
    width: 58.33333%; }
  .ty-col-offset-14 {
    margin-left: 58.33333%; }
  .ty-col-order-14 {
    order: 14; }
  .ty-col-15 {
    width: 62.5%; }
  .ty-col-offset-15 {
    margin-left: 62.5%; }
  .ty-col-order-15 {
    order: 15; }
  .ty-col-16 {
    width: 66.66667%; }
  .ty-col-offset-16 {
    margin-left: 66.66667%; }
  .ty-col-order-16 {
    order: 16; }
  .ty-col-17 {
    width: 70.83333%; }
  .ty-col-offset-17 {
    margin-left: 70.83333%; }
  .ty-col-order-17 {
    order: 17; }
  .ty-col-18 {
    width: 75%; }
  .ty-col-offset-18 {
    margin-left: 75%; }
  .ty-col-order-18 {
    order: 18; }
  .ty-col-19 {
    width: 79.16667%; }
  .ty-col-offset-19 {
    margin-left: 79.16667%; }
  .ty-col-order-19 {
    order: 19; }
  .ty-col-20 {
    width: 83.33333%; }
  .ty-col-offset-20 {
    margin-left: 83.33333%; }
  .ty-col-order-20 {
    order: 20; }
  .ty-col-21 {
    width: 87.5%; }
  .ty-col-offset-21 {
    margin-left: 87.5%; }
  .ty-col-order-21 {
    order: 21; }
  .ty-col-22 {
    width: 91.66667%; }
  .ty-col-offset-22 {
    margin-left: 91.66667%; }
  .ty-col-order-22 {
    order: 22; }
  .ty-col-23 {
    width: 95.83333%; }
  .ty-col-offset-23 {
    margin-left: 95.83333%; }
  .ty-col-order-23 {
    order: 23; }
  .ty-col-24 {
    width: 100%; }
  .ty-col-offset-24 {
    margin-left: 100%; }
  .ty-col-order-24 {
    order: 24; }
  @media screen and (max-width: 600px) {
    .ty-col-sm-1 {
      width: 4.16667%; }
    .ty-col-sm-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-sm-order-1 {
      order: 1; }
    .ty-col-sm-2 {
      width: 8.33333%; }
    .ty-col-sm-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-sm-order-2 {
      order: 2; }
    .ty-col-sm-3 {
      width: 12.5%; }
    .ty-col-sm-offset-3 {
      margin-left: 12.5%; }
    .ty-col-sm-order-3 {
      order: 3; }
    .ty-col-sm-4 {
      width: 16.66667%; }
    .ty-col-sm-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-sm-order-4 {
      order: 4; }
    .ty-col-sm-5 {
      width: 20.83333%; }
    .ty-col-sm-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-sm-order-5 {
      order: 5; }
    .ty-col-sm-6 {
      width: 25%; }
    .ty-col-sm-offset-6 {
      margin-left: 25%; }
    .ty-col-sm-order-6 {
      order: 6; }
    .ty-col-sm-7 {
      width: 29.16667%; }
    .ty-col-sm-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-sm-order-7 {
      order: 7; }
    .ty-col-sm-8 {
      width: 33.33333%; }
    .ty-col-sm-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-sm-order-8 {
      order: 8; }
    .ty-col-sm-9 {
      width: 37.5%; }
    .ty-col-sm-offset-9 {
      margin-left: 37.5%; }
    .ty-col-sm-order-9 {
      order: 9; }
    .ty-col-sm-10 {
      width: 41.66667%; }
    .ty-col-sm-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-sm-order-10 {
      order: 10; }
    .ty-col-sm-11 {
      width: 45.83333%; }
    .ty-col-sm-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-sm-order-11 {
      order: 11; }
    .ty-col-sm-12 {
      width: 50%; }
    .ty-col-sm-offset-12 {
      margin-left: 50%; }
    .ty-col-sm-order-12 {
      order: 12; }
    .ty-col-sm-13 {
      width: 54.16667%; }
    .ty-col-sm-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-sm-order-13 {
      order: 13; }
    .ty-col-sm-14 {
      width: 58.33333%; }
    .ty-col-sm-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-sm-order-14 {
      order: 14; }
    .ty-col-sm-15 {
      width: 62.5%; }
    .ty-col-sm-offset-15 {
      margin-left: 62.5%; }
    .ty-col-sm-order-15 {
      order: 15; }
    .ty-col-sm-16 {
      width: 66.66667%; }
    .ty-col-sm-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-sm-order-16 {
      order: 16; }
    .ty-col-sm-17 {
      width: 70.83333%; }
    .ty-col-sm-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-sm-order-17 {
      order: 17; }
    .ty-col-sm-18 {
      width: 75%; }
    .ty-col-sm-offset-18 {
      margin-left: 75%; }
    .ty-col-sm-order-18 {
      order: 18; }
    .ty-col-sm-19 {
      width: 79.16667%; }
    .ty-col-sm-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-sm-order-19 {
      order: 19; }
    .ty-col-sm-20 {
      width: 83.33333%; }
    .ty-col-sm-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-sm-order-20 {
      order: 20; }
    .ty-col-sm-21 {
      width: 87.5%; }
    .ty-col-sm-offset-21 {
      margin-left: 87.5%; }
    .ty-col-sm-order-21 {
      order: 21; }
    .ty-col-sm-22 {
      width: 91.66667%; }
    .ty-col-sm-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-sm-order-22 {
      order: 22; }
    .ty-col-sm-23 {
      width: 95.83333%; }
    .ty-col-sm-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-sm-order-23 {
      order: 23; }
    .ty-col-sm-24 {
      width: 100%; }
    .ty-col-sm-offset-24 {
      margin-left: 100%; }
    .ty-col-sm-order-24 {
      order: 24; } }
  @media screen and (max-width: 600px) {
    .ty-col-sm-1 {
      width: 4.16667%; }
    .ty-col-sm-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-sm-order-1 {
      order: 1; }
    .ty-col-sm-2 {
      width: 8.33333%; }
    .ty-col-sm-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-sm-order-2 {
      order: 2; }
    .ty-col-sm-3 {
      width: 12.5%; }
    .ty-col-sm-offset-3 {
      margin-left: 12.5%; }
    .ty-col-sm-order-3 {
      order: 3; }
    .ty-col-sm-4 {
      width: 16.66667%; }
    .ty-col-sm-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-sm-order-4 {
      order: 4; }
    .ty-col-sm-5 {
      width: 20.83333%; }
    .ty-col-sm-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-sm-order-5 {
      order: 5; }
    .ty-col-sm-6 {
      width: 25%; }
    .ty-col-sm-offset-6 {
      margin-left: 25%; }
    .ty-col-sm-order-6 {
      order: 6; }
    .ty-col-sm-7 {
      width: 29.16667%; }
    .ty-col-sm-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-sm-order-7 {
      order: 7; }
    .ty-col-sm-8 {
      width: 33.33333%; }
    .ty-col-sm-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-sm-order-8 {
      order: 8; }
    .ty-col-sm-9 {
      width: 37.5%; }
    .ty-col-sm-offset-9 {
      margin-left: 37.5%; }
    .ty-col-sm-order-9 {
      order: 9; }
    .ty-col-sm-10 {
      width: 41.66667%; }
    .ty-col-sm-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-sm-order-10 {
      order: 10; }
    .ty-col-sm-11 {
      width: 45.83333%; }
    .ty-col-sm-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-sm-order-11 {
      order: 11; }
    .ty-col-sm-12 {
      width: 50%; }
    .ty-col-sm-offset-12 {
      margin-left: 50%; }
    .ty-col-sm-order-12 {
      order: 12; }
    .ty-col-sm-13 {
      width: 54.16667%; }
    .ty-col-sm-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-sm-order-13 {
      order: 13; }
    .ty-col-sm-14 {
      width: 58.33333%; }
    .ty-col-sm-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-sm-order-14 {
      order: 14; }
    .ty-col-sm-15 {
      width: 62.5%; }
    .ty-col-sm-offset-15 {
      margin-left: 62.5%; }
    .ty-col-sm-order-15 {
      order: 15; }
    .ty-col-sm-16 {
      width: 66.66667%; }
    .ty-col-sm-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-sm-order-16 {
      order: 16; }
    .ty-col-sm-17 {
      width: 70.83333%; }
    .ty-col-sm-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-sm-order-17 {
      order: 17; }
    .ty-col-sm-18 {
      width: 75%; }
    .ty-col-sm-offset-18 {
      margin-left: 75%; }
    .ty-col-sm-order-18 {
      order: 18; }
    .ty-col-sm-19 {
      width: 79.16667%; }
    .ty-col-sm-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-sm-order-19 {
      order: 19; }
    .ty-col-sm-20 {
      width: 83.33333%; }
    .ty-col-sm-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-sm-order-20 {
      order: 20; }
    .ty-col-sm-21 {
      width: 87.5%; }
    .ty-col-sm-offset-21 {
      margin-left: 87.5%; }
    .ty-col-sm-order-21 {
      order: 21; }
    .ty-col-sm-22 {
      width: 91.66667%; }
    .ty-col-sm-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-sm-order-22 {
      order: 22; }
    .ty-col-sm-23 {
      width: 95.83333%; }
    .ty-col-sm-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-sm-order-23 {
      order: 23; }
    .ty-col-sm-24 {
      width: 100%; }
    .ty-col-sm-offset-24 {
      margin-left: 100%; }
    .ty-col-sm-order-24 {
      order: 24; } }
  @media screen and (max-width: 840px) {
    .ty-col-md-1 {
      width: 4.16667%; }
    .ty-col-md-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-md-order-1 {
      order: 1; }
    .ty-col-md-2 {
      width: 8.33333%; }
    .ty-col-md-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-md-order-2 {
      order: 2; }
    .ty-col-md-3 {
      width: 12.5%; }
    .ty-col-md-offset-3 {
      margin-left: 12.5%; }
    .ty-col-md-order-3 {
      order: 3; }
    .ty-col-md-4 {
      width: 16.66667%; }
    .ty-col-md-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-md-order-4 {
      order: 4; }
    .ty-col-md-5 {
      width: 20.83333%; }
    .ty-col-md-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-md-order-5 {
      order: 5; }
    .ty-col-md-6 {
      width: 25%; }
    .ty-col-md-offset-6 {
      margin-left: 25%; }
    .ty-col-md-order-6 {
      order: 6; }
    .ty-col-md-7 {
      width: 29.16667%; }
    .ty-col-md-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-md-order-7 {
      order: 7; }
    .ty-col-md-8 {
      width: 33.33333%; }
    .ty-col-md-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-md-order-8 {
      order: 8; }
    .ty-col-md-9 {
      width: 37.5%; }
    .ty-col-md-offset-9 {
      margin-left: 37.5%; }
    .ty-col-md-order-9 {
      order: 9; }
    .ty-col-md-10 {
      width: 41.66667%; }
    .ty-col-md-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-md-order-10 {
      order: 10; }
    .ty-col-md-11 {
      width: 45.83333%; }
    .ty-col-md-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-md-order-11 {
      order: 11; }
    .ty-col-md-12 {
      width: 50%; }
    .ty-col-md-offset-12 {
      margin-left: 50%; }
    .ty-col-md-order-12 {
      order: 12; }
    .ty-col-md-13 {
      width: 54.16667%; }
    .ty-col-md-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-md-order-13 {
      order: 13; }
    .ty-col-md-14 {
      width: 58.33333%; }
    .ty-col-md-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-md-order-14 {
      order: 14; }
    .ty-col-md-15 {
      width: 62.5%; }
    .ty-col-md-offset-15 {
      margin-left: 62.5%; }
    .ty-col-md-order-15 {
      order: 15; }
    .ty-col-md-16 {
      width: 66.66667%; }
    .ty-col-md-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-md-order-16 {
      order: 16; }
    .ty-col-md-17 {
      width: 70.83333%; }
    .ty-col-md-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-md-order-17 {
      order: 17; }
    .ty-col-md-18 {
      width: 75%; }
    .ty-col-md-offset-18 {
      margin-left: 75%; }
    .ty-col-md-order-18 {
      order: 18; }
    .ty-col-md-19 {
      width: 79.16667%; }
    .ty-col-md-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-md-order-19 {
      order: 19; }
    .ty-col-md-20 {
      width: 83.33333%; }
    .ty-col-md-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-md-order-20 {
      order: 20; }
    .ty-col-md-21 {
      width: 87.5%; }
    .ty-col-md-offset-21 {
      margin-left: 87.5%; }
    .ty-col-md-order-21 {
      order: 21; }
    .ty-col-md-22 {
      width: 91.66667%; }
    .ty-col-md-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-md-order-22 {
      order: 22; }
    .ty-col-md-23 {
      width: 95.83333%; }
    .ty-col-md-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-md-order-23 {
      order: 23; }
    .ty-col-md-24 {
      width: 100%; }
    .ty-col-md-offset-24 {
      margin-left: 100%; }
    .ty-col-md-order-24 {
      order: 24; } }
  @media screen and (max-width: 960px) {
    .ty-col-lg-1 {
      width: 4.16667%; }
    .ty-col-lg-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-lg-order-1 {
      order: 1; }
    .ty-col-lg-2 {
      width: 8.33333%; }
    .ty-col-lg-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-lg-order-2 {
      order: 2; }
    .ty-col-lg-3 {
      width: 12.5%; }
    .ty-col-lg-offset-3 {
      margin-left: 12.5%; }
    .ty-col-lg-order-3 {
      order: 3; }
    .ty-col-lg-4 {
      width: 16.66667%; }
    .ty-col-lg-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-lg-order-4 {
      order: 4; }
    .ty-col-lg-5 {
      width: 20.83333%; }
    .ty-col-lg-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-lg-order-5 {
      order: 5; }
    .ty-col-lg-6 {
      width: 25%; }
    .ty-col-lg-offset-6 {
      margin-left: 25%; }
    .ty-col-lg-order-6 {
      order: 6; }
    .ty-col-lg-7 {
      width: 29.16667%; }
    .ty-col-lg-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-lg-order-7 {
      order: 7; }
    .ty-col-lg-8 {
      width: 33.33333%; }
    .ty-col-lg-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-lg-order-8 {
      order: 8; }
    .ty-col-lg-9 {
      width: 37.5%; }
    .ty-col-lg-offset-9 {
      margin-left: 37.5%; }
    .ty-col-lg-order-9 {
      order: 9; }
    .ty-col-lg-10 {
      width: 41.66667%; }
    .ty-col-lg-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-lg-order-10 {
      order: 10; }
    .ty-col-lg-11 {
      width: 45.83333%; }
    .ty-col-lg-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-lg-order-11 {
      order: 11; }
    .ty-col-lg-12 {
      width: 50%; }
    .ty-col-lg-offset-12 {
      margin-left: 50%; }
    .ty-col-lg-order-12 {
      order: 12; }
    .ty-col-lg-13 {
      width: 54.16667%; }
    .ty-col-lg-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-lg-order-13 {
      order: 13; }
    .ty-col-lg-14 {
      width: 58.33333%; }
    .ty-col-lg-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-lg-order-14 {
      order: 14; }
    .ty-col-lg-15 {
      width: 62.5%; }
    .ty-col-lg-offset-15 {
      margin-left: 62.5%; }
    .ty-col-lg-order-15 {
      order: 15; }
    .ty-col-lg-16 {
      width: 66.66667%; }
    .ty-col-lg-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-lg-order-16 {
      order: 16; }
    .ty-col-lg-17 {
      width: 70.83333%; }
    .ty-col-lg-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-lg-order-17 {
      order: 17; }
    .ty-col-lg-18 {
      width: 75%; }
    .ty-col-lg-offset-18 {
      margin-left: 75%; }
    .ty-col-lg-order-18 {
      order: 18; }
    .ty-col-lg-19 {
      width: 79.16667%; }
    .ty-col-lg-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-lg-order-19 {
      order: 19; }
    .ty-col-lg-20 {
      width: 83.33333%; }
    .ty-col-lg-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-lg-order-20 {
      order: 20; }
    .ty-col-lg-21 {
      width: 87.5%; }
    .ty-col-lg-offset-21 {
      margin-left: 87.5%; }
    .ty-col-lg-order-21 {
      order: 21; }
    .ty-col-lg-22 {
      width: 91.66667%; }
    .ty-col-lg-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-lg-order-22 {
      order: 22; }
    .ty-col-lg-23 {
      width: 95.83333%; }
    .ty-col-lg-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-lg-order-23 {
      order: 23; }
    .ty-col-lg-24 {
      width: 100%; }
    .ty-col-lg-offset-24 {
      margin-left: 100%; }
    .ty-col-lg-order-24 {
      order: 24; } }
  @media screen and (max-width: 1280px) {
    .ty-col-xl-1 {
      width: 4.16667%; }
    .ty-col-xl-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-xl-order-1 {
      order: 1; }
    .ty-col-xl-2 {
      width: 8.33333%; }
    .ty-col-xl-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-xl-order-2 {
      order: 2; }
    .ty-col-xl-3 {
      width: 12.5%; }
    .ty-col-xl-offset-3 {
      margin-left: 12.5%; }
    .ty-col-xl-order-3 {
      order: 3; }
    .ty-col-xl-4 {
      width: 16.66667%; }
    .ty-col-xl-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-xl-order-4 {
      order: 4; }
    .ty-col-xl-5 {
      width: 20.83333%; }
    .ty-col-xl-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-xl-order-5 {
      order: 5; }
    .ty-col-xl-6 {
      width: 25%; }
    .ty-col-xl-offset-6 {
      margin-left: 25%; }
    .ty-col-xl-order-6 {
      order: 6; }
    .ty-col-xl-7 {
      width: 29.16667%; }
    .ty-col-xl-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-xl-order-7 {
      order: 7; }
    .ty-col-xl-8 {
      width: 33.33333%; }
    .ty-col-xl-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-xl-order-8 {
      order: 8; }
    .ty-col-xl-9 {
      width: 37.5%; }
    .ty-col-xl-offset-9 {
      margin-left: 37.5%; }
    .ty-col-xl-order-9 {
      order: 9; }
    .ty-col-xl-10 {
      width: 41.66667%; }
    .ty-col-xl-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-xl-order-10 {
      order: 10; }
    .ty-col-xl-11 {
      width: 45.83333%; }
    .ty-col-xl-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-xl-order-11 {
      order: 11; }
    .ty-col-xl-12 {
      width: 50%; }
    .ty-col-xl-offset-12 {
      margin-left: 50%; }
    .ty-col-xl-order-12 {
      order: 12; }
    .ty-col-xl-13 {
      width: 54.16667%; }
    .ty-col-xl-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-xl-order-13 {
      order: 13; }
    .ty-col-xl-14 {
      width: 58.33333%; }
    .ty-col-xl-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-xl-order-14 {
      order: 14; }
    .ty-col-xl-15 {
      width: 62.5%; }
    .ty-col-xl-offset-15 {
      margin-left: 62.5%; }
    .ty-col-xl-order-15 {
      order: 15; }
    .ty-col-xl-16 {
      width: 66.66667%; }
    .ty-col-xl-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-xl-order-16 {
      order: 16; }
    .ty-col-xl-17 {
      width: 70.83333%; }
    .ty-col-xl-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-xl-order-17 {
      order: 17; }
    .ty-col-xl-18 {
      width: 75%; }
    .ty-col-xl-offset-18 {
      margin-left: 75%; }
    .ty-col-xl-order-18 {
      order: 18; }
    .ty-col-xl-19 {
      width: 79.16667%; }
    .ty-col-xl-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-xl-order-19 {
      order: 19; }
    .ty-col-xl-20 {
      width: 83.33333%; }
    .ty-col-xl-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-xl-order-20 {
      order: 20; }
    .ty-col-xl-21 {
      width: 87.5%; }
    .ty-col-xl-offset-21 {
      margin-left: 87.5%; }
    .ty-col-xl-order-21 {
      order: 21; }
    .ty-col-xl-22 {
      width: 91.66667%; }
    .ty-col-xl-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-xl-order-22 {
      order: 22; }
    .ty-col-xl-23 {
      width: 95.83333%; }
    .ty-col-xl-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-xl-order-23 {
      order: 23; }
    .ty-col-xl-24 {
      width: 100%; }
    .ty-col-xl-offset-24 {
      margin-left: 100%; }
    .ty-col-xl-order-24 {
      order: 24; } }
  @media screen and (max-width: 1440px) {
    .ty-col-xxl-1 {
      width: 4.16667%; }
    .ty-col-xxl-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-xxl-order-1 {
      order: 1; }
    .ty-col-xxl-2 {
      width: 8.33333%; }
    .ty-col-xxl-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-xxl-order-2 {
      order: 2; }
    .ty-col-xxl-3 {
      width: 12.5%; }
    .ty-col-xxl-offset-3 {
      margin-left: 12.5%; }
    .ty-col-xxl-order-3 {
      order: 3; }
    .ty-col-xxl-4 {
      width: 16.66667%; }
    .ty-col-xxl-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-xxl-order-4 {
      order: 4; }
    .ty-col-xxl-5 {
      width: 20.83333%; }
    .ty-col-xxl-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-xxl-order-5 {
      order: 5; }
    .ty-col-xxl-6 {
      width: 25%; }
    .ty-col-xxl-offset-6 {
      margin-left: 25%; }
    .ty-col-xxl-order-6 {
      order: 6; }
    .ty-col-xxl-7 {
      width: 29.16667%; }
    .ty-col-xxl-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-xxl-order-7 {
      order: 7; }
    .ty-col-xxl-8 {
      width: 33.33333%; }
    .ty-col-xxl-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-xxl-order-8 {
      order: 8; }
    .ty-col-xxl-9 {
      width: 37.5%; }
    .ty-col-xxl-offset-9 {
      margin-left: 37.5%; }
    .ty-col-xxl-order-9 {
      order: 9; }
    .ty-col-xxl-10 {
      width: 41.66667%; }
    .ty-col-xxl-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-xxl-order-10 {
      order: 10; }
    .ty-col-xxl-11 {
      width: 45.83333%; }
    .ty-col-xxl-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-xxl-order-11 {
      order: 11; }
    .ty-col-xxl-12 {
      width: 50%; }
    .ty-col-xxl-offset-12 {
      margin-left: 50%; }
    .ty-col-xxl-order-12 {
      order: 12; }
    .ty-col-xxl-13 {
      width: 54.16667%; }
    .ty-col-xxl-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-xxl-order-13 {
      order: 13; }
    .ty-col-xxl-14 {
      width: 58.33333%; }
    .ty-col-xxl-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-xxl-order-14 {
      order: 14; }
    .ty-col-xxl-15 {
      width: 62.5%; }
    .ty-col-xxl-offset-15 {
      margin-left: 62.5%; }
    .ty-col-xxl-order-15 {
      order: 15; }
    .ty-col-xxl-16 {
      width: 66.66667%; }
    .ty-col-xxl-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-xxl-order-16 {
      order: 16; }
    .ty-col-xxl-17 {
      width: 70.83333%; }
    .ty-col-xxl-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-xxl-order-17 {
      order: 17; }
    .ty-col-xxl-18 {
      width: 75%; }
    .ty-col-xxl-offset-18 {
      margin-left: 75%; }
    .ty-col-xxl-order-18 {
      order: 18; }
    .ty-col-xxl-19 {
      width: 79.16667%; }
    .ty-col-xxl-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-xxl-order-19 {
      order: 19; }
    .ty-col-xxl-20 {
      width: 83.33333%; }
    .ty-col-xxl-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-xxl-order-20 {
      order: 20; }
    .ty-col-xxl-21 {
      width: 87.5%; }
    .ty-col-xxl-offset-21 {
      margin-left: 87.5%; }
    .ty-col-xxl-order-21 {
      order: 21; }
    .ty-col-xxl-22 {
      width: 91.66667%; }
    .ty-col-xxl-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-xxl-order-22 {
      order: 22; }
    .ty-col-xxl-23 {
      width: 95.83333%; }
    .ty-col-xxl-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-xxl-order-23 {
      order: 23; }
    .ty-col-xxl-24 {
      width: 100%; }
    .ty-col-xxl-offset-24 {
      margin-left: 100%; }
    .ty-col-xxl-order-24 {
      order: 24; } }

.ty-collapse {
  box-sizing: border-box;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  background-color: #fafafa; }
  .ty-collapse-item {
    box-sizing: border-box;
    border-bottom: 1px solid #d9d9d9; }
    .ty-collapse-item:last-child {
      border-radius: 0 0 4px 4px; }
      .ty-collapse-item:last-child .ty-collapse-item__content {
        border-radius: 0 0 4px 4px; }
    .ty-collapse-item__header {
      display: flex;
      align-items: center;
      box-sizing: border-box;
      position: relative;
      padding: 12px 16px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 22px;
      cursor: pointer;
      transition: all 300ms; }
      .ty-collapse-item__header:hover {
        background-color: #efefef; }
      .ty-collapse-item__header_disabled {
        color: rgba(0, 0, 0, 0.25);
        cursor: not-allowed; }
    .ty-collapse-item__arrow {
      margin-right: 15px;
      -webkit-transform: rotate(0);
              transform: rotate(0);
      text-align: center;
      font-size: 12px;
      color: inherit;
      transition: all 300ms; }
      .ty-collapse-item__arrow_active {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
    .ty-collapse-item__title {
      flex: 1; }
    .ty-collapse-item__extra {
      color: inherit;
      font-size: 11px;
      margin-left: 15px; }
    .ty-collapse-item__content {
      overflow: hidden;
      color: rgba(0, 0, 0, 0.65);
      background-color: #fff;
      border-top: 1px solid #d9d9d9;
      padding: 0 16px;
      box-sizing: border-box;
      transition: height 300ms; }
      .ty-collapse-item__content:before, .ty-collapse-item__content:after {
        content: '';
        height: 16px;
        display: block; }
      .ty-collapse-item__content_collapse-exit-done {
        border-top: 0; }
  .ty-collapse_borderless {
    border: 0;
    background-color: #fff; }
  .ty-collapse_borderless > .ty-collapse-item:last-child {
    border-radius: 0; }
  .ty-collapse_borderless > .ty-collapse-item > .ty-collapse-item__content {
    border-radius: 0;
    border-top: 0;
    padding-top: 4px; }

.ty-container {
  position: fixed; }
  .ty-container_top-center {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .ty-container_top-left {
    top: 0;
    left: 0; }
  .ty-container_top-right {
    top: 0;
    right: 0; }
  .ty-container_bottom-center {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .ty-container_bottom-left {
    bottom: 0;
    left: 0; }
  .ty-container_bottom-right {
    bottom: 0;
    right: 0; }

.ty-date-picker {
  display: inline-block;
  width: 280px;
  box-sizing: border-box;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px; }

.ty-date-picker-header {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #eee; }
  .ty-date-picker-header__caption {
    flex: 1;
    display: flex;
    justify-content: center;
    box-sizing: border-box; }
  .ty-date-picker-header__month, .ty-date-picker-header__year {
    margin: 0 3px;
    font-weight: 500; }
  .ty-date-picker-header__prev-month, .ty-date-picker-header__next-month {
    margin: 0 6px; }
  .ty-date-picker-header__prev-year, .ty-date-picker-header__prev-month, .ty-date-picker-header__next-month, .ty-date-picker-header__next-year {
    color: rgba(0, 0, 0, 0.45);
    font-size: 16px; }
  .ty-date-picker-header__prev-year, .ty-date-picker-header__prev-month, .ty-date-picker-header__next-month, .ty-date-picker-header__next-year, .ty-date-picker-header__month, .ty-date-picker-header__year {
    box-sizing: border-box;
    cursor: pointer; }
    .ty-date-picker-header__prev-year:hover, .ty-date-picker-header__prev-month:hover, .ty-date-picker-header__next-month:hover, .ty-date-picker-header__next-year:hover, .ty-date-picker-header__month:hover, .ty-date-picker-header__year:hover {
      color: #6E41BF; }

.ty-date-picker-day {
  padding: 15px 10px; }
  .ty-date-picker-day__table {
    width: 100%; }
  .ty-date-picker-day__head-item {
    box-sizing: border-box;
    font-weight: 400; }
  .ty-date-picker-day__data-item {
    box-sizing: border-box;
    text-align: center; }
  .ty-date-picker-day__day-cell, .ty-date-picker-day__week-cell {
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin: 0 auto;
    line-height: 22px;
    width: 24px;
    height: 24px; }
  .ty-date-picker-day__week-cell {
    color: rgba(0, 0, 0, 0.65); }
  .ty-date-picker-day__day-cell {
    color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: all 300ms;
    border-radius: 100%;
    border: 1px solid transparent; }
    .ty-date-picker-day__day-cell_active {
      color: rgba(0, 0, 0, 0.8); }
    .ty-date-picker-day__day-cell_today {
      border-color: #6E41BF;
      color: #6E41BF;
      font-weight: 500; }
    .ty-date-picker-day__day-cell_selected {
      background-color: #6E41BF;
      color: #fff; }

.ty-divider {
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  box-sizing: border-box;
  padding: 0;
  list-style: none; }
  .ty-divider_vertical {
    margin: 0 8px;
    display: inline-block;
    height: 0.9em;
    width: 1px;
    vertical-align: middle;
    position: relative;
    top: -0.1em;
    background: #e4e4e4; }
    .ty-divider_vertical-dashed {
      background: none;
      border-left: 1px dashed #e4e4e4; }
  .ty-divider_horizontal {
    display: block;
    height: 1px;
    width: 100%;
    margin: 16px 0;
    background: #e4e4e4; }
    .ty-divider_horizontal-dashed:not(.ty-divider_text) {
      background: none;
      border-top: 1px dashed #e4e4e4; }
  .ty-divider_text {
    display: table;
    white-space: nowrap;
    text-align: center;
    background: transparent;
    font-weight: 500;
    color: #333; }
    .ty-divider_text:before, .ty-divider_text:after {
      content: '';
      display: table-cell;
      position: relative;
      top: 50%;
      width: 50%;
      border-top: 1px solid #e4e4e4;
      -webkit-transform: translateY(50%);
              transform: translateY(50%); }
  .ty-divider_left:before, .ty-divider_right:after {
    width: 5%; }
  .ty-divider_left:after, .ty-divider_right:before {
    width: 95%; }
  .ty-divider_inner-text {
    display: inline-block;
    padding: 0 10px; }
  .ty-divider_dashed:before, .ty-divider_dashed:after {
    border-top-style: dashed; }

.ty-flip {
  display: inline-block;
  background-color: transparent;
  box-sizing: border-box;
  -webkit-perspective: 1000px;
          perspective: 1000px; }
  .ty-flip:hover .ty-flip__inner_hor {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg); }
  .ty-flip:hover .ty-flip__inner_hor_reverse {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .ty-flip:hover .ty-flip__inner_ver {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg); }
  .ty-flip:hover .ty-flip__inner_ver_reverse {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
  .ty-flip__inner {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  .ty-flip__item-front, .ty-flip__item-back {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .ty-flip__item-back_hor {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg); }
  .ty-flip__item-back_hor_reverse {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .ty-flip__item-back_ver {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg); }
  .ty-flip__item-back_ver_reverse {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }

.ty-form-item {
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif; }
  .ty-form-item__label {
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    text-align: right;
    vertical-align: top; }
  .ty-form-item__controls {
    box-sizing: border-box;
    display: inline-block;
    margin-left: 10px; }
  .ty-form-item__addon {
    margin: 7px 0; }
  .ty-form-item__error {
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #f30;
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    transition: all 250ms; }
    .ty-form-item__error_slide-enter {
      opacity: 0;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); }
    .ty-form-item__error_slide-enter-done {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-form-item__error_slide-exit {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-form-item__error_slide-exit-done {
      opacity: 0;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); }
  .ty-form-item__helper {
    font-size: 12px;
    color: #999; }
  .ty-form-item__notice {
    font-size: 12px;
    border-radius: 2px;
    background: #fff7cc;
    color: #333;
    padding: 5px;
    margin-bottom: 3px; }

@font-face {
  font-family: 'tiny';
  src: url("fonts/iconfont.eot");
  src: url("fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("fonts/iconfont.woff") format("woff"), url("fonts/iconfont.ttf") format("truetype"), url("fonts/iconfont.svg#tiny") format("svg");
  font-weight: normal;
  font-style: normal; }

.ty--switch:before {
  content: "\e697"; }

.ty--code:before {
  content: "\e6a5"; }

.ty--face:before {
  content: "\e6a7"; }

.ty--laptop:before {
  content: "\e6f9"; }

.ty--wallet:before {
  content: "\e798"; }

.ty--add-user:before {
  content: "\e7ae"; }

.ty--del-team:before {
  content: "\e7af"; }

.ty--del-user:before {
  content: "\e7b0"; }

.ty--add-team:before {
  content: "\e7b1"; }

.ty--team:before {
  content: "\e7b2"; }

.ty--customer-service:before {
  content: "\e7ca"; }

.ty--link:before {
  content: "\e7e2"; }

.ty--tags:before {
  content: "\e7e5"; }

.ty--share:before {
  content: "\e7e7"; }

.ty--branch:before {
  content: "\e7e8"; }

.ty--fork:before {
  content: "\e7e9"; }

.ty--right:before {
  content: "\e7eb"; }

.ty--left:before {
  content: "\e7ec"; }

.ty--up:before {
  content: "\e7ed"; }

.ty--down:before {
  content: "\e7ee"; }

.ty--arrow-right:before {
  content: "\e7ef"; }

.ty--arrow-up:before {
  content: "\e7f0"; }

.ty--arrow-left:before {
  content: "\e7f1"; }

.ty--arrow-down:before {
  content: "\e7f2"; }

.ty--check-fill:before {
  content: "\e844"; }

.ty--left-fill:before {
  content: "\e845"; }

.ty--down-fill:before {
  content: "\e846"; }

.ty--minus-fill:before {
  content: "\e847"; }

.ty--close-fill:before {
  content: "\e848"; }

.ty--info-fill:before {
  content: "\e849"; }

.ty--up-fill:before {
  content: "\e84a"; }

.ty--right-fill:before {
  content: "\e84b"; }

.ty--plus-fill:before {
  content: "\e84c"; }

.ty--question-fill:before {
  content: "\e84d"; }

.ty--play-fill:before {
  content: "\e84e"; }

.ty--warn-fill:before {
  content: "\e84f"; }

.ty--behance:before {
  content: "\e87a"; }

.ty-medium:before {
  content: "\e87b"; }

.ty--google:before {
  content: "\e87c"; }

.ty--instagram:before {
  content: "\e87f"; }

.ty--dropbox:before {
  content: "\e881"; }

.ty--android:before {
  content: "\e882"; }

.ty--apple:before {
  content: "\e883"; }

.ty--html:before {
  content: "\e884"; }

.ty--twitter:before {
  content: "\e885"; }

.ty--skype:before {
  content: "\e886"; }

.ty--weibo:before {
  content: "\e887"; }

.ty--youtube:before {
  content: "\e888"; }

.ty--wechat:before {
  content: "\e889"; }

.ty--chrome:before {
  content: "\e88a"; }

.ty--github:before {
  content: "\e88b"; }

.ty--facebook:before {
  content: "\e88d"; }

.ty--linkedin:before {
  content: "\e890"; }

.ty--slack:before {
  content: "\e891"; }

.ty--file-zip:before {
  content: "\e601"; }

.ty--manager:before {
  content: "\e602"; }

.ty--lock:before {
  content: "\e603"; }

.ty--low-priority:before {
  content: "\e604"; }

.ty--maintain:before {
  content: "\e607"; }

.ty--library:before {
  content: "\e608"; }

.ty--Left-Arrow:before {
  content: "\e609"; }

.ty--lock1:before {
  content: "\e60a"; }

.ty--Light-At-The-End:before {
  content: "\e60b"; }

.ty--Left-Round:before {
  content: "\e60c"; }

.ty--Leave:before {
  content: "\e60d"; }

.ty--key:before {
  content: "\e60e"; }

.ty--Inspection:before {
  content: "\e60f"; }

.ty--Info:before {
  content: "\e610"; }

.ty--Invite:before {
  content: "\e611"; }

.ty--Internal:before {
  content: "\e612"; }

.ty--delivery:before {
  content: "\e613"; }

.ty--Idea:before {
  content: "\e615"; }

.ty--Image-File:before {
  content: "\e616"; }

.ty--Icons-Cup:before {
  content: "\e617"; }

.ty--Hot-Article:before {
  content: "\e618"; }

.ty--Home:before {
  content: "\e61a"; }

.ty--Hand-Cursor:before {
  content: "\e61b"; }

.ty--Graduation-Cap:before {
  content: "\e61c"; }

.ty--Frame:before {
  content: "\e61d"; }

.ty--Full-Trash:before {
  content: "\e61e"; }

.ty--GIF:before {
  content: "\e61f"; }

.ty--Folder:before {
  content: "\e620"; }

.ty--File:before {
  content: "\e621"; }

.ty--Fine-Print:before {
  content: "\e622"; }

.ty--Feedback:before {
  content: "\e624"; }

.ty--Favourite-File:before {
  content: "\e625"; }

.ty--Faq:before {
  content: "\e626"; }

.ty--High-Priority:before {
  content: "\e628"; }

.ty--External:before {
  content: "\e629"; }

.ty--Expired:before {
  content: "\e62a"; }

.ty--Entering-Heaven-:before {
  content: "\e62c"; }

.ty--Down-Round:before {
  content: "\e62d"; }

.ty--Download:before {
  content: "\e62e"; }

.ty--Edit-File:before {
  content: "\e62f"; }

.ty--Download1:before {
  content: "\e630"; }

.ty--Empty-Trash:before {
  content: "\e631"; }

.ty--Down-Right-Round:before {
  content: "\e632"; }

.ty--Down-Left-Arrow:before {
  content: "\e633"; }

.ty--Down-Right-Arrow:before {
  content: "\e634"; }

.ty--Down-Left-Round:before {
  content: "\e635"; }

.ty--Down-Arrow:before {
  content: "\e636"; }

.ty--Dislike:before {
  content: "\e637"; }

.ty--donate:before {
  content: "\e638"; }

.ty--Disclaimer:before {
  content: "\e639"; }

.ty--Document:before {
  content: "\e63a"; }

.ty--DOC:before {
  content: "\e63b"; }

.ty--Delete-Archive:before {
  content: "\e63d"; }

.ty--Delete-File:before {
  content: "\e63e"; }

.ty--Diploma:before {
  content: "\e640"; }

.ty--Diploma1:before {
  content: "\e641"; }

.ty--Department:before {
  content: "\e642"; }

.ty--Debt:before {
  content: "\e643"; }

.ty--Customer-Support:before {
  content: "\e644"; }

.ty--cursor:before {
  content: "\e645"; }

.ty--Create-Archive:before {
  content: "\e646"; }

.ty--css:before {
  content: "\e647"; }

.ty--currency-exchang:before {
  content: "\e648"; }

.ty--copyright:before {
  content: "\e649"; }

.ty--user:before {
  content: "\e64b"; }

.ty--Comments:before {
  content: "\e64c"; }

.ty--Collect:before {
  content: "\e64d"; }

.ty--Conference-Call:before {
  content: "\e64e"; }

.ty--Checkmark:before {
  content: "\e64f"; }

.ty--check-circle1:before {
  content: "\e651"; }

.ty--Checked1:before {
  content: "\e652"; }

.ty--Check-File:before {
  content: "\e653"; }

.ty--Candle-Sticks:before {
  content: "\e654"; }

.ty--close-circle:before {
  content: "\e655"; }

.ty--Cancel-File:before {
  content: "\e656"; }

.ty--callback:before {
  content: "\e658"; }

.ty--Business:before {
  content: "\e659"; }

.ty--Business-Contact:before {
  content: "\e65a"; }

.ty--forbid:before {
  content: "\e65b"; }

.ty--Calculator:before {
  content: "\e65c"; }

.ty--briefcase:before {
  content: "\e65d"; }

.ty--bookmark:before {
  content: "\e65e"; }

.ty--Bullish:before {
  content: "\e65f"; }

.ty--Binoculars:before {
  content: "\e660"; }

.ty--Audio-File:before {
  content: "\e662"; }

.ty--Bearish:before {
  content: "\e663"; }

.ty--attention:before {
  content: "\e664"; }

.ty--archive:before {
  content: "\e665"; }

.ty--Answers:before {
  content: "\e667"; }

.ty--address-book:before {
  content: "\e668"; }

.ty--Add-List:before {
  content: "\e669"; }

.ty--approval:before {
  content: "\e66a"; }

.ty--broadcast:before {
  content: "\e66b"; }

.ty--Add-File:before {
  content: "\e66c"; }

.ty--About:before {
  content: "\e66d"; }

.ty--ZIP1:before {
  content: "\e66e"; }

.ty--xls:before {
  content: "\e670"; }

.ty--Word:before {
  content: "\e672"; }

.ty--work:before {
  content: "\e673"; }

.ty--vip:before {
  content: "\e674"; }

.ty--view-file:before {
  content: "\e675"; }

.ty--Voice-Presentation:before {
  content: "\e676"; }

.ty--WAV:before {
  content: "\e677"; }

.ty--Video-File:before {
  content: "\e678"; }

.ty--Video-Projector:before {
  content: "\e679"; }

.ty--upload:before {
  content: "\e67a"; }

.ty--Up-Right-Round:before {
  content: "\e67b"; }

.ty--Up-Left-Round:before {
  content: "\e67c"; }

.ty--Up-Left-Arrow:before {
  content: "\e67d"; }

.ty--Up-Round:before {
  content: "\e67e"; }

.ty--Up-Right-Arrow:before {
  content: "\e67f"; }

.ty--Upload1:before {
  content: "\e680"; }

.ty--Tree-Structure:before {
  content: "\e682"; }

.ty--unlock:before {
  content: "\e683"; }

.ty--undo:before {
  content: "\e684"; }

.ty--trademark:before {
  content: "\e685"; }

.ty--unlock1:before {
  content: "\e686"; }

.ty--todo-list:before {
  content: "\e687"; }

.ty--survey:before {
  content: "\e688"; }

.ty--support:before {
  content: "\e68a"; }

.ty--statistics:before {
  content: "\e68b"; }

.ty-split-horizontal:before {
  content: "\e68c"; }

.ty--split-vertical:before {
  content: "\e68d"; }

.ty--parking:before {
  content: "\e68e"; }

.ty--signature:before {
  content: "\e68f"; }

.ty--shop:before {
  content: "\e690"; }

.ty--delivered:before {
  content: "\e691"; }

.ty--circle-share:before {
  content: "\e692"; }

.ty--settings1:before {
  content: "\e695"; }

.ty--search-right:before {
  content: "\e698"; }

.ty--ruler:before {
  content: "\e69a"; }

.ty--arrow-right-circle:before {
  content: "\e69b"; }

.ty--money-token:before {
  content: "\e69d"; }

.ty--resize-ver:before {
  content: "\e69f"; }

.ty--resize-all:before {
  content: "\e6a0"; }

.ty--registration-circle:before {
  content: "\e6a1"; }

.ty--resize-diagonal:before {
  content: "\e6a2"; }

.ty--refresh:before {
  content: "\e6a3"; }

.ty--redo:before {
  content: "\e6a4"; }

.ty--reading:before {
  content: "\e6a6"; }

.ty--resize-hr:before {
  content: "\e6a8"; }

.ty--rating:before {
  content: "\e6a9"; }

.ty--puzzle:before {
  content: "\e6aa"; }

.ty--process:before {
  content: "\e6ab"; }

.ty--privacy:before {
  content: "\e6ac"; }

.ty--psd:before {
  content: "\e6ad"; }

.ty--questions:before {
  content: "\e6ae"; }

.ty-speaker:before {
  content: "\e6b0"; }

.ty--plus-circle:before {
  content: "\e6b2"; }

.ty--hierarchy:before {
  content: "\e6b3"; }

.ty--picture:before {
  content: "\e6b4"; }

.ty--calendar:before {
  content: "\e6b5"; }

.ty--package:before {
  content: "\e6b6"; }

.ty--paid:before {
  content: "\e6b7"; }

.ty--overtime:before {
  content: "\e6b8"; }

.ty--organization:before {
  content: "\e6b9"; }

.ty--org-Unit:before {
  content: "\e6ba"; }

.ty--opened-folder:before {
  content: "\e6bb"; }

.ty--online-support:before {
  content: "\e6bc"; }

.ty--check-circle:before {
  content: "\e6bd"; }

.ty--open-archive:before {
  content: "\e6be"; }

.ty--news:before {
  content: "\e6bf"; }

.ty--no-idea:before {
  content: "\e6c1"; }

.ty--music:before {
  content: "\e6c3"; }

.ty--multiple-inputs:before {
  content: "\e6c4"; }

.ty--money-transfer:before {
  content: "\e6c5"; }

.ty--minus-circle:before {
  content: "\e6c6"; }

.ty--medium-priority:before {
  content: "\e6c9"; }

.ty--switch-user:before {
  content: "\e8ea"; }

.ty--audio-fill:before {
  content: "\e606"; }

.ty--audio:before {
  content: "\e619"; }

.ty--audiostatic:before {
  content: "\e623"; }

.ty--comment:before {
  content: "\e627"; }

.ty--login:before {
  content: "\e62b"; }

.ty--zoomin:before {
  content: "\e63c"; }

.ty--zoomout:before {
  content: "\e63f"; }

.ty--search-left:before {
  content: "\e64a"; }

.ty--creditcard:before {
  content: "\e650"; }

.ty--desktop:before {
  content: "\e657"; }

.ty--gift:before {
  content: "\e661"; }

.ty--piechart:before {
  content: "\e666"; }

.ty--idcard:before {
  content: "\e66f"; }

.ty--wifi:before {
  content: "\e671"; }

.ty--qrcode:before {
  content: "\e689"; }

.ty--setting:before {
  content: "\e694"; }

.ty--skin:before {
  content: "\e696"; }

.ty-icon {
  font-family: "tiny" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .ty-icon_spin:before {
    display: inline-block;
    -webkit-animation: ty-rotate 1s linear infinite;
            animation: ty-rotate 1s linear infinite; }

.ty-input {
  box-sizing: border-box;
  margin: 0;
  position: relative;
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
  border: 1px solid #d9d9d9;
  transition: all .3s;
  outline: 0;
  border-radius: 3px;
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  z-index: 1; }
  .ty-input:hover {
    border-color: #6E41BF; }
  .ty-input:focus {
    border-color: rgba(110, 65, 191, 0.8);
    box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2); }
  .ty-input::-webkit-input-placeholder {
    color: #BFBFBF; }
  .ty-input:-ms-input-placeholder {
    color: #BFBFBF; }
  .ty-input::-ms-input-placeholder {
    color: #BFBFBF; }
  .ty-input::placeholder {
    color: #BFBFBF; }
  .ty-input_sm {
    font-size: 12px;
    padding: 0 4px;
    line-height: 20px;
    height: 21px; }
  .ty-input_md {
    font-size: 14px;
    padding: 0 8px;
    line-height: 30px;
    height: 31px; }
  .ty-input_lg {
    font-size: 17px;
    padding: 0 11px;
    line-height: 41px;
    height: 42px; }
  .ty-input_disabled {
    cursor: not-allowed;
    background-color: #f4f4f5;
    color: #999;
    border-color: #e7e9eb; }
    .ty-input_disabled:hover {
      border-color: #e7e9eb; }
  .ty-input_block {
    width: 100%;
    display: block; }
  .ty-input-group {
    box-sizing: border-box; }
    .ty-input-group .ty-input:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .ty-input-group .ty-input:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .ty-input-group .ty-input:not(:first-child):not(:last-child) {
      border-radius: 0; }
  .ty-input-group-btn:first-child, .ty-input-group-addon:first-child {
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .ty-input-group-btn:last-child, .ty-input-group-addon:last-child {
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .ty-input-group-btn:not(:first-child):not(:last-child), .ty-input-group-addon:not(:first-child):not(:last-child) {
    border-radius: 0;
    border-left: 0;
    border-right: 0; }
  .ty-input-group-addon {
    box-sizing: border-box;
    margin: 0;
    position: relative;
    display: inline-block;
    color: rgba(0, 0, 0, 0.65);
    border: 1px solid #d9d9d9;
    transition: all .3s;
    outline: 0;
    border-radius: 3px;
    background-color: #fafafa; }
    .ty-input-group-addon_sm {
      font-size: 12px;
      padding: 0 4px;
      line-height: 20px;
      height: 21px; }
    .ty-input-group-addon_md {
      font-size: 14px;
      padding: 0 8px;
      line-height: 30px;
      height: 31px; }
    .ty-input-group-addon_lg {
      font-size: 17px;
      padding: 0 11px;
      line-height: 41px;
      height: 42px; }
    .ty-input-group-addon_disabled {
      cursor: not-allowed;
      background-color: #f4f4f5;
      color: #999;
      border-color: #e7e9eb; }
      .ty-input-group-addon_disabled:hover {
        border-color: #e7e9eb; }
  .ty-input-group-btn {
    box-sizing: border-box;
    margin: 0;
    position: relative;
    display: inline-block;
    color: rgba(0, 0, 0, 0.65);
    border: 1px solid #d9d9d9;
    transition: all .3s;
    outline: 0;
    border-radius: 3px;
    z-index: 1;
    cursor: pointer;
    background-color: #6E41BF;
    border-color: #6E41BF;
    color: #fff;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    left: -1px; }
    .ty-input-group-btn_sm {
      font-size: 12px;
      padding: 0 4px;
      line-height: 20px;
      height: 21px; }
    .ty-input-group-btn_md {
      font-size: 14px;
      padding: 0 8px;
      line-height: 30px;
      height: 31px; }
    .ty-input-group-btn_lg {
      font-size: 17px;
      padding: 0 11px;
      line-height: 41px;
      height: 42px; }
    .ty-input-group-btn:hover {
      border-color: transparent;
      background-color: rgba(110, 65, 191, 0.8); }
    .ty-input-group-btn:active {
      background-color: #683db6; }
    .ty-input-group-btn_disabled {
      border-color: transparent;
      cursor: not-allowed;
      background-color: rgba(110, 65, 191, 0.3); }
      .ty-input-group-btn_disabled:hover {
        background-color: rgba(110, 65, 191, 0.3); }
      .ty-input-group-btn_disabled:active {
        background-color: rgba(110, 65, 191, 0.3); }

.ty-layout {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column; }
  .ty-layout_has-sider {
    flex-direction: row; }

.ty-layout-header {
  box-sizing: border-box;
  height: 60px;
  background-color: #fff; }

.ty-layout-footer {
  box-sizing: border-box;
  padding: 24px 50px;
  background-color: #fff; }

.ty-layout-content {
  flex: 1;
  box-sizing: border-box;
  background-color: #fff; }

.ty-layout-sider {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition: all 200ms;
  overflow: hidden;
  background: #12131a;
  color: #fff;
  overflow-y: auto; }
  .ty-layout-sider:last-child .ty-layout-sider__trigger-icon {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .ty-layout-sider__children {
    flex: 1; }
  .ty-layout-sider__trigger {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    cursor: pointer;
    height: 40px;
    background-color: #002140;
    display: flex;
    justify-content: center;
    align-items: center; }
  .ty-layout-sider_light {
    background-color: #fff;
    color: #333; }
    .ty-layout-sider_light .ty-layout-sider__trigger {
      background-color: #efefef; }
    .ty-layout-sider_light .ty-layout-sider__trigger-icon {
      color: #bbb; }

@keyframes ty-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-loader {
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  position: relative;
  display: inline-block; }
  .ty-loader_default .ty-loader__indicator {
    border: 2px solid;
    border-radius: 50%;
    border-right-color: transparent;
    border-top-color: transparent;
    display: inline-block;
    -webkit-animation: ty-rotate 500ms linear infinite;
            animation: ty-rotate 500ms linear infinite;
    pointer-events: none;
    width: 20px;
    height: 20px;
    margin: 5px;
    opacity: .8; }
  .ty-loader_default .ty-loader__label {
    font-size: 17px;
    line-height: 17px;
    margin: 5px 0;
    font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: .8; }
  .ty-loader_lg .ty-loader__indicator {
    border: 3px solid;
    border-radius: 50%;
    border-right-color: transparent;
    border-top-color: transparent;
    display: inline-block;
    -webkit-animation: ty-rotate 500ms linear infinite;
            animation: ty-rotate 500ms linear infinite;
    pointer-events: none;
    width: 25px;
    height: 25px;
    margin: 5px;
    opacity: .8; }
  .ty-loader_lg .ty-loader__label {
    font-size: 22px;
    line-height: 22px;
    margin: 5px 0;
    font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: .8; }
  .ty-loader_sm .ty-loader__indicator {
    border: 1px solid;
    border-radius: 50%;
    border-right-color: transparent;
    border-top-color: transparent;
    display: inline-block;
    -webkit-animation: ty-rotate 500ms linear infinite;
            animation: ty-rotate 500ms linear infinite;
    pointer-events: none;
    width: 15px;
    height: 15px;
    margin: 5px;
    opacity: .8; }
  .ty-loader_sm .ty-loader__label {
    font-size: 12px;
    line-height: 12px;
    margin: 5px 0;
    font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: .8; }
  .ty-loader__loader-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    z-index: 5;
    color: #6E41BF; }
    .ty-loader__loader-container:not(:last-child) {
      position: absolute; }
    .ty-loader__loader-container_vertical {
      flex-direction: column; }
  .ty-loader__container_loading {
    opacity: .5; }
  .ty-loader__container_blurred {
    -webkit-filter: blur(1px);
            filter: blur(1px);
    overflow: hidden; }

.ty-modal {
  position: relative;
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  height: 100vh;
  display: flex;
  justify-content: center;
  top: 100px; }
  .ty-modal__content {
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 300ms; }
    .ty-modal__content_slide-enter {
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px); }
    .ty-modal__content_slide-enter-done {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-modal__content_slide-exit {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-modal__content_slide-exit-done {
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px); }
    .ty-modal__content_scale-enter {
      -webkit-transform: scale(0);
              transform: scale(0); }
    .ty-modal__content_scale-enter-done {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .ty-modal__content_scale-exit {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .ty-modal__content_scale-exit-done {
      -webkit-transform: scale(0);
              transform: scale(0); }
  .ty-modal__header {
    box-sizing: border-box;
    padding: 16px 24px;
    color: rgba(0, 0, 0, 0.65);
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0; }
  .ty-modal__title {
    margin: 0;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px; }
  .ty-modal__close-btn {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.45);
    width: 56px;
    height: 56px;
    line-height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center; }
  .ty-modal__body {
    box-sizing: border-box;
    padding: 24px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word; }
  .ty-modal__footer {
    box-sizing: border-box;
    padding: 12px 16px;
    text-align: right;
    border-top: 1px solid #e8e8e8;
    border-radius: 0 0 4px 4px; }
  .ty-modal__footer-btn {
    margin-bottom: 0; }
  .ty-modal_centered {
    align-items: center;
    top: 0; }

.ty-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 300ms;
  opacity: 0; }
  .ty-overlay_default {
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px); }
  .ty-overlay_inverted {
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px); }
  .ty-overlay_fade-enter {
    opacity: 0; }
  .ty-overlay_fade-enter-done {
    opacity: 1; }
  .ty-overlay_fade-exit {
    opacity: 1; }
  .ty-overlay_fade-exit-active {
    opacity: 0; }
  .ty-overlay_fade-exit-done {
    opacity: 0;
    display: none; }

.ty-progress-bar {
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  font-size: 13px; }
  .ty-progress-bar__inner {
    flex: 1;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #e4e8f1; }
  .ty-progress-bar__bg {
    position: relative;
    text-align: right;
    height: 100%;
    transition: all .6s; }
    .ty-progress-bar__bg_primary {
      background-color: #6E41BF; }
    .ty-progress-bar__bg_yellow {
      background-color: #ff9800; }
    .ty-progress-bar__bg_blue {
      background-color: #00bcd4; }
    .ty-progress-bar__bg_red {
      background-color: #f44336; }
    .ty-progress-bar__bg_green {
      background-color: #4caf50; }
  .ty-progress-bar__text {
    color: #48576a;
    margin-left: 10px;
    min-width: 40px;
    text-align: right; }
  .ty-progress-bar__inner-text {
    color: #fff;
    font-size: 10px;
    margin: 0 5px; }
  .ty-progress-bar__effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .ty-progress-bar__effect_striped {
      background-size: 20px 20px;
      background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
      -webkit-animation: ty-progress-striped 2s linear infinite;
              animation: ty-progress-striped 2s linear infinite; }
    .ty-progress-bar__effect_impulse {
      border-radius: inherit;
      opacity: 0;
      background: #fff;
      -webkit-animation: ty-progress-impulse 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
              animation: ty-progress-impulse 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; }
  .ty-progress-bar_round .ty-progress-bar__inner, .ty-progress-bar_round .ty-progress-bar__bg {
    border-radius: 100px; }
  .ty-progress-bar_square .ty-progress-bar__inner, .ty-progress-bar_square .ty-progress-bar__bg {
    border-radius: 0; }

.ty-progress-circle {
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  display: inline-block;
  position: relative; }
  .ty-progress-circle__bg {
    stroke: #e5e9f2;
    fill: none; }
  .ty-progress-circle__path {
    fill: none;
    transition: stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease; }
    .ty-progress-circle__path_primary {
      stroke: #6E41BF; }
    .ty-progress-circle__path_yellow {
      stroke: #ff9800; }
    .ty-progress-circle__path_blue {
      stroke: #00bcd4; }
    .ty-progress-circle__path_red {
      stroke: #f44336; }
    .ty-progress-circle__path_green {
      stroke: #4caf50; }
  .ty-progress-circle__text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 20px; }

@-webkit-keyframes ty-progress-striped {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 20px 0; } }

@keyframes ty-progress-striped {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 20px 0; } }

@-webkit-keyframes ty-progress-impulse {
  0% {
    opacity: 0.1;
    width: 0; }
  20% {
    opacity: 0.5;
    width: 0; }
  100% {
    opacity: 0;
    width: 100%; } }

@keyframes ty-progress-impulse {
  0% {
    opacity: 0.1;
    width: 0; }
  20% {
    opacity: 0.5;
    width: 0; }
  100% {
    opacity: 0;
    width: 100%; } }

.ty-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.75); }
  .ty-radio__native {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    margin: 0;
    padding: 0; }
  .ty-radio__inner {
    box-sizing: border-box;
    display: flex;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #6E41BF;
    align-items: center;
    justify-content: center; }
    .ty-radio__inner:after {
      box-sizing: border-box;
      display: inline-block;
      content: '';
      width: 10px;
      height: 10px;
      border-radius: 100%;
      background-color: #6E41BF;
      transition: all 200ms;
      -webkit-transform: scale(0);
              transform: scale(0); }
    .ty-radio__inner + span {
      padding: 0 5px;
      line-height: 16px; }
  .ty-radio_checked .ty-radio__inner:after {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .ty-radio_disabled .ty-radio__native {
    cursor: not-allowed; }
  .ty-radio_disabled .ty-radio__inner {
    border-color: #d9d9d9; }
    .ty-radio_disabled .ty-radio__inner:after {
      background-color: rgba(0, 0, 0, 0.2); }
    .ty-radio_disabled .ty-radio__inner + span {
      color: rgba(0, 0, 0, 0.25); }

.ty-row {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap; }
  .ty-row_justify-start {
    justify-content: flex-start; }
  .ty-row_justify-center {
    justify-content: center; }
  .ty-row_justify-end {
    justify-content: flex-end; }
  .ty-row_justify-space-around {
    justify-content: space-around; }
  .ty-row_justify-space-between {
    justify-content: space-between; }
  .ty-row_justify-space-evenly {
    justify-content: space-evenly; }
  .ty-row_align-top {
    align-items: flex-start; }
  .ty-row_align-center {
    align-items: center; }
  .ty-row_align-bottom {
    align-items: flex-end; }
  .ty-row_align-baseline {
    align-items: baseline; }

.ty-select-native {
  display: inline-flex;
  -webkit-appearance: none;
  cursor: pointer;
  color: #182026;
  min-width: 200px;
  margin: 0;
  line-height: 18px;
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==");
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .62em auto, 100%;
  transition: all .3s;
  outline: none; }
  .ty-select-native:hover {
    border-color: #6E41BF; }
  .ty-select-native:focus {
    border-color: rgba(110, 65, 191, 0.8);
    box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2); }
  .ty-select-native_disabled {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==");
    background-size: .52em auto, 100%;
    background-color: #ddd;
    opacity: 0.75;
    color: #a5a5a5;
    cursor: not-allowed;
    resize: none; }
    .ty-select-native_disabled:hover {
      border-color: transparent; }
    .ty-select-native_disabled:focus {
      border-color: transparent;
      box-shadow: none; }
  .ty-select-native_sm {
    padding: 3px 25px 3px 7px;
    font-size: 12px; }
  .ty-select-native_md {
    padding: 6px 25px 6px 10px;
    font-size: 14px; }
  .ty-select-native_lg {
    padding: 9px 25px 9px 12px;
    font-size: 16px; }

@keyframes ty-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-switch {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  cursor: pointer; }
  .ty-switch__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: rgba(0, 0, 0, 0.25);
    transition: background-color 300ms;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .ty-switch__thumb {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
    transition: all 300ms;
    color: rgba(0, 0, 0, 0.25); }
  .ty-switch__label {
    box-sizing: border-box;
    display: block;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding-left: 11px;
    padding-right: 5px;
    transition: all 300ms; }
  .ty-switch_checked .ty-switch__bg {
    background-color: #6E41BF; }
  .ty-switch_checked .ty-switch__thumb {
    left: 100%;
    border-color: #6E41BF;
    color: #6E41BF; }
  .ty-switch_checked .ty-switch__label {
    padding-left: 5px;
    padding-right: 11px; }
  .ty-switch_disabled {
    cursor: not-allowed;
    opacity: .4; }
  .ty-switch_loading .ty-switch__thumb:before {
    display: inline-block !important; }
  .ty-switch_sm {
    margin: 0 10px;
    font-size: 9px;
    width: 29px;
    height: 14px; }
    .ty-switch_sm .ty-switch__bg {
      border-radius: 18px; }
    .ty-switch_sm .ty-switch__thumb {
      width: 18px;
      height: 18px;
      border-radius: 18px; }
      .ty-switch_sm .ty-switch__thumb:before {
        content: '';
        width: 8px;
        height: 8px;
        border: 1px solid;
        border-radius: 50%;
        border-right-color: transparent;
        border-top-color: transparent;
        display: inline-block;
        -webkit-animation: ty-rotate 500ms linear infinite;
                animation: ty-rotate 500ms linear infinite;
        pointer-events: none;
        display: none; }
    .ty-switch_sm .ty-switch__label {
      line-height: 14px; }
  .ty-switch_md {
    margin: 0 12px;
    font-size: 12px;
    width: 36px;
    height: 16px; }
    .ty-switch_md .ty-switch__bg {
      border-radius: 22px; }
    .ty-switch_md .ty-switch__thumb {
      width: 22px;
      height: 22px;
      border-radius: 22px; }
      .ty-switch_md .ty-switch__thumb:before {
        content: '';
        width: 10px;
        height: 10px;
        border: 1px solid;
        border-radius: 50%;
        border-right-color: transparent;
        border-top-color: transparent;
        display: inline-block;
        -webkit-animation: ty-rotate 500ms linear infinite;
                animation: ty-rotate 500ms linear infinite;
        pointer-events: none;
        display: none; }
    .ty-switch_md .ty-switch__label {
      line-height: 17px; }
  .ty-switch_lg {
    margin: 0 14px;
    font-size: 14px;
    width: 42px;
    height: 20px; }
    .ty-switch_lg .ty-switch__bg {
      border-radius: 26px; }
    .ty-switch_lg .ty-switch__thumb {
      width: 26px;
      height: 26px;
      border-radius: 26px; }
      .ty-switch_lg .ty-switch__thumb:before {
        content: '';
        width: 12px;
        height: 12px;
        border: 1px solid;
        border-radius: 50%;
        border-right-color: transparent;
        border-top-color: transparent;
        display: inline-block;
        -webkit-animation: ty-rotate 500ms linear infinite;
                animation: ty-rotate 500ms linear infinite;
        pointer-events: none;
        display: none; }
    .ty-switch_lg .ty-switch__label {
      line-height: 20px; }

.ty-textarea {
  box-sizing: border-box;
  margin: 0;
  position: relative;
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
  border: 1px solid #d9d9d9;
  transition: all .3s;
  outline: 0;
  border-radius: 3px;
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  width: 100%;
  font-size: 14px;
  padding: 5px;
  overflow: hidden; }
  .ty-textarea:hover {
    border-color: #6E41BF; }
  .ty-textarea:focus {
    border-color: rgba(110, 65, 191, 0.8);
    box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2); }
  .ty-textarea::-webkit-input-placeholder {
    color: #BFBFBF; }
  .ty-textarea:-ms-input-placeholder {
    color: #BFBFBF; }
  .ty-textarea::-ms-input-placeholder {
    color: #BFBFBF; }
  .ty-textarea::placeholder {
    color: #BFBFBF; }
  .ty-textarea_sm {
    font-size: 12px;
    padding: 0 4px;
    line-height: 20px;
    height: 21px; }
  .ty-textarea_md {
    font-size: 14px;
    padding: 0 8px;
    line-height: 30px;
    height: 31px; }
  .ty-textarea_lg {
    font-size: 17px;
    padding: 0 11px;
    line-height: 41px;
    height: 42px; }
  .ty-textarea_disabled {
    cursor: not-allowed;
    background-color: #f4f4f5;
    color: #999;
    border-color: #e7e9eb; }
    .ty-textarea_disabled:hover {
      border-color: #e7e9eb; }
  .ty-textarea-container {
    position: relative; }
    .ty-textarea-container .ty-textarea {
      padding-bottom: 20px; }
      .ty-textarea-container .ty-textarea__counter {
        position: absolute;
        bottom: 6px;
        right: 6px;
        font-size: 14px;
        color: #666; }

.ty-time-picker {
  display: inline-block;
  font-size: 14px;
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
  .ty-time-picker__panel {
    display: inline-block;
    max-height: 210px;
    overflow-y: auto;
    color: rgba(0, 0, 0, 0.65);
    border-left: 1px solid #e8e8e8; }
    .ty-time-picker__panel:first-child {
      border-left: 0; }
  .ty-time-picker__ul {
    box-sizing: border-box;
    list-style-type: none;
    padding: 0 0 180px;
    margin: 0; }
  .ty-time-picker__li {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    line-height: 30px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 0 15px 0 10px; }
    .ty-time-picker__li:hover {
      background-color: #e2daf2; }
    .ty-time-picker__li_selected {
      font-weight: bold;
      background: #f5f5f5; }
