html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  background-color: #f3f6f6; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

a, a:hover, a:hover, a:visited {
  text-decoration: none; }

img, a, a:hover, a:active {
  border: none;
  outline: none; }

button:visited {
  border: none; }

a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none; }

body {
  font-family: 'PingFangSC','STHeiti','Microsoft YaHei','Helvetica','Arial',sans-serif;
  -webkit-overflow-scrolling: touch; }

html {
  position: relative;
  background-color: #fff;
  font-size: 16px; }

* {
  box-sizing: border-box; }

@media all and (min-width: 400px) {
  html {
    font-size: 22px; } }

@media all and (min-width: 600px) {
  html {
    font-size: 32px; } }

body {
  width: 100%;
  height: 100%;
  position: relative; }

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

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

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

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

body {
  display: flex;
  flex-flow: column;
  min-height: 100vh; }

.layout {
  flex: 1; }

footer {
  flex: 0; }

input {
  outline: none; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

.hidden {
  display: none !important; }

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table; }

.clearfix:after {
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both; }

input[type="text"],
input[type="password"] {
  -webkit-appearance: none;
  border-radius: 0; }

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: space-between;
  align-items: center;
  padding: 0 0.4rem;
  height: 1.04rem;
  color: red;
  border-bottom: 0.01333rem solid #d9d9d9;
  background-color: #ffffff;
  overflow: hidden;
  z-index: 100; }
  header a {
    display: inline-block;
    font-size: 0.16rem; }
    header a .area {
      line-height: 0.26667rem; }
      header a .area span {
        font-size: 14px;
        vertical-align: middle;
        color: #333333; }
        [data-dpr="2"] header a .area span {
          font-size: 28px; }
        [data-dpr="3"] header a .area span {
          font-size: 42px; }
      header a .area .arrow {
        display: inline-block;
        vertical-align: middle;
        width: 0.26667rem;
        height: 0.16rem;
        background: url(../img/home/home_top_xjt.png) no-repeat;
        background-size: contain; }
    header a .logo {
      display: inline-block;
      margin-left: -0.2rem;
      vertical-align: middle;
      width: 2.36rem;
      height: 0.42667rem;
      background: url(http://m.kuaifawu.com/static/img/home/home_top_icon.png) no-repeat;
      background-size: contain; }
    header a .shopcart {
      display: inline-block;
      vertical-align: middle;
      width: 0.49333rem;
      height: 0.48667rem;
      background: url(../img/home/home_top_shopcar.png) no-repeat;
      background-size: contain; }
    header a .home {
      display: inline-block;
      margin-left: -0.13333rem;
      vertical-align: middle;
      width: 0.49333rem;
      height: 0.49333rem;
      background: url(http://m.kuaifawu.com/static/img/home/home-top-left.png) no-repeat;
      background-size: contain; }
    header a .person {
      display: inline-block;
      vertical-align: middle;
      width: 0.49333rem;
      height: 0.49333rem;
      background: url(http://m.kuaifawu.com/static/img/home/home-top-right.png) no-repeat;
      background-size: contain; }
    header a .title {
      display: inline-block;
      vertical-align: middle;
      font-size: 0.4rem;
      color: #333333;
      max-width: 7.2rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.event-right {
  position: fixed;
  z-index: 50;
  bottom: 4.93333rem;
  right: 0;
  text-align: center;
  width: 1.86667rem; }
  .event-right img {
    width: 100%; }

.m-customer {
  position: fixed;
  z-index: 50;
  bottom: 2rem;
  right: 0;
  text-align: center;
  width: 1.33333rem;
  margin-right: 0.26667rem; }
  .m-customer a {
    height: 1.33333rem;
    width: 1.33333rem;
    display: block;
    margin-top: 0.13333rem;
    padding-top: 0.2rem;
    -moz-border-radius: 0.66667rem;
    -webkit-border-radius: 0.66667rem;
    border-radius: 0.66667rem;
    background: rgba(71, 212, 177, 0.85); }
    .m-customer a .customer-icon-1 {
      width: 0.50667rem;
      height: 0.50667rem;
      background-image: url("http://m.kuaifawu.com/static/img/home/home_online.png");
      background-size: contain;
      background-repeat: no-repeat;
      margin: 0 auto; }
    .m-customer a .customer-icon-2 {
      width: 0.50667rem;
      height: 0.50667rem;
      background-image: url("http://m.kuaifawu.com/static/img/home/home_phone.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin: 0 auto; }
    .m-customer a .customer-txt {
      color: #f3f6f6;
      font-size: 0.26667rem;
      margin-top: 0.16rem; }

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.33333rem;
  border-top: 0.01333rem solid #d9d9d9;
  background: #ffffff;
  display: flex;
  align-items: center;
  z-index: 999; }
  footer a {
    display: inline-block;
    width: 25%;
    text-align: center; }
    footer a .icon {
      margin: 0.14667rem auto 0rem auto; }
      footer a .icon.icon-1 {
        width: 0.61333rem;
        height: 1.04rem;
        background: url("../img/home/home_bar1_no.png") no-repeat;
        background-size: cover; }
      footer a .icon.icon-2 {
        width: 0.54667rem;
        height: 0.97333rem;
        background: url("../img/home/home_bar2_no.png") no-repeat;
        background-size: cover; }
      footer a .icon.icon-3 {
        width: 0.54667rem;
        height: 1.05333rem;
        background: url("../img/home/home_bar3_no.png") no-repeat;
        background-size: cover; }
      footer a .icon.icon-4 {
        width: 0.58667rem;
        height: 1.04rem;
        background: url("../img/home/home_bar4_no.png") no-repeat;
        background-size: cover; }
      footer a .icon.active.icon-1 {
        width: 0.61333rem;
        height: 1.04rem;
        background: url("../img/home/home_bar1_sel.png") no-repeat;
        background-size: cover; }
      footer a .icon.active.icon-2 {
        width: 0.54667rem;
        height: 0.97333rem;
        background: url("../img/home/home_bar2_sel.png") no-repeat;
        background-size: cover; }
      footer a .icon.active.icon-3 {
        width: 0.54667rem;
        height: 1.05333rem;
        background: url("../img/home/home_bar3_sel.png") no-repeat;
        background-size: cover; }
      footer a .icon.active.icon-4 {
        width: 0.58667rem;
        height: 1.04rem;
        background: url("../img/home/home_bar4_sel.png") no-repeat;
        background-size: cover; }

.weui-loading-wrap {
  display: block;
  opacity: 1; }
  .weui-loading-wrap .weui-mask_transparent {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0; }
  .weui-loading-wrap .weui-toast {
    position: fixed;
    z-index: 5000;
    width: 3.24rem;
    min-height: 3.24rem;
    top: 4.8rem;
    left: 50%;
    margin-left: -1.62667rem;
    background: rgba(17, 17, 17, 0.7);
    text-align: center;
    border-radius: 0.13333rem;
    color: #FFFFFF; }
    .weui-loading-wrap .weui-toast .weui-icon_toast {
      width: 0.54667rem;
      height: 0.54667rem;
      display: inline-block;
      vertical-align: middle;
      -webkit-animation: weuiLoading 1s steps(12, end) infinite;
      animation: weuiLoading 1s steps(12, end) infinite;
      background: transparent url("data:image/svg+xml;charset=utf8, <svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'><path fill='none' d='M0 0h100v100H0z'/><rect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/><rect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/></svg>") no-repeat;
      background-size: 100%; }
      .weui-loading-wrap .weui-toast .weui-icon_toast.weui-loading {
        margin: 0.8rem 0rem 0rem 0rem;
        width: 1.01333rem;
        height: 1.01333rem;
        vertical-align: baseline; }
    .weui-loading-wrap .weui-toast .weui-toast__content {
      margin: 0.21333rem 0rem 0.4rem 0rem;
      font-size: 0.42667rem; }

@-webkit-keyframes weuiLoading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg); }
  100% {
    transform: rotate3d(0, 0, 1, 360deg); } }

@keyframes weuiLoading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg); }
  100% {
    transform: rotate3d(0, 0, 1, 360deg); } }

.layout {
  background-color: #ffffff;
  font-size: 0;
  padding: 1.04rem 0rem 0rem 0rem; }
  .layout .top-bg {
    position: relative; }
    .layout .top-bg img {
      display: block;
      width: 100%; }
  .layout .btn-box {
    position: absolute;
    width: 100%; }
    .layout .btn-box a {
      width: 100%;
      height: 40px;
      display: inline-block; }
    .layout .btn-box.top-1 {
      bottom: 0.4rem; }
  .layout .btn-box-2 {
    position: absolute;
    width: 100%; }
    .layout .btn-box-2 .half {
      width: 50%;
      display: inline-block; }
      .layout .btn-box-2 .half a {
        width: 100%;
        height: 1rem;
        display: block;
        margin-bottom: 0.1rem; }
    .layout .btn-box-2.top-2 {
      bottom: 0.3rem; }
    .layout .btn-box-2.top-3 {
      bottom: 0.2rem; }
  .layout .m-right {
    position: fixed;
    z-index: 50;
    bottom: 5rem;
    right: 0;
    text-align: center;
    width: 2rem;
    height: 2rem;
    margin-right: 0.05rem;
    background: url("https://kfw-special.oss-cn-beijing.aliyuncs.com/activity/zcrh5/image/red.png") no-repeat center;
    background-size: contain;
    animation: shake 1.5s infinite;
    -webkit-animation: shake 1.5s infinite;
    -moz-animation: shake 1.5s infinite;
    -ms-animation: shake 1.5s infinite; }
  .layout .shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 51;
    top: 0;
    left: 0;
    display: none; }
    .layout .shadow .panel {
      background-color: #ffffff;
      border-radius: 10px;
      width: 9rem;
      height: 9rem;
      position: fixed;
      top: 50%;
      margin: -4.5rem 0 0 0.5rem;
      text-align: center;
      padding-top: 0.7rem; }
      .layout .shadow .panel .close {
        position: absolute;
        background: url('https://kfw-special.oss-cn-beijing.aliyuncs.com/activity/zcrh5/image/close.png') no-repeat center;
        background-size: contain;
        left: 50%;
        margin-left: -0.5rem;
        width: 1rem;
        height: 1rem;
        bottom: -1rem;
        color: #999999;
        font-size: 0.8rem; }
      .layout .shadow .panel .title {
        color: #509dfc;
        font-size: 0.6rem;
        line-height: 0.8rem;
        margin-bottom: 0.8rem; }
      .layout .shadow .panel .sub-title {
        color: #999999;
        font-size: 0.3rem;
        margin-top: -0.5rem;
        margin-bottom: 0.6rem; }
      .layout .shadow .panel .content .item-box {
        margin-bottom: 0.2rem; }
        .layout .shadow .panel .content .item-box .item {
          position: relative;
          width: 7rem;
          margin: 0 auto; }
          .layout .shadow .panel .content .item-box .item.left {
            text-align: left; }
          .layout .shadow .panel .content .item-box .item .icon {
            display: inline-block;
            width: 0.8rem;
            height: 1.3rem;
            background-color: #dee7f0;
            position: absolute;
            left: 0;
            top: 0;
            text-align: center;
            border: 1px solid #d9d9d9; }
            .layout .shadow .panel .content .item-box .item .icon img {
              width: 100%;
              margin-top: 0.35rem; }
          .layout .shadow .panel .content .item-box .item input {
            border: 1px solid #d9d9d9;
            height: 1.3rem;
            line-height: 1.3rem;
            padding-left: 1.3rem;
            width: 100%; }
            .layout .shadow .panel .content .item-box .item input.shirt {
              width: 60%; }
          .layout .shadow .panel .content .item-box .item .yzm {
            background-color: #dee7f0;
            height: 1.3rem;
            color: #666666;
            position: absolute;
            right: 0;
            width: 2.6rem;
            display: inline-block;
            font-size: 0.3rem;
            line-height: 1.3rem;
            text-align: center; }
      .layout .shadow .panel .content .get {
        background-color: #509dfc;
        border-radius: 6px;
        color: #ffffff;
        height: 1.3rem;
        width: 7rem;
        line-height: 1.3rem;
        font-size: 0.4rem;
        margin-top: 0.5rem;
        display: inline-block; }
      .layout .shadow .panel .content .flex {
        width: 9rem;
        display: flex;
        justify-content: space-around; }
        .layout .shadow .panel .content .flex .yhq {
          width: 4rem;
          height: 1.85rem;
          background-image: url("http://kfw-special.oss-cn-beijing.aliyuncs.com/Special/start_season/coupon.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          padding-left: 0.8rem;
          padding-top: 0.4rem;
          line-height: 0.5rem;
          margin-bottom: 0.1rem; }
          .layout .shadow .panel .content .flex .yhq .price {
            color: #f0b104;
            font-size: 0.35rem; }
            .layout .shadow .panel .content .flex .yhq .price span {
              font-size: 0.6rem; }
          .layout .shadow .panel .content .flex .yhq .txt {
            font-size: 0.2rem;
            color: #666666; }
        .layout .shadow .panel .content .flex .qdbtn {
          width: 4rem;
          background-color: #509dfc;
          height: 0.8rem;
          line-height: 0.8rem;
          margin-top: 0.2rem; }
          .layout .shadow .panel .content .flex .qdbtn .qd {
            font-size: 0.2rem;
            color: #ffffff; }
      .layout .shadow .panel.form {
        display: none; }
      .layout .shadow .panel.success {
        height: 10rem;
        background: url('https://kfw-special.oss-cn-beijing.aliyuncs.com/activity/zcrh5/image/success.png') no-repeat center;
        background-size: contain;
        margin-top: -5rem;
        display: none; }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0px); } }

@-moz-keyframes shake {
  0% {
    -webkit-transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0px); } }

@-ms-keyframes shake {
  0% {
    -webkit-transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0px); } }