.d3ms-comp .hover-btn-container{cursor:pointer;align-items:flex-start;gap:8px;padding:4px 12px;display:flex}@media not (min-width:1024px){.d3ms-comp .hover-btn-container{-webkit-tap-highlight-color:#0000;flex-direction:row-reverse;gap:4px}}@media not (min-width:768px){.d3ms-comp .hover-btn-container{gap:2px}}.d3ms-comp .content{white-space:normal;word-wrap:break-word;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff24;border-radius:8px;width:100%;max-width:282px;padding:20px}@media not (min-width:1024px){.d3ms-comp .content{-webkit-tap-highlight-color:#0000;padding:16px}}@media not (min-width:768px){.d3ms-comp .content{padding:8px}}.d3ms-comp .close-icon{flex-shrink:0;width:24px;height:24px;margin:8px 0;transition:all .2s}.d3ms-comp .close-icon.show{transform:rotate(45deg)}@media not (min-width:1024px){.d3ms-comp .close-icon{-webkit-tap-highlight-color:#0000;margin:4px 0}}@media not (min-width:768px){.d3ms-comp .close-icon{margin:2px 2px 0}}.d3ms-comp .btn-text{font-family:var(--ff-woff2-M);white-space:pre-line;color:#fff;font-size:20px;line-height:26px}@media not (min-width:1024px){.d3ms-comp .btn-text{white-space:nowrap;-webkit-tap-highlight-color:#0000;font-size:12px;line-height:1.2}}@media not (min-width:768px){.d3ms-comp .btn-text{white-space:pre-line}}.d3ms-comp .btn-desc{pointer-events:none;z-index:20;margin-top:12px;transition:all .2s;display:none}@media not (min-width:1024px){.d3ms-comp .btn-desc{-webkit-tap-highlight-color:#0000;margin-top:6px}}.d3ms-comp .btn-desc span{color:#fff;font-size:14px;font-family:var(--eco-design-font-M);line-height:18px}@media not (min-width:1024px){.d3ms-comp .btn-desc span{-webkit-tap-highlight-color:#0000;font-size:10px;line-height:16px;display:inline-block}}.d3ms-comp .btn-desc.show{pointer-events:auto;display:inline-block}@media not (min-width:768px){.d3ms-comp .ultra-content{flex-direction:row}.d3ms-comp .ultra-content .content{max-width:161px}}
.d3ms-CardSection{background-color:#000}.d3ms-CardSection .pad-show{display:none}.d3ms-CardSection .pc-show{display:block}.d3ms-CardSection .card-section-container{position:relative}.d3ms-CardSection .eco-img{width:100%;height:800px}@media not (min-width:1024px){.d3ms-CardSection .eco-img{-webkit-tap-highlight-color:#0000;height:576px;padding:0 48px}}@media not (min-width:768px){.d3ms-CardSection .eco-img{height:280px;padding:0 24px}}@media not (min-width:1024px){.d3ms-CardSection .eco-img .eco-img-item{-webkit-tap-highlight-color:#0000;border-radius:4px}}.d3ms-CardSection .card-section-box{width:100%;max-width:1200px;height:100%;margin:0 auto;position:absolute;top:0;left:0;right:0}.d3ms-CardSection .section-content{background:0 0;margin-top:120px}@media not (min-width:1024px){.d3ms-CardSection .section-content{-webkit-tap-highlight-color:#0000;margin-top:100px;margin-bottom:24px}}.d3ms-CardSection .eco-section-title{color:#fff}.d3ms-CardSection .imgs-box-bottom{position:absolute;top:410px;right:120px}@media not (min-width:1024px){.d3ms-CardSection .imgs-box-bottom{-webkit-tap-highlight-color:#0000;top:320px;left:160px;transform:translate(-50%)}}@media not (min-width:768px){.d3ms-CardSection .imgs-box-bottom{top:100px;left:20px;transform:translate(0)}.d3ms-CardSection .ultra-box{left:unset;top:50px;right:20px;transform:translate(0)}.d3ms-CardSection .btn-desc{line-height:1.2}}@media not (min-width:1024px){.d3ms-CardSection .card-section-container{margin-bottom:100px}.d3ms-CardSection .pad-show{display:block}.d3ms-CardSection .pad-show .eco-section-title,.d3ms-CardSection .pad-show .eco-section-desc{text-align:left}.d3ms-CardSection .pc-show{display:none}.d3ms-CardSection{-webkit-tap-highlight-color:#0000}}
.d3ms-videoSection{width:100%;position:relative;overflow:hidden}.d3ms-videoSection .eco-video{height:100vh}@media not (min-width:1024px){.d3ms-videoSection .eco-video{-webkit-tap-highlight-color:#0000;height:100vh}}@media not (min-width:768px){.d3ms-videoSection .eco-video{height:580px}}.d3ms-videoSection .eco-video .mask{opacity:.2;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.d3ms-videoSection .eco-video .mask-enhance{opacity:.4!important}.d3ms-videoSection .eco-video-icon{display:none}.d3ms-videoSection .info{color:#fff;text-align:center;width:100vw;padding:0 240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media not (min-width:1024px){.d3ms-videoSection .info{-webkit-tap-highlight-color:#0000;padding:0 96px}}@media not (min-width:768px){.d3ms-videoSection .info{padding:0 24px}}.d3ms-videoSection .info.enter .lable,.d3ms-videoSection .info.enter .title,.d3ms-videoSection .info.enter .desc{opacity:1;transition:opacity .4s linear,transform .4s cubic-bezier(.26,.67,.48,.91);transform:translateY(0)}.d3ms-videoSection .lable,.d3ms-videoSection .desc{font-family:var(--ff-woff2-B);opacity:0;font-size:28px;line-height:36px;transition:all .1s}@media not (min-width:1024px){.d3ms-videoSection .lable,.d3ms-videoSection .desc{-webkit-tap-highlight-color:#0000;font-size:14px;line-height:14px}}@media not (min-width:768px){.d3ms-videoSection .lable,.d3ms-videoSection .desc{line-height:1.2}}.d3ms-videoSection .title{font-family:var(--ff-woff2-EB);opacity:0;margin:30px 0;font-size:66px;line-height:1.2;transition:all .1s;transform:translateY(200px)}@media not (min-width:1024px){.d3ms-videoSection .title{-webkit-tap-highlight-color:#0000;margin:8px 0;font-size:28px}}.d3ms-videoSection .lable{transform:translateY(160px)}.d3ms-videoSection .desc{transform:translateY(240px)}