| 1 |
- body{background-color:#fff}#spike-list{width:100%;max-width:3.75rem;height:auto;min-height:100%;position:relative}.time-line{height:.37rem;line-height:.37rem;position:relative;z-index:1}.more-height{height:.8rem}.foreshow{position:relative;top:.26rem;left:50%;-webkit-transform:translateX(-50%);text-align:center;width:100%}.foreshow p{position:relative;top:-.19rem;width:.9rem;margin-left:auto;margin-right:auto;background-color:#fff;font-size:.12rem;font-weight:700;color:#afafaf;-webkit-transform:translateX(.1rem)}.cover-line{border-bottom:1px solid #ccc;width:89%;margin-left:.3rem;margin-right:auto}.icon{width:.3rem;height:.3rem;background-color:#fff}.time-icon{background-image:url("http://cdn.yangkeduo.com/assets/img/spike_sprites-d7a12964ee.png");background-position:-.267rem 0;position:relative;bottom:0;background-size:.533rem .4rem;display:inline-block;width:.25rem;height:.25rem;margin:.05rem .035rem .1rem .025rem;z-index:3}.time-icon-current{background-position:0 0}.time-show{display:inline-block;height:.37rem;line-height:.37rem;position:absolute;color:#333;font-size:.12rem}.time-show-current{color:#ee0a3b}.line{z-index:2;position:absolute;height:2rem;float:left;border-right:.03rem solid #dcdcdc;top:-.05rem;left:-.19rem}.line-current{border-right:.03rem solid #ff7472;position:absolute;z-index:-1}.spike-goods{background-color:#fff;height:1.27rem;margin:0 .1rem .07rem .31rem;line-height:1.5;border:1px solid #eaeaea;border-radius:.06rem;width:3.34rem;position:relative;z-index:1}.final-spike-goods{margin-bottom:.25rem}.spike-img{height:1.08rem;width:1.08rem;float:left;margin:.095rem .1rem}.spike-info{height:100%;width:1.83rem;display:inline-block;position:relative;left:.12rem}.left-time{width:1.83rem;position:absolute;vertical-align:middle;bottom:0;left:0}.left-time .quantity{width:1.12rem;border-bottom-left-radius:4px;border-top-left-radius:4px;height:.27rem;line-height:.27rem;font-size:0;position:relative;float:left;vertical-align:middle}.left-time .head{display:inline-block;height:.27rem;line-height:.27rem;font-size:.11rem}.left-time .head:before{display:inline-block;content:'';background-image:url("http://cdn.yangkeduo.com/assets/img/spike_sprites-d7a12964ee.png");background-position:-.13rem -.27rem;background-size:.533rem .4rem;width:.125rem;height:.13rem;margin:0 .04rem 0 .08rem;position:relative;vertical-align:middle}.left-time .detail,.left-time .quantity-detail{display:inline-block;position:relative;left:-.03rem;line-height:.25rem;height:.25rem;padding-left:.03rem}.left-time .detail span,.left-time .quantity-detail span{font-size:.11rem}.left-time .detail span{color:#c05c7b;font-size:.12rem}.spike-goods-name{display:-webkit-box;overflow:hidden;width:1.78rem;height:.31rem;max-height:.98rem;line-height:.17rem;font-size:.13rem;color:#333;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;top:.1rem;position:absolute}.spike-buy{height:.53rem;position:absolute;bottom:.08rem;font-size:0}.spike-buy .all-price{display:inline-block;width:100%}.spike-buy .all-price .sale-symbol{font-size:.12rem;color:#ee2e3a}.spike-buy .all-price .sale-price{line-height:.16rem;font-size:.16rem;color:#ee2e3a;font-weight:700;position:relative}.spike-buy .all-price .market-price{overflow:hidden;font-size:.11rem;color:#9f9f9f;text-decoration:line-through;-webkit-text-decoration-color:#9f9f9f;text-decoration-color:#9f9f9f;width:100%;margin-left:.05rem}.spike-buy .all-price .market{position:relative;left:-.02rem}.spike-button-coming,.spike-button-off,.spike-button-on{display:inline-block;color:#fff;font-size:.12rem}.spike-button-coming .btnClass,.spike-button-off .btnClass,.spike-button-on .btnClass{float:right;display:inline-block;height:.27rem;line-height:.27rem;width:.71rem;font-size:.13rem;text-align:center;position:absolute;top:0;left:1.12rem;border-bottom-right-radius:4px;border-top-right-radius:4px;vertical-align:middle}.spike-button-on .quantity{border:1px solid #f34949}.spike-button-on .btnClass{background-color:#f34949}.spike-button-on .head,.spike-button-on .quantity-detail{color:#f34949}.spike-button-off .quantity{border:1px solid #a6a6a6}.spike-button-off .btnClass{background-color:#a6a6a6}.spike-button-off .head{color:#a6a6a6}.spike-button-off .head:before{background-position:-.265rem -.265rem}.spike-button-off .quantity-detail{color:#a6a6a6}.spike-button-coming .quantity{border:1px solid #ffcc23}.spike-button-coming .btnClass{background-color:#ffcc23}.spike-button-coming .head{color:#ffcc23}.spike-button-coming .head:before{background-position:0 -.267rem}.spike-button-coming .quantity-detail{color:#ffcc23}.view-more{padding-right:.1rem;position:relative;top:.04rem;z-index:9;font-size:.13rem;color:#9f9f9f;height:.37rem;text-align:right}.view-more:after{content:'';display:inline-block;background-image:url("http://cdn.yangkeduo.com/assets/img/spike_sprites-d7a12964ee.png");background-position:-.4rem -.267rem;background-size:.533rem .4rem;width:.076rem;height:.118rem;padding-left:.04rem;position:relative}.super-height{height:.26rem}.final-icon{background-image:url("http://cdn.yangkeduo.com/assets/img/spike_sprites-d7a12964ee.png");background-position:-.267rem 0;position:absolute;bottom:-.1rem;left:0;background-size:.533rem .4rem;display:inline-block;width:.25rem;height:.25rem;margin:.05rem .035rem .1rem .025rem;z-index:3}
|
