|
|
|
/* pages/kind/detail_1/detail_1.wxss */
|
|
|
|
page{
|
|
|
|
background: #F7F7F7;
|
|
|
|
@import "../../../wxParse/wxParse.wxss";
|
|
|
|
page {
|
|
|
|
background: #f7f7f7;
|
|
|
|
}
|
|
|
|
.container{
|
|
|
|
|
|
|
|
.container {
|
|
|
|
overflow: hidden;
|
|
|
|
background: white;
|
|
|
|
padding-bottom:48rpx;
|
|
|
|
}
|
|
|
|
.ware_box{
|
|
|
|
width:688rpx;
|
|
|
|
height:400rpx;
|
|
|
|
margin:32rpx auto;
|
|
|
|
background:#F9FAFC;
|
|
|
|
padding-bottom: 48rpx;
|
|
|
|
}
|
|
|
|
.ware_top{
|
|
|
|
|
|
|
|
.ware_box {
|
|
|
|
width: 688rpx;
|
|
|
|
height: 400rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
margin:16rpx auto 0;
|
|
|
|
background: #f9fafc;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_top {
|
|
|
|
margin-top:44rpx;
|
|
|
|
display: flex;
|
|
|
|
padding:32rpx 18rpx 0;
|
|
|
|
padding:0 16rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.ware_1{
|
|
|
|
width:312rpx;
|
|
|
|
height:208rpx;
|
|
|
|
|
|
|
|
.ware_1 {
|
|
|
|
width: 208rpx;
|
|
|
|
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: 24rpx;
|
|
|
|
background: #fac8c8;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
}
|
|
|
|
.ware_text{
|
|
|
|
|
|
|
|
.ware_text {
|
|
|
|
margin-left:14rpx;
|
|
|
|
width:100%;
|
|
|
|
}
|
|
|
|
.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;
|
|
|
|
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:22rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
line-height:32rpx;
|
|
|
|
color:rgba(204,204,204,1);
|
|
|
|
}
|
|
|
|
.ware_5{
|
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
|
|
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{
|
|
|
|
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{
|
|
|
|
.ware5_t1 {
|
|
|
|
width:110rpx;
|
|
|
|
overflow:hidden;
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
white-space:nowrap;
|
|
|
|
font-size:26rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
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 {
|
|
|
|
width:104rpx;
|
|
|
|
overflow:hidden;
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
white-space:nowrap;
|
|
|
|
font-size: 18rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_6 {
|
|
|
|
width: 144rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
margin-left: 14rpx;
|
|
|
|
background: rgba(249, 150, 20, 1);
|
|
|
|
box-shadow: 0px 2rpx 12rpx rgba(255, 145, 0, 0.16);
|
|
|
|
border-radius: 24rpx;
|
|
|
|
}
|
|
|
|
.ware5_box{
|
|
|
|
margin-left:4rpx;
|
|
|
|
}
|
|
|
|
.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_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_detailC {
|
|
|
|
width: 688rpx;
|
|
|
|
margin: 26rpx auto 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_detailImg{
|
|
|
|
width:688rpx;
|
|
|
|
height:470rpx;
|
|
|
|
.ware_detailImg {
|
|
|
|
width: 688rpx;
|
|
|
|
height: 470rpx;
|
|
|
|
}
|
|
|
|
.ware_detailImg image{
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
|
|
|
|
|
|
|
.ware_detailImg image {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 用户评价 */
|
|
|
|
.ware_assess_li{
|
|
|
|
padding-bottom:24rpx;
|
|
|
|
margin-bottom:32rpx;
|
|
|
|
border-bottom: 1px solid #F5F5F5;
|
|
|
|
|
|
|
|
.ware_assess_li {
|
|
|
|
padding-bottom: 24rpx;
|
|
|
|
margin-bottom: 32rpx;
|
|
|
|
border-bottom: 1px solid #f5f5f5;
|
|
|
|
}
|
|
|
|
.assess_header{
|
|
|
|
|
|
|
|
.assess_header {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
.assess_headerImg{
|
|
|
|
width:64rpx;
|
|
|
|
height:64rpx;
|
|
|
|
}
|
|
|
|
.assess_headerImg image{
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
|
|
|
}
|
|
|
|
.assess_headerTxt{
|
|
|
|
font-size:24rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(153,153,153,1);
|
|
|
|
}
|
|
|
|
.assess_say{
|
|
|
|
font-size:30rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
margin-top:18rpx;
|
|
|
|
color:rgba(102,102,102,1);
|
|
|
|
}
|
|
|
|
.assess_time{
|
|
|
|
font-size:22rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
margin-top:12rpx;
|
|
|
|
color:rgba(153,153,153,1);
|
|
|
|
}
|
|
|
|
.ware_pic{
|
|
|
|
|
|
|
|
.assess_headerImg {
|
|
|
|
width: 64rpx;
|
|
|
|
height: 64rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.assess_headerImg image {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.assess_headerTxt {
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.assess_say {
|
|
|
|
font-size: 30rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
margin-top: 18rpx;
|
|
|
|
color: rgba(102, 102, 102, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.assess_time {
|
|
|
|
font-size: 22rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
margin-top: 12rpx;
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ware_pic {
|
|
|
|
display: flex;
|
|
|
|
width:100%;
|
|
|
|
margin-top:10rpx;
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 10rpx;
|
|
|
|
}
|
|
|
|
.ware_picBox{
|
|
|
|
|
|
|
|
.ware_picBox {
|
|
|
|
margin-right: 16rpx;
|
|
|
|
}
|
|
|
|
.ware_picBox image{
|
|
|
|
width:112rpx;
|
|
|
|
height:112rpx;
|
|
|
|
|
|
|
|
.ware_picBox image {
|
|
|
|
width: 112rpx;
|
|
|
|
height: 112rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 全部评价 */
|
|
|
|
.whole{
|
|
|
|
width:336rpx;
|
|
|
|
height:64rpx;
|
|
|
|
background:rgba(255,255,255,1);
|
|
|
|
border:2rpx solid rgba(230,230,230,1);
|
|
|
|
border-radius:166rpx;
|
|
|
|
font-size:26rpx;
|
|
|
|
|
|
|
|
.whole {
|
|
|
|
width: 336rpx;
|
|
|
|
height: 64rpx;
|
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
|
border: 2rpx solid rgba(230, 230, 230, 1);
|
|
|
|
border-radius: 166rpx;
|
|
|
|
font-size: 26rpx;
|
|
|
|
text-align: center;
|
|
|
|
line-height:64rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
line-height: 64rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
margin: auto;
|
|
|
|
color:rgba(102,102,102,1);
|
|
|
|
color: rgba(102, 102, 102, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* footer */
|
|
|
|
.footer{
|
|
|
|
|
|
|
|
.footer {
|
|
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
|
|
|
text-align: center;
|
|
|
|
width:750rpx;
|
|
|
|
height:96rpx;
|
|
|
|
width: 750rpx;
|
|
|
|
height: 96rpx;
|
|
|
|
display: flex;
|
|
|
|
line-height:66rpx;
|
|
|
|
line-height: 66rpx;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
background:rgba(255,255,255,1);
|
|
|
|
box-shadow:0px -2rpx 12rpx rgba(0,0,0,0.06);
|
|
|
|
}
|
|
|
|
.footer_add,.footer_off{
|
|
|
|
width:272rpx;
|
|
|
|
height:64rpx;
|
|
|
|
font-size:32rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:600;
|
|
|
|
border-radius:32rpx;
|
|
|
|
border:2rpx solid rgba(172,212,66,1);
|
|
|
|
}
|
|
|
|
.footer_add{
|
|
|
|
background:rgba(255,255,255,1);
|
|
|
|
margin-right:32rpx;
|
|
|
|
color:rgba(110,172,61,1);
|
|
|
|
}
|
|
|
|
.footer_off{
|
|
|
|
background:linear-gradient(159deg,rgba(181,222,150,1) 0%,rgba(169,209,33,1) 100%);
|
|
|
|
box-shadow:0rpx 6rpx 40rpx rgba(136,255,0,0.16);
|
|
|
|
color:rgba(255,255,255,1);
|
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
|
box-shadow: 0px -2rpx 12rpx rgba(0, 0, 0, 0.06);
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer_add, .footer_off {
|
|
|
|
width: 272rpx;
|
|
|
|
height: 64rpx;
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 600;
|
|
|
|
border-radius: 32rpx;
|
|
|
|
border: 2rpx solid rgba(172, 212, 66, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer_add {
|
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
|
margin-right: 32rpx;
|
|
|
|
color: rgba(110, 172, 61, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer_off {
|
|
|
|
background: linear-gradient(159deg, rgba(181, 222, 150, 1) 0%, rgba(169, 209, 33, 1) 100%);
|
|
|
|
box-shadow: 0rpx 6rpx 40rpx rgba(136, 255, 0, 0.16);
|
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 遮罩层 */
|
|
|
|
.mask{
|
|
|
|
|
|
|
|
.mask {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
position: fixed;
|
|
...
|
...
|
@@ -316,116 +397,137 @@ page{ |
|
|
|
z-index: 9000;
|
|
|
|
opacity: 0.64;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 弹出层 */
|
|
|
|
.modalDlg{
|
|
|
|
width:100%;
|
|
|
|
height:454rpx;
|
|
|
|
bottom:0;
|
|
|
|
|
|
|
|
.modalDlg {
|
|
|
|
width: 100%;
|
|
|
|
height: 454rpx;
|
|
|
|
bottom: 0;
|
|
|
|
position: fixed;
|
|
|
|
z-index: 9999;
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
.modalDlg_p{
|
|
|
|
padding:0 30rpx;
|
|
|
|
|
|
|
|
.modalDlg_p {
|
|
|
|
padding: 0 30rpx;
|
|
|
|
}
|
|
|
|
.m_top{
|
|
|
|
|
|
|
|
.m_top {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.m_topTxt1{
|
|
|
|
|
|
|
|
.m_topTxt1 {
|
|
|
|
display: flex;
|
|
|
|
align-self: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
margin-top:30rpx;
|
|
|
|
margin-top: 30rpx;
|
|
|
|
}
|
|
|
|
.m_topTxt{
|
|
|
|
width:100%;
|
|
|
|
margin-left:16rpx;
|
|
|
|
|
|
|
|
.m_topTxt {
|
|
|
|
width: 100%;
|
|
|
|
margin-left: 16rpx;
|
|
|
|
}
|
|
|
|
.m_topImg{
|
|
|
|
margin-top:-48rpx;
|
|
|
|
|
|
|
|
.m_topImg {
|
|
|
|
margin-top: -48rpx;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.m_topImg image{
|
|
|
|
width:208rpx;
|
|
|
|
height:208rpx;
|
|
|
|
|
|
|
|
.m_topImg image {
|
|
|
|
width: 208rpx;
|
|
|
|
height: 208rpx;
|
|
|
|
}
|
|
|
|
.m_topTxt1 image{
|
|
|
|
width:32rpx;
|
|
|
|
height:32rpx;
|
|
|
|
|
|
|
|
.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_topName {
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 600;
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
}
|
|
|
|
.m_topTxt2{
|
|
|
|
|
|
|
|
.m_topTxt2 {
|
|
|
|
display: flex;
|
|
|
|
margin-top:16rpx;
|
|
|
|
margin-top: 16rpx;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.m_topPrice{
|
|
|
|
font-size:28rpx;
|
|
|
|
font-family:DIN 1451 Std Mittelschrift;
|
|
|
|
font-weight:400;
|
|
|
|
color:#FF0000;
|
|
|
|
|
|
|
|
.m_topPrice {
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-family: DIN 1451 Std Mittelschrift;
|
|
|
|
font-weight: 400;
|
|
|
|
color: #f00;
|
|
|
|
}
|
|
|
|
.m_topHelf{
|
|
|
|
font-size:22rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
margin-left:16rpx;
|
|
|
|
color:rgba(204,204,204,1);
|
|
|
|
|
|
|
|
.m_topHelf {
|
|
|
|
font-size: 22rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
margin-left: 16rpx;
|
|
|
|
color: rgba(204, 204, 204, 1);
|
|
|
|
}
|
|
|
|
.m_number{
|
|
|
|
|
|
|
|
.m_number {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
margin-top:18rpx;
|
|
|
|
margin-top: 18rpx;
|
|
|
|
}
|
|
|
|
.minus_push{
|
|
|
|
|
|
|
|
.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);
|
|
|
|
|
|
|
|
.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;
|
|
|
|
|
|
|
|
.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%;
|
|
|
|
line-height: 48rpx;
|
|
|
|
border: 2px solid rgba(110, 172, 61, 1);
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
.minus{
|
|
|
|
color: #6EAC3D;
|
|
|
|
|
|
|
|
.minus {
|
|
|
|
color: #6eac3d;
|
|
|
|
}
|
|
|
|
.num{
|
|
|
|
margin:0 26rpx;
|
|
|
|
font-size:32rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(110,172,61,1);
|
|
|
|
|
|
|
|
.num {
|
|
|
|
margin: 0 26rpx;
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(110, 172, 61, 1);
|
|
|
|
}
|
|
|
|
.push{
|
|
|
|
|
|
|
|
.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;
|
|
|
|
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;
|
|
|
|
} |
...
|
...
|
|
