@keyframes rowups-data-v-4ac7b770{0%{transform:translateX(0)}to{transform:translateX(-6055px)}}@font-face{font-family:DingTalk;src:url(//js.houzi8.com/client/fonts/DingTalk.faa33a7.woff)}@font-face{font-family:OPPOSans;src:url(//js.houzi8.com/client/fonts/OPPOSans.7ec4f5f.ttf)}.case-index#content[data-v-4ac7b770]{background-color:#fff;padding-bottom:60px}.case-index#content .banner[data-v-4ac7b770]{height:4.32rem;background:linear-gradient(180deg,#212742,#212742);flex-direction:column;justify-content:space-between}.case-index#content .banner .center[data-v-4ac7b770]{width:12rem;margin:0 auto;align-items:flex-end;justify-content:space-between}.case-index#content .banner .center .left[data-v-4ac7b770]{flex:1}.case-index#content .banner .center .left>h1[data-v-4ac7b770]{font-size:.6rem;color:#fff;line-height:.72rem;font-family:DingTalk;font-weight:400}.case-index#content .banner .center .left>h1 span[data-v-4ac7b770]{color:transparent;background:linear-gradient(90deg,#ff504e,#ff2d2d);-webkit-background-clip:text}.case-index#content .banner .center .left>p[data-v-4ac7b770]{padding:.74rem 0 .1rem;font-size:.2rem;color:#fff;line-height:.35rem;letter-spacing:1px;font-weight:400}.case-index#content .banner .center .left .advantage[data-v-4ac7b770]{margin:.3rem 0 .4rem;grid-gap:0 .14rem;gap:0 .14rem}.case-index#content .banner .center .left .advantage li[data-v-4ac7b770]{width:1.2rem;height:.44rem;line-height:.42rem;text-align:center;background:hsla(0,0%,100%,.04);border-radius:.08rem;border:.01rem solid hsla(0,0%,100%,.04);-webkit-backdrop-filter:blur(36px);backdrop-filter:blur(36px);font-size:.16rem;color:hsla(0,0%,100%,.7)}.case-index#content .banner .center .left>a[data-v-4ac7b770]{display:block;width:2.8rem;height:.56rem;line-height:.56rem;text-align:center;background:#fff;border-radius:.28rem;font-size:.2rem;color:#1d2129;font-weight:600}.case-index#content .banner .center .left>a[data-v-4ac7b770]:hover{background:hsla(0,0%,100%,.9)}.case-index#content .banner .center .right[data-v-4ac7b770]{overflow:hidden;margin-left:.2rem;flex:1}.case-index#content .banner .center .right .shadow[data-v-4ac7b770]{position:absolute;z-index:1;width:100%;height:2.87rem;background:linear-gradient(270deg,#212742,rgba(33,39,66,.7) 17%,rgba(33,39,66,.11) 31%,rgba(33,39,66,0) 71%,rgba(33,39,66,.7) 85%,#212742)}.case-index#content .banner .center .right .brand[data-v-4ac7b770]{width:14.26rem;height:2.87rem;text-align:center;position:relative;overflow:hidden}.case-index#content .banner .center .right .brand img[data-v-4ac7b770]{width:7.13rem;height:2.87rem}.case-index#content .banner .step-box[data-v-4ac7b770]{height:.7rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case-index#content .banner .step-box .step[data-v-4ac7b770]{width:12rem;height:100%;align-items:center;margin:0 auto}.case-index#content .banner .step-box .step[data-v-4ac7b770] .el-carousel__container{height:.7rem}.case-index#content .banner .step-box .step .list[data-v-4ac7b770]{height:.7rem;align-items:center;justify-content:space-between}.case-index#content .banner .step-box .step .list .music[data-v-4ac7b770]{margin:inherit;background:rgba(29,33,41,.7);border:.01rem solid hsla(0,0%,100%,.1)}.case-index#content .banner .step-box .step .list .music .iconfont[data-v-4ac7b770]{color:hsla(0,0%,100%,.7)}.case-index#content .banner .step-box .step .list .music .iconfont[data-v-4ac7b770]:hover{color:#fff}.case-index#content .banner .step-box .step .list .music p a[data-v-4ac7b770]{color:hsla(0,0%,100%,.7)}.case-index#content .banner .step-box .step .list .music p a[data-v-4ac7b770]:hover{color:#fff}.case-index#content .banner .step-box .step .list .music p span[data-v-4ac7b770]{color:hsla(0,0%,100%,.3)}.case-index#content .banner .step-box .step .title[data-v-4ac7b770]{font-size:.18rem;font-weight:600;color:#fff;position:relative}.case-index#content .banner .step-box .step .title span[data-v-4ac7b770]{margin-top:.08rem;width:4.26rem;display:inline-block;line-height:.29rem}.case-index#content .banner .step-box .step .title[data-v-4ac7b770]:before{position:absolute;top:.2rem;right:-4.5rem;content:"";width:4rem;height:.01rem;background:hsla(0,0%,100%,.3)}.case-index#content .banner .step-box .step .title[data-v-4ac7b770]:after{position:absolute;top:.17rem;right:-4.51rem;content:"";width:.01rem;height:.08rem;background:hsla(0,0%,100%,.3)}.case-index#content .banner .step-box .step li[data-v-4ac7b770]{position:relative;font-size:.16rem;color:hsla(0,0%,100%,.5)}.case-index#content .banner .step-box .step li img[data-v-4ac7b770]{position:absolute;bottom:-.1rem;left:0;width:1.41rem;height:.08rem}.case-index#content .banner .step-box .step li[data-v-4ac7b770]:last-child{color:#fff}.case-index#content .banner .step-box .step li[data-v-4ac7b770]:not(:last-child){margin-right:1.4rem}.case-index#content .banner .step-box .step li[data-v-4ac7b770]:not(:last-child):before{position:absolute;top:.11rem;right:-1.15rem;content:"";width:.8rem;height:.01rem;background:hsla(0,0%,100%,.3)}.case-index#content .banner .step-box .step li[data-v-4ac7b770]:not(:last-child):after{position:absolute;top:.075rem;right:-1.16rem;content:"";width:.01rem;height:.08rem;background:hsla(0,0%,100%,.3)}.case-index#content .all-case[data-v-4ac7b770]{width:12rem;margin:.5rem auto 0}.case-index#content .all-case .switch-list[data-v-4ac7b770]{height:.52rem;display:flex;justify-content:space-between;border-bottom:.01rem solid #e5e6eb;margin-bottom:.37rem}.case-index#content .all-case .switch-list>.switch__active-bar[data-v-4ac7b770]{display:none;height:.03rem;background:#1d2129;position:absolute;left:0;bottom:-.02rem;transition:transform .3s}.case-index#content .all-case .switch-list>.switch-item[data-v-4ac7b770]{display:block;font-family:Arial;font-size:.18rem;color:rgba(39,39,39,.5);line-height:.3rem;font-weight:600;position:relative;margin-bottom:.3rem}.case-index#content .all-case .switch-list>.switch-item.active[data-v-4ac7b770],.case-index#content .all-case .switch-list>.switch-item[data-v-4ac7b770]:hover{font-weight:600;color:#222}.case-index#content .case-list>li[data-v-4ac7b770]{width:2.82rem;height:2.8rem;background:#fff;box-shadow:0 0 .04rem 0 rgba(29,33,41,.08);border-radius:.12rem;border:.01rem solid #f2f3f5}.case-index#content .case-list>li>.cover[data-v-4ac7b770]{width:2.62rem;height:1.21rem;background-repeat:no-repeat;background-position:50%;background-size:cover;margin:.1rem;border-radius:.08rem;overflow:hidden}.case-index#content .case-list>li>.cover>.btn-box[data-v-4ac7b770]{height:100%;background:rgba(0,0,0,.3);text-align:center;transition:all .2s;opacity:0;display:flex;justify-content:center;align-items:center}.case-index#content .case-list>li>.cover>.btn-box>button[data-v-4ac7b770]{font-size:50px;color:#fff}.case-index#content .case-list>li>.cover:hover>.btn-box[data-v-4ac7b770]{opacity:1}.case-index#content .case-list>li>a.title[data-v-4ac7b770]{display:block;width:2.48rem;border-bottom:.01rem solid #f2f2f2;padding-bottom:.16rem;margin:auto auto .16rem}.case-index#content .case-list>li>a.title>p.company[data-v-4ac7b770]{font-size:.18rem;font-weight:600;color:#1d2129}.case-index#content .case-list>li>a.title>p.company[data-v-4ac7b770]:hover{color:red}.case-index#content .case-list>li>a.title>p.title[data-v-4ac7b770]{margin-top:.04rem;font-size:.14rem;color:#86909c}.case-index#content .music[data-v-4ac7b770]{width:2.62rem;height:.42rem;background:#f7f8fa;border-radius:.21rem;border:.01rem solid #f2f3f5;display:flex;justify-content:space-between;align-items:center;padding:0 .1rem;margin:auto}.case-index#content .music>p[data-v-4ac7b770]{font-size:.14rem;font-weight:600;color:#272727;flex:1 1;align-items:center}.case-index#content .music>p .iconfont[data-v-4ac7b770]{font-size:.22rem;cursor:pointer;color:#1d2129;margin-right:.06rem}.case-index#content .music>p .iconfont[data-v-4ac7b770]:hover{color:#ff3929}.case-index#content .music>p a[data-v-4ac7b770]{display:inline-block;width:1.75rem}.case-index#content .music>p a[data-v-4ac7b770]:hover{color:red}.case-index#content .music>p span[data-v-4ac7b770]{font-weight:400;font-size:.14rem;color:#86909c}.theme-dark .case-index#content[data-v-4ac7b770]{background-color:#222229}.theme-dark .case-index#content .all-case .switch-list[data-v-4ac7b770]{border-color:hsla(0,0%,100%,.3)}.theme-dark .case-index#content .all-case .switch-list .switch__active-bar[data-v-4ac7b770]{background:#fff}.theme-dark .case-index#content .all-case .switch-list .switch-item[data-v-4ac7b770]{color:hsla(0,0%,100%,.3)}.theme-dark .case-index#content .all-case .switch-list .switch-item.active[data-v-4ac7b770],.theme-dark .case-index#content .all-case .switch-list .switch-item[data-v-4ac7b770]:hover{color:#fff}.theme-dark .case-index#content .case-list>li[data-v-4ac7b770]{background:hsla(0,0%,100%,.1);box-shadow:0 .06rem .24rem 0 rgba(29,33,41,.12);border:.01rem solid hsla(0,0%,100%,.1)}.theme-dark .case-index#content .case-list>li .title[data-v-4ac7b770]{border-color:hsla(0,0%,100%,.1)}.theme-dark .case-index#content .case-list>li .title .company[data-v-4ac7b770]{color:#fff}.theme-dark .case-index#content .case-list>li .title .title[data-v-4ac7b770]{color:hsla(0,0%,100%,.5)}.theme-dark .case-index#content .case-list>li .music[data-v-4ac7b770]{border-color:hsla(0,0%,100%,.06);background:hsla(0,0%,100%,.06)}.theme-dark .case-index#content .case-list>li .music .iconfont[data-v-4ac7b770],.theme-dark .case-index#content .case-list>li .music p a[data-v-4ac7b770]{color:hsla(0,0%,100%,.7)}.theme-dark .case-index#content .case-list>li .music p a[data-v-4ac7b770]:hover{color:#fff}.theme-dark .case-index#content .case-list>li .music p span[data-v-4ac7b770]{color:hsla(0,0%,100%,.3)}