.f-bm{height:400px;display:flex}.f-bm .item1,.f-bm .item2,.f-bm .item3{background:#fff;flex:0 0 33.333334%;position:relative;overflow:hidden}.f-bm .item1:hover{background:url(bg-banner1.png) #5c5eff;background-size:100% 100%;transition:background .5s ease}.f-bm .item2:hover{background:#5c5eff;background-size:100% 100%;transition:background .5s ease}.f-bm .item2 img{opacity:0;transform:scale(.9);transition:transform .5s ease,opacity .3s ease}.f-bm .item2:hover img{opacity:1;transform:scale(1);transition:transform .5s ease,opacity .3s ease}.f-bm .item3:hover{background:url(bg-banner3.png),linear-gradient(to bottom,#5858fd,#292985);background-size:100% 100%;transition:background .3s ease}.phd .hide{display:none}.phd .show{display:block}@media (max-width:768px){.f-bm{flex-wrap:wrap;justify-content:center}.f-bm .item1,.f-bm .item2,.f-bm .item3{flex:60%;height:250px}}@media (max-width:560px){.f-bm{flex-wrap:wrap;justify-content:center}.f-bm .item1,.f-bm .item2,.f-bm .item3{flex:100%}}.f-bm .item1{background:linear-gradient(to bottom,#5858fd,#292985)}.f-bm .item2{background:linear-gradient(to bottom,#4f4fe5,#22226a)}.f-bm .item3{background:linear-gradient(to bottom,#4646cb,#252577)}.f-bm .h{font-family:JungleAdventurer;font-size:50px;margin:0;padding:0;position:absolute;width:auto;left:50%;top:100px;transform:translate(-50%,-50%)}.f-bm .item1 .h h3{background:linear-gradient(180deg,#fff 10%,#89fff5 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.f-bm .item1 .h{transform:rotate(-5deg);left:30%;top:30px;line-height:60px}@media (max-width:768px){.f-bm .item1 .h{transform:rotate(-5deg);left:40%;top:10px}}.f-bm .item1 .h h3:last-child{margin-top:-20px;margin-left:10px}.f-bm .item1 .h2{position:absolute;width:auto;left:50%;top:210px;transform:translate(-50%,-50%);color:#fff;font-family:JungleAdventurer;text-align:center;font-size:36px;line-height:30px}.f-bm .item1:hover .h2{font-size:44px;line-height:36px;-webkit-text-stroke:1px black;transition:font-size .3s ease,line-height .3s ease}.f-bm .item1 .h2 span{display:inline-block;transform:rotate(0);transition:transform .3s ease}.f-bm .item1:hover .h2 span:first-child,.f-bm .item1:hover .h2 span:last-child{display:inline-block;transform:rotate(-6deg);transition:transform .3s ease;filter:drop-shadow(0px 0px 10px #fff)}.f-bm .item1 p{position:absolute;width:auto;left:50%;bottom:90px;transform:translate(-50%,-50%);font-family:Sofia Sans Condensed,serif;font-family:Sofia Sans Condensed;font-style:italic;font-weight:700;font-size:20px;line-height:90%;text-align:center;text-transform:uppercase;color:#fff}.f-bm .item1 button{position:absolute;width:auto;left:50%;bottom:0;transform:translate(-50%,-50%);color:#fff;padding:10px 8px;background:linear-gradient(180deg,#5959ff .8%,#282882 124.26%);border:2.89589px solid #4C69F6;box-shadow:inset 0 2.20042px #ffffff17,inset 0 -6.60125px 11.6622px #4c69f680,inset 0 2.20042px 4.62087px #ffffff2b;border-radius:61.6117px;font-family:JungleAdventurer;font-style:normal;font-weight:400;font-size:30px;line-height:39px;display:flex;align-items:center;text-align:center;text-transform:uppercase;text-shadow:0px 2.20042px 0px rgba(0,0,0,.13);transition:font-size .3s ease,border-radius .3s ease,padding .3s ease,bottom .3s ease}.f-bm .item1:hover button{font-size:20px;border-radius:30px;padding:0 5px;bottom:25px;transition:font-size .3s ease,border-radius .3s ease,padding .3s ease,bottom .3s ease}.f-bm .item1:hover .h{filter:drop-shadow(0px 0px 10px #fff)}.f-bm .item2 .h h3{background:linear-gradient(180deg,#fff 10%,#efff87 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:60px}.f-bm .item2 .h h3:first-child{transform:rotate(-3deg)}.f-bm .item2 .h h3:last-child{margin-top:-20px;margin-left:50px;transform:rotate(3deg)}.f-bm .item2:hover .h{filter:drop-shadow(1px 1px 5px yellow) drop-shadow(0px 0px 50px yellow) drop-shadow(0px 0px 50px yellow);transition:filter .1s ease}.f-bm .item2 .h2{position:absolute;width:auto;left:50%;top:250px;transform:translate(-50%,-50%);text-align:center}.f-bm .item2 .h2 span{display:block;color:#fff;font-family:Sofia Sans Condensed,serif;font-weight:700;font-size:20px}.f-bm .item2 .h2 span:nth-child(2){font-size:40px;line-height:35px;font-family:JungleAdventurer;font-weight:400;background:linear-gradient(180deg,#fff 10%,#ebeeff 90%);background:linear-gradient(180deg,#fff 7.89%,#c0c9ff 73.68%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0px 4px 0px rgba(0,0,0,.1)}.f-bm .item2 .h2 h3{font-family:JungleAdventurer;color:#ebeeff;font-style:normal;font-weight:400;font-size:48px;line-height:40px;letter-spacing:.03em;margin-top:15px;background:linear-gradient(180deg,#fff,#c0c9ff 142.86%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;transform:rotate(-.67deg)}.f-bm .item2:hover .h2 h3{transform:scale(1.3) rotate(-4deg);filter:drop-shadow(0px 0px 3px #fff);-webkit-text-stroke:1px blue;transition:transform .3s ease}.f-bm .item3 .h h3{background:linear-gradient(180deg,#fff 10%,#89fff5 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:60px}.f-bm .item3:hover .h h3{filter:drop-shadow(0px 0px 10px #fff)}.f-bm .item3 .h h3:last-child{margin-top:-17px;margin-left:22px}.f-bm .item3 .h h3:first-child{transform:rotate(-2deg)}.f-bm .item3 .h h3:last-child{transform:rotate(2deg)}.f-bm .item3 .h2{position:absolute;width:100%;left:50%;top:220px;transform:translate(-50%,-50%);text-align:center}.f-bm .item3 .h2 h3{background:linear-gradient(180deg,#fff 2%,#5fff7f 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:JungleAdventurer;font-size:34px;line-height:32px;font-style:italic;transition:font-size .3s ease}.f-bm .item3:hover .h2 h3{font-size:50px;line-height:52px;transition:font-size .3s ease,line-height .3s ease}.f-bm .item3 p{position:absolute;width:80%;left:50%;bottom:10px;transform:translate(-50%,-50%);text-align:center;color:#fff;font-family:Sofia Sans Condensed,serif;font-weight:900;font-size:22px;font-style:italic}.-bnm{background:radial-gradient(circle at center bottom,#5b54a2,#352773 40%);position:relative;margin-top:-170px;padding-top:190px}.-bnm h3{font-size:110px}.-bn{position:relative;overflow:hidden;height:300px;padding-top:150px}.-bn .cloud-lf{position:absolute;bottom:0;left:0;width:250px}.-bn .plane{position:absolute;bottom:80px;left:20px;z-index:9;width:250px}.-bn .cloud-rt{position:absolute;bottom:0;right:0;width:400px}.-bn h4{font-family:JungleAdventurer;background:url(./back-text.png);background-size:100%;background-repeat:no-repeat;font-size:36px;color:#4949db;display:inline-block;padding:10px 100px;position:absolute;left:50%;bottom:50%;transform:translate(-60%,80px)}@media (max-width:1024px){.-bn{height:250px}.-bnm h3{font-size:80px}.-bn .cloud-lf,.-bn .plane{width:200px}.-bn .cloud-rt{width:300px}.-bn h4{font-size:28px;padding:10px 70px}.f-bm .item2 .h2 h3{font-size:40px}.f-bm .item1 button{padding:6px 4px}}@media (max-width:992px){.f-bm .item2 .h2 h3{font-size:36px}}@media (max-width:779px){.-bn{height:200px}.-bnm h3{font-size:60px}.-bn .cloud-lf{width:150px}.-bn .plane{width:150px;bottom:55px}.-bn .cloud-rt{width:220px}.-bn h4{font-size:24px;padding:7px 50px}.f-bm .item1 .h{left:10%}.f-bm .item1 button{font-size:20px;padding:0 10px}.f-bm .item2 .h2 h3{font-size:28px}.f-bm .item3 p{font-size:18px}}@media (max-width:768px){.f-bm .item1,.f-bm .item2,.f-bm .item3{flex:60%;height:400px}.f-bm .item1 .h{left:40%}.f-bm{height:auto}}@media (max-width:560px){.-bn{height:150px}.-bnm h3{font-size:44px;-webkit-text-stroke-width:2px}.-bn .cloud-lf{width:120px}.-bn .plane{width:120px;bottom:40px}.-bn .cloud-rt{width:160px;right:15px}.-bn h4{font-size:20px;padding:5px 40px;left:50%;bottom:50%;transform:translate(-60%,60px)}}@media (max-width:480px){.-bnm{padding-top:30px;margin-top:-30px}.-bn{height:0px;position:relative;margin-top:-50px}.-bnm h3{font-size:36px;-webkit-text-stroke-width:1px;margin-top:30px}.-bn .cloud-lf{width:80px}.-bn .plane{width:90px;bottom:20px}.-bn .cloud-rt{width:110px;right:10px}.-bn h4{font-size:18px;padding:3px 20px;left:50%;bottom:50%;transform:translate(-55%,60px)}.f-bm .item1 .h{left:30%}}@media (max-width:420px){.-bnm h3{font-size:28px}.-bn .plane{bottom:30px}}
