.wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /* 将图2作为主背景 */
    background-image: url("http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610tp_bg2.jpg");
    background-repeat: no-repeat;
    background-position: top center;
}

/* 使用伪元素放置图3，层级更高，压住图2的最底下 */
.wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 6114px;
    background-image: url(http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610tp_bg3.png);
    background-repeat: repeat-y;
    background-position: top center;
    z-index: 2;
}

/* 兼容旧浏览器：不支持WebP则只用JPG */
@supports not (background-image: url("*.webp")) {
    .wrap {
        background-image: url("http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610tp_bg2.jpg");
    }
}

.xiyou_jrgw {
    width: 356px;
    height: 58px;
    position: absolute;
    top: 0;
    right: 15%;
    display: block;
    z-index: 12;
}

.banner_box {
    width: 100%;
    height: 1080px;
    margin: 0 auto;
    position: relative;
    float: left;
}

.banner_jump {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 11;
    position: relative;
}

.video-box {
    position: absolute;
    left: 50%;
    top: 0;
    height: 1080px;
    width: 2560px;
    transform: translateX(-50%);
    overflow: hidden;
}

.video-box video {
    pointer-events: none;
}

.video-box .js-video1 {
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.video-box .js-video2 {
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.banner_box .nav_zhezhao {
    position: absolute;
    top: 907px;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
}

.banner_box .ban_time {
    cursor: pointer;
    position: absolute;
    top: 726px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 12;
    display: none;
}

.banner_box .ban_ljyy {
    cursor: pointer;
    position: absolute;
    top: 796px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 12;
    animation: fadaxs 2s linear infinite;
    -webkit-animation: fadaxs 2s linear infinite;
    display: none;
}



/* 内容 */
.spring_content {
    width: 1400px;
    margin: 0 auto;
    display: block;
    position: relative;
    margin-top: 1236px;
    z-index: 99;
}

.spring_title {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}


.Navxy_dlzc {
    width: 321px;
    height: 107px;
    position: absolute;
    top: -95px;
    right: -35px;
    cursor: pointer;
    z-index: 90;
}

.Copylink_bd {
    cursor: pointer;
    position: absolute;
    top: -120px;
    right: 19px;
    z-index: 99;
}

.Copylink_shuaxin {
    cursor: pointer;
    position: absolute;
    top: -120px;
    right: 19px;
    z-index: 99;
}

.Navxy_qfzh {
    color: #705516;
    font-size: 18px;
    justify-content: center;
    font-weight: 550;
    position: absolute;
    top: -80px;
    left: 4px;
    text-align: center;
    line-height: 20px;
}

.piao_num {
    color: #705516;
    font-size: 18px;
    justify-content: center;
    font-weight: 550;
    position: absolute;
    top: -34px;
    left: 82px;
    text-align: center;
    line-height: 23px;
}

.fash_shuax {
    position: absolute;
    top: 54px;
    right: -2px;
    cursor: pointer;
}

.spring_condivs {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}

/* 预约 */
.spring_condiva1 .yuyuea_box {
    width: 1400px;
    margin: 0 auto;
    position: relative;
    height: 1035px;
}

.spring_condiva1 .fash_ula_box {
    width: 1247px;
    margin: 0 auto;
    position: relative;
    /* height: 5027px; */
    overflow: hidden;
    padding-bottom: 200px;
}

.spring_condiva1 .fash_ula {
    width: 1247px;
    /* height: 24938px; */
    margin: 0 auto;
}

.fash_ula li {
    width: 412px;
    height: 849px;
    float: left;
    position: relative;
    margin-right: 5px;
    margin-bottom: 19px;
    background: url(http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610tp_listbg.png) no-repeat;
    padding: 0 4px 0 11px;
}

.fash_ula li:nth-child(3n) {
    margin-right: 0;
}

.fash_ula li .sz_listnum {
    width: 212px;
    height: 56px;
    margin-top: 61px;
    margin-left: 151px;
    line-height: 56px;
    font-size: 40px;
    font-family: 思源宋体;
    font-weight: bolder;
    color: #55413d;
    overflow: hidden;
}

.fash_ula li .sz_listtubox {
    width: 356px;
    height: 414px;
    display: block;
    margin: 0 auto;
    margin-top: 14px;
    position: relative;
}

.fash_ula li .sz_listtubox .sz_listtuimg {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 354px;
    max-height: 414px;
    cursor: pointer;
}

.fash_ula li .sz_listform {
    margin-top: 19px;
    font-size: 29px;
    font-family: 思源宋体;
    font-weight: bolder;
    color: #55413d;
    text-align: center;
}

.fash_ula li .sz_listid {
    margin-top: 14px;
    font-size: 25px;
    font-family: 思源宋体;
    font-weight: bolder;
    color: #55413d;
    text-align: center;
}

.fash_ula li .sz_listname {
    margin-top: 15px;
    font-size: 38px;
    font-family: 思源宋体;
    font-weight: bolder;
    color: #528f68;
    text-align: center;
}

.fash_ula li .sz_listbtns {
    margin: 0 auto;
    display: block;
    margin-top: 18px;
}

.fash_ula li .sz_listbtn {
    cursor: pointer;
}

.fash_ula li .sz_listbtny {
    display: none;
}

.fash_ula li.on .sz_listbtny {
    display: block;
}

.fash_ula li.on .sz_listbtn {
    display: none;
}

.fash_huadi {
    width: 39px;
    height: 265px;
    position: fixed;
    left: 50%;
    margin: auto;
    margin-left: 648px;
    bottom: 0;
    top: 0;
    animation: ttspan 2s linear infinite;
    cursor: pointer;
    z-index: 99;
    display: none;
}

.fash_huadibox {
    width: 26px;
    height: 190px;
    z-index: 99;
    /* background: url(http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610tp_huadi.png) no-repeat; */
    position: relative;
    display: block;
    margin: 0 auto;
}

.fash_huakuai {
    position: absolute;
    left: -4px;
    right: 0;
    margin: auto;
    top: 20px;
    cursor: pointer;
    user-select: none;
    /* 防止拖拽时选中周围的文本 */
    -webkit-user-drag: none;
    /* 防止图片被原生拖拽 */
    display: none;
}

.fash_top {
    cursor: pointer;
    display: block;
    margin-top: 14px;
    margin: 0 auto;
    margin-top: 14px;
}


.benefits_gz {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: auto;
    margin-left: -765px;
    animation: ttspan 2s linear infinite;
    cursor: pointer;
    z-index: 11;
    display: none;
}

@keyframes ttspan {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(0px)
    }
}

/* 外层容器 */
/* .scroll-wrapper {
    position: relative;
    width: 400px;
    height: 300px;
} */

/* 1. 内容区域 */
.fash_ula_box {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    /* 允许滚动 */

    /* 隐藏原生滚动条 (针对 Webkit) */
    &::-webkit-scrollbar {
        display: none;
    }

    /* 隐藏原生滚动条 (针对 Firefox) */
    scrollbar-width: none;
}





.Lucky_sp {
    position: absolute;
    left: 50%;
    top: 0;
    height: 658px;
    width: 2560px;
    transform: translate(-50%);
    overflow: hidden;
    z-index: 99;
}


/* 登录 */
.hydl_diva {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.hydl_divb {
    width: 745px;
    height: 549px;
    background: url(http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610tp_loginkk.png) no-repeat;
    position: relative;
    padding-top: 131px;
    background-size: 100%;
}

.hydl_conbox {
    display: none;
}

.hydl_divc {
    width: 674px;
    margin-top: 72px;
    margin-left: 36px;
}

.dengl_and {
    width: 453px;
    height: 76px;
    margin-top: 55px;
    margin: 0 auto;
    margin-top: 13px;
}

.hydl_pa {
    width: 548px;
    height: 41px;
    line-height: 41px;
    margin-bottom: 20px;
}

.dlinputs {
    float: right;
    width: 306px;
    height: 40px;
    border: none;
    color: #763f18;
    background: #b6c1a1;
    text-indent: 8px;
    font-size: 16px;
    border-radius: 5px
}

.dlinputs::placeholder {
    color: #fff;
}

.hydl_span {
    float: right;
    font-size: 23px;
    color: #763f18;
    font-family: "思源宋体";
    font-weight: bolder;
}

.hydl_butas {
    display: block;
    margin: 0 6px;
    cursor: pointer;
    float: left;
}

.hydl_but {
    display: block;
    /* margin: 0 20px; */
    cursor: pointer;
    float: right;
}

.gztk_bt {
    display: block;
    margin: 0px auto;
}

.xytk_gban {
    position: absolute;
    cursor: pointer;
    top: -1px;
    right: -19px;
}

.hydl_wjma {
    font-size: 14px;
    padding-left: 507px;
    margin-top: 15px;
}

.title_wrap {
    width: 477px;
    height: 36px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 14px;
}

.title_wrap li {
    width: 50%;
    height: 100%;
    text-align: center;
    font-size: 25px;
    color: #763f18;
    font-family: "思源宋体";
    font-weight: bolder;
    float: left;
    border-bottom: 2px solid #763f18;
    cursor: pointer;
}

.title_wrap li.on {
    color: #5c824f;
    border-bottom: 2px solid #5c824f;
}


/*提示*/
.tishitk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    display: flex;
    display: none;
    z-index: 1012;
}

.tishi_diva {
    width: 745px;
    height: 499px;
    position: relative;
    background: url(http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610tp_tipkk.png) no-repeat;
    background-size: 100%;
    padding: 222px 81px 111px 81px;
}

.tishi_pa {
    margin: 0 auto;
    color: #763f18;
    font-size: 32px;
    text-align: center;
    min-height: 73px;
    font-family: "思源宋体";
    font-weight: bolder;
    line-height: 40px;
    margin-bottom: 20px;
}

.tishi_imga {
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

.tihsi_gbanas {
    position: absolute;
    cursor: pointer;
    top: 4px;
    right: -16px;
}

/*确认*/
.confirmtk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    display: flex;
    display: none;
    z-index: 1011;
}

.confirmtk_diva {
    width: 745px;
    height: 499px;
    position: relative;
    background: url(http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610tp_tipkk.png) no-repeat;
    background-size: 100%;
    padding: 199px 81px 111px 81px;
}

.confirm_pa {
    margin: 0 auto;
    color: #763f18;
    font-size: 32px;
    text-align: center;
    min-height: 73px;
    font-family: "思源宋体";
    font-weight: bolder;
    line-height: 30px;
    margin-bottom: 20px;
}

.confirm_imga {
    cursor: pointer;
    display: block;
    float: left;
}

.confirm_queren {
    margin-right: 16px;
    margin-left: 20px;
}

.confirm_gbanas {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: -18px;
}

/*绑定*/
.bdyxzh_gj {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    z-index: 1010;
    display: none;
}

.bdyxzh_bjlz {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    z-index: 1010;
    display: none;
}

.bdyxzh_divb {
    width: 745px;
    height: 549px;
    background: url(http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610tp_loginkk.png) no-repeat;
    position: relative;
    padding-top: 131px;
    background-size: 100%;

}

.bdyxzh_pa {
    width: 531px;
    height: 41px;
    line-height: 41px;
    margin-bottom: 20px;
}

.bdyxzh_imga {
    display: block;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 15px;
}

.bangdtsy {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #763f18;
}

/*活动规则*/
.hdgztk1 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    display: none;
}


.guiztk_diva {
    width: 834px;
    height: 864px;
    position: relative;
    padding-top: 221px;
    background: url(http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610tp_rulekk.png) no-repeat;
    background-size: 100%;
}

.guiztk_diva span {
    color: #2d4172;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #2d4172;
}



.yuygztk_diva {
    width: 640px;
    height: 670px;
    margin: 0 auto;
    color: #55413d;
    font-size: 18px;
    line-height: 36px;
}

.yuygztk_diva2 {
    width: 662px;
    padding-left: 10px;
}

.yuygztk_diva b {
    font-weight: 550;
    font-size: 17px;
    color: #2e4478;
}

.mCSB_container {
    margin-right: 15px;
}

.jinzdj {
    pointer-events: none;
}

.xytk_gbanas {
    position: absolute;
    cursor: pointer;
    top: -17px;
    right: -33px;
}


/* 侧边导航 */
.BxbR_slider {
    width: 280px;
    height: 1025px;
    position: fixed;
    top: 95px;
    bottom: 0;
    right: -32px;
    margin: auto;
    background: url(http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610xfslide_bg3.png) no-repeat;
    background-size: 100%;
    z-index: 99;
    display: none;
    transform: scale(0.9);
}

.BxbR_slider.sj {
    transform: scale(0.8);
    right: -91px !important;
}

.BxbR_slider .BxbR_jrsy {
    position: absolute;
    top: -86px;
    left: -21px;
    right: 0;
    margin: auto;
    cursor: pointer;
}

.BxbR_slider .BxbR_ula {
    width: 222px;
    height: 496px;
    margin: 0 auto;
    margin-top: 106px;
    margin-left: 16px;
}

.BxbR_ula li {
    height: 76px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    margin-bottom: -7px;
    position: relative;
}


.BxbR_ula li img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    margin: auto;
}


.BxbR_ula li img.BxbR_liyes {
    display: none;
    left: -1px;
}

.BxbR_ula li.on img.BxbR_liyes {
    display: block;
}

.BxbR_ula li.on img.BxbR_lino {
    display: none;
}

.BxbR_diva .BxbR_dy {
    display: block;
    margin: 0 auto;
    margin-left: 48px;
}

.BxbR_qunbg {
    width: 159px;
    height: 160px;
    margin: 0 auto;
    background: url(http://oss.tianmingxy.com/50/xyimgs/Newxy/xy2610xfslide_QQqunbg.png) no-repeat;
    background-size: 100%;
    margin-left: 48px;
    margin-top: 17px;
    overflow: hidden;
}

.BxbR_qunbg .BxbR_qun {
    display: block;
    margin: 0 auto;
    margin-top: 12px;
    margin-left: 18px;
    width: 120px;
}

.BxbR_slider .BxbR_top {
    margin: 0 auto;
    display: block;
    margin-top: 35px;
    margin-left: 136px;
}



/* 查看大图 */
.tankuang {
    width: 100%;
    height: 100%;
    min-width: 400px;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    display: none;
    z-index: 500;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.tankuang_diva {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.tankuang_imga {
    max-width: 90%;
    max-height: 90%;
    transition: transform 0.1s ease-out;
    /* 可以加上这句，确保图片以中心点缩放 */
    transform-origin: center center;
}

/* 重点是这里的样式 */
.tankuang_gb {
    position: absolute;
    /* 绝对定位 */
    top: 130px;
    /* 距离顶部 */
    right: 25%;
    /* 距离右侧 */
    font-size: 60px;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
    /* 层级一定要比图片高，这样永远在最上层，不会被图片盖住 */
    line-height: 1;
    user-select: none;
}