@keyframes nextPageMove
{
    0%
    {
        transform: translateY(0);
        opacity: 1;
    }
    50%
    {
        transform: translateY(6px);
        opacity: .6;
    }
    100%
    {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes chainImgMove
{
    0%
    {
        transform: translateY(0);
    }
    16%
    {
        transform: translateY(-4px);
    }
    64%
    {
        transform: translateY(8px);
    }
    100%
    {
        transform: translateY(0);
    }
}
@keyframes OpacityChange1
{
    0%
    {
        opacity: 1;
    }
    11%
    {
        opacity: .2;
    }
    22%
    {
        opacity: .6;
    }
    33%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes OpacityChange2
{
    0%
    {
        opacity: 1;
    }
    33%
    {
        opacity: 1;
    }
    44%
    {
        opacity: .2;
    }
    55%
    {
        opacity: .6;
    }
    66%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes OpacityChange3
{
    0%
    {
        opacity: 1;
    }
    66%
    {
        opacity: 1;
    }
    77%
    {
        opacity: .2;
    }
    88%
    {
        opacity: .6;
    }
    99%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes RgbaChange1
{
    0%
    {
        transform: rotate(0deg);
    }
    11%
    {
        transform: rotate(-360deg);
    }
    22%
    {
        transform: rotate(360deg);
    }
    33%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(0deg);
    }
}
@keyframes RgbaChange2
{
    0%
    {
        transform: rotate(0deg);
    }
    33%
    {
        transform: rotate(0deg);
    }
    44%
    {
        transform: rotate(-360deg);
    }
    55%
    {
        transform: rotate(360deg);
    }
    66%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(0deg);
    }
}
@keyframes RgbaChange3
{
    0%
    {
        transform: rotate(0deg);
    }
    66%
    {
        transform: rotate(0deg);
    }
    77%
    {
        transform: rotate(-360deg);
    }
    88%
    {
        transform: rotate(360deg);
    }
    99%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(0deg);
    }
}
@media screen and (max-width: 1080px)
{
    .ylz-container-root
    {
        min-width: 1080px;
    }
}
.ylz-container-root
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
}
.ylz-container-root .container-wrap
{
    font-size: 16px;
}/* start 模块样式*/
.ylz-container-root .container-wrap .container-item
{
    position: relative;
    width: 100%;
    height: 100%;
}/* start banner样式 */
.container-item.head-banner-list
{
    position: relative;
}
.head-banner-list .head-banner-item
{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
}
.head-banner-list .head-banner-item.head-banner-active
{
    z-index: 20;
    opacity: 1;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
}
.head-banner-list .head-banner-item .video-home-bg
{
    position: relative;
    width: 100%;
    height: 100%;
}
.head-banner-list .head-banner-item .customer-collection-bg
{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url("../jpg/c06p0k.jpg") center/cover no-repeat;
}
.head-banner-item .customer-collection-bg .collect-circular-wrap
{
    position: relative;
    left: 6.17rem;
    top: 2.26rem;
    width: 4.85rem;
    height: 4.85rem;
    border-radius: 50%;
    background-color: rgba(255,255,255,.1);
    backdrop-filter: saturate(100%) blur(10px);
    z-index: 10;
}
.customer-collection-bg .collect-circular-wrap .text-ylz-logo
{
    margin-top: .76rem;
    margin-left: 1.26rem;
    width: 2.8rem;
    height: .9rem;
}
.customer-collection-bg .collect-circular-wrap .text-logo-intro
{
    margin-top: .32rem;
    margin-left: 1.32rem;
    width: 5.9rem;
    height: .42rem;
}
.customer-collection-bg .collect-circular-wrap .text-ylz-intro
{
    margin-top: .32rem;
    margin-left: 1.36rem;
    width: 6.1rem;
    font-weight: 400;
    font-size: .16rem;
    color: #fff;
    line-height: .28rem;
    text-align: justify;
}
.customer-collection-bg .collect-circular-wrap .detail-button
{
    margin-top: .32rem;
    margin-left: 1.36rem;
    display: inline-block;
    padding: .08rem .28rem;
    line-height: .22rem;
    font-size: .16rem;
    font-weight: 600;
    background: #06b880;
    color: #fff;
    border-radius: .24rem;
    cursor: pointer;
    box-shadow: 0 2px 4px 0 rgba(37,52,58,.25);
}
.head-banner-item .customer-collection-bg .circular-green-icon
{
    position: absolute;
    content: '';
    top: 2.67rem;
    left: 6.11rem;
    width: .88rem;
    height: .88rem;
    border-radius: 50%;
    background-color: #06b880;
    z-index: 11;
}/* end 图形 *//* start 应用商店 */
.app-container-bg
{
    background: url("../png/6e2qmg.png") center/cover no-repeat;
}
.container-item .app-warp-bg
{
    padding: 48px 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.container-item .app-warp-bg .app-title
{
    position: relative;
    font-weight: 500;
    color: #323233;
    line-height: .56rem;
    font-size: .4rem;
    z-index: 1;
}
.container-item .app-warp-bg .app-title::after
{
    position: absolute;
    right: -.1rem;
    bottom: .04rem;
    content: '';
    width: 1.5rem;
    height: .1rem;
    background-color: #06b880;
    z-index: -1;
}
.container-item .app-warp-bg .app-intro
{
    margin-top: .12rem;
    color: #666;
    line-height: .26rem;
}
.container-item .app-warp-bg .app-intro span
{
    font-size: .2rem;
}
.container-item .app-warp-bg .app-list-warp
{
    margin-top: .64rem;
}
.container-item .app-warp-bg .app-list
{
    margin-bottom: .24rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}/* start 图标效果 *//* end 图标效果 */
.container-item .app-warp-bg .app-list:last-child
{
    margin-bottom: 0;
}
.container-item .app-warp-bg .app-list .item
{
    position: relative;
    margin-right: .24rem;
    padding: .34rem .1rem .34rem .1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 2.2rem;
    color: #252525;
    background-color: rgba(255,255,255,.98);
    border-radius: .16rem;
}
.container-item .app-warp-bg .app-list .item:hover
{
    background-color: #06b880;
    color: #fff;
}
.container-item .app-warp-bg .app-list .item:hover::after
{
    position: absolute;
    bottom: .16rem;
    left: 50%;
    width: .44rem;
    height: .02rem;
    background-color: #fff;
    content: '';
    transform: translateX(-50%);
}
.container-item .app-warp-bg .app-list .item:last-child
{
    margin-right: 0;
}
.container-item .app-warp-bg .app-list .item .icon
{
    margin-bottom: .1rem;
    width: .56rem;
    height: .56rem;
}
.container-item .app-warp-bg .app-list .item .active-icon
{
    display: none;
    margin-bottom: .1rem;
    width: .56rem;
    height: .56rem;
}
.container-item .app-warp-bg .app-list .item:hover>.icon
{
    display: none;
}
.container-item .app-warp-bg .app-list .item:hover>.active-icon
{
    display: block;
}
.container-item .app-warp-bg .app-list .item .text
{
    font-weight: 600;
    line-height: .3rem;
}
.container-item .app-warp-bg .app-list .item .text span
{
    font-size: .16rem;
}/* end 应用商店 *//* start banner底部操作栏*/
.head-banner-list .banner-bottom-operate
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .96rem;
}
.head-banner-list .banner-bottom-operate .banner-bottom-wrap
{
    position: relative;
    width: 100%;
    height: 100%;
}
.banner-bottom-operate .banner-bottom-wrap .dot-list
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 101;
    font-size: 0;
}
.banner-bottom-wrap .dot-list .banner-dot-item
{
    display: inline-block;
    width: .24rem;
    height: .24rem;
    background-color: rgba(255,255,255,.3);
    border-radius: 50%;
    cursor: pointer;
}
.banner-bottom-wrap .dot-list .banner-dot-item+.banner-dot-item
{
    margin-left: .32rem;
}
.banner-bottom-wrap .dot-list .banner-dot-item.banner-active
{
    background-color: #06b880;
}/*end banner 底部操作栏*/
.container-item .video-home
{
    width: 100%;
    height: 100%;
}
.container-item .video-home .video-wrap
{
    width: 100%;
    height: 100%;
}
.container-item .video-mask
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.container-item .video-home .video-wrap .video-player
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.container-item .video-mask .mask-circular
{
    position: absolute;
    left: 44%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 4.67rem;
    height: 4.67rem;
    z-index: 11;
    border-radius: 50%;
    background-color: rgba(255,255,255,.1);
    backdrop-filter: saturate(100%) blur(25px);
    font-size: 16px;
}/* end banner样式 *//* start logo 处理*/
.mask-circular .logo-slogan-wrap
{
    position: absolute;
    top: 1.3rem;
    left: .99rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.mask-circular .logo-slogan-wrap .slogan
{
    position: relative;
    margin-left: 1rem;
    font-size: .24rem;
    color: #4ec19d;
    line-height: .33rem;
    letter-spacing: 4px;
    white-space: nowrap;
}
.mask-circular .logo-slogan-wrap .slogan:before
{
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    width: 1.46rem;
    height: .08rem;
    background: #4ec19d;
    opacity: .5;
}
.container-item .video-mask .mask-circular:after
{
    position: absolute;
    content: '';
    top: .6rem;
    left: 0;
    width: .72rem;
    height: .72rem;
    border-radius: 50%;
    background-color: #06b880;
    z-index: 12;
}
.container-item .video-mask .mask-circular .logo-slogan-wrap .text-ylz-logo
{
    width: 2.8rem;
    height: .9rem;
}
.container-item .video-mask .mask-circular .ylz-intro
{
    position: absolute;
    left: 1.06rem;
    top: 2.34rem;
    width: 5.38rem;
    height: .42rem;
    font-size: .52rem;
    color: #fff;
    line-height: .73rem;
    letter-spacing: 4px;
    white-space: nowrap;
}
.container-item .video-mask .mask-circular .ylz-intro .ylz-intro-text
{
    width: 100%;
    height: 100%;
}
.container-item .video-mask .mask-circular .ylz-intro .line
{
    display: inline-block;
    margin-right: .38rem;
    font-weight: lighter;
    opacity: .8;
}
.container-item .video-mask .mask-circular .download-hover-wrap
{
    display: flex;
    position: absolute;
    top: 3.5rem;
    left: 1.2rem;
    width: calc(100% - 1.2rem);
}
.container-item .video-mask .mask-circular .download-wrap
{
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-grow: 0;
    padding: .08rem .2rem;
    color: #1c1d1c;
    line-height: .22rem;
    font-size: .16rem;
    background-color: rgba(255,255,255,.5);
    white-space: nowrap;
    border-radius: .24rem;
    cursor: pointer;
    transition: margin-left .2s ease-in;
}
.container-item .video-mask .mask-circular .download-hover-wrap:hover .download-wrap
{
    padding: .09rem .2rem .13rem .2rem;
    margin-left: -.15rem;
}
.container-item .video-mask .mask-circular .download-wrap .download-icon-wrap
{
    display: flex;
    align-items: center;
}
.container-item .video-mask .mask-circular .download-hover-wrap:hover .qrcode-wrap
{
    display: block;
}
.container-item .video-mask .mask-circular .download-hover-wrap:hover .download-wrap .download-icon-wrap .download-icon
{
    display: none;
}
.container-item .video-mask .mask-circular .download-wrap .download-icon-wrap .download-icon
{
    display: inline-block;
    margin-right: .09rem;
    width: .24rem;
    height: .24rem;
    background: url("../png/t42wrt.png") center/cover no-repeat;
}
.container-item .video-mask .mask-circular .download-wrap .qrcode-wrap
{
    display: none;
    margin-top: .05rem;
    padding: .06rem;
    border: 1px solid #323233;
    border-radius: .1rem;
}
.container-item .video-mask .mask-circular .download-wrap .qrcode-wrap .qrcode
{
    width: .81rem;
    height: .81rem;
    border-radius: .1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.download-icon-wrap:hover+.qrcode-wrap
{
    display: block;
}/* end logo处理 */
.container-item .video-mask .mask-slider-line
{
    position: absolute;
    bottom: 14%;
    left: 13.6%;
    width: 2px;
    height: 1.6rem;
    background-color: #fff;
    opacity: .5;
}
.container-item .video-mask .mask-slider-text
{
    position: absolute;
    right: 13%;
    bottom: 5.2%;
    letter-spacing: 25px;
    font-size: 12px;
    color: #fff;
    transform: rotateZ(90deg);
    transform-origin: right top;
    -ms-transform: rotateZ(90deg);/* IE 9 */
    -ms-transform-origin: right top;/* IE 9 */
    -webkit-transform: rotateZ(90deg);/* Safari 和 Chrome */
    -webkit-transform-origin: right top;/* Safari 和 Chrome */
    -moz-transform: rotateZ(90deg);/* Firefox */
    -moz-transform-origin: right top;/* Firefox */
    -o-transform: rotateZ(90deg);/* Opera */
    -o-transform-origin: right top;/* Opera */
}/* end 模块样式 *//** 悬浮按钮样式 */
.ylz-homepage-root .next-page-btn
{
    position: fixed;
    left: 2.4rem;
    bottom: .4rem;
    width: .44rem;
    height: .44rem;
    z-index: 11;
    cursor: pointer;
    font-size: 16px;
    animation: nextPageMove .8s infinite;
    transition: all .4s ease-in;
}
.ylz-homepage-root .next-page-btn-in-core
{
    position: fixed;
    left: 2.4rem;
    bottom: .4rem;
    width: .44rem;
    height: .44rem;
    z-index: 11;
    cursor: pointer;
    font-size: .16rem;
    animation: nextPageMove .8s infinite;
    transition: all .4s ease-in;
}
.homepage-arrow
{/*bottom: 1.64rem !important;*/
    background: url("../png/m1rgf2.png") center/cover no-repeat;
}
.homepage-arrow2
{
    background: url("../png/ui87wd.png") center/cover no-repeat;
}/* start 干配仓 三大产品系*/
.three-product-bg
{
    width: 100%;
}
.three-product-bg .three-product
{
    position: absolute;
    top: .84rem;
    left: 2.4rem;
    text-align: center;
}
.three-product-bg .three-product .product-text
{
    text-align: left;
}
.three-product-bg .three-product .product-text .text
{
    display: inline-block;
    font-size: .4rem;
    line-height: .56rem;
    color: #323233;
    font-weight: 500;
    text-align: left;
}
.three-product-bg .three-product .product-text .name
{
    position: relative;
    z-index: 10;
}
.three-product-bg .three-product .product-text .name:before
{
    position: absolute;
    right: -.1rem;
    bottom: .04rem;
    content: '';
    width: 1.5rem;
    height: .1rem;
    background-color: #06b880;
    z-index: -1;
}/*.three-product-bg .three-product:before {*//*    position: absolute;*//*    left: 0;*//*    top: 0;*//*    color: rgba(216, 216, 216, 0.3);*//*    font-size: 1.7rem;*//*    font-weight: bold;*//*    content: 'THR\D\A EE';*//*    text-align: left;*//*}*/
.three-product-bg .mask-slider-line
{
    position: absolute;
    bottom: 14%;
    left: 13.6%;
    width: 2px;
    height: 1.6rem;
    background-color: #d8d8d8;
    opacity: .5;
}/* 卡片 */
.product-card-wrap
{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 2.74rem;
    left: 2.4rem;
    width: 100%;
    height: 4.64rem;
}
.product-card-wrap .product-card-list
{
    position: absolute;
    left: 0;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: 4.64rem;
    transition-property: left;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
}
.product-card-wrap .product-card-list .card-item
{
    margin-right: .24rem;
    display: flex;
    justify-content: flex-end;
    width: 2.69rem;
    height: 4.64rem;
    color: #fff;
    background: #eefffa;/* cursor: pointer; */
    border: 1px solid #e2f3ee;
    border-radius: .08rem;
    transition-property: margin-top;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
}
.product-card-wrap .product-card-list .card-item.card-active
{
    margin-top: -.4rem;
    background: #06b880;
    box-shadow: 4px 60px 50px 1px rgba(0,188,99,.36);
}/* 默认状态 content*/
.product-card-list .card-item .card-content
{
    position: relative;
    flex: 1;
    display: flex;
    align-content: flex-end;
}/* 激活状态 content *//*.card-active .card-content {*//*    background-color: #06B880;*//*}*/
.card-dot-line-wrap
{
    position: absolute;
    right: 2.36rem;
    bottom: .4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.card-dot-line-wrap .card-line-list
{
    position: relative;
    width: 5.2rem;
    height: .04rem;
    background-color: #d8d8d8;
}
.card-dot-line-wrap .card-line-list .move-line
{
    position: absolute;
    left: 0;
    display: inline-block;
    width: 1.04rem;
    height: .04rem;
    background-color: #06b880;
    transition: left .8s ease-in-out;
}
.card-dot-line-wrap .card-page-dot-list
{
    margin-left: .8rem;
}
.card-dot-line-wrap .card-page-dot-list .dot-item
{
    display: inline-block;
    margin-right: .3rem;
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
    font-weight: 600;
    background-color: rgba(216,216,216,.5);
    cursor: pointer;
}
.card-dot-line-wrap .card-page-dot-list .dot-item:last-child
{
    margin-right: 0;
}
.card-dot-line-wrap .card-page-dot-list .choice-dot
{
    font-weight: 600;
    background-color: rgba(126,127,127,.5);
}/*五大产品按钮*/
.arrow
{
    position: absolute;
    top: 4.52rem;
    width: .56rem;
    height: .56rem;
    box-shadow: -6px 0 9px 0 #95e0c8;
    border-radius: 50%;
    cursor: pointer;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
}
.card-left-page
{
    left: 2.4rem;
    background: #06b880 url("../png/x50sfz.png") center no-repeat;
    background-size: .4rem .4rem;
}
.card-right-page
{
    right: 2.4rem;
    background: #06b880 url("../png/vdqsbq.png") center no-repeat;
    background-size: .4rem .4rem;
}
.arrow-display
{
    display: none;
}/* 干配仓 图文下的布局*/
.card-item .card-content .card-img
{
    position: absolute;
    top: -.4rem;
    right: -2rem;
    width: 3.6rem;
    height: 2.19rem;
    opacity: 0;
}
.card-item .card-content .card-img-default-warp
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transition-property: opacity,right;
    transition-duration: .6s;
    transition-timing-function: ease-in-out;
    transition-delay: .1s;
}
.card-item .card-content .card-img-default-warp .card-img-default
{
    position: absolute;
    left: .22rem;
    top: .33rem;
    width: 3.16rem;
    height: 2rem;
}
.card-item.card-disabled
{
    opacity: .3;
}
.card-item.card-display
{
    visibility: hidden;
}
.card-item .card-content .card-img:last-child
{
    top: -.45rem;
}
.card-item.card-active .card-content .card-img
{
    opacity: 1;
    right: 0;
    transition-property: opacity,right;
    transition-duration: .6s;
    transition-timing-function: ease-in-out;
    transition-delay: .3s;
}
.card-item .card-content .card-intro-wrap
{
    padding: 0 0 .4rem .24rem;
    align-self: flex-end;
}
.card-item .card-content .card-intro-wrap .card-number
{
    color: #7e7f7f;
    margin-bottom: .24rem;
    font-size: .26rem;
    line-height: .37rem;
}
.card-item .card-content .card-intro-wrap .main-text
{
    font-weight: bold;
    color: #323233;
    font-size: .64rem;
    line-height: .9rem;
}
.card-item .card-content .card-intro-wrap .intro
{
    margin-top: 3px;
    color: #7e7f7f;
    font-size: .24rem;
    line-height: .37rem;
}
.card-item.card-active .card-content .card-img-default-warp
{
    opacity: 0;
}
.card-item.card-active .card-content .card-intro-wrap .card-number
{
    color: #cdf0e5;
}
.card-item.card-active .card-content .card-intro-wrap .main-text
{
    color: #fff;
}
.card-item.card-active .card-content .card-intro-wrap .intro
{
    color: #cdf0e5;
}/* end 干配仓 *//*start 四大核心价值 style*/
.core-value-menu
{
    position: relative;
    overflow-y: scroll;
}
.core-value-menu .core-menu-flex
{
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: .72rem;
    text-align: center;
    z-index: 12;
    transition: all .8s ease-in;
}
.core-value-menu .core-menu-flex .core-nav-text-white
{/*width: .76rem;*//*height: .34rem;*/
    width: 1.36rem;
    height: .56rem;
}
.core-value-menu .core-menu-flex .core-menu-flex-container
{
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 75%;
    box-sizing: border-box;
}
.core-value-menu .core-menu-flex .core-menu-flex-container .nav-ylz-logo-wrap a
{
    display: flex;
    align-items: center;
    padding-bottom: .1rem;
}
.core-value-menu .core-menu-flex .core-menu-flex-container .nav-menu
{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 8.16rem;
    padding-bottom: .08rem;
    font-size: .16rem;
}
.core-value-menu .core-menu-flex .core-menu-flex-container .nav-menu .nav-item
{
    line-height: .22rem;
}
.core-value-menu .core-menu-flex .core-menu-flex-container .nav-menu .nav-item:hover
{
    color: #7e7f7f;
}
.core-tab-wrap .core-menu-wrap
{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 2.72rem;
    background-color: #323233;
    box-shadow: 0 10px 8px 0 rgba(214,219,221,.12);
}
.core-tab-wrap .core-menu-wrap>.title
{
    padding: .72rem 0 .24rem 0;
    font-size: .4rem;
    font-weight: 500;
    letter-spacing: .02rem;
    color: #fff;
    line-height: .67rem;
    text-align: center;
}
.core-tab-wrap .core-menu-wrap .menu-list
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.core-tab-wrap .core-menu-wrap .menu-list .menu-line
{
    position: absolute;
    bottom: .12rem;
    left: 0;
    width: .85rem;
    height: .04rem;
    background-color: #06b880;
}
.core-tab-wrap .core-menu-wrap .menu-list .menu-item
{
    margin-right: 1.92rem;
    padding: 0 .16rem .14rem .16rem;
    cursor: pointer;
}
.core-tab-wrap .core-menu-wrap .menu-list .menu-item:last-child
{
    margin-right: 0;
}
.core-tab-wrap .core-menu-wrap .menu-item .icon-img
{
    width: .56rem;
    height: .56rem;
    cursor: pointer;
    background-color: #fff;
}
.core-tab-wrap .core-menu-wrap .menu-item .quanwang
{
    background: url("../png/h1b007.png") center/cover no-repeat;
}
.core-tab-wrap .core-menu-wrap .menu-item.menu-active .quanwang
{
    background: url("../png/oxqm5p.png") center/cover no-repeat;
}
.core-tab-wrap .core-menu-wrap .menu-item .quanlian
{
    background: url("../png/px2hcg.png") center/cover no-repeat;
}
.core-tab-wrap .core-menu-wrap .menu-item.menu-active .quanlian
{
    background: url("../png/49sz3q.png") center/cover no-repeat;
}
.core-tab-wrap .core-menu-wrap .menu-item .quancheng
{
    background: url("../png/qbzdan.png") center/cover no-repeat;
}
.core-tab-wrap .core-menu-wrap .menu-item.menu-active .quancheng
{
    background: url("../png/d30b9n.png") center/cover no-repeat;
}
.core-tab-wrap .core-menu-wrap .menu-item .quanshi
{
    background: url("../png/03rbs8.png") center/cover no-repeat;
}
.core-tab-wrap .core-menu-wrap .menu-item.menu-active .quanshi
{
    background: url("../png/wlakds.png") center/cover no-repeat;
}
.core-tab-wrap .core-menu-wrap .menu-list .menu-item .title
{
    margin-top: .02rem;
    font-size: .26rem;
    color: #7e7f7f;
    line-height: .37rem;
    text-align: center;
}
.core-tab-wrap .core-menu-wrap .menu-list .menu-item.menu-active
{
    padding-bottom: .1rem;
    border-bottom: .04rem solid #06b880;
}
.core-tab-wrap .core-menu-wrap .menu-list .menu-item.menu-active .title
{
    font-weight: 500;
    color: #06b880;
}
.core-tab-wrap .tab-content-list
{
    height: 8.3rem;
    background: #f8f9f9;
}
.core-tab-wrap .tab-content-list .core-content-item
{
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.core-tab-wrap .tab-content-list .tab-active
{
    display: block;
}/*.core-tab-wrap .core-value-intro:after {*//*    position: absolute;*//*    bottom: .22rem;*//*    right: .06rem;*//*    font-size: .36rem;*//*    font-weight: 500;*//*    color: #323233;*//*    line-height: .5rem;*//*    content: '\8fd0\8354\679d\56db\5927\6838\5fc3\4ef7\503c';*//*}*//** start  全网tab */
.core-content-item .whole-network-canvas
{
    display: flex;
    padding: .55rem .6rem 0 2.4rem;
}
.whole-network-canvas .map-wrapper
{
    position: relative;
    width: 7.2rem;
    height: 7.2rem;
}
.whole-network-canvas .map-wrapper #wholeTopMapCanvas
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 11;
}
.whole-network-canvas .map-wrapper #wholeMapCanvas
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10;
}
.whole-network-canvas .map-wrapper #canvas
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
}
.whole-network-canvas .tab-wrapper
{
    margin-left: .46rem;
    flex: 1 1 0;
}
.whole-network-canvas .tab-wrapper .tab-list
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.whole-network-canvas .tab-wrapper .tab-list .tab-item
{
    width: 4.1rem;
    height: 1.5rem;
    margin-bottom: .4rem;
    padding: .16rem .1rem;
    box-sizing: border-box;
    cursor: pointer;
}
.whole-network-canvas .tab-wrapper .tab-list .tab-item:nth-child(odd)
{
    margin-right: .1rem;
}
.whole-network-canvas .tab-wrapper .tab-list .active
{
    border: .01rem solid #7e7f7f;
    border-radius: .04rem;
    border-bottom: .03rem solid #7e7f7f;
    padding: .15rem .1rem .13rem .1rem;
}
.whole-network-canvas .tab-wrapper .tab-list .tab-item .tab-intro
{
    display: flex;
    align-items: center;
}
.whole-network-canvas .tab-wrapper .tab-list .tab-item .tab-intro .li-num-animation
{
    font-size: .54rem;
    line-height: .61rem;
    font-weight: 600;
    color: #323233;
}
.whole-network-canvas .tab-wrapper .tab-list .tab-item .tab-intro .add
{
    font-size: .56rem;
    line-height: .61rem;
    font-weight: 600;
}
.whole-network-canvas .tab-wrapper .tab-list .tab-item .tab-intro .unit
{
    position: relative;
    flex-grow: 0;
    font-size: .22rem;
    line-height: .3rem;
    top: -.1rem;
    left: .03rem;
    color: #323233;
}
.whole-network-canvas .tab-wrapper .tab-list .tab-item .name
{
    font-size: .2rem;
    margin-top: .2rem;
    line-height: .28rem;
    color: #7e7f7f;
}/** end  全网tab *//*start 全链*/
.core-content-item .core-chain-wrap, .core-content-item .core-time-wrap
{
    padding: .55rem 0 0 2.4rem;
}
.core-content-item .core-chain-wrap .core-chain-canvas-wrap, .core-content-item .core-time-wrap .core-time-canvas-wrap
{
    position: relative;
    width: 14.4rem;
    height: 7.2rem;
}
.core-chain-canvas-wrap .core-canvas, .core-time-canvas-wrap .core-canvas
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}/*end 全链 *//*start 全程 */
.core-content-item .core-distance-wrap
{
    padding: .55rem 3.25rem 2.6rem 3.28rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #f3f5f5;
}
.core-content-item .core-distance-wrap .core-distance-intro
{
    padding-right: .36rem;
    margin-bottom: .3rem;
    font-size: .22rem;
    font-weight: 400;
    color: #7e7f7f;
    line-height: .36rem;
}
.core-content-item .core-distance-wrap .intro-main
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.core-content-item .core-distance-wrap .intro-main .text
{
    padding: .09rem .24rem;
    background-color: rgba(6,184,128,.1);
    font-size: .16rem;
    line-height: .22rem;
    color: #06b880;
    border-radius: .24rem;
}
.core-content-item .core-distance-wrap .intro-main .text:last-child
{
    margin-left: .4rem;
}
.core-content-item .core-distance-wrap .process-line-dot
{
    position: relative;
    width: 13.5rem;
    height: 4.81rem;
}
.core-content-item .core-distance-wrap .process-line-dot .process-core
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}/*end 全程*//*start 全时*/
.to-top-intro-ask
{
    position: absolute;
    left: .16rem;
    bottom: 1.45rem;
    font-size: .14rem;
    z-index: 99;
}
.to-top-intro-ask .intro-ask
{
    position: relative;
    padding: .13rem .08rem;
    line-height: .18rem;
    width: .38rem;
    color: #06b880;
    border-radius: .04rem;
    border: 1px solid #06b880;
    text-align: center;
    letter-spacing: 0;
    cursor: pointer;
    user-select: none;
    background-color: #fff;
}
.to-top-intro-ask .intro-ask.is-focus
{
    border: none;
    padding: .14rem .09rem;
    color: #fff;
    background: linear-gradient(180deg,#36c686 0%,#19944e 100%);
}
.to-top-intro-ask .to-top
{
    display: none;
    margin-top: .16rem;
    width: .38rem;
    height: .38rem;
    background: url("../png/lzmh4b.png") center/cover no-repeat;
    cursor: pointer;
}
.to-top-intro-ask .to-top:hover
{
    background: url("../png/4n97z4.png") center/cover no-repeat;
}/*start 表单*/
.intro-ask .collect-customer-form
{
    display: none;
    position: absolute;
    left: .5rem;
    bottom: -50%;
    width: 2.7rem;
    padding: .08rem .16rem;
    background-color: #fff;
    box-shadow: 0 .01rem .04rem 0 rgba(54,71,62,.2);
    border: .01rem solid #ebedf0;
    border-radius: .08rem;
}
.intro-ask .collect-customer-form::after
{
    position: absolute;
    content: '';
    left: -.08rem;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0;
    height: 0;
    background-color: #fff;
    border-width: .08rem;
    border-radius: .04rem;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
}
.to-top-intro-ask .intro-ask.is-focus .collect-customer-form
{
    display: block;
}
.intro-ask .collect-customer-form .confirm-btn-wrap
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.intro-ask .collect-customer-form .title
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .08rem;
    font-size: .16rem;
    font-weight: 600;
    color: #323233;
    text-align: left;
    line-height: .24rem;
}
.intro-ask .ask-form-result
{
    display: none;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: .5rem;
    bottom: 50%;
    width: 2.7rem;
    padding: .08rem .08rem .08rem .16rem;
    background-color: #fff;
    box-shadow: 0 .01rem .04rem 0 rgba(54,71,62,.2);
    border: .01rem solid #ebedf0;
    border-radius: .04rem;
    transform: translateY(50%);
}
.intro-ask .ask-form-result::after
{
    position: absolute;
    content: '';
    right: -.04rem;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0;
    height: 0;
    background-color: #fff;
    border-width: .08rem;
    border-radius: .01rem;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
}
.intro-ask .ask-form-result .result-text
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #06b880;
}
.intro-ask .ask-form-result .form-success-icon
{
    margin-right: .1rem;
    width: .14rem;
    height: .14rem;
    background: url("/assets/images/homepage/form-success.png") center/cover no-repeat;
}
.intro-ask .form-close-icon
{
    width: .18rem;
    height: .18rem;
    background: url("/assets/images/homepage/form-close.png") center/cover no-repeat;
}
.intro-ask .collect-customer-form .ask-input-item
{
    margin-bottom: .08rem;
}
.ask-input-item input, .ask-input-item textarea
{
    padding: .06rem .1rem;
    width: 100%;
    font-size: .14rem;
    border-radius: .04rem;
    color: #323233;
    border: 1px solid #ebedf0;
    background-color: #fff;
    outline: none;
}
.ask-input-item input:focus, .ask-input-item textarea:focus
{
    border-color: #06b880;
}
.intro-ask .collect-customer-form .form-input-btn, .intro-ask .collect-customer-form .form-cancel-btn
{
    padding: .06rem .16rem;
    border-radius: .04rem;
    font-size: .14rem;
    font-weight: 400;
    line-height: .2rem;
    text-align: center;
    cursor: pointer;
}
.form-input-btn
{
    color: #fff;
    background-color: #06b880;
}
.form-cancel-btn
{
    margin-right: .16rem;
    color: #323233;
    background: #fff;
    border: 1px solid #dcdee0;
}
.intro-ask .collect-customer-form .form-input-btn.btn-disable
{
    background-color: #7fd8bc;
}/*end 表单*/