/* body content */

.search {
  height: 44px;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.search .cancel {
  flex-shrink: 0;
  margin-right: 6px;
  height: 44px;
  line-height: 44px;
  display: block;
  text-align: center;
  font-size: 0.26rem;
  color: #999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.search.hide {
  display: none;
}

.search.trp {
  background: none;
}

.search.trp:after {
  display: none;
}

.search.trp .txt {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  border-radius: 30px;
}

.search.trp .cancel {
  color: #fff;
  opacity: 1;
  visibility: visible;
}

.search.trp .txt::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.search.trp .icon-cl-sousuo {
  color: rgba(255, 255, 255, 1);
}

.search.trp .sclear {
  color: #fff;
}

.search.active {
  z-index: 99;
  background: #fff;
  position: absolute;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.search.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e5e8ea;
  transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
}

.search .icon-cl-sousuo {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  color: #999;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -12px;
}

.search .input-box {
  position: relative;
  width: 100%;
  margin: 7px;
}

.search .txt {
  width: 100%;
  height: 30px;
  text-align: left;
  color: #333;
  font-size: 13px;
  padding: 0 10px 0 34px;
  background: #f5f5f5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.search .txt::-webkit-input-placeholder {
  color: #aaa;
}

.search.active .cancel {
  opacity: 1;
  visibility: visible;
}

.search .sclear {
  width: 30px;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  font-style: normal;
  text-align: center;
  font-family: "iconfont" !important;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -22px;
  opacity: 0.25;
  display: none;
  z-index: 10;
}

.search .sclear:before {
  content: "\e7ba";
}

.search .sclear.active {
  display: block;
}

.searchLayer {
  background: #fff;
  width: 100%;
  position: fixed;
  left: 0px;
  right: 0;
  top: 44px;
  bottom: 0;
  z-index: 200;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.searchLayer.active {
  visibility: visible;
  opacity: 1;
}

.searchLayer .search {
  background: #fff;
  border-bottom: #e6e6e6 1px solid;
}

.searchLayer .search .input-txt {
  background: #eee;
}

.s-hot {
  background: #fff;
}

.s-hot-title {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  margin-top: 12px;
  color: #b5b5b5;
}

.s-hot-title .icon-close-fill {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 18px;
  display: block;
  float: right;
  color: #e5e5e5;
  margin-right: -2px;
}

.s-hot-list {
  padding: 0 3px 0 12px;
}

.s-hot-list li {
  float: left;
  padding: 9px 9px 0 0;
}

.s-hot-list li a {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  padding: 0 15px;
  color: #555;
  background: #f4f4f4;
  display: block;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.focusImg .mui-slider-indicator .mui-indicator {
  box-shadow: none;
  -webkit-box-shadow: none;
  background: #fff;
}

.focusImg .mui-slider-indicator .mui-active.mui-indicator {
  background: #d0000e;
}

.focusImg .mui-slider-group .mui-slider-item img {
  width: 100%;
  max-width: auto;
  max-height: auto;
}

.TextScrollBox {
  height: 30px;
  padding: 0 0.24rem;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  margin: .1rem .24rem 0;
  border: #959595 1px solid;
  background: #eee;
  border-radius: 5px;
}

.TextScrollBox .icon-mycm-gonggao {
  width: 0.36rem;
  height: 44px;
  line-height: 44px;
  font-size: 0.36rem;
  color: #d0000e;
  display: block;
  flex-shrink: 0;
  margin-right: 0.18rem;
}

.TextScroll {
  width: 100%;
  height: 28px;
  overflow: hidden;
  position: relative;
}

.TextScroll ul {
  width: 100%;
  position: absolute;
  height: 28px;
}

.TextScroll ul li {
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  position: relative;
  font-size: 0.24rem;
}

.TextScroll .text {
  display: block;
  height: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: red
}

.TextScroll .date {
  width: 40px;
  text-align: right;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
  display: block;
}

.idxNav {
  display: flex;
  justify-content: space-between;
  padding: 0 .24rem;
}

.idxNav .item {
  flex-shrink: 0;
}

.idxNav .img-icon {
  width: 0.9rem;
  height: 0.9rem;
  margin: 0 auto;
  border-radius: 0.9rem;
}

.idxNav .tap {
  padding: 0.24rem 0;
  color: #303030;
}

.idxNav .name {
  line-height: 1;
  font-size: 0.24rem;
  text-align: center;
  margin-top: 0.2rem;
}

/*消息开始*/

.msg-title {
  margin: .2rem .24rem 0;
  font-size: .3rem;
  font-weight: 500;
}

.msg-reward {
  display: flex;
  justify-content: space-between;
  margin: .1rem .24rem 0;
  overflow: hidden;
}

.msg-reward .item {
  width: 50%;
  position: relative;
}

.msg-reward .box {
  padding: .24rem;
  border: #959595 1px solid;
  border-radius: .1rem;
  background: #fff;
}

.msg-reward .item:nth-child(1) .box {
  transform: skewX(-5deg);
  margin-right: .12rem;
  padding-left: .34rem;
  background: linear-gradient(117deg, #f7f7f7 0%, #f7f7f7 30%, #b2b2b2 100%);
}

.msg-reward .item:nth-child(1)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  background: #fff;
  border: #959595 1px solid;
  border-right: none;
  border-radius: .1rem 0 0 .1rem;
  width: .3rem;
  z-index: 2;
  background: linear-gradient(90deg, #ffffff, #f7f7f7);
}

.msg-reward .item:nth-child(1)::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #eaeaea;
  width: .3rem;
  height: .3rem;
  z-index: 1;
}

.msg-reward .item:nth-child(2) .box {
  border-color: #d0000e;
  transform: skewX(-5deg);
  margin-left: .12rem;
  background: linear-gradient(117deg, #f8f5e1 0%, #d98756 70%, #d98756 100%);
}

.msg-reward .item:nth-child(2)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  background: #fff;
  border: #d0000e 1px solid;
  border-left: none;
  border-radius: 0 .1rem .1rem 0;
  width: .3rem;
  z-index: 2;
  background: linear-gradient(135deg, #d98756, #d98756);
}

.msg-reward .item:nth-child(2)::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: #eaeaea;
  width: .3rem;
  height: .3rem;
  z-index: 1;
}

.msg-reward .bt {
  line-height: .36rem;
}

.msg-reward .count {
  line-height: 1;
  height: .6rem;
}

.msg-reward .count .value {
  font-size: .48rem;
  margin: .1rem 0 .16rem;
}

.msg-reward .text {
  height: 1.08rem;
  overflow: hidden;
  line-height: .36rem;
}

.msg-schedule {
  height: 28px;
  border: #d0000e 1px solid;
  border-radius: .1rem;
  background: linear-gradient(90deg, #d0000e, #dba468);
  margin: .24rem .24rem 0;
}

.msg-schedule .bar {
  height: 26px;
  background: #2989cc;
  border-radius: .08rem;
}

.msg-schedule .text {
  position: absolute;
  left: 0;
  right: 0;
  height: 28px;
  line-height: 28px;
  color: #fff;
  font-size: .24rem;
  text-align: center;
}

.msg-board {
  display: flex;
  justify-content: space-between;
  margin: .1rem .24rem 0;
  overflow: hidden;
}

.msg-board .item {
  width: 50%;
  position: relative;
}

.msg-board .box {
  padding: 8px 0;
  line-height: 16px;
  border: #959595 1px solid;
  background: #fff;
}

.msg-board .item:nth-child(1) {
  margin-right: .06rem;
}

.msg-board .item:nth-child(1) .box {
  border-radius: .2rem 0 0 .2rem;
  padding-left: .3rem;
  margin-right: 20px;
  background: linear-gradient(90deg, #ffffff 0%, #b6e8f4 100%);
}

.msg-board .item:nth-child(1)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-top: 49px solid transparent;
  border-bottom: 49px solid transparent;
  border-left: 20px solid #959595;
  z-index: 1;
}

.msg-board .item:nth-child(1)::before {
  content: "";
  position: absolute;
  right: 1px;
  top: 1px;
  border-top: 48px solid transparent;
  border-bottom: 48px solid transparent;
  border-left: 20px solid #b6e8f4;
  z-index: 2;
}

.msg-board .item:nth-child(2) {
  margin-left: .06rem;
}

.msg-board .item:nth-child(2)::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-top: 49px solid transparent;
  border-bottom: 49px solid transparent;
  border-right: 20px solid #959595;
  z-index: 1;
}

.msg-board .item:nth-child(2)::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  border-top: 48px solid transparent;
  border-bottom: 48px solid transparent;
  border-right: 20px solid #e6c6e8;
  z-index: 2;
}

.msg-board .item:nth-child(2) .box {
  margin-left: 20px;
  padding-left: .2rem;
  border-radius: 0 .2rem .2rem 0;
  background: linear-gradient(90deg, #e6c6e8 0%, #fff 100%);
}

.msg-ranking {
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(45deg, #e10019, #00601b);
  margin: .1rem .24rem .24rem;
}

.msg-ranking-list {
  background: linear-gradient(45deg, #e7d3d5, #d5dbd5);
  display: flex;
  flex-wrap: wrap;
  border-radius: 19px;
  padding: .12rem;
}

.msg-ranking-list .item {
  width: 20%;
  padding: .12rem 0;
  display: flex;
  justify-content: center;
}

.msg-ranking-list .imgbox {
  width: 1.12rem;
  height: 1.12rem;
  border: #fff 1px solid;
  border-radius: 2rem;
  position: relative;
}

.msg-ranking-list .imgbox img {
  border-radius: 100px;
}

.msg-ranking-list .imgbox::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.msg-ranking-list .text {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  text-align: center;
  z-index: 2;
  font-size: .24rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}

.msg-dialog {
  line-height: .32rem;
  font-size: .26rem;
}

/*消息结束*/

/*团队开始*/

.team-title {
  margin: .24rem .24rem 0;
  height: .6rem;
  display: flex;
}

.team-title .name {
  line-height: .6rem;
  font-size: .3rem;
  font-weight: 600;
  flex-shrink: 0;
}

.team-title-tab {
  height: .6rem;
  display: flex;
}

.team-title-tab .item {
  margin-left: .3rem;
  padding-top: .1rem;
  line-height: .5rem;
  font-size: .24rem;
}

.team-title-tab .active {
  color: #fc654f;
}

.team-invite {
  margin: 0 .24rem 0;
  padding: .24rem;
  display: flex;
  background: linear-gradient(35deg, #f05761, #f3a29e);
  color: #ffffff;
  border-radius: .1rem;
}

.team-invite .avatar {
  width: .96rem;
  padding: 0;
  border-radius: .96rem;
  flex-shrink: 0;
}

.team-invite .avatar img {
  width: .96rem;
  height: .96rem;
  border: #fff 1px solid;
  border-radius: .96rem;
}

.team-invite .realname {
  width: 100%;
  height: 12px;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 0px;
  margin-top: 3px;
}

.team-invite .name {
  padding: 0 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: #fff 1px solid;
  white-space: nowrap;
  line-height: .28rem;
  margin-left: .2rem;
  flex-shrink: 0;
  border-radius: .1rem;
}

.team-invite .day {
  padding: 2px 2px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: #fff 1px solid;
  white-space: nowrap;
  line-height: .3rem;
  margin-left: .2rem;
  flex-shrink: 0;
  border-radius: .1rem;
  margin-right: .2rem;
}

.team-invite .day .value {
  font-size: .36rem;
  line-height: 1;
  text-align: center;
}

.team-invite .day .text {
  height: .16rem;
  overflow: hidden;
  font-size: 0;
  line-height: 1;
}

.team-invite .day .text span {
  display: inline-block;
  height: .32rem;
  line-height: 1;
  font-size: .32rem;
  transform: scale(.5) translateX(-50%) translateY(-50%);
}

.team-invite .day .text:last-child {
  text-align: right;
}

.team-invite .day .text:last-child span {
  transform: scale(.5) translateX(50%) translateY(-50%);
}

.team-invite .lists {
  display: flex;
  flex-wrap: wrap;
}

.team-invite .lists .item {
  width: 50%;
  flex-shrink: 0;
  height: .32rem;
  line-height: .32rem;
  white-space: nowrap;
  font-size: .2rem;
}

.my-invite-box {
  margin: 0 .24rem;
  overflow: hidden;
}

.my-invite-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.12rem;
}

.my-invite-list .item {
  width: 33.33%;
  padding: 0 .12rem .24rem;
}

.my-invite-list .box {
  padding: .2rem;
  background: #ff917b;
  border-radius: .1rem;
  border: #dfdfdf 1px solid;
}

.my-invite-list .item-1 .box {
  background: linear-gradient(to top, #ff8e78, #fff2f2);
}

.my-invite-list .item-2 .box {
  background: linear-gradient(to top, #7ad9ff, #fff2f2);
}

.my-invite-list .item-3 .box {
  background: linear-gradient(to top, #7a7cff, #fff2f2);
}

.my-invite-list .item-4 .box {
  background: linear-gradient(to top, #ff79ce, #fff2f2);
}

.my-invite-list .item-5 .box {
  background: linear-gradient(to top, #7bff79, #fff2f2);
}

.my-invite-list .item-6 .box {
  background: linear-gradient(to top, #ff79a5, #fff2f2);
}

.my-invite-list .item-7 .box {
  background: linear-gradient(to top, #fffb7a, #fff2f2);
}

.my-invite-list .avatar {
  width: .96rem;
  height: .96rem;
  background: #fff;
  padding: 1px;
  border-radius: .96rem;
  flex-shrink: 0;
  margin: 0 auto;
}

.my-invite-list .avatar img {
  width: 100%;
  height: 100%;
  border-radius: .96rem;
}

.my-invite-list .content {
  text-align: center;
  margin-top: .2rem;
}

.my-invite-list .name {
  font-size: .28rem;
  height: .34rem;
  line-height: .34rem;
}

.my-invite-list .flag {
  font-size: .26rem;
  height: .3rem;
  line-height: .3rem;
  color: #e0e0e0;
  transform: scale(.9);
}

.my-invite-list .value {
  font-size: .24rem;
  height: .28rem;
  line-height: .28rem;
  color: #e0e0e0;
  transform: scale(.8);
}

.share-guide-bg {
  background: rgba(0, 0, 0, 0.75);
}

.share-guide {
  padding: .6rem 0.2rem .6rem 1rem;
}

.share-guide .arrow {
  text-align: right;
  font-size: 0;
  padding-right: .3rem;
}

.share-guide .arrow img {
  height: .6rem;
  display: inline-block;
}

.share-guide .text {
  font-size: .32rem;
  color: #ffffff;
  margin-top: .3rem;
}

.share-guide .text img {
  height: .12rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 .2rem;
}

.audit-list {
  padding: 0 0.24rem 0.24rem;
}

.audit-list .item {
  position: relative;
  margin-top: 0.2rem;
}

.audit-list .tap {
  display: flex;
  background: #fff;
  padding: 0.3rem 0.16rem .3rem .24rem;
  border-radius: 0.16rem;
}

.audit-list .avatar {
  width: 0.9rem;
  height: 0.9rem;
  flex-shrink: 0;
  margin-right: 0.24rem;
}

.audit-list .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 0.88rem;
}

.audit-list .text {
  width: 100%;
}

.audit-list .bt {
  font-size: 0.32rem;
  line-height: 0.44rem;
  display: flex;
  justify-content: space-between;
}

.audit-list .time {
  color: #999;
  margin-top: 0.1rem;
  line-height: 0.36rem;
}

.audit-list .flag {
  color: #666666;
  font-size: .28rem;
  margin-top: 0.1rem;
  line-height: 0.36rem;
  display: flex;
  justify-content: space-between;
}

.audit-list .btn-box {
  flex-shrink: 0;
  margin-left: 0.24rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.audit-list .btn {
  height: 28px;
  line-height: 26px;
  font-size: 12px;
}

.audit-list .arrow,.item .arrow{
  flex-shrink: 0;
  margin-left: .2rem;
  font-family: "iconfont";
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #cccccc;
  font-size: 18px;
  font-weight: bold;
}

.audit-list .arrow::before,.item .arrow::before {
  content: "\e7af";
}

/*团队结束*/

/*云仓开始*/

.goods-nav {
  display: flex;
  justify-content: space-between;
  padding: 0 .24rem;
}

.goods-nav .item {
  flex-shrink: 0;
}

.goods-nav .img-icon {
  width: 0.64rem;
  height: 0.64rem;
  margin: 0 auto;
}

.goods-nav .tap {
  padding: 0.24rem 0;
  color: #303030;
}

.goods-nav .name {
  line-height: 1;
  font-size: 0.24rem;
  text-align: center;
  margin-top: 0.2rem;
}

.goods-superior {
  background: linear-gradient(45deg, #4e81fb, #a7c0e7);
}

.goods-superior .lists .item {
  width: 100%;
}

.goods-purchase-net {
  display: flex;
  justify-content: space-between;
  padding: 0 8%;
}

.goods-purchase-net .item {
  display: flex;
  justify-content: center;
  width: 50%;
}

.goods-purchase-net .box {
  padding: .24rem .4rem;
  border: #3968be 1px solid;
  border-radius: .2rem;
  background: none;
  display: none;
}

.goods-purchase-net .active .box {
  border-color: #d0000e;
  color: #d0000e;
}

.goods-purchase-net .imgbox {
  width: 1.6rem;
  margin: 0 auto;
}

.goods-purchase-net .imgbox img:nth-child(1) {
  display: block;
}

.goods-purchase-net .imgbox img:nth-child(2) {
  display: none;
}

.goods-purchase-net .active .imgbox img:nth-child(1) {
  display: none;
}

.goods-purchase-net .active .imgbox img:nth-child(2) {
  display: block;
}

.goods-purchase-net .name {
  height: .32rem;
  line-height: .32rem;
  font-size: .24rem;
  text-align: center;
  margin-top: .2rem;
}

.goods-purchase-net .btn {
  width: 2.96rem;
  height: .92rem;
  line-height: .9rem;
  font-size: .32rem;
  text-align: center;
  border-color: #2040e0;
  color: #2040e0;
  background: none;
}

.goods-purchase-net .active .btn {
  border-color: #d3121f;
  color: #d3121f;
}

.goods-purchase-list {
  margin: .1rem .24rem .24rem;
}

.goods-purchase-list .item {
  padding: .1rem .24rem;
  background: #fff;
  border-radius: .1rem;
  display: flex;
  margin-top: 2px;
}

.goods-purchase-list .item .index {
  margin: 0 .1rem 0 -.1rem;
  width: .4rem;
  text-align: center;
  background: #fff;
  white-space: nowrap;
  border-radius: .1rem;
}

.goods-purchase-list .item .text {
  white-space: nowrap;
}

.message .item {
  position: relative;
}

.message .index {
  display: inline-block;
  vertical-align: middle;
  margin: -1px 5px 0 0;
  width: 18px;
  height: 18px;
  background: #ebe4e4;
  text-align: center;
  line-height: 18px;
  border-radius: .16rem;
  color: #d1010f;
}

/*云仓结束*/

/*我的库存开始*/

.sotck-list .item {
  margin-top: 0.2rem;
  background: #fff;
}

.sotck-list .hd {
  display: flex;
}

.sotck-list .check-box {
  display: flex;
  flex-shrink: 0;
  margin-left: 0.24rem;
  flex-direction: column;
  justify-content: center;
}

.sotck-list .tap {
  width: 100%;
  padding: 0.24rem;
  display: flex;
}

.sotck-list .imgbox {
  width: 1.8rem;
  height: 1.8rem;
  flex-shrink: 0;
  margin-right: 0.3rem;
}

.sotck-list .imgbox img {
  width: 100%;
  height: 100%;
}

.sotck-list .content {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
}

.sotck-list .amount-box {
  display: flex;
/*  justify-content: flex-end;*/
  margin-top: 0.1rem;
}

.sotck-list .name {
  font-weight: normal;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.3rem;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sotck-list .userInfo {
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #999;
}

.sotck-list .pay {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.24rem;
  color: #92999d;
  display: flex;
}

.sotck-list .price {
  width: 100%;
  color: #d0000e;
}

.sotck-list .unit {
  font-size: 0.3rem;
}

.sotck-list .num {
  flex-shrink: 0;
  font-size: 0.28rem;
}

.sotck-list .opn {
  padding: 0.2rem 0.24rem;
  font-size: 0;
  line-height: 0;
  text-align: right;
  position: relative;
}

.sotck-list .opn .btn {
  height: 28px;
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.18rem;
  padding: 0 8px;
  min-width: 72px;
  font-size: 0.26rem;
}

.sotck-list .opn .btn.bbgf {
  color: #05080a;
  border: #b5b8ba 1px solid;
}

/*我的库存结束*/

/*分类开始*/

.mainClass {
  position: fixed;
  right: 0;
  top: 44px;
  left: 0;
  bottom: 49px;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.flirstClass {
  position: relative;
  width: 1.7rem;
  z-index: 99;
  background: #f5f8fa;
  height: 100%;
  overflow: hidden;
  flex-shrink: 0;
}

.class-nav li a {
  height: 0.9rem;
  line-height: 0.9rem;
  display: block;
  text-align: center;
  font-size: 0.28rem;
  position: relative;
  z-index: 2;
}

.class-nav .active a {
  background: #fff;
  color: #d0000e;
}

.subClass {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.subClass .focusImg {
  width: auto;
  margin: 0 0.16rem;
}

.mainList {
  margin: 0.2rem 0.16rem 0;
}

.mainClass .title {
  padding: 0 0.2rem;
  margin-top: 0.3rem;
  line-height: 1;
  font-size: 0.26rem;
  font-weight: bold;
}

.mainList .item {
  width: 33.33%;
  float: left;
}

.mainList .tap {
  padding: 0.2rem 0;
}

.mainList .item img {
  width: 1.2rem;
  margin: 0 auto;
  display: block;
}

.mainList .name {
  height: 0.36rem;
  lighting-color: 0.36rem;
  font-size: 0.24rem;
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0.1rem;
}

/*分类结束*/

/*筛选开始*/

.filter-bar {
  width: 100%;
  left: 0;
  background: #fff;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  position: relative;
}

.filter-bar.active {
  position: fixed;
  top: 44px;
  z-index: 104;
}

.filter-bar.active~.mui-content {
  padding-top: 84px;
}

.fb-nav {
  height: 40px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.fb-nav .tab {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: block;
  position: relative;
  float: left;
  font-size: 0px;
  text-align: center;
}

.fb-nav .tap {
  height: 40px;
  color: #62666d;
  font-size: 0.26rem;
}

.fb-nav .tap span {
  max-width: 48px;
  height: 40px;
  font-size: 0.28rem;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fb-nav .active .tap {
  color: #d0000e;
}

.fb-nav .arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a5a8aa;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 5px;
}

.fb-nav .active .arrow:after {
  border-top: 5px solid #d0000e;
}

.fb-nav .arrows {
  width: 5px;
  height: 40px;
  margin-left: 2px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.fb-nav .arrows:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #a5a8aa;
  display: block;
  position: absolute;
  top: 14px;
  left: 0;
}

.fb-nav .arrows:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a5a8aa;
  display: block;
  position: absolute;
  bottom: 14px;
  left: 0;
}

.fb-nav .active.asc .arrows:before {
  border-bottom-color: #d0000e;
}

.fb-nav .active.desc .arrows:after {
  border-top-color: #d0000e;
}

#oFilter .tap:before {
  content: "";
  width: 1px;
  position: absolute;
  left: 0;
  top: 11px;
  bottom: 11px;
  background: #efe8ea;
}

.sort {
  width: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  left: 0;
  top: 84px;
  z-index: 105;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sort.active {
  opacity: 1;
  visibility: visible;
}

.sortList li {
  padding: 0.2rem 0.3rem;
  font-size: 14px;
  position: relative;
  color: #62666d;
}

.sortList .active:before {
  font-family: "iconfont" !important;
  content: "\e797";
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: block;
  font-size: 16px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -8px;
  color: #d0000e;
}

.sortList li.active {
  color: #d0000e;
}

.sortList li:after {
  content: "";
  height: 1px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  background: #e5e8ea;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.oFilterBox {
  width: 90%;
  background: #fff;
  position: fixed;
  z-index: 203;
  left: 100%;
  top: 0;
  bottom: 0;
  padding-bottom: 49px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  visibility: hidden;
}

.oFilterBox.active {
  left: 10%;
  visibility: visible;
}

.filter-item-tit {
  padding: 0.24rem 0 0 0.3rem;
  line-height: 0.48rem;
  font-size: 0.28rem;
  position: relative;
  color: #92999d;
}

.filter-item-tit:after {
  content: "";
  height: 1px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  background: #e5e8ea;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.filter-item:first-child .filter-item-tit:after {
  display: none;
}

.filter-item-tit .icon-a12b {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  display: block;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  margin-top: -8px;
  color: #999;
}

.filter-item-tit.active .icon-a12b:before {
  content: "\e7b1";
}

.filter-price {
  height: 0.6rem;
  position: relative;
  margin: 0.2rem 0.2rem 0.3rem 0.3rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.filter-price .to {
  height: 0.6rem;
  line-height: 0.6rem;
  color: #999;
  text-align: center;
  flex-shrink: 0;
  margin: 0 0.2rem;
}

.filter-price .input-box {
  width: 50%;
}

.filter-price .input-txt {
  width: 100%;
  height: 0.6rem;
  padding: 0 10px;
  text-align: center;
  border: none;
  background: #f5f8fa;
  font-size: 0.28rem;
}

.f-brand-list {
  background: #fff;
  padding: 0 0 0.3rem 0.3rem;
}

.f-brand-list .item {
  width: 33.33%;
  float: left;
  background: #fff;
  padding: 0 0.3rem 0 0;
  display: none;
}

.f-brand-list .item:nth-child(-n + 9) {
  display: block;
}

.f-brand-list.active .item {
  display: block;
}

.f-brand-list .tap {
  padding: 0.02rem;
  border: #fff 1px solid;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.1rem;
}

.f-brand-list .active .tap {
  border-color: #d0000e;
}

.f-brand-list .logo {
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
}

.f-specification-list {
  margin: 0 0 0.3rem 0.3rem;
  overflow: hidden;
}

.f-specification-list .item {
  width: 33.33%;
  padding: 0.3rem 0.3rem 0 0;
  float: left;
  display: none;
}

.f-specification-list .item:nth-child(-n + 9) {
  display: block;
}

.f-specification-list.active .item {
  display: block;
}

.f-specification-list .tap {
  border: #f5f8fa 1px solid;
  background: #f5f8fa;
  height: 0.8rem;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
}

.f-specification-list .active .tap {
  border-color: #d0000e;
  background: #fff;
  color: #d0000e;
}

.filter-opn {
  width: 100%;
  height: 49px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.filter-opn li {
  width: 50%;
  float: left;
}

.filter-opn li .btn {
  width: 100%;
  padding: 0;
  height: 49px;
  line-height: 48px;
  font-size: 0.3rem;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/*筛选结束*/

/*产品列表开始*/

.plist {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.plist .item {
  width: 50%;
  padding: 0.08rem 0.04rem 0 0;
}

.plist .item:nth-child(2n) {
  padding: 0.08rem 0 0 0.04rem;
}

.plist .thumb {
  width: 100%;
}

.plist .tap {
  background: #fff;
}

.plist .content {
  padding: 0.2rem;
}

.plist .name {
  height: 0.36rem;
  line-height: 0.36rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.28rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.plist .price {
  height: 0.36rem;
  line-height: 0.36rem;
  margin-top: 0.4rem;
}

.plist .price .nPrice {
  font-size: 0.32rem;
  font-weight: bold;
}

.plist .price .oPrice {
  text-decoration: line-through;
  margin-left: 0.2rem;
  color: #92999d;
}

.plist .volume {
  height: 0.36rem;
  line-height: 0.36rem;
  margin-top: 0.1rem;
  color: #92999d;
}

/*产品列表结束*/

/*商品信息开始*/

.h-nav {
  height: 44px;
  width: 120px;
  position: absolute;
  left: 50%;
  margin-left: -60px;
  z-index: 5;
}

.h-nav .tab {
  width: 28px;
  margin: 0 16px;
  font-size: 14px;
  height: 44px;
  line-height: 44px;
  float: left;
}

.h-nav .active {
  padding-bottom: 0;
  border-bottom: #d0000e 2px solid;
}

.show-info {
  padding: 0.3rem;
  background: #fff;
}

.show-info .hd {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.show-info .name {
  font-size: 0.34rem;
  line-height: 0.42rem;
}

.show-info .share {
  font-size: 0.42rem;
  line-height: 0.56rem;
  margin-left: 0.2rem;
  color: #55585a;
}

.show-info .like p {
  line-height: 1;
}

.show-info .dsp {
  color: #62666d;
  line-height: 22px;
  margin: 0 -15px;
  padding: 10px 15px;
  font-size: 14px;
  position: relative;
}

.show-info .price {
  height: 0.48rem;
  line-height: 0.48rem;
  margin-top: 0.24rem;
  font-size: 0.28rem;
  overflow: hidden;
  color: #92999d;
}

.show-info .drate {
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  border: none;
  line-height: 16px;
  font-size: 12px;
  background: #ea002a;
  padding: 0 5px;
  margin: -3px 0 0 3px;
  color: #fff;
}

.show-info .unit {
  font-size: 0.36rem;
}

.show-info .nPrice {
  font-size: 0.48rem;
}

.show-info .oPrice {
  font-size: 0.24rem;
  margin-left: 0.24rem;
  text-decoration: line-through;
}

.show-info .num {
  float: right;
}

/*商品信息结束*/

/*商品促销开始*/

.promotions {
  background: #fff;
}

.promotions .tit, .promotions .item {
  height: 0.88rem;
  padding: 0 0.3rem;
  line-height: 0.88rem;
  position: relative;
}

.promotions ul {
  display: none;
}

.promotions.active ul {
  display: block;
}

.promotions .item:after {
  content: "";
  position: absolute;
  left: 0.3rem;
  right: 0;
  top: 0;
  height: 1px;
  background: #e5e8ea;
  transform: scaleY(0.5);
}

.promotions .name {
  font-size: 0.28rem;
}

.promotions .name-dsp {
  font-size: 0.26rem;
  color: #92999d;
  margin-left: 0.18rem;
}

.promotions .label {
  height: 18px;
  line-height: 16px;
  border: #ff0036 1px solid;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #ff0036;
  padding: 0 4px;
  margin: -3px 5px 0 0;
}

.promotions .icon-a12b {
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: block;
  position: absolute;
  right: 0.3rem;
  top: 50%;
  margin-top: -8px;
  color: #ccc;
  font-weight: bold;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.promotions.active .icon-a12b {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*商品促销结束*/

/*产品参数开始*/

.parameter {
  margin-bottom: 49px;
}

.parameter .container {
  max-height: 350px;
  padding: 0 0.24rem;
  overflow: hidden;
  overflow-y: auto;
}

.parameter .tit {
  line-height: 0.4rem;
  padding: 0.24rem;
  border-bottom: #e5e8ea 1px solid;
  font-size: 0.28rem;
  color: #62666d;
  font-weight: bold;
}

.parameter table {
  width: 100%;
}

.parameter table td, .parameter table th {
  padding: 0.24rem;
  font-size: 0.26rem;
  border-bottom: #e5e8ea 1px solid;
  line-height: 0.4rem;
  text-align: left;
}

.parameter table th {
  color: #92999d;
  width: 25%;
}

/*产品参数结束*/

/*商品评论开始*/

.evaluate {
  background: #fff;
}

.evaluateTit {
  height: 0.88rem;
  line-height: 0.88rem;
  font-size: 0.28rem;
  padding: 0 0.3rem;
}

.evaluateTags {
  margin: 0 0.06rem 0 0.3rem;
  font-size: 0;
}

.evaluateTags .item {
  padding: 0 0.24rem 0.2rem 0;
  display: inline-block;
}

.evaluateTags .item a {
  display: block;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.24rem;
  color: #60646d;
  background: #faecea;
  padding: 0 0.3rem;
  border-radius: 0.3rem;
}

.evaluateTags .active a {
  background: #ff4539;
  color: #fff;
}

.evaluateList .item {
  margin: 0 0.3rem;
  padding: 0.3rem 0;
  position: relative;
}

.evaluateList .item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e5e8ea;
  transform: scaleY(0.5);
}

.evaluateList .item:last-child:after {
  display: none;
}

.evaluateList .hd {
  position: relative;
  height: 0.6rem;
  line-height: 0.6rem;
}

.evaluateList .avatar {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  float: left;
}

.evaluateList .name {
  font-size: 0.32rem;
  float: left;
  margin-left: 0.18rem;
}

.evaluateList .date {
  float: right;
  font-size: 0.26rem;
  color: #999;
}

.icon-level {
  background: url(../images/icon-star.png);
  background-position: 0 0;
  -webkit-background-size: 80px 24px;
  background-size: 80px 24px;
  display: block;
}

.level {
  width: 80px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}

.level .icon-level {
  width: 60%;
  height: 12px;
  background-position: 0 -12px;
}

.evaluateList .content {
  line-height: 0.42rem;
  font-size: 0.26rem;
  margin-top: 0.18rem;
}

.evaluateList .attr {
  font-size: 0.24rem;
  color: #92999d;
  margin-top: 0.24rem;
}

.evaluateImgs {
  margin-top: 0.18rem;
  display: flex;
  display: -webkit-flex;
}

.evaluateImgs .thumb {
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  overflow: hidden;
  margin-right: 0.06rem;
  text-align: center;
  font-size: 0;
}

.evaluateImgs .thumb img {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.evaluateAll {
  padding: 0 0 0.3rem 0;
  text-align: center;
  font-size: 0;
}

.evaluateAll .btn {
  height: 0.48rem;
  font-size: 0.26rem;
  line-height: 0.44rem;
  border-radius: 0.48rem;
}

/*商品评论结束*/

/*卖家店铺开始*/

.shopitem {
  padding: 0.24rem;
  background: #fff;
}

.shopitem .hd {
  display: flex;
  display: -webkit-flex;
}

.shopitem .hd .imgbox {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 0.24rem;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
}

.shopitem .hd .content {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
}

.shopitem .hd .name {
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.32rem;
}

.shopitem .hd .sorce {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.24rem;
  color: #999;
}

.shopitem .info {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  text-align: center;
  margin-top: 0.24rem;
}

.shopitem .info .item {
  width: 100%;
  color: #999;
  position: relative;
}

.shopitem .info .item:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: #e5e8ea;
  transform: scaleX(0.5);
}

.shopitem .info .item:last-child:after {
  display: none;
}

.shopitem .info .text {
  height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.24rem;
}

.shopitem .info .num {
  height: 0.72rem;
  line-height: 0.72rem;
  font-size: 0.32rem;
  color: #55585a;
}

.shopitem .opn {
  font-size: 0;
  text-align: center;
  margin-top: 0.24rem;
}

.shopitem .opn .btn {
  height: auto;
  line-height: 1;
  padding: 0.1rem 0.24rem;
  font-size: 0.24rem;
  margin: 0 0.2rem;
  border-radius: 0.48rem;
}

/*卖家店铺结束*/

/*图文详情开始*/

.details .content {
  line-height: 0;
  font-size: 0;
}

.details .content img {
  max-width: 100%;
}

/*图文详情结束*/

/*详情页提交订单操作栏开始*/

.order-bar {
  height: 49px;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.order-bar .obtn {
  width: 50px;
  height: 49px;
  display: block;
  text-align: center;
  color: #92999d;
  flex-shrink: 0;
  position: relative;
}

.order-bar .obtn .iconfont {
  text-align: center;
  color: #5f646e;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
  margin: 2px auto 0;
  line-height: 30px;
  font-size: 22px;
}

.order-bar .obtn.active {
  color: #d0000e;
}

.order-bar .obtn.active .icon-p-fav {
  color: #d0000e;
}

.order-bar .obtn.active .icon-p-fav:before {
  content: "\e810";
}

.order-bar .obtn p {
  line-height: 1;
  margin-top: 2px;
  font-size: 12px;
}

.order-bar .btn {
  width: 50%;
  height: 49px;
  border: none;
  padding: 0;
  line-height: 50px;
  text-align: center;
  font-size: 0.3rem;
  position: relative;
  z-index: 10;
  border-radius: 0;
}

.addCarBtn {
  background: #ff7e8d;
}

.share-list {
  padding: 10px 0 24px;
}

.share-list li {
  width: 25%;
  text-align: center;
  float: left;
  margin-top: 20px;
}

.share-list li .imgbox {
  display: block;
  width: 40px;
  margin: 0 auto;
}

.share-list li p {
  line-height: 1;
  margin-top: 8px;
  color: #666;
}

.share-cancel {
  width: 100%;
  height: 44px;
  line-height: 44px;
  background: #fff;
  display: block;
  text-align: center;
  font-size: 16px;
}

/*详情页提交订单操作栏结束*/

/*购物数量开始*/

.amount {
  width: 110px;
  height: 30px;
  padding: 0 29px;
  border: #c5c8ca 1px solid;
  border-radius: 30px;
  background: #fff;
  position: relative;
}

.amount .Reduce {
  width: 29px;
  height: 28px;
  border-right: 1px solid #c5c8ca;
  position: absolute;
  top: 0;
  left: 0;
}

.amount .Reduce:before {
  content: "";
  height: 2px;
  position: absolute;
  left: 8px;
  right: 8px;
  top: 50%;
  margin-top: -1px;
  background: #95989a;
}

.amount .Increase {
  width: 29px;
  height: 28px;
  border-left: 1px solid #c5c8ca;
  position: absolute;
  right: 0;
  top: 0;
}

.amount .Increase:before {
  content: "";
  height: 2px;
  position: absolute;
  left: 8px;
  right: 8px;
  top: 50%;
  margin-top: -1px;
  background: #95989a;
}

.amount .Increase:after {
  content: "";
  width: 2px;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 50%;
  margin-left: -1px;
  background: #95989a;
}

.amount input {
  margin: 0;
  width: 100%;
  height: 28px;
  display: block;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

/*购物数量结束*/

/*下单产品属性选择开始 */

.orderBox {
  width: 100%;
  position: fixed;
  z-index: 300;
  top: 20%;
  bottom: 0;
  margin-top: 24px;
  display: none;
  box-shadow: 0 -1px 40px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(110%);
  transform: translateY(110%);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.25, 1) 80ms;
  transition: all 0.3s cubic-bezier(0, 0, 0.25, 1) 80ms;
}

.orderBox.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.orderBoxBg {
  width: 100%;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 100px 0 49px;
}

.orderSend {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 49px;
  font-size: 0;
  line-height: 0;
}

.orderSend .btn {
  width: 100%;
  height: 49px;
  line-height: 50px;
  border: none;
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.orderSend .selectbuy, .orderSend .selectadd {
  width: 50%;
}

.orderSend .selectadd {
  background: #e98698;
}

.orderBox .hd {
  position: absolute;
  height: 100px;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 0.3rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.orderBox .hd:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e5e8ea;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.orderBox .hd .imgbox {
  border: #e5e8ea 1px solid;
  width: 106px;
  height: 106px;
  padding: 2px;
  margin: -24px 0.3rem 0 0;
  background: #fff;
  flex-shrink: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.orderBox .hd .content {
  width: 100%;
  height: 76px;
  padding-top: 0.2rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
}

.orderBox .hd .price {
  height: 24px;
  line-height: 24px;
  font-size: 18px;
}

.orderBox .hd .text {
  height: 20px;
  line-height: 20px;
  font-size: 0.28rem;
  color: #62666d;
}

.orderBox .hd .close {
  font-family: "iconfont";
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 18px;
  color: #62666d;
  display: block;
  position: absolute;
  right: 0;
  top: 0px;
}

.orderBox .hd .close:before {
  content: "\e819";
}

.orderWrap {
  padding: 0 0.3rem;
}

.orderItem {
  position: relative;
}

.orderItem:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e5e8ea;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.orderItemTit {
  padding: 0.24rem 0 0 0;
  line-height: 0.48rem;
  font-size: 0.28rem;
  position: relative;
}

.orderAttrlist {
  padding-bottom: 0.3rem;
}

.orderAttrlist li {
  padding: 0.2rem 0.2rem 0 0;
  float: left;
}

.orderAttrlist .tap {
  background: #f5f8fa;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.24rem;
  padding: 0 0.2rem;
  text-align: center;
  color: #62666d;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.orderAttrlist .active .tap {
  color: #fff;
  background: #d0000e;
}

.buyamount {
  overflow: hidden;
  padding: 0.3rem 0;
  position: relative;
}

.buyamount:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e5e8ea;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.buyamount .amount {
  float: right;
}

.buyamount .bts {
  float: left;
  line-height: 30px;
  font-size: 0.28rem;
}

.u-flyer {
  display: block;
  width: 18px;
  height: 18px;
  position: fixed;
  z-index: 9999;
  opacity: 1;
  border: #ff2827 1px solid;
  background: #fff;
  line-height: 16px;
  color: #f7836a;
  text-align: center;
  -webkit-border-radius: 48px;
  border-radius: 48px;
  font-size: 12px !important;
}

.u-flyer.active {
  opacity: 0;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-transition: all 0.4s cubic-bezier(0.75, 1, 0.75, 1) 0.1s;
  transition: all 0.4s cubic-bezier(0.75, 1, 0.75, 1) 0.1s;
}

/*下单产品属性选择结束 */

/*提交订单开始*/

.order-addr {
  padding: 0.24rem 0.3rem 0.3rem 1rem;
  background: #fff url(../images/order-addr-bg.png) repeat-x center bottom;
  -webkit-background-size: auto 6px;
  background-size: auto 6px;
  position: relative;
  display: block;
}

.order-addr .icon-p-shdz {
  width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.48rem;
  display: block;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  margin-top: -0.24rem;
  color: #61646c;
}

.order-addr .hd {
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.3rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.order-addr .info {
  line-height: 0.36rem;
  color: #62666d;
  padding-right: 0.4rem;
  position: relative;
  font-size: 0.26rem;
  margin-top: 0.08rem;
}

.order-addr .icon-a12r {
  display: block;
  position: absolute;
  right: -5px;
  top: 3px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #aaa;
}

#modal-select-address {
  padding-bottom: 49px;
}

#modal-add-address {
  z-index: 110;
}

.address-list .item {
  padding: 0.3rem 1rem 0.3rem 0.3rem;
  overflow: hidden;
  background: #fff;
  position: relative;
}

.address-list .item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e5e8ea;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.address-list .hd {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.3rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.address-list .rcheck {
  position: absolute;
  display: block;
  right: 0.3rem;
  top: 50%;
  margin: 0px;
  margin-top: -10px;
}

.address-list .info {
  line-height: 0.36rem;
  color: #62666d;
  font-size: 0.28rem;
  margin-top: 0.1rem;
}

.OrderListTit {
  line-height: 1;
  background: #fff;
  padding: 0.3rem;
  font-size: 0.3rem;
}

.OrderList {
  position: relative;
}

.OrderList .item {
  background: #f5f5f5;
}

.OrderList .tap {
  padding: 0.3rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.OrderList .item:last-child .tap:after {
  display: none;
}

.OrderList .imgbox {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 0.3rem;
}

.OrderList .content {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
}

.OrderList .name {
  font-weight: normal;
  line-height: 0.36rem;
  font-size: 0.28rem;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.OrderList .attr {
  height: 0.42rem;
  line-height: 0.42rem;
  color: #92999d;
}

.OrderList .price {
  height: 0.42rem;
  line-height: 0.42rem;
  color: #92999d;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.OrderList .price .unit {
  font-size: 0.3rem;
}

.OrderList .price .num {
  font-size: 0.24rem;
}

.couponUsed {
  height: 0.48rem;
  border: none;
  line-height: 0.48rem;
  padding: 0 0.2rem;
  font-size: 0.24rem;
  position: absolute;
  right: 0.64rem;
  top: 50%;
  margin-top: -0.24rem;
  border-radius: 0.48rem;
}

.coupon-list {
  padding: 0 0.3rem 0.3rem;
}

.coupon-list .item {
  height: 1.92rem;
  padding: 0 0 0 0.3rem;
  background: #fcf1f1;
  color: #ec6b64;
  margin-top: 0.3rem;
  position: relative;
  border-radius: 0.1rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.coupon-list .content {
  width: 100%;
}

.coupon-list .price {
  font-size: 18px;
  line-height: 36px;
  padding-top: 10px;
}

.coupon-list .price em {
  font-size: 30px;
  margin-left: 0.04rem;
}

.coupon-list .text {
  line-height: 18px;
  padding-top: 0;
  font-size: 13px;
}

.coupon-list .opn {
  width: 1.92rem;
  height: 1.92rem;
  display: block;
  text-align: center;
  line-height: 1.92rem;
  font-size: 0.3rem;
  color: #ec6b64;
  border-left: #f8d9d8 1px dashed;
  z-index: 1;
  flex-shrink: 0;
}

.coupon-list .item:after {
  content: "";
  width: 13px;
  height: 12px;
  background: #fff;
  position: absolute;
  bottom: -5px;
  right: 1.92rem;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  z-index: 2;
  margin-right: -6px;
}

.coupon-list .item:before {
  content: "";
  width: 13px;
  height: 12px;
  background: #fff;
  position: absolute;
  top: -5px;
  right: 1.92rem;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  z-index: 3;
  margin-right: -6px;
}

.order-count {
  padding: 0.3rem;
  background: #fff;
  position: relative;
}

.order-count .item {
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.28rem;
  color: #999;
}

.order-count .money {
  font-size: 0.3rem;
  float: right;
  color: #333;
}

.total-box {
  height: 49px;
  padding-right: 120px;
  position: relative;
  z-index: 99;
}

.total-box.fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 49px;
  background: #fff;
}

.total-box.fixed:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #92999d;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  opacity: 0.25;
}

.total-box .gobuy {
  width: 120px;
  height: 49px;
  display: block;
  text-align: center;
  line-height: 50px;
  font-size: 0.3rem;
  background: #d0000e;
  color: #fff;
  position: absolute;
  right: 0px;
  top: 0px;
}

.total-box .z-disable {
  background: #ccc;
  color: #fff;
}

.total-box .T-count {
  height: 49px;
  line-height: 50px;
  padding-left: 0.3rem;
  font-size: 0.28rem;
}

.total-box .T-count .unit {
  font-size: 0.36rem;
}

.total-box .check {
  padding-left: 0.96rem;
}

.total-box .rcheck {
  display: block;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  margin-top: -10px;
}

.pay-text {
  padding: 1.2rem 0.3rem;
  text-align: center;
}

.pay-text .time {
  font-size: 0.28rem;
}

.pay-text .opn {
  margin-top: 0.3rem;
}

.pay-text .opn .btn {
  background: #e5e8ea;
  border: none;
  height: 0.56rem;
  line-height: 0.56rem;
  border-radius: 0.56rem;
  color: #3a3a3a;
  padding: 0 0.4rem;
}

.pay-text .value {
  font-size: 0.6rem;
  line-height: 1;
  margin-top: 0.4rem;
}

.pay-text .value .unit {
  font-size: 0.4rem;
  margin-right: 0.08rem;
}

.success {
  padding: 1rem 0.3rem;
  text-align: center;
  overflow: hidden;
}

.success .pay-ok {
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  margin: 0 auto;
}

.success .text {
  text-align: center;
  margin-top: 0.4rem;
}

.success .tit {
  font-size: 0.36rem;
  line-height: 0.48rem;
}

.success .dsp {
  font-size: 0.36rem;
  line-height: 0.48rem;
  color: #92999d;
  margin-top: 0.2rem;
}

.success .opn {
  margin-top: 0.36rem;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}

.success .opn .tab {
  display: inline-block;
  margin: 0 10px;
}

.success .opn .tab .btn {
  width: 2.4rem;
  height: 0.68rem;
  line-height: 0.64rem;
  display: block;
}

/*提交订单结束*/

/*购物车开始*/

.car-none {
  margin: 100px auto;
}

.car-none .imgbox {
  width: 72px;
  height: 72px;
  margin: 0 auto;
}

.car-none .dsp {
  font-size: 15px;
  color: #a3a4a8;
  line-height: 24px;
  margin-top: 20px;
  text-align: center;
}

.car-none .opn {
  margin-top: 20px;
}

.car-none .btns {
  width: 150px;
  height: 36px;
  line-height: 34px;
  border: #737478 1px solid;
  display: block;
  margin: 0 auto;
  font-size: 14px;
  color: #737478;
  text-align: center;
}

.cars {
  background: #fff;
  margin-bottom: 0.24rem;
}

.carTit {
  height: 0.88rem;
  background: #fff;
  line-height: 0.48rem;
  font-size: 0.28rem;
  position: relative;
  padding: 0.2rem 0.32rem 0.2rem 0.96rem;
  position: relative;
}

.carTit .rcheck {
  display: block;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  margin-top: -10px;
}

.carList {
  position: relative;
}

.carList .item {
  position: relative;
  margin-bottom: 1px;
}

.carList .rcheck {
  display: block;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  margin-top: -10px;
  z-index: 3;
}

.carList .mui-table-view-cell:after {
  z-index: 10;
  left: 0.3rem;
}

.carList .mui-table-view-cell:last-child:after {
  display: none;
}

.carList .mui-active {
  background: #fff !important;
}

.carList .mui-active .carGoods {
  background: none;
}

.carGoods {
  padding: 0.3rem 0.3rem 0.3rem 0.96rem;
  height: 2.4rem;
  position: relative;
  z-index: 2;
  background: #fff;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.carList .edit .carGoods {
  padding-right: 72px;
}

.carList .edit .mui-slider-right, .carList .edit .mui-disabled {
  display: none;
}

.carGoods .imgbox {
  width: 1.8rem;
  height: 1.8rem;
  flex-shrink: 0;
  margin-right: 0.3rem;
}

.carGoods .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.carGoods .hd {
  height: 0.75rem;
}

.carGoods .amount {
  width: 100%;
  display: none;
}

.carList .edit .amount {
  display: block;
}

.carGoods .name {
  font-weight: normal;
  line-height: 0.36rem;
  font-size: 0.28rem;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.carList .edit .name {
  display: none;
}

.carGoods .attr {
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.24rem;
  color: #92999d;
  margin-top: 0.08rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.carGoods .pay {
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.28rem;
  color: #92999d;
}

.carGoods .price {
  font-size: 0.3rem;
  font-weight: bold;
  float: left;
  color: #ff0036;
}

.carGoods .num {
  float: right;
  color: #051b28;
}

.carGoods .del {
  width: 60px;
  background: #ed1437;
  color: #fff;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  transform: translateX(100%);
  transition: all 0.3s;
}

.carList .edit .del {
  transform: translateX(0);
}

.carGoods .del span {
  display: block;
  height: 24px;
  line-height: 24px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -12px;
  text-align: center;
}

/*购物车结束*/

/*商家店铺开始*/

.shopHd {
  padding: 1.2rem 0.24rem 0.3rem;
  background: #d0000e;
  margin-top: -44px;
}

.shopHd .hd {
  display: flex;
  display: -webkit-flex;
  color: #fff;
}

.shopHd .hd .imgbox {
  width: 0.8rem;
  height: 0.8rem;
  flex-shrink: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 0.2rem;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
}

.shopHd .hd .content {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
}

.shopHd .hd .name {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.26rem;
}

.shopHd .hd .sorce {
  height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.75);
}

.shopHd .hd .fans {
  height: 0.8rem;
  padding: 0.1rem 0;
  flex-shrink: 0;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
}

.shopHd .hd .fans .bt {
  font-size: 0.2rem;
}

.shopHd .hd .atten {
  height: 0.52rem;
  line-height: 0.52rem;
  flex-shrink: 0;
  text-align: center;
  border: #fff 1px solid;
  border-radius: 0.6rem;
  margin: 0.14rem -0.1rem 0.14rem 0.2rem;
  padding: 0 0.16rem;
}

.shopHd .hd .atten .icon-wyswh-atten {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  margin: -2px 0 0 0;
  display: inline-block;
  vertical-align: middle;
}

.shopHd .hd .atten.active .icon-wyswh-atten:before {
  content: "\e80b";
}

.shopMenu {
  background: #fff;
  height: 1.2rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.shopMenu .item {
  width: 100%;
}

.shopMenu .tap {
  text-align: center;
  padding: 0.2rem 0;
  height: 1.2rem;
}

.shopMenu .active .tap {
  color: #d0000e;
}

.shopMenu .active .tap:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #d0000e;
}

.shopMenu .tap .iconfont {
  width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  display: block;
  margin: 0 auto;
  font-size: 0.4rem;
}

.shopMenu .tap p {
  line-height: 1;
  font-size: 0.28rem;
  margin-top: 0.06rem;
}

.shopAds {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.shopAds img {
  width: 100%;
}

.menu-box .tits {
  height: 0.88rem;
  line-height: 0.88rem;
  background: #f5f8fa;
  padding: 0 0.24rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  margin-top: -1px;
  position: relative;
  z-index: 2;
}

.menu-box .tits .name {
  font-size: 0.28rem;
}

.menu-box .tits .more {
  font-size: 0.24rem;
  color: #999;
}

.menulist {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0.24rem;
  overflow: hidden;
}

.menulist .item {
  width: 50%;
  padding: 0 0.12rem 0 0;
}

.menulist .item:nth-child(2n) {
  padding: 0 0 0 0.12rem;
}

.menulist .tap {
  height: 0.88rem;
  line-height: 0.88rem;
  font-size: 0.26rem;
  color: #62666d;
}

.menulist .tap:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e5e8ea;
  transform: scaleY(0.5);
}

/*商家店铺结束*/

/*聊天界面开始*/

.chat {
  position: fixed;
  top: 44px;
  bottom: 49px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.chatList {
  padding-bottom: 0.3rem;
}

.chatList .item {
  margin: 0.3rem 0.3rem 0;
  position: relative;
  font-size: 0;
  display: flex;
  display: -webkit-flex;
}

.chatList .avatar {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.3rem;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.chatList .content {
  padding: 0.2rem;
  background: #fff;
  line-height: 0.4rem;
  font-size: 0.3rem;
  color: #282828;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  display: inline-block;
  position: relative;
  word-wrap: break-word;
  word-break: break-all;
  margin-right: 1.1rem;
}

.chatList .content .face-img {
  display: inline-block;
  vertical-align: middle;
  width: 0.36rem;
  height: 0.36rem;
  margin: -2px 2px 0;
}

.chatList .content:before {
  content: "";
  position: absolute;
  left: -6px;
  top: 14px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fff;
}

.chatList .item.right {
  text-align: right;
  justify-content: flex-end;
}

.chatList .item.right .avatar {
  order: 1;
  margin: 0 0 0 0.3rem;
}

.chatList .item.right .content {
  order: 0;
  text-align: left;
  background: #0aaff0;
  color: #fff;
  margin-left: 1.1rem;
  margin-right: 0;
}

.chatList .item.right .content:before {
  left: auto;
  right: -6px;
  border: none;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #0aaff0;
}

.chatList .time {
  text-align: center;
  font-size: 0;
  margin-top: 15px;
}

.chatList .time span {
  background: #c3c4c8;
  font-size: 10px;
  color: #fff;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  display: inline-block;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.chatList .chat-img {
  padding: 0;
  border-radius: 0.1rem;
}

.chatList .chat-img :before {
  display: none;
}

.chatList .chat-img img {
  height: 2.82rem;
  border: #e5e8ea 1px solid;
  border-radius: 0.1rem;
}

.chatList .chat-voice {
  min-width: 1.4rem;
  font-size: 0;
}

.chatList .chat-voice-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.8;
  background: url(../images/chat/chatVoice.png);
  background-size: 20px 20px;
}

.chatList .chat-voice.active .chat-voice-icon {
  background-image: url(../images/chat/chatVoice.gif);
}

.chatList .chat-voice .second {
  font-size: 0.24rem;
  color: #92999d;
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  transform: translateX(100%);
}

.chatList .item.right .chat-voice-icon {
  transform: rotate(180deg);
  background-image: url(../images/chat/chatVoice-right.png);
}

.chatList .item.right .chat-voice.active .chat-voice-icon {
  background-image: url(../images/chat/chatVoice-right.gif);
}

.chatList .item.right .chat-voice {
  text-align: right;
}

.chatList .item.right .chat-voice .second {
  right: auto;
  left: -10px;
  transform: translateX(-100%);
}

.chatList .chat-video {
  padding: 0;
  border-radius: 0.1rem;
  font-size: 0;
  background: none !important;
}

.chatList .chat-video:before {
  border: none !important;
  width: 100%;
  height: 100%;
  left: 0 !important;
  right: 0 !important;
  bottom: 0;
  top: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.1rem;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  font-family: "iconfont";
  content: "\e80e";
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.75);
}

.chatList .chat-video-thumb {
  height: 2.8rem;
  border-radius: 0.1rem;
}

.chatList .chat-video video {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.chatBar {
  height: 49px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: #f8f8f8;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.chatInput {
  height: 49px;
  display: flex;
  display: -webkit-flex;
}

.chatInput:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: #d5d8da 1px solid;
  transform: scaleY(0.5);
}

.keyorvoice {
  width: 44px;
  height: 49px;
  padding: 10px 8px;
  margin-right: -10px;
  display: block;
  flex-shrink: 0;
  background: url(../images/chat/voice.png) center no-repeat;
  background-size: 28px 28px;
}

.keyorvoice.active {
  background-image: url(../images/chat/keyboard.png);
}

.faceBtn {
  width: 38px;
  height: 49px;
  display: block;
  flex-shrink: 0;
  background: url(../images/chat/face.png) left center no-repeat;
  background-size: 28px 28px;
}

.faceBtn.active {
  background-image: url(../images/chat/keyboard.png);
}

.chatAdd {
  width: 38px;
  height: 49px;
  display: block;
  flex-shrink: 0;
  background: url(../images/chat/chatAdd.png) left center no-repeat;
  background-size: 28px 28px;
}

.chatBtn {
  width: 48px;
  padding: 0;
  height: 28px;
  border: none;
  line-height: 1;
  display: block;
  margin: 10px 7px 10px 0;
  flex-shrink: 0;
}

.chatInput .input-box {
  width: 100%;
  height: 49px;
  padding: 7px 0;
  margin: 0 10px;
}

.chatInput .input-txt {
  display: block;
  width: 100%;
  height: 36px;
  font-size: 14px;
  border: #d5d8da 1px solid;
  background: #fcfcfc;
  line-height: 20px;
  padding: 7px 9px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: none;
}

.chatInput .voiceBtn {
  width: 100%;
  height: 36px;
  font-size: 15px;
  border: #d5d8da 1px solid;
  background: #fcfcfc;
  line-height: 20px;
  padding: 7px 9px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: none;
  text-align: center;
}

.chatInput .voiceBtn.active {
  background: #d5d8da;
}

.chatInput .show {
  display: block;
}

.mFace {
  background: #f8f8f8;
  height: 2rem;
  display: none;
}

.mFace.active {
  display: block;
}

.mFace .item {
  width: 11.11%;
  padding: 0.2rem;
  float: left;
}

.mFace .item img {
  width: 0.48rem;
  height: 0.48rem;
  margin: 0 auto;
}

.mFace .mui-slider-indicator {
  bottom: 4px;
}

.mFace .mui-slider-indicator .mui-indicator {
  box-shadow: none;
  -webkit-box-shadow: none;
  background: rgba(0, 0, 0, 0.25);
  vertical-align: middle;
}

.mFace .mui-slider-indicator .mui-active.mui-indicator {
  width: 8px;
  height: 8px;
  background: rgba(0, 0, 0, 0.5);
}

.mAdd {
  position: relative;
  height: 2rem;
  display: none;
}

.mAdd.active {
  display: block;
}

.mAdd:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #d7d7d8;
  transform: scaleY(0.5);
}

.mAddList {
  padding: 20px 0;
  display: flex;
  display: -webkit-flex;
}

.mAdd .item {
  width: 33.33%;
  flex-shrink: 0;
}

.mAdd .item a {
  display: block;
}

.mAdd .item img {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto;
}

.mAdd .item p {
  line-height: 1;
  margin-top: 0.1rem;
  font-size: 0.24rem;
  color: #62666d;
  text-align: center;
}

.chatSpeech {
  width: 2.4rem;
  height: 2.4rem;
  position: fixed;
  z-index: 100;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.75);
  left: 50%;
  top: 50%;
  margin: -1.2rem 0 0 -1.2rem;
  display: none;
}

.chatSpeech.active {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
}

.chatSpeech .time {
  display: block;
  height: 12px;
  line-height: 12px;
  color: #fff;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}

.chatSpeech .text {
  display: block;
  margin: 0 7px;
}

.chatSpeech .microphone {
  display: block;
  width: 0.96rem;
  height: 0.96rem;
  background: url(../images/chat/microphone.png);
  background-size: 0.96rem;
  margin: 0.2rem auto 0;
}

.chatSpeech .track {
  width: 14px;
  height: 12px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.chatSpeech .track .line {
  display: block;
  width: 2px;
  background: #fff;
}

.chatSpeech .track .line:nth-child(1) {
  animation: linear track_ani1 1s infinite;
}

.chatSpeech .track .line:nth-child(2) {
  animation: linear track_ani2 1s infinite;
}

.chatSpeech .track .line:nth-child(3) {
  animation: linear track_ani3 1s infinite;
}

@keyframes track_ani1 {
  0% {
    transform: scaleY(1);
  }
  12% {
    transform: scaleY(0.8);
  }
  24% {
    transform: scaleY(0.6);
  }
  36% {
    transform: scaleY(0.4);
  }
  50% {
    transform: scaleY(0.2);
  }
  64% {
    transform: scaleY(0.4);
  }
  76% {
    transform: scaleY(0.6);
  }
  88% {
    transform: scaleY(0.8);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes track_ani2 {
  0% {
    transform: scaleY(0.2);
  }
  12% {
    transform: scaleY(0.4);
  }
  24% {
    transform: scaleY(0.6);
  }
  36% {
    transform: scaleY(0.8);
  }
  50% {
    transform: scaleY(1);
  }
  64% {
    transform: scaleY(0.8);
  }
  76% {
    transform: scaleY(0.6);
  }
  88% {
    transform: scaleY(0.4);
  }
  100% {
    transform: scaleY(0.2);
  }
}

@keyframes track_ani3 {
  0% {
    transform: scaleY(0.6);
  }
  12% {
    transform: scaleY(0.8);
  }
  24% {
    transform: scaleY(1);
  }
  36% {
    transform: scaleY(0.8);
  }
  50% {
    transform: scaleY(0.6);
  }
  64% {
    transform: scaleY(0.4);
  }
  76% {
    transform: scaleY(0.2);
  }
  88% {
    transform: scaleY(0.4);
  }
  100% {
    transform: scaleY(0.6);
  }
}

/*聊天界面结束*/

/*消息开始*/

.message-list {
  margin: 0 0.3rem 0.3rem;
}

.message-list .item {
  margin-top: 0.3rem;
  border-radius: 8px;
  padding: 0.3rem 0.24rem;
  background: #fff;
  position: relative;
}

.message-list .tap {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.message-list .avatar {
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 0.96rem;
  flex-shrink: 0;
  margin-right: 0.24rem;
}

.message-list .content {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
}

.message-list .hd {
  height: 0.48rem;
  line-height: 0.48rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.message-list .name {
  font-size: 0.3rem;
  font-weight: bold;
}

.message-list .date {
  color: #ccc;
  font-size: 0.24rem;
}

.message-list .text {
  height: 0.4rem;
  line-height: 0.4rem;
  color: #92999d;
  font-size: 0.24rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.message {
  margin: 0 0.3rem 0.3rem;
}

.message .item {
  margin-top: 0.2rem;
  background: #fff;
  border-radius: 0.16rem;
  padding: 0.3rem;
}

.message .time {
  color: #999;
  line-height: 0.36rem;
  text-align: left;
}

.message .content {
  font-size: 0.26rem;
  margin-top: 0.16rem;
  line-height: 0.42rem;
  color: #62666d;
}

/*消息结束*/

/*新闻、公告开始*/

.noticeList {
  background: #fff;
  margin: 0.24rem 0;
}

.noticeList .item {
  position: relative;
}

.noticeList .item:after {
  content: "";
  position: absolute;
  left: 0.24rem;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e5e8ea;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.noticeList .item:last-child:after {
  display: none;
}

.noticeList .tap {
  padding: 0.24rem 0.18rem 0.24rem 0.24rem;
  font-size: 0.28rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.noticeList p {
  line-height: 0.48rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.noticeList .icon-a12r {
  width: 16px;
  line-height: 0.48rem;
  display: block;
  font-weight: bold;
  color: #c5c8ca;
  margin-left: 0.16rem;
  flex-shrink: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
}

.newsList .item {
  padding: 0.3rem;
  position: relative;
  background: #fff;
}

.newsList .item:after {
  content: "";
  position: absolute;
  left: 0.3rem;
  right: 0.3rem;
  bottom: 0;
  height: 1px;
  background: #e5e8ea;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.newsList .item:last-child:after {
  display: none;
}

.newsList .thumb {
  display: flex;
  display: -webkit-flex;
  margin-top: 0.18rem;
}

.newsList .thumb .imgbox {
  width: 100%;
}

.newsList .thumb .imgbox:nth-child(2) {
  margin: 0 1px;
}

.newsList .thumb .imgbox:last-child {
  margin-right: 0;
}

.newsList .name {
  line-height: 0.42rem;
  font-size: 0.3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.newsList .info {
  height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.24rem;
  color: #92999d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0.18rem;
}

.newsShow {
  padding: 0.3rem 0;
  background: #fff;
}

.newsShowHd {
  padding: 0.24rem 0.3rem 0;
}

.newsShowHd .title {
  font-size: 0.36rem;
  line-height: 1.5;
  font-weight: bold;
}

.newsShowHd .info {
  line-height: 0.36rem;
  padding-top: 0.12rem;
  color: #92999d;
}

.newsContent {
  font-size: 0.3rem;
  line-height: 1.8;
  padding: 0.3rem 0.3rem 0;
}

.newsContent img {
  display: inline;
  max-width: 100%;
}

/*新闻、公告结束*/

/* login & registered start */

.login-logo {
  width: 2.4rem;
  margin: 0.6rem auto 0;
}

.login-logo img {
  width: 100%;
}

.login-form {
  margin: 0.4rem 0.64rem 0;
}

.login-form .tits {
  font-size: 20px;
}

.login-form .item {
  position: relative;
  margin-top: 0.3rem;
  display: flex;
}

.login-form .title {
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: .28rem;
  color: #a3a3a3;
  flex-shrink: 0;
}

.login-form .input-box {
  width: 100%;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.login-form .input-box:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e5e8ef;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.l-txt {
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  display: block;
  font-size: 0.28rem;
  color: #25282f;
}

.l-txt::-webkit-input-placeholder {
  color: #c5c8cf;
}

.l-btn {
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  padding: 0;
  border: none;
  font-size: 0.32rem;
  display: block;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
}

.login-form .opn {
  margin-top: 0.6rem;
}

.login-form .text {
  margin-top: 0.24rem;
  height: 0.72rem;
  line-height: 0.72rem;
  font-size: 0.24rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.login-form .getyzm {
  height: 0.48rem;
  line-height: 0.44rem;
  color: #f01414;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.32rem;
  font-size: 0.24rem;
  padding: 0 0.24rem;
  border: #f01414 1px solid;
  border-radius: 0.48rem;
}

.login-form .getyzm.fail {
  border: #ccc 1px solid;
  color: #ccc;
}

.img-yzm {
  width: 96px;
  height: 32px;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px;
}

.img-yzm img {
  width: 96px;
  height: 32px;
}

.login-form .icon-tmy-clear {
  width: 40px;
  height: 36px;
  font-size: 20px;
  text-align: center;
  line-height: 36px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -18px;
  opacity: 0.25;
  display: none;
  color: #000;
}

.login-form .icon-tmy-clear.active {
  display: block;
}

.login-form .yzm .icon-tmy-clear {
  right: 90px;
}

.protocol {
  position: absolute;
  left: 0.3rem;
  right: 0.3rem;
  bottom: 0.3rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  text-align: center;
  color: #92999d;
}

.protocol .chk {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
}

.reg-tab {
  height: 44px;
  margin: 20px 10% -30px;
  position: relative;
}

.reg-tab:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #fff;
  opacity: 0.15;
}

.reg-tab li {
  width: 50%;
  float: left;
  text-align: center;
  font-size: 0;
}

.reg-tab li a {
  height: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 18px;
  display: inline-block;
}

.reg-tab .active a {
  border-bottom: #ff0 2px solid;
  color: #ff0;
}

.login-or {
  text-align: center;
  color: #999;
  margin: 0.48rem 0.72rem 0;
}

.login-or .title {
  padding: 0.32rem 0;
  text-align: center;
  font-size: 0;
  position: relative;
}

.login-or .title .name {
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.24rem;
  background: #fff;
  padding: 0 0.48rem;
  display: inline-block;
  position: relative;
  z-index: 2;
}

.login-or .title:after {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #e5e8ea;
  transform: scaleY(0.5);
}

.login-or .link {
  font-size: 0;
  text-align: center;
  margin-top: 0.32rem;
}

.login-or .link a {
  margin: 0 0.36rem;
  display: inline-block;
  width: 0.64rem;
  height: 0.64rem;
}

.login-or .link a img {
  width: 100%;
  border-radius: 1.28rem;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
}

.login-form .name {
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  color: #13334d;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -22px;
}

.forgot-tips {
  margin: 0.96rem auto -0.32rem;
}

.forgot-tips img {
  height: 1.92rem;
  margin: 0 auto;
}

.forgot-tips p {
  font-size: 0.37333333333333335rem;
  color: #666;
  text-align: center;
  margin-top: 0.48rem;
}

/* login & registered end */

.team-info {
  display: flex;
  flex-wrap: wrap;
  padding: .3rem 0;
}

.team-info .item {
  width: 50%;
  flex-shrink: 0;
  height: .4rem;
  line-height: .4rem;
  white-space: nowrap;
  font-size: .24rem;
}

.weighted {
  margin: 5px .24rem 0;
  height: 30px;
  display: flex;
}

.weighted .left {
  width: 6px;
  flex-shrink: 0;
}

.weighted .right {
  width: 36px;
  flex-shrink: 0;
}

.weighted .text {
  line-height: 30px;
  font-size: 12px;
  padding-left: .1rem;
}

.weighted.n1 .left {
  background: url("../images/weighted1-left.png") no-repeat center;
}

.weighted.n1 .right {
  background: url("../images/weighted1-right.png") no-repeat center;
}

.weighted.n1 .text {
  background: url("../images/weighted1-center.png") repeat-x center;
  color: #ff1e10;
}

.weighted.n2 .left {
  background: url("../images/weighted2-left.png") no-repeat center;
}

.weighted.n2 .right {
  background: url("../images/weighted2-right.png") no-repeat right;
}

.weighted.n2 .text {
  background: url("../images/weighted2-center.png") repeat-x center;
  color: #65a7d6;
}

.msg-reward .count .value {
  font-size: .6rem;
}

.vote {
  margin: .1rem .24rem 0;
}

.vote-opt {
  border: #dadada 1px solid;
  background: #fff;
  padding: 0 .3rem;
  background: #f8f8f8;
  border-radius: .1rem;
}

.vote-opt .bt {
  height: .5rem;
  line-height: .5rem;
  font-size: .34rem;
  margin: .3rem 0;
}

.vote-opt .option .item {
  height: 50px;
  line-height: 50px;
  display: flex;
  /* justify-content: space-between; */
  border-bottom: 1px solid #eaeaea;
}

.vote-opt .option .item:last-child {
  border: none;
}

.vote-opt .option .rcheck {
  margin-top: 15px;
}

.vote-opt .item .label {
  margin-left: .2rem;
  font-size: .3rem;
}

.vote-button-box {
  height: .9rem;
  line-height: .9rem;
  border-top: 1px solid #eaeaea;
  text-align: center;
  font-size: .34rem;
  margin: 0 -.3rem;
}

.vote-res {
  border: #dadada 1px solid;
  background: #f8f8f8;
  padding: .2rem .3rem 0;
  border-radius: .1rem;
}

.vote-res .bt {
  height: .5rem;
  line-height: .5rem;
  font-size: .34rem;
  margin: .3rem 0;
}

.vote-res .item {
  height: 50px;
  overflow: hidden;
}

.vote-res .item .label {
  height: 20px;
  line-height: 20px;
  font-size: .34rem;
  flex-shrink: 0;
  margin-top: 5px;
}

.vote-res .box {
  display: flex;
  height: 12px;
  margin-top: 5px;
  background: none;
}

.vote-res .bar {
  width: 100%;
  height: 6px;
  background: #eee;
  margin: 3px 0;
}

.vote-res .value {
  height: 100%;
  background: linear-gradient(to right, #ffb3ab, #ffddd9);
  background: #ffb3ab;
}

.vote-res .num {
  width: .5rem;
  flex-shrink: 0;
  height: 12px;
  line-height: 12px;
  margin-left: .1rem;
}

.vote-res .option .item:nth-child(2) .value {
  background: linear-gradient(to right, #d9ea9a, #ecf8dc);
  background: #d9ea9a;
}

.vote-button-box .btn {
  width: 100%;
  height: .9rem;
  border-radius: .9rem;
  display: block;
  font-size: .34rem;
}

.ewm-share {
  position: relative;
}

.ewm-share img {
  width: 100%;
}

.ewm-share .spred {
  position: absolute;
  left: .5rem;
  right: .5rem;
  bottom: 30px;
  text-align: center;
  font-size: .28rem;
  word-wrap: break-word;
  color: #fff;
}

.ewm-share .spred .btn {
  width: 3rem;
  display: block;
  height: .8rem;
  margin: .3rem auto 0;
  border-radius: 0;
  border-color: #fff;
  color: #fff;
}

.idxCourse {
  height: 1.28rem !important;
  overflow: hidden;
  font-size: 0;
  margin: 0 .24rem;
}

.idxCourse .my-commission {
  margin: 0;
}

.idxCourse .my-commission .item {
  width: 4rem;
  height: 1.28rem;
  display: inline-block;
  padding: 0 .24rem 0 0 !important;
}

.my-commission .bt {
  font-size: .3rem;
}

.my-commission .tap {
  height: 1.28rem;
}

.my-commission .item:nth-child(3) .tap {
  background: url(../images/nzj-bg.png) no-repeat center top;
  background-size: 120% auto;
  border-radius: .3rem;
}

.team-invite .day .text {
  text-align: center;
}

.team-invite .day .text span {
  transform: scale(.5) translateX(0) translateY(-50%);
}

.team-invite .day .text:last-child {
  text-align: center;
}

.team-invite .day .text:last-child span {
  transform: scale(.5) translateX(0) translateY(-50%);
}

.goods-nav .tap .carnum {
  right: -3px;
  top: 3px;
  background: #fff;
  border: #d0000e 1px solid;
  color: #d0000e;
  line-height: 16px;
}

.userBox .exit {
  position: absolute;
  right: .3rem;
  top: .46rem;
  font-size: .28rem;
  color: #fff;
  border: #fff 1px solid;
  padding: 3px 7px;
  line-height: 1;
  border-radius: 2px;
}

.userBox .edit {
  position: absolute;
  right: .3rem;
  bottom: .46rem;
  font-size: .28rem;
  color: #fff;
  border: #fff 1px solid;
  padding: 3px 7px;
  line-height: 1;
  border-radius: 2px;
}

.TextScroll .text .tap {
  color: #d0000e;
  height: 28px;
  line-height: 28px;
}

.province {
  display: flex;
  margin: .1rem .24rem 0;
}

.province .box {
  border: #cd0616 1px solid;
  border-radius: 8px;
  background: none;
  padding: 8px 0;
  color: #cd0616;
  z-index: 2;
}

.province .list {
  width: 60%;
  padding-left: 20px;
  position: relative;
}

.province .list .box {
  padding-left: .1rem;
}

.province .list .arrow {
  z-index: 1;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 2px;
  width: 24px;
  background: #eaeaea;
  overflow: hidden;
}

.province .list .arrow::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  border-top: 70px solid transparent;
  border-bottom: 70px solid transparent;
  border-right: 24px solid #cd0616;
  transform: translateY(-50%);
  z-index: 1;
}

.province .list .arrow::after {
  content: '';
  position: absolute;
  left: 1px;
  top: 50%;
  border-top: 71px solid transparent;
  border-bottom: 71px solid transparent;
  border-right: 25px solid #eaeaea;
  transform: translateY(-50%);
  z-index: 1;
}

.province .list p {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .24rem;
}

.province .text {
  width: 40%;
  margin-left: .24rem;
  text-align: center;
  position: relative;
  padding-right: 20px;
}

.province .text .box {
  padding: 18px 0;
  color: #ae0d58;
  border-color: #ae0d58;
}

.province .text .bt {
  height: 20px;
  line-height: 20px;
  font-size: .36rem;
}

.province .text .num {
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: bold;
}

.province .text .arrow {
  z-index: 1;
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 2px;
  width: 24px;
  background: #eaeaea;
  overflow: hidden;
}

.province .text .arrow::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  border-top: 70px solid transparent;
  border-bottom: 70px solid transparent;
  border-left: 24px solid #ae0d58;
  transform: translateY(-50%);
  z-index: 1;
}

.province .text .arrow::after {
  content: '';
  position: absolute;
  right: 1px;
  top: 50%;
  border-top: 71px solid transparent;
  border-bottom: 71px solid transparent;
  border-left: 25px solid #eaeaea;
  transform: translateY(-50%);
  z-index: 1;
}

.ad-box {
  margin: 0 .24rem;
  font-size: 0;
  line-height: 0;
  display: block;
}

.ad-box img {
  width: 100%;
  display: block;
  border-radius: .1rem;
}

.msg-schedule-text {
  font-size: .36rem;
  line-height: .5rem;
  text-align: center;
}

.msg-schedule-text p {
  display: flex;
}

.msg-schedule-text p span {
  width: 50%;
  display: block;
  flex-shrink: 0;
}

.msg-schedule-text p span:nth-child(1) {
  text-align: right;
  width: 55%;
}

.msg-schedule-text p span:nth-child(2) {
  text-align: left;
  width: 40%;
}

.upgrade-box {
  margin: .1rem .24rem 0;
}

.upgrade-box .btn {
  height: .8rem;
  line-height: .8rem;
  display: block;
  border-radius: .16rem;
  font-size: .3rem;
}

.upgrade-box .mvp {
  padding: 0 .6rem;
}

.upgrade-box .mvp .btn {
  border-color: #ffb1ad;
  background: #fef7f9;
  color: #f18079;
}

.upgrade-box .director .btn {
  border-color: #32aab1;
  background: #f7fdfa;
  color: #32aab1;
}

.upgrade-box .director {
  padding: .2rem 0rem;
}

.upgrade-box .generation {
  padding: 0 .6rem;
}

.upgrade-box .generation .btn {
  border-color: #d0000e;
  color: #d0000e;
  background: linear-gradient(0deg, #ffb1b2, #fff0f0, #ffb1b2);
}

.upgrade-box .teamd {
  padding: 0 .6rem;
  margin-top: .2rem;
}

.upgrade-box .teamd .btn {
  border-color: #267d95;
  color: #267d95;
  background: linear-gradient(0deg, #b1edff, #e7f4fd, #b1edff);
}

.my-invite-col .item {
  padding: .1rem .24rem;
  background: #fff;
  display: flex;
  border: #ffb1ad 1px solid;
  color: #ffb1ad;
  border-radius: .1rem;
  margin-bottom: .2rem;
}

.my-invite-col .name {
  width: 1.6rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  font-size: .36rem;
  flex-shrink: 0;
}

.my-invite-col .content {
  width: 100%;
  margin-left: .24rem;
  font-size: .24rem;
  line-height: .36rem;
}

.my-invite-col .item:nth-child(2n) {
  border: #32aab1 1px solid;
  color: #32aab1;
}

.my-invite-col .item:nth-child(3n) {
  border: #ff8e78 1px solid;
  color: #ff8e78;
}

.my-invite-col .item:nth-child(4n) {
  border: #7ad9ff 1px solid;
  color: #7ad9ff;
}

.my-invite-col .item:nth-child(5n) {
  border: #7a7cff 1px solid;
  color: #7a7cff;
}

.my-invite-col .item:nth-child(6n) {
  border: #ff79ce 1px solid;
  color: #ff79ce;
}

.my-invite-col .item:nth-child(7n) {
  border: #5be28c 1px solid;
  color: #5be28c;
}

.my-invite-col .item:nth-child(8n) {
  border: #ff79a5 1px solid;
  color: #ff79a5;
}

.my-invite-col .item:nth-child(9n) {
  border: #ffb27a 1px solid;
  color: #ffb27a;
}

.my-invite-col .item-my {
  border: #c71075 1px solid;
  color: #c71075;
  background: linear-gradient(to right, #f2f5a9, #e999a6);
}

.my-invite-col .item.grey {
  border: #ccc 1px solid;
  color: #999;
}

.person-info {
  padding: .3rem 0;
}

.person-info .item {
  height: .36rem;
  line-height: .36rem;
  white-space: nowrap;
  font-size: .24rem;
}

.stock-button {
  margin: .1rem .24rem 0;
  display: flex;
  flex-wrap: wrap;
}

.stock-button .item {
  width: 50%;
  flex-shrink: 0;
  padding-bottom: .24rem;
}

.stock-button .item:nth-child(1), .stock-button .item:nth-child(3) {
  text-align: right;
  padding-right: .12rem;
}

.stock-button .item:nth-child(2), .stock-button .item:nth-child(4) {
  text-align: left;
  padding-left: .12rem;
}

.stock-button .btn {
  width: 2.64rem;
  height: 1.1rem;
  line-height: 1.06rem;
  border-radius: .16rem;
  font-size: .3rem;
  border-color: #a02eae;
  background: #fdedff;
  color: #a02eae;
  font-size: .4rem;
}

.stock-button .item:nth-child(1) .btn {
  border-color: #d1010f;
  background: #ebe4e4;
  color: #d1010f;
}

.stock-button .item:nth-child(2) .btn {
  border-color: #b07c3e;
  background: #ebe4e4;
  color: #b07c3e;
}

.stock-button .item:nth-child(3) .btn {
  border-color: #2040e0;
  background: #d5e2ec;
  color: #2040e0;
}

.stock-button .item:nth-child(4) .btn {
  border-color: #99369a;
  background: #e4dce7;
  color: #99369a;
}

.ship-button {
  margin: .1rem .24rem 0;
}

.ship-button .btn {
  height: .8rem;
  line-height: .8rem;
  display: block;
  border-radius: .16rem;
  font-size: .3rem;
  border-color: #00b7ee;
  background: #ffffff;
  color: #00b7ee;
}

.exchange-button {
  margin: .1rem .24rem 0;
}

.exchange-button .btn {
  height: .8rem;
  line-height: .8rem;
  display: block;
  border-radius: .16rem;
  font-size: .3rem;
  border-color: #2550ff;
  background: #ffffff;
  color: #2550ff;
}

.sale-button {
  margin: .1rem .24rem 0;
}

.sale-button .btn {
  height: .8rem;
  line-height: .8rem;
  display: block;
  border-radius: .16rem;
  font-size: .3rem;
  border-color: #32aab1;
  background: #ffffff;
  color: #32aab1;
}

.purchase-button {
  margin: .1rem .6rem 0;
}

.purchase-button .btn {
  height: .74rem;
  line-height: .7rem;
  display: block;
  border-radius: .74rem;
  font-size: .4rem;
  border-color: #937046;
  color: #937046;
  background: linear-gradient(0deg, #eac79d, #fcf6e3, #eac79d);
  margin-bottom: .2rem;
}

.purchase-button .btn:nth-child(2) {
  border-color: #99369a;
  color: #99369a;
  background: linear-gradient(0deg, #d1a3ca, #f4d6ef, #d1a3ca);
  margin-bottom: 0;
  font-size: .3rem;
}

.commission-text {
  margin: .24rem .24rem 0;
}

.commission-text .content {
  font-size: .4rem;
  line-height: .56rem;
  text-align: center;
}

.commission-text .content p {
  display: flex;
}

.commission-text .content p span {
  width: 50%;
  display: block;
  flex-shrink: 0;
}

.commission-text .content p span:nth-child(1) {
  text-align: right;
  width: 55%;
}

.commission-text .content p span:nth-child(2) {
  text-align: left;
  width: 40%;
}

.commission-text .button-box {
  padding: .24rem .8rem 0;
}

.commission-text .button-box .btn {
  height: .8rem;
  line-height: .76rem;
  display: block;
  border-radius: 3px;
  font-size: .3rem;
  border-color: #d0000e;
  background: #d0000e;
  color: #ffffff;
  word-spacing: 1rem;
}

.commission-text .buttons {
  padding: .24rem .7rem 0;
  display: flex;
}

.commission-text .buttons .item {
  width: 33.33%;
  flex-shrink: 0;
  padding: 0 .1rem;
}

.commission-text .buttons .btn {
  height: .78rem;
  line-height: .74rem;
  font-size: .28rem;
  display: block;
  white-space: nowrap;
}

.commission-text .buttons .item:nth-child(1) .btn {
  border-color: #d1010f;
  color: #d1010f;
  background: #f8f0f0;
}

.commission-text .buttons .item:nth-child(2) .btn {
  border-color: #b07c3e;
  color: #b07c3e;
  background: #f2f0e0;
}

.commission-text .buttons .item:nth-child(3) .btn {
  border-color: #2040e0;
  color: #2040e0;
  background: #f2f1fe;
}

.bills {
  margin: .1rem .24rem 0;
}

.bills .item {
  margin-bottom: .2rem;
  padding: .24rem .3rem;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  background: #fff;
  border-radius: .16rem;
}

.bills .content {
  width: 100%;
}

.bills .hd {
  height: .48rem;
  line-height: .48rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.bills .name {
  width: 100%;
  font-size: .28rem;
  overflow: hidden;
  color: #333;
}

.bills .value {
  font-size: .36rem;
  flex-shrink: 0;
  margin-left: .18rem;
  color: #000;
}

.bills .time {
  height: .4rem;
  line-height: .4rem;
  font-size: .24rem;
  margin-top: .1rem;
  color: #92999D;
}

.team-agent {
  margin: .1rem .24rem 0;
  display: flex;
  border: #a02eae 1px solid;
  background: #fff;
  border-radius: .16rem;
  padding: .2rem;
  background: linear-gradient(90deg, #bbbeeb, #e998a4);
}

.team-agent .ewm {
  width: 1.6rem;
  height: 1.6rem;
  flex-shrink: 0;
  margin-right: .24rem;
  border: #a02eae 1px solid;
}

.team-agent .ewm img {
  width: 100%;
  height: 100%;
}

.team-agent .content {
  width: 100%;
  font-size: .28rem;
  line-height: .6rem;
}

.team-agent .button-box {
  width: 1.6rem;
  height: 1.6rem;
  flex-shrink: 0;
}

.team-agent .button-box .btn {
  width: 100%;
  height: 100%;
  border: none;
  background: linear-gradient(90deg, #a02eae, #cb59d9);
  border-radius: 1.6rem;
  text-align: center;
  color: #fff;
  display: block;
  line-height: 1.6rem;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
  font-size: .32rem;
  padding: 0;
}

.exchange {
  padding: .2rem 0 .4rem 0;
}

.exchange .title {
  font-size: .3rem;
  margin-top: .3rem;
}

.exchange .button-box {
  margin-top: .1rem;
}

.new-detail{
 padding: 0 0.24rem;
 padding-bottom:2.12rem;
 }
.new-detail img{
  max-width: 100%;
  display: block;
  width: 100%;
}
.new-detail-tab{
 background: #eaeaea;
 padding: 0.24rem 0.48rem;
 position: fixed;
 left: 0;
 right: 0;
 bottom: 49px;
}
.new-detail-tab .package{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-around;
}
.new-detail-tab .package li{
  border: #969696 1px solid;
  font-size:0.28rem;
   width: 30%;
   border-radius:0.12rem;
   
}
.new-detail-tab .package li a{
 display:flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  height: 0.6rem;
}
.new-detail-tab .package li.active{
 border: #ff4c01 1px solid;
 color: #ff4c01;
}
.new-detail-tab .package li.active a{
 color: #ff4c01;
}
.buy-btn{
 height: 0.8rem;
 background: -webkit-linear-gradient(top,#fd844d,#ff4c01);
 background: linear-gradient(top,#fd844d,#ff4c01);
 font-size: 0.32rem;
 color: #fff;
 display: flex;
 display: -webkit-flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 border-radius:0.4rem ;
 -weblit-border-radius:0.4rem ;
 margin-top:0.24rem
}


/* 2020-7新增 */
.mt{
	margin-top: 0.24rem;
}
.foot-new .tab i {
	background: url(../images/footer-icon-new.png) no-repeat;
	-webkit-background-size: 120px 60px;
	background-size: 120px 60px;
}
.shop-products{
	margin: 0 0.48rem 0;
}
.shop-products li{
	margin-top: 0.3rem;
}
.shop-products li img{ 
	width: 100%;
	 display: block;
	 }
.new-team-tit{
	font-size:0.4rem;
	padding: 0.24rem 0 0.12rem 0;
	border-bottom: none;
	
}
.new-team-tit img{
	width: 0.42rem;
	height: 0.43rem;
	margin-right: 0.12rem;
}
.new-team-tit small{ 
	display: block;
	font-size: 0.28rem;
}

.new-record-tit{
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
}
.new-record-tit .name{
	display: flex;
	display: -webkit-flex;
}
.new-record-tit .name img{
	margin-top: 0.1rem;
}
.new-record-tit .info{
	color: #797979;
	font-size: 0.3rem;
	
}


.new-team-level{
	margin: 0.24rem;
}
.new-team-level img{
	 width: 100%;
	 display: block
}
.new-box{
	border:#e1e1e1 1px solid;
	border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	background: #fff;
	margin-left:0.24rem;
	margin-right:0.24rem;
}
.list-view{

}
.list-view li{
		height: 1rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	padding: 0 0.32rem;
	font-size: 0.34rem;
	position: relative;
}
.list-view li:after{
	display: inline-block;
	content: '';
	background: #e1e1e1;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}
.list-view li:last-child:after{
	display: none;
}
.list-view .navigate{
	position: relative;
	display: block;
	width: 100%;
}
.list-view .navigate:after{
	content: '';
	width: 0.16rem;
	height: 0.3rem;
	background: url(../images/new-arrow.png) no-repeat;
	background-size:0.16rem 0.3rem ;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.new-team-tit{
	font-size: 0.4rem;
	height: 1rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	padding:  0.32rem ;
	border-bottom: #e1e1e1 1px solid;
}
.dealer{
	padding:0.32rem 0.32rem  0.32rem 2.4rem;
	position: relative;
	box-sizing: border-box;
}
.dealer .wechat{
	width: 1.8rem;
	height: 1.8rem;
	display: block;
	position: absolute;
	left: 0.32rem;
	top:0.32rem
}
.dealer .info{
	font-size: 0.32rem;
}
.dealer .info a{
	 display: flex;
	 display: -webkit-flex;
	 align-items: center;
	 color: #cd0000;
	 margin-top: 0.24rem;
}
.dealer .info a img{ 
	width: 0.32rem; 
	height: 0.32rem;
	display: block;
	}
.new-muen{
 display: flex;
 display: -webkit-flex;
 align-items: center;
 justify-content: space-between;
 padding: 0.4rem 0;
}
.new-muen li{
	 width: 33.3%;
	 text-align: center;
}
.new-muen li a{
	font-size: 0.36rem;
	display: flex;
	display: -webkit-flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	color: #363636;
}
.new-muen li span{
	 width: 1rem;
	 display: block;
	 margin-bottom: 0.12rem;
}
.new-muen li span img{
	width: 100%;
	 display: block;
}

.new-muen-four li{
	width: 25%;
	
}
.new-muen-four li a{
	font-size: 0.32rem;
	color: #5b5b5b;
}
.new-muen-four li span{
	 width: 0.72rem;
	
}

.new-muen-four-small li{
	width: 25%;
}
.new-muen-four-small li a{
	font-size: 0.32rem;
	color: #5b5b5b;
}
.new-muen-four-small li span{
	 width: 0.48rem;
	
}

.new-member-head{
	background: -webkit-linear-gradient(top,#fff,#eaeaea);
}
.new-member-head .user{ 
	min-height: 160rpx;
	padding: 0.24rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
}
.new-member-head .user .info{
	 display: flex;
	 display: -webkit-flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 0.36rem;
}
.new-member-head .user .info .name .tel{
	font-size: 0.28rem;
	margin-top: 0.1rem;
}
.new-member-head .user .info img{
	width: 1.2rem;
	height: 1.2rem;
	display: block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-right: 0.12rem;
}
.new-member-head .user .opte-btn{
	
}
.new-member-head .user .opte-btn a{
	font-size: 0.3rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	margin: 0.04rem 0;
}
.new-member-head .user .opte-btn a img{
	width: 0.32rem;
	height: 0.32rem;
    margin-left: 0.08rem;	
}
.new-member-head .level-box{
	background: linear-gradient(left top,#6c0073,#0e0055);
	background: -webkit-linear-gradient(left top,#6c0073,#0e0055);
	padding: 0.16rem 0.24rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
	margin:0 0.24rem 0.24rem;
	border-radius: 0.12rem;
	-webkit-border-radius: 0.12rem;
}
.new-member-head .level-box .classly{
	color: #f2dec5;
	font-size: 0.32rem;
	display:flex;
	display: -webkit-flex;
	flex-flow: column;
}
.new-member-head .level-box .classly .num{
	color: rgba(242,222,197,.5);
	font-size: 0.28rem;
}
.new-member-head .level-box  .status{
	color: #f2dec5;
	font-size: 0.36rem;
}
.new-account{
	
}
.new-account li{
	height: 0.88rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	padding: 0 0.24rem;
	justify-content: space-between;
	position: relative;
}
.new-account li::after{
	background: #e1e1e1;
	height: 1px;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	display: inline-block;
	content: '';
}
.new-account li:last-child::after{
	display: none;
}
.new-account li .name{
	font-size: 0.3rem;
	width: 30%;
}
.new-account li .price{
	font-size: 0.38rem;
	width: 40%;
}
.new-account li .orange{
	color: #ff7e0c
	}
.reflect-btn{
	background: #bf2821;
	height: 0.8rem;
	color: #fff;
	margin:0.24rem;
	display: block;
	border-radius: 0.08rem;
	box-sizing: border-box;
	
}
.reflect-btn button{
	color: #fff;
	font-size: 0.32rem;
	text-align: center;
	line-height:0.8rem ;
	display: block;
	width: 100%;
}

.new-recording-list{
	padding: 0;
}
.new-recording-list li{
	 display: flex;
	 display: -webkit-flex;
	 flex-flow: column;
	 font-size: 0.32rem;
	 margin-top: 0.32rem;
	 position: relative;
	 padding-bottom: 0.32rem;
	 padding-left: 0.64rem;
	 padding-right: 0.64rem;
}
.new-recording-list li .time{
	font-size: 0.28rem;
}
.new-recording-list li::after{
	content: '';
	height:1px;
   display: block;
   position: absolute;
   left:  0.64rem;
   right:  0.64rem;
   bottom: 0;
   background: #e1e1e1;
}

/* 2020-8-10新增 */



.foot-new1 .tab i {
	background: url(../images/footer-icon-new1.png) no-repeat;
	-webkit-background-size: 120px 60px;
	background-size: 120px 60px;
}
.foot-new1  .tab{ 
	width: 25%;
	}
.foot-new1 .tab .icon-5 {
	background-position: -60px 0;
}
.foot-new1 .tab.active .icon-5,
.foot-new1 .tab:hover .icon-5 {
	background-position: -60px -30px;
}	
	
.level-name{
margin:0.24rem
}
.level-name img{
	width: 100%;
	display:block;
}
.new-account li .navigate{
	position: relative;
	display: block;
	width: 100%;
	font-size: 0.3rem;
	color: #2688ff;
}
.new-account li .navigate:after{
	content: '';
	width: 0.16rem;
	height: 0.3rem;
	background: url(../images/new-arrow.png) no-repeat;
	background-size:0.16rem 0.3rem ;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.reflect-btn.blue{
	background: #0063ac;
	
	
}

.vote-res .new-team-tit{
padding: 0;
padding-bottom:0.24rem;

height: auto;
}
.wechat-btn{
	 background: #fff;
	 margin:  0.24rem  0.24rem 0  0.24rem;
	 border-radius: 0.1rem;
	 
}
.wechat-btn a{ 
	height: 1rem;
	 display: flex;
	 display: -webkit-flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 0.3rem;
	 font-weight: bold;
	 
	}
.wechat-btn a img{
		width: 0.48rem;
		height: 0.48rem;
		margin-right: 0.16rem;
	}
	
.message-record{
	padding: 0;
	margin: 0 0.24rem;
}
.message-record li{
	 display: flex;
	 display: -webkit-flex;

	 font-size: 0.32rem;
	 margin-top: 0.24rem;
	 position: relative;
	 padding-bottom: 0.24rem;
	 justify-content: space-between;
	
}
.message-record li .name{}
.message-record li .time{
	font-size: 0.28rem;
	color: #b5b5b5;
	font-style: oblique;
}
.message-record li::after{
	content: '';
	height:1px;
   display: block;
   position: absolute;
   left:  0rem;
   right:  0rem;
   bottom: 0;
   background: #b9b9b9;
}	
.message-record li .blue{ 
	color: #1392ff !important;
	}
.message-record li .red{ 
	color: #d22222 !important;
	}
.message-record li .green{ 
	color: #3e8e09 !important;
	}		
.wechat-list li{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-flow: column;
	align-items: center;
	position: relative;
	padding-bottom: 0.48rem;
	margin-bottom: 0.48rem;
}
.wechat-list li::after{
	content: '';
		height:1px;
	display: block;
	position: absolute;
	left:  0.64rem;
	right:  0.64rem;
	bottom: 0;
	background: #e1e1e1;
}
.wechat-list li:last-child::after{
	display: none;
}
.wechat-list li h5{
	font-size: 0.36rem;
	color: #555555;
	line-height: 1rem;
}
.wechat-list li .pic{
	width: 2.4rem;
	height: 2.4rem;
	display: block;
}
.wechat-list li p{
	color: #b0b0b0;
	font-size: 0.28rem;
}
.shop-list{
	margin-left: 0.24rem;
	margin-right: 0.24rem;
}
.shop-list li{
	background: #fff;
	border:#a9a9a9 1px solid;
	padding: 0.24rem;
	border-radius: 0.2rem;
	
	 width: 100%;
	 position: relative;
	 min-height: 2.98rem;
	 box-sizing: border-box;
	 margin-bottom: 0.24rem;
	
}
.shop-list li .thumb{
 width: 2.5rem;
 height: 2.5rem;
 position: absolute;
	 
}
.shop-list li .thumb img{
	 display: block;
	 width: 100%;
	 border-radius:0.16rem;
}
.shop-list li .info{
    box-sizing: border-box;
	padding-left:2.74rem;
}
.shop-list li .info .name{
	 color: #414141;
	  font-size: 0.3rem;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	  display: block;
}
.shop-list li .info .price-box .price{
 color: #c20000;
	 font-size: 0.36rem;
	
}
.shop-list li .info .price-box  .del{
	 margin-left: 0.16rem;
	  color: #757575;
}
.shop-list li .info .desc{
	 color: #007500;
	 font-size: 0.24rem;
}
.shop-list li .cart-btn{
	height: 0.6rem;
	color: #c20000;
	border:#c20000 1px solid;
	border-radius: 0.3rem;
	 padding: 0 0.16rem;
	 font-size: 0.24rem;
	  display: flex;
	  display: -webkit-flex;
	  align-items: center;
	  justify-content: center;
	  width: 66%;
	  margin-top: 0.16rem;
}
.shop-list li .cart-btn img{
	 width: 0.26rem;
	 height: 0.26rem;
	 margin-right: 0.16rem;
}

.my-invite-col .item-my-new {
  border: #bf9555 1px solid;
  color: #bf2821;
  background: linear-gradient(to right, #eee8c8, #e4bc81);
}
.stock-list li{
	background: #fff;
	padding: 0.24rem;
	position: relative;
	margin-bottom: 0.24rem;
}
.stock-list li .goods{
	 background: #e78793;
	 height: 1.72rem;
	 width: 1.72rem;
	 display: flex;
	 display: -webkit-flex;
	 align-items: center;
	 justify-content: center;
	  color: #fff;
	  font-size: 0.22rem;
	  flex-flow: column;
	  position: absolute;
}
.stock-list li .info{
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: center;
	height: 1.72rem;
	  flex-flow: column;
	  padding-left: 2rem;
	  
}
.stock-list li .info p{
	font-size: 0.28rem;
	 color: #3d3d3d;
}
.stock-list li .operate-box{
	
	text-align: right;
	padding-top: 0.24rem;
	margin-top: 0.24rem;
	position: relative;
}
.stock-list li .operate-box::after{
	position: absolute;
	left: -0.24rem;
	 right: -0.24rem;
	 content: '';
	 background: #f4f4f4;
	 top:0;
	  display: block;
	  height: 1px;
}
.stock-list li .operate-box a{
	height: 0.6rem;
	display: inline-block;
	border: #a2a2a2 1px solid;
	color: #3e3d3d;
	font-size: 0.24rem;
	text-align: center;
	padding: 0 0.1rem;
	line-height: 0.6rem;
	border-radius:0.1rem;
	margin-left: 0.16rem;
}
.stock-list li .operate-box a.green{
	 color: #3e8e09;
	 border: #9ac47f 1px solid;
}
.stock-list li .operate-box a.red{
	 color: #d22222;
	 border: #e88c8c 1px solid;
}
.show-wechat{
   display: flex;
   display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.show-wechat img{ 
 width: 50%;
 margin: 0px auto;
 }
.show-wechat p{
 color: #b0b0b0;
 font-size: 0.28rem;
 margin-top: 0.16rem;
}

.radio-box {}

.radio-box li {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	border-bottom: #eaeaea 1px solid;
	min-height: 1rem;
}

.radio-box li:last-child {
	border-bottom: none;
}

.radio-box li label {
	display: flex;
	display: -webkit-flex;
	font-size: 0.28rem;
	line-height: 20px;
	align-items: center;
	flex: 1 1 auto;
}

.radio-box li label .rcheck {
	margin-right: 0.1rem;
}

.radio-box li .input-text {
	
	border: #eaeaea 1px solid;
	background: #fff;
	height: 0.72rem;
	padding: 0.1rem;
	max-width: 1rem;
	margin-left:-1px;
	float: left;
	height: 0.64rem;
	text-align: center;
}

.radio-box li .unit {
	flex: 0 0 auto;
	line-height: 0.64rem;
}

.radio-box li .unit button{
	border: #eaeaea 1px solid;
	height: 0.64rem;
	width:  0.64rem;
	color: #95989a ;
	border-radius:0;
	display: inline-block;
	float: left;
	font-size: 0.28rem;
	font-weight: bold;
}
.radio-box li .unit button.add{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.radio-box li .unit button.less{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-left:-1px;
}


dispatch-wrap{
	margin: 0.24rem;
}
.dispatch-wrap .title{
	height: 0.88rem;
	font-size: 0.32rem;
	padding: 0 0.28rem;
	background: #fff;
	border-radius: 0.08rem;
	-webkit-border-radius: 0.08rem;
   line-height: 0.88rem;
}
.dispatch-list{
	margin: 0 0.24rem  0.98rem 0.24rem;
}
.dispatch-list li{
	display: flex;
	display: -webkit-flex;
	position: relative;
	padding-bottom:0.16rem;
	margin-top: 0.24rem;
}
.dispatch-list li::after{
	content: '';
	height: 1px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #bdbdbd;
	position: absolute;
}
.dispatch-list .info{
	font-size: 0.28rem;
	color: #000;
    width: 72%;
	
}
.dispatch-list .info .time{
	font-size: 0.24rem;
	color: #9d9d9d;
	display: block;
}
.dispatch-list li .type,.dispatch-list li .num{
	font-size: 0.28rem;
	width: 14%;
	text-align: right;
	color: #3e8e09;
}
.dispatch-list li .type{ text-align: center;}

.dispatch-form{
	
}
.dispatch-form li{
	 display: flex;
	display: -webkit-flex;
	flex-flow: column;
	font-size: 0.28rem;
	margin-bottom: 0.16rem;
}
.dispatch-form li .unit {
	display: flex;
	display: -webkit-flex;
	margin-top: 0.08rem;
	align-items: center;
}
.dispatch-form li .unit .input-text {
	
	border: #d5d8da 1px solid;
	background: #fff;
	height: 0.72rem;
	padding: 0.1rem;
	width:90%;
	margin-right: 6px !important;
	border-radius: 0.04rem;
	-webkit-border-radius: 0.04rem;
}
.dispatch-btn{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
.dispatch-btn button{
	background: #c0362c;
	height: 0.98rem;
	font-size: 0.32rem;
	text-align: center;
	line-height: 100%;
	color: #fff;
	width: 100%;
	border-radius: 0;
}
.cartnum{ display: none;}
#appVue{ display: none;}

.nshop-head-search {
  height: .88rem;
  padding: 0 .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #f1f1f1;
}

.nshop-head-search input {
  height: .72rem;
  background-color: #fff;
  width: 100%;
  border-radius: .36rem;
  text-align: center;
  padding: 0 .24rem;
}

.nshop-head-search input[type=search] {
  text-align: left;
}

.nshop-head-search .search-btn {
  width: .32rem;
  height: .32rem;
  background: url(../images/shop/search-btn.png) no-repeat;
  background-size: 0.32rem 0.32rem;
  position: absolute;
  right: .48rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.nshop-classify-tab {
  height: 1rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.nshop-classify-tab li {
  height: 1rem;
  position: relative;
  overflow: initial;
}

.nshop-classify-tab li.mui-active {
  border-bottom: none !important;
}

.nshop-classify-tab li.mui-active a {
  color: #c20000;
}

.nshop-classify-tab li.mui-active::after {
  height: .05rem;
  right: .3rem !important;
  left: .3rem !important;
  top: initial !important;
  bottom: 0;
  width: initial !important;
}

.nshop-classify-tab li a {
  font-size: .3rem;
  height: inherit;
  display: flex;
  align-items: center;
}

.nshop-slide {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.nshop-slide .swiper-slide img {
  width: 100%;
}

.nshop-slide .pagination {
  position: absolute;
  z-index: 100;
  bottom: 2rem;
  width: 100%;
  text-align: center;
}

.nshop-slide .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nshop-slide .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #c4c2c3;
  opacity: 1;
}

.nshop-slide .swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background: #090103;
  position: relative;
}

.nshop-home-menu {
  display: flex;
  justify-content: space-evenly;
  background-color: #f6f6f6;
  padding: 0.7rem 0 0.36rem 0;
  border-top-right-radius: .32rem;
  border-top-left-radius: .32rem;
  position: relative;
  margin-top: -0.24rem;
  z-index: 99;
}

.nshop-home-menu li {
  width: 25%;
}

.nshop-home-menu li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.nshop-home-menu li span {
  color: #727272;
  font-size: .28rem;
  margin-top: .12rem;
}

.nshop-home-menu li img {
  width: .96rem;
  height: .96rem;
}

.nshop-notice {
  height: .88rem;
  margin: 0 .24rem .24rem;
  background-color: #d21a02;
  border-radius: .12rem;
 /* position: relative; */
}

.nshop-notice span.notice-icon {
  width: .32rem;
  position: absolute;
  left: .24rem;
  top: 50%;
  transform: translateY(-50%);
}

.nshop-notice span.notice-icon img {
  width: 100%;
}

.nshop-notice #notice {
  height: .88rem;
  padding-left: 0.64rem;
  padding-right: 1rem;
  box-sizing: border-box;
}

.nshop-notice #notice a {
  line-height: .88rem;
  height: .88rem;
  text-indent: 0.5em;
  overflow: hidden;
  color: #fff;
  font-size: .28rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nshop-notice::after {
  content: '';
  width: .16rem;
  height: .26rem;
  background: url(../images/shop/nshop-arrow2.png) no-repeat;
  position: absolute;
  right: .24rem;
  display: inline-block;
  background-size: .16rem .26rem;
  top: 50%;
  transform: translateY(-50%);
}

.nshop-new-title {
  height: .8rem;
  display: flex;
  align-items: flex-end;
  margin: 0 .24rem;
}

.nshop-new-title span {
  font-size: .34rem;
  color: #323232;
  position: relative;
  padding-left: .16rem;
}

.nshop-new-title span::before {
  content: '';
  width: .12rem;
  height: .12rem;
  background-color: #9f9c9c;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.nshop-new-title small {
  font-size: .24rem;
  margin-left: .16rem;
}

.nshop-home-ad {
  margin: 0.24rem 0.24rem 0 0.24rem;
}

.nshop-home-ad img {
  width: 100%;
  display: block;
  border-radius: .12rem;
}

.home-nshop-product {
  padding: .24rem;
}

.home-nshop-product li {
  border-radius: .08rem;
  padding: .24rem;
  width: 48%;
  position: relative;
  padding-bottom: .88rem;
}

.home-nshop-product li .info .property .name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: initial;
}

.home-nshop-product li .info .property .dec {
  color: #e4683a;
  font-size: .26rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  margin-top: .06rem;
}

.home-nshop-product li .info .price-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .24rem;
}

.home-nshop-product li .info .price-box .nshop-price {
  color: #d21a02;
}

.home-nshop-product li .info .price-box .cart-solid-btn img {
  width: .3rem;
}

.home-nshop-product li .info .price-box .sale {
  font-size: .26rem;
  color: #a2a2a2;
}

.home-nshop-product li .member-price-box {
  height: .88rem;

  background-image: linear-gradient(-50deg, #ead1a9, #f5eace);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: .26rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom-left-radius: .08rem;
  border-bottom-right-radius: .08rem;
  color: #784d09;
  box-sizing: border-box;
  padding: 0 .12rem;
}

.home-nshop-product li .member-price-box .exclusive-price .price {
  color: #d21a02;
  font-size: .3rem;
  position: relative;
}

.home-nshop-product li .member-price-box .upgrade-btn {
  color: #784d09;
  position: relative;
  padding-right: .2rem;
}

.home-nshop-product li .member-price-box .upgrade-btn::after {
  content: '';
  width: .16rem;
  height: .26rem;
  background-image: url(../images/shop/nshop-arrow1.png);
  background-repeat: no-repeat;
  background-size: .16rem .26rem;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0.8);
  right: 0;
  margin-top: -0.02rem;
}
.cartnum{ display: none;}
.nshop-home-spike {
  margin: 0.24rem 0.24rem 0 0.24rem;
  position: relative;
}

.nshop-home-spike img {
  width: 100%;
  display: block;
  border-radius: .12rem;
}

.nshop-home-spike .countdown {
  height: 0.5333rem;
  background-color: #ffe9e3;
  border-radius: 0.2667rem;
  position: absolute;
  right: 0.32rem;
  top: 0.32rem;
  display: flex;
  align-items: center;
  padding-right: 0.2133rem;
}

.nshop-home-spike .countdown span {
  background-image: linear-gradient(left, #fc7349, #fb3c34);
  background-image: -webkit-linear-gradient(left, #fc7349, #fb3c34);
  height: 100%;
  border-radius: 0.2667rem;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0.2133rem;
  color: #fff;
  margin-right: 0.1067rem;
}

.spike-title {
  height: 1rem;
  margin: .24rem .24rem 0;
  display: flex;
  align-items: center;
  font-size: 0.34rem;
  color: #c54e36;
}

.spike-title span {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
  margin-right: 0.16rem;
}

.spike-title span img {
  width: 100%;
}

.spike-nav {
  margin: 0 .24rem 0;
  background-color: #fff;
  height: 0.9333rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: .12rem;
}

.spike-nav li {
  color: #c54e36;
  width: 50%;
  position: relative;
  text-align: center;
  font-size: 0.2667rem;
}

.spike-nav li:not(:last-child)::after {
  width: 1px;
  height: 0.2667rem;
  background-color: #cdcdcd;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: '';
}

.spike-list {
  margin: 0 0.24rem 0;
}

.spike-list li {
  background-color: #fff;
  border-radius: .12rem;
  display: flex;
  overflow: hidden;
  margin-top: 0.24rem;
}

.spike-list li .pic {
  height: 2.96rem;
  width: 2.96rem;
  flex-shrink: 0;
}

.spike-list li .pic img {
  width: 100%;
  display: block;
}

.spike-list li .info {
  margin-left: 0.48rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  flex-direction: column;
}

.spike-list li .info .name p {
  color: #2e2e2e;
  font-size: 0.32rem;
}

.spike-list li .info .name span {
  color: #fb3c34;
  font-size: 0.24rem;
}

.spike-list li .info .price-box s {
  color: rgba(46, 46, 46, 0.5);
  font-size: 0.24rem;
}

.spike-list li .info .price-box .price {
  color: #c54e36;
  font-size: 0.24rem;
}

.spike-list li .info .price-box .price span {
  color: #2e2e2e;
  font-size: 0.32rem;
}

.spike-list li .info .countdown {
  height: 0.5333rem;
  background-color: #ffe9e3;
  border-radius: 0.2667rem;
  display: flex;
  align-items: center;
  padding-right: 0.2133rem;
}

.spike-list li .info .countdown span {
  background-image: linear-gradient(left, #fc7349, #fb3c34);
  background-image: -webkit-linear-gradient(left, #fc7349, #fb3c34);
  height: 100%;
  border-radius: 0.2667rem;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0.2133rem;
  color: #fff;
  margin-right: 0.1067rem;
}