html {
    font-size: calc((100vw / 1920))!important;
    overflow-x: hidden;
}
.crbrey-con li{list-style: none!important;}
.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;}
@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_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_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_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_18 { font-size:16px;}
    .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_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:44px;}
    .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_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_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;}

.pub-tit{position: absolute;left: 0;top: 5%;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 em{
    background: linear-gradient(270deg, #89CCFF 28.76%, #AD8DFF 56.91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
}
.pub-tit p{color: #B1B1B1;margin-top: 10px;
    width: 1167px;
    max-width: 80%;
    margin-left: auto!important;
    margin-right: auto!important;
}
.crbrey>img,.crbrey>video{width: 100%;}
.tips{position: absolute;width: 1044px;left: 50%;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);color: #B1B1B1;bottom: 64px;word-break: break-word;text-align: center;}
.cr510xs-03{background: #000;padding: 64px 0;box-sizing: border-box;}
.cr510xs-03 .pub-tit{position: static;}
.cr510xs-03-con{margin-top: 54px;position: relative;}
.cr510xs-03-nav-all{position: absolute;width: 400rem;height: 100%;display: flex;align-items: center;left: 48rem;top: 0;z-index: 3;
    contain: layout style paint;}
.cr510xs-03-nav{display: flex;align-items: flex-start;gap: 16px;flex: 0 0 100%;width: 400rem;}
.cr510xs-03-arrows{display: flex;flex-direction: column;align-items: center;gap: 12px;padding-top: 8px;display: none;}
.cr510xs-03-arrow{width: 32px;height: 32px;border-radius: 50%;border: 1px solid rgba(255,255,255,.25);background: rgba(255,255,255,.05);color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: .3s;}
.cr510xs-03-arrow:hover{background: rgba(255,255,255,.15);border-color: rgba(255,255,255,.45);}
.cr510xs-03-arrow svg{width: 16px;height: 16px;}
.cr510xs-03-menu{flex: 1;display: flex;flex-direction: column;gap: 24rem;}
.cr510xs-03-item{position: relative;border-radius: 36px;padding: 0;overflow: hidden;transition: background .3s, border-color .3s;cursor: pointer;}
/*.cr510xs-03-item:hover{background: rgba(255,255,255,.1);}*/
.cr510xs-03-item.active .cr510xs-03-item-div{background: #000;padding-right: 30rem;}
.cr510xs-03-item.active .cr510xs-03-title{background: linear-gradient(270deg, #89CCFF 28.76%, #AD8DFF 56.91%);-webkit-background-clip: text;
    background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.cr510xs-03-item-div{display: inline-block;transition: all .5s;border-radius: 36px;}
.cr510xs-03-item-hd{display: inline-flex;align-items: center;gap: 12rem;padding: 14rem 16rem;background: #000;border-radius: 36rem;transition: all .3s;}
.cr510xs-03-item-hd:hover{background: rgba(255,255,255,.1);}
.cr510xs-03-icon{width: 32rem;height: 32rem;flex: 0 0 32rem;display: flex;align-items: center;justify-content: center;}
.cr510xs-03-icon img{width: 100%;}
.cr510xs-03-title{flex: 1;font-size: 20rem;font-weight: bold;color: #fff;line-height: 1.35;}
.cr510xs-03-toggle{width: 18px;height: 18px;flex: 0 0 18px;position: relative;transition: all .3s;}
.cr510xs-03-toggle::before,.cr510xs-03-toggle::after{content: '';position: absolute;background: #fff;transition: all .3s;}
.cr510xs-03-toggle::before{left: 50%;top: 2px;bottom: 2px;width: 2px;margin-left: -1px;}
.cr510xs-03-toggle::after{top: 50%;left: 2px;right: 2px;height: 2px;margin-top: -1px;}
.cr510xs-03-item.active .cr510xs-03-toggle{transform: rotate(45deg);}
.cr510xs-03-item.active .cr510xs-03-item-hd{background: none;padding-bottom: 5px;}
.cr510xs-03-item-bd{max-height: 0;overflow: hidden;/*transition: all .45s ease;*/transition: all 1.5s;position: absolute;}
.cr510xs-03-item.active .cr510xs-03-item-bd{max-height: 200px;width: 100%;position: static;}
.cr510xs-03-item-bd p{padding: 0 16rem 16rem 60rem;margin: 0;color: #B1B1B1;font-size: 16rem;line-height: 1.6;}
.cr510xs-03-media{position: relative;flex: 1;border-radius: 20px;overflow: hidden;
width: 100%;height: 100%;}
.cr510xs-03-images{position: relative;height: 100%;width: 100%;}
.cr510xs-03-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;pointer-events: none;transition: opacity .45s ease;}
.cr510xs-03-img img{width: 100%;height: 100%;object-fit: contain;}
.cr510xs-03-img.active{opacity: 1;}

.cr510xs-03-info{display: none;}
.cr510xs-03-info.active{display: block;}
.cr510xs-03-mobile{display: none;}
.media-txt{position: absolute;background: #000;border-radius: 16px;box-sizing: border-box;z-index: 4;}
.media-txt01{padding: 30px 45px;right: 90rem;bottom: 70rem;width: 340px;}
.media-txt01 p{
    background: linear-gradient(270deg, #AD8DFF 28.76%, #89CCFF 56.91%);-webkit-background-clip: text;
    background-clip: text;-webkit-text-fill-color: transparent;color: transparent;
}
.media-txt01 p em{font-style: normal;}
.media-txt02{
    right: 180rem;
    bottom: 130rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);gap: 10px;color: #fff;padding: 18px 20px;
}
.media-txt02 p{display: flex;align-items: center;}
.media-txt02 p .num{width: 28px;height: 25px;background: url(../RJ-img/tips.webp) no-repeat center;background-size: cover;display: flex;align-items: center;justify-content: center;
margin-right: 10px;color: #89CCFF;}
.media-txt03{
    right: 180rem;
    bottom: 61%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);gap: 10px;color: #fff;padding: 18px 20px;
    width: 660px;
}
.media-txt03 p{display: flex;align-items: center;}
.media-txt03 p .num{width: 28px;height: 25px;background: url(../RJ-img/tips.webp) no-repeat center;background-size: cover;display: flex;align-items: center;justify-content: center;
    margin-right: 10px;color: #89CCFF;}
.media-txt03-p{width: calc(100% - 40rem);}
.media-txt03-p b{font-weight: inherit;background: linear-gradient(270deg, #AD8DFF 28.76%, #89CCFF 56.91%);-webkit-background-clip: text;
    background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
@media (max-width: 1200px){
.cr510xs-03-con{flex-direction: column;align-items: stretch;}
.cr510xs-03-nav{max-width: 100%;}
.cr510xs-03-media{min-height: 420px;}
}
@media (max-width: 768px){
.cr510xs-03-con{gap: 28px;margin-top: 36px;}
.cr510xs-03-nav{gap: 10px;}
.cr510xs-03-arrow{width: 28px;height: 28px;}
.cr510xs-03-arrow svg{width: 14px;height: 14px;}
.cr510xs-03-title{font-size: 14px;}
.cr510xs-03-item-hd{padding: 12px 14px;}
.cr510xs-03-item-bd p{padding-left: 54px;}
.cr510xs-03-media{min-height: 320px;}
.cr510xs-03-info{left: 16px;bottom: 16px;right: 16px;padding: 12px 16px;}
}
@media (max-width: 1024px){
    .cr510xs-03 .wrap{max-width: 100%;width: 100%;padding-left: 0;padding-right: 0;}
    .cr510xs-03-con{padding: 0;box-sizing: border-box;}
    .cr510xs-03-nav-all{display: none !important;}
    .cr510xs-03-media{position: relative;width: 100%;border-radius: 16px;margin-bottom: 24px;min-height: 0;}
    .cr510xs-03-images{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .cr510xs-03-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .cr510xs-03-info{display: none !important;}
    .cr510xs-03-mobile{display: block;position: absolute;bottom: 40px;width: 100%;padding: 0 25px;box-sizing: border-box;}
    /*.cr510xs-03-mobile-info{background: #000;border-radius: 16px;padding: 16px;margin-bottom: 16px;}*/
    .cr510xs-03-mobile-info .media-txt{position: static;left: auto;right: auto;bottom: auto;width: auto;display: block;padding: 16px;}
    .cr510xs-03-mobile-info .media-txt02,
    .cr510xs-03-mobile-info .media-txt03{display: grid;gap: 5px;}
    .cr510xs-03-mobile-info p{margin: 0;color: #B1B1B1;font-size: 14px;line-height: 1.6;}

    .cr510xs-03-mobile-card{background: #000;border-radius: 16px;padding: 18px 20px;position: relative;margin: 0 20px;}
    .cr510xs-03-mobile-card-div{display: flex;align-items: flex-start;height: auto;}
    .cr510xs-03-mobile-icon{width: 40px;height: 40px;margin-right: 8px;}
    .cr510xs-03-mobile-icon img{width: 100%;height: 100%;object-fit: contain;display: block;}
    .cr510xs-03-mobile-title{font-size: 16px;font-weight: 700;margin-bottom: 5px;
        background: linear-gradient(270deg, #AD8DFF 28.76%, #89CCFF 56.91%);-webkit-background-clip: text;
        background-clip: text;-webkit-text-fill-color: transparent;color: transparent;
    }
    .cr510xs-03-mobile-desc{font-size: 14px;color: #B4B4B4;}
    .cr510xs-03-mobile-arrows{position: absolute;top: 50%;left: -50px;right: -50px;transform: translateY(-50%);display: flex;justify-content: space-between;pointer-events: none;}
    .cr510xs-03-mobile-arrow{pointer-events: auto;width: 41px;height: 57px;background: #000;color: #A5A5A5;font-weight: bold;
        font-size: 24px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: .3s;border: 0;}

    .cr510xs-03-mobile-arrow svg{width: 30px;height: 40px;}
    .cr510xs-03-mobile-arrow.cr510xs-03-mobile-prev{left: 0;border-bottom-right-radius: 30px;border-top-right-radius: 30px;}
    .cr510xs-03-mobile-arrow.cr510xs-03-mobile-next{right: 0;border-bottom-left-radius: 30px;border-top-left-radius: 30px;}
    .cr510xs-03-mobile-dots{display: flex;justify-content: center;align-items: center;gap: 12px;position: absolute;
        width: 100%;
        left: 0;
        bottom: -62px;}
    .cr510xs-03-mobile-dot{width: 10px;height: 10px;border-radius: 50%;background: none;cursor: pointer;transition: background .3s;border: 1px solid #A5A5A5;box-sizing: border-box;}
    .cr510xs-03-mobile-dot.active{background: #A5A5A5;border-color: #A5A5A5;}
    .cr510xs-03-con.on .cr510xs-03-mobile-info {position: absolute;top: -830px;
        transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);left: 50%;width: calc(100% - 60px);
    }
    .cr510xs-03-mobile-div{height: auto;}
}
.cr510xs-04{background: #fff;padding: 64px 0;box-sizing: border-box;}
.cr510xs-04 .pub-tit{position: static;color: #1e1e1e;}
.pon08-con{margin-top: 54px;}
.cr510xs-04 ul{display: grid;grid-template-columns: repeat(5, 1fr);gap: 24px 12px;}
.cr510xs-04 li dd img{width: 100%;}
.cr510xs-04 li dt{color: #373737;margin-top: 10px;word-break: break-word;}
.cr510xs-05{background: #fff;margin-top: -1px;}
.cr510xs-05 .pub-tit{color: #1E1E1E;}
.cr510xs-05-list{position: absolute;
    transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);
    top: 13%;left: 50%;
}
.cr510xs-05-list ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px 100px;}
.cr510xs-05-list ul li{position: relative;display: flex;align-items: center;}
.cr510xs-05-list ul li:before{content: "";display: block;width: 6px;height: 6px;background: #AD8DFF;margin-right: 8px;}

.Network-list{margin-top: 64px;}
.Network-list ul{margin-left: -12px;margin-right: -12px;margin-bottom: 24px;}
.Network-list li{float: left;width: 25%;padding: 0 12px;box-sizing: border-box;cursor: pointer;transition: all .5s;}
.Network-list li dl{height: 280px;border-radius: 12px;border: 1px solid #5C5C5C;box-sizing: border-box;color: #fff;overflow: hidden;}
.Network-list dd{height: 100%;position: relative;}
.Network-list .dd-t{padding: 0 24px;box-sizing: border-box;position: absolute;width: 100%;display: flex;align-items: center;top: 24px;justify-content: space-between;}
.Network-list .dd-t img{height: 51px;width: auto;}
.Network-list .dd-b{position: absolute;bottom: 24px;padding: 0 24px;box-sizing: border-box;width: 195px;}
.Network-list dt{position: relative;overflow: hidden;opacity: 0;width: calc(100% + 2px);height: calc(100% + 2px);margin-top: -1px;margin-left: -1px;}
.Network-list li dt:after{content: "";display: block;width: 400rem;height: 100%;
    /*background: url(../RJ-img/bg.png) no-repeat center;background-size: cover;background-size: 100% 100%;*/
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    z-index: 0;
    position: absolute;left: 0;top: 0;}
.Network-list li dt:before{content: "";display: block;width: 100%;height: 50%;
    /*background: url(../RJ-img/bg.png) no-repeat center;background-size: cover;background-size: 100% 100%;*/
    background: linear-gradient(to top, rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);
    z-index: 0;
    position: absolute;left: 0;bottom: 0;}
.Network-list dt video{width: auto;height: 100%;}
/*.Network-list li dt em{*/
/*display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;*/
/*background: url(../RJ-img/bgall.png) no-repeat center;background-size: cover;z-index: 0;*/
/*}*/
.dt-text{width: 48.2%;position: absolute;left: 24px;bottom: 24px;z-index: 3;max-height: calc(100% - 48px);width: 400px;opacity: 0;}
.dt-text p{width: 350rem;}
.dt-text span{display: block;color: #BFBFBF;font-weight: 300;margin-top: 8px;width: 350rem;}
.dt-text span b{color: #fff;}
.Network-list li.on{width: 50%;}
.Network-list li.on dd{display: none;}
.Network-list li.on dt{width: 100%;height: 100%;display: flex;align-items:center;opacity: 1;}
.Network-list li.on dt img{width: 100%;}
.Network-list li.active .dt-text{animation: fadeInUp 3s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards; transition: all 5s;opacity: 1;}
.Network-list li.onn{width: 16.666%;}


.pon08-con-tips{font-size: 15px;margin-top: 48px;color: #8D8D8D;font-style: oblique;}
@media screen and (min-width: 1024px) {
    /* .crbrey01{height: 100vh;} */
    /*.crbrey01{margin-top: -116px;}*/
}
@media screen and (max-width: 1661px) {

}
@media screen and (max-width: 1440px) {
    .newDetail video {
        mix-blend-mode: inherit;
    }

}

@media only screen and (max-width:1366px) {
    .media-txt02{right: 100rem;}
    .media-txt03{right: 90rem;}
}
@media only screen and (max-width:1281px) {

}

@media only screen and (max-width:1024px) {
    .pub-tit{}
    .pub-tit p br{display: none;}

    .Network-list ul{margin-bottom: 0;}
    .Network-list li{width: 100%!important;margin-bottom: 10px;}
    .Network-list .pc-show{display: none;}
    .Network-list .phone-show{display: block;}
    .Network-list li dl{height: auto;}
    .Network-list dd{display: block!important;height: auto;}
    .Network-list dt,.Network-list li.on dt{opacity: 1;display: none;height: auto;background: none !important;padding-bottom: 20px;}
    .Network-list dt img{width: 100%;}

    .tips{width: 100%;padding: 0 30px;box-sizing: border-box;}
    .crbrey.cr510xs-03 .wrap{max-width: 100%;width: 100%;}
    .cr510xs-05-list{top: 15%;display: flex;
        justify-content: center;}
    .cr510xs-05-list ul{gap: 10px 20px;}
    .cr510xs-03-img img.pc-show{display: none;}
    .cr510xs-03-img img.phone-show{display: block;}
    .cr510xs-03-mobile-info{margin-bottom: 15px;}
    .pon08-con-tips{font-size: 14px;}
}
@media screen and (max-width: 990px) {
    .header_empty {
        height: 60px!important;
    }
    .btnfr {
        margin-top: 0!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, .pub-tit p {
        width: 100%;
        max-width: 100%;
    }

    .pub-tit h2 br {
        display: block;
    }

    .pub-tit p {
        font-size: 14px;
    }

    /* .crbrey01,.crbrey03{padding-top: 32px;} */
    .Network-list {
        margin-top: 36px;
    }

    .cr510xs-01, .cr510xs-02 {
        background: #000;
        padding: 64px 0 0;
    }

    .cr510xs-01 .pub-tit, .cr510xs-02 .pub-tit {
        position: static;
        margin-bottom: 12px;
    }

    .cr510xs-01 {
        padding-bottom: 0;
    }

    .tips {
        position: static;
        padding: 0 20px;
        transform: none;
        font-size: 14px;
    }

    .pon08-con {
        overflow: hidden;
        margin-top: 24px;
    }

    .cr510xs-04 .wrap {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }

    .cr510xs-04 ul {
        display: grid;
        padding: 0 24px 16px 24px;
        grid-template-columns: repeat(2, calc(50vw - 36px));
        grid-template-rows: repeat(2, auto);
        grid-auto-columns: calc(50vw - 36px);
        grid-auto-flow: column;
        gap: 16px 8px;
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        margin: 0;
    }

    .cr510xs-04 li {
        /* scroll-snap-align: start; */
    }

    .cr510xs-05 {
        background: #fff;
    }

    .cr510xs-05 .pub-tit {
        position: static;
        margin-bottom: 12px;
    }

    .cr510xs-05-list {
        position: static;
        transform: none;
        padding: 0 20px;
    }

    .cr510xs-05-list ul {
        gap: 20px;
    }
    .cr510xs-03-mobile{bottom: 30px;}
    .cr510xs-03-mobile-info .media-txt02{grid-template-columns: repeat(1, 1fr);}
    /*.cr510xs-03-mobile-info p{font-size: 12px;}*/
    /*.cr510xs-03-mobile-title{font-size: 14px;}*/
    /*.cr510xs-03-mobile-desc{font-size: 12px;}*/
    .cr510xs-03-mobile-icon{width: 27px;height: 27px;}
    .cr510xs-03-mobile-div{width: calc(100% - 35px);}
    .cr510xs-03-mobile-info{margin-bottom: 15px;}
    .cr510xs-03-mobile-info .media-txt{padding: 8px 12px;}
    .cr510xs-03-mobile-card{padding: 16px;}
    .media-txt02 p .num{width: 20px;height: 18px;}

    .cr510xs-03-con.on .cr510xs-03-mobile-info{top: -390px;}
    .pon08-con-tips{padding: 0 20px;box-sizing: border-box;overflow: hidden;margin-top: 40px;}
}

@media only screen and (max-width:480px) {
    .wrap {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .cr510xs-03-con.on .cr510xs-03-mobile-info{top: -380px;}

}
@media only screen and (max-width:425px) {
    .cr510xs-03-con.on .cr510xs-03-mobile-info{top: -345px;}
}
@media only screen and (max-width:400px) {
    .cr510xs-03-con.on .cr510xs-03-mobile-info{top: -315px;}
}
@media only screen and (max-width:380px) {
    .cr510xs-03-con.on .cr510xs-03-mobile-info{top: -305px;}
}
@media only screen and (max-width:330px) {
    .cr510xs-03-mobile-info p{font-size: 12px;}
    .cr510xs-03-mobile-title,.cr510xs-03-mobile-desc{font-size: 12px;}
    .cr510xs-03-con.on .cr510xs-03-mobile-info{top: -270px;}
}
/* 黑色背景 */
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;}