@charset "utf-8";
.wrapper {
    width: 100%;
    min-height: 100vh;
    padding-bottom: 1.6rem;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
}

.oldForNew-nav-bar {
    width: 100%;
    height: .94rem;
    box-sizing: border-box;
    padding: 0 .54rem;
    display: flex;
    align-items: center;
    font-size: .3rem;
    color: #333;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1111;
}

.oldForNew-nav-bar .nav-left {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .26rem;
}

.oldForNew-nav-bar .nav-left .nav-icon,
.oldForNew-nav-bar .nav-right .nav-icon {
    width: .4rem;
    height: .4rem;
    margin-right: .1rem;
}

.oldForNew-nav-bar .nav-left .text-style {
    color: #ff0152;
}

.oldForNew-nav-bar .nav-right {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px #ececec solid;
}

.banner {
    position: relative;
    min-height: 7.5rem;
}

.banner .swiper-container-banner img {
    width: 100%;
}

.banner .swiper-pagination-fraction {
    position: absolute;
    left: auto;
    right: .2rem;
    bottom: .2rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: .24rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-user-random {
    width: 70%;
    height: .6rem;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 0 .5rem .5rem 0;
    position: absolute;
    left: 0;
    bottom: .8rem;
    padding-left: .2rem;
    z-index: 9;
}

.banner-user-random .random {
    display: flex;
    align-items: center;
}

.banner-user-random .swiper-container.swiper-container-random {
    height: .5rem;
    padding-top: .1rem;
}

.banner-user-random .random-img {
    flex: 0 0 .4rem;
    height: .4rem;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.banner-user-random .random-name {
    font-size: .24rem;
    line-height: .24rem;
    color: #fff;
    margin-left: .1rem;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info-column {
    padding: .24rem .2rem;
    padding-bottom:10px; 
}

.info-column .info-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.3rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000;
    line-height: 0.46rem;
}

.info-column .info-price-wrapper {
    width: 7.12rem;
    height: 1.08rem;
    display: flex;
    align-items: center;
    margin-top: .06rem;
    justify-content: space-between;
    box-sizing: border-box;
    background: url(../img/detailbj.png) no-repeat;
    background-size: 100% 100%;
    padding-left: 0.63rem;
    padding-right: 0.3rem;
}
.info-column .info-price-wrapper .product-price{
    color: #E0150A;
    font-size: 0.37rem;
   
}
.info-column .info-price-wrapper .product-price .product-text {
    font-weight: bold;
}
.info-column .info-price-wrapper .product-price .product-card {
    font-weight: bold;
}

.info-column .info-price-wrapper .o-price {
    font-size: 0.26rem;
    font-family: PingFang SC;
    font-weight: 500;
    text-decoration: line-through;
    color: #FFFFFF;
    line-height: 0.56rem;
}

.info-column .hot-txt {
    font-size: 0.24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 0.46rem;
    display: flex;
    align-items: center;
}

.info-column .price-hot-icon {
    width: 0.2rem;
    height: .24rem;
}

.info-column .info-price-left {
    display: flex;
    align-items: center;
    color: #FFFFFF;
    text-decoration: line-through;
}

.info-column .info-price-right {
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #fff;
}

.info-column .info-price-right .tiem-item {
    display: inline-block;
    vertical-align: middle;
    width: .34rem;
    height: .34rem;
    text-align: center;
    line-height: .38rem;
    color: #4B6AF0;
    border-radius: .04rem;
    background-color: #fff;
}

.info-column .info-price-right .tiem-item:last-of-type {
    margin-right: .1rem;
}

.info-column .info-price-right .time-dot {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .06rem;
    color: #fff;
}

.info-column .sold-price-desc {
    width: 100%;
    height: 1.12rem;
    border-radius: .08rem;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: .4rem;
    padding-left: .24rem;
    box-sizing: border-box;
    font-size: 0.21rem;
}

.info-column .sold-price-desc .product-price {
    color: #ff0152;
    display: flex;
    align-items: baseline;
}

.info-column .sold-price-desc .product-price .product-text {
    font-size: 0.44rem;
    font-family: PingFang SC;
    font-weight: bold;
    position: relative;
    bottom: -.04rem;
}

.info-column .sold-price-desc .product-price .product-card {
    font-size: 0.36rem;
    font-family: PingFang SC;
    font-weight: bold;
}

.info-column .sold-price-desc .product-price .product-yuan {
    font-size: 0.26rem;
    font-family: PingFang SC;
    font-weight: bold;
    margin-left: .0rem;
}

.info-column .sold-price-desc .line {
    width: .5px;
    height: .44rem;
    margin-left: 1.6rem;
    background: rgba(255, 255, 255, .2);
}

.info-column .sold-price-desc .right-tip {
    display: flex;
    align-items: center;
}

.info-column .sold-price-desc .right-tip .reduce-img {
    display: inline-block;
    width: .34rem;
    height: .34rem;
}

.info-column .sold-price-desc .right-tip .reduce-txt-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 0.6rem;
    padding: 0 0.2rem;
    background-color: #e6443b;
}


.info-column .banner-text {
    width: 100%;
    margin: 0.26rem auto 0;
    border-radius: .1rem;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}

.info-column .banner-text .icon {
    width: .32rem;
    height: 0.32rem;
    margin-right: .1rem;
}

.info-column .banner-text .head-txt {
    padding-right: .3rem;
    border-right: 1px solid #FC4D43;
    line-height: .23rem;
    font-size: 0.26rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FC4D43;
}

.info-column .banner-text .banner-txt {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    margin-left: .3rem;
    font-size: 0.26rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
}

.commodity-box {
    width: 100%;
    /* height: 1.12rem; */
    /* display: flex; */
    box-sizing: border-box;
    /* padding-left: .2rem;
    margin-bottom: .2rem; */
    /* justify-content: space-between; */
    align-items: center;
    background: #fff;
    padding: 15px;
}


/* .commodity-box img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
} */

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

.commodity-box .buy-btn {
    background-color: #e54635;
    padding: 9px 13px;
    border-radius: 5px;
    color: #fff;
}

.commodity-box .buy-item {
    height: 40px;
    line-height: 40px;
    background-color: #EFEFEF;
    padding: 0 15px;
    width: 90%;
}

.commodity-box .commodity-title {
    color: #999;
    font-size: .26rem;
    font-weight: 400;
}

.commodity-box .commodity-tg {
    margin-left: .3rem;
    color: #333;
    font-size: .26rem;
    display: flex;
    align-items: center;
}

.commodity-box .phone {
    width: 1.04rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.commodity-box .phone-left {
    width: 1px;
    height: .2rem;
    background-color: #ccc;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.commodity-box .phone-img {
    width: .24rem;
    height: .24rem;
    pointer-events: auto;
}

.service-wrap {
    width: 100%;
    margin-bottom: .2rem;
    box-sizing: border-box;
    background: #fff;
}

.service-wrap .emption {
    width: 100%;
    height: .98rem;
    display: flex;
    align-items: center;
    position: relative;
}

.service-wrap .emption-fh {
    display: flex;
    width: 1.04rem;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: .24rem;
}

.service-wrap .emption-zp {
    flex: 1;
    height: 100%;
    border-bottom: .5px solid #e5e5e5;
    display: flex;
    align-items: center;
    font-size: .24rem;
    color: #333;
}

.service-wrap .emption-zp.last {
    border: none;
}

.service-wrap .emption-zp .emption-zp-txt {
    margin-left: .1rem;
    color: #ff0152;
}

.service-wrap .emption-person {
    display: inline-block;
    vertical-align: middle;
    font-size: .24rem;
    background: #ff0152;
    border-radius: .04rem;
    color: #fff;
    padding: .02rem .14rem;
    margin-left: .24rem;
}

.service-wrap .emption-arrow {
    position: absolute;
    right: .2rem;
    top: 38%;
    width: .24rem;
    height: .24rem;
    pointer-events: auto;
}

.recommend-box {
    width: 100%;
    padding-top: 0.2rem;
    padding-bottom: .2rem;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: .2rem;
}

.recommend-box .recommend-title {
    width: 90%;
    height: .4rem;
    line-height: .4rem;
    margin-left: 0.2rem;
    display: flex;
    align-items: center;
}

.recommend-box .recommend-title .ddian {
    width: .08rem;
    height: .34rem;
    border-radius: .2rem;
    background-color: #ff0152;
}

.recommend-box .recommend-title .recommend-title-title {
    font-size: .36rem;
    line-height: normal;
    padding-left: .2rem;
    font-weight: 700;
}

.recommend-box .recommend-product {
    width: 100%;
    height: 6.8rem;
    padding: 0 .2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.recommend-box .recommend-product .swiper-pagination-bullet {
    width: .4rem;
    height: .04rem;
    background: rgba(0, 0, 0, .3);
    border-radius: .02rem;
    opacity: .3;
}

.recommend-box .recommend-product .swiper-pagination-bullet-active {
    background-color: #000;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -4px;
}

.recommend-box .recommend-product .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: start;
}

.recommend-box .recommend-product .product-item {
    width: 2.1rem;
    margin-top: .2rem;
}

.recommend-box .recommend-product .product-item .product-image {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-block;
    border-radius: .08rem;
}

.recommend-box .recommend-product .product-item .product-info {
    margin-top: .14rem;
    padding: 0 .1rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .24rem;
    color: #333;
    box-sizing: border-box;
}

.recommend-box .recommend-product .product-item .product-btm {
    padding: 0 .1rem;
    margin: .1rem 0;
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.recommend-box .product-btm .product-jifen {
    font-size: .22rem;
    line-height: .22rem;
    color: #ff0152;
    font-weight: 500;
}

.recommend-box .product-btm .product-jifen-price {
    font-size: .22rem;
    line-height: .22rem;
    color: #ff0152;
}

.evalute {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background: #fff;
    padding: .22rem .2rem .3rem;
    margin-bottom: .2rem;
    margin-top: 0;
}

.evalute .evalute-top {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ececee;
    justify-content: space-between;
    padding-bottom: .22rem;
}

.evalute .evalute-top .num,
.evalute .evalute-top .evalute-text .text2 {
    color: rgb(153, 153, 153);
}

.evalute .evalute-top .evalute-text .text1 {
    color: #ff0152;
}

.evalute-swiper {
    height: 2.04rem;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    display: flex;
}

.evalute-swiper::-webkit-scrollbar {
    display: none
}

.evalute-swiper .swiper-item {
    flex: 0 0 4.6rem;
    height: 1.74rem;
    margin-right: .2rem;
    border-radius: .04rem;
    background: #f5f5f5;
    padding-top: .1rem;
    margin-top: .2rem;
}

.evalute-swiper .swiper-item .user-info {
    display: flex;
    align-items: center;
    margin: .3rem 0 .1rem;
    padding-left: .2rem;
}

.evalute-swiper .user-info .user-img {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    margin-right: .16rem;
    border: 1px solid #e5e5e5;
}

.evalute-swiper .user-info .user-name {
    font-size: .24rem;
    font-weight: 400;
    color: #333;
    line-height: .24rem;
}

.evalute-swiper .user-info .user-name {
    font-size: .24rem;
    font-weight: 400;
    color: #333;
    line-height: .24rem;
}

.evalute-swiper .evalute-txt {
    width: 4.22rem;
    margin: 0 auto;
    font-size: .24rem;
    color: #7f7f7f;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.graphic {
    background-color: #fff;
}

.graphic .graphic-header {
    width: 90%;
    height: .4rem;
    line-height: .4rem;
    margin: .2rem;
    display: flex;
    align-items: center;
}

.graphic .graphic-header .ddian {
    width: .08rem;
    height: .34rem;
    border-radius: .2rem;
    background-color: #ff0152;
}

.graphic .graphic-header .title {
    font-size: .36rem;
    line-height: normal;
    font-weight: 700;
    padding-left: .2rem;
}

.graphic .imglist img {
    width: 100%;
}

.goods-shop-cart {
    position: fixed;
    z-index: 10;
    bottom: 0;
    width: 100%;
    height: 1.3rem;
    background: #fff;
    box-shadow: 0 -2px 8px 0 rgb(0 0 0 / 10%);
    white-space: nowrap;
    overflow: hidden;
    display: flex;
}

.goods-shop-cart .shop-left {
    width: 26%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
}

.goods-shop-cart .shop-left .guon {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.goods-shop-cart .shop-left .guon.line::after {
    content: '';
    width: 1px;
    height: 50%;
    background: #ededed;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
}

.goods-shop-cart .shop-left .guon .title {
    font-size: .22rem;
    line-height: 1.1;
    margin-top: .1rem;
    text-align: center;
}

.goods-shop-cart .shop-left .guon .icon {
    display: block;
    width: .38rem;
    height: .38rem;
}

.goods-shop-cart .shop-right {
    width: 74%;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    box-sizing: border-box;
    border-left: 1px solid #ededed;
}

.goods-shop-cart .shop-right .btn-l {
    flex: 1;
    height: 100%;
    background: #ffffff;
}

.goods-shop-cart .shop-right .btn-l {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
    justify-content: center;
}

.goods-shop-cart .shop-right .btn-l .price {
    font-size: 0.32rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333;
    margin-left: -.06rem;
}

.goods-shop-cart .shop-right .btn-l .price .sign {
    font-size: 0.24rem;
}

.goods-shop-cart .shop-right .btn-l .txt {
    font-size: 0.26rem;
    font-family: PingFang SC;
    color: #333;
    margin-top: .12rem;
}

.goods-shop-cart .shop-right .btn-r {
    width: 3.6rem;
    height: 100%;
    line-height: 1.2;
}

.goods-shop-cart .shop-right .btn-r {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.goods-shop-cart .shop-right .btn-r .price {
    font-size: .26rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: .1rem;
}

.goods-shop-cart .shop-right .btn-r .price .num {
    font-size: .28rem;
    position: relative;
    bottom: -.02rem;
}

.goods-shop-cart .shop-right .btn-r .txt {
    font-size: 0.32rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.goods-shop-cart .shop-right .btn-r .txt .icon-arr {
    width: .22rem;
    height: .22rem;
    margin-left: .04rem;
}


/* 客服悬浮窗隐藏 */

#YSF-BTN-HOLDER {
    width: 0;
    height: 0;
}


/* 返回顶部 */

.back-top {
    width: .7rem;
    height: .7rem;
    position: fixed;
    bottom: 3rem;
    text-align: center;
    border-radius: 50%;
    right: .2rem;
    z-index: 40;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.back-top .icon {
    width: .18rem;
    height: .18rem;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    margin-top: .12rem;
    margin-bottom: -.04rem;
}

.back-top .text {
    color: #fff;
    font-size: .22rem;
    line-height: .22rem;
    text-decoration: underline;
}


/* 弹窗 */

.buy-popup,
.simple-address {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: -99;
    transition-duration: .5s;
    opacity: 0;
}

.simple-address {
    transition-duration: 0s;
}

.buy-poup-content {
    width: 100%;
    min-height: 9.62rem;
    padding: .18rem .3rem .5rem;
    background: #fff;
    position: absolute;
    box-sizing: border-box;
    /* transform: translateY(9.82rem); */
    bottom: -100vh;
    transition-duration: .5s;
}

.simple-address .buy-poup-content {
    transition-duration: 0s;
}

.buy-popup.show,
.simple-address.show {
    z-index: 99;
    opacity: 1;
}

.buy-popup.show .buy-poup-content,
.simple-address.show .buy-poup-content {
    bottom: 0;
    /* transform: translateY(0); */
}

.buy-poup-content .buy-poup-top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.buy-poup-content .buy-poup-top .info-img {
    /* position: absolute;
    left: 0;
    top: -.92rem; */
    z-index: 10;
    width: 2.3rem;
    height: 2.3rem;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: .08rem;
}

.buy-poup-content .buy-poup-top .info-detail {
    min-height: 1.48rem;
    margin: 0 0 0 .2rem;
    width: 4rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: flex-end;
}

.buy-poup-content .buy-poup-top .close-wrap {
    right: -.22rem;
    top: -.1rem;
    width: .3rem;
    height: .3rem;
    padding: .1rem;
}

.buy-popup .buy-poup-content .buy-poup-top .info-detail .title {
    display: block;
    flex-wrap: wrap;
    font-size: .26rem;
    font-weight: 700;
    color: #333;
    line-height: .36rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.buy-poup-content .buy-poup-top .info-detail .now-price-wrapper {
    display: flex;
    align-items: baseline;
    margin: .1rem 0;
    color: #ff0152;
}

.buy-poup-content .now-price-wrapper .text1 {
    font-weight: 700;
    font-size: .36rem;
    line-height: .38rem;
    position: relative;
    bottom: -0.02rem;
}

.buy-poup-content .now-price-wrapper .text2 {
    font-weight: bold;
    font-size: .3rem;
    line-height: .34rem;
}

.buy-poup-content .now-price-wrapper .text3 {
    font-size: .26rem;
    line-height: .28rem;
    font-weight: bold;
}

.buy-poup-content .now-price-wrapper .text4 {
    font-size: .24rem;
    line-height: .24rem;
    text-decoration: line-through;
    color: rgb(153, 153, 153);
    margin-left: .1rem;
    text-align: right;
}

.buy-poup-content .info-detail .spec-tip-text {
    width: 100%;
    color: #333;
    font-size: .24rem;
    line-height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.buy-poup-content .info-detail .spec-tip-text1 {
    font-size: .24rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: .1rem;
    display: none;
    /* margin: .1rem 0; */
    /* margin-top: -0.1rem; */
}
.buy-poup-content .info-detail .spec-tip-text1 img{
    width: .35rem;
    height: .35rem;
    vertical-align: middle;
}

.buy-poup-content .info-detail .spec-tip-text1 .red-text {
    color: #e54635;
}

.buy-poup-content .buy-poup-top .remind-choose {
    width: 100%;
    margin-top: .3rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: .3rem;
    font-weight: 700;
    font-size: .34rem;
    line-height: .34rem;
}

.buy-poup-content .buy-poup-top .remind-choose::before {
    content: '';
    display: inline-block;
    width: .06rem;
    height: .28rem;
    margin-right: .08rem;
    border-radius: .04rem;
    background: #ff0152;
}

.buy-popup .buy-poup-content .container {
    max-height: 6.8rem;
    min-height: 4.4rem;
    overflow-y: scroll;
}
.buy-popup .buy-poup-content .container::-webkit-scrollbar{
    display: none;
}

.buy-poup-content .container .title {
    font-size: .26rem;
    font-weight: 600;
    color: #343434;
    font-family: Source Han Sans CN;
    margin-bottom: .2rem;
}

.buy-poup-content .container .specification {
    margin-top: .3rem;
    display: flex;
    flex-direction: column;
}

.buy-poup-content .container .specification .spec {
    font-size: .28rem;
    display: inline-block;
    height: .64rem;
    line-height: .64rem;
    margin-right: .2rem;
    margin-top: .1rem;
    padding: 0 .3rem;
    box-sizing: border-box;
    color: #191919;
    text-align: center;
    border-radius: .04rem;
    background: transparent;
    color: #343434;
    border: 1px solid #A7A7A7;
}

.buy-poup-content .container .specification .spec.active {
    background-color: #ffeded;
    border: 1px solid #ffeded;
    color: #ff0152!important;
    font-weight: 400;
}

.buy-poup-content .container .specification .spec.disable {
    color: #fff;
    background: #f3f3f3;
    border: none;
}

.buy-poup-content .number-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .56rem;
    margin-bottom: .3rem;
    margin-top: .3rem;
}

.buy-poup-content .number-select .left {
    font-size: .26rem;
    font-weight: 700;
    color: #333;
}

.buy-poup-content .number-select .right {
    width: 2.04rem;
    height: .56rem;
}

.buy-poup-content .determine {
    width: 6.9rem;
    height: .96rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .3rem;
    text-align: center;
    background-color: #ff0152;
    margin-left: .2rem;
    font-weight: 500;
    color: #fff;
    border-radius: .04rem;
    margin: 0 auto;
}


/* 地址弹窗 */

.simple-address .buy-poup-top .info-detail .title {
    /* display: block;
    margin-bottom: .36rem;
    flex-wrap: wrap;
    font-size: .26rem;
    font-weight: 700;
    color: #333;
    line-height: .36rem; */
    display: block;
    flex-wrap: wrap;
    font-size: .26rem;
    font-weight: 700;
    color: #333;
    line-height: .36rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.simple-address .no-spec {
    /* color: #ff0152;
    font-weight: 500;
    font-size: .28rem;
    line-height: .28rem; */
}

.simple-address .form-item .label {
    display: block;
    font-size: .32rem;
    line-height: .32rem;
    margin-top: .4rem;
    margin-bottom: .2rem;
    color: #333;
    font-weight: 600;
}

.simple-address .form-item .input-item {
    width: 6.9rem;
    height: .9rem;
    border: 1px solid #d7d7d7;
    border-radius: .04rem;
}

.simple-address .form-item .label i {
    color: #ff0152;
}

.simple-address .form-item .input-item .input-box {
    box-sizing: border-box;
    font-size: .26rem;
    padding: 0 .24rem;
    font-weight: 400;
    color: #333;
    height: .9rem;
    width: 100%;
}

.simple-address .tips {
    margin: .3rem 0;
    font-size: .24rem;
    line-height: .24rem;
    font-weight: 400;
    color: #ff0152;
}

.simple-address .address-wrap {
    display: flex;
    justify-content: space-between;
}

.address-wrap .address-item {
    width: 2.22rem;
    height: .9rem;
    display: flex;
    align-items: center;
    padding: 0 .2rem;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    position: relative;
    box-sizing: border-box;
}

.address-wrap .address-item .address-txt {
    font-size: .3rem;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address-wrap .address-item .bottom-arrow {
    width: .15rem;
    height: .15rem;
    position: absolute;
    right: .2rem;
}


/* 颜色闪烁 */

.flicker {
    /* display: flex;
    width: 100%; */
    /* white-space: nowrap;
    animation-name: flicker;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; */
}

@keyframes flicker {
    0% {
        background: #e54635;
    }
    50% {
        background: #e54635;
    }
    51% {
        background: #feba00;
    }
    100% {
        background: #feba00;
    }
}


/* 商品列表 */

.product-list {
    width: 100%;
    padding: 0 2.5%;
    box-sizing: border-box;
    background: #f5f5f5;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


/* 猜你喜欢 */

.guess-like {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 0 .3rem;
}

.guess-like .line {
    width: .8rem;
    height: 1px;
    margin: 0 .16rem;
    background: #FF162E;
    position: relative;
}

.guess-like .line::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background: #FF162E;
    border-radius: 50%;
    right: 0;
    top: -1px;
}

.guess-like .line.r::after {
    left: 0;
    top: -1px;
}

.guess-like .icon {
    width: .3rem;
    height: .3rem;
    margin-right: .06rem;
}

.guess-like .title {
    color: #FF162E;
    font-size: .32rem;
    font-weight: 500;
    line-height: normal;
    font-weight: 500;
}

.wrapper .service-box {
    width: 100%;
    padding: 0.1rem 0.17rem 0.14rem 0.24rem;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 0.2rem;
}
.wrapper .service-box img {
    width: 100%;
}
.radius-box{
    border-radius: 0.1rem;
}
/* 用户购买记录 */
.wrapper .user-buy-list {
    width: 100%;
    /* height: 2.25rem; */
    box-sizing: border-box;
    background: #fff;
    padding: 0.2rem 0.1rem;
    margin-bottom: 0.2rem;
    overflow: hidden;
    box-sizing: border-box;
}

.wrapper .user-buy-list .random {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .52rem;
    font-size: 0.22rem;
}
.wrapper .user-buy-list .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.wrapper .user-buy-list .swiper-container.swiper-user-buy {
    height: 2.5rem;
}

.wrapper .user-buy-list .random .l-box{
    background: #efefef;
    padding: 0.1rem 0.2rem;
    border-radius: 0.08rem;
    margin-right: 0.2rem;
    width:4.9rem;    
    overflow: hidden;    
    text-overflow:ellipsis;    
    white-space: nowrap;
}
.wrapper .user-buy-list .random .r-box{
    background: #e74535;
    color: #fff;
    border-radius: 0.08rem;
    padding: 0.1rem 0.2rem;
}
/* 我要兑换 start */
.conversion-box {
	box-sizing: border-box;
	width: 7.1rem;
	background: #fff;
	border-radius: .08rem;
	margin: 0rem auto;
	margin-bottom: .2rem;
	padding: .05rem .2rem .2rem .2rem;
	display: none;
}

.conversion-box .user-random-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: .2rem;
}

.conversion-box .user-random {
	width: 5.2rem;
	height: .6rem;
	background: #EFEFEF;
	border-radius: .08rem;
}

.conversion-box .user-random .random {
	width: 5rem;
	height: .6rem;
	padding-left: .2rem;
	line-height: .6rem;
	align-items: center;
	font-size: .22rem;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;
}

.conversion-box .user-random .swiper-container {
	height: .6rem !important;
}

.conversion-box .user-random .random-img {
	flex: 0 0 .6rem;
	height: .6rem;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

.conversion-box .user-random .random-name {
	font-weight: 400;
	font-size: .22rem;
	line-height: .22rem;
	color: #333;
	margin-left: .2rem;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.conversion-box .asconversion {
	width: 1.3rem;
	height: .6rem;
	/* line-height: .6rem; */
	border-radius: .08rem;
	/* border: .02rem solid #E74535; */
	text-align: center;
	font-size: .24rem;
	font-weight: 400;
	background: #E74535;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	/* color: #E74535; */
}

/* 我要兑换 end*/