/* pages/pbService/museum/info/index.wxss */ .main-img { display: block; width: 100%; } .subtitle { display: flex; align-items: center; color: #333; font-size: 28rpx; height: 70rpx; } .subtitle image { display: block; width: 30rpx; margin-right: 18rpx; flex-shrink: 0; } .top-info { position: relative; z-index: 1; margin-top: -20rpx; border-radius: 20rpx 20rpx 0 0; background: white; padding: 30rpx; } .top-info .title { color: #0B898E; font-size: 48rpx; font-weight: bold; margin-bottom: 40rpx; } .logo { position: absolute; right: 49rpx; bottom: 19rpx; width: 204rpx; display: block; } .content { position: relative; background: #0B898E; padding: 30rpx; padding-bottom: 50rpx; } .content .tip { color: #fff; font-size: 32rpx; font-weight: bold; line-height: 80rpx; } .content .detail { padding: 20rpx; border-radius: 10rpx; background: white; margin-top: 20rpx; } .titleimg { position: absolute; left: 0; display: block; width: 100%; top: 20rpx; } .bottomimg { position: absolute; left: 0; bottom: 0; display: block; width: 100%; } .mypage { background: #0B898E; min-height: 100vh; position: relative; }