.chose-panel { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: none; height: 100%; background: rgba(0, 0, 0, 0.3); .main { position: absolute; right: 0; bottom: 0; left: 0; height: 610px; background: #fff; } .infos { padding: 0 22px; height: 460px; } .chose-items { overflow: auto; height: 325px; } .basic-info { position: relative; overflow: hidden; margin-top: 30px; margin-bottom: 30px; } .thumb { float: left; margin-right: 20px; width: 100px; } .text-info { height: auto; .seckill-time { position: absolute; bottom: 0px; right: 0px; float: none; } .name { display: -webkit-box; overflow: hidden; height: 74px; font-size: 28px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .price { display: inline; font-size: 24px; } .sale-price { margin-right: 15px; color: #e10; &.no-price { color: #000; } } .market-price { color: #b0b0b0; text-decoration: line-through; } } .color-list, .size-list, .num { position: relative; padding-left: 80px; font-size: 28px; input.disabled { border-radius: 0; background-color: #fff; color: #000; opacity: 1; -webkit-appearance: none; } > span { position: absolute; top: 20px; left: 0; } > span.left-num { position: absolute; top: 20px; left: 380px; } span.disabled { color: #e6e6e6; } } .size-list li.hide { display: none; } .block { display: block; float: left; box-sizing: border-box; margin-right: 30px; margin-bottom: 30px; padding: 0 20px; min-width: 80px; height: 80px; border: 1px solid #000; text-align: center; line-height: 80px; &.chosed { border-color: #e10; background: resolve("shopping-cart/right.png") no-repeat; background-position: bottom right; background-size: 38px; color: #e10; } &.zero-stock { border-color: #e0e0e0; color: #e0e0e0; } &.zero-stock.chosed { border-color: #e0e0e0; background: none; background-color: #c0c0c0; color: #e0e0e0; } } .num { margin-bottom: 20px; } .num .btn { display: block; float: left; width: 80px; height: 80px; border: 1px solid #e6e6e6; text-align: center; line-height: 80px; &.disable { color: #e6e6e6; } } .good-num { float: left; margin-left: -1px; padding: 0; width: 106px; height: 80px; border: 1px solid #e6e6e6; text-align: center; line-height: 80px; } .btn-plus { margin-left: -1px; } .btn-wrap { position: relative; box-sizing: border-box; padding: 20px; height: 120px; border-top: 1px solid #e6e6e6; background: #fff; text-align: center; .btn-sure { width: 260px; height: 80px; border: none; background: #e10; color: #fff; font-size: 32px; } } }