
.panel[data-v-2d54a576] {
  position: absolute;
  z-index: 1000;
  height: 2.7rem;
  width: 5.5rem;
  /* background: url(../../images/bridge_JT/panel0102.png) no-repeat; */
  background-size: 100%;
  padding: 0 0.1875rem 0.5rem;
  top: 0.35rem;
  left: 0.2rem;
  color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 1900px) {
.panel[data-v-2d54a576] {
    position: absolute;
    z-index: 1000;
    height: 2.7rem;
    width: 5.5rem;
    /* background: url(../../images/bridge_JT/panel0102.png) no-repeat; */
    background-size: 100%;
    padding: 0 0.1875rem 0.5rem;
    top: 0.45rem;
    left: 0.2rem;
    color: #fff;
    overflow: hidden;
}
}
@media screen and (max-width: 1334px) {
.panel[data-v-2d54a576] {
    position: absolute;
    z-index: 1000;
    height: 2.7rem;
    width: 5.5rem;
    /* background: url(../../images/bridge_JT/panel0102.png) no-repeat; */
    background-size: 100%;
    padding: 0 0.1875rem 0.5rem;
    top: 0.45rem;
    left: 0.2rem;
    color: #fff;
    overflow: hidden;
}
}
@media screen and (max-width: 1212px) {
.panel[data-v-2d54a576] {
    position: absolute;
    z-index: 1000;
    height: 2.7rem;
    width: 5.5rem;
    /* background: url(../../images/bridge_JT/panel0102.png) no-repeat; */
    background-size: 100%;
    padding: 0 0.1875rem 0.5rem;
    top: 0.45rem;
    left: 0.2rem;
    color: #fff;
    overflow: hidden;
}
}
.panel .bridge-name[data-v-2d54a576] {
  font-weight: 600;
  font-size: 0.25rem;
}
.panel .road[data-v-2d54a576] {
  font-size: 0.2rem;
  margin-top: 2px;
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.6);
}
.panel .weather[data-v-2d54a576] {
  margin-left: 0.22rem;
  margin-top: 0.2rem;
  font-size: 0.2rem;
}
.panel .description[data-v-2d54a576] {
  /* word-break:break-al1; */
  font-size: 0.2rem;
  margin-top: 0.3rem;
  margin-left: 0.2rem;

  line-height: 250%; /* 行高 */
  text-indent: 0.5rem; /* 首行缩进 */
  /* text-decoration:underline;  */
  /* 下划线 */
  /* display: inline;
border-bottom: solid 1px #ffffff;
padding-bottom: 0.05rem; */
  text-align: justify;
  word-break: break-al1;
  letter-spacing: 1px; /* 字间距 */
  /* overflow: scroll; */
  overflow-x: hidden;
  width: 5rem;
  height: 2rem;
}
.tip[data-v-2d54a576] {
  width: 3.5rem;
  height: 2rem;

  word-break: break-all;
  font-family: "Courier New", Courier, monospace;
}

/* ↓滚动条的上下边界 */
/* ::-webkit-scrollbar-button {
  background-color: #07a6ff;
  
} */
/* ↓滚动条的空区 */
[data-v-2d54a576]::-webkit-scrollbar-track {
  width: 6px;
  background-color: rgb(7, 166, 255, 0.2);
  /* background: rgba(#101F1C, 0.5); */
  border-radius: 2em;
  cursor: pointer;
}

/* ↓滚动条的下拉条 */
[data-v-2d54a576]::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.3);
  background-clip: padding-box;
  min-height: 28px;
  border-radius: 2em;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  width: 15px;
  padding-left: -5px;
}
[data-v-2d54a576]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(17, 166, 255, 1);
}

