label, scroll-view, swiper-item, view { align-content: flex-start; align-items: stretch; display: -webkit-flex; display: flex; flex-basis: auto; flex-direction: column; flex-grow: 0; flex-shrink: 0; } image, input, scroll-view, swiper, swiper-item, text, textarea, video, view { border: 0 solid #000; box-sizing: border-box; position: relative; } swiper-item { position: absolute; } button { margin: 0; } .content.data-v-45f75add { padding: 30rpx; } .banner.data-v-45f75add { border-radius: 12rpx; height: 258rpx; width: 690rpx; } .title.data-v-45f75add { font-size: 34rpx; font-weight: 700; margin: 30rpx 10rpx; } .action-skeletons.data-v-45f75add { background-color: #fff; border-radius: 12rpx; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; padding: 30rpx 0 10rpx; } .action-skeletons-item.data-v-45f75add { align-items: center; display: -webkit-flex; display: flex; flex-direction: column; height: 155rpx; position: relative; width: 171rpx; } .action-skeletons-item-image.data-v-45f75add { background: #f1f2f4; border-radius: 10rpx; height: 100rpx; width: 100rpx; } .action-skeletons-item-name.data-v-45f75add { background: #f1f2f4; border-radius: 5rpx; height: 20rpx; margin-top: 10rpx; width: 100rpx; } .action-content1.data-v-45f75add { background-color: #fff; border-radius: 12rpx; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; padding: 10rpx 0 30rpx; } .action-content1-item.data-v-45f75add { align-items: center; display: -webkit-flex; display: flex; flex-direction: column; height: 155rpx; justify-content: flex-end; position: relative; width: 171rpx; } .action-content1-item-image-content.data-v-45f75add { align-items: center; display: -webkit-flex; display: flex; height: 100rpx; justify-content: center; width: 100rpx; } .action-content1-item-image.data-v-45f75add { width: 100rpx; } .action-content1-item-name.data-v-45f75add { font-size: 26rpx; font-weight: 700; height: 30rpx; } .tip.data-v-45f75add { border-radius: 6rpx; color: #fff; font-size: 20rpx; font-weight: 400; height: 28rpx; left: 57rpx; line-height: 28rpx; padding: 0 8rpx; position: absolute; top: 12rpx; } .tip-free.data-v-45f75add { background-color: #fe902e; } .tip-discount.data-v-45f75add { background-color: #f06a62; } .tip-info.data-v-45f75add { background-color: #ffa39e; left: 35rpx; } .action-content2.data-v-45f75add { display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .action-content2-item.data-v-45f75add { background-color: #fff; border-radius: 12rpx; height: 200rpx; overflow: hidden; padding: 30rpx; position: relative; width: 335rpx; } .action-content2-item-0.data-v-45f75add { background-color: #f1f0fd; } .action-content2-item-1.data-v-45f75add { background-color: rgba(255, 249, 244, 0.886); } .action-content2-item-2.data-v-45f75add { background-color: rgba(140, 222, 162, 0.1); } .action-content2-item-3.data-v-45f75add { background-color: rgba(202, 234, 248, 0.255); } .action-content2-item-top.data-v-45f75add { margin-top: 20rpx; } .action-content2-item-name.data-v-45f75add { color: #444; font-size: 32rpx; font-weight: 700; position: relative; z-index: 2; } .action-content2-item-desc.data-v-45f75add { color: #9a9a9a; font-size: 28rpx; margin-top: 5rpx; position: relative; z-index: 2; } .action-content2-item-image.data-v-45f75add { bottom: 0; height: 90rpx; opacity: 0.8; position: absolute; right: 10rpx; width: 90rpx; z-index: 1; } .label.data-v-45f75add { align-items: flex-start; display: -webkit-flex; display: flex; margin-top: 20rpx; } .label-text.data-v-45f75add { background-color: #fcdede; border-radius: 6rpx; font-size: 24rpx; font-weight: 700; height: 36rpx; line-height: 36rpx; padding: 0 6rpx; } .label-free.data-v-45f75add { color: #fe902e; } .label-hot.data-v-45f75add { color: #f06a62; } .default-hover-class.data-v-45f75add { opacity: 0.8; }