<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style>
  .search-baidu {
    position: relative;
    top: 4px;
    display: inline-block;
  }

  .box {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
  }

  .logo {
    text-decoration: none;
    display: inline-block;
  }

  .logo img {
    width: 148px;
  }
</style>
<form style="height: 100%;margin: 0;" method="get" action="http://www.baidu.com/baidu?word=" id="form2" name="form2"
  target="_blank">
  <table bgcolor="#FFFFFF" style="width: 100%;">
    <tr>
      <td class="box">
        <input name="tn" type="hidden" value="baidu" />
        <a href="http://www.baidu.com/" target="_blank" class="logo">
          <img src="https://m.baidu.com/se/static/img/iphone/logo.png" alt="Baidu" align="bottom" border="0" />
        </a>
        <div class="search-baidu">
          <input type="text" id="sea" name="word" size="30" autocomplete="off"
            style=" height: 34px; width: 80%; font-size: 14px; padding-left: 10px; outline: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #b2c9d3; border-right: 0;" />
          <input type="submit" value=""
            style="position:absolute;height: 34px; width: 34px; border: 0; background: #c1ddaf url(image/search.png) 50% 50%/ 21px no-repeat; border-top-right-radius: 5px; border-bottom-right-radius: 5px;" />
        </div>
      </td>
    </tr>
  </table><input name="q" type="hidden" /><input name="myvalue" type="hidden" value="1" /><input name="tn"
    type="hidden" /><input name="ct" type="hidden" /><input name="lm" type="hidden" /><input name="cl"
    type="hidden" /><input name="rn" type="hidden" />
</form>
<script>
  function getArgs() {
    var passedArgs = new Array();
    var search = self.location.href;
    search = search.split('?');
    if (search.length > 1) {
      var argList = search[1];
      argList = argList.split('&');
      for (var i = 0; i < argList.length; i++) {
        var newArg = argList[i];
        newArg = argList[i].split('=');
        passedArgs[unescape(newArg[0])] = unescape(newArg[1]);
      }
    }
    return unescape(newArg[1]);
  }
  var Content = window.parent.document.getElementById('Content').value;
  document.getElementById('sea').value = Content;

  window.addEventListener("load", function () {
    if (screen.width <= 750) {
      document.querySelector(".logo").style.width = '100%'
      document.querySelector(".logo").style.textAlign = 'center'
      document.querySelector(".search-baidu").style.width = '100%'
      document.querySelector(".search-baidu").style.textAlign = 'center'
    } else {
      document.querySelector(".logo").style.marginRight = '17px'
    }
  })
</script>
</body>

</html>