.main {
  float: right;
  width: 680px;
}

/* .side-nav.affix {
  top: 0;
}

.side-nav.affix-bottom {
  position: absolute;
} */

.city {
  margin-bottom: 50px;
}

.city .skitter,
.city .slider-container {
  height: 360px;
  overflow: hidden;
}

.city .city-introduction {
  border-left: 1px solid #e9e7e8;
  border-right: 1px solid #e9e7e8;
  border-bottom: 1px solid #e9e7e8;
  background-color: #fbf9fa;
  padding: 30px 40px 20px;
}

.city .city-introduction .heading {
  font-size: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #e9e7e8;
}

.city .city-introduction .heading small {
  font-size: 12px;
  margin-left: 10px;
}

.city .city-introduction .detail {
  line-height: 2;
  margin-top: 20px;
}

.city .city-introduction .detail p {
  text-indent: 2em;
  margin-top: 0;
  margin-bottom: 1em;
}