/*
* @describe：common样式  每个页面都需要引入
* @Author: 王凯
* @Date:   2020-05-27
*/

@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, form, input, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; word-break: break-all; }
body { font-family: Arial, sans-serif, "微软雅黑"; font-size: 14px; line-height: 160%; color: #333; background-color: #fff !important; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 16px; }
img { border: 0; vertical-align: middle; }
em, i { font-style: normal; }
ins { text-decoration: none; }
ul, li, ol, dt, dd, dl { list-style: none; outline: none; }
input, button, select, textarea { outline: 0; }
table { border-collapse: collapse; border-spacing: 0 }
a { outline: none; text-decoration: none; cursor: pointer; color: #333; }
html, body { height: 100%; }
html { width: 100%; min-width: 1200px; }
#app { position: relative; min-height: 100%; min-width: 1280px; }
#app .hasfooter { height: 100%; padding-bottom: 56px; box-sizing: border-box; }
a:link, a:visited { /* color: #333; */
}
a:hover, a:active { color: #1b6be4; text-decoration: underline; }
.clear { clear: both; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix {  *zoom: 1;
}
.fl { float: left !important; }
.fr { float: right !important; }
.pos_rel { position: relative; }
.elips, .elips li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.elips2, .elips2 li { word-break: break-all; display: -webkit-box; /*! autoprefixer: off */
-webkit-box-orient: vertical; /* autoprefixer: on */
-webkit-line-clamp: 2; overflow: hidden; }
.red { color: red !important; }
.blue { color: #1b6be4 !important; }
.orange { color: #fd4d2a !important; }
.black { color: #333 !important; }
.gray { color: #666 !important; }
.dipgray { color: #999 !important; }
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.line30 { height: 30px; line-height: 30px; }
.textDNone { text-decoration: none !important; }
.flexBox { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.flexC { display: flex; align-items: center; justify-content: center; }
.marL0 { margin-left: 0px !important; }
.marR0 { margin-right: 0px !important; }
.marT0 { margin-top: 0px !important; }
.marB0 { margin-bottom: 0px !important; }
.marL5 { margin-left: 5px !important; }
.marR5 { margin-right: 5px !important; }
.marT5 { margin-top: 5px !important; }
.marB5 { margin-bottom: 5px !important; }
.marL10 { margin-left: 10px !important; }
.marR10 { margin-right: 10px !important; }
.marT10 { margin-top: 10px !important; }
.marB10 { margin-bottom: 10px !important; }
.marL15 { margin-left: 15px !important; }
.marR15 { margin-right: 15px !important; }
.marT15 { margin-top: 15px !important; }
.marB15 { margin-bottom: 15px !important; }
.marL20 { margin-left: 20px !important; }
.marR20 { margin-right: 20px !important; }
.marT20 { margin-top: 20px !important; }
.marB20 { margin-bottom: 20px !important; }
.padL0 { padding-left: 0px !important; }
.padR0 { padding-right: 0px !important; }
.padT0 { padding-top: 0px !important; }
.padB0 { padding-bottom: 0px !important; }
.padL5 { padding-left: 5px !important; }
.padR5 { padding-right: 5px !important; }
.padT5 { padding-top: 5px !important; }
.padB5 { padding-bottom: 5px !important; }
.padL10 { padding-left: 10px !important; }
.padR10 { padding-right: 10px !important; }
.padT10 { padding-top: 10px !important; }
.padB10 { padding-bottom: 10px !important; }
.padL15 { padding-left: 15px !important; }
.padR15 { padding-right: 15px !important; }
.padT15 { padding-top: 15px !important; }
.padB15 { padding-bottom: 15px !important; }
.padL20 { padding-left: 20px !important; }
.padR20 { padding-right: 20px !important; }
.padT20 { padding-top: 20px !important; }
.padB20 { padding-bottom: 20px !important; }
.txtL { text-align: left !important; }
.txtC { text-align: center !important; }
.txtR { text-align: right !important; }
.myReturn, .myWrite, .myModify, .myDelete, .myUpload, .myDownload, .myShare, .myUp, .myDown, .myAdd01, .myAdd02, .myLeft, .myRight, .myRead, .myDate, .mymove, .myup, .myzhiding { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; border: 1px solid rgba(255, 255, 255, 0); overflow: hidden; position: relative; cursor: pointer; vertical-align: middle; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.myReturn:hover, .myWrite:hover, .myModify:hover, .myDelete:hover, .myUpload:hover, .myDownload:hover, .myShare:hover, .myUp:hover, .myDown:hover, .myAdd01:hover, .myAdd02:hover, .myLeft:hover, .myRight:hover, .myRead:hover, .mymove:hover, .myDate:hover, .myzhiding:hover { border: 1px solid #c8e0f0; padding: 0px; background-color: rgba(255, 255, 255, .5); text-decoration: none; }
.myModify { color: #00acf5 !important; }
.myDelete { color: #83c140 !important; }
.myLeft { color: #a1a1a1 !important; }
.myRight { color: #a1a1a1 !important; }
.mymove { color: #03a9f4 !important; }
.myzhiding { color: #03a9f4 !important; }
.myDownload { color: #03a9f4 !important; }
/*iconfont  begin */

@font-face { font-family: 'iconfont'; src: url('../iconfont/iconfont.eot'); src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), url('../iconfont/iconfont.woff2') format('woff2'), url('../iconfont/iconfont.woff') format('woff'), url('../iconfont/iconfont.ttf') format('truetype'), url('../iconfont/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
/*iconfont  end */