@charset "utf-8";
/* 自定义样式 */
[v-cloak]{
	display:none;
}
.input_line{
border:0px;border-bottom:1px solid #ddd;width:100px;height:31px
}
.input_lines{
border:0px;border-bottom:1px solid #ddd;width:7px;height:31px
}
.borderr{
	border:0px;
	border-right:1px solid #ddd;
}
.input-border-bottom{
	border-bottom: 1px solid #dddddd;
	border-top: none;
	border-left: none;
	border-right: none;
}
/*.bacr{*/
/*	background-color: */
/*}*/
.f_color_w{
	color:   #fff;
}
.bag{
	background-color: #a8b7c1;
}
.circles{
	width:20px;height:20px; background-color:#429ece;color:#fff;border-radius:10px;text-align:center
}
p{
	margin-bottom:0px!important;
}
a:hover{
	text-decoration: none!important;
}
.a_color{
	color:#5a98de;
}
.pd-0__i{
	padding: 0 !important;
}
.pl-0__i {
	padding-left: 0px !important;
}
.pr-0__i{
	padding-right: 0px !important;
}

.mt-0__i{
	margin-top: 0px !important;
}
.mb-0__i{
	margin-bottom: 0px !important;
}
.mr-0__i{
	margin-right: 0px !important;
}
.ml-0__i{
	margin-left: 0px !important;
}

.m__m{
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}


.lh-30__i{
	line-height: 31px !important;
}

.lh-31{
	line-height: 31px;
}

.lh-40{
	line-height: 40px;
}

.lh-100{
	line-height: 100px;
}

.title-name{
	width: 70x;
	padding-left: 15px;
}

.border-n{
	border: none
}

/* 调整多选框行高 */
.check-box,
.radio-box{
	line-height: 26px;
}

/* 表情包 */
#form-system-base .Input_Box {
	width: 367px;
	height: 156px;
	margin: -66px auto;
	border: 1px solid #ccc;
	transition: border linear .2s, box-shadow linear .5s;
	-moz-transition: border linear .2s, -moz-box-shadow linear .5s;
	-webkit-transition: border linear .2s, -webkit-box-shadow linear .5s;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	overflow: hidden;
	position: absolute;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}
#form-system-base .Input_Box>textarea {
	width: 485px;
	height: 111px;
	padding: 5px;
	outline: none;
	border: 0px solid #fff;
	resize: none;
	font: 13px "微软雅黑", Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#form-system-base .Input_Foot {
	width: 100%;
	height: 35px;
	border-top: 1px solid #ccc;
	background-color: #fff;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	position: absolute;
}
#form-system-base .imgBtn {
	float: left;
	margin-top: 8px;
	margin-left: 10px;
	background-image: url(../../plugins/images/imgs.png);
	background-repeat: no-repeat;
	background-position: 0 -13px;
	height: 18px;
	width: 20px;
	cursor: pointer
}
#form-system-base .imgBtn:active {
	margin-top: 9px;
}
#form-system-base .imgBtn:hover {
	background-position: 0 -31px
}
#form-system-base .postBtn {
	float: right;
	font: 13px "微软雅黑", Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 9px 20px 7px 20px;
	border-left: 1px solid #ccc;
	cursor: pointer;
	-moz-border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
}
#form-system-base .postBtn:hover {
	color: #333;
	background-color: #efefef;
}
#form-system-base .postBtn:active {
	padding: 10px 20px 6px 20px;
}
#form-system-base .faceDiv {
	width: 500px;
	height: 120px;
	border-top: 1px solid #ccc;
	position: absolute;
	background-color: #fff;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#form-system-base .faceDiv>img {
	border: 1px solid #ccc;
	float: left;
	margin-left: -1px;
	margin-top: -1px;
	position: relative;
	width: 24px;
	height: 24px;
	padding: 3px 3px 3px 3px;
	cursor: pointer;
}
#form-system-base .faceDiv>img:hover {
	background-color: #efefef;
}
#form-system-base .faceDiv>img:active {
	padding: 4px 3px 2px 3px;
}

.w-80{
	width:80%!important;
}
/* 树列表 */
.ztree li span.button.add {
	margin-left:2px;
	margin-right: -1px;
	background-position:-144px 0;
	vertical-align:top;
	*vertical-align:middle
	}
.line{
	border-top:0!important;
}
.zTreeDemoBackround{
	float:left;
	width:20%;
	height:560px;
	padding-top:5px
}

.left-right-spit td{
	/* white-space: nowrap;
	 min-width:150px;
	max-width: 150px;
	text-overflow: ellipsis;
	overflow: hidden;
	.left-right-spit td{
	white-space: nowrap; */
    min-width:150px;
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right !important;
	word-break:  normal;
}

.left-right-spit th{
	text-align: center !important;
	word-break:  normal;
	white-space:  nowrap;
}
.left-right-spits td{
	/* white-space: nowrap;
	 min-width:150px;
	max-width: 150px;
	text-overflow: ellipsis;
	overflow: hidden;
	.left-right-spit td{
	white-space: nowrap; */
	min-width:100px;
	max-width: 150px;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: right !important;
	word-break:  normal;
}

.left-right-spits th{
	white-space: nowrap;
	  text-align: center !important;
	word-break:  normal;
}

.left-right-spitl td{
	/* white-space: nowrap;
	 min-width:150px;
	max-width: 150px;
	text-overflow: ellipsis;
	overflow: hidden;
	.left-right-spit td{
	white-space: nowrap; */
	min-width:130px;
	max-width: 150px;
	text-align: right !important;
	word-break:  normal;
	/* text-overflow: ellipsis;
	overflow: hidden;
	width: auto; */
}

.left-right-spitl th{
	white-space: nowrap;
	text-align: center !important;
	word-break:  normal;
}

/*****提示调用*****
<span class="ssk-tooltip" content="提示\A出事了\r\n你猜啥事" position="top">上面</span>
<span class="ssk-tooltip" content="提示\A出事了\r\n你猜啥事" position="bottom">下面</span>
<span class="ssk-tooltip" content="提示\A出事了\r\n你猜啥事" position="left">左面</span>
<span class="ssk-tooltip" content="提示\A出事了\r\n你猜啥事" position="right">右面</span>
*****提示CSS开始*****/
.ssk-tooltip {
	display: inline-block;
	position: relative;
}
/*.ssk-tooltip:focus::before,*/
/*.ssk-tooltip:active::before,*/
.ssk-tooltip:hover::before {
	display: block;
}
.ssk-tooltip::before {
	display: none;
	content: attr(content);
	white-space: pre;
	text-align: left;
	position: absolute;
	color: #fff;
	padding: 8px 16px;
	border-radius: 2px;
	z-index: 100;
	background-color: #000;
}
.ssk-tooltip[position="top"]::before {
	bottom: calc(100% + 10px);
	left: 50%;
	transform: translate(-50%);
	box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .4);
}
.ssk-tooltip[position="right"]::before {
	left: calc(100% + 10px);
	top: 50%;
	transform: translate(0, -50%);
	box-shadow: -5px 0 10px -2px rgba(0, 0, 0, .4);
}
.ssk-tooltip[position="bottom"]::before {
	top: calc(100% + 10px);
	left: 50%;
	transform: translate(-50%);
	box-shadow: 0 -5px 10px -2px rgba(0, 0, 0, .4);
}
.ssk-tooltip[position="left"]::before {
	right: calc(100% + 10px);
	top: 50%;
	transform: translate(0, -50%);
	box-shadow: 5px 0 10px -2px rgba(0, 0, 0, .4);
}
.ssk-tooltip::after {
	display: none;
	content: '';
	position: absolute;
	z-index: 100;
	width: 0;
	height: 0;
}
/*.ssk-tooltip:focus::after,*/
/*.ssk-tooltip:active::after,*/
.ssk-tooltip:hover::after {
	display: block;
}
.ssk-tooltip[position="top"]::after {
	bottom: calc(100% + 5px);
	left: 50%;
	transform: translate(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
}
.ssk-tooltip[position="right"]::after {
	left: calc(100% + 5px);
	top: 50%;
	transform: translate(0, -50%);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #000;
}
.ssk-tooltip[position="bottom"]::after {
	top: calc(100% + 5px);
	left: 50%;
	transform: translate(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #000;
}
.ssk-tooltip[position="left"]::after {
	right: calc(100% + 5px);
	top: 50%;
	transform: translate(0, -50%);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
}
/*****提示CSS结束*****/