html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
*{margin:0;padding:0}
*{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent;-moz-tap-highlight-color:transparent;-moz-focus-ring-color:transparent}
div:focus,input:focus{outline:0}
ul li{list-style:none}
a{text-decoration:none}
body,html{font-size:16px;height:100%}
.main{margin:0 auto;height:100%;position:relative;overflow:hidden}
.logo{position:absolute;left:30px;top:30px;z-index:2}
.side-left{position:absolute;left:30px;top:430px;z-index:2;color:#fff}
.side-left li{height:80px;cursor:pointer}
.side-left img{vertical-align:middle}
.side-right{width:230px;text-align:center;position:absolute;right:10px;top:330px;z-index:2;color:#fff}
.side-right ul li:nth-child(1){height:205px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/erweima_bg.png) no-repeat;background-position:center;padding-top:18px;position:relative}
.side-right ul li:nth-child(1)::before{content:'';width:173px;height:17px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/erweima_line.png) no-repeat;background-size:100% 100%;position:absolute;z-index:3;top:45px;left:28px;animation:saoguang 1s linear infinite}
@keyframes saoguang{
0%{transform:translateY(-10px)}
50%{transform:translateY(20px)}
100%{transform:translateY(50px)}
}
.side-right li{margin-top:10px}
.swiper-container{height:100%}
.wrap1{min-width:1300px;height:100%!important;margin:0 auto}
.wrap2{min-width:1300px;height:100%!important;margin:0 auto;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/bg_02.jpg) no-repeat;background-size:cover;background-position:center top}
.wrap3{min-width:1300px;height:100%!important;margin:0 auto;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/bg_04.jpg) no-repeat;background-size:cover;background-position:center top}
.wrap4{min-width:1300px;height:100%;margin:0 auto;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/bg_03.jpg) no-repeat;background-size:cover;background-position:center top}
.swiper-button-next{width:72px;height:80px;top:92%!important;left:50%!important;background:0 0}
.swiper-button-next img{animation:shake 1s linear infinite}
@keyframes shake{
0%{transform:translateY(20px)}
50%{transform:translateY(0)}
100%{transform:translateY(20px)}
}
.footer{width:100%;height:230px;position:absolute;left:0;bottom:0;z-index:2;color:#b3d8ff;text-align:center;padding-top:40px}
.footer_all{width:100%;height:230px;background-color:rgba(11,44,85,.9);background-size:100% 100%;position:absolute;left:0;bottom:0;z-index:2;color:#b3d8ff;text-align:center;padding-top:40px}
.footer_all.hover .footer_all_tip .icon-arrow-down{transform:rotate(0)}
.footer_all_tip{position:absolute;top:-40px;left:200px;width:412px;height:41px;padding-right:58px;line-height:41px;border-radius:20px 20px 0 0;box-sizing:content-box;font-size:18px;color:#b3d8ff;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/footer_tips_bg.png) no-repeat;text-align:center;cursor:pointer}
.footer_all_tip .icon-arrow-down{position:absolute;top:14px;left:412px;width:25px;height:16px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/arrow_down.png) no-repeat;transform:rotate(180deg)}
.footer_all a{color:#b3d8ff}
.footer a{color:#b3d8ff}
.footer_nav{width:800px;margin:10px auto;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}
.footer p{margin-bottom:6px}
.footer_tips{width:480px;height:47px;position:absolute;bottom:0;left:100px;z-index:2}
.slide-content{width:1300px;height:100%;margin:120px auto 0;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}
.wrap4 .new_box{height:905px}
.new_box{display:-ms-flexbox;display:flex;height:900px;padding-top:100px}
.wrap1 .new_list,.wrap2 .new_list{width:700px;color:#fff;padding-top:30px;margin-left:30px}
.down{animation:animate .6s linear 1}
@keyframes animate{
0%{opacity:0;transform:translateY(-120px)}
50%{opacity:.5;transform:translateY(-60px)}
100%{opacity:1;transform:translateY(0)}
}
.down1{animation:animates .6s linear .1s 1}
@keyframes animates{
0%{opacity:0;transform:translateY(-120px)}
50%{opacity:.5;transform:translateY(-60px)}
100%{opacity:1;transform:translateY(0)}
}
.scale{animation:animate1 .6s linear 1}
@keyframes animate1{
0%{opacity:0;transform:scale(.7)}
50%{opacity:.8;transform:scale(.8)}
100%{opacity:1;transform:scale(1)}
}
.toleft{animation:animate3 .6s linear 1}
@keyframes animate3{
0%{opacity:0;transform:translateX(50px)}
50%{opacity:.8;transform:translateX(20px)}
100%{opacity:1;transform:translateX(0)}
}
.toright{animation:animate4 .6s linear 1}
@keyframes animate4{
0%{opacity:0;transform:translateX(-50px)}
50%{opacity:.8;transform:translateX(-20px)}
100%{opacity:1;transform:translateX(0)}
}
.toup{animation:animate5 .6s linear 1}
@keyframes animate5{
0%{opacity:0;transform:translateY(50px)}
50%{opacity:.8;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
.swiper1,.swiper2{border-radius:10px;position:relative}
.swiper2{height:100%}
.swiper2 .swiper-pagination{bottom:420px}
.swiper1 .swiper-pagination{left:45px!important}
.swiper3{width:940px;height:500px;margin:0 auto;position:relative}
.swiper3 img{width:100%;margin-top:200px}
#swiper3 .swiper-slide{opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}
.swiper3 .swiper-slide-active{transform:scale(4.3);z-index:2;opacity:1}
.swiper3 .swiper-slide-next,.swiper3 .swiper-slide-prev{transform:scale(3);z-index:1;opacity:1}
.swiper3 .swiper-pagination{left:50%;transform:translateX(-50%)}
.swiper-pagination-bullet{width:13px;height:9px;margin-left:10px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/new_noactive.png) no-repeat;opacity:1!important}
.swiper-pagination-bullet-active{width:34px;height:9px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/new_active.png) no-repeat}
.new_tab{padding:0 10px;margin-top:30px}
.new_tab_top{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:70px;border-bottom:1px solid #51ecf5}
.new_tab_top li{height:70px;line-height:70px;font-size:20px;cursor:pointer}
.new_tab_box{height:200px;text-align:left}
.new_tab_box li{height:100%;margin-top:20px;cursor:pointer}
.new_tab_box>li ul li{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.new_tab_box>li ul li:hover{width:660px;height:100%;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/new_content_act.png) no-repeat;background-size:100%;background-position:center center;color:#ffec6e;padding-left:20px}
.more:hover{transform:scale(.95)}
.more{width:115px;height:55px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/more.png) no-repeat;background-size:contain;background-position:center center}
.more a{color:#fff}
.active{position:relative;font-weight:700}
.active::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-9px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/new_02.png) no-repeat;background-size:100% 100%;width:100%;height:18px}
.menu_active{color:#ffec6e}
.game_info{margin-top:-50px;position:relative;z-index:2}
video{width:100%;height:100%;position:fixed;z-index:99;left:50%;transform:translateX(-50%);-o-object-fit:cover;object-fit:cover}
.side-right .btn:hover{transform:scale(.95);cursor:pointer}
.side-left li:hover{color:#ffec6e}
.swiper-container-fade .swiper-slide-active{opacity:1!important}
.right{width:206px;height:55px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/right_bg.png) no-repeat;background-size:100% 100%;position:absolute;right:10px;top:20px;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}
.right>div{cursor:pointer}
.stopMusic{cursor:pointer;width:44px}
.slide-img{position:relative;z-index:2}
.role_01{position:absolute;left:50px;top:-50px;width:1920px;height:1080px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/6.png) no-repeat;background-position:0 0;animation:run 2s steps(1) 0s infinite both;transform:scale(.9)}
.role_02{position:absolute;left:50px;top:-50px;width:1920px;height:1080px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/3.png) no-repeat;background-position:0 0;animation:run 2s steps(1) 0s infinite both;transform:scale(.9)}
.role_03{position:absolute;left:50px;top:-50px;width:1920px;height:1080px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/1.png) no-repeat;background-position:0 0;animation:run 2s steps(1) 0s infinite both;transform:scale(.9)}
.role_04{position:absolute;left:50px;top:-50px;width:1920px;height:1080px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/2.png) no-repeat;background-position:0 0;animation:run 2s steps(1) 0s infinite both;transform:scale(.9)}
.role_05{position:absolute;left:50px;top:-50px;width:1920px;height:1080px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/5.png) no-repeat;background-position:0 0;animation:run 2s steps(1) 0s infinite both;transform:scale(.9)}
.role_06{position:absolute;left:50px;top:-50px;width:1920px;height:1080px;background:url(//png.pookcdn.net/bydr-lobby/bydsj/website/4.png) no-repeat;background-position:0 0;animation:run 2s steps(1) 0s infinite both;transform:scale(.9)}
@keyframes run{
0%{background-position:0 0}
10%{background-position:0 -1080px}
20%{background-position:0 -2160px}
30%{background-position:0 -3240px}
40%{background-position:0 -4320px}
50%{background-position:0 -5400px}
60%{background-position:0 -6480px}
70%{background-position:0 -7560px}
80%{background-position:0 -8640px}
90%{background-position:0 -9720px}
100%{background-position:0 0}
}
.pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.6);text-align:center;padding-top:200px}
.pop_inner{position:relative;display:inline-block}
.pop_close{position:absolute;right:0;top:0;z-index:100;cursor:pointer}
.swiper1 img{width:100%}
@media screen and (max-width:1440px){
.slide-content{transform:scale(.7);margin:50px auto 0}
}