.search {
  height: 48px;
  font-size: 0;
  margin: 30px 0 40px; }
  .search img, .search input {
    vertical-align: middle; }
  .search input[type=text] {
    width: 642px;
    height: 48px;
    font-size: 14px;
    border: 2px solid #ccc;
    border-right: none;
    margin-left: 25px;
    padding: 14px 20px;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
    .search input[type=text]:focus {
      border: 2px solid #4389FF;
      border-right: none; }
  .search input[type=submit] {
    width: 124px;
    height: 48px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    border: none;
    background-color: #4389FF;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.clause {
  margin-top: 68px;
  font-size: 0; }
  .clause .aside {
    display: inline-block;
    width: 160px;
    margin-right: 10px;
    vertical-align: top; }
    .clause .aside a {
      display: block;
      height: 49px;
      line-height: 49px;
      text-align: center;
      color: #666;
      font-size: 14px; }
      .clause .aside a.on {
        color: #4389FF; }
  .clause .article {
    display: inline-block;
    width: 1030px;
    min-height: 600px;
    padding: 0 20px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    vertical-align: top; }
    .clause .article div {
      line-height: 22px;
      margin-bottom: 24px;
      font-size: 14px;
      letter-spacing: 1px; }
      .clause .article div.title {
        margin: 30px 0;
        font-size: 18px;
        font-weight: bold; }
      .clause .article div.indent {
        text-indent: 28px; }

.foot {
  margin: 20px 0 130px;
  text-align: center; }
  .foot div {
    margin: 2px 0;
    color: #999;
    font-size: 12px; }
    .foot div a {
      color: #999; }
