/* 团购样式5 */ .groupon_goods5-pading{ padding: 20rpx 30rpx 0; } .groupon_goods5-list { flex-wrap: nowrap; } .groupon_goods5-list-item .groupon_goods5-image { width: 250rpx; height: 250rpx; background-repeat: no-repeat; background-position: center; background-size: 250rpx 250rpx; } .groupon_goods5-title{ height: 2.6em; line-height: 1.3em; } .groupon_goods5-price .now-price { color: #f64031; } .groupon_goods5-price .old-price { color: #CCCCCC; text-decoration: line-through; } /* 通用商品 */ .public_goods_goods-price .now-price { color: #f64031; } .public_goods_goods-price .old-price { color: #CCCCCC; text-decoration: line-through; margin-left: 30rpx; } /* 商家信息2 */ .store-two-main .store-two-left { width: 170rpx; height: 170rpx; background-position: center; background-size: 170rpx 170rpx; background-repeat: no-repeat; flex-shrink: 0; } .store-two-main .store-two-right { width: 100%; } .store-two-right .store-two-title { height: 2.6em; line-height: 1.3em; width: 400rpx; } .store-two-score .icon-shoucangxiao { font-size: 28rpx; color: rgb(255, 153, 0); } .store-two-score .icon-shoucangxiao>text { margin-left: 10rpx; color: red; } .store-time-tag{ padding: 3rpx 10rpx; background-color: rgba(0,0,0,0.3); color: #FFFFFF; position: absolute; left: 20rpx; bottom: 20rpx; font-size: 24rpx; border-radius: 6rpx; } /* 抢购6 */ .diy-goods3-item .goods3-item-image { width: 100%; height: 400rpx; background-repeat: no-repeat; background-position: center; background-size: 100% 400rpx; border-radius: 10rpx 10rpx 0 0; } .goods3-item-image .goods-image-gift { position: absolute; left: 0; top: 40rpx; background-color: #27ce00; border-radius: 0 8rpx 8rpx 0; padding: 6rpx 10rpx; } .goods3-price .goods3-nowPrice { color: red; } .goods3-price .goods3-oldPrice { text-decoration: line-through; color: #8c8b8b; } .goods-all-vip .goods-all-vip-label { color: #DDCDA0; padding: 0 2rpx 0 2rpx; background-color: #363636; border-radius: 6rpx; } .goods-all-vip .goods-all-vip-price { color: #363636; } /* 招聘统计 */ .invite-statistics{ padding: 10rpx 30rpx; } .invite-statistics-item{ /* padding: 30upx; */ border-radius: 20rpx; /* border: 1upx; */ width: 25%; border: 1rpx solid #EEEEEE; margin-right: 20rpx; } .statistics-item-num{ font-size: 36rpx; padding: 30rpx 30rpx 0; font-family: DINPro; font-weight: bold; color: #333333; } .statistics-item-class{ padding: 0 0rpx; font-size: 24rpx; height: 40rpx; font-family: PingFang SC; font-weight: 500; color: #BBBBBB; text-align: center; } .statistics-item-img{ height: 90rpx; position: relative; border-radius: 0 0 20rpx 0rpx; } .statistics-item-image{ width: 60rpx; height: 60rpx; position: absolute; right: 0rpx; bottom: 1rpx; border-radius: 0 0 20rpx 0rpx; } .enterprise-img{ width: 120rpx; height: 120rpx; border-radius: 10rpx; } .enterprise-name{ font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #333333; } .enterprise-nature{ font-size: 24rpx; font-family: PingFang SC; color: #999999; padding: 6rpx 0; } .enterprise-content{ padding-left: 20rpx; } .enterprise-item{ padding: 30rpx 0; border-bottom: 1rpx solid #EEEEEE; } .enterprise-item:last-child{ border: none; } .enterprise2-title{ font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #333333; flex: 0.5; } .enterprise2-more{ text-align: right; font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #999999; flex: 0.5; } .enterprise2-item{ width: 240rpx; height: 340rpx; background-color: #B4B5C7; border-radius: 15rpx; margin-right: 30rpx; } .enterprise2-item-img{ width: 240rpx; height: 200rpx; border-radius: 15rpx 15rpx 0 0rpx; } .enterprise2-item-name{ font-size: 32rpx; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; padding: 20rpx 20rpx; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .enterprise2-item-invite{ font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; /* padding-bottom: 20upx; */ padding: 0 20rpx 20rpx; } .enterprise2-box{ overflow-y: scroll; padding: 30rpx 0 10rpx; display: flex; } .recruit_enterprise2-box{ /* overflow: auto; */ overflow: hidden; } .recruit_recruit-name{ font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #333333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex: 0.5; } .recruit_recruit-top{ padding: 1rpx 6rpx; background-color: #FF4444; color: #FFFFFF; font-size: 24rpx; font-weight: 500; border-radius: 4rpx; margin-left: 20rpx; } .recruit_recruit-salary{ font-size: 32rpx; font-family: DINPro; font-weight: 500; color: #FF4444; flex: 0.5; text-align: right; } .recruit_recruit-tags{ flex: 0.75; height: 50rpx; overflow: hidden; } .recruit_recruit-tags-item{ padding: 5rpx 20rpx; border-radius: 4rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 400; color: #666666; margin-right: 20rpx; } .recruit_recruit-region{ font-size: 28rpx; font-family: DINPro; font-weight: 500; line-height: 50rpx; text-align: right; color: #999999; flex: 0.25; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .recruit_recruit-imgbox{ flex: 0.2; } .recruit_recruit-img{ width: 120rpx; height: 120rpx; border-radius: 10rpx; border: 1rpx solid #FFFFFF; } .recruit_recruit-left{ flex: 0.8; padding-left: 20rpx; } .recruit-left-nature{ font-size: 26rpx; color: #999999; vertical-align: bottom; padding-top: 20rpx; } .recruit_recruit-right{ /* flex: 0.3; */ } .recruit-left-name{ font-size: 28rpx; vertical-align: bottom; margin-bottom: 30rpx; /* line-height: 60upx; */ } .recruit-left-region{ font-size: 28rpx; font-family: DINPro; font-weight: 500; line-height: 50rpx; text-align: right; color: #999999; flex: 0.3; width: 200rpx; overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分文字以...显示*/ } .recruit_recruit{ border-bottom: 1rpx solid #EEEEEE; } .recruit_recruit:last-child{ border: none; } .recruit_resume-imgbox{ flex: 0.3; } .recruit_resume-content{ flex: 0.7; } .recruit_resume-img{ width: 150rpx; height: 150rpx; border-radius: 50%; } .recruit_resume-title{ font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #333333; flex: 0.5; } .recruit_resume-salary{ flex: 0.5; font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #ff4444; text-align: right; } .recruit_resume-data{ font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #999999; padding: 15rpx 0; } .recruit_resume-tags{ flex: 0.8; height: 50rpx; overflow: hidden; } .recruit_resume-site{ flex: 0.2; font-size: 26rpx; color: #999999; text-align: right; line-height: 52rpx; } .recruit_resume-tagitem{ padding: 5rpx 10rpx; font-size: 26rpx; background-color: #007AFF; border-radius: 4rpx; margin-right: 10rpx; } .recruit_resume-item{ margin-bottom: 50rpx; } /* 相亲 */ .blind{ /* padding: 30upx; */ margin: 30rpx; } .blind-item{ padding: 30rpx; width: 335rpx; box-sizing: border-box; height: 171rpx; background: #F8F8F8; opacity: 1; border-radius: 20rpx; } .nav-content { width: 690rpx; margin: 0 auto 0; display: flex; flex-wrap: wrap; justify-content:space-between; } .nav-item { width: 335rpx; height: auto; border-radius: 20rpx; overflow: hidden; background-color: #F8F8F8; margin-bottom: 20rpx; } /* 家政 */ .housekeeping{ padding: 30rpx; margin: 0 auto 0; display: flex; flex-wrap: wrap; justify-content:space-between; } .housekeeping:after { content: ""; flex:0 0 45%; } .housekeeping-issue{ height: 90rpx; line-height: 90rpx; color: #FFFFFF; font-size: 28rpx; text-align: center; /* margin-right: 20upx; */ border-radius: 20rpx; margin-top: 50rpx; } .housekeeping-lose{ width: 45%; } .housekeeping3{ padding: 30rpx; margin: 0 auto 0; display: flex; flex-wrap: wrap; justify-content:space-between; } .housekeeping3:after { content: ""; flex:0 0 30%; } .housekeeping-issue3{ flex:0 0 30%; height: 90rpx; line-height: 90rpx; background-color: #A59AFF; color: #FFFFFF; font-size: 28rpx; text-align: center; /* margin-right: 20upx; */ border-radius: 20rpx; margin-bottom: 20rpx; } .housekeeping-lose3{ width: 30%; } .housekeeping-enter{ width: 335rpx; height: 90rpx; line-height: 90rpx; background-color: #FDAD28; color: #FFFFFF; font-size: 28rpx; text-align: center; /* margin-right: 20upx; */ border-radius: 20rpx; margin-bottom: 20rpx; } .housekeeping-image{ height: 30rpx; width: 30rpx; margin-right: 20rpx; margin-top: 30rpx; vertical-align: top; } .referralWaiter{ padding: 30rpx; } .referralWaiter-content{ padding: 30rpx 0; overflow: auto; } .referralWaiter-item{ background-color: #F8F8F8; margin-right: 20rpx; padding-bottom: 15rpx; border-radius: 20rpx; display: inline-block; max-width: 330rpx; position: relative; } .referral-tag{ background-color: rgba(239,155,155,0.6); color: #FFFFFF; height: 36rpx; padding: 0 10rpx; font-size: 20rpx; display: inline-block; line-height: 36rpx; border-radius: 10rpx; position: absolute; left: 20rpx; top: 20rpx; z-index: 99; } .refText{ font-size: 20rpx; color: #ff4444; font-weight:700; padding-right: 20rpx; display: inline-block; width: 200rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .referralWaiter-item-img{ width: 330rpx; height: 186rpx; border-radius: 20rpx 20rpx 0 0; } .homemaking-tags{ padding: 22rpx 20rpx; height: 36rpx; line-height: 38rpx; overflow: hidden; } .homemaking-btn{ height: 40rpx; font-size: 20rpx; padding: 0 20rpx; line-height: 40rpx; background: linear-gradient(180deg, #72AAFD 0%, #6094FD 100%); display: inline-block; color: #FFFFFF; border-radius: 10rpx; margin-right: 20rpx; } .homemaking-tags-item{ /* width: 100upx; */ height: 32rpx; line-height: 32rpx; font-size: 20rpx; text-align: center; background-color: #EEEEEE; color: #999999; padding: 0 10rpx; border-radius: 6rpx; display: inline-block; margin-right: 10rpx; margin-bottom: 10rpx; } .homemaking-name{ width: 300rpx; margin-left: 20rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .homemakingList-boex{ padding: 20rpx 30rpx; background-color: #F8F8F8; } .enter-box{ position: relative; width: 690rpx; padding: 30rpx; padding-bottom: 170rpx; background-color: #FFFFFF; border-radius: 30rpx 30rpx 0 0; } .enter-img{ width: 50rpx; height: 50rpx; position: absolute; right: 30rpx; top: 30rpx; } .IndividualsIn{ margin-top: 60rpx; padding: 35rpx 40rpx; border-radius: 20rpx; background: #72AAFD; display: flex; } .IndividualsInImg{ width: 110rpx; height: 110rpx; } .IndividualsInright{ height: 28rpx; width: 56rpx; line-height: 110rpx; } .vcssopen{ /* width:580upx; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */ } .linkRed{ width: 600rpx; height: 752rpx; position: relative; border-radius: 30rpx; } .redmt{ margin-top: 100rpx; } .redmtf{ margin-top: 40rpx; } .bnnerBox{ position: absolute; left: 50%; bottom: 10rpx; /* width: 100upx; */ -webkit-transform: translateX(-50%); transform: translateX(-50%); } .bnnerItem{ width: 15rpx; height: 15rpx; border-radius: 60rpx; background-color: #ffffff; display: inline-block; margin-right: 10rpx; } .notice { background-color: #fff; display: flex; justify-content: space-between; overflow: hidden; } .diy-notice-icon { width: 118rpx; height: 30rpx; background-size: 118rpx 30rpx; background-repeat: no-repeat; } .notice-l { flex-shrink: 0; position: relative; } .notice-l.style1 { width: 40rpx; height: 40rpx; padding: 20rpx; } .notice-l.style1:after { content: ""; width: 2rpx; height: 36%; background-color: #e2e2e2; position: absolute; top: 32%; right: 0; } .notice-l.style2 { color: #ff4f4f; padding: 20rpx; padding-right: 0; } .notice-l.style2 .span { height: 40rpx; line-height: 40rpx; padding: 0 20rpx; background-color: #ffe1e1; border-radius: 100rpx; font-size: 28rpx; } .notice-l.style3 .span { height: 40rpx; line-height: 40rpx; color: #FE433F; font-weight: 700; font-size: 32rpx; padding: 20rpx 0 20rpx 20rpx; display: inline-block; position: relative; } .notice-l .i { color: #ff9900; font-size: 36rpx; margin-top: -2rpx; } .notice-r { height: 80rpx; line-height: 80rpx; font-size: 24rpx; padding: 0 0 0 40rpx; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notice-r swiper { height: 80rpx !important; } .notice-r swiper swiper-item .a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* position: relative; */ } .movbox{ position: relative; height: 80rpx; font-size: 24rpx; } .move{ position: absolute; height: 80rpx; line-height: 80rpx; /* left: 0; */ } .notice-r-i { height: 40rpx; line-height: 40rpx; padding-top: 20rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* magic_cube 图片魔方 */ .magic_cube { width: 100vw; height: 100vw; max-height: 100vw; overflow: hidden; position: relative; } .magic_cube-d-f { width: 100%; height: 100%; position: relative; } .magic_cube-d { width: 100%; height: 100%; margin-top: 0 !important; position: relative; } .magic_cube-i { box-sizing: border-box; position: absolute; } .magic_cube-i-d { width: 100%; height: 100%; } .magic_cube-i .image { width: 100%; height: 100%; object-fit: initial; display: block; } /* picturew 图片橱窗1 */ .imgwindow { background-color: #fff; } .imgwindow:after { content: ""; display: block; clear: both; } .imgwindow-i { width: 25%; box-sizing: border-box; float: left; } .imgwindow-i-d .image { width: 100%; display: block; } /* picturew2 图片橱窗2 */ .picturew2-i { width: 100%; } .picturew2-i-d { box-sizing: border-box; } .picturew2-i .image { width: 100%; display: block; } /* picturew3 图片橱窗3 */ .picturew3 { display: flex; flex-wrap: wrap; justify-content: flex-start; } .picturew3-i { width: 50%; } .picturew3-i-d { box-sizing: border-box; } .picturew3-i .image { width: 100%; display: block; } /* picturew4 图片橱窗4 */ .picturew4:after { content: ""; clear: both; display: block; } .picturew4-i { width: 50vw; height: 25vw; box-sizing: border-box; float: left; } .picturew4-i:nth-child(1) { height: 50vw; } .picturew4-i-d { height: 100%; box-sizing: border-box; } .picturew4-i .image { width: 100%; height: 100%; display: block; } /* picturew5 图片橱窗5 */ .picturew5:after { content: ""; clear: both; display: block; } .picturew5-i { width: 50vw; height: 25vw; box-sizing: border-box; float: left; } .picturew5-i:nth-child(1) { height: 50vw; } .picturew5-i:nth-child(3), .picturew5-i:nth-child(4) { width: 25vw; } .picturew5-i-d { height: 100%; box-sizing: border-box; } .picturew5-i .image { width: 100%; height: 100%; object-fit: cover; display: block; } /* picturew6 图片橱窗6 */ .picturew6 { display: flex; flex-wrap: wrap; justify-content: flex-start; } .picturew6-i { width: calc(100% / 3); } .picturew6-i-d { box-sizing: border-box; } .picturew6-i .image { width: 100%; display: block; } /* pictures 图片展播 */ .pictures { width: 100%; overflow: auto; } .pictures-d:after { content: ""; clear: both; display: block; } .picturesd { width: 100% !important; box-sizing: border-box; } .pictures-i { box-sizing: border-box; float: left; } .pictures-i .image { position: relative; } .pictures-i .image .image { width: 100%; /* height: 200upx; */ background-repeat: no-repeat; } .pictures-i .image .title { position: absolute; height: 50rpx; line-height: 50rpx; width: 100%; background: rgba(0, 0, 0, .3); color: #fff; margin: 0; padding: 0 10rpx; bottom: 0; left: 0; right: 0; font-size: 28rpx; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; } .pictures-i .text { font-size: 28rpx; height: 50rpx; line-height: 50rpx; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 .25rem; position: relative; } .pictures-i.row-2 { width: 50%; } .pictures-i.row-3 { width: 33.33%; } .pictures-i.row-4 { width: 25%; } .pictures-i.row-5 { width: 20%; } /* banner 图片轮播 */ .imgswiper { background-color: #fff; } .imgmarginlr { margin: 0 30rpx; } .banner-swiper-Item { border-radius: 10rpx; } /* .imgswiper .swiper { width: 100%; height: auto } */ .imgswiper swiper-item .image { width: 100%; height: 100%; display: block; } /* richtext 富文本 */ .richtext { background-color: #fff; } /* title 标题1 */ .titlebar { line-height: 42rpx; font-size: 32rpx; padding: 0 30rpx; background-color: #ffffff; position: relative; } .titlebar-d { line-height: 42rpx; display: inline-block; } .titlebar .i { font-size: 34rpx; margin-right: 10rpx; display: inline; } .titlebar .text { display: inline; } .titlebar .more { height: 42rpx; line-height: 42rpx; color: #FE433F; font-size: 30rpx; position: absolute; top: 0; right: 30rpx; display: inline-block; } .titlebar .more .a { color: #999; } .titlebar .more .a .span { display: inline; } .titlebar .more .a .i { font-size: 32rpx; vertical-align: -2rpx; display: inline; } /* title2 标题2 */ .titlebar2 { padding: 0 30rpx; position: relative; } .titlebar2 .h1 { font-weight: normal; font-size: 36rpx; } .titlebar2 .p { line-height: 42rpx; color: #999; font-size: 24rpx; } .titlebar2 .more { height: 102rpx; line-height: 102rpx; color: #FE433F; font-size: 30rpx; position: absolute; top: 0; right: 30rpx; display: inline-block; } .titlebar2 .more .a { color: #999; } .titlebar2 .more .a .span { display: inline; } .titlebar2 .more .a .i { font-size: 32rpx; vertical-align: -2rpx; display: inline; } /* search 搜索框 */ .searchbox { padding: 20rpx 30rpx; background-color: #f1f1f2; } .searchbox-d { width: calc(100% - 40rpx); height: 56rpx; padding: 8rpx 20rpx; background-color: #ffffff; box-shadow: 0 0 2rpx rgba(0, 0, 0, .1); text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .searchbox-d-inl { height: 48rpx; line-height: 48rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .searchbox .i { font-size: 28rpx; margin-right: 10rpx; display: inline; } .searchbox .text { font-size: 24rpx; display: inline; width: 400rpx; line-height: 50rpx; height: 50rpx; } .searchbox .radius { border-radius: 10rpx; } .searchbox .round { border-radius: 100rpx; } .searchbox2 { display: flex; justify-content: space-between; } .searchbox2-l { margin-right: 20rpx; max-width: 360rpx; } .searchbox2-l>image { width: 40rpx; height: 40rpx; margin-right: 4rpx; flex-shrink: 0; } .searchbox2-l .i { font-size: 32rpx; font-weight: 600; padding-left: 20rpx; display: inline; } .searchbox2-r { flex: 1; display: flex; justify-content: space-between; overflow: hidden; } /* search3 搜索框3 */ .searchbox3 { background-color: #f1f1f1; overflow: hidden; position: relative; } .searchbox3-d { height: 80rpx; line-height: 68rpx; padding: 10rpx 30rpx; display: flex; justify-content: space-between; position: relative; box-sizing: initial; } .searchbox3-l { color: #000; font-size: 36rpx; font-style: italic; font-family: SimHei; } .searchbox3-r-d { width: 180rpx; height: 56rpx; line-height: 56rpx; color: #808080; font-size: 28rpx; text-align: center; margin-top: 12rpx; background-color: #d9d9d9; border-radius: 40rpx; } .searchbox3-r-d .i { font-size: 32rpx; margin-right: 10rpx; vertical-align: -2rpx; } @-webkit-keyframes move_wave { 0% { -webkit-transform: translateX(0) translateZ(0) scaleY(1); transform: translateX(0) translateZ(0) scaleY(1); } 100% { -webkit-transform: translateX(-66.66666%) translateZ(0) scaleY(1); transform: translateX(-66.66666%) translateZ(0) scaleY(1); } } @keyframes move_wave { 0% { -webkit-transform: translateX(0) translateZ(0) scaleY(1); transform: translateX(0) translateZ(0) scaleY(1); } 100% { -webkit-transform: translateX(-66.66666%) translateZ(0) scaleY(1); transform: translateX(-66.66666%) translateZ(0) scaleY(1); } } .search-wave { width: 100%; height: 28rpx; position: absolute; left: 0; bottom: 0; overflow: hidden; } .search-wave-d { width: 300%; height: 100%; -webkit-animation: move_wave 4s linear infinite; animation: move_wave 4s linear infinite; -webkit-animation-delay: 0s; animation-delay: 0s; display: flex; justify-content: flex-start; } .search-wave-i { width: 100%; height: 100%; position: relative; } .search-wave-i .image { width: 100%; height: 100%; vertical-align: middle; } /* line 辅助线 */ .subline { height: 2rpx; } .subline-d { height: 0; } /* menu 按钮组 */ .btngroup-d { padding: 0 0 10rpx; display: flex; justify-content: flex-start; flex-wrap: wrap; } .btngroup-i { padding-top: 40rpx; } .btngroup-i-t { padding: 0 15rpx; } .btngroup-i-t-icon { width: 84rpx; height: 84rpx; margin: 0 auto 8rpx; background-position: center; background-size: cover; } .btngroup-i-t-icon .image { width: 84rpx; height: 84rpx; background-repeat: no-repeat; background-size: 100% 100% !important; -webkit-background-size: cover; -o-background-size: cover; background-position: center center; } .btngroup-i-c { height: 42rpx; line-height: 42rpx; font-size: 28rpx; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .btngroupImage.radius { border-radius: 20rpx; background-size: cover; background-position: center 0; } .btngroupImage.circle { border-radius: 200rpx; background-size: cover; background-position: center 0; } /* blank 辅助空白 */ .sublank { background-color: #fff; } /* picture 单图组 */ .oneimgroup { background-color: #fff; } .oneimgroup-i { width: 100%; } .oneimgroup-i .image { width: 100%; display: block; } /* rush_goods3 rush_goods3 rush_goods3 抢购3、团购3与优惠券3 */ .goodslist { padding: 30rpx; background-color: #fff; } .goodslist-i .rush_goods_mask_img { width: calc(((100vw - 60rpx) / 1.8) * 0.7); height: calc(((100vw - 60rpx) / 1.8) * 0.7); } .goodslist-i { margin-top: 50rpx; } .goodslist-i:first-child { margin-top: 0; } .goodslist-i-t { height: calc((100vw - 60rpx) / 1.8); position: relative; overflow: hidden; } .goodslist-i-t .image { width: 100%; height: 100%; border-radius: 4rpx; } .goodslist-i-c-t { color: #999; font-size: 24rpx; margin-top: 20rpx; display: flex; justify-content: space-between; } .goodslist-i-c-t-l { padding-right: 20rpx; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .goodslist-i-c-t-l { flex: 1; } .goodslist-i-c-c { line-height: 48rpx; font-size: 32rpx; margin-top: 20rpx; } .goodslist-i-c-c .i { height: 48rpx; line-height: 48rpx; font-size: 28rpx; font-style: normal; margin-right: 10rpx; padding: 0 18rpx; background-color: #FFD93F; border-radius: 4rpx; display: inline-block; } .goodslist-i-c-c2 { margin-top: 20rpx; display: flex; justify-content: space-between; } .goodslist-i-c-c2 .h1 { color: #f64031; font-size: 40rpx; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .goodslist-i-c-c2 .h1 text { position: relative; top: -2rpx; margin-left: 4rpx; } .goodslist-i-c-c2 .h1 .i { font-size: 24rpx; font-weight: normal; vertical-align: 2rpx; margin-left: -2rpx; } .goodslist-i-c-c2 .h1 .span { color: #363636; font-size: 22rpx; font-style: normal; font-weight: normal; vertical-align: 2rpx; margin-left: 20rpx; display: inline; } .goodslist-i-c-c2 .h1 .span .i { height: 28rpx; line-height: 30rpx; color: #DDCDA0; font-size: 22rpx; vertical-align: 0; margin-left: 0; margin-right: 4rpx; padding: 0 4rpx; background-color: #363636; border-radius: 6rpx; display: inline-block; } .goodslist-i-c-c2 .h2 { width: 144rpx; height: 56rpx; line-height: 56rpx; color: #fff; font-size: 28rpx; text-align: center; font-weight: normal; background-color: #FF4040; border-radius: 8rpx; flex-shrink: 0; } .goodslist-i-c-c2 .sell-out { color: #808080; background-color: #D2D2D2; } .goodslist-i-c-b { margin-top: 20rpx; } .goodslist-i-c-b .p { color: #999; font-size: 24rpx; margin-top: 6rpx; display: flex; justify-content: space-between; } .goodslist-i-c-b .span { text-decoration: line-through; } .goodslist-i-c-b .em { font-style: normal; } /* public_goods 通用商品 */ .transverse .transverse_list::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .transverse { font-size: 30rpx; /* background-color: #fff; */ } .transverse .transverse_list { width: auto; } .goods_father { padding: 30rpx 0 10rpx 0; display: flex; justify-content: flex-start; } .transverse .transverse_list .goods_item { width: calc(100vw / 2.4); padding: 0 10rpx; flex: 0 0 auto; } .transverse .transverse_list .goods_item:first-child { padding-left: 30rpx; } .transverse .transverse_list .goods_item:last-child { padding-right: 30rpx; } .transverse .transverse_list .goods_item .goods_img { width: calc(100vw / 2.4); height: calc(100vw / 2.4); position: relative; } .transverse .transverse_list .goods_item .goods_img .image { display: block; width: 100%; height: 100%; } .transverse .transverse_list .goods_item .goods_tit { line-height: 42rpx; color: #333; font-size: 26rpx; margin: 20rpx 0 5rpx 0; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .transverse .transverse_list .goods_item .goods_price { display: flex; align-items: baseline; } .transverse .transverse_list .goods_item .goods_price .present_price { color: #f64031; display: flex; align-items: baseline; font-size: 26rpx; } .transverse .transverse_list .goods_item .goods_price .present_price view { font-size: 40rpx; padding-right: 8rpx; } .transverse .transverse_list .goods_item .goods_price .original_price { color: #cccccc; text-decoration: line-through; padding-left: 20rpx; font-size: 26rpx; } /* shop 商家信息 */ .b-color-f8 { padding: 20rpx 30rpx; background-color: #F8F8F8; } .shangjia-i { overflow: hidden; margin-top: 6rpx; position: relative; background-color: #fff; margin-bottom: 20rpx; border-radius: 10rpx; } .shangjia-i:first-child { margin-top: 0; } .shangjiaISty { padding-bottom: 0; } .shangjiaISty .shangjia-i-t { padding: 30rpx 30rpx 16rpx 30rpx; } .shangjia-i-t { padding: 30rpx 30rpx 0 30rpx; display: flex; justify-content: space-between; } .shangjia-i-t:active { background-color: #f3f3f3; } .shangjia-i-l { width: 180rpx; height: 180rpx; border-radius: 6rpx; flex-shrink: 0; } .shangjia-i-l .image { width: 100%; height: 100%; border-radius: 6rpx; } .shangjia-i-r { /* height: 194upx; */ flex: 1; padding-left: 20rpx; } .shangjia-i-r-d { /* height: 180upx; */ padding-bottom: 10rpx; } .shangjiaISty .shangjia-i-r-d { padding-bottom: 0; border-bottom: none; } .shangjia-i-r-t1 { height: 42rpx; line-height: 42rpx; font-size: 30rpx; } .shangjia-i-r-t2 { position: relative; height: 42rpx; line-height: 42rpx; padding: 4rpx 0; } .shangjia-i-r-t2 .icon-shoucangxiao { font-size: 26rpx; display: inline; margin-right: 10rpx; float: left; } .shangjia-i-r-t2 .star { display: inline-block; position: absolute; height: 42rpx; } .shangjia-i-r-t2 .star:after { content: ""; clear: both; display: block; } .shangjia-i-r-t2-icon { height: 46rpx; } .star-grade { margin-left: 180rpx; } .shangjia-i-r-t2 .star-dark .icon-shoucangxiao { z-index: 1; } .star-dark .icon-shoucangxiao { color: #eee; } .star-light .icon-shoucangxiao { color: #FF4444; } .shangjia-i-r-t2 .star-light { z-index: 1; } .shangjia-i-r-t2 .star-width { height: 42rpx; overflow: hidden; word-break: keep-all; white-space: nowrap; } .tags_view{ display: inline-block; padding: 2rpx 10rpx; margin-right: 10rpx; border-radius: 20rpx 20rpx 20rpx 0rpx; border:1rpx solid rgba(153,153,153,0.4); font-size: 20rpx; } .shangjia-i-r-t3 { position: relative; height: 42rpx; line-height: 42rpx; color: #666666; font-size: 26rpx; overflow: hidden; word-break: keep-all; white-space: nowrap; } .shangjia-i-r-t4 { width: 420rpx; position: relative; color: #666666; font-size: 26rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 8rpx; } .shangjia-i-b { line-height: 40rpx; color: #666666; font-size: 26rpx; padding: 2rpx 30rpx 12rpx 30rpx; position: relative; padding-left: 230rpx; } .shangjia-i-b-i { height: 42rpx; margin-top: 6rpx; padding-right: 42rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .shangjia-i-b-i:first-child { margin-top: 0; } .shangjia-i-b .i { width: 42rpx; height: 42rpx; line-height: 42rpx; font-size: 28rpx; text-align: right; position: absolute; top: 10rpx; right: 30rpx; display: inline-block; color: #999999; } .shangjia-i-b .em { width: 34rpx; height: 34rpx; line-height: 34rpx; text-align: center; color: #fff; font-style: normal; border-radius: 4rpx; display: inline-block; font-size: 24rpx; } .shangjia-i-b .qiang { background-color: #FF7FCA; } .shangjia-i-b .li { background-color: #FF7FCA; } .shangjia-i-b .kan { background-color: #FF4444; } .shangjia-i-b .ka { background-color: #FFA530; } .shangjia-i-b .hui { background-color: #ff8400; } .shangjia-i-b .pin { background-color: #14DCD5; } .shangjia-i-b .tuan { background-color: #FF834C; } .shangjia-i-b-i { height: 42rpx; line-height: 42rpx; } .shangjia-i-b-i .span { margin-left: 8rpx; display: inline; font-size: 24rpx; color: #666666; } .shangjia-i-b-t2 { height: 42rpx; line-height: 42rpx; margin-top: 6rpx; } .shangjia-i-b-t2 .em { margin-right: 14rpx; display: inline-block; } .shangjia-i-b-t2 .em:last-child { margin-right: 0; } /* headline 头条1 */ .goodstop-i { width: calc(100vw - 60rpx); margin-bottom: 20rpx; padding: 40rpx 30rpx; background-color: #fff; } .goodstop-i:last-child { margin-bottom: 0; } .goodstop-i .h1 { line-height: 52rpx; font-size: 36rpx; letter-spacing: 4rpx; font-weight: normal; } .goodstop-i-t { width: calc(100vw - 60rpx); height: calc((100vw - 30rpx) / 1.8); margin-top: 30rpx; position: relative; } .goodstop-i-t-tag { position: absolute; top: 20rpx; left: 20rpx; } .goodstop-i-t-tag .i { height: 52rpx; line-height: 52rpx; font-size: 24rpx; font-style: normal; margin-left: 10rpx; padding: 0 14rpx; background-color: #FFD93F; border-radius: 4rpx; display: inline; } .goodstop-i-t-tag .i:first-child { margin-left: 0; } .goodstop-i-t .image { width: 100%; height: 100%; } .goodstop-i-c .h2 { height: 84rpx; line-height: 42rpx; font-size: 24rpx; color: #888; font-weight: normal; margin-top: 20rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .goodstop-i-c .p { height: 60rpx; line-height: 60rpx; font-size: 28rpx; color: #888; margin-top: 20rpx; display: flex; justify-content: space-between; } .goodstop-i-c .p .span { line-height: 60rpx; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; justify-content: flex-start; } .goodstop-i-c .p .span .i { width: 60rpx; height: 60rpx; margin-right: 20rpx; border-radius: 50%; display: block; } .goodstop-i-c .p .span .b { font-weight: normal; display: block; } .goodstop-i-c .p .span .i .image { width: 100%; height: 100%; border-radius: 50%; } .goodstop-i-c .p .em { font-style: normal; flex-shrink: 0; } /* community 社群 */ .diyPages-community{ padding: 20rpx 30rpx; } /* goods_detail-2 样式 */ .goods2-coupon-style .i { color: rgb(221, 205, 136); font-size: 24rpx; margin-top: -2rpx; background-color: #000000; border-radius: 10rpx; padding: 0 8rpx; } /* 乐豆 */ .LeBeans{ background: linear-gradient(to right,#F22D25,#FB6331); position: relative; } .goods3-margin-16 { margin-right: 32rpx; } .goods3-margin-16 text { position: relative; top: -2rpx; font-size: 28rpx; margin-left: 6rpx; } .shop3-title-width { width: 300rpx; } .store-containerIcon image { width: 30rpx; height: 30rpx; } .coupon-progress { width: 216rpx; height: 24rpx; background: rgba(255, 120, 120, .2); border-radius: 12rpx; } .coupon-progress-already { position: absolute; left: 0; right: 0; top: 0; background-color: #FF4444; height: 100%; border-radius: 12rpx; z-index: 2; max-width: 100%; } .rush-price-box { margin-bottom: 14rpx; } .coupon-stk { position: absolute; width: 216rpx; height: 24rpx; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; } .coupon-stk .shrink { -webkit-transform: scale(0.85); transform: scale(0.85); } .coupon-btn { position: absolute; right: 20rpx; bottom: 24rpx; width: 130rpx; height: 50rpx; line-height: 50rpx; border-radius: 26rpx; } .qglist-i-t-bar { height: 64rpx; line-height: 64rpx; padding-top: 66rpx; background: linear-gradient(90deg, #FF7E42, #FB2F52); border-radius: 140rpx 0 0 140rpx; position: absolute; top: -72rpx; right: 0rpx; } .qglist-i-t-bar-d { display: flex; justify-content: flex-start; } .qglist-i-t-bar-l { color: #fff; font-size: 28rpx; padding: 0 40rpx 0 30rpx; } .qglist-i-t-bar-l .i { font-size: 32rpx; vertical-align: -2rpx; margin-right: 8rpx; display: inline; } .qglist-i-t-bar-l .em { font-style: normal; font-weight: 600; display: inline; } .qglist-i-t-bar-r { padding: 10.8rpx 20rpx 10.8rpx 0; } .qglist-i-t-bar-r:after { content: ""; display: block; clear: both; } .qglist-i-t-bar-r .i { width: 40rpx; height: 40rpx; margin-left: -16rpx; border-radius: 50%; float: left; } .qglist-i-t-bar-r .i .image { width: 100%; height: 100%; border-radius: 50%; } .Rank-logo { position: absolute; left: 0; top: 0; width: 120rpx; height: 50rpx; line-height: 50rpx; border-radius: 0 40rpx 40rpx 0; background: #FF4040; color: #FFFFFF; } .goods_img .rush_goods_mask{ position: absolute; left: 0; right: 0; top: 0; background-color: rgba(0, 0, 0, .5); } .goods_img .rush_goods_mask .img{ width: calc(100vw / 2.4); height: calc(100vw / 2.47); }