a {
  text-decoration: none;
}
.mod-map .bd .map {
  float:left;
  width:560px;
  padding:50px 0 20px 20px
}
.mod-map .bd .list {
  padding:10px;
  background:rgba(255,255,255,.5);
  border-radius:5px;
  overflow:hidden
}
.mod-map .bd dl {
  position:relative;
  bottom:-1px;
  padding:5px 0;
  border-bottom:1px dotted #f0f0f0;
  line-height:24px
}
.mod-map .bd dl:last-child {
  border-bottom:none
}
.mod-map .bd dl dt {
  display:block;
  width:100px;
  padding:0 12px;
  margin-bottom:5px;
  background:#def;
  text-align:center;
  font-weight:bold;
  border-radius:4px
}
.mod-map .bd dl dd {
  display:inline-block
}
.mod-map .bd dl dd a {
  margin:0 2px
}
.mod-map .bd dl dd a:hover {
  text-decoration:underline;
  color:#2095f2
}
.mod-map .ft {
  margin:0 20px
}
.mod-map .ft .box {
  margin-bottom:20px
}
.mod-map .ft .box .c-hd {
  margin-bottom:20px;
  border-bottom:1px dotted #e8e8e8
}
.mod-map .ft .box .c-hd .title {
  position:relative;
  bottom:-12px;
  padding-right:20px;
  padding-left:5px;
  display:inline-block;
  background:#fff;
  line-height:20px;
  font-weight:bold;
  font-size: 20px;
  text-align: center;
  width: 100%;
}
.mod-map .ft .box .c-bd ul {
  overflow:hidden
}
.mod-map .ft .box .c-bd li {
  float:left;
  width:100%
}
.mod-map .ft .box .c-bd li a {
  display:block;
  margin:0 1px 2px;
  height:30px;
  line-height:30px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color: #487bc3;
}
.mod-map .ft .box .c-bd li:hover {
  background:#e9f4ff
}
.mod-city .bd .field-wrapper {
  padding:3px 0;
  line-height:32px;
  overflow:hidden
}
.mod-city .bd .field-wrapper .field-title {
  float:left;
  width:120px;
  height:32px;
  background:#f8f8f8;
  border-radius:3px;
  line-height:32px;
  text-align:center;
  font-weight:bold
}
.mod-city .bd .field-wrapper .field-content {
  margin-left:135px
}
.mod-city .bd .field-wrapper a {
  display:inline-block;
  padding:0 10px;
  text-align:center
}
.mod-city .ft {
  background:#f9fcff;
  border-top:1px solid #f0f0f0
}
.mod-city .ft a {
  display:block;
  line-height:48px;
  text-align:center
}
.mod-world .bd .box {
  margin-bottom:25px
}
.mod-world .bd .title {
  padding:10px 0;
  line-height:24px;
  text-align:center;
  font-weight:bold
}
.mod-world .bd .title p.en {
  font-size:32px;
  color:#e8e8e8
}
.mod-world .bd .title p.name {
  margin-top:-10px;
  font-size:20px
}
.mod-world .bd .list {
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:2px;
  overflow:hidden
}
.mod-world .bd .list li {
  min-width:0;
  padding:8px 10px;
  background:#fafafa;
  border-radius:3px
}
.mod-world .bd .list li:hover {
  background:#f8f8f8
}
.mod-world .bd .list li p {
  line-height:18px;
  text-align:center;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.mod-world .bd .list li p.en {
  color:#999
}
.mod-world .bd .list li a {
  display:block;
  padding:0 10px;
  text-align:center;
  color:#484848
}
.mod-world .bd .list li a:hover {
  color:#2095f2
}
.mod-link .bd {
  line-height:24px
}
.mod-link .bd a {
  white-space:nowrap;
  margin:0 5px
}
@media screen and (max-width: 799px) {
  .mod-weather {
    padding:12px 15px
  }
  .mod-weather .hd {
    line-height:26px;
    font-size:13px
  }
  .mod-weather .bd span {
    margin-right:10px
  }
  .mod-weather .bd .temperature {
    line-height:36px;
    font-size:32px
  }
  .mod-weather .bd .name {
    line-height:36px;
    font-size:16px
  }
  .mod-weather .bd .tag {
    zoom:.75
  }
  .mod-weather .bd .icon img {
    width:40px;
    height:40px
  }
  .mod-weather .ft {
    line-height:26px;
    white-space:nowrap;
    font-size:13px
  }
  .mod-weather .ft img {
    width:16px;
    height:16px
  }
  .mod-weather .ft span {
    margin-right:10px;
    white-space:nowrap
  }
  .mod-weather .trend {
    margin:0 -15px;
    background:#fff
  }
  .mod-map .hd {
    padding:20px 15px 5px
  }
  .mod-map .hd h1 {
    line-height:24px;
    font-size:18px
  }
  .mod-map .hd p {
    line-height:20px;
    font-size:13px
  }
  .mod-map .bd .map {
    float:none;
    width:auto;
    max-width:600px;
    padding:30px 0 10px 15px;
    margin:0 auto
  }
  .mod-map .bd .list {
    margin-left:0
  }
  .mod-map .bd dl dt {
    display:block;
    width:auto;
    text-align:center
  }
  .mod-map .ft {
    margin:0 10px
  }
  .mod-map .ft .box .c-bd li {
    width:100%
  }
  .mod-city .hd {
    padding:10px 15px
  }
  .mod-city .bd .field-wrapper {
    line-height:30px
  }
  .mod-city .bd .field-wrapper .field-title {
    float:none;
    width:auto
  }
  .mod-city .bd .field-wrapper .field-content {
    margin-left:0
  }
  .mod-world .bd .title p.en {
    font-size:28px
  }
  .mod-world .bd .title p.name {
    font-size:16px
  }
  .mod-world .bd .list {
    grid-template-columns:repeat(2, 1fr)
  }
}
.c-bd li a span{float:right;}
#floatPanel{}
#floatPanel .ctrolPanel{width:36px;height:166px;background:#fff url(../images/float-panel-bg.gif) no-repeat left top;border:solid 1px #ddd;position:fixed;right:25px;top:300px;overflow:hidden;z-index:10000; _position:absolute; /* for IE6 */_top:expression(documentElement.scrollTop + 300);}
#floatPanel .ctrolPanel a{width:34px;font-size:12px;color:#ff6600;letter-spacing:1px;text-align:center;overflow:hidden;}
#floatPanel .ctrolPanel .arrow{height:29px;line-height:28px;display:block;margin:1px auto;}
#floatPanel .ctrolPanel .arrow span{display:none;}
#floatPanel .ctrolPanel .arrow:hover{background:#f4f4f4;}
#floatPanel .ctrolPanel .arrow:hover span{display:block;}
#floatPanel .ctrolPanel .contact{height:60px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .contact span{line-height:90px;}
#floatPanel .ctrolPanel .qrcode{height:40px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .qrcode span{display:none;}

#floatPanel .popPanel{width:230px;height:242px;position:fixed;right:70px;top:300px;z-index:10000;overflow:hidden;display:none;_position:absolute; /* for IE6 */_top:expression(documentElement.scrollTop + 300); }
#floatPanel .popPanel .popPanel-inner{width:230px;height:242px;position:relative;overflow:hidden;}
#floatPanel .popPanel .popPanel-inner .arrowPanel{width:10px;height:240px;position:absolute;right:1px;top:102px;}
#floatPanel .popPanel .popPanel-inner .arrowPanel .arrow01{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #ddd;position:absolute;bottom:0;position:absolute;left:2px;top:0;}
#floatPanel .popPanel .popPanel-inner .arrowPanel .arrow02{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #fff;position:absolute;bottom:0;position:absolute;left:0;top:0;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel{width:220px;height:240px;text-align:center;background:#fff;border:solid 1px #ddd;position:absolute;left:0;top:0;overflow:hidden;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel img{width:200px;height:200px;border:none;padding:10px 10px 5px 10px;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel span{font-size:12px;color:#666;line-height:24px;letter-spacing:1px;}