  .box {
  	width: 100%;
  	height: 10.5rem;
  	position: fixed;
  	z-index: 0;
  	display: none;
  	overflow: hidden;
  	top: 0;
	max-width: 750px;
  }

  .machine {
  	width: 7.5rem;
  	height: 10rem;

  	position: relative;
  
  	margin: 0 auto;
  	display: flex;
  	background: url(../images/bg01.jpg) no-repeat top center;
  	background-size: 100% auto;
  }

  .machine-body {
	width: 100%;

	border-radius: .3rem;
	box-sizing: border-box;
}

.rotary-table {
	width: 4.3rem;
	/* border: 16px solid #2e2a27; */
	border-radius: .15rem;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 42%;
	left: 1.6rem;
  
  overflow-y: hidden;

}

.rotary-table .screen {
	width: 2rem;
	height:1.5rem;
	overflow: hidden;

	/* margin-right: .2rem; */
	


}
.rotary-table .screen .images {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;

}
.images li {
	margin: 0;
	padding:0 .1rem;
	
	border: 0;
	text-align: center;
	height:1.5rem;
  /* margin-top: .2rem; */
	
	font-size: .26rem;
	/* background-color: wheat; */
}
.transtion {
	transition: all ease 5s;
}
.rotary-table :nth-child(1) {
	margin-right: .2rem;
}

.rotary-table :nth-child(2) {
	margin-right: .2rem;
}

  .machine-logo {
  	position: absolute;
  	bottom: 28.5%;
  	width: 2.23rem;
  	height: .73rem;
  	margin: .2rem auto 0;
  	text-align: center;
  	left: calc((100% - 2.23rem) / 2);
	animation: btnanimation .5s linear infinite alternate;
	
  }
  

  .machine-logo img {
	width: 100%;
	height: auto;
  }
  .machine-logo img:hover{
  	  content: url(../images/comecar_h.png);
  }
.machine-logo:active {
	  transform: scale(0.95); /* 按下时缩小，例如缩放到0.9倍 */
	  outline: none; /* 避免按下时出现默认轮廓 */
	}
  .screen:last-child {
  	margin-right: 0;
  }

  /* .images li img{width: 2rem; height:2rem;} */
  .logoimg {
  	position: absolute;
  	bottom: 59%;
  	text-align: center;
  	width: 100%;
  	display: flex;
  	justify-content: center;
  	animation: myAnimation 1.8s ease-in-out;
  }

  .logoimg .logobg {
	  width: 3.5rem;
	  height:3.5rem;
  	background: url(../images/888Equipelogo.png) no-repeat top center;
	background-size: contain;

  }

  @keyframes myAnimation {
  	0% {
  		bottom: -5%;
  		opacity: 0.9;
  	}

  	100% {
  		bottom: 59%;
  		opacity: 1;
  	}
  }
  @keyframes btnanimation {
	0%{transform: scale(1)}
	100%{transform: scale(0.97)}	
  }
 

  .images li img{
	position: relative;
	top: .2rem;
  }
  