@charset "UTF-8";
page, block, view, scroll-view, swiper, movable-view, icon, text, progress, button, checkbox, form, input, label, picker, picker-view, radio, slider, switch, textarea, navigator, audio, image, video, map, canvas, contact-button, cover-image, cover-view {
  box-sizing: border-box;
}
.text-center {
  text-align: center;
}
.font-weight {
  font-weight: bold;
}
.page-width {
  width: 100%;
}
.background-image {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width {
  width: 100%;
}
.empty {
  width: 750rpx;
}
.page {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow: hidden;
  background-color: #000;
}
.operating {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1402;
}
.left {
  margin-left: 26rpx;
  width: 410rpx;
}
.right {
  margin-right: 26rpx;
}
.attr {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1403;
}
.up-down-goods .item {
  width: 266rpx;
  height: 60rpx;
  border-radius: 16rpx;
  background-color: rgba(51, 51, 51, 0.4);
  color: #ffffff;
  font-size: 24rpx;
  line-height: 60rpx;
  text-align: center;
}
.up-down-goods .down {
  margin-top: 12rpx;
}
.goods-list {
  width: 124rpx;
  height: 124rpx;
  border-radius: 62rpx;
  background-color: rgba(51, 51, 51, 0.4);
  margin-left: 20rpx;
  position: relative;
}
.goods-list .image {
  width: 68rpx;
  height: 78rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.index {
  margin-left: 20rpx;
}
.cart {
  margin: 0 30rpx;
}
.but {
  text-align: center;
  position: relative;
}
.but .icon {
  width: 70rpx;
  height: 70rpx;
  border-radius: 35rpx;
  background-color: rgba(51, 51, 51, 0.4);
  position: relative;
}
.but .image {
  width: 38rpx;
  height: 36rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.but text {
  color: #ffffff;
  font-size: 24rpx;
  line-height: 1;
}
.share {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.scroll {
  width: 690rpx;
  height: 240rpx;
  position: fixed;
  left: 50%;
  bottom: 157rpx;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
.scroll-view {
  height: calc(100% - 23rpx);
  background-color: #ffffff;
  border-radius: 16rpx;
  padding: 0 25rpx;
}
.scroll-view .item-good {
  padding-top: 25rpx;
}
.scroll-view .item-good .image-view {
  position: relative;
}
.scroll-view .item-good .image-view > view {
  width: 150rpx;
  height: 30rpx;
  line-height: 30rpx;
  position: absolute;
  bottom: 0;
  font-size: 18rpx;
  color: #ffffff;
  text-align: center;
  background: -webkit-linear-gradient(right, #ffcb00, #ff9600);
  background: linear-gradient(to left, #ffcb00, #ff9600);
}
.scroll-view .cover-pic {
  width: 150rpx;
  height: 150rpx;
}
.scroll-view .content {
  width: calc(100% - 150rpx);
  min-height: 150rpx;
  margin-bottom: 25rpx;
  padding-left: 25rpx;
}
.scroll-view .name {
  line-height: 32rpx;
  font-size: 24rpx;
  color: #303030;
  margin-top: 8rpx;
}
.scroll-view .pri-but > .button {
  width: 50rpx;
  height: 50rpx;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAclBMVEUAAAD/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUT/RUQN+nx2AAAAJXRSTlMA+LnQgI9hOhe/EgbVmGsmD814HK6lUOjy68NvVTPcmpaEWldG6Eq4sgAAASxJREFUOMuNlNmSgyAQRbsliIioiEvMOpNM//8vTiWGKMRY3Kd+OFTT24WFalF2ZkAcTFeKGtaUlwkSazXnumWESZl/MneDrBFWPWJlRcPQ3AMk+8Ei9Z7maYE6g4WqA3ELgSynQ7VgGKawohTZm8rkvodV9Xv5yqiulMIXpXRVz+BEHL6K0+lZBiu8Is5/1bLsgj2KLoNkkn79hCVALQt/AgntvFkVsgaBDWxB0KCAI4ptSOAROma3Ics6MK3ahlRrYNQQQsEn9QjIXX+SSSNdpuDs+okz1FOg/g3N6ardpAvJKahcumHt40348agWRDUzaiwxA85jViVq6WLXF5TeOgStYk4q/jjdmWchkrkznw2DPg2DdPjwxkLrYTe1YmIS0ZkYovRMLMIO/wHOMRdBZxqs4wAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 4rpx 0 0;
  border-radius: 25rpx;
  background-color: transparent;
}
.scroll-view .pri-but .pri {
  line-height: 21rpx;
  margin-top: 9rpx;
}
.scroll-view .pri-but .price {
  color: #ff4544;
  font-size: 21rpx;
  line-height: 1;
}
.scroll-view .pri-but .original {
  color: #999999;
  font-size: 17rpx;
  line-height: 1;
  text-decoration: line-through;
  margin-left: 15rpx;
}
.scroll-view .member-price {
  margin-right: 12rpx;
}
.triangle {
  width: 40rpx;
  border-top: 23rpx solid #ffffff;
  border-bottom: 23rpx solid transparent;
  border-left: 23rpx solid transparent;
  border-right: 23rpx solid transparent;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.close {
  position: fixed;
  top: 26rpx;
  right: 26rpx;
  width: 70rpx;
  height: 70rpx;
  z-index: 1406;
  border-radius: 35rpx;
  background-color: rgba(51, 51, 51, 0.4);
}
.close .image {
  width: 26rpx;
  height: 26rpx;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.swiper {
  position: relative;
}
.cover-view-marks {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1401;
}
.video {
  width: 100%;
  height: 100%;
  position: relative;
}
.pintuan {
  width: 750rpx;
  height: 110rpx;
  color: #ffffff;
}
.pintuan .single {
  background-color: #f39800;
  text-align: center;
  line-height: 110rpx;
}
.pintuan .tuan {
  background-color: #ff4544;
  text-align: center;
  line-height: 110rpx;
}

