@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ .other .other-1 { font-size: 27rpx; color: #333333; line-height: 55rpx; } .other .preferred_item { width: 100%; height: 100%; padding: 25rpx 25rpx; position: relative; background-color: #FFFFFF; -webkit-border-radius: 15rpx; border-radius: 15rpx; margin-bottom: 15rpx; } .other .preferred_item .tlist-img { width: 225rpx; position: relative; margin-right: 15rpx; } .other .preferred_item .tlist-img .leftImgIcon { position: absolute; top: 0; left: 0; font-size: 22rpx; font-family: PingFangSC; color: #944722; background: #fef26f; z-index: 99; -webkit-border-radius: 5rpx; border-radius: 5rpx; padding: 5rpx 10rpx; } .other .preferred_item .tlist-img .img { width: 210rpx; height: 210rpx; } .other .preferred_item .tlist-img .img image { width: 100%; height: 100%; -webkit-border-radius: 20rpx; border-radius: 20rpx; } .other .preferred_item .tlist-img .stock { margin-top: 13rpx; font-size: 26rpx; background: #fff1ee; width: 100%; color: #fb4912; padding: 6rpx 0; -webkit-border-radius: 5rpx; border-radius: 5rpx; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: absolute; left: 0; bottom: 0; } .other .preferred_item .tlist-img .stock .img { width: 20rpx; height: 20rpx; -webkit-flex-shrink: 0; flex-shrink: 0; } .other .preferred_item .tlist-img .stock .stock-num { padding-left: 7rpx; font-size: 22rpx; -webkit-border-radius: 5rpx; border-radius: 5rpx; height: 32rpx; line-height: 32rpx; } .other .preferred_item .goods_name .goods_title { padding-top: 15rpx; color: black; font-size: 32rpx; color: #303133; -webkit-box-align: baseline; -webkit-align-items: baseline; align-items: baseline; } .other .preferred_item .goods_name .goods_title .text { -webkit-border-radius: 8rpx; border-radius: 8rpx; border: 2rpx solid #FF1A27; color: #FF1A27; padding: 0rpx 10rpx; font-size: 26rpx !important; margin-right: 15rpx; } .other .preferred_item .goods_name .goods_title .title { width: 80%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .other .preferred_item .goods_name .goods-height { min-height: 60rpx; } .other .preferred_item .goods_name .goods_num { font-size: 26rpx; color: #8f8f97; padding-bottom: 15rpx; } .other .preferred_item .goods_name .goods-peplo { height: 45rpx; margin-top: 15rpx; } .other .preferred_item .goods_name .goods-peplo .right { color: #8e8e8e; font-size: 24rpx; width: 195rpx; } .other .preferred_item .goods_name .goods-peplo .right image { width: 30rpx; height: 33rpx; margin-right: 15rpx; } .other .preferred_item .goods_name .goods-peplo .goods-tip .peplo { background: -webkit-linear-gradient(76deg, #ff7425, #ff1e29); background: linear-gradient(14deg, #ff7425, #ff1e29); padding: 5rpx 10rpx; color: #ffffff; -webkit-border-top-left-radius: 8rpx; border-top-left-radius: 8rpx; -webkit-border-bottom-left-radius: 8rpx; border-bottom-left-radius: 8rpx; } .other .preferred_item .goods_name .goods-peplo .goods-tip .make { background-color: #fef26f; color: #944722; -webkit-border-top-right-radius: 8rpx; border-top-right-radius: 8rpx; -webkit-border-bottom-right-radius: 8rpx; border-bottom-right-radius: 8rpx; } .other .preferred_item .goods_name .goods-peplo .goods-tip .make, .other .preferred_item .goods_name .goods-peplo .goods-tip .peplo { font-size: 24rpx; padding: 5rpx 10rpx; } .other .preferred_item .goods_name .price { font-size: 28rpx; position: relative; padding-top: 15rpx; } .other .preferred_item .goods_name .price .price_list .price-red { font-size: 30rpx !important; font-family: Source Han Sans CN; color: #fd1b2a; font-size: 28rpx; font-weight: bold; } .other .preferred_item .goods_name .price .price_list .price-red .moneyIcon { font-weight: normal !important; } .other .preferred_item .goods_name .price .price_list .price-red .money { font-size: 58rpx; } .other .preferred_item .goods_name .price .price_list .price-red .moneyType { font-weight: 400; } .other .preferred_item .goods_name .price .price_list .price-red .outMoney { font-weight: 400; text-decoration: line-through; color: #8e8e8e; } .other .preferred_item .goods_name .price .price_list .price-green { color: #2dbd59; font-size: 26rpx !important; font-weight: bold; } .other .preferred_item .goods_name .price .price_list .price-green text { background: -webkit-linear-gradient(45deg, #15c534, #15c534); background: linear-gradient(45deg, #15c534, #15c534); color: #ffffff; padding: 0rpx 10rpx; -webkit-border-radius: 7rpx; border-radius: 7rpx; font-size: 24rpx !important; margin-left: 15rpx; } .other .preferred_item .goods_name .price .img { width: 265rpx; height: 74rpx; line-height: 74rpx; background: -webkit-gradient(linear, right top, left top, from(#b574f2), to(#8b56fe)); background: -webkit-linear-gradient(right, #b574f2 0%, #8b56fe 100%); background: linear-gradient(270deg, #b574f2 0%, #8b56fe 100%); -webkit-border-radius: 99rpx; border-radius: 99rpx; color: #ffffff; font-size: 32rpx; text-align: center; } .other .preferred_item .goods_name .price .img1 { background-color: #D3D3D3; width: 265rpx; height: 74rpx; line-height: 74rpx; -webkit-border-radius: 99rpx; border-radius: 99rpx; color: #ffffff; font-size: 32rpx; text-align: center; } .other .preferred_item .goods_name .price .tomorrow { background: #29a66e; color: #ffffff; -webkit-border-radius: 25rpx; border-radius: 25rpx; padding: 10rpx 25rpx; } .other .other-2 { width: 100%; background: #ffffff; padding: 10rpx 15rpx; -webkit-border-radius: 20rpx; border-radius: 20rpx; } .other .other-2 .content-row { padding: 10rpx 0; } .other .other-2 .content-row .row-1 { width: 210rpx; position: relative; margin-right: 20rpx; text-align: center; } .other .other-2 .content-row .row-1 .row-1-1 { text-align: center; height: 40rpx; background: #fff1ee; -webkit-border-radius: 6rpx; border-radius: 6rpx; font-size: 22rpx; font-weight: 500; color: #fb4912; line-height: 40rpx; } .other .other-2 .content-row .row-1 .row-1-1 image { width: 23rpx; height: 23rpx; margin-right: 5rpx; } .other .other-2 .content-row .row-1 .img1 { width: 170rpx; height: 170rpx; -webkit-border-radius: 10rpx; border-radius: 10rpx; } .other .other-2 .content-row .row-1 .img2 { position: absolute; top: 0; left: 16rpx; width: 80rpx; height: 32rpx; -webkit-border-radius: 5px; border-radius: 5px; } .other .other-2 .content-row .row-2 { padding: 20rpx 0 20rpx 0; width: calc(100% - 210rpx); position: relative; border-bottom: 1px solid #EAEAEA; } .other .other-2 .content-row .row-2 .word-1 { font-size: 32rpx; font-weight: bold; color: #141821; margin-left: 10rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .other .other-2 .content-row .row-2 .word-2 { margin-top: 10rpx; font-size: 24rpx; color: #979797; } .other .other-2 .content-row .row-2 .word-3 { margin-top: 10rpx; position: relative; font-size: 20rpx; color: #ffffff; } .other .other-2 .content-row .row-2 .word-3 image { width: 235rpx; height: 50rpx; } .other .other-2 .content-row .row-2 .word-3 .word-3-1 { position: absolute; top: 8px; left: 2px; width: 230rpx; text-align: center; } .other .other-2 .content-row .row-2 .word-3 .word-3-1 .word-3-1-1 { display: inline-block; color: #FD1B2A; width: 50%; } .other .other-2 .content-row .row-2 .word-4 { margin-top: 15rpx; font-size: 23rpx; color: #fd1b2a; margin-left: 10rpx; } .other .other-2 .content-row .row-2 .word-4 text { font-size: 23rpx; font-weight: bold; } .other .other-2 .content-row .row-2 .word-4 .word-4-1 { font-size: 36rpx; } .other .other-2 .content-row .row-2 .word-5 { margin-top: 15rpx; font-size: 21rpx; color: #868686; } .other .other-2 .content-row .row-2 .button { width: 145rpx; height: 60rpx; background: -webkit-linear-gradient(76deg, #ff7425, #ff1e29); background: linear-gradient(14deg, #ff7425, #ff1e29); -webkit-border-radius: 30rpx; border-radius: 30rpx; font-size: 27rpx; font-weight: bold; color: #ffffff; line-height: 60rpx; text-align: center; position: absolute; bottom: 20rpx; right: 0; }