body { margin:0;}
a{ cursor:pointer;}
p{ padding:0; margin:0;}
.adminbg{ background:#fbfbfb;}
#trans-tooltip,#tip-arrow-bottom,#tip-arrow-top{ display:none;}
.hidden{ display:none !important;}
.left{ float:left;}
.right{ float:right;}
.fnone{ float:none;}
.center{ text-align:center;}
.tleft{ text-align:left;}
.tright{ text-align:right;}
.row10 { padding-bottom:10px;}
.mar10{ margin-bottom:10px;}
.mar20{ margin-bottom:20px;}
.mar30{ margin-bottom:30px;}
.mar50{ margin-bottom:50px;}
.w100{ width:100% !important;}
.body{ padding:10px; height:auto;}
.oh{ overflow:hidden;}
.ohy{ overflow:hidden; overflow-y:scroll !important;}
.bold{ font-weight:bold;}
textarea{ font-family:Arial;}
.clear{clear:both;*zoom:1}
.clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
.ball{ word-break:break-all;}
[v-cloak]{ display:none;}
.mr1{ margin-right:1px;}


/*#region ***********滚动条美化************/
::-webkit-scrollbar{ width:10px; height:10px; background-color:#f6f6f6;}
::-webkit-scrollbar-track{ border-radius:10px; background-color:#f6f6f6;}
::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#bbb; transition:all linear 1s; -webkit-transition:all linear 1s;}
::-webkit-scrollbar-thumb:hover { background-color:#409EFF;}

.nobar::-webkit-scrollbar{ width:0 !important; height:0 !important; background-color:#f6f6f6;}
.nobar::-webkit-scrollbar-track{ border-radius:0; background-color:#f6f6f6;}
.nobar::-webkit-scrollbar-thumb{ border-radius:0; background-color:#bbb; transition:all linear 1s; -webkit-transition:all linear 1s;}
.nobar::-webkit-scrollbar-thumb:hover { background-color:#409EFF;}

.tabcore .el-tabs__content::-webkit-scrollbar{ width:0 !important; height:0 !important; background-color:#f6f6f6;}
.tabcore .el-tabs__content::-webkit-scrollbar-track{ border-radius:0; background-color:#f6f6f6;}
.tabcore .el-tabs__content::-webkit-scrollbar-thumb{ border-radius:0; background-color:#bbb; transition:all linear 1s; -webkit-transition:all linear 1s;}
.tabcore .el-tabs__content::-webkit-scrollbar-thumb:hover { background-color:#409EFF;}
/*#endregion */


/*#region ***********后台页面************/
/*登陆页面*/
.loginbg{ background:#ffffff;}
.loginbox{ height:calc(100vh); overflow:hidden;}
.loginleft{ float:left; width:56%; height:calc(100vh); overflow:hidden; text-align:center;}
.loginleft img{ display:block; max-width:100%; max-height:100%;}
.loginright{ float:right; width:44%; overflow:hidden; position:relative; background:#fff;}

.loginform{ width:50%; margin:0 auto; padding:0; margin-top:200px;}
.loginform li{ width:100%; height:auto; padding-bottom:30px; list-style:none; position:relative;}
.loginform .logo{ display:block; margin:0 auto; max-width:100%; min-height:50px;}
.loginform .title{ font-size:24px; color:#333;}
.loginform .icon{ width:20px; position:absolute; left:20px; top:13px; z-index:10;}
.loginform .el-input__icon{ width:50px; font-size:20px; color:#dddddd; padding-top:2px;}
.loginform .el-input__inner{ height:50px; line-height:50px; font-size:16px; padding-left:56px;}
.loginform .el-input__count{ font-size:16px; color:#b2b2b2;}
.loginform .btn{ width:100%; height:50px; line-height:50px; display:block; overflow:hidden; text-align:center; color:#fff; font-size:16px; background:#1472ff; border-radius:4px;}
.loginform .btn:hover{ background:#3e8bff;}
.loginform .btn1{ float:left; width:48%; margin-right:4%;}
.loginform .btn2{ width:48%; background:#01cc01;}
.loginform .btn2:hover{ background:#42d542;}

.logincop{ width:100%; line-height:30px; display:block; overflow:hidden; text-align:center; color:#999; font-size:15px; z-index:100;}

/*头部*/
.el-header{ padding:0; background:#fff; box-shadow: 0 1px 5px 0 rgba(48, 49, 51, 0.15), 0 0 1px 0 rgba(48, 49, 51, 0.24);}
.corelogo{ float:left; height:50px; line-height:50px; padding:5px 10px; overflow:hidden; background:#fff;}
.corelogo img{ height:50px; display:block; margin:0 auto;}
.corebtn{ float:left; line-height:30px; display:block; overflow:hidden; cursor:pointer; font-size:21px; padding:15px 0 15px 12px; color:#333;}

/*菜单*/
.coremenu{ overflow:hidden; overflow-y:scroll; width:220px !important; height:calc(100vh - 60px); background:#293b48;
-webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
-moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
-o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
transition: transform .3s ease-in-out,width .3s ease-in-out;}
.coremenu.coll{ width:70px !important;}
.coremenu.coll:hover{ width:220px !important;}
.coremenu .el-menu{ border-right:0 none;}
.coremenu::-webkit-scrollbar{ width:0px; height:0px; background-color:#f6f6f6;}
.coremenu::-webkit-scrollbar-track{ border-radius:0px; background-color:#f6f6f6;}
.coremenu::-webkit-scrollbar-thumb{ border-radius:0px; background-color:#999;}
/*菜单容器*/
.tabcore{ height:100%;}
.tabcore .el-tabs__header{ margin-right:0 !important; background:rgba(0,0,0,0.2);}
.tabcore .el-tabs__item{ width:70px; height:auto; padding:0 0;}
.tabcore .el-tabs__item.is-active{ background:rgba(0,0,0,0.2);}
.tabcore .el-tabs__nav-wrap::after{ background-color:transparent;}
.tabcore .el-tabs__active-bar{ background:rgba(255,255,255,0.5);}
.tabcore .el-menu-item:focus,.tabcore .el-menu-item:hover{ background:rgba(0,0,0,0.2) !important;}
.tabcore .el-menu-item:not(.is-disabled):focus,.tabcore .el-menu-item:not(.is-disabled):hover{ background:rgba(0,0,0,0.2) !important;}
.tabcore .el-tabs__content{ max-height:100%; overflow-y:scroll;}

/*第1级*/
.menu_one{ padding:10px 0; overflow:hidden; text-align:center; color:#fff;}
.menu_one i{ height:40px; line-height:40px; display:block; overflow:hidden; font-size:25px; font-weight:lighter !important;}
.menu_one p{ line-height:20px; display:block; overflow:hidden; font-size:13px; white-space:normal; word-wrap:break-word;}
/*第2级*/
.menu_two{ background-color:transparent !important;}
.menu_two .el-menu{ background-color:transparent !important;}
.menu_two .el-submenu__title{ height:40px; line-height:20px; padding:10px 0 10px 5px !important; background:rgba(255,255,255,0.1);}
.menu_two .el-submenu__title:hover{ background:rgba(255,255,255,0.1);}
.menu_two .el-submenu__title b{ float:left; width:40px; line-height:20px; display:block; overflow:hidden; text-align:center; margin:0 !important;}
.menu_two .el-submenu__title span{ display:block; overflow:hidden; font-weight:bold;}
.menu_two .el-submenu__title i{ line-height:20px; color:#fafafa; top:9px; right:8px; margin-top:0 !important;}
/*第3级*/
.menu_three{ height:auto !important; line-height:20px !important; padding:10px 0 10px 5px !important; white-space:normal; word-wrap:break-word;}
.menu_three b{ float:left; width:40px; line-height:20px; display:block; overflow:hidden; text-align:center; margin:0 !important; font-weight:lighter;}
.menu_three span{ display:block; overflow:hidden;}
/*二级菜单*/
.menu_two2{ background-color:transparent !important;}
.menu_two2 .el-menu-item{ background-color:transparent !important; height:45px; line-height:45px; padding:0 0 0 12px !important;}
.menu_two2 .el-menu-item i{ float:left; height:45px; line-height:45px;}
.menu_two2 .el-menu-item span{ float:left;}

/*面包屑*/
.corebread{ float:left; padding:0 0 0 15px; line-height:60px;}
.corebread .el-breadcrumb__item{ line-height:60px;}

/*头部菜单*/
.corehead{ float:right; height:60px; line-height:60px;}
.corehead .el-avatar{ float:left; margin:16px 5px 0 0; color:#666;}
.corehead .name{ float:left; line-height:60px; color:#666; font-size:15px;}
.corehead .btn{ float:left; padding:0 10px; line-height:60px; margin-right:5px;}
.corehead .btn:hover{ background:#f5f5f5;}
.corehead .btn .iconfont{ float:left; font-size:20px; margin:0 3px 0 0;}

/*正文*/
.el-main{ height:calc(100vh - 60px); padding:10px 0 0 0; border-top:1px solid #eee; position:relative;}
.coretags{ height:32px; width:calc(100% - 20px); margin:0 auto; z-index:100;}
.coretags .btns{ height:32px; overflow:hidden; padding:0 0 0 10px;}
.coretags .btns:hover{ height:auto; background:#fbfbfb;}
.coretags .btns:hover .btn{ margin-bottom:5px;}
.coretags .btn{ margin-right:5px; cursor:pointer;}
.coremain{ width:100%; height:calc(100% - 53px); overflow:hidden; background:#fff; margin-top:10px; border-top:1px solid #eee; position:absolute; right:0; bottom:0; z-index:1;}
.coremain.on{ z-index:2;}
.coreiframe{ width:100%; height:100%;}

/*字段*/
.fieldlist{ overflow:hidden;}
.fieldlist .item{ float:left; width:129px; overflow:hidden; margin:0 5px 5px 0; padding:5px 0 0 0; border-radius:3px; background:#409EFF; color:#fff;}
.fieldlist .item p{ height:20px; line-height:20px; display:block; overflow:hidden; font-size:13px; margin:0; user-select:none; cursor:pointer; text-align:center;}
.fieldlist .item span{ height:20px; line-height:20px; display:block; overflow:hidden; font-size:12px; margin:0; user-select:none; cursor:pointer; text-align:center;}
.fieldlist .item em{ height:20px; line-height:20px; display:block; overflow:hidden; font-size:10px; margin:0; user-select:none; cursor:pointer; text-align:center;}
.fieldlist .item a{ float:left; width:33.33%; height:25px; line-height:25px; display:block; overflow:hidden; text-align:center; font-size:15px; margin-top:5px;}
.fieldlist .item .a1{ background:#53a8ff;}
.fieldlist .item .a2{ background:#a0cfff;}
.fieldlist .item .a3{ background:#d9ecff; float:none; width:auto;}
.fieldlist.fie1 .item{ background:#67C23A;}
.fieldlist.fie1 .item .a1{ background:#77d04b;}
.fieldlist.fie1 .item .a2{ background:#9de27a;}
.fieldlist.fie1 .item .a3{ background:#e1f3d8;}
.fieldlist.fie2 .item{ background:#F56C6C;}
.fieldlist.fie2 .item .a1{ background:#f67676;}
.fieldlist.fie2 .item .a2{ background:#fa9f9f;}
.fieldlist.fie2 .item .a3{ background:#fde2e2;}
.fieldlist.fie3 .item{ background:#E6A23C;}
.fieldlist.fie3 .item .a1{ background:#ecaa46;}
.fieldlist.fie3 .item .a2{ background:#fac77a;}
.fieldlist.fie3 .item .a3{ background:#faecd8;}
.fieldlist.fie4 .item{ background:#909399;}
.fieldlist.fie4 .item .a1{ background:#9b9da2;}
.fieldlist.fie4 .item .a2{ background:#c2c2c2;}
.fieldlist.fie4 .item .a3{ background:#dddddd;}

/*栏目界面-字段容器*/
.colsetflist{ height:calc(100vh - 30px); margin-bottom:5px; overflow-y:scroll;}
.colsetflist .el-card__body{ padding-top:0;}
.colsetfield{ overflow:hidden; min-height:20px;}
.colsetfield .el-button{ margin:0 5px 5px 0 !important; padding:7px 8px 7px 7px;}

/*表单设计*/
._dataform{ height:calc(100vh - 128px); overflow-y:scroll;}
._viewform{ height:calc(100vh - 128px); overflow-y:scroll;}
.setformitem{ position:relative; overflow:hidden; cursor:pointer;}
.setformitem .el-form-item{ margin-bottom:15px;}
.setformitem .ibtns{ width:100%; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:100; text-align:center; background:rgba(64,158,255,0.5); box-sizing:border-box;
border-bottom:15px solid #fff; border-radius:3px; display:none; cursor:pointer;}
.setformitem .ibtns i{ width:40px; height:100%; line-height:36px; color:#fff; font-size:20px; cursor:pointer;}
.setformitem .ibtns i:hover{ color:#fdffea;}
.setformitem:hover .ibtns{ display:block;}

/*栏目设计保存按钮*/
.colsetsave{ width:100px; position:fixed; left:8px; bottom:10px; z-index:200;}
.colsetsave .el-button{ margin:5px 0 0 0 !important;}

/*验收提示*/
.erptips{ width:100%; height:59px; line-height:59px; overflow:hidden; color:#293b48; text-align:center; position:fixed; left:0; top:0; z-index:1000;
animation: color 1s ease infinite alternate; font-size:16px; font-weight:bold; background-color:rgba(255,224,1,0.9);}
.erptips .el-icon-close{ float:right; width:59px; height:59px; line-height:59px; display:block; overflow:hidden; font-size:30px; color:#485f70; font-weight:bold; cursor:pointer;}
@-webkit-keyframes color{
	from{ background-color:rgba(255,224,1,0.9); }
	to{ background-color:rgba(252,237,131,0.5); }
}
/*#endregion */


/*#region ***********UI元素优化************/
/*去除点击元素后出现的边框*/
.el-drawer{ outline:none;}
.el-drawer__header{ outline:none; padding:15px 10px 0 20px; margin-bottom:15px; height:20px; line-height:20px;}
.el-drawer__header span{ outline:none;}

/*按钮间隔*/
.el-button+.el-button{ margin-left:0px;}

/*上传图片大小*/
.el-upload-list--picture-card .el-upload-list__item-thumbnail{ max-width:100%; max-height:100%; width:auto; height:auto; display:block;
position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

/*文字自动换行*/
.el-timeline-item__content{ word-wrap:break-word;}

/*抽屉*/
.el-drawer__body{ border-top:1px solid #eee;}

/*选项卡*/
.el-tabs .el-tabs__header{ margin:0 0 10px 0;}
.coretab{}
.coretab .el-tabs__active-bar{ padding:0 20px; left:-20px;}
.coretab .el-tabs__item{ padding:0 20px !important;}
.coretab .el-badge__content{ right:0; top:15px;}

/*关闭按钮*/
.el-image-viewer__close i{ color:#fff !important;}

/*字体大小*/
.el-table thead{ color:#333;}
.el-table--mini, .el-table--small, .el-table__expand-icon{ font-size:13px;}
.el-button--mini, .el-button--small{ font-size:13px;}
.el-tag{ font-size:13px;}
.el-tabs__item.is-active{ font-weight:bold;}
.el-radio-button--small .el-radio-button__inner{ font-size:13px;}

/*缩窄选项卡内边距*/
.card10 .el-card__body{ padding:10px;}
.cardtips{ font-size:12px; line-height:25px; height:25px; padding:0 10px; display:block; overflow:hidden; color:#FF8614;}

/*整页表单卡片*/
.cardform{ height:calc(100vh - 150px); overflow-y:scroll; overflow-x:hidden;}

/*通知窗口样式宽度自适应*/
.el-notification{ width:auto; max-width:330px;}

.el-form-item{ margin-bottom:18px;}

/*极小按钮*/
.el-button--mini.mini2{ padding:6px 8px 5px 8px;}
/*#endregion */


/*#region ***********表格优化************/
/*表格*/
.eltable{ width:100%; margin-bottom:7px; overflow:visible !important;}
.eltable.form .el-table__header th{ background:#fbf9f5 !important;}
.eltable .el-input-number{ max-width:100%;}
.eltable .el-table__expanded-cell{ padding:0 230px 1px 120px;}
.tablebtns .el-button--mini{ padding:4px 5px 3px 5px;}
.tablebtns .el-button+.el-button { margin-left: 0px;}
.eltable .has-gutter th .cell{ word-break:normal;}

.el-table th{ user-select:text !important;}

/*行中按钮*/
.rowbtns{ overflow:hidden; padding-left:60px;}
.rowbtns .el-button{ float:left; padding:4px 5px 3px 5px; margin:0 0 2px 2px;}
.rowbtns .margin{ margin-left:10px;}

/*表格展开行*/
.tableexpand { font-size: 0;}
.tableexpand label { float:left !important; width:100px; color:#99a9bf;}
.tableexpand .el-form-item { margin-right:0; margin-bottom:0; width:50%;}
.tableexpand .el-form-item__content{ display:block; overflow:hidden; word-wrap:break-word !important;}

/*表格-文本框*/
.el-table__row .el-input .el-input__inner{ padding:0 8px;}
.el-table__row .el-date-editor{ max-width:100%;}
.el-table__row .el-date-editor .el-input__inner{ padding:0 30px;}
.el-table__row img{ max-width:200px; max-height:100px;}

/*表格-图片*/
.tableimg{ width:23px; height:23px; display:block; margin:0 auto;}
.tableimgbtn{ float:left; width:23px; height:23px; display:block; margin:0 5px 0 0;}

/*排序的点点*/
.caret-wrapper{ height:23px !important;}
.caret-wrapper .ascending{ top:0 !important;}
.caret-wrapper .descending{ bottom:0 !important;}

/*颜色块*/
.listcolor{ width:100%; height:23px; display:block; overflow:hidden; border-radius:3px; cursor:pointer;}

/*右键菜单*/
.functionright{ position:fixed; left:0; top:0; z-index:10;}
.functionright .btn{ width:50px; height:20px; overflow:hidden;}

/*父子表格*/
.tablepar .el-table__header th{ background:#e5f7fe !important;}
.tablepar .el-table__expanded-cell{ padding:0 0 0 0;}
.tablepar .tablebox{ padding:0 0 5px 65px; overflow:hidden;}
.tablepar .tablechild{ width:100%; border-bottom:1px solid #b8d1ab; border-left:1px solid #b8d1ab;}
.tablepar .tablechild .el-table__header th{ background:#f2fbed !important;}
.tablepar th>.cell{ display:block;}

/*子表格*/
.tablechild{ overflow:hidden; border-left:2px solid #67C23A;}
.tablechild .el-table__header th{ background:#f2fbed !important;}

/*加粗表格*/
.tablebold{ border-color:#000; border-bottom:1px solid #000; border-right:1px solid #000;}
.tablebold td,.tablebold th{ border-color:#000 !important;}

/*disabled*/
.el-input.is-disabled .el-input__inner{ color:#888;}
.el-textarea.is-disabled .el-textarea__inner{ color:#888;}
.el-radio-button__orig-radio:disabled+.el-radio-button__inner{ color:#888;}
/*#endregion */


/*#region ***********表单优化************/
/*页面提示*/
.eletip{ padding:15px 15px; line-height:20px; display:block; background:#ecf8ff; border-radius:4px; border-left:5px solid #50bfff; margin:0 0 10px 0; font-size:13px;}

/*表单下的提示语*/
.el-form-item .tips{ line-height:15px; padding:5px 0; display:block; overflow:hidden; font-size:12px; color:#FF8614;}

/*评分*/
.el-form-item .el-rate{ margin-top:8px;}

/*查看信息*/
.el-form-item__label{ line-height:16px !important; padding-top:10px !important; padding-bottom:10px !important; word-break:normal;}
.viewform{ min-height:35px; overflow:hidden; border-left:1px solid #eee; border-bottom:1px solid #eee; background:#fff;}
.viewform .text{ line-height:25px; padding:5px 10px; display:block; overflow:hidden; font-size:13px; color:#666; white-space:normal;}
.viewform .btn{ float:left; line-height:15px; padding:5px 12px; margin:5px 0 5px 10px; display:inline-block; overflow:hidden; background:#67C23A; color:#fff; font-size:13px; border-radius:3px; word-break:break-all;}
.viewform .btn.btn0{ background:#aaaaaa;}
.viewform .btn.btn1{ background:#67C23A;}
.viewform .btn.btn2{ background:#409EFF;}
.viewform .btn.btn3{ background:#E6A23C;}
.viewform .btn.btn4{ background:#c8009b;}
.viewform .btn.btn5{ background:#009873;}
.viewform .btn.btn6{ background:#6700b7;}

.viewform .el-image{ float:left; margin:5px 0 5px 10px;}
.viewform .el-link{ float:left; line-height:25px; margin:5px 10px; font-size:13px;}

.viewform2{ overflow:hidden; text-align:center;}
.viewform2 .text{ line-height:25px; padding:5px 10px; display:block; overflow:hidden; font-size:13px; color:#666; white-space:normal;}
.viewform2 .btn{ line-height:15px; padding:5px 5px; margin:2px 3px; display:block; overflow:hidden; background:#67C23A; color:#fff; font-size:13px; border-radius:3px; word-break:break-all;}

/*划线分割*/
.formline{ height:1px; width:100%; margin-bottom:10px; overflow:hidden; background:#daeafb; clear:both;*zoom:1}
.formline:after{content:'\20';clear:both;*zoom:1;display:block;height:0;}

/*颜色选择器*/
.el-form-item .el-color-picker{ float:left;}

/*时间范围选择器*/
.el-form-item .el-date-editor{ max-width:100%;}

/*区间选择器*/
.el-form-item .el-slider{ padding:0 10px;}

/*数字选择器*/
.el-form-item .el-input-number{ max-width:100%;}

/*表单容器*/
.formtitle{ overflow:hidden; border-bottom:1px solid #eee; padding:0 0 10px 0; background:#fff;}
.formpage{ padding:0 5px; height:calc(100vh - 65px); overflow-y:scroll; background:#fff;}
.formbox{ padding:10px 5px 0 5px; height:calc(100vh - 110px); overflow-y:scroll; background:#fff;}
.formbtn{ width:100%; overflow:hidden; padding:10px 10px 0 10px; text-align:center; border-top:1px solid #eee; box-sizing:border-box;}
.formbtn .el-button+.el-button{ margin-left:5px;}
.pagefoot{ width:100%; height:55px; overflow:hidden; padding:10px 10px 0 10px; text-align:center; border-top:1px solid #eee; box-sizing:border-box; background:#fff; position:fixed; left:0; bottom:0; z-index:100;}
.pagefoot .el-button+.el-button{ margin-left:5px;}

/*标题*/
.el-form-item__label{ padding:0 10px; max-width:120px; font-weight:bold;}

/*级联组件*/
.el-cascader-panel.long .el-cascader-menu__wrap{ height:calc(100vh - 120px);}

/*加长联动选项*/
.longselect{ display:block;}
.longselect .el-select__tags{ max-width:100% !important;}

/*修复修复*/
.el-range-editor--medium.el-input__inner{ height:36.23px;}

/*滑块高度*/
.el-slider__runway{ margin:15px 0;}
.el-slider__stop{ background-color:#eee;}

/*#endregion */


/*#region ***********搜索元素************/
/*搜索、组件容器*/
.rowbox{ margin-bottom:10px; border-bottom:1px solid #ddd;}

/*横向表单，搜索*/
.forminline .el-form-item{ margin-bottom:10px;}
/*#endregion */


/*#region ***********自定义元素************/
/*颜色*/
.color_blue{ color:#409EFF !important;}
.color_green{ color:#67C23A !important;}
.color_yello{ color:#E6A23C !important;}
.color_red{ color:#F56C6C !important;}
.color_huilan{ color:#5884a3 !important;}
.color_qhui{ color:#eeeeee !important;}

/*绑定值组件*/
.binditem{ overflow:hidden;}
.binditem .item{ float:left; line-height:12px; padding:4px 8px; margin:0 5px 1px 0; display:inline-block; overflow:hidden; background:#f8fff5; border:1px solid #67C23A; color:#67C23A; font-size:13px; border-radius:3px; word-break:break-all;}
.binditem .item0{ background:#fafafa; border:1px solid #888888; color:#888888;}
.binditem .item1{ background:#f8fff5; border:1px solid #67C23A; color:#67C23A;}
.binditem .item2{ background:#f5fcff; border:1px solid #409EFF; color:#409EFF;}
.binditem .item3{ background:#fffcf2; border:1px solid #E6A23C; color:#E6A23C;}
.binditem .item4{ background:#ffe9fa; border:1px solid #c8009b; color:#c8009b;}
.binditem .item5{ background:#e6fdf7; border:1px solid #009873; color:#009873;}
.binditem .item6{ background:#f8f0fe; border:1px solid #6700b7; color:#6700b7;}
.binditem .item7{ background:#fff1f1; border:1px solid #F56C6C; color:#F56C6C;}

/*绑定值组件*/
.listitem{ height:22px; line-height:22px; display:block; overflow:hidden; text-align:center;}
.listitem .item{ line-height:12px; padding:4px 8px; margin:0 2px; display:inline-block; overflow:hidden; background:#f8fff5; border:1px solid #67C23A; color:#67C23A; font-size:13px; border-radius:3px; word-break:break-all;}
.listitem .item0{ background:#fafafa; border:1px solid #888888; color:#888888;}
.listitem .item1{ background:#f8fff5; border:1px solid #67C23A; color:#67C23A;}
.listitem .item2{ background:#f5fcff; border:1px solid #409EFF; color:#409EFF;}
.listitem .item3{ background:#fffcf2; border:1px solid #E6A23C; color:#E6A23C;}
.listitem .item4{ background:#ffe9fa; border:1px solid #c8009b; color:#c8009b;}
.listitem .item5{ background:#e6fdf7; border:1px solid #009873; color:#009873;}
.listitem .item6{ background:#f8f0fe; border:1px solid #6700b7; color:#6700b7;}
.listitem .item7{ background:#fff1f1; border:1px solid #F56C6C; color:#F56C6C;}

/*上传组件*/
.el-upload-list__item {transition: none !important;}

.uploadimg{ overflow:hidden; min-height:148px;}
.uploadimg .el-icon-upload{ height:50px; line-height:50px; margin:0px auto 0 auto; display:block; overflow:hidden; text-align:center; font-size:50px;}
	.uploadimg .el-upload-dragger {
		width: 100%;
		height: 50px;
		
		overflow: inherit;
	}
.uplibrary {
width:100%;
}
	.librarydialog .el-dialog__body {
		padding: 0px 10px !important;
	}
.librarydialog .btn {
	padding-top:5px;
	border-top:1px solid #dedede;
	display: inline-block;
	width: 100%;
	text-align: center;
	height: 40px;
}
.uploadimg .el-upload--picture-card {
	border: 0px dashed #c0ccda;
	line-height: 50px;
}
	.uploadfile {
		overflow: hidden;
	}
.uploadfile .el-icon-upload{ height:40px; line-height:40px; margin:0 10px 0 0; display:block; overflow:hidden; text-align:center; font-size:40px;}
.uploadfile .el-upload-dragger{ width:100%; height:60px; padding:10px 15px;}
.uploadfile .el-upload{ display:block;}

.uploadfiletab .el-icon-upload{ height:20px; line-height:20px; margin:0 0 0 0; display:block; overflow:hidden; text-align:center; font-size:20px;}
.uploadfiletab .el-upload-dragger{ width:100%; height:30px; padding:5px 10px;}
.uploadfiletab .el-upload{ display:block;}
.uploadfiletab .el-upload-list__item:first-child{ margin-top:0;}

/*表格上传组件*/
.tableupload{ height:28px; overflow:hidden; position:relative;}
.tableupload .el-upload{ height:28px; overflow:hidden; margin:0 auto;}
.tableupload .el-image{ width:28px; height:28px;}

/*规格表单中的表格*/
.specbox{}
.specbox .el-table__header th{ background:#fbf9f5 !important;}
.specbox .eltable div.cell{ display:block !important;}
.viewtable{ overflow:hidden; padding:0 0 0 7px;}
.viewtable .el-table__header th{ background:#eef8ff !important;}
.viewtable div.cell{ display:block !important; line-height:16px;}

/*产品窗口*/
.prodialog{}
.prodialog .el-dialog__body{ padding:10px 20px 20px 20px; position:relative;}
.prodialog .savebtn{ position:absolute; right:20px; bottom:20px; z-index:10;}
.input-with-select{ margin-bottom:10px;}
.input-with-select .el-input-group__prepend{ width:200px; padding:0; background:#fff; border:0 none; box-sizing:border-box;}
.input-with-select .el-cascader{ border:0 none;}

/*标签容器高度*/
.paneheight{ overflow-y:scroll; height:calc(100vh - 125px);}

/*筛选树*/
.treetab{ float:left; width:200px; height:calc(100vh - 20px); margin:0 10px 0 0; overflow:hidden; box-sizing:border-box;}
.treetab_top{ width:100%; height:38px; overflow:hidden; text-align:center; border-bottom:1px solid #eee;}
.treetab_top .el-button-group{ width:100%;}
.treetab_top .el-button{ width:50%;}
.treetab_body{ height:calc(100vh - 60px); padding:7px 0; overflow:hidden; overflow-y:scroll; box-sizing:border-box; border:1px solid #eee;}

/*展示搜索*/
.searchshow{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #eee; margin-bottom:10px;}
.searchshow .el-form-item{ margin-bottom:5px;}

/*副标题*/
.el-form-item__content .entitle{ width:120px; line-height:15px; display:block; overflow:hidden; position:absolute; left:-130px; top:28px; z-index:10; text-align:right; color:#999; font-size:10px;}
/*#endregion */


/*#region ***********用户后台页面************/
.listtoux{ position:absolute; left:10px; top:5px; z-index:10;}
.viewmsg{ height:calc(100vh - 70px); padding:10px 15px; overflow:hidden; overflow-y:scroll; font-size:14px; color:#333; line-height:250%;}
.viewmsg p{ line-height:170%; padding-bottom:10px;}
.viewmsg img{ max-width:100%;}

/*菜单*/
.cen_meun{ padding:10px 0 0 10px; margin:0; overflow:hidden;}
.cen_meun .item{ float:left; width:80px; overflow:hidden; text-align:center; margin:0 15px 15px 0; padding:5px 0 10px 0; border-radius:5px; cursor:pointer; border:1px solid #fff; position:relative;}
.cen_meun .item:hover{ background:rgba(210, 232, 255, 0.4); border:1px solid rgba(210, 232, 255);}
.cen_meun i{ height:60px; line-height:60px; display:block; overflow:hidden; text-align:center; font-size:40px; color:#409EFF;}
.cen_meun p{ height:20px; line-height:20px; display:block; overflow:hidden; text-align:center; font-size:12px; color:#666;}
.cen_meun b{ width:15px; height:15px; line-height:15px; display:block; overflow:hidden; border-radius:100%; font-size:14px; text-align:center; position:absolute; left:50%; top:6px; z-index:100; margin-left:13px; font-weight:lighter;}
.cen_meun .item:nth-child(10n+1) .iconfont{ color: #f9ca24;}
.cen_meun .item:nth-child(10n+2) .iconfont{ color: #f0932b;}
.cen_meun .item:nth-child(10n+3) .iconfont{ color: #eb4d4b;}
.cen_meun .item:nth-child(10n+4) .iconfont{ color: #6ab04c;}
.cen_meun .item:nth-child(10n+5) .iconfont{ color: #409EFF;}
.cen_meun .item:nth-child(10n+6) .iconfont{ color: #22a6b3;}
.cen_meun .item:nth-child(10n+7) .iconfont{ color: #be2edd;}
.cen_meun .item:nth-child(10n+8) .iconfont{ color: #4834d4;}
.cen_meun .item:nth-child(10n+9) .iconfont{ color: #535c68;}
.cen_meun .item:nth-child(10n+10) .iconfont{ color: #95afc0;}
.cen_meun .item .icon-guanbi{ color: #ff0101 !important;}
.cen_meun .item .icon-wuuiconxiangjifangda{ color: #078afc !important;}

/*方块*/
.cen_count{ padding:0 10px 10px 10px; overflow:hidden;}
.cen_count .item{ padding:10px 0 5px 0; overflow:hidden; text-align:center; border-bottom:5px solid #000;}
.cen_count .item p{ height:30px; line-height:30px; display:block; overflow:hidden; text-align:center; font-size:20px; color:#333; font-weight:bold;}
.cen_count .item span{ height:25px; line-height:25px; display:block; overflow:hidden; text-align:center; font-size:14px; color:#999;}
.cen_count .el-col:nth-child(10n+1) .item{ border-bottom:5px solid #f9ca24;}
.cen_count .el-col:nth-child(10n+2) .item{ border-bottom:5px solid #f0932b;}
.cen_count .el-col:nth-child(10n+3) .item{ border-bottom:5px solid #eb4d4b;}
.cen_count .el-col:nth-child(10n+4) .item{ border-bottom:5px solid #6ab04c;}
.cen_count .el-col:nth-child(10n+5) .item{ border-bottom:5px solid #409EFF;}
.cen_count .el-col:nth-child(10n+6) .item{ border-bottom:5px solid #22a6b3;}
.cen_count .el-col:nth-child(10n+7) .item{ border-bottom:5px solid #be2edd;}
.cen_count .el-col:nth-child(10n+8) .item{ border-bottom:5px solid #4834d4;}
.cen_count .el-col:nth-child(10n+9) .item{ border-bottom:5px solid #535c68;}
.cen_count .el-col:nth-child(10n+10) .item{ border-bottom:5px solid #95afc0;}

/*独立权限*/
.alonebtn{ width:150px; overflow:hidden; position:fixed; right:5px; bottom:5px; z-index:600; text-align:center;}
.alonedialog{}
/*.alonedialog .el-checkbox-group{ padding:0 0 30px 20px;}
.alonedialog .el-checkbox{ margin-top:15px;}
.alonedialog .el-radio-group{ padding:0 0 0 20px;}
.alonedialog .el-radio{ margin-bottom:15px;}*/

.modulerow{ overflow:hidden;}
.moduleleft{ width:100%; overflow:hidden;}
.moduleleft .el-checkbox{ width:90%; background:#fff;}
.moduleleft .el-checkbox:hover{ border:1px solid #409EFF;}
.moduleleft .el-checkbox:hover .el-checkbox__label{ color:#409EFF;}
.moduleleft .is-checked .el-checkbox__label{ font-weight:bold;}
.moduleright{ overflow:hidden;}
.moduleright .el-checkbox{ margin:0 10px 2px 0 !important; background:#fff;}
.moduleright .el-checkbox:hover{ border:1px solid #409EFF;}
.moduleright .el-checkbox:hover .el-checkbox__label{ color:#409EFF;}
.moduleright .is-checked .el-checkbox__label{ font-weight:bold;}

.modulerow{ overflow:hidden;}
.moduletitle{ overflow:hidden;}
.moduletitle .el-checkbox{ margin-top:0 !important;}
.moduletitle .el-checkbox:hover{ border:1px solid #409EFF;}
.moduletitle .el-checkbox:hover .el-checkbox__label{ color:#409EFF;}
.moduletitle .is-checked .el-checkbox__label{ font-weight:bold;}
.moduleconts{ overflow:hidden; padding:0 0 10px 10px;}
.moduleconts .el-checkbox{ margin:0 10px 10px 0 !important;}
.moduleconts .el-checkbox:hover{ border:1px solid #409EFF;}
.moduleconts .el-checkbox:hover .el-checkbox__label{ color:#409EFF;}
.moduleconts .is-checked .el-checkbox__label{ font-weight:bold;}
/*#endregion */


/*#region ***********文档列表************/
.doclist{ overflow:hidden;}
.doclist .item{ float:left; width:100px; height:105px; padding:5px 0 0 0; margin:0 10px 0 0;}
.doclist .item:hover{ background:#f7f7f7; border-radius:3px; cursor:pointer;}
.doclist .item .img{ width:70px; height:70px; display:block; overflow:hidden; margin:0 15px; background-image:url(/scripts/img/file-icons.png);}
.doclist .item .name{ width:100px; height:30px; line-height:30px; display:block; overflow:hidden; padding:0 0 5px 0; font-size:13px; color:#666; text-align:center;}

.doclist .fico0{ background-position:-1120px center;}
.doclist .fico1{ background-position:-3px center;}
.doclist .fico2{ background-position:-73px center;}
.doclist .fico3{ background-position:-143px center;}
.doclist .fico4{ background-position:-213px center;}
.doclist .fico5{ background-position:-278px -2px;}
.doclist .fico6{ background-position:-355px center;}
.doclist .fico7{ background-position:-424px center;}
.doclist .fico8{ background-position:-494px center;}
.doclist .fico9{ background-position:-563px center;}
.doclist .fico10{ background-position:-633px center;}
.doclist .fico11{ background-position:-703px center;}
.doclist .fico12{ background-position:-772px center;}
.doclist .fico13{ background-position:-841px center;}
.doclist .fico14{ background-position:-912px center;}
.doclist .fico15{ background-position:-981px center;}
.doclist .fico16{ background-position:-1050px center;}

.docinfo {width: 1200px;max-width: 100%;overflow: hidden;padding: 20px 10px 70px 10px;box-sizing: border-box;margin: 0 auto;font-size: 15px;color: #333;line-height: 250%;}
.docinfo p {line-height: 170%;padding-bottom: 10px;}
.docinfo img {max-width: 100%;}
/*#endregion */


/*#region ***********流程图************/
.echartmain { float:left; width:50%; max-height:1000px; height:calc(100vh - 20px); overflow:hidden;}
.echartform{ height:calc(100vh - 20px); overflow:hidden; overflow-y:scroll; padding:0 5px 0 10px;}

.processitem{ height:21px; line-height:21px; padding:0 10px;}

.propitem { overflow:hidden; height:100px; padding:15px 15px 15px 15px; margin-bottom:10px; position:relative; background:#f3f3f3; border-radius:5px; text-align:center; cursor:pointer;}
.propitem.on{ background:#ffebce;}
.propitem .img{ float:left; width:100px; height:100px; display:block; margin:0 15px 0 0;}
.propitem .name { line-height:30px; height:30px; display:block; overflow:hidden; font-size:16px; color:#000; font-weight:bold; margin-bottom:5px;}
.propitem .remark { line-height:20px; display:block; overflow:hidden; font-size:13px; color:#666;}

.formt .el-table__expanded-cell{ padding-right:0 !important;}

.processlog{}
.processlog img{ max-width:50%; max-height:100px; margin-right:2px;}
/*#endregion */


/*#region ***********条形码************/
.barcodelist{ padding:30px 30px 10px 30px; margin-bottom:10px; height:calc(100vh - 105px); overflow:hidden; overflow-y:scroll; border:1px solid #ddd; box-sizing:border-box;}
.barcodelist .item{ float:left; height:120px; overflow:hidden; padding:0 30px 20px 30px;}
.barcodelist canvas{ height:50px;}
.barcodelist .name{ line-height:20px; display:block; overflow:hidden; text-align:center; font-size:14px; color:#000;}
.barcodelist .code{ line-height:20px; display:block; overflow:hidden; text-align:center; font-size:14px; color:#999;}

.barcodelong{ width:250px; overflow:hidden; display:none; margin:0 auto;}
.barcodelong .item{ height:110px; overflow:hidden;}
.barcodelong canvas{ height:50px; margin:0 auto;}
.barcodelong .name{ line-height:20px; display:block; overflow:hidden; text-align:center; font-size:15px; color:#000;}
.barcodelong .code{ line-height:20px; display:block; overflow:hidden; text-align:center; font-size:15px; color:#000;}
/*#endregion */


/*#region ***********流程图************/
/*配置界面*/
.spicard{ height:calc(100vh - 75px); overflow-y:scroll; overflow-x:hidden;}
.spiechart{ float:left; width:100%; max-height:1000px; height:calc(100vh - 155px); overflow:hidden; background:#fafafa;}

/*评论*/
.spi_pinglun{ overflow:hidden; overflow-y:scroll; height:407px;}
.spi_pinglun .item{ overflow:hidden; padding:15px 0; border-bottom:1px dashed #ddd;}
.spi_pinglun .item:last-child{ border-bottom:0 none;}
.spi_plright{ overflow:hidden; padding:0 0 0 10px;}
.spi_plright .p1{ line-height:25px; display:block; overflow:hidden; font-size:13px;}
.spi_plright .sp1{ float:left; font-size:14px; color:#0073e9; font-weight:bold; margin-right:10px;}
.spi_plright .sp2{ float:left; color:#333; margin-right:10px;}
.spi_plright .sp3{ float:left; height:16px; line-height:16px; padding:0 5px; overflow:hidden; border:1px solid #E6A23C; border-radius:3px; color:#E6A23C; margin:4px 0 0 0;}
.spi_plright .p2{ line-height:25px; font-size:13px; color:#333;}
.spi_plright .p3{ line-height:25px; font-size:13px; color:#999;}
.spi_plright .p4{ line-height:25px; font-size:13px; color:#666;}

/*二三级表格*/
.spichildtable{}
.spichildtable td{ vertical-align:top !important;}

/*选择审批*/
.spiitem{ overflow:hidden; background:#e6f7de; margin:0 10px 10px 0; padding:10px 12px; border-radius:5px; -webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / 30%); position:relative;}
.spiitem p{ font-size:15px; line-height:20px; min-height:60px; font-weight:bold; padding:0 100px 0 0;}
.spiitem .el-button{ position:absolute; right:10px; bottom:10px; z-index:100;}

/*表单配置的预览表单*/
.spiformitem{ position:relative; border:2px solid #fff; padding:0 0 15px 0; border-radius:4px;}
.spiformitem:hover{ border:2px solid #fff; background-color:rgba(255,203,102,0.1);}
.spiformitem.on{ border:2px solid #ffcb66; background-color:rgba(255,203,102,0.1);}
.spiformitem .el-form-item{ margin-bottom:5px;}
.spiformitem .ibtns{ width:100%; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:100; box-sizing:border-box; display:none; cursor:move;}
.spiformitem:hover .ibtns{ display:block;}
.spiformitem .tips{ line-height:12px; display:block; overflow:hidden; font-size:12px; color:#FF8614; position:absolute; bottom:3px; left:5px; z-index:10;}
.spiformitem .el-form-item__label{ max-width:100%;}

/*审批处理界面*/
.spiform_title{ line-height:60px; text-align:center; font-size:20px; font-weight:bold;}
.spiform_body{ width:1200px; max-width:98%; margin:0 auto; margin-bottom:15px;}
.spiform_body .el-card__body{ padding:20px 20px 10px 20px;}
.spiform_form{ position:relative; padding:0 0 15px 0;}
.spiform_form .el-form-item{ margin-bottom:0px;}
.spiform_form .tips{ line-height:12px; display:block; overflow:hidden; font-size:12px; color:#FF8614; position:absolute; bottom:0px; left:0px; z-index:10;}
.spiform_form .el-form-item__label{ max-width:100%;}
.eltable .spiform_form{ padding: 0 0 0 0;}
/*#endregion */

/*权限管理树结构*/
.treerow{ overflow:hidden; padding:5px 5px 0 5px; border-bottom:1px solid #eee;}
.treerow .el-button{ min-width:100px; padding:5px 10px !important; margin:0 5px 5px 0;}
.btn1_name{ float:left; overflow:hidden;}
.btn2_name{ float:left; overflow:hidden;}
.roletable .el-table__expanded-cell{ padding-right:50px !important;}

/*html打印*/
.hptitle{ width:100%; height:100px; overflow:hidden; position:relative;}
.hptitle .logo{ height:50px; position:absolute; left:0; top:25px; z-index:10;}
.hptitle .title{ line-height:100px; font-size:24px; text-align:center;}
.hptitle .bartop{ height:50px; position:absolute; right:0; top:25px; z-index:10;}
.hptext{ font-size:15px; line-height:25px;}
.hptable{ width:100%; margin:10px 0 0 0; border-left:1px solid #000; border-top:1px solid #000; border-collapse:collapse; border-spacing:0;}
.hptable th{ line-height:30px; font-size:14px; text-align:center; border-right:1px solid #000; border-bottom:1px solid #000; border-collapse:collapse; border-spacing:0; font-weight:bold;}
.hptable td{ line-height:30px; font-size:14px; text-align:center; border-right:1px solid #000; border-bottom:1px solid #000; border-collapse:collapse; border-spacing:0;}

/*附件图标*/
.fileimg { width: 21px;height: 17px;padding-left: 3px;position: relative;top: 3px; }

/*文件管理*/
.filemge .upload_ {
	display: inline-block;
	float: left;
}

.filemge .el-container {
    border: 1px solid #DCDFE6;
    height: 500px;
    overflow: hidden;
}

.filemge .el-aside {
    background: #f7f7f7;
    border-right: 1px solid #d3d6da;
    padding-bottom: 20px;
}

	.filemge .el-aside .el-tree {
		background: #f7f7f7;
		color: #000;
	}

.filemge .el-tree-node__content:hover {
	background-color: #ecf5ff;
}

.filemge .el-aside .is-current > .el-tree-node__content {
	background-color: #ecf5ff !important;
}

.filemge .elmain {
	padding: 20px;
}

	.filemge .elmain .el-card {
		height: 215px;
		overflow: hidden;
	}

	.filemge .elmain .image {
		width: 100%;
		height: 130px;
		display: block;
		overflow: hidden;
		text-align: center
	}

		.filemge .elmain .image img {
			width: auto;
			height: 100%;
			vertical-align: middle;
		}

	.filemge .elmain .el-col {
		padding-bottom: 20px;
	}

	.filemge .elmain .fname {
		font-size: 13px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 20px;
		width: 100%;
		word-wrap: break-word;
	}

	.filemge .elmain .time {
		font-size: 12px;
		display: block;
		height: 20px;
		line-height: 20px;
		color: #999;
	}

	.filemge .elmain .size {
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		display: block;
		color: red;
	}

	.filemge .elmain .avction {
		border: 1px solid #409EFF;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(64, 158, 255, 0.1);
	}

		.filemge .elmain .avction::before {
			content: "\2714";
			font-family: 'iconfont';
			position: absolute;
			bottom: 0px;
			right: 0px;
			font-size: 24px;
			color: #409eff;
		}
	.filemge .elmain .el-image-viewer__img {
		width: auto !important;
		height: auto !important
	}
	.filemge .tips

{
	text-align: right;
	height: 50px;
	line-height: 50px;
	color: #d4870b;
}
.filemge .eltag {
	margin:5px;
}