.ljyd-main {
    background-color: #fff;
    padding: 0.9375rem;
    min-height: 100vh;
}

.ljyd-list {
    width: 100%;
    height: 16.1875rem;
    position: relative;
    margin-bottom: 0.625rem;
    display: block;
    border-radius: 10px;
    box-shadow: 0 0rem 1.625rem 0.25rem #dedede;
}

.ljyd-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
      border-radius: 10px;
}

.ljyd-list-text {
    width: 94%;
    display: flex;
    align-items: center;
    justify-content: space-between;
   
    height: 1.1875rem;
    color: #573B10;
    position: absolute;
    bottom: 0.9375rem;
    left: 3%;
    z-index: 10;
  
}
.ljyd-list-text p{
    font-family: FZLTZCHJW--GB1-0;
    font-size: 1.1875rem;
}
.ljyd-arrow-img {
    width: 1.125rem;
    height: 1.125rem;
}
.ljyd-flag{
    width: 5.625rem;
    height: 1.875rem;
    font-family: FZLTZCHJW--GB1-0;
    font-size: 0.875rem;
    text-align: center;
    line-height: 1.875rem;
    border-radius: 0 1.25rem 1.25rem 0rem;
    position: absolute;
    left: 0;
    top: 1.125rem;
    z-index: 10;
}
.ljyd-flag-on {
    background-image: linear-gradient(0deg, #EB3344 0%, #F0862B 100%);
    color: #fff;
}

.ljyd-flag-un {
   
    background-color: #e7d7bb;
    color: #B16F22;
   
}

 body {
            background: #fff;
        }

        .ljydxq-top-box {
            background: #FBF8F3;
            overflow-x: hidden;
            padding-bottom: 1.25rem;
        }

        .ljydxq-top {
            display: flex;
            flex-direction: row;
        }

        .ljydxq-swiper-img-top {
            width: 100%;
            height: 17.8125rem;
        }

        .ljydxq-swiper-text {
            margin: 0rem 0.625rem 1.25rem 0.625rem;
            position: relative;
            padding: 0.625rem;
        }

        .ljydxq-swiper-text-border {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .ljydxq-swiper-text p {
            font-family: FZLTXIHJW--GB1-0;
            font-size: 0.875rem;
            color: #262626;
            letter-spacing: 0.0625rem;
            text-align: justify;
            line-height: 1.3125rem;
            position: relative;
        }

        .ljydxq-swiper-img2-box {
            position: relative;
            padding: 0.3125rem;
            /* width: 100%; */
            height: 18.125rem;
            margin: 0 0.5rem;
        }

        .ljydxq-swiper-img2 {
            width: 100%;
            height: 100%;
        }

        .swiper-bg-img {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

        .ljydxq-swiper-tabs {
            display: flex;
            flex-direction: row;
        }

        .ljydxq-tab {
            font-family: FZLTXIHJW--GB1-0;
            font-size: 0.875rem;
            color: #9F9F9F;
            width: 5rem;
            text-align: center;
        }

        .ljydxq-tab-active,
        .ljydxq-swiper-tabs .swiper-slide-active {
            font-size: 1rem !important;
            color: #A17228 !important;
            font-family: FZLTZCHJW--GB1-0 !important;
        }

        .ljydxq-triangle-img {
            display: block;
            margin: 0.625rem auto;
            width: 0.9375rem;
            height: 0.9375rem;
        }

        .ljydxq-swiper-inner {
            width: 100%;
            height: 100%;
            position: relative;
        }

        .ljydxq-swiper-inner-swiper {
            width: 100%;
            height: 100%;
        }

        .ljydxq-swiper-inner {
            --swiper-theme-color: #fff;
            --swiper-pagination-color: #fff;
            /* 两种都可以 */
        }

        .ljydxq-fxjs-box {
            background: #fff;
            /* padding: 1.25rem 0.9375rem; */
            position: relative;
            overflow-x: hidden;
            margin: 1.25rem 0.9375rem;
        }

        .ljydxq-fxjs-title {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-bottom: 1.375rem;
            font-family: FZLTZCHJW--GB1-0;
        }

        .ljydxq-fxjs-icon {
            width: 1.25rem;
            height: 1.125rem;
            margin-right: 0.375rem;
        }

        .ljydxq-fxjs-bg {
            width: 9.6875rem;
            height: 2.9375rem;
            position: absolute;
            right: 0;
            top: 0.125rem;
        }

        .fxjs-swiper-tabs {
            margin-bottom: 0.9375rem;
            display: flex;
            flex-direction: row;
        }

        .fxjs-tab {
              /* width: 6.25rem; */
    height: 1.875rem;
    background: #F2F2F2;
    padding: 0.0625rem;
    border-radius: 1.25rem;
    white-space: nowrap;
    margin: 0rem 0.4375rem;
        }

        .fxjs-tab-bg {
            text-align: center;
            line-height: 1.75rem;
            height: 100%;
            width: 100%;
            font-family: FZLTXIHJW--GB1-0;
            font-size: 0.9375rem;
            color: #575757;
            background: #F2F2F2;
            border-radius: 1.25rem;
        }

        .fxjs-tab:not(:last-child) {
            margin-right: 0.625rem;
        }

        .fxjs-tab-active {
            background-image: linear-gradient(0deg, #4DA635 0%, #A3CE69 100%);
        }

        .fxjs-tab-active p {
            background-image: linear-gradient(0deg, #4DA635 0%, #A3CE69 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-family: FZLTZCHJW--GB1-0;
        }

        .fxjs-swiper-box {
            background: #f4fbf1;
            width: 100%;
            height: 18.3125rem;
        }

        .fxjs-swiper-desc {
            height: 2.5rem;
            font-family: FZLTZCHJW--GB1-0;
            font-size: 0.875rem;
            color: #575757;
            margin-left: 0.625rem;
            line-height: 2.5rem;
        }

        .fxjs-swiper-inner {
            width: 100%;
            height: 15.8125rem;
            position: relative;
            --swiper-theme-color: #ff6600;
            /* 设置Swiper风格 */
            --swiper-navigation-color: #00ff33;
            /* 单独设置按钮颜色 */
            --swiper-navigation-size: 5rem;
            /* 设置按钮大小 */
        }

        .swiper-button-next,
        .swiper-container-rtl .swiper-button-prev {
            right: 0;
        }

        .swiper-button-prev,
        .swiper-container-rtl .swiper-button-next {
            left: 0;
        }

        .fxjs-swiper-inner .swiper-pagination {
            width: 2.8125rem !important;
            height: 1.125rem;
            background: rgba(38, 38, 38, 0.75);
            border-radius: 0.6875rem;
            color: #fff;
            font-family: FZLTXIHJW--GB1-0;
            font-size: 0.75rem;
            right: 0.9375rem;
            left: auto;
          line-height: 1.125rem;
        }

        .ljydxq-jtqw-box {
            padding: 1.25rem 1.25rem 5rem 1.25rem;
            background: #FBF8F3;
        }

        .ljydxq-jtqw-title {
            display: flex;
            margin-bottom: 0.625rem;
            font-family: FZLTZCHJW--GB1-0;
            font-size: 1.125rem;
            color: #262626;
        }

        .ljydxq-jtqw-icon {
            width: 1.25rem;
            height: 1.25rem;
            margin-right: 0.375rem;
        }

        .ljydxq-jtqw-desc,
        .ljydxq-jtqw-desc p,
        .ljydxq-jtqw-desc span {
            font-family: FZLTXIHJW--GB1-0 !important;
            font-size: 0.875rem !important;
            color: #262626 !important;
            letter-spacing: 0.0625rem !important;
            text-align: justify !important;
            line-height: 1.3125rem !important;
        }

        .ljydxq-jtqw-img {
            width: 100%;
            margin-top: 0.625rem;
        }

        .ljydxq-footer {
position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.75rem;
    z-index: 98;
    background-image: linear-gradient(180deg, #E6D29A 0%, #CEAC77 79%);
        }

        .ljydxq-footer-left {
            font-family: FZLTXIHJW--GB1-0;
            font-size: 0.75rem;
            color: #fff;
        }

        .ljydxq-footer-num {
            font-family: FZLTZCHJW--GB1-0;
            font-size: 1rem;
            margin-top: 0.3125rem;
        }

        .ljydxq-footer-right {
width: 7.9375rem;
    height: 2.375rem;
    background: #fff;
    border-radius: 1.1875rem;
    font-family: FZLTZCHJW--GB1-0;
    font-size: 1rem;
    color: #A17228;
    text-align: center;
    line-height: 2.375rem;
        }

        .swiper-btn {
            width: 1.8125rem !important;
            height: 1.8125rem;
          z-index: 1001;
        }

        .pic-mask-content {
            width: 96%;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .pic-mask {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100vh;
            background: #000;
            z-index: 200;
        }

        #bigPic {
            width: 100%;
        }

        .pic-mask-text {
            color: #fff;
            margin-top: 1.25rem;
        }