img{vertical-align:top}.wrapper{position:absolute;left:0;top:100%;width:100%;margin:0 auto;height:100%;background:#000;text-align:center;font-family:"Lato";font-size:13px;font-weight:100}.xy50{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%)}.content{width:100%;text-align:center}.hide{display:none}.swiper-container{width:100%;height:100%}.swiper-slide{overflow:hidden;color:#fff}.left{position:absolute;left:0;top:18%;z-index:9}.leftbox{width:15%;text-align:left;position:absolute;left:0;top:18%;z-index:9}.leftbox img{width:48%;opacity:0}.divbtnBox{width:55%;top:4%;height:100%;z-index:99;position:absolute;left:0}.divbtn{height:15%}.cans-1{-webkit-transform:scale(1.5) translateY(500px);position:relative;z-index:2}.cansam{-webkit-animation:cansam 1s linear both}@-webkit-keyframes cansam{0%{-webkit-transform:scale(1.5) translateY(500px)}100%{-webkit-transform:scale(1) translateY(0px)}}.cans-2{width:100%;text-align:center;z-index:3}.palybtn{position:absolute;left:0;top:30%;width:100%;z-index:3}.text{position:absolute;left:0%;bottom:20%;width:100%;text-align:center;z-index:3}.text p{color:#c2dee4;width:70%;margin:0 auto}.tit{margin:5% auto;font-size:21px;color:#fff}.black-bg{position:absolute;left:0;bottom:0;z-index:2;width:100%}.g{-webkit-animation:gg 2s 1.5s  linear infinite;opacity:0}@-webkit-keyframes gg{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10%;z-index:3}.swiper-pagination-bullet-active{background:url('https://opstatics.com/mage/images/events/dash-energy/misc/d1.png?1620617890') no-repeat !important;width:10px;height:10px;opacity:1}.swiper-pagination-bullet{background:url('https://opstatics.com/mage/images/events/dash-energy/misc/d2.png?1620617890') no-repeat;width:10px;height:10px;opacity:1}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3%}.mobilc-page-4 .txt{width:73%;margin:20% auto 5%;text-align:left;color:#c2dee4;font-size:12px}.form{width:100%;margin:7% auto 0;position:relative}.x1,.x2{position:absolute;bottom:20%;left:16%;width:0%}.x1am{-webkit-animation:x1 1s 2s linear both}@-webkit-keyframes x1{0%{width:0%}100%{width:69%}}.x2am{-webkit-animation:x2 1s 2s linear both}@-webkit-keyframes x2{0%{width:0}100%{width:55%}}.head-p{padding:13.5% 0 10%;width:100%;text-align:center}.name{font-size:16px}.contentsxt{margin:10% auto 0;color:#c2dee4;font-size:21px}.contentsxt p{width:81%;margin:0 auto;line-height:1.2;font-size:12px}.btnlink{width:38%;border:1px solid #999999;position:absolute;bottom:6%;left:26%;padding:5%}.contentsxt .constit{color:#fff;margin:0 auto;margin-top:12%;font-size:14px;width:80%}.page-content3 .constit{font-size:10px;width:84%;margin-top:0}.page-content3 .contentsxt{margin-top:5%}.mobilc-page-6 .page-content{height:100%}@media screen and (min-width: 767px){.wrapper{font-size:28px;font-weight:100}.tit{margin:5% auto;font-size:48px;color:#fff}.mobilc-page-4 .txt{width:73%;margin:10% auto 5%;text-align:left;color:#c2dee4;font-size:25px}.name{font-size:48px}.contentsxt p{width:81%;margin:0 auto;line-height:1.2;font-size:25px}.contentsxt .constit{color:#fff;margin:0 auto;margin-top:8%;font-size:24px;width:80%}.btnlink{width:32%;border:1px solid #999999;position:absolute;bottom:6%;left:30%;padding:4%}.page-content3 .head-p{margin:5% auto 5%;width:100%;text-align:center}.page-content3 .contentsxt{margin-top:2%}.page-content3 .contentsxt .constit{color:#fff;margin:0 auto;margin-top:2%;font-size:20px;width:80%}}@media screen and (max-width: 1024px){.wrapper{top:0;z-index:100}.close-box{width:30px;height:30px}}