|
|
/*==========弹出购物车================*/
|
|
/* 弹窗 */
|
.popup-container{width: 100%;height: 100%;position: fixed;bottom: 0;z-index: 99}
|
.popup{position: fixed;top: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7)}
|
|
.norms-box {
|
display: flex;
|
flex-wrap: wrap;
|
}
|
|
.norms-content .title {
|
white-space: nowrap;
|
}
|
|
.norms-content .title {
|
font-size: 30rpx;
|
color: #333;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
|
|
.norms-content {
|
margin-top: 30rpx;
|
width: 60%;
|
}
|
|
.norms-detail {
|
padding: 40rpx 0 60rpx 0;
|
}
|
|
.norms-box {
|
padding: 10rpx 0;
|
}
|
|
.norms-item-list {
|
display: flex;
|
flex-wrap: wrap;
|
}
|
|
.norms-select {
|
margin-bottom: 20rpx;
|
}
|
|
.norms-number {
|
display: flex;
|
padding: 20rpx 0 50rpx 0;
|
}
|
|
.cart-count-box {
|
width: 92%;
|
text-align: right;
|
display: flex;
|
justify-content: flex-end;
|
align-items: center;
|
/* align-items: flex-end */
|
}
|
|
.icon-jia {
|
color: #666;
|
}
|
|
.cart-count-down {
|
color: #b3b3b3;
|
}
|
.cart-count-box text {
|
display: inline-block;
|
text-align: center;
|
width: 46rpx;
|
height: 45rpx;
|
line-height: 45rpx;
|
}
|
.cart-count-down {
|
margin-right: 12rpx;
|
}
|
.cart-count-add {
|
margin-left: 12rpx;
|
}
|
.close {
|
font-size: 40rpx;
|
color: #9b9b9b;
|
}
|
.norms-footer {
|
width: 100%;
|
height: 106rpx;
|
font-size: 30rpx;
|
display: flex;
|
line-height: 106rpx;
|
color: #fff;
|
}
|
|
.norms-footer>view {
|
flex: 1;
|
text-align: center;
|
}
|
|
.norms-join {
|
background: #ffb95f;
|
}
|
|
.norms-pay {
|
background: #ff5806;
|
}
|
|
.norms-content .price {
|
font-size: 32rpx;
|
font-weight: bold;
|
margin-top: 20rpx;
|
color: #FF3F3A;
|
|
}
|
|
.stock{margin-top: 20rpx}
|
|
.norms-container {
|
background: #fff;
|
width: 750rpx;
|
background: rgba(255, 255, 255, 1);
|
border-radius: 10rpx 10rpx 0rpx 0rpx;
|
}
|
.grey {
|
font-size: 26rpx;
|
color: #999;
|
}
|
|
.norms-container {
|
position: absolute;
|
bottom: 0;
|
}
|
|
.norms-item image {
|
width: 180rpx;
|
height: 180rpx;
|
margin-right: 35rpx;
|
}
|
|
.norms-item {
|
display: flex;
|
width: 96%;
|
}
|
|
.selectedNorms {
|
color: #ff3f3a;
|
background: #fff;
|
border: 1px solid #ff3f3a;
|
}
|
|
|
.norms-detail {
|
display: flex;
|
}
|
|
.norms-content {
|
display: flex;
|
flex-direction: column;
|
}
|
.norms-list {
|
width: 90%;
|
margin: auto;
|
}
|
|
.norms-list .threeblack {
|
font-size: 26rpx;
|
}
|
|
.norms-box-item {
|
font-size: 24rpx;
|
background: #eee;
|
color: #333;
|
padding: 9rpx 30rpx;
|
border-radius: 30rpx;
|
text-align: center;
|
margin-right: 20rpx;
|
margin-top: 20rpx
|
}
|
.cart-list .cart-count-box{
|
display: flex;align-items: center;
|
margin-top:55rpx;
|
}
|
.cart-count-box image{width: 32rpx;height: 33rpx}
|
|
.cart-count-down,.cart-count-add{
|
height: 100%;
|
}
|
|
.cart-count-num{
|
background: #f9f9f9;
|
font-size: 26rpx;
|
border-radius:5rpx;
|
color: #B3B3B3;
|
text-align: center;
|
width: 43rpx;
|
height: 41rpx;
|
line-height: 41rpx;
|
margin-left: 15rpx;
|
margin-right: 15rpx;
|
margin-top: 8rpx
|
}
|
