@import "../../app.ttss"; .coupons { position: relative; width: 340rpx; display: inline-block; overflow: hidden; border-radius: 12rpx; } .earnest{ color: red; font-size: 24rpx; padding-left: 10rpx; } .coupons-border { height: 1rpx; left: 30rpx; right: 30rpx; background: #f5f5f5; position: absolute; bottom: 0; } .coupons-img image { display: block; width: 300rpx; height: 176rpx; margin: 20rpx auto 0; /* border-top-left-radius: 10rpx; border-top-right-radius: 10rpx; */ } .coupons-info { width: 90%; height: 152rpx; border-radius: 0rpx 0rpx 10rpx 10rpx; background: #fff; margin: 0 auto; } .coupons-info-name { font-size: 30rpx; color: #3c3c3c; letter-spacing: 0; line-height: 38rpx; } .coupons-info-price { padding: 16rpx 0 0; } .i { font-size: 24rpx; font-style: normal; } .coupons-info-price-p { display: inline-block; font-size: 50rpx; margin-bottom: 26rpx; width: 100%; } .price { font-size: 36rpx; font-family: PingFang-SC-Bold; font-weight: bold; line-height: 44rpx; margin-left: 16rpx; padding-top: 16rpx; color: #fd832d; width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rmb { font-size: 24rpx !important; margin-right: 4rpx !important; color: #FD782D!; } .num { color: #fd782d; } .tit { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 28rpx; line-height: 32rpx; padding-top: 20rpx; padding-left: 10rpx; color: #333; letter-spacing: 0; } .coupons-info-price-o { display: block; text-align: center; font-size: 26rpx; color: #b4b4b4; letter-spacing: 0.96rpx; text-decoration: line-through; line-height: 24rpx; } .coupons-info-distance { font-size: 22rpx; color: #c0c0c0; letter-spacing: 0; padding-bottom: 10rpx; line-height: 30rpx; } .coupons-info-address { font-size: 22rpx; color: #585858; letter-spacing: 0; line-height: 30rpx; } .coupons-btn { position: absolute; bottom: 0rpx; right: 24rpx; } .coupons-btn-gm { border-radius: 10px !important; margin: 0 !important; padding: 0 !important; font-size: 26rpx; color: #fff !important; letter-spacing: 0; height: 51rpx !important; width: 100rpx !important; line-height: 51rpx !important; background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%) !important; } .coupons-btn-gmX{ width: 116rpx !important; height: 52rpx !important; border-radius: 26rpx !important; line-height: 52rpx !important; background: linear-gradient(90deg, #E3BA79, #BC8D3E) !important; text-align: center !important; color: #feffff !important; font-family: "PingFangSC-Regular"; font-size: 26rpx !important; font-weight: 400 !important; margin: 0 !important; padding: 0 !important; } .coupons-btn-gms { background: #b9b9b9 !important; border-radius: 10px !important; opacity: 0.6; margin: 0 !important; padding: 0 !important; font-family: PingFangSC-Semibold; font-size: 26rpx; font-weight: 400; color: #fff !important; letter-spacing: 0; height: 51rpx !important; width: 100rpx !important; line-height: 51rpx !important; } .subtitle { font-size: 24rpx; color: #999; overflow: hidden; height: 24rpx; width: 65%; padding-left: 10rpx; line-height: 24rpx; white-space: nowrap; text-overflow: ellipsis; margin-top: 12rpx; } .coupons-info-manjian { font-weight: normal; font-size: 20rpx; line-height: 34rpx; display: inline-block; color: #ff4949; letter-spacing: 0; } .coupons-info-manjian1 { font-weight: normal; font-size: 20rpx; line-height: 22rpx; color: #919191; letter-spacing: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 300rpx; margin-top: 16rpx; } .coupons-info-manjian text { display: block; line-height: 20rpx; } .coupons-info-manjian > text:nth-of-type(1) { display: block; /* color: #FF4949; */ opacity: 0.6; } .view02 { font-size: 20rpx; line-height: 34rpx; text-decoration: line-through; color: #999 !important; font-weight: normal; letter-spacing: 0; margin-left: 10rpx; } .view01 { text-decoration: line-through; color: #999 !important; } .txt2 { display: block; color: #ccc; } /**上拉加载更多**/ .userinfo { display: flex; flex-direction: column; align-items: center; } .userinfo-avatar { width: 128rpx; height: 128rpx; margin: 20rpx; border-radius: 50%; } .fuhaoX{ color: #d5af67; font-family: "PingFangSC-Medium"; font-size: 34rpx; font-weight: 400; float: left; margin-top: 5rpx } .userinfo-nickname { color: #aaa; } .sy { display: block; text-align: right; width: 181rpx; font-size: 24rpx; color: #999; height: 40rpx; margin-top: 106rpx; } .usermotto { margin-top: 200px; } scroll-view { width: 100%; } .item { width: 90%; height: 300rpx; margin: 20rpx auto; background: brown; overflow: hidden; } .item .img { width: 430rpx; margin-right: 20rpx; float: left; } .title { font-size: 30rpx; display: block; margin: 30rpx auto; } .description { font-size: 26rpx; line-height: 15rpx; } .navigator-hover { opacity: 1 !important; background: #fff; } .hover { opacity: 0.6; } .navigator { display: inline-block; background: #fff; border-radius: 12rpx; position: relative; } .presell { position: absolute; width: 300rpx; height: 40rpx; background-color: rgba(247, 21, 21, 0.6); z-index: 100; top: 158rpx; line-height: 20px; text-align: center; color: #fff; margin-left: 20rpx; font-size: 26rpx; } .superscript { position: absolute; top: -10rpx; left: -12rpx; width: 86rpx; height: 86rpx; overflow: hidden; } /* 使用背景色渐变 */ .superscript .gradual { width: 100%; height: 100%; background: linear-gradient(135deg, #31b968 50%, transparent 50%); } /* 使用三角形 */ .superscript .triangle { width: 0; height: 0; border-top: 130rpx solid #31b968; border-right: 130rpx solid transparent; } /* 使用矩形旋转, 和父节点的 overflow:hidden 配合 */ .superscript .rect { width: 176rpx; height: 183rpx; margin: -91rpx 0 0 -91rpx; transform: rotateZ(45deg); } .superscript .desc { position: absolute; top: 29%; left: 16%; z-index: 1; color: #fff; font-size: 23rpx; transform: rotate(-45deg); } .saleprice { font-size: 24rpx; display: inline-block; margin-right: 10rpx; font-weight: 400; }