body,html{ background: #460204;}
/* 覆盖 common.css 的 min-width:1400px 与 16px 字号，整页统一按 rem 缩放 */
.wrapper{ min-width: 0; font-size: 0.16rem;}
.l-header{ margin: 0 auto; width: 100%; height: 18.07rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/bg1.png) no-repeat top center; background-size: cover; position: absolute; top: 0;}
.l-main{ margin: 5rem auto 0; padding-top:6rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/bg2.png) no-repeat top center; background-size: 100%;  z-index: 2;  box-sizing: border-box;}

.logo{ top: 0.18rem; left: 0.38rem; z-index: 99;}
.logo img{ width: 2.84rem; height: 1.36rem;}

.btn-download{ display: block; top: -0.2rem; position: relative; margin: 0 auto 0; width: 7.89rem; height: 1.66rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/btn_download.png) no-repeat; background-size: 100% 100%; z-index: 2;}
.bg-video{ position: absolute; width: 100%; height:100%; left: 50%; transform: translateX(-50%); opacity: 0; }
.video-wrap{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; cursor: pointer; width: 14.69rem; height: 7.25rem; z-index: 100;  display: none; }
/* 黑底，尺寸取 video_wrap.png 的透明窗口；z-index 需低于 #myVideo */
.video-wrap::before{ content: ''; position: absolute; left: 1.37rem; top: 0.17rem; width: 11.64rem; height: 6.54rem; background: #000; z-index: -1; }
.video-wrap .video-wrap-side {position: absolute; width: 100%; height: 100%; z-index: 1; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/video_wrap.png) no-repeat ;background-size: 100% 100%;}
.video-wrap #myVideo{position: absolute; left: -0.28rem; top: 0.15rem; right: 0; margin: 0 auto; width: 11rem; background: #000; }
.video{ object-fit: cover; position: absolute; top: -0.3rem;left: 0;right: 0;bottom: 0; width: 12.5rem; height: 6.3rem; margin: auto;}
.video-close{ position: absolute; right: 0.6rem; top: -0.35rem; width: 0.82rem; height: 0.84rem; z-index: 10; }
.bg-video.show{ opacity: 1;}
.video-mask{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.6); }
.video-mask.show{ display: block; }
body.video-modal-open{ position: fixed; left: 0; right: 0; width: 100%; overflow: hidden; }

.download-right{ position: fixed; top: 10%; bottom: 0; right: 0; padding-top: 1.68rem;  width: 2.09rem; height: 5.62rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/bg_download_right.png) no-repeat; background-size: cover; box-sizing: border-box; z-index: 99;}
.btn-tab01,
.btn-tab02,
.btn-tab03{ display: block; top: -0.7rem; box-sizing: border-box; margin: 0 auto 0.08rem; width: 1.68rem; height: 0.72rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/tab01.png) no-repeat; background-size: 100% 100%;}
.btn-tab02{ background-image: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/tab02.png);}
.btn-tab03{ background-image: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/tab03.png);}
.btn-tab01.tab-active{ background-image: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/tab01-active.png);}
.btn-tab02.tab-active{ background-image: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/tab02-active.png);}
.btn-tab03.tab-active{ background-image: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/tab03-active.png);}
.title[id^="tab"]{ scroll-margin-top: 1.2rem; }
.img-download-code{ display: block; top: -0.7rem; margin: 0.2rem auto 0.13rem; width: 1.3rem;}
.download-right .text{ top: -0.8rem;  text-align: center; letter-spacing: 0.01rem;}
.img-download{ position: fixed; top: 50%; bottom: 0; right: 0.5rem; margin-top: 2.2rem; font-size: 0.26rem; color: #fff; text-align: center;  z-index: 99;}
.img-download img{ display: block; width: 1.79rem;}

.title{ padding-top: 1.2rem }
.title img {height: 1.56rem;}
.active-left{ position: fixed; bottom: 0.24rem; left: 0;  width: 3.76rem; height: 3.72rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/bg_active.png) no-repeat; background-size: 100% 100%; box-sizing: border-box; z-index: 99;}
.active-left .btn-enter{ display: block; margin: 2.7rem 0 0 0.65rem; width: 2.2rem;  height: 0.8rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/btn_go.png) no-repeat; background-size: 100% 100%;  }

.container{ margin: -2.6rem auto 0; width: 100%; z-index: 2; background-size: 100% auto; }
.container-top{ position: absolute; left: 0; right: 0; width: 100%; height: 12.57rem; top: -12rem; background-size: cover; }
.container-top img{ top: 4rem; left: 0; right: 0; bottom: 0; margin: auto; width: 1.8rem; height: 1.8rem; cursor: pointer; }
.news-content{ margin: 1.28rem auto 0; padding-top: 1rem; width: 15.32rem; height: 4.17rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/bg_news.png) no-repeat; background-size: 100% 100%; box-sizing: border-box }
.news-content .con-left{ top: -1.84rem; left: -0.04rem; width: 7.6rem;}
.news-content .swiper-news{ height: 4.3rem;}
.news-content .con-left .swiper-slide img{ box-sizing: border-box; display: block; margin: 0 auto 0; width: 7.6rem; height: 4.275rem; border: 0.04rem solid #ff8840;}
.news-content .con-left .swiper-pagination-bullet{ width: 0.41rem; height: 0.44rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/20260527/ico_pagination.png) no-repeat; opacity: 1; background-size: 100% 100%;}
.news-content .con-left .swiper-pagination-bullet-active{ background-image: url(//png.pookcdn.net/new_net/lydr3d/newpc/20260527/ico_pagination_active.png);}
.news-content .con-left .swiper-horizontal>.swiper-pagination-bullets, 
.news-content .con-left .swiper-pagination-bullets.swiper-pagination-horizontal, 
.news-content .con-left .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -0.05rem;}

.con-right { margin-top: -1.46rem; margin-left: 0.1rem; width: 5.4rem; }
.con-right .list-content { width: 100%; }
.con-right .tab { display: flex; display: -webkit-flex; margin-top: 0.05rem; height: 0.35rem; font-size: 0.16rem;  letter-spacing: 0.02rem; padding-left: 0.05rem; box-sizing: border-box;  }
.con-right .tab:after{ content: ""; position: absolute; bottom: 0; right: -0.35rem; width: 2.37rem; height: 0.01rem; background: #CA5A2B;}
.con-right .tab li{ position: relative; margin-right: 0.13rem; padding: 0 0.08rem; line-height: 0.35rem;font-size: 0.16rem; color: #CA5A2B; border-bottom: 0.02rem #f0ad91 solid; cursor: pointer; display: inline-block\9; margin-right: 0.4rem\9; transition: all 1s; }
.con-right .tab li.active::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0.04rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/active_line.png) no-repeat center bottom; background-size: 100% 100%; pointer-events: none; }
.con-right .tab li .more { color: #CA5A2B; }
.culumn-list { margin-top: 0.55rem; color: #CC4D23; line-height: 0.4rem; letter-spacing: 0.02rem; display: none; }
.culumn-list li { display: flex; }
.culumn-list.active { display: block; }
.culumn-list .txtTag { float: left; margin-right: 0.03rem; margin-left: 0; color: #882804; font-weight: bold; }
.culumn-list .txtDate { float: right; font-size: 0.14rem; color: #882804; }
.culumn-list a { width: 4.3rem; display: inline-block; font-size: 0.16rem; color: #882804; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; }
.culumn-list a:hover{ font-weight: bold}

.feature-content{ margin-top: 0.45rem; margin-left: 0.15rem;}
.swiper img { display: block; width: 100%; height: 100%; }
#certify { position: relative; width: 12.6rem; height: 5.5rem; margin: 0 auto;/* padding-right: 2.5rem; */}
.slide { width: 12.6rem; height: 4.8rem; /* margin-left: 3.5rem !important; */position: absolute;/* left: 4.7%; */}
#certify .bottom_pagination { text-align: center !important; left: 45%;/* margin-left: 5rem !important; */}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.08rem !important; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0.1rem; left: -0.03rem !important; width: 100%; }
.left_arrow, .right_arrow { margin-top: -0.26rem!important; top: 50%!important; width: 1.36rem!important; height: 0.45rem!important; z-index: 99; background-repeat: no-repeat; background-size: 100% 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.slide .swiper-wrapper .swiper-slide { padding-top: 0.15rem; width: 7.96rem; height: 4.2rem; opacity: 0; }
.slide .swiper-wrapper .swiper-slide-prev, .slide .swiper-wrapper .swiper-slide-active, .slide .swiper-wrapper .swiper-slide-next { opacity: 1; }
.slide .swiper-wrapper .swiper-slide-active:after { content: ''; position: absolute; top: -0.05rem; left: -0.2rem;width: 8.37rem; height: 4.64rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/bg_img_active.png) no-repeat; background-size: 100% 100%; z-index: 33; }
.slide .swiper-wrapper .swiper-slide img { display: block; position: relative; width: 7.96rem; height: 4.21rem; z-index: -1; }
.slide .swiper-slide-visible:after{ content: ""; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: '' !important; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: '' !important; }
.bottom_pagination { top: 4.4rem !important; left: -0.03rem !important; width: 100%; }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 12rem; overflow: hidden; }
.swiper-pagination-bullet { opacity: 1 !important; }
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right{ top: 0.14rem; height: 4.28rem; background: rgba(0,0,0,.5);}
.swiper-3d .swiper-slide-shadow-right{ left: 0.05rem;}
.feature-content .swiper-pagination-bullet{ width: 0.22rem; height: 0.22rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/ico_pagination.png) no-repeat; opacity: 1; background-size: 100% 100%;}
.feature-content .swiper-pagination-bullet-active{ background-image: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/ico_pagination_active.png);}
.feature-content .swiper-button-next, 
.feature-content .swiper-button-prev{ margin-top: -0.63rem;  width: 0.59rem; height: 0.91rem; background: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/ico_pre.png) no-repeat; background-size: 100% 100%;}
.feature-content .swiper-button-next{ background-image: url(//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/ico_next.png);}
.feature-content .swiper-button-prev{ left: -0.4rem;}
.feature-content .swiper-button-next{ right: -0.4rem;}

.code-list{ position: absolute; top:3.6rem; left: -0.2rem;}
.code-list li{ margin-bottom: 0.05rem; width: 0.56rem; height: 0.56rem; background: url("//png.pookcdn.net/new_net/lydr3d/newpc/20260527/tab_pc.png") no-repeat; background-size: 100% 100%; cursor: pointer; }
.code-list li:hover,
.code-list li.active{ background-image: url(//png.pookcdn.net/new_net/lydr3d/newpc/20260527//tab_pc_active.png);}
.code-list li.tab-02{ background-image: url(//png.pookcdn.net/new_net/lydr3d/newpc/20260527/tab_mobile.png); }
.code-list li.tab-02:hover,
.code-list li.tab-02.active{ background-image: url(//png.pookcdn.net/new_net/lydr3d/newpc/20260527/tab_mobile_active.png);}

.download-right .erweima { margin: 0 auto 0.3rem; width: 1.57rem; height: 1.54rem; text-align: center; }
.download-right .erweima .text{ margin: 0.1rem auto; letter-spacing: 0.02rem; color: #8b5a28; text-align: center; font-size: 0.16rem;}
.download-right .erweima img { margin-top: 0.15rem; width: 1.3rem; }

.download-right .erweima li{ display: none;}
.download-right .erweima li.active{ display: block;}

.publicity{ margin: 0.6rem auto 0; width: 15.76rem; height: 5.98rem; overflow: hidden; background: url("//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/bg_publicity.png") no-repeat; background-size: 100% 100% }
.publicity-content{ position: relative; margin:0.5rem auto 0; padding-right: 0.24rem; width: 11.25rem; height: 4.5rem; text-align: center; box-sizing: border-box; }
.publicity-content .publicitySwiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	overscroll-behavior-y: contain;
}
.publicity-content img{ display: block; width: 100%; height: auto; }
.publicity-content .swiper-slide { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.publicity-content .swiper-scrollbar{ position: absolute; top: 0; right: 0; width: 0.14rem; height: 100%; overflow: hidden; background: url("//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/swiper_line.png") repeat-y center top; background-size: 100% auto; }
.publicity-content .swiper-scrollbar-drag{ width: 0.14rem; background: url("//png.pookcdn.net/new_net/lydr3d/newpc/2026anniver/swiper-tip.png") no-repeat center; background-size: 100% 100%; cursor: pointer; }

.footer{
	margin-top: .5rem;
	box-sizing: border-box;
	padding: 0.6rem 0;
	font-size: 0.16rem;
	background: url(//png.pookcdn.net/new_net/lydr3d/newpc/20260527/footer-bg.png) no-repeat;background-size: cover; background-position: bottom center; 
}
.footer,
.footer a{ color: #b38030 }
/* 图标不设尺寸会按固有像素渲染，缩放时不跟随 rem */
.footer img{ height: 0.16rem; width: auto; vertical-align: middle;}