/*2026-10-10 Yapi*/
/* 自适应 PC 层 */
/* 20261019: 字体改为 data URI 内嵌, 规避 CDN 跨域(CORS)与边缘缓存污染 */
@font-face{font-family:"KBNum";src:url("data:font/ttf;base64,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") format("truetype");font-weight:normal;font-style:normal;font-display:swap;unicode-range:U+002C,U+0030-0039;}
html,body{margin:0;padding:0;min-width:1366px;font-family:"Microsoft YaHei",Arial,sans-serif;color:#fff;/* background:#061523; */overflow-x:auto;}
html{scroll-behavior:auto;}
body{position:relative;width:100%;background: url(temp/pc-hd.jpg) center center/cover no-repeat;}
html.page-init,body.page-init{overflow:hidden;}
body.page-init .screen-scale,body.page-init .home-scale,body.page-init .head-side,body.page-init .fix-reserve{visibility:hidden;}
a,img,button{border:0;outline:none;-webkit-tap-highlight-color:transparent;}
a:focus,a:active,button:focus,button:active{outline:none;}
ul,li,h1,h2,h3,p{margin:0;padding:0;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;clear:both;}
.ir{position:absolute;left:-9999px;top:-9999px;}
.site-header{position:fixed;left:0;top:0;width:100%;min-width:1366px;height:99px;background:#30383d;z-index:50;}
.head-bar{-ms-transform-origin:top center;transform-origin:top center;}
.hd-con{position:relative;height:100%;width:100%;min-width:1366px;zoom:1;}
.hd-con:after{content:"";display:block;clear:both;}
.site-logo{float:left;height: 84px;margin:10px 40px 0 40px;}
.site-logo img{display:block;height:100%;}
.nav-list{float:left;position:relative;margin:0;padding:0;list-style:none;}
.nav-list::before{content:'';display:block;height:90%;top:50%;width:1px;background:#5e6772;left:-10px;position:absolute;-ms-transform:translateY(-50%);transform:translateY(-50%);}
.nav-item{float:left;position:relative;width:174px;height:99px;margin-right:10px;font-size:0;background:url("../images/nav-def.png") no-repeat center center;}
.nav-item a{display:block;width:100%;height:100%;}
.nav-item::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;pointer-events:none;}
.nav-item[data-target="page-home"]::before{background-image:url("../images/nav1.png");}
.nav-item[data-target="page-reserve"]::before{background-image:url("../images/nav2.png");}
.nav-item[data-target="page-creator"]::before{background-image:url("../images/nav6.png");}
.nav-item[data-target="page-showcase"]::before{background-image:url("../images/nav4.png");}
.nav-item[data-target="page-media"]::before{background-image:url("../images/nav3.png");}
.nav-item[data-target="page-news"]::before{background-image:url("../images/nav5.png");}
.nav-item:hover,.nav-item.is-active{background-image:url("../images/nav-cur.png");}
.btn-head-reserve{position:absolute;right:0;top:0;display:block;width: 396px;height:99px;font-size:0;font-weight:bold;color:#fff;background:url("../images/btn-yy.png?v=2026101401") no-repeat center center;z-index:2;}
.fix-media{position:fixed;left:0;top:178px;width:72px;height:683px;overflow:hidden;background:url("../images/fix-media.png") no-repeat 0 0/72px auto;z-index:40;padding-right: 50px;-ms-transform:scale(.5);transform:scale(.5);-ms-transform-origin:top left;transform-origin:top left;}
.fix-media-list{width:55px;left:5px;position:absolute;top:50%;transform:translateY(-50%);}
.head-side{-ms-transform-origin:top left;transform-origin:top left;}
.fix-media.is-collapsed{width: 0;background:none;padding-right: 40px;}
.fix-media-open{position:absolute;right:0;top:50%;margin-top:-43px;width: 50px;height: 50px;background:url("../images/fix-open.png") no-repeat center center;z-index:2;}
.fix-media.is-collapsed .fix-media-open{left:0;transform:rotate(180deg);}
.fix-media.is-expanded .fix-media-open{-ms-transform:rotate(0deg);transform:rotate(0deg);}
.fix-media-item{display:block;width:55px;height:50px;margin-bottom:25px;background-repeat:no-repeat;background-position:center center;background-size:auto auto;}
.fix-media.is-collapsed .fix-media-item{display:none;}
.fix-media-item.icon-dy{background-image:url("../images/fix-dy.png");}
.fix-media-item.icon-kuaishou{background-image:url("../images/fix-kuaishou.png");}
.fix-media-item.icon-bili{background-image:url("../images/fix-bili.png");}
.fix-media-item.icon-qq{background-image:url("../images/fix-qq.png");}
.fix-media-item.icon-weibo{background-image:url("../images/fix-weibo.png");}
.fix-media-item.icon-wechat{background-image:url("../images/fix-wechat.png");}
.fix-media-item.icon-xhs{background-image:url("../images/fix-xhs.png");}
.fix-reserve{position:fixed;right:40px;bottom:60px;z-index:40;}
.fix-reserve-code{display:block;/* width:169px;*//* height:198px;*/}
.fix-reserve-code.is-hidden{display:none;}
.fix-reserve-code img{display:block;width:100%;height:100%;}
.page-main{position:relative;min-width:1366px;}
.zoom-box{-ms-transform-origin:top center;transform-origin:top center;}
.screen{position:relative;height:100vh;min-height:720px;overflow:hidden;box-sizing:border-box;background:url(../images/bg0.jpg) no-repeat center bottom/cover;}
.screen:before{/* content:"";*/ position:absolute;left:0;top:70px;width:100%;height:calc(100% - 70px);background-repeat:no-repeat;background-position:center top;background-size:cover;z-index:-1;}
.screen-showcase:before,.screen-reserve:before,.screen-creator:before,.screen-news:before{background-image:url("../images/bg1.jpg");}
.screen-media-page:before{background-image:url("../images/bg0.jpg");}
.screen-media-page .screen-con{width:100%;height:100%;margin:0;}
.screen-home{position:relative;}
.screen-home .screen-con{width:100%;max-width:none;height:100%;display:flex;align-items:center;position:relative;z-index:2;padding-top:99px;box-sizing:border-box;}
.home-bg{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:0;}
.home-bg-media{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background: url(../temp/pc-hd.jpg) center center/cover no-repeat;}
.home-bg-media video,.home-bg-media img{position:absolute;left:50%;top:50%;min-width:100%;min-height:100%;width:auto;height:auto;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover;object-position:center center;}
.home-bg::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background: url("../images/bg1-cover.png?v=2026101501") no-repeat left bottom/100% 100%;pointer-events:none;z-index:1;}
.screen-con{position:relative;width:1400px;max-width:100%;margin-left:auto;margin-right:auto;padding-top:99px;box-sizing:border-box;}
.screen-middle{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;padding-top:99px;box-sizing:border-box;}
.screen-scale-host{display:block;width:1400px;margin-left:auto;margin-right:auto;text-align:left;overflow:visible;-ms-flex-negative:0;flex-shrink:0;}
.screen-middle .screen-con{-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:none;padding-top:0;margin-left:0;margin-right:0;}
.screen-middle .sec-tit{padding-top:0;}
.screen-middle .showcase-wrap{margin-top:12px;}
.screen-middle .reserve-top{padding-top:0;}
.screen-middle .reserve-share{margin-top:30px;}
.screen-middle .creator-list{margin-top:22px;}
.screen-middle .creator-apply{margin-top:22px;}
.screen-middle .creator-pic{margin-top:48px;}
.screen-middle .news-focus{margin-top:16px;}
.screen-middle .news-right{padding-top:126px;}
.screen-scale{-ms-transform-origin:top center;transform-origin:top center;}
.home-scale{-ms-transform-origin:top left;transform-origin:top left;}
.screen-home{background-image:none;}
.home-copy{position:relative;left:auto;top:auto;width:860px;margin-left:90px;transform:none;z-index:3;margin-top:-5%;}
.home-tit{width:838px;height:304px;}
.home-tit img{display:block;width:auto;/* height:87%;*/}
.home-desc{margin-top:10px;padding-left:18px;font-size:28px;font-weight:bold;color:#233953;}
.home-actions{margin-top:18px;padding-left:12px;}
.btn-home-reserve{float:left;width:294px;height:121px;font-size:0;background: url("../images/btn-hd-yy.png?v=2026101501") no-repeat center center;background-size:100% 100%;}
.home-store{float:left;width:180px;margin-left:18px;padding-top:6px;}
.btn-kb,.btn-tap{display:block;width:175px;height:53px;font-size:0;}
.btn-kb{background: url("../images/btn-hd-kb.png?v=2026101501") no-repeat center center;}
.btn-tap{margin-top:10px;background: url("../images/btn-hd-tap.png?v=2026101501") no-repeat center center;}
.sec-tit{padding-top:40px;}
.sec-tit img{display:block;}
.showcase-wrap{margin-top:20px;}
.showcase-slide{width:100%;overflow:hidden;}
.showcase-main{float:left;width:849px;overflow:hidden;}
.showcase-thumb-wrap{margin-top:30px;}
.showcase-wrap .ship-swiper{width:100%;height:auto;overflow:hidden;}
.showcase-wrap .ship-swiper .swiper-slide{height:auto;}
.ship-main::before{content:"";display:block;width:100%;height:100%;background:url(../images/bg21.png) no-repeat center center;background-size:100% 100%;position:absolute;}
.ship-main{position:relative;width:100%;max-width:849px;height:469px;}
.ship-main img{display:block;width:100%;height:100%;object-fit:cover;}
.mimg{display:block;width:100%;height:100%;object-fit:cover;}
/* iOS：勿对 img 直接 mask；mask 加在 .img-mask / 内容容器，PNG 用 alpha 模式 */
.img-mask{display:block;width:100%;height:100%;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-mode:alpha;mask-mode:alpha;-webkit-transform:translateZ(0);transform:translateZ(0);}
.img-mask>img,.img-mask>.mimg{-webkit-mask-image:none!important;mask-image:none!important;}
.img-mask--thumb-s{-webkit-mask-image:url("../images/bg-s-m.png");mask-image:url("../images/bg-s-m.png");}
.ship-main-media{width:100%;max-width:849px;height:460px;display:block;}
.ship-no{position:absolute;left:3px;right:3px;bottom:4px;width:auto;height:65px;font-size:46px;font-weight:bold;z-index:3;background:url(../images/bg21-txt.png);background-size:100% 100%;display:block;line-height:65px;padding-left:20px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ship-thumb-list{display:block;overflow:hidden;zoom:1;}
.ship-thumb-list{display:-ms-flexbox;display:flex;}
.ship-thumb,.media-dot{float:left;width:190px;height:94px;margin-right:8px;position:relative;background:url(../images/bg-s-def.png);padding:2px;box-sizing:border-box;}
.ship-thumb.last{margin-right:0;}
.ship-thumb.is-active,.media-dot.is-active{background:url(../images/bg-s-cur.png);width:211px;height:102px;padding:5px;}
.showcase-side{float:right;width:520px;}
.showcase-name{font-size:40px;line-height:50px;font-weight:900;display:block;overflow:hidden;white-space:nowrap;}
.showcase-name{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;}
.showcase-name::after{display:inline-block;height:2px;min-width:40px;background:#057bea;content:"";margin:0 10px;-ms-flex:1 1 auto;flex:1 1 auto;}
.showcase-type{margin-top:12px;font-size:18px;color:#fff;}
.showcase-type span{color:#febd02;}
.showcase-desc{margin-top:14px;height:120px;padding:15px 18px;border:1px solid #304363;font-size:15px;line-height:26px;color:#d6e5f7;background:#192028;}
.showcase-desc p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.showcase-video{position:relative;width:510px;height:194px;margin-top:18px;padding:5px;background:url(../images/bg23.png);background-size:100% 100%;}
.showcase-video-box{position:relative;width:100%;height:100%;overflow:hidden;-webkit-mask-image:url("../images/bg23-m.png");mask-image:url("../images/bg23-m.png");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-mode:alpha;mask-mode:alpha;-webkit-transform:translateZ(0);transform:translateZ(0);}
.showcase-video-box.is-playable{cursor:pointer;}
.showcase-video-box img{-webkit-mask-image:none;mask-image:none;}
.ship-preview-media{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.btn-play-preview,.btn-video-play{position:absolute;left:50%;top:50%;width:90px;height:90px;margin-left:-45px;margin-top:-45px;background:url("../images/btn-play.png") no-repeat center center;background-size:100% 100%;z-index:3;}
.btn-video-sound{position:absolute;right:28px;top:28px;z-index:4;width:36px;height:36px;background:rgba(0,0,0,0.62) url("../images/btn-sound-off.png") no-repeat center center;background-size:20px 20px;border:1px solid rgba(255,255,255,0.28);border-radius:50%;}
.btn-video-sound.is-unmuted{background-image:url("../images/btn-sound-on.png");}
.ship-video-modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000;visibility:hidden;opacity:0;transition:opacity .3s;}
.ship-video-modal.is-open{visibility:visible;opacity:1;}
.ship-video-modal-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.78);}
.ship-video-modal-body{position:absolute;left:50%;top:50%;width:960px;max-width:92%;transform:translate(-50%,-50%);background:#000;box-shadow:0 10px 40px rgba(0,0,0,0.45);}
.ship-video-modal-close{position:absolute;right:-42px;top:-42px;width:36px;height:36px;background:rgba(0,0,0,0.65);border-radius:50%;z-index:2;}
.ship-video-modal-close::after{display:block;line-height:36px;text-align:center;font-size:28px;color:#fff;content:"x";}
#shipModalVideo{display:block;width:100%;height:auto;max-height:80vh;background:#000;}
body.ship-video-modal-open{overflow:hidden;}
.reserve-top{margin:0 auto;padding-top:84px;text-align:center;}
.reserve-num{line-height:1;text-align:center;}
.reserve-num span{display:inline-flex;align-items:flex-end;vertical-align:bottom;font-size: 25px;font-weight:bold;line-height:1;padding-bottom:0.12em;color:#c4e0f6;}
.reserve-num span::before{content:"";display:inline-block;width: 49px;height: 42px;margin-right:8px;margin-bottom:0.04em;background:url(../images/bg-num-icon.png) no-repeat center center;background-size: 49px 42px;flex-shrink:0;}
.reserve-num strong{display:inline-block;padding-left:8px;font-size:76px;line-height:1;font-family:"KBNum","Microsoft YaHei",Arial,sans-serif;font-weight:bold;vertical-align:bottom;color:#f0f6ff;}
.reserve-pro{position:relative;width:996px;height:47px;margin:22px auto 0;background:url("../images/bg-pro.png") no-repeat center center;}
.reserve-pro-in{position:absolute;left:23px;top:7px;width:951px;height:35px;background:#8f98a2;border-radius:5px;overflow:hidden}
.reserve-pro-in p{background:url("../images/pro-has.png") no-repeat right center/auto 100%;display:block;height:100%;}
.reserve-pro em{position:absolute;left:0;top:0;width:100%;line-height:47px;font-style:normal;text-align:center;font-size:18px;}
.reserve-line{width:1207px;height:24px;margin:32px auto 0;background:url("../images/bg-jl-top.png") no-repeat center center;}
.reserve-list{/* width:1080px;*/ margin:22px auto 0;display:flex;justify-content:center;}
.bp-card{float:left;width:290px;height:273px;color:#fff;background:url("../images/bg-jl-3.png?v=2026101401");margin:0 30px;}
.bp-card.last{margin-right:0;}
.bp-tag{display:block;width:133px;height:38px;line-height:39px;margin-left:46px;text-align:center;font-size:19px;font-weight:bold;}
.bp-tag span{color:#ffce39;font-size:22px;}
.bp-box{position:relative;width:206px;height:190px;margin-top:6px;padding-top:16px;}
.bp-media{width:261px;height:152px;margin:9px auto;overflow:hidden;-webkit-mask-image:url("../images/bg-jl-3-m.png");mask-image:url("../images/bg-jl-3-m.png");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-mode:alpha;mask-mode:alpha;-webkit-transform:translateZ(0);transform:translateZ(0);}
.bp-media img{-webkit-mask-image:none;mask-image:none;}
.bp-copy{line-height:26px;text-align:center;font-size:20px;}
.reserve-share{display:block;width:439px;height:83px;line-height:83px;text-align:center;font-size:0;font-weight:bold;color:#14395d;background:url("../images/btn-share.png") no-repeat center center;margin:45px auto 0;}
.creator-info{float:left;width:863px;}
.creator-copy{width:500px;margin-top:14px;font-size:16px;line-height:30px;color:#d8e6f5;}
.creator-list{margin-top:30px;display:flex;justify-content:space-between;}
.creator-card{width:200px;height:246px;padding:12px 10px;background:url("../images/bg-jl-4.png?v=2026101401");background-size:100% auto;box-sizing:border-box;}
.creator-card.last{margin-right:0;}
.creator-card-pic{margin:2px auto 20px;width:158px;height:122px;}
/* .creator-card-pic img{-webkit-mask-image:url("../images/bg-jl-4-m.png");mask-image:url("../images/bg-jl-4-m.png");}
*/
.creator-card h3{font-size:18px;text-align:center;}
.creator-card p{margin:8px 6px;font-size:13.7px;line-height:22px;color:#d7e4f5;text-align:center;}
.creator-apply{display:inline-block;width:362px;height:97px;margin-top:30px;font-size:0;background:url("../images/btn-apply.png") no-repeat center center;}
.creator-pic{float:right;position:relative;width:503px;height:500px;margin-top:150px;}
.creator-pic::before{content:'';display:block;background:url("../images/bg-zm.png") no-repeat center center /100% 100%;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
.creator-pic img,.creator-pic-mask{position:absolute;left:0;top:0;width:100%;height:100%;}
.creator-pic-mask{background-image:url("../images/bg-jl-2-m.png");background-position:right bottom;background-repeat:no-repeat;}
.creator-target{position:absolute;right:18px;bottom:26px;width:280px;line-height:24px;font-size:16px;z-index:1;}
.media-con{width:100%;height:100%;}
.media-swiper{width:100%;height:100%;}
.media-slide-in{position:relative;width:100%;height:100%;}
.media-box{position:absolute;left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;background:rgba(255,255,255,0.12);overflow:hidden;}
.media-box img,.media-box .media-mask{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.media-box .media-hero-video-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.media-box .media-hero-video-bg{position:absolute;left:50%;top:50%;min-width:100%;min-height:100%;width:auto;height:auto;-ms-transform:translate(-50%,-50%) scale(1.08);transform:translate(-50%,-50%) scale(1.08);object-fit:cover;object-position:center center;-webkit-filter:blur(28px);filter:blur(28px);z-index:0;pointer-events:none;}
.media-box .media-hero-video-main{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;object-position:center center;z-index:1;}
.media-hero-video-wrap .btn-video-play,.media-hero-video-wrap .btn-video-sound{z-index:2;}
.media-prev,.media-next{position:absolute;top:50%;width:44px;height:64px;margin-top:-32px;z-index:4;}
.media-prev{left:30px;background:url("../images/btn-prev.png") no-repeat center center;}
.media-next{right:30px;background:url("../images/btn-next.png") no-repeat center center;}
.media-pager{position:absolute;right:10px;bottom:18px;/* width:930px;*/ text-align:center;z-index:4;display:flex;justify-content:center;}
.media-dot{display:inline-block;vertical-align:top;position:relative;margin:0 4px;}
.media-dot-inner{position:relative;width:130px;height:62px;display:block;}
.news-left{float:left;width:812px;}
.news-focus{position:relative;width:100%;max-width:810px;height:410px;margin-top:30px;background:rgba(255,255,255,0.12);border:1px solid #51678c;border-bottom:0;overflow:hidden;box-sizing:border-box;}
.news-focus::before{content:'';display:block;background:url(../images/bg-60.png) no-repeat;width:40px;height:45px;top:-2px;left:-3px;position:absolute;z-index:1}
.news-focus .swiper-wrapper,.news-focus .swiper-slide{height:100%;}
.news-focus-item{position:relative;width:100%;height:100%;}
.news-focus-item img{display:block;width:100%;height:100%;object-fit:cover;}
.news-focus-media{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.news-focus-txt{position:absolute;left:0;bottom:0;width:100%;height:42px;line-height:42px;text-align:center;font-size:16px;background:rgba(17,28,41,0.88);display:none;}
.news-focus-tabs{width:100%;max-width:812px;display:block;overflow:hidden;zoom:1;}
.news-focus-tabs{display:-ms-flexbox;display:flex;}
.news-focus-tab{/* float:left;*/ /* width:143px;*/ height:40px;line-height:40px;text-align:center;border:1px solid #4d617d;background:rgba(20,30,45,0.82);flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 10px;}
.news-focus-tab.active{background:#24b1ff;}
.news-right{float:right;width:567px;height:470px;padding-top:175px;}
.news-panel{background:url("../images/bg-62.png") no-repeat center bottom;box-sizing:border-box;height:417px;}
.news-tabs{text-align:right;padding-right:4px}
.news-tab{display:inline-block;width:142px;height:55px;line-height:55px;text-align:center;font-size:26px;font-weight:bold;background:url("../images/tab-def.png") no-repeat center center;cursor:pointer;margin:0 -4px;}
.news-tab.active{background-image:url("../images/tab-on.png");}
.news-tab.first{background-image:url("../images/tab1-def.png");}
.news-tab.first.active{background-image:url("../images/tab1-on.png");}
.news-list{padding:11px 24px 16px;/* border:1px solid rgba(72,106,144,0.65);*/ /* background:rgba(12,24,39,0.76);*/}
.news-item{border-bottom:1px solid rgb(49 72 100);}
.news-item a{display:block;line-height:48px;font-size:21px;color:#eff7ff;}
.news-item em{float:right;font-style:normal;}
.news-more{display:block;width:525px;height:56px;margin:18px auto 0;font-size:0;background:url("../images/btn-more.png") no-repeat center center;}
br.wap-only{display:none;}
.site-footer{position:relative;min-width:1366px;padding:40px 0;background:rgba(2,10,20,0.92);font-size:14px;line-height:24px;}
.ft-con{width:1800px;max-width:96%;margin:0 auto;text-align:center;color:#fff;}
.ft-links,.ft-line,.ft-copy,.ft-owner{margin:0;color:#fff;}
.ft-links{white-space:nowrap;}
.ft-links a{display:inline-block;vertical-align:middle;color:#eff7ff;}
.ft-links a:hover{color:#24b1ff}
.ft-beian a{color:inherit;/* text-decoration:underline; */text-underline-offset:2px;}
.ft-beian a:hover{color:#24b1ff}
.ft-links span{display:inline-block;vertical-align:middle;margin:0 10px;color:#fff;}
.is-hidden{display:none;}
@media screen and (max-width:1680px),screen and (max-height:900px){
.fix-media{top:130px;}
.fix-reserve{right:18px;bottom:14px;-ms-transform:scale(.9);transform:scale(.9);-ms-transform-origin:right bottom;transform-origin:right bottom;}
.media-prev{left:18px;}
.media-next{right:18px;}
.media-pager{}
.site-footer{padding:30px 0;font-size:16px;line-height:30px;}
}
@media screen and (max-width:1440px),screen and (max-height:760px){
.fix-media{top:112px;}
.fix-reserve{right:8px;bottom:8px;-ms-transform:scale(.82);transform:scale(.82);}
.media-prev,.media-next{width:36px;height:54px;margin-top:-27px;background-size:100% 100%;}
.site-footer{padding:24px 0;font-size:14px;line-height:24px;}
}
@media screen and (max-width:1670px),screen and (max-height:860px){
.site-header{height:84px;}
.site-logo{height:67px;margin-top:8px;}
.nav-item{width:136px;height:84px;}
.nav-item::before{background-size:auto 84px;}
.btn-head-reserve{width:345px;height:84px;background-size:auto 84px;}
.screen-con{padding-top:84px;}
.screen-middle{padding-top:84px;}
}
@media screen and (max-width:1440px),screen and (max-height:760px){
.site-header{height:76px;}
.site-logo{width:184px;height:61px;margin-top:7px;}
.nav-item{width:132px;height:76px;margin-right:5px;}
.nav-item::before{background-size:auto 76px;}
.btn-head-reserve{width:280px;height:76px;background-size:100% 76px;}
.screen-con{padding-top:76px;}
.screen-middle{padding-top:76px;}
}