.info-main { padding-bottom: 12.8vw; } .info-main .info-content { padding: 4vw 0 0; position: relative; } .info-main .info-content .info-wrap.__nospace { border-top: 0; padding: 0 4vw 5.333vw; } .info-main .info-content .info-title { color: #292929; font-size: 4.8vw; font-weight: 500; line-height: 6.133vw; } .info-main .info-content .info-inventory { -webkit-box-pack: justify; -ms-flex-pack: justify; color: #969696; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 3.2vw; justify-content: space-between; margin-top: 2.133vw; } .info-main .info-content .goods-tags { margin-left: -1.467vw; margin-top: 2.667vw; } .info-main .info-content .goods-tags .tag { background: rgba(235,82,82,.1); border-radius: .667vw; color: #eb5252; display: inline-block; font-size: 2.933vw; height: 4.267vw; line-height: 4.267vw; margin-left: 1.467vw; margin-top: 1.333vw; padding: 0 1.333vw; text-align: center; } .step-box { border-top: 2.667vw solid #f8f8f8; } .step-packs { background-color: #fff; padding: 0 5.333vw; } .step-packs .item { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; border-bottom: 1px solid #eee; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; padding: 5.333vw 0; } .item .left .desc { color: #969696; font-size: 3.2vw; } .item .left .price { color: #eb5252; font-size: 4.267vw; font-weight: 500; } .item .content { color: #2a2a2a; font-size: 3.733vw; text-align: right; } .item .content .num view { color: #eb5252; display: inline; } .item .progress-box { background: #eee; border-radius: .667vw; height: 1.333vw; margin-top: 1.333vw; overflow: hidden; width: 25.067vw; } .item .progress-box .progress { background-color: #06a2b3; border-radius: .667vw; height: 1.333vw; } .info-wrap { border-top: 2.667vw solid #f8f8f8; padding: 0 4vw 5.333vw; } .m-title { padding: 4.267vw 0; text-align: center; } .m-title .bd { color: #2a2a2a; display: inline-block; font-size: 4.8vw; font-weight: 500; line-height: 1; padding: 0 1.333vw .533vw; position: relative; vertical-align: top; z-index: 0; } .m-title .line { background-color: rgba(6,162,179,.6); border-radius: 1.6vw; bottom: 0; height: 1.6vw; left: 0; position: absolute; width: 100%; z-index: -1; } .richbox { word-break: break-all; } .info-picrule { color: #787878; font-size: 3.2vw; line-height: 4.533vw; } .info-picrule .title { font-size: 4vw; font-weight: 500; margin: 5.333vw 0 4vw; } .info-picrule .section { margin-bottom: 2.667vw; } .info-picrule .section .little { font-weight: 500; margin-bottom: 1.867vw; } .scrollview { height: 100vh; padding-bottom: 12.8vw; } .position-top-tab { background: #fff; display: flex; height: 40px; left: 0; position: fixed; top: 0; width: 100vw; z-index: 100; } .position-top-tab .tab { align-items: center; display: inline-flex; flex: 1; font-size: 14px; justify-content: center; position: relative; } .position-top-tab .active { color: #eb5252; } .position-top-tab .active:after { background: #eb5252; border-radius: 2px; bottom: 0; content: ""; height: 2px; left: calc(50% - 10px); position: absolute; width: 20px; } .richbox image { max-width: 100%; }