@charset "UTF-8";
/* ========== 公共样式 start ========== */
* {margin: 0;padding: 0;list-style: none;word-wrap: break-word;outline: none;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html {overflow: hidden;height: 100%;}
body {background: #f2f2f2;font-size: 0.65rem;color: #333;width: 100%;height: 100%;display: flex;flex-direction: column;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;overflow: hidden;}
@media screen and (max-width: 360px) {
	html {font-size: 20px;}
}
@media screen and (min-width: 361px) and (max-width: 750px) {
	html {font-size: calc(40*(100vw/750));}
}
@media screen and (min-width: 751px) {
	html {font-size: 40px;}
}
/* 网页内容区 start */
.flexColHtml{background: #ffffff;flex: 1;height:0;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.flexColBody{min-height:100%;}
/* 网页内容区 end */
/* 滚动条设置 start */
::-webkit-scrollbar {width:0px;background:#eaeff2;}
::-webkit-scrollbar-button {display: none;}
::-webkit-scrollbar-thumb {width:8px;background:#1e5ab0;border-radius: 0px;}
::-webkit-scrollbar-corner {background:none;}
::-webkit-scrollbar:horizontal{height:0px;}
/* 滚动条设置 end */
/* 背景色 start */
.bglinear{
	background: -webkit-linear-gradient(#d8e7fc, #f7faff);
	background: linear-gradient(#d8e7fc, #f7faff);
}
.bgBai{background: #ffffff;}
.bgHui{background: #F2F2F7;}
/* 背景色 end */
/* 文字截取 start */
.textOverflow{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.clamp1{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 1 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp2{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 3 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 4 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp5{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 5 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp6{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 6 !important;-webkit-box-orient: vertical;overflow: hidden;}
/* 文字截取 end */
/* 超链接设置 start */
a {color: #666666;text-decoration: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255,255,255,0);}
a:link {color: #666666;}
a:visited {color: #666666;}
a:hover {color: #1e5ab0;}
a:active {color: #666666;blr:expression(this.onFocus=this.blur());}
/* 超链接设置 end */
/* 输入框设置 start */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aab2bd;font-size:0.65rem;}
input,
textarea{background: none;resize: none;}
/* 输入框设置 end */
/* 内容区间距设置 start */
.box{padding: 0 0.5rem;}
.box2{padding: 0.5rem;}
.h20{ height:0.5rem; clear: both;}
.h30{ height:0.75rem; clear: both;}
.h40{ height:1rem; clear: both;}
.h50{ height:1.25rem; clear: both;}
.h60{ height:1.5rem; clear: both;}
/* 内容区间距设置 end */
/* 边框设置 start */
.bdAll{position:relative;z-index: 1}
.bdAll:before{content: " ";width: 200%;height: 200%;position: absolute;top: 0;left: 0;border: 1px solid #e3e3e3;box-sizing: border-box;-webkit-transform: scale(.5);transform: scale(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;z-index: -1}
.bdBottom{ position: relative;}
.bdBottom:before{display:block; content:''; position:absolute; left:0px; bottom:0px; width:100%; height:0; border-bottom:1px solid #e3e3e3;  transform:scaleY(0.5); -webkit-transform:scaleY(0.5);}
.bdLeft{ position: relative;}
.bdLeft:before{display:block; content:''; position:absolute; left:0px; top:0px; width:0; height:100%; border-left:1px solid #e3e3e3; transform:scaleX(0.5); -webkit-transform:scaleX(0.5);}
.bdRight{ position: relative;}
.bdRight:before{display:block; content:''; position:absolute; right:0px; top:0px; width:0; height:100%; border-right:1px solid #e3e3e3; transform:scaleX(0.5); -webkit-transform:scaleX(0.5);}
.bdTop{ position: relative;}
.bdTop:before{ display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:0; border-top:1px solid #e3e3e3; transform:scaleY(0.5); -webkit-transform:scaleY(0.5);}
/* 边框设置 end */
/* ========== 公共样式 end ========== */
/* ========== 标题 start ========== */
/* ========== 标题 end ========== */
.fontIcon{font-size: 1rem;}
/* 顶部 start */
.menuHeader{background: #fff;display: flex;}
.menuHeader .side{min-width: 2rem;height: 2.25rem;line-height: 2.25rem;display: flex;text-align: center;}
.menuHeader .side .fontIcon{width: 2rem;text-align: center;font-size: 1rem;color: #333;}
.menuHeader .text{flex: 1;height: 2.25rem;line-height: 2.25rem;font-size: .8rem;color: #333;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.menuHeader .side .closeView{display: none;}
.menuHeader.active .side{width: 4rem;}
.menuHeader.active .side .closeView{display: block;}
.footerBtn{display: flex;justify-content: center;background: #fff;}
.footerBtn a{flex: 1;height: 2.25rem;line-height: 2.25rem;text-align: center;font-size: 0.8rem;color: #0089FF;}
/* 顶部 end */
/* 底部 start */
.flexFooterDl{display: flex;justify-content: space-around;background: #FFFFFF;height: 2.5rem;align-items: center;}
.flexFooterDl dd{flex: 1;text-align: center;}
.flexFooterDl dd .title{font-size: 0.55rem;}
.flexFooterDl dd.active a{color: #0089FF;}
/* 底部 end */
/* 搜索 start */
.baseStikyTop{position: sticky;top: 0;z-index: 10;}
.baseSearchBox{padding: 0.5rem;}
.baseSearch{overflow: hidden;background: #fff;height: 1.75rem;border-radius: 0.85rem;padding: 0 0.5rem;display: flex;}
.baseSearch .searchBtn{width: 1.35rem;height: 1.75rem;line-height: 1.8rem;font-size: 1rem;}
.baseSearch .inputBox{flex: 1;overflow: hidden;}
.baseSearch .inputBox .input{width: 100%;height: 1.75rem;line-height: 1.8rem;border: none;font-size: 0.7rem;}
/* 搜索 end */
.baseTitle{line-height: 1rem;font-size: 0.7rem;color: #000;font-weight: bold;padding: 0.5rem 0.75rem;border-bottom: 1px solid #e6e6e6;display: flex;align-items: center;}
.baseTitle::before{display: block;content: '';width: 1.5rem;height: 1.5rem;background: url(../images/projectIcn.png) no-repeat center center / auto 1rem;float: left;display: inline;position: relative;left: -.25rem;}
/* 项目列表 start */
.baseListDl{overflow: hidden;display: flex;flex-wrap: wrap;}
.baseListDl dd.w25{width: 25%;text-align: center;}
.baseListDl dd{width: 100%;overflow: hidden;border-radius: 0.5rem;background: #fff;margin-bottom: 0.5rem;border:1px solid transparent;}
.baseListDl dd .con{padding: 0.5rem 0.75rem;}
.baseListDl dd .textC{display: flex;align-items: center;padding: .15rem 0;}
.baseListDl dd .con .title{font-size: 0.65rem;color: #999;line-height: 1rem;margin-right: 0.15rem;display: flex;align-items: center;}
.baseListDl dd .con .title::before{content: '';display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #007CFD;margin-right: .5rem;}
.baseListDl dd .con .textC:nth-child(6n-5) .title::before{ background: #3cbca5;}
.baseListDl dd .con .textC:nth-child(6n-4) .title::before{ background: #fd9055;}
.baseListDl dd .con .textC:nth-child(6n-3) .title::before{ background: #5eadfc;}
.baseListDl dd .con .textC:nth-child(6n-2) .title::before{ background: #c27ae0;}
.baseListDl dd .con .textC:nth-child(6n-1) .title::before{ background: #2196f3;}
.baseListDl dd .con .textC:nth-child(6n) .title::before{ background: #e925af;}
.baseListDl dd .con .text{flex: 1;font-size: 0.65rem;color: #999;line-height: 1rem;}
.baseListDl dd.myselected{border:1px solid #0089FF;background:#f7fbff;position: relative;}
/* 项目列表 end */
/* 菜单列表 start */
.menuListDl{display: flex;flex-wrap: wrap;padding: 0.5rem 0 0;}
.menuListDl dd{width: 25%;margin-bottom: 0;}
.menuListDl dd .menuIcon{text-align: center;display: flex;justify-content: center;}
.menuListDl dd .menuIcon .fontIcon{
	background: -webkit-linear-gradient(#007CFD, #007CFE);
	background: linear-gradient(#007CFD, #007CFE);
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 0.5rem;
	overflow: hidden;
	color: #fff;
	font-size: 1.5rem;
}
.menuListDl dd .menuIcon.qiandaoIcon .fontIcon{
	background: -webkit-linear-gradient(#FEAD00, #FEB500);
	background: linear-gradient(#FEAD00, #FEB500);
}
.menuListDl dd .menuTitle{height: 1.5rem;line-height: 1.5rem;overflow: hidden;text-align: center;font-size: 0.6rem;color: #333;}
/* 菜单列表 end */
/* 人员列表 start */
.userListDl{display: flex;flex-wrap: wrap;margin: 0;padding: .25rem;display: none;}
.userListDl dd{width: 100%;/* padding: 0.5rem; */background: #FFF;border-radius: .25rem;margin-bottom: 0;}
.userListDl dd .con{display: flex;align-items: center;padding: 0.25rem 0;}
.userListDl dd .con .title{width: 1.75rem;height: 1.75rem;line-height: 1.75rem;text-align: center;color: #FFF;font-size: .7rem;background: #5094f2;margin-right: 0.5rem;border-radius: 50%;overflow: hidden;}
.userListDl dd .con .text{flex: 1;line-height: 1rem;color: #333;font-size: .65rem;}
.userListDl dd .con .name{margin-bottom: 0.1rem;}
.userListDl dd .con .textC{font-size: .6rem;color: #999;line-height: 0.8rem;}
/* 人员列表 end */
/* 信息列表 start */
.infoListDl{background: #fff;margin-bottom: 0.5rem;display: flex;flex-wrap: wrap;padding: 0.5rem;}
.infoListDl dd{margin-right: 0.5rem;display: flex;}
.infoListDl.style2 dd{width: 100%;margin-right: 0;}
.infoListDl dd .textC{font-size: 0.6rem;color: #999;line-height: 1rem;}
.infoListDl dd .textC .fontIcon{color: #999;font-size: 0.6rem;}
.infoListDl.style2 dd .title .fontIcon{font-size: 0.65rem;}
.infoListDl dd .text{flex: 1;line-height: 1rem;font-size: 0.6rem;color: #333;}
.infoListDl.style2 dd .text{font-size: 0.65rem;}
/* 信息列表 end */
/* 签到记录列表 start */
.historyListDl{
	display: flex;
	flex-wrap: wrap;
}
.historyListDl dt{
	width: 100%;
	font-size: 0.55rem;
	height: 1.5rem;
	line-height: 1.5rem;
	overflow: hidden;
	color: #333333;
}
.historyListDl dd{
	width: 100%;
	padding: 0 0.5rem;
	border-radius: 0.3rem;
	overflow: hidden;
	border: 1px solid #e3e3e3;
	margin-bottom: 0.5rem;
}
.historyListDl dd .textC{
	display: flex;
	justify-content: space-between;
	padding: 0.5rem 0;
	line-height: 1rem;
	font-size: 0.75rem;
	font-weight: bold;
	color: #333333;
}
.historyListDl dd .text{
	padding: 0.5rem 0;
	min-height: 3rem;
	line-height: 1rem;
	font-size: 0.65rem;
	color: #333333;
}
.historyListDl dd .text .title{
	color: #999999;
}
/* 签到记录列表 end */
/* 地图 start */
.mapColBox{padding:0 0.5rem;background: #fff;overflow: hidden;}
.mapBox{background: #F2F2F7;height: 17rem;margin-bottom: 0.5rem;}
.mapHeader{display: flex;justify-content: space-between;}
.mapHeader .title{height: 1.8rem;line-height: 1.8rem;font-size: 0.75rem;color: #333;}
.mapHeader .mapSelect a{height: 1.8rem;line-height: 1.8rem;font-size: 0.65rem;color: #0089FF;}
/* 地图 end */
/* 选择 start */
.selectColBox{padding: 0.75rem;background: #fff;}
.selectColBox .flex{ display: flex; align-items: center;}
.selectColCon{flex: 1;}
.selectColText{display: flex;overflow: hidden;}
.selectColText .title{width: 3.5rem;height: 1.2rem;line-height: 1.2rem;overflow: hidden;font-size: 0.65rem;color: #333;}
.selectColText .text{flex: 1;}
.selectColText .text .input{width: 100%;height: 1.2rem;line-height: 1.2rem;overflow: hidden;font-size: 0.65rem;color: #333;border: none;}
.selectColBtn{width: 1.5rem;margin-left: 0.5rem;cursor: pointer;text-align: center;display: flex;align-items: center;justify-content: flex-end;}
.selectColBtn .fontIcon{color: #0089FF;}
.selectColBtn .text{color: #0089FF;font-size: 0.6rem;}
/* 选择 end */
/* 签到打卡 start */
.attendanceConBox{padding: 1rem 0; flex: 1;}
.attendanceBtnBox{display: flex;justify-content: center;align-items: center;}
.attendanceBtn{
	width: 5.5rem;
	height: 5.5rem;
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: -webkit-linear-gradient(#FEAD00, #FEB500);
	background: linear-gradient(#FEAD00, #FEB500);
	box-shadow: 0 3px 6px rgba(254,181,0,0.5);
	-webkit-box-shadow: 8 3px 6px rgb(254 181 0 / 50%);
	position: relative;
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.attendanceBtn:before{
	content: "";
	display: block;
	width: 50%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: linear-gradient(top right,rgba(255,255,255,0.1),rgba(255,255,255,0.25));
	background: -webkit-linear-gradient(top right,rgba(255,255,255,0.1),rgba(255,255,255,0.25));
	-webkit-transform-origin:center center;
	transform-origin:right bottom;
	animation-name:reg;
	animation-duration:2s;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name:reg;
	-webkit-animation-duration:2s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	opacity:0;
	visibility: hidden;
	-webkit-transition-duration: 0.2s;
}
.attendanceBtn.active:before{opacity: 1;visibility: visible;}
@keyframes reg{
	0%{transform:rotate(0)}
	50%{transform:rotate(180deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes reg{
	0%{-webkit-transform:rotate(0)}
	50%{-webkit-transform:rotate(180deg)}
	100%{-webkit-transform:rotate(360deg)}
}
.attendanceBtn.daka{
	background: linear-gradient(#63c1fe,#2f95f7);
	background: -webkit-linear-gradient(#63c1fe,#2f95f7);
	box-shadow: 0 3px 6px rgb(47 149 247 / 65%);
}
.attendanceBtn .btnTitle{width: 100%;height: 1rem;overflow: hidden;line-height: 1rem;text-align: center;color: #fff;font-size: 0.8rem;transition-duration: 0.2s;-webkit-transition-duration: 0.2s;opacity: 0.6;}
.attendanceBtn .btnTime{width: 100%;height: 1.2rem;line-height: 1.2rem;color: #fff;font-size: 0.9rem;}
.attendanceTextBox{height: 2rem;line-height: 2rem;text-align: center;color: #666;font-size: 0.65rem;}
.attendanceTextBox .text span{ color: #0089ff;}
.attendanceTextBox.active .text,
.attendanceTextBox .text2{display: none;}
.attendanceTextBox.active .text2{display: block;}
.attendanceTextBox .text2 .fontIcon{color: #22C67F;font-size: 0.65rem;}
.attendanceTextBox .text2 .attendanceSum{color: #FEAD00;}
/* 签到打卡 end */
/* 签到打卡确认 start */
.flexPopBody{width: 100%;height: calc(100% - 2.25rem);position: fixed;top: 2.25rem;left: 100%;z-index: 999;display: flex;flex-direction: column;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-ms-transition: all 0.4s linear;-o-transition: all 0.4s linear;}
.flexPopBody.active{left: 0;}
.textareaBox{background: #fff;padding: 0.5rem;display: flex;position: relative;}
.textareaBox .input{flex: 1;line-height: 1rem;border: none;font-size: 0.65rem;color: #333;position: relative;z-index: 10;}
.textareaBox .tagIcon{
	position: absolute;
	right: 1rem;
	top: 0;
	font-size: 5rem;
	color: #22C67F;
	z-index: 5;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	opacity: 0;
	visibility: hidden;
}
.textareaBox.active .tagIcon{
	top: -2.5rem;
	opacity: 1;
	visibility: visible;
}
/* 签到打卡确认 end */
/* layui样式修改 start */
.layui-layer-btn{
	background: #FFFFFF;
	display: flex;
}
.layui-layer-btn a{
	flex: 1;
	text-align: center;
	height: 1.7rem !important;
	line-height: 1.7rem !important;
	border: none !important;
}
.layui-layer{
	display: flex;
	flex-direction: column;
}
#flexPopLayer {
	height: auto;
	flex: 1;
}
/* layui样式修改 end */

.aykj-tree-itemIcn{ width: 1rem; height: 1rem; margin: 0 .5rem; border-radius: 100%; overflow: hidden;}
.aykj-tree-itemIcn:before{ border-radius: 200%; border-color: #848484;}
.aykj-tree-itemIcn i{ width: 1rem; height: 1rem; text-align: center; line-height: 1rem; font-size: .8rem; display: block; background: #5094f2; color: #FFF; visibility: hidden; opacity: 0; transition: all .3s;-webkit-transition: all .3s;}
.selected .aykj-tree-itemIcn i{ opacity: 1; visibility: visible;}
/* .projectList .aykj_m_slideFooterBtn a{background: #fff;color: #333;} */

.userAll{ display: flex; align-items: center;padding: 0.5rem;background: #FFF;border-radius: .5rem;margin:0 .5rem .5rem;}

.projectTab{ background: #FFF; display: flex; height: 1.8rem; line-height: 1.8rem;}
.projectTab .item{ flex: 1; text-align: center;}
.projectTab .item.hover{ background: #0089ff; color: #FFF;}

.setBaseBtn{padding: 0.25rem .5rem;color: #fff;position: absolute;right: 0.75rem;top: 4.25rem;background: #0089ff;border-radius: .5rem; display: none;}
.setBaseBtn em{ font-style: normal; margin-right: .25rem;}
.baseListDl dd.myselected .setBaseBtn{ display: block;}
.baseListDl dd.myselected.main {
	border-color: #ff7500;
}
.baseListDl dd.myselected.main{
	background: #ff750005;
}
.baseListDl dd.myselected.main .setBaseBtn{
	background: #ff7500;
}
.baseListDl dd.myselected.main .baseTitle::before{ background-image: url(../images/projectIcnh.png);}

.baseListSelT{text-align: center;height: 1.5rem;line-height: 1.5rem;font-size: .68rem;color: #666;position: relative;top: -.25rem;display: flex;align-items: center;justify-content: space-between;}
.baseListSelT .selTText span{
	font-size: .95rem;
	margin-right: .25rem;
	color: #2d8afe;
}
.baseListSelT .more{font-size:.5rem;margin-left:.25rem;display: inline-block;transform: rotate(90deg) scale(.8);-webkit-transform: rotate(90deg) scale(.8); transition: all 300ms;-webkit-transition: all 300ms;}
.baseListSelT.active .more{transform: rotate(180deg) scale(.8);-webkit-transform: rotate(180deg) scale(.8);}