@font-face { font-family: "hykt"; src: url("https://www.changyou.com/font/fonts/xy-20240429/HYMingChanKeBenJ.ttf"); }

/* @font-face {
font-family: "simhei";
src: url("https://www.changyou.com/font/fonts/xy-20230816/simhei.ttf");
} */
html,body{ font-size: 18px; }
html, body {height: 100%;max-width: 750px;margin: 0 auto;/* overflow: hidden; */}
.container {width: 100%;min-height: 5236px;background: url(https://i0.cy.com/xy/pic/2024/0428/bg2.jpg) no-repeat center top;position: relative;color: #38304d;font-size: 18px;overflow: hidden;}

/*头部*/
.header {position: absolute;top: 0;left: 50%;transform: translateX(-50%);background: url(https://i0.cy.com/xy/pic/2024/0428/top.png);background-size: 100% 100%;width: 750px;height: 76px;display: flex;justify-content: space-between;position: fixed;z-index: 20;}
.header .header-logo { padding-left: 20px; }
.header .music-play { padding-right: 40px; }
.music-play .music-btn { background: url(https://i0.cy.com/xy/pic/2024/0428/play_pause.png) no-repeat; width: 53px; height: 52px; }
.music-play .music-btn.off { background-position: 0 -53px; display: block; }
.header-appointment-play { display: flex; align-items: center; padding-right: 20px; }
.slogan {position: absolute;width: 750px;height: 175px;background: url(https://i0.cy.com/xy/pic/2024/0428/slogan.png) no-repeat;bottom: 200px; left: 0;}
.box { position: relative; max-width: 750px; margin: 0 auto; height: 100vh;  }
.topBox{background-position: center top;background-repeat: no-repeat;background: url(https://i0.cy.com/xy/pic/2024/0428/bg1.jpg) no-repeat center bottom;}
.btn_play{position: absolute;width: 100px;height: 100px;background: url(https://i0.cy.com/xy/pic/2024/0428/videoPlay.png) no-repeat;background-size: 100% 100%;cursor: pointer;bottom: 240px;left: 50%;margin-left: -50px;}
.navBox{position: absolute; width: 750px; display: flex; justify-content: center; bottom: 100px; }
.navBox a{display: inline-block; width: 178px; height: 73px; margin: 0 10px; background: url(https://i0.cy.com/xy/pic/2024/0428/button.png) no-repeat; }
.navBox a.btn1{background-position: 0 0;}
.navBox a.btn2{background-position: -189px 0;}
.navBox a.btn3{background-position: -378px 0;}
.arrow{position: absolute;bottom: 10px;left: 50%;margin-left: -19px;width:39px;height: 37px;background: url(https://i0.cy.com/xy/pic/2024/0428/arrow.png) no-repeat;background-size: 100% 100%; animation: arrow-animation 1s infinite;}
@media screen and (max-height:1333px) {
	.boxContent { background-image: url(https://i0.cy.com/xy/pic/2024/0428/header1.jpg);}
	.topBox,.boxContent{height: 1333px; }
}
@media screen and (min-height:1334px) and (max-height:1500px) {
	.boxContent {background-image: url(https://i0.cy.com/xy/pic/2024/0428/header2.jpg);}
	.topBox,.boxContent{height: 1500px;}
}
@media screen and (min-height:1500px) {
	.boxContent {background-image: url(https://i0.cy.com/xy/pic/2024/0428/header3.jpg);}
	.topBox,.boxContent{height: 1750px;}
}

@keyframes arrow-animation {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}
.module{position: relative;height: 998px;z-index: 2;}
/* 见众生 */
.module1{height: 1306px;background: url(https://i0.cy.com/xy/pic/2024/0428/module1_bg.png) no-repeat center 220px;}
.titleBox{position: absolute; width: 750px;height: 173px;}
.title1{background:url(https://i0.cy.com/xy/pic/2024/0428/title1.png) no-repeat 90px 50px;}
.title2{background:url(https://i0.cy.com/xy/pic/2024/0428/title2.png) no-repeat 90px 50px;}
.title3{margin-top: 120px;background:url(https://i0.cy.com/xy/pic/2024/0428/title3.png) no-repeat 90px 50px;}
.title4{background:url(https://i0.cy.com/xy/pic/2024/0428/title4.png) no-repeat 90px 50px;}
.title5{background:url(https://i0.cy.com/xy/pic/2024/0428/title5.png) no-repeat 90px 50px;}

/* 见众生 */
.hero-content { position: relative; width: 100%; height: 100%; }
.hero-list { position: relative; height: 1216px; }
.hero-list .title { background: url(https://i0.cy.com/xy/pic/2024/0428/jzs.png) no-repeat; width: 623px; height: 122px; margin: 0 auto; }
.hero-name {background: url(https://i0.cy.com/xy/pic/2024/0428/xian.png) no-repeat;width: 750px;height: 220px;left: 0;top: 883px;position: absolute;pointer-events: none;z-index: 2;}

/* class="hero-pic" */
.hero-pic1 {position: absolute;left: 0;top: 190px;}
.hero-pic2 {position: absolute;left: 0;top: 185px;}
.hero-pic3 {position: absolute;left: 0;top: 240px;}
.hero-pic4 {position: absolute;left: 0;top: 164px;}
.hero-pic5 {position: absolute;left: 0;top: 211px;}
.hero-pic6 {position: absolute;left: 0;top: 182px;}
.hero-desc1 {width: 143px;height: 397px;position: absolute;right: 20px;top: 397px;}
.hero-desc2 {width: 143px;height: 397px;position: absolute;right: 20px;top: 500px;}
.hero-desc3 {width: 143px;height: 397px;position: absolute;right: 20px;top: 393px;}
.hero-desc4 {width: 143px;height: 397px;position: absolute;right: 20px;top: 570px;}
.hero-desc5 {width: 143px;height: 397px;position: absolute;right: 20px;top: 417px;}
.hero-desc6 {width: 143px;height: 397px;position: absolute;right: 30px;top: 243px;}
.swiper-container1 { width: 100%; height: 100%; overflow: hidden; position: relative; }
.swiper-slide { background-position: center; background-size: cover; }
.swiper-btn { position: absolute; left: 0; top: 883px; width: 750px; height: 220px; color: #efebdb; }
.swiper-btn span {width: 30px;z-index: 99;cursor: pointer;direction: ltr;height: 125px;}
.swiper-btn span:hover { color: #ff7256 !important; }
.swiper-btn span:nth-child(1) {position: absolute;left: 141px;top: 168px;}
.swiper-btn span::after {content: "";width: 10px;height: 10px;background-color: #d8c29a;border-radius: 50%;display: inline-block;margin-left: 15px;position: absolute;top: -20px;left: -10px;}
.swiper-btn span:nth-child(2) {position: absolute;left: 230px;top: 208px;}
.swiper-btn span:nth-child(3) {position: absolute;left: 307px;top: 226px;}
.swiper-btn span:nth-child(4) {position: absolute;left: 401px;top: 233px;}
.swiper-btn span:nth-child(5) {position: absolute;left: 476px;top: 219px;}
.swiper-btn span:nth-child(6) {position: absolute;left: 568px;top: 185px;}
.fade-level1 {animation: fade-level1 1s linear forwards;}
.fade-level { animation: fade-level 1s linear forwards; }
/* 观三界 */
.watch-word-content {position: relative;width: 750px;height: 900px;/* display: flex; *//* justify-content: center; */padding-top: 200px;/* align-items: center; */}
.img-cover {background: url(https://i0.cy.com/xy/pic/2024/0428/border-video1.png) no-repeat;text-align: center;width: 690px;height: 404px;margin: 0 auto;/* overflow: visible; */margin-top: 30px;}
.gsj-xian {background: url(https://i0.cy.com/xy/pic/2024/0428/xian-video1.png) no-repeat;width: 750px;height: 156px;position: absolute;left: 0;}
.swiper-container4 {height: 200px;width: 750px;overflow: hidden;position: absolute;top: 790px;}
.swiper-container4 .swiper-slide {height: 139px;width: 243px; /*设为固定值*/}
.nav_bg{display: flex;height: 97px;width: 167px;background: url(https://i0.cy.com/xy/pic/2024/0428/nav_bg.png) no-repeat;background-size: 100% 100%;align-content: center;justify-content: center;align-items: center;}
.swiper-container4 .swiper-slide img { opacity: 0.5; cursor: pointer; }
.swiper-container4 .swiper-slide img:hover { opacity: 1 !important; }
.swiper-container4 .swiper-slide-active { display: flex; align-items: center; margin-top: 23px; }
.swiper-container4 .swiper-slide-active .nav_bg { width: 243px; height: 139px; }
.swiper-container4 .swiper-slide-active .nav_bg img{width: 236px; height: 132px;}
.swiper-container4 .swiper-slide-prev, .swiper-container4 .swiper-slide-next {text-align: center;display: flex;align-items: center;justify-content: center;}
.mask {z-index: 10;position: relative;mask-image: url('/image/sprite_yu.png');-webkit-mask-image: url('/image/sprite_yu.png');mask-size: 3504px 1656px;-webkit-mask-size: 3504px 1656px;animation: zjingxiu_ok16_mask_anim 0.5s steps(1) forwards;-webkit-animation: zjingxiu_ok16_mask_anim 0.5s steps(1) forwards;}
.cover{position: relative;width: 690px;height: 404px;align-items: center;/* overflow: visible; */}
.cover1{position: relative;display: flex;justify-content: center;width: 690px;height: 404px;align-items: center;/* overflow: visible; */}
.img-title {position: absolute;left: 50%;top: 427px;width: 355px;height: 48px;transform: translate(-50%, 0);z-index: 10;background: url(https://i0.cy.com/xy/pic/2024/0428/title-border01.png);line-height: 48px;text-align: center;color: #ddca88;font-size: 29px;}
.view-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 73px;
    height: 71px;
    background: url(
    https://i0.cy.com/xy/pic/2024/0428/videoPlay.png) no-repeat;
    }

@keyframes zjingxiu_ok16_mask_anim{
	0%{
	  mask-position: 0 0;
	  -webkit-mask-position: 0 0;
	}
	8.3%{
	  mask-position: -876px 0;
	  -webkit-mask-position: -876px 0;
	}
	16.7%{
	  mask-position: -1752px 0;
	  -webkit-mask-position: -1752px 0;
	}
	25%{
	  mask-position: -2628px 0;
	  -webkit-mask-position: -2628px 0;
	}
	33.3%{
	  mask-position:0px -552px;
	  -webkit-mask-position:0px -552px;
	}
	41.7%{
	  mask-position:-876px -552px;
	  -webkit-mask-position:-876px -552px
	}
	50%{
	  mask-position:-1752px -552px;
	  -webkit-mask-position:-1752px -552px
	}
	58.3%{
	  mask-position:-2628px -552px;
	  -webkit-mask-position:-2628px -552px;
	}
	66.7%{
	  mask-position:0px -1104px;
	  -webkit-mask-position:0px -1104px;
	}
	75%{
	  mask-position: -876px -1104px;
	  -webkit-mask-position:-876px -1104px;
	}
	83.3%{
	  mask-position: -1752px -1104px;
	  -webkit-mask-position:-1752px -1104px;
	}
	91.7%{
	  mask-position: -2628px -1104px;
	  -webkit-mask-position:-2628px -1104px;
	}
	100%{
	  mask-position: -2628px -1104px;
	  -webkit-mask-position:-2628px -1104px;
	}
  }
/* 觅洞天 */
.module3{height: 1120px;}
.module3 .mdt-content {background: url(https://i0.cy.com/xy/pic/2024/0428/mdt-border.png);width: 700px;height: 467px;margin: 0 auto;position: relative;/* display: flex; *//* align-content: center; *//* justify-content: center; */}
.mdt{padding-top: 380px;}
.swiper-container5 {height: 445px;width: 657px; /*设为固定值*/overflow: hidden;margin: 0 auto;padding-top: 12px;}
.swiper-container5 .swiper-slide { height: 100%; width: 100%; /*设为固定值*/ }
.module3 .mdt-img {width: 657px;height: 445px;position: absolute;left: 0;top: 0;overflow: hidden;}
.module3 .swiper-pagination-bullet {background: url(https://i0.cy.com/xy/pic/2024/0428/hehua.png) no-repeat 15px 0;width: 53px;height: 38px;line-height: 42px;padding: 4px 15px 0 15px;text-align: center;opacity: 1;color: #000;}
.module3 .swiper-pagination {position: absolute;width: 608px;height: 42px;top: 500px;left: 50%;transform: translateX(-50%);background: url(https://i0.cy.com/xy/pic/2024/0428/hh_line.png) no-repeat;background-position: 0px 13px;}
.module3 .swiper-pagination-bullet-active {background: url(https://i0.cy.com/xy/pic/2024/0428/hehua.png) no-repeat; background-position: 15px -42px;/* width: 53px; *//* height: 42px; *//* padding: 0 15px; */}

/* 土地庙 */
.module4{height: 1120px;position: relative;}
.module4 .swiper-pagination-bullet-active {background-position: 15px -42px;/* width: 53px; *//* height: 42px; *//* padding: 0 15px; */}
.module4 .mdt-content {background: url(https://i0.cy.com/xy/pic/2024/0428/tdm-border.png);width: 700px;height: 393px;margin: 0 auto;position: relative;/* display: flex; *//* align-content: center; *//* justify-content: center; */}
.tdm{padding-top: 220px;}
.swiper-container6 {height: 445px;width: 657px; /*设为固定值*/overflow: hidden;margin: 0 auto;padding-top: 12px;}
.swiper-container6 .swiper-slide { height: 100%; width: 100%; /*设为固定值*/ }
.module4 .mdt-img {width: 657px;height: 445px;position: absolute;left: 0;top: 0;overflow: hidden;}
.module4 .swiper-pagination-bullet {background: url(https://i0.cy.com/xy/pic/2024/0428/hehua.png) no-repeat 15px 0;width: 53px;height: 38px;line-height: 42px;padding: 4px 15px 0 15px;text-align: center;opacity: 1;color: #000;}
.module4 .swiper-pagination {position: absolute;width: 608px;height: 42px;top: 450px;left: 50%;transform: translateX(-50%);background: url(https://i0.cy.com/xy/pic/2024/0428/hh_line.png) no-repeat;background-position: 0px 13px;}
.module4 .swiper-pagination-bullet-active {background: url(https://i0.cy.com/xy/pic/2024/0428/hehua.png) no-repeat; background-position: 15px -42px;/* width: 53px; *//* height: 42px; *//* padding: 0 15px; */}
.module4 .news {position: absolute;width: 750px;top: 720px;/* left: 0; *//* right: 0; */margin: auto;z-index: 10;}
.module4 .news * {color: #fff;font-family: simhei;}
.module4 .title {background: #303169;width: 750px;height: 54px;line-height: 54px;}
.module4 .title a {font-size: 28px;height: 100%;width: 100%;}
.module4 .title .item:not(:last-child) { width: 79px; height: 54px; text-align: center; margin-left: 11px; }
.module4 .title .item:nth-child(6) {margin-left: 60px;font-size: 30px;}
.module4 .title .item:nth-child(6) a{color: #ffd556;font-size: 30px;}
.module4 .title .item.active:not(:last-child) {/* background: url("https://i0.cy.com/xy/pic/2023/0815/m/nav-active.png")
no-repeat; *//* background-position: -9px 0px; *//* color: #f00; */}
.module4 .text {width: 685px;margin: 0 auto;padding-top: 10px;display: none;}
.module4 .text.active { display: block; }
.module4 .text .news-item { display: flex; width: 100%; border-bottom: 1px solid #ad8681; padding: 15px 0; }
.module4 .tag {font-size: 20px;color: #7798e8;}
.module4 .text-title {	/* flex-grow: 1; */
display: flex; }
.module4 .text-title a {width: 400px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0 100px 0 40px;}
.module4 .text-title > * { font-size: 20px; color: #ffffff; }
.module4 .title .active a{font-size: 28px;color: #ffd556;}
.module4 .text-title .date{color: #696969;}
/* 水平出现 */
  @keyframes fade-level {
	from {
	  opacity: 0;
	  transform: translateX(100px);
	}
  
	to {
	  opacity: 1;
	  transform: translateX(0);
	}
  }
  /* 水平出现 */
  @keyframes fade-level1 {
	from {
	  opacity: 0;
	  transform: translateX(100px);
	}
  
	to {
	  opacity: 1;
	  transform: translateX(-50%);
	}
  }
.module5{height: 650px;}
.module5 ul {position: absolute;top: 220px;width: 600px;height: 370px;display: flex;margin: 0 auto;flex-wrap: wrap;justify-content: space-around;align-items: center;position: relative;}
.module5 li {position: relative;width: 162px;height: 165px;}
.module5 li a {display: inline-block;width: 164px;height: 193px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);overflow: hidden;}
.module5 li:nth-child(1) {background: url(https://i0.cy.com/xy/pic/2024/0428/icons.png) no-repeat;background-position: 0 -29px;}
.module5 li:nth-child(2) {background: url(https://i0.cy.com/xy/pic/2024/0428/icons.png) no-repeat ;background-position: -204px -29px;}
.module5 li:nth-child(3) {background: url(https://i0.cy.com/xy/pic/2024/0428/icons.png) no-repeat ;background-position: -402px -29px;}
.module5 li:nth-child(4) {background: url(https://i0.cy.com/xy/pic/2024/0428/icons.png) no-repeat ;background-position: 0 -229px;}
.module5 li:nth-child(5) {background: url(https://i0.cy.com/xy/pic/2024/0428/icons.png) no-repeat ;background-position: -204px -229px;}
.module5 li:nth-child(6) {background: url(https://i0.cy.com/xy/pic/2024/0428/icons.png) no-repeat ;background-position: -404px -229px;}
.module5 li.cur { width: 234px; height: 234px;	/* position: absolute; */ }
.module5 li.cur:nth-child(1) { top: -47px; left: -15px; background: url("https://i0.cy.com/xy/pic/2023/0815/m/wx-qrcode.png")
no-repeat; }
.module5 li.cur:nth-child(2) { top: -47px; left: 30px; background: url("https://i0.cy.com/xy/pic/2023/0815/m/wx-qrcode.png")
no-repeat; }
.module5 li.cur:nth-child(3) { top: -47px; right: -44px; background: url("https://i0.cy.com/xy/pic/2023/0815/m/wx-qrcode.png")
no-repeat; }
.module5 li.cur:nth-child(4) { top: 178px; left: -15px; background: url("https://i0.cy.com/xy/pic/2023/0815/m/wx-qrcode.png")
no-repeat; }
.module5 li.cur:nth-child(5) { top: 178px; left: 30px; background: url("https://i0.cy.com/xy/pic/2023/0815/m/wx-qrcode.png")
no-repeat; }
.module5 li.cur:nth-child(6) { top: 178px; right: -44px; background: url("https://i0.cy.com/xy/pic/2023/0815/m/wx-qrcode.png")
no-repeat; pointer-events: none; }

/* 公测弹出 */
.pop1{display: none;position: absolute;width: 719px;height: 654px;background: url(https://i0.cy.com/xy/pic/2024/0428/pop_gc.png) no-repeat;}
.pop1 .close {display: block;width: 36px;height: 36px;background: url(https://i0.cy.com/xy/pic/2024/0428/close.png) no-repeat;background-size: 100% 100%;position: absolute;right: 5px;top: -50px;margin-left: -25px;cursor: pointer;}
.download2{position: absolute;top: 470px;left: 225px;width: 260px;height: 79px;background: url(https://i0.cy.com/xy/pic/2024/0428/download2.png) no-repeat;}
/* 视频弹窗 */
.pop2 { height: 100%; width: 100%; display: none; }
.pop2 .pop-close { display: block; width: 50px; height: 50px; background: url("https://i0.cy.com/xy/pic/2023/0815/m/close.png") no-repeat; background-size: 100% 100%; position: absolute; left: 50%; top: 500px; margin-left: -25px; cursor: pointer; }
.pop2 .pop3 { width: 700px; height: 500px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; }
.pop2 video {height: 80%;width: auto;margin: 0 auto;display: block;max-width: 700px;background: #000;}

/* 底层footer */
.footer * { font-family: "simhei"; }
.footer { position: absolute; left: 0; bottom: 0; padding: 20px 0; width: 100%; height: auto; text-align: center; font-size: 16px; color: #ffffff; transition: transform 0.2s; background-color: #999999; letter-spacing: 1px; line-height: 22px; transform: translateY(100%); z-index: 6;}
.footer .close-btn { position: absolute; right: -33px; top: -29px; display: none; z-index: 5; }
.footer .icon { pointer-events: none; }
.footer .btn.open-btn {  /* display: none; */
right: -33px; top: -28px; position: absolute;z-index: 10; }
@media screen and (max-height:700px) {
.footer { transform: translateY(100%); }
.footer .btn.close-btn { display: none; }
.footer .btn.open-btn { display: block; }
}
.footer .btn img { height: 29px; }
.footer a { font-size: 16px; color: #ffffff; }
.footer .as { width: 639px; margin: 0 auto; }
.footer .icon img { width: 76px; height: 64px; }