.public_head {
  width: 100%;
  height: 1rem;
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background: #f8f8f8;
  justify-content: center;
  align-items: center;
}

.public_head img {
  width: .16rem;
  position: absolute;
  left: .27rem;
  top: 50%;
  transform: translateY(-50%);
}

.public_head p {
  font-size: .32rem;
  color: #141414;
  font-weight: bold;
}

.x_footer {
  width: 100%;
  height: 1.2rem;
  display: flex;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1000;
  background: #fff;
  border-radius: .3rem .3rem 0 0;
}

.x_footer .link {
  width: 20%;
  height: 100%;
}

.x_footer .link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.x_footer .link a img {
  width: .94rem;
}

.x_footer .label {
  width: 20%;
  height: 100%;
}

.x_footer .label.on a span {
  color: #f3544c;
}

.x_footer .label:nth-child(1) a i {
  background-image: url(/images/2.0/xfooter_06.png);
}

.x_footer .label:nth-child(1).on a i {
  background-image: url(/images/2.0/xfooter_20.png);
}

.x_footer .label:nth-child(2) a i {
  background-image: url(/images/2.0/xfooter_21.png);
}

.x_footer .label:nth-child(2).on a i {
  background-image: url(/images/2.0/xfooter_08.png);
}

.x_footer .label:nth-child(4) a i {
  width: .72rem;
  height: .56rem;
  background-image: url(/images/2.0/xfooter_211.png);
}

.x_footer .label:nth-child(4).on a i {
  width: .72rem;
  height: .56rem;
  background-image: url(/images/2.0/xfooter_10.png);
}

.x_footer .label:nth-child(5) a i {
  background-image: url(/images/2.0/xfooter_19.png);
}

.x_footer .label:nth-child(5).on a i {
  background-image: url(/images/2.0/xfooter_03.png);
}

.x_footer .label a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: .16rem;
}

.x_footer .label a i {
  width: .56rem;
  height: .56rem;
  background-size: 100% 100%;
  display: block;
  margin: 0 auto;
  background-image: url(/images/2.0/xfooter_03.png);
}

.x_footer .label a span {
  display: block;
  text-align: center;
  font-size: .2rem;
  color: #232424;
  margin-top: .04rem;
  font-weight: bold;
}

.content_gift {
  width: 100%;
  min-height: 100vh;
  background-image: url(/images/2.0/cbg_01.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #ffebeb;
  padding: .8rem 0 0 0;
}

.content_gift .header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.content_gift .header .title {
  width: 2.18rem;
}

.content_gift .header .back {
  width: .2rem;
  position: absolute;
  left: .42rem;
  top: 50%;
  transform: translateY(-50%);
}

.content_gift .main_list {
  overflow: hidden;
  width: 100%;
  background: #F9F9F9;
  border-radius: .3rem .3rem 0 0;
  margin-top: .36rem;
  min-height: 86vh;
  padding: .32rem .2rem;
}

.content_gift .main_list .item {
  overflow: hidden;
  width: 100%;
  margin-bottom: .32rem;
}

.content_gift .main_list .item .banner {
  width: 100%;
}

.content_gift .main_list .item .label {
  margin: 0 auto;
  width: 100%;
  height: 2.52rem;
  background-image: url(/images/2.0/ab_03.png);
  border-radius: .1rem;
  margin: 0 auto;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  padding: .22rem 0 .22rem .22rem;
  justify-content: space-between;
  margin-top: .15rem;
}

.content_gift .main_list .item .label .price {
  overflow: hidden;
  width: 1.84rem;
  font-size: 12px;
  text-align: center;
}

.content_gift .main_list .item .label .price p {
  font-size: .4rem;
  color: #f1311a;
  margin-bottom: .1rem;
  text-align: center;
}

.content_gift .main_list .item .label .price p span {
  display: inline-block;
  line-height: 1;
  font-weight: bold;
  font-size: .58rem;
  color: #f1311a;
}

.content_gift .main_list .item .label .price .kc {
  display: inline-flex;
  align-items: center;
  border: 2px solid #f1311a;
  border-radius: .03rem;
  overflow: hidden;
}

.content_gift .main_list .item .label .price .kc span {
  font-size: .22rem;
  padding: 0 .03rem;
  color: #f1311a;
  line-height: 1.3;
}

.content_gift .main_list .item .label .price .kc i {
  font-size: .22rem;
  padding: 0 .06rem;
  line-height: 1.3;
  color: #fff;
  background: #f1311a;
}

.content_gift .main_list .item .label .price em {
  display: block;
  text-align: center;
  font-size: .21rem;
  color: #f1311a;
  margin-top: .06rem;
}

.content_gift .main_list .item .label .price .btn {
  width: 1.5rem;
  height: .46rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .26rem;
  color: #fff;
  background: linear-gradient(to right, #ED0100, #F74E0A);
  border-radius: .6rem;
  margin-top: .2rem;
}

.content_gift .main_list .item .label .grow {
  overflow: hidden;
  display: flex;
}

.content_gift .main_list .item .label .grow .picture {
  overflow: hidden;
  width: 2.08rem;
  height: 2.08rem;
  border-radius: .06rem;
}

.content_gift .main_list .item .label .grow .picture img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.content_gift .main_list .item .label .grow .info {
  width: 2.4rem;
  margin-left: .22rem;
  overflow: hidden;
}

.content_gift .main_list .item .label .grow .info .name {
  overflow: hidden;
  width: 100%;
  height: 1.12rem;
}

.content_gift .main_list .item .label .grow .info .name p {
  font-size: .28rem;
  color: #000000;
  line-height: .34rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.content_gift .main_list .item .label .grow .info .ly {
  display: flex;
  align-items: center;
  font-size: .22rem;
  color: #999999;
  margin-top: .22rem;
}

.content_gift .main_list .item .label .grow .info .ly img {
  width: .23rem;
  margin-right: .1rem;
}

.content_gift .main_list .item .label .grow .info .lab {
  display: flex;
  align-items: flex-end;
}

.content_gift .main_list .item .label .grow .info .lab img {
  width: auto;
  height: .23rem;
  margin-right: .08rem;
}

.content_gift .main_list .item .label .grow .info span {
  display: block;
  font-size: .21rem;
  color: #999999;
  margin-top: .26rem;
}

.content_gift .search {
  width: 6.9rem;
  margin: 0 auto;
  height: .62rem;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: .28rem;
  background: #fff;
  border: 1px solid #E71C36;
  border-radius: .6rem;
  margin-top: .32rem;
}

.content_gift .search img {
  width: .28rem;
}

.content_gift .search input {
  flex: 1;
  height: 100%;
  border: none;
  background: none;
  font-size: .28rem;
  color: #33333d;
  padding-left: .12rem;
}

.content_gift .search input::placeholder {
  color: #85858B;
}

.content_gift .search div {
  width: 1.34rem;
  height: .52rem;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(to right, #FD2A42, #F84F50);
  border-radius: .4rem;
  font-size: .28rem;
  color: #fff;
  position: absolute;
  right: .06rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}

.content_h {
  width: 100%;
  overflow: hidden;
  min-height: 100vh;
  background-image: url(/images/2.0/cbg_01.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #ffebeb;
  padding: 1.12rem 0 0 0;
}

.content_h .main_box {
  overflow: hidden;
  width: 100%;
  border-radius: .26rem .26rem 0 0;
  padding: .2rem .15rem;
  margin-top: .32rem;
  padding-top: .34rem;
  border: 1px solid #fff;
  background: #F9F9F9;
}

.content_h .main_box .list {
  width: 100%;
  overflow: hidden;
}

.content_h .main_box .list .head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.2rem;
  font-size: .33rem;
  color: #1f1b1b;
  font-weight: bold;
}

.content_h .main_box .list .head img {
  width: .32rem;
  margin: 0 .14rem;
}

.content_h .main_box .list ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.content_h .main_box .list ul li {
  overflow: hidden;
  width: 3.5rem;
  background: #fff;
  border-radius: .16rem;
  margin-bottom: .16rem;
}

.content_h .main_box .list ul li .picture {
  overflow: hidden;
  width: 100%;
  height: 3.5rem;
}

.content_h .main_box .list ul li .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content_h .main_box .list ul li .info {
  overflow: hidden;
  padding: 0 .2rem .2rem .2rem;
}

.content_h .main_box .list ul li .info .name {
  display: block;
  height: .8rem;
}

.content_h .main_box .list ul li .info .name p {
  font-size: .26rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
  line-height: .36rem;
  color: #000000;
}

.content_h .main_box .list ul li .info .lab {
  display: flex;
}

.content_h .main_box .list ul li .info .lab img {
  height: .24rem;
  width: auto;
  margin-right: .06rem;
}

.content_h .main_box .list ul li .info .b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .06rem;
}

.content_h .main_box .list ul li .info .b p {
  font-size: .22rem;
  color: #fe2512;
  font-weight: bold;
}

.content_h .main_box .list ul li .info .b p span {
  font-size: .3rem;
  font-weight: bold;
}

.content_h .main_box .list ul li .info .b img {
  width: .3rem;
}

.content_h .main_box .supper {
  overflow: hidden;
  width: 100%;
  border-radius: .2rem;
  background-image: linear-gradient(#f23450, #f23450, #f23450, #f8e9eb);
}

.content_h .main_box .supper .heads {
  width: 100%;
  height: 1.09rem;
  background-image: url(/images/2.0/cba_07.jpg);
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.content_h .main_box .supper .heads a {
  font-size: .28rem;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 .5rem;
  color: #fff;
}

.content_h .main_box .supper .icon {
  display: block;
  width: 100%;
}

.content_h .main_box .supper ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-image: url(/images/2.0/ahnb_08.jpg);
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0 .18rem;
  justify-content: space-between;
}

.content_h .main_box .supper ul li {
  overflow: hidden;
  width: 3.32rem;
  height: 1.44rem;
  background: #fff;
  border-radius: .1rem;
  margin-bottom: .16rem;
}

.content_h .main_box .supper ul li a {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: .2rem;
}

.content_h .main_box .supper ul li a .picture {
  overflow: hidden;
  width: 1.64rem;
  background: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content_h .main_box .supper ul li a .picture img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.content_h .main_box .supper ul li a .info {
  overflow: hidden;
  font-size: 12px;
}

.content_h .main_box .supper ul li a .info p {
  font-size: .26rem;
  font-weight: bold;
  color: #000000;
}

.content_h .main_box .supper ul li a .info span {
  display: block;
  font-size: .19rem;
  color: #ffa06d;
  padding: .09rem 0;
}

.content_h .main_box .supper ul li a .info div {
  display: inline-flex;
  align-items: center;
  height: .24rem;
  font-size: .19rem;
  color: #fff;
  border-radius: .3rem;
  background-image: linear-gradient(to right, #F93E59, #F17B63);
  padding: 0 .12rem;
}

.content_h .main_infoBox {
  width: 100%;
  overflow: hidden;
}

.content_h .main_infoBox .sys_icon {
  display: flex;
  align-items: center;
  padding: 0 .26rem;
  justify-content: space-between;
}

.content_h .main_infoBox .sys_icon div {
  display: flex;
  align-items: center;
  font-size: .28rem;
  color: #fff;
}

.content_h .main_infoBox .sys_icon div img {
  height: .27rem;
  width: auto;
  margin-right: .08rem;
}

.content_h .main_infoBox .main_link_grow {
  margin: 0 auto;
  margin-top: .32rem;
  width: 7.2rem;
}

.content_h .main_infoBox .main_link_grow .heads {
  width: 100%;
  height: 1.09rem;
  background-image: url(/images/2.0/ahnb_03.jpg);
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.content_h .main_infoBox .main_link_grow .heads a {
  font-size: .28rem;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 .5rem;
  color: #fff;
}

.content_h .main_infoBox .main_link_grow .list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  background-image: url(/images/2.0/ahnb_05.jpg);
  background-size: 100% 100%;
  justify-content: space-between;
  padding: 0 .1rem;
}

.content_h .main_infoBox .main_link_grow .list .label {
  width: 3.45rem;
  height: 2.01rem;
  margin-bottom: .1rem;
  background-size: 100% 100%;
  background-image: url(/images/2.0/cba_03.png);
}

.content_h .main_infoBox .main_link_grow .list .label a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0 .66rem .18rem;
  box-sizing: border-box;
}

.content_h .main_infoBox .main_link_grow .list .label a .gift {
  width: .99rem;
  height: .96rem;
  background-image: url(/images/2.0/cicon_29.png);
  background-size: 100% 100%;
  font-size: .4rem;
  color: #fe2053;
  text-align: center;
  font-weight: bold;
  padding-top: .06rem;
}

.content_h .main_infoBox .main_link_grow .list .label a .info {
  overflow: hidden;
  padding-left: .14rem;
}

.content_h .main_infoBox .main_link_grow .list .label a .info p {
  font-size: .28rem;
  color: #000;
  font-weight: bold;
}

.content_h .main_infoBox .main_link_grow .list .label a .info span {
  display: block;
  margin-top: .08rem;
  font-size: .22rem;
  color: #666666;
}

.content_h .main_infoBox .banner {
  width: calc(100% - .52rem);
  margin: 0 auto;
  height: 2.78rem;
  overflow: hidden;
  position: relative;
  margin-top: .3rem;
  border: 1px solid #fff;
  border-radius: .2rem;
}

.content_h .main_infoBox .banner .swiper-pagination {
  font-size: 12px;
}

.content_h .main_infoBox .banner .mySwiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.content_h .main_infoBox .banner .mySwiper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.content_h .main_infoBox .banner img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.content_h .main_infoBox .search {
  width: calc(100% - .52rem);
  margin: 0 auto;
  height: .62rem;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: .28rem;
  margin-top: .2rem;
  background: #fff;
  border: 1px solid #E71C36;
  border-radius: .6rem;
}

.content_h .main_infoBox .search img {
  width: .28rem;
}

.content_h .main_infoBox .search input {
  flex: 1;
  height: 100%;
  border: none;
  background: none;
  font-size: .28rem;
  color: #33333d;
  padding-left: .12rem;
}

.content_h .main_infoBox .search input::placeholder {
  color: #85858B;
}

.content_h .main_infoBox .search div {
  width: 1.34rem;
  height: .52rem;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(to right, #FD2A42, #F84F50);
  border-radius: .4rem;
  font-size: .28rem;
  color: #fff;
  position: absolute;
  right: .06rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}

.content_carts {
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  background: #f8f8f8;
  padding-top: 1.96rem;
}

.content_carts .head_children {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .3rem 0 .34rem;
}

.content_carts .head_children p {
  font-size: .28rem;
  color: #f9290d;
  font-weight: bold;
}

.content_carts .head_children div {
  display: flex;
  align-items: center;
  font-size: .2rem;
  color: #1a1b1e;
}

.content_carts .head_children div img {
  width: .2rem;
  margin-right: .08rem;
}

.content_carts .footer_cart {
  width: 100%;
  height: 1.06rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99;
  padding: 0 .2rem 0 0;
}

.content_carts .footer_cart p {
  font-size: .24rem;
  color: #000000;
}

.content_carts .footer_cart p span {
  color: #fa2209;
  font-size: .28rem;
  font-weight: bold;
}

.content_carts .footer_cart p span em {
  font-size: .39rem;
  color: #fa2209;
  font-weight: bold;
}

.content_carts .footer_cart .btn {
  width: 1.76rem;
  height: .76rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .6rem;
  background-image: linear-gradient(to right, #F54E50, #FA3E2B);
  font-size: .28rem;
  font-weight: bold;
  color: #fff;
}

.content_carts .footer_cart .check {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: .24rem;
  color: #000000;
  padding-left: .38rem;
}

.content_carts .footer_cart .check div {
  width: .32rem;
  height: .32rem;
  background-size: 100% 100%;
  background-image: url(/images/2.0/carts_47.jpg);
  margin-right: .18rem;
}

.content_carts .footer_cart .check.on div {
  background-image: url(/images/2.0/carts_26.jpg);
}

.content_carts .list {
  width: 100%;
}

.content_carts .list .item {
  width: 7.1rem;
  margin: 0 auto;
  margin-top: .18rem;
  border-radius: .16rem;
  background: #fff;
}

.content_carts .list .item .head {
  width: 100%;
  height: .94rem;
  display: flex;
  align-items: center;
  padding-left: .26rem;
  font-size: .24rem;
  font-weight: bold;
  color: #000000;
}

.content_carts .list .item .head img {
  width: .25rem;
  margin-right: .12rem;
}

.content_carts .list .item .label {
  overflow: hidden;
  width: 100%;
  position: relative;
  padding: 0 .2rem .28rem .66rem;
  display: flex;
  align-items: flex-start;
}

.content_carts .list .item .label .check {
  width: .66rem;
  height: 1.67rem;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content_carts .list .item .label .check div {
  width: .32rem;
  height: .32rem;
  background-size: 100% 100%;
  background-image: url(/images/2.0/carts_47.jpg);
}

.content_carts .list .item .label .check.on div {
  background-image: url(/images/2.0/carts_26.jpg);
}

.content_carts .list .item .label .picture {
  width: 1.67rem;
  height: 1.67rem;
  border-radius: .1rem;
  overflow: hidden;
}

.content_carts .list .item .label .picture img {
  width: 100%;
  height: 100%;
}

.content_carts .list .item .label .grow {
  width: 100%;
  width: calc(100% - 1.67rem);
  font-size: 12px;
  padding-left: .24rem;
}

.content_carts .list .item .label .grow .name {
  overflow: hidden;
  min-height: .64rem;
  padding-bottom: .1rem;
}

.content_carts .list .item .label .grow .name p {
  font-size: .28rem;
  font-weight: bold;
  line-height: .36rem;
  color: #0f0f0f;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.content_carts .list .item .label .grow .bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .2rem;
}

.content_carts .list .item .label .grow .bot p {
  font-size: .24rem;
  color: #fa2209;
  font-weight: bold;
}

.content_carts .list .item .label .grow .bot p span {
  font-size: .34rem;
  font-weight: bold;
}

.content_carts .list .item .label .grow .bot .change {
  display: flex;
  align-items: center;
}

.content_carts .list .item .label .grow .bot .change div {
  width: .46rem;
  height: .4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content_carts .list .item .label .grow .bot .change div img {
  width: .2rem;
}

.content_carts .list .item .label .grow .bot .change input {
  width: .78rem;
  height: .4rem;
  border: none;
  background: #F2F2F2;
  text-align: center;
  font-size: .24rem;
  color: #272727;
  border-radius: .06rem;
}

.content_carts .list .item .label .grow .lab {
  display: flex;
}

.content_carts .list .item .label .grow .lab img {
  width: auto;
  height: .23rem;
  margin-right: .11rem;
  margin-top: .16rem;
}

.content_carts .list .item .label .grow .sk {
  display: inline-flex;
  align-items: center;
  background: #F1F1F1;
  border-radius: .3rem;
  position: relative;
  padding: .05rem .49rem .05rem .13rem;
}

.content_carts .list .item .label .grow .sk span {
  font-size: .2rem;
  color: #5e5e5e;
  line-height: 1.6;
  display: block;
}

.content_carts .list .item .label .grow .sk img {
  width: .14rem;
  position: absolute;
  right: .11rem;
  top: 50%;
  transform: translateY(-50%);
}

.content_carts .header {
  width: 100%;
  position: absolute;
  left: 0;
  top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: .4rem;
}

.content_carts .header .back {
  display: flex;
  align-items: center;
  font-size: .34rem;
  color: #0c0c0c;
  font-weight: bold;
}

.content_carts .header .back img {
  width: .17rem;
  margin-right: .34rem;
}

.content_carts .header .admin {
  width: 1.1rem;
  font-size: .26rem;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.content_carts .header .address {
  display: inline-flex;
  align-items: center;
  border-radius: .3rem;
  background: #fff;
  padding: 0 .14rem 0 .18rem;
  justify-content: space-between;
  height: .36rem;
  width: 3.76rem;
}

.content_carts .header .address .a {
  width: .15rem;
}

.content_carts .header .address .r {
  width: .1rem;
}

.content_carts .header .address span {
  display: block;
  width: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .2rem;
  color: #6d6d6d;
}

.content_lifes_box {
  width: 100%;
  overflow: hidden;
  background-image: url(/images/2.0/lifticon_01.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 1rem;
  min-height: 100vh;
  background-color: #0080ec;
}

.content_lifes_box .main_top_content {
  overflow: hidden;
  width: 100%;
  padding: 3.99rem 0 0 0;
}

.content_lifes_box .main_top_content .user_info {
  overflow: hidden;
  width: 7.01rem;
  height: 1.05rem;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding-left: .24rem;
  background-image: url(/images/2.0/lifebg_03.png);
  border-radius: .26rem;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
  background-size: 100% 100%;
}

.content_lifes_box .main_top_content .user_info .avater {
  width: .66rem;
  height: .66rem;
  border-radius: 50%;
  overflow: hidden;
  padding: .02rem;
  background: #F51C78;
}

.content_lifes_box .main_top_content .user_info .avater img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.content_lifes_box .main_top_content .user_info .grow {
  overflow: hidden;
  flex: 1;
  padding-left: .26rem;
}

.content_lifes_box .main_top_content .user_info .grow p {
  font-size: .26rem;
  color: #fff;
}

.content_lifes_box .main_top_content .user_info .grow p span {
  font-weight: bold;
  margin-left: .06rem;
}

.content_lifes_box .main_top_content .search {
  overflow: hidden;
  width: 7.01rem;
  height: .72rem;
  margin: 0 auto;
  display: flex;
  padding: 0 .05rem 0 0;
  margin-top: .42rem;
  background: linear-gradient(to right, #D9EDFF, #D9EDFF);
  align-items: center;
  justify-content: space-between;
  border: 2px solid #fff;
  border-radius: .6rem;
}

.content_lifes_box .main_top_content .search .fl {
  overflow: hidden;
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  font-size: 12px;
  padding-left: .26rem;
}

.content_lifes_box .main_top_content .search .fl img {
  width: .32rem;
}

.content_lifes_box .main_top_content .search .fl input {
  flex: 1;
  height: 100%;
  font-size: .27rem;
  color: #333;
  padding-left: .2rem;
  border: none;
  background: none;
}

.content_lifes_box .main_top_content .search .fl input::placeholder {
  color: #608193;
}

.content_lifes_box .main_top_content .search .confire {
  width: 1.26rem;
  border-radius: .6rem;
  height: .64rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #ed3837, #F56557);
  font-size: .3rem;
  color: #fff;
}

.content_lifes_box .nulls {
  display: block;
  text-align: center;
  font-size: .24rem;
  color: #fff;
  padding: 0.4rem 0;
  opacity: 0.6;
}

.content_lifes_box .main_gift_box {
  overflow: hidden;
  width: 100%;
  padding-top: .54rem;
}

.content_lifes_box .main_gift_box .title {
  width: 2.48rem;
  display: block;
  margin: 0 auto;
}

.content_lifes_box .main_gift_box .box {
  overflow: hidden;
  width: 7.05rem;
  margin: 0 auto;
  margin-top: .38rem;
}

.content_lifes_box .main_gift_box .box .tabbar {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  font-size: 12px;
}

.content_lifes_box .main_gift_box .box .tabbar div {
  display: inline-block;
  width: 1.26rem;
  height: .73rem;
  position: relative;
  margin-right: .14rem;
}

.content_lifes_box .main_gift_box .box .tabbar div:last-child {
  margin-right: 0;
}

.content_lifes_box .main_gift_box .box .tabbar div.on::after {
  background-image: url(/images/2.0/lifticon_12.png);
}

.content_lifes_box .main_gift_box .box .tabbar div.on p {
  font-size: .34rem;
  color: #0d7dfd;
  font-weight: bold;
}

.content_lifes_box .main_gift_box .box .tabbar div::after {
  content: '';
  width: 100%;
  height: .73rem;
  background-image: url(/images/2.0/lifticon_14.png);
  position: absolute;
  background-size: 100% 100%;
  left: 0;
  top: 0;
}

.content_lifes_box .main_gift_box .box .tabbar div p {
  font-size: .3rem;
  height: .64rem;
  color: #fff;
  font-weight: bold;
  line-height: .64rem;
  text-align: center;
  position: relative;
  z-index: 1000;
}

.content_lifes_box .main_gift_box .box .list {
  overflow: hidden;
  width: 100%;
  padding-bottom: .2rem;
  margin-top: .1rem;
}

.content_lifes_box .main_gift_box .box .list.on .label .price .kc {
  border: 2px solid #ff4493;
}

.content_lifes_box .main_gift_box .box .list.on .label .price .kc span {
  color: #ff4493;
}

.content_lifes_box .main_gift_box .box .list.on .label .price .kc i {
  background: #ff4493;
}

.content_lifes_box .main_gift_box .box .list.on .label .price .btn {
  background: linear-gradient(to right, #FF8889, #FF4493);
}

.content_lifes_box .main_gift_box .box .list .label {
  width: 100%;
  height: 2.52rem;
  background-image: url(/images/2.0/ab_03.png);
  border-radius: .1rem;
  margin: 0 auto;
  background-size: 100% 100%;
  margin-top: .16rem;
  display: flex;
  align-items: center;
  padding: .22rem 0 .22rem .22rem;
  justify-content: space-between;
}

.content_lifes_box .main_gift_box .box .list .label .price {
  overflow: hidden;
  width: 1.84rem;
  font-size: 12px;
  text-align: center;
}

.content_lifes_box .main_gift_box .box .list .label .price p {
  font-size: .4rem;
  color: #f1311a;
  text-align: center;
}

.content_lifes_box .main_gift_box .box .list .label .price p span {
  display: inline-block;
  line-height: 1;
  font-weight: bold;
  font-size: .58rem;
  color: #f1311a;
}

.content_lifes_box .main_gift_box .box .list .label .price .kc {
  display: inline-flex;
  align-items: center;
  border: 2px solid #ff4493;
  border-radius: .03rem;
  overflow: hidden;
}

.content_lifes_box .main_gift_box .box .list .label .price .kc span {
  font-size: .22rem;
  padding: 0 .03rem;
  color: #ff4493;
  line-height: 1.3;
}

.content_lifes_box .main_gift_box .box .list .label .price .kc i {
  font-size: .22rem;
  padding: 0 .06rem;
  line-height: 1.3;
  color: #fff;
  background: #ff4493;
}

.content_lifes_box .main_gift_box .box .list .label .price em {
  display: block;
  text-align: center;
  font-size: .21rem;
  color: #f1311a;
  margin-top: .06rem;
}

.content_lifes_box .main_gift_box .box .list .label .price .btn {
  width: 1.5rem;
  height: .46rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .26rem;
  color: #fff;
  background: linear-gradient(to right, #794bef, #3487eb);
  border-radius: .6rem;
  margin-top: .2rem;
}

.content_lifes_box .main_gift_box .box .list .label .grow {
  overflow: hidden;
  display: flex;
}

.content_lifes_box .main_gift_box .box .list .label .grow .picture {
  overflow: hidden;
  width: 1.96rem;
  height: 1.96rem;
  border-radius: .06rem;
}

.content_lifes_box .main_gift_box .box .list .label .grow .picture img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.content_lifes_box .main_gift_box .box .list .label .grow .info {
  width: 2.26rem;
  margin-left: .22rem;
  overflow: hidden;
}

.content_lifes_box .main_gift_box .box .list .label .grow .info .name {
  overflow: hidden;
  width: 100%;
  height: 1.12rem;
}

.content_lifes_box .main_gift_box .box .list .label .grow .info .name p {
  font-size: .28rem;
  color: #000000;
  line-height: .34rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.content_lifes_box .main_gift_box .box .list .label .grow .info .ly {
  display: flex;
  align-items: center;
  font-size: .22rem;
  color: #999999;
  margin-top: .22rem;
}

.content_lifes_box .main_gift_box .box .list .label .grow .info .ly img {
  width: .31rem;
  margin-right: .1rem;
}

.content_lifes_box .main_gift_box .box .list .label .grow .info .lab {
  display: flex;
  align-items: flex-end;
}

.content_lifes_box .main_gift_box .box .list .label .grow .info .lab img {
  width: auto;
  height: .23rem;
  margin-right: .08rem;
}

.content_lifes_box .main_gift_box .box .list .label .grow .info span {
  display: block;
  font-size: .21rem;
  color: #999999;
  margin-top: .26rem;
}

.content_lifes_box .main_gift_box .box1 {
  overflow: hidden;
  width: 7.12rem;
  margin: 0 auto;
  margin-top: .22rem;
  border: 2px solid #fff;
  border-radius: .16rem;
  background: linear-gradient(to right, #E9FAFB, #E0F5FB);
}

.content_lifes_box .main_gift_box .box1 .gifts {
  text-align: center;
  font-size: 12px;
  padding: .22rem 0;
  padding-bottom: .08rem;
}

.content_lifes_box .main_gift_box .box1 .gifts div {
  height: .52rem;
  display: inline-flex;
  font-size: .26rem;
  color: #2e3549;
  align-items: center;
  border-radius: .3rem;
  background: linear-gradient(to right, #fefac0, #c1fec2);
  padding: 0 .3rem 0 .18rem;
}

.content_lifes_box .main_gift_box .box1 .gifts div img {
  width: .32rem;
  margin-right: .14rem;
}

.content_lifes_box .main_gift_box .box1 .list {
  overflow: hidden;
  width: 100%;
  border-radius: .16rem;
  padding-bottom: .2rem;
}

.content_lifes_box .main_gift_box .box1 .list .label {
  width: 6.74rem;
  height: 2.41rem;
  background-image: url(/images/2.0/gficon_27.png);
  border-radius: .1rem;
  margin: 0 auto;
  background-size: 100% 100%;
  margin-top: .16rem;
  display: flex;
  align-items: center;
  padding: .22rem 0 .22rem .22rem;
  justify-content: space-between;
}

.content_lifes_box .main_gift_box .box1 .list .label .price {
  overflow: hidden;
  width: 1.84rem;
}

.content_lifes_box .main_gift_box .box1 .list .label .price p {
  font-size: .4rem;
  color: #f1311a;
  text-align: center;
}

.content_lifes_box .main_gift_box .box1 .list .label .price p span {
  display: inline-block;
  line-height: 1;
  font-weight: bold;
  font-size: .58rem;
  color: #f1311a;
}

.content_lifes_box .main_gift_box .box1 .list .label .price em {
  display: block;
  text-align: center;
  font-size: .21rem;
  color: #f1311a;
  margin-top: .06rem;
}

.content_lifes_box .main_gift_box .box1 .list .label .price div {
  width: 1.5rem;
  height: .46rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .26rem;
  color: #fff;
  background: linear-gradient(to right, #ED0100, #F74E0A);
  border-radius: .6rem;
  margin-top: .2rem;
}

.content_lifes_box .main_gift_box .box1 .list .label .grow {
  overflow: hidden;
  display: flex;
}

.content_lifes_box .main_gift_box .box1 .list .label .grow .picture {
  overflow: hidden;
  width: 1.96rem;
  height: 1.96rem;
  border-radius: .06rem;
}

.content_lifes_box .main_gift_box .box1 .list .label .grow .picture img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.content_lifes_box .main_gift_box .box1 .list .label .grow .info {
  width: 2.26rem;
  margin-left: .22rem;
  overflow: hidden;
}

.content_lifes_box .main_gift_box .box1 .list .label .grow .info .name {
  overflow: hidden;
  width: 100%;
  height: 1.12rem;
}

.content_lifes_box .main_gift_box .box1 .list .label .grow .info .name p {
  font-size: .28rem;
  color: #000000;
  line-height: .34rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.content_lifes_box .main_gift_box .box1 .list .label .grow .info .lab {
  display: flex;
  align-items: flex-end;
}

.content_lifes_box .main_gift_box .box1 .list .label .grow .info .lab img {
  height: .23rem;
  width: auto;
  margin-right: .08rem;
}

.content_lifes_box .main_gift_box .box1 .list .label .grow .info span {
  display: block;
  font-size: .21rem;
  color: #999999;
  margin-top: .26rem;
}

.fadein_writeoffs {
  overflow: hidden;
  width: 100%;
  background: #fff;
  border-radius: .26rem .26rem 0 0;
  position: relative;
}

.fadein_writeoffs .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .26rem 0 .34rem;
  height: 1.1rem;
  background-image: url(/images/2.0/hheabg.jpg);
  background-size: 100% 100%;
}

.fadein_writeoffs .head p {
  font-size: .36rem;
  color: #fff;
  font-weight: bold;
}

.fadein_writeoffs .head img {
  width: .31rem;
}

.fadein_writeoffs .stepbox {
  width: 100%;
  height: 1.5rem;
  display: flex;
  background: #fff;
  border-bottom: .14rem solid #F3F7F9;
}

.fadein_writeoffs .stepbox .label {
  flex: 1;
  position: relative;
  text-align: center;
  padding-top: .34rem;
}

.fadein_writeoffs .stepbox .label::after {
  content: '';
  width: 1.8rem;
  height: 2px;
  background: #E5EBF2;
  position: absolute;
  right: 1rem;
  top: .48rem;
}

.fadein_writeoffs .stepbox .label.on::after {
  background: #1B86EA;
}

.fadein_writeoffs .stepbox .label.on div {
  background: #1B86EA;
}

.fadein_writeoffs .stepbox .label.on span {
  color: #000;
}

.fadein_writeoffs .stepbox .label:first-child::after {
  display: none;
}

.fadein_writeoffs .stepbox .label div {
  width: .3rem;
  height: .3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1000;
  border-radius: 50%;
  font-size: .22rem;
  color: #fff;
  background: #CED1D6;
  margin: 0 auto;
}

.fadein_writeoffs .stepbox .label span {
  display: block;
  text-align: center;
  font-size: .24rem;
  color: #999;
  margin-top: .16rem;
}

.fadein_writeoffs .button_grow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.14rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .4rem;
  background: #fff;
}

.fadein_writeoffs .button_grow div {
  width: 3.26rem;
  height: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .3rem;
  color: #000000;
  background: #fff;
  font-weight: bold;
  border: 1px solid #E9E9E9;
  border-radius: .6rem;
}

.fadein_writeoffs .button_grow div.on {
  background: linear-gradient(to right, #7A4BEF, #3487EB);
  font-weight: bold;
  color: #fff;
  border: none;
}

.fadein_writeoffs .children_three {
  background: #fff;
  display: flex;
  justify-content: center;
}

.fadein_writeoffs .children_three .button_grow div {
  width: 6.36rem;
  margin: 0 auto;
}

.fadein_writeoffs .children_three .success {
  padding: .6rem .3rem;
  padding-bottom: 1.8rem;
  overflow: hidden;
}

.fadein_writeoffs .children_three .success img {
  width: 1.46rem;
  display: block;
  margin: 0 auto;
}

.fadein_writeoffs .children_three .success p {
  text-align: center;
  font-size: .36rem;
  color: #333333;
  font-weight: bold;
  margin-top: .42rem;
  font-weight: bold;
}

.fadein_writeoffs .children_three .success span {
  text-align: center;
  font-size: .25rem;
  display: block;
  color: #858585;
  margin-top: .2rem;
}

.fadein_writeoffs .children_three .success .btn {
  width: 4.46rem;
  height: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .3rem;
  margin: 0 auto;
  margin-top: .88rem;
  color: #fff;
  font-weight: bold;
  background: linear-gradient(to right, #ED0401, #F74B0A);
  border-radius: .6rem;
}

.fadein_writeoffs .children_twos {
  padding-bottom: 1.23rem;
  overflow: hidden;
  position: relative;
  height: 40vh;
  background: #F3F7F9;
}

.fadein_writeoffs .children_twos .form {
  overflow: hidden;
  background: #fff;
}

.fadein_writeoffs .children_twos .form .label {
  height: .98rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .26rem;
  border-bottom: 1px solid #F7F7F7;
}

.fadein_writeoffs .children_twos .form .label p {
  font-size: .28rem;
  color: #050608;
  font-weight: bold;
}

.fadein_writeoffs .children_twos .form .label input {
  flex: 1;
  background: none;
  text-align: right;
  font-size: .28rem;
  color: #050608;
  border: none;
  height: 100%;
}

.fadein_writeoffs .children_twos .form .label input::placeholder {
  color: #999999;
}

.fadein_writeoffs .children_twos .form .label div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}

.fadein_writeoffs .children_twos .form .label div span {
  font-size: .28rem;
  color: #050608;
  margin-right: .1rem;
}

.fadein_writeoffs .children_twos .form .label div img {
  width: .23rem;
}

.fadein_writeoffs .children_two {
  padding-bottom: 1.23rem;
  overflow: hidden;
  position: relative;
  height: 70vh;
  background: #F3F7F9;
}

.fadein_writeoffs .children_two .pay_number {
  width: 7.05rem;
  height: 1rem;
  margin: 0 auto;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: .1rem;
  padding-left: .3rem;
}

.fadein_writeoffs .children_two .pay_number p {
  font-size: .28rem;
  color: #070002;
}

.fadein_writeoffs .children_two .pay_number .change {
  height: 100%;
  display: flex;
  align-items: center;
}

.fadein_writeoffs .children_two .pay_number .change div {
  width: .68rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fadein_writeoffs .children_two .pay_number .change div img {
  width: .21rem;
}

.fadein_writeoffs .children_two .pay_number .change input {
  width: .84rem;
  height: .39rem;
  text-align: center;
  border-radius: .1rem;
  border: 1px solid #eeeeee;
  font-size: .28rem;
  color: #070002;
  background: #fafcfd;
}

.fadein_writeoffs .children_two .codes {
  overflow: hidden;
  margin-top: .36rem;
  padding: 0 .22rem;
}

.fadein_writeoffs .children_two .codes p {
  font-weight: bold;
  font-size: .3rem;
  color: #33333d;
}

.fadein_writeoffs .children_two .codes span {
  display: block;
  font-weight: bold;
  font-size: .24rem;
  margin-top: .12rem;
  color: #33333d;
  line-height: .33rem;
}

.fadein_writeoffs .children_two .codes span em {
  color: #298afb;
}

.fadein_writeoffs .children_two .codes .change {
  width: 100%;
  height: .8rem;
  background: #fff;
  border-radius: .16rem;
  border: 1px solid #E6ECEF;
  display: flex;
  align-items: center;
  margin-top: .2rem;
  position: relative;
}

.fadein_writeoffs .children_two .codes .change input {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  font-size: .28rem;
  color: #85858B;
  padding-left: .18rem;
}

.fadein_writeoffs .children_two .codes .change div {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: .28rem;
  width: 1.9rem;
  color: #e62e17;
  position: absolute;
  right: 0;
  justify-content: center;
  top: 0;
  z-index: 99;
}

.fadein_writeoffs .children_two .codes .change div::after {
  content: '';
  width: 1px;
  height: .4rem;
  background: #E6ECEF;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.fadein_writeoffs .children_two .list {
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100% - 1.82rem);
  width: 100%;
  margin-bottom: .24rem;
  padding-top: .26rem;
}

.fadein_writeoffs .children_two .list.on .label .price .kc {
  border: 2px solid #ff4493;
}

.fadein_writeoffs .children_two .list.on .label .price .kc span {
  color: #ff4493;
}

.fadein_writeoffs .children_two .list.on .label .price .kc i {
  background: #ff4493;
}

.fadein_writeoffs .children_two .list.on .label .price .btn {
  background: linear-gradient(to right, #FF8889, #FF4493);
}

.fadein_writeoffs .children_two .list .label {
  width: 7.05rem;
  height: 2.52rem;
  background-image: url(/images/2.0/ab_03.png);
  border-radius: .1rem;
  margin: 0 auto;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  margin-bottom: .24rem;
  padding: .22rem 0 .22rem .22rem;
  justify-content: space-between;
}

.fadein_writeoffs .children_two .list .label .price {
  overflow: hidden;
  width: 1.84rem;
  font-size: 12px;
  text-align: center;
}

.fadein_writeoffs .children_two .list .label .price p {
  font-size: .4rem;
  color: #f1311a;
  margin-bottom: .1rem;
  text-align: center;
}

.fadein_writeoffs .children_two .list .label .price p span {
  display: inline-block;
  line-height: 1;
  font-weight: bold;
  font-size: .58rem;
  color: #f1311a;
}

.fadein_writeoffs .children_two .list .label .price .kc {
  display: inline-flex;
  align-items: center;
  border: 2px solid #f1311a;
  border-radius: .03rem;
  overflow: hidden;
}

.fadein_writeoffs .children_two .list .label .price .kc span {
  font-size: .22rem;
  padding: 0 .03rem;
  color: #f1311a;
  line-height: 1.3;
}

.fadein_writeoffs .children_two .list .label .price .kc i {
  font-size: .22rem;
  padding: 0 .06rem;
  line-height: 1.3;
  color: #fff;
  background: #f1311a;
}

.fadein_writeoffs .children_two .list .label .price em {
  display: block;
  text-align: center;
  font-size: .21rem;
  color: #f1311a;
  margin-top: .06rem;
}

.fadein_writeoffs .children_two .list .label .price .btn {
  width: 1.5rem;
  height: .46rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .26rem;
  color: #fff;
  background: linear-gradient(to right, #ED0100, #F74E0A);
  border-radius: .6rem;
  margin-top: .2rem;
}

.fadein_writeoffs .children_two .list .label .grow {
  overflow: hidden;
  display: flex;
}

.fadein_writeoffs .children_two .list .label .grow .picture {
  overflow: hidden;
  width: 1.96rem;
  height: 1.96rem;
  border-radius: .06rem;
}

.fadein_writeoffs .children_two .list .label .grow .picture img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.fadein_writeoffs .children_two .list .label .grow .info {
  width: 2.4rem;
  margin-left: .22rem;
  overflow: hidden;
}

.fadein_writeoffs .children_two .list .label .grow .info .name {
  overflow: hidden;
  width: 100%;
  height: 1.12rem;
}

.fadein_writeoffs .children_two .list .label .grow .info .name p {
  font-size: .28rem;
  color: #000000;
  line-height: .34rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.fadein_writeoffs .children_two .list .label .grow .info .ly {
  display: flex;
  align-items: center;
  font-size: .22rem;
  color: #999999;
  margin-top: .22rem;
}

.fadein_writeoffs .children_two .list .label .grow .info .ly img {
  width: .23rem;
  margin-right: .1rem;
}

.fadein_writeoffs .children_two .list .label .grow .info .lab {
  display: flex;
  align-items: flex-end;
}

.fadein_writeoffs .children_two .list .label .grow .info .lab img {
  width: auto;
  height: .23rem;
  margin-right: .08rem;
}

.fadein_writeoffs .children_two .list .label .grow .info span {
  display: block;
  font-size: .21rem;
  color: #999999;
  margin-top: .26rem;
}

.fadein_writeoffs .children_two .address {
  display: flex;
  align-items: center;
  background-color: #fff;
  background-repeat: no-repeat;
  align-items: center;
  height: 1.56rem;
  padding: 0 .28rem;
  background-image: url(/images/2.0/addressbg_02.jpg);
  background-size: 100%;
  padding-bottom: .05rem;
  background-position: center bottom;
}

.fadein_writeoffs .children_two .address img {
  width: .87rem;
}

.fadein_writeoffs .children_two .address .info {
  overflow: hidden;
  flex: 1;
  padding-left: .22rem;
}

.fadein_writeoffs .children_two .address .info div {
  display: flex;
  align-items: center;
}

.fadein_writeoffs .children_two .address .info div span {
  font-size: .28rem;
  color: #111111;
  margin-right: .46rem;
  position: relative;
}

.fadein_writeoffs .children_two .address .info div span::after {
  content: '';
  width: 2px;
  height: .25rem;
  background: #9D9D9D;
  position: absolute;
  right: -.23rem;
  top: 50%;
  transform: translateY(-50%);
}

.fadein_writeoffs .children_two .address .info div span:last-child::after {
  display: none;
}

.fadein_writeoffs .children_two .address .info p {
  font-size: .28rem;
  color: #111111;
  margin-top: .06rem;
}

.fadein_writeoffs .children {
  padding-bottom: 1.23rem;
  overflow: hidden;
  position: relative;
  height: 70vh;
}

.fadein_writeoffs .children .button {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.14rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.fadein_writeoffs .children .button div {
  width: 6.74rem;
  height: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .32rem;
  color: #fff;
  font-weight: bold;
  background: linear-gradient(to right, #7A4BEF, #3487EB);
  border-radius: .6rem;
}

.fadein_writeoffs .children .top_info {
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .32rem .26rem .16rem .26rem;
}

.fadein_writeoffs .children .top_info .name {
  display: flex;
  align-items: center;
}

.fadein_writeoffs .children .top_info .name img {
  width: .28rem;
}

.fadein_writeoffs .children .top_info .name span {
  font-size: .28rem;
  color: #000000;
  margin-left: .1rem;
  font-weight: bold;
}

.fadein_writeoffs .children .top_info .names {
  display: flex;
  align-items: center;
}

.fadein_writeoffs .children .top_info .names div {
  width: .06rem;
  height: .32rem;
  background: #1B86EA;
}

.fadein_writeoffs .children .top_info .names span {
  font-size: .36rem;
  color: #000000;
  margin-left: .16rem;
  font-weight: bold;
}

.fadein_writeoffs .children .top_info p {
  font-size: .28rem;
  color: #999999;
}

.fadein_writeoffs .children .top_info p em {
  color: #d70011;
  font-weight: bold;
  margin-right: .06rem;
}

.fadein_writeoffs .children ul {
  width: 100%;
  box-sizing: border-box;
  padding: 0 .26rem;
  height: calc(100% - 1.02rem);
  overflow: hidden;
  overflow-y: auto;
}

.fadein_writeoffs .children ul li {
  overflow: hidden;
  border-bottom: 1px solid #F7F7F7;
}

.fadein_writeoffs .children ul li a {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: .25rem 0;
  display: flex;
  justify-content: space-between;
}

.fadein_writeoffs .children ul li a .picture {
  overflow: hidden;
  width: 1.83rem;
  height: 1.83rem;
  border-radius: .06rem;
}

.fadein_writeoffs .children ul li a .picture img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.fadein_writeoffs .children ul li a .grow {
  flex: 1;
  padding-left: .26rem;
  overflow: hidden;
}

.fadein_writeoffs .children ul li a .grow .font {
  overflow: hidden;
  width: 100%;
  padding-top: .08rem;
  height: .9rem;
}

.fadein_writeoffs .children ul li a .grow .font p {
  font-size: .28rem;
  font-weight: bold;
  color: #000000;
  line-height: .34rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.fadein_writeoffs .children ul li a .grow .lab {
  display: flex;
  align-items: flex-end;
}

.fadein_writeoffs .children ul li a .grow .lab img {
  width: auto;
  height: .23rem;
  margin-right: .08rem;
}

.fadein_writeoffs .children ul li a .grow .desc {
  display: flex;
  margin-top: .3rem;
}

.fadein_writeoffs .children ul li a .grow .desc span {
  font-size: .24rem;
  color: #999999;
  position: relative;
  margin-right: .3rem;
}

.fadein_writeoffs .children ul li a .grow .desc span::after {
  content: '';
  width: 1px;
  height: .23rem;
  background: #C9C9C9;
  position: absolute;
  right: -.15rem;
  top: 50%;
  transform: translateY(-50%);
}

.fadein_writeoffs .children ul li a .grow .desc span:last-child::after {
  display: none;
}

.fadein_cartJoin {
  overflow: hidden;
  width: 100%;
  background: #fff;
  border-radius: .26rem .26rem 0 0;
  padding: 0 .34rem .24rem .34rem;
}

.fadein_cartJoin .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.1rem;
}

.fadein_cartJoin .head div {
  display: flex;
  align-items: center;
  font-size: .24rem;
  color: #000000;
  font-weight: bold;
}

.fadein_cartJoin .head div img {
  width: .26rem;
  margin-right: .14rem;
}

.fadein_cartJoin .head > img {
  width: .28rem;
}

.fadein_cartJoin .sku {
  overflow: hidden;
}

.fadein_cartJoin .sku p {
  font-size: .26rem;
  margin-top: .46rem;
  color: #000000;
  font-weight: bold;
}

.fadein_cartJoin .sku ul {
  display: flex;
  flex-wrap: wrap;
}

.fadein_cartJoin .sku ul li {
  height: .6rem;
  display: inline-flex;
  align-items: center;
  padding: 0 .26rem;
  border-radius: .4rem;
  background: #f2f2f2;
  font-size: .24rem;
  font-weight: 500;
  color: #000000;
  margin-right: .12rem;
  margin-top: .16rem;
  border: 1px solid #f2f2f2;
}

.fadein_cartJoin .sku ul li.on {
  color: #e51e00;
  border: 1px solid #e51e00;
  background: #ffeeec;
}

.fadein_cartJoin .button {
  width: 6.76rem;
  height: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .6rem;
  background: linear-gradient(to right, #f32b46, #f4674d);
  font-size: .3rem;
  font-weight: bold;
  color: #fff;
  margin: 0 auto;
  margin-top: .46rem;
}

.fadein_cartJoin .num {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .48rem;
}

.fadein_cartJoin .num p {
  font-size: .34rem;
  color: #000000;
  font-weight: bold;
}

.fadein_cartJoin .num .change {
  display: flex;
  align-items: center;
}

.fadein_cartJoin .num .change div {
  width: .46rem;
  height: .4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fadein_cartJoin .num .change div img {
  width: .2rem;
}

.fadein_cartJoin .num .change input {
  width: .78rem;
  height: .4rem;
  border: none;
  background: #F2F2F2;
  text-align: center;
  font-size: .24rem;
  color: #272727;
  border-radius: .06rem;
}

.fadein_cartJoin .label {
  overflow: hidden;
  padding: .15rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.fadein_cartJoin .label .picture {
  width: 1.72rem;
  height: 1.72rem;
  border-radius: .12rem;
  overflow: hidden;
}

.fadein_cartJoin .label .picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fadein_cartJoin .label .info {
  flex: 1;
  padding-left: .26rem;
}

.fadein_cartJoin .label .info p {
  font-size: .26rem;
  color: #000000;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fadein_cartJoin .label .info span {
  display: block;
  font-size: .2rem;
  margin-top: .08rem;
  color: #7d7d7d;
}

.fadein_cartJoin .label .info em {
  display: block;
  font-size: .2rem;
  color: #e51e00;
  margin-top: .15rem;
  font-weight: bold;
}

.fadein_cartJoin .label .info em i {
  font-size: .32rem;
  color: #e51e00;
  font-weight: bold;
}

.content_superm {
  overflow: hidden;
  min-height: 100vh;
  background-image: url(/images/2.0/sup_01.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: .82rem;
}

.content_superm .back {
  width: 100%;
  height: .9rem;
}

.content_superm .main_box {
  width: 100%;
  background: #f9f9f9;
  margin-top: .38rem;
  min-height: 80vh;
  border-radius: .4rem .4rem 0 0;
}

.content_superm .main_box .list {
  width: 100%;
  padding: 0 .2rem;
}

.content_superm .main_box .list ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.content_superm .main_box .list ul li {
  overflow: hidden;
  width: 3.48rem;
  background: #fff;
  border-radius: .16rem;
  margin-bottom: .16rem;
}

.content_superm .main_box .list ul li .picture {
  overflow: hidden;
  width: 100%;
  height: 3.5rem;
}

.content_superm .main_box .list ul li .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content_superm .main_box .list ul li .info {
  overflow: hidden;
  padding: 0 .2rem .2rem .2rem;
}

.content_superm .main_box .list ul li .info .name {
  display: block;
  height: .8rem;
}

.content_superm .main_box .list ul li .info .name p {
  font-size: .26rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: .36rem;
  color: #000000;
}

.content_superm .main_box .list ul li .info .lab {
  display: flex;
}

.content_superm .main_box .list ul li .info .lab img {
  height: .24rem;
  width: auto;
  margin-right: .06rem;
}

.content_superm .main_box .list ul li .info .b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .06rem;
}

.content_superm .main_box .list ul li .info .b p {
  font-size: .22rem;
  color: #fe2512;
  font-weight: bold;
}

.content_superm .main_box .list ul li .info .b p span {
  font-size: .3rem;
  font-weight: bold;
}

.content_superm .main_box .list ul li .info .b img {
  width: .3rem;
}

.content_superm .main_box .navbar {
  width: 100%;
  padding: .37rem 0 .46rem 0;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
  overflow-x: auto;
}

.content_superm .main_box .navbar .label {
  display: inline-block;
  position: relative;
  font-size: 12px;
  padding: 0 .26rem;
  text-align: center;
}

.content_superm .main_box .navbar .label.on p {
  color: #ff4d50;
}

.content_superm .main_box .navbar .label.on div {
  background: linear-gradient(to right, #fd2a42, #fb693e);
  color: #fff;
}

.content_superm .main_box .navbar .label::after {
  content: '';
  width: 1px;
  height: .74rem;
  background: #ededed;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.content_superm .main_box .navbar .label p {
  text-align: center;
  font-size: .28rem;
  font-weight: bold;
  color: #33333d;
}

.content_superm .main_box .navbar .label div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: .32rem;
  padding: 0 .14rem;
  margin-top: .06rem;
  font-size: .22rem;
  color: #b8b8b8;
  border-radius: .4rem;
}

.content_superm .search {
  width: 6.9rem;
  margin: 0 auto;
  height: .62rem;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: .28rem;
  background: #fff;
  border: 1px solid #E71C36;
  border-radius: .6rem;
}

.content_superm .search img {
  width: .28rem;
}

.content_superm .search input {
  flex: 1;
  height: 100%;
  border: none;
  background: none;
  font-size: .28rem;
  color: #33333d;
  padding-left: .12rem;
}

.content_superm .search input::placeholder {
  color: #85858B;
}

.content_superm .search div {
  width: 1.34rem;
  height: .52rem;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(to right, #FD2A42, #F84F50);
  border-radius: .4rem;
  font-size: .28rem;
  color: #fff;
  position: absolute;
  right: .06rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}

.content_xuser {
  overflow: hidden;
  background-color: #f3f7f9;
  background-image: url(/images/2.0/xuserbg_01.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 1rem .25rem .3rem .25rem;
}

.content_xuser .list {
  width: 100%;
  overflow: hidden;
}

.content_xuser .list .head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.2rem;
  font-size: .33rem;
  color: #1f1b1b;
  font-weight: bold;
}

.content_xuser .list .head img {
  width: .32rem;
  margin: 0 .14rem;
}

.content_xuser .list ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.content_xuser .list ul li {
  overflow: hidden;
  width: 3.4rem;
  background: #fff;
  border-radius: .16rem;
  margin-bottom: .16rem;
}

.content_xuser .list ul li .picture {
  overflow: hidden;
  width: 100%;
  height: 3.5rem;
}

.content_xuser .list ul li .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content_xuser .list ul li .info {
  overflow: hidden;
  padding: 0 .2rem .2rem .2rem;
}

.content_xuser .list ul li .info .name {
  display: block;
  height: .8rem;
}

.content_xuser .list ul li .info .name p {
  font-size: .26rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
  line-height: .36rem;
  color: #000000;
}

.content_xuser .list ul li .info .lab {
  display: flex;
}

.content_xuser .list ul li .info .lab img {
  height: .24rem;
  width: auto;
  margin-right: .06rem;
}

.content_xuser .list ul li .info .b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .06rem;
}

.content_xuser .list ul li .info .b p {
  font-size: .22rem;
  color: #fe2512;
  font-weight: bold;
}

.content_xuser .list ul li .info .b p span {
  font-size: .3rem;
  font-weight: bold;
}

.content_xuser .list ul li .info .b img {
  width: .3rem;
}

.content_xuser .main_order {
  width: 100%;
  overflow: hidden;
  border-radius: .18rem;
  background: linear-gradient(#fff1f2, #fff, #fff);
  margin-top: .2rem;
  border: 1px solid #fff;
}

.content_xuser .main_order.on {
  background: #fff;
}

.content_xuser .main_order ul {
  display: flex;
  flex-wrap: wrap;
}

.content_xuser .main_order ul li {
  width: 25%;
  margin-bottom: .2rem;
  overflow: hidden;
}

.content_xuser .main_order ul li img {
  display: block;
  width: 1rem;
  margin: 0 auto;
}

.content_xuser .main_order ul li span {
  display: block;
  text-align: center;
  font-size: .26rem;
  color: #000000;
  margin-top: .06rem;
}

.content_xuser .main_order .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .86rem;
  padding: 0 .2rem;
}

.content_xuser .main_order .head p {
  font-size: .3rem;
  color: #000000;
  font-weight: bold;
}

.content_xuser .main_order .head div {
  display: flex;
  align-items: center;
  font-size: .26rem;
  color: #4C494A;
}

.content_xuser .main_order .head div img {
  width: .14rem;
  margin-left: .1rem;
}

.content_xuser .quans {
  width: 100%;
  height: 1.06rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .24rem 0 .28rem;
  background: #fff;
  border-radius: .18rem;
  margin-top: .58rem;
}

.content_xuser .quans .icon {
  display: flex;
  align-items: center;
}

.content_xuser .quans .icon img {
  width: .38rem;
}

.content_xuser .quans .icon p {
  font-size: .3rem;
  color: #000000;
  font-weight: bold;
  margin-left: .18rem;
}

.content_xuser .quans .icon span {
  font-size: .3rem;
  color: #e90b0b;
  margin-left: .18rem;
  font-weight: bold;
}

.content_xuser .quans .fr {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: .26rem;
  color: #000000;
}

.content_xuser .quans .fr img {
  width: .12rem;
  margin-left: .12rem;
}

.content_xuser .userinfo {
  display: flex;
  align-items: center;
}

.content_xuser .userinfo .avatar {
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid #fff;
}

.content_xuser .userinfo .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
  object-fit: cover;
}

.content_xuser .userinfo .info {
  overflow: hidden;
  padding-left: .33rem;
}

.content_xuser .userinfo .info p {
  font-size: .3rem;
  font-weight: bold;
  color: #fff;
}

.content_xuser .userinfo .info span {
  display: block;
  font-size: .24rem;
  color: #fff;
  margin-top: .1rem;
  opacity: 0.6;
}

.content_orderList {
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  position: relative;
  background: #F1F1F1;
}

.content_orderList .tabbar {
  width: 100%;
  height: 1.12rem;
  display: flex;
  position: fixed;
  left: 0;
  top: 1rem;
  z-index: 1001;
  background: #F1F1F1;
}

.content_orderList .tabbar > div {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content_orderList .tabbar > div span {
  font-size: .3rem;
  font-weight: 500;
  color: #141414;
  position: relative;
}

.content_orderList .tabbar > div.on span {
  font-size: .34rem;
  font-weight: bold;
  color: #e62510;
}

.content_orderList .tabbar > div.on span::after {
  content: '';
  width: .13rem;
  height: .13rem;
  background-image: url(/images/2.0/allorder_03.png);
  background-size: 100% 100%;
  position: absolute;
  right: -.06rem;
  bottom: -.04rem;
}

.content_orderList .order_list {
  width: 100%;
}

.content_orderList .order_list .item {
  width: 7.1rem;
  overflow: hidden;
  background: #fff;
  border-radius: .2rem;
  margin: 0 auto;
  margin-bottom: .2rem;
  padding: .2rem 0 .3rem 0;
}

.content_orderList .order_list .item .button_grow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 .16rem;
}

.content_orderList .order_list .item .button_grow div {
  display: inline-flex;
  align-items: center;
  height: .57rem;
  font-size: .24rem;
  color: #0f0f0f;
  font-weight: bold;
  padding: 0 .1rem;
  min-width: 1.46rem;
  border-radius: .4rem;
  justify-content: center;
  border: 1px solid #c2c2c2;
  margin-left: .24rem;
}

.content_orderList .order_list .item .button_grow div.on {
  background: #ec210e;
  color: #fff;
  border: 1px solid #ec210e;
}

.content_orderList .order_list .item .button_grow div.on1 {
  border: 1px solid #ec210e;
  color: #ec210e;
}

.content_orderList .order_list .item .list {
  width: 100%;
  position: relative;
  padding: 0 .12rem 0 .18rem;
  margin-bottom: .26rem;
}

.content_orderList .order_list .item .list .info {
  width: 1.6rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding-right: .14rem;
  text-align: right;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  padding-top: .32rem;
}

.content_orderList .order_list .item .list .info p {
  font-size: .24rem;
  color: #0b0b0b;
  text-align: right;
  font-weight: bold;
}

.content_orderList .order_list .item .list .info p span {
  font-size: .34rem;
  font-weight: bold;
}

.content_orderList .order_list .item .list .info em {
  display: block;
  text-align: right;
  font-size: .24rem;
  margin-top: .02rem;
  color: #7e7e7e;
}

.content_orderList .order_list .item .list ul {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  font-size: 12px;
}

.content_orderList .order_list .item .list ul li {
  display: inline-block;
  width: 1.46rem;
  height: 1.46rem;
  overflow: hidden;
  border-radius: .06rem;
  margin-right: .06rem;
}

.content_orderList .order_list .item .list ul li img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.content_orderList .order_list .item .label {
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-bottom: .24rem;
  justify-content: space-between;
  padding: 0 .12rem 0 .18rem;
}

.content_orderList .order_list .item .label .picture {
  overflow: hidden;
  width: 1.48rem;
  height: 1.48rem;
  border-radius: .06rem;
  margin-right: .1rem;
}

.content_orderList .order_list .item .label .picture img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.content_orderList .order_list .item .label .name {
  width: 3.92rem;
}

.content_orderList .order_list .item .label .name p {
  font-size: .28rem;
  color: #0f0f0f;
  line-height: .37rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
}

.content_orderList .order_list .item .label .info {
  width: 1.3rem;
}

.content_orderList .order_list .item .label .info p {
  font-size: .24rem;
  color: #0b0b0b;
  text-align: right;
  font-weight: bold;
}

.content_orderList .order_list .item .label .info p span {
  font-size: .34rem;
  font-weight: bold;
}

.content_orderList .order_list .item .label .info em {
  display: block;
  text-align: right;
  font-size: .24rem;
  margin-top: .02rem;
  color: #7e7e7e;
}

.content_orderList .order_list .item .head {
  display: flex;
  align-items: center;
  padding: 0 .15rem 0 .19rem;
  height: .66rem;
  justify-content: space-between;
  margin-bottom: .06rem;
}

.content_orderList .order_list .item .head em {
  font-size: .24rem;
  font-weight: bold;
  color: #e62510;
}

.content_orderList .order_list .item .head em.on {
  color: #858585;
}

.content_orderList .order_list .item .head .fl {
  display: flex;
  align-items: center;
}

.content_orderList .order_list .item .head .fl .icon {
  width: .26rem;
}

.content_orderList .order_list .item .head .fl p {
  font-size: .28rem;
  color: #0f0f0f;
  margin-left: .09rem;
  font-weight: bold;
}

.content_orderList .order_list .item .head .fl .o {
  display: inline-flex;
  align-items: center;
  border-radius: .04rem;
  overflow: hidden;
  height: .31rem;
  margin-left: .14rem;
  background: #e2f1ff;
  border: 1px solid #0074e0;
}

.content_orderList .order_list .item .head .fl .o.gift {
  border: 1px solid #e62510;
  background: #ffedec;
}

.content_orderList .order_list .item .head .fl .o.gift span {
  background: #e62510;
}

.content_orderList .order_list .item .head .fl .o.gift div {
  color: #e62510;
}

.content_orderList .order_list .item .head .fl .o span {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 .08rem;
  background: #0074e0;
  font-size: .22rem;
  color: #fff;
}

.content_orderList .order_list .item .head .fl .o div {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 .08rem;
  font-size: .22rem;
  color: #0074e0;
}

.content_orderinfos {
  overflow: hidden;
  min-height: 100vh;
  background: #f6f6f6;
  padding-bottom: .3rem;
}

.content_orderinfos .status {
  width: 100%;
}

.content_orderinfos .status em {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: .26rem;
  margin-bottom: .2rem;
  color: #141414;
}

.content_orderinfos .status em i {
  color: #eb1d12;
  font-weight: bold;
}

.content_orderinfos .status .tps {
  height: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.content_orderinfos .status .tps .back {
  width: .18rem;
  position: absolute;
  left: .42rem;
  top: 50%;
  transform: translateY(-50%);
}

.content_orderinfos .status .tps .icon {
  display: flex;
  align-items: center;
}

.content_orderinfos .status .tps .icon img {
  width: .34rem;
  margin-right: .16rem;
}

.content_orderinfos .status .tps .icon span {
  font-size: .38rem;
  color: #141414;
  font-weight: bold;
}

.content_orderinfos .service {
  overflow: hidden;
  background: #fff;
  width: 7.1rem;
  margin: 0 auto;
  border-radius: .26rem;
  background-image: url(/images/2.0/orderinfobg_03.jpg);
  background-size: 100% 100%;
  margin-top: .1rem;
  padding: .3rem .26rem;
}

.content_orderinfos .service > p {
  font-size: .3rem;
  color: #0f0f0f;
  font-weight: bold;
}

.content_orderinfos .service ul {
  display: flex;
}

.content_orderinfos .service ul li {
  flex: 1;
  margin-top: .45rem;
  position: relative;
}

.content_orderinfos .service ul li:last-child::after {
  content: '';
  width: 2px;
  height: .78rem;
  background: #f6f6f6;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.content_orderinfos .service ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.content_orderinfos .service ul li a img {
  width: .37rem;
}

.content_orderinfos .service ul li a div {
  overflow: hidden;
  margin-left: .12rem;
}

.content_orderinfos .service ul li a div p {
  font-size: .26rem;
  color: #0f0f0f;
  font-weight: bold;
}

.content_orderinfos .service ul li a div span {
  font-size: .22rem;
  color: #0f0f0f;
  display: block;
  margin-top: .12rem;
}

.content_orderinfos .main_orderinfo {
  overflow: hidden;
  background: #fff;
  width: 7.1rem;
  margin: 0 auto;
  margin-top: .1rem;
  padding-left: .22rem;
}

.content_orderinfos .main_orderinfo .item {
  overflow: hidden;
  padding: .18rem 0;
  border-bottom: 1px solid #f7f7f7;
}

.content_orderinfos .main_orderinfo .item .price {
  display: block;
  text-align: right;
  padding: .16rem 0;
  font-size: .24rem;
  color: #000000;
  padding-right: .22rem;
  font-weight: bold;
}

.content_orderinfos .main_orderinfo .item .price span {
  color: #f41c10;
  font-size: .32rem;
  font-weight: bold;
}

.content_orderinfos .main_orderinfo .item .fr {
  display: flex;
  align-items: center;
}

.content_orderinfos .main_orderinfo .item .fr div {
  width: 2px;
  height: .18rem;
  background: #8a8a8a;
  margin: 0 .12rem;
}

.content_orderinfos .main_orderinfo .item .label {
  display: flex;
  align-items: flex-start;
  padding: .16rem 0;
  justify-content: space-between;
  padding-right: .22rem;
}

.content_orderinfos .main_orderinfo .item .label p {
  font-size: .26rem;
  color: #7c7c7c;
  line-height: .46rem;
}

.content_orderinfos .main_orderinfo .item .label span {
  display: block;
  max-width: 4.9rem;
  font-size: .26rem;
  color: #000000;
  font-weight: bold;
  line-height: .46rem;
  text-align: right;
}

.content_orderinfos .main_item {
  overflow: hidden;
  background: #fff;
  width: 7.1rem;
  margin: 0 auto;
  margin-top: .1rem;
  padding: .32rem .16rem .2rem .16rem;
}

.content_orderinfos .main_item ul {
  overflow: hidden;
}

.content_orderinfos .main_item ul li {
  overflow: hidden;
  border-bottom: 1px solid #f7f7f7;
  padding: .22rem .1rem;
  display: flex;
  justify-content: space-between;
}

.content_orderinfos .main_item ul li:last-child {
  border: none;
}

.content_orderinfos .main_item ul li .picture {
  overflow: hidden;
  width: 1.56rem;
  height: 1.56rem;
  border-radius: .06rem;
}

.content_orderinfos .main_item ul li .picture img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.content_orderinfos .main_item ul li .grow {
  flex: 1;
  padding-left: .24rem;
}

.content_orderinfos .main_item ul li .grow .lab {
  display: flex;
  align-items: center;
  margin-top: .1rem;
}

.content_orderinfos .main_item ul li .grow .lab img {
  width: auto;
  height: .24rem;
  margin-right: .11rem;
}

.content_orderinfos .main_item ul li .grow i {
  display: block;
  font-size: .22rem;
  color: #717171;
  margin-top: .3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content_orderinfos .main_item ul li .grow .t {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content_orderinfos .main_item ul li .grow .t p {
  width: 3.46rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .28rem;
  color: #0f0f0f;
  font-weight: bold;
}

.content_orderinfos .main_item ul li .grow .t span {
  display: block;
  font-size: .24rem;
  color: #0b0b0b;
  font-weight: bold;
}

.content_orderinfos .main_item ul li .grow .t span em {
  font-size: .34rem;
  font-weight: bold;
}

.content_orderinfos .main_item .head {
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 .1rem;
  justify-content: space-between;
}

.content_orderinfos .main_item .head .fl {
  display: flex;
  align-items: center;
  font-size: .28rem;
  color: #0f0f0f;
  font-weight: bold;
}

.content_orderinfos .main_item .head .fl div {
  width: .05rem;
  height: .28rem;
  background: linear-gradient(#f41c11, #ffeceb);
  margin-right: .1rem;
}

.content_orderinfos .main_item .head .btn {
  display: flex;
  align-items: center;
}


.content_orderinfos .main_item .head .btn {
  display: flex;
  align-items: center;
}

.content_orderinfos .main_item .head .btn div {
  display: inline-flex;
  align-items: center;
  height: .46rem;
  font-size: .24rem;
  color: #f41c11;
  border: 1px solid #f41c11;
  border-radius: .4rem;
  padding: 0 .16rem;
  font-weight: bold;
}


.content_orderinfos .main_item .head .btn span {
  font-size: .24rem;
  font-weight: bold;
  color: #e62510;
}

.content_orderinfos .main_item .head .btn div {
  display: inline-flex;
  align-items: center;
  height: .46rem;
  font-size: .24rem;
  color: #f41c11;
  border: 1px solid #f41c11;
  border-radius: .4rem;
  padding: 0 .16rem;
  font-weight: bold;
}

.content_orderinfos .main_head {
  overflow: hidden;
  width: 7.1rem;
  margin: 0 auto;
  background: #fff;
  border-radius: .16rem .16rem 0 0;
  height: 1.04rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .22rem 0 .25rem;
}

.content_orderinfos .main_head .icon {
  display: flex;
  align-items: center;
}

.content_orderinfos .main_head .icon img {
  width: .26rem;
  margin-right: .1rem;
}

.content_orderinfos .main_head .icon span {
  font-size: .28rem;
  color: #0f0f0f;
  font-weight: bold;
}

.content_orderinfos .main_head .type {
  display: inline-flex;
  align-items: center;
  border-radius: .04rem;
  overflow: hidden;
  height: .31rem;
  background: #e2f1ff;
  border: 1px solid #0074e0;
}

.content_orderinfos .main_head .type.gift {
  border: 1px solid #e62510;
  background: #ffedec;
}

.content_orderinfos .main_head .type.gift span {
  background: #e62510;
}

.content_orderinfos .main_head .type.gift div {
  color: #e62510;
}

.content_orderinfos .main_head .type span {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 .08rem;
  background: #0074e0;
  font-size: .22rem;
  color: #fff;
}

.content_orderinfos .main_head .type div {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 .08rem;
  font-size: .22rem;
  color: #0074e0;
}

.nullData {
  padding: .42rem 0;
}

.nullData img {
  width: 1.17rem;
  display: block;
  margin: 0 auto;
}

.nullData span {
  display: block;
  text-align: center;
  font-size: .22rem;
  color: #858585;
  margin-top: .08rem;
}

.fadein_logistics {
  overflow: hidden;
  width: 100%;
  max-height: 80vh;
  background: #f9f9f9;
  overflow-y: auto;
  border-radius: .3rem .3rem 0 0;
}

.fadein_logistics .heads {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.18rem;
  padding: 0 .58rem 0 .28rem;
}

.fadein_logistics .heads .fl {
  display: flex;
  align-items: center;
  font-size: .36rem;
  color: #0f0f0f;
  font-weight: bold;
}

.fadein_logistics .heads .fl div {
  width: .08rem;
  height: .34rem;
  background: linear-gradient(#f41c11, #ffeceb);
  margin-right: .1rem;
}

.fadein_logistics .heads img {
  width: .28rem;
}

.fadein_logistics .order_list {
  overflow: hidden;
  width: 100%;
  background: #fff;
  border-radius: .2rem;
  padding: .28rem .46rem .3rem 0;
  margin-top: .16rem;
}

.fadein_logistics .order_list .item {
  width: 100%;
  position: relative;
  padding-bottom: .4rem;
  padding-left: .9rem;
}

.fadein_logistics .order_list .item.shou::after {
  content: '';
  width: .42rem;
  height: .42rem;
  background-image: url(/images/2.0/orderlc_11.png);
  background-size: 100% 100%;
  position: absolute;
  left: .19rem;
  top: .1rem;
}

.fadein_logistics .order_list .item.cang::after {
  content: '';
  width: .42rem;
  height: .42rem;
  background-image: url(/images/2.0/orderlc_03.png);
  background-size: 100% 100%;
  position: absolute;
  left: .19rem;
  top: 0;
}

.fadein_logistics .order_list .item.dan::after {
  content: '';
  width: .42rem;
  height: .42rem;
  background-image: url(/images/2.0/orderlc_14.png);
  background-size: 100% 100%;
  position: absolute;
  left: .19rem;
  top: 0;
}

.fadein_logistics .order_list .item.on p {
  font-weight: bold;
  color: #090909;
}

.fadein_logistics .order_list .item.on em {
  color: #000000;
}

.fadein_logistics .order_list .item span {
  display: block;
  font-size: .26rem;
  color: #727272;
  line-height: .44rem;
}

.fadein_logistics .order_list .item p {
  font-size: .3rem;
  color: #717171;
  margin-bottom: .06rem;
}

.fadein_logistics .order_list .item em {
  display: block;
  font-size: .26rem;
  color: #727272;
  line-height: .44rem;
}

.fadein_logistics .order_list .item i {
  display: block;
  font-size: .22rem;
  color: #737373;
  line-height: .44rem;
}

.fadein_logistics .order_list .item::after {
  content: '';
  width: .11rem;
  height: .11rem;
  border-radius: 50%;
  background: #CCCCCC;
  position: absolute;
  left: .34rem;
  top: .16rem;
}

.fadein_logistics .order_list .item::before {
  content: '';
  width: 1px;
  height: 100%;
  background: #CCCCCC;
  position: absolute;
  left: .39rem;
  top: .16rem;
}

.fadein_logistics .order_list .item:last-child::before {
  display: none;
}

.fadein_logistics .order_list .item:last-child {
  padding-bottom: 0;
}

.fadein_logistics .order_info {
  overflow: hidden;
  width: 100%;
  background: #fff;
  border-radius: .2rem;
  padding: .33rem .34rem .3rem .34rem;
}

.fadein_logistics .order_info .icon {
  display: flex;
  align-items: center;
}

.fadein_logistics .order_info .icon img {
  width: .4rem;
  margin-right: .12rem;
}

.fadein_logistics .order_info .icon span {
  font-size: .24rem;
  color: #090909;
}

.fadein_logistics .order_info ul {
  overflow: hidden;
  margin-top: .1rem;
}

.fadein_logistics .order_info ul li {
  display: flex;
  align-items: center;
  margin-top: .26rem;
}

.fadein_logistics .order_info ul li p {
  font-size: .24rem;
  color: #090909;
  margin-right: .2rem;
}

.fadein_logistics .order_info ul li .grow {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.fadein_logistics .order_info ul li .grow span {
  font-size: .24rem;
  color: #090909;
  font-weight: bold;
}

.fadein_logistics .order_info ul li .grow img {
  width: 1.53rem;
}

.fadein_logistics .order_info ul li .grow div {
  display: inline-flex;
  align-items: center;
  padding: 0 .1rem;
  background: #F1F1F1;
  border-radius: .4rem;
  margin-left: .1rem;
  font-size: .22rem;
  color: #080808;
}


.content_orderinfos .button_grow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 .16rem;
}

.content_orderinfos .button_grow div {
  display: inline-flex;
  align-items: center;
  height: .57rem;
  font-size: .24rem;
  color: #0f0f0f;
  font-weight: bold;
  padding: 0 .1rem;
  min-width: 1.46rem;
  border-radius: .4rem;
  justify-content: center;
  border: 1px solid #c2c2c2;
  margin-left: .24rem;
}

.content_orderinfos .button_grow div.on {
  background: #ec210e;
  color: #fff;
  border: 1px solid #ec210e;
}

.content_orderinfos .button_grow div.on1 {
  border: 1px solid #ec210e;
  color: #ec210e;
}

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