.weather{
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  .twoWeather{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  span{
    display: inline-block;
    margin: 0 4px;
  }
  .img{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../../static/img/weather.png);
    background-size: 1200% 1200%;
  }
  // 多云
  .img-cloud {
    background-position: -86px -20px;
  }
  // 雷雨
  .img-thunderstorm {
    background-position: -140px -20px;
  }
  // 暴雨
  .img-rainstorm {
    background-position: -194px -20px;
  }
  // 雪
  .img-snow {
    background-position: -238px -20px;
  }
  // 晴转雨
  .img-sunnytorainy {
    background-position: -40px -66px;
  }
  // 晴
  .img-sunny {
    background-position: -140px -68px;
  }
  // 雨夹雪
  .img-rainplussnow {
    background-position: -238px -66px;
  }
  // 夜
  .img-night {
    background-position: -40px -118px;
  }
  // 雾霾
  .img-smog {
    background-position: -140px -118px;
  }
  // 雷电
  .img-thunder {
    background-position: -194px -118px;
  }
  // 阵雨
  .img-shower {
    background-position: -238px -118px;
  }
  // 大风
  .img-gale {
    background-position: -288px -118px;
  }
  // 龙卷风
  .img-tornado {
    background-position: -288px -162px;
  }
  //冰雹
  .img-hail {
    background-position: -288px -214px;
  }
}