You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1939 lines
34 KiB
1939 lines
34 KiB
/* 团购样式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);
|
|
}
|
|
|
|
|