.good-item { display: flex; width: 100%; min-height: 246px; &:last-child { .good-new-info { border: none; } } .good-new-info { padding-left: 0; } .opt { width: 100px; display: flex; align-items: center; justify-content: center; .select { display: block; } .edit { display: none; } .disable { background-color: #7f7f7f; } } } .promos { padding: 11px 30px 11px 100px; height: 57px; overflow: hidden; width: 100%; &.more-box { height: 77px; .promo-item { display: none; &:first-child { display: flex; } } .down-arrow { display: block; } &.down { height: auto; .promo-item { display: flex; } .down-arrow { .iconfont:before { content: "\e608"; } } } } .down-arrow { display: none; width: 100%; height: 25px; margin-top: -7px; text-align: center; .iconfont { color: #e0e0e0; font-size: 30px; &:before { content: "\e609"; } } } .promo-item { display: flex; width: 100%; height: 45px; line-height: 45px; .info { flex: 1; font-size: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; .flag { margin-right: 11px; color: #ff575c; border: solid 1PX #ff575c; padding: 0 16px; border-radius: 4px; } } } + .good-item { margin-top: -11px; } } .fill-text { padding: 2px 12px; color: #fff; font-size: 25px; line-height: 30px; border-radius: 30px; } .iconfont.chk { font-size: 40px; &:before { content: "\e647"; } &.checked:before { content: "\e60a"; } } .good-new-info { width: 100%; padding: 20px 30px; display: flex; flex: 1; border-bottom: solid 1PX #f0f0f0; .img-a { display: flex; align-items: center; } .img { position: relative; .thumb { width: 152px; min-height: 204px; } .flag { position: absolute; left: 0; bottom: 0; width: 100%; height: 23px; text-align: center; line-height: 23px; color: #fff; font-size: 23px; &.price-gift { background-color: #ff0062; } &.gift { background-color: #85c45b; } .text { transform: scale(0.7, 0.7); } } } .info { flex: 1; margin-left: 32px; padding-top: 20px; position: relative; .fixed-height { width: 100%; min-height: 100px; display: flex; .intro { width: 100%; flex: 1; } } .bottom > .re-add > span { border: 1px solid #d0253b; padding: 4px; border-radius: 5px; color: #d0253b; font-size: 16px; } .name-row { display: flex; .name { flex: 1; font-size: 28px; color: #5a5a5a; } } .color-size-row { color: #b6b6b6; font-size: 28px; margin-top: 4px; span { margin-right: 18px; } } .price { font-size: 28px; color: #d0253b; .sales-price { color: #b6b6b6; margin-left: 5px; text-decoration: line-through; } .vip { margin-left: 11px; background-color: #d0021b; } } .tags { width: 100%; line-height: 30px; text-align: right; .low-stocks { background-color: #7f7f7f; } .appear-date { display: none; padding: 4px 0; float: left; font-size: 23px; color: #d0253b; } } .count { width: 45px; text-align: right; color: #999; font-size: 28px; } } .intro-edit { display: none; } .edit-box { width: 280px; margin-bottom: 11px; .edit-size-info { width: 100%; height: 74px; line-height: 74px; padding-left: 14px; border: solid 1PX #dfdfdf; border-radius: 5px; display: flex; color: #444; .txt { flex: 1; font-size: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .down { text-align: center; width: 55px; .iconfont { font-size: 30px; } & .iconfont:before { content: "\e609"; } } } .edit-size-info-notop { border-top: none; border-radius: 0 0 5px 5px; } } .num-opt { height: 74px; border: solid 1PX #dfdfdf; border-radius: 5px 5px 0 0; display: flex; overflow: hidden; .btn { width: 80px; 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; } } } } .cart-content { &.advance-good { .appear-date { display: block !important; } } } .main-wrap.edit { .good-item:not(.no-edit) { .info { padding-top: 0; } .intro-name { display: none; } .intro-edit { display: block; } } .good-item { .opt { .edit { display: block; } .select { display: none; } .disable { display: none; } } } }