/*.loginBox{ position:absolute; width:600px; height:400px; left:50%; top:45%; margin-left:-309px; margin-top:-184px; padding-top:38px; opacity:.9;z-index:10；
border:1px solid;
background-color:rgba(84,213,242,0.6);
border-radius:3px;
-moz-border-radius:6px; 
box-shadow:-2px 0px 8px #999,0px -2px 8px #999,0px 2px 8px #999,2px 0px 8px #999;
}*/
.loginBox{ 
/*background-color:rgba(84,213,242,0.6);*/
/*background-image: url(../images/login2.jpg);*/
width: 500px;
height: 350px;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
	
border:1px solid;border-color:#e2e8ea;
background-color:rgba(255, 255, 255, 0.5);
border-radius:5px;
-moz-border-radius:8px; 
//box-shadow:-2px 0px 8px #e1e1e1,0px -2px 8px #e1e1e1,0px 2px 8px #e1e1e1,2px 0px 8px #e1e1e1;
}

@media (max-width:617px) {
.loginbox{ width:100%; position:static; margin-top:0; margin-left:0;}
}
.inputfun { width:130px!important; }
.inputfuns { width:250px!important; }
.text-r {margin-left: 20px}
.edituser-input { width:300px!important; margin: 8px;}

.layui-btn-green{border:1px solid #4eb964;background-color:#4eb964;color:#fff}
.layui-btn-green:hover{border-color:#4eb964;color:#666}
.layui-btn-green:hover{border-color:#4eb964;color:#fff}

.layui-btn-darkred{border:1px solid #e65250;background-color:#e65250;color:#fff}
.layui-btn-darkred:hover{border-color:#e65250;color:#e55e5d}
.layui-btn-darkred:hover{border-color:#e65250;color:#fff}
.layui-inputbox-rs {margin-left: 30px}


 /*jufun height由38px改30px*/
 .indexlogin-input{height:45px;line-height:45px}

/*角色权限菜单*/
.tree-menu {}
.tree-menu-1 {}
.tree-menu-23 {}
.tree-menu-2 {  margin-left: 20px; }
.tree-menu-3 {  margin-left: 60px; float: left;  }
.clear{ clear:both}

/*文字颜色*/
.jtext-red { color:#FF0004; font-size: 13px }
.jtext-disabled { color:#c2c2c2; font-size: 13px }
.jtext-green  color:#009688; font-size: 13px 				

/*打印报销*/
.biaoxiao-content  {width: 685px;float: left }
.biaoti-content {width: auto;}
.one-content  {width: 650px;float: left }
.biaoxiao-shixiang  {width: 70px;text-align: right; float: left;margin-bottom: 6px}
.biaoxiao-biaoti  {width: 460px;text-align: left; float: left;border-bottom: 1px solid #c2c2c2;margin-bottom: 6px}
.biaoxiao-feiyong {width: 100px;text-align: left;  float: right;border-bottom: 1px solid #c2c2c2;margin-bottom: 6px}

.biaoxiao-daxie  {width: 460px;text-align: left; float: left;border-bottom: 1px solid #c2c2c2;margin-bottom: 6px}

.beizhu-content { width: 650px;}
.biaoxiao-text  { width: 560px;text-align: left;float: left;border-bottom: 1px solid #c2c2c2;margin-bottom: 6px}

.loginBox-m{ 
/*background-color:rgba(84,213,242,0.6);*/
/*background-image: url(../images/login2.jpg);*/
width: 300px;
height: 300px;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
	
border:1px solid;border-color:#e2e8ea;
background-color:rgba(177,194,204,0.2);
border-radius:5px;
-moz-border-radius:6px; 
box-shadow:-2px 0px 8px #bbcad2,0px -2px 8px #bbcad2,0px 2px 8px #bbcad2,2px 0px 8px #bbcad2;
}
@media (max-width:500px) {
.loginbox-m{ width:100%; position:static; margin-top:0; margin-left:0;}
}

.layadmin-user-login-main-m{width: 260px; margin: 0 auto; box-sizing: border-box;}

/*Mobile input UI css*/

.layui-input-mob{outline:0;-webkit-appearance:none;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box}
.layui-input-mob{border-color:#e6e6e6}
.layui-input-mob{height:31px;border-width:1px;border-style:solid;background-color:#fff;border-radius:2px}
.layui-input-mob{display:block;width:100px;padding-left:5px; padding-top: 0px}
.layui-input-mob:hover{border-color:#D2D2D2!important}
.layui-input-mob:focus{border-color:#C9C9C9!important}
.layui-inline-mob {margin-right:5px;line-height:30px}
.layui-input-mob{padding-right:5px;cursor:pointer}
.layui-input-mob{height:31px;color:#666}
.mob-input-left{float: left; margin-right: 5px; height: 31px; line-height: 31px}
.layui-btn-mob{height:30px;line-height:30px; margin-bottom: 3px; padding:0 10px;font-size:12px}
.layui-btn-mob i{font-size:16px!important}

.layui-textarea-mob{border-color:#e6e6e6}
.layui-textarea-mob{position:relative}
.layui-textarea-mob{height:30px;line-height:1.3;line-height:30px\9;border-width:1px;}
.layui-textarea-mob{display:block;width:100%;padding-left:10px}
.layui-textarea-mob:hover{border-color:#D2D2D2!important}
.layui-textarea-mob:focus{border-color:#C9C9C9!important}

.mob-input-left-x{float: left; margin-right: 2px;padding-right:2px; height: 31px; line-height: 31px;width: 50px}
.mob-drop-left{float: left; margin-right: 2px; height: 31px; line-height: 31px; width: 40px}
.mob-drop-left-x{float: left; margin-right: 5px; height: 31px; line-height: 31px; width: 70px; margin-left: 2px;}
.mob-drop-left-time{float: left; margin-right: 2px; height: 31px; line-height: 31px; width: 70px}

/*20191212*/

.mobile-button {float: left; margin: 1px 5px 5px 5px; height: 28px; line-height: 28px}
.mobile-input  {float: left; margin: 1px 5px 5px 5px; padding-right:2px; height: 32px; line-height: 32px;width: 90px}
.mobile-select {float: left; margin: 1px 5px 5px 5px; padding-right:2px; height: 32px; line-height: 32px;width: 60px}
.mobile-time {float: left; margin: 1px 5px 5px 5px; padding-right:2px; height: 32px; line-height: 32px;width: 100px}

/*20191212*/
.layui-mob-label{float:none;width:80%;border-radius:2px;box-sizing:border-box;text-align:left}
.layui-mob-label{position:absolute;left:0;top:0;height:100%;border-width:0 1px 0 0}
.layui-mob-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.layui-mob-label{position:relative}
.layui-mob-label{border-color:#e6e6e6}
.layui-mob-label{float:left;display:block;/*padding:9px 15px;*/width:80px;font-weight:400;line-height:30px;text-align:right}
.layui-mob-label-col{display:block;float:none;padding:5px 0;line-height:30px;text-align:left}

/*home news list*/
.home-news-list {border-bottom:1px dashed #ccc;text-decoration:none;}

/*sales*/
.layui-input-sales{height:100px;margin-left:200px;min-height:102px}
.layui-input-sales{margin:0;top:80px;padding-left: 110px;margin-bottom: 20px;}
.layui-input-sales{position:relative}

.layui-input-salesborder{border:1px solid #e1e1e1;padding: 8px;border-radius:3px;/*background-color:#e1e1e1;color:#fff*/}

/*sale show record*/

.flowChart {
	/*background-color:#f0f0f0;*/
	padding: 12px;
	display: flex;
	border-radius:3px;
}
.flowChart-left {
	width: 50px;
	flex-shrink: 0;
}
.flowChart .dashed {
	width: 0px;
	height: 100%;
	margin-left: 50%;
	border-left-style: dashed;
	border-left-color: darkgray;
	border-left-width: 2px;
}
.flowChart-right {
	flex-grow: 1;
}
.flowChart .oneNode {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 14px;
}
.flowChart .check {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	line-height: 40px;
	color: white;
	font-size: 12px;
	text-align: center;
	position: relative;
	left: -49px;
	flex-shrink: 0;
	background-color: rgb(87, 194, 64);
	border: 4px solid rgb(198, 228, 177,0.9);
}
.flowChart .check-weixin {
	background-color: rgb(87, 194, 64);
	border: 4px solid rgba(198, 228, 177,0.9);
}
.flowChart .check-phone {
	background-color: rgb(87, 194, 64);
	border: 4px solid rgb(198, 228, 177,0.9);
}
.flowChart .check-email {
	background-color: rgb(87, 194, 64);
	border: 4px solid rgb(198, 228, 177,0.9);
}
.flowChart .check-baifang {
	background-color: rgb(87, 194, 64);
	border: 4px solid rgba(198, 228, 177,0.9);
}
.flowChart .NodeDetail {
	background-color: white;
	margin-left: -60px;
	flex-grow: 1;
	border: 1px solid gainsboro;
	border-radius: 3px;
	padding: 14px;
	display: flex;
	flex-direction: column;
	box-shadow: 1px 1px 3px gainsboro;
}
.flowChart img {
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
.NodeDetail .details {
	flex-grow: 1;
	padding-left: 8px;
	margin-left: 8px;
	border-left: 4px solid rgb(93, 157, 252);
}
.details p {
	color: rgb(93, 157, 252);
	font-size: 14px;
	font-weight: 100;
}
.NodeDetail-title {
	display: flex;
	margin-bottom: 10px;
}
.NodeDetail-content {
	flex-grow: 1;
}
.NodeDetail-content p {
	text-indent: 2em;
	text-align: justify;
	font-size: 14px;
}
.NodeDetail-footer {
	margin-top: 3px;
}
.NodeDetail-footer span {
	font-size: 12px;
	font-weight: 100;
	color: rgb(104, 104, 104);
	float: right;
}
.badge {
	padding: 2px 5px;
	font-size: 12px;
	background-color: rgb(93, 157, 252);
	border-radius: 10px;
	font-weight: 100;
	color: white;
	letter-spacing: 2px;
	box-shadow: 1px 1px 1px gainsboro;
}
.BadgeGray {
	background-color: rgb(104, 108, 104);
}
.tag {
	width: 0;
	height: 0;
	border: 14px solid;
	border-style: dashed;
	border-color: transparent white transparent transparent;
	position: absolute;
	left: -13px;
	top: -14px;
}
.tag-boder {
	width: 0;
	height: 0;
	border: 12px solid;
	border-style: dashed;
	border-color: transparent gainsboro transparent transparent;
	position: relative;
	left: -59px;
}
.NodeDetail-content p{
	margin-top: 7px;
}
.jf-phone::before {
    content: "\e73b";
}

/* luyin css*/
.ly-qd {
	font-size: 18px;font-weight:bold; color: #1E9FFF;}
.ly-ld {
	font-size: 18px;font-weight:bold; color: #5FB878}
.ly-bf {
	font-size: 18px;font-weight:bold; color: #fff; margin-left: 2px;}
.ly-xz {
	font-size: 18px;font-weight:bold; color: #fff;margin-left: 2px;}

/*背景颜色 增加*/
.layui-bg-ligreen {background-color:#00CC66!important;}

/*桌面滚动销售信息*/
.head-top  {margin-top: 4px; }
.head-div  {float: left; }
.head-img  {width: 55px; width:55px; border-radius:5px; display:block;border:1px solid #f2f2f2;}
.s-name    {font-weight:bold;float:left; margin-left:5px;margin-right: 5px; margin-bottom: 5px;display:block;color: #1E9FFF ;font-size: 16px;}
.s-product {float:left;margin-bottom: 5px;display:block;}
.s-title   {margin-left:5px; display:block;color: #2F4056;font-size: 16px;}
.cais { background-image: url(/static/images/salestop.png);  }
/*手机版*/
.s-name-wap    {font-weight:bold;float:left; margin-left:5px;margin-right: 5px; margin-bottom: 5px;display:block;color: #1E9FFF ;font-size: 16px;}
.s-product-wap {float:left;margin-bottom: 5px;display:block;}
.s-title-wap   {float:left;margin-left:5px; display:block;color: #2F4056;font-size: 16px;overflow:hidden;}
/*桌面签单TOP3*/
.first-main { /*border:1px solid #eee;*/ height:175px;}
.second-main { position:relative;border-radius:5px; border:1px solid #ccc; height:171px; margin: 0px 6px 0px 6px; text-align:center; background: url(/static/images/topbc.png) repeat;}
.portrait-d { position:absolute;z-index: 999;margin-top: 6px;width:100%;}
.line-head  { position:relative;width:100%;margin:0 auto;height:60px;border-top-left-radius: 5px;border-top-right-radius:5px; background: url(/static/images/topbs.png) no-repeat;}
.line-text { position:relative;;width:90%;margin:0 auto;z-index: 1009; font-size: 18px; text-align:center; margin-top: 38px; color: #000;text-indent:6px;letter-spacing:6px;}
.line-text-de {  position:relative;;width:90%;margin:0 auto;z-index: 1009;  font-size: 9px; text-align:center;}
.line-text-nu {  position:relative;;width:90%;margin:0 auto;z-index: 1009;  font-size: 15px; text-align:center;}

/*桌面签单TOP3 wap*/
.first-main-wap { /*border:1px solid #eee;*/ height:175px;}
.second-main-wap { position:relative;border-radius:5px; border:1px solid #ccc; height:171px; margin: 0px 6px 0px 6px; text-align:center; background: url(/static/images/topbc.png) repeat-x;}
.portrait-d-wap { position:absolute;z-index: 999;margin-top: 4px;width:100%;}
.head-img-top-wap  {border-radius: 50%;border: 2px solid #eee; overflow: hidden;height:50px;width:50px;}
.line-head-wap  { position:relative;width:100%;margin:0 auto;height:60px;border-top-left-radius: 5px;border-top-right-radius:5px; background: url(/static/images/topbs.png) no-repeat;}
.line-text-wap { position:relative;;width:90%;margin:0 auto;z-index: 1009; font-size: 18px; text-align:center; margin-top: 28px; color: #000;text-indent:6px;letter-spacing:6px;}
/*桌面签单TOP3 wap*/

/*30天小标签*/
.layuiadmin-badge30d{position: absolute; top: 50%; margin-top: -9px; right: 60px; color: #01AAED; }
/*.line-three { position:relative;width:70%;margin:0 auto;border:1px solid #C9C9C9;height:80px; top: 50px; text-align:center;}
.sales-name { position:relative;z-index: 1000; text-align:center; font-size: 20px;top: 50px;}*/

/*.first-main { border-radius:5px;border:1px solid #000; height:120px; margin: 5px;width: 33%;}*/
.head-img-top  {border-radius: 50%;border: 5px solid #eee; overflow: hidden;height:80px;width:80px;}
/*经理报表*/
.head-img-report  {border-radius: 50%;border:2px solid #eee; overflow: hidden;height:55px;width:55px;}
/* 产品动态 */
.layadmin-top3{height: 175px !important; padding: 5px 0;}
.layadmin-top3 a{display: block; line-height: 175px; text-align: center;}
.layadmin-top3 .layui-carousel-ind{height: 175px;}

/*用户资料*/
.grid-10 {margin: 2px; color: #000; background-color: #e2e2e2; height: 38px; line-height: 38px;}
.grid-l {margin: 0px; color: #000; background-color: #e2e2e2; height: 38px; line-height: 38px; text-align: right;border-right: 1px solid #fff;}
.grid-r {margin: 0px; color: #000; background-color: #eeeeee; height: 38px; line-height: 38px; text-align: left; padding-left: 5px;}
.grid-t {border-top: 1px solid #fff;}
.grid-lines {border-right: 1px solid #000;}
.head-img-show { width: 150px; width:150px; border-radius:5px; display:block;border:1px solid #e2e2e2; }
.head-img-line {height: 18px; line-height: 18px; }
.head-img-text {text-align:center;margin:0 auto;}

/*移动端日期css*/

/*信息发布内页图片大小*/
.layadmin-text img{ width:50%; height:auto; margin-left: 10px;border: 2px solid #eee;}
.textimgs img{ width:50%; height:auto; margin-left: 10px;border: 2px solid #eee;}

/*发票详细页复制input内容*/
.copyinvoice-f {position:relative;}
.copyinvoice {position:absolute;right:0;top:0;z-index: 999;}

/*任务详细页的文字排版*/
.layui-text-left { text-align: right;  margin-right: 1px;padding-right: 5px; }
.layui-text-right {text-align: left ;  margin-left: 1px;padding-left: 5px;}
.layui-text-note {width: 90%;  text-align: left ; float: left;height: 30px; line-height: 30px; margin-left: 1px;padding-left: 5px;}
.table-a table{border:1px solid #fff} 

/*形式发票模板*/
.in_template_main { margin: 0 auto; width: 1000px; padding:15px;font-size: 14px;}
.in_template_title {width: 500px; height: 100px;font-size: 30px;float: left;}
.in_template_number{width: 300px; height: 30px;font-size: 16px;float: left;}
.in_template_date {width: 300px; height: 30px;font-size: 16px;float: left;}
.in_template_content {width: 1000px;float: left;}
.in_template_content_left {width: 70px; height: 30px;line-height: 30px;font-size: 14px;border-bottom:1px solid #999;float: left; margin-right: 5px;}
.in_template_content_m  {width: 400px; height: 30px;line-height: 30px;font-size: 14px;border-bottom:1px solid #999;float: left; margin-right: 5px;}
.in_template_content_m2 {width: 70px; height: 30px;line-height: 30px;font-size: 14px;border-bottom:1px solid #999;float: left; margin-left: 20px;margin-right: 5px;}
.in_template_content_right  {width: 420px; height: 30px;line-height: 30px;font-size: 14px;border-bottom:1px solid #999;float: left; }
.in_template_null {width: 1000px;height: 50px;float: left;}
.in_template_t1{width: 160px; height: 40px;line-height: 40px;float: left; border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #999;padding-left: 5px;background-color: #dce6f1;}
.in_template_t2{width: 150px; height: 40px;line-height: 40px;float: left; border-top:1px solid #000;border-bottom:1px solid #999;background-color: #dce6f1;}
.in_template_t3{width: 180px; height: 40px;line-height: 40px;float: left; border-top:1px solid #000;border-bottom:1px solid #999;background-color: #dce6f1;}
.in_template_t4{width: 335px; height: 40px;line-height: 40px;float: left; border-top:1px solid #000;border-bottom:1px solid #999;background-color: #dce6f1;}
.in_template_t5{width: 160px; height: 40px;line-height: 40px;float: left; border-top:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #999;padding-left: 5px;background-color: #dce6f1;}
.in_template_c1{width: 160px; height: 40px;line-height: 40px;float: left; border-left:1px solid #000;border-bottom:1px solid #999;padding-left: 5px;}
.in_template_c2{width: 150px; height: 40px;line-height: 40px;float: left; border-bottom:1px solid #999;}
.in_template_c3{width: 180px; height: 40px;line-height: 40px;float: left; border-bottom:1px solid #999;}
.in_template_c4{width: 335px; height: 40px;line-height: 40px;float: left; border-bottom:1px solid #999;}
.in_template_c5{width: 160px; height: 40px;line-height: 40px;float: left; border-right:1px solid #000;border-bottom:1px solid #999;background-color: #f2f2f2;padding-left: 5px;}
.in_template_b1{width: 160px; height: 40px;line-height: 40px;float: left; border-left:1px solid #000;border-bottom:1px solid #000;padding-left: 5px;}
.in_template_b2{width: 150px; height: 40px;line-height: 40px;float: left; border-bottom:1px solid #000;}
.in_template_b3{width: 180px; height: 40px;line-height: 40px;float: left; border-bottom:1px solid #000;}
.in_template_b4{width: 330px; height: 40px;line-height: 40px;float: left; border-bottom:1px solid #000;text-align:right;padding-right: 5px;}
.in_template_b5{width: 160px; height: 40px;line-height: 40px;float: left; border-right:1px solid #000;border-bottom:1px solid #000;background-color: #f2f2f2;padding-left: 5px;}

/*2020报销打印新格式*/
.bxmain{padding: 5px;text-align: center; width: 750px;margin-left: auto;margin-right: auto; border: 0px solid #c2c2c2; height: 430px;}
.titleline { margin-top: 35px;margin-bottom: 6px; border-bottom:3px double black;cursor:pointer; width: 385px; text-align: center; margin-left: auto;margin-right: auto;color: #000; font-size: 25px;}

.title {width: 228px;text-align: center; margin-left: auto;margin-right: auto;float: left; padding-top: 10px;padding-bottom: 10px;color: #000;font-size: 18px;}
.textcolor {color: #000;}

#box{display: flex; float: left;  flex-flow: row wrap; }
.table1{width: 170px;border-top:1px solid #c2c2c2;border-left: 1px solid #c2c2c2;float: left;text-align:left;font-size: 15px; padding:5px 0 5px 3px;}
.table2{width: 442px; border-top:1px solid #c2c2c2;border-left: 1px solid #c2c2c2;float: left;text-align:left;font-size: 15px; padding:5px 0 5px 3px;}
.table3{width: 125px; border-top:1px solid #c2c2c2;border-left: 1px solid #c2c2c2;border-right: 1px solid #c2c2c2;float: left;text-align:left;font-size: 15px;padding:5px 0 5px 3px;}
.table4{width: 616px;height: 40px; line-height: 40px; border: 1px solid #c2c2c2; float: left;text-align: left;padding-left:3px;font-size: 15px;}
.table5{width: 125px;height: 40px; line-height: 40px;border-top: 1px solid #c2c2c2;border-right: 1px solid #c2c2c2;border-bottom:1px solid #c2c2c2; float: left;text-align: left;padding-left:3px;font-size: 15px;}
.tableend{width: 174px;height: 60px; line-height: 60px; float: left;text-align: left;padding-left:6px;text-align: center;font-size: 15px;margin-top: 5px;}
.pages-input{border-color: #c2c2c2;border-style: solid;border-top-width: 0px; border-right-width: 0px;border-bottom-width: 1px; border-left-width: 0px;width:30px; text-align: center;}

/*名片卡片*/
.contact_card {width: auto;height: 260px;border: 1px solid #1E9FFF;border-radius:10px; background-image: url(/static/images/contact_card.jpg);}
.contact_card_title {width: 90%;margin: 30px 0 2px 20px; font-size:18px;float: left;}
.contact_card_address {width: 100%;margin: 5px 0 2px 20px; font-size:14px;float: left;}
.contact_card_phone {width: 100%;margin: 5px 0 2px 20px; font-size:14px;float: left;}
.contact_card_name {width: 50%;margin: 15px 0 2px 20px; font-size:20px;font-weight: bold;float: left;}
.contact_card_pos {width: 50%;margin: 15px 0 2px 20px; font-size:14px;}
.contact_card_tel {width: 100%;margin: 0 0 2px 20px; font-size:14px;float: left;}
.contact_card_wec {width: 100%;margin: 0 0 2px 20px; font-size:14px;}
.contact_card_dec {width: auto;margin: 15px 20px 2px 20px; font-size:14px;float: left;}
.contact_card_add {margin-left: 40%;margin-top: 110px;}

.contact_card:hover {
-webkit-transform:scale(1.02); /* Safari and Chrome */
-moz-transform:scale(1.02); /* Firefox */
-ms-transform:scale(1.02); /* IE 9 */
-o-transform:scale(1.02); /* Opera */
 transform:scale(1.02);
}

.dep-main {width: 300px;float: left;height: 150px;}
.dep-img {width: 150px;float: left;height: 150px;}
.dep-name {width: 141px;float: left;font-size:12px;font-weight: bold;margin-top:25px;margin-left:6px;}
.dep-text {width: 141px;float:left;font-size:10px; margin-top:2px;margin-left:6px;}
.dep-photo-bg {height: 150px; border: 1px solid #1E9FFF;border-radius:5px;}
.dep-photo-bg img {border-top-left-radius: 5px; border-bottom-left-radius:5px;}