.header{ background: #fff; padding: 24rpx; position: sticky; top: 0; } .search{ background-color: #f1f1f1; border-radius: 10rpx; padding:8rpx 10rpx; } .search input{ background-color: #f1f1f1; font-size: 26rpx; } .search image{ width: 30rpx; height: 30rpx; margin-left: 10rpx; } .li{ background-color: #fff; } .img-left{ margin: 0 28rpx; background-color: rgba(38, 162, 255, 0.1); padding: 10rpx; border-radius: 50%; width: 90rpx; height: 90rpx; text-align: center; box-sizing: border-box; } .img-tx{ margin: 0 28rpx; } .img-left image{ width: 50rpx; height: 50rpx; position: relative; top: 5rpx; } .img-right{ width: 24rpx; height: 24rpx; margin-right: 28rpx; } .li-right{ padding: 32rpx 0; } .logo{ width: 100rpx; height: 100rpx; border-radius: 6rpx; margin-right: 20rpx; } .name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20rpx; font-size: 36rpx; } .title2{ font-size: 28rpx; padding: 20rpx 28rpx; } .shu{ padding:24rpx 28rpx; font-size: 28rpx; color: #26A2FF; padding-top: 0rpx; } .shu view:last-child{ color: #ccc; } .footer{ position: fixed; left: 0; right: 0; bottom: 0; background: rgba(245, 247, 250, 1); padding: 10rpx; /* border-top: 1px solid #f1f1f1; */ } .footer view{ border-radius: 6rpx; background: #fff; color: #26A2FF; height: 88rpx; text-align: center; line-height: 88rpx; border:1px solid #f1f1f1; }