.page{ padding-top: 105rpx; } .head{ color:#fff; background-color: cornflowerblue; text-align: center; } .searchWrap { padding: 20rpx 40rpx; display: flex; border-bottom: 2rpx solid #eeeeee; position: fixed; top: 0; width: 100%; z-index: 100; } .searchInput{ height: 70rpx; line-height: 70rpx; padding: 10rpx 20rpx; box-sizing: border-box; border-radius: 35rpx; background-color: #f6f6f6; } .searchBtn{ flex-shrink:0; width: 120rpx; text-align: center; height: 70rpx; line-height: 70rpx; } .tabItem{ height: 100rpx; line-height: 100rpx; text-align: center; position: relative; background-color: #f6f6f6; } .activeType{ background-color: #ffffff; } .activeLine{ height: 60rpx; width: 10rpx; position: absolute; top: 20rpx; background-color: #438af4; } .tabWrap{ float: left; width: 200rpx; border-right: 1rpx solid #eeeeee; position: fixed; top: 90rpx; } .listWrap{ overflow: hidden; margin-top:0px; padding-left: 200rpx; } .listItemWrap{ position: relative; padding:20rpx 20rpx 0 20rpx; } .listItemImg{ float: left; width: 120rpx; } .listItemImg>image{ width: 80rpx; } .listItemText{ padding-bottom: 20rpx; overflow: hidden; border-bottom: 2rpx solid #eeeeee; } .downloadBtn{ position: absolute; right: 10px; width: 90rpx; background: #438afc; color: #ffffff; text-align: center; border-radius: 10rpx; font-size: 24rpx; bottom: 0; transform: translateY(-50%); } .weui-media-box__thumb{ width: 60rpx; height: 80rpx; } .page,.page__bd{height:100%} .page__bd{padding-bottom:0} .weui-tab__content{padding-top:60px;text-align:center} .weui-tab__panel{padding:32px}