page { /* padding: 0 30rpx; */ box-sizing: border-box; background-color: #fcfcfc; } .info-box { width: 690rpx; background: #ffffff; border-radius: 20rpx; position: relative; padding: 15rpx 30rpx 60rpx 30rpx; box-sizing: border-box; margin: 0 auto; margin-top: 80rpx; } .head-img { width: 150rpx; height: 150rpx; border: 4rpx solid #ffffff; border-radius: 50%; position: absolute; left: 30rpx; top: -47rpx; } .name-time { width: 443rpx; display: flex; justify-content: space-between; align-items: center; margin-left: 187rpx; } .name-box { font-size: 34rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #1a1a1a; display: flex; align-items: center; } .sex { width: 31rpx; height: 31rpx; margin-left: 10rpx; } .time { /* width: 153rpx; */ height: 57rpx; background: #ffdc2f; border-radius: 29rpx; font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #000; text-align: center; line-height: 57rpx; padding: 0 22rpx; } .zhiwei { margin-top: 70rpx; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #666666; } .address-box { display: flex; margin-top: 11rpx; } .address-box .word { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #666666; } .info-box .item { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #666666; margin-top: 14rpx; } .info-box .item .num { color: #ff9209; margin-left: 10rpx; } .label-box { display: flex; /* justify-content: space-between; */ } .label-box .word { display: inline-block; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; padding: 0 16 0 0rpx; color: #666666; width: 118rpx; flex-shrink: 0; margin-top: 14rpx; line-height: 40rpx; } .label-box .right { display: flex; flex-wrap: wrap; } .label-box .right .label { height: 40rpx; background: #f2f2f2; border-radius: 10rpx 0px 10rpx 0px; padding: 0 16rpx; line-height: 40rpx; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #666666; margin-top: 14rpx; margin-right: 15rpx; } .hua-box { width: 690rpx; background: #ffffff; border-radius: 20rpx; margin: 0 auto; margin-top: 20rpx; padding: 30rpx 30rpx 40rpx 30rpx; box-sizing: border-box; } .hot-title { display: flex; justify-content: space-between; align-items: center; height: 41rpx; font-size: 34rpx; font-family: "FZCuYuan-M03"; font-weight: 400; color: #333333; position: relative; } .hot-title .line { position: absolute; width: 6rpx; height: 41rpx; background: #ffdd36; border-radius: 3rpx; top: 0; left: 0; opacity: 0.5; } .hua-item { border-bottom: 1px solid #e6e6e6; padding-bottom: 23rpx; margin-top: 20rpx; } .hua-item .name-box { display: flex; align-items: center; } .hua-item .name-box .name { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; margin-left: 15rpx; } .hua-item .name-box .dot { width: 10rpx; height: 10rpx; background: #333333; border-radius: 50%; } .con { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #999999; margin-top: 10rpx; line-height: 36rpx; } .price { display: flex; flex-direction: row; margin-top: 15rpx; } .price .p2 { font-size: 36rpx; font-family: FZZhunYuan-M02S; font-weight: bold; color: #ec2e26; line-height: 45rpx; } .price .p1 { font-size: 22rpx; color: #ec2e26; line-height: 52rpx; } .desc-box { width: 690rpx; background: #ffffff; border-radius: 20rpx; margin: 0 auto; margin-top: 20rpx; padding: 30rpx; box-sizing: border-box; } .desc-box .content { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #999999; margin-top: 15rpx; } .share-box { width: 690rpx; background: #ffffff; border-radius: 20rpx; margin: 0 auto; margin-top: 20rpx; padding: 30rpx; box-sizing: border-box; } .share-item-msg { margin-bottom: 20rpx; border-bottom: 1px solid #e6e6e6; padding-bottom: 20rpx; } .share-item-msg:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .share-box .info-time { display: flex; justify-content: space-between; align-items: center; margin-top: 15rpx; } .comment-box { display: flex; align-items: center; } .share-box .info-time .comment-box .img { width: 83rpx; height: 83rpx; border-radius: 50%; } .comment-box .name { font-size: 30rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #1a1a1a; margin-left: 18rpx; } .comment-time { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #999999; } .msg { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #666666; margin-top: 20rpx; } .share-box .label-box { display: flex; flex-wrap: wrap; } .share-box .label-box .label { margin-top: 10rpx; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #999999; margin-right: 15rpx; } .bot-box { position: fixed; /* width: 690rpx; */ width: 100%; padding: 0 30rpx; box-sizing: border-box; display: flex; justify-content: space-between; height: 85rpx; } .share-btn { position: absolute; top: 0; left: 0; width: 43rpx; height: 85rpx; opacity: 0; } .share-box2 { display: flex; flex-direction: column; justify-content: space-between; } .share-img { width: 43rpx; height: 40rpx; } .share-word { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #1a1a1a; } .btn { width: 582rpx; height: 85rpx; background: #ffdc2f; border-radius: 43rpx; text-align: center; line-height: 85rpx; font-size: 30rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #000; } .no-btn { background-color: #e6e6e6; } .selt-btn { display: flex; justify-content: center; padding-bottom: 65rpx; } .i-know { width: 500rpx; height: 80rpx; background: #ffdc2f; border-radius: 40rpx; text-align: center; line-height: 80rpx; color: #ffffff; font-size: 32rpx; } .time-item { border-bottom: 1px solid #e6e6e6; height: 75rpx; display: flex; align-items: center; } .week-word { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #808080; } .time-box { display: flex; align-items: center; justify-content: space-between; margin-left: 84rpx; flex: 1; font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #808080; } .start-box { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #808080; } .icon-time { font-size: 30rpx; } .zhi { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #808080; }