.bundle > .bundle-title { height: 80px; display: flex; overflow: hidden; .opt { width: 100px; display: flex; align-items: center; justify-content: center; .select { display: block; } .edit { display: none; } .disable { background-color: #7f7f7f; } } .title { width: 650px; display: flex; align-items: center; .title-tag { height: 40px; margin-right: 30px; padding: 4px; font-size: 16px; background-color: #d1021c; color: #fff; border-radius: 5px; } .title-text { width: 465px; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; overflow: hidden; } .bundle-num { color: #999; } } } .bundle > .bundle-nums { height: 80px; display: none; overflow: hidden; .label { width: 284px; height: 80px; display: flex; align-items: center; span { padding-left: 100px; } } .num-opt { border: solid 1PX #dfdfdf; border-radius: 5px; display: flex; align-items: center; overflow: hidden; .btn { width: 78px; display: block; height: 100%; text-align: center; line-height: 74px; .iconfont { color: #444; } &.disabled { .iconfont { color: #b0b0b0; } } &.btn-opt-minus { border-right: 1PX solid #dfdfdf; .iconfont:before { content: "\e625"; } } &.btn-opt-plus { border-left: 1px solid #dfdfdf; .iconfont:before { content: "\e624"; } } } .good-num { width: 120px; text-align: center; color: #444; font-size: 32px; background-color: #fff; border: none; line-height: 74px; height: 74px; &:disabled { color: initial; } } } .count { width: 155px; text-align: right; margin-right: 30px; line-height: 80px; color: #999; } } .edit { .bundle-title { .opt { .select { display: none; } .edit { display: block; } .disable { display: none; } } .bundle-num { display: none; } } .bundle-nums { display: flex; } } .bundle > .good-list > .good-item { .opt { .chk { visibility: hidden; } .disable { visibility: hidden; } } }