/*logo 1 微信 start*/
.mouse_focus {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #359EFF;
    z-index: 4;
    display: none;
    opacity: 0;
    border: 0px solid transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@media \0screen {
    .mouse_focus {
        display: none;
    }
}

.advantage_logo_wx_interface, .advantage_logo_exmail_interface, .advantage_logo_colleague {
    top: 0px;
    left: 0px;
}

.advantage_logo_mobile {
    z-index: 0;
}

.advantage_logo_wx_interface {
    z-index: 1;
}

.advantage_logo_exmail_interface {
    z-index: 2;
}

.advantage_logo_colleague {
    z-index: 3;
}

.interface_container {
    overflow: hidden;
    width: 262px;
    height: 367px;
    position: absolute;
    top: 75px;
    left: 24px;
}

.mouse_focus_1 {
    top: 304px;
    left: 165px;
}

.mouse_focus_2 {
    top: 382px;
    left: 243px;
}

.advantage_annimates .mouse_focus_1 {
    -webkit-animation-name: focus_up_1;
    -webkit-animation-duration: 0.72s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: both;

    -moz-animation-name: focus_up_1;
    -moz-animation-duration: 0.72s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 1s;
    -moz-animation-fill-mode: both;

    -o-animation-name: focus_up_1;
    -o-animation-duration: 0.72s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 1s;
    -o-animation-fill-mode: both;

    animation-name: focus_up_1;
    animation-duration: 0.72s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-delay: 1s;
    animation-fill-mode: both;
}

@keyframes focus_up_1 {
    0% {
        transform: translate(0px, 0px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    1% {
        transform: translate(0px, 0px);
        opacity: 1;
        -khtml-opacity: 1;
    }
    7.4% {
        transform: translate(20.51px, -8.81px);
        opacity: 0.9;
        -khtml-opacity: 0.9;
    }
    14.81% {
        transform: translate(37.96px, -20.51px);
        opacity: 0.8;
        -khtml-opacity: 0.8;
    }
    22.22% {
        transform: translate(52.35px, -35.12px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    29.62% {
        transform: translate(63.68px, -52.62px);
        opacity: 0.65;
        -khtml-opacity: 0.65;
    }
    37.03% {
        transform: translate(71.95px, -73.02px);
        opacity: 0.6;
        -khtml-opacity: 0.6;
    }
    44.44% {
        transform: translate(77.15px, -96.32px);
        opacity: 0.5;
        -khtml-opacity: 0.5;
    }

    61.11% {
        transform: translate(77.15px, -96.32px);
        opacity: 0.2;
        -khtml-opacity: 0.2;
    }
    62% {
        transform: translate(77.15px, -96.32px);
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
        opacity: 0.2;
        -khtml-opacity: 0.2;
    }
    67% {
        transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.2;
        -khtml-opacity: 0.2;
    }
    72.22% {
        transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 4px solid #359EFF;
        background-color: rgb(255, 255, 255);
        opacity: 0.2;
        -khtml-opacity: 0.2;
    }

    100% {
        transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 4px solid #359EFF;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
}

@-moz-keyframes focus_up_1 {
    0% {
        -moz-transform: translate(0px, 0px);
        opacity: 0;
        -moz-opacity: 0;
    }
    1% {
        transform: translate(0px, 0px);
        opacity: 1;
        -khtml-opacity: 1;
    }
    7.4% {
        -moz-transform: translate(20.51px, -8.81px);
        opacity: 0.9;
        -moz-opacity: 0.9;
    }
    14.81% {
        -moz-transform: translate(37.96px, -20.51px);
        opacity: 0.8;
        -moz-opacity: 0.8;
    }
    22.22% {
        -moz-transform: translate(52.35px, -35.12px);
        opacity: 0.7;
        -moz-opacity: 0.7;
    }
    29.62% {
        -moz-transform: translate(63.68px, -52.62px);
        opacity: 0.65;
        -moz-opacity: 0.65;
    }
    37.03% {
        -moz-transform: translate(71.95px, -73.02px);
        opacity: 0.6;
        -moz-opacity: 0.6;
    }
    44.44% {
        -moz-transform: translate(77.15px, -96.32px);
        opacity: 0.5;
        -moz-opacity: 0.5;
    }

    61.11% {
        -moz-transform: translate(77.15px, -96.32px);
        opacity: 0.2;
        -moz-opacity: 0.2;
    }
    62% {
        -moz-transform: translate(77.15px, -96.32px);
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
        opacity: 0.2;
        -moz-opacity: 0.2;
    }
    67% {
        -moz-transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.2;
        -moz-opacity: 0.2;
    }
    72.22% {
        -moz-transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 4px solid #359EFF;
        background-color: rgb(255, 255, 255);
        opacity: 0.2;
        -moz-opacity: 0.2;
    }

    100% {
        -moz-transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 4px solid #359EFF;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -moz-opacity: 0;
    }
}

@-webkit-keyframes focus_up_1 {
    0% {
        -webkit-transform: translate(0px, 0px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    1% {
        transform: translate(0px, 0px);
        opacity: 1;
        -khtml-opacity: 1;
    }
    7.4% {
        -webkit-transform: translate(20.51px, -8.81px);
        opacity: 0.9;
        -khtml-opacity: 0.9;
    }
    14.81% {
        -webkit-transform: translate(37.96px, -20.51px);
        opacity: 0.8;
        -khtml-opacity: 0.8;
    }
    22.22% {
        -webkit-transform: translate(52.35px, -35.12px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    29.62% {
        -webkit-transform: translate(63.68px, -52.62px);
        opacity: 0.65;
        -khtml-opacity: 0.65;
    }
    37.03% {
        -webkit-transform: translate(71.95px, -73.02px);
        opacity: 0.6;
        -khtml-opacity: 0.6;
    }
    44.44% {
        -webkit-transform: translate(77.15px, -96.32px);
        opacity: 0.5;
        -khtml-opacity: 0.5;
    }

    61.11% {
        -webkit-transform: translate(77.15px, -96.32px);
        opacity: 0.2;
        -khtml-opacity: 0.2;
    }
    62% {
        -webkit-transform: translate(77.15px, -96.32px);
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
        opacity: 0.2;
        -khtml-opacity: 0.2;
    }
    67% {
        -webkit-transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        box-sizing: border-box;
        opacity: 0.2;
        -khtml-opacity: 0.2;
    }
    72.22% {
        -webkit-transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 4px solid #359EFF;
        background-color: rgb(255, 255, 255);
        opacity: 0.2;
        -khtml-opacity: 0.2;
        box-sizing: border-box;
    }

    100% {
        -webkit-transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 4px solid #359EFF;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
        box-sizing: border-box;
    }
}

@-o-keyframes focus_up_1 {

    0% {
        -o-transform: translate(0px, 0px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    1% {
        transform: translate(0px, 0px);
        opacity: 1;
        -khtml-opacity: 1;
    }
    7.4% {
        -o-transform: translate(20.51px, -8.81px);
        opacity: 0.9;
        -khtml-opacity: 0.9;
    }
    14.81% {
        -o-transform: translate(37.96px, -20.51px);
        opacity: 0.8;
        -khtml-opacity: 0.8;
    }
    22.22% {
        -o-transform: translate(52.35px, -35.12px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    29.62% {
        -o-transform: translate(63.68px, -52.62px);
        opacity: 0.65;
        -khtml-opacity: 0.65;
    }
    37.03% {
        -o-transform: translate(71.95px, -73.02px);
        opacity: 0.6;
        -khtml-opacity: 0.6;
    }
    44.44% {
        -o-transform: translate(77.15px, -96.32px);
        opacity: 0.5;
        -khtml-opacity: 0.5;
    }

    61.11% {
        -o-transform: translate(77.15px, -96.32px);
        opacity: 0.2;
        -khtml-opacity: 0.2;
    }
    62% {
        -o-transform: translate(77.15px, -96.32px);
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
        opacity: 0.2;
        -khtml-opacity: 0.2;
    }
    67% {
        -o-transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.2;
        -khtml-opacity: 0.2;
    }
    72.22% {
        -o-transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 4px solid #359EFF;
        background-color: rgb(255, 255, 255);
        opacity: 0.2;
        -khtml-opacity: 0.2;
    }

    100% {
        -o-transform: translate(77.15px, -96.32px);
        width: 28px;
        height: 28px;
        border: 4px solid #359EFF;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
}

.advantage_annimates .advantage_logo_exmail_interface {
    -webkit-animation-name: exmail_slide_left;
    -webkit-animation-duration: 0.96s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 1.68s;
    -webkit-animation-fill-mode: both;

    -moz-animation-name: exmail_slide_left;
    -moz-animation-duration: 0.96s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 1.68s;
    -moz-animation-fill-mode: both;

    -o-animation-name: exmail_slide_left;
    -o-animation-duration: 0.96s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 1.68s;
    -o-animation-fill-mode: both;

    animation-name: exmail_slide_left;
    animation-duration: 0.96s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-delay: 1.68s;
    animation-fill-mode: both;
}

@keyframes exmail_slide_left {
    0% {
        left: 284px;
    }
    54.17% {
        left: 0px;
    }
    100% {
        left: 0px;
    }
}

@-moz-keyframes exmail_slide_left {
    0% {
        left: 284px;
    }
    54.17% {
        left: 0px;
    }
    100% {
        left: 0px;
    }
}

@-webkit-keyframes exmail_slide_left {
    0% {
        left: 284px;
    }
    54.17% {
        left: 0px;
    }
    100% {
        left: 0px;
    }
}

@-o-keyframes exmail_slide_left {
    0% {
        left: 284px;
    }
    54.17% {
        left: 0px;
    }
    100% {
        left: 0px;
    }
}

.advantage_annimates .mouse_focus_2 {
    -webkit-animation-name: focus_up_2;
    -webkit-animation-duration: 1.64s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 1.68s;
    -webkit-animation-fill-mode: both;

    -moz-animation-name: focus_up_2;
    -moz-animation-duration: 1.64s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 1.68s;
    -moz-animation-fill-mode: both;

    -o-animation-name: focus_up_2;
    -o-animation-duration: 1.64s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 1.68s;
    -o-animation-fill-mode: both;

    animation-name: focus_up_2;
    animation-duration: 1.64s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-delay: 1.68s;
    animation-fill-mode: both;
}

@keyframes focus_up_2 {
    0% {
        transform: translate(0px, 0px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    70% {
        transform: translate(0px, 0px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    70.7% {
        transform: translate(0px, 0px);
        opacity: 1;
        -khtml-opacity: 1;
    }

    72.13% {
        transform: translate(-19.99px, -7.03px)
    }
    73.56% {
        transform: translate(-37.19px, -15.39px)
    }
    75% {
        transform: translate(-51.61px, -25.09px)
    }
    76.44% {
        transform: translate(-63.24px, -36.12px)
    }
    77.87% {
        transform: translate(-72.09px, -48.5px)
    }
    79.31% {
        transform: translate(-78.16px, -62.21px)
    }

    82.76% {
        transform: translate(-78.16px, -62.21px)
    }

    84.48% {
        transform: translate(-78.16px, -62.21px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    86.2% {
        transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    87.93% {
        transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    100% {
        transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
}

@-webkit-keyframes focus_up_2 {
    0% {
        -webkit-transform: translate(0px, 0px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    70% {
        -webkit-transform: translate(0px, 0px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    70.7% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
        -khtml-opacity: 1;
    }

    72.13% {
        -webkit-transform: translate(-19.99px, -7.03px);
    }
    73.56% {
        -webkit-transform: translate(-37.19px, -15.39px);
    }
    75% {
        -webkit-transform: translate(-51.61px, -25.09px);
    }
    76.44% {
        -webkit-transform: translate(-63.24px, -36.12px);
    }
    77.87% {
        -webkit-transform: translate(-72.09px, -48.5px);
    }
    79.31% {
        -webkit-transform: translate(-78.16px, -62.21px);
    }

    82.76% {
        -webkit-transform: translate(-78.16px, -62.21px);
    }

    84.48% {
        -webkit-transform: translate(-78.16px, -62.21px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    86.2% {
        -webkit-transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        box-sizing: border-box;
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    87.93% {
        -webkit-transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        box-sizing: border-box;
    }
    100% {
        -webkit-transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
        box-sizing: border-box;
    }
}

@-moz-keyframes focus_up_2 {

    0% {
        -moz-transform: translate(0px, 0px);
        opacity: 0;
        -moz-opacity: 0;
    }
    70% {
        -moz-transform: translate(0px, 0px);
        opacity: 0;
        -moz-opacity: 0;
    }
    70.7% {
        -moz-transform: translate(0px, 0px);
        opacity: 1;
        -moz-opacity: 1;
    }

    72.13% {
        -moz-transform: translate(-19.99px, -7.03px)
    }
    73.56% {
        -moz-transform: translate(-37.19px, -15.39px)
    }
    75% {
        -moz-transform: translate(-51.61px, -25.09px)
    }
    76.44% {
        -moz-transform: translate(-63.24px, -36.12px)
    }
    77.87% {
        -moz-transform: translate(-72.09px, -48.5px)
    }
    79.31% {
        -moz-transform: translate(-78.16px, -62.21px)
    }

    82.76% {
        -moz-transform: translate(-78.16px, -62.21px)
    }

    84.48% {
        -moz-transform: translate(-78.16px, -62.21px);
        opacity: 0.7;
        -moz-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    86.2% {
        -moz-transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.7;
        -moz-opacity: 0.7;
    }
    87.93% {
        -moz-transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -moz-opacity: 0.7;
    }
    100% {
        -moz-transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -moz-opacity: 0;
    }
}

@-o-keyframes focus_up_2 {

    0% {
        -o-transform: translate(0px, 0px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    70% {
        -o-transform: translate(0px, 0px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    70.7% {
        -o-transform: translate(0px, 0px);
        opacity: 1;
        -khtml-opacity: 1;
    }

    72.13% {
        -o-transform: translate(-19.99px, -7.03px)
    }
    73.56% {
        -o-transform: translate(-37.19px, -15.39px)
    }
    75% {
        -o-transform: translate(-51.61px, -25.09px)
    }
    76.44% {
        -o-transform: translate(-63.24px, -36.12px)
    }
    77.87% {
        -o-transform: translate(-72.09px, -48.5px)
    }
    79.31% {
        -o-transform: translate(-78.16px, -62.21px)
    }

    82.76% {
        -o-transform: translate(-78.16px, -62.21px)
    }

    84.48% {
        -o-transform: translate(-78.16px, -62.21px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    86.2% {
        -o-transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    87.93% {
        -o-transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    100% {
        -o-transform: translate(-78.16px, -62.21px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
}

.advantage_annimates .advantage_logo_colleague {
    -webkit-animation-name: colleague_slide_left;
    -webkit-animation-duration: 0.52s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 3.6s;
    -webkit-animation-fill-mode: both;

    -moz-animation-name: colleague_slide_left;
    -moz-animation-duration: 0.52s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 3.6s;
    -moz-animation-fill-mode: both;

    -o-animation-name: colleague_slide_left;
    -o-animation-duration: 0.52s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 3.6s;
    -o-animation-fill-mode: both;

    animation-name: colleague_slide_left;
    animation-duration: 0.52s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-delay: 3.6s;
    animation-fill-mode: both;
}

@keyframes colleague_slide_left {
    0% {
        left: 284px;
    }
    54.17% {
        left: 0px;
    }
    100% {
        left: 0px;
    }
}

@-webkit-keyframes colleague_slide_left {
    0% {
        left: 284px;
    }
    54.17% {
        left: 0px;
    }
    100% {
        left: 0px;
    }
}

@-moz-keyframes colleague_slide_left {
    0% {
        left: 284px;
    }
    54.17% {
        left: 0px;
    }
    100% {
        left: 0px;
    }
}

@-o-keyframes colleague_slide_left {
    0% {
        left: 284px;
    }
    54.17% {
        left: 0px;
    }
    100% {
        left: 0px;
    }
}

@keyframes path_plane {
    0% {
        transform: translate(-20px, 165px)
    }
    6.25% {
        transform: translate(-19.49px, 161.91px)
    }
    12.5% {
        transform: translate(-36.39px, 156.49px)
    }
    18.75% {
        transform: translate(-50.68px, 150.3px)
    }
    25% {
        transform: translate(-62.37px, 143.35px)
    }
    31.25% {
        transform: translate(-71.47px, 135.63px)
    }
    37.5% {
        transform: translate(-77.97px, 127.14px)
    }
    43.75% {
        transform: translate(-81.87px, 117.88px)
    }
    50% {
        transform: translate(-83.17px, 107.86px)
    }
    56.25% {
        transform: translate(-81.87px, 97.06px)
    }
    62.5% {
        transform: translate(-77.97px, 85.5px)
    }
    68.75% {
        transform: translate(-71.47px, 73.17px)
    }
    75% {
        transform: translate(-62.37px, 60.07px)
    }
    81.25% {
        transform: translate(-50.68px, 46.21px)
    }
    87.5% {
        transform: translate(-36.39px, 31.57px)
    }
    93.75% {
        transform: translate(-19.49px, 16.17px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

@keyframes path_with_wechat {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes path_plane_line_mask {
    from {
        opacity: 1;
        height: 158px;
    }
    25% {
        opacity: 1;
        height: 148px;
    }
    60% {
        opacity: 1;
        height: 138px;
    }
    75% {
        opacity: 1;
        height: 108px;
    }
    90% {
        opacity: 1;
        height: 58px;
    }
    95% {
        opacity: 1;
        height: 48px;
    }
    to {
        opacity: 1;
        height: 0;
    }
}

/*logo 1 微信 end*/
/*logo 2 整合 start*/
.mouse_focus_3 {
    top: 165px;
    left: 220px;
}

.mouse_focus_4 {
    top: 309px;
    left: 222px;
}

.advantage_annimates .mouse_focus_3 {
    animation-name: focus_up_3;
    animation-duration: 0.75s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-delay: 0s;
    animation-fill-mode: both;

    -webkit-animation-name: focus_up_3;
    -webkit-animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
    -webkit-animation-fill-mode: both;

    -moz-animation-name: focus_up_3;
    -moz-animation-duration: 0.75s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 0s;
    -moz-animation-fill-mode: both;

    -o-animation-name: focus_up_3;
    -o-animation-duration: 0.75s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 0s;
    -o-animation-fill-mode: both;

}

@keyframes focus_up_3 {
    0% {
        transform: translate(0px, 180px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    30% {
        transform: translate(0px, 180px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    30.7% {
        transform: translate(0px, 180px);
        opacity: 1;
        -khtml-opacity: 1;
    }

    82.76% {
        transform: translate(0px, 0px)
    }

    84.48% {
        transform: translate(0px, 0px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    85.2% {
        transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    86.93% {
        transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    100% {
        transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
}

@-webkit-keyframes focus_up_3 {
    0% {
        -webkit-transform: translate(0px, 180px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    30% {
        -webkit-transform: translate(0px, 180px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    30.7% {
        -webkit-transform: translate(0px, 180px);
        opacity: 1;
        -khtml-opacity: 1;
    }

    82.76% {
        -webkit-transform: translate(0px, 0px)
    }

    84.48% {
        -webkit-transform: translate(0px, 0px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    85.2% {
        -webkit-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        box-sizing: border-box;
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    86.93% {
        -webkit-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        box-sizing: border-box;
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
        box-sizing: border-box;
    }
}

@-moz-keyframes focus_up_3 {
    0% {
        -moz-transform: translate(0px, 180px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    30% {
        -moz-transform: translate(0px, 180px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    30.7% {
        -moz-transform: translate(0px, 180px);
        opacity: 1;
        -khtml-opacity: 1;
    }

    82.76% {
        -moz-transform: translate(0px, 0px)
    }

    84.48% {
        -moz-transform: translate(0px, 0px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    85.2% {
        -moz-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    86.93% {
        -moz-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    100% {
        -moz-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
}

@-o-keyframes focus_up_3 {
    0% {
        -o-transform: translate(0px, 180px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    30% {
        -o-transform: translate(0px, 180px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    30.7% {
        -o-transform: translate(0px, 180px);
        opacity: 1;
        -khtml-opacity: 1;
    }

    82.76% {
        -o-transform: translate(0px, 0px)
    }

    84.48% {
        -o-transform: translate(0px, 0px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    85.2% {
        -o-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    86.93% {
        -o-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    100% {
        -o-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
}

.advantage_annimates .mouse_focus_4 {
    animation-name: focus_up_4;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-delay: 0s;
    animation-fill-mode: both;

    -webkit-animation-name: focus_up_4;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
    -webkit-animation-fill-mode: both;

    -moz-animation-name: focus_up_4;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 0s;
    -moz-animation-fill-mode: both;

    -o-animation-name: focus_up_4;
    -o-animation-duration: 5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 0s;
    -o-animation-fill-mode: both;
}

@keyframes focus_up_4 {
    0% {
        transform: translate(10px, 56px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    50% {
        transform: translate(10px, 56px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    60% {
        transform: translate(10px, 56px);
        opacity: 1;
        -khtml-opacity: 1;
    }
    62% {
        transform: translate(18px, 51px);
        opacity: 1;
        -khtml-opacity: 1;
    }

    69.76% {
        transform: translate(0px, 0px)
    }

    69.48% {
        transform: translate(0px, 0px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    70.2% {
        transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    71.93% {
        transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    75% {
        transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
    100% {
        transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
}

@-webkit-keyframes focus_up_4 {
    0% {
        -webkit-transform: translate(10px, 56px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    50% {
        -webkit-transform: translate(10px, 56px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    60% {
        -webkit-transform: translate(10px, 56px);
        opacity: 1;
        -khtml-opacity: 1;
    }
    62% {
        -webkit-transform: translate(18px, 51px);
        opacity: 1;
        -khtml-opacity: 1;
    }

    69.76% {
        -webkit-transform: translate(0px, 0px)
    }

    69.48% {
        -webkit-transform: translate(0px, 0px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    70.2% {
        -webkit-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        box-sizing: border-box;
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    71.93% {
        -webkit-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        box-sizing: border-box;
    }
    75% {
        -webkit-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
        box-sizing: border-box;
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
        box-sizing: border-box;
    }
}

@-moz-keyframes focus_up_4 {
    0% {
        -moz-transform: translate(10px, 56px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    50% {
        -moz-transform: translate(10px, 56px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    60% {
        -moz-transform: translate(10px, 56px);
        opacity: 1;
        -khtml-opacity: 1;
    }
    62% {
        -moz-transform: translate(18px, 51px);
        opacity: 1;
        -khtml-opacity: 1;
    }

    69.76% {
        -moz-transform: translate(0px, 0px)
    }

    69.48% {
        -moz-transform: translate(0px, 0px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    70.2% {
        -moz-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    71.93% {
        -moz-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    75% {
        -moz-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
    100% {
        -moz-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
}

@-o-keyframes focus_up_4 {
    0% {
        -o-transform: translate(10px, 56px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    50% {
        -o-transform: translate(10px, 56px);
        opacity: 0;
        -khtml-opacity: 0;
    }
    60% {
        -o-transform: translate(10px, 56px);
        opacity: 1;
        -khtml-opacity: 1;
    }
    62% {
        -o-transform: translate(18px, 51px);
        opacity: 1;
        -khtml-opacity: 1;
    }

    69.76% {
        -o-transform: translate(0px, 0px)
    }

    69.48% {
        -o-transform: translate(0px, 0px);
        opacity: 0.7;
        -khtml-opacity: 0.7;
        width: 25px;
        height: 25px;
        border: 0px solid #359EFF;
        background-color: #359EFF;
    }
    70.2% {
        -o-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 3px solid #359EFF;
        background-color: rgba(54, 158, 255, 0.53);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    71.93% {
        -o-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    75% {
        -o-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
    100% {
        -o-transform: translate(0px, 0px);
        width: 28px;
        height: 28px;
        border: 4px solid #0383f9;
        background-color: rgb(255, 255, 255);
        opacity: 0;
        -khtml-opacity: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        top: 35px;
    }
    63% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.8;
        top: 0px;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
        top: 35px;
    }
    63% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.8;
        top: 0px;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        top: 35px;
    }
    63% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.8;
        top: 0px;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
        top: 35px;
    }
    63% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.8;
        top: 0px;
    }
}

@-webkit-keyframes exmail_show {
    0% {
        -webkit-transform: translate(137px, -60px);
        opacity: 0;
    }
    20% {
        -webkit-transform: translate(106.45px, -56.83px);
        opacity: 0.2;
    }
    40% {
        -webkit-transform: translate(77.31px, -49.12px);
        opacity: 0.4;
    }
    60% {
        -webkit-transform: translate(49.86px, -37.08px);
        opacity: 0.6;
    }
    80% {
        -webkit-transform: translate(24.09px, -20.71px);
        opacity: 0.8;
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@-moz-keyframes exmail_show {
    0% {
        -moz-transform: translate(137px, -60px);
        opacity: 0;
    }
    20% {
        -moz-transform: translate(106.45px, -56.83px);
        opacity: 0.2;
    }
    40% {
        -moz-transform: translate(77.31px, -49.12px);
        opacity: 0.4;
    }
    60% {
        -moz-transform: translate(49.86px, -37.08px);
        opacity: 0.6;
    }
    80% {
        -moz-transform: translate(24.09px, -20.71px);
        opacity: 0.8;
    }
    100% {
        -moz-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@-o-keyframes exmail_show {
    0% {
        -o-transform: translate(137px, -60px);
        opacity: 0;
    }
    20% {
        -o-transform: translate(106.45px, -56.83px);
        opacity: 0.2;
    }
    40% {
        -o-transform: translate(77.31px, -49.12px);
        opacity: 0.4;
    }
    60% {
        -o-transform: translate(49.86px, -37.08px);
        opacity: 0.6;
    }
    80% {
        -o-transform: translate(24.09px, -20.71px);
        opacity: 0.8;
    }
    100% {
        -o-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@keyframes exmail_show {
    0% {
        transform: translate(137px, -60px);
        opacity: 0;
    }
    20% {
        transform: translate(106.45px, -56.83px);
        opacity: 0.2;
    }
    40% {
        transform: translate(77.31px, -49.12px);
        opacity: 0.4;
    }
    60% {
        transform: translate(49.86px, -37.08px);
        opacity: 0.6;
    }
    80% {
        transform: translate(24.09px, -20.71px);
        opacity: 0.8;
    }
    100% {
        transform: translate(0px, 0px);
        opacity: 1;
    }
}

@-webkit-keyframes ww_show {
    0% {
        -webkit-transform: translate(-110px, -98px);
        opacity: 0;
    }
    20% {
        -webkit-transform: translate(-81.12px, -89.26px);
        opacity: 0.2;
    }
    40% {
        -webkit-transform: translate(-55.55px, -74.89px);
        opacity: 0.4;
    }
    60% {
        -webkit-transform: translate(-33.51px, -55.23px);
        opacity: 0.6;
    }
    80% {
        -webkit-transform: translate(-15px, -30.26px);
        opacity: 0.8;
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@-moz-keyframes ww_show {
    0% {
        -moz-transform: translate(-110px, -98px);
        opacity: 0;
    }
    20% {
        -moz-transform: translate(-81.12px, -89.26px);
        opacity: 0.2;
    }
    40% {
        -moz-transform: translate(-55.55px, -74.89px);
        opacity: 0.4;
    }
    60% {
        -moz-transform: translate(-33.51px, -55.23px);
        opacity: 0.6;
    }
    80% {
        -moz-transform: translate(-15px, -30.26px);
        opacity: 0.8;
    }
    100% {
        -moz-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@-o-keyframes ww_show {
    0% {
        -o-transform: translate(-110px, -98px);
        opacity: 0;
    }
    20% {
        -o-transform: translate(-81.12px, -89.26px);
        opacity: 0.2;
    }
    40% {
        -o-transform: translate(-55.55px, -74.89px);
        opacity: 0.4;
    }
    60% {
        -o-transform: translate(-33.51px, -55.23px);
        opacity: 0.6;
    }
    80% {
        -o-transform: translate(-15px, -30.26px);
        opacity: 0.8;
    }
    100% {
        -o-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@keyframes ww_show {
    0% {
        transform: translate(-110px, -98px);
        opacity: 0;
    }
    20% {
        transform: translate(-81.12px, -89.26px);
        opacity: 0.2;
    }
    40% {
        transform: translate(-55.55px, -74.89px);
        opacity: 0.4;
    }
    60% {
        transform: translate(-33.51px, -55.23px);
        opacity: 0.6;
    }
    80% {
        transform: translate(-15px, -30.26px);
        opacity: 0.8;
    }
    100% {
        transform: translate(0px, 0px);
        opacity: 1;
    }
}

@-webkit-keyframes foxmail_show {
    0% {
        -webkit-transform: translate(-60px, -18px);
        opacity: 0;
    }
    20% {
        -webkit-transform: translate(-47.33px, -16.31px);
        opacity: 0.7;
    }
    40% {
        -webkit-transform: translate(-34.99px, -13.67px);
        opacity: 0.8;
    }
    60% {
        -webkit-transform: translate(-22.97px, -10.05px);
        opacity: 0.9;
    }
    80% {
        -webkit-transform: translate(-11.26px, -5.48px);
        opacity: 0.95;
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@-moz-keyframes foxmail_show {
    0% {
        -moz-transform: translate(-60px, -18px);
        opacity: 0;
    }
    20% {
        -moz-transform: translate(-47.33px, -16.31px);
        opacity: 0.7;
    }
    40% {
        -moz-transform: translate(-34.99px, -13.67px);
        opacity: 0.8;
    }
    60% {
        -moz-transform: translate(-22.97px, -10.05px);
        opacity: 0.9;
    }
    80% {
        -moz-transform: translate(-11.26px, -5.48px);
        opacity: 0.95;
    }
    100% {
        -moz-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@-o-keyframes foxmail_show {
    0% {
        -o-transform: translate(-60px, -18px);
        opacity: 0;
    }
    20% {
        -o-transform: translate(-47.33px, -16.31px);
        opacity: 0.7;
    }
    40% {
        -o-transform: translate(-34.99px, -13.67px);
        opacity: 0.8;
    }
    60% {
        -o-transform: translate(-22.97px, -10.05px);
        opacity: 0.9;
    }
    80% {
        -o-transform: translate(-11.26px, -5.48px);
        opacity: 0.95;
    }
    100% {
        -o-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@keyframes foxmail_show {
    0% {
        transform: translate(-60px, -18px);
        opacity: 0;
    }
    20% {
        transform: translate(-47.33px, -16.31px);
        opacity: 0.7;
    }
    40% {
        transform: translate(-34.99px, -13.67px);
        opacity: 0.8;
    }
    60% {
        transform: translate(-22.97px, -10.05px);
        opacity: 0.9;
    }
    80% {
        transform: translate(-11.26px, -5.48px);
        opacity: 0.95;
    }
    100% {
        transform: translate(0px, 0px);
        opacity: 1;
    }
}

@keyframes path_mail_card_list {
    0% {
        background-position: 0 -3128px;
    }
    15% {
        background-position: 0 -3128px;
    }
    40% {
        background-position: 0 -3200px;
    }
    100% {
        background-position: 0 -3200px;
    }
}

@-webkit-keyframes path_mail_card_list {
    0% {
        background-position: 0 -3128px;
    }
    15% {
        background-position: 0 -3128px;
    }
    40% {
        background-position: 0 -3200px;
    }
    100% {
        background-position: 0 -3200px;
    }
}

@-moz-keyframes path_mail_card_list {
    0% {
        background-position: 0 -3128px;
    }
    15% {
        background-position: 0 -3128px;
    }
    40% {
        background-position: 0 -3200px;
    }
    100% {
        background-position: 0 -3200px;
    }
}

@-o-keyframes path_mail_card_list {
    0% {
        background-position: 0 -3128px;
    }
    15% {
        background-position: 0 -3128px;
    }
    40% {
        background-position: 0 -3200px;
    }
    100% {
        background-position: 0 -3200px;
    }
}

@keyframes path_mail_card_detail {
    0% {
        margin: 75px 0 0 285px;
        width: 0px;
    }
    75% {
        margin: 75px 0 0 285px;
        width: 0px;
    }
    90% {
        margin: 75px 0 0 23px;
        width: 262px;
    }
    100% {
        margin: 75px 0 0 23px;
        width: 262px;
    }
}

@-webkit-keyframes path_mail_card_detail {
    0% {
        margin: 75px 0 0 285px;
        width: 0px;
    }
    75% {
        margin: 75px 0 0 285px;
        width: 0px;
    }
    90% {
        margin: 75px 0 0 23px;
        width: 262px;
    }
    100% {
        margin: 75px 0 0 23px;
        width: 262px;
    }
}

@-moz-keyframes path_mail_card_detail {
    0% {
        margin: 75px 0 0 285px;
        width: 0px;
    }
    75% {
        margin: 75px 0 0 285px;
        width: 0px;
    }
    90% {
        margin: 75px 0 0 23px;
        width: 262px;
    }
    100% {
        margin: 75px 0 0 23px;
        width: 262px;
    }
}

@-o-keyframes path_mail_card_detail {
    0% {
        margin: 75px 0 0 285px;
        width: 0px;
    }
    75% {
        margin: 75px 0 0 285px;
        width: 0px;
    }
    90% {
        margin: 75px 0 0 23px;
        width: 262px;
    }
    100% {
        margin: 75px 0 0 23px;
        width: 262px;
    }
}

/*logo 2 整合 end*/
/*logo 3 专业 start*/

@keyframes path_professional {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes path_nju {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(-4.36px, 5.27px);
        -webkit-transform: translate(-4.36px, 5.27px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(-8.43px, 10.64px);
        -webkit-transform: translate(-8.43px, 10.64px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(-12.2px, 16.1px);
        -webkit-transform: translate(-12.2px, 16.1px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(-15.67px, 21.67px);
        -webkit-transform: translate(-15.67px, 21.67px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(-18.85px, 27.34px);
        -webkit-transform: translate(-18.85px, 27.34px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(-21.73px, 33.11px);
        -webkit-transform: translate(-21.73px, 33.11px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(-24.32px, 38.98px);
        -webkit-transform: translate(-24.32px, 38.98px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(-26.61px, 44.95px);
        -webkit-transform: translate(-26.61px, 44.95px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(-28.61px, 51.02px);
        -webkit-transform: translate(-28.61px, 51.02px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(-30.31px, 57.19px);
        -webkit-transform: translate(-30.31px, 57.19px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(-31.72px, 63.46px);
        -webkit-transform: translate(-31.72px, 63.46px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(-32.83px, 69.83px);
        -webkit-transform: translate(-32.83px, 69.83px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(-33.64px, 76.3px);
        -webkit-transform: translate(-33.64px, 76.3px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(-34.16px, 82.88px);
        -webkit-transform: translate(-34.16px, 82.88px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(-34.38px, 89.55px);
        -webkit-transform: translate(-34.38px, 89.55px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(-34.31px, 96.32px);
        -webkit-transform: translate(-34.31px, 96.32px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(-33.94px, 103.19px);
        -webkit-transform: translate(-33.94px, 103.19px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(-33.28px, 110.17px);
        -webkit-transform: translate(-33.28px, 110.17px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(-32.32px, 117.24px);
        -webkit-transform: translate(-32.32px, 117.24px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(-31.06px, 124.41px);
        -webkit-transform: translate(-31.06px, 124.41px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@-moz-keyframes path_nju {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(-4.36px, 5.27px);
        -webkit-transform: translate(-4.36px, 5.27px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(-8.43px, 10.64px);
        -webkit-transform: translate(-8.43px, 10.64px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(-12.2px, 16.1px);
        -webkit-transform: translate(-12.2px, 16.1px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(-15.67px, 21.67px);
        -webkit-transform: translate(-15.67px, 21.67px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(-18.85px, 27.34px);
        -webkit-transform: translate(-18.85px, 27.34px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(-21.73px, 33.11px);
        -webkit-transform: translate(-21.73px, 33.11px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(-24.32px, 38.98px);
        -webkit-transform: translate(-24.32px, 38.98px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(-26.61px, 44.95px);
        -webkit-transform: translate(-26.61px, 44.95px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(-28.61px, 51.02px);
        -webkit-transform: translate(-28.61px, 51.02px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(-30.31px, 57.19px);
        -webkit-transform: translate(-30.31px, 57.19px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(-31.72px, 63.46px);
        -webkit-transform: translate(-31.72px, 63.46px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(-32.83px, 69.83px);
        -webkit-transform: translate(-32.83px, 69.83px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(-33.64px, 76.3px);
        -webkit-transform: translate(-33.64px, 76.3px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(-34.16px, 82.88px);
        -webkit-transform: translate(-34.16px, 82.88px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(-34.38px, 89.55px);
        -webkit-transform: translate(-34.38px, 89.55px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(-34.31px, 96.32px);
        -webkit-transform: translate(-34.31px, 96.32px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(-33.94px, 103.19px);
        -webkit-transform: translate(-33.94px, 103.19px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(-33.28px, 110.17px);
        -webkit-transform: translate(-33.28px, 110.17px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(-32.32px, 117.24px);
        -webkit-transform: translate(-32.32px, 117.24px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(-31.06px, 124.41px);
        -webkit-transform: translate(-31.06px, 124.41px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@-o-keyframes path_nju {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(-4.36px, 5.27px);
        -webkit-transform: translate(-4.36px, 5.27px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(-8.43px, 10.64px);
        -webkit-transform: translate(-8.43px, 10.64px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(-12.2px, 16.1px);
        -webkit-transform: translate(-12.2px, 16.1px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(-15.67px, 21.67px);
        -webkit-transform: translate(-15.67px, 21.67px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(-18.85px, 27.34px);
        -webkit-transform: translate(-18.85px, 27.34px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(-21.73px, 33.11px);
        -webkit-transform: translate(-21.73px, 33.11px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(-24.32px, 38.98px);
        -webkit-transform: translate(-24.32px, 38.98px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(-26.61px, 44.95px);
        -webkit-transform: translate(-26.61px, 44.95px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(-28.61px, 51.02px);
        -webkit-transform: translate(-28.61px, 51.02px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(-30.31px, 57.19px);
        -webkit-transform: translate(-30.31px, 57.19px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(-31.72px, 63.46px);
        -webkit-transform: translate(-31.72px, 63.46px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(-32.83px, 69.83px);
        -webkit-transform: translate(-32.83px, 69.83px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(-33.64px, 76.3px);
        -webkit-transform: translate(-33.64px, 76.3px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(-34.16px, 82.88px);
        -webkit-transform: translate(-34.16px, 82.88px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(-34.38px, 89.55px);
        -webkit-transform: translate(-34.38px, 89.55px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(-34.31px, 96.32px);
        -webkit-transform: translate(-34.31px, 96.32px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(-33.94px, 103.19px);
        -webkit-transform: translate(-33.94px, 103.19px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(-33.28px, 110.17px);
        -webkit-transform: translate(-33.28px, 110.17px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(-32.32px, 117.24px);
        -webkit-transform: translate(-32.32px, 117.24px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(-31.06px, 124.41px);
        -webkit-transform: translate(-31.06px, 124.41px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@keyframes path_nju {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(-4.36px, 5.27px);
        -webkit-transform: translate(-4.36px, 5.27px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(-8.43px, 10.64px);
        -webkit-transform: translate(-8.43px, 10.64px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(-12.2px, 16.1px);
        -webkit-transform: translate(-12.2px, 16.1px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(-15.67px, 21.67px);
        -webkit-transform: translate(-15.67px, 21.67px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(-18.85px, 27.34px);
        -webkit-transform: translate(-18.85px, 27.34px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(-21.73px, 33.11px);
        -webkit-transform: translate(-21.73px, 33.11px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(-24.32px, 38.98px);
        -webkit-transform: translate(-24.32px, 38.98px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(-26.61px, 44.95px);
        -webkit-transform: translate(-26.61px, 44.95px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(-28.61px, 51.02px);
        -webkit-transform: translate(-28.61px, 51.02px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(-30.31px, 57.19px);
        -webkit-transform: translate(-30.31px, 57.19px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(-31.72px, 63.46px);
        -webkit-transform: translate(-31.72px, 63.46px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(-32.83px, 69.83px);
        -webkit-transform: translate(-32.83px, 69.83px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(-33.64px, 76.3px);
        -webkit-transform: translate(-33.64px, 76.3px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(-34.16px, 82.88px);
        -webkit-transform: translate(-34.16px, 82.88px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(-34.38px, 89.55px);
        -webkit-transform: translate(-34.38px, 89.55px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(-34.31px, 96.32px);
        -webkit-transform: translate(-34.31px, 96.32px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(-33.94px, 103.19px);
        -webkit-transform: translate(-33.94px, 103.19px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(-33.28px, 110.17px);
        -webkit-transform: translate(-33.28px, 110.17px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(-32.32px, 117.24px);
        -webkit-transform: translate(-32.32px, 117.24px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(-31.06px, 124.41px);
        -webkit-transform: translate(-31.06px, 124.41px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@-webkit-keyframes path_58 {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(-1.25px, -4.47px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(-2.61px, -8.86px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(-4.06px, -13.16px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(-5.61px, -17.38px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(-7.26px, -21.51px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(-9.02px, -25.55px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(-10.87px, -29.52px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(-12.83px, -33.39px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(-14.88px, -37.18px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(-17.03px, -40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(-19.29px, -44.51px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(-21.64px, -48.04px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(-24.1px, -51.49px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(-26.65px, -54.85px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(-29.31px, -58.13px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(-32.06px, -61.32px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(-34.92px, -64.43px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(-37.88px, -67.45px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(-40.93px, -70.39px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(-44.09px, -73.24px);
        opacity: 0;
    }
}

@-moz-keyframes path_58 {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(-1.25px, -4.47px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(-2.61px, -8.86px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(-4.06px, -13.16px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(-5.61px, -17.38px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(-7.26px, -21.51px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(-9.02px, -25.55px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(-10.87px, -29.52px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(-12.83px, -33.39px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(-14.88px, -37.18px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(-17.03px, -40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(-19.29px, -44.51px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(-21.64px, -48.04px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(-24.1px, -51.49px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(-26.65px, -54.85px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(-29.31px, -58.13px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(-32.06px, -61.32px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(-34.92px, -64.43px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(-37.88px, -67.45px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(-40.93px, -70.39px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(-44.09px, -73.24px);
        opacity: 0;
    }
}

@-o-keyframes path_58 {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(-1.25px, -4.47px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(-2.61px, -8.86px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(-4.06px, -13.16px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(-5.61px, -17.38px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(-7.26px, -21.51px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(-9.02px, -25.55px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(-10.87px, -29.52px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(-12.83px, -33.39px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(-14.88px, -37.18px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(-17.03px, -40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(-19.29px, -44.51px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(-21.64px, -48.04px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(-24.1px, -51.49px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(-26.65px, -54.85px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(-29.31px, -58.13px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(-32.06px, -61.32px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(-34.92px, -64.43px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(-37.88px, -67.45px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(-40.93px, -70.39px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(-44.09px, -73.24px);
        opacity: 0;
    }
}

@keyframes path_58 {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(-1.25px, -4.47px);
        -webkit-transform: translate(-1.25px, -4.47px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(-2.61px, -8.86px);
        -webkit-transform: translate(-2.61px, -8.86px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(-4.06px, -13.16px);
        -webkit-transform: translate(-4.06px, -13.16px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(-5.61px, -17.38px);
        -webkit-transform: translate(-5.61px, -17.38px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(-7.26px, -21.51px);
        -webkit-transform: translate(-7.26px, -21.51px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(-9.02px, -25.55px);
        -webkit-transform: translate(-9.02px, -25.55px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(-10.87px, -29.52px);
        -webkit-transform: translate(-10.87px, -29.52px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(-12.83px, -33.39px);
        -webkit-transform: translate(-12.83px, -33.39px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(-14.88px, -37.18px);
        -webkit-transform: translate(-14.88px, -37.18px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(-17.03px, -40.89px);
        -webkit-transform: translate(-17.03px, -40.89px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(-19.29px, -44.51px);
        -webkit-transform: translate(-19.29px, -44.51px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(-21.64px, -48.04px);
        -webkit-transform: translate(-21.64px, -48.04px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(-24.1px, -51.49px);
        -webkit-transform: translate(-24.1px, -51.49px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(-26.65px, -54.85px);
        -webkit-transform: translate(-26.65px, -54.85px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(-29.31px, -58.13px);
        -webkit-transform: translate(-29.31px, -58.13px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(-32.06px, -61.32px);
        -webkit-transform: translate(-32.06px, -61.32px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(-34.92px, -64.43px);
        -webkit-transform: translate(-34.92px, -64.43px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(-37.88px, -67.45px);
        -webkit-transform: translate(-37.88px, -67.45px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(-40.93px, -70.39px);
        -webkit-transform: translate(-40.93px, -70.39px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(-44.09px, -73.24px);
        -webkit-transform: translate(-44.09px, -73.24px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@-webkit-keyframes path_lakala {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(1.02px, 5.1px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(2.49px, 9.98px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(4.41px, 14.64px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(6.77px, 19.06px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(9.58px, 23.26px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(12.84px, 27.24px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(16.54px, 30.99px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(20.68px, 34.51px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(25.27px, 37.81px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(30.31px, 40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(35.79px, 43.73px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(41.72px, 46.35px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(48.1px, 48.75px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(54.92px, 50.92px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(62.19px, 52.86px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(69.9px, 54.58px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(78.06px, 56.07px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(86.66px, 57.34px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(95.71px, 58.38px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(105.21px, 59.2px);
        opacity: 0;
    }
}

@-moz-keyframes path_lakala {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(1.02px, 5.1px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(2.49px, 9.98px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(4.41px, 14.64px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(6.77px, 19.06px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(9.58px, 23.26px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(12.84px, 27.24px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(16.54px, 30.99px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(20.68px, 34.51px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(25.27px, 37.81px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(30.31px, 40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(35.79px, 43.73px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(41.72px, 46.35px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(48.1px, 48.75px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(54.92px, 50.92px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(62.19px, 52.86px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(69.9px, 54.58px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(78.06px, 56.07px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(86.66px, 57.34px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(95.71px, 58.38px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(105.21px, 59.2px);
        opacity: 0;
    }
}

@-o-keyframes path_lakala {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(1.02px, 5.1px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(2.49px, 9.98px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(4.41px, 14.64px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(6.77px, 19.06px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(9.58px, 23.26px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(12.84px, 27.24px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(16.54px, 30.99px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(20.68px, 34.51px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(25.27px, 37.81px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(30.31px, 40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(35.79px, 43.73px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(41.72px, 46.35px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(48.1px, 48.75px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(54.92px, 50.92px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(62.19px, 52.86px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(69.9px, 54.58px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(78.06px, 56.07px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(86.66px, 57.34px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(95.71px, 58.38px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(105.21px, 59.2px);
        opacity: 0;
    }
}

@keyframes path_lakala {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(1.02px, 5.1px);
        -webkit-transform: translate(1.02px, 5.1px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(2.49px, 9.98px);
        -webkit-transform: translate(2.49px, 9.98px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(4.41px, 14.64px);
        -webkit-transform: translate(4.41px, 14.64px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(6.77px, 19.06px);
        -webkit-transform: translate(6.77px, 19.06px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(9.58px, 23.26px);
        -webkit-transform: translate(9.58px, 23.26px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(12.84px, 27.24px);
        -webkit-transform: translate(12.84px, 27.24px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(16.54px, 30.99px);
        -webkit-transform: translate(16.54px, 30.99px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(20.68px, 34.51px);
        -webkit-transform: translate(20.68px, 34.51px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(25.27px, 37.81px);
        -webkit-transform: translate(25.27px, 37.81px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(30.31px, 40.89px);
        -webkit-transform: translate(30.31px, 40.89px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(35.79px, 43.73px);
        -webkit-transform: translate(35.79px, 43.73px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(41.72px, 46.35px);
        -webkit-transform: translate(41.72px, 46.35px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(48.1px, 48.75px);
        -webkit-transform: translate(48.1px, 48.75px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(54.92px, 50.92px);
        -webkit-transform: translate(54.92px, 50.92px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(62.19px, 52.86px);
        -webkit-transform: translate(62.19px, 52.86px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(69.9px, 54.58px);
        -webkit-transform: translate(69.9px, 54.58px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(78.06px, 56.07px);
        -webkit-transform: translate(78.06px, 56.07px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(86.66px, 57.34px);
        -webkit-transform: translate(86.66px, 57.34px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(95.71px, 58.38px);
        -webkit-transform: translate(95.71px, 58.38px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(105.21px, 59.2px);
        -webkit-transform: translate(105.21px, 59.2px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

/*logo 3 专业 end*/
/*logo 4 安全 start*/
@keyframes path_mail {
    100% {
        transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    45% {
        transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
    0% {
        transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@-webkit-keyframes path_mail {
    100% {
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    45% {
        -webkit-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
    0% {
        -webkit-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@-moz-keyframes path_mail {
    100% {
        -moz-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    45% {
        -moz-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
    0% {
        -moz-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@-o-keyframes path_mail {
    100% {
        -o-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    45% {
        -o-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
    0% {
        -o-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

/*65 185
83 240*/
@keyframes path_user {
    100% {
        transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    0% {
        transform: translate(100px, -60px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@-webkit-keyframes path_user {
    100% {
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    0% {
        -webkit-transform: translate(100px, -60px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@-moz-keyframes path_user {
    100% {
        -moz-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    0% {
        -moz-transform: translate(100px, -60px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@-o-keyframes path_user {
    100% {
        -o-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    0% {
        -o-transform: translate(100px, -60px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@keyframes path_lock {
    100% {
        transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
        z-index: -1;
    }
    0% {
        transform: translate(-125px, -50px);
        -khtml-opacity: 0;
        opacity: 0;
        z-index: -1;
    }
}

@-webkit-keyframes path_lock {
    100% {
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
        z-index: -1;
    }
    0% {
        -webkit-transform: translate(-125px, -50px);
        -khtml-opacity: 0;
        opacity: 0;
        z-index: -1;
    }
}

@-moz-keyframes path_lock {
    100% {
        -moz-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
        z-index: -1;
    }
    0% {
        -moz-transform: translate(-125px, -50px);
        -khtml-opacity: 0;
        opacity: 0;
        z-index: -1;
    }
}

@-o-keyframes path_lock {
    100% {
        -o-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
        z-index: -1;
    }
    0% {
        -o-transform: translate(-125px, -50px);
        -khtml-opacity: 0;
        opacity: 0;
        z-index: -1;
    }
}

@keyframes path_safe_mask {
    0% {
        width: 320px;
        opacity: 1;
    }
    100% {
        width: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes path_safe_mask {
    0% {
        width: 320px;
        opacity: 1;
    }
    100% {
        width: 0px;
        opacity: 1;
    }
}

@-moz-keyframes path_safe_mask {
    0% {
        width: 320px;
        opacity: 1;
    }
    100% {
        width: 0px;
        opacity: 1;
    }
}

@-o-keyframes path_safe_mask {
    0% {
        width: 320px;
        opacity: 1;
    }
    100% {
        width: 0px;
        opacity: 1;
    }
}

/*logo 4 安全 end*/

.index_content_advantage_logo .advantage_logo {
    position: absolute;
    -display: none;
}

.advantage_logo_plane_line_mask {
    position: absolute;
    width: 72px;
    height: 158px;
    left: 63px;
    top: 100px;
    display: inline-block;
    background: #FFF;
    z-index: 0;
    opacity: 0;
}

.advantage_annimates .advantage_logo_plane_line_mask {
    transition: all .6s;
    animation-name: path_plane_line_mask;
    animation-duration: .6s;
    animation-timing-function: ease-out;
}

.advantage_logo_professional {
    left: 140px;
    top: 45px;
}

.advantage_annimates .advantage_logo_professional {
    animation: path_professional 0.5s;
    -moz-animation: path_professional 0.5s;
    -webkit-animation: path_professional 0.5s;
    -o-animation: path_professional 0.5s;
}

.advantage_logo_nju {
    left: 40px;
    top: 85px;
}

.advantage_annimates .advantage_logo_nju {
    animation: path_nju 1s linear both;
    -moz-animation: path_nju 1s linear both;
    -webkit-animation: path_nju 1s linear both;
    -o-animation: path_nju 1s linear both;
}

.advantage_logo_58 {
    right: 48px;
    top: 158px;
}

.advantage_annimates .advantage_logo_58 {
    animation: path_58 1s linear both;
    -moz-animation: path_58 1s linear both;
    -webkit-animation: path_58 1s linear both;
    -o-animation: path_58 1s linear both;
}

.advantage_logo_lakala {
    left: 90px;
    bottom: 60px;
}

.advantage_annimates .advantage_logo_lakala {
    animation: path_lakala 1s;
    -moz-animation: path_lakala 1s;
    -webkit-animation: path_lakala 1s;
    -o-animation: path_lakala 1s;
}

.advantage_logo_with_wechat {
    left: 130px;
    bottom: 30px;
}

.advantage_annimates .advantage_logo_with_wechat {
    animation: path_with_wechat 0.5s;
    -moz-animation: path_with_wechat 0.5s;
    -webkit-animation: path_with_wechat 0.5s;
    -o-animation: path_with_wechat 0.5s;
}

.advantage_logo_plane {
    left: 65px;
    top: 25px;
    z-index: 3;
}

.advantage_annimates .advantage_logo_plane {
    animation: path_plane 0.6s;
    -moz-animation: path_plane 0.6s;
    -webkit-animation: path_plane 0.6s;
    -o-animation: path_plane 0.6s;
}

.advantage_logo_plane_line {
    left: 65px;
    top: 100px;
    z-index: -1;
}

/*.advantage_annimates .advantage_logo_plane_line{
    animation: path_plane_line 1s;
    -moz-animation: path_plane_line 1s;
    -webkit-animation: path_plane_line 1s;
    -o-animation: path_plane_line 1s;
  }*/
/*.advantage_item_combine .advantage_logo {
  position: absolute;
  display: none;
}*/
.advantage_logo_mail_card_list {
    margin: 120px 0 0 35px;
    height: 275px;
    z-index: 4;
    background-position: 0 -3200px;
}

.advantage_annimates .advantage_logo_mail_card_list {
    transition: all 5s;
    animation-name: path_mail_card_list;
    animation-duration: 5s;
    animation-timing-function: ease-out;

    -webkit-transition: all 5s;
    -webkit-animation-name: path_mail_card_list;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-out;

    -moz-transition: all 5s;
    -moz-animation-name: path_mail_card_list;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: ease-out;

    -o-transition: all 5s;
    -o-animation-name: path_mail_card_list;
    -o-animation-duration: 5s;
    -o-animation-timing-function: ease-out;
}

.advantage_logo_mail_card_detail {
    margin: 75px 0 0 23px;
    z-index: 4;
}

.advantage_annimates .advantage_logo_mail_card_detail {
    transition: all 5s;
    animation-name: path_mail_card_detail;
    animation-duration: 5s;
    animation-timing-function: ease-out;

    -webkit-transition: all 5s;
    -webkit-animation-name: path_mail_card_detail;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-out;

    -moz-transition: all 5s;
    -moz-animation-name: path_mail_card_detail;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: ease-out;

    -o-transition: all 5s;
    -o-animation-name: path_mail_card_detail;
    -o-animation-duration: 5s;
    -o-animation-timing-function: ease-out;
}

.advantage_logo_mail_mask {
    position: absolute;
    width: 262px;
    height: 120px;
    z-index: 4;
    bottom: 20px;
    left: 23px;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.advantage_annimates .advantage_logo_imac {
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.32s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;

    -moz-animation-name: fadeIn;
    -moz-animation-duration: 0.32s;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 0s;

    -o-animation-name: fadeIn;
    -o-animation-duration: 0.32s;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 0s;

    animation-name: fadeIn;
    animation-duration: 0.32s;
    animation-iteration-count: 1;
    animation-delay: 0s;
}

.advantage_annimates .advantage_logo_mail_app {
    -webkit-animation-name: exmail_show;
    -webkit-animation-duration: 0.44s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.32s;
    -webkit-animation-fill-mode: both;

    -moz-animation-name: exmail_show;
    -moz-animation-duration: 0.44s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 0.32s;
    -moz-animation-fill-mode: both;

    -o-animation-name: exmail_show;
    -o-animation-duration: 0.44s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 0.32s;
    -o-animation-fill-mode: both;

    animation-name: exmail_show;
    animation-duration: 0.44s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-delay: 0.32s;
    animation-fill-mode: both;
}

.advantage_annimates .advantage_logo_wework {
    -webkit-animation-name: ww_show;
    -webkit-animation-duration: 0.44s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.32s;
    -webkit-animation-fill-mode: both;

    -moz-animation-name: ww_show;
    -moz-animation-duration: 0.44s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 0.32s;
    -moz-animation-fill-mode: both;

    -o-animation-name: ww_show;
    -o-animation-duration: 0.44s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 0.32s;
    -o-animation-fill-mode: both;

    animation-name: ww_show;
    animation-duration: 0.44s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-delay: 0.32s;
    animation-fill-mode: both;
}

.advantage_annimates .advantage_logo_foxmail {
    -webkit-animation-name: foxmail_show;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.56s;
    -webkit-animation-fill-mode: both;

    -moz-animation-name: foxmail_show;
    -moz-animation-duration: 0.2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 0.56s;
    -moz-animation-fill-mode: both;

    -o-animation-name: foxmail_show;
    -o-animation-duration: 0.2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 0.56s;
    -o-animation-fill-mode: both;

    animation-name: foxmail_show;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-delay: 0.56s;
    animation-fill-mode: both;
}

.advantage_logo_safe {
    left: 133px;
    top: 65px;
    z-index: 1;
}

.advantage_logo_safe_mask {
    z-index: 3;
    top: 66px;
    left: 66px;
    margin-right: 63px;
    opacity: 0;
}

.advantage_annimates .advantage_logo_safe_mask {
    animation: path_safe_mask 0.8s;
    -moz-animation: path_safe_mask 0.8s;
    -webkit-animation: path_safe_mask 0.8s;
    -o-animation: path_safe_mask 0.8s;
}

.advantage_logo_mail {
    left: 65px;
    top: 185px;
    z-index: 4;
}

.advantage_annimates .advantage_logo_mail {
    animation: path_mail 0.9s;
    -moz-animation: path_mail 0.9s;
    -webkit-animation: path_mail 0.9s;
    -o-animation: path_mail 0.9s;
}

.advantage_logo_user {
    left: 327px;
    top: 220px;
    z-index: 4;
}

.advantage_annimates .advantage_logo_user {
    animation: path_user 1.2s;
    -moz-animation: path_user 1.2s;
    -webkit-animation: path_user 1.2s;
    -o-animation: path_user 1.2s;
}

.advantage_logo_lock {
    left: 378px;
    top: 130px;
    z-index: 4;
}

.advantage_annimates .advantage_logo_lock {
    animation: path_lock 1.2s;
    -moz-animation: path_lock 1.2s;
    -webkit-animation: path_lock 1.2s;
    -o-animation: path_lock 1.2s;
}

.advantage_logo_safe_line {
    left: 72px;
    top: 153px;
    z-index: 2;
}