.wrapper {
  background: #FFFFFF url('../../images/2022/custom/city/banner.png') top center no-repeat;
  background-size: 1920px auto;
}
.wrapper .city-list {
  margin-top: 420px;
  background: #FFFFFF;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
  padding: 39px 0 23px 47px;
}
.wrapper .city-list .p1 {
  height: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.wrapper .city-list .p1 img {
  margin-right: 9px;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
}
.wrapper .city-list .list {
  font-size: 0;
}
.wrapper .city-list .list li {
  height: 160px;
  display: flex;
  position: relative;
  padding-left: 216px;
  align-items: center;
  border-bottom: 1px solid #F4F4F4;
}
.wrapper .city-list .list li .left {
  position: absolute;
  top: 19px;
  left: 0;
  background: url('../../images/2022/custom/city/city.png') top center no-repeat;
  width: 180px;
  height: 120px;
  border-radius: 4px;
  text-align: center;
  line-height: 120px;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
}
.wrapper .city-list .list li .right a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  line-height: 36px;
  padding-right: 22px;
}
.wrapper .city-list .list li .right a:hover {
  color: red;
}