:root {
    --theme-color: #FFFFFF;
    --text-primary-color: #FD6314;
    --text-secondary-color: #9F3B07;
}
html, body {
    max-width: 1920px;
    margin: 0 auto;
    font-size: 0.16rem;
    background-color: #F8F8F8;
}
/* #content { min-height: 70.65vh; } */
#content { min-height: calc(100vh - 3.84rem); }
a {
    text-decoration: none;
    color: inherit;
}
.nav .item {
    position: relative;
    cursor: pointer;
}
.nav .item.active {
    font-weight: bold;
}
.nav .item.active::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -0.25rem;
    transform: translateX(-50%);
    width: 61%;
    height: 0.05rem;
    background-color: currentColor; /* Uses the text color */
}

.banner {
    height: 5.58rem;
    background-image: url('../img/banner_bg.png');
    background-size: cover;
}

.bg-themecolor { background-color: var(--theme-color); }
.bg-white { background-color: #FFFFFF; }
.bg-F5F2F0 { background-color: #F5F2F0; }
.bg-F8F8F8 { background-color: #F8F8F8; }

.w-full { width: 100%; }
.w-1200 {width: 12.00rem;}
.w-534 {width: 5.34rem;}
.w-383 {width: 3.83rem;}
.w-155 {width: 1.55rem;}
.w-202 {width: 2.02rem;}
.w-146 {width: 1.46rem;}
.w-70 {width: 0.70rem;}
.w-53 {width: 0.53rem;}
.w-40 {width: 0.40rem;}

.h-full { height: 100%;}
.h-463 {height: 4.63rem;}
.h-426 {height: 4.26rem;}
.h-341 {height: 3.41rem;}
.h-288 {height: 2.88rem;}
.h-146 {height: 1.46rem;}
.h-144 {height: 1.44rem;}
.h-97 {height: 0.97rem;}
.h-80 { height: .80rem;}
.h-53 {height: 0.53rem;}
.h-40 {height: 0.40rem;}
.h-36 {height: 0.36rem;}
.h-31 {height: 0.31rem;}

.text-center { text-align: center; }

.mg-lr-360 {margin-left: 3.6rem; margin-right: 3.6rem;}
.mg-tb-33 {margin-top: .33rem; margin-bottom: .33rem;}
.mg-tb-80 {margin-top: .80rem; margin-bottom: .80rem;}
.pd-lr-360 {padding-left: 3.6rem; padding-right: 3.6rem;}
.pd-tb-80 {padding-top: .80rem; padding-bottom: .80rem;}
.pd-32-68 {padding: 0.32rem 0.68rem;}

.fs-bold {font-weight: bold;}
.fs-b500 {font-weight: 500;}
.fs-40 {font-size: 0.40rem;}
.fs-32 {font-size: 0.32rem;}
.fs-24 {font-size: 0.24rem;}
.fs-22 {font-size: 0.22rem;}
.fs-20 {font-size: 0.20rem;}
.fs-18 {font-size: 0.18rem;}
.fs-14 {font-size: 0.14rem;}

.fc-white {color: #FFFFFF;}
.fc-primary {color: var(--text-primary-color);}
.fc-secondary {color: var(--text-secondary-color);}
.fc-F8FF36 {color: #F8FF36;}
.fc-292929 {color: #292929;}
.fc-black {color: #000000;}


.flex { display: flex;}
.flex-center { align-items: center; justify-content: center; }
.flex-col { flex-direction: column; }
.flex-bottom { align-items: flex-end; }
.flex-left { flex-direction: row;align-items: flex-start; }

.item-center { align-items: center; }

.gap-753 {gap: 7.53rem;}
.gap-148 {gap: 1.48rem;}
.gap-60 {gap: 0.60rem;}
.gap-47 {gap: 0.47rem;}
.gap-39 {gap: 0.39rem;}
.gap-34 {gap: 0.34rem;}
.gap-32 {gap: 0.32rem;}
.gap-22 {gap: 0.22rem;}
.gap-21 {gap: 0.21rem;}
.gap-16 {gap: 0.16rem;}
.gap-15 {gap: 0.15rem;}
.gap-14 {gap: 0.14rem;}
.gap-11 {gap: 0.11rem;}
.gap-10 {gap: 0.10rem;}

.br-04 {border-radius: 0.04rem;}

.overflow-hidden {overflow: hidden;}
.whitespace-nowrap {white-space: nowrap;}