.body {

  width: 1060px;

  margin: 30px auto 65px;

}

.content-top {

  color: #0376d4;

  margin: 0 auto;

}

.classify-wrap {

  background: #d9f2ff;

  width: 234px;

  height: 100px;

  float: left;

}

.classify {

  display: flex;

  flex-direction: row;

  justify-content: center;

  height: 100px;

}

.classify div {

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.classify-left {

  font-size: 60px;

  height: 100%;

  margin-right: 3px;

  float: left;

  padding-left: 5px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.classifty-right {

  font-size: 22px;

  line-height: 25px;

  float: left;

  padding: 10px 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.location-bar {

  flex: 1;

  background: #ebf8ff;

  float: left;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  height: 100px;

  width: 826px;

}

.location {

  font-size: 16px;

  margin-left: 40px;

  flex: 1;

  padding: 40px 0;

  float: left;

}

.search-wrap {

  margin-right: 48px;

  float: right;

  padding: 30px 0;

}

.search-bar {

  width: 322px;

  background: #fff;

  border: 1px solid #0376d4;

  border-radius: 5px;

  float: left;

}

.search-bar input {

  height: 20px;

  border: none;

  flex: 1;

  font-size: 16px;

  margin: 10px 10px 10px 0;

  float: left;

}

input::-webkit-input-placeholder {

  color: #b2b2b2;

}

.search-icon {

  width: 21px;

  height: 20px;

  margin-right: 11px;

  margin-left: 16px;

  padding: 10px 0;

  float: left;

}

.search-button {

  width: 74px;

  font-size: 18px;

  color: #fff;

  padding: 6px;

  background: #0376d4;

  text-align: center;

  float: left;

}

.content-center {

  width: 100%;

}

.sub-menu {

  width: 234px;

  background: #ebf8ff;

  font-size: 22px;

  height: 1300px;

  float: left;

}

.sub-menu a {

  text-align: center;

  display: block;

  text-align: center;

  padding: 25px;

}

.unchoose {

  color: #0376d4;

}

.choose {

  color: #fefefe;

  background: #0376d4;

}

.article-list {

  margin-left: 39px;

  flex: 1;

  float: left;

  width: 787px;

}

.now {

  margin-left: 26px;

  float: left;

}

.all {

  margin-left: 26px;

  float: left;

}

.every-page {

  margin-left: 37px;

  float: left;

}

.first {

  margin-left: 25px;

  float: left;

}

.pre {

  margin-left: 26px;

  float: left;

}

.next {

  margin-left: 26px;

  float: left;

}

.last {

  margin-left: 26px;

  float: left;

}