/* #mod-nav start */
 .mod-nav-wrap{position: relative;overflow: visible !important;z-index: 10;}
.mod-nav-wrap.wrap, .mod-nav-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.mod-nav-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.mod-nav-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.mod-nav-wrap .tr-x{transform: rotateY(180deg);}
.mod-nav-wrap .tr-y{transform: rotateY(180deg);}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-top]{transform: translateY(-50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-top{animation: ani-slide-top 0.8s ease-in-out forwards;}
@keyframes ani-slide-bottom{to{transform: translateY(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-bottom]{transform: translateY(50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-bottom{animation: ani-slide-bottom 0.8s ease-in-out forwards;}
@keyframes ani-slide-left{to{transform: translateX(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-left]{transform: translateX(-50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-left{animation: ani-slide-left 0.8s ease-in-out forwards;}
@keyframes ani-slide-right{to{transform: translateX(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-right]{transform: translateX(50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-right{animation: ani-slide-right 0.8s ease-in-out forwards;}
@keyframes ani-lessen{to{transform: scale(1);opacity: 1;}
}
.mod-nav-wrap [ani-lessen]{transform: scale(1.5);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-lessen{animation: ani-lessen 0.8s ease-in-out forwards;}
@keyframes ani-scale{to{transform: scale(1);opacity: 1;}
}
.mod-nav-wrap [ani-scale]{transform: scale(0.5);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-scale{animation: ani-scale 0.8s ease-in-out forwards;}
@keyframes ani-scale-x{to{transform: scaleX(1);opacity: 1;}
}
.mod-nav-wrap [ani-scale-x]{transform: scaleX(0);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-scale-x{animation: ani-scale-x 0.8s ease-in-out forwards;}
@keyframes ani-scale-y{to{transform: scaleY(1);opacity: 1;}
}
.mod-nav-wrap [ani-scale-y]{transform: scaleY(0);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-scale-y{animation: ani-scale-y 0.8s ease-in-out forwards;}
@keyframes ani-rotate{to{transform: rotateZ(0);opacity: 1;}
}
.mod-nav-wrap [ani-rotate]{transform: rotateZ(-90deg);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-rotate{animation: ani-rotate 0.8s ease-in-out forwards;}
@keyframes ani-rotate-reverse{to{transform: rotateZ(0);opacity: 1;}
}
.mod-nav-wrap [ani-rotate-reverse]{transform: rotateZ(90deg);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-rotate-reverse{animation: ani-rotate-reverse 0.8s ease-in-out forwards;}
.mod-nav-wrap .mod-nav{display: flex;align-items: center;justify-content: space-between;z-index: 10;}
.mod-nav-wrap .mod-nav.detail{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.mod-nav-wrap .mod-nav-list{display: flex;height: 0.9rem;overflow-x: auto;}
.mod-nav-wrap .mod-nav-item{display: flex;align-items: center;height: 100%;color: #333;white-space: nowrap;transition: 0.3s;}
.mod-nav-wrap .mod-nav-item:nth-child(n+2){margin-left: 0.95rem;}
.mod-nav-wrap .mod-nav-item:hover{color: #66ccff;}
.mod-nav-wrap .mod-nav-item.active{color: #66ccff;box-shadow: 0 -0.02rem 0 0 inset #66ccff;}
.mod-nav-wrap .breadcrumbs{display: flex;color: #777;}
.mod-nav-wrap .breadcrumb-item{display: flex;align-items: center;cursor: pointer;transition: 0.3s;}
.mod-nav-wrap .breadcrumb-item:first-child{display: block;height: 1em;width: 1em;margin-right: 0.1rem;background: url("./images/icon/home.png") no-repeat center/contain;}
.mod-nav-wrap .breadcrumb-item:nth-child(n+3)::before{content: "-";display: block;margin: 0 0.1rem;color: #999 !important;}
.mod-nav-wrap .breadcrumb-item:last-child{color: #333 !important;}
.mod-nav-wrap .breadcrumb-item:hover{color: #66ccff;}
@media (max-width: 750px){.mod-nav .breadcrumbs{display: none;}
}
/* #mod-nav end */

/*! #product-view start */
.product-view-wrap {
    min-height: 7.2rem;
    padding-top: 1.2rem;
    padding-bottom: 1rem;
    background-color: #f7f7f7
}

.product-view-wrap input,
.product-view-wrap button {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    margin: 0;
    padding: 0
}

.product-view-wrap .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    transition: .3s
}

.product-view-wrap .tr-x {
    transform: rotateY(180deg)
}

.product-view-wrap .tr-y {
    transform: rotateY(180deg)
}

.product-view-wrap .cn-wh,
.product-view-wrap .cn-w,
.product-view-wrap .cv-wh,
.product-view-wrap .cv-w {
    width: 100%
}

.product-view-wrap .cn-wh,
.product-view-wrap .cn-h,
.product-view-wrap .cv-wh,
.product-view-wrap .cv-h {
    height: 100%
}

.product-view-wrap .cn-wh,
.product-view-wrap .cn-w,
.product-view-wrap .cn-h {
    object-fit: contain
}

.product-view-wrap .cv-wh,
.product-view-wrap .cv-w,
.product-view-wrap .cv-h {
    object-fit: cover
}

.product-view-wrap .pic-box {
    width: 100%;
    height: 100%
}

.product-view-wrap .pic-box img {
    max-width: 100%;
    max-height: 100%
}

.product-view-wrap.wrap,
.product-view-wrap .wrap {
    padding-left: .6rem;
    padding-right: .6rem;
    max-width: 100%;
    overflow: hidden
}

.product-view-wrap .area {
    margin: 0 auto;
    width: 100%;
    max-width: 16rem
}

.product-view-wrap [data-eps] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 0;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    -webkit-box-orient: vertical;
    max-width: 100%
}

.product-view-wrap [data-eps="1"] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.product-view-wrap .icon-btn {
    display: inline-flex;
    align-items: center;
    min-width: 1.8rem;
    min-height: .54rem;
    color: #fff;
    border-radius: .3rem;
    background-color: #6cf;
    padding: .15rem .45rem
}

.product-view-wrap .icon-btn .icon-box {
    margin-left: .2rem
}

.product-view-wrap .module-nav-wrap {
    background-color: rgba(0, 0, 0, 0)
}

.product-view-wrap .product-view {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: .2rem 0
}

.product-view-wrap .pv-header {
    position: relative;
    padding-bottom: .4rem;
    border-bottom: .01rem solid #ccc
}

.product-view-wrap .pv-header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: .5rem;
    height: .05rem;
    background-color: #6cf
}

.product-view-wrap .pv-left {
    max-width: 5.6rem;
    width: 100%
}

.product-view-wrap .pv-model {
    color: #6cf;
    line-height: 1.5
}

.product-view-wrap .pv-name {
    line-height: 1.28;
    margin-top: .05rem
}

.product-view-wrap .pv-info {
    line-height: 2.16;
    color: #666;
    margin-top: .4rem
}

.product-view-wrap .pv-info p {
    line-height: unset
}

.product-view-wrap .pv-btns {
    display: flex;
    padding-top: .3rem;
    margin-top: auto
}

.product-view-wrap .icon-btn i {
    margin-right: 0;
    margin-left: .2rem
}

.product-view-wrap .download {
    background-color: #6cf
}

.product-view-wrap .pv-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    max-width: 100%;
    height: 100%;
}

.product-view-wrap .product-pic {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 7rem;
    max-height: 7rem;
    width: 100%;
    height: 100%
}

.product-view-wrap .swp-turner {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 5
}

.product-view-wrap .swp-prev,
.product-view-wrap .swp-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .5rem;
    height: .5rem;
    padding: .1rem;
    border-radius: 50%;
    background-color: #6cf;
    transition: .3s;
    pointer-events: auto
}

.product-view-wrap .swp-prev:hover,
.product-view-wrap .swp-next:hover {
    box-shadow: .01rem .01rem .05rem 0 rgba(0, 0, 0, .3333333333)
}

.product-view-wrap .swp-arr {
    display: block;
    transform: translateX(25%) rotateZ(-45deg);
    width: 50%;
    height: 50%;
    border: .02rem solid #fff;
    border-right-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
    pointer-events: none
}

.product-view-wrap .swp-next .swp-arr {
    transform: translateX(-25%) rotateZ(135deg)
}

.product-view-wrap .pv-list {
    margin-left: .7rem
}

.product-view-wrap .pv-item {
    position: relative;
    width: 1rem;
    /* height: 1rem; */
    background-color: #fff;
    border-radius: .1rem;
    padding: .15rem;
    opacity: .5;
    cursor: pointer;
    transition: .3s
}
.product-view-wrap .product-pic video {
    height: 7rem;
}
.product-view-wrap .pv-item img+.video-ctrl {
    display: none
}

.product-view-wrap .pv-item:nth-child(n+2) {
    margin-top: .1rem
}

.product-view-wrap .pv-item.active {
    opacity: 1;
    box-shadow: 0 0 0 .01rem inset #6cf
}

.product-view-wrap .video-ctrl {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 2
}

.product-view-wrap .video-ctrl .play {
    width: 36%;
    height: 36%
}

@media(max-width: 750px) {
    .product-view-wrap {
        height: auto
    }

    .product-view-wrap .product-view {
        flex-direction: column
    }

    .product-view-wrap .pv-right {
        flex-direction: column;
        margin-top: .8rem
    }

    .product-view-wrap .pv-list {
        display: flex;
        margin-top: .8rem;
        margin-left: 0
    }

    .product-view-wrap .pv-item:nth-child(n+2) {
        margin-top: 0;
        margin-left: .2rem
    }
}

/*! #product-view end */

/* #trait start */
 .trait-wrap{padding-top: 1rem;padding-bottom: 0.5rem;}
.trait-wrap input, .trait-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.trait-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.trait-wrap .tr-x{transform: rotateY(180deg);}
.trait-wrap .tr-y{transform: rotateY(180deg);}
.trait-wrap .cn-wh, .trait-wrap .cn-w, .trait-wrap .cv-wh, .trait-wrap .cv-w{width: 100%;}
.trait-wrap .cn-wh, .trait-wrap .cn-h, .trait-wrap .cv-wh, .trait-wrap .cv-h{height: 100%;}
.trait-wrap .cn-wh, .trait-wrap .cn-w, .trait-wrap .cn-h{object-fit: contain;}
.trait-wrap .cv-wh, .trait-wrap .cv-w, .trait-wrap .cv-h{object-fit: cover;}
.trait-wrap .pic-box{width: 100%;height: 100%;}
.trait-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.trait-wrap.wrap, .trait-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.trait-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.trait-wrap [data-eps]{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height: 0;/*! autoprefixer: off */ -webkit-box-orient: vertical;/* autoprefixer: on */ -webkit-box-orient: vertical;max-width: 100%;}
.trait-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.trait-wrap .trait-inner{max-width: 10.8rem;width: 100%;}
.trait-wrap .trait-title{color: #222;line-height: 1.2;font-family: "MiSans-Semibold";}
.trait-wrap .trait-list{margin-top: 0.35rem;line-height: 2.38;color: #666;}
.trait-wrap .trait-item{display: flex;align-items: center;line-height: inherit;}
.trait-wrap .trait-item::before{content: "";display: inline-block;height: 0.04rem;width: 0.04rem;margin-right: 0.1rem;aspect-ratio: 1;background-color: #66ccff;}
/* #trait end */

/* #param start */
 .param-wrap{padding-top: 0.2rem;padding-bottom: 0.5rem;}
.param-wrap input, .param-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.param-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.param-wrap .tr-x{transform: rotateY(180deg);}
.param-wrap .tr-y{transform: rotateY(180deg);}
.param-wrap .cn-wh, .param-wrap .cn-w, .param-wrap .cv-wh, .param-wrap .cv-w{width: 100%;}
.param-wrap .cn-wh, .param-wrap .cn-h, .param-wrap .cv-wh, .param-wrap .cv-h{height: 100%;}
.param-wrap .cn-wh, .param-wrap .cn-w, .param-wrap .cn-h{object-fit: contain;}
.param-wrap .cv-wh, .param-wrap .cv-w, .param-wrap .cv-h{object-fit: cover;}
.param-wrap .pic-box{width: 100%;height: 100%;}
.param-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.param-wrap.wrap, .param-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.param-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.param-wrap [data-eps]{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height: 0;/*! autoprefixer: off */ -webkit-box-orient: vertical;/* autoprefixer: on */ -webkit-box-orient: vertical;max-width: 100%;}
.param-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.param-wrap .param-title{line-height: 1.2;color: #222;font-family: "MiSans-Semibold";}
.param-table{margin-top: 0.45rem;max-width: 100%;overflow-x: auto;}
.param-table table{width: 100%;border: none;}
.param-table th, .param-table td{text-align: center;height: 0.6rem;padding: 0.1rem 0.2rem;border: solid 0.01rem #f3f3f3;}
.param-table th{color: #fff;background-color: #66ccff;}
.param-table td{color: #333;}
/* #param end */

/* #apply start */
 .apply-wrap{
 

 padding-top: 0.45rem;padding-bottom: 0.9rem;background-color: #fff;}
.apply-wrap input, .apply-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.apply-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.apply-wrap .tr-x{transform: rotateY(180deg);}
.apply-wrap .tr-y{transform: rotateY(180deg);}
.apply-wrap .cn-wh, .apply-wrap .cn-w, .apply-wrap .cv-wh, .apply-wrap .cv-w{width: 100%;}
.apply-wrap .cn-wh, .apply-wrap .cn-h, .apply-wrap .cv-wh, .apply-wrap .cv-h{height: 100%;}
.apply-wrap .cn-wh, .apply-wrap .cn-w, .apply-wrap .cn-h{object-fit: contain;}
.apply-wrap .cv-wh, .apply-wrap .cv-w, .apply-wrap .cv-h{object-fit: cover;}
.apply-wrap .pic-box{width: 100%;height: 100%;}
.apply-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.apply-wrap.wrap, .apply-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.apply-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.apply-wrap [data-eps]{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height: 0;/*! autoprefixer: off */ -webkit-box-orient: vertical;/* autoprefixer: on */ -webkit-box-orient: vertical;max-width: 100%;}
.apply-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.apply-wrap .hover-line{position: relative;}
.apply-wrap .hover-line::after{content: "";position: absolute;bottom: -0.02rem;left: 0;width: 0;height: 0.02rem;background-color: #66ccff;transition: 0.3s;}
.apply-wrap .hover-line:hover::after{width: 100%;}
.apply-wrap .hover-shadow{cursor: pointer;transition: 0.3s;}
.apply-wrap .hover-shadow:hover{box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5333333333), -0.02rem -0.02rem 0.05rem rgba(0, 0, 0, 0.2) inset, 0.02rem 0.02rem 0.05rem rgba(255, 255, 255, 0.5333333333) inset;}
.apply-wrap .hover-pic .pic-box{max-width: 100%;max-height: 100%;overflow: hidden;}
.apply-wrap .hover-pic .pic-box img{transition: 0.5s;}
.apply-wrap .hover-pic:hover .pic-box img{transform: scale(1.05);}
.apply-wrap .apply-title{line-height: 1.2;color: #222;font-family: "MiSans-Semibold";}
.apply-wrap .apply-main{display: flex;margin-top: 0.45rem;}
.apply-wrap .apply-item{position: relative;display: block;width: calc((100% - 1rem) / 3);height: 3.6rem;}
.apply-wrap .apply-item:nth-child(n+2){margin-left: 0.5rem;}
.apply-wrap .apply-cover{position: absolute;bottom: 0;left: 0;display: flex;align-items: flex-end;justify-content: center;width: 100%;height: 1.2rem;padding: 0.3rem;color: #fff;background: linear-gradient(to top, #66ccff, rgba(102, 204, 255, 0));}
@media (max-width: 750px){.apply-wrap .apply-main{flex-direction: column;}
.apply-wrap .apply-item{width: 100%;}
.apply-wrap .apply-item:nth-child(n+2){margin-left: 0;margin-top: 0.5rem;}
}
/* #apply end */

/*! #correlate start */.correlate-wrap{padding-top:.95rem;padding-bottom:1rem;background-color:#faf9f9}.correlate-wrap input,.correlate-wrap button{background-color:rgba(0,0,0,0);border:none;outline:none;margin:0;padding:0}.correlate-wrap .icon-box{display:flex;align-items:center;justify-content:center;width:1em;height:1em;transition:.3s}.correlate-wrap .tr-x{transform:rotateY(180deg)}.correlate-wrap .tr-y{transform:rotateY(180deg)}.correlate-wrap .cn-wh,.correlate-wrap .cn-w,.correlate-wrap .cv-wh,.correlate-wrap .cv-w{width:100%}.correlate-wrap .cn-wh,.correlate-wrap .cn-h,.correlate-wrap .cv-wh,.correlate-wrap .cv-h{height:100%}.correlate-wrap .cn-wh,.correlate-wrap .cn-w,.correlate-wrap .cn-h{object-fit:contain}.correlate-wrap .cv-wh,.correlate-wrap .cv-w,.correlate-wrap .cv-h{object-fit:cover}.correlate-wrap .pic-box{width:100%;height:100%}.correlate-wrap .pic-box img{max-width:100%;max-height:100%}.correlate-wrap.wrap,.correlate-wrap .wrap{padding-left:.6rem;padding-right:.6rem;max-width:100%;overflow:hidden}.correlate-wrap .area{margin:0 auto;width:100%;max-width:16rem}.correlate-wrap [data-eps]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:0;/*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-box-orient:vertical;max-width:100%}.correlate-wrap [data-eps="1"]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.correlate-wrap .hover-line{position:relative}.correlate-wrap .hover-line::after{content:"";position:absolute;bottom:-0.02rem;left:0;width:0;height:.02rem;background-color:#6cf;transition:.3s}.correlate-wrap .hover-line:hover::after{width:100%}.correlate-wrap .hover-shadow{cursor:pointer;transition:.3s}.correlate-wrap .hover-shadow:hover{box-shadow:.02rem .02rem .05rem rgba(0,0,0,0.5333333333),-0.02rem -0.02rem .05rem rgba(0,0,0,.2) inset,.02rem .02rem .05rem hsla(0,0%,100%,0.5333333333) inset}.correlate-wrap .hover-pic .pic-box{max-width:100%;max-height:100%;overflow:hidden}.correlate-wrap .hover-pic .pic-box img{transition:.5s}.correlate-wrap .hover-pic:hover .pic-box img{transform:scale(1.05)}.correlate-wrap .correlate-title{line-height:1.2;text-align:center;color:#222;font-family:"MiSans-Semibold"}.correlate-wrap .correlate-main{display:flex;flex-wrap:wrap;margin-top:.55rem}.correlate-wrap .correlate-item{display:flex;flex-direction:column;width:calc((100% - .78rem)/4);height:4.6rem;padding:.3rem;background-color:#fff;transition:.3s}.correlate-wrap .correlate-item:nth-child(n+2){margin-left:.26rem}.correlate-wrap .correlate-item:nth-child(4n+1){margin-left:0}.correlate-wrap .correlate-item:nth-child(n+5){margin-top:.26rem}.correlate-wrap .correlate-item:hover{box-shadow:.05rem .05rem .1rem rgba(0,0,0,.1333333333)}.correlate-wrap .correlate-item:hover .correlate-name{color:#6cf}.correlate-wrap .correlate-pic{height:3.2rem;padding:.1rem;max-width:100%}.correlate-wrap .correlate-name{margin-top:auto;text-align:center;color:#333;line-height:1.2;transition:.3s}@media(max-width: 750px){.correlate-wrap .correlate-item{width:calc((100% - .3rem)/2);height:auto}.correlate-wrap .correlate-item:nth-child(n+2){margin-left:.3rem}.correlate-wrap .correlate-item:nth-child(2n+1){margin-left:0}.correlate-wrap .correlate-item:nth-child(n+3){margin-top:.3rem}}/*! #correlate end */