|   | 
|   | 
| /*==========弹出购物车================*/ | 
|   | 
| /* 弹窗 */ | 
| .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 | 
| } |