@charset "UTF-8"; .uni-load-more { display: flex; flex-direction: row; height: 80rpx; align-items: center; justify-content: center } .uni-load-more__text { font-size: 28rpx; color: #999 } .uni-load-more__img { height: 24px; width: 24px; margin-right: 10px } .uni-load-more__img>.load { position: absolute } .uni-load-more__img>.load .item { width: 6px; height: 2px; border-top-left-radius: 1px; border-bottom-left-radius: 1px; background: #999; position: absolute; opacity: .2; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: load 1.56s ease infinite; animation: load 1.56s ease infinite } .uni-load-more__img>.load .item:nth-child(1) { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 2px; left: 9px } .uni-load-more__img>.load .item:nth-child(2) { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 11px; right: 0 } .uni-load-more__img>.load .item:nth-child(3) { -webkit-transform: rotate(270deg); transform: rotate(270deg); bottom: 2px; left: 9px } .uni-load-more__img>.load .item:nth-child(4) { top: 11px; left: 0 } .load1, .load2, .load3 { height: 24px; width: 24px } .load2 { -webkit-transform: rotate(30deg); transform: rotate(30deg) } .load3 { -webkit-transform: rotate(60deg); transform: rotate(60deg) } .load1 .item:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s } .load2 .item:nth-child(1) { -webkit-animation-delay: .13s; animation-delay: .13s } .load3 .item:nth-child(1) { -webkit-animation-delay: .26s; animation-delay: .26s } .load1 .item:nth-child(2) { -webkit-animation-delay: .39s; animation-delay: .39s } .load2 .item:nth-child(2) { -webkit-animation-delay: .52s; animation-delay: .52s } .load3 .item:nth-child(2) { -webkit-animation-delay: .65s; animation-delay: .65s } .load1 .item:nth-child(3) { -webkit-animation-delay: .78s; animation-delay: .78s } .load2 .item:nth-child(3) { -webkit-animation-delay: .91s; animation-delay: .91s } .load3 .item:nth-child(3) { -webkit-animation-delay: 1.04s; animation-delay: 1.04s } .load1 .item:nth-child(4) { -webkit-animation-delay: 1.17s; animation-delay: 1.17s } .load2 .item:nth-child(4) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s } .load3 .item:nth-child(4) { -webkit-animation-delay: 1.43s; animation-delay: 1.43s } @-webkit-keyframes load { 0% { opacity: 1 } 100% { opacity: .2 } } @charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page.data-v-d40ffbde { height: 100%; background-color: #f8f6f6; } .wipe-wrapper .wipe-top.data-v-d40ffbde { justify-content: space-around; width: 750rpx; height: 80rpx; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(50, 50, 52, 0.06); font-size: 28rpx; font-weight: 500; color: #ef041f; line-height: 80rpx; text-align: center; position: relative; z-index: 10; } .wipe-wrapper .wipe-top .top-left.data-v-d40ffbde { vertical-align: middle; width: 50%; } .wipe-wrapper .wipe-top .top-left image.data-v-d40ffbde { width: 27rpx; height: 25rpx; margin-right: 10rpx; } .wipe-wrapper .wipe-top .top-right.data-v-d40ffbde { vertical-align: middle; width: 50%; } .wipe-wrapper .wipe-top .top-right image.data-v-d40ffbde { width: 27rpx; height: 25rpx; margin-right: 10rpx; } .wipe-wrapper .wipe-top .top-jg.data-v-d40ffbde { width: 2rpx; height: 80rpx; background: #f0f0f0; position: absolute; } .good-content.data-v-d40ffbde { height: 100%; padding-top: 20rpx; } .good.data-v-d40ffbde { width: 702rpx; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(50, 50, 52, 0.06); border-radius: 10rpx; padding: 0 30rpx; padding-bottom: 20rpx; margin: 0 auto 20rpx; position: relative; } .good .goods-box-single.data-v-d40ffbde { display: flex; padding: 20rpx 0; } .good .goods-box-single .goods-img.data-v-d40ffbde { display: block; width: 120rpx; height: 120rpx; } .good .goods-box-single .right.data-v-d40ffbde { flex: 1; display: flex; flex-direction: column; padding: 0 30rpx 0 24rpx; overflow: hidden; } .good .goods-box-single .right .row.data-v-d40ffbde { margin-top: 10rpx; justify-content: flex-end; } .good .goods-box-single .right .row_title.data-v-d40ffbde { padding: 5rpx 10rpx; background-color: #dddddd; border-radius: 10rpx; font-size: 22rpx; color: #ffffff; background: #ffeee9; border-radius: 5rpx; color: #f55e5c; } .good .goods-box-single .right .title.data-v-d40ffbde { font-size: 30rpx; color: #303133; line-height: 1; width: 80%; } .good .goods-box-single .right .attr-box.data-v-d40ffbde { display: flex; justify-content: flex-end; font-size: 26rpx; color: #909399; } .good .goods-box-single .right .price.data-v-d40ffbde { display: inline; font-size: 30rpx; color: #303133; } .good .goods-box-single .right .price.data-v-d40ffbde:before { content: '¥'; font-size: 24rpx; } .good .good-top.data-v-d40ffbde { height: 85rpx; font-size: 24rpx; font-weight: 400; color: #666666; line-height: 85rpx; display: flex; justify-content: space-between; } .good .good-top .top-status.data-v-d40ffbde { font-size: 28rpx; font-weight: 500; color: #EF041F; } .good .goods-buttom.data-v-d40ffbde { height: 160rpx; display: flex; } .good .goods-buttom .good-img.data-v-d40ffbde { width: 160rpx; height: 160rpx; } .good .goods-buttom .good-img image.data-v-d40ffbde { width: 160rpx; height: 160rpx; } .good .goods-buttom .good-title.data-v-d40ffbde { width: 350rpx; padding-top: 6rpx; font-size: 26rpx; font-weight: 500; color: #3F454B; line-height: 1; padding-left: 10rpx; } .good .goods-buttom .shop-info.data-v-d40ffbde { padding-top: 11rpx; font-size: 24rpx; font-weight: 500; color: #DCB876; line-height: 1; } .good .goods-buttom .shop-info image.data-v-d40ffbde { width: 24rpx; height: 24rpx; margin-left: 14rpx; margin-right: 4rpx; } .good .goods-buttom .good-tag.data-v-d40ffbde { display: inline-block; height: 36rpx; background: #ffeee9; border-radius: 5rpx; font-size: 20rpx; font-weight: 500; color: #F23030; padding: 0 9rpx; line-height: 36rpx; margin-top: 15rpx; margin-left: 10rpx; } .good .good-hj.data-v-d40ffbde { line-height: 1; height: 26rpx; font-size: 26rpx; font-weight: 500; color: #333333; text-align: right; } .good .good-price.data-v-d40ffbde { text-align: left; font-size: 26rpx; font-weight: 500; line-height: 1; color: #333333; position: absolute; right: 31rpx; top: 98rpx; } .good .good-num.data-v-d40ffbde { text-align: left; font-size: 26rpx; font-weight: 500; line-height: 1; color: #333333; position: absolute; right: 31rpx; top: 136rpx; } .hx-wrapper.data-v-d40ffbde { width: 536rpx; height: 630rpx; position: relative; } .hx-wrapper .hx-img.data-v-d40ffbde { width: 536rpx; height: 281rpx; } .hx-wrapper .hx-img image.data-v-d40ffbde { width: 536rpx; height: 281rpx; } .hx-wrapper .hx-close.data-v-d40ffbde { position: absolute; left: 243rpx; bottom: -80rpx; width: 52rpx; height: 52rpx; } .hx-wrapper .hx-close image.data-v-d40ffbde { width: 52rpx; height: 52rpx; } .hx-wrapper .hx-body.data-v-d40ffbde { width: 536rpx; height: 349rpx; background-color: #fff; border-radius: 0 0 10rpx 10rpx; } .hx-wrapper .hx-body .hx-title.data-v-d40ffbde { width: 536rpx; font-size: 36rpx; font-weight: 500; color: #333333; line-height: 1; padding-top: 42rpx; text-align: center; } .hx-wrapper .hx-body input.data-v-d40ffbde { width: 439rpx; height: 68rpx; background: #eeddde; border-radius: 10rpx; margin: 39rpx auto 0; padding-left: 26rpx; } .hx-wrapper .hx-body input .hx-placeholder.data-v-d40ffbde { font-size: 26rpx; font-weight: 500; color: #901b21; } .hx-wrapper .hx-body .hx-btn.data-v-d40ffbde { margin: 44rpx auto 0; width: 353rpx; height: 71rpx; background: #901b21; border-radius: 34rpx; font-size: 36rpx; font-weight: 500; color: #F8F9F9; line-height: 71rpx; text-align: center; } .navbar.data-v-d40ffbde { display: flex; height: 40px; padding: 0 5px; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06); position: relative; z-index: 10; } .navbar .nav-item.data-v-d40ffbde { flex: 1; display: flex; justify-content: center; align-items: center; height: 100%; font-size: 15px; color: #303133; position: relative; } .navbar .nav-item.current.data-v-d40ffbde { color: #921a23; } .navbar .nav-item.current.data-v-d40ffbde:after { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 44px; height: 0; border-bottom: 2px solid #921a23; } .fh-btn-wrap.data-v-d40ffbde { display: flex; flex-direction: column; font-size: 28rpx; color: #999999; } .fh-btn-wrap .fh-btn-tit.data-v-d40ffbde { color: #000000; font-weight: bold; } .fh-btn-wrap .fh-btn-info.data-v-d40ffbde { padding-left: 20rpx; } .fh-btn-wrap .fh-btn.data-v-d40ffbde { margin-top: 10rpx; align-self: flex-end; width: 144rpx; height: 55rpx; border: 1px solid #901b21; border-radius: 28rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #901b21; line-height: 55rpx; text-align: center; }