body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
input,button,select,textarea{outline:none} textarea{resize:none}
ul,li{list-style: none;}
i{font-style:normal}
html,body{height: 100%;}
body{font-family:"Microsoft YaHei",Tahoma,"HelveticaNeue-Light","Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;color:#4a4a4a; background: url(bg.jpg) no-repeat 0 0;background-size: cover;}
.main{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.search{box-shadow: 0 2px 5px rgba(0,0,0,.8); border-radius: 100px; height: 50px; width: 660px; background: #fff; display: flex; align-items: center; justify-content: space-between; padding-left: 10px;}
.search input{border: none; width: 490px; height: 30px; font-size: 16px;}
.search button{width: 130px; height: 50px; border: none; background: #00AEFF; color: #fff; font-size: 16px; border-radius: 0 100px 100px 0; cursor: pointer;}
@media screen and (max-width: 600px) {
  .search{width: calc(100% - 30px);}
  .search input{width: calc(100% - 130px);}
  .search button{width: 90px;}
}