section{background-color:#F4F5F9}.functionality-box{display:flex;align-items:center;flex-direction:column}.functionality-box .title h1{font-weight:bold;margin-top:60px}.functionality-box .nav-list{width:80%;margin-top:40px}.functionality-box .nav-list ul{padding:0;display:flex;justify-content:space-between}.functionality-box .nav-list ul li{width:200px;height:210px;border-radius:20px;background-color:#fff;box-shadow:9px 9px 15px #cccccc3f;padding:15px;display:flex;align-items:center;flex-direction:column;justify-content:space-around}.functionality-box .nav-list ul li p{margin:0;color:#758BFF;font-weight:bold;font-size:18px}.functionality-box .nav-list ul img{width:60px;height:70px}.functionality-box .big-img{padding:0;width:80%;height:630px;margin-top:40px;position:relative;display:flex}.functionality-box .big-img img{width:100%;height:100%}.functionality-box .big-img .text-box{top:20%;right:10%;height:50%;z-index:99;color:#fff;text-align:right;position:absolute;display:flex;flex-direction:column;justify-content:space-around}.functionality-box .big-img .text-box .tip{font-size:24px}.functionality-box .big-img .text-box .detail{width:340px;font-size:18px;text-align:left}.functionality-box .mode-box{width:80%;height:520px;margin-top:40px;padding:40px 0;border-radius:20px;background-color:#fff;display:flex;align-items:center;flex-direction:column}.functionality-box .mode-box .mode-title{display:flex;align-items:center;flex-direction:column}.functionality-box .mode-box .mode-title h1{font-weight:bold}.functionality-box .mode-box .mode-title p{font-size:20px;margin-top:10px;margin-bottom:0}.functionality-box .mode-box .mode-list{width:80%;height:100%;margin-top:20px;display:flex;align-items:center;justify-content:space-around}.functionality-box .mode-box .mode-list .mode-item{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:space-around}.functionality-box .mode-box .mode-list .mode-item .item-title{font-size:20px;font-weight:bold}.functionality-box .mode-box .mode-list .mode-item .item-title img{width:28px;height:28px}.functionality-box .mode-box .mode-list .mode-item .item-title .two{width:24px}.functionality-box .mode-box .mode-list .mode-item .item-title .three{width:24px;height:32px}.functionality-box .mode-box .mode-list .mode-item .body-img img{width:130px;height:220px}.functionality-box .mode-box .mode-list .mode-item .bottom-tip{display:flex;align-items:center;flex-direction:column}.functionality-box .mode-box .mode-list .mode-item .bottom-tip p{margin:0}.functionality-box .design-box{width:80%;margin-top:40px;display:flex;align-items:center;flex-direction:column}.functionality-box .design-box .design-title{display:flex;align-items:center;flex-direction:column}.functionality-box .design-box .design-title h1{font-weight:bold}.functionality-box .design-box .design-title p{font-size:20px;margin-top:10px}.functionality-box .design-box .design-list{width:100%;display:flex;justify-content:space-between}.functionality-box .design-box .design-list .design-item{width:48%;color:#fff;height:520px;padding:30px 0;border-radius:20px;display:flex;align-items:center;flex-direction:column;justify-content:space-around}.functionality-box .design-box .design-list .design-item .text{width:60%;height:40%;display:flex;flex-direction:column;justify-content:space-between}.functionality-box .design-box .design-list .design-item .text .tip p{font-size:22px}.functionality-box .design-box .design-list .design-item img{width:200px;height:200px}.functionality-box .design-box .design-list .one{background-color:#758BFF}.functionality-box .design-box .design-list .two{background-color:#FAA32A}.functionality-box .design-box .design-list .two img{width:230px}.applet-box{display:flex;align-items:center;flex-direction:column}.applet-box .title{display:flex;align-items:center;flex-direction:column}.applet-box .title h1{margin-top:60px;font-weight:bold;text-align:center}.applet-box .title p{font-size:20px;margin-top:10px;color:#4A4A4A}.applet-box .applet-item{width:80%;height:620px;margin:30px auto;border-radius:20px;background-color:#fff;padding:10px 40px 0px 40px;display:flex;align-items:flex-end;justify-content:space-between}.applet-box .applet-item .applet-show-detail{width:50%;height:100%}.applet-box .applet-item .applet-show-detail .applet-title{height:50%;display:flex;flex-direction:column;justify-content:space-around}.applet-box .applet-item .applet-show-detail .applet-title img{width:90px;height:90px}.applet-box .applet-item .applet-show-detail .applet-title h1{color:#3D3F4A;font-weight:bold}.applet-box .applet-item .applet-show-detail .applet-title p{color:#4A4A4A;font-size:24px}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item{display:flex;align-items:center}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item .left-img p{font-size:20px;margin-top:10px;margin-bottom:0;color:#3D3F4A;font-weight:bold}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item img{width:250px;height:110px}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item .order{width:80px;height:75px;margin-top:40px}.applet-box .applet-item .applet-show-detail .applet-img-box-one .bottom-item{display:flex;align-items:flex-end;justify-content:flex-end}.applet-box .applet-item .applet-show-detail .applet-img-box-one .bottom-item img{width:300px;height:130px}.applet-box .applet-item .applet-show-detail .applet-img-box-one .bottom-item p{font-size:20px;color:#3D3F4A;margin-bottom:0;font-weight:bold;margin-right:10px}.applet-box .applet-item .applet-show-detail .applet-img-box-two{display:flex;flex-direction:column;align-items:center}.applet-box .applet-item .applet-show-detail .applet-img-box-two img{width:370px;height:90px}.applet-box .applet-item .applet-show-detail .applet-img-box-two .right{width:100%;text-align:right}.applet-box .applet-item .applet-show-detail .applet-img-box-three{height:40%;display:flex;flex-direction:column;justify-content:center}.applet-box .applet-item .applet-show-detail .applet-img-box-three .list{width:90%;height:60%;display:flex;align-items:center;justify-content:space-between}.applet-box .applet-item .applet-show-detail .applet-img-box-three .list img{width:50px;height:55px}.applet-box .applet-item .applet-show-detail .applet-img-box-three .list .list-item{height:100px;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.applet-box .applet-item .applet-show-detail .applet-img-box-three .list .list-item p{margin:0;font-size:18px}.applet-box .applet-item .applet-show-detail .applet-img-box-three .bottom-tip{color:#737373}.applet-box .applet-item .applet-show-detail .applet-img-box-four{height:40%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.applet-box .applet-item .applet-show-detail .applet-img-box-four img{width:370px;height:100px}.applet-box .applet-item .applet-show-detail .applet-img-box-four .alone{width:250px}.applet-box .applet-item .right-img-box{width:470px;height:460px;position:relative}.applet-box .applet-item .right-img-box img{width:100%;height:100%}.applet-box .applet-item .right-img-box .show{width:350px;height:210px;top:60%;left:50%;transform:translate(-50%, -50%);z-index:99;position:absolute}.applet-box .applet-item .right-img-box .big-img{width:350px;height:320px}.applet-box .applet-item-reverse{flex-flow:row-reverse}.applet-box .applet-item-reverse .applet-title{align-items:flex-end}.more-feature-box{width:80%;padding-bottom:40px;display:flex;align-items:center;flex-direction:column}.more-feature-box .title{display:flex;align-items:center;flex-direction:column}.more-feature-box .title h1{margin-top:60px;font-weight:bold;text-align:center}.more-feature-box .title p{font-size:20px;margin-top:10px;color:#4A4A4A}.more-feature-box .feature-list{width:80%;display:flex;align-items:center;justify-content:space-between}.more-feature-box .feature-list .list-item{width:23%;height:340px;padding:30px 0;border-radius:20px;background-color:#fff;box-shadow:9px 9px 15px #cccccc3f;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.more-feature-box .feature-list .list-item img{width:120px;height:120px}.more-feature-box .code{margin-top:40px;display:flex;align-items:center;flex-direction:column}.more-feature-box .code img{width:200px;height:200px}.more-feature-box .code .text{width:250px;height:60px;color:#fff;font-size:18px;margin-top:20px;line-height:60px;text-align:center;border-radius:30px;background-color:#5668FF}@media screen and (max-width:1200px){.functionality-box .nav-list,.functionality-box .big-img,.functionality-box .mode-box,.functionality-box .design-box{width:90%}.applet-box .applet-item{width:90%;padding:10px 20px 0px 20px}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item .left-img p{font-size:1.8vw}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item img{width:25vw;height:12vw}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item .order{width:8vw;height:8vw;margin-top:5.2vw}.applet-box .applet-item .applet-show-detail .applet-img-box-one .bottom-item p{font-size:1.8vw}.applet-box .applet-item .applet-show-detail .applet-img-box-one .bottom-item img{width:25vw;height:12vw}}@media screen and (max-width:960px){.functionality-box .nav-list{width:55%}.functionality-box .nav-list ul{flex-wrap:wrap}.functionality-box .nav-list ul li{margin:20px auto}.functionality-box .big-img{height:520px}.functionality-box .big-img .text-box{top:30%;right:5%;height:60%}.functionality-box .big-img .text-box .tip{font-size:3vw}.functionality-box .big-img .text-box .detail{font-size:2vw}.applet-box .applet-item{width:100%}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item .left-img p{font-size:1.8vw}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item img{width:25vw;height:12vw}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item .order{width:8vw;height:8vw;margin-top:5.2vw}.applet-box .applet-item .applet-show-detail .applet-img-box-one .bottom-item p{font-size:1.8vw}.applet-box .applet-item .applet-show-detail .applet-img-box-one .bottom-item img{width:25vw;height:12vw}.applet-box .applet-item .applet-show-detail .applet-img-box-four img{width:42vw;height:11vw}.applet-box .applet-item .right-img-box{width:61vw;height:59vw}.applet-box .applet-item .right-img-box .show{width:40vw;height:22vw}.applet-box .applet-item .right-img-box .big-img{width:43vw;height:40vw}.more-feature-box .feature-list .list-item{height:300px}.more-feature-box .feature-list .list-item img{width:12vw;height:12vw}.more-feature-box .feature-list .list-item h4{font-size:2.5vw}.more-feature-box .feature-list .list-item p{font-size:1.5vw}}@media screen and (max-width:768px){.functionality-box .nav-list{width:80%}.functionality-box .nav-list ul{flex-wrap:wrap}.functionality-box .nav-list ul li{margin:2vw auto}.functionality-box .big-img{height:450px}.functionality-box .design-box .design-list .design-item{height:70vw}.functionality-box .design-box .design-list .design-item .text h1{font-size:3.5vw}.functionality-box .design-box .design-list .design-item .text .tip p{font-size:2.5vw}.functionality-box .design-box .design-list .design-item img{width:26vw;height:26vw}.functionality-box .design-box .design-list .design-item .two img{width:27vw}.applet-box .applet-item{width:90%;height:100%;padding:30px 40px 0px 40px;flex-direction:column;align-items:center}.applet-box .applet-item .applet-show-detail{width:100%}.applet-box .applet-item .applet-show-detail .applet-title{height:180px;align-items:center;justify-content:space-between}.applet-box .applet-item .applet-show-detail .applet-title img{width:70px;height:70px}.applet-box .applet-item .applet-show-detail .applet-title h1{font-size:4vw}.applet-box .applet-item .applet-show-detail .applet-title p{font-size:2.6vw}.applet-box .applet-item .applet-show-detail .applet-img-box-one{margin:20px auto;display:flex;flex-direction:column;align-items:center}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item{width:100%}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item .left-img p{font-size:18px}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item img{width:35vw;height:15vw}.applet-box .applet-item .applet-show-detail .applet-img-box-one .top-item .order{width:15vw;height:15vw;margin-top:5.2vw}.applet-box .applet-item .applet-show-detail .applet-img-box-one .bottom-item{width:100%}.applet-box .applet-item .applet-show-detail .applet-img-box-one .bottom-item p{font-size:18px}.applet-box .applet-item .applet-show-detail .applet-img-box-one .bottom-item img{width:35vw;height:15vw}.applet-box .applet-item .applet-show-detail .applet-img-box-two{margin:20px auto}.applet-box .applet-item .applet-show-detail .applet-img-box-two .right{text-align:center}.applet-box .applet-item .applet-show-detail .applet-img-box-three{margin:20px auto}.applet-box .applet-item .applet-show-detail .applet-img-box-three .list{width:100%;margin-bottom:10px;justify-content:space-between}.applet-box .applet-item .applet-show-detail .applet-img-box-three .list .list-item p{font-size:2.5vw}.applet-box .applet-item .applet-show-detail .applet-img-box-three .bottom-tip{width:100%;text-align:center;font-size:2.2vw}.applet-box .applet-item .applet-show-detail .applet-img-box-four{margin:20px auto}.applet-box .applet-item .applet-show-detail .applet-img-box-four .alone{width:28vw;margin-top:20px}.applet-box .applet-item .right-img-box .show{width:45vw;height:28vw}.applet-box .applet-item .right-img-box .big-img{width:43vw;height:40vw}.more-feature-box{width:90%}.more-feature-box .feature-list{width:90%;flex-wrap:wrap}.more-feature-box .feature-list .list-item{width:45%;height:42vw;margin:1.5vw auto;padding:20px 0}.more-feature-box .feature-list .list-item img{width:15.5vw;height:15.5vw}.more-feature-box .feature-list .list-item h4{font-size:3.5vw}.more-feature-box .feature-list .list-item p{font-size:2vw}.more-feature-box .code img{width:26vw;height:26vw}.more-feature-box .code .text{width:32vw;height:8vw;line-height:8vw;font-size:2.5vw}}@media screen and (max-width:600px){.functionality-box .nav-list{width:100%}.functionality-box .nav-list ul li{width:180px;height:190px}.functionality-box .big-img{width:100%;height:300px}.functionality-box .mode-box{width:100%;height:450px;padding:30px 0}.functionality-box .mode-box .mode-list{width:100%;margin-top:10px}.functionality-box .mode-box .mode-list .mode-item .item-title span{font-size:4vw}.functionality-box .mode-box .mode-list .mode-item .item-title img{width:20px;height:20px}.functionality-box .mode-box .mode-list .mode-item .item-title .two{width:18px}.functionality-box .mode-box .mode-list .mode-item .item-title .three{width:18px;height:26px}.functionality-box .mode-box .mode-list .mode-item .body-img img{width:110px;height:200px}.functionality-box .mode-box .mode-list .mode-item .bottom-tip p{font-size:3vw}.applet-box .applet-item .applet-show-detail .applet-img-box-two img{width:50vw;height:13vw}.applet-box .applet-item .applet-show-detail .applet-img-box-three .list .list-item{height:75px}.applet-box .applet-item .applet-show-detail .applet-img-box-three .list .list-item img{width:10vw;height:9.5vw}}@media screen and (max-width:520px){.functionality-box .nav-list{width:100%}.functionality-box .nav-list ul li{width:165px;height:175px}}/*# sourceMappingURL=./product.css.map */