@charset "utf-8";


/* @font-face
{font-family: Poppins;
src: url('../font/Poppins-Regular.otf')} */


/* 
@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1705108683799') format('woff2'),
       url('iconfont/iconfont.woff?t=1705108683799') format('woff'),
       url('iconfont/iconfont.ttf?t=1705108683799') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */


*{box-sizing:border-box;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:inherit;font-size: inherit;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
:hover{transition: all .2s;}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}	

.imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.underline{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}
.img_fit{width: 100%;height: 100%;display: block;object-fit: contain;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;display: flex; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;min-width:0;min-height:0;}
.flex-center{display: flex;align-items: center;justify-content: center;}


.scrolly {
	overflow-y: scroll;
}

.scrolly::-webkit-scrollbar {
	width: 0;
}

.scrollybg {
	overflow-y: auto !important;
	padding-right: 10px;
	width: calc(100% + 15px);
}

.scrollybg::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar {
	width: 5px;
	height: 6px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(51,51,51,.05);
	border-radius: 3px;
}

::-webkit-scrollbar-button {
	display: none;
}

::-webkit-scrollbar-resizer {
	display: none;
}


body{overflow-x: hidden;color:#000;font-size: 14px;line-height: 1.5;background:#fff;font-family:'Noto Sans SC','PingFang SC','PingFangMedium', "microsoft yahei";}
/* h1,h2,h3,h4,h5,h6{line-height:1.4;font-size:inherit;}
::-webkit-input-placeholder{color:#b6bac1;}
:-moz-placeholder{color:#b6bac1;}
::-moz-placeholder{color:#b6bac1;}
:-ms-input-placeholder{color:#b6bac1;} */



.mb20{margin-bottom:20px;}
.c-main{color:#f95e2a!important;}


/* 公共部分 */

.body{height:100vh;overflow: hidden;background:#f5f7fa;overflow: hidden;}
.layout-aside{width:255px;flex-shrink:0;background:#001529;}
/* 

.head{flex-shrink:0;} */

.container{padding:25px;min-width:0;}
.idx-tt{margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;gap:12px;flex-wrap: wrap;}
.idx-tt .bt{font-size: 24px;color:#212c39;font-weight: bold;}
.idx-tt .time{color:#9c9c9c;}
.idx-tt .bq{padding:0 13px;line-height: 26px;height: 26px;border-radius:18px;color:#1890ff;background:#e8f4ff;margin-left:10px;}

.idx-top{display: grid;gap:20px;grid-template-columns: repeat(3, minmax(0, 1fr));margin-bottom: 25px;}
.idx-top li{padding:20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(197,197,197,.36);}
.idx-top .num{font-size: 24px;color:#212c39;}
.idx-top .fz{color:#9c9c9c;}


.idx-bj{margin-bottom: 20px;}
.idx-bj .drop{display: none;}
.idx-bj .titbox{margin-bottom: 15px;display: flex;align-items: center;gap:0 20px;}
.idx-bj .t-tit{font-size: 18px;color:#212c39;}
.idx-bj .showmore{font-size: 16px;color:#9c9c9c;cursor: pointer;display: flex;align-items: center;gap:0 10px;}
.idx-bj .showmore::after{content:'';width:12px;height:13px;background:url(../images/icon_01.png) no-repeat center;background-size:contain;}
.idx-bj .showmore.this{color:#f95e2a;}
.idx-bj .showmore.this::after{background-image:url(../images/icon_01-1.png);transform: rotate(180deg);}
.idx-bj.checked .drop{display: block;}


.idx-bj .list{display: flex;gap:20px;flex-wrap:wrap;}
.idx-bj .list .item{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(197,197,197,.36);padding:20px 15px 0;width:calc(16.66% - 17px);min-width:200px;}
.idx-bj .list .item-t{display: flex;align-items: center;}
.idx-bj .list .avatar{width: 68px;height: 68px;margin-right:15px;border-radius:50%;}
.idx-bj .list .name{font-size: 20px;}
.idx-bj .list .sex{width: 20px;margin-left:6px;}
.idx-bj .list .age{margin-top: 3px;}
.idx-bj .list .item-b{min-height: 54px;display: flex;align-items: center;line-height: 1.4;}
.idx-bj .list .wz{color:#9c9c9c;}
.idx-bj .list .warn{color:#ff0000;}
.idx-bj .list .button{color:#f95e2a;border:1px solid #f95e2a;border-radius:20px;padding:0 20px;border-radius:30px;line-height: 30px;}
.idx-bj .list .button:hover{color:#fff;background:#f95e2a;}

.ai-icon{position: fixed;right: 30px;bottom: 30px;z-index:90;}
.ai-icon img{border-radius:50%;width: 71px;height: 71px;}

/* 保健室 */
.bjs-sec{display: flex;gap:15px;align-items: stretch;}
.bjs-sec > .flex-1{min-width: 0;}


.log-top{display: flex;align-items: center;margin-bottom: 20px;}
.log-top .avatar{width: 100px;height: 100px;border-radius:50%;margin-right:18px;}
.log-top .name{font-size: 30px;font-weight: bold;}
.log-top .sex{width: 22px;margin-left:8px;}
.log-top .age{color:#666;margin-top:6px;}
.log-top .user{width: 46px;height: 46px;background:url(../images/icon_02.png) no-repeat center;background-size:contain;}



.log-m{background:#fff;border-radius:16px;padding:16px 16px 18px;margin-bottom: 15px;}

.log-m .titbox{display: flex;align-items: center;justify-content: space-between;margin-bottom:16px;}
.log-m .titbox .bt{font-size: 18px;color:#212c39;display: flex;align-items: center;}
.log-m .titbox .ico{width: 22px;margin-right:8px;}

.log-m .dot-txt{color:#666666;}
.log-m .dot-txt p{position: relative;padding-left:18px;}
.log-m .dot-txt p:before{content:'';width:4px;height:4px;background:#b2b2b2;border-radius:50%;position: absolute;left:5px;top:8px;}



.bjs-sec-t{display: grid;grid-template-columns: 2fr 3fr 1.8fr;gap:15px;}

.log-emo{}
.log-emo .list{display: flex;flex-wrap: wrap;}
.log-emo .list li{text-align: center;min-width: 20%;}
.log-emo .list .icon{height: 44px;width: auto;display: block;margin:0 auto 5px;filter: grayscale(100%); -webkit-filter: grayscale(100%);opacity: 0.36;}
.log-emo .list .text{color:#666;}
.log-emo .list li.cur .icon{filter: grayscale(0); -webkit-filter: grayscale(0);opacity: 1;}
.log-emo .list li.cur .text{color:#000;}


.log-health .opts{display: flex;flex-wrap: wrap;gap:10px;}
.log-health .opts .opt{height:32px;line-height: 32px;border:1px solid #ececec;border-radius:6px;background:#fff;min-width:90px;text-align: center;overflow: hidden;cursor: pointer;padding:0 10px;}
.log-health .opts .opt.checked{color:#f95e2a;border-color:#ffc0ab;position: relative;border-radius:6px 6px 10px 6px;}
.log-health .opts .opt.checked::after{content:'';width:16px;height: 16px;background:url(../images/log_11.png) no-repeat center;background-size:contain;position: absolute;right: -1px;bottom: -1px;}

.log-health .txt{display: flex;flex-wrap: wrap;gap:0 20px;margin-top:20px;}
.log-health .txt em{color:#666;}


.log-tw .warn{font-size:14px;color:#fff;width:38px;height:38px;border-radius:50%;display: flex;align-items: center;justify-content: center;background: linear-gradient(#ef0a0a, #f95e2a);box-shadow:0 0.2rem 0.5rem rgba(249,94,42,.36);}

.log-tw .list{display: flex;justify-content: space-between;align-items: center;padding:0 5%;}
.log-tw .list .item{text-align: center;position: relative;}
.log-tw .list .fz em{font-size: 30px;line-height: 1;font-weight: bold;margin-right:5px;}
.log-tw .list .wz{color:#666666;margin-top:5px;}
.log-tw .list .divider{width: 1px;background:#e9e9e9;height: 34px;}



.log-yyzh{}
.log-yyzh .group:not(:last-child){margin-bottom: 25px;}
.log-yyzh .t-tit{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.log-yyzh .txt{color:#666666;}
.log-yyzh .txt p:not(:last-child){margin-bottom:5px;}
.log-yyzh .divider{width: 1px;background:#e9e9e9;height: 80px;margin:25px 35px 0;}

.log-qk{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap:0 15px;}
.log-qk .grps{padding-top:10px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.log-qk .grp{min-width: 35%;}
.log-qk .fz{}
.log-qk .fz em{font-size: 30px;margin-right:3px;font-weight: bold;line-height: 1;}
.log-qk .wz{color:#666;margin-top:4px;}


.log-today{width: 20%;min-width: 220px;flex-shrink: 0;}
.log-today .row{display: flex;gap:0 20px;text-align: right;margin-bottom:20px;}
.log-today .row:last-child{margin-bottom:0;}
.log-today .row span{color:#666;text-align: left;}


.log-activity{width: 20%;min-width: 220px;flex-shrink: 0;}

.bjs-btns{display: flex;gap:20px;justify-content: center;margin-top:30px;flex-wrap: wrap;}
.bjs-btns .button{color:#1890ff;border:1px solid #1890ff;width: 300px;max-width: 100%;height: 44px;line-height: 44px;text-align: center;background:#eff7ff;border-radius:23px;}
.bjs-btns .button:hover{opacity: 0.85;}
.bjs-btns .button.this{color:#fff;background:#1890ff;}


.pop{position: fixed;inset: 0;background:rgba(0,0,0,.5);z-index:110;display: none;animation: pop-mask .28s ease;}
.pop .wrapbox{background:#fff;border-radius:16px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding:20px 10px;animation: pop-up .36s ease-out;}
@keyframes pop-mask {
	from {background: rgba(0,0,0,0);}
	to {background: rgba(0,0,0,.5);}
}
@keyframes pop-up {
	from {opacity: 0;transform: translate(-50%, calc(-50% + 56px));}
	to {opacity: 1;transform: translate(-50%, -50%);}
}
.pop .close{font-size: 26px;color:#aaaaaa;line-height: 1;position: absolute;right: 15px;top: 15px;cursor: pointer;}
.pop .close:hover{color:#333;}
.pop .bt{font-size: 22px;margin-bottom: 20px;padding:0 10px;}

.pop-squ .wrapbox{width: 360px;}
.pop-squ .opt{padding:10px 24px;color:#212c39;border-radius:6px;margin-bottom:8px;cursor: pointer;font-size: 15px;}
.pop-squ .opt.checked{color:#1890ff;background:#e3f2ff;}

.pop-squ .btns{display: flex;gap:10px;justify-content: flex-end;margin-top:30px;}
.pop-squ .btns .button{color:#7d7d7d;min-width: 90px;height: 44px;line-height: 44px;text-align: center;background:#efefef;border-radius:23px;padding:0 20px;text-align: center;}
.pop-squ .btns .button:hover{opacity: 0.85;}
.pop-squ .btns .button.this{color:#fff;background:#1890ff;}

.pop-tip .wrapbox{width: 240px;}
.pop-tip .txt{text-align: center;font-size: 16px;color:#1890ff;padding:5px 0;}


/* 小屏电脑适配 */
@media (max-width: 1600px) {
	
	.container{padding: 20px;}
	.scrollybg{width: 100%;padding-right: 16px;}
	.log-today,
	.log-activity{width: 240px;min-width: 220px;}
	.log-yyzh .divider{margin: 25px 20px 0;}
}

@media (max-width: 1440px) {
	.container{padding: 16px;}
	.idx-tt .bt{font-size: 20px;}
	.log-top .avatar{width: 80px;height: 80px;margin-right: 14px;}
	.log-top .name{font-size: 24px;}
	.log-m{padding: 14px;}
	.bjs-sec-t{grid-template-columns: 1.6fr 2.2fr 1.4fr;gap: 12px;}
	.log-qk{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;}
	.log-qk .fz em,
	.log-tw .list .fz em{font-size: 26px;}
	.log-health .opts .opt{min-width: 72px;}
	.log-today,
	.log-activity{width: 220px;}
	.bjs-btns .button{width: 240px;}
}

@media (max-width: 1280px) {
	.bjs-sec{flex-wrap: wrap;}
	.bjs-sec > .flex-1{flex: 1 1 100%;}
	.log-today,
	.log-activity{width: 100%;min-width: 0;}
	.bjs-sec-t{grid-template-columns: 1fr 1fr;}
	.log-tw{grid-column: 1 / -1;}
	.log-yyzh > .flex{flex-wrap: wrap;}
	.log-yyzh .divider{width: 100%;height: 1px;margin: 0 0 20px;}
	.log-yyzh .flex > .flex-1.group{flex: 1 1 280px;}
	.bjs-btns .button{width: calc(50% - 10px);min-width: 160px;}
}

@media (max-width: 1100px) {
	.bjs-sec-t{grid-template-columns: 1fr;}
	.log-tw{grid-column: auto;}
	.log-emo .list{justify-content: space-between;}
	.idx-top{grid-template-columns: 1fr;gap: 12px;}
	.idx-bj .list .item{width: calc(50% - 10px);}
	.log-top .user{width: 40px;height: 40px;}
}

@media (max-width: 900px) {
	.idx-bj .list .item{width: 100%;min-width: 0;}
	.bjs-btns{flex-direction: column;align-items: stretch;}
	.bjs-btns .button{width: 100%;}
	.log-qk{grid-template-columns: 1fr;}
	.ai-icon{right: 16px;bottom: 16px;}
	.ai-icon img{width: 56px;height: 56px;}
}