.pagewrapper{overflow:hidden}.pagewrapper *{box-sizing:border-box}.pagewrapper .content-wrap{max-width:1170px;padding:90px 0}.zc-installapp,.umain .apps-detail-form,.zcr-apps-btn,.zw-product-header .menu li,.expanded.dropdown .caret,.dropdown.active .dropdown-menu,li.zdropdown-container,.product-header-top .menu li,.zmobile-menu-new ul li>span,.zpromotion,.zgh-nav{display:none}.apps-detail-form,.umain .zcr-apps-btn{display:inline-block}.zw-product-header .menu li.zmenu-pricing,li.zmenu-pricing.zdropdown-container,.product-header-top .menu li.zmenu-pricing,.zmobile-menu-new ul li.zmenu-pricing>span{display:block}.banner .content-wrap{padding-bottom:0}.act-btn{padding:12px 30px;background:#f0483e;color:#fff;cursor:pointer !important}h1,h2,h3{font-family:var(--zf-primary-bold)}#block-panels-mini-product-menu{background:#160647}#mini-panel-product_menu .menu-icon-help-header .product-title a,#mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a,#mini-panel-product_menu .product-nav-links .menu>li>a,#mini-panel-product_menu .product-nav-links li .nolink,.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a{color:#fff}.flex-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between}.text-center{text-align:center}.flex-part-three{width:32%}.flex-part-five{width:25%;padding:0 10px}.pagewrapper .breadcrumb .content-wrap{padding:30px 0 0}.breadcrumb ul.flex-content{justify-content:initial}.breadcrumb li{font-size:15px;line-height:1.6;padding-right:40px;position:relative}.breadcrumb li:last-child{padding-right:0}.breadcrumb li:after{content:'';position:absolute;top:11px;right:20px;width:6px;height:6px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg)}.breadcrumb li:last-child:after{display:none}.breadcrumb li a{color:#000;font-family:var(--zf-secondary-medium)}.breadcrumb li:last-child a{color:rgba(0,0,0,0.56)}.pagewrapper .app-banner .content-wrap{padding-top:40px}.app-banner h2{font-size:28px;margin-top:30px}.app-banner .flex-content{align-items:flex-start}.bnr-left,.bnr-right{width:47%}.bnr-left .flex-content{border-bottom:1px solid #ccc;min-height:90px}.umain .app-banner .bnr-left .flex-content{align-items:flex-start}.bnr-left h1{font-size:32px}.app-icon{width:92px;height:92px}.app-icon img{border-radius:6px}.app-details{flex:1;margin-left:20px}.umain .app-banner .flex-content{align-items:center}.apps-access{text-align:center;display:none}.umain .bnr-right .apps-access{display:flex;align-items:center;flex-wrap:wrap;text-align:center;justify-content:center;background:var(--zcr-light-bg);padding:180px 10px;max-width:400px;margin:0 auto;border-radius:20px;position:relative;border:1px solid #bdc3eb}.umain .bnr-right .apps-access:before,.umain .bnr-right .apps-access:after{content:"";position:absolute;left:0;z-index:1;height:157px;width:100%;display:block}.umain .bnr-right .apps-access:before{top:0;background:url(//cdn.zoho.com.cn/sites/zweb/images/creator/app-deck/app-deck-form-bg.svg) no-repeat;background-size:contain}.umain .bnr-right .apps-access:after{bottom:0;background:url(//cdn.zoho.com.cn/sites/zweb/images/creator/app-deck/app-deck-form-btm-bg.svg) no-repeat;background-size:contain}.apps-access h4{width:100%}.app-banner .signup-box-wrap{min-height:445px}.umain .app-banner .signup-box-wrap{min-height:auto}.signup-box{max-width:400px;margin:0 auto;padding:30px;border-radius:20px;background:var(--zcr-light-bg);border:1px solid #bdc3eb}.app-preview h2{font-size:20px}.pagewrapper .app-preview .content-wrap{background:#f2f2f2;padding:60px 0;text-align:center;box-shadow:50px 0 0 #f2f2f2,-50px 0 0 #f2f2f2;overflow:visible;border-radius:30px}.app-video img,.app-image img,.app-img-show img{display:block;cursor:pointer}.app-video{position:relative;z-index:1}.app-video:before{content:"";position:absolute;left:0;top:0;z-index:2;background-color:rgba(0,0,0,0.5);width:100%;height:100%}.zcr-app-play{position:absolute;left:50%;top:55%;z-index:2;color:#fff;transform:translate(-50%,-50%);width:100%;text-align:center;height:auto;font-size:14px}.zcr-app-play span{border-left:9px solid #000;border-bottom:solid 6px transparent;border-top:solid 6px transparent;display:block;width:8px;text-align:center;height:8px;margin:0 auto;position:relative;cursor:pointer;top:-10px}.zcr-app-play span:before{content:"";position:absolute;left:-21px;text-align:0;top:-15px;width:30px;height:30px;background:#fff;border-radius:100%;z-index:-1;cursor:pointer}.preview-slider.slick-slider{margin-top:30px}.gallery-item{cursor:pointer}.gallery-item:hover{opacity:1}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-content{font-size:.8em}.lightbox{position:fixed;display:none;background-color:rgba(0,0,0,0.8);width:100%;height:100%;overflow:auto;top:0;left:0;z-index:100}.lightbox-content{position:absolute;width:80%;height:auto;margin:0 auto 0;max-width:900px;left:50%;transform:translate(-50%,-50%);top:50%}.lightbox-prev,.lightbox-next{position:absolute;background-color:rgba(0,0,0,0.8);color:#fff;padding:7px;top:50%;cursor:pointer;transform:translateY(-50%);height:30px;width:30px}.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-prev:hover,.lightbox-next:hover{opacity:.8}video{width:100%}.slick-initialized .slick-slide{margin-right:20px;border:1px solid #dbdbdb;background:#fafafa;padding:10px;border-radius:6px}.slick-initialized .slick-slide:last-child{margin-right:0}.slick-initialized .slick-slide img{display:block}.arrow-right:before,.arrow-left:before{content:"";position:absolute;width:12px;height:12px;border-top:2px solid #fff;border-left:2px solid #fff;top:9px}.arrow-right:before{transform:rotate(135deg);left:8px}.arrow-left:before{transform:rotate(-45deg);right:8px}.app-slider-close{position:absolute;right:32px;top:32px;width:32px;height:32px;z-index:-1;cursor:pointer}.app-slider-close:hover{opacity:1}.app-slider-close:before,.app-slider-close:after{position:absolute;left:15px;content:' ';height:33px;width:2px;background-color:#fff;cursor:pointer}.app-slider-close:before{transform:rotate(45deg)}.app-slider-close:after{transform:rotate(-45deg)}.app-vimeo{width:100%}.admistrative-tasks h2{text-align:center;max-width:880px;margin:0 auto 15px}.admistrative-tasks .flex-content{align-items:initial;margin-top:30px;justify-content:inherit;margin:30px -10px 0}.admistrative-tasks h3 span{font-family:var(--primaryfont-regular)}.admistrative-tasks .flex-part-three{margin-top:5px;padding:10px;width:33.3%}.admistrative-tasks .flex-part-three div{border-radius:6px;padding:40px}.admistrative-tasks .flex-part-three:nth-child(odd) div{background-color:#edf5ff}.admistrative-tasks .flex-part-three:nth-child(even) div{background-color:#edf5ff}.admistrative-tasks .flex-part-three div p{margin-bottom:0}.devices-app{background-color:#f8f9fb}.devices-app h2{text-align:center;max-width:800px;margin:0 auto 15px}.devices-app .flex-content{align-items:initial}.devices-app .flex-part-three{background-color:#fff;border:1px solid #e7e7e7;padding:40px;margin-top:30px;border-radius:10px}.devices-app p{margin-bottom:0}.dev-app-img{max-width:210px;margin-bottom:20px}.related-apps{position:relative;top:90px;text-align:center;z-index:1}.related-apps .content-wrap{background-color:var(--zcr-dark-bg);border-radius:10px;padding:50px}.related-apps h2{text-align:center;font-size:20px;text-transform:uppercase;letter-spacing:3px;font-family:var(--primaryfont-regular);color:#fff}.related-apps .related-apps-cnt{max-width:900px;margin:40px auto 0}.related-apps .flex-content{justify-content:center;margin:0 -10px}.related-apps-card{display:flex;align-items:center;justify-content:center;border-radius:15px;transition:all ease .5s;background:#fff}.related-apps-card:hover{transform:translateY(-10px)}.related-apps .flex-content a{color:#000;padding:20px 10px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.related-apps .flex-content p{margin-bottom:0;font-size:15px;font-family:var(--primaryfont-semibold);transition:all ease .5s}.related-apps-card:hover p{color:#086be6}.related-apps-icon{height:60px;width:60px;margin:0 auto 20px;transition:all ease .5s}.related-apps-card:hover .related-apps-icon{transform:scale(1.2)}.app-btm-cta{text-align:center;background-color:#000;color:#fff}.app-btm-cta h2{padding-top:80px;max-width:800px;margin:0 auto 15px}@media all and (min-width:1200px){.inup1,.inup2,.inup3,.inup4,.inup5,.inup6{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);-webkit-transition:-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.3);transition:-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.3);transition:transform 1s cubic-bezier(0.39,0.575,0.565,1.3);transition:transform 1s cubic-bezier(0.39,0.575,0.565,1.3),-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.3)}.in-view .inup1,.in-view .inup2,.in-view .inup3,.in-view .inup4,.in-view .inup5,.in-view .inup6{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fadeinup1,.fadeinup2,.fadeinup3,.fadeinup4,.fadeinup5,.fadeinup6,.fadeinup7,.fadeinup8,.fadeinup9{-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2),-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2)}.fadeindown1{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0);opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2),-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2)}.in-view .fadeinup1,.in-view .fadeinup2,.in-view .fadeinup3,.in-view .fadeinup4,.in-view .fadeinup5,.in-view .fadeinup6,.in-view .fadeinup7,.in-view .fadeinup8,.in-view .fadeinup9,.in-view .fadeindown1,.in-view .fadeindown2,.in-view .fadeindown3,.in-view .fadeindown4{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-ms-filter:"alpha(opacity=100)"}.fadeindown1,.fadeinup1,.inup1,.bnrimg1,.bnrimg4{-webkit-transition-delay:100ms;transition-delay:100ms}.fadeindown2,.fadeinup2,.inup2,.bnrimg2,.bnrimg5{-webkit-transition-delay:300ms;transition-delay:300ms}.fadeindown3,.fadeinup3,.inup3,.bnrimg3,.bnrimg6{-webkit-transition-delay:500ms;transition-delay:500ms}.fadeinup4,.inup4{-webkit-transition-delay:700ms;transition-delay:700ms}.fadeinup5,.inup5{-webkit-transition-delay:900ms;transition-delay:900ms}.fadeinup6,.inup6{-webkit-transition-delay:1100ms;transition-delay:1100ms}.fadeinup7,.inup7{-webkit-transition-delay:1300ms;transition-delay:1300ms}.fadeinup8,.inup8{-webkit-transition-delay:1500ms;transition-delay:1500ms}.fadeinup9,.inup9{-webkit-transition-delay:1700ms;transition-delay:1700ms}}@media(max-width:1024px){.admistrative-tasks .flex-part-three div,.devices-app .flex-part-three{padding:20px}}@media all and (min-width:992px) and (max-width:1199px){.pagewrapper .content-wrap{width:94%}}@media all and (max-width:991px){.pagewrapper .content-wrap{padding:70px 0}.admistrative-tasks .flex-part-three div{padding:20px}.bnr-left h1{font-size:28px}.signup-box{display:block}.umain .app-banner .flex-content{max-width:700px}.umain .app-banner .bnr-left .flex-content{align-items:center}.umain .bnr-left,.umain .bnr-right{width:100%}.bnr-left{padding-right:5%;width:60%}.bnr-right{width:40%}.umain .bnr-right .apps-access{border:0;background:transparent;padding:0;text-align:left;justify-content:flex-start;margin:0}.umain .bnr-right .apps-access:before,.umain .bnr-right .apps-access:after{display:none}.slick-dotted.slick-slider{max-width:600px;margin:30px auto 0}.slick-initialized .slick-slide{padding:5px;margin-right:10px}.devices-app .flex-part-three{padding:20px}}@media(min-width:768px) and (max-width:991px){.pagewrapper .related-apps .content-wrap{padding:50px 20px}.admistrative-tasks .flex-part-three{width:50%}.signup-box{padding:20px}}@media all and (max-width:767px){.pagewrapper .content-wrap{padding:60px 0;max-width:600px}.pagewrapper .breadcrumb .content-wrap{padding-bottom:0}.flex-part-three{width:100%}.flex-part-five{width:50%;margin-bottom:20px}.flex-part-five:nth-child(3),.flex-part-five:last-child{margin-bottom:0}.breadcrumb li{font-size:16px}.app-icon{width:62px;height:62px}.bnr-left h1{font-size:26px}.app-banner h2{font-size:22px}.app-details{flex:inherit;margin:20px 0 0;width:100%}.signup-box{margin:10px 0 0;padding:20px}.bnr-left,.bnr-right{width:100%;padding-right:0}.app-image{margin-top:20px}.slick-dotted.slick-slider{max-width:400px;margin:30px auto 0}.app-preview h2{text-align:center}.pagewrapper .app-preview .content-wrap{padding:50px 0}.related-apps .flex-content{justify-content:flex-start}.pagewrapper .admistrative-tasks .content-wrap,.pagewrapper .devices-app .content-wrap{max-width:420px}.admistrative-tasks .flex-part-three{width:100%}.related-apps .related-apps-cnt{max-width:360px}}@media(max-width:420px){.related-apps .related-apps-cnt{max-width:240px}.flex-part-five{width:100%}.flex-part-five,.flex-part-five:nth-child(3){margin-bottom:20px}.flex-part-five:last-child{margin-bottom:0}}