/* 覆盖 FontAwesome 字体为 CDN，解决伪元素图标(如 dropdown-toggle::before)无法加载的问题 */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
       url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');
  font-weight: normal;
  font-style: normal;
}

iframe.v-hidden {
    visibility: hidden;
    z-index: -1;
  }
  
  html {
    min-width: 768px;
    overflow-x: auto;
  }

  body.e-home {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat !important;
    min-width: 768px;
  }

  #home-page {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat !important;
  }
  
  /*---mask start---*/
  .mask {
    background-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(30px);
    overflow: hidden;
  }
  
  /*.mask::before {*/
  /*  content: '';*/
  /*  position: absolute;*/
  /*  top: 0;*/
  /*  right: 0;*/
  /*  bottom: 0;*/
  /*  left: 0;*/
  /*  background: inherit;*/
  /*  background-attachment: fixed;*/
  /*  filter: blur(8px);*/
  /*  margin: -20px;*/
  /*  pointer-events: none;*/
  /*  z-index: -1;*/
  /*}*/
  
  /*.mask::after {*/
  /*  content: '';*/
  /*  position: absolute;*/
  /*  top: 0;*/
  /*  right: 0;*/
  /*  bottom: 0;*/
  /*  left: 0;*/
  /*  background: rgba(0, 0, 0, 0.1);*/
  /*  pointer-events: none;*/
  /*  z-index: -1;*/
  /*}*/
  
  .mask.dark::after {
    background: rgba(0, 0, 0, 0.5);
  }
  
  /*---mask end---*/
  
  #e-op-area .e-op-area-iframe-container.e-op-area-iframe-container {
    min-height: 350px;
  }
  
  #e-op-area .e-page-header #e-home-tab-list > li {
    user-select: none;
  }
  
  #e-op-area > .container-fluid {
    padding-top: 0 !important;
  }
  
  #e-op-area > .container-fluid .scroll {
    height: 30px;
    margin-top: unset;
  }
  
  #e-op-area > .container-fluid .scroll > i {
    line-height: 30px;
  }
  
  .bizTypeSwitcher .modal-dialog {
    width: 30%;
  }
  
  .bizTypeSwitcher .close > span,
  .bizTypeSwitcher .modal-header > h4 {
    color: #fff;
  }
  
  .bizTypeSwitcher .biz-type-button {
    padding-top: 0px;
  }
  
  .bizTypeSwitcher .biz-types {
    margin-bottom: -15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  
  .bizTypeSwitcher .biz-types > .list-group-item {
    font-size: 21px;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  
  .bizTypeSwitcher .biz-types > .list-group-item:first-child {
    border-top: none !important;
    border-radius: 0px !important;
  }
  
  .bizTypeSwitcher .biz-types > .list-group-item:hover {
    color: #06568b;
    color: var(--brand-primary);
  }
  
  .bizTypeSwitcher .biz-types > .list-group-item.selected {
    color: #06568b;
    color: var(--brand-primary);
    background-color: #eee;
  }
  
  #shading {
    position: absolute;
    height: 81px;
    width: 100%;
    background-image: url("https://wvpn.ahu.edu.cn/https/77726476706e69737468656265737421fae00f9d2f2526557a1dc7af96/student/static/common-home/img/moutain.png");
    pointer-events: none;
  }
  
  
  header.e-header .e-navbar-nav-1 > li > a.dropdown-toggle-hover {
    background-color: transparent !important;
  }
  
  header.e-header .nav > li > a:hover, header.e-header .nav > li > a:focus {
    background: transparent !important;
  }
  
  /*header.e-header .nav > li > a::after{*/
  /*  content:' ';*/
  /*  position: absolute;*/
  /*  top:0;*/
  /*  bottom:100%;*/
  /*  right:0;*/
  /*  left:0;*/
  /*  transition:0.2s ease-out;*/
  /*  z-index:-1;*/
  /*  background-color: rgba(255, 255, 255, 0.2);*/
  /*}*/
  
  
  /*header.e-header .nav > li > a:hover::after, header.e-header .nav > li > a:focus::after{*/
  /*  bottom:0;*/
  /*}*/
  
  header.e-header .nav > li > a {
    transition: background-color 0.2s ease;
  }
  
  header.e-header .nav > li > a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
  }
  
  
  header.e-header .e-navbar-nav-3 .role-change > .role-change-div {
    background-color: #22B585;
    border-radius: 4px;
    padding: 0px 6px;
  }
  
  #content {
    margin: 20px
  }
  
  #content a {
    text-decoration: none
  }
  
  /*#shortcut{*/
  /*background-color: #F2F2F2;*/
  /*min-height: 350px;*/
  /*padding: 10px;*/
  /*margin-top: 10px;*/
  /*}*/
  /*#shortcut .shortcutDiv{*/
  /*width: 160px;*/
  /*height: 60px;*/
  /*float: left;*/
  /*margin: 5px;*/
  /*line-height: 60px;*/
  /*cursor: pointer;*/
  /*color:#fff;*/
  /*}*/
  /*#shortcut .shortcutDiv:hover{*/
  /*color:#fff;*/
  /*}*/
  #menuBasket {
    background-color: #e4e4e4;
  }
  
  /*#shortcut p{*/
  /*font-size: 20px;*/
  /*}*/
  
  /*#shortcut #shortcutConfig{*/
  /*margin: 5px 0;*/
  /*font-size: 20px;*/
  /*float: right;*/
  /*color: #3F5D7F;*/
  /*cursor: pointer;*/
  /*}*/
  .modalMenu {
    border: 1px solid #7d7d7d;
    margin: 10px;
    height: 380px;
    overflow-y: auto
  }
  
  #lastLoginInfo {
    margin-top: 10px;
  }
  
  #lastLoginTitle {
    font-size: 20px;
    margin-bottom: 10px;
  }
  
  #lastLoginInfo label {
    color: #06568b;
    color: var(--color-C-8);
  }
  
  #lastLoginInfo p {
    display: inline;
  }
  
  #lastLoginInfo div {
    padding-top: 5px;
  }
  
  #loginCount {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
  }
  
  #loginCount label {
    font-size: 50px;
    color: #06568b;
    color: var(--color-C-8);
  }
  
  .view {
    background-color: white;
    margin: 5px;
  }
  
  .view label {
    list-style-type: none;
    color: #06568b;
    color: var(--color-C-8);
  }
  
  .view .destroy {
    padding: 0;
    float: right;
    color: red;
    text-align: right;
    cursor: pointer;
  
  }
  
  #menuList table tr {
    margin: 10px;
  }
  
  #menuList table .tdCheckbox {
    display: inline;
  }
  
  #menuList {
    padding: 6px 10px 6px 25px;
  }
  
  #welcomeTitle {
    text-align: left;
    font-size: 36px;
    font-weight: 200;
    margin: 20px 40px 20px
  }
  
  .toolbarView {
    min-height: 30px;
  }
  
  .content-left {
    background-color: #F2F2F2;
    min-height: 350px;
    margin-top: 10px;
  }
  
  header.e-header .icon-bar {
    background-color: white;
  }
  
  #e-top-menu {
    min-width: 76px;
  }
  
  #e-top-menu .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin-top: 3px;
  }
  
  
  #accountManagement .account-pointer {
    cursor: pointer;
  }
  
  #managerMessage {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #managerMessage .point {
    position: relative;
    display: inline-block;
    min-width: 14px;
    height: 14px;
    line-height: 14px;
    background: #f00;
    padding: 0 3px;
    text-align: center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    top: -10px;
    right: -2px;
    vertical-align: super;
  }
  
  body {
    background-repeat: repeat !important;
    background-position: center;
  }
  
  body > header.e-header {
    /*flex:0 0 45px;*/
    height: 90px;
    border: none;
  }
  
  .e-header-path {
    width: 1883px;
    padding-left: 1em;
    display: block;
    height: 30px;
    background-color: #fff;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px dotted #e6e7e8;
    border-bottom: 1px dotted var(--table-border-color);
  }
  
  
  body > header .navbar-collapse.collapse {
    display: flex !important;
  }
  
  header .navbar-collapse .navbar-nav {
    flex: none;
  }
  
  header .navbar-collapse:first-child {
    background-color: rgba(0, 0, 0, 0.3);
  }
  
  header .navbar-collapse .navbar-nav.e-navbar-nav-1 {
    flex: none;
    display: flex;
    min-width: 0;
  }
  
  header .navbar-collapse .navbar-nav.e-navbar-nav-1 > li {
    position: unset;
    flex: 0 1 auto;
    min-width: 0;
  }
  
  header .navbar-collapse .navbar-nav.e-navbar-nav-1 li > a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  header.e-header .e-navbar-nav-1 > li > a.dropdown-toggle::before {
    content: "\f0c9";
    display: inline-block;
    text-align: right;
    /*margin-right: 10px;*/
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
  }
  
  
  body > #e-content-area {
    height: calc(100vh - 90px);
    min-height: calc(100vh - 90px);
  }
  
  #e-content-area #e-op-area {
    height: 100%;
  }
  
  #e-content-area #e-op-area .e-toolbarTab {
    height: 100%;
    border: none;
    padding: 0 1% 1% !important;
    /*display:flex;*/
    /*flex-direction: column;*/
  }
  
  #e-content-area #e-op-area .e-toolbarTab .toolbarView {
    /*flex:0 0 30px;*/
    height: 30px;
    background: rgba(0, 0, 0, 0.5);
  }
  
  #e-content-area #e-op-area .e-toolbarTab .e-op-area-iframe-container {
    height: calc(100% - 30px);
    border-radius: 0 0 6px 6px;
  }
  
  
  /*主题设置*/
  #bgkModalPlace {
    width: 300px;
    padding: 20px;
  }
  
  .default-bgkPure-container h4 {
    font-weight: bold;
  }
  
  .default-bgkPure-container > h5 {
    margin: 20px 0;
  }
  
  .default-bgkPure-container > ul {
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
  }
  
  .default-bgkPure-container > ul > li {
    flex: 1 1 25%;
  }
  
  .sub-title {
    position: absolute;
    margin-left: 20px;
  }
  
  .pure-li {
    display: inline-block;
    height: auto;
    margin-top: 16px;
    list-style: none;
    cursor: pointer;
  }
  
  .pure-li .i_bgimg {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    transition: 0.2s ease-out;
  }
  
  .pure-li .i_txt_wrapper {
    margin-top: 10px;
    width: auto;
    text-align: center;
    transition: 0.2s ease-out;
  }
  
  .pure-li:hover .i_bgimg {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  }
  
  .pure-li .i_point {
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 1px solid transparent;
    border-radius: 50%;
  }
  
  .pure-li .i_txt {
  }
  
  .pure-li * {
    pointer-events: none;
    user-select: none;
  }
  
  .default-bgkPure-container li:nth-child(1) .i_point {
    background-color: #428bca;
  }
  
  .default-bgkPure-container li:nth-child(1) .i_txt {
    color: #428bca;
  }
  
  .default-bgkPure-container li:nth-child(2) .i_point {
    background-color: #11897E
  }
  
  .default-bgkPure-container li:nth-child(2) .i_txt {
    color: #11897E;
  }
  
  .default-bgkPure-container li:nth-child(3) .i_point {
    background-color: #D7292F
  }
  
  .default-bgkPure-container li:nth-child(3) .i_txt {
    color: #D7292F;
  }
  
  .default-bgkPure-container li:nth-child(4) .i_point {
    background-color: #BC72D3
  }
  
  .default-bgkPure-container li:nth-child(4) .i_txt {
    color: #BC72D3;
  }
  
  .default-bgkPure-container li:nth-child(5) .i_point {
    background-color: #578CF7
  }
  
  .default-bgkPure-container li:nth-child(5) .i_txt {
    color: #578CF7;
  }
  
  .default-bgkPure-container li:nth-child(6) .i_point {
    background-color: #3686DE
  }
  
  .default-bgkPure-container li:nth-child(6) .i_txt {
    color: #3686DE;
  }
  
  .pure-li.active > .i_bgimg::before {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
    color: #ffffff;
  }
  
  .default-bgkPure-container li.active .i_bgimg::before {
    content: '\4f7f\7528\4e2d';
  }
  
  .default-bgkPure-container ul li.active {
    /*购*/
  }
  
  .default-bgk-container {
    margin: 10px 0;
  }
  
  .default-bgk-container h5 {
    margin: 10px 0;
  }
  
  .default-bgk-container .pic-wrapper {
    display: inline-block;
    width: 70px;
  }
  
  .default-bgk-container .pic-wrapper > div {
    width: 100%;
    height: 70px;
    padding: 10px;
  }
  
  .default-bgk-container .pic-wrapper:after {
    height: 14px;
    width: 14px;
    right: 7px;
    top: 7px;
  }
  
  .default-bgk-container .pic-wrapper.active:after {
  
  }
  
  /*---shortCut  begin*/
  #shortcut-setting {
    position: absolute;
    bottom: 2.5em;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
  }
  
  #shortcutConfig {
    cursor: pointer;
  }
  
  .shortcut-container {
    width: 100%;
    text-align: center;
  }
  
  #shortcut-setting .toggle-arrow {
    position: absolute;
    bottom: 1.5em;
    left: 2.3em;
    display: inline-block;
    height: 2em;
    width: 2em;
    border-radius: 1em;
    vertical-align: middle;
    background: white;
    color: black;
    opacity: 0.5;
    cursor: pointer;
    z-index: 1;
  }
  
  #shortcut-setting .toggle-arrow .shortcutShow {
    position: absolute;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    vertical-align: center;
    vertical-align: -webkit-baseline-middle;
  }
  
  #shortcut-setting .toggle-arrow .shortcutShow::before {
    font-size: 24px;
  }
  
  #shortcut-setting .toggle-arrow .shortcutShow.rotate {
    transition: transform 0.25s;
    transform: rotate(180deg);
  }
  
  /*#shortcut-setting .toggle-arrow .shortcutTip {*/
  /*display: inline-block;*/
  /*width: 85px;*/
  /*text-align: center;*/
  /*line-height: 32px;*/
  /*vertical-align: top;*/
  /*}*/
  
  #shortcut {
    margin: 0 auto;
    width: 28em;
    font-size: 14px;
  }
  
  .shortcut-header {
    color: #fff;
    margin-bottom: 40px;
    font-size: 16px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
    text-align: left;
  }
  
  /*.shortcut-header .shortcut-setting{*/
  /*  font-size:14px;*/
  /*}*/
  
  .shortcut-panel {
    margin: 0 -15px;
    text-align: left;
  }
  
  .shortcut-item {
    display: inline-block;
    width: 33.3333%;
    height: 12em;
    vertical-align: top;
    padding: 0 1em 2em 1em;
    overflow: hidden;
    font-size: inherit;
  }
  
  /*.shortcutDiv:before{*/
  /*  content: '';*/
  /*  position: absolute;*/
  /*  top: 0;*/
  /*  right: 0;*/
  /*  bottom: 0;*/
  /*  left: 0;*/
  /*  background: inherit;*/
  /*  background-attachment: fixed;*/
  /*  filter: blur(20px);*/
  /*  margin: -20px;*/
  /*  pointer-events: none;*/
  /*  z-index: -1;*/
  /*}*/
  
  /*.shortcutDiv:after{*/
  /*  content: '';*/
  /*  position: absolute;*/
  /*  top: 0;*/
  /*  right: 0;*/
  /*  bottom: 0;*/
  /*  left: 0;*/
  /*  background: rgba(0, 0, 0, 0.2);*/
  /*  pointer-events: none;*/
  /*  z-index: -1;*/
  /*}*/
  
  .shortcutDiv {
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    position: relative;
    border-radius: 1em;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: space-around;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.2s ease-out;
  }
  
  .shortcutDiv:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
  }
  
  
  .shortcut-icon {
    font-size: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff
  }
  
  .shortcut-icon-bg {
    flex: none;
    width: 0;
    position: relative;
    padding: 2em;
    border-radius: 100%;
    margin: 1.5em auto;
    pointer-events: none;
  }
  
  .shortcut-panel .shortcut-item:nth-child(1) .shortcut-icon-bg,
  .shortcut-panel .shortcut-item:nth-child(8) .shortcut-icon-bg {
    background-image: linear-gradient(#e1c6af, #ca906a);
  }
  
  .shortcut-panel .shortcut-item:nth-child(2) .shortcut-icon-bg,
  .shortcut-panel .shortcut-item:nth-child(7) .shortcut-icon-bg {
    background-image: linear-gradient(#97e4d6, #4dc7ae);
  }
  
  .shortcut-panel .shortcut-item:nth-child(3) .shortcut-icon-bg {
  
    background-image: linear-gradient(#cbc8fd, #9f94f5);
  }
  
  .shortcut-panel .shortcut-item:nth-child(4) .shortcut-icon-bg {
    background-image: linear-gradient(#a5d6fd, #54b0fb);
  }
  
  .shortcut-panel .shortcut-item:nth-child(6) .shortcut-icon-bg {
    background-image: linear-gradient(#f6c49d, #ffa33d);
  }
  
  .shortcut-panel .shortcut-item:nth-child(5) .shortcut-icon-bg,
  .shortcut-panel .shortcut-item:nth-child(9) .shortcut-icon-bg {
    background-image: linear-gradient(#f6aeb4, #fe7271);
  }
  
  .shortcut-title {
    flex: none;
    color: #fff;
    font-size: 14px;
    pointer-events: none;
    text-decoration: none;
    overflow: hidden;
    height: 3em;
    display: inline-block;
  }
  
  .shortcut-header {
    margin-bottom: 30px;
  }

  #shortcut {
    font-size: 14px;
  }

  #shortcut-setting, #shortcut-setting * {
    font-size: 14px;
  }

  .shortcut-item {
    height: 11em;
    padding: 0 1em 1em 1em;
  }
  
  /*---shortCut  end*/
  
  /*---footer begin---*/
  #e-home-footer {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 2.5em;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
  }
  
  #e-home-footer span {
    line-height: 2.5em;
    color: #fff;
    font-size: inherit;
  }
  
  #e-home-footer {
    font-size: 14px;
  }
  
  /*---footer end---*/
  
  /*---primary begin---*/
  .primary-container * {
    margin: 0;
    padding: 0;
    transition: 0.25s ease;
  }
  
  .primary-container ul, li {
    list-style: none;
  }
  
  .content-left {
    background-color: #F2F2F2;
    min-height: 350px;
    margin-top: 10px;
  }
  
  .primary-container {
    position: absolute !important;
    width: 89.5em;
    height: 9.375em;
    bottom: 10em;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  
  .primary-container[data-display="5"] {
    width: 43.8em;
  }
  
  .primary {
    overflow: visible !important;
  }
  
  
  /*.primaryLi .title-text{*/
  
  /*}*/
  
  .primary-img {
    width: 3.5em;
    height: 3.5em;
    margin: 1.1875em 2.3125em 1.125em 2.3125em;
  }
  
  .primary .item .primaryLi .primary-img {
    /*background: url("../img/primary-icon-samble.png") no-repeat center center;*/
    /*background-size: contain;*/
  }
  
  .primary-img .icon {
    font-size: 48px;
    color: #428bca;
    color: var(--brand-primary);
  }
  
  .primary .item .primaryLi .primary-text {
    display: inline-block;
    color: #000;
    height: 3.5em;
    line-height: 1.5em;
  }
  
  body[data-lang='en'] .primary .item .primaryLi .primary-text {
    display: inline-block;
    width: 100%;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
  }
  
  .primary .item .primaryLi.hover {
    transform: translateY(-1.25em);
    transition: 0s ease;
    /*transition:0.25s ease;*/
  }
  
  .primary .item .primaryLi.hasSubMenus:hover::after {
    content: "";
    width: 100%;
    height: 1.6875em;
    background: url(https://wvpn.ahu.edu.cn/https/77726476706e69737468656265737421fae00f9d2f2526557a1dc7af96/student/static/common-home/img/icon-sy-zy.png) no-repeat center;
    background-size: 20%;
    position: absolute;
    transform: rotate(180deg);
    display: inline-block;
    top: -1.6875em;
    padding-top: 0.625em;
    left: 0;
    z-index: -1;
  }
  
  /*.primary-img-hover{*/
  /*background-image: url("../img/u84.png");*/
  /*background-position: top;*/
  /*background-repeat:  no-repeat;*/
  /*background-size: 65px;*/
  /*position: relative;*/
  /*top:-83px;*/
  /*height: 60px;*/
  
  /*}*/
  
  
  .primary a {
    color: #666;
  }
  
  .primary-container .primary.carousel-inner {
    margin: 0 auto;
  }
  
  .primary-container .carousel-control {
    display: inline-block;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2em;
    height: 2em;
    /*line-height: 100%;*/
    opacity: 1;
    background-image: url("https://wvpn.ahu.edu.cn/https/77726476706e69737468656265737421fae00f9d2f2526557a1dc7af96/student/static/common-home/img/arrow.png") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  
  }
  
  .primary-container .carousel-control.disabled {
    opacity: 0.2;
  }
  
  .primary-container .carousel-control.left {
    margin-left: -4em;
  }
  
  .primary-container .carousel-control.right {
    margin-right: -4em;
    transform: rotate(180deg);
  }
  
  /*.primary-container .carousel-control:hover{*/
  /*background-color: #004098;*/
  /*color:#fff;*/
  /*transition:0.25s ease;*/
  /*}*/
  
  /*.primary-container .carousel-control span {*/
  /*margin: 0 auto;*/
  /*padding: 36px 0;*/
  /*}*/
  
  /*.primary-container .carousel-control.left, .carousel-control.right {*/
  /*background-image: none;*/
  /*}*/
  
  
  #primarySettingModal .primaryConfigLi {
    margin-top: 8px;
  }
  
  .subMenusContainer > li {
    border: 0px;
    /*padding: 5px;*/
    text-align: left;
    /*line-height: 14px;*/
  }
  
  /*.subMenusContainer > li.list-group-item {*/
  /*padding-left: 100px;*/
  
  /*}*/
  
  .subMenusContainer > li a {
    display: inline-block;
    vertical-align: bottom;
    line-height: 1.5em;
    padding: 0.5em 0.7em;
    background: #eaeaea;
    margin: 0 0.7em 0.7em 0;
    border: 1px solid #eaeaea;
    border-radius: 0.3em;
    box-sizing: border-box;
    text-decoration: none;
  }
  
  .subMenusContainer > li a:hover {
    color: #fff;
    background: #06568b;
    background: var(--brand-primary);
    border-color: #06568b;
    border-color: var(--brand-primary);
  }
  
  /*.subMenusContainer > li  a:hover {*/
  /*background-color: #123B7B;*/
  /*background-clip:content-box;*/
  /*color:#fff;*/
  /*transition:0.25s ease;*/
  /*}*/
  
  .subMenusContainer label {
    font-weight: normal;
    /*margin:0 12px 3px -133px;*/
  }
  
  .hasSubMenus h2 {
    color: #000;
    font-weight: bold;
  }
  
  a.primary-subMenu {
    /*padding:0 8px;*/
  }
  
  
  /*.primary-subMenu:hover {*/
  /*color: var(--brand-primary);*/
  /*}*/
  
  .primaryLi-container {
    padding: 0;
    margin: 0 -0.9375em;
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: stretch;
  }
  
  .primaryLi-container .primaryLi:last-child .subMenus {
    left: auto;
    right: 0;
  }
  
  .primaryLi-container .primaryLi:first-child .subMenus {
    left: 0;
    right: auto;
  }
  
  .overflow-hidden {
    overflow: hidden !important;
  }
  
  .primaryLi {
    position: relative;
    width: 8.125em;
    height: 9.375em;
    flex: none;
    margin: 0 0.5em;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.375em;
    text-decoration: none;
    cursor: pointer;
  }
  
  .primaryLi.noSubMenus {
    cursor: pointer;
  }
  
  .primaryLi:first-child {
    border-left: rgba(255, 255, 255, 0.6);
  }
  
  .primaryLi:last-child {
    border-right: rgba(255, 255, 255, 0.6);
  }
  
  /*#primaryCarousel[data-display="10"]{*/
  /*width:1120px;*/
  /*margin-left:-560px;*/
  /*}*/
  /*#primaryCarousel[data-display="10"] .primaryLi{*/
  /*width:10%;*/
  /*}*/
  
  
  .primary-container .subMenus {
    position: absolute;
    background-color: white;
    width: 800px;
    /*max-height:477px;*/
    bottom: 10.375em;
    left: -400px;
  }
  
  .primary-container .subMenus .subMenusContainer div.left-part p {
    display: inline-block;
    padding: 8px 0 8px 0;
    min-height: 37px;
  
  }
  
  
  .primary-container .subMenusContainer {
    max-height: 35vh;
    overflow-y: auto
  }
  
  .primary-container .has-emark,
  .primary-container .has-emark {
    color: #999;
  }
  
  .primary-container .subMenus .menu-title {
    text-align: left;
    border-bottom: 2px solid #f1f1f1;
  }
  
  .primary-container .subMenus .menu-title div {
    padding-left: 20px;
    height: 3em;
    line-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #00b3ee;
    color: var(--color-1);
    font-weight: bold;
  }
  
  .primary-container .subMenus .subMenusContainer .title {
    background-color: #f1f1f1;
    color: #080808;
  }
  
  .primary-container .subMenus ul.list-group {
    margin-bottom: 0 !important;
  }
  
  .primary-container .subMenus .list-group-item {
    display: table;
    table-layout: fixed;
    padding: 0 !important;
  }
  
  .primary-container .subMenus .list-group-item + .list-group-item {
    border-top: 2px solid #ffffff;
  }
  
  .primary-container .subMenus .left-part {
    display: table-cell;
    width: 137px;
    margin-bottom: 0;
    padding: 0 20px;
    vertical-align: middle;
  }
  
  .primary-container .subMenus .menu-title .left-part {
    display: block;
  }
  
  
  .primary-container .subMenus .right-part {
    display: table-cell;
    vertical-align: middle;
    padding: 0.7em 0 0 0.7em;
  }
  
  .primary-container, .primary-container * {
    font-size: 14px;
  }

  .subMenusContainer .right-part * {
    font-size: 12px;
  }

  .primary-container .h2 {
    font-size: 20px;
  }
  
  /*---primary end---*/
  
  /*---rightBar begin---*/
  #right-bar {
    position: fixed;
    bottom: 0;
    right: 1.5em;
    width: 4em;
    overflow: visible;
  
  }
  
  #right-bar .icon-tpl {
    padding: 0.5em;
    margin-bottom: 0.875em;
    cursor: pointer;
    transition: 0.25s ease;
  }
  
  #right-bar .icon-tpl:hover .icon-tpl-i-wrapper {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
    /*  background: rgba(0, 0, 0, 0.15);*/
  }
  
  #right-bar .icon-tpl-i-wrapper {
    width: 3em;
    height: 3em;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 1.5em;
    padding: 0.625em;
    background: rgba(255, 255, 255, 0.7);
    transition: 0.2s ease-out;
  }
  
  
  #notice .icon-tpl-i {
    background-image: url("https://wvpn.ahu.edu.cn/https/77726476706e69737468656265737421fae00f9d2f2526557a1dc7af96/student/static/common-home/img/right-bar-bell.png");
  }
  
  #lastUse .icon-tpl-i {
    background-image: url("https://wvpn.ahu.edu.cn/https/77726476706e69737468656265737421fae00f9d2f2526557a1dc7af96/student/static/common-home/img/right-bar-clock.png");
  }
  
  #app_download .icon-tpl-i {
    background-image: url("https://wvpn.ahu.edu.cn/https/77726476706e69737468656265737421fae00f9d2f2526557a1dc7af96/student/static/common-home/img/right-bar-QRcode.png");
  }
  
  #right-bar .icon-tpl-i {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: contain;
  }
  
  #right-bar .icon-tpl .icon-tpl-txt {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    margin: 0.625em -1rem 0 -1rem;
    text-align: center;
    user-select: none;
  }
  
  .section-btn-wrapper {
    /*margin-top: 8em;*/
  }
  
  .section-btn {
    text-align: center;
    margin-bottom: 2em;
    cursor: pointer;
  }
  
  
  .section-btn svg {
    color: rgba(255, 255, 255, 0.3)
  }
  
  .section-btn:hover svg, .section-btn.on svg {
    color: rgba(255, 255, 255, 0.75)
  }
  
  #right-bar, #right-bar * {
    font-size: 14px;
  }

  #right-bar svg {
    font-size: 32px;
  }
  
  /*---rightBar end---*/
  
  /*---right-menu common begin--*/
  .right-menu {
    position: fixed;
    width: 22.4vw;
    height: 100vh;
    top: 0;
    right: 0;
    z-index: 99999;
  }
  
  /*---right-menu common end--*/
  
  
  /*---section begin--*/
  .section-0 {
    display: flex;
  }
  
  .section-item {
    padding-bottom: 10vh;
    /*flex: 1 1 50%;*/
    align-content: center;
    align-self: center;
    text-align: center;
  }
  
  .section > .section-item:nth-child(1) {
    flex: 1 1 60%;
  }
  
  .section > .section-item:nth-child(2) {
    flex: 1 1 40%;
    margin-right: 80px;
  }
  
  .section-wrap {
    width: 100%;
    height: 100%;
    overflow: visible;
    transition: transform 0.25s cubic-bezier(0.86, 0, 0.03, 1);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.86, 0, 0.03, 1);
  }
  
  .section-wrap .section {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .put-section-0 {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  
  .put-section-1 {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
  }
  
  /*---section end--*/
  
  
  /*---calendar begin--*/
  #calendar-wrapper {
    padding: 20px 10px;
    margin: 0 auto;
    width: auto;
    height: auto;
    border-radius: 5px;
    background: #ffffff;
  }
  
  
  #calendar-container {
  
    margin: 0 auto;
  }
  
  #teachWeek {
    margin: 0 auto;
  }
  
  #teachWeek p {
    line-height: 2em;
  }
  
  .fc-event, .fc-event-dot {
    background-color: #06568b !important;
    background-color: var(--brand-primary) !important;
  }
  
  .fc-event {
    border: 1px solid #06568b !important;
    border: 1px solid var(--brand-primary) !important;
  }
  
  .fc-day-grid-event .fc-content {
    white-space: normal !important;
  }
  
  .fc-bootstrap .fc-popover.card {
    background-color: #fff;
  }
  
  #calendar-container {
    padding: 20px 10px;
    max-width: 900px;
  }

  #teachWeek p {
    font-size: 36px;
  }

  #calendar-wrapper {
    padding: 20px 10px;
    width: 1000px;
  }
  
  /*---calendar end--*/
  
  /*---sidebar begin--*/
  .side-bar {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    padding: 20px 0;
    z-index: 9999;
    box-shadow: -5px 1px 10px 0px rgba(0, 0, 0, 0.2);
  }
  
  @-moz-document url-prefix() {
    .side-bar::before {
      content: ' ';
      position: absolute;
      top: -10px;
      bottom: -10px;
      right: -10px;
      left: -10px;
      background-position: right center;
      background-size: cover;
      background-attachment: fixed;
      filter: blur(10px);
      z-index: -1;
    }
    .side-bar::after {
      content: ' ';
      position: absolute;
      top: -10px;
      bottom: -10px;
      right: -10px;
      left: -10px;
      background-color: rgba(0, 0, 0, 0.1);
      z-index: -1;
    }
  
  }
  
  .s-b-title {
    text-align: left;
    font-size: 16px;
    line-height: 2em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    margin: 10px 20px;
  }
  
  .s-b-ul {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .s-b-li {
    position: relative;
    width: 100%;
    height: 5em;
    line-height: 5em;
    padding: 0 70px 0 20px;
    margin: 0;
    font-size: 14px;
    list-style: none;
    vertical-align: middle;
    cursor: pointer;
    transition: 0.25s ease;
    user-select: none;
  }
  
  .s-b-ul .s-b-li:hover {
    background-color: rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 5px 0px #1d1c1c38;;
    -moz-box-shadow: 0px 2px 5px 0px #1d1c1c38;;
    box-shadow: 0px 2px 5px 0px #1d1c1c38;
  }
  
  .s-b-a.s-b-a {
    text-align: left;
    text-decoration: none;
    color: #fff;
    clear: left;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
  }
  
  .s-b-ul a .icon {
    width: 1.3em;
    height: 1.3em;
    font-size: 30px;
    vertical-align: -0.5em;
    margin-right: 10px;
    padding: 5px;
    border-radius: 5px;
  }
  
  .s-b-ul > li:hover .icon {
    background-color: #428bca;
    background-color: var(--color-6);
    transition: all 0.2s ease;
  }
  
  /*.s-b-ul a:first-letter {*/
  /*font-size: 2em;*/
  /*float: left;*/
  /*}*/
  
  .s-b-ul .use-time {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 10px;
    width: 70px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none;
  }
  
  .s-b-ul .s-b-li:hover .use-time {
    color: rgba(255, 255, 255, 0.7);
  }
  
  .s-b-li {
    height: 5em;
    line-height: 5em;
  }
  
  /*---sidebar end--*/
  
  
  /*==首页样式特殊处理  begin==*/
  /*header.e-header {*/
  /*  background-color: #428bca;*/
  /*  background-color: var(--brand-primary);*/
  /*}*/
  
  header.e-header {
    background-color: unset !important;
  }
  
  /*header.e-header .home-menu::before {*/
  /*  content: ' ';*/
  /*  position: absolute;*/
  /*  top: 0;*/
  /*  bottom: 50%;*/
  /*  left: 0;*/
  /*  right: 0;*/
  /*  background-color: rgba(0, 0, 0, 0.4);*/
  /*  transition: 0.2s ease-out;*/
  /*  z-index: -1;*/
  /*}*/
  
  /*.home-active header.e-header .home-menu::before,*/
  /*header.e-header .home-menu.open::before*/
  /*!*header.e-header:hover::after, *!*/
  /*{*/
  /*  bottom:0;*/
  /*}*/
  
  body.home-active header.e-header {
  
  }
  
  body.home-active .e-header-path {
    display: none;
  }
  
  /*body.home-active #e-op-area .e-page-header #e-home-tab-list > li:hover,*/
  body #e-op-area .e-page-header #e-home-tab-list > li.active {
    background-color: rgba(245, 245, 245, 0.8) !important;
  }
  
  body #e-op-area > .container-fluid {
    background-color: inherit !important;
  }
  
  body #e-op-area .e-op-area-iframe-container {
    background: inherit !important;
  }
  
  /*body:not(.home-active),*/
  /*body:not(.home-active) .theme-bgimg:not(#dropdown-menu-filter) {*/
  /*  background: #06568b !important;*/
  /*  background: var(--brand-primary) !important;*/
  /*}*/
  
  /*body:not(.home-active) header.e-header,*/
  body .toolbarView {
    background-color: unset !important;
  }
  
  body .toolbarView {
    background-color: #428bca;
    background-color: var(--brand-primary);
  }
  
  /*.e-home[data-theme], .e-home[data-theme] .theme-bgimg {*/
  /*  background-image: none;*/
  /*  background-color: #428bca;*/
  /*  background-color: var(--color-2);*/
  /*}*/
  
  /*==首页样式特殊处理  end==*/
  
  /*==首页menuView  ==*/
  header .navbar-collapse .navbar-nav.e-navbar-nav-1 {
    /*position: relative;*/
  }
  
  header .navbar-collapse .navbar-nav.e-navbar-nav-1 > li.dropdown-menu {
    position: unset;
  }
  
  .responsive-height {
    height: calc(100vh - 45px);
    min-height: 500px;
  }
  
  li.home a.drop_submenu {
    text-decoration: none;
  }
  
  span.ancestor {
    color: rgba(255, 255, 255, 0.6);
  }
  
  span.ancestor .fa-angle-double-right {
    margin: 0 1em;
    font-size: 16px;
  }
  
  span.ancestor::after {
    /*display: inline-block;*/
    /*content: "";*/
    /*width: 8px;*/
    /*height: 8px;*/
    /*margin-right: 0.5em;*/
    /*border-left: 1px solid #fff;*/
    /*border-bottom: 1px solid #fff;*/
    /*-webkit-transform: translate(0, -50%) rotate(-135deg);*/
    /*transform: translate(0, -50%) rotate(-135deg);*/
    /*vertical-align: text-bottom;*/
  }
  
  li.home .dropdown-menu.dropdown-menu.dropdown-menu {
    top: 45px;
    padding: 0 !important;
    margin: 0 !important;
    width: 75vw;
    min-width: 800px;
    position: absolute;
    background: inherit;
    /*left:50%;*/
    /*transform: translateX(-50%);*/
    left: 0;
    border-radius: unset !important;
    overflow: hidden;
  
  }
  
  #dropdown-menu-filter {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: left center;
    background-size: cover;
    background-attachment: fixed;
    filter: none;
    margin: -20px;
    pointer-events: none;
    z-index: -1;
    overflow: hidden;
  }
  
  #dropdown-menu-filter {
    filter: blur(8px);
    backdrop-filter: blur(10px);
  }
  
  
  /*li.home div.dropdown-menu::after {*/
  /*#dropdown-menu-bg {*/
  /*  background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 180px, rgba(0, 0, 0, 0.3) 180px);*/
  /*}*/
  
  #dropdown-menu-bg {
    position: relative;
    z-index: 3000;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 180px, rgba(0, 0, 0, 0.5) 180px);
    box-shadow: 3px -3px 5px 0px rgba(0, 0, 0, 0.2);
  }
  
  
  /*#dropdown-menu-bg::after{*/
  /*  */
  /*}*/
  
  #dropdown_bg {
    z-index: 2090;
  }
  
  #dropdown_bg::after {
    /*.responsive-height::after{*/
    content: '';
    position: absolute;
    width: 100vw;
    height: calc(100vh - 45px);
    top: 0;
    left: 0;
    /* background: linear-gradient(to right, #ECF1F3 0px, #fff); */
    background: rgba(0, 0, 0, 0.2);
    /* z-index: -1; */
    transform: scaleX(2);
    user-select: none;
  }
  
  .block-menu-container {
    width: 100%;
    /*height: 100%;*/
    /*background: #fafafa;*/
    /*min-height: 640px;*/
    box-shadow: inset 0 8px 10px -8px rgba(0, 0, 0, .2)
  }
  
  .block-menu-container .block-left {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 180px;
    overflow-y: auto;
    float: left;
    /*border-left: 1px solid #cacaca;*/
    /*border-right: 1px solid #cacaca;*/
  }
  
  #block-ul {
    padding-inline-start: 0;
    margin: 0;
    padding: 0;
  }
  
  .block-li {
    display: block;
    transition: background-color ease-out 0.2s;
  }
  
  .block-hr {
    margin: 5px;
    border-top-color: rgba(255, 255, 255, 0.2);
    pointer-events: none;
  }
  
  .block-li.active, .block-li:hover,.block-li.guide-active {
    background-color: rgba(255, 255, 255, 0.1);
  }
  
  .block-icon {
    display: inline-block;
  }
  
  
  .block-menu-container .block-left li .type-title {
    /*cursor: pointer;*/
    display: block;
    line-height: 2.5em;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    position: relative;
    text-decoration: none;
    font-weight: 400;
    padding: 0 1.5em;
  }
  
  .block-icon {
    display: inline-block;
    font-size: 16px;
    margin-right: 0.3em;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
  }
  
  /*.block-menu-container .block-left li.block-li:hover,*/
  /*.block-menu-container .block-left li.block-li.active {*/
  /*  background: #428bca;*/
  /*  background: var(--opacity-5);*/
  /*}*/
  
  /*.block-menu-container .block-left li:hover .type-title,*/
  /*.block-menu-container .block-left li.active .type-title {*/
  /*color: #428bca;*/
  /*color: var(--brand-primary);*/
  /*}*/
  
  
  /*.block-menu-container .block-left li:hover .type-title::after,*/
  /*.block-menu-container .block-left li.active .type-title::after {*/
  /*  position: absolute;*/
  /*  right: 1em;*/
  /*  top: 1.2em;*/
  /*  content: "";*/
  /*  color: inherit;*/
  /*  width: 8px;*/
  /*  height: 8px;*/
  /*  border-left: 1px solid rgba(255, 255, 255, 0.5);*/
  /*  border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/
  /*  -webkit-transform: translate(0, -50%) rotate(-135deg);*/
  /*  transform: translate(0, -50%) rotate(-135deg);*/
  /*}*/
  
  .block-menu-container .block-left li .type-title:active, .block-menu-container .block-left li .type-title:hover {
    text-decoration: none;
  }
  
  
  .block-menu-container .second-menu-wrap {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: 0 20px;
    left: 180px;
    top: 0;
    box-sizing: border-box;
    height: 100%;
    width: calc(100% - 180px);
    /*min-width: 75vw;*/
    overflow-x: auto;
    overflow-y: auto;
    /*column-count: 4;*/
    /*background: #fafafa;*/
    transition: all ease-out 0.2s;
  }
  
  .block-menu-container .second-menu-wrap.active {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
  }
  
  .second-menu-wrap .menu-area {
    display: inline-block;
    width: 25%;
    padding: 30px 20px 10px 0;
    vertical-align: top;
    /*column-span:none;*/
    /*break-inside: avoid;*/
  }
  
  .menu-area .menu-area-tit {
    /*margin-bottom: 1em;*/
    font-size: 14px;
    font-weight: bold;
  }
  
  .menu-area-tit .drop_submenu {
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
  }
  
  .menu-area-tit .drop_submenu[href='#'] {
    pointer-events: none;
  }
  
  /*.menu-area-tit .drop_submenu::after {*/
  /*  display: block;*/
  /*  content: ' ';*/
  /*  width: 1em;*/
  /*  border-bottom: 3px solid currentColor;*/
  /*  border-radius: 1em;*/
  /*  user-select: none;*/
  /*}*/
  
  .menu-area .menu-area-con {
    font-size: 14px;
  }
  
  .menu-area .menu-area-tit {
    margin-bottom: 5px;
  }
  
  .menu-area-con .menu-item {
    display: block;
  
    line-height: 2em;
    color: #c3c3c3;
    transition: background-color ease-out 0.2s;
  
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .menu-area-con .menu-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  
  .block-menu-container .second-menu-wrap ul,
  .block-menu-container .second-menu-wrap li {
    list-style: none;
  }
  
  .block-menu-container .second-menu-wrap ul {
    display: block;
    box-sizing: border-box;
    /*width: 987px;*/
  }
  
  .block-menu-container .second-menu-wrap ul li {
    display: table;
    table-layout: fixed;
    padding: 0 !important;
    border: 0;
    min-height: 30px;
    height: 30px;
    text-align: left;
  }
  
  .block-menu-container .second-menu-wrap ul li + li {
    border-top: 2px solid transparent;
  }
  
  .block-menu-container .second-menu-wrap ul li .left-part {
    display: table-cell;
    width: 200px;
    max-width: 200px;
    margin-bottom: 0;
    padding: 0 20px;
    vertical-align: middle;
    background-color: #428bca;
    background-color: var(--opacity-10);
    color: #428bca;
    color: var(--brand-primary);
    font-size: 14px;
    text-align: left;
  }
  
  .block-menu-container .second-menu-wrap ul li .right-part {
    display: table-cell;
    vertical-align: middle;
    padding: 0.7em 0 0 0.7em;
  }
  
  .block-menu-container .second-menu-wrap ul li .right-part a {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    line-height: 1.5em;
    padding: 0.3em 0.7em;
    background: #428bca;
    background: var(--opacity-5);
    margin: 0 3em 0.7em 0;
    border: 1px solid #eee;
    box-sizing: border-box;
    text-decoration: none;
    color: #333;
  }
  
  .block-menu-container .second-menu-wrap ul li .right-part a:last-child .menu-dash-arrow {
    display: none;
  }
  
  .menu-dash-arrow {
    display: inline-block;
    position: absolute;
    right: -3em;
    width: 3em;
    line-height: 1.5em;
    height: 1.5em;
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: unset;
    color: #000;
    opacity: 0.1;
  }
  
  .menu-dash-arrow > svg {
    width: 100%;
    fill: currentColor;
    height: inherit;
    line-height: inherit;
  }
  
  /*.block-menu-container .second-menu-wrap ul li .right-part a::after{*/
  /*  content:"---------->";*/
  /*  display:inline-block;*/
  /*  width:auto;*/
  /*  height:1em;*/
  /*  line-height:1em;*/
  /*  color:var(--brand-primary);*/
  /*}*/
  
  .block-menu-container .second-menu-wrap ul li .right-part a:not(.inoperable):hover {
    background: #428bca;
    background: var(--brand-primary);
    color: #fff;
  }
  
  #search-wrapper {
    position: absolute;
    padding: 20px 20px;
    left: 180px;
    width: calc(100% - 180px);
    min-width: calc(75vw - 180px);
    z-index: 1;
    /*background: inherit;*/
  }
  
  #search-input-group {
    /*border: 1px solid #428bca;*/
    /*border: 1px solid var(--opacity-20);*/
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  
  #search-input-group.focus {
    border-color: #428bca;
    border-color: var(--brand-primary);
  }
  
  #search-input-group * {
    line-height: 1.5em;
  }
  
  #search-input-group i.fa.fa-search {
    position: absolute;
    display: inline-block;
    width: 40px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    /*color: var(--brand-primary);*/
    height: 38px;
    line-height: 38px;
    font-size: 16px;
  }
  
  #search-input {
    border: none;
    background: transparent;
    width: 100%;
    height: 38px;
    padding-left: 40px;
    outline: none;
    color: #fff;
  }
  
  #search-input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #BDCADA;
  }
  
  #search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #BDCADA;
  }
  
  #search-input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #BDCADA;
  }
  
  #search-input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #BDCADA;
  }
  
  #search-list-wrapper {
    /*background-image: linear-gradient(45deg, #A6CCF2, #A6D4F2);*/
    background: #428bca;
    background: var(--brand-primary);
    opacity: 0.95;
  }
  
  #search-list {
    max-height: 300px;
    overflow-y: auto;
    border-top: none;
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
  }
  
  #search-list > a {
    display: inline-block;
    width: 100%;
    padding: 0 40px;
    letter-spacing: 1px;
    line-height: 2.5em;
    cursor: pointer;
    /*border: 1px solid #ddd;*/
    border-top: none;
    color: rgba(255, 255, 255, 0.7);
    transition: ease-out 0.2s;
  }
  
  #search-list > a:hover {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
  }
  
  i.a_sign {
    margin-left: 5px;
    font-style: normal;
    pointer-events: none;
    white-space: nowrap;
  }
  
  a.drop_submenu.inoperable {
    color: #ccc;
    color: var(--opacity-30) !important;
    cursor: not-allowed;
  }
  
  .tooltip-inner {
    background-color: rgba(0, 0, 0, 0.8)
  }
  
  /*.responsive-height{*/
  /*  display:block;*/
  /*  transform:scaleY(0);*/
  /*  transition: -webkit-transform .5s ease-out;*/
  /*  transition: transform .5s ease-out;*/
  /*  transition: transform .5s ease-out,-webkit-transform .5s ease-out;*/
  /*  -webkit-transform-origin: center top;*/
  /*  -ms-transform-origin: center top;*/
  /*  transform-origin: center top;*/
  
  /*}*/
  /*.open .responsive-height{*/
  /*  display:block;*/
  /*  transform:scaleY(1);*/
  /*}*/
  
  
  /*==首页menuView  end==*/
  /*==toolbartabview  begin==*/
  #toolbarTabView {
    flex: auto;
    position: relative;
    /* margin-left: -3%; */
    height: 45px;
    box-sizing: border-box;
    overflow-x: hidden;
    padding: 0 25px;
  }
  
  .e-page-header {
    position: relative;
    margin: 0;
    height: 45px;
  
    overflow-x: hidden;
  }
  
  #toolbarTabView .scroll {
    position: absolute;
    z-index: 100;
    display: none;
    width: 25px;
    height: 45px;
    text-align: center;
    cursor: pointer;
    /*background: none repeat scroll 0 0 rgba(179, 179, 179, .5);*/
    /*border-left: 1px solid rgba(255, 255, 255, 0.1);*/
    /*border-right: 1px solid rgba(255, 255, 255, 0.1);*/
  }
  
  #toolbarTabView .scroll > i {
    font-size: 18px;
    line-height: 45px;
    color: #fff;
  }
  
  #toolbarTabView.scroll:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  
  #toolbarTabView > .container-fluid .scroll:hover > i {
    color: #fff;
  }
  
  #toolbarTabView .scroll-left {
    left: 0;
    box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.3);
  }
  
  #toolbarTabView .scroll-right {
    right: 0;
    box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.3);
  }
  
  #e-home-tab-list {
    position: absolute;
    padding: 0;
    margin: 0;
    height: 100%;
    white-space: nowrap;
    list-style-type: none;
    display: flex;
    justify-content: center;
  }
  
  .tabLi, #e-top-home-page > li {
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: center;
    color: #fff;
  }
  
  .tabLi {
    /*background-color: rgba(0, 0, 0, 0.3);*/
    transition: ease-out 0.2s;
    cursor: pointer;
    overflow: hidden;
  }
  
  #e-home-tab-list > .tabLi.active .tabTitle {
    /*background-color: #f5f5f5;*/
    /*color: #666;*/
    position: relative;
    font-weight: bold;
  }
  
  /*#e-home-tab-list > .tabLi.active .tabTitle::after{*/
  /*  display:inline-block;*/
  /*  position:absolute;*/
  /*  left:50%;*/
  /*  transform: translateX(-50%);*/
  /*  bottom: 0;*/
  
  /*  content:' ';*/
  /*  width:2em;*/
  /*  height:2px;*/
  /*  border-radius: 2px;*/
  /*  background-color:#fff;*/
  
  /*}*/
  
  /*#e-home-tab-list > .tabLi::after{*/
  /*  content:' ';*/
  /*  position: absolute;*/
  /*  top:0;*/
  /*  bottom:100%;*/
  /*  left:0;*/
  /*  right:0;*/
  /*  background-color:rgba(255,255,255,0.1);*/
  /*  z-index:-1;*/
  /*  transition:0.2s ease-out;*/
  /*}*/
  
  /*!*#e-home-tab-list > .tabLi.active::after,*!*/
  /*#e-home-tab-list > .tabLi:hover::after {*/
  /*  bottom:0;*/
  /*}*/
  
  #e-home-tab-list .tabLi a {
    /*padding: 0 15px;*/
    line-height: 45px;
    font-size: 12px;
    color: #ffffff80;
    transition: 0.2s ease-out;
    overflow: hidden;
  }
  
  #e-home-tab-list .tabLi.active a,
  #e-home-tab-list .tabLi:hover a {
    color: #fff;
    /*font-size: 14px;*/
  }
  
  
  .tabTitle {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 2em;
    transition: 0.2s ease-out;
  }
  
  
  #e-home-tab-list .tabLi.active .tabTitle,
  #e-home-tab-list .tabLi:hover .tabTitle {
    transform: scale(1.2);
  }
  
  /*#e-home-tab-list > .tabLi.active a, #e-home-tab-list > .tabLi.active span {*/
  /*  color: #666;*/
  /*}*/
  
  /*#e-home-tab-list > .tabLi.active:hover a, #e-home-tab-list > .tabLi.active:hover span {*/
  /*  color: #fff;*/
  /*}*/
  
  #e-home-tab-list .tabLi .fa {
    position: absolute;
    top: 2px;
  
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    visibility: hidden;
    transition: 0.2s ease;
  }
  
  #e-home-tab-list .tabLi .closed {
    right: 2px;
  }
  
  #e-home-tab-list .tabLi .refresh {
    right: 1.2em;
  }
  
  #e-home-tab-list > .tabLi .fa:hover {
    transform: scale(1.1);
    color: rgba(255, 255, 255, 1);
  }
  
  /*#e-home-tab-list .refresh {*/
  /*  display: none;*/
  /*}*/
  
  #e-home-tab-list > .tabLi.active .fa,
  #e-home-tab-list > .tabLi:hover .fa {
    /*color: #ccc;*/
  }
  
  #e-home-tab-list > .tabLi.active .fa,
  #e-home-tab-list > .tabLi:hover .fa {
    visibility: visible;
  }
  
  
  /*==toolbartabview  end==*/
  /*==path  end==*/
  .e-header-path {
    color: #999;
    height: 30px;
    line-height: 30px;
    /*margin:10px 0;*/
    /*padding:0 10px;*/
  }
  
  .path-refresh {
    margin-left: 10px;
    cursor: pointer;
    background-color: var(--opacity-10);
    transition: ease 0.3s;
    color: var(--brand-primary);
    border-radius: 4px;
    vertical-align: unset;
  }
  
  .path-refresh:hover {
    color: #fff;
  
    background-color: var(--brand-primary);
  }
  
  .path-li {
    display: inline-block;
  }
  
  .path-dropdown {
    position: absolute;
    padding: 0 20px 20px 20px;
    z-index: 1;
    background-color: #F2FDFC;
    background-color: var(--light-primary);
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-clip: border-box;
  }
  
  /*.path-dropdown::after{*/
  /*  content:' ';*/
  /*  z-index: -1;*/
  /*  pointer-events: none;*/
  /*  position:absolute;*/
  /*  top:0;*/
  /*  bottom:0;*/
  /*  left:0;*/
  /*  right:0;*/
  /*  background-color: #428bca12;*/
  /*  background-color: var(--opacity-5);*/
  /*}*/
  
  .path-home > * {
    margin: 0 10px;
  }
  
  .path-a {
    /*color:#fafafb;*/
  }
  
  .path-a:hover {
    /*color:#fff;*/
    /*color: #428bca;*/
    /*color: var(--brand-primary);*/
    text-decoration: none;
  }
  
  .path-active {
    /*color:#333;*/
  }
  
  .path-dropdown.path-dropdown:not(.second-menu-wrap) {
    left: 50%;
    margin: 0;
    padding: 20px;
    width: auto;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
    transform: translateX(-50%);
  }
  
  .path-home .menu-item {
    color: rgb(101, 101, 101);
    white-space: nowrap;
  }
  
  .path-dropdown.second-menu-wrap .menu-area-tit .drop_submenu:hover, .path-home .menu-item:hover {
    color: #428bca;
    color: var(--brand-primary);
    text-decoration: none;
    background-color: #428bca05;
    background-color: var(--opacity-5);
  }
  
  .path-angle-right {
    color: #999;
    font-size: 16px;
    /*font-weight: bold;*/
    user-select: none;
  }
  
  .path-dropdown.second-menu-wrap {
    width: 75vw;
    max-height: 60vh;
    overflow: auto;
  }
  
  .path-dropdown.second-menu-wrap .menu-area-tit .drop_submenu {
    color: rgb(51, 51, 51)
  }
  
  /*==path  end==*/
  
  
  /*==iframe wrapper begin*/
  #e-content-area {
    width: 100%;
    margin: 0 auto;
  }
  
  /*==iframe wrapper end*/
  
  
  .l-info {
    color: #fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    text-align: left;
  }
  
  .info-greeting, .info-username {
    font-weight: 500;
    letter-spacing: 4px;
  }
  
  .info-greeting {
    margin-top: 20px;
  }
  
  .info-greeting, .info-username {
    font-size: 56px;
  }

  .fs-sm-20 {
    font-size: 30px;
  }

  .fs-sm-16 {
    font-size: 24px;
  }
  
  hr.shadow {
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);*/
    border-color: rgba(255, 255, 255, 0.35);
  }
  
  .fs-42 {
    font-size: 42px;
  }
  
  .fs-20 {
    font-size: 20px;
  }
  
  .fs-16 {
    font-size: 16px;
  }
  
  .fs-14 {
    font-size: 14px;
  }
  
  .ls-1 {
    letter-spacing: 1px;
  }
  
  .ls-2 {
    letter-spacing: 2px;
  }
  
  .bd-r-1 {
    /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
  }
  
  .menu-item-hr {
    border-top-color: rgba(170, 170, 170, 0.3);
    margin: 10px auto;
  }
  
  .fa-home {
    font-size: 16px;
    vertical-align: middle;
  }
  
  .btn-border-radius {
    display: inline-block;
    padding: 0.2em 0.5em;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 1em;
    line-height: 1em;
  }
  
  header.e-header .nav > li > a {
    height: 45px;
    color: #f5f5f5;
    line-height: 45px;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  header.e-header .e-navbar-nav-3 .dropdown-menu {
    top: 34px;
  }
  
  .btn-border-radius::after {
    content: "\f0d7";
    display: inline-block;
    margin-left: 0.3em;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
  }
  
  header.e-header .e-navbar-nav-3 .dropdown-menu > li > a.active {
    color: #428bca !important;
    color: var(--brand-primary) !important;
  }
  
  header.e-header .e-navbar-nav-3 .dropdown-menu > li > a:hover {
    color: #428bca;
  !important;
    color: var(--brand-primary) !important;
  }
  
  header.e-header ul.e-navbar-nav-3 > li > a .icon {
    width: 15px;
    height: 15px;
  }
  
  .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: unset;
    border-color: inherit;
  }
  
  #lastUse {
    display: none;
  }
  
  .home-logo {
    height: 45px;
  }
  
  .home-logo img{
    height: 35px;
  }
  
  .login-info {
    white-space: nowrap;
  }
  
  .login-info > span {
    margin-right: 3rem;
    font-size: 1.5rem;
  }
  
  .last-use-btn {
    padding: 6px 34px 6px 16px;
    border: 1px solid #fff;
    border-radius: 2rem;
    backdrop-filter: blur(5px);
    cursor: pointer;
    letter-spacing: normal;
    white-space: nowrap;
    line-height: 2rem;
    text-shadow: none;
    transition: 0.2s ease-out;
  }
  
  .last-use-btn:hover {
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
  
  }
  
  .arrow-right {
    position: relative;
    display: inline-block;
  }
  
  .arrow-right::after {
    position: absolute;
    right: 2rem;
    top: 50%;
    content: "";
    color: inherit;
    width: 8px;
    height: 8px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: translate(0, -50%) rotate(-135deg);
    transform: translate(0, -50%) rotate(-135deg);
  }
  
  .nav.e-navbar-nav-3 > li > a {
    padding: 10px;
  }
  
  .nav.e-navbar-nav-3 .dropdown-menu > li > a {
    padding: 3px 12px;
  }
  
  /*.nav.e-navbar-nav-3 .dropdown.open > a::after{*/
  /*  content: ' ';*/
  /*  width: 0;*/
  /*  height: 0;*/
  /*  border-bottom: 6px solid white;*/
  /*  border-right: 6px solid transparent;*/
  /*  border-left: 6px solid transparent;*/
  /*  position: absolute;*/
  /*  bottom: -1px;*/
  /*  left: 50%;*/
  /*  z-index: 1001;*/
  /*  transform: translateX(-50%);*/
  /*}*/
  .e-header .navbar .nav.e-navbar-nav-3 .dropdown-menu.dropdown-menu {
    border-radius: 7px !important;
  }
  
  /*
  === 流程图导航 ===
  */
  .graph-preview {
    --graph-custom-group-text-color: #fff;
    --graph-custom-text-text-color: #ffffffcc;
  }
  
  .graph-preview, [data-theme="theme1"] .graph-preview{
    --graph-custom-group-text-color: #fff;
    --graph-custom-group-border-color: rgba(32, 187, 255, 1);
    --graph-custom-group-border-opacity-color: rgba(32, 187, 255, 0.05);
    --graph-custom-text-text-color: #fff;
    --graph-bg-gradieant-start-color: #00C9C9FF;
    --graph-bg-gradieant-end-color: #2E6AFFFF;
  }
  [data-theme="theme2"] .graph-preview {
    --graph-custom-group-border-color: rgba(124, 234, 234, 1);
    --graph-custom-group-border-opacity-color: rgba(33, 255, 255, 0.05);
    --graph-bg-gradieant-start-color: rgba(37, 174, 224, 1);
    --graph-bg-gradieant-end-color: rgba(97, 232, 183, 1);
  }
  [data-theme="theme3"] .graph-preview {
    --graph-custom-group-border-color: rgba(255, 134, 134, 1);
    --graph-custom-group-border-opacity-color: rgba(255, 134, 134, 0.05);
    --graph-bg-gradieant-start-color: rgba(179, 123, 255, 1);
    --graph-bg-gradieant-end-color: rgba(255, 87, 106, 1);
  }
  [data-theme="theme4"] .graph-preview {
    --graph-custom-group-border-color: rgba(225, 206, 255, 1);
    --graph-custom-group-border-opacity-color: rgba(225, 206, 255, 0);
    --graph-bg-gradieant-start-color: rgba(124, 63, 139, 1);
    --graph-bg-gradieant-end-color: rgba(93, 42, 191, 1);
  }
  
  .graph-toggle-btn {
    visibility: hidden;
    position: absolute;
    right: 15px;
    top: 5px;
    width: 26px;
    height: 26px;
    background: #FFFFFF4D;
    box-shadow: inset 2px 0px 4px 1px rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    opacity: 1;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    line-height: 26px;
  }
  
  .block-li:hover .graph-toggle-btn {
    visibility: visible;
  }
  
  .graph-toggle-btn:hover {
    background: #FFFFFF5D;
    box-shadow: inset 2px 0px 4px 1px rgba(255, 255, 255, 0.4);
  }
  
  .graph-toggle-btn:active {
    background: #FFFFFF4D;
    box-shadow: inset 2px 0px 4px 1px rgba(255, 255, 255, 0.2);
  }