|
|
|
/* pages/homeindex/homeindex.wxss */
|
|
|
|
.search{
|
|
|
|
|
|
|
|
.search {
|
|
|
|
padding: 16rpx 32rpx;
|
|
|
|
height: 64rpx;
|
|
|
|
background: #6EAC3D;
|
|
|
|
background: #6eac3d;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-content: space-between;
|
|
|
|
}
|
|
|
|
.search_inp{
|
|
|
|
|
|
|
|
.search_inp {
|
|
|
|
box-sizing: border-box;
|
|
|
|
width: 608rpx;
|
|
|
|
height: 64rpx;
|
|
|
|
border-radius: 32rpx;
|
|
|
|
display:flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
padding-left: 76rpx;
|
|
|
|
padding-right: 32rpx;
|
|
|
|
background:#fff;
|
|
|
|
background: #fff;
|
|
|
|
border: 0;
|
|
|
|
outline: none;
|
|
|
|
font-size: 26rpx;
|
|
|
|
position: relative;
|
|
|
|
color: #666;
|
|
|
|
}
|
|
|
|
.search_inp input{
|
|
|
|
|
|
|
|
.search_inp input {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.search_inp image{
|
|
|
|
|
|
|
|
.search_inp image {
|
|
|
|
position: absolute;
|
|
|
|
left: 32rpx;
|
|
|
|
top: 17rpx;
|
|
|
|
width: 32rpx;
|
|
|
|
height: 32rpx;
|
|
|
|
}
|
|
|
|
.search_txt{
|
|
|
|
|
|
|
|
.search_txt {
|
|
|
|
height: 64rpx;
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: #fff;
|
|
|
|
line-height: 64rpx;
|
|
|
|
padding-left: 16rpx;
|
|
|
|
}
|
|
|
|
.banner{
|
|
|
|
|
|
|
|
.banner {
|
|
|
|
width: 688rpx;
|
|
|
|
height: 336rpx;
|
|
|
|
margin: 0 auto;
|
|
...
|
...
|
@@ -47,86 +54,101 @@ |
|
|
|
position: relative;
|
|
|
|
border-radius: 8rpx;
|
|
|
|
}
|
|
|
|
.swiper{
|
|
|
|
|
|
|
|
.swiper {
|
|
|
|
height: 100%;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 99;
|
|
|
|
}
|
|
|
|
.swiper-item{
|
|
|
|
|
|
|
|
.swiper-item {
|
|
|
|
width: 688rpx;
|
|
|
|
margin: 0 auto;
|
|
|
|
height: 336rpx;
|
|
|
|
border-radius: 8rpx;
|
|
|
|
}
|
|
|
|
.swiper-item image{
|
|
|
|
|
|
|
|
.swiper-item image {
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
.banner_Mask{
|
|
|
|
width:656rpx;
|
|
|
|
|
|
|
|
.banner_Mask {
|
|
|
|
width: 656rpx;
|
|
|
|
height: 336rpx;
|
|
|
|
background:rgba(181,222,150,1);
|
|
|
|
box-shadow:0rpx 6rpx 40rpx rgba(93,255,0,0.44);
|
|
|
|
opacity:0.3;
|
|
|
|
background: rgba(181, 222, 150, 1);
|
|
|
|
box-shadow: 0rpx 6rpx 40rpx rgba(93, 255, 0, 0.44);
|
|
|
|
opacity: 0.3;
|
|
|
|
position: absolute;
|
|
|
|
bottom: 16rpx;
|
|
|
|
z-index: -1;
|
|
|
|
left: 16rpx;
|
|
|
|
border-radius: 8rpx;
|
|
|
|
}
|
|
|
|
.commodity{
|
|
|
|
|
|
|
|
.commodity {
|
|
|
|
width: 688rpx;
|
|
|
|
/* margin: 0 auto; */
|
|
|
|
padding: 64rpx 32rpx;
|
|
|
|
display: flex;
|
|
|
|
justify-content:space-around;
|
|
|
|
justify-content: space-around;
|
|
|
|
align-items: center;
|
|
|
|
font-size: 24rpx;
|
|
|
|
color: #333333;
|
|
|
|
border-bottom: 8px solid rgba(249,250,252,1);
|
|
|
|
color: #333;
|
|
|
|
border-bottom: 8px solid rgba(249, 250, 252, 1);
|
|
|
|
}
|
|
|
|
.commodity view{
|
|
|
|
|
|
|
|
.commodity view {
|
|
|
|
}
|
|
|
|
|
|
|
|
.introduce_list {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-around;
|
|
|
|
align-items: center;
|
|
|
|
padding: 36rpx 32rpx 48rpx 32rpx;
|
|
|
|
}
|
|
|
|
.introduce_list .introduce_item{
|
|
|
|
|
|
|
|
.introduce_list .introduce_item {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.introduce_list .introduce_item:first-child image{
|
|
|
|
|
|
|
|
.introduce_list .introduce_item:first-child image {
|
|
|
|
width: 32rpx;
|
|
|
|
height: 36rpx;
|
|
|
|
}
|
|
|
|
.introduce_list .introduce_item:nth-child(2) image{
|
|
|
|
|
|
|
|
.introduce_list .introduce_item:nth-child(2) image {
|
|
|
|
width: 36rpx;
|
|
|
|
height: 31rpx;
|
|
|
|
}
|
|
|
|
.introduce_list .introduce_item:nth-child(3) image{
|
|
|
|
|
|
|
|
.introduce_list .introduce_item:nth-child(3) image {
|
|
|
|
width: 32rpx;
|
|
|
|
height: 29rpx;
|
|
|
|
}
|
|
|
|
.introduce_list .introduce_item text{
|
|
|
|
|
|
|
|
.introduce_list .introduce_item text {
|
|
|
|
font-size: 28rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
margin-left: 16rpx;
|
|
|
|
}
|
|
|
|
.introduce image{
|
|
|
|
|
|
|
|
.introduce image {
|
|
|
|
width: 668rpx;
|
|
|
|
height: 208rpx;
|
|
|
|
display: block;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
.commodity .jujia image,.commodity .fenlei image{
|
|
|
|
|
|
|
|
.commodity .jujia image, .commodity .fenlei image {
|
|
|
|
width: 112rpx;
|
|
|
|
height: 112rpx;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
.commodity text{
|
|
|
|
|
|
|
|
.commodity text {
|
|
|
|
display: flex;
|
|
|
|
margin-top: 14rpx;
|
|
|
|
text-align: center;
|
|
...
|
...
|
@@ -134,219 +156,430 @@ |
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container{
|
|
|
|
.container {
|
|
|
|
width: 750rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
flex-flow: column;
|
|
|
|
}
|
|
|
|
.mid{
|
|
|
|
|
|
|
|
.mid {
|
|
|
|
margin-top: 16rpx;
|
|
|
|
display: flex;
|
|
|
|
flex-flow: column;
|
|
|
|
}
|
|
|
|
.ware_box{
|
|
|
|
width:688rpx;
|
|
|
|
height:400rpx;
|
|
|
|
margin:32rpx auto;
|
|
|
|
background:#F9FAFC;
|
|
|
|
|
|
|
|
.ware_box {
|
|
|
|
width: 688rpx;
|
|
|
|
height: 400rpx;
|
|
|
|
margin: 32rpx auto;
|
|
|
|
background: #f9fafc;
|
|
|
|
}
|
|
|
|
.ware_top{
|
|
|
|
|
|
|
|
.ware_top {
|
|
|
|
overflow: hidden;
|
|
|
|
display: flex;
|
|
|
|
padding:32rpx 18rpx 0;
|
|
|
|
padding: 32rpx 18rpx 0;
|
|
|
|
}
|
|
|
|
.ware_1{
|
|
|
|
width:312rpx;
|
|
|
|
height:208rpx;
|
|
|
|
|
|
|
|
.ware_1 {
|
|
|
|
width: 312rpx;
|
|
|
|
height: 208rpx;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.ware_1 image{
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
|
|
|
|
|
|
|
.ware_1 image {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.ware_1_time{
|
|
|
|
|
|
|
|
.ware_1_time {
|
|
|
|
position: absolute;
|
|
|
|
bottom:0;
|
|
|
|
width:208rpx;
|
|
|
|
height:48rpx;
|
|
|
|
bottom: 0;
|
|
|
|
width: 208rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
color: white;
|
|
|
|
text-align: center;
|
|
|
|
line-height:48rpx;
|
|
|
|
font-size:24rpx;
|
|
|
|
background:#FAC8C8;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
line-height: 48rpx;
|
|
|
|
font-size: 17rpx;
|
|
|
|
background: #fac8c8;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
}
|
|
|
|
.ware_text{
|
|
|
|
margin-left:14rpx;
|
|
|
|
width:100%;
|
|
|
|
|
|
|
|
.ware_text {
|
|
|
|
margin-left: 14rpx;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.ware_2{
|
|
|
|
|
|
|
|
.ware_2 {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-content: center;
|
|
|
|
}
|
|
|
|
.ware_2Txt1{
|
|
|
|
font-size:32rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:600;
|
|
|
|
line-height:44rpx;
|
|
|
|
color:rgba(51,51,51,1);
|
|
|
|
|
|
|
|
.ware_2Txt1 {
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 600;
|
|
|
|
line-height: 44rpx;
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
}
|
|
|
|
.ware_2Txt2{
|
|
|
|
font-size:22rpx;
|
|
|
|
|
|
|
|
.ware_2Txt2 {
|
|
|
|
font-size: 22rpx;
|
|
|
|
/* margin-left:98rpx; */
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
line-height:32rpx;
|
|
|
|
color:rgba(204,204,204,1);
|
|
|
|
}
|
|
|
|
.ware_3 progress{
|
|
|
|
width:370rpx;
|
|
|
|
color:#B5DE96;
|
|
|
|
margin-top:24rpx;
|
|
|
|
}
|
|
|
|
.ware_4 text,.ware5_t2{
|
|
|
|
font-size:18rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
line-height:32rpx;
|
|
|
|
color:rgba(204,204,204,1);
|
|
|
|
}
|
|
|
|
.ware_5{
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
line-height: 32rpx;
|
|
|
|
color: rgba(204, 204, 204, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_3 progress {
|
|
|
|
width: 370rpx;
|
|
|
|
color: #b5de96;
|
|
|
|
margin-top: 24rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_4 text {
|
|
|
|
font-size: 22rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
line-height: 32rpx;
|
|
|
|
color: rgba(204, 204, 204, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware5_t2 {
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: 70rpx;
|
|
|
|
display: inline-block;
|
|
|
|
font-size: 22rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
line-height: 19rpx;
|
|
|
|
margin-left: 4rpx;
|
|
|
|
color: rgba(204, 204, 204, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_5 {
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
.ware5_t1{
|
|
|
|
font-size:30rpx;
|
|
|
|
font-family:DIN 1451 Std Mittelschrift;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(255,0,0,1);
|
|
|
|
}
|
|
|
|
.ware5_t3{
|
|
|
|
font-size:22rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
line-height:30rpx;
|
|
|
|
color:rgba(51,51,51,1);
|
|
|
|
}
|
|
|
|
.ware5_t4{
|
|
|
|
font-size:18rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(153,153,153,1);
|
|
|
|
}
|
|
|
|
.ware_6{
|
|
|
|
width:144rpx;
|
|
|
|
height:48rpx;
|
|
|
|
background:rgba(249,150,20,1);
|
|
|
|
box-shadow:0px 2rpx 12rpx rgba(255,145,0,0.16);
|
|
|
|
border-radius:24rpx;
|
|
|
|
}
|
|
|
|
.ware_6 view{
|
|
|
|
font-size:26rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
|
|
|
|
.ware5_t1 {
|
|
|
|
width: 110rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
font-size: 26rpx;
|
|
|
|
font-family: DIN 1451 Std Mittelschrift;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(255, 0, 0, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware5_t3 {
|
|
|
|
width: 104rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
font-size: 20rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
line-height: 30rpx;
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware5_t4 {
|
|
|
|
font-size: 18rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_6 {
|
|
|
|
width: 144rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
background: rgba(249, 150, 20, 1);
|
|
|
|
box-shadow: 0px 2rpx 12rpx rgba(255, 145, 0, 0.16);
|
|
|
|
border-radius: 24rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_6 view {
|
|
|
|
font-size: 26rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: center;
|
|
|
|
line-height:48rpx;
|
|
|
|
color:rgba(255,255,255,1);
|
|
|
|
line-height: 48rpx;
|
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
|
}
|
|
|
|
.ware_bot{
|
|
|
|
width:670rpx;
|
|
|
|
height:80rpx;
|
|
|
|
|
|
|
|
.ware_bot {
|
|
|
|
width: 670rpx;
|
|
|
|
height: 80rpx;
|
|
|
|
margin: auto;
|
|
|
|
display: flex;
|
|
|
|
line-height:80rpx;
|
|
|
|
margin-top:32rpx;
|
|
|
|
background-color:#F1F7F1;
|
|
|
|
}
|
|
|
|
.ware_bot_tit{
|
|
|
|
font-size:30rpx;
|
|
|
|
font-weight:bold;
|
|
|
|
margin-left:32rpx;
|
|
|
|
color:rgba(110,172,61,1);
|
|
|
|
}
|
|
|
|
.ware_bot_tit:after{
|
|
|
|
content:"";
|
|
|
|
margin:0 38rpx;
|
|
|
|
border-right:1px solid #B5DE96;
|
|
|
|
}
|
|
|
|
.ware_bot_txt{
|
|
|
|
font-size:24rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(153,153,153,1);
|
|
|
|
line-height: 80rpx;
|
|
|
|
margin-top: 32rpx;
|
|
|
|
background-color: #f1f7f1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_bot_tit {
|
|
|
|
font-size: 30rpx;
|
|
|
|
font-weight: bold;
|
|
|
|
margin-left: 32rpx;
|
|
|
|
color: rgba(110, 172, 61, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_bot_tit:after {
|
|
|
|
content: "";
|
|
|
|
margin: 0 38rpx;
|
|
|
|
border-right: 1px solid #b5de96;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_bot_txt {
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 规格 */
|
|
|
|
.spec{
|
|
|
|
width:100%;
|
|
|
|
padding:0 32rpx;
|
|
|
|
line-height:80rpx;
|
|
|
|
|
|
|
|
.spec {
|
|
|
|
width: 100%;
|
|
|
|
padding: 0 32rpx;
|
|
|
|
line-height: 80rpx;
|
|
|
|
display: flex;
|
|
|
|
height:80rpx;
|
|
|
|
margin-top:8rpx;
|
|
|
|
background:white;
|
|
|
|
}
|
|
|
|
.spec_txt{
|
|
|
|
font-size:32rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(51,51,51,1);
|
|
|
|
}
|
|
|
|
.spec_txt2{
|
|
|
|
font-size:24rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
margin-left:108rpx;
|
|
|
|
color:rgba(153,153,153,1);
|
|
|
|
height: 80rpx;
|
|
|
|
margin-top: 8rpx;
|
|
|
|
background: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.spec_txt {
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.spec_txt2 {
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
margin-left: 108rpx;
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 商品详情 */
|
|
|
|
.ware_detail{
|
|
|
|
width:100%;
|
|
|
|
margin-top:8rpx;
|
|
|
|
margin-bottom:96rpx;
|
|
|
|
padding-bottom:66rpx;
|
|
|
|
|
|
|
|
.ware_detail {
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 8rpx;
|
|
|
|
margin-bottom: 96rpx;
|
|
|
|
padding-bottom: 66rpx;
|
|
|
|
background: white;
|
|
|
|
}
|
|
|
|
.ware_detail_tit{
|
|
|
|
width:688rpx;
|
|
|
|
|
|
|
|
.ware_detail_tit {
|
|
|
|
width: 688rpx;
|
|
|
|
margin: auto;
|
|
|
|
display: flex;
|
|
|
|
padding:44rpx 0rpx 42rpx;
|
|
|
|
justify-content:space-around;
|
|
|
|
border-bottom:2rpx solid #F5F5F5;
|
|
|
|
padding: 44rpx 0rpx 42rpx;
|
|
|
|
justify-content: space-around;
|
|
|
|
border-bottom: 2rpx solid #f5f5f5;
|
|
|
|
}
|
|
|
|
.ware_detail .ware_active{
|
|
|
|
color:#6EAC3D;
|
|
|
|
font-weight:600;
|
|
|
|
|
|
|
|
.ware_detail .ware_active {
|
|
|
|
color: #6eac3d;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
.ware_active:after{
|
|
|
|
|
|
|
|
.ware_active:after {
|
|
|
|
content: "";
|
|
|
|
width:16rpx;
|
|
|
|
width: 16rpx;
|
|
|
|
height: 6rpx;
|
|
|
|
margin: auto;
|
|
|
|
display: block;
|
|
|
|
margin-top:6rpx;
|
|
|
|
border-radius:8rpx;
|
|
|
|
background:rgba(110,172,61,1);
|
|
|
|
margin-top: 6rpx;
|
|
|
|
border-radius: 8rpx;
|
|
|
|
background: rgba(110, 172, 61, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_detail_tit view {
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_detailC {
|
|
|
|
width: 688rpx;
|
|
|
|
margin: 26rpx auto 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_detailImg {
|
|
|
|
width: 688rpx;
|
|
|
|
height: 470rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_detailImg image {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 遮罩层 */
|
|
|
|
|
|
|
|
.mask {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
background: #000;
|
|
|
|
z-index: 9000;
|
|
|
|
opacity: 0.64;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 弹出层 */
|
|
|
|
|
|
|
|
.modalDlg {
|
|
|
|
width: 100%;
|
|
|
|
height: 454rpx;
|
|
|
|
bottom: 0;
|
|
|
|
position: fixed;
|
|
|
|
z-index: 9999;
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modalDlg_p {
|
|
|
|
padding: 0 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.m_top {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
.m_topTxt1 {
|
|
|
|
display: flex;
|
|
|
|
align-self: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
margin-top: 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.m_topTxt {
|
|
|
|
width: 100%;
|
|
|
|
margin-left: 16rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.m_topImg {
|
|
|
|
margin-top: -48rpx;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.ware_detail_tit view{
|
|
|
|
font-size:28rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(153,153,153,1);
|
|
|
|
|
|
|
|
.m_topImg image {
|
|
|
|
width: 208rpx;
|
|
|
|
height: 208rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.m_topTxt1 image {
|
|
|
|
width: 32rpx;
|
|
|
|
height: 32rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.m_topName {
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 600;
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.m_topTxt2 {
|
|
|
|
display: flex;
|
|
|
|
margin-top: 16rpx;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.m_topPrice {
|
|
|
|
width: 120rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-family: DIN 1451 Std Mittelschrift;
|
|
|
|
font-weight: 400;
|
|
|
|
color: #f00;
|
|
|
|
}
|
|
|
|
|
|
|
|
.m_topHelf {
|
|
|
|
width: 280rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
font-size: 22rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
margin-left: 16rpx;
|
|
|
|
color: rgba(204, 204, 204, 1);
|
|
|
|
}
|
|
|
|
.ware_detailC{
|
|
|
|
width:688rpx;
|
|
|
|
margin:26rpx auto 0;
|
|
|
|
|
|
|
|
.m_number {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
margin-top: 18rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_detailImg{
|
|
|
|
width:688rpx;
|
|
|
|
height:470rpx;
|
|
|
|
.minus_push {
|
|
|
|
display: flex;
|
|
|
|
margin-left: auto;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.m_numTxt {
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.minus, .push {
|
|
|
|
width: 48rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
font-size: 40rpx;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 48rpx;
|
|
|
|
border: 2px solid rgba(110, 172, 61, 1);
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
.ware_detailImg image{
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
|
|
|
|
|
|
|
.minus {
|
|
|
|
color: #6eac3d;
|
|
|
|
}
|
|
|
|
|
|
|
|
.num {
|
|
|
|
margin: 0 26rpx;
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(110, 172, 61, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.push {
|
|
|
|
color: white;
|
|
|
|
background: rgba(110, 172, 61, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.m_btn {
|
|
|
|
width: 688rpx;
|
|
|
|
height: 80rpx;
|
|
|
|
border: 0;
|
|
|
|
margin-top: 62rpx;
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 600;
|
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
|
background: linear-gradient(170deg, rgba(181, 222, 150, 1) 0%, rgba(169, 209, 33, 1) 100%);
|
|
|
|
box-shadow: 0rpx 6rpx 40rpx rgba(162, 255, 0, 0.15);
|
|
|
|
border-radius: 48rpx;
|
|
|
|
} |
...
|
...
|
|
