/*ËÑË÷*/
.search-form{width:400px;margin-left:150px;float:left;padding-top:5px;overflow: hidden;#background:red; }
.search-form .search-bd{height: 25px;}
.search-form .search-bd li{font-size:12px;width:60px;height: 25px;line-height: 25px;text-align:center;float: left;cursor: pointer;background-color: #FFF;color: #666;}
.search-form .search-bd li.selected{color: #fff;font-weight: 700;background-color: #d9534f;}/*#B61D1D*/
.search-form .search-hd{height:34px;background-color: #d9534f;padding: 3px;position: relative;#border-radius:0px 5px 5px 0;}
.search-form .search-hd .search-input{ font-size:8px;width: 295px;height: 26px;line-height: 22px;padding: 6px 0;background:none;text-indent: 10px;border: 0;outline: none;position: relative;right: 75px;top: 0.2em;z-index: 5;#margin-left:-10px;}
.search-form .search-hd .btn-search{width: 70px;height: 22px;line-height:22px;position: absolute;right: 3px;top: 4px;border: 0;z-index: 6;cursor: pointer;font-size: 12px;color: #fff;font-weight: 700;background: none;outline: none;}
.search-form .search-hd .pholder{display: inline-block;padding: 2px 0;font-size: 12px;color: #999;position: absolute;left: 13px;top: 5px;z-index: 4;background: url(../images/zoom.jpg) no-repeat 0 0;padding-left:25px;#top:11px;}
.search-form .search-hd .s2,.search-form .search-hd #s2{display: none;}
.search-form .search-bg{width: 320px;height: 30px;background-color: #fff;position: absolute;left: 3px;top: 2px;z-index: 1;}

.search-form span{
font-size:0.3em;
float:left;
padding:1px 2px 1px 2px;}
.search-form  span a{color:#CCC;}
.search-form  span a:hover{ color:#c5464a;z-index: 1;}
/*ËÑË÷*/
@media screen and (max-width: 768px) {
.search-form{width:340px;margin-left:0px;float:left;padding-top:60px;overflow: hidden;}
.search-form .search-bd{height: 22px;}
.search-form .search-bd li{font-size:14px;width:50px;height: 25px;line-height: 25px;text-align:center;float: left;cursor: pointer;background-color: #FFF;color: #666;border-radius:3px 3px 0 0;}
.search-form .search-bd li.selected{color: #fff;font-weight: 700;background-color: #B61D1D;}
.search-form .search-hd{height:34px;background-color: #B61D1D;padding: 3px;position: relative;}
.search-form .search-hd .search-input{font-size:18px;width: 340px;height: 22px;line-height: 21px;padding: 1px 0;background: none;text-indent: 10px;border: 0;outline: none;position: relative;left: 3px;top: 0.1em;z-index: 5;#margin-left:-10px;}
.search-form .search-hd .btn-search{width: 70px;height: 25px;line-height:25px;position: absolute;right: 3px;top: 3px;border: 0;z-index: 6;cursor: pointer;font-size: 12px;color: #fff;font-weight: 700;background: none;outline: none;}

.search-form .search-hd .pholder{display: inline-block;padding: 3px 0;font-size: 15px;color: #999;position: absolute;left: 13px;z-index: 4;background: url(../images/zoom2.jpg) no-repeat 0 0;padding-left:25px;top:0.1em;}

.search-form .search-hd .s2,.search-form .search-hd #s2{display: none;}
.search-form .search-bg{width: 260px;height: 30px;background-color: #fff;position: absolute;left: 3px;top: 2px;z-index: 1;}

.search-form span{
font-size:0.3em;
float:left;
padding:1px 2px 1px 2px;}
.search-form  span a{color:#CCC;}
.search-form  span a:hover{ color:#c5464a;z-index: 1;}

}