body {
    padding: 0;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", Roboto, "Helvetica Neue", Arial, sans-serif;
}

img {
    max-width: 100%;
    height: auto;
    /* vertical-align: middle; */
    display: block !important;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

*,
*::after,
*::before {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.wrap {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
}

.hidden {
    overflow: hidden;
}

/* 定位 */
.thing01-1 {
    width: 35.4%;
    left: 0.5%;
    bottom: 27.8%;
    animation: move 2s infinite ease-in-out;
    z-index: 1;
}

.thing01-2 {
    width: 23.4%;
    left: 30.5%;
    bottom: 26.2%;
    animation: move 2s .15s infinite ease-in-out;
    z-index: 1;
}

.thing01-3 {
    width: 31.8%;
    left: 28.6%;
    bottom: 23.7%;
    mix-blend-mode: screen;
    animation: move 2s .15s infinite ease-in-out;
    z-index: 1;
}

.thing01-4 {
    width: 27.1%;
    left: 7.6%;
    bottom: 17.8%;
    animation: move 2s .3s infinite ease-in-out;
    z-index: 1;
}

.thing01-5 {
    width: 38.8%;
    left: 0.86%;
    bottom: 14.9%;
    mix-blend-mode: screen;
    animation: move 2s .3s infinite ease-in-out;
    z-index: 1;
}

.thing01-6 {
    width: 37.2%;
    right: 0.4%;
    top: 1.25%;
    -webkit-mask: url("../images/FV/thing01-1.png") no-repeat center center;
    mask: url("../images/FV/thing01-1.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing01-7 {
    width: 31.8%;
    right: 1.5%;
    top: 2.8%;
    mix-blend-mode: color-dodge;
    animation: shiny 1.25s infinite ease-in-out;
}

.thing01-8 {
    width: 54%;
    right: 2.86%;
    bottom: 13.9%;
}

.thing01-9 {
    width: 34.4%;
    right: 2.86%;
    bottom: 13.9%;
}

.thing01-10 {
    width: 26.8%;
    right: 6.86%;
    bottom: 24%;
    mix-blend-mode: color-dodge;
}

.thing02-1 {
    width: 38.1%;
    left: 13%;
    bottom: 31.5%;
    
}

.thing02-2 {
    width: 41.8%;
    left: 9%;
    bottom: 31.5%;
    opacity: 0;
    transform: rotateY(-90deg);
    
}

.thing02-3 {
    width: 38.1%;
    right: 12.5%;
    bottom: 31.5%;
}

.thing02-4 {
    width: 45.9%;
    right: 4.5%;
    bottom: 31.5%;
    opacity: 0;
    transform: rotateY(-90deg);
}

.thing02-5 {
    width: 38.1%;
    left: 13%;
    bottom: 2.8%;
}

.thing02-6 {
    width: 46.9%;
    left: 4%;
    bottom: 2.8%;
    opacity: 0;
    transform: rotateY(-90deg);
}

.thing02-7 {
    width: 38.1%;
    right: 12.5%;
    bottom: 2.8%;
}

.thing02-8 {
    width: 42.9%;
    right: 7.5%;
    bottom: 2.8%;
    opacity: 0;
    transform: rotateY(-90deg);
}

.thing03-1 {
    width: 100%;
    left: 0%;
    bottom: 0%;
}

.thing04-1 {
    width: 98%;
    left: 1%;
    top: 10%;
}

.thing05-1 {
    width: 60.8%;
    left: 19.6%;
    top: 1%;
}

/* thing05 circle S */
.thing05-2 {
    width: 21.2%;
    right: 1.4%;
    bottom: 37.2%;
    animation: move 2s .25s infinite ease-in-out;
}

.thing05-3 {
    width: 27.7%;
    right: 0%;
    bottom: 34.8%;
    mix-blend-mode: screen;
    animation: move 2s .25s infinite ease-in-out;
}

.thing05-4 {
    width: 19.2%;
    right: 1.3%;
    bottom: 12.6%;
    animation: move 2s .5s infinite ease-in-out;
}

.thing05-5 {
    width: 25.4%;
    right: 0.1%;
    bottom: 10.4%;
    mix-blend-mode: screen;
    animation: move 2s .5s infinite ease-in-out;
}

.thing05-6 {
    width: 17.9%;
    right: 22.4%;
    bottom: 3.25%;
    animation: move 2s infinite ease-in-out;
}

.thing05-7 {
    width: 27.6%;
    right: 17.2%;
    bottom: 1.25%;
    mix-blend-mode: screen;
    animation: move 2s infinite ease-in-out;
}

.thing05-8 {
    width: 17.6%;
    left: 8.1%;
    bottom: 12.5%;
    animation: move 2s .25s infinite ease-in-out;
}

.thing05-9 {
    width: 26.8%;
    left: 3%;
    bottom: 9.9%;
    mix-blend-mode: screen;
    animation: move 2s .25s infinite ease-in-out;
}

.thing05-10 {
    width: 20.2%;
    left: 0%;
    bottom: 28.3%;
    animation: move 2s .5s infinite ease-in-out;
}

.thing05-11 {
    width: 25.4%;
    left: 0%;
    bottom: 25%;
    mix-blend-mode: screen;
    animation: move 2s .5s infinite ease-in-out;
}

.thing05-12 {
    width: 21.2%;
    left: 22.9%;
    bottom: 47.1%;
    animation: move 2s infinite ease-in-out;
}

.thing05-13 {
    width: 32.35%;
    left: 16.8%;
    bottom: 44.1%;
    mix-blend-mode: screen;
    animation: move 2s infinite ease-in-out;
}

/* thing05 circle E */
.thing06-1 {
    width: 31.8%;
    left: 11%;
    top: 27%;
    animation: rotate 2s infinite steps(3);
}

.thing06-2 {
    width: 31.2%;
    right: 4.5%;
    bottom: 22%;
    animation: rotate 2s .25s infinite steps(3);
  
}

.thing08-1 {
    width: 88% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 0%;

}

@media (max-width:768px) {
    .thing08-1 {
        width: 95%;
        left: 2.5%;
    }
}

.thing09-1 {
    width: 81.5%;
    left: 10%;
    bottom: 8%;
    -webkit-mask: url("../images/offerBtnMiddle.png") no-repeat center center;
    mask: url("../images/offerBtnMiddle.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing10-1 {
    width: 45%;
    left: 2.5%;
    bottom: 2%;
}

.thing10-2 {
    width: 45%;
    right: 2.5%;
    bottom: 2%;
}

.thing11-1 {
    width: 100%;
    left: 0%;
    bottom: 0%;
}

/* thing06 circle S */
.thing13-1 {
    width: 26.4%;
    right: 13.5%;
    top: 27.5%;
    animation: move 2s infinite ease-in-out;
}

.thing13-2 {
    width: 40.5%;
    right: 7.15%;
    top: 24.7%;
    mix-blend-mode: screen;
    animation: move 2s infinite ease-in-out;
}

.thing13-3 {
    width: 26.4%;
    left: 1.5%;
    bottom: 25.5%;
    animation: move 2s .5s infinite ease-in-out;
}

.thing13-4 {
    width: 34.5%;
    left: 0%;
    bottom: 21.8%;
    mix-blend-mode: screen;
    animation: move 2s .5s infinite ease-in-out;
}

.thing13-5 {
    width: 26.4%;
    right: 2.5%;
    bottom: 38.5%;
    animation: move 2s .25s infinite ease-in-out;
}

.thing13-6 {
    width: 36%;
    right: 1%;
    bottom: 34.6%;
    mix-blend-mode: screen;
    animation: move 2s .25s infinite ease-in-out;
}

/* thing06 circle E */

/* thing07 circle S */
.thing14-1 {
    width: 27%;
    right: 2.2%;
    top: 53%;
    animation: move 2s .25s infinite ease-in-out;
}

.thing14-2 {
    width: 35.9%;
    right: -0.2%;
    top: 49.5%;
    mix-blend-mode: screen;
    animation: move 2s .25s infinite ease-in-out;
}

.thing14-3 {
    width: 27.1%;
    left: 23%;
    bottom: 20%;
    animation: move 2s .5s infinite ease-in-out;
}

.thing14-4 {
    width: 37.5%;
    left: 20.4%;
    bottom: 17.35%;
    mix-blend-mode: screen;
    animation: move 2s .5s infinite ease-in-out;
}

.thing14-5 {
    width: 27.1%;
    left: 12%;
    top: 27.9%;
    animation: move 2s infinite ease-in-out;
}

.thing14-6 {
    width: 41.3%;
    left: 5.5%;
    top: 24.4%;
    mix-blend-mode: screen;
    animation: move 2s infinite ease-in-out;
}

/* thing07 circle E */
.thing15-1 {
    width: 54.4%;
    left: 22.8%;
    bottom: 9%;
}

.thing16-1 {
    width: 9.3%;
    left: 7%;
    top: 32%;
}

.thing17-1 {
    width: 10.3%;
    right: 13%;
    top: 16%;
}

.thing20-1 {
    width: 45.5%;
    height: 45%;
    right: 2.5%;
    top: 29.5%;
    opacity: 0.8;
}

.thing21-1 {
    width: 53.9%;
    right: 23.5%;
    bottom: 2%;
}

.thing21-2 {
    width: 67%;
    right: 16.5%;
    top: 43%;
    transition: all .5s
}

.thing21-3 {
    width: 89.7%;
    right: 5.15%;
    top: 46%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s
}


.thing22-1 {
    width: 54.5%;
    right: 22.75%;
    bottom: 2%;
}

.thing22-2 {
    width: 67.2%;
    right: 16.4%;
    top: 18%;
    transition: all .5s
}

.thing22-3 {
    width: 86.2%;
    right: 6.5%;
    top: 23%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s
}

.fb {
    width: 6%;
    position: absolute;
    height: 11%;
    left: 43.5%;
    top: 21%;
}
.more-btn{
    bottom:7% !important;
    left: 10%;
    width: 80%;
    z-index: 1000;
}
.off05-btn{
    bottom:5% !important;
    left: 10%;
    width: 80%;
    z-index: 1000;
}
.off04-btn{
    bottom:5% !important;
    left: 10%;
    width: 80%;
    z-index: 1000;
}
.off03-btn{
    bottom:5% !important;
    left: 10%;
    width: 80%;
    z-index: 1000;
}

.off02-btn{
    bottom:5% !important;
    left: 10%;
    width: 80%;
    z-index: 1000;
}