@charset "UTF-8";
/* CSS Document */
html {
  font-size: 200px; }

/* CSS Document */
body,
iframe,
form,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
div,
p,
span,
ul,
ol,
li,
a,
img,
input,
select,
textarea,
table,
tr,
td {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Arial,微軟正黑體, AdobeHeitiStd-Regular; }

body {
  width: 100%;
  color: #fff;
  font-family: Arial,微軟正黑體, AdobeHeitiStd-Regular;
  font-size: 0.07rem;
  z-index: 0;
  position: relative;
  display: block;
  height: 100%;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  background: #fff; }

a {
  color: #fff;
  text-decoration: none; }

a img {
  border: none; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: no-repeat 100%;
  background-image: url(/img/system/www/p/chevron.svg);
  background-size: 0.06rem;
  background-position: right 0.025rem center;
  background-color: #fff;
  padding-left: 0.015rem;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 0.07rem; }

.memberLoginout {
  float: left;
  height: 100%;
  position: relative;
  height: 0.195rem;
  line-height: 0.195rem;
  margin-right: 0.05rem;
  margin-left: 0.05rem;
  color: #333; }
  .memberLoginout:before {
    content: "\f090";
    color: #b2b2b2;
    text-decoration: inherit;
    display: inline-block;
    speak: none;
    font-family: 'FontAwesome';
    font-size: 0.09rem;
    margin-right: 0.02rem;
    position: relative;
    top: 0.005rem; }

#header-top {
  width: 100%;
  height: 0.155rem;
  background: #001412;
  box-sizing: border-box; }
  #header-top .header-inner {
    max-width: 6.22rem;
    width: 100%;
    height: 100%;
    margin: auto; }
    #header-top .header-inner .header-top-left {
      float: left;
      height: 100%;
      display: block; }
      #header-top .header-inner .header-top-left.m {
        display: none; }
      #header-top .header-inner .header-top-left .em {
        float: left;
        line-height: 0.155rem;
        font-size: 0.07rem;
        margin: 0 0.065rem;
        color: #fff; }
        #header-top .header-inner .header-top-left .em:first-child {
          padding: 0 0.06rem;
          background: #0d3f3a;
          position: relative;
          margin: 0 0.01rem 0 0;
          color: #fff; }
          #header-top .header-inner .header-top-left .em:first-child:after {
            content: '';
            position: absolute;
            right: -0.035rem;
            top: 0.0425rem;
            border-top: 0.035rem solid transparent;
            border-bottom: 0.035rem solid transparent;
            border-left: 0.035rem solid #0d3f3a; }
    #header-top .header-inner .header-top-right {
      float: right;
      height: 100%;
      position: relative; }
      #header-top .header-inner .header-top-right .locale {
        float: left;
        height: 100%;
        cursor: pointer;
        margin-top: 0;
        position: relative;
        z-index: 100001; }
        #header-top .header-inner .header-top-right .locale .locale-inner {
          position: relative;
          width: 100%;
          height: 100%; }
        #header-top .header-inner .header-top-right .locale .current-locale {
          padding-left: 0.1rem;
          padding-right: 0.075rem;
          text-align: left;
          font-size: 0.07rem;
          height: 0.155rem;
          line-height: 0.155rem;
          position: relative; }
          #header-top .header-inner .header-top-right .locale .current-locale:before {
            content: "\f0ac";
            text-decoration: inherit;
            display: inline-block;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 0.08rem;
            position: absolute;
            left: 0; }
          #header-top .header-inner .header-top-right .locale .current-locale:after {
            content: "\f107";
            text-decoration: inherit;
            display: inline-block;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 0.08rem;
            position: absolute;
            right: 0; }
        #header-top .header-inner .header-top-right .locale .locale-list {
          position: absolute;
          top: 0.155rem;
          left: -0.05rem;
          width: 0.45rem;
          text-align: center;
          height: 0;
          overflow: hidden;
          background-color: #FFF;
          -webkit-transition: height 1s;
          -moz-transition: height 1s;
          -ms-transition: height 1s;
          -o-transition: height 1s;
          transition: height 1s;
          z-index: 1003;
          -webkit-box-shadow: 0px 1px 1px #DDD;
          -moz-box-shadow: 0px 1px 1px #DDD;
          box-shadow: 0px 1px 1px #DDD; }
          #header-top .header-inner .header-top-right .locale .locale-list a {
            width: 100%;
            height: 0.2rem;
            line-height: 0.2rem;
            display: inline-block;
            float: left;
            color: #333333;
            margin-top: 0px;
            border-bottom: 1px solid #ddd; }
          #header-top .header-inner .header-top-right .locale .locale-list a:hover {
            color: #205214; }
        #header-top .header-inner .header-top-right .locale:hover .locale-list {
          height: 0.4rem; }
      #header-top .header-inner .header-top-right .header-btn-fgx {
        float: left;
        width: 0.01rem;
        height: 0.085rem;
        background: #999;
        margin: 0.035rem 0rem 0.035rem 0.085rem; }
      #header-top .header-inner .header-top-right .cart {
        float: left;
        height: 0.155rem;
        padding-left: 0.13rem;
        padding-right: 0.075rem;
        line-height: 0.155rem;
        display: block;
        position: relative;
        color: #fff; }
        #header-top .header-inner .header-top-right .cart .cart-pro-num {
          display: block;
          position: absolute;
          width: 0.08rem;
          height: 0.08rem;
          -moz-border-radius: 0.1rem;
          -webkit-border-radius: 0.1rem;
          border-radius: 0.1rem;
          background: #205214;
          line-height: 0.08rem;
          top: 0rem;
          left: 0.18rem;
          font-size: 0.06rem;
          text-align: center;
          display: none;
          color: #fff; }
        #header-top .header-inner .header-top-right .cart:before {
          content: "";
          margin-right: 0.04rem;
          position: relative;
          top: 0.005rem;
          background-image: url(/img/system/www/vine/cart3.svg);
          display: inline-block;
          width: 0.1rem;
          height: 0.08rem;
          background-repeat: no-repeat;
          background-size: cover; }
      #header-top .header-inner .header-top-right .member {
        float: left;
        height: 100%;
        position: relative; }
        #header-top .header-inner .header-top-right .member .member-inner {
          height: 0.155rem;
          padding-left: 0.21rem;
          padding-right: 0.075rem;
          line-height: 0.155rem;
          display: block; }
          #header-top .header-inner .header-top-right .member .member-inner:before {
            content: "\f2be";
            text-decoration: inherit;
            display: inline-block;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 0.08rem;
            position: absolute;
            left: 0.09rem;
            color: #FFF; }
          #header-top .header-inner .header-top-right .member .member-inner.current {
            background: #205214;
            color: #fff; }
            #header-top .header-inner .header-top-right .member .member-inner.current:before {
              color: #fff; }
        #header-top .header-inner .header-top-right .member .im {
          height: 0.155rem;
          padding-left: 0.21rem;
          padding-right: 0.075rem;
          line-height: 0.155rem;
          display: block; }
          #header-top .header-inner .header-top-right .member .im:before {
            content: "\f2be";
            text-decoration: inherit;
            display: inline-block;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 0.08rem;
            position: absolute;
            left: 0.09rem; }
          #header-top .header-inner .header-top-right .member .im.current {
            background: #205214; }
        #header-top .header-inner .header-top-right .member .member-list {
          position: absolute;
          top: 0.155rem;
          left: 0rem;
          width: 0.565rem;
          text-align: center;
          height: 0;
          overflow: hidden;
          background-color: #FFF;
          -webkit-transition: height 1s;
          -moz-transition: height 1s;
          -ms-transition: height 1s;
          -o-transition: height 1s;
          transition: height 1s;
          z-index: 1003;
          -webkit-box-shadow: 0px 1px 1px #DDD;
          -moz-box-shadow: 0px 1px 1px #DDD;
          box-shadow: 0px 1px 1px #DDD; }
          #header-top .header-inner .header-top-right .member .member-list .item {
            width: 100%;
            display: block;
            color: #333;
            height: 0.2rem;
            line-height: 0.2rem;
            border-bottom: 1px solid #ddd; }
            #header-top .header-inner .header-top-right .member .member-list .item:first-child span.name {
              position: relative; }
              #header-top .header-inner .header-top-right .member .member-list .item:first-child span.name:before {
                content: "\f007";
                text-decoration: inherit;
                display: inline-block;
                speak: none;
                font-family: 'FontAwesome';
                font-size: 0.08rem;
                padding-right: 0.02rem; }
            #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(2) span.name {
              position: relative; }
              #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(2) span.name:before {
                content: "\f2c3";
                text-decoration: inherit;
                display: inline-block;
                speak: none;
                font-family: 'FontAwesome';
                font-size: 0.08rem;
                padding-right: 0.02rem; }
            #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(3) span.name {
              position: relative; }
              #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(3) span.name:before {
                content: "\f004";
                text-decoration: inherit;
                display: inline-block;
                speak: none;
                font-family: 'FontAwesome';
                font-size: 0.08rem;
                padding-right: 0.02rem; }
            #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(4) span.name {
              position: relative; }
              #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(4) span.name:before {
                content: "\f187";
                text-decoration: inherit;
                display: inline-block;
                speak: none;
                font-family: 'FontAwesome';
                font-size: 0.08rem;
                padding-right: 0.02rem; }
            #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(5) span.name {
              position: relative; }
              #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(5) span.name:before {
                content: "\f005";
                text-decoration: inherit;
                display: inline-block;
                speak: none;
                font-family: 'FontAwesome';
                font-size: 0.08rem;
                padding-right: 0.02rem; }
            #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(6) span.name {
              position: relative; }
              #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(6) span.name:before {
                content: "\f154";
                text-decoration: inherit;
                display: inline-block;
                speak: none;
                font-family: 'FontAwesome';
                font-size: 0.08rem;
                padding-right: 0.02rem; }
            #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(7) span.name {
              position: relative; }
              #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(7) span.name:before {
                content: "\f03a";
                text-decoration: inherit;
                display: inline-block;
                speak: none;
                font-family: 'FontAwesome';
                font-size: 0.08rem;
                padding-right: 0.02rem; }
            #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(8) span.name {
              position: relative; }
              #header-top .header-inner .header-top-right .member .member-list .item:nth-of-type(8) span.name:before {
                content: "\f090";
                text-decoration: inherit;
                display: inline-block;
                speak: none;
                font-family: 'FontAwesome';
                font-size: 0.08rem;
                padding-right: 0.02rem; }
            #header-top .header-inner .header-top-right .member .member-list .item:hover span.name {
              color: #205214; }
        #header-top .header-inner .header-top-right .member .im .img {
          width: 0.08rem;
          height: 0.08rem;
          background-position: center;
          background-size: cover;
          position: absolute;
          left: 0.09rem;
          top: 0.035rem;
          -webkit-border-radius: 0.04rem;
          -moz-border-radius: 0.04rem;
          border-radius: 0.04rem; }
        #header-top .header-inner .header-top-right .member .im:before {
          display: none; }
        #header-top .header-inner .header-top-right .member .login-pop {
          display: none;
          position: absolute;
          width: 1.5rem;
          min-height: 1.2rem;
          right: 0px;
          border: 1px solid #6e6158;
          background: #fff;
          z-index: 100000; }
          #header-top .header-inner .header-top-right .member .login-pop .login-inner {
            margin: 0.09rem;
            display: block; }
            #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-reg {
              display: block;
              margin-bottom: 0.075rem; }
              #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-reg a.login {
                font-size: 0.1rem;
                color: #205214;
                margin-right: 0.025rem; }
              #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-reg span {
                font-size: 0.07rem;
                color: #a5a5a5; }
              #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-reg a.register {
                font-size: 0.07rem;
                color: #205214; }
            #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item {
              width: 100%;
              min-height: 0.17rem;
              margin-left: auto;
              margin-right: auto;
              margin-top: 0.135rem;
              display: table;
              border: 1px solid #b8b8b8;
              box-sizing: border-box;
              background: #fff;
              position: relative; }
              #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item:first-child {
                margin-top: 0rem; }
                #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item:first-child select {
                  float: left;
                  margin: 0.05rem auto;
                  border: none;
                  box-sizing: border-box;
                  width: 0.29rem;
                  font-size: 0.07rem;
                  color: #205214; }
                #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item:first-child input {
                  border: none;
                  outline: medium;
                  margin: 0.04rem auto;
                  float: left;
                  padding: 0 0.05rem;
                  box-sizing: border-box;
                  width: 0.65rem;
                  height: 21px;
                  min-height: auto; }
              #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item:nth-of-type(2) input {
                border: none;
                outline: medium;
                height: 21px;
                margin: 0.04rem auto;
                float: left;
                box-sizing: border-box;
                width: 0.965rem; }
              #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item .tip {
                position: absolute;
                color: #95060f;
                top: 0.21rem;
                left: 0rem;
                padding-left: 0.1rem;
                display: none; }
                #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item .tip:before {
                  position: absolute;
                  content: "\f05c";
                  text-decoration: inherit;
                  speak: none;
                  font-family: 'FontAwesome';
                  font-size: 0.07rem;
                  color: #95060f;
                  left: 0;
                  top: 0.02rem; }
              #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item .tip2 {
                position: absolute;
                color: #95060f;
                top: 0.21rem;
                left: 0rem;
                padding-left: 0.1rem;
                display: none; }
                #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item .tip2:before {
                  position: absolute;
                  content: "\f05c";
                  text-decoration: inherit;
                  speak: none;
                  font-family: 'FontAwesome';
                  font-size: 0.07rem;
                  color: #95060f;
                  left: 0;
                  top: 0.02rem; }
              #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item .tip3 {
                position: absolute;
                color: #95060f;
                top: 0.21rem;
                left: 0rem;
                padding-left: 0.1rem;
                display: none; }
                #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item .tip3:before {
                  position: absolute;
                  content: "\f05c";
                  text-decoration: inherit;
                  speak: none;
                  font-family: 'FontAwesome';
                  font-size: 0.07rem;
                  color: #95060f;
                  left: 0;
                  top: 0.02rem; }
              #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item label {
                width: 0.34rem;
                text-align: left;
                padding: 0 0.01rem;
                height: 21px;
                line-height: 21px;
                margin-top: 0.04rem;
                box-sizing: border-box;
                color: #333333;
                float: left;
                display: block;
                overflow: hidden; }
              #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item input {
                float: left;
                max-width: 0.97rem;
                max-width: 0.845rem;
                border: none;
                height: 0.165rem;
                outline: medium;
                padding-left: 0.025rem;
                box-sizing: border-box;
                font-size: 0.07rem; }
            #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .forgot {
              font-size: 0.07rem;
              color: #205214;
              margin-top: 0.175rem;
              display: block; }
            #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .submit {
              width: 100%;
              height: 0.19rem;
              display: block;
              box-sizing: border-box;
              background: #205214;
              text-align: center;
              line-height: 0.19rem;
              margin-top: 0.065rem;
              font-size: 0.1rem; }
        #header-top .header-inner .header-top-right .member:hover .member-list {
          height: 1.635rem; }

#svg-body #header-menu a.logo {
  background-image: url(/img/system/www/vine/logo.svg);
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0; }

#svg-body #footer .foot-inner a.foot-logo {
  background-image: url(/img/system/www/vine/logo_footer.png);
  width: 1.335rem;
  height: 0.94rem;
  margin: 0;
  background-position: center;
  background-size: cover; }

.newheader#svg-body #header #header-menu .logo {
  background-image: url(/img/system/www/vine/logo.svg); }

#header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item.codehide {
  display: none; }

#header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item.codeshow {
  display: block; }
  #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item.codeshow img {
    height: 0.125rem;
    width: 0.4rem; }
  #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item.codeshow input {
    width: 0.55rem;
    height: 0.16rem; }

#header {
  height: 0.65rem;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 2;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
  background: #fff; }

#header-menu {
  width: 100%;
  max-width: 6.22rem;
  height: 0.5rem;
  margin: auto;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s; }
  #header-menu .searchDiv {
    position: absolute;
    left: 0;
    bottom: -0.35rem;
    width: 100%;
    height: 0.325rem;
    background: #7FC269;
    display: none;
    padding-top: 0.025rem; }
    #header-menu .searchDiv .inner {
      width: 100%;
      max-width: 6.22rem;
      margin: auto;
      height: 100%;
      position: relative; }
      #header-menu .searchDiv .inner .search {
        height: 0.245rem;
        width: 100%;
        border: none;
        padding-left: 0.3rem;
        box-sizing: border-box;
        color: #959595;
        font-size: 0.19rem;
        line-height: 0.245rem;
        outline: none;
        border-radius: 0.245rem; }
      #header-menu .searchDiv .inner .submit {
        position: absolute;
        width: 0.275rem;
        height: 0.245rem;
        left: 0;
        border: 0;
        background: none;
        cursor: pointer;
        text-align: center;
        line-height: 0.245rem;
        padding-left: 0.025rem;
        box-sizing: border-box; }
        #header-menu .searchDiv .inner .submit:before {
          content: "\f002";
          font-family: 'FontAwesome';
          font-weight: normal;
          color: #7d7d7d;
          font-size: 0.15rem; }
  #header-menu a.logo {
    float: left;
    margin-top: 0.0425rem;
    width: 0.55385rem;
    height: 0.40985rem;
    display: block;
    background-size: cover;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s; }
  #header-menu ul {
    float: right;
    height: 100%;
    text-align: right; }
    #header-menu ul li {
      height: 100%;
      display: inline-block;
      position: relative; }
      #header-menu ul li .searchbtn span {
        font-size: 0.08rem;
        background: #fff;
        color: #AAAAAA;
        padding: 0.015rem 0.3rem 0.015rem 0.05rem;
        border-radius: 0.11rem;
        position: relative;
        border: 1px solid #205214; }
        #header-menu ul li .searchbtn span:before {
          content: "\f002";
          font-family: 'FontAwesome';
          font-weight: normal;
          position: absolute;
          right: 0.05rem;
          top: 0.015rem; }
      #header-menu ul li .li-list {
        position: absolute;
        top: 0.4rem;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        width: 1rem;
        text-align: center;
        height: 0;
        overflow: hidden;
        background-color: #FFF;
        -webkit-transition: height 1s;
        -moz-transition: height 1s;
        -ms-transition: height 1s;
        -o-transition: height 1s;
        transition: height 1s;
        z-index: 1003;
        -webkit-box-shadow: 0px 1px 1px #DDD;
        -moz-box-shadow: 0px 1px 1px #DDD;
        box-shadow: 0px 1px 1px #DDD; }
        #header-menu ul li .li-list a {
          width: 100%;
          padding: 0.075rem 0.05rem;
          box-sizing: border-box;
          display: inline-block;
          float: left;
          font-size: 0.08rem;
          color: #333333;
          margin-top: 0px;
          border-bottom: 1px solid #ddd; }
        #header-menu ul li .li-list a:hover {
          color: #205214; }
      #header-menu ul li:hover .li-list {
        height: auto; }
      #header-menu ul li a {
        padding: 0.205rem 0.075rem 0.205rem 0.075rem;
        display: block;
        font-size: 0.08rem;
        color: #205214;
        -webkit-transition: padding .5s;
        -moz-transition: padding .5s;
        -o-transition: padding .5s;
        -ms-transition: padding .5s;
        transition: padding .5s; }
        #header-menu ul li a:hover {
          color: #205214; }
        #header-menu ul li a.current {
          color: #205214; }

#header-menu-m {
  display: none; }

.newheader #header {
  width: 100%;
  height: 0.46rem;
  background: #fff;
  position: fixed;
  top: 0rem;
  z-index: 120000; }
  .newheader #header #header-menu {
    height: 0.31rem; }
    .newheader #header #header-menu .logo {
      background-image: url(/img/system/www/vine/logo.svg);
      width: 0.31rem;
      height: 0.31rem;
      margin-top: 0rem;
      background-size: cover; }
    .newheader #header #header-menu ul li {
      margin-top: 0; }
      .newheader #header #header-menu ul li .li-list {
        top: 0.29rem; }
        .newheader #header #header-menu ul li .li-list a {
          padding: 0.075rem 0.05rem;
          color: #333333; }
          .newheader #header #header-menu ul li .li-list a:hover {
            padding: 0.075rem 0.05rem; }
    .newheader #header #header-menu ul li a {
      color: #205214;
      padding: 0.105rem 0.05rem 0.105rem 0.05rem;
      margin-top: 0rem; }
      .newheader #header #header-menu ul li a.current {
        padding: 0.105rem 0.05rem 0.105rem 0.05rem;
        margin-top: 0rem;
        color: #205214; }
      .newheader #header #header-menu ul li a:hover {
        padding: 0.105rem 0.05rem 0.105rem 0.05rem;
        color: #205214;
        margin-top: 0rem; }

#main {
  padding-top: 0.65rem;
  box-sizing: border-box; }

#footer {
  width: 100%;
  background: #fff;
  text-align: center;
  display: inline-block; }
  #footer .foot-bottom {
    height: 0.275rem;
    width: 100%;
    background: #205214;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center; }
    #footer .foot-bottom p {
      max-width: 6.55rem;
      padding: 0 0.15rem; }
  #footer .footer_menu {
    width: 100%;
    max-width: 7rem;
    padding: 0.225rem 0.15rem 0.175rem;
    box-sizing: border-box;
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between; }
    #footer .footer_menu .fl {
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
    #footer .footer_menu .fm {
      width: 50%;
      text-align: left;
      font-size: 0.12rem;
      line-height: 0.18rem; }
    #footer .footer_menu .fr {
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 2.225rem; }
      #footer .footer_menu .fr .fm {
        width: 100%; }
        #footer .footer_menu .fr .fm img {
          height: 0.15rem; }
  #footer .foot-contact-m {
    display: none; }
  #footer .foot-inner-m {
    display: none; }
  #footer .foot-inner {
    width: 100%;
    max-width: 6.55rem;
    padding: 0 0.15rem;
    margin: auto auto 0.1rem auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    box-sizing: border-box; }
    #footer .foot-inner a.foot-logo {
      margin-left: 0.075rem;
      margin-top: 0.325rem;
      width: 1.435rem;
      height: 0.28rem;
      display: inline-block;
      float: left;
      background: url(/img/system/www/p/foot_logo.png);
      background-position: center;
      background-size: cover; }
    #footer .foot-inner .foot-menu {
      margin-left: 0.45rem;
      margin-top: 0;
      float: left;
      width: 1rem;
      text-align: left; }
      #footer .foot-inner .foot-menu .item {
        display: block;
        color: #515151;
        font-size: 0.08rem;
        line-height: 0.09rem;
        margin-bottom: 0.05rem; }
        #footer .foot-inner .foot-menu .item:first-child {
          color: #205214;
          font-size: 0.11rem;
          font-weight: bold;
          margin-bottom: 0.1rem; }
          #footer .foot-inner .foot-menu .item:first-child:hover {
            color: #205214; }
        #footer .foot-inner .foot-menu .item:hover {
          color: #205214; }
    #footer .foot-inner .foot-contact {
      margin-left: 0.2rem;
      float: left;
      width: 1.25rem;
      text-align: left;
      flex: 1; }
      #footer .foot-inner .foot-contact .item {
        display: block;
        color: #515151;
        font-size: 0.08rem;
        line-height: 0.09rem;
        margin-bottom: 0.05rem; }
        #footer .foot-inner .foot-contact .item:last-child {
          margin-bottom: 0rem; }
        #footer .foot-inner .foot-contact .item:first-child {
          color: #205214;
          font-size: 0.11rem;
          font-weight: bold;
          margin-bottom: 0.1rem; }
          #footer .foot-inner .foot-contact .item:first-child:hover {
            color: #205214; }
        #footer .foot-inner .foot-contact .item:nth-of-type(2) {
          padding-left: 0.12rem;
          position: relative; }
          #footer .foot-inner .foot-contact .item:nth-of-type(2):before {
            content: "\f095";
            text-decoration: inherit;
            display: inline-block;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 0.08rem;
            position: absolute;
            left: 0;
            top: 0.01rem; }
        #footer .foot-inner .foot-contact .item:nth-of-type(3) {
          padding-left: 0.12rem;
          position: relative; }
          #footer .foot-inner .foot-contact .item:nth-of-type(3):before {
            content: "\f0e0";
            text-decoration: inherit;
            display: inline-block;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 0.08rem;
            position: absolute;
            left: 0; }
        #footer .foot-inner .foot-contact .item:nth-of-type(4) {
          margin-top: 0.2rem;
          color: #205214;
          font-size: 0.11rem;
          font-weight: bold;
          margin-bottom: 0.1rem; }
          #footer .foot-inner .foot-contact .item:nth-of-type(4):hover {
            color: #205214; }
        #footer .foot-inner .foot-contact .item:hover {
          color: #205214; }
      #footer .foot-inner .foot-contact div.item a {
        width: 0.305rem;
        height: 0.305rem;
        display: block;
        float: left;
        margin-right: 0.1rem;
        text-align: center; }
        #footer .foot-inner .foot-contact div.item a:first-child {
          background-image: url(/img/system/www/vine/fu_1.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
        #footer .foot-inner .foot-contact div.item a:nth-child(2) {
          background-image: url(/img/system/www/vine/fu_2.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
        #footer .foot-inner .foot-contact div.item a:nth-child(3) {
          background-image: url(/img/system/www/vine/fu_3.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
    #footer .foot-inner .copyright {
      text-align: right;
      color: #515151;
      margin-top: 0;
      margin-bottom: 0;
      font-size: 0.08rem;
      line-height: 0.08rem; }

#layout-showhide {
  width: 100%;
  height: 0.19rem;
  position: relative;
  z-index: 99999; }
  #layout-showhide .showbg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #001412; }
  #layout-showhide #scroll-area {
    width: 100%;
    height: 0.09rem;
    max-width: 6.22rem;
    margin: auto;
    padding: 0.05rem 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
    #layout-showhide #scroll-area #scrollingTextFixed {
      border: medium none;
      color: #fff;
      float: left;
      font-size: 0.07rem;
      height: 0.09rem;
      padding: 0 0.05rem;
      text-align: left;
      line-height: 0.09rem;
      background: #205214; }
    #layout-showhide #scroll-area #scrollingText {
      border: medium none;
      width: 90%;
      height: 0.09rem;
      padding: 0;
      position: relative;
      line-height: 0.09rem;
      margin-left: 0.05rem;
      float: left;
      max-width: 5.75rem; }
      #layout-showhide #scroll-area #scrollingText .scrollWrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%; }
        #layout-showhide #scroll-area #scrollingText .scrollWrapper .scrollableArea {
          position: relative;
          width: auto;
          height: 100%; }
        #layout-showhide #scroll-area #scrollingText .scrollWrapper .scrollableArea * {
          display: block;
          float: left;
          margin: 0;
          padding-right: 0.125rem;
          font-size: 0.07rem;
          line-height: 0.09rem;
          font-weight: normal;
          color: #000;
          white-space: nowrap; }
          #layout-showhide #scroll-area #scrollingText .scrollWrapper .scrollableArea * a {
            color: #fff; }
    #layout-showhide #scroll-area #scrollingTextFixed1 {
      border: medium none;
      color: #fff;
      float: left;
      font-size: 0.07rem;
      height: 0.09rem;
      padding: 0 0.05rem;
      text-align: left;
      line-height: 0.09rem;
      background: #423024;
      margin-top: 0.03rem; }
    #layout-showhide #scroll-area #scrollingText1 {
      border: medium none;
      width: 90%;
      height: 0.09rem;
      padding: 0;
      position: relative;
      line-height: 0.09rem;
      margin-left: 0.435rem;
      margin-top: 0.03rem;
      float: left;
      max-width: 5.75rem; }
      #layout-showhide #scroll-area #scrollingText1 .scrollWrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%; }
        #layout-showhide #scroll-area #scrollingText1 .scrollWrapper .scrollableArea {
          position: relative;
          width: auto;
          height: 100%; }
        #layout-showhide #scroll-area #scrollingText1 .scrollWrapper .scrollableArea * {
          display: block;
          float: left;
          margin: 0;
          padding-right: 0.125rem;
          font-size: 0.07rem;
          line-height: 0.09rem;
          font-weight: normal;
          color: #a5a5a5;
          white-space: nowrap; }
          #layout-showhide #scroll-area #scrollingText1 .scrollWrapper .scrollableArea * a {
            color: #a5a5a5; }

.wxpop {
  display: none; }

.wxpop .popbg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  left: 0;
  top: 0;
  z-index: 1000000;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)"; }

.wxpop .wximg {
  position: fixed;
  background: #000;
  left: 50%;
  top: 50%;
  z-index: 1000001;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .wxpop .wximg img {
    width: 1.41rem; }

.us #header-menu ul li a {
  padding: 0.205rem 0.05rem 0.205rem 0.05rem; }

.us #header-menu ul li .li-list a {
  padding: 0.075rem 0.05rem; }

@media (max-width: 1000px) {
  #header #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item:first-child input {
    min-width: 38%;
    max-width: 38%; } }
@media (max-width: 1050px) {
  #header #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item .tip {
    top: 0.235rem; } }
@media (max-width: 850px) {
  #header #header-top .header-inner .header-top-right .member .login-pop .login-inner .login-form .item .tip {
    top: 0.25rem; } }
@media (min-width: 751px) {
  .leftMenu {
    display: none !important; } }
@media (max-width: 750px) {
  #footer .foot-contact-m {
    display: block;
    background: #fff; }
    #footer .foot-contact-m .copyright {
      font-size: 0.14rem;
      color: #515151;
      margin-top: 0.15rem;
      padding-bottom: 0.1rem; }
    #footer .foot-contact-m a.item {
      color: #205214;
      font-size: 0.22rem;
      line-height: 0.24rem;
      font-weight: bold;
      margin-bottom: 0.1rem;
      display: block; }
    #footer .foot-contact-m div.item {
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
      #footer .foot-contact-m div.item a {
        width: 0.61rem;
        height: 0.61rem;
        display: block;
        float: left;
        margin: 0 0.1rem;
        text-align: center; }
        #footer .foot-contact-m div.item a:first-child {
          background-image: url(/img/system/www/vine/fu_1.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
        #footer .foot-contact-m div.item a:nth-child(2) {
          background-image: url(/img/system/www/vine/fu_2.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
        #footer .foot-contact-m div.item a:nth-child(3) {
          background-image: url(/img/system/www/vine/fu_3.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          margin-right: 0rem; }

  .searchDivMobile {
    margin: 0.15rem;
    width: 3.45rem;
    position: relative; }
    .searchDivMobile .search {
      height: 0.315rem;
      border: 1px solid #bf1e2e;
      border-radius: 0.05rem;
      font-size: 0.225rem;
      padding: 0 0.125rem;
      box-sizing: border-box;
      color: #c9aaab;
      width: 100%;
      border: 2px solid #7FC269;
      height: 0.36rem;
      line-height: 0.36rem;
      border-radius: 0.36rem;
      font-size: 0.23rem;
      color: #B3B3B3; }
    .searchDivMobile .submit {
      position: absolute;
      width: 0.225rem;
      height: 0.36rem;
      right: 0;
      border: 0;
      background: none;
      cursor: pointer;
      text-align: center;
      line-height: 0.36rem;
      padding-right: 0.1rem; }
      .searchDivMobile .submit:before {
        content: "\f002";
        font-family: 'FontAwesome';
        font-weight: normal;
        color: #B3B3B3;
        font-size: 0.2rem; }

  #main {
    padding-top: 0.825rem; }

  .newheader #header {
    height: 0.825rem;
    background: #fff; }

  .mobilecart {
    background-image: url(/img/system/www/vine/cart2.svg);
    background-size: cover;
    width: 0.25rem;
    height: 0.25rem;
    display: inline-block;
    background-size: cover;
    margin-top: 0.13rem;
    margin-right: 0.08rem;
    float: right;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    position: relative; }
    .mobilecart .cart-pro-num {
      position: absolute;
      width: 0.15rem;
      height: 0.15rem;
      -moz-border-radius: 0.1rem;
      -webkit-border-radius: 0.1rem;
      border-radius: 0.1rem;
      background: #205214;
      line-height: 0.15rem;
      top: -0.03rem;
      left: 0.15rem;
      font-size: 0.06rem;
      text-align: center;
      display: none; }

  #header {
    height: 0.825rem;
    background: #0a0909;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -ms-transition: all 0s;
    transition: all 0s;
    z-index: 1000000;
    border-bottom: 1px solid #e6e6e6; }
    #header .leftMenu {
      padding-top: 0.1rem;
      display: none; }
      #header .leftMenu .inner ul li {
        width: 100%;
        height: 0.5rem;
        display: block;
        list-style-type: none; }
        #header .leftMenu .inner ul li a {
          width: 100%;
          height: 100%;
          display: block;
          box-sizing: border-box;
          padding-left: 0.275rem;
          font-size: 0.18rem;
          color: #5d4e45;
          line-height: 0.5rem;
          position: relative; }
          #header .leftMenu .inner ul li a:after {
            content: "\f105";
            color: #7FC269;
            text-decoration: inherit;
            display: inline-block;
            speak: none;
            font-family: 'FontAwesome';
            position: absolute;
            right: 0.275rem;
            font-size: 0.21rem; }
      #header .leftMenu .inner .leftMenu-list {
        padding-bottom: 0.1rem;
        border-bottom: 1px solid #e6e6e6; }
      #header .leftMenu .inner .about {
        width: 100%;
        display: block;
        position: relative; }
        #header .leftMenu .inner .about .about-top {
          font-size: 0.16rem;
          color: #5d4e45;
          width: 100%;
          margin: 0.225rem auto 0.1rem auto;
          text-align: center;
          position: relative; }
          #header .leftMenu .inner .about .about-top .title {
            z-index: 1;
            position: relative;
            background: #fff;
            display: inline-block;
            padding: 0 0.05rem;
            font-size: 0.22rem;
            color: #205214;
            font-weight: bold; }
          #header .leftMenu .inner .about .about-top .bg-line {
            position: absolute;
            z-index: 0;
            width: 100%;
            height: 1px;
            background: #bf1e2e;
            top: 50%; }
        #header .leftMenu .inner .about .about-middle {
          text-align: center;
          display: -webkit-flex;
          display: -moz-flex;
          display: flex;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center;
          margin-bottom: 0.25rem; }
          #header .leftMenu .inner .about .about-middle a.som {
            width: 0.75rem;
            height: 0.75rem;
            display: block;
            float: left;
            margin-right: 0.25rem;
            text-align: center; }
            #header .leftMenu .inner .about .about-middle a.som:first-child {
              background-image: url(/img/system/www/vine/fu_1.svg);
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover; }
            #header .leftMenu .inner .about .about-middle a.som:nth-child(2) {
              background-image: url(/img/system/www/vine/fu_2.svg);
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover; }
            #header .leftMenu .inner .about .about-middle a.som:nth-child(3) {
              background-image: url(/img/system/www/vine/fu_3.svg);
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover; }
        #header .leftMenu .inner .about .about-bottom {
          margin-bottom: 0.35rem;
          display: block; }
          #header .leftMenu .inner .about .about-bottom a {
            width: 2.9rem;
            height: 0.65rem;
            border: none;
            background-image: url(/img/system/www/vine/telbg.svg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            margin: auto;
            display: block;
            font-size: 0.24rem;
            color: #fff;
            line-height: 0.65rem;
            padding-left: 0.75rem;
            box-sizing: border-box; }
        #header .leftMenu .inner .about .locale {
          border-top: 1px solid #ebf2f1;
          padding-top: 0.15rem;
          padding-bottom: 0.45rem;
          height: 0.4rem;
          background-image: url(/img/system/www/vine/globe_mo.svg);
          display: -webkit-flex;
          display: -moz-flex;
          display: flex;
          background-repeat: no-repeat;
          background-position: left 0.15rem top 0.15rem;
          background-size: 0.4rem 0.4rem; }
          #header .leftMenu .inner .about .locale a {
            height: 0.4rem;
            line-height: 0.4rem;
            font-size: 0.2rem;
            color: #666;
            width: 1rem;
            display: inline-block;
            margin-left: 0.15rem;
            text-align: center; }
            #header .leftMenu .inner .about .locale a:first-child {
              margin-left: 0.8rem; }
            #header .leftMenu .inner .about .locale a.current {
              color: #fff;
              background: #205214; }
    #header #header-top {
      height: 0.27rem; }
      #header #header-top .header-inner .header-top-left {
        width: 100%;
        display: none; }
        #header #header-top .header-inner .header-top-left.m {
          display: block;
          overflow: hidden; }
        #header #header-top .header-inner .header-top-left .em {
          line-height: 0.27rem;
          font-size: 0.08rem;
          margin: 0 0.025rem; }
          #header #header-top .header-inner .header-top-left .em:first-child {
            padding: 0 0.03rem 0 0.04rem;
            margin: 0 0.035rem 0 0; }
            #header #header-top .header-inner .header-top-left .em:first-child:after {
              top: 0.1rem; }
      #header #header-top .header-inner .header-top-right {
        display: none; }
    #header #header-menu {
      display: none; }
    #header #header-menu-m {
      display: block;
      height: 0.555rem;
      width: 100%;
      background: #fff; }
      #header #header-menu-m .inner {
        width: 3.75rem;
        height: 100%;
        margin: auto;
        display: block;
        position: relative; }
        #header #header-menu-m .inner .mobile-menu {
          background-image: url(/img/system/www/vine/menu.png);
          width: 0.19rem;
          height: 0.14rem;
          display: inline-block;
          background-size: cover;
          margin-top: 0.195rem;
          margin-left: 0.15rem;
          float: left; }
          #header #header-menu-m .inner .mobile-menu.del {
            background-image: url(/img/system/www/vine/menu-del.png);
            width: 0.16rem;
            height: 0.16rem;
            margin-top: 0.185rem;
            margin-left: 0.165rem; }
        #header #header-menu-m .inner h1 {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          font-size: 0.18rem;
          color: #fff; }
        #header #header-menu-m .inner .logo {
          background-image: url(/img/system/www/p-svg/logo2.svg);
          width: 1.435rem;
          height: 0.28rem;
          display: block;
          background-size: cover;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        #header #header-menu-m .inner .member-im {
          background-image: url(/img/system/www/vine/member_icon.png);
          width: 0.2rem;
          height: 0.2rem;
          display: inline-block;
          background-size: cover;
          margin-top: 0.17rem;
          margin-right: 0.15rem;
          float: right;
          border-radius: 0.2rem;
          -webkit-border-radius: 0.2rem;
          -moz-border-radius: 0.2rem;
          overflow: hidden; }
          #header #header-menu-m .inner .member-im .img {
            width: 0.2rem;
            height: 0.2rem;
            display: inline-block;
            background-size: cover; }
        #header #header-menu-m .inner .member-im-exit:before {
          content: "\f090";
          color: #666666;
          text-decoration: inherit;
          display: inline-block;
          speak: none;
          font-family: 'FontAwesome';
          font-size: 0.22rem;
          float: right;
          margin-right: 0.15rem;
          margin-top: 0.15rem; }
    #header .leftMenu {
      width: 100%;
      position: fixed;
      background: #fff;
      z-index: 100000;
      border-top: 1px solid #e6e6e6; }

  #svg-body #header #header-menu-m .inner .logo {
    background-image: url(/img/system/www/vine/mlogo.svg);
    width: 1.87955rem;
    height: 0.47rem; }

  #footer {
    background: #000; }
    #footer .footer_menu {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
      #footer .footer_menu .fl {
        width: 100%; }
      #footer .footer_menu .fm {
        width: 100%;
        font-size: 0.14rem;
        line-height: 0.24rem; }
      #footer .footer_menu .fr {
        width: 100%;
        margin-top: 0.1rem;
        margin-bottom: 0.15rem; }
        #footer .footer_menu .fr img {
          height: auto !important;
          width: 100%; }
    #footer .foot-inner {
      display: none; }
    #footer .foot-inner-m {
      line-height: 0.15rem;
      font-size: 0.09rem;
      text-align: center;
      display: block; }

  #layout-showhide {
    height: 0.2rem; }
    #layout-showhide #scroll-area {
      padding: 0;
      height: 0.2rem; }
      #layout-showhide #scroll-area #scrollingTextFixed {
        margin: 0 0.05rem 0 0;
        width: 0.6rem;
        display: block;
        height: 0.2rem;
        line-height: 0.2rem;
        font-size: 0.13rem;
        text-align: center;
        padding: 0; }
      #layout-showhide #scroll-area #scrollingText {
        width: 3.05rem;
        margin-left: 0;
        height: 0.2rem; }
        #layout-showhide #scroll-area #scrollingText .scrollWrapper .scrollableArea * {
          font-size: 0.11rem;
          line-height: 0.2rem; }
      #layout-showhide #scroll-area #scrollingText1 {
        width: 3.05rem;
        margin-left: 0.8rem;
        height: 0.2rem; }
        #layout-showhide #scroll-area #scrollingText1 .scrollWrapper .scrollableArea * {
          font-size: 0.11rem;
          line-height: 0.2rem; }

  .wxpop {
    position: fixed;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    .wxpop .popbg {
      margin-top: 0; }
    .wxpop .wximg img {
      width: 2.82rem; } }