@charset "UTF-8";
/**
 *  @name: 新版门户--主题皮肤
 *  @version: 3.0
 *  @author: wqg
 *  @date: 2021-03-16
 */

/*-------------------------------------------------- 公共 --------------------------------------------------*/

/*---------- 导航 ----------*/
.pure-color-bg {
    background: var(--main-color);
}

.slide-nav-btn svg {
    fill: var(--sub-color);
}

.main-nav-btn ul li.active:after {
    background: var(--sub-color);
}

.main-nav-btn ul li a {
    color: var(--sub-color);
}

.main-nav-btn .nav-more a span {
    background: var(--sub-color);
}

.drop-down-nav ul li a {
    color: #333;
}

.drop-down-nav ul li:hover {
    background: var(--main-color);
}

.drop-down-nav ul li:hover a {
    color: var(--sub-color);
}

.open-search-btn svg,
.close-search-btn svg {
    fill: var(--sub-color);
}

.open-search-btn > b {
    color: var(--sub-color);
}

.main-search-box.search-open {
    border-color: var(--sub-color);
}

.main-search-box input {
    color: var(--sub-color);
}

.main-search-box input::-webkit-input-placeholder {
    color: var(--sub-color);
}
.main-search-box input::-moz-input-placeholder {
    color: var(--sub-color);
}
.main-search-box input::-ms-input-placeholder {
    color: var(--sub-color);
}

.search-box .search::-webkit-input-placeholder {
    color: var(--sub-color);
}

.main-search-box.search-open .main-btn-search {
    background: var(--sub-color);
    color: var(--main-color);
}

.main-nav .sub-nav > ul > li > a {
    color: var(--sub-color);
}

.main-nav .sub-nav > ul > li:first-child.active:after {
    background: var(--sub-color);
}

.main-nav .sub-nav > ul > li:last-child > a:after {
    border-top-color: var(--sub-color);
}

.btn-exit {
    background: var(--main-color);
}

.btn-exit:hover {
    background: var(--main-color);
    opacity: .8;
}

.dropdown-menu .list-section:nth-child(2) ul li a:hover,
.dropdown-menu .list-section:nth-child(3) ul li a:hover {
    background: var(--main-color);
}

.main-nav .login-btn a {
    color: var(--sub-color);
}

/* 切换角色弹窗 */
.switch-roles .window ul li button,
.switch-roles .window ul li button:hover {
    color: var(--sub-color);
    background: var(--main-color);
}

/* 分页 */
.paging-box .paging .pageWrap ul .sel-page {
    background: var(--main-color);
}

/* 加载动画 */
.sk-three-bounce .sk-child {
    background: var(--main-color);
}

/*--------- 侧边栏导航 ----------*/
.nav .mini-tree-selectedNode .mini-tree-nodeshow .mini-tree-nodetext,
.nav .mini-tree-node-hover .mini-tree-nodeshow .mini-tree-nodetext {
    background: var(--main-color) !important;
}

/*-------------------------------------------------- 首页 --------------------------------------------------*/

/*---------- 轮播图 ----------*/
.search-box .search-btn {
    background: var(--main-color);
}

.popular-items-refresh svg {
    fill: var(--main-color);
}

/*---------- 服务分类选项卡 ----------*/
.service-card-box ul li:before,
.service-card-box ul li:after,
.service-card-box ul li > div:before,
.service-card-box ul li > div:after {
    background: var(--main-color);
}

.service-card-box .icon-box img,
.service-card-box .icon-box svg {
    fill: var(--main-color);
}

.service-card-box ul li:hover p {
    color: var(--main-color);
}

/*---------- 专题服务 ----------*/
.project-service li a:hover:before {
    background: var(--main-color);
}

.project-service .icon-box img,
.project-service .icon-box svg {
    fill: var(--main-color);
}

/*---------- 数据统计 ----------*/
.services-data-statistics {
    background: var(--main-color);
}

.services-data-statistics dl dt,
.services-data-statistics dl dd {
    color: var(--sub-color);
}

/*---------- 便民服务 ----------*/
.convenience-service div dl:hover:before {
    background: var(--main-color);
}

.convenience-service div dl dt img,
.convenience-service div dl dt svg {
    fill: var(--main-color);
}

/*---------- 业务车通车 ----------*/
.express-list li a:hover h4 {
    color: var(--main-color);
}

/*---------- 功能导航 ----------*/
.unfold,
.pack-up {
    background: var(--main-color);
}

.fixed-nav dl dt img,
.fixed-nav dl dt svg {
    fill: var(--main-color);
}

.fixed-nav dl:hover {
    background: rgba(54, 183, 171, .2);
}

/*-------------------------------------------------- 一事联办页 --------------------------------------------------*/

/*---------- 侧边栏 ----------*/
.list-title {
    background: var(--main-color);
}

ul.department-list li.active:before {
    background: var(--main-color);
}

ul.department-list li.active {
    background: linear-gradient( to right, rgba(var(--rgb-main-color), .3) 0%, rgba(var(--rgb-main-color), 0) 100%);
}

ul.department-list li.active span:first-child {
    color: var(--main-color);
}

ul.department-list li.active span:last-child svg {
    fill: var(--main-color);
}

/*---------- 搜素 ----------*/
.service-search {
    border-color: var(--main-color);
}

.service-search-btn svg,
.btn-refresh svg {
    fill: var(--main-color);
}

.tab-group button.active {
    background: var(--main-color);
    color: var(--sub-color);
}

/*---------- 分类 ----------*/
.service-screening-items button.active {
    background: var(--main-color);
}

/*--------- 服务卡片 ----------*/
.service-card-items li:hover:before {
    background: var(--main-color);
}

.service-card-items li:hover .mobile-icon {
    border-top: 20px solid var(--main-color);
    border-right: 20px solid var(--main-color);
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}

.service-card-items li span img,
.service-card-items li span svg {
    fill: var(--main-color);
}

/*--------- 字母导航 ----------*/
.letters-nav button:hover,
.letters-nav button.active {
    background: var(--main-color);
}

/*--------- 弹窗 ----------*/
.service-no-access .window .qr-code-box span:nth-child(1) {

    border-left: 1px solid var(--main-color);
    border-top: 1px solid var(--main-color);
}

.service-no-access .window .qr-code-box span:nth-child(2) {
    border-right: 1px solid var(--main-color);
    border-top: 1px solid var(--main-color);
}

.service-no-access .window .qr-code-box span:nth-child(3) {
    border-left: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
}

.service-no-access .window .qr-code-box span:nth-child(4) {
    border-right: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
}

/*-------------------------------------------------- 效能监督页 --------------------------------------------------*/

.banner {
    background: var(--main-color);
}

.banner h1,
.banner p {
    color: var(--sub-color);
}

.statistics-table .card-title h2.active {
    color: var(--main-color);
}

.statistics-table .card-title h2.active:after {
    background: var(--main-color);
}

/*-------------------------------------------------- 专题更多页 --------------------------------------------------*/
.special-list-title:before,
.special-list-title:after {
    background: var(--main-color);
}

.special-card:hover:before {
    background: var(--main-color);
}

.special-icon img,
.special-icon svg {
    fill: var(--main-color);
}

/*-------------------------------------------------- 专题详情页 --------------------------------------------------*/
.special-card-inner span svg {
    fill: var(--main-color);
}

/*-------------------------------------------------- 搜素结果页 --------------------------------------------------*/
.column-tabs button.active {
    color: var(--main-color);
}

.search-tip span {
    color: var(--main-color);
}

.business-center li:hover:before {
    background: var(--main-color);
}

.business-center li span img,
.business-center li span svg {
    fill: var(--main-color);
}

/*-------------------------------------------------- 三张清单页 --------------------------------------------------*/
.sidebar-menu li.sidebar-header {
    background: var(--main-color);
}

.sidebar-menu > li:hover > a,
.sidebar-menu > li.active > a {
    color: var(--main-color);
    background: linear-gradient( to right, rgba(var(--rgb-main-color), .3) 0%, rgba(var(--rgb-main-color), 0) 100%);
}

.sidebar-menu .treeview-menu > li > a.active {
    background: var(--main-color);
}

.sidebar-menu .treeview-menu > li.active > a,
.sidebar-menu .treeview-menu > li > a:hover  {
    color: var(--main-color);
}

.sidebar-menu > li:hover > a svg,
.sidebar-menu > li.active > a svg {
    fill: var(--main-color) !important;
}

.sidebar-menu > li:hover > a:before,
.sidebar-menu > li.active > a:before {
    background: var(--main-color);
}

.sidebar-menu > li > a > span:last-child svg {
    fill: var(--main-color) !important;
}

.listing-tab ul li.tab-current {
    border-bottom: 3px solid var(--main-color);
}

.listing-tab ul li.tab-current span:last-child {
    color: var(--main-color);
}

.listing-tab ul li.tab-current span svg {
    fill: var(--main-color) !important;
}

.search .btn-default {
    background-color: var(--main-color);
    border-color: var(--main-color);
}


.listing-tab ul li.active span {
    color: var(--main-color) !important;
}

.listing-tab ul li.active span svg {
    fill: var(--main-color) !important;
}


/*-------------------------------------------------- 业务直通车页 --------------------------------------------------*/
.meta-title:before {
    background: var(--main-color);
}

.items-box ul li span:first-child svg {
    fill: var(--main-color);
}

/*-------------------------------------------------- 西交大统一入口页 --------------------------------------------------*/
.service-search {
    border: 1px solid var(--main-color) !important;
}

.service-search-btn svg {
    fill: var(--main-color) !important;
}

.btn-refresh svg, .btn-feedback svg {
    fill: var(--main-color) !important;
}

.feedback-cls {
    background: var(--main-color) !important;
}

.service-screening-items button.active {
    background: var(--main-color) !important;
}

.meta-title:before {
    background: var(--main-color) !important;
}

.items-box ul li a > span:first-child svg {
    fill: var(--main-color) !important;
}

.items-box ul li a .corner-mark {
    background: var(--main-color) !important;
}

/*-------------------------------------------------- 个人中心页 --------------------------------------------------*/
/* miniui 页签 */
.content .mini-tab-active .mini-tab-text a {
    background: #fff;
    color: var(--main-color);
}

/* 左边栏 */
.button-list li a {
    border-color: var(--main-color);
    color: var(--main-color);
}

.button-list li a:hover {
    border-color: var(--main-color);
}

.menu-list ul li:first-child,
.menu-list ul li:hover {
    background: var(--main-color);
}

.menu-list .menu-list-icon img,
.menu-list .menu-list-icon svg {
    fill: var(--main-color);
}

/* 我的常用卡片 */
.commonly-used-panel .commonly-used-item:hover p {
    color: var(--main-color) !important;
}

/* 校历卡片 */
.calendar {
    background: var(--main-color);
}

.school-calendar ul li p:last-child span:first-child {
    color: var(--main-color);
}

/* 卡片更多下拉菜单 */
.drop-down-menu ul li:hover {
    background: var(--main-color);
}

/* 卡片翻页 */
.turn-page .arrow {
    background-color: var(--main-color);
}

/* 统一代办卡片 */
.todo-panel .todo-tab li.active {
    color: var(--main-color) !important;
}

.todo-panel .todo-tab-item:hover .todo-item-title span {
    color: var(--main-color) !important;
}

.todo-panel .todo-item-icon span svg {
    fill: var(--main-color) !important;
}

.item:hover td.item-title a {
    color: var(--main-color);
}

/* 新版统一代办卡片 */
.new-todo-panel .new-todo-tab li.active {
    color: var(--main-color) !important;
}

.new-todo-panel .todo-tab-second li.active {
    color: var(--main-color) !important;
}

.new-todo-panel .new-todo-tab-box-inner ul li .icon {
    color: var(--main-color) !important;
}

.new-todo-panel .new-todo-tab-box-inner ul li:hover .title {
    color: var(--main-color) !important;
}

/* 公告卡片 */
.affiche-panel .affiche-panel-tab ul li.active,
.affiche-panel .content .affiche-item:hover .affiche-title {
    color: var(--main-color) !important;
}

/* 业务直通车卡片 */
.express-panel ul li a:hover span {
    color: var(--main-color) !important;
}

/* 基础数据卡片 */
.basic-data-panel .basic-data-panel-tab ul li.active {
    color: var(--main-color) !important;
}

.basic-data-panel .structure .progress-box .progress-item p {
    color: var(--main-color) !important;
}

.basic-data-panel .structure .progress-box .progress-item .progress {
    background: var(--main-color) !important;
}

.basic-data-panel .structure .items dl {
    border: 1px solid var(--main-color) !important;
    background: rgba(var(--rgb-main-color), .05) !important;
}

.basic-data-panel .structure .items dl dt {
    background: rgba(var(--rgb-main-color), .2) !important;
}

.basic-data-panel .structure .items dl dt .icon svg {
    fill: var(--main-color) !important;
}

.basic-data-panel .structure .items dl dt p,
.basic-data-panel .structure .items dl dd p {
    color: var(--main-color) !important;
}

.basic-data-panel .content-box .situation ul li dl {
    border: 1px solid var(--main-color) !important;
    background: rgba(var(--rgb-main-color), .05) !important;
}

.basic-data-panel .content-box .situation ul li dl dt {
    background: rgba(var(--rgb-main-color), .2) !important;
}

.basic-data-panel .content-box .situation ul li dl dt .icon svg {
    fill: var(--main-color) !important;
}

.basic-data-panel .content-box .situation ul li dl dd p {
    color: var(--main-color) !important;
}


/*-------------------------------------------------- 业务管理中心 --------------------------------------------------*/
.bsu-list-nav li a.active {
    background: var(--main-color) !important;
}

.bmc-icon-box svg {
    fill: var(--main-color);
}

.bmc-list-content-box:hover .bmc-business-title {
    color: var(--main-color);
}

/*-------------------------------------------------- 服务介绍页 --------------------------------------------------*/
.collection-box:before {
    border-left: 18px solid var(--main-color);
}

.collection-box:after {
    border-right: 18px solid var(--main-color);
}

.other-service ul li a.active:hover span {
    color: var(--main-color);
}

.other-service ul li a.active:hover span.other-service-icon {
    border: 1px solid var(--main-color);
    background: var(--main-color);
}

.service-guide-title h2 {
    border-left-color: var(--main-color);
}

.list-Row .title-box span {
    background: var(--main-color);
}

.service-guide-fixed-nav ul li a.active {
    background: var(--main-color);
}

/*-------------------------------------------------- 消息提醒弹窗 --------------------------------------------------*/
.message-remind.mini-window .mini-panel-border .mini-panel-header {
    background: var(--main-color);
}

.message-remind.mini-window .mini-panel-border .mini-panel-body .icon {
    fill: var(--main-color);
}

.message-remind.mini-window .mini-panel-border .mini-panel-body .view-more a {
    color: var(--main-color) !important;
}

.message-remind.mini-window .mini-panel-border .mini-panel-body .arrow svg {
    fill: var(--main-color);
}

/*-------------------------------------------------- 三张清单 2022-05-24 --------------------------------------------------*/
.classify section ul li a:hover {
    background: var(--main-color);
}

.classify section .icon-box svg {
    fill: var(--main-color);
}

.classify section .icon-box svg {
    fill: var(--main-color);
}

.inventory-tab ul li.active {
    background: var(--main-color);
}

.responsibility-item:hover {
    border: 1px solid var(--main-color);
}

.matter-type ul li.active span {
    background: var(--main-color);
}

.matter .table .btn-guide,
.matter .table .btn-handle {
    color: var(--main-color);
    background: rgba(var(--rgb-main-color), .2);
}

.matter .paging .btn-jump {
    color: var(--main-color);
    background: rgba(var(--rgb-main-color), .2);
}

.matter .paging .btn-next,
.matter .paging .btn-pre {
    background: var(--main-color);
}
.service-drop-down{
    position: absolute;
    left: 0;
    display: none;
    width: 680px;
    box-sizing: border-box;
    /*border-radius: 4px;*/
    box-shadow: 0 3px 10px 8px rgba(0, 0, 0, .1);
    background: #fff;
    overflow: hidden;
    margin-top: 40px;
    margin-left: 307px;
    padding: 10px 18px;
    color: #666;
    height: 102px;
    z-index: 999;
}
.common-service ul li{
    float: left;
    padding: 0 10px;
    border-right: 1px solid #e5e5e5;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;        /*内容会被修剪，并且其余内容是不可见的*/
    text-overflow:ellipsis;  /*显示省略符号来代表被修剪的文本。*/
    white-space: nowrap;
}