@media screen and (min-width:750px) {
    html {
        font-size: 625%;
    }

    body {
        width: 600px;
        overflow-x: hidden;
        margin: 0 auto;
        background: #3F586A;
    }

    .piece {
        width: calc(100px * 6);
        margin: 0 auto;
    }

    .p1Txt {
        width: calc(78px * 6);
        left: calc(11px * 6);
        top: calc(25px * 6);
    }

    .leaf1 {
        width: calc(10px * 6);
        left: calc(10px * 6);
        top: calc(-10px * 6);
    }

    .leaf2 {
        width: calc(15px * 6);
        left: calc(30px * 6);
        top: calc(-10px * 6);
    }

    .leaf3 {
        width: calc(5px * 6);
        left: calc(60px * 6);
        top: calc(-10px * 6);
    }

    .leaf4 {
        width: calc(8px * 6);
        left: calc(90px * 6);
        top: calc(-10px * 6);
    }

    .leaf5 {
        width: calc(11px * 6);
        left: calc(40px * 6);
        top: calc(-10px * 6);
    }


    .p2Txt {
        width: calc(50px * 6);
        left: calc(25px * 6);
        top: calc(38.5px * 6);
    }

    .p2Leaf1 {
        width: calc(80.6px * 6);
    }

    .p2Leaf2 {
        width: calc(75px * 6);
        right: calc(-10px * 6);
        top: calc(26.2px * 6);
    }

    .p2Leaf3 {
        width: calc(44px * 6);
        left: calc(-10px * 6);
        top: calc(124px * 6);
    }


    .p3Txt {
        width: calc(82px * 6);
        left: calc(9px * 6);
        top: calc(5.5px * 6);
    }

    .p3Bg {
        width: calc(100px * 6);
    }

    .p3rider {
        width: calc(98.2px * 6);
        left: calc(-9.5px * 6);
        top: calc(55.2px * 6);
    }

    .p3mulan {
        width: calc(97.1px * 6);
        left: calc(2.2px * 6);
        top: calc(66.6px * 6);
    }

    .p3Finger {
        width: calc(24.8px * 6);
        top: calc(105px * 6);
    }

    .p4Txt {
        width: calc(45px * 6);
        left: calc(27.5px * 6);
        top: calc(9.5px * 6);
    }

    .p4Person {
        width: calc(231px * 6);
        left: calc(-20px * 6);
    }

    .p5Txt1 {
        width: calc(38px * 6);
        left: calc(31px * 6);
        top: calc(6px * 6);
    }

    .p5Txt2 {
        width: calc(38px * 6);
        left: calc(31px * 6);
        top: calc(20px * 6);
    }

    .p5Txt3 {
        width: calc(30px * 6);
        left: calc(35px * 6);
        top: calc(34px * 6);
    }


    .viewport {
        width: calc(100px * 6);
        height: calc(80px * 6);
    }

    .p6Txt {
        width: calc(60px * 6);
        left: calc(20px * 6);
        top: calc(10px * 6);
    }

    .p7Txt {
        width: calc(67.1px * 6);
        left: calc(12.1px * 6);
        top: calc(13.6px * 6);
    }

    .p7Book {
        width: calc(50px * 6);
        left: calc(7.8px * 6);
        bottom: calc(3.8px * 6);
    }

    .p8Txt {
        width: calc(71px * 6);
        left: calc(14.5px * 6);
        top: calc(4.7px * 6);
    }

    .p9Txt {
        width: calc(70px * 6);
        left: calc(15px * 6);
        top: calc(6px * 6);
    }

    .p10Txt {
        width: calc(74px * 6);
        left: calc(13px * 6);
        top: calc(6.4px * 6);
    }

    .p11Txt {
        width: calc(57px * 6);
        left: calc(21px * 6);
    }

    .p11Txt1 {
        width: calc(42.1px * 6);
        right: calc(6.4px * 6);
    }

    .p11Right {
        width: calc(24.8px * 6);
        height: calc(24.8px * 6);
        right: calc(8px * 6);
        top: calc(135px * 6);
    }

    .bgSwiper {
        top: calc(20px * 6);
    }

    .p12Txt {
        width: calc(38.2px * 6);
        right: calc(6.4px * 6);
        top: calc(5.5px * 6);
    }

    .p12Police {
        width: calc(60.8px * 6);
        left: calc(1.5px * 6);
        top: calc(76.6px * 6);
    }

    .p12Car {
        width: calc(47.2px * 6);
        left: calc(60.9px * 6);
        top: calc(71.3px * 6);
    }

    .p12Sign {
        width: calc(38px * 6);
        left: calc(37.6px * 6);
        top: calc(147.4px * 6);
    }

    .p13Txt {
        width: calc(60px * 6);
        left: calc(8.8px * 6);
        top: calc(10.3px * 6);
    }

    .p14Txt {
        width: calc(53px * 6);
        left: calc(9.7px * 6);
        top: calc(23.9px * 6);
    }

    .p14Txt1 {
        width: calc(78.1px * 6);
        left: calc(12.3px * 6);
        top: calc(36px * 6);
    }

    .p14LeftDown {
        width: calc(100px * 6);
    }

    .p14Fire {
        width: calc(86.6px * 6);
    }

    .p14Hero {
        width: calc(46.8px * 6);
        left: calc(49px * 6);
        top: calc(16.1px * 6);
    }

    .p14Bad {
        width: calc(61.2px * 6);
        height: calc(107px * 6);
        left: calc(-5px * 6);
        top: calc(85px * 6);
    }


    .window {
        width: calc(100px * 6);
        height: calc(100px * 6);
    }

    .p14Moon {
        width: calc(32.1px * 6);
        left: calc(24px * 6);
        top: calc(25.7px * 6);
    }

    .p14Win {
        width: calc(59.2px * 6);
        left: calc(22.5px * 6);
        top: calc(25.7px * 6);
    }

    .p15Txt {
        width: calc(80px * 6);
        left: calc(12.6px * 6);
    }

    .p15Txt1 {
        width: calc(68.4px * 6);
        left: calc(12.6px * 6);
        top: calc(14px * 6);
    }

    .p15Say {
        width: calc(8.7px * 6);
        left: calc(70px * 6);
        top: calc(13px * 6);
    }

    .p15Eagle {
        width: calc(31.5px * 6);
        left: calc(93.6px * 6);
        top: calc(51.4px * 6);
    }

    @keyframes eagleFly {
        0% {
            left: calc(-31.5px * 6);
            top: calc(73.6px * 6);
            transform: rotate(0);
        }

        14% {
            left: calc(-5.7px * 6);
            top: calc(59.6px * 6);
            transform: rotate(0);
        }

        28% {
            left: calc(12.3px * 6);
            top: calc(42.2px * 6);
            transform: rotate(10deg);
        }

        42% {
            left: calc(36.5px * 6);
            top: calc(33.9px * 6);
            transform: rotate(35deg);
        }

        56% {
            left: calc(56.4px * 6);
            top: calc(36.9px * 6);
            transform: rotate(50deg);
        }

        70% {
            left: calc(74.3px * 6);
            top: calc(47.4px * 6);
            transform: rotate(71deg);
        }

        84% {
            left: calc(93.6px * 6);
            top: calc(61.4px * 6);
            transform: rotate(70deg);
        }

        98%,
        100% {
            left: calc(112px * 6);
            top: calc(63.5px * 6);
        }
    }

    .p16Txt {
        width: calc(46px * 6);
        left: calc(30.6px * 6);
        top: calc(4.7px * 6);
    }

    .p16Fire1,
    .p16Fire2,
    .p16Fire3 {
        width: calc(12px * 6);
    }

    .p16Fire1 {
        left: calc(10.3px * 6);
        top: calc(72.3px * 6);
    }

    .p16Fire2 {
        left: calc(41.3px * 6);
        top: calc(72.3px * 6);
    }

    .p16Fire3 {
        left: calc(70.3px * 6);
        top: calc(71px * 6);
    }

    .p16Blood {
        width: calc(100px * 6);
        top: calc(47.7px * 6);
    }

    .p17Txt {
        width: calc(88px * 6);
        left: calc(6px * 6);
        top: calc(9.1px * 6);
    }

    .p18Txt {
        width: calc(65px * 6);
        left: calc(17.5px * 6);
        top: calc(183px * 6);
    }

    .p18Say {
        width: calc(30.4px * 6);
        left: calc(6.8px * 6);
        top: calc(266px * 6);
    }

    .bullet1 {
        width: calc(362.6px * 6);
        height: calc(38px * 6);
        left: calc(100px * 6);
        bottom: calc(58.7px * 6);
    }

    .bullet2 {
        width: calc(362.6px * 6);
        height: calc(38px * 6);
        left: calc(100px * 6);
        bottom: calc(58.7px * 6);
    }


    @keyframes butGo {
        0% {
            left: calc(100px * 6);
        }

        100% {
            left: calc(-800px * 6);
        }
    }



    .p18Shine {
        top: calc(80px * 6);
    }



    .p18Bird {
        width: calc(86.6px * 6);
        left: calc(9.6px * 6);
        top: calc(69.9px * 6);
    }


    .newTxt1 {
        width: calc(50.3px * 6);
        left: calc(10px * 6);
        top: calc(33px * 6);
    }

    .newTxt2 {
        width: calc(50.3px * 6);
        right: calc(10px * 6);
    }

    .newTxt3 {
        width: calc(50.3px * 6);
        right: calc(10px * 6);
        top: calc(160px * 6);
    }



    .good {
        width: calc(46px * 6);
        left: calc(6.3px * 6);
        bottom: calc(6px * 6);
    }

    .good .num {
        font-size: 40px;
    }

    .good .num span {
        font-size: 70px;
        padding-right: calc(1.5px * 6);
    }

    .good .flUp1,
    .good .flUp2,
    .good .flUp3,
    .good .flUp4 {
        width: calc(8px * 6);
        height: calc(8.3px * 6);
        top: calc(-10px * 6);
        left: calc(7px * 6);
    }

    .p1finger {
        display: none;
    }


}