.container.data-v-0fdc5d33 { background-color: #fff; } .containerOvf.data-v-0fdc5d33 { height: 100vh; overflow: hidden; } .page-hdetail.data-v-0fdc5d33 { background-color: #fff; } .hdetail-h .image.data-v-0fdc5d33 { width: 100%; } button.data-v-0fdc5d33 { margin: 0; padding: 0; border: none; } .send-call-mask.data-v-0fdc5d33 { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .65); position: fixed; top: 0; left: 0; z-index: 102; } .send-call-d.data-v-0fdc5d33 { width: calc(100vw - 200rpx); margin-top: -65rpx; padding-bottom: 50rpx; background-color: #fff; border-radius: 20rpx; position: fixed; top: 50%; left: 100rpx; z-index: 103; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .send-call-d-t.data-v-0fdc5d33 { width: 100%; height: 260rpx; border-radius: 20rpx 20rpx 0 0; position: absolute; overflow: hidden; } .send-call-d-t-d.data-v-0fdc5d33 { height: 100%; background-color: #FFD93F; position: relative; } .send-call-d-t-stl.data-v-0fdc5d33 { width: 240%; height: 600rpx; position: absolute; top: -450rpx; left: calc(-70% - 80rpx); z-index: 1; border: 80rpx solid #fff; border-radius: 50%; } .send-call-d-c.data-v-0fdc5d33 { padding: 60rpx 50rpx 0 50rpx; position: relative; z-index: 2; } .send-call-d-c-t.data-v-0fdc5d33 { width: 130rpx; height: 130rpx; margin: 0 auto; margin-top: 16rpx; } .send-call-d-c-t .image.data-v-0fdc5d33 { width: 100%; height: 100%; } .send-call-d-c-c.data-v-0fdc5d33 { margin-top: 60rpx; } .send-call-d-c-c .h1.data-v-0fdc5d33 { font-size: 28rpx !important; text-align: center; font-weight: normal; margin-bottom: 30rpx; } .send-call-d-c-c .p.data-v-0fdc5d33 { line-height: 44rpx; color: #666; } .send-call-close.data-v-0fdc5d33 { width: 80rpx; height: 80rpx; line-height: 80rpx; text-indent: 4rpx; text-align: center; margin-left: -40rpx; background-color: #fff; border-radius: 50%; position: absolute; left: 50%; bottom: -130rpx; } .send-call-close .i.data-v-0fdc5d33 { font-size: 36rpx !important; display: inline; } .hdetail-call-mask.data-v-0fdc5d33 { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .65); position: fixed; top: 0; left: 0; z-index: 100; } .hdetail-call.data-v-0fdc5d33 { width: 100%; padding-bottom: 30rpx; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 101; } .send-h.data-v-0fdc5d33 { text-align: center; padding: 50rpx 30rpx 20rpx 30rpx; } .send-h-t-d.data-v-0fdc5d33 { width: 136rpx; height: 136rpx; border-radius: 50%; display: inline-block; } .send-h-t-d .image.data-v-0fdc5d33 { width: 100%; height: 100%; border-radius: 50%; } .send-h-c.data-v-0fdc5d33 { margin-top: 20rpx; } .send-h-b.data-v-0fdc5d33 { color: #999; font-size: 24rpx !important; margin-top: 20rpx; } .send-t1.data-v-0fdc5d33 { margin: 20rpx 30rpx 0 30rpx; padding: 40rpx 40rpx 30rpx 40rpx; border-radius: 12rpx; box-shadow: 0 0 16rpx #d9d9d9; } .send-t1-t.data-v-0fdc5d33 { position: relative; } .send-t1-t-l.data-v-0fdc5d33 { width: 80rpx; height: 80rpx; background-color: #eee; border-radius: 50%; position: absolute; } .send-t1-t-l button.data-v-0fdc5d33 { border: none; } .send-t1-t-l .image.data-v-0fdc5d33 { width: 100%; height: 100%; border-radius: 50%; } .send-t1-t-r.data-v-0fdc5d33 { height: 80rpx; line-height: 80rpx; font-size: 24rpx !important; padding: 0 40rpx 0 120rpx; } .send-t1-t-r .em.data-v-0fdc5d33 { color: #FF5050; margin-right: 8rpx; display: inline; } .send-t1-c.data-v-0fdc5d33 { height: 80rpx; line-height: 80rpx; margin-top: 20rpx; } .send-t1-c .span.data-v-0fdc5d33 { height: 80rpx; line-height: 80rpx; font-size: 28rpx !important; text-align: center; background-color: #FFD93F; border-radius: 100rpx; display: block; } .send-t1-b.data-v-0fdc5d33 { margin-top: 50rpx; } .send-t1-b .h1.data-v-0fdc5d33 { display: flex; justify-content: space-between; } .send-t1-b .h1 .h1-l.data-v-0fdc5d33 { height: 60rpx; line-height: 60rpx; } .send-t1-b .h1 .h1-l.data-v-0fdc5d33:after { content: ""; display: block; clear: both; } .send-t1-b .h1 .h1-l .i.data-v-0fdc5d33 { width: 60rpx; height: 60rpx; line-height: 60rpx; color: #999; font-size: 28rpx !important; text-align: center; margin-left: -26rpx; background-color: #E8E8E8; border: 2rpx solid #fff; border-radius: 50%; float: left; } .send-t1-b .h1 .h1-l .i.data-v-0fdc5d33:first-child { margin-left: 0; } .send-t1-b .h1 .h1-l .i .image.data-v-0fdc5d33 { width: 100%; height: 100%; border-radius: 50%; } .send-t1-b .h1 .h1-r.data-v-0fdc5d33 { height: 60rpx; line-height: 60rpx; font-size: 24rpx !important; } .send-t1-b .h1 .h1-r .em.data-v-0fdc5d33 { color: #F53421; margin-right: 8rpx; display: inline; } .send-t1-b .h3.data-v-0fdc5d33 { font-size: 24rpx !important; font-weight: normal; text-align: left; margin-top: 30rpx; } .send-t1-b .h3 .span.data-v-0fdc5d33 { height: 42rpx; line-height: 42rpx; color: #999; display: inline-block; } .hdetail-bar-bottom.data-v-0fdc5d33 { width: calc(100vw - 60rpx); height: 92rpx; line-height: 92rpx; position: fixed; left: 30rpx; bottom: 30rpx; z-index: 99; display: flex; justify-content: space-between; } .pag-index.data-v-0fdc5d33 { flex-shrink: 0; } .pag-sendetail.data-v-0fdc5d33 { padding: 0 30rpx; flex: 1; } .pag-rushdetail.data-v-0fdc5d33 { flex-shrink: 0; } .pag-index .bar-i-link.data-v-0fdc5d33 { width: 92rpx; height: 92rpx; color: #fff; padding: 0; background-color: #505050; border-radius: 50%; } .pag-sendetail.data-v-0fdc5d33 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pag-sendetail .bar-i-link.data-v-0fdc5d33 { height: 76rpx; padding: 8rpx 30rpx; background-color: #FFD93F; border-radius: 100rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .pag-sendetail .bar-i-link .h1.data-v-0fdc5d33 { height: 40rpx; line-height: 40rpx; font-weight: normal; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pag-sendetail .bar-i-link .p.data-v-0fdc5d33 { width: 100%; height: 36rpx; line-height: 36rpx; font-size: 24rpx !important; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bar-i-t.data-v-0fdc5d33 { width: 46rpx; height: 46rpx; line-height: 46rpx; text-align: center; margin: 0 auto; padding-top: 6rpx; } .bar-i-t .i.data-v-0fdc5d33 { font-size: 28rpx !important; } .bar-i-t .image.data-v-0fdc5d33 { width: 100%; height: 100%; display: none; } .bar-i-c.data-v-0fdc5d33 { height: 24rpx; line-height: 24rpx; font-size: 20rpx !important; text-align: center; } .hdetail-bar-mask.data-v-0fdc5d33 { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); opacity: 0; position: fixed; top: 0; left: 0; z-index: 100; transition: opacity .3s; } .maskHide.data-v-0fdc5d33 { display: none; } @-webkit-keyframes barMaskAni-data-v-0fdc5d33 { 0% { opacity: 0; } 100% { opacity: 1.0; } } @keyframes barMaskAni-data-v-0fdc5d33 { 0% { opacity: 0; } 100% { opacity: 1.0; } } .barMask.data-v-0fdc5d33 { opacity: 1.0; -webkit-animation: barMaskAni-data-v-0fdc5d33 .3s; animation: barMaskAni-data-v-0fdc5d33 .3s; } .hdetail-bar-r-d.data-v-0fdc5d33 { width: 88%; height: 100%; position: fixed; top: 0; left: 100%; z-index: 101; transition: left .3s; } .barDShow.data-v-0fdc5d33 { left: 12%; } .hdetail-bar-r-d-fold-d.data-v-0fdc5d33 { width: 50rpx; height: 100%; line-height: 108rpx; position: absolute; top: 0; left: 0; } .hdetail-bar-r-d-fold.data-v-0fdc5d33 { width: 50rpx; height: 108rpx; line-height: 108rpx; margin-top: -54rpx; background-color: #fff; border-radius: 8rpx 0 0 8rpx; position: absolute; top: 50%; left: 2rpx; } .hdetail-bar-r-d-fold .i.data-v-0fdc5d33 { color: #666; font-size: 36rpx !important; text-indent: -10rpx; } .hdetail-bar-r-d-scroll.data-v-0fdc5d33 { width: calc(100% - 50rpx); height: 100%; background-color: #fff; position: absolute; top: 0; left: 50rpx; padding-top: 80rpx; } .hdetail-bar-r-i.data-v-0fdc5d33 { margin: 0 30rpx; padding: 30rpx 0; border-bottom: 2rpx solid #f3f3f3; position: relative; } .hdetail-bar-r-i.data-v-0fdc5d33:last-child { border-bottom: none; } .hdetail-bar-r-i-l.data-v-0fdc5d33 { width: 180rpx; height: 180rpx; border-radius: 4rpx; background-repeat: no-repeat; background-size: 180rpx 180rpx; background-position: center; flex-shrink: 0; /* position: absolute; */ } .hdetail-bar-r-i-r.data-v-0fdc5d33 { width: 100%; height: 180rpx; margin-left: 20rpx; position: relative; } .hdetail-bar-r-i-r .h1.data-v-0fdc5d33 { line-height: 42rpx; font-size: 24rpx !important; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .hdetail-bar-r-i-r .p.data-v-0fdc5d33 { width: 100%; height: 42rpx; line-height: 42rpx; display: flex; justify-content: space-between; position: absolute; bottom: 0; } .hdetail-bar-r-i-r .p .span.data-v-0fdc5d33 { color: #FF4040; font-size: 28rpx !important; display: block; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hdetail-bar-r-i-r .p .em.data-v-0fdc5d33 { color: #CCCCCC; font-size: 24rpx !important; font-style: normal; text-decoration: line-through; display: block; flex-shrink: 0; } .pag-rushdetail .a.data-v-0fdc5d33 { width: 92rpx; height: 92rpx; line-height: 92rpx; color: #fff; text-align: center; padding: 0 50rpx; background-color: #FE504F; border-radius: 100rpx; font-size: 28rpx; } .hdetail-c.data-v-0fdc5d33 { padding: 30rpx; } .hdetail-c-t.data-v-0fdc5d33 { line-height: 52rpx; font-size: 36rpx !important; letter-spacing: 4rpx; font-weight: 600; } .hdetail-c-c.data-v-0fdc5d33 { height: 60rpx; line-height: 60rpx; font-size: 28rpx !important; color: #888; margin-top: 30rpx; display: flex; justify-content: space-between; } .hdetail-c-c button.data-v-0fdc5d33 { border: none; } .hdetail-c-c .span.data-v-0fdc5d33 { line-height: 60rpx; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; justify-content: flex-start; } .hdetail-c-c .span .i.data-v-0fdc5d33 { width: 60rpx; height: 60rpx; margin-right: 20rpx; border-radius: 50%; display: block; font-size: 28rpx !important; } .hdetail-c-c .span .span-text.data-v-0fdc5d33 { font-size: 24rpx; font-weight: normal; display: block; } .hdetail-c-c .span .i .image.data-v-0fdc5d33 { width: 100%; height: 100%; border-radius: 50%; } .hdetail-c-c .em.data-v-0fdc5d33 { height: 60rpx; line-height: 60rpx; color: #333; font-size: 24rpx !important; font-style: normal; padding: 0 30rpx; background-color: #FFD83F; border-radius: 100rpx; flex-shrink: 0; } .hdetail-c-c .em .i.data-v-0fdc5d33 { font-size: 28rpx !important; margin-right: 10rpx; vertical-align: -2rpx; display: inline; } .hdetail-c-b.data-v-0fdc5d33 { margin-top: 40rpx; } .hdetail-b.data-v-0fdc5d33 { margin-top: 40rpx; } .hdetail-b-t1.data-v-0fdc5d33 { padding: 0 30rpx; } .hdetail-b-t1 .h1.data-v-0fdc5d33 { text-align: center; } .hdetail-b-t1 .h1 .span.data-v-0fdc5d33 { color: #fff; font-size: 36rpx !important; font-weight: normal; padding: 6rpx 14rpx; background-color: #C0504E; border-radius: 4rpx; display: inline-block; } .hdetail-b-t1 .p.data-v-0fdc5d33 { font-size: 30rpx !important; text-align: center; margin-top: 30rpx; } .hdetail-b-t1 .p .i.data-v-0fdc5d33 { width: 40rpx; height: 40rpx; display: inline-block; } .hdetail-b-t1 .p .i .image.data-v-0fdc5d33 { width: 100%; height: 100%; } .hdetail-b-t2.data-v-0fdc5d33 { margin: 40rpx 30rpx 0 30rpx; border-radius: 12rpx; box-shadow: 0 0 16rpx #d9d9d9; } .hdetail-b-t2-t.data-v-0fdc5d33 { padding: 30rpx; } .hdetail-b-t2-t .h1.data-v-0fdc5d33 { height: 60rpx; line-height: 60rpx; font-weight: normal; display: flex; justify-content: flex-start; } .hdetail-b-t2-t .h1 .i.data-v-0fdc5d33 { width: 60rpx; height: 60rpx; border-radius: 50%; display: block; } .hdetail-b-t2-t .h1 .i .image.data-v-0fdc5d33 { width: 100%; height: 100%; border-radius: 50%; } .hdetail-b-t2-t .h1 .span.data-v-0fdc5d33 { font-size: 24rpx !important; color: #999; margin-left: 20rpx; display: block; } .hdetail-b-t2-t .h2.data-v-0fdc5d33 { font-size: 32rpx !important; line-height: 44rpx; font-weight: normal; margin-top: 30rpx; } .hdetail-b-t2-c .image.data-v-0fdc5d33 { width: 100%; } .hdetail-b-t2-b.data-v-0fdc5d33 { height: 60rpx; line-height: 60rpx; padding: 30rpx; display: flex; justify-content: space-between; } .hdetail-b-t2-b .p.data-v-0fdc5d33 { color: #FE504F; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 1; } .hdetail-b-t2-b .p .span.data-v-0fdc5d33 { font-size: 36rpx !important; display: inline; } .hdetail-b-t2-b .p .i.data-v-0fdc5d33 { font-style: normal; vertical-align: 2rpx; margin-left: 8rpx; } .hdetail-b-t2-b .p .em.data-v-0fdc5d33 { color: #CCCCCC; text-decoration: line-through; margin-left: 30rpx; display: inline; } .hdetail-b-t2-b .h1.data-v-0fdc5d33 { height: 60rpx; line-height: 60rpx; color: #fff; font-weight: normal; padding: 0 50rpx; background-color: #FE504F; border-radius: 10rpx; } .hdetail-b-t3.data-v-0fdc5d33 { text-align: center; margin: 0 60rpx 0 60rpx; padding: 60rpx 0; border-bottom: 2rpx solid #eee; } .hdetail-b-t3-d.data-v-0fdc5d33 { display: inline-block; } .hdetail-b-t3.data-v-0fdc5d33:after { content: ""; display: block; clear: both; } .hdetail-b-t3 .i.data-v-0fdc5d33 { height: 50rpx; line-height: 50rpx; color: #8F8F8F; font-size: 28rpx !important; margin: 10rpx; padding: 0 30rpx; background-color: #FBFBFB; border-radius: 100rpx; float: left; } .hdetail-b-t4.data-v-0fdc5d33 { color: #8C8C8C; padding: 40rpx 30rpx; } .hdetail-b-t5.data-v-0fdc5d33 { padding: 30rpx 30rpx 120rpx 30rpx; background-color: #F3F3F3; } .hdetail-b-t5-t.data-v-0fdc5d33 { font-size: 28rpx !important; display: flex; justify-content: space-between; } .hdetail-b-t5-t .span.data-v-0fdc5d33 { color: #999; } .hdetail-b-t5-t .a.data-v-0fdc5d33 { color: #8185A2; } .hdetail-b-t5-t .a .i.data-v-0fdc5d33 { font-size: 32rpx !important; margin-right: 4rpx; vertical-align: 0; display: inline; } .hdetail-b-t5-c.data-v-0fdc5d33 { margin-top: 40rpx; } .hdetail-cmt-i.data-v-0fdc5d33 { margin-bottom: 40rpx; position: relative; } .hdetail-cmt-i.data-v-0fdc5d33:last-child { margin-bottom: 0; } .hdetail-cmt-i-l.data-v-0fdc5d33 { width: 60rpx; height: 60rpx; border-radius: 50%; position: absolute; } .hdetail-cmt-i-l .image.data-v-0fdc5d33 { width: 100%; height: 100%; border-radius: 50%; } .hdetail-cmt-i-r.data-v-0fdc5d33 { min-height: 60rpx; padding-left: 80rpx; } .hdetail-cmt-i-r .h1.data-v-0fdc5d33 { height: 44rpx; line-height: 44rpx; font-weight: normal; display: flex; justify-content: space-between; } .hdetail-cmt-i-r .h1 .span.data-v-0fdc5d33 { color: #999; font-size: 24rpx !important; display: block; } .hdetail-cmt-i-r .h1 .em.data-v-0fdc5d33 { color: #8185A2; font-size: 32rpx !important; font-style: normal; display: block; } .hdetail-cmt-i-r .h1 .em.isagree.data-v-0fdc5d33 { color: #FF7F18; } .hdetail-cmt-i-r .h1 .em.isagree .i.data-v-0fdc5d33 { color: #FF7F18; } .hdetail-cmt-i-r .h1 .em .i.data-v-0fdc5d33 { color: #8185A2; font-size: 40rpx !important; margin-right: 4rpx; display: inline; } .hdetail-cmt-i-r .p.data-v-0fdc5d33 { line-height: 44rpx; margin-top: 6rpx; } .hdetail-cmt-i-r .h2.data-v-0fdc5d33 { height: 44rpx; line-height: 44rpx; color: #999; margin-top: 6rpx; padding-left: 26rpx; position: relative; } .hdetail-cmt-i-r .h2.data-v-0fdc5d33:before { content: ""; width: 6rpx; height: 66%; background-color: #FE504F; position: absolute; top: 17%; left: 0; } .hdetail-b-t5-b.data-v-0fdc5d33 { margin-bottom: 92rpx; } .masking.data-v-0fdc5d33 { 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.data-v-0fdc5d33 { position: fixed !important; z-index: 1009; right: 10rpx; top: 0; overflow: auto; width: 500rpx; height: 380rpx; } .hd-goods.data-v-0fdc5d33 { border: 1px solid #F6F6F6; }