@charset "UTF-8";

.branch-list .nothing {
  height: 20px;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: #e22;
}

.branch-list .list-page {
  height: 30px;
  // line-height: 30px;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
}

.branch-list .list-page a {
  margin: 0 5px;
  color: #33d;
  text-decoration: underline;
}

.branch-list .list-page a:hover,
.branch-list .list-page a.active {
  color: #e22;
}

.branch-list ul { margin:5px; width: 290px;}
.branch-list ul hr { margin-top: 5px; width: 300px; margin-left: -5px;}
.branch-list li {
  width: 280px;
  height: 60px;
  padding: 5px;
  clear: both;
  border-radius: 4px;
  cursor: pointer;
}

.branch-list li.hover {
  background: #f3f3f3;
}

.branch-list li .icon {
  width: 24px;
  height: 32px;
  background: url(../images/markers.gif);
  margin-right: 10px;
  margin-top: 8px;
}

.branch-list li .info {
  overflow: hidden;
  margin-left: 32px;
  margin-top: -40px;
}

.branch-list li .info div {overflow: hidden;}

.branch-list li .icon1 {background-position: 0 0;}
.branch-list li .icon2 {background-position: -24px 0;}
.branch-list li .icon3 {background-position: -48px 0;}
.branch-list li .icon4 {background-position: -72px 0;}
.branch-list li .icon5 {background-position: -96px 0;}
.branch-list li .icon6 {background-position: -120px 0;}
.branch-list li .icon7 {background-position: -144px 0;}
.branch-list li .icon8 {background-position: -168px 0;}
.branch-list li .icon9 {background-position: -192px 0;}
.branch-list li .icon10 {background-position: -216px 0;}
.branch-list li .icon11 {background-position: -240px 0;}
.branch-list li .icon12 {background-position: -264px 0;}
.branch-list li .icon13 {background-position: -288px 0;}
.branch-list li .icon14 {background-position: -312px 0;}
.branch-list li .icon15 {background-position: -336px 0;}
.branch-list li .icon16 {background-position: -360px 0;}
.branch-list li .icon17 {background-position: -384px 0;}
.branch-list li .icon18 {background-position: -408px 0;}
.branch-list li .icon19 {background-position: -432px 0;}
.branch-list li .icon20 {background-position: -456px 0;}
.branch-list li .icon21 {background-position: -480px 0;}
.branch-list li .icon22 {background-position: -504px 0;}
.branch-list li .icon23 {background-position: -528px 0;}
.branch-list li .icon24 {background-position: -552px 0;}
.branch-list li .icon25 {background-position: -576px 0;}

.branch-list li.hover .icon1 {background-position: 0 -32px;}
.branch-list li.hover .icon2 {background-position: -24px -32px;}
.branch-list li.hover .icon3 {background-position: -48px -32px;}
.branch-list li.hover .icon4 {background-position: -72px -32px;}
.branch-list li.hover .icon5 {background-position: -96px -32px;}
.branch-list li.hover .icon6 {background-position: -120px -32px;}
.branch-list li.hover .icon7 {background-position: -144px -32px;}
.branch-list li.hover .icon8 {background-position: -168px -32px;}
.branch-list li.hover .icon9 {background-position: -192px -32px;}
.branch-list li.hover .icon10 {background-position: -216px -32px;}
.branch-list li.hover .icon11 {background-position: -240px -32px;}
.branch-list li.hover .icon12 {background-position: -264px -32px;}
.branch-list li.hover .icon13 {background-position: -288px -32px;}
.branch-list li.hover .icon14 {background-position: -312px -32px;}
.branch-list li.hover .icon15 {background-position: -336px -32px;}
.branch-list li.hover .icon16 {background-position: -360px -32px;}
.branch-list li.hover .icon17 {background-position: -384px -32px;}
.branch-list li.hover .icon18 {background-position: -408px -32px;}
.branch-list li.hover .icon19 {background-position: -432px -32px;}
.branch-list li.hover .icon20 {background-position: -456px -32px;}
.branch-list li.hover .icon21 {background-position: -480px -32px;}
.branch-list li.hover .icon22 {background-position: -504px -32px;}
.branch-list li.hover .icon23 {background-position: -528px -32px;}
.branch-list li.hover .icon24 {background-position: -552px -32px;}
.branch-list li.hover .icon25 {background-position: -576px -32px;}


.branch-list li .info .branch-name {
  font-size: 14px;
  font-weight: 600;
  color: rgb(51, 102, 204);
  height: 16px;
  line-height: 16px;
}

.branch-list li .info .branch-address,
.branch-list li .info .branch-telphone {
  height: 16px;
  line-height: 16px;
}


#mapWrapper {
  width: 100%;
  height: 500px;
}

.branchMapContainer .wd-u-select {margin-top: -1px; width: 100%;}