
/*
CSS Reset
*/
/*布局（grid）（.g-）；模块（module）（.m-）；
元件（unit）（.u-）；功能（function）（.f-）；
皮肤（skin）（.s-）；状态（.z-）*/
/* reset */
html { height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0;}
body,button, input, select, textarea {font: 16px/1.6 "Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei";  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important;/* 用 ascii 字符表示，使得在任何编码下都无问题 */}
input.form-control{font: 12px/1 "Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei";}
body { background-color:transparent; min-height:100%; height:auto !important; height:100%;}
img { border:0; vertical-align:middle; -ms-interpolation-mode:bicubic;}
a {text-decoration:none; background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ color:#333;}
a.focus, a:focus{outline:0;}
a.active.focus, a.active:focus, a.active:hover, a.focus:active, a:focus:active, a:hover:active,
.open > a.dropdown-toggle.focus, .open > a.dropdown-toggle:focus,
.open > a.dropdown-toggle:hover{outline:0;text-decoration:none;font-weight:400;}
a:hover {text-decoration:none; transition:box-shadow .3s, border .3s, background-color .3s, color .3s;}
a:active,a:visited{text-decoration:none;}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{}

h1 { font-size:16px; line-height:36px;}
h2 { font-size:14px; line-height:30px;}
h3 { line-height:24px;}
h3,h4,h5,h6 { font-size:12px;}
ul,li,ol { margin:0; padding:0; list-style:none outside none;}
ol li { list-style:decimal;}
dl {  }
dt { font-weight:bold;}
dd { padding:0;}
svg:not(:root) { overflow:hidden;}
pre { margin:0; white-space:pre-wrap; white-space:-moz-pre-wrap !important; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}

/*- Form -*/
button,input,select,textarea { font-size:100%; font-family:tahoma; margin:0; outline:0 none; vertical-align:baseline; *vertical-align:middle;}
textarea { overflow:auto; vertical-align:top; resize:none;}
button,input { line-height:normal; }
button.active.focus, button.active:focus, button.active:hover, button.focus:active, button:focus:active, button:hover:active, .open > button.dropdown-toggle.focus, .open > button.dropdown-toggle:focus, .open > button.dropdown-toggle:hover{outline:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"],
.submit-btn { -webkit-appearance:button; cursor:pointer; *overflow:visible;}
button[disabled],input[disabled],.disable { cursor:default;}
input[type="checkbox"],input[type="radio"]
 { box-sizing:border-box; padding:0; }

/*- Html5 -*/
fieldset { }
legend { border:0; padding:0; white-space:normal; }
button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display:block;}
audio,canvas,video { display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) { display:none; height:0;}
nav ul,nav ol { list-style:none; list-style-image:none;}
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit- search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance:none;}
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */font: inherit; /* 2 */}
abbr[title] {border-bottom: none; /* 1 */text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */}

/*- Add the correct display in IE. -*/
template {display: none;}
/*- Hidden Add the correct display in IE 10-. -*/
[hidden] {display: none;}


/*scrollbar*/
::-webkit-scrollbar{width:8px;height: 6px;}
::-webkit-scrollbar-track-piece{margin-right:10px; background-color:#EEE; -webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:vertical{height:8px; background-color:#DDD; -webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:horizontal{ width:6px; background-color:#EEE; -webkit-border-radius:8px;}


/*------ function ------*/
/*- f-clearfix -*/
.f-clearfix:before,.f-clearfix:after,.clearfix:before,.clearfix:after,.f_clearfix:before,.f_clearfix:after { content:""; display:table;}
.f-clearfix:after,.clearfix:after,.f_clearfix:after { clear:both; overflow:hidden;}
.f-clearfix,.clearfix,.f_clearfix  { zoom:1;}

/*- Float -*/
.f-left { float:left;}
.f-right { float:right;}
.f-no-float{float:none !important;}
.adapt-fleft { float:left;}
.adapt-fright { float:right;}

/*- Block -*/
.f-hide{display:none !important;}
.f-inline {display:inline !important;}
.f-inlineblock{display:inline-block !important;}
.f-block{display:block;}
.f-display-table{display:table;}
.f-table-cell{display:table-cell;}
.f-middle{ vertical-align:middle !important; }

/*- Overflow -*/
.f-break{word-break:break-all; word-wrap:break-word;}
.f-ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.f-overflow{overflow:hidden;}
.f-no-overflow{overflow:initial !important;}

/*- position -*/
.f-fixed{position:fixed !important; z-index:99;}
.f-relative{position:relative;}
.f-absolute{position:absolute;}

/*- scroll -*/
.f-scroll-y{overflow-y:scroll;}

/*- Text -*/
.text-large{font-size:18px !important;}
.text-xlarge{font-size:24px !important;}
.text-middle{font-size:16px !important;}
.text-normal{font-size:14px !important;}
.text-small{font-size:12px !important;}
.text-xsmall{font-size:11px !important;}
.strong{ font-weight:700 !important;}
.thin{font-weight:400 !important;}

/*- Text-align -*/
.text-left{ text-align:left !important;}
.text-right{ text-align:right !important;}
.text-center{ text-align:center !important;}
.text-middleAlign{ vertical-align:middle !important; }

/*- Text-Decoration -*/
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}

/*- Border -*/
.border{border:1px inherit solid}
.border-top{border-top:1px inherit solid !important;}
.border-right{border-right:1px inherit solid !important;}
.border-bottom{border-bottom:1px inherit solid !important;}
.border-left{border-left:1px inherit solid !important;}
.border-none{border:none !important;}
.border-top-none{border-top:none !important;}
.border-right-none{border-right:none !important;}
.border-bottom-none{border-bottom:none !important;}
.border-left-none{border-left:none !important;}
.border-dashed{border-style:dashed !important;}


/*- Background -*/
.background{background:#F9F9F9;}
.background-none{background:none !important;}

/*- Shadow -*/
.shadow-none{box-shadow:none; }



/*-  所有容器类控件 -*/
.flex {
    display: flex;
}
.flex-between {
    justify-content:space-between;
}


/*-widget nodata -*/
.m-nodata{padding:12px 14px 12px 10px; border:1px #EEE solid; background-color:#FFF; }
.m-nodata .m-datain{display:table;}
.m-nodata .m-datain .m-dataimg{width:60px; height:auto; float:left; margin-right:6px;}
.m-nodata .m-datain .m-datatext{display:table-cell; vertical-align:middle;line-height:18px; color:#4a4a4a;}
