www-huanghe/css/animation.css

.publicityWrap{
  width:100%;
  position: fixed;
  display: block;
  overflow: hidden;
  top: 0;
  left:0;
  height: 100%;
  background:transparent;
  z-index: 221112;
}
.ui-mask{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9998;
  background-color: rgba(144, 144, 144, 0.44);
  width: 100%;
  height: 100%;
}
.ui-dialogWrap{
  width: 85%;
  position: relative;
  z-index: 10000;
  display: block;
  top:15%;
  margin: 0 auto;
  /*border:1px solid rgba(0,0,0,.1);*/
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  /*box-shadow: 0 3px 10px #ccc;*/
  height:66%;
  color: #333;
  background: url(../img/svg/pushMaskActiveBg.png)no-repeat scroll 0 0;
  background-size: 100% 100%;
}
.quitButton{
  width: 25px;
  height:25px;
  background: url("../img/svg/quitButton.svg")no-repeat scroll 50%;
  background-size: 100%;
  position: absolute;
  top: 30px;
  right: 40px;
  z-index: 55;
}
.publicity-list{
  height: 85%;
  margin: 0 auto;
  width: 80%;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  position: relative;
  z-index: 11;
  overflow-y: scroll;
  top: 10%;
}
.publicity-item{
  text-align: center;
  padding-top: 5%;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px dashed #ccc;
}
.publicity-item:last-child{
  border-bottom:none;
}
.publicity-item h3{
  color: #245eed;
  height: auto;
  line-height: 30px;
  background-size: 100% 100%;
  font-family: cursive ,"helvetica neue",arial,sans-serif;
  position: relative;
  display: block;
  width:95%;
  margin: 0 auto;
  font-size: 30px;
}
.publicity-item .publicityTime{

}
.publicity-item .publicityUnit{
  height: auto;
  line-height: 25px;
  margin: 0;
  min-height: 25px;
  font-weight: 500;
  color: #333;
}
.publicity-item .publicityUnit span{
  position:relative;
  padding-right: 11px;
}
.publicity-item .publicityUnit span::before{
  content: "";
  display: block;
  position: absolute;
  width: 0px;
  height: 16px;
  border: none;
  border-right: 2px solid #fff;
  right: 5px;
  top: 2px;
}
.publicity-item button{
  background-color: #ff323c;
  border: none;
  padding: 5px 8px;
  display: block;
  margin: 12px auto;
  border-radius: 5px;
  width: 120px;
  height: 35px;
  letter-spacing: 2px;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
}
.publicity-item s{
  display: block;
  background: url("../img/pushActiveS.png")no-repeat scroll 50%;
  width: 90%;
  height: 200px;
  background-size: 90%;
  margin: 0 auto;
}
.sign-but{
  width: 86px;
  height: 180px;
  position: absolute;
  right: -38px;
  bottom: 25%;
}
.sign-but a{
  width: 100%;
  height: 100%;
  background: url("../img/svg/signButBg.png") no-repeat 0 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  animation: myfirst 2s infinite;
  -moz-animation: myfirst 2s infinite;
  -webkit-animation: myfirst 2s infinite;
  -o-animation: myfirst 2s infinite;
  background-size: 60%;
}
@keyframes myfirst{
  0%{top:0}
  50%{top:10px}
  100%{top:0}
}
@-moz-keyframes myfirst{
  0%{top:0}
  50%{top:10px}
  100%{top:0}
}
@-webkit-keyframes myfirst{
  0%{top:0}
  50%{top:10px}
  100%{top:0}
}