@charset "utf-8";
/* CSS Document */
@import "public.css";
body{margin:0 0 45px;background:#fff;font:14px 'Microsoft YaHei',微软雅黑;color:#333;}

header{background:#f6f6f6 url("/upload/bg-top.jpg");display:flex;justify-content:space-between;align-items:end;}
header img{display:block;margin:10px;height:45px;}

header .right{color:#fff;white-space: nowrap;padding:15px;font-size:16px;}
header .right a{color:#fff;padding:5px 0 5px 15px;}

.menu{margin-left:50px;flex:0 1 99%;}
.menu a{display:inline-block;margin:5px;padding:5px;font-size:16px;color:#fff;font-weight:bold;border-bottom:2px solid rgba(0,0,0,0);
    border-top-left-radius:5px;border-top-right-radius:5px;
}
.menu a i{padding-right:5px;}
.menu a:hover{font-weight:bold;color:#fff;border-bottom:2px solid #fff;}
.menu .h{font-weight:bold;color:#fff;border-bottom:2px solid #fff;}

/*.header div{height:80px;}*/

main{padding:10px;}

.site-path-btn-html{padding:0;display:flex;justify-content:space-between;align-items:center;}
.site-path-btn-html btn{margin-right:10px;}
.site-path-btn-html div{padding:5px 0;}
.site-search{display:flex;align-items:center;padding:5px 0;}
.site-search select{border-radius:5px;margin-left:5px;}
.site-search input{border-top-left-radius:5px;border-bottom-left-radius:5px;margin-left:5px;}
.site-search input[type=date]{width:100px;}
.site-search span{margin-right:20px;padding:3px 10px;background:#427FF3;color:#fff;line-height:24px;cursor:pointer;}
.site-search span i{padding-right:5px;}

footer{position:fixed;left:0;bottom:0;padding:5px;width:100%;background:#000;font-size:12px;color:rgba(255,255,255,0.5);text-align:center;}



.x{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, #fff, #a3d0f9);
    animation-name: main;
    animation-duration: 4s;}
@keyframes main{
    from {bottom:-70px;opacity:0;}
    to {bottom:0;opacity:1;}
}


/*表单显示样式*/
.form-ul	{display:block;margin:0;padding:0;position:relative;}
.form-ul li	{margin:0;padding:0;list-style:none;min-height:45px;display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid #eee;color:#999;}
/*.form-ul li:nth-of-type(even)	{background:#fff;}*/
.form-ul li:hover	{background:#ffe;box-shadow:0 0 9px rgba(0,0,0,0.25);}
.form-ul .form-ul-title, .form-ul .form-ul-title:hover{padding:0 10px;border-bottom:1px solid #eee;background:#f9f9f9;box-shadow:0 0 0;}/*标题*/
.form-ul .form-ul-title i{padding-right:10px;}
.form-ul li span{flex:0 0 90px;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.form-ul li input{margin:5px;min-height:25px;}
.form-ul li select{margin:5px;min-height:33px;}
.form-ul li label{display:flex;align-items:center;margin:5px;padding-right:10px;border:1px solid #eee;border-radius:5px;background:#fff;cursor:pointer;}
.form-ul li label:hover{background:#ffe;}
.form-ul li input[type=radio], .form-ul li input[type=checkbox]{width:14px;}
.form-ul li input[name=px]{width:50px;}
.form-ul li input[disabled=disabled]{border:rgba(0,0,0,0);background:rgba(0,0,0,0);}

.form-ul li btn	{margin:5px;}
.form-ul li div{color:#20a53a;padding-left:8px;}
.form-ul li div a{color:#20a53a;}
.form-ul li iframe	{margin:10px 5px;width:68px;height:28px;border:0;overflow:hidden;}



/*数据列表*/
.form-table	{margin:0px;color:#555;border-collapse:separate;border-spacing:1px;background:#eee;width:100%;table-layout:fixed}
.form-table thead {
    position: sticky; /* 使用sticky定位 */
    top: 0; /* 固定在顶部 */
    z-index: 1; /* 可选，确保层级高于其他内容 */
}
.form-table thead tr{background:#f8f8f8;}

.form-table tbody---X {
    display: block; /* 允许滚动 */
    /*height: calc(100% - 32px); !* 根据表头高度调整 *!*/
    overflow-y: auto; /* 允许垂直滚动 */
}

.form-table tbody tr:nth-of-type(odd)		{background:#fcfcfc;}	/*奇数行 */
.form-table tbody tr:nth-of-type(even)	{background:#fff;}	/*偶数行 */
.form-table tbody tr:hover	{background:#ffe;}
.form-table td{padding:5px 8px;line-height:25px;}/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/
.form-table tr td:first-child	{text-align:center;}
.form-table .js-toggle{display:block;margin:auto;text-align:center;color:#ccc;cursor:pointer;font-size:20px;}
.form-table .fa-toggle-on{color:#0b0;}
.form-table-null{padding:80px;color:#ccc;border:1px solid #eee;text-align:center;border-bottom:0;}


textarea[name=data_old]{display:none;}