@font-face {
    font-family: myFont;
    src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: myFont01;
    letter-spacing: 2px;
    src: url('../fonts/Glekzo.otf');
}

html,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
.uk-button,
.uk-navbar-nav>li>a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a,
span {
    font-family: myFont01!important;
}

body {
    margin: 0 auto;
    min-width: 1400px;

}

html {
    scroll-behavior: smooth;
}

.uk-font-01 {
    font-family: myFont01!important;
}

.my-radius {
    border-radius: 15px;
}

.my-radius2 {
    border-radius: 50px;
}

.my-radius3 {
    border-radius: 30px;
}



.z_download {
  /* 基础布局：保证按钮可点击且尺寸合适 */
  padding: 30px 50px;
  font-size: 3rem;
  font-weight: 500;
  color: #fff; /* 文字白色，与主色对比更清晰 */
  border: none; /* 清除默认边框 */
  cursor: pointer;
  outline: none; /* 清除点击轮廓 */

  /* 核心样式：按你的要求精准配置 */
  /* 1. 内层白色边框 */
  border: 4px solid #fff;
  /* 2. 按钮主背景色 */
  background-color: #2451e0;
  /* 3. 按钮内阴影（inset 表示内阴影，参数：x偏移 y偏移 模糊 扩散 颜色） */
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2);
  /* 4. 30px 大圆角 */
  border-radius: 15px;

  /* 关键：给伪元素提供定位参考 + 留出外层边框空间 */
  position: relative;
  margin: 2px; /* 与伪元素偏移量对应，避免外层边框溢出 */
  z-index: 1; /* 保证按钮在伪元素上层 */
  transition: all ease-in-out .3s;
}

/* 外层黑色边框：用伪元素实现 */
.z_download::before {
  content: "";
  position: absolute;
  /* 控制外层边框与内层白色边框的间距（2px） */
  top: -7px;
  left: -7px;
  right: -7px;
  bottom: -7px;
  /* 外层边框样式：#222 黑色 */
  border: 3px solid #222;
  /* 圆角与按钮一致，保证视觉统一 */
  border-radius: 15px;
  /* 避免伪元素遮挡按钮交互 */
  pointer-events: none;
  /* 伪元素在按钮下方 */
  z-index: -1;
}

/* 可选：hover 交互效果（增强体验） */
.z_download:hover {
  background-color: #1e46c8; /* 主色稍深，提升交互感 */
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.3); /* 内阴影稍深 */
  text-decoration: none;
  color: #fff10a;
}

.uk-text-white {
    color: #FFF;
}


.gm-bg {
    background: #FFF;
}
.gm-bg-body{ background:#edbf1d; }
.x-background-img {
    background: #f5d4aa;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

.slide_border {
    width: 400px;
    height: 400px;
    border: solid 5px #FFF;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}

.slide_border:hover {
    box-shadow:
        0 0 20px rgba(230, 251, 255, 0.8),
        inset 0 0 50px rgba(0, 0, 0, 0.3);
}


.x-padding-large {
    padding: 120px;
}


.x-modal-bg{
    background: #FFF; 
    border: solid 8px #1848f0;
    box-shadow: 2px 2px 4px #111 inset;
    border-radius: 30px;
}
.x-modal-bg span{
    font-size: 14px!important;
    color: #666!important;
}
.x-close {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    background: url(../img/g_close.svg) 0 top no-repeat;
    color: #FFF;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    border: none;
}

/* 自定义滚动条样式 */


.uk-modal-body::-webkit-scrollbar {
    width: 10px;
}

.uk-modal-body::-webkit-scrollbar-track {
    background: #8a642b;
    border-radius: 10px;
}

.uk-modal-body::-webkit-scrollbar-thumb {
    background: #b38137;
    border-radius: 10px;
    border: solid 1px #8a642b;
}

.uk-modal-body::-webkit-scrollbar-thumb:hover {
    background: #f6e7d0;
}


.g-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.g-scrollbar::-webkit-scrollbar-track {
    background: #373400;
    border-radius: 10px;
}

.g-scrollbar::-webkit-scrollbar-thumb {
    background: #fba46a;
    border-radius: 10px;
    border: solid 1px #d38959;
}

.g-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #c681ff;
}

.ad_bg{ background:url(../img/h_bg.jpg) center 0 no-repeat; min-height:900px; position:relative}
.x-middle{ width:20px; height:500px; background:linear-gradient(to right,#666,#222,#666)}
.x-middle::before{ 
    content: "";
    width: 300px;
    height: 300px;
    position: absolute;
    left: 17.4%;
    top: -55%;
    background: url(../img/logo.png) center 0 no-repeat;
    background-size: cover;
}
.uk-list{ margin-top:70px!important;min-width:220px!important}
.uk-list-01 li a{ 
    display:block; 
    background:#1848f0; 
    padding:30px 20px; 
    color:#FFF; 
    box-shadow: 2px 2px 5px #222 inset;
    border: solid 3px #FFF;
    border-radius: 30px 0 0 30px;
    text-decoration: none;
    transition:  all ease .3s;
}
.uk-list-01 li a:hover{ 
    background:#2d58ee; 
}
.uk-list-02 li a{ 
    display:block; 
    background:#184413; 
    padding:30px 20px; 
    color:#FFF; 
    box-shadow: 2px 2px 5px #222 inset;
    border: solid 3px #FFF;
    border-radius: 0 30px 30px 0;
    text-decoration: none;
    transition:  all ease .3s;
}
.uk-list-02 li a:hover{ 
    background:#215e1a; 
}
.x-border{ border:solid 10px #1848f0; }
.x-copy{ 
    
    background:#2451e0; 
    padding:60px 30px; 
    color:#FFF;  
    writing-mode: vertical-rl;  
    position:absolute; 
    top:5%; 
    left:0;
    border-radius: 0 30px 30px 0 ;
}