*{
    margin: 0;
    padding: 0;
 
}
.container{
    width: 100%;
    height: 100%;
    padding: 40px 0;
    position: absolute;
    color: #440a0e;
}
.main-container{
    background: url(http://lol.qq.com/act/a20161020teemo/_img/click/bg.jpg);
    width: 1195px;
    height: 896px;
    margin: 0 auto;
    background-size:cover;
    position: relative;
  
    
}
.left{
    bottom:62px;
    left: 0;
    width: 598px;
    height: 538px;
    background-image: url(http://lol.qq.com/act/a20161020teemo/_img/click/catwalk-left.png);

}
.smoke{
    width: 50.5%;
    height: 37.7%;
    top: 17.8%;
    left: 36.3%;
    z-index: 10;
    background-image: url(http://lol.qq.com/act/a20161020teemo/_img/click/_smoke2.png);
    background-size: auto 100%;
    
    /* animation: smokeAnimation 1.2s infinite steps(5);动画 */
  
}
.asset{
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
.cal-container{
    position: absolute;
    width: 611px;
    height: 574px;
    bottom: 170px;
    left: 367px;

}
.cauldron{
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    background-image: url(http://lol.qq.com/act/a20161020teemo/_img/click/cauldron.png);
    background-size: auto 100%;

}
.fire-container {
    width: 20%;
    height: 40%;
    bottom: 7%;
    left: 41.4%;
    position: absolute;
    z-index: 1;
  }
  .fire, .highlights {
    width: 140%;
    height: 102%;
    top: 21%;
    left: -14%;
    background-image: url(http://lol.qq.com/act/a20161020teemo/_img/click/fires.png);
    background-size: auto 100%;
    opacity: .2;
  }
  
  .fire {
    transform-origin: 50% 64%;
    animation: flameAnimation 0.6s infinite steps(1);
  }
  @keyframes flameAnimation {
    0% {
      background-position: 0%;
    }
    50% {
      background-position: 25%;
      transform: scale(0.8);
    }
    100% {
      background-position: 0%;
    }
  }
  /* @keyframes smokeAnimation {
    0% {
      background-position: 0 0;
    }
    32% {
      background-position: 100%;
    }
    100% {
      background-position: 0%;
    }
  } */
  