/* banner图前文字 */

.active .voice-title{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.active .voice-info{
    opacity: 1;
    /*-webkit-transform: scale(1, 1);*/
    /*transform: scale(1, 1);*/
    bottom: 0;
    transition-delay: 0.5s;
}

.active .voice-service-btn{
    opacity: 1;
    /*-webkit-transform: scale(1, 1);*/
    /*transform: scale(1, 1);*/
    bottom: 0;
    transition-delay: 1s;
}
.active .service-btn{
    opacity: 1;
    /*-webkit-transform: scale(1, 1);*/
    /*transform: scale(1, 1);*/
    bottom: 0;
    transition-delay: 1s;
}


/* 20200421banner图 */
.active .min-banner-layer-1{
    opacity: 1;
    /*-webkit-transform: scale(0.7, 0.7);*/
    /*transform: scale(0.7, 0.7);*/
    left: 130px;
}
.active .min-banner-layer-2{
    opacity: 1;
    left: 372px;
    transition-delay: 1s;
}

.active .min-banner-layer-3 .item-img{
    opacity: 1;
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
}
.active .min-banner-layer-3 .item-img-1{
    transition-delay: 1.2s;
}
.active .min-banner-layer-3 .item-img-2{
    transition-delay: 1.4s;
}
.active .min-banner-layer-3 .item-img-3{
    transition-delay: 1.6s;
}
.active .min-banner-layer-3 .item-img-4{
    transition-delay: 1.8s;
}
.active .min-banner-layer-3 .item-img-5{
    transition-delay: 2s;
}
.active .min-banner-layer-3 .item-img-6{
    transition-delay: 2.2s;
}
.active .min-banner-layer-3 .item-img-7{
    transition-delay: 2.4s;
}

.active .min-banner-layer-4 .around-element{
    opacity: 1;
    transition-delay: 1s;
}

.active .min-banner-layer-4 .element-3{
    top: 140px;
    transition-delay: 0.5s;
}
.active .min-banner-layer-4 .element-4{
    top: 290px;
    transition-delay: 1s;
}
.active .min-banner-layer-4 .element-5{
    top: 210px;
    transition-delay: 1.5s;
}
.active .min-banner-layer-4 .element-6{
    top: 160px;
    transition-delay: 1.8s;
}
.active .min-banner-layer-4 .element-7{
    top: 115px;
    transition-delay: 2.1s;
}




/* banner图 */
.active .voice-in-circle{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.active .voice-center-circle{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.5s;
}
.active .voice-out-circle{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 1.0s;
}
.active .item-img{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 1.5s;
}


.title-active .textRunner-title{
    top: 40px;
    opacity: 1;
}



.active .min-btn-group{
    left: 800px;
    opacity: 1;
    transition-delay: 1.4s;
}




/* 步骤图 */
.active .tr-step-img-1{
    top: 0;
    left: 0;
    opacity: 1;
    transition-delay: 0.3s;
}

.active .tr-step-info-1{
    left: 440px!important;
    top: 100px;
    opacity: 1;
    transition-delay: 0.6s;
}




.active .tr-step-img-2{
    left: 350px!important;
    opacity: 1;
    transition-delay: 1s;
}

.active .tr-step-info-2{
    left:-130px!important;
    top: 130px;
    opacity: 1;
    transition-delay: 1.4s;
}
.active .tr-step-img-2-1{
    left: -130px!important;
    opacity: 1;
    transition-delay: 1.2s;
}

.active.select-type .tr-step-img-2,
.active.select-type .tr-step-info-2,
.active.select-type .tr-step-img-2-1,
.active.select-type .min-btn-group,
.active.select-type .tr-step-next-tips{
    transition-delay: 0s;
}



.active .tr-step-img-3{
    left: -130px;
    opacity: 1;
    transition-delay: 1s;
}
.active .tr-step-img-3-1{
    left: 100px;
    opacity: 1;
    transition-delay: 1.3s;
}

.active .tr-step-info-3{
    left: 440px!important;
    top: 1050px;
    opacity: 1;
    transition-delay: 1.5s;
}



.active .tr-step-img-4{
    left: 270px;
    opacity: 1;
    transition-delay: 1s;
}
.active .tr-step-img-4-1{
    left: -180px;
    opacity: 1;
    transition-delay: 1.2s;
}
.active .tr-step-form{
    top: 1410px;
    left: 365px;
    opacity: 1;
    transition-delay: 0.8s;
}
.active .tr-step-info-4{
    left: -135px!important;
    top: 1400px;
    opacity: 1;
    transition-delay: 1.6s;
}


.active .tr-step-next-1{
    left: -600px;
}
.active .tr-step-next-tips{
    opacity: 1;
    transition-delay: 1s;
}

.active .tr-step-next-2{
    right: -600px;
}

.active .tr-step-next-3{
    left: -600px;
}