.banner-container .banner-bg .logo-content h2.left,.fixed1>div{text-align:left}body,html{font-family:"WenQuanYi Zen Hei","Microsoft YaHei","Microsoft JhengHei",Arial,sans-serif}@-webkit-keyframes bounce{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes bounce{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(20px);transform:translateX(20px)}}.notice-tutorial{box-shadow:0 3px 4px 0 rgba(0,0,0,.1);background-color:#83cc69;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:8px 20px;position:fixed;width:100%;left:0;z-index:1499;transition:all .2s ease-in-out;box-sizing:border-box;cursor:pointer}.fixed1.show,.notice-info{display:-webkit-flex;display:-ms-flexbox}.notice-info .icon-tv,.notice-tutorial .icon-finger{width:30px;background-size:100% auto;background-repeat:no-repeat;background-position:center}.notice-tutorial p{line-height:1.38;color:#fff;font-size:18px}.notice-tutorial .icon-finger{height:30px;background-image:url(../images/finger.png);margin-left:5px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite}.notice-tutorial+.banner-container{padding-top:46px}.notice-info{max-width:450px;height:60px;font-size:24px;border-radius:41px;margin:20px auto 0;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-image:linear-gradient(to bottom,#ffc488,#ffa345);color:#fff;text-decoration:none}.notice-info .icon-tv{height:30px;background-image:url(../images/tv.png);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:10px}.notice-info p{line-height:1.8;font-size:24px}.notice-info+.download-content{margin-top:35px!important}.notice-info:active,.notice-info:hover{background-image:linear-gradient(to bottom,#fd9a34,#fd9a34)}.fixed1{position:fixed;display:none;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.9);overflow:auto;z-index:9999}.fixed1.show{display:flex}.fixed1>div{max-width:480px;padding:20px;margin:0 auto;font-weight:900}.fixed1 h3{padding-left:10px;padding-bottom:20px;border-bottom:1px solid #fff;color:#f8e71c;font-size:1.5rem}.fixed1 h3 img{width:20px;margin-right:10px}.fixed1 h4{margin:20px 0 10px;color:#f8e71c;font-size:1.3rem}.fixed1 p{color:#fff;font-size:1.2rem;line-height:1.33333}.fixed1 .install{margin-top:20px;padding:20px;background:#fff}.fixed1 .install div{margin-bottom:20px}.fixed1 .install img{width:100%}.fixed1 .install p{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;color:#666}.banner-container{position:relative}.banner-container .linear-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.banner-container .banner-bg{position:relative;max-width:1200px;width:100%;height:450px;margin:0 auto;background-image:url(../images/banner_img.png);background-attachment:scroll;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.banner-container .banner-bg .des-content{position:absolute;width: 100%;bottom: 160px;text-align: center;z-index:2}.banner-container .banner-bg .des-content h3{font-size:40px;font-weight:600;color:#fff}.banner-container .banner-bg .des-content .bd{display:inline-block;border-radius:0 32px;margin-bottom:10px;margin-left:10px;padding:8px 18px;color:#fa98b0;background:#fff}.banner-container .banner-bg .logo-content{position:absolute;right:0;bottom:-30px;width:600px;z-index:1}.banner-container .banner-bg .logo-content h2{font-family:Arial;font-size:250px;font-weight:700;color:#fff;line-height:.75}.banner-container .banner-bg .logo-content h2.right{text-align:right}.banner-container .banner-bg .logo{position:absolute;top:60px;right:130px;width:233px;height:42px;background-image:url(../images/javlogo.png);background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1}.main-container{max-width:1200px;margin:0 auto;padding:0 20px}.main-container .des-content,.main-container .download-content,.main-container .img-content{max-width:1030px;margin:0 auto}.main-container .download-content{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;margin:60px auto 10px}.main-container .download-content .boxes{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:52px 10px 15px;border-radius:24px;color:#fff}.main-container .download-content .boxes.desktop{margin-right:20px;box-shadow:0 0 0 2px rgba(255,131,130,.3) inset}.main-container .download-content .boxes.desktop .title{color:#ff8382}.main-container .download-content .boxes.desktop .btn{background-image:linear-gradient(to bottom,rgba(255,131,131,.5),#ff8383)}.main-container .download-content .boxes.desktop .btn:hover{background:#f9706f}.main-container .download-content .boxes.app{box-shadow:0 0 0 2px rgba(249,188,203,.5) inset}.main-container .download-content .boxes.app .app_group{width:50%}.main-container .download-content .boxes.app .app_group.left a{margin:0 10px 15px auto}.main-container .download-content .boxes.app .app_group.right a{margin:0 auto 15px 10px}.main-container .download-content .boxes.app .app_group .btn{max-width:none;width:90%}.main-container .download-content .boxes.app .title{color:#fa98b0}.main-container .download-content .boxes.app .btn{background-image:linear-gradient(to bottom,#f9bccb,#fb97b0)}.main-container .download-content .boxes.app .btn:hover{background:#f77595}.main-container .download-content .boxes .title{position:absolute;left:50%;top:-10px;padding:0 20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:26px;font-weight:500;background:#fff}.main-container .download-content .boxes .btn{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:44%;width:100%;height:50px;border-radius:50px;margin:0 10px 15px;font-size:16px;font-weight:500;color:#fff;text-decoration:none}.main-container .download-content .boxes .btn i{margin-right:5px;font-size:18px}.main-container .download-content p{position:absolute;bottom:-35px;right:0;font-size:14px;line-height:1.79;color:#666;text-align:center;width:100%}.main-container .download-content .d-box{margin:10px 0 23px;padding:50px 20px 30px;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;box-shadow:0 0 0 2px rgba(255,131,130,.3) inset;border-radius:15px}.main-container .download-content .d-box .d-device{position:absolute;top:-10px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:230px;font-size:26px;text-align:center;color:#fa98b0;background:#fff}.main-container .download-content .d-box .btn{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:45%;width:50%;height:50px;border-radius:50px;margin:0 0 15px;font-size:16px;font-weight:500;color:#fff;text-decoration:none}.main-container .download-content .d-box .btn i{margin-right:5px;font-size:18px}.main-container .des-content h3,.main-container .img-content h3{font-size:30px;color:#fa98b0;text-align:center;font-weight:500}.main-container .download-content .d-box .btn.d-btn{background-image:linear-gradient(to bottom,rgba(255,131,131,.5),#ff8383)}.main-container .download-content .d-box .btn.d-btn:hover{background-color:#f9706f}.main-container .download-content .d-box .btn.mobile-btn{background-image:linear-gradient(to bottom,#f9bccb,#fb97b0)}.main-container .download-content .d-box .btn.mobile-btn:hover{background:#f77595}.main-container .download-content .d-box .btn.pwa-btn{background-image:linear-gradient(to right,#b8cbb8 0,#b8cbb8 0,#b465da 0,#cf6cc9 33%,#ee609c 66%,#ee609c 100%)}.main-container .download-content .d-box .btn.pwa-btn:hover{background:#ee609c}.main-container .img-content{margin-bottom:0px}.main-container .img-content h3{margin-bottom:0px}.main-container .img-content .images{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px}.main-container .img-content img{width:calc((100% - 80px)/ 4);height:100%;margin:0 10px}.main-container .des-content .desc{max-width:800px;margin:20px auto;font-size:14px;line-height:1.79;text-align:center;color:#666}.main-container .des-content .wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex}.main-container .des-content .wrapper .qboxes{-webkit-flex:1;-ms-flex:1;flex:1;border-radius:24px;padding:30px 40px 10px}#gotop,.jav_down{border-radius:50px}.main-container .des-content .wrapper .qboxes.desktop{margin-right:20px;box-shadow:0 0 0 2px rgba(255,131,130,.3) inset}.main-container .des-content .wrapper .qboxes.app{box-shadow:0 0 0 2px rgba(249,188,203,.5) inset}.main-container .des-content .wrapper .qboxes .qbox{margin-bottom:20px}.main-container .des-content .wrapper .qboxes .qbox.mac .title,.main-container .des-content .wrapper .qboxes .qbox.windows .title{color:#ff8382;/*width:calc(2e971d7f3ca96747);*/}.main-container .des-content .wrapper .qboxes .qbox.android .title,.main-container .des-content .wrapper .qboxes .qbox.ios .title,.main-container .des-content .wrapper .qboxes .qbox.tool .title{color:#fa98b0}.main-container .des-content .wrapper .qboxes .qbox .title{padding-bottom:5px;margin-bottom:10px;font-size:30px;font-weight:500;border-bottom:1px solid}.main-container .des-content .wrapper .qboxes .qbox p{display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:18px;line-height:1.83;color:#666}.main-container .des-content .wrapper .qboxes .qbox p span:first-of-type{margin-right:5px}.fixed-container,.fixed-container-pwa{position:fixed;display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.9);z-index:100}.fixed-container-pwa.show,.fixed-container.show{display:-webkit-flex;display:-ms-flexbox;display:flex}.tutorial__container,footer{display:-webkit-flex;display:-ms-flexbox}.fixed-container img,.fixed-container-pwa img{width:200px;height:200px}.fixed-container p,.fixed-container-pwa p{width:100%;margin-bottom:20px;font-size:32px;text-align:center;color:#ff8382}.fixed-container div,.fixed-container-pwa div{color:#fff;margin-top:20px;max-width:350px;line-height:1.333}footer{display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:66px;margin-top:30px;color:#fff;font-size:14px;line-height:1.7}#gotop{display:none;position:fixed;right:15px;bottom:15px;padding:11px;background-color:#f77595;opacity:.8;z-index:99;cursor:pointer}#gotop i{display:block;width:24px;height:24px;background-image:url(../images/up-arrow.png);background-position:center;background-repeat:no-repeat;background-size:cover}#ios_tool{display:none}.mobile_download{display:none;padding:5px;position:fixed;bottom:0;width:100%;text-align:center;background:#fff;z-index:11}.jav_down{padding:10px;display:inline-block;width:90%;color:#fff;text-decoration:none;text-align:center;font-size:16px;font-weight:500;line-height:20px;font-family:'Font Awesome 5 Brands';background-image:linear-gradient(to bottom,#e83c36,#ff8383)}#gotop.gotop-ios{bottom:55px}.footer_bottom{margin-bottom:50px}.desc1{margin:10px 0;color:red}.desc2{margin:25px 0 30px;bottom:-70px}@media (max-width:999px) and (min-width:0){.notice-info .icon-tv{margin-right:10px}.banner-container .banner-bg{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.banner-container .banner-bg .logo{position:relative;right:auto;top:auto}.banner-container .banner-bg .des-content{position:relative;left:auto;bottom:auto;text-align:center}.banner-container .banner-bg .logo-content{position:relative;right:auto;bottom:auto;width:auto;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:-55px}.banner-container .banner-bg .logo-content h2{font-size:30vw}.main-container .download-content{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:50px auto 10px}.main-container .download-content .boxes.desktop{margin-right:0;margin-bottom:50px}.main-container .download-content p{position:initial;margin-top:15px}.main-container .download-content .jav_down{position:static;margin:10px 20px;font-size:15px}.main-container .download-content .d-box{padding:50px 0 30px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.main-container .download-content .d-box:nth-of-type(1){-webkit-order:1;-ms-flex-order:1;order:1}.main-container .download-content .d-box:nth-of-type(2){-webkit-order:3;-ms-flex-order:3;order:3}.main-container .download-content .d-box:nth-of-type(3){-webkit-order:2;-ms-flex-order:2;order:2}.main-container .download-content .d-box:nth-of-type(4){-webkit-order:4;-ms-flex-order:4;order:4}.main-container .des-content .wrapper{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.main-container .des-content .wrapper .qboxes.desktop{margin-right:0;margin-bottom:40px}.tutorial__container .install__logo-1,.tutorial__container .install__logo-2{padding:0 40px}.tutorial__container .install__tutorial-2{margin-top:40px}.tutorial__container .install__grouchat{padding:0;height:140px}.tutorial__container .install__grouchat img{max-width:488px}}@media (max-width:639px) and (min-width:0){.notice-tutorial p{font-size:13px}.notice-info,.notice-info p{font-size:18px}.notice-info{max-width:290px;height:50px}.notice-info .icon-tv{width:24px;height:24px}.banner-container .banner-bg{height:260px}.banner-container .banner-bg .logo{width:183px;height:33px}.banner-container .banner-bg .des-content h3{font-size:26px}.banner-container .banner-bg .logo-content{margin-bottom:-30px}.main-container{padding:0 15px}.main-container .download-content{margin:20px 0 0}.main-container .download-content .boxes{margin:0 -7.5px;padding:0;box-shadow:none!important}.main-container .download-content .boxes.desktop{margin-bottom:0;display:none}.main-container .download-content .boxes .title{display:none}.main-container .download-content .boxes .btn{margin:0 7.5px 15px;font-size:14px}.main-container .download-content .boxes .btn-full{max-width:100%;font-size:20px}.main-container .download-content p{margin:0;font-size:13px}.main-container .img-content,.main-container .img-content h3 span:first-of-type{margin-bottom:10px}.main-container .download-content .jav_down{padding:10px 0;font-size:13px}.main-container .des-content .wrapper .qboxes .qbox .title,.main-container .des-content h3{font-size:24px}.main-container .img-content h3{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:24px;margin-bottom:10px}.main-container .img-content .images{margin:0 -12.5px}.main-container .img-content img{width:calc((100% - 40px)/ 2);margin:0 7.5px 20px}.main-container .des-content .desc{margin:10px auto 30px;text-align:left}.main-container .des-content .wrapper .qboxes{box-shadow:none!important;padding:0}.main-container .des-content .wrapper .qboxes.desktop{margin-bottom:20px;display:none}.main-container .des-content .wrapper .qboxes .qbox p{font-size:14px}.main-container .des-content .wrapper .qboxes .qbox.android,.main-container .des-content .wrapper .qboxes .qbox.windows{margin-bottom:20px}footer{font-size:13px}.desc1,.desc2{font-size:14px}.tutorial__container .install__logo-1,.tutorial__container .install__logo-2{margin-top:40px;padding:0 30px}.tutorial__container .install__tutorial-1,.tutorial__container .install__tutorial-2{margin-top:20px}.tutorial__container .install__grouchat{margin-top:20px;padding:0 30px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;height:90px}.desc1{margin:0}.desc2{margin:25px 0 30px;bottom:-70px}}.qrcoe-bg{padding:5px;background-color:#fff}.container-pwa__content{margin-top:0}.container-pwa__content div{margin-top:10px}.tutorial__container{display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0 20px}.install__logo-1,.tutorial__container>*{display:-webkit-flex;display:-ms-flexbox;-webkit-justify-content:center}.tutorial__container>*{max-width:1030px;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tutorial__container img{width:100%}.install__logo-1{margin-top:40px;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.install__tutorial-1{margin-top:30px}.install__logo-2,.install__tutorial-2{margin-top:60px}.install__grouchat{margin-top:30px;max-width:1030px;width:100%;height:200px;background-color:#EFFAFF;border-radius:10px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none}.install__grouchat img{max-width:480px;width:100%;cursor:pointer}