@charset "utf-8";
/*网页的全局样式 解决兼容问题*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,td,form,input,select,textarea,span,img,a,em,strong,*{ margin:0; padding:0;font-weight:normal; box-sizing: border-box;}
article,section,aside,nav,header,footer,address,header,hgroup,blockquote,figure,figcaption{ display:block;}
body{ font-family:"Microsoft Yahei"; font-size:12px; color: #fff; position: relative; background: #000;}
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-family: "Microsoft Yahei"; font-weight:normal; font-size:12px; }
input,select,textarea{ vertical-align:middle;}
img{ border:none; vertical-align:middle;}
a{text-decoration:none;cursor: pointer; }
a img {border: none; }
a span, form label { cursor: pointer; }
table {border-collapse: collapse; }
blockquote, q {quotes: "" ""; }
img, object, button, input, select {vertical-align: middle; }
input,select {outline: none; }
em, s, i {font-style: normal; text-decoration:none; }
body,html{
	position: relative;
	height:100%;
	/* overflow: scroll; */
	-webkit-overflow-scrolling:touch;
	overflow-x: hidden;
}

.mus_box{position: absolute;right: 0.25rem;top: 1.3rem;width: 0.9rem;}
.music-btn-stop,.music-btn{width: 0.5rem;height: 0.5rem;position: absolute;right: 0;top:0;cursor:pointer;z-index: 9;}
.music-btn{ background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/y01.png) no-repeat;background-size: 100% 100%; }
.music-btn-stop{ background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/y05.png) no-repeat;background-size: 100% 100%; }
/* animation:movemiusic 2s linear infinite; -webkit-animation:movemiusic 2s linear infinite; */
@keyframes movemiusic{
    from{transform:rotate(0deg);} to{transform:rotate(360deg);}
}
@-webkit-keyframes movemiusic{
    from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);}
}

.shiping_box{ background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0; z-index: 99999; width: 100%; height: 100%; display: none;}
.cols{
    background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/close.png) no-repeat;
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    right: 0;
    top: -0.7rem;
    background-size: 100%;
    }
.shiping_box .ship_center{
    display:block;
    position:fixed;
    z-index:1000;
    left:50%;
    top:50%;
    -webkit-transform:translate3d(-50%,-50%,0);
    -moz-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0);
    width: 90%;
    background: #191919;
}



.bj_box_bj{ position: absolute; top: 0;left: 0;z-index: 1;}
.bj_box_bj img{ width: 103%;}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #a1afc5;
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #a1afc5;
}
::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #a1afc5;
}
:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #a1afc5;
}
.wap_box{ width: 100%; margin: 0 auto; position: absolute; z-index: 99;
	/* bottom:0px; */
	will-change:transform;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
	/* transform: translate3d(0, 0, -1px) scale(1); */

	 transition-duration: 0.5s; 
	transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
 }
/* .wap_box{ width: 100%; margin: 0 auto; position: absolute; z-index: 99; transition-duration: 0s; 
	transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); } */
.banner{position: relative;height: 15.5rem;}
.banner>img{ width: 100%;}
.logo{position: absolute;top: 5px;left: 50%; transform: translateX(-50%); z-index: 99;}
.logo img{ width: 100%;}

.wa_box{background:rgba(0, 0, 0, 0.7);position: absolute;width: 100%;bottom: 0;z-index: 2;}

.wa_box_top img{width: 100%;margin-top: -24px;margin-bottom: 6px;}
.an_box{ text-align: center; margin-bottom: 10px;}
.an_box a{ width: 40%; display: inline-block; margin: 0 5px; }
.an_box a img{ width: 100%;}
.wa_ya{margin-bottom: 20px;}
.wa_ya img{ width: 100%;}

#testCanvas{width: 100%;position: absolute;top: 0;left:0;z-index: 89;}
.lz_box{width: 100%;position: absolute;top: 0;left:0;z-index: 89; height: 10rem; overflow: hidden;}

.zs_box{width: 90%; overflow: hidden; margin:  0 auto;}
.zs_box li{ width: 50%; float: left; text-align: center;}
.zs_box li img{width: 22%;}

.table_box{ background:#16161a; margin-top: -1px; overflow: hidden;position: relative;}
.table_box>span{ display: inline-block;width: 1px; height: 40px;position: absolute;
	left: 50%; top:3px;transform: translateX(-50%); background:#332b21;  z-index: 2;}

.tab_box { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/xian.png) no-repeat top center; width: 90%; margin: 0 auto;  height: 50px; 
	background-size: 100%; }
.tab_box li{ width: 50%; float: left; text-align: center; position: relative; margin: 5px 0; padding: 10px 0; background: #131316; 
border-radius: 5px; color: #5f5f69; color: #7b6b4a; 
font-size: 14px;text-shadow:0px 0px 0px #000;  }
.tab_box li:first-child{ border: none;}
.tab_box li.tab{color: #fff0be;background: #1a1a1f;}
.tab_box li.tab em{background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/sj.png) no-repeat;display: inline-block;width: 40px;height: 40px;
background-size: 100%;position: absolute;bottom: -50px;left: 70px;}

.lx_map_box div{
	 display: none;
	 width: 90%;
	 margin: 12px auto 20px;
	 background: #09090a;
	 border-radius: 10px;
	 padding: 20px 20px;
	 text-align: left;
	 color: #fff0be;
	 line-height: 25px;
	 font-size: 13px;
	 overflow: hidden;
	 height: 116px;
	 }
.lx_map_box div em,.tzbox{animation: changeImg 1s; float: left;}
.tzbox{  float: right; border: #ebd992 solid 1px; border-radius: 5px; color: #ebd992; padding: 3px 10px; 
	margin-top: 10px}
.lx_map_box div:nth-child(3) em{ float:inherit !important;}
.cj_01{ padding-left: 1.1rem !important;}

.lx_map_box .div_show{display: block;position: relative;letter-spacing:1px;padding-top: 31px;}
.lx_map_box div span{color: #fff;background: #241607;border:#3f3828 solid 1px;padding: 4px 13px;border-radius: 7px;}
.lx_map_box .div_show img{width: 65px;right: 13px;top: 0;position: absolute;}


@keyframes changeImg{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}

.new{ background: #0d0e12 url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/bj02.jpg) no-repeat bottom ; background-size: 100%; padding-bottom: 24px;}
.new h2{font-size: 20px; padding: 20px 0; color: #fff; text-align: center;border-bottom: #787878 solid 1px;}

.new_lies{ width: 86%; margin: 0 auto;}
.new_lies li{ border-bottom: #3a3a3b 1px dashed;font-size: 16px;color: #acacac; padding: 15px 0; line-height: 25px;}
.new_lies li a{ color: #acacac; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new_lies li:hover,.new_lies li:hover a{ color: #e1c99b;}
.mor{ display: block; background:#232326; color: #fff;width: 76%; margin: 20px auto 30px; text-align: center; 
padding: 14px 0; font-size: 16px;}

.rw_box{ text-align: center;}
.rw_box img{ width: 34%; display: block; margin:0 auto; }

.foot_box{ background: #000;}
.ul_foot{ width: 90%; margin: 0 auto; text-align:center;}
.ul_foot li{ width: 49%; float: left; text-align: center; height: 1rem; line-height: 1rem; }
.ul_foot em{ display: inline-block; border-right: #1e242b solid 1px; float: left; height: 0.42rem; margin-top: .3rem;}
.ul_foot li img:first-child{ width: 1.5rem;}
.ul_foot li img:last-child{ width: 2.0rem;}
.foot_box i{display: block; padding: 1.1rem 0.3rem 0.2rem; font-size: 0.16rem; color: #bcbcbc;}
.foot_box p{ color: #ffffff; font-size: .2rem; text-align: center; line-height: .40rem; padding-bottom:0.5rem;}
.wen_aa_an img{ width: .5rem;}

.new_lis_box{ background:#000; display: block;
	 max-width:750px;  height: 100%; position: relative;}
.new_lis_box>a{
	display: inline-block;
	float: right;
	overflow: hidden;
	clear: both;
	position: absolute;
	top: -47px;
	left: 25px;
	}
.new_lis_box a img{width: 31px;}
.new_lis_box h3{
	 width: 86%;
	 margin: 0px auto 10px;
	 text-align: center;
	 font-size: 20px;
	 background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/tbj.png) no-repeat bottom center;
	 background-size: 100%;
	 padding-bottom: 20px;
	 }
.ta_new_box li{ padding:18px 0; line-height: 25px; }
.ta_new_box li time{ margin-left: 78%;}

.page{ text-align: center; padding: 40px 0 40px; font-size: 14px;}
.page>a{display: inline-block; padding: 3px 10px; border:#404040 solid 1px; color:#a6a6a6; margin: 0 3px;}
.page>a.curr,.page>a:hover{ background: #404040;color: #fff;}
.page span{ color: #fff;margin: 0 0 0 3px;}

.new_text{background:#000; max-width:750px; min-height: 500px; padding-bottom: 20px;}
.new_text_top{ padding:20px;}
.new_text_top a:first-child img,.fh_box img{ width:37px;}
.new_text_top a:first-child{float: left;}
.fh_box{ margin: 20px; display: inline-block;}

.new_bt_box{ font-size: 18px; border-bottom:#3f3f3f dashed 1px; margin: 50px auto 20px; text-align: center;
padding: 0 0 20px; width: 90%;}
.new_text_conter{font-size: 14px;color: #acacac;width: 90%; margin: 0 auto; line-height: 25px;}
.new_text_conter img,.new_text_conter p img{ width: 100%;}

.popup-mask{background-color: rgba(0, 0, 0, .65);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999;
	display: none;}
.popup {
	width: 92%;
	/* height: 286px; */
	background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/yuyue_pop.png) no-repeat #f5f5f5;
	position: fixed;
	z-index:1000;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	display: block;
	background-size: 100%;
	display: none;
	padding-bottom: 0.5rem;
	}
.close {width:32px;height:32px;background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/close.png) no-repeat;position:absolute;top: 1px;right: 0;}
.close:hover { background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/close_hover.png) no-repeat;}
.popcontent {padding-top: 1.2rem;font-size:18px;color:#1f2a3d;/* padding-bottom: 1rem; */}
.system { padding-left:65px;margin-bottom:35px;overflow: hidden;}
.sysname { float:left;margin-right:15px;}
.system label { font-size:14px;float:left;margin:3px 38px 0 0;}
.system label input { vertical-align:-2px;margin-right:5px;}
.formdiv {padding-left: 7%;height:33px;margin-bottom:18px;line-height:33px;}
.formdiv label {margin-right: 8px;width:55px;float:left;}
.formdiv input {line-height:31px;border:1px solid #818aac;background: #fffaf2;width: 72%;padding:0 5px;font-size: 14px;}
.formtxt {font-size: 12px;color:#815f22;text-align:center;padding-top:8px;}
.btn {margin-top: 24px;text-align:center;}
.btn input {width: 55%;height: .8rem;border:none;background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/yuyue_btn.png) no-repeat;cursor: pointer;background-size: 100%;}
.btn input:hover { width: 55%;height: .8rem; background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/yuyue_btn_hover.png) no-repeat;background-size: 100%; }

#successpop .popcontent {padding-top: 1rem;font-size:14px;color:#3d3d3d;text-align:center;line-height:1.5;}

#successpop .popcontent p:nth-child(1) { font-size:16px;color:#7f5524;}
#successpop .popcontent p:nth-child(3) { margin:10px auto 20px; }
#successpop .popcontent p:nth-child(3) img{width: 39%;}

.jq_an{ border: #8b7652 solid 1px;color: #fff;border-radius: 5px; padding: 5px 8px; background: #8b7652;}
.formtxt span{color:#201b0b; }
#playerBtn{
	width:50px;
	height:50px;
	opacity: 0.6;
	position: absolute;
	z-index: 99;
	right: 12px;
	top: 14px;
	background-size: 60% 60%;
}
#playerBtn.init{
	background: url('//cdn-content.hhxcgame.com/image/yingxiongwudi/m/musicColse.gif') center center no-repeat;
	background-size: 60% 60%;
}
#playerBtn.play{
	background: url('//cdn-content.hhxcgame.com/image/yingxiongwudi/m/musicOpen.gif') center center no-repeat;
	background-size: 60% 60%;
}

.iosTxt { text-align: center;color:#b3b2b2;font-size:14px;margin-bottom: 10px;}

.sp_box{position: absolute;top: 6.8rem;left: 50%;transform: translateX(-50%);z-index: 999;}
.sp_box img{ width: 1.1rem;}

.mc_box{ background: rgba(0, 0, 0, .5); position:fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 99;
display: none;}
.tvbox{width:100%;height:404px;position:fixed;top:50%;left:50%;z-index:999;display:none; 
transform:translate(-50%,-30%);}
.tvcon { width:100%;background-color:#666666;padding:2px 3px; }
.tvclose { width:40px;height:40px;background:#000 url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/xx.png) no-repeat;position:absolute;top:-40px;right:3px;
background-size: 100% 100%;}

.jz_box{background: #17171a url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/jzbj.png) no-repeat;background-size: 100%;width: 100%;
	height: 4rem;position: relative;border-bottom: #000 solid 20px;}

/*抽奖盒子开始*/
#lotteryBox{width:100%;height:100%;}
.ly-prize-con{width: 650px;height: 1.5rem;margin: 0 auto; position: relative;}
.ly-item { width:1.2rem;height:1.2rem;position:absolute; }
.ly-item img { height:100%; }

.ly-item-01 {top: 0.19rem;left: 0.34rem;background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/cj/lb_active.png) no-repeat;background-size:100% 100%;}
.ly-item-02 {top: 0.19rem;left: 1.84rem;background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/cj/sb_active.png) no-repeat;background-size:100% 100%;}
.ly-item-03 {top: 0.19rem;left: 3.31rem;background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/cj/ltt_active.png) no-repeat;background-size:100% 100%;}
.ly-item-04 {top: 0.19rem;left: 4.8rem;background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/cj/bjb_active.png) no-repeat;background-size:100% 100%;}

.ly-item.active img { opacity:0; }
.ly-item-start {width: 100%;height: 0.75rem;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/cj/cjbtn.png) no-repeat;background-size:100%;margin:0.25rem auto 0;}
.ly-item-start.none,.disabled{ width:100%;height:0.85rem;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/cj/cjbtn_disabled.png) no-repeat;
background-size:100%; margin:0.25rem auto 0}

/*抽奖弹层 开始*/
.ly-msg-panel {position:fixed;top:0;left:0;right:0;bottom:0;z-index: 99999;background-color: rgba(0,0,0,0.8);display:none;}
.msg-panel{width:96%;position:fixed;top:50%;left:50%; transform: translate(-50%,-50%);}
.msg-panel .btnclose {position: absolute;top: 0.01rem;right: 0;width: 30px;height: 30px;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/m/close.png) no-repeat;background-size: 100%;}
.content {width:100%;color:#fff;box-sizing:border-box;font-size:0.3rem;line-height:1.2;background:#f7f7f7;padding-bottom: 0.5rem;
}
/* 实物 */
.shiwu{ display: none;}
.shiwu h2 img{ width: 100%;}
.shiwu p{font-size: 0.4rem;color:#8f6800;text-align: center;padding: 0.4rem 0;}
.shiwu .input_box{display: flex;margin-bottom: 0.2rem;}
.shiwu .input_box label{width: 25%;color: #000;text-align: right;padding-right: 0.2rem;}
.shiwu .input_box input{width: 65%;height: 0.5rem;border: #838db1 solid 1px;padding: 0 0.2rem;}
.shiwu .sw_an{width: 67%;margin: 0.4rem auto 0;}
.shiwu .sw_an img{ width: 100%;}
/* 兑换码 */
.yn{display:none;}
.yn h2 img{ width: 100%;}
.yn p{font-size: 0.4rem;color:#8f6800;text-align: center;padding: 0.4rem 0;}
.yn .input_box{display: flex;margin-bottom: 0.2rem;}
.yn .input_box label{width: 25%;color: #000;text-align: right;padding-right: 0.2rem;}
.yn .input_box input{width: 65%;height: 0.5rem;border: #838db1 solid 1px;padding: 0 0.2rem;}
.yn .sw_an{width: 67%;margin: 0.4rem auto 0;}
.yn .sw_an img{ width: 100%;}
/*抽奖弹层 结束*/

.w_jp_box{width: 50%;margin: 0.14rem auto 0;/* height: 0.5rem; */}
.w_jp_box img{width: 100%;height: 100%;}

.jq_box{
	position: fixed;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 999;
	background:#f7f7f7;
	width:96%;
	height: 3.5rem;
	text-align: center;
	display: none;
	}
.jq_box h2 img{ width: 100%;}
.jq_box>label{ width: 30%; font-size: 0.3rem;color: #000; float: left; margin-top: 1rem; margin-left: 9%;
	text-align: right; padding-right: 0.1rem;}
.jq_box>input{ width: 48%; color:#8f6800;float: left;margin-top: 1rem;height: 0.5rem;
	border: #838db1 solid 1px;padding: 0 0.2rem; background: #fff;}

.live2d{ position: absolute;top: -55%;left:50%; z-index: 90;transform: scale(0.5,0.5) translateX(-100%);}	

/* iphone 6, 6s */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 
	.live2d{top: -55%;left:50%;}	
}
/* iphone 7, 8 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 
	.live2d{ top: -70%;left:50%; }	
}
/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
	.live2d{top: -70%;left:50%; }	
 }
/* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {	
	.live2d{top: -55%;left:50%; 
	}	
}
.wen_03{margin: 0 0 15px;}
.wen_03 img{ width: 100%;}

.layui-layer-content { color:#000}

.new_text_conter a{ text-decoration:none; cursor:pointer; color:#a7a7a7; transition:all ease-out 150ms;}
.new_text_conter a:hover{ text-decoration:none; color: #832121;}