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(../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(../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(../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("../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("../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; }

footer .freecall {
  text-align: center;
  width: 5rem;
  display: inline-block;
  height: 1.30667rem;
  background-color: #009be1;
  color: #ffffff;
  vertical-align: top;
  font-size: 0.34667rem;
  line-height: 1.30667rem;
  border: none; }
  footer .freecall .e-icon {
    display: inline-block;
    width: 0.66667rem;
    height: 0.66667rem;
    vertical-align: middle;
    background-size: cover;
    background-image: url("../img/event/sec-icon.png");
    margin-bottom: 0.13333rem;
    margin-right: 0.05333rem; }

footer .buys {
  text-align: center;
  width: 5rem;
  display: inline-block;
  height: 1.30667rem;
  line-height: 1.30667rem;
  font-size: 0.42667rem;
  font-weight: bold;
  color: #ffffff;
  background-color: #d19456;
  vertical-align: top;
  font-size: 0.34667rem;
  line-height: 1.30667rem;
  border: none; }
  footer .buys .e-icon {
    display: inline-block;
    width: 0.66667rem;
    height: 0.66667rem;
    vertical-align: middle;
    background-size: cover;
    background-image: url("../img/event/sec-icon-2.png");
    margin-bottom: 0.13333rem;
    margin-right: 0.05333rem; }

footer.disabled .freecall {
  background-color: #999999; }

footer.disabled .buys {
  background-color: #999999; }

.layout {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: 1.04rem; }
  .layout .section {
    width: 100%;
    position: relative; }
    .layout .section img {
      width: 100%; }
    .layout .section .btn {
      background: #c6a771;
      color: #fff;
      width: 7.14rem;
      height: 0.78rem;
      border-radius: 0.1rem;
      line-height: 0.78rem;
      text-align: center;
      font-size: 0.2857rem;
      position: absolute;
      bottom: 1.3857rem;
      left: 50%;
      margin-left: -3.57rem; }
      .layout .section .btn.bottom7 {
        bottom: 1.7857rem; }
    .layout .section .gift {
      position: absolute;
      top: 2.5rem;
      right: 0.4rem;
      width: 2.3857rem; }
      .layout .section .gift.t31 {
        top: 3.1rem; }
    .layout .section .nav {
      height: 1.271rem;
      background: #ccaf7d;
      color: #333;
      font-size: 0.314rem;
      line-height: 1.271rem;
      width: 100%;
      overflow: hidden; }
      .layout .section .nav ul {
        position: relative;
        height: 1.271rem;
        width: 100%;
        -webkit-overflow-scrolling: touch; }
        .layout .section .nav ul li {
          width: 3.171rem;
          text-align: center;
          float: left; }
          .layout .section .nav ul li.active {
            background: #b0925f; }
      .layout .section .nav.fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 102; }

.shadow {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 103;
  top: 0;
  left: 0;
  display: none; }

.coupon {
  position: fixed;
  z-index: 103;
  width: 9.17rem;
  height: 9.214rem;
  background-image: url("http://kfw-special.oss-cn-beijing.aliyuncs.com/H5_event/corporate/coupon.png");
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  margin-left: -4.385rem;
  margin-top: -4.607rem;
  font-size: 0.3142rem;
  display: none; }
  .coupon .close {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    width: 1.5rem;
    height: 1.2rem; }
  .coupon ul {
    width: 6.114rem;
    margin: 2.3rem auto 0; }
    .coupon ul li {
      border-bottom: 1px solid #dcdbd9;
      height: 0.9428rem;
      line-height: 0.9428rem;
      position: relative; }
      .coupon ul li input {
        border: 0;
        height: 100%;
        vertical-align: super;
        background-color: #f5f4f2; }
      .coupon ul li .imgyzm {
        position: absolute;
        right: 0;
        width: 1.8571rem;
        height: 0.6rem;
        margin-top: 0.15rem; }
      .coupon ul li .messageyzm {
        position: absolute;
        right: 0;
        width: 1.8571rem;
        background: #d7d7d7;
        color: #666;
        height: 0.6rem;
        line-height: 0.6rem;
        margin-top: 0.15rem;
        text-align: center; }
  .coupon .subtn {
    margin: 2.6rem 0 0 1.5rem;
    width: 6.1428rem;
    height: 0.9rem;
    background: #ccaf7d;
    color: #fff;
    text-align: center;
    line-height: 0.9rem; }

.mobile-dialogView {
  z-index: 1004; }

.event-right {
  display: none; }