/*  页面css */
.bg-F7F8FB{
    background-color: #F7F8FB;
}
/*软件协议*/
.n-soft-title{
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    text-align: center;
    color: #385075;
    padding-top:24px;
}
.n-xieyi{
    margin-top:48px;
    display: flex;
}
.n-item{
    width:25%;
    text-align: center;
    margin-bottom:48px;
    border-right:3px #FFFFFF solid
}
.n-item:nth-child(4){
    border-right:0px #FFFFFF solid
}
.n-item img{
    height:56px;
}
.n-item h5{
    font-weight: bold;
    line-height: 150%;
    margin-top:31px;
    margin-bottom:18px
}
.n-item h6{
    color: #7d7d7d;
    line-height: 150%;
}
/*通用样式*/
.n-page-info{
    margin-top:24px;
    text-align: center;
}
.n-page-info H1{
    padding-top:60px
}
.n-page-info h5{
    margin-top: 24px;
    line-height: 150%;
}

.n-tab{
    margin-top: 27px;
    height:41px;
}
.n-tab div {
    height: 41.5px;
    font-size: 16px;
    padding: 0 20px;
    display: inline-block;
    margin-left: -3.8px;
    line-height: 41.5px;
    border-bottom: 1px solid #c3c9d5;
    cursor: pointer;
    z-index: 20;
}
.n-tab-selected {
    color: #01a0e8!important;
    border-bottom: #01a0e8 3px solid!important;
    height: 40px !important;
    font-weight: bold;
}
.n-page-title{
    position: absolute;
    z-index: 10;
}

/*第一屏*/
.n-page1{
    background-image: url('../../RJ-img/page/page1-bg.png');
    color:#F7F8FB;
}
.n-page1-img{
    width: 100%;
    margin-top: 77.34px;
}
.n-page1-icons{
    background-color: #32353B;
    height:150px;
    display: flex;
    justify-content: space-evenly;
}
.n-page1-icon{
    display: flex;
    justify-content: start;
    align-items: center;
    text-align: start;
    width: 310px;
}
.n-page1-icon-img{
    width: 28px;
    height: 28px;
    margin-left: 80px;
}
.n-page1-icon div{
    margin-left:12px;
    line-height: 150%;
}
.n-line{
    width:1px;
    background-color:rgb(247,248,251,0.3);
    height:50px;
    margin-top:50px
}

/*第二屏*/
.n-page2{
    color: #385075;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.n-page2-content1{
    height:800px;
}
.n-page2-content2{
    display: none;
    height:800px;
}
/*第三屏*/
.n-page3{
    color: #F7F8FB;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#page3-tab{
    color:#FFFFFF
}
.n-page3-content1{
    height:800px;
}
.n-page3-content2,.n-page3-content3{
    display: none;
    height:800px;
}
#page3-title-2{
    display: none;
}
#page3-title-3{
    display: none;
}
.n-page3-content2 img,.n-page3-content3 img{
    display: none;
}
/*第四屏*/
.n-page4{
    height: 800px;
    color: #385075;
}
.n-page4-icons{
    height:142px;
    background: linear-gradient(270deg, rgba(230, 236, 249, 0.5) -2.07%, #FFFFFF 48.97%, rgba(223, 228, 239, 0.5) 100%, rgba(230, 236, 249, 0.5) 100%);
    margin-top: -145px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.n-page4-icons img{
    width: 28px;
    height: 28px;
    margin-bottom: 12px;
}
.n-page4-content1{
    position: relative;
    margin-top: -179px;
    z-index: -100;
    margin-left: 0px;
}
.n-page4-content1 img{
    display: none;
}
/*第五屏*/
.n-page5{
    background-image: url('../../RJ-img/page/page5-bg.png');
    color:#F7F8FB;
}
#page5-tab{
    color:#FFFFFF
}
.n-page5 H5{
    color:#C3C9D5;
}
.n-page5-content1{
    margin-top: -14.34px;
}
.n-page5-content2{
    display: none;
    margin-top: -14.34px;
}
#page5-title-2{
    display: none;
}

/*参数对比*/
.n-params-compare{
    display: flex;
}
.n-params-compare .bodyDiv{
    height:60px;
    border-bottom: 1px #D5D5D5 solid;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.n-head-type{
    height:157px;
    border-bottom: 1px #D5D5D5 solid;
    font-size:14px;
    font-weight: bold;
}
.n-params-name-col{
    width: 160px;
    font-size:14px;
    font-weight: bold;
}
.n-compare-product{
    width:280px
}
.n-compare-product .n-compare-product{
    width:230px
}
#params-swiper{
    width:1040px
}
.params-swiper-button-prev,.params-swiper-button-next{
    top:80px!important
}

.detail-compare {
    text-align: center;
}
.compareTable{
    display: none;
}
.compare-title h2 {
    color: #385075;
    line-height: 36px;
    margin-bottom: 25px;
}

.compare-content table {
    width: 100%;
    text-align: center;
}

.compare-content table thead tr {
    position: sticky;
    top: 126px;
    background: #FFFFFF;
}

.compare-content table th {
    border-bottom: 1px #D5D5D5 solid!important;
    /* padding-bottom: 48px; */
    font-size: 14px;
    font-weight: bold;
    color: #292929;
}

.compare-content table tr td:first-child {
    font-weight: bold;
}

.compare-content table td {
    border-bottom: 1px #D5D5D5 solid!important;
    height: 60px;
    color: #292929;
    font-size: 14px;
}

.selected-product {
    background-color: #F7F9FA;
}

.selected-line {
    background-color: #DA0030;
    height: 4px;
    width: 40%;
    margin-left: 30%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.unselected-line {
    height: 4px;
    width: 40%;
    margin-left: 30%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0px !important;
}

/*应用搭配*/
.n-match-desc{
    width:74px;
    text-align: center;
    font-size: 12px;
    line-height:24px;
    margin-top: 10px;
}
.n-match-desc-red{
    border-bottom: 3px solid #DA0030;
}
.n-match-desc-blue{
    border-bottom: 3px solid #BBD3E9;
}
.n-product{
    display: flex;
    align-items: center;
    height:328px;
    margin-top: -20px;
    margin-left: 30px;
}
.n-product-second{
    margin-left:-24px
}
.n-product-link-first{
    position: relative;
    z-index: 10;
    right: 78px;
    top: 10px;
}
.n-product-link-second{
    position: relative;
    z-index: 10;
    right: 38px;
}
.n-red-line{
    height:2px;
    background-color: #DA0030;
    width:83px;
    margin-left: -50px;
    z-index: -100;
}
.n-product-third{
    margin-left: 15px;
    margin-top: 30px;
}
.n-third-top-transform{
    transform: rotate(-25.51deg);
    -ms-transform: rotate(-25.51deg);
    -moz-transform: rotate(-25.51deg);
    -webkit-transform: rotate(-25.51deg);
    -o-transform: rotate(--25.51deg);
    position: relative;
    bottom: 40px;

}
.n-third-top-border{
    width:75px;
    height:2px;
    background-color: #BBD3E9;
    margin: -8px 0px 0px 38px;
}
.n-third-top-transform-subImg{
    margin: -25px 0px 0px 113px;
    transform: rotate(178deg);
    -ms-transform: rotate(178deg);
    -moz-transform: rotate(178deg);
    -webkit-transform: rotate(178deg);
    -o-transform: rotate(-178deg);
}

.n-third-bottom-transform{
    transform: rotate(-152.61deg);
    -ms-transform: rotate(-152.61deg);
    -moz-transform: rotate(-152.61deg);
    -webkit-transform: rotate(-152.61deg);
    -o-transform: rotate(-152.61deg);
    position: relative;
    top: 40px;
}
.n-product-link-third{
    position: relative;
    z-index: 10;
    right: 78px;
}
.n-product-link-img{
    margin-top: 15px;
}
.n-product-link-tag{
    position: absolute;
    margin-top: 5px;
    margin-left: -34px;
}
.n-product-4-top{
    margin-bottom: 170px;
    margin-left: 8px;
}
.n-product-4-bottom{
    margin-left: 8px;
}
.n-product-4-top-border{
    width:75px;
    height:2px;
    background-color: #BBD3E9;
    margin: -10px 0px 0px 130px;
}
.n-product-link-tag-4{
    position: absolute;
    margin-top: -5px;
    margin-left: -75px;
}
.n-product-5{
    margin-bottom: 90px;
    margin-left:10px
}
.n-product-5-bottom{
    margin-left:10px
}
.n-product-5-img{
    margin-left:35px
}
.n-product-link-tag-5{
    position: absolute;
    margin-top: 34px;
    margin-left: -54px;
}
.n-product-name{
    font-size: 12px;
    color: #7D7D7D;
}
.n-product-name-1{
    width: 120px;
    text-align: center;
    margin-top: 10px;
}
.n-product-name-2{
    margin-top: -14px;
}
.n-product-name-3{
    margin-top: 10px;
    margin-left: -10px;
}
.n-product-name-4{
    position: absolute;
    top: -30px;
    transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    left: -30px;
}
.n-product-name-5{
    margin-top: 15px;
    position: absolute;
}
.n-product-name-6{
    margin-left: -5px;
    position: absolute;
}
.n-product-750{
    display: none;
}
#tab2title{
    display:none
}
#page2-img{
    display: none;
}
#page2-img-2{
    display: none;
}
/*白色背景modal，全屏*/
.white-modal{
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    width: 100vw;
    height:100vh;
    z-index: 999999;
    display: none;
}
.n-show-big{
    position: relative;
    top: 85%;
    left: 85%;
    cursor: pointer;
}
.n-close-modal{
    position: fixed;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 9999999;
}
.n-modal-content{
    width: 100vw;
    height: 100vh;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width:750px) {
    /*参数对比*/
    .n-show-big{
        display: none;
    }
    .n-params-compare{
        display: none;
    }
    .compare-title h1 {
        font-size: 0.44rem;
        line-height: 0.533rem;
        height: 100%;
        width: 100%;
    }
    .compareTable{
        display: block;
    }
    .compare-content table thead tr {
        position: static;
        top: 128px;
        z-index: 99;
        background: rgba(255, 255, 255, 0);
    }
    .compare-content table th img {
        width: 76px!important;
        height: 46px!important;
        margin-bottom: 10px!important;
    }
    .selected-line {
        margin-bottom: 0.26rem;
    }
    .unselected-line {
        margin-bottom: 0.26rem;
    }
    .compare-content table th {
        font-size: 0.32rem;
    }
    .compare-content table td {
        font-size: 0.32rem;
        height: 0.8rem;
    }
    /*参数对比结束*/
    h1{
        font-size: 0.48rem;
    }
    .n-xieyi{
        flex-wrap: wrap;
    }
    .n-item{
        width: 49.5%;
        border-right:0px
    }
    .n-page-info h5{
        font-size:0.32rem;
        width: 90%;
        margin-left: 5%;
    }
    .n-page-info H1{
        padding-top:0.66rem;
    }
    .n-page1{
        background-image: url('../../RJ-img/page/page1-bg_750.png');
    }
    .n-page1-img{
        margin-top:0.89rem
    }
    .n-page1-icons{
        height:97.5px
    }
    .n-page1-icon{
        width:33.3%
    }
    .n-page1-icon-img{
        margin-left:0.5rem
    }
    .n-page1-icon h6,h4{
        font-size: 0.21rem;
    }
    .n-line{
        margin-top:20px;
    }


    .n-page2{
        background-image: url('../../RJ-img/page/page2-bg_750.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .n-page2 .n-page-title{
        width:90%
    }
    .n-tab{
        margin-top:0.26rem
    }
    .n-tab div{
        font-size:0.32rem;
    }
    .n-page2 h5{
        width:100%;
        margin-left:0px
    }
    .n-page2 h1{
        width:90%;
        margin-left:5%;
    }
    #page2-video{
        display:none
    }
    #page2-video-2{
        display:none
    }
    #page2-img,#page2-img-2{
        display: block;
        margin-top: 6.2rem;
        width:100%;
    }
    .n-page2-content1,.n-page2-content2{
        height:11.253rem
    }

    .n-page3{
        background: linear-gradient(90deg, #33394F 0%, #32384E 26.56%, #2D3447 52.08%, #222534 100%);  
    }
    .n-page3 h5{
        width:100%;
        margin-left:0px
    }
    .n-page3-content1,.n-page3-content2,.n-page3-content3{
        height:8.86rem
    }
    .n-page3-content1 img,.n-page3-content2 img,.n-page3-content3 img{
        display: block;
        width: 100%;
        height:6.66rem;
        margin-top: 2.19rem;
    }
    .n-page3-content2 video,.n-page3-content3 video{
        display: none;
    }
    .n-page4{
        height: auto;
    }
    .n-page4-content1 video{
        display: none;
    }
    .n-page4-content1 img{
        display: block;
        width:10rem;
        height: 10rem;
    }
    .n-page4-icons{
        height:1.89rem;
        margin-top:-1.89rem;
    }
    .n-page4-icons img{
        width:0.42rem;
        height:0.42rem;
    }
    .n-page4-icons p{
        font-size:0.32rem
    }
    .n-page5 h1{
        width:84%;
        margin-left:7%;
    }
    .n-page5-content2,.n-page5-content1{
        margin-top:10px;
    }
    .n-page5-content2 img,.n-page5-content1 img{
        width:100%
    }
    .n-product{
        display: none;
    }
    .n-product-750{
        display: block;
        text-align: center;
        margin-top: -50px;
    }
    .n-match-desc{
        margin-left:calc(100% - 100px)
    }
    .n-product-name-1{
        width:100%
    }
    .n-product-name{
        font-size: 0.21rem;
    }
    .n-product-second{
        margin-left:0px;
        margin-top: 10px;
    }
    .n-product-name-2{
        position: relative;
        top:15px;
        margin-left: 3.2rem;
    }
    .n-product-second img{
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }
    .n-product-second-2{
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .n-red-line{
        margin-left:49.8%;
        height:65px;
        width:2px;
    }
    .n-product-third{
        margin-top:15px
    }
    .n-third-top-transform{
        transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        position: static;
        margin-left: -50px;
        margin-top: 15px;
    }
    .n-product-name-4{
        transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        position: relative;
        top: 85px;
        left: 30px;
    }
    .n-third-top-border{
        margin: -8px 0px 0px 50%;
    }
    .n-third-top-transform-subImg{
        margin: -25px 0px 0px 180px
    }
    .n-third-bottom-transform {
        transform: rotate(-120deg);
        -ms-transform: rotate(-120deg);
        -moz-transform: rotate(-120deg);
        -webkit-transform: rotate(-120deg);
        -o-transform: rotate(-120deg);
        position: static;
        margin-left: 140px;
        margin-top: 29px;
    }
    .n-product-4-top,.n-product-4-bottom{
        width: 49%;
        margin-top: 20px;
        margin-left:0px;
        display: inline-block;
        margin-bottom:10px
    }
    .n-product-name-5{
        position: static;
        margin-top: 10px;
    }
    .n-product-4-top-border{
        width: 2px;
        height: 55px;
        margin: 10px 0px 0px 50%;
    }
    .n-product-5,.n-product-5-bottom{
        width: 49%;
        display: inline-block;
        margin-left:0px;
    }
    .n-product-5-img {
        margin-left: 0px;
        margin-top: 10px;
    }
    .n-product-5{
        margin-bottom: 0px;
    }
    .n-product-link-tag-5{
        margin-top: 20px;
        margin-left: -50px;
    }
    .n-product-name-6{
        margin-left:12%;
        margin-top:10px;
    }
    .n-page1-icon-img{
        height:0.4rem;
        width:0.4rem;
    }
    .n-page1-icon div{
        margin-left:0.16rem;
        line-height: 100%;
    }
    .n-product-link-tag-4 {
        position: absolute;
        margin-top: -50px;
        margin-left: -5%;
    }
    .n-page4-content1{
        margin-top: -155px;
    }
}