@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,section,canvas {
    padding: 0;
    margin: 0;
}
li{ list-style: none;}

html,body {
    font-size: 22px;
    color: #FFFFFF;
    font-family: 'Microsoft YaHei', Arial;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #ede5d9;
    -webkit-touch-callout:none; /* 禁用长触弹出的下载图片菜单 */
    -webkit-user-select:none; /* 禁用长触选择文字等功能 */
}

.hide{ display: none;}

.loading{ position: absolute; width:100%;height:100%;}
.loading>div { position: absolute;left:50%;top:50%; }
.load1 { margin: -34px 0 0 -201px; }
.load2 { margin: -111px 0 0 -254px; }
/*要移动111px的距离*/
.loadingtxt{ font-size: 28px; color: #000; text-align: center; width: 200px; margin: 30px 0 0 -100px; }

.main{ display: none; width: 100%; height: 100%;position: relative; overflow: hidden;background: url("../images/bg.jpg") no-repeat center center;}
.page{ width: 100%; height: 100%;  position: absolute;}
.page>div{ width: 100%; height: 100%; overflow: hidden;position: absolute;left:0;top:0;background-repeat: no-repeat;background-position: center center;}

.page1{/*background-image: url("../images/p1.jpg");*/}
.page1>div{ position: absolute;left:50%;top:50%;}
.car1 { margin: -141px 0 0 -320px; }
.car2 { margin: 88px 0 0 -320px; }
.car3 { margin: 241px 0 0 -320px; }

.driver1 { margin: 69px 0 0 36px; }
.driver2 { margin: 374px 0 0 36px; }
.driver3 { margin: 69px 0 0 36px; }
.driver4 { margin: 116px 0 0 244px; }

.p1_1{ margin: -520px 0 0 -320px;}
.p1_2{ left:0;top:0;}
.p1_2>div{ position: absolute;left:50%;top:50%; }
.p1_2_1 { margin: -266px 0 0 -265px;}
.p1_2_2 { margin: -84px 0 0 -92px;}
.p1_2_3 { margin: -141px 0 0 -164px;}
.p1_3{ margin: 81px 0 0 -258px;}
.p1_4{ margin: -244px 0 0 -21px;}

.p2_1{ margin: -223px 0 0 -250px;}
.p2_1_1{ margin: 62px 0 0 -54px;}
.p2_2{ margin: -243px 0 0 -21px;}

.p3_1{ margin: -201px 0 0 -236px;}
.p3_2{left:0;top:0}
.p3_2_1{ margin: -131px 0 0 -44px;position: absolute;}
.p3_2_2{ margin: -25px 0 0 56px;position: absolute;}
.p3_3{ margin: -320px 0 0 -60px;}

.p4_1{ margin: -520px 0 0 -320px;}
.p4_2{ margin: 130px 0 0 -250px;}
.p4_3{ margin: -53px 0 0 -217px;}

.p5_0 { margin: -520px 0 0 -320px; }
.p5_1 { margin: -393px 0 0 -266px; }
.p5_2 { margin: 82px 0 0 -256px; }
.p5_3 { margin: 196px 0 0 -113px; }
.p5_4 { margin: 196px 0 0 -113px; }
.p5_5 { margin: 150px 0 0 -159px; }

.p6_1 { margin: -420px 0 0 -227px; }
.p6_2 { margin: -375px 0 0 -168px; }
.p6_3 { margin: -312px 0 0 -276px; pointer-events: none; }
.p6_5 { margin: 262px 0 0 -98px; }
.p6_6 { margin: 380px 0 0 -190px; }
.p6_t { margin: 300px 0 0 -320px;text-align: center;font-size: 28px;color:#e8912f;width:640px;height: 50px;line-height: 50px; }
.p6_t>span { font-size: 38px; position: relative;font-weight: bold;line-height: 60px; }

.logo{ position: absolute;left:20px;top:30px; }

.sharemask{ width: 100%; height: 100%; background: rgba(0,0,0,0.85); position: absolute; left: 0; top: 0;}
.sharemask>img{ position: absolute;top:2px;right:40px; }

.xintiao { animation: xt 2s infinite linear;-webkit-animation: xt 2s infinite linear; }
@keyframes xt {
    0%,20%,40%,100%{ transform: scale(1) }
    10%{ transform: scale(1.1) }
    30%{ transform: scale(1.05) }
}

@-webkit-keyframes xt {
    0%,20%,40%,100%{ -webkit-transform: scale(1) }
    10%{ -webkit-transform: scale(1.1) }
    30%{ -webkit-transform: scale(1.05) }
}

.shan { animation: shanshuo 2s infinite linear; -webkit-animation: shanshuo 2s infinite linear; }
@keyframes shanshuo {
    0%,80%,100% { transform: scale(1) }
    40% { transform: scale(1.1) }
}

@-webkit-keyframes shanshuo {
    0%,80%,100% { -webkit-transform: scale(1) }
    40% { -webkit-transform: scale(1.1) }
}

/*音乐按钮*/
.musicicon{ background: url("../images/musicicon.png") no-repeat; width: 52px; height: 52px; position: absolute; top: 20px; right: 20px;}
/*按钮旋转*/
.musicrotate{-webkit-animation: xuanzhuan 5s infinite linear; animation: xuanzhuan 5s infinite linear;}
@keyframes xuanzhuan {
    0% { transform: rotate(0deg)}
    100% { transform: rotate(360deg)}
}
@-webkit-keyframes xuanzhuan {
    0% { -webkit-transform: rotate(0deg)}
    100% { -webkit-transform: rotate(360deg)}
}
/*按钮旋转*/

/*向上箭头*/
.guideTop {
    width: 61px;
    height: 50px;
    background: url(../images/guide.png) no-repeat;
    position: absolute;
    bottom:0;
    left: 50%;
    margin-left: -30px;
    animation: guideTop 1.5s infinite;
    -webkit-animation: guideTop 1.5s infinite
}
@keyframes guideTop {
    0% {
        transform: translateY(0px);
        opacity: 0
    }

    60% {
        transform: translateY(-10px);
        opacity: 1
    }

    100% {
        transform: translateY(-20px);
        opacity: 0
    }
}
@-webkit-keyframes guideTop {
    0% {
        -webkit-transform: translateY(0px);
        opacity: 0
    }

    60% {
        -webkit-transform: translateY(-10px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-20px);
        opacity: 0
    }
}
/*向上箭头*/

.yan { animation: yantou 2s infinite linear; -webkit-animation: yantou 2s infinite linear;transform-origin: 0% 100%;-webkit-transform-origin: 0% 100%; }
@keyframes yantou {
    0%,100% { transform: rotate(0deg) }
    50% { transform: rotate(15deg) }
}
@-webkit-keyframes yantou {
    0%,100% { -webkit-transform: rotate(0deg)}
    50% { -webkit-transform: rotate(15deg)}
}

.p1mei { animation:timomei 1.5s infinite linear; -webkit-animation: tiaomei 1.5s infinite linear; }
.drivermei { animation: tiaomei 1.5s infinite linear; -webkit-animation: tiaomei 1.5s infinite linear; }
@keyframes tiaomei {
    0%,100% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
}
@-webkit-keyframes tiaomei {
    0%,100% { -webkit-transform: translateY(0px); }
    50% { -webkit-transform: translateY(-5px); }
}

.duzi { animation: xt 2s infinite linear; -webkit-animation: xt 2s infinite linear }

.zui { animation: suof 2s infinite linear; -webkit-animation: suof 2s infinite linear }
@keyframes suof {
    0%,100% { transform: scaleY(1) }
    50% { transform: scaleY(0.7) }
}
@-webkit-keyframes suof {
    0%,100% { -webkit-transform: scaleY(1) }
    50% { -webkit-transform: scaleY(0.7) }
}

.ke { animation: kesou 2s infinite linear; -webkit-animation: kesou 2s infinite linear; }
@keyframes kesou {
    0% { transform: translateY(0px) }
    75% { transform: translateY(0px) }
    80% { transform: translateY(10px) }
    85% { transform: translateY(0px) }
    90% { transform: translateY(0px) }
    95% { transform: translateY(10px) }
    100% { transform: translateY(0px) }
}
@-webkit-keyframes kesou {
    0% { -webkit-transform: translateY(0px) }
    75% { -webkit-transform: translateY(0px) }
    80% { -webkit-transform: translateY(10px) }
    85% { -webkit-transform: translateY(0px) }
    90% { -webkit-transform: translateY(0px) }
    95% { -webkit-transform: translateY(10px) }
    100% { -webkit-transform: translateY(0px) }
}