@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,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RURFOTY4MUUyN0I4MTFFQUJGMjFERUVGOEJERjE5NTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RURFOTY4MUQyN0I4MTFFQUJGMjFERUVGOEJERjE5NTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzc2MEFFNUFGNTVDMTFFOThGNEU4MjA0OThDMjM2MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Mzc2MEFFNUJGNTVDMTFFOThGNEU4MjA0OThDMjM2MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6TxNpCAAADZ0lEQVR42sSYbUhTYRTH7+ZKMvKlSLNYEKM07YOhFQWRhPU5e9MyIROJJIogooLeCIqiiIgMDPsgWY1e1rcoJMqgKJM+1DQNCYxEi2EmBUm6/kf+g7Xuvbv32dYO/Bjs3uec/549z3nOeRzBNWWaDcsAi8BisBzkg9kgnc+/g37wHrwAb8A7MGw1gMvie1mgAmwApcDBQB9BO/jB96aCHFDI94PgCbgPboFAtECOKDPkBJvAAVAAPoAb4BnoA1/Ar4gxqSAbzAUrwVaQB/zgDLgNxlUEidPjoI5CzoN7YEizZzK75WA/mA+awDEwaDQDerYA3AW7wGVQRkd2xWgcc40+xNdOcIcxLAlaCLygGNSCfVyosVo/fdXSt5exTAXJgmwAHlDFXxbU4mdB+qxijAbG1BWUAk5yF+0BPi1x5mOMUsZM0RO0ngv4ImjWEm/NjFXHdPLXLpsBWrllV4MBm86L6aOXWLVZ4DFThwgJhGaoEhSBswpixM6Bh6DG5rgBxiyihom/LBNsZOJSXTe/+TmmuJ781JDpZAZeAa7bOXMibDxsF9m1YcaWs7FABJXwQZuWPGvj+bhUBC3j6dyXREESuwsscbKEkJ3xNcaEp/qXaTykRUO+CHIbnNoqgsYUx49yQtwuFl0/LeSZU1Gei21nyaFnh0GHiQ/RkG61QJNZXGvhPQ/RsytRBE3MsIvbLi3Ki2/BCZPn2yjkKStEIx9mJhpGRNAnFmOpJuuol8WakZVQ0ANWhXZtMpgJPju55T38QtUm8XOK4vhsaugWQS+59d1JzENuFmuvRNBrfrkqiYJCsdtFUCd4zoWZoegwVDU4FMZmMLb0cZ3i6BuL7kJ2ByrmCqs67do6xpb2aCjZBVoOC7TRyAItwEwsi/ugSXtkZJLwHtkUIzEOcTGfDnW14YGlCWwEe0H1f1jI1Yx1lT3gP729HIxH2fZe4sVBojqPcsaQrH4k/FB26pQB9Zz6FrBDcecYtu702cIY9Yxp2rl28eaig+3zBZAbBzG59NVE3xWMZam372GvJCf0bu7AGl4c2LUsjm2lr0YW9D2q1zGVvI7Jo5ObNq9jtnBsNw9er1kh57B4gzYdbOYvC6V5Py+sBsMKvDTmlnlMdhpLEl+8LqysXOnNAdP4fERKiFiu9P4IMAC29Nl+EMzsjAAAAABJRU5ErkJggg==);
  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;
}

