.detail-container{ position: relative; top:-40rpx; border-radius: 40rpx; background:{ color:#F5F5F6; } padding:24rpx 26rpx; padding-bottom:150rpx; .detail-item{ background:{ color:#FEFEFE; } border-radius: 20rpx 20rpx 20rpx 20rpx; margin-bottom:20rpx; padding:20rpx 24rpx; justify-content: flex-start; .cell-two-container{ align-items: center; line-height:1; .cell-title { font-size: 32rpx; font-weight: 400; color: #020B18; line-height: 1; } .cell-border{ height:40rpx; width: 8rpx; margin:{ right:12rpx; } background:{ color:#FF9545; } } } &.price{ padding:20rpx 0; .pad-26{ padding-left:24rpx; padding-right:24rpx; } width:auto; align-items: flex-end; justify-content: space-between; .price-container{ justify-content: flex-start; align-items: flex-end; width:auto; } .item-desc{ margin-top:26rpx; justify-content: space-between; .item{ text-align: center; justify-content: center; } } .tags{ margin-top:20rpx; .tag{ font-size:24rpx; color:#AFB5BE; font-weight: 400; padding:10rpx 12rpx; background-color:rgba(175, 181, 190, 0.1); border-radius: 8rpx; margin-right:8rpx; margin-bottom:8rpx; } } .hr{ width:100%; height: 2rpx; background: #F5F5F6; } .address{ justify-content: space-between; padding-top:24rpx; .address-btn{ padding:10rpx; background:{ color:#FF9545; } border-radius: 50%; } } } &.info,&.detail{ .body{ padding:50rpx 14rpx; .item{ .sub-title{ margin:46rpx 0; &:first-child{ margin-top: 0; } } .check-item{ margin-bottom:32rpx; } } } } } } ::v-deep .u-text__price{ display:none; } .foot-button{ padding:40rpx 26rpx; position: fixed; bottom:0; left:0; z-index: 9999; width: 100%; background: { color:#FFFFFF; }; justify-content: space-between; .button-group{ display:flex; .button{ padding:22rpx 40rpx; border-radius: 40rpx; &.phone{ background-color:#80C5B6; display: flex; margin-right:16rpx; } &.exchange{ background-color:#FF9545; } } } }