.ph,.ps,.videos{height:660px;width:100%;position:relative;overflow:hidden}.videos{height:620px;background:#E7E8E9}.ps{background:url(https://lilithimage.lilithcdn.com/aoc/v2/imgs/ps.jpg) center/auto 100% no-repeat}.ph .two-heros{position:absolute;z-index:2;bottom:0;width:auto}.ph .ailianna{right:-147px;height:150%;bottom:-379px}.ph .awalong{left:-260px;height:160%;bottom:-348px}.ph{background:url(https://lilithimage.lilithcdn.com/aoc/v2/imgs/ph.png) center/100% 100% no-repeat}.ph .aoc-logo{height:190px;position:absolute;top:100px;text-align:center;width:100%}.ph .aoc-logo img{height:100%;width:auto;margin-left:47px}.ph .download-btns{width:230px;position:absolute;top:320px;margin-left:-115px;left:50%;height:125px;z-index:3}.ph .download-btns a{display:block;height:55px;width:100%}.ph .download-btns a.playvideo{background:url(https://lilithimage.lilithcdn.com/aoc/v2/imgs/playvideo.png) center/100% 100% no-repeat}.ph .download-btns a.download{margin-top:15px;background:url(https://lilithimage.lilithcdn.com/aoc/v2/imgs/download.png) center/100% 100% no-repeat}.ph .awards{height:67px;width:100%;position:absolute;top:520px;text-align:center;z-index:1}.ph .awards div{width:180px;height:100%;display:inline-block}.ph .awards .appstore{background:url(https://lilithimage.lilithcdn.com/aoc/v2/imgs/appstore-award.png) center/100% 100% no-repeat}.ph .awards .googleplay{background:url(https://lilithimage.lilithcdn.com/aoc/v2/imgs/googleplay-award.png) center/100% 100% no-repeat;margin-left:100px}.ps .ps-desc{width:50%;float:right;height:100%;color:#fff;padding-right:10vw;box-sizing:border-box;padding-top:200px}.small-container{display:none}.ps .ps-desc h2{text-align:center;margin-bottom:10px;font-family:NSHRegular}.ps .ps-desc p{line-height:28px;text-align:justify;font-family:NSHRegular}.videos .swiper-container{width:100%;height:100%}.videos .swiper-wrapper{width:1200px;height:100%;margin:0 auto;padding-top:100px;box-sizing:border-box}.videos .swiper-slide{width:100%;height:100%}.videos .swiper-slide .video-slide{width:580px;height:100%;float:left}.videos .swiper-slide .video-slide:first-child{margin-right:40px}.videos .swiper-slide .cover{width:100%;height:320px;position:relative;overflow:hidden}.videos .swiper-slide .title{box-sizing:border-box;width:100%;height:100px;line-height:100px;padding:0 25px;color:#417AD0;background:#fff;font-family:NSHRegular;font-size:20px}.videos .swiper-slide .wrap{box-shadow:0 0 20px 5px rgba(0,0,0,.1)}.videos .swiper-slide .cover img{width:100%;height:100%;position:absolute;top:0;left:0}.videos .swiper-slide .play-btn{width:160px;height:160px;background:url(https://lilithimage.lilithcdn.com/aoc/v2/imgs/play-icon.png) center/100% 100% no-repeat;position:absolute;left:50%;top:50%;margin-top:-80px;margin-left:-80px;cursor:pointer}.videos .swiper-button-next{width:70px;height:70px;margin-top:-35px;right:0;background:#000;border-bottom-left-radius:15px;border-top-left-radius:15px;color:#fff;text-align:center;line-height:70px;font-size:60px}.videos .swiper-button-prev{width:70px;height:70px;margin-top:-35px;left:0;background:#000;border-bottom-right-radius:15px;border-top-right-radius:15px;color:#fff;text-align:center;line-height:70px;font-size:60px}.ph .download-btns .m-autoload,.ph .download-btns .pc-code,.videos .swiper-button-next.swiper-button-disabled,.videos .swiper-button-prev.swiper-button-disabled{display:none}@media only screen and (min-width:2000px){.ps{background:url(https://lilithimage.lilithcdn.com/aoc/v2/imgs/ps.jpg) center/100% auto no-repeat}}@media only screen and (min-width:1600px){.ph,.ps{height:800px;width:100%;position:relative;overflow:hidden}.ph .aoc-logo{height:220px;top:120px}.ph .aoc-logo img{margin-left:57px}.ph .download-btns{top:380px}.ph .awards{top:610px}.videos .swiper-wrapper{width:1600px}.videos .swiper-slide .video-slide{width:780px}.videos .swiper-slide .cover{height:430px}.videos .swiper-slide .title{height:120px;line-height:120px;font-size:24px}.videos{height:770px}.ps .ps-desc h2{font-size:38px}.ps .ps-desc p{line-height:32px;font-size:20px}}@media only screen and (max-width:1300px){.videos .swiper-wrapper{width:1000px}.videos .swiper-slide .video-slide{width:480px}.videos .swiper-slide .cover{height:265px}.videos{height:565px}.videos .swiper-slide .play-btn{width:120px;height:120px;margin-top:-60px;margin-left:-60px}}@media only screen and (max-width:1050px){.videos .swiper-wrapper{width:800px}.videos .swiper-slide .video-slide{width:380px}.videos .swiper-slide .cover{height:210px}.videos .swiper-slide .title{height:80px;line-height:80px}.videos{height:490px}.pl257{padding-left:131px}.ph .download-btns{width:190px;height:105px;margin-left:-95px;top:300px}.ph .download-btns a{height:45px}.ph .awards{height:50px}.ph .awards div{width:134px}.ph .awalong{left:calc(70.4vw - 1000px)}.ph .ailianna{right:calc(81vw - 1000px)}.videos .swiper-slide .title{font-size:18px}}@media only screen and (max-width:800px){.ph .awalong{left:-335px;height:140%;bottom:-188px}.ph .ailianna{height:113%;bottom:-127px;right:-236px}.videos .swiper-slide .cover{height:155px}.videos .swiper-slide .video-slide{width:280px}.videos .swiper-slide .title{height:60px;line-height:60px;font-size:14px}.videos .swiper-wrapper{padding-top:40px;width:600px}.videos{height:295px}.videos .swiper-button-next,.videos .swiper-button-prev{width:50px;height:50px;margin-top:-25px;line-height:50px;font-size:48px}.videos .swiper-slide .play-btn{width:80px;height:80px;margin-top:-40px;margin-left:-40px}}@media only screen and (max-width:675px){.ph,.ps{height:600px}.ph .aoc-logo img{margin-left:37px}.ph .awalong{left:-234px;height:108%;bottom:-129px}.ph .ailianna{height:86%;bottom:-88px;right:-167px}.ph .aoc-logo{height:140px;top:90px}.ph .download-btns{width:160px;height:87px;margin-left:-80px;top:260px}.ph .download-btns a{height:38px}.ph .awards{top:480px}.ph .awards .googleplay{margin-left:14.7vw}.ps .ps-desc{position:absolute;left:0;bottom:0;width:100%;height:auto;padding:60px 30px}.ps{background:url(https://lilithimage.lilithcdn.com/aoc/v2/imgs/ps2.jpg) 0 0/100% auto no-repeat}}@media only screen and (max-width:476px){.ph .awards{top:208px}.ph .awards div{display:block;margin:0 auto}.ph .aoc-logo{height:110px;top:80px}.ph .awards .googleplay{margin-left:auto;margin-top:10px}.ph .awards{height:37.3px}.ph .awards div{width:100px}.ph .download-btns{width:140px;height:81px;margin-left:-70px;top:450px}.ph .download-btns a{height:33px}}@media only screen and (max-width:410px){.ps{background:url(https://lilithimage.lilithcdn.com/aoc/v2/imgs/ps2.jpg) 50% 0/auto 100% no-repeat}}@media only screen and (max-width:600px){.small-container{display:block}.big-container{display:none}.videos .swiper-slide .video-slide:first-child{margin-right:auto}.videos .swiper-slide .video-slide{margin:0 auto;float:inherit}}