* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
body {
  font-family: Microsoft YaHei, STHeiti, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
}
p {
  margin: 0;
  font-size: 1.6rem;
}
legend {
  font-size: 2.8rem;
  padding: 0;
  color: #fff;
}
.logo {
  display: inline-block;
  width: 88px;
  height: 36px;
  margin-right: 10px;
  vertical-align: middle;
  background: url(../images/logo.png) no-repeat;
}
.form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*width:520px;*/
  height: 48px;
}
.search {
  font-size: 1.6rem;
  width: 80%;
  padding: 0 0 0 42px;
  border: 0;
  border-radius: 5px 0 0 5px;
  background: #fff url(../images/search.png) no-repeat 10px;
}
.search:focus {
  outline: none;
}
.submit {
  font-size: 1.8rem;
  width: 20%;
  padding: 0;
  cursor: pointer;
  border: 0;
  border-radius: 0 5px 5px 0;
  background: #fc3;
}
legend {
  margin-bottom: 24px;
}
body,
html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0 0 250px;
  width: 100%;
  display: table;
  font-weight: 100;
  background: #00a5ed url(../images/cloud.png) 0 100% repeat-x;
  color: #333;
}
.container {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.content {
  text-align: center;
  display: inline-block;
}
@media (max-width: 640px) {
  .form-item {
    width: 100%;
  }
}