<view class="content-tuijian">

    <view class="tuijian-title">{{content.cat_name}}</view>

    <view>

        <scroll-view class="recommend_scroll_x_box" scroll-x="true">

            <view class="recommend_hot_box" wx:for="{{tuijian}}" bindtap="goContent" data-id="{{item.id}}">

                <image src="{{item.thumb}}" class="recommend_hot_image"></image>

                <view style='margin-top: 30rpx;'></view>

                <view class="re-title">{{item.title}}</view>

            </view>

        </scroll-view>

    </view>

</view>

.content-tuijian {

margin-left: 0rpx;

margin-top: 0rpx;

}

.tuijian-title {

margin-bottom: 30rpx;

margin-top: 30rpx;

}

.recommend_scroll_x_box {

white-space: nowrap;

display: flex;

}

.recommend_hot_box {

position: relative;

/* width: 750rpx;  */

width: 100%;

height: 400rpx;

margin-right: 0rpx;

margin-left: 0rpx;

display: inline-block;

}

.recommend_hot_image {

margin-left: 25rpx;

width: 700rpx;

height: 380rpx;

border-radius: 10rpx;

margin-bottom: 70rpx;

}

.re-title {

height: 0rpx;

line-height: 0rpx;

white-space: pre-line;

position: absolute;

bottom: -26rpx;

font-size: 34rpx;

font-weight: bold;

padding-top: 50rpx;

margin-top: 30rpx;

margin-left: 30rpx;

}