page { background: #fff; } page image { display: block; box-sizing: border-box; } .demand-tabs{ display: flex; align-items: center; width: 100%; height: 90rpx; box-sizing: border-box; } .tabs-top .demand-tabs-item { width: 50%; font-size: 36rpx; color: #999; text-align: center; line-height: 88rpx; } .tabs-top .tabs-on { font-weight: 800; color: rgba(8, 94, 176, 1); border-bottom: 4rpx solid #085EB0; } .demand-swiper { width: 100%; height: calc(100vh - 90rpx); box-sizing: border-box; border-top: 1rpx solid rgba(231, 238, 238, 1); } .demand-tabs{ display: flex; align-items: center; width: 100%; height: 90rpx; box-sizing: border-box; } .tabs-top .demand-tabs-item { width: 50%; font-size: 36rpx; color: #999; text-align: center; line-height: 88rpx; } .tabs-top .tabs-on { font-weight: 800; color: rgba(8, 94, 176, 1); border-bottom: 4rpx solid #085EB0; } /* 浮动按钮 start */ movable-area { position: fixed; top: 0; right: 0; pointer-events: none; width: 250rpx; height: 100vh; } movable-view { pointer-events: auto; width: 100%; height: 100rpx; display: flex; align-items: center; box-sizing: border-box; padding-left: 10rpx; background: #FFFFFF; box-shadow: 1rpx 1rpx 20rpx 5rpx rgba(211,211,211,.5); border-radius: 50rpx 0 0 50rpx; -webkit-border-radius: 50rpx 0 0 50rpx; -moz-border-radius: 50rpx 0 0 50rpx; -ms-border-radius: 50rpx 0 0 50rpx; -o-border-radius: 50rpx 0 0 50rpx; } movable-view image { width: 80rpx; height: 80rpx; box-sizing: border-box; margin-right: 16rpx; } movable-view view { font-size: 30rpx; font-weight: 400; color: #333; } /* 浮动按钮 end */