html, body {
  background-color: #f9f9f9;
  font-size: 16px;
  color: #ffffff;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  zoom: 1;
}

.com-wrap {
  width: 1180px;
  margin: 0 auto;
}

.tem-title-btn-box {
  margin-top: 40px;
  border-bottom: 2px solid #23a0bf;
}
.tem-title-btn-box li.choose a {
  background-color: #23a0bf;
}

.content-bar {
  overflow: hidden;
  background-color: #ffffff;
  color: #959595;
}
.content-bar .more {
  width: 1120px;
  height: 30px;
  line-height: 30px;
  background-color: #f3f1f2;
  margin: 0 auto 20px;
  text-align: center;
}
.content-bar .more a {
  color: #646464;
}
.content-bar .grid {
  margin: 30px;
  border: 1px solid #c9c9c9;
  width: 1120px;
}
.content-bar .grid thead th {
  font-weight: normal;
  height: 39px;
  line-height: 39px;
}
.content-bar .grid tbody td {
  text-align: center;
  height: 39px;
  line-height: 39px;
}

.description {
  background: #FFFFFF;
  overflow: hidden;
}
.description .content {
  padding: 30px;
  width: auto;
}