@charset "UTF-8";
html {
  font-size: 20px;
}

body {
  background: #F3F3F3;
  font-family: "Microsoft YaHei";
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.single-banner {
  position: relative;
}
.single-banner a {
  display: block;
}
.single-banner a img {
  display: block;
  width: 100%;
}
.single-banner a span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 2.2rem;
  line-height: 2rem;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  color: #fff;
  font-size: 1rem;
}

.zc-goods .zc-item {
  position: relative;
  margin: .6rem;
  background: #fff;
}
.zc-goods .zc-item .img img {
  display: block;
  width: 100%;
}
.zc-goods .zc-item .info {
  padding: .6rem;
}
.zc-goods .zc-item .info .name {
  font-size: 1rem;
  margin-bottom: .5rem;
}
.zc-goods .zc-item .info .sub {
  font-size: .7rem;
  line-height: 1rem;
  color: #666;
  margin-bottom: .5rem;
}
.zc-goods .zc-item .price {
  color: #F64B65;
  margin-bottom: .5rem;
}
.zc-goods .zc-item .price strong {
  font-size: 1.2rem;
  font-weight: normal;
}
.zc-goods .zc-item .count {
  margin-bottom: .5rem;
}
.zc-goods .zc-item .grey {
  color: #999;
}
.zc-goods .zc-item .btn {
  position: absolute;
  right: .5rem;
  bottom: 1rem;
  display: block;
  height: 2rem;
  line-height: 1.9rem;
  padding: 0 1rem;
  background: #E63D59;
  color: #fff;
  font-size: .9rem;
}

.amount {
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  height: 1rem;
}
.amount a {
  display: block;
  float: left;
  width: 1rem;
  height: 1rem;
  border: 1px solid #ddd;
  text-align: center;
  line-height: .7rem;
  font-size: .9rem;
  color: #999;
}
.amount .num {
  display: block;
  float: left;
  width: 2rem;
  height: 1rem;
  text-align: center;
  margin: 0 .3rem;
}

.amount2 {
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  height: 1.4rem;
}
.amount2 a {
  display: block;
  float: left;
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid #ddd;
  text-align: center;
  line-height: 1rem;
  font-size: 1.2rem;
  color: #999;
}
.amount2 a.plus {
  border-radius: 0 .2rem .2rem 0;
}
.amount2 a.minus {
  border-radius: .2rem 0 0 .2rem;
}
.amount2 .num {
  display: block;
  float: left;
  width: 2rem;
  height: 1.4rem;
  text-align: center;
  border: solid #ddd;
  border-width: 1px 0 1px 0;
  border-radius: 0;
}

.h-correct {
  height: 2.5rem;
}

.bar-bottom {
  position: fixed;
  z-index: 9999;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  height: 2.5rem;
}

.settle-bar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #363636;
  padding: .5rem .5rem .5rem 5.5rem;
  color: #fff;
}
.settle-bar .total-num {
  position: absolute;
  left: .5rem;
  top: .5rem;
  font-size: .9rem;
}
.settle-bar .total-num i {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  background: url(../images/zc-arrow-down.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: .3rem;
}
.settle-bar .total-num.open i {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}
.settle-bar .price {
  text-align: left;
  font-size: .8rem;
  color: #E63D59;
}
.settle-bar .price strong {
  font-weight: normal;
  font-size: .9rem;
}
.settle-bar .settle-btn {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 2.5rem;
  line-height: 2.3rem;
  padding: 0 1rem;
  background: #E63D59;
  color: #fff;
  font-size: .8rem;
}

.sus-box {
  display: none;
  position: fixed;
  z-index: 9998;
  left: 0;
  top: 0;
  right: 0;
  bottom: 2.5rem;
  background: rgba(0, 0, 0, 0.12);
}

.goods-chosen {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}
.goods-chosen .head {
  background: #eee;
  padding: .5rem;
}
.goods-chosen .head .clear {
  float: right;
  color: #999;
  padding-left: 1rem;
  background: url(../images/empty.png) no-repeat left center;
  background-size: .9rem auto;
}
.goods-chosen ul {
  display: block;
  max-height: 13rem;
  overflow: auto;
}
.goods-chosen ul li {
  border-bottom: 1px solid #ddd;
  padding: .5rem;
  position: relative;
  height: 2.6rem;
}
.goods-chosen ul li:after {
  content: '';
  display: block;
  clear: both;
}
.goods-chosen ul li img {
  display: block;
  float: left;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: .5rem;
}
.goods-chosen ul li .name {
  display: block;
  float: left;
  font-size: .8rem;
  width: 5.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: .5rem;
}
.goods-chosen ul li .price {
  color: #F64B65;
}
.goods-chosen ul li .price strong {
  font-size: .9rem;
  font-weight: normal;
}
.goods-chosen ul li .amount {
  position: absolute;
  right: .5rem;
  top: .6rem;
}

.filter-bar {
  padding: .6rem 2rem;
  background: #fff;
}
.filter-bar a {
  display: inline-block;
  margin-right: 2rem;
  font-size: .8rem;
  color: #333;
}
.filter-bar a i {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: .3rem;
  background: url(../images/animal-icons.png) no-repeat;
  vertical-align: middle;
}
.filter-bar a span {
  vertical-align: middle;
}
.filter-bar a.pig i {
  background-position: right top;
  -webkit-background-size: 2rem auto;
  background-size: 2rem auto;
}
.filter-bar a.beef i {
  background-position: right -1rem;
  -webkit-background-size: 2rem auto;
  background-size: 2rem auto;
}
.filter-bar a.mutton i {
  background-position: right -2rem;
  -webkit-background-size: 2rem auto;
  background-size: 2rem auto;
}
.filter-bar a.active {
  color: #F64B65;
}
.filter-bar a.active i {
  background-position-x: left;
}

.zc-list {
  padding: .5rem 0 0 .5rem;
}
.zc-list .zc-item {
  margin: 0 .5rem .5rem 0;
  background: #fff;
}
.zc-list .zc-item .img {
  display: block;
}
.zc-list .zc-item .img img {
  display: block;
  width: 100%;
}
.zc-list .zc-item .words {
  padding: .5rem;
}
.zc-list .zc-item .words .name {
  display: block;
  font-size: .8rem;
  line-height: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
  margin-bottom: .3rem;
}
.zc-list .zc-item .words .data {
  margin: .5rem 0;
}
.zc-list .zc-item .words .data strong {
  font-weight: normal;
  font-size: .8rem;
}
.zc-list .zc-item .words .data p {
  color: #999;
  font-size: .5rem;
}
.zc-list .zc-item .btn {
  display: block;
  padding: 0;
  margin: 0;
  height: 2rem;
  line-height: 2rem;
  background: #F64B65;
  color: #fff;
  font-size: .8rem;
  border-radius: 0;
}

.p-bar {
  display: block;
  height: .5rem;
  background: #ccc;
}
.p-bar span {
  display: block;
  height: 100%;
  background: #30D296;
}

.zc-details-info {
  background: #fff;
  margin-bottom: .5rem;
}
.zc-details-info .img {
  display: block;
}
.zc-details-info .img img {
  display: block;
  width: 100%;
}
.zc-details-info .words {
  padding: .5rem;
}
.zc-details-info .words .name {
  font-size: 1rem;
  margin-bottom: .5rem;
}
.zc-details-info .words .collected {
  margin-bottom: .5rem;
}
.zc-details-info .words .collected p {
  color: #666;
  margin-bottom: .2rem;
}
.zc-details-info .words .collected p.price {
  color: #F64B65;
}
.zc-details-info .words .collected p.price strong {
  font-size: 1rem;
  font-weight: normal;
}
.zc-details-info .words .progress-line p {
  margin-bottom: .5rem;
}
.zc-details-info .words .progress-line p.green {
  color: #30D296;
}
.zc-details-info .words .time-left p {
  margin-bottom: .3rem;
}
.zc-details-info .words .time-left p span {
  color: #F64B65;
}

.details-cont {
  background: #fff;
}
.details-cont .head {
  padding: 0 .6rem;
  border-bottom: 1px solid #ddd;
}
.details-cont .head .tabs:after {
  content: '';
  display: block;
  clear: both;
}
.details-cont .head .tabs li {
  float: left;
  display: block;
  height: 3rem;
  line-height: 3rem;
  border-bottom: 2px solid #fff;
  font-size: .8rem;
  padding: 0 2rem;
}
.details-cont .head .tabs li.active {
  color: #30D296;
  border-color: #30D296;
}
.details-cont .body {
  padding: .5rem;
}
.details-cont .body .details-info img {
  display: block;
  width: 100%;
}

.details-bottom {
  box-shadow: 0 0 1rem #ddd;
}
.details-bottom .bottom-links {
  text-align: left;
  padding-left: 1.5rem;
}
.details-bottom .bottom-links a {
  display: inline-block;
  width: 2rem;
  padding-top: .2rem;
}
.details-bottom .bottom-links a.share i {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  background: url(../images/share_tips.png) no-repeat center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.details-bottom .bottom-links a span {
  display: block;
  text-align: center;
}
.details-bottom .btn {
  position: absolute;
  right: .6rem;
  top: .3rem;
  background: #E63D59;
  border-color: #E63D59;
  color: #fff;
  padding: .4rem 1rem;
}

.origin {
  padding: 0 .5rem;
}
.origin .h4 {
  margin-bottom: .5rem;
  font-size: .8rem;
}
.origin .origin-cont ul {
  display: block;
  border-left: .2rem solid #E73C5A;
  padding-left: .8rem;
  margin: 1rem 0;
}
.origin .origin-cont ul li {
  position: relative;
  display: block;
  margin-bottom: 1.7rem;
}
.origin .origin-cont ul li p {
  margin-bottom: .75rem;
  font-size: 14px;
}
.origin .origin-cont ul li p.t {
  color: #333;
}
.origin .origin-cont ul li p.sub {
  color: #999;
}
.origin .origin-cont ul li:before {
  content: '';
  display: block;
  position: absolute;
  left: -1.25rem;
  top: .1rem;
  width: .7rem;
  height: .7rem;
  border: 1px solid #E73C5A;
  border-radius: 50%;
  background: #fff;
}
.origin .origin-cont ul li:after {
  content: '';
  display: block;
  position: absolute;
  left: -1.05rem;
  top: .3rem;
  width: .3rem;
  height: .3rem;
  background: #E73C5A;
  border-radius: 50%;
}
.origin .origin-cont ul li:first-child:before {
  top: 0;
}
.origin .origin-cont ul li:first-child:after {
  top: .2rem;
}

.multiple-banner .swiper-pagination {
  width: 120px;
  height: 20px;
  left: 50%;
  margin-left: -60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 15px;
}
.multiple-banner .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #EAE7E6;
  opacity: 1;
}
.multiple-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #B1181A;
}

.rrz-list {
  padding: 0 0 0 2.4%;
}
.rrz-list ul {
  display: block;
}
.rrz-list ul:after {
  content: '';
  display: block;
  clear: both;
}
.rrz-list ul li {
  display: block;
  float: left;
  width: 47.6%;
  margin-right: 2.4%;
  margin-top: .5rem;
  background-color: #fff;
}
.rrz-list ul li .img img {
  display: block;
  width: 100%;
}
.rrz-list ul li .words {
  background: #fff;
  padding: .4rem;
}
.rrz-list ul li .words .h4 {
  font-size: .8rem;
  color: #333;
  margin-bottom: .3rem;
  display: block;
  height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rrz-list ul li .words .desc {
  display: block;
  font-size: .65rem;
  color: #666;
  line-height: 1rem;
  height: 2rem;
  overflow: hidden;
}
.rrz-list ul li .btn {
  display: block;
  width: 100%;
  height: 1.8rem;
  line-height: 1.8rem;
  font-size: .8rem;
  color: #fff;
  background: #F64B65;
  text-align: center;
  padding: 0;
  border-radius: 0;
}

.shop-top {
  background: #fff;
  margin: .5rem 0;
  padding: .5rem 0;
}
.shop-top:after {
  content: '';
  display: block;
  clear: both;
}
.shop-top .head {
  font-size: .8rem;
  margin: 0 .5rem .5rem;
}
.shop-top .img {
  width: 45%;
  float: left;
  padding: 0 .5rem;
}
.shop-top .img img {
  display: block;
  width: 100%;
  border: 1px solid #ddd;
}
.shop-top .words {
  width: 55%;
  float: left;
}
.shop-top .words p {
  font-size: .6rem;
  color: #666;
  line-height: 1.2rem;
  padding-right: .5rem;
}
.shop-top .words p.tel {
  font-size: .8rem;
}

.shop-goods .shop-goods-tabs {
  background: #fff;
  padding: 0 .5rem;
}
.shop-goods .shop-goods-tabs a {
  display: inline-block;
  height: 2.4rem;
  line-height: 2.4rem;
  border-bottom: 1px solid #fff;
  font-size: .8rem;
  color: #333;
  padding: 0 1.8rem;
}
.shop-goods .shop-goods-tabs a.active {
  color: #F64B65;
  border-color: #F64B65;
}
.shop-goods .shop-goods-cont > div {
  display: none;
}
.shop-goods .shop-goods-cont ul li {
  position: relative;
  display: block;
  background: #fff;
  margin-top: .5rem;
  padding: .5rem .5rem .5rem 6rem;
}
.shop-goods .shop-goods-cont ul li .img {
  position: absolute;
  left: .5rem;
  top: .5rem;
}
.shop-goods .shop-goods-cont ul li .img img {
  display: block;
  width: 5rem;
  height:5rem;
  border: 1px solid #ddd;
}
.shop-goods .shop-goods-cont ul li p {
  margin-bottom: .3rem;
}
.shop-goods .shop-goods-cont ul li p.name {
  font-size: .8rem;
  color: #333;
}
.shop-goods .shop-goods-cont ul li p.props {
  font-size: .7rem;
  color: #666;
}
.shop-goods .shop-goods-cont ul li p.props span {
  margin-right: 1rem;
}
.shop-goods .shop-goods-cont ul li p.props span:last-child {
  margin: 0;
}
.shop-goods .shop-goods-cont ul li p.stage {
  line-height: 1.8rem;
}
.shop-goods .shop-goods-cont ul li p.stage span {
  padding: .2rem .3rem;
  margin-right: .5rem;
  white-space: nowrap;
}
.shop-goods .shop-goods-cont ul li p.stage span.num {
  background: #FBE7DC;
  color: #BE8260;
}
.shop-goods .shop-goods-cont ul li p.stage span.value {
  background: #FFE7EB;
  color: #F64965;
}
.shop-goods .shop-goods-cont ul li p.price {
  line-height: 1.4rem;
}
.shop-goods .shop-goods-cont ul li p.price span {
  color: #F64965;
}
.shop-goods .shop-goods-cont ul li p.price span strong {
  font-size: 1rem;
  font-weight: normal;
}
.shop-goods .shop-goods-cont ul li .amount2 {
  float: right;
  margin-right: 5%;
}
.shop-goods .shop-goods-cont ul li .btns a {
  display: inline-block;
  background: #fff;
  border: 1px solid #F64B65;
  color: #F64B65;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: .75rem;
  padding: 0 .6rem;
  margin-right: .5rem;
  border-radius: .2rem;
  vertical-align: bottom;
}
.shop-goods .shop-goods-cont ul li .btns a.bold {
  background: #F64B65;
  color: #fff;
  font-size: .8rem;
  height: 1.8rem;
}

.desc-outer {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.desc-outer .desc-box {
  positioN: absolute;
  background: #fff;
  width: 94%;
  left: 3%;
  top: 20%;
  border-radius: .2rem;
}
.desc-outer .desc-box .outer-close {
  position: absolute;
  bottom: -3rem;
  left: 50%;
  display: block;
  width: 2rem;
  height: 2rem;
  background: #fff;
  border-radius: 50%;
  margin-left: -1rem;
  text-align: center;
  line-height: 1.6rem;
  font-size: 2rem;
  color: #666;
}
.desc-outer .desc-box .head {
  height: 2.4rem;
  line-height: 2.4rem;
  background: #E63D59;
  border-radius: 0.2rem 0.2rem 0 0;
  font-size: 1rem;
  color: #fff;
  text-indent: .5rem;
  overflow: hidden;
}
.desc-outer .desc-box .words {
  padding: .5rem;
}
.desc-outer .desc-box .words p {
  font-size: .8rem;
  line-height: 1.2rem;
}
.multiple-banner{height: 200px;}
.multiple-banner .swiper-container{height: 100%;}
.multiple-banner .swiper-slide a{display: block;height: 100%;}
.multiple-banner .swiper-slide{overflow:hidden}
.multiple-banner .swiper-slide a img{    display: block;  height: 100%;  position: absolute;  left: 50%;  transform: translateX(-50%);}