.re-body { background-color: #fff; } .textdesc { margin-top: 5rpx; display: flex; flex-direction: column; } .kb-txt { color: #FF9800; } .options-box { display: flex; overflow: hidden; flex-direction: row; flex-wrap: wrap; } .options-item { height: 230rpx; box-sizing: border-box; display: flex; flex-direction: column; width: calc((100% - 20rpx) / 2); min-width: calc((100% - 20rpx) / 2); max-width: calc((100% - 20rpx) / 2); background-color: #ececec; margin: 10rpx 0px 10rpx 20rpx; border-radius: 10rpx; overflow: hidden; } .options-item:nth-child(2n+1) { margin-left: 0rpx; } .pirice-txt { color: #FF9800; } .cz-desc-txt{ padding: 13rpx 0; border-radius: 0 0 4px 4px; } .given-txt{ padding: 13rpx 10px; border-top: solid 1rpx #9e9e9e1f; } .vip{ padding-top: 28px; padding-bottom: 0px; } .select{ border: solid 1px #ff5722; } .txt-other{ padding-left: 20rpx; ; padding-right: 20rpx; ; } .select_text{ padding: 13rpx 10px; background-color: #ff5722; color: #fff; } .xz-hh{ float: right; margin-right: 20rpx; } .top-lab{ padding: 2px 8px; text-align: center; background-color: #ff5722; color: #fff; float: right; border-top: none; border-radius: 10rpx; } .btn-cz{ text-align: center; padding: 10px; background-color: #ff5722; color: #fff; border-radius: 40rpx; } .vip-center{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .vip-level-icon{ margin-right: 10rpx; width: 80px; height: 30px; }