/* 作者:蔡太飞 */
/* 日期:2025.7.4*/
/* 版本:2025002*/
@font-face {
    font-family: "小米标准字";
    src: url("../字体/MiSans-Normal.ttf");
    /*小米字体,版权开放*/
}

@font-face {
    font-family: "小米中等字";
    src: url("../字体/MiSans-Medium.ttf");
    /*小米字体,版权开放*/
}

@font-face {
    font-family: "小米轻型字";
    src: url("../字体/MiSans-Light.ttf");
    /*小米字体,版权开放*/
}

@font-face {
    font-family: "Aller";
    src: url("../字体/Aller.ttf");
    unicode-range: U+0030-0039, U+0041-005A, U+0061-007A; /* 数字0-9，大小写字母 */
    /*公司自有版权,英文字体可用,中文不可用*/
}

html {
    width: 100%;
    height: 100%;
    margin: 0;
    color: #000;
    font-size: 16px;
    font-family: 'Aller','微软雅黑';
    color: #004177;
}

body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: #004177;
}


/*通用样式*/
div {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #004177;
}

a:hover {
    color: RED;
}

iframe {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: block;
    border: none;
}

td {
    border: deepskyblue solid 1px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
}

thead {
    position: sticky;
    top: 0;
}

/*表格行高优先根据 table 标签的行高来决定，table 的默认行高继承自父元素。
此处定义的tr行高只有当 table 标签的 line-height 属性为 normal值时有效。*/
thead tr {
    height: 30px;
    background-color: #D7EBF9;
}

tbody tr {
    height: 25px;
}

tfoot tr {
    height: 30px;
}

thead td {
    color: #004177;
    font-weight: 600;
    font-size: 14px;
}

tfoot td {
    color: blue;
    border: none;
}

tbody td {
    color: #222;
}

tbody td:hover {
    background-color: papayawhip;
    color: blueviolet;
}

tbody tr:nth-child(odd) {
    /*表格奇数行*/
    background-color: #FFF;
    height: 25px;
    font-size: 12px;
}

tbody tr:nth-child(even) {
    /*表格偶数行*/
    background-color: #DDD;
    height: 25px;
    font-size: 12px;
}

table {
    box-sizing: border-box;
    font-size: 12px;
    border-collapse: collapse;
    table-layout: fixed;
    line-height: normal;
}


/*非通用样式*/
.功能框一 {
    height: 100%;
    line-height: 50px;
    border: none;
    background-color: #FFF;
    border-radius: 2px;
    text-align: center;
}

.功能框一:hover {
    border: royalblue solid 1px;
    background-color: #DDD;
}

.导航块 {
    width: 100%;
    height: 35px;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 35px;
}

.导航块:hover {
    color: turquoise;
    margin-left: 20px;
    border-bottom: solid 1px transparent;
    border-top: solid 1px transparent;
    border-image: linear-gradient(to right, #004177, #999, #FFF, #999, #004177) 1;
}

.单选框 {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}

.多选框 {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}

.页面功能 {
    width: 100%;
    height: 30px;
    border-bottom: solid 1px #CCC;
    font-size: 14px;
    line-height: 30px;
    color: #004177;
}

.页面显示内容 {
    width: 100%;
    height: calc(100% - 30px);
    display: none;
}

.栏目标题 {
    width: 100%;
    height: 30px;
    color: #004177;
    padding-left: 10px;
    font-weight: 600;
    line-height: 30px;
}

.栏目背景 {
    width: 100%;
    height: calc(100% - 35px);
    border-radius: 10px;
    background-color: #FFF;
    padding-top: 10px;
}

.栏目正文 {
    width: calc(100% - 20px);
    height: calc(100% - 10px);
    margin: 0 auto;
    line-height: 30px;
}

.标准行 {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.非标准行 {
    width: 100%;
    height: auto;
    line-height: 30px;
}

.编辑框 {
    height: 21px;
    border-radius: 3px;
    border: steelblue solid 1px;
    vertical-align: middle;
}

.时间框 {
    height: 23px;
    border-radius: 3px;
    border: steelblue solid 1px;
    vertical-align: middle;
    color: royalblue;
}

.通用按钮 {
    height: 25px;
    border: #004177 solid 1px;
    border-radius: 3px;
    background-color: #CCC;
    color: #004177;
    vertical-align: middle;
}

.通用按钮:hover {
    background-color: wheat;
    color: RED;
}

.列表选择框{
    height:23px;
    border-radius: 3px;
    border: steelblue solid 1px;
    vertical-align: middle;
}


/*非常用样式*/
.登录按钮:hover {
    color: RED;
    background-color: bisque;
}