@charset "utf-8";
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
area{outline:none;}
img{ border:0; object-fit: cover; }
input{ -webkit-appearance: none; outline: none; border-radius: 0;}
input::-ms-clear{display:none;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.fl{ float: left; }
.fr{ float: right; }
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.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);}
.box_justify{ display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; -webkit-box-pack:justify; -moz-box-pack:justify; -o-box-pack:justify; -ms-box-pack:justify; box-pack:justify;}
body{ -webkit-text-size-adjust: 100%; background: #000; }

/* 去除点击选项卡时出现的蓝色边框 */
/*.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; }

/*header*/
.box1{ position: relative; margin-top: 110px; height: 1338px; background: url(/skin/default/images/head.jpg) no-repeat center top; }
.logout{width: 500px; position: absolute; right: 10px; top: 120px; font-size: 24px; z-index: 100; display: none; color: #FFF; text-align: right;}
.logout a{color: #FFF;}
.slogan{ position: absolute; top: 940px; left: 50%; transform: translate(-50%, 0);width: 472px;height: 289px;background: url(/skin/default/images/slogan.png) no-repeat center; }
.header_videoBtn{ position: absolute; top: 1040px; left: 534px; width: 55px; height: 56px; background: url(/skin/default/images/header_videoBtn.png) no-repeat 0 0; }
.header_videoBtn:before{ content: ""; position: absolute; top: 50%; left: 50%; margin: -33px 0 0 -33px; width: 65px; height: 65px; 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);}
}
.header_btns{ position: absolute; top: 1206px; left: 50%; transform: translate(-50%, 0); display: flex; justify-content: center; align-items: center; }
.header_btns a{ margin: 0 25px; width: 302px; height: 100px; }
.header_btns .down_game{ background: url(/skin/default/images/down_game.png) no-repeat 0 0; }

/*预约福利*/
.box2{ position: relative; height: 709px; background: url(/skin/default/images/box2.jpg) no-repeat center top; }
.box_tit{ display: block; margin: 0 auto; }
.box2_tip{ margin-top: 40px; text-align: center; color: #eef5ff; }
.box2_tip dt{ position: relative; padding-bottom: 28px; font-weight: bold; font-size: 42px; }
.box2_tip dt:after{ content: ""; position: absolute; bottom: 15px; left: 50%; transform: translate(-50%, 0); width: 280px; height: 1px; background: #545864; }
.box2_tip dd{ font-size: 24px; }
.box2_tip .col{ color: #e0c69d; }
.yy_num{ margin: 0 10px; }
.yy_progress{ margin-top: 44px; display: flex; justify-content: center; align-items: center; }
.yy_progress div{ position: relative; width: 183px; height: 276px; }
.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: 8px; right: 22px; width: 80px; height: 58px; background: url(/skin/default/images/state.png) no-repeat 0 0; }
.yy_progress div.on:after{ background-position: 0 -58px; }
.box2_getBox{ margin-top: 48px; }
.box2_getBox div{ position: relative; width: 601px; height: 261px; margin: 0 auto 35px auto; }
.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: 165px; left: 40px; width: 169px; height: 57px; background: url(/skin/default/images/get_btn.png) no-repeat 0 0; }
.box2_getBox div a.ok:hover{ background-position: 0 -57px; }
.box2_getBox div a.on{ background-position: 0 -114px; }
.box2_getBox div a.off{ background-position: 0 -171px; }
.box2_btns{ margin-top: 70px; 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: 1086px; background: url(/skin/default/images/box3.jpg) no-repeat center top; }
.box3_pic{ position: absolute;  top: 175px; left: 21px; width: 700px; height: 508px; background: url(/skin/default/images/box3_pic.png) no-repeat 0 0; }
.box3_pic .swiper{ position: absolute; top: 79px; left: 70px; width: 564px; height: 309px; }
.box3_pic .swiper-pagination{ top: 403px; padding: 0 60px; box-sizing: border-box; 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: 0px; right: 50px; z-index: 1; }
.box3_news{ position: absolute; top: 654px; left: 37px; width: 690px; height: 380px; background: #fbfaf9; }
.box3_news .nav{ margin-top: 15px; display: flex; justify-content: space-around; align-items: center; font-size: 22px; }
.box3_news .nav a{ width: 92px; height: 30px; 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{ width: 645px; margin: 18px auto 0 auto; }
.box3_news .list{ height: 295px; 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: 24px; color: #b29574; }
.box3_news .list dd a{ display: block; height: 44px; line-height: 44px; font-size: 18px; color: #9b8b7b; }
.box3_news .list .tit{ width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.box3_news .list .more{ position: absolute; bottom: -30px; right: -8px; width: 160px; height: 47px; background: url(/skin/default/images/more.png) no-repeat 0 0; }

/*人物介绍*/
.box4{ position: relative; height: 1135px; background: url(/skin/default/images/box4.jpg) no-repeat center top; }
.box4 .swiper{ position: absolute; top: 197px; 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; display: flex; }
.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: -40px; background: url(/skin/default/images/before.png) no-repeat 0 0; }
.box4 .swiper-pagination:after{ right: -40px; 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: 78px; }
.role3 .sound{ margin-right: 16px; }

/*游戏特色*/
.box5{ position: relative; height: 1424px; background: url(/skin/default/images/box5.jpg) no-repeat center top; }
.box5 .swiper{ margin: 70px auto 0 auto; width: 650px; height: 826px; }
.box5 .swiper-slide{ width: 467px; height: 826px; }
.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-pagination{ top: 1100px; 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; }
.three_link{ position: absolute; bottom: 85px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; }
.three_link a{width: 130px; height: 159px; margin: 0 0; background-size: 130px auto;}
.three_qq{background: url(/skin/default/images/three_qq.png) no-repeat 0 0;}
.three_wechat{background: url(/skin/default/images/three_wechat.png) no-repeat 0 0;}
.three_wx{background: url(/skin/default/images/three_wechat.png) no-repeat 0 0;}
.three_weibo{background: url(/skin/default/images/three_weibo.png) no-repeat 0 0;}
.three_kefu{background: url(/skin/default/images/three_kefu.png) no-repeat 0 0;}
.three_douliu{background: url(/skin/default/images/three_douliu.png) no-repeat 0 0;} 

/*弹出框：视频*/
.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/m/images/pop.png) no-repeat 0 0; width: 750px; height: 740px;}
.popMain{width: 582px; height: 613px; position: absolute; left: 79px; 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;}
#pop_yy .closeBtn{ top: 14px; right: 22px; }
.closeBtn2 { top: 60px; right: 50px; }
.submit{display: block; width: 312px; height: 104px; -webkit-appearance:none;-webkit-tap-highlight-color:transparent; margin: 0 auto; background: url(/skin/default/images/btn_enter.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.popbox{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; overflow: hidden; }
#pop_video .closeBtn{ top: 14px; right: 50%; margin-right: -48px; }
.popbox video{ width: 100%; height: auto; }

/*弹出框：提示语*/
.msg{width: 100%; height: 442px; display: block;}
.lotterError{display: block; width: 100%; height: 100%; background: url(/skin/default/images/poptit4.png) no-repeat center;}
.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;}

/*弹出框：活动说明*/
.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; }

/*弹出框：官方微信*/
.weixinImg{width: 574px; position: absolute; left: 90px; top: 90px; padding-top: 60px; text-align: center; color: #FFF;}
.weixinImg h2{height: 70px; font-size: 30px;}
.weixinImg img{display: block; margin: 0 auto; width: 200px;}
.weixinImg p{font-size: 18px; padding-top: 30px;}
.weixinImg p span{color: #ff0;}