.popup-player{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;display:none}.popup-player .popup-player-ct{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.popup-player .mask{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.9)}.popup-player .video-fr{position:relative;width:960px;height:540px}.popup-player .no-youtube{height:100%;background-color:#000;display:flex;justify-content:center;align-items:center}.popup-player .no-youtube p{color:#fff}@media (max-width:1279px){.popup-player .popup-player-ct{display:block}.popup-player .video-fr{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-player .no-youtube{height:160px}}.sec-webinar{background:#191c29!important;padding:40px 24px}.sec-webinar .text-group{margin:0 16px}.sec-webinar .text-group .text{font-size:25px;font-weight:700;text-align:center;color:#fff;line-height:29px}.sec-webinar .text-group .text-sm{margin-top:6px;font-size:12px;font-weight:300;text-align:center;color:#fff;line-height:18px}.sec-webinar .topics{margin-top:36px;padding:28px;background:hsla(0,0%,100%,.04);border-radius:12px}.sec-webinar .topics .text{font-size:18px;font-weight:700;text-align:center;color:#fff;line-height:21px}.sec-webinar .topics .text-sm{margin-top:5px;white-space:pre-wrap;opacity:.7;font-size:13px;text-align:center;color:#fff;line-height:28px}.sec-webinar .form{margin:36px 24px 0;display:flex;flex-direction:column;align-items:center}.sec-webinar .form input[type=text]{outline:0;border:0;display:block;width:100%;padding:12px 16px;background:#fff;border-radius:5px;color:#000;font-size:16px;line-height:19px}.sec-webinar .form input[type=text]::-moz-placeholder{color:#c8c9cd}.sec-webinar .form input[type=text]:-ms-input-placeholder{color:#c8c9cd}.sec-webinar .form input[type=text]::placeholder{color:#c8c9cd}.sec-webinar .form button{outline:0;border:0;margin-top:28px;background:linear-gradient(135deg,#ffeb00,#ffd200);border-radius:50px;padding:0 24px;height:48px;line-height:48px;font-size:15px;font-weight:700;color:#000;line-height:18px}.sec-webinar .form button[disabled]{cursor:not-allowed;opacity:.6}.sec-webinar .checkboxs{margin:18px auto 0}.sec-webinar .checkboxs .checkbox-group{display:flex;align-items:center}.sec-webinar .checkboxs .checkbox-group:not(:first-child){margin-top:10px}.sec-webinar .checkboxs .checkbox-group .checkbox{flex:none;cursor:pointer;width:13px;height:13px;background:transparent;border-radius:2px;border:1px solid #d4d6d9;transition:all .2s;position:relative}.sec-webinar .checkboxs .checkbox-group .checkbox img{position:absolute;left:0;top:0;width:12px;opacity:0;transition:opacity .2s}.sec-webinar .checkboxs .checkbox-group .checkbox.active{background:#ffd200;border-color:#ffd200}.sec-webinar .checkboxs .checkbox-group .checkbox.active img{opacity:1}.sec-webinar .checkboxs .checkbox-group .text{flex:auto;margin-left:8px;font-size:11px;color:#afb1b4;line-height:13px}.sec-webinar .checkboxs .checkbox-group .text a{color:#fff;text-decoration:underline}.modal-webinar{position:fixed;left:0;top:0;bottom:0;right:0;z-index:999}.modal-webinar .modal-mask{position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,.8)}.modal-webinar .tooltip{position:absolute;left:0;right:0;top:50%;margin:0 48px;transform:translateY(-50%);background:#fff;border-radius:4px;overflow:hidden;padding:54px 0}.modal-webinar .tooltip .ic-close{cursor:pointer;position:absolute;right:8px;top:8px;height:16px}.modal-webinar .tooltip .content{font-size:14px;text-align:center;color:#000;line-height:20px}.modal-webinar .success{position:absolute;left:0;right:0;top:50%;margin:0 48px;transform:translateY(-50%);background:#fff;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:54px 40px}.modal-webinar .success .ic-close{cursor:pointer;position:absolute;right:8px;top:8px;height:16px}.modal-webinar .success .icon{height:48px}.modal-webinar .success .content{margin-top:20px}.modal-webinar .success .content .text-1{font-size:20px;font-weight:900;text-align:center;color:#000;line-height:24px}.modal-webinar .success .content .text-2{margin-top:6px;font-size:14px;text-align:center;color:#000;line-height:20px}button{border:none;outline:none;display:flex;align-items:center;justify-content:center}p{margin:0;padding:0}.abCenter,.sec-4 .devices,.sec-4 .feature,.sec-4 .img-bg,.sec-4 .img-des,.sec-4 .img-farsight,.sec-gps .img-googlemap{position:absolute;left:50%;transform:translateX(-50%)}.flexColumn,.sec-11 .img,.sec-12 .img-4k8k,.sec-18 .img-pro2,.sec-3 .player,.sec-3 .text1,.sec-3 .text2,.sec-3 .text3,.sec-5 .btn-box,.sec-5 .section-ct,.sec-7 .img-quxian,.sec-7 .text1,.sec-7 .text2,.sec-7 .text3,.sec-8 .player,.sec-8 .text1,.sec-8 .text2,.sec-8 .text3,.sec-9 .player,.sec-9 .text1,.sec-9 .text2,.sec-9 .text3,.sec-sample .text1,.sec-sample .text2{display:flex;flex-direction:column;align-items:center}.img-cover,.popup .popup-ct .pop-body .bottom .center .center-1 .img-item .img img,.sec-blog .blog-list .item .img>div img{min-width:1000%;min-height:1000%;position:relative;left:50%;top:50%;transform:translate(-50%,-50%) scale(.1)}.container{width:100%;height:100%;overflow-x:hidden}.container-pro2{margin-top:-48px}.section{width:100%}.section .section-ct{width:100%;height:100%;position:relative;overflow:hidden}.section .section-ct .ab{position:absolute}.section .section-ct p{width:100%;text-align:center}.section .btn-player{min-width:180px;height:38px;padding:0 16px;margin-bottom:14px;color:#fff;font-size:14px;border-radius:19px;text-shadow:0 2px 5px rgba(0,0,0,.5);display:flex;align-items:center}.section .btn-player img{height:20px;margin-right:12px}.c-text1,.c-text2,.c-text3{position:relative;text-align:center;margin:0 auto;z-index:9;padding:0 16px}.c-text1{font-size:12px;color:hsla(0,0%,100%,.4);font-weight:500}.c-text2{font-size:28px;color:#fff;font-weight:400}.c-text3{line-height:22px;font-size:14px;color:#fff}.sec-1{background-color:#000;position:relative}.sec-1 .btn-player,.sec-1 .img-googlemap,.sec-1 .img-pro2,.sec-1 .text1{margin:0 auto}.sec-1 .img-bg{position:absolute;width:100%;top:50px;z-index:1}.sec-1 .section-ct{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.sec-1 .img-googlemap{display:block;margin-top:90px;height:59px}.sec-1 .logo{margin-top:4px;display:flex;justify-content:center;align-items:flex-end}.sec-1 .logo .img-logo{height:21px}.sec-1 .logo .img-flowstate{margin-left:4px;height:30px}.sec-1 .text1{margin-top:4px;line-height:40px;font-size:24px;color:#fff}.sec-1 .btn-player1{margin-top:16px;width:200px!important;min-width:200px!important;height:40px;border-radius:20px;font-size:14px;background-image:url(https://static.insta360.com/assets/www/project/official/product/pro2/video/trailor_preview_mobile.gif);background-size:200px 112.5px;background-position:0 -36px;justify-content:center}.sec-1 .btn-player1 img{height:30px;margin-right:0}.sec-1 .btn-player2{margin-top:16px;width:200px!important;min-width:200px!important;height:40px;border-radius:20px;font-size:14px;justify-content:center;border:1px solid #fff;background-color:transparent}.sec-1 .btn-player2 img{height:30px;margin-right:0}.sec-1 .img-pro2{bottom:0;height:330px}.sec-2{background-color:#111114}.sec-2 .section-ct{padding:45px 0 0}.sec-2 .c-text2{margin-bottom:22px}.sec-2 .icon-box{display:flex;flex-wrap:wrap;padding:0 12px 25px}.sec-2 .icon-box .icon-item{width:33.3%;height:75px;text-align:center;margin-bottom:22px}.sec-2 .icon-box .icon-item img{height:50px}.sec-2 .icon-box .icon-item p{line-height:15px;font-size:10px;color:#fff;margin-top:5px}.sec-3 .c-text1,.sec-8 .c-text1,.sec-9 .c-text1{margin-top:48px}.sec-3 .c-text2,.sec-3 .c-text3,.sec-8 .c-text2,.sec-8 .c-text3,.sec-9 .c-text2,.sec-9 .c-text3{margin-top:8px}.sec-3 .player,.sec-8 .player,.sec-9 .player{margin:32px auto 48px;width:90%;border-radius:6px;overflow:hidden}.sec-3 .player video,.sec-8 .player video,.sec-9 .player video{width:100%}.sec-3,.sec-4,.sec-9{background-color:#000}.sec-4{height:600px}.sec-4 .section-ct{background-image:url(https://static.insta360.com/assets/www/project/official/product/pro2/mobile/img/bg02_mob_04@2x.png);background-size:100% 100%}.sec-4 .btn1,.sec-4 .c-text1,.sec-4 .c-text2{position:relative;z-index:3}.sec-4 .c-text1{margin-top:48px}.sec-4 .c-text2{margin-top:8px}.sec-4 .btn1{margin:16px auto 0;background:hsla(0,0%,100%,.25)}.sec-4 .img-farsight{height:320px;top:170px}.sec-4 .img-des{width:100%;bottom:40px}.sec-4 .icon-line{width:70%;position:relative;margin:16px auto;z-index:3;display:flex;justify-content:space-between}.sec-4 .icon-line .item{display:flex;align-items:center;color:#fff;font-size:12px}.sec-4 .icon-line .item img{height:15px;margin-right:15px}.sec-4 .feature{width:100%;bottom:40px;display:flex;justify-content:center}.sec-4 .feature .border{flex:none;display:block;width:1px;height:25px;margin:4px 0;background-color:#979797}.sec-4 .feature .item{padding:0 5px;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:30%}.sec-4 .feature .item .t1{line-height:16px;font-size:14px;font-weight:500;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.5)}.sec-4 .feature .item .t2{margin-top:8px;line-height:16px;font-size:10px;font-weight:300;color:hsla(0,0%,100%,.7)}@media screen and (max-width:349px){.sec-4 .des .item-border:nth-of-type(4){display:none}.sec-4 .des .item{width:calc(50% - 5px)}.sec-4 .des .item:last-of-type{margin-top:10px}}.sec-5{background-color:#000}.sec-5 .logo1{margin-top:48px;width:100%}.sec-5 .logo1 img{height:14px}.sec-5 .logo1 span{margin-left:12px}.sec-5 .c-text2{width:290px!important}.sec-5 .c-text3{margin-top:4px}.sec-5 .text1{margin-top:8px}.sec-5 .img-pr{margin-top:16px;width:100%}.sec-5 .text2{margin-top:10px}.sec-5 .text3{margin-top:8px}.sec-5 .img-pr2{margin-top:31px;width:320px}.sec-5 .btn-box{margin:16px auto}.sec-5 .btn-box button{margin-bottom:14px}.sec-5 .btn-box button:first-child{background-color:#343434}.sec-5 .btn-box button:last-child{border:2px solid #343434;background-color:transparent}.sec-5 .workflow-list{width:100%;margin-top:22px;background-color:#121212;padding:64px 24px}.sec-5 .workflow-list .workflow:not(:last-child){margin-bottom:36px}.sec-5 .workflow-list .workflow .text-1{font-size:32px;line-height:40px;font-weight:900;color:#fff}.sec-5 .workflow-list .workflow .text-2{margin-top:8px;font-size:16px;line-height:19px;color:#afb1b4}.sec-5 .workflow-list .workflow img{display:block;width:100%;margin-top:24px}.sec-5 .workflow-list .workflow .step-list{display:flex;margin-top:16px}.sec-5 .workflow-list .workflow .step-list .step{text-align:center;font-size:13px;line-height:15px;color:#e1e3e6}.sec-5 .workflow-list .workflow .step-list :first-child{width:24%}.sec-5 .workflow-list .workflow .step-list :nth-child(2){width:32%}.sec-5 .workflow-list .workflow .step-list :nth-child(3),.sec-5 .workflow-list .workflow .step-list :nth-child(4){width:22%}.sec-7{position:relative;background-color:#000}.sec-7:after{content:"";display:block;clear:both}.sec-7 .img-bg{float:left;width:100%}.sec-7 .section-ct{position:absolute;top:0}.sec-7 .c-text1{margin-top:48px}.sec-7 .c-text2{margin-top:8px}.sec-7 .c-text3{margin-top:16px}.sec-7 .btn1{margin:25px auto 0;background:hsla(0,0%,100%,.25)}.sec-vr-live{background-color:#000}.sec-vr-live .section-ct{padding-top:40px;padding-bottom:60px}.sec-vr-live .c-text2{margin-top:12px}.sec-vr-live .feature{padding:0 24px;margin-top:15px;display:flex;justify-content:center}.sec-vr-live .feature .border{flex:none;display:block;width:1px;min-height:18px;margin:4px 0;background-color:#fff;opacity:.3}.sec-vr-live .feature .item{flex:1 1;padding:0 18px;text-align:center}.sec-vr-live .feature .item .t1{font-size:10px;font-weight:700;line-height:11px;color:#fff}.sec-vr-live .feature .item .t2{margin-top:4px;font-size:10px;line-height:11px;color:hsla(0,0%,100%,.7)}.sec-vr-live .img{display:block;width:calc(100% - 48px);margin:24px auto 0}.sec-vr-live .text{margin:14px 24px 0;font-size:14px;color:hsla(0,0%,100%,.7);line-height:28px;white-space:pre-wrap}.sec-vr-live .btn{display:table;margin:24px auto 0;height:40px;line-height:40px;padding:0 24px;border-radius:20px;border:2px solid hsla(0,0%,100%,.5);font-size:16px;font-weight:700;color:#fff}.sec-vr-live .tip{right:17px;height:28px;font-size:14px;text-align:center;color:hsla(0,0%,100%,.7);line-height:28px}.sec-8{background-color:#111114}.sec-8 .c-text2{width:275px!important}.sec-10{background:#111114}.sec-10 .c-text1{margin-top:48px}.sec-10 .c-text2{margin-top:8px}.sec-10 .c-text3{margin-top:16px}.sec-10 .img-speaker{width:100%}.sec-11{background-image:radial-gradient(circle at 52% 100%,#1d1d1d 50%,#000 100%)}.sec-11 .text-box{position:absolute;width:100%;top:0;z-index:2;display:flex;flex-direction:column;align-items:center}.sec-11 .text-box .c-text1{margin-top:48px}.sec-11 .text-box .c-text2{margin-top:8px}.sec-11 .text-box .c-text3{margin-top:16px}.sec-11 .img-record{width:100%}.sec-gps{background:#111219}.sec-gps .section-ct{padding:48px 0 39px;position:relative}.sec-gps .t1{height:48px;font-size:28px;font-weight:500;color:#fff;line-height:48px}.sec-gps .t2{margin-top:8px;padding:0 24px;font-size:14px;color:#fff;line-height:24px}.sec-gps .img-gps{width:100%}.sec-gps .img-googlemap{height:50px;bottom:39px;z-index:2}.sec-12{background-color:#111114}.sec-12 .c-text1{margin-top:48px}.sec-12 .c-text2{margin-top:8px}.sec-12 .c-text3{width:90%!important;margin:16px auto 0}.sec-12 .img-4k8k{width:90%;margin:32px auto 48px}.sec-13{background-color:#000}.sec-13 .c-text1{margin-top:48px}.sec-13 .c-text2{margin-top:8px}.sec-13 .c-text3{width:90%!important;margin:16px auto}.sec-13 .player{margin:32px auto 48px;width:90%;border-radius:6px;overflow:hidden}.sec-13 .player video{width:100%}.sec-shots{background-color:#000;padding-bottom:50px}.sec-shots .c-text2{margin-top:48px}.sec-shots .carousel{margin:28px 48px 0}.sec-shots .carousel .carousel-ct{width:100%}.sec-shots .carousel .carousel-ct .list{position:relative;width:100%;display:flex;transition:left .25s}.sec-shots .carousel .carousel-ct .list.init .img-box:first-child{margin-right:0}.sec-shots .carousel .carousel-ct .list.init .img-box:not(:first-child){display:none}.sec-shots .carousel .carousel-ct .img-box{position:relative;margin-right:8px;border-radius:8px;overflow:hidden;opacity:.5;transition:opacity .25s}.sec-shots .carousel .carousel-ct .img-box.on{opacity:1}.sec-shots .carousel .carousel-ct .img-box img{display:block;width:100%}.sec-shots .carousel .carousel-ct .img-box .more{position:absolute;width:100%;left:0;bottom:0;padding:8px 16px 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3))}.sec-shots .carousel .carousel-ct .img-box .name{height:20px;line-height:20px;font-size:16px;color:#fff}.sec-shots .carousel .carousel-ct .img-box .title{margin-top:8px;line-height:20px;font-size:16px;font-weight:700;color:#fff}.sec-shots .carousel .carousel-ct .img-box .btn{margin-top:16px;text-align:center;padding:0 38px}.sec-shots .carousel .carousel-ct .img-box .btn a{display:block;min-width:70%;text-align:center;line-height:32px;background:linear-gradient(145deg,#fe0,#ffd200);border-radius:16px;font-size:14px;font-weight:700;color:#000}.sec-sample{background-color:#111114}.sec-sample .c-text2{margin-top:48px}.sec-sample .c-text3{margin-top:8px}.sec-sample .sample{width:calc(100% - 34px);margin:24px auto 48px;display:flex;flex-wrap:wrap;justify-content:space-between}.sec-sample .sample .sample-item{position:relative;width:calc(50% - 3px);margin-bottom:10px}.sec-sample .sample .sample-item .top{width:100%;height:0;padding-top:70%;position:relative}.sec-sample .sample .sample-item .top .img{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:4px;overflow:hidden;display:flex;justify-content:center}.sec-sample .sample .sample-item .top .img img{flex:1 1;height:100%}.sec-sample .sample .sample-item .top .size{position:absolute;right:8px;bottom:6px;font-size:8px;color:#fff;line-height:10px;text-shadow:0 0 4px rgba(0,0,0,.5)}.sec-sample .sample .sample-item .bottom{padding:16px 0}.sec-sample .sample .sample-item .bottom .title{padding:0 12px;height:28px;line-height:14px;font-size:12px;font-weight:700;color:#fff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.sec-sample .sample .sample-item .bottom .btn-group{margin:14px 12px 0}.sec-sample .sample .sample-item .bottom .btn-group a{display:block;width:100%;height:32px;line-height:32px;text-align:center;background:#edeff2;border-radius:16px;border:none;outline:none;font-size:12px;font-weight:700;color:#000}.sec-sample .sample .sample-item .bottom .btn-group a:last-child{background:#ffd200;background-image:linear-gradient(145deg,#fe0,#ffd200)}.sec-sample .sample .sample-item .bottom .btn-group a:last-child:not(:first-child){margin-top:8px}.sec-15{background:#000}.sec-15 .c-text2{margin-top:48px}.sec-15 .c-text3{margin-top:8px}.sec-15 .img-support{width:100%}.sec-15 .icon-line{display:flex;justify-content:center;margin-top:16px}.sec-15 .icon-line img{height:30px}.sec-15 .icon-line a:first-child img{margin-right:30px}.sec-16{background:#111114;padding-bottom:48px}.sec-16 .c-text2{margin-top:48px}.sec-16 .img-parameter{display:block;width:100%;margin:0 auto}.sec-16 table{border:none}.sec-16 table td{font-size:10px;color:#fff;vertical-align:top}.sec-16 table td:first-child{width:107px;padding:12px 12px 12px 24px;font-weight:400}.sec-16 table td:last-child{padding:12px 24px 12px 0;line-height:15px}.sec-17{background:#000}.sec-17 .c-text2{margin:48px auto 16px}.sec-17 .top{margin-bottom:64px;padding:0 8px}.sec-17 .top .top-ct{display:flex;min-height:40px}.sec-17 .top .top-ct .center{padding:0 8px;flex:1 1;display:flex;justify-content:center;flex-direction:column}.sec-17 .top .top-ct .center .media-name{line-height:20px;color:#fff;margin-bottom:10px}.sec-17 .top .top-ct .center .text{height:200px;font-size:14px;color:#fff;text-align:left;line-height:20px}.sec-17 .top .top-ct .btn-left,.sec-17 .top .top-ct .btn-right{width:30px;display:flex;justify-content:center;align-items:center}.sec-17 .top .top-ct .btn-left img,.sec-17 .top .top-ct .btn-right img{width:24px;cursor:pointer}.sec-17 .top .top-ct .btn-right img{transform:rotate(180deg)}.sec-17 .bottom .logo{display:flex;margin:30px 0}.sec-17 .bottom .logo .center{flex:1 1;height:38px;display:flex;justify-content:center}.sec-17 .bottom .logo .center img{height:38px}.sec-17 .border{position:relative;width:100%;height:4px}.sec-17 .border .slide{position:absolute;height:4px;background:#46afff;transition:width .25s ease-in-out}.sec-18{background-color:#000}.sec-18 .logo{margin:48px auto 0;display:flex;justify-content:center;align-items:flex-end}.sec-18 .logo .img-logo{height:21px}.sec-18 .logo .img-flowstate{margin-left:4px;height:30px}.sec-18 .text1{margin-top:16px;font-size:20px;color:#fff}.sec-18 .img-pro2{width:100%;margin:16px auto 0;position:relative;top:30px}.sec-18 .btn-buy{display:block;margin:16px auto 0;width:140px;text-align:center;height:38px;line-height:38px;background-image:linear-gradient(-138deg,#ffeb00,#ffd200);border-radius:19px;font-size:16px;color:#2d2d2d}.sec-blog{background:#111114}.sec-blog .section-ct{padding:32px 0}.sec-blog .blog-list{margin:16px 24px 0;background:#272727;border-radius:16px;padding:0 8px}.sec-blog .blog-list .item{width:100%;overflow:hidden;padding:8px 0 24px;margin-bottom:16px}.sec-blog .blog-list .item:last-child{margin-bottom:0}.sec-blog .blog-list .item .img{position:relative;width:100%;padding-bottom:40%;border-radius:16px;overflow:hidden}.sec-blog .blog-list .item .img>div{position:absolute;width:100%;height:100%;top:0;left:0}.sec-blog .blog-list .item .title{margin-top:16px;padding:0 24px;text-align:center;font-size:16px;font-weight:700;color:#f1f1f1;line-height:26px;text-shadow:0 0 6px rgba(0,0,0,.86)}.sec-blog .blog-list .item .btn{height:48px;margin-top:16px;padding:0 50px}.sec-blog .blog-list .item .btn a{display:block;height:48px;line-height:48px;text-align:center;width:100%;border-radius:24px;background:#ffd200;background-image:linear-gradient(135deg,#ffeb00,#ffd200);border:none;outline:none;font-size:16px;font-weight:700;color:#000;letter-spacing:1px}.popup{display:none;position:fixed;width:100%;height:100%;left:0;top:0;z-index:1000;overflow:auto}.popup .popup-box{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.popup .popup-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1c1c1c;cursor:pointer}.popup .popup-ct{width:100%;height:100%;overflow-y:auto}.popup .popup-ct .popup-ct-box{position:relative;width:100%;min-height:100%;display:flex;flex-direction:column}.popup .popup-ct .pop-title{width:100%;height:124px}.popup .popup-ct .pop-title .title{margin-top:60px;height:48px;text-align:center;color:#fff;font-size:20px}.popup .popup-ct .pop-title .text{padding:0 20px}.popup .popup-ct .pop-title .close{position:absolute;height:32px;top:24px;right:24px;cursor:pointer}.popup .popup-ct .pop-body{flex:1 1;width:100%;border-radius:8px;overflow:hidden;position:relative;display:flex;flex-direction:column}.popup .popup-ct .pop-body .top{height:92px;background:hsla(0,0%,8%,.85);display:flex;justify-content:center;align-items:center}.popup .popup-ct .pop-body .bottom{flex:1 1;padding-top:24px;background:#1c1c1c;display:flex;flex-direction:column;justify-content:space-between}.popup .popup-ct .pop-body .bottom .center{display:flex;justify-content:center;align-items:center}.popup .popup-ct .pop-body .bottom .center .center-1{display:none;flex-direction:column;justify-content:space-between;align-items:center}.popup .popup-ct .pop-body .bottom .center .center-1 .img-item{width:294px;height:323px;position:relative;border-radius:8px;margin-bottom:16px;overflow:hidden;cursor:pointer}.popup .popup-ct .pop-body .bottom .center .center-1 .img-item .img{width:100%;height:100%}.popup .popup-ct .pop-body .bottom .center .center-1 .img-item .zhezhao{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;opacity:1;background:rgba(0,0,0,.5);justify-content:center;align-items:center}.popup .popup-ct .pop-body .bottom .center .center-1 .img-item .zhezhao img{height:24px}.popup .popup-ct .pop-body .bottom .center .center-1 .img-item .zhezhao img.download{padding:0 18px}.popup .popup-ct .pop-body .bottom .center .center-1 .img-item .zhezhao img.player{border-right:1px solid #fff;padding:0 18px}.popup .popup-ct .pop-body .bottom .center .center-1 .img-item .text{width:100%;position:absolute;bottom:0;z-index:3;text-align:center;color:#fff;font-size:14px;min-height:64px;padding:10px 0;line-height:22px;background-image:linear-gradient(transparent,rgba(0,0,0,.4))}.popup .popup-ct .pop-body .bottom .center .center-2{display:none;width:100%;justify-content:space-between;flex-wrap:wrap;padding:0 16px}.popup .popup-ct .pop-body .bottom .center .center-2 .download-item{width:calc(50% - 8px);height:158px;background:#191a21;border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px;cursor:pointer}.popup .popup-ct .pop-body .bottom .center .center-2 .download-item .img-os{height:32px}.popup .popup-ct .pop-body .bottom .center .center-2 .download-item p{line-height:18px;font-size:12px;color:#fff;margin-top:8px}.popup .popup-ct .pop-body .bottom .center .center-2 .download-item .text1{margin-top:8px}.popup .popup-ct .pop-body .bottom .center .center-2 .download-item .text2{margin-top:26px;text-align:center}.popup .popup-ct .pop-body .bottom .center .center-2 .download-item .img-download{height:16px;margin-top:26px}.popup .popup-ct .pop-body .bottom .center .center-2 .download-item.off .img-os,.popup .popup-ct .pop-body .bottom .center .center-2 .download-item.off .text1,.popup .popup-ct .pop-body .bottom .center .center-2 .download-item.off .text2{opacity:.7}.popup .popup-ct .pop-body .bottom .center .center-3{display:none;width:100%;flex-direction:column}.popup .popup-ct .pop-body .bottom .center .center-3 .ct-3-top{width:calc(100% - 30px);margin:0 auto;height:40px;display:flex;justify-content:space-around;align-items:center}.popup .popup-ct .pop-body .bottom .center .center-3 .ct-3-top .top-item{width:60px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-bottom:2px solid transparent}.popup .popup-ct .pop-body .bottom .center .center-3 .ct-3-top .top-item svg{fill:hsla(0,0%,100%,.6)}.popup .popup-ct .pop-body .bottom .center .center-3 .ct-3-top .top-item span{font-size:10px;color:hsla(0,0%,100%,.6);margin:5px 0 8px}.popup .popup-ct .pop-body .bottom .center .center-3 .ct-3-top .top-item.on{border-color:#ffd200}.popup .popup-ct .pop-body .bottom .center .center-3 .ct-3-top .top-item.on svg{fill:#fff}.popup .popup-ct .pop-body .bottom .center .center-3 .ct-3-top .top-item.on span{color:#fff}.popup .popup-ct .pop-body .bottom .center .center-3 .ct-3-top .border{width:1px;height:15px;background:hsla(0,0%,100%,.6)}.popup .popup-ct .pop-body .bottom .center .center-3 .ct-3-bottom{padding:24px 16px}.popup .popup-ct .pop-body .bottom .center .center-3 .ct-3-bottom .text{position:relative;font-size:12px;color:#fff;line-height:20px}.popup .popup-ct .pop-body .bottom .center .center-1.show,.popup .popup-ct .pop-body .bottom .center .center-2.show,.popup .popup-ct .pop-body .bottom .center .center-3.show{display:flex!important}.popup .popup-ct .pop-body .bottom .btn-box{height:82px;display:flex;justify-content:center;align-items:center}.popup .popup-ct .pop-body .bottom .btn-box button{display:none;width:131px;height:38px;margin:0 12px;font-size:16px;font-weight:400;border-radius:24px}.popup .popup-ct .pop-body .bottom .btn-box button:first-child{background:#191c29;color:#fff}.popup .popup-ct .pop-body .bottom .btn-box button:last-child{background:linear-gradient(-135deg,#fbe400,#ffd200);color:#000}.popup .steps{width:calc(100% - 40px);min-width:230px;height:44px;display:flex;position:relative}.popup .steps .steps-border{display:block;position:absolute;width:calc(100% / 3 * 2);height:2px;top:8px;left:50%;transform:translateX(-50%);background:#121212}.popup .steps .steps-item{width:calc(100% / 3);height:100%;position:relative;z-index:2;cursor:pointer}.popup .steps .steps-item .steps-top{height:18px;display:flex;justify-content:center}.popup .steps .steps-item .steps-top span{width:18px;height:18px;line-height:18px;text-align:center;background:#282a38;border-radius:9px;font-size:12px;color:#fff;font-weight:300}.popup .steps .steps-item .steps-bottom{margin-top:14px;height:28px;text-align:center;font-size:10px;color:hsla(0,0%,100%,.7)}.popup .steps .steps-item.on .steps-top span{color:#000;background:linear-gradient(-135deg,#fbe400,#ffd200)}.popup .steps .steps-item.on .steps-bottom{color:#fff;font-weight:400}.sample_download_modal{z-index:1000;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.65)}.sample_download_modal,.sample_download_modal .bg{position:fixed;left:0;top:0;width:100%;height:100%}.sample_download_modal .bg{z-index:100}.sample_download_modal .card{position:relative;z-index:101;width:240px;padding:32px;background-color:#121212;border-radius:16px}.sample_download_modal .code{color:#fff;text-align:center;font-size:16px}.sample_download_modal .btn{display:block;margin-top:24px;line-height:40px;text-align:center;border-radius:18px;font-size:16px;background-image:linear-gradient(135deg,#ffeb00,#ffd200);color:#000}