1 line
2.6 KiB
CSS
1 line
2.6 KiB
CSS
.head[data-v-4526c897]{height:1.5rem;display:flex;align-items:center;justify-content:space-around}.head .img[data-v-4526c897]{border-radius:1.33333rem}.head img[data-v-4526c897]{width:.8rem;height:.8rem}.scroll[data-v-04593a56]{width:100%;height:1.06667rem;overflow-x:scroll}.scroll[data-v-04593a56]::-webkit-scrollbar{width:0}.scroll .scroll_con[data-v-04593a56]{width:21.33333rem;height:100%;display:flex;flex-grow:1;justify-content:center;align-items:center}.scroll .scroll_con .active[data-v-04593a56]{color:#00a6ff}.scroll .scroll_con span[data-v-04593a56]{width:2.66667rem;font-size:.42667rem}.nav[data-v-04593a56]{display:flex;font-size:.37333rem;border-top:.02667rem solid #ccc;border-bottom:.02667rem solid #ccc}.nav div[data-v-04593a56]{width:25%;height:1.06667rem;text-align:center;display:flex;justify-content:center;align-items:center}.nav div .actives[data-v-04593a56]{color:red;border-bottom:.02667rem solid red}.imgDetails[data-v-04593a56]{width:80%;height:8.8rem;margin:0 auto;position:relative}.imgDetails .img[data-v-04593a56]{width:100%;height:8.8rem;border-radius:.53333rem}.imgDetails .imgDetails_con[data-v-04593a56]{font-size:.37333rem;position:absolute;bottom:0;width:100%;background-color:#fff;padding-left:.53333rem;padding-top:.26667rem}.imgDetails .imgDetails_con p[data-v-04593a56]{display:flex;width:100%}.imgDetails .imgDetails_con p .imgDetails_con_span[data-v-04593a56]{font-weight:700}.imgDetails .imgDetails_con p span[data-v-04593a56]{margin:.13333rem .4rem}.imgDetails .imgDetails_con p img[data-v-04593a56]{width:.53333rem;height:.53333rem}.imgDetails .imgDetails_con p button[data-v-04593a56]{width:40%;height:1.06667rem;background-color:#00a6ff;border:0;color:#fff}.imgDetails .imgDetails_con p .price[data-v-04593a56]{width:60%;height:1.06667rem;font-size:.53333rem;border-top:.02667rem solid #ccc}.bottomNav[data-v-04593a56]{width:80%;margin:.8rem auto;display:flex;height:2.66667rem;position:relative}.bottomNav .bottomNav_con[data-v-04593a56]{width:33%;position:relative;margin:0 auto;padding:0 .13333rem;font-size:.37333rem;color:#fff}.bottomNav .bottomNav_con .activess[data-v-04593a56]{background-color:#00a6ff}.bottomNav .bottomNav_con div[data-v-04593a56]{position:absolute;bottom:0;height:.8rem;background-color:rgba(0,0,0,.5);width:100%;line-height:.8rem;border-bottom-left-radius:.26667rem;border-bottom-right-radius:.26667rem}.bottomNav .bottomNav_con img[data-v-04593a56]{width:100%;height:100%}.bottomNav .next[data-v-04593a56]{width:.4rem;position:absolute;top:40%;right:-.66667rem}.no img[data-v-04593a56]{width:1.86667rem;margin-top:1.33333rem}.no p[data-v-04593a56]{margin-top:.26667rem;font-size:.37333rem} |