@charset "utf-8";
/* CSS Document */
/* 全部样式 */
body{
	margin:0;
	padding:0;
	color:#000;
	font－size:12px; 
	font-weight: 400; 
	background: #ffffff;
	overflow-x: hidden;
	-webkit-font-smoothing:antialiased;
}
*, body {
    font-family: "Microsoft Yahei","微软雅黑", Arial;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color:transparent;
    text-size-adjust: 100%;
    outline: none;
}
ul{list-style-type:none;list-style-position : outside;margin:0 0 0 0;padding:0 0 0 0;}
li{margin:0 0 0 0;padding:0 0 0 0;}
p{margin:0 0 0 0;padding:0 0 0 0;word-break:break-all; }
img{border:0px;}

input { padding: 0;}
input:-webkit-autofill{
	-webkit-box-shadow:0 0 0 1000px white inset !important;
}
a, a:FOCUS, a:ACTIVE, a:HOVER { text-decoration: none; }
.hide { display: none; }

/*登录*/
#header{width:894px;height:50px; background:url(images/chenk/bg-top.png); border:0px;margin:0 auto;}
#main{ width:894px;height:502px;margin:0 auto;background:#9FB7CF; color:#000000; border-top:1px solid #54779F;border-bottom:1px solid #54779F;}
/* .left{ width:250px; height:500px; float:left; display:block; border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
.center{ width:2px; height:500px;float:left; display:block;background:#54779F; border:1px #FFFFFF solid;}
.right{ width:640px; height:500px;float:left; display:block;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;} */

.table_login{ margin-top:20px;color: #0b395a;}
.table_login th{ text-align:center; font-weight:normal; height:34px; line-height:150%; padding-top:0px;}
.table_login .login_input{width:120px;font-size:12px; line-height:18px;height:18px;border: 1px solid #000000;padding:2px;color: #0b395a; margin-left:6px; margin-bottom:-2px;}
.table_login a:link ,.table_login a:visited{ color: #0b395a;}
.table_login a:hover,.table_login a:active{ color: #FFFFFF;}

.f01{margin:47px 30px 30px 30px;line-height:2em;color:#FFFFFF;}
.f02{margin:47px auto; text-align:center;}
.f03{margin:20px 70px 20px 70px;line-height:2em;color:#FFFFFF;}

.ck-login{
	display:table; 
	_position:relative; 
	overflow:hidden; 
	text-align:center;
	
	background: #FFFFFF url(images/chenk/bg-login.png) no-repeat center 50%;
	height:100%;
	width:100%;
}

.content-login{
	z-index:3;
	text-align: center;
	vertical-align:middle; 
	display:table-cell; 
	_position:absolute; 
	_top:50%;
	
	padding-left:40%;
}

/* 底部样式 */
#footer{ width:894px;height:47px; background:url(images/bottom_bg.jpg) repeat top left; border:0px;margin:0 auto;color:#000000;font-size:12px; line-height:47px; padding:0px;}
#footer a:link ,#footer a:visited{ color: #000000;}
#footer a:hover,#footer a:active{ color: #FF0000;}

/* Header  */
#top{width:100%;height:50px; border:0px;margin:0 auto;}
#mainhead,#headermenu { height: 50px; line-height: 50px; }
#ck_domain_name {
	float: left;
	font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight:580;
	padding: 14px 10px 14px 10px;
}
.ck-north-separator {
	float:left;
	margin: 10px 10px;
	height: 30px;
	border-left: none;
}
.ck-north-right {
	float:left;
	margin: 0px;
    font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;
	font-size: 14px;
    padding: 0 10px;
    margin:0;
    height:49px
}
.ck-north-right .el-button{
	padding:6px 4px;
	font-size: 14px;
    top: 23.5px;
}
/* 内页*/
#container{ width:100%;background:#BCD1E4; height:100%; overflow:hidden; margin:0px; padding:0px;}
#bottom{width:100%;height:47px; background:url(images/bottom_bg.jpg) repeat top left; border:0px;margin:0 auto;color:#000000;font-size:12px; line-height:47px; padding:0px; text-align:center;}
#bottom a:link ,#bottom a:visited{ color:#000000;}
#bottom a:hover,#bottom a:active{ color: #FF0000;}

.pic{ text-align:center;}
.zt{ font-size:12px; color:#6b7277; line-height:25px;}
.sf{font-size:12px; font-weight:bold; color:#0b395a;line-height:25px;}
.table_right_top th{ color:#0b395a; font-size:14px; font-weight:bold; padding-left:12px; line-height:300%; padding-top:12px;}
.table_right_top td{color:#6b7277; font-size:12px;font-weight:bold;  padding-right:12px;}
.print_input{ background:url(images/print.gif) no-repeat; width:90px; height:32px; border:0px;}
.space10{margin-right:10px;}
.view_print_input{background:url(images/view_print.gif) no-repeat; width:90px; height:32px; border:0px;}
#wb{ background:#bcd1e4; height:0px; width:0px; line-height:1px; font-size:1px;}
.table_title{background:#45a3de; font-size:12px;}
.table_title th{ color:#555555; text-align:center; background:url(images/table_title.jpg); height:26px; line-height:26px;}
.table_title .td01{background:#FFFFFF; height:26px; line-height:26px; text-align:center;}
.table_title .td02{background:#f2f2f2;height:26px; line-height:26px; text-align:center;}
.table_title .txt{ text-align:left; padding-left:5px;}
/*下拉菜单*/
.halfmoon{ font-size:12px; font-weight:bold;margin:0px; padding:0px;}
.halfmoon ul{ height:24px; line-height:24px;clear:both;padding:0px;margin:0px 0px 0px 0px;list-style:none;text-align:left;}
.halfmoon li{ float:left;display: block;margin:0; padding-top:6px;}
.halfmoon li a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid gray;
border-bottom: 1px solid gray;
color: black;
font-size: 12px;
background: #BCD1E4 url(images/halfmoontab.gif) top right no-repeat;
}

.halfmoon li a:visited{
color: black;
}

.halfmoon li a:hover, .halfmoon li.selected a{
background-color: #779BBD;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_e{
position:absolute;
top:0;
border: 1px solid #6492BD; /*THEME CHANGE HERE*/
border-width: 0 1px;
font-size:12px;
line-height:24px;
z-index:100;
background: #CDE4FA;
width: 100px;
visibility: hidden;
margin:0px;
padding:0px;
}

.dropmenudiv_e a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #6492BD; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding:2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/
background-color: #F5F5F5;
}
/*lbj*/
.ui-layout-container{
	padding:0px;
}
.ui-layout-pane-center{
	padding:2px;
}
#gbox_modulelist{
	border:0;
}
	
#gview_modulelist .ui-jqgrid-hdiv{
	display:none;
	border:0;
}

#LeftPane-ad{
	background-color: transparent;
	text-align:center;
	display: none;
}

#LeftPane-ad img{
	cursor: pointer;
}
/*blank.jsp for welcome*/
.bg-right-blank{
	display:table; 
	_position:relative; 
	overflow:hidden; 
	text-align:center;
	
	background: #FFFFFF url(images/map.png) no-repeat 50% 50%;
	height:100%;
	width:100%;
}

.bg-right-blank-logo{
	vertical-align:middle; 
	display:/*table-cell*/none; 
	_position:absolute; 
	_top:50%;
}
/*blank.jsp end*/

#LeftPane.ui-widget-content{
	background:#EAEAEA;
	border:none;
	overflow-x:hidden;
	overflow-y:auto;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#gbox_modulelist.ui-widget-content{
	background:#EAEAEA;
}

#LeftPane .ui-jqgrid .ui-jqgrid-bdiv{
    overflow:hidden;
}
#LeftPane .tree-title { 
	font-size: 14px;
	line-height: 40px; 
	height:40px; 
	margin-left: 0; 
	color: #fff;
}
#LeftPane .skin_westlake .tree-title{
	color: #666666;
}
	
.ui-jqgrid-btable {
	width:100%;
}

#modulelist tbody .ui-widget-content{
	color:#FFFFFF;
	background: transparent;
}

#modulelist tbody tr.ui-row-ltr{
	font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
	height:40px;
	background: rgb(92,92,92)
}

#modulelist tbody tr.ui-row-ltr td{
	font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
	height:40px;
	border-top:1px solid #eaeaea;
}


#modulelist tbody tr.ui-state-hover{
	font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
	height:40px;
	background: #d6000f;
}

#modulelist tbody tr.ui-state-highlight{
	font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
	height:40px;
	background: #d6000f;
}

#RightPane {
	overflow: hidden; 
	border: none;
}
#RightPane #tabs.ui-widget-content{
    border:none;
    overflow:hidden;
}

#subtabs.ui-widget-content{
    border:none;
}

#SouthPane.ui-widget-content{
    background: transparent;
    border:none;
}


/*main.jsp*/
.ui-widget{
	font-family:"微软雅黑","Microsoft YaHei",Arial;
	font-size:14px;
}
.ui-tabs{
	padding:0;
}
/*west resizer*/
.ui-layout-toggler-east-closed, .ui-layout-toggler-west-open {
    background: url("./images/chenk/toggle-lt.gif") no-repeat scroll right center transparent;
}
.ui-layout-resizer-west-closed {
    background-color: #DDDDDD;
    border-bottom: 1px solid #667777;
    border-left: 1px solid #667777;
    border-top: 1px solid #667777;
}
.ui-layout-resizer-west-closed:hover {
    background-color: #E6E6E6;
}
.ui-layout-resizer-west-closed:hover .content {
    color: #CC3300;
}
.ui-layout-toggler-west-closed {
    background-color: #EEEEEE;
    border-bottom: 1px solid #667777;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
}
.ui-layout-toggler-west-closed:hover {
    background-color: #F6F6F6;
}
.ui-layout-toggler-west-closed .content {
    color: #003333;
    font-size: 12px !important;
    font-weight: bold;
    padding-right: 1px;
    text-align: center;
    text-transform: uppercase;
}

/*south resizer*/
.ui-layout-toggler-south-open {
    background: url("./images/chenk/toggle-dt.gif") no-repeat scroll right center transparent;
}
.ui-layout-toggler-south-closed {
    background: url("./images/chenk/toggle-ut.gif") no-repeat scroll right center transparent;
}

.ui-layout-resizer-south {    
	background: #FFFFFF url(images/mainbg.png) repeat fixed 0px 0;
}

.ui-jqgrid-rowdelete{
	border: none;
	width: 16px; 
	height: 16px;
	background-image: url(images/grid_del.png);
    background-position: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: transparent;
}
.ui-jqgrid-rowdelete:hover { box-shadow: 1px 1px 1px 1px #aaa; }
.ui-tabs .ui-tabs-hide {display: none;padding-bottom: 0px;}
.ui-tabs-nav li {position: relative;}
.ui-tabs-selected a span {padding-right: 10px;}
.ui-tabs-close {display: none;position: absolute;top: 3px;right: 0px;z-index: 800;width: 16px;height: 14px;font-size: 10px; font-style: normal;cursor: pointer;}
.ui-tabs-selected .ui-tabs-close {display: block;}
.ui-layout-west .ui-jqgrid tr.jqgrow td { border-bottom: 0px none;}
.ui-datepicker {z-index:1200!important;}
.altClass {
    /* background: #fafafa !important; */
}
.ui-state-disabled {
   /*  display: none; disabled tabs don't show up */
} 


.cell-wrapperleaf { cursor: default;}
p.ui-xlgwr .ui-icon{ position:relative; float: left; margin:1.2em 0.5em 0 0.5em; cursor: pointer; z-index:999;}
p.ui-xlgwr{ position:absolute; top:-10px; padding:0; right:0; display:inline;}

/* timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* tabs */
#tabs {    
	width:auto;
	margin:0;
	padding:0;	
	overflow:hidden;
}

/*scrollable tabs css*/
.ui-scrollable-tabs { overflow:hidden; position:relative; width:100%; }

.ui-scrollable-tabs .ui-tabs-nav {
	padding:1px 0 0 1px;
	border-left:none;
	border-right:none;
	padding-top:1px;
	position:relative;
	border-bottom: none;
}


.ui-scrollable-tabs .ui-tabs .ui-tabs-closable li a {
	padding-right:5px;
	height: 35px;
	line-height: 32px;	
}

.ui-scrollable-tabs .ui-tabs-nav-arrows {
	left: 0;
	margin: 0;
	margin:0 5px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 5px;
}

.ui-widget-content {
    border: none;
   /*  border-top: 1px solid #ccc; */
/*     border-right: 1px solid #ccc; */
   /*  border-bottom: 1px solid #ccc; */
    border-radius:0;
}

.ui-tabs .ui-widget-header {
	background:#EEE;
	border: 0;
}

.ui-widget-content .ui-state-default {
    background: none repeat scroll 0 0 #eee;
    border-top:none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #848484;
    font-weight: normal;
}
.ui-state-hover a, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #2f579c;
    font-weight: normal;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #2f579c;
    font-weight: normal;
    border-bottom-width: 4px !important;
}

.ui-tabs .ui-tabs-nav li { 
	height:35px;
	border: none;
	line-height:20px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active, .ui-tabs .ui-tabs-nav li.ui-state-hover { 
	border-bottom-width: 3px !important;
}

/*IE7 fix*/
*:first-child+html .ui-scrollable-tabs .ui-tabs-nav-arrows {
	z-index:1;
}

.ui-scrollable-tabs .ui-tabs .ui-tabs-nav li {
	margin:0 5px;
	height: 30px;
	border-bottom: 2px solid #2f579c;
}

.ui-tabs-nav li .ui-tabs-close {
	float:left;
	margin-top:8px;
	margin-right:4px;
	border:none;
	cursor:pointer;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-next { float:right; background:none; background-color: #2E6E9E; margin-right: -5px;  margin-top: -2px;}

.ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-previous { float:left; background:none; background-color: #2E6E9E; margin-left: -5px;  margin-top: -2px; }

.ui-scrollable-tabs .ui-tabs-nav-arrows li {
    list-style:none;
    position:relative;
    cursor:pointer;
    margin:0;
    padding:0;
	display:none;
	z-index:1;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows li a {
    display: block;
	padding: 0;
}

/* CustomizedFilter  */
.filter-body { overflow: auto; }
.filteritem { padding: 4px; }
.filteritem-select { height:20px; line-height:20px; margin-left:10px; font-size: 12px; min-width:70px; max-width:140px;}
.filteritem-input { height:20px; line-height:20px; margin-left:10px; font-size: 12px;}
.filteritem-del { height:20px; line-height:20px; margin-left:10px; font-size: 12px; color:#f00 !important; }

/* tree */
 ul.ztree {  background: none repeat scroll 0 0 #fff/* #F0F6E4 */;  border: 1px solid #85bee5;  height: 360px;  margin-top: 10px;  overflow: auto;}
.ztree {  color: #333333;   margin: 0;  padding: 5px;}
.window,
.window-shadow {
 position: absolute!important;
      border: none;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); 
}
/*.panel.window {
  position: fixed;
}*/
.tabs-disabled { opacity: 0;}




select[multiple], select[size] {
    height: auto;
    border:1px solid #dcdfe6;
    border-radius: 3px;
}


#mainlogout a, #mainlogout a:hover { color:#fff; }
.radioSpan {
      position: relative;
      background-color: #fff;
      vertical-align: middle;
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
      margin:10px 0;
      padding: 0;
      -moz-border-radius: 5px 5px 5px 5px;
      -webkit-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      display:block;
    }
.gantt-elastic__chart-scroll-container::-webkit-scrollbar {
	-webkit-appearance: auto;
	width: 10px !important;
	height: 10px !important;
	background-color: #eee;
}
.gantt-elastic__chart-scroll-container::-webkit-scrollbar-thumb {
	background-color: #ddd;
	border-radius: 6px;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px !important;
    height: 8px !important;
}
/*正常时候的主干部分*/

::-webkit-scrollbar-track {
  /* background: rgba(0, 0, 0, 0.1); 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: transparent;
    background: transparent; 
    box-shadow: none;
}
/*正常情况下滑块的样式*/

::-webkit-scrollbar-thumb {
 /*  background: rgba(0, 0, 0, 0.5);
 /* background-color: darkgrey;
 /*  outline: 1px solid slategrey; */
 background-color: rgba(0, 0, 0, 0);
 border-radius: 10px;
} 

.ck-scroll-bar::-webkit-scrollbar{
	-webkit-appearance: none;
    width: 8px !important;
    height: 8px !important;
}

/*鼠标悬浮在该类指向的控件上时滑块的样式*/

*:hover::-webkit-scrollbar-thumb {
	background-color: rgba(144,147,153,.3);

}
/*鼠标悬浮在滑块上时滑块的样式*/

::-webkit-scrollbar-thumb:hover {
   background-color: rgba(144,147,153,.5);
}

.img-gray {
/* 	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"/></filter></svg>#grayscale"); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter: gray;
	-webkit-filter: grayscale(1);  */
/*  	-webkit-filter: opacity(80%);
    filter: opacity(80%); */
    -webkit-filter: brightness(0.40);filter: brightness(0.40);
}
.img-toolbar { display: table-row;}
.img-toolbar button * { vertical-align: middle; }
.img-toolbar button { height:32px; line-height:32px; font-size: 12px; vertical-align: top; display: table-cell !important; color: #000 !important; background-color: white !important; border-radius:0 !important;}
.img-toolbar button:hover {  background-color: #d6dde9 !important; }

.datagrid-row-selected {
    background: #ffffff !important;
    color: #000;
}
#RightPane button:not([disabled]):hover, #RightPane button:not([disabled]):focus { 
	/* box-shadow: 1px 1px 1px #888888;  */
	/* transform: scale(1.5); */
	    /* box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); */
}
#ck_modulelist.skin_westlake .accordion-header-selected {
    background-color: #e5f6fe !important;
}
.ui-state-disabled { cursor: not-allowed !important; pointer-events: none; }    
.fc { background-color: #fff; }

.menu-toggler>span, .menu-toggler>span:after, .menu-toggler>span:before {
    display: inline-block;
    width: 19px;
    height: 1px;
    background: #fff;
    position: relative;
    top: -6px;
    transition: all ease .3s;
}
.menu-toggler>span:after {
    top: -6px;
}
.menu-toggler>span:before {
    top: 6px;
}
.menu-toggler>span:after, .menu-toggler>span:before {
    position: absolute;
    left: 0;
    content: '';
}


.page-sidebar {
    background-color: #fff;
    float: left;
    position: relative;
    margin-right: -100%;
    display: block;
    height: auto;
}
.page-sidebar.page-showname .page-sidebar-menu.page-sidebar-menu-closed {
    width: 198px!important;
    border-bottom: 1px solid #ddd;
}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
    width: 41px!important;
    border-bottom: 1px solid #ddd;
}

.page-sidebar .page-sidebar-menu>li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #ddd;
}

.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
    display: block;
    position: relative;
    margin: 0;
    border: 0;
    padding: 0px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    border-top: 1px solid #ddd;
    color: #333;
    letter-spacing: 2px;
    height: 40px;
}

.page-sidebar .page-sidebar-menu>li.active.open, .page-sidebar .page-sidebar-menu>li.active {
    background: #36c6d3;
    border-top-color: transparent;
    color: #fff;
    border: none;
    text-shadow: none;
	outline: 0;
}

.page-sidebar .page-sidebar-menu>li>a>[class^=icon-]{
	color: #fff;
	margin-left: 1px;
    margin-right: 1px;
    top: 1px;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
}

#navtopmenu>li>a>[class^=icon-]{
	color: #fff;
	margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

#navtopmenu>li>a>span {
    display: inline!important;
    vertical-align: middle;
}

.page-sidebar-menu.page-sidebar-menu-closed>li>a>.menu-title, .page-sidebar-menu.page-sidebar-menu-closed>li>a>.arrow, .page-sidebar-menu.page-sidebar-menu-closed>li>.sub-menu {
   display: none;
}

.page-sidebar.page-showname .page-sidebar-menu.page-sidebar-menu-closed>li>a>.menu-title{
    display: inline!important;
    padding-left: 40px;
    vertical-align: super;
}

.page-sidebar .page-sidebar-menu .sub-menu{
	list-style: none;
    padding: 0;
    margin: 0;
}
.page-sidebar .page-sidebar-menu .sub-menu li{
	background: 0 0;
    margin: 0;
    padding: 0;
    margin-top: 1px!important;
    border:none;
    height: 40px;
}
.page-sidebar .page-sidebar-menu .sub-menu>li>a{
	color: #666;
	display: block;
    margin: 0;
    padding: 0px 15px 0px 43px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    line-height: 40px;
    height: 40px;
}

.page-sidebar-menu  li, .page-sidebar-menu ul {
    z-index: 7;
    background-color: #ffffff;
    border: 1px solid #ddd;
    box-shadow: none;
}
/* .page-sidebar-menu ul {
    position: absolute;
    left: 45px;
    padding: 0px;
    width: 170px;
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
}
 */
.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li:hover {
    width: 256px!important;
    position: relative!important;
    z-index: 10000;
    display: block!important;
    background-color: #3fd5df;
    color: #fff;
}

.page-sidebar.page-showname .page-sidebar-menu.page-sidebar-menu-closed>li:hover {
    width: 204px!important;
}

.page-sidebar.page-showname .page-sidebar-menu.page-sidebar-menu-closed>li.menu-nosub:hover {
    width: 198px!important;
}

.page-sidebar .page-sidebar-menu .sub-menu li:hover{
	background-color: #d5fbff;
}

.page-sidebar-menu.page-sidebar-menu-closed>li:hover>a>.menu-title {
    display: inline!important;
    padding-left: 40px;
    vertical-align: super;
}
.page-sidebar-menu.page-sidebar-menu-closed>li>a>.menu-title {
    display: none;
    padding-left: 54px;
    vertical-align: super;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li>ul>li:hover>.menu-title {
    display: inline!important;
    padding-left: 40px;
    vertical-align: super;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li>ul>li:hover {
    width: 210px!important;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li>ul>li.menu-nosub:hover {
    width: 207px!important;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li>ul>li:hover>.sub-menu {
    width: 209px;
    position: absolute;
    display: block!important;
    left: 209px;
    margin-top: -42px;
}

.page-sidebar-menu.page-sidebar-menu-closed>li:hover>.sub-menu {
    width: 209px;
    position: absolute;
    z-index: 2000;
    left: 46px;
    margin-top: 0;
    top: 100%;
    display: block!important;
    box-shadow: none;
}

.page-sidebar.page-showname .page-sidebar-menu.page-sidebar-menu-closed>li:hover>.sub-menu{
    left: 203px;
    margin-top: -41px;
}

.page-sidebar .page-sidebar-menu>li:hover>a{
}

.page-sidebar-menu.page-sidebar-menu-closed>li:hover>.sub-menu>li>a {
    padding-left: 0px!important;
}
.page-sidebar-menu .sub-menu>li>a>.arrow:not(.open):after {
    color: #606C7D;
    float: right;
    width: 1px;
    display: inline-block;
    font-size: 20px;
    height: 5px;
    text-shadow: none;
    position: relative;
    right: 0px;
    top: 17px;
    content: ' ';
    border-width: 5px;
    border-style: solid;
    border-color: #ddd transparent transparent transparent;
}

.page-sidebar-menu .sub-menu>li:hover>a>.arrow:not(.open):after {
    border-color: transparent transparent transparent #ddd;
}

.page-sidebar-menu>li>a>.arrow:not(.open):after {
    color: #606C7D;
    float: right;
    width: 1px;
    display: inline-block;
    font-size: 20px;
    height: 5px;
    text-shadow: none;
    position: absolute;
    right: 14px;
    top: 17px;
    content: ' ';
    border-width: 5px;
    border-style: solid;
    border-color: #ddd transparent transparent transparent;
}

.page-sidebar-menu>li:hover>a>.arrow:not(.open):after {
    border-color: transparent transparent transparent #ddd;
}

.page-sidebar-menu .sub-menu>li>a>.arrow.open:BEFORE {
    color: #606C7D;
    float: right;
    width: 1px;
    display: inline-block;
    font-size: 20px;
    height: 5px;
    text-shadow: none;
    position: absolute;
    right: 14px;
    top: 17px;
    content: ' ';
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ddd  transparent;
}

.page-sidebar-menu.page-sidebar-menu-closed>li:hover>.sub-menu>li>.sub-menu>li>a {
    padding-left: 0px!important;
}

.page-sidebar .page-sidebar-menu>li.active.open, .page-sidebar .page-sidebar-menu>li.active, .page-sidebar:hover .page-sidebar-menu>li.active.open, .page-sidebar:hover .page-sidebar-menu>li.active {
    background: #3fd5df;
    border-top-color: transparent;
    color: #fff;
  
}
.menu-toggler {
	background: url(images/menu-left.png) no-repeat 0 0;
	background-color: transparent;
	display:inline-block;
	    height: 24px;
    width: 24px;
}
.menu-toggler.menu-in {
	background: url(images/menu-right.png) no-repeat 0 0 !important;
}
.moduleimg { /* margin-right: 4px; margin-bottom: -4px;     */ display: inline-block; }

.svgimg { /* margin-right: 4px; margin-bottom: -4px;     */ display: inline-block; vertical-align: top;}
.svgimg path:not([fill^='#']), .svgimg g { fill: currentColor;  }
/* .m-menu__link:hover .moduleimg path, .m-menu__item--active .moduleimg path{ fill: currentColor; }
 */
.tabs li a.tabs-inner {     border-radius: 0; }
.textbox.combo,.textbox.spinner  {border-radius: 4px !important;     margin: 3px 5px 3px 1px;}
.textbox.combo { display: flex; }
.progress { border-radius: 2px !important;  }
.textbox .textbox-text {
	padding: 0 8px;
	border-radius: unset;
	height: 29px;
	color: #606266;
	padding: 0px 15px !important;
}

.disabled {     
	cursor: not-allowed;
    opacity: 0.3;
    pointer-events: none;
}

#ck-action-theme .themeitem{
	width: 100%;
	/*padding-left: 30px;*/
	margin-top: 3px;
	border: 1px solid #fff;
	cursor: pointer;
	position: relative;
	text-align: center;
}
#ck-action-theme .themeitem span{
	position:absolute;
	top:0;
	left:0;
	display: block;
	width: 30px;
	height: 30px;
}
#ck-action-theme .themeitem:hover{
 	border: 1px solid #6f9eee;
}
#ck-action-theme .themeitem.active{
 	border: 1px solid #4f7ece;
}
#ck-north-theme .l-btn-left .l-btn-text{
	margin-right: 5px;
}
.freegridrow {
	background-color: #fff;
	border-radius: 4px;
	border: 3px solid transparent; }
/*.freegridrow.selected, .freegridrow.selected td div {background-color: #fff29f !important; }*/
.freegridrow.selected {
	border: 3px solid #0099f4 !important;
	border-radius: 8px !important;
	box-sizing: border-box;
}
.panel-body { color: #606266; }
.combobox-item, .combobox-group {
    min-height: 19px;
}


.ck-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 800px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
}


.ck-sidebar .ck-sidebar-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 1em;
  padding-top: 0.1em;
  overflow-y: auto;

  -webkit-box-sizig: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.m-quick-sidebar__close {
    top: 50%;
    left: 0px;
    color: #cfcedb;
    position: absolute;
    font-size: 1.4rem;
    cursor: pointer;
    z-index: 3001;
}

.floatbtn:ACTIVE,.floatbtn:FOCUS,.floatbtn:HOVER {
	outline: none;
}
.floatbtn {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
} 
.ui-jqgrid-fiter {
	height: 20px !important;
    display: table-cell;
    overflow: hidden  !important;
    margin-left:20px;
    width: 20px !important;
}
.fiterimg { vertical-align:middle; margin-left:20px;  }
.ui-search-toolbar { display: none; }
.header-sumenu {
	display: inline-block;
    padding: 0 16px;
    cursor: pointer;
    margin-left: 1px;
}
.header-sumenu:hover, .header-sumenu.active{
	background-color:  #5fb3f8;
}
.layermsgbox .layui-layer-content {padding: 10px 20px 0px;}

.ck-tabs.noborder .tabs-header { border: none !important; }
.ck-tabs .tabs-header { border: 1px solid #d4d4d4; border-bottom:none; }
.ck-tabs .tabs {margin-left:4px; margin-top: 4px; }
.ck-tabs .tabs li  { margin: 0 4px -1px 0 !important; margin-bottom: -1px; }
.ck-tabs .tabs li a { min-width: 80px; border: 1px solid transparent !important; border-bottom: 1px solid #ddd !important; border-radius: 4px 4px 0 0 !important; }
.ck-tabs .tabs li.tabs-selected a { border: 1px solid #ddd !important; border-bottom-color: #fff !important;}
.ck-tabs.ck-tabs-style-0 .tabs { border-bottom: 1px solid #6192e3 !important; }
.ck-tabs.ck-tabs-style-0 .tabs li a {  border-bottom: 1px solid #6192e3 !important; }
.ck-tabs.ck-tabs-style-0 li.tabs-selected a { background: none repeat scroll 0 0 #6192e3 !important; color: #fff !important; }

#mainhead .l-btn-left {    display: inline-flex;  vertical-align: middle; }
.inline-group { padding: 10px 0 10px 0; }
.inline-group label {vertical-align:middle; display:inline-block;}
.inline-group label+label{
	margin-left: 16px;
}
.inline-group input {vertical-align:middle;  margin-top:-2px; margin-bottom:1px;}
.inline-group input[type="radio"]{
	position: absolute;
    opacity: 0;
}
.inline-group input[type="radio"] + .radio-label:before {
  content: '';
  background: #fff;
  border-radius: 100%;
  border: 1px solid #DCDFE6;
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  margin-right: 10px;
  margin-top: 3px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.inline-group input[type="radio"]:checked + .radio-label:before {
  background-color: #fff;
  box-shadow: inset 0 0 0 4px #409EFF;
  border-color: #409EFF;
}
.inline-group input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #409EFF;
}

.fc-toolbar.fc-header-toolbar { 
	margin-bottom: 0px; 
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.fc-basic-view .fc-body .fc-row {
	min-height: 20px;
}
.fc button, .fc table, body .fc {
    font-size: 12px;
}
.layui-layer-btn a {
	font-size: 13px;
}
.window { padding: 0; border-radius: 4px;}
.window-proxy-mask,
.window-mask {
	background-color: rgb(0, 0, 0);
    opacity: 0.3;
}
.window .window-header {
    padding: 0 15px 0 15px;
    height: 40px;
    line-height: 40px;
    border-bottom: none;
    overflow: hidden;
   /*  background: #FaFaFa; */
    border-radius: 2px 2px 0 0;
    cursor: move;
}
.window .window-body {
	border:none;
	background-color: #fff;
	padding:10px 15px;
}

.window .window-header .panel-title {
	height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    font-weight: 400;
}
.window .window-header .panel-tool {
	right:15px;
	/* height:30px; */
	margin-top: -8px;
}
.window .window-header .panel-tool a {

}
.window .window-header .panel-tool a.panel-tool-close { 
	/* background: url(/plugins/layer/theme/default/icon.png) no-repeat;background-position: 1px -40px;
    cursor: pointer; margin-left: 4px;  */
    font-family: element-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    color: #909399;
    background: none;
}
.window .window-header .panel-tool a.panel-tool-close:after{
	content: "\e6db";
}
.window .window-header .panel-tool a:hover{
	color: #358aef;
}
.window .window-header .panel-tool a.panel-tool-max { background: url(/plugins/layer/theme/default/icon.png) no-repeat;background-position: -32px -40px;
    cursor: pointer; }  
.window .window-header .panel-tool a.panel-tool-max.panel-tool-restore { background: url(/plugins/layer/theme/default/icon.png) no-repeat;background-position: -65px -40px;
    cursor: pointer; }       
.file-box-hide {display: none !important; } 
#operations-tabs .tabs-header { background-color: #fff; }
.window .window-header .panel-tool a.panel-tool-collapse {
    background: url(/plugins/jquery-easyui-1.4.4/themes/icons/minus.png) no-repeat;
    cursor: pointer;
    margin-right: 4px;
}
.window .window-header .panel-tool a.panel-tool-collapse.panel-tool-expand {
    background: url(/plugins/jquery-easyui-1.4.4/themes/icons/restore.png) no-repeat;
    cursor: pointer;
    margin-right: 4px;
}
#version{
	line-height: 30px;
}
#ck-action-phone{
	font-size:14px;
}
.ck-tag-block {
    position: relative;
    display: inline-block;
    outline: none;
	padding-bottom: 4px;
}
.ck-tag-check {
	opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1;
    cursor: pointer;
}
.ck-tag-text {
	position: relative;
    display: inline-block;
    outline: none;
	padding: 6px;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #dcdfe6;
    font-weight: 500;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    border-radius: 2px;
    height: 26px;
    border: 1px solid #dcdfe6;
    margin-right: 10px;
}
/* .ck-tag-block:checked+ {
    border-color: #409eff;
} */
.ck-tag-check:checked+.ck-tag-text {
    color: #fff;
    background-color: #6192e3;
    border-color: #6192e3;
    box-shadow: -1px 0 0 0 #6192e3;
}
.columnlist .ck-tag-text {
	 margin: 0;
	 margin-bottom:10px;
}
#mainhead > .ck-north-right > span { display: block; }

.ckpager{
	clear:both;
	color:#444;
	padding:5px 0px 5px 0px;
	font-size:12px;
}
.ckpager a{
	float: left;
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#999;
}

.ckpager span.disabled{
	float: left;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #DFDFDF;
	background-color:#FFF;
	color:#DFDFDF;
}
.ckpager span.curr{
	float: left;
	border: 1px solid #60b4fa;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #60b4fa;
	color: #fff;
}
.ckpager a:hover{
	border:1px solid #60b4fa; 
	background-color:#60b4fa; 
	color:#fff !important;
}
.ckpager span.normalsize{
}
.ckpager_gopage_wrap{
	position:relative;
	left:0px;
	top:0px;
}
.ckpager_btn_go {
	width:44px;
	height:21px;
	border:0px;
	overflow:hidden;
	line-height:140%;
	padding:0px;
	margin:0px;
	text-align:center;
	cursor:pointer;
	background-color:#4f88e1;
	color:#FFF;
	position:absolute;
	left:0px;
	*top:2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display:none;
}
.ckpager_btn_go_input{
	width:36px;
	height:21px;
	color:#999;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
	border:1px solid #DFDFDF;
	position:relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left:0px;
	top:0px;
	*top:2px;
	outline:none;
}

.ckpager_btn_go_input.focus{
	border-color:#4f88e1;
}

.ckpager .pageBtnWrap{
	float:left;
	left: 27px;
    position: relative;
}

.ckpager .infoTextAndGoPageBtnWrap{
	float:right;
	right: 27px;
    position: relative;
}
.ckpager .spanDot{
	float:left;
	margin-right:5px;
}

.ckpager .currPageNum{
	color:#4f88e1;
}

.ckpager .infoTextAndGoPageBtnWrap{
	padding-top:5px;
	font-size: 15px;
}

.grid_search-dialog {
    display: none;
    background-color: #fff;
    color: #333;
    box-shadow: 0 2px 12px rgb(0 0 0 / 10%);
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    width: 100%;
    position: absolute;
    padding: 16px;
    font-size: 14px;
}
.ck-search-history .history-list li{
	display:inline-block;
	border-radius: 2px;
	background-color: #f0f0f0;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px 18px;
	cursor: pointer;
	position: relative;
	line-height: 28px;
    height: 28px;
    font-size: 12px;
}
.ck-search-history .history-list li .collect-item{
	height: 100%;
	font-size: 12px;
	color: #358aef;
	text-align:center;
	margin-left: 4px;
	display:none;
	/* position: absolute;
    top: -1px;
    right: 2px; */
}

.ck-search-history .history-list li .collect-item .ck-icon{
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align:text-top;
}
.ck-search-history .history-list li .history-starred .ck-star-icon{
	background: transparent url(./images/starred.png) no-repeat;
}
.ck-search-history .history-list li .history-unstarred .ck-star-icon{
	background: transparent url(./images/unstarred.png) no-repeat;
}
.ck-search-history .history-list li .history-starred{
	color: #cccccc;
	/* cursor: not-allowed; */
}
.ck-search-history .history-list li .collect-item span{
	vertical-align: middle;
	line-height: 24px;
}
.ck-search-history .history-list li:hover {
	/* color: #358aef; */
	padding-right: 6px;
	padding-left: 10px;
	background-color: #F2F6FC;
	/* transition: padding 0.2s ease-out; */
	/* text-decoration: underline; */
}
.ck-search-history .history-list li.intellquery0{
	background-color: #ecf5ff;
}
.ck-search-history .history-list li:hover .collect-item{
	display: inline-block;
	vertical-align: middle;
	line-height: 24px;
}
.ck-search-collect .collect-list li{
	padding: 4px 8px;
	height: 36px;
	box-sizing: border-box;
	line-height: 28px;
}
.ck-search-collect .collect-list li span{
	cursor: pointer;	
}

.ck-search-collect .collect-list li .input-collected{
	-webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 28px;
    line-height: 28px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 180px;
}
.ck-search-collect .collect-list li .ck-collect-operation{
	display: none;
	float: right;
	padding-top: 6px;
}
.ck-search-collect .collect-list li .ck-collect-operation .ck-icon{
	margin-left: 10px;
	width: 16px;
	height: 16px;
	display: inline-block;
	cursor: pointer;
}
.ck-search-collect .collect-list li:hover{
	background-color: #F2F6FC;
}
.ck-search-collect .collect-list li:hover .ck-collect-operation{
	display: block;
}

.ck-search-collect .collect-list li .ck-collect-operation .ck-icon-delete{
	background: transparent url(./images/delete-history.png) no-repeat;
	cursor: pointer;
}
.ck-search-collect .collect-list li .ck-collect-operation .ck-icon-edit{
	background: transparent url(./images/edit-history.png) no-repeat;
	cursor: pointer;
}

.ck-upload-list .el-upload-list--picture-card .el-upload-list__item{
	width: 180px;
    height: 160px;
}
.ck-upload-list .el-upload-list--picture-card .el-upload-list__item-thumbnail{
	height: initial;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ck-upload-list .el-upload--picture-card{
	width: 180px;
    height: 160px;
    line-height: 160px;
}
.ck-upload-list.disabled .el-upload--picture-card:hover, .el-upload:focus{
	border-color: #c0ccda;
    color: #c0ccda;
}
.el-drawer__body .drawer-close{
	position: absolute;
    left: -30px;
    top: 50%;
    width: 30px;
    height: 40px;
    background: rgb(58, 67, 80);
    z-index: 1;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    -webkit-box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%);
    box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%);
    text-align: center;
}
.el-avatar, .el-drawer{
	overflow: visible;
}
.el-avatar--small{
	overflow: hidden!important;
	width: 36px;
	height: 36px;
	line-height: 36px;
}
.el-avatar--small.el-avatar>img{
	width: 110%;
	height: 110%;
	margin: -5%;
}
.drawer-close .el-icon-close{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin-left: 3px;
}

.ckpager .pagerWrap { display:flex; align-items: center; }
.ckpager .beforeTextWrap { margin-right: 10px; font-size: 15px; }
.ckpager .totalText { margin-right: 10px; }
#ck-north-essearch .textbox-text, #essearch-popup-dialog .textbox-text { height: 100%; text-indent: 8px; } 
#ck-north-essearch .searchbox-button, #essearch-popup-dialog .searchbox-button { background: url('../Image/search/essearch.svg') no-repeat center center;background-size: 28px;  margin-right: 4px; }
#ckespopup .search-list li {
	display: inline-block;
    border-radius: 2px;
    background-color: #f0f0f0;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 4px;
    cursor: pointer;
    position: relative;
    line-height: 1.5;
    height: 100%;
    font-size: 12px;
    width:100%;
}
#ckespopup .search-list li:hover {
    background-color: #F2F6FC;
}
#ckespopup .search-result-content strong { color: #f00; }
.cellbudialog .ui-dialog-title2 {
	font-size: 12px;
    font-weight: 400;
    height: 28px;
    padding: 10px 15px 5px 15px;
    float: right;
    margin-right: 20px;
    cursor: pointer;
}
.ui-dialog-header div.active { color: #6192e3; }

#ck-north-upload { padding: 7px 14px; }
#ckfileuploadpopup, #ckuploadmanagerpopup { padding: 10px 20px; }


#selectfile, #upload-manager-selectfile, #orgimport-manager-selectfile {
	width: 420px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ccc;
	margin-right: 10px;
	margin: 3px 5px 3px 1px;
}
#selectfile, #upload-manager-selectfile {
	width: 380px;
}

#browerfile, #upload-manager-browerfile, #orgimport-manager-browerfile, #upload-manager-browerdir, #browerdir {
	text-align: center;
	vertical-align: middle;
	padding: 0px; overflow: hidden;
	height: 28px; width: 120px;
	display: inline-flex; justify-content: center; align-items: center;
	margin: 2px 5px 4px 1px;
	background-color: #409dff;
	border: 0px none rgb(255, 255, 255);
	border-radius: 2px; color: rgb(255, 255, 255);
	background-position: 0px 0px;
	font-size: 12px;
}
#browerfile, #upload-manager-browerfile, #upload-manager-browerdir, #browerdir {
	width: 80px;
}
#upload-manager-browerdir, #browerdir {
	background-color: #4bb078;
}

.uploadfile-title {
	margin-top: 5px;
	padding-bottom: 4px;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
}

#uploadfile-delete {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	border: 1px solid transparent;
	background-color: #fff;
	color: #0099f4;
	white-space: nowrap;
	text-align: center;
	font-size: 12px;
	border-radius: 2px;
	cursor: pointer;
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box;
}
#uploadfile-delete:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}


#uploadfile-temptable {
	width:100%;
	font-size: 12px;
	color: #222222;
}

#uploadfile-temptable input[type=checkbox] {
	width: 15px; height: 15px; outline: none;
}


.fileuploadmanager .filedelete { color: #2f579c; outline: none; }

.upload-manager-link {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-top: 4px;
}


#upload-manager-tabs .tabs-header { background-color: transparent; }
.upload-manager-table, .upload-manager-table > thead,  .upload-manager-table > tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.upload-manager-table > tbody { display: block; height: 230px; overflow-y: scroll; font-size: 12px; }





uploadfilename { width:350px;}
.uploadfilesize, .uploadfilepercent, .uploadfileoper { width: 100px; }
.el-date-editor.el-input {font-size: 12px; }
.selectTree.combo-arrow {
	position: absolute;
	right: 8px;
}


#org-post .el-input__prefix, #org-post .el-input__suffix, #org-dept .el-input__prefix, #org-dept .el-input__suffix { top: 0;}
#org-post .el-input__inner, #org-dept .el-input__inner { height: 34px !important; }
#org-employee .el-date-editor .el-input__inner { font-size: 14px; height: 34px; border: 1px solid #DCDFE6;}
#org-employee .el-date-editor .el-input__prefix { line-height: 34px !important;}
#org-employee .avatar-uploader {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
#org-employee  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
  }
#org-employee  .avatar {
    width: 178px;
    height: 178px;
    display: block;
  }

 #gridtable .pageinfo { height: 30px; justify-content: flex-end;} 
 #gridtable  .el-button, #org-dept .el-button, #org-post  .el-button, #org-employee .el-button { top: 0px; }
.upload-manager-table > thead  th, #uploadfile-temptable  > thead  th {
	font-size: 12px !important; font-weight: 400; background-color: #f2f2f2; color: #222222; vertical-align: middle;
}



#org-dept, #org-employee, #org-post, #gridtable { padding: 0 10px;}
.vxe-grid.is--loading:before { background-color: rgba(0,0,0,.1); }
.vxe-pager.pageinfo.size--mini .vxe-pager--count,
.vxe-pager.pageinfo.size--mini .vxe-pager--total, 
.vxe-pager.pageinfo.size--mini .vxe-pager--left-wrapper > span{ font-size: 14px;}
#messagepopup .el-link--inner { display: inline-flex; font-size: 12px; }
#messagepopup .el-textarea__inner, #messagepopup .el-input__inner { border:  none; }
.ckpager .ckpager-center { justify-content:center; }

.vxe-table--render-default .vxe-body--column.col--ellipsis, .vxe-table--render-default.vxe-editable .vxe-body--column, .vxe-table--render-default .vxe-footer--column.col--ellipsis, .vxe-table--render-default .vxe-header--column.col--ellipsis {
	/*line-height: 48px;*/
}
.vxe-table .el-button--mini { vertical-align: middle; }

.inputHideBorder input { border: 1px solid transparent; }
.vxe-pager .vxe-pager--wrapper { line-height: 1; }

.el-input__inner, .el-textarea__inner {
    color: inherit !important;
}
.bgimg-size-100_ico_open,.bgimg-size-100_ico_close,.bgimg-size-100_ico_docu{background-size: 90% 90%!important;background-position: center;}
.el-input{height: 100%}
.el-textarea__inner{height:100%}
.el-input__prefix{bottom: 0;}
.el-select{display: block;}
/*.el-input.is-disabled .el-input__inner{height:100%!important}*/
.ztreewrap{	height: 100%;}
.vxe-pager .vxe-pager--jump .vxe-pager--goto{height: 1.94em;}
.el-checkbox{display:block;}

.el-carousel__item.is-active{text-align: center;}
.el-carousel__item h3 {
    font-size: 18px;
    opacity: 0.75;
    width: 100%;
    text-align:center;
    justify-content: center;
    align-items: center;
    margin: 0;
}
/* .carousel-image {
    max-width: 100%;
    max-height: 100%;
 } */


/* .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
} */

.ck-tag-noborder { border: none; }
.el-cascader-menu__wrap.el-scrollbar__wrap::-webkit-scrollbar{
	width: 0px !important;
}
.el-radio__label{
	padding-left: 0px;
}
.el-radio-group .el-radio__label{
	padding-left: 3px;
}
.el-radio__input {
	margin-top: -2px;
}
.el-radio-group .el-radio__input{
	margin-top: 0px;
}
.el-radio{
	text-align: left;
}
.el-checkbox__input{
	line-height:1;
}
.ck-cellbu-modal.vxe-modal--wrapper .vxe-modal--content { white-space: unset; }
.el-input--prefix .el-input__inner { padding-left: 25px; padding-right: 25px; }
.el-input__prefix { left: 0px; }
.el-input__suffix { right: 0px; }
.el-input--suffix .el-input__inner { padding-right: 25px; }
.ckinput.el-input > .el-input__inner[readonly] {
	padding: 0px 0px 0px 15px;
}
.el-date-editor.is-disabled > .el-input__inner { padding-right: 0px; }
.ck-radio.el-radio > .el-radio__label { font-size: inherit; }
.vxe-radio-group .ck-radio.vxe-radio > .vxe-radio--icon { position: relative; top: 1px; }
.topbar-button { background-color: transparent; border: none !important; color: #fff; padding: 0; margin: 0; height: 49px !important; }
.topbar-button .vxe-button--content {
	position: relative;
	top: -5px;
	font-size: 14px;
	color: #fff;
}
.topbar-button:hover { opacity: 0.7; }
.topbar-button:active { background-color: transparent !important; }
.inputHideBorder .el-input__inner, .inputHideBorder .el-textarea__inner { border: none !important; }
.el-cascader .el-icon-arrow-down:before { top: -2px; }
.inputBottomBorder .el-input__inner, .inputBottomBorder .el-textarea__inner { border-top: none !important;  border-right: none !important; border-left: none !important; }
.inputBottomBorder .el-input--mini .el-input__inner { border-radius: 0px !important; }
.inputBottomBorder.el-input--mini .el-input__inner { border-radius: 0px !important; }
/*.el-menu-item,.el-submenu__title { padding-left: 10px !important; }*/
.searchform .el-date-editor .el-range__close-icon:before { position: relative; top: -5px; }
.ck-checkbox .el-checkbox__label { font-size: inherit; }
.ck-useravatar > div { display: inline-flex; }
.ck-spin.el-input-number--mini .el-input-number__decrease, .ck-spin.el-input-number--mini .el-input-number__increase {
	width: 24px;
	height: calc(100% - 2px);
}
.ck-spin.el-input-number--mini .el-input-number__decrease .el-icon-minus, .ck-spin.el-input-number--mini .el-input-number__increase .el-icon-plus {
	vertical-align: text-top;
}
.ck-spin.el-input-number--mini .el-input__inner { padding-left: 24px; padding-right: 24px; height: 100%; }
#employeeform .el-form-item__error, #postform .el-form-item__error, #deptform .el-form-item__error { top: 28px; }

.pwd-dialog .el-form-item__error { top: 50%; }
.upload-avatar .el-upload {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
}
.ck-select .vxe-input { height: 100%; line-height: 1; }
.ckinput .el-input__inner { font-weight: inherit; }
.tab-badge  { top: 10px !important; }
.ckinput .vxe-textarea--inner { height: 100%; line-height: 1.2; }
.ckinput .vxe-input--suffix-icon { height: inherit; width: 100%; }
.ckinput  .ck-input-button { width: 100%; }
.tiny-split {
	--ti-split-pane-font-size: var(--ti-common-font-size-2, 16px);
	--ti-split-trigger-bg-color: var(--ti-common-color-line-dividing, #dfe1e6);
	--ti-split-trigger-bar-bg-color: var(--ti-common-color-icon-normal, #575d6c);
	--ti-split-trigger-hover-bg-color: var(--ti-split-trigger-bg-color);
	--ti-split-trigger-bar-hover-bg-color: var(--ti-split-trigger-bar-bg-color);
	--ti-split-trigger-bar-con-bg-color: var(--ti-common-color-light, #fff);
	--ti-split-trigger-size: var(--ti-common-size-base, 4px);
	--ti-split-trigger-bar-margin-left: var(--ti-common-space-base, 4px);
	--ti-split-trigger-con-col-cursor: e-resize;
	--ti-split-trigger-bar-margin-top: var(--ti-common-space-base, 4px);
	--ti-split-trigger-con-row-cursor: n-resize
}

.tiny-split-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-shadow: 0 0 0 1px #d9d9d9
}

.tiny-split-pane {
	position: absolute;
	font-size: var(--ti-split-pane-font-size)
}

.tiny-split-pane.left-pane,.tiny-split-pane.right-pane {
	top: 0;
	bottom: 0;
	overflow: hidden
}

.tiny-split-pane.left-pane {
	left: 0
}

.tiny-split-pane.right-pane {
	right: 0
}

.tiny-split-pane.top-pane,.tiny-split-pane.bottom-pane {
	left: 0;
	right: 0;
	overflow: hidden
}

.tiny-split-pane.top-pane {
	top: 0
}

.tiny-split-pane.bottom-pane {
	bottom: 0
}

.tiny-split-trigger-con {
	position: absolute;
	transform: translate(-50%,-50%);
	z-index: 10
}

.tiny-split-trigger-bar-con {
	position: absolute;
	background: #fff
}

.tiny-split-trigger-bar-con.vertical {
	top: 50%;
	height: 28px;
	transform: translateY(-50%)
}

.tiny-split-trigger-bar-con.horizontal {
	left: 50%;
	width: 28px;
	transform: translate(-50%)
}

.tiny-split-trigger-vertical {
	width: 4px;
	height: 100%;
	background: #EAECF1;
	cursor: e-resize
}

.tiny-split-trigger-vertical .tiny-split-trigger-bar {
	width: 4px;
	height: 4px;
	background: #4e4e4e;
	float: left;
	margin-top: 4px;
	border-radius: 50%
}

.tiny-split-trigger-horizontal {
	height: 4px;
	width: 100%;
	background: #EAECF1;
	cursor: n-resize
}

.tiny-split-trigger-horizontal .tiny-split-trigger-bar {
	height: 4px;
	width: 4px;
	background: #4e4e4e;
	float: left;
	margin-left: 4px;
	border-radius: 50%
}

.tiny-split-horizontal .tiny-split-trigger-con {
	top: 50%;
	height: 100%;
	width: 0
}

.tiny-split-horizontal .tiny-split-trigger-con .tiny-split-trigger-button {
	width: 14px;
	height: 26px;
	position: absolute;
	top: 50%
}

.tiny-split-horizontal .tiny-split-trigger-con .tiny-split-trigger-button:hover {
	width: 18px
}

.tiny-split-horizontal .tiny-split-trigger-con .tiny-split-trigger-left-button {
	transform: translateY(-50%);
	left: -6px;
	border-radius: 4px 0 0 4px;
	border-right: 0
}

.tiny-split-horizontal .tiny-split-trigger-con .tiny-split-trigger-left-button:hover {
	left: -10px
}

.tiny-split-horizontal .tiny-split-trigger-con .tiny-split-trigger-right-button {
	transform: translateY(-50%);
	border-radius: 0 4px 4px 0;
	left: 9px;
	border-left: 0
}

.tiny-split-horizontal .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-vertical,.tiny-split-horizontal .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-horizontal {
	cursor: auto
}

.tiny-split-horizontal .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-vertical:hover,.tiny-split-horizontal .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-horizontal:hover {
	background: #eaecf1
}

.tiny-split-horizontal .tiny-split-trigger-con.tiny-split-trigger-con-left-active {
	margin-left: -1px
}

.tiny-split-horizontal .tiny-split-vertical .tiny-split-trigger-con {
	left: 50%;
	height: 0;
	width: 100%
}

.tiny-split-horizontal .tiny-split-trigger-con-drag,.tiny-split-horizontal .tiny-split-pane-moving {
	cursor: e-resize
}

.tiny-split-vertical .tiny-split-trigger-con {
	left: 50%;
	height: 0;
	width: 100%
}

.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-button {
	width: 26px;
	height: 14px;
	position: absolute;
	left: 50%
}

.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-button:hover {
	height: 18px
}

.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-top-button {
	transform: translate(-50%);
	border-radius: 4px 4px 0 0;
	top: -6px;
	border-bottom: 0
}

.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-top-button .tiny-svg {
	transform: rotate(90deg)
}

.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-top-button:hover {
	top: -10px
}

.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-bottom-button {
	transform: translate(-50%);
	border-radius: 0 0 4px 4px;
	border-top: 0;
	top: 9px
}

.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-bottom-button .tiny-svg {
	transform: rotate(90deg)
}

.tiny-split-vertical .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-vertical,.tiny-split-vertical .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-horizontal {
	cursor: auto
}

.tiny-split-vertical .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-vertical:hover,.tiny-split-vertical .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-horizontal:hover {
	background: #eaecf1
}

.tiny-split-vertical .tiny-split-trigger-con.tiny-split-trigger-con-top-active {
	margin-top: -1px
}

.tiny-split-vertical .tiny-split-horizontal .tiny-split-trigger-con {
	top: 50%;
	height: 100%;
	width: 0
}

.tiny-split-vertical .tiny-split-trigger-con-drag,.tiny-split-vertical .tiny-split-pane-moving {
	cursor: n-resize
}

.tiny-split .no-select {
	-ms-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.tiny-split-trigger-button {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(25,25,25,.1);
	background: #fff;
	transition: all .1s;
	visibility: hidden
}

.tiny-split-trigger-button .tiny-svg {
	fill: #939393;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	overflow: hidden;
	display: inline-block;
}

.tiny-split-trigger-button:hover {
	cursor: pointer
}

.tiny-split-trigger-button:hover .tiny-svg {
	fill: #282c43
}

.tiny-split-trigger-button-show {
	visibility: visible
}

.tiny-split-trigger-con {
	transition: all .1s
}

.tiny-split-trigger-con-drag {
	transition: none
}

.tiny-split-trigger-con-vertical.tiny-split-trigger-con-simple {
	padding: 0 8px;
	cursor: e-resize
}

.tiny-split-trigger-con-horizontal.tiny-split-trigger-con-simple {
	padding: 8px 0;
	cursor: n-resize
}

.tiny-split-trigger-con-simple .tiny-split-trigger-vertical {
	width: 1px
}

.tiny-split-trigger-con-simple .tiny-split-trigger-horizontal {
	height: 1px
}

.tiny-split-trigger-con-simple:hover .tiny-split-trigger {
	background: #0072e8
}

[class*=tiny-] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tiny-steps,.tiny-timeline {
	--ti-steps-circle-width-height: var(--ti-common-size-5x, 20px);
	--ti-steps-number-font-size: var(--ti-common-font-size-base, 12px);
	--ti-steps-font-size-base: var(--ti-common-font-size-base, 12px);
	--ti-steps-font-size-hover: var(--ti-common-font-weight-4, normal);
	--ti-steps-text-color: var(--ti-common-color-text-primary, #252b3a);
	--ti-steps-bg-color-hover: var(--ti-common-color-bg-white-normal, #fff);
	--ti-steps-border-color-hover: var(--ti-common-color-line-active, #5e7ce0);
	--ti-steps-text-color-hover: var(--ti-common-color-primary-normal, #5e7ce0);
	--ti-steps-icon-size: var(--ti-common-size-5x, 20px);
	--ti-steps-icon-hover-text-color: var(--ti-common-color-primary-normal, #5e7ce0);
	--ti-steps-font-size-7: var(--ti-common-font-size-7, 36px);
	--ti-steps-line-height: var(--ti-common-border-weight-normal, 1px);
	--ti-steps-line-margin-horizontal: var(--ti-common-space-2x, 8px);
	--ti-steps-line-min-width: var(--ti-common-space-4x, 16px);
	--ti-steps-text-margin-left: var(--ti-common-space-base, 4px);
	--ti-steps-line-width: var(--ti-common-size-16x, 64px);
	--ti-steps-content-max-width: calc(var(--ti-common-space-10, 10px) * 25);
	--ti-steps-content-margin-top: var(--ti-common-space-6, 6px);
	--ti-steps-bottom-divider-height: var(--ti-common-space-1, 1px);
	--ti-steps-bottom-divider-margin-top: var(--ti-common-space-4x, 16px);
	--ti-steps-bottom-divider-bg-color: var(--ti-common-color-line-dividing, #dfe1e6);
	--ti-steps-description-font-size: var(--ti-common-font-size-base, 12px);
	--ti-steps-description-text-color: var(--ti-common-color-text-secondary, #575d6c);
	--ti-steps-description-min-width: calc(var(--ti-common-space-10, 10px) * 10);
	--ti-steps-vertical-description-margin-top: var(--ti-common-space-2x);
	--ti-steps-icon-border-width: var(--ti-common-space-1, 1px);
	--ti-steps-custom-icon-bg-color: var(--ti-common-color-bg-white-normal, #fff);
	--ti-steps-custom-icon-width-height: var(--ti-common-space-3x, 12px);
	--ti-steps-advanced-active-bg-color: var(--ti-common-color-bg-emphasize, #5e7ce0);
	--ti-steps-done-active-bg-color-hover: var(--ti-common-color-primary-hover, #7693f5);
	--ti-steps-advanced-active-border-color: var(--ti-common-color-line-active, #5e7ce0);
	--ti-steps-line-active-icon-color: var(--ti-common-color-icon-white, #fff);
	--ti-steps-active-font-weight: var(--ti-common-font-weight-4, normal);
	--ti-steps-advanced-active-text-color: var(--ti-common-color-primary-normal, #5e7ce0);
	--ti-steps-done-text-color: var(--ti-common-color-text-primary, #252b3a);
	--ti-steps-line-active-bg-color: var(--ti-common-color-line-active, #5e7ce0);
	--ti-steps-done-active-border-color: var(--ti-common-color-line-active, #5e7ce0);
	--ti-steps-done-active-border-color-hover: var(--ti-common-color-primary-hover, #7693f5);
	--ti-steps-done-icon-color: var(--ti-common-color-icon-active, #5e7ce0);
	--ti-steps-done-icon-size: var(--ti-common-font-size-1, 14px);
	--ti-steps-done-icon-bg-color: var(--ti-common-color-bg-white-normal, #fff);
	--ti-steps-line-bg-color: var(--ti-common-color-bg-secondary, #adb0b8);
	--ti-steps-icon-bg-color: var(--ti-common-color-bg-white-normal, #fff);
	--ti-steps-unselected-icon-color: var(--ti-common-color-icon-normal, #575d6c);
	--ti-steps-unselected-hover-icon-color: var(--ti-common-color-icon-hover, #5e7ce0);
	--ti-steps-unselected-hover-name-text-color: var(--ti-common-color-icon-hover, #5e7ce0);
	--ti-steps-unselected-border-color: var(--ti-steps-unselected-icon-color);
	--ti-steps-unselected-hover-border-color: var(--ti-steps-unselected-hover-icon-color);
	--ti-steps-timeline-date-time-text-color: var(--ti-common-color-text-primary, #252b3a);
	--ti-steps-doing-border-color: var(--ti-common-color-line-active, #5e7ce0);
	--ti-steps-doing-border-color-hover: var(--ti-common-color-primary-hover, #7693f5);
	--ti-steps-doing-icon-color: var(--ti-common-color-icon-active, #5e7ce0);
	--ti-steps-doing-icon-bg-color: var(--ti-common-color-bg-white-normal, #fff);
	--ti-steps-warning-icon-color: var(--ti-common-color-bg-white-normal, #fff);
	--ti-steps-warning-icon-bg-color: var(--ti-common-color-warn, #fa9841);
	--ti-steps-error-icon-bg-color: var(--ti-common-color-bg-white-normal, #fff);
	--ti-steps-error-icon-bg-color-hover: var(--ti-common-color-error-bg, #ffeeed);
	--ti-steps-error-icon-color: var(--ti-common-color-error-text, #de504e);
	--ti-steps-error-icon-size: var(--ti-common-font-size-1, 14px);
	--ti-steps-error-border-color: var(--ti-common-color-error-border, #f66f6a);
	--ti-steps-error-text-color: var(--ti-common-color-error-text, #de504e);
	--ti-steps-disabled-icon-bg-color: var(--ti-common-color-bg-disabled, #f5f5f6);
	--ti-steps-disabled-icon-color: var(--ti-common-color-text-disabled, #adb0b8);
	--ti-steps-disabled-border-color: var(--ti-steps-disabled-icon-color);
	--ti-steps-disabled-text-color: var(--ti-common-color-text-disabled, #adb0b8);
	--ti-steps-disabled-name-text-color: var(--ti-common-color-text-disabled, #adb0b8);
	--ti-steps-disabled-select-icon-bg-color: var(--ti-common-color-bg-white-normal, #fff);
	--ti-steps-disabled-select-icon-color: var(--ti-common-color-text-disabled, #adb0b8);
	--ti-steps-mini-icon-size: var(--ti-common-font-size-5, 24px);
	--ti-steps-mini-number-font-size: var(--ti-common-font-size-base, 12px);
	--ti-steps-mini-font-size-base: var(--ti-common-font-size-base, 12px);
	--ti-steps-advanced-border-color: var(--ti-common-color-line-normal, #adb0b8);
	--ti-steps-advanced-text-color: var(--ti-common-color-text-secondary, #575d6c);
	--ti-steps-advanced-line-height: var(--ti-common-size-7x, 28px);
	--ti-steps-advanced-border-radius: calc(var(--ti-common-space-1, 1px) * 3);
	--ti-steps-advanced-li-bg-color: var(--ti-common-color-bg-white-normal, #fff);
	--ti-steps-advanced-li-text-color: var(--ti-common-color-selected-text-color, #fff);
	--ti-steps-advanced-li-hover-text-color: var(--ti-common-color-text-secondary, #575d6c);
	--ti-steps-advanced-li-hover-bg-color: var(--ti-common-color-bg-white-emphasize, #f2f5fc);
	--ti-steps-advanced-link-font-size: var(--ti-common-font-size-base, 12px);
	--ti-steps-advanced-dot-height: var(--ti-common-size-3x, 12px);
	--ti-steps-advanced-dot-width: var(--ti-common-size-3x, 12px);
	--ti-steps-advanced-count-bg-color: var(--ti-common-bg-primary, #c7000b);
	--ti-steps-advanced-count-border-radius: var(--ti-common-space-10, 10px);
	--ti-steps-advanced-count-font-size: var(--ti-common-font-size-base, 12px);
	--ti-steps-advanced-count-height: calc(var(--ti-common-space-6, 6px) * 3);
	--ti-steps-advanced-border-weight: calc(var(--ti-common-space-base, 4px) * 3.5);
	--ti-steps-timeline-date-time-font-size: var(--ti-common-font-size-base, 12px);
	--ti-steps-advanced-dot-doing-bg-color: var(--ti-common-color-warn, #fa9841);
	--ti-steps-advanced-dot-wait-bg-color: var(--ti-common-color-success-normal, #50d4ab);
	--ti-steps-advanced-dot-done-bg-color: var(--ti-common-color-success-normal, #50d4ab);
	--ti-steps-advanced-default-bg-color: var(--ti-common-color-bg-normal, #eef0f5);
	--ti-steps-advanced-bg-color-hover: #dfe1e6;
	--ti-steps-advanced-done-bg-color: var(--ti-common-color-bg-light-normal, #e9edfa);
	--ti-steps-advanced-done-bg-color-hover: var(--ti-base-color-brand-3, #beccfa);
	--ti-steps-advanced-doing-bg-color: var(--ti-common-color-bg-light-normal, #e9edfa);
	--ti-steps-advanced-doing-bg-color-hover: var(--ti-base-color-brand-3, #beccfa);
	--ti-steps-advanced-error-bg-color: var(--ti-common-color-error-bg, #ffeeed);
	--ti-steps-advanced-error-bg-color-hover: var(--ti-common-color-error-border-secondary, #ffbcba);
	--ti-steps-advanced-error-bg-color-selected: #de504e;
	--ti-steps-advanced-error-icon-color: var(--ti-common-color-error-text, #de504e);
	--ti-steps-advanced-disabled-bg-color: var(--ti-common-color-bg-disabled, #f5f5f5);
	--ti-steps-advanced-disabled-bg-color-hover: var(--ti-common-color-bg-disabled, #f5f5f5);
	--ti-steps-advanced-disabled-bg-color-active: var(--ti-common-color-bg-disabled, #f5f5f5);
	--ti-steps-timeline-name-font-size: var(--ti-common-font-size-1, 14px);
	--ti-steps-timeline-vertical-time-width: var(--ti-common-size-25x, 100px);
	--ti-steps-timeline-line-margin-vertical: var(--ti-common-size-base, 4px);
	--ti-steps-timeline-vertical-line-bg-color: var(--ti-common-color-line-dividing, #dfe1e6);
	--ti-steps-timeline-vertical-line-margin-left: var(--ti-common-size-3x, 12px);
	--ti-steps-timeline-vertical-line-margin-right: var(--ti-steps-timeline-vertical-line-margin-left);
	--ti-steps-timeline-shape-dot-content-margin-left: var(--ti-common-size-3x, 12px);
	--ti-steps-timeline-dot-width: var(--ti-common-size-2x, 8px);
	--ti-steps-timeline-dot-border-color: var(--ti-common-color-line-dividing, #dfe1e6);
	--ti-steps-timeline-dot-bg-color: var(--ti-common-color-line-dividing, #dfe1e6);
	--ti-steps-timeline-item-padding-bottom: var(--ti-common-size-5x, 20px);
	--ti-steps-timeline-item-secondary-text-color: var(--ti-common-color-text-weaken, #8a8e99);
	--ti-steps-timeline-item-secondary-text-font-size: var(--ti-common-font-size-base, 12px);
	--ti-steps-timeline-item-title-margin-bottom: var(--ti-common-size-base, 4px);
	--ti-steps-timeline-dot-primary-bg-color: var(--ti-steps-timeline-dot-bg-color);
	--ti-steps-timeline-dot-success-bg-color: var(--ti-common-color-success, #50d4ab);
	--ti-steps-timeline-dot-warning-bg-color: var(--ti-common-color-warn, #fa9841);
	--ti-steps-timeline-dot-danger-bg-color: var(--ti-common-color-error, #f66f6a);
	--ti-steps-timeline-dot-info-bg-color: var(--ti-common-color-prompt, #5e7ce0);
	--ti-steps-time-text-color: var(--ti-common-color-text-weaken, #8a8e99);
	--ti-steps-time-font-size: var(--ti-common-font-size-base, 12px);
	--ti-steps-time-margin-bottom: var(--ti-common-space-6, 6px)
}

.tiny-steps-senior {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: var(--ti-steps-text-color);
	font-size: var(--ti-steps-font-size-base);
	line-height: 16px
}

.tiny-steps-senior .tiny-steps-slide-bar {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.tiny-steps-senior .tiny-steps-slide-bar .slide-main {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	overflow: auto
}

.tiny-steps-senior .tiny-steps-slide-bar .slide-main>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.tiny-steps-senior .tiny-steps-slide-bar .slide-main::-webkit-scrollbar {
	width: 0;
	height: 0
}

.tiny-steps-senior .tiny-steps-slide-bar .more-button {
	display: none;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	height: 32px;
	cursor: pointer;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tiny-steps-senior .tiny-steps-slide-bar .more-button.display-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.tiny-steps-senior .tiny-steps-slide-bar .more-button .content {
	width: 16px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #f5f6f8
}

.tiny-steps-senior .tiny-steps-slide-bar .more-button .icon {
	height: 12px;
	width: 12px
}

.tiny-steps-senior .tiny-steps-slide-bar .more-button.left .content {
	margin-right: 6px
}

.tiny-steps-senior .tiny-steps-slide-bar .more-button.right .content {
	margin-left: 6px
}

.tiny-steps-senior .more-button-con {
	width: 16px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 6px;
	color: #c9c9c9;
	background-color: #f5f6f8
}

.tiny-steps-senior .more-button-con.left {
	margin-right: 6px
}

.tiny-steps-senior .more-button-con.right {
	margin-left: 6px
}

.tiny-steps-senior .more-button-con.bar-visible {
	color: #161e26
}

.tiny-steps-senior .more-button-con.bar-visible:hover {
	background-color: #b0bffd;
	color: #1890ff
}

.tiny-steps-senior .more-button-con .icon {
	width: 12px;
	height: 12px;
	fill: currentColor
}

.tiny-steps-senior .tiny-steps-block {
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 2px;
	position: relative;
	cursor: pointer;
	color: var(--ti-steps-text-color);
	margin: 0 1px;
	overflow: hidden;
	background-color: var(--ti-steps-advanced-default-bg-color)
}

.tiny-steps-senior .tiny-steps-block .right-arrow.hide {
	display: none
}

.tiny-steps-senior .tiny-steps-block:hover {
	background-color: var(--ti-steps-advanced-bg-color-hover)
}

.tiny-steps-senior .tiny-steps-block.active {
	background-color: var(--ti-steps-advanced-active-bg-color)
}

.tiny-steps-senior .tiny-steps-block.active:hover {
	background-color: var(--ti-steps-done-active-bg-color-hover)
}

.tiny-steps-senior .tiny-steps-block.not-flex {
	width: 176px
}

.tiny-steps-senior .tiny-steps-block.done {
	background-color: var(--ti-steps-advanced-done-bg-color)
}

.tiny-steps-senior .tiny-steps-block.done:hover {
	background-color: var(--ti-steps-advanced-done-bg-color-hover)
}

.tiny-steps-senior .tiny-steps-block.done.active {
	background-color: var(--ti-steps-advanced-active-bg-color)
}

.tiny-steps-senior .tiny-steps-block.doing {
	background-color: var(--ti-steps-advanced-doing-bg-color)
}

.tiny-steps-senior .tiny-steps-block.doing:hover {
	color: #fff;
	background-color: var(--ti-steps-advanced-doing-bg-color-hover)
}

.tiny-steps-senior .tiny-steps-block.doing.active,.tiny-steps-senior .tiny-steps-block.doing.active:hover {
	background-color: var(--ti-steps-advanced-active-bg-color)
}

.tiny-steps-senior .tiny-steps-block.fault {
	background-color: var(--ti-steps-advanced-error-bg-color)
}

.tiny-steps-senior .tiny-steps-block.fault:hover {
	background-color: var(--ti-steps-advanced-error-bg-color-hover)
}

.tiny-steps-senior .tiny-steps-block.fault.active {
	background-color: var(--ti-steps-advanced-error-bg-color-selected)
}

.tiny-steps-senior .tiny-steps-block.disabled {
	color: var(--ti-steps-disabled-icon-color);
	background-color: var(--ti-steps-advanced-disabled-bg-color)
}

.tiny-steps-senior .tiny-steps-block.disabled:hover {
	background-color: var(--ti-steps-advanced-disabled-bg-color-hover)
}

.tiny-steps-senior .tiny-steps-block.disabled.active {
	background-color: var(--ti-steps-advanced-disabled-bg-color-active)
}

.tiny-steps-senior .tiny-steps-block .arrow {
	height: 0;
	width: 0;
	position: absolute;
	border-top-width: 16px;
	border-bottom-width: 16px;
	border-left-width: 6px;
	border-right-width: 0;
	border-color: #fff;
	border-style: solid
}

.tiny-steps-senior .tiny-steps-block .left-arrow {
	left: 0;
	border-top-color: transparent;
	border-bottom-color: transparent
}

.tiny-steps-senior .tiny-steps-block .left-arrow.hide {
	display: none
}

.tiny-steps-senior .tiny-steps-block .right-arrow {
	right: 0;
	border-left-color: transparent
}

.tiny-steps-senior .tiny-steps-content {
	font-size: 14px;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 24px;
	overflow: hidden;
	height: 32px
}

.tiny-steps-senior .tiny-steps-content:hover .tiny-steps-icon.doing {
	background-color: #fff;
	color: #1890ff
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-icon {
	width: 16px;
	height: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 9999px;
	margin-right: 8px;
	background-color: #c9c9c9;
	color: #fff
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.doing,.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.done {
	background-color: var(--ti-steps-advanced-active-bg-color);
	color: #fff
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.active:not(.disabled) {
	color: var(--ti-steps-advanced-active-text-color);
	background-color: #fff
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.fault {
	background-color: var(--ti-steps-advanced-error-icon-color);
	color: #fff
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.fault.active {
	color: var(--ti-steps-error-icon-color);
	background-color: #fff
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-icon .icon {
	width: 10px;
	height: 10px;
	fill: currentColor
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-prefixslot {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-prefixslot .prefix {
	margin-right: -8px
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-text {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-text.active:not(.disabled) {
	color: #fff
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-text .tiny-steps-text-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tiny-steps-senior .tiny-steps-content .tiny-steps-text .tiny-steps-text-description {
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tiny-steps-senior.large .more-button,.tiny-steps-senior.large .tiny-steps-block {
	height: 48px
}

.tiny-steps-senior.large .tiny-steps-block .arrow {
	border-top-width: 24px;
	border-bottom-width: 24px;
	border-left-width: 9px
}

.tiny-steps-senior.large .tiny-steps-block .tiny-steps-content {
	height: 48px
}

.tiny-steps-senior.large .tiny-steps-block .tiny-steps-content .tiny-steps-icon {
	width: 24px;
	height: 24px;
	margin-right: 12px
}

.tiny-steps-senior.large .tiny-steps-block .tiny-steps-content .tiny-steps-icon .icon {
	width: 14px;
	height: 14px
}

.tiny-steps-senior.large .tiny-steps-block:not(.active):not(:hover).doing .tiny-steps-text-description,.tiny-steps-senior.large .tiny-steps-block:not(.active):not(:hover).done .tiny-steps-text-description {
	color: var(--ti-steps-description-text-color)
}

.tiny-steps-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: var(--ti-steps-text-color)
}

.tiny-steps-line.vertical .tiny-steps-block .description {
	margin-left: 0
}

.tiny-steps-line .item-number {
	position: relative;
	font-size: var(--ti-steps-number-font-size);
	line-height: 1
}

.tiny-steps-line .item-circle {
	width: var(--ti-steps-circle-width-height);
	height: var(--ti-steps-circle-width-height);
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	border-radius: 9999px;
	border: 1px solid var(--ti-steps-line-bg-color);
	background-color: #fff;
	font-weight: 500;
	position: absolute
}

.tiny-steps-line .tiny-steps-icon {
	width: var(--ti-steps-circle-width-height);
	height: var(--ti-steps-circle-width-height);
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 10;
	border: 1px solid var(--ti-steps-unselected-border-color);
	border-radius: 50%
}

.tiny-steps-line .tiny-steps-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.tiny-steps-line .tiny-steps-main .line.line-brand {
	border-color: var(--ti-steps-done-active-border-color)
}

.tiny-steps-line .tiny-steps-block {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	cursor: pointer;
	text-align: center
}

.tiny-steps-line .tiny-steps-block:not(.active,.fault,.disabled,.doing):hover .title {
	color: var(--ti-steps-text-color-hover)
}

.tiny-steps-line .tiny-steps-block:not(.active,.fault,.disabled,.doing):hover .tiny-steps-icon {
	border-color: var(--ti-steps-border-color-hover);
	color: var(--ti-steps-icon-hover-text-color)
}

.tiny-steps-line .tiny-steps-block.not-vertical {
	min-width: 128px;
	max-width: 320px;
	margin-right: var(--ti-steps-line-margin-horizontal);
	text-align: left
}

.tiny-steps-line .tiny-steps-block .tiny-steps-icon {
	width: var(--ti-steps-circle-width-height);
	height: var(--ti-steps-circle-width-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 9999px;
	border: 1px solid var(--ti-steps-unselected-border-color);
	background-color: var(--ti-steps-icon-bg-color);
	color: var(--ti-steps-unselected-icon-color);
	font-size: 14px
}

.tiny-steps-line .tiny-steps-block .tiny-steps-icon:hover {
	background-color: var(--ti-steps-bg-color-hover)
}

.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active {
	background-color: var(--ti-steps-advanced-active-bg-color);
	color: #fff;
	border-color: var(--ti-steps-advanced-active-border-color)
}

.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active.fault {
	color: var(--ti-steps-error-text-color);
	border: 1px solid var(--ti-steps-error-border-color);
	background-color: var(--ti-steps-error-icon-bg-color)
}

.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active.disabled {
	background-color: var(--ti-steps-disabled-select-icon-bg-color);
	color: var(--ti-steps-disabled-select-icon-color);
	border-color: var(--ti-steps-disabled-border-color)
}

.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-finish {
	fill: var(--ti-steps-done-icon-color)
}

.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-finish.active {
	fill: #fff
}

.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-warn {
	fill: var(--ti-steps-error-icon-color)
}

.tiny-steps-line .tiny-steps-block.flex-non {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.tiny-steps-line .tiny-steps-block.active div.title,.tiny-steps-line .tiny-steps-block.active div.title-vertical {
	color: var(--ti-steps-advanced-active-text-color)
}

.tiny-steps-line .tiny-steps-block.active .description:not(.disabled,.fault) {
	color: var(--ti-steps-advanced-active-text-color)
}

.tiny-steps-line .tiny-steps-block.active .description.fault {
	color: var(--ti-steps-error-text-color)
}

.tiny-steps-line .tiny-steps-block.disabled {
	color: var(--ti-steps-disabled-icon-color);
	cursor: not-allowed
}

.tiny-steps-line .tiny-steps-block.disabled.active div.title,.tiny-steps-line .tiny-steps-block.disabled.active div.title-vertical {
	color: var(--ti-steps-disabled-name-text-color)
}

.tiny-steps-line .tiny-steps-block.fault div.title,.tiny-steps-line .tiny-steps-block.fault div.title-vertical {
	color: var(--ti-steps-error-text-color)
}

.tiny-steps-line .tiny-steps-block.fault .tiny-steps-icon {
	color: var(--ti-steps-error-icon-color);
	border-color: var(--ti-steps-error-border-color);
	background-color: var(--ti-steps-error-icon-bg-color)
}

.tiny-steps-line .tiny-steps-block.fault .tiny-steps-icon:hover {
	background-color: var(--ti-steps-error-icon-bg-color-hover)
}

.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon {
	border: 1px solid var(--ti-steps-doing-border-color);
	background-color: var(--ti-steps-doing-icon-bg-color);
	color: var(--ti-steps-doing-icon-color)
}

.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon:hover {
	border-color: var(--ti-steps-doing-border-color-hover)
}

.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon.active {
	border: 1px solid var(--ti-steps-doing-border-color);
	background-color: var(--ti-steps-advanced-active-bg-color);
	color: var(--ti-steps-line-active-icon-color)
}

.tiny-steps-line .tiny-steps-block.done .title {
	color: var(--ti-steps-done-text-color)
}

.tiny-steps-line .tiny-steps-block.done .tiny-steps-main .tiny-steps-icon {
	background-color: var(--ti-steps-done-icon-bg-color);
	border-color: var(--ti-steps-done-active-border-color)
}

.tiny-steps-line .tiny-steps-block.done .tiny-steps-main .tiny-steps-icon:hover {
	border-color: var(--ti-steps-done-active-border-color-hover)
}

.tiny-steps-line .tiny-steps-block.done .tiny-steps-main .tiny-steps-icon.active {
	border-color: var(--ti-steps-advanced-active-border-color);
	background-color: var(--ti-steps-advanced-active-bg-color)
}

.tiny-steps-line .tiny-steps-block .tiny-steps-icon.disabled {
	color: var(--ti-steps-disabled-icon-color);
	background-color: var(--ti-steps-disabled-icon-bg-color);
	border-color: var(--ti-steps-disabled-border-color)
}

.tiny-steps-line .tiny-steps-block .title {
	font-size: var(--ti-steps-font-size-base);
	margin-left: var(--ti-steps-text-margin-left);
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tiny-steps-line .tiny-steps-block .line {
	border-top: 1px solid var(--ti-steps-line-bg-color);
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto
}

.tiny-steps-line .tiny-steps-block .left-line.acetate {
	opacity: 0
}

.tiny-steps-line .tiny-steps-block .left-line.not-vertical {
	display: none;
	min-width: 24px;
	margin-left: 16px
}

.tiny-steps-line .tiny-steps-block .right-line.acetate {
	opacity: 0
}

.tiny-steps-line .tiny-steps-block .right-line.hide {
	display: none
}

.tiny-steps-line .tiny-steps-block .right-line.not-vertical {
	min-width: 24px;
	margin-left: var(--ti-steps-line-margin-horizontal)
}

.tiny-steps-line .tiny-steps-block .title-vertical {
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 12px 20px 0
}

.tiny-steps-line .tiny-steps-block .title-vertical.not-vertical {
	display: none;
	margin: 0
}

.tiny-steps-line .tiny-steps-block .description {
	font-size: 12px;
	color: var(--ti-steps-description-text-color);
	margin-left: calc(var(--ti-steps-circle-width-height) + var(--ti-steps-text-margin-left));
	margin-top: var(--ti-steps-vertical-description-margin-top);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all
}

.tiny-steps-line .tiny-steps-block .description.disabled {
	color: var(--ti-steps-disabled-text-color)
}

.tiny-steps-line .tiny-steps-block .description .fault {
	color: var(--ti-steps-error-text-color)
}

.tiny-steps-line .tiny-steps-block .description.not-vertical {
	margin-top: 0
}

.tiny-steps-line .tiny-steps-block.done .left-line,.tiny-steps-line .tiny-steps-block.done .right-line,.tiny-steps-line .tiny-steps-block.doing .left-line {
	border-top: 1px solid var(--ti-steps-line-active-bg-color)
}

.tiny-steps-line .tiny-steps-block .tiny-steps-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tiny-steps-line .tiny-steps-block.mini .tiny-steps-icon {
	width: 8px;
	height: 8px;
	font-size: 12px
}

.tiny-steps-line .tiny-steps-block.mini .title,.tiny-steps-line .tiny-steps-block.mini .title-vertical {
	font-size: 12px
}

.tiny-steps-line .tiny-steps-block.small .tiny-steps-icon {
	width: 16px;
	height: 16px;
	font-size: 12px
}

.tiny-steps-line .tiny-steps-block.small .tiny-steps-icon .icon {
	width: 10px;
	height: 10px
}

.tiny-steps-line .tiny-steps-block.small .title,.tiny-steps-line .tiny-steps-block.small .title-vertical {
	font-size: 12px
}

.tiny-steps-line .tiny-steps-block.medium .tiny-steps-icon {
	width: var(--ti-steps-circle-width-height);
	height: var(--ti-steps-circle-width-height);
	font-size: var(--ti-steps-font-size-base)
}

.tiny-steps-line .tiny-steps-block.medium .tiny-steps-icon .icon {
	width: var(--ti-steps-number-font-size);
	height: var(--ti-steps-number-font-size)
}

.tiny-steps-line .tiny-steps-block.large .tiny-steps-icon {
	width: 32px;
	height: 32px;
	font-size: 16px
}

.tiny-steps-line .tiny-steps-block.large .tiny-steps-icon .icon {
	width: 18px;
	height: 18px
}

.tiny-steps-line .tiny-steps-block.large .title,.tiny-steps-line .tiny-steps-block.large .title-vertical {
	font-size: 16px
}

.tiny-steps-line.medium .left-line {
	margin-right: 8px
}

.tiny-steps-line.medium .right-line {
	margin-left: 8px
}

.tiny-steps-line.small .left-line {
	margin-right: 8px
}

.tiny-steps-line.small .right-line {
	margin-left: 8px
}

.tiny-steps-line.mini .left-line {
	margin-right: 4px
}

.tiny-steps-line.mini .right-line {
	margin-left: 4px
}

.tiny-steps-line.large .left-line {
	margin-right: 12px
}

.tiny-steps-line.large .right-line {
	margin-left: 12px
}

.tiny-steps-line .tiny-steps-left .tiny-steps-icon,.tiny-steps-line .tiny-steps-right .tiny-steps-icon {
	border: none
}

.tiny-steps-line .tiny-steps-left .tiny-steps-icon .item-number,.tiny-steps-line .tiny-steps-right .tiny-steps-icon .item-number {
	width: var(--ti-steps-circle-width-height);
	height: var(--ti-steps-circle-width-height);
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 10;
	border: 1px solid var(--ti-steps-unselected-border-color);
	border-radius: 50%;
	background-color: var(--ti-steps-icon-bg-color)
}

.tiny-steps-line .tiny-steps-left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	cursor: pointer;
	max-width: 320px;
	margin-right: 16px
}

.tiny-steps-line .tiny-steps-left .tiny-steps-icon {
	border-color: var()
}

.tiny-steps-line .tiny-steps-left.vertical {
	text-align: center;
	margin-right: 0;
	max-width: initial
}

.tiny-steps-line .tiny-steps-left .left-line {
	border-top: 1px solid;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	opacity: 0
}

.tiny-steps-line .tiny-steps-left .left-line.not-vertical {
	display: none;
	margin-right: 16px;
	min-width: 24px
}

.tiny-steps-line .tiny-steps-left .right-line {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	border-top: 1px solid
}

.tiny-steps-line .tiny-steps-left .right-line.not-vertical {
	min-width: 24px
}

.tiny-steps-line .tiny-steps-right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	cursor: pointer;
	text-align: center
}

.tiny-steps-line .tiny-steps-right.not-vertical {
	min-width: 128px;
	max-width: 320px;
	text-align: left
}

.tiny-steps-line .tiny-steps-right .tiny-steps-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.tiny-steps-line .tiny-steps-right .line {
	border-top: 1px solid var(--ti-steps-line-bg-color);
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto
}

.tiny-steps-line .tiny-steps-right .line.right-line {
	opacity: 0
}

.tiny-steps-line .tiny-steps-right .line.not-vertical {
	display: none;
	min-width: 24px;
	margin-left: 16px
}

.tiny-steps-line .tiny-steps-right .tiny-steps-icon {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 10
}

.tiny-steps-line .tiny-steps-right .item-circle {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	border-radius: 9999px;
	border: 1px solid var(--ti-steps-line-bg-color);
	background-color: var(--ti-steps-icon-bg-color);
	font-weight: 500;
	position: absolute
}

.tiny-steps-line.mini .tiny-steps-icon {
	width: 8px;
	height: 8px;
	font-size: 12px
}

.tiny-steps-line.small .tiny-steps-icon {
	width: 16px;
	height: 16px;
	font-size: 12px
}

.tiny-steps-line.medium .tiny-steps-icon {
	width: var(--ti-steps-circle-width-height);
	height: var(--ti-steps-circle-width-height);
	font-size: 14px
}

.tiny-steps-line.large .tiny-steps-icon {
	width: 32px;
	height: 32px;
	font-size: 16px
}

.tiny-steps-line.mini .item-circle {
	width: 8px;
	height: 8px
}

.tiny-steps-line.small .item-circle {
	width: 16px;
	height: 16px
}

.tiny-steps-line.medium .item-circle {
	width: var(--ti-steps-circle-width-height);
	height: var(--ti-steps-circle-width-height)
}

.tiny-steps-line.large .item-number {
	font-size: 16px
}

.tiny-steps-line.large .item-circle {
	width: 32px;
	height: 32px
}

.tiny-steps-standard {
	position: relative;
	font-size: 0;
	color: var(--ti-steps-timeline-date-time-text-color)
}

.tiny-steps-standard .tiny-steps-advanced li {
	line-height: var(--ti-steps-advanced-line-height);
	display: inline-block;
	background: var(--ti-steps-advanced-li-bg-color);
	position: relative
}

.tiny-steps-standard .tiny-steps-advanced li.current .label {
	background: var(--ti-steps-advanced-active-bg-color);
	color: var(--ti-steps-advanced-li-text-color);
	font-weight: 700
}

.tiny-steps-standard .tiny-steps-advanced li.current .label:after {
	border-left-color: var(--ti-steps-advanced-active-bg-color)
}

.tiny-steps-standard .tiny-steps-advanced li .label {
	border: solid 1px var(--ti-steps-advanced-border-color);
	border-right: none;
	display: block;
	text-align: center;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	color: var(--ti-steps-advanced-text-color);
	font-size: var(--ti-steps-advanced-link-font-size)
}

.tiny-steps-standard .tiny-steps-advanced li .label:after {
	content: "";
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 9px solid #fff;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: translateX(100%);
	transform: translate(100%);
	z-index: 1
}

.tiny-steps-standard .tiny-steps-advanced li .label:before {
	content: "";
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 9px solid #d7d8da;
	position: absolute;
	left: 0;
	top: 0
}

.tiny-steps-standard .tiny-steps-advanced li .label:hover {
	background: var(--ti-steps-advanced-li-hover-bg-color);
	color: var(--ti-steps-advanced-li-hover-text-color);
	text-decoration: none
}

.tiny-steps-standard .tiny-steps-advanced li .label:hover:after {
	border-left-color: var(--ti-steps-advanced-li-hover-bg-color)
}

.tiny-steps-standard .tiny-steps-advanced li:first-child .label {
	border-top-left-radius: var(--ti-steps-advanced-border-radius);
	border-bottom-left-radius: var(--ti-steps-advanced-border-radius)
}

.tiny-steps-standard .tiny-steps-advanced li:first-child .label:before {
	display: none
}

.tiny-steps-standard .tiny-steps-advanced li:last-child .label {
	border-right: solid 1px var(--ti-steps-advanced-border-color);
	border-top-right-radius: var(--ti-steps-advanced-border-radius);
	border-bottom-right-radius: var(--ti-steps-advanced-border-radius)
}

.tiny-steps-standard .tiny-steps-advanced li:last-child .label:after {
	display: none
}

.tiny-steps-standard .tiny-steps-advanced li .dot {
	height: var(--ti-steps-advanced-dot-height);
	width: var(--ti-steps-advanced-dot-width);
	margin-right: 8px;
	padding: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute
}

.tiny-steps-standard .tiny-steps-advanced li .dot svg {
	width: 100%;
	height: 100%;
	fill: var(--ti-steps-advanced-text-color)
}

.tiny-steps-standard .tiny-steps-advanced li.current .dot svg,.tiny-steps-standard .tiny-steps-advanced li.current .dot svg:hover {
	fill: var(--ti-steps-advanced-li-bg-color)
}

.tiny-steps-standard .tiny-steps-advanced li:hover .dot svg {
	fill: var(--ti-steps-advanced-text-color)
}

.tiny-steps-standard .tiny-steps-advanced .count {
	background-color: var(--ti-steps-advanced-count-bg-color);
	border-radius: var(--ti-steps-advanced-count-border-radius);
	color: var(--ti-steps-advanced-li-text-color);
	display: inline-block;
	font-size: var(--ti-steps-advanced-count-font-size);
	height: var(--ti-steps-advanced-count-height);
	line-height: var(--ti-steps-advanced-count-height);
	padding: 0 6px;
	text-align: center;
	white-space: nowrap;
	position: absolute;
	top: -10px;
	right: 10px
}

.tiny-timeline {
	position: relative;
	margin-top: 15px;
	margin-left: 15px;
}

.tiny-timeline .line {
	background: var(--ti-steps-line-bg-color)
}

.tiny-timeline .icon {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: var(--ti-steps-number-font-size);
	left: calc(50% - var(--ti-steps-icon-size)/ 2);
	top: 0;
	width: var(--ti-steps-icon-size);
	height: var(--ti-steps-icon-size);
	border: var(--ti-steps-icon-border-width) solid var(--ti-steps-unselected-border-color);
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	color: var(--ti-steps-unselected-icon-color);
	cursor: pointer;
	background-color: var(--ti-steps-icon-bg-color);
	z-index: 15
}

.tiny-timeline .icon[class*=icon-] {
	background-color: var(--ti-steps-custom-icon-bg-color)
}

.tiny-timeline .icon.icon-success {
	border-color: var(--ti-steps-done-active-border-color)
}

.tiny-timeline .icon.icon-success .fixicon {
	fill: var(--ti-steps-done-icon-color)
}

.tiny-timeline .icon.icon-warning {
	background-color: var(--ti-steps-warning-icon-bg-color);
	border-color: var(--ti-steps-warning-icon-bg-color)
}

.tiny-timeline .icon.icon-warning .fixicon {
	fill: var(--ti-steps-warning-icon-color)
}

.tiny-timeline .icon.icon-error {
	border-color: var(--ti-steps-error-border-color)
}

.tiny-timeline .icon.icon-error .fixicon {
	fill: var(--ti-steps-error-icon-color)
}

.tiny-timeline .icon .fixicon,.tiny-timeline .icon .fixicons {
	width: var(--ti-steps-custom-icon-width-height);
	height: var(--ti-steps-custom-icon-width-height);
	background-color: transparent
}

.tiny-timeline .icon.fixicons {
	padding: 0;
	left: 0;
	border: none
}

.tiny-timeline .icon .number {
	display: inline-block
}

.tiny-timeline .date-time {
	text-align: center;
	color: var(--ti-steps-time-text-color);
	font-size: var(--ti-steps-time-font-size);
	margin-bottom: var(--ti-steps-time-margin-bottom);
	cursor: pointer;
}

.tiny-timeline .tiny-steps__node {
	position: relative
}

.tiny-timeline .process-done .node-description {
	color: var(--ti-steps-done-text-color)
}

.tiny-timeline .process-done .icon {
	color: var(--ti-steps-done-icon-color);
	fill: var(--ti-steps-done-icon-color);
	border-color: var(--ti-steps-done-active-border-color);
	background-color: var(--ti-steps-done-icon-bg-color)
}

.tiny-timeline .process-done .icon .icon-yes {
	fill: var(--ti-steps-done-icon-color);
	font-size: var(--ti-steps-done-icon-size);
	border-radius: 50%
}

.tiny-timeline .process-done.tiny-timeline-item .dot-container .dot {
	border-color: var(--ti-steps-done-active-border-color);
	background-color: var(--ti-steps-done-icon-bg-color)
}

.tiny-timeline .process-done .line,.tiny-timeline .process-done.tiny-timeline-item.timeline .tiny-timeline-item__pillar .line {
	background-color: var(--ti-steps-line-active-bg-color)
}

.tiny-timeline .process-current .icon {
	color: var(--ti-steps-advanced-li-text-color);
	font-size: var(--ti-steps-font-size-base);
	border-color: var(--ti-steps-advanced-active-border-color);
	background: var(--ti-steps-advanced-active-bg-color)
}

.tiny-timeline .process-current .icon .fixicons {
	fill: var(--ti-steps-advanced-li-text-color)
}

.tiny-timeline .process-current.tiny-timeline-item .dot-container .dot {
	background-color: var(--ti-steps-advanced-active-bg-color)
}

.tiny-timeline .process-error {
	cursor: not-allowed
}

.tiny-timeline .process-error .icon {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: var(--ti-steps-error-icon-color);
	border-color: var(--ti-steps-error-border-color);
	background-color: var(--ti-steps-error-bg-color)
}

.tiny-timeline .process-error .icon .icon-wrap {
	font-size: 0
}

.tiny-timeline .process-error .icon svg {
	fill: var(--ti-steps-error-icon-color);
	font-size: var(--ti-steps-error-icon-size)
}

.tiny-timeline .process-error.tiny-timeline-item .dot-container .dot {
	background-color: var(--ti-steps-error-border-color)
}

.tiny-timeline .process-error.normal .node-description .name,.tiny-timeline .process-error.normal .node-description div.name:hover {
	color: var(--ti-steps-error-text-color)
}

.tiny-timeline .process-disabled {
	cursor: not-allowed
}

.tiny-timeline .process-disabled .icon {
	background-color: var(--ti-steps-disabled-icon-bg-color);
	border-color: var(--ti-steps-disabled-border-color)
}

.tiny-timeline .process-disabled .icon .number {
	color: var(--ti-steps-disabled-icon-color)
}

.tiny-timeline .process-disabled.tiny-timeline-item .dot-container .dot {
	background-color: var(--ti-steps-disabled-icon-bg-color)
}

.tiny-timeline .process-disabled .tiny-timeline-item__content .name,.tiny-timeline .process-disabled .tiny-timeline-item__content div.name:hover,.tiny-timeline .process-disabled.normal .node-description .name,.tiny-timeline .process-disabled.normal .node-description div.name:hover {
	color: var(--ti-steps-disabled-text-color)
}

.tiny-timeline .process-current .node-description .name:hover,.tiny-timeline .process-done .node-description .name:hover,.tiny-timeline .process-error .node-description .name:hover {
	font-weight: var(--ti-steps-font-size-hover)
}

.tiny-timeline .reverse .process-current .line {
	background: var(--ti-steps-line-active-bg-color)
}

.tiny-timeline .tiny-steps-normal .normal {
	display: block;
	position: relative;
	font-size: var(--ti-steps-font-size-base)
}

.tiny-timeline .tiny-steps-normal .icon span {
	display: inline-block
}

.tiny-timeline .tiny-steps-normal .name {
	color: var(--ti-steps-timeline-date-time-text-color);
	cursor: pointer
}

.tiny-timeline .tiny-steps-normal.text-right {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 0;
	margin: 0
}

.tiny-timeline .tiny-steps-normal.text-right .normal {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.tiny-timeline .tiny-steps-normal.text-right .normal .step-icon {
	top: 0;
	left: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.tiny-timeline .tiny-steps-normal.text-right .normal .node-description {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-left: var(--ti-steps-text-margin-left);
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tiny-timeline .tiny-steps-normal.text-right .normal .node-description .name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-right: var(--ti-steps-name-margin-right);
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: normal;
	text-align: left;
	max-width: var(--ti-steps-content-max-width)
}

.tiny-timeline .tiny-steps-normal.text-right .normal .line {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: var(--ti-steps-line-height);
	margin-left: var(--ti-steps-line-margin-horizontal)
}

.tiny-timeline .tiny-steps-normal.text-right .normal .line.line-end {
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.tiny-timeline .tiny-steps-normal.text-right .normal:not(:first-child) {
	padding-left: var(--ti-steps-line-margin-horizontal)
}

.tiny-timeline .tiny-steps-normal.text-right .normal:not(:last-child) {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.tiny-timeline .tiny-steps-normal.text-right .normal.no-flex {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.tiny-timeline .tiny-steps-normal.text-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.tiny-timeline .tiny-steps-normal.text-bottom .node-description {
	position: relative;
	text-align: center;
	margin-top: var(--ti-steps-content-margin-top);
	border-radius: 4px;
	border: 1px solid #ebeef5;
	background-color: #fff;
	overflow: hidden;
	color: #303133;
	transition: .3s;
	line-height: 1.5;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	margin: 10px;
	padding: 20px;
}

.tiny-timeline .tiny-steps-normal.text-bottom .node-description .name {
	font-size: var(--ti-steps-font-size-base);
	float: left;
	width: 100%;
	cursor: pointer;
	font-size: 14px;
	color: #303133;
	line-height: 1.5em;
}
.tiny-timeline .tiny-steps-normal.text-bottom .node-description .content {
	font-size: 12px;
	color: #5e6d82;
	line-height: 1.5em;
	cursor: pointer;
}

.tiny-timeline .tiny-steps-normal.text-bottom .node-description .name:hover {
	color: var(--ti-steps-text-color-hover)
}

.tiny-timeline .tiny-steps-normal.text-bottom .node-description .status {
	font-size: var(--ti-steps-font-size-base);
	float: left;
	width: 100%
}

.tiny-timeline .tiny-steps-normal.text-bottom .line {
	width: calc(100% - var(--ti-steps-icon-size) - var(--ti-steps-line-margin-horizontal) * 2);
	height: var(--ti-steps-line-height);
	left: calc(50% + var(--ti-steps-icon-size)/ 2 + var(--ti-steps-line-margin-horizontal));
	top: calc((var(--ti-steps-icon-size) - var(--ti-steps-line-height))/ 2);
	position: absolute
}

.tiny-timeline .tiny-steps-normal.text-bottom .line.line-end {
	width: 0
}

.tiny-timeline .tiny-steps-normal .tiny-timeline-item__description {
	position: absolute;
	bottom: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	min-width: var(--ti-steps-description-min-width);
	text-align: left
}

.tiny-timeline .tiny-steps-normal .process-current .node-description .name {
	color: var(--ti-steps-advanced-active-text-color);
	font-weight: var(--ti-steps-active-font-weight);
	font-size: 14px;
	color: #303133;
	line-height: 1.5em;
}

.tiny-timeline .show-divider .tiny-timeline-item {
	padding-bottom: calc(var(--ti-steps-bottom-divider-margin-top) + var(--ti-steps-bottom-divider-height))
}

.tiny-timeline .show-divider .tiny-timeline-item.process-current:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: calc(var(--ti-steps-line-margin-horizontal) + var(--ti-steps-icon-size)/ 2 - 7px);
	border: 7px solid transparent;
	border-top: none;
	border-bottom-color: var(--ti-steps-advanced-active-bg-color)
}

.tiny-timeline .show-divider .tiny-timeline-item:first-child.process-current:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: calc(var(--ti-steps-icon-size)/ 2 - 7px);
	border: 7px solid transparent;
	border-top: none;
	border-bottom-color: var(--ti-steps-advanced-active-bg-color)
}

.tiny-timeline .show-divider+.tiny-steps__bottom-divider {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: var(--ti-steps-bottom-divider-height);
	margin-top: calc(var(--ti-steps-bottom-divider-margin-top) - 4px);
	background-color: var(--ti-steps-bottom-divider-bg-color)
}

.tiny-timeline .tiny-steps-timeline {
	font-size: var(--ti-steps-timeline-name-font-size);
	color: var(--ti-steps-timeline-date-time-text-color)
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot {
	padding-top: 4px
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .process-current .tiny-timeline-item__content {
	border: 1px solid #0099f4;
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__pillar .line {
	width: var(--ti-steps-line-height);
	margin-block:var(--ti-steps-timeline-line-margin-vertical);background-color: var(--ti-steps-timeline-vertical-line-bg-color)
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content {
	margin-left: var(--ti-steps-timeline-shape-dot-content-margin-left)
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--primary .dot {
	border-color: var(--ti-steps-timeline-dot-primary-bg-color);
	background-color: var(--ti-steps-timeline-dot-primary-bg-color)
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--success .dot {
	border-color: var(--ti-steps-timeline-dot-success-bg-color);
	background-color: var(--ti-steps-timeline-dot-success-bg-color)
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--warning .dot {
	border-color: var(--ti-steps-timeline-dot-warning-bg-color);
	background-color: var(--ti-steps-timeline-dot-warning-bg-color)
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--danger .dot {
	border-color: var(--ti-steps-timeline-dot-danger-bg-color);
	background-color: var(--ti-steps-timeline-dot-danger-bg-color)
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--info .dot {
	border-color: var(--ti-steps-timeline-dot-info-bg-color);
	background-color: var(--ti-steps-timeline-dot-info-bg-color)
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content {
	margin-top: -5px
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content .name {
	margin-bottom: var(--ti-steps-timeline-item-title-margin-bottom)
}

.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content .time {
	color: var(--ti-steps-timeline-item-secondary-text-color);
	font-size: var(--ti-steps-timeline-item-secondary-text-font-size);
	cursor: pointer;
}

.tiny-timeline .tiny-steps-timeline .timeline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.tiny-timeline .tiny-steps-timeline .timeline.process-done {
	color: var(--ti-steps-done-text-color)
}

.tiny-timeline .tiny-steps-timeline .timeline.process-current {
	color: var(--ti-steps-advanced-active-text-color)
}

.tiny-timeline .tiny-steps-timeline .timeline:last-child .tiny-timeline-item__pillar .line {
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.tiny-timeline .tiny-steps-timeline .timeline .tiny-timeline-item__pillar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	width: var(--ti-steps-timeline-dot-width)
}

.tiny-timeline .tiny-steps-timeline .timeline .tiny-timeline-item__pillar .line {
	width: var(--ti-steps-line-height);
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.tiny-timeline .tiny-steps-timeline .timeline .tiny-timeline-item__pillar .line .tiny-svg {
	vertical-align: baseline
}

.tiny-timeline .tiny-steps-timeline .timeline .tiny-timeline-item__pillar .icon {
	left: 0
}

.tiny-timeline .tiny-steps-timeline .timeline .date-time {
	width: var(--ti-steps-timeline-vertical-left-width);
	padding-right: var(--ti-steps-timeline-vertical-line-margin-left);
	padding-bottom: var(--ti-steps-timeline-item-padding-bottom);
	text-align: right;
	flex: none;
	cursor: pointer;
}

.tiny-timeline .tiny-steps-timeline .timeline .date-time .time {
	display: block;
	line-height: 1
}

.tiny-timeline .tiny-steps-timeline .timeline .date-time .date {
	display: block;
	line-height: 1;
	margin-bottom: 4px
}

.tiny-timeline .tiny-steps-timeline .timeline .dot-container {
	padding: var(--ti-steps-timeline-dot-margin-bottom);
	position: relative
}

.tiny-timeline .tiny-steps-timeline .timeline .dot-container .fixicons {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.tiny-timeline .tiny-steps-timeline .timeline .dot {
	display: block;
	width: var(--ti-steps-timeline-dot-width);
	height: var(--ti-steps-timeline-dot-width);
	border: 1px solid var(--ti-steps-timeline-dot-border-color);
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: var(--ti-steps-timeline-dot-bg-color)
}

.tiny-timeline .tiny-steps-timeline .timeline .tiny-timeline-item__content {
	padding-bottom: var(--ti-steps-timeline-item-padding-bottom);
	margin-left: var(--ti-steps-timeline-vertical-line-margin-right);
	border-radius: 4px;
	border: 1px solid #ebeef5;
	background-color: #fff;
	overflow: hidden;
	color: #303133;
	transition: .3s;
	line-height: 1.5;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	margin: 10px;
	padding: 20px;
}

.tiny-timeline .tiny-steps-timeline .timeline .tiny-timeline-item__content .content {
	font-size: 12px;
	color: #5e6d82;
	line-height: 1.5em;
	cursor: pointer;
}
.tiny-timeline .tiny-steps-timeline .timeline .tiny-timeline-item__content .name {
	cursor: pointer;
}

.tiny-timeline .tiny-steps-timeline .timeline .icon {
	top: 0
}

.tiny-timeline--mini .icon {
	width: var(--ti-steps-mini-icon-size);
	height: var(--ti-steps-mini-icon-size)
}

.tiny-timeline--mini .process-done .icon .tiny-svg,.tiny-timeline--mini .process-done .icon span,.tiny-timeline--mini .process-error .icon .tiny-svg,.tiny-timeline--mini .tiny-svg,.tiny-timeline--mini span {
	font-size: var(--ti-steps-mini-number-font-size)
}

.tiny-timeline--mini .node-description .name,.tiny-timeline--mini .node-description .status {
	font-size: var(--ti-steps-mini-font-size-base)
}

.vxe-select--panel.is--transfer {
	z-index: 9000 !important;
}

.fc-event .fc-content {
	padding-left: 6px;
}
.darkIcon { color: #000; }
ul.drag-list, ul.drag-inner-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: 500;
}

.drag-container {
	max-width: 1000px;
	/*margin: 20px auto;*/
}

.drag-list {
	display: flex;
	align-items: flex-start;
}
@media (max-width: 690px) {
	.drag-list {
		display: block;
	}
}

.drag-column {
	flex: 1;
	margin: 0 10px;
	position: relative;
	background-color: #f6f8fc;
	overflow: hidden;
	display: table;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(134, 134, 162, 0.21);
	-moz-box-shadow: 0px 0px 4px 0px rgba(134, 134, 162, 0.21);
	box-shadow: 0px 0px 4px 0px rgba(134, 134, 162, 0.21);
}
/*.drag-column:before {
	content: '';
	width: 100%;
	height: 4px;
	background: linear-gradient(89deg, #c875e8 0, #dd6883 100%);
	position: absolute;
	border-radius: 5px;
	top: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}*/
@media (max-width: 690px) {
	.drag-column {
		margin-bottom: 30px;
	}
}
.drag-column h2 {
	font-size: 0.8rem;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
	/*color: #525f7f;*/
}

.drag-column-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	min-width: 200px;
}

.drag-inner-list {
	min-height: 50px;
	color: white;
}

.drag-item {
	padding: 10px;
	margin: 15px;
	background: #fff;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 5px;
}
.drag-item.is-moving {
	transform: scale(1.1);
	background: #f6f8fc;
}

.drag-header-more {
	cursor: pointer;
}

.drag-options {
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	transform: translateX(100%);
	opacity: 0;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.drag-options.active {
	transform: translateX(0);
	opacity: 1;
}
.drag-options-label {
	display: block;
	margin: 0 0 5px 0;
}
.drag-options-label input {
	opacity: 0.6;
}
.drag-options-label span {
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 400;
	margin-left: 5px;
}

/* Dragula CSS  */
.gu-mirror {
	position: fixed !important;
	margin: 0 !important;
	z-index: 9999 !important;
	opacity: 0.8;
	list-style-type: none;
}

.gu-hide {
	display: none !important;
}

.gu-unselectable {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.gu-transit {
	opacity: 0.2;
}
.ck-select.is--readonly { pointer-events: none; }
.vxe-input.is--hideborder.is--active > .vxe-input--inner {
	border: none !important;
}
.search-intel-icon svg {
	fill: currentColor;
}

.scroll-text {
	white-space: nowrap;
	animation: wordsLoop 10s linear infinite;
}
@keyframes wordsLoop {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}
.inputAlignCenter .vxe-input--inner {
	text-align: center;
	padding-right: 8px !important;
}
.inputAlignRight .vxe-input--inner {
	text-align: right;
	padding-right: 8px !important;
}
.cellctrl .el-button > div {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.upload_box .el-button { display: inline-flex; }
.upload_box .el-button .el-icon-upload { margin-right: 6px; }
.menucolumn .el-button--mini  { padding: 3px 7px; border-radius: 4px; }
.menucolumn .el-button--small { padding: 7px 10px; border-radius: 4px;  }
.el-dropdown-menu .el-dropdown-menu__item.search-intel-button {
	display: flex;
	justify-content: center;
	align-items: center;
}
.ck-cellbu-sidebar.el-drawer { width: 810px; }
.ck-short-card  {
	width: 150px;
	height: 150px;
	margin: 10px;
	cursor: pointer;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}
.ck-short-card img {
	width: 100px;
	height: 100px;
	border-radius: 4px;
}
.ck-short-card span {
	margin-top: 6px;
}


.ck-shortcut-span {
	float: right;
	margin-right: 10px;
	margin-top: 4px;
}
.ck-shortcut-icon {
	font-size: 20px;
	cursor: pointer;
}
.ck-shortcut-icon.vxe-icon-star-fill {
	color: rgb(64, 158, 255);
}
.ck-short-card:hover {
	background-color: rgba(32, 33, 36, 0.1);
	border-radius: 4px;
}
.ck-short-delete {
	opacity: 0;
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 20px;
	color: rgb(95, 99, 104);
}
.ck-short-card:hover .ck-short-delete{
	opacity: 1;
	transition-delay: 0.4s;
}
.ck-short-card:hover .ck-short-delete:hover {
	border-radius: 50%;
}
.ck-shortcut-popover div:first-child {
	padding: 10px;
}
.ck-shortcut-list-item { display: flex; justify-content: space-between; height: 30px; }
.ck-shortcut-list-item .vxe-icon-star-fill,.ck-shortcut-list-item  .vxe-icon-star { color: rgb(64, 158, 255); font-size: 20px; cursor: pointer; }

.ck-pulldown-popup.vxe-list .vxe-list--virtual-wrapper { position: unset; }
.ck-pulldown-popup .list-item {
	line-height: 22px;
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.ck-pulldown-popup .list-item:hover {
	background-color: #f5f7fa;
}
.vxe-table--tooltip-wrapper {
	z-index: 9000 !important;
}
.ck-dropdown.el-dropdown {
	width: 100%;
	height: 100%;
}
.ck-dropdown-menu-item.el-dropdown-menu__item {
	min-width: 100px;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 0px 20px;
	font-size: 12px;
}
.ck-dropdown-button {
	width: 100%;
	padding: 0px;
	height: inherit;
}
.ck-dropdown.el-dropdown .el-dropdown-link {
	display: inline-block;
	width: 100%;
	text-align: center;
	cursor: pointer;
	color: #409eff;
}
.ck-dropdown-menu {
	padding: 10px 0px;
}
.ck-dropdown-menu-item.el-dropdown-menu__item.ck-dropdown-menu-item-link { margin: 0px; border-radius: 0px; }