|
...
|
...
|
@@ -7,12 +7,14 @@ |
|
|
|
padding: 29rpx 23rpx;
|
|
|
|
border-bottom: 1rpx solid #f2f2f2;
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
.iii{
|
|
|
|
}
|
|
|
|
|
|
|
|
.iii {
|
|
|
|
width: 100%;
|
|
|
|
height: 1000rpx;
|
|
|
|
background: red
|
|
|
|
background: red;
|
|
|
|
}
|
|
|
|
|
|
|
|
page {
|
|
|
|
background-color: #fafafa;
|
|
|
|
width: 100%;
|
|
...
|
...
|
@@ -24,8 +26,8 @@ page { |
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top_fixed{
|
|
|
|
position: fixed
|
|
|
|
.top_fixed {
|
|
|
|
position: fixed;
|
|
|
|
}
|
|
|
|
|
|
|
|
.big_box {
|
|
...
|
...
|
@@ -36,44 +38,49 @@ page { |
|
|
|
.big_box.active {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.big_box.activity {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top_nav{
|
|
|
|
.top_nav {
|
|
|
|
width: 82%;
|
|
|
|
height: 100%;
|
|
|
|
margin-left:8%;
|
|
|
|
margin-left: 8%;
|
|
|
|
overflow-x: scroll;
|
|
|
|
white-space: nowrap ;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.font-nav{
|
|
|
|
padding:0 30rpx;
|
|
|
|
.font-nav {
|
|
|
|
padding: 0 30rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
position: relative;
|
|
|
|
font-size:28rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
color:rgba(34,34,34,1);
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
color: rgba(34, 34, 34, 1);
|
|
|
|
}
|
|
|
|
.font-nav:first-child{
|
|
|
|
padding-left:0;
|
|
|
|
|
|
|
|
.font-nav:first-child {
|
|
|
|
padding-left: 0;
|
|
|
|
}
|
|
|
|
.font-nav.active::after{
|
|
|
|
|
|
|
|
.font-nav.active::after {
|
|
|
|
position: absolute;
|
|
|
|
bottom:-14rpx;
|
|
|
|
left:20%;
|
|
|
|
bottom: -14rpx;
|
|
|
|
left: 20%;
|
|
|
|
width: 60%;
|
|
|
|
height: 5rpx;
|
|
|
|
background:rgba(255,218,68,1);
|
|
|
|
border-radius:3px;
|
|
|
|
content: ''
|
|
|
|
background: rgba(255, 218, 68, 1);
|
|
|
|
border-radius: 3px;
|
|
|
|
content: '';
|
|
|
|
}
|
|
|
|
.font-nav:first-child::after{
|
|
|
|
left:3%;
|
|
|
|
|
|
|
|
.font-nav:first-child::after {
|
|
|
|
left: 3%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index_top {
|
|
...
|
...
|
@@ -137,9 +144,10 @@ page { |
|
|
|
font-size: 36rpx;
|
|
|
|
color: #222;
|
|
|
|
margin-left: 30rpx;
|
|
|
|
position: relative
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.small_red_dot{
|
|
|
|
|
|
|
|
.small_red_dot {
|
|
|
|
width: 24rpx;
|
|
|
|
height: 24rpx;
|
|
|
|
border-radius: 50%;
|
|
...
|
...
|
@@ -149,8 +157,8 @@ page { |
|
|
|
line-height: 24rpx;
|
|
|
|
font-size: 20rpx;
|
|
|
|
position: absolute;
|
|
|
|
right:-10rpx;
|
|
|
|
top:-10rpx;
|
|
|
|
right: -10rpx;
|
|
|
|
top: -10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav_box {
|
|
...
|
...
|
@@ -207,7 +215,7 @@ page { |
|
|
|
.nav_box .icon-fenlei {
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: #888;
|
|
|
|
line-height: 30rpx
|
|
|
|
line-height: 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav_text {
|
|
...
|
...
|
@@ -216,7 +224,7 @@ page { |
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
/* padding-top: -20rpx; */
|
|
|
|
margin-top:-16rpx;
|
|
|
|
margin-top: -16rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper_nav_box swiper-item {
|
|
...
|
...
|
@@ -235,7 +243,7 @@ page { |
|
|
|
padding: 26rpx 0 23rpx 0;
|
|
|
|
height: 100%;
|
|
|
|
/* display: inline-block; */
|
|
|
|
line-height:70rpx;
|
|
|
|
line-height: 70rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav_swiper_active {
|
|
...
|
...
|
@@ -251,12 +259,15 @@ page { |
|
|
|
overflow: hidden;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.swiper_banner_box_margin-top{
|
|
|
|
|
|
|
|
.swiper_banner_box_margin-top {
|
|
|
|
margin-top: 150rpx;
|
|
|
|
}
|
|
|
|
.banner_active{
|
|
|
|
height: 0
|
|
|
|
|
|
|
|
.banner_active {
|
|
|
|
height: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper_banner_box swiper-item {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
...
|
...
|
@@ -304,20 +315,21 @@ page { |
|
|
|
justify-content: center;
|
|
|
|
/* margin-top:30rpx; */
|
|
|
|
}
|
|
|
|
.goods_img{
|
|
|
|
|
|
|
|
.goods_img {
|
|
|
|
width: 225rpx;
|
|
|
|
height: 217rpx;
|
|
|
|
padding:11rpx 22rpx 6rpx 3rpx;
|
|
|
|
padding: 11rpx 22rpx 6rpx 3rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
}
|
|
|
|
.good_img{
|
|
|
|
|
|
|
|
.good_img {
|
|
|
|
width: 200rpx;
|
|
|
|
height: 200rpx;
|
|
|
|
position: relative
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.good_img_label{
|
|
|
|
.good_img_label {
|
|
|
|
width: 70rpx;
|
|
|
|
height: 70rpx;
|
|
|
|
position: absolute;
|
|
...
|
...
|
@@ -325,27 +337,43 @@ page { |
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.good_img_img{
|
|
|
|
.good_img_img {
|
|
|
|
width: 200rpx;
|
|
|
|
height: 200rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.good_right {
|
|
|
|
width: calc(100% - 240rpx);
|
|
|
|
}
|
|
|
|
|
|
|
|
.good_name{
|
|
|
|
.good_name {
|
|
|
|
width: 100%;
|
|
|
|
height: 32rpx;
|
|
|
|
line-height: 32rpx;
|
|
|
|
margin-bottom:16rpx;
|
|
|
|
margin-bottom: 16rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
padding-right: 20rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.good_stand{
|
|
|
|
|
|
|
|
.good_stand {
|
|
|
|
width: 100%;
|
|
|
|
height: 23rpx;
|
|
|
|
line-height: 23rpx;
|
|
|
|
margin-bottom:38rpx;
|
|
|
|
}
|
|
|
|
.good_price_three{
|
|
|
|
margin-bottom:19rpx;
|
|
|
|
margin-left:-10rpx;
|
|
|
|
margin-bottom: 30rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
padding-right: 20rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
.good_price_three {
|
|
|
|
margin-bottom: 10rpx;
|
|
|
|
margin-left: -10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.classfy image {
|
|
|
|
width: 100%;
|
|
...
|
...
|
@@ -387,10 +415,10 @@ page { |
|
|
|
|
|
|
|
.title_mid {
|
|
|
|
margin: 0 46rpx;
|
|
|
|
font-family:SourceHanSerifCN-Bold;
|
|
|
|
font-size:38rpx;
|
|
|
|
font-weight:bold;
|
|
|
|
color:rgba(38,54,58,1);
|
|
|
|
font-family: SourceHanSerifCN-Bold;
|
|
|
|
font-size: 38rpx;
|
|
|
|
font-weight: bold;
|
|
|
|
color: rgba(38, 54, 58, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.safety_box {
|
|
...
|
...
|
@@ -454,21 +482,23 @@ page { |
|
|
|
padding: 98rpx 11rpx 0;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.position_box{
|
|
|
|
|
|
|
|
.position_box {
|
|
|
|
height: 184rpx;
|
|
|
|
box-shadow: 0rpx 10rpx 15rpx 0rpx rgba(0, 0, 0, 0.1);
|
|
|
|
border-radius: 16rpx;
|
|
|
|
position: relative;
|
|
|
|
padding-top:98rpx;
|
|
|
|
padding-top: 98rpx;
|
|
|
|
}
|
|
|
|
.position_box image{
|
|
|
|
|
|
|
|
.position_box image {
|
|
|
|
position: absolute;
|
|
|
|
top:-80rpx;
|
|
|
|
left:11rpx;
|
|
|
|
top: -80rpx;
|
|
|
|
left: 11rpx;
|
|
|
|
width: 267rpx;
|
|
|
|
height: 170rpx;
|
|
|
|
border-radius: 16rpx;
|
|
|
|
z-index: 10
|
|
|
|
z-index: 10;
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_name {
|
|
...
|
...
|
@@ -510,9 +540,9 @@ page { |
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vipvip{
|
|
|
|
width:80rpx;
|
|
|
|
height:26rpx;
|
|
|
|
.vipvip {
|
|
|
|
width: 80rpx;
|
|
|
|
height: 26rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 筛选弹窗 */
|
|
...
|
...
|
@@ -581,9 +611,9 @@ page { |
|
|
|
margin-left: 25rpx;
|
|
|
|
margin-top: 49rpx;
|
|
|
|
position: absolute;
|
|
|
|
bottom:110rpx;
|
|
|
|
bottom: 110rpx;
|
|
|
|
left: 30rpx;
|
|
|
|
z-index: 1
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popup_btn {
|
|
...
|
...
|
@@ -715,7 +745,7 @@ page { |
|
|
|
|
|
|
|
.index_top_mask {
|
|
|
|
position: fixed;
|
|
|
|
top:100rpx;
|
|
|
|
top: 100rpx;
|
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: calc(100% - 100rpx);
|
|
...
|
...
|
@@ -766,11 +796,12 @@ page { |
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(34, 34, 34, 1);
|
|
|
|
margin-bottom: 48rpx;
|
|
|
|
margin-right:16rpx;
|
|
|
|
margin-right: 16rpx;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
.all_classify_two_item:nth-child(3n){
|
|
|
|
margin-right:0;
|
|
|
|
|
|
|
|
.all_classify_two_item:nth-child(3n) {
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.all_classify_two_item image {
|
|
...
|
...
|
@@ -780,229 +811,268 @@ page { |
|
|
|
}
|
|
|
|
|
|
|
|
/*加购*/
|
|
|
|
.jump_cart_mask{
|
|
|
|
|
|
|
|
.jump_cart_mask {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
background: rgba(0, 0, 0, 0.6);
|
|
|
|
z-index:9999;
|
|
|
|
z-index: 9999;
|
|
|
|
position: fixed;
|
|
|
|
top:0;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.cart_jump_diceng{
|
|
|
|
.cart_jump_diceng {
|
|
|
|
width: 80%;
|
|
|
|
padding: 82rpx 25rpx 40rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
background:rgba(255,255,255,1);
|
|
|
|
border-radius:16rpx;
|
|
|
|
margin-left:10%;
|
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
|
border-radius: 16rpx;
|
|
|
|
margin-left: 10%;
|
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
|
|
|
transform: translateY(-50%);
|
|
|
|
z-index: 99999
|
|
|
|
z-index: 99999;
|
|
|
|
}
|
|
|
|
.close_jump_cart{
|
|
|
|
|
|
|
|
.close_jump_cart {
|
|
|
|
position: absolute;
|
|
|
|
top:24rpx;
|
|
|
|
right:24rpx;
|
|
|
|
color: #EDEDED;
|
|
|
|
top: 24rpx;
|
|
|
|
right: 24rpx;
|
|
|
|
color: #ededed;
|
|
|
|
font-size: 36rpx;
|
|
|
|
}
|
|
|
|
.good_one{
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
.good_one {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.goods_one_left{
|
|
|
|
|
|
|
|
.goods_one_left {
|
|
|
|
width: 160rpx;
|
|
|
|
height: 160rpx;
|
|
|
|
background:rgba(201,207,208,1);
|
|
|
|
border-radius:16rpx;
|
|
|
|
margin-right:30rpx;
|
|
|
|
background: rgba(201, 207, 208, 1);
|
|
|
|
border-radius: 16rpx;
|
|
|
|
margin-right: 30rpx;
|
|
|
|
}
|
|
|
|
.goods_one_left image{
|
|
|
|
|
|
|
|
.goods_one_left image {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_one_right {
|
|
|
|
width: calc(100% - 200rpx);
|
|
|
|
}
|
|
|
|
.goods_one_right_one{
|
|
|
|
font-size:30rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(38,54,58,1);
|
|
|
|
line-height:40rpx;
|
|
|
|
margin-bottom:6rpx;
|
|
|
|
|
|
|
|
.goods_one_right_one {
|
|
|
|
font-size: 30rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(38, 54, 58, 1);
|
|
|
|
line-height: 40rpx;
|
|
|
|
margin-bottom: 6rpx;
|
|
|
|
width: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
.goods_one_right_two{
|
|
|
|
|
|
|
|
.goods_one_right_two {
|
|
|
|
display: flex;
|
|
|
|
font-size:22rpx;
|
|
|
|
font-size: 22rpx;
|
|
|
|
line-height: 22rpx;
|
|
|
|
margin-bottom:20rpx;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
}
|
|
|
|
.right_two_left{
|
|
|
|
font-family:PingFang-SC-Bold;
|
|
|
|
font-weight:bold;
|
|
|
|
color:rgba(93,194,72,1);
|
|
|
|
margin-right:10rpx;
|
|
|
|
|
|
|
|
.right_two_left {
|
|
|
|
font-family: PingFang-SC-Bold;
|
|
|
|
font-weight: bold;
|
|
|
|
color: rgba(93, 194, 72, 1);
|
|
|
|
margin-right: 10rpx;
|
|
|
|
}
|
|
|
|
.right_two_right{
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
text-decoration:line-through;
|
|
|
|
color:rgba(148,153,154,1);
|
|
|
|
|
|
|
|
.right_two_right {
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-decoration: line-through;
|
|
|
|
color: rgba(148, 153, 154, 1);
|
|
|
|
}
|
|
|
|
.goods_one_right_three{
|
|
|
|
|
|
|
|
.goods_one_right_three {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.right_three_left text{
|
|
|
|
|
|
|
|
.right_three_left text {
|
|
|
|
font-size: 34rpx;
|
|
|
|
font-weight: bold
|
|
|
|
}
|
|
|
|
.right_three_left{
|
|
|
|
font-size:22rpx;
|
|
|
|
font-family:PingFang-SC-Bold;
|
|
|
|
font-weight:bold;
|
|
|
|
color:rgba(208,158,56,1);
|
|
|
|
line-height:26rpx;
|
|
|
|
margin-right:15rpx;
|
|
|
|
}
|
|
|
|
.right_three_right{
|
|
|
|
height:25rpx;
|
|
|
|
background:linear-gradient(94deg,rgba(255,237,132,1),rgba(255,209,93,1));
|
|
|
|
border-radius:5rpx;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.right_three_left {
|
|
|
|
font-size: 22rpx;
|
|
|
|
font-family: PingFang-SC-Bold;
|
|
|
|
font-weight: bold;
|
|
|
|
color: rgba(208, 158, 56, 1);
|
|
|
|
line-height: 26rpx;
|
|
|
|
margin-right: 15rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.right_three_right {
|
|
|
|
height: 25rpx;
|
|
|
|
background: linear-gradient(94deg, rgba(255, 237, 132, 1), rgba(255, 209, 93, 1));
|
|
|
|
border-radius: 5rpx;
|
|
|
|
text-align: center;
|
|
|
|
font-size:18rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(151,103,5,1);
|
|
|
|
line-height:25rpx;
|
|
|
|
}
|
|
|
|
.goods_one_right_four{
|
|
|
|
font-size:24rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(38,54,58,1);
|
|
|
|
line-height:9rpx;
|
|
|
|
}
|
|
|
|
.goods_two_right{
|
|
|
|
margin-top:42rpx;
|
|
|
|
|
|
|
|
}
|
|
|
|
.goods_two_right_one{
|
|
|
|
font-size:28rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(38,54,58,1);
|
|
|
|
line-height:26rpx;
|
|
|
|
margin-bottom:23rpx;
|
|
|
|
}
|
|
|
|
.goods_two_right_two{
|
|
|
|
font-size: 18rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(151, 103, 5, 1);
|
|
|
|
line-height: 25rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_one_right_four {
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(38, 54, 58, 1);
|
|
|
|
line-height: 9rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_two_right {
|
|
|
|
margin-top: 42rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_two_right_one {
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(38, 54, 58, 1);
|
|
|
|
line-height: 26rpx;
|
|
|
|
margin-bottom: 23rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_two_right_two {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.goods_two_right_two_item{
|
|
|
|
width:149rpx;
|
|
|
|
height:51rpx;
|
|
|
|
background:rgba(247,247,247,1);
|
|
|
|
border-radius:16rpx;
|
|
|
|
margin-right:30rpx;
|
|
|
|
margin-bottom:20rpx;
|
|
|
|
font-size:26rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(51,51,51,1);
|
|
|
|
text-align: center;
|
|
|
|
line-height: 51rpx
|
|
|
|
}
|
|
|
|
.goods_two_right_two_item.active{
|
|
|
|
background:rgba(254,218,68,1);
|
|
|
|
}
|
|
|
|
.goods_three{
|
|
|
|
|
|
|
|
.goods_two_right_two_item {
|
|
|
|
width: 149rpx;
|
|
|
|
height: 51rpx;
|
|
|
|
background: rgba(247, 247, 247, 1);
|
|
|
|
border-radius: 16rpx;
|
|
|
|
margin-right: 30rpx;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
font-size: 26rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
text-align: center;
|
|
|
|
line-height: 51rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_two_right_two_item.active {
|
|
|
|
background: rgba(254, 218, 68, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_three {
|
|
|
|
width: 93.6%;
|
|
|
|
margin: 0 auto;
|
|
|
|
padding:57rpx 0;
|
|
|
|
padding: 57rpx 0;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.goods_three_one{
|
|
|
|
|
|
|
|
.goods_three_one {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
}
|
|
|
|
.goods_three_one_left{
|
|
|
|
font-size:28rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(38,54,58,1);
|
|
|
|
line-height:66rpx;
|
|
|
|
|
|
|
|
.goods_three_one_left {
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(38, 54, 58, 1);
|
|
|
|
line-height: 66rpx;
|
|
|
|
}
|
|
|
|
.goods_three_one_right{
|
|
|
|
|
|
|
|
.goods_three_one_right {
|
|
|
|
width: 165rpx;
|
|
|
|
height: 49rpx;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
.jian_dec{
|
|
|
|
|
|
|
|
.jian_dec {
|
|
|
|
width: 49rpx;
|
|
|
|
height: 49rpx;
|
|
|
|
background:rgba(244,244,244,1);
|
|
|
|
font-size:30rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
color:#ccc;
|
|
|
|
line-height:49rpx;
|
|
|
|
text-align: center
|
|
|
|
}
|
|
|
|
.item{
|
|
|
|
color:rgba(38,54,58,1);
|
|
|
|
}
|
|
|
|
.goods_four{
|
|
|
|
width:360rpx;
|
|
|
|
height:60rpx;
|
|
|
|
background:rgba(254,218,68,1);
|
|
|
|
border-radius:30rpx;
|
|
|
|
font-size:24rpx;
|
|
|
|
font-family:MicrosoftYaHei;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(51,51,51,1);
|
|
|
|
line-height:60rpx;
|
|
|
|
text-align: center;
|
|
|
|
margin:0 auto;
|
|
|
|
background: rgba(244, 244, 244, 1);
|
|
|
|
font-size: 30rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: #ccc;
|
|
|
|
line-height: 49rpx;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.item {
|
|
|
|
color: rgba(38, 54, 58, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_four {
|
|
|
|
width: 360rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
background: rgba(254, 218, 68, 1);
|
|
|
|
border-radius: 30rpx;
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: MicrosoftYaHei;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
line-height: 60rpx;
|
|
|
|
text-align: center;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 切换网格状态*/
|
|
|
|
.wangge_box{
|
|
|
|
background: #fff
|
|
|
|
|
|
|
|
.wangge_box {
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.collocation {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
padding:0 25rpx;
|
|
|
|
background: #fff
|
|
|
|
padding: 0 25rpx;
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
.collections{
|
|
|
|
margin-top:30rpx;
|
|
|
|
|
|
|
|
.collections {
|
|
|
|
margin-top: 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.collocation_box {
|
|
|
|
width: 340rpx;
|
|
|
|
border-radius: 16rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
margin-bottom:30rpx;
|
|
|
|
margin-bottom: 30rpx;
|
|
|
|
}
|
|
|
|
.collocation_img_label{
|
|
|
|
|
|
|
|
.collocation_img_label {
|
|
|
|
width: 70rpx;
|
|
|
|
height: 70rpx;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
top: 0
|
|
|
|
top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.collocation_img {
|
|
|
|
width: 340rpx;
|
|
|
|
height: 340rpx;
|
|
|
|
position: relative
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.collocation_img_image {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.collocation_content {
|
|
|
|
background: #fafafa;
|
|
|
|
font-size: 30rpx;
|
|
...
|
...
|
@@ -1011,245 +1081,300 @@ background: #fff |
|
|
|
}
|
|
|
|
|
|
|
|
.introduce {
|
|
|
|
height:25rpx ;
|
|
|
|
height: 25rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
color: #888;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
line-height: 25rpx
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
line-height: 25rpx;
|
|
|
|
}
|
|
|
|
.introduces{
|
|
|
|
margin-bottom: 8rpx;
|
|
|
|
margin-top:2rpx;
|
|
|
|
|
|
|
|
.introduces {
|
|
|
|
margin-bottom: 8rpx;
|
|
|
|
margin-top: 2rpx;
|
|
|
|
}
|
|
|
|
.good_vipboxs{
|
|
|
|
margin-top:0;
|
|
|
|
position: relative
|
|
|
|
|
|
|
|
.good_vipboxs {
|
|
|
|
margin-top: 0;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.red_rmb_right{
|
|
|
|
margin-right:10rpx;
|
|
|
|
|
|
|
|
.red_rmb_right {
|
|
|
|
margin-right: 10rpx;
|
|
|
|
}
|
|
|
|
.cart_icon{
|
|
|
|
|
|
|
|
.cart_icon {
|
|
|
|
position: absolute;
|
|
|
|
right:0;
|
|
|
|
bottom:0;
|
|
|
|
right: -10rpx!important;
|
|
|
|
bottom: -10rpx!important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.money_icon2 {
|
|
|
|
font-size: 22rpx;
|
|
|
|
color: #f44;
|
|
|
|
}
|
|
|
|
.money_icon2s{
|
|
|
|
font-family:PingFang-SC-Bold;
|
|
|
|
font-weight:bold;
|
|
|
|
color:rgba(34,34,34,1);
|
|
|
|
|
|
|
|
.money_icon2s {
|
|
|
|
font-family: PingFang-SC-Bold;
|
|
|
|
font-weight: bold;
|
|
|
|
color: rgba(34, 34, 34, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.money2 {
|
|
|
|
font-size: 38rpx;
|
|
|
|
font-weight: bold;
|
|
|
|
color: #f44;
|
|
|
|
}
|
|
|
|
.money2s{
|
|
|
|
font-size:22rpx;
|
|
|
|
font-family:PingFang-SC-Bold;
|
|
|
|
font-weight:bold;
|
|
|
|
color:rgba(34,34,34,1);
|
|
|
|
|
|
|
|
.money2s {
|
|
|
|
font-size: 22rpx;
|
|
|
|
font-family: PingFang-SC-Bold;
|
|
|
|
font-weight: bold;
|
|
|
|
color: rgba(34, 34, 34, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.original_price {
|
|
|
|
color: #888;
|
|
|
|
text-decoration: line-through;
|
|
|
|
}
|
|
|
|
.original_prices{
|
|
|
|
font-size:22rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
text-decoration:line-through;
|
|
|
|
color:rgba(136,136,136,1);
|
|
|
|
/* line-height:40rpx; */
|
|
|
|
|
|
|
|
.original_prices {
|
|
|
|
font-size: 22rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-decoration: line-through;
|
|
|
|
color: rgba(136, 136, 136, 1);
|
|
|
|
/* line-height:40rpx; */
|
|
|
|
}
|
|
|
|
|
|
|
|
/*大图样式*/
|
|
|
|
.big_img_box{
|
|
|
|
margin-top:60rpx;
|
|
|
|
|
|
|
|
.big_img_box {
|
|
|
|
margin-top: 60rpx;
|
|
|
|
width: 93.6%;
|
|
|
|
margin:0 auto;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
.goods_for{
|
|
|
|
background:rgba(250,250,250,1);
|
|
|
|
margin-bottom:40rpx;
|
|
|
|
|
|
|
|
.goods_for {
|
|
|
|
background: rgba(250, 250, 250, 1);
|
|
|
|
margin-bottom: 40rpx;
|
|
|
|
}
|
|
|
|
.goods_for_img{
|
|
|
|
width:700rpx;
|
|
|
|
height:650rpx;
|
|
|
|
border-radius:16rpx 16rpx 0px 0px;
|
|
|
|
position: relative
|
|
|
|
|
|
|
|
.goods_for_img {
|
|
|
|
width: 700rpx;
|
|
|
|
height: 650rpx;
|
|
|
|
border-radius: 16rpx 16rpx 0px 0px;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.goods_for_img_label{
|
|
|
|
|
|
|
|
.goods_for_img_label {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 22rpx;
|
|
|
|
width: 100rpx;
|
|
|
|
height: 100rpx;
|
|
|
|
}
|
|
|
|
.goods_for_img_image{
|
|
|
|
|
|
|
|
.goods_for_img_image {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
border-radius:16rpx 16rpx 0px 0px;
|
|
|
|
border-radius: 16rpx 16rpx 0px 0px;
|
|
|
|
}
|
|
|
|
.goods_for_font{
|
|
|
|
|
|
|
|
.goods_for_font {
|
|
|
|
height: 176rpx;
|
|
|
|
padding:26rpx 22rpx;
|
|
|
|
padding: 26rpx 22rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
position: relative
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.goods_for_font_one{
|
|
|
|
|
|
|
|
.goods_for_font_one {
|
|
|
|
height: 32rpx;
|
|
|
|
font-size:30rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(34,34,34,1);
|
|
|
|
line-height:32rpx;
|
|
|
|
margin-bottom:9rpx;
|
|
|
|
}
|
|
|
|
.goods_for_font_two{
|
|
|
|
font-size: 30rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(34, 34, 34, 1);
|
|
|
|
line-height: 32rpx;
|
|
|
|
margin-bottom: 9rpx;
|
|
|
|
width: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_for_font_two {
|
|
|
|
height: 23rpx;
|
|
|
|
font-size:24rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(136,136,136,1);
|
|
|
|
line-height:23rpx;
|
|
|
|
margin-bottom:27rpx;
|
|
|
|
}
|
|
|
|
.goods_for_font_three{
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(136, 136, 136, 1);
|
|
|
|
line-height: 23rpx;
|
|
|
|
margin-bottom: 27rpx;
|
|
|
|
width: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_for_font_three {
|
|
|
|
height: 29rpx;
|
|
|
|
display: flex;
|
|
|
|
font-size:38rpx;
|
|
|
|
font-family:PingFang-SC-Bold;
|
|
|
|
font-weight:bold;
|
|
|
|
color:rgba(34,34,34,1);
|
|
|
|
font-size: 38rpx;
|
|
|
|
font-family: PingFang-SC-Bold;
|
|
|
|
font-weight: bold;
|
|
|
|
color: rgba(34, 34, 34, 1);
|
|
|
|
line-height: 29rpx;
|
|
|
|
}
|
|
|
|
.goods_for_font_three_one{
|
|
|
|
font-size:38rpx;
|
|
|
|
font-family:PingFang-SC-Bold;
|
|
|
|
font-weight:bold;
|
|
|
|
color:rgba(34,34,34,1);
|
|
|
|
|
|
|
|
.goods_for_font_three_one {
|
|
|
|
font-size: 38rpx;
|
|
|
|
font-family: PingFang-SC-Bold;
|
|
|
|
font-weight: bold;
|
|
|
|
color: rgba(34, 34, 34, 1);
|
|
|
|
line-height: 29rpx;
|
|
|
|
margin-right:10rpx;
|
|
|
|
display: flex
|
|
|
|
margin-right: 10rpx;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.goods_for_font_three_one view{
|
|
|
|
|
|
|
|
.goods_for_font_three_one view {
|
|
|
|
font-size: 22rpx;
|
|
|
|
}
|
|
|
|
.goods_for_font_three_two{
|
|
|
|
|
|
|
|
.goods_for_font_three_two {
|
|
|
|
height: 19rpx;
|
|
|
|
font-size:24rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
text-decoration:line-through;
|
|
|
|
color:rgba(136,136,136,1);
|
|
|
|
line-height:35rpx;
|
|
|
|
margin-right:30rpx;
|
|
|
|
}
|
|
|
|
.goods_for_font_three_three{
|
|
|
|
font-size:38rpx;
|
|
|
|
font-family:PingFang-SC-Bold;
|
|
|
|
font-weight:bold;
|
|
|
|
color:#f44;
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-decoration: line-through;
|
|
|
|
color: rgba(136, 136, 136, 1);
|
|
|
|
line-height: 35rpx;
|
|
|
|
margin-right: 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.goods_for_font_three_three {
|
|
|
|
font-size: 38rpx;
|
|
|
|
font-family: PingFang-SC-Bold;
|
|
|
|
font-weight: bold;
|
|
|
|
color: #f44;
|
|
|
|
line-height: 29rpx;
|
|
|
|
margin-right:10rpx;
|
|
|
|
display: flex
|
|
|
|
margin-right: 10rpx;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.goods_for_font_three_three view{
|
|
|
|
|
|
|
|
.goods_for_font_three_three view {
|
|
|
|
font-size: 22rpx;
|
|
|
|
}
|
|
|
|
.cart_icons{
|
|
|
|
|
|
|
|
.cart_icons {
|
|
|
|
position: absolute;
|
|
|
|
right:20rpx;
|
|
|
|
bottom:20rpx;
|
|
|
|
right: 0rpx;
|
|
|
|
bottom: 0rpx;
|
|
|
|
}
|
|
|
|
.back_white{
|
|
|
|
|
|
|
|
.back_white {
|
|
|
|
background: #fff;
|
|
|
|
padding-bottom:20rpx;
|
|
|
|
box-sizing: border-box
|
|
|
|
padding-bottom: 20rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.padding-top_nav{
|
|
|
|
padding-top:60rpx;
|
|
|
|
box-sizing: border-box
|
|
|
|
|
|
|
|
.padding-top_nav {
|
|
|
|
padding-top: 60rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*返回顶部*/
|
|
|
|
.back_top{
|
|
|
|
|
|
|
|
.back_top {
|
|
|
|
position: fixed;
|
|
|
|
right:30rpx;
|
|
|
|
bottom:30rpx;
|
|
|
|
right: 30rpx;
|
|
|
|
bottom: 30rpx;
|
|
|
|
z-index: 99999;
|
|
|
|
width: 50rpx;
|
|
|
|
height: 50rpx;
|
|
|
|
border-radius: 25rpx;
|
|
|
|
border:3rpx solid #ffda44;
|
|
|
|
border: 3rpx solid #ffda44;
|
|
|
|
box-shadow: 0 0 10rpx #ffda44;
|
|
|
|
}
|
|
|
|
.icon-fanhuidingbu{
|
|
|
|
|
|
|
|
.icon-fanhuidingbu {
|
|
|
|
color: #888;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 44rpx;
|
|
|
|
}
|
|
|
|
.else{
|
|
|
|
|
|
|
|
.else {
|
|
|
|
text-align: center;
|
|
|
|
color: #888;
|
|
|
|
line-height: 42rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*gohi*/
|
|
|
|
.gohi{
|
|
|
|
|
|
|
|
.gohi {
|
|
|
|
width: 100%;
|
|
|
|
padding:10rpx 25rpx 25rpx;
|
|
|
|
padding: 10rpx 25rpx 25rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
background: #fff
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
.gohi image{
|
|
|
|
|
|
|
|
.gohi image {
|
|
|
|
width: 100%;
|
|
|
|
height:460rpx;
|
|
|
|
margin-top:25rpx
|
|
|
|
height: 460rpx;
|
|
|
|
margin-top: 25rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*团购*/
|
|
|
|
.good_price_progress{
|
|
|
|
margin-top:-50rpx;
|
|
|
|
margin-bottom:60rpx
|
|
|
|
|
|
|
|
.good_price_progress {
|
|
|
|
margin-top: -50rpx;
|
|
|
|
margin-bottom: 60rpx;
|
|
|
|
}
|
|
|
|
.group_font{
|
|
|
|
font-size:24rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(136,136,136,1);
|
|
|
|
line-height:24rpx;
|
|
|
|
height: 24rpx;
|
|
|
|
|
|
|
|
.group_font {
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(136, 136, 136, 1);
|
|
|
|
line-height: 24rpx;
|
|
|
|
height: 24rpx;
|
|
|
|
}
|
|
|
|
.goods_margin_top{
|
|
|
|
margin-top:20rpx;
|
|
|
|
|
|
|
|
.goods_margin_top {
|
|
|
|
margin-top: 20rpx;
|
|
|
|
}
|
|
|
|
.group_image{
|
|
|
|
|
|
|
|
.group_image {
|
|
|
|
width: 200rpx;
|
|
|
|
height: 200rpx;
|
|
|
|
border-radius: 16rpx;
|
|
|
|
overflow: hidden
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.group_time{
|
|
|
|
|
|
|
|
.group_time {
|
|
|
|
position: absolute;
|
|
|
|
bottom:0;
|
|
|
|
height:30px;
|
|
|
|
width:200rpx;
|
|
|
|
background:rgba(187,187,187,1);
|
|
|
|
bottom: 0;
|
|
|
|
height: 30px;
|
|
|
|
width: 200rpx;
|
|
|
|
background: rgba(187, 187, 187, 1);
|
|
|
|
border-radius: 0 0 16rpx 16rpx;
|
|
|
|
padding:0 10rpx;
|
|
|
|
font-size:20rpx;
|
|
|
|
font-family:PingFang-SC-Medium;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(255,255,255,1);
|
|
|
|
line-height:54rpx;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.group_time.active{
|
|
|
|
background:rgba(255,68,68,1);
|
|
|
|
} |
|
|
\ No newline at end of file |
|
|
|
padding: 0 10rpx;
|
|
|
|
font-size: 20rpx;
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
|
line-height: 54rpx;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.group_time.active {
|
|
|
|
background: rgba(255, 68, 68, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.zhongjianwangge {
|
|
|
|
width: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
} |
...
|
...
|
|
