.link { padding: 30rpx 40rpx; position: relative; font-family: PingFangSC-Semibold, PingFang SC; .hxj { font-size: 40rpx; font-weight: 600; color: #e7dac1; background: angular-gradient(180deg, #e1cfaf 0%, #fefffe 100%); -webkit-background-clip: text; // -webkit-text-fill-color: transparent; } .title { font-weight: 500; color: #121212; font-size: 32rpx; position: relative; z-index: 2; .hxjImg { width: 249rpx; height: 31rpx; position: absolute; top: -9rpx; left: 1rpx; z-index: -1; } } .title1 { font-weight: 500; font-size: 26rpx; position: relative; color: #121212; z-index: 2; } .tyx { width: 37rpx; height: 37rpx; position: absolute; top: 26rpx; left: 24rpx; z-index: 1; } .d6 { width: 32rpx; height: 17rpx; position: absolute; top: 40rpx; left: 234rpx; z-index: 1; } .subtitle { height: 34rpx; font-size: 24rpx; font-weight: 400; color: #a7a7a7; line-height: 34rpx; } .coupon_1 { width: 15rpx; height: 15rpx; margin-left: 25rpx; } .coupon_sub { font-size: 20rpx; font-weight: 400; color: #999999; line-height: 28rpx; letter-spacing: 3rpx; margin-left: 25rpx; } .link-more{ font-size: 25rpx; font-weight: 500; color: #989898; image{ width: 12rpx; height: 19rpx; margin-left: 6rpx; } } } .pd_list { padding: 0 0 0 40rpx; .box { height: 250rpx; width: 207rpx; border-radius: 20rpx; overflow: hidden; position: relative; z-index: 2; margin-right: 20rpx; .image-bg { position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .text { width: 87rpx; height: 33rpx; background: #b19d60; border-radius: 0px 70rpx 70rpx 17rpx; opacity: 0.2; font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #a7824b; line-height: 33rpx; text-shadow: 0px 0px 8rpx rgba(0, 0, 0, 0.17); } } .tag_list { margin-top: 20rpx; .tag { background-color: rgba(238, 235, 222, 1); color: rgb(167, 133, 79); border-radius: 0 50% 50% 50%; font-size: 24rpx; padding: 10rpx 20rpx; } } } .lg_list { .item { padding: 0 40rpx; padding-bottom: 40rpx; position: relative; .imgBox { width: 100%; height: 500rpx; border-radius: 40rpx 0 0 0; z-index: 1; } .b_card { width: 650rpx; height: 130rpx; position: absolute; bottom: 25rpx; left: 50%; transform: translateX(-50%); z-index: 2; background-color: #fff; border-radius: 20rpx; padding: 20rpx 30rpx; box-shadow: 6px 40px 100px 4px #eaeef0; .left { display: flex; flex-flow: column; justify-content: space-around; .title { font-size: 24rpx; font-weight: 500; color: #0e0e0e; line-height: 34rpx; } .desc { font-size: 24rpx; font-weight: 400; color: #a7a7a7; line-height: 34rpx; } } .right { display: flex; align-items: center; .price { display: flex; align-items: flex-end; color: #000; font-size: 40rpx; font-family: Helvetica; color: #0e0e0e; .rmb { padding-bottom: 10rpx; font-size: 18rpx; font-family: Helvetica; color: #0e0e0e; } .dw { padding-bottom: 10rpx; font-size: 18rpx; font-weight: 500; color: #a7a7a7; } } } } } } .more { width: 167rpx; height: auto; padding: 30rpx 0; font-size: 20rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999; line-height: 28rpx; letter-spacing: 3rpx; margin: 0 auto; text-align: center; image { width: 167rpx; height: 11rpx; } .viewmore1 { width: 51rpx; height: 51rpx; } .viewmore1_color { color: #a7824b; line-height: 34rpx; letter-spacing: 5rpx; } .viewmore2 { width: 28rpx; height: 28rpx; } } .more1 { width: 320rpx; height: 85rpx; border-radius: 43rpx; border: 1rpx solid #b39978; margin: 65rpx auto 100rpx; font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #a7824b; line-height: 85rpx; image { width: 28rpx; height: 28rpx; margin-left: 12rpx; } } .coupon { padding: 0 45rpx 0 40rpx; .item { width: 320rpx; height: 200rpx; overflow: hidden; border-radius: 20rpx; margin-right: 25rpx; position: relative; background-image: url(https://t17.9026.com/web/statics/image/index/coupon_masking.png); background-size: 310rpx 200rpx; .Wb { display: flex; flex-flow: column; justify-content: space-around; padding: 17rpx 0 17rpx 37rpx; .price { font-size: 40rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #b19d60; text { font-size: 24rpx; } } .yxq { font-size: 18rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #c1c2c1; } } } } .hxdz { .q { height: 385rpx; padding: 0 45rpx 0 40rpx; .l { margin-right: 25rpx; width: 320rpx; height: 385rpx; padding: 27rpx 31rpx; border-radius: 20rpx; position: relative; overflow: hidden; z-index: 1; image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; } } .r1 { width: 320rpx; height: 180rpx; padding: 27rpx 31rpx; border-radius: 20rpx; position: relative; overflow: hidden; z-index: 1; image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; } } .r2 { width: 320rpx; height: 180rpx; padding: 27rpx 31rpx; border-radius: 20rpx; position: relative; overflow: hidden; z-index: 1; image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; } } } .w { padding: 0 0 0 40rpx; margin-top: 36rpx; .item { width: 320rpx; margin-right: 25rpx; image { width: 320rpx; height: 250rpx; } } } } .group_list { .item { padding: 0 15rpx; margin-bottom: 40rpx; .imgBox { width: 100%; height: 404rpx; position: relative; .img { position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 20rpx; } } .b_card { width: 500rpx; height: 130rpx; margin: -65rpx auto 0; background-color: #fff; border-radius: 20rpx; padding: 20rpx 30rpx; box-shadow: 6px 40px 100px 4px #eaeef0; .left { .i { width: 49rpx; height: 52rpx; border-radius: 8rpx; border: 1rpx solid #0e0e0e; font-size: 24rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #0e0e0e; line-height: 52rpx; text-align: center; } .q { font-size: 24rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #0e0e0e; line-height: 52rpx; margin: 0 7rpx; } } .right { display: flex; align-items: center; .price { display: flex; align-items: flex-end; color: #000; font-size: 40rpx; font-family: Helvetica; color: #0e0e0e; .rmb { padding-bottom: 10rpx; font-size: 18rpx; font-family: Helvetica; color: #0e0e0e; } .dw { padding-bottom: 10rpx; font-size: 18rpx; font-weight: 500; color: #a7a7a7; } } } } } } .hxzy { padding: 0 40rpx; .top { margin-top: 20rpx; height: 296rpx; position: relative; .dbo { width: 379rpx; height: 204rpx; background: #fefffe; padding: 31rpx 37rpx; position: absolute; bottom: 0; left: 0; .text { font-size: 26rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #252526; } .category { font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #b39978; } } } .bottom { margin-top: 40rpx; .item { width: 320rpx; margin-bottom: 35rpx; border-radius: 20rpx; .cover { width: 320rpx; height: 250rpx; } } & > .item:nth-child(2n-1) { margin-right: 25rpx; } } } .bottom_logo { text-align: center; padding: 50rpx 0; image { width: 135rpx; height: 46rpx; } .text { font-variant: small-caps; font-size: 16rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999; line-height: 22px; letter-spacing: 10rpx; } } .title_2 { font-weight: 600; font-family: PingFangSC-Regular, PingFang SC; color: #000; font-size: 24rpx; font-weight: 500; color: #0e0e0e; } .desc_2 { color: #5a5a5a; font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #a7a7a7; } .borradu_20 { border-radius: 20rpx; } .mt_20 { margin-top: 20rpx; } .price { display: flex; align-items: flex-end; color: #000; font-size: 40rpx; font-family: Helvetica; color: #0e0e0e; .rmb { padding-bottom: 10rpx; font-size: 18rpx; font-family: Helvetica; color: #0e0e0e; } .dw { padding-bottom: 10rpx; font-size: 18rpx; font-weight: 500; color: #a7a7a7; } } .price20 { display: flex; align-items: center; font-size: 20rpx; font-weight: 500; color: #222; .rmb { padding-bottom: 0; font-size: 14rpx; color: #222; font-weight: 400; } .dw { padding-bottom: 10rpx; font-size: 14rpx; font-weight: 500; color: #a7a7a7; } }