body { background-color: #fff !important; } .goods-detail .cp-title { width: 100%; height: 0.5rem; background: #F6FAFF; position: fixed; top: var(--menuTop, 1.25rem); left: 0; z-index: 999; transition: top 0.3s linear; } .goods-detail .cp-title .wrapper { display: flex; height: 100%; padding: 0 0.1rem; align-items: center; justify-content: space-between; } .goods-detail .cp-title .wrapper .left { font-size: 18px; font-weight: 700; color: #333333; } .goods-detail .cp-title .wrapper .right { height: 100%; display: flex; align-items: center; gap: 0.75rem; } .goods-detail .cp-title .wrapper .right .tabs { height: 100%; display: flex; align-items: center; gap: 0.5rem; } .goods-detail .cp-title .wrapper .right .tabs li { width: 0.65rem; text-align: center; font-size: 0.16rem; font-weight: 400; color: #51575c; cursor: pointer; height: 100%; line-height: 0.5rem; } .goods-detail .cp-title .wrapper .right .tabs li.active { color: #e60000; border-bottom: 2px solid #e60000; } .goods-detail .cp-title .wrapper .right .buy { width: 0.85rem; height: 0.32rem; background: #e60000; text-align: center; line-height: 0.32rem; color: #fff; font-size: 0.16rem; } .goods-detail .cp-content { margin-top: 0.5rem; } .goods-detail .cp-content .detail img { margin: 0 auto; display: block; } .goods-detail .cp-content .params { display: none; padding: 0.45rem 1.6rem 0; } .goods-detail .cp-content .params img { width: 7.5rem; margin: 0.45rem auto; margin-top: 0; display: block; } .goods-detail .cp-content .params tr { width: 100%; height: 1.42rem; } .goods-detail .cp-content .params tr td { height: 100%; padding: 0 0.2rem; box-sizing: border-box; } @media screen and (max-width: 750px) { .goods-detail .cp-title { top: 1.2rem; height: auto; } .goods-detail .cp-title .wrapper { display: block; padding: 0.2rem 0.2rem 0; } .goods-detail .cp-title .wrapper .left { font-size: 0.3rem; color: #222; line-height: 0.5rem; margin-bottom: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .goods-detail .cp-title .wrapper .right { gap: initial; justify-content: space-between; } .goods-detail .cp-title .wrapper .right .tabs li { font-size: 0.28rem; width: auto; } .goods-detail .cp-title .wrapper .right .buy { width: auto; height: 0.5rem; line-height: 0.5rem; font-size: 0.28rem; padding: 0 0.2rem; } .goods-detail .cp-content { margin: 1.5rem auto 0; width: 7.3rem; } .goods-detail .cp-content .detail { width: 100%; } .goods-detail .cp-content .detail img { width: 100%; } .goods-detail .cp-content .params { padding: 0; } .goods-detail .cp-content .params img { width: 100%; margin: 0 0 0.5rem; } .goods-detail .cp-content .params tr { height: auto; } .goods-detail .cp-content .params tr td { display: block; width: 100% !important; height: initial !important; margin-bottom: 0.1rem; } .goods-detail .cp-content .params tr td span { font-size: 0.28rem !important; line-height: 0.5rem !important; } }