/* 产品页样式 */
.product-bar-fixed{
    background-color: rgba(27, 46, 87,1);
    position: fixed;
    height: var(--nav-product-height);
    z-index: 5;
    width: 100%;
    /*top: var(--nav-height) !important;*/  /* 管理员登入条和广告条 兼容问题 不要这个规则，管理员条出问题*/
}
.product-bar-fixed .product-top{
    justify-content: space-between;
    color: #fff;
    align-items: center;
    height: 100%;
}
.product-bar-fixed .product-top a{
    color: #fff;
}
.product-bar-fixed .product-top .different-store-urls{
    position: relative;
    cursor: pointer;
}
.product-bar-fixed .product-top .different-store-urls>svg{
    transform: rotate(90deg);
    transition: all 0.2s ease-in-out;
}
.product-bar-fixed .product-top .different-store-urls:hover>svg{
    transform: rotate(-90deg);
}
.product-bar-fixed .product-top .different-store-urls .url-list{
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    padding-top: 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
}
.product-bar-fixed .product-top .different-store-urls:hover .url-list{
    visibility: visible;
    pointer-events: unset;
    opacity: 1;
}
.product-bar-fixed .product-top .different-store-urls .url-list .url-item{
    margin-right: unset;
    padding: 4px 0;
    background-color: var(--color-darkblue);
}
.product-bar-fixed .product-name{
    /*font-family: var(--font-bold);*/
    /*font-size: 16px;*/
    /*align-items: center;*/
}
.product-bar-fixed .product-name a{
    padding-right: 16px;
    position: relative;
}

.product-bar-fixed .product-name a:hover{
    text-decoration: underline;
}

.product-bar-fixed .product-name a::after{
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    width: 5px;
    height: 5px;
    border: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    border-left: 0;
    border-bottom: 0;
}
.product-bar-fixed .product-name a:last-child::after{
    display: none;
}


.product-bar-fixed .product-views-items li{
    margin-right: 30px;
}
.product-bar-fixed .product-views-items li:last-child{
    margin-right: 0;
}
.product-detail-show{
    margin-top: var(--nav-product-height);
    overflow: hidden;
}
/* 预览块  detail01 */
/* part01 头部 */
.product-detail-01 .product-overview-01{
    background: linear-gradient(#f6f6f6 72%,#fff 28%);
}
.product-detail-01 .product-overview-01 .product-des h1 {
    letter-spacing: -1px;
}
.product-detail-01 .product-overview-01 .product-des .des {
    color: #7e7e7e;
}
.product-detail-01 .product-overview-01 .product-banner-bottom{
    height: 60%;
    width: 100%;
}
.product-detail-01 .product-overview-01 .product-image{
    width: 420px;
    position: relative;
}
.product-detail-01 .product-overview-01 .product-image.product-mst01{
    width: 760px;
}
.product-detail-01 .product-overview-01 .product-image .product-image-placeholder{
    width: 100%;
    padding-top: min(100%, 420px);
}
.product-detail-01 .product-overview-01 .product-image>img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.product-detail-show.product-single-template-02{
    margin-top: unset;
}
.product-single-template-02 .product-detail-01 .product-overview-01{
    background: transparent;
    background-image: url(../imgs/product-style02-bg.webp);
    background-position: center center;
    background-repeat: no-repeat;
}
.product-single-template-02 .product-detail-01 .product-overview-01 .product-banner-top{
    width: 50%;
}
.product-single-template-02 .product-detail-01 .product-overview-01 .product-banner-top h1{
    line-height: 1.3;
}
.product-single-template-02 .product-detail-01 .product-overview-01 .product-banner-bottom{
    width: 50%;
}
.product-single-template-02 .product-detail-01 .product-overview-01 .product-info .desc{
    line-height: 1.4;
    color: #7e7e7e;
    color: var(--color-darkblue);;
}
.product-single-template-02 .product-detail-01 .product-overview-01 .product-info .btns{
    column-gap: 1rem;
}
.product-single-template-02 .product-detail-01 .product-overview-01 .product-info .btns>a{
    border: 2px solid var(--color-highlight);
    border-radius: 5px;
    padding: 6px 1.25rem;
    color: var(--color-highlight);
    transition: all 0.2s;
}
.product-single-template-02 .product-detail-01 .product-overview-01 .product-info .btns>a:first-child{
    background-color: #fff;
    /*background-color: var(--color-darkblue);*/
    color: var(--color-highlight);
}
.product-single-template-02 .product-detail-01 .product-overview-01 .product-info .btns>a:hover{
    box-shadow: 1px 1px 8px var(--color-highlight);
}
.product-single-template-02 .product-detail-01 .product-overview-01 .product-info .brief>a{
    align-items: center;
}


.product-single-template-02 .product-detail-01 .product-overview-01 .product-image{
    width: 420px;
    aspect-ratio: 1 / 1;
}
.product-single-template-02 .product-detail-01 .product-overview-01 .product-image>img {
    position: relative; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.product-single-template-02 .product-detail-01 .product-nav-bar{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .06);
    width: 100%;
    background: #fff;
    z-index: 9;
    position: relative;
}
.product-single-template-02 .product-detail-01 .product-nav-bar.fixed{
    position: fixed;
    top: var(--nav-height);
}
.product-single-template-02 .product-detail-01 .product-nav-bar>div{
    justify-content: space-between;
    height: 46px;
}
.product-single-template-02 .product-detail-01 .product-nav-bar .tabs{
    overflow-x: auto;
    justify-content: flex-start;
    column-gap: 5px;
}
.product-single-template-02 .product-detail-01 .product-nav-bar .tabs li{
    padding: 0 1.25rem;
    transition: all 0.2s ease-in-out;
    height: 100%;
    border-radius: 2px;
    cursor: pointer;
}
.product-single-template-02 .product-detail-01 .product-nav-bar .tabs li.active{
   color: #fff;
   background-color: var(--color-highlight);
}
.product-single-template-02 .product-detail-01 .product-nav-bar .crumbs{

}
.product-single-template-02 .product-detail-01 .product-nav-bar .crumbs a{
    padding-right: 12px;
    position: relative;
    color: #9fa3ae;
}
.product-single-template-02 .product-detail-01 .product-nav-bar .crumbs a:last-child{
    padding-right: 0;
}
.product-single-template-02 .product-detail-01 .product-nav-bar .crumbs a::after {
    content: '>';
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
}
.product-single-template-02 .product-detail-01 .product-nav-bar .crumbs a:last-child::after {
    display: none;
}


/* part02 头部 */
/* 产品优势 轮播块 */
.product-detail-01 .product-overview-02-wrapper{
    width: 100%;
}
.product-detail-01 .product-overview-02-wrapper .product-overview-02-bg{
    display: flex;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*优势背景情况*/
.product-detail-01 .product-overview-02-wrapper .product-overview-02-bg.is_bg{
    margin: 60px 0;
}
/*连续是背景情况 下面的元素负 */
.product-detail-01 .product-overview-02-wrapper .product-overview-02-bg.is_bg + .is_bg {
    margin-top: -60px;
}
/*第一个和最后一个子元素 是背景情况 抵消父元素的padding值*/
.product-detail-01 .product-overview-02-wrapper .product-overview-02-bg:first-child.is_bg{
    margin-top: -60px;
}
.product-detail-01 .product-overview-02-wrapper .product-overview-02-bg:last-child.is_bg {
    margin-bottom: -60px;
}

.product-detail-01 .product-overview-02 .product-overview-02-item{
    padding: 2rem 0;
    column-gap: 4rem;
}
.product-detail-01 .product-overview-02 .product-overview-02-item>div{
    width: 50%;
    /*padding: 10px 40px;*/
    justify-content: center;
}
.product-detail-01 .product-overview-02-bg.text-position-center .product-overview-02-item>div.product-describe-text{
    width: 100%;
    flex-shrink: 0;
}

.product-detail-01 .product-overview-02-bg .product-overview-02-item>div{
    order: 2;
    position: relative;
}

.product-detail-01 .product-overview-02-bg:nth-child(odd) .product-overview-02-item .product-describe-img{
    order: 3;
}
.product-detail-01 .product-overview-02-item .product-describe-img{
    text-align: center;
    height: 100%;
    position: relative;
}
.product-detail-01 .product-overview-02-item .product-describe-img .placeholder{
    width: 100%;
    padding-top: 57.3%;
    position: relative;
}

.product-detail-01 .product-overview-02-item .product-describe-img img{
    border-radius: 5px;
    width: 100%;
    aspect-ratio: 640 / 367;
    height: auto;
    position: absolute;
    top: 0;
}
.product-detail-01 .is_bg .product-overview-02-item .product-describe-img img{
    opacity: 0;
}
.product-detail-01 .product-overview-02-item .product-describe-text{
    /*padding: 0 30px;*/
}
.product-detail-01 .product-overview-02-item .product-describe-text h4{

    
}
.product-detail-01 .product-overview-02-item .product-describe-text p{
    color: #666;
    hyphens: auto;
    margin-top: 1rem;
}


/* 轮播按钮 */
.product-detail-01 .product-overview-02 .vertical-pagination{
    width: auto;
    height: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    right: 20px;
    left: auto;
}
.product-detail-01 .product-overview-02 .vertical-pagination span{
    margin: 3px 0;
    cursor: pointer;
}
.product-detail-01 .product-overview-02 .vertical-pagination .swiper-pagination-bullet-active{
    background-color: var(--color-darkblue);
}




/* part03 产品原理 */
.product-detail-01 .product-overview-03{
    background-color: rgba(227,235,244,0.3);
}
.product-detail-01 .product-overview-03 .working-principle-text{
    max-width: 60%;
}
.product-detail-01 .product-overview-03 .working-principle-img{
    max-width: 100%;
}

/* part04 产品特点*/
.product-detail-01 .product-overview-04{
    background-color: #fff;
    position: relative;
}
.product-detail-01 .product-overview-04>div{
    /*height: 360px;*/
}


.product-detail-01 .product-overview-04 .product-keys-left{
    width: 50%;
    position: relative;
}
.product-detail-01 .product-overview-04 .product-keys-left .placeholder{
    width: 87%;
    aspect-ratio: 16 / 9;
    position: relative;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
}
.product-detail-01 .product-overview-04 .product-keys-left .placeholder>img{
    width: 100%;
    height: 100%;
}
.product-detail-01 .product-overview-04 .product-keys-left .placeholder .rll-youtube-player, 
.product-detail-01 .product-overview-04 .product-keys-left .placeholder #localVideo,
.product-detail-01 .product-overview-04 .product-keys-left .placeholder>iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding-bottom: unset;
    
}
.product-detail-01 .product-overview-04 .product-keys-left .placeholder .rll-youtube-player img{
    transform: scale(1.01);
}
.product-detail-01 .product-overview-04 .product-keys-left .placeholder #localVideo video{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.product-detail-01 .product-overview-04 .product-keys-left .placeholder #localVideo .video-mask{
    position: absolute;
    inset: 0;
    background-color: rgba(1, 1, 1, .5);
    transition: all 0.3s ease-in-out;
    opacity: 1;
    visibility: visible;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.product-detail-01 .product-overview-04 .product-keys-left .placeholder #localVideo .video-mask .play-ico {
    cursor: pointer;
    width: 66px;
    height: 66px;
    position: relative;
    z-index: 12;
    border-radius: 50%;
    background-color: transparent;
    text-align: center;
    line-height: 66px;
    font-size: 0;
    color: #ff0000;
}

/*点点*/
.product-detail-01 .product-overview-04 .product-keys-left .point-warp{
    position: absolute;
    inset: 0;
    background-color: transparent;
    /*display: none;*/
}
.product-detail-01 .product-overview-04 .product-keys-left .point-warp a{
    position: absolute;
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*border: 1px solid red;*/
}
.product-detail-01 .product-overview-04 .product-keys-left .point-warp a span{
    width: 20px;
    height: 20px;
    background: radial-gradient(circle,transparent,#87CEEB,#87CEEB);
     /*background: transparent; */
    border-radius: 100%;
    animation: circlewarn2 3s ease-out 0s infinite;
}
@keyframes circlewarn2 {
    0% {
        transform: scale(.5);
        opacity: .3;
    }    
    40% {
        transform: scale(.9);
        opacity: .5;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
    80% {
        transform: scale(1.6);
        opacity: .8;
    }
    100% {
        opacity: .3;
    }
}
.product-detail-01 .product-overview-04 .product-keys-left .point-warp a .message {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%, 0px);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,.1);
    display: none;
    transition: all 0.5s ease-in-out;
}
.product-detail-01 .product-overview-04 .product-keys-left a .message img{
    height: 100%;
    width: auto;
    transition: all 0.5s ease-in-out;
}
.product-detail-01 .product-overview-04 .product-keys-left a .message:hover img{
    transform: scale(1.08);
}
.product-detail-01 .product-overview-04 .product-keys-left a:hover .message {
    display: block;
}



.product-detail-01 .product-overview-04 .product-keys-right{
    width: 50%;
    padding-right: 2rem;
}

/*产品多版本情况*/
.product-versions>div{
    column-gap: 10%;
}
.product-detail-01 .product-version-item{
    width: 50%;
}
.product-detail-01 .product-version-item>ul>li{
    position: relative;
    width: 50%;
    margin: 5px 0;
    padding-left: 1rem;
    white-space: nowrap;
    letter-spacing: -.5px;
}
.product-detail-01 .product-version-item>ul>li::before{
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #020202;
    content: '';
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.product-detail-01 .product-version-item>div{
    padding: 4rem;
}
.product-detail-01 .product-overview-04 .product-keys-text{
    /*color: #999;*/
    text-align: left;
    hyphens:auto;
}
.product-detail-01 .product-overview-04 .product-keys-item ul li a, 
.product-detail-01 .product-overview-02-item .product-describe-text a,
.product-detail-01 .product-overview-04 .product-keys-text a{
    border-bottom: 1px dashed;
    vertical-align: inherit;
    color: #088dc4;
    transition: all 0.2s;
    display: inline-block;
}
.product-detail-01 .product-overview-04 .product-keys-item ul li a:hover, 
.product-detail-01 .product-overview-02-item .product-describe-text a:hover,
.product-detail-01 .product-overview-04 .product-keys-text a:hover{
    transform: scale(1.01);
}
.product-detail-01 .product-overview-04 .product-keys-item{
    width: 100%;
}
.product-detail-01 .product-overview-04 .product-keys-item ul{
    width: 100%;
    padding: 1rem;
}
.product-detail-01 .product-overview-04 .product-keys-item ul li{
    width: 50%;
    position: relative;
    text-wrap: nowrap;
    line-height: 30px;
    padding-left: 1.2rem;
    letter-spacing: -0.3px;
}
.product-detail-01 .product-overview-04 .product-keys-item ul li::before {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #020202;
    content: '';
    left: 0;
    top: 15px;
    transform: translateY(-50%);
}
.product-detail-01 .product-overview-04 .product-keys-item ul li.is_empty::before {
    display: none;
}

/*多版本切换 移开移入*/

.product-detail-01 .product-overview-versions{}
.product-detail-01 .product-overview-versions.left-out{
    /*transform: translateX(-100%);*/
}


/* part05 应用场景*/
/*样式一*/
.product-detail-01 .product-overview-05{
    background-color: rgba(227,235,244,0.3);
}
.product-detail-01 .product-overview-05>div{
    flex-direction: column;
    align-items: center;
}
.product-detail-01 .product-overview-05 .product-scenario-detail{
    height: 30vw;
    width: 59.5vw;
}
.product-detail-01 .product-overview-05 .product-scenario-bg{
    background-size: cover;
    cursor: pointer;
    height: 25vw;
    margin-right: 1vw;
    position: relative;
    transition: all .8s;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    width: 12vw;
    border-radius: 10px;
    
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-detail-01 .product-overview-05 .product-scenario-bg::before{
    position: absolute;
    inset: 0;
    content: '';
    background-color: #263a5c30;
    border-radius: 10px;
}
.product-detail-01 .product-overview-05 .product-scenario-bg:hover{
    width: 24vw;
}
.product-detail-01 .product-overview-05 .product-scenario-bg:nth-child(2n){
    margin-top: 5vw;
}
.product-detail-01 .product-overview-05 .product-scenario-bg:last-child{
    margin-right: 0;
}
.product-detail-01 .product-overview-05 .product-scenario-title {
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    position: relative;
    z-index: 22;
    /*left: 0%;*/
    /*top: 50%;*/
    color: #fff;
    /* border: 1px solid red; */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.product-detail-01 .product-overview-05 .product-scenario-title .desc{
    padding: 10px;
    line-height: 1.4;
}
.product-detail-01 .product-overview-05 .product-scenario-title .point{
    line-height: 1.5;
    text-align: center;
}
.product-detail-01 .product-overview-05 .product-scenario-title i{
    font-size: 20px;
}

/*样式二  虚线路线型*/
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2{
    position: relative;
    height: auto;
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2::before{
    content: '';
    width: 50%;
    height: 60px;
    display: inline-block;
    font-size: 0;
    border-width: 0;
    border-right-width: 2px;
    border-style: dashed;
    position: absolute;
    left: 13px;
    top: -60px;
    box-sizing: border-box;
    border-color: #87ceeb;
    border-radius: 0 0 16px 0;
}
/*边框下倒角*/
/*.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2::after{*/
/*    content: '';*/
/*    width: 50%;*/
/*    height: 60px;*/
/*    display: inline-block;*/
/*    font-size: 0;*/
/*    border-width: 0;*/
/*    border-right-width: 2px;*/
/*    border-style: dashed;*/
/*    position: absolute;*/
/*    left: 13px;*/
/*    bottom: -60px;*/
/*    box-sizing: border-box;*/
/*    border-color: #87ceeb;*/
/*    border-radius: 0 16px 0 0;*/
/*}*/

.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-item{
    display: flex;
    /*border-color: transparent;*/
    border-color: #87ceeb;
    /*border-radius: 16px;*/
    padding-top: 3rem;
    position: relative;
    margin-top: -2px;
    justify-content: space-between;
        row-gap: 1rem;
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-item::before{
    content:'';
    width: 50%;
    height: 100%;
    display: none;
    font-size: 0;
    border-width: 0 ;
    border-top-width: 2px;
    border-bottom-width: 2px;
    
    border-left-width: 2px;
    border-style: dashed;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    border-color: #87ceeb;
    border-radius: 16px 0 0 16px;
    
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-item::after{
    content:'';
    width: 50%;
    height: 100%;
    display: none;
    font-size: 0;
    border-style: dashed;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
    border-color: #87ceeb;
    border-radius:  0 16px 16px 0;
    border-width: 0 ;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-item:nth-child(odd)::before{
    display: inline-block;
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-item:last-child::before{
    border-bottom-width: 0;
}


.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-item:nth-child(even)::after{
    display: inline-block;

}

.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-img{
    width: 35%;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    margin-right: 2.5rem;
    position: relative;
    left: 0px;
    bottom: 0px;
    z-index: 2;
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-img>div{
    background: #87ceeb;
    border-radius: 10px;
    width: 100%;
    aspect-ratio: 1 / 1;
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-img>div img{
    position: relative;
    left: 1.5rem;
    top: -1.5rem;
    border-radius: 10px;
        width: 100%;
    aspect-ratio: 1 / 1;
    
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-item:nth-child(even) .product-scenario-img{
    order: 1;
    margin-right: 0rem;
    margin-left: 1.5rem;
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-item:nth-child(even) .product-scenario-img>div img{
    left: unset;
    right: 1.5rem;
    top: -1.5rem;
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-des{
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    width: 55%;
    position: relative;
    transform: translateY(-1.5rem);
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-des::before{
    position: absolute;
    left: 0;
    top: 0;
    /*content: 'One';*/
    
}
.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-des strong{
    /*font-family: var(--font-bold);*/
    /*color: var(--color-darkblue);*/
    /*margin-bottom: 15px;*/
    /*font-size: 18px;*/
}

.product-detail-01 .product-overview-05 .product-scenario-detail.product-scenario-style_2 .product-scenario-des p{
    /*color: #999;*/
}

/* part06 产品详细参数*/
.product-detail-01 .product-overview-06 .product-specs-details{
    bottom: 2px;
    background: #fff;
    position: relative;
    column-gap: 3rem;
}
.product-detail-01 .product-overview-06 .product-specs-details tr:first-child{
     border-top: 1px solid #ddd; 
}
.product-detail-01 .product-overview-06 .product-specs-details tr{
    border-bottom: 1px solid #ddd;
}
.product-detail-01 .product-overview-06 .product-specs-details tr td:first-child{
    font-family: var(--font-bold);
    background-color: #f8f8f8;
    max-width: 220px;
    width: 30%;
    color: var(--color-darkblue);
    position: sticky;
    left: 0; /* 固定在容器左边 */
    text-align: left;
}
.product-detail-01 .product-overview-06 .product-specs-details th{
     padding: 0.5rem 2rem;
    white-space: nowrap;
    background-color: rgba(248, 249, 251, .8);
    font-family: var(--font-bold);
    color: var(--color-darkblue);
}
.product-detail-01 .product-overview-06 .product-specs-details td {
    padding: 0.5rem 1.5rem;
    /*white-space: nowrap;*/
    text-align: center;
}
.product-detail-01 .product-overview-06 .product-specs-details td a{
    display: inline-block;
    border-bottom: 1px dashed #999;
}
.product-detail-01 .product-overview-06 .product-specs-details .product-spec-table{
    /*width: 65%;*/
    /*margin-left: 5%;*/
    flex-grow: 1;
    overflow-x: auto;
    max-width: 100%;
}
.product-detail-01 .product-overview-06 .product-specs-details table{
    width: 100%;
    border-collapse: collapse;
}
.product-detail-01 .product-overview-06 .product-specs-details .product-size-img {
    text-align: center;
    flex-basis: 30%;
    flex-shrink: 0;
    position: relative;
}
.product-detail-01 .product-overview-06 .product-specs-details .product-size-img i{
    position: absolute;
    font-size: 12px;
    left: 0px;
    bottom: 0;
    color: #ccc;
    letter-spacing: -.2px;
}

.product-detail-01 .product-overview-06 .product-specs-details .product-size-img .placeholder {
    width: 100%;
    position: relative;
}
.product-detail-01 .product-overview-06 .product-specs-details .product-size-img img {
    width: 100%;
}

/*额外区块*/
.product-detail-01 .product-overview-extra{
    /*padding-top: 80px;*/
    /*padding-bottom: 80px;*/
    /*border: 1px solid  red;*/
}
.product-detail-01 .product-overview-extra>div{
    /*height: 100%;*/
    flex-grow: 1;
}
.product-detail-01 .product-overview-extra.hasbgimg{
    min-height: 30.5vw;
    /*margin: 80px 0 40px;*/
    position: relative;
    
    /*background-size: 100% auto;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.product-detail-01 .product-overview-extra.hasbgimg .product-extra-text{
    position: absolute;
    left: 50%;
    bottom: calc(100% + 1em);
    transform: translateX(-50%);
}
.product-detail-01 .product-overview-extra .product-extra-text{
    color: #999;
    margin: 0 auto;
    max-width: 76%;
}

.product-detail-01 .product-overview-extra .product-extra-content{
    flex-grow: 1;
}



/*提交表单*/
.product-detail-01 .product-overview-07 .product-form-details{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.product-detail-01 .product-overview-07 .product-form-details form{
     flex-direction: column;
     display: flex;
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg01,
.product-detail-01 .product-overview-07 .product-form-details .form-msg02{
    width: 100%;
    flex-wrap: wrap;
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg01>p,
.product-detail-01 .product-overview-07 .product-form-details .form-msg02>p{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.product-detail-01 .product-overview-07 .product-form-details .form-msg01 p>label{
    width: calc(50% - 10px);
    margin-right: 20px;
    position: relative;
    margin-bottom: 2rem;
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg01 p>label:nth-child(2n+1){
    margin-right: 0;
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg01 label.full{
    width: 100%;
    margin-right: 0;
}



.product-detail-01 .product-overview-07 .product-form-details .form-msg02 label{
    width: 100%;
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg01 label input{
    width: 100%;
    padding: 1rem;
    color: #545454;
    /*margin-top: 2rem;*/
    background-color: #f7f9fc;
    outline: none;
    border: 0;
}


/*下单选框*/

.product-detail-01 .product-overview-07 .product-form-details .form-msg01 label.is-select input{
    cursor: auto;
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg01 label .select-arrow{
position: absolute;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    width: 6px;
    height: 6px;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%) rotate(225deg);
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg01 label .select-options{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    border: 1px solid #f1f1f1;
    padding: 1rem 0;
    background-color: #fff;
    z-index: 1;
        box-sizing: border-box;
        display: none;
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg01 label .select-options span{
    display: block;
    display: block;
    padding: 3px 1rem;
    cursor: pointer;
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg01 label .select-options span:hover{
    background-color: #f1f1f1;
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg01 label .select-options br{
    display: none;
}
/*模拟下拉框结束*/

.product-detail-01 .product-overview-07 .product-form-details .form-msg02 textarea {
    width: 100%;
    margin-bottom: 2rem;
    /*margin-top: 2rem;*/
    background-color: #f7f9fc;
    outline: none;
    border: 0;
    padding: 0.5rem 1rem;
    color: #545454;
    box-sizing: border-box;
     font-family: 'MULI-Regular';
}
/*验证码样式*/
.product-detail-01 .product-overview-07 .product-form-details .form-msg02 .yzm{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg02 .yzm input{
    width: 200px;
    padding: 1rem;
    color: #545454;

    background-color: #f7f9fc;
    outline: none;
    border: 0;
    margin-right: 20px;
}
.product-detail-01 .product-overview-07 .product-form-details .form-msg02 .yzm img{
    /*height: 40px;*/
    /*transform: scale(.8);*/
}

.product-detail-01 .product-overview-07 .product-form-details .sub-button input{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 150px;
    margin-bottom: 20px;
    border: none;
    background: var(--color-darkblue);
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin: auto;
    border-radius: 20px;
}
.product-detail-01 .product-overview-07 .product-form-desc{
    line-height: 1.5;
    color: #545454;
}
.product-detail-01 .product-overview-07 .product-form-desc i{
    font-size: 1.1em;
    margin-right: 5px;
}


/*产品推荐块*/
.product-detail-01 .product-overview-08{
    background-color: #FFF;
}
.product-detail-01 .product-overview-08 .product-related-list{
    column-gap: 5%;
    justify-content: space-around;
}
.product-detail-01 .product-overview-08 .product-related-list .product-related-item{
    width: 25%;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
}
.product-detail-01 .product-overview-08 .product-related-list .product-related-item:hover{
    border: 1px solid #eee;
}
.product-detail-01 .product-overview-08 .product-related-list .product-related-item a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.product-detail-01 .product-overview-08 .product-related-list .product-related-item h4{
    font-size: 18px;
    font-family: var(--font-bold);
    max-width: 280px;
    text-align: center;
    height: 60px;
    line-height: 30px;
    margin-top: 30px;
}
/* 产品详情页 End */


/* kits 套件页样式 */
/*.product-bar-fixed{*/
/*    background-color: rgba(27, 46, 87,1);*/
/*    position: fixed;*/
/*    height: var(--nav-product-height);*/
/*    z-index: 5;*/
/*    width: 100%;*/
/*    top: var(--nav-height) !important;*/
/*}*/
/*.product-bar-fixed .product-top{*/
/*    justify-content: space-between;*/
/*    color: #fff;*/
/*    align-items: center;*/
/*    height: 100%;*/
/*}*/
/*.product-bar-fixed .product-top a{*/
/*    color: #fff;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
/*.product-bar-fixed .product-name{*/
/*    font-family: var(--font-bold);*/
/*    font-size: 16px;*/
/*}*/
.product-bar-fixed .product-views-items li{
    /*margin-right: 40px;*/
}
.product-bar-fixed .product-views-items li:last-child{
    /*margin-right: 0;*/
}

/* 预览块  detail01 */
/* part01 头部 */

.product-kits-detail{
    margin-top: var(--nav-product-height);
}
.product-kits-view-01{
    background: linear-gradient(#f9fafc 72%,#fff 28%);
}
.product-kits-view-01 .product-des p {
    color: #7e7e7e;
}
.product-kits-view-01 .product-banner-bottom{
    height: 60%;
}
.product-kits-view-01 .product-banner-bottom .product-image{
    width: 740px;
    max-width: 90vw;
}
/*  描述以及特点*/
.product-kits-view-02{
    position: relative;
    background-color: #fff;
}
.product-kits-view-02 .product-keys-right{
    width: 50%;
    padding-right: 20px;
}
.product-kits-view-02 .product-keys-left{
    width: 50%;
    text-align: center;
    padding-right: 0;
}
.product-kits-view-02 .product-keys-left .placeholder{
    width: 87%;
    aspect-ratio: 16 / 9;
    position: relative;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
}
.product-kits-view-02 .product-keys-left .placeholder .rll-youtube-player {
    padding-bottom: 55%;
}

.product-kits-view-02 .product-keys-left .placeholder>img{
    width: 100%;
    height: auto;
    aspect-ratio: 96 / 55;
}

.product-kits-view-02 .product-keys-text{
    /*color: #999;*/
    text-align: left;
    hyphens:auto;
}
.product-kits-view-02 .product-keys-text a{
    text-decoration: underline;
    vertical-align: inherit;
}
.product-kits-view-02 .product-keys-text a.noline{
    text-decoration: none;
}

.product-kits-view-02 .product-keys-item ul{
    width: 100%;
    padding: 1rem;
}
.product-kits-view-02 .product-keys-item ul li{
    width: 50%;
    position: relative;
    text-wrap: nowrap;
    line-height: 30px;
    padding-left: 1.5rem;
}
.product-kits-view-02 .product-keys-item ul li::before {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #020202;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


/*可选内容区块*/
.product-kits-selectable{
    flex-direction: column;
}

/* 前后对比展示 */
.product-kits-comparison{
}
.product-kits-comparison .before-after-warp {
  position: relative;
  padding: 50px 60px;
}
.product-kits-comparison .before-after-warp img {
  vertical-align: top;
  max-width: none;
}
.product-kits-comparison .before-after-warp a {
  text-decoration: none;
}
.product-kits-comparison .before-after-warp .img-box {
  position: relative;
  width: 100%;
  height: 40vw;
  /*border: 1px solid red;*/
}
.product-kits-comparison .before-after-warp .part-l {
  position: absolute;
  width: 50%;
  overflow: hidden;
  z-index: 1;
}
.product-kits-comparison .before-after-warp .part-r {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product-kits-comparison .before-after-warp .toolbar {
  position: absolute;
  height: 100%;
  left: 50%;
  top: 0;
  border-right: 2px solid #1B2E57;
  z-index: 3;
}
.product-kits-comparison .before-after-warp .toolbar:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  height: 40px;
  width: 40px;
  background: #fff url(/resources/mz-bar.png) repeat center center;
  background-size: contain;
  border-radius: 50%;
  box-shadow: 1px 1px 3px 0px #ccc;
  border: 1px solid #1B2E57;
}

/*圆点展示效果*/
.product-kits-point>div>div{
    width: 50%;
}
.product-kits-point .product-kits-point-img{
    position: relative;
}
.product-kits-point .product-kits-point-img .product-kits-point-item{
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: var(--color-highlight);
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
}
.product-kits-point .product-kits-point-img .product-kits-point-item::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -8px;
    top: -8px;
    border-radius: 50%;
    background-color: var(--color-highlight);
    border: 8px solid var(--color-highlight);
    animation: circlewarn 1.6s ease-out 0s infinite;
}
@keyframes circlewarn {
    0% {
        transform: scale(1);
        opacity: .9;
    }
    50% {
        transform: scale(1.3);
        opacity: .3;
    }
    80% {
        transform: scale(1);
        opacity: .1;
    }
    100% {
        opacity: 0;
    }
}
.product-kits-point .product-kits-point-img .product-kits-point-item span{
    position: absolute;
    color: #fff;
    display: none;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color-highlight);
    padding: 4px 18px;
    bottom: -50px;
    border-radius: 20px;
}
.product-kits-point .product-kits-point-img .product-kits-point-item:hover span{
    display: block;
}
.product-kits-point .product-kits-point-text{
    padding-left: 4rem;
}
.product-kits-point .product-kits-point-text div{
    line-height: 2;
}
.product-kits-point .product-kits-point-text div span{
    color: var(--color-highlight);
}

/*套件包含产品列表和云端列表*/
.product-kits-contain-cloud>div>div{
    width: 50%;
}
.product-kits-contain-cloud .product-kits-contain-cloud-img{
    text-align: left;
}
.product-kits-contain-cloud .product-kits-contain-cloud-img.right{
    text-align: right;
    order: 1;
}
.product-kits-contain-cloud .product-kits-contain-cloud-img img{
    display: inline-block;
    transform: scale(0.85);
}
.product-kits-contain-cloud .product-kits-contain-cloud-text p{
    margin-top: 2rem;
    margin-bottom: .5rem;
}
.product-kits-contain-cloud .product-kits-contain-cloud-text ul{
    
}
.product-kits-contain-cloud .product-kits-contain-cloud-text ul li{
    line-height: 2;
    padding-left: 2rem;
    position: relative;
}
.product-kits-contain-cloud .product-kits-contain-cloud-text ul li:before{
    position: absolute;
    content: '\2022';
    font-size: 20px;
    left: 5px;
    top: 50%;
    border-radius: 50%;
    color: var(--color-darkblue);
    transform: translateY(-50%);
}
.product-kits-contain-cloud .product-kits-contain-cloud-text ul.check li:before{
    content: '\2714';
    font-size: 22px;
    margin-right: 5px;
}

/*额外区块*/
.product-kits-extra{
    position: relative;
}
.product-kits-extra .product-extra-text p{
    max-width: 960px;
}
.product-kits-extra .product-extra-bg{
    height: 34.3vw;
    width: 100%;
    background-size: cover;
    position: relative;
}
.product-kits-extra .product-extra-bg.have-video::before{
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(27, 46, 87,.5);
    background-image: url(/resources/bg_overlay.png);
    top: 0;
    left: 0;
    z-index: 1;
}
.product-kits-extra .product-extra-bg video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
/*文字浮于背景之上*/
.product-kits-extra.text-above-bg .product-extra-text{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    max-width: 100%;
    color: #fff;
    text-align: left;
}
.product-kits-extra.text-above-bg .product-extra-text h3{
    color: #fff !important;
}


/* 产品优势 */
.product-kits-benefit{
    width: 100%;
}
.product-kits-benefit-wrapper{
    width: 100%;
}
.product-kits-benefit-wrapper .product-kits-benefit-bg{
    display: flex;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*优势背景情况*/
.product-kits-benefit-wrapper .product-kits-benefit-bg.is_bg{
    margin: 60px 0;
}
/*连续是背景情况 下面的元素负 */
.product-kits-benefit-wrapper .product-kits-benefit-bg.is_bg + .is_bg {
    margin-top: -60px;
}
/*第一个和最后一个子元素 是背景情况 抵消父元素的padding值*/
.product-kits-benefit-wrapper .product-kits-benefit-bg:first-child.is_bg{
    margin-top: -60px;
}
.product-kits-benefit-wrapper .product-kits-benefit-bg:last-child.is_bg {
    margin-bottom: -60px;
}
.product-kits-benefit .product-kits-benefit-item{
    padding: 20px 0;
}
.product-kits-benefit .product-kits-benefit-item>div{
    width: 50%;
    padding: 10px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-kits-benefit-bg .product-kits-benefit-item>div{
    order: 2;
    position: relative;
}

.product-kits-benefit-bg:nth-child(odd) .product-kits-benefit-item .product-describe-img{
    order: 3;
}
.product-kits-benefit-item .product-describe-img{
    text-align: center;
    height: 100%;
}
.product-kits-benefit-item .product-describe-img img{
    display: inline-block;
    border-radius: 20px;
    max-height: 100%;
    /*transform: scale(0.9);*/
}
.product-kits-benefit-bg.is_bg .product-kits-benefit-item .product-describe-img img{
    opacity: 0;
}
.product-kits-benefit-item .product-describe-text p{
    color: #999;
    hyphens: auto;
    margin-top: 1rem;
}

/*可选内容区块 end*/

/*应用场景*/
/*样式一*/
.product-kits-view-04{
    background-color: rgba(227,235,244,0.3);
}
.product-kits-view-04 .product-scenario-detail{
    height: 30vw;
    width: 59.5vw;
}
.product-kits-view-04 .product-scenario-bg{
    background-size: cover;
    cursor: pointer;
    height: 25vw;
    margin-right: 1.5vw;
    position: relative;
    transition: all .8s;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    width: 12vw;
    border-radius: 10px;
}
.product-kits-view-04 .product-scenario-bg:hover{
    width: 24vw;
}
.product-kits-view-04 .product-scenario-bg:nth-child(2n){
    margin-top: 5vw;
}
.product-kits-view-04 .product-scenario-bg:last-child{
    margin-right: 0;
}
.product-kits-view-04 .product-scenario-title {
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    position: absolute;
    left: 0%;
    top: 50%;
    font-family: var(--font-bold);
    color: #fff;
    /* border: 1px solid red; */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.product-kits-view-04 .product-scenario-title p{
    line-height: 1.5;
    text-align: center;
}
.product-kits-view-04 .product-scenario-title i{
    font-size: 20px;
}

/*样式二  虚线路线型*/
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2{
    flex-direction: column;
    height: auto;
    position: relative;
    margin-top: 7vw;
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2::before{
    content: '';
    width: 50%;
    height: 60px;
    display: inline-block;
    font-size: 0;
    border-width: 0;
    border-right-width: 2px;
    border-style: dashed;
    position: absolute;
    left: 13px;
    top: -60px;
    box-sizing: border-box;
    border-color: #87ceeb;
    border-radius: 0 0 16px 0;
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2::after{
    content: '';
    width: 50%;
    height: 60px;
    display: inline-block;
    font-size: 0;
    border-width: 0;
    border-right-width: 2px;
    border-style: dashed;
    position: absolute;
    left: 13px;
    bottom: -60px;
    box-sizing: border-box;
    border-color: #87ceeb;
    border-radius: 0 16px 0 0;
}

.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-item{
    display: flex;

    /*border-color: transparent;*/
    border-color: #87ceeb;
    /*border-radius: 16px;*/
    padding-top: 3rem;
    position: relative;
    margin-top: -2px;
    justify-content: space-between;
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-item::before{
    content:'';
    width: 50%;
    height: 100%;
    display: none;
    font-size: 0;
    border-width: 0 ;
    border-top-width: 2px;
    border-bottom-width: 2px;
    
    border-left-width: 2px;
    border-style: dashed;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    border-color: #87ceeb;
    border-radius: 16px 0 0 16px;
    
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-item::after{
    content:'';
    width: 50%;
    height: 100%;
    display: none;
    font-size: 0;
    border-style: dashed;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
    border-color: #87ceeb;
    border-radius:  0 16px 16px 0;
    border-width: 0 ;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-item:nth-child(odd)::before{
    display: inline-block;

}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-item:nth-child(even)::after{
    display: inline-block;

}

.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-img{
    width: 25%;
    flex-shrink: 0;
    margin-right: 2.5rem;
    position: relative;
    left: 0px;
    bottom: 0px;
    z-index: 2;
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-img>div{
    background: #87ceeb;
    border-radius: 16px;
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-img>div img{
    position: relative;
    left: 1.5rem;
    top: -1.5rem;
    border-radius: 16px;
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-item:nth-child(even) .product-scenario-img{
    order: 1;
    margin-right: 0rem;
    margin-left: 1.5rem;
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-des{
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    width: 60%;
    position: relative;
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-des::before{
    position: absolute;
    left: 0;
    top: 0;
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-des strong{
    font-family: var(--font-bold);
    color: var(--color-darkblue);
    margin-bottom: 15px;
    font-size: 18px;
}
.product-kits-view-04 .product-scenario-detail.product-scenario-style_2 .product-scenario-des p{
    color: #999;
}


/* 产品详细参数*/
.product-kits-view-06>div{
    flex-direction: column;
}
.product-kits-view-06 .product-specs-details tr:first-child{
     border-top: 1px solid #ddd; 
}
.product-kits-view-06 .product-specs-details tr{
    border-bottom: 1px solid #ddd;
}
.product-kits-view-06 .product-specs-details tr:nth-child(odd){
    /* background-color: rgba(248, 249, 251, .8); */
   
}
.product-kits-view-06 .product-specs-details tr:nth-child(even){
   
}
.product-kits-view-06 .product-specs-details tr td:first-child{
    font-family: var(--font-bold);
    background-color: rgba(248, 249, 251, .8);
    width: 31%;
    color: var(--color-darkblue);
}
.product-kits-view-06 .product-specs-details td {
    padding: 10px 25px;
}
.product-kits-view-06 .product-specs-details td a{
    display: inline-block;
    border-bottom: 1px dashed #999;
}
.product-kits-view-06 .product-specs-details table{
    width: 65%;
    margin-left: 7%;
    border-collapse: collapse;
}
.product-kits-view-06 .product-specs-details .product-size-img {
    text-align: center;
    width: 30%;
    flex-shrink: 0;
    position: relative;
}
.product-kits-view-06 .product-specs-details .product-size-img i{
    position: absolute;
    font-size: 12px;
    left: 0px;
    bottom: 5px;
    color: #ccc;
}
.product-kits-view-06 .product-specs-details .product-size-img img {
    /* display: inline-block; */
    /* transform: scale(.8); */
}


/* 套件相关产品列表*/

.product-kits-related .part-content{
    flex-wrap: wrap;
}
.product-kits-related .prart-list-item{
    width: 33.3333333%;
    display: flex;
    padding: 20px 0;
    border-top: 1px solid #eee;
    position: relative;
}
/*前三个*/
.product-kits-related .prart-list-item:nth-child(-n+3){
    border-top: 0;
}
.product-kits-related .prart-list-item::after{
    content: '';
    width: 1px;
    height: calc(100% - 30px);
    background-color: #eee;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
/*3的倍数个*/
.product-kits-related .prart-list-item:nth-child(3n)::after{
    width: 0;
}
.product-kits-related .part-img{
    width: 40%;
    text-align: center;
    position: relative;
}
.product-kits-related .prart-list-item .part-img img{
    width: 110px;
    height: 110px;
    display: inline-block;
    z-index: 2;
    position: relative;
    transition: all 0.3s;
    top: 0;
}
.product-kits-related .prart-list-item:hover .part-img img{
    top: 4px;
}
.product-kits-related .part-img i{
    width: 125px;
    height: 36px;
    display: inline-block;
    background-color: rgba(249, 250, 252, 1);
    position: absolute;
    border-radius: 20px;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
.product-kits-related .part-text{
    width: 60%;
    font-size: 14px;
    padding: 6px;
    position: relative;
}
.product-kits-related .part-text .arrow{
    position: absolute;
    right: 12px;
    bottom: 6px;
    transition: all 0.3s;
}
.product-kits-related .part-text .arrow:hover{
    right: 6px;
}

/*产品相关faq*/
.product-faqs{
    background-color: #f7f7f7;
}
.product-faqs .product-faqs-details{
    max-width: 960px;
    width: 100%;
}
.product-faqs .faqs-list .faqs-item{
    margin: 5px auto;
    width: 100%;
}
.product-faqs .faqs-list .faqs-item .question{
    padding: 0.6rem 1rem;
    background-color: #fff;
    padding-right: 3rem;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #eee;
}
.product-faqs .faqs-list .faqs-item .question:hover{
    background-color: #f7f9fc;
}
.product-faqs .faqs-list .faqs-item .answer{
    display: none;
    background-color: #fff;
    padding: 1rem;
    margin-top: 0;
    /*border-top: 1px solid #eee;*/
    border-radius: 0 0 5px 5px;
}
.product-faqs .faqs-list .faqs-item .answer ol,
.product-faqs .faqs-list .faqs-item .answer ul{
    padding: 1rem;
    list-style: initial;
}
.product-faqs .faqs-list .faqs-item .answer p{
    margin: 10px 0;
    line-height: 1.4;
}
.product-faqs .faqs-list .faqs-item .answer b,
.product-faqs .faqs-list .faqs-item .answer strong{
    font-family: var(--font-bold);
}
.product-faqs .faqs-list .faqs-item .question::before{
    content: '';
    width: 0;
    height: 0;
    border: 5px solid var(--color-darkblue);
    position: absolute;
    top: 50%;
    right: 1rem;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 0;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out;
}
.product-faqs .faqs-list .faqs-item.active .question::before{
    transform: translateY(-50%) rotate(90deg);
}


/*提交表单*/
.product-kits-view-05>div{
    flex-direction: column;
}
.product-kits-view-05 .product-form-details{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.product-kits-view-05 .product-form-details form{
     flex-direction: column;
     display: flex;
}
.product-kits-view-05 .product-form-details .form-msg01,
.product-kits-view-05 .product-form-details .form-msg02{
    width: 100%;
    flex-wrap: wrap;
}
.product-kits-view-05 .product-form-details .form-msg01>p,
.product-kits-view-05 .product-form-details .form-msg02>p{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.product-kits-view-05 .product-form-details .form-msg01 label{
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 2rem;
    position: relative;
}
.product-kits-view-05 .product-form-details .form-msg01 label:nth-child(2n+1){
    margin-right: 0;
}

.product-kits-view-05 .product-form-details .form-msg02 label{
    width: 100%;
}
.product-kits-view-05 .product-form-details .form-msg01 label input{
    width: 100%;
    padding: 1rem;
    color: #999;
    /*margin-top: 2rem;*/
    background-color: #f7f9fc;
    outline: none;
    border: 0;
}
.product-kits-view-05 .product-form-details .form-msg02 textarea {
    width: 100%;
    margin-bottom: 2rem;
    /*margin-top: 2rem;*/
    background-color: #f7f9fc;
    outline: none;
    border: 0;
    padding: 0.5rem 1rem;
    color: #999;
    box-sizing: border-box;
     font-family: 'MULI-Regular';
}

/*下单选框*/
.product-kits-view-05 .form-msg01 label.is-select input{
    cursor: auto;
}
.product-kits-view-05 .form-msg01 label .select-arrow{
position: absolute;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    width: 6px;
    height: 6px;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%) rotate(225deg);
}
.product-kits-view-05 .form-msg01 label .select-options{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    border: 1px solid #f1f1f1;
    padding: 1rem 0;
    background-color: #fff;
    z-index: 1;
        box-sizing: border-box;
        display: none;
}
.product-kits-view-05 .form-msg01 label .select-options span{
    display: block;
    display: block;
    padding: 3px 1rem;
    cursor: pointer;
}
.product-kits-view-05 .form-msg01 label .select-options span:hover{
    background-color: #f1f1f1;
}
.product-kits-view-05 .form-msg01 label .select-options br{
    display: none;
}
/*模拟下拉框结束*/

.product-kits-view-05 .form-msg02 textarea {
    width: 100%;
    margin-bottom: 2rem;
    background-color: #f7f9fc;
    outline: none;
    border: 0;
    padding: 0.5rem 1rem;
    color: #999;
    box-sizing: border-box;
     font-family: 'MULI-Regular';
}
.wpcf7-not-valid-tip{
    position: absolute;
    bottom: -2rem;
    left: 0;
}



/*验证码样式*/
.product-kits-view-05 .product-form-details .form-msg02 .yzm{
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 2rem;
}
.product-kits-view-05 .product-form-details .form-msg02 .yzm input{
    width: 200px;
    padding: 1rem;
    color: #999;

    background-color: #f7f9fc;
    outline: none;
    border: 0;
    margin-right: 20px;
}
.product-kits-view-05 .product-form-details .form-msg02 .yzm img{
    height: 40px;
    transform: scale(.8);
}

.product-kits-view-05 .product-form-details .sub-button input{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 150px;
    margin-bottom: 20px;
    border: none;
    background: var(--color-darkblue);
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin: auto;
    border-radius: 20px;
}

.product-kits-view-05 .product-form-desc{
    line-height: 1.5;
    color: #999;
}
.product-kits-view-05 .product-form-desc i{
    font-size: 1.1em;
    margin-right: 5px;
}


/*产品推荐块*/
.product-kits-view-08{
    padding: 80px 0;
    /*background-color: rgba(227,235,244,0.3);*/
    background-color: #FFF;
}
.product-kits-view-08>div{
    flex-direction: column;
}
.product-kits-view-08 .product-related-text{
    font-size: 16px;
    text-align: center;
}
.product-kits-view-08 .product-related-text h3{
    margin-bottom: 10px;
    font-family: var(--font-bold);
    font-weight: 200;
    color: var(--color-darkblue);
}
.product-kits-view-08 .product-related-list{
    flex-direction: row;
    align-items: center;
    margin-top: 40px;
    justify-content: center;
    column-gap: 5%;
}
.product-kits-view-08 .product-related-list .product-related-item{
    width: 30%;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
}
.product-kits-view-08 .product-related-list .product-related-item:hover{
    border: 1px solid #eee;
}
.product-kits-view-08 .product-related-list .product-related-item a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.product-kits-view-08 .product-related-list .product-related-item h4{
    font-size: 18px;
    font-family: var(--font-bold);
    max-width: 280px;
    text-align: center;
    height: 60px;
    line-height: 30px;
    margin-top: 30px;
}


/*产品模板 03  style03*/
/*banner*/
.product-style03.product-banner{}
.product-style03.product-banner .banner{
    position: relative;
}
.product-style03.product-banner .banner .bg{
    aspect-ratio: 1920 / 800;
    position: relative;
}
.product-style03.product-banner .banner .bg::before{
    position: absolute;
    inset: 0;
    content: '';
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(
      ellipse at top left,
      #f0f7fd 0%,
      #ebf4fa 40%,
      #b9def1 100%
    );
}
.product-style03.product-banner .banner .bg>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-style03.product-banner .banner .content{
    position: absolute;
    inset: 0;
    padding-top: var(--nav-height);
    background: radial-gradient(
      ellipse at top left,
      #f0f7fd 0%,
      #ebf4fa 40%,
      #b9def1 100%
    );
}
.product-style03.product-banner .banner .content>div {
    column-gap: 8%;
    height: 100%;
}
.product-style03.product-banner .banner .content .info{
    flex-grow: 1;
}
.product-style03.product-banner .banner .content .info h1{
    line-height: 1.2;
}
.product-style03.product-banner .banner .content .info .btn{
    padding: 10px 30px;
    border-radius: 7px;
    background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));
    color: #fff;
    margin-right: auto;
    transition: all 0.2s;
}
.product-style03.product-banner .banner .content .info .btn:hover{
    transform: translateX(5px);
}
.product-style03.product-banner .banner .content .img{
    width: 50%;
    flex-shrink: 0;
}
.product-style03.product-banner .banner .content .img>img{
    max-width: 540px;
    aspect-ratio: 1 / 1;
    width: 100%;
}
.product-style03.product-nav{
    /*position: sticky;*/
    /*top: var(--nav-height);*/
    /*background-color: #fff;*/
    /*z-index: 9;*/
}
.product-style03.product-nav .nav{
    padding-top: unset;
    border-bottom: 1px solid #ccc;
}
.product-style03.product-nav .nav .list{
    column-gap: 3rem;
}
.product-style03.product-nav .nav .item{
    padding: 1rem 0;
    cursor: pointer;
    position: relative;
    transition: all 0.2s;
}
.product-style03.product-nav .nav .item>a{
    display: block;
    color: #9fa3ae;
}
.product-style03.product-nav .nav .item.active a,
.product-style03.product-nav .nav .item.active{
    color: initial;
}
.product-style03.product-nav .nav .item::after{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    border-radius: 1px;
    background-color: transparent;
    transform: translateY(50%);
    transition: all 0.2s;
}
.product-style03.product-nav .nav .item.active::after{
    background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));
}
.product-style03.product-nav .crumbs{
    align-items: center;
    column-gap: 10px;
    padding-top: 2rem;
    padding-bottom: 1rem;
}
.product-style03.product-nav .crumbs a{
    color: initial;
}
.product-style03.product-nav .crumbs .cat{
    padding: 2px 2rem;
    background-color: #0070d0;
    color: #fff;
    border-radius: 1rem;
}

/*区块*/
.product-style03.product-block {
    background-position: center;
    background-size: cover;
    position: relative;
}
.product-style03.product-block .block-name {
    text-transform: uppercase;
    position: relative;
}
.product-style03.product-block .block-name .line{
    height: 1.5px;
    background: linear-gradient(to right, var(--color-blue-02), var(--color-blue-02));
    position: absolute;
    width: 2rem;
    left: -1.5rem;
    top: 50%;
    transform: translate(-100%, -50%);
    opacity: 0.8;
}
.product-style03.product-block .block-name .line::before{
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    width: .5rem;
    height: .5rem;
    border-radius: .6rem;
    border: 1.5px solid var(--color-blue-02);
    background-color: #fff;
    transform: translateX(100%) translateY(-50%);
}
.product-style03.product-block .block-name .line .line-01{
    position: absolute;
    content: '';
    top: 50%;
    width: 2.5rem;
    height: 1.5px;
    background-color: var(--color-blue-02);
    transform: translateX(-100%) translateY(-50%) rotate(-40deg);
    transform-origin: right center;
    left: 0;
}
.product-style03.product-block .block-name .line .line-01::after{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 8rem;
    height: 1.5px;
    background: linear-gradient(to right, #54c9fe00, var(--color-blue-02));
    transform: translateX(-100%) translateY(-50%) rotate(40deg);
    transform-origin: right center;
}
.product-style03.product-block .specs .container{
    column-gap: 1%;
    position: relative;
}
.product-style03.product-block .specs .container::before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));
    z-index: 1;
}
.product-style03.product-block .specs .container .size-img {
    width: 25%;
    flex-shrink: 0;
    /*background: #fafafa;*/
}
.product-style03.product-block .specs .container .size-img i{
    letter-spacing: -.2px;
}
.product-style03.product-block .specs .container .spec-table{
    flex-grow: 1;
    overflow-x: auto;
    max-width: 100%;
}
.product-style03.product-block .specs .container .spec-table table{
    width: 100%;
    border-collapse: collapse;
}
.product-style03.product-block .specs .container .spec-table tr:first-child{
     border-top: 1px solid #ddd; 
}
.product-style03.product-block .specs .container .spec-table tr{
    border-bottom: 1px solid #ddd;
}
.product-style03.product-block .specs .container .spec-table tr td:first-child{
    font-family: var(--font-bold);
    background-color: #f8f8f8;
    max-width: 220px;
    width: 28%;
    color: var(--color-darkblue);
    /*position: sticky;*/
    /*left: 0;*/
    text-align: left;
}
.product-style03.product-block .specs .container .spec-table th{
     padding: 0.5rem 2rem;
    white-space: nowrap;
    background-color: rgba(248, 249, 251, .8);
    font-family: var(--font-bold);
    color: var(--color-darkblue);
}
.product-style03.product-block .specs .container .spec-table td {
    padding: 0.6rem 2rem;
    /*white-space: nowrap;*/
    text-align: center;
}
.product-style03.product-block .specs .container .spec-table td a{
    display: inline-block;
    border-bottom: 1px dashed #999;
}
/*表单*/
.product-style03.product-block.form-block::before{
    position: absolute;
    content: '';
    inset: 0;
    background-image: url(https://www.minew.com/wp-content/uploads/2025/12/redesign-home-form-bg.webp);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}
.product-style03.product-block .form {
    column-gap: 8%;
    position: relative;
}

.product-style03.product-block .form .left {
    flex-grow: 1;
    padding-bottom: 2rem;
    z-index: 1;
    position: relative;
}

.product-style03.product-block .form .left .more {
    margin-top: auto;
}
.product-style03.product-block .form .left .more>a {
    color: var(--color-blue-01);
}

.product-style03.product-block .form .right {
    width: 60%;
    position: relative;
    flex-shrink: 0;
    background-color: #fff;
    padding: 3rem;
    border-radius: 2rem;
    box-shadow: 6px 6px 10px #d7d7d791;
    z-index: 1;
}
.product-style03.product-block .form-box form{
     flex-direction: column;
     display: flex;
}
.product-style03.product-block .form-box .form-msg01,
.product-style03.product-block .form-box .form-msg02{
    width: 100%;
    flex-wrap: wrap;
}
.product-style03.product-block .form-box .form-msg01>p,
.product-style03.product-block .form-box .form-msg02>p{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    column-gap: 2rem;
    row-gap: 2rem;
    margin-top: 1rem;
}

.product-style03.product-block .form-box .form-msg01 p>label{
    width: calc( 50% - 1rem );
    position: relative;
}
.product-style03.product-block .form-box .form-msg01 label.full,
.product-style03.product-block .form-box .form-msg02 label{
    width: 100%;
}
.product-style03.product-block .form-box .form-msg01 label input{
    outline: none;
    border: 0;
    background-color: transparent;
}
.product-style03.product-block .form-box .form-msg01 label>span{
    width: 100%;
    padding: .5rem 0;
    color: #545454;
    background-color: transparent;
    position: relative;
    display: block;
}
.product-style03.product-block .form-box .form-msg01 label>span::before{
    content: '';
    position: absolute;
    background: #efefef;
    transition: all 0.2s;
    width: 100%;
    height: 1.5px;
    bottom: 0;
    left: 0;
}
.product-style03.product-block .form-box .form-msg01 label>span.active::before{
    background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));
}


.product-style03.product-block .form-box .form-msg01 label.is-select input{
    cursor: auto;
}
.product-style03.product-block .form-box .form-msg01 label .select-arrow{
    position: absolute;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    width: 6px;
    height: 6px;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%) rotate(225deg);
    padding: 0;
}
.product-style03.product-block .form-box .form-msg01 label .select-options{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    border: 1px solid #f1f1f1;
    padding: 1rem 0;
    background-color: #fff;
    z-index: 1;
    box-sizing: border-box;
    display: none;
}
.product-style03.product-block .form-box .form-msg01 label .select-options span{
    display: block;
    display: block;
    padding: 3px 1rem;
    cursor: pointer;
}
.product-style03.product-block .form-box .form-msg01 label .select-options span:hover{
    background-color: #f1f1f1;
}
.product-style03.product-block .form-box .form-msg01 label .select-options br{
    display: none;
}

.product-style03.product-block .form-box .form-msg02 textarea {
    width: 100%;
    background-color: transparent;
    outline: none;
    border: 0;
    padding: 0.5rem 0;
    color: #545454;
    box-sizing: border-box;
    font-family: 'MULI-Regular';
}
.product-style03.product-block .form-box .form-msg02 label>span{
    position: relative;
}
.product-style03.product-block .form-box .form-msg02 label>span::before{
    content: '';
    position: absolute;
    background: #efefef;
    transition: all 0.2s;
    width: 100%;
    height: 1.5px;
    bottom: 0;
    left: 0;
}
.product-style03.product-block .form-box .form-msg02 label>span.active::before{
    background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));
}
.product-style03.product-block .form-box .form-msg02 .yzm{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.product-style03.product-block .form-box .form-msg02 .yzm input{
    width: 140px;
    padding: 0.5rem 0;
    color: #545454;
    outline: none;
    border: 0;
}

.product-style03.product-block .form-box .sub-button button{
    border: none;
    background: var(--color-darkblue);
    color: #fff;
    cursor: pointer;
    border-radius: 7px;
    background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));
    text-align: center;
    transition: all 0.2s;
    padding: 12px 34px;
}
.product-style03.product-block .form-box .sub-button button:hover {
    transform: translateX(5px);
}