.wow{visibility: hidden;}
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }

.tran_scale{ overflow:hidden; display:block;}
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img{-webkit-transition: opacity .2s ease-in,-webkit-transform .4s linear;transition: opacity .2s ease-in,transform .4s linear;}
@font-face {
    font-family: 'Foundationregular';
    src: url('https://open-eo-sgp-cos.ruijie.com/2026-isp-cloud/RJ-css/font/Orbitron/static/Orbitron-Regular.ttf');
    font-weight: 100;
}

@font-face {
    font-family: 'Foundationbold';
    src: url('https://open-eo-sgp-cos.ruijie.com/2026-isp-cloud/RJ-css/font/Orbitron/static/Orbitron-Bold.ttf');
    font-weight: 100;
}
@media only screen and (min-width:1025px) {
    .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
}

/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}

/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont'!important;
}

body,a{color: #292929;}
a{transition: all .3s;cursor: pointer;}
/*@media only screen and (min-width:1025px) {*/
    /*a:hover{color: #b8120d!important;}*/
/*}*/

/*.new-header-content .header-cont{width: 1200px;max-width: 94%;}*/
.wrap {
    width: 1400px;
    margin: 0px auto;
    max-width: 90%;
    box-sizing: border-box;

}
@media only screen and (max-width:1366px) {
    .wrap{max-width: 90%;}
}

.line24{line-height: 24px;
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
}
.line30{line-height: 30px;
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
}
.ellipsis_p{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ratio-img,.ratio-img img{width: 100%;}
.bold{font-weight: bold;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media only screen and (max-width:1024px) {
    .wrap{max-width: 90%;margin: 0 auto;}


}
@media only screen and (max-width:345px) {
    .wrap{max-width: 97%;margin: 0 auto;}
}
/*font-size*/
.fnt_12 { font-size: 12px;}
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:18px}
.fnt_20 { font-size:20px;}
.fnt_22 {font-size: 22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px}
.fnt_34 { font-size:34px}
.fnt_36 { font-size:36px}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}
.fnt_42 { font-size:42px;}
.fnt_48 { font-size:48px;}
.fnt_50 { font-size:50px;}
.fnt_52 { font-size:52px;}
.fnt_54 { font-size:54px;}
.fnt_60{ font-size:60px;}
.fnt_64{ font-size:64px;}
.fnt_72{ font-size:72px;}
.fnt_80{ font-size:80px;}
.fnt_90{ font-size:90px;}
@media only screen and (max-width:1800px) {
    .fnt_50 { font-size:46px;}
    .fnt_52 { font-size:48px;}
    .fnt_54 { font-size:48px;}
    .fnt_60{ font-size:54px;}
    .fnt_80{ font-size:74px;}
}
@media only screen and (max-width:1660px) {
    .fnt_34 { font-size:30px}
    .fnt_50 { font-size:40px;}
    /*.fnt_52 { font-size:42px;}*/
    .fnt_54 { font-size:42px;}
    .fnt_60{ font-size:44px;}
    .fnt_64{ font-size:60px;}
    .fnt_22 {font-size: 20px;}
    .fnt_80{ font-size:60px;}
}
@media only screen and (max-width:1440px) {
    .fnt_22 {font-size: 18px;}
    .fnt_24 { font-size:22px;}
    .fnt_26 { font-size:22px;}
    .fnt_28 { font-size:24px;}
    .fnt_30 { font-size:28px;}
    .fnt_32 { font-size:28px;}
    .fnt_34 { font-size:28px}
    .fnt_36 { font-size:30px;}
    .fnt_38 { font-size:31px;}
    .fnt_40 { font-size:32px;}
    .fnt_42 { font-size:34px;}
    .fnt_48 { font-size:40px;}
    .fnt_50 { font-size:36px;}
    /*.fnt_52 { font-size:38px;}*/
    /*.fnt_60{ font-size:56px;}*/
    .fnt_54 { font-size:36px;}
    .fnt_64{ font-size:56px;}
    .fnt_72{ font-size:60px;}
    .fnt_80{ font-size:50px;}
    .fnt_90{ font-size:72px;}
}
@media only screen and (max-width:1366px) {
    .fnt_20 { font-size:18px;}
    .fnt_26 { font-size:20px;}
    .fnt_28 { font-size:22px;}
    .fnt_30 { font-size:24px;}
    .fnt_32 { font-size:24px;}
    .fnt_34 { font-size:24px}
    .fnt_36 { font-size:26px;}
    .fnt_38 { font-size:27px;}
    .fnt_40 { font-size:28px;}
    .fnt_42 { font-size:30px;}
    .fnt_48 { font-size:36px;}
    .fnt_50 { font-size:36px;}
    .fnt_52 { font-size:36px;}
    .fnt_54 { font-size:36px;}
    .fnt_60{ font-size:44px;}
    .fnt_64{ font-size:50px;}
    .fnt_72{ font-size:48px;}
    .fnt_90{ font-size:52px;}
    .fnt_80{ font-size:40px;}

}
@media only screen and (max-width:1280px) {
    .fnt_22 {font-size: 16px;}
    .fnt_26 { font-size:18px;}
    .fnt_28 { font-size:20px;}
    .fnt_30 { font-size:22px;}
    .fnt_32 { font-size:22px;}
    .fnt_34 { font-size:22px;}
    .fnt_36 { font-size:24px;}
    .fnt_38 { font-size:25px;}
    .fnt_40 { font-size:26px;}
    .fnt_42 { font-size:28px;}
    .fnt_48 { font-size:32px;}
    .fnt_50 { font-size:32px;}
    .fnt_52 { font-size:40px;}
    .fnt_54 { font-size:36px;}
    .fnt_60{ font-size:36px;}
    .fnt_64{ font-size:40px;}
    .fnt_72{ font-size:40px;}
    .fnt_90{ font-size:42px;}
    .fnt_80{ font-size:30px;}
}
@media only screen and (max-width:1024px) {
    .fnt_16 { font-size:14px;}
    .fnt_18 { font-size:16px;}
    .fnt_20 { font-size:16px;}
    .fnt_24 { font-size:18px;}
    .fnt_30 { font-size:20px;}
    .fnt_34 { font-size:20px;}
    .fnt_36 { font-size:24px;}
    .fnt_38 { font-size:24px;}
    .fnt_40 { font-size:24px;}
    .fnt_42 { font-size:24px;}
    .fnt_48 { font-size:26px;}
    .fnt_50 { font-size:26px;}
    .fnt_52 { font-size:26px;}
    .fnt_54 { font-size:26px;}
    .fnt_60{ font-size:32px;}
    .fnt_64{ font-size:34px;}
    .fnt_72{ font-size:36px;}
    .fnt_90{ font-size:36px;}
}
@media only screen and (max-width:767px) {
    /*.fnt_20 { font-size:16px;}*/
    /*.fnt_24 { font-size:16px;}*/
    /*.fnt_30 { font-size:18px;}*/
    /*.fnt_36 { font-size:20px;}*/
    /*.fnt_48 { font-size:20px;}*/
    /*.fnt_52 { font-size:20px;}*/
    /*.fnt_18 { font-size:14px;}*/
    /*.fnt_34 { font-size:18px;}*/
    /*.fnt_36 { font-size:16px;}*/
    /*.fnt_50 { font-size:20px;}*/
    /*.fnt_52 { font-size:28px;}*/
    /*.fnt_60{ font-size:24px;}*/
    /*.fnt_64{ font-size:20px;}*/
    /*.fnt_72{ font-size:24px;}*/
    /*.fnt_90{ font-size:30px;}*/
}
@media only screen and (max-width:480px) {
    .fnt_18 { font-size:16px;}
    .fnt_36 { font-size:24px;}
}

.img100{width: 100%;}
/*===============================正文部分 首页===============================*/


/*视频弹窗*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;    width: 100%;}

.video_appbox .video_t{
    z-index:2; background:#000;width: 1035px;max-width:90%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
    transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
    visibility: hidden;opacity: 0;

}
.video_appbox .video_t video{height: auto!important;}
.video_appbox.show .video_t{
    visibility: visible;opacity:1;
    top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close img{color: #fff;;font-weight: bold;width: 30px;}


.phone-show{display: none;}

.crbrey{position: relative;}
.crbrey img,.crbrey video{width: 100%;}
.pub-tit{position: absolute;left: 0;top: 64px;width: 100%;text-align: center;color: #fff;padding: 0;box-sizing: border-box;z-index: 3;}
.pub-tit h2{font-weight: bold;
    width: 1167px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.pub-tit h2 br{display: none;}
.pub-tit h2 em{
    background: linear-gradient(270deg, #89CCFF 28.76%, #AD8DFF 56.91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 300;font-style: normal;
}
.pub-tit p{color: #878787;margin-top: 10px;
    width: 1167px;
    max-width: 80%;
    margin-left: auto!important;
    margin-right: auto!important;
}
.pub-tit1{text-align: center;color: #fff;width: 100%;padding: 0 5%;box-sizing: border-box;}
.pub-tit1 h2{font-family: Foundationbold !important;letter-spacing: 8px;font-weight: bold;}
.pub-tit1 h2 br{display: none;}
.pub-tit1 h3{display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.pub-tit1 h2 span{
    background: linear-gradient(90deg, #0048FF 8.29%, #ADE8FF 89.08%);
    -webkit-background-clip: text;
    color: transparent;

}
.pub-tit1 img{width: auto;height: 45px;margin: 0 10px;}
/* .isp01{margin-top: -80px;} */
.isp01 video{height: 100%!important;object-fit: cover;}
.isp01-sticky-wrap{height: 180vh; position: relative;}
.isp01{height: 100vh; position: sticky; top: 0; overflow: hidden;}
.isp01-zoom-overlay{position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); opacity: 0; z-index: 10; pointer-events: none;}
.isp01-zoom-overlay svg{display: block;}
.isp01 .pub-tit h2 em{font-weight: bold;
    display: block;
    background: linear-gradient(270deg, hsl(256, 7%, 61%) 25.21%, #89CCFF 71.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.isp02-scroll-wrap{height: 160vh; position: relative;}
.isp02{height: 100vh;background: #fff; position: sticky; top: 0; overflow: hidden;}
.isp02-con{width:50%; min-height: 280px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.7); opacity: 0; text-align: center; z-index: 100; border-radius: 24px; padding: 50px 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: transform 1.8s cubic-bezier(.19,1,.22,1), opacity 1.8s cubic-bezier(.19,1,.22,1);}
.isp02-con.on{transform: translate(-50%, -50%) scale(1); opacity: 1;}
.isp02-con p{text-align: center;}
.isp02-con p span{
    background: linear-gradient(90deg, #0048FF 8.29%, #ADE8FF 89.08%);
    -webkit-background-clip: text;
    color: transparent;
}
.isp02-link a{display: flex;justify-content: center;align-items: center;color: #1E1E1E;gap: 10px;margin-top: 30px;}
.isp02-link img{width: 21px;}
.isp02-link span{display: block;width: 33px;height: 33px;background: url(../RJ-img/img04.webp) no-repeat center;background-size: cover;transition: all .5s;}
.rj-could01-top li{
    position: absolute;opacity: 0;transform: scale(0.6);
    box-sizing: border-box;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    backdrop-filter: blur(4.5px);
    will-change: transform, opacity;
    overflow: hidden;
}
.rj-could01-top li img{width: 100%;}
.li01{width: 11.9%;left: 50%;top: 40%;}
.li02{width: 11.35%;left: 50%;top: 40%;}
.li03{width: 7%;left: 50%;top: 40%;}
.li04{width: 21%;left: 50%;top: 40%;}
.li05{width: 14.68%;left: 50%;top: 40%;}
.li06{width: 8.2%;left: 50%;top: 40%;}
.li07{width: 15%;left: 50%;top: 40%;}

.rj-could01-top.on li,.rj-could01-top li.on{opacity: 1;transform: scale(1)}
.rj-could01-top.on .li01,.rj-could01-top .li01.on{left: 25%;top: 12.4%;transition: transform 1s cubic-bezier(.25,.46,.45,.94), opacity 1s cubic-bezier(.25,.46,.45,.94), left 1s cubic-bezier(.25,.46,.45,.94), top 1s cubic-bezier(.25,.46,.45,.94);}
.rj-could01-top.on .li02,.rj-could01-top .li02.on{left: 38.2%;top: 69.1%;transition: transform 1s cubic-bezier(.25,.46,.45,.94) 0.05s, opacity 1s cubic-bezier(.25,.46,.45,.94) 0.05s, left 1s cubic-bezier(.25,.46,.45,.94) 0.05s, top 1s cubic-bezier(.25,.46,.45,.94) 0.05s;}
.rj-could01-top.on .li03,.rj-could01-top .li03.on{left: 48.4%;top: 16.6%;transition: transform 1s cubic-bezier(.25,.46,.45,.94) 0.1s, opacity 1s cubic-bezier(.25,.46,.45,.94) 0.1s, left 1s cubic-bezier(.25,.46,.45,.94) 0.1s, top 1s cubic-bezier(.25,.46,.45,.94) 0.1s;}
.rj-could01-top.on .li04,.rj-could01-top .li04.on{left: 62.7%;top: 62.2%;transition: transform 1s cubic-bezier(.25,.46,.45,.94) 0.15s, opacity 1s cubic-bezier(.25,.46,.45,.94) 0.15s, left 1s cubic-bezier(.25,.46,.45,.94) 0.15s, top 1s cubic-bezier(.25,.46,.45,.94) 0.15s;}
.rj-could01-top.on .li05,.rj-could01-top .li05.on{left: 70.7%;top: 14.4%;transition: transform 1s cubic-bezier(.25,.46,.45,.94) 0.2s, opacity 1s cubic-bezier(.25,.46,.45,.94) 0.2s, left 1s cubic-bezier(.25,.46,.45,.94) 0.2s, top 1s cubic-bezier(.25,.46,.45,.94) 0.2s;}
.rj-could01-top.on .li06,.rj-could01-top .li06.on{left: 13.7%;top: 39.2%;transition: transform 1s cubic-bezier(.25,.46,.45,.94) 0.25s, opacity 1s cubic-bezier(.25,.46,.45,.94) 0.25s, left 1s cubic-bezier(.25,.46,.45,.94) 0.25s, top 1s cubic-bezier(.25,.46,.45,.94) 0.25s;}
.rj-could01-top.on .li07,.rj-could01-top .li07.on{left: 19.7%;top: 74%;transition: transform 1s cubic-bezier(.25,.46,.45,.94) 0.3s, opacity 1s cubic-bezier(.25,.46,.45,.94) 0.3s, left 1s cubic-bezier(.25,.46,.45,.94) 0.3s, top 1s cubic-bezier(.25,.46,.45,.94) 0.3s;}

/* isp03 滚动驱动水平轮播：sticky + 水平滑动（参考webflow #22 horizontal sticky scroll） */
.isp03-scroll-wrap{position: relative;}
.isp03{height: 100vh; position: sticky; top: 0; overflow: hidden;}
.isp03 .isp03-con{width: 100%;}
.isp03-track-wrap{width: 100%; overflow: hidden;}
.isp03-track{display: flex; gap: 40px; will-change: transform; padding: 0 calc(50% - 250px);}
.isp03-card{
    flex-shrink: 0; width: 500px; padding: 0px 40px; box-sizing: border-box;color: #fff;
    transform-origin: center center; will-change: transform, opacity;
}
.isp03-card.active{}
.isp03-card dl{margin: 0;}
.isp03-card dd{margin: 0 0 15px;}
.isp03-card dt p{margin: 10px 0; line-height: 1.6; color: #CCCCCC; margin-bottom: 20px;}
.isp03-card dt p:last-child{margin-bottom: 0;}
.isp03-card dt p span{font-weight: bold; color: #fff;}
.isp03-card dt p i{
    font-weight: bold;
    background: linear-gradient(90deg, #0048FF 8.29%, #ADE8FF 89.08%);
    -webkit-background-clip: text; color: transparent;
}
.isp03-card dt p em{
    font-style: normal; font-weight: bold;
    background: linear-gradient(90deg, #0048FF 8.29%, #ADE8FF 89.08%);
    -webkit-background-clip: text; color: transparent;
}

/* isp04 数据卡片网格：参考 polkadot.com/tech "By the numbers" 网格卡片 */
.isp04{background: url(../RJ-img/img13.webp) no-repeat center;background-size: cover; color: #fff;}
.isp04-con{position: absolute;left: 0;top:9.4%;width: 100%;}
.isp04-tit{text-align: center;font-family:Foundationregular!important;font-weight: 100;}
.isp04-p{text-align: center;margin-top: 40px;font-weight: 400;}
.isp04-center{text-align: center;margin-top: 60px;font-weight: bold;}
.isp04-list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 90px;}
.isp04-card{
    background: #0D0D0D; border: 1px solid #343434;
    border-radius: 12px; padding: 35px 45px; box-sizing: border-box;
    opacity: 0; transform: translateY(20px);
    transition: opacity 0.6s cubic-bezier(.19,1,.22,1), transform 0.6s cubic-bezier(.19,1,.22,1);
}
.isp04-card.on{opacity: 1; transform: translateY(0);}
.isp04-card-top{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 18px;}
.isp04-change{
    font-weight: 500; color: #e5e5e5; line-height: 1;
    opacity: 0; transform: scale(0.8);
    transition: opacity 0.5s cubic-bezier(.19,1,.22,1) 0.1s, transform 0.5s cubic-bezier(.34,1.56,.64,1) 0.1s;
    background: linear-gradient(90deg, #0048FF 8.29%, #ADE8FF 89.08%);
    -webkit-background-clip: text; color: transparent;
    font-family: Foundationbold!important;
    font-weight: bold;
}
.isp04-change em{margin: 0 5px;font-style: normal;letter-spacing: 8px;font-family: Foundationbold!important;}
.isp04-card.on .isp04-change{opacity: 1; transform: scale(1);}
.isp04-sparkline{flex-shrink: 0; width: 80px; height: 32px;}
.isp04-sparkline svg{width: 100%; height: 100%;}
.isp04-sparkline path{
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
}
.isp04-card.on .isp04-sparkline path{
    animation: isp04-draw 2.5s linear 0.1s forwards;
}
.bot_p{position: absolute;left: 0;width: 100%;text-align: center;font-size: 14px;color: #909090;bottom: 10%;}
.isp05{color: #fff;}
.isp05-top{position: absolute;left: 0;top: 17.8%;width: 100%;}
.isp05-top-div{width: 53%;}
.isp05-top span{color: #979797;display: block;margin-top: 8px;}
.isp05-bot{position: absolute;left: 0;bottom: 10%;width: 100%;}
.isp05-bot-div{width:57.7%;float: right;}
.isp05-bot dl{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 36px;}
.isp05-bot dl:last-child{margin-bottom: 0;}
.isp05-bot dt{}
.isp05-bot dt span{color: #979797;}
.isp05-bot dt em{color: #979797;font-style: normal;}
.isp05-bot dd{width: calc(100% - 210px);}
.isp05-bot dd span{
    background: linear-gradient(90deg, #0048FF 8.29%, #ADE8FF 89.08%);
    -webkit-background-clip: text; color: transparent;
}
.isp05{background: #000;}
.isp06-top{position: absolute;left: 0;width: 100%;top: 9%;}
.isp06-top-div{float: right;width: 57.7%;}
.isp06-top h2{color: #fff;margin-bottom: 36px;}
.isp06-top p{color: #979797;margin-bottom: 20px;}
.isp06-top p b{color: #fff;}
.isp06-top p span{
    background: linear-gradient(90deg, #0048FF 8.29%, #ADE8FF 89.08%);
    -webkit-background-clip: text; color: transparent;
}
.isp06-bot{position: absolute;left: 0;width: 100%;bottom: 5%;}
.isp06-bot-tit{margin-bottom: 40px;color: #fff;width: 66%;}
.isp06-bot-tit p{color: #979797;margin-top: 10px;}
.isp06-bot-list ul{display: flex;gap: 20px;}
.isp06-bot-list ul li{flex: 1;}
.isp06-bot-list dl{border: 1px solid #343434;border-radius: 16px;height: 525px;overflow: hidden;padding: 60px 35px;box-sizing: border-box;}
.isp06-bot-list dt img{width: 77px;height: 77px;}
.isp06-bot-list dd{margin-top: 27px;padding-top: 27px;border-top: 1px solid #343434;height: 75%;
    overflow-y: auto;}
.isp06-bot-list h3{color: #fff;margin-bottom: 20px;}
.isp06-bot-text{}
.isp06-bot-list dd .p1{color: #fff;margin-bottom: 5px;}
.isp06-bot-list dd .p2{color: #979797;}
.isp06-bot-list dd .p2 b{color: #fff;}
.isp07{background: #000;}
.isp07-con{position: absolute;left: 0;top: 0;width: 100%;}
.isp07-top{margin-top: 12%;color: #fff;width: 66%;}
.isp07-link{margin-top: 13px;}
.isp07-link a{color: #979797;display: flex;align-items: center;}
.isp07-link a span{
    background: url(../RJ-img/img044.webp) no-repeat center;background-size: cover;transition: all .5s;
    margin-left: 20px;
    width: 33px;height: 33px;
}
.isp07-bot{display: flex;align-items: center;background: #0D0D0D;padding: 28px 43px;box-sizing: border-box;border-radius: 16px;margin-top: 15%;}
.isp07-bot-ll{color: #fff;}
.isp07-bot-ll span{color: #979797;margin-top: 10px;display: block;}
.isp07-bot-rr{width: 418px;background: url(../RJ-img/img17.webp) no-repeat center;height:118px;background-size: cover;
display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 0 31px;box-sizing: border-box;margin-left: 40px;}
.isp07-bot-rr img{width: 66px;}
.isp07-bot-rr img:first-child{margin-right: 44px;}
.isp07-bot-rr a{display: block;width: 66px;border-radius: 100%;}
@keyframes isp04-draw{
    to{stroke-dashoffset: 0;}
}
.isp04-label{color: #979797; margin-bottom: 10px;font-weight: 300;}
.isp04-value{
    color: #fff;font-weight: 300;
}
.isp04-value span{color: #555;}

@media only screen and (min-width:768px) {
    .isp04-list{grid-template-columns: repeat(3, 1fr);}
    .isp04-change{font-size: 36px;}
}


@media only screen and (min-width:1025px) {
    .isp02-link a:hover,.isp07-link a:hover{color: #0055FF;}
    .isp02-link a:hover span,.isp07-link a:hover span{background: url(../RJ-img/img04_on.webp) no-repeat center;background-size: cover;transform: rotate(-45deg);}
    .isp07-bot-rr a:hover{background: #6E7181;border-radius: 100%;}
}
@media only screen and (max-width:1560px) {
    .isp05-top{left: 5%;}
    .isp05-bot{right: 5%;}
    .pub-tit1 img{height: 35px;}
}
@media screen and (max-width: 1440px) {
    .newDetail video {
        mix-blend-mode: inherit;
    }
}
@media only screen and (max-width:1366px) {
    .pub-tit1 img{height: 30px;}
}

@media only screen and (max-width:1024px) {
    .pub-tit{}
    .pub-tit p br{display: none;}
    .pub-tit1 h2{font-size: 24px;}
    .pub-tit1 h3{display: block;font-size: 38px;}
    .pub-tit1 h3 img{display: block;margin: 10px auto;}
    .rj-could01-top li{border-radius: 10px;}
    .li01{width: 20%;}
    .li02{width: 20%;}
    .li03{width: 15%;}
    .li04{width: 30%;}
    .li05{width: 20%;}
    .li06{width: 15%;}
    .li07{width: 20%;}
    .rj-could01-top.on .li01, .rj-could01-top .li01.on{left: 15%;}
    .rj-could01-top.on .li02, .rj-could01-top .li02.on{left: 30.2%;}
    .rj-could01-top.on .li03, .rj-could01-top .li03.on{left: 42.4%;}
    .rj-could01-top.on .li04, .rj-could01-top .li04.on{top: 66.2%;}
    .rj-could01-top.on .li07, .rj-could01-top .li07.on{left: 5%;}
    .rj-could01-top.on .li06, .rj-could01-top .li06.on{left: 7.5%;}
    .isp03{height: auto!important;}
    .isp03-scroll-wrap .pc-show{display: none;}
    .isp03 .isp03-con{position: static;transform: none;}
    .isp03-track{display: block;padding: 80px;}
    .isp04 .pc-show{display: none;}
    .isp04-con{position: static;padding: 100px 0;}
    .isp04-list{display: block;}
    .isp04-card{margin-bottom: 16px;}
    .isp05{padding: 64px 0;}
    .isp05 .pub-tit{position: static;}
    .isp05 .pc-show{display: none;width: 100%;}
    .isp05 .phone-show{display: block;}
    .isp05-top,.isp05-bot{position: static;overflow: hidden;}
    .isp05-top{margin-top: 36px;}
    .isp05-top-div,.isp05-bot-div{width: 100%;}
    .isp06{padding: 64px 0;}
    .isp06-top,.isp06-bot{position: static;overflow: hidden;}
    .isp06-top{padding-bottom: 64px;}
    .isp06-top-div{width: 100%;}
    .isp06-top h2{text-align: center;}
    .isp06 .pc-show{display: none;}
    .isp06 .phone-show{display: block;}
    .isp06-bot-tit{width: 100%;}
    .isp06-bot{padding-top: 64px;}
    .isp06-bot-list ul{display: block;}
    .isp06-bot-list ul li{width: 100%;}
    .isp06-bot-list dl{height: auto;margin-bottom: 16px;}
    .isp06-bot-list dd{height: auto;}
    .isp06-bot-text{height: auto;}
    .isp07{padding: 64px 0;}
    .isp07-con{position: static;}
    .isp07 .pc-show{display: none;}
    .isp07-top{margin-top: 0;}
    .isp07-bot{display: block;}
    .isp07-bot-rr{margin-top: 36px;margin-left: auto;margin-right: auto;}
}
@media screen and (max-width: 990px) {
    .header_empty {
        height: 60px!important;
    }
}
@media only screen and (max-width:767px) {
    .pc-show{display:none!important;}
    .phone-show{display:block!important;}
    .vide0_close i{font-size: 24px;}
    .pub-tit{padding: 0 20px;}
    .pub-tit h2{font-size: 34px;}
    .pub-tit h2,.pub-tit p{width: 100%;max-width: 100%;}
    .pub-tit h2 br{display: block;}
    .pub-tit p{font-size: 14px;}
    
    .pub-tit1 h2{font-size: 20px;line-height: 1.6;letter-spacing: 5px;}
    .pub-tit1 h2 br{display: none;}
    .pub-tit1 h3{font-size: 30px;}
    .pub-tit1 img{height: 28px;}

    .isp02-scroll-wrap{height: auto;}
    .isp02{padding: 64px 20px;height: auto;}
    .isp02-con{position: static;transform: none!important;width: 100%;padding: 0;min-height: auto;opacity: 1;}
    
    .rj-could01-top.on .li01, .rj-could01-top .li01.on{left: 108px;top: 26.4%;}
    .rj-could01-top ul{position: relative;}
    .rj-could01-top li{opacity: 1;transform: scale(1);
        position: static;
        margin-top: 30px;
        width: 100%;
        box-shadow: none;
        overflow: inherit;
        display: table;
        backdrop-filter: none;
    }
    .li03{margin-top: -40px!important;}
    .rj-could01-top li img{
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
    }
    .li01 img{width: 267px!important;right: 30px;top: 30px;left: auto;float: right;margin-right: 30px;} 
    .li02 img{width: 218px!important;right: 0px;top: 320px;left: auto;float: right;}
    .li03 img{width: 102px!important;left:0px;top: 420px;}
    .li04 img{width: 100%;left:0;top: 545px;}
    .isp02-con p{font-size: 18px;}
    .isp02-link{font-size: 16px;}
    .isp03-card dd p{font-size: 24px;}
    .isp04-tit{font-size: 44px;}
    .isp04-p{font-weight: 400;}
    .li05 img{width: 247px!important;left:0;top: 695px;}
    .li06 img{width: 128px!important;top: 890px;left: 45%;margin-right: 60px;float: right;}
    .li07 img{width: 288px!important;top: 1045px;right: 0;left: auto;float: right;}

    .isp03-track{padding: 64px 20px;box-sizing: border-box;}
    .isp03-card{width: 100%;padding: 0;margin-bottom: 36px;}
    .isp03-card:last-child{margin-bottom: 0;}
    .isp04-con{padding: 64px 0;}
    .isp04-p,.isp04-center{margin-top: 44px;}
    .isp04-list{margin-top: 63px;}
    .isp04-card{padding: 35px 17px;}
    .bot_p{position: static;}
    .isp05-top-div p{font-size: 20px;}
    .isp05-top span{font-size: 16px;}
    .isp05-bot dt{width: 104px;}
    .isp05-bot dt span,.isp05-bot dt em{font-size: 14px;}
    .isp05-bot dt p{font-size: 20px;}
    .isp05-bot dd{width: calc(100% - 124px);}
    .isp06-top h2{font-size: 30px;}
    .isp06-top p{font-size: 18px;}
    .isp06-bot-tit h2{font-size: 30px;text-align: center;}
    .isp06-bot-tit p{font-size: 16px;}
    .isp06-bot-list dl{padding: 24px 17px;}
    .isp06-bot-list dt img{width: 57px;height: 57px;}
    .isp06-bot-list dd{margin-top: 24px;padding-top: 24px;}
    .isp06-bot-list h3{font-size: 20px;}
    .isp07-top{width: 100%;}
    .isp07-top p{font-size: 24px;}
    .isp07-link{font-size: 16px;}
    .isp07-bot{padding: 24px 17px;margin-top: 128px;}
    .isp07-bot-rr{width: 265px;height: 76px;gap: 12px;padding: 16px;    background: url(../RJ-img/img17-p.webp) no-repeat center;background-size: cover;}
    .isp07-bot-rr img,.isp07-bot-rr a{width: 44px;}
    .isp07-bot-rr img:first-child{margin-right: 20px;}

    .isp06 .wrap{
        padding-left: 0;
        padding-right: 0;
    }
    .isp06-top h2,.isp06-top p{padding: 0 20px;box-sizing: border-box;}
    .isp06-bot{padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
}

@media only screen and (max-width:480px) {
    .wrap {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

}




/* 黑色背景 */
body{background: #000!important;}
.newDetail{width: 100%!important;}


body{background: #000!important;}
.btnfr{background: #fff;}
.party_box h3{color: #fff;}
.li04 dt p{color: #fff;}
.newDetail video{height: auto;}
.table_p{text-align: right;color: rgba(125, 125, 125, 1)!important;margin-top: 40px;}
.table_p a{margin-left: 25px;color: #fff;text-decoration: underline;font-weight: bold;}
@media only screen and (min-width:1025px) {
    .table_p a:hover{color: rgba(0, 220, 165, 1) !important;}
}
@media only screen and (max-width:1024px) {
    .table_p{text-align: left;margin-top: 30px;}
    .table_p a{display: block;margin-left: 0;margin-right: 20px;margin-top: 10px;}
}
.newDetail {
    width: 100%;
}

.n-detail-head,
.n-detail-item {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.n-detail-item,
.n-detail-head,
.n-nav,
.n-detail-item .com-product-QA-main .advisory-list .advisory-tip {
    background-color: #000;
}

.n-specification-table-row:nth-child(odd) .n-specification-table-head,
.n-specification-table-row:nth-child(odd) .n-specification-table-cell {
    background: #1a1a1a;
}

.n-nav {
    border-bottom: none;
}

.n-detail-btns .n-detail-btn.whiteBtn {
    border-color: #00DCA5;
    color: #00DCA5;
}

.n-detail-btns .n-detail-btn.whiteBtn:hover {
    background-color: rgba(0, 220, 165, .15);
}

.n-detail-btns .n-detail-btn.redBtn {
    border-color: transparent;
    background-color: #00dca5;
    color: #000000;
}

.n-detail-btns .n-detail-btn.redBtn:hover {
    background-color: #00BA8C;
}

.n-detail-head {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
#Comparison .n-head-type {
    text-align: center;
}

.n-detail-head .n-detail-info h1,
.n-detail-head .n-detail-info p,
.n-detail-info-title,
.n-nav ul li,
.n-nav .n-nav-active,
.n-detail-resource-head,
.com-product-QA-main,
.n-toggle-btn,
.advisory-list .advisory-item .item-question,
.advisory-list .advisory-item .item-answer,
.advisory-list .advisory-item .item-question:after,
.advisory-list .advisory-item .item-answer:after,
.n-detail-model strong,
#Comparison .n-head-type,
.n-specification-table-row:nth-child(odd) .n-specification-table-cell,
.n-specification-table-head,
.n-specification-table-cell,
#Comparison .n-params-compare .n-params-name-col .bodyDiv {
    color: #FFF;
    justify-content: start;
    text-align: left;
}
#Comparison .n-head-type{
    text-align: center;
}

.n-specification-table-row:nth-child(odd) .n-specification-table-cell,
.n-specification-table-cell {
    color: #f9f9f9;
}

#Comparison .n-params-compare .bodyDiv {
    color: rgb(185, 185, 185);
    justify-content: center;
    height: 150px;
}
.air_06 .fl .air06_l_c p.p1{
    font-size: 70px;
}

.n-detail-model.n-detail-model-active {
    border-color: #00dca5;
}

.n-detail-model.n-detail-model-active strong {
    color: #00dca5;
}

.n-detail-item .com-product-QA-main .advisory-list .advisory-tip .red {
    color: #FFF;
}

.n-nav .n-detail-btn {
    background: #00dca5;
    color: #292929;
}

.n-nav ul li::after {
    background-color: #00dca5;
}

.n-nav ul li:hover {
    color: #FFF;
}

.n-detail-item-title {
    color: #FFF;
    font-size: 28px;
    padding: 24px 0;
}

#previewSwiper .swiper-slide {
    justify-content: center!important;
}

.n-toggle::after,
#satisfaction {
    display: none;
}

.n-thumb-preview img {
    border-radius: 4px;
}

#thumbPreviewSwiper .swiper-slide {
    border: 1px solid transparent;
}

#thumbPreviewSwiper .swiper-slide-thumb-active {
    border: 1px solid #F6F6F6;
}

.n-detail-page-content p {
    margin-left: 0;
    margin-right: 0;
    /*color: #86868B;*/
    transition: all .5s;

}
.n-detail-page-content p.p2{
    /*will-change: transform;*/
}
.n-detail-page-content p.party_10-tips,.n-detail-page-content p.gary{
    color: #7D7D7D;
}
.party_07-list h3{color: #fff;}
.party_07-list p{color: #7D7D7D;}
.table_01 tbody td p{color: #fff;}
.com-content {
    max-width: 1400px;
}

.n-detail-item .com-product-QA-main .advisory-list .advisory-tip {
    background-color: #1a1a1a;
}

.ws-product-detail-bcb ul li:last-child a {
    color: #999999;
}

.n-detail-btn.redBtn:hover {
    background: #00BA8C;
    color: #000!important;
}

.n-detail-item .advisory-list .item-evaluate:after {
    background-image: url(https://singapore-1312056779.cos.accelerate.myqcloud.com/site_style/productCenter/reyeeProductDetail/RJ-img/praise2.svg);
}

.n-detail-item .advisory-list .item-evaluate.evaluate-on:after {
    background-image: url(https://singapore-1312056779.cos.accelerate.myqcloud.com/site_style/productCenter/reyeeProductDetail/RJ-img/praise2.svg);
}

.n-detail-item .advisory-list .item-evaluate.evaluate-on {
    color: #00dca5;
}

.advisory-list .advisory-item {
    border-color: rgb(51, 51, 51);
}

#FAQ .n-detail-item-title {
    justify-content: space-between;
}

.n-detail-item-title a {
    display: block;
    color: #00dca5;
}

.n-detail-item-title a:hover {
    color: #00dca5;
}

.n-detail-models {
    justify-content: start;
    gap: 12px;
    margin-top: 7px;
}

.n-detail-model {
    margin-top: 0;
}

.swiper-button-next,
.swiper-button-prev {
    background-repeat: no-repeat;
}

#Comparison,
#specificationSection.n-detail-item {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.params-swiper-button-next.swiper-button-disabled,
.params-swiper-button-prev.swiper-button-disabled {
    display: none;
}

.n-params-compare .bodyDiv,
.n-head-type {
    border-color: #7d7d7d;
}

.n-nav .-detail-btn {
    flex-shrink: 0;
}

#specifications .n-detail-item-title,
.n-detail-item:first-child .n-detail-item-title {
    justify-content: center;
}

.n-nav+.n-detail-item,
#specificationSection+.n-detail-item {
    width: 100%;
}

.n-nav+.n-detail-item .n-detail-item-title,
#specificationSection+.n-detail-item .n-detail-item-title {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.n-nav {
    padding: 0 calc((100% - 1400px)/2);
}

.n-detail-item .com-product-QA-main .advisory-list .advisory-item .item-answer,
.n-detail-item .com-product-QA-main .advisory-list .advisory-item .item-answer:after {
    font-weight: 400;
    color: #B9B9B9;
}

#specificationSection.n-detail-item .n-detail-item-title {
    justify-content: space-between;
    border-bottom: 1px solid rgba(213, 213, 213, 0.50);
}

.selected-line {
    background: #00DCA5;
}

.selected-product {
    background-color: #1a1a1a;
}
.n-note-desc{
    font-size:16px;
    color: #7D7D7D;
    line-height: 1.5;
}

@media screen and (max-width:1920px) {
    .newDetail {
        width: 100%;
    }
    .com-product-info-choose-btn,
    .com-product-info-series-btn {
        width: 100%;
    }
    .n-nav-show {
        color: #FFF;
    }
    .n-detail-item {
        width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
    .n-detail-item#newModel {
        width: 100%;
    }
    .n-nav {
        padding: 0 calc((100% - 1400px)/2);
    }
}
@media screen and (max-width:1480px) {
    .n-detail-item,
    .n-detail-head,
    #specificationSection.n-detail-item {
        width: 100%;
        max-width: 90%;
    }
    .n-detail-head {
        padding: 0 5%;
    }
    .n-detail-model {
        width: 244px;
    }
    .n-nav {
        padding: 0 calc((100% - 90%)/2);
    }
    .n-nav+.n-detail-item .n-detail-item-title,
    #specificationSection+.n-detail-item .n-detail-item-title {
        max-width: 90%;
    }
    #Comparison {
        padding: 0 calc((100% - 90%)/2);
    }
    .n-specification-table {
        padding: 0 24px 36px 24px;
    }
    .n-specification-table-data {
        width: 50%;
    }
    .n-detail-item-title {
        font-size: 24px;
    }
    .n-nav+.n-detail-item,
    #specificationSection+.n-detail-item {
        padding: 0;
        max-width: unset;
    }
    #specificationSection.n-detail-item .n-detail-item-title {
        max-width: 100%;
    }
    #specificationSection.n-detail-item {
        padding: 0 48px;
    }
    .n-detail-item video {
        mix-blend-mode: unset!important;
    }
}

@media screen and (max-width:1400px) {
    #Comparison {
        width: 100%;
    }
}

@media screen and (max-width:1280px) {
    .n-detail-item-title {
        font-size: 20px;
    }
    .n-detail-item,
    .n-detail-head,
    #Comparison,
    #specificationSection.n-detail-item {
        width: 100%;
    }
    .n-detail-head,
    .n-detail-item {
        padding: 0 48px;
        box-sizing: border-box;
    }
    .n-detail-model {
        width: 324px;
    }
    .n-specification-table {
        padding: 0 0 24px 0;
    }
    .n-detail-item,
    .n-detail-head,
    #specificationSection.n-detail-item {
        max-width: unset;
    }
}

@media screen and (max-width:1200px) {
    .n-detail-model {
        width: 222px;
    }
    .n-nav {
        padding: 0 48px;
    }
}

@media screen and (max-width:1040px) {
    .n-specification-table-data {
        width: 100%;
    }
    .n-specification-table-data:first-child .n-specification-table-head,
    .n-specification-table-data:first-child .n-specification-table-cell {
        background-color: #1a1a1a!important;
    }
    .n-specification-table-row:nth-child(odd) .n-specification-table-head,
    .n-specification-table-row:nth-child(odd) .n-specification-table-cell {
        background: unset;
    }
    .n-detail-page-content p.p1{display: none;}
    .n-detail-page-content p.p2{display: block;}
}

@media screen and (max-width:900px) {
    .n-detail-model {
        width: 100%;
    }
    .compare-content table thead tr th,
    table.dataTable tbody tr {
        background-color: #000!important;
    }
    .compare-content table td {
        color: rgb(185, 185, 185);
    }
    .compare-content table th {
        color: #FFF;
    }
    .n-nav ul {
        background-color: #000;
    }
    .n-nav {
        padding: 0 20px;
    }
    .compare-content table th {
        font-size: 16px;
    }
    .compare-content table td {
        font-size: 14px;
    }
}

.n-detail-resource ul li a:hover {
    color: #00DCA5;
}

.n-detail-resource ul li a::after {
    background-image: url(https://singapore-1312056779.cos.accelerate.myqcloud.com/site_style/productCenter/reyeeProductDetail/RJ-img/link2.svg);
}
.table_01 table td{border: 0;border-bottom: 0.5px solid #000;}
@media screen and (max-width: 390px){
    .n-image-preview{width: 90%;}
    .n-detail-head, .n-detail-item{padding: 0;}
    .preview-container, .modelContainer, .videoPlayer{width: 100%;}
}

.swiper-container-pointer-events.swiper-container-vertical{touch-action: inherit;}
.swiper-container-pointer-events{touch-action: inherit;}

@media only screen and (max-width:1024px) {
}