| 1 |
- body{height:100%;background-color:#f4f4f4}.viewport{display:flex;flex-direction:column;height:100%;padding:5.625rem 0 0;position:relative}.cover{width:23.4375rem;height:7.03125rem;border-radius:0 0 1.25rem 1.25rem;overflow:hidden;position:absolute;left:0;top:0}.cover .image{width:23.4375rem}.scroll-view{flex:1}.tabs{display:flex;justify-content:space-evenly;height:3.125rem;line-height:2.8125rem;margin:0 .625rem;font-size:.875rem;border-radius:.3125rem;box-shadow:0 .125rem .15625rem rgba(200,200,200,.3);color:#333;background-color:#fff;position:relative;z-index:9}.tabs .text{margin:0 .625rem;position:relative}.tabs .active:after{content:"";width:1.25rem;height:.125rem;transform:translate(-50%);background-color:#27ba9b;position:absolute;left:50%;bottom:.75rem}.goods{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 .625rem .625rem}.goods .navigator{width:10.78125rem;padding:.625rem;margin-top:.625rem;border-radius:.3125rem;background-color:#fff}.goods .thumb{width:9.53125rem;height:9.53125rem}.goods .name{height:2.75rem;font-size:.8125rem}.goods .price{line-height:1;color:#cf4444;font-size:.9375rem}.goods .symbol,.goods .decimal{font-size:70%}.loading-text{text-align:center;font-size:.875rem;color:#666;padding:.625rem 0 1.5625rem}
|
