/* 限时降价 氛围条 倒计时 */
body{
  background: #F6F6F6;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.white-rds-12{
  width: 9.467rem;
  border-radius: .320rem;
  background: #FFFFFF;
  padding: .320rem;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
}
.promotion-bar-down-box + .white-rds-12,
.white-rds-12 + .white-rds-12{
  margin-top: .320rem;
}
.media-box .rb-24{
  bottom: 1.6rem;
}
/* 头部条 */
.top-option{
  height: 1.173rem;
}
.top-position > p{
  display: none;
}
.b-share,
.b-shop-car,
.b-toggle{
  width: .640rem;
  height: .640rem;
}
.b-share{
  background: url(../../images/2023/goods/icon_share_black_24@2x.png);
  background-size: 100%;
}
.b-shop-car{
  background: url(../../images/2023/goods/icon_cart_nor_24@2x.png);
  background-size: 100%;
}
.b-toggle{
  background: url(../../images/2023/goods/icon_more_white_24@2x.png);
  background-size: 100%;
}
/* 边框标签 */
.bdr-tag{
 
  background: #FFF0F0;
  border-radius: .107rem;
  border: 1px solid #FFA4A4;
  font-size: .320rem;
  color: #F22525;
  text-align: center;
  padding: 0 .107rem;
}
/* 图片，视频 集合 */

.video-box{
  position: relative;
  z-index: 0;
}
.video-box .volume{
  position: absolute;
  width: 0.747rem;
  height: 0.747rem;
  bottom: 1.280rem;
  bottom: .64rem;
  right: 0.320rem;
  left: unset;
  transform: translate(0%,0);
  background: url(../../images/2023/videoHome/icon_video_voice_on_44.png);
  background-size: 100%;
  z-index: 10;
}
.video-box .volume.mute{
  background: url(../../images/2023/videoHome/icon_video_voice_off_24.png);
  background-size: 100%;
}
.video-high-box{
  height: 13.333rem;
  overflow: hidden;
}
.video-high{
  height: 17.787rem;
}
.video-square-box,
.video-square{
  height: 10.000rem;
}
.toggle-media{
  width: 2.827rem;
  height: .747rem;
  background: rgba(0,0,0,0.3);
  border-radius: .427rem;
  position: absolute;
  bottom: 1.280rem;
  bottom: .640rem;
  left:50%;
  transform: translate(-50%,0);
  z-index: 10;
  color: #fff;
  font-size: .320rem;
}
.toggle-media > div{
  width:1.333rem ;
  height: .587rem;
  line-height: .587rem;
  border-radius: .427rem;
}
.toggle-media .on{
  background: rgba(255, 255, 255, .95);
  font-size: .347rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
/* 促销条 */
.promotion-bar{
  height: 1.867rem;
  background: #F23827;
  border-radius: .533rem .533rem 0px 0px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.backtime{
  position: absolute;
  right: .427rem;
  top:.373rem;
  z-index: 0;
  display: flex;
}
.backtime .txt{
  font-size: 13px;
  color: #FFFFFF;
  line-height: 18px;
  text-shadow: 0px 0px 8px rgba(0,0,0,.08);
}
.backtime .time{
  font-size: .347rem;
  font-family: SanFranciscoDisplay-Semibold, SanFranciscoDisplay;
  font-weight: 600;
  color: #FFFFFF;
  line-height: .533rem;

}
.backtime .time .cell{
  width: .533rem;
  height: .533rem;
  background: #222222;
  border-radius: .107rem;
  display: inline-block;
  position: relative;
}
.backtime .time .cell + .cell{
  margin-left: .32rem;
}
.backtime .time .cell + .cell::before{
  display: inline-block;
  content: ':';
  width:.320rem ;
  text-align: center;
  left: -.32rem;
  top:0;
  z-index: 0;
  position: absolute;
}

/* 促销条下容器 */
.promotion-bar-down-box{
  background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
  border-radius: 20px 20px 0px 0px;
  margin-top: -.587rem;
  padding: 0 .267rem 0;
  position: relative;
  z-index: 10;
}
.normal-price-box .price-bar{
  font-size: 26px;
  font-family: SanFranciscoDisplay-Medium, SanFranciscoDisplay;
  font-weight: 500;
}
.normal-price-box .price-right{
  height: .480rem;
  font-size: .347rem;
  /* font-weight: 400; */
  color: #F22525;
  line-height: .480rem;
}
.no-stock-notice .anchor,
.promotion-box .anchor,
.comm-more,
.rl-box .anchor::after,
.normal-price-box .price-right::after,
.price-desc-bar .more::after{
  width: .427rem;
  height: .427rem;
  vertical-align: text-bottom;
  display: block;
  content: '';
  display: inline-block;
  background-image: url(../../images/2023/goods/icon_more_red_16@2x.png);
  background-size: 100%;
}
/* 颜色选择条 轮播下  */
.color-row-wrap{
  padding: .160rem 0 .427rem 0;
}
.pic-color-row{
  height: 1.280rem;
  display: flex;
}
.pic-color-row .desc{
  width:1.547rem;
  box-sizing: border-box;
  padding:.160rem .400rem;
  font-size: .347rem;
  color: #333;
  text-align: center;
}
.pic-color-row .color-bar-wrap,
.pic-color-row .color-bar{
  width:8.453rem;
  height:1.280rem;
  overflow-x: scroll;
  overflow-y:hidden;
}
.pic-color-row .color-bar{
  padding-bottom: .5rem;
}
.pic-color-row .color-bar-wrap{
  overflow: hidden;
}
.color-pic-bar .color-pic-in,
.pic-color-row .color-bar .color-bar-in{
  width: max-content;
  height:1.280rem;
}
.pic-color-row .color-bar .color-bar-in{
  padding-right: .8rem;
}
.pic-color-row .color-bar-in > div + div{
  margin-left: .213rem;
}
.color-pic-in > div,
.pic-color-row .color-bar-in > div{
  width: 1.280rem;
  height: 1.280rem;
  background: rgba(0,0,0,.05);
  border-radius: .213rem;
  border: 1px solid #ECECEC;
  display: inline-block;
  box-sizing: border-box;
  overflow:hidden;
}
.pic-color-row .color-bar img{ display: block;}
.pic-color-row .color-bar .on{
  border: 1px solid #F22525;
}
/* 价格块 */
.price-box-zone{
  width: 9.467rem;
  height: 2.560rem;
  background: #FFE8E8;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FFCDCD;
  padding: .373rem .320rem 0;
  box-sizing: border-box;
}
.price-bar{
  font-family: SanFranciscoDisplay-Medium, SanFranciscoDisplay;
  font-weight: 500;
  font-size: .533rem;
}
.normal-price-box .price::before,
.price-bar .price::before{
  content: '￥';
  display: inline;
  font-size: .480rem;
  color: #F22525;
}
.normal-price-box .price,
.price-bar .price{
  height: .853rem;
  line-height: .853rem;
  font-size: .693rem;
  color: #F22525;
}
 
.price-bar .quan-after{
  height: .747rem;
  line-height: .747rem;
  padding: 0 .267rem;
  background: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  border-radius: .427rem;
  color:#fff;
}
.price-bar .quan-after .pre{
  font-size: .347rem;
  font-family: PingFangSC-Regular, PingFang SC;
}
 
.price-bar .quan-after .q-price::before{
  content: '￥';
  display: inline;
  font-size: .373rem;
  color:inherit;
  vertical-align: text-bottom;
}
.price-bar .quan-after .q-price{
  height: .640rem;
  line-height: .640rem;
  color:inherit;
}
.gray-price{
  height: .480rem;
  line-height: .480rem;
  font-size: .373rem;
  color: #777;
}

/* 价格条 下描述 */
.price-desc-bar{
  height: .480rem;
  font-size: .347rem;
  color: #F22525;
  line-height: .480rem;
}
 

/* 认证 */
.auth-bar{
  padding-bottom: .320rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.auth-bar .auth-tag + .auth-tag{
  margin-left: .213rem;
}
.auth-bar .auth-tag{
  width: auto;
  height: .853rem;
  background: #F6F6F6;
  border-radius: .213rem;
  font-size: .347rem;
  color: #069975;
  display: flex;
  align-items: center;
  justify-content:center;
  padding: 0 .320rem;
}
.auth-bar .ico{
  width: .427rem;
  height: .427rem;
  display: inline-block;
  margin-right: .107rem;
}
.auth-bar .ico-txt{
  background: url(../../images/2023/videoHome/icon_jiance.png);
  background-size: 100%;
}
.auth-bar .ico-safe{
  background: url(../../images/2023/videoHome/icon_renzheng.png);
  background-size: 100%;
}
/* 标题盒子 */
.price-box-zone + .title-box{
  margin-top: -.427rem;
}
.title-box .title-bar{
  font-size: .427rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #222222;
  line-height: .640rem;
}
.pop-coupon-card,
.title-box .coupon-bar{
  width: 8.827rem;
  height: 1.493rem;
  background: linear-gradient(90deg, #FF7833 0%, #FFAD13 100%);
  font-size: .373rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  border-radius: .320rem;
  position: relative;
}
.title-box .coupon-new-user{
  background: linear-gradient(90deg, #FF0000 0%, #FF3F22 100%);
}

.pop-coupon-card::before,
.pop-coupon-card::after,
.title-box .coupon-bar::after,
.title-box .coupon-bar::before{
  width: .427rem;
  height: .427rem;
  height: .213rem;
  content: '';
  display: block;
  background: #fff;
  position: absolute;
  right:2.267rem;
  top:0;
}
.pop-coupon-card::before,
.title-box .coupon-bar::before{
  border-radius: 0 0 .213rem .213rem;
}
.pop-coupon-card::after,
.title-box .coupon-bar::after{
  bottom: 0;
  top:unset;
  border-radius: .213rem .213rem 0 0;
}

.title-box .coupon-bar .info{
 
}
.pop-coupon-card .price,
.title-box .coupon-bar .price{
  width: 1.920rem;
  font-size: .853rem;
  font-family: SanFranciscoDisplay-Medium, SanFranciscoDisplay;
  font-weight: 500;
  text-align: center;
}
.pop-coupon-card .price::before,
.title-box .coupon-bar .price::before{
  font-size: .427rem;
  content: '￥';
}

.pop-coupon-card  .info .t1,
.title-box .coupon-bar .info .t1{
  height: .533rem;
  line-height: .533rem;
  margin-bottom: .053rem;
}
.title-box .coupon-bar .info .t2{
  font-size: 12px;
}

.pop-coupon-card .text,
.title-box .coupon-bar .text{
  width: 2.453rem;
  height: 1.493rem;
  line-height: 1.493rem;
  text-align: center;
  border-left: 1px solid rgba(255,255,255,.4);
}
 
/* 颜色规格 配送区域 服务 公用左右容器 */
.rl-box{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  font-size: .373rem;
  line-height: 1.280rem;
}
.rl-box .label{
  width: 1.173rem;
  color: #777;
  line-height: 1.333rem;
}
.rl-box .ctn{
  width: 7.653rem;
  color: #222222;
}
.promotion-box .anchor,
.comm-more,
.rl-box .anchor::after{
  background: url(../../images/2023/goods/icon_more_black_16@2x.png);
  background-size: 100%;
}
.rl-box + .rl-box .ctn{
  border-top:1px solid #EEE;
}
.rl-box .deliver{
  width: 5.467rem;
  width: 5.867rem;
  line-height: .533rem;
}
.rl-box .deliver span{
  margin-left: .107rem;
}
.rl-box .gold-notice{
  font-size: .373rem;
  font-weight: 400;
  color: #B46730;
}
.peace-buy{
  font-size: .373rem;
  color: #333;
  line-height: .427rem;
  padding: .400rem 0;
}
.peace-buy .peace-text{
  width: 5.547rem;
  /* display: flex; */
}
.peace-buy .ico{
  width:1.467rem;
  margin-right: .213rem;
  display: inline-block;
  /* float: left; */
}
/* 颜色 规格容器 */
.color-box{
  display: flex;
}
/* 文字 颜色块 */
.color-text-bar-wrap{
  height: .853rem;
  height: 1.280rem;
  overflow: hidden;

}
.color-pic-bar,
.color-text-bar{
  padding-bottom: .427rem;
  max-width: 5.200rem;
  overflow-y: hidden;
  overflow-x: scroll;
  padding-bottom: 1rem;
}

.color-text-in{
  width: max-content;
  display: flex;
  flex-wrap: wrap;
}

.pop-color-box-in + .pop-color-box-in,
.color-pic-in > div + div,
.color-text-in > div + div{
  margin-left: .213rem;
}
.pop-color-box-in > .c-cell,
.color-summary,
.color-text-in > div{
  height: .853rem;
  line-height: .853rem;
  background: #F9F9F9;
  border-radius: .107rem;
  font-size: .347rem;
  color: #555;
  padding:0 .320rem;
  box-sizing: border-box;
}
.color-pic-in .on,
.pop-speci-box .on,
.pop-color-box .on,
.color-text-bar .on{
  border: 1px solid #F22525;
  border-radius: .213rem;
}
.pop-speci-box .on .tag-out,
.pop-color-box .on .tag-out,
.color-text-bar .on .tag-out{
  background: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
}
.color-summary{
  color:#999;
}
.color-pic-in{
  padding-right: .5rem;
}
/* 图片 颜色块 */
.color-pic-bar{
  height: .960rem;
}
 
.color-shadow-wrap.shadow::after{
  width:.480rem;
  height: .960rem;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #FFFFFF 100%);
  position: absolute;
  top:0;
  right: 0;
  z-index: 0;
  content: '';
}
.color-pic-in > div{
  width: .960rem;
  height: .960rem;
  border-radius: .107rem;
}
.color-pic-in img{
  display: block;
}
/* 拼团信息 */
.h-50{
  height: 1.333rem;
}
.btn-pt {
  width: 1.867rem;
  height: .747rem;
  line-height: .747rem;
  text-align: center;
  background: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  border-radius: .427rem;
  font-size: .347rem;
  color: #fff;
}
.portrait-pt{
  width: 1.067rem;
  height: 1.067rem;
  border-radius: 100%;
  overflow: hidden;
}
.title-pt{
  height: .533rem;
}
.title-pt .pt-name{
  width: 1.973rem;
  height: .533rem;
  font-size: .373rem;
  color: #222222;
  overflow: hidden;
}
.title-pt .g-time{
  font-size: .320rem;
  color: #999;
}
.title-pt .bdr-tag{
  line-height: .480rem;
}
.pt-cell + .pt-cell{
  padding-top: .267rem;
}

/* 商品评价 */
.comm-title-out{
  line-height: .640rem;
}
.comm-title{
  font-size: .427rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #222;
}
.comm-more{
  width: .427rem;
  height: .427rem;
}
.comment-area{
  background: #F9F9F9;
  border-radius: .213rem;
  padding:.320rem;
}
.comment-area .label{
  width: .960rem;
}
.comment-area .label-in{
  width: .747rem;
  height: .747rem;
  border-radius: 100%;
  overflow: hidden;
}
.comment-area img{
  display: block;
}
.comment-area .ctn{
  width: auto;
  margin-left: .213rem;
  flex: 1;
}
.comment-area .user-title{
  font-size: .320rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #999;
  line-height: .480rem;
  margin-bottom: .213rem;
}
.comment-area .user-comment{
  font-size: .373rem;
  color: #222222;
  font-size: .373rem;
  line-height: .533rem;
}

.comment-area .user-comment .comm-pic{
  width:1.493rem ;
  border-radius: .213rem;
  overflow: hidden;
}
.comment-area .rl-box + .rl-box .label,
.comment-area .rl-box + .rl-box .ctn{
  padding-top: .667rem;
  position: relative;
  border:0;
}
.comment-area .rl-box + .rl-box .ctn::after{
  width: 100%;
  height: 1px;
  display: block;
  content: '';
  background: #eee;
  position: absolute;
  top:.320rem;
  right: 0;
  z-index: 0;
}


/* 店铺入口 */
.f-shop {
  background: #fff;
  padding:.427rem .320rem;
  height: 2.560rem;
  box-sizing: border-box;
  background: linear-gradient(180deg, #FFE4E4 0%, #FFFFFF 100%);
  /* justify-content: flex-start; */
}

.f-shopimg {
  float: left;
  width: 1.707rem;
  height: 1.707rem;
  border-radius: .160rem;
  border: 1px solid #EEEEEE;
  overflow: hidden;
}

.f-shop-info {
  margin: 0 0 0 .213rem;
  color: #777;
  font-size: .347rem;
  line-height: .533rem;
}

.f-shop-info .title{
  line-height: .640rem;
  font-size: .427rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
}

.f-shop-info .subtitle{
  font-size: .320rem;
  color: #777;
  line-height: .480rem;
}
.f-shop-info .bdr-tag,
.f-shop-info .border-btn{
  height: .427rem;
  line-height: .427rem;
  font-size: .293rem;
  display: inline-block;
}
.f-shop-info .red {
  color: #e33e41;
}

.f-shop-btn {
  width: 2.133rem;
  height: .853rem;
  line-height: .853rem;
  position: absolute;
  right: .373rem;
  top: 50%;
  margin-top: -.427rem;
  text-align: center;
  background: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  border-radius: .427rem;
  font-size: .373rem;
  color: #FFFFFF;
}

/* 详情 */
.title-dtl{
  font-size: .427rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
}
.tb-dtl{
  border-radius: .267rem;
  border: 1px solid #E6E6E6;
  font-size: .373rem;
  color: #222;
  margin-bottom: .320rem;
}
.tb-dtl .tb-row + .tb-row{
  border-top: 1px solid #E6E6E6;
}
.tb-dtl .tb-row > div:first-child{
  width: 2.373rem;
  box-sizing: border-box;
  padding: .347rem 0 0 .4rem;
  color: #777;
  background: #F6F6F6;
  min-height: 1.253rem;
}
.tb-dtl .tb-row > div:last-child{
  width: 6.427rem;
  padding: .373rem .427rem;
}
.tb-dtl a{
  color:#222;
} 
.bdr-6{
  border-radius:.160rem ;
  overflow: hidden;
}
/* 底部卡位 */
#out-stock-window{
  z-index: 10050;
}
.footer-bar{
  width: 100%;
  height: 1.440rem;
  bottom: 0;
  left:0;
  position: fixed;
  z-index: 10100;
  background: #fff;
}
.footer-bar .btn-ico{
  width: .907rem;
  height: 1.120rem;
}
.btn-in-two{
  border-radius: 2.667rem;
  overflow: hidden;
}
.footer-bar .btn-in-two{
  width: 5.653rem;
}
.footer-bar .btn-in-two .btn-bbb,
.btn-gray,
.btn-red,
.btn-black,
.btn-buy,
.btn-car{
  width: 50%;
  height: 1.067rem;
  line-height: 1.067rem;
  text-align: center;
  color: #fff;
  font-size: .373rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}
.btn-car{
  background: linear-gradient(90deg, #333 0%, #555555 100%);
}
.btn-buy{
  background: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
}
.footer-bar .btn-in-two .btn-bbb{
  width: auto;
  background: #bbb;
  flex: 1;
}
.f-13{
  font-size: .347rem;
}
.double-line{
  line-height: inherit;
}
.footer-bar .ico{
  width: .640rem;
  height: .640rem;
}
.footer-bar .ico-shop{
  background: url(../../images/2023/goods/icon_collect_detailspage_black_nor_24@2x.png);
  background-size: 100%;
}
.footer-bar .ico-ctm{
  background: url(../../images/2023/goods/icon_kefu_24@2x.png);
  background-size: 100%;
}
.footer-bar .ico-collect{
  background: url(../../images/2023/goods/icon_collect_detailspage_black_collect_24@2x.png);
  background-size: 100%;
}
.footer-bar .ico-collect.sel{
  background: url(../../images/2023/goods/icon_collect_detailspage_sel_24@2x.png);
  background-size: 100%;
}
/* 底部无货提醒 */
.no-stock-notice{
  height: .960rem;
  line-height:.533rem;
  background: #FEEFD8;
  position: absolute;
  top:-.960rem;
  left:0;
  width: 100%;
  z-index: 0;
  padding: .213rem .267rem;
  box-sizing: border-box;
  font-size: .373rem;
}
.no-stock-notice a{
  color: #B46730;
}
.no-stock-notice .anchor{
  background: url(../../images/2023/goods/icon_more_brown_16@2x.png);
  background-size: 100%;
}

/* 分割 */
.segmentation{
  font-size: .373rem;
  color: #777;
  text-align: center;
  padding: .373rem 0;
}
.segmentation > div{
  display: inline-block;
  height: .533rem;
  position: relative;
}
.segmentation > div::before,
.segmentation > div::after{
  width: 1.067rem;
  height: 1px;
  display: block;
  background: #E9E9E9;
  position: absolute;
  z-index: 0;
  left: -1.387rem;
  top:50%;
  content: '';
}
.segmentation > div::after{
  right: -1.387rem;
  left: unset;
}
.segmentation > div{}

/* 弹窗 服务弹窗 */
.serve-area{
  padding:0 .427rem .427rem;
}
.serve-area .item + .item{
  margin-top: 0.427rem;
}
.serve-area .item .h3{
  line-height: 0.587rem;
  font-size: 0.427rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
}
.serve-area .item .h3 .img{
  width: 1.973rem;
}
.serve-area .item .text{
  font-size: 0.347rem;
  color: #777777;
  margin-top: 0.107rem;
}
.serve-area .item .a-blue{
  font-size: 0.347rem;
  color: #2373DD;
  margin-top: 0.053rem;
}
.serve-area .big-btn{
  height: 1.173rem;
  line-height: 1.173rem;
  background: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  border-radius: 0.587rem;
  font-size: 0.427rem;
  color: #FFFFFF;
  text-align: center;
  margin-top: 1.200rem;
  margin-bottom: 0.320rem;
}
/* 弹窗滚动区域 */
.pop-scroll{
  max-height: 14.000rem;
  max-height: 10.667rem;
  height: 10.667rem;
  padding-bottom: 1.173rem;
  overflow-y: scroll;
}
.max-400{
  max-height: 10.667rem;
}
.pop-choose-pic{
  width: 1.920rem;
  height: 1.920rem;
  border-radius: .213rem;
  overflow: hidden;
}
.pop-choose-pic::after{
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.04);
  position: absolute;
  left: 0;
  top:0;
}
/* 弹窗 颜色规格 选择 */
.pop-speci-box::after,
.pop-color-box::after{
  overflow: hidden;
  display: block;
  content: '';
}
.pop-color-box-in:nth-child(4){
  margin: 0;
}
.pop-color-box-in{
  width: 2.827rem;
  float: left;
  margin-bottom: .32rem;
}
.pop-color-box-in > .c-cell{
  width: 2.827rem;
  height: 4.293rem;
  padding: 0;
  border: 1px solid #EEEEEE;
  background: #F6F6F6;
  font-size: .373rem;
  color: #222222;
  border-radius: .213rem;
}
.pop-color-box-in .c-pic{
  width: 2.773rem;
  height: 2.773rem;
  background: #fff;
  border-radius: .213rem .213rem 0 0;
  overflow: hidden;
}
.pop-color-box-in .c-text{
  height: 1.493rem;
  padding: .213rem .187rem;
  line-height: .533rem;
  box-sizing: border-box;
}
.pop-speci-box .on,
.pop-color-box .on .c-cell,
.pop-color-box-in .on {
  background: #fff;
  color: #F22525;
}
.tag-out{
  width: .907rem;
  height: .480rem;
  background: #BBBBBB;
  border-radius: .293rem;
  font-size: .293rem;
  color: #FFFFFF;
  position: absolute;
  z-index: 0;
  right:-.187rem ;
  top:-.187rem;
  display: none;
}

.out-stock .tag-out{
  display: block;
}
.out-stock .c-cell{
  color: #bbb;
  border: 1px solid #EEEEEE;
}
/* 弹窗 规格 */
.pop-speci-box{
  overflow: hidden;
}
.speci-in{
  height: .960rem;
  float: left;
  margin:0 .32rem .32rem 0;
  box-sizing: border-box;
  background: #F6F6F6;
  color: #222;
}
.pop-speci-box .speci{
  height: .960rem;
  line-height: .960rem;
  border-radius: .213rem;
  font-size: .373rem;
  padding: 0 .533rem;
}
.out-stock .c-cell{
  color: #bbb;
  border: 1px solid #EEEEEE;
}
.out-stock{
  color: #bbb;
}
.masked-quality {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 1);
  z-index: 11120;
  display: none;
}
.masked-quality .swiper-container{
  height: 100%;
}
.masked-quality .swiper-slide{
  display: flex;
  align-items: center;
}
.masked-quality .swiper-pagination{
  top: 0.347rem;
  color: #fff;
  font-size: 0.427rem;
  font-family: SanFranciscoText-Semibold, SanFranciscoText;
  font-weight: 600;
}
.masked-quality .closeX{
  width: 0.640rem;
  height: 0.640rem;
  position: absolute;
  z-index: 100;
  left:0.320rem;
  top:0.267rem;
  background: url(../../images/2023/videoHome/icon_back_white_24.png);
  background-size: 100%;
}

/* 弹窗 按钮 */
.pop-button-box{
  padding: .160rem 0;
  border-top: 1px solid #eee;
}
.pop-button-box{}
.btn-gray,
.btn-red,
.btn-black{
  width: 100%;
  height: 1.120rem;
}
.btn-black{
  background: #000;
}
.btn-red{
  background: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
}
.btn-gray{
  background: #BBBBBB;
}

.num_option {
  width: 2.880rem;
  overflow: hidden;
  margin-top: .208em;
  border-radius: .213rem;
  border: 1px solid #CCCCCC;
}

.btn_add,
.btn_del,
.fm_txt {
  height: .960rem;
  line-height: .960rem;
  display: block;
  flex: 1;
}

input.fm_txt[type=text] {
  border-radius: 0;
  -webkit-appearance: none;
  background-color: #fff;
  color: #333;
  width: .960rem;
  font-size: .427rem;
  font-family: SanFranciscoDisplay-Semibold, SanFranciscoDisplay;
  font-weight: 600;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.btn_add {
  background: url(http://img.ugoshop.com/images/topic/wap/wx-scan/images/icon_add.png) no-repeat 50% 50%;
  background-size: 40% 40%;
}
.btn_add.disabled {
  background: #f9f9f9 url(http://img.ugoshop.com/images/topic/wap/wx-scan/images/icon_add1.png) no-repeat 50% 50%;
  background-size: 40% 40%;
}
.btn_del {
  background: url(http://img.ugoshop.com/images/topic/wap/wx-scan/images/icon_min.png) no-repeat 50% 50%;
  background-size: 40% 40%;
}
.btn_del.disabled {
  background: #f9f9f9 url(http://img.ugoshop.com/images/topic/wap/wx-scan/images/icon_min1.png) no-repeat 50% 50%;
  background-size: 40% 40%;
}
.btn_add, .btn_del {
  overflow: hidden;
  text-indent: -200em;
}
/* 弹窗 优惠券 容器 */
.pop-coupon-card{
  width: auto;
  background: #FFF0F0;
  border: 1px solid #FFBDBD;
  height: 2.347rem;
  color: #F22525 ;
  font-size: .427rem;
}
.pop-coupon-card .price{
  width: 2.560rem;
  font-size: .960rem;
}
.pop-coupon-card .price::before{
  font-size: .587rem;
}
.pop-coupon-card .text{
  width: 2.347rem;
  height: 2.347rem;
  line-height: 2.347rem;
  border-left: 1px dashed #FFBDBD;
  font-size:.373rem
}
.pop-coupon-card .u-time{
  font-size: .347rem;
  color: #999;
  font-weight: 400;
}
.pop-coupon-card .lt-tag{
  position: absolute;
  left:0;
  top:0;
  z-index: 0;
  line-height: .427rem;
  background: #FFDDDD;
  border-radius: 12px 0px 12px 0px;
  font-size: .320rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #F22525;
  padding: .080rem .320rem;
}

.pop-coupon-card::after,
.pop-coupon-card::before{
  border: 1px solid #FFBDBD;
  right: 2.133rem;
}
.pop-coupon-card::before{
  top: -1px;
  border-top: 0;
}
.pop-coupon-card::after{
  bottom: -1px;
  border-bottom: 0;
}
.pop-coupon-card + .pop-coupon-card{
  margin-top: .32rem;
}
.pop-coupon-card.coupon_use{
  background-image: url('../../images/2023/goods/tag_lingqu@2x.png');
  background-size: 1.493rem 1.120rem;
  background-position: 55.8% 0;
  background-repeat: no-repeat;
}
/* 弹窗 促销信息 */
.promotion-box .bdr-tag{
  max-width: 2.667rem;
  height: .533rem;
  line-height: .533rem;
}
.promotion-box .max-desc-box{
  width: 8.720rem;
}
.promotion-desc{
  width: auto;
  font-size: .373rem;
  color: #222;
  line-height: .533rem;
  flex: 1;
}
.promotion-box .cu-single + .cu-single{
  margin-top: .427rem;
  display: block;
}
/*  */
.spell-list{
  padding-top: 0;
}
/* 拼团 弹窗 */
.popup_bg {
  width: 82.93%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 11111;
  padding: .533rem 0;
  background: #FFF;
  border-radius: .320rem;
 
}

.ptp_cy {
  font-weight: 600;
  font-size: .400rem;
  width: 100%;
  font-size: 15px;
  font-family: PingFangSC-Semibold, PingFang SC;
  color: #222222;
}

.leader-name {
  height:.587rem ;
  max-width: 2.4rem;
  white-space: pre-wrap;
  word-break: break-word;
  overflow: hidden;
 
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: inline-block;
  display: inline-box;
  vertical-align: bottom;
}

.ptp_cy .sline {
  width: 40px;
}

.ptp_cy .sline:nth-of-type(2) {
  text-align: right;
}

.ptp_js {
  font-size: .373rem;
  color: #777777;
 
}

.ptp_js i {
  color: #e33e41;
}

.pt-queue {
  width: 80%;
  margin: 0 10%;
  padding: 5% 0 0;
  display: inline-flex;
  display: -webkit-box;
  display: block;
  justify-content: center;
  -webkit-box-align: center;
  text-align: center;
  flex-wrap: wrap;
}

.pt-queue .p-user {
  width: 1.280rem;
  margin: 0 2% 6% 2%;
  border: 1px solid #fff;
  border-radius: 200px;
  position: relative;
  display: -webkit-inline-box;
}

.pt-queue .pt-member {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 200px;
}

.pt-queue li.queue-lead {
  /* border: 1px solid #E33E41; */
}

.pt-queue li .queue-lead-tag {
  height: .427rem;
  line-height: .427rem;
  width: 80%;
  color: #fff;
  position: absolute;
  bottom: -.213rem;
  left: 10%;
  text-align: center;
  font-size: .293rem;
  color: #F22525;
  background: #FFF0F0;
  border-radius: .213rem;
  border: 1px solid #FFA4A4;
}

.btn_participation {
  width:6.160rem;
  height: 40px;
  line-height: 40px;
  margin: 1em auto 0;
  color: #fff;
 
  font-size: .427rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  border: 0;
  display: block;
  background: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  border-radius: .587rem;
}

/* 公用 弹窗容器 */
.masked ,
.pop_bg {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
}
.masked {
  height: 100%;
  min-height: 100%;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 11110;
  display: none;
}
.pop_bg {
  bottom: 0;
  background: #FFF;
  z-index: 11111;
  border-radius: .533rem .533rem 0 0;
  box-sizing: border-box;
  padding: 0 .427rem;
}
.ptp_title_15,
.ptp_title {
  width: 100%;
  height: .693rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  font-size: .427rem;
  color: #333;
  text-align: center;
  padding: .533rem 0;
}
.ptp_title_15{
  color: #222222;
  font-size: 15px;
  text-align: left;
  padding: 0;
}
.icon_close_pic {
  width: .640rem;
  height: .640rem;
  position: absolute;
  top: 1em;
  right: 4%;
  background: url(../../images/2023/goods/icon_close_blackLine_24@2x.png) no-repeat;
  background-size: 100%;
  z-index: 100;
  cursor: pointer;
}
.no-stock-pic{
  width: 2.560rem;
}
/* 弹窗 赠品 */
.note-warning{
  height: .960rem;
  line-height: .960rem;
  background: #FFF3E1;
  border-radius: .213rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #B46730;
}
.gift-list{
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: .533rem;
}

.mt-12{
  margin-top: .320rem;
}
.gift-list .title{
  width: 7.867rem;
  height: 1.067rem;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.gift-list .color999{
  color: #999;
}
.gift-list .red{
  color: #F22525;
}
.gift-bar + .gift-bar{
  margin-top: .533rem;
}

/* 轮播图 块 */

.swiper-pagination-progress {
  background: rgba(0,0,0,.25);
  position: absolute;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.img-block .swiper-pagination-progress {
  width: 93.16%;
  height: 2px;
  bottom: 2.453rem;
  bottom: .800rem;
  bottom: .160rem;
  left: 3.42%;
  top: unset;
  margin: 0 auto;
  background: #00000025;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.swiper-pagination-progress .swiper-pagination-progressbar{
  background: #fff;
}
.swiper-container {
    width: 100%;
    
}
.album-box .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  line-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
 
}
/* 推送漂浮 s */
.silde-tips {
  position: fixed;
  top: 2.6rem;
  left: 5.3%;
  background: rgba(0, 0, 0, 0.7);
  border-radius: .373rem;
  font-size: .32rem;
 
  z-index: 9000;
  width: 54.6%;
  width: 58.93%;
  height: .747rem;
  box-sizing: border-box;
  padding-right: .213rem;
}

.silde-tips a {
  height: .747rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}

.silde-tips img {
  width: .64rem;
  height: .64rem;
  border-radius: .373rem;
  overflow: hidden;
  margin: 0 .213rem 0 .053rem;
}

.silde-tips .tips-box {
  float: right;
  height: .747rem;
  
  width: 100%;
  text-align: left;
  position: relative;
}

.tips-box .tips-body {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.silde-tips .tips-txt {
  width: 4.347rem;
  height: .480rem;
  overflow: hidden;
}
.silde-tips  .anchor{
  width: .427rem;
  height: .427rem;
  background: url(../../images/2023/goods/icon_more_white_16@2x.png);
  background-size: 100%;
}
/* 公用 */
.flex{
  display: flex;
}
.flex-wrap{
  flex-wrap: wrap;
}
.ali-ctr{
  align-items: center;
}
.ali-fst{
  align-items: flex-start;
}
.jct-ctr{
  justify-content: center;
}
.jct-fst{
  justify-content: flex-start;
}
.jct-fed{
  justify-content: flex-end;
}
.jct-sbt{
  justify-content:space-between;
}
.jct-ard{
  justify-content: space-around;
}
 
.red{
  color: #F22525;
}
.brown{
  color:#B46730
}
.mt-4{
  margin-top: .107rem;
}
.mt-6{
  margin-top: .160rem;
}
.mr-4{
  margin-right: .107rem;
}
.mb-6{
  margin-bottom: .160rem;
}
.mb-4{
  margin-bottom: .107rem;
}
.mb-8{
  margin-bottom: .213rem;
}
.mb-12{
  margin-bottom: .320rem;
}
.mb-13{
  margin-bottom: .347rem;
}
.mb-14{
  margin-bottom: .373rem;
}
.mb-20{
  margin-bottom: .533rem;
}
.ml-4{
  margin-left: .107rem;
}
.ml-6{
  margin-left: .160rem;
}
.ml-8{
  margin-left: .213rem;
}
.ml-12{
  margin-left: .32rem;
}
.ml-16{
  margin-left: .427rem;
}
.ml-36{
  margin-left: .960rem;
}
.mg-auto{
  margin:0 auto ;
}
.plr-12{
  padding: 0 .320rem;
}
.flex-1{
  flex: 1;
}
.pt-10{
  padding-top: .267rem;
}
.pt-12{
  padding-top: .32rem;
}
.pt-16{
  padding-top: .427rem;
}
.pd-0{
  padding:0 ;
}
.pd-16{
  padding:.427rem ;
}
.pb-16{
  padding-bottom: .427rem;
}
.pb-0{
  padding-bottom: 0;
}
.bd-0{
  border: 0;
}
img{
  display: inline-block;
  vertical-align: auto;
}
.w100{
  width: 100%;
}
.user-tag{
  height: .427rem;
  line-height: .427rem;
  background: #FEEFD8;
  border-radius: .107rem;
  font-size: .267rem;
  font-weight: 400;
  color: #B46730;
  display: inline-block;
  padding: 0 .107rem;
}
@supports (bottom: env(safe-area-inset-bottom)) or (bottom: constant(safe-area-inset-bottom)) {
  .pop_bg,
  .footer-bar {
    padding-bottom: env(safe-area-inset-bottom);
    padding-bottom: constant(safe-area-inset-bottom);
  }

}