@import "../fonts/new/iconfont.css";
@import "../fonts/iconpark/iconfont.css";
@import "../fonts/fixedAssets/iconfont.css";
@import "../fonts/wms/iconfont.css";
/* @font-face {
font-family: HarmonyOS_Regular;
font-display: swap;
font-weight: 400;
src: url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);
}
@font-face {
font-family: HarmonyOS;
font-display: swap;
font-weight: 700;
src: url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);
} */
::-webkit-input-placeholder {
	color: #c5c5c5;
}
::-moz-placeholder {
	color: #c5c5c5;
}
:-moz-placeholder {
	color: #c5c5c5;
}
:-ms-input-placeholder {
	color: #c5c5c5;
}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
	margin: 0;
}
input[type="number"]{
	-moz-appearance:textfield;
}
option:disabled {
    background: rgb(196 196 196);
    color: rgb(79 79 79);
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
	input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
		line-height: inherit;
	}
}
@font-face
{
	font-family: "D-DIN";
	src: url('../fonts/D-DIN.woff')
}
@font-face
{
	font-family: "D-DIN-B";
	src: url('../fonts/D-DIN-Bold.woff')
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body{
	font-family:PingFang SC, HarmonyOS, Helvetica Neue, Microsoft YaHei, sans-serif;;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
table {
    border-collapse: inherit;
}
textarea{
	resize: none;
}
a{
	color: #444444;
}
.label {
    padding: .3em .6em .3em;
}
.navbar-top-links .tgl-menu-btn>a, .navbar-top-links .tgl-menu-btn>a:hover, .navbar-top-links .tgl-menu-btn>a:focus{
	color: #fff!important;
}
#container #mainnav-container{
	top:0!important;
	position: fixed!important;
}
#container.mainnav-fixed #mainnav{
    height: calc(100vh - 74px);
}
#container.mainnav-fixed:not(.navbar-fixed) #mainnav-container.affix-top #mainnav-menu-wrap>.nano>.nano-content{
	bottom:0!important;
}
#mainnav-menu i {
    font-size: 18px;
    padding:0 24px 0 0;
    vertical-align: initial;
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
}
#mainnav-menu li.active .customarrow:before{
	position: absolute;
    top: 0;
    left: 0;
	-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (min-width: 768px){
	.navbar-top-links .tgl-menu-btn>a:focus {
	    background-color: transparent;
	    color: inherit;
	}

	#container.mainnav-sm #mainnav-menu a {
	    padding: 12px 0 12px 15px;
	}
}
#container.mainnav-fixed .versioninter{
	height: 34px;
	line-height: 34px;
	font-size: 12px;
	color: #abb1b7;
	padding: 0 0 0 20px; 
	background: #273238;
}
/* PAN 18.01.31 */
/* .navbar-top-links>li>a:not(.mainnav-toggle)>i {
    color: #fff;
    transition: color .4s;
}
.navbar-icon-color, .navbar-top-links>li>a:focus:not(.mainnav-toggle)>i, .navbar-top-links>li>a:hover:not(.mainnav-toggle)>i {
    color: #6d7e90;
    transition: color .4s;
} */
.navbar-top-links>li>a:not(.mainnav-toggle)>i, .navbar-top-links>li>a:focus:not(.mainnav-toggle)>i {
    color: #fff;
    transition: color .4s;
}
.navbar-icon-color, .navbar-top-links>li>a:hover:not(.mainnav-toggle)>i, .navbar-top-links>li.open>a:not(.mainnav-toggle)>i{
    color: #6d7e90;
    transition: color .4s;
}
.navbar-top-links li.message .dropdown-menu a{
	color: #758697;
}
.navbar-top-links li.message .dropdown-menu a:hover{
    background: rgba(0,0,0,0.05);
    color: #2b425b;
}
/* PAN 18.01.31 */
.navbar-top-links>li>a{
	color: #fff;
}
#navbar{
	position: fixed;
}
.pagenav{
	position: fixed;
	top:40px;
    right: 0;
    z-index: 4;
    height: 40px;
    left: 0px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    font-size: 16px;
    text-align: center;
    color: #2b425b;
    width: auto;
	transition-property: width,padding,left,right;
    transition-duration: .35s;
}
.pagenav ul{
	list-style: none;
	padding: 0;
}
.pagenav ul.pull-left>li{
	float: left;
	min-width: 40px;
	background: #fff;
	line-height: 40px;
	border-right: 1px solid #eaeaea;
    height: 40px;
}
.pagenav ul.pull-right>li{
	float: left;
	min-width: 40px;
	background: #fff;
}
.pagenav ul.pull-left li:last-child,.pagenav ul.pull-right li:first-child{
	border:none;
}
.pagenav ul li i{
	line-height: 40px;
	margin-right:6px; 
}
.pagenav ul li a{
	display: block;
}
.pagenav ul label{
	line-height: initial;
}
.pagenav .open.mega-dropdown{
	position: relative;
}
.pagenav .backbtn:hover,.pagenav .filterbtn:hover{
	background: #38a0f4;
	transition: all .4s;
	color: #fff;
}
.pagenav .redbackground{
	background: #eb2a26;
	color: #fff;
}
.pagenav .redbackground:hover{
	background: #c9302c;
	color: #fff;
}
.pagenav .bluebackground{
	background: #1690f3;
	color: #fff;
}
.pagenav .bluebackground:hover{
	background: #204d74;
	color: #fff;
}
.pagenav .pinkbackground{
	background: #eb3774;
	color: #fff;
}
.pagenav .pinkbackground:hover{
	background: #e7175d;
	color: #fff;
}
.pagenav .yellowbackground{
	background: #f0ad4e;
	color: #fff;
}
.pagenav .yellowbackground:hover{
	background: #ffa31c;
	color: #fff;
}
.pagenav .purplebackground{
	background: #b761c5;
	color: #fff;
}
.pagenav .purplebackground:hover{
	background: #ab46bc;
	color: #fff;
}
.pagenav .successbackground{
	background: #449d44;
	color: #fff;
}
.pagenav .successbackground:hover{
	background: #74a838;
	color: #fff;
}

.pagenav .skybluebackground{
	background: #4b8cf0;
	color: #fff;
}
.pagenav .skybluebackground:hover{
	background: #4182ff;
	color: #fff;
}

.pagenav .power-menu{
	min-width: inherit;
}
.pagenav .power-menu .icon-lg{
	vertical-align: bottom;
}
.pagenav .power-menu .icon-lg+span{
	font-size: 14px;
}
.pagenav .navbar-top-links .head-list li{
	
}
.pagenav .navbar-top-links .head-list li a{
	color: #464646;
    border-bottom: 1px solid #e4e4e4;
	padding:16px 24px;
	display: flex;
	align-items: center;
}
/*.pagenav .navbar-top-links .head-list li a.link-refer{
	background-color: #fff;
	color: #3e3e3e;
	padding: 15px 25px;
	border: 1px solid #eee;
}*/
/* .pagenav .navbar-top-links .head-list li a.link-refer{
	background-color: #ec407a;
}
.pagenav .navbar-top-links .head-list li a.link-refer{
	background-color: #fff;
}
.pagenav .navbar-top-links .head-list li a.link-delete{
	background-color: #fff;
}
.pagenav .navbar-top-links .head-list li a.link-print{
	background-color: #fff;
}
.pagenav .navbar-top-links .head-list li a.link-back{
	background-color: #fff;
}
.pagenav .navbar-top-links .head-list li a.link-reply{
	background-color: #fff;
}
*/
.pagenav .navbar-top-links .head-list li a:hover{
	background-color: #e8e8e8;
} 
.pagenav .navbar-top-links .head-list li a.link-refer{
	background-color:#fff;
}
.pagenav .navbar-top-links .head-list li a.link-delete{
	background-color:#fff;
}
.pagenav .navbar-top-links .head-list li a.link-print{
	background-color:#fff;
}
.pagenav .navbar-top-links .head-list li a.link-back{
	background-color:#fff;
}
.pagenav .navbar-top-links .head-list li a.link-reply{
	background-color:#fff;
}

.nano>.nano-pane{
	width: 6px;
}
@media (min-width: 768px){
	.navbar-content {
	    background-color: #5c676d;
	}
	.navbar-top-links .tgl-menu-btn>a, .navbar-top-links .tgl-menu-btn>a:hover {
	    color: #fff;
	}
	.pagenav{
	    left: 220px;
	}
	#container.mainnav-sm .pagenav {
	    left: 50px;
	    transition-property: width,padding,left,right;
    	transition-duration: .35s;
	}
}

.data-number-fonts{
	font-family:Dosis,'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.tree-loading{
	display: none;
}
.task-list{

}
.task-list .manage-container{
	border-radius: 5px;
	overflow: hidden;
	background-color: #fff;
	width: 100%;
	padding:15px 15px 0;
	margin-bottom: 15px;
}
.task-list .manage-container .container-title{
	margin-bottom: 15px;
}
.task-list .manage-container .container-title span{
	font-size: 16px;
	line-height: 20px;
	color: #000;
	display: inline-block;
	vertical-align: top;
}
.task-list .manage-container .container-title em{
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	padding:0 8px;
	font-style: normal;
	margin-left: 24px;
	background: #42a5f5;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}
.task-list .manage-container ul{
	font-size: 0;
	list-style: none;
	padding: 0;
}
.task-list .manage-container li{
	font-size: 12px;
    margin-right: 10px;
	cursor: pointer;
	font-size: 14px;
	border-radius: 4px;
	display: inline-block;
	line-height: 32px;
	height: 34px;
	padding:0 10px; 
	border:1px solid #fff;
	cursor: pointer;
	margin:0 15px 15px 0;
}
.task-list .filter-container{
	float: left;
	width: 225px;
	padding: 15px;
	border-radius: 5px;
	background-color: #fff;
}
.task-list .list-container{
	margin-left:240px;
	border-radius: 5px;
	background-color: #fff;
	overflow: hidden;
}
.task-list .filter-container .container-title{
	font-size: 16px;
	color: #000;
	line-height: 24px;
	margin-bottom: 28px;
}
.task-list .filter-container .container-main{

}
.task-list .filter-container .form-block{
	margin-bottom: 13px;
	display: flex;
}
.task-list .filter-container .form-block.flex-block {
	flex-direction: column;
}
.task-list .filter-container .form-block .label{
	display: block;
	width:80px;
	color: #959595;
	font-size: 13px;
	padding: 4px 4px 4px 0;
    text-align: left;
    white-space: normal;
	font-weight: normal;
} 
.task-list .filter-container .form-block .context{
	display: block;
	width:115px;
} 
.task-list .filter-container .form-block.flex-block .label {
	width:100%;
}
.task-list .filter-container .form-block.flex-block .context {
	width:100%;
}
.task-list .filter-container .form-block .filterlist{
	width: 100%;
	height: 22px;
	border:1px solid #c4c4c4;
	display: block;
	font-size: 12px;
	color: #000;
	font-size: 13px;
	border-radius: 4px;
	text-indent: 2px;
	padding: 0;
	outline: none
}
.task-list .filter-container .checkbox-wrap{
	padding:8px 0;
    font-size: 0;
}
.task-list .filter-container .checkbox-wrap .checkbox-block{
	width: 47%;
	display: inline-block;
    vertical-align: top;
}
.task-list .filter-container .checkbox-wrap .checkbox-block:last-child{
	margin-left: 6%;
}
.task-list .filter-container .checkbox-wrap .checkbox-block .label{
	width: 76px;
	display: inline-block;
	color: #959595;
	font-size: 13px;
	padding:0;
	font-weight: inherit;
	text-align: left;
	line-height: 15px;
	vertical-align: middle;
}
.task-list .filter-container .checkbox-wrap .checkbox-block .context{
	display: inline-block;
	vertical-align: middle;
}
.task-list .filter-container .checkbox-wrap .checkbox-block input{
	display: none;
}
.task-list .filter-container .checkbox-wrap .checkbox-block input+label{
	position: relative;
	border:1px solid #7d7d7d;
	width:15px;
	height: 15px;
	display: block;
	border-radius: 2px;
	margin:0;
	cursor: pointer;
}
.task-list .filter-container .checkbox-wrap .checkbox-block input:checked+label:after{
	content: "";
	position: absolute;
	top: 1px;
    left: 4px;
    width: 6px;
    height: 10px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #2196F3;
    border-top: 0;
    border-left: 0;
    display: block;
}
.task-list .filter-container .switch-wrap{
	font-size: 0;
	padding: 8px 0;
	display: flex;
}
.task-list .filter-container .switch-wrap .label{
	display: block;
	width:80px;
	font-size: 13px;
	color: #959595;
	padding:0 0 4px 0;
	font-weight: inherit;
	text-align: left;
	line-height: 15px;
	white-space: normal;
}
.task-list .filter-container .switch-wrap .context{
	width:115px;
	display: block;
	text-align: right;
}
.task-list .filter-container .switch-wrap .context span{
	display: inline-block;
	font-size: 13px;
	width: 65px;
	color: #959595;
	padding:0;
	font-weight: inherit;
	text-align: left;
	line-height: 15px;
	vertical-align: middle;
}
.task-list .filter-container .switch-wrap .context input{
	display: none;
}
.task-list .filter-container .switch-wrap .context input+label{
	width: 26px;
    height: 12px;
    display: inline-block;
    position: relative;
    background-color: #afafaf;
    vertical-align: top;
	margin: 2px 0 0;
	border-radius: 3px;
	cursor: pointer;
}
.task-list .filter-container .switch-wrap .context input+label:after{
	content:"";
	position: absolute;
	width:12px;
	height: 10px;
	top:1px;
	left:1px;
	background-color: #fff;
	border-radius:3px; 
	transition: left .3s
}
.task-list .filter-container .switch-wrap .context input:checked+label{
	background-color: #42a5f5;
}
.task-list .filter-container .switch-wrap .context input:checked+label:after{
	left:13px;
}
.task-list .filter-container .submit-wrap{
	width: 100%;
    padding-top: 15px;
}
.task-list .filter-container .submit-wrap a{
	width: 100%;
    border-radius: 5px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    background-color: #42a5f5;
	display: block;
	text-align: center;
	cursor: pointer;
} 
.task-list .filter-container hr{
	border-top:1px solid #f6f6f6;
	border-color:#f6f6f6;
	margin:0 -15px;

}
.task-list .list-container .container-title{
	height: 46px;
	line-height: 46px;
	display: block;
	background-color:#42a5f5;
	font-size: 16px;
	color: #fff;
	padding: 0 15px;
}
.task-list .list-container .container-title span{
	background: #fff;
    display: inline-block;
    border-radius: 9px;
    color: #42a5f5;
    height: 22px;
    padding: 0 4px;
    line-height: 22px;
    font-weight: 600;
    margin-left: 8px;
}
.task-list .list-container .container-power{
	padding:8px 15px;
	display: block;
	background-color: #fff;
}
.task-list .list-container .container-power .item-selectall{
	display: inline-block;
	margin-right: 24px;
}
.task-list .list-container .container-power .item-selectall input{
	display: none;
}
.task-list .list-container .container-power .item-selectall input+label{
	padding:4px 0;
	margin: 0;
}
.task-list .list-container .container-power .item-selectall input+label em{
	position: relative;
    border: 1px solid #7d7d7d;
    width: 15px;
    height: 15px;
	border-radius: 2px;
	display: inline-block;
    margin: 0;
    cursor: pointer;
}
.task-list .list-container .container-power .item-selectall input:checked+label em:after{
	content: "";
	position: absolute;
    top: 1px;
    left: 4px;
    width: 6px;
    height: 10px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #2196F3;
    border-top: 0;
    border-left: 0;
    display: block;
}
.task-list .list-container .container-power .item-selectall span{
	line-height: 15px;
	display: inline-block;
	color: #959595;
	font-size: 13px;
	vertical-align: top;
	margin-left: 4px;
}
.task-list .list-container .container-power .item-class{
	display: inline-block;
	margin-right: 24px;
}
.task-list .list-container .container-power .item-class label{
	padding:4px 0;
	cursor: pointer;
	margin: 0;
}
.task-list .list-container .container-power .item-class label em{
	position: relative;
    border: 1px solid #7d7d7d;
    width: 15px;
    height: 15px;
    display: block;
	border-radius: 2px;
	display: inline-block;
    margin: 0;
}
.task-list .list-container .container-power .item-class label em:after{
	content: "";
    border: 0;
    width: 9px;
    border-top: 1px solid #000;
    position: absolute;
    top: 6px;
    left: 2px;
}
.task-list .list-container .container-power .item-class label em:before{
	content: "";
    border: 0;
    height: 9px;
    border-left: 1px solid #000;
    position: absolute;
    top: 2px;
    left: 6px;
}
.task-list .list-container .container-power .item-class label span{
	line-height: 15px;
    display: inline-block;
    color: #959595;
    font-size: 13px;
    vertical-align: top;
    margin-left: 4px;
}
.task-list .list-container .container-power .item-search{
	display: inline-block;
	border: 1px solid #41a5f5;
	border-radius: 4px;
}
.task-list .list-container .container-power .item-search input{
	width:210px;
	display: inline-block;
	height: 21px;
	line-height: 21px;
	outline: none;
	text-indent: 14px;
	font-size: 13px;
	color: #000;
	border:none;
	vertical-align: top;
	background: transparent;
}
.task-list .list-container .container-power .item-search em{
	color: #42a5f5;
	font-size: 16px;
	line-height: 21px;
	display: inline-block;
	margin-right: 4px;
}
.task-list .list-container .list-main{

}
.task-list .list-container .list-main .list-title{
	height: 46px;
	font-size: 0;
	background-color: #bfbfbf;
	display:flex;
}
.task-list .list-container .list-main .list-title>div{
	display: block;
	flex-shrink: 0;
	vertical-align: top;
	border-right: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 46px;
	color: #000;
	text-align: center;
}
.task-list .list-container .list-main .list-title>div:first-child{
	padding-left: 15px;
	text-align: left;
}
.task-list .list-container .list-main .list-title>div:last-child{
	border:0;
}
.task-list .list-container .list-main .list-title>div.wauto{
	width:100%;
	flex-shrink: inherit;
}

.task-list .list-container .list-main .list-title>div.multiline{
	line-height: 18px;
	padding-top: 5px;
}
.task-list .list-container .list-main .list-wrap{
	height: calc(100vh - 450px);
}
.task-list .list-container .list-main .list-wrap .list-item{
	background: #fff;
	font-size: 0;
	display:flex;
}
.task-list .list-container .list-main .list-wrap .list-item:nth-child(even){
	background: #f6f6f6;
}
.task-list .list-container .list-main .list-wrap .list-item>div{
	display: block;
	border-right: 1px solid #e5e5e5;
	font-size: 12px;
	line-height: 28px;
	color: #000;
	text-align: left;
	padding-left:2px;
	overflow: hidden;
	flex-shrink: 0;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.task-list .list-container .list-main .list-wrap .list-item>div input{
	display: none;
}
.task-list .list-container .list-main .list-wrap .list-item>div input+label{
	position: relative;
    border: 1px solid #7d7d7d;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    display: inline-block;
    margin: 6px 2px 0 0;
    cursor: pointer;
    vertical-align: top;
}
.task-list .list-container .list-main .list-wrap .list-item>div input:checked+label:after{
	content: "";
    position: absolute;
    top: 1px;
    left: 4px;
    width: 6px;
    height: 10px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #2196F3;
    border-top: 0;
    border-left: 0;
    display: block;
}
.task-list .list-container .list-main .list-wrap .list-item .wauto{
	width:100%;
	flex-shrink: inherit;
}
.task-list .list-container .list-main .list-wrap .list-item>div:first-child{
	padding:0 0 0 15px;
}
.task-list .list-container .list-main .list-wrap .list-item>div:last-child{
	border:0;
}
.task-list .list-container .list-main .list-wrap .list-item .seedetail{
	color: #42a5f5;
	cursor: pointer;
    display: block;
	flex-shrink: 0;
    vertical-align: top;
    border-right: 1px solid #e5e5e5;
    font-size: 12px;
    line-height: 28px;
    text-align: left;
    padding-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mnano.nano>.nano-content{
	right: -17px;
}
.mnano.nano>.nano-pane{
	background-color: #bfbfbf;
}
.mnano.nano>.nano-pane>.nano-slider{
	background-color: #42a5f5;
}
/*我的应用*/
.myapp-container{
	font-size: 0;
}
.myapp-container .item{
	width: 172px;
	height: 138px;
	display: inline-block;
	margin: 0 7.5px 15px;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}
.myapp-container .item .title{
	width: 100%;
	height:46px;
	line-height: 46px;
	color: #fff;
	background-color: #42a5f5; 
	font-size: 16px;
}
.myapp-container .item .icon{
	font-size: 36px;
	line-height: 92px;
	color: #42a5f5;
	background-color: #fff; 
}
/*我的应用*/
/*发起工作任务*/
.myapply-container{
	font-size: 0;
	margin: 18px 0px;
}
.myapply-container .item{
	display: inline-block;
	width: 218px;
	height: 150px;
	margin: 0 18px 36px;
}
.myapply-container .item .title{
	border-radius: 5px 5px 0 0;
	background-color: #34444c;
	color: #fff;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
}
.myapply-container .item .content{
	height: 100px;
	width: 100%;
	position: relative;
}
.myapply-container .item .c-icon{
	display: block;
	height: 100%;
	width: 100%;
	background: #fff;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
	text-align: center;
}
.myapply-container .item .c-icon i{
	color: #34444c;
	font-size: 48px;
	line-height: 100px;
	
}
.myapply-container .item .c-menu{
	display: none;
	width: 100%;
	position: absolute;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	top: 0;
	z-index:99;
}
.myapply-container .item .c-menu a{
	line-height: 48px;
	color: #666;
	display: block;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	border-bottom:1px solid #e4e4e4;
}
.myapply-container .item .c-menu a:last-child{
	border-bottom:none;
}
.myapply-container .item .c-menu a:hover{
	color: #42a5f5;
}

#backlog-list h1{
	background: #ffa726;
	padding:15px;
	margin:0;
	color:#fff;
	font-size: 24px;
	font-weight: normal;
}
#backlog-list h1 .badge{
	color: #ffa726;
    font-size: .8em;
    vertical-align: top;
    background-color: #fff;
}
#backlog-list ul{
	list-style:none;
    padding: 0;
}
#backlog-list>li {
    position: relative;
    padding: 0px;
    border-radius: 1px;
    height: 39px;
    overflow: hidden;
}
#backlog-list>li:nth-child(odd) {
    background-color: rgba(0,0,0,0.04);
}
#backlog-list>li:after {
    content: '';
    display: table;
    clear: both;
}
#backlog-list li{
	padding:0 120px 0 0;
	position: relative;
	margin-bottom: 4px;
}
#backlog-list .backlog-list-oddNO{
	padding:0 0 0 20px;
}
#backlog-list .backlog-list-oddname{
	width: 80px;
	display: inline-block;
}
#backlog-list .backlog-list-oddId{
	display: inline-block;
}
#backlog-list .backlog-list-oddtitle{
	width:270px;
	display: inline-block;
}
#backlog-list .backlog-list-oddcompany{
	width: 350px;
	max-width: 100%;
	display: inline-block;
}
#backlog-list .backlog-list-more{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100px;
}
#backlog-list .backlog-list-oddNO>strong{
	padding: 4px 7.5px;
}
#backlog-list .backlog-list-state{
	display: inline-block;
	width: 200px;
}
#backlog-list .backlog-list-Time{
	display: inline-block;
	width: 200px;
}
#backlog-list .backlog-list-Other{
	display: block;
	line-height: 23px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0 7.5px;
}
#backlog-list .backlog-list-oddNO span{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 5px;
	margin-right: 6px;
	width:16px;
	height: 16px;
	vertical-align: middle;
	border-radius: 50%;
	border:2px solid #ffa726;
}
#backlog-list .backlog-list-oddNO span:before,#backlog-list .backlog-list-oddNO span:after{
	content: "";
	width:2px;
	height:10px;
	display: block;
	background: #ffa726;
	position: absolute;
	top: 1px;
	left: 5px;
}
#backlog-list .backlog-list-oddNO span:before{
	transform: rotate(0deg);
}
#backlog-list .backlog-list-oddNO span:after{
	transform: rotate(90deg);
}
#backlog-list .open .backlog-list-oddNO span:before{
	display: none;
}
#backlog-list .backlog-list-oddNO strong{
	font-size: 13px;
	font-weight: normal;
	vertical-align: top;
}
#backlog-list .backlog-list-oddNO strong>em{
	font-style: normal;
	color: #e2175b;
	margin-left:15px;
}
#backlog-list .open{
	height:auto;
}
#backlog-list .backlog-list-ajax{
	padding:5px 15px 15px 27px;
	display: none;
}
#backlog-list .backlog-list-ajax .table th{
	font-size: 14px;
}
#backlog-list .backlog-list-ajax .table td{
	font-size: 14px;
}
#backlog-list .backlog-list-ajax .table-bordered>tbody>tr>td,#backlog-list .backlog-list-ajax .table-bordered>tbody>tr>th, #backlog-list .backlog-list-ajax .table-bordered>tfoot>tr>td, #backlog-list .backlog-list-ajax .table-bordered>tfoot>tr>th, #backlog-list .backlog-list-ajax .table-bordered>thead>tr>td, #backlog-list .backlog-list-ajax .table-bordered>thead>tr>th{
	padding: 3px 8px;
}
#backlog-list .hascheck .backlog-list-oddNO{
	padding:0 0 0 40px;
}
#backlog-list .hascheck .backlog-list-oddNO>em{
	position: absolute;
	left: 0;
	top: 4px;
}
#backlog-list .hascheck .backlog-list-oddNO span{
	position: absolute;
	left: 24px;
	top: 4px;
}
#backlog-list .hascheck .backlog-list-ajax{
	padding:5px 15px 15px 48px;
	display: none;
}
@media (max-width: 1024px){
	#backlog-list .hascheck .backlog-list-oddNO em {
	    left: 12px;
	    top: 16px;
	}
	#backlog-list .backlog-list-ajax.has-tab{
		padding:15px 15px 15px 27px;
	}
	#backlog-list .hascheck .backlog-list-ajax.has-tab{
		padding:15px 15px 15px 48px;
	}
}
#classManage{
	font-size: 0
}
#classManage .item{
	font-size: 16px;
	position: relative;
	display: inline-block;
	border:2px solid #ccc;
	padding:6px 12px;
	margin-right: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	cursor: pointer;
	vertical-align: top;
}
#classManage .item em{
	font-style: normal;
}
#classManage .item span{
	position: absolute;
	bottom:-16px;
	right: -16px;
	width: 32px;
	height: 32px;
	background: #ccc;
	border-radius: 50%;
	cursor: pointer;
}
#classManage .item span:before{
	content:"";
	width:12px;
	height:2px;
	position: absolute;
	right: 16px;
	bottom: 22px;
	background: #fff;
	display: block;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
#classManage .item span:after{
	content:"";
	width:12px;
	height:2px;
	background: #fff;
	position: absolute;
	right: 16px;
	bottom: 22px;
	display: block;
	transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
}
#classManage .item-add{
	border:2px solid #38a0f4;
	font-size: 16px;
	padding:6px 12px;
	background: #38a0f4;
	color:#fff;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
	vertical-align: top;
}
#classManageW{
	display: none
}
.detailstate{
	position: fixed;
	top: 100px;
	right: 100px;
	z-index: 9;
}

/*用户流程图*/
#user-tree-wrap{
	position: relative;
}
#user-tree-wrap .user-tree-wrap{
	width: 1490px;
	margin:30px auto;
	overflow: hidden;
}
#user-tree-wrap .user-tree{
	width:10000px;
	transition: transform 300ms ease-in-out;
}
#user-tree-wrap .user-tree .step-div{
	width:150px;
	float: left;
}
#user-tree-wrap .user-tree .step-div .round{
	width:100%;
	height:64px;
	display: block;
	background-image:url(../img/usertree/over.png);
	background-repeat: no-repeat;
	background-size: auto 64px;
	margin-bottom: 15px;
	position: relative;
}
#user-tree-wrap .user-tree .step-div.current .round{
	background-image:url(../img/usertree/in.png);
}
#user-tree-wrap .user-tree .step-div.readystep .round{
	background-image:url(../img/usertree/ready.png);
}
#user-tree-wrap .user-tree .step-div.readystep:last-child .round{
	background-image:url(../img/usertree/stop.png);
}
#user-tree-wrap .user-tree .step-div.readystep:last-child.overstep .round{
	background-image:url(../img/usertree/stops.png);
}
#user-tree-wrap #leftBtn{
	width: 30px;
    height: 80px;
    position: absolute;
    top: 80px;
    font-size: 42px;
    color:#ccc;
    line-height: 80px;
    left: 0px;
    cursor: pointer;
    display: none;
}
#user-tree-wrap #leftBtn:before{
	margin-left: -14px;
}
#user-tree-wrap #leftBtn:hover{
	color:#aaa;
}
#user-tree-wrap #rightBtn{
	width:30px;
	height:80px;
	position: absolute;
	font-size: 42px;
    color:#ccc;
    line-height: 80px;
	top:80px;
	right:0px;
	cursor: pointer;
	display: none;
}
#user-tree-wrap #rightBtn:before{
	margin-left: -14px;
}
#user-tree-wrap #rightBtn:hover{
	color:#aaa;
}
.user-tree-inter .form-control-static,.user-tree-inter select,.user-tree-inter .checkbox{
	height: 32px;
	min-height: 32px;
}
select.form-control{
	padding:6px;
}
.form-group .help-block{
	padding-left: 12px;
}
@media (max-width: 480px){
	.user-tree-inter .form-control-static{
		padding: 0;
	}
}
/*管理员流程图*/
#admin-tree{}
#admin-tree-wrap{
	width: calc(100% - 80px);
	position: relative;
	margin: 0 auto;
	min-height: 150px;
	overflow: hidden;
}
.mainnav-sm #admin-tree-wrap{
	width: calc(100% - 250px);
}
#admin-tree-wrap .admin-tree{
	width:100000px;
	transition: all 500ms ease-in-out;
}
#admin-tree-wrap .admin-arrangement{
	display: block;
	height: 185px;
	position: relative;
}
#admin-tree-wrap .admin-arrangement .stepdiv{
	margin-bottom: 30px;
	position: absolute;
	width:130px;
	top: 0;
	left: 0;
}
#admin-tree-wrap .admin-arrangement span,#admin-tree-wrap .admin-arrangement strong{
	width:60px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	font-weight: normal;
	display: block;
	height: 40px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
#admin-tree-wrap .admin-arrangement strong{
	height:40px;
}
#admin-tree-wrap .admin-arrangement .round{
	width:60px;
	height:60px;
	display: block;
	background:#42a5f5;
	margin-bottom: 15px;
	position: relative;
	border-radius: 50%;
}
#admin-tree-wrap .admin-arrangement .stepdiv em{
	width:;
}
#admin-tree-wrap .admin-arrangement .round:before{
	width:60px;
	height:60px;
	line-height: 60px;
	display: block;
	font-size: 30px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
#admin-tree-wrap .admin-arrangement .addBranch{
	position: absolute;
  	width:24px;
	height:24px;
	display: block;
	top: 18px;
    left: 18px;
	background:#ba68c8;
	border-radius: 50%;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
#admin-tree-wrap .admin-arrangement .addBranch:before{
	width:24px;
	height:24px;
	line-height: 24px;
	display: block;
	font-size: 12px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
#admin-tree-wrap .admin-arrangement .removeStep{
	position: absolute;
	width:24px;
	height:24px;
	display: block;
	top: 18px;
    left: 18px;
	background:#ef5350;
	border-radius: 50%;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition: all 200ms ease-in-out 50ms;
	transition: all 200ms ease-in-out 50ms;
}
#admin-tree-wrap .admin-arrangement .removeStep:before{
	width:24px;
	height:24px;
	line-height: 24px;
	display: block;
	font-size: 12px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
#admin-tree-wrap .admin-arrangement .updateStep{
	position: absolute;
	width:24px;
	height:24px;
	display: block;
	top: 18px;
    left: 18px;
	background:#ffa726;
	border-radius: 50%;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition: all 200ms ease-in-out 100ms;
	transition: all 200ms ease-in-out 100ms;
}
#admin-tree-wrap .admin-arrangement .updateStep:before{
	width:24px;
	height:24px;
	line-height: 24px;
	display: block;
	font-size: 12px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
#admin-tree-wrap .admin-arrangement .overStep{
	position: absolute;
	width:24px;
	height:24px;
	display: block;
	top: 18px;
    left: 18px;
	background:#263238;
	border-radius: 50%;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition: all 200ms ease-in-out 100ms;
	transition: all 200ms ease-in-out 100ms;
}
#admin-tree-wrap .admin-arrangement .overStep:before{
	width:24px;
	height:24px;
	line-height: 24px;
	display: block;
	font-size: 12px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
#admin-tree-wrap .admin-arrangement .power1.powerselect ~ .removeStep{
	-webkit-transform:scale(1);
	transform:scale(1);
	top: 28px;
    left: 60px;
}
#admin-tree-wrap .admin-arrangement .power1.powerselect ~ .updateStep{
	-webkit-transform:scale(1);
	transform:scale(1);
	top: 58px;
    left: 68px;
}
#admin-tree-wrap .admin-arrangement .power1-last.powerselect ~ .removeStep{
	-webkit-transform:scale(0);
	transform:scale(0);
}
#admin-tree-wrap .admin-arrangement .power1-last.powerselect ~ .addBranch{
	-webkit-transform:scale(1);
	transform:scale(1);
	top: 28px;
    left: 60px;
}
#admin-tree-wrap .admin-arrangement .power1-last.powerselect ~ .updateStep{
	-webkit-transform:scale(1);
	transform:scale(1);
	top: 58px;
    left: 68px;
}

#admin-tree-wrap .admin-arrangement.branchwrap .power1.powerselect ~ .addBranch{
	-webkit-transform:scale(0);
	transform:scale(0);
}
#admin-tree-wrap .admin-arrangement.branchwrap .power1.powerselect ~ .removeStep{
	-webkit-transform:scale(1);
	transform:scale(1);
	top: 60px;
    left: 68px;
}
#admin-tree-wrap .admin-arrangement.branchwrap .power1.powerselect ~ .updateStep{
	-webkit-transform:scale(1);
	transform:scale(1);
	top: 28px;
    left: 60px;
}
#page-content{
	position: relative;
	padding: 55px 15px 0;
}
#admin-tree #leftBtn{
	width: 30px;
    height: 80px;
    position: absolute;
    top: 200px;
    font-size: 60px;
    display: none;
    color:#ccc;
    line-height: 80px;
    left: 20px;
    cursor: pointer;
}
#admin-tree #leftBtn:before{
	margin-left: -14px;
}
#admin-tree #leftBtn:hover{
	color:#aaa;

}
#admin-tree #rightBtn{
	width:30px;
	height:80px;
	position: absolute;
	font-size: 60px;
    color:#ccc;
    line-height: 80px;
	top:200px;
	right:20px;
	cursor: pointer;
	display: none;
}
#admin-tree #rightBtn:before{
	margin-left: -14px;
}
#admin-tree #rightBtn:hover{
	color:#aaa;
}
#admin-tree .form-control{
	height:34px;
}
#user-select{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060;
    display: block;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    text-align: center;
}
#user-select:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0;
    margin-left: -1em;
    vertical-align: middle;
}
#user-select .me-model-body{
	min-height: 600px;
}
#user-select .user-open{
	padding: 3px;
}
#user-select .sonwrap{
	display: none;
}
#admin-tree .select-tab{
	display: inline-block;
    padding: .5em .8em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-right: 15px;
    margin-bottom: 15px;
}
.form-control{
	height:auto;
}
.has-error .select2-container{
	box-shadow: 0px 0px 0px 1px #a94442;
}
.tabel-custom{

}
.tabel-custom th{
	font-size: 14px!important;
}
.tabel-custom td{
	font-size: 12px!important;
}
.power-table{

}
.power-table.tab-base .nav-tabs>.active>a, .power-table.tab-base .nav-tabs>.active a:hover, .power-table.tab-base .nav-tabs>.active>a:focus{
	background: #ec407a;
	color: #fff;
}
.power-table.tab-base .nav-tabs>li:not(.active)>a {
    background-color: #e8e8e8;
}
.power-table.tab-base .nav-tabs>.active>a, .power-table.tab-base .nav-tabs>.active a:hover, .power-table.tab-base .nav-tabs>.active>a:focus{
	border-color: #868686;
}
/* PAN 18.02.01 */
[class^="demo-pli-"]:before, [class*=" demo-pli-"]:before, [class^="demo-psi-"]:before, [class*=" demo-psi-"]:before{
	line-height: inherit;
}
/* PAN 18.02.01 */
.pci-chevron:before {
    top: 25%;
}
.tab-stacked-left .nav-tabs {
    width: 100px;
}
.tab-stacked-left, .tab-stacked-right{
	height:auto;
}
#adddeuser-page .bootstrap-select.btn-group:not(.input-group-btn), #adddeuser-page .bootstrap-select.btn-group[class*="col-"] {
    margin-left: 0px;
}
.uploadDiv{
	overflow: hidden;
    zoom: 1;
    margin-top: 15px;
    border: 2px dashed rgba(0,0,0,0.2);
    padding:15px;
    position: relative;
	max-width: 100%;
}
.uploadDiv .Divleft{
	display: block;
    float: left;
	vertical-align: top;
	margin-right: 15px;
}
.uploadDiv .Divleft img{
	cursor: pointer;
}
.uploadDiv .Divbody {
    display: block;
    overflow: hidden;
    width: auto;
	padding-right: 50px;
}
.uploadDiv .Divright {
	position: absolute;
	right: 15px;
	top:15px;
}
.details-main{
	background: #fff;
	margin-bottom: 15px;
}
.details-title{
	background: #19506b;
	color: #fff;
	font-size:18px;
	font-weight: normal;
	line-height: 64px;
	padding:0 40px;
}
.details-title button{
	border: 0;
    background: transparent;
    color: #ee4a47;
    font-size: 18px;
}
.details-title a{
	color:#eb2521;
	font-size:14px;
	margin-left: 10px;
	cursor: pointer;
}
.details-wrap{

}
.details-wrap .col-3{
	width: 33.3334%;
	float:left;
}
.details-wrap .col-2{
	width: 50%;
	float:left;
}
.details-wrap .col-1{
	width: 100%;
	float:left;
}
.details-wrap .details-list:nth-child(even){
	padding: 0 4%;
	background: #dff4ff;
}
.details-wrap .details-list:nth-child(odd){
	padding: 0 4%;
	background: #fff;
}
.details-wrap .details-list table{
	font-size: 13px;
	margin-top: 15px;
}
.details-wrap .every-title{
	color:#333;
	font-size:13px;
	width:164px;
	float:left;
	line-height: 32px;
	padding:8px 0;
	text-align: right;
}
.details-wrap .every-content{
	float:left;
	width:calc(100% - 164px);
	color:#333;
	font-size:13px;
    padding:8px 0 8px 24px;
    text-align: left;
    line-height: 32px;
}
.details-wrap .every-content.write{
	border-bottom: 1px solid transparent;
	padding-bottom: 0;
	line-height: normal;
}
.details-file{
	font-size: 0;
}
.details-file img{
	width:auto;
	height:64px;
	background: #fff;
	padding:4px;
	border:1px solid #efefef;
	display: inline-block;
	margin-right: 8px;
	cursor: pointer;
}
.details-file .delectImg{
	position: relative;
	display: inline-block;
}
.details-file .delectImg i{
	position: absolute;
	top:-3px;
	right: 5px;
    font-size: 12px;
    width:20px;
    height: 20px;
    display: block;
    background: rgba(0,0,0,0.4);
    border-radius: 50%;
    color:#fff;
    padding:4px;
    cursor:pointer;
}
.details-title button{
	border: 0;
    background: transparent;
    color: #3589c9;
    font-size: 14px;
}
.details-title a{
	color:#eb2521;
	font-size:14px;
	margin-left: 10px;
	cursor: pointer;
}
/*
new
*/
.form-detail{
    background: #fff;
    padding: 15px;
    border-radius: 0;
    border: 1px solid #e7ecf3;
    border-bottom: 1px solid rgba(0,0,0,0.17);
    margin-bottom: 15px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.form-detail.noborder{
	padding: 0;
	border:none;
	-webkit-box-shadow:none;
    box-shadow: none;
}
.form-detail .form-detail-blocktitle{
    font-size: 18px;
    margin:0 0 0 0;
    padding-bottom: 10px;
    color: #128ef2;
    font-weight: inherit;
    border-bottom:1px solid #eaeaea;
}
.form-detail .form-detail-blocktitle a{
    color: #ef5350;
    margin-left: 6px;
    cursor: pointer;
    font-size: 14px;
}
.form-detail .form-detail-blocktitle i{
    color: #ef5350;
    font-size: 14px;
}
.form-detail .form-detail-blockwrap{
    padding:15px 0;
    font-size: 0;
}
.form-detail h5{
    font-size: 14px;
    margin: 0 0 6px 0;
    color: #010101;
    min-height: 15px;
}
.form-detail h5 em{
    color:#f4626b;
    font-style: normal;
    margin-left: 4px;
    font-weight: normal;
}
.form-detail p{
    font-size: 14px;
    margin: 0 0 6px 0;
    color: #545454;
    min-height: 20px;
    word-break: break-all;
}
.form-detail .tablewrap{
    min-height: .01%;
    overflow-x: auto;
}
.form-detail table{
    font-size: 13px;
    border-color: #e9e9e9;
    max-width: 100%;
}
.form-detail table thead tr{
    background: #e9e9e9;
}
.form-detail table th{
    font-weight: 700;
    border-right: 1px dashed #ddd;
   	padding: 2px 3px;
    color: #2b425b;
    white-space: nowrap;
}
.form-detail table tr th:last-child{
	border-right:none;
}
.form-detail tbody td{
    border-right: 1px dashed #ddd;
    border-top: 1px dashed #ddd;
    padding: 2px;
    color: #666;
    white-space: normal;
	word-break: break-all;
	vertical-align: top;
}
.form-detail tbody tr td:last-child{
	border-right:none;
}
.form-detail .break-all tbody td{
	white-space: normal;
	word-break: break-all;
    vertical-align: top;
}
.form-detail tbody tr:hover{
	background-color: #F3FCFF;
}
.form-detail tfoot td{
	border-right: 1px dashed #ddd;
    border-top: 1px dashed #ddd;
    padding: 2px;
	color: #666;
	line-height: 20px;
    white-space: nowrap;
}
.form-detail tfoot td:last-child{
	border-right: none;
}
.form-detail input[type=text],.form-detail select{
    padding:3px 2px;
    letter-spacing: normal;
    height: 32px;
    width: 100%;
    display: block;
    border: 1px solid #c1c1c1;
    background-color: #fff;
    outline: none;
    box-shadow: 0px 0px 10px 1px rgba(4, 0, 0, 0.05);
}
.form-detail .wcheck input[type=text]{
    width: 150px;
    margin-right: 10px;
    display: inline-block;
}
.form-detail textarea{
    padding:6px 7px;
    letter-spacing: normal;
    height: 50px;
    width: 100%;
    display: block;
    border: 1px solid #c1c1c1;
    outline: none;
    box-shadow: 0px 0px 10px 1px rgba(4, 0, 0, 0.05);
    resize: none;
}
.form-detail input[type=text]:focus,.form-detail select:focus,.form-detail textarea:focus{
    border-color:#128ef2;
    box-shadow: 0px 0px 10px 1px rgba(4, 0, 0, 0.05);
}
.form-detail .has-error input[type=text],.form-detail .has-error select,.form-detail .has-error textarea{
    border-color:#a94442;
    box-shadow: 0px 0px 10px 1px rgba(239, 83, 80, 0.25);
}
.form-detail input[type=text][disabled]{
    background-color: #f2f3f5;
    cursor: no-drop;
}
.form-detail td .badge:empty.badge-icon{
	width: .5em;
    height: .5em;
	margin: .5em .3em .5em 0;
}
.form-detail table input[type=text][readonly]{
	border-color:transparent;
	box-shadow: none;
	background-color:#f5f5f5; 
}
.form-detail .success-btn{
    height: 32px;
    color: #fff;
    background-color: #128ef2;
    display: inline-block;
    padding:0 15px;
    border:none;
    border-radius:5px; 
    margin-top:10px; 
    font-size: 14px;
}
.form-detail .success-btn:hover{
    background-color: #007de2;
    transition: background-color 0.5s ease-in-out;
}
.form-detail .list-block{
	margin-bottom: 15px;
	border: 0;
    border-bottom: 1px solid #eee;
	border-color: #e9e9e9;
}
.form-detail .list-block:last-child{
	border-bottom: none;
}
.form-detail .list-h4{
	font-size: 16px;
	line-height: 18px;
	color:#128ef2;
	margin-bottom: 15px;
}
.form-detail .list-h4 img{
	width:auto;
	height:18px;
	vertical-align: top;
	margin-right:4px;
}
.form-detail .list-h4 i{
	vertical-align: top;
}
.form-detail .list-h5{
	margin-bottom: 6px;
	color: #2b425b;
	font-weight: 600;
}
.form-detail .panel.nocss{
	border: none;
	box-shadow: none;
}
/*v2*/
.v2-form-detail{
	background: #fff;
	padding: 40px 8px 15px;
}
.v2-form-detail .form-detail-blocktitle{
	font-size: 16px;
	color: #42a5f5;
	line-height: 32px;
	font-weight: inherit;
	margin: 0 8px;
}
.v2-form-detail .form-detail-blockwrap .blockquote{
	border-radius: 5px;
	border:1px solid #e5e5e5;
	margin:0 8px;
	padding:8px;
	background-color: #fafafa;
}
.v2-form-detail .c-3{
	float:left;
	width:25%;
}
.v2-form-detail .c-4{
	float:left;
	width:33.333333%;
}
.v2-form-detail .c-6{
	float:left;
	width:50%;
}
.v2-form-detail .c-12{
	float:left;
	width:100%;
}
.v2-form-detail .row-item{
	
}
.v2-form-detail .row-item:nth-child(even){
	background-color: #eeeeee;
}
.v2-form-detail .item-block{
	padding: 0 8px;
}
.v2-form-detail .item-block h5{
	width: 110px;
	float: left;
	word-break: break-all;
	margin: 0;
	font-size: 14px;
	color: #888;
	line-height: 26px;
	padding: 8px 10px 8px 0;
	font-weight: normal;
}
.v2-form-detail .item-block p{
	width: calc(100% - 110px);
	float: left;
	word-break: break-all;
	margin: 0;
	line-height: 26px;
	padding:8px 0;
	font-size: 14px;
	color: #000;
}
.v2-table-container{
	margin: 0 8px;
}
.v2-table-container .tablewrap{
	min-height: .01%;
	overflow-x: auto;
}
.v2-table-container table {
	font-size: 12px;
	border-color: #e9e9e9;
	max-width: 100%;
}
.v2-table-container table thead tr {
	background: #e9e9e9;
}
.v2-table-container table th{
	font-weight: 700;
	border-right: 1px dashed #ddd;
	padding: 6px 4px;
	color: #2b425b;
	white-space: nowrap;
}
.v2-table-container table tr th:last-child{
	border-right:none;
}

.v2-table-container table td{
	border-right: 1px dashed #ddd;
	border-top: 1px dashed #ddd;
	padding: 4px;
	color: #666;
	white-space: nowrap;
	vertical-align: top;
}
.v2-table-container.nowrap table td{
	white-space: normal;
	word-break: break-all;
}
.v2-table-container table tr td:last-child{
	border-right:none;
}
.v2-table-container table tbody tr:hover{
	background-color: #F3FCFF;
}
.v2-table-container input[type=text],.v2-table-container select{
	padding:6px 7px;
	letter-spacing: normal;
	height: 30px;
	width: 100%;
	display: block;
	border: 1px solid #c1c1c1;
	background-color: #fff;
	outline: none;
	box-shadow: 0px 0px 10px 1px rgba(4, 0, 0, 0.05);
}
.v2-table-container .table-file-line{
	border-bottom: 1px dashed #aaa;
    padding: 3px 0;
}
/*v2 End*/
/*通用申请表格填写样式*/
.currencytable{
	padding:0;
	border:0;
	box-shadow: none;
}
.currencytable .table-container{
	min-height: .01%;
    overflow-x: auto;
}
.currencytable .table-container table{
	border-top:1px solid #ccc;
	border-left: 1px solid #ccc;
}
.currencytable .table-container thead tr{
	background: #e9e9e9;
}
.currencytable .table-container thead th{
	border-bottom:1px solid #ccc;
	border-right: 1px solid #ccc;
	padding:0 2px;
}
.currencytable .table-container tbody tr{
	background: #f5f5f5;
}
.currencytable .table-container tbody td{
	border-bottom:1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align: top;
}
.currencytable .table-container tbody td>div{
	background: #f5f5f5;
	padding:0 2px;
}
.currencytable .table-container tbody td .flex{
	display: flex;
}
.currencytable .table-container tfoot tr{
	
}
.currencytable .table-container tfoot td{
	border-bottom:1px solid #ccc;
	border-right: 1px solid #ccc;
}
.currencytable .table-container tfoot td>div{
	padding:0 2px;
}
.currencytable .table-container input[type="text"],.currencytable .table-container input[type="number"]{
	padding:0 2px;
}
.currencytable .table-container input[type="text"],.currencytable .table-container select,.currencytable .table-container input[type="number"]{
	background: #fff;
	border:none;
	outline: none;
	
}
.currencytable .table-container input[type="text"]:read-only{
	background: transparent;
}

/*通用申请表格填写样式end*/
.salestip{
	background: #ff9595;
    border: 2px solid #ea1d1d;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 5px 5px 5px 20px;
}
.salestip ul{
	list-style: none;
    margin: 0;
    padding: 0;
}
.salestip li{
	font-size: 14px;
    line-height: 18px;
}
.salestip .badge:empty.badge-icon{
	display: inline-block;
    width: .5px;
    height: .5px;
    margin: .5em .5em .5em 0;
}
.form-comment{
    background: #fff;
    padding: 15px;
    border-radius: 0;
    border: 1px solid #e7ecf3;
    border-bottom: 1px solid rgba(0,0,0,0.17);
    margin-bottom: 15px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.form-comment .form-comment-title{
	font-size: 18px;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    color: #128ef2;
    font-weight: inherit;
    border-bottom: 1px solid #eaeaea; 
}

.form-comment .nav-tabs{

}
.form-comment .nav-tabs li{
	
}
.form-comment .nav-tabs li.active{
	
}
.form-comment .nav-tabs a{
	font-size: 16px;
	color: #7d7d7d;
	border-bottom: 3px solid transparent;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	background-color: #fff;
}
.tab-base .nav-tabs>li:not(.active)>a{
	background-color: #ededed;
	opacity: 1;
}
.form-comment .nav-tabs>li.active>a, .form-comment .nav-tabs>li.active>a:focus, .form-comment .nav-tabs>li.active>a:hover{
	border-bottom: 3px solid #128ef2;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	color: #128ef2;
}

.form-comment .tab-base .tab-content{
	padding: 20px 15px 15px;
}
.form-comment .common-container{
    list-style: none;
    padding:0;
    margin:0;
}
.form-comment .common-container li{
    position: relative;
    padding: 0 0 0 40px;
}
.form-comment .common-container li h4{
    font-size: 18px;
    margin: 0 0 0 0;
    padding-bottom: 10px;
    color: #333333;
    font-weight: inherit;
    padding: 0 0 0 0;
    line-height: 24px;
    margin-bottom: 2px;
}
.form-comment .common-container li span{
    color:#8b93dc;
    font-size: 12px;
    display: block;
    margin-bottom: 4px;
}
.form-comment .common-container li p{
    color: #92969a;
    font-size: 14px;
    line-height: 24px;
    min-height: 24px;
}
.form-comment .common-container li:before{
    content: "";
    position: absolute;
    top: 0;
    left:0;
    width:24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    border:3px solid #8c8c8c;
}
.form-comment .common-container li:after{
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    top: 24px;
    left:10px;
    background: #8c8c8c;
}
.form-comment .common-container li:last-child:after{
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left:0;
    background: transparent;
}
/*
new
*/

#file-preview{
	padding: 10px 20px 20px 20px;
    font-size: 100%;
    color: #999;
    background: #333;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
#file-preview .secondary{
	height:56px;
	padding-bottom:10px;
}
#file-preview .secondary .t1{
	display:block;
	float: left;
	width:100px;
    height: 100%;
    border-right:1px solid #ccc;
}
#file-preview .secondary .t2{
	display:block;
	float: left;
	width:calc(100% - 156px);
    height: 100%;
}
#file-preview .secondary .t3{
	float: left;
	width:56px;
    height: 100%;
    border-left:1px solid #ccc;
}
#file-preview{
	padding: 10px 20px 20px 20px;
    font-size: 100%;
    color: #999;
    background: #333;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
#file-preview .secondary{
	height:56px;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
}
#file-preview .secondary .t1{
	display:block;
	float: left;
	width:100px;
    height: 100%;
    border-right:1px solid #ccc;
    font-size: 18px;
    line-height: 46px;
    color:#fff;
}
#file-preview .secondary .t2{
	display:block;
	float: left;
	width:calc(100% - 156px);
    height: 100%;
}
#file-preview .secondary .t3{
	float: left;
	width:56px;
    height: 100%;
    border-left:1px solid #ccc;
}
#file-preview .secondary .t3 .closes{
	width: 100%;
    height: 100%;
	display: block;
	position: relative;
	cursor: pointer;
}
#file-preview .secondary .t3 .closes:before,#file-preview .secondary .t3 .closes:after{
	content: "";
	position: absolute;
	top: 0;
	width: 2px;
	left:50%;
	height: 40px;
	display: block;
	background:#fff;
}
#file-preview .secondary .t3 .closes:before{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
#file-preview .secondary .t3 .closes:after{
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
}
#file-preview .secondary #attachment-owner {
    float: left;
    margin: 0px 30px 0 0;
    font-size: 12px;
    color: #777;
}
#file-preview .secondary #attachment-owner h1 {
    margin: 0 0 0px 15px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 46px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#file-preview .secondary .attachment-ul{
	float:right;
	margin-right: 15px;
}
#file-preview .secondary .attachment-ul .item{
	height: 44px;
	margin-left: 6px;
	padding:2px;
	background-color: #fff;
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
}
#file-preview .secondary .attachment-ul .item.current{
	background-color: #ffb1cb;
}
#file-preview .secondary .attachment-ul .item img{
	height:100%;
	width:auto;
	display: block;
}
#file-preview #viewer{
	width:100%;
	height:calc(100vh - 86px);
	display: block;
	padding-top: 20px;
	text-align: center;
}
#file-preview #viewer:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0;
    margin-left: -1em;
    vertical-align: middle;
}
#file-preview #viewer img{
	display: inline-block;
    vertical-align: middle;
	max-width:80vw;
	max-height:80vh;
	box-shadow: 0 0 20px rgba(0,0,0,0.8);

}
.myformpanel .panel-heading h3{
	font-weight: normal;
    padding: 0 20px 0 20px;
    margin:0;
    font-size: 20px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.myformpanel .panel-heading h3 span{
	font-size: 14px;
	padding-left: 15px;
}
.myformpanel .form-wrap{
	width: 100%;
	max-width: 800px;
}
.myformpanel .form-Sblackquate{
	width: 50%;
	float: left;
}
.myformpanel .form-Mblackquate{
	width: 70%;
	float: left;
}
.myformpanel .form-Lblackquate{
	width: 100%;
	float: left;
}
.myformpanel .form-150blackquate{
	width: 150px;
	float: left;
}
.myformpanel .form-200blackquate{
	width: 200px;
	float: left;
}
.myformpanel .control-label{
	float:left;
	width:140px;
	padding:7px 15px 0;
	text-align:right;
	font-size: 13px;
}
.myformpanel .control-input{
	float:left;
	width: calc(100% - 140px);
	padding:0 15px;
	text-align:left;
    font-size: 13px;
}
.myformpanel .input-Swidth{
	width: 60%;
	float: left;
}
.myformpanel .input-Mwidth{
	width: 85%;
}
.myformpanel .input-Lwidth{
	width: 100%;
}
.myformpanel .input-Swidth + .checkbox{
	float: left;
	margin-left: 10px;
}
.myformpanel .input6{
	float: left;
	width: 60px!important;
}
.myformpanel .inputspace{
	font-size: 18px;
	margin: 0 10px;
	line-height: 32px;
	float: left;
}
.hrwhite{
	border-color: transparent;
}
.titlemustwrite{
	color:#eb2521;
}
.myformpanel{
	box-shadow: 0px 0px 10px #ef5350;
	moz-shadow: 0px 0px 10px #ef5350;
	-webkit-shadow: 0px 0px 10px #ef5350;
}
.myformpanel.noshadow{
	box-shadow: none;
	moz-shadow: none;
	-webkit-shadow: none;
}
.myformpanel form{
	margin-bottom: 0;
}
.myformpanel .panel-body{
	border-top:1px solid #efefef;
	display: none;
}
.myformpanel>div:first-child .panel-body{
	display: block;
}
.myformpanel .progress{
	margin-top: 11px;
    margin-bottom: 0px;
    width: 200px;
    display: inline-block;
    margin-right: 16px;
}
.myformpanel .progress + .form-control-static{
	padding-top: 11px;
    padding: 0;
    display: inline-block;
    height: inherit;
    min-height: inherit;
    vertical-align: top;
    margin-top: 7px;
}
.updateAttachment{
	font-size: 13px;
}
.updateAttachment .control-label {
    float: left;
    width: 200px;
    padding: 7px 20px 0;
    text-align: left;
}
.updateAttachment .control-input {
    float: left;
    width: 600px;
    text-align: left;
}
.me-dialog .me-chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width:100%;
    height: 34px;
}
.me-dialog .me-chosen-container .me-chosen-input{
    margin: 1px 0;
    padding: 0 10px;
    height: 100%;
    outline: 0;
    border: 1px solid #e9e9e9;
    background: #fff!important;
    box-shadow: none;
    width:100%;
    color: #999;
    font-size: 14px;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
.me-dialog .me-chosen-container .me-chosen-input:focus{
    border: 1px solid #42a5f5;
}
.me-dialog .me-chosen-container .me-chosen-drop {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1010;
    display: none;
    width: 100%;
    border: 1px solid #42a5f5;
    border-top: 0;
    background: #fff;
    box-shadow: 0 7px 15px rgba(0,0,0,0.3);
}
.me-dialog .me-chosen-container .me-chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}
.me-dialog .me-chosen-container .me-chosen-results li {
    display: list-item;
    cursor: pointer;
    margin: 0;
    padding: 7px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-all;
    -webkit-touch-callout: none;
}
.me-dialog .me-chosen-container .me-chosen-results li:hover {
    background-color: #42a5f5;
    color: #fff;
}
.searchmode{
	width:100%;
	max-width: 800px;
}
.searchmode .me-chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width:100%;
    height: 48px;
}
.searchmode .me-chosen-container .me-chosen-input{
    margin: 1px 0;
    padding: 0 10px;
    height: 100%;
    outline: 0;
    border: 1px solid #e9e9e9;
    background: #fff!important;
    box-shadow: none;
    width:100%;
    color: #999;
    font-size: 20px;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
.searchmode .me-chosen-container .me-chosen-input:focus{
    border: 1px solid #42a5f5;
}
.searchmode .me-chosen-container .me-chosen-drop {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1010;
    display: none;
    width: 100%;
    border: 1px solid #42a5f5;
    border-top: 0;
    background: #fff;
    box-shadow: 0 7px 15px rgba(0,0,0,0.3);
}
.searchmode .me-chosen-container .me-chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}
.searchmode .me-chosen-container .me-chosen-results li {
    display: list-item;
    cursor: pointer;
    margin: 0;
    padding: 7px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-all;
    -webkit-touch-callout: none;
}
.searchmode .me-chosen-container .me-chosen-results li:hover {
    background-color: #42a5f5;
    color: #fff;
}
.searchmode{

}
.searchmode h4{

}
.searchmode .searchDiv{
	width: 100%;
	max-width: 500px;
}
.searchmode .searchDiv input[type="text"]{
	width: calc(100% - 112px);
	float: left;
	height: 40px;
	border: none;
	outline: none;
	text-indent: 1em;
	font-size: 16px;
	border:1px solid #bbb;
	border-right:none;
}
.searchmode .searchDiv button{
	width:112px;
	float: left;
	height: 40px;
	border:none;
	font-size: 16px;
}
.searchmode .searchDiv button i{
	font-size: 16px;
	margin-left: 8px;
}
.searchmode .tremDiv{
	display: flex;
	margin-top: 6px;
}
.searchmode .tremDiv .tremitem{
	flex:1;
}
.searchmode .tremDiv .tremitem select{
	border:none;
	font-size: 12px;
	outline: none
}
#searchResult{
	padding: 30px 0;
}
#searchResults{

}
#searchResults ul{
	display: block;
	max-height: 200px;
	overflow-y: auto;
	padding:0;
}
#searchResults ul li{
	display: block;
	line-height: 32px;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	padding:0 15px;
}
#searchResults ul li:hover,#searchResults ul li.current{
	background-color: #38a0f4;
	border-right:1px solid #38a0f4;
	border-left:1px solid #38a0f4;
	border-bottom:1px solid #38a0f4;
	color:#fff;
	cursor: pointer;

}
#addGoodsTable{
	width: auto;
}
#addGoodsTable.layoutfixed{
	table-layout: fixed;
    width: 100%;
}
#addGoodsTable .placeholder{
	visibility: collapse;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
#addGoodsTable.table th{
	font-size: 12px;
	font-weight: normal;
	padding: 4px 2px;
}
#addGoodsTable.table td{
	padding:0;
}
#addGoodsTable.layoutfixed td{
	/* height:1px; */
}
#addGoodsTable.layoutfixed td>div{
	height: 100%;
	padding: 0px 2px;
}
#addGoodsTable.table td input{
	border:none;
	outline: none;
	text-indent: 2px;
	font-size: 12px;
	line-height: 20px;
}
#addGoodsTable.table td.modeselect{
	padding:0 40px 0 0;
  position: relative;
}
#addGoodsTable.table td.modeselect input{
	vertical-align: top;
}
#addGoodsTable.table td.modeselect button{
	width:40px;
	height: 23px;
	border:none;
	outline: none;
	background-color: #38a0f4;
	color: #fff;
	position: absolute;
	top: 0;
  right: 0;
	margin-top: -1px;
	margin-bottom:-1px;
}
#addGoodsTable.table td.modeselect .lockselect{
	background-color: #717171;
}
#addGoodsTable.table td div.default-txt{
	border: none;
    outline: none;
    text-indent: 2px;
    font-size: 12px;
    line-height: 20px;
}
#addGoodsTable.table td div.alldefault-txt{
	border: none;
    outline: none;
    text-indent: 2px;
    font-size: 12px;
    line-height: 20px;
	word-break: break-all;
	height: auto; 
	display: block;
}
#addGoodsTable.table .input3{
	width:30px;
}
#addGoodsTable.table .input4{
	width:40px;
}
#addGoodsTable.table .input5{
	width:50px;
}
#addGoodsTable.table .input6{
	width:60px;
}
#addGoodsTable.table .input7{
	width:70px;
}
#addGoodsTable.table .input8{
	width:80px;
}
#addGoodsTable.table .input9{
	width:90px;
}
#addGoodsTable.table .input10{
	width:100px;
}
#addGoodsTable.table .input14{
	width:140px;
}
#addGoodsTable.table .input16{
	width:160px;
}
#addGoodsTable.table .input20{
	width:200px;
}
#addGoodsTable.table .input30{
	width:300px;
}
#addGoodsTable.table .input34{
	width:340px;
}
#addGoodsTable.table .input-Maxlarge{
	width:300px;
}
#addGoodsTable.table .input-large{
	width:180px;
}
#addGoodsTable.table .input-middle{
	width:130px;
}
#addGoodsTable.table .input-small{
	width:80px;
}
#addGoodsTable.table .input-xsmall{
	width:50px;
	display: block;
}
#addGoodsTable.table .input-power{
	text-align: center;
}
#addGoodsTable.table .input-power a{
	color: #128ef2;
	font-size: 12px;
	line-height:20px;
	cursor: pointer;
	display: block;
}
#addGoodsTable.table .input-btn-group{
	font-size: 12px;
	line-height:20px;
	display: flex;
	padding:0 2px
}
#addGoodsTable.table .input-btn-group a{
	cursor: pointer;
	white-space: nowrap;
}
#addGoodsTable.table .input-btn-group a + a{
	margin-left: 4px;
}
#addGoodsTable.table select{
		height:22px;
		border:none;
		min-height: 20px;
		font-size: 12px;
		padding: 0 0px;
}
#addGoodsTable.table .foot-datastatistics td{
	font-size: 12px;
	padding:4px;
}
#addGoodsTable.table .foot-datastatistics td span{
	margin: 0 10px;
}
#addGoodsTable.table .foot-datastatistics td span:first-child{
	margin: 0 10px 0 0;
}
#addGoodsTable.table td input[disabled]{
	background: #f3f3f3;
}
#relationCommodity .table th{
	font-size: 14px;
	font-weight: normal;
	padding: 4px 8px;
}
#relationCommodity .table td{
	padding: 4px 8px;
}
#addGoodsTable.table .checkbox{
	min-height: 24px;
	height: inherit;
	padding-top: 4px;
}
#addGoodsTable.table .magic-checkbox+label{
	line-height: 16px;
}
.systembox{
	display: block;
	padding: 16px;
}
.systembox .systemtable{
	overflow-x: auto;
}
#filtermode{
	width: 430px;
	max-width: 80vw;
	padding:0;
}
#filtermode .modescreen .powerbtn{
	padding:0 20px;
	height: 40px;
	line-height: 40px;
	background: #ee4a47;
	display: block;
	border-radius: 4px;
	font-size: 16px;
	color:#fff;
	cursor: pointer;
}
#filtermode .wrap-content{
	padding:16px 15px 40px 16px;
	max-height: 60vh;
    overflow-y: auto;
}
#filtermode .wrap-content hr{
	border-color: transparent;
	margin:6px 0;
}
#filtermode .wrap-content .timeto{
	display: block;
	line-height: 32px;
	font-size: 14px;
}
#filtermode .nav>li>a{
	padding:6px 10px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}
#filtermode .nav-tabs>li>a{
	border-top:2px solid transparent;
}
#filtermode .nav-tabs>li.active>a,#filtermode .nav-tabs>li.active>a:focus,#filtermode .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top:2px solid #27a9f8;
    border-bottom-color: transparent;
}
#filtermode .tab-content{
	padding-top: 30px;
}
#filtermode .form-horizontal .control-label{
	font-size: 14px;
	text-align: left;
	line-height: 20px;
}
#filtermode .form-horizontal .form-group{
	margin: 0 -7.5px;
}
#filtermode .badge:empty.badge-icon{
	width: .5em;
    height: .5em;
}
#filtermode .wrap-foot{
	width: 100%;
	display: flex;
	grid-gap:20px;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding-bottom:30px;
}
#filtermode .wrap-foot button{
	width:160px;
	border-radius: 4px;
}
#filtermode .systemtable{
	overflow-x: auto;
}
.lockpower{
	position: relative;
}
.systembox .systemtable.xrun{
	max-height:calc(100vh - 350px);
	margin-bottom: 20px;
}
.lockpower .scrollpowermode{
	position: absolute;
    top: 0px;
    right: 17px;
    max-height: calc(100vh - 372px);
    overflow: hidden;
}
#tablecount span{
	line-height: 32px;
    display: inline-block;
    padding: 0 16px;
    color: #fff;
    border-radius: 2px;
}
.systembox .customselect{
	background: #ee4a47;
    color: #fff;
    margin-right: 15px;
    line-height: 32px;
    height: 32px;
    vertical-align: top;
}
.lockpower .scrollpowermode .scrollrun{
	padding-top: 40px;
}
.lockpower .scrollpowermode .scrollrun>div{
	width: 164px;
	padding-left: 10px;
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
	margin-bottom: 5px;
}
#rusultcontent h2{
	font-size: 18px;
	color: #666;
	font-weight: normal;
}
#rusultcontent ul{
	max-height: calc(100vh - 380px);
	list-style: none;
	padding: 0;
	width:700px;
	overflow-y: auto
}
#rusultcontent ul li{
	margin-bottom:12px;
}
#rusultcontent ul span{
	display: inline-block;
	font-size: 14px;
}
#rusultcontent ul span.date{
	width: 170px;
	vertical-align: top
}
#rusultcontent ul span.person{
	width: 70px;
	vertical-align: top
}
#rusultcontent ul span.filename{
	width: 420px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	vertical-align: top
}
@media (min-width: 1767px){
	.lockpower .scrollpowermode{
		max-height: calc(100vh - 370px);
		right: 17px;
	}
	.lockpower .scrollpowermode .scrollrun>div{
		width: 164px;
		border-top-right-radius: 5px;
   		border-bottom-right-radius: 5px;
   		padding-left: 10px;
	}
}
.systembox .systemtable table{
	min-height: .01%;
    overflow-x: auto;
    width: auto;
    max-width: 100%;
    margin-bottom: 20px;
}
.systembox .systemtable tbody tr{
	padding:0 32px;
	background: #fff;
    vertical-align: top;
}
.systembox .systemtable thead th{
	color:#78909c;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
}
.systembox .systemtable tbody td{
	font-size: 14px;
	margin-bottom: 5px;
}
.systembox .systemtable tbody td i{
	margin-left: 5px;
	cursor: pointer;
}
.systembox .systemtable tbody td i.powerico{
	font-size: 16px;
    color: #d63232;
}
.systembox .systemtable tbody td i.inheritico{
    color: inherit;
}
.systembox .systemtable tbody .nointer{
	height: 5px;
	background: transparent;
}
.systembox .systemtable thead .checkbox{
	margin:0px;
}
.systembox .systemtable thead .magic-checkbox+label:not(:empty) {
    padding: 0 0px 0 21px!important;
}
.systembox .systemtable thead .magic-radio+label:before, .systembox .systemtable thead .magic-checkbox+label:before{
	top: 11px;
    border: 1px solid #c7c7c7;
}
.systembox .systemtable thead .magic-checkbox+label:after{
	top: 12px;
}
.systembox .systemtable thead .magic-checkbox:checked+label:before{
	border: #42a5f5;
    background: #42a5f5;
}

.systembox .systemtable .td-lspacing{
	display: block;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #fff;
	width: 24px;
	height: 40px;
}
.systembox .systemtable .td-rspacing{
	display: block;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #fff;
	width: 24px;
	height: 40px;
}
.systembox .systemtable .td-Mlspacing{
	display: block;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #fff;
	width: 24px;
	height: 66px;
}
.systembox .systemtable .td-Mrspacing{
	display: block;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #fff;
	width: 24px;
	height: 66px;
}
.systembox .systemtable .autowidth{
	background: #fff;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	height: 26px;
	line-height: 20px;

}
.systembox .systemtable .td-tsmall{
	width:48px;
	background: #fff;
	overflow: hidden;
	line-height: 18px;
	padding: 11px 0;
}
.systembox .systemtable .td-timediv{
	width:140px;
	background: #fff;
	overflow: hidden;
	line-height: 18px;
	padding: 11px 0;
}
.systembox .systemtable .td-xsmall{
	width:64px;
	background: #fff;
	overflow: hidden;
	line-height: 18px;
	padding: 11px 0;
}
.systembox .systemtable .td-small{
	width:100px;
	background: #fff;
	overflow: hidden;
	line-height: 18px;
	padding: 11px 0;
}
.systembox .systemtable .td-xmiddle{
	width:130px;
	background: #fff;
	overflow: hidden;
	line-height: 18px;
	padding: 11px 0;
}
.systembox .systemtable .td-middle{
	width:160px;
	background: #fff;
	overflow: hidden;
	line-height: 18px;
	padding: 11px 0;
}
.systembox .systemtable .td-xlarge{
	width:180px;
	background: #fff;
	overflow: hidden;
	line-height: 18px;
	padding: 11px 0;
}
.systembox .systemtable .td-large{
	width:220px;
	background: #fff;
	overflow: hidden;
	line-height: 18px;
	padding: 11px 0;
}
.systembox .systemtable .td-Mlarge{
	width:260px;
	background: #fff;
	overflow: hidden;
	line-height: 18px;
	padding: 11px 0;
}
.systembox .systemtable tbody td:first-child{
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.systembox .systemtable tbody td:last-child{
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.systembox .systemtable .SeeDetails{
	color: #337ab7;
	cursor: pointer;
}
.systembox .systemtable .progressline{
	width:95%;
	height:12px;
	margin:3px;
	background-color: rgba(0,0,0,0.1);
	overflow: hidden;
}
.systembox .categoryMode{
	max-width: 800px;
	background-color: #fff;
	padding: 20px;
}
.systembox .categoryMode ul{
	padding: 0;
	margin:0 0 10px 0;
	list-style: none;
	font-size: 14px;
	
}
.systembox .categoryMode .dropico{
	display: inline-block;
    width: 0;
    height: 0;
    margin: 0 6px 3px 3px;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    vertical-align: middle;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.systembox .categoryMode .openw>span .dropico{
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
.systembox .categoryMode .openw > ul{
	display: block;
}
.systembox .categoryMode .updateico,.systembox .categoryMode .delectico{
	margin-left: 4px;
    vertical-align: middle;
    cursor: pointer;
}
.systembox .categoryMode ul ul{
	display: none;
}
.systembox .categoryMode ul li{
	line-height: 32px;
}
.systembox .categoryMode ul li li{
	width:calc(100% - 48px);
	margin-left: 48px;
}
.systembox .categoryMode ul li .addCategory{
	width:calc(100% - 48px);
	margin-left: 48px;
}
.systembox .categoryMode .addCategory{
	width:100%;
	height: 32px;
	font-size:16px;
	line-height: 32px;
	text-align: center;
	position: relative;
	border-radius: 3px;
	background-color: #7ec1f8;
	color: #fff;
	border:1px solid #42a5f5;
	cursor: pointer;
	user-select: none;
}
.systembox .categoryMode .addCategory:hover{
	background-color: #1690f3;
}
.systembox .categoryMode .addCategory:hover i:before,.systembox .categoryMode .addCategory:hover i:after{
	background-color: #fff;
}
.systembox .categoryMode .addCategory i{
	position: absolute;
	width: 32px;
	height: 32px;
    vertical-align: top;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
.systembox .categoryMode .addCategory i:before{
	content: "";
	width:18px;
	height: 3px;
	display: block;
	position: absolute;
	top: 14px;
	left: 16px;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	background: #38a0f4;
}
.systembox .categoryMode .addCategory i:after{
	content: "";
	width:18px;
	height: 3px;
	display: block;
	position: absolute;
	top: 14px;
	left: 16px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	background: #38a0f4;
}
.systembox .systemtable .progressline .active{
	float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #ef5350;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	-webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.systemDialog .table-responsive{
	max-height: 60vh;
	overflow-y: auto;
}
.systemDialog table>thead>tr>th,.systemDialog table>tbody>tr>td{
	line-height: 1;
	font-size: 14px;
	border-top: none;
}
.systemDialog table>thead>tr>th{
	border-bottom: 1px solid #ddd;
}
.systemDialog table>tbody>tr:nth-child(even){
	background: #efefef;
}
.modal:before {
    margin-left: inherit;
}
#container.mainnav-lg .systemCount{
	left: 220px;
}
#container.mainnav-sm .systemCount{
	left: 50px;
}
.interCount #content-container{
	padding-bottom: 120px;
}
.systemCount{
	position: fixed;
	z-index: 3;
	bottom: 0px;
	right: 0;
	padding:0px 32px 0;
	border-top: 1px solid rgba(0,0,0,0.07);
    background-color:#1473bf;
	transition-property: width,padding,left,right;
    transition-duration: .35s;
    color: #fff;
}
.systemCount.loading [data-footerloading="show"]{
	display: none;
}
.systemCount [data-footerloading="show"]{
	display: block;
}
.systemCount.loading [data-footerloading="loading"]{
	display: block;
}
.systemCount [data-footerloading="loading"]{
	display: none;
}
.systemCount .wrap-title{
	width: 100%;
    outline: 0;
    height: 40px;
    line-height: 40px;
    border-radius: 5px 5px 0 0;
    padding:0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.systemCount .wrap-title:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    line-height: 8px;
    margin-right: 2px;
    border-radius: 5px;
    vertical-align: 0.07em;
    background-color: #51d161;
    background-image: -webkit-linear-gradient(left top, #70dc7a, #33c748);
    background-image: linear-gradient(to right bottom, #70dc7a, #33c748);
}
.systemCount .wrap-title .t{
	font-size: 16px;
}
.systemCount .wrap-content{
	padding-bottom:10px;
}
.systemCount .wrap-content p{
	font-size:14px;
	line-height: 1.5;
	margin: 0;
}
.systemCount .wrap-content p span{
	margin-right: 40px;
}
@media (min-width: 768px){
	.systemDialog-s .modal-dialog{
		width:600px!important;
	}
	.systemDialog-m .modal-dialog{
		width:800px!important;
	}
	.systemDialog-l .modal-dialog{
		width:60vw!important;
	}
	.systemDialog-kilo .modal-dialog{
		width:1000px!important;
		max-width: 80vw;
	}
	.systemDialog-full .modal-dialog{
		width:90vw!important;
	}
}
.me-tablediv{

}
.me-tablediv .div-header,.me-tablediv .table-list,.me-tablediv .divfooter{
	display: flex;
	padding:0px;
}
.me-tablediv .div-header{
	border-bottom:1px solid #f5f5f5;
}

.me-tablediv .div-header span{
	font-size:16px;
	font-weight: bold;
	line-height: 32px;
	color: #78909c;

}
.me-tablediv .divcontent{
	max-height:50vh;
	overflow-y: auto;
}
.me-tablediv .divwrap{

}
.me-tablediv .table-list span{
	font-size:14px;
	line-height: 32px;
}
.me-tablediv .table-list{
	border-bottom:1px solid #f5f5f5;
}
.me-tablediv .table-list span input[type="text"]{
	height:24px;
	border:1px solid #ececec;
	width:100%;
	margin-top: 4px;
}
.me-tablediv .divfooter span{
	margin-top: 20px;
	font-size:16px;
	line-height: 32px;
	color: #78909c;
}
.me-tablediv span.flex1{
	flex:1;
}
.me-tablediv span.flex2{
	flex:2;
}
.me-tablediv span.flex3{
	flex:3;
}
.goodsSystem-Dialog .modal-dialog{
	width: 2000px;
	max-width: 60vw;
}
.goodsSystem-Dialog .bootbox-body{
	padding:2vh 2vw;
}
.goodsSystem-Dialog .runwrap{
	max-height:60vh;
	overflow-y: auto;
}
.goodsSystem-Dialog .runwrap hr{
	margin-top:0px;
	margin-left:16px;
	margin-right:16px;
}
.goodsSystem-Dialog .runwrap hr:last-child{
	display: none;
}
.goodsSystem-Dialog .list{
	width: 25%;
    display: inline-block;
    padding: 0 16px;
}
.goodsSystem-Dialog .list.large{
	width:50%;
}
.goodsSystem-Dialog .list .titles{
	display: block;
	font-size: 14px;
	line-height: 14px;
	height: 18px;
	color:#333;
}
.goodsSystem-Dialog .list .tips{
	display: block;
	font-size: 12px;
	color: #d03b35;
	line-height: 12px;
	height: 20px;
}
.goodsSystem-Dialog .wrap input{
	width:100%;
	height:32px;
	border:1px solid #e5e5e5;
	border-radius: 4px;
	padding:0 10px;
	font-size: 14px;
}
.goodsSystem-Dialog .wrap select{
	width:100%;
	height:32px;
	border:1px solid #e5e5e5;
	border-radius: 4px;
	padding:0 6px;
	font-size: 14px;
}
.goodsSystem-Dialog .wrap input[disabled],.goodsSystem-Dialog .wrap select[disabled]{
	background: #fdfdfd;
	color:#a7a7a7;
}
.goodsSystem-Dialog .dialogfoot{
	padding-top:20px;
}
.goodsSystem-Dialog .dialogfoot button{
	width:200px;
	height: 32px;
	display: block;
	background-color: #ee4a47;
    border:1px solid #ef5350;
    color:#fff;
    border-radius: 5px;
    margin: 0 auto;
}
.goodsSystem-Dialog table{

}
.goodsSystem-Dialog table th{
	width: 20%;
}
.goodsSystem-Dialog .table>tbody>tr>td,.goodsSystem-Dialog  .table>tbody>tr>th,.goodsSystem-Dialog  .table>tfoot>tr>td,.goodsSystem-Dialog  .table>tfoot>tr>th,.goodsSystem-Dialog  .table>thead>tr>td,.goodsSystem-Dialog  .table>thead>tr>th{
	font-size: 14px;
	line-height: 2;
	height: 28px;
	padding: 0;
	text-indent:6px;
}
.goodsSystem-Dialog .table>tbody>tr>td input{
	width:100%;
	min-width: 100px;
	height:100%;
	margin-left: -6px;
	border:none;
	text-indent:6px;
}
.ossIndex{
	font-size: 0;
	padding:16px;
}
.ossIndex .modetitle{
	line-height: 40px;
    font-size: 24px;
    color: #7460ee;
    margin-bottom: 20px;
}
.ossIndex .orderList{
	width:50%;
	height: calc(100% - 230px) ;
	padding:0 15px 0 0;
	display: inline-block;
	vertical-align: top;
}
.ossIndex .orderDefalut{
	width: calc(100% - 50%);
	height: calc(100vh - 120px);
	padding:12px 0 0 15px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}
.ossIndex .orderList .runwrap{
	width: 100%;
	height: calc(100vh - 200px);
	display: block;
	overflow-y: auto;
}
.ossIndex .orderList main{
	padding-top:12px;
	padding-right: 10px;
}
.ossIndex .orderList blockquote{
	position: relative;
	border:none;
	padding:0 0 0 0;
	margin:0;
}

.ossIndex .orderList label{
	float: left;
	margin-top: -12px;

}
.ossIndex .orderList label span{
	display: block;
	font-size: 18px;
	text-align: right;
	line-height: 1
}
.ossIndex .orderList label i{
	display: block;
	font-size: 14px;
	font-style: normal;
	text-align: right;
	line-height: 1.5
}
.ossIndex .orderList ul{
	border-left:2px solid #7eb835;
	margin-left: 100px;
	position: relative;
	padding-bottom: 32px;
}
.ossIndex .orderList ul label span{
	font-size: 36px;
    font-weight: 600;
    margin-right: 4px;
}
.ossIndex .orderList ul li{
	padding-left: 24px;
	line-height: 28px;
	list-style: none;
}
.ossIndex .orderList ul li a{
	font-size: 14px;
	color:#94938b;
}
.ossIndex .orderList ul li a.active:before{
	content: "\e64c";
	font-family: 'themify';
	color: #128ef2;
	margin-right: 3px;
}
.ossIndex .orderList ul:before{
	content: "";
	-ms-align-self: baseline;
	position: absolute;
	top:-8px;
	left: -8px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	display: block;
	background: #7eb835;
}
.ossIndex .orderList ul li span{
	display:inline-block;
	position: relative;
    width: 8px;
    height: 8px;
    line-height: 8px;
    margin-right: 2px;
    border-radius: 5px;
    vertical-align: 0.07em;
    margin-left: 10px;

}
.ossIndex .orderList ul li span.status1{
	background-color: #51d161;
}
.ossIndex .orderList ul li span.status2{
	background-color: #ef5350;
}
.ossIndex .orderList ul li span.status3{
	background-color: #ffa726;
}
.ossIndex .orderList ul li i{
	font-size:16px;
	color: #ef5350;
	font-style: normal;
	font-weight: bold;
}
.ossIndex .orderList ul figure{
	background: #fff;
	border-radius: 4px;
	border:1px solid #e4e4e4;
	box-shadow: 0 0 3px #ddd;
	padding:10px 0;
}
.ossIndex .orderList blockquote:last-child ul{
	padding-bottom: 0;
}
.ossIndex .orderList blockquote:last-child ul:after{
	content: "";
	-ms-align-self: baseline;
	position: absolute;
	bottom:-8px;
	left: -8px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	display: block;
	background: #7eb835;
}
.ossIndex .orderList .showtip{
	text-align: right;
	font-size:14px;
	padding-top: 20px;
}
.ossIndex .orderList .showtip span{
	margin-left: 15px;
}
.ossIndex .orderList .showtip i{
	display:inline-block;
	position: relative;
    width: 8px;
    height: 8px;
    line-height: 8px;
    margin-right: 2px;
    border-radius: 5px;
    vertical-align: 0.07em;
    margin-left: 10px;
}
.ossIndex .orderList .showtip i.status1{
	background-color: #51d161;
}
.ossIndex .orderList .showtip i.status2{
	background-color: #ef5350;
}
.ossIndex .orderList .showtip i.status3{
	background-color: #ffa726;
}
.ossIndex .orderList .showtip em{
	font-size:16px;
	color: #ef5350;
	font-style: normal;
	font-weight: bold;
}
.ossIndex .orderDefalut .runwrap{
	background: #fff;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    box-shadow: 0 0 3px #ddd;
    max-height: calc(100% - 80px);
    overflow-y: auto;
    padding:16px;
    position: relative;
}
.ossIndex .orderDefalut .runwrap p{
	margin:0;
	line-height: 32px;

}
.ossIndex .orderDefalut .runwrap p span{
	width: 120px;
    display: inline-block;
    text-align: right;
    margin-right: 8px;
}
.ossIndex .orderDefalut .runwrap .table-responsive{
	margin-top: 16px;
}
.ossIndex .orderDefalut .runwrap .table{
	font-size: 14px;
}
.ossIndex .orderDefalut .runwrap .table>tbody>tr>td,.ossIndex .orderDefalut .runwrap .table>tbody>tr>th,.ossIndex .orderDefalut .runwrap .table>tfoot>tr>td,.ossIndex .orderDefalut .runwrap .table>tfoot>tr>th,.ossIndex .orderDefalut .runwrap .table>thead>tr>td,.ossIndex .orderDefalut .runwrap .table>thead>tr>th{
	padding:4px 8px;
}
.ossIndex .orderDefalut .runwrap .table i{
    color: #ef5350;
    font-style: normal;
    font-weight: bold;
}
.ossIndex .orderDefalut .SeeDetails{
	padding-top: 24px;
}
.ossIndex .orderDefalut .SeeDetails a{
	width:100px;
	float:right;
	margin-left: 15px;
}
.ossIndex .orderDefalut .runwrap .status{
	display: block;
	position: absolute;
	top:20px;
	right: 20px;
	font-size: 16px;
	color: #ef5350;
	line-height: 16px;
	border:2px solid #ef5350;
	padding: 6px 10px;
	font-weight: bold;
}
.ossdefalut{
	display: block;
    padding: 0;
    width: 100%;
}
.ossdefalut .modetitle{
	
	margin-bottom:16px
}
.ossdefalut .modetitle .titleico,.ossdefalut .modetitle .titletxt{
	line-height: 36px;
    font-size: 18px;
    background: #1690f3;
    color: #fff;
    padding: 0px 12px;
    vertical-align: top;
    border-radius: 4px;
    display: inline-block;
    margin-right: 10px;
}
.ossdefalut .grouptitle{
	color: #4bc04e;
	font-size: 18px;
	display: block;
	font-weight: bold;
	margin-bottom: 12px;
}
.ossdefalut .modecontent{
	font-size: 0;
	background: #fff;
	padding:16px;
}
.ossdefalut .grouplist{
	padding-right: 20px;
	vertical-align: top;
}
.ossdefalut .grouplist.SDiv{
	width:25%;
	display: inline-block;
}
.ossdefalut .grouplist.MDiv{
	width:50%;
	display: inline-block;
}
.ossdefalut .grouplist.LDiv{
	width:100%;
	display: inline-block;
}
.ossdefalut .grouplist label{
	color: #89969f;
	font-size: 14px;
	display: block;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 6px;
}
.ossdefalut .grouplist span{
	color: #333;
	font-size: 14px;
	display: block;
	border-bottom:1px solid #dee4e9;
	line-height: 14px;
	padding-bottom: 6px;
	margin-bottom: 12px;
	min-height: 20px;
	word-break: break-all;
}
.ossdefalut .grouplist span.bigdata{
	color: #ca1616;
    font-size: 24px;
    line-height: 1.25;
}
.ossdefalut .grouplist span.defaultdata{
	color: #9c9c9c;
    font-size: 24px;
    line-height: 1.25;
}
.ossdefalut .grouplist a{
	color: #bd8888;
	font-size: 14px;
	display: block;
	border-bottom:1px solid #dee4e9;
	line-height: 14px;
	padding-bottom: 6px;
	margin-bottom: 12px;
}
.ossdefalut .table-responsive{
	padding-right: 20px
}
.ossdefalut .table{
	font-size: 14px;
}
.ossdefalut .table th,.ossdefalut .table td{
	padding:4px!important;
}
.ossdefalut .footpower{
	padding-top:32px;
}
.ossdefalut .footpower a{
	padding: 0 20px;
    height: 40px;
    line-height: 40px;
    background-color: #ee4a47;
    border-color: #ef5350;
    display: block;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.ossdefalut .footpower .fr{
	float: right;
}
.ossdefalut .footpower .fl{
	float: left;
}
.ossdefalut .table .setTotalAmount{
	width: 50px;
	border:none;
}
.ossdefalut .table .input-power{
	color: #128ef2;
    font-size: 14px;
    line-height: 19px;
    cursor: pointer;
}
.ossdefalut #thistory{
	max-height:400px;
}
.ossdefalut .groupwrite{
	font-size: 14px;
}
.ossdefalut .groupwrite.SDiv{
	width:33.3334%;
	display: inline-block;
	padding-right: 20px;
	margin-bottom: 12px;
}
.ossdefalut .groupwrite label{
	width:200px;
	text-align: right;
	margin:0;
	vertical-align: top;
}
.ossdefalut .groupwrite input,.ossdefalut .groupwrite select,.ossdefalut .groupwrite textarea
{
	width:calc(100% - 210px);
	border:none;
	border-bottom:1px solid #ccc;
	text-indent: 10px;
	outline: none;
	margin-left: 10px;
}
.ossdefalut .groupwrite textarea{
	width:calc(100% - 230px);
}
.ossdefalut .detailwrite{
	font-size: 14px;
}
.ossdefalut .detailwrite .control-label{
	width:200px;
	text-align: right;
	margin:0;
	vertical-align: top;
	float: left;
	padding:7px 15px 0;
}
.ossdefalut .detailwrite .control-input{
	width:calc(100% - 200px);
	text-align: left;
	margin:0;
	vertical-align: top;
	float: left;
	padding:0 15px;
}
.ossdefalut .detailwrite .progressline{
	margin:12px 0 0 0;
}
.ossdefalut .submitwrite{
	float: right;
	padding: 0 20px;
    height: 40px;
    margin-top: 20px;
    margin-right: 20px;
    line-height: 40px;
    background-color: #ee4a47;
    border-color: #ef5350;
    display: block;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.ossdefalut .progressline{
	width:200px;
	height:12px;
	margin:4px 4px 4px 0;
	background-color: rgba(0,0,0,0.1);
	overflow: hidden;
}
.ossdefalut .progressline .active{
	float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #ef5350;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	-webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.filterTerm{
	font-size: 12px;
}
.filterTerm .form-group{
	margin-right: 15px;
	margin-bottom: 15px;
	vertical-align: top;
}
.filterTerm .control-label{
	margin-right:6px; 
}
.filterTerm .form-control+.control-label{
	margin-left: 6px;
}
.filterTerm .form-control{
	font-size: 13px;
	line-height:1.42857143;
	padding:6px 10px;
}
.filterTerm select.form-control{
	height: 32px;
}
.intershow table{
	width:inherit;
}
.intershow .tablesizeS{
	width: 64px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.intershow .tablesizeXS{
	width: 96px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.intershow .tablesizeM{
	width: 128px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.intershow .tablesizeL{
	width: 192px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.intershow .tablesizeXL{
	width: 256px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.intershow .table .pad0{
	padding:0 !important;
}
.intershow .nowrite{
	background: #f1f1f1;
	color: #a9a9a9
}
.intershow .tip-ico{
	font-size: 14px;
	color: #128ef2;
	margin-left: 4px;
}
.intershow input,.intershow select{
	height: 28px;
	border:none;
	padding:0px 8px;
}
.receivable_left{
	width:48%;
	padding-right: 2%;
	float:left;
	border-right:1px solid #ccc;
}
.receivable_right{
	width:48%;
	padding-left: 2%;
	float:left;
	font-size: 14px;
}
.receivable_left .groupwrite{
	width: 100%;
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 12px;
}
.receivable_left .groupwrite p{
	width: calc(100% - 110px);
    border: none;
    border-bottom: 1px solid transparent;
    text-indent: 10px;
    outline: none;
    display: inline;
    margin-left: 10px;
}
.receivable_left .groupwrite>div{
	width: calc(100% - 110px);
    display: inline;
    float:right;
}
.receivable_left .groupwrite textarea{
	width: calc(100% - 110px);
	resize: none;
    height: 24px;
}
.showModal{

}
.showModal table{

}
.showModal table thead{
	font-size: 14px;
}
.showModal table body{
	font-size: 12px;
}
.showModal table .radio{
	margin:0;
}
.ordinaryTable{

}
.ordinaryTable th{
	font-size: 14px!important;
    padding: 4px 8px!important;
}
.ordinaryTable td{
	font-size: 14px!important;
    padding: 4px 8px!important;
}
.ordinaryTable td a{
	color:#128ef2;
	cursor: pointer;
}
.data-loading{
	width: 100vw;
	height: 100vh;
	display: flex;
	position: fixed;
	z-index: 9999;
	background: rgba(0,0,0,0.6);
	top: 0;
    align-items: center;
    justify-content: center;
}
@-webkit-keyframes animate {

	  25% {
		-ms-transform: scale(1.5);
	   	-webkit-transform: scale(1.5);
	    transform: scale(1.5);
		  }
	  75% {
		-ms-transform: scale(0);
	   	-webkit-transform: scale(0);
	    transform: scale(0);
		  }
	}

	@keyframes animate {
	  50% {
		-ms-transform: scale(1.5,1.5);
	   	-webkit-transform: scale(1.5,1.5);
	    transform: scale(1.5,1.5);
		  }

	  100% {
		-ms-transform: scale(1,1);
	   	-webkit-transform: scale(1,1);
	    transform: scale(1,1);
		  }

	}
.data-loading .loading-inner{
	position: absolute;
    left: 50%;
    top: 50%;
    height: 150px;
    width: 150px;
    margin-top: -75px;
    margin-left: -75px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}
.data-loading .loading-inner> div {
  	width: 20px;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-animation: animate 0.8s infinite;
    animation: animate 0.8s infinite;
}
.data-loading .loading-inner> div:nth-of-type(1) {
    top: 19px;
		left: 19px;
}
.data-loading .loading-inner > div:nth-of-type(2) {
    top: 0px;
		left: 65px;
		-webkit-animation-delay: 0.1s;
	    animation-delay: 0.1s;

}
.data-loading .loading-inner > div:nth-of-type(3) {
    top: 19px;
		left: 111px;
		-webkit-animation-delay: 0.2s;
	    animation-delay: 0.2s;
}
.data-loading .loading-inner > div:nth-of-type(4) {
    top: 65px;
		left: 130px;
		-webkit-animation-delay: 0.3s;
	    animation-delay: 0.3s;
}
.data-loading .loading-inner > div:nth-of-type(5) {
   top: 111px;
		left: 111px;
		-webkit-animation-delay: 0.4s;
	    animation-delay: 0.4s;
}
.data-loading .loading-inner > div:nth-of-type(6) {
    top: 130px;
		left: 65px;
		-webkit-animation-delay: 0.5s;
	    animation-delay: 0.5s;
}
.data-loading .loading-inner > div:nth-of-type(7) {
    top: 111px;
		left: 19px;
		-webkit-animation-delay: 0.6s;
	    animation-delay: 0.6s;
}
.data-loading .loading-inner > div:nth-of-type(8) {
    top: 65px;
		left: 0px;
		 -webkit-animation-delay: 0.7s;
	    animation-delay: 0.7s;
}
.systemDialog-k .modal-dialog{
	width:90vw;
	max-width: 1000px;
}
.systemDialog-k .modal-body{
	padding:0;
	min-height: 0;
	position: relative;
}
.systemDialog-k .bootbox-body{
	position: relative;
	width: 1000px;
    height: 80vh;
}
.systemDialog-k .modal-dialog .publicField{
	padding:15px;
}
.systemDialog-k .modal-dialog .publicField h4{
	font-size: 16px;
}
.systemDialog-k .modal-dialog .publicField span{
	margin-right: 20px;
}
.systemDialog-k .modal-dialog .screenmode select.form-control{
	padding:5px 6px;
}
.systemDialog-k .table-responsive{
	overflow-y: auto;
	max-height: calc(80vh - 250px);
}
.systemDialog-k .modal-content{
	background-color: transparent;
	-webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.systemDialog-k .modal-dialog table{
	font-size: 13px;

}
.systemDialog-k .modal-dialog table a{
	color: #38a0f4;
	cursor: pointer;
}
.systemDialog-k .ajaxmore{
	text-align: center;
}
.systemDialog-k .ajaxmore button{
	width: 100px;
	height: 32px;
	border:1px solid #ddd;
	background:#fff;
	color:#999;
	transition: 0.4s;
}
.systemDialog-k .ajaxmore button:hover{
	width: 100px;
	height: 32px;
	border:1px solid #ddd;
	background:#999;
	color:#fff;
}
.systemDialog-k .turnwrap{
	background: #ccc;
	z-index: -1;
}
.systemDialog-k .turnwrap .comeback{
	font-size: 16px;
    cursor: pointer;
    margin-top: -5px;
    color: #ffffff;
    position: absolute;
    top: 16px;
    left: 15px;
    width: 28px;
    height: 28px;
    background: rgba(0,0,0,0.5);
    border-radius: 4px;
    padding: 6px;
}
.systemDialog-k .turnwrap .comeback:hover{
	transition: all 0.5s;
	background: rgba(0,0,0,0.8);
}
.systemDialog-k .turnwrap .ossdefalut{
	padding:30px 0 0 0;
	height: 80vh;
	overflow:auto;
}
.systemDialog-k .flip{
	position: absolute;
	width: 1000px;
	padding: 0px;
	height: 80vh;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    backface-visibility: hidden;
    transform: translateX(0);
}
.systemDialog-k .flip.out {
  -webkit-transform: rotateY(-90deg) scale(.9);
  -webkit-animation-name: flipouttoleft;
  -webkit-animation-duration: 175ms;
  transform: rotateY(-90deg) scale(.9);
  animation-name: flipouttoleft;
  animation-duration: 175ms;
}
.systemDialog-k .flip.in {
  -webkit-animation-name: flipintoright;
  -webkit-animation-duration: 225ms;
  animation-name: flipintoright;
  animation-duration: 225ms;
}
.systemDialog-k .close{
	z-index: 20
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
    from { transform: rotateY(0); }
    to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoleft {
    from { transform: rotateY(-90deg) scale(.9); }
    to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}
.cursor{
	cursor: pointer;
}
.text-underline{
	text-decoration: underline;
}
.un-userselect{
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.powerbox{
	display: block;
    padding: 16px;
}
.powerbox ul,.powerbox li{
	padding: 0;
	margin: 0;
	list-style: none;
}
.powerbox ul li li{
	margin-left: 40px;

}
.powerbox ul ul{
	display: none;
}
.powerbox .openw > ul {
    display: block;
}

.powerbox .groupDiv{
	width:auto;
	display: inline-block;
	height: 50px;
	min-width: 250px; 
	background:#59a9fa;
	color: #fff;
	border-bottom:1px solid #54a6f9;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 50px;
	padding:0 50px 0 50px;
	position: relative;
}
.powerbox .dropico{
	width: 50px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	padding:17px;
	top: 0;
	left: 0;
}
.powerbox .dropico i{
	width:16px;
	height: 16px;
	display: block;
	position: relative;
}
.powerbox .dropico i:before{
	content:"";
	position: absolute;
	width:16px;
	display: block;
	height: 2px;
	background: #fff;
	top:7px;
	left: 0;
}
.powerbox .dropico i:after{
	content:"";
	position: absolute;
	width: 2px;
	display: block;
	height: 16px;
	background: #fff;
	top:0px;
	left: 7px;
}
.powerbox .openw > .groupDiv > .dropico > i:after{
	display: none;
}
.powerbox .overico{
	width: 50px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	padding:21px;
	top: 0;
	left: 0;
}
.powerbox .overico i{
	width:8px; 
	height: 8px;
	display: block;
	border-radius: 50%;
	background: #fff;
}
.powerbox .updateico{
	width: 50px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	padding:16px;
	top: 0;
	right: 0;
}
.powerbox .updateico i{
	font-size: 24px;
}
.powerInner{
	padding:28px 16px;
}
.powerInner .modetitle{
	
}
.powerInner .modetitle .departmentName{
	font-size: 18px;
	color:#333;
	line-height: 40px;
	float: left;
	font-weight: bold;
}
.powerInner .modetitle .departmentName .updateico{
	margin-left: 10px;
	color: #128ef2;
	cursor: pointer;
}
.powerInner .modetitle .setpowerbtn{
	width: 40px;
	height: 40px;
	line-height: 40px;
	color:#333;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	float: right;
	display: block;
}
.powerInner .attribute{
	margin-bottom: 8px;
}
.powerInner .attribute .superior{
	line-height: 28px;
}
.powerInner .attribute .superior span{
	color: #128ef2;
}
.powerInner .attribute .orderz{
	margin-left: 32px;
}
.powerInner .summary .showmode{
	line-height: 18px;
	font-size: 12px;
}
.powerInner .summary .writemode{
	display: none;
}
.powerInner .summary .updateSummary{
	width: 64px;
	height: 32px;
	display: block;
	background-color: #42a5f5;
	color:#fff;
	line-height: 32px;
	text-align: center;
	float: right;
	cursor: pointer;
}
.powerInner .memberWrap{

}
.powerInner .memberWrap .director{
	width: 180px;
	float: left;
}
.powerInner .memberWrap .staff{
	width:calc(100% - 180px);
	float: right; 
	max-height: 300px;
    overflow-y: auto;
}
.powerInner .memberWrap .membertitle{
	line-height: 18px;
	font-size: 14px;
	margin-bottom: 8px;
}
.powerInner .memberWrap .item{
	height: 38px;
	width: auto;
	display: inline-block;
	border-radius: 19px;
	border:1px solid #ced4de;
	margin-bottom: 10px;
	margin-right: 14px;
	color: #95a2b6;
	vertical-align: top;
}
.powerInner .memberWrap .item img{
	width: 36px;
	height: 36px;
	border-radius:50%;
	overflow:hidden;
	vertical-align: top;
}
.powerInner .memberWrap .item span{
	height: 36px;
	padding: 0 8px 0px 5px;
	line-height: 36px;
	font-size: 14px;
	vertical-align: top;
}
.powerDefault{
	margin: -15px -15px 0;
}
.powerDefault .departmentWrap{
	background-color: #fff;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
}
.powerDefault .departmentWrap .attribute{
	padding:35px 15px 20px;
}
.powerDefault .departmentWrap .attribute .dname{
	font-size: 24px;
	color: #333;
	font-weight: bold;
	line-height: 36px;
	margin-right: 16px;
}
.powerDefault .departmentWrap .attribute span{
	font-size: 14px;
	margin-right: 16px;
}
.powerDefault .departmentWrap .attribute i{
	font-size: 18px;
	display: inline-block;
	line-height: 36px;
	color:#128ef2;
	margin-right: 8px;
	cursor: pointer;
}
.powerDefault .departmentWrap .memberWrap{
	padding:0 15px 32px;
}
.powerDefault .departmentWrap .memberWrap .additem{
	width:32px;
	height: 32px;
	font-size: 15px;
	display: inline-block;
	border:1px dashed #aaa;
	border-radius: 50%;
	vertical-align: top;
	margin:0 16px 10px 0;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}
.powerDefault .departmentWrap .memberWrap .director{
	width: 200px;
	display: block;
	float: left;
}
.powerDefault .departmentWrap .memberWrap .director .item{
	display: inline-block;
}
.powerDefault .departmentWrap .memberWrap .director .item img{
	width:32px;
	height: 32px;
	display: inline-block;
	border-radius: 16px;
	overflow:hidden;
	cursor: pointer;
}
.powerDefault .departmentWrap .memberWrap .director .item span{
	font-size: 16px;
	color:#333;
	line-height: 32px;
	margin:0 6px;
	vertical-align: top;
}
.powerDefault .departmentWrap .memberWrap .director .item i{
	font-size: 12px;
	line-height: 32px;
	vertical-align: middle;
	cursor: pointer;
}
.powerDefault .departmentWrap .memberWrap .plain{
	display: block;
}
.powerDefault .departmentWrap .memberWrap .plain .item{
	display: inline-block;
	margin:0 16px 10px 0;
}
.powerDefault .departmentWrap .memberWrap .plain .item img{
	width:32px;
	height: 32px;
	display: inline-block;
	border-radius: 16px;
	overflow:hidden;
	cursor: pointer;
}
.powerDefault .departmentWrap .memberWrap .plain .item span{
	font-size: 16px;
	color:#333;
	line-height: 32px;
	margin:0 6px;
	vertical-align: top;
}
.powerDefault .departmentWrap .memberWrap .plain .item i{
	font-size: 12px;
	line-height: 32px;
	vertical-align: middle;
	cursor: pointer;
}
.powerDefault .departmentWrap .memberWrap .staff{
	width: calc(100% - 200px);
	display: block;
	float: right;
}
.powerDefault .departmentWrap .memberWrap .staff .item{
	display: inline-block;
	margin:0 16px 10px 0;
}
.powerDefault .departmentWrap .memberWrap .staff .item img{
	width:32px;
	height: 32px;
	display: inline-block;
	border-radius: 16px;
	overflow:hidden;
	cursor: pointer;
}
.powerDefault .departmentWrap .memberWrap .staff .item span{
	font-size: 16px;
	color:#333;
	line-height: 32px;
	margin:0 6px;
	vertical-align: top;
}
.powerDefault .departmentWrap .memberWrap .staff .item i{
	font-size: 12px;
	line-height: 32px;
	vertical-align: middle;
	cursor: pointer;
}
.powerDefault .setPowerWrap{
	padding:15px;
}
.powerDefault .setPowerWrap .inter{
	margin-bottom: 15px;
}
.powerDefault .setPowerWrap .inter h1{
	font-size: 14px;
	color: #fff;
	background-color: #1690f3;
    border-color: #2095f3;
    display: block;
    float: left;
    padding:0 16px;
    line-height: 30px;
    border-radius: 30px;
    margin: 5px 0
}
.powerDefault .setPowerWrap button{
	background-color: #ee4a47;
    border:1px solid #ef5350;
    color: #fff;
    font-size: 18px;
    display: block;
    padding:0 16px;
    line-height: 40px;
}
.powerDefault .setPowerWrap .powersetbox{
	max-height: calc(100% - 450px);
	overflow-y: auto;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
	margin-bottom: 15px;
}
.powerDefault .setPowerWrap .powersetbox .listtitle{
	height: 38px;
}
.powerDefault .setPowerWrap .powersetbox .listtitle>div{
	font-size: 16px;
	color: #333;
	line-height: 38px;
	padding-left: 10px;
}
.powerDefault .setPowerWrap .powersetbox .list{
	min-height: 50px;
	border-top:1px solid #eee;

}
.powerDefault .setPowerWrap .powersetbox .list>div{
	font-size: 12px;
	color: #333;
	padding-left: 10px;
}
.powerDefault .setPowerWrap .powersetbox .lname{
	width: 300px;
	line-height: 49px;
	float: left;
}
.powerDefault .setPowerWrap .powersetbox .lset{
	width: calc(100% - 300px);
	float: left;
}
.powerDefault .setPowerWrap .powersetbox .lset small{
	font-size: 12px;
	font-weight: normal;
	margin-left:10px;
	cursor: pointer;
	color: #1690f3;
}
.powerDefault .setPowerWrap .powersetbox .checkbox{
	margin-top: 16px;
	margin-bottom: 10px;
	font-size: 0;
}
.powerDefault .setPowerWrap .powersetbox .checkbox .magic-checkbox+label:not(:empty) {
	padding: 0 0 0 21px !important;
	margin-bottom: 6px;
	font-size: 12px;
	margin-right: 6px;
}
.powerDefault .setPowerWrap .powersetbox .checkbox i{
	font-size: 14px;
	margin-right: 20px;
	line-height: 16px;
	cursor: pointer;
	vertical-align: top;
	display: inline-block;
}
.me-address{
	width: 100%;
	padding:16px 16px 0px 16px;
	border:2px dashed #ddd;
	margin-bottom: 10px;
	position: relative;
}
.me-address.maxw{
	max-width: 600px;
}
.me-address .ti-close{
	position: absolute;
	color:#aaa;
	top: 5px;
	right: 5px;
	font-size: 12px;
	cursor: pointer;
}
.me-address p{
	font-size: 14px;
	line-height: 1.5;
}
.me-address p span{
	margin-right: 40px;
	display: inline-block;
}
#notice-list .mail-star{
	min-height: 1px;
}
#notice-list .mail-star .badge:empty.badge-icon{
	margin: 4px;
}
.text-center{
	text-align: center;
}
.meicon{
	width: 18px;
	height: 18px;
    margin-right: 8px;
	display: inline-block;
	background-image: url(../img/icon/icon.png);
	background-position-x: 0px;
	background-repeat: no-repeat;
	background-size: 36px auto;
	vertical-align: bottom
}
.active-link .meicon{
	background-position-x: -18px;
}
#mainnav-menu li:hover .meicon{
	background-position-x: -18px;
}
.meicon.home_ico{
	background-position-y: 0;
	/*首页*/
}
.meicon.balanceOfAccountManage_icon{
	background-position-y: -18px;
	/*财务对账管理*/
}
.meicon.billingManage_ico{
	background-position-y: -36px;
	/*开票管理*/
}
.meicon.customerApply_ico{
	background-position-y: -54px;
	/*客户申请*/
}
.meicon.customerManage_ico{
	background-position-y: -72px;
	/*客户管理*/
}
.meicon.customerQuoteApply_ico{
	background-position-y: -90px;
	/*客户额度申请*/
}
.meicon.goodsApply_ico{
	background-position-y: -108px;
	/*商品申请*/
}
.meicon.goodsManage_ico{
	background-position-y: -126px;
	/*商品管理*/
}
.meicon.instoryApply_ico{
	background-position-y: -144px;
	/*进货单管理*/
}
.meicon.lockgoldManage_ico{
	background-position-y: -162px;
	/*锁定金管理*/
}
.meicon.LogisticsChannelManage_ico{
	background-position-y: -180px;
	/*物流通道管理*/
}
.meicon.logisticsCostManage_ico{
	background-position-y: -198px;
	/*物流费用管理*/
}
.meicon.myApply_ico{
	background-position-y: -216px;
	/*我的申请*/
}
.meicon.myApproval_ico{
	background-position-y: -234px;
	/*我的审批*/
}
.meicon.outStoreManage_ico{
	background-position-y: -252px;
	/*出库单管理*/
}
.meicon.receivableManage_ico{
	background-position-y: -270px;
	/*应收管理*/
}
.meicon.salesApply_ico{
	background-position-y: -288px;
	/*销售单申请*/
}
.meicon.salesManage_ico{
	background-position-y: -306px;
	/*销售单管理*/
}
.meicon.salesQuoteApply_ico{
	background-position-y: -324px;
	/*销售额度申请*/
}
.meicon.storeinoutManage_ico{
	background-position-y: -342px;
	/*仓库进出管理*/
}
.meicon.supplierManage_ico{
	background-position-y: -360px;
	/*供应商管理*/
}
.meicon.wantSlipsManage_ico{
	background-position-y: -378px;
	/*缺货单管理*/
}
.meicon.transshipmentApply_ico{
	background-position-y: -396px;
	/*调货单申请*/
}
.meicon.transshipmentManage_ico{
	background-position-y: -414px;
	/*调货单管理*/
}
.meicon.customerFinancialManage_ico{
	background-position-y: -432px;
	/*客户财务管理*/
}
.meicon.reversalManage_ico{
	background-position-y: -450px;
	/*即时库存管理*/
}
.meicon.classlyManage_ico{
	background-position-y: -468px;
	/*分类管理*/
}
.meicon.userpowerManage_ico{
	background-position-y: -486px;
	/*用户权限管理*/
}
@media (max-width: 1366px){
	.details-wrap .col-2{
		width:60%;
	}
	.details-wrap .col-3{
		width:40%;
	}
	.details-wrap .col-1{
		width:100%;
	}
}
@media (max-width: 1024px){
	#backlog-list{
		border-radius: none;
		border: none;
	    border-bottom: none;
	    background:transparent;
	}
	#backlog-list ul{
		margin-top: 15px;
	}
	#backlog-list h1{
		margin-bottom: 15px;
	}
	#backlog-list .panel-body{
		padding:0;
	}

	#backlog-list .page-header{
		background:#fff;
		padding:15px;
		border-radius:5px;
		margin-bottom: 15px;
	}
	#backlog-list li{
		background: #fff;
		border-radius: 5px;
		padding:0px;
		margin-bottom: 15px;
		overflow: hidden;
	}
	#backlog-list .backlog-list-oddNO{
		float:none;
		width:100%;
		margin:0;
		padding:7.5px 15px;
		color:#fff;
		background: #38a0f4;
	}
	#backlog-list .backlog-list-oddNO span{
		display: none;
	}
	#backlog-list .backlog-list-more{
		display: none;
	}
	#backlog-list .panel-footer{
		background: transparent;
		border-top:none;
	}
	.search-mode{
		margin:0;
	}
	.search-centont{
	}
	#manageClassWrap{
		padding-top:15px;
	}
	#backlog-list .backlog-list-ajax{
		padding:15px;
	}
	#backlog-list .backlog-list-ajax .btn{
		margin-left: 0px;
	}
	#backlog-list .backlog-list-ajax.has-tab .btn{
		margin-left: 0px;
	}
	.myformpanel .form-Sblackquate,.myformpanel .form-Mblackquate,.myformpanel .form-Lblackquate{
		width: calc(100% + 30px);
	}

	.myformpanel .control-label,.myformpanel .control-input{
		float:none;
		padding:0px 15px;
		width: 100%;
		text-align: left;
	}
	.myformpanel .input-Swidth,.myformpanel .input-Mwidth,.myformpanel .input-Lwidth{
	    width: 100%;
	}
	.details-wrap {
	    padding-top: 15px;
	}
	.details-wrap .details-list table{
		margin-top:0;
		margin-left: 0;
	}
	.details-wrap .col-1,.details-wrap .col-2,.details-wrap .col-3{
		width:100%;
		border-bottom: 1px solid #efefef;
	}
	.details-wrap .every-title{
		float:left;
		width: 64px;
		line-height: 24px;
	}
	.details-wrap .every-content{
		width: calc(100% - 64px);
		line-height: 24px;
	}
	.details-wrap .details-list:nth-child(even){
		background: #fff;
	}
	.systembox {
	    padding: 0px;
	}
	.systembox .listtop .modetitle{
		float: none;
	}
	.systembox .listtop .modescreen{
		margin-left: 0;
		float:none;
		margin-bottom: 5px;
	}
	.systembox .listtop .modescreen .screenbtn{
		padding:0 12px;
	}
	.systembox .listtop .modescreen .screenwrap{
		width: calc(100vw - 30px);
		box-shadow: 0 4px 20px #ccc;
		-webkit-box-shadow: 0 4px 20px #ccc;
	}
	.systembox .screenwrap .wrap-content{
		max-height: 50vh;
	}

	.ossdefalut{
		padding:0;
	}
	.ossdefalut .grouplist.SDiv,.ossdefalut .grouplist.MDiv,.ossdefalut .grouplist.LDiv{
		width:100%;
	}
	.receivable_left{
		width:100%;
		border-right: none;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
	}
	.receivable_right{
		width:100%;
	}
	.ossdefalut .progressline{
		width: 100%;
	}
	.ossdefalut .groupwrite.SDiv,.ossdefalut .groupwrite.MDiv,.ossdefalut .groupwrite.LDiv{
		width: 100%;
		display: block;
		padding-right: 0;
	}
	.ossdefalut .groupwrite label{
		width: 100%;
		text-align: left;
	}
	.ossdefalut .groupwrite input, .ossdefalut .groupwrite select, .ossdefalut .groupwrite textarea{
		width: 100%;
		margin-left: 0;
		text-indent: 0;
	}
	.ossdefalut .submitwrite{
		margin-right: 0;
	}
	.systemDialog-k .bootbox-body{
		width: 90vw;
	}
	.systemDialog-k .flip{
		width: 90vw;
	    overflow-y: auto;
	}
}
.Dialogselectuser{
	
}
.Dialogselectuser .modal-dialog{
	width:850px;
}
.Dialogselectuser.M1000 .modal-dialog{
	width:1000px;
}
.Dialogselectuser .form-detail{
	border:none;
	border-radius: 0;
	margin-bottom: 15px;
	padding:15px 0 0 0;
	-webkit-box-shadow:none;
    box-shadow:none;
}
.Dialogselectuser .modal-content{
}
.Dialogselectuser .modal-body{
	min-height: 30vh;
}
.Dialogselectuser .close{
	z-index: 9;
}
.Dialogselectuser .contentbg{
	position: absolute;
    top: 0;
    bottom: 0;
    width: 240px;
    background: #555;
    left: 0;
}
.Dialogselectuser .content{
	margin:-15px;
}
.Dialogselectuser .tab-nav{
	position: absolute;
    width: 240px;
    padding: 0;
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    z-index: 2

}
.Dialogselectuser .tab-nav>li{
	height: 50px;
	border-bottom: 1px solid #444;
	position: relative;
}
.Dialogselectuser .tab-nav>li>a{
	display: block;
	color: #bbb;
	font-size: 16px;
	padding-left: 32px;
	font-weight: bold;
	line-height: 50px;
}
.Dialogselectuser .tab-nav>li:hover,.Dialogselectuser .tab-nav>li.active{
	background: #666565;
}
.Dialogselectuser .tab-nav>li:hover>a,.Dialogselectuser .tab-nav>li.active>a{
	color: #fff;
}
.Dialogselectuser .tab-nav>li.active:after{
	content:"";
	position: absolute;
	top: 15px;
	right: 0;
	width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 8px solid #fff;
    border-bottom: 10px solid transparent;
}
.Dialogselectuser .tab-content{
	position: relative;
    padding-left: 240px;
    padding-top: 15px;
    z-index: 1;
}
.Dialogselectuser .selectwrap{
	position: relative;
    padding-left: 240px;
    width: 100%;

}
.Dialogselectuser h3{
	color: #444;
	font-size: 16px;
	margin:0 0 15px 0;
	padding-left: 0;
}
.Dialogselectuser .tab-pane{
	padding-left:20px;
}
.Dialogselectuser .selectbox{
	height: 32px;
	display: block;
    float: left;
    margin-right: 20px;
    position: relative;
}
.Dialogselectuser .selectbox em{
	width: 100%;
	height: 32px;
	display: block;
	line-height: 32px;
	font-size: 14px;
	color: #fff;
	background-color: #38a0f4;
    border-color: #42a5f5;
	font-style: normal;
	padding:0 20px 0 10px;
	position: relative;
}
.Dialogselectuser .selectbox em:hover{
	background-color: #337ab7;
    border-color: #2e6da4;
    cursor: pointer;
}
.Dialogselectuser .selectbox em>i{
	position: absolute;
	right: 10px;
	top: 12px;
	width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #fff;
}
.Dialogselectuser .selectbox>ul{
	position: absolute;
	top: 100%;
	list-style: none;
	padding:0;
	width: 100%;
	margin:0;
	box-shadow: 0 5px 12px 2px rgba(0,0,0,0.25);
	max-height: 150px;
	overflow-y: auto;
	background: #fff;
}
.Dialogselectuser .selectbox ul li{
	width: 100%;
	height: 26px;
	line-height: 26px;
	display: block;
	padding-left: 10px;
	background-color: #fff;
}
.Dialogselectuser .selectbox ul li:hover{
	background-color: #efefef;
	cursor: pointer;
}
.Dialogselectuser .selectbox ul li.noselect,.Dialogselectuser .selectbox ul li.noselect:hover{
	background-color: #cfcfcf;
	cursor: no-drop;
	color:#fff;
}
.Dialogselectuser .selectbox ul li.selected,.Dialogselectuser .selectbox ul li.selected:hover{
	background-color: #38a0f4;
	cursor: pointer;
	color:#fff;
}
.Dialogselectuser .selectbox[aria-expanded=false] ul{
	display: none;
}
.Dialogselectuser .selectbox[aria-expanded=true] ul{
	display: block;
}
.Dialogselectuser .selectbox>ul ul{
	padding:0; 
	margin: 0;
}
.Dialogselectuser .selectbtn{
	height: 32px;
	display: block;
	line-height: 32px;
	font-size: 14px;
	color: #fff;
	background-color: #38a0f4;
    border-color: #42a5f5;
    float: left;
    padding:0 16px;
    cursor: pointer;
}
.Dialogselectuser .selectbtn:hover{
	background-color: #337ab7;
    border-color: #2e6da4;
    cursor: pointer;
}
.Dialogselectuser .selectcustomer{
	width: 400px;
	float: left;
	margin-right: 20px;
}
.Dialogselectuser .selectcustomer input{
	width: 100%;
	height: 32px;
	line-height: 32px;
	padding:0 10px;
	border:1px solid #337ab7;
	outline: none;
}
.Dialogselectuser .selectcustomer select{
	width: 100%;
	height: 32px;
	line-height: 32px;
	padding:0 10px;
	border:1px solid #337ab7;
	outline: none;
}
.Dialogselectuser .me-chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
}
.Dialogselectuser .me-chosen-container .me-chosen-drop {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1010;
    display: none;
    width: 100%;
    border: 1px solid #42a5f5;
    border-top: 0;
    background: #fff;
    box-shadow: 0 7px 15px rgba(0,0,0,0.3);
}
.Dialogselectuser .me-chosen-container .me-chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}
.Dialogselectuser .me-chosen-container .me-chosen-results li {
    display: list-item;
    cursor: pointer;
    margin: 0;
    padding: 7px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-all;
    -webkit-touch-callout: none;
}
.Dialogselectuser .me-chosen-container .me-chosen-results li:hover {
    background-color: #42a5f5;
    color: #fff;
}
.Dialogselectuser .selectscroll{
	display: block;
	max-height: 50vh;
	min-height: 30vh;
	border-top: 1px solid #ccc;
    z-index: 1;
    overflow-y: auto;
}
.Dialogselectuser .tipwrap{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(65, 65, 65, 0.53);
    z-index: 99;
    text-align: center;
    padding-left: 240px;
    width: 100%;
}
.Dialogselectuser .tipwrap .tipcontent{
	display: inline-block;
    padding: 0 24px;
    line-height: 36px;
    margin-top: 20vh;
    color:#fff;
    font-size: 16px;
    border-radius: 6px;
    font-weight: bold;
}
.Dialogselectuser .tipwrap .tipcontent.success{
	background-color: #86c042;
    border-color: #8bc34a;
}
.Dialogselectuser .tipwrap .tipcontent.danger{
	background-color: #ee4a47;
    border-color: #ef5350;
}
.Dialogselectuser .tipwrap .tipcontent i{
	margin-right: 6px;
	font-size:0.8em;
}
.customtable .tablewrap{
    min-height: .01%;
    overflow-x: auto;

}
.customtable{
	margin-bottom: 15px;
}
.customtable table{
    font-size: 12px;
    border-color: #e9e9e9;
    border: 1px solid #ddd;
    max-width: 100%;
}
.customtable table thead tr{
    background: #dcdcdc;
}
.customtable table th{
    font-weight: 600;
    border: 1px solid #ddd;
    border-bottom: 1px solid #e9e9e9;
    padding: 4px 6px;
    color: #2b425b;
    white-space: nowrap;
}
.customtable table td{
    border: 1px solid #ddd;
    border-top: 1px solid #e9e9e9;
    padding: 4px 6px;
    white-space: nowrap;
}
.customtable table tbody tr:nth-child(2n){
    background: #e9faff;
}
.customtable table td a{
	color: #128ef2;
	cursor: pointer;
}
.customtable .td-sm{
	width: 70px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.customtable .td-md{
	width: 100px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.customtable .td-lg{
	width: 130px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.customtable .td-xl{
	width: 160px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.customtable .td-xxl{
	width: 190px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* PAN 18.01.08 */
.color-href,.color-href:hover{
	color: #337ab7;
}
.text-tips{
	margin-top: 5px;
	margin-bottom: 10px;
}
.systembox .systemtable .td-xsmall .checkbox{
	margin: 0;
}
.form-detail p.text-muted{
	color: #afb9c3;
}
.form-detail .notice-tags span{
	font-size: 18px;
	padding: 5px 8px;
}
.form-detail .notice-name{
	margin: 5px 0 10px;
}
.form-detail .notice-tags .notice-title{
	font-size: 20px;
	padding: 0;
}
.pt20{
	padding-top: 20px;
}
.systembox .systemtable .td-xsmall.small-pad{
	padding: 10px 0;
}
.small-pad .ion{
	font-size: 18px;
}
.systembox .systemtable tbody .small-pad i{
	margin-left: 0;
}
.fz16{
	color: #ffbb44;
	cursor: pointer;
	font-size: 16px;
}
.fz17{
	font-size: 17px;
}
.systembox .systemtable tbody td i.ion-email{
	color: #afb9c3;
	padding-top: 1px;
}
.myformpanel textarea{
	resize:none;
}
.lookAllList{
	cursor: pointer;
	color: #337ab7;
}
.pt5{
	padding-top: 5px;
}
/* PAN 18.01.08 */
/*CHONG 18.07.31*/
.index-top{
	margin: 0 -7.5px 15px -7.5px;
}
.index-top:after,index-top:before{
	display: table;
	content: " ";
}
.index-top .item{
	float:left;
	width:16.66666667%;
	display: block;
	padding-left: 7.5px;
	padding-right: 7.5px;
}
.index-top .item-container{
	display: block;
	border-radius: 5px;
	overflow:hidden;
	cursor: pointer;
}
.index-top .item .item-title{
	line-height: 46px;
	display: block;
	height:  46px;
	color: #fff;
	font-size:16px;
}
.index-top .item .item-content{
	line-height: 90px;
	display: block;
	height:  90px;
	background: #fff;
	margin:0;
	font-size: 32px;
	font-weight: bold;
}
.index-top .item-verson{
	display: block;
	width: calc(100% - 16.6666667% * 3 - 363px);
	height: 136px;
	padding:0 7.5px;
	float: left;
}
.index-top .item-verson .item-container{
	background-image: url(../img/verson-bg.jpg);
	background-size:cover;
}
.index-top .item-verson .text-container{
	width:calc(100vw - 16.6666667vw * 3 - 356px);
	height: 136px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 10%;
	color: #fff;
}
.index-top .item-verson .text-container span{
	vertical-align: middle;
}
.index-top .item-banner{
	width: 363px;
	height: 136px;
	display: block;
	float: left;
	padding: 0 7.5px;
}
.index-top .index-carousel{
	position: relative;
	display: block;
	width:348px;
	height: 136px;
	border-radius: 5px;
	overflow: hidden;
}

.index-carousel ul {
	width: 2000px;
	position: relative;
	margin: 0;
	padding: 0;
}
.index-carousel .carousel-item {
	float: left;
	width: 348px;
	margin: 0;
	border: none;
	height: 136px;
	background-size: cover;
	background-repeat: no-repeat;
}
.index-carousel .carousel-item .text-container{
	width:348px;
	height: 136px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
    padding: 0 40px;
}
.index-carousel .carousel-item .text-container span{
	vertical-align: middle;
}
.index-carousel .dot-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	z-index: 10;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6px;
}
.index-carousel .dot-nav li.active{
	background-color: #ffffff;
}
.index-carousel .dot-nav li{
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #b3b6b9;
	margin: 0 3px;
	z-index: 10;
	cursor: pointer;
}
.index-carousel .btn-nav {
	padding: 6px 0;
	position: absolute;
	top: calc( 50% - 16px );
	z-index: 9;
	border: none;
}
.index-carousel .btn-nav:hover{
	background-color: rgba(255, 255, 255, .4);
}
.index-carousel .btn-nav[disabled]:hover{
	background-color: rgba(255, 255, 255, .2);
}
.index-carousel .btn-nav.btn-prev {
	left: 8px;
}
.index-carousel .btn-nav.btn-next {
	right: 8px;
}
.index-carousel .btn-nav i {
	display: block;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	font-size: 16px;
}
.index-list{
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}
.index-list .list-title{
	height: 46px;
	width:100%;
	padding:0 18px;
	line-height: 46px;
	color: #fff;
	background-color: #42a5f5;
	font-size: 16px;
}
.index-list .list-none{
	min-height: 400px;
	background-color: #fff;
	background-image: url(../img/indexlistnone.png);
	background-position: center;
	background-repeat: no-repeat;
}
.index-list .mpanel{
	margin:0;
	border-bottom: 1px solid #dcdcdc;
	background: #fff;
}
.index-list .mpanel:last-child{
	border-bottom:0
}
.index-list .mpanel-heading{
}
.index-list .mpanel-title{
	margin:0;
	padding: 0;
}
.index-list .mpanel-title a{
	display: block;
	font-size: 14px;
	/* height: 36px; */
	line-height: 36px;
	color: #000;
	padding: 0 18px;
	cursor: pointer;
}
.index-list .mpanel-title a>span{
	color: #ba68c8;
}
.index-list .mpanel-title a>em{
	color: #41a5f5;
	font-style: normal
}
.index-list .mpanel-body{
	padding:16px 18px;
}
.index-list .maimdetail{
	display: block;
	border-bottom:1px solid #ededed;
}
.index-list .maimdetail .micon{
	float: left;
	width: 56px;
}
.index-list .maimdetail .micon i{
	font-size: 36px;
}
.index-list .maimdetail .mcontext{
	display: block;
	width: calc(100% - 150px);
	float: left;
	padding: 6px 0 4px 0;
}
.index-list .maimdetail .mcontext p{
	margin:0;
}
.index-list .maimdetail .mcontext .mtitle{
	color: #000;
	font-size: 16px;
	line-height: 24px;

}
.index-list .maimdetail .mcontext .mtitle span{
	color: #ba68c8;
}
.index-list .maimdetail .mcontext .mtitle em{
	color: #41a5f5;
	font-style: normal
}
.index-list .maimdetail .mcontext .mtime{
	color: #7d7d7d;
	font-size: 13px;
	line-height: 26px;
}
.index-list .maimdetail .mcontext .mauthor{
	color: #41a5f5;
	font-size: 13px;
	line-height: 26px;
}
.index-list .maimdetail .mcontext .mauthor span{
	margin-right:36px;
}
.index-list .maimdetail .mlink{
	display: block;
	float: left;
	width: 84px;
	
}
.index-list .maimdetail .mlink a{
	display: block;
	cursor: pointer;
	width: 84px;
	height: 24px;
	color: #fff;
	line-height: 24px;
	border-radius: 5px;
	background-color: #42a5f5;
	text-align: center;

}
.index-list .minordetail{
	display: block;
	padding:14px 58px 0;
}
.index-list .minordetail p{
	margin:0
}
.index-list .minordetail p span{
	display: block;
	width: 50%;
	float: left;
	line-height: 26px;
} 
.index-list .minordetail p em{
	display: block;
	font-style: normal;
	line-height: 26px;
}
.index-list .minordetail strong{
	display: inline-block;
	width: 80px;
	font-style: normal
}
/*CHONG 18.07.31*/
/* PAN 18.02.01 */
.toggle-switch.big-size+label{
	line-height: 20px;
	height: 20px;
	max-height: 20px;
	padding-left: 60px;
}
.toggle-switch.big-size+label:empty{
	padding-left: 50px;
}
.toggle-switch.big-size+label:before{
	width: 50px;
	height: 20px;
	border-radius: 10px;
}
.toggle-switch.big-size+label:after{
	width: 18px;
	height: 18px;
}
.toggle-switch:checked.big-size+label:after{
	left: 30px;
}
.Dialogselectuser h3 span{
	padding-left: 20px;
	font-size: 13px;
	color: #758697;
	font-weight: normal;
}
.Dialogselectuser .selectbox ul li i.ion-checkmark-round{
	display: none;
	float: right;
	padding-right: 10px;
	padding-top: 7px;
}
.Dialogselectuser .selectbox ul li.selected i.ion-checkmark-round{
	display: inline;
}
/*CHONG 18.03.07 START*/
#content-container{
	padding-bottom: 40px;
}
#content-container.clearbottom{
	padding-bottom: 0;
}
.ListMonad{
}
.ListMonad .ListHead{
	overflow:hidden;
}
.ListMonad .ListHead .ListHeadWrap{
	white-space: nowrap;
	font-size: 0;
}
.ListMonad .ListHead .ListHeadWrap>span:first-child{
	padding-left: 15px;
}
.ListMonad .ListHead .ListHeadWrap>span:last-child{
	padding-right: 15px;
}
.ListMonad .ListHead .ListHeadWrap>span{
	color: #78909c;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    display: inline-block;
    padding:0 3px;
}
.ListMonad .ListHead .ListHeadWrap .magic-checkbox+label{
	color: #78909c;
    font-size: 14px;
    font-weight: bold;
	line-height: 40px;
    vertical-align: top;
}
.ListMonad .ListHead .ListHeadWrap .magic-checkbox+label:before {
    top: 12px;
}
.ListMonad .ListHead .ListHeadWrap .magic-checkbox+label:after{
	top: 13px;
}

.ListMonad .ListContent{
	list-style: none;
	padding:0;
	margin:0;
	overflow: auto;
    max-height: calc(100vh - 270px);
}
.ListMonad .ListContent .ListInter{
	background: #fff;
	font-size: 14px;
    display: table-row;
}
.ListMonad .ListContent .ListHr{
	height: 5px;
}
.ListMonad .ListContent .ListInter>div{
    display: table-cell;
    vertical-align: top;
}
.ListMonad .ListContent .ListInter>div:first-child{
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
}
.ListMonad .ListContent .ListInter>div:first-child>div{
	padding-left: 15px;
}
.ListMonad .ListContent .ListInter>div:last-child{
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}
.ListMonad .ListContent .ListInter>div:last-child>div{
    padding-right: 15px;
} 
.ListMonad .ListContent .ListInter>div>div{
	display: block;
    line-height: 18px;
	padding:10px 3px;
    word-break: break-all;
}
.ListMonad .ListContent .ListInter .checkbox,.ListMonad .ListContent .ListInter .radio{
	margin:0;
}
.ListMonad .ListContent .ListInter .progressline{
	width: 95%;
    height: 12px;
    margin: 3px;
    background-color: rgba(0,0,0,0.1);
    overflow: hidden;
}
.ListMonad .ListContent .ListInter .progressline .active {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #ef5350;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.ListMonad.ListHasCount .ListContent{
    max-height: calc(100vh - 320px);
}
.ListMonad .ListHeadWrap .checkbox{
	margin: 0;
}
.ListMonad .ListHeadWrap #ListHeadAllSelect+label{
	color: #78909c;
	font-weight: bold;
	vertical-align: top;
}
.ListMonad .ListHeadWrap #ListHeadAllSelect+label:before{
	top:12px;
}
.ListMonad .ListHeadWrap #ListHeadAllSelect+label:after{
	top: 13px;
}
.ListMonad .ListContent .ListSubsidiary{
	display: flex;
}
.ListMonad .ListContent .ListSubsidiary>div{
	transition: background 300ms ease-in-out;
	background: #eaf6ff;
}
.ListMonad .ListContent .ListSubsidiary>div span{
	color: #1690f3;
}
.ListMonad .ListContent .ListSubsidiary>div:not(:last-child) div{
	padding:6px 15px;
}
.ListMonad .ListContent .ListSubsidiary>div:last-child div{
	padding: 6px 3px;
}
.ListMonad .ListContent .ListSubsidiary:hover>div{
	background-color: #c3e5ff;
}
.ListMonad .ListContent .ListInter+.ListSubsidiary>div{
	border-bottom:1px solid #c8c8c8;
}
.ListMonad .ListContent .ListInter .group-image{
	display:flex;
	flex-wrap: wrap;
	grid-gap: 8px 8px;
}
.ListMonad .ListContent .ListInter .group-image .image-container{
}
.ListMonad .ListContent .ListInter .group-image .image-event{
	height:28px;
	width: auto;
	min-width: 10px;
	max-width: 90px;
	cursor: pointer;
}
.ListMonad-empty{
	display: flex;
    height: calc(100vh - 140px);
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.ListMonad-empty-icon{

}
.ListMonad-empty-icon img{
	width: 400px;
}
.ListMonad-empty-warning{
	font-size: 20px;
    color: #222;
    line-height: 2;
}
.ListMonad-empty-tips{
	font-size: 16px;
    color: #999;
    line-height: 2;
}
.excel-container{
	
	font-size: 12px; 
	line-height: 16px;
}
.excel-container .excel-main{
	display: inline-block;
}
.mainnav-sm .excel-container .excel-title{
	max-width: calc(100vw - 90px);
	overflow: hidden;
}
.mainnav-lg .excel-container .excel-title{
	max-width: calc(100vw - 250px);
	overflow: hidden;
}
.excel-container .excel-title .title-container{
	display: flex;
	white-space: nowrap;
	flex-direction: row;
	flex-wrap:nowrap;
}
.excel-container .excel-title .mode{
	border-top:1px solid #a2a2a2;
	border-right: 1px solid #a2a2a2;
	background: #cacaca;
    color: #000;
}
.excel-container .excel-title .mode:first-child{
	border-left: 1px solid #a2a2a2;
}
.excel-container .excel-title .mode>div{
	padding:2px 3px;
}
.excel-container .excel-title .mode.sticky-left{
	position: sticky;
    left: 0;
}
.excel-container .excel-title .mode.sticky-right{
	position: sticky;
    right: 0;
}
.excel-container .excel-content{
	max-height: calc(100vh - 250px);
	overflow: auto;
}
.mainnav-sm .excel-container .excel-content{
	max-width: calc(100vw - 90px);
}
.mainnav-lg .excel-container .excel-content{
	max-width: calc(100vw - 250px);
}
.headPop + #page-content .excel-container .excel-content{
	max-height: calc(100vh - 370px);
}
.excel-container.HasCount .excel-content{
	max-height: calc(100vh - 300px);
}
.headPop + #page-content .excel-container.HasCount .excel-content{
	max-height: calc(100vh - 420px);
}
.excel-container .excel-content .excel-row{
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
}
.excel-container .excel-content .excel-col{
	border-top:1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #fff;
	color: #444;
}
.excel-container .excel-content .excel-col:first-child{
	border-left: 1px solid #ddd;
}
.excel-container .excel-content .excel-row:first-child .excel-col{
	border-top:1px solid #a2a2a2;
}
.excel-container .excel-content .excel-row:last-child .excel-col{
	border-bottom:1px solid #ddd;
}
.excel-container .excel-content .excel-col>div{
	padding:1px 3px;
	word-break: break-all;
}
.excel-container .excel-content .excel-row:hover .excel-col{
	background: #eee;
}
.excel-container .excel-content .excel-col.selected{
	background: rgba(66, 165, 245, 0.14)!important;
}
.excel-container .excel-content .excel-col.active.selected{
	background: #fff!important;
}
.excel-container .excel-content .excel-col.active{
	position: relative;
}
.excel-container .excel-content .excel-col.active::before{
	content: "";
	position: absolute;
	top:-2px; 
	left:-2px;
	right: -2px;
	bottom:-2px;
	border:2px solid #ff5c21;
}
.excel-container .excel-content .excel-col.sticky-left{
	position: sticky;
    left: 0;
}
.excel-container .excel-content .excel-col.sticky-right{
	position: sticky;
    right: 0;
}
.excel-container .progressline{
	width: 100%;
    height: 12px;
    margin: 2px;
    background-color: rgba(0,0,0,0.1);
    overflow: hidden;
}
.excel-container .progressline .active{
	float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #ef5350;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
/*CHONG 19.08.14 END*/
/*CHONG 19.01.21 STATE*/
.dialogKeyword{
	width:100%;
	padding:0px;
	border:1px solid #a1a1a1;
	margin-bottom:15px;
	height: 24px;
}
.dialogKeyword input[type=text]{
	border:none;
	outline:none;
	width:400px;
	float:left;
	height: 22px;
	line-height: 22px;
	text-indent: 10px;
}
.dialogKeyword .dialogSearchPower{
	float:right;
}
.dialogKeyword .dialogSearchPower .dialogPageSelect{
	display: inline-block;
	padding-right:20px;
	height: 22px;
	line-height: 22px;
	vertical-align: top;
	user-select:none;
}
.dialogKeyword .dialogSearchPower i{
	display: inline-block;
	width:24px;
	border-left:1px solid #ccc;
	text-align: center;
	height: 22px;
    line-height: 22px;
	cursor: pointer;
	vertical-align: top;
}
/*CHONG 19.01.21 END*/
/*CHONG 18.03.12 STATE*/
@font-face {font-family: "customfont";
  	src: url('../fonts/iconfont.eot?t=20180312'); /* IE9*/
  	src: url('../fonts/iconfont.eot?t=20180312#iefix') format('embedded-opentype'),
  	url('../fonts/iconfont.woff?t=20180312') format('woff'),
	url('../fonts/iconfont.ttf?t=20180312') format('truetype'),
  	url('../fonts/iconfont.ttf?t=20180312') format('truetype'), 
  	url('../fonts/iconfont.svg?t=20180312') format('svg');
}
.customfont {
  font-family:"customfont" !important;
  font-size:inherit;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cf-e604:before { content: "\e604"; }
.cf-e652:before { content: "\e652"; }
.cf-e639:before { content: "\e639"; }
.cf-e611:before { content: "\e611"; }
.cf-e627:before { content: "\e627"; }
.cf-e62e:before { content: "\e62e"; }
.cf-e648:before { content: "\e648"; }
.cf-e629:before { content: "\e629"; }
.cf-e613:before { content: "\e613"; }
.cf-e605:before { content: "\e605"; }
.cf-e6ae:before { content: "\e6ae"; }
.cf-e63a:before { content: "\e63a"; }
.cf-e63f:before { content: "\e63f"; }
.cf-e607:before { content: "\e607"; }
.cf-e602:before { content: "\e602"; }
.cf-e603:before { content: "\e603"; }
.cf-e610:before { content: "\e610"; }
.cf-e65d:before { content: "\e65d"; }
.cf-e600:before { content: "\e600"; }
.cf-e601:before { content: "\e601"; }
.cf-e623:before { content: "\e623"; }
.cf-e749:before { content: "\e749"; }
.cf-e64d:before { content: "\e64d"; }
.cf-e612:before { content: "\e612"; }
.cf-e606:before { content: "\e606"; }
.cf-e619:before { content: "\e619"; }/*文件夹收起*/
.cf-e614:before { content: "\e614"; }/*文件*/
.cf-e768:before { content: "\e768"; }/*文件夹打开*/
.cf-shouqi:before { content: "\e610"; }
/*CHONG 18.03.12 END*/
/*new icon*/

/*end*/
/**/
/* PAN 18.02.01 */

/* PAN 18.02.02 */
.index-top{
	/* height: 160px; */
}
.index-top .left,
.index-top .right{
	float: left;
	margin: 0 0 0 -241px;
	/* width: 50%; */
	/* *width: 49.9%; */
}
.index-top .left{
	width: 60%;
}
.index-top .right{
	width: 40%;
}
.index-top .mid{
	width: 480px;
	float: left;
}
.index-top .item-content{
	margin: 0 0 0 241px;
	overflow: hidden;
}
.index-top .left .item-content{
	margin-right: 7.5px;
}
.index-top .right .item-content{
	margin-left: 256px;
}
.index-top .item-content .item{
	padding-left: 7.5px;
	padding-right: 7.5px;
}
.index-top .panel{
	height: 160px;
}
/* PAN 18.02.02 */

/* PAN 18.02.06 */
.index-top .mid, .index-top .right{
	margin-bottom: 15px;
}
@media (max-width: 1200px){
	.index-top .left{
		width: 100%;
		margin: 0;
	}
	.index-top .right{
		width: 100%;
		margin: 0 0 0 -480px;
	}
	.index-top .left .item-content{
		margin: 0;
	}
	.index-top .right .item-content{
		margin: 0 0 0 495px;
	}
}
@media (max-width: 510px){
	.index-top .mid{
		width: 100%;
	}
	.index-top .right{
		margin: 0;
	}
	.index-top .right .item-content{
		margin: 0;
	}
}
/* PAN 18.02.06 */

/* PAN 18.02.22 */
#container .dropdown.message .badge{
	/* font-size: 12px; */
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	padding: 0;
	margin-top: -1.4em;
}
/* PAN 18.02.22 */

/* PAN 18.03.08 */
.system-detail{
	background: #fff;
    padding: 15px;
    border-radius: 0;
    border: 1px solid #e7ecf3;
    border-bottom: 1px solid rgba(0,0,0,0.17);
    margin-bottom: 15px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.edui-default .edui-editor, .edui-default .edui-editor-iframeholder, .edui-container, .edui-body-container{
	z-index: 1 !important;
}
/* PAN 18.03.08 */

/* PAN 18.03.19 */
.feedback-btn a{
	cursor: pointer;
}
.feedback-form{
	padding: 10px 18px 0;
}
.feedback-form textarea{
	margin-bottom: 10px;
	width: 100%;
	height: 150px;
	resize: none;
}
.feed-tips{
	font-size: 12px;
	padding-left: 10px;
}
.feed-detail{
	font-size: 14px;
}
.feed-item{
	line-height: 22px;
}
.feed-flex{
	display: flex;
}
.feed-flex .feed-left{
	width: 100px;
	flex-shrink: 0;
}
.feed-flex .feed-right{
	flex-shrink: 1;
}
/* PAN 18.03.19 */

/* PAN 18.03.21 */
.feedback-form .feedback-intro{
	padding: 10px 0;
	line-height: 1.6;
}
.feedback-Lbtn a{
	cursor: pointer;
	position: relative;
}
.feedback-Lbtn .ic-feedback{
	font-size: 1.3em;
    line-height: 40px;
}
.feedback-Lbtn .feedback-font{
	float: right;
    white-space: nowrap;
    line-height: 40px;
    margin: 0 10px;
}
.feedback-btn{
	display: none;
}
.navbar-top-links .tgl-menu-btn{
	right: 40px;
	top: -40px;
}
#container.mainnav-in .tgl-menu-btn{
	right: 260px;
}
#dropdown-user{
	position: static;
}
.feedback-area{
	position: relative;
}
.feedback-guide{
	width: 210px;
	position: absolute;
	background-color: #fff;
	padding: 20px 18px;
	border-radius: 3px;
	font-size: 14px;
	right: 20px;
	top: 45px;
	z-index: 2;
	text-align: justify;
}
.feedback-guide .feedback-close{
	margin-top: 5px;
	cursor: pointer;
	padding: 5px 8px;
	border: 1px solid #fff;
}
.feedback-guide .feedback-close:hover{
	background-color: rgba(255, 255, 255, 0.1);
}
.feedback-guide:before{
	content: '';
	width: 18px;
	height: 18px;
	transform: rotate(45deg);
	background-color: #00bcd4;
	border-color: #00bcd4;
	position: absolute;
	right: 12px;
	top: -6px;
	z-index: 1;
}
@media (max-width: 768px){
	.nav>li.feedback-Lbtn{
		display: none;
	}
	.feedback-btn{
		display: block;
	}
	#dropdown-user{
		position: fixed;
		right: 0;
		top: 0;
	}
	.nav>li.message{
		display: none;
	}
	#container.mainnav-in .pagenav{
		left: 220px;
		width: 100%;
	}
}
/* PAN 18.03.21 */


/*缺货单手机模块state*/


@media only screen and (max-width: 1023px){
	.pc-mode{
		display: none;
	}
	.moblie-mode{
		display: block;
	}
	#container #mainnav-container{
		z-index:1000;
	}
}
@media only screen and (min-width: 1024px){
	.pc-mode{
		display: block;
	}
	.moblie-mode{
		display: none;
	}
}
.oss-moblie{
	margin: -45px -15px 0 -15px;
    
}
.oss-moblie .m-ossclass{
	width: 100%;
	height: auto;
	padding:10px 0px 10px 10px;
	background: #fff;
	overflow-x:auto;
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);
	margin-bottom:8px; 
}
.oss-moblie .m-ossclass .m-ocWrap{
	white-space: nowrap;
	font-size: 0;
	padding:0;
	margin:0;
	list-style: none;
}
.oss-moblie .m-ossclass .m-ocWrap .m-ocItem{
	display:inline-block;
	padding:6px 3px;
	border-bottom:3px solid transparent;
	font-size: 14px;
	margin-right: 10px;
}
.oss-moblie .m-ossclass .m-ocWrap .m-ocItem.active{
	border-bottom:3px solid #7eb835;
}
.oss-moblie .m-ossContent{
	max-height: calc(100vh - 200px);
	overflow-y: auto;
}
.oss-moblie .m-ossContent .m-obWrap{
	display: none;
	padding:0 6px;
	margin:0;
	list-style: none;
}
.oss-moblie .m-ossContent .m-obWrap .m-obItem{
	width:100%;
	
	border:3px solid transparent;
	display: block;
	background: #fff;
	border-radius: 5px;
	overflow:hidden;
	margin-bottom:6px;
}
.oss-moblie .m-ossContent .m-obWrap .m-obItem.active{
	border-top:3px solid #7eb835;
}
.oss-moblie .m-ossContent .m-obWrap .m-obItem .m-obItemH{
	padding:10px 20px;
}
.oss-moblie .m-ossContent .m-obWrap .m-obItem strong{
	display: block;
	font-size: 14px;
	font-weight: bold;
}
.oss-moblie .m-ossContent .m-obWrap .m-obItem small{
	display: block;
	font-size: 12px;
}
.oss-moblie .m-ossContent .m-obWrap .m-obItem .majaxwrap{
	display: none;
    padding: 10px 20px;
}
.oss-moblie .m-ossContent .m-obWrap .m-obItem .majaxwrap hr{
	border-color: #ccc;
	margin:0 0 5px 0;
}
.oss-moblie .m-ossContent .m-obWrap .m-obItem .majaxwrap p{
	margin:0;
	line-height: 22px;
}
.oss-moblie .m-ossContent .m-obWrap .m-obItem .majaxwrap .m-obHref{
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 12px;
	background: #7eb835;
	color: #fff;

}
/*缺货单手机模块end*/
/*树状图功能*/
.curstomTree-ui{
	height: 200px;
    overflow-y: auto;
    padding: 4px;
    border: 1px solid #ccc;
    border-top: none;
    display: none;
}
.tree-ui{
	height: 200px;
    overflow-y: auto;
    padding: 4px;
    border: 1px solid #ccc;
    border-top: none;
    display: none;
}
.TreeUl{
	margin:0;
	font-size: 14px;
}
.TreeUl .TreeUl{
	margin:0 0 0 20px;
}
.TreeUl dd{
	margin: 0;
}
.TreeUl dd i.TreeIcon  {
	line-height: 24px;
    margin-right: 4px;
    cursor: pointer;
}
/*回复模块*/
.reply-dialog .modal-dialog{
    width: 400px;
}
.reply-container .upload-mode{  
    border:1px dashed #38a0f4;
    border-radius: 5px;
    margin-bottom:15px;
    text-align: center;
    padding: 20px 0;
    cursor: pointer;
}
.reply-container .upload-mode i{
    font-size: 60px;
    color: #38a0f4;
    margin-bottom: 15px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
}
.reply-container #success-container{
    max-height: 160px;
    margin-bottom: 15px;
}
.reply-container .upload-mode p{
    font-size: 16px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
}
.reply-container .say-mode{
    margin-bottom: 15px;
}
.reply-container .say-mode textarea{
    display: block;
    resize: none;
    background: #fefefe;
    border:1px solid #ddd;
    width: 100%;
    height: 60px;
}
.reply-container .submit-mode button{
    width: 100%;
}
.reply-container .reply-upbox{
    display: inline-block;
    position: relative;
    height: 40px;
    width: auto;
    margin: 0 15px 8px 0;
}
.reply-container .reply-upbox .reply-img{
    height: 100%;
    width: auto;
    display: block;
}
.reply-container .reply-upbox .reply-upbg{
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #efefef;
    background: rgba(0,0,0,0.6);
}
.reply-container .reply-upbox .reply-close{
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    border:2px solid #38a0f4;
    top:-7px;
    right:-10px;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
}
.reply-container .reply-upbox .reply-close:after{
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background: #38a0f4;
    display: block;
    top: 7px;
    left: 2px;
    transform:rotate(45deg); 
    -webkit-transform:rotate(45deg);  
    -moz-transform:rotate(45deg);  
}
.reply-container .reply-upbox .reply-close:before{
    content: "";
    position: absolute;
    width:12px;
    height: 2px;
    background: #38a0f4;
    display: block;
    top: 7px;
    left: 2px;
    transform:rotate(135deg); 
    -webkit-transform:rotate(135deg);  
    -moz-transform:rotate(135deg); 
}
/*通用表格*/
.universal{
	position: relative;
	overflow-y: auto;
	max-height: 60vh;
}
.universal .table-container{
	min-height: .01%;
	overflow-x: auto;
}
.universal table{
	font-size: 12px;
    border-color: #e9e9e9;
    max-width: 100%;
}
.universal table thead tr {
    background: #e9e9e9;
}
.universal table td {
    border-right: 1px dashed #ddd;
    border-top: 1px dashed #ddd;
    padding: 4px 2.5px;
    color: #666;
    white-space: nowrap;
}
.universal tbody tr:hover{
	background: #e1e1e1;
}
.universal input[type="number"]::-webkit-outer-spin-button,.universal input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
    margin: 0;
}
.universal input[type="number"]{-moz-appearance:textfield;}
/*回复模块*/
.sendmode{

}
.sendmode .selectwrap{
	position: relative;	
	min-height: 36px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	border:1px solid #e9e9e9;
	position: relative;
    padding-right: 40px;
}
.sendmode .selectwrap .downbtn{
	display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    text-align: center;
    line-height: 24px;
    border-radius: 3px;
    color: #fff;
    background: #42a5f5;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
.sendmode .sendselect{
	border:1px solid #e9e9e9;
	border-top:none;
	max-height: 150px;
	overflow-y:auto; 
	display: none;
}
.sendmode .sendselect>dl{
	padding:0;
	margin: 0;
	list-style: none;
	
}
.sendmode .sendselect>dl dl{
	padding:0 0 0 20px;
	margin: 0;
	list-style: none;
	display: none;
}
.sendmode .sendselect .senditem{

}
.sendmode .sendselect .senditem span{
	cursor: pointer;
	display: block;
    height: 32px;
    line-height: 32px;
	padding-left: 8px;
	background: #fff;
	transition: background-color 0.5s ease-in;
}
.sendmode .sendselect .senditem span i{
	line-height: 32px;
    display: inline-block;
    width: 32px;
    text-align: center;
	margin-right: 2px
}
.sendmode .sendselect .senditem span em{
	color: #2d83c5;
    margin-left: 4px;
    display: inline-block;
}
.sendmode .sendselect .senditem span:hover{
	background: #eee;
}
.sendmode .send-container{
	padding:5px 5px 0px 5px;
}
.sendmode .send-container .sendchoice{
	display: inline-block;
	padding:0 10px;
	line-height: 24px;
	color: #fff;
	background: #42a5f5;
	font-size: 14px;
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.sendmode .send-container .sendchoice i{
	font-size: 12px;
	margin-left: 5px;
}
/*送审附件功能*/
.approval-mode{
	display: flex;
	flex-wrap: wrap;
}
.approval-mode .approval-item{
    height: 64px;
    width: auto;
	margin-right: 8px;
	position: relative;
	margin-bottom: 8px;
}
.approval-mode .approval-item.hide-file{
    display: none;
}
.approval-mode img{
    height: 64px;
	width: auto;
	cursor: pointer;
	max-width: 100%;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.05);
}
.approval-mode .delectbtn{
	position: absolute;
    top: -6px;
    right: -6px;
    border-radius: 11px;
    width: 22px;
    height: 22px;
    background: #f52424;
    border: 2px solid #fff;
    display: block;
	padding: 3px;
	cursor: pointer;
}
.approval-mode .delectbtn i{
	color: #fff;
    font-size: 12px;
    display: block;
}
.approval-mode .addbtn{
	height: 64px;
    width: 64px;
    border: 2px dashed #aaa;
	text-align: center;
	cursor: pointer;
}
.approval-mode .addbtn i{
	font-size: 32px;
    color: #aaa;
    line-height: 60px;
}
/*送审附件功能end*/
/*证件展示*/
.papers-mode{
	display: flex;
	flex-wrap: wrap;
}
.papers-mode .item{
	display: flex;
	width: auto;
	min-width: 300px;
	padding:12px;
	height: 158px;
	margin-right: 12px;
	margin-bottom: 12px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.papers-mode .item-img{
	display: block;
}
.papers-mode .item-img img{
	display: block;
	height: 64px;
	width:auto;
	margin-right: 12px;
	margin-bottom: 8px;
}
.papers-mode .item-img.onlyone{
	display: flex;
}
.papers-mode .item-img.onlyone img{
	width:auto;
	height: 134px;
	display: block;
	margin-right: 12px;
}
.papers-mode .item-inter{
	width: auto;

}
.papers-mode .item-inter p{
	margin-bottom: 8px;
	display: flex;
}
.papers-mode .item-inter p span{
	font-size: 14px;
	margin-right: 6px;
	padding:2px 6px;
	color: #fff;
	cursor: pointer;
	display: block;
	border-radius: 3px;

}
.papers-mode .item-inter p span i{
	vertical-align: middle;
	margin-right: 2px;
}
.papers-upload{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.papers-upload .img-item{
	margin: 0 10px;
}
.papers-upload .img-item .img-defalut{
	width: 240px;
	height: 180px;
	display: block;
	border: 4px dashed #ccc;
	text-align: center;
	cursor: pointer;
}
.papers-upload .img-item .img-defalut i{
	font-size: 72px;
    color: #ccc;
    font-weight: bold;
    line-height: 176px;
}
.papers-upload .img-item img{
	width: auto;
	height: 180px;
	display: block;
	max-width: 100%;
}
/*证件展示end*/
/*多仓库发货*/
.delivery-area{
    margin:0 -15px;
    max-height: 60vh;
    overflow-y: auto;

}
.delivery-area .title-nav{
    background: #f4f5f8;
    min-height: 32px;
    line-height: 32px;
    width: 100%;
    padding:0 15px;
    overflow-x: auto;
    list-style: none;
}
.delivery-area .title-nav li{
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    color: #a9aebb;
    padding:0 10px;
    border-bottom:2px solid transparent;
}
.delivery-area .title-nav li.active{
    color: #111;
    border-bottom:2px solid #3b6ce6;
}
.delivery-area .tab-pane{
    padding:0 15px;
}
/*多仓库发货*/
/*缺货单管理页面的分类功能*/
.headPop{
	position: relative;
	height: 66px;
	margin-top: 40px;
	z-index: 2;
}
.headPop .headPopWrap{
	position: absolute;
	width: 100%;
	max-height: 60vh;
	height: 80px;
	padding-bottom: 20px;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	
}
.headPop .headPopWrap.open{
	height: auto;
}
.headPop .headPopWrap.open .container{
	overflow-y: auto;
}
.headPop .container{
	height: calc(100% - 4px);
	width: 100%;
	max-height: calc(60vh - 60px);
	font-size: 0;
	overflow: hidden;
	padding-top: 20px;
}
.headPop + #page-content .ListMonad .ListContent{
	max-height: calc(100vh - 358px);
}
.headPop + #page-content .ListMonad.ListHasCount .ListContent{
	max-height: calc(100vh - 418px);
}
.headPop .item{
	width:auto;
	height:32px;
	line-height: 32px;
	position: relative;
	display: inline-block;
	background:#1690f3;
	font-size: 14px;
	border-radius: 3px;
	color: #fff;
	margin:0 15px 10px 0;
	padding:0 20px 10px 10px;
	cursor: pointer;
	box-shadow: 2px 2px 5px #dedede
}
.headPop .item:hover{
	box-shadow: 2px 2px 5px #aeaeae;
}
.headPop .item.strong{
	font-weight: bold;
}
.headPop .item span{
	position: absolute;
	top:-10px;
	right: -10px;
	background: #1690f3;
	min-width: 26px;
	height: 26px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	border:3px solid #fff;
	font-weight: normal;
}
.headPop blockquote{
	position: absolute;
	bottom: 0px;
	left: calc(50% - 30px);
	margin: 0;
	padding: 0;
	width: 60px;
	height: 16px;
	background: #ccc;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	border:1px solid #ccc;
	border-bottom: 0;
	border-radius: 3px 3px 0 0; 
	color: #fff;
	cursor: pointer;
}
.headPop blockquote:hover{
	background: #bbb;
}
.headPop blockquote i{
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.headPop blockquote i:before {
	content: "\e663";
}
.headPop .headPopWrap.open  blockquote i:before {
	content: "\e660";
}
/*缺货单管理页面的分类功能*/
/*缺货分类*/
.sortManage{
	background: #fff;
	min-height: calc(100vh - 150px);
	overflow-y: auto;
	padding: 20px;
}
.sortManage .sort-container{
	width:100%;
}
.sortManage .sort-container .items{
	width: auto;
	height: 32px;
	line-height: 32px;
	position: relative;
	display: inline-block;
	background: #1690f3;
	font-size: 14px;
	border-radius: 3px;
	color: #fff;
	margin: 0 40px 10px 0;
	padding: 0 28px 0 0;
	cursor: pointer;
	box-shadow: 2px 2px 5px #dedede;
	vertical-align: top;
}
.sortManage .sort-container .items:hover{
	box-shadow: 2px 2px 5px #bebebe;
}
.sortManage .sort-container .items .title{
	height: 32px;
	display: block;
	padding: 0 15px;
}
.sortManage .sort-container .items .power{
	position: absolute;
	top: 0px;
	right: -30px;
	height: 32px;
	width:60px;
	background: #1690f3;
	border: 2px solid #fff;
	border-radius: 16px;
	font-size: 0;
	
}
.sortManage .sort-container .items .power .delect-icon{
	width: 28px;
	height: 28px;
	border-radius: 14px 0 0 14px;
	display: inline-block;
	vertical-align: top;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
}
.sortManage .sort-container .items .power .update-icon{
	width: 28px;
	height: 28px;
	border-radius: 0 14px 14px 0;
	display: inline-block;
	vertical-align: top;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
}
.sortManage .sort-container .items i:hover{
	background: #eb2a26;
	transition: all 0.35s ease-in-out;
}
/*缺货分类*/
table input[readonly]{
	background-color: #f5f5f5 !important;
}
/*页码跳转*/
.paginate_jump{
	padding: 3px 0;
	display: inline-block;
	margin-left: 10px;
}
.paginate_jump i{
	font-style: normal;
	padding: 0 3px;
}
.paginate_jump input{
	width: 32px;
	height: 26px;
	text-align: center;

}
.paginate_jump input::-webkit-outer-spin-button,.paginate_jump input::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
	margin: 0;
}
.paginate_jump input[type="number"]{
	-moz-appearance:textfield;
}

/*页码跳转*/
/*财务对账页面新ui*/
.reconciliation{
	position: relative;
    width: auto;
    max-width: 100%;
    display: inline-block;
}
.reconciliation .tabel-container{
	max-height: calc(100vh - 350px);
	margin-bottom: 20px;
	overflow: auto;
}
.reconciliation .tabel-container thead th {
    color: #78909c;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
}
.reconciliation .tabel-container tbody tr {
    padding: 0 32px;
    background: #fff;
    vertical-align: top;
}
.reconciliation .tabel-container tbody tr.hover{
	background:#ffeceb;
}
.reconciliation .tabel-container tbody td div{
    line-height: 16px;
	padding: 8px 10px 8px 0;
	word-break: break-all;
}
.reconciliation .tabel-container .td-lspacing,.reconciliation .tabel-container .td-rspacing {
    width: 24px;
    height: 28px;
}
.reconciliation .tabel-container tbody .nointer {
    height: 5px;
    background: transparent;
}
.reconciliation .tabel-container tbody td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.reconciliation .tabel-container tbody td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.reconciliation .scrollpowermode{
    position: absolute;
    top: 0;
    right: 0px;
    max-height: calc(100vh - 372px);
    overflow: hidden;
}
.reconciliation .scrollpowermode .scrollrun{
	padding-top:28px;
}
.reconciliation .scrollpowermode .dataoption{
	margin-bottom: 5px;
	padding: 8px 0 8px 20px;
	line-height: 16px;
	background: #fff;
}
.reconciliation .scrollpowermode .dataoption.hover{
	background:#ffeceb;
}
/*财务对账页面新ui end*/

/*多媒体上传功能status*/
.medium{
	padding:0 17px;
}
.medium .modal-dialog{
	width:calc(100vw - 50px);
	height: calc(100vh - 60px);
	margin: 0;
}
.medium .modal-header{
	text-align: center;
	background: #007de2;
	color: #fff;
}
.medium .modal-title{
	color: #fff;
}
.medium .modal-content{
	width: 100%;
    height: 100%;
}
.medium .offerfile{
	margin: 0;
    height: calc(100vh - 220px);
	overflow-y: auto;
	padding:20px 0;
}
.medium .offerfile-container{
	display: flex;
    flex-wrap: wrap;
}
.medium .offerfile-tip-area{
	width: calc(100vw - 50px);
    height: calc(100vh - 60px);
    margin: 0;
    position: fixed;
    top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 80;
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease-in;
}
.medium .offerfile-tip {
	display: flex;
    justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.medium .offerfile-tip .offerfile-text{
	width:auto;
	height: auto;
	font-size: 24px;
	color: #fff;
	background-color: #d42e2e;
	padding: 16px 32px;
    border-radius: 8px;
    position: relative;
    z-index: 81;

}
.medium .offerfile-container blockquote{
	position: relative;
    width: 200px;
    display: flex;
    height: 150px;
    margin: 0 30px 20px 0; 
    padding: 0;
	z-index: 2;
	border: 2px solid #e4e4e4;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.medium .offerfile-container blockquote.selected{
	border: 2px solid #ee4a47;
}
.medium .offerfile-container blockquote.selected:after{
	content:"";
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: #ee4a47;
	border-radius: 0 0 0 20px;
}
.medium .offerfile-container blockquote.selected:before{
	content: "\e64c";
    font-family: 'themify';
    position: absolute;
    right: 4px;
    top: 2px;
    color: #fff;
    z-index: 2;
    font-weight: bold;
    font-size: 16px;
}
.medium .offerfile-container .excelmode{
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
	padding:10px;
	border-bottom:5px solid #00d1a5;
}
.medium .offerfile-container .excelmode .filename{
	font-size: 14px;
	color: #666;
	line-height: 18px;
	margin-bottom: 4px;
}
.medium .offerfile-container .excelmode .filesize{
	font-size: 12px;
	color: #999;
	line-height: 14px;
}
.medium .offerfile-container .excelmode .filetype{
	position: absolute;
	bottom:0;
	right: 0;
	width: 40px;
	height: 40px;
	display: block;
}
.medium .offerfile-container .excelmode .filetype img{
	width: 100%;
	display: block;
	height: 100%;
}
.medium .offerfile-container .excelmode + .power-area{
	position: absolute;
	bottom:0;
	left:0;
	right: 40px;
	height: 40px;
	bottom: 5px;
	display: flex;
}
.medium .offerfile-container .excelmode + .power-area .item{
	width:50%;
	height: 40px;
	display: block;
	background: rgba(0,0,0,0.3);
	text-align: center;
}
.medium .offerfile-container .excelmode + .power-area .item i{
	font-size:16px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 40px;
}
.medium .offerfile-container .excelmode + .power-area .item:hover{
	background: #d63232;
	
}
.medium .offerfile-container .excelmode + .power-area .item:hover i{
	color: #fff;
}
.medium .offerfile-container .docmode{
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
	padding:10px;
	border-bottom:5px solid #4c83e5;
}
.medium .offerfile-container .docmode .filename{
	font-size: 14px;
	color: #666;
	line-height: 18px;
}
.medium .offerfile-container .docmode .filesize{
	font-size: 12px;
	color: #999;
	line-height: 14px;
}
.medium .offerfile-container .docmode .filetype{
	position: absolute;
	bottom:0;
	right: 0;
	width: 40px;
	height: 40px;
	display: block;
}
.medium .offerfile-container .docmode .filetype img{
	width: 100%;
	display: block;
	height: 100%;
}
.medium .offerfile-container .docmode + .power-area{
	position: absolute;
	bottom:0;
	left:0;
	right: 40px;
	height: 40px;
	bottom: 5px;
	display: flex;
}
.medium .offerfile-container .docmode + .power-area .item{
	width:50%;
	height: 40px;
	display: block;
	background: rgba(0,0,0,0.3);
	text-align: center;
}
.medium .offerfile-container .docmode + .power-area .item i{
	font-size:16px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 40px;
}
.medium .offerfile-container .docmode + .power-area .item:hover{
	background: #d63232;
	
}
.medium .offerfile-container .docmode + .power-area .item:hover i{
	color: #fff;
}
.medium .offerfile-container .imgmode{
	background-size:cover;
	width: 100%;
	height: 100%;
	position: relative;
}
.medium .offerfile-container .imgmode:after{
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	-webkit-filter: blur(10px) brightness(80%) opacity(0.8);
	filter: blur(10px) brightness(80%) opacity(0.8);
	z-index: -1;
}
.medium .offerfile-container .power-area{
	position: absolute;
	bottom:0;
	left:0;
	right: 0;
	height: 45px;
	display: flex;
}
.medium .offerfile-container .power-area .item{
	width:50%;
	height: 45px;
	display: block;
	background: rgba(0,0,0,0.4);
	text-align: center;
}
.medium .offerfile-container .power-area .item i{
	font-size:16px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 45px;
}
.medium .offerfile-container .power-area .item:hover{
	background: #d63232;
	
}
.medium .offerfile-container .power-area .item:hover i{
	color: #fff;
}
.medium .offerfile-container .othermode{
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
	padding:10px;
	border-bottom:5px solid #f5a623;
}
.medium .offerfile-container .othermode .filename{
	font-size: 14px;
	color: #666;
	line-height: 18px;
	word-break: break-all;
}
.medium .offerfile-container .othermode .filesize{
	font-size: 12px;
	color: #999;
	line-height: 14px;
}
.medium .offerfile-container .othermode .filetype{
	position: absolute;
	bottom:0;
	right: 0;
	width: 40px;
	height: 40px;
	display: block;
}
.medium .offerfile-container .othermode .filetype img{
	width: 100%;
	display: block;
	height: 100%;
}
.medium .offerfile-container .othermode + .power-area{
	position: absolute;
	bottom:0;
	left:0;
	right: 40px;
	height: 40px;
	bottom: 5px;
	display: flex;
}
.medium .offerfile-container .othermode + .power-area .item{
	width:50%;
	height: 40px;
	display: block;
	background: rgba(0,0,0,0.3);
	text-align: center;
}
.medium .offerfile-container .othermode + .power-area .item i{
	font-size:16px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 40px;
}
.medium .offerfile-container .othermode + .power-area .item:hover{
	background: #d63232;
	
}
.medium .offerfile-container .othermode + .power-area .item:hover i{
	color: #fff;
}
.medium .offerfile-container .updatemode{
	width: 200px;
    height: 150px;
	margin: 0 30px 20px 0;
	border: 3px dashed #ccc;
	line-height: 150px;
	font-size: 24px;
	text-align: center;
	color: #666;
	cursor: pointer;
}
.medium .offerfile-container .updatemode:hover{
	border-color: #999;
}
.medium .offerfile-container .filecover{
	position: absolute;
	bottom:0;
	left:0;
	right: 0;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}

/*多媒体上传功能end*/

/*方案选择status*/
.selectPlan{
	padding:0 17px;
}
.selectPlan .modal-dialog{
	width:calc(100vw - 50px);
	height: calc(100vh - 60px);
	margin: 0;
	border-radius: 3px;
    overflow: hidden;
}
.selectPlan .modal-content{
	border:none;
	width: 100%;
	height: 100%;
	background: #ffffff;
	
}
.selectPlan .modal-header{
	background: #2170ef;
}
.selectPlan .modal-title {
    font-size: 1.2em;
    color: #2b425b;
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
}
.selectPlan .modal-body{
	height: calc(100% - 54px);
	position: relative;
	padding: 0;

}
.selectPlan .bootbox-body{
	height: 100%;
}
.selectPlan .plan-section{
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.selectPlan .search-wrap{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding: 14px 15px 0 ;
}
.selectPlan .search-wrap span{
	color: #333;
	font-size: 14px;
}
.selectPlan .search-wrap input[type="text"]{
	font-size: 12px;
	line-height: 26px;
	height: 26px;
	width: 300px;
	border:2px solid #007de2;
	border-radius: 5px 0 0 5px;
	background: #fff;
	text-indent: 4px;
	outline: none;
}
.selectPlan .search-wrap .search-btn{
	background-color: #007de2;
	color: #fff;
	height: 26px;
    line-height: 26px;
	border-radius: 0 5px 5px 0;
	padding: 0 15px 0;
	cursor: pointer;
}
.selectPlan .search-wrap .empty-btn{
	background-color: #a0a0a0;
	color: #fff;
	height: 26px;
    line-height: 26px;
	border-radius: 5px;
	margin-left: 10px;
	padding: 0 15px 0;
	cursor: pointer;
}
.selectPlan .plan-container{
	color: #666;
	padding: 15px 15px 15px;
	height: calc(100% - 110px);
	overflow-y:auto;
}
.selectPlan .showcar .plan-container{
	padding-bottom: calc(30vh + 15px);
}
.selectPlan .plan-empty{
	display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.selectPlan .plan-title{
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
}
.selectPlan .plan-title em{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ef5350;
	margin-right: 8px;
}
.selectPlan .plan-title span{
	margin-right: 32px;
}
.selectPlan .plan-title strong,.selectPlan .plan-title strong i{
	font-weight: 600;
	color: #ef5350;
}
.selectPlan .plan-title strong{
	display: flex;
	align-items: center;
}
.selectPlan .plan-title strong i{
	margin-left: 6px;
}
.selectPlan .checkbox{
	margin: 0;
}
.selectPlan .magic-checkbox+label{
	min-width: 14px;
    min-height: 14px;
}
.selectPlan .magic-checkbox+label:before{
	width: 14px;
    height: 14px;
}
.selectPlan .magic-checkbox+label:after{
	width: 5px;
    height: 10px;
}
.selectPlan .magic-checkbox+label:not(:empty){
	padding: 0 0 0 16px !important;
}
.selectPlan .plan-item .plan-title .closei{
	display: none;
	cursor: pointer;
}
.selectPlan .plan-item .plan-title .openi{
	display: flex;
	cursor: pointer;
}
.selectPlan .plan-item.active .plan-title .openi{
	display: none;
}
.selectPlan .plan-item.active .plan-title .closei{
	display: flex;
}
.selectPlan .plan-item .item-container{
	color: #666;
}
.selectPlan .plan-item .item-container>div{
	padding: 10px 10px 10px 20px;
}
.selectPlan .plan-item .item-container .item-explain{
	padding: 10px;
	border: 2px dashed #ccc;
	background: #f8f8f8;
}
.selectPlan .plan-item .item-container .item-explain>span{
	color:#d03a37;
	font-weight: bolder;
}
.selectPlan .plan-item .item-container .item-explain .fileshow{
	margin-left: 15px;
	cursor: pointer;
	text-decoration: underline;
	color: #43a1ff;
}
.selectPlan .file-wrap{
	position: absolute;
    top: 0;
    bottom: 50px;
    right: -500px;
    width: 500px;
    border-left: 1px solid #ccc;
	background: #fff;
	box-shadow: 0 -10px 10px rgba(0,0,0,0.2);
	transition: right 0.3s ease-in-out;
}
.selectPlan .file-wrap.showing{
	right:0;
}
.selectPlan .file-wrap .file-header{
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
}
.selectPlan .file-wrap .file-header .wrap-title{
	font-size: 16px;
	color: #333;
}
.selectPlan .file-wrap .file-header .close-btn{
	font-size: 16px;
	cursor: pointer;
}
.selectPlan .file-wrap .file-ul{
	margin: 0;
    padding: 20px;
    list-style: none;
    height: calc(100% - 60px);
    overflow-y: auto;
}
.selectPlan .file-wrap .file-ul li{
	font-size: 14px;
    margin-bottom: 8px;
    border-bottom: 1px dashed #ccc;
    line-height: 30px;
}
.selectPlan .file-wrap .file-ul li i{
	font-style: normal;
    margin-left: 20px;
    color: #2170ef;
	font-weight: bold;
	cursor: pointer;
}
.selectPlan .count-panel{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	display: flex;
}
.selectPlan .count-panel .showdata{
	background: rgba(0,0,0,0.8);
	height:50px;
	width: 100%;
	display: block;
	position: relative;
}
.selectPlan .count-panel .plan_shopcar_count{
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	padding:0 15px;
	user-select: none;
}
.selectPlan .count-panel .see-shopcar{
	font-size: 14px;
    margin-left: 40px;
	color: #fa0;
	cursor: pointer;
	
}
.selectPlan .count-panel .plan_shopcar{
	position: fixed;
    max-height: 30vh;
    bottom: 50px;
    width: 100%;
	min-height: 60px;
	padding:15px;
	background: #fff;
	overflow-y:auto;
	border-top: 1px solid #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	display: none;
}
.selectPlan .showcar .count-panel .plan_shopcar{
	display: block;
}
.selectPlan .shopcar-item{
	margin-bottom: 15px;
}
.selectPlan .shopcar-item p{
	display: flex;
    align-items: center;
    font-size: 14px;
	font-weight: 600;
	margin:0 0 5px 0px;
}
.selectPlan .shopcar-item p em{
	width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ef5350;
    margin-right: 8px;
}
.selectPlan .shopcar-item p strong{
	margin-right: 25px;
}
.selectPlan .shopcar-item p .delect-link{
	color: #ef5350;
	cursor: pointer;
}
.selectPlan .shopcar-empty{
	width:100%;
	height:60px;
	display: block;
	font-size: 16px;
	line-height: 60px;
	text-align: center;
	color: #ef5350;
}
.selectPlan .shopcar-table table{
	font-size:12px;
}
.selectPlan .shopcar-table thead{
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ccc;
}
.selectPlan .shopcar-table tbody{
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ccc;
}
.selectPlan .shopcar-table th,.selectPlan .shopcar-table td{
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #ccc;
}
.selectPlan .shopcar-table th{
	padding: 3px 2px;
    line-height: 1.2;
    background: #9eaaff;
    color: #333;
}
.selectPlan .shopcar-table td{
	padding:2px 2px;
	vertical-align: top;
	line-height: 1.2;
}
.selectPlan .shopcar-table td[colspan]{
	background: #e0e0e0;
	color: #333;
	padding: 4px 2px;
}
.selectPlan .shopcar-table tr:not(.TC):nth-child(2n){
	background: #fff8eb;
}
.selectPlan .shopcar-table tr:not(.TC):nth-child(2n+1){
	background: #f2fae0;;
}
.selectPlan .shopcar-table tr:not(.TC):hover{
	background: #ffc8c6;
}
.selectPlan .count-panel .submitPlan{
	background: #ef5350;
	width: 240px;
	height:50px;
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	transition: background 0.2s ease-in-out;
	cursor: pointer;
}
.selectPlan .count-panel .submitPlan:hover{
	background: #bf3431;
}
.selectPlan .count-panel .cancelPlan{
	background: #afafaf;
    width: 160px;
	height:50px;
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	transition: background 0.2s ease-in-out;
	cursor: pointer;
}
.selectPlan .count-panel .cancelPlan:hover{
	background: #505050;
}
.selectPlan .plan_reveal_dialog{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99;
}
.selectPlan .plan_reveal_dialog .reveal_dialog_bg{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.8);
} 
.selectPlan .plan_reveal_dialog .reveal_dialog_content{
	display: block;
	position: absolute;
	left: 0;
	bottom: 60px;
	right: 0;
	top: 0;
	z-index: 101;
	padding: 15px;
	background-color: #fff;
} 
.selectPlan .reveal_dialog_plan_box{
	display: flex;
    flex-flow: column;
    height: 100%;
}
.selectPlan .plan-table{
	height: 50vh;
	overflow: auto;
	flex-shrink: 0;
}
.selectPlan .plan-table table{
	
}
.selectPlan .plan-table thead{
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ccc;
	display: block;
    overflow: hidden;
}
.selectPlan .plan-table tbody{
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ccc;
	display: block;
	overflow: auto;
}

.selectPlan .plan-table th,.selectPlan .plan-table td{
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #ccc;
}
.selectPlan .plan-table th{
	padding: 3px 2px;
    line-height: 1.2;
    background: #43a1ff;
    color: #fff;
}
.selectPlan .plan-table td{
	padding:2px 2px;
	vertical-align: top;
	line-height: 1.2;
	height: 20px;
}
.selectPlan .plan-table .item-space{
	background: #c1e0ff;
	color: #333;
	
}
.selectPlan .plan-table .item-space td{
	padding: 4px 2px;
}
.selectPlan .plan-table tr:not(.item-space):nth-child(2n){
	background: #fffcf5;
}
.selectPlan .plan-table tr:not(.item-space):nth-child(2n+1){
	background: #fff3dd;
}
.selectPlan .plan-table tr:not(.item-space):hover{
	background: #ffc8c6;
}
.selectPlan .plan_reveal_dialog .item-power{
	display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 101;
    padding: 15px;
    background-color: #fff;
	justify-content: flex-end;
	border-top: 2px solid #949494;
}
.selectPlan .plan_reveal_dialog .item-power .item-num{
	display: flex;
	margin-right: 20px;
}
.selectPlan .plan_reveal_dialog .item-power .item-num .plan-minus{
	display: block;
	width: 28px;
	position: relative;
	height: 28px;
	cursor: pointer;
}
.selectPlan .plan_reveal_dialog .item-power .item-num .plan-minus::before{
	content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    background: #a7a7a7;
    top: 13px;
    left: 5px;
}
.selectPlan .plan_reveal_dialog .item-power .item-num .plan-minus:hover::before{
	background: #ef5350;
}
.selectPlan .plan_reveal_dialog .item-power .item-num .plan-plus{
	display: block;
	width: 28px;
	position: relative;
	height: 28px;
	cursor: pointer;
}
.selectPlan .plan_reveal_dialog .item-power .item-num .plan-plus::before{
	content:"";
	position: absolute;
	width:2px;
	height: 18px;
	background: #a7a7a7;
	top: 5px;
	left: 13px;
}
.selectPlan .plan_reveal_dialog .item-power .item-num .plan-plus::after{
	content:"";
	position: absolute;
	width:18px;
	height: 2px;
	background: #a7a7a7;
	top: 13px;
	left: 5px;
}
.selectPlan .plan_reveal_dialog .item-power .item-num .plan-plus:hover::before{
	background: #ef5350;
}
.selectPlan .plan_reveal_dialog .item-power .item-num .plan-plus:hover::after{
	background: #ef5350;
}
.selectPlan .plan_reveal_dialog .item-power .item-num .plan-num{
	width: 60px;
    height: 28px;
    line-height: 26px;
    border: none;
    font-size: 24px;
    color: #ef5350;
    outline: none;
    text-align: center;
    font-weight: 500;
	font-family: sans-serif;
}
.selectPlan .plan_reveal_dialog .item-power .item-btn{
	padding:0 16px;
	margin-left: 15px;
	height: 28px;
	color: #fff;
	line-height: 28px;
	text-align: center;
	font-size: 14px;
	border-radius: 3px;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
}
.selectPlan .plan_reveal_dialog .item-power .item-submit{
	background: #ef5350;
	
}
.selectPlan .plan_reveal_dialog .item-power .item-submit:hover{
	background: #d61e1b;
}
.selectPlan .plan_reveal_dialog .item-power .item-cancel{
	background: #949494;
}
.selectPlan .plan_reveal_dialog .item-power .item-cancel:hover{
	background: #545454;
}
.selectPlan .plan_reveal_dialog .item-explain{
	padding: 10px;
	border: 2px dashed #ccc;
	background: #f8f8f8;
	overflow: auto;
	max-height: 100%;
}
.selectPlan .plan_reveal_dialog .item-explain>span{
	color:#d03a37;
	font-weight: bolder;
}
.selectPlan .plan_reveal_dialog .item-explain .fileshow{
	margin-left: 15px;
	cursor: pointer;
	text-decoration: underline;
	color: #43a1ff;
}
.selectPlan .magic-radio+label:before,.selectPlan .magic-checkbox+label:before{
	border-color: #4b535c;
}
.selectPlan .magic-radio+label:hover:before,.selectPlan .magic-checkbox+label:hover:before {
    animation-duration: none;
    animation-fill-mode: none;
    animation-name: none;
}
.selectPlan .magic-checkbox:disabled+label:before{
	background-color: #777777;
}

/*方案选择end*/
.magic-radio+label:before,.magic-checkbox+label:before{
	border-color: #4b535c;
}
.magic-radio+label:hover:before,.magic-checkbox+label:hover:before {
    animation-duration: none;
    animation-fill-mode: none;
    animation-name: none;
}
.magic-checkbox:disabled+label:before{
	background-color: #777777;
}
.magic-radio:disabled+label:before{
	background-color: #777777;
}
/*销售单方案表格*/
.sales_plan_title{
	height: 22px;
    background: #dadeff;
	color: #333;;
	font-size: 12px;
}
.sales_plan_title div{
	line-height: 22px;
	font-weight: 600;
}
.sales_plan_title a{
	font-weight: 600;
	color: #ef5350;
	line-height: 22px;
	cursor: pointer;
}
.sales_plan_ZS{
	background: #f2fae0;
}
.sales_plan_PJ{
	background: #fff5f5;
}
.sales_plan_DP{
	background: #fff8eb;
}
.sales_plan_DP input[readonly]{
	background: #fff8eb!important;
}
.sales_plan_ZS input[readonly]{
	background: #f2fae0!important;
}
.sales_plan_PJ input[readonly]{
	background: #fff5f5!important;
}
.plan-tips-area{
	width: calc(100vw - 50px);
    height: calc(100vh - 60px);
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index:200;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in;
}
.plan-tip {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.plan-tip .tip-text {
    width: auto;
    height: auto;
	max-width: 80vw;
    font-size: 24px;
    color: #fff;
    background-color: #d42e2e;
    padding: 16px 32px;
    border-radius: 8px;
    position: relative;
    z-index: 81;
}
/*财务对账用*/
.account-systembox{
	display: block;
    padding: 16px;
}
.account-systembox .tablecount{
	
}
.account-systembox .tablecount span{
	line-height: 32px;
    display: inline-block;
    padding: 0 16px;
    color: #fff;
    border-radius: 2px;
}
.account-systembox .lockpower{
	position: relative;
}
.account-systembox .lockpower .scrollpowermode .scrollrun{
	padding-top: 0;
}
.account-systembox .systemtable {
    overflow-x: auto;
}
.account-systembox .systemtable.xrun {
    max-height: calc(100vh - 350px);
    margin-bottom: 20px;
}
.account-systembox .systemtable table {
    min-height: .01%;
    overflow-x: auto;
    width: auto;
    max-width: 100%;
}
.account-systembox .systemtable tbody tr {
    padding: 0 32px;
    background: #fff;
    vertical-align: top;
	overflow: hidden;
}
.account-systembox .systemtable thead th .td-div{
	padding:0 4px;
}
.account-systembox .systemtable .nointer {
    height: 5px;
    background: transparent;
}
.account-systembox .systemtable td{
    font-size: 14px;
    margin-bottom: 5px;
}
.account-systembox .systemtable tbody .td-div{
    background: #fff;
    overflow: hidden;
    line-height: 18px;
    padding: 11px 4px;
	word-break: break-all;
}
.account-systembox .systemtable tbody .td-lspacing,.account-systembox .systemtable tbody .td-rspacing{
	display: block;
    background: #fff;
    width: 24px;
    height: 40px;
}
.account-systembox .systemtable thead .td-lspacing,.account-systembox .systemtable thead .td-rspacing{
	display: block;
    width: 24px;
    height: 40px;
}
.account-systembox .systemtable tbody tr{
	border-radius: 5px;
}
.account-systembox .systemtable .td-rspacing{
	
}
.account-systemthead{

}
.account-systemthead .td-lspacing,.account-systemthead .td-rspacing{
	width: 24px;
	height:40px;
}
.account-systemthead .td-div{
	
}
/*出库单详情页流程图*/
.page-step{
	display:flex;
	align-items: center;
	padding:0;
}
.page-step .step-item{
	flex-grow: 1;
	display: flex;
	border-right: 3px solid #fff;
	background-color: #f8f7fc;
	color: #8e91a5;
	align-items: center;
	padding:10px 20px;
}
.page-step .step-item.active{
	background-color: #38a0f4;
	color: #fff;
}
.page-step .step-item.removeState{
	background-color: #ef5350;
	color: #fff;
}
.page-step .step-item:last-child{
	border-right: none;
	
}
.page-step .step-item .step-icon{
	font-size: 26px;
	margin-right: 20px;
}
.page-step .step-item .step-title{
	font-size: 18px;
}

/**/
#aside{
	padding:0
}
#container #aside-container{
	position: fixed;
	width: 400px;
	top: 80px;
	right: -400px;
	min-height: calc(100vh - 80px);
}
#container.aside-bright #aside{
	border-width: 0 0 0 1px;
}
#container.aside-float.aside-in #aside-container{
	box-shadow: 0 5px 10px 0px rgba(0,0,0,0.15);
}
#aside .aside-list{
	padding:0
}
#aside .back-wrap{
	padding: 10px 20px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 16px;
	cursor: pointer;
	color: #3d99e4;
}
#aside .back-wrap i{
	margin-right: 6px;
}
#aside .aside-list dt{
	padding:20px 20px 16px;
	font-size: 16px;
}
#aside .aside-list dd{
	padding:8px 20px;
	display: flex;
	align-items: center;
	font-size: 14px;
}
#aside .aside-list dd:hover{
	background-color: #f1f1f1;
}
#aside .aside-list dd .sign{
	width: 10px;
	height: 10px;
	border-radius: 6px;
	margin-right: 6px;
	background-color: #ef5350;
}
@media (min-width: 1024px){
	#container.aside-in #aside {
		padding-top: 0px;
	}
}
/*出库单详情页流程图end*/
/*库存解锁*/
.lockloading{

}
.lockloading i{
	font-size: 13px;
	     
}
.lockloading i:before{
	animation:lockloading 1s linear infinite; 
}
@keyframes lockloading{
	0%{-webkit-transform:rotate(0deg);}
	25%{-webkit-transform:rotate(90deg);}
	50%{-webkit-transform:rotate(180deg);}
	75%{-webkit-transform:rotate(270deg);}
	100%{-webkit-transform:rotate(360deg);}
  }
/*库存解锁*/
.input-daterange .form-control[readonly]{
	background-color: #fff;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.mar-rgt-sm{
	margin-right: 5px;
}
.mar-lft-sm{
	margin-left: 5px;
}
.mar-btm-sm{
	margin-bottom: 5px;
}
.mar-top-sm{
	margin-top: 5px;
}
.pad-ver-lg{
	padding:30px 0;
}
.pad-ver-sm{
	padding:8px 0;
}
.pad-hor-sm{
	padding:0 8px;
}
.pad-hor-xsm{
	padding:0 4px;
}
.pad-all-0{
	padding:0px!important;
}
.w20{
	width: 20px!important;
}
.w25{
	width: 25px!important;
}
.w30{
	width: 30px!important;
}
.w35{
	width: 35px!important;
}
.w40{
	width: 40px!important;
}
.w45{
	width: 45px!important;
}
.w50{
	width: 50px!important;
}
.w55{
	width: 55px!important;
}
.w60{
	width: 60px!important;
}
.w70{
	width: 70px!important;
}
.w80{
	width: 80px!important;
}
.w90{
	width: 90px!important;
}
.w92{
	width: 92px!important;
}
.w100{
	width: 100px!important;
}
.w110{
	width: 110px!important;
}
.w120{
	width: 120px!important;
}
.w124{
	width: 124px!important;
}
.w130{
	width: 130px!important;
}
.w140{
	width: 140px!important;
}
.w144{
	width: 144px!important;
}
.w150{
	width: 150px!important;
}
.w160{
	width: 160px!important;
}
.w170{
	width: 170px!important;
}
.w180{
	width: 180px!important;
}
.w190{
	width: 190px!important;
}
.w200{
	width: 200px!important;
}
.w210{
	width: 210px!important;
}
.w220{
	width: 220px!important;
}
.w240{
	width: 240px!important;
}
.w260{
	width: 260px!important;
}
.w300{
	width: 300px!important;
}
.w315{
	width: 315px!important;
}
.w340{
	width: 340px!important;
}
.w400{
	width: 400px!important;
}
.w500{
	width: 500px!important;
}
.w800{
	width: 800px!important;
}
.wmax1000{
	max-width: 1000px;
}
.mar-center{
	margin: 0 auto;
}
.wmax{
	width: 100%!important;
}
.i16{
	font-size: 16px;
}
.f16{
	font-size: 16px;
}
.f13{
	font-size: 13px;
}
.hasPO{
	position: relative;
}
.POa{
	position: absolute;
}
.POr4{
	right: 4px;
}
.POt8{
	top: 8px;
}
.inline-block{
	display: inline-block;
	vertical-align: top;
	padding-right: 10px;
}
.tooltip-inner{
	border-radius: 5px;
	background-color: rgba(64,64,64,.85);
	box-shadow: 0 1px 6px rgba(0,0,0,.2);
}
.text-ellipsis{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bgf5{
	background-color:#f5f5f5; 
}
.bge1{
	background-color:#e1e1e1; 
}
.bgf5ffef{
	background-color:#f5ffef; 
}
.mbg-success{
	background-color: #8bc34a;
}
.mbg-danger{
	background-color: #ef5350;
}
.mbg-lightred{
	background-color: #fff3f3;
}
.mbg-gray{
	background-color: #959595;
}
.mbg-primary{
	background-color: #42a5f5;
}
.mbg-highlighted{
	background-color: #ffff00;;
}
.mbg-maxhighlighted{
	background-color: #fd9532;;
}
.mcolor-success{
	color: #8bc34a;
}
.mcolor-primary{
	color: #42a5f5;
}
.mcolor-gray{
	color: #959595;
}
.mcolor-white{
	color: #ffffff;
}
.cur-color-21a65c{
	color: #21a65c;
}
.neutral-color-primary{
	color:#303133
}
.neutral-color-defalut{
	color:#606266
}
.neutral-color-secondary{
	color:#909399
}
.neutral-color-seat{
	color:#C0C4CC
}
.strong{
	font-weight: bold;
}
.gap-10{
	grid-gap: 10px;
	gap: 10px;
}
.pagination-container{
	display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
    text-align: right;
	width: 100%;
	font-size: 0;
}
.pagination-container a{
	display: inline-block;
	vertical-align: top;
}
.pagination-container .page-ajax{
	display: inline-block;
	vertical-align: top;
}
.pagination-container a.item-prev,.pagination-container a.item-next{
	padding:0 6px;
	line-height: 20px;
    font-size: 12px;
	color: #000;
	cursor: pointer;
}
.pagination-container a.item-prev:hover,.pagination-container a.item-next:hover{
	color: #42a5f5;
}
.pagination-container a.item-jump{
	line-height: 20px;
	font-size: 14px;
	color: #6a6a6a;
}
.pagination-container a.item{
	padding:0 6px;
	line-height: 20px;
	font-size: 14px;
	color: #000;
	cursor: pointer;
}
.pagination-container a.item.current,.pagination-container a.item:hover{
	color: #42a5f5;
}
.pagination-container a.item-options{
	margin-left: 12px;
}	
.pagination-container a.item-options span{
	line-height: 20px;
	font-size: 14px;
	color: #6a6a6a;
}
.pagination-container a.item-options input{
	width:30px;
	height: 20px;
	line-height: 18px;
	border:1px solid #000;
	border-radius: 3px;
	color: #000;
	outline: none;
	font-size: 12px;
	text-align: center;
	margin: 0 3px;
}
/*弹窗样式*/
.dialog-form{
	
}
.dialog-form .form-wrap{
	width: 100%;
}
.dialog-form.form-horizontal .form-group{
	margin:0 0 15px 0;
}
.dialog-form .s-blackquate {
    width: 50%;
    float: left;
}
.dialog-form .m-blackquate {
    width: 75%;
    float: left;
}
.dialog-form .l-blackquate {
    width: 100%;
    float: left;
}
.dialog-form .control-label {
    float: left;
    width: 140px;
    padding: 7px 15px 0;
    text-align: right;
    font-size: 13px;
}
.dialog-form .control-input {
    float: left;
    width: calc(100% - 140px);
    text-align: left;
    font-size: 13px;
}
/*loading*/
.customize-loading{
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	z-index:99999;
	opacity: 0;
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
}
.customize-loading>div{
	text-align: center;
	line-height: 100vh;
}
.customize-loading>div image{
	text-align: center;
	line-height: 100vh;
	user-select: none;
	-webkit-user-select: none;
}
.customize-loading.loading{
	opacity: 1;
}
.disflex{
	display:flex;
}
.disinflex{
	display:inline-flex;
}
.jcsb{
	justify-content: space-between;
}
.flex-justify-content-center{
	justify-content: center;
}
.flex-end{
	justify-content:flex-end;
}
.align-items-center{
	align-items: center;
}
.full-cover{
	display: block;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: url("/Public/src/img/full_delect.png") no-repeat center center;
    background-size: auto 70%;
    opacity: 0.2;
}
.full_overdue{
	display: block;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: url("/Public/src/img/full_overdue.png") no-repeat center center;
    background-size: auto 70%;
    opacity: 0.2;
}
.COG_LOADER{
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	margin: auto;
	background-color: rgba(0,0,0,0.7);
	z-index: 99999;
}
.COG_LOADER .loader_overlay {
	width: 150px;
	height: 150px;
	background: transparent;
	border-radius: 100%;
	z-index: -1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.COG_LOADER .loader_cogs {
	z-index: -2;
	width: 100px;
	height: 100px;
	top: -120px !important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.COG_LOADER .loader_cogs__top {
	position: relative;
	width: 100px;
	height: 100px;
	-webkit-transform-origin: 50px 50px;
	transform-origin: 50px 50px;
	-webkit-animation: COG_LOADER_rotate 10s infinite linear;
	animation: COG_LOADER_rotate 10s infinite linear;
}
.COG_LOADER .loader_cogs__top div:nth-of-type(1) {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.COG_LOADER .loader_cogs__top div:nth-of-type(2) {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.COG_LOADER .loader_cogs__top div:nth-of-type(3) {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.COG_LOADER .loader_cogs__top div.top_part {
	width: 100px;
	border-radius: 10px;
	position: absolute;
	height: 100px;
	background: #f98db9;
}
.COG_LOADER .loader_cogs__top div.top_hole {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: white;
	position: absolute;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.COG_LOADER .loader_cogs__left {
	position: relative;
	width: 80px;
	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);
	top: 28px;
	-webkit-transform-origin: 40px 40px;
	transform-origin: 40px 40px;
	animation: COG_LOADER_rotate_left 10s .1s infinite reverse linear;
	left: -24px;
	height: 80px;
}
.COG_LOADER .loader_cogs__left div:nth-of-type(1) {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.COG_LOADER .loader_cogs__left div:nth-of-type(2) {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.COG_LOADER .loader_cogs__left div:nth-of-type(3) {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.COG_LOADER .loader_cogs__left div.left_part {
	width: 80px;
	border-radius: 6px;
	position: absolute;
	height: 80px;
	background: #97ddff;
}
.COG_LOADER .loader_cogs__left div.left_hole {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: white;
	position: absolute;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.COG_LOADER .loader_cogs__bottom {
	position: relative;
	width: 60px;
	top: -65px;
	-webkit-transform-origin: 30px 30px;
	transform-origin: 30px 30px;
	-webkit-animation: COG_LOADER_rotate_left 10.2s .4s infinite linear;
	animation: COG_LOADER_rotate_left 10.2s .4s infinite linear;
	-webkit-transform: COG_LOADER_rotate(4deg);
	transform: COG_LOADER_rotate(4deg);
	left: 79px;
	height: 60px;
}
.COG_LOADER .loader_cogs__bottom div:nth-of-type(1) {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.COG_LOADER .loader_cogs__bottom div:nth-of-type(2) {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.COG_LOADER .loader_cogs__bottom div:nth-of-type(3) {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.COG_LOADER .loader_cogs__bottom div.bottom_part {
	width: 60px;
	border-radius: 5px;
	position: absolute;
	height: 60px;
	background: #ffcd66;
}
.COG_LOADER .loader_cogs__bottom div.bottom_hole {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: white;
	position: absolute;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.COG_LOADER .loader_tips{
	color: #fff;
	text-align: center;
}

/* Animations */
@-webkit-keyframes COG_LOADER_rotate {
from {
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
}
}
@keyframes COG_LOADER_rotate {
from {
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
}
}
@-webkit-keyframes COG_LOADER_rotate_left {
from {
	-webkit-transform: rotate(16deg);
			transform: rotate(16deg);
}
to {
	-webkit-transform: rotate(376deg);
			transform: rotate(376deg);
}
}
@keyframes COG_LOADER_rotate_left {
from {
	-webkit-transform: rotate(16deg);
			transform: rotate(16deg);
}
to {
	-webkit-transform: rotate(376deg);
			transform: rotate(376deg);
}
}
@-webkit-keyframes COG_LOADER_rotate_right {
from {
	-webkit-transform: rotate(4deg);
			transform: rotate(4deg);
}
to {
	-webkit-transform: rotate(364deg);
			transform: rotate(364deg);
}
}
@keyframes COG_LOADER_rotate_right {
from {
	-webkit-transform: rotate(4deg);
			transform: rotate(4deg);
}
to {
	-webkit-transform: rotate(364deg);
			transform: rotate(364deg);

}
}
.symbol-icon {
	width: 1em; height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}
.inpage-file{

}
.inpage-file .inpage-image-container,.inpage-file .inpage-file-container{
	display: flex;
	padding-top: 30px;
}
.inpage-file .inpage-image-container .item,.inpage-file .inpage-file-container .item{
	margin-right: 30px;
	position: relative;
	cursor: pointer;
	margin-bottom: 20px;
	transition: background 300ms ease-in-out;
} 
.inpage-file .inpage-image-container .item:hover,.inpage-file .inpage-file-container .item:hover{
	background-color: #f1f1f1;
}
.inpage-file .inpage-image-container .item img{
	height: 100px;
	width: auto;
}
.inpage-file .inpage-file-container .item svg{
	height: 100px;
	width: 100px;
}
.inpage-file .inpage-image-container .item .close-btn,.inpage-file .inpage-file-container .item .close-btn{
	position: absolute;
	top: -12px;
	right: -12px;
	width: 24px;
	height: 24px;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f4626b;
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
}

/*表格里的提示框样式*/
table .popover-title {
    font-size: 13px;
    color: #5f5f5f;
    font-weight: normal;
    padding: 4px 10px;
}
/*公用树状*/
.public-treeui{

}
.public-treeui .ul-section{
	list-style: none;
	margin: 0;
	padding: 0;
}
.public-treeui .li-section{
	
}
.public-treeui .li-section .li-container+.ul-section{
	margin-left: 16px;
	display: none;
}
.public-treeui .li-container{
	display: flex;
	align-items: center;
	padding: 2px 2px;
    
}
.public-treeui .li-container:hover{
	background: #dcefff;
}
.public-treeui .li-container.current{
	background: #ffe3c6;
}
.public-treeui .li-container.current:hover{
	background: #ffe3c6;
}
.public-treeui .li-container.current-position{
	background: #fd9532;
	color: #000;
}
.public-treeui .li-container.current-position:hover{
	background: #fd9532;
	color: #000;
}
.public-treeui .li-container .checkbox-mode input[type="checkbox"]{ 
	display: none;
}
.public-treeui .li-container .checkbox-mode input[type="checkbox"]+label{ 
	display: block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: 1.7px solid #8a8a8a;
	margin: 0;
}
.public-treeui .li-container .checkbox-mode input[type="checkbox"]:checked+label{ 
	background-color: #0075ff;
	border-color: #0075ff;
}
.public-treeui .li-container .checkbox-mode input[type="checkbox"]:checked+label::before{ 
	content: "";
    position: absolute;
    width: 5px;
    height: 1.7px;
    background-color: #fff;
    top: 4.7px;
    left: 0px;
    transform: rotate(43deg);
	-moz-transform: rotate(43deg);
	-webkit-transform: rotate(43deg);
}
.public-treeui .li-container .checkbox-mode input[type="checkbox"]:checked+label::after{ 
	content: "";
    position: absolute;
    width: 8px;
    height: 1.7px;
    background-color: #fff;
    top: 3.5px;
    left: 1.7px;
    transform: rotate(309deg);
	-moz-transform: rotate(309deg);
	-webkit-transform: rotate(309deg);
}
.public-treeui .li-container .checkbox-mode input[type="checkbox"]:disabled+label{ 
	background-color: #e5e5e5;
	border-color: #d8d8d8;
}
.public-treeui .li-container .switch-mode{
	margin-left: 4px;
}
.public-treeui .li-container .switch-mode label{
	display: block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: 1.7px solid #8a8a8a;
	margin: 0;
	cursor: pointer;
}
.public-treeui .li-container .switch-mode label::before{
	content: "";
    position: absolute;
    width: 6px;
    height: 1px;
    background-color: #939393;
    top: 4px;
    left: 1.7px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.public-treeui .li-container .switch-mode label::after{
	content: "";
    position: absolute;
    width: 6px;
    height: 1px;
    background-color: #939393;
    top: 4px;
    left: 1.7px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.public-treeui .li-container .switch-mode label[data-tree-switch=true]::after{
	display: none;
}
.public-treeui .li-container .icon-mode{
	margin-left: 4px;
}
.public-treeui .li-container .icon-mode i{
	font-size: 13px;
}
.public-treeui .li-container .text-mode{
	font-size: 13px;
	margin-left: 6px;
}

.public-treeui .li-container.show-tree + .ul-section{
	display: block;
}

/*公用供应商筛选*/
.multiple-supplier-dialog{
	
}
.multiple-supplier-dialog .dialog-container{
	display: flex;
}
.multiple-supplier-dialog .dialog-item{
	flex: 1;
	padding:0 20px;
	height: 600px;
}
.multiple-supplier-dialog .dialog-item:first-child{
	border-right: 1px solid #ccc;
}
.multiple-supplier-dialog .input-container{
	display: flex;
}
.multiple-supplier-dialog .item-title{
	font-size: 16px;
    margin-bottom: 10px;
    color: #2c2c2c;
}
.multiple-supplier-dialog .input-container{
	display: flex;
}
.multiple-supplier-dialog .input-container input{
	height: 32px;
	width: 100%;
	border:2px solid #2fa2ff;
	border-radius: 3px 0 0 3px;
	text-indent: 6px;
	outline: none;
}
.multiple-supplier-dialog .input-container div{
	width: 100px;
	height: 32px;
	background-color:#2fa2ff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	border-radius: 0 3px 3px 0;
}
.multiple-supplier-dialog .input-container i{
	margin-right: 4px;
}
.multiple-supplier-dialog .multiple-supplier-dialog-result{
	height:500px;
	padding: 10px 0;
	list-style: none;
	overflow-y: auto;
}
.multiple-supplier-dialog .result-empty{
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #2c2c2c;
}
.multiple-supplier-dialog .result-item{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ededed;
    padding: 4px 0;
    margin-bottom: 4px;
}
.multiple-supplier-dialog .result-item:hover{
	background-color: #efefef;
}
.multiple-supplier-dialog .result-item .item-index{
	width: 10px;
	height: 10px;
	display: block;
	background-color: #5d5d5d;
	border-radius: 50%;
}
.multiple-supplier-dialog .result-item .item-name{
	width: 100%;
	padding: 0 10px;
}
.multiple-supplier-dialog .result-item .item-power{
	font-size: 16px;
	color: #2fa2ff;
	cursor: pointer;
}
.multiple-supplier-dialog .selected-container {

}
.multiple-supplier-dialog .selected-container .container-item{
	display: flex;
	margin-bottom: 10px;
	align-items: center;
}
.multiple-supplier-dialog .selected-container .container-item input{
	height: 32px;
    width: 100%;
    border: 2px solid #5d5d5d;
    border-radius: 3px 0 0 3px;
    text-indent: 6px;
    outline: none;
}
.multiple-supplier-dialog .selected-container .container-item .item-power{
	font-size: 16px;
    color: #ee4a47;
    cursor: pointer;
	margin-left: 10px;
}
.page-fixscroll{
	font-size: 12px;
    line-height: 16px;
	background: #fff;
}
.page-fixscroll .fix-main{
	display: inline-block;
}
.page-fixscroll .fix-main{
	display: inline-block;
}
.page-fixscroll .fix-main .fixheader{
	max-width: calc(100vw - 250px);
    overflow: hidden;
}
.mainnav-sm .page-fixscroll .fix-main .fixheader{
	max-width: calc(100vw - 140px);
}
.page-fixscroll .fix-main .fixheader .flex-row{
	display: flex;
    white-space: nowrap;
    flex-direction: row;
    flex-wrap: nowrap;
}
.page-fixscroll .fix-main .fixheader .flex-row .mode{
    border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    background: #e9e9e9;
    color: #2b425b;
    line-height: 24px;
    text-indent: 4px;
}
.page-fixscroll .fix-main .fixheader .mode:last-child {
    border-right: none;
}

.page-fixscroll .fix-main .fixcontent{
    max-height: 60vh;
    overflow: auto;
	max-width: calc(100vw - 250px);
}
.mainnav-sm .page-fixscroll .fix-main .fixcontent{
	max-width: calc(100vw - 140px);
}
.page-fixscroll .fix-main .fixcontent .flex-row{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.page-fixscroll .fix-main .fixcontent .flex-row:first-child .mode{
	border-top: none;
}
.page-fixscroll .fix-main .fixcontent .flex-row .mode{
	border-top: 2px dashed #ddd;
    border-right: 2px dashed #ddd;
	color: #666;
	text-indent: 4px;
	
}
.page-fixscroll .fix-main .fixcontent .flex-row .mode div{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	line-height: 22px;
}
.page-fixscroll .fix-main .fixcontent .flex-row .mode:last-child{
	border-right: none;
}
.page-fixscroll .fix-main .fixcontent .flex-row.lightred .mode{
	background-color: #fff3f3;
}
.copy-mode-container{

}
.copy-mode-container .popover{
	border-radius: 4px;
}
.copy-mode-container .popover .popover-content{
	padding:9px 14px;
	
}
.copy-mode-container .copy-popover{
	display:flex;
}
.copy-mode-container .copy-popover .content{
	word-break: break-all;
}
.copy-mode-container .copy-popover .copybtn{
	flex-shrink: 0;
	color: #42a5f5;
	cursor: pointer;
	padding:0 0 0 4px;
	transition: color 300ms ease-in-out;
}
.copy-mode-container .copy-popover .copybtn:hover{
	color:#1690f3
}
.flex-shrink-0{
	flex-shrink: 0;
}
.flex-col-full{
	width: 100%;
}
.flex-col-1{
	flex:1
}
.flex-col-2{
	flex:2
}
/*手机版本*/
.task-list .moblie-task-header{
	display:none;
}
.task-list .mobile-list{
	display: none;
}
.mobile-show{
	display:none;
}
.mobile-hide{
	display:block;
}
.moblie-manage-power{
	position: fixed;
	top:90px;
	left:15px;
	display:none;
}
.moblie-manage-power .power-item{
	display:block;
	border-radius: 5px;
	margin-right: 10px;
	color:#fff;
}
.moblie-manage-power .power-item i{
	margin-right: 4px;
	font-size: 12px;
}
.moblie-manage-power .power-item a{
	color:#fff;
}
.moblie-manage-list{
	/* height: calc(100vh - 220px);
    overflow-y: auto; */
	padding-top: 35px
}
.moblie-manage-list .moblie-manage-item{
	background:#fff;
	margin-bottom:10px;
	border-radius: 4px;
	padding:6px 10px;
	display: block;
}
.moblie-manage-list .moblie-manage-item.hasstatus{
	border-left:4px;
	border-top:0;
	border-right: 0;
	border-bottom: 0;
	border-style: solid;
}
.moblie-manage-list .moblie-manage-item.hasstatus.status-danger{
	border-color:#eb2521
}
.moblie-manage-list .moblie-manage-item.hasstatus.status-success{
	border-color:#71a436
}
.moblie-manage-list .moblie-manage-item.hasstatus.status-warning{
	border-color:#f29000
}
.moblie-manage-list .moblie-manage-item.hasstatus.status-gray{
	border-color:#bbb;
}
.moblie-manage-list .moblie-manage-item .item-child{
	display: flex;
}
.moblie-manage-list .moblie-manage-item .child-box{
	display: flex;
	flex: 1;
}
.moblie-manage-list .moblie-manage-item .child-label{
	flex-shrink: 0;
}
.moblie-manage-list .moblie-manage-item .child-title{
	font-size: 16px;
	color: #333;
	font-weight: bold;
	line-height: 1;
}
.moblie-manage-list .moblie-manage-item .child-txt{
	word-break: break-all;
}
.moblie-filter-wrap{
	position:relative;
}
.moblie-filter-wrap .moblie-filter-option{
	height: calc(80vh - 80px);
    overflow-y: auto;
}
.moblie-filter-wrap .mobile-fixed-btn{
	margin-top: 10px;
}
.moblie-filter-wrap .mobile-fixed-btn .submit-btn{
	display: block;
    background-color: #38a0f4;
    height: 32px;
    width: 100%;
    border-radius: 4px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.moblie-filter-wrap .form-group{
	margin-bottom: 10px;
}
.moblie-filter-change{

}
.moblie-filter-change .item{
    color: #42a5f5;
	padding: 10px 0;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #ffffff;
    font-size: 14px;
    border: 2px solid #42a5f5;
}
@media (max-width:750px){
	.modal-dialog{
		border-radius: 5px;
	}
	#page-content{
		padding:20px 15px 0;
	}
	#page-content.addfixed{
		padding:55px 15px 0;
	}
	.index-top .item{
		float: inherit;
		width: 100%;
		margin-bottom: 20px;
	}
	.index-top .index-carousel{
		width: 100%;
		height: auto;
	}
	.index-top .item-verson{
		width: 100%;
	}
	.index-top .item-verson .text-container{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.systemDialog-kilo .modal-dialog{
		width:80vw;
	}
	.task-list .manage-container{
		display:none;
	}
	.task-list .moblie-task-header{
		display:flex;
		justify-content: flex-start;
		margin-bottom: 10px;
		position: fixed;
		top: 90px;
		left: 15px;
	}
	.task-list .moblie-task-header .btn{
		margin-right: 10px;
		border-radius: 5px;
	}
	.task-list .filter-container{
		display: none;
	}
	.task-list .mobile-list{
		display: block;
		margin-top: 35px;
		font-size: 13px;
	}
	.task-list .mobile-list input[type=checkbox]{
		appearance: none;
		-webkit-appearance: none;
		width: 20px;
		height: 20px;
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 50%;
		user-select: none;
    	outline: none;
	}
	.task-list .mobile-list input[type=checkbox]:checked{
		border: 1px solid #38a0f4;
		background: #38a0f4;
	}
	.task-list .list-item{
		background:#fff;
		margin-bottom: 10px;
		border-radius: 5px;
		padding:6px 0;
	}
	.task-list .list-item:last-child{
		margin-bottom: 0;
	}
	.task-list .list-item .item-inter{
		padding-right: 10px;
	}
	.task-list .list-item .item-label{
		
	}
	.task-list .list-item .item-title{
		color: #444;
		font-weight: 600;
	}
	.task-list .list-container{
		margin-left: 0;
		border-radius: 0;
		overflow:inherit;
		background-color: transparent;
	}
	.task-list .list-container .list-main{
		display: none;
	}
	.task-list .list-container .container-power{
		display:none;
	}
	.task-list .list-container .container-title{
		display:none;
	}
	.task-list .list-container .list-main .list-title{
		display:none;
	}
	.myapply-container .item{
		display: block;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.index-top .item-banner{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.index-list .mpanel-title a{
		line-height: 1.5;
		height: auto;
		padding: 10px 18px;
	}
	.mobile-dialog{

	}
	.mobile-dialog .modal-dialog{
		position: absolute;
    	bottom: 0;
		margin:0;
		left: 0;
		vertical-align: inherit;
		width:100%;
	}
	.mobile-dialog .modal-body{
		height: 80vh;
		overflow: auto;
	}
	.mobile-dialog.modal.fade:not(.animated) .modal-dialog{
		-webkit-transform: translateY(150%);
		-ms-transform: translateY(150%);
		transform: translateY(150%);
	}
	.mobile-dialog.modal.fade.in:not(.animated) .modal-dialog {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.mobile-dialog .modal-title{
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		color: #222;
	}
	.mobile-dialog .modal-title small{
		display:block
	}
	.mobile-dialog .pci-cross{
		border:none;
	}
	.mobile-dialog .pci-cross:before{
		width: 20px;
	}
	.mobile-dialog .pci-cross:after{
		height: 20px;
	}
	.mobile-dialog .modal-header:after{
		border:none;
	}
	.mobile-dialog .class-group{

	}
	.mobile-dialog .class-group .class-link{
		padding:10px 0;
		text-align:center;
		border-radius: 5px;
		margin-bottom:10px;
		background-color: #ffffff;
		font-size: 14px;
		border:2px solid #ccc;
	}
	.mobile-dialog #classManage{

	}
	.mobile-dialog #classManage .item{
		display:flex;
		margin-right:0;
		height:40px;
		align-items:center;
		border-radius: 3px;
	}
	.mobile-dialog #classManage .item span{
		bottom: 0;
    	right: 0;
		border-radius: 0;
		height:40px;
		width:40px;
	}
	.mobile-dialog #classManage .item span:before{
		width: 16px;
		right: 10px;
    	bottom: 18px;
	}
	.mobile-dialog #classManage .item span:after{
		width: 16px;
		right: 10px;
		bottom: 18px;
	}
	.mobile-dialog #classManage .item-add{
		width:100%;
		text-align:center;
		border-radius: 3px;
	}
	.mobile-dialog #classManageW{
		
	}
	.mobile-dialog .filter-dialog{

	}
	.mobile-dialog .filter-dialog .form-block{
		margin-bottom: 10px;
	}
	.mobile-dialog .filter-dialog .form-block .label{
		font-size: 12px;
		color: #333;
		padding:0;
		margin-bottom: 4px;
		display: block;
		text-align: left;
	}
	.mobile-dialog .filter-dialog .form-block .context{
		
	}
	.mobile-dialog .filter-dialog .form-block select,.mobile-dialog .filter-dialog .form-block input[type=text]{
		height: 32px;
		width: 100%;
		outline: none;
		border: 1px solid #999;
		border-radius: 4px;
	}
	.mobile-dialog .filter-dialog .checkbox-wrap{

	}
	.mobile-dialog .filter-dialog .checkbox-block{
		display: flex;
		align-items: center;
		margin-bottom: 10x;
	}
	.mobile-dialog .filter-dialog .checkbox-block .label{
		flex-shrink: 0;
		font-size: 12px;
		color: #333;
		padding:0;
		display: block;
		text-align: left;
	}
	.mobile-dialog .filter-dialog .checkbox-block .context{
		display: flex;
		align-items: center;
	}
	.mobile-dialog .filter-dialog .checkbox-block input[type=radio]{
		margin:0 0 0 10px;
	}
	.mobile-dialog .filter-dialog .switch-wrap{
		display: flex;
		align-items: center;
		margin-bottom: 6px;
	}
	.mobile-dialog .filter-dialog .switch-wrap .label{
		flex-shrink: 0;
		font-size: 12px;
		color: #333;
		padding:0;
		display: block;
		text-align: left;
	}
	.mobile-dialog .filter-dialog .switch-wrap .context{
		display: flex;
		align-items: center;
	}
	.mobile-dialog .filter-dialog .switch-wrap input[type=checkbox]{
		margin:0 0 0 10px;
	}
	.mobile-dialog .filter-dialog .submit-wrap{
		padding-top: 10px;
	}
	.mobile-dialog .filter-dialog .submit-wrap a{
		display:block;
		background-color: #38a0f4;
		height:32px;
		width:100%;
		border-radius: 4px;
		line-height:32px;
		text-align: center;
		color: #fff;
		font-size: 14px;
	}
	.mobile-hide{
		display:none;
	}
	.mobile-show{
		display:block;
	}
	.moblie-manage-power{
		display: flex;
	}
}

.mobile-dialog{

}
.sheet-page{
	padding: 37.795px;
    width: 793.696px;
    background: white;
    border: 1px solid #ccc;
}
.sheet-page .form-control{
	display: inline-block;
	width: inherit;
	min-width: 200px;
}
.pl-1{
	padding-left:1em;
}
.txt-i-1{
	text-indent: 1em;
}
.txt-i-2{
	text-indent: 2em;
}
.lh-2{
  line-height: 2;
}
.place-2{
	opacity: 0;
	display:inline-block;
	width:2em;
}
.place-1{
	opacity: 0;
	display:inline-block;
	width:1em;
}
.place-05{
	opacity: 0;
	display:inline-block;
	width:0.5em;
}
.fs-12{
	font-size: 12px;
}
.fs-13{
	font-size: 13px;
}
.fs-14{
	font-size: 14px;
}
.fs-15{
	font-size: 15px;
}
.fs-16{
	font-size: 16px;
}
.fs-17{
	font-size: 17px;
}
.fs-18{
	font-size: 18px;
}
.fs-19{
	font-size: 19px;
}
.fs-20{
	font-size: 20px;
}
.fs-21{
	font-size: 21px;
}
.fs-22{
	font-size: 22px;
}
.fs-23{
	font-size: 23px;
}
.fs-24{
	font-size: 24px;
}
.fs-28{
	font-size: 28px;
}
.text-indent-1{
	text-indent: 1em;
}
.text-indent-2{
	text-indent: 2em;
}
.text-indent-4{
	text-indent: 2em;
}
.mb-em-1{
	margin-bottom: 1em;
}
.mb-em-2{
	margin-bottom: 2em;
}
.mb-em-3{
	margin-bottom: 3em;
}
.mb-em-4{
	margin-bottom: 4em;
}
.mb-em-5{
	margin-bottom: 5em;
}
.mb-em-6{
	margin-bottom: 6em;
}
.lh-16px{
	line-height:16px;
}
.lh-3{
	line-height:3em;
}
.lh-4{
	line-height:4em;
}
.lh-32px{
	line-height:32px;
}
.pad-l-2em{
	padding-left: 2em;
}
.text-indent-2-n{
	text-indent: -2em;
}
.wb-kl{
	word-break: keep-all;
}
.wb-bw{
	word-break: break-word;
}
.jc-fe{
	justify-content:flex-end;
}
.va-middle{
	vertical-align: middle;
}

.word-break-break-all{
	word-break:break-all;
}
.shadow-box-container{
	border-radius: 5px;
	background-color: rgba(0,0,0,0.025);
	padding:10px 15px;
	border: 2px dashed rgba(0,0,0,0.2);
}
/*签回单预览以及编辑*/
.receipt-dialog{

}
.receipt-dialog .dialog-section{
	margin-bottom: 20px;
}
.receipt-dialog .mode-title{
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 600;
	color: #555;
}
.receipt-dialog .mode-container{


}
.receipt-dialog textarea{
	resize: none;
	width: 100%;
	border-color: #c4c4c4;
	border-radius: 3px;
}   
.receipt-dialog .receipt-file-box{
	max-height:calc(100vh - 500px);
	overflow-y: auto;
}
.receipt-dialog .file-container{
	position:relative;
	border:2px dashed #ccc;
	border-radius:5px;
	display:flex;
	align-items:flex-start;
	padding:10px 30px 10px 10px;
	margin-bottom: 10px;
	
}
.receipt-dialog .file-container .img-container{
	display: flex;
	flex-flow: column;
	align-items: center;
	width: 200px;
	flex-shrink: 0;
	margin-right: 10px;
}
.receipt-dialog .file-container .img-container .empty-img,
.receipt-dialog .file-container .img-container .uploading,
.receipt-dialog .file-container .img-container .reupload{
	width:200px;
	height:100px;
	color: #666;
	border-radius: 5px;
	border: 1px dashed #ccc;
	cursor: pointer;
	font-size: 14px;
	display:flex;
	justify-content: center;
	align-items:center;
}
.receipt-dialog .file-container .img-container img{
	max-width:200px;
	max-height:150px;
	display:block;
	margin-right: 10px;
	margin-bottom: 6px;
}
.receipt-dialog .file-container .img-container .img-reload{
	cursor: pointer;
}
.receipt-dialog .file-container .img-container .img-reload i{
	margin-right:6px;
}
.receipt-dialog .file-container .text-container{
	width:100%;
}
.receipt-dialog .file-container .item-close{
	position:absolute;
	top:5px;
	right:5px;
	cursor: pointer;
}
.receipt-dialog .file-container .item-close i{
	font-size: 16px;
}
.receipt-dialog .receipt-power{
	width:100%;
	text-align: center;
	padding: 10px 0;
	border-radius: 5px;
	border:2px dashed #ccc;
	cursor: pointer;
	font-size: 14px;
}

.loader-patch{
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	width: 40px;
	height: 40px;
	transform: rotate(165deg);
}
.loader-patch:before, .loader-patch:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	transform: translate(-50%, -50%);
}
.loader-patch:before {
	animation: before-patch 2s infinite;
}
.loader-patch:after {
	animation: after-patch 2s infinite;
}
@keyframes before-patch {
	0% {
		width:8px;
		box-shadow:
		16px -8px rgba(225, 20, 98, 0.75),
		-16px 8px rgba(111, 202, 220, 0.75);
	}
	35% {
		width: 2.5em;
		box-shadow:
		0 -8px rgba(225, 20, 98, 0.75),
		0 8px rgba(111, 202, 220, 0.75);
	}
	70% {
		width:8px;
		box-shadow:
		-16px -8px rgba(225, 20, 98, 0.75),
		16px 8px rgba(111, 202, 220, 0.75);
	}
	100% {
		box-shadow:
		16px -8px rgba(225, 20, 98, 0.75),
		-16px 8px rgba(111, 202, 220, 0.75);
	}
}
@keyframes after-patch {
	0% {
		height: 8px;
		box-shadow:
		8px 16px rgba(61, 184, 143, 0.75),
		-8px -16px rgba(233, 169, 32, 0.75);;
	}
	35% {
		height: 2.5em;
		box-shadow:
		8px  0 rgba(61, 184, 143, 0.75),
		-8px 0 rgba(233, 169, 32, 0.75);;
	}
	70% {
		height: 8px;
		box-shadow:
		8px -16px rgba(61, 184, 143, 0.75),
		-8px 16px rgba(233, 169, 32, 0.75);;
	}
	100% {
		box-shadow:
		8px 16px rgba(61, 184, 143, 0.75),
		-8px -16px rgba(233, 169, 32, 0.75);;
	}
}
.dataTables-option{
	display: flex;
	flex-wrap: wrap;
	
}
.dataTables-option .option-item{
	display: flex;
	flex-flow: column;
	margin: 0 20px 10px 0;
}
.dataTables-option .power-item{
	display: flex;
	margin: 0 20px 10px 0;
}
.dataTables-option .option-item .item-content{
	display: flex;
	height: 32px;
    align-items: center;
}
.dataTables-option .option-item .item-label{
	font-size: 14px;
	color:#383838
}
.dataTables-option .option-item input[type="text"],.dataTables-option .option-item select{
	width:150px;
	height:32px;
	font-size: 13px;
	border:1px solid #ccc;
	border-radius: 3px;
	padding: 0 4px;
	text-align: left;
}
.dataTables-option .option-item select option{
	font-size: 13px;
}
.dataTables-option .option-item .input-daterange  input[type="text"] {
	width:100px;
}
.dataTables-option .option-item .item-content .time-space{
	font-size: 20px;
    color: #a9a9a9;
    padding: 0 6px;
	display: flex;
	align-items: center;
}
.dataTables-option .option-item input[type="checkbox"],.dataTables-option .option-item input[type="radio"]{
	margin:0
}
.dataTables-option .option-item .item-content label{
	margin:0 0 0 4px
}
.dataTables-option .option-item .location-container{
	position:relative;

}
.dataTables-option .power-item .item-btn{
	display:flex;
	align-items: center;
	margin:20px 0 10px 0;
	height:32px;
	font-size: 14px;
	border-radius: 3px;
	padding: 0 20px;
}
.dataTables-option .option-item{
	
}
.dataTables-container{
	font-size: 13px;
}
.dataTables-container .table{
	
}
.dataTables-container .table{
	
}
.dataTables-container .table{
	
}
.dataTables-container .table{
	
}
.dataTables-container .table{
	
}
.dataTables-container .table{
	
}
.dataTables-container .table .flex-column{
	display:flex;
	flex-wrap: nowrap;
}
.dataTables-container .table .image-section{
	height: 24px;
    width: auto;
    max-width: 100px;
	border:2px solid #42a5f5;
	cursor: pointer;
}
.dataTables-container .table .group-image{
	display:flex;
	flex-wrap: wrap;
	grid-gap: 8px 8px;
}
.dataTables-container .table .group-image .image-container{
}
.dataTables-container .table .group-image .image-event{
	height:28px;
	width: auto;
	min-width: 10px;
	max-width: 90px;
	cursor: pointer;
}
.dataTables-theme{
	font-size: 13px;
}
.dataTables-theme .table.dataTable thead > tr > th{
	padding:4px 4px;
}
.dataTables-theme .table>tbody>tr>td{
	padding: 4px 8px;
}
.dataTables-theme table thead tr{
	background: #dddddd;
}
.dataTables-theme .odd{
	background:#f6f6f6
}
.dataTables-theme .even{
	background:#ffffff
}
.dataTables-theme .pagination{
	font-size:13px;
}

.dropdown-select-container{
	position: relative;
}
.dropdown-select-container .dropdown-menu{
	width:100%;
}
.dropdown-select-container .dropdown-menu .select-search{
	padding: 15px;
}
.dropdown-select-container .dropdown-menu .result-ul{
	max-height:150px;
	overflow:auto;
}
.dropdown-select-container .dropdown-menu .result-li{
	padding:6px 15px;
	cursor: pointer;
}
.dropdown-select-container .dropdown-menu .result-li:hover{
	background-color:#f4f4f4;
	color:#0075ff;
}
.dropdown-select-container .dropdown-menu .result-empty{
	padding: 40px 0;
	text-align:center
}
.dropdown-sub-container{
	position: relative;

}
.dropdown-sub-container .dropdown-menu{
	width: 300px;
    min-height: 200px;
	padding:15px;
}
.dropdown-sub-container .dropdown-menu .title-container{
	font-size: 14px;
	color: #383838;
	margin-bottom: 6px;
}
.dropdown-sub-container .dropdown-menu .select-search{
	
}
.dropdown-sub-container .dropdown-menu .select-search input{
	width:100%;
    height: 32px;
    border: 1px solid #ccc!important;
    border-radius: 3px;
    padding: 0 4px;
    text-align: left;
}
.dropdown-sub-container .dropdown-menu .select-result{
	display: flex;
	justify-content:space-between;
	padding:10px 0;
}
.dropdown-sub-container .dropdown-menu .result-contaienr{
	color: #42a5f5;
}
.dropdown-sub-container .dropdown-menu .result-contaienr span{
	padding:0 3px;
	cursor: pointer;
}
.dropdown-sub-container .dropdown-menu .result-power{
	margin-left: 20px;
	display: flex;
	flex-shrink: 0;
}
.dropdown-sub-container .dropdown-menu .result-submit{
	color: #42a5f5;
	cursor: pointer;
	margin-left: 10px;
}
.dropdown-sub-container .dropdown-menu .result-cancel{
	color: #262626;
	cursor: pointer;
	margin-left: 10px;
}
.dropdown-sub-container .dropdown-menu .select-option{
	
}
.dropdown-sub-container .dropdown-menu .select-option .option-container{
	
}
.dropdown-sub-container .dropdown-menu .select-option .option-container{
	
}
.dropdown-sub-container .dropdown-menu .select-option .option-container .option-ul{
	max-height:300px;
	overflow: auto;
}
.dropdown-sub-container .dropdown-menu .select-option .option-container .option-li{
	padding:3px 0;
	cursor: pointer;
	color:#42a5f5;
}
.dropdown-sub-container .dropdown-menu .select-option .option-container .option-empty{

	
}

.dropdown-table-container{
	position: relative;

}
.dropdown-table-container .dropdown-menu{
	width: 400px;
    min-height: 200px;
	padding:15px;
}
.dropdown-table-container .dropdown-menu .title-container{
	font-size: 14px;
	color: #383838;
	margin-bottom: 6px;
}
.dropdown-table-container .dropdown-menu .select-search{
	margin-bottom: 10px;
}
.dropdown-table-container .dropdown-menu .select-search input{
	width:100%;
    height: 32px;
    border: 1px solid #ccc!important;
    border-radius: 3px;
    padding: 0 4px;
    text-align: left;
}
.dropdown-table-container .dropdown-menu .select-option{
	
}
.dropdown-table-container .dropdown-menu .select-option .option-container{
	
}
.dropdown-table-container .dropdown-menu .select-option .option-container{
	
}
.dropdown-table-container .dropdown-menu .select-option .option-container .option-ul{
	max-height:300px;
	overflow: auto;
}
.dropdown-table-container .dropdown-menu .select-option .option-container .option-li{
	padding:3px 0;
	cursor: pointer;
	color:#42a5f5;
	word-break: break-all;
}
.dropdown-table-container .dropdown-menu .select-option .option-container .option-li:hover{
	background:#f2f2f2;
}
.dropdown-table-container .dropdown-menu .select-option .option-container .option-empty{

}
.remind-search{

}
.remind-search .dropdown-menu{
	box-shadow: none;
	width: 100%;
	padding:0 4px;
	border:1px solid #e9e9e9;
	border-top:none;
}
.remind-search .dropdown-menu .tips{
	font-size: 13px;
	line-height:2;
	border-bottom:1px solid #eaeaea;

}
.remind-search .dropdown-menu .item{
	font-size: 13px;
	line-height:2;
	border-bottom:1px solid #eaeaea;
	color: #999;

}
.detailstate-group{
	display: flex;
    position: fixed;
    top: 100px;
    right: 100px;
    z-index: 9;
}
.detailstate-group .group-item{
	width: 128px;
    height: 128px;
}
.sales-xlsx-container{
	width:100%;
	height:calc(100vh - 80px);
	margin-bottom:-40px;
	margin-top: 40px;
	display: flex;
	flex-flow: column;
	background-color: #fff;
}
.sales-xlsx-container .xlsx-options{
	height:48px;
	flex-shrink: 0;
	display:flex;
	justify-content:space-between;
	background-color: #f5f7f9;
    border-bottom: 1px solid #c3cbdd;
}
.sales-xlsx-container .xlsx-options .options-container{
	display: flex;
	align-items: center;
	padding:0 20px;
}
.sales-xlsx-container .xlsx-options .options-container .options-item{
	font-size: 16px;
	padding:8px 20px;
	line-height:1;
	color:#444;
	border-bottom:2px solid transparent;
	cursor:pointer;
}
.sales-xlsx-container .xlsx-options .options-container .options-item.active{
	border-bottom:2px solid #0075ff;
	color:#0075ff;
}
.sales-xlsx-container .xlsx-options .option-power{
	display: flex;
	align-items: center;
	padding:0 20px;
}
.sales-xlsx-container .xlsx-options .option-power .power-item{
	font-size: 14px;
	line-height:1;
	padding:5px 20px;
	border: 2px solid #9a9a9a;
	color:#444;
	border-radius:4px;
	background:#fff;
	cursor: pointer;
}
.sales-xlsx-container .xlsx-options .option-power .power-item i{
	margin-right: 5px;
}
.sales-xlsx-container .xlsx-options .option-power .power-item:hover{
	color: #0075ff;
	border: 2px solid #0075ff;
}
.sales-xlsx-container .xlsx-data{
	height: 100%;
	overflow:auto;
	overflow:overlay;
}
.sales-xlsx-container .xlsx-data-container{
	display:none;
}
.sales-xlsx-container .xlsx-data-container.active{
	display:block;
}
.sales-xlsx-container .xlsx-count-panel{
	height: 68px;
	flex-shrink: 0;
	background-color:#f5f7f9;
	border-top:1px solid #c3cbdd;
	display:flex;
	align-items: center;
	flex-wrap: nowrap;
	overflow-x: overlay;
}
.sales-xlsx-container .xlsx-count-panel .panel-item{
	margin-left: 10px;
	padding:4px 20px;
	border:2px solid #0075ff;
	border-radius: 6px;
	background-color: #0075ff;
	
}
.sales-xlsx-container .xlsx-count-panel .panel-item .item-title{
	font-size: 13px;
    line-height: 1;
    margin-bottom: 4px;
    color: #fff;
}
.sales-xlsx-container .xlsx-count-panel .panel-item .item-txt{
	font-size: 18px;
    line-height: 1;
    color: #fff;
}
.sales-xlsx-container .xlsx-header{
	position: sticky;
	top: 0;
	position:-webkit-sticky;
	z-index: 2;
}
.sales-xlsx-container .xlsx-header table{
	background:#f5f7f9;
	border-bottom: 1px solid #aab3c7;
	border-top: 1px solid #d7d9de;
}
.sales-xlsx-container .xlsx-header table thead{

}
.sales-xlsx-container .xlsx-header table thead tr{
	border-bottom:1px solid #aab3c7;
}
.sales-xlsx-container .xlsx-header table thead th{
	height: 32px;
	padding: 6px 3px 0;
	font-size: 13px;
	color: #000;
	text-align:center;
	border-right: 1px transparent solid;
	border-image: linear-gradient(0, #aab3c7 0%, #ffffff 99%) 1 1 1 1; 
}
.sales-xlsx-container .xlsx-header table thead div{

}
.sales-xlsx-container .xlsx-main{
	
}
.sales-xlsx-container .xlsx-main table tr{
	
}
.sales-xlsx-container .xlsx-main table tr td{
	border-right:1px solid #c3cbdd;
	padding:0 3px;
	border-bottom:1px solid #c3cbdd;
	font-size:13px;
	vertical-align:top;
	line-height:1.25;
	color:#666;
}
.sales-xlsx-container .xlsx-main table tr td[data-align="right"]{
	text-align:right;
}
.sales-xlsx-container .xlsx-main table tr td.current{
	position:relative;
}
.sales-xlsx-container .xlsx-main table tr td.current:after{
	content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
	border: 2px solid #07af06;
}
.sales-xlsx-container .xlsx-main table tr td.current-col{
	background: #fffdc2;
}
.sales-xlsx-container .xlsx-main table tr td.current-row{
	background: #fffdc2;
}
.sales-xlsx-container .xlsx-header table thead th.current-head{
	background: #fffdc2;
}
.sales-xlsx-container .xlsx-footer table tfoot td.current-foot{
	background: #fffdc2;
}
.sales-xlsx-container .xlsx-footer{
	position: sticky;
	bottom: 0;
	position:-webkit-sticky;
	z-index: 2;
}
.sales-xlsx-container .xlsx-footer table{
	background:#f5f7f9;
	border-top: 1px solid #aab3c7;
	border-bottom: 1px solid #d7d9de;
}
.sales-xlsx-container .xlsx-footer table tfoot td{
	height: 32px;
	padding:0 3px 6px;
	font-size: 13px;
	color: #000;
	text-align:center;
	border-right: 1px transparent solid;
	border-image: linear-gradient(0, #ffffff 0%, #aab3c7 99%) 1 1 1 1; 
}
.sales-xlsx-container .xlsx-footer table tfoot td[data-align="right"]{
	text-align:right;
}
.xlsx-filter{
    padding: 80px 0 0 0;
    position: absolute;
    width: 400px;
    height: auto;
    left: auto;
    right: -400px;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    overflow: hidden;
    z-index: 3;
	transition-property: left,right;
    transition-duration: .35s;
	background:#fff;
	box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1)
}

.xlsx-filter.filter-in{
	left: auto;
    right: 0;
}
.xlsx-filter .xlsx-filter-container{
	height:100%;
	display:flex;
	width: 100%;
    flex-flow: column;
}
.xlsx-filter .xlsx-filter-container .filter-tab{
	height:48px;
	padding:0 20px;
	flex-shrink: 0;
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.xlsx-filter .xlsx-filter-container .filter-tab .tab-container{
	display:flex;
}
.xlsx-filter .xlsx-filter-container .filter-tab .tab-container .tab-item{
	font-size: 16px;
	padding: 10px 4px;
	line-height:1;
	border-bottom:2px solid transparent
}
.xlsx-filter .xlsx-filter-container .filter-tab .tab-container .tab-item.active{
	border-bottom:2px solid #0075ff;
}
.xlsx-filter .xlsx-filter-container .filter-main{
	height:100%;
	overflow-y: overlay;
}
.xlsx-filter .xlsx-filter-container .filter-main .filter-option{
	padding:20px 20px;
}
.xlsx-filter .xlsx-filter-container .filter-footer{
	height:68px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:10px 20px;
	justify-content:center;
}
.xlsx-filter .xlsx-filter-container .filter-footer .filter-cancel{
	height:32px;
	line-height:32px;
	padding:0 20px;
	background-color:#939393;
	border-radius: 4px;
	font-size: 14px;
	color:#fff;
	cursor: pointer;
	margin: 0 10px;
}
.xlsx-filter .xlsx-filter-container .filter-footer .filter-submit{
	height:32px;
	line-height:32px;
	padding:0 20px;
	background-color:#0075ff;
	border-radius: 4px;
	font-size: 14px;
	color:#fff;
	cursor: pointer;
	margin: 0 10px;
}
.xlsx-filter .filter-option .option-item{
	display:flex;
	margin-bottom: 15px;
}
.xlsx-filter .filter-option .option-item .item-label{
	width:130px;
	flex-shrink: 0;
	padding:0 10px 0 0;
	line-height:32px;
	font-size: 13px;
}
.xlsx-filter .filter-option .option-item .item-content{
	width:100%;
}
.xlsx-filter .filter-option .option-item .item-content input[type=text],
.xlsx-filter .filter-option .option-item .item-content input[type="date"],
.xlsx-filter .filter-option .option-item .item-content input[type="number"]{
	width:100%;
	height:32px;
	line-height:30px;
	border:1px solid #ccc;
	border-radius: 4px;
}
.xlsx-filter .filter-option .option-item .item-content .date-split{
	display: flex;
    justify-content: center;
    margin: 6px 0;
}
.tree-update-dialog{

}
.tree-update-dialog .modal-header .modal-title{
	font-weight: normal;
}
.tree-update-dialog .modal-dialog{
	width:1000px;
	border-radius: 8px;
    overflow: hidden;
}
.tree-update-dialog .choices-container{
	display: flex;
	margin-bottom: 10px;
}
.tree-update-dialog .choices-level{
	width: 200px;
	margin-right: 20px;
}
.tree-update-dialog .choices-level .choices-title{
	color: #8c8c8c;
	font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}
.tree-update-dialog .choices-level .choices-ul{
	max-height: 50vh;
	overflow-y: auto;
}
.tree-update-dialog .choices-level .choices-li{
	position: relative;
}
.tree-update-dialog .choices-level .choices-li-container{
	width: 180px;
	display: flex;
	align-items: center;
	background: #f7f7f7;
	border-radius: 4px;
	padding:0px 2px;
	margin-bottom: 6px;
}
.tree-update-dialog .choices-level .choices-li-drop{
	width: 30px;
	flex-shrink: 0;
	cursor: move;
	text-align: center;
	visibility: hidden;
}
.tree-update-dialog .choices-level .choices-li-txt{
	width: 100%;
	line-height: 21px;
	font-size: 14px;
	padding: 4px 10px 4px 0;
	color: #262626;
	cursor: pointer;
}	
.tree-update-dialog .choices-level .choices-li-close{
	width: 30px;
	flex-shrink: 0;
	text-align: center;
	cursor: pointer;
	visibility: hidden;
}
.tree-update-dialog .choices-level .choices-li-rewrite{
	width: 100%;
    font-size: 14px;
    line-height: 26px;
    border: 1px solid #0171c2;
    padding: 0;
    margin: 4px 0;
    border-radius: 4px;
	outline: 0;
    text-indent: 2px;
}
.tree-update-dialog .choices-level .choices-li-rewrite.empty{
	border: 1px solid #eb2521;
}
.tree-update-dialog .choices-level .rewrite-mode .choices-li-txt{
	display: none;
}
.tree-update-dialog .choices-level .rewrite-mode .choices-li-close{
	display: none;
}
.tree-update-dialog .choices-level .choices-li-close
.tree-update-dialog .choices-level i{
	font-size: 18px;
	color: #bfbfbf;
}
.tree-update-dialog .choices-li-container:hover i{
	color: #8a8a8a;
}
.tree-update-dialog .choices-li-container:hover i{
	color: #8a8a8a;
}
.tree-update-dialog .choices-li.current .choices-li-container{
	background: #f2fbff;
}
.tree-update-dialog .choices-li.current .choices-li-container:hover i{
	color: #1b9aee;
}
.tree-update-dialog .choices-li-container:hover .choices-li-drop{
	visibility:visible;
}
.tree-update-dialog .choices-li-container:hover .choices-li-close{
	visibility:visible;
}
.tree-update-dialog .choices-level:not(:last-child) .choices-li.current:after{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #1b9aee;
    border-style: solid;
    border-width: 5px 6px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tree-update-dialog .choices-option{
    width: 180px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
    color: #262626;
    transition: border 218ms;
	padding: 4px 8px;
	line-height: 26px;
	resize: none;
	overflow-y: hidden;
}
.tree-update-dialog .choices-option:focus{
	border: 1px solid #1b9aee;
}
.tree-update-dialog .choices-footer{
	border-top:1px solid #eeeeee;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding:10px 20px 0;
	margin: 0 -14px;
}
.tree-update-dialog .choices-footer .footer-item{
	display: flex;
	
}
.tree-update-dialog .choices-footer .footer-btn{
	display: flex;
	align-items: center;
	margin: 0 6px;
	padding: 6px 14px;
	font-size: 14px;
	line-height: 18px;
	border-radius: 4px;
	background:#ccc;
	color: #666;
	cursor: pointer;
}
.tree-update-dialog .choices-footer .footer-btn i{
	margin-right: 6px;
	font-size: 20px;
}
.tree-update-dialog .choices-footer .cancel-btn{
	color: #1b9aee;
	background-color: transparent;
	border: 1px solid #ccecff;
}
.tree-update-dialog .choices-footer .cancel-btn:hover{
	background-color: #ccecff;
}
.tree-update-dialog .choices-footer .save-btn{
	color: #fff;
	background-color: #1b9aee;
	border: 1px solid #1b9aee;
}
.instrument_address_book{

}
.instrument_address_book .modal-dialog{
	width:1000px!important;
	max-width: 80vw;
}
.instrument_address_book .tips-container{

}
.instrument_address_book .add-list-btn{
	min-width: 100px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding:6px 0;
	font-size: 14px;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	margin-bottom: 15px;
}
.instrument_address_book .instrument-address-group{
	max-height: 70vh;
	overflow-y: auto;
	padding-right: 20px;
}
.instrument_address_book .instrument-address-list{
	margin-bottom: 10px;
	border: 3px solid #aeaeae;
    border-radius: 10px;
	padding: 10px;

}
.instrument_address_book .instrument-address-list{
	margin-bottom: 10px;
	border: 3px solid #aeaeae;
    border-radius: 10px;
	padding: 10px;
	
}
.instrument_address_book .instrument-address-list .list-container{

}
.instrument_address_book .instrument-address-list .list-container{
	display: flex;
	justify-content: space-between;

}
.instrument_address_book .instrument-address-list .list-inter{
	
}
.instrument_address_book .instrument-address-list .list-power{
}
.instrument_address_book .instrument-address-list .inter-item{
	display: flex;
	font-size: 14px;
	padding:3px 0;
}
.instrument_address_book .instrument-address-list .inter-label{
	width: 80px;
	text-align: right;
	flex-shrink: 0;
	margin-right: 10px;
	color: #3c434f;
}
.instrument_address_book .instrument-address-list .inter-txt{
	color: #85898f;
}
.instrument_address_book .instrument-address-list .power-container{
	display: flex;
    flex-wrap: nowrap;
}
.instrument_address_book .instrument-address-list .power-item{
	padding:0 10px;
	border-right:2px solid #ccc;
	cursor: pointer;
}
.instrument_address_book .instrument-address-list .power-item.current{
	color: #42a5f5;
	cursor: no-drop;
}
.instrument_address_book .instrument-address-list .power-item:last-child{
	border-right:none
}
.instrument_address_book .instrument-address-update{
	margin-bottom: 10px;
	border: 3px solid #42a5f5;
    border-radius: 10px;
	padding: 10px;
}
.instrument_address_book .instrument-address-update .form-item{
	margin-bottom: 10px;
}
.instrument_address_book .instrument-address-update .item-label{
	color: #85898f;
	font-size: 14px;
	margin-bottom: 5px;
}
.instrument_address_book .instrument-address-update .item-input{
	
}
.instrument_address_book .instrument-address-update .item-input input[type=text],
.instrument_address_book .instrument-address-update .item-input textarea{
	font-size: 13px;
	resize: none;
	padding:6px 10px;
	width: 600px;
	border:2px solid #999;
	border-radius: 5px;
}
.instrument_address_book .instrument-address-update .item-input input[type=text].mustwrite-error,
.instrument_address_book .instrument-address-update .item-input textarea.mustwrite-error{
	border:2px solid #eb2521;
}
.instrument_address_book .instrument-address-update .instrument-update-power{
	display: flex;
	justify-content: end;
}
.instrument_address_book .instrument-address-update .power-item{
	min-width: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 0;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 15px;
	margin-left: 15px;
}	
.instrument_address_book .instrument-address-update .form-item{
	
}
.instrument_address_book .instrument-tips-container{
	display: flex;
	justify-content: center;
}
.instrument_address_book .instrument-tips-container .tips-txt{
	width: 80%;
	padding:10px 0;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(239,83,80,0.3);
	color: #ef5350;
	font-size: 14px;
	margin: 10px 0;
}
.custom-scroll::-webkit-scrollbar{
	width: 4px;
	height: 4px;
}
.custom-scroll::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	opacity: 0.2;
	background: rgba(66,165,245,1);
}
.custom-scroll::-webkit-scrollbar-track{
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(66,165,245,0.3);
}


.custom-checkbox-container{
	padding: 3px 3px;
}
.custom-checkbox-container input[type="checkbox"]{
	display: none;
}
.custom-checkbox-container label{
	position: relative;
	padding-left: 20px;
    line-height: 16px;
	margin-right: 20px;
	color: #333;
}
.custom-checkbox-container label::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    border: 2px solid #d9d9d9;
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    transition: border-color 218ms,background-color 218ms;
}
.custom-checkbox-container label:hover::after{
	border-color: #1b9aee;
    background-color: #e8f5fd;
}
.custom-checkbox-container input[type="checkbox"]:checked+label::after{
	border-color: #1b9aee;
    background-color: #1b9aee;
}
.custom-checkbox-container input[type="checkbox"]:checked+label::before{
	content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 8px;
    height: 4px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    box-sizing: content-box;
    -webkit-transform: translate(-50%,-75%) rotate( 
-45deg);
    transform: translate(-50%,-75%) rotate( 
-45deg);
    transition: border-color 218ms;
    z-index: 2;
}
.custom-checkbox-container input[type="checkbox"].mustwrite-error+label::after{
    border: 2px solid #eb2521;
}
:root{
	--customui-primary: rgb(64, 158, 255);
	--customui-primary-S: rgb(83, 168, 255);
	--customui-primary-A: rgb(102, 177, 255);
	--customui-primary-B: rgb(121, 187, 255);
	--customui-primary-C: rgb(140, 197, 255);
	--customui-primary-D: rgb(160, 207, 255);
	--customui-primary-E: rgb(179, 216, 255);
	--customui-primary-F: rgb(198, 226, 255);
	--customui-primary-G: rgb(217, 236, 255);
	--customui-danger:rgb(245, 108, 108);
	--customui-danger-S: rgb(253, 226, 226);
	--customui-danger-A: rgb(254, 240, 240);
	--customui-warning: rgb(230, 162, 60);
	--customui-warning-S: rgb(250, 236, 216);
	--customui-warning-A: rgb(253, 246, 236);
	--customui-info: rgb(144, 147, 153);
	--customui-info-S: rgb(233, 233, 235);
	--customui-info-A: rgb(244, 244, 245);
	--customui-success: rgb(103, 194, 58);
	--customui-success-S: rgb(225 243 216);
	--customui-success-A: rgb(240, 249, 235);
	--customui-txt:rgb(48, 49, 51);
	--customui-txt-A:rgb(96, 98, 102);
	--customui-txt-B:rgb(144, 147, 153);
	--customui-txt-C:rgb(192, 196, 204);
	--customui-border:rgb(220, 223, 230);
	--customui-border-A:rgb(228, 231, 237);
	--customui-border-B:rgb(235, 238, 245);
	--customui-border-C:rgb(242, 246, 252);
	--customui-black: rgb(0, 0, 0);
	--customui-white: rgb(255, 255, 255);
	--customui-transparent: transparent;
}
.customui-container{
	background-color: #fff;
}
.customui-panel{
	border-radius: 4px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    overflow: hidden;
    color: #303133;
    transition: .3s;
}
.customui-panel__title{
	font-size: 16px;
	padding: 18px 20px;
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box;
}
.customui-panel__body{
	padding:20px;
}
.customui-form{
	
}
.customui-form.form-ruleForm{
	width: 460px;
}
.customui-form.form-inline{
	display: flex;
	flex-wrap: wrap;
}
.customui-form-item{
	display: flex;
	margin-bottom: 22px
}
.customui-form-item {
	display: flex;
	margin-bottom: 22px
}
.customui-form-item__label{
	width: 100px;
	text-align: right;
    vertical-align: middle;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    box-sizing: border-box;
	flex-shrink: 0;
	margin-bottom:0;
}
.customui-form.form-inline .customui-form-item__label{
	width: auto;
}

.customui-form-item__content{
	line-height: 40px;
    position: relative;
    font-size: 14px;
	width: 100%;
}
.customui-select-group{
	display: flex;
}
.customui-select-group>*{
	margin-right: 10px
}
.customui-input{
	position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}
.customui-form.form-inline .customui-input{
	width: 150px;
}
.customui-form.form-inline .customui-select{
	width: 150px;
}
.customui-form.form-inline>*{
	margin-right: 10px
}
.customui-input__inner{
    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: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.customui-form-item.is-error .customui-input__inner{
	border-color: #f56c6c;
}
.customui-checkbox{
	color: #606266;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    user-select: none;
    margin-right: 30px;
	margin-bottom:0;
}
.customui-checkbox:last-of-type{
	margin-right: 0;
}
.customui-checkbox__input{
	white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle;
}
.customui-checkbox__original {
    opacity: 0;
    outline: none;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1;
}
.customui-checkbox__inner{
	display: inline-block;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #fff;
    z-index: 1;
}
.customui-checkbox__inner:after{
	box-sizing: content-box;
    content: "";
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 3px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
}
.customui-checkbox__original:checked + .customui-checkbox__inner{
	background-color: #409eff;
    border-color: #409eff;
}
.customui-checkbox__original:checked + .customui-checkbox__inner:after{
	transform: rotate(45deg) scaleY(1);
}
.customui-checkbox__original:disabled + .customui-checkbox__inner{
	background-color: #f2f6fc;
    border-color: #dcdfe6;
	cursor: no-drop;
}
.customui-checkbox__original:checked:disabled + .customui-checkbox__inner{
	background-color: #f2f6fc;
    border-color: #dcdfe6;
}
.customui-checkbox__original:checked:disabled + .customui-checkbox__inner:after{
	border: 2px solid #c0c4cc;
	border-left: 0;
    border-top: 0;
}
.customui-checkbox__label{
	display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px;
}
.customui-form-item__error{
	color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    left: 0;
}
.customui-button{
	display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.customui-button--text{
	border-color: transparent;
    color: #409eff;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
}
.customui-button--text.links{
    padding-top: 0;
    padding-bottom: 0;
}
.customui-button.customui-button--mini{
	padding: 7px 15px;
    font-size: 12px;
    border-radius: 3px;
}
.customui-button+.customui-button{
	margin-left: 10px;
}

.customui-button--default{
	color: #606266;
    background-color: #fff;
    border-color: #dcdfe6;
}
.customui-button--default:hover,.customui-button--default:focus{
	color: var(--customui-primary);
    background-color: var(--customui-primary-G);
	border-color: var(--customui-primary-B);
}
.customui-button--primary{
	color: var(--customui-white);
    background-color: var(--customui-primary);
    border-color: var(--customui-primary);
}
.customui-button--primary:hover,.customui-button--primary:focus{
	background-color: var(--customui-primary-A);
    border-color: var(--customui-primary);
	color:var(--customui-white);
}
.customui-button--danger{
	color: var(--customui-white);
    background-color: var(--customui-danger);
    border-color: var(--customui-danger);
}
.customui-button--danger:hover,.customui-button--danger:focus{
	color: var(--customui-white);
    opacity: 0.8;
}
.customui-button--success{
	color: var(--customui-white);
    background-color: var(--customui-success);
    border-color: var(--customui-success);
}
.customui-button--success:hover,.customui-button--success:focus{
	color: var(--customui-white);
    opacity: 0.8;
}
.customui-button--info{
	color:var(--customui-white);
    background-color: var(--customui-danger);
    border-color: var(--customui-danger);
}
.customui-button--info:hover,.customui-button--info:focus{
	color:var(--customui-white);
    opacity: 0.8;
}
.customui-button--warning{
	color:var(--customui-white);
    background-color: var(--customui-danger);
    border-color:var(--customui-danger);
}
.customui-button--warning:hover,.customui-button--warning:focus{
	color:var(--customui-white);
    opacity: 0.8;
}
.customui-table{
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-left: 10px;
    padding-right: 10px;
	background-color:var(--customui-white);
	font-size: 14px;
    color: #606266;
}
.customui-table-warpper{
	
}
.customui-dialog-table .customui-table-warpper{
	height: 60vh;
	overflow: auto;
	position: relative;
	content-visibility: auto;
}
.customui-dialog-table .customui-table__header-wrapper{
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 2;
}
.customui-table thead{
	color: #909399;
}
.customui-table__header-wrapper{
	
}
.customui-table__body-wrapper{
	
}
.customui-table__footer-wrapper{
	
}
.customui-table__row{
	
}
.customui-table__row__hide{
	display: none;
}
.customui-table .cell{
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-left: 10px;
    padding-right: 10px
}
.customui-table .customui-table__cell{
	padding: 12px 0;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left;
}
.customui-table.ssize-td .customui-table__cell{
	padding-top: 4px;
	padding-bottom:0px;
}
.customui-table.msize-td .customui-table__cell{
	padding-top: 8px;
	padding-bottom:0px;
}

.customui-table td.customui-table__cell,.customui-table th.customui-table__cell{
	border-bottom: 1px solid #ebeef5;
}
.customui-table th.customui-table__cell{
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-left: 10px;
    padding-right: 10px;
}
.customui-table th.customui-table__cell>.cell{
	display: inline-block;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
.customui-table th.customui-table__cell {
	
}
.customui-table th.customui-table__cell .customui-checkbox__label{
	font-weight: 700;
	color: #909399;
}
.customui-table-main{
	
}
.customui-table-loading{
	width: 100%;
	padding:100px 0;
	text-align: center;
}
.customui-h3{
	font-size: 22px;
	color: #1f2f3d;
}
.customui-h5{
	font-size: 18px;
	color: #1f2f3d;
}
.customui-h6{
	font-size: 16px;
	margin:20px 0 10px 0;
	color: #1f2f3d;
}
.customui-p{
	font-size: 14px;
    color: #5e6d82;
    line-height: 1.5em;
}
.customui-dialog .modal-dialog{
	width:50vw;
}
.customui-dialog .modal-header{
	
}
.customui-dialog .modal-title {
	line-height:24px;
	font-size:18px;
	color:#303133;
	font-weight: normal;
}
.customui-dialog .modal-header>.close{
	top: 16px;
	right: 20px;
	margin-top: 0;
	color: #909399;
	opacity: 1;
}
.customui-dialog .modal-header>.close .pci-circle{
	border-radius: 0;
	border:0;
}
.customui-dialog .modal-header>.close .pci-cross:after, .customui-dialog .modal-header>.close  .pci-cross:before{

}
.customui-dialog .modal-header>.close .pci-cross:after{
    height: 12px;
    width: 1.5px;
}
.customui-dialog .modal-header>.close  .pci-cross:before{
	width: 12px;
    height: 1.5px;
}
.customui-dialog .modal-header>.close:focus,.customui-dialog .modal-header> .close:hover{
	color: #409eff;
	opacity: 1;
}
.customui-descriptions__header{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.customui-descriptions__title{
	font-size: 16px;
	color: #303133;
}
.customui-descriptions__extra{

}
.customui-descriptions__body{
	color: #606266;
    background-color: #fff;
}
.customui-descriptions__table{
	display: flex;
	flex-wrap: wrap;
}
.customui-descriptions-item{
	width: 200px;
	margin-right: 15px;
	margin-bottom: 12px
}
.customui-descriptions-clear{
	width: 100%;
}
.customui-descriptions-col2{
	width: 415px;
}
.customui-descriptions-item__container{
	display: flex;
}
.customui-descriptions-item__label{
	margin-right: 10px;
	display: inline-flex;
    align-items: baseline;
}
.customui-descriptions-item__label.has-colon:after{
	content: ":";
    position: relative;
    top: -0.5px;
	left: 2px;
}
.customui-descriptions-item__content{
	flex: 1;
	display: inline-flex;
    align-items: baseline;
	word-break: break-word;
    overflow-wrap: break-word;
}
.customui-tag-group{
	display: flex;
	flex-wrap: nowrap;
	grid-gap: 12px;
}
.customui-tag{
	background-color: #ecf5ff;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #409eff;
    border: 1px solid #d9ecff;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
}
.customui-tag--small{
	height: 24px;
    padding: 0 8px;
    line-height: 22px;
}
.customui-tag--dark{
	background-color: #409eff;
    color: #fff;
}
.customui-tag--dark, .customui-tag--dark.is-hit{
	border-color: #409eff;
}
.customui-tag.customui-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}
.customui-tag--dark.customui-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}
.customui-tag.customui-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
}
.customui-tag--dark.customui-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff;
}
.customui-tag.customui-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
}
.customui-tag--dark.customui-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff;
}
.customui-tag.customui-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}
.customui-tag--dark.customui-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}
.customui-tag--dark.customui-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}
.customui-tag.customui-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c;
}

.customui-hr{
	margin: 10px 0;
	background-color: #fafafa;
	border-top: 1px solid #eaeefb;
	overflow: hidden;
    height: 0;
	transition: height .2s;
}
.customui-loading-parent--relative{
	position: relative!important;
	overflow: hidden;
}
.customui-loading-mask{
	position: absolute;
    z-index: 2000;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .3s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.customui-loading-spinner {
    padding: 20px 40px;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 10px;
	text-align: center;
}
.customui-loading-spinner .customui-icon-loading{
	color: #fff;
	font-size: 18px;
}
.customui-loading-spinner .customui-loading-text {
    color: #fff;
    margin: 3px 0;
    font-size: 14px;
	line-height: 1.5;
}


@keyframes rotating{
	0%{
		transform:rotate(0deg)
	}
	to{
		transform:rotate(1turn)
	}
}

.custom-contract-system{
	padding: 10px 20px;
	margin: 20px;
	user-select: none;
	word-break: break-all;
}
.custom-contract-system .custom-contract-system-word{
	width: 793.7px;
    padding: 37.795px;
    background: white;
    box-shadow: 0 0px 4px rgb(0 0 0 / 30%);
	font-size: 14px;
	line-height: 2;
	color: #333;
}
.custom-contract-system .custom-contract-system_title{
	font-weight: bold;
    font-size: 21px;
    line-height: 2;
    text-align: center;
	
}
.custom-contract-system .custom-contract-system__ti2em{
	text-indent: 2em;
}
.custom-contract-system .custom-contract-system__strong{
	font-weight: bold;
}
.custom-contract-system .custom-contract-system__pr05{
	padding-right: 0.5em;
}
.custom-contract-system .custom-contract-system__letterspacing__05em{
	letter-spacing: 0.5em;
}
.custom-contract-system .custom-contract-system__letterspacing__1em{
	letter-spacing: 1em;
}
.custom-contract-system .custom-contract-system__letterspacing__2em{
	letter-spacing: 2em;
}
.custom-contract-system .custom-contract-system__letterspacing__4em{
	letter-spacing: 4em;
}
.custom-contract-system .contenteditable{
	display: inline;
	min-width: 1em;
	text-decoration: underline;
	outline: none;
}
.custom-contract-system .contenteditable.min2em{
	min-width: 2em;
}
.custom-contract-system .contenteditable.min4em{
	min-width: 4em;
}
.custom-contract-system .contenteditable.min8em{
	min-width: 8em;
}
.custom-contract-system .contenteditable.min16em{
	min-width: 16em;
}
.custom-contract-system .contenteditable.minfull{
	min-width: 100%;
}
.custom-contract-system .fixed_size_container{
	display: inline-block;
}
.custom-contract-system .fixed_size_container.min1em{
	min-width: 1em;
}
.custom-contract-system .fixed_size_container.min2em{
	min-width: 2em;
}
.custom-contract-system .contenteditable:empty{
	display: inline-block;
	background: linear-gradient(currentColor,currentColor) center bottom 6px no-repeat;
  	background-size: 100rem 1px;
	min-height: 28px;
	vertical-align: bottom;
}
.custom-contract-system .public-contenteditable-section{
	background: rgb(255 101 101 / 26%);
}
.custom-contract-system .has-contenteditable[contenteditable]{
	background: rgb(101 153 255 / 9%);
}
.custom-contract-system .contentselect{
	display: inline;
	min-width: 1em;
	text-decoration: underline;
	outline: none;
	line-height: 28px;
	vertical-align: bottom;
}
.custom-contract-system .contentselect-btn{
	display: inline-flex;
    width: 18px;
    height: 18px;
    background: var(--customui-primary);
    color: #fff;
    text-indent: 0;
    border-radius: 2px;
    font-size: 12px;
    justify-content: center;
    align-items: center;
	cursor: pointer;
	margin: 0 4px 0 2px;
}
.custom-contract-system .contentselect.min2em{
	min-width: 2em;
}
.custom-contract-system .contentselect.min4em{
	min-width: 4em;
}
.custom-contract-system .contentselect.min8em{
	min-width: 8em;
}
.custom-contract-system .contentselect.min16em{
	min-width: 16em;
}
.custom-contract-system .contentselect:empty{
	display: inline-block;
	background: linear-gradient(currentColor,currentColor) center bottom 6px no-repeat;
  	background-size: 100rem 1px;
	min-height: 28px;
	vertical-align: bottom;
}
.custom-contract-system .custom-contract-system__datatable{
	
}
.custom-contract-system .custom-contract-system__datatable{
	
}
.custom-contract-system .custom-contract-system__datatable table{
	background-color:#fff;
	table-layout: auto;
	border-color: #000000;
}
.custom-contract-system .custom-contract-system__datatable thead{

}
.custom-contract-system .custom-contract-system__datatable thead th{
	font-weight: normal;
	text-align: center;
	font-size: 13px;
	line-height: 1.5;
	white-space: normal;
	background-color: #fff;
	padding: 0;
	border-right: none;
	color: #333;
}
.custom-contract-system .custom-contract-system__datatable thead th>div{
	padding:0 2px;
}
.custom-contract-system .custom-contract-system__datatable thead td{
	
}
.custom-contract-system .custom-contract-system__datatable tbody tr{
	vertical-align: top;
}
.custom-contract-system .custom-contract-system__datatable tbody td{
	border-top:none;
	border-right:none;
	padding:0;
	white-space: normal;
}
.custom-contract-system .custom-contract-system__datatable tbody td>div{
	font-size: 12px;
	line-height: 1.5;
	padding:0 2px;
	min-height: 20px;
	text-align: center;
}
.custom-contract-system .custom-contract-system__datatable tfoot td{
	font-size: 13px;
	line-height: 1.5;
	padding:0 2px;
	border-top:none;
	border-right:none;
	white-space: normal;
}
.custom-contract-system .custom-contract-system__datatable tfoot td.text-center{
	text-align: center;
}

.custom-contract-system .custom-contract-system__datatable tbody td div.operate-container{
	padding:0 0;
}
.custom-contract-system .custom-contract-system__datatable tbody td div input[type=text],
.custom-contract-system .custom-contract-system__datatable tbody td div input[type=number],
.custom-contract-system .custom-contract-system__datatable tbody td div input[type=date]{
	width: 100%;
	height: 28px;
	outline: none;
	border: none;
	font-size: 12px;
	background: rgb(255 93 93 / 15%);
	text-align: center;
}
.custom-contract-system .custom-contract-system__datatable tbody td div select{
	width: 100%;
	height: 28px;
	min-height: 28px;
	outline: none;
	border: none;
	background: rgb(255 93 93 / 15%);
	text-align: center;
}
.custom-contract-system .custom-contract-system__datatable tbody td .item-file-container{
	
	padding:0 2px;
}
.custom-contract-system .custom-contract-system__datatable tbody td .item-file-group{
	display: flex;
	flex-wrap: wrap;
	margin-right: 8px;
	flex-flow: column;
	padding:2px 2px;
}
.custom-contract-system .custom-contract-system__datatable tbody td .item-file-group .item-file__li{
	display: flex;
	padding:2px 2px;
	border:2px dashed transparent;
	border-radius: 2px;
}
.custom-contract-system .custom-contract-system__datatable tbody td .item-file-group .item-file__li:hover{
	border-color: rgba(18,142,242,0.4);
	transition: border 0.2s ease-in-out;
}
.custom-contract-system .custom-contract-system__datatable tbody td .item-file-group .item-file__li__imgbox{
	
}
.custom-contract-system .custom-contract-system__datatable tbody td .item-file-group .item-file__li__imgbox img{
	width: 24px;
    height: 24px;
    object-fit: fill;
}
.custom-contract-system .custom-contract-system__datatable tbody td .item-file__li__imgpower{
	display: flex;
	align-items: center;
	
}
.custom-contract-system .custom-contract-system__datatable tbody td .imgpower-item{
	font-size: 12px;
	margin-left: 8px;
	cursor: pointer;
}
.custom-contract-system .custom-contract-system__datatable tbody td .imgpower-item:hover{
	color: #128ef2;
}
.custom-contract-system .custom-contract-system__datatable tbody td .item-file-upload{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.custom-contract-system .custom-contract-system__autograph{

}
.custom-contract-system .custom-contract-system__autograph__container{

}
.custom-contract-system .custom-contract-system__autograph .imitate-table{
	display: table;
}
.custom-contract-system .custom-contract-system__autograph .imitate-tr{
	display: table-row;
  	vertical-align: top;
}
.custom-contract-system .custom-contract-system__autograph .imitate-td{
	display: table-cell;
	word-break: keep-all;
  	vertical-align: top;
}

.custom-contract-system .custom-contract-system__autograph .table_groud{
	width: 100%;
}
.custom-contract-system .custom-contract-system__autograph .table_groud .groud-item{
	vertical-align: top;
}
.custom-contract-system .custom-contract-system__autograph .item-table{
	width: 100%;
}
.custom-contract-system .custom-contract-system__autograph .item-table tr{
	vertical-align: top;
}
.custom-contract-system .custom-contract-system__autograph .item-table td.item-label{
	display: table-cell;
    word-break: keep-all;
}
.custom-contract-system .custom-contract-system__autograph .item-table td.item-content{
	width: 100%;
}
.custom-contract-system .custom-contract-system__autograph tbody td{
	border-right:none;
	border-top:0;
	padding: 0;
	color: #333;
	white-space: normal;
}
.custom-contract-system .contenteditable-footer__container{
	text-align: center;
	background: linear-gradient(#333,#333) center top 20px no-repeat;
    background-size: 100rem 1px;
}
.custom-contract-system .contenteditable-footer__txt{
	display: inline-block;
	text-decoration: underline;
	outline: none;
	word-break: break-all;
	min-height: 28px;
    line-height: 28px;
	text-align: left;
	font-size: 13px;
    letter-spacing: 2px;
	
}
.custom-contract-system .contenteditable-footer__txt:empty{
	min-width: 100%;
}
.custom-contract-system .contenteditable-footer__border{
	display: none;
}
.custom-contract-system .custom-contract-footer{

}
.custom-contract-system .custom-contract-footer__rows{
	
}
.custom-contract-system .custom-contract-footer__cols{
	float: left;
	width: 45%;
}
.custom-contract-system .custom-contract-footer__split{
	float: left;
	width: 10%;
}
.custom-contract-system .custom-contract-footer__clear{
	clear:both;
	margin: 0;
	word-break: break-all;
}
.custom-contract-system .custom-contract-footer__label{
	float: left;
}
.custom-contract-system .custom-contract-footer__content{
	float: none;
	overflow: auto;
}
.custom-contract-system .custom-contract-footer__label.custom-contract-footer__label5em{
	width: 5em;
}
.custom-contract-system .custom-contract-footer__label.custom-contract-footer__label6em{
	width: 6em;
}
.custom-contract-system .custom-contract-footer__label.custom-contract-footer__label8em{
	width: 8em;
}
.custom-contract-system .custom-contract-system__btn{
	display: inline-block;
    background: var(--customui-primary);
    padding: 2px 8px;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
	font-size: 14px;
	line-height: 2;
}
.custom-contract-system .system__datatable__uppercase{
	table-layout: fixed;
	width: 100%;
}
.custom-contract-system .system__datatable__uppercase tbody td>div{
	padding: 0 0px;
}
.custom-contract-system__datatable__container{
	overflow: auto;
}
.custom-contract-system .custom-contract-system__datatable tfoot td .system__datatable__uppercase tbody td{
	padding: 0 0px;
}
.custom-contract-system .custom-contract-system__datatable__title{
	font-size: 16px;
    color: #3a3a3a;
	padding: 10px 0;
}
.custom-contract-system .system__datatable__remark{
	width: 100%;
	outline: none;
}
.custom-contract-system .custom-contract-system__remark{
	
}
.custom-contract-system .custom-contract-system__newpage__container{
	border:2px dashed #aaa;
	padding: 15px 20px;
	border-radius: 10px;
}
.agreement-defalut-mode .custom-contract-system .custom-contract-system__newpage__container{
	display: none;
}
.custom-contract-system .custom-contract-system__remark__container{
	border-bottom: 1px solid #000;
	text-align: center;
	margin: 20px 0;
}

/* .custom-contract-system .custom-contract-system__remark__container{
	width: 100%;
    min-height: 32px;
    text-align: center;
    position: relative;
}
.custom-contract-system .custom-contract-system__remark__container:empty:after{
	content:'如需换页打印，请填写该行！';
	position: absolute;
	width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
} */
.contentselect-dialog{

}
.contentselect-dialog .contentselect-dialog__box {
	
}
.contentselect-dialog input[type=radio]{
	display: none;
}
.contentselect-dialog .contentselect-dialog__item{
	margin:0 0 20px 0;
	border: 2px solid #ccc;
	padding: 14px 20px;
	border-radius: 5px;
}
.contentselect-dialog .contentselect-dialog__label__container{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.contentselect-dialog .contentselect-dialog__radio{
	position: absolute;
	width: 20px;
	height: 20px;
	display:block;
	background-color: #fff;
    border-radius: 50%;
	border:2px solid #ccc;
	margin: 0;
	
}
.contentselect-dialog .contentselect-dialog__radio:after{
	box-sizing: content-box;
    content: "";
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 5px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
}
.contentselect-dialog input[type=radio]:checked+.contentselect-dialog__item{
	border: 2px solid var(--customui-primary);
}
.contentselect-dialog input[type=radio]:checked+.contentselect-dialog__item .contentselect-dialog__radio{
	border:2px solid var(--customui-primary);
	background-color: var(--customui-primary);
}
.contentselect-dialog input[type=radio]:checked+.contentselect-dialog__item .contentselect-dialog__radio:after{
	transform: rotate(45deg) scaleY(1);
}
.contentselect-dialog .contentselect-dialog__label{
	margin:0 0 0 32px;
	font-size: 16px;
}
.contentselect-dialog .contentselect-dialog__text textarea{
	width: 100%;
    height: 100px;
    font-size: 14px;
    padding: 4px;
    border: 1px solid #ccc;
    margin-top: 10px;
    border-radius: 3px;
}
.custom-select__mode{

}
.custom-select__mode select{
	display: none!important;
}
.all_select_personnel{
	display: none!important;
}
.custom-select__container{
	display: block;
    width: 100%;
    padding: 0;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    line-height: 24px;
    transition: border-color 218ms ease;
}
.custom-select__container .custom-selection__rendered{
	min-height: 34px;
    padding: 7px 12px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 6px;
}
.custom-select__container .custom-selection__rendered + .custom-select__dropdown{
	display: none;
}
.custom-select__container .custom-selection__rendered--show + .custom-select__dropdown{
	display: block;
}
.custom-select__container .custom-selection__choice{
	padding: 3px 10px;
    background: #38a0f4;
    display: flex;
    flex-wrap: nowrap;
    color: #fff;
    border-radius: 3px;
}
.custom-select__container .custom-selection__choice__remove{
	margin-left: 10px;
	cursor: pointer;
	font-weight: bold;
}
.custom-select__dropdown{
	border-top:1px solid #e5e5e5;
}
.custom-select__dropdown .custom-select__search{
	padding:7px 12px;;
	display: flex;
	align-items: center;
}
.custom-select__dropdown .custom-select__search .custom-select__search__input{
	width: 100%;
}
.custom-select__dropdown .custom-select__search .custom-select__search__btn{
	flex-shrink: 0;
	margin-left: 10px;
	cursor: pointer;
}
.custom-select__dropdown .custom-select__search input{
	padding: 4px;
    width: 100%;
	border: 1px solid #e9e9e9;
    outline: 0!important;
}
.custom-select__dropdown .custom-select__results{
	max-height: 200px;
	overflow-y: auto;
}
.custom-select__dropdown .custom-select__results__options{
	
}
.custom-select__dropdown .custom-select__results__option{
	cursor: pointer;
    display: block;
	padding: 3px 40px 3px 20px;
}
.custom-select__dropdown .custom-select__results__option:hover{
	background-color: #57b4ff;
	color: #fff;
}
.custom-select__dropdown .custom-select__results__group{
	cursor: default;
    display: block;
    padding: 6px 15px;
    color: #758697;
    font-size: 14px;
    font-weight: bold;
}
.custom-select__dropdown .custom-select__results__option--highlighted{
	position: relative;
	background-color: #38a0f4;
	color: #fff;
}
.custom-select__dropdown .custom-select__results__option--highlighted:hover{
	background-color: #38a0f4;
	color: #fff;
}
.custom-select__dropdown .custom-select__results__option--highlighted:after{
	content: '';
}
.custom-select__dropdown .custom-select__results__option--disabled{
	background: #eeeeee;
    cursor: no-drop;
}
.custom-select__dropdown .custom-select__results__option--disabled:hover{
	background: #eeeeee;
	color: #758697;
}
.custom-select__dropdown .wechat-defalut{
	border: 1px solid #8d8d8d;
    border-radius: 3px;
    padding: 2px 3px;
    background: #8d8d8d;
    color: #fff;
	margin-left: 10px;
}
.custom-select__dropdown .wechat-highlighted{
	border: 1px solid #2aae67;
    border-radius: 3px;
    padding: 2px 3px;
    background: #2aae67;
    color: #fff;
	margin-left: 10px;
}
.wechat_select_personnel{
	display: none!important;
}
.fixed-assets-container{
	background-color: #fff;
}
.fixed-assets-container .fixed-assets-tabs-container{
	display:flex;
	flex-flow: column;
	width: 100%;
}
.fixed-assets-container .fixed-assets-tabs-container .fixed-assets-tabs-nav{
	overflow-x: auto;
	width: 100%;
}
.fixed-assets-container .fixed-assets-tabs-container .fixed-assets-tabs-nav .tabs-nav-container{
	display: flex;
	flex-wrap: nowrap;
}
.fixed-assets-container .fixed-assets-tabs-container .fixed-assets-tabs-nav .nav-item{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0 30px;
	font-size: 18px;
	height: 48px;
	color: #666;
	flex-shrink: 0;
	cursor: pointer;
}
.fixed-assets-container .fixed-assets-tabs-container .fixed-assets-tabs-nav .nav-item.current{
	color: #fff;
	background-color:#42a5f5;
}
.fixed-assets-container .fixed-assets-tabs-container .fixed-assets-tabs-group{
	height: calc(100vh - 200px);
	overflow-y: auto;
	border-top:3px solid #42a5f5;
}
.fixed-assets-container .fixed-assets-tabs-container .fixed-assets-tabs-group .fixed-assets-tabs-item{
	/* display:none; */
	visibility: hidden;
    height: 0;
	overflow: hidden;
}
.fixed-assets-container .fixed-assets-tabs-container .fixed-assets-tabs-group .fixed-assets-tabs-item.current{
	visibility: visible;
    height: auto;
}
.fixed-assets-container .fixed-assets-tabs-container .fixed-assets-form{
	padding: 20px 0;
	min-height: 300px;
}
.fixed-assets-container .fixed-assets-form{
	border-radius: 2px;
}
.fixed-assets-container .fixed-assets-form{
	color: #262626;
}
.fixed-assets-container .fixed-assets-form .form-header{
	width: 100%;
	font-weight: 400;
    line-height: 24px;
    font-size: 16px;
	padding:10px 20px;
	border-bottom:1px solid #e5e5e5;
}
.fixed-assets-container .fixed-assets-form .form-body{
	width: 100%;
	max-width: 1000px;
	padding:10px 20px;
}
.fixed-assets-container .fixed-assets-form .form-table-container{
	width: 100%;
	padding:10px 20px;
}
.fixed-assets-container .fixed-assets-form .form-body .form-item{
	display: flex;
	margin-bottom: 20px;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-label{
    font-size: 14px;
	padding:10px 0;
    line-height: 20px;
	display: flex;
	width: 200px;
	flex-shrink: 0;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-label.label-input-container{
    
	padding:0;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-label .label-icon i{
	font-size: 20px;
	width: 20px;
	height: 20px;
	display: block;
	color: #8a8a8a;
	flex-shrink: 0;
	margin-right: 6px;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-label .label-must-sign{
	color: #eb2521;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-label .label-text{
	color: #343434;
    font-size: 15px;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-label input{
	display: block;
    width: 100%;
    padding: 7px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    line-height: 24px;
    resize: none;
    transition: border-color 218ms ease;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-content{
	width: 100%;
	margin-left: 20px;
	display: flex;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .fixed-assets-input{
	width: 100%;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-default{
	display: flex;
	width: 100%;
	padding: 10px 0;
	margin-left: 20px;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-default .default-text{
	width: 100%;
	color: #8f8f8f;
    font-size: 15px;
	word-break: break-all;
	padding-right: 20px;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-default .default-option{
	width: 40px;
	flex-shrink: 0;
	cursor: pointer;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-default .default-option:hover{
	color: #1b9aee;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-default .default-option i{
	font-size: 20px;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-content .default-option{
	width: 40px;
	flex-shrink: 0;
	cursor: pointer;
	display: flex;
	justify-content:center;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-content .default-option:hover{
	color: #1b9aee;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-content .default-option i{
	font-size: 20px;
	line-height: 40px;
}
.fixed-assets-container .data-module{
	padding: 6px 0px;
	display: flex;
    flex-flow: column;
    grid-gap: 10px;
}
.fixed-assets-container .data-module .data-module-showdata{
	display: flex;
	flex-wrap: wrap;
	grid-gap:10px;
}
.fixed-assets-container .data-module .data-module-showdata:empty{
	display: none;
}
.fixed-assets-container .data-module .item-mode{
	display: flex;
    height: 32px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid #ddd;
    align-items: center;
}
.fixed-assets-input input[type="text"],
.fixed-assets-input input[type="number"],
.fixed-assets-timepicker input[type="time"],
.fixed-assets-timepicker input[type="date"],
.fixed-assets-input input[type="datetime-local"],
.fixed-assets-input select,
.fixed-assets-input textarea{
	display: block;
    width: 100%;
    padding: 7px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    line-height: 24px;
	resize: none;
	background-color: #fff;
    transition: border-color 218ms ease;
}
.fixed-assets-select select{
	display: block;
    width: 100%;
    padding: 7px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    line-height: 24px;
	resize: none;
	height: 40px;
	background-color: #fff;
    transition: border-color 218ms ease;
}
.fixed-assets-input input[type="text"]:disabled,
.fixed-assets-input input[type="number"]:disabled,
.fixed-assets-timepicker input[type="time"]:disabled,
.fixed-assets-timepicker input[type="date"]:disabled,
.fixed-assets-input input[type="datetime-local"]:disabled,
.fixed-assets-input select:disabled,
.fixed-assets-input textarea:disabled{
	background: #ededed;
	cursor:no-drop
}
.fixed-assets-input select:disabled{
	background: #ededed;
	cursor:no-drop
}
.fixed-assets-input input[type="text"].mustwrite-error,
.fixed-assets-input input[type="number"].mustwrite-error,
.fixed-assets-timepicker input[type=time].mustwrite-error,
.fixed-assets-timepicker input[type=date].mustwrite-error,
.fixed-assets-input input[type=datetime-local].mustwrite-error,
.fixed-assets-input select.mustwrite-error,
.fixed-assets-input textarea.mustwrite-error{
	border: 1px solid #eb2521;
}
.fixed-assets-select select.mustwrite-error{
	border: 1px solid #eb2521;
}
.fixed-assets-input .bootstrap-select.btn-group:not(.input-group-btn){
	margin: 0;
}
.fixed-assets-input .btn{
	padding: 10px 12px;
    border-radius: 4px;
    background: #fff;
    color: #262626;
}
.fixed-assets-input .input-daterange{
	display: flex;
}
.fixed-assets-input .input-daterange input{
	flex: 1;
}
.fixed-assets-input .input-daterange .time-space{
	padding:0 20px;
	display:flex;
	align-items: center
}
.fixed-assets-input .bootstrap-select .dropdown-toggle.mustwrite-error{
	border: 1px solid #eb2521;
} 
.fixed-assets-checkbox{
	padding: 10px 3px;
}

.fixed-assets-checkbox input[type="radio"],.fixed-assets-checkbox input[type="checkbox"]{
	display: none;
}
.fixed-assets-checkbox label{
	position: relative;
	padding-left: 20px;
    line-height: 16px;
	margin-right: 20px;
	color: #333;
}
.fixed-assets-checkbox label::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    border: 2px solid #d9d9d9;
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    transition: border-color 218ms,background-color 218ms;
}
.fixed-assets-checkbox label:hover::after{
	border-color: #1b9aee;
    background-color: #e8f5fd;
}
.fixed-assets-checkbox input[type="checkbox"]:checked+label::after{
	border-color: #1b9aee;
    background-color: #1b9aee;
}
.fixed-assets-checkbox input[type="checkbox"]:checked+label::before{
	content: " ";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 8px;
    height: 4px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    box-sizing: content-box;
    -webkit-transform: translate(-50%,-75%) rotate( 
-45deg);
    transform: translate(-50%,-75%) rotate( 
-45deg);
    transition: border-color 218ms;
    z-index: 2;
}
.fixed-assets-checkbox input[type="checkbox"].mustwrite-error+label::after{
    border: 2px solid #eb2521;
}
.fixed-assets-checkbox input[type="radio"]:checked+label::after{
	border-color: #1b9aee;
    background-color: #1b9aee;
}
.fixed-assets-checkbox input[type="radio"]:checked+label::before{
	content: " ";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 8px;
    height: 4px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    box-sizing: content-box;
    -webkit-transform: translate(-50%,-75%) rotate( 
-45deg);
    transform: translate(-50%,-75%) rotate( 
-45deg);
    transition: border-color 218ms;
    z-index: 2;
}
.fixed-assets-checkbox input[type="radio"].mustwrite-error+label::after{
    border: 2px solid #eb2521;
}
.fixed-assets-radio-card{
	display: flex;
	flex-wrap: wrap;
	grid-gap:16px;
}
.fixed-assets-radio-card .card-item{
	
}
.fixed-assets-radio-card .card-item input[type="radio"]{
	display: none;
}
.fixed-assets-radio-card .card-item label{
	border:1.5px solid #dfdfdf;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	min-width: 120px;
	padding:16px;
	font-size: 16px;
	cursor: pointer;
}
.fixed-assets-radio-card .card-item input[type="radio"]:checked + label{
	border-color:#128ef2;
	color: #128ef2;
} 
.fixed-assets-default{
	font-size: 16px;
	font-weight: 600;
    color: #3c3c3c;
	word-break: break-all;
}
.fixed-assets-selectitem{
	position: relative;
	margin-bottom: 6px;
}
.fixed-assets-selectitem .move-icon{
	position: absolute;
    left: 2px;
    top: 9px;
    font-size: 16px;
    cursor: move;
    width: 32px;
    text-align: center;
}
.fixed-assets-selectitem .close-icon{
	position: absolute;
    right: 2px;
    top: 9px;
    font-size: 16px;
    cursor: pointer;
    width: 32px;
    text-align: center;
}
.fixed-assets-selectitem.fixed-assets-input input[type="text"]{
	padding:7px 36px;
}
.fixed-assets-container .fixed-assets-form .form-body .section-header{
	margin-bottom: 8px;
    line-height: 24px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fixed-assets-container .fixed-assets-form .form-footer{
	padding:10px 20px;
	border-top:1px solid #e5e5e5;
	display: flex;
	justify-content: space-between;
}
.fixed-assets-container .fixed-assets-form .form-footer .footer-option,.fixed-assets-container .fixed-assets-form .form-footer .dropdown{
	display: flex;
}
.fixed-assets-container .fixed-assets-form .custom-text-btn{
	display: flex;
	font-size: 14px;
	color: #1b9aee;
	align-items: center;
	cursor: pointer;
	margin-right: 20px;
	transition: all 300ms ease-in-out;
}
.fixed-assets-container .fixed-assets-form .custom-text-btn:hover{
	color: #0171c2;
}
.fixed-assets-container .fixed-assets-form .custom-text-btn .icon{ 
	font-size: 16px;
	margin-right: 8px;
}
.fixed-assets-container .fixed-assets-form .custom-box-btn{
	display: flex;
	font-size: 14px;
	color: #fff;
	align-items: center;
	cursor: pointer;
	background-color: #1b9aee;
	padding: 3px 10px;
	border-radius: 2px;
	margin-left: 20px;
	transition: all 300ms ease-in-out;
}
.fixed-assets-container .fixed-assets-form .custom-box-btn:hover{
	background-color: #0171c2;
}
.fixed-assets-container .fixed-assets-form .custom-box-btn .icon{
	font-size: 16px;
	margin-right: 8px;
}
.fixed-assets-container .fixed-assets-form .dropdown-menu{
}
.fixed-assets-container .fixed-assets-form .form-dropdown-container{
	display: flex;
	flex-flow: column;
}
.fixed-assets-container .fixed-assets-form .form-dropdown-container .form-dropdown-item{
	line-height: 20px;
    font-size: 14px;
    color: #595959;
	padding: 10px 16px;
	cursor: pointer;
}
.fixed-assets-container .fixed-assets-form .form-dropdown-container .form-dropdown-item:hover{
	background-color: #f7f7f7;
}
.fixed-assets-container .fixed-assets-form .custom-form-container{
	
}
.fixed-assets-container .fixed-assets-form .custom-form-container .custom-form-item{
	display: flex;
	margin-bottom: 20px;
}
.fixed-assets-container .fixed-assets-form .custom-form-container .custom-form-item:last-child{
	margin-bottom: 0px;
}
.fixed-assets-container .fixed-assets-form .custom-form-container .custom-form-item .custom-form-content{
	border:2px dashed #e5e5e5;
	width:100%;
	padding:20px 20px;
	border-radius: 4px 0 0 4px;
	border-right: none;
}
.fixed-assets-container .fixed-assets-form .custom-form-container .custom-form-item .custom-form-option{
	width: 40px;
	flex-shrink: 0;
	border:2px solid #e5e5e5;
	border-radius: 0px 4px 4px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #e5e5e5;
	color: #a5a5a5;
	cursor: pointer;
	transition: all 218ms ease;
}
.fixed-assets-container .fixed-assets-form .custom-form-container .custom-form-item .custom-form-option:hover{
	background-color: #ff7b78;
	border-color: #ff7b78;
	color: #fff;
}
.fixed-assets-container .fixed-assets-form .custom-form-container .custom-form-item .custom-form-option i{
	font-size: 18px;
	font-weight: bold;
	
}
.fixed-assets-container .fixed-assets-form .custom-form-container .custom-form-item .custom-form-ul{
	display: flex;
	margin-bottom: 20px;
}
.fixed-assets-container .fixed-assets-form .custom-form-container .custom-form-item .custom-form-ul:last-child{
	margin-bottom: 0px;
}
.fixed-assets-container .fixed-assets-form .custom-form-container .custom-form-item .custom-form-li{
	flex: 1;
	margin-left: 20px;
}
.fixed-assets-container .fixed-assets-form .custom-form-container .custom-form-item .custom-form-li:first-child{
	margin: 0;
}
.fixed-assets-container .fixed-assets-detail{
	
}
.fixed-assets-container{
	color: #8a8a8a;
	flex-shrink: 0;
	margin-right: 6px;
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-label.label-input-container .label-icon i{
    line-height:40px
}
.fixed-assets-container .fixed-assets-form .form-body .form-section .form-label .filter-icon i{
	font-size: 20px;
	width: 20px;
	height: 20px;
	display: block;
	color: #eb2a26;
	flex-shrink: 0;
	margin-right: 6px;
}
.fixed-assets-timepicker{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.fixed-assets-timepicker:last-child{
	margin-bottom: 0;
}
.fixed-assets-timepicker>div{
	margin-right:15px;
}
.fixed-assets-timepicker>div:last-child{
	margin-right:0;
}
.fixed-assets-timepicker .timepicker-option{
	width: 100px;
}
.fixed-assets-timepicker input[type=time]{
	display: block;
    width: 100%;
    padding: 7px 12px;
	font-size: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    line-height: 24px;
	resize: none;
    transition: border-color 218ms ease;
}
.fixed-assets-timepicker .timepicker-btn i{
	font-size: 20px;
	cursor: pointer;
}
.fixed-assets-timepicker .timepicker-btn i:hover{
	color: #1b9aee;
}
.fixed-assets-timepicker .timepicker-default{
	font-size: 14px;
	color: #333;
}
.fixed-assets-field-dialog .modal-dialog{
	border-radius: 8px;
	overflow: hidden;
	width: 400px;
}
.fixed-assets-field-dialog.medium-dialog .modal-dialog{
	width: 800px;
}
.fixed-assets-field-dialog.large-dialog .modal-dialog{
	width: 1200px;
}
.fixed-assets-field-dialog .modal-body{
	max-height: 70vh;
	overflow: auto;
}
.fixed-assets-field-dialog .fixed-dialog-empty{
	min-height: 20vh;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;

}
.fixed-assets-field-dialog .modal-footer .btn{
	border-radius: 5px;
}

.fixed-assets-field-dialog .field-dialog-item{

}
.fixed-assets-field-dialog .field-dialog-item[class*=" flex-col-"]{
	margin-right:10px;
}
.fixed-assets-field-dialog .field-dialog-item{
	margin-bottom: 10px;
	
}
.fixed-assets-field-dialog .field-dialog-item .item-label{
	margin-bottom: 4px;
	color: #333;
}
.fixed-assets-field-dialog .field-dialog-item .label-must-sign{
	color: #eb2521;
}
.fixed-assets-field-dialog .field-dialog-item .item-content{
	
}
.fixed-assets-field-dialog .field-dialog-item .item-content{
	
}
.fixed-assets-field-dialog .full-image-container{
	width: 100%;
}
.field-dialog-select-tab{
	display: none;
}
.field-dialog-select-tab.current{
	display: block;
}
.fixed-assets-confirm{

}
.fixed-assets-confirm .modal-dialog{
	width: 400px;
}
.fixed-assets-confirm .modal-content{
	border-radius: 5px;
}
.fixed-assets-confirm .bootbox-body{
	padding: 0px 30px;
	color: #4c4c4c;
}
.fixed-assets-confirm .bootbox-body .title{
    font-size: 16px;
	margin-bottom: 10px;
}
.fixed-assets-confirm .bootbox-body .option{
    font-size: 14px;
}
.fixed-assets-confirm .modal-footer .btn{
	border-radius: 5px;
}
.fixed-assets-btn-group{
	display: flex;
}
.fixed-assets-btn{
	font-size: 16px;
	color: #fff;
	background-color: #1b9aee;
	border-radius: 4px;
	line-height: 1;
	padding:11px 20px;
	margin-bottom: 10px;
	margin-right: 20px;
	cursor: pointer;
	text-align: center;
}
.fixed-assets-btn>.fixed-assets-btn{
	margin-right: 20px;
}
.fixed-assets-btn.size-sm{
	font-size: 12px;
    border-radius: 3px;
    padding: 8px 20px;
}
.certificates-item{
	margin-bottom: 10px;
	padding:20px;
	border:2px dashed #ccc;
	border-radius: 5px;
	position: relative;
}
.certificates-item.has-close{
	padding:20px 120px 20px 20px;
}
.certificates-item .item-close{
	position: absolute;
	top: 12px;
	right: 12px;
	cursor: pointer;
	font-size: 24px;
	color: #999;
	line-height: 1;
}
.certificates-item .item-close:hover{
	color: #eb2521;
}
.fixed-assets-flex{
	display: flex;
}
.fixed-assets-flex-lightcenter{
	align-items:center
}
.fixed-assets-flex .flex-item{
	margin-right:20px;
}
.fixed-assets-flex .flex-item:last-child{
	margin-right:0;
}
.fixed-assets-flex .flex-1{
	flex:1;
}
.fixed-assets-flex .flex-1_2{
	flex:50%;
}
.fixed-assets-upload-container{

}
.fixed-assets-upload-container .fixed-upload-item{
	margin-bottom:10px;
	width: 500px;
	border:1px solid #f0f0f0;
	box-shadow: 0 0 4px rgba(0,0,0,0.1);
	border-radius: 4px;
	padding:10px 6px;
	display: flex;
	align-items: center;
}
.fixed-assets-upload-container.full-size .fixed-upload-item{
	width: auto;
}
.fixed-assets-upload-container .fixed-upload-item.remove-file-status{
	display: none;
}
.fixed-assets-upload-container .fixed-upload-item .fixed-upload-icon{
	width: 64px;
	flex-shrink: 0;
	text-align: center;
}
.fixed-assets-upload-container .fixed-upload-item .fixed-upload-icon img{
	max-height: 64px;
	max-width: 64px;
}
.fixed-assets-upload-container .fixed-upload-item .fixed-upload-content{
	width: 100%;
	margin: 0px 20px;
}
.fixed-assets-upload-container .fixed-upload-item .fixed-upload-text{
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #828282;
}
.fixed-assets-upload-container .fixed-upload-item .fixed-upload-title{
	word-break: break-all;
}
.fixed-assets-upload-container .fixed-upload-item .fixed-upload-space{
	margin-left: 15px;
}
.fixed-assets-upload-container.full-size .fixed-upload-item .fixed-upload-space{
	display: none;
}
.fixed-assets-upload-container .fixed-upload-item .fixed-upload-progress{
	width: 100%;
	height: 10px;
	display: block;
	background-color: #e8e8e8;
	border-radius: 5px;
	margin-top: 6px;
    overflow: hidden;
}
.fixed-assets-upload-container .fixed-upload-item .progress-highlight{
	width: 0;
	height: 100%;
	background-color: #1b9aee;
	border-radius: 5px;
	transition: width 500ms ease-in-out;
}
.fixed-assets-upload-container .fixed-upload-item .fixed-upload-close{
	width: 32px;
	flex-shrink: 0;
	font-size: 24px;
	cursor: pointer;
	color:#999;
	transition: color 200ms ease-in-out;
}
.fixed-assets-upload-container .fixed-upload-item .fixed-upload-close:hover{
	color: #eb2521;
}
.form-data-panel .panel-container{
	display: flex;

}
.form-data-panel .panel-item{
	max-width: 250px;
	flex: 1;

}
.form-data-panel .data-title{
	font-size: 16px;
	color: #999;
}
.form-data-panel .data-val{
	font-size: 28px;
	color: #1b9aee;
}
.fixed-assets-tree{
	padding: 20px;
}
.fixed-assets-tree .tree-container{

}
.fixed-assets-tree .tree-section-dt{
	display: flex;
	align-items: center;
	padding-top: 6px;
}
.fixed-assets-tree .toggel-mode{
	width: 20px;
	height: 20px;
}
.fixed-assets-tree .toggel-mode .tree-icon{
	width: 100%;
	height: 100%;
	display: block;
	background-size: 100%;
	cursor: pointer;
}
.fixed-assets-tree .toggel-mode .tree-icon{
	background-image: url(../img/fixed_assets/close.png);
}
.fixed-assets-tree .toggel-mode.open-tree .tree-icon{
	background-image: url(../img/fixed_assets/open.png);
}

.fixed-assets-tree .tree-text{
	font-size: 16px;
	margin-left: 6px;
}
.fixed-assets-tree .tree-section-dd{
	padding-left: 32px;
}
.fixed-assets-hierarchy{

}
.fixed-assets-hierarchy .modal-header{
	text-align: center;
	font-size: 16px;
	color: #262626;
}
.fixed-assets-hierarchy .modal-header .modal-title{
	font-weight: normal;
}
.fixed-assets-hierarchy .modal-dialog{
	width:1000px;
	border-radius: 8px;
    overflow: hidden;
}
.fixed-assets-hierarchy .choices-container{
	display: flex;
	margin-bottom: 10px;
}
.fixed-assets-hierarchy .choices-level{
	width: 200px;
	margin-right: 20px;
}
.fixed-assets-hierarchy .choices-level .choices-title{
	color: #8c8c8c;
	font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}
.fixed-assets-hierarchy .choices-level .choices-ul{
	max-height: 50vh;
	overflow-y: auto;
}
.fixed-assets-hierarchy .choices-level .choices-li{
	position: relative;
}
.fixed-assets-hierarchy .choices-level .choices-li-container{
	width: 180px;
	display: flex;
	align-items: center;
	background: #f7f7f7;
	border-radius: 4px;
	padding:0px 2px;
	margin-bottom: 6px;
}
.fixed-assets-hierarchy .choices-level .choices-li-drop{
	width: 30px;
	flex-shrink: 0;
	cursor: move;
	text-align: center;
	visibility: hidden;
}
.form-data-panel .data-val{
	font-size: 28px;
	color: #1b9aee;
}
.fixed-assets-tree{
	padding: 20px;
}
.fixed-assets-tree .tree-container{

}
.fixed-assets-tree .tree-section-dt{
	display: flex;
	align-items: center;
	padding-top: 6px;
}
.fixed-assets-tree .toggel-mode{
	width: 20px;
	height: 20px;
}
.fixed-assets-tree .toggel-mode .tree-icon{
	width: 100%;
	height: 100%;
	display: block;
	background-size: 100%;
	cursor: pointer;
}
.fixed-assets-tree .toggel-mode .tree-icon{
	background-image: url(../img/fixed_assets/close.png);
}
.fixed-assets-tree .toggel-mode.open-tree .tree-icon{
	background-image: url(../img/fixed_assets/open.png);
}

.fixed-assets-tree .tree-text{
	font-size: 16px;
	margin-left: 6px;
}
.fixed-assets-tree .tree-section-dd{
	padding-left: 32px;
}
.fixed-assets-hierarchy{

}
.fixed-assets-hierarchy .modal-header{
	text-align: center;
	font-size: 16px;
	color: #262626;
}
.fixed-assets-hierarchy .modal-header .modal-title{
	font-weight: normal;
}
.fixed-assets-hierarchy .modal-dialog{
	width:1000px;
	border-radius: 8px;
    overflow: hidden;
}
.fixed-assets-hierarchy .choices-container{
	display: flex;
	margin-bottom: 10px;
}
.fixed-assets-hierarchy .choices-level{
	width: 200px;
	margin-right: 20px;
}
.fixed-assets-hierarchy .choices-level .choices-title{
	color: #8c8c8c;
	font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}
.fixed-assets-hierarchy .choices-level .choices-ul{
	max-height: 50vh;
	overflow-y: auto;
}
.fixed-assets-hierarchy .choices-level .choices-li{
	position: relative;
}
.fixed-assets-hierarchy .choices-level .choices-li-container{
	width: 180px;
	display: flex;
	align-items: center;
	background: #f7f7f7;
	border-radius: 4px;
	padding:0px 2px;
	margin-bottom: 6px;
}
.fixed-assets-hierarchy .choices-level .choices-li-drop{
	width: 30px;
	flex-shrink: 0;
	cursor: move;
	text-align: center;
	visibility: hidden;
}
.fixed-assets-hierarchy .choices-level .choices-li-txt{
	width: 100%;
    font-size: 14px;
	line-height: 36px;
    color: #262626;
	cursor: pointer;
}	
.fixed-assets-hierarchy .choices-level .choices-li-close{
	width: 30px;
	flex-shrink: 0;
	text-align: center;
	cursor: pointer;
	visibility: hidden;
}
.fixed-assets-hierarchy .choices-level .choices-li-rewrite{
	width: 100%;
    font-size: 14px;
    line-height: 26px;
    border: 1px solid #0171c2;
    padding: 0;
    margin: 4px 0;
    border-radius: 4px;
	outline: 0;
    text-indent: 2px;
}
.fixed-assets-hierarchy .choices-level .choices-li-rewrite.empty{
	border: 1px solid #eb2521;
}
.fixed-assets-hierarchy .choices-level .rewrite-mode .choices-li-txt{
	display: none;
}
.fixed-assets-hierarchy .choices-level .rewrite-mode .choices-li-close{
	display: none;
}
.fixed-assets-hierarchy .choices-level .choices-li-close
.fixed-assets-hierarchy .choices-level i{
	font-size: 18px;
	color: #bfbfbf;
}
.fixed-assets-hierarchy .choices-li-container:hover i{
	color: #8a8a8a;
}
.fixed-assets-hierarchy .choices-li-container:hover i{
	color: #8a8a8a;
}
.fixed-assets-hierarchy .choices-li.current .choices-li-container{
	background: #f2fbff;
}
.fixed-assets-hierarchy .choices-li.current .choices-li-container:hover i{
	color: #1b9aee;
}
.fixed-assets-hierarchy .choices-li-container:hover .choices-li-drop{
	visibility:visible;
}
.fixed-assets-hierarchy .choices-li-container:hover .choices-li-close{
	visibility:visible;
}
.fixed-assets-hierarchy .choices-level:not(:last-child) .choices-li.current:after{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #1b9aee;
    border-style: solid;
    border-width: 5px 6px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fixed-assets-hierarchy .choices-option{
    width: 180px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
    color: #262626;
    transition: border 218ms;
	padding: 4px 8px;
	line-height: 26px;
	resize: none;
	overflow-y: hidden;
}
.fixed-assets-hierarchy .choices-option:focus{
	border: 1px solid #1b9aee;
}
.fixed-assets-hierarchy .choices-footer{
	border-top:1px solid #eeeeee;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding:10px 20px 0;
	margin: 0 -14px;
}
.fixed-assets-hierarchy .choices-footer .footer-item{
	display: flex;
	
}
.fixed-assets-hierarchy .choices-footer .footer-btn{
	display: flex;
	align-items: center;
	margin: 0 6px;
	padding: 6px 14px;
	font-size: 14px;
	line-height: 18px;
	border-radius: 4px;
	background:#ccc;
	color: #666;
	cursor: pointer;
}
.fixed-assets-hierarchy .choices-footer .footer-btn i{
	margin-right: 6px;
	font-size: 20px;
}
.fixed-assets-hierarchy .choices-footer .cancel-btn{
	color: #1b9aee;
	background-color: transparent;
	border: 1px solid #ccecff;
}
.fixed-assets-hierarchy .choices-footer .cancel-btn:hover{
	background-color: #ccecff;
}
.fixed-assets-hierarchy .choices-footer .save-btn{
	color: #fff;
	background-color: #1b9aee;
	border: 1px solid #1b9aee;
}
.fixed-search-dialog-container{
	height: calc(70vh - 60px);
	overflow: auto;
	display: flex;
	flex-direction: column;
}
.fixed-search-dialog-container .fixed-search-dialog-condition{
	flex-shrink: 0;
}
.fixed-search-dialog-container .fixed-search-dialog-result{
	flex: 1;
	overflow: auto;
}
.fixed-search-dialog-container .fixed-search-dialog-result__empty{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}
.fixed-search-dialog-container .fixed-search-dialog-result__item{
	padding:10px 0;
	margin-bottom: 20px;
	border-bottom:1px dashed #ccc
}
.fixed-search-dialog-container .fixed-search-dialog-result__item:last-child{
	border-bottom:none
}
.fixed-assets-qrcode .modal-dialog{
	width:400px;
	border-radius: 8px;
	overflow:hidden;
}
.fixed-assets-qrcode .inter-title{
	text-align: center;
	font-size: 36px;
	color: #1b9aee;
	font-family: -apple-system,Helvetica Neue,PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,sans-serif;
}
.fixed-assets-qrcode .inter-img{
	text-align: center;
}
.fixed-assets-qrcode .inter-img img{
	width: 240px;
}
.qrcode-preview-full .modal-dialog{
	width:1000px;
}
.qrcode-preview-full .modal-dialog{
	width:1000px;
}
.qrcode-print-contaienr{
	width:100vw;
	height:100vh;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background:#fff;
}
.qrcode-print-contaienr .tips-container{
	display:flex;
	width:100%;
	height:100%;
	justify-content:center;
	align-items: center;
}
.qrcode-print-contaienr .tips-container .tips-txt{
	font-size: 14px;
	color: #666;
	
}
.qrcode-print-contaienr .qrcode-option{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:20px 0;
}
.qrcode-print-contaienr .qrcode-option .option-item{
	display: flex;
	align-items:center;
	margin-right: 20px;
}
.qrcode-print-contaienr .qrcode-option .item-label{
	margin-right: 10px;
}
.qrcode-print-contaienr .qrcode-option .item-content{
	
}
.qrcode-print-contaienr .qrcode-option select{
	height:30px;
}
.qrcode-print-contaienr .qrcode-option .power-item{
	padding:0 20px;
	line-height:30px;
	color: #fff;
	margin-left:10px;
	cursor: pointer;
}
.qrcode-print-contaienr .qrcode-container{
	border:2px solid #000;
	margin: 20px;
	display: flex;
	flex-wrap: wrap;
}
.qrcode-print-contaienr .qrcode-container .qrcode-item{
	margin:20px;
}
.qrcode-print-contaienr .qrcode-container .qrcode-item .item-txt{
	color:#000;
	line-height:2;
	text-align:center;
	word-break: break-all;
}
.qrcode-print-contaienr .qrcode-container .qrcode-item .item-code{
	
}
.qrcode-print-contaienr .qrcode-container .qrcode-item .qrcode-box{
	
}
.qrcode-preview-container{
	display: flex;
	width: 100%;
	justify-content:center;
	padding:20px;
	flex-wrap: wrap;
	max-height: 60vh;
	overflow-y: auto;
}
.qrcode-preview-container .qrcode-preview-box{
	display:flex;
	flex-flow: column;
	margin: 20px;
	align-items: center;
}
.qrcode-preview-container .qrcode-preview-box .box-title{
	font-size: 20px;
	color:#000;
	text-align:center;
	line-height:2;
	word-break: break-all;
}
.qrcode-preview-container .qrcode-preview-box .box-img{
	position: relative;
}
.qrcode-preview-container .qrcode-preview-box .box-img:after{
	content: "";
    position: absolute;
    height: 80px;
    width: 80px;
    background-image: url(../img/biglogo_huasin.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
@media print{
	.qrcode-print-contaienr .qrcode-container{
		border:none;
	}
	.print_hides{
		display: none!important;
	}
}
.wechat-tips__container{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
.wechat-tips__container .wechat-tips__backdrop{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.wechat-tips__container .wechat-tips__box{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.wechat-tips__container .wechat-tips__dialog{
	background: rgba(0,0,0,0.8);
    min-width: 120px;
    min-height: 120px;
    display: block;
    border-radius: 8px;
	display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
	color: #fff;
	opacity: 0;
	transition:opacity 0.2s ease-in-out;
}
.wechat-tips__container .wechat-tips__dialog.showing{
	opacity: 1;
}
.wechat-tips__container .wechat-tips__icon{
	font-size: 60px;
	margin-bottom: 10px;
}
.wechat-tips__container .wechat-tips__txt{
    font-size: 13px;
    line-height: 1.5;
	word-break: break-all;
    padding: 0 20px;
}
.fixed-assets-hierarchy .choices-level .choices-li-rewrite.empty{
	border: 1px solid #eb2521;
}
.fixed-assets-hierarchy .choices-level .rewrite-mode .choices-li-txt{
	display: none;
}
.fixed-assets-hierarchy .choices-level .rewrite-mode .choices-li-close{
	display: none;
}
.fixed-assets-hierarchy .choices-level .choices-li-close
.fixed-assets-hierarchy .choices-level i{
	font-size: 18px;
	color: #bfbfbf;
}
.fixed-assets-hierarchy .choices-li-container:hover i{
	color: #8a8a8a;
}
.fixed-assets-hierarchy .choices-li-container:hover i{
	color: #8a8a8a;
}
.fixed-assets-hierarchy .choices-li.current .choices-li-container{
	background: #f2fbff;
}
.fixed-assets-hierarchy .choices-li.current .choices-li-container:hover i{
	color: #1b9aee;
}
.fixed-assets-hierarchy .choices-li-container:hover .choices-li-drop{
	visibility:visible;
}
.fixed-assets-hierarchy .choices-li-container:hover .choices-li-close{
	visibility:visible;
}
.fixed-assets-hierarchy .choices-level:not(:last-child) .choices-li.current:after{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #1b9aee;
    border-style: solid;
    border-width: 5px 6px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fixed-assets-hierarchy .choices-option{
    width: 180px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
    color: #262626;
    transition: border 218ms;
	padding: 4px 8px;
	line-height: 26px;
	resize: none;
	overflow-y: hidden;
}
.fixed-assets-hierarchy .choices-option:focus{
	border: 1px solid #1b9aee;
}
.fixed-assets-hierarchy .choices-footer{
	border-top:1px solid #eeeeee;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding:10px 20px 0;
	margin: 0 -14px;
}
.fixed-assets-hierarchy .choices-footer .footer-item{
	display: flex;
	
}
.fixed-assets-hierarchy .choices-footer .footer-btn{
	display: flex;
	align-items: center;
	margin: 0 6px;
	padding: 6px 14px;
	font-size: 14px;
	line-height: 18px;
	border-radius: 4px;
	background:#ccc;
	color: #666;
	cursor: pointer;
}
.fixed-assets-hierarchy .choices-footer .footer-btn i{
	margin-right: 6px;
	font-size: 20px;
}
.fixed-assets-hierarchy .choices-footer .cancel-btn{
	color: #1b9aee;
	background-color: transparent;
	border: 1px solid #ccecff;
}
.fixed-assets-hierarchy .choices-footer .cancel-btn:hover{
	background-color: #ccecff;
}
.fixed-assets-hierarchy .choices-footer .save-btn{
	color: #fff;
	background-color: #1b9aee;
	border: 1px solid #1b9aee;
}
.fixed-assets-qrcode .modal-dialog{
	width:400px;
	border-radius: 8px;
	overflow:hidden;
}
.fixed-assets-qrcode .inter-title{
	text-align: center;
	font-size: 36px;
	color: #1b9aee;
	font-family: -apple-system,Helvetica Neue,PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,sans-serif;
}
.fixed-assets-qrcode .inter-img{
	text-align: center;
}
.fixed-assets-qrcode .inter-img img{
	width: 240px;
}
.qrcode-preview-full .modal-dialog{
	width:1000px;
}
.qrcode-preview-full .modal-dialog{
	width:1000px;
}
.qrcode-print-contaienr{
	width:100vw;
	height:100vh;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background:#fff;
}
.qrcode-print-contaienr .tips-container{
	display:flex;
	width:100%;
	height:100%;
	justify-content:center;
	align-items: center;
}
.qrcode-print-contaienr .tips-container .tips-txt{
	font-size: 14px;
	color: #666;
	
}
.qrcode-print-contaienr .qrcode-option{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:20px 0;
}
.qrcode-print-contaienr .qrcode-option .option-item{
	display: flex;
	align-items:center;
	margin-right: 20px;
}
.qrcode-print-contaienr .qrcode-option .item-label{
	margin-right: 10px;
}
.qrcode-print-contaienr .qrcode-option .item-content{
	
}
.qrcode-print-contaienr .qrcode-option select{
	height:30px;
}
.qrcode-print-contaienr .qrcode-option .power-item{
	padding:0 20px;
	line-height:30px;
	color: #fff;
	margin-left:10px;
	cursor: pointer;
}
.qrcode-print-contaienr .qrcode-container{
	border:2px solid #000;
	margin: 20px;
	display: flex;
	flex-wrap: wrap;
}
.qrcode-print-contaienr .qrcode-container .qrcode-item{
	margin:20px;
}
.qrcode-print-contaienr .qrcode-container .qrcode-item .item-txt{
	color:#000;
	line-height:2;
	text-align:center;
	word-break: break-all;
}
.qrcode-print-contaienr .qrcode-container .qrcode-item .item-code{
	
}
.qrcode-print-contaienr .qrcode-container .qrcode-item .qrcode-box{
	
}
.qrcode-preview-container{
	display: flex;
	width: 100%;
	justify-content:center;
	padding:20px;
	flex-wrap: wrap;
	max-height: 60vh;
	overflow-y: auto;
}
.qrcode-preview-container .qrcode-preview-box{
	display:flex;
	flex-flow: column;
	margin: 20px;
	align-items: center;
}
.qrcode-preview-container .qrcode-preview-box .box-title{
	font-size: 20px;
	color:#000;
	text-align:center;
	line-height:2;
	word-break: break-all;
}
@media print{
	.qrcode-print-contaienr .qrcode-container{
		border:none;
	}
	.print_hides{
		display: none!important;
	}
}
.fixed-dialog-tips-container{
	position: fixed;
    top: 64px;
    width: 100%;
    left: 0;
    display: flex;
	align-items: center;
    grid-gap: 10px;
    flex-flow: column;
	z-index: 9999;
}
.fixed-dialog-tips-container .alert-item{
	max-width: 80%;
    font-size: 16px;
    color: #222;
    
    padding: 6px 20px;
    border-radius: 6px;
    text-align: center;
	word-break: break-all;
	display: flex;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
}
.fixed-dialog-tips-container .alert-item .icon{
	font-size: 28px;
	flex-shrink: 0;
	margin-right: 20px;
	padding: 8px 0;
}
.fixed-dialog-tips-container .alert-item .txt{
	text-align: left;
}
.fixed-dialog-tips-container .alert-item .type{
	font-size: 18px;
    color: #222;
    font-weight: bold;
    font-family: arial;
}
.fixed-dialog-tips-container .alert-item .type::first-letter{
	text-transform: uppercase;
}
.fixed-dialog-tips-container .alert-item .msg{
	font-size: 14px;
	color: #444;
}
.fixed-dialog-tips-container .alert-item.custom-alert-danger{
	background: #ffcfcb;
	border-left: 8px solid #e9594c;
}
.fixed-dialog-tips-container .alert-item.custom-alert-danger .icon{
	color: #e9594c;
}
.fixed-dialog-tips-container .alert-item.custom-alert-success{
	background: #c5f7dc;
	border-left: 8px solid #3ac279;
}
.fixed-dialog-tips-container .alert-item.custom-alert-success .icon{
	color: #3ac279;
}
.fixed-dialog-tips-container .alert-item.custom-alert-warning{
	background: #e89f29;
	border-left: 8px solid #ff7070;
}
.fixed-dialog-tips-container .alert-item.custom-alert-warning .icon{
	color: #ff7070;
}
.fixed-dialog-tips-container .alert-item.custom-alert-info{
	background: #cde2ff;
	border-left: 8px solid #3d84e5;
}
.fixed-dialog-tips-container .alert-item.custom-alert-info .icon{
	color: #3d84e5;
}

.public-file-item__group{
	display: flex;
	flex-flow: column;
	grid-gap: 10px;
	width: 100%;
}
.public-file-item__container{
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 8px;
    display: flex;
    align-items: flex-start;
}
.public-file-item__icon{
	width: 48px;
    flex-shrink: 0;
    text-align: center;
}
.public-file-item__content{
	width: 100%;
}
.public-file-item__power{
	flex-shrink: 0;
}
.public-file-item__icon{
	width: 48px;
    flex-shrink: 0;
    text-align: center;
}
.public-file-item__icon img{
	max-height: 36px;
    max-width: 36px;
}

.public-file-item__text{
	font-size: 14px;
	color: #000;
	margin-bottom: 2px;
}
.public-file-item__unit{
	font-size: 12px;
    font-family: arial;
}
.public-file-item__unit span{
	margin-left: 4px;
}
.public-file-item__status{
	
}
.public-file-item__power{
	flex-shrink: 0;
}
.public-file-item__power__remove{
	font-size: 16px;
    padding: 3px;
    cursor: pointer;
}
.public-file-item__progress{
	
}
.public-file-item__progress__container{
	width: 100%;
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
	overflow: hidden;
}
.public-file-item__progress__width{
	width: 0%;
    height: 100%;
    background: #42a5f5;
}
.public-file-item__progress__text{
	font-size: 12px;
    font-family: arial;
}
.util-dialog-user__container{
	display: flex;
	grid-gap: 20px;
}
.util-dialog-user__container .data__empty{
	flex: 1;
	height: 60vh;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}
.util-dialog-user__container .util-dialog-user__data,.util-dialog-user__container .util-dialog-user__result{
	flex: 1;
}
.util-dialog-user__container .data-option{
	display: flex;
    margin-bottom: 15px;
}
.util-dialog-user__container .data-option .option-key{
	width: 200px;
    height: 28px;
    border: 1px solid #aaa;
    border-radius: 3px;
}
.util-dialog-user__container .data-option .option-btn{
	height: 28px;
    padding: 0 10px;
    margin-left: 10px;
    line-height: 28px;
    background-color: #38a0f4;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}
.util-dialog-user__container .data-container{
	height: 60vh;
	overflow-y: auto;
	scroll-behavior: smooth;
}
.util-dialog-user__container .result-header{
	line-height: 28px;
    margin-bottom: 15px;
}
.util-dialog-user__container .result-container{
	height: 60vh;
	overflow-y: auto;
}
.util-dialog-user__container .box-item {
    display: flex;
    padding: 5px 5px;
}
.util-dialog-user__container .box-item:nth-child(odd){
    background-color: #f8f8f8;
}
.util-dialog-user__container .box-item .item-power {
    margin-left: 15px;
}
.util-dialog-user__container .box-item:hover {
    background-color: #fff2f2;
}
.dialog-onlyscroll__container{
	overflow-y: auto;
	display: flex;
}
.dialog-onlyscroll__container .data__empty{
	flex: 1;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
.dialog-onlyscroll__container .data-scroll{
	display: flex;
	flex-flow: column;
	grid-gap: 10px;
	width: 100%;
}
.dialog-onlyscroll__container .data-scroll .scroll-item{

}
.dialog-onlyscroll__container .data-scroll .scroll-item{
	display: flex;
	border:2px solid #e1e1e1;
	padding:10px;
	border-radius: 10px;
}	
.dialog-onlyscroll__container .data-scroll .inter-container{
	width: 100%;
	display: flex;
	flex-flow: column;
	grid-gap: 6px;
}
.dialog-onlyscroll__container .data-scroll .btn-container{
	width: 120px;
	margin-left: 20px;
	flex-shrink: 0;
}
.dialog-onlyscroll__container .data-scroll .item-title{
	font-size: 18px;
	color: #2d3d4a;
}
.dialog-onlyscroll__container .data-scroll .item-remark{
	font-size: 14px;
	color: #8e959a;
}
.dialog-onlyscroll__container .data-scroll .btn-item{
	width: 100%;
    line-height: 1;
    padding: 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}
.excel-style-table{
	overflow: auto;
    max-height: 100%;
	max-width: fit-content;
	content-visibility: auto;
}
.excel-style-table__container{
	table-layout: fixed;
}
.excel-style-table__header__section{
	position: sticky;
	top: 0;
	z-index: 20;
}
.excel-style-table__header__section table{
	border-right: 1px solid #c3cbdd;
    border-top: 1px solid #c3cbdd;
}
.excel-style-table__header{
	/* position: sticky;
	top: 0; */
	
	
}
.excel-style-table__header__tr{
	
}
.excel-style-table__header__th{
	
}
.excel-style-table__header__th input[type=checkbox]{
	margin: 0;
}
.excel-style-table__main__section{
	height: calc(100% - 0px);
}
.excel-style-table__main__section table{
	border-right: 1px solid #c3cbdd;
}
.excel-style-table__main{
	
}
.excel-style-table__main__tr{
	
}
.excel-style-table__main__tr.excel-style-table__main__hilight .excel-style-table__main__td{
	background-color: #e1edff;
}
.excel-style-table__main__tr:hover .excel-style-table__main__td{
	background-color: #ffecec;
}
.excel-style-table__main__tr:nth-child(even) .excel-style-table__main__td{
	background-color: #f9f9f9;
}
.excel-style-table__main__tr:nth-child(even).excel-style-table__main__hilight .excel-style-table__main__td{
	background-color: #e1edff;
}
.excel-style-table__header__th{
	border-left: 1px solid #c3cbdd;
	border-bottom: 1px solid #c3cbdd;
	text-align: center;
	padding: 0 10px;
	background-color: #f1f1f1;
	font-size: 14px;
    font-weight: normal;
    color: #222;
	line-height: 1;
    padding: 4px 0;
}
.excel-style-table__header__lock__left{
	position: sticky;
	left: 0;
	
}
.excel-style-table__header__lock__right{
	position: sticky;
	right: 0;
	
}
.excel-style-table__main__td{
	border-left: 1px solid #c3cbdd;
	border-bottom: 1px solid #c3cbdd;
	padding: 2px 10px;
	background-color: #fff;
	font-size: 13px;
    font-weight: normal;
    color: #444;
	vertical-align: top;
}
.excel-style-table__main__lock__left{
	position: sticky;
	left: 0;
}
.excel-style-table__main__lock__right{
	position: sticky;
	right: 0;
}
.excel-style-table-dialog{
	
}
.excel-style-table-dialog .modal-dialog {
    width: 1000px;
    border-radius: 8px;
    overflow: hidden;
}
.excel-style-table-dialog .dialog-data-group{
	height: 80vh;
	display: flex;
	flex-direction: column;
	grid-gap: 20px;
}
.excel-style-table-dialog .dialog-search-mode{
	display: flex;
	grid-gap: 20px;
	height: 55px;
	overflow: hidden;
	flex-shrink: 0;
}
.excel-style-table-dialog .dialog-search-mode.all-option{
	height: auto;
}
.excel-style-table-dialog .dialog-search-mode .option-container{
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 20px;
}
.excel-style-table-dialog .dialog-search-mode .option-item{
	width: 160px;
}
.excel-style-table-dialog .dialog-search-mode .item-label{
	font-size: 14px;
	color: #535353;
	line-height: 1;
	margin-bottom: 4px;
}
.excel-style-table-dialog .dialog-search-mode .item-content{
	width: 100%;
}
.excel-style-table-dialog .dialog-search-mode .item-input-container{
	width: 100%;
	height: 32px;
	font-size: 14px;
	border: 2px solid #cdcdcd;
    border-radius: 4px;
	text-indent: 0.5em;
	outline: 0;
}
.excel-style-table-dialog .dialog-search-mode .item-content{
	
}
.excel-style-table-dialog .dialog-search-mode .power-container{
	width: 100px;
	flex-shrink: 0;
}
.excel-style-table-dialog .dialog-search-mode .power-container .power-link{
	min-height: 1em;
	font-size: 14px;
	line-height: 1;
	margin-bottom: 4px;
	text-align: center;
	color: #7e7e7e;
	cursor: pointer;
}
.excel-style-table-dialog .dialog-search-mode .power-container .power-btn{
	height: 32px;
	width: 100px;
	display: flex;
	justify-content:center;
	align-items: center;
	font-size: 14px;
	background-color: #38a0f4;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
.excel-style-table-dialog .dialog-data-mode{
	flex: 1;
	overflow: auto;
}
.excel-style-table-dialog .dialog-data-empty{
    display: flex;
	height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
	font-size: 14px;
}
.excel-style-table-dialog .dialog-data-container{
	display: flex;
	height: 100%;
    width: 100%;
}
.dialog-clientdatabase .modal-dialog{
	width: 50%;
	min-width: 500px;
	max-width: 500px;
	border-radius: 8px;
    overflow: hidden;
}
.dialog-clientdatabase .modal-header{
	
}
.dialog-clientdatabase .modal-title {
	line-height:24px;
	font-size:18px;
	color:#303133;
	font-weight: normal;
}
.dialog-clientdatabase .modal-header>.close{
	top: 16px;
	right: 20px;
	margin-top: 0;
	color: #909399;
	opacity: 1;
}
.dialog-clientdatabase .modal-header>.close .pci-circle{
	border-radius: 0;
	border:0;
}
.dialog-clientdatabase .modal-header>.close .pci-cross:after,.dialog-clientdatabase .modal-header>.close  .pci-cross:before{

}
.dialog-clientdatabase .modal-header>.close .pci-cross:after{
    height: 12px;
    width: 1.5px;
}
.dialog-clientdatabase .modal-header>.close  .pci-cross:before{
	width: 12px;
    height: 1.5px;
}
.dialog-clientdatabase .modal-header>.close:focus,.dialog-clientdatabase .modal-header> .close:hover{
	color: #409eff;
	opacity: 1;
}
.dialog-clientdatabase .search-container{
	display: flex;
}
.dialog-clientdatabase .search-container input[type=text]{
	width: 250px;
	height: 40px;
	border-radius: 0 4px 4px 0;
	border:2px solid #c4c7ce;
	border-left: none;
	outline: none;
	text-indent: 1em;
	font-size: 14px;
	color:#444;
}
.dialog-clientdatabase .search-container select{
	width: 120px;
	height: 40px;
	border-radius: 4px 0 0 4px;
	border:2px solid #c4c7ce;
	outline: none;
	font-size: 14px;
	color:#444;
	background-color: #efefef;
}
.dialog-clientdatabase .search-container button{
	margin-left: 14px;
	width: 100px;
	height: 40px;
	border-radius: 4px;
	border: 2px solid #42a5f5;
	background-color: #42a5f5;
	color: #fff;
	font-size: 16px;
}
.dialog-clientdatabase .result-wrapper{
	max-height: 70vh;
    overflow-y: auto;
}
.dialog-clientdatabase .result-container{
	padding: 10px 0;
	
}
.dialog-clientdatabase .result-container .result-empty{
	font-size: 14px;
	color: #6b6b6b;
	padding: 100px 0;
	text-align: center;
}
.dialog-clientdatabase .result-container .result-item{
	display: flex;
	padding: 6px 0;
	border-bottom: 1px dashed #7b7b7b;
    justify-content: space-between;
}
.dialog-clientdatabase .result-container .resulu-item__inter{

}
.dialog-clientdatabase .result-container .resulu-item__title{
	font-size: 18px;
	color: #333;
	margin-bottom: 4px;
}
.dialog-clientdatabase .result-container .resulu-item__option{
	font-size: 13px;
	color: #a1a1a1;
}
.dialog-clientdatabase .result-container .resulu-item__power{
	flex-shrink: 0;
	margin-left: 20px;
	display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
}
.dialog-clientdatabase .result-container .resulu-item__power__btn{
	color: #0075ff;
	font-size: 16px;
	cursor: pointer;
	padding-right: 10px;
}
.dialog-clientdatabase .power-container{
	display: flex;
    justify-content: center;
	padding: 20px 0;
}
.dialog-clientdatabase .power-container .result-nomore{
	font-size: 14px;
	text-align: center;
	color: #6b6b6b;
	padding: 20px 0;
}
.dialog-clientdatabase .power-container .result-getmore{
	background-color: #38a0f4;
    border-color: #42a5f5;
	color: #fff;
	padding:6px 20px;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
}
@media (max-width: 768px){
	.dialog-clientdatabase .modal-dialog {
		width: 90vw;
		min-width: inherit;
		max-width: inherit;
	}
	.dialog-clientdatabase .search-container select{
		flex: 1;
		width:0;
	}
	.dialog-clientdatabase .search-container input[type=text]{
		flex: 2;
		width:0;
	}
	.dialog-clientdatabase .search-container button{
		flex-shrink: 0;
	}
    .dialog-clientdatabase .result-container .result-item{
		flex-flow: column;
		border-bottom: 1px dashed #ccc;
	}
	.dialog-clientdatabase .result-container .resulu-item__power{
		margin-left: 0;
		padding: 4px 0;
		justify-content: flex-end;
	}
}
.datapage-wrapper{
	padding:40px 0 0 0;
	background: #FAFAFC;
	height: calc(100vh - 40px);
	display: flex;
	flex-direction: column;
}
.datapage-wrapper .datapage-header{
	height: 60px;
	padding: 0 20px;
	background: #eee;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.datapage-wrapper .datapage-header__h3{
	font-size: 16px;
	color: #000;
}
.datapage-wrapper .datapage-header__h4{
	font-size: 12px;
	color: #666;
}
.datapage-wrapper .datapage-body{
	height: calc(100% - 60px);
	background-color: #eee;
}
.datapage-wrapper .datapage-body.hasfooter{
	height: calc(100% - 100px);
}
.datapage-wrapper .datapage-footer{
	height: 40px;
	background: #eee;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-size: 14px;
}

.excel-statistics-dialog{
	position: fixed;
	height: 100vh;
	width: 100vw;
	right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 101;
}
.excel-statistics-dialog .masker{
	position: fixed;
	height: 100vh;
	width: 100vw;
	right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.6);
	z-index: -1;
}
.excel-statistics-dialog .excel-statistics-main{
	position: relative;
	width: 100vw;
	height:100vh;
	display: flex;
    justify-content: center;
    align-items: center;
}
.excel-statistics-dialog .excel-statistics-main__container{
	width: 96vw;
	height: 96vh;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-radius: 10px;
}
.excel-statistics-dialog .excel-statistics-header{
	display: flex;
	padding: 0 20px;
	justify-content:space-between;
	align-items: center;
	height: 60px;
	border-bottom: 1px solid #d7d7d7;
}
.excel-statistics-dialog .excel-statistics-header__title{
	font-size: 18px;
	display: flex;
	align-items: center;
	color: #333;
	line-height: 1;
}
.excel-statistics-dialog .excel-statistics-header__title i{
	font-size: 24px;
	color: #0075ff;
	margin-right: 6px;
}
.excel-statistics-dialog .excel-statistics-colse{
	font-size: 24px;
	color: #666;
	line-height: 1;
	cursor: pointer;
}
.excel-statistics-dialog .excel-statistics-colse:hover{

}
.excel-statistics-dialog .excel-statistics-container{
	display: block;
	height: calc(100% - 120px);
	width: 100%;
}
.excel-statistics-dialog .excel-statistics-footer{
	display: flex;
	height: 60px;
	width: 100%;
	justify-content:space-between;
	align-items: center;
	padding:0 20px;
}
.excel-statistics-dialog .excel-statistics-footer .data-show{
	font-size: 13px;
	color: #999;
}
.excel-statistics-dialog .excel-statistics-footer .dialog-power{
	display: flex;
	align-items: center;
	grid-gap:12px;
}
.excel-statistics-dialog .excel-statistics-footer .dialog-power .dialog-power__item{
	border-radius: 5px;
	min-width: 80px;
	padding: 0 20px;
	height: 36px;
	font-size: 14px;
	border:1px solid #ccc;
	background-color: #fff;
	color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.excel-statistics-dialog .excel-statistics-footer .dialog-power__item.dialog-power__reload{
	background-color: #fff;
	color: #333;
	border:1px solid #ccc;
}
.excel-statistics-dialog .excel-statistics-footer .dialog-power__item.dialog-power__submit{
	background-color: #1570fa;
	color: #fff;
	border:#1570fa;
}
.excel-statistics-dialog .excel-statistics-footer .dialog-power__item.dialog-power__loading{
	background-color: #ccc;
	color: #333;
	border:1px solid #ccc;
}
.excel-statistics-dialog .excel-statistics-update__wrapper{
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.excel-statistics-dialog .excel-statistics-update__container{
	width: 500px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	border:2px dashed #c0c2c5;
	border-radius: 10px;
	background-color: #fff;
	cursor: pointer;
	transition: all 300ms ease-in-out;
	flex-flow: column;
}
.excel-statistics-dialog .excel-statistics-update__container:hover{
	border:2px dashed #1570fa;
	background-color: #f2f8ff;
}
.excel-statistics-dialog .excel-statistics-update__btn{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	transition: all 300ms ease-in-out;
}
.excel-statistics-dialog .excel-statistics-update__fileload{
	display: none;
}
.excel-statistics-dialog .excel-statistics-update__btn__icon{
	font-size: 48px;
	line-height: 1;
	transition: all 300ms ease-in-out;
}
.excel-statistics-dialog .excel-statistics-update__container:hover .excel-statistics-update__btn{
	color: #1570fa;
}
.excel-statistics-dialog .excel-statistics-update__container:hover .excel-statistics-update__btn__icon{
	color: #1570fa;
}
.excel-statistics-dialog .excel-statistics-update__btn__txt{
	font-size: 16px;
}
.excel-statistics-dialog .excel-statistics-update__tips{
	font-size: 16px;
    color: #f00;
    line-height: 2;
}
.excel-statistics-dialog .excel-statistics-loading__wrapper{
	display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
	flex-flow: column;
}
.excel-statistics-dialog .excel-statistics-loading__body {
	width: 100px;
	height: 100px;
	position: relative;
    border-radius: 50%;
	border: 6px solid #1570fa;
}
.excel-statistics-dialog .excel-statistics-loading__left{
	position: absolute;
	left: -6px;
	right: -6px;
	top: -6px;
	bottom: -6px;
	margin: auto;
	border: 6px solid #e5e5e5;
	border-radius: 50%;
	clip: rect(0, 50px, 100px, 0);
}
.excel-statistics-dialog .excel-statistics-loading__right{
	position: absolute;
	left: -6px;
	right: -6px;
	top: -6px;
	bottom: -6px;
	margin: auto;
	border: 6px solid #e5e5e5;
	border-radius: 50%;
	clip: rect(0, 100px, 100px, 50px);
}
.excel-statistics-dialog .excel-statistics-loading__txt{
	font-size: 16px;
    color: #666;
    line-height: 2;
}
.excel-statistics-dialog .excel-statistics-over__wrapper{
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.ecdoc-style-datatable{
    font-family: Verdana,Helvetica,Arial,sans-serif;
	width: 100%;
	height: 100%;
    overflow: auto;
}
.ecdoc-style-datatable::-webkit-scrollbar{
	width: 6px;
	height: 6px;
}
.ecdoc-style-datatable::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	opacity: 0.2;
	background: rgba(166,166,166,1);
}
.ecdoc-style-datatable::-webkit-scrollbar-track{
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}
.ecdoc-style-datatable .ecdoc-style-datatable__header{
	position: sticky;
    left: 0;
    top: 0;
    z-index: 11;
}
.ecdoc-style-datatable .ecdoc-style-datatable__header__table{
	border:1px solid #ccc;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
}
.ecdoc-style-datatable .ecdoc-style-datatable__header__thead{
	
}
.ecdoc-style-datatable .ecdoc-style-datatable__header__tr{
	
}
.ecdoc-style-datatable .ecdoc-style-datatable__header__th{
	background-color: #EEE;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
    color: #222;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
	empty-cells: show;
	min-height: 22px;
	font-size: 12px;
	vertical-align: top;
	outline-width: 0;
}
.ecdoc-style-datatable .ecdoc-style-datatable__header__th.ecdoc-style-datatable__header__index{
	text-align: center;
	left: 0;
    position: sticky;
}
.ecdoc-style-datatable .ecdoc-style-datatable__header__th.ecdoc-style-datatable__header__power{
	text-align: center;
	right: 0;
    position: sticky;
}
.ecdoc-style-datatable .ecdoc-style-datatable__header__tr:last-child .ecdoc-style-datatable__header__th{
	z-index: 10;
}
.ecdoc-style-datatable .ecdoc-style-datatable__header__content{
	padding: 2px 4px;
	position: relative;
	text-align:center
}
.ecdoc-style-datatable .ecdoc-style-datatable__main{
	
}
.ecdoc-style-datatable .ecdoc-style-datatable__main__table{
	border:1px solid #ccc;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	border-top: 0;
}
.ecdoc-style-datatable .ecdoc-style-datatable__main__tbody{
	
}
.ecdoc-style-datatable .ecdoc-style-datatable__main__tr{
	
}
.ecdoc-style-datatable .ecdoc-style-datatable__main__td{
	background-color: #fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	min-height: 22px;
	color: #222;
    empty-cells: show;
	font-size: 12px;
	empty-cells: show;
	min-height: 22px;
	vertical-align: top;
	outline-width: 0;
}
.ecdoc-style-datatable .ecdoc-style-datatable__main__tr:hover .ecdoc-style-datatable__main__td{
	background-color: #f7f8ff;
}
.ecdoc-style-datatable .ecdoc-style-datatable__main__td.ecdoc-style-datatable__main__index{
	text-align: center;
	background-color: #EEE;
	position: sticky;
	left: 0;
	z-index: 10;
}
.ecdoc-style-datatable .ecdoc-style-datatable__main__td.ecdoc-style-datatable__main__power{
	text-align: center;
	position: sticky;
	right: 0;
	z-index: 10;
}
.ecdoc-style-datatable .ecdoc-style-datatable__main__tr:hover .ecdoc-style-datatable__main__td.ecdoc-style-datatable__main__index{
	background-color: #EEE;
}
@media (max-width: 768px){
	.dialog-clientdatabase .modal-dialog {
		width: 90vw;
		min-width: inherit;
		max-width: inherit;
	}
	.dialog-clientdatabase .search-container select{
		flex: 1;
		width:0;
	}
	.dialog-clientdatabase .search-container input[type=text]{
		flex: 2;
		width:0;
	}
	.dialog-clientdatabase .search-container button{
		flex-shrink: 0;
		width: auto;
	}
	.dialog-clientdatabase .result-container .result-item{
		flex-flow: column;
		border-bottom: 1px dashed #ccc;
	}
	.dialog-clientdatabase .result-container .resulu-item__power{
		margin-left: 0;
		padding: 4px 0;
		justify-content: flex-end;
	}
    .dialog-clientdatabase .result-container .result-item{
		flex-flow: column;
		border-bottom: 1px dashed #ccc;
	}
	.dialog-clientdatabase .result-container .resulu-item__power{
		margin-left: 0;
		padding: 4px 0;
		justify-content: flex-end;
	}
}

.ecdoc-style-datatable .ecdoc-style-datatable__main__content{
	line-height: 21px;
	padding: 0 4px;
	word-break: break-all;
}
.fullcalendar-page-container{
	background-color: #fff;
    border: 2px solid #dae1e6;
	border-radius: 10px;
	padding: 0;
	font-family: 黑体;
	display: flex;
	height: calc(100vh - 140px);
	overflow: hidden;
}
.fullcalendar-page-container .fullcalendar-page__setting_container{
	width: 340px;
	flex-shrink: 0;
	border-right: 2px solid #dae1e6;
	background-color: #f7fafc;
	padding: 20px;
	overflow-y: auto;
}
.util-dialog-user__container .data-header{
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	align-items: center;
}
.util-dialog-user__container .data-option{
	display: flex;
}
.util-dialog-user__container .data-option .option-key{
	width: 140px;
    height: 28px;
    border: 1px solid #aaa;
    border-radius: 3px;
}
.fullcalendar-page-container .fullcalendar-default_calendar__container{
	font-family: 黑体;
	border-bottom: 2px solid #d6dde4;
	margin-bottom: 20px;
}
.fullcalendar-page-container .fullcalendar-default__calendar__header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}
.fullcalendar-page-container .fullcalendar-default__calendar__header__title{
	font-size: 22px;
    color: #222e4c;
	font-weight: bold;
}
.fullcalendar-page-container .fullcalendar-default__calendar__header__power{
	display: flex;
	grid-gap: 20px;
}
.util-dialog-user__container .data-position{
	display: flex;
	font-size: 13px;
    grid-gap: 10px;
}
.util-dialog-user__container .data-position .position-item{
	
}
.util-dialog-user__container .data-position{
	
}
.fullcalendar-page-container .fullcalendar-default__calendar__header__poweritem{
	font-size: 14px;
    color: #98a5b2;
    font-weight: bold;
	cursor: pointer;
}
.fullcalendar-page-container .fullcalendar-default__calendar__header__poweritem:hover{
	color: #3692ff;
}
.fullcalendar-page-container .fullcalendar-default__calendar__main{
	padding: 10px 0 20px;
}
.fullcalendar-page-container .fullcalendar-default__calendar__main__wapper{
	
}
.fullcalendar-page-container .fullcalendar-default__calendar__main__header{
	display: grid;
	grid-template-columns:repeat(7,1fr);
}
.fullcalendar-page-container .fullcalendar-default__calendar__main__header__item{
	text-align: center;
	font-size: 12px;
	color: #99a6b2;
	line-height: 1;
	font-weight: bold;
	padding: 10px 0;
}
.fullcalendar-page-container .fullcalendar-default__calendar__main__body__wrapper{
	display: grid;
	grid-template-columns:repeat(7,1fr);
}
.fullcalendar-page-container .fullcalendar-defalut__empty_item{
	text-align: center;
	height: 40px;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item{
	text-align: center;
	height: 40px;
	color: #0a0818;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item__box{
	width: 100%;
    height: 100%;
    display: block;
	cursor: pointer;
	border-radius: 50%;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item .day{
	font-size: 14px;
	font-weight: bold;
	line-height:1;
	padding: 12px 0 3px;
	transition: all 0.2s ease-in-out;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item__box.current-day{
	background-color: #d2e3fc;
	color: #3190ea;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item__box:hover{
	background-color: #ccc;
	color: #0a0818;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item__box.current-day:hover{
	background-color: #d2e3fc;
	color: #3190ea;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item__box.today-day{
	background-color: #3190ea;
	transition: all 0.2s ease-in-out;
	color: #fff;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item.fullcalendar-default__calendar__beforeday{
	color: #95a3b0;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item.fullcalendar-default__calendar__lastday{
	color: #95a3b0;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item.fullcalendar-default__calendar__beforeday:hover{
	color: #fff;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item.fullcalendar-default__calendar__lastday:hover{
	color: #fff;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item .eventbox{
	display: flex;
	justify-content:center;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item:hover .eventbox{
	opacity: 0;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item .event-block{
	height: 4px;
	background-color: #3190ea;
	width: 14px;
    border-radius: 2px;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item:hover .event-block{
	opacity: 0;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item .event-item{
	width: 4px;
	height: 4px;
	border-radius: 50%;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item .event-item:nth-child(1){
	background-color: #ff9f80;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item .event-item:nth-child(2){
	background-color: #a780ff;
}
.fullcalendar-page-container .fullcalendar-default__calendar__item .event-item:nth-child(3){
	background-color: #32c217;
}
.fullcalendar-page-container .fullcalendar-default__calendar__beforeday{
	
}
.fullcalendar-page-container .fullcalendar-option__container{
	padding: 10px 0;
	font-family: '黑体';
	border-bottom: 2px solid #d6dde4;
}

.fullcalendar-page-container .fullcalendar-page__show_container{
	width: 100%;
}
.fullcalendar-page-container .fullcalendar-option_header__container{
	border-radius: 10px;
	background-color: #f8f9fd;
	padding: 6px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.fullcalendar-option__wrapper .fullcalendar-option__toggle__container{
	display: flex;
}
.excel-style-table__main__tr .excel-style-table__main__td div{
	word-break: break-all;
}
.excel-style-table__main__tr.excel-style-table__main__hilight .excel-style-table__main__td{
	background-color: #e1edff;
}
.fullcalendar-page-container .fullcalendar-option__toggle__btn{
	font-size: 12px;
	color: #666;
	margin: 0;
	cursor: pointer;
}
.fullcalendar-page-container .fullcalendar-option__icon{
	margin-left: 0;
}
.fullcalendar-page-container .fullcalendar-option__icon img{
	width: 24px;
}
.fullcalendar-page-container .fullcalendar-option__title{
	margin-left: 6px;
	font-size: 16px;
	color: #202c4a;
	font-weight: bold;
	user-select: none;
}
.fullcalendar-page-container .fullcalendar-option__power{
	font-size: 14px;
	cursor: pointer;
	color: #2e2e2e;
}
.fullcalendar-page-container .fullcalendar-option__toggle__container{
	display: flex;
	flex-flow: column;
	grid-gap: 10px;
	padding:12px 10px 12px 2px;
}	

.fullcalendar-page-container .fullcalendar-option__select{
	
}
.fullcalendar-page-container .fullcalendar-option__select__checkbox{
	display: none;
}
.fullcalendar-page-container .fullcalendar-option__select__label{
	position: relative;
	padding: 0 0 0 26px;
	color: #202c4a;
	font-size: 14px;
	line-height: 18px;
	user-select: none;
	cursor: pointer;
	display: flex;
	align-items: center;
    
}
.fullcalendar-page-container .fullcalendar-option__select__label .badge-dom{
    font-size: 20px;
	margin-right: 4px;
}
.fullcalendar-page-container .fullcalendar-option__select__label .badge-dom.badge-end{
    color:#8e8e8e;
}
.fullcalendar-page-container .fullcalendar-option__select__label .badge-dom.badge-over{
    color:#fe754d;
}
.fullcalendar-page-container .fullcalendar-option__select__label .badge-dom.badge-creating{
    color: #418cfd
}
.fullcalendar-page-container .fullcalendar-option__select__label .badge-dom.badge-afoot{
    color:  #8bc48a;
}
.fullcalendar-page-container .fullcalendar-option__select__label:before{
	content: "";
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	display: block;
	border:1.5px solid #9c9fab;
	border-radius: 5px;
	
}
.fullcalendar-page-container .fullcalendar-option__select__checkbox:checked + .fullcalendar-option__select__label:before{
	border-color: #438bfd;
	background-color: #438bfd;

}
.fullcalendar-page-container .fullcalendar-option__select__checkbox:checked + .fullcalendar-option__select__label:after{
	content: "";
	width: 10px;
    height: 5px;
    border: 1.5px solid #fff;
    border-top: none;
    border-right: none;
    position: absolute;
    display: block;
    left: 5px;
    transform: rotate(-45deg);
    top: 6px;
}
.fullcalendar-page-container .fullcalendar-page__calender__container{
	width: 100%;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel{
	display: flex;
	justify-content:space-between;
	align-items: center;
	padding: 20px 40px;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__item{
	display: flex;
	align-items: center;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__title{
	font-size: 32px;
	color: #202c4a;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select:none;
} 
.fullcalendar-page-container .fullcalendar-page__calender__panel__switch{
	display: flex;
	gap: 20px;
	margin-left: 32px;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__switch__item{
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__switch__item:hover{
	color: #3692ff;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__event{
	border-radius: 10px;
	border:1.5px solid #dbe1e7;
	background-color: #fff;
	height: 40px;
	display: flex;
	padding:0 0;
	align-items: center;
	justify-content: center;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__event_item{
	line-height: 1;
    font-size: 16px;
    color: #93a1af;
	padding:0 20px;
	font-weight: bold;
	cursor: pointer;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__event_item.active{
	color: #ff5f5f;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__event_item:hover{
	color: #ff5f5f;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__item{
	
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__power{
	display: flex;
	grid-gap: 10px;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__search{
	height: 40px;
	border-radius: 10px;
	border: 1.5px solid #dbe1e7;
	font-weight: bold;
	padding: 0 24px;
	font-size: 16px;
    color: #a4a7c1;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__search i{
	font-size: 24px;
	margin-right: 10px;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__search:hover{
	color: #ff5f5f;
	border: 1.5px solid #ff5f5f;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__today{
	height: 40px;
	border-radius: 10px;
	border: 1.5px solid #dbe1e7;
	background-color: #fff;
	line-height: 1;
    font-size: 16px;
    color: #93a1af;
	font-weight: bold;
	display: flex;
	padding: 0 24px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__today:hover{
	color: #ff5f5f;
	border: 1.5px solid #ff5f5f;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__addevent{
	height: 40px;
	border-radius: 10px;
	border:none;
	background-color: #ff5f5f;
	line-height: 1;
    font-size: 14px;
    color: #fff;
	padding: 0 24px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.fullcalendar-page-container .fullcalendar-page__calender__panel__addevent:hover{
	background-color: #df2e2e;
}
.fullcalendar-page-container .fullcalendar-page__calender__box{
	background: #fff;
	border-radius: 0;
	border-top: 2px solid #dae1e6;
	overflow-y: auto;
    height: 100%;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc table{
	font-size: 14px;
	font-weight: bold;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-day.fc-day-today{
	background-color: rgb(92 165 255 / 15%);
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-day-number{
    color: #0a0818;
    line-height: 1;
}
.dialog_window-full .modal-dialog{
	width: 95vw;
	margin: 0;
	border-radius: 10px;
	overflow: hidden;
}
.dialog_window-full .modal-body{
	height: calc(95vh - 120px);
	overflow-y: auto;
}
.dialog_window-full .modal-header h4{
	font-size: 16px;
    color: #222;
}
.dialog-mix-form{
	display: flex;
	flex-direction: column;
	grid-gap: 20px;
}
.dialog-mix-form .mix-form-section{

}
.dialog-mix-form .mix-form-title{
	position: relative;
	font-size: 14px;
	color: #333;
	line-height: 1;
	margin-bottom: 10px;
	overflow: hidden;
}
.dialog-mix-form .mix-form-title:after{
	content: '';
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #adadad;
    top: 7px;
    margin-left: 10px;
}
.dialog-mix-form .mix-form-content{
	
}
.dialog-mix-form .mix-form-fill-section{
	display: flex;
	flex-flow: column;
	grid-gap:14px
}
.dialog-mix-form .mix-form-fill-group{
	display: flex;
	grid-gap:14px
}
.dialog-mix-form .mix-form-fill-item{
	width: 200px;
}
.dialog-mix-form .mix-form-fill-item.double{
	width: 414px;
}
.dialog-mix-form .mix-form-fill-item .item-label{
	font-size: 13px;
	margin-bottom: 4px;
	color: #555;
}
.dialog-mix-form .mix-form-fill-item .item-content{
	width: 100%;
}

.dialog-mix-form .mix-form-fill-item .fill-input{
	width: 100%;
	height: 32px;
	border:1px solid #999;
	border-radius: 4px;
	padding: 0 4px;
	color: #444;
	outline: none;
}
.dialog-mix-form .mix-form-fill-item .fill-select{
	width: 100%;
	height: 32px;
	border:1px solid #999;
	border-radius: 4px;
	color: #444;
	outline: none;
}
.dialog-mix-form .mix-form-fill-item .fill-textarea{
	width: 100%;
	resize: none;
	height: 64px;
	border:1px solid #999;
	border-radius: 4px;
	padding: 4px 4px;
	color: #444;
	outline: none;
}
.dialog-mix-form .mix-form-table-section{

}
.dialog-mix-form .mix-form-table-section{

}
.compact-table{
	overflow: auto;
    max-height: 100%;
    max-width: fit-content;
    content-visibility: auto;
}
.compact-table__container{
	table-layout: fixed;
}
.compact-table__header__section{
	position: sticky;
    top: 0;
    z-index: 20;
}
.compact-table__header__section table{
	border-top: 1px solid #d7d7d7;
}
.compact-table__header__tr{
	
}
.compact-table__header__th{
	border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
    padding: 0;
    background-color: #fff;
    font-size: 13px;
    font-weight: 700;
    color: #6a6a6a;
    line-height: 1;
    padding: 0;
	vertical-align: top;
}
.compact-table__header__th:first-child{
	border-left: none;
}
.compact-table__header__th>div{
	padding: 6px 0;
	word-break: break-all;
}
.compact-table__main__section{
	
}
.compact-table__main__section table{
	
}
.compact-table__main__tr{
	
}
.compact-table__main__td{
	border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 0;
    background-color: #fff;
    font-size: 13px;
    font-weight: normal;
    color: #000;
	vertical-align: top;
}
.compact-table__main__td:first-child{
	border-left: none;
	
}
.compact-table__main__td>div{
	font-size: 13px;
    padding: 4px 4px;
	line-height: 1.25;
	word-break: break-all;
}
.compact-table__main__td>div.full{
	padding: 0;
}
.compact-table__main__input{
	width: 100%;
	border:none;
	background-color: rgba(255,182,92,0.3);
	outline: none;
	text-indent: 4px;
	line-height: 24px;
}
.compact-table__footer__section{
	position: sticky;
    bottom: 0;
    z-index: 20;
}
.compact-table__footer__section table{
	
}
.compact-table__footer__tr{
	
}
.compact-table__footer__td{
	border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 0;
    background-color: #fff;
    font-size: 13px;
    font-weight: normal;
    color: #7e7e7e;
    line-height: 1;
	vertical-align: top;
}
.compact-table__footer__td:first-child{
	border-left: none;
}
.compact-table__footer__td>div{
	padding: 6px 4px;
}
.dialog_tips_window_masker{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    width: 100%;
    height: 100%;
	z-index: 1999;
}
.dialog_tips_window_container{
	width: 100%;
    display: flex;
    justify-content: center;
	margin-top: 10%;
}
.dialog_tips_window_container .dialog_tips_window{
	width: 400px;
	display: flex;
	border-radius: 10px;
	padding: 20px;
	opacity: 0;
	transform: translateY(200px);
}
.dialog_tips_window_container .dialog_tips_window.showing{
	opacity: 1;
	transform: translateY(0px);
	transition: all 0.3s ease-in-out;
}
.dialog_tips_window_container .dialog_tips_window.hidding{
	opacity: 0;
	transform: translateY(-200px);
	transition: all 0.3s ease-in-out;
}
.dialog_tips_window_container .dialog_tips_window.window-danger{
	background-color: #ffdfe3
}
.dialog_tips_window_container .dialog_tips_window.window-success{
	background-color: #eaf2eb;
}
.dialog_tips_window_container .dialog_tips_window.window-warning{
	background-color: #fff0e7
}
.dialog_tips_window_container .dialog_tips_window .tips_window_icon{
	font-size: 24px;
    width: 40px;
    display: flex;
    justify-content: center;
    margin-right: 20px;
	font-weight: bold;
}
.dialog_tips_window_container .dialog_tips_window.window-danger .tips_window_icon{
	color: #cc3330;
}
.dialog_tips_window_container .dialog_tips_window.window-success .tips_window_icon{
	color: #367139;
}
.dialog_tips_window_container .dialog_tips_window.window-warning .tips_window_icon{
	color: #e08431
}
.dialog_tips_window_container .dialog_tips_window .tips_window_main{
	width: 100%;
}
.dialog_tips_window_container .dialog_tips_window.window-danger .tips_window_main{
	color: #582729;
}
.dialog_tips_window_container .dialog_tips_window.window-success .tips_window_main{
	color: #264028;
}
.dialog_tips_window_container .dialog_tips_window.window-warning .tips_window_main{
	color: #5a2f0e;
}
.dialog_tips_window_container .dialog_tips_window .tips_window_title{
	width: 100%;
    font-size: 16px;
    line-height: 1.5;
	font-weight: bold;
    margin-bottom: 4px;
}
.dialog_tips_window_container .dialog_tips_window .tips_window_msg{
	width: 100%;
    font-size: 14px;
    line-height: 1.5;
	font-weight: bold;
	word-break: break-all;
}
.dialog_tips_window_container .dialog_tips_window .tips_window_btn{
	width: 20px;
    flex-shrink: 0;
    font-size: 16px;
    display: flex;
    justify-content: center;
    margin-left: 20px;
	font-weight: bold;
	cursor: pointer;
}
.dialog_tips_window_container .dialog_tips_window.window-danger .tips_window_btn{
	color: #582729;
}
.dialog_tips_window_container .dialog_tips_window.window-success .tips_window_btn{
	color: #264028;
}
.dialog_tips_window_container .dialog_tips_window.window-warning .tips_window_btn{
	color: #5a2f0e;
}

.custom_checkbox_box{

}
.custom_checkbox_box input[type=checkbox]{
	display: none;
}
.custom_checkbox_box label{
	position: relative;
	padding: 0 0 0 22px;
	color: #4f4f4f;
	font-size: 13px;
	line-height: 18px;
	user-select: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	min-height: 18px;
	margin: 0;
}
.custom_checkbox_box label:before{
	content: "";
	position: absolute;
	left: 0;
	width: 16px;
	height: 16px;
	display: block;
	border:1.5px solid #9c9fab;
	border-radius: 4px;
}
.custom_checkbox_box input[type=checkbox]:checked + label:before{
	border-color: #438bfd;
	background-color: #438bfd;

}
.custom_checkbox_box input[type=checkbox]:checked + label:after{
	content: "";
	width: 9px;
    height: 5px;
    border: 1.5px solid #fff;
    border-top: none;
    border-right: none;
    position: absolute;
    display: block;
    left: 3px;
    transform: rotate(-45deg);
    top: 5px;
}
.dialog-clientdatabase .modal-dialog{
	width: 50%;
	min-width: 500px;
	max-width: 500px;
	border-radius: 8px;
    overflow: hidden;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-day-other .fc-daygrid-day-top{
	opacity: 0.5;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-header-toolbar{
	margin: 0;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-theme-standard td,
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-theme-standard th{
	border-color: #d5dee7;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-scrollgrid{
	border: none;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-theme-standard th:last-child{
	border-right: none;

}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-theme-standard td:last-child{
	border-right: none;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-theme-standard [role="presentation"] td{
	border-bottom: none;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-day-events{
	min-height: 80px;	
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-col-header-cell-cushion{
	padding: 16px 0px;
	font-size: 16px;
	color: #a1a4af;
	font-weight: normal;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-theme-standard .fc-col-header-cell {
	border-right: 1px solid transparent;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event{
	position: relative;
	font-size: 14px;
    font-weight: normal;
	border-radius: 5px;
	border: 1.5px solid #418cfd;
	background-color: #fff;
	padding: 6px 4px 6px 16px;
	cursor: pointer;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event:after{
	content: "";
    width: 4px;
    height: 20px;
    border-radius: 2px;
    display: block;
    position: absolute;
    top: 6px;
    left: 5px;
    background: #000;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event:before{
	
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event:focus{
	border: 1.5px solid #418cfd;
	box-shadow: none;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event:focus:after{
	background: #418cfd;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event:hover{
	border: 1.5px solid #418cfd;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-creating{
	border: 1.5px solid #418cfd;
	background-color: #f2f9ff;
}

.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-creating:focus,
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-creating:hover{
	border: 1.5px solid #418cfd;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-creating:after,
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-creating:focus:after{
	background-color: #418cfd;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-afoot{
	border: 1.5px solid #8bc48a;
	background-color: #fdfffe;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-afoot:focus,
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-afoot:hover{
	border: 1.5px solid #8bc48a;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-afoot:after,
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-afoot:focus:after{
	background-color: #8bc48a;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-over{
	border: 1.5px solid #fe754d;
	background-color: #fffcfb;
}

.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-over:focus,
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-over:hover{
	border: 1.5px solid #fe754d;	
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-over:after,
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-over:focus:after{
	background-color: #fe754d;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-end{
	border: 1.5px solid #8e8e8e;
	background-color: #f1f1f1;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-end:focus,
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-end:hover{
	border: 1.5px solid #8e8e8e;	
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-end:after,
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event.event-end:focus:after{
	background-color: #8e8e8e;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event .fc-event-main{
	color: #293451;
	font-weight: bold;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event .fc-daygrid-event-dot{
	display: none;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event .fc-event-time{
	display: none;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-daygrid-event .fc-event-title{
	color: #293451;
	font-weight: bold;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc .fc-scrollgrid table{
	table-layout: fixed;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-timegrid-axis,
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-timegrid-slot-label{ 
	width: 80px !important;
} 
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-timegrid-axis-cushion{
	color: #a1a4af;
    font-weight: normal;
    font-size: 14px;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-timegrid-col.fc-day-today{
	background-color: initial;
    background-color: initial;
}
.fullcalendar-page-container .fullcalendar-page__calender__box .fc-timeGridDay-view .fc-daygrid-day.fc-day-today{
	background-color: initial;
    background-color: initial;
}
@media (max-width: 768px){
	.dialog-clientdatabase .modal-dialog {
		width: 90vw;
		min-width: inherit;
		max-width: inherit;
	}
	.dialog-clientdatabase .search-container select{
		flex: 1;
		width:0;
	}
	.dialog-clientdatabase .search-container input[type=text]{
		flex: 2;
		width:0;
	}
	.dialog-clientdatabase .search-container button{
		flex-shrink: 0;
		width: auto;
	}
	.dialog-clientdatabase .result-container .result-item{
		flex-flow: column;
		border-bottom: 1px dashed #ccc;
	}
	.dialog-clientdatabase .result-container .resulu-item__power{
		margin-left: 0;
		padding: 4px 0;
		justify-content: flex-end;
	}
    .dialog-clientdatabase .result-container .result-item{
		flex-flow: column;
		border-bottom: 1px dashed #ccc;
	}
	.dialog-clientdatabase .result-container .resulu-item__power{
		margin-left: 0;
		padding: 4px 0;
		justify-content: flex-end;
	}
}
.common-contract-file-preview .fixed-assets-upload-container{
	max-height: 60vh;
	overflow-y: auto;
}
.common-contract-file-preview .file-preview-by-name-container{
	max-height: 60vh;
	overflow-y: auto;
	display:flex;
	flex-direction: column;
}
.common-contract-file-preview .file-preview-by-name-container .data-empty{
	height:300px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #999;
}
.common-contract-file-preview .file-preview-by-name-container .file-preview-section{
	display: flex;
	flex-direction: column;
}
.common-contract-file-preview .file-preview-by-name-container .file-preview-section:last-child{
	border-bottom:none;
}
.common-contract-file-preview .file-preview-by-name-container .title{
	font-size:15px;
	color: #333;
	line-height: 1;
	padding:0 0 0 10px;
	border-left: 3px solid #0075ff;
}
.common-contract-file-preview .file-preview-by-name-container .group{
	padding:10px 0;
	display: flex;
	flex-direction: column;
}
.common-contract-file-preview .file-preview-by-name-container .group-empty{
	height: 50px;
	display: flex;
	align-items: center;
}
.common-contract-file-preview .file-preview-by-name-container .item-container{
	display: flex;
	padding:4px 10px;
	border-radius: 4px;
	align-items: center;
}
.common-contract-file-preview .file-preview-by-name-container .item-container:hover{
	background-color: #daebff;
}
.common-contract-file-preview .file-preview-by-name-container .item-icon img{
	width: 32px;
	height: 32px;
	object-fit: contain;
	flex-shrink: 0;
	margin-right: 10px;
}
.common-contract-file-preview .file-preview-by-name-container .item-title{
	font-size: 13px;
	color:#666;
	width: 100%;
}
.common-contract-file-preview .file-preview-by-name-container .item-down{
	font-size: 13px;
	color:#0075ff;
	margin-left: 10px;
	flex-shrink: 0;
	cursor: pointer;
}
.dialog-progress-container{
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9998;
}
.dialog-progress__masker{
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9998;
	background-color: #000;
    opacity: 0.4;
}
.dialog-progress__wrapper{
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}
.dialog-progress__win{
	width: 480px;
	border-radius: 10px;
	background-color: #fff;
	padding: 20px;
}
.dialog-progress__inter{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}
.dialog-progress__inter__txt{
	font-size: 14px;
	color: #2f2f2f;
}
.dialog-progress__bar__container{
	
}
.dialog-progress__bar__line{
	width: 100%;
	height: 6px;
	border-radius: 6px;
	background-color: #efefef;
	overflow: hidden;
}
.dialog-progress__bar__percentage{
	width: 0%;
	height: 100%;
	background-color: #01a63e;
}
.dialog-progress__bar__txt{
	color: #898989;
	font-size: 13px;
}
.animate-loading-mask{
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color:transparent;
	top: 0;
	left: 0;
	display: flex;
    justify-content: center;
    align-items: center;
	z-index: 9999;
}
.loading-for-ball-fussion{
	position: relative;
	display: block;
	font-size: 0;
	color: #3190ea;
    width: 10px;
    height: 10px;
}
.loading-for-ball-fussion > div {
	display: inline-block;
	float: none;
	background-color: currentColor;
	border: 0 solid currentColor;
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	transform: translate(-50%, -50%);
	animation: ball-fussion-ball1 1s 0s ease infinite;
}
.loading-for-ball-fussion > div:nth-child(1) {
	top: 0;
	left: 50%;
	z-index: 1;
	animation-name: ball-fussion-ball1;
}
.loading-for-ball-fussion > div:nth-child(2) {
	top: 50%;
	left: 100%;
	z-index: 2;
	animation-name: ball-fussion-ball2;
}
.loading-for-ball-fussion > div:nth-child(3) {
	top: 100%;
	left: 50%;
	z-index: 1;
	animation-name: ball-fussion-ball3;
}
.loading-for-ball-fussion > div:nth-child(4) {
	top: 50%;
	left: 0;
	z-index: 2;
	animation-name: ball-fussion-ball4;
}
@keyframes ball-fussion-ball1 {
	0% {
	  opacity: 0.35;
	}
  
	50% {
	  top: -100%;
	  left: 200%;
	  opacity: 1;
	}
  
	100% {
	  top: 50%;
	  left: 100%;
	  z-index: 2;
	  opacity: 0.35;
	}
  }
  @keyframes ball-fussion-ball2 {
	0% {
	  opacity: 0.35;
	}
  
	50% {
	  top: 200%;
	  left: 200%;
	  opacity: 1;
	}
  
	100% {
	  top: 100%;
	  left: 50%;
	  z-index: 1;
	  opacity: 0.35;
	}
  }
  @keyframes ball-fussion-ball3 {
	0% {
	  opacity: 0.35;
	}
  
	50% {
	  top: 200%;
	  left: -100%;
	  opacity: 1;
	}
  
	100% {
	  top: 50%;
	  left: 0;
	  z-index: 2;
	  opacity: 0.35;
	}
  }
  
  @keyframes ball-fussion-ball4 {
	0% {
	  opacity: 0.35;
	}
  
	50% {
	  top: -100%;
	  left: -100%;
	  opacity: 1;
	}
  
	100% {
	  top: 0;
	  left: 50%;
	  z-index: 1;
	  opacity: 0.35;
	}
}

.becurrent_files_mode{

}
.becurrent_files_mode .becurrent_files_mode__item{
	margin-bottom: 10px;
	width: 100%;
    max-width: 600px;
    border-radius: 4px;
    padding: 10px 6px;
    display: flex;
    align-items: center;
    background: rgba(0,0,0,0.05);
}
.becurrent_files_mode .becurrent_files_mode__icon{
	width: 20px;
    flex-shrink: 0;
    text-align: center;
}
.becurrent_files_mode .becurrent_files_mode__icon img{
	max-height: 20px;
    max-width: 20px;
}
.becurrent_files_mode .becurrent_files_mode__content{
	width: 100%;
    margin: 0px 12px;
}
.becurrent_files_mode .becurrent_files_mode__text{
	display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #828282;
}
.becurrent_files_mode .becurrent_files_mode__title{
	word-break: break-all;
}
.becurrent_files_mode .becurrent_files_mode__power{
	display: flex;
	grid-gap: 8px;
	flex-shrink: 0;
}
.becurrent_files_mode .becurrent_files_mode__btn{
	word-break: keep-all;
	cursor: pointer;
	
}
.becurrent_files_mode .becurrent_files_mode__item[data-ready="0"] .becurrent_files_mode__btn{

}
.becurrent_files_mode .becurrent_files_mode__item[data-ready="1"] .becurrent_files_mode__btn{
	color: #eb2a26;
}
.becurrent_files_mode .becurrent_files_mode__item[data-ready="2"] .becurrent_files_mode__btn{
	color: #eb2a26;
}
.becurrent_files_mode .becurrent_files_mode__item[data-ready="3"] .becurrent_files_mode__btn{
	color: #eb2a26;
}
.becurrent_files_mode .becurrent_files_update{
	margin-bottom: 10px;
	width: 100%;
    max-width: 600px;
    border-radius: 4px;
    padding: 10px 6px;
    display: flex;
    align-items: center;
    background: #fff;
	border:2px dashed #adadad;
	justify-content: center;
    font-size: 14px;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}
.becurrent_files_mode .becurrent_files_update:hover{
	background-color: #ededed;
	border:2px solid #ededed;
}
.commit-fixed-full-table{
	max-height: calc(100vh - 300px);
}
.commit-fixed-table-top{
	position: sticky;
	top:0;
	z-index: 2;
}
.commit-fixed-table-left{
	position: sticky;
	left:0;
	z-index: 1;
}
.commit-fixed-table-right{
	position: sticky;
	right:0;
	z-index: 1;
}
.commit-fixed-table-bottom{
	position: sticky;
	bottom:0;
	z-index: 2;
}
.commit-fixed-table.bg-ffffff{
	background-color: #fff;
}
.commit-fixed-table.bg-f2fae0{
	background-color: #f2fae0;
}
.commit-fixed-table.bg-fff5f5{
	background-color: #fff5f5;
}
.commit-fixed-table.bg-e9e9e9{
	background-color: #e9e9e9;
}
.commit-fixed-table.bg-f5f5f5{
	background-color: #f5f5f5;
}
.currency-uploadfile-module{

}
.currency-uploadfile-module .module-upload-btn{
	
}
.currency-uploadfile-module .module-upload-group{
	
}
.currency-uploadfile-module .module-upload-item{
	
}
.panel-heading.default-style{
	font-size: 18px;
    color: #222;
    height: auto;
    padding: 10px 20px;
    font-weight: normal;
}
.form-control[readonly].default{
	background: #fff;
}
.dashed-mask-mode{
	border: 2px dashed #ccc;
    width: 100%;
    position: relative;
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
	background-color: #fff3f3;
}
.dashed-mask-mode .mask-mode-header {
    position: absolute;
    display: inline-block;
    background: #fff;
    top: -10px;
    left: 10px;
    padding: 0 10px;
    font-size: 14px;
    color: #d43a3a;
    font-weight: bold;
}
.dashed-mask-mode .mask-mode-status {
    font-size: 20px;
}
.dashed-mask-mode .mask-mode-remark {
    font-size: 13px;
    color: #797979;
}
.position_sticky_top{
	z-index: 2;
	position: sticky;
    top: 0;
}
.position_sticky_left{
	position: sticky;
    left: 0;
    background: #fff;
}
.position_sticky_left_ecf0f5{
    background: #ecf0f5;
}
.position_sticky_right{
	position: sticky;
    right: 0;
    background: #fff;
}
.position_sticky_right_ecf0f5{
    background: #ecf0f5;
}
.bg-ecf0f5{
	background-color: #ecf0f5;
}