﻿/* PC */
@media screen and (min-width:769px) {

  /* 头部下拉 */
  .xg_header .xg_rdata {
    border-left: 1px solid #ebebeb;
  }

  .xg_navi_template.p1807mf1807-0b5dc320f0969c0e5 {
    box-shadow: 4px 24px 24px rgb(11 31 55 / 10%);
  }

  .xg_navi_template .xg_list>div>div {
    margin-bottom: 12px;
  }

  .xg_rdata::-webkit-scrollbar {
    width: 5px;

  }

  .xg_rdata::-webkit-scrollbar-track {
    background: #fafafa;
    border-radius: 5px;
  }

  .xg_rdata::-webkit-scrollbar-thumb {
    background: #dedede;
    border-radius: 5px;
  }

  .xg_navi_template .xg_list::-webkit-scrollbar {
    width: 10px;

  }

  .xg_navi_template .xg_list::-webkit-scrollbar-track {
    background: #fafafa;
    border-radius: 10px;
  }

  .xg_navi_template .xg_list::-webkit-scrollbar-thumb {
    background: #dedede;
    border-radius: 10px;
  }

  .nav_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
    z-index: 999;
    display: none;
  }
  .nav_bg_show{
    display: block;
  }
  section#sf1807-00001 {
    background: #FFF;
  }

  div#xg_header {
    z-index: 1000;
    background: #FFF;
    position: relative;
  }

  /* .xg_navi_template {
    height: 100vh !important;
  } */
  /* .xg_navi_template>.row {
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
  } */

  /* .xg_navi_template::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
  } */

  /* 头部语言版本 */
  div#if1807048b60aadb901e09d {
    position: absolute;
    display: none;
  }

  #if18070b41bfded75c8c2b3 {
    cursor: pointer;
  }

  /* 头部搜索 */
  #if180702d393c6ccc700056 {
    position: absolute;
    display: none;
  }

  .p1807mf1807-06c2a2395624215a0 {
    cursor: pointer;
  }

  /* 底部导航 */
  ul.xg_menuUl {
    display: flex;
    justify-content: flex-start;
  }

  #if1808083191e4345c3f41c ul.xg_menuUl>li {
    flex-grow: 1;
  }
}

/* M */
@media screen and (max-width:768px) {

  /* 头部语言版本 */
  div#if1807048b60aadb901e09d {
    position: absolute;
    display: none;
  }

  #if18070b41bfded75c8c2b3 {
    cursor: pointer;
  }

  /* 头部搜索 */
  #if180702d393c6ccc700056 {
    position: absolute;
    display: none;
  }

  .p1807mf1807-06c2a2395624215a0 {
    cursor: pointer;
  }

  .xg_ibtn.p1807mf1807-0ec99bd8a5298d12b {
    position: absolute;
    right: 0;
  }
}