@charset "UTF-8";
/* 第一步先把px2rem导入 */
/* 使用hotcss后，优化平板/PC访问体验 */
body {
  width: 18.75rem;
  /*max-width: 100%;*/
  height: 100%;
  margin: 0 auto;
  font: 0.65rem Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif; }

body {
  position: relative;
  background: #fff; }

html {
  height: 100%;
  webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* 字号 */
h1 {
  font-size: 0.85rem; }

h2 {
  font-size: 0.75rem; }

h3 {
  font-size: 0.7rem; }

/* 使用到的类 */
.flex {
  display: flex; }

.ellipsis1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.clear {
  clear: both; }

/* 不同页面的相同样式 */
.layout {
  padding-bottom: 3rem; }

/* 导航置顶过渡布局 */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999; }

.topBar {
  position: relative;
  height: 2.5rem;
  line-height: 2.5rem;
  background: #4797EB;
  color: #fff;
  font-size: 0.85rem;
  text-align: center; }
  .topBar .topl {
    position: absolute;
    left: 0.75rem;
    bottom: 0;
    height: 2.5rem; }
    .topBar .topl a {
      display: block;
      height: 2.5rem;
      font-size: 0; }
    .topBar .topl img {
      width: 0.8rem;
      /*margin-top: px2rem(34);*/
      position: relative;
      top: 0.1rem; }
  .topBar .topr {
    position: absolute;
    right: 0.75rem;
    top: 0;
    font-size: 0.75rem; }

.banner-bg {
  height: 9.9rem;
  background: #fff url("../images/top-banner.png") no-repeat top left/cover;
  position: relative; }
  .banner-bg h1 {
    position: absolute;
    left: 50%;
    /* top:px2rem(34); */
    top: 1.75rem;
    transform: translate(-50%, 0);
    text-align: center;
    color: #fff;
    display: block;
    font-size: 0.85rem; }
  .banner-bg img {
    width: 2.875rem;
    position: absolute;
    left: 50%;
    top: 1.9rem;
    transform: translate(-50%, 0); }

.footer {
  position: fixed;
  bottom: 0;
  width: 18.75rem;
  height: 3rem;
  background-color: #fff;
  z-index: 998; }
  .footer ul {
    border-top: 1px solid #d8d8d8; }
    .footer ul li {
      width: 50%;
      padding: 0.25rem 0 0.05rem; }
      .footer ul li a {
        flex-flow: column wrap;
        align-items: center;
        font-size: 0.8rem;
        text-align: center; }
        .footer ul li a i {
          width: 1.25rem;
          height: 1.25rem;
          margin-bottom: 0.125rem;
          background-color: #fff;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 1.2rem; }
      .footer ul li.home i {
        background-image: url("../images/home-icon.png"); }
      .footer ul li.home.on i {
        background-image: url("../images/home-on-icon.png"); }
      .footer ul li.home.on a {
        color: #4797EB; }
      .footer ul li.user i {
        background-image: url("../images/user-icon.png");
        background-size: 1.05rem; }
      .footer ul li.user.on i {
        background-image: url("../images/user-on-icon.png"); }
      .footer ul li.user.on a {
        color: #4797EB; }
      .footer ul li.set i, .footer ul li.feedbackList i {
        background-image: url("../images/set-icon.png"); }
      .footer ul li.set.on i, .footer ul li.on.feedbackList i {
        background-image: url("../images/set-on-icon.png"); }
      .footer ul li.set.on a, .footer ul li.on.feedbackList a {
        color: #4797EB; }

.form {
  width: 15rem;
  margin: 0 auto; }
  .form div {
    margin-bottom: 1rem; }
    .form div h2 {
      margin-bottom: 0.25rem; }
    .form div input {
      -webkit-user-modify: read-write-plaintext-only;
      box-sizing: border-box;
      width: 100%;
      height: 2.25rem;
      line-height: normal;
      padding-left: 0.8rem;
      border-radius: 0.3rem;
      box-shadow: 0rem 0.17rem 1.02rem -0.77rem #4e65f6;
      font-size: 0.7rem;
      color: #A0A0A0;
      background: #F8F8F8; }
      .form div input.code {
        width: 9.575rem; }
    .form div input::-webkit-input-placeholder {
      /* WebKit, Blink, Edge */
      color: #A0A0A0;
      font-size: 0.7rem; }
    .form div input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #A0A0A0;
      font-size: 0.7rem; }
    .form div input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #A0A0A0;
      font-size: 0.7rem; }
    .form div input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #A0A0A0;
      font-size: 0.7rem; }
    .form div.submit-btn {
      background: #43A7FF;
      width: 15rem;
      margin: 0 auto;
      margin-top: 1rem;
      text-align: center;
      border-radius: .43rem;
      overflow: hidden; }
      .form div.submit-btn input {
        color: #fff;
        font-size: 0.8rem;
        padding-left: 0;
        background: transparent;
        height: 2.25rem;
        /* line-height: px2rem(90); */ }
    .form div.small-input {
      width: 15rem; }
      .form div.small-input input {
        height: 2rem; }
    .form div.small-submit-btn {
      height: 2rem;
      line-height: 2rem;
      width: 5rem; }
      .form div.small-submit-btn input {
        height: 2rem; }

/* 置顶 */
.goToTop {
  width: 2rem;
  height: 2rem;
  position: fixed;
  bottom: 4rem;
  right: .6rem;
  text-align: right;
  display: none;
  background: url("../images/zys_img62.png") no-repeat right center/2rem;
  z-index: 999; }

/* 关闭当前页的按钮 */
.close-page {
  width: 0.75rem;
  height: 0.75rem;
  padding: 0.5rem;
  position: absolute;
  left: 0.675rem;
  /* top: px2rem(5); */
  top: 1.5rem !important;
  background: url(../images/back.png) no-repeat center center/0.75rem; }

/* 浮窗类 */
.pop-wrap {
  position: absolute;
  left: 0;
  top: 0; }

/* 正方形的加载中 */
.pop-square-loading, .pop-square-loading-v1 {
  /* 	width: px2rem(130);
  	height: px2rem(130); */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  border-radius: 0.45rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  /* font-size: 0.5rem; */
  z-index: 1000;
  text-align: center;
  display: none;
  width: 4.5rem;
  height: 4.5rem;
  font-size: 0.74rem; }
  .pop-square-loading i, .pop-square-loading-v1 i {
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    background: url(../images/loading.gif) no-repeat center center/1.625rem;
    margin: 0.5rem 0 0.25rem; }

.pop-square-loading-v1 {
  width: 4.5rem;
  height: 4.5rem;
  font-size: 0.74rem; }
  .pop-square-loading-v1 i {
    width: 2rem;
    height: 2rem;
    background-size: 1.625rem; }

/*图片加载*/
.pop-image-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #356eb0 url(../images/image-loading-bg.gif) no-repeat top left/100%;
  z-index: 1000; }

/* 错误信息的弹窗 */
.popTips {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%);
  border-radius: 0.45rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 0.65rem;
  z-index: 1000; }
  .popTips span {
    display: inline-block;
    padding: 0.375rem 0.625rem; }

/* 会员信息刷新 */
.refresh {
  width: 18.75rem;
  position: absolute;
  top: -1.75rem;
  z-index: 998;
  text-align: center;
  transition: .6s all; }
  .refresh i {
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 100%;
    overflow: hidden;
    background: #FAFAFA url(../images/loading.gif) no-repeat center center/1.25rem; }

/* 更新提示弹窗 */
.pop-update {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000; }
  .pop-update .pop-box {
    background-color: #fff;
    width: 15rem;
    min-height: 13.75rem;
    border-radius: 0.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 0.65rem;
    padding: 1.25rem 1.375rem;
    box-sizing: border-box; }
    .pop-update .pop-box img {
      width: 6.25rem;
      margin-top: -3.75rem; }
    .pop-update .pop-box .content {
      margin: 0.75rem 0 1.5rem; }
    .pop-update .pop-box div.submit-btn {
      background: #43A7FF;
      width: 12.5rem;
      height: 2.25rem;
      line-height: 2.25rem;
      margin: 0 auto;
      background-color: #4797EB;
      border-radius: 0.25rem;
      color: #fff;
      font-size: 0.85rem;
      /* 	      	position: absolute;
      	      	bottom: px2rem(50);
      	      	left: 50%;
      	      	transform: translate(-50%,0); */ }
    .pop-update .pop-box h1 {
      text-align: left;
      font-size: 1.05rem;
      margin-bottom: 0.45rem; }
    .pop-update .pop-box .txt {
      text-align: left;
      line-height: 1.25rem;
      white-space: wrap; }
    .pop-update .pop-box .close-btn {
      width: 1rem;
      height: 1rem;
      position: absolute;
      right: 0.75rem;
      top: 0.75rem;
      background: url("../images/close-btn2.png") no-repeat center center/100%; }

/* h5提示下载APP */
.pop-tiaozhuan {
  width: 100%;
  height: 100%;
  /* background-color: rgba(0,0,0,.5); */
  z-index: 1000;
  display: none; }
  .pop-tiaozhuan .pop-box {
    width: 12.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column wrap;
    background: #fff;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1.25rem 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.8rem;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5); }
    .pop-tiaozhuan .pop-box img {
      margin-bottom: 0.75rem; }
    .pop-tiaozhuan .pop-box p {
      margin-bottom: 0.75rem;
      color: #f5f5f5;
      font-size: 0.7rem; }
    .pop-tiaozhuan .pop-box span {
      color: #fff;
      font-size: 0.75rem; }
      .pop-tiaozhuan .pop-box span i {
        /* color: #4797EB; */ }

/*是否确认*/
.pop-confirm {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  /*display: none;*/ }
  .pop-confirm .pop-box {
    width: 15rem;
    height: 8.75rem;
    border-radius: 0.25rem;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
    .pop-confirm .pop-box p {
      /*margin-top: px2rem(120);*/
      font-size: 0.75rem;
      height: 6.25rem;
      padding: 0 1.25rem;
      display: flex;
      align-items: center;
      justify-content: center; }
    .pop-confirm .pop-box .btn-wrap {
      display: flex;
      border-top: 1px solid #E4E8EB;
      position: absolute;
      bottom: 0;
      width: 100%;
      font-size: 0.75rem; }
      .pop-confirm .pop-box .btn-wrap div {
        width: 50%;
        line-height: 2.5rem;
        cursor: pointer; }
        .pop-confirm .pop-box .btn-wrap div:first-child {
          border-right: 1px solid #E4E8EB; }
        .pop-confirm .pop-box .btn-wrap div.submit-btn {
          color: #4797EB; }
        .pop-confirm .pop-box .btn-wrap div.cancel-btn {
          color: #666; }

/*提示淘宝授权*/
.pop-tb-shouquan {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  display: none; }
  .pop-tb-shouquan .pop-box {
    width: 13rem;
    height: 16rem;
    padding: 1rem 1rem;
    border-radius: 0.25rem;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
    .pop-tb-shouquan .pop-box h5 {
      font-weight: bold;
      font-size: 0.75rem; }
    .pop-tb-shouquan .pop-box img {
      width: 7.5rem;
      margin: 1.5rem 0 1.5rem; }
    .pop-tb-shouquan .pop-box p {
      line-height: 2em;
      margin-bottom: 0.75rem; }
    .pop-tb-shouquan .pop-box span {
      color: #999; }
    .pop-tb-shouquan .pop-box div {
      display: flex;
      align-items: center;
      justify-content: center;
      /*color: #999;*/
      color: #4797EB;
      margin-top: 1.75rem;
      font-size: 0.65rem; }
      .pop-tb-shouquan .pop-box div img {
        width: 1rem;
        margin: 0;
        margin-right: 0.25rem; }

/* 首页 */
.index, .index2 {
  position: relative;
  /* 	.download-tips{
  		display: flex;
  		font-size: px2rem(30);
  		align-items: center;
  		height: px2rem(130);
  		padding: 0 px2rem(20);
  		background: #ccc;
  		div{
  			width: px2rem(200);
  			text-align: center;
  			a{
  				display: inline-block;
  				width: px2rem(120);
  				background: #4797EB;
  				color:#fff;
  				font-size: px2rem(34);
  				margin:px2rem(20);
  				padding: px2rem(10) 0;
  				border-radius: px2rem(10);
  			}
  		}
  	} */ }
  .index .download-tips, .index2 .download-tips {
    display: flex;
    font-size: 0.75rem;
    align-items: center;
    height: 3.25rem;
    padding: 0 0.5rem;
    /* background: rgba(204,204,204,.1); */
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    color: #fff;
    /* color:#333; */
    width: 100%;
    box-sizing: border-box; }
    .index .download-tips .img-wrap, .index2 .download-tips .img-wrap {
      font-size: 0; }
      .index .download-tips .img-wrap img, .index2 .download-tips .img-wrap img {
        width: 2rem;
        margin-right: 0.5rem; }
    .index .download-tips div, .index2 .download-tips div {
      width: 5rem;
      text-align: center; }
      .index .download-tips div a, .index2 .download-tips div a {
        display: inline-block;
        width: 3.25rem;
        /* background: #4797EB; */
        color: #fff;
        /* color:#333; */
        font-size: 0.75rem;
        /* margin:px2rem(20); */
        padding: 0.25rem 0.375rem;
        border: 1px solid #fff;
        /* border: 1px solid #333; */
        border-radius: 0.125rem;
        margin-left: 0.5rem; }
  .index .search-wrap, .index2 .search-wrap {
    position: relative;
    /* width: px2rem(700); */
    height: 7rem;
    background: #5AA7FF;
    box-shadow: 0 0 0.75rem 0 #2395F9;
    border-radius: 0.3rem;
    margin-top: -6.05rem;
    margin-left: 0.625rem;
    padding: 0.375rem;
    box-sizing: border-box;
    margin: -6.05rem 0.625rem 0; }
    .index .search-wrap .search, .index2 .search-wrap .search {
      /* width: px2rem(670); */
      height: 4rem;
      padding: 0.5rem;
      background: #fff;
      border: 1px solid #ccc;
      overflow: hidden;
      border-radius: 0.3rem;
      box-sizing: border-box; }
      .index .search-wrap .search textarea, .index2 .search-wrap .search textarea {
        font-size: 0.6rem;
        /* width: px2rem(630); */
        min-height: 3rem;
        line-height: 0.75rem;
        border: 0;
        resize: none;
        outline: none;
        background: #fff;
        padding-left: 5px;
        width: 100%; }
        .index .search-wrap .search textarea::-webkit-input-placeholder, .index2 .search-wrap .search textarea::-webkit-input-placeholder {
          color: #999; }
    .index .search-wrap .clear-btn, .index2 .search-wrap .clear-btn, .index .search-wrap .search-btn, .index2 .search-wrap .search-btn {
      width: 4.5rem;
      height: 1.3rem;
      line-height: 1.3rem;
      background: #FFFFFF;
      box-shadow: 0 0.05rem 0.75rem 0 #2874C3;
      border-radius: 0.65rem;
      font-family: PingFangSC-Semibold;
      font-size: 0.65rem;
      color: #4797EB;
      letter-spacing: 0;
      float: right;
      margin-top: 0.6rem;
      text-align: center; }
    .index .search-wrap .search-btn, .index2 .search-wrap .search-btn {
      margin-left: 0.5rem;
      color: #FF7B55;
      display: none; }
  .index .no-paste-tips, .index2 .no-paste-tips {
    font-size: 0.65rem;
    line-height: 1.1rem;
    color: #999;
    margin-top: 0.75rem;
    margin-left: 0.625rem; }
  .index .search-result, .index2 .search-result {
    /* display: none; */
    border-radius: 0.25rem;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 0.625rem 0.625rem 1rem;
    /* padding:px2rem(30); */
    padding: 0.625rem 0.75rem; }
    .index .search-result ul, .index2 .search-result ul {
      border-bottom: 1px solid #ccc;
      padding-bottom: 0.25rem;
      margin-bottom: 0.5rem; }
      .index .search-result ul li, .index2 .search-result ul li {
        display: flex;
        /* 				height: px2rem(70);
        				line-height: px2rem(70); */
        height: 1.625rem;
        line-height: 1.625rem;
        /* 酒店返利 */ }
        .index .search-result ul li.goods-name, .index2 .search-result ul li.goods-name {
          display: block;
          font-size: 0.775rem;
          /* padding-bottom: px2rem(26); */
          padding-bottom: 0.5rem;
          height: auto;
          border-bottom: 1px solid #ccc;
          /* margin-bottom: px2rem(29); */
          margin-bottom: 0.375rem;
          line-height: 1.1rem;
          font-weight: bold;
          /* color:#999; */ }
          .index .search-result ul li.goods-name i, .index2 .search-result ul li.goods-name i {
            width: 1rem;
            height: 1rem;
            margin-bottom: -0.2rem;
            border-radius: 100%;
            display: inline-block;
            background-size: cover;
            background-repeat: no-repeat;
            text-decoration: none; }
        .index .search-result ul li.price, .index2 .search-result ul li.price {
          background: url(../images/price.png) no-repeat left center/2.5rem; }
        .index .search-result ul li.coupon, .index2 .search-result ul li.coupon {
          background: url(../images/coupon.png) no-repeat left center/2.5rem; }
        .index .search-result ul li.pay, .index2 .search-result ul li.pay {
          background: url(../images/pay.png) no-repeat left center/2.5rem; }
        .index .search-result ul li.fanxian, .index2 .search-result ul li.fanxian {
          background: url(../images/fanxian.png) no-repeat left center/2.5rem; }
        .index .search-result ul li.fanxianyi-coupon, .index2 .search-result ul li.fanxianyi-coupon {
          background: url(../images/fanxianyi-coupon.png) no-repeat left center/2.5rem;
          color: #666; }
          .index .search-result ul li.fanxianyi-coupon span.title, .index2 .search-result ul li.fanxianyi-coupon span.title {
            margin-left: 3rem;
            color: #f88c2b;
            border: 1px solid #f88c2b;
            padding: 0 0.375rem;
            border-radius: 0.5rem;
            height: 0.7rem;
            line-height: 0.7rem;
            align-self: center;
            font-size: 0.45rem;
            display: none; }
          .index .search-result ul li.fanxianyi-coupon div, .index2 .search-result ul li.fanxianyi-coupon div {
            font-size: 0.6rem; }
            .index .search-result ul li.fanxianyi-coupon div span, .index2 .search-result ul li.fanxianyi-coupon div span {
              font-size: 0.65rem; }
            .index .search-result ul li.fanxianyi-coupon div i, .index2 .search-result ul li.fanxianyi-coupon div i {
              color: #000;
              padding-left: 0.125rem; }
            .index .search-result ul li.fanxianyi-coupon div.selected-coupon-btn, .index2 .search-result ul li.fanxianyi-coupon div.selected-coupon-btn {
              font-size: 0.65rem;
              color: #f88c2b;
              display: none; }
        .index .search-result ul li.redbag-tips, .index2 .search-result ul li.redbag-tips {
          font-size: 0.55rem;
          /* margin-top: px2rem(-20); */
          color: #999;
          align-items: center; }
          .index .search-result ul li.redbag-tips div.redbag-tips-btn, .index2 .search-result ul li.redbag-tips div.redbag-tips-btn {
            position: relative;
            width: 0.75rem;
            height: 0.75rem;
            margin-left: 0.125rem;
            /* background: url(../images/tips_icon.png) no-repeat center right / px2rem(26); */
            background: url(../images/tips_icon.svg) no-repeat center right/0.65rem; }
          .index .search-result ul li.redbag-tips .share-icon, .index2 .search-result ul li.redbag-tips .share-icon {
            margin-left: auto;
            height: 1rem;
            line-height: 1rem;
            color: #ff7754;
            border: 1px solid #f3dcca;
            border-radius: 0.25rem;
            padding-left: 0.8rem;
            padding-right: 0.2rem;
            background: #ffe8d5 url(../images/index-share-icon.png) no-repeat 0.2rem 0.2rem/0.45rem; }
          .index .search-result ul li.redbag-tips .lingquan-btn, .index2 .search-result ul li.redbag-tips .lingquan-btn {
            margin-left: auto;
            height: 1rem;
            line-height: 1rem;
            padding: 0.25rem 0.75rem;
            margin-left: auto;
            background-image: linear-gradient(180deg, #fb8835 0%, #e75624 100%);
            box-shadow: 0 0.05rem 0.75rem 0 #fef0e6;
            border-radius: 0.65rem;
            color: #fff;
            font-size: 0.75rem;
            position: relative; }
            .index .search-result ul li.redbag-tips .lingquan-btn:after, .index2 .search-result ul li.redbag-tips .lingquan-btn:after {
              content: "";
              background-color: #fff;
              position: absolute;
              top: 0.25rem;
              right: 0.25rem;
              width: 0.5rem;
              height: 0.5rem;
              border-radius: 100%;
              background: url(../images/lingquan-icon.jpg) no-repeat center center/80%; }
        .index .search-result ul li div, .index2 .search-result ul li div {
          margin-left: auto;
          font-size: 0.65rem; }
    .index .search-result.yes-fanli-hotel, .index2 .search-result.yes-fanli-hotel {
      margin: 1rem 0.625rem 0.875rem; }
      .index .search-result.yes-fanli-hotel ul, .index2 .search-result.yes-fanli-hotel ul {
        border-bottom: 0;
        margin-bottom: 0; }
        .index .search-result.yes-fanli-hotel ul li.goods-name, .index2 .search-result.yes-fanli-hotel ul li.goods-name {
          display: flex;
          align-items: center;
          padding-bottom: 0.625rem; }
          .index .search-result.yes-fanli-hotel ul li.goods-name img, .index2 .search-result.yes-fanli-hotel ul li.goods-name img {
            width: 1.75rem;
            height: 1.75rem;
            border-radius: 100%;
            margin-right: 0.75rem; }
          .index .search-result.yes-fanli-hotel ul li.goods-name span, .index2 .search-result.yes-fanli-hotel ul li.goods-name span {
            margin-left: auto;
            color: #FD3E53; }
        .index .search-result.yes-fanli-hotel ul li.fanxian, .index2 .search-result.yes-fanli-hotel ul li.fanxian {
          background-size: 3rem;
          padding: 0.75rem 0; }
          .index .search-result.yes-fanli-hotel ul li.fanxian div, .index2 .search-result.yes-fanli-hotel ul li.fanxian div {
            font-size: 0.75rem; }
        .index .search-result.yes-fanli-hotel ul li.tips, .index2 .search-result.yes-fanli-hotel ul li.tips {
          color: #999; }
      .index .search-result.yes-fanli-hotel .order-wrap, .index2 .search-result.yes-fanli-hotel .order-wrap {
        margin: 0.25rem 0; }
        .index .search-result.yes-fanli-hotel .order-wrap .sheng, .index2 .search-result.yes-fanli-hotel .order-wrap .sheng {
          color: #999;
          font-weight: normal; }
    .index .search-result .pop-redbag, .index2 .search-result .pop-redbag {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 999;
      display: none; }
      .index .search-result .pop-redbag .pop-box, .index2 .search-result .pop-redbag .pop-box {
        width: 17rem;
        height: 11.25rem;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 0.5rem;
        /* text-align: center; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .index .search-result .pop-redbag .pop-box p, .index2 .search-result .pop-redbag .pop-box p {
          margin-bottom: 1rem; }
          .index .search-result .pop-redbag .pop-box p.title, .index2 .search-result .pop-redbag .pop-box p.title {
            color: red;
            font-size: 0.8rem;
            margin: 0.5rem 0 0.25rem; }
        .index .search-result .pop-redbag .pop-box .close-btn, .index2 .search-result .pop-redbag .pop-box .close-btn {
          width: 0.875rem;
          height: 0.875rem;
          position: absolute;
          right: 0.75rem;
          top: 0.75rem;
          background: url("../images/close-btn2.png") no-repeat center center/100%; }
        .index .search-result .pop-redbag .pop-box img, .index2 .search-result .pop-redbag .pop-box img {
          max-width: 90%;
          display: none; }
    .index .search-result .order-wrap, .index2 .search-result .order-wrap {
      display: flex;
      height: 1.5rem;
      line-height: 1.5rem; }
      .index .search-result .order-wrap .sheng, .index2 .search-result .order-wrap .sheng {
        font-size: 0.6rem;
        font-weight: bold;
        display: flex; }
        .index .search-result .order-wrap .sheng i, .index2 .search-result .order-wrap .sheng i {
          font-size: 0.6rem;
          color: #FF7B55;
          margin-right: 0.125rem;
          margin-top: 0.1rem; }
        .index .search-result .order-wrap .sheng span, .index2 .search-result .order-wrap .sheng span {
          font-size: 1rem;
          color: #FF7B55;
          /* padding-right: px2rem(36); */ }
        .index .search-result .order-wrap .sheng div, .index2 .search-result .order-wrap .sheng div {
          position: relative;
          width: 0.75rem;
          height: 0.75rem;
          margin-left: 0.125rem;
          background: url(../images/tips_icon.png) no-repeat top right/0.75rem;
          /* background: url(../images/tips_icon.svg) no-repeat top right / px2rem(30); */ }
          .index .search-result .order-wrap .sheng div p, .index2 .search-result .order-wrap .sheng div p {
            font-size: 0.45rem;
            width: 3.75rem;
            height: 1.5rem;
            line-height: 0.85rem;
            position: absolute;
            top: -1.875rem;
            left: 0.125rem;
            padding-top: 0.5rem;
            color: #999;
            font-weight: normal;
            text-align: center;
            background: url(../images/dialog.png) no-repeat center center/100%; }
      .index .search-result .order-wrap .order-btn, .index2 .search-result .order-wrap .order-btn {
        height: 1rem;
        line-height: 1rem;
        padding: 0.25rem 0.75rem;
        margin-left: auto;
        background-image: linear-gradient(180deg, #6CD3FF 0%, #3AA7FF 100%);
        box-shadow: 0 0.05rem 0.75rem 0 #DFEFFF;
        border-radius: 0.65rem;
        color: #fff;
        font-size: 0.75rem; }
  .index .leiji, .index2 .leiji {
    width: 17.5rem;
    height: 2.75rem;
    line-height: 2.75rem;
    margin: 0.625rem;
    background: url(../images/leiji-bg.png) no-repeat left top/100%;
    border-radius: 12px;
    color: #fff;
    font-size: 0.55rem;
    padding-left: 1.05rem;
    box-sizing: border-box; }
  .index .invite, .index2 .invite {
    /* width:px2rem(700);  */
    height: 2.75rem;
    line-height: 2.75rem;
    margin: 0.625rem;
    background: url(../images/invite-bg.png) no-repeat left top/100%;
    border-radius: 12px;
    color: #fff;
    font-size: 0.7rem;
    padding: 0 0.65rem 0 1.05rem;
    box-sizing: border-box; }
    .index .invite .invite-btn, .index2 .invite .invite-btn {
      float: right;
      width: 4.5rem;
      height: 1.3rem;
      margin-top: 0.725rem;
      background: url(../images/invite-btn-bg.png) no-repeat center center/4.5rem; }
      .index .invite .invite-btn a, .index2 .invite .invite-btn a {
        display: block;
        height: 100%; }
    .index .invite.invite-new, .index2 .invite.invite-new {
      height: 3.5rem;
      margin: 0.25rem 0.625rem;
      background: url(../images/invite-bg-new.png) no-repeat left top/100%; }
      .index .invite.invite-new .invite-btn, .index2 .invite.invite-new .invite-btn {
        width: 3.75rem;
        height: 1.2rem;
        margin-top: 0.3rem;
        padding: 1rem 0.375rem 0.75rem 0;
        background: url(../images/invite-btn-bg-new.png) no-repeat left center/3.75rem; }
  .index .business-platform, .index2 .business-platform {
    margin: 1rem 0; }
    .index .business-platform .platform-title, .index2 .business-platform .platform-title {
      width: 11.25rem;
      margin: 0 auto 0.75rem;
      background: #fff;
      height: 0.45rem;
      border-bottom: 1px solid #ccc;
      text-align: center; }
      .index .business-platform .platform-title span, .index2 .business-platform .platform-title span {
        background: #fff;
        font-size: 0.65rem;
        color: #999;
        padding: 0 0.2rem; }
    .index .business-platform ul, .index2 .business-platform ul {
      justify-content: center;
      flex-flow: row wrap;
      margin-bottom: 0.25rem;
      /*&.platform-icon{*/
      /*}*/ }
      .index .business-platform ul li, .index2 .business-platform ul li {
        margin-right: 0.5rem; }
        .index .business-platform ul li:last-child, .index2 .business-platform ul li:last-child {
          margin-right: 0; }
        .index .business-platform ul li img, .index2 .business-platform ul li img {
          width: 1.75rem; }
      .index .business-platform ul li, .index2 .business-platform ul li {
        margin-right: 0.75rem;
        width: 1.375rem;
        height: 1.375rem;
        border-radius: 100%;
        overflow: hidden; }
        .index .business-platform ul li img, .index2 .business-platform ul li img {
          width: 1.375rem;
          height: 1.375rem;
          border-radius: 100%; }
        .index .business-platform ul li:last-child, .index2 .business-platform ul li:last-child {
          margin-right: 0; }
  .index .pop-guide, .index2 .pop-guide {
    font-size: 0.75rem;
    width: 100%;
    /* height: 100%; */
    height: 100vh;
    /* background: rgba(255,255,255,0.7); */
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    text-align: center;
    display: none; }
    .index .pop-guide .pop-box, .index2 .pop-guide .pop-box {
      /* background: rgba(255,255,255,.9); */
      width: 16rem;
      padding: 0.5rem 0;
      border-radius: 0.25rem;
      color: #fff;
      position: absolute;
      top: 9rem;
      left: 1.25rem; }
    .index .pop-guide .guide-arrow, .index2 .pop-guide .guide-arrow {
      width: 2.5rem;
      position: absolute;
      top: 6rem;
      right: 7.5rem;
      transform: rotate(280deg); }
      .index .pop-guide .guide-arrow img, .index2 .pop-guide .guide-arrow img {
        width: 100%; }
    .index .pop-guide .tips, .index2 .pop-guide .tips {
      width: 6.5rem;
      height: 5rem;
      line-height: 5rem;
      color: #fff;
      font-size: 0.9rem;
      text-align: center;
      position: fixed;
      bottom: 5rem;
      left: 50%;
      transform: translate(-50%, 0);
      background: url("../images/i-know.png") no-repeat center center/5rem;
      /* animation:FadeOut 2s infinite; */ }
      .index .pop-guide .tips i, .index2 .pop-guide .tips i {
        margin-left: -0.5rem; }
  .index .pop-guide2, .index2 .pop-guide2 {
    display: none; }
    .index .pop-guide2 .pop-box, .index2 .pop-guide2 .pop-box {
      top: 9.75rem;
      /* left: px2rem(100); */ }
    .index .pop-guide2 .guide-arrow, .index2 .pop-guide2 .guide-arrow {
      width: 2.5rem;
      position: absolute;
      top: 12rem;
      left: 3.75rem;
      transform: rotate(160deg); }
  .index .pop-guide3, .index2 .pop-guide3 {
    display: none; }
    .index .pop-guide3 .pop-box, .index2 .pop-guide3 .pop-box {
      top: 17.25rem;
      left: 3.25rem; }
    .index .pop-guide3 .guide-arrow, .index2 .pop-guide3 .guide-arrow {
      width: 2.5rem;
      position: absolute;
      top: 19.5rem;
      right: 3rem;
      transform: rotate(100deg); }
    .index .pop-guide3 .tips, .index2 .pop-guide3 .tips {
      bottom: 2.5rem; }
  .index .pop-guide4, .index2 .pop-guide4 {
    display: none;
    /* display: block; */ }
    .index .pop-guide4 .pop-box, .index2 .pop-guide4 .pop-box {
      /* top: px2rem(1000); */
      left: 0.25rem;
      position: fixed;
      top: auto;
      bottom: 6.25rem; }
    .index .pop-guide4 .guide-arrow, .index2 .pop-guide4 .guide-arrow {
      width: 2.5rem;
      position: fixed;
      /* top: px2rem(1080); */
      top: auto;
      bottom: 3.625rem;
      left: 7rem;
      transform: rotate(100deg); }
    .index .pop-guide4 .tips, .index2 .pop-guide4 .tips {
      bottom: 12.5rem; }
    .index .pop-guide4 .user-icon, .index2 .pop-guide4 .user-icon {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 100%;
      padding: 0.125rem;
      display: flex;
      background: #fff;
      flex-flow: column wrap;
      align-items: center;
      position: fixed;
      bottom: 0.25rem;
      left: 42%; }
      .index .pop-guide4 .user-icon i, .index2 .pop-guide4 .user-icon i {
        width: 1.25rem;
        height: 1.25rem;
        margin-bottom: 0.125rem;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1.2rem;
        background-image: url("../images/user-icon.png");
        background-size: 1.05rem; }
  .index .pop-select-coupon, .index2 .pop-select-coupon {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    /*bottom: px2rem(120);
    top: auto;*/ }
    .index .pop-select-coupon .pop-box, .index2 .pop-select-coupon .pop-box {
      width: 18.75rem;
      background: #f9f8f6;
      position: absolute;
      /*height: 80%;*/
      max-height: 27.5rem;
      bottom: 0;
      border-radius: 0.5rem 0.5rem 0 0;
      font-size: 0.575rem;
      left: 50%;
      transform: translate(-50%, 0);
      padding-bottom: 3.75rem;
      /*overflow: hidden;*/ }
      .index .pop-select-coupon .pop-box .title-wrap, .index2 .pop-select-coupon .pop-box .title-wrap {
        background: #fff;
        padding: 0.25rem 0 0.375rem;
        border-radius: 0.5rem 0.5rem 0 0; }
        .index .pop-select-coupon .pop-box .title-wrap .title, .index2 .pop-select-coupon .pop-box .title-wrap .title {
          display: flex;
          /*width: px2rem(60);*/
          height: 1.5rem;
          line-height: 1.5rem;
          /*align-items: center;*/
          padding: 0 0.7rem;
          /*margin-bottom: px2rem(5);*/ }
          .index .pop-select-coupon .pop-box .title-wrap .title .close-btn, .index2 .pop-select-coupon .pop-box .title-wrap .title .close-btn {
            margin-left: auto;
            width: 1.5rem;
            height: 1.5rem;
            background: url(../images/close-btn.jpg) no-repeat center center/1.125rem; }
        .index .pop-select-coupon .pop-box .title-wrap h3, .index2 .pop-select-coupon .pop-box .title-wrap h3 {
          font-size: 0.9rem;
          /*font-weight: bold;*/
          padding-left: 0.05rem;
          color: #101010; }
        .index .pop-select-coupon .pop-box .title-wrap .desc, .index2 .pop-select-coupon .pop-box .title-wrap .desc {
          padding: 0.25rem 1.25rem;
          color: #666; }
          .index .pop-select-coupon .pop-box .title-wrap .desc span, .index2 .pop-select-coupon .pop-box .title-wrap .desc span {
            color: #ff4612; }
      .index .pop-select-coupon .pop-box .list, .index2 .pop-select-coupon .pop-box .list {
        overflow-y: scroll;
        /*height: px2rem(800);*/
        min-height: 8.25rem;
        width: 16.25rem;
        margin: 0 auto;
        padding-bottom: 3rem; }
        .index .pop-select-coupon .pop-box .list li, .index2 .pop-select-coupon .pop-box .list li {
          width: 16.25rem;
          padding: 0.725rem 0 0.3rem 1.4rem;
          box-sizing: border-box;
          min-height: 6.475rem;
          margin: 0.75rem auto 0;
          border-radius: 0.25rem;
          background-color: #fff;
          position: relative;
          overflow: hidden;
          /*box-shadow: 0 0.05rem 0.75rem 0 #ccc;*/ }
          .index .pop-select-coupon .pop-box .list li:before, .index2 .pop-select-coupon .pop-box .list li:before {
            content: "";
            position: absolute;
            left: -0.625rem;
            top: 5rem;
            width: 1.25rem;
            height: 1.25rem;
            background-color: #f9f8f6;
            border-radius: 100%;
            z-index: 2; }
          .index .pop-select-coupon .pop-box .list li:after, .index2 .pop-select-coupon .pop-box .list li:after {
            content: "";
            position: absolute;
            right: -0.625rem;
            top: 5rem;
            width: 1.25rem;
            height: 1.25rem;
            background-color: #f9f8f6;
            border-radius: 100%;
            z-index: 2; }
          .index .pop-select-coupon .pop-box .list li .logo, .index2 .pop-select-coupon .pop-box .list li .logo {
            position: absolute;
            right: 0;
            top: 3rem;
            width: 8.25rem;
            height: 2.675rem;
            background: url(../images/logo3.png) no-repeat right center/8.25rem;
            z-index: 1; }
          .index .pop-select-coupon .pop-box .list li .limit, .index2 .pop-select-coupon .pop-box .list li .limit {
            width: 0.675rem;
            height: 1.05rem;
            position: absolute;
            top: 0;
            left: 0.25rem;
            color: #fff;
            font-size: 0.45rem;
            text-align: center;
            line-height: 0.75rem;
            background: linear-gradient(0deg, #027cf4 0%, #1a89f5 51%, #389df8 100%); }
            .index .pop-select-coupon .pop-box .list li .limit:after, .index2 .pop-select-coupon .pop-box .list li .limit:after {
              content: "";
              width: 0;
              height: 0;
              position: absolute;
              bottom: -0.025rem;
              left: 0;
              border-bottom: solid 0.3375rem white;
              border-right: solid 0.3375rem transparent;
              border-left: solid 0.3375rem transparent;
              /*border-top:solid px2rem(10) transparent;*/ }
          .index .pop-select-coupon .pop-box .list li h2, .index2 .pop-select-coupon .pop-box .list li h2 {
            font-size: 0.8rem;
            font-family: Source Han Sans CN;
            font-weight: bold;
            color: #101010;
            margin-bottom: 0.25rem; }
          .index .pop-select-coupon .pop-box .list li .tag, .index2 .pop-select-coupon .pop-box .list li .tag {
            display: inline-block;
            border: 0.05rem solid #077ff4;
            border-radius: 0.1rem;
            color: #077FF4;
            padding: 0 0.125rem;
            margin-bottom: 0.3rem; }
          .index .pop-select-coupon .pop-box .list li .label, .index2 .pop-select-coupon .pop-box .list li .label {
            width: 4.5rem;
            height: 0.9rem;
            line-height: 0.95rem;
            transform: rotate(45deg);
            color: #fff;
            position: absolute;
            right: -1.5rem;
            top: 0.25rem;
            font-size: 0.45rem;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: white;
            text-align: center;
            background: linear-gradient(0deg, #027cf4 0%, #1a89f5 51%, #389df8 100%); }
          .index .pop-select-coupon .pop-box .list li .time, .index2 .pop-select-coupon .pop-box .list li .time {
            /*font-size:px2rem(22);*/
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: #666666;
            padding-bottom: 0.55rem;
            border-bottom: 0.075rem dashed #E1E1E1;
            margin-left: -0.5rem;
            padding-left: 0.5rem;
            margin-right: 0.575rem;
            position: relative;
            z-index: 2; }
          .index .pop-select-coupon .pop-box .list li .beishu2, .index2 .pop-select-coupon .pop-box .list li .beishu2 {
            width: 1.35rem;
            height: 1.35rem;
            background: url(../images/x2.jpg) no-repeat right center/1.2rem;
            position: absolute;
            right: 2rem;
            top: 0.5rem;
            z-index: 2; }
          .index .pop-select-coupon .pop-box .list li .beishu3, .index2 .pop-select-coupon .pop-box .list li .beishu3 {
            width: 1.35rem;
            height: 1.35rem;
            background: url(../images/x3.jpg) no-repeat right center/1.2rem;
            position: absolute;
            right: 2rem;
            top: 0.375rem;
            z-index: 2; }
          .index .pop-select-coupon .pop-box .list li .detail-wrap, .index2 .pop-select-coupon .pop-box .list li .detail-wrap {
            position: relative;
            z-index: 2; }
          .index .pop-select-coupon .pop-box .list li .detail-title, .index2 .pop-select-coupon .pop-box .list li .detail-title {
            /*font-size:px2rem(24);*/
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: #666666;
            margin-right: 1.575rem;
            cursor: pointer;
            padding-top: 0.65rem;
            padding-bottom: 0.35rem;
            position: relative; }
            .index .pop-select-coupon .pop-box .list li .detail-title i, .index2 .pop-select-coupon .pop-box .list li .detail-title i {
              width: 0.65rem;
              height: 0.25rem;
              transform: rotate(180deg);
              position: absolute;
              right: 0;
              top: 1.05rem;
              background: url(../images/detail-more.png) no-repeat right center/0.65rem;
              transition: .2s all; }
          .index .pop-select-coupon .pop-box .list li .detail, .index2 .pop-select-coupon .pop-box .list li .detail {
            display: none;
            /*font-size:px2rem(24);*/
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: #666666;
            line-height: 1rem;
            margin-right: 1.45rem;
            padding-bottom: 0.35rem; }
          .index .pop-select-coupon .pop-box .list li .select, .index2 .pop-select-coupon .pop-box .list li .select {
            width: 1.1rem;
            height: 1.1rem;
            position: absolute;
            right: 0.75rem;
            top: 2.5rem;
            z-index: 2;
            border-radius: 100%;
            background: #d2d2d2 url(../images/gou.png) no-repeat center center/0.6rem; }
            .index .pop-select-coupon .pop-box .list li .select.active, .index2 .pop-select-coupon .pop-box .list li .select.active {
              background-color: #fd4825; }
          .index .pop-select-coupon .pop-box .list li.gray h2, .index2 .pop-select-coupon .pop-box .list li.gray h2 {
            color: #d2d2d2; }
          .index .pop-select-coupon .pop-box .list li.gray .tag, .index2 .pop-select-coupon .pop-box .list li.gray .tag {
            color: #d2d2d2;
            border-color: #d2d2d2; }
          .index .pop-select-coupon .pop-box .list li.gray .time, .index2 .pop-select-coupon .pop-box .list li.gray .time {
            color: #d2d2d2; }
          .index .pop-select-coupon .pop-box .list li.gray .detail-title, .index2 .pop-select-coupon .pop-box .list li.gray .detail-title {
            color: #d2d2d2; }
          .index .pop-select-coupon .pop-box .list li.gray .detail, .index2 .pop-select-coupon .pop-box .list li.gray .detail {
            color: #d2d2d2; }
          .index .pop-select-coupon .pop-box .list li.gray .label, .index2 .pop-select-coupon .pop-box .list li.gray .label {
            background: #d2d2d2; }
          .index .pop-select-coupon .pop-box .list li.gray .limit, .index2 .pop-select-coupon .pop-box .list li.gray .limit {
            background: #d2d2d2; }
          .index .pop-select-coupon .pop-box .list li.gray .beishu2, .index2 .pop-select-coupon .pop-box .list li.gray .beishu2 {
            background-image: url(../images/x2-gray.jpg); }
          .index .pop-select-coupon .pop-box .list li.gray .beishu3, .index2 .pop-select-coupon .pop-box .list li.gray .beishu3 {
            background-image: url(../images/x3-gray.jpg); }
          .index .pop-select-coupon .pop-box .list li.red .label, .index2 .pop-select-coupon .pop-box .list li.red .label {
            background: linear-gradient(0deg, #fe8565 0%, #ff4612 100%); }
      .index .pop-select-coupon .pop-box .submit-btn, .index2 .pop-select-coupon .pop-box .submit-btn {
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        z-index: 4;
        /*display: none;*/ }
        .index .pop-select-coupon .pop-box .submit-btn div, .index2 .pop-select-coupon .pop-box .submit-btn div {
          background: #fd4825;
          color: #fff;
          font-size: 0.85rem;
          height: 2rem;
          line-height: 2rem;
          margin: 0.5rem auto 3.5rem;
          width: 16rem;
          border-radius: 1.25rem;
          text-align: center; }

.ignore-guide {
  position: fixed;
  top: 0.75rem;
  right: 0.75rem;
  padding: 0.25rem 0.5rem;
  border: 0.025rem solid #fff;
  font-size: 0.8rem;
  z-index: 1000;
  color: #eee;
  border-radius: 0.5rem;
  display: none; }

.index2 .go-to-invite {
  width: 17.5rem;
  height: 2.75rem;
  margin: 0.625rem; }
  .index2 .go-to-invite .leiji {
    width: 8.5rem;
    height: 2.75rem;
    line-height: normal;
    margin: 0rem;
    margin-right: 0.5rem;
    background: url(../images/leiji-bg2.png) no-repeat left top/100%;
    border-radius: 12px;
    color: #fff;
    font-size: 0.55rem;
    padding: 0.575rem 0 0 0.45rem; }
  .index2 .go-to-invite .invite {
    width: 8.5rem;
    /* width:px2rem(700);  */
    height: 2.75rem;
    line-height: normal;
    padding: 0.575rem 0 0 0.45rem;
    margin: 0rem;
    background: url(../images/invite-bg2.png) no-repeat left top/100%;
    border-radius: 12px;
    color: #fff;
    font-size: 0.55rem;
    position: relative; }
    .index2 .go-to-invite .invite .invite-btn {
      position: absolute;
      top: 0;
      right: 0.15rem;
      /* float: right; */
      width: 3.3rem;
      height: 2.75rem;
      /* padding:px2rem(30) 0; */
      margin-top: 0;
      /* margin-top: px2rem(40); */
      background: url(../images/invite-btn-bg.png) no-repeat center center/3.3rem; }
      .index2 .go-to-invite .invite .invite-btn a {
        display: block;
        height: 100%; }
.index2 .business-platform {
  margin: 1rem 0; }
  .index2 .business-platform .platform-title {
    width: 11.25rem;
    margin: 0 auto 0.75rem;
    background: #fff;
    height: 0.4rem;
    border-bottom: 1px solid #ccc;
    text-align: center; }
    .index2 .business-platform .platform-title span {
      background: #fff;
      font-size: 0.65rem;
      color: #999;
      padding: 0 0.2rem; }
  .index2 .business-platform ul {
    justify-content: center; }
    .index2 .business-platform ul li {
      margin-right: 0.5rem; }
      .index2 .business-platform ul li:last-child {
        margin-right: 0; }
      .index2 .business-platform ul li img {
        width: 1.75rem; }

@keyframes FadeOut {
  0% {
    opacity: 1; }
  75% {
    opacity: .5; }
  100% {
    opacity: 1; } }
/* .anim-fade-out-in{
	animation-name: FadeOut;
	animation-duration: 0.5s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	transform-style: preserve-3d;
	backface-visibility: visible;
	transform:translate3d(0,0,0);
	animation-fill-mode: both;
}
 */
/* 我的 */
.user .user-card {
  /* width: px2rem(700); */
  /* height: px2rem(390); */
  margin: -6.05rem 0.625rem 0;
  position: relative;
  background: url(../images/user-card.png) no-repeat left top/cover;
  color: #fff;
  font-size: 0.55rem;
  border-radius: 0.325rem;
  overflow: hidden;
  box-shadow: 0 0.5rem 1.25rem -0.6rem #76D7FF;
  box-sizing: border-box;
  /* padding: px2rem(35) 0 px2rem(40); */
  padding: 0.75rem 0; }
  .user .user-card .user-wrap {
    padding: 0 0.75rem; }
    .user .user-card .user-wrap .user-info {
      height: 2.75rem;
      line-height: 2.75rem;
      font-size: 0.75rem;
      display: flex; }
      .user .user-card .user-wrap .user-info .img-wrap {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 100%;
        overflow: hidden;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0.375rem; }
        .user .user-card .user-wrap .user-info .img-wrap img {
          width: 100%; }
      .user .user-card .user-wrap .user-info span {
        width: 5rem;
        overflow: hidden; }
      .user .user-card .user-wrap .user-info .yes-login {
        display: flex; }
      .user .user-card .user-wrap .user-info .no-login {
        display: flex; }
        .user .user-card .user-wrap .user-info .no-login a {
          color: #fff; }
        .user .user-card .user-wrap .user-info .no-login span {
          width: auto;
          color: #fff;
          padding-right: 1rem;
          background: url("../images/go-to-login.png") no-repeat center right/0.8rem; }
    .user .user-card .user-wrap .shouyi {
      margin-left: auto;
      /* margin-top:  px2rem(-5); */
      flex-flow: column wrap;
      text-align: right;
      height: 2.75rem;
      line-height: 2.75rem; }
      .user .user-card .user-wrap .shouyi span {
        height: 2.75rem;
        line-height: 2.75rem;
        margin-top: 0.05rem; }
      .user .user-card .user-wrap .shouyi i {
        font-size: 0.8rem; }
  .user .user-card .shouyi-detail {
    margin-top: 3.25rem; }
    .user .user-card .shouyi-detail ul {
      font-size: 0.6rem; }
      .user .user-card .shouyi-detail ul li {
        width: 35%;
        box-sizing: border-box;
        display: flex;
        flex-flow: column wrap;
        text-align: center;
        border-right: 0.05rem solid #fff; }
        .user .user-card .shouyi-detail ul li i {
          font-size: 0.85rem;
          margin-bottom: 0.05rem; }
        .user .user-card .shouyi-detail ul li:first-child {
          width: 32.5%; }
        .user .user-card .shouyi-detail ul li:last-child {
          width: 32.5%;
          border-right: 0; }
.user .order-wrap {
  /* width: px2rem(700); */
  margin: 0.375rem 0.625rem 0.75rem;
  font-size: 0.65rem;
  border-radius: 0.3rem;
  box-shadow: 0 0.05rem 0.75rem 0 rgba(206, 206, 206, 0.5);
  padding: 0.525rem 0 0.25rem;
  box-sizing: border-box; }
  .user .order-wrap .order-title {
    /* 			height: px2rem(40);
    			line-height: px2rem(40); */
    margin-bottom: 0.55rem;
    padding: 0 0.575rem 0.325rem 0.575rem;
    border-bottom: 1px solid #d8d8d8;
    box-sizing: border-box; }
    .user .order-wrap .order-title h3 {
      font-size: 0.7rem;
      font-weight: bold; }
    .user .order-wrap .order-title span {
      font-size: 0.6rem;
      margin-left: auto; }
      .user .order-wrap .order-title span a {
        color: #666;
        padding-right: 0.45rem;
        position: relative; }
        .user .order-wrap .order-title span a:after {
          content: "";
          width: 0;
          height: 0;
          position: absolute;
          right: 0;
          top: 0.1rem;
          border-top: solid 0.25rem transparent;
          border-left: solid 0.25rem #D0D0D0;
          border-bottom: solid 0.25rem transparent; }
  .user .order-wrap ul {
    /* justify-content: space-between; */
    text-align: center;
    padding: 0 0.25rem;
    box-sizing: border-box;
    flex-flow: row wrap; }
    .user .order-wrap ul li {
      width: 25%;
      margin-bottom: 0.5rem; }
      .user .order-wrap ul li a {
        align-items: center;
        flex-flow: column wrap; }
        .user .order-wrap ul li a img {
          width: 1.85rem; }
.user .pop-guide {
  font-size: 0.75rem;
  width: 100%;
  height: 100%;
  /* background: rgba(255,255,255,0.7); */
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  text-align: center;
  /* display: none; */ }
  .user .pop-guide .pop-box {
    /* background: rgba(255,255,255,.9); */
    width: 15rem;
    padding: 0.5rem 0;
    border-radius: 0.25rem;
    color: #fff;
    position: absolute;
    top: 7rem;
    left: 0rem; }
  .user .pop-guide .guide-arrow {
    width: 2.5rem;
    position: absolute;
    /* top: px2rem(240); */
    top: 8.375rem;
    /* right: px2rem(300); */
    left: 2.5rem;
    transform: rotate(210deg); }
    .user .pop-guide .guide-arrow img {
      width: 100%; }
  .user .pop-guide .tips {
    width: 6.5rem;
    height: 5rem;
    line-height: 5rem;
    color: #fff;
    font-size: 0.9rem;
    text-align: center;
    position: fixed;
    bottom: 5rem;
    left: 50%;
    transform: translate(-50%, 0);
    background: url("../images/i-know.png") no-repeat center center/5rem;
    /* animation:FadeOut 2s infinite; */ }
    .user .pop-guide .tips i {
      margin-left: -0.5rem; }
.user .pop-guide4 {
  display: none; }
  .user .pop-guide4 .pop-box {
    /* top: px2rem(390); */
    /* left: px2rem(100); */ }
  .user .pop-guide4 .guide-arrow {
    /* transform: rotate(220deg); */ }
.user .pop-guide5 {
  display: none;
  /* .tips{
  	bottom: px2rem(100);
  } */ }
  .user .pop-guide5 .pop-box {
    /* top: px2rem(690); */
    left: 3rem; }
  .user .pop-guide5 .guide-arrow {
    /* width: px2rem(100); */
    /* 			position: absolute;
    			top: px2rem(780);
    			right: px2rem(120); */
    /* transform: rotate(100deg); */
    left: 8.5rem; }
.user .pop-guide6 {
  display: none; }
  .user .pop-guide6 .guide-arrow {
    transform: rotate(160deg);
    left: 14rem; }
  .user .pop-guide6 .pop-box {
    left: 3rem; }
.user .pop-guide7 {
  display: none;
  font-size: 0.9rem; }
  .user .pop-guide7 .pop-box {
    width: 16.75rem;
    top: 10rem;
    left: 1rem; }

.fucen_user_new .pop-line {
  width: 17.5rem;
  height: 3.125rem;
  /*border: 3px solid #fff;*/
  position: absolute;
  box-sizing: border-box;
  border-radius: 0.25rem;
  color: #fff;
  padding: 0.5rem 0; }
  .fucen_user_new .pop-line .shouyi-detail {
    /*margin-top: px2rem(130);*/ }
    .fucen_user_new .pop-line .shouyi-detail ul {
      font-size: 0.6rem; }
      .fucen_user_new .pop-line .shouyi-detail ul li {
        width: 35%;
        box-sizing: border-box;
        display: flex;
        flex-flow: column wrap;
        text-align: center;
        border-right: 0.05rem solid #fff; }
        .fucen_user_new .pop-line .shouyi-detail ul li i {
          font-size: 0.85rem;
          margin-bottom: 0.05rem; }
        .fucen_user_new .pop-line .shouyi-detail ul li:first-child {
          width: 32.5%; }
        .fucen_user_new .pop-line .shouyi-detail ul li:last-child {
          width: 32.5%;
          border-right: 0; }
.fucen_user_new .pop-guide4 .pop-line-top {
  top: 10.3rem;
  left: 0.625rem;
  background: #39a0eb; }
.fucen_user_new .pop-guide4 .pop-box-top {
  top: 6.8rem;
  left: 1.75rem; }
.fucen_user_new .pop-guide4 .guide-arrow-top {
  top: 7.875rem;
  left: 7.5rem; }
.fucen_user_new .pop-guide5 .pop-line-bottom {
  top: 13.625rem;
  left: 0.625rem;
  background: #fdAD3D; }
.fucen_user_new .pop-guide5 .pop-box-bottom {
  top: 18.125rem;
  left: 1rem; }
.fucen_user_new .pop-guide5 .guide-arrow-bottom {
  top: 16.5rem;
  left: 7.5rem;
  transform: rotate(25deg); }
.fucen_user_new .pop-guide6 {
  display: none;
  font-size: 0.9rem; }
  .fucen_user_new .pop-guide6 .pop-box {
    width: 16.75rem;
    top: 10rem;
    left: 1rem; }

.loginForm {
  top: 10.65rem !important; }

/* 登录 */
.enter, .register, .bindZfb, .modifyName, .modifyPhone, .modifyPassword, .orderOmit {
  width: 18.75rem;
  height: 100%;
  padding-bottom: 0;
  /*	position: fixed;
  	top:0;
  	left: 0;*/ }
  .enter .banner-bg, .register .banner-bg, .bindZfb .banner-bg, .modifyName .banner-bg, .modifyPhone .banner-bg, .modifyPassword .banner-bg, .orderOmit .banner-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
  .enter .img-wrap, .register .img-wrap, .bindZfb .img-wrap, .modifyName .img-wrap, .modifyPhone .img-wrap, .modifyPassword .img-wrap, .orderOmit .img-wrap {
    width: 3.75rem;
    position: fixed;
    left: 50%;
    top: 5.5rem;
    transform: translate(-50%, 0); }
    .enter .img-wrap img, .register .img-wrap img, .bindZfb .img-wrap img, .modifyName .img-wrap img, .modifyPhone .img-wrap img, .modifyPassword .img-wrap img, .orderOmit .img-wrap img {
      width: 100%; }
  .enter .close-page, .register .close-page, .bindZfb .close-page, .modifyName .close-page, .modifyPhone .close-page, .modifyPassword .close-page, .orderOmit .close-page {
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    left: 1.175rem;
    top: 0.625rem;
    background: url(../images/back.png) no-repeat center center/0.75rem; }
  .enter .loginForm, .register .loginForm, .bindZfb .loginForm, .modifyName .loginForm, .modifyPhone .loginForm, .modifyPassword .loginForm, .orderOmit .loginForm {
    /* margin: px2rem(100) px2rem(75) 0; */
    width: 15rem;
    /* padding: 0 px2rem(30); */
    position: fixed;
    top: 9.75rem;
    left: 50%;
    transform: translate(-50%, 0);
    /*margin: px2rem(50) auto 0;*/ }
    .enter .loginForm .invite, .register .loginForm .invite, .bindZfb .loginForm .invite, .modifyName .loginForm .invite, .modifyPhone .loginForm .invite, .modifyPassword .loginForm .invite, .orderOmit .loginForm .invite {
      margin-top: 0.75rem; }
    .enter .loginForm div h2, .register .loginForm div h2, .bindZfb .loginForm div h2, .modifyName .loginForm div h2, .modifyPhone .loginForm div h2, .modifyPassword .loginForm div h2, .orderOmit .loginForm div h2 {
      margin-bottom: 0.25rem; }
    .enter .loginForm div input, .register .loginForm div input, .bindZfb .loginForm div input, .modifyName .loginForm div input, .modifyPhone .loginForm div input, .modifyPassword .loginForm div input, .orderOmit .loginForm div input {
      -webkit-user-modify: read-write-plaintext-only;
      box-sizing: border-box;
      width: 100%;
      height: 2.25rem;
      line-height: normal;
      padding-left: 0.9rem;
      border-radius: 0.3rem;
      box-shadow: 0rem 0.17rem 1.02rem -0.77rem #4e65f6;
      font-size: 0.7rem;
      color: #777;
      background: #F8F8F8;
      margin-bottom: 0.75rem; }
      .enter .loginForm div input.code, .register .loginForm div input.code, .bindZfb .loginForm div input.code, .modifyName .loginForm div input.code, .modifyPhone .loginForm div input.code, .modifyPassword .loginForm div input.code, .orderOmit .loginForm div input.code {
        width: 9.575rem; }
    .enter .loginForm div input::-webkit-input-placeholder, .register .loginForm div input::-webkit-input-placeholder, .bindZfb .loginForm div input::-webkit-input-placeholder, .modifyName .loginForm div input::-webkit-input-placeholder, .modifyPhone .loginForm div input::-webkit-input-placeholder, .modifyPassword .loginForm div input::-webkit-input-placeholder, .orderOmit .loginForm div input::-webkit-input-placeholder {
      /* WebKit, Blink, Edge */
      color: #A0A0A0;
      font-size: 0.7rem; }
    .enter .loginForm div input:-moz-placeholder, .register .loginForm div input:-moz-placeholder, .bindZfb .loginForm div input:-moz-placeholder, .modifyName .loginForm div input:-moz-placeholder, .modifyPhone .loginForm div input:-moz-placeholder, .modifyPassword .loginForm div input:-moz-placeholder, .orderOmit .loginForm div input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #A0A0A0;
      font-size: 0.7rem; }
    .enter .loginForm div input::-moz-placeholder, .register .loginForm div input::-moz-placeholder, .bindZfb .loginForm div input::-moz-placeholder, .modifyName .loginForm div input::-moz-placeholder, .modifyPhone .loginForm div input::-moz-placeholder, .modifyPassword .loginForm div input::-moz-placeholder, .orderOmit .loginForm div input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #A0A0A0;
      font-size: 0.7rem; }
    .enter .loginForm div input:-ms-input-placeholder, .register .loginForm div input:-ms-input-placeholder, .bindZfb .loginForm div input:-ms-input-placeholder, .modifyName .loginForm div input:-ms-input-placeholder, .modifyPhone .loginForm div input:-ms-input-placeholder, .modifyPassword .loginForm div input:-ms-input-placeholder, .orderOmit .loginForm div input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #A0A0A0;
      font-size: 0.7rem; }
    .enter .loginForm div.username, .register .loginForm div.username, .bindZfb .loginForm div.username, .modifyName .loginForm div.username, .modifyPhone .loginForm div.username, .modifyPassword .loginForm div.username, .orderOmit .loginForm div.username {
      width: 100%;
      display: flex;
      /* margin-bottom: px2rem(30); */ }
      .enter .loginForm div.username div.send-code-wrap, .register .loginForm div.username div.send-code-wrap, .bindZfb .loginForm div.username div.send-code-wrap, .modifyName .loginForm div.username div.send-code-wrap, .modifyPhone .loginForm div.username div.send-code-wrap, .modifyPassword .loginForm div.username div.send-code-wrap, .orderOmit .loginForm div.username div.send-code-wrap {
        width: 5rem;
        height: 2.25rem;
        background: #FF8345;
        border-radius: .43rem;
        overflow: hidden;
        margin-left: 0.5rem;
        border: .04rem solid #FF8345;
        box-sizing: border-box; }
      .enter .loginForm div.username div.sending-code-wrap, .register .loginForm div.username div.sending-code-wrap, .bindZfb .loginForm div.username div.sending-code-wrap, .modifyName .loginForm div.username div.sending-code-wrap, .modifyPhone .loginForm div.username div.sending-code-wrap, .modifyPassword .loginForm div.username div.sending-code-wrap, .orderOmit .loginForm div.username div.sending-code-wrap {
        background: #fff; }
      .enter .loginForm div.username input.send-code-btn, .register .loginForm div.username input.send-code-btn, .bindZfb .loginForm div.username input.send-code-btn, .modifyName .loginForm div.username input.send-code-btn, .modifyPhone .loginForm div.username input.send-code-btn, .modifyPassword .loginForm div.username input.send-code-btn, .orderOmit .loginForm div.username input.send-code-btn {
        font-size: 0.7rem;
        color: #fff;
        text-align: center;
        padding-left: 0;
        background: transparent; }
      .enter .loginForm div.username input.sending-code, .register .loginForm div.username input.sending-code, .bindZfb .loginForm div.username input.sending-code, .modifyName .loginForm div.username input.sending-code, .modifyPhone .loginForm div.username input.sending-code, .modifyPassword .loginForm div.username input.sending-code, .orderOmit .loginForm div.username input.sending-code {
        border-color: #FF8345;
        color: #FF8345;
        opacity: 1; }
    .enter .loginForm .extra-tips, .register .loginForm .extra-tips, .bindZfb .loginForm .extra-tips, .modifyName .loginForm .extra-tips, .modifyPhone .loginForm .extra-tips, .modifyPassword .loginForm .extra-tips, .orderOmit .loginForm .extra-tips {
      height: 1.25rem;
      line-height: 1.25rem;
      display: flex;
      font-size: 0.5rem; }
      .enter .loginForm .extra-tips span, .register .loginForm .extra-tips span, .bindZfb .loginForm .extra-tips span, .modifyName .loginForm .extra-tips span, .modifyPhone .loginForm .extra-tips span, .modifyPassword .loginForm .extra-tips span, .orderOmit .loginForm .extra-tips span {
        color: #FF7272; }
    .enter .loginForm .item-wrap, .register .loginForm .item-wrap, .bindZfb .loginForm .item-wrap, .modifyName .loginForm .item-wrap, .modifyPhone .loginForm .item-wrap, .modifyPassword .loginForm .item-wrap, .orderOmit .loginForm .item-wrap {
      height: 1rem;
      line-height: 1rem;
      display: flex;
      align-items: center; }
      .enter .loginForm .item-wrap label.desc, .register .loginForm .item-wrap label.desc, .bindZfb .loginForm .item-wrap label.desc, .modifyName .loginForm .item-wrap label.desc, .modifyPhone .loginForm .item-wrap label.desc, .modifyPassword .loginForm .item-wrap label.desc, .orderOmit .loginForm .item-wrap label.desc {
        font-size: 0.65rem;
        height: 1rem;
        line-height: 1rem;
        color: #999; }
      .enter .loginForm .item-wrap #check-hide + label, .register .loginForm .item-wrap #check-hide + label, .bindZfb .loginForm .item-wrap #check-hide + label, .modifyName .loginForm .item-wrap #check-hide + label, .modifyPhone .loginForm .item-wrap #check-hide + label, .modifyPassword .loginForm .item-wrap #check-hide + label, .orderOmit .loginForm .item-wrap #check-hide + label {
        width: 0.8rem;
        height: 1rem;
        line-height: 1rem;
        margin-right: .2rem;
        background: url(../images/unchecked.png) no-repeat center center/0.8rem; }
      .enter .loginForm .item-wrap #check-hide:checked + label, .register .loginForm .item-wrap #check-hide:checked + label, .bindZfb .loginForm .item-wrap #check-hide:checked + label, .modifyName .loginForm .item-wrap #check-hide:checked + label, .modifyPhone .loginForm .item-wrap #check-hide:checked + label, .modifyPassword .loginForm .item-wrap #check-hide:checked + label, .orderOmit .loginForm .item-wrap #check-hide:checked + label {
        background-image: url(../images/checked.png); }
      .enter .loginForm .item-wrap span, .register .loginForm .item-wrap span, .bindZfb .loginForm .item-wrap span, .modifyName .loginForm .item-wrap span, .modifyPhone .loginForm .item-wrap span, .modifyPassword .loginForm .item-wrap span, .orderOmit .loginForm .item-wrap span {
        color: #43A7FF;
        cursor: pointer; }
    .enter .loginForm div.submit-btn, .register .loginForm div.submit-btn, .bindZfb .loginForm div.submit-btn, .modifyName .loginForm div.submit-btn, .modifyPhone .loginForm div.submit-btn, .modifyPassword .loginForm div.submit-btn, .orderOmit .loginForm div.submit-btn {
      background: #43A7FF;
      width: 15rem;
      height: 2.25rem;
      line-height: 2.25rem;
      margin: 0 auto;
      margin-top: 1rem;
      text-align: center;
      border-radius: .43rem;
      overflow: hidden; }
      .enter .loginForm div.submit-btn input, .register .loginForm div.submit-btn input, .bindZfb .loginForm div.submit-btn input, .modifyName .loginForm div.submit-btn input, .modifyPhone .loginForm div.submit-btn input, .modifyPassword .loginForm div.submit-btn input, .orderOmit .loginForm div.submit-btn input {
        color: #fff;
        font-size: 0.8rem;
        padding-left: 0;
        background: transparent;
        margin-bottom: 0; }
    .enter .loginForm div.toRegister, .register .loginForm div.toRegister, .bindZfb .loginForm div.toRegister, .modifyName .loginForm div.toRegister, .modifyPhone .loginForm div.toRegister, .modifyPassword .loginForm div.toRegister, .orderOmit .loginForm div.toRegister {
      /* width: px2rem(200); */
      /* margin: 0 auto; */
      /* display: inline-block; */
      text-align: center;
      font-size: 0.55rem;
      margin-top: 0.6rem;
      padding-bottom: 0.05rem;
      /* text-decoration: underline; */ }
      .enter .loginForm div.toRegister span, .register .loginForm div.toRegister span, .bindZfb .loginForm div.toRegister span, .modifyName .loginForm div.toRegister span, .modifyPhone .loginForm div.toRegister span, .modifyPassword .loginForm div.toRegister span, .orderOmit .loginForm div.toRegister span {
        color: #999;
        border-bottom: 1px solid #999; }
  .enter .go-to-login, .register .go-to-login, .bindZfb .go-to-login, .modifyName .go-to-login, .modifyPhone .go-to-login, .modifyPassword .go-to-login, .orderOmit .go-to-login {
    width: 100%;
    text-align: center;
    padding: 0.75rem 0;
    display: inline-block; }
    .enter .go-to-login a, .register .go-to-login a, .bindZfb .go-to-login a, .modifyName .go-to-login a, .modifyPhone .go-to-login a, .modifyPassword .go-to-login a, .orderOmit .go-to-login a {
      font-size: 0.65rem;
      color: #43A7FF;
      border-bottom: 1px solid #43A7FF; }
  .enter .login-wrap, .register .login-wrap, .bindZfb .login-wrap, .modifyName .login-wrap, .modifyPhone .login-wrap, .modifyPassword .login-wrap, .orderOmit .login-wrap {
    width: 100%;
    color: #ccc;
    font-size: 0.6rem;
    text-align: center;
    position: fixed;
    bottom: 0rem;
    left: 0;
    /* margin-top:80vh; */ }
    .enter .login-wrap p, .register .login-wrap p, .bindZfb .login-wrap p, .modifyName .login-wrap p, .modifyPhone .login-wrap p, .modifyPassword .login-wrap p, .orderOmit .login-wrap p {
      margin-bottom: 0.125rem;
      /* color:#666; */ }
    .enter .login-wrap .login-box, .register .login-wrap .login-box, .bindZfb .login-wrap .login-box, .modifyName .login-wrap .login-box, .modifyPhone .login-wrap .login-box, .modifyPassword .login-wrap .login-box, .orderOmit .login-wrap .login-box {
      justify-content: center;
      align-items: center; }
      .enter .login-wrap .login-box div, .register .login-wrap .login-box div, .bindZfb .login-wrap .login-box div, .modifyName .login-wrap .login-box div, .modifyPhone .login-wrap .login-box div, .modifyPassword .login-wrap .login-box div, .orderOmit .login-wrap .login-box div {
        width: 3.25rem;
        height: 3.25rem;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center; }
        .enter .login-wrap .login-box div i, .register .login-wrap .login-box div i, .bindZfb .login-wrap .login-box div i, .modifyName .login-wrap .login-box div i, .modifyPhone .login-wrap .login-box div i, .modifyPassword .login-wrap .login-box div i, .orderOmit .login-wrap .login-box div i {
          width: 2rem;
          height: 2rem;
          border-radius: 100%;
          /* margin-bottom: px2rem(5); */
          box-shadow: 0 0 20px 0 #F4F4F4;
          background: url(../images/wechat.png) no-repeat center center/2rem; }
        .enter .login-wrap .login-box div span, .register .login-wrap .login-box div span, .bindZfb .login-wrap .login-box div span, .modifyName .login-wrap .login-box div span, .modifyPhone .login-wrap .login-box div span, .modifyPassword .login-wrap .login-box div span, .orderOmit .login-wrap .login-box div span {
          /* color:#666; */
          font-size: 0.55rem; }
        .enter .login-wrap .login-box div.wechat-login i, .register .login-wrap .login-box div.wechat-login i, .bindZfb .login-wrap .login-box div.wechat-login i, .modifyName .login-wrap .login-box div.wechat-login i, .modifyPhone .login-wrap .login-box div.wechat-login i, .modifyPassword .login-wrap .login-box div.wechat-login i, .orderOmit .login-wrap .login-box div.wechat-login i {
          background-image: url(../images/wechat.png); }
        .enter .login-wrap .login-box div.qq-login i, .register .login-wrap .login-box div.qq-login i, .bindZfb .login-wrap .login-box div.qq-login i, .modifyName .login-wrap .login-box div.qq-login i, .modifyPhone .login-wrap .login-box div.qq-login i, .modifyPassword .login-wrap .login-box div.qq-login i, .orderOmit .login-wrap .login-box div.qq-login i {
          background-image: url(../images/qq.png); }
        .enter .login-wrap .login-box div.weibo-login i, .register .login-wrap .login-box div.weibo-login i, .bindZfb .login-wrap .login-box div.weibo-login i, .modifyName .login-wrap .login-box div.weibo-login i, .modifyPhone .login-wrap .login-box div.weibo-login i, .modifyPassword .login-wrap .login-box div.weibo-login i, .orderOmit .login-wrap .login-box div.weibo-login i {
          background-image: url(../images/weibo.png); }
  .enter .pop-rule, .register .pop-rule, .bindZfb .pop-rule, .modifyName .pop-rule, .modifyPhone .pop-rule, .modifyPassword .pop-rule, .orderOmit .pop-rule {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    font-size: 0.65rem;
    display: none; }
    .enter .pop-rule .pop-bg, .register .pop-rule .pop-bg, .bindZfb .pop-rule .pop-bg, .modifyName .pop-rule .pop-bg, .modifyPhone .pop-rule .pop-bg, .modifyPassword .pop-rule .pop-bg, .orderOmit .pop-rule .pop-bg {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .enter .pop-rule .pop-box, .register .pop-rule .pop-box, .bindZfb .pop-rule .pop-box, .modifyName .pop-rule .pop-box, .modifyPhone .pop-rule .pop-box, .modifyPassword .pop-rule .pop-box, .orderOmit .pop-rule .pop-box {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 15rem;
      border-radius: 0.3rem;
      overflow: hidden; }
      .enter .pop-rule .pop-box .pop-rule-title, .register .pop-rule .pop-box .pop-rule-title, .bindZfb .pop-rule .pop-box .pop-rule-title, .modifyName .pop-rule .pop-box .pop-rule-title, .modifyPhone .pop-rule .pop-box .pop-rule-title, .modifyPassword .pop-rule .pop-box .pop-rule-title, .orderOmit .pop-rule .pop-box .pop-rule-title {
        color: #fff;
        font-weight: bold;
        font-size: 1rem;
        width: 15rem;
        height: 4.175rem;
        line-height: 4.175rem;
        text-align: center;
        background: url("../images/rule-banner.png") no-repeat center center/100%; }
      .enter .pop-rule .pop-box .rule-text, .register .pop-rule .pop-box .rule-text, .bindZfb .pop-rule .pop-box .rule-text, .modifyName .pop-rule .pop-box .rule-text, .modifyPhone .pop-rule .pop-box .rule-text, .modifyPassword .pop-rule .pop-box .rule-text, .orderOmit .pop-rule .pop-box .rule-text {
        padding: 0.75rem;
        height: 17.5rem;
        overflow-y: auto;
        background: #fff; }
        .enter .pop-rule .pop-box .rule-text h1, .register .pop-rule .pop-box .rule-text h1, .bindZfb .pop-rule .pop-box .rule-text h1, .modifyName .pop-rule .pop-box .rule-text h1, .modifyPhone .pop-rule .pop-box .rule-text h1, .modifyPassword .pop-rule .pop-box .rule-text h1, .orderOmit .pop-rule .pop-box .rule-text h1 {
          text-align: center;
          font-size: 0.85rem;
          margin-bottom: 0.75rem; }
        .enter .pop-rule .pop-box .rule-text h2, .register .pop-rule .pop-box .rule-text h2, .bindZfb .pop-rule .pop-box .rule-text h2, .modifyName .pop-rule .pop-box .rule-text h2, .modifyPhone .pop-rule .pop-box .rule-text h2, .modifyPassword .pop-rule .pop-box .rule-text h2, .orderOmit .pop-rule .pop-box .rule-text h2 {
          text-align: left;
          font-weight: bold;
          font-size: 0.85rem; }
        .enter .pop-rule .pop-box .rule-text .close-btn, .register .pop-rule .pop-box .rule-text .close-btn, .bindZfb .pop-rule .pop-box .rule-text .close-btn, .modifyName .pop-rule .pop-box .rule-text .close-btn, .modifyPhone .pop-rule .pop-box .rule-text .close-btn, .modifyPassword .pop-rule .pop-box .rule-text .close-btn, .orderOmit .pop-rule .pop-box .rule-text .close-btn {
          width: 0.75rem;
          height: 0.75rem;
          position: absolute;
          right: 0.75rem;
          top: 0.5rem;
          background: url("../images/close-btn.png") no-repeat center center/100%; }

/* 注册 */
.register .register-title {
  /* width: px2rem(150); */
  position: absolute;
  left: 50%;
  top: 5rem;
  transform: translate(-50%, 0);
  color: #fff;
  font-size: 0.75rem;
  text-align: center; }
  .register .register-title span {
    display: inline-block;
    font-size: 0.9rem; }
.register .go-to-login {
  width: 100%;
  text-align: center;
  padding: 0.75rem 0;
  display: inline-block; }
  .register .go-to-login a {
    font-size: 0.65rem;
    color: #43A7FF;
    border-bottom: 1px solid #43A7FF; }

/* 关注 */
.follow {
  text-align: center;
  padding-top: 6.25rem; }
  .follow h1 {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    background-color: #43A7FF;
    font-size: 0.75rem;
    padding: 0 1rem;
    display: inline-block; }
  .follow p {
    margin-top: -0.25rem;
    margin-bottom: 1.25rem; }
  .follow img {
    width: 8rem; }

.follow2 {
  text-align: center;
  font-size: 0.8rem;
  /* padding-top: px2rem(50); */
  padding-bottom: 0; }
  .follow2 .follow-title {
    position: absolute;
    left: 50%;
    top: 5rem;
    transform: translate(-50%, 0);
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
    color: #f0f0f0; }
    .follow2 .follow-title span {
      display: inline-block;
      font-size: 0.9rem;
      color: #fff;
      letter-spacing: 0.05rem; }
  .follow2 .content {
    margin-top: 1.25rem;
    /* 		.img-wrap{
    			margin-bottom: px2rem(60); */
    /* } */ }
    .follow2 .content img {
      margin-bottom: 0.75rem; }
    .follow2 .content h1 {
      height: 2rem;
      line-height: 2rem;
      text-align: center;
      margin: 0 auto;
      color: #fff;
      background-color: #43A7FF;
      font-size: 0.75rem;
      padding: 0 1rem;
      display: inline-block; }
    .follow2 .content p {
      margin-bottom: 0.75rem; }
    .follow2 .content .click-hand {
      height: 2rem;
      line-height: 2rem;
      padding: 0 0.5rem;
      color: #fff;
      font-size: 0.85rem;
      display: inline-block;
      border-radius: 0.3rem;
      background: #ff8345;
      margin-bottom: 1.5rem; }
      .follow2 .content .click-hand i {
        float: right;
        margin-top: 0.375rem;
        margin-left: 0.125rem;
        width: 1.25rem;
        height: 1.25rem;
        background: #ff8345 url(../images/click-hand.png) no-repeat center center/1.125rem; }

/* 邀请 */
/* .invite{
	position: relative;
	height: 100%;
	padding-bottom: px2rem(200);
	.banner-bg{
		position: static;
		height: px2rem(485);
		background-image: url("../images/invite-banner.png");
	}
	.rule{
		display: inline-block;
		background: #FDD880;
		border-radius: px2rem(100) 0 0 px2rem(100);
		font-size: px2rem(24);
		color: #986B00;
		padding: px2rem(8) px2rem(15) px2rem(8) px2rem(18);
		position: absolute;
		right: px2rem(0);
		top: px2rem(125);
	}

	.share-btn{
		width: px2rem(700);
		height: px2rem(90);
		line-height: px2rem(90);
		margin: 0 auto;
		background-image: linear-gradient(180deg, #5AA7FF 0%, #3AA7FF 100%);
		border-radius: px2rem(12);
		color: #fff;
		text-align: center;
		font-size: px2rem(36);
	}
	.share-info{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column wrap;
		position: relative;
		background: #fff;
		width: px2rem(700);
		margin: px2rem(-150) auto px2rem(30);
		box-shadow: 0 0 px2rem(30) 0 rgba(69,69,69,0.12);
		border-radius: px2rem(12);
		padding:px2rem(40) 0 ;
		border:px2rem(1) solid #d8d8d8;
		.share-title{
			width: px2rem(300);
			height: px2rem(50);
			line-height: px2rem(50);;
			background: url(../images/share-info-top.png) no-repeat center center / px2rem(300);
			color:#fff;
			font-size: px2rem(30);
			text-align: center;
			margin-top: px2rem(-62);
			margin-bottom: px2rem(40);
		}
		.invite-code{
			margin-bottom: px2rem(20);
			li{
				font-size: px2rem(36);
				color:#EC8325;
				margin-right: px2rem(10);
				background: #EFEFEF;
				padding: px2rem(10) px2rem(10);
				&:last-child{
					margin-right:0;
				}
			}
		}
		.tips{
			color: #989898;
			font-size: px2rem(20);
			margin-bottom: px2rem(25);
		}
		.erweima{
			margin-bottom: px2rem(60);
			img{
				width: px2rem(300);
			}
		}
		.invite-detail{
			width: 100%;
			justify-content: space-around;
			li{
				display: flex;
				flex-flow: column wrap;
				text-align: center;
				font-size:  px2rem(26);
				i{
					font-size:  px2rem(36);
					color:#FF7C5D ;
				}
				&:first-child{
					i{
						color:#49A7FF;
					}
					
				}
			}
		}
	}
	.pop-rule{
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		z-index: 999;
		font-size: px2rem(26);
		display: none;
		.pop-bg{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		.pop-box{
			position: absolute;
			left:50%;
			top:40%;
			transform: translate(-50%,-50%);
			width: px2rem(600);
			border-radius: px2rem(12);
			overflow: hidden;
			.pop-rule-title{
				color: #fff;
				font-weight: bold;
				font-size: px2rem(40);
				width: px2rem(600);
				height: px2rem(167);
				line-height: px2rem(167);
				text-align: center;
				background: url("../images/rule-banner.png") no-repeat center center / 100%;  
			}
			.rule-text{
				padding:px2rem(30);
				height: px2rem(700);
				overflow-y: auto;
				background: #fff;
				h1{
					text-align:center;
					font-size: px2rem(34);
					margin-bottom: px2rem(30)
				}
				.close-btn{
					width: px2rem(30);
					height: px2rem(30);
					position: absolute;
					right: px2rem(30);
					top: px2rem(20);
					background: url("../images/close-btn.png") no-repeat center center / 100%; 
				}
			}
		}
	}
} */
.invite {
  background: #fff;
  padding-bottom: 0.05rem;
  /* 	.account{
  		width: px2rem(700);
  		height: px2rem(90);
  		font-size: px2rem(24);
  		margin: 0 auto px2rem(40);
  		background-image: linear-gradient(145deg, #FFCE6A 0%, #FFA215 100%);
  		position: relative;
  		border: px2rem(1) solid #d8d8d8;
  		border-radius: px2rem(10);
  		
  		a{
  			width: 100%;
  			height: 100%;
  			padding: px2rem(20);
  			box-sizing: border-box;
  		}
  		span{
  			color:#F0274F;
  		}
  		.ed{
  			font-weight: bold;
  			font-size: px2rem(30);
  			margin-bottom: px2rem(5);
  		}
  		.ing{
  			color:#999;
  		}
  		i{
  			position: absolute;
  			right: px2rem(20);
  			top:px2rem(40);
  			width: 40px;
  			height: 40px;
  			background: url(../images/left.png) no-repeat center center / px2rem(20);
  			transform: rotate(90deg)
  		}
  	} */ }
  .invite .rule {
    display: inline-block;
    background: #FDD880;
    border-radius: 2.5rem 0 0 2.5rem;
    font-size: 0.6rem;
    color: #986B00;
    padding: 0.2rem 0.375rem 0.2rem 0.45rem;
    position: absolute;
    right: 0rem;
    top: 1.7rem; }
  .invite .pop-rule {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    font-size: 0.65rem;
    display: none; }
    .invite .pop-rule .pop-bg {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .invite .pop-rule .pop-box {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 15rem;
      border-radius: 0.3rem;
      overflow: hidden; }
      .invite .pop-rule .pop-box .pop-rule-title {
        color: #fff;
        font-weight: bold;
        font-size: 1rem;
        width: 15rem;
        height: 4.175rem;
        line-height: 4.175rem;
        text-align: center;
        background: url("../images/rule-banner.png") no-repeat center center/100%; }
      .invite .pop-rule .pop-box .rule-text {
        padding: 0.75rem;
        height: 17.5rem;
        overflow-y: auto;
        background: #fff; }
        .invite .pop-rule .pop-box .rule-text h1 {
          text-align: center;
          font-size: 0.85rem;
          margin-bottom: 0.75rem; }
        .invite .pop-rule .pop-box .rule-text .close-btn {
          width: 0.75rem;
          height: 0.75rem;
          position: absolute;
          right: 0.75rem;
          top: 0.5rem;
          background: url("../images/close-btn.png") no-repeat center center/100%; }
  .invite .poster-wrap {
    width: 17.5rem;
    height: 19.2rem;
    position: absolute;
    top: 4rem;
    left: 0.625rem;
    /* 		opacity: 0;
        	z-index: -999; */
    /* 		position: fixed;
    	    top: 0;
    	    left: 0;
    	    z-index: -999; */
    /* background:rgba(250,250,250,1); */
    box-sizing: border-box;
    /* display: none; */ }
    .invite .poster-wrap .poster1 {
      width: 17.5rem;
      height: 19.2rem;
      background-size: 19rem; }
      .invite .poster-wrap .poster1 img {
        position: absolute;
        top: 7.75rem;
        left: 6.75rem;
        width: 3.7rem; }
  .invite .poster-wrap2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -999;
    opacity: 0;
    /* display: block; */ }
  .invite .poster-show {
    width: 17.5rem;
    height: 19.2rem;
    position: absolute;
    top: 5rem;
    left: 0.625rem;
    /* display: none; */ }
    .invite .poster-show img {
      width: 100%; }
  .invite .share-tips {
    width: 14.5rem;
    margin: 14rem auto 0.5rem;
    color: #999;
    text-align: center;
    font-size: .6rem; }
  .invite .share-btn {
    width: 17.5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 0 auto;
    background-image: linear-gradient(180deg, #5AA7FF 0%, #3AA7FF 100%);
    border-radius: 0.3rem;
    color: #fff;
    text-align: center;
    font-size: 0.85rem;
    /* margin-top: px2rem(640); */
    margin-bottom: 0.5rem; }
  .invite .account {
    width: 17.5rem;
    height: 2.25rem;
    margin: 0 auto 1rem;
    position: relative;
    border: 0.025rem solid #d8d8d8;
    border-radius: 0.25rem;
    background-image: linear-gradient(145deg, #FFCE6A 0%, #FFA215 100%);
    box-shadow: 0 0.175rem 0.25rem 0 rgba(255, 197, 90, 0.48);
    border-radius: 0.3rem; }
    .invite .account a {
      display: inline-block;
      width: 100%;
      height: 100%;
      padding: 0.2rem 0.675rem 0 0.675rem;
      box-sizing: border-box; }
    .invite .account span {
      color: #E70000; }
    .invite .account .ed {
      font-weight: bold;
      font-size: 0.65rem;
      margin-bottom: 0.125rem; }
    .invite .account .ing {
      color: #696969;
      font-size: 0.55rem; }
    .invite .account i {
      position: absolute;
      right: 0.5rem;
      top: 0.625rem;
      width: 1rem;
      height: 1rem;
      background: url(../images/left.png) no-repeat center center/0.5rem;
      transform: rotate(180deg); }
  .invite .share_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: none; }
    .invite .share_wrap .close-share {
      width: 1rem;
      height: 1rem;
      background: url(../images/close-btn.png) no-repeat center center/1rem;
      position: absolute;
      right: 1rem;
      top: 1.8rem;
      z-index: 998; }
    .invite .share_wrap .img-wrap {
      width: 15rem;
      height: 16.3rem;
      position: fixed;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .invite .share_wrap .img-wrap img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }
    .invite .share_wrap .share-to {
      background: #FFFFFF;
      box-shadow: 0 0.2rem 0.8rem 0 rgba(24, 35, 41, 0.1);
      border-radius: 0.3rem 0.3rem 0 0;
      position: absolute;
      bottom: 0;
      width: 100%;
      min-height: 7.5rem;
      padding-top: 1.25rem;
      box-sizing: border-box;
      text-align: center; }
      .invite .share_wrap .share-to p {
        margin-bottom: 1.25rem;
        font-size: 0.8rem; }
      .invite .share_wrap .share-to ul {
        display: flex;
        justify-content: flex-start;
        flex-flow: row wrap; }
        .invite .share_wrap .share-to ul li {
          display: flex;
          flex-flow: column wrap;
          justify-content: center;
          align-items: center;
          width: 25%;
          margin-bottom: 0.5rem; }
          .invite .share_wrap .share-to ul li img {
            margin-bottom: 0.25rem; }
          .invite .share_wrap .share-to ul li.preserve-photo {
            position: relative; }
            .invite .share_wrap .share-to ul li.preserve-photo .img-wrap {
              opacity: 0;
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              transform: translate(0, 0); }
              .invite .share_wrap .share-to ul li.preserve-photo .img-wrap img {
                width: 100%; }

/* 设置 */
.set, .feedbackList {
  background: #fff; }
  .set .banner-bg, .feedbackList .banner-bg {
    margin-bottom: 1.25rem; }
  .set .change-head, .feedbackList .change-head {
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    left: 50%;
    top: 4.5rem;
    transform: translate(-50%, 0); }
    .set .change-head .img-wrap, .feedbackList .change-head .img-wrap {
      width: 2.75rem;
      height: 2.75rem;
      position: relative;
      background: #fff;
      border-radius: 100%;
      overflow: hidden; }
      .set .change-head .img-wrap img, .feedbackList .change-head .img-wrap img {
        width: 100%; }
    .set .change-head i, .feedbackList .change-head i {
      width: 0.95rem;
      height: 0.95rem;
      position: absolute;
      bottom: -0.3rem;
      right: 0.05rem;
      /* 			background-repeat: ;
      			background-position: ; */
      /* background:linear-gradient(145deg, #FFCE6A 0%, #FFA215 100%); */
      /* 			background-image:;
      			background-size:  */
      /* z-index: 3; */
      background: url(../images/photo.png) no-repeat center center/0.95rem; }
    .set .change-head #open-photo, .feedbackList .change-head #open-photo {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 150%;
      height: 150%;
      opacity: 0;
      z-index: 4; }
  .set .pop-cut-photo, .feedbackList .pop-cut-photo {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: -999; }
    .set .pop-cut-photo .pop-box, .feedbackList .pop-cut-photo .pop-box {
      width: 100%;
      height: 100%; }
      .set .pop-cut-photo .pop-box .operate, .feedbackList .pop-cut-photo .pop-box .operate {
        color: #fff;
        font-size: 0.8rem;
        width: 100%;
        padding: 0 1rem;
        display: flex;
        justify-content: space-between;
        position: absolute;
        bottom: 1rem;
        box-sizing: border-box; }
    .set .pop-cut-photo .img-wrap, .feedbackList .pop-cut-photo .img-wrap {
      width: 100%;
      height: 100%; }
  .set ul.user-list, .feedbackList ul.user-list, .set ul.set-list, .feedbackList ul.set-list, .set ul.list, .feedbackList ul.list {
    margin: 0 0.625rem 0.5rem;
    background: #fff;
    box-shadow: 0 0.05rem 0.75rem 0 rgba(206, 206, 206, 0.5);
    border-radius: 0.3rem;
    font-size: 0.75rem;
    padding: 0.3rem 0.75rem; }
    .set ul.user-list li, .feedbackList ul.user-list li, .set ul.set-list li, .feedbackList ul.set-list li, .set ul.list li, .feedbackList ul.list li {
      border-bottom: 1px solid #C0C0C0; }
      .set ul.user-list li a, .feedbackList ul.user-list li a, .set ul.set-list li a, .feedbackList ul.set-list li a, .set ul.list li a, .feedbackList ul.list li a {
        height: 0.9rem;
        line-height: 0.9rem;
        color: #6A6A6A;
        display: flex;
        align-items: center;
        padding: 0.75rem 0 0.6rem; }
      .set ul.user-list li .news-num, .feedbackList ul.user-list li .news-num, .set ul.set-list li .news-num, .feedbackList ul.set-list li .news-num, .set ul.list li .news-num, .feedbackList ul.list li .news-num {
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        border-radius: 100%;
        background: #FF7B55;
        color: #fff;
        margin-left: 0.5rem;
        font-size: 0.65rem; }
      .set ul.user-list li i, .feedbackList ul.user-list li i, .set ul.set-list li i, .feedbackList ul.set-list li i, .set ul.list li i, .feedbackList ul.list li i {
        margin-left: auto;
        width: 0.625rem;
        height: 0.625rem;
        transform: rotate(-90deg);
        background: #fff url("../images/arrow.png") no-repeat center center/100%; }
      .set ul.user-list li:last-child, .feedbackList ul.user-list li:last-child, .set ul.set-list li:last-child, .feedbackList ul.set-list li:last-child, .set ul.list li:last-child, .feedbackList ul.list li:last-child {
        border-bottom: 0; }
  .set ul.user-list li p, .feedbackList ul.user-list li p {
    flex: 1;
    text-align: right;
    padding-right: 0.5rem;
    color: #333; }
    .set ul.user-list li p.no-bind, .feedbackList ul.user-list li p.no-bind {
      color: #FF7B55; }
    .set ul.user-list li p.bind-now, .feedbackList ul.user-list li p.bind-now {
      color: green; }
  .set .logout-btn, .feedbackList .logout-btn {
    width: 17.5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    border-radius: .43rem;
    overflow: hidden;
    background: #43A7FF;
    color: #fff;
    font-size: 0.8rem;
    margin: 1rem auto;
    /* 		position: absolute;
    		bottom:px2rem(150);
    		left: px2rem(25); */ }

/* 绑定支付宝 */
.bindZfb {
  /* padding-bottom: 0; */
  /* .form{
  	padding-top: px2rem(50);
  	h2{
  		margin-bottom: px2rem(20);
  	}
  	.small-submit-btn{
  		float: right;
  		margin-top: px2rem(60);
  	}
  } */ }

/* 绑定/更换微信 */
.changeWechat {
  text-align: center; }
  .changeWechat .img-wrap {
    width: 3.75rem;
    position: absolute;
    left: 50%;
    top: 5.5rem;
    transform: translate(-50%, 0); }
    .changeWechat .img-wrap img {
      width: 100%; }
  .changeWechat .bindWechat {
    margin-top: 1.25rem;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    font-size: 0.8rem; }
    .changeWechat .bindWechat p {
      margin-bottom: 2.5rem; }
      .changeWechat .bindWechat p span {
        font-size: 0.9rem;
        color: #4797eb; }
    .changeWechat .bindWechat i {
      width: 2.5rem;
      height: 2.5rem;
      margin-bottom: 2.5rem;
      background: url(../images/success.png) no-repeat center center/2.25rem; }
    .changeWechat .bindWechat .bindWechat-btn {
      width: 5rem;
      border-radius: 0.25rem;
      background: #4797eb;
      padding: 0.3rem 0.75rem;
      color: #fff; }

/* 真实姓名 */
.realName {
  padding-bottom: 0; }
  .realName .form {
    padding-top: 1.25rem; }
    .realName .form h2 {
      /* margin-bottom: px2rem(20); */ }
    .realName .form .small-submit-btn {
      float: right;
      margin-top: 1.5rem; }
  .realName .tips {
    color: #999;
    width: 15rem;
    margin: 2.5rem auto 0;
    line-height: 1rem;
    padding-left: 2.5rem;
    background: url(../images/tips.png) no-repeat 1.45rem 0.1rem/0.8rem; }

/* 修改手机号 */
.modifyPhone .form {
  width: 15rem;
  padding-top: 1.5rem; }
  .modifyPhone .form .invite {
    margin-top: 0.75rem; }
  .modifyPhone .form div.username {
    width: 100%;
    display: flex;
    margin-bottom: 0; }
    .modifyPhone .form div.username .send-code-wrap {
      width: 5rem;
      height: 2.25rem;
      background: #FF8345;
      border-radius: .43rem;
      overflow: hidden;
      margin-left: 0.5rem;
      border: .04rem solid #FF8345;
      box-sizing: border-box;
      margin-bottom: 0; }
    .modifyPhone .form div.username .sending-code-wrap {
      background: #fff; }
    .modifyPhone .form div.username input.send-code-btn {
      font-size: 0.7rem;
      color: #fff;
      text-align: center;
      padding-left: 0;
      background: transparent; }
    .modifyPhone .form div.username input.sending-code {
      border-color: #FF8345;
      color: #FF8345;
      opacity: 1; }
  .modifyPhone .form div.submit-btn {
    background: #43A7FF;
    width: 15rem;
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 0 auto;
    margin-top: 2rem;
    text-align: center;
    border-radius: .43rem;
    overflow: hidden; }
    .modifyPhone .form div.submit-btn input {
      color: #fff;
      font-size: 0.8rem;
      padding-left: 0;
      background: transparent; }

/* 修改密码 */
/* .modifyPassword{
	@extend .enter;
	padding-bottom: 0;
	.form{
		padding-top: px2rem(60);
		div{
			display: flex;
			h2{
				width: px2rem(200);
				height: px2rem(90);
				line-height: px2rem(90);
			}
		}
		h2{
			display: inline-block;
		}
		.submit-btn{
			margin-top: px2rem(80);
		}
	}
	h2{
		color: #6A6A6A;;
	}
} */
/* 问题反馈列表 */
.feedbackList .img-wrap {
  width: 3.75rem;
  position: absolute;
  left: 50%;
  top: 5.5rem;
  transform: translate(-50%, 0); }
  .feedbackList .img-wrap img {
    width: 100%; }

/* 信息通知 */
.newsList {
  /* 	padding-top:px2rem(20);
  	padding-bottom: 0;
  	background-color: #4797EB; */
  /* 	.topBar{
  		height: px2rem(150);
  		line-height: px2rem(150);
  		.topl{
  			height: px2rem(150);
  			a{
  				height: px2rem(150);
  			    line-height: px2rem(150);
  			    img{
  			    	margin-top: 0;
  		    	}
  			}
  		}
  	} */
  /* 	.clear-news{
  		width: px2rem(36);
  		height: px2rem(36);
  		padding: px2rem(20);
  		position: absolute;
  		right: px2rem(27);
  		top: px2rem(5);
  		background: url(../images/clear.png) no-repeat center center / px2rem(36);
  	}
  	.img-wrap{
  		width: px2rem(150);
  		position: absolute;
  		left:50%;
  		top:px2rem(220);
  		transform: translate(-50%,0);
  		img{
  			width: 100%;
  		}
  	}
  	.list{
  		margin: 0 px2rem(25) px2rem(20) ;
  		background: #fff;
  		box-shadow: 0 px2rem( 2) px2rem(30) 0 rgba(206,206,206,0.50);
  		border-radius: px2rem(12);
  		font-size: px2rem(28);
  		padding: px2rem(12) px2rem(30);
  		li{
  			display: flex;
  			flex-flow: column wrap;
  			margin-bottom: px2rem(20);
  			padding:px2rem(20)  0 px2rem(14);
  			border-bottom: 1px solid #C0C0C0;
  			p{
  				font-size: px2rem(30);
  				margin-bottom: px2rem(5);
  			}
  			i{
  				color:#ccc;
  				font-size: px2rem(24);
  			}
  			&:last-child{
  				border-bottom: 0;
  			}
  		}
  	} */
  /* 	.pop-clear-news{
  		width: 100%;
  		height: 100%;
  	    background-color: rgba(0, 0, 0, 0.6);
  	    z-index: 1000;
  	    text-align: center;
  	    display: none;
  	    .pop-box{
  	    	width: px2rem(526);
  			height: px2rem(290);
  		    position: absolute;
  		    top: 45%;
  		    left: 50%;
  		    transform: translate(-50%, -50%);
  		    border-radius: 0.45rem;
  		    background: #fff;
  		    font-size: px2rem(32);
  		    display: flex;
  		    flex-flow: column wrap;
  		    align-items: center;
  		    justify-content: center;
  		    .control{
  		    	margin-top: px2rem(50);
  		    	div{
  		    		color:#fff;
  		    		border-radius: px2rem(10);
  		    		padding: px2rem(6) px2rem(22);
  
  		    	}
  		    	.no{
  		    		background: #ccc;
  		    		margin-right: px2rem(50)
  		    		
  		    	}
  		    	.yes{
  					background: #4797eb;
  		    		
  		    	}
  		    }
  	    }
  	} */ }
  .newsList .banner-bg {
    margin-bottom: 1.25rem; }
  .newsList .no-news {
    text-align: center;
    margin: 1.25rem 0;
    display: none; }
    .newsList .no-news i {
      width: 2.25rem;
      height: 2.25rem;
      background: url(../images/no-order.png) no-repeat center center/3rem; }
    .newsList .no-news p {
      font-size: 0.75rem; }
  .newsList .list {
    /* background-color: #fff; */ }
    .newsList .list ul li a {
      width: 100%;
      display: flex;
      padding: 0.5rem 0 0.5rem 0.5rem;
      box-sizing: border-box; }
      .newsList .list ul li a .img-wrap {
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: relative; }
        .newsList .list ul li a .img-wrap img {
          width: 70%; }
        .newsList .list ul li a .img-wrap i {
          /* padding: px2rem(8); */
          width: 1.125rem;
          height: 1.125rem;
          line-height: 1.125rem;
          text-align: center;
          border-radius: 100%;
          position: absolute;
          right: -0.375rem;
          top: -0.375rem;
          background: #FF7B55;
          color: #fff; }
      .newsList .list ul li a .content-wrap {
        width: 15rem;
        flex: 1;
        height: 3.25rem;
        margin-left: 0.75rem;
        border-bottom: 1px solid #C0C0C0; }
        .newsList .list ul li a .content-wrap div {
          height: 1.25rem;
          display: flex;
          align-items: flex-end;
          font-size: 0.7rem;
          margin-right: 0.5rem;
          color: #999; }
          .newsList .list ul li a .content-wrap div span {
            font-size: 0.85rem;
            color: #000; }
          .newsList .list ul li a .content-wrap div i {
            font-size: 0.65rem;
            margin-left: auto; }
          .newsList .list ul li a .content-wrap div.content {
            display: block;
            padding-top: 0.25rem;
            margin-right: 0.45rem; }

.ellipsis1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.no-news {
  text-align: center;
  margin: 1.25rem 0;
  display: none; }
  .no-news i {
    width: 2.25rem;
    height: 2.25rem;
    background: url(../images/no-order.png) no-repeat center center/3rem; }
  .no-news p {
    font-size: 0.75rem; }

/* 消息详情 */
.newsDetail {
  padding-top: 2.5rem;
  padding-bottom: 0; }
  .newsDetail .topBar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0; }
  .newsDetail .bl-bg-line {
    width: 100%;
    height: 2.5rem;
    position: fixed;
    top: -2rem;
    left: 0;
    background: #4797EB; }
  .newsDetail .list ul {
    font-size: 0.7rem; }
    .newsDetail .list ul li {
      padding: 0.5rem 0.75rem;
      border-bottom: 1px solid #C0C0C0;
      display: flex; }
      .newsDetail .list ul li .content-wrap {
        display: flex;
        flex: 1;
        flex-flow: column wrap;
        margin-left: 0.5rem; }
        .newsDetail .list ul li .content-wrap p {
          font-size: 0.8rem;
          margin-bottom: 0.4rem; }
        .newsDetail .list ul li .content-wrap i {
          color: #ccc;
          font-size: 0.65rem; }
        .newsDetail .list ul li .content-wrap .content {
          /* height:0; */
          /*display: none;*/
          color: #666;
          border-radius: 0.25rem;
          padding: 0.5rem 0.5rem;
          background: #f5f5f5;
          margin-bottom: 0.4rem;
          transition: .5 all; }
          .newsDetail .list ul li .content-wrap .content .to-invitePage {
            background: #f44d5d;
            text-align: center;
            padding: 0.375rem 0;
            border-radius: 0.3rem;
            margin: 1.25rem 1.75rem 0.65rem; }
            .newsDetail .list ul li .content-wrap .content .to-invitePage a {
              color: #fff;
              font-size: 0.8rem; }
        .newsDetail .list ul li .content-wrap:last-child {
          /* border-bottom: 0; */ }
      .newsDetail .list ul li .read-tips i {
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 100%;
        background: #ccc;
        margin-top: 0.35rem; }
        .newsDetail .list ul li .read-tips i.no-read {
          background: #FF7B55; }

/* 反馈信息列表 */
.feedbackReply {
  padding-bottom: 0.75rem; }
  .feedbackReply .img-wrap {
    width: 3.75rem;
    position: absolute;
    left: 50%;
    top: 5.5rem;
    transform: translate(-50%, 0); }
    .feedbackReply .img-wrap img {
      width: 100%; }
  .feedbackReply .go-to-feedback {
    position: absolute;
    right: 1.25rem;
    top: 1.875rem; }
    .feedbackReply .go-to-feedback a {
      width: 0.75rem;
      height: 0.75rem;
      padding: 0.5rem; }
    .feedbackReply .go-to-feedback i {
      width: 0.75rem;
      height: 0.75rem;
      transform: rotate(45deg);
      background: url(../images/close-btn.png) no-repeat center center/0.65rem; }
  .feedbackReply .sort-nav {
    width: 18.75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    /* font-weight: bold; */ }
    .feedbackReply .sort-nav.sticky + .list {
      padding-top: 3rem; }
    .feedbackReply .sort-nav ul {
      width: 18.75rem;
      display: flex;
      justify-content: space-around; }
      .feedbackReply .sort-nav ul li {
        font-size: 0.85rem; }
        .feedbackReply .sort-nav ul li.active {
          color: #43A7FF; }
  .feedbackReply .list ul li {
    border-bottom: 1px solid #eee; }
    .feedbackReply .list ul li a {
      display: inline-block;
      padding: 0.5rem 0.75rem; }
      .feedbackReply .list ul li a div p {
        width: 17.25rem;
        font-size: 0.75rem;
        margin-bottom: 0.2rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .feedbackReply .list ul li a div span {
        color: #999;
        font-size: 0.7rem;
        border-left: 1px solid #ccc;
        padding-left: 0.35rem;
        margin-left: 0.25rem; }
        .feedbackReply .list ul li a div span.red {
          border-left: none;
          padding-left: 0;
          margin-left: 0;
          color: #ff7272; }
        .feedbackReply .list ul li a div span.green {
          border-left: none;
          padding-left: 0;
          color: #1bca75;
          margin-left: 0; }
    .feedbackReply .list ul li:last-child {
      border-bottom: 0; }
  .feedbackReply .list ul.type1, .feedbackReply .list ul.type2 {
    display: none; }
  .feedbackReply .tips {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    padding-top: 5rem; }
    .feedbackReply .tips i {
      width: 2.5rem;
      height: 2.5rem;
      background-position: center center;
      background-size: 2.5rem;
      background-repeat: no-repeat; }
  .feedbackReply .tips i {
    display: block;
    margin: 0 auto; }
  .feedbackReply .no-data {
    /* display: none; */ }
    .feedbackReply .no-data i {
      background-image: url(../images/no-order.png); }

/* 反馈信息 */
.feedback .img-wrap, .uploadIDCard .img-wrap, .IDCard .img-wrap {
  width: 3.75rem;
  position: absolute;
  left: 50%;
  top: 5.5rem;
  transform: translate(-50%, 0); }
  .feedback .img-wrap img, .uploadIDCard .img-wrap img, .IDCard .img-wrap img {
    width: 100%; }
.feedback .title, .uploadIDCard .title, .IDCard .title {
  margin-bottom: 0.25rem;
  font-size: 0.75rem; }
.feedback .sample, .uploadIDCard .sample, .IDCard .sample {
  width: 3.75rem;
  height: 3.75rem;
  margin-right: .64rem;
  margin-bottom: .64rem;
  text-align: center;
  background-color: #F5F6F8;
  position: relative; }
  .feedback .sample img, .uploadIDCard .sample img, .IDCard .sample img {
    width: 1.3rem;
    margin-top: 1.225rem; }
  .feedback .sample input, .uploadIDCard .sample input, .IDCard .sample input {
    width: 100% !important;
    height: 100% !important;
    padding-left: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
.feedback .photo-wrap, .uploadIDCard .photo-wrap, .IDCard .photo-wrap {
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  margin-right: .64rem;
  margin-bottom: .64rem;
  position: relative;
  cursor: pointer; }
  .feedback .photo-wrap .photo, .uploadIDCard .photo-wrap .photo, .IDCard .photo-wrap .photo {
    width: 3.75rem;
    height: 3.75rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F5F6F8;
    position: relative;
    margin: 0 auto; }
    .feedback .photo-wrap .photo img, .uploadIDCard .photo-wrap .photo img, .IDCard .photo-wrap .photo img {
      max-width: 100%;
      max-height: 100%; }
    .feedback .photo-wrap .photo button, .uploadIDCard .photo-wrap .photo button, .IDCard .photo-wrap .photo button {
      width: 100%;
      height: 100%;
      padding: 0;
      border: 0;
      position: absolute;
      right: 0;
      bottom: 0; }
      .feedback .photo-wrap .photo button.add-img-btn, .uploadIDCard .photo-wrap .photo button.add-img-btn, .IDCard .photo-wrap .photo button.add-img-btn {
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(../images/add-img-btn.png) no-repeat center center;
        background-size: 1.3rem; }
      .feedback .photo-wrap .photo button.add-img-hide, .uploadIDCard .photo-wrap .photo button.add-img-hide, .IDCard .photo-wrap .photo button.add-img-hide {
        background: none; }
  .feedback .photo-wrap .load-line-wrap, .uploadIDCard .photo-wrap .load-line-wrap, .IDCard .photo-wrap .load-line-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5f6f8;
    /* z-index: -1; */
    display: none; }
    .feedback .photo-wrap .load-line-wrap div.line-bg, .uploadIDCard .photo-wrap .load-line-wrap div.line-bg, .IDCard .photo-wrap .load-line-wrap div.line-bg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 2rem;
      height: .25rem;
      background-color: #d8d8d8;
      border-radius: 0.43rem; }
      .feedback .photo-wrap .load-line-wrap div.line-bg div, .uploadIDCard .photo-wrap .load-line-wrap div.line-bg div, .IDCard .photo-wrap .load-line-wrap div.line-bg div {
        width: 0;
        height: .25rem;
        background-color: #4e65f6;
        border-radius: 0.43rem; }
.feedback .take-photo, .uploadIDCard .take-photo, .IDCard .take-photo {
  display: flex; }
  .feedback .take-photo .photo-box, .uploadIDCard .take-photo .photo-box, .IDCard .take-photo .photo-box {
    margin-bottom: 0;
    display: flex; }
.feedback .pop-expand-photo, .uploadIDCard .pop-expand-photo, .IDCard .pop-expand-photo {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none; }
  .feedback .pop-expand-photo .delete-photo, .uploadIDCard .pop-expand-photo .delete-photo, .IDCard .pop-expand-photo .delete-photo {
    position: absolute;
    right: 0.25rem;
    top: 0.25rem; }
    .feedback .pop-expand-photo .delete-photo img, .uploadIDCard .pop-expand-photo .delete-photo img, .IDCard .pop-expand-photo .delete-photo img {
      width: 1.25rem;
      padding: 0.5rem; }
  .feedback .pop-expand-photo .go-back, .uploadIDCard .pop-expand-photo .go-back, .IDCard .pop-expand-photo .go-back {
    position: absolute;
    left: 0.25rem;
    top: 0.25rem; }
    .feedback .pop-expand-photo .go-back img, .uploadIDCard .pop-expand-photo .go-back img, .IDCard .pop-expand-photo .go-back img {
      width: 0.75rem;
      padding: 0.5rem; }
  .feedback .pop-expand-photo .pop-photo, .uploadIDCard .pop-expand-photo .pop-photo, .IDCard .pop-expand-photo .pop-photo {
    width: 80%;
    padding-top: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 0.75rem; }
    .feedback .pop-expand-photo .pop-photo img, .uploadIDCard .pop-expand-photo .pop-photo img, .IDCard .pop-expand-photo .pop-photo img {
      width: 100%; }
.feedback .hand-take-photo .photo-wrap, .uploadIDCard .hand-take-photo .photo-wrap, .IDCard .hand-take-photo .photo-wrap {
  width: 6.1rem;
  height: 3.75rem;
  margin: 0 auto .64rem; }
.feedback .hand-take-photo p, .uploadIDCard .hand-take-photo p, .IDCard .hand-take-photo p {
  margin-bottom: .7rem; }
.feedback .hand-take-photo p.desc, .uploadIDCard .hand-take-photo p.desc, .IDCard .hand-take-photo p.desc {
  margin-bottom: 0; }
.feedback .form, .uploadIDCard .form, .IDCard .form {
  width: 16.5rem;
  		/* position: fixed;
     		top:px2rem(426);
     		left:50%;
     		transform: translate(-50%,0); */
  position: static;
  transform: translate(0, 0);
  margin-top: 1.25rem; }
  .feedback .form .use-redbag, .uploadIDCard .form .use-redbag, .IDCard .form .use-redbag {
    display: flex; }
    .feedback .form .use-redbag div, .uploadIDCard .form .use-redbag div, .IDCard .form .use-redbag div {
      width: 3.75rem;
      height: 1.75rem;
      line-height: 1.75rem;
      padding-left: 0;
      color: #333;
      border-radius: .43rem;
      background: #F8F8F8;
      font-size: 0.7rem;
      text-align: center;
      margin-bottom: 0; }
      .feedback .form .use-redbag div.yes-use, .uploadIDCard .form .use-redbag div.yes-use, .IDCard .form .use-redbag div.yes-use {
        margin-right: 0.75rem; }
      .feedback .form .use-redbag div.no-use, .uploadIDCard .form .use-redbag div.no-use, .IDCard .form .use-redbag div.no-use {
        /* color: #333; */ }
      .feedback .form .use-redbag div.active, .uploadIDCard .form .use-redbag div.active, .IDCard .form .use-redbag div.active {
        background: #43A7FF;
        color: #fff; }
  .feedback .form .select-platform select, .uploadIDCard .form .select-platform select, .IDCard .form .select-platform select {
    width: 3.75rem;
    height: 1.625rem;
    line-height: 1.625rem;
    font-size: 0.7rem;
    padding: 0 0.25rem;
    border-radius: 0.125rem;
    /*去掉默认的下拉三角*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*添加下拉三角图标*/
    background: url("../images/select-arrow.png") no-repeat 90% center/0.5rem; }
  .feedback .form div.submit-btn, .uploadIDCard .form div.submit-btn, .IDCard .form div.submit-btn {
    width: 16.5rem; }
.feedback textarea, .uploadIDCard textarea, .IDCard textarea {
  font-size: 0.6rem;
  width: 16.5rem;
  height: 6.25rem;
  line-height: 0.75rem;
  border: 0;
  resize: none;
  outline: none;
  background: #fff;
  padding-left: 5px;
  box-shadow: 0rem 0.17rem 1.02rem -0.77rem #4e65f6;
  font-size: 0.7rem;
  color: #A0A0A0;
  background: #F8F8F8;
  border-radius: 0.3rem;
  padding: 0.5rem;
  box-sizing: border-box; }
  .feedback textarea::-webkit-input-placeholder, .uploadIDCard textarea::-webkit-input-placeholder, .IDCard textarea::-webkit-input-placeholder {
    color: #999; }

/*实名认证*/
.uploadIDCard .take-photo-wrap {
  margin-bottom: 0.375rem; }
.uploadIDCard h2 {
  margin-bottom: 0.25rem; }
.uploadIDCard .take-photo {
  position: relative;
  margin-right: 2%;
  width: 49%;
  height: 5rem;
  overflow: hidden;
  text-align: center;
  background: #f5f6f8;
  display: flex;
  justify-content: center; }
  .uploadIDCard .take-photo:last-child {
    margin-right: 0; }
  .uploadIDCard .take-photo input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    padding-left: 0; }
  .uploadIDCard .take-photo img {
    width: auto;
    max-height: 100%; }
.uploadIDCard .load-line-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f5f6f8;
  /* z-index: -1; */
  display: none; }
  .uploadIDCard .load-line-wrap div.line-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: .25rem;
    background-color: #d8d8d8;
    border-radius: 0.43rem; }
    .uploadIDCard .load-line-wrap div.line-bg div {
      width: 0;
      height: .25rem;
      background-color: #4e65f6;
      border-radius: 0.43rem; }
.uploadIDCard .photo-tips {
  color: #ccc;
  text-align: center;
  font-size: 0.55rem;
  /*margin-top: px2rem(-5)*/
  padding-bottom: 0.25rem; }
.uploadIDCard .submit-btn.ing, .uploadIDCard .submit-btn.ed {
  background: #ccc; }

/*已认证*/
.IDCard .img-wrap {
  width: 3.75rem;
  position: absolute;
  left: 50%;
  top: 5.5rem;
  transform: translate(-50%, 0); }
  .IDCard .img-wrap img {
    width: 100%; }
.IDCard .form {
  margin-top: 0.75rem; }
  .IDCard .form .flex {
    align-items: center;
    margin-bottom: 0.5rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #ddd; }
    .IDCard .form .flex:first-child {
      padding: 0.5rem 0;
      font-size: 0.75rem; }
      .IDCard .form .flex:first-child h2 {
        color: #999;
        /*font-size: px2rem(26)*/ }
      .IDCard .form .flex:first-child div.yes-bind {
        color: green; }
      .IDCard .form .flex:first-child div.bind-now {
        color: #FF7B55; }
      .IDCard .form .flex:first-child div {
        margin-left: auto; }
    .IDCard .form .flex h2 {
      margin-bottom: 0;
      width: 5rem;
      text-align: left; }
    .IDCard .form .flex div {
      margin-left: 1.25rem;
      margin-bottom: 0;
      color: #999;
      font-size: 0.75rem; }

.top-bar {
  /*background:#fff;*/
  background: #43A7FF;
  color: #fff;
  height: 2.35rem;
  line-height: 2.35rem;
  margin-bottom: 0.75rem;
  text-align: center;
  position: fixed;
  font-size: 0.8rem;
  z-index: 3;
  width: 18.75rem; }
  .top-bar i {
    position: absolute;
    bottom: 0.3rem;
    left: 0.75rem;
    width: 1.75rem;
    height: 1.75rem;
    /*transform: rotate(180deg);*/
    background: url(../images/back.png) no-repeat center center/0.75rem; }

.feedbackDetail {
  min-height: 100%;
  padding-bottom: 0rem;
  background: #f5f5f5;
  /*padding-top: px2rem(30);*/
  box-sizing: border-box; }
  .feedbackDetail .list {
    padding: 3rem 0.5rem 0;
    padding-bottom: 5rem; }
    .feedbackDetail .list li {
      display: flex;
      margin-bottom: 0.75rem; }
      .feedbackDetail .list li:last-child {
        margin-bottom: 0; }
      .feedbackDetail .list li .head {
        width: 2rem;
        height: 2rem;
        overflow: hidden;
        margin-left: 0.5rem;
        text-align: center;
        font-size: 0.6rem;
        color: #000;
        border-radius: 100%; }
        .feedbackDetail .list li .head img {
          width: 100%; }
      .feedbackDetail .list li.user .head {
        line-height: 2rem;
        text-align: center;
        color: #fff;
        font-size: 0.75rem;
        background: #43A7FF; }
      .feedbackDetail .list li .content {
        width: 14.25rem;
        /*background: #43A7FF;*/
        background: #fff;
        /*color:#fff;*/
        color: #333;
        border-radius: 0.125rem;
        padding: 0.25rem 0.5rem;
        margin-bottom: 0.25rem;
        position: relative; }
        .feedbackDetail .list li .content p {
          font-size: 0.75rem; }
        .feedbackDetail .list li .content img {
          width: 3.925rem;
          height: 3.925rem;
          object-fit: contain;
          margin: 0.25rem;
          background: #f2f2f2; }
        .feedbackDetail .list li .content::after {
          content: "";
          width: 0;
          height: 0;
          position: absolute;
          right: -0.3rem;
          top: 0.375rem;
          border-top: solid 0.375rem transparent;
          /*border-left:solid px2rem(15) #43A7FF;*/
          border-left: solid 0.375rem #fff;
          /* 黑色大三角形 */
          border-bottom: solid 0.375rem transparent; }
      .feedbackDetail .list li span {
        color: #999; }
      .feedbackDetail .list li.official .head {
        margin-right: 0.5rem;
        margin-left: 0; }
      .feedbackDetail .list li.official .content {
        background: #fff;
        color: #000; }
        .feedbackDetail .list li.official .content::after {
          left: -0.3rem;
          border-left: none;
          border-right: solid 0.375rem #fff;
          /* 黑色大三角形 */ }
  .feedbackDetail .reply-box {
    width: 18.75rem;
    background: #eee;
    position: fixed;
    /* bottom:px2rem(88); */
    bottom: 0;
    padding: 0.75rem 0;
    /* margin-top:px2rem(10) ; */
    /* 		.slide-button{
    			color:#666;
    			font-size: px2rem(30);
    			height: px2rem(40);
    			line-height: px2rem(40);
    			margin-right: px2rem(50);
    			margin-bottom: px2rem(20);
    			display: flex;
    			justify-content: flex-end;			
    			i{
    				width: px2rem(36);
    				height: px2rem(40);
    				margin-left:px2rem(5);
    				transform: rotate(180deg);
    				background: url(../images/double-arrow.png) no-repeat center right / px2rem(36);
    				transition: .5s;
    			}
    			&.close{
    				i{
    					transform: rotate(0deg);
    				}
    				
    			}
    		}
    		.reply-content{
    			display: none;
    			&.show{
    				display: none;
    			}
    		} */ }
    .feedbackDetail .reply-box textarea {
      font-size: 0.6rem;
      width: 16.5rem;
      height: 3.75rem;
      line-height: 0.75rem;
      margin-left: 1.125rem;
      /* margin-bottom: px2rem(10); */
      border: 0;
      resize: none;
      outline: none;
      background: #fff;
      padding-left: 5px;
      box-shadow: 0rem 0.17rem 1.02rem -0.77rem #4e65f6;
      font-size: 0.7rem;
      color: #A0A0A0;
      /* background: #F8F8F8; */
      border-radius: 0.3rem;
      padding: 0.5rem;
      box-sizing: border-box; }
      .feedbackDetail .reply-box textarea::-webkit-input-placeholder {
        color: #999; }
    .feedbackDetail .reply-box .submit-btn {
      background: #43A7FF;
      width: 16.5rem;
      margin: 0 auto;
      margin-top: 1rem;
      text-align: center;
      border-radius: .43rem;
      overflow: hidden; }
      .feedbackDetail .reply-box .submit-btn input {
        color: #fff;
        font-size: 0.8rem;
        padding-left: 0;
        background: transparent;
        height: 2.25rem;
        /* line-height: px2rem(90); */ }
  .feedbackDetail .pop-expand-photo {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 999;
    /* 		.go-back{
    			position: absolute;
    			left: px2rem(10);
    			top:px2rem(10);
    			img{
    				width: px2rem(30);
    				padding: px2rem(20);
    			}
    		} */ }
    .feedbackDetail .pop-expand-photo .delete-photo {
      position: absolute;
      right: 0.25rem;
      top: 0.25rem; }
      .feedbackDetail .pop-expand-photo .delete-photo img {
        width: 1.25rem;
        padding: 0.5rem; }
    .feedbackDetail .pop-expand-photo .go-back {
      width: 2rem;
      height: 2rem;
      position: absolute;
      right: 0.25rem;
      top: 1rem;
      /* img{
      	width: px2rem(30);
      	padding: px2rem(20);
      } */
      background: url(../images/close-btn.png) no-repeat center center/0.85rem; }
    .feedbackDetail .pop-expand-photo .pop-photo {
      width: 80%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding-top: 0.75rem; }
      .feedbackDetail .pop-expand-photo .pop-photo img {
        width: 100%; }
  .feedbackDetail .reply-box textarea {
    width: 14.5rem !important; }
  .feedbackDetail .add-img-btn {
    margin-left: .5rem !important; }
  .feedbackDetail .input-content i {
    background-image: url(../images/add-img-bg.svg) !important;
    background-size: 1.5rem !important; }

/* 关于 */
.about {
  text-align: center;
  padding-top: 1.5rem; }
  .about .img-wrap {
    width: 3rem;
    margin: 0 auto 1.5rem; }
    .about .img-wrap img {
      width: 100%; }
  .about .info {
    font-size: 0.9rem; }
    .about .info .title {
      font-size: 1rem;
      font-weight: bold;
      margin-bottom: 0.15rem; }
  .about .footer {
    font-size: 0.6rem;
    color: #999; }

/* 外链，拉新页面 */
.welcomeNew, .welcomeNew2 {
  min-height: 100%;
  background: url(../images/welcome_bg.png) no-repeat top center/cover;
  padding-bottom: 0;
  position: relative; }
  .welcomeNew .wrap, .welcomeNew2 .wrap {
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .welcomeNew .welcome_title, .welcomeNew2 .welcome_title {
    width: 8.75rem;
    margin-top: 0.5rem;
    margin-bottom: 0.05rem; }
  .welcomeNew p, .welcomeNew2 p {
    color: #DCDCDC;
    font-size: 0.5rem;
    letter-spacing: 0.05rem;
    margin: 0.1rem 0 0; }
  .welcomeNew .welcome_center, .welcomeNew2 .welcome_center {
    width: 15rem;
    margin-top: -0.25rem; }
  .welcomeNew .item-wrap, .welcomeNew2 .item-wrap {
    height: 1rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1000; }
    .welcomeNew .item-wrap label.desc, .welcomeNew2 .item-wrap label.desc {
      font-size: 0.65rem;
      height: 1rem;
      line-height: 1rem;
      color: #d8d8d8; }
    .welcomeNew .item-wrap #check-hide + label, .welcomeNew2 .item-wrap #check-hide + label {
      width: 0.8rem;
      height: 1rem;
      line-height: 1rem;
      margin-right: .2rem;
      background: url(../images/unchecked.png) no-repeat center center/0.8rem; }
    .welcomeNew .item-wrap #check-hide:checked + label, .welcomeNew2 .item-wrap #check-hide:checked + label {
      background-image: url(../images/checked.png); }
    .welcomeNew .item-wrap span, .welcomeNew2 .item-wrap span {
      color: #d8d8d8; }
  .welcomeNew .welcome_btn, .welcomeNew2 .welcome_btn {
    margin-top: -1rem;
    margin-bottom: 0.25rem;
    width: 6rem; }

.welcomeNew2 {
  background: url(../images/welcome_bg1.png) no-repeat top center/cover;
  /* 	.welcome_bg_bottom{
  		position: absolute;
  		bottom: 0;
  		width: 100%;
  		height: px2rem(160);
  		background: url(../images/welcome_bg1_1.png) no-repeat top center / 100%;
  	} */ }
  .welcomeNew2 .wrap {
    width: 18.75rem;
    top: 30%; }
  .welcomeNew2 .welcome_title2 {
    width: 12rem;
    margin-top: 0.5rem;
    /* margin-bottom: px2rem(50); */ }
  .welcomeNew2 .welcome_top {
    width: 100%; }
  .welcomeNew2 .content {
    width: 100%;
    position: absolute;
    left: 0;
    top: 56%;
    padding-top: 2rem;
    background: url(../images/welcome_fenge.png) no-repeat top left/100%; }
    .welcomeNew2 .content p {
      margin-bottom: 1.25rem;
      font-size: 0.6rem; }
  .welcomeNew2 .welcome_btn {
    width: 6.5rem;
    margin: 0 auto 0.5rem; }
    .welcomeNew2 .welcome_btn a {
      display: block; }
    .welcomeNew2 .welcome_btn img {
      width: 100%; }

.pop-rule {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  font-size: 0.65rem;
  display: none; }
  .pop-rule .pop-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .pop-rule .pop-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 15rem;
    border-radius: 0.3rem;
    overflow: hidden; }
    .pop-rule .pop-box .pop-rule-title {
      color: #fff;
      font-weight: bold;
      font-size: 1rem;
      width: 15rem;
      height: 4.175rem;
      line-height: 4.175rem;
      text-align: center;
      background: url("../images/rule-banner.png") no-repeat center center/100%; }
    .pop-rule .pop-box .rule-text {
      padding: 0.75rem;
      height: 17.5rem;
      overflow-y: auto;
      background: #fff; }
      .pop-rule .pop-box .rule-text p {
        color: #000; }
      .pop-rule .pop-box .rule-text h1 {
        text-align: center;
        font-size: 0.85rem;
        margin-bottom: 0.75rem; }
      .pop-rule .pop-box .rule-text h2 {
        text-align: left;
        font-weight: bold;
        font-size: 0.85rem; }
      .pop-rule .pop-box .rule-text .close-btn {
        width: 0.75rem;
        height: 0.75rem;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
        background: url("../images/close-btn.png") no-repeat center center/100%; }

.yongjin .title {
  padding: 0.5rem;
  font-size: 0.85rem; }
.yongjin .yongjin-list li {
  border-bottom: 1px solid #ccc;
  font-size: 0.85rem;
  /* height: px2rem(70); */ }
  .yongjin .yongjin-list li div.level1 {
    display: flex;
    padding: 0.25rem 0.5rem;
    line-height: 1.75rem;
    cursor: pointer; }
    .yongjin .yongjin-list li div.level1 i {
      width: 0.75rem;
      margin-left: auto;
      background: url(../images/right.png) no-repeat center center/0.75rem;
      transition: .5s all;
      transform: rotate(90deg); }
  .yongjin .yongjin-list li ul.list {
    display: none;
    cursor: pointer;
    /* transition: .5s all; */ }
    .yongjin .yongjin-list li ul.list li {
      font-size: 0.8rem;
      padding: 0.25rem 0.5rem;
      border-top: 1px solid #ccc;
      border-bottom: 0;
      line-height: 1.75rem;
      color: #666; }
  .yongjin .yongjin-list li.open div i {
    transform: rotate(-90deg); }

.pop-yongjin {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 0;
  z-index: 999;
  /* display: none; */ }
  .pop-yongjin .pop-box {
    width: 12.5rem;
    height: 16.25rem;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0.5rem;
    padding: 0.5rem; }
    .pop-yongjin .pop-box .close-btn {
      cursor: pointer;
      width: 1rem;
      height: 1rem;
      position: absolute;
      top: -1.75rem;
      right: 0.25rem;
      background: url(../images/close-btn.png) no-repeat center center/1rem; }
    .pop-yongjin .pop-box .title {
      font-size: 0.8rem;
      padding: 0 0.25rem;
      margin-bottom: 0.375rem; }
    .pop-yongjin .pop-box .list2 {
      height: 14.5rem;
      overflow-y: auto; }
      .pop-yongjin .pop-box .list2 li {
        display: flex;
        justify-content: space-around;
        align-items: center;
        text-align: center;
        padding: 0.25rem 0; }
        .pop-yongjin .pop-box .list2 li span {
          width: 40%;
          font-size: 0.7rem; }
          .pop-yongjin .pop-box .list2 li span:nth-child(2) {
            width: 20%; }
          .pop-yongjin .pop-box .list2 li span:last-child {
            width: 40%; }
        .pop-yongjin .pop-box .list2 li.title {
          background: #eee; }

/* 订单遗漏 */
.orderOmit {
  position: static;
  min-height: 100%;
  height: auto;
  padding-bottom: 1rem; }
  .orderOmit .loginForm {
    position: static;
    background: #F8F8F8;
    overflow: hidden;
    border-radius: 0.75rem;
    transform: translate(0, 0);
    margin: 1.5rem auto; }
    .orderOmit .loginForm div.submit-btn {
      width: 5rem;
      margin-top: 0;
      border-radius: 0; }
    .orderOmit .loginForm input {
      border-radius: 0 !important;
      margin-bottom: 0 !important; }
  .orderOmit .get-orderNumber {
    margin: 0 0.75rem 4.5rem;
    border: 1px solid #d8d8d8;
    border-radius: 0.5rem;
    padding: 0.75rem 0.75rem 1rem; }
    .orderOmit .get-orderNumber h2 {
      border-bottom: 1px solid #d8d8d8;
      padding-bottom: 0.75rem;
      text-align: center;
      margin-bottom: 0.75rem; }
    .orderOmit .get-orderNumber img {
      width: 100%;
      border-bottom: 1px solid #d8d8d8;
      padding-bottom: 0.75rem;
      margin-bottom: 0.75rem; }
    .orderOmit .get-orderNumber div {
      font-size: 0.55rem;
      color: #999;
      line-height: 1.1rem; }
      .orderOmit .get-orderNumber div p {
        padding-left: 0.5rem;
        position: relative;
        font-size: 0.7rem;
        font-weight: bold;
        color: #000;
        margin-bottom: 0.125rem; }
        .orderOmit .get-orderNumber div p:before {
          content: '';
          position: absolute;
          left: 0;
          top: 38%;
          width: 0.3rem;
          height: 0.3rem;
          border-radius: 100%;
          background: #43A7FF; }
  .orderOmit .search-result {
    display: none;
    margin: 1rem 0.75rem 0.75rem; }
    .orderOmit .search-result h2 {
      margin-bottom: 0.5rem;
      font-weight: bold; }
    .orderOmit .search-result p {
      font-size: 0.7rem; }
    .orderOmit .search-result div {
      margin-bottom: 1.5rem; }
      .orderOmit .search-result div a {
        width: 1.75rem;
        background: #43A7FF;
        padding: 0.5rem 1.25rem;
        color: #fff;
        font-size: 0.8rem;
        border-radius: 0.5rem;
        margin: 1.25rem auto 0;
        display: block; }

/*实时热销榜*/
.hotSale {
  background: #f2f2f4;
  min-height: 100%;
  /* 导航 */
  /*复制淘口令*/ }
  .hotSale .top-bg {
    font-size: 0;
    position: relative; }
    .hotSale .top-bg img {
      width: 100%; }
    .hotSale .top-bg .update-time {
      width: 100%;
      height: 1.125rem;
      font-size: 0.55rem;
      position: absolute;
      bottom: 0.7rem;
      z-index: 3;
      color: #fff;
      display: flex;
      /*left: 50%;
      transform: translate(-50%,0);*/
      text-align: center;
      justify-content: center;
      align-items: center; }
      .hotSale .top-bg .update-time i {
        /*display: block;*/
        /*height: px2rem(45);*/ }
  .hotSale .sticky {
    position: fixed;
    top: 0 !important;
    width: 18.75rem;
    z-index: 999; }
    .hotSale .sticky + .list {
      padding-top: 2rem; }
  .hotSale .header, .hotSale .sort-header, .hotSale .rank-header {
    /*background:#f2f2f4;*/
    background: #fff;
    color: #555;
    font-size: 0.65rem;
    overflow: hidden;
    /*margin-top: 4%;*/ }
    .hotSale .header nav, .hotSale .sort-header nav, .hotSale .rank-header nav {
      overflow: hidden;
      width: 100%;
      box-sizing: border-box;
      border-bottom: 1px solid #ccc; }
      .hotSale .header nav ul, .hotSale .sort-header nav ul, .hotSale .rank-header nav ul {
        overflow-x: scroll;
        white-space: nowrap;
        /*min-height: px2rem(80);*/
        transition: 1s all;
        display: flex; }
        .hotSale .header nav ul li, .hotSale .sort-header nav ul li, .hotSale .rank-header nav ul li {
          /*display: inline-block;*/
          padding: 0 0.65rem;
          /*overflow:visible;*/ }
          .hotSale .header nav ul li span, .hotSale .sort-header nav ul li span, .hotSale .rank-header nav ul li span {
            display: inline-block;
            padding: 0.6rem 0 0.65rem;
            font-size: 0.6rem; }
          .hotSale .header nav ul li.active, .hotSale .sort-header nav ul li.active, .hotSale .rank-header nav ul li.active {
            color: #FF7B55; }
            .hotSale .header nav ul li.active span, .hotSale .sort-header nav ul li.active span, .hotSale .rank-header nav ul li.active span {
              border-bottom: 5px solid #FF7B55; }
        .hotSale .header nav ul::-webkit-scrollbar, .hotSale .sort-header nav ul::-webkit-scrollbar, .hotSale .rank-header nav ul::-webkit-scrollbar {
          display: none; }
  .hotSale .sort-header nav ul li span {
    font-size: 0.65rem; }
  .hotSale .rank-header nav {
    border-bottom: 0; }
    .hotSale .rank-header nav ul li {
      display: flex;
      align-items: center; }
      .hotSale .rank-header nav ul li div {
        display: flex;
        flex-flow: column wrap;
        justify-content: space-around;
        margin-left: 0.25rem; }
        .hotSale .rank-header nav ul li div i {
          width: 0.375rem;
          height: 0.375rem;
          position: relative;
          /*background: url(../images/arrow-no-select.png) no-repeat center center / px2rem(15);*/
          /*&.active{
          	&:after{
          		border-color: #FF7B55;
          	}
          }*/ }
          .hotSale .rank-header nav ul li div i.up:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-top: 0.2rem solid transparent;
            border-left: 0.2rem solid transparent;
            border-right: 0.2rem solid transparent;
            border-bottom: 0.2rem solid #ddd;
            top: -0.125rem; }
          .hotSale .rank-header nav ul li div i.up.active {
            /*background-image: url(../images/arrow-select.png);*/ }
            .hotSale .rank-header nav ul li div i.up.active:after {
              border-bottom: 0.2rem solid #FF7B55; }
          .hotSale .rank-header nav ul li div i.down {
            /*transform: rotate(180deg);*/ }
            .hotSale .rank-header nav ul li div i.down:after {
              content: "";
              position: absolute;
              width: 0;
              height: 0;
              border-top: 0.2rem solid #ddd;
              border-left: 0.2rem solid transparent;
              border-right: 0.2rem solid transparent;
              border-bottom: 0.2rem solid transparent;
              bottom: -0.075rem; }
            .hotSale .rank-header nav ul li div i.down.active {
              /*background-image: url(../images/arrow-select.png);*/ }
              .hotSale .rank-header nav ul li div i.down.active:after {
                border-top: 0.2rem solid #FF7B55; }
      .hotSale .rank-header nav ul li.active {
        color: #fb5404; }
        .hotSale .rank-header nav ul li.active span {
          border-bottom: 0; }
  .hotSale .list ul {
    min-height: 2000px;
    padding: 0.5rem;
    /*padding-bottom: px2rem(10);*/ }
    .hotSale .list ul li {
      padding: 0.5rem;
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      border-radius: 0.25rem;
      background: #fff;
      box-sizing: border-box;
      margin-bottom: 0.5rem;
      position: relative; }
      .hotSale .list ul li .img-wrap {
        width: 4.5rem;
        height: 4.5rem;
        display: flex;
        align-items: center;
        border-radius: 0.375rem;
        overflow: hidden; }
        .hotSale .list ul li .img-wrap img {
          /*width: 100%;*/
          width: 4.5rem;
          height: 4.5rem; }
      .hotSale .list ul li .detail {
        width: 11.75rem;
        padding-left: 0.5rem;
        font-size: 0.65rem;
        margin-left: auto; }
        .hotSale .list ul li .detail .amount {
          color: #FF7B55;
          background: rgba(255, 123, 85, 0.1);
          display: inline-block;
          padding: 0 0.375rem;
          border-radius: 0.5rem;
          margin-bottom: 0.25rem; }
          .hotSale .list ul li .detail .amount strong {
            font-size: 0.7rem; }
        .hotSale .list ul li .detail .goods-name {
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-bottom: 0.35rem;
          width: 100%;
          font-size: 0.6rem; }
          .hotSale .list ul li .detail .goods-name span.from-tianmao {
            color: #fff;
            background: #fc0e38;
            margin-right: 0.125rem;
            padding: 0.05rem 0.125rem;
            border-radius: 0.125rem;
            font-size: 0.5rem; }
        .hotSale .list ul li .detail .coupon-total {
          display: flex;
          margin-bottom: 0.3rem; }
        .hotSale .list ul li .detail .coupon {
          border: 1px solid #FF7B55;
          border-radius: 0.125rem;
          overflow: hidden;
          display: inline-block;
          font-size: 0.6rem; }
          .hotSale .list ul li .detail .coupon span {
            display: inline-block;
            height: 100%;
            background: #FF7B55;
            padding: 0 0.125rem;
            color: #fff; }
          .hotSale .list ul li .detail .coupon strong {
            padding: 0 0.375rem;
            color: #FF7B55; }
        .hotSale .list ul li .detail .total {
          margin-left: auto;
          color: #999;
          font-size: 0.6rem; }
        .hotSale .list ul li .detail .price-wrap {
          color: #999;
          font-size: 0.6rem; }
          .hotSale .list ul li .detail .price-wrap span {
            color: #000;
            /*font-weight: bold;*/
            margin-right: 0.25rem;
            font-size: 0.55rem; }
            .hotSale .list ul li .detail .price-wrap span i {
              font-size: 0.65rem; }
            .hotSale .list ul li .detail .price-wrap span:last-child {
              color: #999;
              font-size: 0.45rem;
              text-decoration: line-through; }
              .hotSale .list ul li .detail .price-wrap span:last-child i {
                font-size: 0.5rem;
                text-decoration: line-through; }
  .hotSale .pop-copy-taokouling {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
    display: none;
    position: fixed; }
    .hotSale .pop-copy-taokouling .close-taokouling {
      width: 1rem;
      height: 1rem;
      position: absolute;
      left: 50%;
      bottom: 15%;
      border-radius: 100%;
      padding: 0.25rem;
      border: 0.05rem solid #fff;
      transform: translate(-50%, 0);
      background: url(../images/close-btn.png) no-repeat center center/50%; }
    .hotSale .pop-copy-taokouling .pop-box {
      width: 13.75rem;
      /*height: px2rem(500);*/
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fff;
      border-radius: 0.75rem;
      padding: 1.25rem 0.625rem; }
      .hotSale .pop-copy-taokouling .pop-box .copy-txt {
        /*min-height: px2rem(400);*/
        background-color: #f0f0f0;
        padding: 0.5rem 0.5rem 1.5rem;
        font-size: 0.65rem; }
        .hotSale .pop-copy-taokouling .pop-box .copy-txt img {
          width: 1rem;
          height: 1rem;
          margin: 0 0.25rem;
          margin-bottom: -.2rem; }
      .hotSale .pop-copy-taokouling .pop-box .copy-btn, .hotSale .pop-copy-taokouling .pop-box .copy-success div {
        width: 100%;
        background: #FF7B55;
        color: #fff;
        font-size: 0.75rem;
        border-radius: 0.125rem;
        /*padding: px2rem(10) 0;*/
        text-align: center;
        height: 1.75rem;
        line-height: 1.75rem;
        margin-top: 2.25rem; }
      .hotSale .pop-copy-taokouling .pop-box .copy-success {
        display: none; }
      .hotSale .pop-copy-taokouling .pop-box .copy-success div {
        background: #4fc04e;
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex; }
        .hotSale .pop-copy-taokouling .pop-box .copy-success div img {
          width: 1rem;
          height: 1rem;
          margin: 0 0.25rem; }
  .hotSale .pop-process-bar {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
    display: none;
    position: fixed; }
    .hotSale .pop-process-bar .pop-box div {
      background: #fff;
      height: .4rem;
      width: 5rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -60%);
      overflow: hidden;
      border-radius: 0.5rem; }
      .hotSale .pop-process-bar .pop-box div span {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0.4rem;
        display: inline-block;
        background: #FF7B55; }

/* 提示语 */
.hotSale .tips {
  font-size: 0.6rem;
  text-align: center; }
  .hotSale .tips i {
    width: 1.625rem;
    height: 1.625rem; }

.load-more {
  margin-bottom: 1rem; }
  .load-more i {
    background: url(../images/loading.gif) no-repeat center center/1.25rem; }

/*榜单首页*/
.bangdan {
  /*	.sticky + .list{
  	    padding-top: 2.4rem;	
  	}*/ }
  .bangdan .top-nav {
    padding: 0.625rem 4% 0rem;
    text-align: center;
    font-size: 0.65rem; }
    .bangdan .top-nav ul {
      display: flex;
      justify-content: space-around; }
    .bangdan .top-nav a {
      color: #666; }
    .bangdan .top-nav img {
      width: 1.625rem;
      height: 1.625rem;
      border-radius: 100%;
      margin-bottom: 0.05rem; }
  .bangdan .card-wrap ul {
    padding: 4%;
    display: flex; }
    .bangdan .card-wrap ul li {
      padding-top: 0.625rem;
      padding-bottom: 0.125rem;
      width: 32.6%;
      border-radius: 0.25rem;
      margin-right: 1%;
      text-align: center;
      background-image: linear-gradient(to right, #f78a66 0%, #f05c79 100%); }
      .bangdan .card-wrap ul li a {
        color: #fff; }
      .bangdan .card-wrap ul li p {
        margin-bottom: 0.25rem; }
      .bangdan .card-wrap ul li img {
        width: 4.875rem;
        border-radius: 0.25rem; }
      .bangdan .card-wrap ul li:last-child {
        margin-right: 0;
        background-image: linear-gradient(to right, #5c53ee 0%, #f57af9 100%); }
      .bangdan .card-wrap ul li:nth-child(2) {
        background-image: linear-gradient(to right, #eb4775 0%, #f2c371 100%); }
  .bangdan .yes-fan {
    padding-bottom: 2.25rem !important; }
    .bangdan .yes-fan .fan {
      position: absolute;
      right: 0.5rem;
      bottom: 0.625rem;
      background-image: linear-gradient(to right, #fa8408 0%, #fb5404 100%);
      color: #fff;
      padding: 0.125rem 0.5rem;
      border-radius: 0.75rem;
      font-size: 0.6rem; }
      .bangdan .yes-fan .fan i {
        font-size: 0.55rem; }
      .bangdan .yes-fan .fan span {
        font-size: 0.75rem;
        font-weight: bold; }
  .bangdan .sticky {
    top: 2.25rem; }
  .bangdan .goods-name {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal !important; }

.bangdan-search, .pop-bangdan-search {
  width: 18.75rem;
  box-sizing: border-box;
  padding: 0.375rem 4% 0.375rem;
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 3; }
  .bangdan-search .input-wrap, .pop-bangdan-search .input-wrap {
    /*background: #fff;*/
    height: 1.5rem;
    border-radius: 1rem;
    border: 2px solid #999;
    padding: 0 0.375rem;
    display: flex;
    align-items: center; }
    .bangdan-search .input-wrap input, .pop-bangdan-search .input-wrap input {
      height: 1.5rem; }
    .bangdan-search .input-wrap .search_icon, .pop-bangdan-search .input-wrap .search_icon {
      width: 0.75rem;
      height: 0.75rem;
      background: url(../images/search_icon.png) no-repeat center center/0.75rem; }
    .bangdan-search .input-wrap div, .pop-bangdan-search .input-wrap div {
      padding-left: 0.375rem;
      font-size: 0.65rem;
      color: #555; }

/*榜单弹窗搜索*/
.pop-search {
  width: 100%;
  height: 100%;
  background: #f2f2f4;
  z-index: 1000;
  display: none; }
  .pop-search .go-back {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../images/back_icon.png) no-repeat center center/1.5rem; }
  .pop-search .pop-bangdan-search {
    position: static;
    display: flex;
    align-items: center; }
    .pop-search .pop-bangdan-search .input-wrap {
      flex: 1; }
      .pop-search .pop-bangdan-search .input-wrap input {
        width: 100%;
        padding-left: 0.375rem;
        font-size: 0.65rem;
        color: #555; }
  .pop-search .search-btn {
    width: 1.75rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    color: #555;
    font-size: 0.7rem;
    background: #fb5404;
    border-radius: 0.75rem;
    color: #fff;
    padding: 0.2rem 0.3rem; }
  .pop-search .pop-title {
    padding: 0.5rem 4%;
    font-size: 0.75rem;
    color: #999; }
  .pop-search .history i {
    width: 2rem;
    height: 2rem;
    margin-left: auto;
    align-items: center;
    margin-right: 0.25rem;
    background: url(../images/delete_icon.png) no-repeat center center/1rem; }
  .pop-search .history-list, .pop-search .hot-list {
    padding: 0 4%;
    margin-bottom: 0.25rem; }
    .pop-search .history-list li, .pop-search .hot-list li {
      display: inline-block;
      padding: 0.375rem 0.5rem;
      border-radius: 0.25rem;
      background: #fff;
      color: #666;
      margin-right: 0.25rem;
      margin-bottom: 0.5rem;
      cursor: pointer; }
      .pop-search .history-list li.highlight, .pop-search .hot-list li.highlight {
        color: #FF7B55; }

/*搜索结果页*/
.searchResult {
  padding-top: 2.4rem; }
  .searchResult .header, .searchResult .rank-header {
    /*top: 2.31rem !important;*/ }
    .searchResult .header nav, .searchResult .rank-header nav {
      border-bottom: 0; }
      .searchResult .header nav ul li, .searchResult .rank-header nav ul li {
        display: flex;
        align-items: center; }
        .searchResult .header nav ul li div, .searchResult .rank-header nav ul li div {
          display: flex;
          flex-flow: column wrap;
          margin-left: 0.25rem; }
          .searchResult .header nav ul li div i, .searchResult .rank-header nav ul li div i {
            width: 0.375rem;
            height: 0.375rem;
            background: url(../images/arrow-no-select.png) no-repeat center center/0.375rem; }
            .searchResult .header nav ul li div i.up.active, .searchResult .rank-header nav ul li div i.up.active {
              background-image: url(../images/arrow-select.png); }
            .searchResult .header nav ul li div i.down, .searchResult .rank-header nav ul li div i.down {
              transform: rotate(180deg); }
              .searchResult .header nav ul li div i.down.active, .searchResult .rank-header nav ul li div i.down.active {
                background-image: url(../images/arrow-select.png); }
        .searchResult .header nav ul li.active, .searchResult .rank-header nav ul li.active {
          color: #fb5404; }
          .searchResult .header nav ul li.active span, .searchResult .rank-header nav ul li.active span {
            border-bottom: 0; }
  .searchResult .coupon-only {
    width: 18.75rem;
    height: 2rem;
    line-height: 1.5rem;
    font-size: 0.6rem;
    background: #fff;
    color: #666;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    padding: 0 4%;
    position: fixed;
    z-index: 3;
    top: 4.1rem;
    box-sizing: border-box; }
    .searchResult .coupon-only > div {
      display: flex;
      align-items: center; }
    .searchResult .coupon-only > div i {
      width: 1rem;
      height: 1.4rem;
      background: url(../images/coupon_icon.png) no-repeat center center/0.75rem; }
  .searchResult .chooseBtn {
    display: none; }
  .searchResult .choose-label {
    box-shadow: #ccc 0rem 0rem 0rem 0.025rem;
    /*	    width: 1.5rem;
    	    height: 0.75rem;*/
    width: 2.6rem;
    height: 1.2rem;
    display: inline-block;
    border-radius: 0.75rem;
    position: relative;
    background-color: #ccc;
    overflow: hidden; }
  .searchResult .chooseBtn:checked + label.choose-label {
    background-color: #FF7B55; }
  .searchResult .chooseBtn:checked + label.choose-label:before {
    /*left: 0.75rem;*/
    left: 1.4rem; }
  .searchResult .choose-label:before {
    content: '';
    position: absolute;
    left: 0;
    /*	    width: 0.75rem;
    	    height: 0.75rem;*/
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    border-radius: 0.75rem;
    background-color: #fff;
    z-index: 20;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  .searchResult .go-back {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../images/back_icon.png) no-repeat center center/1.5rem; }
  .searchResult .bangdan-search {
    /*position: static;*/
    display: flex;
    align-items: center; }
    .searchResult .bangdan-search .input-wrap {
      flex: 1; }
      .searchResult .bangdan-search .input-wrap input {
        width: 100%;
        padding-left: 0.375rem;
        font-size: 0.65rem;
        color: #555; }
  .searchResult .search-btn {
    width: 1.75rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    color: #555;
    font-size: 0.7rem;
    background: #fb5404;
    border-radius: 0.75rem;
    color: #fff;
    padding: 0.2rem 0.3rem; }
  .searchResult .goods-name {
    min-height: 1.5rem; }

/*商品详情*/
.goodsDetail {
  /*返回按键*/
  /*商品名*/
  /*商家信息*/
  /*评分*/ }
  .goodsDetail.layout {
    padding-bottom: 0;
    background: #f2f2f4; }
  .goodsDetail .goods-album img {
    width: 100%; }
  .goodsDetail .go-back-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background: #f5f5f5;
    padding: 0.5rem 0.75rem;
    width: 100%;
    opacity: 0; }
    .goodsDetail .go-back-bar .go-back-icon {
      background-color: rgba(0, 0, 0, 0.3); }
  .goodsDetail .go-back .go-back-icon {
    position: fixed;
    top: 0.5rem;
    left: 0.75rem;
    z-index: 3; }
  .goodsDetail .go-back-icon {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.5) url(../images/left.png) no-repeat center center/0.375rem; }
  .goodsDetail .swiper-container {
    font-size: 0; }
  .goodsDetail .swiper-container-horizontal > .swiper-pagination-bullets, .goodsDetail .swiper-pagination-custom, .goodsDetail .swiper-pagination-fraction {
    width: auto;
    left: auto;
    bottom: .8rem;
    padding: .2rem .5rem;
    background: rgba(0, 0, 0, 0.5);
    border-radius: .8rem; }
  .goodsDetail .swiper-pagination {
    color: #fff;
    font-size: .7rem;
    right: .8em;
    text-align: right; }
  .goodsDetail .swiper-slide {
    height: 18.75rem;
    overflow: hidden; }
  .goodsDetail .price-wrap {
    padding: 0.5rem 0.75rem 0.375rem;
    position: relative;
    background: #fff; }
  .goodsDetail .coupon-price {
    color: #FF7B55;
    font-weight: bold;
    font-size: 0.75rem;
    margin-bottom: 0.125rem; }
    .goodsDetail .coupon-price i {
      font-size: 0.7rem; }
    .goodsDetail .coupon-price span {
      font-size: 1rem; }
  .goodsDetail .fan {
    position: absolute;
    right: 0.75rem;
    top: 0.65rem;
    color: #FF7B55;
    background: rgba(255, 123, 85, 0.2);
    padding: 0.05rem 0.25rem;
    border-radius: 0.125rem;
    font-size: 0.6rem;
    font-weight: bold; }
  .goodsDetail .second-line {
    height: 0.875rem;
    position: relative; }
  .goodsDetail .original-price {
    color: #ccc;
    font-size: 0.6rem;
    text-decoration: line-through; }
  .goodsDetail .sale-amount {
    color: #ccc;
    position: absolute;
    right: 0rem;
    font-size: 0.6rem;
    bottom: 0; }
  .goodsDetail .goods-name {
    color: #333;
    font-size: 0.7rem;
    padding: 0 0.75rem 0.375rem;
    background: #fff;
    margin-bottom: 0.5rem; }
    .goodsDetail .goods-name span.from-tianmao {
      color: #fff;
      background: #fc0e38;
      margin-right: 0.05rem;
      padding: 0.05rem 0.125rem;
      border-radius: 0.125rem;
      font-size: 0.55rem; }
    .goodsDetail .goods-name span.from-taobao {
      color: #fff;
      background: #FF7B55;
      margin-right: 0.05rem;
      padding: 0.05rem 0.125rem;
      border-radius: 0.125rem;
      font-size: 0.55rem; }
  .goodsDetail .store-wrap {
    background: #fff;
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    margin-bottom: 0.5rem; }
    .goodsDetail .store-wrap .store-name {
      display: flex;
      align-items: center;
      margin-bottom: 0.25rem;
      color: #333; }
    .goodsDetail .store-wrap img {
      height: 0.75rem;
      margin-right: 0.25rem; }
  .goodsDetail .score-wrap {
    display: flex;
    justify-content: space-between;
    color: #999;
    font-size: 0.7rem; }
    .goodsDetail .score-wrap div {
      display: flex;
      align-items: center; }
    .goodsDetail .score-wrap span {
      font-size: 0.5rem;
      padding: 0 0.1rem;
      margin-left: 0.2rem; }
      .goodsDetail .score-wrap span.high {
        background: #ef3b41;
        color: #fff; }
      .goodsDetail .score-wrap span.flat {
        background: #f5f5f5;
        color: #999; }
  .goodsDetail .goods-content {
    padding-bottom: 3.5rem;
    background: #fff;
    font-size: 0; }
    .goodsDetail .goods-content .title {
      font-size: 0.8rem;
      position: relative;
      padding: 0.5rem 0.75rem 0;
      color: #333;
      margin-bottom: 0.5rem; }
      .goodsDetail .goods-content .title i {
        width: 0.875rem;
        height: 0.875rem;
        position: absolute;
        right: 0.75rem;
        top: 0.625rem;
        background: url(../images/right.png) no-repeat center center/0.875rem;
        transform: rotate(90deg);
        transition: .5s all; }
      .goodsDetail .goods-content .title.open i {
        transform: rotate(-90deg); }
    .goodsDetail .goods-content .content {
      display: none;
      padding-bottom: 1.25rem; }
      .goodsDetail .goods-content .content img {
        width: 18.75rem !important; }
  .goodsDetail .list ul {
    min-height: 2000px;
    padding: 0.5rem;
    /*padding-bottom: px2rem(10);*/ }
    .goodsDetail .list ul li {
      padding: 0.5rem;
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      border-radius: 0.25rem;
      background: #fff;
      box-sizing: border-box;
      margin-bottom: 0.5rem;
      position: relative; }
      .goodsDetail .list ul li .img-wrap {
        width: 4.5rem;
        height: 4.5rem;
        display: flex;
        align-items: center;
        border-radius: 0.375rem;
        overflow: hidden; }
        .goodsDetail .list ul li .img-wrap img {
          /*width: 100%;*/
          width: 4.5rem;
          height: 4.5rem; }
      .goodsDetail .list ul li .detail {
        width: 11.75rem;
        padding-left: 0.5rem;
        font-size: 0.65rem;
        margin-left: auto; }
        .goodsDetail .list ul li .detail .amount {
          color: #FF7B55;
          background: rgba(255, 123, 85, 0.1);
          display: inline-block;
          padding: 0 0.375rem;
          border-radius: 0.5rem;
          margin-bottom: 0.25rem; }
          .goodsDetail .list ul li .detail .amount strong {
            font-size: 0.7rem; }
        .goodsDetail .list ul li .detail .goods-name {
          color: #333;
          	/*overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;*/
          margin-bottom: 0.35rem !important;
          width: 100%;
          font-size: 0.6rem;
          padding: 0; }
          .goodsDetail .list ul li .detail .goods-name span.from-tianmao {
            color: #fff;
            background: #fc0e38;
            margin-right: 0.125rem;
            padding: 0.05rem 0.125rem;
            border-radius: 0.125rem;
            font-size: 0.5rem; }
        .goodsDetail .list ul li .detail .coupon-total {
          display: flex;
          margin-bottom: 0.3rem; }
        .goodsDetail .list ul li .detail .coupon {
          border: 1px solid #FF7B55;
          border-radius: 0.125rem;
          overflow: hidden;
          display: inline-block;
          font-size: 0.6rem; }
          .goodsDetail .list ul li .detail .coupon span {
            display: inline-block;
            height: 100%;
            background: #FF7B55;
            padding: 0 0.125rem;
            color: #fff; }
          .goodsDetail .list ul li .detail .coupon strong {
            padding: 0 0.375rem;
            color: #FF7B55; }
        .goodsDetail .list ul li .detail .total {
          margin-left: auto;
          color: #999;
          font-size: 0.6rem; }
        .goodsDetail .list ul li .detail .price-wrap {
          color: #000;
          font-size: 0.65rem !important;
          padding: 0; }
          .goodsDetail .list ul li .detail .price-wrap span {
            color: #000;
            /*font-weight: bold;*/
            margin-right: 0.25rem;
            font-size: 0.65rem !important;
            text-decoration: none !important;
            color: #FF7B55;
            font-weight: bold; }
            .goodsDetail .list ul li .detail .price-wrap span i {
              font-size: 0.65rem !important;
              text-decoration: none !important; }
            .goodsDetail .list ul li .detail .price-wrap span:last-child {
              color: #000;
              font-size: 0.45rem;
              text-decoration: line-through;
              font-weight: normal; }
              .goodsDetail .list ul li .detail .price-wrap span:last-child i {
                font-size: 0.5rem;
                text-decoration: line-through; }
      .goodsDetail .list ul li.yes-fan {
        padding-bottom: 2.25rem !important; }
        .goodsDetail .list ul li.yes-fan .fan {
          position: absolute;
          right: 0.5rem;
          bottom: 0.625rem;
          background: linear-gradient(to right, #fa8408 0%, #fb5404 100%);
          color: #fff;
          padding: 0.125rem 0.5rem;
          border-radius: 0.75rem;
          font-size: 0.6rem;
          top: auto; }
  .goodsDetail .footer-wrap {
    width: 100%;
    position: fixed;
    bottom: -0.05rem;
    left: 0;
    z-index: 998;
    padding: 0 0.75rem 0 0.625rem;
    box-sizing: border-box;
    background: #fff; }
    .goodsDetail .footer-wrap ul {
      padding: 0.25rem 0;
      border-top: 1px solid #f5f5f5;
      display: flex; }
    .goodsDetail .footer-wrap li {
      display: flex;
      flex-flow: column wrap;
      align-items: center; }
      .goodsDetail .footer-wrap li img {
        width: 1.125rem;
        margin-bottom: 0.25rem; }
      .goodsDetail .footer-wrap li.home, .goodsDetail .footer-wrap li.collect {
        width: 25%;
        color: #999; }
      .goodsDetail .footer-wrap li.collect img {
        width: 1.05rem; }
      .goodsDetail .footer-wrap li.share-coupon-wrap {
        color: #fff;
        flex-flow: row nowrap;
        margin-left: auto; }
        .goodsDetail .footer-wrap li.share-coupon-wrap div {
          display: flex;
          align-items: center;
          padding: 0.375rem 1.25rem; }
        .goodsDetail .footer-wrap li.share-coupon-wrap img {
          margin-bottom: 0;
          width: 1rem;
          margin-right: 0.25rem; }
        .goodsDetail .footer-wrap li.share-coupon-wrap .share {
          border-radius: 0.875rem 0 0 0.875rem;
          background-image: linear-gradient(#fbb54c, #f99731); }
        .goodsDetail .footer-wrap li.share-coupon-wrap .coupon {
          border-radius: 0 0.875rem 0.875rem 0;
          background-image: linear-gradient(#f96065, #fb343e);
          /*background: #fb343e*/ }

/*商品分享*/
.goodsShare {
  background: #f5f5f5;
  /*padding: px2rem(20);*/
  /*min-height:100vh;*/
  height: 100%;
  /*height: 3000px;*/
  /*max-height: 100vh;*/
  box-sizing: border-box;
  position: relative;
  /*生成canvas的DOM*/
  /*	#poster{
  		background-color: #fff;
  		padding:px2rem(20) px2rem(30);
  		h3{
  			margin-bottom: px2rem(20);
  			i{
  				display: inline-block;
  		    	background-size:px2rem(34);
  		        background-position:px2rem(2) px2rem(5);
  		        background-repeat:no-repeat; 
  			    font-size:px2rem( 36);
  			    line-height:px2rem( 44);
  			    text-decoration: none;
  			    text-indent:px2rem(50);
  			    font-weight: bold;
  			    color: #333;
  			}
  		}
  		.price-wrap{
  			display: flex;
  			align-content: center;
  			.price{
  				color: #FF7B55;
  				font-size: px2rem(30);
  				span{
  					font-size: px2rem(40)
  				}
  			}
  			.coupon{
  				margin-left: auto;
  				display: flex;
  				align-content: center;
  				span{
  					padding:px2rem(10);
  					color: #fff;
  					text-align: center;
  					font-size: px2rem(26);
  					background: url(../images/coupon.svg) no-repeat center center  / 100%;
  				}
  			}
  		}
  		.original-price{
  			color: #999;
  			margin-bottom: px2rem(20);
  			span{
  				text-decoration: line-through;
  				i{
  					text-decoration: line-through;
  				}
  			}
  		}
  		.goods-photo{
  			margin-bottom: px2rem(20);
  			img{
  				width: 100%;
  			}
  		}
  		.logo-wrap{
  			height: px2rem(180);
  			.logo{
  				width: px2rem(110);
  				height: px2rem(110);
  				background-size:px2rem(110);
  		        background-position:center center ;
  		        background-repeat:no-repeat; 
  		        margin-right: px2rem(40)
  			}
  			p{
  				color: #999;
  				text-align: center;
  			}
  			.img-wrap{
  				display: flex;
  				justify-content: center;
  				padding: px2rem(10) px2rem(30) 0;
  			}
  		}
  		.erweima{
  			img{
  				width: px2rem(120)
  			}
  		}
  	}*/
  /*图片放大*/
  /*分享渠道*/ }
  .goodsShare .fan {
    background: #fff;
    padding: 0.5rem 0.75rem;
    margin: 0 0.5rem 0.5rem;
    display: flex;
    align-items: center;
    border-radius: 0.25rem;
    color: #d81e06;
    font-size: 0.65rem; }
    .goodsShare .fan i {
      width: 0.75rem;
      height: 0.75rem;
      margin-right: 0.25rem;
      background: url(../images/money.png) no-repeat center center/0.65rem; }
  .goodsShare .share-text-wrap {
    background: #fff;
    padding: 0.625rem 0.75rem 0.75rem;
    border-radius: 0.25rem;
    color: #999;
    margin: 0 0.5rem 0.5rem;
    border-radius: 0.25rem; }
    .goodsShare .share-text-wrap .goods-name {
      color: #333;
      margin-bottom: .4rem;
      font-size: 0.7rem; }
    .goodsShare .share-text-wrap span {
      display: inline-block; }
    .goodsShare .share-text-wrap img {
      width: 0.8rem;
      margin-bottom: -0.2rem; }
    .goodsShare .share-text-wrap textarea {
      width: 100%;
      font-size: 0.6rem;
      min-height: 6.25rem;
      color: #666;
      outline: none;
      border: 0; }
  .goodsShare .share-photo-wrap {
    background: #fff;
    padding: 0.5rem 0.75rem;
    display: flex;
    border-radius: 0.25rem;
    margin: 0 0.5rem 0.5rem;
    min-height: 13.75rem; }
    .goodsShare .share-photo-wrap .share-photo-left {
      width: 48%;
      margin-right: 2%;
      position: relative; }
      .goodsShare .share-photo-wrap .share-photo-left .enlarge-photo-btn {
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        right: 0.25rem;
        bottom: 0.375rem;
        background: rgba(0, 0, 0, 0.4) url(../images/enlarge.svg) no-repeat center center/1rem; }
      .goodsShare .share-photo-wrap .share-photo-left img {
        width: 100%; }
      .goodsShare .share-photo-wrap .share-photo-left .img-wrap {
        position: relative;
        background: #f5f5f5;
        padding: 0.3rem;
        border-radius: 0.25rem;
        min-height: 13.15rem;
        font-size: 0; }
        .goodsShare .share-photo-wrap .share-photo-left .img-wrap::after {
          content: "";
          width: 1rem;
          height: 1rem;
          border-radius: 100%;
          background: #fff url(../images/photo-uncheck.svg) no-repeat center center/1rem;
          position: absolute;
          right: 0.25rem;
          top: 0.25rem; }
        .goodsShare .share-photo-wrap .share-photo-left .img-wrap.checked:after {
          background-image: url(../images/photo-checked.svg); }
    .goodsShare .share-photo-wrap .share-photo-right {
      flex: 1; }
      .goodsShare .share-photo-wrap .share-photo-right img {
        width: 100%;
        height: auto;
        margin-bottom: 0.25rem; }
      .goodsShare .share-photo-wrap .share-photo-right .img-wrap {
        position: relative;
        float: left;
        width: 49%; }
        .goodsShare .share-photo-wrap .share-photo-right .img-wrap:nth-child(2n) {
          /*img{*/
          margin-left: 2%;
          /*}*/ }
        .goodsShare .share-photo-wrap .share-photo-right .img-wrap::after {
          content: "";
          width: 1rem;
          height: 1rem;
          border-radius: 100%;
          background: #fff url(../images/photo-uncheck.svg) no-repeat center center/1rem;
          position: absolute;
          right: 0.25rem;
          top: 0.25rem; }
        .goodsShare .share-photo-wrap .share-photo-right .img-wrap.checked:after {
          background-image: url(../images/photo-checked.svg); }
  .goodsShare .footer-wrap {
    width: 100%;
    display: flex;
    justify-content: space-around;
    position: fixed;
    /*position: absolute;*/
    bottom: 0.75rem;
    left: 0;
    padding: 0 0.75rem;
    box-sizing: border-box;
    z-index: 2;
    /*background: #f5f5f5;*/ }
    .goodsShare .footer-wrap div {
      width: 45%;
      text-align: center;
      padding: 0.375rem 0;
      color: #fff;
      font-size: 0.7rem;
      cursor: pointer; }
      .goodsShare .footer-wrap div.copy-text-btn {
        border-radius: 0.875rem;
        background-image: linear-gradient(#fbb54c, #f99731); }
      .goodsShare .footer-wrap div.share-btn {
        border-radius: 0.875rem;
        background-image: linear-gradient(#f96065, #fb343e); }
  .goodsShare #poster {
    width: 15rem;
    height: 24.5rem;
    padding-top: 0.625rem;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1; }
    .goodsShare #poster .top-info .logo {
      width: 4.9rem;
      height: 1.6rem;
      margin: 0 auto;
      background: url("../images/share-top-logo.png") no-repeat center center/100%; }
    .goodsShare #poster .top-info .title {
      width: 13.125rem;
      height: 1.425rem;
      margin: 0.875rem auto 0.625rem;
      line-height: 1.425rem;
      text-align: center;
      background: #deeffe;
      color: #027cf4;
      font-size: 0.625rem;
      border-radius: 0.5rem;
      position: relative; }
      .goodsShare #poster .top-info .title i {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 0.4rem solid transparent;
        border-left: 0.4rem solid transparent;
        border-right: 0.4rem solid transparent;
        border-bottom: 0.4rem solid #deeffe;
        top: -0.75rem;
        left: 6.35rem; }
    .goodsShare #poster .goods-info {
      padding: 0 0.95rem; }
      .goodsShare #poster .goods-info .goods-img {
        background: #eee;
        width: 100%;
        height: 13.125rem;
        margin: 0 auto 0.625rem;
        position: relative; }
        .goodsShare #poster .goods-info .goods-img img {
          width: 100%; }
        .goodsShare #poster .goods-info .goods-img .goods-img-txt {
          height: 2.375rem;
          line-height: 2.375rem;
          font-size: 0.625rem;
          color: #fff;
          position: absolute;
          z-index: 2;
          top: 8.175rem;
          right: -0.325rem;
          padding: 0 0.75rem;
          background: #ea5252;
          border-radius: 1.25rem 0 0 1.25rem;
          display: flex;
          align-items: center; }
          .goodsShare #poster .goods-info .goods-img .goods-img-txt span {
            font-size: 1.5rem;
            font-weight: bold;
            padding-left: 0.25rem; }
          .goodsShare #poster .goods-info .goods-img .goods-img-txt i {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-top: 0rem solid transparent;
            border-right: 0.325rem solid transparent;
            border-bottom: 0.325rem solid transparent;
            border-left: 0.325rem solid #5a2121;
            bottom: -0.3rem;
            right: -0.325rem;
            z-index: -1; }
      .goodsShare #poster .goods-info .goods-price-wrap {
        display: inline-block; }
        .goodsShare #poster .goods-info .goods-price-wrap .original {
          display: flex;
          margin-bottom: 0.25rem; }
        .goodsShare #poster .goods-info .goods-price-wrap .original-price {
          height: 0.375rem;
          color: #949494;
          font-size: 0.475rem;
          border-bottom: 1px solid #949494;
          margin-top: 0.125rem;
          margin-right: 0.375rem; }
          .goodsShare #poster .goods-info .goods-price-wrap .original-price i {
            font-size: 0.475rem; }
          .goodsShare #poster .goods-info .goods-price-wrap .original-price span {
            font-size: 0.6rem; }
        .goodsShare #poster .goods-info .goods-price-wrap .coupon {
          border: 0.025rem solid #ea5252;
          border-radius: 0.125rem;
          color: #ea5252;
          font-size: 0.6rem;
          display: flex;
          align-items: center;
          padding-right: 0.125rem;
          overflow: hidden; }
          .goodsShare #poster .goods-info .goods-price-wrap .coupon i {
            background: #ea5252;
            color: #fff;
            padding: 0 0.05rem;
            display: inline-block;
            text-align: center;
            margin-right: 0.125rem; }
          .goodsShare #poster .goods-info .goods-price-wrap .coupon span {
            line-height: 0.825rem;
            display: inline-block;
            padding-right: 0.125rem; }
        .goodsShare #poster .goods-info .goods-price-wrap .price-wrap {
          display: flex;
          color: #EA5252;
          margin-bottom: 0.45rem;
          float: left; }
          .goodsShare #poster .goods-info .goods-price-wrap .price-wrap .price {
            font-size: 0.95rem; }
            .goodsShare #poster .goods-info .goods-price-wrap .price-wrap .price i {
              font-size: 0.475rem; }
          .goodsShare #poster .goods-info .goods-price-wrap .price-wrap .fanxian {
            display: flex;
            align-items: center;
            margin-left: 0.1rem;
            font-size: 0.75rem; }
            .goodsShare #poster .goods-info .goods-price-wrap .price-wrap .fanxian span {
              font-size: 0.825rem;
              padding-left: 0.1rem; }
      .goodsShare #poster .goods-info .goods-name {
        width: 8.375rem;
        height: 1.5rem;
        line-height: 0.8rem;
        overflow: hidden;
        font-size: 0.55rem;
        color: #333;
        letter-spacing: 0.025rem; }
        .goodsShare #poster .goods-info .goods-name i {
          display: inline-block;
          width: 0.7rem;
          height: 0.7rem;
          border-radius: 100%;
          background-repeat: no-repeat;
          background-size: 100%;
          overflow: hidden;
          margin-bottom: -0.175rem; }
          .goodsShare #poster .goods-info .goods-name i.tb {
            background-image: url("http://wb1.planpoint.cn/fanxianyi/assets/images/tb_icon.png"); }
        .goodsShare #poster .goods-info .goods-name span.tag {
          background: #E22323;
          padding: 0.05rem 0.125rem;
          border-radius: 0.125rem;
          color: #fff;
          font-size: 0.45rem;
          margin-top: -0.05rem; }
      .goodsShare #poster .goods-info .left {
        float: left;
        width: 8.375rem; }
      .goodsShare #poster .goods-info .right {
        float: right;
        width: 4.5rem; }
      .goodsShare #poster .goods-info .erweima-wrap {
        text-align: center;
        margin-top: 0rem; }
        .goodsShare #poster .goods-info .erweima-wrap .erweima {
          width: 2.75rem;
          height: 2.75rem;
          margin: 0 auto 0.2rem;
          background: #fff url("../images/share-erweima-bg.png") no-repeat center center/100%; }
          .goodsShare #poster .goods-info .erweima-wrap .erweima img {
            margin-top: 0.1875rem;
            width: 2.375rem; }
        .goodsShare #poster .goods-info .erweima-wrap div {
          font-size: 0.4rem;
          line-height: 0.65rem;
          color: #666666; }
  .goodsShare .pop-enlarge-photo {
    width: 100%;
    height: 100vh;
    background: #f5f5f5;
    z-index: 999;
    display: none; }
    .goodsShare .pop-enlarge-photo img {
      width: 100%; }
    .goodsShare .pop-enlarge-photo .minify-photo {
      position: absolute;
      left: 50%;
      bottom: 1.25rem;
      transform: translate(-50%, 0);
      width: 1.5rem;
      height: 1.5rem;
      z-index: 3;
      background: rgba(0, 0, 0, 0.4) url(../images/minify.svg) no-repeat center center/1.25rem; }
  .goodsShare .share-to {
    display: none;
    background: #FFFFFF;
    box-shadow: 0 0.2rem 0.8rem 0 rgba(24, 35, 41, 0.1);
    border-radius: 0.3rem 0.3rem 0 0;
    position: fixed;
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 7.5rem;
    padding-top: 1.25rem;
    box-sizing: border-box;
    text-align: center;
    z-index: 3; }
    .goodsShare .share-to p {
      margin-bottom: 1.25rem;
      font-size: 0.8rem; }
    .goodsShare .share-to .close-btn {
      width: 1rem;
      height: 1rem;
      background: url(../images/close-btn2.png) no-repeat center center/1rem;
      position: absolute;
      right: 0.75rem;
      top: 0.75rem; }
    .goodsShare .share-to ul {
      display: flex;
      justify-content: flex-start;
      flex-flow: row wrap; }
      .goodsShare .share-to ul li {
        display: flex;
        flex-flow: column wrap;
        justify-content: space-between;
        align-items: center;
        width: 25%;
        margin-bottom: 0.5rem; }
        .goodsShare .share-to ul li i {
          width: 1.5rem;
          height: 1.5rem;
          margin-bottom: 0.25rem;
          background-repeat: no-repeat;
          background-size: 1.25rem;
          background-position: center center; }
          .goodsShare .share-to ul li i.friend {
            background-size: 1.5rem;
            background-image: url(../images/wechat2.png); }
          .goodsShare .share-to ul li i.friend-circle {
            background-size: 1.25rem;
            background-image: url(../images/pengyouquan.png); }
          .goodsShare .share-to ul li i.preserve-photo-btn {
            background-size: 0.9rem;
            background-image: url(../images/preserve-photo.png); }
        .goodsShare .share-to ul li.preserve-photo-wrap {
          position: relative; }
          .goodsShare .share-to ul li.preserve-photo-wrap .img-wrap {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transform: translate(0, 0); }
            .goodsShare .share-to ul li.preserve-photo-wrap .img-wrap img {
              width: 100%; }

.setLanguage .top-bar {
  margin-bottom: 0; }
.setLanguage .language-list {
  margin: 0 0.625rem; }
  .setLanguage .language-list li {
    height: 0.9rem;
    line-height: 0.9rem;
    color: #6A6A6A;
    padding: 0.75rem 0 0.6rem;
    border-bottom: 1px solid #C0C0C0;
    border-bottom: 1px solid #ddd;
    position: relative;
    font-size: 0.75rem; }
    .setLanguage .language-list li.active:after {
      content: "";
      width: 1.25rem;
      height: 1.25rem;
      position: absolute;
      right: 0;
      top: 0.625rem;
      /*					transform: translate(0,-50%);*/
      background: url(../images/select.png) no-repeat center center/1rem; }

/*会员推广*/
.inviteActivity {
  min-height: 100vh;
  background: #60abf9 url(../images/invite_bg.png) no-repeat top left/cover;
  padding-bottom: 3.75rem; }
  .inviteActivity ul,
  .inviteActivity li {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .inviteActivity i {
    font-style: normal; }
  .inviteActivity a,
  .inviteActivity a:link,
  .inviteActivity a:visited,
  .inviteActivity a:hover,
  .inviteActivity a:active {
    text-decoration: none;
    color: #000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .inviteActivity .close-page {
    top: 0.25rem !important;
    z-index: 3;
    -webkit-tap-highlight-color: transparent; }
  .inviteActivity .top-banner {
    height: 14.5rem;
    position: relative;
    background: url(../images/invite_top_banner.png) no-repeat top left/100%; }
    .inviteActivity .top-banner .xuzhi-btn {
      position: absolute;
      background: #fff;
      color: #5da6f8;
      bottom: 3.625rem;
      left: 50%;
      transform: translate(-55%, 0);
      padding: 0.15rem 0.95rem;
      border-radius: 0.75rem;
      font-size: 0.75rem; }
  .inviteActivity .percentage-wrap {
    height: 12rem;
    margin: 0 0.5rem 1rem;
    background: #fff;
    border-radius: 0.5rem;
    padding: 0.75rem 0.5rem 0.25rem;
    margin-bottom: 1rem; }
    .inviteActivity .percentage-wrap ul {
      display: flex; }
      .inviteActivity .percentage-wrap ul li {
        width: 2.625rem;
        margin-right: 0.90625rem; }
        .inviteActivity .percentage-wrap ul li:last-child {
          margin-right: 0; }
    .inviteActivity .percentage-wrap ul.percentage-tab {
      height: 1.25rem;
      margin-bottom: 0.5rem; }
      .inviteActivity .percentage-wrap ul.percentage-tab li {
        background: url(../images/percentage_0_on.png) no-repeat top left/100%; }
        .inviteActivity .percentage-wrap ul.percentage-tab li:nth-child(2) {
          background-image: url(../images/percentage_10.png); }
          .inviteActivity .percentage-wrap ul.percentage-tab li:nth-child(2).highlight {
            background-image: url(../images/percentage_10_on.png); }
        .inviteActivity .percentage-wrap ul.percentage-tab li:nth-child(3) {
          background-image: url(../images/percentage_20.png); }
          .inviteActivity .percentage-wrap ul.percentage-tab li:nth-child(3).highlight {
            background-image: url(../images/percentage_20_on.png); }
        .inviteActivity .percentage-wrap ul.percentage-tab li:nth-child(4) {
          background-image: url(../images/percentage_30.png); }
          .inviteActivity .percentage-wrap ul.percentage-tab li:nth-child(4).highlight {
            background-image: url(../images/percentage_30_on.png); }
        .inviteActivity .percentage-wrap ul.percentage-tab li:nth-child(5) {
          background-image: url(../images/percentage_40.png); }
          .inviteActivity .percentage-wrap ul.percentage-tab li:nth-child(5).highlight {
            background-image: url(../images/percentage_40_on.png); }
    .inviteActivity .percentage-wrap .percentage-bar-wrap {
      background: #f9f9f9;
      color: #000;
      border-radius: 0.75rem;
      position: relative;
      overflow: hidden; }
      .inviteActivity .percentage-wrap .percentage-bar-wrap .highlight-bar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        background: #fe6161;
        border-radius: 0.75rem;
        transition: width .5s; }
    .inviteActivity .percentage-wrap ul.percentage-bar {
      position: relative;
      z-index: 2; }
      .inviteActivity .percentage-wrap ul.percentage-bar li {
        text-align: center;
        font-weight: bold;
        color: #fe6161; }
        .inviteActivity .percentage-wrap ul.percentage-bar li:first-child {
          text-align: left;
          padding-left: 0.375rem;
          box-sizing: border-box; }
    .inviteActivity .percentage-wrap .end-arrow {
      transition: all .5s;
      width: 0.45rem;
      height: 0.75rem;
      margin: 0rem 0 0rem;
      padding-left: 0.375rem;
      background: url(../images/end_arrow-up.png) no-repeat center right/0.45rem; }
    .inviteActivity .percentage-wrap .end-desc {
      min-width: 6.45rem;
      display: inline-block;
      color: #fe6161;
      text-align: right;
      margin-top: -0.05rem; }
    .inviteActivity .percentage-wrap .end-tips {
      text-align: center;
      margin: 0.625rem 0;
      color: #999; }
      .inviteActivity .percentage-wrap .end-tips span {
        color: #fe6161; }
      .inviteActivity .percentage-wrap .end-tips div {
        display: inline-block; }
    .inviteActivity .percentage-wrap .register-order-bar {
      position: relative;
      padding: 1.55rem 0; }
      .inviteActivity .percentage-wrap .register-order-bar .bar-wrap {
        height: 0.8rem;
        position: relative; }
        .inviteActivity .percentage-wrap .register-order-bar .bar-wrap div {
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          border-radius: 0.75rem; }
      .inviteActivity .percentage-wrap .register-order-bar .register-bar {
        width: 100%;
        background: #f9aaaa; }
      .inviteActivity .percentage-wrap .register-order-bar .order-bar {
        max-width: 100%;
        width: 0;
        background: #fe6161;
        transition: all .5s; }
      .inviteActivity .percentage-wrap .register-order-bar .bar-top, .inviteActivity .percentage-wrap .register-order-bar .bar-bottom {
        position: absolute; }
      .inviteActivity .percentage-wrap .register-order-bar .bar-top {
        width: 100%;
        top: 0;
        right: 0;
        /*padding: 0 px2rem(15);*/ }
        .inviteActivity .percentage-wrap .register-order-bar .bar-top .end-desc, .inviteActivity .percentage-wrap .register-order-bar .bar-top .end-arrow {
          width: 100% !important;
          padding-left: 0;
          margin-left: 0; }
        .inviteActivity .percentage-wrap .register-order-bar .bar-top .end-arrow {
          background-image: url(../images/end_arrow-dowm.png); }
      .inviteActivity .percentage-wrap .register-order-bar .bar-bottom {
        bottom: 0;
        width: 100%;
        /*padding: 0 px2rem(15);*/
        box-sizing: border-box; }
        .inviteActivity .percentage-wrap .register-order-bar .bar-bottom .end-arrow {
          min-width: 0.45rem; }
        .inviteActivity .percentage-wrap .register-order-bar .bar-bottom .end-desc, .inviteActivity .percentage-wrap .register-order-bar .bar-bottom .end-arrow {
          padding-left: 0; }
        .inviteActivity .percentage-wrap .register-order-bar .bar-bottom .end-desc {
          min-width: 0; }
    .inviteActivity .percentage-wrap .tips {
      color: #999;
      text-align: center;
      margin-top: 0.5rem; }
  .inviteActivity .three-process {
    margin: 0 0.5rem 0.5rem; }
    .inviteActivity .three-process .title {
      height: 1.75rem;
      background: url(../images/process_title.png) no-repeat center center/10.5rem; }
    .inviteActivity .three-process .main-wrap {
      margin-top: 0.5rem;
      border-radius: 0.5rem;
      padding: 1.5rem 0.75rem;
      height: 2.5rem;
      background: #fff url(../images/three_process.png) no-repeat center center/15rem; }
  .inviteActivity .tongji {
    margin: 0 0.5rem;
    border-radius: 0.5rem;
    background: url(../images/tongji_bg.png) no-repeat center center/100%; }
    .inviteActivity .tongji ul {
      height: 100%;
      display: flex;
      text-align: center;
      align-items: flex-start;
      justify-content: space-between;
      padding: 1rem 0.5rem 0.75rem;
      color: #666; }
      .inviteActivity .tongji ul h3 {
        font-weight: normal;
        margin-bottom: 0.75rem;
        font-size: 0.75rem; }
      .inviteActivity .tongji ul p {
        margin-bottom: 0.5rem;
        color: #ff7519; }
        .inviteActivity .tongji ul p span {
          font-size: 1.5rem;
          padding-right: 0.125rem; }
        .inviteActivity .tongji ul p.tips {
          color: #666; }
  .inviteActivity .invite-footer {
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    z-index: 2;
    /*display: none;*/ }
    .inviteActivity .invite-footer .btn-wrap {
      background: #f55757;
      color: #fff;
      font-size: 0.85rem;
      text-align: center;
      margin: 0.625rem 0.75rem;
      padding: 0.375rem 0;
      border-radius: 0.25rem; }

.pop-invite-more {
  /*background-color: rgba(0,0,0,0.7);*/
  display: none; }
  .pop-invite-more.pop-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 3; }
  .pop-invite-more .pop-box {
    /*height: px2rem(800);*/
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    /*top: 4%;*/
    width: 18.25rem;
    /*margin: 0 auto;*/ }
    .pop-invite-more .pop-box .pop-top-banner {
      /*width: px2rem(700);*/
      font-size: 0;
      height: 8.5rem;
      background: url(../images/pop_top_banner.jpg) no-repeat center center/cover; }
    .pop-invite-more .pop-box .pop-main {
      width: 17.075rem;
      height: 16rem;
      background: #fff;
      margin-left: 0.925rem;
      border-radius: 0 0 0.75rem 0.75rem;
      padding-top: 0.75rem;
      margin-top: -.1rem; }
      .pop-invite-more .pop-box .pop-main .main-text {
        height: 10rem;
        padding: 0 1rem 0.25rem;
        margin-bottom: 0.75rem;
        background: #fff;
        font-size: 0.65rem;
        overflow-y: scroll; }
        .pop-invite-more .pop-box .pop-main .main-text .xize-text, .pop-invite-more .pop-box .pop-main .main-text .jieda-text {
          display: none; }
        .pop-invite-more .pop-box .pop-main .main-text div {
          /*margin-top: px2rem(20);*/ }
        .pop-invite-more .pop-box .pop-main .main-text .xuzhi-text {
          /*font-size: px2rem(29);*/ }
        .pop-invite-more .pop-box .pop-main .main-text p {
          margin: 0; }
      .pop-invite-more .pop-box .pop-main .btn-wrap div {
        background: #f55757;
        width: 6rem;
        height: 1.75rem;
        line-height: 1.75rem;
        font-size: 0.8rem;
        margin: 0 auto;
        margin-bottom: 0.625rem;
        border-radius: 0.75rem;
        text-align: center;
        color: #fff; }
    .pop-invite-more .pop-box .pop-goback-xuzhi {
      width: 2.5rem;
      height: 2.5rem;
      position: absolute;
      top: 0.25rem;
      left: 1.25rem;
      background: url(../images/pop_goback_xuzhi.jpg) no-repeat center center/1.25rem;
      display: none;
      -webkit-tap-highlight-color: transparent; }
  .pop-invite-more .close-btn {
    width: 2.5rem;
    height: 3rem;
    background: url(../images/pop_close_btn.jpg) no-repeat center center/1.75rem;
    /*position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    bottom: px2rem(50);*/
    margin: 0 auto; }

/*如祺拉新*/
.inviteRQ {
  width: 18.75rem;
  min-height: 100vh;
  background: #f2b949 url(../images/invite_rq_bg.png) no-repeat top left/100%;
  /*padding: px2rem(650) px2rem(35) 0;*/
  padding-top: 16.25rem;
  padding-bottom: 1rem;
  /*box-sizing: border-box;*/
  /*margin: 0 px2rem(35);*/ }
  .inviteRQ .box1 {
    background: #fe7f28;
    padding: 0.2rem;
    border-radius: 0.5rem;
    /*width: px2rem(680);*/
    margin: 0 0.875rem;
    height: 14.625rem;
    box-sizing: border-box;
    margin-bottom: 0.75rem; }
    .inviteRQ .box1 .content {
      background: #fef5e4;
      height: 14.225rem;
      border-radius: 0.5rem;
      display: flex;
      flex-direction: column;
      /*justify-content: center;*/ }
      .inviteRQ .box1 .content .available-date {
        padding: 0.5rem 0;
        text-align: center; }
        .inviteRQ .box1 .content .available-date span {
          background: #fdecc5;
          color: #f9762e;
          font-size: 0.7rem;
          border-radius: 0.5rem;
          padding: 0.125rem 0.375rem; }
      .inviteRQ .box1 .content .coupon {
        width: 13.5rem;
        margin: 0 auto 0.375rem;
        height: 4.075rem;
        background: url(../images/invite_rq_coupon.png) no-repeat top left/cover;
        display: flex; }
        .inviteRQ .box1 .content .coupon .tips {
          color: #fff7e3;
          font-size: 0.95rem;
          width: 3.5rem;
          padding: 0 0.45rem 0 0.85rem;
          /*text-align: center;*/
          box-sizing: border-box;
          display: flex;
          justify-content: center;
          align-items: center;
          line-height: 1.2em; }
        .inviteRQ .box1 .content .coupon .desc {
          color: #f5950e;
          flex: 1;
          text-align: center;
          justify-content: center;
          display: flex;
          flex-direction: column; }
          .inviteRQ .box1 .content .coupon .desc .title {
            font-size: 1.05rem;
            font-weight: bold;
            letter-spacing: 0.05rem;
            margin-bottom: 0.15rem; }
            .inviteRQ .box1 .content .coupon .desc .title span {
              color: #e42c24; }
      .inviteRQ .box1 .content .coupon2 {
        width: 16.6rem;
        margin: 0 auto;
        height: 7rem;
        background: url(../images/invite_rq_coupon2.png) no-repeat center center/86%; }
  .inviteRQ .box2 {
    border-radius: 0.5rem;
    /*width: px2rem(680);*/
    margin: 0 0.875rem;
    height: 6rem;
    background: #fef5e4 url(../images/invite_rq_box2.png) no-repeat center center/85%;
    margin-bottom: 0.875rem; }
  .inviteRQ .invite-btn {
    width: 13rem;
    height: 2.25rem;
    margin: 0 auto;
    background: url(../images/invite_rq_btn.png) no-repeat center center/100%;
    margin-bottom: 0.875rem; }
    .inviteRQ .invite-btn a {
      display: inline-block;
      width: 13rem;
      height: 2.25rem; }
  .inviteRQ .box3 {
    border-radius: 0.5rem;
    /*width: px2rem(680);*/
    margin: 0 0.875rem;
    height: 11.75rem;
    background: #fef5e4;
    margin-bottom: 1.5rem;
    overflow: hidden;
    color: #666;
    text-align: center; }
    .inviteRQ .box3 i {
      padding-left: 0.15rem;
      position: relative;
      top: -0.05rem; }
    .inviteRQ .box3 .title {
      height: 2.5rem;
      margin-bottom: 0.3rem;
      background: #fef5e4 url(../images/invite_rq_box3.png) no-repeat center center/85%; }
    .inviteRQ .box3 .process-bar {
      width: 14rem;
      height: 0.75rem;
      margin: 0 auto 1rem;
      position: relative; }
      .inviteRQ .box3 .process-bar .bar-bg {
        border-radius: 0.5rem;
        width: 14rem;
        height: 0.75rem;
        background: #fed79d;
        overflow: hidden; }
        .inviteRQ .box3 .process-bar .bar-bg .bar {
          height: 0.75rem;
          width: 50%;
          background: #ffac26; }
      .inviteRQ .box3 .process-bar .icon {
        min-width: 1rem;
        max-width: 14rem;
        width: 1rem;
        height: 1rem;
        position: absolute;
        top: -0.125rem;
        background: url(../images/invite_rq_process.png) no-repeat right center/1rem; }
    .inviteRQ .box3 .fanxian {
      font-size: 0.75rem;
      font-weight: bold;
      margin: 0.125rem 0 0.5rem; }
      .inviteRQ .box3 .fanxian span {
        color: #f24e4a;
        font-size: 1.75rem;
        padding-right: 0.125rem; }
    .inviteRQ .box3 .list {
      display: flex;
      justify-content: space-around;
      padding: 0 1.25rem; }
      .inviteRQ .box3 .list .list-item {
        display: flex;
        flex-direction: column;
        text-align: center; }
        .inviteRQ .box3 .list .list-item div {
          font-weight: bold;
          margin-top: 0.125rem; }
          .inviteRQ .box3 .list .list-item div span {
            color: #f24e4a;
            font-size: 1.3rem;
            padding-right: 0.025rem; }
  .inviteRQ .box4 {
    border-radius: 0.5rem;
    /*width: px2rem(680);*/
    /*height: px2rem(450);*/
    margin: 0 0.875rem;
    background: #fef5e4;
    margin-bottom: 0.875rem;
    overflow: hidden;
    padding-bottom: 0.375rem; }
    .inviteRQ .box4 .title {
      height: 2.5rem;
      margin-bottom: 0rem;
      background: #fef5e4 url(../images/invite_rq_box4.png) no-repeat center center/85%;
      position: relative; }
      .inviteRQ .box4 .title span {
        position: absolute;
        right: 1.25rem;
        bottom: 0.375rem;
        color: #666;
        font-size: 0.35rem; }
    .inviteRQ .box4 .list {
      color: #ff9331;
      padding: 0 0.75rem; }
      .inviteRQ .box4 .list .list-title {
        display: flex;
        font-size: 0.7rem;
        padding: 0 0.125rem; }
        .inviteRQ .box4 .list .list-title span {
          width: 37%;
          padding: 0.25rem 0;
          text-align: center; }
          .inviteRQ .box4 .list .list-title span:first-child {
            width: 33%;
            text-align: left; }
          .inviteRQ .box4 .list .list-title span:nth-child(2) {
            width: 30%;
            text-align: center; }
      .inviteRQ .box4 .list ul {
        font-size: 0.55rem; }
        .inviteRQ .box4 .list ul li {
          display: flex;
          /*justify-content: space-around;*/
          padding: 0.5rem 0.125rem; }
          .inviteRQ .box4 .list ul li span {
            width: 37%;
            text-align: center; }
            .inviteRQ .box4 .list ul li span:first-child {
              width: 33%;
              text-align: left; }
            .inviteRQ .box4 .list ul li span:nth-child(2) {
              width: 30%;
              text-align: center; }
          .inviteRQ .box4 .list ul li:first-child {
            border-bottom: 0.1rem solid #fed79d; }
  .inviteRQ .box5 {
    background: #fe7f28;
    padding: 0.2rem 0.2rem;
    border-radius: 0.5rem;
    /*width: px2rem(680);*/
    margin: 0 0.875rem;
    height: 9.5rem;
    box-sizing: border-box;
    /*margin-bottom: px2rem(30);*/ }
    .inviteRQ .box5 .content {
      background: #fef5e4;
      height: 8rem;
      border-radius: 0.5rem;
      display: flex;
      flex-direction: column;
      overflow: hidden; }
      .inviteRQ .box5 .content .title {
        height: 2.5rem;
        margin-bottom: 0rem;
        background: #fef5e4 url(../images/invite_rq_box5.png) no-repeat center center/85%;
        position: relative; }
      .inviteRQ .box5 .content .text {
        width: 15rem;
        margin: 0 auto;
        padding-left: 0.375rem;
        font-size: 0.55rem;
        line-height: 1.6em;
        color: #ff9331;
        position: relative;
        letter-spacing: 0.05rem; }
        .inviteRQ .box5 .content .text:before {
          content: "";
          position: absolute;
          top: 0.125rem;
          left: 0;
          width: 0.15rem;
          height: 0.675rem;
          background: #f24e4a;
          border-radius: 0.125rem; }
    .inviteRQ .box5 .read-more {
      /*height: px2rem(30);*/
      /*margin: px2rem(10) 0 0;*/
      height: 1rem;
      padding: 0.125rem 0;
      background: url(../images/invite_rq_box5_bottom.png) no-repeat center center/80%; }
      .inviteRQ .box5 .read-more a {
        width: 100%;
        height: 100%;
        display: inline-block; }

/*分享图片*/
.pop-share-rq {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  /*background: #fff;*/
  /*background: #f4c55c;*/
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7); }
  .pop-share-rq .pop-box {
    height: 100%; }
  .pop-share-rq .img-wrap {
    /*background: #f4c55c;*/
    width: 80%;
    font-size: 0;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%); }
    .pop-share-rq .img-wrap img {
      width: 100%;
      font-size: 0; }
  .pop-share-rq p {
    width: 100%;
    padding: 0.7rem 0;
    margin: 0;
    background: #fff;
    text-align: center;
    /*color: #555;*/
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 0.7rem; }

.posterRQ {
  height: 100%;
  /*background: #ffc343;*/ }
  .posterRQ #poster {
    width: 12.5rem;
    height: 22.25rem;
    /*height: 80vh;*/
    /*		width: 100vw;
    	    height: 100vh;*/
    /* position: fixed;
     top: 0;
     left: 0;*/
    position: relative;
    z-index: -1; }
    .posterRQ #poster img {
      background: #fff;
      /*width: 24%;*/
      /*height: px2rem(210);*/
      width: 3.55rem;
      position: absolute;
      bottom: 1.25rem;
      left: 4.4rem; }

/* 新增选择国家/地区 */
.select-area, .select-wrap {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  color: #777;
  font-size: 0.7rem;
  padding: 0 0.75rem;
  height: 2.25rem;
  box-shadow: 0rem 0.17rem 1.02rem -0.77rem #4e65f6;
  background: #F8F8F8;
  border-radius: 0.3rem; }
  .select-area div, .select-wrap div {
    margin-bottom: 0; }
  .select-area .area-code, .select-area .selected, .select-wrap .area-code, .select-wrap .selected {
    flex: 1;
    text-align: left;
    margin-left: 0.75rem;
    position: relative; }
    .select-area .area-code:after, .select-area .selected:after, .select-wrap .area-code:after, .select-wrap .selected:after {
      content: "";
      width: 0.8rem;
      height: 0.8rem;
      display: inline-block;
      position: absolute;
      right: 0;
      background: url(../images/right.png) no-repeat center center/100%;
      /*transform: rotateY(180deg);*/ }
    .select-area .area-code i, .select-area .selected i, .select-wrap .area-code i, .select-wrap .selected i {
      padding-left: 0.125rem; }

/* 新增选择国家/地区弹框 */
.pop-select-area, .pop-select-wrap {
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  display: none; }
  .pop-select-area .list, .pop-select-wrap .list {
    background: #fff; }
    .pop-select-area .list li, .pop-select-wrap .list li {
      display: flex;
      height: 2.5rem;
      line-height: 2.5rem;
      padding: 0 0.75rem;
      border-bottom: 1px solid #ddd;
      color: #333;
      font-size: 0.7rem; }
      .pop-select-area .list li i, .pop-select-wrap .list li i {
        margin-left: auto;
        color: #999; }

/*领券*/
.couponList {
  background-color: #f9f8f6;
  padding-top: 2.2rem;
  min-height: 100vh;
  box-sizing: border-box; }
  .couponList .sort-nav {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3; }
    .couponList .sort-nav ul {
      display: flex;
      justify-content: space-around;
      font-size: 0.7rem;
      /*margin-bottom: px2rem(46);*/ }
      .couponList .sort-nav ul li {
        padding: 0.75rem 0 0.7rem;
        position: relative;
        font-size: 0.7rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #101010;
        line-height: 0.75rem;
        cursor: pointer; }
        .couponList .sort-nav ul li.active:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translate(-50%, 0);
          border-radius: 0.125rem;
          width: 1.725rem;
          height: 0.15rem;
          background: rgba(2, 124, 244, 0.98);
          border-radius: 0.075rem; }
  .couponList .list ul {
    display: none; }
    .couponList .list ul:first-child {
      display: block; }
  .couponList .list li {
    width: 17.175rem;
    padding: 0.725rem 0 0.3rem 1.4rem;
    box-sizing: border-box;
    min-height: 6.475rem;
    margin: 1.15rem auto 0;
    border-radius: 0.25rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    /*box-shadow: 0 0.05rem 0.75rem 0 #ccc;*/ }
    .couponList .list li:before {
      content: "";
      position: absolute;
      left: -0.625rem;
      top: 5rem;
      width: 1.25rem;
      height: 1.25rem;
      background-color: #f9f8f6;
      border-radius: 100%;
      z-index: 2; }
    .couponList .list li:after {
      content: "";
      position: absolute;
      right: -0.625rem;
      top: 5rem;
      width: 1.25rem;
      height: 1.25rem;
      background-color: #f9f8f6;
      border-radius: 100%;
      z-index: 2; }
    .couponList .list li .logo {
      position: absolute;
      right: 0;
      top: 3rem;
      width: 8.25rem;
      height: 2.675rem;
      background: url(../images/logo3.png) no-repeat right center/8.25rem;
      z-index: 1; }
    .couponList .list li .limit {
      width: 0.675rem;
      height: 1.05rem;
      position: absolute;
      top: 0;
      left: 0.25rem;
      color: #fff;
      font-size: 0.45rem;
      text-align: center;
      line-height: 0.75rem;
      background: linear-gradient(0deg, #027cf4 0%, #1a89f5 51%, #389df8 100%); }
      .couponList .list li .limit:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: -0.025rem;
        left: 0;
        border-bottom: solid 0.3375rem white;
        border-right: solid 0.3375rem transparent;
        border-left: solid 0.3375rem transparent;
        /*border-top:solid px2rem(10) transparent;*/ }
    .couponList .list li h2 {
      font-size: 0.9rem;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #101010;
      margin-bottom: 0.25rem; }
    .couponList .list li .tag {
      display: inline-block;
      border: 0.05rem solid #077ff4;
      border-radius: 0.1rem;
      color: #077FF4;
      padding: 0 0.225rem;
      margin-bottom: 0.3rem; }
    .couponList .list li .label {
      width: 4.5rem;
      height: 0.9rem;
      line-height: 0.95rem;
      transform: rotate(45deg);
      color: #fff;
      position: absolute;
      right: -1.5rem;
      top: 0.25rem;
      font-size: 0.45rem;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: white;
      text-align: center;
      background: linear-gradient(0deg, #027cf4 0%, #1a89f5 51%, #389df8 100%); }
    .couponList .list li .time {
      font-size: 0.55rem;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #666666;
      padding-bottom: 0.55rem;
      border-bottom: 0.075rem dashed #E1E1E1;
      margin-left: -0.5rem;
      padding-left: 0.5rem;
      margin-right: 0.575rem;
      position: relative;
      z-index: 2; }
    .couponList .list li .beishu2 {
      width: 1.35rem;
      height: 1.35rem;
      background: url(../images/x2.jpg) no-repeat right center/1.35rem;
      position: absolute;
      right: 1.55rem;
      top: 2.25rem;
      z-index: 2; }
    .couponList .list li .beishu3 {
      width: 1.35rem;
      height: 1.35rem;
      background: url(../images/x3.jpg) no-repeat right center/1.35rem;
      position: absolute;
      right: 1.55rem;
      top: 2.25rem;
      z-index: 2; }
    .couponList .list li .detail-wrap {
      position: relative;
      z-index: 2; }
    .couponList .list li .detail-title {
      font-size: 0.6rem;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #666666;
      margin-right: 1.575rem;
      cursor: pointer;
      padding-top: 0.65rem;
      padding-bottom: 0.35rem;
      position: relative; }
      .couponList .list li .detail-title i {
        width: 0.65rem;
        height: 0.25rem;
        transform: rotate(180deg);
        position: absolute;
        right: 0;
        top: 1.05rem;
        background: url(../images/detail-more.png) no-repeat right center/0.65rem;
        transition: .2s all; }
    .couponList .list li .detail {
      display: none;
      font-size: 0.6rem;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #666666;
      line-height: 1rem;
      margin-right: 1.45rem;
      padding-bottom: 0.35rem; }
    .couponList .list li.gray h2 {
      color: #d2d2d2; }
    .couponList .list li.gray .tag {
      color: #d2d2d2;
      border-color: #d2d2d2; }
    .couponList .list li.gray .time {
      color: #d2d2d2; }
    .couponList .list li.gray .detail-title {
      color: #d2d2d2; }
    .couponList .list li.gray .detail {
      color: #d2d2d2; }
    .couponList .list li.gray .label {
      background: #d2d2d2; }
    .couponList .list li.gray .limit {
      background: #d2d2d2; }
    .couponList .list li.gray .beishu2 {
      background-image: url(../images/x2-gray.jpg); }
    .couponList .list li.gray .beishu3 {
      background-image: url(../images/x3-gray.jpg); }
    .couponList .list li.red .label {
      background: linear-gradient(0deg, #fe8565 0%, #ff4612 100%); }
  .couponList .tips {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    padding-top: 2.5rem;
    font-size: 0.6rem;
    text-align: center; }
    .couponList .tips i {
      width: 1.625rem;
      height: 1.625rem;
      background-position: center center;
      background-size: 1.625rem;
      background-repeat: no-repeat; }
  .couponList .no-data {
    /* display: none; */ }
    .couponList .no-data i {
      background-size: 2.5rem;
      background-image: url(../images/no-order.png); }

.goodsShareInWechat {
  background: #f5f5f5;
  height: 100vh; }
  .goodsShareInWechat i {
    font-style: normal; }
  .goodsShareInWechat #poster {
    width: 15rem;
    height: 24.5rem;
    padding-top: 0.625rem;
    background: #fff;
    position: relative; }
    .goodsShareInWechat #poster .top-info .logo {
      width: 4.9rem;
      height: 1.6rem;
      margin: 0 auto;
      background: url("../images/share-top-logo.png") no-repeat center center/100%; }
    .goodsShareInWechat #poster .top-info .title {
      width: 13.125rem;
      height: 1.425rem;
      margin: 0.875rem auto 0.625rem;
      line-height: 1.425rem;
      text-align: center;
      background: #deeffe;
      color: #027cf4;
      font-size: 0.625rem;
      border-radius: 0.5rem;
      position: relative; }
      .goodsShareInWechat #poster .top-info .title i {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 0.4rem solid transparent;
        border-left: 0.4rem solid transparent;
        border-right: 0.4rem solid transparent;
        border-bottom: 0.4rem solid #deeffe;
        top: -0.75rem;
        left: 6.35rem; }
    .goodsShareInWechat #poster .goods-info {
      padding: 0 0.95rem; }
      .goodsShareInWechat #poster .goods-info .goods-img {
        background: #eee;
        width: 100%;
        height: 13.125rem;
        margin: 0 auto 0.625rem;
        position: relative; }
        .goodsShareInWechat #poster .goods-info .goods-img img {
          width: 100%; }
        .goodsShareInWechat #poster .goods-info .goods-img .goods-img-txt {
          height: 2.375rem;
          line-height: 2.375rem;
          font-size: 0.625rem;
          color: #fff;
          position: absolute;
          z-index: 2;
          top: 8.175rem;
          right: -0.325rem;
          padding: 0 0.75rem;
          background: #ea5252;
          border-radius: 1.25rem 0 0 1.25rem;
          display: flex;
          align-items: center; }
          .goodsShareInWechat #poster .goods-info .goods-img .goods-img-txt span {
            font-size: 1.5rem;
            font-weight: bold;
            padding-left: 0.25rem; }
          .goodsShareInWechat #poster .goods-info .goods-img .goods-img-txt i {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-top: 0rem solid transparent;
            border-right: 0.325rem solid transparent;
            border-bottom: 0.325rem solid transparent;
            border-left: 0.325rem solid #5a2121;
            bottom: -0.3rem;
            right: -0.325rem;
            z-index: -1; }
      .goodsShareInWechat #poster .goods-info .goods-price-wrap {
        display: inline-block; }
        .goodsShareInWechat #poster .goods-info .goods-price-wrap .original {
          display: flex;
          margin-bottom: 0.25rem; }
        .goodsShareInWechat #poster .goods-info .goods-price-wrap .original-price {
          height: 0.375rem;
          color: #949494;
          font-size: 0.475rem;
          border-bottom: 1px solid #949494;
          margin-top: 0.125rem;
          margin-right: 0.375rem; }
          .goodsShareInWechat #poster .goods-info .goods-price-wrap .original-price i {
            font-size: 0.475rem; }
          .goodsShareInWechat #poster .goods-info .goods-price-wrap .original-price span {
            font-size: 0.6rem; }
        .goodsShareInWechat #poster .goods-info .goods-price-wrap .coupon {
          border: 0.025rem solid #ea5252;
          border-radius: 0.125rem;
          color: #ea5252;
          font-size: 0.6rem;
          display: flex;
          align-items: center;
          padding-right: 0.125rem;
          overflow: hidden; }
          .goodsShareInWechat #poster .goods-info .goods-price-wrap .coupon i {
            background: #ea5252;
            color: #fff;
            padding: 0 0.05rem;
            display: inline-block;
            text-align: center;
            margin-right: 0.125rem; }
          .goodsShareInWechat #poster .goods-info .goods-price-wrap .coupon span {
            line-height: 0.825rem;
            display: inline-block;
            padding-right: 0.125rem; }
        .goodsShareInWechat #poster .goods-info .goods-price-wrap .price-wrap {
          display: flex;
          color: #EA5252;
          margin-bottom: 0.45rem;
          float: left; }
          .goodsShareInWechat #poster .goods-info .goods-price-wrap .price-wrap .price {
            font-size: 0.95rem; }
            .goodsShareInWechat #poster .goods-info .goods-price-wrap .price-wrap .price i {
              font-size: 0.475rem; }
          .goodsShareInWechat #poster .goods-info .goods-price-wrap .price-wrap .fanxian {
            display: flex;
            align-items: center;
            margin-left: 0.1rem;
            font-size: 0.75rem; }
            .goodsShareInWechat #poster .goods-info .goods-price-wrap .price-wrap .fanxian span {
              font-size: 0.825rem;
              padding-left: 0.1rem; }
      .goodsShareInWechat #poster .goods-info .goods-name {
        width: 8.375rem;
        height: 1.5rem;
        line-height: 0.8rem;
        overflow: hidden;
        font-size: 0.55rem;
        color: #333;
        letter-spacing: 0.025rem; }
        .goodsShareInWechat #poster .goods-info .goods-name i {
          display: inline-block;
          width: 0.7rem;
          height: 0.7rem;
          border-radius: 100%;
          background-repeat: no-repeat;
          background-size: 100%;
          overflow: hidden;
          margin-bottom: -0.175rem; }
          .goodsShareInWechat #poster .goods-info .goods-name i.tb {
            background-image: url("http://wb1.planpoint.cn/fanxianyi/assets/images/tb_icon.png"); }
        .goodsShareInWechat #poster .goods-info .goods-name span.tag {
          background: #E22323;
          padding: 0.05rem 0.125rem;
          border-radius: 0.125rem;
          color: #fff;
          font-size: 0.45rem;
          margin-top: -0.05rem; }
      .goodsShareInWechat #poster .goods-info .left {
        float: left;
        width: 8.375rem; }
      .goodsShareInWechat #poster .goods-info .right {
        float: right;
        width: 4.5rem; }
      .goodsShareInWechat #poster .goods-info .erweima-wrap {
        text-align: center;
        margin-top: 0rem; }
        .goodsShareInWechat #poster .goods-info .erweima-wrap .erweima {
          width: 2.75rem;
          height: 2.75rem;
          margin: 0 auto 0.2rem;
          background: #fff url("../images/share-erweima-bg.png") no-repeat center center/100%; }
          .goodsShareInWechat #poster .goods-info .erweima-wrap .erweima img {
            margin-top: 0.1875rem;
            width: 2.375rem; }
        .goodsShareInWechat #poster .goods-info .erweima-wrap div {
          font-size: 0.4rem;
          line-height: 0.65rem;
          color: #666666; }

.pop-share-goods {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #f5f5f5;
  z-index: 1000; }
  .pop-share-goods .img-wrap {
    width: 80%;
    margin: 0.75rem auto; }
  .pop-share-goods img {
    width: 100%; }
  .pop-share-goods p {
    text-align: center;
    color: #666; }

/*# sourceMappingURL=different.css.map */



/*
   顶部导航
*/
.pop-nav ul {
	display: flex;
	justify-content: space-around;
  }

  .pop-nav ul li {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
  }

  .pop-nav ul li img {
	width: .7rem;
	height: .7rem;
	margin-right: 0.2rem;
	border-radius: 4px;
  }

  .yh {
	background-color: #fff;
	margin-top: 0.5rem;
	padding: 0.5rem 4%;
  }

  .yh .van-cell__title {
	font-weight: 700;
  }

  .yh .yh_content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .6rem 0;
  }

  .yh .yh_content li {
	display: flex;
	align-items: center;
	font-size: .65rem;
  }

  .yh .yh_content li img {
	width: 1rem;
	height: 1rem;
	margin-right: .2rem;
  }

  .activeNav {
	border-bottom: 2px solid #ee0a24;
  }
.tap_taobao{ border:1px solid #FFF;border-radius: 0.175rem;width:0.65rem;height:0.65rem;background:url('https://cdn.planpoint.cn/wb1/fanxianyi/assets/images/tb_icon.png') no-repeat center center/0.65rem;}
  .tap_tianmao{ border:1px solid #FFF;border-radius: 0.175rem;width:0.65rem;height:0.65rem;background:url('https://cdn.planpoint.cn/wb1/fanxianyi/assets/images/tm_icon.png') no-repeat center center/0.65rem;}
  .tap_jingdong{ border:1px solid #FFF;border-radius: 0.175rem;width:0.65rem;height:0.65rem;background:url('https://cdn.planpoint.cn/wb1/fanxianyi/assets/images/jd_icon.png') no-repeat center center/0.65rem;}
  .tap_pinduoduo{ border:1px solid #FFF;border-radius: 0.175rem;width:0.65rem;height:0.65rem;background:url('https://cdn.planpoint.cn/wb1/fanxianyi/assets/images/pdd_icon.png') no-repeat center center/0.65rem;}
  .tap_douyin{ border:1px solid #FFF;border-radius: 0.175rem;width:0.65rem;height:0.65rem;background:url('https://cdn.planpoint.cn/wb1/fanxianyi/assets/images/douyin.jpg') no-repeat center center/0.65rem;}
  .tap_vip{ border:1px solid #FFF;border-radius: 0.175rem;width:0.65rem;height:0.65rem;background:url('https://cdn.planpoint.cn/wb1/fanxianyi/assets/images/vip_icon.png') no-repeat center center/0.65rem;}