body,html{width:100%;margin:0;padding:0}@media (max-width:768px){body,html{font-size:32.768px}}@media (max-width:480px){body,html{font-size:20.48px}}@media (max-width:450px){body,html{font-size:19.2px}}@media (max-width:420px){body,html{font-size:17.92px}}@media (max-width:375px){body,html{font-size:16px}}@media (max-width:320px){body,html{font-size:13.65333px}}body{margin-top:70px}img{display:inline-block;vertical-align:top;width:100%}.header{background-size:cover;position:fixed}.header:after{content:'';position:absolute;bottom:0;width:100%;height:15px;z-index:2}.thousands-island-container{margin-top:70px;position:relative}.thousands-island-container .thousands-island-wrap{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:768px){.thousands-island-container .thousands-island-wrap{position:relative;height:auto;padding-bottom:20%}}.thousands-island-container .line-box{height:0%;top:0;overflow:hidden;position:absolute;-webkit-transition:height .5s linear;transition:height .5s linear;width:100%;z-index:1}.thousands-island-container .line-box.seat-1{height:35.6%}.thousands-island-container .line-box.seat-2{height:50.6%}.thousands-island-container .line-box svg{position:absolute;top:0;left:16.5%;width:67%;padding-top:29.73%}.thousands-island-container .line-box img{position:absolute;top:0;left:16.5%;width:67%;padding-top:41.73%}@media (max-width:768px){.thousands-island-container .line-box img{padding-top:149.33%;width:100%;left:0}}.thousands-island-container .thousands-island-cont{position:relative;z-index:2;padding-top:14.16%}@media (max-width:1440px){.thousands-island-container .thousands-island-cont{padding-top:13.16%}}@media (max-width:768px){.thousands-island-container .thousands-island-cont{padding-top:34%}}.thousands-island-container .ti-title{font-family:huaweisans-bold;font-size:52px;line-height:62px;color:#000;text-align:center}.thousands-island-container .ti-title p{margin-top:.75rem}@media (max-width:768px){.thousands-island-container .ti-title{font-size:38px;line-height:44px}.thousands-island-container .ti-title p{margin-top:.625rem}}.thousands-island-container .pic-wall{padding-top:8.6%;position:relative}@media (max-width:768px){.thousands-island-container .pic-wall{padding-top:28.8%}}@media (max-width:320px){.thousands-island-container .pic-wall{padding-top:9.8%}}.thousands-island-container .pic-wall .pic-group{margin:0 auto;position:relative}.thousands-island-container .pic-wall .pic-group.into-view .pic-tag,.thousands-island-container .pic-wall .pic-group.into-view .pic-wrap{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:768px){.thousands-island-container .pic-wall .pic-group:after{content:'';display:table;clear:both}}.thousands-island-container .pic-wall .group-1{width:42.22%}.thousands-island-container .pic-wall .group-1 .pic-tag{right:-18%;top:3%}@media (max-width:768px){.thousands-island-container .pic-wall .group-1{width:100%}.thousands-island-container .pic-wall .group-1 .pic-wrap:nth-child(1){width:77%}.thousands-island-container .pic-wall .group-1 .pic-wrap:nth-child(2){width:74.6%;float:right}.thousands-island-container .pic-wall .group-1 .pic-tag{right:0;top:5%}}.thousands-island-container .pic-wall .group-2{width:40.8%;position:absolute;top:135%;left:16%}.thousands-island-container .pic-wall .group-2 .pic-wrap:nth-child(1){width:48.97%}.thousands-island-container .pic-wall .group-2 .pic-wrap:nth-child(2){width:41.03%}.thousands-island-container .pic-wall .group-2 .pic-tag{left:68%;top:-44%}@media (max-width:768px){.thousands-island-container .pic-wall .group-2{padding-top:20%;position:relative;width:100%;left:0;top:0;right:0}.thousands-island-container .pic-wall .group-2 .pic-wrap:nth-child(1){width:74.66%;float:right}.thousands-island-container .pic-wall .group-2 .pic-wrap:nth-child(2){width:72%}.thousands-island-container .pic-wall .group-2 .pic-tag{left:5%;top:10%}}.thousands-island-container .pic-wall .group-3{width:45.69%;position:absolute;top:207%;left:28%}.thousands-island-container .pic-wall .group-3 .pic-wrap:nth-child(1){width:57.75%}.thousands-island-container .pic-wall .group-3 .pic-wrap:nth-child(2){width:42.25%}.thousands-island-container .pic-wall .group-3 .pic-tag{right:-15%;top:-12%}@media (max-width:768px){.thousands-island-container .pic-wall .group-3{padding-top:34.6%;position:relative;width:100%;left:0;top:0;right:0}.thousands-island-container .pic-wall .group-3 .pic-wrap:nth-child(1){width:91.2%}.thousands-island-container .pic-wall .group-3 .pic-wrap:nth-child(2){width:74.13%;margin:0 auto}.thousands-island-container .pic-wall .group-3 .pic-tag{right:auto;left:40%;top:5%}}.thousands-island-container .pic-wall .group-4{width:42.84%;position:absolute;top:285%;right:16%;left:auto}.thousands-island-container .pic-wall .group-4 .pic-wrap:nth-child(1){width:54.94%}.thousands-island-container .pic-wall .group-4 .pic-wrap:nth-child(2){width:45.06%}.thousands-island-container .pic-wall .group-4 .pic-tag{left:-20%;top:33%}.thousands-island-container .pic-wall .group-4 .pic-block{position:absolute;top:6%;left:11%;width:82%;-webkit-transform:rotate(3deg);transform:rotate(3deg);height:71%;background-color:#f5f5f5;background-image:url(../images/story/thousands-island/note-img-4_3.jpg);background-position:center top;background-size:auto 100%;background-repeat:no-repeat;z-index:-1;-webkit-transform-origin:top center;transform-origin:top center;overflow:hidden}.thousands-island-container .pic-wall .group-4 .pic-block:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:12;background-image:url(../images/story/thousands-island/note-img-4_4.jpg);background-position:center top;background-size:auto 100%;background-repeat:no-repeat}.thousands-island-container .pic-wall .group-4 .pic-block img{display:inline-block;vertical-align:top;width:100%}.thousands-island-container .pic-wall .group-4 .pic-block .pic-block-mask{position:absolute;bottom:2%;left:-5%;z-index:3;width:98%}.thousands-island-container .pic-wall .group-4 .pic-block .pic-block-pagoda{position:absolute;z-index:2;width:18%;bottom:-9%;left:45%}.thousands-island-container .pic-wall .group-4.into-view .pic-block-mask:after,.thousands-island-container .pic-wall .group-4.into-view .pic-block-pagoda:after,.thousands-island-container .pic-wall .group-4.into-view .pic-block:after{opacity:0;-webkit-transition:opacity 1s ease-out 1s;transition:opacity 1s ease-out 1s}.thousands-island-container .pic-wall .group-4.into-view .pic-block-pagoda{-webkit-transform-origin:bottom center;transform-origin:bottom center}@media (max-width:768px){.thousands-island-container .pic-wall .group-4{padding-top:23.73%;position:relative;width:100%;left:0;top:0;right:0}.thousands-island-container .pic-wall .group-4 .pic-wrap:nth-child(1){width:73.3%;margin:0 auto}.thousands-island-container .pic-wall .group-4 .pic-wrap:nth-child(2){width:74.133%;margin-left:7%}.thousands-island-container .pic-wall .group-4 .pic-tag{left:60%;top:-2%}}.thousands-island-container .pic-wall .group-5{width:49.79%;position:absolute;top:367%;right:28.5%;left:auto}.thousands-island-container .pic-wall .group-5 .pic-wrap:nth-child(2){width:40.58%}.thousands-island-container .pic-wall .group-5 .pic-wrap:nth-child(3){width:59.42%}.thousands-island-container .pic-wall .group-5 .pic-tag{left:-22%;bottom:-3%}@media (max-width:768px){.thousands-island-container .pic-wall .group-5{padding-top:26.13%;position:relative;width:100%;left:0;top:0;right:0}.thousands-island-container .pic-wall .group-5 .pic-wrap:nth-child(1){width:94.66%;float:right}.thousands-island-container .pic-wall .group-5 .pic-wrap:nth-child(2){width:77.6%;margin-left:6.66%}.thousands-island-container .pic-wall .group-5 .pic-tag{left:65%;top:0;bottom:auto}}.thousands-island-container .pic-wall .pic-tag{position:absolute;width:93px;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity .6s linear,-webkit-transform .6s linear;transition:opacity .6s linear,-webkit-transform .6s linear;transition:opacity .6s linear,transform .6s linear;transition:opacity .6s linear,transform .6s linear,-webkit-transform .6s linear}@media (max-width:1440px){.thousands-island-container .pic-wall .pic-tag{width:6.45vw;min-width:35px}}@media (max-width:768px){.thousands-island-container .pic-wall .pic-tag{width:82px;min-width:none}}.thousands-island-container .pic-wall .pic-tag img{display:inline-block;vertical-align:top;width:100%}.thousands-island-container .pic-wall .pic-wrap{display:table-cell;width:50%;position:relative;-webkit-transition:opacity .6s linear,-webkit-transform .6s linear;transition:opacity .6s linear,-webkit-transform .6s linear;transition:opacity .6s linear,transform .6s linear;transition:opacity .6s linear,transform .6s linear,-webkit-transform .6s linear;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.thousands-island-container .pic-wall .pic-wrap.hide-pc{display:none}@media (max-width:768px){.thousands-island-container .pic-wall .pic-wrap{display:block;width:100%}.thousands-island-container .pic-wall .pic-wrap.hide-pc{display:block}.thousands-island-container .pic-wall .pic-wrap.show-pc{display:none}}.thousands-island-container .pic-wall .pic-wrap img{display:inline-block;vertical-align:top;width:100%}.thousands-island-container .pic-wall .pic-wrap .pic-wrap-desc{position:absolute;top:9%;left:9%;width:82%;height:82%;color:#000}.thousands-island-container .pic-wall .pic-wrap .pic-wrap-desc h2{font-family:huaweisans-bold;font-size:20px;line-height:1}.thousands-island-container .pic-wall .pic-wrap .pic-wrap-desc p{font-size:14px;line-height:20px;margin-top:20px}@media (max-width:1440px){.thousands-island-container .pic-wall .pic-wrap .pic-wrap-desc p{font-size:12px;line-height:16px}}.map-bg{display:inline-block;vertical-align:top;width:100%}@media (max-width:768px){.map-bg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}.thousands-island-btm{position:relative;overflow:hidden;padding-top:63.47%}@media (max-width:768px){.thousands-island-btm{-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;background-size:100%;padding-top:0}}.thousands-island-btm img{display:inline-block;vertical-align:top;width:100%}.thousands-island-btm .btm-img-bg img{position:absolute;top:0;left:0;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:768px){.thousands-island-btm .btm-img-bg img{position:relative;height:100%}}.thousands-island-btm .pic-title{position:absolute;top:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:124px}@media (max-width:1280px){.thousands-island-btm .pic-title{width:80px}}@media (max-width:768px){.thousands-island-btm .pic-title{width:102px;top:60px}}.thousands-island-btm .btm-wrap{position:absolute;right:10%;width:40%;top:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:768px){.thousands-island-btm .btm-wrap{width:90%;top:180px;right:5%;bottom:0;-webkit-transform:none;transform:none;-webkit-box-sizing:border-box;box-sizing:border-box}}.thousands-island-btm .btm-wrap .btm-desc{text-align:center;font-size:18px;color:#fff;letter-spacing:.9px;line-height:24px;text-align:left;letter-spacing:.1;font-family:Manrope-Regular,"Microsoft YaHei",Arial,Helvetica Neue,Helvetica,sans-serif!important}@media (max-width:768px){.thousands-island-btm .btm-wrap .btm-desc{font-size:16px;letter-spacing:.8px}}@media (max-width:320px){.thousands-island-btm .btm-wrap .btm-desc{font-size:12px;line-height:16px;letter-spacing:.8px}}.thousands-island-btm .btm-wrap .btm-imgbox{margin-top:68px}@media (max-width:1440px){.thousands-island-btm .btm-wrap .btm-imgbox{margin-top:38px}}@media (max-width:920px){.thousands-island-btm .btm-wrap .btm-imgbox{margin-top:20px}}@media (max-width:768px){.thousands-island-btm .btm-wrap .btm-imgbox{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;width:100%}}@-webkit-keyframes swing{20%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}40%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}60%{-webkit-transform:rotate(.5deg);transform:rotate(.5deg)}80%{-webkit-transform:rotate(-.5deg);transform:rotate(-.5deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}40%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}60%{-webkit-transform:rotate(.5deg);transform:rotate(.5deg)}80%{-webkit-transform:rotate(-.5deg);transform:rotate(-.5deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}