.modulationPage { background-color: rgba(255, 255, 255, 1); position: relative; width: 100%; height: calc(100vh - 44px); overflow: hidden; .van-slider { width: 92%; height: 4px; margin: 0 auto; margin-top: 35px; background-color: #dfdfe5; .van-slider__bar { background-color: #2c87c8; } .van-slider__button { background-color: #2c87c8; width: 16px; height: 16px; } } .volumeChangeButton { background-color: #2c87c8; width: 220px; height: 34px; margin: 49px auto; .van-button__text { font-size: 15px; } } .wrap1 { width: 100%; height: 274px; .box2 { background-color: rgba(255, 255, 255, 1); z-index: 23; height: 54px; margin-top: 1px; width: 100%; position: relative; .section3 { width: 162px; height: 20px; margin: 17px 0 0 15px; .box3 { background-color: #5a9cc8; border-radius: 2px; width: 4px; height: 12px; margin-top: 4px; } .info1 { width: 150px; height: 20px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; font-family: PingFangSC-Medium; text-align: left; white-space: nowrap; line-height: 20px; display: block; } } .img1 { z-index: 31; position: absolute; left: 0; top: 53px; width: 100%; height: 2px; } } .box4 { width: 45%; height: 14px; margin: 19px 0 0 15px; .word3 { width: auto; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 1px; display: block; } .word4 { width: auto; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 15px; font-family: PingFangSC-Medium; text-align: left; white-space: nowrap; line-height: 15px; display: block; } } } }