.panel[data-v-893866fc] {
  position: absolute;
  z-index: 1000;
  height: 3.35rem;
  width: 5.44rem;
  top: 1.9rem;
  left: 0.1rem;
  overflow: hidden;
  -webkit-animation:myfirst-893866fc 1s,animate-893866fc 4s linear infinite;
          animation:myfirst-893866fc 1s,animate-893866fc 4s linear infinite;
  border-radius: 0.2rem;
  background: repeating-conic-gradient(from var(--a),rgb(39 187 255 / 40%) 0%,
  rgb(39 187 255 / 40%) 5%,transparent 5%, transparent 40%,rgb(39 187 255 / 40%) 50%);
  opacity:0.7;
}
.panelcontent[data-v-893866fc]{
  background: url(../img/panelL1.f1a12cb8.png) no-repeat;
  height: 3.3rem;
  width: 5.52rem;
  background-size: 100%;
  margin-top:-1rem ;
  margin-left:-0.05rem ;
  padding: 0 0.1875rem 0.5rem;
}
.panel[data-v-893866fc]:hover{
  opacity:1;
}
@property --a
{
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
@-webkit-keyframes animate-893866fc
{
0%
{
    --a: 0deg;
}
100%
{
--a: 360deg;
}
}
@keyframes animate-893866fc
{
0%
{
    --a: 0deg;
}
100%
{
--a: 360deg;
}
}
@-webkit-keyframes myfirst-893866fc {
0% {
    left: -3rem;
    top: 1.9rem;
}
100% {
    top: 1.9rem;
  left: 0.2rem;
}
}
@keyframes myfirst-893866fc {
0% {
    left: -3rem;
    top: 1.9rem;
}
100% {
    top: 1.9rem;
  left: 0.2rem;
}
}
.panel[data-v-893866fc]:hover{
  opacity: 1;
}
.panel .bridge-name[data-v-893866fc] {
  font-weight: 600;
  font-size: 0.2rem;
  margin-top: 1rem;
  padding-top: 0.8rem;
  margin-left: 0.064rem;
  color:rgb(66, 241, 241);
}
.panel .road[data-v-893866fc] {
  font-size: 0.2rem;
  margin-top: 0rem;
  margin-left: 0.064rem;
  color:rgb(66, 241, 241);
}
.panel .weather[data-v-893866fc] {
  margin-left: 1.86rem;
  margin-top: -0.3rem;
  font-size: 0.2rem;
}
.panel .description[data-v-893866fc] {
  font-size: 0.15rem;
  margin-top: 0.06rem;
  padding: 0.02rem;
  color:rgb(66, 241, 241);
  height:2rem;
  overflow: scroll;
}
.tip[data-v-893866fc] {
  width: 4rem;
  height: auto;
  font-family: "Courier New", Courier, monospace;
}
#newsBox[data-v-893866fc]::-webkit-scrollbar {
  color: #48e8f3;
}
[data-v-893866fc]::-webkit-scrollbar-thumb{
  background-color: aqua;
}
[data-v-893866fc]::-webkit-scrollbar    {
  background-color: #2d52b8;
}
[data-v-893866fc]::-webkit-scrollbar-button {
  background-color: #15b3cf;
}
[data-v-893866fc]::-webkit-scrollbar-track-piece  {
  background-color: #0d293f;
}


#divmap[data-v-f95db96e] {
  /* position: fixed; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
img[data-v-f95db96e] {
  width: 150px;
  height: 150px;
}
.box[data-v-f95db96e] {
  width: 100px;
  height: 100px;
  background-color: rgb(127, 182, 255);
}
.tdt-touch .tdt-bar[data-v-f95db96e],
.tdt-touch .tdt-control-copyright[data-v-f95db96e],
.tdt-touch .tdt-control-layers[data-v-f95db96e] {
  -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
          box-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
  border-radius: 2px;
  display: none;
}