html {
    --colorLeft:#0071b9;/*蓝色*/
    --colorTop:#FFF;
    --colorRight:#FFF;
    --colorText:#000;
}
/*body{background: var(--colorRight);color: var(--colorText);background-attachment: fixed;}*/
.highlight {
    background-color: yellow; /* 高亮背景色 */
    font-weight: bold;        /* 可选：加粗文字 */
}
.page-wrapper{background-color:#fff;}
.modal{color:#000;}
/*a:visited,a[href]{color: var(--colorText);}zhongzheng20240709A*/
#toggle_btn i {color: #1c366f;    font-size: 16px;line-height: 16px;text-align: center;vertical-align: middle;width: 35px;height: 35px;background: #fff;padding: 8px;border-radius: 50px;box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);border: 1px solid #ebecf1;}
.card {border: 0;width: 100%;border-radius: 12px;margin-bottom: 1.875rem;-webkit-box-shadow: 0 10px 30px 0 rgba(24, 28, 33, 0.05);box-shadow: 0 10px 30px 0 rgba(24, 28, 33, 0.05);}
.card-header{overflow: hidden;display: flex;justify-content: space-between;}/*防止数据太多时占两行对不齐*/
/*-----------------7. Components
-----------------------*/
.section-header {margin-bottom: 1.875rem;}
.section-header .section-title {color: #333;}
.line {background-color: #1c366f;height: 2px;margin: 0;width: 60px;}
.comp-buttons .btn {margin-bottom: 5px;}
.pagination-box .pagination {margin-top: 0;}
.comp-dropdowns .btn-group {margin-bottom: 5px;}
.progress-example .progress {margin-bottom: 1.5rem;}
.progress-xs {height: 4px;}
.progress-sm {height: 15px;}
.progress.progress-sm {height: 6px;}
.progress.progress-md {height: 8px;position: relative;z-index: 9;}
.progress.progress-lg {height: 18px;}
.row.row-sm {margin-left: -3px;margin-right: -3px;}
.row.row-sm > div {padding-left: 3px;padding-right: 3px;}

/*-----------------8. Header
-----------------------*/
.header {left: 0;position: fixed;top: 0;background-color: var(--colorTop);/*z-index: 2;至少应为6，否则dropdown-menu跟百度地图冲突zhongzheng2022年5月27日11:28:39*/z-index: 6;height: 60px;width: 100vw;box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.08);}
.header .header-left {float: left;height: 60px;/*padding: 0 20px;*/position: relative;text-align: center;width: 240px;z-index: 1;border-bottom: 1px solid var(--colorLeft);background: var(--colorLeft);/*left: -5px;*/}
.header .header-left .logo {display: inline-block;line-height: 55px;font-size: 24px;color: #fff;font-weight: 700;}
.header .header-left .logo img {max-height: 52px;width: auto;max-width: 100%;}
.header-left .logo.logo-small {display: none;}
.header .dropdown-menu > li > a {position: relative;}
.header .dropdown-toggle:after {display: none;}
.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
.user-menu {float: right;margin: 0;position: relative;z-index: 99;}
.user-menu.nav > li > a {/*color: #fff;*/line-height: 58px;padding: 0 15px;height: 74px;}
.user-img {display: inline-block;margin-right: 3px;position: relative;}
.user-menu.nav > li > a.mobile_btn {border: 0;position: relative;padding: 0;margin: 0;cursor: pointer}
.user-menu .dropdown-menu {min-width: 200px;padding: 0;}
.user-menu .dropdown-menu .dropdown-item {padding: 7px 15px;}
.user-menu .dropdown-menu .dropdown-item {display: flex;align-items: center;border-top: 1px solid #e3e3e3;padding: 10px 15px;flex-wrap: wrap;}
.header .dropdown-menu > li > a {padding: 10px 18px;}
.header .dropdown-menu > li > a i {color: #7c685f;margin-right: 10px;text-align: center;width: 18px;}
.header .user-menu .dropdown-menu > li > a i {color: #7c685f;margin-right: 10px;min-width: 18px;text-align: center;}
/*.header .user-menu .dropdown-menu > li > a:focus i,
.header .user-menu .dropdown-menu > li > a:hover i {color: #fff;}*/

.top-nav-search {float: left;margin-left: 15px;}
.top-nav-search form {margin-top: 10px;position: relative;width: 360px;}
.top-nav-search .form-control {border-radius: 8px;color: #7c7c7c;height: 40px;padding: 10px 15px 10px 40px;}
.top-nav-search .btn {border-color: transparent;color: #ffffff;min-height: 35px;padding: 7px 15px;position: absolute;right: 0;top: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;background-color: transparent;border-color: transparent;color: #7c7c7c;min-height: 40px;padding: 7px 15px;position: absolute;left: 0;top: 0;}
.top-nav-search .form-control::-webkit-input-placeholder {color: #7c7c7c;}
.top-nav-search .form-control::-moz-placeholder {color: #7c7c7c;}
.top-nav-search .form-control:-ms-input-placeholder {color: #7c7c7c;}
.top-nav-search .form-control::-ms-input-placeholder {color: #7c7c7c;}
.top-nav-search .form-control::placeholder {color: #7c7c7c;}
.top-nav-search.active form {display: block;left: 0;position: absolute;}/*top-nav-search不能注释？？2023年10月9日19:54:42*/
.profile-top {margin: auto;}
.vertical-line {border-right: 2px solid #d0d0d0;margin: 5px 15px 5px 5px;}
.header .dropdown-menu > li > a {position: relative;}
.header .dropdown-toggle:after {display: none;}
.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {-webkit-transform: rotate(-135deg);-transform: rotate(-135deg);transform: rotate(-135deg);}
.user-menu {float: right;margin: 0;position: relative;z-index: 99;display: flex !important;}
.user-menu.nav > li > a {/*color: #7c7c7c;*/line-height: 58px;padding: 0 20px 0 0;height: 60px;}
.user-menu li .right-menu-img {width: 37px;height: 37px;box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);border: 2px solid #ebeef1;}
.user-menu li .right-menu-flag {width: 30px;height: 30px;box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);border: 2px solid #ebeef1;}
.user-menu li .right-menu {color: #636369;font-size: 18px;line-height: 18px;text-align: center;vertical-align: middle;width: 35px;height: 35px;background: #fff;padding: 8px;border-radius: 50px;box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);border: 1px solid #ebecf1;}
/*.user-menu.nav > li > a:hover i,
.user-menu.nav > li > a:focus i {opacity: .8;}*/
.user-img {display: inline-block;margin-right: 3px;position: relative;}
.user-img img {width: 32px;border-radius: 50%;}
.dropdown-item img {margin-right: 5px;}
.user-menu.nav > li > a.mobile_btn {border: 0;position: relative;padding: 0;margin: 0;cursor: pointer}
.notifications {min-width: 320px;padding: 0;position: fixed;right: -350px;top: 0px;height: 100vh;background-color: #fff;z-index: 1001;}
.notifications.notifications-open {right: 0;}
.user-menu .dropdown-menu {min-width: 200px;padding: 0;}
.user-menu .dropdown-menu .dropdown-item {padding: 7px 15px;}
.user-menu .dropdown-menu .dropdown-item:first-child {border-top: 0;border-radius: .8rem .8rem 0 0;}
.user-menu .dropdown-menu .dropdown-item:last-child {border-radius: 0 0 .8rem .8rem;}
.user-menu .dropdown-menu .dropdown-item {display: flex;align-items: center;border-top: 1px solid #f0f2f8;padding: 10px 15px;}
/*.user-menu .dropdown-menu .dropdown-item i {margin-right: 5px;color: #212529;}*/
/*.header .dropdown-menu > li > a:focus,
.header .dropdown-menu > li > a:hover {background-color: #00bcd4;color: #fff;}
.header .dropdown-menu > li > a:focus i,
.header .dropdown-menu > li > a:hover i {color: #fff;}*/
.header .dropdown-menu > li > a {padding: 10px 18px;}
.header .dropdown-menu > li > a i {color: #00bcd4;margin-right: 10px;text-align: center;width: 18px;}
.header .user-menu .dropdown-menu > li > a i {color: #00bcd4;margin-right: 10px;min-width: 18px;text-align: center;}
/*.header .user-menu .dropdown-menu > li > a:focus i,
.header .user-menu .dropdown-menu > li > a:hover i {color: #fff;}*/
.mobile_btn {display: none;float: left;}
.slide-nav .sidebar {margin-left: 0;}
.user-header {background-color: #f9f9f9;display: flex;padding: 10px 15px;}
.user-header .user-text {margin-left: 10px;}
.user-header .user-text h6 {margin-bottom: 2px;}

.sidebar-overlay {background-color: rgba(0, 0, 0, 0.6);display: none;height: 100%;left: 0;position: fixed;top: 0px;width: 100%;z-index: 1000;}
.sidebar-overlay.opened {display: block;}
.slimScrollDiv {height: 100% !important;}

/*-----------------11. Sidebar-----------------------*/
.sidebar {background-color: var(--colorLeft);top: 60px;left: 0;position: fixed;width: 240px;height: 100%;}
.sidebar-inner {min-height: 100vh;}
.sidebar-menu {padding-top: 20px;/*background: var(--colorLeft);*/height: 100%;/*padding-left: 15px;*/}
.sidebar-bottom {position: absolute !important;bottom: 0;}
.sidebar-menu ul {list-style-type: none;margin: 0;padding: 0;position: relative;height: auto;padding-bottom: 15px;}
.sidebar-menu>ul {padding-bottom: 100px;}
.sidebar-menu li a {color: #fff;display: block;height: auto;padding: 0 20px;}
.sidebar-menu li.active > a {color: #000;background: #fff;border-radius: 20px 0 0 20px;}
.sidebar-menu li.active a .shape1,
.sidebar-menu li.active a .shape2 {background: #fff;}
.sidebar-menu li.active a:before,
.sidebar-menu li.active a:after {border-right: 20px solid var(--colorLeft);}
.sidebar-menu li.active a .shape1 {position: absolute;top: -15px;width: 20px;height: 60px;right: 0px;}
.sidebar-menu li.active a .shape2 {position: absolute;top: 45px;width: 20px;height: 15px;right: 0px;}
.sidebar-menu li.active > a:before {content: "";position: absolute;top: -15px;right: 0px;bottom: 0;height: 15px;border-top-color: transparent;border-left-color: transparent;border-bottom: transparent;border-radius: 0px 0px 48px 0px;z-index: 1;}
.sidebar-menu li.active > a:after {content: "";position: absolute;top: 48px;z-index: 0;right: 0px;bottom: 0;height: 15px;border-top-color: transparent;border-left-color: transparent;border-bottom: transparent;border-radius: 0px 48px 0px 0px;}
.sidebar-menu ul ul a.active {color: #fff;text-decoration: underline;}
.mobile_btn {display: none;float: left;}
.sidebar .sidebar-menu > ul > li > a span {display: inline-block;margin-left: 8px;white-space: nowrap;}
.sidebar .sidebar-menu > ul > li > a span.chat-user {margin-left: 0;overflow: hidden;text-overflow: ellipsis;}
.sidebar .sidebar-menu > ul > li > a span.badge {margin-left: auto;z-index: 9;}
.sidebar-menu ul ul a {display: block;padding: 7px 10px 7px 45px;position: relative;}
.sidebar-menu ul ul {display: none;padding-top: 10px;}
.sidebar-menu ul ul ul a {padding-left: 65px;}
.sidebar-menu ul ul ul ul a {padding-left: 85px;}
.sidebar-menu > ul > li {margin-bottom: 10px;position: relative;}
.sidebar-menu > ul > li:last-child {margin-bottom: 0;}
.sidebar-menu .menu-arrow {position: absolute;right: 15px;display: inline-block;font-family: "Font Awesome 6 Pro";font-weight: 900;text-rendering: auto; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transform: translate(0, 0);-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);line-height: 40px;top: 5px;}
.sidebar-menu .menu-arrow:before {content: "\f105";}
.sidebar-menu li a.subdrop .menu-arrow {-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.menu-arrow {position: absolute;right: 15px;}
.sidebar-menu ul ul a .menu-arrow {top: 0px;line-height: 35px;}
.sidebar-menu > ul > li > a {align-items: center;border-radius: 0;display: flex;justify-content: flex-start;padding: 9px 9px;position: relative;height: 48px;border-radius: 20px 0 0 20px;}
.sidebar-menu ul li.menu-title a i {font-size: 16px !important;margin-right: 0;text-align: right;width: auto;}
.sidebar-menu li a > .badge {color: #fff;}
/*以下为yzz新增*/
.sidebar-menu li a span.active{font-weight:bold;color:#000;background: #fff;border-radius: 2px;padding:2px 5px;}
.menu-title {display: block;margin-bottom: 5px;padding: 0px 0px 0px 45px;font-size:0.9em;opacity: 0.5;}
/*-----------------15. Content-----------------------*/
.main-wrapper {width: 100%;height: 100vh;min-height: 100vh;}
.page-wrapper {margin-left: 269px;padding-top: 60px;position: relative;}
.page-wrapper > .content {padding: 15px 15px 0 0;}
.page-header .breadcrumb {background-color: transparent;color: #6c757d;font-size: 1rem;font-weight: 500;margin-bottom: 0;padding: 0;}
.breadcrumb-item+.breadcrumb-item::before {display: inline-block;padding-right: .5rem;/*color:  var(--colorText);*/content: "\f054";font-family: "Font Awesome 6 Pro";font-weight: normal;font-weight: 900;font-size: 12px;position: relative;top: 2px;}
.page-header {padding: 20px 25px;background: #fff;margin-bottom: 20px;border-radius: .75rem;align-items: center;}
.page-header .breadcrumb a {color: #333;}
.breadcrumb-item.active {
    color: #ff9800;}
.page-title {color: #333;margin-bottom: 0;position: relative;padding-right: 10px;}

/*-----------------18. Dashboard-----------------------*/
.dash-contetnt h2 {font-size: 24px;color: #fff;}
.dash-contetnt h4 {font-size: 18px;color: #fff;}
.dash-contetnt .growth-indicator {color: #fff;}
.card-chart .card-body {padding: 8px;}
.action li > a {color: #474648;padding: 10px 0 0 10px;}
.action li > a > i {padding-right: 10px;}
.action li {padding: 5px 0;}
.header-info {display: flex;align-items: center;}
.btn-right {max-width: 120px;margin-left: auto;}
.modal-icon i {font-size: 42px;color: #6c757d;}
.dropdown i {cursor: pointer;font-size: 17px;/*color: #525f80;*/}
.dropdown i.feather-bell {position: relative;top: 5px;}
.modal-footer {border-top: 0;padding-top: 0;padding-bottom: .75rem;}
.status-draft {color: #ffaa00;}
.status-reject {color: #F44336;}
.status-complete {color: #8BC34A;}
.add-remove i {font-size: 18px;cursor: pointer;}
.activity-feed {list-style: none;margin-bottom: 0;margin-left: 5px;padding: 0;}
.activity-feed .feed-item {border-left: 2px solid rgb(247 83 82 / 20%);padding-bottom: 19px;padding-left: 20px;position: relative;}
.activity-feed .feed-item:last-child {border-color: transparent;padding-bottom: 0;}
.activity-feed .feed-item:after {content: "";display: block;position: absolute;top: 0;left: -7px;width: 12px;height: 12px;border-radius: 50%;background-color: #f75352;}
/*zhongzheng*/
.activity-feed  .feed-item-green:after {background-color: green;}
.activity-feed .feed-item .feed-date {display: block;position: relative;color: #777;text-transform: uppercase;}
.activity-feed .feed-item .feed-text {color: #ff9800;position: relative;}
.activity-feed .feed-item .feed-text a {color: #333;font-weight: 600;}
/*-----------------27. Responsive 2026年6月28日重构-----------------------*/
@media (max-width: 768px) {
    .top-nav-search{
        display: none;
    }
}
@media only screen and (min-width: 768px) {
    #toggle_btn {	align-items: center;	color: #fff;	display: inline-flex;	float: left;	font-size: 30px;	height: 60px;	justify-content: center;	margin-left: 15px;	padding: 0 15px;}
    .mini-sidebar .header-left {display: none;}
    .mini-sidebar .sidebar {	width: 45px;}
    .mini-sidebar.expand-menu .sidebar {width: 240px;}
    .mini-sidebar .sidebar .sidebar-menu ul > li > a span {	display: none;opacity: 0;}
    .mini-sidebar.expand-menu .sidebar .sidebar-menu ul > li > a span {	display: inline;	opacity: 1;}
    .mini-sidebar .page-wrapper {margin-left: 45px;}
    .row {margin-left: 0px;}
    .mini-sidebar.expand-menu .page-wrapper {margin-left: 269px;}


    .page-title::before {	content: '';	position: absolute;	right: 0;	top: 50%;	-webkit-transform: translateY(-50%);	transform: translateY(-50%);	height: 16px;	width: 1px;	background: #cecece;}}
@media (max-width: 768px) {
    .mobile_btn {	cursor: pointer;	display: block;	font-size: 24px;	height: 60px;	left: 0;	line-height: 60px;	padding: 0 15px;	position: absolute;	text-align: center;	top: 0;	z-index: 10;}
    .user-menu.nav > li > a .badge {	background-color: #fff;	color: var(--colorLeft);}.chat-header .header-chat {	color: #fff !important;}#toggle_btn {	display: none;}.top-nav-search {	display: none;}
    .sidebar {top: 0px;	margin-left: -225px;width: 225px;	z-index: 1041;}
    .add-item {	margin-top: 10px;}.flag-nav {	display: none;}.login-wrapper .loginbox .login-left {	padding: 80px 50px;}.login-wrapper .loginbox .login-right {	padding: 50px;}

    .page-wrapper {	margin-left: 0;	padding-left: 0;	padding-right: 0;	padding-top: 60px;}.chat-window .chat-scroll {	max-height: calc(100vh - 255px);}.chat-window .chat-cont-left,.chat-window .chat-cont-right {	flex: 0 0 100%;	max-width: 100%;width: 100%;}.chat-window .chat-cont-left {	border-right: 0;}.chat-window .chat-cont-right {	position: absolute;	right: calc(-100% + -1.875rem);	top: 0;}.chat-window .chat-cont-right .chat-header {	justify-content: start;}.chat-window .chat-cont-right .chat-header .back-user-list {	display: block;}.chat-window .chat-cont-right .chat-header .chat-options {	margin-left: auto;}.chat-window.chat-slide .chat-cont-left {	left: calc(-100% + -1.875rem);}.chat-window.chat-slide .chat-cont-right {	right: 0;}.ticket-window {	display: none;}.navbar {	background: #1c366f;	position: fixed;	width: 100%;	z-index: 10;}.header .header-left {	height: auto;}
   .navbar-dark .navbar-brand {	margin: 0 auto;}.navbar-light .navbar-toggler,.navbar-light .navbar-toggler:focus {	border: none;	outline: none;}.banner-text {	margin-right: 0;}.footer-img,.banner-img,.header-border:after,.bg-remove {	display: none;}.people-mane img,.search-lists .row img {	height: auto;}.top-search form .pl-0 {	padding-left: 15px !important;}.top-search .form-control {	margin-bottom: 10px;}.top-search form .pr-0 {	padding-right: 15px !important;}.navbar-brand {	margin-left: 0;}.page-wrapper > .content {	padding: 1.875rem 1.875rem 1.875rem;}.settings-menu {	margin-bottom: 15px;}.tab-data {	display: block;}
    .tab-left {	padding-right: 0;	border-right: 0;	width: 100%;}
    .tab-right {	padding-left: 0;	width: 100%;	margin-top: 25px;}/*.nav-tabs{	display: inline-flex;	width: 100%;	overflow-x: auto;	-ms-overflow-style: none;	overflow: -moz-scrollbars-none;	flex-wrap: nowrap;	white-space: nowrap;} .dropdown-menu.show {	transform: translate3d(-150px, 60px, 0px) !important;}*/}


.avatar > img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}