tpx/tpxttt/unpackage/dist/dev/mp-weixin/pages/goods/video.wxss

@charset "UTF-8";
.text-center {
  text-align: center;
}
.font-weight {
  font-weight: bold;
}
.page-width {
  width: 100%;
}
.goods-hover-class {
  opacity: .9;
  background-color: #f7f7f7;
}
.background-image {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width {
  width: 100%;
}
.u-hover-class {
  opacity: .9;
  background-color: #f7f7f7;
}
.safe-area-inset-bottom {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
/* 流光金 */
/* 浪漫粉 */
/* 品味红 */
/* 优雅紫 */
/* 清醒绿 */
/* 商务蓝 */
/* 流光金 */
.streamer-gold-gift-color {
  color: #dfa245;
}
.streamer-gold-gift-background {
  background-color: #dfa245;
}
.streamer-gold-gift-background-q {
  background: rgba(223, 162, 69, 0.8);
}
.streamer-gold-gift-background-p {
  background: rgba(223, 162, 69, 0.2);
}
.streamer-gold-gift-background-o {
  background: rgba(223, 162, 69, 0.1);
}
.streamer-gold-gift-border {
  border-color: #dfa245;
}
.streamer-gold-gift-figure-rule {
  background: -webkit-linear-gradient(top, #dfa245, #f0c482);
  background: linear-gradient(to bottom, #dfa245, #f0c482);
}
.streamer-gold-gift-border-bottom {
  border-bottom-color: #dfa245;
}
.streamer-gold-gift-shadow {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(223, 162, 69, 0.2);
}
.streamer-gold-gift-btn {
  background: -webkit-linear-gradient(right, #dfa245, rgba(223, 162, 69, 0.7));
  background: linear-gradient(to left, #dfa245, rgba(223, 162, 69, 0.7));
}
/* 浪漫粉 */
.romantic-powder-gift-color {
  color: #ff547b;
}
.romantic-powder-gift-background {
  background-color: #ff547b;
}
.romantic-powder-gift-background-q {
  background: rgba(255, 84, 123, 0.8);
}
.romantic-powder-gift-background-p {
  background: rgba(255, 84, 123, 0.2);
}
.romantic-powder-gift-background-o {
  background: rgba(255, 84, 123, 0.1);
}
.romantic-powder-gift-border {
  border-color: #ff547b;
}
.romantic-powder-gift-figure-rule {
  background: -webkit-linear-gradient(top, #ff547b, #ff96ae);
  background: linear-gradient(to bottom, #ff547b, #ff96ae);
}
.romantic-powder-gift-border-bottom {
  border-bottom-color: #ff547b;
}
.romantic-powder-gift-shadow {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(255, 84, 23, 0.2);
}
.romantic-powder-gift-btn {
  background: -webkit-linear-gradient(right, #ff547b, rgba(255, 84, 123, 0.7));
  background: linear-gradient(to left, #ff547b, rgba(255, 84, 123, 0.7));
}
/* 品味红 */
.taste-red-gift-color {
  color: #ff4544;
}
.taste-red-gift-background {
  background-color: #ff4544;
}
.taste-red-gift-background-q {
  background: rgba(255, 69, 68, 0.8);
}
.taste-red-gift-background-p {
  background: rgba(255, 69, 68, 0.2);
}
.taste-red-gift-background-0 {
  background: rgba(255, 69, 68, 0.1);
}
.taste-red-gift-border {
  border-color: #ff4544;
}
.taste-red-gift-figure-rule {
  background: -webkit-linear-gradient(top, #ff4544, #ff8888);
  background: linear-gradient(to bottom, #ff4544, #ff8888);
}
.taste-red-gift-border-bottom {
  border-bottom-color: #ff4544;
}
.taste-red-gift-shadow {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(255, 69, 68, 0.2);
}
.taste-red-gift-btn {
  background: -webkit-linear-gradient(right, #ff4544, rgba(255, 69, 68, 0.7));
  background: linear-gradient(to left, #ff4544, rgba(255, 69, 68, 0.7));
}
/* 优雅紫 */
.elegant-purple-gift-color {
  color: #7783ea;
}
.elegant-purple-gift-background {
  background-color: #7783ea;
}
.elegant-purple-gift-background-q {
  background: rgba(119, 131, 234, 0.8);
}
.elegant-purple-gift-background-p {
  background: rgba(119, 131, 234, 0.2);
}
.elegant-purple-gift-background-o {
  background: rgba(119, 131, 234, 0.1);
}
.elegant-purple-gift-border {
  border-color: #7783ea;
}
.elegant-purple-gift-figure-rule {
  background: -webkit-linear-gradient(top, #7783ea, #a1aaf6);
  background: linear-gradient(to bottom, #7783ea, #a1aaf6);
}
.elegant-purple-gift-border-bottom {
  border-bottom-color: #7783ea;
}
.elegant-purple-gift-shadow {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(119, 131, 234, 0.2);
}
.elegant-purple-gift-btn {
  background: -webkit-linear-gradient(right, #7783ea, rgba(119, 131, 234, 0.7));
  background: linear-gradient(to left, #7783ea, rgba(119, 131, 234, 0.7));
}
/* 清醒绿 */
.fresh-green-gift-color {
  color: #63be72;
}
.fresh-green-gift-background {
  background-color: #63be72;
}
.fresh-green-gift-background-q {
  background: rgba(99, 190, 114, 0.8);
}
.fresh-green-gift-background-p {
  background: rgba(99, 190, 114, 0.2);
}
.fresh-green-gift-background-o {
  background: rgba(99, 190, 114, 0.1);
}
.fresh-green-gift-border {
  border-color: #63be72;
}
.fresh-green-gift-figure-rule {
  background: -webkit-linear-gradient(top, #63be72, #89db96);
  background: linear-gradient(to bottom, #63be72, #89db96);
}
.fresh-green-gift-border-bottom {
  border-bottom-color: #63be72;
}
.fresh-green-gift-shadow {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(99, 190, 114, 0.2);
}
.fresh-green-gift-btn {
  background: -webkit-linear-gradient(right, #63be72, rgba(99, 190, 114, 0.7));
  background: linear-gradient(to left, #63be72, rgba(99, 190, 114, 0.7));
}
/* 商务蓝 */
.business-blue-gift-color {
  color: #4a90e2;
}
.business-blue-gift-background {
  background-color: #4a90e2;
}
.business-blue-gift-background-q {
  background: rgba(74, 144, 226, 0.8);
}
.business-blue-gift-background-p {
  background: rgba(74, 144, 226, 0.2);
}
.business-blue-gift-background-o {
  background: rgba(74, 144, 226, 0.1);
}
.business-blue-gift-border {
  border-color: #4a90e2;
}
.business-blue-gift-figure-rule {
  background: -webkit-linear-gradient(top, #4a90e2, #82b4ef);
  background: linear-gradient(to bottom, #4a90e2, #82b4ef);
}
.business-blue-gift-border-bottom {
  border-bottom-color: #4a90e2;
}
.business-blue-gift-shadow {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(74, 144, 226, 0.2);
}
.business-blue-gift-btn {
  background: -webkit-linear-gradient(right, #4a90e2, rgba(74, 144, 226, 0.7));
  background: linear-gradient(to left, #4a90e2, rgba(74, 144, 226, 0.7));
}
.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,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMAEwX67MjWaAikZuPOxHhZU0xDIRwR9aeah4YtLGqom5WpM5lfzQAAASxJREFUOMud1OlygyAYheHDJor7FqM2S7/7v8jSdFrFkMD0/f3MOCockJOam3VM03FtZkVOe5hXA3YNVe6F8sKBXmeFFEIWme4BfpHP8JMBdUm7yhpg1wMUGugSOpR0gBZ7eGqR3snTPUV72qBowRR5Uwyt+IMGLKEXJQzmF16RKnqZSjH9QMlwpjedMcoH1OjobR3MN8w5T97DhPPcwgo1BapRWTigJDeA3EoMBIWeQpB6yxaYMDSY0SALw8yyDxRhWFjGIMNQWsYhNuG2QQEeDaMfHf0y8Z9ngQ5DjTn6F8YeCu8xA56PWdzBxePg0iV8FXTk5WLyAWkKXdcsdgCiJ8UdqZvP3ZyRsgnzavaMOAzp5B/SyTPN+nmatfzn2G+ppVlHzse1WQ6f4Qv3jKh04cDoQgAAAABJRU5ErkJggg==);
  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 {
  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;
  padding: 20rpx 24rpx;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1500;
}
.pintuan .single {
  border-top-left-radius: 35rpx;
  border-bottom-left-radius: 35rpx;
  text-align: center;
  font-size: 22rpx;
}
.pintuan .tuan {
  border-top-right-radius: 35rpx;
  border-bottom-right-radius: 35rpx;
  text-align: center;
  font-size: 22rpx;
}
.buy {
  color: #ffffff;
}