.page{ padding-top: 1rpx; } .head{ color:#fff; background-color: cornflowerblue; text-align: center; } .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; height: 100%; width: 200rpx; border-right: 1rpx solid #eeeeee; position: fixed; background: #ffffff; } .listWrap{ overflow: hidden; margin-top:0px; padding-left: 200rpx; background: #ffffff; } .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{ display: inline-block; background: #438afc; color: #ffffff; text-align: center; border-radius: 10rpx; font-size: 24rpx; padding: 10rpx 40rpx; margin-top: 40rpx; } .weui-media-box__thumb{ width: 60rpx; height: 80rpx; } .infoViewWrap{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: rgba(255,255,255,.5); } .infoView{ width: 90%; padding: 50rpx 40rpx; top: 200rpx; position: absolute; left: 5%; border-radius: 20rpx; box-sizing: border-box; background-color: #ffffff; box-shadow: 0 0 25rpx 5rpx #dddddd; } .infoItem{ font-size: 30rpx; color: #666666; padding-top: 30rpx; } .itemLeft{ width: 160rpx; display: inline-block; } .closeIcon{ position: relative; top: 150rpx; border-radius: 38rpx; } .iconImg{ width: 50rpx; height: 50rpx; margin: auto; line-height: 44rpx; border-radius: 28rpx; background-color: #ffffff; border: 4rpx solid #666666; box-shadow: 0 0 25rpx 10rpx #ffffff; } .page,.page__bd{height:100%} .page__bd{padding-bottom:0} .weui-tab__content{padding-top:60px;text-align:center} .weui-tab__panel{padding:32px}