@media screen and (max-width: 768px) {


    html, body {
        width: 100%;
        height: 100%;
		margin:0;
		padding:0;

    }


    .box {
	height: 100%;
    max-width: 800px;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	display:none;

    }
	.footer {width:100%;}
}
@media screen and (min-width: 768px){

  

    html, body {
        width: 100%;
        height: 100%;
		margin:0;
	padding:0;
    }


    .box {
		 width: 768px;
		margin:0 auto;
        height: 100%;

    }
		.footer {width:768px;}
}	

    header {
        width: 100%;
    }
	
	header img{
		display:block;
		
	}

    .publicImg {
        width: 100%;
        height: auto;
    }
  
  .welcdiv{display:none;}
  
  .countdiv{
	  display: flex;
	  flex-wrap: nowrap;
	  flex-direction: column;
	  align-items: center;}
  
 .countime{
	 font-size: 188px;
	 font-weight:800;
	 line-height: 280px;
	 text-shadow: 5px 4px 7px #9e9e9efc;
	 color: #03a9f4;
	 
 } 
 
 .countline{min-height: 12px;
 background: #03a9f4;
 width:70%;
}
 .countday1{font-size: 50px; 
 font-weight: 600; 
 line-height: 100px; 
 text-shadow: 3px 3px 5px #9e9e9efc; 
 color: #ffc107;} 
  
    section {
  width:100%;
  flex:1;
  
    }


    .wrapBtn {
	overflow:scroll;
	width: 100%;
    position: relative;
    background: url(../upload/menu3.png) no-repeat;
    background-size: contain;
    padding-bottom: 127%;  /*  按键区高宽比*/


    }
 
    .wrapBtn>a {
        width: 25%;
		position: absolute;
		/*background: #ff572233;*/
    }
	.wrapBtn>a>img{
		    width: 100%;

	}

	.wrapBtn>a>p{
		visibility:hidden;
	}
    .wrapBtn>a:active {
	background:rgb(3 169 244 / 34%);
	
	-webkit-transition: all .5s; 
	-moz-transition: all .5s; 
	-ms-transition: all .5s; 
	-o-transition: all .5s; 
	transition: all .5s;
}

	.wrapBtn>a:nth-child(1){
		
    top: 5%;
    left: 8%;
    min-height: 46%;
	}
	.wrapBtn>a:nth-child(2){
    min-height: 11%;
    top: 5%;
    left: 38%;
    width: 54%;
	}
	
	.wrapBtn>a:nth-child(3){
    min-height: 28%;
    top: 22%;
    left: 37%;
    width: 25%;
	}
	
	.wrapBtn>a:nth-child(4){
	min-height: 19%;
    top: 20%;
    left: 67%;
		
	}
	
.wrapBtn>a:nth-child(5){
    min-height:18%;
    top: 53%;
    left: 8%;
	width: 54%;
}
		

	
.wrapBtn>a:nth-child(6){
		
    top: 41%;
    left: 67%;
    min-height: 30%;
	}
	
.wrapBtn>a:nth-child(7){
		
min-height: 18%;
    top: 75%;
    left: 8%;
	}
	
.wrapBtn>a:nth-child(8){
	width: 55%;	
    min-height: 18%;
    top: 75%;
    left: 37%;
}
		.wrapBtn>a:nth-child(9){
		
min-height: 19%;
    top: 79%;
    left: 7%;
}
		.wrapBtn>a:nth-child(10){
		
    min-height: 19%;
    top: 55%;
    left: 67%;
}
		.wrapBtn>a:nth-child(11){
		
    min-height: 19%;
    top: 55%;
    left: 67%;
}
		.wrapBtn>a:nth-child(12){
		
    min-height: 19%;
    top: 55%;
    left: 67%;
}
	

		/*底部版权
html { position: relative; min-height: 100%; }
body { margin-bottom: 70px; }*/
.footer {
	position:fixed;bottom:0;
	font-family: 'Microsoft Yahei', '微软雅黑', 'Arial Narrow', '宋体'; font-size: 12px;line-height: 20px; 
 text-align: center; color: #999; 
background:rgb(255,255,255;0.52); }
.footer a { color: #ddd; }
.container { width: auto !important; margin-right: auto; margin-left: auto; padding-right: 6px; padding-left: 6px; }

}