|
|
|
/* pages/kind/detail_1/detail_1.wxss */
|
|
|
|
page{
|
|
|
|
background: #F7F7F7;
|
|
|
|
}
|
|
|
|
.container{
|
|
|
|
overflow: hidden;
|
|
|
|
background: white;
|
|
|
|
padding-bottom:48rpx;
|
|
|
|
}
|
|
|
|
.ware_box{
|
|
|
|
width:688rpx;
|
|
|
|
height:400rpx;
|
|
|
|
margin:32rpx auto;
|
|
|
|
background:#F9FAFC;
|
|
|
|
}
|
|
|
|
.ware_top{
|
|
|
|
overflow: hidden;
|
|
|
|
display: flex;
|
|
|
|
padding:32rpx 18rpx 0;
|
|
|
|
}
|
|
|
|
.ware_1{
|
|
|
|
width:312rpx;
|
|
|
|
height:208rpx;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.ware_1 image{
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
|
|
|
}
|
|
|
|
.ware_1_time{
|
|
|
|
position: absolute;
|
|
|
|
bottom:0;
|
|
|
|
width:208rpx;
|
|
|
|
height:48rpx;
|
|
|
|
color: white;
|
|
|
|
text-align: center;
|
|
|
|
line-height:48rpx;
|
|
|
|
font-size:24rpx;
|
|
|
|
background:#FAC8C8;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
}
|
|
|
|
.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{
|
|
|
|
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;
|
|
|
|
text-align: center;
|
|
|
|
line-height:48rpx;
|
|
|
|
color:rgba(255,255,255,1);
|
|
|
|
}
|
|
|
|
.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);
|
|
|
|
}
|
|
|
|
/* 规格 */
|
|
|
|
.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);
|
|
|
|
}
|
|
|
|
/* 商品详情 */
|
|
|
|
.ware_detail{
|
|
|
|
width:100%;
|
|
|
|
margin-top:8rpx;
|
|
|
|
margin-bottom:96rpx;
|
|
|
|
padding-bottom:66rpx;
|
|
|
|
background: white;
|
|
|
|
}
|
|
|
|
.ware_detail_tit{
|
|
|
|
width:688rpx;
|
|
|
|
margin: auto;
|
|
|
|
display: flex;
|
|
|
|
padding:44rpx 0rpx 42rpx;
|
|
|
|
justify-content:space-around;
|
|
|
|
border-bottom:2rpx solid #F5F5F5;
|
|
|
|
}
|
|
|
|
.ware_detail .ware_active{
|
|
|
|
color:#6EAC3D;
|
|
|
|
font-weight:600;
|
|
|
|
}
|
|
|
|
.ware_active:after{
|
|
|
|
content: "";
|
|
|
|
width:16rpx;
|
|
|
|
height: 6rpx;
|
|
|
|
margin: auto;
|
|
|
|
display: block;
|
|
|
|
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%;
|
|
|
|
}
|
|
|
|
/* 用户评价 */
|
|
|
|
.ware_assess_li{
|
|
|
|
padding-bottom:24rpx;
|
|
|
|
margin-bottom:32rpx;
|
|
|
|
border-bottom: 1px solid #F5F5F5;
|
|
|
|
}
|
|
|
|
.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{
|
|
|
|
display: flex;
|
|
|
|
width:100%;
|
|
|
|
margin-top:10rpx;
|
|
|
|
}
|
|
|
|
.ware_picBox{
|
|
|
|
margin-right: 16rpx;
|
|
|
|
}
|
|
|
|
.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;
|
|
|
|
text-align: center;
|
|
|
|
line-height:64rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
margin: auto;
|
|
|
|
color:rgba(102,102,102,1);
|
|
|
|
}
|
|
|
|
/* footer */
|
|
|
|
.footer{
|
|
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
|
|
|
text-align: center;
|
|
|
|
width:750rpx;
|
|
|
|
height:96rpx;
|
|
|
|
display: flex;
|
|
|
|
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);
|
|
|
|
}
|
|
|
|
/* 遮罩层 */
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
.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{
|
|
|
|
font-size:28rpx;
|
|
|
|
font-family:DIN 1451 Std Mittelschrift;
|
|
|
|
font-weight:400;
|
|
|
|
color:#FF0000;
|
|
|
|
}
|
|
|
|
.m_topHelf{
|
|
|
|
font-size:22rpx;
|
|
|
|
font-family:PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
margin-left:16rpx;
|
|
|
|
color:rgba(204,204,204,1);
|
|
|
|
}
|
|
|
|
.m_number{
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
margin-top:18rpx;
|
|
|
|
}
|
|
|
|
.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%;
|
|
|
|
}
|
|
|
|
.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;
|
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|
