body {
background-color:#fff;
font-family:Microsoft YaHei,Microsoft JhengHei;
font-size:16px;
color:#666;
margin:0;
text-align:left;
}

a {color:#666;text-decoration:none;}
a:hover {text-decoration:underline;}

#sf{text-align:center}
h1 {vertical-align:middle;color:#eee;padding:0;margin:0;font-size:34px;font-weight:normal;display:block;padding:5px}
.logo {margin-left:10px;}

.pp {margin-left:30px;}
.sf{text-align:center;display:none}

.btn {
width:120px;
text-decoration:none;
background:#09f;
color:#fff;
display:inline-block;
padding:9px 0;
margin:9px 0;
border-radius:3px;}

#qrcode {
float:left;
width:120px;
text-align:center;
}

#qrcode span {
font-size:12px;
padding:0;
}

#group1 {background-color:#2a85e9;border:2px solid #2a85e9;}
#group2 {background-color:#dc7f2a;border:2px solid #dc7f2a;}
#group3 {background-color:#a7815e;border:2px solid #a7815e;}
#group4 {background-color:#45b520;border:2px solid #45b520;}
#group5 {background-color:#df2a89;border:2px solid #df2a89;}
#group6 {background-color:#d35400;border:2px solid #d35400;}

#group1,#group2,#group3,#group4,#group5,#group6{
display:inline-block;
margin:10px 0;
border-radius:3px;
font-family:Microsoft YaHei;
box-sizing:border-box;
}

.column {
float:left;
width:24px;
font-size:24px;
font-weight:bold;
color:#fff;
padding:5px;
}

.list {
min-height:103px;
overflow:hidden;
background-color:#fff;
padding:5px 10px;
box-sizing:border-box;
}

.list a {
width:210px;
overflow:hidden;
display:inline-block;
float:left;
height:35px;
line-height:35px;
text-align:left;
}

.body {
display:flex;
flex-direction:column;
height:100vh;
}

#header{
text-align:left;
background-color:#333;
color:#888;
clear:both;
height:60px;
}

#content {
width:100%;
padding:10px;
box-sizing:border-box;
text-align:left;
}

#footer{
text-align:center;
background:#333;
color:#999;
clear:both;
padding:15px 0;
font-size:14px;
}

#footer a {
color:#999;
text-decoration:none;
line-height:30px;
}

@media screen and (max-device-width: 767px) {
.column {width:100%;text-align:left;padding:5px 10px;box-sizing:border-box;}
.list {width:100%;}
.list a {width:50%;}
}