/* 动效 */
.min-navigation{
    top: -25px;
    transition-delay: 0.7s;
}
.active .min-navigation{
    top: 0px;
    transition-delay: 0.7s;
}


.active .min-group {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}

.active .min-next {
    top: 40%;
    opacity: 1;
    transition-delay: 1.2s;
}



/* 第二屏 */
.active .min-item-1 {
    margin-left: -551px;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .min-item-2 {
    margin-left: -253px;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .min-item-3 {
    margin-left: 45px;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .min-item-4 {
    margin-left: 345px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .min-bottom-panel {
    transition-delay: 0.5s;
}
.active .min-bottom-panel-1 {
    left: 49%;
    bottom: -2%;
    opacity: 0.4;
    transition-delay: 0.5s;
}
.active .min-bottom-panel-2 {
    left: 50%;
    bottom: 0;
    opacity: 0.7;
    transition-delay: 0.7s;
}
.active .min-bottom-panel-3 {
    left: 51%;
    bottom: 2%;
    opacity: 1;
    transition-delay: 0.9s;
}

.active .min-title {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}

.active .min-item-logo {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}

.active .min-message-bubble{
    opacity: 1;
}
.active .min-message-bubble-1{
    bottom: 35%;
    transition-delay: 1.1s;
}
.active .min-message-bubble-2{
    bottom: 30%;
    transition-delay: 1.3s;
}
.active .min-message-bubble-3{
    bottom: 42%;
    transition-delay: 1.5s;
}
.active .min-message-bubble-4{
    bottom: 17%;
    transition-delay: 1.7s;
}
.active .min-message-bubble-5{
    bottom: 10%;
    transition-delay: 1.9s;
}
.active .min-message-bubble-6{
    bottom: 20%;
    transition-delay: 2.1s;
}


.active .min-download {
    right: 10%;
    opacity: 1;
    transition-delay: 0.7s;
}

/* 新第二屏 */
.active .TRunner_panel .panel-info .info-button{
    opacity: 1;
    transition-delay: 2s;
    top: 600px;
}

.active .TRunner_panel .panel-info .info-desc{
    opacity: 1;
    transition-delay: 2s;
    top: 500px;
}

.active .TRunner_panel .panel-info .info-ul ul li{
    opacity: 1;
}
.active .TRunner_panel .panel-info .info-ul ul li:nth-child(1){
    top: 0;
    transition-delay: 1s;
}
.active .TRunner_panel .panel-info .info-ul ul li:nth-child(2){
    top: 70px;
    transition-delay: 1.3s;
}
.active .TRunner_panel .panel-info .info-ul ul li:nth-child(3){
    top: 140px;
    transition-delay: 1.6s;
}
.active .TRunner_panel .panel-info .info-ul ul li:nth-child(4){
    top: 210px;
    transition-delay: 1.9s;
}

.active .TRunner_panel .panel-info .info-logo{
    top:0;
    opacity: 1;
    transition-delay: 0.6s;
}

.active .TRunner_panel .panel-img .img-computer{
    left: 0;
    opacity: 1;
    transition-delay: 0.6s;
}

.active .TRunner_panel .panel-img .img-phone{
    left: 700px;
    opacity: 1;
    transition-delay: 1.2s;
}

.active .TRunner_panel .panel-img .img-computer .img-computer-item.item-1{
    top: 70px;
    opacity: 1;
    transition-delay: 1.2s;
}
.active .TRunner_panel .panel-img .img-computer .img-computer-item.item-2{
    top: 60px;
    opacity: 1;
    transition-delay: 1.4s;
}
.active .TRunner_panel .panel-img .img-computer .img-computer-item.item-3{
    top: 215px;
    opacity: 1;
    transition-delay: 1.6s;
}
.active .TRunner_panel .panel-img .img-computer .img-computer-item.item-4{
    top: 180px;
    opacity: 1;
    transition-delay: 1.8s;
}
.active .TRunner_panel .panel-img .img-computer .img-computer-item.item-5{
    top: 310px;
    opacity: 1;
    transition-delay: 2s;
}
.active .TRunner_panel .panel-img .img-computer .img-computer-item.item-6{
    top: 400px;
    opacity: 1;
    transition-delay: 2.2s;
}


/* 第三屏 */
.active .min-left-panel {
    margin-left: -570px;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .min-right-panel {
    margin-left: 100px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .min-v-info .v-min-item .min-v-li-1{
    transition-delay: 0.8s;
    opacity: 1;
    top: 30%;
}
.active .min-v-info .v-min-item .min-v-li-2{
    transition-delay: 1.2s;
    opacity: 1;
    top: 45%;
}
.active .min-v-info .v-min-item .min-v-li-3{
    transition-delay: 1.6s;
    opacity: 1;
    top: 60%;
}
.active .min-v-info .v-min-item .min-v-li-4{
    transition-delay: 2s;
    opacity: 1;
    top: 75%;
}

.active .min-fd-img{
    transition-delay: 1.4s;
    bottom: 19%;
    opacity: 1;
}


.active .min-QR-code-1 {
    margin-left: -320px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .min-QR-code-2 {
    margin-left: -120px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .min-footer-info span{
    opacity: 1;
    bottom: 5%;
    transition-delay: 0.7s;
}