/* healthyService/pages/healthyIntro/healthyIntro.wxss */ .page{ margin-top: 172rpx; padding-bottom:100rpx; position: relative; } .btn{ position: absolute; left: 50%; margin-left: -232rpx; width:464rpx; height: 86rpx; bottom:200rpx; } .bg{ width:100%; } .top{ position: absolute; top:20rpx; width:100%; display: flex; justify-content: center; padding:20rpx 0; } .top .up{ width:40rpx; height:22rpx; transition: all 0.5s; } .top .up.active{ transform: rotate(180deg); } .popname{ margin-top: 60rpx; padding:20rpx 52rpx 30rpx; font-size: 34rpx; color:#333; border-bottom: 1px solid #E7E7E7; } .popwrper{ top:0rpx; background-color: #fff; position: absolute; transition: height 0.5s; width:100%; border-radius: 20rpx; overflow: hidden; height:100%; bottom:0px; }