body{position: relative;}
.pc_box{position:fixed;background: rgba(0,0,0,.7);width: 100%;height: 100%;top: 0;}
.pc_bg{position:relative;background: url("pc_bg.png"/*tpa=http://www.456uuu.com/images/2018/piao/images/pc_bg.png*/);margin: 20px auto 0;height: 583px;width: 567px;}
.pc_button{width: 40px;height: 40px;border-radius: 60px; float: right;margin-top: 10px;cursor: pointer;}
.qc_c{position: absolute;top: 450px;left: 162px;z-index: 2;
    animation: mymoveJT01 1s 1 linear alternate;
    -webkit-animation: mymoveJT01 1s 1 ease-in alternate;
    -moz-animation: mymoveJT01 1s 1 ease-in alternate;	/* Firefox */
    -o-animation:  mymoveJT01 1s 1 ease-in alternate;	/* Opera */

}
.qc_l{position: absolute;top: 450px;left: -10px;z-index: 1;
    animation: mymoveJT02 1.5s 1 linear alternate;
    -webkit-animation: mymoveJT02 1.5s 1 ease-in alternate;
    -moz-animation: mymoveJT02 1.5s 1 linear alternate;	/* Firefox */
    -o-animation:mymoveJT02 1.5s 1 linear alternate;/* Opera */

}
.qc_r{position: absolute;top: 450px;left: 300px;z-index: 1;
    animation: mymoveJT03 1.5s 1 linear alternate;
    -webkit-animation: mymoveJT03 1.5s 1 linear alternate;
    -moz-animation:mymoveJT03 1.5s 1 linear alternate;	/* Firefox */
    -o-animation:mymoveJT03 1.5s 1 linear alternate;	/* Opera */

}
.ewm_c{position: absolute;top: 293px;left:193px;z-index: 2;
    animation: mymoveJT04 2s 1 linear alternate;
    -webkit-animation: mymoveJT04 2s 1 linear alternate;
    -moz-animation:mymoveJT04 2s 1 linear alternate;	/* Firefox */
    -o-animation:mymoveJT04 2s 1 linear alternate;	/* Opera */
}
.ewm_c p{font:18px/24px '微软雅黑' ;color: #fff;text-align: center;}

.ewm_pc{position: fixed;left: 50%;  margin-left: 470px;  top: 450px;
        display: none;z-index:99;
    animation: mymoveJT05 2.5s 1 ease-out;
    -webkit-animation: mymoveJT05 2.5s 1 ease-out;
    -moz-animation:mymoveJT05 2.5s 1 ease-out;	/* Firefox */
    -o-animation:mymoveJT05 2.5s 1 ease-out;	/* Opera */
}

@keyframes mymoveJT01
{
    from { top:250px;
        transform: scale(0.2);
        -ms-transform: scale(0.2);	/* IE 9 */
        -webkit-transform: scale(0.2);	/* Safari 和 Chrome */
        -o-transform: scale(0.2);	/* Opera */
        -moz-transform: scale(0.2);	/* Firefox */
        opacity:0.4;
        filter:alpha(opacity=40);
    }
    to {top:450px;
        transform: scale(1);
        -ms-transform: scale(1);	/* IE 9 */
        -webkit-transform: scale(1);	/* Safari 和 Chrome */
        -o-transform: scale(1);	/* Opera */
        -moz-transform: scale(1);	/* Firefox */
        opacity:1;
        filter:alpha(opacity=100);
    }
}
@-webkit-keyframes mymoveJT01
{
    from { top:300px;
        transform: scale(0.2);
        -ms-transform: scale(0.2);	/* IE 9 */
        -webkit-transform: scale(0.2);	/* Safari 和 Chrome */
        -o-transform: scale(0.2);	/* Opera */
        -moz-transform: scale(0.2);	/* Firefox */
        opacity:0.4;
        filter:alpha(opacity=40);
    }
    to {top:450px;
        transform: scale(1);
        -ms-transform: scale(1);	/* IE 9 */
        -webkit-transform: scale(1);	/* Safari 和 Chrome */
        -o-transform: scale(1);	/* Opera */
        -moz-transform: scale(1);	/* Firefox */
        opacity:1;
        filter:alpha(opacity=100);
    }
}

@keyframes mymoveJT02
{
    from { top:350px; left:300px ;
        transform: scale(0.2);
        -ms-transform: scale(0.2);	/* IE 9 */
        -webkit-transform: scale(0.2);	/* Safari 和 Chrome */
        -o-transform: scale(0.2);	/* Opera */
        -moz-transform: scale(0.2);	/* Firefox */
        opacity:0.4;
        filter:alpha(opacity=40);
    }
    to {top:450px;left:-10px ;
        transform: scale(1);
        -ms-transform: scale(1);	/* IE 9 */
        -webkit-transform: scale(1);	/* Safari 和 Chrome */
        -o-transform: scale(1);	/* Opera */
        -moz-transform: scale(1);	/* Firefox */
        opacity:1;
        filter:alpha(opacity=100);
    }
}
@-webkit-keyframes mymoveJT02
{
    from { top:350px; left:300px;
        transform: scale(0.2);
        -ms-transform: scale(0.2);	/* IE 9 */
        -webkit-transform: scale(0.2);	/* Safari 和 Chrome */
        -o-transform: scale(0.2);	/* Opera */
        -moz-transform: scale(0.2);	/* Firefox */
        opacity:0.4;
        filter:alpha(opacity=40);
    }
    to {top:450px;left:-10px ;
        transform: scale(1);
        -ms-transform: scale(1);	/* IE 9 */
        -webkit-transform: scale(1);	/* Safari 和 Chrome */
        -o-transform: scale(1);	/* Opera */
        -moz-transform: scale(1);	/* Firefox */
        opacity:1;
        filter:alpha(opacity=100);
    }
}


@keyframes mymoveJT03
{
    from { top:350px; left:-10px;
        transform: scale(0.2);
        -ms-transform: scale(0.2);	/* IE 9 */
        -webkit-transform: scale(0.2);	/* Safari 和 Chrome */
        -o-transform: scale(0.2);	/* Opera */
        -moz-transform: scale(0.2);	/* Firefox */
        opacity:0.4;
        filter:alpha(opacity=40);
    }
    to {top:450px;left:300px;
        transform: scale(1);
        -ms-transform: scale(1);	/* IE 9 */
        -webkit-transform: scale(1);	/* Safari 和 Chrome */
        -o-transform: scale(1);	/* Opera */
        -moz-transform: scale(1);	/* Firefox */
        opacity:1;
        filter:alpha(opacity=100);
    }
}
@-webkit-keyframes mymoveJT03
{
    from { top:350px; left:-10px;
        transform: scale(0.2);
        -ms-transform: scale(0.2);	/* IE 9 */
        -webkit-transform: scale(0.2);	/* Safari 和 Chrome */
        -o-transform: scale(0.2);	/* Opera */
        -moz-transform: scale(0.2);	/* Firefox */
        opacity:0.4;
        filter:alpha(opacity=40);
    }
    to {top:450px;left:300px ;
        transform: scale(1);
        -ms-transform: scale(1);	/* IE 9 */
        -webkit-transform: scale(1);	/* Safari 和 Chrome */
        -o-transform: scale(1);	/* Opera */
        -moz-transform: scale(1);	/* Firefox */
        opacity:1;
        filter:alpha(opacity=100);
    }
}

@keyframes mymoveJT04
{
  0%{
       transform: scale(0.0);
       -ms-transform: scale(0.0);	/* IE 9 */
       -webkit-transform: scale(0.0);	/* Safari 和 Chrome */
       -o-transform: scale(0.0);	/* Opera */
       -moz-transform: scale(0.0);	/* Firefox */
       opacity:0;
       filter:alpha(opacity=0);}
    50%{
        transform: scale(0.0);
        -ms-transform: scale(0.0);	/* IE 9 */
        -webkit-transform: scale(0.0);	/* Safari 和 Chrome */
        -o-transform: scale(0.0);	/* Opera */
        -moz-transform: scale(0.0);	/* Firefox */
        opacity:0;
        filter:alpha(opacity=0);}
    90%{
        transform: scale(0.9);
        -ms-transform: scale(0.9);	/* IE 9 */
        -webkit-transform: scale(0.9);	/* Safari 和 Chrome */
        -o-transform: scale(0.9);	/* Opera */
        -moz-transform: scale(0.9);	/* Firefox */
        opacity:0.2;
        filter:alpha(opacity=20);}
    100%{
        transform: scale(1);
        -ms-transform: scale(1);	/* IE 9 */
        -webkit-transform: scale(1);	/* Safari 和 Chrome */
        -o-transform: scale(1);	/* Opera */
        -moz-transform: scale(1);	/* Firefox */
        opacity:1;
        filter:alpha(opacity=100);}
}
@-webkit-keyframes mymoveJT04
{
   0%{
       transform: scale(0.0);
       -ms-transform: scale(0.0);	/* IE 9 */
       -webkit-transform: scale(0.0);	/* Safari 和 Chrome */
       -o-transform: scale(0.0);	/* Opera */
       -moz-transform: scale(0.0);	/* Firefox */
       opacity:0;
       filter:alpha(opacity=0);}
    50%{
        transform: scale(0.0);
        -ms-transform: scale(0.0);	/* IE 9 */
        -webkit-transform: scale(0.0);	/* Safari 和 Chrome */
        -o-transform: scale(0.0);	/* Opera */
        -moz-transform: scale(0.0);	/* Firefox */
        opacity:0;
        filter:alpha(opacity=0);}
    90%{
        transform: scale(0.9);
        -ms-transform: scale(0.9);	/* IE 9 */
        -webkit-transform: scale(0.9);	/* Safari 和 Chrome */
        -o-transform: scale(0.9);	/* Opera */
        -moz-transform: scale(0.9);	/* Firefox */
        opacity:0.2;
        filter:alpha(opacity=20);}
    100%{
        transform: scale(1);
        -ms-transform: scale(1);	/* IE 9 */
        -webkit-transform: scale(1);	/* Safari 和 Chrome */
        -o-transform: scale(1);	/* Opera */
        -moz-transform: scale(1);	/* Firefox */
        opacity:1;
        filter:alpha(opacity=100);}
}
@keyframes mymoveJT05
{
    0%{
        margin-left:-470px;
        top:0;
    }

   40%{
       margin-left:-70px;
        top:500px;
    }
    70%{
        margin-left:70px;
        top:0;
    }

    100%{
        margin-left:470px;
        top:450px;
     }
}
@-webkit-keyframes mymoveJT05
{
    0%{
        margin-left:-470px;
        top:0;
    }

   40%{
       margin-left:-70px;
        top:500px;
    }
    70%{
        margin-left:70px;
        top:0;
    }

    100%{
        margin-left:470px;
        top:450px;
     }
}