button{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    font: inherit;
    color: inherit;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    -text-shadow: none;
    min-width: 60px;
    webkit-appearance: none;
    -moz-appearance: none;
    -ms-progress-appearance: none;
}
button{min-width: 60px;}
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc;}
input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { color: #ccc;}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #ccc;}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc;}

input[disabled], select[disabled], textarea[disabled] {
    background-color: #eee;
    border-color: #eee;
    color: #666;
}
input:focus, textarea:focus, select:focus {
    border-color: #ccc;
    outline: 0;
    outline: thin dotted\9;
    -webkit-box-shadow: 0 0 5px rgba(204,204,204,.8);
    box-shadow: 0 0 5px rgba(204,204,204,.8);
}

/**Button按钮**/
button,.but-default {
    font-size: 12px; /**--0811修改--**/
    line-height: 16px; /**--0811修改--**/
    padding: 4px 10px;
    outline: none;
    background: #fff;
    border: 1px #286fb7 solid;
    color: #286fb7;
    border-radius: 2px;
    cursor: pointer;
}
.but-default:active, .but-default:hover { background: #eee;}

.but-primary { background: #286fb7; border: 1px #286fb7 solid; color: #fff;}
.but-success { background: #63BC66; border: 1px #63BC66 solid; color: #fff;}
.but-info { background: #00A7F7; border: 1px #00A7F7 solid; color: #fff;}
.but-warning { background: #FFB400; border: 1px #FFB400 solid; color: #fff;}
.but-danger { background: #F43530; border: 1px #F43530 solid; color: #fff;}
.but-primary:active, .but-primary:hover { background: #005691; border: 1px #005691 solid;}
.but-success:active, .but-success:hover { background: #55A958; border: 1px #55A958 solid;}
.but-info:active, .but-info:hover { background: #018FF4; border: 1px #018FF4 solid;}
.but-warning:active, .but-warning:hover { background: #FF9D00; border: 1px #FF9D00 solid;}
.but-danger:active, .but-danger:hover { background: #d71914; border: 1px #d71914 solid;}

button[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=35);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .35;
}
.but-default[disabled] {background: #fff; border: 1px #286fb7 solid;}
.but-primary[disabled] {background: #286fb7; border: 1px #286fb7 solid;}
.but-success[disabled] {background: #63BC66; border: 1px #63BC66 solid;}
.but-info[disabled] {background: #00A7F7; border: 1px #00A7F7 solid;}
.but-warning[disabled] {background: #FFB400; border: 1px #FFB400 solid;}
.but-danger[disabled] {background: #F43530; border: 1px #F43530 solid;}

.but-large { font-size: 16px; line-height: 18px; padding: 8px 15px;}
.but-small { font-size: 12px; line-height: 1.2; padding: 2px 10px;}

.but-link {
    display: inline-block;
    padding: 3px 6px;
    font-size: 12px; /**--0811修改--**/
    line-height: 16px; /**--0811修改--**/
    border: none;
    height: 16px;
    background: #fff;
}
.but-link:active, .but-link:hover { background: #eee;}
.but-disabled, .but-disabled:active, .but-disabled:hover {
    cursor: not-allowed;
    filter: alpha(opacity=35);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .35;
    background: #fff;
    color: #286fb7;
}

.icon {
   position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 4px; /**--0811修改--**/
}


/**input**/
.form-control {
    display: inline-block;
    width: auto;
    padding: 4px 6px;
    font-size: 12px; /**--0811修改--**/
    line-height: 16px;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    vertical-align: middle;
}
.form-control-small {
    font-size: 12px;
    padding: 1px 6px;
}
.form-control-large {
    padding: 9px 6px;
}

#focusedInput {
    border-color: #ccc;
    outline: 0;
    outline: thin dotted\9;
    -webkit-box-shadow: 0 0 5px rgba(204,204,204,.8);
    box-shadow: 0 0 5px rgba(204,204,204,.8);
}
#form-errors {
    border-color: #F43530;
    background-color: rgba(214,25,21,.08);
}
span.errors {font-size: 12px; line-height: 16px; color: #f43530;}


/**select**/
.select {
    background: url(../img/form-triangle.png) right center no-repeat;
    -moz-appearance: none;
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    padding-right: 20px;
}
.select::-ms-expand { display: none;}


/**上传文件**/
.file-box {
  position: relative;
  width: 234px;
  height: 26px;
}
.file-txt {
  position: absolute;
  left: 0;
  top: 0;
}
.file-btn {
  background-color: #f4f4f4;
  border: none;
  height: 24px;
  width: 53px;
  position: absolute;
  left: 120px;
  top: 1px;
  color: #286fb7;
}
.file {
  position: absolute;
  top: 0;
  left: 0;
  width: 174px;
  height: 26px;
  opacity: 0;
  filter: alpha(opacity(0));
}
.file-box .btn {
  position: absolute;
  right: 0;
  top: 0;
}
.file-lg { width: 272px; height: 36px;}
.file-btn-lg { height: 34px; width: 63px; left: 130px;}
.file-large { width: 194px; height: 36px;}
.file-sm { width: 210px; height: 20px;}
.file-btn-sm { height: 18px; left: 100px;}
.file-small { width: 154px; height: 20px;}


/**page**/
.page-box {
  height: 24px;
  border: 1px solid #eee;
  border-radius: 2px;
  display: inline-block;
}
.page-box::after { content: ""; clear: both;}
.page-list { width: 100%; height: 100%;}
.page-list li {
  border-right: 1px solid #eee;
  float: left;
}
.page-list li.page-number { padding: 0 10px;}
.page-list li span {
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
}
.page-list li span.number::before {
  content: "第";
  padding-right: 6px;
  line-height: 24px;
  display: inline-block;
}
.page-list li span.number::after {
  content: "页";
  padding: 0 6px;
  line-height: 24px;
  display: inline-block;
}
.page-list li:last-child { border: none;}
.page-box .page-link { display: block; height: 24px; line-height: 24px; width: 30px; text-align: center;}
.page-box .page-select {
  background: #fff;
  border: none;
  border-radius: 0;
  font-size: 12px;
  line-height: 24px;
  width: 40px;
  height: 24px;
}
.page-box .page-txt {
    height: 16px;
    border: none;
    background: #eee;
    text-align: center;
    width: 30px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px;
}
.page-btn {
  border-color: #ccc;
  color: #666;
}
.page-btn[disabled] { border-color: #ccc;}


/**外边距**/
.margin0 { margin: 0;}
.margintop5 { margin-top: 5px;}
.margintop10 { margin-top: 10px;}
.margintop15 { margin-top: 15px;}
.margintop20 { margin-top: 20px;}
.margintop25 { margin-top: 25px;}
.margintop30 { margin-top: 30px;}
.marginright5 { margin-right: 5px;}
.marginright10 { margin-right: 10px;}
.marginright15 { margin-right: 15px;}
.marginright20 { margin-right: 20px;}
.marginright25 { margin-right: 25px;}
.marginright30 { margin-right: 30px;}
.marginbottom5 { margin-bottom: 5px;}
.marginbottom10 { margin-bottom: 10px;}
.marginbottom15 { margin-bottom: 15px;}
.marginbottom20 { margin-bottom: 20px;}
.marginbottom25 { margin-bottom: 25px;}
.marginbottom30 { margin-bottom: 30px;}
.marginleft5 { margin-left: 5px;}
.marginleft10 { margin-left: 10px;}
.marginleft15 { margin-left: 15px;}
.marginleft20 { margin-left: 20px;}
.marginleft25 { margin-left: 25px;}
.marginleft30 { margin-left: 30px;}


/**form width**/
.width40 { width: 40px;}
.width50 { width: 50px;}
.width60 { width: 60px;}
.width70 { width: 70px;}
.width80 { width: 80px;}
.width100 { width: 100px;}
.width110 { width: 110px;}
.width120 { width: 120px;}
.width130 { width: 130px;}
.width140 { width: 140px;}
.width150 { width: 150px;}
.width160 { width: 160px;}
.width170 { width: 170px;}
.width180 { width: 180px;}
.width190 { width: 190px;}
.width200 { width: 200px;}
.width220 { width: 220px;}
.width240 { width: 240px;}
.width260 { width: 260px;}
.width280 { width: 280px;}
.width320 { width: 320px;}
.width360 { width: 360px;}
.width100x { width: 100%;}
.width50x { width: 50%;}


/**--基础表格--**/

.basetable { border-collapse: collapse; width: 100%; text-align: left; vertical-align: middle; border: 1px solid #E8F1F5; font-size: 12px; line-height: 16px;}
.basetable th { background: #E5F6FE; padding: 5px 10px;}
.basetable th.base-title { font-size: 14px; font-weight: bold; padding: 10px; line-height: 18px;}
.basetable td { border: 1px solid #E8F1F5; padding: 5px 10px;}
.basetable .bg{ height: 27px; background-color: #fcfcfc; text-align:right;}
.basetable td.base-content { padding: 0;}
.basetable td.occupy { background: rgba(255,180,0,.10); color: #FF9D00;}
.bottomborder { border-bottom: 1px solid #E8F1F5; padding: 10px 0;}
.form { line-height: 26px;}
.form .label, .form .form-control, .form .select { float: left;}
.form::after { content: ""; display: block; clear: both;}
.form span.error { display: block;}

.listtable { border-collapse: collapse; width: 100%; text-align: left; vertical-align: middle; border: 0; font-size: 12px; line-height: 16px;}
.listtable th { background: #fff; border-bottom: 2px solid #286fb7; height: 36px;}
.listtable td { border: 0; border-bottom: 1px dashed #e5e5e5; padding: 5px 10px; height: 26px;}
.listtable .aligncenter { text-align: center; vertical-align: middle;}


/**----**/

.elert-warning { padding: 10px; background: rgba(255,180,0,.10); color: #FF9D00; border: 1px solid rgba(255,180,0,.5); line-height: 1.5;}