.content {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: #EFF8F5;
  padding-bottom: .6rem;
  min-height: 100vh; }
  .content.technician::after {
    content: '';
    width: 100%;
    height: 6rem;
    background-size: 100% 100%;
    background-image: url(../images/bgss_01.jpg);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .content::after {
    content: '';
    width: 100%;
    height: 8.22rem;
    background-size: 100% 100%;
    background-image: url(../images/bgss_01.jpg);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .content .growinfo {
    margin: 0 auto;
    position: relative;
    width: 7rem;
    padding: .18rem .32rem .26rem .4rem;
    background: #fff;
    margin-top: .18rem;
    z-index: 99;
    border-radius: .15rem; }
    .content .growinfo .desc {
      display: block;
      font-size: .22rem;
      margin-top: .1rem;
      color: #767b7b; }
    .content .growinfo .tips {
      overflow: hidden;
      width: 1.13rem;
      border: 1px solid #19D6CE;
      border-radius: .06rem;
      position: absolute;
      right: .32rem;
      top: .22rem; }
      .content .growinfo .tips p {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: .4rem;
        border-bottom: 1px solid #1AD896;
        background: linear-gradient(to right, #19D6CC, #1BD995);
        font-size: .21rem;
        color: #fff; }
      .content .growinfo .tips div {
        overflow: hidden;
        padding: .03rem 0; }
        .content .growinfo .tips div span {
          display: block;
          line-height: .26rem;
          text-align: center;
          font-size: .2rem;
          color: #01d48b; }
          .content .growinfo .tips div span:last-child {
            font-size: .22rem; }
    .content .growinfo .font {
      display: flex;
      height: .4rem;
      width: 100%;
      background: #FEFAEE;
      border-radius: .03rem;
      padding: 0 .1rem;
      margin-top: .14rem;
      align-items: center; }
      .content .growinfo .font span {
        display: block;
        font-size: .2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #8d661a; }
    .content .growinfo .price {
      display: flex;
      align-items: center;
      margin-top: .1rem; }
      .content .growinfo .price .b {
        display: inline-flex;
        align-items: center;
        margin-left: .1rem;
        font-size: .17rem;
        padding-right: .05rem;
        color: #fff;
        background: #ff8350;
        border-radius: .03rem;
        height: .29rem; }
        .content .growinfo .price .b div {
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: .16rem;
          color: #fff;
          padding: 0 .04rem;
          background: #F56915; }
      .content .growinfo .price p {
        display: flex;
        align-items: flex-end;
        font-size: .29rem;
        color: #f3620b; }
        .content .growinfo .price p span {
          display: inline-block;
          color: #f3620b;
          font-weight: bold; }
    .content .growinfo .des {
      display: flex;
      align-items: center;
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .content .growinfo .des div {
        display: inline-flex;
        align-items: center;
        height: .35rem;
        border-radius: .4rem;
        margin-right: .13rem;
        font-size: .21rem;
        color: #038c85;
        padding: 0 .17rem;
        background: linear-gradient(to right, #E0F9F8, #E0FAF1);
        margin-top: .12rem; }
    .content .growinfo .t {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .growinfo .t p {
        font-size: .32rem;
        color: #252c2c;
        font-weight: bold; }
  .content .order_xz {
    width: 7rem;
    background-image: url(../images/wx_06.png);
    height: 7.45rem;
    background-size: 100% 100%;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    margin-top: .15rem;
    overflow: hidden;
    padding-top: 1.58rem; }
    .content .order_xz .on {
      height: 7.45rem;
      background-image: url(../images/wx_06.png); }
    .content .order_xz .font {
      width: 5.62rem;
      margin: 0 auto;
      font-size: .22rem;
      color: #7f8383;
      line-height: .36rem;
      margin-bottom: .64rem; }
  .content .userinfo {
    overflow: hidden;
    width: 7rem;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    margin-top: -1.37rem;
    border-radius: 0 0 .15rem .15rem; }
    .content .userinfo .info {
      padding: .26rem .23rem .35rem .32rem;
      background: #fff; }
    .content .userinfo .tips {
      overflow: hidden;
      width: 1.13rem;
      border: 1px solid #19D6CE;
      border-radius: .06rem;
      position: absolute;
      right: .23rem;
      top: .97rem; }
      .content .userinfo .tips p {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: .4rem;
        border-bottom: 1px solid #1AD896;
        background: linear-gradient(to right, #19D6CC, #1BD995);
        font-size: .21rem;
        color: #fff; }
      .content .userinfo .tips span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: .32rem;
        font-size: .2rem;
        color: #01d48b; }
    .content .userinfo .desc {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .content .userinfo .desc div {
        display: inline-flex;
        align-items: center;
        height: .38rem;
        border-radius: .4rem;
        margin-right: .18rem;
        font-size: .21rem;
        color: #038c85;
        padding: 0 .17rem;
        background: linear-gradient(to right, #E0F9F8, #E0FAF1);
        margin-top: .15rem; }
        .content .userinfo .desc div img {
          width: .22rem;
          margin-right: .07rem; }
    .content .userinfo em {
      display: block;
      font-size: .2rem;
      color: #767b7b;
      line-height: .3rem;
      margin-top: .2rem; }
    .content .userinfo .des {
      display: flex;
      align-items: center; }
      .content .userinfo .des .star {
        display: flex;
        margin-right: .17rem;
        align-items: center;
        margin-top: .06rem; }
        .content .userinfo .des .star img {
          width: .22rem;
          margin-right: .06rem; }
        .content .userinfo .des .star span {
          font-size: .24rem;
          color: #f4640e; }
      .content .userinfo .des .num {
        display: flex;
        align-items: center;
        margin-top: .06rem; }
        .content .userinfo .des .num img {
          width: .22rem;
          margin-right: .06rem; }
        .content .userinfo .des .num span {
          font-size: .24rem;
          color: #313838; }
    .content .userinfo .name {
      width: 100%;
      height: .75rem;
      background-image: url(../images/ina_03.png);
      display: flex;
      align-items: center;
      padding-left: .36rem;
      background-size: 100% 100%;
      font-size: .36rem;
      color: #252c2c;
      font-weight: bold; }
  .content .des_link {
    width: 6.9rem;
    margin: 0 auto;
    margin-top: .4rem; }
  .content .main_hot {
    width: 6.9rem;
    margin: 0 auto;
    margin-top: .4rem; }
    .content .main_hot .fadeins ul {
      overflow: hidden;
      margin-top: .1rem; }
      .content .main_hot .fadeins ul li {
        width: 100%;
        margin-top: .3rem;
        background: #fff;
        border-radius: .15rem;
        border: 1px solid #A7EDD4; }
        .content .main_hot .fadeins ul li a {
          width: 100%;
          display: flex;
          box-sizing: border-box;
          padding: .15rem;
          align-items: center; }
          .content .main_hot .fadeins ul li a .grow {
            flex: 1;
            padding-left: .2rem;
            position: relative; }
            .content .main_hot .fadeins ul li a .grow .tips {
              overflow: hidden;
              width: 1.13rem;
              border: 1px solid #19D6CE;
              border-radius: .06rem;
              position: absolute;
              right: 0;
              top: .06rem; }
              .content .main_hot .fadeins ul li a .grow .tips p {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: .4rem;
                border-bottom: 1px solid #1AD896;
                background: linear-gradient(to right, #19D6CC, #1BD995);
                font-size: .21rem;
                color: #fff; }
              .content .main_hot .fadeins ul li a .grow .tips div {
                overflow: hidden;
                padding: .03rem 0; }
                .content .main_hot .fadeins ul li a .grow .tips div span {
                  display: block;
                  line-height: .26rem;
                  text-align: center;
                  font-size: .2rem;
                  color: #01d48b; }
                  .content .main_hot .fadeins ul li a .grow .tips div span:last-child {
                    font-size: .22rem; }
            .content .main_hot .fadeins ul li a .grow .font {
              display: flex;
              height: .4rem;
              width: 100%;
              background: #FEFAEE;
              border-radius: .03rem;
              padding: 0 .1rem;
              margin-top: .14rem;
              align-items: center; }
              .content .main_hot .fadeins ul li a .grow .font span {
                display: block;
                font-size: .2rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #8d661a; }
            .content .main_hot .fadeins ul li a .grow .price {
              display: flex;
              align-items: center;
              margin-top: .1rem; }
              .content .main_hot .fadeins ul li a .grow .price .b {
                display: inline-flex;
                align-items: center;
                margin-left: .1rem;
                font-size: .17rem;
                padding-right: .05rem;
                color: #fff;
                background: #ff8350;
                border-radius: .03rem;
                height: .29rem; }
                .content .main_hot .fadeins ul li a .grow .price .b div {
                  height: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: .16rem;
                  color: #fff;
                  padding: 0 .04rem;
                  background: #F56915; }
              .content .main_hot .fadeins ul li a .grow .price p {
                display: flex;
                align-items: flex-end;
                font-size: .29rem;
                color: #f3620b; }
                .content .main_hot .fadeins ul li a .grow .price p span {
                  display: inline-block;
                  color: #f3620b;
                  font-weight: bold; }
            .content .main_hot .fadeins ul li a .grow .des {
              display: flex;
              align-items: center;
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .content .main_hot .fadeins ul li a .grow .des div {
                display: inline-flex;
                align-items: center;
                height: .35rem;
                border-radius: .4rem;
                margin-right: .13rem;
                font-size: .21rem;
                color: #038c85;
                padding: 0 .17rem;
                background: linear-gradient(to right, #E0F9F8, #E0FAF1);
                margin-top: .12rem; }
            .content .main_hot .fadeins ul li a .grow .t {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .content .main_hot .fadeins ul li a .grow .t p {
                font-size: .32rem;
                color: #252c2c;
                font-weight: bold; }
          .content .main_hot .fadeins ul li a .desc {
            display: block;
            font-size: .22rem;
            margin-top: .1rem;
            color: #767b7b; }
          .content .main_hot .fadeins ul li a .pic {
            width: 2.88rem;
            height: 1.83rem;
            position: relative;
            overflow: hidden;
            border-radius: .15rem; }
            .content .main_hot .fadeins ul li a .pic img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover; }
            .content .main_hot .fadeins ul li a .pic .b {
              padding: 0 .11rem;
              display: inline-flex;
              align-items: center;
              height: .41rem;
              position: absolute;
              left: 0;
              top: 0rem;
              background: #17DAD2;
              font-size: .2rem;
              color: #fff;
              border-radius: 0 0 .06rem 0; }
  .content .list_nav {
    display: flex;
    position: relative;
    z-index: 9;
    align-items: center;
    flex-wrap: wrap; }
    .content .list_nav div {
      overflow: hidden;
      width: 25%;
      margin-top: .35rem; }
      .content .list_nav div img {
        display: block;
        width: .6rem;
        margin: 0 auto;
        margin-bottom: .15rem; }
      .content .list_nav div span {
        display: block;
        text-align: center;
        font-size: .2rem;
        color: #252a2a; }
  .content .search {
    width: 4.06rem;
    height: .6rem;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: .6rem;
    padding-right: .56rem; }
    .content .search img {
      width: .29rem;
      position: absolute;
      right: .27rem;
      top: 50%;
      transform: translateY(-50%); }
    .content .search input {
      flex: 1;
      font-size: .24rem;
      color: #5d6363;
      height: 100%;
      background: none;
      text-align: center;
      border: none;
      outline: none; }
  .content .main_recommend {
    width: 7rem;
    z-index: 9;
    position: relative;
    margin: 0 auto;
    margin-top: .45rem; }
    .content .main_recommend .fadeins {
      width: 100%; }
      .content .main_recommend .fadeins ul {
        width: 100%;
        overflow: hidden;
        margin-top: .13rem; }
        .content .main_recommend .fadeins ul li {
          overflow: hidden;
          width: 100%;
          background: #fff;
          border-radius: .15rem;
          border: 1px solid #A7EDE1;
          margin-top: .22rem; }
          .content .main_recommend .fadeins ul li a {
            display: flex;
            padding: .15rem;
            box-sizing: border-box;
            justify-content: space-between;
            width: 100%; }
          .content .main_recommend .fadeins ul li .info {
            overflow: hidden;
            flex: 1;
            padding-left: .3rem;
            position: relative; }
            .content .main_recommend .fadeins ul li .info .tips {
              overflow: hidden;
              width: 1.13rem;
              border: 1px solid #19D6CE;
              border-radius: .06rem;
              position: absolute;
              right: 0;
              top: .06rem; }
              .content .main_recommend .fadeins ul li .info .tips p {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: .4rem;
                border-bottom: 1px solid #1AD896;
                background: linear-gradient(to right, #19D6CC, #1BD995);
                font-size: .21rem;
                color: #fff; }
              .content .main_recommend .fadeins ul li .info .tips span {
                display: flex;
                align-items: center;
                justify-content: center;
                height: .32rem;
                font-size: .2rem;
                color: #01d48b; }
            .content .main_recommend .fadeins ul li .info .name {
              font-size: .32rem;
              color: #252c2c;
              line-height: .5rem;
              font-weight: bold; }
            .content .main_recommend .fadeins ul li .info .desc {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .content .main_recommend .fadeins ul li .info .desc div {
                display: inline-flex;
                align-items: center;
                height: .35rem;
                border-radius: .4rem;
                margin-right: .13rem;
                font-size: .21rem;
                color: #038c85;
                padding: 0 .17rem;
                background: linear-gradient(to right, #E0F9F8, #E0FAF1);
                margin-top: .12rem; }
            .content .main_recommend .fadeins ul li .info em {
              display: block;
              font-size: .2rem;
              color: #767b7b;
              line-height: .3rem;
              margin-top: .22rem; }
            .content .main_recommend .fadeins ul li .info .des {
              display: flex;
              align-items: center; }
              .content .main_recommend .fadeins ul li .info .des .star {
                display: flex;
                margin-right: .17rem;
                align-items: center;
                margin-top: .06rem; }
                .content .main_recommend .fadeins ul li .info .des .star img {
                  width: .22rem;
                  margin-right: .06rem; }
                .content .main_recommend .fadeins ul li .info .des .star span {
                  font-size: .24rem;
                  color: #f4640e; }
              .content .main_recommend .fadeins ul li .info .des .num {
                display: flex;
                align-items: center;
                margin-top: .06rem; }
                .content .main_recommend .fadeins ul li .info .des .num img {
                  width: .22rem;
                  margin-right: .06rem; }
                .content .main_recommend .fadeins ul li .info .des .num span {
                  font-size: .24rem;
                  color: #313838; }
          .content .main_recommend .fadeins ul li .pic {
            width: 2.14rem;
            height: 2.2rem;
            overflow: hidden;
            border-radius: .15rem;
            position: relative; }
            .content .main_recommend .fadeins ul li .pic .tip {
              height: .27rem;
              width: .27rem;
              position: absolute;
              left: .09rem;
              top: .11rem;
              border-radius: 50%;
              background: #fff;
              display: flex;
              align-items: center;
              justify-content: center; }
              .content .main_recommend .fadeins ul li .pic .tip img {
                width: .16rem; }
            .content .main_recommend .fadeins ul li .pic > img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover; }
  .content .notice {
    width: 7rem;
    height: .52rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 99;
    padding-right: .23rem;
    background: linear-gradient(to right, rgba(194, 249, 239, 0.3), #c2f9ef, rgba(194, 249, 239, 0.3));
    padding-left: .26rem; }
    .content .notice .icon {
      width: .96rem; }
    .content .notice .slide {
      height: 100%;
      padding: 0 .16rem;
      width: 5.43rem; }
      .content .notice .slide .mySwiper1 .swiper-wrapper {
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear; }
      .content .notice .slide .mySwiper1 {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .content .notice .slide .mySwiper1 .swiper-slide {
          height: 100%;
          width: auto; }
      .content .notice .slide a {
        display: block;
        font-size: .2rem;
        color: #6b7c7c;
        line-height: .52rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%; }
    .content .notice .right {
      width: .1rem; }
  .content .main_commit {
    width: 7rem;
    margin: 0 auto;
    margin-top: .3rem; }
    .content .main_commit > ul {
      overflow: hidden;
      margin-top: .1rem; }
      .content .main_commit > ul li {
        width: 100%;
        margin-top: .25rem;
        background: #fff;
        border-radius: .15rem;
        padding: .12rem;
        border: 1px solid #A7EDD4; }
        .content .main_commit > ul li em {
          display: block;
          font-size: .22rem;
          color: #767b7b;
          line-height: .35rem; }
        .content .main_commit > ul li .t {
          display: flex;
          align-items: center;
          margin-bottom: .2rem; }
          .content .main_commit > ul li .t img {
            width: .84rem;
            height: .84rem;
            border-radius: .15rem;
            object-fit: cover; }
          .content .main_commit > ul li .t .grow {
            flex: 1;
            padding-left: .24rem; }
            .content .main_commit > ul li .t .grow p {
              font-size: .28rem;
              color: #3e3e3e;
              font-weight: bold;
              margin-bottom: .06rem; }
            .content .main_commit > ul li .t .grow span {
              display: block;
              font-size: .22rem;
              color: #767b7b; }
  .content .userinfos {
    overflow: hidden;
    position: relative;
    z-index: 9;
    padding: .15rem .3rem .25rem .3rem; }
    .content .userinfos .t {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .userinfos .t span {
        font-size: .26rem;
        color: #ffffff; }
      .content .userinfos .t div {
        display: flex;
        align-items: center; }
        .content .userinfos .t div img {
          width: .2rem;
          margin-left: .04rem; }
    .content .userinfos .des {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: .2rem; }
      .content .userinfos .des div {
        display: inline-flex;
        align-items: center;
        height: .42rem;
        padding: 0 .1rem;
        background: rgba(255, 255, 255, 0.2);
        border-radius: .06rem; }
        .content .userinfos .des div img {
          width: .3rem;
          margin-right: .03rem; }
        .content .userinfos .des div span {
          font-size: .22rem;
          color: #fff; }
    .content .userinfos .mid {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: .2rem; }
      .content .userinfos .mid .font {
        display: flex;
        align-items: center; }
        .content .userinfos .mid .font span {
          font-size: .22rem;
          color: #fff;
          margin-left: .24rem; }
      .content .userinfos .mid .price {
        display: flex;
        align-items: flex-end; }
        .content .userinfos .mid .price div {
          display: inline-flex;
          align-items: center;
          margin-left: .12rem;
          padding: 0 .12rem;
          font-size: .2rem;
          color: #fff;
          border: 1px solid #fff;
          border-radius: .1rem .03rem .1rem .03rem; }
        .content .userinfos .mid .price p {
          display: flex;
          align-items: flex-end;
          font-size: .18rem;
          color: #fff; }
          .content .userinfos .mid .price p span {
            display: inline-block;
            font-size: .32rem;
            color: #fff;
            font-weight: bold;
            line-height: 1; }
  .content .notices {
    width: 6.9rem;
    padding: .2rem .2rem .2rem .18rem;
    margin: 0 auto;
    margin-top: .3rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #E8DBEC;
    background-image: url(../images/bgs_03.png);
    border-radius: .1rem;
    background-size: cover; }
    .content .notices img {
      width: .65rem; }
    .content .notices span {
      width: 5.7rem;
      font-size: .22rem;
      color: #8f8392;
      line-height: .33rem; }
    .content .notices.on {
      background: #DDF8EB;
      background-image: url(../images/bgs_06.png);
      margin-top: .4rem; }
      .content .notices.on span {
        color: #73807b; }
  .content .banners {
    width: 100%;
    position: relative;
    z-index: 9; }
    .content .banners .mySwiper {
      width: 100%; }
      .content .banners .mySwiper .swiper-slide {
        width: 6.54rem;
        height: 6.15rem;
        overflow: hidden;
        position: relative;
        border-radius: .1rem; }
        .content .banners .mySwiper .swiper-slide img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .content .banners .mySwiper .swiper-slide div {
          width: 100%;
          padding: .8rem .22rem .26rem .22rem;
          position: absolute;
          left: 0;
          bottom: 0;
          background: linear-gradient(rgba(230, 122, 207, 0), rgba(230, 122, 207, 0.8)); }
          .content .banners .mySwiper .swiper-slide div span {
            display: block;
            font-size: .22rem;
            color: #fff;
            line-height: 2; }
  .content .main_infos {
    width: 6.9rem;
    margin: 0 auto;
    margin-top: .5rem; }
    .content .main_infos .pics {
      width: 100%;
      margin-top: .45rem; }
      .content .main_infos .pics img {
        display: block;
        width: 100%; }
      .content .main_infos .pics .btns {
        width: 100%;
        height: 1.08rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        margin-top: .3rem;
        background: linear-gradient(to right, #00e6dc, #00e392);
        border-radius: .15rem; }
        .content .main_infos .pics .btns p {
          display: flex;
          align-items: flex-end;
          justify-content: center;
          font-size: .23rem;
          color: #242e2c; }
          .content .main_infos .pics .btns p span {
            font-size: .38rem;
            font-weight: bold;
            color: #242e2c;
            display: inline-block;
            line-height: 1; }
  .content .footers {
    overflow: hidden;
    width: 100%;
    height: 1rem;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    padding: 0 .3rem;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .content .footers div {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.44rem;
      height: .63rem;
      background: linear-gradient(#D57EEC, #F17ED7);
      font-size: .32rem;
      color: #fff;
      border-radius: .5rem; }
    .content .footers p {
      display: flex;
      align-items: flex-end;
      font-size: .21rem;
      color: #646464; }
      .content .footers p em {
        color: #d72627; }
      .content .footers p span {
        display: inline-block;
        line-height: 1;
        font-size: .38rem;
        color: #d72627;
        font-weight: bold; }
  .content .lesg {
    width: 6.9rem;
    height: .9rem;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: .4rem;
    background-image: url(../images/xs_03.jpg);
    display: flex;
    align-items: center;
    padding-left: .2rem; }
    .content .lesg > img {
      width: 1.28rem; }
    .content .lesg ul {
      display: flex;
      align-items: center;
      margin-left: .2rem; }
      .content .lesg ul li {
        font-size: .2rem;
        color: #716a6b; }
        .content .lesg ul li img {
          width: .18rem;
          margin: 0 .18rem; }
  .content .bannerss {
    width: 100%;
    position: relative;
    z-index: 9; }
    .content .bannerss .mySwiper {
      width: 100%; }
      .content .bannerss .mySwiper .swiper-slide {
        width: 6.54rem;
        height: 3.65rem;
        overflow: hidden;
        position: relative;
        border-radius: .1rem; }
        .content .bannerss .mySwiper .swiper-slide p {
          height: .38rem;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background: linear-gradient(#D481EA, #F289D8);
          position: absolute;
          right: .13rem;
          top: .12rem;
          font-size: .21rem;
          color: #fff;
          border-radius: .5rem;
          padding: 0 .2rem; }
        .content .bannerss .mySwiper .swiper-slide img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .content .bannerss .mySwiper .swiper-slide div {
          width: 100%;
          padding: .5rem .22rem .1rem .22rem;
          position: absolute;
          left: 0;
          bottom: 0;
          background: linear-gradient(rgba(230, 122, 207, 0), rgba(230, 122, 207, 0.8)); }
          .content .bannerss .mySwiper .swiper-slide div span {
            display: block;
            font-size: .22rem;
            color: #fff;
            line-height: 2; }
  .content .infos {
    overflow: hidden;
    width: 7rem;
    height: .8rem;
    display: flex;
    align-items: center;
    background: linear-gradient(to right, #00D1CA, #02D589);
    padding: .14rem .27rem 0 .27rem;
    margin-top: -.14rem;
    border-radius: 0 0 .13rem .1rem;
    justify-content: space-between; }
    .content .infos > img {
      width: .87rem;
      margin-right: .34rem; }
    .content .infos ul {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .infos ul li {
        display: flex;
        align-items: center;
        font-size: .2rem;
        color: #fff; }
        .content .infos ul li img {
          width: .25rem;
          margin-right: .06rem; }
  .content .banner {
    width: 7rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 9;
    margin-top: .2rem;
    z-index: 999; }
    .content .banner .mySwiper {
      width: 100%; }
      .content .banner .mySwiper .swiper-slide {
        width: 100%;
        overflow: hidden;
        overflow: hidden;
        border-radius: .15rem; }
        .content .banner .mySwiper .swiper-slide img {
          width: 100%; }
  .content .tabbar {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 9; }
    .content .tabbar a {
      display: block;
      margin-top: .3rem;
      width: 25%;
      overflow: hidden;
      box-sizing: border-box; }
      .content .tabbar a img {
        width: .7rem;
        display: block;
        margin: 0 auto;
        margin-bottom: .1rem; }
      .content .tabbar a span {
        display: block;
        text-align: center;
        font-size: .24rem;
        color: #252a2a; }
  .content .header {
    overflow: hidden;
    width: 100%;
    height: .9rem;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .25rem; }
    .content .header .tit {
      display: flex;
      align-items: center;
      height: 100%; }
      .content .header .tit img {
        width: .3rem; }
      .content .header .tit span {
        font-size: .34rem;
        margin-left: .2rem;
        color: #fff; }
    .content .header .city {
      display: flex;
      align-items: center;
      height: 100%; }
      .content .header .city img {
        width: .24rem;
        margin-right: .16rem; }
      .content .header .city span {
        font-size: .32rem;
        color: #252a2a;
        position: relative;
        display: block; }
        .content .header .city span em {
          display: block;
          font-size: .32rem;
          color: #252a2a;
          font-weight: bold;
          position: relative;
          z-index: 99; }
        .content .header .city span::after {
          content: '';
          width: .6rem;
          height: .12rem;
          background: linear-gradient(to right, #00D1C8, #02D588);
          border-radius: .03rem;
          position: absolute;
          left: 50%;
          bottom: 0;
          transform: translateX(-50%); }
    .content .header .service {
      overflow: hidden; }
      .content .header .service a {
        display: flex;
        align-items: center;
        padding: 0 .12rem; }
        .content .header .service a img {
          width: .27rem;
          margin-right: .06rem; }
        .content .header .service a span {
          font-size: .28rem;
          color: #252a2a; }

.contents {
  width: 100%;
  min-height: 100vh;
  background: #F3F3F3;
  overflow: hidden;
  position: relative; }
  .contents .header {
    overflow: hidden;
    width: 100%;
    height: .9rem;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .25rem; }
    .contents .header .tit {
      display: flex;
      align-items: center;
      height: 100%; }
      .contents .header .tit img {
        width: .3rem; }
      .contents .header .tit span {
        font-size: .34rem;
        margin-left: .2rem;
        color: #fff; }
    .contents .header .city {
      display: flex;
      align-items: center;
      height: 100%; }
      .contents .header .city img {
        width: .24rem;
        margin-right: .16rem; }
      .contents .header .city span {
        font-size: .32rem;
        color: #252a2a;
        position: relative;
        display: block; }
        .contents .header .city span em {
          display: block;
          font-size: .32rem;
          color: #252a2a;
          font-weight: bold;
          position: relative;
          z-index: 99; }
        .contents .header .city span::after {
          content: '';
          width: .6rem;
          height: .12rem;
          background: linear-gradient(to right, #00D1C8, #02D588);
          border-radius: .03rem;
          position: absolute;
          left: 50%;
          bottom: 0;
          transform: translateX(-50%); }
    .contents .header .service {
      overflow: hidden; }
      .contents .header .service a {
        display: flex;
        align-items: center;
        padding: 0 .12rem; }
        .contents .header .service a img {
          width: .27rem;
          margin-right: .06rem; }
        .contents .header .service a span {
          font-size: .28rem;
          color: #252a2a; }
    .contents .header .search {
      width: 4.06rem;
      height: .6rem;
      position: relative;
      z-index: 9;
      display: flex;
      align-items: center;
      background: #fff;
      border-radius: .6rem;
      padding-right: .56rem; }
      .contents .header .search img {
        width: .29rem;
        position: absolute;
        right: .27rem;
        top: 50%;
        transform: translateY(-50%); }
      .contents .header .search input {
        flex: 1;
        font-size: .24rem;
        color: #5d6363;
        height: 100%;
        background: none;
        text-align: center;
        border: none;
        outline: none; }
  .contents::after {
    content: '';
    width: 100%;
    height: 8.22rem;
    background-size: 100% 100%;
    background-image: url(../images/bgss_01.jpg);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .contents .list {
    overflow: hidden;
    margin-top: .4rem;
    position: relative;
    z-index: 99; }
    .contents .list .item {
      padding: 0 .25rem;
      overflow: hidden;
      margin-bottom: .1rem; }
      .contents .list .item span {
        display: block;
        font-size: .28rem;
        color: #232834;
        line-height: .6rem; }
      .contents .list .item ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        .contents .list .item ul li {
          width: 1.5rem;
          height: .58rem;
          border-radius: .1rem;
          overflow: hidden;
          margin-right: .2rem;
          background: #F2FAF9;
          display: flex;
          margin-top: .26rem;
          align-items: center;
          font-size: .25rem;
          color: #262e2e;
          justify-content: center; }
          .contents .list .item ul li:nth-child(4n) {
            margin-right: 0; }
  .contents .right_a {
    overflow: hidden;
    position: fixed;
    right: .3rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999; }
    .contents .right_a a {
      display: block;
      font-size: .2rem;
      line-height: 1.6;
      color: #4d4f52;
      text-align: center; }
  .contents .city_hot {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    padding: 0 .3rem;
    position: relative;
    z-index: 9;
    margin-top: .3rem; }
    .contents .city_hot .ls {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
    .contents .city_hot .lab {
      width: 1.5rem;
      height: .58rem;
      border-radius: .1rem;
      overflow: hidden;
      margin-right: .2rem;
      background: #F2FAF9;
      display: flex;
      margin-top: .26rem;
      align-items: center;
      font-size: .25rem;
      color: #262e2e;
      justify-content: center; }
      .contents .city_hot .lab:nth-child(4n) {
        margin-right: 0; }
  .contents .search {
    width: 6.9rem;
    height: .64rem;
    position: relative;
    z-index: 9;
    margin: 0 auto;
    margin-top: .35rem;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: .1rem;
    padding-left: .25rem; }
    .contents .search img {
      width: .31rem; }
    .contents .search input {
      flex: 1;
      font-size: .24rem;
      color: #7c7c7c;
      padding-left: .2rem;
      height: 100%;
      background: none;
      border: none;
      outline: none; }

.footerss {
  width: 7.5rem;
  height: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 9999;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0; }
  .footerss div {
    overflow: hidden;
    width: 33.33%;
    height: 100%; }
    .footerss div.on a span {
      color: #19D6C7; }
    .footerss div a {
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding-top: .1rem; }
      .footerss div a img {
        display: block;
        width: .5rem;
        margin: 0 auto;
        margin-bottom: .06rem; }
      .footerss div a span {
        display: block;
        text-align: center;
        font-size: .22rem;
        color: #333; }

body.on {
  overflow: hidden; }

.search_header {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: .35rem;
  position: relative;
  z-index: 99;
  justify-content: center; }
  .search_header > img {
    width: .5rem;
    margin-right: .3rem; }

.contents .search {
  width: 6rem;
  margin: 0; }

.tong_title {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .tong_title .more {
    overflow: hidden; }
    .tong_title .more a {
      display: flex;
      align-items: center;
      font-size: .23rem;
      color: #767c7c; }
      .tong_title .more a img {
        width: .1rem;
        margin-left: .05rem; }
  .tong_title .head {
    display: flex;
    align-items: center; }
    .tong_title .head i {
      font-size: .34rem;
      margin-left: .07rem;
      color: #76E8CE; }
    .tong_title .head span {
      position: relative;
      display: block; }
      .tong_title .head span em {
        display: block;
        font-size: .34rem;
        color: #252c2c;
        font-weight: bold;
        position: relative;
        z-index: 99; }
      .tong_title .head span::after {
        content: '';
        width: .86rem;
        height: .12rem;
        background: linear-gradient(to right, #00D1C8, #02D588);
        border-radius: .03rem;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%); }

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

.anxin{
  width: 100%;
  height: 50px;
  line-height: 50px;
}


.ui-fixed{
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 999;
}

.tab-list {
  white-space: nowrap;
  background: #fff;
  width: 100%;
}

.uni-scroll-view, .uni-scroll-view-content {
  width: 100%;
  height: 100%;
}

.tab-item {
  display: inline-block;
  text-align: center;
  padding: 0 11px;
  border-color: #fff;
  box-sizing: border-box;
}

.rel {
  position: relative;
}

.flex-x-center {
  display: flex;
  justify-content: center;
}

.flex-y-baseline {
  display: flex;
  align-items: baseline;
}

.rel {
  position: relative;
}


 .radius-16 {
   border-radius: 8px;
 }

 .pd-lg {
   padding: 16px;
 }

 .ml-md {
   margin-left: 11px;
 }

 .mr-md {
   margin-right: 11px;
 }

 .mt-md {
   margin-top: 11px;
 }

 .fill-base {
   background: #fff;
 }

 .uni-view {
   box-sizing: border-box;
 }

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

 .pb-lg {
   padding-bottom: 16px;
 }

.max-500 {
  max-width: 276px;
}

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

 .c-title {
   color: #232a24;
 }

 .f-paragraph {
   font-size: 15px;
   display: inline-block;
 }

.flex-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mt-lg {
  margin-top: 16px;
}

.order-pages .item-child .cover {
  width: 85px;
  height: 85px;
}

.radius-16 {
  border-radius: 8px;
}

.order-pages .item-child .cover {
  width: 85px;
  height: 85px;
}

.h5-image {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ml-md {
  margin-left: 11px;
}

.max-400 {
  max-width: 220px;
}

.text-bold {
  font-weight: 700;
}

.c-desc {
  color: #3d2c1b;
}

 .f-desc {
   font-size: 14px;
 }

.f-caption {
  font-size: 13px;
}

.f-title {
  font-size: 17px;
}


.uni-buttonorder {
  min-width: 77px;
  padding: 0 11px;
  line-height: 28px;
  color: #5b5b5b;
  background: #fff;
  border-radius: 4px;
  border: 0.5px solid #979797;
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 11px;
}

.flex-warp {
  display: flex;
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-y-center {
  display: flex;
  align-items: center;
}

.pt-lg {
  padding-top: 16px;
}

.c-caption {
  color: #999;
}
.b-1px-b:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #eee;
  color: #eee;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaley(.5);
  transform: scaley(.5);
  box-sizing: border-box;
}

.b-1px, .b-1px-t, .b-1px-b, .b-1px-tb, .b-1px-l, .b-1px-r {
  position: relative;
}


.item-child{
  padding: 16px;
  color: #fff;
  font-size: 15px;
}

.max-380 {
  max-width: 209px;
}

.ml-lg {
  margin-left: 16px;
}

 .mr-lg {
   margin-right: 16px;
 }

 .mt-md {
   margin-top: 11px;
 }

.avatar.lg {
  width: 88px;
  height: 88px;
}

.avatar {
  margin: 0;
  padding: 0;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: #f4f6f8;
  color: #fff;
  white-space: nowrap;
  position: relative;
  width: 66px;
  height: 66px;
  background-size: cover;
  background-position: 50%;
  vertical-align: middle;
}

.h5-image {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.c-warning {
  color: #ff2404;
}

.c-paragraph {
  color: #666;
  font-size: 15px;
}

.mt-sm {
  margin-top: 5px;
}

.order-pages .footer-info {
  bottom: 0;
}

 .fix {
   position: fixed;
   width: 100%;
   z-index: 100;
 }

 .fill-base {
   background: #fff;
 }

.order-pages .footer-info .item-btn {
  min-width: 82px;
  height: 35px;
  padding: 0 5px;
  background: #eee;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

 .radius {
   border-radius: 2760px;
 }

 .f-desc {
   font-size: 14px;
 }

.c-base {
  color: #fff;
}

.order-pages .address-info .username {
  font-size: 16px;
  margin-bottom: 3px;
}
.text-bold {
  font-weight: 700;
}

.pl-lg {
  padding-left: 16px;
}


 .pr-md {
   padding-right: 11px;
 }

.order-pages .list-item .item-img{
  width: 77px;
  height: 77px;
}

.uni-button .reduce, .uni-button .add {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 0.5px solid #eee;
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}


.uni-button .addreduce, uni-input .addreduce {
  padding: 0 5px;
  height: 20px;
  color: #666;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 5px;
}

.uni-button .reduce .iconfont, .uni-button .add .iconfont {
  font-size: 13px;
  line-height: 13px;
  overflow: hidden;
}

.icon-jia-bold{
  color: #fff;
}

.order-pages .item-textarea {
  width: 314px;
  height: 165px;
}

.beizhu{
  width: 100%;
  height: 120px;
  border: none;
  background: #f7f7f7;
  padding: 20px;
}

.ml-sm {
  margin-left: 5px;
}

.c-balance {
  color: #fa7917;
}

.space-max-footer {
  height: 99px;
  height: calc(99px + env(safe-area-inset-bottom) / 2);
  padding-bottom: calc(env(safe-area-inset-bottom) / 2);
}

.order-pages .pay-info {
  height: 60px;
  bottom: 0;
  height: calc(60px + env(safe-area-inset-bottom) / 2);
  padding-bottom: calc(env(safe-area-inset-bottom) / 2);
}

.order-pages .pay-info .pay-btn {
  width: 100px;
  height: 40px;
}

.pr-lg {
  padding-right: 16px;
}

.order-pages .address-info .address-icon {
  width: 35px;
  height: 35px;
}

.pages-user-login .logo-img {
  width: 176px;
  height: 176px;
}

.mb-md {
  margin-bottom: 11px;
}

.pages-user-login .logo-img {
  width: 176px;
  height: 176px;
}

.f-sm-title {
  font-size: 19px;
}

.pages-user-login .wechat {
  border: none;
  font-size: 13pt;
  box-shadow: 0 9px 4px 0 rgba(0,188,82,.07);
}

 .pages-user-login .login-btn {
   width: 200pt;
   height: 38pt;
   font-size: 15pt;
   -webkit-transform: rotate(1turn);
   transform: rotate(1turn);
 }
.pages-user-login .login-btn .iconfont {
  font-size: 19pt;
}

 .icon-weixin:before {
   content: "\e627";
 }

.div-content .active{
  color: rgb(36, 195, 118)!important;
}

.div-content .active .line{
  background: rgb(36, 195, 118);
  height: 2px;
  width: 80%;
  margin-left: 10%;
}