html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; }

.law-content {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 1200px;
  min-height: 800px;
  overflow: hidden;
  background-image: url(/static/images/back.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .law-content .law-logo {
    width: 937px;
    height: 317px;
    margin: auto;
    margin-top: 6%;
    background-image: url(/static/images/logo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .law-content .law-input {
    width: 39%;
    height: 6%;
    margin: auto;
    margin-top: 8%;
    border: 5px solid #95a5cc;
    background-color: #fff;
    border-radius: 40px;
    overflow: hidden; }
    .law-content .law-input .input-image {
      position: relative;
      float: left;
      height: 100%;
      width: 60px;
      text-align: center; }
    .law-content .law-input .iamge-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 20px;
      height: 20px;
      background-image: url(/static/images/search.png);
      background-repeat: no-repeat;
      background-size: cover; }
    .law-content .law-input .input-word {
      float: left;
      height: calc(100% - 2px);
      width: calc(100% - 230px);
      font-size: 18px;
      color: #333;
      border: none;
      outline: none; }
    .law-content .law-input .input-word::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #a9bdd7;
      font-size: 18px; }
    .law-content .law-input .input-word:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #a9bdd7;
      font-size: 18px; }
    .law-content .law-input .input-word::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #a9bdd7;
      font-size: 18px; }
    .law-content .law-input .input-word:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #a9bdd7;
      font-size: 18px; }
    .law-content .law-input .input-wrapper {
      position: relative;
      float: right;
      height: 100%;
      width: 140px;
      text-align: center;
      font-size: 16px;
      line-height: 16px;
      color: #fff;
      background-color: #345dbc;
      cursor: pointer; }
      .law-content .law-input .input-wrapper:hover {
        background-color: #5379d0; }
    .law-content .law-input .wrapper-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .law-content .law-bottom {
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 100%;
    height: 14px;
    margin-top: 20%;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #fff; }