@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ /* 弹出层 */ .popup.data-v-2fbdbe34 { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; } .popup.show.data-v-2fbdbe34 { display: block; } .popup.show .mask.data-v-2fbdbe34 { -webkit-animation: showPopup-data-v-2fbdbe34 0.2s linear both; animation: showPopup-data-v-2fbdbe34 0.2s linear both; } .popup.show .layer.data-v-2fbdbe34 { -webkit-animation: showLayer-data-v-2fbdbe34 0.2s linear both; animation: showLayer-data-v-2fbdbe34 0.2s linear both; } .popup.hide .mask.data-v-2fbdbe34 { -webkit-animation: hidePopup-data-v-2fbdbe34 0.2s linear both; animation: hidePopup-data-v-2fbdbe34 0.2s linear both; } .popup.hide .layer.data-v-2fbdbe34 { -webkit-animation: hideLayer-data-v-2fbdbe34 0.2s linear both; animation: hideLayer-data-v-2fbdbe34 0.2s linear both; } .popup.none.data-v-2fbdbe34 { display: none; } .popup .mask.data-v-2fbdbe34 { position: fixed; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.4); } .popup .layer.data-v-2fbdbe34 { position: fixed; z-index: 99; bottom: 0; width: 100%; min-height: 35vh; border-radius: 10rpx 10rpx 0 0; background-color: #fff; } .popup .layer .btn.data-v-2fbdbe34 { height: 66rpx; line-height: 66rpx; border-radius: 100rpx; background: #ee2f72; font-size: 30rpx; color: #fff; margin: 30rpx auto 20rpx; } @-webkit-keyframes showPopup-data-v-2fbdbe34 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes showPopup-data-v-2fbdbe34 { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hidePopup-data-v-2fbdbe34 { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hidePopup-data-v-2fbdbe34 { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes showLayer-data-v-2fbdbe34 { 0% { -webkit-transform: translateY(120%); transform: translateY(120%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes showLayer-data-v-2fbdbe34 { 0% { -webkit-transform: translateY(120%); transform: translateY(120%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes hideLayer-data-v-2fbdbe34 { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(120%); transform: translateY(120%); } } @keyframes hideLayer-data-v-2fbdbe34 { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(120%); transform: translateY(120%); } } /* 规格选择弹窗 */ .attr-content.data-v-2fbdbe34 { padding: 25rpx 30rpx; } .attr-content .a-t.data-v-2fbdbe34 { display: flex; } .attr-content .a-t image.data-v-2fbdbe34 { width: 170rpx; height: 170rpx; flex-shrink: 0; border-radius: 8rpx; } .attr-content .a-t .right.data-v-2fbdbe34 { display: flex; flex-direction: column; padding-left: 24rpx; font-size: 26rpx; color: #606266; line-height: 42rpx; width: 75%; } .attr-content .a-t .right .price.data-v-2fbdbe34 { font-size: 32rpx; color: #ee2f72; margin: 10rpx 0rpx; } .attr-content .a-t .right .name.data-v-2fbdbe34 { font-size: 32rpx; color: #303133; height: 50rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .attr-content .a-t .right .selected-text.data-v-2fbdbe34 { margin-right: 10rpx; } .attr-content .attr-list.data-v-2fbdbe34 { display: flex; flex-direction: column; font-size: 30rpx; color: #606266; padding-top: 30rpx; padding-left: 10rpx; } .attr-content .item-list.data-v-2fbdbe34 { padding: 20rpx 0 0; display: flex; flex-wrap: wrap; } .attr-content .item-list text.data-v-2fbdbe34 { display: flex; align-items: center; justify-content: center; background: #eee; margin-right: 20rpx; margin-bottom: 20rpx; border-radius: 100rpx; min-width: 60rpx; height: 60rpx; padding: 0 20rpx; font-size: 28rpx; color: #303133; } .attr-content .item-list .selected.data-v-2fbdbe34 { background: #ddffdf; color: #5dbc7c; } .goodsBottom.data-v-2fbdbe34 { height: 160rpx; } page.data-v-2fbdbe34 { background: #f0f0f0; } .contentBottomHeight.data-v-2fbdbe34 { height: 130rpx; } .goodsBottom.data-v-2fbdbe34 { height: 160rpx; } .data-v-2fbdbe34 .iconenter { font-size: 30rpx; color: #888; } .data-v-2fbdbe34 .con_image { width: 130rpx; height: 130rpx; display: inline-block; padding: 15rpx; } .data-v-2fbdbe34 .con_image image { width: 100%; height: 100%; } /* 商品详情中限制图片大小 */ .data-v-2fbdbe34 .rich-img { width: 100% !important; height: auto; } .cho-num.data-v-2fbdbe34 { margin: 20rpx 0; width: 750rpx; height: 83rpx; background: #ffffff; padding: 29rpx 24rpx 30rpx 25rpx; font-size: 26rpx; font-weight: 500; color: #606972; } .row.data-v-2fbdbe34 { display: flex; align-items: center; position: relative; padding: 0 30rpx; height: 110rpx; background: #fff; } .row .refund.data-v-2fbdbe34 { font-size: 30rpx; color: #303133; padding-left: 128rpx; } .row .noRefund.data-v-2fbdbe34 { font-size: 30rpx; color: #909399; padding-left: 128rpx; } .row .tit.data-v-2fbdbe34 { flex-shrink: 0; width: 120rpx; font-size: 30rpx; color: #303133; } .row .input.data-v-2fbdbe34 { flex: 1; font-size: 30rpx; color: #303133; padding-left: 128rpx; } .row .input.payColor.data-v-2fbdbe34 { color: #dd524d; } .row .iconlocation.data-v-2fbdbe34 { font-size: 36rpx; color: #909399; } .shop-info.data-v-2fbdbe34 { width: 750rpx; height: 140rpx; margin: 20rpx 0; padding: 28rpx 24rpx 22rpx 16rpx; background-color: #fff; display: flex; position: relative; } .shop-info .shop-logo.data-v-2fbdbe34 { width: 90rpx; height: 90rpx; border-radius: 50%; } .shop-info .shop-logo image.data-v-2fbdbe34 { width: 90rpx; height: 90rpx; } .shop-info .shop-base.data-v-2fbdbe34 { padding-left: 15rpx; width: 100%; font-size: 24rpx; font-weight: 500; color: #999999; line-height: 1; } .shop-info .shop-base .base-name.data-v-2fbdbe34 { padding-top: 14rpx; font-size: 30rpx; padding-bottom: 16rpx; font-weight: 500; color: #333333; } .shop-info .shop-dis.data-v-2fbdbe34 { padding-top: 31rpx; position: absolute; font-size: 24rpx; font-weight: 500; color: #901b21; right: 24rpx; } .shop-info .shop-dis image.data-v-2fbdbe34 { padding-right: 5rpx; width: 21rpx; height: 21rpx; } .sckill-top.data-v-2fbdbe34 { width: 750rpx; height: 165rpx; position: relative; top: -40rpx; margin-bottom: -40rpx; display: flex; justify-content: space-between; } .sckill-top .bg.data-v-2fbdbe34 { width: 750rpx; height: 165rpx; position: absolute; left: 0; top: 0; } .sckill-top .bg image.data-v-2fbdbe34 { width: 100%; height: 100%; } .sckill-top .top-left.data-v-2fbdbe34 { position: relative; z-index: 10; line-height: 1; } .sckill-top .top-left .left-top.data-v-2fbdbe34 { padding: 35rpx 0 23rpx 22rpx; font-size: 44rpx; font-weight: 500; color: #ffffff; line-height: 1; } .sckill-top .top-left .left-btm.data-v-2fbdbe34 { line-height: 1; font-size: 30rpx; font-weight: 500; padding-left: 25rpx; color: #ffffff; } .sckill-top .top-left .left-btm .now-pri.data-v-2fbdbe34 { display: inline-block; padding-right: 8rpx; font-size: 44rpx; font-weight: 800; color: #ffffff; } .sckill-top .top-left .left-btm .old-pri.data-v-2fbdbe34 { text-decoration: line-through; } .sckill-top .top-right.data-v-2fbdbe34 { position: relative; z-index: 10; padding: 67rpx 20rpx 18rpx 0; } .sckill-top .top-right .right-top.data-v-2fbdbe34 { font-size: 22rpx; font-weight: 400; color: #ffffff; line-height: 1; padding-bottom: 8rpx; } .good-title.data-v-2fbdbe34 { background-color: #fff; padding: 24rpx 19rpx 24rpx 34rpx; line-height: 1.5; font-size: 36rpx; font-weight: 800; color: #333333; } .introduce-section.data-v-2fbdbe34 { position: relative; background: #fff; padding: 35rpx 0rpx; padding-left: 20rpx; } .introduce-section .title.data-v-2fbdbe34 { font-size: 32rpx; color: #303133; padding-right: 34rpx; } .introduce-section .title .tip-o.data-v-2fbdbe34 { color: #ff3334; padding-left: 15rpx; } .introduce-section .shareDate.data-v-2fbdbe34 { position: absolute; top: 25rpx; right: 10rpx; font-size: 26rpx; color: #3d3f46; border-radius: 15rpx; background-color: #ffffff; height: 60rpx; line-height: 60rpx; } .introduce-section .shareDate.data-v-2fbdbe34::after { border: none; } .introduce-section .share-img.data-v-2fbdbe34 { width: 30rpx; height: 30rpx; position: relative; top: 5rpx; left: 0; margin-right: 10rpx; } .introduce-section .info.data-v-2fbdbe34 { color: #999999; font-size: 26rpx; padding-bottom: 15rpx; } .introduce-section .progress-box.data-v-2fbdbe34 { width: 260rpx; position: relative; margin-top: 15rpx; line-height: 10px; } .introduce-section .progress-box .number.data-v-2fbdbe34 { font-size: 17rpx; position: absolute; z-index: 999; top: 3rpx; left: 15rpx; color: #ffffff; } .introduce-section .price-box.data-v-2fbdbe34 { display: flex; align-items: baseline; height: 64rpx; padding: 10rpx 0; font-size: 27rpx; color: #ef041f; } .introduce-section .price.data-v-2fbdbe34 { font-size: 38rpx; } .introduce-section .price .text.data-v-2fbdbe34 { padding-left: 5rpx; color: #b0b0b0; font-size: 22rpx !important; } .introduce-section .price-green.data-v-2fbdbe34 { color: #2dbd59; font-size: 28rpx !important; } .introduce-section .price-green text.data-v-2fbdbe34 { background: #2dbd59; color: #ffffff; padding: 0rpx 10rpx; border-radius: 5rpx; font-size: 22rpx !important; margin-left: 15rpx; } .introduce-section .m-price.data-v-2fbdbe34 { margin: 0 12rpx; color: #909399; text-decoration: line-through; margin-left: 25rpx; font-size: 24rpx; } .dhsm.data-v-2fbdbe34 { display: flex; margin: 20rpx 0; background-color: #fff; padding: 34rpx 50rpx 30rpx 24rpx; } .dhsm .title.data-v-2fbdbe34 { font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #333333; margin-right: 32rpx; flex-shrink: 0; } .dhsm .info.data-v-2fbdbe34 { font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #8a8a8a; line-height: 38rpx; } .price-box-jf.data-v-2fbdbe34 { color: #ef041f; display: flex; align-items: baseline; height: 64rpx; font-size: 50rpx; font-family: PingFang SC; font-weight: 800; } .price-box-jf .price.data-v-2fbdbe34 { font-size: 50rpx; } .price-box-jf image.data-v-2fbdbe34 { height: 30rpx; width: 30rpx; } .price-box-jf .jf.data-v-2fbdbe34 { font-size: 30rpx; } .mask.data-v-2fbdbe34 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.4); } .mask image.data-v-2fbdbe34 { width: 100%; height: 100%; opacity: 0.8; }