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;
}

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

a {
    text-decoration: none;
    color: #fff;
}

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

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

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

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

.df {
    display: flex;
}


/* 定位 */

.bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg01 {
    background-image: url(../images/BG/back_01.jpg);
}

.bg02 {
    background-image: url(../images/BG/back_02.jpg);
}

.bg03 {
    background-image: url(../images/BG/back_03.jpg);
}

.bg04 {
    background-image: url(../images/BG/back_04.jpg);
}

.bg05 {
    background-image: url(../images/BG/back_05.jpg);
}

.bg06 {
    background-image: url(../images/BG/back_06.jpg);
}

.bg07 {
    background-image: url(../images/BG/back_07.jpg);
}

.bg08 {
    background-image: url(../images/BG/back_08.jpg);
}

.bg09 {
    background-image: url(../images/BG/back_09.jpg);
}

.bg10 {
    background-image: url(../images/BG/back_10.jpg);
}

.bg11 {
    background-image: url(../images/BG/back_11.jpg);
}

.bg12 {
    background-image: url(../images/BG/back_12.jpg);
}

.bg13 {
    background-image: url(../images/BG/back_13.jpg);
}

.bg14 {
    background-image: url(../images/BG/back_14.jpg);
}

.bg15 {
    background-image: url(../images/BG/back_15.jpg);
}

.bg16 {
    background-image: url(../images/BG/back_16.jpg);
}

.bg17 {
    background-image: url(../images/offer/offer_01.jpg);
}

.bg18 {
    background-image: url(../images/offer/offer_02.jpg);
}

.bg19 {
    background-image: url(../images/offer/offer_03.jpg);
}

.bg20 {
    background-image: url(../images/offer/offer_04.jpg);
}

.bg21 {
    background-image: url(../images/offer/offer_05.jpg);
}

.bg22 {
    background-image: url(../images/offer/offer_06.jpg);
}

.QA__bg {
    background-image: url(../images/QA/QABG.png);
}


/* 定位 */

.thing1__01 {
    width: 40%;
    right: 3%;
    top: 56%;
}

.thing1__02 {
    width: 20%;
    right: -4%;
    top: 72.5%;
    mix-blend-mode: lighten;
}

.thing2__01 {
    width: 80%;
    right: 10%;
    top: 8%;
}

.thing2__02 {
    width: 80%;
    right: 10%;
    top: 10%;
    mix-blend-mode: screen;
}

.thing2__03 {
    width: 27.1%;
    left: 26%;
    top: 25%;
}

.thing2__04 {
    width: 24%;
    left: 8%;
    top: 35%;
}

.thing2__05 {
    width: 73%;
    right: 13%;
    bottom: 3%;
}

.thing3__01 {
    width: 92%;
    right: 4%;
    top: 0%;
}

.thing3__02 {
    width: 40%;
    right: 10.5%;
    top: 37%;
}

.thing3__03 {
    width: 47.6%;
    left: 4%;
    top: 31%;
    z-index: 1;
}

.thing3__04 {
    width: 86.4%;
    height: 28.2%;
    right: 7.5%;
    top: 65.5%;
    border-radius: 43px;
    overflow: hidden;
    z-index: 1;
}

@media (max-width:768px) {
    .thing3__04 {
        border-radius: 15px;
    }
}

.thing3__05 {
    width: 19%;
    left: 0%;
    bottom: 2%;
}

.thing3__06 {
    width: 30%;
    right: 5%;
    bottom: 2.8%;
    z-index: 2;
}

.thing4__01 {
    width: 80%;
    left: 10%;
    bottom: 12.5%;
}

.thing5__01 {
    width: 87.3%;
    left: 4.5%;
    top: 36%;
}

.thing5__02 {
    width: 86.5%;
    left: 5.5%;
    top: 55%;
}

.thing5__03 {
    width: 89.3%;
    left: 4.5%;
    bottom: 3%;
}

.thing6__01 {
    width: 54.8%;
    left: 21.5%;
    top: 26%;
}

.thing6__02 {
    width: 76.9%;
    left: 11.5%;
    bottom: 9%;
}

.thing7__01 {
    width: 87.8%;
    left: 5.5%;
    top: 9%;
}

.thing7__02 {
    width: 45.5%;
    left: 27.5%;
    bottom: 13%;
}

.thing7__03 {
    width: 25%;
    left: 11.5%;
    bottom: 2.8%;
}

.thing9__01 {
    width: 84.8%;
    left: 9%;
    top: 7%;
}

.thing9__02 {
    width: 76.5%;
    left: 11.5%;
    top: 35.5%;
}

.thing9__03 {
    width: 78%;
    left: 11%;
    bottom: 2%;
}

.thing11__01 {
    width: 76.5%;
    left: 13%;
    top: 16%;
}

.thing11__02 {
    width: 24.4%;
    left: 10.5%;
    bottom: 2%;
}

.thing11__03 {
    width: 24.4%;
    left: 37.5%;
    bottom: 2%;
}

.thing11__04 {
    width: 24.4%;
    right: 10.5%;
    bottom: 2%;
}

.thing12__01 {
    width: 71.9%;
    left: 15%;
    top: 11.5%;
}

.thing12__02 {
    width: 64%;
    left: 18%;
    top: 32.5%;
}

.thing12__03 {
    width: 43%;
    right: 12%;
    top: 47.5%;
}

.thing12__04 {
    width: 47.2%;
    right: 10.5%;
    top: 50%;
    mix-blend-mode: screen;
}

.thing12__05 {
    width: 52.7%;
    left: 24%;
    bottom: 33.5%;
    z-index: 1;
}

.thing12__06 {
    width: 35.1%;
    left: 14%;
    bottom: 12.8%;
}

.thing12__07 {
    width: 35.1%;
    right: 13%;
    bottom: 12.8%;
}

.thing13__01 {
    width: 83.8%;
    left: 9%;
    top: 5.5%;
}

.thing13__02 {
    width: 56.3%;
    right: 14.5%;
    top: 3.5%;
    mix-blend-mode: screen;
}

.thing13__03 {
    width: 28.8%;
    left: 6%;
    top: 57.5%;
}

.thing13__04 {
    width: 28.9%;
    right: 35.5%;
    top: 57.5%;
}

.thing13__05 {
    width: 28.9%;
    right: 6%;
    top: 57.5%;
}

.thing14__01 {
    width: 30%;
    top: 27.5%;
    left: 47%;
}

.thing14__02 {
    width: 30%;
    top: 32.5%;
    left: 47%;
}

.thing14__03 {
    width: 38%;
    top: 38%;
    left: 44%;
}

.thing14__04 {
    width: 82.8%;
    top: 54%;
    left: 9%;
    z-index: 1;
    filter: drop-shadow(5px 7px 3px rgb(0, 0, 0));
    opacity: 0;
}

@media (max-width:768px) {
    .thing14__04 {
        filter: drop-shadow(2.5px 3.5px 1.5px rgb(0, 0, 0));
    }
}

.thing14__05 {
    width: 82.8%;
    height: 2%;
    top: 81.5%;
    rotate: -15deg;
    left: 9%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 80%);
}

.thing15__01 {
    width: 88%;
    left: 6%;
    top: 5%;
}

.thing16__01 {
    width: 50.1%;
    left: 0%;
    top: 19%;
    z-index: 1;
}

.thing16__02 {
    width: 27.3%;
    right: 2%;
    top: 47%;
    z-index: 1;
}

.thing16__03 {
    width: 86.4%;
    height: 32%;
    right: 6.9%;
    top: 56.5%;
    border-radius: 37px;
    overflow: hidden;
}

@media (max-width:768px) {
    .thing16__03 {
        border-radius: 15px;
    }
}

.thing16__04 {
    width: 15.6%;
    left: 26%;
    bottom: 5%;
}

.thing16__05 {
    width: 30%;
    right: 10%;
    bottom: 7.3%;
}


/* star S */

.starControl li {
    padding: 0 3px;
}

@media (max-width:768px) {
    .starControl li {
        padding: 0 1.5px;
    }
}


/* star E */


/* offer */

.offerBTN:hover {
    opacity: 0.8;
    transform: translateY(15px);
}

.offer01 {
    width: 80%;
    left: 10%;
    bottom: 3%;
}

.offer02 {
    width: 80%;
    left: 10%;
    bottom: 3%;
}

.offer03 {
    width: 80%;
    left: 10%;
    bottom: 3%;
}

.offer04 {
    width: 80%;
    left: 10%;
    bottom: 3%;
}

.offer05 {
    width: 80%;
    left: 10%;
    bottom: 3%;
}