html {
  font-size: 1rem;
}
body {
   background-color: #F4F2F2;
}
.wrapper {
  min-width: 1000px;
  min-height: 640px;
}
.container-main {
  margin-top: 53px;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.c-lanse {
  color: #57a5a2;
}
.c-lvse {
  color: #7ab55d;
}
.header {
  padding: 6px 0;
  background-color: rgba(255, 255, 255, 0.7);
}
.header__logo {
    height: 40px;
}
.header .nav-link {
    white-space: nowrap;
    font-weight: 500;
    color: #333;
}
.header .nav-link.active {
      color: green;
}
.nav-vice .nav-link {
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 15px;
}
.nav-vice .icon {
  height: 1.4rem;
  width: 1.4rem;
  margin-right: .25rem;
  vertical-align: bottom;
}
.nav-vice .badge {
  position: absolute;
  top: -3px;
  right: -3px;
}
.footer {
  font-size: 13px;
  color: #c7c7c7;
  background-color: #3a3a3a;
}
.footer .menu {
    padding-top: 20px;
    color: #868686;
}
.footer .menu a {
    font-size: 14px;
    color: #868686;
    padding: 0 10px;
}
.footer .tel {
    background: url(data:image/png;base64,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) left center no-repeat;
    height: 60px;
    padding-left: 60px;
    color: #FFF;
    font-size: 14px;
    margin-top: 10px;
}
.footer .tel span {
    font-weight: bold;
    font-size: 24px;
    color: #7ab55d;
}
.footer .site {
    color: #9a9a9a;
}
.footer .site p {
    padding: 5px 0;
}
.footer .site p a {
    color: #9a9a9a;
}
.footer .ewm {
    right: 0;
    top: 20px;
    position: absolute;
}
.tabs-classify li {
  border: 1px dashed #fff;
}
.tabs-classify li a {
    padding: .75rem 1rem;
    font-size: 18px;
    color: #f49d00;
    background-color: #ffdfae;
}
.tabs-classify li a.active {
      color: #fff;
      background-color: #ff6b01;
}
.tabs-classify li .icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
}
.head-goods__title {
  position: relative;
}
.head-goods__title .badge {
    position: absolute;
    top: -42%;
    left: 42%;
    font-size: .9rem;
    font-weight: 400;
}
.head-goods__title .hint {
    margin-left: .75rem;
    font-size: 1rem;
    color: #888;
}
.head-goods__title .hint .icon {
      width: 1.1rem;
      height: 1.1rem;
      margin-right: .25rem;
}
.list-goods > li {
  margin-bottom: 1rem;
  border-radius: 5px;
  box-shadow: 1px 3px 14px rgba(0, 0, 0, 0.15);
  transition: box-shadow .25s;
}
.list-goods > li:hover {
    box-shadow: 1px 3px 14px rgba(0, 0, 0, 0.2);
}
.list-goods > li > img {
    width: 530px;
    height: 230px;
}
.list-goods__info {
  font-size: .9rem;
  color: #ff6b01;
}
.list-goods__info span {
    color: #999;
}
.list-goods__other {
  position: relative;
}
.list-goods__other span {
  margin-right: .5rem;
  font-size: .9rem;
  color: #999;
}
.list-goods__other strong {
  font-size: 1.2rem;
}
.list-goods__other div {
  position: absolute;
  right: 10px;
  bottom: 50px;
  width: 170px;
  height: 170px;
  opacity: 0;
  padding: 5px;
  border: 1px solid #e6e6e6;
  visibility: hidden;
  -webkit-transform: translate3d(0, 8%, 0);
  transform: translate3d(0, 8%, 0);
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}
.list-goods__other div img {
  width: 100%;
  height: 100%;
}
.list-goods__other .btn:hover+div {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}

.list-spokesman > li {
    width: 196px;
    margin-right: 25px;
    margin-bottom: 25px;
    -webkit-box-shadow: 1px 2px 11px rgba(0,0,0,0.12);
    box-shadow: 1px 2px 11px rgba(0,0,0,0.12);
}
.spokesman-commodity { 
  -webkit-box-shadow: 1px 2px 11px rgba(0,0,0,0.1);
  box-shadow: 1px 2px 11px rgba(0,0,0,0.1);
  padding: 1.2rem;
  border-radius: 6px;
  background: #ffffff; 
}
ul {
    padding-left: 0;
    list-style: none;
}
.ntbg {
    height: 531px;
    background: url(/Public/Store/img/ntbg.jpg) center top no-repeat;
    background-size: auto 100%;
    position: relative;
}
.wrap {
    position: relative;
    width: 1100px;
    margin: 0px auto;
    position: relative;
}
.ntbtn {
    width: 260px;
    height: 70px;
    position: absolute;
    top: 338px;
    left: 38%;
    cursor: pointer;
}
.nt-sc {
    text-align: center;
    margin: 65px 0px 75px;
}
.nt-sc img {
    max-width: 80%;
}
.nt-wt {
    height: 877px;
    background: url(/Public/Store/img/nt-wt.jpg) center top no-repeat;
    background-size: auto 100%;
}
.nt-sj {
    height: 555px;
    background: url(/Public/Store/img/nt-sj.jpg) center top no-repeat;
    background-size: auto 100%;
}
.nt-bggray {
    background: #EEEFF3;
    padding: 68px 0px 100px;
}
.nt-shop {
    text-align: center;
    margin-bottom: 75px;
    background: url(/Public/Store/img/nt-xl.jpg) center top no-repeat;
}
.wub-nong {
    padding-top: 150px;
}
.wub {
    text-align: center;
    padding-top: 138px;
}
.wub-h {
    font-size: 50px;
    color: #607834;
    font-family: simsun;
    margin-bottom: 9.92px;
}
.wub-txt {
    font-size: 17px;
    color: #767676;
    line-height: 30px;
}
.wub-nong .wub-txt strong {
    color: #607834;
}
.nt-bggray .py-sbq-h {
    color: #6f8a3d;
}

.py-sbq-h {
    color: #3a7ebc;
    font-size: 60px;
    text-align: center;
    font-weight: bold;
}
.nt-bggray .py-sbq-nav {
    border-bottom: 1px solid #607837;
}
.py-sbq-nav {
    border-bottom: 1px solid #3D7EBC;
    text-align: center;
    margin-top: 46px;
}
.nt-bggray .py-sbq-ul li {
    border: 1px solid #607837;
    border-bottom: none;
    color: #607834;
}
.py-sbq-ul li {
    display: inline-block;
    height: 56px;
    line-height: 56px;
    color: #3a7ebc;
    text-align: center;
    font-size: 35px;
    background: #fff;
    border: 1px solid #3D7EBC;
    border-bottom: none;
    border-radius: 9.92px 10px 0px 0px;
    padding: 0px 30px;
    margin: 0px 9px;
    cursor: pointer;
}
.nt-bggray .py-sbq-ul li.selected {
    background: #607837;
    color: #fff;
}
.py-ck-h {
    color: #7f7f7f;
    font-size: 18px;
    padding: 26px 72px 66px;
    line-height: 32px;
}
.py-ck-img {
    text-align: center;
}
.wrap img {
    max-width: 100%;
}
.hide {
    display: none;
}
.nt-py {
    background: url(/Public/Store/img/nt-bb.jpg) center top no-repeat;
    height: 716px;
    background-size: auto 100%;
}
.nt-py .zuif-pt {
    height: 160px;
}
.nt-py .zuif-py-h {
    padding-top: 74px;
}
.zuif-py-h {
    color: #fff;
    text-align: center;
    font-size: 50px;
    padding-top: 84px;
}
.zuif-fl {
    width: 80px;
    margin-left: 11px;
    float: left;
    display: inline-block;
}
.zuif-fl li.selected {
    background: url(/Public/Store/img/zuibtn2.png) no-repeat;
    background-size: auto 100%;
}
.zuif-fl li {
    height: 45px;
    line-height: 45px;
    margin-bottom: 11px;
    text-align: center;
    font-size: 16px;
    color: #666;
    background: url(/Public/Store/img/zuibtn1.png) no-repeat;
    cursor: pointer;
    background-size: auto 100%;
}
.zuif-fr {
    width: 990px;
    float: left;
}
.zuif-new {
    height: 163px;
    padding: 35px 42px 0px 66px;
}
.zuif-tu {
    width: 114px;
    height: 114px;
    float: left;
    margin-top: 12px;
}
.zuif-info {
    margin-left: 150px;
}
.zuif-tit {
    font-size: 24px;
    color: #5e5e5e;
    font-weight: bold;
}
.zuif-txt {
    font-size: 16px;
    line-height: 25px;
    color: #7f7f7f;
    margin-top: 9.92px;
}
.zuif-gun {
    padding: 0px 88px;
    margin-top: 41px;
    position: relative;
}
.zuif-btns {
    position: absolute;
    top: 63px;
    width: 40px;
    height: 70px;
    cursor: pointer;
}
.zuif-rbtn {
    right: 0;
}
.zuif-lbtn {
    left: 0;
}
.zuif-gun .owl-carousel {
    background: none;
}
.owl-carousel {
    margin: 0 0 20px;
    background: #fff;
    direction: ltr!important;
    z-index: 1;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px,0px,0px);
}
.owl-carousel .owl-item {
    float: left;
}
.zuif-thumb {
    margin: 0px 19px;
}
.zuif-thumb img {
    width: 233px;
    height: 196px;
}
.zuif-thumb p {
    margin: 0;
    font-size: 17px;
    text-align: center;
    color: #7f7f7f;
    margin-top: 18px;
}
.py-gd {
    padding-bottom: 86px;
}
.py-gd-h {
    font-size: 40px;
    color: #696868;
    text-align: center;
    padding: 66px 0px 36px;
}
.py-gd-ul {
    margin-right: -34px;
    height: 253px;
}
.py-gd-ul li {
    float: left;
    width: 250px;
    margin-right: 33.12px;
    position: relative;
}
.py-gd-img {
    width: 100%;
    height: 160px;
}
.py-gd-tit {
    font-size: 24px;
    color: #616161;
    margin: 24px 0px 6px;
}
.py-gd-txt {
    color: #9d9d9d;
    font-size: 17px;
    padding-bottom: 6px;
}
.py-gd-gray {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 160px;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.mabi-li5 a:hover .py-gd-tit {
    color: #3b6fa1;
}
.mabi-li5 a:hover .py-gd-txt {
    color: #3b6fa1;
    border-bottom: 1px solid #3b6fa1;
}
.py-gd-ul > li > a:hover {
    text-decoration: none;
}

.restaurant-cart__qrcode {
    position: absolute;
    right: 0;
    bottom: 40px;
    width: 200px;
    opacity: 0;
    padding: 5px;
    border: 1px solid #e6e6e6;
    visibility: hidden;
    background-color: #fff;
    z-index: 1;
    -webkit-transform: translate3d(0, 8%, 0);
    transform: translate3d(0, 8%, 0);
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}
.restaurant-cart__qrcode_vis {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
}