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

@font-face {
    font-family: myFont01;
    src: url('../fonts/CgBernhardtBd.ttf');
}

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;
    background: linear-gradient(180deg, #444549 0%, #5b261e 25%, #4f5d98 50%, #4f5d98 75%, #584624 100%);
}

html {
    scroll-behavior: smooth;
}

@media (min-width: 1200px) {
    .x-uk-position-large {
        margin: 40px;
        --uk-position-margin-offset: 40px;
    }
}

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

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

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

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

.z_download {
    width: 500px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/d_btn.svg) center/contain no-repeat;
    color: white;
    font-size: 2.6rem;
    text-decoration: none;
    font-weight: bold;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
    font-family: myFont01 !important;
}

.z_download:hover {
    background: url(../img/d_btn_hover.svg) center/contain no-repeat;
    color: white;
    text-decoration: none;
}

.x-navbar-nav {
    gap: 0;
    background: url(../img/ps_nav_bg.jpg) 0 center repeat-x;
}


.x-navbar-nav>li>a {
    color: #FFF;
    font-family: myFont01 !important;
    font-size: 1.5rem;
}

.x-navbar-nav>li:hover>a,
.x-navbar-nav>li>a[aria-expanded=true] {
    color: #e7d661
}


.gm-bg {
    background: url(../img/c_bg.jpg) center 0 no-repeat;
    background-size: 100%;
}

.gm-bg-t {
    background: url(../img/c_bg_t.jpg) center 0 no-repeat;
    background-size: 100%;
}

.gm-bg h1,
.gm-bg h2,
.gm-bg h3,
.gm-bg h4,
.gm-bg h5,
.gm-bg h6 {
    color: #FFF;
}
.x-modal-bg {
    background: #96a42e;
    border: solid 5px #d3c56f;
    border-radius: 30px;
    color: #FFF;
}

.x-modal-bg img {
    border: solid 3px #b38137;
    border-radius: 15px;
}

.x_igp {
    width: 800px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #96a42e;
    border: solid 5px #d3c56f;
    padding: 60px 90px;
    margin: 50px auto;
    color: #FFF;
}

.i_s1 { top:15%; left:10%; }
.i_s2 { left: 3%; }
.i_s3 { bottom:5%;left:10%;  }
.i_s4 { top:15%; right:10%; }
.i_s5 { right:3%; }
.i_s6 { bottom:5%;right:10%;  }

.slide_border {
    width: 220px;
    height: 220px;
    border: solid 5px #fff;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.x-close {
    width: 45px;
    height: 45px;
    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;
}
.ar_bg_all{ background: #d3c56f; border: solid 5px #80921c; border-radius: 30px; }
.ar_tit{ width: 500px; font-size: 1.5rem; line-height: 60px; background: url(../img/ar_tit.svg) center center no-repeat; background-size: 70%;; text-align: center;  color: #FFF; margin: 0 auto 20px;}
.ar_bg{  height: 300px; color: #FFF;}
.ar_bg::-webkit-scrollbar {
    width: 8px;
}
.ar_bg::-webkit-scrollbar-track {
    background: #4e6016;
    border-radius: 10px;
}

.ar_bg::-webkit-scrollbar-thumb {
    background: #80921c;
    border-radius: 10px;
    border: solid 1px #77881a;
}

.ar_bg::-webkit-scrollbar-thumb:hover {
    background: #596e1a;
}