@charset "utf-8";

.commonSearch .scs-search-box{
	position: relative;
	width: 691px;
	height: 36px;
	margin: 10px auto 30px;
}
.commonSearch .scs-search-box a{
	margin-left:0px;
}
.commonSearch .scs-search-box #searchBtn{
	margin-left:-5px;
}
.scs-search-box .scs-input-group a:hover {
    text-decoration: none;
    background: #a32825;
}
.commonSearch .scs-search-box span{
	background:none;
}
.scs-search-box .scs-input-group {
  width: 100%;
  height: 100%;
  /* display: table; */
  font-size: 14px;
}
.scs-search-box .scs-input-group span {
  border: 1px solid #bebebe;
  border-right: none;
  width: 95px;
  height: 100%;
  text-align: center;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}
.scs-search-box .scs-input-group span i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('../images/societyCodeSearch_2.png');
  background-repeat: no-repeat;
  background-position: center;
}
.scs-search-box .scs-input-group input {
  display: inline-block;
  border: 1px solid #bebebe;
  padding-left: 20px;
  font-size: 14px;
  width: 422px;
  height: 36px;
  line-height: 36px;
}

.scs-search-box .scs-input-group input::-ms-clear {
  display: none;
}
.scs-search-box .scs-input-group input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}
.scs-search-box .scs-input-group input::-moz-placeholder {
  color: #999;
  font-size: 14px;
}
.scs-search-box .scs-input-group input:-ms-input-placeholder {
  font-size: 14px;
  color: #999;
}
.scs-search-box .scs-input-group input:focus {
  border-color: #bebebe;
}
.scs-search-box .scs-input-group a {
  width: 85px;
  height: 100%;
  line-height: 36px;
  background-color: #e22323;
  color: #fff;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  cursor:pointer;
}
.scs-search-box .scs-search-panel {
  position: absolute;
  left: 0;
  top: 36px;
  width: 517px;
  padding: 12px 12px 0;
  background-color: #fff;
  border: 1px solid #bebebe;
  border-top: none;
  z-index: 100;
  display: none;
}
.scs-search-box .scs-search-panel .scs-list {
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 200;
  background-color: #fff;
  width: 100%;
  border: 1px solid #bebebe;
  text-align: left;
  border-top: none;
  overflow-y: auto;
}
.scs-search-box .scs-search-panel .scs-list > li {
  height: 30px;
  width: 100%;
  line-height: 30px;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
  color: #333;
}
.scs-search-box .scs-search-panel > ul {
  width: 100%;
}
.scs-search-box .scs-search-panel > ul > li {
  height: 28px;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
}
.scs-search-box .scs-search-panel > ul > li > span {
  float: left;
  width: 100px;
  height: 28px;
  border: 1px solid #bebebe;
  text-align: center;
  line-height: 28px;
  color: #333;
}
.scs-search-box .scs-search-panel > ul > li > div {
  float: right;
  position: relative;
  top: 0;
  left: 0;
  width: 378px;
  height: 100%;
}
.scs-search-box .scs-search-panel > ul > li > div input {
  display: inline-block;
  height: 100%;
  border: 1px solid #bebebe;
  padding-left: 20px;
  font-size: 14px;
  width: 100%;
}
.scs-search-box .scs-search-panel > ul > li > div input::-ms-clear {
  display: none;
}
.scs-search-box .scs-search-panel > ul > li > div input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}
.scs-search-box .scs-search-panel > ul > li > div input::-moz-placeholder {
  color: #999;
  font-size: 14px;
}
.scs-search-box .scs-search-panel > ul > li > div input:-ms-input-placeholder {
  font-size: 14px;
  color: #999;
}
.scs-search-box .scs-search-panel > ul > li > div input:focus {
  border-color: #bebebe;
}
.scs-search-box .scs-search-panel > ul > li > div i {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 100%;
  background-image: url('../images/societyCodeSearch_2.png');
  background-repeat: no-repeat;
  background-position: center;
}
.scs-search-box .scs-search-panel > ul > li > div .scs-partments-list {
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 200;
  background-color: #fff;
  width: 100%;
  border: 1px solid #bebebe;
  text-align: left;
  border-top: none;
  overflow-y: auto;
  display: none;
  max-height: 200px;
}
.scs-search-box .scs-search-panel > ul > li > div .scs-partments-list > li {
  height: 30px;
  width: auto;
  line-height: 30px;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
  color: #333;
}
.scs-search-box .scs-search-panel > ul > li > div .scs-org-list {
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 200;
  background-color: #fff;
  width: 100%;
  border: 1px solid #bebebe;
  text-align: left;
  border-top: none;
  overflow-y: auto;
  display: none;
}
.scs-search-box .scs-search-panel > ul > li > div .scs-org-list > li {
  height: 30px;
  width: 100%;
  line-height: 30px;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
  color: #333;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div {
  position: relative;
  float: left;
  height: 100%;
  width: 138px;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div input {
  width: 100%;
  display: inline-block;
  height: 100%;
  border: 1px solid #bebebe;
  padding-left: 20px;
  font-size: 14px;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div input::-ms-clear {
  display: none;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div input::-moz-placeholder {
  color: #999;
  font-size: 14px;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div input:-ms-input-placeholder {
  font-size: 14px;
  color: #999;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div input:focus {
  border-color: #bebebe;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div i {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 20px;
  height: 26px;
  background-image: url('../images/societyCodeSearch_2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div.scs-province,
.scs-search-box .scs-search-panel > ul > li.scs-location > div div.scs-city {
  margin-right: 6px;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div .scs-prov-list {
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 200;
  background-color: #fff;
  width: 100%;
  border: 1px solid #bebebe;
  text-align: left;
  border-top: none;
  overflow-y: auto;
  max-height: 150px;
  display: none;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div .scs-prov-list > li {
  height: 30px;
  width: 100%;
  line-height: 30px;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
  color: #333;
  overflow:hidden;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div .scs-city-list {
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 200;
  background-color: #fff;
  width: 100%;
  border: 1px solid #bebebe;
  text-align: left;
  border-top: none;
  overflow-y: auto;
  max-height: 150px;
  display: none;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div .scs-city-list > li {
  height: 30px;
  width: 100%;
  line-height: 30px;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
  color: #333;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div .scs-area-list {
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 200;
  background-color: #fff;
  width: 100%;
  border: 1px solid #bebebe;
  text-align: left;
  border-top: none;
  overflow-y: auto;
  max-height: 150px;
  display: none;
}
.scs-search-box .scs-search-panel > ul > li.scs-location > div div .scs-area-list > li {
  height: 30px;
  width: 100%;
  line-height: 30px;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
  color: #333;
}

.menubaropen{
	max-height: 200px;
 	transform-origin:50% 0;
	-webkit-animation:slide-down .3s ease-in;
	transition: all 0.3s ease-out;
}

@-webkit-keyframes slide-down{
	0%{transform:scale(1,0);}
	10%{transform:scale(1,0.10);}
	20%{transform:scale(1,0.20);}
	30%{transform:scale(1,0.30);}
	40%{transform:scale(1,0.40);}
	50%{transform:scale(1,0.50);}
	60%{transform:scale(1,0.60);}
	70%{transform:scale(1,0.70);}
	80%{transform:scale(1,0.80);}
	90%{transform:scale(1,0.90);}
	100%{transform:scale(1,1);}
}



@media \0screen\,screen\9{
	.scs-search-box .scs-input-group input {
		
	 }
	 .scs-search-box .scs-search-panel > UL > LI > DIV INPUT{
	 
	 }
}/**只对IE6/7/8有效**/