@charset "UTF-8";
/**
 * 
 * @authors Richie
 * @date    2017-06-14 10:39:39
 * @version 1.0.0
 */
/* 首页 */
.search-collapsible {
  background-color: #ffffff;
  overflow: hidden;
}
.search-collapsible .searchWhite {
  margin: 0.5rem 0 0.5rem 0.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.6rem;
  color: #fff;
  background-color: #fff;
  border-radius: 5px;
  width: 80%;
  border-radius: 25px;
}
.search-collapsible .searchWhite .search-btn {
  display: block;
  padding: 0.24rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/search.png) no-repeat;
  background-size: 60%;
  background-position: 50%;
}
.search-collapsible .searchWhite .search-txt {
  float: left;
  margin: 0.25rem 0;
  padding: 0.2rem;
  width: 70%;
  color: #606060;
  background-color: transparent;
  border: none;
  outline: none;
}
.search-collapsible .searchWhite .search-txt::-webkit-input-placeholder {
  color: #606060;
}
.search-collapsible .searchGray {
  margin: 0.5rem 2.8rem 0.5rem 0.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.6rem;
  color: #fff;
  background-color: #f6f6f6;
  border-radius: 5px;
  border-radius: 25px;
}
.search-collapsible .searchGray .search-btn {
  display: block;
  padding: 0.24rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/search_2.png) no-repeat;
  background-size: 60%;
  background-position: 50%;
}
.search-collapsible .searchGray .search-txt {
  float: left;
  margin: 2px 0;
  padding: 0.2rem;
  width: 75%;
  color: #606060;
  background-color: transparent;
  border: none;
  outline: none;
  line-height: normal;
}
.search-collapsible .searchGray .search-txt::-webkit-input-placeholder {
  color: #606060;
}
.search-collapsible .searchCancel {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  /* z-index: 21; */
  font-size: 0.7rem;
  color: #606060;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
/*轮播*/
.swiper-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.swiper-container .swiper-slide {
  overflow: hidden;
  float: left;
}
.swiper-container .swiper-slide .bannerImg {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  background-color: #000;
}
.swiper-container .swiper-slide .bannerImg img {
  width: 100%;
}
.pagination {
  /* position: absolute; */
  right: 0;
  bottom: 4%;
  width: 100%;
  z-index: 99;
  text-align: center;
}
.pagination .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 1%;
  background-color: #60A146;
  height: 6px;
  width: 16px;
  border-radius: 5px;
}
.pagination .swiper-pagination-bullet-active {
  background-color: #60A146;
}
.toNext {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-left: 10px solid #929292;
  border-bottom: 5px solid transparent;
  width: 0;
  height: 0;
}
/* 首页 */
.loginBox .logo {
  text-align: center;
  padding: 2rem 0 1rem;
}
.loginBox .logo img {
  width: 50%;
}
.loginBox .logo span {
  display: block;
  padding-top: 0.5rem;
  text-align: center;
  color: rgb(96, 161, 70);
}
.loginBox .fillItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.5rem 7% 0.5rem;
}
.loginBox .fillItem .itemName {
  width: 4rem;
  color: #606060;
}
.loginBox .fillItem .itemValue {
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
  position: relative;
  padding-left: 1.5rem;
  line-height: normal;
  display: block;
  width: 0%;
  line-height: 1.5rem;
}
.loginBox .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.loginBox .fillItem .clear {
  display: none;
  background: url(../images/icon_clear.png) no-repeat;
  background-size: cover;
  width: 0.8rem;
  height: 0.8rem;
}
.loginBox .fillItem .clear.hasValue {
  display: block;
}
.loginBox .fillItem.identifyCode .identifyBox {
  width: 4rem;
  text-align: right;
  padding: 0.25rem 0;
  font-size: 0;
}
.loginBox .fillItem.identifyCode .identifyBtn {
  display: block;
  line-height: 1rem;
  font-size: 0.6rem;
  border: 1px solid rgb(96, 161, 70);
  text-align: center;
  border-radius: 0.5rem;
  color: rgb(96, 161, 70);
}
.loginBox .fillItem.verifyCode .verifyImgBox {
  width: 4rem;
  text-align: right;
  font-size: 0;
}
.loginBox .fillItem.verifyCode .verifyImg {
  display: block;
  width: 100%;
  height: 1.5rem;
}
.loginBox .fillItem:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-top: 2px solid #ccc;
  color: #ccc;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: 5.3%;
  right: 5.3%;
}
.loginBox .fillItem.phoneIcon:before {
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/login.png) no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.loginBox .fillItem.messageIcon:before {
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/login.png) no-repeat;
  background-size: cover;
  background-position: -1rem 0;
}
.loginBox .fillItem.verifyIcon:before {
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/login.png) no-repeat;
  background-size: cover;
  background-position: -2rem 0;
}
.loginBox .regBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: rgb(96, 161, 70);
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.loginBox .wxBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background: #85d148;
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.loginBox .wxBtn .wxIcon {
  display: inline-block;
  width: 1.5rem;
  height: 1.125rem;
  margin-right: 0.8rem;
  vertical-align: middle;
  background: url(../images/icon/wxIcon.png) no-repeat;
  background-size: cover;
}
.loginBox .bindBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: rgb(96, 161, 70);
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  border-radius: 1rem;
}
.loginBox .agreementBox {
  padding: 0.5rem 5.3%;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.loginBox .agreementBox .agreementCheck {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: cover;
  margin-right: 0.2rem;
}
.loginBox .agreementBox .agreementCheck.on {
  background-position: -1rem 0;
}
.loginBox .agreementBox .agreementPop {
  color: rgb(96, 161, 70);
  border-bottom: 1px solid rgb(96, 161, 70);
}
.loginBox .registerApply {
  margin: 0.8rem 0;
  width: 100%;
  overflow: hidden;
  padding: 0 5.3%;
  box-sizing: border-box;
}
.loginBox .registerApply .applyTip {
  display: block;
  width: 6.8rem;
  height: 0.8rem;
  margin: 4% auto;
  background: url(../images/registerTip.png) no-repeat;
  background-size: cover;
}
.loginBox .registerApply a {
  display: inline-block;
  width: 48.5%;
  padding: 3% 0;
  font-size: 0.85rem;
  color: #fff;
  text-align: center;
  position: relative;
  border-radius: 5px;
}
.loginBox .registerApply a i {
  display: block;
  position: absolute;
  top: 30%;
  left: 8%;
}
.loginBox .registerApply a.purchaser {
  background: #05c0ef;
  float: left;
}
.loginBox .registerApply a.supplier {
  background: #fa6b54;
  float: right;
}
/*goodTitle*/
.goodTit {
  display: block;
  padding: 2.4%;
  font-weight: normal;
}
.moreList {
  right: 2.4%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.infoDetailTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-top: 2.4%;
  line-height: 1.5;
  font-size: 0.65rem;
  color: #929292;
}
/* 美食资讯 */
.foodInfo {
  background-color: #fff;
}
.foodInfo .infoTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
}
.foodInfo .infoTip .text {
  width: 3.6rem;
  text-align: center;
  color: #606060;
  line-height: 1.5;
}
.foodInfo .infoTip .link {
  color: #606060;
  line-height: 1.8;
}
.foodInfo .foodNav {
  background-color: #fff;
}
.foodInfo .foodNav li {
  float: left;
  /*padding:0 5px;*/
  width: 18.18%;
  text-align: center;
  font-size: 0.65rem;
}
.foodInfo .foodNav .navIcon {
  padding: 0.5rem 0;
  color: #444;
  overflow: hidden;
  width: 100%;
  display: block;
  white-space: nowrap;
}
.foodInfo .foodNav .navIcon.on {
  border-bottom: 2px solid rgb(96, 161, 70);
}
.foodInfo .foodNav .navIcon img {
  display: block;
  margin: auto;
  margin-bottom: 4%;
  width: 50%;
}
/* 资讯 */
.infoBox .infoTab {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  line-height: 1.5;
  background-color: #fff;
  font-size: 0.65rem;
}
.infoBox .infoTab li {
  line-height: 2.5;
}
.infoBox .infoTab .on {
  color: rgb(96, 161, 70);
  border-bottom: 2px solid rgb(96, 161, 70);
}
.infoBox .infoTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
}
.infoBox .infoTip .text {
  width: 3.6rem;
  text-align: center;
  padding: .1rem .4rem;
  color: #fff;
  background-color: rgb(96, 161, 70);
  border-radius: .5rem;
  line-height: 1.5;
}
.infoBox .infoTip .link {
  color: rgb(96, 161, 70);
  line-height: 1.8;
}
.infoBox .infoList .infoItem {
  display: flex;
  display: -webkit-flex;
  background-color: #fff;
  align-items: center;
  -webkit-align-items: center;
  line-height: 1.5;
}
.infoBox .infoList .infoItem .infoImg {
  width: 5rem;
  overflow: hidden;
  border: 1px solid #ccc;
}
.infoBox .infoList .infoItem .infoText {
  flex: 1;
  -webkit-flex: 1;
}
.infoBox .infoList .infoItem .infoText .title {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.infoBox .infoList .infoItem .check {
  display: block;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.infoBox .infoList .infoItem .check.checkOn {
  background-position: 0 0;
}
.recommendGoodBox {
  background-color: #fff;
}
.recommendGoodBox .filterTop {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  border-bottom: 1px solid #ccc;
}
.recommendGoodBox .filterTop .infoTip {
  flex: auto;
  -webkit-flex: auto;
}
.recommendGoodBox .filterTop .searchGray {
  flex: 1;
  -webkit-flex: 1;
  margin: 0.3rem 0.5rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.6rem;
  color: #fff;
  background-color: rgba(204, 204, 204, 0.35);
  border-radius: 25px;
}
.recommendGoodBox .filterTop .searchGray .search-btn {
  display: block;
  margin: 0.2rem 0.24rem;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/search_2.png) no-repeat;
  background-size: cover;
}
.recommendGoodBox .filterTop .searchGray .search-txt {
  float: left;
  padding: 0.2rem;
  width: 75%;
  color: #606060;
  background-color: transparent;
  border: none;
  outline: none;
  line-height: normal;
}
.recommendGoodBox .filterTop .searchGray .search-txt::-webkit-input-placeholder {
  color: #606060;
}
.recommendGoodBox .filterTop .filterBtn {
  width: 4.4rem;
  color: #929292;
  text-align: center;
  border-left: 1px solid #ccc;
}
.recommendGoodBox .filterTop .filterBtn span {
  position: relative;
  padding-left: 1rem;
}
.recommendGoodBox .filterTop .filterBtn span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../images/icon/filterIcon.png) no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.recommendGoodBox .infoTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  line-height: 1.5;
}
.recommendGoodBox .infoTip .text {
  color: #333333;
  line-height: 1.5;
}
.recommendGoodBox .infoTip .link {
  position: relative;
  padding-right: 1rem;
  color: #929292;
  line-height: 1.8;
}
.recommendGoodBox .infoTip .link:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.recommendGoodBox .infoTip .busniessBox {
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
.recommendGoodBox .infoTip .busniessBox .avatar {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
}
.recommendGoodBox .infoTab {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  line-height: 1.5;
  background-color: #fff;
  font-size: 0.65rem;
}
.recommendGoodBox .infoTab li {
  line-height: 3;
}
.recommendGoodBox .infoTab .on {
  color: #333;
  border-bottom: 2px solid #333;
}
.recommendGoodBox .infoTab.topFixed {
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
}
.recommendGoodBox .tit {
  position: relative;
  display: block;
  text-align: center;
  color: #606060;
}
.recommendGoodBox .tit:before {
  position: absolute;
  left: 2.4%;
  display: block;
  content: '';
  top: 50%;
  width: 36%;
  border-bottom: 1px solid #ccc;
}
.recommendGoodBox .tit:after {
  position: absolute;
  right: 2.4%;
  display: block;
  content: '';
  top: 50%;
  width: 36%;
  border-bottom: 1px solid #ccc;
}
.recommendGoodBox .goodLists {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.recommendGoodBox .goodLists .goodList {
  margin: 0 2.4% 5.3% 0;
  width: 48.8%;
}
.recommendGoodBox .goodLists .goodList .goodImg {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.recommendGoodBox .goodLists .goodList .goodText {
  color: #333;
  /* width: 100%; */
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
  font-family: '黑体';
}
.recommendGoodBox .goodLists .goodList .businessInfo {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem 0;
}
.recommendGoodBox .goodLists .goodList .businessInfo img {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.recommendGoodBox .goodLists .goodList .showGoods {
  padding: 0.1rem 0.4rem;
  color: #fff;
  border-radius: 0.5rem;
  background-color: #cf2d34;
}
.recommendGoodBox .goodLists .goodList:nth-of-type(2n) {
  margin-right: 0;
}
.recommendGoodBox .goodLists .goodList.collageIcon {
  position: relative;
}
.recommendGoodBox .goodLists .goodList.collageIcon:before {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon/collageIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
}
.recommendGoodBox .priceBox {
  padding: 2.4% 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.recommendGoodBox .classifyTabs {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  margin: 0.8rem 2.4% 0.5rem 2.4%;
}
.recommendGoodBox .classifyTabs .classifyTab {
  width: 22%;
  text-align: center;
  margin-right: 0.5rem;
  background-color: #f5f5f5;
  color: #929292;
  border-radius: 0.8rem;
  line-height: 2;
}
.recommendGoodBox .classifyTabs .classifyTab.on {
  background-color: #942e44;
  color: #fff;
}
.recommendGoodBox .lookMore {
  display: inline-block;
  border: 1px solid #942e44;
  color: #942e44;
  border-radius: 0.2rem;
  padding: 0.4rem 0.8rem;
}
/* 采购商申请 */
.fillBox .fillList {
  background-color: #fff;
}
.fillBox .fillList .fillItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  padding: 0.5rem 2.4%;
}
.fillBox .fillList .fillItem .itemName {
  color: #333;
}
.fillBox .fillList .fillItem .itemValue {
  max-width: 68%;
  text-align: right;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
  line-height: normal;
}
.fillBox .fillList .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.fillBox .fillList .fillItem input.itemValue {
  padding: 0;
}
.fillBox .fillList .fillItem .posIcon {
  position: relative;
  padding-left: 1.2rem;
}
.fillBox .fillList .fillItem .posIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/posIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.fillBox .fillList .fillItem .collageIcon {
  position: relative;
  padding-left: 1.2rem;
}
.fillBox .fillList .fillItem .collageIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/collageIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.fillBox .fillList .fillItem .clear {
  display: none;
  background: url(../images/icon_clear.png) no-repeat;
  background-size: cover;
  width: 0.8rem;
  height: 0.8rem;
}
.fillBox .fillList .fillItem .clear.hasValue {
  display: block;
}
.fillBox .fillList .fillItem.arrow .itemValue {
  padding-right: 1rem;
  border: none;
  width: 65%;
  text-align: right;
}
.fillBox .fillList .fillItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 2.4%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.fillBox .fillList .fillItem .areaValue {
  width: 100%;
  line-height: 1.5;
  resize: none;
  background: transparent;
  outline: none;
  color: #929292;
  border: 1px solid #ccc;
}
.fillBox .fillList .fillItem .areaValue.borderN {
  border: none;
}
.fillBox .fillList .fillItem .areaValue::-webkit-input-placeholder {
  color: #929292;
}
.fillBox .fillList .fillItem .itemSelect {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 1rem;
  background: url("../images/icon/arrow.png") no-repeat scroll right center transparent;
  background-size: contain;
  color: #999;
  direction: rtl;
  -webkit-direction: rtl;
  line-height: normal;
}
.fillBox .fillList .fillItem .itemSelect.selected {
  color: #e5e5e5;
}
.fillBox .fillList .fillItem .check {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.fillBox .fillList .fillItem .check.checkOn {
  background-position: 0 0;
}
.fillBox .fillList .fillItem .check_circle {
  position: relative;
  padding-left: 7.2%;
  font-size: 0.6rem;
}
.fillBox .fillList .fillItem .check_circle:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2.04rem 1.02rem;
}
.fillBox .fillList .fillItem .check_circle.checkOn:before {
  background-position: -1.02rem 0;
}
.fillBox .fillList .fillItem .up {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/updown.png);
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.fillBox .fillList .fillItem .up.down {
  background-position: 0 0;
}
.fillBox .fillList .fillItem + .fillItem:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  /*  left: 2.4%; */
}
.fillBox .agreementBox {
  padding: 0.5rem 0.8rem;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.fillBox .agreementBox .agreementCheck {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: cover;
  margin-right: 0.2rem;
}
.fillBox .agreementBox .agreementCheck.on {
  background-position: -1rem 0;
}
.fillBox .agreementBox .agreementPop {
  color: rgb(96, 161, 70);
  border-bottom: 1px solid rgb(96, 161, 70);
}
.fillBox .regBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: rgb(96, 161, 70);
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.fillBox .regBtn:active {
  background-color: #c8af6d;
}
.fillBox .regBtn.red {
  background-color: #942e44;
}
/* 我的 */
.my {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding: 0.5rem;
  background-color: #fff;
  color: #333;
  height: 5.3rem;
  background: url(../images/userInfoBg.png) no-repeat;
  background-size: cover;
}
.my .photoBox {
  position: relative;
}
.my .photoBox .maleIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/sexIcon.png) no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.my .photoBox .femaleIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/sexIcon.png) no-repeat;
  background-size: cover;
  background-position: -1rem 0;
}
.my .photoBox input[type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 3rem;
  opacity: 0;
}
.my .photo {
  position: relative;
  display: block;
  text-align: center;
  width: 3.6rem;
  border-radius: 50%;
  overflow: hidden;
}
.my .uesrText {
  flex: auto;
  -webkit-flex: auto;
  padding-top: 0.53rem;
}
.my .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
}
.my .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.my .mySet {
  position: absolute;
  top: 0.85rem;
  right: 0.5rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/myIcon.png) no-repeat;
  background-size: 4rem;
  background-position: -3rem 0;
}
/* 我的 */
.myPointsBox {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0.5rem;
  background-color: #fff;
  color: #333;
  height: 5rem;
  background: url(../images/myPointsBg.png) no-repeat;
  background-size: cover;
}
.myPointsBox .pointIcon {
  position: relative;
  padding-left: 1rem;
  font-size: 1.4rem;
  color: #e9d3b2;
}
.myPointsBox .pointIcon:after {
  display: block;
  content: '';
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  left: 0;
  bottom: 0.2rem;
  background: url(../images/icon/pointIcon.png) no-repeat;
  background-size: cover;
}
.myBox {
  /* 会员 */
  /* 非会员 */
}
.myBox .myInfo {
	display:flex;
	justify-content:space-between;
  position: relative;
  padding: 1.5rem 0 0;
  color: #333;
  /*height: 8.8rem;*/
  padding:4%;
  /*
  background-color: #fff;
  background: url(../images/myBg.jpg) no-repeat;
  background-size: cover;
	*/

  /* .arrow{ position: relative; padding-right: 1rem; text-align: right;
			&:after{ content: ''; position: absolute; top: 45%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		} */
}
	.myBox .myInfo .siginBox {
		display:flex;
		align-items:center;
	}
.myBox .myInfo .photoBox {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0 2.4%;
  /* flex-direction:column; -webkit-flex-direction:column; */
}
.myBox .myInfo .photoBox .businessFlag {
  display: block;
  padding: 0.15rem 0.4rem;
  color: #c39547;
  font-size: 0.5rem;
  margin-top: 0.1rem;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #c39547;
}
.myBox .myInfo .photoBox .levelView {
  position: absolute;
  top: 50%;
  right: -3%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  padding: 0.15rem 0.4rem;
  color: #845726;
  background: url(../images/levelView.png) no-repeat;
  background-size: cover;
  font-size: 0.6rem;
}
.myBox .myInfo .photoBox .vipIcon {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  background: url(../images/icon/vipSignIcon.png) no-repeat;
  background-size: cover;
  vertical-align: -0.1rem;
  margin-right: 0.2rem;
}
.myBox .myInfo .photoBox .arrow {
  padding-right: 1rem;
  white-space: nowrap;
}
.myBox .myInfo .photoBox .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0.3rem;
  width: 0.3rem;
  height: 0.3rem;
  border-top: 1px solid #845726;
  border-right: 1px solid #845726;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.myBox .myInfo .photo {
  display: block;
  text-align: center;
  width: 2.8rem;
  border-radius: 50%;
  border: 1px solid #fff;
  overflow: hidden;
}
.myBox .myInfo .uesrText {
  position: relative;
  flex: 1;
  -webkit-flex: 1;
}
.myBox .myInfo .bottom {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 100%;
}
.myBox .myInfo .bottom span {
  flex: 1;
  -webkit-flex: 1;
  text-align: center;
  background-color: rgba(27, 27, 27, 0.2);
  color: #fff;
  line-height: 2.5;
}
.myBox .myInfo .bottom .vipIcon {
  display: inline-block;
  width: 0.9rem;
  height: 0.9rem;
  background: url(../images/icon/vipIcon.png) no-repeat;
  background-size: cover;
  vertical-align: -0.2rem;
  margin-right: 0.2rem;
}
.myBox .myInfo .pointsBottom {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 95.2%;
  margin: 0 2.4%;
  height: 2.75rem;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.5rem 0.5rem 0 0;
  background: url(../images/shareBg.png) no-repeat;
 
  background-size: cover;
}
.myBox .myInfo .pointsBottom .text {
  padding-left: 0.7rem;
  font-size: 0.75rem;
}
.myBox .myInfo .pointsBottom .btn {
  position: relative;
  margin-right: 0.7rem;
  padding: 0.25rem 0.5rem;
  background-color: #60A146;
  border-radius: 0.2rem;
  color: #fff;
}
.myBox .myInfo .mySet {
  position: absolute;
  top: 0.85rem;
  right: 0.5rem;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../images/exitIcon.png) no-repeat;
  background-size: cover;
  display: block;
  font-size: 0.7rem;
  color: #fff;
}
.myBox .myInfo .myMessage {
  position: absolute;
  top: 0.85rem;
  left: 0.5rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/messIcon.png) no-repeat;
  background-size: cover;
  display: block;
  font-size: 0.7rem;
  color: #fff;
}
.myBox .myInfo .myMessage.unRead:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.6rem);
  -webkit-transform: translateX(0.6rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
.myBox .myOrder .nav {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transition: height 2s;
  -webkit-transition: height 2s;
}
.myBox .myOrder .navIcon {
  position: relative;
  /*  margin: 0 auto;  */
  margin-top: 0.5rem;
  text-align: center;
  line-height: 1.8;
  color: #606060;
  width: 20%;
  /* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
}
.myBox .myOrder .navIcon .navImg {
  display: block;
  margin: auto;
  padding-bottom: 0.2rem;
  width: 1.8rem;
  height: 1.8rem;
}
.myBox .myOrder .navIcon.unRead:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.6rem);
  -webkit-transform: translateX(0.6rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
.myBox .myOrder .navIcon .navNum {
  position: absolute;
  top: -0.3rem;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.4rem);
  -webkit-transform: translateX(0.4rem);
  border-radius: 50%;
  background-color: #ff0000;
  min-width: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 0.45rem;
}
.myBox .assetTip {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  background-color: #fff;
}
.myBox .assetTip .arrow {
  position: relative;
 /*
	 padding-right: 1rem;
	 */ 
  text-align: right;
}
	/*
.myBox .assetTip .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
	*/
.myBox .members {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  color: #333;
}
.myBox .members li {
  flex: 1;
  -webkit-flex: 1;
  margin: 0.7rem 0;
  border-right: 1px solid #929292;
  text-align: center;
}
.myBox .members li span {
  position: relative;
  display: inline-block;
}
.myBox .members li:last-child {
  border-right: none;
}
.myBox .nonMembers .tips {
  padding: 0.4rem 0;
}
.myBox .nonMembers .tips .num {
  font-family: Arial;
  font-weight: bold;
  color: #c39547;
  font-size: 1.25rem;
}
.myBox .nonMembers .tips .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
}
.myBox .nonMembers .tips .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.myBox .nonMembers .progressBox {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
  padding: 0 2.4%;
}
.myBox .nonMembers .progressBox .progBg {
  position: relative;
  flex: 1;
  -webkit-flex: 1;
  margin: 0 0.5rem;
  height: 0.2rem;
  background-color: #fff;
  border-radius: 50px;
}
.myBox .nonMembers .progressBox .progBg:after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.55rem;
  height: 0.55rem;
  background: url(../images/icon/vipSignIcon.png) no-repeat;
  background-size: cover;
}
.myBox .nonMembers .progressBox .progBg .prog {
  position: relative;
  width: 10%;
  height: 0.2rem;
  border-radius: 50px;
  background-color: #c39547;
}
.myBox .totalIncome {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  background-color: #fef8e6;
}
.myBox .totalIncome li {
  flex: 1;
  -webkit-flex: 1;
  margin: 0.5rem 0;
  border-right: 1px solid #ccc;
  text-align: center;
}
.myBox .totalIncome li span {
  position: relative;
  display: inline-block;
}
.myBox .totalIncome li:last-child {
  border-right: none;
}
/* 个人资料 */
.userInfo {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  background-color: #fff;
}
.userInfo .photo {
  position: relative;
  display: block;
  text-align: center;
  width: 3.6rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1rem;
}
.userInfo .photo .avatarUp {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 4rem;
  opacity: 0;
}
.userInfo .uesrText {
  flex: auto;
  -webkit-flex: auto;
  padding-left: 0.85rem;
}
.userInfo .arrow:after {
  content: '';
  position: absolute;
  top: 48%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.userInfo:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
/* 我 */
.fillList {
  background-color: #fff;
}
.fillList .infoItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.64rem 2.4%;
  line-height: 1.2;
}
.fillList .infoItem .tickIcon {
  width: 1rem;
  padding-left: 0.5rem;
  vertical-align: middle;
}
.fillList .infoItem .plusIcon {
  position: relative;
  padding-left: 1.2rem;
}
.fillList .infoItem .plusIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/myIcon.png) no-repeat 0 0;
  background-size: 4rem auto;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.fillList .infoItem .messIcon {
  position: relative;
  padding-left: 1.2rem;
}
.fillList .infoItem .messIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/myIcon.png) no-repeat -1rem 0;
  background-size: 4rem auto;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.fillList .infoItem .phoneIcon {
  position: relative;
  padding-left: 1.2rem;
}
.fillList .infoItem .phoneIcon:after {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/phone.png) no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.fillList .infoItem .posTargetIcon {
  position: relative;
  padding-left: 1.2rem;
}
.fillList .infoItem .posTargetIcon:after {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/posTargetIcon.png) no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.fillList .infoItem .infoName {
  flex: 1;
  -webkit-flex: 1;
}
.fillList .infoItem .infoValue {
  border: none;
  width: 70%;
  text-align: right;
}
.fillList .infoItem .itemSelect {
  padding: 2%;
  width: 100%;
  height: 1.65rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
}
.fillList .infoItem.arrow .infoValue {
  padding-right: 1rem;
  border: none;
  width: 65%;
  text-align: right;
}
.fillList .infoItem.arrow:after {
  content: '';
  position: absolute;
  top: 48%;
  right: 2.4%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #606060;
  border-right: 1px solid #606060;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.fillList .infoItem + .infoItem:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.fillList .infoItem .leftIcon {
  position: relative;
  padding-left: 1.2rem;
}
.fillList .infoItem .leftIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/businessDetail.png) no-repeat 0 0;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.fillList .infoItem .leftIcon.posIcon:before {
  background-size: 4rem auto;
  background-position: 0 0;
}
.fillList .infoItem .leftIcon.safeIcon:before {
  background-size: 4rem auto;
  background-position: -1rem 0;
}
.fillList .infoItem .leftIcon.carIcon:before {
  background-size: 4rem auto;
  background-position: -2rem 0;
}
.fillList .infoItem .leftIcon.mottoIcon:before {
  background-size: 4rem auto;
  background-position: -3rem 0;
}
.fillList .infoItem .leftIcon.businessIcon:before {
  background-size: 4rem auto;
  background-position: 0 -1rem;
}
.fillList .infoItem .leftIcon.webchatIcon:before {
  background-size: 4rem auto;
  background-position: -1rem -1rem;
}
.fillList .infoItem .leftIcon.customerIcon:before {
  background-size: 4rem auto;
  background-position: -2rem -1rem;
}
/* 修改密码 */
.changePW {
  background-color: #fff;
}
.changePW .fillItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.5rem 2.4%;
}
.changePW .fillItem .itemName {
  width: 4rem;
  color: #606060;
}
.changePW .fillItem .itemValue {
  flex: 1;
  -webkit-flex: 1;
  color: #333;
}
.changePW .fillItem .itemValue input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.changePW .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.changePW .fillItem .clear {
  visibility: hidden;
  background: url(../images/icon_clear.png) no-repeat;
  background-size: cover;
  width: 0.8rem;
  height: 0.8rem;
}
.changePW .fillItem .clear.hasValue {
  visibility: visible;
}
.changePW .fillItem.verifyCode {
  padding-top: 0;
  padding-bottom: 0;
}
.changePW .fillItem.verifyCode .itemValue {
  flex: 2;
  -webkit-flex: 2;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.changePW .fillItem.verifyCode .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.changePW .fillItem.verifyCode .verifyImgBox {
  flex: 1;
  -webkit-flex: 1;
  text-align: right;
  padding: 0.25rem 0;
  font-size: 0;
}
.changePW .fillItem.verifyCode .verifyImg {
  width: 3rem;
  height: 1.5rem;
}
.changePW .fillItem + .fillItem:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: 2.4%;
}
/* 商品详情分享头部 */
.shareLike {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21;
  padding: 2.4%;
  width: 100%;
  box-sizing: border-box;
}
.shareLike a {
  display: block;
  margin-right: 3.75%;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/goodDetail.png);
  background-size: 5rem auto;
}
.shareLike .backI {
  background-position: 0 0;
}
.shareLike .backNone {
  background-image: none;
}
.shareLike .circleMark {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
}
.shareLike .kfIcon {
  background-position: -2.8rem 0;
}
.shareLike .cartIcon {
  position: relative;
  background-position: -1.4rem 0;
}
.shareLike .zanIcon {
  background-position: 0 -1.4rem;
}
.shareLike .zanIcon.on {
  background-position: -1.4rem -1.4rem;
}
.shareLike .toHome {
  background-position: -2.8rem -1.4rem;
}
.shareLike .prise {
  position: relative;
  display: block;
  width: 35%;
  height: 1.4rem;
  line-height: 1.4rem;
  background-color: #d75352;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}
.shareLike .prise:before {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: block;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background: url('../images/prise.png');
  background-size: cover;
}
.shareLike .cartNum {
  position: absolute;
  top: -0.2rem;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.2rem);
  -webkit-transform: translateX(0.2rem);
  border-radius: 50%;
  background-color: #ff0000;
  min-width: 0.8rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 0.45rem;
}
/* 商品详情 */
.goodDetail .businessTop {
  position: relative;
}
.goodDetail .businessTop .businessInfo {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem;
  background-color: #fff;
  color: #333;
  box-sizing: border-box;
}
.goodDetail .businessTop .businessInfo .photo {
  display: block;
  text-align: center;
  width: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
}
.goodDetail .businessTop .businessInfo .uesrText {
  flex: auto;
  -webkit-flex: auto;
  padding-left: 0.53rem;
}
.goodDetail .businessTop .businessInfo .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
  color: #929292;
}
.goodDetail .businessTop .businessInfo .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.goodDetail .businessTop .businessInfo .viewBtn {
  display: block;
  text-align: center;
  font-size: 0.6rem;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  border: 1px solid #60A146;
  color: #60A146;
}
.main-seller {
	width:2rem;
	display: block;
	text-align: center;
	font-size: 0.6rem;
	font-weight:bold;
	padding: 0.25rem 0.5rem;
	border-radius: 1rem;
	color: white;
	background-color: #FF0000;
}
.goodDetail .businessTop .businessBg {
  display: block;
  width: 100%;
  overflow: hidden;
}
.goodDetail .goodInfo {
  background-color: #fff;
}
.goodDetail .goodInfo .title {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
/* .goodDetail .goodInfo .tip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  line-height: 2;
  font-size: 0.55rem;
  color: #929292;
} */
.goodDetail .goodInfo .tip .tipflex{
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
}
.goodDetail .goodInfo .tip .tipflexleft div{
  padding-top: 5px;
  padding-bottom: 10px;
}
.goodDetail .goodInfo .tip .tipflexright{
  flex: 1;
  text-align: right;
  line-height: 40px;
}
.goodDetail .goodInfo .tip .shareIcon {
  display: block;
  width: 1.2rem;
  height: 2rem;
  background: url(../images/icon/shareIcon.png) no-repeat;
  background-size: cover;
}
.goodDetail .contentTitle {
  display: block;
  padding: 2.4%;
  text-align: center;
  background-color: #f0f0f0;
  font-size: 0.5rem;
  color: #929292;
}
.goodDetail .contentTitle:before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1px;
  background-color: #ccc;
  vertical-align: middle;
}
.goodDetail .contentTitle:after {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1px;
  background-color: #ccc;
  vertical-align: middle;
}
.goodDetail .content {
  background-color: #fff;
  padding: 2.4%;
  line-height: 1.5;
  font-size: 0.7rem;
}
.goodDetail .content p {
  margin: 0;
}
.goodDetail .content img {
  display: block;
  width: 100%;
}
.goodDetail .roleItem {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  border-top: 1px solid #ccc;
}
.goodDetail .photoBox {
  position: relative;
}
.goodDetail .photoBox .unread {
  position: absolute;
  top: -0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff0000;
  border-radius: 50%;
}
.goodDetail .photo {
  display: block;
  margin-right: 0.5rem;
  width: 2rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.goodDetail .userBox {
  flex: 1;
  -webkit-flex: 1;
}
.goodDetail .userBox .name {
  width: 60%;
  font-size: 0.7rem;
}
.goodDetail .userBox .like {
  margin-top: 1.25%;
  width: 33%;
}
.goodDetail .userBox .like i {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/goodDetail.png);
  background-position: -8.4rem 0;
}
.goodDetail .userBox .like i.on {
  background-position: -8.4rem -4.8rem;
}
.goodDetail .joinBtn {
  display: block;
  text-align: center;
  font-size: 0.6rem;
  padding: 0.15rem 0.5rem;
  border-radius: 0.5rem;
  background-color: rgb(96, 161, 70);
  color: #fff;
}
.goodDetail .joinBtn.disable {
  background-color: #ccc;
  color: #fff;
}
/* 所有文章编辑区 */
.article {
  color: #606060;
}
.article img {
  width: 100%;
}
.a_link {
  display: block;
  color: #000;
}
.shareColl {
  position: absolute;
  right: -24%;
  top: 0;
  display: none;
  width: 0;
  height: 100%;
}
.shareColl.one a {
  width: 100%;
}
.shareColl.two a {
  width: 50%;
}
.shareColl a {
  position: relative;
  display: block;
  float: left;
  width: 33.33%;
  height: 100%;
  text-align: center;
  font-size: 0.5rem;
  color: #fff;
  background-color: #0fadf4;
}
.shareColl a:nth-of-type(2) {
  background-color: #0288D1;
}
.shareColl a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  display: block;
  margin: -0.385rem 0 0 -0.385rem;
  width: 0.77rem;
  height: 0.77rem;
  background: url(../images/shareColl.png);
  background-size: auto 1.532rem;
}
.shareColl .shareIcon:before {
  background-position: 0 0;
}
.shareColl .collIcon:before {
  background-position: -0.77rem -0.77rem;
}
.shareColl .delIcon:before {
  background-position: 0 -0.77rem;
}
.shareColl .tipIcon:before {
  background-position: -0.77rem 0;
}
/* 编辑删除 */
.edit {
  position: absolute;
  top: 0;
  display: none;
  height: 100%;
  width: 0;
  border-bottom: 1px solid #ccc;
}
.edit:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.57rem;
  margin-left: -0.57rem;
  width: 1.14rem;
  height: 1.14rem;
  background: url(../images/del.png);
  background-size: 1.14rem auto;
}
.edit.on {
  /* background-color: #e1e1e1; */
}
.edit.on:after {
  background-position: -1.1rem 0;
}
.businessOrder {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem;
  /* background-color: #fff; */
}
.businessOrder .checkAll {
  display: block;
  margin-right: 2.4%;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2.04rem 1.02rem;
}
.businessOrder .checkAll.checkOn {
  background-position: -1.02rem 0;
}
/*购物车*/
.cartUl li {
  position: relative;
  padding: 4.8% 2.4% 4.8% 9.6%;
}
.cartUl.orderDetail li {
  padding: 2.4%;
}
.cartUl.orderDynamic li {
  padding: 0;
  background-color: #f8f8f8;
}
.cartUl .check {
  position: absolute;
  left: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.cartUl .check.checkOn {
  background-position: 0 0;
}
.cartUl .photo {
  /* width: 20%; */
  text-align: center;
  overflow: hidden;
  border: 1px solid #eee;
}
.loadImg{
  width: 100px;
  height: 100px;
}
.cartUl .text {
  margin-right: 2.4%;
  width: 60%;
}
.cartUl .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.cartUl .refundBtn {
  margin-left: 0.5rem;
  display: block;
  text-align: center;
  font-size: 0.6rem;
  padding: 0.15rem 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #929292;
  color: #929292;
}
.cartUl .pjBtn {
  margin-left: 0.5rem;
  display: block;
  text-align: center;
  font-size: 0.6rem;
  padding: 0.15rem 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #ffae00;
  color: #ffae00;
}
.cartUl .onlineService {
  display: block;
  width: 64%;
  text-align: center;
  font-size: 0.9rem;
  background-color: #fff;
  color: #fff;
}
.cartUl .onlineService.operateBox {
  padding-top: 16%;
  width: 100%;
  color: #FF8827;
  font-weight: bold;
}
.cartUl .onlineService.operateBox .addSubt {
  width: 50%;
}
.cartUl .onlineService .addSubt {
  display: inline-block;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  font-size: 0.8rem;
  /* border: 1px solid #acacac; */
  overflow: hidden;
  white-space: nowrap;
}
.cartUl .onlineService .operate {
  width: 1.5rem;
  height: 1.1rem;
  line-height: 1rem;
  text-align: center;
  cursor: pointer;
  color: #727272;
}
.cartUl .onlineService .operate__left {
 color: #CCCCCC;
}
/* .cartUl .clearfix .cartnew__photo{
  width: 9rem; 
  height: 9rem;
} */
.cartUl .onlineService .operate.disable {
  background-color: #ccc;
}
.cartUl .onlineService .much {
  width: 2rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  outline: none;
  border: none;
  background-color: #F6F6F6;
  border-radius: 0.1rem;
  color: #000000;
  font-size: 0.6rem;
}
.cartUl .bidBtn {
  display: block;
  width: 33.3%;
  text-align: center;
  line-height: 1.25rem;
  font-size: 0.65rem;
  background-color: #ff0000;
  color: #fff;
  border-radius: 0.5rem;
}
.cartUl .bidBtn.disable {
  background-color: #929292;
}
.cartUl .buyBtn {
  display: block;
  width: 33.3%;
  padding: 0 0.25rem;
  text-align: center;
  line-height: 1.25rem;
  font-size: 0.65rem;
  background-color: #ff783d;
  color: #fff;
  border-radius: 0.25rem;
}
.cartUl .bargainTip {
  margin-right: 0.5rem;
  display: inline-block;
  text-align: center;
  font-size: 0.6rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #1aabfe;
  color: #1aabfe;
}
.cartUl .collageTip {
  margin-right: 0.5rem;
  display: inline-block;
  text-align: center;
  font-size: 0.6rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid rgb(96, 161, 70);
  color: rgb(96, 161, 70);
}
.orderOperateBox {
  line-height: 2.048rem;
  font-size: 0.7rem;
  background-color: #fff;
  padding: 0.5rem;
}
.orderOperateBox .change,
.orderOperateBox .addCart,
.orderOperateBox .confirmBtn,
.orderOperateBox .shareBtn,
.orderOperateBox .payBtn {
  display: block;
  width: 26%;
  text-align: center;
  line-height: 1.5;
  font-size: 0.7rem;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
}
.orderOperateBox .change.noCoins,
.orderOperateBox .addCart.noCoins,
.orderOperateBox .confirmBtn.noCoins,
.orderOperateBox .shareBtn.noCoins,
.orderOperateBox .payBtn.noCoins {
  background-color: #b6b6b6;
}
.orderOperateBox .change {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.orderOperateBox .addCart {
  border: 1px solid #929292;
  color: #929292;
}
.orderOperateBox .confirmBtn {
  border: 1px solid #fff;
  color: #fff;
}
.orderOperateBox .payBtn {
  border: 1px solid rgb(96, 161, 70);
  color: #fff;
  background-color: rgb(96, 161, 70);
}
.orderOperateBox .shareBtn {
  border: 1px solid #ff783d;
  color: #fff;
  background-color: #ff783d;
}
.orderFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  line-height: 2.048rem;
  font-size: 0.7rem;
  background-color: #fff;
  padding: 0.5rem;
  box-sizing: border-box;
}
.orderFooter .change,
.orderFooter .addCart,
.orderFooter .payBtn {
  display: block;
  width: 26%;
  text-align: center;
  line-height: 1.5;
  font-size: 0.7rem;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
}
.orderFooter .change.noCoins,
.orderFooter .addCart.noCoins,
.orderFooter .payBtn.noCoins {
  background-color: #b6b6b6;
}
.orderFooter .change {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.orderFooter .addCart {
  border: 1px solid #929292;
  color: #929292;
}
.orderFooter .payBtn {
  border: 1px solid rgb(96, 161, 70);
  color: #fff;
  background-color: rgb(96, 161, 70);
}
.cartFoot {
  position: fixed;
  bottom: 2.54rem;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 2.048rem;
  line-height: 2.048rem;
  background-color: #fff;
}
.cartFoot .checkAll {
  position: relative;
  padding-left: 7.2%;
  margin-left: 2.4%;
  margin-right: 2.4%;
}
.cartFoot .checkAll:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2.04rem 1.02rem;
}
.cartFoot .checkAll.checkOn:before {
  background-position: -1.02rem 0;
}
.cartFoot .goChange {
  width: 30%;
  text-align: center;
  height: 2.048rem;
  line-height: 2.048rem;
  font-size: 0.94rem;
  color: #fff;
  background-color: #60A146;
}
.cartFoot .collage {
  margin-top: 0.4rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon/collageIcon.png);
  background-size: cover;
  line-height: 2.048rem;
  border-radius: 50%;
}
.cartFoot .collageTipBox {
  position: absolute;
  top: -60%;
}
.cartFoot .collageTipBox .collageTip {
  position: absolute;
  padding: 0 0.5rem;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: #eb5f1c;
  color: #fff;
  border-radius: 0.5rem;
  line-height: 2;
  font-size: 0.65rem;
}
.cartFoot .collageTipBox .collageTip i {
  font-style: normal;
  font-size: 0.6rem;
}
.cartFoot .collageTipBox:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 0.2rem;
  left: 0.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/collageTipIcon.png) no-repeat;
  background-size: cover;
}
.goodSide {
  display: none;
  position: fixed;
  bottom: 2.3rem;
  left: 0;
  z-index: 23;
  width: 100%;
  max-height: 80%;
  height: 60%;
  background-color: #fff;
  /* .addSubt{ font-size: 0.8rem; border: 1px solid #acacac; border-radius: 5px; overflow: hidden;}
	.operate{ float: left; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; cursor: pointer; color: #727272;
		&.disable{ background-color: #ccc;}
	}
	.much{ float: left; width: 1.792rem; height: 1rem; line-height: 1rem; text-align: center; outline: none; border: none; border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-radius: 0;} */
}
.goodSide .scorllWrapper {
  overflow: scroll;
  height: calc(100% - 17.5%);
}
.goodSide .close {
  position: absolute;
  right: 2.4%;
  top: 2.4%;
  display: block;
  width: 0.77rem;
  height: 0.77rem;
  background: url(../images/icon_clear.png);
  background-size: cover;
  cursor: pointer;
}
.goodSide .photo {
  /* margin-top: -5%; */
  width: 20%;
  text-align: center;
  overflow: hidden;
}
.goodSide .text {
  margin-left: 2.4%;
  margin-top: 4.8%;
  width: 75%;
}
.goodSide h4 {
  font-size: 0.7rem;
  font-weight: 600;
  color: #212121;
}
.goodSide .desc {
  font-size: 0.7rem;
  font-weight: 600;
  color: #b6b6b6;
}
.goodSide .desc em {
  margin-left: 2.4%;
  color: #ffeb3b;
}
.goodSide .tit {
  margin: 0 2.4%;
  padding: 2.4% 0;
  border-top: 1px solid #f0f0f0;
}
.goodSide .goodDesc {
  margin-left: 2.4%;
  padding-bottom: 2.4%;
  border-bottom: 1px solid #f0f0f0;
}
.goodSide .goodDesc li {
  float: left;
  margin: 0 4% 2.4% 0;
  padding: 0.3rem 0.5rem;
  border-radius: 0.8rem;
  border: 1px solid #ccc;
  text-align: center;
}
.goodSide .goodDesc li.on {
  border: 1px solid rgb(96, 161, 70);
}
.goodSide .goodDesc li.disable {
  background-color: #ccc;
}
.goodSide .changeBox {
  margin: 2.4%;
}
/* .goodSide .addSubt {
  width: 6rem;
  height: 1rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  font-size: 0.8rem;
  border: 1px solid #acacac;
  overflow: hidden;
  white-space: nowrap;
} */
.goodSide .addSubt {
  width: 6rem;
  height: 1rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  font-size: 0.8rem;
  overflow: hidden;
  white-space: nowrap;
}
.goodSide .operate {
  width: 1.5rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  cursor: pointer;
  color: #000000;
}
.goodSide .operate.disable {
  /* background-color: #ccc; */
  color: #CCCCCC;
}
.goodSide .much {
  /* width: calc(100% - 3rem - 2px); */
  width: 2rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  outline: none;
  border: none;
  color: #333333;
  /* border-left: 1px solid #acacac;
  border-right: 1px solid #acacac; */
  border-radius: 9px;
  background-color: #F6F6F6;
}
.goodSide .sureBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0.7rem 0;
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
  color: #fff;
  background-color: #009E3A;
}
.goodSide .sureBtn.disable {
  background-color: #ccc;
}
/*订单提交*/
.orderShow .cartUl li {
  padding: 4.8%;
}
.orderShow .cartUl .text {
  margin-right: 0;
  width: 65%;
}
/*订单评论*/
.orderComment li {
  position: relative;
}
.orderComment .photo {
  width: 20%;
  text-align: center;
  overflow: hidden;
  border: 1px solid #eee;
}
.orderComment .text {
  margin-right: 2.4%;
  width: 72%;
}
.orderComment .text .desc {
  color: #333;
  letter-spacing: 2px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.orderComment .commentBox {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem 2.4%;
}
.orderComment .commentBox .areaValue {
  width: 100%;
  resize: none;
  background: transparent;
  border: none;
  outline: none;
  color: #333;
}
.orderComment .commentBox .areaValue::-webkit-input-placeholder {
  color: #929292;
}
.orderComment .galleryList {
  display: flex;
  display: -webkit-flex;
  overflow: hidden;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.orderComment .galleryList .galleryItem {
  margin: 1% 1% 0 0;
  width: 32%;
}
.orderComment .galleryList .galleryImg {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
}
.orderComment .commentBtn {
  display: inline-block;
  padding: 0.3rem 0.5rem;
  background-color: rgb(96, 161, 70);
  border-radius: 0.5rem;
  color: #fff;
  font-size: 0.7rem;
}
.orderInfo .infoTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  padding: 0.5rem 2.4%;
}
.orderInfo .infoTip .collageIcon {
  position: relative;
  padding-left: 1.2rem;
}
.orderInfo .infoTip .collageIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/collageIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.orderInfo .fillList {
  padding: 0.5rem 2.4%;
}
.orderInfo .fillList .fillItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
}
.orderInfo .fillList .fillItem .itemName {
  width: 4rem;
  color: #606060;
}
.orderInfo .fillList .fillItem .itemValue {
  flex: 1;
  -webkit-flex: 1;
}
.orderInfo .fillList .fillItem .itemValue input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.orderInfo .fillList .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.orderInfo .fillList .fillItem .itemValue.status {
  color: rgb(96, 161, 70);
}
.orderInfo .fillList .fillItem.arrow .itemValue {
  position: relative;
  padding-right: 1rem;
  border: none;
  width: 65%;
  text-align: right;
}
.orderInfo .fillList .fillItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.orderInfo .spellGroup {
  text-align: center;
  position: relative;
}
.orderInfo .spellGroup .personNum {
  left: 2.4%;
}
.orderInfo .spellGroup .member-group {
  margin: 0 2.4%;
  padding: 1.5rem 0 0.8rem;
}
.orderInfo .spellGroup .desc-layout-issue {
  margin-bottom: 0.5rem;
}
.orderInfo .spellGroup .tip {
  display: block;
  margin-top: 0;
}
.orderInfo .spellGroup .btn {
  display: block;
  width: 60%;
  margin: 2.4% auto;
  padding: 0.25rem 0.5rem;
  background-color: rgb(96, 161, 70);
  color: #fff;
  border-radius: 0.25rem;
  font-size: 0.7rem;
}
.note {
  width: 25%;
}
.noteCont {
  width: 75%;
  text-align: right;
  border: none;
  resize: none;
}
.receivtBox {
  position: fixed;
  top: 35%;
  left: 11.5%;
  z-index: 23;
  padding: 2.4% 5.3%;
  width: 66.4%;
  color: #fff;
  background-color: #03a9f5;
  border-radius: 5px;
}
.receivtBox .title {
  font-size: 0.85rem;
  text-align: center;
}
.receivtBox .wayUl {
  font-size: 0.7rem;
}
.receivtBox .wayUl li {
  padding: 5.3% 2.4%;
  border-bottom: 1px solid #35baf6;
  cursor: pointer;
}
.receivtBox .wayUl li:last-child {
  border-bottom: none;
}
.receivtBox .wayUl li.checkOn {
  position: relative;
}
.receivtBox .wayUl li.checkOn:after {
  position: absolute;
  right: 2.4%;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/icon/checkOn.png) no-repeat;
  background-size: cover;
}
/*自提地点*/
.placeUl {
  padding: 0 5.3%;
  font-size: 0.8rem;
  color: #555;
  border-top: 0.5rem solid #f4f4f4;
}
.placeUl li {
  padding: 2.8% 0;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.placeUl li.checkOn {
  position: relative;
}
.placeUl li.checkOn:after {
  position: absolute;
  right: 2.4%;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/icon/checkOnB.png) no-repeat;
  background-size: cover;
}
/* 成功提示*/
.successBox {
  width: 50%;
  margin: 0 auto;
  border-radius: 0.5rem;
  background-color: #000;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
.successBox .succImg {
  width: 2.56rem;
  padding: 1rem 0;
}
.successBox .succTip {
  display: block;
  line-height: 2;
  font-size: 0.8rem;
  color: #fff;
}
/* 信用担保管理 */
.creditGuarantyManage .listBox {
  position: relative;
  display: block;
  background-color: #fff;
}
.creditGuarantyManage .listBox .fillTip {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.creditGuarantyManage .listBox .fillList {
  padding: 0.5rem 0;
}
.creditGuarantyManage .listBox .fillItem {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  padding: 0 0.5rem;
  /* &:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 2.4%;} */
}
.creditGuarantyManage .listBox .fillItem .itemName {
  width: 5rem;
  color: #606060;
}
.creditGuarantyManage .listBox .fillItem .itemValue {
  flex: 1;
  -webkit-flex: 1;
  color: #929292;
}
.creditGuarantyManage .listBox .fillItem .itemValue.lastTimeColor {
  color: #4BBEFF;
}
.creditGuarantyManage .listBox .fillItem .itemValue.priceColor {
  color: rgb(96, 161, 70);
}
.creditGuarantyManage .guarantyBtnBox {
  line-height: 2.048rem;
  font-size: 0.7rem;
  background-color: #fff;
  padding: 0.5rem;
}
.creditGuarantyManage .guarantyBtnBox .guarantyBtn {
  display: block;
  width: 26%;
  text-align: center;
  line-height: 1.5;
  font-size: 0.7rem;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
}
.creditGuarantyManage .guarantyBtnBox .guarantyBtn.reject {
  border: 1px solid #cf2d34;
  color: #cf2d34;
}
.creditGuarantyManage .guarantyBtnBox .guarantyBtn.confim {
  border: 1px solid #ffae00;
  color: #ffae00;
}
/* 担保详情 */
.creditGuarantyDetail .infoTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  padding: 0.5rem 2.4%;
}
.creditGuarantyDetail .fillList {
  padding: 0.5rem 2.4%;
}
.creditGuarantyDetail .fillList .fillItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  line-height: 1.5;
}
.creditGuarantyDetail .fillList .fillItem .itemName {
  width: 5.2rem;
  color: #606060;
}
.creditGuarantyDetail .fillList .fillItem .itemValue {
  flex: 1;
  -webkit-flex: 1;
  color: #929292;
}
.creditGuarantyDetail .fillList .fillItem .itemValue input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.creditGuarantyDetail .fillList .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.creditGuarantyDetail .fillList .fillItem .itemValue.price {
  color: #cf2d34;
}
.creditGuarantyDetail .fillList .fillItem .itemValue.uploader {
  padding: 0;
}
.creditGuarantyDetail .fillList .fillItem .itemValue.uploader .uploader__file {
  margin-right: 9px;
}
.creditGuarantyDetail .fillList .fillItem .itemValue.uploader .photo {
  width: 3.8rem;
}
/* 电子商城 */
.toTop {
  position: fixed;
  bottom: 4rem;
  right: 0.5rem;
  display: block;
  padding: 0.45rem 0;
  text-align: center;
  width: 2.5rem;
  font-size: 0.7rem;
  border: 1px solid #ccc;
  border-radius: 50%;
  color: #606060;
  background-color: #fff;
}
.cartBottom {
  position: fixed;
  bottom: 1rem;
  right: 0.5rem;
  display: block;
  padding: 0.85rem 0;
  text-align: center;
  width: 2.5rem;
  font-size: 0.7rem;
  border: 1px solid #ccc;
  border-radius: 50%;
  color: #606060;
  background-color: #fff;
}
.collageBottom {
  position: fixed;
  right: 0.5rem;
  bottom: 5.5rem;
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  background: url(../images/collageBottom.png) no-repeat;
  background-size: cover;
}
.earnBottom {
  position: fixed;
  right: 0.5rem;
  bottom: 5.5rem;
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  background: url(../images/earnBottom.png) no-repeat;
  background-size: cover;
}
.bgimg{
  background: url(../images/tobackground.png) no-repeat center;
  height: 45px;
  width: 100%;
  color: #fff;
}
/* 非footer底部按钮 */
.bottomBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 19;
  width: 100%;
  text-align: center;
  background-color: #f4f4f4;
  padding: 15px;
  box-sizing: border-box;
}
.bottomBtn .regBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: rgb(96, 161, 70);
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.bottomBtn .regBtn:active {
  background-color: #c8af6d;
}
.bottomBtn .activateBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: #942e44;
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
/* 评论*/
.exitBox {
  background-color: #fff;
  border-radius: 0.5rem;
}
.exitBox .content {
  margin-top: 0.5rem;
  width: 100%;
  resize: none;
  box-sizing: border-box;
  height: 3rem;
  border: 1px solid #ccc;
}
.exitBox .btnBox {
  margin-top: 0.5rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.exitBox .btnBox .cancelBtn {
  flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem;
  background-color: #f0f0f0;
  color: #333;
  border-radius: 0.5rem;
}
.exitBox .btnBox .sendBtn {
  flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem;
  background-color: rgb(96, 161, 70);
  color: #fff;
  border-radius: 0.5rem;
}
.exitBox .btnBox span + span {
  margin-left: 0.5rem;
}
.pjAll {
  background-color: #fff;
}
.pjAll .pjTop {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  padding: 0.5rem;
}
.pjAll .pjTop .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
  color: #929292;
}
.pjAll .pjTop .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.pjAll .pjItem {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  line-height: 1.5;
  border-top: 1px solid #ccc;
}
.pjAll .photo {
  display: block;
  margin-right: 0.5rem;
  width: 2.0rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.pjAll .userBox {
  flex: 1;
  -webkit-flex: 1;
}
.pjAll .userBox .name {
  width: 60%;
  font-size: 0.7rem;
}
.pjAll .userBox .like {
  margin-top: 1.25%;
  width: 33%;
}
.pjAll .userBox .like i {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/goodDetail.png);
  background-position: -8.4rem 0;
}
.pjAll .userBox .like i.on {
  background-position: -8.4rem -4.8rem;
}
.pjAll .galleryList {
  display: flex;
  display: -webkit-flex;
  overflow: hidden;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.pjAll .galleryList .galleryItem {
  margin: 1% 1% 0 0;
  width: 32%;
}
.pjAll .galleryList .galleryImg {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
}
.pjAll .infoBottom {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.pjAll .infoBottom .infoOperate {
  color: #929292;
}
.pjAll .infoBottom .infoOperate .like {
  position: relative;
  padding-left: 1.2rem;
}
.pjAll .infoBottom .infoOperate .like:after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/unlinkIcon.png) no-repeat;
  background-size: cover;
}
.pjAll .infoBottom .infoOperate .like.on:after {
  background: url(../images/icon/linkIcon.png) no-repeat;
  background-size: cover;
}
.pjAll .infoBottom .infoOperate .comment {
  position: relative;
  padding-left: 1.2rem;
}
.pjAll .infoBottom .infoOperate .comment:after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/commentIcon.png) no-repeat;
  background-size: cover;
}
/*物流信息*/
.saleResult {
  padding: 0.7rem 4%;
}
.saleResult .resultLi {
  position: relative;
  padding-left: 3.75%;
  padding-bottom: 3.75%;
  border-left: 1px solid #ccc;
}
.saleResult .resultLi .photo {
  float: left;
  margin: 2.75% 3.75% 0 0;
  width: 16.25%;
  overflow: hidden;
}
.saleResult .resultLi:before {
  position: absolute;
  left: -0.5rem;
  content: '';
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: rgb(96, 161, 70);
  border: 1px solid #fff;
  border-radius: 50%;
}
.saleResult .time {
  font-size: 0.7rem;
  margin-bottom: 2.5%;
}
.saleResult .resultCont {
  padding: 3.75%;
  border-radius: 5px;
}
.saleResult .resultCont .arrIcon:after {
  top: 50%;
  margin-top: -0.5rem;
}
.saleResult .resultCont .title {
  margin-bottom: 2%;
  font-size: 1.5rem;
  font-weight: normal;
}
.saleResult .resultCont .desc {
  line-height: 1.5;
}
/* 玉石交易平台 */
/* Nav菜单 */
.navBox {
  /* .bsIcon:before{ background-position: -12rem 0;}
	.dtIcon:before{ background-position: -12rem -10rem;}
	.zwIcon:before{ background-position: -2rem -8rem;}
	.cjIcon:before{ background-position: 0 -6rem;}
	.gjIcon:before{ background-position: -4rem -2rem;} */
}
.navBox .nav {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transition: height 2s;
  -webkit-transition: height 2s;
}
.navBox .navIcon {
  position: relative;
  /*  margin: 0 auto;  */
  margin-top: 0.5rem;
  text-align: center;
  line-height: 1.8;
  color: #606060;
  width: 25%;
  /* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
}
.navBox .navIcon .navImg {
  display: block;
  margin: auto;
  padding-bottom: 0.2rem;
  width: 1.8rem;
  height: 1.8rem;
}
.navBox .navIcon.unRead:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.6rem);
  -webkit-transform: translateX(0.6rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
.navBox .navIcon .navNum {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.5rem);
  -webkit-transform: translateX(0.5rem);
  border-radius: 50%;
  background-color: #ff0000;
  min-width: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 0.45rem;
}
.navBox .moreNav {
  position: relative;
  display: block;
  text-align: center;
  font-size: 12px;
  color: #606060;
}
.navBox .moreNav:before {
  position: absolute;
  left: 0;
  display: block;
  content: '';
  top: 50%;
  width: 36%;
  border-bottom: 1px solid #ccc;
}
.navBox .moreNav:after {
  position: absolute;
  right: 0;
  display: block;
  content: '';
  top: 50%;
  width: 36%;
  border-bottom: 1px solid #ccc;
}
.navBox .activeNav {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  margin-left: 4%;
}
.navBox .activeNav .photo {
  margin: 2.4% 2.4% 0 0;
  width: 46%;
  overflow: hidden;
  text-align: center;
}
.navBox .nav_hide {
  overflow: hidden;
  height: 4.6rem;
}
.noticeBox {
  position: relative;
  display: block;
  padding: 0.5rem;
  color: #333333;
  background-color: #fff;
  padding-left: 2rem;
}
.noticeBox .noticeIcon {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  display: block;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1.2rem;
}
.noticeBox .noticeText {
  padding-right: 100%;
  line-height: 1.8;
  white-space: nowrap;
}
.noticeBox .noticeText:last-child {
  padding-right: 0;
}
/* 玉石分类 */
.classifyBox {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem;
  background-color: #fff;
}
.classifyBox .left {
  flex: 1;
  -webkit-flex: 1;
  display: flex;
  -webkit-flex: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.classifyBox .left .leftItem {
  width: 44%;
  margin: 0 4% 4% 0;
  text-align: center;
  border: 1px solid #ccc;
}
.classifyBox .left .leftItem .img {
  display: block;
  padding: 5.3% 16%;
  box-sizing: border-box;
  width: 100%;
}
.classifyBox .right {
  flex: 1;
  -webkit-flex: 1;
  position: relative;
}
.classifyBox .right .bgImg {
  display: block;
  width: 100%;
}
.classifyBox .right .rightTip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 5.9rem;
  height: 2rem;
  background: url(../images/classifyBg.png) no-repeat;
  background-size: contain;
  text-align: center;
  color: #fff;
}
.classifyBox .right .rightTip .title {
  margin-top: -0.5rem;
}
.classifyBox .right .rightTip .allBtn {
  display: inline-block;
  margin-top: 0.8rem;
  padding: 0.1rem 0.3rem;
  font-size: 0.55rem;
  color: #333;
  background-color: #fff;
  border-radius: 0.5rem;
}
/* 玉石广告 */
.adsBox {
  background-color: #fff;
}
.adsBox .tip {
  display: block;
  text-align: center;
  padding-top: 0.5rem;
}
.adsBox .top {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0.5rem 0.5rem 0;
}
.adsBox .top .ad_1 {
  display: block;
  box-sizing: border-box;
  width: 38.85%;
  height: 12.1rem;
}
.adsBox .top .right {
  width: 60%;
  overflow: hidden;
  padding-left: 0.25rem;
}
.adsBox .top .right .ad_2 {
  display: block;
  width: 100%;
  height: 5.25rem;
  padding-bottom: 0.25rem;
}
.adsBox .top .right .right_bottom {
  display: flex;
  display: -webkit-flex;
}
.adsBox .top .right .ad_3,
.adsBox .top .right .ad_4 {
  display: block;
  width: 50%;
  height: 6.6rem;
}
.adsBox .top .right .ad_4 {
  margin-left: 0.25rem;
}
.adsBox .bottom {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.25rem 0.5rem 0.5rem;
}
.adsBox .ad_5 {
  display: block;
  width: 54.82%;
  height: 6.1rem;
}
.adsBox .ad_6 {
  display: block;
  width: 44.28%;
  padding-left: 0.25rem;
  height: 6.1rem;
}
.adsBox img {
  width: 100%;
  height: 100%;
}
.dailyPopularBox {
  background-color: #fff;
}
.dailyPopularBox .dailyPopularList {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem 0.5rem 0;
}
.dailyPopularBox .dailyPopularList .photo {
  text-align: center;
  overflow: hidden;
  width: 49%;
}
.dailyPopularBox .dailyPopularList .adBox {
  overflow: hidden;
  width: 49%;
  background-color: #eee;
}
.dailyPopularBox .dailyPopularList:last-of-type {
  padding-bottom: 0.5rem;
}
.hotSalesBox {
  background-color: #fff;
}
.hotSalesBox .hotSalesList {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem 0.5rem 0;
}
.hotSalesBox .hotSalesList .photo {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 49%;
}
.hotSalesBox .hotSalesList .saleApprise {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.55rem;
  color: #fff;
  background-color: #2bc697;
  padding: 0 0.5rem;
  line-height: 1.5;
}
.hotSalesBox .hotSalesList .mostView {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.55rem;
  color: #fff;
  background-color: #ff660e;
  padding: 0 0.5rem;
  line-height: 1.5;
}
.hotSalesBox .hotSalesList .adBox {
  overflow: hidden;
  width: 49%;
  background-color: #eee;
}
.hotSalesBox .hotSalesList:last-of-type {
  padding-bottom: 0.5rem;
}
.hotSalesBox .navBox {
  margin-bottom: -0.2rem;
}
.hotSalesBox .navBox .navIcon {
  position: relative;
  /*  margin: 0 auto;  */
  margin-top: 0.2rem;
  text-align: center;
  line-height: 1.8;
  color: #606060;
  width: 25%;
}
.hotSalesBox .navBox .navIcon .navImg {
  padding-bottom: 0;
  width: 2.75rem;
  height: 2.75rem;
}
.notMissBox {
  background-color: #fff;
}
.notMissBox .notMissList {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem 0.5rem 0;
}
.notMissBox .notMissList .photo {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 49%;
}
.notMissBox .notMissList .saleApprise {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.55rem;
  color: #fff;
  background-color: rgb(96, 161, 70);
  padding: 0 0.5rem;
  line-height: 1.5;
}
.notMissBox .notMissList .mostView {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.55rem;
  color: #fff;
  background-color: #ff660e;
  padding: 0 0.5rem;
  line-height: 1.5;
}
.notMissBox .notMissList .adBox {
  overflow: hidden;
  width: 49%;
  background-color: #eee;
}
.notMissBox .notMissList:last-of-type {
  padding-bottom: 0.5rem;
}
.playerMask {
  position: relative;
}
.playerMask .playerBtn {
  position: relative;
}
.playerMask .playerBtn:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  z-index: 1;
}
.playerMask .playerBtn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  margin-left: 0.2rem;
  border-left: 1rem solid #fff;
  border-top: 0.6rem solid transparent;
  border-bottom: 0.6rem solid transparent;
}
.playerMask .playerBtn .imgMask {
  position: absolute;
  top: 0;
  left: 0;
}
.playerMask .playerTip {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 0.55rem;
  line-height: 1.8;
}
.playerMask .playerTip.live {
  background-color: #cf2d34;
}
.playerMask .playerTip.wait {
  background-color: #ff9907;
}
.playerMask .livePlayerTip {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  text-align: center;
  color: #fff;
  background: url(../images/liveTip.png);
  background-size: cover;
  font-size: 0.8rem;
  padding: 0.5rem 0;
}
.playerMask .livePlayerTip + .playerBtn:before,
.playerMask .livePlayerTip + .playerBtn:after {
  display: none;
}
.videoMask {
  position: relative;
  z-index: 0;
}
.videoMask span {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.videoMask span:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.25rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: rgba(124, 124, 124, 0.6);
}
.videoMask span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 2rem solid #525254;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
}
/* 直播详情 */
.liveDetailBox .liveTip {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  padding: 0.2rem 0.5rem;
  background-color: #cf2d34;
  color: #fff;
}
.liveDetailBox .liveTip .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
}
.liveDetailBox .liveTip .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.liveDetailBox .liveTabBox {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.liveDetailBox .liveTabBox li {
  flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem;
  border-right: 1px solid #ccc;
  text-align: center;
}
.liveDetailBox .liveTabBox li:last-child {
  border-right: none;
}
.liveDetailBox .liveTabBox li.on {
  color: #fff;
  background-color: #2bc697;
}
.liveDetailBox .cartUl li {
  padding: 0;
}
.liveDetailBox .cartUl li .text {
  margin-right: 0;
  width: 77.4%;
}
.liveDetailBox .cartUl .startTip {
  line-height: 1.5;
  padding: 0.2rem 0.5rem;
  background-color: #ffad39;
  color: #fff;
  text-align: center;
}
.liveDetailBox .cartUl .timeOutTip {
  line-height: 1.5;
  padding: 0.2rem 0.5rem;
  background-color: #929292;
  color: #fff;
  text-align: center;
}
.liveDetailBox .cartUl .countDownTip {
  line-height: 1.5;
  padding: 0.2rem 0.5rem;
  background-color: #cf2d34;
  color: #fff;
  text-align: center;
}
.liveDetailBox .introductBox {
  padding: 0.5rem;
  line-height: 1.5;
  font-size: 0.7rem;
}
.liveDetailBox .introductBox img {
  width: 100%;
}
/* 动态资讯 */
.dynamicInfo {
  background-color: #fff;
}
.dynamicInfo .infoTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
}
.dynamicInfo .infoTip .text {
  width: 3.6rem;
  text-align: left;
  color: #606060;
  line-height: 1.5;
}
.dynamicInfo .infoTip .link {
  color: #606060;
  line-height: 1.8;
}
.dynamicInfo .businessWrapper {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.dynamicInfo .businessWrapper .businessInfo {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem 0;
}
.dynamicInfo .businessWrapper .businessInfo .photo {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.dynamicInfo .businessWrapper .contact {
  position: relative;
  padding-left: 1.2rem;
  color: #2bc697;
  font-size: 0.55rem;
}
.dynamicInfo .businessWrapper .contact:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/contactIcon.png) no-repeat;
  background-size: cover;
}
.dynamicInfo .infoList .infoItem {
  line-height: 1.5;
}
.dynamicInfo .infoList .infoItem .title {
  display: block;
  line-height: 1.5;
}
.dynamicInfo .infoList .infoItem .title.ellipsis {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.dynamicInfo .infoList .infoItem .galleryList {
  display: flex;
  display: -webkit-flex;
  overflow: hidden;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.dynamicInfo .infoList .infoItem .galleryList figure {
  margin: 1% 1% 0 0;
  width: 32%;
}
.dynamicInfo .infoList .infoItem .galleryList .photo {
  display: block;
  width: 100%;
  overflow: hidden;
}
.dynamicInfo .infoList .infoItem .infoBottom {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate {
  color: #929292;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate .like {
  position: relative;
  padding-left: 1.2rem;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate .like:after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/unlinkIcon.png) no-repeat;
  background-size: cover;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate .like.on:after {
  background: url(../images/icon/linkIcon.png) no-repeat;
  background-size: cover;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate .comment {
  position: relative;
  padding-left: 1.2rem;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate .comment:after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/commentIcon.png) no-repeat;
  background-size: cover;
}
.dynamicInfo .infoList .verifyTip {
  padding-top: 0.5rem;
}
.dynamicInfo .infoList .verifyTip .verifyIcon {
  position: relative;
  padding-left: 1.2rem;
}
.dynamicInfo .infoList .verifyTip .verifyIcon:after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/warnIcon.png) no-repeat;
  background-size: cover;
}
.discover .tabs {
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  border-bottom: 1px solid #ccc;
}
.discover .tabs select {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  opacity: 0;
  padding: 0 0.5rem;
  color: #909090;
  text-align: center;
  border: none;
}
.discover .tabs select + select {
  border-left: 1px solid #909090;
}
.discover .tabs span {
  position: relative;
  flex: 1;
  -webkit-flex: 1;
  margin: 0.5rem;
  color: #333;
  text-align: center;
  padding-right: 0.5rem;
}
.discover .tabs span + :before {
  content: '';
  position: absolute;
  top: 0.2rem;
  left: -0.5rem;
  width: 0;
  height: 1rem;
  /* border-left: 1px solid #909090; */
}
.discover .tabs span:after {
  content: '';
  position: absolute;
  top: 30%;
  margin-left: 0.2rem;
  width: 0;
  height: 0;
  border-top: 6px solid #909090;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.discover .tabs span.on {
  color: rgb(96, 161, 70);
}
.discover .tabs span.on:after {
  border-top: 6px solid rgb(96, 161, 70);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.discover .tabs .unread {
  position: relative;
}
.discover .tabs .unread:before {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(2.2rem);
  -webkit-transform: translateX(2.2rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
.jadeNavBox .nav {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transition: height 2s;
  -webkit-transition: height 2s;
}
.jadeNavBox .navIcon {
  /*  margin: 0 auto;  */
  text-align: center;
  line-height: 1.8;
  color: #606060;
  width: 25%;
  /* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
}
.jadeNavBox .navIcon .navImg {
  display: block;
  margin: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 3rem;
  height: 3rem;
}
.moreServiceBox .nav {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transition: height 2s;
  -webkit-transition: height 2s;
}
.moreServiceBox .navIcon {
  /*  margin: 0 auto;  */
  text-align: center;
  line-height: 1.8;
  color: #606060;
  width: 20%;
  /* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
}
.moreServiceBox .navIcon .navImg {
  display: block;
  margin: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.2rem;
  width: 1.8rem;
  height: 1.8rem;
}
.brandBox .nav {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transition: height 2s;
  -webkit-transition: height 2s;
}
.brandBox .navIcon {
  margin-right: 2%;
  margin-bottom: 2.4%;
  text-align: center;
  line-height: 1.8;
  color: #606060;
  width: 31%;
  border: 1px solid rgb(96, 161, 70);
  padding-bottom: 2.4%;
  /* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
}
.brandBox .navIcon.navIcon:nth-of-type(3n) {
  margin-right: 0;
}
.brandBox .navIcon .navImg {
  display: block;
  margin: auto;
  padding: 5.76% 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.recommendGoodSwiper {
  background-color: #fff;
}
.recommendGoodSwiper .infoTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
}
.recommendGoodSwiper .infoTip .text {
  color: #333;
  line-height: 1.5;
}
.recommendGoodSwiper .infoTip .link {
  position: relative;
  padding-right: 1rem;
  color: #929292;
  line-height: 1.8;
}
.recommendGoodSwiper .infoTip .link:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.recommendGoodSwiper .infoTab {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  line-height: 1.5;
  background-color: #fff;
  font-size: 0.65rem;
}
.recommendGoodSwiper .infoTab li {
  line-height: 2.5;
}
.recommendGoodSwiper .infoTab .on {
  color: rgb(96, 161, 70);
  border-bottom: 2px solid rgb(96, 161, 70);
}
.recommendGoodSwiper .goodLists {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  padding: 2.4% 2.4% 5.3%;
  box-sizing: border-box;
}
.recommendGoodSwiper .goodLists .goodList {
  margin: 0 2.4% 2.4% 0;
  width: 48.8%;
}
.recommendGoodSwiper .goodLists .goodList .goodImg {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.recommendGoodSwiper .goodLists .goodList .goodText {
  color: #333;
  width: 100%;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.recommendGoodSwiper .goodLists .goodList .businessInfo {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem 0;
}
.recommendGoodSwiper .goodLists .goodList .businessInfo img {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.recommendGoodSwiper .goodLists .goodList .showGoods {
  padding: 0.1rem 0.4rem;
  color: #fff;
  border-radius: 0.5rem;
  background-color: #cf2d34;
}
.recommendGoodSwiper .goodLists .goodList:nth-of-type(2n) {
  margin-right: 0;
}
.recommendGoodSwiper .pagination .swiper-pagination-bullet {
  background-color: #ccc;
}
.recommendGoodSwiper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(96, 161, 70);
}
/* 商城 */
.mall .tabs {
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.mall .tabs a {
  position: relative;
  flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem;
  color: #606060;
  text-align: center;
  line-height: 1.2;
  /* &+:before{ content: ''; position: absolute; top: 0.5rem; left: 0; width: 0; height: 1rem; border-left: 1px solid #909090;} */
  /* &:after{ content: ''; position: absolute; top: 30%; width: 0; height: 0; border-top: 6px solid #909090; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
}
.mall .tabs a.on {
  color: rgb(96, 161, 70);
  border-bottom: 2.5px solid rgb(96, 161, 70);
  /* &:after{ border-top: 6px solid @mainColor; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
}
.mall .searchBox .searchBar {
  position: relative;
  padding: 0.4rem 0;
  background-color: #f0f0f0;
}
.mall .searchBox .searchBar .searchText {
  display: block;
  width: 80%;
  font-size: 0.65rem;
  margin: 0 auto;
  padding: 0.4rem 0.5rem;
  text-align: center;
  border-radius: 1rem;
  outline: none;
  border: none;
  background-color: #fff;
}
.mall .searchBox .searchBar .searchIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 21;
  display: block;
  padding: 0.2rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/search.png) no-repeat;
  background-size: 60%;
  background-position: 50%;
  transform: translate(-2rem, -50%);
}
.mall .searchBox .searchCancel {
  display: none;
  position: absolute;
  top: 0;
  right: 2.4%;
  z-index: 21;
  font-size: 0.85rem;
  color: #666;
  line-height: 2.3rem;
}
.mall .searchBox.active .searchText {
  display: block;
  width: 70%;
  font-size: 0.65rem;
  margin-left: 0.5rem;
  padding: 0.4rem 0.5rem 0.4rem 1.8rem;
  text-align: left;
  border-radius: 1rem;
  outline: none;
  border: none;
  background-color: #fff;
}
.mall .searchBox.active .searchIcon {
  position: absolute;
  top: 50%;
  left: 1rem;
  z-index: 21;
  display: block;
  padding: 0.2rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/search.png) no-repeat;
  background-size: 60%;
  background-position: 50%;
  transform: translateY(-50%);
}
.mall .searchBox.active .searchCancel {
  display: block;
}
.liveDetail .tabs {
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.liveDetail .tabs span {
  position: relative;
  flex: 1;
  -webkit-flex: 1;
  margin: 0.5rem 0;
  padding: 0 0.2rem;
  color: #606060;
  text-align: center;
  border: none;
}
.liveDetail .tabs span + span {
  border-left: 1px solid #909090;
}
.liveDetail .tabs .tabIcon {
  width: 1.2rem;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: text-top;
}
.headerbgimg{
  background: url(../images/tobackground.png) no-repeat center;
  height: 5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.topbgimg{
  background: url(../images/tobackground.png) no-repeat center;
  width: 100%;
  color: #fff;
}
.busibgimg{
  background: url(../images/tobackground.png) no-repeat center;
  width: 100%;
  display: flex;
  justify-content: center;
}
.businessDetail .tabs {
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.businessDetail .tabs a {
  position: relative;
  flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem;
  color: #333;
  text-align: center;
  line-height: 1.2;
  /* &+:before{ content: ''; position: absolute; top: 0.5rem; left: 0; width: 0; height: 1rem; border-left: 1px solid #909090;} */
  /* &:after{ content: ''; position: absolute; top: 30%; width: 0; height: 0; border-top: 6px solid #909090; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
}
.businessDetail .tabs a.on {
  /* color: #60A146;
  border-bottom: 2.5px solid #60A146; */
  /* &:after{ border-top: 6px solid @mainColor; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
}
.businessDetail .tabs .on::after {
  content: '';
  background-color: #60A146;
  width: 1rem;
  height: .2rem;
  display: block;
  border-radius: 8px;
  margin:auto;
  margin-top: 5px;
}
.titleicon{
  width: 50%;
}
/* .recommendGoodBox{
  padding-top: 1rem;
} */
.businessDetail .businessTop {
  position: relative;
}
.businessDetail .businessTop .businessInfo {
  width: 92%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  padding: 0.5rem;
  box-sizing: border-box;
  background-color: #fff;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom: 2px solid #F0F0F0;
}
.businessDetail .businessTop .businessInfo .photo {
  display: block;
  text-align: center;
  width: 2.25rem;
  border-radius: 50%;
  overflow: hidden;
  /*border: 2px solid #942e44;*/
  border:none;
  margin-left: .5rem;
}
.businessDetail .businessTop .businessInfo .uesrText {
  flex: auto;
  -webkit-flex: auto;
  padding-left: 0.53rem;
}
.businessDetail .businessTop .businessInfo .likeBox {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.businessDetail .businessTop .businessInfo .likeBox .like {
  position: relative;
  margin-left: 0.5rem;
  padding: 0.3rem 0.4rem 0.3rem 1.2rem;
  background-color:#60A146;
  border-radius: 1rem;
  color:#fff;
}
.businessDetail .businessTop .businessInfo .likeBox .like:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 0.3rem;
  width: 0.7rem;
  height: 0.7rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: url(../images/icon/likeIcon.png) no-repeat;
  background-size: cover;
}
.businessDetail .businessTop .businessInfo .likeBox .like.on {
  padding-left: 0.4rem;
  background-color: #60A146;
  color: #fff;
  margin-right: 0.5rem;
}
.businessDetail .businessTop .businessInfo .likeBox .like.on:before {
  display: none;
}
.businessDetail .businessTop .businessBg {
  display: block;
  width: 100%;
  overflow: hidden;
}
.navlist{
  background-color: #fff;
  display: flex;
  font-size: .7rem;
  padding-top: 1rem;
}
.navlist .list{
  margin-left: 1.2rem;
  margin-right: 1.4rem;
}
.navlist .active::after{
  content:"";
  width: 1rem;
  height: 5px;
  border-radius: 3px;
  display: block;
  margin-left: 3px;
  margin-top: 0.3rem;
  margin-bottom: 0.2rem;
  background-color: #60A146;
}
.coupons{
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: red;
  margin-top: 13px;
}
.couponsimg{
  width: 80%;
  height: auto;
}
.creditGuarantyBox {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  background-color: #fff;
}
.creditGuarantyBox .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
  color: #929292;
}
.creditGuarantyBox .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.depositBox {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  background-color: #cf2d34;
  color: #fff;
}
.depositBox .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
}
.depositBox .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.buyCashCardBox {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  background-color: #fff;
  color: #cf2d34;
}
.buyCashCardBox .buyBtn {
  display: inline-block;
  border-radius: 0.5rem;
  padding: 0.2rem 0.4rem;
  background-color: #cf2d34;
  color: #fff;
  font-size: 0.6rem;
}
.positionDetailBox {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  background-color: #fff;
  color: #cf2d34;
}
.positionDetailBox .positionBtn {
  display: block;
  margin: 0.2rem 0.24rem;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon/positionIcon.png) no-repeat;
  background-size: cover;
}
.positionDetailBox .menuBtn {
  display: block;
  margin: 0.2rem 0.24rem;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon/menuIcon.png) no-repeat;
  background-size: cover;
}
.positionDetailBox .positionText {
  flex: 1;
  -webkit-flex: 1;
  padding: 0.2rem;
}
.vipCardBox {
  position: relative;
}
.vipCardBox .vipCard {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.vipCardBox .vipCard .cardName {
  width: 67%;
  padding-left: 1.15rem;
  box-sizing: border-box;
}
.vipCardBox .vipCard .cardDeadLine {
  width: 32%;
  text-align: center;
  color: #fff;
}
.vipCardBox .vipCard .cardDeadLine .getBtn {
  display: inline-block;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.2rem 0.4rem;
  background-color: #fff;
  color: rgb(96, 161, 70);
}
.vipCardBox .vipCard .cardDeadLine .getBtn.done {
  background-color: #eee;
  color: #929292;
}
.vipCardBox .check {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.vipCardBox .check.checkOn {
  background-position: 0 0;
}
.businessFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  /* height: 2.4rem; */
  height: 3.2rem;
  line-height: 2.4rem;
  font-size: 0.7rem;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.businessFooter .businessleft{
  flex: 1;
  display: flex;
}
.businessFooter .businessleft a{
  display: flex;
  align-items: center;
  justify-content: center;
}
.businessFooter .businessleft .tohomeleft{
  width: 20px;
}
.businessFooter .businessleft .tohomeright{
  width: 50px;
}
.businessFooter .aboutUs,
.businessFooter .businessNav {
  display: block;
  width: calc((100% - 3.25rem - 1px)/3);
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #fff;
  color: #333;
  /* border-right: 1px solid #ccc; */
}
.businessFooter .onlineService {
  display: block;
  width: calc((100% - 3.25rem - 1px)/3);
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #60A146;
  color: #fff;
}
.businessFooter .addCart {
  text-align: center;
  font-size: 0.85rem;
  width: 150px;
  height: 2rem;
  line-height: 2rem;
  background-color: #009E3A;
  color: #fff;
  border-radius: 0.2rem;
  margin-right: 12px;
}
.businessFooter .addCart.noCoins {
  background-color: #b6b6b6;
}
.businessFooter .addCart span {
  line-height: 0.8rem;
  padding-top: 0.4rem;
}
.businessFooter .toHome {
  width: 3.25rem;
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  border-right: 1px solid #ccc;
}
.businessFooter.two .aboutUs,
.businessFooter.two .onlineService {
  width: calc((100% - 3.25rem - 1px)/2);
  border-right: none;
}
.goodFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.7rem;
  background-color: #fff;
}
.goodFooter .coins {
  display: block;
  margin-left: 2.4%;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #b6b6b6;
}
.goodFooter .coins em {
  font-weight: bold;
  color: #ffeb3b;
}
.goodFooter .collageIcon {
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/collageIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.goodFooter .inventory {
  margin-left: 2.4%;
}
.goodFooter .change,
.goodFooter .addCart {
  display: block;
  width: 33.3%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  color: #fff;
}
.goodFooter .change.noCoins,
.goodFooter .addCart.noCoins {
  background-color: #b6b6b6;
}
.goodFooter .change {
  background-color: #60A146;
}
.goodFooter .addCart {
  background-color: rgb(96, 161, 70);
}
.goodFooter .lowstock {
  display: block;
  width: 30%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  color: #fff;
  background-color: #b6b6b6;
}
/* 商品弹窗 */
.choseGoods {
  background-color: #fff;
  display: none;
}
.choseGoods .pop_text {
  text-align: left;
  margin: 0;
  padding: 0.5rem;
  font-size: 0.75rem;
  color: rgb(96, 161, 70);
  border-bottom: 1px solid #ccc;
}
.choseGoods .pop_desc {
  display: block;
  font-size: 0.6rem;
}
.choseGoods .pop_button {
  display: flex;
  display: -webkit-flex;
  font-size: 0.7rem;
  border-top: 1px solid #ccc;
}
.choseGoods .pop_button .pop_btn {
  flex: 1;
  -webkit-flex: 1;
  padding: 2.5% 0;
  color: #fff;
  background-color: rgb(96, 161, 70);
  cursor: pointer;
}
.choseGoods .pop_button .pop_btn:first-child {
  border-right: 1px solid #ccc;
  color: #333;
  background-color: #ccc;
}
.choseGoods .goodList .subGoodList {
  /* padding-left: 0.5rem; border-bottom: 1px solid #ccc; */
}
.choseGoods .goodList .subGoodList .goodItem {
  /* border-bottom: none; */
  padding-left: 1rem;
}
.choseGoods .goodList .goodItem {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.choseGoods .goodList .goodItem .itemImg {
  margin-right: 0.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.choseGoods .goodList .goodItem .itemText {
  margin-right: 0.5rem;
  flex: 1;
  -webkit-flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /*-webkit-line-clamp: 2; autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.choseGoods .goodList .goodItem .check {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2rem 1rem;
  background-position: -1rem 0;
}
.choseGoods .goodList .goodItem .check.checkOn {
  background-position: 0 0;
}
.choseGoods .goodList .goodItem .unread {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff0000;
  border-radius: 50%;
}
.choseGoods .close {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/closeImg.png);
  background-size: cover;
  cursor: pointer;
}
.choseGoods .pop_button.oneBtn .pop_btn {
  margin-left: 0;
}
.filterClassifyBox {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  background-color: #fff;
  z-index: 22;
}
.filterClassifyBox.collageState {
  bottom: 2.4rem;
}
.filterClassifyBox .backBtn {
  position: relative;
  display: block;
  padding: 0.5rem 1.5rem;
  border-bottom: 1px solid #ccc;
}
.filterClassifyBox .backBtn:before {
  content: '';
  position: absolute;
  left: 0.5rem;
  top: 46%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-left: 1px solid #929292;
  transform: rotate(-45deg) translateX(50%);
  -webkit-transform: rotate(-45deg) translateX(50%);
}
.filterClassifyBox .goodList .subGoodList {
  /* padding-left: 0.5rem; border-bottom: 1px solid #ccc; */
}
.filterClassifyBox .goodList .subGoodList .goodItem {
  /* border-bottom: none; */
  padding-left: 1rem;
}
.filterClassifyBox .goodList .goodItem {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.filterClassifyBox .goodList .goodItem .itemImg {
  margin-right: 0.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.filterClassifyBox .goodList .goodItem .itemText {
  margin-right: 0.5rem;
  flex: 1;
  -webkit-flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.filterClassifyBox .goodList .goodItem .check {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2rem 1rem;
  background-position: -1rem 0;
}
.filterClassifyBox .goodList .goodItem .check.checkOn {
  background-position: 0 0;
}
.filterClassifyBox .goodList .goodItem .unread {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff0000;
  border-radius: 50%;
}
/* 商品关键字 */
.goodKeyWordBox {
  overflow: hidden;
  margin-bottom: -0.5rem;
}
.goodKeyWordBox .goodKeyWord {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding: 0.5rem 0.5rem 0;
  margin-right: -2.4%;
}
.goodKeyWordBox .goodKeyWord li {
  margin: 0 2.4% 2.4% 0;
  padding: 5px 10px;
  text-align: center;
  font-size: 0.6rem;
  width: 22.6%;
  background-color: #eee;
  color: #333;
  box-sizing: border-box;
}
.goodKeyWordBox .goodKeyWord li.on {
  background-color: rgb(96, 161, 70);
  color: #fff;
}
.goodKeyWordBox .dropDown {
  display: block;
  margin: 0 auto 0.2rem;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.goodKeyWordBox .dropDown.up {
  transform-origin: center;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.searchList {
  background-color: #fff;
}
.searchList .searchItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  padding: 0.5rem 2.4%;
}
.searchList .searchItem .itemName {
  color: #929292;
}
.searchList .searchItem .itemValue {
  max-width: 68%;
  text-align: right;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.searchList .searchItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.searchList .searchItem .clear {
  display: none;
  background: url(../images/icon_clear.png) no-repeat;
  background-size: cover;
  width: 0.8rem;
  height: 0.8rem;
}
.searchList .searchItem .clear.hasValue {
  display: block;
}
.searchList .searchItem.arrow .itemValue {
  padding-right: 1rem;
  border: none;
  width: 65%;
  text-align: right;
}
.searchList .searchItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 2.4%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.searchList .searchItem .areaValue {
  width: 100%;
  resize: none;
  background: transparent;
  outline: none;
  color: #929292;
  border: 1px solid #ccc;
}
.searchList .searchItem .areaValue::-webkit-input-placeholder {
  color: #929292;
}
.searchList .searchItem .itemSelect {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 1rem;
  background: url("../images/icon/arrow.png") no-repeat scroll right center transparent;
  background-size: contain;
  color: #666;
}
.searchList .searchItem .itemSelect.selected {
  color: #e5e5e5;
}
.searchList .searchItem .check {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.searchList .searchItem .check.checkOn {
  background-position: 0 0;
}
.searchList .searchItem.searchItem:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #ccc;
  color: #ccc;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
/* 您可搜索 */
.searchTip {
  margin: 20%;
  text-align: center;
  color: #929292;
}
.searchTip .searchClassify {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
}
.searchTip .searchClassify span {
  flex: 1;
  -webkit-flex: 1;
  margin-top: 1rem;
}
.searchTip .searchClassify span:last-child {
  border-left: 1px solid #ccc;
}
/* 活动列表 */
.activityBox .activityList .activityItem {
  background-color: #fff;
}
.activityBox .activityList .activityItem .activityImg {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.activityBox .activityList .activityItem .activityImg .activityTip {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.2rem 0;
  color: #fff;
}
.activityBox .activityList .activityItem .activityImg .activityTip.notStarted {
  background-color: rgba(207, 45, 52, 0.8);
}
.activityBox .activityList .activityItem .activityImg .activityTip.starting {
  background-color: rgba(255, 153, 7, 0.8);
}
.activityBox .activityList .activityItem .activityImg .activityTip.complete {
  background-color: #929292;
}
.activityBox .activityList .activityItem .activityText {
  padding-bottom: .2rem;
  letter-spacing: 2px;
  width: 100%;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
/* 活动详情 */
.activityDetail {
  padding-bottom: 4rem;
}
.activityDetail .activityTitle {
  display: block;
}
.activityDetail .activityTitle .notStarted {
  padding: 0 0.4rem;
  color: #fff;
  background-color: #cf2d34;
}
.activityDetail .activityTitle .starting {
  padding: 0 0.4rem;
  color: #fff;
  background-color: #ff9907;
}
.activityDetail .activityTitle .complete {
  padding: 0 0.4rem;
  color: #fff;
  background-color: #929292;
}
.activityDetail .activityTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-top: 2.4%;
  line-height: 1.5;
  font-size: 0.65rem;
  color: #929292;
}
.activityDetail .activityBanner .activityImg {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
/* 筛选 */
.filterBox {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  background-color: #fff;
  z-index: 22;
}
.filterBox.collageState {
  bottom: 2.4rem;
}
.filterBox .fillList .fillItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #ccc;
}
.filterBox .fillList .fillItem.arrow {
  padding-right: 1.2rem;
}
.filterBox .fillList .fillItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.filterBox .filterClassify {
  display: flex;
  display: -webkit-flex;
  height: calc(100% - 8.65rem);
}
.filterBox .filterClassify + .filterClassify {
  padding-top: 0;
}
.filterBox .filterParent {
  height: calc(100%);
  overflow-y: scroll;
  width: 3.75rem;
  border-right: 1px solid #ccc;
}
.filterBox .filterParent .filterItem {
  text-align: center;
  line-height: 2;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.filterBox .filterParent .filterItem.on {
  background-color: rgb(96, 161, 70);
  color: #fff;
}
.filterBox .filterList {
  height: calc(100%);
  overflow-y: scroll;
  padding-top: 0.8rem;
  padding-left: 0.5rem;
  flex: 1;
  -webkit-flex: 1;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: baseline;
  -webkit-align-items: baseline;
  align-content: flex-start;
  -webkit-align-content: flex-start;
  box-sizing: border-box;
}
.filterBox .filterList .filterItem {
  margin: 0 3% 0.5rem 0;
  width: 30%;
  text-align: center;
  line-height: 2;
  background-color: #eeeeee;
}
.filterBox .filterList .filterItem.on {
  background-color: rgb(96, 161, 70);
  color: #fff;
}
.filterBox .filterBtnBox {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  font-size: 0.7rem;
  border-top: 1px solid #ccc;
}
.filterBox .filterBtnBox .filterBtn {
  flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem 0;
  color: #fff;
  background-color: rgb(96, 161, 70);
  cursor: pointer;
}
.filterBox .filterBtnBox .filterBtn:first-child {
  border-right: 1px solid #ccc;
  color: #333;
  background-color: #fff;
}
/* 分类页 */
.classifyPage {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}
.classifyPage .filterClassify {
  display: flex;
  display: -webkit-flex;
  height: 100%;
}
.classifyPage .filterClassify + .filterClassify {
  padding-top: 0;
}
.classifyPage .filterParent {
  height: calc(100%);
  overflow-y: scroll;
  width: 3.75rem;
  border-right: 1px solid #ccc;
}
.classifyPage .filterParent .filterItem {
  text-align: center;
  line-height: 2.5;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.classifyPage .filterParent .filterItem.on {
  background-color: #ccc;
  color: #fff;
}
.classifyPage .filterList {
  height: calc(100%);
  overflow-y: scroll;
  padding-top: 0.8rem;
  padding-left: 0.5rem;
  flex: 1;
  -webkit-flex: 1;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: baseline;
  -webkit-align-items: baseline;
  align-content: flex-start;
  -webkit-align-content: flex-start;
  box-sizing: border-box;
}
.classifyPage .filterList .filterItem {
  margin: 0 3% 0.5rem 0;
  width: 30%;
  text-align: center;
  line-height: 2;
}
.classifyPage .filterList .filterItem .photo {
  display: block;
  text-align: center;
  overflow: hidden;
  width: 100%;
}
.classifyPage .filterBtnBox {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  font-size: 0.7rem;
  border-top: 1px solid #ccc;
}
.classifyPage .filterBtnBox .filterBtn {
  flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem 0;
  color: #fff;
  background-color: rgb(96, 161, 70);
  cursor: pointer;
}
.classifyPage .filterBtnBox .filterBtn:first-child {
  border-right: 1px solid #ccc;
  color: #333;
  background-color: #fff;
}
/* 玉石分类筛选 */
.classifyFilterBox .classifyList {
  background-color: #fff;
}
.classifyFilterBox .classifyList .subClassifyItem {
  position: relative;
  padding-left: 1rem;
}
.classifyFilterBox .classifyList .subClassifyItem .classifyItem:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: -1rem;
}
.classifyFilterBox .classifyList .classifyItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  padding: 0.5rem 2.4%;
}
.classifyFilterBox .classifyList .classifyItem .itemName {
  color: #333;
}
.classifyFilterBox .classifyList .classifyItem .itemValue {
  max-width: 68%;
  text-align: right;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.classifyFilterBox .classifyList .classifyItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.classifyFilterBox .classifyList .classifyItem .clear {
  display: none;
  background: url(../images/icon_clear.png) no-repeat;
  background-size: cover;
  width: 0.8rem;
  height: 0.8rem;
}
.classifyFilterBox .classifyList .classifyItem .clear.hasValue {
  display: block;
}
.classifyFilterBox .classifyList .classifyItem.arrow .itemValue {
  padding-right: 1rem;
  border: none;
  width: 65%;
  text-align: right;
}
.classifyFilterBox .classifyList .classifyItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 2.4%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.classifyFilterBox .classifyList .classifyItem .areaValue {
  width: 100%;
  line-height: 1.5;
  resize: none;
  background: transparent;
  outline: none;
  color: #929292;
  border: 1px solid #ccc;
}
.classifyFilterBox .classifyList .classifyItem .areaValue::-webkit-input-placeholder {
  color: #929292;
}
.classifyFilterBox .classifyList .classifyItem .itemSelect {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 1rem;
  background: url("../images/icon/arrow.png") no-repeat scroll right center transparent;
  background-size: contain;
  color: #666;
}
.classifyFilterBox .classifyList .classifyItem .itemSelect.selected {
  color: #e5e5e5;
}
.classifyFilterBox .classifyList .classifyItem .editBtn {
  padding-left: 1.2rem;
  padding-right: 1.6rem;
  position: relative;
  font-size: 0.6rem;
  color: #929292;
}
.classifyFilterBox .classifyList .classifyItem .editBtn:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/editIcon.png) no-repeat;
  background-size: cover;
}
.classifyFilterBox .classifyList .classifyItem .check {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.classifyFilterBox .classifyList .classifyItem .check.checkOn {
  background-position: 0 0;
}
.classifyFilterBox .classifyList .classifyItem .up {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/updown.png);
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.classifyFilterBox .classifyList .classifyItem .down {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/updown.png);
  background-size: 2.04rem 1.02rem;
  background-position: 0 0;
}
.classifyFilterBox .classifyList .classifyItem:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  /*  left: 2.4%; */
}
.classifyFilterBox .regBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: rgb(96, 161, 70);
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.classifyFilterBox .regBtn:active {
  background-color: #c8af6d;
}
/* 出价记录 */
.bidRecordBox {
  background-color: #fff;
}
.bidRecordBox .pjTop {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  padding: 0.5rem;
}
.bidRecordBox .pjTop .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
  color: #929292;
}
.bidRecordBox .pjTop .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.bidRecordBox .pjItem {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  border-top: 1px solid #ccc;
}
.bidRecordBox .photo {
  display: block;
  margin-right: 0.5rem;
  width: 1.5rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.bidRecordBox .userBox {
  flex: 1;
  -webkit-flex: 1;
}
.bidRecordBox .userBox .name {
  width: 60%;
  font-size: 0.7rem;
}
.bidRecordBox .userBox .like {
  margin-top: 1.25%;
  width: 33%;
}
.bidRecordBox .userBox .like i {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/goodDetail.png);
  background-position: -8.4rem 0;
}
.bidRecordBox .userBox .like i.on {
  background-position: -8.4rem -4.8rem;
}
/* 竞拍底部 */
.bidFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.7rem;
  background-color: #fff;
  border-top: 1px solid #ccc;
}
.bidFooter .countDown {
  position: absolute;
  left: 0;
  transform: translateY(-100%);
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  height: 1.5rem;
  line-height: 1.5rem;
  color: #fff;
}
.bidFooter .countDown .num {
  display: inline-block;
  height: 1rem;
  line-height: 1rem;
  min-width: 1rem;
  text-align: center;
  background-color: #cf2d34;
  font-style: normal;
  border-radius: 0.2rem;
  margin: 0 0.2rem;
}
.bidFooter .onlineService {
  display: block;
  width: 66.6%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #fff;
  color: #fff;
}
.bidFooter .onlineService .addSubt {
  display: inline-block;
  margin: 0.3rem 0.5rem;
  font-size: 0.8rem;
  border: 1px solid #acacac;
  overflow: hidden;
  white-space: nowrap;
}
.bidFooter .onlineService .operate {
  float: left;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  color: #727272;
}
.bidFooter .onlineService .operate.disable {
  background-color: #ccc;
}
.bidFooter .onlineService .much {
  float: left;
  width: calc(100% - 3rem - 2px);
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  outline: none;
  border: none;
  border-left: 1px solid #acacac;
  border-right: 1px solid #acacac;
  border-radius: 0;
}
.bidFooter .bidBtn {
  display: block;
  width: 33.3%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #ff0000;
  color: #fff;
}
/* 信用担保底部 */
.creditGuarantyFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.7rem;
  background-color: #fff;
  border-top: 1px solid #ccc;
}
.creditGuarantyFooter .onlineService {
  display: block;
  width: 50%;
  text-align: left;
  padding: 0 0.5rem;
  font-size: 0.7rem;
  background-color: #fff;
  line-height: 1.2rem;
  box-sizing: border-box;
}
.creditGuarantyFooter .bidBtn {
  display: block;
  width: 50%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #ff9908;
  color: #fff;
}
/* 配送方式设置 */
.deliveryWayBox {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 23;
  display: none;
  width: 80%;
  font-size: 0.65rem;
  text-align: center;
  color: #606060;
  background-color: #fff;
}
.deliveryWayBox .pop_text {
  text-align: left;
  margin: 0;
  padding: 0.5rem;
  font-size: 0.75rem;
  color: rgb(96, 161, 70);
  border-bottom: 1px solid #ccc;
}
.deliveryWayBox .pop_desc {
  display: block;
  font-size: 0.6rem;
}
.deliveryWayBox .pop_button {
  display: flex;
  display: -webkit-flex;
  font-size: 0.7rem;
  border-top: 1px solid #ccc;
}
.deliveryWayBox .pop_button .pop_btn {
  flex: 1;
  -webkit-flex: 1;
  padding: 2.5% 0;
  color: #fff;
  background-color: rgb(96, 161, 70);
  cursor: pointer;
}
.deliveryWayBox .pop_button .pop_btn:first-child {
  border-right: 1px solid #ccc;
  color: #333;
  background-color: #ccc;
}
.deliveryWayBox img {
  margin: auto;
  width: 50%;
}
.deliveryWayBox .close {
  position: absolute;
  right: 2%;
  top: 1%;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/closeImg.png);
  background-size: cover;
  cursor: pointer;
}
.deliveryWayBox .pop_button.oneBtn .pop_btn {
  color: #fff;
  background-color: rgb(96, 161, 70);
}
.deliveryWayBox .fillInput {
  padding: 2%;
  width: 95%;
  height: 1rem;
  line-height: 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
}
.deliveryWayBox .itemSelect {
  padding: 2%;
  width: 100%;
  height: 1.65rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
}
.deliveryWayBox .textArea {
  margin: 2.4%;
  padding: 2%;
  margin-bottom: 3.75%;
  width: 95%;
  height: 5rem;
  border: 1px solid #ccc;
  outline: none;
  resize: none;
  box-sizing: border-box;
}
.deliveryWayBox .fillInputBox {
  position: relative;
}
.deliveryWayBox .fillInputBox .fillInput {
  padding-right: 10%;
  width: 87%;
}
.deliveryWayBox .fillInputBox .searchBar {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
}
/* 商品管理、 轮播管理*/
.carouselManageBox .infoTab,
.goodManageBox .infoTab {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  line-height: 1.5;
  background-color: #fff;
  font-size: 0.65rem;
}
.carouselManageBox .infoTab li,
.goodManageBox .infoTab li {
  line-height: 2.5;
}
.carouselManageBox .infoTab .on,
.goodManageBox .infoTab .on {
  color: rgb(96, 161, 70);
  border-bottom: 2px solid rgb(96, 161, 70);
}
.carouselManageBox .infoList .infoItem,
.goodManageBox .infoList .infoItem {
  display: flex;
  display: -webkit-flex;
  background-color: #fff;
  line-height: 1.5;
}
.carouselManageBox .infoList .infoItem .infoImg,
.goodManageBox .infoList .infoItem .infoImg {
  width: 5rem;
  overflow: hidden;
  border: 1px solid #ccc;
}
.carouselManageBox .infoList .infoItem .infoText,
.goodManageBox .infoList .infoItem .infoText {
  flex: 1;
  -webkit-flex: 1;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.carouselManageBox .infoList .infoItem .infoText .title,
.goodManageBox .infoList .infoItem .infoText .title {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.carouselManageBox .infoList .infoItem .check,
.goodManageBox .infoList .infoItem .check {
  display: block;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.carouselManageBox .infoList .infoItem .check.checkOn,
.goodManageBox .infoList .infoItem .check.checkOn {
  background-position: 0 0;
}
/* 收藏管理*/
.collectBox .infoTab {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  line-height: 1.5;
  background-color: #fff;
  font-size: 0.65rem;
}
.collectBox .infoTab li {
  line-height: 2.5;
}
.collectBox .infoTab .on {
  color: rgb(96, 161, 70);
  border-bottom: 2px solid rgb(96, 161, 70);
}
.collectBox .infoList .infoItem {
  display: flex;
  display: -webkit-flex;
  background-color: #fff;
  line-height: 1.5;
}
.collectBox .infoList .infoItem .infoImg {
  width: 4rem;
  overflow: hidden;
  border: 1px solid #ccc;
}
.collectBox .infoList .infoItem .infoText {
  flex: 1;
  -webkit-flex: 1;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.collectBox .infoList .infoItem .infoText .title {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.collectBox .infoList .infoItem .check {
  display: block;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.collectBox .infoList .infoItem .check.checkOn {
  background-position: 0 0;
}
/* 聊天底部 */
.chatFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.7rem;
  background-color: #fff;
  border-top: 1px solid #ccc;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
}
.chatFooter .upImg {
  display: block;
  margin-left: 0.5rem;
  width: 1.25rem;
  height: 1rem;
  background: url(../images/icon/upImgIcon.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}
.chatFooter .upImg input[type='file'] {
  font-size: 2rem;
  opacity: 0;
}
.chatFooter .textarea {
  display: block;
  flex: 1;
  -webkit-flex: 1;
  font-size: 0.7rem;
  background-color: #eaeaea;
  color: #333;
  margin: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.2rem 0.5rem;
  border: none;
  outline: none;
  resize: none;
}
.chatFooter .addCart {
  display: block;
  width: 4rem;
  text-align: center;
  line-height: 1.25rem;
  font-size: 0.7rem;
  background-color: rgb(96, 161, 70);
  color: #fff;
  margin: 0.5rem 0.5rem 0.5rem 0;
  border-radius: 0.5rem;
}
/* 我的留言 */
.myMessage {
  background-color: #fff;
}
.myMessage .pjItem {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  border-top: 1px solid #ccc;
}
.myMessage .photoBox {
  position: relative;
}
.myMessage .photoBox .unread {
  position: absolute;
  top: -0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff0000;
  border-radius: 50%;
}
.myMessage .photo {
  display: block;
  margin-right: 0.5rem;
  width: 1.5rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.myMessage .userBox {
  flex: 1;
  -webkit-flex: 1;
}
.myMessage .userBox .name {
  width: 60%;
  font-size: 0.7rem;
}
.myMessage .userBox .like {
  margin-top: 1.25%;
  width: 33%;
}
.myMessage .userBox .like i {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/goodDetail.png);
  background-position: -8.4rem 0;
}
.myMessage .userBox .like i.on {
  background-position: -8.4rem -4.8rem;
}
/* 快速查询 */
.quickSearch {
  position: fixed;
  right: 0.5rem;
  top: 20%;
  transform: translateY(2.3rem);
  -webkit-transform: translateY(2.3rem);
  color: #929292;
}
.quickSearch a {
  display: block;
  color: #929292;
}
/* 留言详情 */
.wordDetail {
  background-color: #fff;
}
.wordDetail .self {
  text-align: right;
}
.wordDetail .self .userBox {
  flex-direction: row-reverse;
}
.wordDetail .self .userBox .photo {
  margin-left: 0.5rem;
  margin-right: 0;
}
.wordDetail .self .userBox .name {
  text-align: right;
}
.wordDetail .userBox {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
}
.wordDetail .userBox .photo {
  margin-right: 0.5rem;
  width: 1.5rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.wordDetail .userBox .name {
  flex: 1;
  -webkit-flex: 1;
  font-size: 0.7rem;
}
.wordDetail .content {
  margin: 0.5rem 2rem;
  display: inline-block;
  background-color: #eeeeee;
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: #929292;
  line-height: 1.2;
  text-align: left;
}
.wordDetail .content img {
  max-width: 100%;
}
/* 订单确认 */
.orderConfirm .infoTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  padding: 0.5rem 2.4%;
}
.orderConfirm .fillList {
  position: relative;
  display: block;
  background-color: #fff;
  padding: 0.5rem 2.4%;
}
.orderConfirm .fillList .fillItem {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  /* &:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 2.4%;} */
}
.orderConfirm .fillList .fillItem .itemName {
  width: 4rem;
  color: #606060;
}
.orderConfirm .fillList .fillItem .itemValue {
  flex: 1;
  -webkit-flex: 1;
  color: #929292;
}
.orderConfirm .fillList .fillItem .itemValue input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
  text-align: right;
}
.orderConfirm .fillList.arrow {
  padding-right: 4.8%;
}
.orderConfirm .fillList.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 2.4%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.orderConfirm .spellGroup {
  text-align: center;
  position: relative;
}
.orderConfirm .spellGroup .personNum {
  left: 2.4%;
}
.orderConfirm .spellGroup .member-group {
  margin: 0 2.4%;
  padding: 1.5rem 0 0.8rem;
}
.orderConfirm .spellGroup .desc-layout-issue {
  margin-bottom: 0.5rem;
}
.orderConfirm .spellGroup .tip {
  display: block;
  margin-top: 0;
}
.orderConfirm .spellGroup .btn {
  display: block;
  width: 60%;
  margin: 2.4% auto;
  padding: 0.25rem 0.5rem;
  background-color: rgb(96, 161, 70);
  color: #fff;
  border-radius: 0.25rem;
  font-size: 0.7rem;
}
/* 订单支付成功 */
.orderSuccessBox {
  padding-top: 4.25rem;
}
.orderSuccessBox .succImg {
  width: 2.56rem;
  padding: 1rem 0;
}
.orderSuccessBox .succBtnBox {
  display: flex;
  display: -webkit-flex;
}
.orderSuccessBox .succBtnBox .succBtn {
  margin: 0.5rem;
  flex: 1;
  -webkit-flex: 1;
  border: 1px solid rgb(96, 161, 70);
  background-color: rgb(96, 161, 70);
  color: #fff;
  font-size: 0.8rem;
  padding: 0.3rem 0.5rem;
  border-radius: 1rem;
  text-align: center;
}
.orderSuccessBox .succBtnBox .succBtn + .succBtn {
  margin-left: 0;
}
.orderSuccessBox .succBtnBox .succBtn.plain {
  background-color: #fff;
  color: rgb(96, 161, 70);
}
.orderSuccessBox .succBtnBox.md {
  width: 50%;
  margin: 0 auto;
}
.orderSuccessBox .stateText {
  width: 60%;
  margin: 0 auto;
}
/* 我的关注 */
.myCare .businessInfoBox {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  font-size: 0.7rem;
}
.myCare .businessInfoBox .photo {
  display: block;
  margin-right: 0.5rem;
  width: 1.5rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.myCare .businessInfoBox .businessInfo {
  flex: 1;
  -webkit-flex: 1;
}
.myCare .businessInfoBox .cancelBtn {
  display: block;
  padding: 0.1rem 0.4rem;
  border: 1px solid #cf2d34;
  color: #cf2d34;
  border-radius: 0.5rem;
  font-size: 0.5rem;
}
.myCare .infoList .infoItem {
  display: flex;
  display: -webkit-flex;
  background-color: #fff;
  line-height: 1.5;
}
.myCare .infoList .infoItem .infoImg {
  width: 20%;
  overflow: hidden;
  border: 1px solid #ccc;
}
.myCare .infoList .infoItem .infoText {
  flex: 1;
  -webkit-flex: 1;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.myCare .infoList .infoItem .infoText .title {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.myCare .infoList .infoItem .check {
  display: block;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.myCare .infoList .infoItem .check.checkOn {
  background-position: 0 0;
}
.myCare .entryBtn {
  display: block;
  padding: 0.2rem 0.4rem;
  border: 1px solid #ffae00;
  color: #ffae00;
  border-radius: 0.2rem;
  font-size: 0.7rem;
  text-align: center;
}
/* 收货地址 */
.addrManageBox .infoTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  padding: 0.5rem 2.4%;
}
.addrManageBox .addrManage {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem;
  background-color: #fff;
}
.addrManageBox .addrManage .checkAll {
  position: relative;
  padding-left: 7.2%;
  font-size: 0.6rem;
}
.addrManageBox .addrManage .checkAll:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2.04rem 1.02rem;
}
.addrManageBox .addrManage .checkAll.checkOn:before {
  background-position: -1.02rem 0;
}
.addrManageBox .addrManage .operaBtnBox {
  display: flex;
  display: -webkit-flex;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn {
  flex: 1;
  -webkit-flex: 1;
  color: #929292;
  font-size: 0.8rem;
  border-radius: 0.2rem;
  text-align: center;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn + .operaBtn {
  margin-left: 0.5rem;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn.editIcon {
  display: block;
  position: relative;
  padding-left: 1rem;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn.editIcon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/addrManage.png) no-repeat;
  background-position: 0 0;
  background-size: 2rem auto;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn.delIcon {
  display: block;
  position: relative;
  padding-left: 1rem;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn.delIcon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/addrManage.png) no-repeat;
  background-position: -1rem 0;
  background-size: 2rem auto;
}
/* 拼单 */
.collageBox .collageList {
  font-size: 0.7rem;
  background-color: #fff;
}
.collageBox .collageList .listTop {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.collageBox .collageList .listTop .photo {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
.collageBox .collageList .listTop .text {
  flex: 1;
  -webkit-flex: 1;
}
.collageBox .collageList .listTop .me {
  display: inline-block;
  color: rgb(96, 161, 70);
  border: 1px solid rgb(96, 161, 70);
  vertical-align: bottom;
}
.collageBox .collageList .listTop .originator {
  display: inline-block;
  color: #5e9bda;
  border: 1px solid #5e9bda;
  vertical-align: bottom;
}
.collageBox .collageList .listTop .btnBox {
  width: 7rem;
}
.collageBox .collageList .listTop .changeBtn {
  display: block;
  padding: 0.2rem;
  color: rgb(96, 161, 70);
  border: 1px solid rgb(96, 161, 70);
  white-space: nowrap;
}
.collageBox .collageList .listTop .abandonBtn {
  display: block;
  padding: 0.2rem;
  color: #929292;
  border: 1px solid #929292;
  white-space: nowrap;
}
.collageBox .collageList .goodList .goodItem {
  padding-left: 2rem;
  margin-left: 2.4%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.collageBox .collageList .goodList .goodItem .name {
  flex: 1;
  -webkit-flex: 1;
}
.collageBox .collageList .goodList .goodItem .num {
  width: 3.5rem;
  text-align: center;
}
.collageBox .collageList .goodList .goodItem .price {
  width: 3.5rem;
  text-align: right;
}
.collageBox .collageList .goodList .goodItem + .goodItem {
  padding-top: 2.4%;
}
.collageBox .collageList + .collageList {
  margin-top: 2.4%;
}
.collageBox .shareBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 0.8rem;
  text-align: center;
  text-decoration: none;
  background-color: rgb(96, 161, 70);
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
/* 拼单列表 */
.collageListBox {
  display: none;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  height: 54%;
  box-sizing: border-box;
  z-index: 22;
}
.collageListBox .cartUl {
  height: calc(100% - 1.45rem);
  overflow-y: scroll;
}
.collageListBox .cartUl li {
  padding: 0;
}
.collageListBox .cartUl li .text {
  margin-right: 0;
  width: 77.4%;
}
.collageListBox .onlineService {
  width: 100%;
}
/* 分享账单 */
.shareBillBox .listTop {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 2.4% 2.4% 0 2.4%;
}
.shareBillBox .listTop .photo {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
.shareBillBox .listTop .text {
  flex: 1;
  -webkit-flex: 1;
}
.shareBillBox .listTop .me {
  display: inline-block;
  color: rgb(96, 161, 70);
  border: 1px solid rgb(96, 161, 70);
  vertical-align: bottom;
}
.shareBillBox .listTop .originator {
  display: inline-block;
  color: #5e9bda;
  border: 1px solid #5e9bda;
  vertical-align: bottom;
}
.shareBillBox .listTop .btnBox {
  width: 7rem;
}
.shareBillBox .listTop .changeBtn {
  display: block;
  padding: 0.2rem;
  color: rgb(96, 161, 70);
  border: 1px solid rgb(96, 161, 70);
  white-space: nowrap;
}
.shareBillBox .listTop .abandonBtn {
  display: block;
  padding: 0.2rem;
  color: #929292;
  border: 1px solid #929292;
  white-space: nowrap;
}
.shareBillBox .billList {
  background-color: #f4f4f5;
}
.shareBillBox .billList .billItem {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.shareBillBox .billList .billItem .name {
  flex: 1;
  -webkit-flex: 1;
}
.shareBillBox .billList .billItem .num {
  width: 4rem;
  text-align: center;
}
.shareBillBox .billList .billItem .price {
  width: 4rem;
  text-align: right;
}
.shareBillBox .billList .billItem + .goodItem {
  padding-top: 2.4%;
}
/* 支付方式 */
.payWay .fillList {
  background-color: #fff;
}
.payWay .fillList .fillItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  padding: 0.7rem 2.4%;
}
.payWay .fillList .fillItem .itemName {
  color: #333;
}
.payWay .fillList .fillItem .itemValue {
  max-width: 68%;
  text-align: right;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.payWay .fillList .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.payWay .fillList .fillItem .outlineView {
  margin-left: 0.5rem;
  color: rgb(96, 161, 70);
  border-bottom: 1px solid rgb(96, 161, 70);
}
.payWay .fillList .fillItem .outlineIcon {
  position: relative;
  padding-left: 1.8rem;
}
.payWay .fillList .fillItem .outlineIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/icon/outlineIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.payWay .fillList .fillItem .weixinIcon {
  position: relative;
  padding-left: 1.8rem;
}
.payWay .fillList .fillItem .weixinIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/icon/weixinIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.payWay .fillList .fillItem .zhifubaoIcon {
  position: relative;
  padding-left: 1.8rem;
}
.payWay .fillList .fillItem .zhifubaoIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/icon/zhifubaoIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.payWay .fillList .fillItem .longzhifuIcon {
  position: relative;
  padding-left: 1.8rem;
}
.payWay .fillList .fillItem .longzhifuIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/icon/longzhifuIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.payWay .fillList .fillItem .yinlianIcon {
  position: relative;
  padding-left: 1.8rem;
}
.payWay .fillList .fillItem .yinlianIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/icon/yinlianIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.payWay .fillList .fillItem.arrow .itemValue {
  padding-right: 1rem;
  border: none;
  width: 65%;
  text-align: right;
}
.payWay .fillList .fillItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 2.4%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.payWay .fillList .fillItem .areaValue {
  width: 100%;
  line-height: 1.5;
  resize: none;
  background: transparent;
  outline: none;
  color: #929292;
  border: 1px solid #ccc;
}
.payWay .fillList .fillItem .areaValue::-webkit-input-placeholder {
  color: #929292;
}
.payWay .fillList .fillItem .check_circle {
  position: relative;
  padding-left: 7.2%;
  font-size: 0.6rem;
}
.payWay .fillList .fillItem .check_circle:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.51rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2.4rem 1.2rem;
}
.payWay .fillList .fillItem .check_circle.checkOn:before {
  background-position: -1.2rem 0;
}
.payWay .fillList .fillItem + .fillItem:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  /*  left: 2.4%; */
}
.payWay .fillList .fillItem .tipBox {
  flex: 1;
  -webkit-flex: 1;
}
.payWay .fillList .fillItem .tipBox .tip {
  background-color: #f0f0f0;
  border-radius: 0.3rem;
  color: #929292;
}
.payWay .fillList .fillItem .tipBox .tip.join {
  color: rgb(96, 161, 70);
}
.payWay .agreementBox {
  padding: 0.5rem 2.4%;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.payWay .agreementBox .agreementCheck {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: cover;
  margin-right: 0.2rem;
}
.payWay .agreementBox .agreementCheck.on {
  background-position: -1rem 0;
}
.payWay .agreementBox .agreementPop {
  color: rgb(96, 161, 70);
  border-bottom: 1px solid rgb(96, 161, 70);
}
.payWay .cashCardList {
  position: relative;
  margin-right: 2.4%;
}
.payWay .cashCardList .vipCard {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.payWay .cashCardList .vipCard .cardName {
  width: 58%;
  padding-left: 0.5rem;
  box-sizing: border-box;
}
.payWay .cashCardList .vipCard .cardDeadLine {
  width: 42%;
  text-align: right;
  color: #fff;
  padding-right: 0.5rem;
  align-self: flex-end;
  -webkit-align-self: flex-end;
}
.payWay .cashCardList .vipCard .cardDeadLine .getBtn {
  display: inline-block;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.2rem 0.4rem;
  background-color: #fff;
  color: rgb(96, 161, 70);
}
.payWay .cashCardList .vipCard .cardDeadLine .getBtn.done {
  background-color: #eee;
  color: #929292;
}
.payWay .cashCardList .check {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.payWay .cashCardList .check.checkOn {
  background-position: 0 0;
}
/* 支付方式弹窗 */
.payWayPop {
  background-color: #fff;
  display: none;
}
.payWayPop .goodList .goodItem {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 1.5;
}
.payWayPop .goodList .goodItem .itemImg {
  margin-right: 0.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.payWayPop .goodList .goodItem .itemName {
  width: 5rem;
  text-align: left;
}
.payWayPop .goodList .goodItem .itemText {
  flex: 1;
  -webkit-flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.payWayPop .goodList .goodItem .check {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2rem 1rem;
  background-position: -1rem 0;
}
.payWayPop .goodList .goodItem .check.checkOn {
  background-position: 0 0;
}
.payWayPop .close {
  position: absolute;
  right: 2%;
  top: 1%;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/closeImg.png);
  background-size: cover;
  cursor: pointer;
}
/* 提货卡 */
.cashCardBox .tip {
  line-height: 2;
  border-bottom: 1px solid #cf2d34;
  color: #cf2d34;
}
.cashCardBox .cashCardList {
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.cashCardBox .cashCardList .cardName {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.cashCardBox .cashCardList .cardBalance {
  width: 6.25rem;
  text-align: center;
  color: #333;
  background-image: linear-gradient(to left, #e7c288, #ffdfc8);
  background-image: -webkit-linear-gradient(left, #ffdfc8, #e7c288);
}
.cashCardBox .cashCardList .cardBalance .shareBtn {
  padding: 0.2rem 0.5rem;
  border-radius: 0.2rem;
  border: 1px solid #333;
  line-height: normal;
}
.payNotice .title {
  position: relative;
  font-size: 0.8rem;
  padding: 2.4% 2.4% 2.4% 5.3%;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.payNotice .title .line {
  position: absolute;
  left: 2.4%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  width: 4px;
  height: 1rem;
  background-color: rgb(96, 161, 70);
}
.payNotice .fillList {
  background-color: #fff;
  padding: 0.5rem 2.4%;
}
.payNotice .fillList .fillItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  line-height: 1.5;
}
.payNotice .fillList .fillItem .dot {
  position: relative;
  padding-left: 0.5rem;
}
.payNotice .fillList .fillItem .dot:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #333;
}
.payNotice .fillList .fillItem .warn {
  position: relative;
  padding-left: 0.8rem;
  color: #cf2d34;
}
.payNotice .fillList .fillItem .warn:before {
  content: '!';
  display: block;
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #cf2d34;
  color: #fff;
  text-align: center;
  line-height: 0.6rem;
  font-size: 0.5rem;
}
.payNotice .fillList .fillItem .qrcode {
  display: block;
  width: 5.6rem;
  height: 5.6rem;
}
/* 分享 */
.shareBox {
  position: fixed;
  z-index: 22;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}
.shareBox .shareList {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  background-color: #e0e0e0;
}
.shareBox .shareList .shareItem {
  width: 25%;
  text-align: center;
  padding: 0.5rem 0;
}
.shareBox .shareList .shareItem .shareImg {
  display: block;
  margin: 0 auto;
  width: 100%;
  width: 3.5rem;
  padding-bottom: 0.5rem;
}
.shareBox .shareList .shareItem .shareText {
  display: block;
}
.shareBox .cancelBtn {
  display: block;
  text-align: center;
  padding: 0.5rem 0;
}
.weui-photo-browser-modal .photo-container img {
  width: 100%;
}
.weui-photo-browser-modal .photo-container .closeBtn {
  position: absolute;
  top: 3rem;
  right: 0.5rem;
  z-index: 100;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  color: #fff;
  font-size: 0;
  background: url('../images/closeImg.png') no-repeat;
  background-size: cover;
}
/* 联系我们 */
.contactPop {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 23;
  display: none;
  width: 80%;
  font-size: 0.65rem;
  text-align: left;
  color: #000;
  background-color: #fff;
}
.contactPop .pop_text {
  margin: 7% 0;
  font-size: 0.75rem;
}
.contactPop .pop_desc {
  display: block;
  margin-bottom: 5%;
  font-size: 0.7rem;
}
.contactPop .pop_desc li {
  position: relative;
  padding: 2.4%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.contactPop .pop_desc li:before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
  background-color: #929292;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.contactPop .pop_desc li .copyBtn {
  margin-left: 0.5rem;
  display: block;
  font-size: 0.5rem;
  padding: 4px 2px;
  border: 1px solid #ccc;
}
.contactPop .pop_desc li .phoneNum {
  color: #008dfa;
}
/* 会员页 */
.vipPage {
  max-width: 750px;
  margin: 0 auto;
  background-color: #a7120e;
}
.vipDetail {
  position: absolute;
  top: 64.4139%;
  left: 37.3333%;
  display: block;
  font-size: 33.4%;
  color: #cb1413;
  line-height: 1.8;
  border: none;
  border-bottom: 1px solid #cb1413;
  background-color: transparent;
  outline: none;
  width: 17.3333%;
  height: 1.9007%;
  opacity: 0;
  cursor: pointer;
}
/* 角色明细 */
.roleDetail .infoTab {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  background-color: #fff;
}
.roleDetail .infoTab li {
  flex: 1;
  -webkit-flex: 1;
  margin: 0.5rem 0;
  border-right: 1px solid #ccc;
  text-align: center;
}
.roleDetail .infoTab li span {
  position: relative;
  display: inline-block;
}
.roleDetail .infoTab li:last-child {
  border-right: none;
}
.roleDetail .infoTab li.on {
  color: rgb(96, 161, 70);
}
.roleDetail .infoTab li.on span:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -0.5rem;
  transform: translateX(-50%);
  width: 100%;
  border-bottom: 2px solid rgb(96, 161, 70);
}
.roleDetail .roleItem {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  background-color: #fff;
}
.roleDetail .photoBox {
  position: relative;
}
.roleDetail .photoBox .unread {
  position: absolute;
  top: -0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff0000;
  border-radius: 50%;
}
.roleDetail .photo {
  display: block;
  margin-right: 0.5rem;
  width: 2rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.roleDetail .userBox {
  flex: 1;
  -webkit-flex: 1;
}
.roleDetail .userBox .name {
  width: 60%;
  font-size: 0.7rem;
}
.roleDetail .userBox .like {
  margin-top: 1.25%;
  width: 33%;
}
.roleDetail .userBox .like i {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/goodDetail.png);
  background-position: -8.4rem 0;
}
.roleDetail .userBox .like i.on {
  background-position: -8.4rem -4.8rem;
}
.roleDetail .joinBtn {
  display: block;
  text-align: center;
  font-size: 0.6rem;
  padding: 0.15rem 0.5rem;
  border-radius: 0.5rem;
  background-color: rgb(96, 161, 70);
  color: #fff;
}
.roleDetail .joinBtn.disable {
  background-color: #ccc;
  color: #fff;
}
.myTeam {
  /* 非会员 */
}
.myTeam .nonMembers {
  background-color: #fff;
  padding-bottom: 0.5rem;
}
.myTeam .nonMembers .tips {
  padding: 0.4rem 0;
}
.myTeam .nonMembers .tips .num {
  font-family: Arial;
  font-weight: bold;
  color: #c39547;
  font-size: 1.25rem;
}
.myTeam .nonMembers .tips .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
}
.myTeam .nonMembers .tips .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.myTeam .nonMembers .progressBox {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
  padding: 0 2.4%;
}
.myTeam .nonMembers .progressBox .progBg {
  position: relative;
  flex: 1;
  -webkit-flex: 1;
  margin: 0 0.5rem;
  height: 0.2rem;
  background-color: #e3e3e3;
  border-radius: 50px;
}
.myTeam .nonMembers .progressBox .progBg:after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.55rem;
  height: 0.55rem;
  background: url(../images/icon/vipSignIcon.png) no-repeat;
  background-size: cover;
}
.myTeam .nonMembers .progressBox .progBg .prog {
  position: relative;
  width: 10%;
  height: 0.2rem;
  border-radius: 50px;
  background-color: #c39547;
}
/* 收入明细 */
.incomeDetail {
  background-color: #fff;
}
.incomeDetail .totalNum {
  font-size: 2rem;
}
.incomeDetail .infoTab {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  background-color: #fff;
}
.incomeDetail .infoTab li {
  flex: 1;
  -webkit-flex: 1;
  margin: 0.5rem 0;
  border-right: 1px solid #ccc;
  text-align: center;
}
.incomeDetail .infoTab li span {
  position: relative;
  display: inline-block;
  color: #929292;
}
.incomeDetail .infoTab li:last-child {
  border-right: none;
}
.incomeDetail .tabs {
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.incomeDetail .tabs .tabSelect {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  opacity: 0;
  padding: 0.5rem;
  color: #909090;
  text-align: center;
  border: none;
}
.incomeDetail .tabs .tabSelect + .tabSelect {
  border-left: 1px solid #909090;
}
.incomeDetail .tabs .tabInput {
  float: left;
  width: calc(50% - 3px);
  color: #333;
  text-align: center;
  border: none;
  line-height: 1.5;
  box-sizing: border-box;
  padding: 0;
  background-color: transparent;
}
.incomeDetail .tabs .tabSpan {
  position: relative;
  flex: 1;
  -webkit-flex: 1;
  color: #333;
  text-align: center;
  padding: 0.5rem;
  line-height: 1.5;
  /* &+:before{ content: ''; position: absolute; top: 50%; left: 0rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 1rem; border-left: 1px solid #909090;} */
}
.incomeDetail .tabs .tabSpan:after {
  content: '';
  position: absolute;
  top: 40%;
  margin-left: 0.2rem;
  width: 0;
  height: 0;
  border-top: 6px solid #909090;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.incomeDetail .tabs .tabSpan + .tabSpan {
  border-left: 1px solid #dedede;
}
.incomeDetail .tabs .tabSpan + .tabSpan:after {
  border: none;
}
.incomeDetail .tabs .tabSpan.on {
  color: rgb(96, 161, 70);
}
.incomeDetail .tabs .tabSpan.on:after {
  border-top: 6px solid rgb(96, 161, 70);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.incomeDetail .payStatus {
  margin: 0 auto;
  width: 2rem;
}
.incomeDetail .accountBtn {
  width: 4rem;
  text-align: center;
  line-height: 2;
  border-radius: 0.2rem;
  color: #fff;
  background-color: #942e44;
}
.bargainBox {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin: 1.8rem 0.5rem 0.8rem 0.5rem;
  border-radius: 0.5rem;
  color: #333;
  background-color: #fff;
}
.bargainBox .avator {
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  text-align: center;
  width: 3rem;
  border-radius: 50%;
  overflow: hidden;
}
.bargainBox .name {
  position: absolute;
  top: 1.5rem;
  font-size: 0.7rem;
  color: #fff;
}
.bargainBox .timeTip {
  color: #333;
  line-height: 1.5;
}
.bargainBox .progBg {
  width: 96.2%;
  margin: 0 0.5rem;
  height: 0.4rem;
  background-color: #929292;
  border-radius: 50px;
}
.bargainBox .prog {
  position: relative;
  width: 10%;
  height: 0.4rem;
  border-radius: 50px;
  background-image: linear-gradient(to left, #fd5d5d, #febe6b);
  background-image: -webkit-linear-gradient(left, #febe6b, #fd5d5d);
}
.bargainBox .prog:before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #fd5d5d;
  border-radius: 50%;
}
.bargainBox .prog:after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(90%, -50%);
  content: '';
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #fff;
  border-radius: 50%;
}
.titleDecoration {
  position: relative;
  padding: 0.9rem 0;
  font-size: 0.75rem;
  color: #fd6536;
  text-align: center;
}
.titleDecoration:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2.75rem;
  height: 0.25rem;
  background: url(../images/titleDecoration.png) no-repeat;
  background-position: 0 0;
  background-size: cover;
  margin-right: 0.5rem;
}
.titleDecoration:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2.75rem;
  height: 0.25rem;
  background: url(../images/titleDecoration.png) no-repeat;
  background-position: -2.75rem 0;
  background-size: cover;
  margin-left: 0.5rem;
}
.countDownBox .helpBtn {
  display: block;
  margin: 0 1rem 0.8rem;
  padding: 0.5rem 0.5rem;
  font-size: 0.7rem;
  background-color: #ff4c4c;
  border-radius: 0.2rem;
  color: #fff;
  text-align: center;
}
.countDownBox .helpBtn.done {
  background-color: #ccc;
  color: #fff;
}
.countDownBox .shareBtn {
  display: block;
  margin: 0 1rem 0.8rem;
  padding: 0.5rem 0.5rem;
  font-size: 0.7rem;
  background-color: #ff783d;
  border-radius: 0.2rem;
  color: #fff;
  text-align: center;
}
.countDownBox .payBtn {
  display: block;
  margin: 0 1rem 0.8rem;
  padding: 0.5rem 0.5rem;
  font-size: 0.7rem;
  border: 1px solid #ff783d;
  border-radius: 0.2rem;
  color: #ff783d;
  text-align: center;
}
.bargainList {
  margin: 2.4%;
  background-color: #fff;
  border-radius: 0.5rem;
  /* .bargainListToggle{ transition: height 1s ,opacity 0.2s; -webkit-transition: height 1s ,opacity 0.2s; }  */
}
.bargainList .avator {
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 1.8rem;
  border-radius: 50%;
  overflow: hidden;
}
.bargainList .show-enter-active,
.bargainList .show-leave-active {
  transition: all 0.3s;
}
.bargainList .show-enter,
.bargainList .show-leave-to {
  height: 0px;
  opacity: 0;
}
.bargainList .show-enter-to,
.bargainList .show-leave {
  height: auto;
  opacity: 1;
}
.bargainList .roleItem {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
}
.bargainList .roleItem .photo {
  display: block;
  margin-right: 0.5rem;
  width: 2rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.bargainList .roleItem .userBox {
  flex: 1;
  -webkit-flex: 1;
}
.bargainList .roleItem .discountPrice {
  width: 0.9rem;
  vertical-align: sub;
  margin-right: 0.2rem;
}
.bargainList .bargainBtn {
  position: relative;
  font-size: 0.7rem;
  color: #929292;
}
.bargainList .bargainBtn:after {
  position: absolute;
  content: '';
  top: 50%;
  right: -0.5rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.bargainList .bargainBtn.up:after {
  top: 35%;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.bargainRecommendGoodBox {
  margin: 5.3% 2.4%;
  background-color: #fff;
  border-radius: 0.5rem;
}
.bargainRecommendGoodBox .goodLists {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.bargainRecommendGoodBox .goodLists .goodList {
  margin: 0 2.4% 5.3% 0;
  width: 48.8%;
}
.bargainRecommendGoodBox .goodLists .goodList .goodImg {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.bargainRecommendGoodBox .goodLists .goodList .goodText {
  color: #333;
  width: 100%;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
  font-family: '黑体';
}
.bargainRecommendGoodBox .goodLists .goodList .businessInfo {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem 0;
}
.bargainRecommendGoodBox .goodLists .goodList .businessInfo img {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.bargainRecommendGoodBox .goodLists .goodList .showGoods {
  padding: 0.1rem 0.4rem;
  color: #fff;
  border-radius: 0.5rem;
  background-color: #cf2d34;
}
.bargainRecommendGoodBox .goodLists .goodList:nth-of-type(2n) {
  margin-right: 0;
}
.bargainRecommendGoodBox .goodLists .goodList.collageIcon {
  position: relative;
}
.bargainRecommendGoodBox .goodLists .goodList.collageIcon:before {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon/collageIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
}
.bargainToHome {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 0.7rem;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  color: #333;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
/* 等级特权 */
.levelRightBox .tabBox {
  font-size: 0.7rem;
  display: flex;
  display: -webkit-flex;
  position: relative;
}
.levelRightBox .tabBox li {
  flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
  text-align: center;
  background-color: #F0F0F0;
  position: relative;
  border-right: 1px solid #ccc;
}
.levelRightBox .tabBox li:last-of-type {
  border-right: none;
}
.levelRightBox .tabBox li:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  height: 0.5rem;
  background-color: #F0F0F0;
  width: 100%;
}
.levelRightBox .tabBox li.active {
  background-color: #fff;
  box-shadow: 0px -1px 0px 1px #cccccc, 1px -2px 1px 1px #cccccc, -1px -2px 0px 1px #cccccc;
  z-index: 2;
  border-right: none;
}
.levelRightBox .tabBox li.active:after {
  display: none;
}
.levelRightBox .tabContent {
  padding-top: 3rem;
  height: calc(97vh - 4.1rem);
  box-sizing: border-box;
  position: relative;
  top: 0;
  z-index: 1;
  border-radius: 0.5rem;
  box-shadow: 0px 0px 2px 2px #ccc;
  background: #ffffff url(../images/levelRightBg.png) no-repeat;
  background-size: contain;
}
.levelRightBox .tabContent .wrapper {
  height: 27%;
  margin: 0 5.3%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.levelRightBox .tabContent .wrapper .memberIcon {
  display: block;
  width: 3rem;
  height: 3rem;
}
.levelRightBox .tabContent .wrapper .memberTip {
  width: 8rem;
}
.levelRightBox .tabContent .wrapper + .wrapper {
  border-top: 1px dashed #ccc;
}
.levelRightBox .tabContent .tipBox {
  height: 20%;
  padding-top: 20%;
}
.levelRightBox .tabContent .tipBox span {
  padding-bottom: 0.7rem;
}
.levelRightBox .tabContent .tipBox .title {
  position: relative;
  color: #333;
  font-size: 0.75rem;
  font-weight: bold;
}
.levelRightBox .tabContent .tipBox .title:before {
  content: '';
  display: inline-block;
  width: 4rem;
  height: 1px;
  background-color: #333;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.levelRightBox .tabContent .tipBox .title:after {
  content: '';
  display: inline-block;
  width: 4rem;
  height: 1px;
  background-color: #333;
  vertical-align: middle;
  margin-left: 0.5rem;
}
.levelRightBox .tabContent .inviteBtn {
  display: block;
  margin: 0 auto;
  width: 50%;
  padding: 0.25rem 0.5rem;
  font-size: 0.7rem;
  background-color: #ff783d;
  border-radius: 1rem;
  color: #fff;
  text-align: center;
}
.levelRightBox .tabContent.VIPContent .wrapper {
  height: 20%;
}
.levelRightBox .tabContent.VIPContent .tipBox {
  padding-top: 10%;
}
.levelRightBox .tabContent:first-of-type {
  border-radius: 0 0.5rem 0.5rem 0.5rem;
}
.levelRightBox .tabContent:last-of-type {
  border-radius: 0.5rem 0 0.5rem 0.5rem;
}
/* 我的资产 */
.myAssets {
  background-color: #fff;
}
.myAssets .assetsInfo {
  margin: 0.5rem;
  padding: 0.8rem;
  background: rgb(96, 161, 70) url(../images/assetsBg.png) no-repeat;
  background-size: cover;
  border-radius: 0.2rem;
}
.myAssets .assetsInfo .assetsIcon {
  display: block;
  margin: 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon/assetsIcon.png) no-repeat;
  background-size: cover;
}
.myAssets .assetsInfo .btnBox {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.myAssets .assetsInfo .btnBox .applyBtn {
  display: block;
  text-align: center;
  font-size: 0.7rem;
  padding: 0.25rem 1.2rem;
  border-radius: 1rem;
  background-color: #fff;
  color: #fe7127;
  line-height: normal;
}
.myAssets .assetsInfo .btnBox .withdrawBtn {
  display: block;
  text-align: center;
  font-size: 0.7rem;
  padding: 0.25rem 1.2rem;
  border-radius: 1rem;
  border: 1px solid #fff;
  color: #fff;
  line-height: normal;
}
.myAssets .totalIncome {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  background-color: #fef3d5;
}
.myAssets .totalIncome li {
  flex: 1;
  -webkit-flex: 1;
  margin: 0.5rem 0;
  border-right: 1px solid #ccc;
  text-align: center;
}
.myAssets .totalIncome li span {
  position: relative;
  display: inline-block;
}
.myAssets .totalIncome li:last-child {
  border-right: none;
}
.myAssets .title {
  display: block;
  text-align: center;
  position: relative;
  color: #929292;
  font-size: 0.75rem;
  font-weight: bold;
}
.myAssets .title:before {
  content: '';
  display: inline-block;
  width: 4rem;
  height: 1px;
  background-color: #929292;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.myAssets .title:after {
  content: '';
  display: inline-block;
  width: 4rem;
  height: 1px;
  background-color: #929292;
  vertical-align: middle;
  margin-left: 0.5rem;
}
.myAssets .infoTab {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  color: #929292;
  background-color: #fff;
}
.myAssets .infoTab li {
  flex: 1;
  -webkit-flex: 1;
  margin: 0.5rem 0;
  text-align: center;
}
.myAssets .infoTab li span {
  position: relative;
  display: inline-block;
}
.myAssets .inviteImg {
  display: block;
  margin: 0 0.5rem 0.8rem 0.5rem;
}
/* 收入详情 */
.income-big-logo {
  height: 9rem;
  margin-top: 1.4rem;
  text-align: center;
}
.income-big-logo .logo {
  height: 2.5rem;
  width: 2.5rem;
}
.income-big-logo .tip {
  margin-top: 1rem;
  text-align: center;
  font-weight: bold;
}
.income-big-logo .num {
  margin-top: 1.1rem;
  font-weight: bold;
  font-size: 1.7rem;
}
.income-big-logo .text {
  margin-top: 0.5rem;
}
.income-goods-details {
  /*margin-top: 2.9rem;*/
  border-top: 1px solid #929292;
  margin: 5.3%;
}
.income-goods-details ul {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.income-goods-details .menu-item {
  margin-top: 1.2rem;
}
.income-goods-details .menu-item .title {
  width: 4rem;
}
.income-goods-details .menu-item .avatar {
  height: 1rem;
  width: 1rem;
  background-color: #fff;
  border-radius: 50%;
}
.income-goods-details .menu-item .wx-name {
  margin-left: 0.5rem;
}
.income-goods-details .menu-item .icon {
  height: 2.25rem;
  width: 2.25rem;
  overflow: hidden;
}
.income-goods-details .menu-item .word-box .price {
  margin-top: 0.3rem;
}
.income-goods-details .menu-item .word-box .num {
  margin-top: 0.2rem;
}
.income-goods-details .menu-item01 {
  margin-top: 1rem;
  line-height: 1.45rem;
}
.income-goods-details .menu-item01 .title {
  width: 4rem;
}
.income-goods-details .menu-item01 .wx-icon {
  height: 1.45rem;
  width: 1.45rem;
  border-radius: 50%;
  background-color: #929292;
  margin-left: 0.5rem;
  overflow: hidden;
  vertical-align: middle;
}
.income-goods-details .menu-item01 .wx-name {
  margin-left: 0.5rem;
}
.income-goods-details .menu-item .word-box {
  display: inline-block;
  margin-left: 0.5rem;
  width: 50%;
}
/* 商品详情（拼团）*/
.buyTipBox {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  background-color: rgb(96, 161, 70);
  color: #fff;
}
.buyTipBox .buyBtn {
  display: inline-block;
  color: #fff;
  font-size: 0.6rem;
}
.businessFooter .toHome2 {
  width: 3.25rem;
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
}
.businessFooter .spellGroup {
  display: block;
  width: calc((100% - 3.25rem * 3)/2 - 2px);
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #ffac36;
  color: #fff;
}
.businessFooter .spellGroup span {
  line-height: 0.8rem;
  padding-top: 0.4rem;
}
.businessFooter .buyNow {
  display: block;
  width: calc((100% - 3.25rem * 3)/2 - 1px);
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #ff4c4c;
  color: #fff;
}
.businessFooter .buyNow span {
  line-height: 0.8rem;
  padding-top: 0.4rem;
}
.businessFooter .lowPrice {
  display: block;
  width: calc((100% - 3.25rem * 3)/2 - 2px);
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #60A146;
  color: #fff;
}
.businessFooter .lowPrice span {
  line-height: 0.8rem;
  padding-top: 0.4rem;
}
/** 参与拼团 弹框 **/
.spellGroup {
  background-color: #fff;
}
.spellGroup .personNum {
  position: absolute;
  text-align: left;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  left: 0;
  top: 0;
  color: #fff;
  background-color:  rgb(96, 161, 70);;
}
.spellGroup .closeLogo {
  position: absolute;
  text-align: right;
  padding: 0.25rem;
  right: 0;
  top: 0;
  color: #fff;
  width: 0.5rem;
  height: 0.5rem;
  background:rgb(96, 161, 70) url(../images/closeImg-white.png) no-repeat center 48%;
  background-size: 50%;
}
.spellGroup .pop_desc {
  display: block;
  font-size: 0.6rem;
}
.spellGroup .pop_button {
  display: flex;
  display: -webkit-flex;
  font-size: 0.7rem;
  border-top: 1px solid #ccc;
}
.spellGroup .pop_button .pop_btn {
  flex: 1;
  -webkit-flex: 1;
  padding: 2.5% 0;
  color: #fff;
  background-color: rgb(96, 161, 70);
  cursor: pointer;
}
.spellGroup .pop_button .pop_btn:first-child {
  border-right: 1px solid rgb(96, 161, 70);
  color: #fff;
  background-color: rgb(96, 161, 70);
}
.spellGroup .member-group {
  font-size: 0;
  margin-top: 1.5rem;
}
.spellGroup .member {
  display: inline-block;
  margin-left: 1rem;
  width: 2.05rem;
  height: 2.05rem;
  background: #dedede;
  border-radius: 50%;
}
.spellGroup .member.middle {
  padding-bottom: 0.5rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/spellgroup_bg_mid.png) no-repeat;
  background-size: contain;
}
.spellGroup .member.lastOne {
  background: url(../images/spellgroup_bg.png);
  background-size: contain;
}
.spellGroup .member:first-child {
  margin-left: 0rem;
}
.spellGroup .active {
  position: relative;
}
.spellGroup .member .avator {
  display: block;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  background: #ff9b67;
}
.spellGroup .active .myself {
  position: absolute;
  background: #1aabfe;
  font-size: 0.4rem;
  color: #fff;
  padding: 0.1rem;
  border-radius: 50%;
  bottom: 0;
  right: -0.2rem;
}
.spellGroup .leader {
  display: inline-block;
  margin-top: 0.55rem;
  color: #000;
}
.spellGroup .tip {
  display: inline-block;
  width: 100%;
  margin-top: 0.55rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  color: #fe4d40;
  background-color: #fce3bf;
}
.spellGroup .desc-layout {
  border-top: 1px solid #ccc;
  padding-top: 0.65rem;
  margin-top: 0.65rem;
  margin-bottom: 0.8rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.spellGroup .desc-layout .desc-two {
  margin-top: 0.1rem;
}
.spellGroup .desc-layout-issue {
  margin-top: 0.45rem;
  margin-bottom: 0.8rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.spellGroup .desc-layout-issue .desc-one {
  color: black;
}
.spellGroup .desc-layout-issue .desc-two {
  margin-top: 0.1rem;
}
.spellGroup .desc-layout-issue .desc-three {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0.5rem 0 2rem;
}
.desc-layout-issue .desc-three li {
  position: relative;
  border-top: 1px solid #ccc;
  padding-left: 32%;
}
.desc-layout-issue .desc-three li:first-child {
  border-left: none;
  padding-left: 0;
}
.desc-layout-issue .desc-three li span {
  display: block;
  width: 3rem;
  position: absolute;
  right: 0;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  padding-top: 0.5rem;
  font-size: 0.6rem;
  color: #929292;
  z-index: 2;
}
.desc-layout-issue .desc-three li span:before {
  position: absolute;
  content: '';
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #929292;
  border-radius: 50%;
  left: 50%;
  top: -0.126rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.desc-layout-issue .desc-three li.on {
  border-top: 1px solid rgb(96, 161, 70);
}
.desc-layout-issue .desc-three li.on span {
  color: rgb(96, 161, 70);
}
.desc-layout-issue .desc-three li.on span:before {
  background-color: rgb(96, 161, 70);
}
.sharePop {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 23;
  display: none;
}
.shareBottomPop {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 23;
  display: none;
  width: 100%;
  font-size: 0.65rem;
  text-align: left;
  color: #000;
  background-color: #fff;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.shareBottomPop .shareList {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.shareBottomPop .shareList li {
  text-align: center;
}
.shareBottomPop .shareList .shareIcon {
  display: block;
  width: 2.5rem;
  margin: 0 auto 0.5rem;
}
/* 我的粉丝 */
.myfansBox {
  /* 非会员 */
}
.myfansBox .nonMembers {
  background-color: #fff;
}
.myfansBox .nonMembers .tips {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  padding: 2.4% 0;
}
.myfansBox .nonMembers .tips .num {
  text-align: center;
}
.myfansBox .nonMembers .progressBox .progBg {
  position: relative;
  /*  flex: 1; -webkit-flex: 1; margin: 0 0.5rem;*/
  height: 0.4rem;
  background-color: #e3e3e3;
  border-radius: 50px;
}
.myfansBox .nonMembers .progressBox .progBg:after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.75rem;
  height: 0.75rem;
  background: url(../images/icon/vipSignIcon.png) no-repeat;
  background-size: cover;
}
.myfansBox .nonMembers .progressBox .progBg .prog {
  position: relative;
  width: 10%;
  height: 0.4rem;
  border-radius: 50px;
  background-color: #c39547;
}
.myfansBox .myFans {
  background-color: #fff;
}
.myfansBox .myFans .fansTip {
  padding: 0.1rem 0.3rem;
  font-size: 0.6rem;
  line-height: 1.5;
  color: #929292;
  border: 1px solid #929292;
}
.myfansBox .myFans .fansTip.on {
  color: #333;
  border: 1px solid #333;
}
.myfansBox .myFans .fansItem {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  border-top: 1px solid #ccc;
}
.myfansBox .myFans .photo {
  display: block;
  margin-right: 0.5rem;
  width: 3.5rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.myfansBox .myFans .userBox {
  flex: 1;
  -webkit-flex: 1;
}
.myfansBox .myFans .userBox .name {
  width: 60%;
  font-size: 0.75rem;
}
.myfansBox .myFans .userBox .like {
  margin-top: 1.25%;
  width: 33%;
}
.myfansBox .myFans .userBox .like i {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/goodDetail.png);
  background-position: -8.4rem 0;
}
.myfansBox .myFans .userBox .like i.on {
  background-position: -8.4rem -4.8rem;
}
.giftCardBox .giftCard {
  background-color: #000;
  background: url(../images/giftCardBg.png) no-repeat;
  background-size: cover;
  padding: 5.3% 2.4%;
}
.giftCardBox .giftCardBg {
  position: relative;
}
.giftCardBox .giftCardBg .cardName {
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  color: #E6C288;
  font-size: 2.2rem;
}
.giftCardBox .giftCardBg .cardValue {
  position: absolute;
  bottom: 1.5rem;
  left: 1rem;
  color: #E6C288;
  font-size: 1.3rem;
}
.giftCardBox .cardRule {
  padding: 2.4% 0;
  color: #fff;
}
.giftCardBox .cardRule .rule {
  color: #E6C288;
  border-bottom: 1px solid #e7c288;
}
.giftCardBox .giftCardDesc {
  box-shadow: 0 0 4px #ccc;
  border-radius: 0.5rem;
}
/* 礼卡详情 */
.giftCardDetail .tip {
  line-height: 2;
  border-bottom: 1px solid #cf2d34;
  color: #cf2d34;
}
.giftCardDetail .giftCardList {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 95.2%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.giftCardDetail .giftCardList .cardName {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  height: 95%;
  color: #e7c288;
}
.giftCardDetail .giftCardList .cardBalance {
  width: 6.25rem;
  text-align: right;
  color: #e7c288;
}
.giftCardDetail .giftCardList .cardBalance .shareBtn {
  padding: 0.2rem 0.5rem;
  border-radius: 0.2rem;
  border: 1px solid #333;
  line-height: normal;
  height: 95%;
}
.giftCardDetailBox {
  margin: 2.4%;
  /*  border-radius: 0.5rem; background-image: linear-gradient(to left,#e7c288,#ffdfc8); background-image: -webkit-linear-gradient(left,#ffdfc8,#e7c288); */
}
.giftCardDetailBox .getBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 0.75rem;
  text-align: center;
  text-decoration: none;
  background-color: #efcb9b;
  color: #333;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.giftCardDetailBox .getBtn.disable {
  color: #fff;
  background-color: #c9c9c9;
}
.giftCardDetailBox .gotoBtn {
  color: #efcb9b;
  border-bottom: 1px solid #efcb9b;
}
.giftRecommendGoodBox {
  margin: 5.3% 0;
  background-color: #fff;
  border-radius: 0.5rem;
}
.giftRecommendGoodBox .titleDecoration {
  position: relative;
  padding: 0;
  font-size: 0.85rem;
  color: #fe8d2f;
  font-weight: bold;
  text-align: center;
  background: url(../images/titleDecoration_2.png) no-repeat center;
  background-size: cover;
  height: 2rem;
  line-height: 2rem;
}
.giftRecommendGoodBox .titleDecoration:before {
  content: '';
  display: none;
}
.giftRecommendGoodBox .titleDecoration:after {
  content: '';
  display: none;
}
.giftRecommendGoodBox .goodLists {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.giftRecommendGoodBox .goodLists .goodList {
  margin: 0 2.4% 5.3% 0;
  width: 48.8%;
}
.giftRecommendGoodBox .goodLists .goodList .goodImg {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.giftRecommendGoodBox .goodLists .goodList .goodText {
  color: #333;
  width: 100%;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
  font-family: '黑体';
}
.giftRecommendGoodBox .goodLists .goodList .businessInfo {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem 0;
}
.giftRecommendGoodBox .goodLists .goodList .businessInfo img {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.giftRecommendGoodBox .goodLists .goodList .showGoods {
  padding: 0.1rem 0.4rem;
  color: #fff;
  border-radius: 0.5rem;
  background-color: #cf2d34;
}
.giftRecommendGoodBox .goodLists .goodList:nth-of-type(2n) {
  margin-right: 0;
}
.giftRecommendGoodBox .goodLists .goodList.collageIcon {
  position: relative;
}
.giftRecommendGoodBox .goodLists .goodList.collageIcon:before {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon/collageIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
}
.giftToHome {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 0.7rem;
  text-align: center;
  text-decoration: none;
  background-color: rgb(96, 161, 70);
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
/* 商家入驻 */
.merchantEntryBox {
  position: relative;
  /*  margin-top: -3rem; */
  background-color: #fff;
  border-radius: 0.3rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.merchantEntryBox .infoTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
}
.merchantEntryBox .infoTip .text {
  text-align: center;
  color: #606060;
  line-height: 1.5;
}
.merchantEntryBox .infoTip .link {
  color: #606060;
  line-height: 1.8;
}
.merchantEntryBox .foodNav {
  background-color: #fff;
}
.merchantEntryBox .foodNav li {
  float: left;
  padding: 0.5rem 0;
  width: 22.5%;
  text-align: center;
  font-size: 0.65rem;
}
.merchantEntryBox .foodNav .navIcon {
  position: relative;
  /*  margin: 0 auto;  */
  text-align: center;
  line-height: 1.8;
  color: #333;
  /* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
}
.merchantEntryBox .foodNav .navIcon .navImg {
  display: block;
  margin: auto;
  width: 2.2rem;
  height: 2.2rem;
  border: 2px solid #9c3e52;
  border-radius: 50%;
  margin-bottom: 0.2rem;
}
.merchantEntryBox .foodNav .navIcon.unRead:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.6rem);
  -webkit-transform: translateX(0.6rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
.merchantEntryBox .foodNav .navIcon .navNum {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.5rem);
  -webkit-transform: translateX(0.5rem);
  border-radius: 50%;
  background-color: #ff0000;
  min-width: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 0.45rem;
}
.serachBox {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin: 0.1rem 2.4%;
  padding: 0.5rem 0 0.5rem 0.5rem;
  color: #333333;
  background-color: #fff;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
}
.serachBox .noticeIcon {
  width: 0.8rem;
  margin-right: 0.5rem;
}
.serachBox .noticeText {
  flex: 1;
  -webkit-flex: 1;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 1.8;
  white-space: nowrap;
  outline: none;
  border: none;
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
.serachBox .noticeText:last-child {
  padding-right: 0;
}
.serachBox .searchBtn {
  width: 2.4rem;
  text-align: center;
}
.logoBox {
  position: absolute;
  width: 100%;
  top: 17.46%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.logoBox .logo {
  width: 12.8%;
  display: block;
  border-radius: 50%;
  margin: 0 auto .5rem;
}
.logoBox .text {
  max-width: 50%;
  display: block;
  margin: 0.5rem auto;
}
.shareOrderBox {
  background-color: #fff;
}
.shareOrderBox .shareOrderTitle {
  display: block;
  margin: 0.5rem auto;
  width: 5.45rem;
}
.shareOrderBox .foodNav {
  background-color: #fff;
}
.shareOrderBox .foodNav li {
  float: left;
  width: 75.5%;
  text-align: center;
  margin-left: 0.5rem;
  font-size: 0.65rem;
}
.shareOrderBox .foodNav li:last-child {
  margin-right: 0.5rem;
}
.ambassadorBg {
  position: relative;
}
.ambassadorBg .contactBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ambassadorBg .contactBox .contactTextBox {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 2.5rem;
}
.ambassadorBg .contactBox .avatar {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
}
.ambassadorBg .contactBox .code {
  display: block;
  margin: 1rem auto;
  width: 8rem;
  height: 8rem;
}
.joinBtnBox {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.joinBtnBox .supplierBtn {
  padding: 2.4%;
}
.joinBtnBox .ambassadorBtn {
  padding: 2.4%;
}
.busniessLists {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
}
.busniessLists .busniessList {
  margin: 0 2.4% 5.3% 0;
  width: 31.7%;
  text-align: center;
}
.busniessLists .busniessList .goodImg {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.busniessLists .busniessList .goodText {
  color: #333;
  width: 100%;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
  font-family: '黑体';
}
.busniessLists .busniessList .businessInfo {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem 0;
}
.busniessLists .busniessList .businessInfo img {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.busniessLists .busniessList .showGoods {
  padding: 0.1rem 0.4rem;
  color: #fff;
  border-radius: 0.5rem;
  background-color: #cf2d34;
}
.busniessLists .busniessList:nth-of-type(3n) {
  margin-right: 0;
}
.busniessLists .busniessList.collageIcon {
  position: relative;
}
.busniessLists .busniessList.collageIcon:before {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon/collageIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
}
/* 上传图片 */
.cameraBox {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.cameraBox .cameraList {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  /* justify-content: center; -webkit-justify-content: center; */
  padding: 2.4%;
}
.cameraBox .cameraList .cameraItem {
  position: relative;
  width: 48%;
  background-color: rgba(0, 0, 0, 0.02);
  border: 1px solid #ccc;
  border-radius: 0.2rem;
  text-align: center;
  overflow: hidden;
}
.cameraBox .cameraList .cameraItem + .cameraItem {
  margin-left: 2.4%;
}
.cameraBox .cameraList .cameraItem .cameraTip {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cameraBox .cameraList .cameraItem .cameraTip:before {
  display: block;
  margin: 0 auto 0.5rem;
  content: " ";
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon/addIcon_2.png) no-repeat;
  background-size: cover;
}
.cameraBox .cameraList .cameraItem .uploadImg {
  z-index: 1;
  font-size: 8rem;
  opacity: 0;
}
/* 主页分享 */
.share_bg {
  width: 100%;
  height: 100%;
  background-color: #21292c;
  position: fixed;
  z-index: 21;
  top: 0;
  left: 0;
  -moz-opacity: 0.8;
  opacity: 0.8;
  display: none;
}
.share_box {
  width: 92.5%;
  padding: 2.5% 3.75%;
  color: #393939;
  font-size: 0.8rem;
  position: fixed;
  z-index: 22;
  display: none;
  top: 0;
  left: 0;
  text-align: center;
}
.share_box .secondWay {
  padding: 10% 0;
}
.secondWay .btn {
  display: inline-block;
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  border: 2px dotted #fff;
  color: #fff;
}
.memberContacts {
  display: flex;
  flex-direction: column;
  display: -webkit-flex;
  /* position: absolute; top: 9.85rem; bottom: 0; */
  width: 100%;
  overflow: hidden;
}
.memberContacts .menuWrapper {
  background-color: #fff;
  font-size: 0.65rem;
}
.memberContacts .menuWrapper ul{
  display: flex;
  flex: 1;
  overflow-x: auto;
}
.memberContacts .menuWrapper ul::-webkit-scrollbar {
  display:none
}
.memberContacts .menuWrapper li {
  padding: 0.7rem 0;
  padding-bottom: 0.3rem;
  text-align: center;
  color: #929292;
}
.memberContacts .menuWrapper li span {
  display: block;
  padding: 0 0.2rem;
  width: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.memberContacts .menuWrapper li.on {
  background-color: #fff;
  color: #141A3A;
  font-weight: bold;
}
.memberContacts .menuWrapper li.on span::after {
 content: '';
 display: block;
 width: 2rem;
 height: 0.2rem;
 background-color: #60A146;
 border-radius: 8px;
 margin-top: 0.5rem;
}
.sort{
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 2rem;
  border-bottom: 1px solid #eee;
}
.sort .down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    margin-left: 10px;
    padding-bottom: 2px;
}
.sort .up {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #333;
  margin-left: 10px;
  margin-bottom: 2px;
}
.sort .no {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin-left: 10px;
  margin-bottom: 2px;
}
.sort .active{
  color: #60A146;
}
.memberContacts .memberWrapper {
  flex: 1;
  -webkit-flex: 1;
  font-size: 0.7rem;
  background-color: #fff;
  overflow: hidden;
}
.memberContacts .memberWrapper .memberList .title {
  display: block;
  padding: 0.2rem 0 0.2rem 1rem;
  font-size: 0.6rem;
  color: #000;
  background-color: #e0e0e0;
}
.memberContacts .memberWrapper .memberList .memberItem {
  display: flex;
  display: -webkit-flex;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.memberContacts .memberWrapper .memberList .memberItem .photo {
  display: block;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
}
.memberContacts .memberWrapper .memberList .memberItem .content {
  margin-left: 0.5rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex: 1;
  -webkit-flex: 1;
}
.memberContacts .memberWrapper .memberList .memberItem .content .name {
  display: block;
  line-height: 1.5;
}
.memberContacts .memberWrapper .memberList .memberItem .content .stores {
  display: inline-block;
  padding: 0.1rem 0.2rem;
  color: #FF3333;
  font-size: 0.6rem;
  border: 1px solid #FF3333;
  border-radius: 0.2rem;
  align-self: flex-start;
}
.memberContacts .memberWrapper .memberList .memberItem .content .company {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
}
.memberContacts .memberWrapper .memberList .memberItem .content .company .addIcon {
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon/addIcon_cart.png) no-repeat;
  background-size: cover;
}
.memberContacts .memberWrapper .memberList .memberItem .content .keyWord {
  color: #2b59aa;
  font-weight: normal;
}
.memberContacts .memberWrapper .memberList .memberItem:last-child {
  border-bottom: none;
}
.memberContacts .memberWrapper .classifyList {
  margin-left: 0.5rem;
  padding-bottom: 0.5rem;
}
.memberContacts .memberWrapper .classifyList .classifyItem {
  float: left;
  display: inline-block;
  padding: 0.2rem 0.5rem;
  margin: 0 0.2rem 0.2rem 0;
  color: #929292;
  border: 1px solid #929292;
  border-radius: 0.5rem;
  line-height: 1.2;
}
.memberContacts .memberWrapper .classifyList .classifyItem.on {
  color: #60A146;
  border: 1px solid #60A146;
}
.memberContacts .memberWrapper .classifyList:first-child {
  padding-top: 0.5rem;
}
.memberContacts .memberWrapper .subClassifyList {
  margin-left: 0.5rem;
}
.memberContacts .memberWrapper .subClassifyList .classifyItem {
  float: left;
  display: inline-block;
  padding: 0.2rem 0.2rem;
  margin: 0 0.2rem 0.2rem 0;
  color: #929292;
  line-height: 1.2;
}
.memberContacts .memberWrapper .subClassifyList .classifyItem.on {
  color: #000;
}
.XHnavBox {
  border-radius: 0.3rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.XHnavBox .nav {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transition: height 2s;
  -webkit-transition: height 2s;
}
.XHnavBox .navIcon {
  position: relative;
  /*  margin: 0 auto;  */
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
  line-height: 1.8;
  color: #606060;
  width: 25%;
  /* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
}
.XHnavBox .navIcon .navImg {
  display: block;
  margin: auto;
  margin-bottom: 0.2rem;
  width: 2.2rem;
  height: 2.2rem;
}
.XHnavBox .navIcon.unRead:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.6rem);
  -webkit-transform: translateX(0.6rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
.XHnavBox .navIcon .navNum {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.5rem);
  -webkit-transform: translateX(0.5rem);
  border-radius: 50%;
  background-color: #ff0000;
  min-width: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 0.45rem;
}
/* 定位 */
.positionBox {
  background-color: #fcd357;
  overflow: hidden;
  height: 2.3rem;
  line-height: 2.3rem;
}
.positionBox .searchGray {
  display: flex;
  display: -webkit-flex;
  margin: 0.5rem 0.5rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.6rem;
  color: #fff;
  background-color: #fff;
  border-radius: 25px;
}
.positionBox .searchGray .position-btn {
  display: block;
  margin: 0.2rem 0.24rem;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon/positionIcon.png) no-repeat;
  background-size: cover;
}
.positionBox .searchGray .menu-btn {
  display: block;
  margin: 0.2rem 0.24rem;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon/menuIcon.png) no-repeat;
  background-size: cover;
}
.positionBox .searchGray .search-txt {
  flex: 1;
  -webkit-flex: 1;
  padding: 0.2rem;
  width: 75%;
  color: #606060;
  background-color: transparent;
  border: none;
  outline: none;
  line-height: normal;
}
.positionBox .searchGray .search-txt::-webkit-input-placeholder {
  color: #606060;
}
.positionBox .filterBtn {
  width: 4.4rem;
  color: #929292;
  text-align: center;
  border-left: 1px solid #ccc;
}
.positionBox .filterBtn span {
  position: relative;
  padding-left: 1rem;
}
.positionBox .filterBtn span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../images/icon/filterIcon.png) no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.distributionScopeBox {
  position: relative;
  background-color: transparent;
  z-index: 1;
}
.distributionScopeBox .distributionBox {
  background-color: #fff;
  margin: 2.4%;
  border-radius: 0.5rem;
}
.distributionScopeBox .distributionBox .fillItem {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  padding: 0.5rem 2.4%;
}
.distributionScopeBox .distributionBox .fillItem .itemName {
  color: #333;
}
.distributionScopeBox .distributionBox .fillItem .itemValue {
  flex: 1;
  -webkit-flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #333;
  line-height: normal;
}
.distributionScopeBox .distributionBox .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.distributionScopeBox .distributionBox .fillItem input.itemValue {
  padding: 0;
}
.distributionScopeBox .distributionBox .fillItem .addrIcon {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/search_2.png) no-repeat;
  background-size: 70%;
  background-position: 50%;
}
.distributionScopeBox .distributionBox .fillItem + .fillItem:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: 2.4%;
  right: 2.4%;
}
.distributionScopeBox .regBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: rgb(96, 161, 70);
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.distributionScopeBox .regBtn:active {
  background-color: #c8af6d;
}
.distributionScopeBox .regBtn.red {
  background-color: #942e44;
}
.activeGiftBox {
  /* .fillCodeBox{ position: absolute; top:45%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width:80%; text-align:center;
		.fillCode{ display:block; width:100%; box-sizing:border-box; background: #fff; padding:0.5rem; border:none; outline:none; border-radius: 0.2rem; text-align: center;}
		.activeBtn{ display:block; background: @redColor; color:#fde6b4;  padding:0.5rem; border:none; outline:none; border-radius: 0.2rem;}
		
	} */
}
.activeGiftBox .cashCard {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 94%;
  text-align: center;
  color: #f6eeba;
}
.activeGiftBox .cashCard .card {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.activeGiftBox .cashCard .activeText .link {
  color: #942e44;
  border-bottom: 1px solid #942e44;
}
.activeGiftBox .fillCodeBox {
  z-index: 22;
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: #f4f4f4;
  width: 100%;
}
.activeGiftBox .fillCodeBox .fillCode {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 0.5rem;
  border: none;
  outline: none;
  border-radius: 0.2rem;
  text-align: center;
}
.activeGiftBox .fillCodeBox .activeBtn {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
  background: #942e44;
  color: #fde6b4;
  padding: 0.5rem;
  border: none;
  outline: none;
  border-radius: 0.2rem;
}
.activeGiftBox .fillCodeBox .activeText {
  text-align: center;
}
.activeGiftBox .fillCodeBox .activeText .link {
  color: #942e44;
  border-bottom: 1px solid #942e44;
}
.activeGiftBox .toIndexBtn {
  display: block;
  background: rgb(96, 161, 70);
  color: #fff;
  padding: 0.5rem;
  border: none;
  outline: none;
  border-radius: 0.2rem;
}
.activeGiftBox .toEnrollBtn {
  display: block;
  background: rgb(96, 161, 70);
  color: #fff;
  padding: 0.5rem;
  border: none;
  outline: none;
  border-radius: 0.2rem;
}
.activeGiftBox .contactBox {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.activeGiftBox .contactBox .contactTextBox {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 2.5rem;
}
.activeGiftBox .contactBox .avatar {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
}
.activeGiftBox .contactBox .code {
  display: block;
  margin: 2.4% auto;
  width: 8rem;
  height: 8rem;
}
.activeGiftBox-user .cashCard { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 94%; text-align: center; color: #f6eeba; }
	.activeGiftBox-user .cashCard .card { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-direction: column; -webkit-flex-direction: column; }
	.activeGiftBox-user .cashCard .activeText .link { color: #942e44; border-bottom: 1px solid #942e44; }
.activeGiftBox-user .fillCodeBox { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 80%; text-align: center; }
	.activeGiftBox-user .fillCodeBox .fillCode { display: block; width: 100%; box-sizing: border-box; background: #fff; padding: 0.5rem; border: none; outline: none; border-radius: 0.2rem; text-align: center; }
	.activeGiftBox-user .fillCodeBox .activeBtn { display: block; background: #942e44; color: #fde6b4; padding: 0.5rem; border: none; outline: none; border-radius: 0.2rem; }
	.activeGiftBox-user .fillCodeBox .activeText { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; text-align: center; }
		.activeGiftBox-user .fillCodeBox .activeText .link { color: #942e44; border-bottom: 1px solid #942e44; }
.activeGiftBox-user .toIndexBtn { display: block; background: rgb(96, 161, 70); color: #fff; padding: 0.5rem; border: none; outline: none; border-radius: 0.2rem; }
.activeGiftBox-user .toEnrollBtn { display: block; background: rgb(96, 161, 70); color: #fff; padding: 0.5rem; border: none; outline: none; border-radius: 0.2rem; }
.activeGiftBox-user .contactBox { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
	.activeGiftBox-user .contactBox .contactTextBox { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; padding: 2.5rem; }
	.activeGiftBox-user .contactBox .avatar { display: block; width: 2.5rem; height: 2.5rem; border-radius: 50%; overflow: hidden; }
	.activeGiftBox-user .contactBox .code { display: block; margin: 2.4% auto; width: 8rem; height: 8rem; }
.activeGiftBox-user .activeText { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; text-align: center; }
	.activeGiftBox-user .activeText .link { color: #942e44; border-bottom: 1px solid #942e44; }
.activeGiftDetail .tip {
  background-color: #fef4ce;
  text-align: center;
}
.activeGiftDetail .tip .tipText {
  color: #333;
  border-bottom: 1px solid #333;
}
.activeGiftDetail .cashCard {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  text-align: center;
  color: #f6eeba;
}
.activeGiftDetail .cashCard .card {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.activeGiftDetail .cashCard .activeText .link {
  color: #942e44;
  border-bottom: 1px solid #942e44;
}
/* 付款 */
.payOutlineBox {
  background-color: #fff;
}
.payOutlineBox .photoBox {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0 2.4%;
}
.payOutlineBox .photoBox .businessFlag {
  display: block;
  padding: 0.15rem 0.4rem;
  color: #c39547;
  font-size: 0.5rem;
  margin-top: 0.1rem;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #c39547;
}
.payOutlineBox .photoBox .levelView {
  position: absolute;
  top: 50%;
  right: -3%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  padding: 0.15rem 0.4rem;
  color: #845726;
  background: url(../images/levelView.png) no-repeat;
  background-size: cover;
  font-size: 0.6rem;
}
.payOutlineBox .photoBox .vipIcon {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  background: url(../images/icon/vipSignIcon.png) no-repeat;
  background-size: cover;
  vertical-align: -0.1rem;
  margin-right: 0.2rem;
}
.payOutlineBox .photoBox .arrow {
  padding-right: 1rem;
  white-space: nowrap;
}
.payOutlineBox .photoBox .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0.3rem;
  width: 0.3rem;
  height: 0.3rem;
  border-top: 1px solid #845726;
  border-right: 1px solid #845726;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.payOutlineBox .photo {
  display: block;
  text-align: center;
  width: 2.5rem;
  border-radius: 50%;
  border: 1px solid #fff;
  overflow: hidden;
}
.payOutlineBox .priceText {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.payOutlineBox .priceText .itemValue {
  flex: 1;
  -webkit-flex: 1;
  text-align: left;
  background: transparent;
  border: none;
  outline: none;
  line-height: normal;
}
.payOutlineBox .priceText .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.payOutlineBox .priceText input.itemValue {
  padding: 0;
}
/* 线下收款 */
.outlineIncome {
  border-radius: 0.3rem;
}
.outlineIncome .qrcode {
  margin: 2rem auto;
  display: block;
  width: 10rem;
  height: 10rem;
}
.outlineIncome .incomeBg {
  background-color: #9d0101;
  border-radius: 0.3rem;
  overflow: hidden;
}
.outlineIncome .incomeBtnBox {
  margin: 2rem 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
}
.outlineIncome .incomeBtnBox .incomeBtn {
  flex: 1;
  -webkit-flex: 1;
  text-align: center;
  line-height: 1.5;
}
.outlineIncome .incomeBtnBox .incomeBtn + .incomeBtn {
  border-left: 1px solid #ccc;
}
/* 确认收货弹窗 */
.confirmPopBox .qrcode {
  width: 80%;
}
.confirmPopBox .verifyBtn {
  display: block;
  width: 6rem;
  color: #fff;
  text-align: center;
  line-height: 2;
  font-size: 0.7rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.2rem;
  background-color: #ff8343;
}
.confirmPopBox .identifyBox {
  display: flex;
  align-items: center;
}
.confirmPopBox .identifyBox .btnBox {
  width: 4rem;
  text-align: right;
}
.confirmPopBox .identifyBox .identifyBtn {
  display: inline-block;
  line-height: 1.5;
  padding: 0.3rem 0.2rem;
  font-size: 0.6rem;
  border: 1px solid rgb(96, 161, 70);
  text-align: center;
  border-radius: 5px;
  color: rgb(96, 161, 70);
  width: 3.5rem;
  box-sizing: border-box;
}
.confirmPopBox .identifyBox .identifyBtn.disable {
  border: 1px solid #ccc;
  color: #ccc;
}