|
|
page {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
background: #f9f9f9;
|
|
|
background: #fff;
|
|
|
}
|
|
|
|
|
|
image {
|
...
|
...
|
@@ -15,8 +15,8 @@ image { |
|
|
|
|
|
.top {
|
|
|
width: 750rpx;
|
|
|
height: 98rpx;
|
|
|
padding: 15rpx 32rpx;
|
|
|
height: 80rpx;
|
|
|
padding: 5rpx 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
background: rgba(61, 154, 248, 1);
|
|
|
position: fixed;
|
...
|
...
|
@@ -28,8 +28,8 @@ image { |
|
|
.lunbo_box {
|
|
|
border: none !important;
|
|
|
background: rgba(61, 154, 248, 1);
|
|
|
padding: 20rpx 32rpx 25rpx;
|
|
|
box-sizing: border-box;
|
|
|
/* padding: 2rpx 32rpx 25rpx;
|
|
|
box-sizing: border-box; */
|
|
|
position: relative;
|
|
|
margin-top: 10rpx;
|
|
|
}
|
...
|
...
|
@@ -81,8 +81,7 @@ image { |
|
|
color: rgba(174, 214, 255, 1);
|
|
|
padding: 0 12rpx;
|
|
|
box-sizing: border-box;
|
|
|
position: relative;
|
|
|
/* position: fixed;
|
|
|
/* position: relative; *//* position: fixed;
|
|
|
top:128rpx;
|
|
|
left:0; */
|
|
|
}
|
...
|
...
|
@@ -111,18 +110,20 @@ image { |
|
|
}
|
|
|
|
|
|
.navactive {
|
|
|
width: 100%;
|
|
|
position: fixed;
|
|
|
top: 99rpx;
|
|
|
display: flex;
|
|
|
top: 79rpx;
|
|
|
left: 0;
|
|
|
z-index: 999;
|
|
|
}
|
|
|
|
|
|
.boxactive {
|
|
|
margin-top: 173rpx;
|
|
|
margin-top: 166rpx;
|
|
|
}
|
|
|
|
|
|
.nav_item {
|
|
|
padding: 0 40rpx;
|
|
|
padding: 0 18rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: inline-block;
|
|
|
}
|
...
|
...
|
@@ -136,7 +137,7 @@ image { |
|
|
/* margin-top: 36rpx; */
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
margin-top:195rpx;
|
|
|
margin-top: 195rpx;
|
|
|
/* background: #fff; */
|
|
|
}
|
|
|
|
...
|
...
|
@@ -181,8 +182,10 @@ image { |
|
|
}
|
|
|
|
|
|
.swiper_box {
|
|
|
width: 686rpx;
|
|
|
height: 304rpx;
|
|
|
/* width: 686rpx;
|
|
|
height: 304rpx; */
|
|
|
width: 750rpx;
|
|
|
height: 320rpx;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
...
|
...
|
@@ -231,11 +234,12 @@ image { |
|
|
height: 88rpx;
|
|
|
width: 100%;
|
|
|
background: #fff;
|
|
|
padding: 0 98rpx;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.select_item {
|
...
|
...
|
@@ -281,13 +285,13 @@ image { |
|
|
|
|
|
.notice {
|
|
|
width: 100%;
|
|
|
padding: 18rpx 32rpx;
|
|
|
padding: 24rpx 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
background: #fff;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
border-top: 20rpx solid #f9f9f9;
|
|
|
border-bottom: 20rpx solid #f9f9f9;
|
|
|
/* border-top: 20rpx solid #f9f9f9;
|
|
|
border-bottom: 20rpx solid #f9f9f9; */
|
|
|
}
|
|
|
|
|
|
.notice_tips {
|
...
|
...
|
@@ -353,26 +357,29 @@ image { |
|
|
}
|
|
|
|
|
|
.activeitem {
|
|
|
width: 325rpx;
|
|
|
height: 200rpx;
|
|
|
width: 218rpx;
|
|
|
height: 240rpx;
|
|
|
font-size: 0;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
border-radius: 16rpx;
|
|
|
margin-right: 24rpx;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
.activeitem image{
|
|
|
|
|
|
.activeitem image {
|
|
|
border-radius: 16rpx;
|
|
|
}
|
|
|
|
|
|
.actbox {
|
|
|
|
|
|
width: 218rpx;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
margin-right: 12rpx;
|
|
|
margin-bottom:20rpx;
|
|
|
margin-right: 16rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
image {
|
...
|
...
|
@@ -387,11 +394,13 @@ image { |
|
|
}
|
|
|
|
|
|
.actity {
|
|
|
width:750rpx;
|
|
|
padding: 0 0rpx 0 64rpx;
|
|
|
width: 750rpx;
|
|
|
padding: 24rpx 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
margin-top:10rpx;
|
|
|
background: #fff;
|
|
|
border-bottom: 16rpx solid #f5f5f5;
|
|
|
border-top:16rpx solid #f5f5f5;
|
|
|
margin-top:20rpx;
|
|
|
}
|
|
|
|
|
|
.miaosha {
|
...
|
...
|
@@ -400,69 +409,85 @@ image { |
|
|
}
|
|
|
|
|
|
.active {
|
|
|
flex-wrap: wrap;
|
|
|
flex-wrap: nowrap;
|
|
|
/* overflow-x: scroll; */
|
|
|
}
|
|
|
|
|
|
.miaoshaoname {
|
|
|
color: rgba(61, 154, 248, 1);
|
|
|
color: #06121e;
|
|
|
font-size: 32rpx;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.hourgou {
|
|
|
color: rgba(5, 9, 26, 1);
|
|
|
font-size: 28rpx;
|
|
|
width: 220rpx;
|
|
|
height: 44rpx;
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border: 1rpx solid rgba(200, 37, 25, 1);
|
|
|
opacity: 1;
|
|
|
border-radius: 22rpx;
|
|
|
color: #ea322b;
|
|
|
font-size: 24rpx;
|
|
|
margin-left: 20rpx;
|
|
|
text-align: center;
|
|
|
line-height: 44rpx;
|
|
|
}
|
|
|
|
|
|
.miaoshatop {
|
|
|
padding: 0 32rpx 32rpx;
|
|
|
padding: 0;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.miaosharight {
|
|
|
color: rgba(61, 154, 248, 1);
|
|
|
font-size: 28rpx;
|
|
|
font-size: 24rpx;
|
|
|
}
|
|
|
.miaoshatopk{
|
|
|
padding: 32rpx 0;
|
|
|
box-sizing: border-box
|
|
|
|
|
|
.miaoshatopk {
|
|
|
color: #06121e;
|
|
|
font-size: 32rpx;
|
|
|
font-weight: bold;
|
|
|
/* padding: 32rpx 0;
|
|
|
box-sizing: border-box */
|
|
|
}
|
|
|
|
|
|
.miaoshalist {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-wrap: wrap
|
|
|
flex-wrap: wrap;
|
|
|
margin-top: 24rpx;
|
|
|
}
|
|
|
|
|
|
.miaoshalistitem {
|
|
|
width: 217rpx;
|
|
|
width: 140rpx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
margin-right: 12rpx;
|
|
|
padding-bottom: 24rpx;
|
|
|
margin-right: 24rpx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.goodimg {
|
|
|
width: 180rpx;
|
|
|
height: 180rpx;
|
|
|
width: 140rpx;
|
|
|
height: 140rpx;
|
|
|
font-size: 0;
|
|
|
border-radius: 10rpx;
|
|
|
|
|
|
}
|
|
|
.goodimg image{
|
|
|
|
|
|
.goodimg image {
|
|
|
border-radius: 10rpx;
|
|
|
}
|
|
|
|
|
|
.price {
|
|
|
width:180rpx;
|
|
|
width: 140rpx;
|
|
|
text-align: center;
|
|
|
color: rgba(61, 154, 248, 1);
|
|
|
font-size: 28rpx;
|
|
|
margin-top: 5rpx;
|
|
|
color: rgba(156, 156, 156, 1);
|
|
|
font-size: 24rpx;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
margin-top: 10rpx;
|
|
|
}
|
|
|
|
|
|
.oldprice {
|
...
|
...
|
@@ -472,22 +497,26 @@ image { |
|
|
}
|
|
|
|
|
|
.activename {
|
|
|
width: 140rpx;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
color: rgba(156, 156, 156, 1);
|
|
|
font-size: 28rpx;
|
|
|
text-align: left;
|
|
|
width: 324rpx;
|
|
|
font-size: 24rpx;
|
|
|
text-align: center;
|
|
|
margin-top: 10rpx;
|
|
|
}
|
|
|
.xianshi{
|
|
|
width:686rpx;
|
|
|
border-radius: 20rpx;
|
|
|
margin:20rpx auto 0;
|
|
|
|
|
|
.xianshi {
|
|
|
width: 750rpx;
|
|
|
padding: 24rpx 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
background: #fff;
|
|
|
padding: 32rpx 0;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
.topnav{
|
|
|
border-bottom:16rpx solid #f5f5f5;
|
|
|
}
|
|
|
|
|
|
.topnav {
|
|
|
position: fixed;
|
|
|
top:0;
|
|
|
left:0
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
} |
...
|
...
|
|