/*弹窗-编辑*/
.popup_overlay_bg{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(3, 13, 20, 0.6); filter: progid: DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr="#030d14", endColorstr="#030d14"); z-index: 99;}
.layer_pop .title{ height: 36px; line-height: 36px; color: #333; font-size: 14px; background: #eff2f7; padding: 0 16px; position: relative;}
.close_ic{ font-size: 22px; color: #333; position: absolute; right: 16px; top: 0;  cursor: pointer; transition: all 0.3s ease;font-family: SimSun;}
.close_ic:hover{ color: #20a0ff;}
.layer_pop .main{ padding: 10px;}
.editlist_pop{ margin-bottom: 24px;}
.editlist_pop li{ margin-bottom: 16px; line-height: 24px; color: #666; font-size: 14px;}
.editlist_pop li label{ float: left;}
.editlist_pop li .mes{ padding-left: 72px;}
.txtarea{ border: 1px solid #ccc; width: 496px; padding: 10px; height: 44px; border-radius: 5px;font-size: 14px;}
.iptMsg{ color: #EA5413; line-height: 20px;}
.h_btn_primary, .h_btn_default{ width: 64px; height: 32px; background: #EA5413; border: 1px solid transparent; color: #fff; font-size: 14px; text-align: center; display: inline-block; border-radius: 3px; cursor: pointer; transition: all 0.3s ease;}
.h_btn_primary:hover{ background: #eb8559;}
.h_btn_default{ background: #999;}
.h_btn_default:hover{ background: #bbb;}


/*弹窗-发布效果-删除提示*/
.del_tips{ background: url(../images/pub/warm_ic.png) no-repeat left center;width: 320px; margin: 0 auto; padding: 20px 0 20px 60px; color: #666; }
.del_tips p{margin-bottom: 5px;}

/*=======================================
 * 配送订单
 =======================================*/

.orderMage{ background: #fff; padding: 16px; }
.mainbar_top{ height: 44px; margin-bottom: 5px; width: 100%; background: #fff;position: relative;}
.mainbartab_hd{ padding: 8px 5px 0; font-size: 14px; float: left;}
.mainbartab_hd li{ float: left;padding:8px 14px; text-align: center; color: #333; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 1px; cursor: pointer;border:1px solid transparent;}
.mainbartab_hd li.cu,
.mainbartab_hd li:hover{ background: #fff; color: #20a0ff; border:1px #d1dbe5 solid;border-bottom: 1px #fff solid;}
.mainbartab_hd li.cu em, .mainbartab_hd li:hover em{ color: #fff;}

.orderList{ width: 100%; text-align: center; background: #fff;}
.orderList th{ font-weight: normal; background: #eff2f7; color: #333; height: 32px; line-height: 32px; padding: 0 10px;font-size: 14px;}
.orderList td{ color: #666; padding: 8px 10px; line-height: 24px; word-break: break-all;}

.orderlist_bd { border-top: none; margin-bottom: 15px; height: 480px; overflow-x: hidden; overflow-y: scroll;border-bottom:1px #c0ccda solid;}

/* 弹窗-查看商品信息 */
.orderList_look{table-layout:fixed;}
.orderList_look td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.orderSum {text-align: right;font-size: 14px;}

/* 弹窗-详情 */
.orderInfo {}
.orderInfo_item {line-height: 24px;margin-bottom: 15px;overflow: hidden;}
.orderInfo_item h2{font-size: 14px;color: #333;font-weight: normal;border-bottom:1px #c0ccda solid;margin-bottom: 15px;}
.orderInfo_item li{overflow: hidden;}
.orderInfo_item label{width: 90px;display: inline-block;text-align: right;color: #999;float: left;}
.orderInfo_item .info{float:left;}


.order-send-box h2 { padding-bottom: 3px;  font-size: 14px;color: #333;font-weight: normal;border-bottom:1px #c0ccda solid;margin-bottom: 15px;}
.order-send-box .order-send-main { height: 418px; overflow-y: auto;}
.order-send-box .order-send-item { position: relative; padding: 20px 0 0; }
.order-send-box .order-send-item-input { display: inline-block;  width: 42%; }

/* 数据统计 */
.dataSta_top{background: #fff;margin-bottom: 12px;}
.dataSta_top h2{font-size: 16px;color: #333;font-weight: normal;border-bottom: 1px #eee solid;line-height: 40px;height:40px;padding: 0 15px;}
.dataSta_top .tips{font-size: 12px;color: #666;padding-left: 15px;}

.dataSta_list{ overflow: hidden; }
.dataSta_list li{ float: left; width: 167px; text-align: center; padding: 25px 0; border-right:1px #eee solid; }
.dataSta_list li span{ display: block;padding-bottom: 5px; }
.dataSta_list li em{ display: block;font-size: 16px;color: #20a0ff;}

.dataSta_box{background: #fff;}
.dataSta_Sum{padding: 10px;}
.dataSta_Sum ul{height:88px;width:100%;}
.dataSta_Sum li{float: left;width: 33.3333%;padding-bottom: 15px;}
.dataSta_Sum li span{font-size: 14px;}
.dataSta_Sum li label{width: 105px;text-align: right;display: inline-block;}

/* 弹窗-导出数据 */
.data_layer{width: 100%;left:0;}

/* 代收货地址管理 */
.addrMainbar .orderMage{padding: 15px 0;}
.addrForm {background: #fff;}
.certifBox-list{ padding: 0 20px;}
.certifBox-list ul{overflow: hidden;}
.certifBox-list li{ padding-bottom: 16px; width: 100%; float: left; font-size: 12px;}
.certifBox-list li label{ width: 60px; text-align: right; line-height: 32px; float: left; color: #666;height:32px;}
.certifBox-list li .mes{ float: left; color: #333;line-height: 32px;}
.certifBox-list li .checkBox{margin-bottom: 0;}

.addrList {background: #fff;padding: 24px;overflow: hidden;}
.addrItem_box{margin-right: -24px;overflow: hidden;}
.addrItem.selected .btn_info{display: none;}
.addrItem.selected .addrDefault{display: inline-block;}
.addrItem.selected .certifBox-list{display: block;}
.addrItem.selected .certifBox-list.default{display: none;}
.addrItem .certifBox-list{padding: 0;display: none;}
.addrItem .certifBox-list.default{display: block;}
.addrItem {width: 422px;float: left; background: url(../images/pub/borderBg_center.png) repeat-y; padding: 24px; margin-right: 23px;position: relative;margin-bottom: 23px;}
.addrItem:nth-child(2n){clear: right;}
.addrItem:nth-child(2n+1){clear: left;}
.addrItem h2{ color: #333; font-weight: normal; margin-bottom: 20px; font-size: 16px; }
.addrItem .addrDefault{ color: #fff; background: #20a0ff; margin-left: 10px; padding: 0 5px; font-size: 12px; display: none; }
.addrItem .btn.btn_info{width: 88px;padding: 0;}
.addrItem .btn{width: 64px;}
.certifBox-list.default li{padding-bottom: 0;}

.addrTop_bg {position: absolute; top:0; left:0;right:0;background: url(../images/pub/borderBg.png) top left no-repeat;height:8px;}
.addrFoot_bg {position: absolute; bottom:0; left:0;right:0;background: url(../images/pub/borderBg.png) bottom left no-repeat;height:8px;}

.borderB_line{ border-bottom: 1px solid #eee; }

/*分页*/
.page{ height: 42px; line-height: 42px; text-align: center; padding: 10px 0; clear: both; background: #fff;}
.page li{ float:left;line-height: 22px;height:24px;background: #fff;}
.page li a{ border:1px solid #c0ccda; color: #333; display: block;padding:0 7px;margin-right:-1px;position: relative;}
.page li a:hover,.page li a.cu{ color: #20a0ff; cursor: pointer;border-color: #20a0ff;z-index: 2;}
.page_pre,.page_next {font-family: SimSun;color: #97a8c6;}
.page_pre {border-top-left-radius: 3px;-webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px;border-bottom-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-bottom-left-radius: 3px;}
.page_next {border-top-right-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-top-right-radius: 3px;border-bottom-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-bottom-right-radius: 3px;margin-right: 0 !important;}
.page_jump {margin-left: 15px;color: #333;}
.pageNum {border:1px solid #c0ccda;height: 22px;width: 24px;text-align: center;margin: 0 5px;border-radius: 3px;line-height: 22px;}

.orderC_action{ height: 48px; background: #eff2f7; line-height: 48px; color: #666; font-size: 14px; padding: 0 16px;}
.orderC_action .data{ line-height: 48px;}
.orderC_action .data label, .orderC_action .data span{ margin-right: 16px;}
.orderC_action .data i{margin: 0 10px;}
.orderC_action .data button,.orderC_action .data i{ vertical-align: middle;}
.orderC_action .page{clear: none;background: none;padding: 0;height: 48px; line-height: 48px;}



/*下拉超出提示*/

.tooltip-popper{ position: absolute; border-radius: 4px; padding: 10px; z-index: 2000; font-size: 12px; line-height: 1.2;background: #1f2d3d; color: #fff; transform-origin: center bottom 0px;}
.tooltip-popper .popper-arrow, .tooltip-popper .popper-arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip-popper .popper-arrow { border-width: 6px;bottom: -6px; border-top-color: #1f2d3d; border-bottom-width: 0; }


.wd360{width:360px;}
.wd350{width:350px;}
.wd328{width:328px;}
.wd480{width:480px;}
.wd270{width:270px;}
.wd155{width:155px;}
.wd690{width:690px;}

.limit-tips{ color: #FF3B30; }

.page_main{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.page_middle{ height: 722px; background: #fff; }
.page_right{ width: 320px; box-sizing: border-box; background: #fff; }

.dpad_wrap{ background: #fff; }

.dpad_main .page_middle{ padding: 16px; }
.dpad_main .page_right{ padding: 16px; border-left: 1px #E8E8E8 solid; }
.dpad_main .page_right .title{ font-size: 14px; margin-bottom: 16px; font-weight: bold; }
.dpad_main .page_right .preview_box{ margin-bottom: 32px; color: #666; }
.dpad_main .page_right .preview_box .label{ margin-bottom: 8px; }
.dpad_main .page_right .preview_box .add-img{ cursor: text; border-radius: 0; width: 288px; height: 288px; border: 1px #E3E3E3 solid; box-sizing: border-box; background: #fff; }
.dpad_main .page_right .preview_box .add-img .iconfont{ padding-top: 110px; }
.dpad_main .page_right .btn{ width: 100%; margin-bottom: 8px; }
.dpad_main .page_right .btn-delete{ color: #666; border-color: transparent; background: transparent; }

.form-location .adImg-location{ width: 246px; display: inline-block; }
.form-location .adImg-add{ display: inline-block; width: 32px; height: 32px; }
.form-location .adImg-add .btn{ padding: 0; background: transparent; color: #666; }

.dpad_view{ position: relative; width: 19.20rem; height: 10.8rem; background: url(../images/dpad/dpad_bg.jpg) center center no-repeat; background-size: cover; }
.dpad_view .hd{ padding-left: 5.7rem; padding-top: .9rem; font-size: .36rem; }
.dpad_view .hd li{ cursor:pointer; float: left; color: #808080; line-height: .52rem; border-radius: .52rem; border: .02rem transparent solid; }
.dpad_view .hd li span{ display: block; border: .02rem transparent solid; padding: 0 .14rem; border-radius: .52rem; }
.dpad_view .hd li.on{ color: #fff; background: #EA5413; border-color: #fff; box-shadow: 0 0 0.3rem #fd4c00; }
.dpad_view .hd li.on span{ border-color: #000; }

.dpad_view .bd{ padding: .5rem .65rem 0 .65rem; }

.dpad_view .arrow a{ position:absolute; top: 5.1rem; display:block; width: .24rem; height: .6rem; cursor:pointer; }
.dpad_view .arrow .next{ right: .2rem; background: url(../images/dpad/home_right_arrow.png) center center no-repeat; background-size: 100%; }
.dpad_view .arrow .prev{ left: .2rem; background: url(../images/dpad/home_left_arrow.png) center center no-repeat; background-size: 100%; }
.dpad_view .arrow .prevStop{ background: none; }
.dpad_view .arrow .nextStop{ background: none; }

.theme_home{ width: 5.8rem; height: 8.57rem; position:relative; float: left; }
.theme_home .theme_home_hd{ position: absolute; bottom: .94rem; left: 0; right: 0; z-index: 2; text-align: center; }
.theme_home .theme_home_hd ul li{ display: inline-block; width: .24rem; height: .14rem; border-radius: .14rem; margin-right: .08rem; cursor:pointer; text-indent:-9.99rem; background: rgba(255, 255, 255, 0.6); }
.theme_home .theme_home_hd ul li.on{ background: rgba(255, 255, 255, 1); }
.theme_home .theme_home_bd{ height: 8.57rem; overflow: hidden; }
.theme_home .theme_home_bd ul{ height: 8.57rem; overflow: hidden; }
.theme_home .theme_home_bd ul li img{ height: 8.57rem; }

.picList li {  position: relative; background: url(../images/dpad/default.png) center center no-repeat; background-size: 50%; background-color: #FFF; }
.picList li span { display: block; position: absolute; top: 0; right: 0; width: 56px; height: 56px; background: url(../images/dpad/image.png) center center no-repeat; z-index: 2; }
.theme_left{ float: left; width: 5.8rem; }
.theme_right{ float: right; width: 11.8rem; }
.theme_list li{ position: relative; display: table-cell;  vertical-align: middle; text-align: center; cursor: pointer; height: 4.56rem; width: 2.8rem; float: left; }
.theme_list li span { display: block; position: absolute; top: 0; right: 0; width: 56px; height: 56px; background: url(../images/dpad/image.png) center center no-repeat; z-index: 2;  }
.theme_list li { background: url(../images/dpad/default.png) center center no-repeat; background-size: 80%; background-color: #FFF; }
.theme_list li.b40 { background-size: 40%; }
.theme_list li.w580{ width: 5.8rem; }
.theme_list li.h370{ height: 3.7rem; }
.theme_list li.h272{ height: 272px; }
.theme_list li img{ width: 100%; height: 100%; }
.theme_list li.cu::after,
.theme_home.cu::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 0.04rem #FF3B30 dotted; }



.dpad_view .mr-20 { margin-right: 0.2rem;}
.dpad_view .mt-20 { margin-top: 0.2rem;}

/* 提示柜 */
#tips-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.15); z-index: 15; }
#tips-box div.alert-wrap { margin: 20% auto 0; width: 320px;  background: #FFF; border-radius: 8px; box-shadow: 1px 1px 10px rgba(0,0,0,0.15); }
#tips-box div.alert-wrap h3 { padding: 15px; margin-bottom: 0; font-size: 16px; line-height: 1.5; word-break: break-all;}
#tips-box div.alert-wrap p {  height: 45px; margin: 0 auto; border-top: solid 1px #dcdcdc; line-height: 45px; color: #1f80e9;  font-size: 16px;  text-align: center; }
#tips-box div.alert-wrap p a { display: block; width: 100%; height: auto; color: #1f80e9; }
#tips-box div.alert-wrap p:hover { color: #1f80e9; background: rgba(0,0,0,0.08); }
#tips-box div.alert-wrap p:active { color: #1f80e9; background: rgba(0,0,0,0.08); }
#tips-box div.alert-wrap p:visited { color: #1f80e9; }

#tips-box div.confirm-wrap { margin: 20% auto 0; width: 320px; background: #FFF; border-radius: 8px; box-shadow: 1px 1px 10px rgba(0,0,0,0.15); }
#tips-box div.confirm-wrap h3 { padding: 15px; margin-bottom: 0; font-size: 16px; line-height: 1.5; }
#tips-box div.confirm-wrap table { width: 100%; }
#tips-box div.confirm-wrap table tr td:first-child { border-right: solid 1px #dcdcdc; }
#tips-box div.confirm-wrap table tr td { width: 50%; height: 45px; margin: 0 auto; border-top: solid 1px #dcdcdc; line-height: 45px; font-size: 16px;  text-align: center; }
#tips-box div.confirm-wrap table tr td a { display: block; width: 100%; height: auto; color: #1f80e9; }
#tips-box div.confirm-wrap table tr td a:hover { color: #1f80e9; background: rgba(0,0,0,0.08); }
#tips-box div.confirm-wrap table tr td a:active { color: #1f80e9; background: rgba(0,0,0,0.08); }
#tips-box div.confirm-wrap table tr td a:visited { color: #1f80e9; }

#tips-box div.active-box { color: #FFF; }
#tips-box div.active-box h2 { text-align: center; }
#tips-box div.active-box p { text-align: center; line-height: 2;}
#tips-box div.active-box p a { padding: 5px 10px;  color: #FFF; background: #79bf3a; border-radius: 5px;}
#tips-box div.active-box p a.focus-bingo { margin-right: 3%;  background: #fa5858;  }
#tips-box div.active-box p a,#tips-box div.active-box p a:hover,#tips-box div.active-box p a:active,#tips-box div.active-box p a:visited { color: #FFF; }


#tips-box div.loading-wrap { margin: 20% auto 0;  width: 35px; height: 35px; padding: 10px; background: #FFF; border-radius: 8px; box-shadow: 1px 1px 10px rgba(0,0,0,0.15); overflow: hidden; }

#floating-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 10; }
#floating-box div.tips-template-box { position: relative; width: 80%;  margin: 20% auto; z-index: 2; }
#floating-box div.tips-template-main { position: relative; z-index: 2;  }
#floating-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#floating-box div.modal-header { cursor: move; }
#floating-box div.modal-content { border-width: 0; }
#floating-box div.modal-footer { padding-bottom: 10px; }

#erp-category-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 12; }
#erp-category-box div.tips-template-box { position: relative; width: 80%;  margin: 20% auto;  z-index: 2; }
#erp-category-box div.tips-template-main { position: relative; z-index: 2;  }
#erp-category-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#erp-category-box div.modal-header { cursor: move; }
#erp-category-box div.modal-content { border-width: 0; }
#erp-category-box div.modal-footer { padding-bottom: 10px; }

/*动态加载层样式*/
#erp-dynamic-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 11; }
#erp-dynamic-box div.tips-template-box { position: relative; width: 80%;  margin: 20% auto;  z-index: 2; }
#erp-dynamic-box div.tips-template-main { position: relative; z-index: 2;  }
#erp-dynamic-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#erp-dynamic-box div.modal-header { cursor: move; }
#erp-dynamic-box div.modal-content { border-width: 0; }
#erp-dynamic-box div.modal-footer { padding-bottom: 10px; }

#erp-dynamic-01-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 12; }
#erp-dynamic-01-box div.tips-template-box { position: relative; width: 80%;  margin: 20% auto;  z-index: 2; }
#erp-dynamic-01-box div.tips-template-main { position: relative; z-index: 2;  }
#erp-dynamic-01-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#erp-dynamic-01-box div.modal-header { cursor: move; }
#erp-dynamic-01-box div.modal-content { border-width: 0; }
#erp-dynamic-01-box div.modal-footer { padding-bottom: 10px; }

#erp-dynamic-02-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 13; }
#erp-dynamic-02-box div.tips-template-box { position: relative; width: 80%;  margin: 20% auto;  z-index: 2; }
#erp-dynamic-02-box div.tips-template-main { position: relative; z-index: 2;  }
#erp-dynamic-02-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#erp-dynamic-02-box div.modal-header { cursor: move; }
#erp-dynamic-02-box div.modal-content { border-width: 0; }
#erp-dynamic-02-box div.modal-footer { padding-bottom: 10px; }

#erp-dynamic-03-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 14; }
#erp-dynamic-03-box div.tips-template-box { position: relative; width: 80%;  margin: 20% auto; background: #FFF;  box-shadow: 1px 1px 10px rgba(0,0,0,0.15); z-index: 2; }
#erp-dynamic-03-box div.tips-template-main { position: relative; z-index: 2;  }
#erp-dynamic-03-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#erp-dynamic-03-box div.modal-header { cursor: move; }
#erp-dynamic-03-box div.modal-content { border-width: 0; }
#erp-dynamic-03-box div.modal-footer { padding-bottom: 10px; }




/* 模态框 */
.modal-header{background-color: #1e2c3c;padding: 10px 15px;}
.modal-header .close{color: #fff;text-shadow: none;filter: alpha(opacity100);opacity: 1;font-weight: normal;}
.modal-header .close .iconfont{font-size: 21px;}
.modal-title{font-size: 14px;color: #fff;}
.modal-body{padding: 15px 25px;}
.modal-footer .btn{ padding: 0 20px; margin-left: 8px; }
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); }
button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; }


/*=======================================
 *base
 =======================================*/
/* html{ font-size: 100px; font-size: 5.208vw; } */
html{ font-size: 65px; /*font-size: 3.3852vw;*/ }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,button,textarea,p,th,td{margin: 0;padding: 0;}
body{background: #eee;color: #333;min-width: 1200px;font-family: "Microsoft YaHei",arial, \5b8b\4f53, sans-serif;font-size: 14px; }
h1,h2,h3,h4,h5,h6,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse;}
ul,ol,li{list-style: none;}
em,i,address{font-style: normal;}
fieldset,img{border: 0;}
input,textarea,button,select{outline: none;}
img{vertical-align: bottom;}
a{text-decoration: none;color: #333;}
a:hover{color: #20a0ff;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix{height: 1%;zoom: 1;}
.clearfix{display: block;}

.tr { text-align: right; }

.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px;}

.mr-5 { margin-right: 5px;}
.mr-10 { margin-right: 10px;}
.mr-20 { margin-right: 20px;}

.hide { display: none;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right !important;}
.box_sizing{box-sizing: border-box;}
.txt_center{text-align: center;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.opacity{filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner,button[type="submit"]::-moz-focus-inner,button[type="button"]::-moz-focus-inner{ border: none;padding: 0;}
.fz14{font-size: 14px;}

.color_20a0ff{color: #20a0ff !important;}
.col_FF3B30{ color: #FF3B30; }
.col_4787FF { color: #4787FF; }


.mb16{margin-bottom: 16px;}
.mr48{margin-right: 48px;}
.mr24{margin-right: 24px;}
.mr12{margin-right: 12px;}
.mt12{margin-top: 12px;}
.mt32{margin-top: 32px;}
.ml24{margin-left: 24px;}
.mb24{margin-bottom: 24px;}
.mb3{margin-bottom: 3px;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}

.center_line{text-decoration: line-through;}
.fz12{font-size: 12px;}

/*按钮*/
.btn{ padding:0 10px; background: #4787FF; border: 1px solid transparent; color: #fff; text-align: center; display: inline-block; border-radius: 3px; cursor: pointer; transition: all 0.3s ease; height: 32px; line-height: 30px;}
.btn:hover{ background: #4079e3;color: #fff; }
.btn .iconfont{ font-size: 16px; vertical-align: middle; }
.btn span{ vertical-align: middle; font-size: 12px; }

.btn_default { background: #fff; border:1px #E3E3E3 solid; color: #666; }
.btn_default:hover { background: #fff; border:1px #20a0ff solid; color:#20a0ff; }

.btn_forbidden { cursor: inherit; color: #FFF; background: #CCC; border:1px #ccc solid;  }
.btn_forbidden:hover { color: #FFF; background: #CCC; border:1px #ccc solid;  }

.btn_inverse { background: #999; border:1px #999 solid; color: #fff; }
.btn_inverse:hover { background: #707070; border:1px #707070 solid; color:#fff; }

.btn_line { background: transparent; border:1px #20a0ff solid; color: #20a0ff; }
.btn_line:hover { background: #20a0ff; border:1px #20a0ff solid; color:#fff; }
.btn_line_danger { background: transparent; border:1px #FF3B30 solid; color: #FF3B30; }
.btn_line_danger:hover { background: #FF3B30; border:1px #FF3B30 solid; color:#fff; }
.btn_line_warning { background: transparent; border:1px #FE9400 solid; color: #FE9400; }
.btn_line_warning:hover { background: #FE9400; border:1px #FE9400 solid; color:#fff; }

.btn_lg{ height: 36px; line-height: 32px; }

.wd114{width: 114px;}
.wd64{width: 64px;}

/*input默认颜色修改*/
::-webkit-input-placeholder { color:#ccc; /* WebKit browsers */ }
:-moz-placeholder { color:#ccc; /* Mozilla Firefox 4 to 18 */ }
::-moz-placeholder { color:#ccc; /* Mozilla Firefox 19+ */ }
:-ms-input-placeholder { color:#ccc; /* Internet Explorer 10+ */ }

/*=======================================
 *common
 =======================================*/

 .container{ width: 100%; margin: 0 auto; }

/*header*/
.h_header{ position: fixed; top: 0; left: 0; width: 100%; background: #4787FF;height: 48px; z-index: 9; }
.h_header .logo{ font-weight: bold; float: left; color: #fff;font-size: 18px; line-height: 48px; padding-left: 16px; }
.h_header .logo a{color: #fff;line-height: 48px;}
.h_header .logo img{vertical-align: top;margin-right: 10px;padding-top: 5px;}
.topright{ font-size: 12px; float: right; margin-right: 16px; }
.topright a{ color: #fff; display: block; line-height: 48px; padding-left:10px; }
.wrap_container { margin-left: 215px; margin-right: 15px; padding-top: 48px; }

.h_footer{ clear: both; text-align: center;margin-left: 205px; height: 60px;line-height: 60px;color: #666;  }

/*sidebar*/
.sidebar{ position: fixed; top: 0; left: 0; z-index: 8; width: 200px; height: 100%; margin-right: 12px;background: #191A23;min-height: 837px; overflow-x: hidden; overflow-y: auto; }
.sidebar::-webkit-scrollbar { width: 5px; background-color: #2a3042; }
.sidebar::-webkit-scrollbar-track { background-color: #2a3042; }
.sidebar::-webkit-scrollbar-thumb { background: #5F8AB8; }

/*.sidebar_nav { padding-top: 48px; }*/
/*.sidebar_nav > li{ line-height: 48px; font-size: 14px; }*/
/*.sidebar_nav > li a{ position: relative; color: #ccc; display: block; padding: 0 16px; }*/
/*.sidebar_nav > li .iconfont{ font-size: 16px; vertical-align: middle; }*/
/*.sidebar_nav > li span{ vertical-align: middle; }*/
/*.sidebar_nav > li .arrow_ico{ position: absolute; right: 16px; top: 0; font-size: 12px; }*/
/*.sidebar_nav > li .treeview-menu{ display: none; }*/
/*.sidebar_nav > li .treeview-menu > li{ font-size: 12px; font-weight: bold; }*/
/*.sidebar_nav > li .treeview-menu > li.cu{ background: #4787FF; }*/
/*.sidebar_nav > li .treeview-menu > li.cu a{ color: #fff; }*/
/*.sidebar_nav > li .treeview-menu > li a{ padding: 0 16px 0 36px; }*/
/*.sidebar_nav > li.active .treeview-menu { display: block; }*/

/*.sidebar_nav > li.active .icon-tubiaozhizuo-{*/
/* -ms-transform:rotate(180deg); !* IE 9 *!*/
/* -webkit-transform:rotate(180deg); !* Safari and Chrome *!*/
/* transform:rotate(180deg);*/
/*}*/


.sidebar_nav { padding-top: 48px; }
.sidebar_nav li{ line-height: 48px; font-size: 14px; }
.sidebar_nav li a{ position: relative; color: #ccc; display: block; padding: 0 16px; }
.sidebar_nav li .iconfont{ font-size: 16px; vertical-align: middle; }
.sidebar_nav li span{ vertical-align: middle; }
.sidebar_nav li .arrow_ico{ position: absolute; right: 16px; top: 0; font-size: 12px; }
.sidebar_nav li .treeview-menu { display: none; }
.sidebar_nav li .treeview-menu li{ font-size: 12px; font-weight: bold; }
.sidebar_nav li .treeview-menu li.cu{ background: #4787FF; }
.sidebar_nav li .treeview-menu li.cu a{ color: #fff; }
.sidebar_nav li .treeview-menu li a{ padding: 0 16px 0 36px; }


.sidebar_nav li.active li.twonav ul.treeview-menu { display: none; }

.sidebar_nav li.active .treeview-menu { display: block; }
.sidebar_nav li.active li.active ul.treeview-menu { display: block; }

.sidebar_nav li.active .icon-tubiaozhizuo-{
 -ms-transform:rotate(180deg); /* IE 9 */
 -webkit-transform:rotate(180deg); /* Safari and Chrome */
 transform:rotate(180deg);
}

.sidebar_nav li.active li.active .icon-tubiaozhizuo-{
 -ms-transform:rotate(0deg); /* IE 9 */
 -webkit-transform:rotate(0deg); /* Safari and Chrome */
 transform:rotate(0deg);
}

 /*mainbar*/
.mainbar{ width: 100%; margin: 15px 0; border: 1px solid #E8E8E8; }

/* 路径导航 */
.page-location{ font-size: 12px; background: #fff; padding: 5px 16px; overflow: hidden; border-bottom: 1px solid #E8E8E8; }
.page-location .breadcrumb-box { float: left; margin: 8px 40px 4px 0; }
.page-location .breadcrumb-box em { color: #999; }
.page-location .breadcrumb-box i { color: #999; font-family: 'SimSun'; margin: 0 2px; }
.page-location .word-aux { color: #FF3830; float: left; margin: 8px 0 4px 0; line-height: 1; }
.page-location .pageActions { float: right; }
.page-location .pageActions .btn { height: 30px; line-height: 26px; padding: 0 8px; }

/* 查询条件 */
.order_top ul > li{ width: 220px; box-sizing: border-box; font-size: 12px; position: relative; border: 1px #E3E3E3 solid; padding: 0 0 0 16px; border-radius: 3px; float: left; margin: 0 0 10px 10px; }
.order_top ul > li label{ color: #999; float: left; line-height: 30px; }
.order_top ul > li .mes{ float: left; }
.order_top .select-wrapper{ border: 0; position: static; }
.order_top .select-wrapper.focus{ border: 0; }
.order_top .select-wrapper .select-list{ width: 100% !important; }
.order_top .select-wrapper .select-list ul > li{ border: 0; border-radius: 0; }
.order_top .select-wrapper .select-down{ left: auto !important; }

.order_top ul > li .mes input { width: 120px; border-width: 0; }
.order_top ul > li .mes dl { padding: 0; width: 100%; }
.order_top ul > li .mes dl dd { height: 34px; line-height: 34px; }
.order_top ul > li .mes i { right: 0!important; }
.order_top ul > li .mes span { right: 30px;}




.mainSearch_top {height:50px;}
.m_search{ float: right; margin: 10px 0px 10px 16px;}
.search_btn {height: 32px;line-height: 32px;width: 64px;border:1px #ed5565 solid;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; background: #ed5565;  color: #fff;}
.search_btn:hover,.search_btn:focus {background: #da4453;border-color:#da4453;}
.search_btn.disabled {background: #ccc; color: #fff;border-color:#ccc;}
.inputTxt{ height: 30px; line-height: 30px; width: 190px; border-radius: 5px; border: 1px solid #ccc;padding:0 10px;}
.borderB_line_g{ border-bottom: 1px solid #d1dbe5;}

/* 日期选择 */
.rl_content{ float: left; position: relative;}
.s_dao{ padding: 0 5px; line-height: 32px; color: #666;}
.datainp{background-image: url(../images/pub/calendar_ic.png); background-repeat: no-repeat; background-position: right center;width: 112px; padding-left: 10px;}

/* 多选框 */
.chkbox_ic{ width: 16px; height: 16px; display: inline-block; background-image: url(../images/pub/chkbox_ic.png); background-repeat: no-repeat; background-position: 0 0; cursor: pointer;}
.chkbox_icSled{ background-position: 0 -17px;}

/* 表单类型 */
.form-style > li{ margin-bottom: 16px; }
.form-style > li .label{ float: left; text-align: right; font-size: 12px; color: #999;  line-height: 32px; width: 90px; }
.form-style > li .item-block{ margin-left: 90px; line-height: 32px; font-size: 12px; }
.form-style > li .item-block .select-wrapper{ width: 100% !important; }
.form-style > li .item-block .select-wrapper .select-down{ left: auto !important; }
.form-style > li .item-block .select-wrapper .select-list{ width: 100% !important; }



.select-input-box { position: relative; width: 200px; }
.select-input-box input { width: 177px; padding-right: 60px; cursor: pointer; }
.select-input-box span.select-clear-btn { display: none; position: absolute; top: 6px; right: -16px; width: 20px; height: 20px; text-align: center; line-height: 17px; color: #FFF; cursor: pointer; background: rgba(0,0,0,0.25); border-radius: 100%;  }
.select-input-box dl.select-box { display: none; position: absolute; top:30px; left: 0; width:247px; padding: 10px 0px; max-height: 180px; background: #FFF; overflow-y: auto; z-index: 1; border: 1px solid #e8e8e8;
 box-shadow: 0 0 3px #ddd; }
.select-input-box dl.select-box dd { padding: 0 15px; cursor: pointer;}
.select-input-box dl.select-box dd:hover { color: #FFF; background: #4787ff;  }
.select-input-box dl.select-box dd.active { color: #FFF; background: #4787ff; }

.form-style .group-picture .label{ vertical-align: top; }

.add-img { overflow: hidden; position: relative; cursor: pointer; border-radius: 5px; background-color: #f2f2f2; width: 128px; height: 128px; text-align: center; }
.add-img label{ cursor: pointer; color: #333; }
.add-img label:hover { color: #0079FE; }
.add-img label:hover .iconfont { color: #0079FE; }
.add-img img { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.add-img span { display: block; margin-top: 10px; line-height: 1; }
.add-img .iconfont { line-height: 1; font-size: 24px; color: #666; padding-top: 40px; display: block; }
.add-img .file-input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; z-index: 2; }

.form-style2 > li{ position: relative; border: 1px #E3E3E3 solid; border-radius: 3px; margin-bottom: 16px; }
.form-style2 > li .label{ float: left; text-align: right; font-size: 12px; color: #999;  line-height: 32px; width: 75px; }
.form-style2 > li .item-block{ margin-left: 80px; line-height: 32px; font-size: 12px; word-wrap:break-word; }
.form-style2 > li .item-block .select-wrapper{ position: static; border: 0; width: 100% !important; vertical-align: initial; }
.form-style2 > li .item-block .select-wrapper .select-down{ left: auto !important; }
.form-style2 > li .item-block .select-wrapper .select-list{ top: 35px !important; width: 100% !important; }
.form-style2 > li .item-block .select-wrapper .select-button{ width: 100% !important; }


/*------------- 下拉选择框 开始------------------------------*/


.select-wrapper{width: 240px; position: relative;cursor: pointer;display: inline-block;*display: inline;*zoom: 1;background: #fff;border-radius: 3px;border: 1px solid #e3e3e3; margin-left: -3px; vertical-align: middle;font: normal 12px '\5FAE\8F6F\96C5\9ED1';}
.select-wrapper.focus{border: 1px solid #ccc;}
.select-button{width: 238px;height: 30px; line-height: 30px; border: 0;border-radius: 3px;background: #fff;cursor: pointer;padding: 0 26px 0 10px;overflow: hidden;text-align: left;outline: none;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis; color: #333333;font: normal 12px '\5FAE\8F6F\96C5\9ED1';}
.select-down{position: absolute;right: 0;top: 0; width: 32px;height: 32px; background: url(../images/pub/select_ico.png) 0 0;overflow: hidden;cursor: pointer;}
.disabled{color: #cccccc;}
.select-list{position: absolute; display: none; width: 238px;background: #fff;border: 1px solid #e8e8e8;box-shadow: 0 0 3px #ddd;border-radius: 3px;z-index: 999; left: -1px;top: 35px;overflow: hidden;}
.select-list ul{margin: 0;padding: 0;overflow-x: hidden;overflow-y: auto;line-height: 34px; max-height: 250px; position: relative; float: none;}
.select-list ul li{width: auto;height: 34px;text-align: left;cursor: pointer;overflow: hidden;white-space: nowrap;word-break: keep-all; text-overflow: ellipsis; background: #fff;padding: 0; padding-left: 10px;margin: 0;float: none;}
.select-list ul li.selected,.select-list ul li:hover{color: #fff;background: #4787ff;}

/* 下拉列表不可用样式 */

.select-button-disable{color: #ccc;width: 238px;height: 34px;border: 1px solid #e3e3e3;border-radius: 3px;background: #fff;cursor: pointer;padding-left: 10px;overflow: hidden;text-align: left;outline: none;}
.select-down-disable{color: #ccc;font-size: 18px;position: absolute;top: 0;right: 10px;line-height: 34px;}

/*------------- 下拉选择框 结束------------------------------*/
/*下拉框*/
.selectBox{width: 994px;position: relative;margin-right: 10px; margin-bottom: 10px;}
.selectBox p{height: 30px;line-height: 30px;background: #fff;border: 1px solid #ccc;cursor: pointer;padding-left: 10px;padding-right: 34px;border-radius: 3px;overflow: hidden;}
.selectBox p .wlTit{display: inline-block;float: left;}
.ic_sl{width: 32px;height: 32px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;background: url(../images/pub/select_ico.png) no-repeat;}
.selectBox ul{background: #fff;line-height: 32px;border: 1px solid #ccc !important;border-top: none;position: absolute;z-index: 1000;max-height: 500px;overflow-y: auto;overflow-x: hidden;display: none;margin:-1px 0 0 !important;}
.selectBox ul li{width: auto;height: 32px;padding: 0 16px;text-align: left;border-bottom: 1px dashed #ccc;cursor: pointer;overflow: hidden;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;float: none;margin-bottom: 0;}
.selectBox ul li:hover,.selectBox ul li.cu{background: #20a0ff;color: #fff;}
.selectBox ul li:last-child{border-bottom: none;}
.selectBox textarea{padding: 10px;border-radius: 3px;border:1px #ccc solid;}


.selectBox.wd150 {width: 150px;}
.selectBox.wd150 .wlTit{width: 110px;}
.selectBox.wd150 ul{width: 148px;}

.selectBox.wd110{width:110px;}
.selectBox.wd110 p .wlTit{width: 80px;}
.selectBox.wd110 ul{width: 108px;}

.selectBox.wd160{width:160px;}
.selectBox.wd160 p .wlTit{width: 130px;}
.selectBox.wd160 ul{width: 158px;}

.selectBox.wd100{width:100px;}
.selectBox.wd100 p .wlTit{width: 60px;}
.selectBox.wd100 ul{width: 98px;}

.selectBox.wd280{width:280px;}
.selectBox.wd280 p .wlTit{width: 250px;}
.selectBox.wd280 ul{width: 278px;}

.selectBox.wd350{width: 350px;}
.selectBox.wd350 p .wlTit{width: 320px;}
.selectBox.wd350 ul{width: 348px;}
.selectBox.wd690{width: 690px;}
.selectBox.wd690 p .wlTit{width: 660px;}
.selectBox.wd690 ul{width: 688px;}


/* placeholder颜色 */
.form-control::-moz-placeholder { color: #333; } /*Firefox*/
.form-control:-ms-input-placeholder { color: #333; } /*IE*/
.form-control::-webkit-input-placeholder { color: #333; } /*Chrome/Safari*/

.form-horizontal .form-control::-moz-placeholder { color: #ccc; } /*Firefox*/
.form-horizontal .form-control:-ms-input-placeholder { color: #ccc; } /*IE*/
.form-horizontal .form-control::-webkit-input-placeholder { color: #ccc; } /*Chrome/Safari*/

/* 表单 */
label{font-weight: normal;color: #999;}
.form-group{margin-bottom: 10px;}
.form-control{border:0;-webkit-box-shadow: none;box-shadow: none;border-bottom: 1px #ccc solid;border-radius: 0;}
.form-control:focus{-webkit-box-shadow: none;box-shadow: none;border-color: #00bcd4;}
.input-group-addon{border:0;background-color: #fff;border-bottom: 1px #ccc solid;border-radius: 0;padding: 6px 5px;}
.form-horizontal .form-group{margin-left: 0;margin-right: 0;}

.input-group-addon{color: #ccc;}


/*页码*/
.page-list { font-size: 12px; line-height: 36px; float: right; text-align: right; color: #333; }
.page-list span { margin-left: 10px; }
.page-list a{ display: inline-block; margin-left: 10px; box-sizing: border-box; border:1px #E3E3E3 solid; border-radius: 3px; padding: 0 10px; color: #333; }
.page-list a:hover{ color: #3388ff; }
.page-list .form-control{ height: 36px; border-radius: 3px; box-sizing: border-box; border:1px #E3E3E3 solid; text-align: center; width: 64px; display: inline-block; }

.page-list span.current { display: inline-block; box-sizing: border-box; border:1px #3388ff solid; padding: 0 10px; background: #3388ff; color: #fff; border-radius: 3px; }
.page-list span.els { padding-left: 8px; }

.actions-left { font-size: 12px; float: left; line-height: 36px; }
.checked-number { margin-right: 10px; }
.erp-check-box { display: inline-block; }

.icheckWrap { display: inline-block;  width: 70px; }
.el-checkbox-style { margin-right: 4px; }
.text-success { color: #0079FE; }
.erp-check-box .input-inline label.el-checkbox { padding-left: 12px;}

.index-index-image{ text-align: center; }
.index-index-image img{ width: 40px; height: 40px; border-radius: 3px; }
.index-index-operate .btn{ margin-top: 8px; }


.pop-dpad-image-inner { overflow: hidden; }
.pop-dpad-image-inner div.fr { width: 365px;   }
.pop-dpad-image-inner div.fr p { font-size: 16px; font-weight: bolder; padding-bottom: 15px; border-bottom: solid 1px #f5f5f5; }
.pop-dpad-image-inner div.fr dl { width: 400px;  padding:  15px; overflow: hidden; }
.pop-dpad-image-inner div.fr dl dd { position: relative;  float: left; margin-right: 10px; font-size: 0;  margin-bottom: 10px; border: solid 0.04rem #fff;}
.pop-dpad-image-inner div.fr dl dd.cu { border: 0.04rem #FF3B30 dotted; }
.pop-dpad-image-inner div.fr dl dd img { width: 100px; height: 100px; cursor: pointer; }
.pop-dpad-image-inner div.fr dl dd input { position: absolute; top: 5%; right: 5%; }

.pop-dpad-image-inner div.fl { width: 500px; }
.pop-dpad-image-inner div.fl img { display: block; padding-top: 20px;  margin: 0 auto; }
.pop-dpad-image-inner div.fl img  {  background: url(../images/dpad/default.png) center center no-repeat; background-size: 50%; background-color: #FFF; }
.pop-dpad-image-inner div.fl p { font-size: 16px; font-weight: bolder; padding-bottom: 15px; border-bottom: solid 1px #f5f5f5; }

.pop-dpad-image-inner div.fr table { margin-top: 15px; margin-bottom: 15px; }
.pop-dpad-image-inner div.fr table tr td { padding-bottom: 15px; }
.pop-dpad-image-inner div.fr table tr td:first-child label { display: block; width: 80px; }
.pop-dpad-image-inner div.fr table tr td:first-child { color: #999; width: 90px; }
.pop-dpad-image-inner div.fr table tr td div { width:  300px;  word-wrap: break-word;}
.pop-dpad-image-inner div.fr table tr td div a { color: #4787FF; }

.pop-goods-box { }
.pop-goods-box div.pop-goods-top {}
.pop-goods-box div.pop-goods-main { overflow: hidden; }

.pop-goods-tabel-left { display: inline-block; width: 965px; float: left; }
.pop-goods-tabel-center { display: inline-block;float: left;  padding: 0 32px;  position: relative;  height: 380px;  }
.pop-goods-tabel-center em {  font-family: 宋体;  font-size: 28px;  display: block;  cursor: pointer;  margin: 24px 0px;  }
.pop-goods-tabel-center em:first-child {   display: block; margin-top: 252px;}
.pop-goods-tabel-right { display: inline-block; width: 660px; }

#pagination-rollGoodsPop-index-box a { margin-left: 5px; }
#pagination-rollGoodsPop-index-box span { display: none;}
#pagination-rollGoodsPop-index-box span.els { display: inline-block; margin-left: 5px; padding-left: 0;}


#ITL-image-del,#multimedia-image-del { position:absolute; top:5px; right: 5px; display: none; width: 25px; height: 25px; line-height: 25px; background: #CCC; color:#666; border-radius: 100%; cursor: pointer; z-index: 10;}
#ITL-image-del:hover,#multimedia-image-del:hover { background: #F00; color:#FFF; }


.pop-multi-box { width: 365px;   }
.pop-multi-box p { font-size: 16px; font-weight: bolder; padding-bottom: 15px; border-bottom: solid 1px #f5f5f5; }
.pop-multi-box dl { width: 400px;  padding:  15px; overflow: hidden; }
.pop-multi-box dl dd { position: relative;  float: left; margin-right: 10px; font-size: 0;  margin-bottom: 10px; border: solid 0.04rem #fff;}
.pop-multi-box dl dd.cu { border: 0.04rem #FF3B30 dotted; }
.pop-multi-box dd img { width: 100px; height: 100px; cursor: pointer; }
.pop-multi-box dl dd input { position: absolute; top: 5%; right: 5%; }
/*
 * author:evanliu2968
 * github:https://github.com/EvanLiu2968/el-checkbox
 * lincense:MIT
 */
/*checkbox radio component*/
.el-radio,
.el-checkbox {
  position: relative;
  font-size: 100%;
}
label.el-radio,
label.el-checkbox {
  display: block;
  cursor: pointer;
}
.el-radio > input[type="radio"],
.el-checkbox > input[type="checkbox"] {
  display: none;
}
.el-radio > input[type="radio"][disabled],
.el-checkbox > input[type="checkbox"][disabled] {
  cursor: not-allowed;
}
.el-radio > input[type="radio"] + .el-radio-style,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style {
  position: relative;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  vertical-align: middle;
  cursor: pointer;
}
.el-radio > input[type="radio"] + .el-radio-style:hover:before,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:hover:before {
  border-color: #3388ff;
}
.el-radio > input[type="radio"] + .el-radio-style:before,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  content: '';
  border: 1px solid #666;
  box-sizing: border-box;
}
.el-radio > input[type="radio"] + .el-radio-style:after,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:after {
  position: absolute;
  display: none;
  content: '';
}
.el-radio > input[type="radio"][disabled] + .el-radio-style,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style {
  cursor: not-allowed;
  color: #D3DCE6;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:hover,
.el-radio > input[type="radio"][disabled] + .el-radio-style:before,
.el-radio > input[type="radio"][disabled] + .el-radio-style:after,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:hover,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:after {
  cursor: not-allowed;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:hover:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:hover:before {
  border: 1px solid #D3DCE6;
  animation-name: none;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:before {
  border-color: #D3DCE6;
}
.el-radio > input[type="radio"]:checked + .el-radio-style:before,
.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:before {
  animation-name: none;
}
.el-radio > input[type="radio"]:checked + .el-radio-style:after,
.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:after {
  display: block;
}
.el-radio > input[type="radio"] + .el-radio-style:before {
  border-radius: 50%;
}
.el-radio > input[type="radio"] + .el-radio-style:after {
  top: 0.4em;
  left: 0.4em;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background: #3388ff;
}
.el-radio > input[type="radio"]:checked + .el-radio-style:before {
  border: 1px solid #3388ff;
}
.el-radio > input[type="radio"]:checked[disabled] + .el-radio-style:before {
  border: 1px solid #b0d7f5;
}
.el-radio > input[type="radio"]:checked[disabled] + .el-radio-style:after {
  background: #b0d7f5;
}
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:before {
  border-radius: 3px;
}
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:after {
  top: 0.15em;
  left: 0.5em;
  box-sizing: border-box;
  width: 0.4em;
  height: 0.75em;
  transform: rotate(45deg);
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:before {
  border: #3388ff;
  background: #3388ff;
  border-radius: 3px;
}
.el-checkbox > input[type="checkbox"]:checked[disabled] + .el-checkbox-style:before {
  border: #b0d7f5;
  background: #b0d7f5;
}
/*blue theme*/
.el-radio.el-radio-blue > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-blue > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-blue > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked + label:before {
  border-color: #3388ff;
}
.el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-blue > input[type="radio"] + label:after {
  background: #3388ff;
}
.el-radio.el-radio-blue > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-blue > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-blue > input[type="radio"]:checked[disabled] + label:before {
  border-color: #b0d7f5;
}
.el-checkbox.el-checkbox-blue > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-blue > input[type="radio"]:checked[disabled] + label:after {
  background: #b0d7f5;
}
/*green theme*/
.el-radio.el-radio-green > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-green > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-green > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-green > input[type="checkbox"]:checked + label:before {
  border-color: #13ce66;
}
.el-checkbox.el-checkbox-green > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-green > input[type="radio"] + label:after {
  background: #13ce66;
}
.el-radio.el-radio-green > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-green > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-green > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-green > input[type="radio"]:checked[disabled] + label:before {
  border-color: #a1efc4;
}
.el-checkbox.el-checkbox-green > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-green > input[type="radio"]:checked[disabled] + label:after {
  background: #a1efc4;
}
/*red theme*/
.el-radio.el-radio-red > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-red > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-red > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-red > input[type="checkbox"]:checked + label:before {
  border-color: #ff4949;
}
.el-checkbox.el-checkbox-red > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-red > input[type="radio"] + label:after {
  background: #ff4949;
}
.el-radio.el-radio-red > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-red > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-red > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-red > input[type="radio"]:checked[disabled] + label:before {
  border-color: #f9b3b3;
}
.el-checkbox.el-checkbox-red > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-red > input[type="radio"]:checked[disabled] + label:after {
  background: #f9b3b3;
}
/*yellow theme*/
.el-radio.el-radio-yellow > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-yellow > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-yellow > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked + label:before {
  border-color: #f7ba2a;
}
.el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-yellow > input[type="radio"] + label:after {
  background: #f7ba2a;
}
.el-radio.el-radio-yellow > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-yellow > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-yellow > input[type="radio"]:checked[disabled] + label:before {
  border-color: #fbeac1;
}
.el-checkbox.el-checkbox-yellow > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-yellow > input[type="radio"]:checked[disabled] + label:after {
  background: #fbeac1;
}
/*switch component*/
.el-switch,
.el-switch-style,
.el-switch-style:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.el-switch {
  display: inline-block;
  font-size: 100%;
  height: 1.6em;
  position: relative;
}
.el-switch .el-switch-style {
  height: 1.6em;
  left: 0;
  background: #C0CCDA;
  -webkit-border-radius: 0.8em;
  border-radius: 0.8em;
  display: inline-block;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 3em;
  cursor: pointer;
}
.el-switch .el-switch-style:before {
  display: block;
  content: '';
  height: 1.4em;
  position: absolute;
  width: 1.4em;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  left: 0.1em;
  top: 0.1em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.el-switch > input[type="checkbox"] {
  display: none;
}
.el-switch > input[type="checkbox"][disabled] + .el-switch-style {
  cursor: not-allowed;
  background-color: #D3DCE6;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #3388ff;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before {
  left: 50%;
}
.el-switch > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #b0d7f5;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #3388ff;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #b0d7f5;
}
.el-switch.el-switch-green > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #13ce66;
}
.el-switch.el-switch-green > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #a1efc4;
}
.el-switch.el-switch-red > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #ff4949;
}
.el-switch.el-switch-red > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #f9b3b3;
}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #f7ba2a;
}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #fbeac1;
}
/*define size*/
.el-radio.el-radio-sm,
.el-checkbox.el-checkbox-sm,
.el-switch.el-switch-sm {
  font-size: 85%;
}
.el-radio.el-radio-lg,
.el-checkbox.el-checkbox-lg,
.el-switch.el-switch-lg {
  font-size: 125%;
}

.input-box { display: inline-block; width: 210px;  padding: 7px 10px;  background: #fff; border: solid 1px #d1d1d1; border-radius: 2px; }
.input-inner { position: relative;  }
.input-inner input { width: 100%;  border-width: 0; background: transparent; }


.input-select-box { display: inline-block;  width: 210px; cursor: pointer; border: solid 1px #d1d1d1; border-radius: 2px;  background: #fff;  }
.input-select-inner { position: relative; padding: 5px 10px;  }
.input-select-inner em { position: absolute; top: 6px; right: 10px;}
.input-select-inner ul { position: absolute; left: -1px; top: 32px; display: none; width: 100%;  background: #fcfcfc;  border: solid 1px #d1d1d1; border-top-width: 0; border-radius: 2px; z-index: 1;}
.input-select-inner ul { max-height: 80px; overflow: auto; }
.input-select-inner ul li { padding: 5px 10px; }
.input-select-inner ul li.selected { color: #20a0ff; }
.input-select-inner input { width: 100%; height: 21px;  border-width: 0; background: transparent; }

/* 登录页
 --------------------------------------------------------*/

.login_bg { background: linear-gradient(to bottom left,#4787ff , #5691c8);
  background: -webkit-linear-gradient(to bottom left,#4787ff , #5691c8);
  background: -moz-linear-gradient(to bottom left,#4787ff , #5691c8);
  background: -o-linear-gradient(to bottom left,#4787ff , #5691c8); overflow: auto; }

.login-wrap { width: 1045px; height: 570px; margin: 0 auto; background: url(../images/pub/login_left.png) 100px 130px no-repeat #fff; border-radius: 20px; box-shadow: 2px 5px 20px #00000052; overflow: hidden; position: relative; }
.login-wrap::after{ content: ''; height: 475px; width: 1px; display: block; background: #f2f2f2; position: absolute; top: 46px; left: 520px; }

.login-main { width: 520px; float: right; background: #fff; text-align: center; }
.login-main h2 { color: #666; font-size: 24px; margin: 130px 0 45px; line-height: 1; }
.login-main .login-body { margin: 0 100px; }

.index_link{width:158px; height:46px; line-height:46px; display:inline-block; position:absolute; left:430px; top:498px; text-align:center; color:#ff6900; font-size:24px; border:solid 1px #ff6900;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.index_link:hover{color:#ff6900;}

.login-group li { margin-bottom: 15px; position: relative}
.login-group li .iconfont{ color: #ccc; font-size: 26px; position: absolute; left: 12px; top: 10px; }
.login-group li.xmf-login-tips { display: none; color: red; height: 25px; margin-bottom: 5px; line-height: 25px; }

.login-input { width: 100%; box-sizing: border-box; border-radius: 4px; padding: 0 46px; font-size:14px; height: 48px; background:#ffffff; color:#999; border:1px #ccc solid; }
.login-remember{ text-align: left; }
.login-remember .el-checkbox{ display: inline-block; }
.login-remember.el-checkbox .el-txt{ vertical-align: middle; }

.ipuTip_ico {width:24px; height:24px; display:inline-block; position:absolute; right:7px; top:7px;}
.tip_success{background:url(../images/pub/tip_success.png)}
.tip_warning{background:url(../images/pub/tip_warning.png)}
.yzcode_ipu { width: 160px; height: 40px; line-height: 40px; padding: 0 10px; border:1px #ccc solid;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.refresh{ width:60px;    display: inline-block; vertical-align: middle;line-height: 20px; padding-left:5px; cursor: pointer;}
.refresh:hover{ color: #20a0ff;}

.login_btn{width:100%; height:48px;line-height: 48px;background: #20a0ff; color: #fff; border:none;border-radius: 5px; font-size:16px; cursor: pointer;}
.login_btn.disabled{background: #ccc;}
.login_btn:hover{  background: #1d8ce0;}
.login_btn:active{  background: #1d8ce0;}
.login_btn.disabled:hover,.login_btn.disabled:active{background: #ccc; cursor: default;}

.code-btn { display: inline-block; width: 120px; line-height: 42px; background: #F8F8F8; cursor: pointer;   margin-left: 10px; border: solid 1px #CCC;  text-align: center; border-radius: 20px; }
.default-btn { background: #ccc; }

/*=======================================
 * 打印单据
 =======================================*/
.pd-main{ background: #fff; overflow: hidden; }
.pd-left{ float: left; width: 60%; padding: 48px 24px; box-sizing: border-box; }
.pd-right{ float: right; width: 40%; padding: 16px 16px 48px 16px; border-left: 1px #e3e3e3 solid; box-sizing: border-box; position: relative; }
.pd-right p.tips { color: #F00; padding-bottom: 10px; }

/* 复选框 */
.pd-checkbox{ cursor: pointer; }
.pd-checkbox-icon{ vertical-align: middle; width: 16px; height: 16px; display: inline-block; background-image: url(../images/chkbox_ic.png); background-repeat: no-repeat; background-position: 0 0; }
.pd-checkbox-input[type="checkbox"]:checked + .pd-checkbox-icon{ background-position: 0 -17px; }
.checkbox-name{ color: #333; }


.search-import{ padding: 46px; border: 1px #666 dotted; }
.search-import .tips{ color: #95b1d2; padding: 8px 0 16px; }
.search-input{ position: relative; border: 1px #20a0ff solid; border-radius: 4px; }
.search-input .ico-search{ position: absolute; top: 12px; left: 15px; width: 24px; height: 24px; display: inline-block; background: url(../images/icon_scan.png) center center no-repeat; }
.search-input em { display: none; position: absolute; top: 12px; right: 107px; width: 26px; height: 26px; line-height: 26px; cursor: pointer; text-align: center; color: #FFF; background: rgba(0,0,0,0.25); border-radius: 100%;}
.search-input input{ padding-left: 56px; box-sizing: border-box; width: 100%; height: 48px; border: 0; }
.search-input button{ position: absolute; right: 0; top: 0; width: 96px; height: 48px; border: 0; background: #20a0ff; color: #fff; cursor: pointer; }

.search-result{ margin-top: 16px; padding: 18px 20px; border: 1px #e3e3e3 solid; background: #f8f8f8; }
.search-result .title{ font-size: 18px; }

.goods-pic{ width: 96px; height: 96px; border-radius: 4px; overflow: hidden; }
.goods-pic img{ width: 100%; height: 100%; }

.goods-item{ padding: 24px 0 0 24px; position: relative; }
.goods-item .goods-pic{ position: absolute; left: 24px; top: 24px; }
.goods-item .goods-info{ padding-left: 110px; }
.goods-item .goods-info dl{ margin-bottom: 10px; overflow: hidden; }
.goods-item .goods-info .label{ padding-top: 3px; font-size: 12px; float: left; width: 64px; text-align: right; color: #999; }
.goods-item .goods-info dd{ padding-left: 70px; font-size: 16px; display: block; }
.goods-item .goods-info dd .price{ font-size: 12px; }
.goods-item .goods-info dd .price em{ font-size: 16px; }
.goods-item .goods-info dd .btn-print{ background: #20a0ff; color: #fff; line-height: 30px; padding: 0 8px; border: 1px #20a0ff solid; border-radius: 4px; cursor: pointer; font-size: 14px; }
.goods-item .goods-info dd .btn-print:hover{ background: #1d8ce0; border-color: #1d8ce0; }

.panel{ border: 1px #e3e3e3 solid; margin-bottom: 24px; }
.panel-head{ background: #f2f2f2; min-height: 46px; overflow: hidden; }
.panel-head .title{ padding: 12px 0 0 20px; position: relative; float: left; color: #999; }
.panel-head .title::before{ position: absolute; top: 12px; left: 8px; content: ''; width: 8px; height: 24px; background: #20a0ff; display: inline-block; }
.panel-head .title strong{ font-size: 16px; color: #333; }
.panel-head .btn-print{ margin: 8px 8px 0 0; float: right; cursor: pointer; border-radius: 4px; padding: 0 6px; line-height: 30px; color: #20a0ff; border: 1px #20a0ff solid; }

.panel-head .btn-print:hover{ background: #20a0ff; color: #fff; }
.panel-head .btn-del{ margin: 8px 8px 0 0; float: right; cursor: pointer; border-radius: 4px; padding: 0 6px; line-height: 30px; color: #F00; border: 1px #F00 solid; }
.panel-head .btn-del:hover{ background: #F00; color: #fff;}
.panel-body{ padding: 16px 20px; }

.order-list li{ overflow: hidden; font-size: 12px; cursor: pointer; color: #999; margin-bottom: 10px; }
.order-list li:last-child{ margin-bottom: 0; }
.order-list li .icon{ margin-right: 4px; width: 16px; height: 16px; display: inline-block; background-image: url(../images/icon_pick.png); background-repeat: no-repeat; background-position: 0 0; }
.order-list li .size{ display: inline-block; width: 230px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.order-list li .number{ float: right; }
.order-list li.on em{ font-weight: bold; color: #333; }
.order-list li.on .icon{ background-position: 0 -26px; }

.foot-batch{ font-size: 12px; position: absolute; left: 0; bottom: 0; right: 0; border-top: 1px #e3e3e3 solid; height: 48px; background: #fff;     padding: 8px 15px 0; box-sizing: border-box; }
.foot-batch .btn{ height: 32px; }
.erp-table-box {  position: relative; width: 100%; overflow: hidden; }
.erp-table-border {  border: 1px #e6e6e6 solid; }
.erp-table-box table { display: block;  table-layout: fixed;  border-collapse: collapse; border-spacing: 0; border-collapse: separate;  }
.erp-table-box table thead tr th { padding: 2px 0px; box-sizing: border-box; line-height: 26px; font-weight: normal; -webkit-tap-highlight-color: inherit; }
.erp-table-box table thead tr th > div { padding: 0 10px; height: 26px;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
.erp-table-box table thead tr th { border-right: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; }
.erp-table-box table thead tr th span { color: #666; display: inline-block; white-space: nowrap; font-weight: bolder; }
.erp-table-box table thead tr th.gutter { padding: 0; }
.erp-table-box table thead tr th em.table-sort-icon-box i { font-size: 13px;  margin: 0 -2px;}
.erp-table-box table thead tr th em.table-sort-icon-box i.active { color: #3388ff; font-weight: bolder; }

.erp-table-box table tbody tr:nth-child(odd) { background: #FFF;}
.erp-table-box table tbody tr:nth-child(even) { background: #f5f5f5;}
.erp-table-box table tbody tr:hover { background: #F2F2F2; }
.erp-table-box table tbody tr.erp-tr-hover { background: #F5F5F5; }
/*.erp-table-box table tbody tr td > div { padding: 2px 10px;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }*/
.erp-table-box table tbody tr td > div { padding: 2px 10px;  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; box-sizing: border-box;}

.erp-table-box table tbody tr td > div.erp-cell-title { display: flex!important;  }
.erp-table-box table tbody tr td > div.erp-cell-title  span { align-self: center; }
.erp-table-box table tbody tr td > div input { padding: 2px 3px; line-height: 1.8; }
.erp-table-box table tbody tr td > div input.tabInput2 { padding: 2px 10px;}

.erp-table-box table tbody tr td > div.erp-table-input-box div.form-group { display: none; }
.erp-table-box table tbody tr td > div.erp-table-input-box:hover div.form-group { display: block }
.erp-table-box table tbody tr td > div.erp-table-input-box:hover div.erp-table-input-show-value { display: none; }

.erp-table-box table tbody tr td > div.table-cover-box { position: relative; overflow: inherit;}
.erp-table-box table tbody tr td > div.table-cover-box > img { margin-top: -5px; }
.erp-table-box table tbody tr td > div.table-cover-box img.table-large-img { display: none; position: absolute; left: 72px; padding:5px; border: solid 1px #CCC; background: #FFF; z-index: 1;}
.erp-table-box table tbody tr td > div.table-cover-box:hover img.table-large-img { display: block; }


.erp-table-box table tbody tr td .iconfont { display: inline-block; margin-top: -3px; line-height: 1; }
.erp-table-box table tbody tr td i.erp-icon-labelbiaoqian { font-size: 22px; }
.erp-table-box table tbody tr td { box-sizing: border-box; line-height: 26px; }
.erp-table-box table tbody tr td { text-overflow: ellipsis; white-space: normal;  word-break: break-all; }
.erp-table-box table tbody tr td { border-right: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; }


.erp-table-box div.erp-table-head { overflow: inherit; }
.erp-table-box div.erp-table-fixed-right { position: relative; }
.erp-table-box div.erp-table-fixed-right span.scroll-mask { display: block; position: absolute; top: 0; height: 50px; background: #F2F2F2; }
.erp-table-box div.erp-table-fixed-right-footer-mask { position: absolute; right: 0; bottom: 0;}
.erp-table-box div.erp-table-fixed-right-footer-mask-inner { position: relative; }
.erp-table-box div.erp-table-fixed-right-footer-mask-inner span.scroll-mask { display: none; position: absolute; right: 0; bottom: 0; height: 51px; background: #F2F2F2; border-top: 1px #e6e6e6 solid;     border-bottom: 1px #e6e6e6 solid; }

.erp-table-box div.erp-table-fixed-left-body,
.erp-table-box div.erp-table-fixed-right-body,
.erp-table-box div.erp-table-fixed-left-footer,
.erp-table-box div.erp-table-fixed-right-footer { overflow: hidden; }

.erp-table-box div.erp-table-head,
.erp-table-box div.erp-table-fixed-left-head,
.erp-table-box div.erp-table-fixed-right-head { background: #e8e9eb;}


.erp-table-box div.erp-table-footer tr:first-child ,
.erp-table-box div.erp-table-fixed-left-footer tr:first-child ,
.erp-table-box div.erp-table-fixed-right-footer tr:first-child  { box-shadow: 0px -4px 8px rgba(0,0,0,.08); }

.erp-table-box div.erp-table-footer tr:last-child td,
.erp-table-box div.erp-table-fixed-left-footer tr:last-child td,
.erp-table-box div.erp-table-fixed-right-footer tr:last-child td { border-bottom-width: 0; }

.erp-table-box div.scroll-y { overflow-y: scroll; overflow-x: hidden; }
.erp-table-box div.scroll-x { overflow-x: scroll; }
.erp-table-box div.erp-table-fixed-left,
.erp-table-box div.erp-table-fixed-right,
.erp-table-box div.erp-table-fixed-left-footer,
.erp-table-box div.erp-table-fixed-right-footer { display: none;  }
.erp-table-box div.erp-table-fixed-left-body,
.erp-table-box div.erp-table-fixed-right-body,
.erp-table-box div.erp-table-fixed-right-footer,
.erp-table-box div.erp-table-fixed-right-footer { overflow: hidden; }

.erp-table-box div.erp-table-cancel-bottom-width tr:last-child td,
.erp-table-box div.erp-table-fixed-left-body tr:last-child td,
.erp-table-box div.erp-table-fixed-right-body tr:last-child td { border-bottom-width: 0;}

.erp-table-box div.erp-table-fixed-left,
.erp-table-box div.erp-table-fixed-right { width: auto; position: absolute; top: 0; box-shadow: 0 -1px 8px rgba(0,0,0,.08);   }
.erp-table-box div.erp-table-fixed-left { left: 0; }
.erp-table-box div.erp-table-fixed-right { right: 0; }




.erp-table-box div.erp-table-fixed-left-footer,
.erp-table-box div.erp-table-fixed-right-footer { width: auto; position: absolute; bottom: 0; box-shadow: 0 -1px 8px rgba(0,0,0,.08);   }
.erp-table-box div.erp-table-fixed-left-footer { left: 0; }
.erp-table-box div.erp-table-fixed-right-footer { right: 0; }


.erp-table-box label.el-checkbox { margin-bottom: 0; }

.erp-table-box div.erp-table-tips { position: absolute; top: 0; left: 0; box-shadow: 0 1px 6px rgba(0,0,0,.1);  z-index: 2}
.erp-table-box div.erp-table-tips div.erp-table-tips-inner { position: relative; padding: 12px 10px; line-height: 25px; background: #FFF; }
.erp-table-box div.erp-table-tips div.erp-table-tips-content { word-wrap: break-word; }
.erp-table-box div.erp-table-tips span.erp-table-tips-close { display: block; position: absolute; top: -12px; right: -12px; width: 24px; height: 24px;  }
.erp-table-box div.erp-table-tips span.erp-table-tips-close { color: #FFF; font-weight: normal; text-align: center; line-height: 24px;  border-radius: 24px; background-color: #666; }

/* .erp-table-box .iconfont { font-size: 24px; cursor: pointer; } */
.erp-table-box .erp-icon-search,
.erp-table-box .erp-icon-set,
.erp-table-box .erp-icon-plus-set { color: #3388ff; }




.erp-table-box .erp-icon-porderaudit,
.erp-table-box .erp-icon-ruku,
.erp-table-box .erp-icon-chuku  { font-size: 22px; }


.erp-table-box i.colunm-up,
.erp-table-box i.colunm-down,
.erp-table-box i.disabled { font-size: 24px;}
.erp-table-box i.colunm-up:active,
.erp-table-box i.colunm-down:active { color: #66afe9; }
.erp-table-box i.disabled { cursor: not-allowed; color: #ccc!important;}
.erp-table-box i.disabled:active { color: #ccc; }

.erp-table-box i.erp-icon-peihuo { font-size: 22px; }

.erp-table-box span.erp-tabel-tips { display: none; position: absolute; left: 3px; bottom: -25px; background: #FFF; border: solid 1px #CCC; padding: 2px 10px; border-radius: 3px; z-index: 2;}
.erp-table-box span.erp-tabel-tips { text-overflow: ellipsis;  white-space: nowrap;  box-sizing: border-box;}
.erp-table-box span.erp-tabel-tips em { display: block; position: relative; }
.erp-table-box span.erp-tabel-tips i { position: absolute; top: -12px; left: 8px; border: solid 6px transparent; border-bottom-color: #ccc; }

.erp-table-box em.table-question-mark-box { position: relative; margin-right: -1px; color: #F00; font-size: 16px; }
.erp-table-box em.table-question-mark-box i.tips-main { display: none; position: absolute;  bottom: -2px; right: 35px;  background: #FFF;  color: #000;  font-size: 13px;  line-height: 1;  padding: 5px 8px;  border-radius: 2px; box-shadow: 0px 4px 8px rgba(0,0,0,.08);}
.erp-table-box em.table-question-mark-box i.tips-direction { display: none; position: absolute; bottom: 1px; right: 20px; border: solid 8px transparent; border-left-color: #FFF;}

.erp-table-box em.table-question-mark-box:hover i.tips-main { display: block; }
.erp-table-box em.table-question-mark-box:hover i.tips-direction { display: block; }

.erp-table-box table tbody tr td > div.erp-cell-sort{ display: flex; justify-content: center; }
.erp-table-box table tbody tr td > div.erp-cell-sort .iconfont{ margin: 0 2px; font-size: 26px; cursor: pointer; align-self: center; }
.erp-table-box table tbody tr td > div.erp-cell-sort .iconfont.disabled{ color: #ccc; cursor: not-allowed; }