/* components/recommend/recommend.wxss */
.head .titleNav{justify-content: space-between;align-items: center;font-size: 36rpx;font-weight: bold;padding-bottom: 30rpx;padding-top: 30rpx;}
.head .titlenav text{font-size: 24rpx;color: #666;margin-left: 10rpx;font-weight: normal;}
.more{width: 16rpx;height: 27rpx;}
.imgtit{width: 100%; margin-bottom:20rpx; }
.jishida{margin-top: 0 !important;}
.jishida .imgtit{width: 100%; margin-bottom:10rpx; }
.tab{align-items: center;font-size: 28rpx;color: #666;}
.tab .li{width: 25%;text-align: center;position: relative;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.tab .li::after{content: '';display: block;width: 2rpx;height: 28rpx;background: #D2D2D2;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.tab .li:first-child::after{display: none;}
.tab .li.active{color: var(--mina) !important;}
.tabcon{flex-wrap: wrap;margin-top: 20rpx;}
.tabcon .li{width: 50%;}