/* header header-top的包裹容器 */
.page>.contextual-region{
  position: sticky;
  top:0;
  z-index: 99;
  width: 100%;
  background: linear-gradient(180deg, #005324 3.07%, rgba(255, 255, 255, 0) 102.65%);
  height: 358px;
  pointer-events:none;
}
.page>.contextual-region > *{
  pointer-events:auto;
}
body.toolbar-fixed .page>.contextual-region{
  position:fixed;
  top:39px;
}

/* header-top 绝对定位 隐藏左边的文字 */
#header-top{
  background-color: transparent !important;
  position: absolute;
  width: 100%;
  pointer-events:none;
  top:32px;
}

#header-top  .header-left{
  display:none;
}
#header-top  .header-right{
  pointer-events:auto;
}

#edit-keys{
  width: 204px;
  height: 36px;
  border-radius: 18px;
}
.swiper-wrapper .swiper-button-prev, .swiper-container .swiper-button-prev, .swiper-wrapper .swiper-button-next, .swiper-container .swiper-button-next{
	color:#930208;
}
#edit-actions--2,.form-actions,#edit-actions{
  width:52px;
  height: 36px;
  margin:0;
  background: #F48383;
  border-radius: 0px 18px 18px 0px;
  right:80px;
}
#edit-submit{
  height:100%;
}
#header-top .search-block-form .form-actions:after,
#edit-submit:after{
  top:5px !important;
  color:#fff;
}
.header-body{
  border: 1px solid transparent;
}
.header-body .header-container.inner, .header-body .header-row{
  width:100%;
  height:70px ;
  padding:0 14px;
}
.header-body .header-container.inner, .header-body .header-row .header-column{
  margin:18px auto;
  padding:0;
}
.header-body .header-container.main-menu-nav-primary{
  width:100%;
  padding-top:0;
}
.header-body .header-logo{
  width: fit-content;
}

form.search-block-form{
  display:flex !important;
  gap:28px;
}
#search-block-form:after,.search-block-form:after{
  width: 52px;
  height: 36px;
  background: #F48383;
  border-radius: 2px 2px 2px 2px;
  background-image:url(https://xsc.sysu.edu.cn/sites/default/files/0d723b2d149a8a38e4b5118acff32075.png);
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor:pointer;
}

.header-bg-base {
    /*background:url('/xsgzb-live/sites/default/files/bg01.png') no-repeat;*/
    background:none;
    background-position: center;
    background-size: cover;
    /*height:500px;*/
    background-color:transparent;
}

.header-bg-base .main-menu-nav-primary{
  background:none;
}
.header-bg-base .main-menu-1-1 .nav-menu{
  display:flex;
  justify-content:space-between;
}
.header-bg-base .main-menu-1-1 .nav-menu>.menu-item{
  font-size:16px;
  color:#fff;
  border-bottom: none !important;
  position:relative;
  text-align:center;
  margin-bottom:24px;
  padding:0 0 5px;
  transition:all 0.3s;
}

.header-bg-base .main-menu-1-1 .nav-menu>.menu-item::after{
    position: absolute;
    display: block;
    width: 0;
    height: 3px;
    border-radius:2px;
    left: 0;
    content: '';
    background: #fff;
    top: calc(100% + 3px);
    transition:all 0.3s;
}

.header-bg-base .main-menu-1-1 .nav-menu>.menu-item.active-item::after,
.main-menu-1-1 .nav-menu>.menu-item:hover::after{
  width:100%;
}


.header-bg-base .main-menu-1-1 .nav-menu>.menu-item.active-item,.main-menu-1-1 .nav-menu>.menu-item.active-item, .main-menu-1-1 .nav-menu>.menu-item:hover, .main-menu-1-1 .nav-menu>.menu-item:focus{
  /*border-bottom:4px solid #fff;*/
  color:#fff;
  background:none;
  transform:scale(1.125);
  
}

.main-menu-1-1 .nav-menu>.menu-item.active .menu-toggle a, .main-menu-1-1 .nav-menu>.menu-item:hover .menu-toggle a, .main-menu-1-1 .nav-menu>.menu-item:focus .menu-toggle a, .main-menu-1-1 .nav-menu>.menu-item.active a, .main-menu-1-1 .nav-menu>.menu-item:hover a, .main-menu-1-1 .nav-menu>.menu-item:focus a, .main-menu-1-1 .nav-menu>.menu-item.active i, .main-menu-1-1 .nav-menu>.menu-item:hover i, .main-menu-1-1 .nav-menu>.menu-item:focus i, .main-menu-1-1 .nav-menu>.menu-item.active span, .main-menu-1-1 .nav-menu>.menu-item:hover span, .main-menu-1-1 .nav-menu>.menu-item:focus span{
  color:#fff;
}

.main-menu-1-1 .nav-menu>.menu-item.active{
  background-color:transparent;
  color:#fff;
}

.header-bg-base .menu.nav-menuul .dropdown-menu, .menu.nav-menu .dropdown .dropdown-menu{
  min-width:100px;
}

#header .header-container .header-row .header-column #header-btns{
  z-index: 99;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    top: -70px;
    right: auto;
}

ul.dropdown-menu, .dropdown .dropdown-menu{
  left:-1px;
  top:100%;
}

/*头部动画*/
#block-header-block {
    animation: header-transform 1.001s;
    animation-play-state: paused;
    animation-delay: calc(var(--transform-value, 0) * -1s);
    background: linear-gradient(180deg, #930208 0%, var(--end-color, transparent) 100%);
    position: fixed;
    z-index: 999999;
    width: 100%;
    top: 0;
        height: 358px;
    pointer-events: none;
}
#block-header-block *{
	pointer-events:auto;
}

@property --end-color {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent;
}
@keyframes header-transform {
    from {
        --end-color: transparent;
        height: 358px;
    }
    to {
        --end-color: rgba(0,0,0,0.3);
        height: 150px;
    }
}

/* 主体部分 */
#main{
  margin-top:170px;
  min-height: calc(100vh - 277px);
}
body:not(.page-front) #main{
  margin-top:0;
}

body:not(.page-front) #main::before{
  display: block;
    content: '';
    height: 358px;
    background: url(https://dpcms.sysu.edu.cn/xsgzb-live/sites/default/files/a1819305d32e6cf4bda2ab12d47d59ac.jpg);
    background-size: cover;
    background-position: center;
}

.block-region-top-first > .contextual-region{
  height:100vh;
}
.block-region-middle-first-left > .contextual-region div.swiper-slide,.swiper-55-1 .swiper-1 div.swiper-wrapper,.page .swiper-55-1 div.swiper-container.swiper-1,.page .swiper-55-1 .swiper-1 .swiper-wrapper,.page .swiper-55-1 .swiper-1 .swiper-slide,.page .swiper-55-1 .swiper-container.swiper-1{
  height:460px !important;
} 
.block-region-bottom .block-title{
  text-align:center;
  border-bottom:none;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #63AA9B;
  position:relative;
}

/*.block-region-bottom .block-title::before{*/
/*  width: 34px;*/
/*  height: 4px;*/
/*  background: linear-gradient(270deg, #389280 0%, rgba(24,168,107,0) 100%);*/
/*  opacity: 0.8;*/
/*  border-radius: 2px;*/
/*  content:'';*/
/*  position:absolute;*/
/*  transform:rotate(180deg);*/
/*    top: 12px;*/
/*    left: calc( 50% - 97px );*/
/*}*/
/*.block-region-bottom .block-title::after{*/
/*  width: 34px;*/
/*  height: 4px;*/
/*  background: linear-gradient(270deg, #389280 0%, rgba(24,168,107,0) 100%);*/
/*  opacity: 0.8;*/
/*  border-radius: 2px;*/
/*  content:'';*/
/*  position:absolute;*/
/*    top: 12px;*/
/*    right: calc( 50% - 97px );*/
/*}*/

.sidebar-menu-2-3 .nav-menu>.menu-item>span:hover, .sidebar-menu-2-3 .nav-menu>.menu-item>a:hover{
  background-color:#f48383 !important;
}
.breadcrumb .list-breadcrumb li a:hover{
  color:#f48383;
}

.block-region-bottom .list-content li{
  float:left;
  width:50%;
}

.block-region-bottom .list-content .list-left{
  width: 100px;
    height: 110px;
    background: #63AA9B;
    border-radius: 8px 0px 0px 8px;
    color: #fff;
    margin-left:0;
}

.block-region-bottom .list-content .list-left .list-date{
    line-height: 70px;
    height: 70px;
    text-align: center;
}

.block-region-bottom .list-content .list-left .list-year{
    text-align: center;
}

.block-region-bottom .list-content .list-right{
    height: 110px;
    padding-top:20px;
    margin-left:110px;
}
.footer-bg-primary{
height: 139px;
background: #63AA9B;
text-align:center;
padding-top:40px;
}

.region-bottom .inner{
  padding-left:0;
  padding-right:0;
}

.region-footer-bottom .row{
  margin:0;
}

.region-footer-bottom .inner{
  padding-left:0;
  padding-right:0;
}

.linkModual .leftModual{
 padding:0;
}
.linkModual .modual:nth-child(odd){
  margin-right:27px;
}
.linkModual .modual{
  display:inline-block;
  width:calc( 50% - 16px );
  height: 60px;
  line-height:60px !important;
  background: #F0F2F5;
  border-radius: 8px;
  text-align:center;
  margin-bottom:30px;
  color:#63AA9B;
  cursor:pointer;
}

.linkModual .rightModual .tagModual{
    position: relative;
    width: 65%;
    display: inline-block;
}

.linkModual .rightModual .tagModual .qrcode{
    position: absolute;
    width: 130px;
    top: 10px;
    left: 10px;
}


.linkModual .rightModual .linkList1{
    display: inline-block;
    vertical-align: top;
}

.linkModual .rightModual .linkList1 .linkDetail{
  cursor:pointer;
  color:#63AA9B;
}

.linkModual a{
  color:#63AA9B;
}

.linkModual .quickLinkDiv{
  font-size : 18px;
  color:#666666;
}

.linkModual .quickLinkDiv .divider{
  margin:0 20px;
}

.region-bottom-second{
  background:#F0F2F5;
}

.region-bottom-second .inner{
  padding-left:0;
  padding-right:0;
  height:380px;
}

.region-bottom-second .applyTabbar{
    padding: 0;
    height: 60px;
}


.region-bottom-second .applyTabbar li:nth-child(odd){
    list-style: none;
    display: inline-block;
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 20px;
}


.region-bottom-second .applyTabbar li:nth-child(even){
      list-style: none;
    display: inline-block;
    width: 50%;
    float: left;
    padding-left: 20px;
}

.region-bottom-second .applyTabbar a{
    color: #666666;
    font-size: 24px;
    padding-bottom: 10px;
}

.region-bottom-second .applyTabbar .active a,.region-bottom-second .applyTabbar li:hover a{
    color: #389280; 
    border-bottom: 4px solid #389280;
}
.region-bottom-second .applyTabPanel{
  position: relative;
}

.region-bottom-second .applyTabPanel .tab-pane{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.region-bottom-second .applyTabPanel .tab-pane .row{
}
.region-bottom-second .applyTabPanel .tab-pane .applyItem{
  padding : 14px;
}
.region-bottom-second .applyTabPanel .tab-pane .applyItem .content{
    background:url('/xsgzb-live/sites/default/files/card.png') no-repeat;
    background-position: center;
    background-size: cover;
    text-align:center;
    color:#fff;
    height:120px;
    line-height:120px!important;
}

.region-bottom-second .applyTabPanel .tab-pane .applyItem .content a{
    color:#fff;
}
.region-bottom-second .applyTabPanel .tab-pane .applyItem:hover .content a{
    color:#389280;
}
.header-bg-base .menu.nav-menu ul.dropdown-menu>li>a, .menu.nav-menu .dropdown .dropdown-menu>li>a{
 color:#930208;
}
.header-bg-base .main-menu-1-1 .nav-menu>.menu-item:hover .menu-toggle a{
  color:#fff;
}