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

@font-face {
    font-family: myFont01;
    src: url('../fonts/Montserrat-Black.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: myFont !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;
}

.tr_logo {
    padding-top: 8%;
}

.h_download {
    width: 306px;
    height: 88px;
    display: block;
    line-height: 88px;
    border-width: 5px;
    border-color: rgb(115, 107, 63);
    border-style: solid;
    background-color: rgb(244, 215, 62);
    color: #222;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
    text-align: center;
}

.h_download:hover {
    color: #eee;
    text-decoration: none;
    background-color: rgb(0, 130, 68);
    border-color: rgb(0, 82, 43);
}

.h_list li {
    list-style-type: none;
    line-height: 1vw;
    padding-left: 30px;
    background-image: url('../img/bui.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px 16px;
    transition: all 0.3s ease-in-out;
}

.h_list li:hover {
    margin-left: 15px;
}

.h_list li a {
    color: #222;
    font-size: 1.2rem;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.h_list li a:hover {
    color: rgb(244, 215, 62);
}

.h_left {
    padding-right: 9.3333vw;
    padding-top: 11.3333vw;
}

.h_left h1 {
    font-size: 3.6rem;
    line-height: 2.7vw;
    color: #222;
}

.h_middle {
    padding-top: 10.3333vw;
}

.h_right {
    padding-left: 11.3333vw;
    padding-top: 8.3333vw;
}
.h_l_bg{ background: #dbd9ad}
.h_t_bg {
    width: 100%;
    padding-top: 100px;
    background: repeating-linear-gradient(
        0deg,
        #4f3221 0px,
        #4f3221 80px,
        #543724 80px,
        #543724 160px
    );
}
.h_g_img{ border: solid 5px #FFF; }
.gm_bg{ min-height: 487px; background: url('../img/gm_bg.png') repeat-x 0 0; }
.p_t_c_btn{
    display: block; 
    height: 80px;
    margin: 130px 50px 0 0;
    transform: skew(-10deg);
    border: 5px solid #c0eefc;
    border-radius: 10px;
    color: #FFF;
    background-image: -moz-linear-gradient( 90deg, rgb(69,121,227) 0%, rgb(82,144,240) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(69,121,227) 0%, rgb(82,144,240) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(69,121,227) 0%, rgb(82,144,240) 100%);
    transition: all 0.3s ease-in-out;
    font-size: 1.2rem;
    box-shadow: 0 0 0 7px #222; /* 模拟外边框 */
    padding: 0 30px 0 30px;
  }
.p_t_c_btn:hover{ 
    text-decoration: none;
    color: #FFF;
    background: #503322;
  }
.p_a1{ line-height: 80px; text-align: center; transform: skew(10deg);}
.f_bg{ min-height:220px; background: url('../img/f_bg.png') repeat-x center 0; bottom: -200px;}

.f_cl {
    width: 255px;
    height: 40px;
    border: 5px solid #333;
    border-radius: 10px;
    transform: skew(-20deg);
}

.f_cl_content {
    transform: skew(20deg);
    text-align: center;
    line-height: 30px;
}
.x-close {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    background-color: #d0d625;
    color: #333;
    border: solid 4px #222;
    cursor: pointer;
    transform: translate(50%, -50%);
}