.map-wrap {
position: fixed;
z-index: 1;
}
.scroll-v {
position: relative;
margin-top: 550rpx;
z-index: 9999;
transition: all 0.5s;
background: linear-gradient(180deg, rgba(246, 247, 250, 0) 0%, #F6F7FA 36.47%);
border-radius: 24rpx;
&.less10 {
margin-top: 160rpx;
}
}
.scroll-v::before{
content: "";
position: absolute;
top: -86rpx;
left: 0;
width: 453rpx;
height: 62rpx;
background-image: url("../../static/images/map/tip.png");
background-size: 453rpx 62rpx;
z-index: 99999;
}
.components-wrap {
background: #FAFBFD;
border-radius: 24rpx;
width: 730rpx;
box-sizing: border-box;
margin: 24rpx auto;
overflow: hidden;
.top-wrap {
height: 93rpx;
line-height: 93rpx;
padding: 0 24rpx;
display: flex;
justify-content: space-between;
align-content: center;
.left {
font-weight: 500;
font-size: 32rpx;
color: #333333;
}
.right {
font-size: 24rpx;
color: #666666;
}
}
.lis {
background-color: #fff;
.component-item+.component-item::before {
content: "";
height: 2rpx;
background-color: #E5E5E5;
position: absolute;
width: 682rpx;
left: 24rpx;
top: 0rpx;
transform: scaleY(0.5);
}
.component-item {
position: relative;
padding: 24rpx;
box-sizing: border-box;
.line1 {
font-size: 32rpx;
color: #333;
line-height: 45rpx;
}
.line2 {
display: flex;
justify-content: space-between;
align-content: center;
.right {
display: flex;
justify-content: center;
align-items: center;
image {
width: 48rpx;
height: 48rpx;
}
}
}
.common-line {
margin-top: 8rpx;
line-height: 39rpx;
color: #777777;
font-size: 26rpx;
}
}
}
}
page {
background: linear-gradient(180deg, rgba(246, 247, 250, 0) 0%, #F6F7FA 36.47%);
}
