html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}

.flash{position: absolute;z-index:999;width: 306px;height: 643px;margin:0 auto;background:url(../images/sj.png) left top  no-repeat;}	
  #frame{position:absolute;width:306px;height:643px; overflow:hidden;margin-top:20px;}
  #photos .img{width:306px;height:643px;}
  #photos li{list-style:none;float:left;}
  #photos {position: absolute;z-index:9;  width: calc(306px * 3);/*---修改图片数量的话需要修改下面的动画参数*/  }
  .play{ animation: ma 18s ease-out infinite normal;}
    @keyframes ma {
        0%,16.66% {        margin-left: 0px;       }
        33.32%,49.98% {       margin-left: -306px;    }
       66.64%,83.3% {       margin-left: -612px;    }
    }