/*
 * Content:
 * 1. 公共部分追加样式
 * 2. text
 * 3. icons 
 * 4. buttons
 * 5. background 
 * 6. input
 * 7. layout
 * 8. border
 * 9. images
 * 10.color
 * 11.定位  显示 隐藏 浮动
 * 12. 高度 宽度 设置
 * 13. 内外边距 设置
 * 14. border
 * 15. button
 * 19.表格灰色
 */

/********************************************************/
/*                1. 公共部分追加样式                   */
/********************************************************/
body{
  color: #666;
  background: #fff;
  font-size: 12px;
  font-family: "Microsoft YaHei","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti;
}
.panel-body{
  color: #666;
}
input, textarea, keygen, select, button {font-family: "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti,"Microsoft YaHei";}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,dfn,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,tr,th,td,article{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin: 0;padding: 0;}
a{color:#666;text-decoration:none;outline:none; cursor: pointer;}
a:active {star:expression(this.onFocus=this.blur());} 
input:focus,a:focus{ outline:none;}
.fix{zoom:1;}
.fix:after{clear:both;content:" ";display:block;font-size: 0;height:0; visibility:hidden;}
ol,ul,li{list-style:none;margin: 0;padding: 0}
img{border:none;}
table{border-collapse:collapse;}
th{font-weight:normal;}
input{border:none;}
input[type='submit'],input[type='button'],input[type='reset'],button{cursor:pointer;}
button{padding:0;}
b,strong{font-weight:normal;}
em,i,dfn{font-style:normal;}
textarea{outline:none;resize:none;}
*{margin: 0;padding: 0;}
label{font-weight: normal;}
/*清除浮动*/
.clear{clear: both;overflow: hidden;}
.clearfix:after,.clearfix:before{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{zoom:1;}
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
em{color: #f60}
b, strong {
    font-weight: bold;
}
.pointer{cursor: pointer;}
.input-view{
  background: none;
  outline: none;
  cursor: default;
}

.input, .vehicle_input,.member_input,.search_input{
    /*height: 33px !important;
    line-height: 33px;*/
    margin-right: 3px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #666;
    padding-left: 12px;
    padding: 6px 10px 6px 5px;
    vertical-align: middle;
}
.input-s{
    background-color: #fff;
    border: 1px solid #ccc;
    height: 18px;
    line-height: 18px;
    margin: 2px;
    padding: 0 4px;
    width: 60px;
    border-radius: 4px;
}
.select {
    height: 30px !important;
    line-height: 30px;
    margin-right: 3px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #666;
    vertical-align: middle;
}
.select-s {
    height: 18px !important;
    line-height: 18px;
    margin-right: 3px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #666;
    font-size: 12px;
}
.easyUI_select,.address_shop,.suselect{
    height: 30px !important;
    line-height: 30px;
    margin-right: 3px;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: middle;
    color: #666;
}
.textarea{
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #666;
  padding: 5px;
  font-size: 12px;
  vertical-align: top;
}
.hide{display: none;}
.show{display: block;}
optgroup {
  font-weight: 700;
  font-style: normal;
  color: #666;
}
optgroup option{
  padding-left: 10px;
}
.panel-header {
    background-color: #eee;
}

/* input按钮样式补丁 */
input[type="button"]{
  line-height: 28px;
}
/********************************************************/
/*                2. text                   */
/********************************* ***********************/
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.text-center{
  text-align: center;
}

.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.bold{font-weight: 600 !important;}
.normal{font-weight: normal;}


.txt-title{
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.txt-highbold{
  font-size: 14px;
  color: #f90;
  font-weight: bold;
}
.txt-info{
  color:#0198cf;
}
.txt-high{
  color: #f90;
}
.txt-red{
  color: #ff0101;
}
.txt-blue{
  color: #58A3EF;
}
.txt-light-grey{
  color: #999;
}
.txt-white {
    color: #fff;
}
.txt-muted{
  color: #999;
}
.txt-green{color: #B2C781;}
.txt-grey{color: #999;}
.txt-orange{color: #f60;}
.txt-disabled{color: #666 !important;cursor: not-allowed;}
/********************************************************/
/*                3. icons                   */
/********************************************************/
.icon{display: inline-block;width: 26px;height: 26px;}
.large-icon{background: url(../images/large-icon.png);width: 21px;height: 21px;vertical-align: middle;}
.envelope-icon{background: url(../images/envelope-icon.png);width: 26px;height: 19px;vertical-align: middle;}
.mark{
  position: absolute;
    background: #f90;
    padding: 0px 5px;
    border-radius: 10px;
    top: -10px;
    left: -10px;
    height: 16px;
    line-height: 15px;
    color: #fff;
}
.down-icon{
  position: relative;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  display: inline-block;
  background: transparent;
  z-index: 10;
  /* background: url(../images/arrow-down.png); */
}
.down-icon:before{
  position: absolute;
  top: 2px;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  content: "";
  border-width: 0 6px 6px 6px;
  border-style: solid;
  z-index: 12;
  border-color: transparent transparent #fff;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.down-icon:after{
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  content: "";
  border-width: 0 6px 6px 6px;
  border-style: solid;
  z-index: 13;
  border-color: transparent transparent #0099cc;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); 
}
.down-icon-s:before{
  margin-left: -4px;
  border-width: 0 4px 4px 4px;
} 
.down-icon-s:after{
  top: 2px;
  margin-left: -4px;
  border-width: 0 4px 4px 4px;
} 
.down-grey.down-icon:after{border-color: transparent transparent #666;}
.icon-waring{background: url(../images/icon-waring.png);width: 50px;height: 50px;vertical-align: middle;display: inline-block;}
.icon-check{background: url(../images/icon-check.png);width: 50px;height: 50px;vertical-align: middle;display: inline-block;}
.icon-error{background: url(../images/icon-error.png);width: 50px;height: 50px;vertical-align: middle;display: inline-block;}
.icon-clock{background: url(../images/icon-clock.png);width: 18px;height: 18px;vertical-align: middle;display: inline-block;}
.chevron-up{background: url(../images/spinner_arrows.png);width: 18px;height: 18px;vertical-align: middle;display: inline-block;    background-position: 2px 2px;}
.chevron-down{background: url(../images/spinner_arrows.png);width: 18px;height: 18px;vertical-align: middle;display: inline-block;    background-position: 17px 2px;}
.icon-info-grey{background: url(../images/icon-info.png);width: 10px;height: 10px;vertical-align: middle;display: inline-block;}

.datagrid-sort .datagrid-sort-icon {
    background: #eeeeee url("../images/sort_both.png") no-repeat scroll right center;
    background-position:0 !important;
    cursor: pointer;
}
.datagrid-sort.datagrid-sort-asc .datagrid-sort-icon{
    background: #eeeeee url("../images/sort_asc.png") no-repeat scroll right center;
}
.datagrid-sort.datagrid-sort-desc .datagrid-sort-icon{
    background: #eeeeee url("../images/sort_desc.png") no-repeat scroll right center;
}
/*树列表图标*/
.tree-folder {
    background: url('../images/folder-close.png') no-repeat;
    width: 17px;
    height: 14px;
}
.tree-folder-open {
    background: url('../images/folder-open.png') no-repeat;
    width: 20px;
    height: 14px;
}
.tree-file {
    background: url('../images/folder-file.png') no-repeat;
    width: 10px;
    height: 14px;
}

/* 展开收起箭头 */
.triangle-up-8{
    width: 16px;
    height: 16px;
    margin-top: 15px;
    margin-right: 10px;
    background: url(../images/spinner_arrows.png) no-repeat;
}
.triangle-down-8{
    width: 16px;
    height: 16px;
    margin-top: 15px;
    margin-right: 10px;
    background: url(../images/spinner_arrows.png) no-repeat -16px 0;
}

.icon-del {
    background: url(../images/icon-del.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}
/********************************************************/
/*                5. background                   */
/********************************************************/
.bg_orange01{background: #fe603d;}

.bg-grey{
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  background: #f8f8f8;
}
.bg-lightblue{background: #eef6ff;}
.bg-darkgray{background: #666666;}
.bg-poolblue{background: #00b7f0;}
.bg-paleblue{background: #88bade;}
.bg-darkblue{background: #4f71ae ;}
.bg-sapphireblue{background: #4f92ae;}
.bg-lightgreen{background: #b6c48d;}
.bg-mossgreen{background: #66774e;}
.bg-palegreen{background: #a5dede;}
.bg-olivegreen{background: #3c4a35;}
.bg-lightpurple{background: #5570b5;}
.bg-lightgrey{background: #f8f8f8;}

.refuninfo{
    border: 1px solid #ffc450;
    padding: 10px;
    background: #fffae4;
}
.headline{
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    font-weight: 600;
}
.headline i{
    height: 35px;
    display: inline-block;
    border-bottom: 2px solid #ff6d00;
}

/********************************************************/
/*                10. color                   */
/********************************************************/
.white{color: #fff;}
.red{ color: red; }
.quality-mark{
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
}
/********************************************************/
/*                11.定位  显示 隐藏 浮动              */
/********************************************************/
.relative{position: relative;}
.absolute{position: absolute;}

.pull-left{float: left;} .pull-right{float: right;}
.block {display:block;} .show{display:block !important;}
.none{display:none;}.hide{display:none;}
.inline-block{display: inline-block}
.opacity50{
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.overflow-hide{overflow:hidden}
.zx5{z-index:5;}
.zx4{z-index:4;}
.zx3{z-index:3;}
.zx2{z-index:2;}
.zx1{z-index:1;}
/********************************************************/
/*                12. 高度 宽度 设置                  */
/********************************************************/
.wper5{width: 5%;}
.wper8{width: 7.99%;}
.wper10{width: 10%;}
.wper12{width: 11.99%;}
.wper15{width: 14.99%;}
.wper18{width: 17.99%;}
.wper20{width: 19.99%;}
.wper25{width: 24.99%;}
.wper30{width: 29.99%;}
.wper40{width: 39.99%;}
.wper50{width: 49.99%;}
.wper80{width: 79.99%;}
.wper48 {
    width: 48%;
}
.wper49 {
    width: 49%;
}
.wper100{
    width: 100%;
}
.w10{width:10px;}.w20{width:20px;}.w30{width:30px;}.w35{width:35px;}.w40{width:40px;}.w45{width:45px;}.w50{width:50px;}
.w55{width:55px;}.w60{width:60px;}.w65{width:65px;}.w70{width:70px;}.w80{width:80px}.w90{width:90px;}
.w100{width:100px;}
.w120{width:120px;}.w140{width:140px;}.w150{width:150px;}.w160{width:160px;}.w170{width:170px;}.w180{width:180px;}.w190{width:190px;}
.w200{width:200px;}.w250{width:250px;}


.ha{height:auto;}
.h10{height:10px;}
.h16{height:16px;line-height:16px;}
.h20{height:20px;}
.h24{height:24px;}.h25{height:25px;}
.h30{height:30px;}.h35{height:35px;}.h36{height:36px;}
.h40{height:40px;}.h45{height:45px;}.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h250 {
    height: 250px;
}
/********************************************************/
/*                13. 内外边距 设置                 */
/********************************************************/
.ver-m{
  vertical-align: middle;
}
.ver-t{
  vertical-align: top;
}
.ver-b{
  vertical-align: bottom;
}

.mgt_1{margin-top: -1px;}
.mg5{
  margin: 5px;
}
.mg_t5{
  margin-top: 5px;
}
.mg_b5{
  margin-bottom: 5px;
}
.mg_l5{
  margin-left: 5px;
}
.mg_r5{
  margin-right: 5px;
}
.mg_t8{
  margin-top: 8px;
}
.mg_b8{
  margin-bottom: 8px;
}
.mg_l8{
  margin-left: 8px;
}
.mg_r8{
  margin-right: 8px;
}
.mg10{
  margin: 10px;
}
.mg_t10{
  margin-top: 10px;
}
.mg_b10{
  margin-bottom: 10px;
}
.mg_l10{
  margin-left: 10px;
}
.mg_r10{
  margin-right: 10px;
}
.mg_l15{
  margin-left: 15px;
}
.mg_r15{
  margin-right: 15px;
}
.mg_t15{
  margin-top: 15px;
}
.mg_t20{
  margin-top: 20px;
}
.mg_b20{
  margin-bottom: 20px;
}
.mg_l20{
  margin-left: 20px;
}
.mg_r20{
  margin-right: 20px;
}
.mg_t30{
  margin-top: 30px;
}
.mg_r30{
  margin-right: 30px;
}
.pd5{
  padding: 5px;
}
.pd_t5{
  padding-top: 5px;
}
.pd_b5{
  padding-bottom: 5px;
}
.pd_l5{
  padding-left: 5px;
}
.pd_r5{
  padding-right: 5px;
}
.pd-hz-5{
  padding-left: 5px;
  padding-right: 5px;
}
.pd10{
  padding: 10px;
}
.pd-vr-10{
  padding-bottom: 10px;
  padding-top: 10px;
}
.pd-hz-10{
  padding-left: 10px;
  padding-right: 10px;
}
.pd-hz-20{
  padding-left: 20px;
  padding-right: 20px;
}
.pd_t10{
  padding-top: 10px;
}
.pd_b10{
  padding-bottom: 10px;
}
.pd_l10{
  padding-left: 10px;
}
.pd_r10{
  padding-right: 10px;
}
.pd_l15{
  padding-left:15px;
}
.pd15{
  padding: 15px;
}
.pd-hz-15{
  padding-left: 15px;
  padding-right: 15px;
}
.pd20{
  padding: 20px;
}
.pd_t20{
  padding-top: 20px;
}
.pd_b20{
  padding-bottom: 20px;
}
.pd_l20{
  padding-left: 20px;
}
.pd_r20{
  padding-right: 20px;
}
.pd_l30{
  padding-left: 30px;
}
.pd_r30{
  padding-right: 30px;
}
/* ==========================================14、border============================================== */
.border{
  border: 1px solid #ccc;
}
.border_t{
  border-top: 1px solid #ccc;
}
.border_b{
  border-bottom: 1px solid #ccc;
}
.border_tb{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.border_lr{
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.border_r{
  border-right: 1px solid #ccc;
}
.border_l{
  border-left: 1px solid #ccc;
}
/* ==========================================15、button============================================== */
.button {
  color: #666;
  background-color: #EEE;
  border: 1px solid transparent;
  font-weight: 300;
  font-size: 16px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande","Microsoft YaHei", sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  appearance: none;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}
.button:visited {
  color: #666; 
}
.button:hover, .button:focus {
  background-color: #f6f6f6;
    text-decoration: none;
    outline: none; 
 }
.button:active, .button.active{
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    text-decoration: none;
    background-color: #eeeeee;
    border-color: #cfcfcf;
    color: #d4d4d4;
    -webkit-transition-duration: 0s;
        transition-duration: 0s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); 
}
.button.disabled, .button:disabled {
    top: 0 !important;
    /*background: #0099cc !important;
    border: 1px solid #0099cc !important;*/
    color: #fff !important;
    cursor: not-allowed !important;
    appearance: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    opacity: .65 !important; 
}
.button-small {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}
.button-xs {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}
.button-primary{
    background-color: #0099cc;
    border-color: #0099cc;
    color: #FFF; 
}
.button-primary:visited{
    color: #FFF; 
}
.button-primary:hover, .button-primary:focus{
    background-color: #33add6;
    border-color: #33add6;
    color: #FFF; 
}
.button-primary:active, .button-primary.active{
    background-color: #007aa3;
    border-color: #007aa3;
    color: #fff; 
}

.button-grey{
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #666;
    border: 1px solid #e0e0e0;

}
.button-grey:hover, .button-grey:focus{
    background-color: #e9e9e9;
    border-color: #e9e9e9;
    color: #666; 
}
.button-grey:active, .button-grey.active{
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #666; 
    box-shadow:none;
}
.button-default{
    background-color: #fff;
    border: 1px solid #0099cc;
    color: #0099cc;
    font-weight: 500;
}
.button-default:visited{
    color: #FFF;  
}
.button-default:hover, .button-default:focus{
    background-color: #fff;
    border-color: #33add6;
    color: #33add6; 
}
.button-default:active, .button-default.active{
    background-color: #fff;
    border-color: #007aa3;
    color: #007aa3; 
}

.button-light-green{
    background-color: #B2C781;
    border-color: #B2C781;
    color: #FFF; 
}
.button-light-green:visited{
    color: #FFF; 
}
.button-light-green:hover, .button-light-green:focus{
    background-color: #C9D8A7;
    border-color: #C9D8A7;
    color: #FFF; 
}
.button-light-green:active, .button-light-green.active{
    background-color: #7B8A59;
    border-color: #7B8A59;
    color: #fff; 
}
/*light-orange*/
.button-light-orange{
    background-color: #FF6600;
    border-color: #FF6600;
    color: #FFF; 
}
.button-light-orange:visited{
    color: #FFF; 
}
.button-light-orange:hover, .button-light-orange:focus{
    background-color: #FF944D;
    border-color: #FF944D;
    color: #FFF; 
}
.button-light-orange:active, .button-light-orange.active{
    background-color: #FF944D;
    border-color: #FF944D;
    color: #fff; 
}
/*light-grey*/
.button-light-grey{
    background-color: #999;
    border-color: #999;
    color: #FFF; 
}
.button-light-grey:visited{
    color: #FFF; 
}
.button-light-grey:hover, .button-light-grey:focus{
    background-color: #b8b8b8;
    border-color: #b8b8b8;
    color: #FFF; 
}
.button-light-grey:active, .button-light-grey.active{
    background-color: #b8b8b8;
    border-color: #b8b8b8;
    color: #fff; 
}
/*button-white*/
.button-white{
    background-color: #fff;
    border: 1px solid #ddd;
    color: #666; 
}
.button-white:visited{
    color: #666; 
}
.button-white:hover, .button-white:focus{
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    color: #666; 
}
.button-white:active, .button-white.active{
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    color: #666; 
}
.button-white.disabled, .button-white:disabled {
    color: #666 !important;
}
/* ==========================================追加按钮样式 ============================================== */
.button-icon{position: relative;}
.btn-icon{
    position: absolute;
    top: -6px;
    border-radius: 5px;
    padding: 2px 5px;
    right: -3px;
}
.input-pos input{padding-right: 65px;}
.input-txt{
    position: absolute;
    top: 1px;
    right: 10px;
    cursor: pointer;
}
.inp-group{
    position: relative;
}
.inp-btn{
    position: absolute;
    top: 5px;
    right: 10px;
}
.inp-btn-sm{
    background: #e0f7ff;
    color: #0099cc;
    padding: 1px 3px;
    border: 1px solid #0099cc;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;    
}


/* ==========================================16、label/icons============================================== */

.bg-icon, .bg-label {
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 3px;
}
.bg-label {
    font-size: 12px;
    padding:5px 8px;
}
.bg-icon-danger, .bg-label-danger {
    background-color: #c9302c;
}
.bg-icon-warning, .bg-label-warning {
    background-color: #f90;
}
.bg-icon-main, .bg-label-main {
    background-color: #0088ff;
}
.bg-icon-info, .bg-label-info {
    background-color: #5bc0de;
}
.bg-icon-success, .bg-label-success {
    background-color: #5bb65c;
}
.bg-icon-default, .bg-label-default {
    background-color: #787878;
}


.icon-home{
  background: url('../images/icon-home.png') no-repeat center center;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -3px;
}
.icon-phone{
  background: url('../images/icon-phone.png') no-repeat center center;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: -1px;
}


/* ==========================================16、alert============================================== */

.alert-box {
    font-size: 13px;
    padding: 15px;
    margin-bottom: 15px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}
.alert-box .close {
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 21px;
    color: rgba(51,51,51,.3);
}
.alert-box .close:hover{
    color: rgba(51,51,51,1);
}
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger, .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

/* ==========================================17、progress============================================== */

.progress {
    height: 20px;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -ms-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -o-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress-bar {
    width: 0;
    float: left;
    color: #fff;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background-color: #1B9AF7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -ms-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -o-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -ms-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -ms-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
    background-color: #5bb65c;
}
.progress-bar-info {
    background-color: #5bc0de;
}
.progress-bar-warning {
    background-color: #ff9900;
}
.progress-bar-danger {
    background-color: #c9302c;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position:40px 0
  }
  to {
    background-position:0 0
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position:40px 0
  }
  to {
    background-position:0 0
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position:40px 0
  }
  to {
    background-position:0 0
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position:0 0
  }
  to {
    background-position:40px 0
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position:40px 0
  }
  to {
    background-position:0 0
  }
}

/* ==========================================18、.process============================================== */
ol.process{
  margin:10px 0;
  overflow:hidden;
  zoom:1;
  background-color:#f3f3f3;
  color:#999;
  font-size:14px;
  text-align:center;
  padding: 0px;
  border: 1px solid #ddd;
  height: 36px;
  line-height: 36px;
}
ol.process li{
  float:left;
  display:inline;
  width:25%;
  position:relative; 
}
ol.process li .pr_font{
  font-style: italic;
  font-weight: 900;
  font-size: 21px;
  text-align: left;
  color: rgba(204,204,204,.6);
  width: 45px;
  display: inline-block;
  background: url(../images/p-line.png) no-repeat;
  background-size: 4px 20px;
  background-position: right;
  margin-right: 10px;
  vertical-align: -2px;
}
.width_33{
  width:33.3% !important;
}
ol.process li.pr_normal{
  background-color: #7b93cb;
  color: #fff;
}
ol.process li.pro_curr{
  background-color:#5671b3; 
  color:#fff;
}
ol.process li.pr_normal .pr_font, ol.process li.pro_curr .pr_font{
  color: rgba(255,255,255,.6);
}
.s_converse{
  position:absolute;
  width:20px;
  right:0px;
  top:0; 
  height:40px;
  z-index:100;
}
.pr_top{ 
  position:absolute;
  left:20px;
  _left:20px;
  top:0px;
  z-index:116;
  display:inline-block;
  padding:0;
  border-width:18px 0 18px 16px;
  _border-width:18px 0 18px 16px;
  border-style:solid;
  border-color:transparent transparent transparent #f3f3f3;
  width:0;
  height:0;
  font-size:0;
  background-color:transparent;
  color:#f3f3f3;
}
.pr_bottom{
  position:absolute;
  left:21px;
  _left:21px;
  top:0px;
  z-index:106;
  display:inline-block;
  padding:0; 
  border-width:18px 0 18px 16px;
  _border-width:18px 0 18px 16px;
  border-style:solid;
  border-color:transparent transparent transparent #ddd;
  width:0;
  height:0;
  font-size:0;
  background-color:transparent; 
  color:#ddd;
}
.pr_normal .pr_top{ 
  border-color:transparent transparent transparent #7b93cb;
}
.pr_normal .pr_bottom{
  color:#7b93cb;
}
.pro_curr .pr_top{
  border-color:transparent transparent transparent #5671b3;
}
.pro_curr .pr_bottom{
  color:#5671b3;
}

.s_converse span{
  position:absolute;
  left:-4px; 
  top:0; 
  z-index:106;
  display:inline-block;
  width:6px;
  height:40px;
  background-color:#f3f3f3;
  font-size:0;
}
.pr_normal .s_converse span{
  background-color:#7b93cb;
}
.pro_curr .s_converse span{
  background-color:#5671b3;
}


/* ==========================================分级标题 ============================================== */
.level-head{
  border-bottom: 1px solid #e0e0e0;
}
.level-head>h4{
  color: #666;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 0;
  display: inline-block;
  border-bottom: 2px solid #0099cc;
  margin-bottom: -1px;
}

/* ==========================================18、slider============================================== */

.slider-h{
  margin: 30px 30px 30px 10px;
}

/* ==========================================19.表格灰色============================================== */

.table-grey{width:100%;border-collapse: collapse;border: 1px solid #ccc;clear: both;}
.table-grey th, .table-grey tfoot td {
  font-size:14px; 
  font-weight:normal; 
  background-color: #f2f2f2; 
  border: 1px solid #ccc;
  padding: 10px 5px;
}
.table-grey tfoot td{
  border: 0;
}
.table-grey tr td {font-size:12px;border: 1px solid #ccc;padding:10px 5px;}
.table-grey th{text-align: center;}
.table-grey tr td{text-align: left;}
.table-grey td.left, .table-grey th.left{text-align: left;}
.table-grey td.center, .table-grey th.center{text-align: center;}
.table-grey td.right, .table-grey th.right{text-align: right;}
.table-grey td.pd-lf-per4, .table-grey th.pd-lf-per4{padding-left: 4%;}
.table-grey a:hover {text-decoration: none;}
.table-grey tr:hover{background-color: #fafafa;}

.border-none{border:none;}
.border-none tr td{border:none; padding:5px;}
.border-none tr:hover{background-color: #fff !important;}
.border-1 tr td{border: 1px solid #ccc !important;}

.border-ud th, .border-ud tfoot td{border: 0px solid #ccc;}
.border-ud tr td{border: 0px solid #ccc;border-top: 1px solid #ccc;padding: 5px 5px}
.border-blue{border: 1px solid #4f71ae;}


/*--------------------------------表格tr 上下边框-------------------------------*/

.table-ud{width:100%;border-collapse: collapse;/*border: 1px solid #e1e6eb;*/ }
.table-ud th {font-size:14px; font-weight:normal;border: none;padding: 8px 5px;background: #fafafa;}
.table-ud td {font-size:13px; border-bottom: 1px solid #e1e6eb; padding: 8px 5px;}
.table-ud th{text-align: left;}
.table-ud td{text-align: left;}
.table-ud td.left, .table-ud th.left{text-align: left;}
.table-ud td.center, .table-ud th.center{text-align: center;}
.table-ud td.right, .table-ud th.right{text-align: right;}
.table-ud a {}
.table-ud a:hover { text-decoration:none;}


/*------------------父子集表格-----------*/
.table-order0{
     border-collapse: collapse;
     border-spacing: 0;
     width: 100%;
     border: 1px solid #ccc;
     margin: 5px 0;
}
.table-order0 > tbody > tr > td, .table-order0 > tbody > tr > th, .table-order0 > tfoot > tr > td, .table-order0 > tfoot > tr > th, .table-order0 > thead > tr > td, .table-order0 > thead > tr > th {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.table-order0 > tbody > tr > td, .table-order0 > tbody > tr > th, .table-order0 > tfoot > tr > td, .table-order0 > tfoot > tr > th, .table-order0 > thead > tr > td, .table-order0 > thead > tr > th {
    padding: 5px;
}
.table-order0 > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0 none;
}
.table-order0 thead > tr > th {
    text-align: center;
    font-size: 12px;
    font-weight:bold;
    height:20px; 
    background: #f8f8f8;
}
.table-order0 tbody > tr > td {
    text-align: center;
    font-size: 12px;
    padding-top: 0;
    padding-bottom: 0;
    height: 28px;
}
.table-order0 tfoot > tr > td{
    font-size: 12px;
    height:40px;
} 
.table-order0 input {
    height: 18px !important;
    line-height: 18px; 
    vertical-align:middle;
    font-size: 12px;
}
.table-order0 > thead.bgFFC{
    background: #FFFFCC !important;
}
.table-order0 td.left, .table-order0 th.left{text-align: left;}
.table-order0 td.center, .table-order0 th.center{text-align: center;}
.table-order0 td.right, .table-order0 th.right{text-align: right;}
.icon-child2{
    display: inline-block;
    width: 8px;
    height: 12px;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #666;
    border-left:1px solid #999;
    margin: 0 5px;
    line-height: 0;
}
.pm-toggle {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 20px;
    font-size: 12px;
    border: 1px solid #fff;
}
.pm-toggle:hover{
    filter:alpha(opacity=85); 
    -moz-opacity:0.85;             
    -khtml-opacity:0.85;           
    opacity: 0.85; 
    border: 1px solid #ccc;
}

.checkbox_footer {
    text-align: center;
}

/* .table-ps */
.table-ps{
    border:1px #ccc solid;
}
.table-ps th{
    font-size: 14px;
    font-weight: normal;
    padding: 10px 5px;
    color: #333;
    text-align: center;
    background-color: #f2f2f2;
    border-bottom:1px #ccc solid;
    border-right:1px #ccc solid;
}
.table-ps td {
    font-size: 12px;
    padding: 10px 5px;
    border-bottom:1px #ccc solid;
    border-right:1px #ccc solid;
}
.table-ps td.left, .table-ps th.left {
    text-align: left;
}
.table-ps td.right, .table-ps th.right {
    text-align: right;
}
.table-ps td.center, .table-ps th.center {
    text-align: center;
}
.table-ps tbody tr:last-child td{
    /* border-bottom:0; */
}
.table-ps tfoot td{
    border-bottom:0;
}
.tfoot td{
    border-bottom:1px #ccc solid !important;
}


.border-blue{border: 1px solid #4f71ae;}
/* ==========================================20.table hack ============================================== */
.myGrid .datagrid-view{border-bottom:1px solid #ccc;}
/* .myGrid .panel-header, .myGrid .panel-body {  border-width: 0px; }
.myGrid .datagrid-view1{border:1px solid #ccc;}
.myGrid .datagrid-view2{border:1px solid #ccc;} */


/*分页*/
.page_bar {padding: 10px 0 0 0;text-align: right;}
.page_bar a, .page_bar span {
  border: 1px solid #ccc;
  color: #545353;
  display: inline-block;
  height: 30px;line-height: 30px;
  margin-right: 2px;
  padding: 0 10px;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.page_bar a.cur_page, .page_bar span {background-color: #f2f2f2;color: #777;cursor: pointer;}
.page_bar span.current{
  border:1px solid #e0e0e0;
  background-color: #fff;
}
.page_bar a{cursor: pointer; text-decoration: none;}
.page_bar a:hover{
  border: 1px solid #e0e0e0; 
  color: #666;
  background-color: #f2f2f2;
}
.page_bar a:link, .page_bar a:visited {color: #777;}
.page_bar a.cur_page:link, .page_bar a.cur_page:visited {
  color: #777;
}
.page_perpage{
    height: 32px;
    line-height: 32px;
    margin-right: 3px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #666;
    padding: 0 5px;
}

#page{
  text-align: right;
}
.pagination{
  text-align: right;
  display: inline-block;
}
.pagination li {
  border: 1px solid #ccc;
  color: #545353;
  display: inline-block;
  height: 30px;line-height: 30px;
  margin-right: 2px;
  padding: 0 10px;
  border-radius: 4px;
  background-color: #f8f8f8;
}
#page>span{
  display: inline-block;
  margin-left: 10px;
}

/* ==========================================20.tabs  ============================================== */
/*tabs 切换样式*/
.general-tabs {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  padding: 0;
}
.general-tabs li {
  float: left;
  color: #666;
  cursor: pointer;
  display: inline-block;
  margin: 0 4px -1px 0px;
  border:1px solid #ccc;
  height:32px;
  line-height:32px;
  padding:0;
  background: #e8e8e8;
  border-radius: 5px 5px 0px 0px; 
}
.general-tabs li:first-child {
  margin-left: 20px;
}
.general-tabs li.active, .general-tabs li:hover{
    background: #fff;
    border-bottom: 1px solid #fff;
}
.general-tabs li.active, .general-tabs li:hover{
    background: #fff;
    border-bottom: 1px solid #fff;
}
.general-tabs li a{
    padding:0 14px;
    border-radius: 5px 5px 0px 0px; 
    display: inline-block;
}
.general-tabs li a.active, .general-tabs li a:hover{
    background: #fff;
    border-bottom: 1px solid #fff;
}

/*a 标签-tabs 切换样式*/
.tab dt{
  display: inline-block;
  width: 97.5%;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  padding: 0 20px;
}
.tab dt a{
  display: inline-block;
  float: left;
  color: #666;
  cursor: pointer;
  display: inline-block;
  margin: 0 4px -1px 0px;
  border:1px solid #ccc;
  height:32px;
  line-height:32px;
  padding:0 14px;
  background: #e8e8e8;
  border-radius: 5px 5px 0px 0px; 
}
.tab dt a.a_active, .tab dt a:hover{
    background: #fff;
    border-bottom: 1px solid #fff;
}

/* tab------service_nav */
.service-bar{
  margin-bottom: 20px;
}
.service_nav{
  border-bottom: 1px solid #ccc;
  height: 35px;
  line-height: 35px; 
  list-style: none;
}
.service_nav li{
  float: left; 
}
.service_nav li a{
  padding:0 30px;
  height: 34px;
  line-height: 34px;
  display: inline-block;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  text-align: center; 
}
.service_nav li a.active,.service_nav li a:hover{
  border-bottom: 2px solid #0099cc;
  color: #0099cc;
  font-size: 14px;
}

/* 选项卡补丁 */
.newTabs .tabs-header{
    border-width: 0px;
    border-style: none;
    padding-top: 0;
}

/* tab------service_nav */
.service-bar{
  margin-bottom: 20px;
}
.service_nav{
  border-bottom: 1px solid #ccc;
  height: 35px;
  line-height: 35px; 
  list-style: none;
}
.service_nav li{
  float: left; 
}
.service_nav li a{
  padding:0 30px;
  height: 34px;
  line-height: 34px;
  display: inline-block;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  text-align: center; 
}
.service_nav li a.active,.service_nav li a:hover{
  border-bottom: 2px solid #0099cc;
  color: #0099cc;
  font-size: 14px;
}

/*车型补丁样式*/
.vehicle_brand,.vehicle_series,.vehicle_disp,.vehicle_year,.vehicle_car{
    height: 30px !important;
    line-height: 30px;
    margin-right: 3px;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: middle;
    color: #666;
}
#js_carsselect select{
	height: 30px !important;
	line-height: 30px;
	margin-right: 3px;
	border: 1px solid #ccc;
	border-radius: 4px;
	vertical-align: middle;
	color: #666;
}

/* 省市区选择select补丁 */
#province select,#city select,#district select{
  height: 30px !important;
  line-height: 30px;
  margin-right: 3px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #666;
  vertical-align: middle;
}

/*表格补丁样式*/
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{
  height: auto;
  line-height: 1.5;
}
/* easyUI弹窗图标隐藏补丁 */
.window .window-header .panel-icon {
  display: none;
}
.window .window-header .panel-with-icon{
  padding-left: 10px;
}
.a_line{
  color:#0198cf;
}