.lf{float:left;}

.head {
  width: 100%;
  height: 80px;
  background-color: #fff; }

/* .logo {
  width: 33%;
  height: 50px;
  margin-top: 15px;
  padding-left:30px; } */
.search {
  width: 34%;
  height: 50px;
  margin-top: 15px; }


.search-box {
  width: 80%;
  height: 44px;
  margin: 0 auto;
  margin-top: 3px;
  background: #4063bf;
  border-radius: 6px;
  position: relative; }

.search-box input {
  width: 100%;
  height: 44px;
  padding-left: 8px;
  border: 2px solid #4063bf;
  margin-right: 102px;
  border-radius: 6px;
  float: left;
  outline: none }

.search-box input {
  line-height: 40px\9; }

.search-box a {
  display: block;
  width: 102px;
  height: 44px;
  font-size: 18px;
  color: #fff;
  padding-left: 39px;
  line-height: 44px;
  background: #4063bf url(../images/search.png) no-repeat 10px center;
  position: absolute;
  right: 0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }


.menu{
  width:33%;
  height:50px;
  margin-top:15px;
  padding-right:50px;
  line-height:50px;
  text-align:right;
  position:relative;
}
.menu>a,.menu>span{
  height:34px;
  display:inline-block;
  line-height:34px;
  text-align:center;
  margin-top:8px;
  padding:0px 15px;
  font-size:16px;
  color:#4e4e4e;
}
.back-btn{
  display:inline-block;
  margin-left:20px;
  background-color:#4063bf;
  border:1px solid #4063bf;
  color:#fff;
}
.reg-btn{
  color:#fff;
  background-color:#4063bf;
  margin-left:20px;
  border:1px solid #4063bf;
}
.log-btn{
  background-color:#fff;
  border:1px solid #ccc;
  margin-left:20px;
}
.user-info:hover .downlist{
  display:block;
}
.downlist{
  width:90px;
  display:none;
}
.downlist li{
  text-align:left;
  padding:5px 10px;
  line-height:24px;
}
.downlist li a{
  display:block;
  width:100%;
  height:100%;
  position:relative;
}
.downlist div{
    display: block;
    border-width:7px;
    position: absolute;
    top: -15px;
    left:44%;
    border-style: solid dashed dashed;
    border-color: transparent  transparent #ccc;
    font-size: 0;
    line-height: 0;
}
.downlist p{
    display: block;
    border-width:7px;
    position: absolute;
    top: -14px;
    left:44%;
    border-style: solid dashed dashed;
    border-color: transparent transparent #fff;
    font-size: 0;
    line-height: 0;
}
.downlist li:hover a{color:#4063bf;}

.city { float: left; width: 100px; height: 32px; margin:5px 10px 0; position: relative; z-index: 10; }
.city .theme_tex { padding: 0 10px; width: 80px; line-height: 32px; border: 1px solid #fff; cursor: pointer; background: url(../images/ico_arrow_down.png) no-repeat 55px center; color: #666; }
.city .theme_tex img { vertical-align: middle; margin-left: 5px; }
.city .spacer { width: 78px; height: 10px; position: absolute; top: -7px; left: 0px; background: #fff; }
.city .dorpdown { display: none; position: absolute; top: 32px; left: 0; border: 1px solid #dedede; width: 360px; padding: 0 0 0 10px; background: #fff; box-shadow: 0 0 3px #ccc; transition: transform .5s ease-in 0s; -webkit-transition: -webkit-transform .5s ease-in 0s; }
.city .dorpdown .tit { font-weight: bold; clear: both; padding: 15px 0 5px; }
.city .dorpdown a{font-size:12px}
.city .list_area { background: url(../images/line_dashed_01.png) repeat-x 0 bottom; padding-bottom: 10px; overflow: hidden; }
.city .list_area:last-child { background: none; }
.city .list_area li { padding: 2px; width: 56px; float: left; text-align: center; }
.city .list_area li a { padding: 0 8px; display: block; float: left; line-height: 20px; color: #666; }
.city .list_area li a:hover { background: #f3f3f3; text-decoration: none; color: #333; }
.city .list_area li a.cur { background: #f60; color: #fff; }
.city:hover .theme_tex { border: 1px solid #dedede; border-bottom: 1px solid #fff; box-shadow: 0 0 3px #ccc; }
.city:hover .dorpdown { display: block; }

@media screen and (max-width:1465px){
  .logo{width:30%}
  .search{width:25%;}
  .search-box{width:100%;float:left;}
  .menu{width:45%;}
  .menu a{padding:0px 5px}
}