/*font_color*/
.fcr,.fcr a{color:#cc0000;}
.fc_green,.fc_green a{color:#03ad03;}
.fcb,.fcb a{color:#368bca;}
.fco,.fco a{color:#f50;}
.fcg,.fcg a{color:#888;}
.fcy,.fcy a{color:#ff892c;}
.fcw,.fcw a{color:#fff;}
.fc_black,.fc_black a{color:#333;}
.fc_grey,.fc_grey a{color: #353535;}
.thin_grey,.thin_grey a{color: #ccc;}

.fz10{font-size:10px;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.fz16{font-size:16px;}
.fz18{font-size:18px;}
.fz20{font-size:20px;}
.fz22{font-size:22px;}
.fz24{font-size:24px;}
.fz26{font-size:26px;}
.fz28{font-size:28px;}
.fz30{font-size:30px;}
.fz40{font-size:40px;}
.fz50{font-size:50px;}

.line10{line-height:10px;}
.line18{line-height:18px;}
.line20{line-height:20px;}
.line24{line-height:24px;}
.line28{line-height:28px;}
.line30{line-height:30px;}
.line36{line-height:36px;}
.line40{line-height:40px;}

.por{position:relative;}
.poa{position:absolute;}
.oh{overflow:hidden;}
.oa{overflow:auto;}

.l-100,.l-200,.l-300,.l-400,.l-500{height:100%;width:1px;}
.l-100{left:100px;}
.l-200{left:200px;}
.l-300{left:300px;}
.l-400{left:400px;}
.l-500{left:500px;}

.t-0{top:0;}
.r-0{right:0;}

.fw_italic{font-style:italic;}
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}
.fwl{font-weight:lighter;}
.arial{font-family:Arial;}
.yahei{font-family:Microsoft yahei;}
.simsun{font-family:simsun;}
.uppercase{text-transform:uppercase;}
.db{display: block;}
.dn{display:none;}
.dni{display: none!important;}
.df{display: flex;}
.dib{display:inline-block;}
.dtc{display:table-cell;}
.hide{display: none;}
.hand{cursor:pointer;}
.text_u{text-decoration:underline;}

/*边框*/
.bd-none{border:none!important;}
.bd-gray{border:1px solid #e6e6e6;}
.bd-green{border:1px solid #009688;}
.bd-dashed-gray{border:1px dashed #e6e6e6;}
.bdt-gray{border-top:1px solid #e6e6e6;}
.bdb-gray{border-bottom:1px solid #e6e6e6;}
.bdl-gray{border-left:1px solid #e6e6e6;}
.bdr-gray{border-right:1px solid #e6e6e6;}

.bdl-black{border-left:1px solid #000;}
.bdl-blue{border-left:1px solid #9898c1;}
.bdrbl-gray{border:1px solid #ddd;border-top:none;}
.bdt-dashed-gray{border-top:1px dashed #ddd;}
.bdb-dashed-gray{border-bottom:1px dashed #ddd;}

.box_s{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.bdrs{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.bdrs-sm{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
/*背景*/
.bg_gray{background:#fafafa;}
.bg_f7{background:#f7f7f7;}
.bg_f1{background:#F1F1F1;}
.bg_w{background:#ffffff !important;}
.btn_black{background:#222222;}
.btn_red{background:#ea5b5d;}
.btn_blue{background:#4693ec;}
.btn_green{background:#009688;}
.btn_grays{background:#4c4c4c;}
.btn_disabled{background:#f1f1f1;color:#fff;}
.btn{display:inline-block;color:#ffffff;text-align:center;border:0px;-webkit-appearance:none;white-space:nowrap;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.btn:visited,.btn:hover{color:#ffffff;}
.btn_s{padding:3px 8px 5px 8px;}
.btn_b{line-height:38px;padding:0px 50px;}

.bg_red{background:#ea5b5d;}
.bg_blue{background:#4693ec;}
.bg_green{background:#45b647;}
.bg_gray{background:#f2f2f2;}
.bg_grays{background:#4c4c4c;}
.bg_f7{background:#f7f7f7;}
.bg_f1{background:#F1F1F1;}
.bg_w{background:#ffffff;}
.bg_black{background:#222222;}
.btn_disabled{background:#f1f1f1;color:#fff;}

.inputA,.selectA,.textareaA{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;color:#666666;}
.inputA:hover,.selectA:hover,.textareaA:hover{border:1px solid #4693ec;}
.inputA.error,.selectA.error{border:1px solid #ea5b5d;color:#ea5b5d;}
.inputA{height:26px;line-height:26px;border:1px solid #cccccc;padding:0px 4px;}
.selectA{border:1px solid #cccccc;height:28px;line-height:28px;padding:0px 15px 0px 2px;}
.textareaA{border:1px solid #cccccc;padding:5px;}
.inputTM{background:transparent;border:0;}

.tl{text-align:left !important;}
.tc{text-align:center;}
.tr{text-align:right;}

.fl{float:left;}
.fr{float:right;}

.td1,.td2,.td3,.td4,.td5,.td6,.td7,.td8,.td9,.td10{float:left;}
/*width*/
.width20{width:20px;min-height:1px;}
.width30{width:30px;min-height:1px;}
.width35{width:35px;min-height:1px;}
.width40{width:40px;min-height:1px;}
.width50{width:50px;min-height:1px;}
.width60{width:60px;min-height:1px;}
.width70{width:70px;min-height:1px;}
.width80{width:80px;min-height:1px;}
.width90{width:90px;min-height:1px;}
.width95{width:95px;min-height:1px;}
.width100{width:100px;min-height:1px;}
.width120{width:120px;min-height:1px;}
.width130{width:130px;min-height:1px;}
.width140{width:140px;min-height:1px;}
.width150{width:150px;min-height:1px;}
.width156{width:156px;min-height:1px;}
.width160{width:160px;min-height:1px;}
.width190{width:190px;min-height:1px;}
.width200{width:200px;min-height:1px;}
.width250{width:250px;min-height:1px;}
.width300{width:300px;}
.width350{width:350px;min-height:1px;}
.width400{width:400px;}
.width500{width:500px;min-height:1px;}
.width600{width:600px;min-height:1px;}
.width700{width:700px;min-height:1px;}
.width750{width:750px;min-height:1px;}
.width800{width:800px;min-height:1px;}
.width900{width:900px;min-height:1px;}

.wmin300{min-width: 400px;}
.w10{width:10%;}
.w15{width:15%;}
.w12{width:12%;}
.w20{width:20%;}
.w25{width:25%;}
.w28{width:28%;}
.w30{width:30%;}
.w31{width:31%;}
.w33{width:33.33%;}
.w40{width:40%;}
.w50{width:50%;}
.w52{width:52%;}
.w55{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
.wa{width:auto;}

/*padding*/
.p0{padding:0px !important;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl40{padding-left:40px;}
.pr0{padding-right:0px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.plr5{padding:0px 5px;}
.plr8{padding:0px 8px;}
.plr10{padding:0px 10px;}
.plr15{padding:0px 15px;}
.plr20{padding:0px 20px;}
.plr30{padding:0px 30px;}
.plr40{padding:0px 40px;}
.plr50{padding:0px 50px;}
.ptb5{padding:5px 0px;}
.ptb8{padding:8px 0px;}
.ptb10{padding:10px 0px;}
.ptb15{padding:15px 0px;}
.ptb20{padding:20px 0px;}
.p10-20{padding:10px 20px;}
/*margin*/
.m0{margin: 0;}
.m10{margin:10px;}
.m20{margin:20px;}
.ml0{margin-left:0;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml120{margin-left:120px;}
.ml140{margin-left:140px;}
.ml150{margin-left:150px;}
.ml160{margin-left:160px;}
.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mt5{margin-top:5px;}
.mt4{margin-top: 4px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mlr10{margin:0px 10px;}
.mlr15{margin:0px 15px;}
.mlr20{margin:0px 20px;}
.mlr25{margin:0px 25px;}
.mlr30{margin:0px 30px;}
.mr30{margin-right: 30px;}
.ma{margin:auto;}




/*position*/
.pos_rt,.pos_rt,.pos_lt,.pos_lb{position:absolute;z-index:9;}
.pos_rt{top:0px;right:0px;}
.pos_rb{bottom:0px;right:0px;}
.pos_rb20{bottom: 20px;right: 20px}
.pos_lt{top:0px;left:0px;}
.pos_lb{bottom:0px;left:0px;}

.clear{clear:both;height:0;font-size:0px;_line-height:0px;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:"\0020";}
.blank0,.blank1,.blank2,.blank3,.blank4,.blank5,.blank6,.blank7,.blank8,.blank9,.blank10,.blank11,.blank12,.blank13,.blank14,.blank15,.blank16,.blank17,.blank18,.blank19,.blank20,.blank25,.blank30,.blank35,.blank40,.blank45,.blank50{font-size:1px;display:block;clear:both;overflow:hidden;}
.blank0{height:0;}
.blank1{height:1px;}
.blank2{height:2px;}
.blank3{height:3px;}
.blank4{height:4px;}
.blank5{height:5px;}
.blank6{height:6px;}
.blank7{height:7px;}
.blank8{height:8px;}
.blank9{height:9px;}
.blank10{height:10px;}
.blank11{height:11px;}
.blank12{height:12px;}
.blank13{height:13px;}
.blank14{height:14px;}
.blank15{height:15px;}
.blank16{height:16px;}
.blank17{height:17px;}
.blank18{height:18px;}
.blank19{height:19px;}
.blank20{height:20px;}
.blank25{height:25px;}
.blank30{height:30px;}
.blank35{height:35px;}
.blank40{height:40px;}
.blank45{height:45px;}
.blank50{height:50px;}

.h100{height:100%;}
.height30{height:30px;}
.height40{height:40px;}
.height50{height:50px;}
.height100{height:100px;}
.height200{height:200px;}
.height300{height:300px;}
.height400{height:400px;}
.height500{height:500px;}
.height600{height:600px;}


/*文本对齐*/
.vt{vertical-align: top;}
.vb{vertical-align: bottom;}
.vm{vertical-align: middle;}

/*flex*/
.aic{align-items: center;}
.aifs{align-items: flex-start;}
.aife{align-items: flex-end;}
.jc{justify-content: center;}
.jcsb{justify-content: space-between;}
.jcsa{justify-content: space-around;}
.asfe{align-self: flex-end;}
.asfs{align-self:flex-start;}
.f1{flex:1;}
.fw{flex-wrap:wrap;}
.fdc{flex-direction: column}
/*标记*/
em.label{padding:0px 5px;color:#fff;line-height:18px;display:inline-block;margin:0px 2px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
em.label.red{background:#ea5b5d;}/*谈红*/
em.label.blue{background:#0097b7;}/*暗蓝*/
em.label.gray{background:#ccc;}/*灰*/
em.label.black{background:#222;}/*黑*/
em.label.yellow{background:#f39c12;}/*橙*/
em.label.green{background:#27ae60;}/*暗绿*/

/*备注说明使用*/
.remark{background-image: url("../images/i.png"); background-repeat: no-repeat; background-size: 16px 16px;background-position:left center; color: #b7b7b7; height: 30px; line-height: 30px; padding-left: 20px; display: inline-block;}
/*用于必填*号*/
.required{color:#ff0000;padding:0px 4px;}

/*异步中使用到的表格样式--------库存明细*/
.tabA{width:100%;background:#ffffff;border-collapse:collapse;}
.tabA>thead>tr>th{background:#efefef;text-align:center;color:#111;padding-top:10px;padding-bottom:10px;border: 1px solid #dddddd;}
.tabA>thead>tr>td,.tabA>tbody>tr>td{border:1px solid #dddddd;text-align:center;line-height:18px;word-wrap:break-word;word-break:break-all;word-wrap:break-word;}
.tabA>thead>tr>td p,.tabA>tbody>tr>td p{padding:2px 0px;}
.tabA>thead>tr>td{background:#efefef;text-align:center;color:#111;padding:10px 0px;}
.tabA>tbody>tr>td{color:#666666;padding:10px 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.tabA>thead>tr>td.date{width:80px;}
.tabA>thead>tr>td.cbox{width:30px;}
.tabA>thead>tr>td.id{width:50px;}
.tabA>thead>tr>td.operate{width:110px;}
.tabA>thead>tr>td.long{min-width: 200px;}

/*最小宽度*/
.min-width{ min-width: 150px; }