- page{padding:0}.integral-mall .header{padding:22rpx 24rpx}.red_theme .integral-mall .header{background-color:#ff2c3c}.orange_theme .integral-mall .header{background-color:#f7971e}.pink_theme .integral-mall .header{background-color:#fa444d}.gold_theme .integral-mall .header{background-color:#e0a356}.blue_theme .integral-mall .header{background-color:#2f80ed}.green_theme .integral-mall .header{background-color:#2ec840}.integral-mall .main .sort-bar{height:80rpx}.integral-mall .main .sort-bar .sort-bar-item{height:100%}.red_theme .integral-mall .main .sort-bar .sort-bar-item.active{color:#ff2c3c}.orange_theme .integral-mall .main .sort-bar .sort-bar-item.active{color:#f7971e}.pink_theme .integral-mall .main .sort-bar .sort-bar-item.active{color:#fa444d}.gold_theme .integral-mall .main .sort-bar .sort-bar-item.active{color:#e0a356}.blue_theme .integral-mall .main .sort-bar .sort-bar-item.active{color:#2f80ed}.green_theme .integral-mall .main .sort-bar .sort-bar-item.active{color:#2ec840}.integral-mall .main .sort-bar .arrow-icon{-webkit-transform:scale(.4);transform:scale(.4)}.integral-mall .main .goods-lists{padding:20rpx 20rpx 0;margin:-8rpx;display:flex;flex-wrap:wrap}.integral-mall .main .goods-lists .goods-item{width:50%}.integral-mall .main .goods-lists .goods-item .goods-item-info{margin:8rpx;border-radius:14rpx;background:#fff;overflow:hidden}.integral-mall .main .goods-lists .goods-item .goods-item-info .goods-image{flex:none;position:relative;height:0;padding-top:100%}.integral-mall .main .goods-lists .goods-item .goods-item-info .goods-image .image-wrap{position:absolute;top:0;left:0;right:0;bottom:0}.integral-mall .main .goods-lists .goods-item .goods-item-info .goods-info{padding:14rpx}.integral-mall .main .goods-lists .goods-item .goods-item-info .goods-info .goods-name{line-height:40rpx;height:80rpx}.integral-mall .main .goods-lists--one .goods-item{width:100%}.integral-mall .main .goods-lists--one .goods-item .goods-item-info{display:flex}.integral-mall .main .goods-lists--one .goods-item .goods-item-info .goods-image{width:200rpx;padding-top:200rpx}.integral-mall .main .goods-lists--one .goods-item .goods-item-info .goods-info{padding:24rpx 20rpx}
|
