地图互动升级:使用CSS自定义弹出气泡窗
.pop {
width: 160px;
height: 60px;
/*border: 1px solid rgba(55, 166, 167, 0.53);*/
border-radius: 5px;
/*box-shadow: 1px 1px 1px rgba(55, 166, 167, 0.73);*/
position: absolute;
background-color: rgba(55, 166, 167, 0.73);
}
.triangle-bottom {
width: 0;
height: 0;
border-top: 15px solid rgba(55, 166, 167, 0.73);
border-left: 15px dashed transparent;
border-right: 15px dashed transparent;
position: absolute;
left: 65px;
top: 60px;
}
.lock-itemitem {
width: 100%;
text-align: center;
margin-top: 5px;
}
.item > span {
display: inline-block;
width: 33.33%;
font-weight: bold;
font-size: 14px;
}
.item > span:first-child {
color: #2a2a2a;
}
.item > span:nth-child(2) {
color: #fff;
}
.item > span:nth-child(3) {
color: #bc3b3a;
}