a {
  color: #333333;
}
.header .nav {
  background-color: #3b4348;
  width: 100%;
  height: auto;
  padding: 10px 0;
}
.header .nav .logo {
  width: 200px;
  font-size: 32px;
  font-weight: bold;
  color: #f5ebce;
}
.header .nav .logo a {
  color: #f5ebce;
}
.header .nav .menu {
  flex: 1;
  padding: 10px 0;
  color: #c1cad1;
  display: flex;
  justify-content: flex-end;
}
.header .nav .menu li {
  display: flex;
  align-items: center;
}
.header .nav .menu li a {
  color: #c1cad1;
  padding: 1px 9px;
  border-radius: 3px;
}
.header .nav .menu li a:hover {
  background: #567567;
  color: #fff;
}
.header .nav .menu li.s {
  color: #505658;
  font-style: oblique;
}
.header .form {
  width: 100%;
  background: #353b65 url(../img/main-bg.jpg) center top no-repeat;
  background-size: 100%;
  height: 279px;
  display: flex;
}
.header .form .content {
  flex-direction: column;
  justify-content: space-between;
}
.header .form .content .tips {
  flex: 1;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.header .form .content .tips .tip1 {
  font-size: 32px;
  color: #fff;
  flex: 5;
  display: flex;
  align-items: center;
}
.header .form .content .tips .tip2 {
  font-size: 16px;
  color: #eee;
  flex: 1;
}
.header .form .content .input {
  display: flex;
  flex-direction: column;
  padding: 30px 60px;
}
.header .form .content .input .fm {
  display: flex;
  justify-content: center;
}
.header .form .content .input .fm label {
  flex: 1;
  margin: 0 5px;
  padding: 10px;
  display: flex;
  background: #fff;
  border-radius: 3px;
}
.header .form .content .input .fm label input {
  flex: 1;
  border: 0;
  color: #888;
  font-size: 16px;
  border-radius: 3px;
  outline: none;
}
.header .form .content .input .fm button {
  padding: 10px 30px;
  background: #3f4b55;
  color: #fff;
  border: 0;
  margin: 0 5px;
  border-radius: 3px;
}
.header .form .content .input .key {
  display: flex;
  padding: 10px;
  justify-content: flex-start;
}
.header .form .content .input .key li {
  margin: 0 5px;
  color: #eee;
}
.header .form .content .input .key li a {
  color: #eee;
}
.header .form .content .input .key li a:hover {
  color: #e34a07;
}
.footer {
  width: 100%;
  background: url(../img/footer-bg.png);
  height: auto;
  display: flex;
  flex-direction: column;
}
.footer .links {
  height: 200px;
}
.footer .links .left {
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.footer .links .left img {
  width: 120px;
}
.footer .links .left span {
  color: #dedede;
  padding: 5px 0;
}
.footer .links .right {
  display: flex;
  padding: 10px;
  align-content: center;
}
.footer .links .right li {
  min-height: 20px;
  width: 97px;
  padding: 5px;
  margin: 1px;
  border: 1px solid #666666;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  text-align: center;
  overflow: hidden;
  line-height: 18px;
  border-radius: 3px;
}
.footer .links .right li:hover {
  background-color: #333333;
}
.footer .links .right li a {
  color: #dedede;
}
.footer .links .right li a :hover {
  color: coral;
}
.footer .copyright {
  background: #353c41;
  padding: 18px 0;
  text-align: center;
  color: #6f7579;
}
.footer .copyright a {
  color: #6f7579;
}
.content {
  width: 1024px;
  margin: 0 auto;
  display: flex;
  font-size: 12px;
}
.listContent {
  width: 1024px;
  margin: 0 auto;
  font-size: 12px;
  padding: 30px 0;
  min-height: 500px;
  display: table;
}
.listContent .article {
  margin: 10px 0;
  padding: 10px;
}
.listContent .article .title {
  font-size: 18px;
  text-indent: 10px;
}
.listContent .article .info {
  display: flex;
  padding: 5px 0;
  border: 1px dashed #f0f0f0;
  background: #fefefe;
  color: #aaa;
  font-size: 12px;
  box-shadow: 1px 1px 3px #eee;
}
.listContent .article .info .space {
  flex: 1;
}
.listContent .article .info .date {
  width: 180px;
  text-indent: 1em;
}
.listContent .article .info .hot,
.listContent .article .info .qr {
  width: 100px;
}
.listContent .article .info .error {
  width: 100px;
}
.listContent .article .desc {
  padding: 10px;
  color: #888;
}
.readContent {
  width: 1024px;
  margin: 0 auto;
  font-size: 12px;
  padding: 30px 0;
  min-height: 500px;
  display: table;
}
.readContent .title {
  text-align: center;
  padding: 25px 0;
}
.readContent .nav {
  display: flex;
  padding: 9px 0;
  border: 1px dashed #f0f0f0;
  background: #f8f8f8;
  color: #aaa;
  font-size: 12px;
  box-shadow: 1px 1px 3px #ddd;
}
.readContent .nav .space {
  flex: 1;
}
.readContent .nav .date {
  width: 180px;
  text-indent: 1em;
}
.readContent .nav .hot,
.readContent .nav .qr {
  width: 100px;
}
.readContent .nav .error {
  width: 100px;
}
.readContent .description {
  padding: 2em;
  text-indent: 2em;
  line-height: 2em;
  font-size: 16px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin: 10px 0;
  box-shadow: 3px 3px 8px #ddd;
  min-height: 500px;
}
.readContent .description img {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.readContent .description .siteHtml {
  text-indent: 0;
}
.readContent .link {
  color: #888;
}
.paging {
  border-top: 1px solid #eee;
  padding: 30px 0;
}
.paging ul {
  display: flex;
  flex-direction: row;
}
.paging ul li {
  margin: 5px;
  padding: 7px 12px;
  background: #eee;
  border-radius: 2px;
}
/*# sourceMappingURL=default.css.map */