header.bar .title {
            color: #fff;
            font-weight: bold;
            font-size: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 70%;
            text-align: center;
            margin-left: calc(15% - 10px);
        }

        .page-group {
            background-color: #F5F5F5;
        }

        .page-group header.bar-nav {
            padding-left: 10px;
            background: #4296f0;
        }

        .page-group header.bar-nav .icon-left {
            color: #fff;
            font-weight: bold;
        }

        .page-group header.bar-nav .title {
            color: #fff;
            font-weight: bold;
            font-size: 16px;
        }

        .page-group .content {
            text-align: center;
            font-size: 14px;
            /*margin: 0 20px 0 20px;*/
        }

        .page-group .content .content-title {
            font-weight: bold;
        }

        .content input {
            border: none;
        }

        .content a {
            color: #0894ec !important;
        }

        .content .sample-div {
            text-align: left;
            border-width: 1px;
            line-height: 20px;
            position: relative;
            border-radius: 4px;
            border-style: solid;
            padding: 10px 20px 30px 20px;
            background: #FFFFFF;
            border-color: rgb(206, 206, 206);
        }

        .content .sample-btn {
            bottom: 5px;
            position: absolute;
            text-align: center;
            width: calc(100% - 40px);
        }

        .content .sample-btn a {
            left: 0;
            position: absolute;
        }

        .content .sample-btn .layui-icon-prev {
            color: #BEBEBE;
            display: inline-block;
            transform: rotate(270deg);
        }

        .content .life-dev {
            text-align: left;
        }

        .content .life-dev .life-title {
            font-weight: bold;
        }

        .content .life-dev .layui-collapse {
            border: none;
        }

        .content .life-dev .layui-colla-item {
            border: none;
        }

        .content .life-dev .layui-timeline-item {
            padding: 0;
        }

        .content .life-dev .layui-timeline-item:before {
            top: 17px;
            left: 6px;
            height: 110%;
            background-color: #9A9A9A;
        }

        .content .life-dev .layui-timeline-axis {
            left: 0;
            top: 6px;
            width: 12px;
            height: 12px;
            background: #0092FF;
            border-radius: 50%;
        }

        .content .life-dev .layui-timeline-title {
            padding: 0;
            line-height: 25px;
            margin-bottom: 0;
        }

        .content .life-dev .colla-title-lab {
            color: #3d4145;
            font-weight: bold;
        }

        .content .life-dev .colla-red-lab {
            color: red;
        }

        .content .life-dev .layui-timeline-title {
            height: 50px;
            background-color: transparent;
        }

        .content .life-dev .layui-timeline-title {
            color: #666666;
        }

        .content .life-dev .layui-timeline-title input {
            color: #AEAEAE;
            background-color: transparent;
        }

        .content .life-dev .layui-timeline-content {}

        .content .life-dev .layui-colla-icon {
            left: calc(50% - 21px);
            position: absolute;
        }

        .content .life-dev .layui-colla-icon:before {
            left: 0;
            color: #BEBEBE;
            content: '\e65a';
            position: absolute;
            transform: rotate(270deg);
            background-color: #F5F5F5;
        }

        .content .life-dev .layui-colla-icon.selected:before {
            content: '\e65b';
            transform: rotate(270deg) !important;
        }

        .content .life-dev .layui-colla-content {
            margin: 0;
            padding: 0;
            border: none;
            color: #101010;
        }

        .content .life-dev .wt-info-div {
            margin-top: 10px;
            border-radius: 4px;
            background-color: #FFFFFF;
        }

        .content .life-dev .wt-info-div .layui-tab-title {
            padding: 0;
            height: 30px;
        }

        .content .life-dev .wt-info-div .layui-tab-title li {
            width: 50%;
            padding: 0;
            margin-top: 0;
            color: #1684FC;
            line-height: 30px;
            border-radius: 4px;
        }

        .content .life-dev .wt-info-div .layui-tab-title li.layui-this {
            color: #FFFFFF;
            background-color: #1684FC;
        }

        .content .life-dev .wt-info-div .layui-tab-title li.layui-this:after {
            display: none;
        }

        .content .life-dev .wt-info-div .layui-tab-content {
            line-height: 25px;
            padding: 5px 20px 5px 20px;
            border: 1px solid #DBDBDB;
        }

        .content .life-dev .take-info-div {
            margin-top: 10px;
        }

        .content .life-dev .take-info-div .take-div {
            margin-top: 5px;
            line-height: 25px;
            border-radius: 4px;
            background-color: #FFFFFF;
            border: 1px solid #DBDBDB;
            padding: 5px 10px 5px 10px;
        }

        .content .life-dev .take-info-div .take-img {
            text-align: center;
        }

        .content .life-dev .take-info-div .take-img img {
            width: 48%;
            padding: 10px;
            display: inline-block;
        }

        .content .life-dev .take-info-div .sample-img img {
            width: 32%;
            padding: 5px;
            display: inline-block;
        }

        .content .life-dev .take-info-div .check-img img {
            width: 48%;
            display: inline-block;
        }

        .content .life-dev .take-info-div .check-img span {
            width: 48%;
            display: inline-block;
            text-align: center;
        }

        .content .life-dev .check-info-div-item {
            margin-top: 10px;
        }

        .content .life-dev .map-info-div {
            border-radius: 4px;
            padding: 20px 8px 5px 8px;
            background-color: #FFFFFF;
            border: 1px solid #BBBBBB;
        }

        .content .life-dev .map-info-div .map-div {
            width: 100%;
            height: 100px;
        }

        .content .life-dev .map-info-div .address-dev {
            margin: 10px 0 5px 0;
        }

        .content .life-dev .acs-img-div {
            margin-top: 20px;
        }

        .content .life-dev #record-img1 #record-img2 {
            height: 285px !important;
        }

        .content .life-dev #broken-img1 #broken-img2 {
            height: 248px !important;
        }

        span {
            white-space: normal;
        }

        .cameraDiv {
            width: 100px;
            height: 100px;
            background: #e8e8e8;
            border-radius: 11px;
            display: inline-block;
        }

        .cameraDiv+p {
            margin: 0.3em 0 0;
        }

        .img-icon {
            width: 100px;
            height: 100px;
            /*margin: 10px;*/
        }

        .sample-list {
            display: flex;
            justify-content: space-between;
        }

        .sample-list .sample-photo {
            width: 33%;
            text-align: center;
            font-size: 14px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .content .life-dev .jzqy-info-div .layui-tab-title li {
            width: 20%;
            padding: 0;
            margin-top: 0;
            border-radius: 4px;
        }

        .slidercaptcha {
            margin: 0 auto;
            width: 314px;
            height: 286px;
            border-radius: 4px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
            margin-top: 20px;
        }


        .slidercaptcha .card-body {
            padding: 1rem;
        }

        .slidercaptcha canvas:first-child {
            border-radius: 4px;
            border: 1px solid #e6e8eb;
        }

        .slidercaptcha.card .card-header {
            background-image: none;
            /* background-color: rgba(0, 0, 0, 0.03); */
            background-color: #fff;
            color: #409eff;
        }

        .refreshIcon {
            top: -63px;
        }

        .container-fluid .tip-text {
            margin: 20px auto 0;
            width: 314px;
            font-size: 15px;
        }
        /* 强制给 form-line 里的 input 设置 四边灰色边框 */
       .edit-input {
            border: 1px solid #999 !important; /* 四边都是 1px 灰色实线 */
            border-radius: 4px !important;      /* 圆角（不要可以删掉） */
            background: #fff !important;        /* 白色背景 */
            padding: 2px 2px 2px 4px !important;        /* 内边距，让文字不贴边 */
            height: 34px !important;            /* 强制高度 */
            outline: none !important;           /* 去掉点击蓝框 */
            width: 185px !important; /* 你想多宽就改数字 */
            min-width: 185px !important;
            max-width: 185px !important;
        }

        /* 聚焦时边框变蓝（可选） */
       .edit-input:focus {
            border-color: #4296f0 !important;
        }
       .input-readonly {
            padding: 2px 2px 2px 4px !important;        /* 内边距，让文字不贴边 */
            height: 34px !important;            /* 强制高度 */
            border-bottom: 1px solid #999 !important; 
            outline: none !important;           /* 去掉点击蓝框 */
            width: 185px !important;          /* 你想多宽就改数字 */
            min-width: 185px !important;
            max-width: 185px !important;
        }
      .foot-div {

            position: fixed;    /* 固定定位，不随滚动移动 */
            bottom: 0;          /* 贴在页面最底部 */
            left: 0;
            width: 100%;        /* 宽度和页面一样宽 */
            height: 65px;       /* 高度50 */
            background: #f5f5f5;/* 背景色（可改） */
            border-top: 1px solid #ddd;
            z-index: 9999;      /* 保证在最上层，不被遮挡 */
            display: flex;
            align-items: center;
            justify-content: center;
       }
 /* 遮罩层 */
            #add_mask {
                display:none;
                position:fixed;
                top:0; left:0;
                width:100%; height:100%;
                background:#000; opacity:0.5;
                z-index:99;
            }
            /* 弹出层 */
            #add_popBox {
                display:none;
                position:fixed;
                top:50%; left:50%;
                transform:translate(-50%,-50%);
                width:80%;
                background:#fff;
                padding:20px;
                z-index:100;
                border-radius:5px;
            }
            /* 关闭按钮 */
            #add_closeBtn {
                float:right;
                cursor:pointer;
                font-size:18px;
                

          }
          
                 /* 遮罩层 */
            #edit_mask {
                display:none;
                position:fixed;
                top:0; left:0;
                width:100%; height:100%;
                background:#000; opacity:0.5;
                z-index:99;
            }
            /* 弹出层 */
            #edit_popBox {
                display:none;
                position:fixed;
                top:50%; left:50%;
                transform:translate(-50%,-50%);
                width:80%;
                background:#fff;
                padding:20px;
                z-index:100;
                border-radius:5px;
            }
            /* 关闭按钮 */
            #edit_closeBtn {
                float:right;
                cursor:pointer;
                font-size:18px;
                

          }
        
                /* 遮罩层 */
            #show_mask {
                display:none;
                position:fixed;
                top:0; left:0;
                width:100%; height:100%;
                background:#000; opacity:0.5;
                z-index:99;
            }
            /* 弹出层 */
            #show_popBox {
                display:none;
                position:fixed;
                top:50%; left:50%;
                transform:translate(-50%,-50%);
                width:80%;
                background:#fff;
                padding:20px;
                z-index:100;
                border-radius:5px;
            }
            /* 关闭按钮 */
            #show_closeBtn {
                float:right;
                cursor:pointer;
                font-size:18px;
          }
                /* 遮罩层 */
            #pwd_mask {
                display:none;
                position:fixed;
                top:0; left:0;
                width:100%; height:100%;
                background:#000; opacity:0.5;
                z-index:99;
            }
            /* 弹出层 */
            #pwd_popBox {
                display:none;
                position:fixed;
                top:50%; left:50%;
                transform:translate(-50%,-50%);
                width:80%;
                background:#fff;
                padding:20px;
                z-index:100;
                border-radius:5px;
            }
            /* 关闭按钮 */
            #pwd_closeBtn {
                float:right;
                cursor:pointer;
                font-size:18px;
          }

        .result { margin-top: 15px; font-size: 16px; }
        .login_result {
                font-size: 16px;
                vertical-align: top;                
                margin-top: 0;
        }
        .pwd_result {
                font-size: 16px;
                vertical-align: top;                
                margin-top: 0;
        }
        .success { color: green; }
        .error { color: red; }

        .device-checkbox {
            display: flex;
            align-items: center;
            justify-content: center; /* 水平居中 */
            gap: 10px;
            cursor: pointer;
            font-size: 14px;
            color: #333;
        }
        .device-checkbox input {
            width: 14px;
            height: 14px;
            margin: 0;
        }
        .pwd_ch{
            border: 1px solid #999 !important; /* 四边都是 1px 灰色实线 */
            border-radius: 4px !important;      /* 圆角（不要可以删掉） */
            background: #fff !important;        /* 白色背景 */
            padding: 2px 2px 2px 4px !important;        /* 内边距，让文字不贴边 */
            height: 34px !important;            /* 强制高度 */
            outline: none !important;           /* 去掉点击蓝框 */
            width: 150px !important; /* 你想多宽就改数字 */
            min-width: 150px !important;
            max-width: 150px !important;
        }