.van-step__circle-container{ background: transparent !important; } .test{ border: 1rpx dashed red; } .font-c{ color: #ccc; } .w50{ width: 50%; } .h375{ width: 100%; height: 375rpx; } .h238{ width: 238rpx; height: 238rpx; margin: auto; } .h220{ width: 100%; height: 220rpx; } .h120 { width: 100%; height: 120rpx; line-height: 120rpx; } .h70{ width: 100%; height: 70rpx; line-height: 70rpx; } .h88{ width: 100%; height: 88rpx; line-height: 88rpx; } .mb40{ margin-bottom: 40rpx; } .mb20{ margin-bottom: 20rpx; } .mt20{ margin-top: 20rpx; } .mt56{ margin-top: 56rpx; } .pb120{ padding-bottom: 120rpx; } .m5{ margin-top: 5rpx; margin-bottom: 5rpx; } .m10{ margin-top: 10rpx; margin-bottom: 10rpx; } .m20{ margin-top: 20rpx; margin-bottom: 20rpx; } .mt100{ margin-top: 100rpx; } .mt40{ margin-top: 40rpx; } .m120{ margin-top: 120rpx; margin-bottom: 120rpx; } .m10auto{ margin: 10 auto; } .m20auto{ margin: 20 auto; } .flex{ display: flex; } .flex-sb{ display: flex; justify-content: space-between; } .sb-w3{ width: calc(100% / 3); text-align: center; } .sb-w4{ width: calc(100% / 4); text-align: center; } .sb-w5{ width: calc(100% / 5); text-align: center; } .sb-w8{ width: calc(100% / 8); text-align: center; } .flex-wrap{ display: flex; justify-content: space-between; flex-wrap: wrap; } .line36{ line-height: 36rpx; font-size: 30rpx; } .line42{ line-height: 42rpx; font-size: 32rpx; } .line64{ line-height: 64rpx; font-size: 36rpx; } .line72{ line-height: 72rpx; font-size: 42rpx; } .bottom-line{ border-bottom: 2rpx solid #eee; } .bottom-line:last-child{ border-bottom: none; } .b-fiexd{ height: 120rpx; width: calc(100vw - 40rpx); padding: 0 20rpx; position: fixed; left: 0; bottom: 0; box-shadow: -20rpx 10rpx 10rpx #000; background-color: #ffffff; } .b-relative{ position: relative; } .b-button{ background-color: 10rpx; height:72rpx; line-height: 72rpx; text-align:center; color: #ffffff; width: 376rpx; background-color: #fe8a00; border-radius: 10rpx; margin: 24rpx auto; } /** * 滑动定位 */ .bg-white{ background-color: white; } .box-shadow-gray{ box-shadow: #ccc 0 0rpx 40rpx 0.1rpx; } .sticky{ position: sticky; top: 0; z-index: 100; } /** * 模拟药丸 */ .back-feixd { background-color: #fff8ef; border: 1rpx solid #dbc9ba; border-radius: 50%; width: 60rpx; height: 60rpx; position: fixed; top: 100rpx; left: 12rpx; z-index: 101; line-height: 60rpx; text-align: center; opacity: .7; } /** * 搜索 */ .s-input { padding: 16rpx 40rpx; margin: 0 20rpx; width: 590rpx; border-radius: 40rpx; height: 40rpx; line-height: 40rpx; border: 1rpx solid #ccc; color: #0d0d0d; font-size: 28rpx; } .s-input-line { height: 72rpx; line-height: 72rpx; margin: 0 78rpx; color: #666; font-size: 28rpx; } /** * 超出隐藏 */ .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /** * 圆形图片 */ .radius80{ width: 80rpx; height: 80rpx; border-radius: 50%; } /** * 隐藏滚动条 */ /* vant样式 */ :root{ --van-primary-color : #60bda2 !important; /* --primary-two-color : #60bda2 !important; */ } .text-hidden-1{ text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .text-hidden-2{ text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }