@charset "UTF-8";
page.data-v-17fb2c10, block.data-v-17fb2c10, view.data-v-17fb2c10, scroll-view.data-v-17fb2c10, swiper.data-v-17fb2c10, movable-view.data-v-17fb2c10, icon.data-v-17fb2c10, text.data-v-17fb2c10, progress.data-v-17fb2c10, button.data-v-17fb2c10, checkbox.data-v-17fb2c10, form.data-v-17fb2c10, input.data-v-17fb2c10, label.data-v-17fb2c10, picker.data-v-17fb2c10, picker-view.data-v-17fb2c10, radio.data-v-17fb2c10, slider.data-v-17fb2c10, switch.data-v-17fb2c10, textarea.data-v-17fb2c10, navigator.data-v-17fb2c10, audio.data-v-17fb2c10, image.data-v-17fb2c10, video.data-v-17fb2c10, map.data-v-17fb2c10, canvas.data-v-17fb2c10, contact-button.data-v-17fb2c10, cover-image.data-v-17fb2c10, cover-view.data-v-17fb2c10 {
  box-sizing: border-box;
}
.text-center.data-v-17fb2c10 {
  text-align: center;
}
.font-weight.data-v-17fb2c10 {
  font-weight: bold;
}
.page-width.data-v-17fb2c10 {
  width: 100%;
}
.background-image.data-v-17fb2c10 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page.data-v-17fb2c10 {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width.data-v-17fb2c10 {
  width: 100%;
}
.app-spike.data-v-17fb2c10 {
  width: 750rpx;
  overflow: hidden;
  background-color: white;
}
.app-border.data-v-17fb2c10 {
  border-color: #e2e2e2 !important;
}
.app-list-mode.data-v-17fb2c10 {
  width: 750rpx;
}
.app-list-mode .app-item.data-v-17fb2c10 {
  margin-top: 15rpx;
  width: 702rpx;
  margin-left: 24rpx;
  margin-right: 24rpx;
  height: 200rpx;
  border-bottom-right-radius: 20rpx;
  border-top-right-radius: 20rpx;
  position: relative;
  padding-right: 24rpx;
  border: 1rpx solid transparent;
}
.app-list-mode .app-item .app-icon.data-v-17fb2c10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 65rpx;
  height: 55rpx;
}
.app-list-mode .app-item .app-image.data-v-17fb2c10 {
  width: 199rpx;
  height: 199rpx;
  margin-right: 33rpx;
}
.app-list-mode .app-item .app-name-padding.data-v-17fb2c10 {
  padding-top: 81rpx;
}
.app-list-mode .app-item .app-content.data-v-17fb2c10 {
  width: 446rpx;
  height: 200rpx;
  border-bottom-right-radius: 20rpx;
  border-top-right-radius: 20rpx;
}
.app-list-mode .app-item .app-content .app-name.data-v-17fb2c10 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 28rpx;
  color: #353535;
  line-height: 28rpx;
  height: 58rpx;
  width: 470rpx;
  margin-top: 23rpx;
}
.app-list-mode .app-item .app-content .app-name .app-spike-name.data-v-17fb2c10 {
  display: inline-block;
  font-size: 22rpx;
  width: 64rpx;
  height: 28rpx;
  line-height: 28rpx;
  margin-right: 8rpx;
  color: #ff4544;
  background-color: #feeeee;
  border-radius: 14rpx;
}
.app-list-mode .app-item .app-content .app-icon-margin.data-v-17fb2c10 {
  margin-bottom: 51rpx;
}
.app-list-mode .app-item .app-content .app-icon-v.data-v-17fb2c10 {
  width: 446rpx;
  height: 35rpx;
  line-height: 35rpx;
  margin-top: 16rpx;
}
.app-list-mode .app-item .app-content .app-icon-v .app-icon-time.data-v-17fb2c10 {
  width: 24rpx;
  height: 24rpx;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAACqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqo7vbaqAAAAGnRSTlMAIPjxd6VVBd2t5LkOqm1hJKMbfOzAW03QL4SWDQ4AAAC5SURBVCjPdZJtD4MgDITbysvUOUWd2+7//9ChiDUS7wM09zQh9Eq72LSNSNMaprM44FB3Qp8KUi/sPS+dQPrsv4D6aOMOmFLpALMV2tdvLVX2lcgQL4t6Nyo845kthoxXwIKBDCxdAQUYauFK4PCmBlyCETMJvIIfr4olEMFTQZInH0GDIYPvI8kTY06Pq/RxA1uCgCl9UKUf1JGoklUOsYcMd2PXoMZLUBqtdWu0Lmi0W5stluF2ff4fKw2NcisnCQAAAABJRU5ErkJggg==);
  margin-right: 12rpx;
}
.app-list-mode .app-item .app-content .app-icon-v .app-text.data-v-17fb2c10 {
  font-size: 24rpx;
  color: #999999;
  margin-right: 12rpx;
}
.app-list-mode .app-item .app-content .app-price-button.data-v-17fb2c10 {
  margin-top: 3rpx;
  width: 446rpx;
  height: 48rpx;
}
.app-list-mode .app-item .app-content .app-price-button .app-price.data-v-17fb2c10 {
  height: 68rpx;
  padding-top: 10rpx;
}
.app-list-mode .app-item .app-content .app-price-button .app-price .app-original-price.data-v-17fb2c10 {
  text-decoration: line-through;
  font-size: 22rpx;
  color: #999999;
}
.app-list-mode .app-item .app-content .app-price-button .app-price .app-new-price.data-v-17fb2c10 {
  font-size: 28rpx;
  color: #ff4544;
}
.app-list-mode .app-item .app-content .app-price-button .app-button.data-v-17fb2c10 {
  display: inline-block;
  height: 48rpx;
  line-height: 48rpx;
  padding: 0 20rpx;
  font-size: 28rpx;
  margin: 0;
  border: 1rpx solid #ff4544;
}
.app-list-mode .app-item .app-content .app-price-button .app-button.data-v-17fb2c10:after {
  display: none;
}
.app-list-mode .app-item .app-content .app-price-button .app-filling.data-v-17fb2c10 {
  background-color: #ff4544;
  color: white;
}
.app-list-mode .app-item .app-content .app-price-button .app-line.data-v-17fb2c10 {
  background-color: white;
  color: #ff4544;
}
.app-list-mode .app-item .app-content .app-price-button .app-fillet-fill.data-v-17fb2c10 {
  background-color: #ff4544;
  color: white;
  border-radius: 20rpx;
}
.app-list-mode .app-item .app-content .app-price-button .app-rounded-line.data-v-17fb2c10 {
  background-color: white;
  color: #ff4544;
  border-radius: 20rpx;
}
.app-one-per-line.data-v-17fb2c10 {
  width: 750rpx;
  padding: 2rpx 24rpx;
}
.app-one-per-line .app-item.data-v-17fb2c10 {
  width: 702rpx;
  position: relative;
  border: 1rpx solid transparent;
  margin-top: 24rpx;
  border-bottom-right-radius: 10rpx;
  border-bottom-left-radius: 10rpx;
  overflow: hidden;
}
.app-one-per-line .app-item .app-icon.data-v-17fb2c10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 65rpx;
  height: 55rpx;
}
.app-one-per-line .app-item .app-image.data-v-17fb2c10 {
  width: 702rpx;
}
.app-one-per-line .app-item .app-spike-view.data-v-17fb2c10 {
  height: 80rpx;
  width: 702rpx;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  background: -webkit-linear-gradient(left, #ff4544, #ff8b8b);
  background: linear-gradient(left, #ff4544, #ff8b8b);
  color: white;
  padding: 0 24rpx;
}
.app-one-per-line .app-item .app-spike-view .app-spike-name.data-v-17fb2c10 {
  font-size: 32rpx;
}
.app-one-per-line .app-item .app-spike-view .app-right-spike.data-v-17fb2c10 {
  line-height: 32rpx;
}
.app-one-per-line .app-item .app-spike-view .app-right-spike .app-text.data-v-17fb2c10 {
  font-size: 24rpx;
  margin-right: 12rpx;
}
.app-one-per-line .app-item .app-view-square.data-v-17fb2c10 {
  top: 702rpx;
}
.app-one-per-line .app-item .app-view-rectangle.data-v-17fb2c10 {
  top: 280.8rpx;
}
.app-one-per-line .app-item .app-image-square.data-v-17fb2c10 {
  height: 702rpx;
}
.app-one-per-line .app-item .app-image-rectangle.data-v-17fb2c10 {
  height: 280.8rpx;
}
.app-one-per-line .app-item .app-name.data-v-17fb2c10 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 702rpx;
  padding: 0 24rpx;
  margin-top: 28rpx;
  font-size: 26rpx;
  color: #353535;
}
.app-one-per-line .app-item .app-text-align.data-v-17fb2c10 {
  text-align: center;
}
.app-one-per-line .app-item .app-price-button.data-v-17fb2c10 {
  width: 702rpx;
  padding: 0 24rpx;
  height: 48rpx;
  margin-top: 36rpx;
  margin-bottom: 24rpx;
}
.app-one-per-line .app-item .app-price-button .app-group-price .app-new-price.data-v-17fb2c10 {
  font-size: 24rpx;
  color: #ff4544;
}
.app-one-per-line .app-item .app-price-button .app-group-price .app-original-price.data-v-17fb2c10 {
  font-size: 22rpx;
  color: #999999;
  text-decoration: line-through;
}
.app-one-per-line .app-item .app-price-button .app-margin-no-name.data-v-17fb2c10 {
  margin-top: 92rpx;
}
.app-one-per-line .app-item .app-price-button .app-button.data-v-17fb2c10 {
  height: 48rpx;
  padding: 0 20rpx;
  font-size: 26rpx;
  line-height: 48rpx;
  margin: 0;
  border-radius: 0;
  border: 1rpx solid #ff4544;
}
.app-one-per-line .app-item .app-price-button .app-button.data-v-17fb2c10:after {
  display: none;
}
.app-one-per-line .app-item .app-price-button .app-filling.data-v-17fb2c10 {
  background-color: #ff4544;
  color: white;
}
.app-one-per-line .app-item .app-price-button .app-line.data-v-17fb2c10 {
  background-color: white;
  color: #ff4544;
}
.app-one-per-line .app-item .app-price-button .app-fillet-fill.data-v-17fb2c10 {
  background-color: #ff4544;
  color: white;
  border-radius: 20rpx;
}
.app-one-per-line .app-item .app-price-button .app-rounded-line.data-v-17fb2c10 {
  background-color: white;
  color: #ff4544;
  border-radius: 20rpx;
}
.app-two-per-line.data-v-17fb2c10 {
  width: 750rpx;
  padding: 2rpx 24rpx;
}
.app-two-per-line .app-item.data-v-17fb2c10 {
  width: 346rpx;
  height: 534rpx;
  border-bottom-left-radius: 10rpx;
  border-bottom-right-radius: 10rpx;
  border: 1rpx solid transparent;
  overflow: hidden;
  position: relative;
  margin-top: 24rpx;
  margin-bottom: 24rpx;
  padding-bottom: 24rpx;
}
.app-two-per-line .app-item .app-icon.data-v-17fb2c10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 65rpx;
  height: 55rpx;
}
.app-two-per-line .app-item .app-image.data-v-17fb2c10 {
  width: 346rpx;
  height: 346rpx;
}
.app-two-per-line .app-item .app-spike-view.data-v-17fb2c10 {
  width: 346rpx;
  height: 44rpx;
  position: absolute;
  top: 346rpx;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  background: -webkit-linear-gradient(left, #ff4544, #ff8b8b);
  background: linear-gradient(left, #ff4544, #ff8b8b);
}
.app-two-per-line .app-item .app-spike-view .app-text.data-v-17fb2c10 {
  font-size: 24rpx;
  margin-right: 6rpx;
  color: white;
}
.app-two-per-line .app-item .app-spike-view.data-v-17fb2c10 text {
  line-height: 47rpx;
}
.app-two-per-line .app-item .app-name.data-v-17fb2c10 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 24rpx;
  padding: 0 24rpx;
  font-size: 25rpx;
  width: 346rpx;
  height: 49rpx;
  line-height: 25rpx;
  color: #353535;
}
.app-two-per-line .app-item .app-name .app-spike-name.data-v-17fb2c10 {
  display: inline-block;
  color: #ff4544;
  font-size: 20rpx;
  height: 26rpx;
  line-height: 26rpx;
  width: 64rpx;
  text-align: center;
  background-color: #feeeee;
  margin-right: 12rpx;
}
.app-two-per-line .app-item .app-text-align.data-v-17fb2c10 {
  text-align: center;
}
.app-two-per-line .app-item .app-group-price-button.data-v-17fb2c10 {
  width: 346rpx;
  padding: 0 24rpx;
  height: 84rpx;
  position: relative;
}
.app-two-per-line .app-item .app-group-price-button .app-group-price.data-v-17fb2c10 {
  height: 84rpx;
  padding-top: 36rpx;
}
.app-two-per-line .app-item .app-group-price-button .app-group-price .app-new-price.data-v-17fb2c10 {
  font-size: 22rpx;
  color: #ff4544;
}
.app-two-per-line .app-item .app-group-price-button .app-group-price .app-original-price.data-v-17fb2c10 {
  font-size: 18rpx;
  color: #999999;
  text-decoration: line-through;
}
.app-two-per-line .app-item .app-group-price-button .app-button.data-v-17fb2c10 {
  display: inline-block;
  margin: 36rpx 0 0 0;
  padding: 0 10rpx;
  min-width: 120rpx;
  height: 48rpx;
  font-size: 26rpx;
  line-height: 48rpx;
  border-radius: 0;
  border: 1rpx solid #ff4544;
  position: absolute;
  right: 24rpx;
}
.app-two-per-line .app-item .app-group-price-button .app-button.data-v-17fb2c10:after {
  display: none;
}
.app-two-per-line .app-item .app-group-price-button .app-filling.data-v-17fb2c10 {
  background-color: #ff4544;
  color: white;
}
.app-two-per-line .app-item .app-group-price-button .app-line.data-v-17fb2c10 {
  background-color: white;
  color: #ff4544;
}
.app-two-per-line .app-item .app-group-price-button .app-fillet-fill.data-v-17fb2c10 {
  background-color: #ff4544;
  color: white;
  border-radius: 20rpx;
}
.app-two-per-line .app-item .app-group-price-button .app-rounded-line.data-v-17fb2c10 {
  background-color: white;
  color: #ff4544;
  border-radius: 20rpx;
}
.app-two-per-line .app-item-margin.data-v-17fb2c10 {
  margin-right: 10rpx;
}

