@keyframes scale{0%{transform:scale(0.9)}100%{transform:scale(1)}}html{width:100%;height:100vh;overflow:auto}body{font-size:16px}.page-footer{width:100%;position:relative}.page-footer .page-footer-container{width:100%;height:auto}.page-footer .page-footer-container .footer-main{background-size:cover;height:auto;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.9);padding:40px 0}.page-footer .page-footer-container .footer-main .jp-footer-left>img{display:block}.page-footer .page-footer-container .footer-main .jp-footer-left ul{color:#fff;font-size:14px;margin-left:120px;line-height:26px}.page-footer .page-footer-container .footer-main .jp-footer-right{margin-left:320px}.page-footer .page-footer-container .footer-main .jp-footer-right ul{margin-right:120px}.page-footer .page-footer-container .footer-main .jp-footer-right ul li{text-align:right;display:flex;align-items:center;justify-content:flex-end;position:relative}.page-footer .page-footer-container .footer-main .jp-footer-right ul li::after{content:"";display:block;font-size:0;width:5px;height:5px;background-color:#67c9e0;margin-left:10px}.page-footer .page-footer-container .footer-main .jp-footer-right ul li a{display:block;flex:0 0 auto;color:#fff;font-size:14px;margin-left:23px;line-height:26px;text-align:right}.page-footer .page-footer-container .footer-main .jp-footer-right .st-logo{margin-right:23px;display:block}.page-footer .page-footer-container .footer-main .jp-footer-right .rt-logo{display:block;height:45px}.page-footer{width:100%;position:fixed;left:0;bottom:0;transform:translateY(100%);transition:all .3s ease-in-out;z-index:2}.page-footer.show{transform:translateY(0)}.btn-show-footer{width:37px;height:23px;cursor:pointer;background:url(../../common/images/btn_up.png) center center no-repeat;background-size:cover;position:absolute;z-index:2;top:0;right:100px;transform:translateY(-100%) rotate(0);transition:all .3s ease-in-out}.btn-show-footer.up{transform:translateY(-100%) rotate(180deg)}.dialog{width:100%;height:100%;position:fixed;z-index:99;left:0;top:0;background-color:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center}.dialog .dialog-main{color:#51a3de;position:relative;width:973px;height:574px;background:url(../../common/images/bg_video.png) no-repeat center center/cover;padding:30px}.dialog .dialog-main video{width:100%;height:100%}.dialog .dialog-close{position:absolute;width:60px;height:60px;background:url(../../common/images/btn_video_close.png) center center no-repeat;background-size:100% 100%;top:0;right:0;transform:translateX(100%);z-index:10;cursor:pointer}.dialog .dialog-tips{position:relative;width:36%;display:flex;justify-content:center;align-items:center}.dialog .dialog-tips-content{font-size:14px;background-color:#fff;border-radius:10px;max-height:70vh;padding:50px 60px;flex-direction:column;display:flex;justify-content:center;align-items:center;line-height:1.5;color:#333;overflow:auto}.dialog .dialog-tips-content h3{font-size:16px;margin-bottom:20px}.dialog .dialog-tips-content p{padding:5px 0}.dialog .dialog-tips .tips-close{position:absolute;width:42px;height:42px;right:0;top:0;cursor:pointer;border-radius:0 10px 0 0;transition:background-color 0.3s ease}.dialog .dialog-tips .tips-close::before,.dialog .dialog-tips .tips-close::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:2px;background-color:#ccc;transform-origin:center}.dialog .dialog-tips .tips-close::before{transform:translate(-50%, -50%) rotate(45deg)}.dialog .dialog-tips .tips-close::after{transform:translate(-50%, -50%) rotate(-45deg)}.dialog .dialog-tips .tips-close:hover{background-color:#f5f5f5}.page-header{width:100%;height:136px;background:url(../../common/images/header_bg.png) center center no-repeat;background-size:cover;padding:20px 50px;position:fixed;z-index:2;left:0;top:0}.page-header .header-nav a{display:block;margin-right:100px}.page-header .header-nav a:nth-of-type(1){width:249px;height:61px}.page-header .header-nav a:nth-of-type(1) img{display:block;width:100%;height:100%}.page-header .header-nav a:nth-of-type(2){width:84px;height:29px;background:url(../images/link_home.png) center center no-repeat;background-size:100% 100%}.page-header .header-nav a:nth-of-type(2):hover,.page-header .header-nav a:nth-of-type(2).active{background-image:url(../images/link_home_hov.png)}.page-header .header-nav a:nth-of-type(3){width:182px;height:29px;background:url(../images/link_special.png) center center no-repeat;background-size:100% 100%}.page-header .header-nav a:nth-of-type(3):hover,.page-header .header-nav a:nth-of-type(3).active{background-image:url(../images/link_special_hov.png)}.page-header .header-links li{margin:0 20px;position:relative;cursor:pointer}.page-header .header-links li div{position:absolute;width:100%;text-align:center;margin-top:1px;background:url(../../common/images/lang_items_bg.png) center top/contain no-repeat;height:100px;max-height:0px;overflow:hidden;transition:all .2s ease-in-out}.page-header .header-links li div a{display:block;padding:10px 0;color:#65563E;cursor:pointer}.page-header .header-links li div a:hover,.page-header .header-links li div a.active{color:#FAEDC8}.page-header .header-links li:hover div{max-height:100px}.page-swiper{width:100%;height:100vh;overflow:hidden}#s1{width:100%;height:100vh;overflow:hidden;background:url(../../common/images/s1.png) center center/cover no-repeat;position:relative}#s1 .btn-play{display:block;position:absolute;width:153.6px;height:193.4px;background:url(../../common/images/play_bg.png) center center/cover no-repeat;right:45px;top:187px}#s1 .btn-play::after{content:'';position:absolute;display:block;width:65px;height:65px;background:url(../../common/images/btn_play.png) center center/cover no-repeat;top:39px;left:50px;cursor:pointer}#s1 .btn-play.pause::after{background-image:url(../../common/images/btn_pause.png)}#s1 .btn-subscribe{display:block;position:absolute;bottom:100px;left:60%}#s1 .btn-age{display:block;position:absolute;z-index:1;width:83px;height:106px;bottom:30px;left:30px}#s2{width:100%;height:100vh;overflow:hidden;position:relative}#s2 .s2-banner{position:absolute;left:0;top:260px;z-index:2}#s2 .s2-banner-container{width:831px;height:515px;background:url(../../common/images/banner_bg.png) center center/cover no-repeat;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;padding-bottom:50px;padding-left:10px}#s2 .s2-banner-container::after{content:'';position:absolute;display:block;width:817px;height:515px;background:url(../../common/images/banner_item_bg.png) center center/cover no-repeat;top:0;left:20px;z-index:0}#s2 .s2-banner-container div{width:34px;height:32px;flex:0 0 34px;position:relative;z-index:2;cursor:pointer}#s2 .s2-banner-container div.banner-prev{background:url(../../common/images/banner_prev.png) center center/contain no-repeat}#s2 .s2-banner-container div.banner-next{background:url(../../common/images/banner_next.png) center center/contain no-repeat}#s2 .s2-banner-container .book{width:660px;height:450px;overflow:hidden;position:relative;z-index:2}#s2 .s2-banner-container .book .book-item{background:url(../../common/images/banner_item_bg.png) no-repeat;background-color:transparent;display:flex;justify-content:center;align-items:center}#s2 .s2-banner-container .book .book-item.book-left{background-position:-70px -9px}#s2 .s2-banner-container .book .book-item.book-right{background-position:-400px -9px}#s2 .s2-banner-container .book .book-item img{display:block;width:330px;height:391px;object-fit:cover}#s2 .s2-banner .banner-text{object-fit:contain;margin-left:46px;margin-top:10px}#s2 .swiper-bg{width:100vw;height:100vh;overflow:hidden;position:absolute;left:0;top:0;z-index:1;background:url(../../common/images/s2.png) center center/cover no-repeat}#s2 .swiper-bg .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:url(../../common/images/s2.png) center center/cover no-repeat}#s2 .swiper-bg .img-title{width:auto;height:88px;left:0;top:160px;object-fit:cover;position:absolute;z-index:3}#s2 .swiper-bg .img-content{position:absolute;z-index:0;right:0;width:auto;height:100%;object-fit:cover}
