@charset "utf-8"; .htmldemo p{font-size: 16px;font-family: "微软雅黑"} .line{ padding: 50px 0px 25px 0px; width:100%; } .content{ text-align: center; background: url('../../assets/images/machine.png') no-repeat 50% 120px; height: 500px; } .slotMachine{ width: 40%; border: 5px solid #000; height: 100px; line-height: 100px; padding: 0px; overflow: hidden; display: inline-block; text-align: center; background-color: #ffffff; font-size: 30px; font-weight: 900; } .slotMachine .slot{ height:100px; background-position-x: 55%; background-repeat: no-repeat; } .slotMachineButton{ width:100px; height: 100px; overflow: hidden; display: inline-block; text-align: center; } .slotMachineButton { border-radius: 3px; background-color:#fb9e25; display:inline-block; color:#ffffff; font-size:36px; font-weight:bold; font-style:normal; height:50px; line-height:50px; margin-top:10px; margin-right:5%; width:100px; text-decoration:none; text-align:center; cursor:pointer; padding: 3px; } .slotMachineButton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) ); background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477'); background-color:#fb9e25; }.slotMachineButton:active { position:relative; top:1px; } .disabled{ pointer-events: none; background-color: grey; } .img{ display: none; } .block{ display: inline-block!important; }