.header{ border-top:1rpx solid #e3e3e3; padding:32rpx 24rpx; } .data-list{ background: #fff; border-bottom:1rpx solid #e3e3e3; } .data-list .data-item{ padding-right: 24rpx; } .data-list .data-item .item-icon{ padding: 0 40rpx; } .data-list .data-item .item-line{ width: 2rpx; background: #e3e3e3; position: relative; } .data-list .data-item .item-line:nth-of-type(1){ height: 42rpx; } .data-list .data-item .item-line wx-image{ position: absolute; left: -5rpx; z-index: 9; top: -6rpx; } .data-list .data-item .item-line wx-image.point-green{ display: none; } .data-list .data-item:first-child .item-line wx-image.point-green{ display: block; } .data-list .data-item:first-child .item-line:nth-of-type(1){ opacity: 0; } .data-list .data-item:last-child .item-line:nth-of-type(3){ opacity: 0; } .data-list .data-item .item-content{ padding: 28rpx 0; border-bottom: 1rpx solid #eee; color: #888; } .data-list .data-item:first-child .item-content{ color: #25ae5f; } .data-list .data-item:last-child .item-content{ border-bottom: none; } .no-data{ padding: 24rpx; text-align: center; color: #888; }