html,body{
	padding: 0;
	margin: 0;
	height: 100%;
}
li,a{
	list-style: none;
	text-decoration: none;
	outline: none;
}
/*页面基本样式*/
#page_box{
	/*margin: 10px;*/
	padding: 10px 10px;
	box-shadow: 0 0 1px 2px rgba(0,0,0,.05);
	box-sizing: border-box;
}
#page_box #content{

}
#page_box .search_box{
	background-color: #f2f2f2;
	padding:15px 0 0 0;
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.page_nav{
	float: left;
}


/*钉钉选择部门或用户的样式部分*/
.hide{
	display:none !important;
}
.hideChild>*{display: none !important;}
.select_box{
	position: relative;
	width: 38px;
	height: 38px;
	box-sizing: border-box;
	border:1px #ccc dotted;
	border-radius: 19px;
	display: inline-block;
	margin:4px 0;
}
.select_box::before,
.select_box::after{
	content: '';
	display: block;
	position: absolute;
	width:20px;
	height: 2px;
	background-color: #ccc;
	left: 8px;
	top:17px;
}
.select_box::after{
	transform: rotate(90deg);
	transform-origin: center;
}
.select_head_box{
	float: left;
	display: flex;
	align-items: center;
	margin:4px 0;
}
.select_head_box .head_box{
	position: relative;
	display: block;
	width: 38px;
	height: 38px;
	box-sizing: border-box;
	border: none;
	border-radius: 19px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	
}
.select_head_box .head_box>span{
	display:block;
	line-height:38px;
	border-radius:19px;
	text-align:center;
	white-space:nowrap;
	text-overflow:hidden;
	overflow:hidden;
	color:#fff;
	background-color:#0099cc;
}
.select_head_box .head_box.bg2>span{
	background-color:#FF5722;
}
.select_head_box .next_icon{
	width: 16px;
	height: 16px;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-color: #ccc;
	transform: rotate(45deg);
	transform-origin: center;
	margin: 0 10px 0 2px;
}
.select_head_box .add_icon,.select_head_box .or_icon{
	position:relative;
	width:28px;
	height:28px;
	background:transparent;
}
.select_head_box .add_icon::before,
.select_head_box .add_icon::after,
.select_head_box .or_icon::before{
	content:'';
	display:block;
	position:absolute;
	width:20px;
	height:2px;
	top:13px;
	left:4px;
	background:#ccc;
	transform-origin:center;
}
.select_head_box .add_icon::after{
	transform:rotate(90deg);
}
.select_head_box .or_icon::before{
	width:24px;
	transform:rotate(120deg);
}
.select_head_box .head_box .del{
	position: absolute;
	width: 16px;
	height: 16px;
	background: rgba(0,0,0,.6);
	color: #fff;
	transform:rotate(45deg);
	transform-origin: center;
	border-radius: 8px;
	right: -4px;
	top: -1px;
}
.select_head_box .head_box .del::before,
.select_head_box .head_box .del::after{
	content: '';
	display: block;
	position: absolute;
	width:8px;
	height: 1px;
	background-color: #fff;
	left: 4px;
	top: 7px;
}
.select_head_box .head_box .del::after{
	transform: rotate(90deg);
	transform-origin: center;
}

/*角色选择*/
#job_select{
	padding:0;
	margin:0;
}
#job_select ul{

}
#job_select ul li{
	display: flex;
	/*justify-content: center;*/
	align-items: center;
	padding: 16px 16px;
	border-width: 1px 0 1px 0;
	border-color: #ccc;
	border-style: solid;
	border-collapse: collapse;
	position: relative;
}
#job_select ul li::after{
	content: '';
	width:18px;
	height: 18px;
	box-sizing: border-box;
	border-style: solid;
	border-color: #ccc;
	border-width: 2px 2px 0 0;
	display: block;
	transform: rotate(45deg);
	transform-origin: center;
	position: absolute;
	right: 10px;
}
#job_select ul li:hover{
	background-color: #eee;
}
#job_select ul li:active{
	background-color: #0099cc;
}
#job_select ul li.active{
	background-color: #eee;
}
#job_select ul li:first-child{
	border-bottom-width: 0;
}
#job_select li .head{
	width:36px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	display: block;
	border-radius: 18px;
	background-color: #0099cc;
	color: #fff;
	margin-right: 20px;
}
#job_select li .head img{
	max-width: 100%;
	max-height: 100%;
}


/*申请单选择的下拉列表*/
.apply_box{

}
.apply_box p{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;
	background-color: #ccc;
	margin: 5px 0;
}
.apply_box p i{
	font-size: 18px;
	margin-right: 6px;
}
.apply_box p .del{
	width:20px;
	height: 20px;
	position: relative;
	transform-origin: center;
	transform: rotate(45deg);
	cursor:pointer;
}
.apply_box p .del::before,.apply_box p .del::after{
	content: '';
	display: block;
	position: absolute;
	width:20px;
	height: 2px;
	background-color: #666;
	top:9px;
	left: 0;
}
.apply_box p .del::after{
	transform: rotate(90deg);
	transform-origin: center;
}
/*遮盖层*/
.cover_box{
	position: relative;
}
.cover_box::before{
	content:'';
	display:block;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(125,125,125,.2);
	z-index: 100;
	cursor:no-drop;
}
.line_btn_box{
	padding: 10px;
    text-align: right;
	background:#f6f6f6;
    font-size: 12px;
	color:#333;
}
.line_btn_box span{display: inline-block;padding: 0 8px;}
.line_btn_box span + span{border-left: 1px solid;}
/*定位*/
.locationBox{max-width: 480px;min-width:160px !important;color: #666;}
.position_tag{display: flex;justify-content: space-between;align-items: center;padding: 0 10px;height: auto;min-height: 38px;padding: 4px 10px;box-sizing: border-box;}
.locationBox .latlng_box{line-height:2;color:#666;font-size:13px;padding:0 4px;box-sizing:border-box;}
.locationBox .reload,.field_box .reload{cursor: pointer;display: flex;align-items: center;justify-content: center;}
.locationBox .reload.onlyWeb,.field_box .reload.onlyWeb{background: #f2f2f2;cursor: no-drop ;color: #666;}
.field_box .reload.onlyWeb i{color: #666 !important;}
.position_tag + .reload{margin-top: 16px;}
.position_tag.pc_location_tag{background: #f2f2f2;cursor: no-drop !important;}
.position_tag span{flex: auto;display: block;text-align: left;}
.position_tag span.address{cursor: pointer;}
.position_tag.lock{cursor: no-drop;}
.position_tag.lock .address{cursor: no-drop;}
.position_tag i{display: inline-block;padding: 0 4px;}
.scroll_box{overflow-x:auto;width:100%;}

.tips_tag{
    background:rgba(0,0,0,.5);
    color:#fff;
    position:fixed;
    padding: 3px 4px;
    font-size: 12px;
    border-radius:0 2px 2px 0;
    max-width:320px;
    word-break:break-all;
    line-height: 16px;
}
/*.tips_tag:before{content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 11px 22px 11px 0;
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent;
    position: absolute;
    bottom: 0px;
    left: -22px;
}*/
/*更多按钮*/
.more_btn_box{
    display: inline-block;
    background: #fff;
    color: #666;
    border: 1px solid #C9C9C9;
    white-space: nowrap;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    margin-left:10px;
    position: relative;
    vertical-align: middle;
    padding: 0 20px;
    box-sizing: border-box;
}
/*.more_btn_box.active{background: pink;}*/
.more_btn_box.layui-btn li{line-height: 22px !important;font-size: 14px;}

.more_btn_box ul{position: absolute;background-color: #fff;width:100px;text-align: left;color: #000;display: none;z-index: 100;right: -2px; top: 30px;box-shadow: 0px 16px 20px rgb(0 0 0 / 30%);border: 1px solid #ddd;border-radius: 2px;}
.more_btn_box ul.cb{top:auto;bottom: 38px;right: auto;left: 50%;margin-left: -60px;}


.more_btn_box ul li{box-sizing: border-box;border-bottom:1px solid #ddd;border-width: 0 1px;    padding: 4px 2px;text-align: center;}
.more_btn_box ul li:last-child{border-bottom: 0;}
.more_btn_box ul li:hover{background-color: #eee;cursor: pointer;}
.more_btn_box ul li a{display: block;color: #fff;box-sizing:border-box;border:none;text-align: center;}
.more_btn_box ul li + li{border-top: 1px solid #ddd;box-sizing: border-box;}
.more_btn_box ul li a{color: #666;}
.layui-tree .active>.layui-tree-entry .layui-tree-txt{color: #f00 !important;}
/*标签字段样式*/
.layui-tab.tabBox>.layui-tab-title .layui-this{color: #409EFF;}
.layui-tab.tabBox .layui-tab-title{overflow:auto hidden;}
.selectColorBox{display: flex;flex-wrap: wrap;gap:5px 6px;}
.selectColorBox .colorTag{display:block;line-height: 1em;padding: 4px 15px;box-sizing: border-box;border: 1px solid #ccc;background: #fff;color: #fff;border-radius: 30px;white-space: nowrap;}