
/* ============================================================ web css reset  ============================================================ */
* { margin:0 auto;}
body {  color:#2c2c2c; background:#fff;  font-size:12px;  font-family:"微软雅黑",Arial Narrow,arial,serif; }
ul,li,dl,dt,dd,h3,p,h4,h1,h2 { margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6 { outline: 0; }
img { border:0; vertical-align: top; }
a:link, a:visited { color:#2c2c2c; text-decoration:none;outline:0 none;}
a:hover { color:#ff6200; text-decoration:none;}
a:active { star:expression(this.onFocus = this.blur()); }
a:-webkit-any-link { text-decoration:none;}
a.green:link, a.green:visited { color:#17a978; text-decoration:underline;outline:0 none;}
a.green:hover { color:#ff6600; text-decoration:underline;}
a.black:link, a.black:visited { color:#000000; text-decoration:underline;outline:0 none;}
a.black:hover { color:#ff6600; text-decoration:underline;}
a.blue:link, a.blue:visited { color:#015ebd; text-decoration:none;outline:0 none;}
a.blue:hover { color:#ff6600; text-decoration:underline;}
input,select,button{font:12px Verdana,Arial,Tahoma; vertical-align:middle; padding:0; margin:0;}
input:focus {outline: none}
ins{text-decoration:none;}
em,i{font-style:normal}
.fl { float:left;}
.fr { float:right;}
.hidden { display:none;}
.block { display:block;}
.text_fr { text-align:right;}
.center { text-align:center;}
.pos_a { position:absolute;}
.pos_r { position:relative;}
.pos_f { position:fixed;}
.border_all { border:1px solid #eaeaea;}
.border_top { border-top:1px solid #eaeaea;}
.border_bottom { border-bottom:1px solid #eaeaea;}
.none { display: none; }
.cur { cursor:pointer;}
.o-hidden{overflow:hidden;}
.green{ color:#17a978;}
.red{ color:#ff0000;}
.black { color:#000000;}

.linheight40 { height:40px; line-height:40px;}
.linheight20 { height:20px; line-height:20px;}
.linheight25 { height:25px; line-height:25px;}
.linheight30 { height:30px; line-height:30px;}

/*  字体样式 */
.fwb { font-weight: bold; }
.fwn { font-weight: normal; }
.fsi { font-style: italic; }

/*  字体大小  */
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
/*  清除浮动  */
.clear { clear:both; width:100%; height:0px; overflow:hidden;}
.fn_clear:after {content:".";display:block;height:0;clear:both;visibility:hidden; overflow:hidden;}
.fn_clear { *zoom:1;}



/******下拉菜单美化********/

.ui-select-wrap {
  float:left;
  border: 1px solid #cdcdcd;
  position: relative;
  height: 43px;
  padding-right: 15px;
  background-color: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  z-index: 8;
  vertical-align: top;
  font-size:14px;
}

.ui-select-wrap.focus { z-index: 9; }

select.ui-select {
  height: 43px;
  vertical-align: top;
  padding: 0 8px 0 4px;
  background-color: #f6f6f6;
}

.ui-select-wrap > select {
  display: none;
  height: 30px;
  vertical-align: top;
  padding: 0 8px;
  border: 1px solid #e4e4e4;
}
.ui-select-input {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 15px;
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  line-height:43px;
}

.ui-select-arrow {
  display: block;
  position: absolute;
  right:0px;
  top: 0;
  width:44px;
  height:43px;
  background:url(404.png) no-repeat;
  
  /*height: 0;
  width: 0;
  border: 5px solid transparent;
  border-width: 6px 5px 0 5px;
  border-top-color: #999;*/
}

.ui-select-list {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
  left: -1px;
  top: 45px;
  background-color: #f6f6f6;
  border: 1px solid #e4e4e4;
  width: 100%;
  overflow: auto;
  max-height: 200px;
}

.ui-select-wrap.up .ui-select-list {
  top: auto;
  bottom: 43px;
}

.ui-select-wrap.focus .ui-select-list { display: block; }

.ui-select-list>li {
  display: block;
  line-height: 43px;
  padding: 0 10px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-select-list>li:hover { background-color: #ffae00; color:#fff; }

.ui-select-list>li.selected {
  background-color: #ffae00;
  color: #fff;
}

.ui-select-list>li.disabled {
  background-color: #f2f2f2;
  color: #999;
  cursor: not-allowed;
}

.ui-select-list>li.disabled.selected {
  background-color: #ffae00;
  color: #f2f2f2;
  cursor: not-allowed;
}

.ui-select-wrap.disabled {
  color: #999;
  border-color: #ccc;
  cursor: not-allowed;
}

.ui-select-wrap.disabled .ui-select-arrow { border-top-color: #ccc; }


/*==================高宽=======================*/
.item_input .ui-select-wrap {
  display: inline-block;
  border:0;
  position: relative;
  height: 43px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  z-index: 8;
  vertical-align: top;
  font-size:14px;
  min-width:135px;
  background-color: #none;
}

.item_input .ui-select-wrap.focus { z-index: 9; }

.item_input select.ui-select {
  height: 43px;
  vertical-align: top;
  background-color: #f6f6f6;
}

.item_input .ui-select-wrap > select {
  display: none;
  height: 30px;
  vertical-align: top;
  padding: 0 8px;
  border: 1px solid #e4e4e4;
}
.item_input .ui-select-input {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0px;
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  line-height:43px;
}

.item_input .ui-select-arrow {
  display: block;
  position: absolute;
  right:10px;
  top: 20%;
  width:15px;
  height:15px;
  background:none;
  
  /*height: 0;
  width: 0;
  border: 5px solid transparent;
  border-width: 6px 5px 0 5px;
  border-top-color: #999;*/
}

.item_input .ui-select-list {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
  left: -1px;
  top: 43px;
  background-color: #f6f6f6;
  width: 100%;
  overflow: auto;
  max-height: 200px;
}

.item_input .ui-select-wrap.up .ui-select-list {
  top: auto;
  bottom: 43px;
}

.item_input .ui-select-wrap.focus .ui-select-list { display: block; }

.item_input .ui-select-list>li {
  display: block;
  line-height: 35px;
  padding: 0 10px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:130px;
}

.item_input .ui-select-list>li:hover { background-color: #ffae00; color:#fff; }

.item_input .ui-select-list>li.selected {
  background-color: #ffae00;
  color: #fff;
}

.item_input .ui-select-list>li.disabled {
  background-color: #ffae00;
  color: #999;
  cursor: not-allowed;
}

.item_input .ui-select-list>li.disabled.selected {
  background-color: #ffae00;
  color: #f2f2f2;
  cursor: not-allowed;
}

.item_input .ui-select-wrap.disabled {
  color: #999;
  border-color: #ccc;
  cursor: not-allowed;
}

.item_input .ui-select-wrap.disabled .ui-select-arrow { border-top-color: #ccc; }
