*{margin:0;padding:0}body,html{overflow-x:hidden;height:100%}img{width:100%}:root{--primary-color:#ff434f;--second-color:#e3e3e3;--text-color-lightest:#e7e9ec;--text-color-darker:#2e2e2e;--text-color-dark:#494949;--text-color-gray:#8b8b8b;--text-color-dark-gray:#727272;--text-color-light-gray:#c6c6c6;--backdrop-color:rgba(42,42,42,0.69)}.container,header{width:100vw}header{height:80px;display:grid;grid-template-columns:1fr 1.5fr;align-items:center;position:relative;z-index:200}.logo{font-size:27px;font-weight:600;font-family:sans-serif;color:var(--text-color-lightest);margin-left:40px}header nav{justify-self:end}header nav a,header nav i{color:var(--text-color-lightest)}header nav a{text-decoration:none;margin:0 24px}header .burger{display:none}header.sticky{position:fixed;background-color:#fff;box-shadow:0 0 18px rgba(0,0,0,.3);animation:dropdown .4s ease-in-out forwards}header.sticky .logo,header.sticky nav a,header.sticky nav i{color:var(--text-color-darker)}@keyframes dropdown{0%{transform:translateY(-100px)}to{transform:translateY(0)}}.carousel{position:relative;top:-80px;z-index:50}.carousel_slide img,.carousel_slide video{width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover}.carousel-caption{position:absolute;z-index:70;color:var(--text-color-lightest);text-align:center;max-width:60vw}.carousel_slide{display:flex;align-items:center;justify-content:center}.carousel-caption h1{font-size:45px;font-weight:600}.carousel-caption h3{font-size:22px;margin:48px 0}.carousel-caption.left{max-width:80vw;text-align:left}.carousel-caption>*{opacity:0}.backdrop{background:var(--backdrop-color);z-index:60;position:absolute;width:100%;height:100%;left:0;top:0;opacity:.5}.explore-btn{padding:10px 23px;background-color:var(--primary-color);border:0;border-radius:4px;color:var(--text-color-lightest);font-size:16px;cursor:pointer;outline:none}.content-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column}section{display:grid;justify-items:center;max-width:1180px;padding:0 80px}.section-bg{position:relative}.section-bg:before{content:"";display:block;position:absolute;background-color:#f9fbfb;width:100vw;height:calc(100% + 40px);z-index:-1}.title1{font-size:34px;color:var(--text-color-darker)}.title1:after{content:"";display:block;width:80%;height:4px;background-color:var(--primary-color);margin-top:13px;transform:translateX(10%)}.intro{font-size:18px;color:var(--text-color-dark-gray);margin:28px 0 64px 0}.about-us{padding-bottom:32px}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:126px 126px;-moz-column-gap:5vw;column-gap:5vw}.feature{display:grid;grid-template-areas:"icon title" "icon content";grid-template-columns:60px 1fr;grid-template-rows:1fr 3fr}.feature i.fa{grid-area:icon;color:var(--primary-color);font-size:34px}.feature-title{grid-area:title;font-size:18px;color:var(--text-color-darker)}.feature-content{grid-area:content;font-size:14px;color:var(--text-color-dark-gray)}.showcases{max-width:unset;padding-top:73px;padding-bottom:20px}.filter-btns{font-size:16px;margin-top:54px;margin-bottom:35px}.filter-btn{margin:0 7px;background-color:var(--second-color);border:0;color:var(--text-color-dark-gray);padding:10px 17px;cursor:pointer;border-radius:4px;transition:.4s}.filter-btn:active,.filter-btn:focus{outline:none}.filter-btn.active,.filter-btn:hover{background-color:var(--primary-color);color:#fff}.showcases .cases{width:100vw}.showcases .case-item{width:25vw;height:20vw;overflow:hidden}.case-item img{height:100%;-o-object-fit:cover;object-fit:cover}.service{padding-top:130px}.services{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;row-gap:34px;-moz-column-gap:38px;column-gap:38px}.service-item{display:grid;grid-template-areas:"icon title" "icon content";grid-template-columns:70px 1fr;grid-template-rows:1fr 3fr;padding:24px;box-shadow:0 0 18px rgba(0,0,0,.06)}.service-item i.fa{grid-area:icon;font-size:42px;color:var(--primary-color);padding-top:6px}.service-item .service-title{grid-area:title;color:var(--text-color-darker);font-size:22px}.service-item .service-content{grid-area:content;color:var(--text-color-dark-gray);line-height:30px;font-size:14px;margin-top:8px}.team-intro{padding-top:65px;margin-top:50px;padding-bottom:50px}.team-numbers{display:grid;grid-template-columns:repeat(4,1fr);-moz-column-gap:20px;column-gap:20px;margin-top:78px}.team-number{background-color:#fff;box-shadow:0 0 24px rgba(0,0,0,.2);text-align:center;padding-bottom:28px;transition:.4s;display:grid;justify-items:center}.profile-image{overflow:hidden}.profile-image .img{width:100%;height:390px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.team-number .name{margin-top:18px;font-size:18px;font-weight:500;color:var(--text-color-darker)}.team-number .position{color:var(--text-color-dark-gray);margin-top:12px;margin-bottom:18px}.social-links{width:100%;max-width:200px;display:flex;justify-content:space-between;padding:0 50px}.social-links li{list-style:none}.social-links li a{color:var(--text-color-dark);text-decoration:none}.team-number:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 0 36px rgba(0,0,0,.1)}.data-section{max-width:unset;width:100vw;height:240px;background-size:cover;background-position:50%;display:grid;grid-template-columns:repeat(4,minmax(auto,220px));justify-content:center;align-items:center;position:relative;z-index:20}.data-section:before{content:"";display:block;position:absolute;background-color:var(--backdrop-color);width:100%;height:100%;z-index:1}.data-piece{width:250px;display:grid;grid-template-rows:repeat(3,1fr);justify-items:center;color:#fff;position:relative;z-index:40}.data-piece i.fa{font-size:36px}.data-piece .num{margin-top:7px;font-size:30px;font-weight:600}.data-piece .data-desc{margin-top:7px;font-size:15px}.company-activities{margin-top:85px}.activities{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:34px;column-gap:34px}.activity{box-shadow:0 0 34px rgba(0,0,0,.1);padding:24px;transition:.4s;position:relative}.act-image-wrapper{height:265px;overflow:hidden;margin:-24px -24px 0}.act-image-wrapper .img{min-height:300px;-o-object-fit:cover;object-fit:cover}.activity .meta{margin-top:20px;margin-bottom:12px;color:var(--text-color-dark-gray);font-size:12px;display:flex}.activity .meta>p:last-child{margin-left:70px}.act-title{font-size:16px;color:var(--text-color-dark);margin-bottom:18px}.activity article{color:var(--text-color-gray);letter-spacing:.54px;line-height:29px;font-size:14px}.activity .read-more-btn{bottom:0;right:0;margin-bottom:2px;position:absolute;border:0;background-color:var(--primary-color);color:#fff;border-radius:4px;padding:6px 10px;font-size:10px}.activity .read-more-btn:hover{cursor:pointer;color:#fff;background-color:#ff2c2e}.activity:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 0 34px rgba(0,0,0,.5)}footer{margin-top:120px;background-color:#181818;padding-top:72px;padding-bottom:24px}.footer-menus{display:flex;width:100%;max-width:1180px;padding:0 70px;position:relative;justify-content:center}.contact-us{flex:4;justify-self:start;color:var(--text-color-lightest)}.contact-us p:not(:first-child){padding-bottom:16px}.footer-menu{flex:2}.menu-title{font-size:16px;color:#fff;font-weight:500;margin-bottom:20px}.menu-items li{list-style:none;padding-bottom:8px}.menu-items li a{text-decoration:none;font-weight:300;color:var(--text-color-light-gray)}.icp-info{margin-top:24px;margin-bottom:16px}.icp-info,.rights{text-align:center;justify-self:center;color:#fff;font-size:13px;margin-bottom:15px}.scroll-to-top{display:none}.scroll-to-top a{width:25px;height:25px;font-size:12px;background-color:var(--primary-color);border-radius:4px;color:#fff;position:fixed;text-align:center;padding:5px 3px 0;right:20px;bottom:80px;z-index:999;transition:.4s;box-shadow:0 0 20px rgba(0,0,0,.2)}@media (max-width:1080px){header{grid-template-columns:repeat(2,1fr)}header nav{display:none}header .burger{display:block;width:20px;height:6px;position:relative;justify-self:end;margin-right:30px;cursor:pointer}.burger-line1,.burger-line2,.burger-line3{width:20px;height:2px;background-color:var(--text-color-lightest)}.burger-line1{position:absolute;top:-6px}.burger-line3{position:absolute;top:6px}header.open nav{display:grid;position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:#fff;grid-auto-rows:max-content;justify-items:end;opacity:0;animation:slideDown .6s ease-out forwards}header.open nav>*{color:var(--text-color-darker);animation:showMenu .5s linear .4s forwards;font-size:16px;margin:4px 50px;opacity:0}header.open nav>i.fa{margin-bottom:15px}header.open .burger-line1,header.open .burger-line2,header.open .burger-line3,header.sticky .burger-line1,header.sticky .burger-line2,header.sticky .burger-line3{background-color:var(--text-color-darker)}header.open .burger-line1{transform:rotate(45deg) translate(3px,5px)}header.open .burger-line2{transform:translateX(5px);opacity:0}header.open .burger-line3{transform:rotate(-45deg) translate(3px,-5px)}header.open .logo{z-index:40;color:var(--text-color-darker)}@keyframes slideDown{0%{height:0;opacity:0}to{height:100vh;padding-top:70px;opacity:1}}@keyframes showMenu{0%{opacity:0;transform:translateY(-1vh)}to{opacity:1;transform:translateY(0)}}.service-item .service-title{font-size:18px}.service-item .service-content{font-size:12px;line-height:22px}.team-numbers{-moz-column-gap:6vw;column-gap:6vw;row-gap:40px}.activities,.team-numbers{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.carousel-caption h1{font-size:35px}.carousel-caption h3{font-size:18px}.features,.services{grid-template-columns:repeat(2,1fr);grid-template-rows:unset}.data-section{grid-template-columns:repeat(2,minmax(200px,auto));padding:24px 0;row-gap:24px;background-size:200%}.showcases .case-item{width:33.33333vw}.footer-menus{padding:0 20px}}@media (max-width:768px){.footer-menus,section{padding:0 60px}.footer-menus{display:grid;grid-template-columns:2fr repeat(2,1fr);row-gap:24px}.contact-us{grid-row:1/3}.activities{row-gap:45px}.activities,.data-section{grid-template-columns:repeat(1,1fr)}.data-section{background-size:250%;height:auto}.team-numbers{grid-template-columns:repeat(1,350px);row-gap:50px}.profile-image{height:250px}.features,.services{grid-template-columns:repeat(1,1fr)}.showcases .case-item{width:50vw;height:30vw}}@media(max-width:576px){.carousel-caption h1{font-size:28px}.carousel-caption h3{font-size:14px}.explore-btn{font-size:12px;padding:5px 15px}.showcases .case-item{width:100vw;height:50vw}.footer-menus{grid-template-columns:1fr}}.box{height:621px}.j-left{width:500px;margin-top:42px;float:left}.j-left p{font-size:16px;color:#666;line-height:24px;padding-bottom:30px}.j-left p em{display:block;font-size:22px;color:#2c93e8;line-height:50px}.j-right{float:right;width:667px}.logo-div{margin-top:80px;display:flex;align-items:center}.logo-img{margin-right:10px}.title-div{margin-top:80px;float:right;padding:10px}.title-home,.title-policy,.title-service{float:right;padding-left:50px;font-weight:500;font-size:30px;color:#fff}.div-introduce{margin-top:100px;width:954px;font-weight:500}.div-app,.div-introduce{padding-left:150px;font-family:Inter;font-size:30px;color:#fff;line-height:60px;text-align:left;font-style:normal;text-transform:none}.div-app{margin-top:15px;height:100px;font-weight:400}.sp-app{font-size:50px;color:#ffc850}.div-download{padding-left:140px;display:flex;align-items:center}.div-apple{background:linear-gradient(90deg,#7a92ea,#f840db 38%,#fbc79b);border-radius:58px 58px 58px 58px}.div-android,.div-apple{padding-left:34px;padding-right:34px;height:77px;text-align:center;display:flex;align-items:center}.div-android{margin-top:10px;margin-left:50px;border-radius:58px 58px 58px 58px;border:2px solid #fff}.p-android,.p-apple{margin-left:5px;font-size:24px;color:#fff;line-height:28px;text-align:left}.div-contact,.p-android,.p-apple{font-family:Inter;font-weight:500;font-style:normal;text-transform:none}.div-contact{position:absolute;bottom:20px;width:100%;padding:10px;font-size:30px;color:#ca92fc;line-height:35px;text-align:center}.container{position:relative;width:100%;height:100%;background-image:url(../img/foodiesbox_home.cafa1f48.png);background-size:100% 100%}.logo_text{width:148px;height:85px;font-family:Inter;font-weight:500;font-size:70px;color:#fff;line-height:82px;text-align:left;font-style:normal;text-transform:none}.ios img{width:51px;height:62px;left:114px;top:21px}.ios img,.ios p{position:absolute}.ios p{width:240px;height:28px;font-size:26px;left:187px;top:39px}.anzhuo p,.ios p{color:#00dcdc}ul{position:absolute;right:0;top:52px}li{font-size:26px;color:#fff;display:inline-block;margin-right:46px}li img{width:24px;height:24px}