canvas { width: 100%; height: 100% }
html,body{
	width: 100%;height: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;user-select: none;
}

#mainIndex{width: 100%;height: 100%; background: url(../img/sybj.jpg) #5e0100 center no-repeat;background-size:contain;}
#enter{
    width: 160px;
    position: absolute;
    bottom: 100px;
    left: 50%; 
    transform: translate( -50%,0);
    background: -webkit-linear-gradient(top,#fce9ae,#ebb351);
    border-radius: 10px;
    line-height: 45px;
    text-align: center;
    letter-spacing: 2px;
    font-size: 22px;
    color: #7f0403;
    font-family: sans-serif;
	 -moz-user-select: none; /* Firefox */
	  -webkit-user-select: none; /* Safari and Chrome */
	  -ms-user-select: none; /* Internet Explorer/Edge */
	  user-select: none;
}

#videoDiv{    position: absolute;    background: #000;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: none;}

 

 
 
@media screen and (min-width: 768px) and (max-width:996px) {
    
}
 
 
#video {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	object-fit:fill;
	 z-index: 1;
}
.playbtn{
	 z-index: 2;
	    position: absolute;
		width: 6em;
		height: 6em;
		display: inline-block;
	     top: 50%;
	       left: 50%;
	       transform: translate(-50%, -50%); /* 偏移自身尺寸的一半 */
	    
}
.playbtn img{ width: 100%; animation: zoomInOut2 3s infinite alternate; }
.videobutton {
	 z-index: 2;
	position: absolute;
    bottom: 15px;
    right: 50px; 
	 animation: zoomInOut 1s infinite alternate; 
}
@media screen and (max-width: 768px) {
   #video {
   	position:absolute;
   	top:50%;
   	left:0px;
	transform:translate(0, -50%);
   	width:100%;
   	height:auto;
   	object-fit:fill;
   }
   .videobutton {
   	position: absolute;
       bottom: 30px;
       right:15px
	   transform:translate(-50%, 0);
   	 animation: zoomInOut 5s infinite alternate; 
   }
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);  
  }
  50% {
    transform: scale(1.2); 
  }
  100% {
    transform: scale(1);  
  }
}


@keyframes zoomInOut2 {
  0% {
    transform: scale(1);  
  } 
  100% {
    transform: scale(1.051);  
  }
}
 
.IDCOPY2025 {
    position: fixed; /* 或者使用 absolute，根据需要选择 */
    bottom: 200px;
    right: 0;
    width: 100%; /* 根据需要调整宽度 */
	text-align: center;
	font-size: 2rem;
	color: #ffffff63;
	cursor: pointer; 
    padding: 10px; /* 内边距 */
    z-index: 9999; /* 确保在最前端 */
  }