.container {
  width: auto;
  max-width: 12rem;
  height: inherit;
  overflow: hidden;
}
.row {
  width: 100%;
  height: inherit;
}
.top-poster {
  width: 100%;
  height: 6rem;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("../img/Bitmap.jpg") center top no-repeat;
}
.top-poster .container .top-top {
  width: 100%;
  height: 80px;
}
.top-poster .container .top-top div {
  height: inherit;
}
.top-poster .container .top-top .top-log {
  background: url("../img/logo.png") center center no-repeat;
  background-size: 100%;
}
.top-poster .container .top-top .top-nav {
  height: inherit;
}
.top-poster .container .top-top .top-nav ul {
  height: inherit;
}
.top-poster .container .top-top .top-nav ul a {
  float: right;
  color: #ffffff;
  font-size: 16px;
  line-height: 80px;
}
.top-poster .container .top-content {
  margin-top: 90px;
  height: 300px;
}
.top-poster .container .top-content .text-content {
  height: inherit;
  background: url("../img/text-content.png") center top no-repeat;
}
.top-poster .container .top-button div {
  height: 60px;
  line-height: 60px;
}
.top-poster .container .top-button div a {
  display: block;
  margin: 0 auto;
  width: 240px;
  height: inherit;
  background: #FFF001;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
.kcar-content {
  width: 100%;
  height: 6.6rem;
  overflow: hidden;
  margin-top: 6rem;
  background: #ffffff;
}
.kcar-content .container .content-phone {
  margin-top: .8rem;
  width: 2.6rem;
  height: 5rem;
  background: url("../img/phone.png") center center no-repeat;
}
.kcar-content .container .content-text {
  margin-top: .8rem;
  height: 5rem;
  background: url("../img/text-phone.png") center center no-repeat;
  background-size: 100%;
}
.kcar-flow {
  width: 100%;
  height: 5.5rem;
  overflow: hidden;
  background: #F2F6F7;
}
.kcar-flow .container div h4 {
  margin-top: .8rem;
  text-align: center;
  font-size: .48rem;
}
.kcar-flow .container div .flow-list {
  height: 2.7rem;
  margin-top: .5rem;
}
.kcar-flow .container div .flow-1 {
  background: url("../img/p1.png") center center no-repeat;
  background-size: 100%;
}
.kcar-flow .container div .flow-2 {
  background: url("../img/p2.png") center center no-repeat;
  background-size: 100%;
}
.kcar-flow .container div .flow-3 {
  background: url("../img/p1 3.png") center center no-repeat;
  background-size: 100%;
}
.kcar-foot {
  width: 100%;
  height: 6.23rem;
  overflow: hidden;
}
.kcar-foot1 {
  width: 100%;
  height: 6.23rem;
  overflow: hidden;
}
.kcar-foot .container .qrCode {
  width: 4.28rem;
  height: 2.88rem;
  margin: .8rem auto 0;
  background: url("../img/rcode.png") center center no-repeat;
  background-size: 100%;
}
.kcar-foot .container .row {
  height: .6rem;
}
.kcar-foot .container .row > div {
  height: inherit;
  margin-top: .26rem;
}
.kcar-foot .container .row > div a {
  display: inherit;
  width: 95%;
  height: inherit;
  margin: 0 auto;
}
.kcar-foot .container .row > div .app-btn {
  background: url("../img/iphone.png") center center no-repeat;
  background-size: 100%;
}
.kcar-foot .container .row > div .anzhuo-btn {
  background: url("../img/android.png") center center no-repeat;
  background-size: 100%;
}
.kcar-foot .container .row p {
  margin-top: .8rem;
  border-top: 1px solid #F2F6F7;
  text-align: center;
  line-height: .8rem;
  color: #78787E;
}
@media (max-width: 768px) {
  .top-poster {
    width: 100%;
    height: 13.43rem;
    overflow: hidden;
    background: url("../img/Bitmapm.jpg") center top no-repeat;
    background-size: 100%;
    position: static;
  }
  .top-poster .container {
    width: auto;
    height: inherit;
  }
  .top-poster .container .top-top {
    height: 1rem;
    background: #FFF001;
  }
  .top-poster .container .top-top div {
    height: inherit;
  }
  .top-poster .container .top-top .top-log {
    background: url("../img/logoto1m.png") center center no-repeat;
    background-size: 2rem;
  }
  .top-poster .container .top-top .top-nav {
    height: inherit;
  }
  .top-poster .container .top-top .top-nav ul {
    height: inherit;
  }
  .top-poster .container .top-top .top-nav ul a {
    color: #ffffff;
    font-size: .16rem;
    line-height: .8rem;
  }
  .top-poster .container .top-content {
    margin-top: 5rem;
    height: 5rem;
  }
  .top-poster .container .top-content .text-content {
    height: inherit;
    background: url("../img/text-contentm.png") center top no-repeat;
    background-size: 100%;
  }
  .top-poster .container .top-button div {
    margin-top: .6rem;
    height: 1.2rem;
    line-height: 1.2rem;
  }
  .top-poster .container .top-button div a {
    display: block;
    margin: 0 auto;
    width: 4.8rem;
    height: inherit;
    background: #FFF001;
    text-align: center;
    font-size: .48rem;
    font-weight: 600;
  }
  .kcar-content {
    width: 100%;
    height: 11.64rem;
    margin-top: 0rem;
    overflow: hidden;
  }
  .kcar-content .container .content-phone {
    margin-top: .8rem;
    width: 2.6rem;
    height: 5rem;
    background: url("../img/phone.png") center center no-repeat;
  }
  .kcar-content .container .content-text {
    margin-top: .2rem;
    height: 10.74rem;
    background: url("../img/phonem.png") center center no-repeat;
    background-size: 100%;
  }
  .kcar-flow {
    width: 100%;
    height: 20rem;
    overflow: hidden;
    background: #F2F6F7;
  }
  .kcar-flow .container div h4 {
    margin-top: .8rem;
    text-align: center;
    font-size: .48rem;
  }
  .kcar-flow .container div .flow-list {
    height: 5.4rem;
    margin-top: .5rem;
  }
  .kcar-flow .container div .flow-1 {
    background: url("../img/p1.png") center center no-repeat;
    background-size: 100%;
  }
  .kcar-flow .container div .flow-2 {
    background: url("../img/p2.png") center center no-repeat;
    background-size: 100%;
  }
  .kcar-flow .container div .flow-3 {
    background: url("../img/p1 3.png") center center no-repeat;
    background-size: 100%;
  }
  .kcar-foot {
    width: 100%;
    height: 12rem;
    overflow: hidden;
  }
  .kcar-foot .container .qrCode {
    width: 3.78rem;
    height: 6.82rem;
    margin: .5rem auto 0;
    background: url("../img/twocode.png") center center no-repeat;
    background-size: 100%;
  }
  .kcar-foot .container .row {
    height: 3rem;
  }
  .kcar-foot .container .row > div {
    height: 1.2rem;
    margin-top: .3rem;
  }
  .kcar-foot .container .row > div a {
    display: inherit;
    width: 60%;
    height: inherit;
    margin: 0 auto;
  }
  .kcar-foot .container .row > div .app-btn {
    background: url("../img/iphone.png") center center no-repeat;
    background-size: 100%;
  }
  .kcar-foot .container .row > div .anzhuo-btn {
    background: url("../img/android.png") center center no-repeat;
    background-size: 100%;
  }
  .kcar-foot .container .row p {
    margin-top: .8rem;
    border-top: 1px solid #F2F6F7;
    text-align: center;
    line-height: .8rem;
    font-size: .28rem;
    color: #78787E;
  }
}