.case-bg2{overflow:hidden;width:100%;background:url(../../images/banner-case.jpg) no-repeat;background-size:cover;position:relative;top:0}.case-bgcolor{background:#fff}.color1-text2{color:#f6ff00;font-size:.24rem}.expect-btn{border-radius:.2rem}.case-oncon{display:none}.case-showcon{display:block}.case-onul{width:100%;height:.5rem;background:#f6f8fb}.case-onul li{width:33.33%;float:left;line-height:.5rem;color:#333;text-align:center;font-size:.15rem}.case-onul li.caseon-action{color:#2f82ff;border-bottom:.02rem solid #2f82ff}.case-ul li{width:43%;margin:.12rem;background:#fff;float:left}.case-ul li img{width:1.4rem;display:block;margin:0 auto;margin-top:.08rem}.case-ul li p{font-size:.16rem;color:#3d3d3d;line-height:.35rem;text-align:center}.view-more-case{color:red;font-size:.16rem;font-weight:bold;text-align:center;display:block;margin-top:.3rem;margin-bottom:.3rem}.casetitle-des{font-size:.24rem;margin:.3rem;text-align:center}.case-banner-inner{margin-top:.1rem}.banner-button,.banner-button:hover{width:1.2rem;height:.38rem;color:#3191ff;border-radius:.2rem;line-height:.38rem;font-size:.16rem;background:#fff;display:block;text-align:center;margin:0 auto;margin-top:.3rem;margin-bottom:.4rem}.case-page2{margin-top:0}.case-ul{margin-top:0}.mobile-case-filter{position:relative;display:flex;align-items:flex-start;padding:.18rem .12rem;background:linear-gradient(180deg,#f8faff 0,#f3f7fd 100%)}.mobile-case-filter-scroll{flex:1;min-width:0;overflow-x:auto;padding:.01rem 0 .06rem;-webkit-overflow-scrolling:touch}.mobile-case-filter-scroll::-webkit-scrollbar{display:none}.mobile-case-filter-inner{display:flex;gap:.09rem;width:max-content;min-width:100%}.mobile-case-filter.expanded .mobile-case-filter-scroll{overflow:visible}.mobile-case-filter.expanded .mobile-case-filter-inner{flex-wrap:wrap;width:100%}.mobile-case-filter-toggle{position:relative;flex:0 0 .36rem;width:.36rem;height:.36rem;margin:.01rem 0 0 .08rem;padding:0;border:1px solid #dbe5f2;border-radius:.18rem;background:#fff;box-shadow:0 .05rem .14rem rgba(36,78,140,.12)}.mobile-case-filter-toggle:before,.mobile-case-filter-toggle:after{position:absolute;top:50%;width:.09rem;height:.02rem;border-radius:.01rem;background:#2f82ff;content:'';transition:transform .2s ease}.mobile-case-filter-toggle:before{left:.1rem;transform:rotate(45deg)}.mobile-case-filter-toggle:after{right:.1rem;transform:rotate(-45deg)}.mobile-case-filter.expanded .mobile-case-filter-toggle:before{transform:rotate(-45deg)}.mobile-case-filter.expanded .mobile-case-filter-toggle:after{transform:rotate(45deg)}.mobile-case-filter .item{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:.68rem;height:.36rem;padding:0 .15rem;border:1px solid #e1e8f2;border-radius:.18rem;box-sizing:border-box;background:#fff;box-shadow:0 .04rem .12rem rgba(36,78,140,.06);color:#4a5568;font-size:.14rem;line-height:1;white-space:nowrap}.mobile-case-filter .item.on{border-color:transparent;background:linear-gradient(135deg,#398cff 0,#286ff4 100%);box-shadow:0 .07rem .16rem rgba(47,130,255,.25);color:#fff}.mobile-case-list{display:flex;flex-wrap:wrap;gap:.14rem;padding:.18rem .12rem .28rem;box-sizing:border-box;background:#f6f8fb}.mobile-case-list li{float:none;width:calc(50% - .07rem);margin:0;box-sizing:border-box;background:transparent}.mobile-case-card{overflow:hidden;border:1px solid #edf1f7;border-radius:.12rem;background:#fff;box-shadow:0 .08rem .22rem rgba(30,60,100,.09)}.mobile-case-cover{position:relative;overflow:hidden;width:100%;background:#f4f7fb}.mobile-case-cover>img{display:block;width:100%;height:auto;margin:0}.mobile-case-qrcode{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:.12rem;box-sizing:border-box;background:rgba(16,29,50,.76);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mobile-case-card.qrcode-open .mobile-case-qrcode{opacity:1;visibility:visible}.mobile-case-qrcode img{width:72%;height:auto;max-height:84%;margin:0;border:.06rem solid #fff;border-radius:.08rem;box-sizing:border-box;background:#fff;object-fit:contain}.mobile-case-body{padding:0 .1rem .15rem}.mobile-case-title{overflow:hidden;height:.22rem;margin:0 0 .11rem;color:#27364b;font-size:.15rem;font-weight:500;line-height:.22rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-case-btn{display:block;width:100%;height:.34rem;border:1px solid #2f82ff;border-radius:.17rem;box-sizing:border-box;color:#2f82ff;font-size:.13rem;line-height:.32rem;text-align:center}.mobile-case-empty{display:none;padding:.7rem .2rem;background:#f6f8fb;color:#98a2b3;font-size:.15rem;text-align:center}.solution-case-preview,.solution-case-preview .case-page2,.solution-case-preview .mobile-case-list,.solution-case-preview .mobile-case-empty{background:#fff}.solution-case-preview{padding-top:.32rem}