tanzhongheY/pages/product/product.wxss

298 lines
4.5 KiB
Plaintext

/* pages/product/produst.wxss */
.centent {
width: 95%;
margin: auto;
padding-bottom: 250rpx;
}
.title-top {
width: 100%;
display: inline-block;
border-bottom: 2rpx solid #e3e3e3ab;
padding: 30rpx 0 0 0;
}
.title-top image {
float: left;
margin-right: 20rpx;
margin-top: 5rpx;
background: #e1e1e16e;
padding: 10rpx;
border-radius: 100%;
}
.title-info {
/* float: left; */
/* height: 84rpx; */
font-weight: bold;
font-size: 38rpx;
}
.other {
float: left;
color: #999;
font-size: 24rpx;
font-weight: 400;
padding-top: 5rpx;
line-height: 60rpx;
padding-left:0rpx;
}
.num {
/* float: right; */
width: 100%;
color: #020101;
height: 84rpx;
/* display: table-cell; */
vertical-align: bottom;
}
.num .size {
float: right;
font-weight: bold;
font-size: 56rpx;
height: 84rpx;
/* display: table-cell; */
vertical-align: bottom;
color:#ffab0b;
}
.danwei {
color:#ffab0b;
float: right;
padding-top: 30rpx;
font-size: 24rpx;
height: 84rpx;
/* display: table-cell; */
vertical-align: bottom;
}
.address {
width: 100%;
display: inline-block;
border-bottom: 2rpx solid #e3e3e3ab;
padding: 20rpx 0;
line-height: 40rpx;
}
.address image {
float: left;
margin-right: 20rpx;
margin-top: -5rpx;
background: #e1e1e16e;
padding: 10rpx;
border-radius: 100%;
}
.address .title {
color: #226742;
font-weight: bold;
float: left;
font-size: 28rpx;
line-height: 25px;
height: 27rpx;
}
.address .info {
font-size: 24rpx;
float: right;
max-width: 65%;
overflow: hidden;
}
.shuList {
margin-top: 20rpx;
white-space: nowrap;
overflow: hidden;
height: 680rpx;
}
.shuList .item {
display: inline-block;
/* float: left; */
width: 46%;
margin: 2%;
text-align: center;
border: 2rpx solid #e3e3e3ab;
border-radius: 10rpx;
box-shadow: 0rpx 0rpx 10rpx 5rpx #ddd;
}
.item {
color: #999;
line-height: 50rpx;
position: relative;
padding-bottom: 10rpx;
}
.item image {
height: 300rpx;
width: 90%;
/* margin-top: 20rpx; */
background: #e1e1e12b;
padding: 10rpx;
/* border-radius: 100%; */
margin-top: 10rpx;
}
.item .title {
color: #333;
font-size: 28rpx;
font-weight: bold;
}
.item .title_a {
color: #226742;
font-size: 28rpx;
font-weight: bold;
}
.item .money {
font-weight: bold;
color: #226742;
}
.num_input{
/* width: 200rpx; */
/* margin:auto; */
padding: 50rpx 0 0 5rpx;
}
.num_input .shuzhi{
float: left;width: 115rpx;
line-height: 60rpx;
}
.num_input num-contorller{
width: 200rpx;
margin:auto;
}
.num_input button{
height: 60rpx;
padding: 10rpx 20rpx !important;
line-height: 40rpx !important;
/* display: inline-block; */
float: left;
border: 2rpx solid #ccc;
border-radius: 0;
width: 70rpx;
}
.num_input text{
width: 65rpx;
line-height: 60rpx !important;
float: left;
padding: 0 10rpx;
position: relative;
height: 60rpx;
/* display: inline-block; */
/* top: -15rpx; */
border: 2rpx solid #ccc;
border-left: none;
border-right: none;
}
.item .icon {
width: 59rpx;
height: 59rpx;
position: absolute;
top: -10rpx;
right: 5rpx;
background: none;
}
.bottom-nav {
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: 120rpx;
box-shadow: 0rpx 10rpx 20rpx 0rpx #4bb547;
background: #fff;
z-index: 99;
line-height: 120rpx;
font-weight: bold;
color: #333;
font-size: 36rpx;
padding-left: 20rpx;
/* background-color: red; */
}
.xiadan {
float: right;
height: 120rpx;
line-height: 100rpx;
width: 80rpx;
background: #4bb547;
color: #fff;
border-radius: 0;
}
.money {
line-height: 60rpx;
clear: both;
border-top: 2rpx solid #e3e3e3ab;
border-bottom: 2rpx solid #e3e3e3ab;
margin: 50rox auto;
padding: 20rpx 0;
display: inline-block;
width: 100%;
}
.money image {
width: 60rpx;
height: 60rpx;
display: inline-block;
vertical-align: middle;
border-radius: 100%;
transform: scale(0.8);
background-color: rgba(0, 0, 0, 0.05);
}
.money input {
width: 200rpx;
height: 0rpx;
line-height: 40px;
display: inline-block;
vertical-align: middle;
font-size: 25rpx;
/* color: #291d1d; */
text-align: right;
}
.money .tips {
font-weight: bold;
color: #291d1d;
width: 200rpx;
height: 40rpx;
vertical-align: middle;
line-height: 40rpx;
display: inline-block;
text-align: left;
}
.all_num{
/* display: inline-block; */
width: 70%;
text-align: right;
float: right;
}
.red{
color: #f12526;
font-weight: bold;
display: inline-block;
padding: 0 5rpx;
}
.green{
color: #4bb547;
font-size: 40rpx;
font-weight: bold;
display: inline-block;
padding: 0 5rpx;
}
.efficiency{
font-size: 22rpx;
color: #4bb547;
line-height: 20rpx;
}
.money1{
font-size:24rpx
}