body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
body,
button,
input,
select,
textarea {
  font: 12px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans,
    sans-serif, BlinkMacSystemFont, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol;
  outline: none;
}
address,
cite,
dfn,
em,
var {
  font-style: normal;
}
code,
kbd,
pre,
samp {
  font-family: courier new, courier, monospace;
}
small {
  font-size: 12px;
}
ul,
ol {
  list-style: none;
}
sub {
  vertical-align: text-bottom;
}
legend {
  color: #000;
}
fieldset,
img {
  border: none;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  display: block;
  margin: 0;
  padding: 0;
}
mark {
  background: #ff0;
}
html,
body {
  width: 100%;
  height: auto;
}
.head {
  width: 100%;
  height: auto;
  background-color: #09f;
}
.main {
  margin-top: 10px;
}
.nav {
  width: 100%;
  height: 50px;
}
.nav ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.nav a {
  font-size: 18px;
  color: #e3e7fc;
  text-decoration: none;
}
.nav a:hover {
  color: #fff;
}
.nav ul li {
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
}
.title {
  width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 40px;
  font-size: 14px;
  background-color: #e0e0e0;
  color: #666;
  text-align: center;
}