/* 列表页 */
.buyers-show-wrapper {background: #F2F2F2;padding-bottom: 4rem;}
.buyers-show img {margin-bottom: 0;}
.buyers-show li {float: left;margin-top: 0.6428571428571429rem;background: #FFFFFF;border-radius: 12px;overflow: hidden;width: calc((100% - 0.6428571428571429rem) / 2);}
.buyers-show li:nth-child(2), .buyers-show li:nth-child(3) {margin-top: 0;}
.buyers-show li a {display: block;width: 100%;height: 100%;}
.show-wrapper {font-size: 0.9285714285714286rem;color: #222222;padding: 0.42857142857142855rem 0.8571428571428571rem 0.42857142857142855rem;}
.show-info {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.buyers-show .gutter-sizer {width: 0.642rem;}
.show-portrait {margin-top: 0.2857142857142857rem;}
.show-portrait img {width: 1.5rem;height: 1.5rem;border-radius: 50%;margin-right: 0.2857142857142857rem;}
.show-portrait span {font-size: 0.8571428571428571rem;color: #666666;vertical-align: -0.42857142857142855rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: calc(100% - 2.1rem);}
.buyshow-play-icon{background-image: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/play-icon.png?v=1001) !important;display: inline-block;width: 3rem;height: 3rem;position: absolute;top: 38%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 999;background-size: contain;cursor: pointer;}
/**详情页**/
html,
body{position: relative; height: 100%;}
.dialog-wrap-dialog{position: fixed; width: 100%; height: 100%; overflow: hidden; top: 0; z-index: 9999;}
.dialog-wrap-dialog:after{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000000;}
.dialog-wrap-dialog .close-left-img{width: 2.142857142857143rem; height: 2.142857142857143rem; background: url('./images/close2x.png') no-repeat; background-size: 100%; position: absolute; left: 0.8571428571428571rem; top: -0.25rem; z-index: 99;}
.dialog-wrap-dialog .dialog-wrap{height: 100%;}
.dialog-wrap-dialog body{background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; margin: 0; padding: 0;}
.dialog-wrap-dialog .swiper-container{width: 100%; height: 100%;}
.dialog-wrap-dialog .swiper-slide{text-align: center; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: scroll;}
.dialog-wrap-dialog .swiper-slide img{width: 100%; opacity: 1; transition-duration: all .3s;}
.dialog-wrap-dialog .swiper-slide .addclickimg{transform: scale(1.5) !important;}
.dialog-wrap-dialog .header-img-jump{position: absolute; top: 36%; right: 1.0714285714285714rem; z-index: 99; border-radius: 100%; overflow: hidden; text-align: center; transition-duration: .3s;}
.dialog-wrap-dialog .header-img-jump.anim{right: -100px !important;}
.dialog-wrap-dialog .header-img-jump img{border-radius: 100%; max-width: 100%; border-style: solid; border-color: #fff; width: 2.7857142857142856rem; height: 2.7857142857142856rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3); border-width: 0.14285714285714285rem;}
.dialog-wrap-dialog .cls-bottom{position: relative; font-size: 0.9285714285714286rem; opacity: 0.95; color: #fff; overflow-y: scroll; height: 4.7142857142857144rem; padding-top: 0.5714285714285714rem; padding-bottom: 0.5714285714285714rem; padding-left: 0.8928571428571429rem; padding-right: 6.9750000000000005rem;}
.dialog-wrap-dialog .cls-bottom-wrap{position: fixed; height: 7.428571428571429rem; padding: 0.5357142857142857rem; padding-bottom: 0rem; padding-left: 0; padding-right: 0; bottom: 0; z-index: 99; width: 100%; transition: all .3s;}
.dialog-wrap-dialog .cls-bottom-wrap.anim{bottom: -100px;}
/*.dialog-wrap-dialog .cls-bottom-wrap img{background: #fff; border-radius: 0.17857142857142858rem; width: 4.714285714285714rem; height: 4.714285714285714rem; position: absolute; right: 1.0714285714285714rem; bottom: 1.0714285714285714rem; top: 50%; transform: translateY(-50%);}*/
.dialog-wrap-dialog .cls-bottom-wrap b{display: block; font-size: 0.5rem; margin-bottom: 0.6428571428571428rem;}
.dialog-wrap-dialog .goods-jump {
  width: 4.7142857142857135rem;
  height: 4.7142857142857135rem;
  position: absolute;
  right: 1.0714285714285714rem;
  bottom: 1.0714285714285714rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}
.dialog-wrap-dialog .goods-jump img{border-radius: 0.42857142857142855rem;background: #fff;width: 4.7142857142857135rem;height: 4.7142857142857135rem;}
.dialog-wrap-dialog .goods-jump .goodprice {
  color: #FFFFFF;
  font-size: 0.857142857142857rem;
  height: 0.857142857142857rem;
  line-height: 0.7142857142857142rem;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-left-radius: 0.4285714285714285rem;
  border-bottom-right-radius: 0.4285714285714285rem;
  background-image: linear-gradient(90deg, #FF8F00 0%, #FF5500 97%);
}
.dialog-wrap-dialog .swiper-container-horizontal > .swiper-pagination-bullets,
.dialog-wrap-dialog .swiper-pagination-custom,
.dialog-wrap-dialog .swiper-pagination-fraction{bottom: auto;}
.dialog-wrap-dialog .dialog-wrap div.swiper-pagination-fraction{color: #fff; transition: all .25s; font-size: 1.2857142857142858rem; top: 0.75rem;}
.dialog-wrap-dialog .dialog-wrap div.swiper-pagination-fraction.anim{top: -50px;}
.dialog-wrap-dialog .ppcloud-player-controls.mobile-controls{display: none!important;}
.durian-play-icon{background-image: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/play-icon.png?v=1001) !important;display: inline-block;width: 3rem;height: 3rem;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 99;background-size: contain;cursor: pointer}