@charset "utf-8";
/*CSS Document*/
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none; cursor: pointer;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0; object-fit: cover; }
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;} 
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.fl{ float: left}
.fr{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}

/* 去除点击选项卡时出现的蓝色边框 */
/*.swiper-pagination .swiper-pagination-bullet:focus{ outline: none; }*/
/* 去除点击选项卡时出现的蓝色背景 */
/*.swiper-pagination-clickable .swiper-pagination-bullet{ cursor: auto; }*/
.swiper-pagination-bullet:focus,
.swiper-button-prev:focus,
.swiper-button-next:focus{ outline: none; }

html, body{ max-width: 1920px; margin: 0 auto; }
body{ -webkit-text-size-adjust: 100%; overflow-x: hidden; overflow-y: auto; }
.wrap{ width: 1100px; margin: 0 auto;}

/*header*/
.box1{ position: relative; height: 1080px; background: url(/skin/default/images/head.jpg) no-repeat center top; }
.video_bg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.topNav{ position: absolute; top: 0; right: 0; width: 782px; height: 67px; background: url(/skin/default/images/topNav.png) no-repeat 0 0; display: flex; justify-content: flex-end; align-items: center; }
.topNav .nav a{ margin: 0 7px; font-size: 20px; color: #ded4f8; }
.topNav .nav a:before{ content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 5px; vertical-align: middle; background: url(/skin/default/images/star.png) no-repeat 0 0; }
.topNav .nav a:after{ content: ""; display: inline-block; width: 1px; height: 15px; margin-left: 18px; vertical-align: middle; background: #646464; }
.topNav .nav a:last-child:after{ display: none; }
.topNav .nav a:hover, .topNav .nav a.on{ color: #e7d199; }
.topNav .nav a:hover:before, .topNav .nav a.on:before{ background-position: 0 -18px; }
.topNav .three{ margin: 0 15px; width: 225px; height: 35px; background: #17224f; border: 1px solid #5666aa; border-radius: 18px; display: flex; justify-content: center; align-items: center; }
.topNav .three a{ position: relative; width: 45px; height: 45px; }
.topNav .three a.qq{ background: url(/skin/default/images/qq.png) no-repeat 0 0; }
.topNav .three a.wechat{ background: url(/skin/default/images/wechat.png) no-repeat 0 0; }
.topNav .three a.sina{ background: url(/skin/default/images/sina.png) no-repeat 0 0; }
.topNav .three a.kefu{ background: url(/skin/default/images/kefu.png) no-repeat 0 0; }
.topNav .three a.douliu{ background: url(/skin/default/images/douliu.png) no-repeat 0 0; }
.topNav .three div{ position: absolute; top: 45px; left: 50%; transform: translate(-50%, 0); margin-left: -30px; width: 131px; height: 144px; background: url(/skin/default/images/three_code2.png) no-repeat 0 0; display: none; }
.topNav .three div img{ position: absolute; top: 24px; left: 50%; transform: translate(-50%, 0); width: 111px; height: 111px; }
.topNav .three a:hover{ background-position: 0 -45px; }
.topNav .three a:hover div{ display: block; }
.logout{text-align: right; font-size: 20px; color: #FFF; width:400px; position: absolute; right: 20px; top: 80px; display: none;}
.logout a{color: #FFF; cursor: pointer;}
/*.slogan{display: ; position: absolute; top: 495px; left: 36%; transform: translate(-50%, 0); width: 798px;height: 440px;background: url(/skin/default/images/slogan.png) no-repeat center;}*/
.slogan{display: none; width: 0; height: 0; opacity: 0;}
.header_videoBtn{ position: absolute; top: 460px; left: 50%; margin-left: 240px; width: 55px; height: 55px; background: url(/skin/default/images/header_videoBtn.png) no-repeat 0 0; }
.header_videoBtn:before{ content: ""; position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -33px; width: 65px; height: 64px; background: url(/skin/default/images/videoBtn_before.png) no-repeat 0 0; animation:rcircle 8s linear 0s infinite; }
@keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
/*.btn_yy{ position: absolute; top: 893px; left: 50%; transform: translate(-50%, 0); width: 347px; height: 114px; background: url(/skin/default/images/btn_yy.png) no-repeat 0 0; }
.btn_yy:hover{ background-position: 0 -114px; }*/
.down_box{ position: absolute; top: 893px; left: 50%; transform: translate(-50%, 0); width: 333px; height: 137px; background: url(/skin/default/images/down_box.png) no-repeat 0 0; }
.down_code{ position: absolute; top: 12px; left: 23px; width: 93px; height: 93px; }
.down_yy{ position: absolute; top: 19px; left: 140px; width: 107px; height: 94px; background: url(/skin/default/images/down_yy.png) no-repeat 0 0; }
.down_and{ position: absolute; top: 8px; left: 150px; width: 165px; height: 38px; background: url(/skin/default/images/down_and.png) no-repeat 0 0; }
.down_ios{ position: absolute; top: 49px; left: 150px; width: 165px; height: 38px; background: url(/skin/default/images/down_ios.png) no-repeat 0 0; }
.down_mumu{ position: absolute; top: 90px; left: 150px; width: 165px; height: 38px; background: url(/skin/default/images/down_mumu.png) no-repeat 0 0; }
.simulator_btn{ position: absolute; top: 90px; left: 150px; width: 165px; height: 38px; background: url(/skin/default/images/simulator_btn.png) no-repeat 0 0; }

/*预约福利*/
.box2{ position: relative; height: 787px; padding-top: 64px; box-sizing: border-box; background: url(/skin/default/images/box2.jpg) no-repeat center top; }
.box_tit{ display: block; margin: 0 auto; }
.box2_tip{ margin-top: 38px; text-align: center; font-size: 24px; color: #bfcff4; }
.box2_tip .col{ padding: 0 15px; font-size: 32px; color: #e0c69d; }
.yy_progress{ margin-top: 40px; display: flex; justify-content: center; align-items: center; }
.yy_progress div{ position: relative; width: 222px; height: 333px; margin: 0 36px; }
.progress1{ background: url(/skin/default/images/yy_progress1.png) no-repeat 0 0; }
.progress2{ background: url(/skin/default/images/yy_progress2.png) no-repeat 0 0; }
.progress3{ background: url(/skin/default/images/yy_progress3.png) no-repeat 0 0; }
.progress4{ background: url(/skin/default/images/yy_progress4.png) no-repeat 0 0; }
.yy_progress div:after{ content: ""; position: absolute; top: 10px; right: 26px; width: 98px; height: 70px; background: url(/skin/default/images/state.png) no-repeat 0 0; }
.yy_progress div.on:after{ background-position: 0 -70px; }
.box2_getBox{ margin-top: 36px; min-width: 1300px; height: 288px; background: url(/skin/default/images/box2_getBox.png) no-repeat 0 0; display: flex; justify-content: center; align-items: center; }
.box2_getBox div{ position: relative; width: 423px; height: 235px; }
.friend1{ background: url(/skin/default/images/friend1.png) no-repeat 0 0; }
.friend2{ background: url(/skin/default/images/friend2.png) no-repeat 0 0; }
.friend3{ background: url(/skin/default/images/friend3.png) no-repeat 0 0; }
.box2_getBox div a{ position: absolute; top: 145px; left: 30px; width: 134px; height: 44px; background: url(/skin/default/images/get_btn.png) no-repeat 0 0; }
.box2_getBox div a.ok:hover{ background-position: 0 -44px; }
.box2_getBox div a.on{ background-position: 0 -88px; cursor: default; }
.box2_getBox div a.off{ background-position: 0 -133px; cursor: default; }
.box2_btns{ margin-top: 34px; display: flex; justify-content: center; align-items: center; }
.box2_btns a{ width: 272px; height: 85px; margin: 0 25px; }
.box2_btn1{ background: url(/skin/default/images/box2_btn1.png) no-repeat 0 0; }
.box2_btn2{ background: url(/skin/default/images/box2_btn2.png) no-repeat 0 0; }

/*资讯*/
.box3{ position: relative; height: 705px; background: url(/skin/default/images/box3.jpg) no-repeat center top; }
.box3_main{ position: relative; margin: 30px auto 0 auto; width: 1240px; height: 470px; background: url(/skin/default/images/box3_main.png) no-repeat 0 0; }
.box3_pic{ position: absolute; top: 72px; left: 65px; width: 521px; height: 285px; }
.box3_pic .swiper-pagination{ bottom: -40px; text-align: right; }
.box3_pic .swiper-pagination-bullet{ width: 24px; height: 23px; background: url(/skin/default/images/box3_pagination.png) no-repeat 0 0; opacity: 1; margin: 0!important; }
.box3_pic .swiper-pagination-bullet-active{ background-position: 0 -23px; }
.box3_cat{ position: absolute; top: -70px; right: -15px; z-index: 1; }
.box3_news{ position: absolute; top: 59px; right: 25px; width: 570px; }
.box3_news .nav{ display: flex; justify-content: space-around; align-items: center; font-size: 20px; }
.box3_news .nav a{ width: 96px; height: 28px; text-align: center; color: #9b8b7b; }
.box3_news .nav a.on{ background: url(/skin/default/images/box3_newsNav.png) no-repeat 5px 2px; color: #493e32; }
.box3_news .cont{ margin-top: 18px; }
.box3_news .list{ height: 255px; display: none; }
.box3_news .list dt{ margin-bottom: 10px; height: 44px; line-height: 44px; text-align: center; border-bottom: 1px solid #e5d0a9; background: url(/skin/default/images/box3_newsDt.png) no-repeat center top; }
.box3_news .list dt a{ display: block; width: 90%; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 22px; color: #b29574; }
.box3_news .list dd a{ display: block; height: 40px; line-height: 40px; font-size: 16px; color: #9b8b7b; }
.box3_news .list dd a:hover{ color: #493e32; }
.box3_news .list .tit{ width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.box3_news .list .more{ position: absolute; bottom: -60px; right: -26px; width: 147px; height: 42px; background: url(/skin/default/images/more.png) no-repeat 0 0; }

/*人物介绍*/
.box4{ position: relative; height: 1158px; background: url(/skin/default/images/box4.jpg) no-repeat center top; }
.box4 .swiper{ position: absolute; top: 169px; left: 0; width: 100%; height: 859px; }
.box4 .role1{ background: url(/skin/default/images/role1.jpg) no-repeat center top; }
.box4 .role2{ background: url(/skin/default/images/role2.jpg) no-repeat center top; }
.box4 .role3{ background: url(/skin/default/images/role3.jpg) no-repeat center top; }
.box4 .role4{ background: url(/skin/default/images/role4.jpg) no-repeat center top; }
.box4 .swiper-pagination{ bottom: 23px; left: 50%; transform: translate(-50%, 0); width: auto; }
.box4 .swiper-pagination:before, .box4 .swiper-pagination:after{ content: ""; position: absolute; top: 50%; transform: translate(0, -50%); width: 45px; height: 7px; }
.box4 .swiper-pagination:before{ left: -50px; background: url(/skin/default/images/before.png) no-repeat 0 0; }
.box4 .swiper-pagination:after{ right: -50px; background: url(/skin/default/images/after.png) no-repeat 0 0; }
.box4 .swiper-pagination-bullet{ position: relative; width: 118px; height: 118px; margin: 0 22px!important; border-radius: 0; opacity: 0.5; }
.box4 .swiper-pagination-bullet:after{ content: ""; position: absolute; top: 50%; right: -24px; margin-top: -2px; width: 4px; height: 4px; background: #af9170; transform: rotate(45deg); }
.box4 .swiper-pagination-bullet:last-child:after{ display: none; }
.box4 .swiper-pagination-bullet-active{ opacity: 1; }
.box4 .n1{ background: url(/skin/default/images/bullet1.png) no-repeat 0 0; }
.box4 .n2{ background: url(/skin/default/images/bullet2.png) no-repeat 0 0; }
.box4 .n3{ background: url(/skin/default/images/bullet3.png) no-repeat 0 0; }
.box4 .n4{ background: url(/skin/default/images/bullet4.png) no-repeat 0 0; }
.sound{ position: absolute; width: 62px; height: 62px; top: 179px; right: 50%; margin-right: 142px; }
.role3 .sound{ margin-right: 80px; }

/*游戏特色*/
.box5{ position: relative; height: 1027px; background: url(/skin/default/images/box5.jpg) no-repeat center top; }
.box5 .swiper{ margin: 70px auto 0 auto; width: 1160px; height: 467px; }
.box5 .swiper-slide{ width: 826px; height: 467px; }
.box5 .swiper-button-prev, .box5 .swiper-button-next{ width: 63px; height: 97px; }
.box5 .swiper-button-prev:after, .box5 .swiper-button-next:after{ display: none; }
.box5 .swiper-button-prev{ background: url(/skin/default/images/prev.png) no-repeat 0 0; }
.box5 .swiper-button-next{ background: url(/skin/default/images/next.png) no-repeat 0 0; }
.box5 .swiper-button-prev:hover, .box5 .swiper-button-next:hover{ background-position: -63px 0; }
.box5 .swiper-pagination{ top: 730px; height: 50px; }
.box5 .swiper-pagination-bullet{ width: 50px; height: 50px; line-height: 50px; box-sizing: border-box; margin: 0 10px!important; opacity: 1; background: none; font-size: 22px; color: #c2bcaf; }
.box5 .swiper-pagination-bullet-active{ border: 2px solid #c2bcaf; }

/*弹出框：视频*/
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); background: url(https://hm.games.laohu.com/net/lotter220715/images/pop.png) no-repeat 0 0; width: 770px; height: 740px;}
.popMain{width: 582px; height: 613px; position: absolute; left: 89px; top: 62px;}
.closeBtn{display: block; width: 59px; height: 58px; background: url(/skin/default/images/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: -50px; top: -50px;}
.closeBtn:hover{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-moz-transform: rotate(-180deg);transform: rotate(-180deg);}
.closeBtn2{ top: 88px; right: 75px; }
#pop_video .closeBtn{ right: -50px; margin-right: 0; }
.popbox{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 980px; height: 557px; background: url(/skin/default/images/filmbox.png) no-repeat center top; }
.popbox video{ position: absolute; top: 8px; left: 10px; width: 960px; height: 540px; object-fit: cover; }

/*弹出框：活动说明*/
.poptit4{background: url(/skin/default/images/poptit4.png) no-repeat center bottom; height: 120px;}
.popInfoScroll{ width: 520px; height: 400px; margin: 25px auto 0 auto; overflow-x: hidden; overflow-y: auto; line-height: 36px; font-size: 24px; color: #cfbb8d; }
.popInfoScroll::-webkit-scrollbar{ width: 3px; background: #655d5f; }
.popInfoScroll::-webkit-scrollbar-thumb{ background: #616591; }
.popInfoScroll p{ margin-bottom: 20px; }

/*弹出框：提示语*/
.msg{width: 100%; height: 442px; display: block;}
.submit{display: block; width: 312px; height: 104px; margin: 0 auto; background: url(/skin/default/images/btn_enter.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.msgText{text-align: center; padding: 200px 50px 0 50px; font-size: 30px; color: #cfbb8d; display: block;}

/*弹出框：邀请好友*/
.pop_friends_main{ width: 480px; margin: 0 auto; }
.poptit1{background: url(/skin/default/images/poptit1.png) no-repeat center 40px; height: 126px;}
.pop_friends_link{ width: 100%; height: 58px; line-height: 58px; text-align: center; background: #d7d4f2; border: none; font-size: 25px; color: #74718b; }
.pop_friends_text{ display: block; margin-top: 32px; }
.friends_curr{ margin-top: 38px; height: 58px; line-height: 58px; text-align: center; background: #cfbb8d; font-size: 25px; color: #6a5c3d; }
.friends_curr:before{ content: ""; display: inline-block; margin-right: 10px; width: 19px; height: 19px; background: url(/skin/default/images/friends_curr.png) no-repeat 0 0; }
.friends_curr span{ margin: 0 5px; }
.copy_btn{ display: block; margin: 14px auto 0 auto; width: 312px; height: 104px; background: url(/skin/default/images/copy_btn.png) no-repeat 0 0; }

/*弹出框：领取成功*/
.poptit2{background: url(/skin/default/images/poptit2.png) no-repeat center 55px; height: 430px;}

/*弹出框：PC模拟器下载*/
.poptit8{background: url(/skin/default/images/poptit8.png) no-repeat center bottom; height: 180px;}
.simulator_list{ display: flex; justify-content: center; margin-top: 50px; }
.simulator_list img{ display: block; margin: 0 25px; }