@charset "utf-8"; /*全局 begin*/
html { height: 100%; } 
body { font-family: Microsoft Yahei; font-size: .2rem; background: #FFFFFF; height: 100%; overflow: auto; } 
body,p,h1,h2,h3,h4,h5,h6 { margin: 0; } 
ol,ul { list-style: none; margin: 0; padding: 0; } 
img { border: none; width: 100%; } 
input { margin: 0; padding: 0; } 
a img { vertical-align: top; } 
select { border: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } 
input[type=button], input[type=submit], input[type=reset] , input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
a { text-decoration: none; color: #000; } 
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; } 
/*全局结束*/
.center { max-width: 6.4rem; margin: 0 auto; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999999; } 
.lines { width: 100%; max-width: 640rem; height: 0.2rem; background: #f8f8f8; } 
.tophe { height: 1.03rem; } 
.buttomhe { height: 1rem; } 
.content { width: 5.94rem; margin: 0 auto; padding-top: 1.2rem; padding-bottom: .3rem; z-index: 999; } 
.inn { width: 5.94rem; margin: 0 auto; } 
/*灰色背景*/
.gray { background: #F7F7F7; } 

/*背景*/
.background { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgaGVpZ2h0PSI1MDAiIHZpZXdCb3g9IjAgMCAxMDAwIDUwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJsdWVHcmFkIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGZhY2ZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDBmMmZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTSAwIDAgTCAxMDAwIDAgTCAxMDAwIDQwMCBDIDc1MCA2MDAsIDI1MCA2MDAsIDAgNDAwIFoiIGZpbGw9InVybCgjYmx1ZUdyYWQpIi8+PC9zdmc+') no-repeat top center #f7f7f7; height: 3.4rem; width: 100%; background-size: 100%; z-index: -1; position: absolute; top: 0; left: 0; } 

.content .tip { font-size: .3rem; line-height: .55rem; margin-top: .3rem; margin-bottom: 1rem; } 
.content .tip .tit { font-weight: bold; font-size: .35rem; line-height: .7rem; } 
.content .tip .warn { font-weight: bold; color: red; } 

.nocheck { text-align:center; color:red; font-size:.24rem; font-weight:bold; margin-top:.3rem } 

/*start 首页*/
/*标题*/
.in_title { font-size: 0.36rem; height: 1rem; line-height: 1rem; color: #FFFFFF; text-align: center; } 

/*头像框*/
.avatarbox { height: 1.5rem; margin-top: 1.1rem; background: #FFFFFF; border-radius: 0.2rem; position: relative; -moz-box-shadow:0px 10px 10px rgba(0,0,0,0.05); -webkit-box-shadow:0px 10px 10px rgba(0,0,0,0.05); box-shadow:0px 10px 10px rgba(0,0,0,0.05); } 
.avatar { width: 1.24rem; height: 1.24rem; border-radius: 50%; overflow: hidden; position: absolute; top: -0.5rem; margin-left:-0.62rem; left: 50%; } 
.avatar img { width: 100%; height:100%; } 
.avatarbox h2 { font-size: 0.3rem; text-align: center; padding-top: 0.85rem; } 

/*公告*/
.in_gg { height: 0.88rem; background: #FFFFFF; border-radius: 0.2rem; overflow: hidden; margin: 0.37rem auto 0.15rem auto; } 
.in_gg h2 { font-size: 0.24rem; color: #FFFFFF; background: url(../images/gg_title.png) no-repeat left center; background-size: 100%; float: left; width: 0.81rem; height: 0.4rem; line-height: 0.4rem; margin: 0.25rem 0 0 0.15rem; text-indent: 0.08rem; } 
.in_gg p { float: left; font-size: 0.22rem; color: #545454; height: 0.88rem; line-height: 0.88rem; display: block; width: 4rem; margin-left: 0.15rem; cursor: pointer; } 
.in_gg .moreNews { float: right; color: #0dc98e; font-size: 0.22rem; line-height: 0.88rem; margin-right: 0.12rem; } 

.txtScroll-top { width: 4rem; height: auto; overflow:hidden; margin-left: 0.15rem; float: left; } 
.txtScroll-top .infoList li { height: 88px; line-height:88px; } 
.txtScroll-top .infoList li a { display: block; height: 0.88rem; line-height:0.88rem; font-size: 0.24rem; } 

/*ico*/
.in_ico { display: flex; flex-direction: row; justify-content: center; padding: .3rem 0; background: #FFFFFF; border-radius: 0.2rem; overflow: hidden; margin-top: .5rem; } 
.in_ico .el { width: 2rem; height: auto; } 
.in_ico .el a { display: block; width: 100%; height: auto; text-align: center; font-size: 0.24rem; overflow: hidden; } 
.in_ico .el img { width: 1.2rem; height: 1.2rem; margin: 0.3rem auto 0.15rem auto; display: block; } 
.in_ico .el.on { position: relative; } 
.in_ico .el.on>div { position: absolute; right: .2rem; top: .2rem; color: #fff; text-align: center; width: .3rem; line-height: .3rem; background-color: #e12121; border-radius: 100%; } 

/*start 共用*/
/*标题*/
.headertt { width: 100%; max-width: 6.4rem; height: 1rem; line-height: 1rem; font-size: 0.36rem; text-align: center; color: #FFFFFF; background: #0ec98f; position: relative; } 
.headertt a { color: #FFFFFF; font-size: 0.36rem; } 
.headertt a.return { width: 1rem; height:100%; position: absolute; left: 0; top: 0; cursor: pointer; display: flex; flex-direction: column; justify-content: center; text-align: center; } 
.headertt a.return img { width: 0.2rem; display: block; margin-left:.3rem; } 

/*end 共用*/

/*start 个人信息*/
.info { padding: 0 .3rem; padding-top: .3rem; } 
.info li { min-height: 1.1rem; width: 100%; border-bottom: solid 0.02rem #f7f7f7; line-height: 1.1rem; display: flex; flex-direction: row; justify-content: flex-start; } 
.info li h3 { font-size: 0.3rem; font-weight: normal; width: 2.1rem; font-weight: bold; } 
.info li span { font-size: 0.3rem; color: #676767; } 
.info li span img { width: 2.5rem; } 
/*end 个人信息*/


/* 人脸录入 */

/*start 个人中心*/
.cented { width: 100%; overflow: hidden; padding-top: 1rem; } 
.cented li { width: 3.18rem; height: 2.5rem; background: #FFFFFF; margin-bottom: 0.04rem; float: left; } 
.cented li:nth-child(2n) { float: right; } 
.cented li a { display: block; width: 100%; height: 1rem; padding-top: 1.5rem; font-size: 0.28rem; text-align: center; } 
.cented li a#centerico1 { background: url(../images/centerico1.png) no-repeat center 0.62rem; background-size: 18.4%; } 
.cented li a#centerico2 { background: url(../images/centerico7.png) no-repeat center 0.62rem; background-size: 22.5%; } 
.cented li a#centerico3 { background: url(../images/centerico3.png) no-repeat center 0.62rem; background-size: 22.7%; } 
.cented li a#centerico4 { background: url(../images/centerico4.png) no-repeat center 0.62rem; background-size: 18.7%; } 
.cented li a#centerico5 { background: url(../images/centerico5.png) no-repeat center 0.62rem; background-size: 19%; } 
.cented li a#centerico6 { background: url(../images/centerico6.png) no-repeat center 0.62rem; background-size: 22.5%; } 
.cented li a#centerico7 { background: url(../images/centerico9.png) no-repeat center 0.62rem; background-size: 22.5%; } 
.cented li a#centerico8 { background: url(../images/centerico8.png) no-repeat center 0.62rem; background-size: 22.5%; } 
.cented li a#centerico10 { background: url(../images/centerico10.png) no-repeat center 0.62rem; background-size: 22.5%; } 
.cented li a#centerico11 { background: url(../images/centerico11.png) no-repeat center 0.62rem; background-size: 35.5%; } 

/*end 个人中心*/

/*start 公告信息*/
.list { } 
.newsList { margin-bottom: .3rem; } 
.list li { height: 1.3rem; background: #FFFFFF; margin-bottom: 0.17rem; overflow: hidden; } 
.list li a { display: block; padding: 0 .3rem; } 
.list li a h2 { font-size: 0.26rem; color: #333333; margin: 0.25rem 0 0.15rem 0; } 
.list li a span { font-size: 0.18rem; color: #999999; display: block; margin-left: 0 auto; } 
/*end 公告信息*/

.more { text-align: center; height: .4rem; line-height: .4rem; font-size: .24rem; padding: .2rem 0; color: #999999; } 

/*start 公告详情*/
.showbox { width: 100%; overflow: hidden; background: #FFFFFF; } 
.show_h2 { font-size: 0.3rem; text-align: center; margin-top: 0.4rem; } 
.show_span { font-size: 0.18rem; text-align: center; color: #999999; height: 0.6rem; line-height: 0.6rem; border-bottom: solid 0.01rem #e5e5e5; } 
.show { width: 5.94rem; margin: 0 auto; padding: 0.2rem 0 0.4rem 0; font-size: 0.24rem; line-height: 0.6rem; min-height: 3rem; } 
.show img { width: auto; height: auto; max-width: 5.94rem; display: inline-block; } 
.show table { width: 100%; max-width: 5.94rem; border: solid 0.01rem #666; } 
.show table td { border: solid 0.01rem #666; } 
/*end 公告详情*/





.backBtn { display: none; position: fixed; bottom: 0; left: 0; right: 0; height: 1rem; line-height: 1rem; width: 100%; font-size: .3rem; text-align: center; color: #fff; background-color: #0dc98e; } 




.confirm_order { padding:.3rem; padding-top:1rem; } 
.confirm_order .title { font-size:.4rem; color:#0dc98e; padding-top:.3rem; } 
.confirm_order .cnlist { margin-top:.4rem; font-size:.26rem; } 
.confirm_order .cnlist .el { display: flex; flex-direction: row; justify-content: space-between; margin:.2rem 0 } 
.confirm_order .cnlist .el.last { font-size:.3rem; } 
.confirm_order .line { border:1px solid #e5e5e5; } 
.confirm_order .btn { position:fixed; bottom:0; left:0; width: 100%; height: 0.9rem; line-height:.9rem; text-align:center; background: url(../images/meal_btn.jpg) no-repeat center center; background-size: 100%; font-size: 0.3rem; color: #FFFFFF; } 


.txt_warn { font-size: .30rem; text-align: center; display: block; margin-top: 2.9rem; } 
.main { margin: 0 auto; padding: .4rem; z-index: 999; } 
.register { width: 100%; overflow: hidden; font-size: 0.26rem !important; } 
.register .title { padding: .3rem; text-align: center; font-size: .6rem; letter-spacing: .05rem; color: #057825; font-weight:bold; } 
.register .title img { width: 2.5rem; margin: 0 auto; margin-bottom: .2rem; display: block; } 
.register .el { margin-top: .3rem; display: flex; flex-direction: row; justify-content: space-between; } 
.register .el .tit { font-weight: bold; width: 2rem; line-height: 1.2rem; font-size: .4rem; } 
.register .el input { font-size: .26rem; } 
/* .register input[type="number"],.register input[type="text"] { border: 0; padding-left: 0.8rem; color: #666; -moz-appearance: textfield; } */
.register .el input { padding: 0 .2rem; font-size: .34rem; width: 100%; height: 1rem; background: url(../images/register_ico3.png) no-repeat 0.27rem center; background-size: 5%; } 
.register .el select { width: 5.9rem; height: 0.9rem; float: left; background: url(../images/register_ico4.png) no-repeat 0.27rem center; background-size: 5%; padding-left: 0.8rem; color: #777777; font-size: 0.26rem; } 
.register .el input ,.register .el select { border: .01rem solid rgb(205, 205, 205) !important; border-radius: .1rem; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #777777; } 
input:-moz-placeholder, textarea:-moz-placeholder { color: #777777; } 
input::-moz-placeholder, textarea::-moz-placeholder { color: #777777; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #777777; } 
input[name="btn_reg"] { width: 100%; letter-spacing: .2rem; border-radius: .1rem; height: .9rem; background: var(--sub-color,#0dc98e); color: #FFFFFF; border: 0; margin-top: 0.45rem; font-size: 0.4rem; font-weight: bold; } 

 /* 顶部导航 */
 .nav-bar { background: rgb(33, 213, 254); color: #fff; padding: 16px 18px 12px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e5e7eb; position: sticky; top: 0; z-index: 10; } 
.nav-back { font-size: 22px; cursor: pointer; } 
.nav-title { font-size: 18px; font-weight: 600; } 
.nav-right { font-size: 20px; cursor: pointer; } 

/* 统计卡片 -

 /* 统计卡片 - 简化 */
 .stats { display: flex; justify-content: space-around; background: #ffffff; margin: 16px 16px 20px; padding: 12px 8px; border-radius: 16px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } 

 .stat-item { text-align: center; } 

 .stat-number { font-size: 22px; font-weight: 700; color: #1a1a2e; } 

 .stat-label { font-size: 13px; color: #6b7280; margin-top: 2px; } 

 /* 列表容器 */
 .list-container { padding: 0 16px; } 

 /* 日期分组 */
 .date-group { margin-bottom: 20px; } 

 /* 日期标签 - 更显眼 */
 .date-label { display: inline-block; background: #4693e5;; color: #ffffff; font-size: 14px; font-weight: 600; padding: 4px 16px; border-radius: 20px; margin-bottom: 12px; box-shadow: 0 2px 6px rgba(79, 70, 229, 0.3); } 

 /* 也可以使用其他配色，比如灰色背景+深色文字 */
 /* .date-label { background: #e5e7eb; color: #1f2937; } */

 /* 记录卡片 */
 .record-card { background: #ffffff; border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; display: flex; align-items: center; gap: 14px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02); border: 1px solid #f0f2f5; } 

 .record-card:active { border-color: #d1d5db; } 

 /* .avatar { width: 48px; height: 48px; border-radius: 50%; background: #e5e7eb; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; color: #4693e5; flex-shrink: 0; } */

 .record-info { flex: 1; min-width: 0; } 

 .record-name { font-size: 16px; font-weight: 600; color: #1f2937; display: flex; align-items: center; gap: 6px; } 

 .record-meta { font-size: 13px; color: #6b7280; margin-top: 2px; display: flex; align-items: center; gap: 6px; } 

 .record-meta .dot { display: inline-block; width: 4px; height: 4px; background: #d1d5db; border-radius: 50%; } 

 .record-right { text-align: right; flex-shrink: 0; } 

 .record-direction { font-size: 15px; font-weight: 600; } 

 .record-direction.in { color: #10b981; } 

 .record-direction.out { color: #f59e0b; } 

 .record-time { font-size: 12px; color: #9ca3af; margin-top: 2px; } 

 .status-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-left: 4px; flex-shrink: 0; } 

 .status-dot.success { background: #10b981; } 

 .status-dot.fail { background: #ef4444; } 

 .status-dot.pending { background: #f59e0b; } 

 .status-dot.unknown { background: #9ca3af; } 

 /* 加载更多 */
 .load-more { text-align: center; padding: 18px 0 8px; } 

 .load-more button { background: #ffffff; border: 1px solid #e5e7eb; padding: 10px 40px; border-radius: 30px; font-size: 14px; color: #1f2937; cursor: pointer; } 

 .load-more button:active { background: #f3f4f6; } 

 .load-more button:disabled { opacity: 0.5; cursor: not-allowed; } 

 /* 空状态 */
 .empty-state { text-align: center; padding: 60px 20px; color: #9ca3af; } 

 .empty-state .icon { font-size: 48px; margin-bottom: 12px; } 

 /* 浮动回到顶部 */
 .back-top { position: fixed; border-radius: 100%; right: 20px; bottom: 30px; background: #4693e5; color: #fff; width: .8rem; height: .8rem; display: flex; align-items: center; justify-content: center; font-size: 20px; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.35); cursor: pointer; opacity: 0; transition: opacity 0.3s; pointer-events: none; } 

 .back-top.on { opacity: 1; pointer-events: auto; } 

 /* ========== 人脸管理页面专用样式 ========== */
 .face_upload .uploader { padding: 20px 16px; background: #ffffff; border-radius: 16px; margin: 16px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); text-align: center; } 

.face_upload .imgList { width: 200px; min-height: 200px; margin: 0 auto 12px; overflow: hidden; background: #f3f4f6; border: 2px solid #e5e7eb; display: flex; align-items: center; justify-content: center; position: relative; } 

.face_upload .imgList img { width: 100%; height: 100%; object-fit: cover; } 

/* .face_upload .imgList .upload-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); color: #fff; display: none; align-items: center; justify-content: center; font-size: 14px; border-radius: 50%; cursor: pointer; } */

/* .face_upload .imgList .upload-overlay.show { display: flex; } */

/* 状态提示 */
.face_upload .notice { display: flex; align-items: center; justify-content: center; padding: 12px 16px; border-radius: 10px; background: #f3f4f6; color: #6b7280; font-size: 14px; margin: 8px 0 12px; gap: 8px; flex-wrap: wrap; min-height: 50px; } 

.face_upload .notice .icon { display: inline-block; width: 20px; height: 20px; background: #9ca3af; border-radius: 50%; flex-shrink: 0; } 

.face_upload .notice.suc { background: #d1fae5; color: #065f46; } 
.face_upload .notice.suc .icon { background: #10b981; } 

.face_upload .notice.pending { background: #fef3c7; color: #92400e; } 
.face_upload .notice.pending .icon { background: #f59e0b; } 

.face_upload .notice.reject { background: #fee2e2; color: #991b1b; } 
.face_upload .notice.reject .icon { background: #ef4444; } 

.face_upload .notice .tit { flex: 1; text-align: center; } 
.face_upload .notice .tit div { font-size: 12px; opacity: 0.8; margin-top: 4px; } 

/* 按钮 */
.face_upload .imgbtn { display: inline-block; padding: 10px 30px; background: #4f46e5; color: #ffffff; border-radius: 30px; font-size: 15px; font-weight: 500; text-align: center; cursor: pointer; transition: background 0.2s; margin: 0 auto; border: none; user-select: none; min-width: 120px; } 
.face_upload .imgbtn:active { background: #4338ca; } 
.face_upload .imgbtn.disabled { background: #9ca3af; cursor: not-allowed; opacity: 0.6; pointer-events: none; } 

/* 温馨提示 */
.face_upload .tip { background: #f8fafc; border-radius: 12px; padding: 16px 20px; margin: 16px; border: 1px solid #e5e7eb; } 
.face_upload .tip .tit { font-size: 16px; font-weight: 600; color: #1f2937; margin-bottom: 10px; } 
.face_upload .tip .txt { font-size: 14px; color: #6b7280; line-height: 1.8; } 
.face_upload .tip .txt div { margin-bottom: 2px; } 

/* 隐藏上传组件 */
.face_upload #upload { display: none; } 

.face_upload #faceForm { display: none; } 

/* 加载提示 */
.face_upload .loading-mask { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.7); z-index: 999; align-items: center; justify-content: center; font-size: 16px; color: #4f46e5; } 
.face_upload .loading-mask.show { display: flex; } 

.logout_btn { padding: .2rem 0; cursor: pointer; background: #e12121; font-size: .3rem; letter-spacing: .05rem; color: #fff; text-align: center; border-radius: 0.2rem; overflow: hidden; margin-top: .3rem; } 

.info input { border: .01rem solid #e5e5e5; width: 4rem; line-height: .8em; height: .8rem; margin: .1rem 0; padding: 0 .3rem; } 
.info h4 { font-size:.36rem; color: #4693e5; margin-top: .2rem; margin-bottom: .3rem; }