.container { box-sizing: border-box; min-height: 100vh; padding: 0rpx 28rpx 168rpx; } .money { margin-top: 36rpx; } .list-box { padding: 36rpx 0; } .list-box .item { background-color: #fff; border-radius: 18rpx; box-shadow: 0 0rpx 9rpx 4rpx hsla(0,0%,80%,.75); display: flex; justify-content: space-between; margin-bottom: 24rpx; } .list-box .item.active { box-shadow: 0 0rpx 9rpx 4rpx rgba(255,102,0,.4); } .list-box .info { display: inline-flex; flex-direction: column; padding: 14rpx 50rpx 14rpx 18rpx; } .list-box .info .name { color: #333; font-size: 30rpx; margin-bottom: 12rpx; } .list-box .info .include { color: #666; font-size: 22rpx; min-height: 64rpx; } .list-box .info .click { color: 999; display: inline; } .list-box .info .price { display: inline-flex; font-size: 22rpx; margin-top: 14rpx; } .info .now { color: #f30; margin-right: 50rpx; } .info .origin { color: #999; text-decoration: line-through; } .list-box .buy-btn { align-items: center; background-color: #4cadf1; border-radius: 18rpx; color: #fff; display: inline-flex; font-size: 33rpx; justify-content: center; width: 119rpx; } .list-box .item.active .buy-btn { background: #f60; } .edition1-money { color: #333; display: flex; font-size: 29rpx; justify-content: space-between; padding: 20rpx 0; } .edition1-money .r { font-size: 22rpx; } .edition1-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .edition1-list>view { display: inline-flex; width: calc(33.333% - 20rpx); } .edition1-list .edition1-item { align-items: center; background: #fff; border: 5rpx solid #4cadf1; border-radius: 18rpx; box-sizing: border-box; color: #0281db; display: inline-flex; flex-direction: column; height: 158rpx; justify-content: center; margin: 0 0 28rpx; } .edition1-list .edition1-item:nth-child(3n+2) { margin: 0 20rpx 28rpx; } .edition1-list .edition1-item .now { font-size: 42rpx; margin-bottom: 4rpx; } .edition1-list .edition1-item .origin { font-size: 24rpx; } .edition1-list .edition1-item.edition1-select { border-color: #f50; color: #f50; } .edition1-list .edition1-item.active { background: #4cadf1; color: #fff; } .edition1-list .edition1-item.edition1-select.active { background: #f50; color: #fff; } .tobuy-btn { align-items: center; background: #1baa1c; border: 2rpx solid #218721; border-radius: 18rpx; color: #fff; display: flex; font-size: 33rpx; height: 91rpx; justify-content: center; margin-top: 3rpx; } .tobuy-btn.disabled { opacity: .7; } .provision { display: block; margin: 40rpx 0 0; } .provision .text { color: #0281db; display: inline-block; } .warm-prompt { padding: 60rpx 0; } .warm-prompt .title { color: #f30; font-size: 32rpx; font-weight: 600; margin-bottom: 16rpx; } .warm-prompt .content { color: #666; font-size: 26rpx; line-height: 1.8; } .warm-prompt .content .view { margin-bottom: 10rpx; }