body{margin:0;background-color:rgb(248,247,247);overflow:hidden}
a {
text-decoration: none;
color: white;
}
/*去除未被访问的a标签的下划线*/
a:link {
text-decoration: none;
}
/*去除已经被访问过的a标签的下划线*/
a:visited {
text-decoration: none;
}
/*去除鼠标悬停时的a标签的下划线*/
a:hover {
text-decoration: none;
}
/*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
a:active {
text-decoration: none;
}
/*去除获得焦点的a标签的下划线（被鼠标点击过）*/
a:focus {
text-decoration: none;
}
a:-webkit-any-link {
text-decoration: none;
}

.header{
min-width:100%;
width:100%;
display:block;
background-color:rgb(24,24,24);
box-shadow: 0px 0px 10px #000;
margin-bottom:10px;
}
.footer{
position:fixed;
bottom:0;
width:100%;
display:block;
background-color:rgb(24,24,24);
box-shadow: 0px 0px 10px #000;
z-index:5;
color:white;
padding:0.5% 0;
text-align: center;
}

.info{
line-height: 0.6;
background: rgba(58, 56, 63, 0.8);
border: solid 1px #100000;
color: #FFFFFF;
padding: 8px;
text-align:left;
position: absolute;
left:1px;
bottom:50px;
width:180px;
height:220px;
}

.closebt{
background: white;
color: black;
display: inline-block;
position: relative;
width: 20%;
height: 32px;
border-radius: 3px;
font-size: 20px;
line-height: 32px;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 40%;
user-select: none; 
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select:none;
}
.nav{
color:white;
font-weight:bold;
margin:5px 1% 0.5% 2%;
font-size:26px;
display:inline-block;
width: auto;
user-select: none; 
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select:none;
}

.popbox{
position: absolute;
background: rgba(58, 56, 63, 0.9);
color: white;
border-radius: 10px;
left: 10%;
top: 15%;
width: 80%;
padding: 3%;
}

.item{
color: white;border-bottom:2px solid white;padding: 5px;
}
.item:hover{
color: white;border-bottom:2px solid white;padding: 5px;background-color: rgb(150,150,150);
}

.btnhint{margin-left:1vw;vertical-align: middle;align-self: center;}