/* pages/recommend/recommend.wxss */


.recommend {
  width: 100%;
  padding: 0 15rpx;
  box-sizing: border-box;
}

.unfold {
    position: absolute;
    right: 28rpx;
    bottom: 10rpx;
    font-size: 28rpx;
    color: #93AAFA;
}

.recommend-exchange, 
.recommend-strategy {
  width: 100%;
  margin: 15rpx 0;
  padding-bottom: 32rpx;
  border-radius: 25rpx;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}

.auto-img {
    width: 100%;
    height: 404rpx;
}

swiper {
    height: 404rpx;   
}

.auto-img image {
    width: 100%;
    height: 100%;
}

.this-week {
    display: flex;
    margin-top: 25rpx;
    padding: 0 25rpx;
    box-sizing: border-box;
}

.this-week image {
  width: 86rpx;
  height: 86rpx;
}

.medal-name {
    display: flex;
    flex-direction: column;
    margin: 8rpx  16rpx;
}

.medal-name text:nth-child(1) {
    height: 38rpx;
    font-size: 36rpx;
    font-weight: 600;
}

.medal-name text:nth-child(2) {
    height: 30rpx;
    margin-top: 10rpx;
    font-size: 28rpx;
    color: #bebebe;
    
}

.get-gem {
    margin-top: 30rpx;
    padding: 0 30rpx;       
}

.get-medal {
    padding: 0 30rpx;       
}

.get-gem text, .get-medal text {
    display: block;
    margin-top: 15rpx;
    font-size: 28rpx;
    line-height: 48rpx;
}

.recommend-strategy {
    position: relative;    
    padding-bottom: 80rpx;
}

.strategy-con {
    margin-top: 26rpx;
}

.strategy-con view {
    display: block;
    font-size:28rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    padding: 0 30rpx;
}

.none {
    display: none;
}