@charset "utf-8";
html,body,hr,p,iframe,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0)}
header, footer, nav, section, article, aside, dialog, figure, figcaption, menu { display:block }
address,caption,cite,code,em,th,i,b{font-style:normal; font-weight:normal;margin:0; padding:0}
canvas{display:block;vertical-align:bottom}
ul,ol,dl{list-style-type:none}
p{word-wrap:break-word;}
hr {height: 1px;margin: 10px 0;border: 0; background-color: #e6e6e6;clear: both}
a{text-decoration:none; cursor:pointer; color:#404040; transition:all 0.2s ease-in}
a:not(.btn):hover,a:not(.btn):active,a:not(.btn):focus {text-decoration:underline; outline:none;}
a[href="javascript:;"]:hover{text-decoration:none; outline:none;}

a img,img{-ms-interpolation-mode:bicubic;border:0;vertical-align:middle;}
img{border:0;vertical-align:middle}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font: 12px/1.8 "Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"\5B8B\4F53"; color:#333; -webkit-font-smoothing:antialiased;  background:#fff; }
html,body{height: 100%}

h1 {font-size:36px; font-weight: 400}
h2 {font-size:30px; font-weight: 400}
h3 {font-size:24px; font-weight: 400}
h4 {font-size:18px; font-weight: 400}
h5 {font-size:14px; font-weight: 400}
h6 {font-size:12px; font-weight: 400}


/**************** Form ***************/
::-webkit-input-placeholder{ color:#b4b4b4;}  :-moz-placeholder{ color:#b4b4b4;}  ::-moz-placeholder{ color:#b4b4b4;} :-ms-input-placeholder{ color:#b4b4b4;}
input[type='text'],input[type='password'],input[type='button'],input[type='submit'],input[type='reset'],select.select{  -webkit-appearance: none;  -webkit-tap-highlight-color:rgba(0,0,0,0);  }

input,button,textarea {outline: 0; border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box
}
.input-text{ height:38px; padding:0 12px; line-height:1.42857143; font-size:14px; } /* 默认尺寸size-m */
.input-text,.textarea{border:1px #ddd solid; width:100%; word-break:break-all;}
.textarea{ min-height:100px; line-height: 20px; padding:4px 12px;resize:none}
.input-text:hover,.textarea:hover{border: 1px solid #3bb4f2}
.input-text:focus,textarea:focus{border: 1px solid #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
.input-text.error:focus,.textarea.error:focus {box-shadow: 0 0 0 2px rgba(224,21,21,.2);border-color: #e01515}
.input-text.disabled,.textarea.disabled,.input-text.disabled.focus,.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd;-webkit-box-shadow:inset 0 2px 2px #e8e7e7;box-shadow:inset 0 2px 2px #e8e7e7}
.input-text.disabled,.textarea.disabled{background-color:#e6e6e6; cursor:default}
.input-text[disabled]{ cursor:not-allowed;}
.input-text[disabled]:hover{ border:1px solid #DDD;}


/*~~~~~~~  form ui */
.form-item{ margin-bottom: 15px; clear: both;}
.form-input-block{ margin-left: 110px; }
.form-input-inline{ float: left; width: 200px; }
.form-label{ float: left; width: 80px; height: 38px; line-height: 38px; text-align: right; padding:0 15px; font-weight: 400; }
.form-item-pane .form-label{ width: 78px; height: 36px; line-height: 36px; text-align: center; background: #FBFBFB; border: 1px solid #ddd;}
.form-item-pane .form-input-block,.form-item-pane .form-input-inline{position: relative; left: -1px;}
.form-item-pane-checked .form-input-block{ height: 36px; line-height: 36px; padding-left: 15px; border: 1px solid #ddd;}
.form-item-pane-textarea .form-label{ width: 100%; text-align: left; box-sizing: border-box;}
.form-item-pane-textarea .form-input-block{ margin: 0; top:-1px; left: 0;}
.form-item-pane .input-text,
.form-item-pane .select,
.form-item-pane .nice-select{ border-radius: 0}

/* radio, checkbox */
.form-radio input[type="radio"],.form-checkbox input[type="checkbox"]{ display: none}
.form-radio .radio-icon,
.form-checkbox .checkbox-icon{ display: inline-block;height: 38px; line-height: 38px; padding-right: 10px;}
.form-radio .radio-icon i.iconfont,
.form-checkbox .checkbox-icon i.iconfont{ font-size: 23px; color: #007aff; cursor: pointer; }
.form-radio input[type="radio"] + .radio-icon .radio-icon-checked,
.form-checkbox input[type="checkbox"] + .checkbox-icon .checkbox-icon-checked { display:none}
.form-radio input[type="radio"]:checked + .radio-icon .iconfont,
.form-checkbox input[type="checkbox"]:checked + .checkbox-icon .iconfont{ display: none;}
.form-radio input[type="radio"]:checked + .radio-icon .radio-icon-checked,
.form-checkbox input[type="checkbox"]:checked + .checkbox-icon .checkbox-icon-checked{display:inline-block}

.form-radio input[type="radio"]:disabled + .radio-icon span,
.form-checkbox input[type="checkbox"]:disabled + .checkbox-icon span{ color: #d2d2d2;}
.form-radio input[type="radio"]:disabled + .radio-icon .iconfont,
.form-checkbox input[type="checkbox"]:disabled + .checkbox-icon .iconfont{cursor:not-allowed; color: #d2d2d2;}


/* status */
.form-status input[type="checkbox"]{ display: none}
.form-status .checkbox-icon{ position: relative; top: 3px; display: inline-block; height: 30px; line-height: 28px; box-sizing: border-box;  padding-right: 30px; border: 1px solid #ddd; border-radius: 2px; cursor: pointer; text-align: center;}
.form-status .checkbox-icon span{ display: inline-block; height: 100%; padding: 0 10px; background-color: #d2d2d2; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; color: #fff;}
.form-status .checkbox-icon i.iconfont{ position: absolute; right: 0; width: 30px; line-height: 28px; font-size: 20px; color: #d2d2d2;}
.form-status input[type="checkbox"]:checked + .checkbox-icon{ border-color:#007aff;}
.form-status input[type="checkbox"]:checked + .checkbox-icon span{ background: #007aff;}
.form-status input[type="checkbox"]:checked + .checkbox-icon i.iconfont{ color: #007aff;}
.form-status input[type="checkbox"]:disabled + .checkbox-icon{cursor:not-allowed;}

/* switch */
.form-switch input[type="checkbox"]{ display: none}
.form-switch .checkbox-icon {display: inline-block;width: 54px;height: 26px;margin-top: 1px;background-color: #ffffff;border: 1px solid #ddd;border-radius: 17px;cursor: pointer;position: relative;transition: background-color .2s ease-in;}
.form-switch .checkbox-icon:after {content: "";width: 24px;height: 24px;border-radius: 50%;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);position: absolute;left: 1px;top: 1px;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: transform .16s ease-in;
    transition: transform .16s ease-in;}
.form-switch input[type="checkbox"]:checked + .checkbox-icon {background-color: #007aff;
    -webkit-transition: background-color .16s ease-in;
    transition: background-color .16s ease-in;}
.form-switch input[type="checkbox"]:checked + .checkbox-icon:after{
    -webkit-transform: translateX(28px);
    transform: translateX(28px);
    -webkit-transition: transform .16s ease-in;
    transition: transform .16s ease-in;}

.text-shadow{-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);text-shadow:0 0 2px rgba(0,0,0,0.2)}
.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.input-shadow{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}

/*~~~~~~~ select */
.select{height: 38px; line-height: 38px; padding:0 22px 0 12px; font-size: 14px;background-color:#fff;background-image:none;color:inherit;display:block;width:100%;font-size:14px;outline:none;border:1px solid #DDD;transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;}
.select{ background: url("../img/base/html/select-arrow.png") no-repeat scroll right center transparent;}
.select option{font-size:14px;}


/**************** 按钮 ****************/
.btn{ height: 38px; line-height: 37px; padding: 0 16px; font-size:14px; display:inline-block;cursor:pointer;text-align:center; font-weight:400;white-space:nowrap;border:1px solid #ddd;background-color:#fff; box-sizing: border-box;
    -webkit-user-serlect: none;
    -moz-user-serlect:none ;
    -ms-user-serlect:none;
    user-serlect: none;
    -webkit-transition:background-color .1s linear;
    transition:background-color .1s linear;}
.btn:hover{background-color:#e6e6e6; opacity: .8;filter: alpha(opacity=80); transition:all 0.2s ease-in}
.btn:active {opacity: 1;filter: alpha(opacity=100)}

.btn-primary{color:#fff;background-color:#337ab7!important; border-color:#2e6da4}
.btn-success{color:#fff;background-color:#5cb85c!important; border-color:#4cae4c}
.btn-warning{color:#fff;background-color:#f0ad4e!important; border-color:#eea236}
.btn-danger{color:#fff;background-color:#d9534f!important; border-color:#d43f3a}
.btn-white{color:inherit;background-color:transparent!important; border-color:#e7eaec;}
.btn-link{color:#337ab7;cursor:pointer; font-weight:400; border-color:transparent;background-color:transparent!important;}

.btn-block{display: block; width: 100%;}
.btn+.btn{ margin-left:5px; margin-bottom:0}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none;}

/**************** 组：按钮，文本框，上传文件 ***************/
.btn-group {display:inline-block;vertical-align:middle;display:table-cell;}
.btn-group .btn {margin-left:-1px;float:left;}
.btn-group .btn:first-child{margin-left:-1px;}
.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover { z-index: 2;position:relative;}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {margin-left: -1px;}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}

/* upload */
.btn-upload{ position:relative; display:inline-block; height:38px; *display:inline;overflow:hidden;vertical-align:middle; cursor:pointer}
.btn-upload .input-file{position:absolute; right:0; top:0;z-index:10; font-size:30em; *font-size:30px;opacity:0;filter: alpha(opacity=0);  cursor: pointer; }
.btn-upload .input-text{ width:auto;}

/* input-group-btn */
.input-group-btn{position:relative;display:inline-table;border-collapse:separate;}
.input-group-btn input{  position: relative; z-index:2;width:100%;margin-bottom:0;}
.input-group-btn input:last-child{ margin-left: -1px;}


/* dropDown */
.dropDown{position:relative; display:inline-block; cursor:pointer;}
.dropDown-menu{ display:none; width:140px;position:absolute;z-index:1000;top: 100%;right:-1px;padding:5px 0;background-color:#fff;border:1px solid #cdcdcd; border-radius:3px; box-shadow:0 6px 12px rgba(0,0,0,.175); background-clip:padding-box;}
.dropDown-menu.bw4{ border-width:4px; box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.dropDown-menu.pull-top{ bottom:100%; top:inherit;}
.dropDown-menu.pull-left{left:0;right:inherit;}
/* 上面三角 */
.dropDown-menu .li.triangle{ position:absolute; top:-10px; right:15px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid  #cdcdcd;width: 0; height:0; overflow:hidden;}
.dropDown-menu .li.triangle-left{ right:inherit; left:15px;}
.dropDown-menu .li a {display:block;clear: both; height:30px;line-height: 30px;font-size: 14px;font-weight: normal;white-space: nowrap;}
.dropDown-menu .li.divider { height:0; padding-bottom: 1px; background-color:#f2f2f2; overflow:hidden}
.dropDown-menu .li a:hover{text-decoration:none; background:#f0f0f0;}
.dropDown.open .dropDown-menu{ display:block;}
/* 小三角 */
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top: 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent;}


/***************
  Table
 ***************/
table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
table th{text-align:left; font-weight:400; }
/*带水平线*/
.table th{font-weight:bold}
.table th,.table td{padding:8px;line-height:20px}
.table td{text-align:left}
.table tbody tr.success > td{background-color:#dff0d8}
.table tbody tr.error > td{background-color:#f2dede}
.table tbody tr.warning > td{background-color:#fcf8e3}
.table tbody tr.info > td{background-color:#d9edf7}
.table tbody + tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
/*带横向分割线*/
.table-border{border-top:1px solid #ddd}
.table-border th,.table-border td{border-bottom:1px solid #ddd}
.table-bg thead th,.table-bg tfoot td{background-color:#F5FAFE}
/*带外边框*/
.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0}
.table-bordered th,.table-bordered td{border-left:1px solid #ddd}
.table-border.table-bordered{border-bottom:0}
/*奇数行背景设为浅灰色*/
.table-striped tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
/*竖直方向padding缩减一半*/
.table-condensed th,.table-condensed td{padding:4px 5px}
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color: #f5f5f5}
.table tbody tr.active,.table tbody tr.active>td,.table tbody tr.active>th,.table tbody tr .active{background-color:#F5F5F5!important}
.table tbody tr.success,.table tbody tr.success>td,.table tbody tr.success>th,.table tbody tr .success{background-color:#DFF0D8!important}
.table tbody tr.warning,.table tbody tr.warning>td,.table tbody tr.warning>th,.table tbody tr .warning{background-color:#FCF8E3!important}
.table tbody tr.danger,.table tbody tr.danger>td,.table tbody tr.danger>th,.table tbody tr .danger{background-color:#F2DEDE!important}

/* 表格文字对齐方式，默认是居左对齐 */
.table .text-c th,.table .text-c td{text-align:center}
.table .text-r th,.table .text-r td{text-align:right}
.table th.text-l,.table td.text-l{text-align:left}
.table th.text-c,.table td.text-c{text-align:center}
.table th.text-r,.table td.text-r{text-align:right}
.text-c{text-align:center}
.text-r{text-align:right}
.text-l{text-align:left}
.text-indent{ text-indent:2em;}

/*------- radius default: 4px -------*/
.radius{ border-radius:4px; }
.radius-l{border-radius:4px 0 0 4px;}
.radius-r{border-radius:0 4px 4px 0;}
.radius-rounded{ border-radius:50px;}

/*------- other -------*/
.fl{ float:left; _display:inline}
.fr{ float:right; _display:inline}
.cl:after,.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cl,.clearfix{zoom:1}
/*

blue: 0077bb
glay:


*/