/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #c8c8c8;
}


.home-page-titlerow-gsgwxx {
    width: 100%;
    height: 235px;
    color: white;
    font-size: 14px;
    padding: 3px 3px 3px 10px;
    font-weight: 500;
    text-align: left;
    line-height: 32px;
    border-right: white dotted 1px;
    overflow: hidden;
}

.home-page-card{
    width: 100%;
    height: 120px;
    text-align: center;
    color: white;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    position: relative;
    transition: transform 0.3s ease; /* 过渡效果 */
    transform-origin: center; /* 缩放中心点 */
    cursor: pointer;
}
.home-page-card:hover{
    transform: scale(1.05);
}
.home-page-img-DBZ{
    width: 35%;
    height: 80px;
    position: absolute;
    top: 25px;
    left: 20%;
}
.home-page-img-DBZ3{
    width: 40%;
    height: 80px;
    position: absolute;
    font-size: 28px;
    font-weight: bold;
    top: 25px;
    left: 55%;
}
.home-page-infoD{
    font-size: 20px;
}
.home-page-infoA{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.home-page-img-DBZ2{
    font-size: 38px;
    position: absolute;
    top: 25px;
    left: 25px;
}
.home-page-img-DBZ4{
    position: absolute;
    bottom: 16px;
    left: 20px;
    font-size: 10px;
}
.home-page-jiaobiao{
    width: 6px;
    height: 120px;
    position: absolute;
    top: 0;
    right: 0;

}
.jb-color{
    background: linear-gradient(220.55deg, #0055ec 0%, #068fff 100%);
}
.jb-color2{
    background: linear-gradient(220.55deg, #ff25ba 0%, #ea5900 100%);
}
.jb-color3{
    background: linear-gradient(220.55deg, #5b7303 0%, #6bb100 100%);
}
.jb-color4{
    background: linear-gradient(220.55deg, #8501b1 0%, #453fff 100%);
}
.tt-color {
    background-color: rgb(30, 144, 255);
}

.tt-color2 {
    background-color: rgb(154, 205, 50);
}

.tt-color3 {
    background-color: rgb(255, 140, 0);
}

.tt-color4 {
    background-color: rgb(255, 69, 0);
}

.tt-color5 {
    background-color: rgb(255, 160, 122);
}

.tt-color6 {
    background-color: rgb(123, 104, 238);
}

.tt-color7 {
    background-color: rgb(0, 191, 255);
}

.tt-color8 {
    background-color: rgb(107, 142, 35);
}

.tt-color9 {
    background-color: rgb(255, 215, 0);
}

.tt-color10 {
    background-color: rgb(139, 69, 19);
}

.tt-color11 {
    background-color: rgb(255, 20, 147);
}

.tt-color12 {
    background-color: rgb(244, 164, 96);
}
.tt-color00 {
    background-color: #bbb;
}
#zhuzhuangtu{
    width: 100%;
    height: 260px;
}

.card-table-list {
    height: 255px;
    border-radius: 4px;
    padding: 1px 1px 3px 1px;
    box-shadow: 0 0 6px #aaa;
    margin-bottom: 25px;
}

.table-responsive .table {
    text-align: center;
}

.table-responsive .table tr:hover {
    background-color: rgb(255, 222, 173);
}

.card-table-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    border-bottom: black dashed 1px;
    background-color: #eee;
    border-radius: 3px;
    position: relative;
}

.card-table-title-icon {
    color: white;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 2px 10px 2px 10px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    border: black solid 1px;
    border-radius: 5px;
    box-shadow: 1px 1px 0 black;
}

.card-table-title-showall {
    position: absolute;
    right: 2%;
}

.card-table3-list {
    height: 280px;
    border-radius: 4px;
    padding: 1px 1px 3px 1px;
    box-shadow: 0px 0px 6px #aaa;
    margin-bottom: 25px;
}

#mapCenter {
    /*background-image: url("./assets/images/mapDT3.png");*/
    /*background-size: 100% auto;*/
}

.home-page-bottomrow {
    height: 100px;
    color: #252525;
    background-color: #efefef;
    border-radius: 5px;
    border: #d8d7d7 solid 1px;
}

.home-page-bottomrow-col {
    text-align: center;
    border-right: #252525 dashed 1px;
    height: 95px;
    line-height: 33px;
}

.home-page-bottomrow-sysTime {
    font-size: 20px;
    text-align: center;
    line-height: 90px;
}

.home-page-bottomrow-concat {
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}

.loading-page {
    width: 100%;
    height: 1150px;
    text-align: center;
    line-height: 50px;
    background-color: white;
    font-size: 18px;
    color: #0095ff;
    position: absolute;
    z-index: 10000;
    padding-top: 300px;
}

#sidebar-menu ul.sub-menu .menu-btn-row {
    list-style-type: none;
    width: 100%;
    padding: 0.4rem 0.5rem 0.4rem 0.8rem;
}

.personal-info {
    width: 350px;
    right: -360px;
    display: none;
}

.my-head-portrait {
    width: 100px;
    height: 100px;
    border: solid 1px #646464;
}

.firstPerRow {
    position: relative;
}

.p-user-info {
    width: 180px;
    height: auto;
    position: absolute;
    top: -18px;
    right: 0;
}

.p-user-info .p-user-info-row {
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: left;
    display: inline-block;
    border-bottom: dashed 0.7px #ccc;
    margin: 0;
    /* overflow: hidden; */
}

.user-org-info {
    width: 92%;
    margin: 2px auto;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: dashed 1px #ccc;
}

.ui-badge {
    padding: 2px 5px;
    border-radius: 3px;
    color: white;
}

.person-eidt {
    width: 92%;
    height: 80px;
    line-height: 80px;
    margin: 30px auto;
    text-align: center;
}

.common-btn {
    width: 50%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border: solid #3e3e3e 1px;
    text-align: center;
    border-radius: 5px;
    color: white;
    padding: 3px 20px;
    cursor: pointer;
}

.anchorBL {
    display: none;
}

.ui-email {
    min-width: 100px;
    overflow: hidden;
}


/* 轮播图 */
.wrapper {
    position: relative;
}

/* 图片叠加到一块 */
.wrapper img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.wrapper img:nth-of-type(1) {
    display: block;
}

/* 小圆点 */
.btnName {
    /* width: 150px; */
    display: flex;
    justify-content: space-around;
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%);
}

.btnName span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    border: 1.5px solid white;
    border-radius: 50%;
}

/* 左右箭头 */
.wrapper a {
    text-decoration: none;
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 35%;
}

.wrapper a:nth-of-type(1) {
    left: 10px;

}

.wrapper a:nth-of-type(2) {
    right: 10px;
}

.active {
    background-color: rgb(241, 109, 109);
}
.func-icon{
    width: 79px;
    height: 79px;
    color: white;
    font-size: 10px;
    border-radius: 4px;
    border: solid 0.7px #8c8686;
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: center;
    margin: 3px;
    transition: background-color 1s ease;
    box-shadow: 0 0 4px #8c8686;
}
.func-icon:hover{
    background-color: #3e3e3e;
}
.kjgn-icon{
    font-size: 42px;
    margin-top: 5px;
}
.kjgn-name{
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    position: absolute;
    bottom: 2px;
    left: 0;
}
#sidebar-menu ul li ul.sub-menu li a{
    padding: .6em 0 0 2em;
}
#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a{
    padding: .6em 0 0 3.5em;
    overflow: hidden;
}
.mm-active>a{
    background-color: #e8f0fd!important;
}
.bgc-new{
    background-color:rgb(154, 205, 50);
}
.bgc-ipt{
    background-color:rgb(123, 104, 238);
}
.bgc-ntc{
    background-color:rgb(255, 140, 0);
}
.bgc-xz{
    background-color:rgb(30, 144, 255);
}
.bgc-px{
    background-color:rgb(255, 69, 0);
}