body,a,img,input,ul,li,ol{margin:0;padding:0;border: none;font-size:14px; font-family:"Microsoft Yahei","微软雅黑",simsun,Arial,Lucida Grande,Verdana,Lucida,Helvetica,sans-serif}
ul,ol{list-style: none}
a{text-decoration: none;color:#333}
body{background: url(../images/body.jpg) center ;width:100%;line-height: 100%}
.sect{width: 100%;height: auto;float: left;overflow:hidden}
.search-box{width:600px;margin:0 auto;margin-top:10%}
.logo{width:100%;height:55px;float: left;text-align:center;}
.logo a{display: inline-block;color:#d9a425;;margin:0 auto;font-size:2.6em;font-weight:bold}
.logo a img{display: block;float: left}
.logo a span{display: block;float: left;      height: 55px;      line-height: 55px;}
.search-text{width:100%;float: left;margin-top:40px}
.search-text .keyword{width:80%;float:left;height: 40px;text-indent:15px;box-shadow:  1px 1px 2px #bcbcbc inset;outline: none}
.search-text .search-btn{width:19%;float: left;height:40px;cursor: pointer;outline: none;font-size:1.1em;color:#fff;background: linear-gradient(#48d2f0, #08809a);text-align:center;}
.search-text .search-btn:hover{background: linear-gradient(#77bccb, #56a4b5)}
.search-text .search-nav{}
.search-text .search-nav li{padding:10px 20px;float: left;cursor: pointer;border-radius:8px 8px 0 0;}
.search-nav .active{background: linear-gradient(#f0487c, #f09b48);color:#fff;}
.hot{width:100%;float: left;margin-top:20px;}
.hot li{width:33.3%;float: left;margin-top:10px;font-size: 0.9em;line-height: 1.5em;border-bottom: 1px solid #ccc}
.hot li a:hover{color:#c54725}

footer{width:100%;height:40px;float: left;background: #333;text-align:center;font-size:0.8em;    color:#fff}
nav{width:200px;position:absolute;right: 0;top:0;font-size:.9em;background: #FF679A;}
nav:before{content:" ";border-right:15px solid #FF679A;border-top:15px solid #FF679A;border-left:15px solid rgba(0,0,0,0);border-bottom:15px solid rgba(0,0,0,0);position: absolute;left:-30px}
nav span{display: block;height:30px;width:33.3%;line-height: 30px;text-align: center;float: left;cursor: pointer}
nav a{color:#fff}
nav span:hover{background: #f03445}

@media screen and (max-width: 800px){
  .search-box{width:90%;margin:0 auto;margin-top: 30%}
  .hot li{width:50%}
}