@font-face {
  font-family: 'globalheader';
  src: url('http://t.tbcdn.cn/apps/e/base/fonts/uxiconfont.eot');
  src: url('http://t.tbcdn.cn/apps/e/base/fonts/uxiconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('http://t.tbcdn.cn/apps/e/base/fonts/uxiconfont.woff') format('woff'), /* chrome、firefox */
   url('http://t.tbcdn.cn/apps/e/base/fonts/uxiconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
   url('http://t.tbcdn.cn/apps/e/base/fonts/uxiconfont.svg#svgFontName') format('svg');/*IE9*/
  /* iOS 4.1- */
}
.common-search {
  position: relative;
}
.common-search .s-ipt-container {
  float: left;
}
.common-search .s-ipt-container input {
  *vertical-align: middle;
  height: 27px;
  font-size: 14px;
  color: #333;
  width: 205px;
  padding: 3px 0 3px 10px;
  padding: 6px 0 0px 10px\9;
  *float: left;
  border: none;
  -moz-transition: width 0.3s ease-out 0s;
  -webkit-transition: width 0.3s ease-out 0s;
  -o-transition: width 0.3s ease-out 0s;
  transition: width 0.3s ease-out 0s;
}
.common-search .s-ipt-container input:focus {
  outline: none;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-decoration {
  /*input[type=search]::-webkit-search-cancel-button {*/

  -webkit-appearance: none;
}
/*input[type=search]::-webkit-search-cancel-button:after {  
    content: '';     
    display: block;   
    width: 19px;  
    height: 19px;   
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0IyMENDNkYzQjZCMTFFMjk2MzU4RDY5NDRDQjMxNTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0IyMENDNzAzQjZCMTFFMjk2MzU4RDY5NDRDQjMxNTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQjIwQ0M2RDNCNkIxMUUyOTYzNThENjk0NENCMzE1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQjIwQ0M2RTNCNkIxMUUyOTYzNThENjk0NENCMzE1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp8Cy54AAAHLSURBVHjarJTPSwJBFMff2rKSiitpoi4m6EJ4CDpE0B/QqS5Bp6JDdI5OXYP6C/ofhCDq2CEIokOXwiAIuokohr8gEU8Gq703zMg4uqbQgw/szJv57ps3856Wz+fhv0x3mZ9HdpBdZInPOcg9co18TitGApeINca3jpwhV8gx8i07PcpiWnjjIiTbHvKirpPFDpDzGVJkI3eIoYot8KNBMBiEbDYL0Wh0ZLfwhcNhMbWKnKhiR1wQfD4fI5lMQiwWGwiFQiHIZDLMFwgE5H+cInOy2Jbw1Ot1aDab7NuyLIhEIiyidDoNHo8H2u02VCoVWWwR2ZBvc1l4+v0+lMtl0DSNCaVSKTZHYxIqFApsrNgK8iznbMhKpRLbTEZC3W7XTYjMlI9ZG/GaJvj9/sHYMIyhHCpWk8U+1FujZOu6Dq1WCxqNBosukUhAPB4fJ/Ym5ywnLoGEbNtmmzudDhSLRXY0Sj7lkATJqtWqEHoXwYjIbkW90dX3er2RZFMOKULHccDr9cpRXYgPTeoaVHdPvMinNarR/XHl9Ipsq8X7h9DhpEJ/RNZ4m3GzLy5CEf3IDm1Cc6R3sMkfpMlzSjzM2hzF28nN0ml/BRgA6juD/2++e1MAAAAASUVORK5CYII=);  
    background-repeat: no-repeat; 
    background-size: 19px;  
    background-position: top right;  
}*/
.common-search .s-btn-container {
  float: left;
}
.common-search .s-btn-container input {
  float: left;
  width: 35px;
  height: 33px;
  line-height: 33px;
  border: none;
  background-color: #ff6600;
  font-family: "globalheader";
  font-size: 16px;
  color: #fff;
  _zoom: 1;
  -webkit-border-radius: 0;
}
.common-search .s-menu {
  width: 1px;
  font-size: 0px;
  -webkit-text-size-adjust:none;
  color: #999;
  position: relative;
  float: left;
  overflow: hidden;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.common-search .s-menu .s-menu-selected {
  height: 33px;
  line-height: 33px;
  background-color: #fff;
  text-align: center;
}
.common-search .s-menu-selected i {
  font-family: "globalheader";
  font-style: normal;
  color: #ccc;
  padding: 0 5px 0 3px;
}
.common-search .s-menu-list {
  background-color: #fff;
  position: absolute;
  top: 33px;
  right: 0;
  z-index: 100000;
  height: 0;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-top: none;
  -moz-box-shadow: -4px 5px 7px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -4px 5px 7px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -4px 5px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: -4px 5px 7px 0px rgba(0, 0, 0, 0.1);
  -moz-transition: height 0.2s ease-in 0.01s;
  -webkit-transition: height 0.2s ease-in 0.01s;
  -o-transition: height 0.2s ease-in 0.01s;
  transition: height 0.2s ease-in 0.1s;
}
.common-search .s-menu-list li {
  height: 24px;
  line-height: 24px;
  width: 42px;
  padding: 0 8px 0 12px;
  text-align: left;
}
.common-search .s-menu-list li a {
  color: #999;
}
.common-search .s-menu-list li a:hover,
.common-search .s-menu-list .selected a {
  color: #377bee;
  text-decoration: none;
}
/* start focus 状态*/
.s-focus .s-menu {
  width: 56px;
  font-size: 12px;
}
.s-focus .expand {
  overflow: visible;
}
.common-search .expand .s-menu-list {
  height: auto;
}
.s-focus .s-ipt-container input {
  width: 260px;
}
/* end focus 状态*/
/* start for placeholder */
.common-search .s-ipt-container {
  position: relative;
  background-color: #fff;
}
.common-search .s-ipt-container input {
  position: relative\9;
  z-index: 2\9;
  /* ie下右键placeholder无法在input中粘贴 */

  background-color: transparent;
  /*fix ie下背景穿透，导致右键无法粘贴复制，同时避免出现点击label是input outline出现 TODO 产生一个空请求*/
  background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAbCAMAAACOc8V7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0IyMENDNzMzQjZCMTFFMjk2MzU4RDY5NDRDQjMxNTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0IyMENDNzQzQjZCMTFFMjk2MzU4RDY5NDRDQjMxNTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQjIwQ0M3MTNCNkIxMUUyOTYzNThENjk0NENCMzE1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQjIwQ0M3MjNCNkIxMUUyOTYzNThENjk0NENCMzE1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoPJYnMAAAAGUExURf///wAAAFXC034AAAABdFJOUwBA5thmAAAADklEQVR42mJgoB8ACDAAAGwAAYpicjQAAAAASUVORK5CYII=);
}
.common-search .s-ipt-container label {
  position: absolute;
  top: -99999px;
  left: -99999px;
  z-index: 1\9;
}
.common-search .s-ipt-container .s-placeholder {
  top: 7px;
  left: 10px;
}
.common-search .s-ipt-container input:-moz-placeholder,
.common-search .s-ipt-container input:-moz-placeholder {
  color: #999!important;
  /* fix ff */

  font-size: 14px!important;
}
.common-search .s-ipt-container .s-placeholder {
  color: #999;
  font-size: 14px;
}
/* end for placeholder */
/*下拉 suggest*/
.ks-suggest-container {
  color: #333 !important;
  border: 1px solid #d9d9d9 !important;
  border-top: 1px solid #4A4A4A !important;
  width: 324px !important;
  -moz-box-shadow: -4px 5px 7px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -4px 5px 7px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -4px 5px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: -4px 5px 7px 0px rgba(0, 0, 0, 0.1);
}
.ks-suggest-container li {
  padding: 3px 0 !important;
}
.ks-suggest-key {
  padding-left: 9px;
}
.ks-suggest-container .ks-selected {
  background-color: #eee !important;
}
.ks-suggest-container .ks-selected span {
  color: #333 !important;
}
.ks-suggest-result {
  color: #999 !important;
}
.ks-suggest-container .ks-selected .ks-suggest-result {
  color: #999 !important;
}
