@charset "UTF-8";
/*HTML基本样式*/
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    box-sizing: border-box;
    overflow: hidden;
}

body {
    margin: 0;
    text-align: left;
    font-family: Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;
    font-size: 13px;
    line-height: 1.28571;
    color: #333;
    box-sizing: border-box;
    overflow: hidden;
}

ul, li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    box-sizing: border-box;
    overflow: hidden;
}

div {
    box-sizing: border-box;
    overflow:hidden;
}

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

/*导航菜单样式*/
/*.admin-base-nav {
    padding: 0px 12px;
    line-height: 45px;
    height: 45px;
    font-weight: 600;
    width: 100%;
    position: relative;
    overflow: hidden;
}*/
/*
.admin-base-nav-btn {
    position: absolute;
    right: 12px;
}*/

/*.admin-base-btn > a {
    color: #fff;
}
*/
/*搜索样式*/
/*.admin-base-search {
    padding: 15px 15px 0px 15px;
    width: 100%;
    overflow: hidden;
}

    .admin-base-search > ul, .admin-base-search > ul > li {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

    .admin-base-search > ul {
        float: left;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .admin-base-search > ul > li {
            float: left;
            list-style: none;
            padding: 0px 10px 0px 0px;
        }*/

/*内容显示样式*/
/*.admin-base-content {
    margin: 20px;
    overflow: hidden;
}*/

/*.admin-base-form {
    max-width: 980px !important;
    padding-top: 20px;
}*/

/*----颜色----*/
/* 使用方法 color: var(--bs-body-color); */
:root {
    --font-title-color: #ff0000; /* 标题颜色颜色 */
    --font-content-color: #00ff00; /* 内容颜色 */
    --font-label-color: #00ff00; /* 标签颜色 */
    --font-link-color: #00ff00; /* 链接颜色 */
    --font-link-activity-color: #00ff00; /* 链接激活颜色 */
    --border-color: #00ff00; /* 边框颜色 */
    --border-form-color: #ececec; /* 表单控件边框颜色 */
    --border-shadow-color: #cecece; /* 边框阴影颜色 */
    --bg-menu-color: #fcfcfc; /* 菜单背景颜色 */
    --bg-menu-activity-color: #fcfcfc; /* 菜单激活背景颜色 */
    --name-color: #006aab; /* 标题颜色 */
    --btn-normal-color: #fefefe; /* 普通按钮颜色 */
    --btn-alert-color: #fefefe; /* 普通告警颜色 */
    --btn-disable-color: #fefefe; /* 不可用按钮颜色 */
    --btn-null-color: #fff; /* 空白按钮颜色 */
}
.red {
    color:red!important;
}
.blue{
    color:blue!important;
}
.green{
    color:green!important;
}
.yellow {
    color:yellow!important;
}
.grey {
    color: lightgrey!important;
}


.red-bg {
    background-color: red !important;
}

.blue-bg {
    background-color: blue !important;
}

.green-bg {
    background-color: green !important;
}

.yellow-bg {
    background-color: yellow !important;
}

.grey-bg {
    background-color: lightgrey !important;
}


/*==========动画效果类型========*/

/*淡入淡出*/
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* 定义缩放动画 */
@keyframes scaleIn {
    from {
        transform: scale(0.5);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* 定义滑入动画 */
@keyframes slideInFromTop {
    from {
        transform: translateY(0);
        opacity: 0;
    }

    to {
        transform: translateY(100%);
        opacity: 1;
    }
}

/* 定义滑入动画 */
@keyframes slideInFromBottom {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}


/* 定义滑入动画 */
@keyframes slideInFromRight {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}