/* 团购样式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); } .container { background-color: #F7F7F7; } .wfView {} .getTip { width: 750rpx; height: 623rpx; background: rgba(255, 255, 255, 1); border-radius: 20rpx 20rpx 0rpx 0rpx; } .LeBeans{ background: linear-gradient(to right,#F22C24,#FA6331); padding: 20rpx; margin-bottom: 50rpx; border-radius: 15rpx; position: relative; } .conversion{ padding:8rpx 15rpx 20rpx; background-color: rgba(255,255,255,0.3); position: absolute; right: 0; width: 105rpx; height: 25rpx; vertical-align: top; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 60rpx 0rpx 0rpx 60rpx; } .popFull { height: 100rpx; width: 750rpx; } .getTip_package { padding: 30rpx; } .getTip_main { margin-top: 55rpx; height: 443rpx; } .getTip_text { font-size: 24rpx; } .getTip_title { text-align: center; font-size: 30rpx; color: rgba(51, 51, 51, 1); } .wfViewMain { width: 630rpx; background: rgba(255, 255, 255, 1); border-radius: 10rpx; } .wfTitle { width: 630rpx; height: 200rpx; } .wfTitleImage { width: 630rpx; height: 200rpx; } .wfBodyPackage { padding: 20rpx 30rpx; } .textarea{ font-size: 28rpx; } .wfBodyText { font-size: 26rpx; color: rgba(51, 51, 51, 1); } .wfViewClose { margin: 80rpx auto 0 auto; width: 48rpx; height: 48rpx; } .closeImg { width: 48rpx; height: 48rpx; } /* 商品头部 */ .goods-header { position: relative; z-index: 1; } .goods-viewed { position: absolute; bottom: 5%; right: 0; font-size: 24rpx; padding: 6rpx 12rpx; border-radius: 50rpx 0 0 50rpx; background: rgba(0, 0, 0, .4); color: #FFFFFF; z-index: 5; } .lxPack { display: flex; justify-content: space-between; line-height: 44rpx; } .lx { text-align: center; width: 44rpx; height: 44rpx; background: rgba(255, 68, 68, 1); border-radius: 50%; overflow: hidden; } .advfei{ /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ background: linear-gradient(90deg, #ff4444 , #FF8032); /* 标准的语法(必须放在最后) */ position: absolute; font-size: 28rpx; bottom: 150rpx; left: 20rpx; width: 90vw; padding: 20rpx 20rpx; /* background-color: #FFF0B2; */ display: flex; border-radius: 10rpx; } .lxImg { width: 30rpx; height: 30rpx; margin-top: 8rpx; } .goods-swiper { width: 100vw; /* height: 50vh; */ position: relative; z-index: 1; } .swiper-item { height: 100vw; } .goods-header .coupon-Image { width: 100vw; height: 100vw; display: block; } .goods-swiper .swiper-item image { width: 100%; height: 100%; display: block; } /* 弹幕购买提示 */ .success-tips { position: fixed; bottom: 83%; left: 30rpx; height: 54rpx; line-height: 54rpx; background: rgba(0, 0, 0, .5); border-radius: 50px; z-index: 50; padding: 0 12rpx 0 6rpx; opacity: 0; transition: opacity .4s; } .success-tips.show { opacity: 1; } /* */ .success-tips .success-avatar { width: 40rpx; height: 40rpx; display: block; border-radius: 50%; } .success-tips .success-goods { max-width: 450rpx; } /* 商品详情 */ .goods-content { box-sizing: border-box; } .goods-price-box { padding-bottom: 12rpx; } .goods-content .goods-price .goods-price-now { color: rgba(254, 80, 79, 1); } .goods-content .goods-price .goods-price-now image { width: 56rpx; height: 56rpx; } .goods-content .goods-price .goods-price-now .credit { color: rgba(254, 80, 79, 1); } .money-label { display: inline-block; margin-right: 6rpx; } .goods-content .goods-price .goods-price-old { font-size: 24rpx; color: rgba(153, 153, 153, 1); line-height: 52rpx; margin-left: 16rpx; text-decoration: line-through; } .goods-content .goods-browse { font-size: 24rpx; color: rgba(153, 153, 153, 1); line-height: 60rpx; } .goods-title-mian { letter-spacing: 2rpx; line-height: 1.3em; } .activity-item image { width: 26rpx; height: 26rpx; display: block; margin-right: 12rpx; } /* 会员卡 */ .member-box { background: linear-gradient(0deg, rgba(235, 194, 135, 1) 0%, rgba(237, 214, 170, 1) 100%); border-radius: 10rpx; } .member-title { width: 360rpx; } .member-left image { width: 60rpx; height: 60rpx; display: block; } .member-fontColor { color: #8C5200; } .member-fontColor-cut { width: 2rpx; height: 26rpx; background: #8C5200; opacity: .5; margin: 0 20rpx; } .member-right { flex: 1; background: linear-gradient(105deg, transparent 10.5%, #333333 12.5%, #333333 50.5%, #333333 50.5%); color: #EED196; height: 60rpx; line-height: 60rpx; padding-left: 20rpx; border-radius: 10rpx 10rpx 10rpx 0; } .member-right text { font-size: 24rpx; margin-left: 10rpx; } /* 邀请 */ .already-box-padding { padding: 30rpx 30rpx 0; } .goods-already-box { box-shadow: 0 2rpx 12rpx 0 rgba(221, 221, 221, 0.34); border-radius: 10rpx; } .goods-already-box .goods-already { padding: 0 0 30rpx 0; } .goods-already-box .goods-already .goods-already-num { color: #333333; line-height: 1.2em; } .goods-already-box .goods-already .goods-already-user { margin-top: 15rpx; height: 68rpx; } .goods-already-box .goods-already .goods-already-user .user-avatar { width: 55rpx; height: 55rpx; border-radius: 55rpx; display: inline-block; margin-right: -12rpx; position: relative; vertical-align: top; } .goods-already-box .goods-already .goods-already-user .user-avatar.user-more { background: #F2F2F2; color: #BBBBBB; text-align: center; line-height: 50rpx; z-index: 1; } .goods-already-box .goods-already .goods-invite { color: #333333; width: 230rpx; height: 60rpx; line-height: 60rpx; font-size: 22rpx; text-align: center; border-radius: 50rpx; position: relative; margin-bottom: 1%; z-index: 1; background: linear-gradient(0deg, rgba(245, 182, 32, 1) 0%, rgba(246, 210, 70, 1) 100%); } .goods-already-box .goods-already .goods-invite button { position: absolute; width: 100%; height: 100%; opacity: 0; } .goods-already-box .goods-already .goods-invite-reward { position: absolute; right: 3%; top: -15%; z-index: 2; height: 50rpx; color: #FFFFFF; line-height: 50rpx; background: linear-gradient(90deg, rgba(254, 80, 79, 1), rgba(254, 133, 79, 1)); box-shadow: 0 2rpx 10rpx 0 rgba(254, 80, 79, 0.54); border-radius: 8rpx; text-align: center; font-size: 20rpx; padding: 0 20rpx; } .goods-already-box .goods-already .goods-invite-reward::after { content: " "; position: absolute; left: 50%; bottom: -28rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-width: 15rpx; border-style: solid; border-color: #FE6C4F transparent transparent transparent; } /* 标题花边样式 */ .lace-style .lace-1 { position: absolute; /* left: 35%; */ top: 14rpx; width: 14rpx; height: 14rpx; background: rgba(255, 68, 68, 1); border-radius: 50%; } .lace-style .lace-2 { position: absolute; /* left: 34%; */ top: 18rpx; width: 14rpx; height: 14rpx; background: rgba(255, 68, 68, 1); opacity: 0.2; border-radius: 50%; } .containar-title-left .lace-1 { left: 35%; } .containar-title-right .lace-1 { right: 35%; } .containar-title-left .lace-2 { left: -8rpx; } .containar-title-right .lace-2 { right: -8rpx; } /* 搭配商品样式 */ .match-goods { background: rgba(255, 255, 255, 1); box-shadow: 0 4rpx 12rpx 0 rgba(221, 221, 221, 0.34); border-radius: 10rpx; } .match-goods-info .goods-info-left { width: 160rpx; height: 160rpx; background-size: 160rpx 160rpx; background-repeat: no-repeat; background-image: url('https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1726110657,2456852062&fm=26&gp=0.jpg'); flex-shrink: 0; } .match-goods-info .goods-info-right .goods-info-right-title { height: 2, 6em; line-height: 1, 3em; } .match-goods-price .match-buy-btn { background-color: #ff4444; width: 146rpx; height: 54rpx; line-height: 54rpx; background: rgba(255, 68, 68, 1); border-radius: 30rpx; } /* 使用流程 */ .use-flow-item { width: 24%; } .use-flow-item .use-order { width: 34rpx; height: 34rpx; line-height: 34rpx; background: rgba(255, 68, 68, 1); box-shadow: 0 2rpx 6rpx 0 rgba(205, 2, 2, 0.35); border-radius: 50%; margin: 0 auto 30rpx; } .use-cut { position: absolute; top: 11%; width: 194rpx; border-top: 1px solid #EEEEEE; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); z-index: 2; } .use-cut-left { left: 19%; } .use-cut-right { right: 19%; } .store-addressInfo-icon { width: 44rpx; height: 44rpx; line-height: 44rpx; background: rgba(255, 68, 68, 1); border-radius: 50%; font-size: 24rpx; flex-shrink: 0; } /* 详情tabBar */ /* 商品详情 */ .goods-detail-nav {} .goods-detail-nav .goods-detail-nav-item { color: #999999; font-size: 30rpx; text-align: center; height: 86rpx; line-height: 86rpx; position: relative; } .goods-detail-nav .goods-detail-nav-item.active { color: #333333; font-weight: bold; } .select-nav-items { position: absolute; left: 50%; top: 30rpx; width: 56rpx; height: 10rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* 仅在app平台显示 */ .select-nav-items { position: absolute; left: 50%; top: 75rpx; width: 56rpx; height: 10rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .select-nav-items image { width: 100%; height: 100%; } /* 商品评价 */ .evaluation-item { padding: 30rpx 0; } .evaluation-item:first-child { border-top: 0; } .evaluation-all { width: 270rpx; height: 70rpx; border: 1px solid rgba(238, 238, 238, 1); border-radius: 38rpx; margin: 30rpx auto 0; padding-left: 20rpx; } .evaluation-all-iconfont { color: #333333; font-size: 36rpx; } .evaluation-user image { width: 60rpx; height: 60rpx; display: block; border-radius: 50%; margin-right: 10rpx; } .evaluation-grade .iconfont { width: 36rpx; height: 36rpx; line-height: 36rpx; font-size: 28rpx; display: block; color: #CCCCCC; } .evaluation-grade .iconfont.select { color: #FF4444 } .evaluation-bd { margin-top: 20rpx; } .evaluation-imgs { margin-top: 12rpx; } .evaluation-imgs image { width: 220rpx; margin: 0 10rpx 20rpx 0; height: 220rpx; border-radius: 6rpx; } .reply-content-item .reply-content-itemfont { vertical-align: middle; margin-right: 14rpx; } /* 底部菜单 */ .goods-footer { background: #FFFFFF; text-align: center; height: 100rpx; position: fixed; left: 0; right: 0; bottom: 0; } .goods-footer-crted { text-align: center; height: 100rpx; line-height: 80rpx; position: fixed; left: 0%; right: 0; bottom: 0; z-index: 30; } .goods-footer-item { flex: 1; box-sizing: border-box; height: 100rpx; align-items: center; position: relative; } .goods-footer-item>button { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 8; } .goods-footer-item image { width: 30rpx; height: 30rpx; display: inline-block; margin: 0 20rpx; } .goods-footer-item .goods-footer-item-text { font-size: 24rpx; line-height: 1.5em; color: #333333; text-align: center; } .goods-footer .goods-footer-btn { width: 352rpx; height: 72rpx; line-height: 72rpx; text-align: center; border-radius: 50rpx; color: #FFFFFF; background: #FE504F; font-size: 28rpx; font-weight: bold; margin: 17rpx 30rpx 0 0; overflow: hidden; } .goods-footer.footer-padding { padding-bottom: 20px } .goods-footer .footer-btn { width: 100%; text-align: center; } .goods-footer .goods-spread-btn { background: #FFD940; } .go-buy { margin-right: 30rpx; height: 80rpx; border-radius: 40rpx; } .alrea-remind-go-buy { background-color: rgb(172, 177, 172); } .remind-go-buy { background-color: #2AC418; } .star-go-buy { background-color: #FF4444; } .end-go-buy { background-color: #C0C0C0; } .go-buy-crted { background-color: #FF4444; margin: 0 30rpx; height: 80rpx; border-radius: 40rpx; } .unqualified-gobuy { background-color: #C0C0C0; margin-right: 30rpx; height: 80rpx; border-radius: 40rpx; color: #FFFFFF; } .out_buy-left { width: 100%; height: 100%; background-color: #FF4444; border-radius: 40rpx 0 0 40rpx; } .out_buy-leftTop { margin-top: 6rpx; } .out_buy-right { width: 100%; height: 100%; /* border-radius: 0 40upx 40upx 0; */ } /* 活动未开始或者已结束状态 */ .havebtn { background-color: #EEEEEE; line-height: 80rpx; } /* 活动开始状态 */ .starbtn { background-color: #FFD200; } /* 拼团按钮 */ .group-go-buy { width: 50%; margin-right: 30rpx; height: 80rpx; border-radius: 40rpx; } /* 砍价 */ .bargainbtn { line-height: 70rpx; } .bargain-buy-box { background: rgba(255, 248, 245, 1); border-radius: 10rpx; } .bargain-buy-top-title { color: #FF4444; } .icon-right-buybarainIcon { font-size: 24rpx; } .bargain-countdown { height: 110rpx; background-size: 100% 110rpx; background-repeat: no-repeat; padding: 0 30rpx 0; } .bargain-label-box { border-radius: 4rpx; padding: 4rpx 8rpx; } .bargain-label-box>image { width: 34rpx; height: 34rpx; display: block; } .bargain-label-box>view { color: #F02E24; } .bargain-label-icon-rush { color: #333333 !important; left: -6%; top: 20%; } .bargain-label-icon-bargin { color: #FFFFFF !important; left: -12%; top: 20%; } .bargain-label-icon { position: absolute; /* transform: translateY(-50%); */ font-size: 24rpx; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .bargain-countdown-oldPrice { -webkit-transform: scale(.95, .95); transform: scale(.95, .95); text-decoration: line-through; } .bargain-countdown-oldPrice text { margin-left: 10rpx; } .countdownTime-style text { height: 38rpx; line-height: 38rpx; border-radius: 4rpx; padding: 4rpx 6rpx; } .countdownTime-style-color1 text { background: #F02E24; color: #FFFFFF; } .countdownTime-style-color2 text { background: rgba(255, 255, 255, 1); color: #F02E24; } /* 抢购倒计时 */ .rush_logo { width: 70rpx; height: 70rpx; display: block; } .rush-label-box { background-color: #333333; color: #EED196; border-radius: 4rpx; padding: 4rpx 8rpx; } /* 拼团倒计时 */ .group-countdown { height: 110rpx; background-size: 100% 110rpx; background-repeat: no-repeat; padding: 0 30rpx 0; } .group-countdown-oldPrice { -webkit-transform: scale(.95, .95); transform: scale(.95, .95); } .group-countdown-num { height: 34rpx; border: 1px solid rgba(255, 255, 255, 1); border-radius: 4rpx; } .group-countdown-numGroup { padding: 0 0 0 10rpx; } .group-countdown-num-logo { padding: 0 8rpx; width: 28rpx; height: 100%; line-height: 34rpx; } .group-countdown-num-logo>image { width: 30rpx; height: 26rpx; } .group-countdown-title { -webkit-transform: scale(.9, .9); transform: scale(.9, .9); } .groupcountdownTime-style text { height: 38rpx; line-height: 38rpx; background: rgba(255, 255, 255, 1); border-radius: 4rpx; color: #F02E24; padding: 2rpx 6rpx; } .group-countdown-nowPrice>text { vertical-align: bottom; } /* 拼团列表 */ .group-list-content .group-list-title>text { color: #FF4444; } .group-list-moreicon { font-size: 24rpx; color: #999999; } .group-detail .group-item-logo { width: 60rpx; height: 60rpx; background-repeat: no-repeat; background-size: 60rpx 60rpx; border-radius: 50%; } .clustering-num { color: #FF4444; } .group-list-item-btn { width: 126rpx; height: 52rpx; line-height: 52rpx; border-radius: 26rpx; } .group-list-item-btn-isEndTimefalse { background: rgba(255, 68, 68, 1); } .group-list-item-btn-isEndTimeTrue { background: #CCCCCC } /* 社群 */ .goods-community { padding-top: 20rpx; } .community-user .community-user-img { width: 68rpx; height: 68rpx; display: block; margin-right: 20rpx; border-radius: 50%; } .community-add { /* width: 110upx; */ padding: 0 20rpx; height: 54rpx; line-height: 54rpx; border-radius: 10rpx; font-size: 24rpx; } .community-add-bgcolor { background-color: #2AC418; } .community-detail { border-radius: 20rpx; overflow: hidden; } .community-detail .community-header { width: 70vw; height: 120rpx; line-height: 120rpx; overflow: hidden !important; } .community-detail .community-header .community-header-text { z-index: 2; } .community-detail .community-header::after { content: " "; position: absolute; top: -160rpx; left: -25%; width: 150%; height: 280rpx; border-radius: 60%; background: linear-gradient(0deg, rgba(228, 63, 53, 1), rgba(253, 92, 79, 1)); z-index: 1; } .community-detail .community-body { padding: 50rpx; } .community-detail .community-phone { height: 80rpx; line-height: 80rpx; margin: 0 30rpx 30rpx; padding: 0 20rpx 0 8rpx; border-radius: 10rpx; background: #F6F6F6; } .community-detail .community-number .community-number-icon { width: 60rpx; height: 60rpx; display: block; /* margin-right: 15upx; */ } .community-detail .community-bdial { width: 96rpx; height: 52rpx; line-height: 52rpx; background-color: #FF4444; border-radius: 10rpx; color: #FFFFFF; } .community-detail .community-reply { width: 200rpx; height: 70rpx; line-height: 70rpx; background: linear-gradient(0deg, rgba(255, 115, 115, 1) 0%, rgba(255, 68, 68, 1) 100%); border-radius: 35rpx; margin: 0 auto 30rpx; } .community-detail .community-qrcodeimg { width: 366rpx; height: 366rpx; display: block; margin: 0 auto 30rpx; } .bargain-countdown-right-loading { width: 100rpx; height: 80rpx; } .partLoaing { position: absolute; right: 20%; top: 0; } .store-addressInfo-onelist { width: 87%; } .masking { position: fixed; /* width: 100%; height: 100%; */ top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0, 0, 0, .5); /* display: none */ } .to-share { position: fixed !important; z-index: 1009; right: 10rpx; top: 0; overflow: auto; width: 500rpx; height: 380rpx; } .limit-rushBox { box-shadow: 0 2rpx 12rpx 0 rgba(221, 221, 221, 0.34); border-radius: 10rpx; } .progress-box { width: 280rpx; height: 24rpx; border-radius: 12rpx; background-color: #FEB2B2; } .progress-bar { background-image: linear-gradient(60deg, #FF4444 0, #FF4444 9%, #ff6c6c 0, #ff6c6c 12%, #FF4444 0, #FF4444 18%, #ff6c6c 0, #ff6c6c 21%, #FF4444 0, #FF4444 27%, #ff6c6c 0, #ff6c6c 30%, #FF4444 0, #FF4444 37%, #ff6c6c 0, #ff6c6c 40%, #FF4444 0, #FF4444 47%, #ff6c6c 0, #ff6c6c 50%, #FF4444 0, #FF4444 57%, #ff6c6c 0, #ff6c6c 60%, #FF4444 0, #FF4444 67%, #ff6c6c 0, #ff6c6c 70%, #FF4444 0, #FF4444 77%, #ff6c6c 0, #ff6c6c 80%, #FF4444 0, #FF4444 87%, #ff6c6c 0, #ff6c6c 90%, #FF4444 0, #FF4444 100%); position: absolute; left: 0; right: 0; top: 0; height: 100%; border-radius: 12rpx; z-index: 2; max-width: 100%; } .switchShow{ position: absolute; bottom: 80rpx; width: 220rpx; left: 50%; z-index: 99; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .switchImg{ width: 80rpx; height: 40rpx; color: #333333; border: 1rpx solid #FFFFFF; border-radius: 60rpx; line-height: 40rpx; font-size: 24rpx; background-color: rgba(255,255,255,0.3); text-align: center; } .switchVideo{ width: 80rpx; height: 40rpx; color: #FFFFFF; border: 1rpx solid #FF4444; border-radius: 60rpx; line-height: 40rpx; font-size: 24rpx; background-color: #FF4444; text-align: center; } .switchImg-icon{ font-size: 24rpx; } .default-progress-bar { position: absolute; width: 280rpx; height: 24rpx; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; } .default-progress-bar .shrink { -webkit-transform: scale(0.85); transform: scale(0.85); } .audio-main { position: fixed; right: 50rpx; top: 10%; z-index: 10; } .audio-bg { position: relative; } .audio-bg .audio-gif { width: 100rpx; height: 100rpx; background-size: 100rpx 100rpx; background-repeat: no-repeat; } .audio-bg .audio-gif .audio-png { position: absolute; background-size: 80rpx 80rpx; -webkit-animation: rotate2d 1.2s linear infinite; animation: rotate2d 1.2s linear infinite; z-index: -1; width: 80rpx; height: 80rpx; } .audio-bg.stop-audio .audio-gif { background: none !important; } .audio-bg.stop-audio .audio-png { -webkit-animation: none; animation: none; } @-webkit-keyframes rotate2d { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate2d { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } page { background-color: #f7f7f7; } @charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .bankindex.data-v-67948236 { box-shadow: 0 5px 15px rgba(255, 255, 255, 0.5); padding: 10rpx 20rpx; color: #333333; font-size: 24rpx; line-height: 54rpx; } .dining.data-v-67948236 { padding: 10rpx; background-color: #ffffff; margin: 20rpx 0; border-radius: 10rpx; } .uni-input.data-v-67948236 { font-size: 30rpx; background-color: #FFFFFF; text-align: center; } .uni-input.data-v-67948236 .uni-input-placeholder { top: 4rpx !important; } .diningName.data-v-67948236 { width: 400rpx; overflow: hidden; /*超出部分隐藏*/ white-space: nowrap; /*不换行*/ text-overflow: ellipsis; /*超出部分文字以...显示*/ font-weight: 600; } .fixedBox.data-v-67948236 { position: fixed; top: 0; left: 0; width: 92%; padding: 10rpx 30rpx; z-index: 9999; background-color: #f6f6f6; } .flxedBoxTwo.data-v-67948236 { position: fixed; width: 100%; top: 10%; z-index: 9999; left: 0; background-color: #ffffff; } .search.data-v-67948236 { background-color: #ffffff; color: #333333; border-radius: 60rpx; width: 65%; position: relative; padding: 15rpx 0rpx 13rpx 100rpx; } .searchIcon.data-v-67948236 { position: absolute; left: 5%; line-height: 50rpx; } .uni-input.data-v-67948236 { width: 80%; color: #000000; background-color: #ffffff; display: inline-block; } .businessCenter.data-v-67948236 { background-color: #f6f6f6; } .storeList.data-v-67948236 { padding: 200rpx 30rpx 30rpx; } .swiper.data-v-67948236 { height: 100%; width: 100%; } .searchs.data-v-67948236 { height: 100%; width: 150rpx; background-color: #ff4444; color: #ffffff; position: absolute; right: 0; top: 0; z-index: 99; border-radius: 0 10rpx 10rpx 0; line-height: 80rpx; }