@media all{.container{max-width:1080px;margin:0 auto;padding:0;}.mobile-style{display:none;}@media (max-width:768px){.container{max-width:100%;padding:0 15px!important;}.pc-style{display:none;}.mobile-style{display:block;}}.flex-content{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;}.banner{width:100%;padding:130px 0 180px;background:url("/uploads/page/landing-page/ad/screen-recorder/banner-bg.webp") no-repeat;background-size:100% 100%;overflow:hidden;}.banner-title{display:flex;align-items:center;gap:14px;}.left{flex:50% 0 0;}.product-name{font:600 24px/190.4% "Montserrat";color:#000;}.product-desc{font:bold 56px/125.4% "Montserrat";color:#000;margin-top:10px;}.product-desc{width:400px;line-height:1.2;}.product-intro{margin-top:20px;}.product-intro li{display:flex;font:300 16px/230.19% "Montserrat";}.product-intro li::before{content:"·";display:block;color:#7980ff;font-size:50px;margin:-4px 5px 0 0;}.product-grade{display:flex;align-items:center;width:100%;margin-top:14px;}.product-grade span{font:300 14px/18px "Montserrat";}.line{width:2px;height:18px;background:#eaeaea;}.score,.reviews{margin:0 10px;}.product-button-wrap{margin-top:34px;}.btn{display:flex;margin-bottom:5px;}.download{display:flex;flex-direction:column;border-radius:6px;background:#5d51ff;box-shadow:-1px -1px 15px 0px rgba(255,255,255,0.25) inset,3px 3px 10px 0px rgba(255,255,255,0.25) inset;margin-right:30px;padding:16px 28px;position:relative;box-sizing:border-box;width:242px;transition:all 0.5s;}.download span:nth-child(1){font:bold 18px "Montserrat";color:#fff;margin-left:30px;}.download span:nth-child(2){font:lighter 9px "Montserrat";color:#fff;margin:5px 0 0 30px;line-height:1.5;}.buy{display:flex;align-items:center;padding:16px 34px;border-radius:6px;border:3px solid #ffa932;background:#fff;position:relative;transition:all 0.5s;}.buy span{font:bold 18px "Montserrat";color:#ffa932;margin-left:30px;}.download::before,.buy::before{position:absolute;top:calc(50% - 12px);left:20px;content:"";display:block;width:25px;height:25px;background-size:100% 100%;}.btn-win .download::before{background:url("/uploads/page/landing-page/ad/screen-recorder/icon-win.svg") no-repeat;}.buy::before{background:url("/uploads/page/landing-page/ad/screen-recorder/cart.png") no-repeat;}.btn-mac .download::before{background:url("/uploads/page/landing-page/ad/screen-recorder/icon-mac.svg") no-repeat;}.btn-mac .buy::before{top:calc(50% - 12px);width:25px;height:25px;background:url("/uploads/page/landing-page/ad/screen-recorder/cart.png") no-repeat;}.download:hover{background:#382aff;}.buy:hover{background:#ffa932;color:#fff;}.buy:hover::before{background:url("/uploads/page/landing-page/ad/screen-recorder/white-cart.png") no-repeat;}.buy:hover span{color:#fff;}.switch-system-content{display:flex;align-items:center;margin-top:25px;}.switch-system{font:300 16px/166.9% "Montserrat";margin-right:17px;padding-top:-5px;}.switch-system-win,.switch-system-mac{cursor:pointer;}.switch-system-win{width:22.42px;height:27.54px;}.switch-system-mac{width:23.42px;height:28.54px;margin-left:20px;}.right{flex:50% 0 0;position:relative;}.btn-group{display:flex;justify-content:center;align-items:center;gap:20px;}.btn-group .btn-item{position:relative;display:flex;justify-content:center;align-items:center;border-radius:10px;background:#655bef;padding:20px 50px;color:#fff;font-size:20px;font-weight:700;gap:10px;transition:all 0.3s;}.btn-group .btn-item img{width:25px;height:25px;}.btn-group .btn-item:hover{background:#382aff;}.orange .btn-item{border:1px solid #fff;background:#2d34ee;}.orange .btn-item.buy-btn{background:#ffaa32;border-color:#ffaa32;}.orange .btn-item:hover{background:linear-gradient(0deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%),#2d34ee;}.orange .btn-item:hover.buy-btn{background:linear-gradient(0deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%),#ffaa32;border-color:#ffaa32;}.buy img.discount-30,.btn-group .btn-item img.discount-30{position:absolute;top:-17px;width:93px;height:38.038px;right:-17px;}.wrap-title{color:#000;text-align:center;font-size:38px;font-weight:600;line-height:143.4%;}.wrap1{margin-top:150px;}.wrap1 .btn-group{margin-top:30px;}.wrap1 .content{margin-top:80px;display:flex;flex-direction:column;gap:100px;}.wrap1 .content-item{display:flex;align-items:center;justify-content:center;gap:70px;}.wrap1 .content-item .content-item-left{flex:50% 0 0;}.wrap1 .content-item .content-item-right{flex:50% 0 0;}.wrap1 .content-item .title{color:#000;font-size:28px;font-style:normal;font-weight:600;margin-bottom:24px;line-height:143.4%;}.wrap1 .content-item p{color:#252525;font-size:18px;font-style:normal;font-weight:300;line-height:180%;margin-bottom:24px;}.wrap1 .content-item .min-text{color:#7d7d7d;font-size:12px;font-style:normal;font-weight:300;line-height:156.4%;}.wrap1 .btn-group-2{margin-top:80px;}.wrap2{margin-top:150px;color:#fff;background:url("/uploads/page/landing-page/ad/screen-recorder/wrap2-img.webp") no-repeat;background-size:100% 100%;padding:150px 0 100px;}.wrap2 .wrap-title{color:#fff;font-size:50px;}.wrap2 .content{margin-top:80px;display:flex;flex-wrap:wrap;gap:50px 32px;}.wrap2 .content .content-item{width:524px;box-sizing:border-box;border-radius:20px;background:#332f43;padding:30px 26px;text-align:center;}.wrap2 .content .content-item .title{color:#fff;text-align:center;font-size:28px;font-style:normal;font-weight:600;margin:24px 0;line-height:normal;}.wrap2 .content .content-item .desc{color:rgba(255,255,255,0.9);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:180%;}.wrap2 .content .first{width:100%;display:flex;flex-direction:row-reverse;align-items:center;gap:24px;}.wrap2 .content .first .con .title{text-align:left;}.wrap2 .content .first .con .desc{text-align:left;}.wrap2 .btn-group{margin-top:50px;}.wrap3{margin-top:150px;}.wrap3 .wrap-desc{color:#595959;text-align:center;font-size:16px;font-style:normal;font-weight:300;line-height:173.9%;margin:20px auto 32px;}.wrap3 .content{margin-top:70px;display:flex;flex-direction:column;flex-wrap:wrap;height:624px;text-align:center;gap:24px;}.wrap3 .content .content-item{width:344px;box-sizing:border-box;position:relative;z-index:2;border-radius:20px;padding:10px 7px 18px;}.wrap3 .content .content-item .con{position:relative;z-index:2;padding:0 20px;}.wrap3 .content .content-item .title{color:#000;text-align:center;font-size:18px;font-style:normal;font-weight:500;line-height:140%;margin-bottom:7px;}.wrap3 .content .content-item .desc{color:#252525;text-align:center;font-size:16px;font-style:normal;font-weight:300;line-height:1.6;}.wrap3 .content .content-item .item-img{margin-bottom:16px;}.wrap3 .content .content-item:nth-child(1){padding:0;}.wrap3 .content .content-item:nth-child(1) .con{background-color:#f2f1ff;border-radius:40px 20px 20px 20px;border:3px solid #8b89ff;padding:50px 20px 40px;}.wrap3 .content .content-item:nth-child(1) .con .desc{line-height:2;font-size:18px;}.wrap3 .content .content-item:nth-child(1) .con .title{margin-bottom:18px;font-size:22px;}.wrap3 .content .content-item:nth-child(2){background:#e4f5ff;}.wrap3 .content .content-item:nth-child(3){background:#fff8e3;}.wrap3 .content .content-item:nth-child(4){background:#ffebeb;}.wrap3 .content .content-item:nth-child(5){background:#efe6ff;}.wrap3 .content .first-img{margin-bottom:-75px;position:relative;z-index:-1;}.wrap3 .content .first-icon{position:absolute;top:-65px;left:0;}.wrap4{margin-top:180px;}.wrap4 .wrap-title{margin-bottom:50px;}.wrap4 .content{margin-top:70px;display:flex;justify-content:center;margin-top:120px;}.wrap4 .content-item{position:relative;padding:70px 20px 30px;box-sizing:border-box;margin:0 -10px;}.wrap4 .item-img{position:absolute;top:-40px;left:50%;transform:translateX(-50%);}.wrap4 .item-left{background:url(/uploads/page/landing-page/ad/screen-recorder/left.png) no-repeat;background-size:100% 100%;width:381px;position:relative;}.wrap4 .item-left .vs-img{position:absolute;top:50%;right:-23px;transform:translateY(-50%);z-index:1;}.wrap4 .item-right{background:url(/uploads/page/landing-page/ad/screen-recorder/right.png) no-repeat;background-size:100% 100%;width:460px;display:flex;flex-direction:column;align-items:end;}.wrap4 .title{color:#000;text-align:center;font-size:22px;font-style:normal;font-weight:600;line-height:143.4%;margin-bottom:24px;}.wrap4 .con-item{border-radius:12px;background:#fff;width:286px;padding:27px 10px 27px 24px;box-sizing:border-box;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:#252525;font-size:20px;font-style:normal;font-weight:300;line-height:normal;}.wrap4 .item-right{transform:translateY(22px);}.wrap4 .item-right .title{transform:translateX(-53px);margin-bottom:34px;}.wrap4 .item-right .item-img{left:58%;top:-50px;}.wrap4 .item-right .con-item{width:341px;border:1px solid transparent;border-radius:16px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,#6c58ff,#6191ff,#5bbbef) border-box;}.wrap4 .item-left .item-img{left:44%;}.wrap4 .item-left .title{transform:translateX(-23px);}.wrap5{padding:140px 0 100px;background:#f6f6ff;margin-top:210px;}.wrap5 .wrap-title{text-align:center;font-weight:600;font-size:40px;line-height:143.4%;}.wrap5 .btn-group{margin:30px auto 70px;}.wrap5 .content{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;margin-top:50px;gap:45px;}.wrap5 .item{flex:30% 0;display:flex;flex-direction:column;align-items:center;}.wrap5 .wrap5-img{cursor:pointer;border-radius:6px;filter:drop-shadow(0px 5.56761px 14.847px #dedeff);}.wrap5 .step-text{color:#8d8d8d;text-align:center;font-size:18px;font-style:normal;font-weight:600;line-height:147.5%;margin-top:30px;}.wrap5 .step{padding:5px 20px;border-radius:7px;font:bold 18px/27px "Montserrat";color:#655bef;margin:30px auto;border:1px solid #655bef;}.wrap5 .desc{text-align:center;font:300 18px/21px "Montserrat";color:#000;width:93%;}.wrap5 .line-left,.wrap5 .line-right{position:absolute;bottom:130px;width:212px;border-top:2px dashed #8d8d8d;}.wrap5 .line-left{left:250px;}.wrap5 .line-right{right:220px;}.wrap6{text-align:center;background:url(/uploads/page/landing-page/ad/screen-recorder/wrap7-bg.webp) no-repeat center center;background-size:100% 100%;padding:90px 0;color:#fff;}.wrap6 .title{color:#fff;text-align:center;font-size:40px;font-style:normal;font-weight:600;line-height:166.9%;margin-top:30px;}.wrap6 .desc{font-size:22px;margin-top:16px;}.wrap6 .switch-system{border-radius:30px;width:max-content;background:rgba(255,255,255,0.2);margin:25px auto;display:flex;padding:3px;align-items:center;justify-content:center;}.wrap6 .switch-system .switch-system-item{border-radius:30px;padding:6px 13px;cursor:pointer;box-sizing:content-box;}.wrap6 .switch-system .switch-system-item .nor{display:block;}.wrap6 .switch-system .switch-system-item .sel{display:none;}.wrap6 .switch-system .switch-system-item.active{background:#fff;}.wrap6 .switch-system .switch-system-item.active .nor{display:none;}.wrap6 .switch-system .switch-system-item.active .sel{display:block;}.wrap6 .switch-system .switch-system-mac{margin-left:0;}.buy{position:relative;}.buy img.discount-30,.btn-group .btn-item img.discount-30{position:absolute;top:-17px;width:93px;height:38.038px;right:-17px;}@media (max-width:768px){.buy img.discount-30,.btn-group .btn-item img.discount-30{position:absolute;top:-12px;width:70px;height:28px;right:-1px;}.flex-content{flex-flow:column nowrap;}.banner{padding:50px 0 30px;background:linear-gradient(353deg,#f3efff 5.82%,#e0e4ff 50.92%,#ced9ff 95.16%);}.banner-title{flex-direction:column;}.switch-system-content{margin-top:20px;}.product-name{font:500 24px "Montserrat";font-weight:600;}.product-desc{font:bold 40px "Montserrat_Bold";margin:10px 0 15px;text-align:center;width:auto;}.product-intro{margin-top:5px;}.product-intro li{font:500 12px/230.19% "Montserrat";}.product-intro li::before{font-size:40px;margin:-2px 5px 0 0;}.product-grade{margin-top:10px;}.product-grade span{font:lighter 10px/18px "Montserrat";}.btn{flex-flow:row wrap;justify-content:space-between;margin:0;}.download{width:190px;padding:12px 20px;margin-right:10px;}.buy{padding:12px 25px;border-width:1px;}.download span:nth-child(1),.buy span{font:bold 14px "Montserrat";margin-left:30px;}.download span:nth-child(2){font:lighter 6px "Montserrat";margin:2px 0 0 30px;}.download::before,.buy::before{left:18px;}.switch-system{font:lighter 12px/166.9% "Montserrat";}.right{margin-top:20px;}.right img{width:100%;transform:translateX(0);}.btn-group{gap:16px;}.btn-group .btn-item{padding:16px 38px;font-size:14px;border-radius:7px;}.btn-group .btn-item img{width:20px;height:20px;}.wrap-title{font-size:32px;}.wrap1{margin-top:70px;}.wrap1 .content{margin-top:30px;gap:50px;}.wrap1 .content-item{flex-direction:column;gap:15px;}.wrap1 .content-item img{width:100%;}.wrap1 .content-item .content-item-left{flex:100% 0 0;}.wrap1 .content-item .content-item-right{flex:100% 0 0;}.wrap1 .content-item .title{font-size:18px;margin-bottom:18px;}.wrap1 .content-item p{font-size:16px;margin-bottom:15px;}.wrap1 .content-item:nth-child(even){flex-direction:column-reverse;}.wrap1 .btn-group{margin:20px auto;}.wrap1 .btn-group-2{margin-top:44px;}.wrap2{background-image:url("/uploads/page/landing-page/ad/screen-recorder/wrap2-bg-mb.png");margin-top:70px;padding:60px 0;}.wrap2 .container{display:flex;flex-direction:column;align-items:center;}.wrap2 .btn-group{order:1;margin-top:26px;}.wrap2 .wrap-title{font-size:32px;padding:0 40px;order:0;}.wrap2 .swiper{order:2;width:100%;margin-top:30px;position:relative;box-sizing:border-box;padding-bottom:50px;}.wrap2 .swiper .swiper-scrollbar{width:130px;left:50%;transform:translateX(-50%);background:#4e4d53;border-radius:10px;}.wrap2 .swiper .swiper-scrollbar .swiper-scrollbar-drag{background:#8a86ff;border-radius:10px;}.wrap2 .content{margin-top:30px;gap:0;flex-wrap:nowrap;}.wrap2 .content .content-item{width:100%;display:flex;flex-direction:column-reverse;gap:20px;padding:20px 10px 10px;align-items:center;justify-content:center;}.wrap2 .content .content-item img{width:100%;}.wrap2 .content .content-item .title{font-size:18px;margin:0 0 18px;}.wrap2 .content .content-item .desc{font-size:16px;padding:0 10px;}.wrap2 .content .first{flex-direction:column-reverse;gap:20px;}.wrap2 .content .first .con .title{text-align:center;}.wrap2 .content .first .con .desc{text-align:center;}.wrap3{padding:60px 0;margin-top:0;}.wrap3 .wrap-title{padding:0 40px;}.wrap3 .wrap-desc{font-size:16px;margin-top:16px;}.wrap3 .content{flex-direction:column;flex-wrap:wrap;margin-top:56px;height:auto;}.wrap3 .content .content-item{width:100%;}.wrap4{margin-top:0;}.wrap4 .wrap-title{margin-bottom:20px;}.wrap4 .content{flex-direction:column;align-items:center;margin-top:60px;}.wrap4 .content-item{border-radius:16px;width:max-content;gap:8px;width:274px;display:flex;flex-direction:column;align-items:center;padding:60px 20px 30px;}.wrap4 .content-item .item-img{width:70px;top:-30px;}.wrap4 .con-item{width:224px;font-size:15px;padding:20px;}.wrap4 .con-item img{width:20px;}.wrap4 .item-left{background:rgba(230,230,230,0.44);width:max-content;border:1px solid #dbdbdb;}.wrap4 .item-left .title{transform:translateX(0);}.wrap4 .item-left .item-img{left:50%;}.wrap4 .item-right{width:100%;border:2px solid transparent;border-radius:16px;background-image:url(/uploads/page/landing-page/ad/screen-recorder/right-mb.png);align-items:center;margin-top:70px;}.wrap4 .item-right .title{transform:translateX(0);}.wrap4 .item-right .item-img{width:95px;top:-30px;}.wrap4 .item-right .con-item{width:278px;padding:20px 10px 20px 20px;}.wrap4 .item-right .item-img{left:50%;}.wrap5{padding:50px 0 30px;margin-bottom:0;margin-top:90px;}.wrap5 .wrap-title{font-size:32px;}.wrap5 .wrapper-3-swiper{position:relative;width:100%;height:400px;overflow:hidden;}.wrap5 .btn-group{margin:24px auto;}.wrap5 .step-text{margin-top:20px;}.wrap5 .swiper-slide{display:flex;flex-direction:column;align-items:center;width:100%;height:380px;}.wrap5 .swiper-slide img{width:100%;}.wrap5 .swiper-slide .step{padding:5px 20px;border-radius:7px;font:bold 18px/27px "Montserrat";margin:15px auto;}.wrap5 .swiper-slide .desc{text-align:center;font:500 14px/21px "Montserrat";color:#6c6c6c;width:90%;}.wrap5 .swiper-pagination-bullet,.wrap5 .swiper-pagination-bullet-active{background:#a4a1ff;}.wrap6{padding:50px 0;}.wrap6 .logo{width:60px;}.wrap6 .title{font-size:32px;margin-top:5px;}.wrap6 .desc{font-size:16px;}.wrap6 .switch-system{margin:15px auto 35px;padding:2px;}.wrap6 .switch-system img{width:18px;}.wrap6 .switch-system .switch-system-item{padding:4px 9px;width:max-content;height:auto;}}}