@charset "utf-8";

.barterer-cent .barterer-middle .barterer-phone1{animation:phoneMove1 8s linear 0.45s infinite alternate;}
.barterer-cent .barterer-middle .barterer-phone2 {animation:phoneMove1 12s linear 0.85s infinite alternate;}
.Vox-Control{animation: proRotate 0.5s linear none 1;}
.jewel_shop_score .setting_genre .appraisal_ani {
    -webkit-animation: rotateSpeed 2s steps(29);
    -moz-animation: rotateSpeed 2s steps(29);
    animation: rotateSpeed 2s steps(29);
}
#t_name .video_ico_btn {animation: videoAnimate 2s 1s infinite;}
.jysxq_box span.video_str {animation: scalethis 1s infinite ease-in;}
.waveTop {animation: move_wave 15s linear infinite;animation-delay: 2s;}
.waveMiddle {animation: move_wave 10s linear infinite;}
.jysxq_box .icon-vrBlack, .jysxq_box .icon-vrBlue, .jysxq_box .icon-vrYellow, .jysxq_box .icon-vrGreen, .top-dealer-info .dealer-logo .icon-vrBlue {
    -webkit-animation: vranimate 3s steps(16) 1s infinite;
    -moz-animation: vranimate 3s steps(16) 1s infinite;
    animation: vranimate 3s steps(16) 1s infinite;
}
.top-dealer-info .dealer-txt h3 .video-paly-btn {
    -webkit-animation: opacitythis 2s 1s infinite;
    -moz-animation: opacitythis 2s 1s infinite;
    animation: opacitythis 2s 1s infinite;
}
@keyframes phoneMove1 {
    25% {transform: translateY(-20px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(-20px);}
}
@keyframes proRotate {
    0% {transform: perspective(400px) rotateX(180deg);}
    100% {transform: perspective(400px) rotateX(0deg);}
}
@-webkit-keyframes rotateSpeed {
    0% {background-position: 0 0}
    100% {background-position: -2755px 0}
}
@-moz-keyframes rotateSpeed {
    0% {background-position: 0 0}
    100% {background-position: -2755px 0}
}
@keyframes rotateSpeed {
    0% {background-position: 0 0}
    100% {background-position: -2755px 0}
}
@keyframes videoAnimate {
    0% {opacity: 1;}
    60% {opacity: 0.7;}
    100% {opacity: 1;}
}
@keyframes scalethis {
    0% {transform: scale(0.6);}
    50% {transform: scale(1.2);}
    100% {transform: scale(0.6);}
}
@keyframes move_wave {
    0% {transform: translateX(0) translateZ(0) scaleY(1)}
    50% {transform: translateX(-25%) translateZ(0) scaleY(0.55)}
    100% {transform: translateX(-50%) translateZ(0) scaleY(1)}
}
/* VR动画 */
@-webkit-keyframes vranimate {
    0% {background-position: 0 0}
    100% {background-position: -736px 0}
}
@-moz-keyframes vranimate {
    0% {background-position: 0 0}
    100% {background-position: -736px 0}
}
@keyframes vranimate {
    0% {background-position: 0 0}
    100% {background-position: -736px 0}
}

/* 屏幕适配1024*768 */
@media screen and (max-width: 1024px) {
    .pop-vrShow{transform: scale(0.75);}
    .pop-vrBox{transform: scale(0.75);}
    .license_plate{transform: scale(0.75);}
    .sky_score {
        transform: translate(-50%,-50%) scale(0.75);
    }
    .wind_sy{transform: scale(0.75);}
    .Mt_testify{transform: scale(0.75);}
    .portrait{transform: scale(0.75);}
    .cast_popup{transform: scale(0.75);}
    .online_pop{transform: scale(0.75);}
    .easy_bogus{transform: scale(0.75);}
    .easy_agent{transform: scale(0.75);}
    .genealogy {transform: scale(0.75);}
    .Ib_Train {transform: scale(0.75);}
    .official_appraise {transform: scale(0.75);}
    .video_play {transform: scale(0.75);}
    .pop-vrBox {max-width: 620px !important;}
}