.casemenu{background:#000000;margin:0 auto;padding-top:1rem;position:relative}.casemenu h2{width:100%;text-align:center;font-size:.64rem;font-weight:700;color:#fff;line-height:1.2rem;position:relative;margin-bottom:1.23rem;height:.92rem}.casemenu h2:after{content:"";width:.2rem;height:.08rem;background:#0047BD;position:absolute;left:50%;top:calc(100% + .32rem);-webkit-transform:translateX(-50%);transform:translate(-50%)}.casemenu .swiper-box{width:19.2rem;height:4.05rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.casemenu .swiper-box .swiper{position:relative;-webkit-transition:opacity .3s;transition:opacity .3s;overflow:visible}.casemenu .swiper-box .swiper .swiper-wrapper{-webkit-transition-timing-function:cubic-bezier(.36,0,.24,1);transition-timing-function:cubic-bezier(.36,0,.24,1)}.casemenu .swiper-box .swiper .swiper-wrapper .swiper-slide{width:7.5rem;height:4.05rem;padding-left:.86rem;padding-right:.86rem;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer}.casemenu .swiper-box .swiper .swiper-wrapper .swiper-slide .slide__block{width:100%;height:100%;-webkit-transform:perspective(15rem);transform:perspective(15rem);position:relative;pointer-events:none}.casemenu .swiper-box .swiper .swiper-wrapper .swiper-slide .slide__block:after{content:"";display:block;width:2.8rem;height:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),to(#000000));background:linear-gradient(270deg,rgba(0,0,0,0) 0%,#000000 100%);opacity:.5;position:absolute;top:0;left:0;z-index:1}.casemenu .swiper-box .swiper .swiper-wrapper .swiper-slide .slide__block .slide__pic{width:100%;height:100%;display:block}.casemenu .swiper-box .swiper .swiper-wrapper .swiper-slide .slide__label{color:#fff;font-size:.64rem;line-height:.8rem;font-weight:700;text-align:right;position:absolute;top:50%;right:7.1rem;z-index:2;white-space:nowrap;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:perspective(15rem) translateY(-50%);transform:perspective(15rem) translateY(-50%);pointer-events:none}.casemenu .swiper-box .navigation{position:absolute;right:3.2rem;bottom:.72rem;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:8}.casemenu .swiper-box .navigation div{border-radius:100%;width:.8rem;height:.8rem;border:.01rem solid rgba(255,255,255,.2);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:.3s;transition:.3s;outline:none}.casemenu .swiper-box .navigation div i{width:.8rem;height:.8rem;background:url(/assets/ic_enter.d91eb8df.svg) no-repeat center 45%;background-size:.36rem auto}.casemenu .swiper-box .navigation div:nth-child(1) i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.casemenu .swiper-box .navigation div:nth-child(2){margin-left:.2rem}.casemenu .swiper-box .navigation div:hover{border:.01rem solid rgba(255,255,255,.4)}html.web .casemenu .swiper-box .common-label,html.web .casemenu .swiper-box .btn-more,html.web .casemenu .swiper-box .slide__pic.portrait{display:none!important}html.portrait .casemenu{height:5.4rem;padding-top:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000000}html.portrait .casemenu h2{font-size:.24rem;font-weight:700;color:#fff;line-height:1;position:relative;margin-bottom:.74rem;height:.35rem}html.portrait .casemenu h2:after{content:"";width:.16rem;height:.04rem;background:#0047BD;position:absolute;left:50%;top:calc(100% + .16rem);-webkit-transform:translateX(-50%);transform:translate(-50%)}html.portrait .casemenu .swiper-box{width:100%;height:unset}html.portrait .casemenu .swiper-box .common-label{font-size:.24rem;line-height:.32rem;font-weight:700;text-align:left;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:perspective(15rem);transform:perspective(15rem);color:#fff;position:absolute;z-index:5;top:.96rem;left:.2rem}html.portrait .casemenu .swiper-box .swiper{width:100vw}html.portrait .casemenu .swiper-box .swiper .swiper-wrapper{-webkit-transition-timing-function:unset;transition-timing-function:unset}html.portrait .casemenu .swiper-box .swiper .swiper-wrapper .swiper-slide{width:2.2rem;height:2.9rem;padding-left:.1rem;padding-right:.1rem}html.portrait .casemenu .swiper-box .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .slide__block{opacity:1}html.portrait .casemenu .swiper-box .swiper .swiper-wrapper .swiper-slide .slide__block{-webkit-transition:opacity .67s;transition:opacity .67s;opacity:.2}html.portrait .casemenu .swiper-box .swiper .swiper-wrapper .swiper-slide .slide__block:after{width:50%}html.portrait .casemenu .swiper-box .swiper .swiper-wrapper .swiper-slide .slide__block .slide__pic.web{display:none!important}html.portrait .casemenu .swiper-box .swiper .swiper-wrapper .swiper-slide .slide__label,html.portrait .casemenu .swiper-box .navigation{display:none}html.portrait .casemenu .swiper-box .btn-more{width:.44rem;height:.44rem;position:absolute;bottom:.2rem;right:.66rem;z-index:4;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}html.portrait .casemenu .swiper-box .btn-more>img{display:block;width:.18rem}