@media screen and (min-width:1px) and (max-width:8000px){
	body{
		background-image:url('/img/bg.jpg');
		background-size:cover; /*背景图片覆盖整个页面*/
		background-repeat:repeat; /*背景图片不重复*/
		background-position:center; /*背景图片居中*/
		margin:0px;
		padding:0px;
	}
	*{
		font-size:4vmin;
		font-size:4vm;
		//font-size:4vw;
	}
	.container{
		//background-color:rgba(255, 255, 255, 0.5);
		box-shadow:1vw 1vw 1vw 1vw rgba(0, 0, 0, 0.5);
	}
	
	.lotteryinfo, .lotteryinfo span{
		font-size:2.5vw;
		color:red;
	}
	.lotteryinfo #indexurl, .lotteryinfo #recwinurl{
		font-size:2.5vw;
		color:blue;
	}
	ul{
		list-style-type: none;
		margin:0px;
		padding-inline-start: 0px;
	}
	li{
		/*border-top: 1px solid gray;*/
		margin:2px;
		/*background-color:rgba(255, 255, 255, 0.5);*/
	}
	ul li label, ul li span, select, input, .hf{
		display:inline-block;
		margin:1px;
		//border:1px solid red;
		width:46.5vw;/*42.9
		background-color:rgba(0, 0, 255, 0.5);*/
	}
	#username{
		display:none;
	}
	#balance{
		cursor: pointer;
	}
	select, input{
		background-color:rgba(255, 255, 255, 0.5);
	}
	button{
		display:inline-block;
		margin:1px;
		//border:1px solid red;
		width:46.5vw;
		background-color:rgba(255, 255, 255, 0.5);
	}
	button:hover{
		//color:black;
		background-color:#d0d0d0;
	}
	button:active{
		//color:black;
		background-color:#606060;
	}
	
	#nav, #nav2{
		text-align:center;
	}
	#nav a{
		display:inline-block;
		margin:2px;
		border:0px solid red;
		width:45vw;
		color:white;
		background-color:rgba(0, 0, 255, 0.8);
		text-decoration:none;
		text-align:center;
	}
	#nav2 a{
		display:inline-block;
		margin:2px;
		border:0px solid red;
		width:45vw;
		color:white;
		background-color:rgba(0, 0, 0, 0.8);
		text-decoration:none;
		text-align:center;
	}
	#nav3 a{
		/* display:inline-block;
		margin:2px;
		border:0px solid red;
		width:45vw;
		text-decoration:none;
		text-align:center; */
		color:black;
		background-color:rgba(223, 223, 223, 0.8);
	}
	
	
	.winarea, .betarea, .betrec{
		background-color:rgba(255, 255, 255, 0.5);
	}
	#bet_box, #win_box{
		text-align: center;
	}
	#win_box li{
		display:inline-block;
		width:5vw;
		height:5vw;
		padding:1vw;
		border:1px solid gray;
		border-radius:50%;
		margin:0;
		color:white;
		background-color:rgba(0, 0, 223, 0.8);
		/*background: -webkit-radial-gradient(10px 10px, circle, #E0E0E0, #AA0000);
		background: -moz-radial-gradient(10px 10px, circle, #E0E0E0, #AA0000);
		background: radial-gradient(10px 10px, circle, #E0E0E0, #AA0000);
		color:#ffffff;*/
		box-shadow:0.5vw 0.5vw 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
		cursor:pointer;
		font-size:4vw;
		text-align: center;
	}
	#bet_box li{
		display:inline-block;
		width:5vw;
		height:5vw;
		padding:1vw;
		border:1px solid gray;
		border-radius:50%;
		margin:0;
		/*color:white;
		background-color:rgba(0, 0, 223, 0.8);*/
		box-shadow:0.5vw 0.5vw 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
		cursor:pointer;
		font-size:4vw;
		text-align: center;
	}
	.selected{
		color:white;
		background-color:rgba(0, 0, 223, 0.8);
	}
	#main{
		background-color:rgba(255, 255, 255, 0.5);
	}
	.table_container{
		width:97vw;
		min-height:30vh;
		overflow-x:auto;
		overflow-y:hidden;
		padding-right:0px;
	}
	.table_container::-webkit-scrollbar {
		width:4px; //设置滚动条宽度
	}
	.table_container::-webkit-scrollbar-track {
		background: #f1f1f1; //滚动条轨道颜色f1f1f1
	}
	.table_container::-webkit-scrollbar-thumb {
		background: #999999; //滚动条滑块颜色888
	}
	.table_container::-webkit-scrollbar-thumb:hover {
		background: #555555; //滚动条滑块hover颜色555
	}
	
	
	
	/*.tablebox{
		width:97vw;
		overflow:auto;
	}*/
	table{
		/*max-width: 95vw;*/
		overflow: auto;
		width:98.5vw;
		/* background-color:rgba(255, 255, 255, 0); */
	}
	caption{
		background-color:rgba(255, 255, 255, 0.5);
	}
	thead{
		position:sticky;
		top:0;
		/* background-color:rgba(0, 0, 223, 0.5); */
	}
	tbody{
		min-height: 80vh;
	}
	tfoot{
	}
	tr:hover, tr:active {
		background-color:rgba(0, 0, 0, 1);
		color:rgba(255, 255, 255, 1);
	}
	/* .column1:hover, .column1:active, .column2:hover, .column2:active, .column3:hover, .column3:active, .column4:hover, .column4:active, 
	.column5:hover, .column5:active, .column6:hover, .column6:active, .column7:hover, .column7:active, .column8:hover, .column8:active, 
	.column9:hover, .column9:active{
		background-color:rgba(0, 0, 0, 1);
		color:rgba(255, 255, 255, 1);
	} */
	th{
		background-color:rgba(191, 191, 191, 0.5);
		margin:1px 0px 0px 1px;
	}
	td{
		background-color:rgba(255, 255, 255, 0.5);
		margin:1px 0px 0px 1px;
	}
	/* .del{
		color:blue;
		cursor:default;
	} */
	
	
	#page{
		background-color:rgba(255, 255, 255, 0.5);
	}
	#page span{
		display:inline;
	}
	
	
	
	
	.appbox{
		display:inline-block;
		width:46.5vw;
		height:50vw;
		padding:0px;
		border:0px solid red;
		margin:8vw 1vw 8vw 1vw ;
		
	}
	.appicon{
		display:inline-block;
		width:46.5vw;
		height:46.5vw;
		padding:0px;
		border:1px solid gray;
		border-radius:15%;
		margin:0;
		// background-color:green;
	}
	.appname{
		display:inline-block;
		text-align:center;
		width:46.5vw;
		/*height:1.3125rem;1.3125rem*/
		color:blue;
		/*font-size:0.65rem;*/
		
		white-space:nowrap; /* 确保文本在一行内显示 */
		overflow:hidden; /* 隐藏超出容器的内容 */
		text-overflow:ellipsis; /* 使用省略符号表示被截断的文本 */
	}
}


#message, .message{position: fixed;
top: 150px;
left: 47%;
width: 220px;
margin-left: -100px;
border-width:0;
border-radius: 0.6em;
color:#ffffff;
background-color: #2c2c2c;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
padding: 10px;
text-align:center;
opacity: 1;
z-index:1500;
	-webkit-transition: opacity 1s ease-out; /* Saf3.2+, Chrome */
	-moz-transition: opacity 1s ease-out; /* FF4+ */
	-ms-transition: opacity 1s ease-out; /* IE10? */
	-o-transition: opacity 1s ease-out; /* Opera 10.5+ */
	transition: opacity 1s ease-out; }