html {
  height: 100%;
  font-size: 62.5%;
  overflow: hidden; }

body.desktop {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Microsoft YaHei', serif;
  display: flex;
  flex-direction: column; }
  body.desktop header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    body.desktop header .header-main {
      flex-grow: 1;
      max-width: 100rem;
      display: flex;
      align-items: center;
      padding: 0 1rem; }
      body.desktop header .header-main #menu {
        display: none; }
      body.desktop header .header-main .logo {
        flex-shrink: 0;
        width: 5rem;
        height: 5rem;
        background: url(" https://files.ktsport.cn/ktsport/logo.png") no-repeat center;
        background-size: contain; }
      body.desktop header .header-main .nav {
        flex-grow: 1;
        text-align: right; }
        body.desktop header .header-main .nav .nav-item {
          font-family: "Microsoft YaHei", serif;
          font-size: 1.6rem;
          margin: 0 2rem;
          color: #555;
          cursor: pointer;
          transition: all .2s;
          padding-bottom: 1.4rem;
          position: relative; }
          body.desktop header .header-main .nav .nav-item::after {
            content: "";
            position: absolute;
            bottom: 0;
            height: 3px;
            left: 0;
            right: 0;
            background-color: #c40c24;
            transform: scaleX(0);
            transition: all .2s; }
          body.desktop header .header-main .nav .nav-item:hover, body.desktop header .header-main .nav .nav-item.active {
            color: #c40c24; }
            body.desktop header .header-main .nav .nav-item:hover::after, body.desktop header .header-main .nav .nav-item.active::after {
              transform: scaleX(1); }
      body.desktop header .header-main #concat {
        transition: all .2s;
        font-size: 1.6rem;
        background-color: #c40c24;
        border-radius: 5px;
        color: #FFF;
        padding: 10px 15px;
        vertical-align: middle;
        cursor: pointer;
        letter-spacing: .2rem;
        margin-left: 1rem; }
        body.desktop header .header-main #concat:hover {
          background-color: #FFF;
          color: #c40c24; }
      body.desktop header .header-main #join {
        transition: all .2s;
        font-size: 1.6rem;
        background-color: #0066aa;
        border-radius: 5px;
        color: #FFF;
        padding: 10px 15px;
        vertical-align: middle;
        cursor: pointer;
        letter-spacing: .2rem;
        margin-left: 1rem; }
        body.desktop header .header-main #join:hover {
          background-color: #FFF;
          color: #0066aa; }
      body.desktop header .header-main #course-agent {
        transition: all .2s;
        font-size: 1.6rem;
        background-color: #0077aa;
        border-radius: 5px;
        color: #FFF;
        padding: 10px 15px;
        vertical-align: middle;
        cursor: pointer;
        letter-spacing: .2rem;
        margin-left: 1rem; }
        body.desktop header .header-main #course-agent:hover {
          background-color: #FFF;
          color: #0077aa; }
      body.desktop header .header-main #nav-concat {
        display: none; }
      body.desktop header .header-main #nav-course-agent {
        display: none; }
  body.desktop main {
    flex-grow: 1;
    overflow: hidden;
    min-height: 40rem;
    height: 100%;
    position: relative; }
  body.desktop #page-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  body.desktop #home {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background: url(" https://files.ktsport.cn/ktsport/bg1.png") no-repeat center;
    background-size: cover; }
    body.desktop #home #home-main {
      flex-grow: 1;
      max-width: 100rem;
      position: relative; }
      body.desktop #home #home-main .mask {
        position: absolute;
        bottom: 8rem;
        right: 0;
        width: 64rem;
        height: 9rem;
        background: url(" https://files.ktsport.cn/ktsport/fitness-1.png") no-repeat center;
        background-size: contain; }
        body.desktop #home #home-main .mask .tail-mark {
          position: absolute;
          right: 0;
          bottom: -5rem;
          height: .2rem;
          width: 2rem;
          background: #FFF; }
      body.desktop #home #home-main .cols {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0; }
        body.desktop #home #home-main .cols .content {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center; }
          body.desktop #home #home-main .cols .content .title {
            background: url(" https://files.ktsport.cn/ktsport/title-name1.png") no-repeat left center;
            background-size: contain;
            height: 8rem;
            width: 36rem; }
          body.desktop #home #home-main .cols .content .title-word {
            color: #FFF;
            display: flex;
            align-items: center; }
            body.desktop #home #home-main .cols .content .title-word .title-letter {
              font-size: 2rem;
              font-weight: lighter;
              vertical-align: middle; }
            body.desktop #home #home-main .cols .content .title-word .title-single-mark {
              font-family: serif;
              font-size: 2rem;
              vertical-align: middle;
              padding: 0 .6rem; }
          body.desktop #home #home-main .cols .content .title-mark {
            height: .2rem;
            width: 2rem;
            background: #FFF;
            margin-top: 4rem;
            margin-bottom: 2rem; }
          body.desktop #home #home-main .cols .content .slogan {
            background: url(" https://files.ktsport.cn/ktsport/slogan.png") no-repeat left center;
            height: 3rem;
            width: 18rem;
            background-size: contain; }
          body.desktop #home #home-main .cols .content .slogan-word {
            color: #FFF;
            word-spacing: .2rem;
            letter-spacing: .4rem;
            font-size: 1.8rem;
            font-weight: lighter;
            transform: scaleY(0.9); }
          body.desktop #home #home-main .cols .content #join-us {
            transition: all .2s;
            font-size: 1.8rem;
            color: #FFF;
            border: 1px solid #FFF;
            border-radius: 2rem;
            padding: .5rem 3.5rem;
            vertical-align: middle;
            margin-top: 12rem;
            margin-bottom: 10rem;
            cursor: pointer; }
            body.desktop #home #home-main .cols .content #join-us .join-world {
              vertical-align: middle; }
            body.desktop #home #home-main .cols .content #join-us .join-mark {
              font-family: serif;
              font-size: 2.2rem;
              vertical-align: middle;
              padding-left: 1rem; }
            body.desktop #home #home-main .cols .content #join-us:hover {
              background: #FFF;
              color: #000; }
        body.desktop #home #home-main .cols .desc-cmp {
          width: 50%;
          font-size: 18px;
          line-height: 40px;
          color: #ddd;
          white-space: break-spaces;
          word-break: break-all;
          text-align: justify; }
          body.desktop #home #home-main .cols .desc-cmp .cm {
            font-weight: bold;
            color: #c40c24;
            padding: 0 10px;
            font-size: 24px; }
      body.desktop #home #home-main #app-qcode-mask {
        transition: all .5s;
        opacity: 0;
        transform: translateY(-50%);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        text-align: center; }
        body.desktop #home #home-main #app-qcode-mask #app-qcode-win {
          display: inline-block;
          margin-top: 20%;
          background-color: #FFF;
          border-radius: .5rem;
          box-shadow: 0 0 1rem #FFF;
          overflow: hidden; }
          body.desktop #home #home-main #app-qcode-mask #app-qcode-win .qcode-mask-qcode {
            padding: 1rem; }
          body.desktop #home #home-main #app-qcode-mask #app-qcode-win .label {
            font-size: 1.5rem;
            padding-bottom: 2rem; }
          body.desktop #home #home-main #app-qcode-mask #app-qcode-win #close-button {
            padding: 1rem 2rem;
            font-size: 1.6rem;
            cursor: pointer;
            color: #c40c24;
            border-top: 1px dotted #aaa; }
            body.desktop #home #home-main #app-qcode-mask #app-qcode-win #close-button:hover {
              background-color: #c40c24;
              color: #fff; }
        body.desktop #home #home-main #app-qcode-mask.show {
          transform: translateY(0);
          opacity: 1; }
    body.desktop #home #home-mobile {
      display: none; }
  body.desktop #concat-page {
    display: none; }
  body.desktop #desk-concat-mask {
    transition: all .2s;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 90;
    left: 0;
    top: 0;
    transform: translateX(-200%);
    right: 0;
    bottom: 0;
    text-align: center; }
    body.desktop #desk-concat-mask.show {
      transform: translateX(0); }
    body.desktop #desk-concat-mask #desk-concat-win {
      display: inline-block;
      padding: 1rem;
      margin-top: 10%;
      background-color: #FFF;
      border-radius: .5rem;
      box-shadow: 0 0 1rem #FFF;
      overflow: hidden;
      max-width: 42rem; }
      body.desktop #desk-concat-mask #desk-concat-win .title {
        font-size: 2rem;
        text-align: left;
        letter-spacing: .2rem;
        padding-bottom: 1rem;
        color: #c40c24; }
      body.desktop #desk-concat-mask #desk-concat-win #desk-error-mail.show {
        line-height: 2rem;
        font-size: 1.4rem;
        padding: .5rem 1rem;
        background: #c40c24;
        margin-bottom: 1rem;
        color: #FFF; }
      body.desktop #desk-concat-mask #desk-concat-win .mark {
        height: .2rem;
        width: 2rem;
        background-color: #c40c24; }
      body.desktop #desk-concat-mask #desk-concat-win .desc {
        padding: 1rem 0;
        font-size: 1.4rem;
        text-align: left;
        letter-spacing: .2rem;
        color: #333; }
      body.desktop #desk-concat-mask #desk-concat-win .form {
        text-align: left; }
        body.desktop #desk-concat-mask #desk-concat-win .form .title {
          font-size: 1.6rem; }
        body.desktop #desk-concat-mask #desk-concat-win .form .input {
          border: 1px solid #e0e0e0;
          padding: .5rem;
          text-align: center; }
          body.desktop #desk-concat-mask #desk-concat-win .form .input .row {
            display: flex;
            align-items: center; }
            body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap {
              padding: 1rem;
              background-color: #f0f0f0;
              border-radius: .2rem;
              display: flex;
              flex-direction: row;
              flex-grow: 1;
              margin: .5rem; }
              body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap .label {
                font-size: 1.6rem;
                color: #666;
                padding-right: 1rem;
                flex-shrink: 0; }
              body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap #code {
                max-width: 3rem; }
              body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap #verify {
                margin: 0 1rem;
                display: inline-block;
                transition: all .2s;
                font-size: 1.2rem;
                background-color: #c40c24;
                border: 1px solid #c40c24;
                border-radius: 5px;
                color: #FFF;
                padding: .5rem;
                vertical-align: middle;
                cursor: pointer;
                letter-spacing: .2rem;
                white-space: nowrap;
                flex-grow: 2; }
                body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap #verify.disabled {
                  background-color: #eee;
                  color: #aaa;
                  text-shadow: 1px 1px 0 #FFF;
                  border: 1px solid #eee; }
                body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap #verify:hover {
                  background-color: #FFF;
                  color: #c40c24; }
              body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap input, body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap textarea, body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap select {
                border: 0;
                flex-grow: 1;
                background-color: transparent;
                outline: none;
                min-height: 1rem;
                font-size: 1.4rem;
                color: #888;
                min-width: 10rem;
                text-align: justify; }
              body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap.name, body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap.tel {
                flex-grow: 1; }
              body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap.name input {
                max-width: 3rem; }
              body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap.add {
                flex-grow: 1; }
              body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap.desc {
                flex-direction: column;
                width: 100%;
                height: 10rem; }
                body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap.desc .label {
                  padding-bottom: 1rem; }
                body.desktop #desk-concat-mask #desk-concat-win .form .input .row .input-wrap.desc textarea {
                  font-family: "Microsoft YaHei", serif; }
      body.desktop #desk-concat-mask #desk-concat-win .buttons {
        text-align: right;
        padding: 1rem 0; }
        body.desktop #desk-concat-mask #desk-concat-win .buttons span {
          margin: 0 1rem;
          display: inline-block;
          transition: all .2s;
          font-size: 1.6rem;
          background-color: #c40c24;
          border: 1px solid #c40c24;
          border-radius: 5px;
          color: #FFF;
          padding: 10px 15px;
          vertical-align: middle;
          cursor: pointer;
          letter-spacing: .2rem; }
          body.desktop #desk-concat-mask #desk-concat-win .buttons span.disabled {
            background-color: #eee;
            color: #aaa;
            text-shadow: 1px 1px 0 #FFF;
            border: 1px solid #eee; }
          body.desktop #desk-concat-mask #desk-concat-win .buttons span:hover {
            background-color: #FFF;
            color: #c40c24; }
  body.desktop #concat-page {
    display: none; }
  body.desktop #desk-join-mask {
    transition: all .2s;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 90;
    left: 0;
    top: 0;
    transform: translateX(-200%);
    right: 0;
    bottom: 0;
    text-align: center; }
    body.desktop #desk-join-mask.show {
      transform: translateX(0); }
    body.desktop #desk-join-mask #desk-join-win {
      display: inline-block;
      padding: 1rem;
      margin-top: 10%;
      background-color: #FFF;
      border-radius: .5rem;
      box-shadow: 0 0 1rem #FFF;
      overflow: hidden;
      max-width: 42rem; }
      body.desktop #desk-join-mask #desk-join-win .title {
        font-size: 2rem;
        text-align: left;
        letter-spacing: .2rem;
        padding-bottom: 1rem;
        color: #c40c24; }
      body.desktop #desk-join-mask #desk-join-win #desk-error-join.show {
        line-height: 2rem;
        font-size: 1.4rem;
        padding: .5rem 1rem;
        background: #c40c24;
        margin-bottom: 1rem;
        color: #FFF; }
      body.desktop #desk-join-mask #desk-join-win .mark {
        height: .2rem;
        width: 2rem;
        background-color: #c40c24; }
      body.desktop #desk-join-mask #desk-join-win .desc {
        padding: 1rem 0;
        font-size: 1.4rem;
        text-align: left;
        letter-spacing: .2rem;
        color: #333; }
      body.desktop #desk-join-mask #desk-join-win .form {
        text-align: left; }
        body.desktop #desk-join-mask #desk-join-win .form .title {
          font-size: 1.6rem; }
        body.desktop #desk-join-mask #desk-join-win .form .input {
          border: 1px solid #e0e0e0;
          padding: .5rem;
          text-align: center; }
          body.desktop #desk-join-mask #desk-join-win .form .input .row {
            display: flex;
            align-items: center; }
            body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap {
              padding: 1rem;
              background-color: #f0f0f0;
              border-radius: .2rem;
              display: flex;
              flex-direction: row;
              flex-grow: 1;
              margin: .5rem; }
              body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap .label {
                font-size: 1.6rem;
                color: #666;
                padding-right: 1rem;
                flex-shrink: 0; }
              body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap #join-code {
                max-width: 3rem; }
              body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap #join-verify {
                margin: 0 1rem;
                display: inline-block;
                transition: all .2s;
                font-size: 1.2rem;
                background-color: #c40c24;
                border: 1px solid #c40c24;
                border-radius: 5px;
                color: #FFF;
                padding: .5rem;
                vertical-align: middle;
                cursor: pointer;
                letter-spacing: .2rem;
                white-space: nowrap;
                flex-grow: 2; }
                body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap #join-verify.disabled {
                  background-color: #eee;
                  color: #aaa;
                  text-shadow: 1px 1px 0 #FFF;
                  border: 1px solid #eee; }
                body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap #join-verify:hover {
                  background-color: #FFF;
                  color: #c40c24; }
              body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap input, body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap textarea, body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap select {
                border: 0;
                flex-grow: 1;
                background-color: transparent;
                outline: none;
                min-height: 1rem;
                font-size: 1.4rem;
                color: #888;
                min-width: 10rem;
                text-align: justify; }
              body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap.name, body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap.tel {
                flex-grow: 1; }
              body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap.name input {
                max-width: 3rem; }
              body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap.add {
                flex-grow: 1; }
              body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap.desc {
                flex-direction: column;
                width: 100%;
                height: 10rem; }
                body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap.desc .label {
                  padding-bottom: 1rem; }
                body.desktop #desk-join-mask #desk-join-win .form .input .row .input-wrap.desc textarea {
                  font-family: "Microsoft YaHei", serif; }
      body.desktop #desk-join-mask #desk-join-win .buttons {
        text-align: right;
        padding: 1rem 0; }
        body.desktop #desk-join-mask #desk-join-win .buttons span {
          margin: 0 1rem;
          display: inline-block;
          transition: all .2s;
          font-size: 1.6rem;
          background-color: #c40c24;
          border: 1px solid #c40c24;
          border-radius: 5px;
          color: #FFF;
          padding: 10px 15px;
          vertical-align: middle;
          cursor: pointer;
          letter-spacing: .2rem; }
          body.desktop #desk-join-mask #desk-join-win .buttons span.disabled {
            background-color: #eee;
            color: #aaa;
            text-shadow: 1px 1px 0 #FFF;
            border: 1px solid #eee; }
          body.desktop #desk-join-mask #desk-join-win .buttons span:hover {
            background-color: #FFF;
            color: #c40c24; }
  body.desktop #agent-page {
    display: none; }
  body.desktop #desk-agent-mask {
    transition: all .2s;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 90;
    left: 0;
    top: 0;
    transform: translateX(-200%);
    right: 0;
    bottom: 0;
    text-align: center; }
    body.desktop #desk-agent-mask.show {
      transform: translateX(0); }
    body.desktop #desk-agent-mask #desk-agent-win {
      display: inline-block;
      padding: 1rem;
      margin-top: 10%;
      background-color: #FFF;
      border-radius: .5rem;
      box-shadow: 0 0 1rem #FFF;
      overflow: hidden;
      width: 50%;
      max-width: 42rem; }
      body.desktop #desk-agent-mask #desk-agent-win .title {
        font-size: 2rem;
        text-align: left;
        letter-spacing: .2rem;
        padding-bottom: 1rem;
        color: #0077aa; }
      body.desktop #desk-agent-mask #desk-agent-win .mark {
        height: .2rem;
        width: 2rem;
        background-color: #0077aa;
        margin-bottom: 20px; }
      body.desktop #desk-agent-mask #desk-agent-win #desk-agent-error {
        line-height: 2rem;
        font-size: 1.4rem;
        padding: .5rem 1rem;
        margin-bottom: 1rem;
        display: none;
        text-align: left; }
        body.desktop #desk-agent-mask #desk-agent-win #desk-agent-error.error {
          background: #c40c24;
          color: #FFF;
          display: block; }
        body.desktop #desk-agent-mask #desk-agent-win #desk-agent-error.success {
          background-color: #0077aa;
          color: #FFF;
          display: block; }
      body.desktop #desk-agent-mask #desk-agent-win .form {
        text-align: left; }
        body.desktop #desk-agent-mask #desk-agent-win .form .title {
          font-size: 1.6rem; }
        body.desktop #desk-agent-mask #desk-agent-win .form .input {
          border: 1px solid #e0e0e0;
          padding: .5rem;
          text-align: center;
          display: flex;
          flex-direction: column;
          align-items: stretch; }
          body.desktop #desk-agent-mask #desk-agent-win .form .input .row {
            display: flex;
            align-items: stretch;
            flex-direction: column; }
            body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap {
              padding: 1rem;
              background-color: #f0f0f0;
              border-radius: .2rem;
              display: flex;
              flex-direction: row;
              margin: .5rem; }
              body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.course {
                flex-direction: column;
                align-items: stretch;
                position: relative;
                padding: 0; }
                body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.course .show {
                  display: flex; }
                  body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.course .show #course {
                    flex-grow: 1;
                    padding: 1rem 0;
                    font-size: 1.6rem;
                    color: #aaa;
                    text-align: left; }
                  body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.course .show .label {
                    padding: 1rem; }
                  body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.course .show #down {
                    padding: 1rem;
                    background: url(" https://files.ktsport.cn/ktsport/down.png") no-repeat center;
                    border-left: 1px solid #eee;
                    width: 3.8rem;
                    cursor: pointer;
                    box-sizing: border-box; }
                    body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.course .show #down:hover {
                      border: 1px solid #aaa; }
                body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.course .list {
                  position: absolute;
                  top: 100%;
                  width: 100%;
                  z-index: 2;
                  border: 1px solid #aaa;
                  box-sizing: border-box;
                  padding: .1rem;
                  background: #FFF;
                  display: none; }
                  body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.course .list.show {
                    display: block; }
                  body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.course .list .list-item {
                    cursor: pointer;
                    padding: 1rem;
                    font-size: 1.4rem;
                    color: #888; }
                    body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.course .list .list-item:hover {
                      background-color: #eee;
                      color: #0077aa; }
              body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap .label {
                font-size: 1.6rem;
                color: #666;
                padding-right: 1rem;
                flex-shrink: 0;
                width: 100px; }
              body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap input, body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap textarea {
                border: 0;
                flex-grow: 1;
                background-color: transparent;
                outline: none;
                min-height: 1rem;
                font-size: 1.4rem;
                color: #888;
                min-width: 10rem;
                text-align: justify; }
              body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.name, body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.tel {
                flex-grow: 1; }
              body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.add {
                flex-grow: 1; }
              body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.desc {
                flex-direction: column;
                width: 100%;
                height: 10rem; }
                body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.desc .label {
                  padding-bottom: 1rem; }
                body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-wrap.desc textarea {
                  font-family: "Microsoft YaHei", serif; }
            body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-error {
              margin: .5rem;
              color: #c40c24;
              text-align: left;
              padding-left: 125px;
              display: none; }
              body.desktop #desk-agent-mask #desk-agent-win .form .input .row .input-error.show {
                display: block; }
      body.desktop #desk-agent-mask #desk-agent-win .buttons {
        text-align: right;
        padding: 1rem 0; }
        body.desktop #desk-agent-mask #desk-agent-win .buttons span {
          margin: 0 1rem;
          display: inline-block;
          transition: all .2s;
          font-size: 1.6rem;
          background-color: #c40c24;
          border: 1px solid #c40c24;
          border-radius: 5px;
          color: #FFF;
          padding: 10px 15px;
          vertical-align: middle;
          cursor: pointer;
          letter-spacing: .2rem; }
          body.desktop #desk-agent-mask #desk-agent-win .buttons span.disabled {
            background-color: #eee;
            color: #aaa;
            text-shadow: 1px 1px 0 #FFF;
            border: 1px solid #eee; }
          body.desktop #desk-agent-mask #desk-agent-win .buttons span:hover {
            background-color: #FFF;
            color: #c40c24; }
  body.desktop #app {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background: url(" https://files.ktsport.cn/ktsport/bg2.png") no-repeat left center;
    background-size: auto 100%; }
    body.desktop #app #app-main {
      flex-grow: 1;
      max-width: 100rem;
      position: relative; }
      body.desktop #app #app-main #info-slider {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        flex-grow: 1;
        display: flex; }
        body.desktop #app #app-main #info-slider .app-img {
          height: 100%;
          width: 50%;
          position: relative;
          text-align: center;
          line-height: 100%;
          white-space: pre-wrap; }
          body.desktop #app #app-main #info-slider .app-img .app-img-item {
            position: absolute;
            top: 10%;
            left: auto;
            right: 10%;
            height: 80%;
            min-height: 40rem;
            box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
            border-radius: 14%/6%;
            background-color: rgba(0, 0, 0, 0.2);
            transform: translateX(-20rem);
            opacity: 0;
            transition: all .2s; }
            body.desktop #app #app-main #info-slider .app-img .app-img-item.show {
              transition: all .5s;
              transition-delay: .2s;
              opacity: 1;
              transform: translateX(0); }
        body.desktop #app #app-main #info-slider .app-desc {
          width: 50%;
          height: 100%;
          position: relative; }
          body.desktop #app #app-main #info-slider .app-desc .app-desc-item {
            transform: translateX(20rem);
            opacity: 0;
            transition: all .2s;
            position: absolute;
            height: 100%;
            width: 70%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start; }
            body.desktop #app #app-main #info-slider .app-desc .app-desc-item.show {
              transition: all .5s;
              transition-delay: .2s;
              opacity: 1;
              transform: translateX(0); }
            body.desktop #app #app-main #info-slider .app-desc .app-desc-item .app-desc-title {
              font-size: 3rem;
              margin-bottom: 5rem; }
            body.desktop #app #app-main #info-slider .app-desc .app-desc-item .app-desc-info {
              font-size: 1.6rem;
              letter-spacing: .2rem;
              line-height: 2.5rem;
              text-align: justify;
              margin-bottom: 5rem; }
            body.desktop #app #app-main #info-slider .app-desc .app-desc-item .app-desc-qcode {
              width: 10rem;
              padding: 1rem; }
            body.desktop #app #app-main #info-slider .app-desc .app-desc-item .app-desc-qcode-label {
              width: 12rem;
              text-align: center;
              font-size: 1.4rem; }
      body.desktop #app #app-main #info-slider-trigger {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 2rem;
        text-align: center; }
        body.desktop #app #app-main #info-slider-trigger .slider-trigger {
          transition: all .5s;
          display: inline-block;
          height: .6rem;
          width: .6rem;
          background-color: #888;
          cursor: pointer;
          border-radius: .6rem;
          margin: 0 .1rem;
          border: 1px solid #888; }
          body.desktop #app #app-main #info-slider-trigger .slider-trigger:hover {
            background-color: transparent;
            border: 1px solid #c40c24; }
          body.desktop #app #app-main #info-slider-trigger .slider-trigger.on {
            width: 3rem; }
    body.desktop #app #app-mobile {
      display: none; }
  body.desktop #bike {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center; }
    body.desktop #bike #bike-main {
      flex-grow: 1;
      max-width: 100rem;
      position: relative;
      display: flex;
      align-items: center; }
      body.desktop #bike #bike-main .bike-all {
        flex-shrink: 0;
        width: 50%;
        height: 100%;
        min-width: 10rem;
        position: relative;
        background: url(" https://files.ktsport.cn/ktsport/bike.png") no-repeat right bottom;
        background-size: auto 80%; }
        body.desktop #bike #bike-main .bike-all .bike-name {
          margin-top: 5rem;
          font-size: 3rem; }
          body.desktop #bike #bike-main .bike-all .bike-name .bike-tag {
            font-weight: bold;
            color: #c40c24;
            font-size: 4rem;
            vertical-align: middle; }
          body.desktop #bike #bike-main .bike-all .bike-name .bike-label {
            vertical-align: middle;
            font-size: 3.4rem; }
        body.desktop #bike #bike-main .bike-all .bike-slogan {
          padding: .2rem 0;
          font-size: 1.4rem;
          letter-spacing: .2rem; }
      body.desktop #bike #bike-main .bike-part {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        height: 100%; }
        body.desktop #bike #bike-main .bike-part #part-name {
          display: inline-block;
          padding: 1rem 3rem;
          background-color: #333;
          font-size: 2rem;
          letter-spacing: .2rem;
          color: #fff;
          margin-bottom: 10rem;
          transition: all .5s; }
        body.desktop #bike #bike-main .bike-part #part-imgs {
          width: 80%;
          min-width: 40rem;
          margin-bottom: 20%; }
          body.desktop #bike #bike-main .bike-part #part-imgs .part-img-item {
            width: 30%;
            cursor: pointer;
            border: 1px solid transparent;
            transition: all .2s; }
            body.desktop #bike #bike-main .bike-part #part-imgs .part-img-item.on {
              border: 1px solid #aaa;
              box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
        body.desktop #bike #bike-main .bike-part #bike-link {
          text-align: right;
          font-size: 2rem;
          padding: 1rem 3rem;
          background-color: #0099ff;
          color: #FFF;
          margin-bottom: 20%; }
          body.desktop #bike #bike-main .bike-part #bike-link:hover {
            background-color: #FFF;
            color: #0099ff; }
            body.desktop #bike #bike-main .bike-part #bike-link:hover a {
              color: #0099ff;
              text-decoration: none; }
              body.desktop #bike #bike-main .bike-part #bike-link:hover a:active {
                color: #FFF;
                text-decoration: none; }
          body.desktop #bike #bike-main .bike-part #bike-link a {
            color: #FFF;
            text-decoration: none; }
            body.desktop #bike #bike-main .bike-part #bike-link a:active {
              color: #FFF;
              text-decoration: none; }
    body.desktop #bike #bike-mobile {
      display: none; }
  body.desktop #data {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background: url(" https://files.ktsport.cn/ktsport/data-bg.png") no-repeat center;
    background-size: cover;
    position: relative; }
    body.desktop #data #data-mobile {
      display: none; }
    body.desktop #data #data-main-mask {
      position: absolute;
      width: 100%;
      height: 180px;
      background: #FFF;
      bottom: 50px;
      opacity: .1;
      z-index: 1; }
    body.desktop #data #data-main {
      flex-grow: 1;
      max-width: 100rem;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      z-index: 2; }
    body.desktop #data .data-title-group .data-title .data-label {
      font-size: 3.4rem;
      vertical-align: middle;
      color: #FFF;
      padding-right: .4rem; }
    body.desktop #data .data-title-group .data-title .data-tag {
      font-size: 4rem;
      color: #c40c24;
      vertical-align: middle; }
    body.desktop #data .data-title-group .data-slogan {
      font-size: 1.4rem;
      color: #fff;
      letter-spacing: .2rem;
      padding-bottom: 5rem; }
    body.desktop #data .data-title-group .data-mark {
      width: 2rem;
      height: .2rem;
      background-color: #fff; }
    body.desktop #data #data-line {
      position: relative;
      padding: 50px 0;
      align-self: stretch; }
      body.desktop #data #data-line #data-line-img {
        width: 90%; }
      body.desktop #data #data-line #data-all-number {
        position: absolute;
        right: 10px;
        top: -10%;
        display: flex; }
        body.desktop #data #data-line #data-all-number .data-number-item {
          display: flex;
          flex-direction: column;
          padding: 0 10px; }
          body.desktop #data #data-line #data-all-number .data-number-item .data-number {
            font-size: 3rem;
            color: #fff;
            padding-bottom: 10px; }
          body.desktop #data #data-line #data-all-number .data-number-item .data-desc {
            display: flex;
            align-items: center; }
            body.desktop #data #data-line #data-all-number .data-number-item .data-desc .data-number-label {
              padding-left: 1rem;
              font-size: 1.6rem;
              color: #fff; }
    body.desktop #data #data-samples {
      display: flex;
      flex-direction: row;
      align-self: stretch;
      justify-self: stretch;
      justify-content: space-between; }
      body.desktop #data #data-samples .data-sample-item {
        display: flex;
        flex-direction: column; }
        body.desktop #data #data-samples .data-sample-item .data-sample-img {
          width: 200px;
          box-shadow: 0 0 10px;
          border-radius: 8px; }
        body.desktop #data #data-samples .data-sample-item .data-sample-world {
          color: #fff;
          text-align: center;
          font-size: 1.4rem;
          padding: 20px 10px 10px 10px; }
  body.desktop #about {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background: url(" https://files.ktsport.cn/ktsport/bg3.png") no-repeat center;
    background-size: cover;
    position: relative; }
    body.desktop #about #about-main {
      flex-grow: 1;
      max-width: 100rem;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
      body.desktop #about #about-main .about-title .about-title-label {
        font-size: 3.4rem;
        vertical-align: middle;
        color: #FFF;
        padding-right: .4rem; }
      body.desktop #about #about-main .about-title .about-title-tag {
        font-size: 4rem;
        color: #c40c24;
        vertical-align: middle; }
      body.desktop #about #about-main .about-slogan {
        font-size: 1.4rem;
        color: #fff;
        letter-spacing: .2rem;
        padding-bottom: 5rem; }
      body.desktop #about #about-main .about-mark {
        width: 2rem;
        height: .2rem;
        background-color: #fff; }
      body.desktop #about #about-main .about-desc {
        padding: 1rem 0;
        font-size: 1.6rem;
        letter-spacing: .2rem;
        line-height: 2.5rem;
        text-align: justify;
        width: 40rem;
        color: #FFF; }
    body.desktop #about .copy-rights {
      position: absolute;
      bottom: 0;
      text-align: center;
      background-color: #333;
      width: 100%;
      color: rgba(255, 255, 255, 0.5);
      font-size: 1.2rem;
      line-height: 2rem;
      padding: 1rem 0; }
      body.desktop #about .copy-rights .copy-info {
        padding: 0 .5rem; }
        body.desktop #about .copy-rights .copy-info.link {
          text-decoration: none;
          color: #0099ff; }
    body.desktop #about #about-mobile {
      display: none; }
  body.desktop #signed {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background-size: cover;
    position: relative; }
    body.desktop #signed #signed-mobile {
      display: none; }
    body.desktop #signed #signed-main {
      flex-grow: 1;
      max-width: 100rem;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      z-index: 2; }
      body.desktop #signed #signed-main .signed-title-group {
        padding-bottom: 2rem; }
        body.desktop #signed #signed-main .signed-title-group .signed-title .signed-label {
          font-size: 3.4rem;
          vertical-align: middle;
          color: #333;
          padding-right: .4rem; }
        body.desktop #signed #signed-main .signed-title-group .signed-title .signed-tag {
          font-size: 4rem;
          color: #c40c24;
          vertical-align: middle; }
        body.desktop #signed #signed-main .signed-title-group .signed-slogan {
          font-size: 1.4rem;
          color: #333;
          letter-spacing: .2rem;
          padding-bottom: 1rem; }
        body.desktop #signed #signed-main .signed-title-group .signed-mark {
          width: 2rem;
          height: .2rem;
          background-color: #c40c24; }
      body.desktop #signed #signed-main #signed-user-img {
        width: 100%; }
  body.desktop #service {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background: url(" https://files.ktsport.cn/ktsport/service-bg.png") no-repeat top;
    background-size: contain;
    position: relative; }
    body.desktop #service #service-mobile {
      display: none; }
    body.desktop #service #service-main {
      flex-grow: 1;
      max-width: 100rem;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: space-around;
      z-index: 2; }
      body.desktop #service #service-main .service-title-group .service-title .service-label {
        font-size: 3.4rem;
        vertical-align: middle;
        color: #FFF;
        padding-right: .4rem; }
      body.desktop #service #service-main .service-title-group .service-title .service-tag {
        font-size: 4rem;
        color: #c40c24;
        vertical-align: middle; }
      body.desktop #service #service-main .service-title-group .service-slogan {
        font-size: 1.4rem;
        color: #fff;
        letter-spacing: .2rem;
        padding-bottom: 5rem; }
      body.desktop #service #service-main .service-title-group .service-mark {
        width: 2rem;
        height: .2rem;
        background-color: #fff; }
      body.desktop #service #service-main .service-group {
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        body.desktop #service #service-main .service-group .service-item {
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 0 10px; }
          body.desktop #service #service-main .service-group .service-item .service-img {
            width: 350px;
            border-radius: 5px;
            box-shadow: 0 0 10px; }
          body.desktop #service #service-main .service-group .service-item .service-label {
            font-size: 2.4rem;
            padding-bottom: 10px;
            padding-top: 20px;
            color: #333;
            font-weight: bold; }
          body.desktop #service #service-main .service-group .service-item .service-desc {
            font-size: 2rem;
            color: #333;
            padding-bottom: 90px; }
  body.desktop #news {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background-size: contain;
    position: relative; }
    body.desktop #news #news-mobile {
      display: none; }
    body.desktop #news #news-main {
      flex-grow: 1;
      max-width: 100rem;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      z-index: 2; }
      body.desktop #news #news-main .news-title-group {
        padding-bottom: 10rem; }
        body.desktop #news #news-main .news-title-group .news-label {
          font-size: 3.4rem;
          vertical-align: middle;
          color: #333;
          padding-right: .4rem; }
        body.desktop #news #news-main .news-title-group .news-tag {
          font-size: 4rem;
          color: #c40c24;
          vertical-align: middle; }
      body.desktop #news #news-main .content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        flex-wrap: wrap; }
        body.desktop #news #news-main .content .news-video-link {
          width: 30%;
          height: 200px;
          overflow: hidden;
          margin-bottom: 2rem;
          background: rgba(0, 0, 0, 0.7); }
          body.desktop #news #news-main .content .news-video-link .news-group {
            font-size: 1.6rem;
            text-decoration: none;
            color: #FFF; }
            body.desktop #news #news-main .content .news-video-link .news-group :active {
              color: #FFF;
              text-decoration: none; }
            body.desktop #news #news-main .content .news-video-link .news-group .title {
              background: rgba(0, 0, 0, 0.7);
              padding: 1rem; }
            body.desktop #news #news-main .content .news-video-link .news-group img {
              width: 100%; }
  body.desktop #redirect {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 60px; }
  body.desktop #redirect-btn {
    display: block;
    width: 200px;
    height: 50px;
    text-align: center;
    background: #338833;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    cursor: pointer; }

body.mobile {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: 'Microsoft YaHei', serif;
  display: flex;
  flex-direction: column; }
  body.mobile header {
    flex-shrink: 0;
    padding: 2rem 0;
    position: relative;
    border-bottom: 1px solid #eee; }
    body.mobile header .header-main {
      background: url(" https://files.ktsport.cn/ktsport/kt.png") no-repeat center;
      height: 2rem;
      background-size: auto 100%; }
      body.mobile header .header-main .menu {
        transition: all .2s;
        width: 2rem;
        height: 2rem;
        padding: 2rem;
        background-size: auto 100%;
        position: absolute;
        right: 0;
        top: 0; }
        body.mobile header .header-main .menu.show {
          background-color: #aaa; }
      body.mobile header .header-main .nav {
        position: absolute;
        transition: all .2s;
        transform: translateX(100%);
        z-index: 100;
        background-color: rgba(255, 255, 255, 0.9);
        right: 0;
        width: 100%;
        top: 6rem;
        display: flex;
        flex-direction: column; }
        body.mobile header .header-main .nav.show {
          transform: translateX(0); }
        body.mobile header .header-main .nav .nav-item, body.mobile header .header-main .nav .nav-item-mobile {
          background-color: #FFF;
          font-size: 1.6rem;
          letter-spacing: .2rem;
          padding: 1.2rem 0;
          text-align: center;
          border-bottom: 1px solid #eee; }
          body.mobile header .header-main .nav .nav-item.show, body.mobile header .header-main .nav .nav-item-mobile.show {
            color: #c40c24; }
      body.mobile header .header-main #concat {
        display: none; }
      body.mobile header .header-main #join {
        display: none; }
      body.mobile header .header-main #course-agent {
        display: none; }
  body.mobile #desk-join-win {
    display: none; }
  body.mobile main {
    flex-grow: 1;
    position: relative; }
    body.mobile main #page-container {
      position: absolute;
      transition: all .2s;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      overflow-x: hidden;
      overflow-y: auto; }
    body.mobile main #home {
      background: url(" https://files.ktsport.cn/ktsport/bg.png") no-repeat;
      background-size: 100% auto; }
      body.mobile main #home #home-main {
        display: none; }
      body.mobile main #home #home-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%; }
        body.mobile main #home #home-mobile .mobile-logo {
          margin-top: 2rem;
          width: 25%; }
        body.mobile main #home #home-mobile .mobile-title {
          color: #FFF;
          font-size: 3rem;
          padding: 1rem 0; }
        body.mobile main #home #home-mobile .mobile-slogan {
          font-size: 2rem;
          color: #FFF;
          padding-bottom: 4rem; }
          body.mobile main #home #home-mobile .mobile-slogan .msp {
            display: inline-block;
            padding: 0 1rem; }
        body.mobile main #home #home-mobile .mobile-join-word-1, body.mobile main #home #home-mobile .mobile-join-word-2 {
          font-size: 1.6rem;
          padding: .1rem; }
        body.mobile main #home #home-mobile .mobile-qcode-outline {
          flex-grow: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
        body.mobile main #home #home-mobile .mobile-tag {
          flex-shrink: 0;
          width: 2rem;
          height: .2rem;
          background-color: #c40c24;
          margin-bottom: 3rem; }
      body.mobile main #home #concat-mobile, body.mobile main #home #join-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        margin-bottom: 2rem; }
        body.mobile main #home #concat-mobile .title, body.mobile main #home #join-mobile .title {
          font-size: 2.5rem;
          padding: 1rem; }
        body.mobile main #home #concat-mobile .desc, body.mobile main #home #join-mobile .desc {
          font-size: 1.6rem;
          color: #333;
          letter-spacing: .1rem;
          text-align: justify;
          padding: 1rem 5rem 1rem 5rem; }
        body.mobile main #home #concat-mobile .form, body.mobile main #home #join-mobile .form {
          padding: 0 5rem; }
          body.mobile main #home #concat-mobile .form .title, body.mobile main #home #join-mobile .form .title {
            padding: 1rem 0;
            font-size: 1.6rem;
            color: #c40c24; }
          body.mobile main #home #concat-mobile .form #mobile-error-mail.show, body.mobile main #home #concat-mobile .form #mobile-join-error-mail.show, body.mobile main #home #join-mobile .form #mobile-error-mail.show, body.mobile main #home #join-mobile .form #mobile-join-error-mail.show {
            line-height: 2rem;
            font-size: 1.4rem;
            padding: .5rem 1rem;
            background: #c40c24;
            margin-bottom: 1rem;
            color: #FFF; }
          body.mobile main #home #concat-mobile .form #mobile-error-mail.success, body.mobile main #home #concat-mobile .form #mobile-join-error-mail.success, body.mobile main #home #join-mobile .form #mobile-error-mail.success, body.mobile main #home #join-mobile .form #mobile-join-error-mail.success {
            line-height: 2rem;
            font-size: 1.4rem;
            padding: .5rem 1rem;
            background: #0088aa;
            margin-bottom: 1rem;
            color: #FFF; }
          body.mobile main #home #concat-mobile .form .input-wrap, body.mobile main #home #join-mobile .form .input-wrap {
            padding: .5rem;
            border-radius: .2rem;
            background: #F0F0F0;
            border: 1px solid #e0e0e0;
            margin: .5rem 0;
            display: flex;
            align-items: center; }
            body.mobile main #home #concat-mobile .form .input-wrap .label, body.mobile main #home #join-mobile .form .input-wrap .label {
              font-size: 1.4rem;
              color: #333;
              flex-shrink: 0;
              padding-right: 1rem; }
            body.mobile main #home #concat-mobile .form .input-wrap.code, body.mobile main #home #join-mobile .form .input-wrap.code {
              flex-wrap: wrap; }
              body.mobile main #home #concat-mobile .form .input-wrap.code input, body.mobile main #home #join-mobile .form .input-wrap.code input {
                max-width: 3rem; }
              body.mobile main #home #concat-mobile .form .input-wrap.code span, body.mobile main #home #join-mobile .form .input-wrap.code span {
                font-size: 1rem;
                background-color: #c40c24;
                border-radius: 5px;
                color: #FFF;
                padding: .5rem;
                text-align: center;
                white-space: nowrap; }
                body.mobile main #home #concat-mobile .form .input-wrap.code span.disabled, body.mobile main #home #join-mobile .form .input-wrap.code span.disabled {
                  background-color: #eee;
                  color: #aaa;
                  text-shadow: 1px 1px 0 #FFF;
                  border: 1px solid #eee; }
            body.mobile main #home #concat-mobile .form .input-wrap input, body.mobile main #home #concat-mobile .form .input-wrap textarea, body.mobile main #home #concat-mobile .form .input-wrap select, body.mobile main #home #join-mobile .form .input-wrap input, body.mobile main #home #join-mobile .form .input-wrap textarea, body.mobile main #home #join-mobile .form .input-wrap select {
              flex-grow: 1;
              min-width: 10rem;
              color: #888;
              font-size: 1.4rem;
              border: 0;
              background-color: transparent;
              outline: none; }
            body.mobile main #home #concat-mobile .form .input-wrap.desc, body.mobile main #home #join-mobile .form .input-wrap.desc {
              display: flex;
              flex-direction: column;
              align-items: stretch; }
              body.mobile main #home #concat-mobile .form .input-wrap.desc textarea, body.mobile main #home #join-mobile .form .input-wrap.desc textarea {
                height: 5rem;
                font-family: "Microsoft YaHei", serif; }
        body.mobile main #home #concat-mobile .buttons, body.mobile main #home #join-mobile .buttons {
          display: flex;
          align-items: flex-end; }
          body.mobile main #home #concat-mobile .buttons span, body.mobile main #home #join-mobile .buttons span {
            font-size: 1.4rem;
            background-color: #c40c24;
            border-radius: 5px;
            color: #FFF;
            padding: 1rem 2rem;
            text-align: center; }
          body.mobile main #home #concat-mobile .buttons #submit-m, body.mobile main #home #concat-mobile .buttons #submit-m-join, body.mobile main #home #join-mobile .buttons #submit-m, body.mobile main #home #join-mobile .buttons #submit-m-join {
            flex-grow: 1;
            margin-right: 1rem; }
            body.mobile main #home #concat-mobile .buttons #submit-m.disabled, body.mobile main #home #concat-mobile .buttons #submit-m-join.disabled, body.mobile main #home #join-mobile .buttons #submit-m.disabled, body.mobile main #home #join-mobile .buttons #submit-m-join.disabled {
              background-color: #eee;
              color: #aaa;
              text-shadow: 1px 1px 0 #FFF;
              border: 1px solid #eee; }
          body.mobile main #home #concat-mobile .buttons #cancel-m, body.mobile main #home #concat-mobile .buttons #cancel-m-join, body.mobile main #home #join-mobile .buttons #cancel-m, body.mobile main #home #join-mobile .buttons #cancel-m-join {
            flex-shrink: 0; }
        body.mobile main #home #concat-mobile .concat-mobile-tag, body.mobile main #home #join-mobile .concat-mobile-tag {
          flex-shrink: 0;
          width: 2rem;
          height: .2rem;
          background-color: #c40c24;
          margin-top: 8rem;
          margin-bottom: 3rem;
          align-self: center; }
    body.mobile main #desk-concat-mask {
      display: none; }
    body.mobile main #concat-page {
      background-size: 100% auto;
      height: 100%; }
      body.mobile main #concat-page #concat-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%; }
        body.mobile main #concat-page #concat-mobile .title {
          font-size: 2.5rem;
          padding: 1rem; }
        body.mobile main #concat-page #concat-mobile .desc {
          font-size: 1.6rem;
          color: #333;
          letter-spacing: .1rem;
          text-align: justify;
          padding: 1rem 5rem 1rem 5rem; }
        body.mobile main #concat-page #concat-mobile .form {
          padding: 0 5rem; }
          body.mobile main #concat-page #concat-mobile .form .title {
            padding: 1rem 0;
            font-size: 1.6rem;
            color: #c40c24; }
          body.mobile main #concat-page #concat-mobile .form #mobile-error-mail.show {
            line-height: 2rem;
            font-size: 1.4rem;
            padding: .5rem 1rem;
            background: #c40c24;
            margin-bottom: 1rem;
            color: #FFF; }
          body.mobile main #concat-page #concat-mobile .form #mobile-error-mail.success {
            line-height: 2rem;
            font-size: 1.4rem;
            padding: .5rem 1rem;
            background: #0088aa;
            margin-bottom: 1rem;
            color: #FFF; }
          body.mobile main #concat-page #concat-mobile .form .input-wrap {
            padding: .5rem;
            border-radius: .2rem;
            background: #F0F0F0;
            border: 1px solid #e0e0e0;
            margin: .5rem 0;
            display: flex;
            align-items: center; }
            body.mobile main #concat-page #concat-mobile .form .input-wrap .label {
              font-size: 1.4rem;
              color: #333;
              flex-shrink: 0;
              padding-right: 1rem; }
            body.mobile main #concat-page #concat-mobile .form .input-wrap input, body.mobile main #concat-page #concat-mobile .form .input-wrap textarea, body.mobile main #concat-page #concat-mobile .form .input-wrap select {
              flex-grow: 1;
              min-width: 10rem;
              color: #888;
              font-size: 1.4rem;
              border: 0;
              background-color: transparent;
              outline: none; }
            body.mobile main #concat-page #concat-mobile .form .input-wrap.desc {
              display: flex;
              flex-direction: column;
              align-items: stretch; }
              body.mobile main #concat-page #concat-mobile .form .input-wrap.desc textarea {
                height: 5rem;
                font-family: "Microsoft YaHei", serif; }
        body.mobile main #concat-page #concat-mobile .buttons {
          display: flex;
          align-items: flex-end; }
          body.mobile main #concat-page #concat-mobile .buttons span {
            font-size: 1.4rem;
            background-color: #c40c24;
            border-radius: 5px;
            color: #FFF;
            padding: 1rem 2rem;
            text-align: center; }
          body.mobile main #concat-page #concat-mobile .buttons #submit-m {
            flex-grow: 1;
            margin-right: 1rem; }
            body.mobile main #concat-page #concat-mobile .buttons #submit-m.disabled {
              background-color: #eee;
              color: #aaa;
              text-shadow: 1px 1px 0 #FFF;
              border: 1px solid #eee; }
          body.mobile main #concat-page #concat-mobile .buttons #cancel-m {
            flex-shrink: 0; }
        body.mobile main #concat-page #concat-mobile .concat-mobile-tag {
          flex-shrink: 0;
          width: 2rem;
          height: .2rem;
          background-color: #c40c24;
          margin-top: 8rem;
          margin-bottom: 3rem;
          align-self: center; }
    body.mobile main #desk-agent-mask {
      display: none; }
    body.mobile main #agent-page {
      background-size: 100% auto; }
      body.mobile main #agent-page #agent-mobile {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        height: 100%; }
        body.mobile main #agent-page #agent-mobile .title {
          font-size: 2.5rem;
          padding: 1rem;
          text-align: center; }
        body.mobile main #agent-page #agent-mobile #mobile-agent-error {
          line-height: 2rem;
          font-size: 1.4rem;
          padding: .5rem 1rem;
          display: none;
          text-align: left;
          margin: 0 5rem;
          margin-bottom: 1rem; }
          body.mobile main #agent-page #agent-mobile #mobile-agent-error.error {
            background: #c40c24;
            color: #FFF;
            display: block; }
          body.mobile main #agent-page #agent-mobile #mobile-agent-error.success {
            background-color: #0077aa;
            color: #FFF;
            display: block; }
        body.mobile main #agent-page #agent-mobile .form {
          padding: 0 5rem; }
          body.mobile main #agent-page #agent-mobile .form .input-wrap {
            padding: .5rem;
            border-radius: .2rem;
            background: #F0F0F0;
            border: 1px solid #e0e0e0;
            margin: .5rem 0;
            display: flex;
            align-items: center; }
            body.mobile main #agent-page #agent-mobile .form .input-wrap.course {
              flex-direction: column;
              align-items: stretch;
              position: relative; }
              body.mobile main #agent-page #agent-mobile .form .input-wrap.course .show {
                display: flex;
                align-items: center; }
                body.mobile main #agent-page #agent-mobile .form .input-wrap.course .show #m-course {
                  flex-grow: 1;
                  color: #aaa;
                  text-align: left;
                  font-size: 1.4rem; }
                body.mobile main #agent-page #agent-mobile .form .input-wrap.course .show #m-down {
                  background: url(" https://files.ktsport.cn/ktsport/down.png") no-repeat center;
                  border-left: 1px solid #aaa;
                  width: 3.8rem;
                  cursor: pointer;
                  box-sizing: border-box;
                  height: 19px; }
              body.mobile main #agent-page #agent-mobile .form .input-wrap.course .list {
                position: absolute;
                top: 100%;
                width: 100%;
                z-index: 2;
                border: 1px solid #aaa;
                box-sizing: border-box;
                padding: .1rem;
                background: #FFF;
                display: none;
                left: 0; }
                body.mobile main #agent-page #agent-mobile .form .input-wrap.course .list.show {
                  display: block; }
                body.mobile main #agent-page #agent-mobile .form .input-wrap.course .list .list-item {
                  cursor: pointer;
                  padding: 1rem;
                  font-size: 1.4rem;
                  color: #888; }
                  body.mobile main #agent-page #agent-mobile .form .input-wrap.course .list .list-item:hover {
                    background-color: #eee;
                    color: #0077aa; }
            body.mobile main #agent-page #agent-mobile .form .input-wrap .label {
              font-size: 1.4rem;
              color: #333;
              flex-shrink: 0;
              padding-right: 1rem; }
            body.mobile main #agent-page #agent-mobile .form .input-wrap input, body.mobile main #agent-page #agent-mobile .form .input-wrap textarea {
              flex-grow: 1;
              min-width: 10rem;
              color: #888;
              font-size: 1.4rem;
              border: 0;
              background-color: transparent;
              outline: none; }
          body.mobile main #agent-page #agent-mobile .form .input-error {
            margin: .5rem;
            color: #c40c24;
            text-align: left;
            padding-left: 6rem;
            display: none; }
            body.mobile main #agent-page #agent-mobile .form .input-error.show {
              display: block; }
          body.mobile main #agent-page #agent-mobile .form .buttons {
            display: flex;
            align-items: flex-end; }
            body.mobile main #agent-page #agent-mobile .form .buttons span {
              font-size: 1.4rem;
              background-color: #c40c24;
              border-radius: 5px;
              color: #FFF;
              padding: 1rem 2rem;
              text-align: center; }
            body.mobile main #agent-page #agent-mobile .form .buttons #submit-agent-m {
              flex-grow: 1;
              margin-right: 1rem; }
              body.mobile main #agent-page #agent-mobile .form .buttons #submit-agent-m.disabled {
                background-color: #eee;
                color: #aaa;
                text-shadow: 1px 1px 0 #FFF;
                border: 1px solid #eee; }
            body.mobile main #agent-page #agent-mobile .form .buttons #cancel-agent-m {
              flex-shrink: 0; }
        body.mobile main #agent-page #agent-mobile .agent-mobile-tag {
          flex-shrink: 0;
          width: 2rem;
          height: .2rem;
          background-color: #c40c24;
          margin-top: 8rem;
          margin-bottom: 3rem;
          align-self: center; }
    body.mobile main #app #app-main {
      display: none; }
    body.mobile main #app #app-mobile {
      display: flex;
      flex-direction: column;
      justify-content: stretch;
      align-items: center; }
      body.mobile main #app #app-mobile .app-mobile-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        width: 80%;
        padding: 2rem 0; }
        body.mobile main #app #app-mobile .app-mobile-item .app-img-item {
          height: 65%; }
        body.mobile main #app #app-mobile .app-mobile-item .app-desc-title {
          font-size: 2.5rem;
          padding: 1rem; }
        body.mobile main #app #app-mobile .app-mobile-item .app-desc-info {
          font-size: 1.6rem;
          padding: 0 2rem;
          color: #333; }
      body.mobile main #app #app-mobile .app-mobile-tag {
        flex-shrink: 0;
        width: 2rem;
        height: .2rem;
        background-color: #c40c24;
        margin-bottom: 3rem; }
    body.mobile main #bike #bike-main {
      display: none; }
    body.mobile main #bike #bike-mobile {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: stretch;
      position: relative; }
      body.mobile main #bike #bike-mobile .bike-mobile-all {
        width: 70%; }
      body.mobile main #bike #bike-mobile #bike-mobile-parts {
        height: 40%;
        display: flex;
        flex-wrap: wrap;
        padding: 0 2rem;
        justify-content: center; }
        body.mobile main #bike #bike-mobile #bike-mobile-parts .bike-mobile-part {
          position: relative;
          width: 8rem;
          height: 8rem;
          margin: .5rem; }
          body.mobile main #bike #bike-mobile #bike-mobile-parts .bike-mobile-part .part-img-item {
            width: 100%; }
          body.mobile main #bike #bike-mobile #bike-mobile-parts .bike-mobile-part .part-name {
            transition: all .2s;
            display: inline-block;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            line-height: 2rem;
            text-align: center;
            color: #FFF;
            background-color: rgba(0, 0, 0, 0.7);
            font-size: 1.6rem;
            padding: 1rem;
            opacity: 0; }
            body.mobile main #bike #bike-mobile #bike-mobile-parts .bike-mobile-part .part-name .on {
              opacity: 1; }
          body.mobile main #bike #bike-mobile #bike-mobile-parts .bike-mobile-part.show .part-name {
            opacity: 1; }
      body.mobile main #bike #bike-mobile .bike-mobile-tag {
        flex-shrink: 0;
        width: 2rem;
        height: .2rem;
        background-color: #c40c24;
        margin-top: 8rem;
        margin-bottom: 3rem; }
    body.mobile main #data #data-main {
      display: none; }
    body.mobile main #data #data-mobile {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: stretch;
      position: relative; }
      body.mobile main #data #data-mobile .title {
        font-size: 2.5rem;
        padding: 1rem;
        text-align: center; }
      body.mobile main #data #data-mobile .data-graph {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: stretch;
        position: relative;
        padding-bottom: 2rem; }
        body.mobile main #data #data-mobile .data-graph img {
          width: 80%; }
        body.mobile main #data #data-mobile .data-graph .data-group {
          position: absolute;
          display: flex;
          align-items: center;
          width: 100%;
          top: 0;
          bottom: 0;
          justify-content: space-evenly; }
          body.mobile main #data #data-mobile .data-graph .data-group .data-item {
            display: flex;
            flex-direction: column;
            align-items: center; }
            body.mobile main #data #data-mobile .data-graph .data-group .data-item .data-item-desc {
              display: flex;
              align-items: center;
              padding-bottom: 1rem; }
              body.mobile main #data #data-mobile .data-graph .data-group .data-item .data-item-desc img {
                width: 1.4rem; }
              body.mobile main #data #data-mobile .data-graph .data-group .data-item .data-item-desc .data-item-word {
                font-size: 1.4rem;
                padding-left: 1rem; }
            body.mobile main #data #data-mobile .data-graph .data-group .data-item .data-item-number {
              font-size: 2.2rem; }
      body.mobile main #data #data-mobile .data-img-group {
        display: flex;
        flex-direction: column; }
        body.mobile main #data #data-mobile .data-img-group .data-img-row {
          display: flex;
          flex-wrap: nowrap;
          justify-content: space-evenly; }
          body.mobile main #data #data-mobile .data-img-group .data-img-row .data-img-item {
            width: 40%;
            padding: 1rem 0; }
            body.mobile main #data #data-mobile .data-img-group .data-img-row .data-img-item img {
              width: 100%; }
            body.mobile main #data #data-mobile .data-img-group .data-img-row .data-img-item .data-img-desc {
              text-align: center;
              line-height: 1.5rem;
              font-size: 1.4rem;
              padding-top: 1rem; }
      body.mobile main #data #data-mobile .data-mobile-tag {
        flex-shrink: 0;
        width: 2rem;
        height: .2rem;
        background-color: #c40c24;
        margin-top: 8rem;
        margin-bottom: 3rem;
        align-self: center; }
    body.mobile main #signed #signed-main {
      display: none; }
    body.mobile main #signed #signed-mobile {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: stretch;
      position: relative; }
      body.mobile main #signed #signed-mobile .title {
        font-size: 2.5rem;
        padding: 1rem;
        text-align: center; }
      body.mobile main #signed #signed-mobile .signed-graph {
        text-align: center;
        padding: 2rem 0; }
        body.mobile main #signed #signed-mobile .signed-graph img {
          width: 80%; }
    body.mobile main #signed .signed-mobile-tag {
      flex-shrink: 0;
      width: 2rem;
      height: .2rem;
      background-color: #c40c24;
      margin-top: 8rem;
      margin-bottom: 3rem;
      align-self: center; }
    body.mobile main #about #about-main {
      display: none; }
    body.mobile main #about .copy-rights {
      display: none; }
    body.mobile main #about .mobile-join-word-1, body.mobile main #about .mobile-join-word-2 {
      font-size: 1.6rem;
      padding: .1rem; }
    body.mobile main #about .mobile-qcode-outline {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
    body.mobile main #about #about-mobile .title {
      font-size: 3rem;
      text-align: center; }
    body.mobile main #about #about-mobile .desc {
      font-size: 1.6rem;
      color: #333;
      line-height: 2rem;
      letter-spacing: .1rem;
      text-align: justify;
      padding: 1rem 5rem 1rem 5rem; }
    body.mobile main #about #about-mobile .copy {
      text-align: center;
      padding-top: 5rem;
      padding-bottom: 1rem;
      font-size: 1.4rem;
      color: #aaa; }
      body.mobile main #about #about-mobile .copy .link {
        text-decoration: none;
        color: #0099ff; }
    body.mobile main #service #service-main {
      display: none; }
    body.mobile main #service #service-mobile {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: stretch;
      position: relative; }
      body.mobile main #service #service-mobile .title {
        font-size: 2.5rem;
        padding: 1rem;
        text-align: center; }
      body.mobile main #service #service-mobile .service-graph {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 1rem 2rem; }
        body.mobile main #service #service-mobile .service-graph .service-item {
          display: flex;
          flex-direction: column;
          align-items: center; }
          body.mobile main #service #service-mobile .service-graph .service-item img {
            width: 100%;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
          body.mobile main #service #service-mobile .service-graph .service-item .title {
            padding: 1rem;
            font-size: 2rem; }
          body.mobile main #service #service-mobile .service-graph .service-item .desc {
            font-size: 1.4rem;
            color: #333;
            text-align: center;
            letter-spacing: .1rem;
            padding-bottom: 6rem; }
      body.mobile main #service #service-mobile .service-mobile-tag {
        flex-shrink: 0;
        width: 2rem;
        height: .2rem;
        background-color: #c40c24;
        margin-top: 8rem;
        margin-bottom: 3rem;
        align-self: center; }
    body.mobile main #news #news-main {
      display: none; }
    body.mobile main #news #news-mobile {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: stretch;
      position: relative; }
      body.mobile main #news #news-mobile .news-title {
        font-size: 2.5rem;
        padding: 1rem;
        text-align: center; }
      body.mobile main #news #news-mobile .content {
        display: flex;
        flex-direction: column;
        align-items: center; }
        body.mobile main #news #news-mobile .content .news-video-link {
          width: 80%;
          height: auto;
          overflow: hidden;
          background: rgba(0, 0, 0, 0.7);
          margin-bottom: 3rem; }
          body.mobile main #news #news-mobile .content .news-video-link .news-group {
            text-decoration: none;
            color: #FFF; }
            body.mobile main #news #news-mobile .content .news-video-link .news-group :active {
              color: #FFF;
              text-decoration: none; }
            body.mobile main #news #news-mobile .content .news-video-link .news-group .title {
              font-size: 1.6rem;
              padding: 1rem; }
            body.mobile main #news #news-mobile .content .news-video-link .news-group img {
              width: 100%; }
      body.mobile main #news #news-mobile .news-mobile-tag {
        flex-shrink: 0;
        width: 2rem;
        height: .2rem;
        background-color: #c40c24;
        margin-top: 8rem;
        margin-bottom: 3rem;
        align-self: center; }
  body.mobile #redirect {
    position: absolute;
    right: 20px;
    top: 70px; }
  body.mobile #redirect-btn {
    display: block;
    width: 150px;
    height: 40px;
    border-radius: 10px;
    text-align: center;
    background: #338833;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    cursor: pointer; }

body #reference {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  line-height: 30px;
  font-size: 14px; }
  body #reference a {
    text-decoration: none; }


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