html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100%; } body { margin: 0; font-size: 1.4rem; line-height: 1.5; color: #333333; background-color: white; height: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc; } a:active { outline: 0; } a:active { color: #006699; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; vertical-align: middle; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, button, input, select, textarea { font-family: "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; } h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; } ul, ol, li, dl, dd { margin: 0; padding: 0; } ul, ol { list-style: none outside none; } h1, h2, h3 { line-height: 2; font-weight: normal; } h1 { font-size: 1.8rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.4rem; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;} .tc { text-align: center;}
body{background:url(../images/body_bg.jpg) center top repeat-y; background-size:6.4rem;}

.wrapper{max-width:6.4rem; background:url(../images/bg.jpg) no-repeat; background-size:contain; padding-top:0.9rem; margin:0 auto; position:relative;}

header{width:6.4rem; height:1.3rem; background:#0b0303; padding:0 .14rem; position:fixed; top:0; z-index:3;}
header .logo{width:1.04rem; height:1.04rem;display:block; margin-top:.13rem; float:left;}
header .logo img{width:100%;height:100%;}

header .ginfo{color:#fec15f; padding:.24rem 0 0 .1rem; float:left;width:2.26rem;height:103px;}
header .ginfo h2{line-height:.4rem; font-size:.36rem;overflow: hidden;height: 0.4rem;}
header .ginfo i{width:.56rem; height:.26rem; line-height:.26rem; color:#fff; font-size:0.18rem; font-style:normal; background:#ee3614; border-radius:0.05rem; text-align:center; display:inline-block; vertical-align:middle;}
header .ginfo p{color:#fff; font-size:.26rem;white-space: nowrap;width: 108.5%;overflow: hidden;}
header .btns{width:2.14rem; height:.74rem; background:url(../images/header_btn.png) no-repeat; background-size:2.14rem .74rem;overflow:hidden; margin-top:.28rem; float:right;line-height: .74rem;font-size: .3rem;color: #f8e9d1;text-align:center;font-weight: 700;}

.wrap{display:block; position:relative;}
.slidebox {height:3.8rem; overflow:hidden; position:relative;}
.slidebox .bd,.slidebox .bd ul,.slidebox img {width:6.4rem; height:3.8rem;}
.slidebox .hd{width:100%; height:.18rem; text-align:center; position:absolute; bottom:.14rem; right:0; z-index:2;}
.slidebox .hd li{width:.18rem; height:100%; background:#fff; border-radius:.1rem; text-indent:-999px; overflow:hidden; display:inline-block; margin:0 .04rem; cursor:pointer;}
.slidebox .hd li.on{background:#db0000;}

.info-opens{width:6.4rem; height:.49rem; line-height:.49rem; color:#db0000; font-size:.22rem; background:#1d1514; border-bottom:.01rem solid #342a28; padding:0 .2rem;}
.info-opens span{color:#fff;}

.newsbox{width:6.4rem; padding:.2rem;}
.news-tab{height:.62rem; color:#dbdbdd; font-size:.28rem;}
.news-tab li{width:25%; height:.61rem; line-height:.61rem; background:#171310; border-bottom:.01rem solid #923125; text-align:center; float:left; cursor:pointer;overflow: hidden;}
.news-tab li.active{color:#ffe9cc; background:#7c1c16;}
.news-con{color:#c8b7af; margin-top:.2rem;}
.news-con .news-c{display:none;}
.news-con .news-c li{height:.38rem; line-height:.38rem; font-size:.18rem; overflow:hidden; margin:.1rem 0;}
.news-con .news-c li i{width: 85px; height:.22rem; line-height:.22rem; color:#fff; font-size:.14rem; font-style:normal; background-size:contain; padding-left:.1rem; margin:.08rem .1rem 0 0; float:left;white-space;overflow: hidden;}
.news-con .news-c li i.gg_i{background-image:url(../images/gg_i.png);}
.news-con .news-c li i.hd_i{background-image:url(../images/hd_i.png);}
.news-con .news-c li i.gl_i{background-image:url(../images/gl_i.png);}
.news-con .news-c li i.wj_i{background-image:url(../images/wj_i.png);}
.news-con .news-c li a{max-width:3.6rem; color:#c8b7af;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;float:left;}
.news-con .news-c li a:hover{color:#f9e5dc;}
.news-con .news-c li span{float:right;}
.news-con .news-c .more{width:2.38rem; height:.76rem; background:url(../images/more.png) no-repeat; background-size:2.38rem .76rem; display:block; text-indent:-999px; overflow:hidden; float:none; margin:.3rem auto .1rem auto;}

.gamedata{overflow:hidden;}
.gamedata dt{height:.68rem;}
.gamedata dt img{width:100%;}
.gamedata dd{line-height:.3rem; font-size:.26rem; overflow:hidden; margin:.25rem .1rem;}
.gamedata dd a{width:25%; color:#b5b2a8; text-align:center; overflow:hidden; margin:.15rem 0; float:left;}
.gamedata dd a:hover{color:#fff;}

.yxgl{overflow:hidden;}
.yxgl dt{height:.68rem;}
.yxgl dt img{width:100%;}
.yxgl dd{line-height:.3rem; font-size:.26rem; overflow:hidden; margin:.15rem .3rem;}
.yxgl dd p{height:.38rem; line-height:.38rem; font-size:.18rem; overflow:hidden; margin:.1rem 0;}
.yxgl dd p i{width:.7rem; height:.26rem; line-height:.25rem; color:#fff; font-size:.14rem; font-style:normal; background-image:url(../images/hd_i.png); background-size:contain;margin:.08rem .2rem 0 0; float:left;overflow: hidden;text-align: center;padding-right: 0.1rem;background-size: 100%;}
.yxgl dd p a{max-width:4.6rem; color:#c8b7af; overflow:hidden; float:left;}
.yxgl dd p a:hover{color:#f9e5dc;}
.yxgl dd p span{float:right;}
.yxgl dd .more{width:2.38rem; height:.76rem; background:url(../images/more.png) no-repeat; background-size:2.38rem .76rem; display:block; text-indent:-999px; overflow:hidden; float:none; margin:.3rem auto .2rem auto;}



.role{margin-bottom:.1rem;}
.role_tit{height:.68rem;}
.role_txt{height:6.5rem; overflow:hidden; position:relative;}
.role_txt .btn{width:.22rem; height:.34rem; background-size:contain; position:absolute; top:50%; margin-top:-.17rem; z-index:2;}
.role_txt .prev{background:url(../images/prev.png) no-repeat; left:.1rem;}
.role_txt .next{background:url(../images/next.png) no-repeat; right:.1rem;}
.role img{width:100%;height:100%}

.qr_code{height:3.8rem; background:url(../images/qr_code.png) no-repeat; background-size:contain; margin:0 auto;}

.u-kefu{height:1.28rem; padding:.2rem 0;}
.u-kefu .item{width:24%; color:#dfdfdf; font-size:.18rem; text-align:center; float:left;}
.u-kefu .item i{width:.5rem; height:.5rem; background-size:cover; display:block; margin:0 auto .1rem;}
.u-kefu .item .i1{background-image:url(../images/custom.png);}
.u-kefu .item .i2{background-image:url(../images/phone.png);}
.u-kefu .item .i3{background-image:url(../images/serve.png);}
.u-kefu .item .i4{background-image:url(../images/recharge.png);}
.u-kefu .item .i5{background-image:url(../images/platform.png);}
.u-kefu a span{max-width: 1rem;display: inline-block;overflow: hidden;height: 0.25rem;}

footer{color:#dfdfdf; text-align:center; padding:.2rem 0 1.6rem 0;}
footer .back_top{width:3.4rem; height:.6rem; background:url(../images/back_top.png) no-repeat; background-size:3.4rem .6rem; display:block; margin:0 auto; cursor:pointer;}
footer p{margin-top:.16rem;}
footer a{color:#dfdfdf;}
footer a:hover{color:#03b4f5;}


/* 悬浮按钮 */
.levi_nav{width:100%; position:fixed; bottom:0; left:auto; z-index:5;  max-width: 6.4rem; min-height:30px;}
.levi_nav dt{ padding-bottom:10px; overflow:hidden}
.levi_nav dt a{width:20%; height:100%;float:left; cursor:pointer;}
/*.levi_nav dt a:hover{background-image:url(../images/levi_nav_hover.png);}*/
.levi_nav dt a.b1,.levi_nav dt a.b1:hover{background-position:0 0;}
.levi_nav dt a.b2,.levi_nav dt a.b2:hover{background-position:-1.28rem 0;}
.levi_nav dt a.b3,.levi_nav dt a.b3:hover{background-position:-2.56rem 0;}
.levi_nav dt a.b4,.levi_nav dt a.b4:hover{background-position:-3.84rem 0;}
.levi_nav dt a.b5,.levi_nav dt a.b5:hover{background-position:-5.12rem 0;}

/*.levi_nav dd{width:6.4rem; background:rgba(0,0,0,.7); position:absolute; top:-1.28rem; left:0; display:none;}*/
/*.levi_nav dd em{width:.4rem; height:.4rem; background:url(/images/close.png) no-repeat rgba(0,0,0,.7); background-size:contain; position:absolute; top:-.4rem; right:0; z-index:3; cursor:pointer;}*/

.u-fuli{height:1.28rem; padding:.2rem 0;}
.u-fuli .item{width:20%; height:100%; color:#dfdfdf; font-size:.18rem; text-align:center; float:left;}
.u-fuli .item i{width:.5rem; height:.5rem; background-size:cover; display:block; margin:0 auto .1rem;}
.u-fuli .item .i1{background-image:url(../images/fuli_qq.png);}
.u-fuli .item .i2{background-image:url(/images/fuli_eve.png);}
.u-fuli .item .i3{background-image:url(/images/fuli_qd.png);}

.u-gift{height:1.28rem; padding:.2rem 0;}
.u-gift .item{width:20%; height:100%; color:#dfdfdf; font-size:.18rem; text-align:center; float:left;}
.u-gift .item i{width:.5rem; height:.5rem; background-size:cover; display:block; margin:0 auto .1rem;}
.u-gift .item .i1{background-image:url(../images/wechat_gift.png);}
.u-gift .item .i2{background-image:url(../images/plat_gift.png);}

/* 列表页面 */
.kai_ul{overflow: hidden;min-height: 330px;}
.kai_ul li{height:0.63rem; line-height:0.63rem; color:#999; font-size:0.19rem; border-bottom:1px dashed #4a3e3e;}
.kai_ul li span{display:inline-block; vertical-align:middle;}
.kai_ul .k1{width:1.25rem;}
.kai_ul .k2{width:1.1rem;}
.kai_ul .k3{width:0.9rem;}
.kai_ul .k4{width:1.6rem;}
.kai_ul li.kai_tit{color:#ea8338;}
.k5 a{display:inline-block; vertical-align:middle; width:0.7rem; height:0.25rem;position: relative;top: -3px;}
.k5 a img{display:block; width:100%;height:100%}
.k5 a span{position: relative;top: -0.48rem;left: 15px;color: #fff;font-size: 14px;}


/* 列表??*/
.art_wrap{background:url(../images/body_bg.jpg) center top repeat-y; background-size:contain; padding:.25rem;min-height: 4.8rem;}

.local{height:.44rem; line-height:.4rem; color:#ffe9cc; font-size:.38rem; border-left:.1rem solid #7c1c18; padding-left:.1rem; margin-bottom:.2rem;}

.art-tab{height:.62rem; color:#dbdbdd; font-size:.28rem; margin-bottom:.2rem;}
.art-tab a{width:20%; height:.61rem; line-height:.61rem; color:#dbdbdd; background:#171310; border-bottom:.01rem solid #923125; text-align:center; float:left; cursor:pointer;overflow: hidden;}
.art-tab a.active{color:#fff; background:#7c1c16;}

.art-list{color:#c8b7af;}
.art-list li{height:0.38rem; line-height:0.38rem; font-size:.18rem; overflow:hidden; margin:.1rem 0;}
.art-list li i{width:.8rem; height:0.38rem; color:#fff; font-size:.14rem; font-style:normal; background-size:contain; padding-left:.1rem; margin:.0rem .1rem 0 0; float:left;overflow:hidden;}
.art-list li i.gg_i{background-image:url(../images/gg_i.png);}
.art-list li i.hd_i{background-image:url(../images/hd_i.png);}
.art-list li i.gl_i{background-image:url(../images/gl_i.png);}
.art-list li i.wj_i{background-image:url(../images/wj_i.png);}
.art-list li a{max-width:3.81rem; color:#c8b7af;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;float:left;}
.art-list li a:hover{color:#f9e5dc;}
.art-list li span{float:right;}


/*内容??*/
.art-title{line-height:.4rem; color:#fff; font-size:.28rem; text-align:center; }
.art-info{color:#815f51; font-size:.18rem; text-align:center; margin-bottom:.2rem;}
.art-body{color:#c8b7af; font-size:.14rem;}
.art-body img{max-width:100%; display:block; margin:.2rem auto !important;}
.return{width:4.2rem; height:.48rem; line-height:.48rem; color:#fff; font-size:.18rem; background:#b28d40; border-radius:4px; text-align:center; overflow:hidden; display:block; margin:.3rem auto .1rem auto;}


/*游戏礼包*/
.gift{background:url(../images/body_bg.jpg) center top repeat-y; background-size:contain; padding:.3rem .2rem;}
.gift h3{height:.7rem; line-height:.7rem; color:#ba2018; font-size:.38rem; font-weight:bold; background:url(../images/gift_tit.png) no-repeat; background-size:contain; text-align:center;}
.gift dl{color:#c8b7af; margin-bottom:.4rem;}
.gift dt{line-height:.4rem; font-size:.22rem; overflow:hidden; padding:.2rem 0;}
.gift dt .info{overflow:hidden;}
.gift dt .info span{display:block;}
.gift dt .info em{width:1.5rem; color:#ba1d1f; font-style:normal; float:left;}
.gift dt .info span{width:4.5rem; float:left;}
.gift dd .pic{height:1.12rem; overflow:hidden; text-align:center; margin:.1rem 0;}
.gift dd .pic img{width:1.02rem; height:1.12rem; overflow:hidden; display:inline-block; margin:0 .2rem;}
.gift dd .btn{width:238px; height:76px; background:url(../images/gift_btn.png) no-repeat; background-size:contain; display:block; margin:.3rem auto;}


/*图片弹窗*/
.pop_box{width:5.88rem; height:6.48rem; background:#fff; border:.06rem solid #000; position:fixed; top:50%; left:50%; margin:-3.24rem 0 0 -2.94rem; z-index:101; display:none;}
.pop_box .pop_close{width:.5rem; height:.5rem; background:url(../images/pop_close.png) center no-repeat #000; text-align:center; display:block; position:absolute; top:-.04rem; right:-.04rem; cursor:pointer;}
.pop_box .pop_txt{height:100%; overflow:hidden;}
.pop_box .pop_txt img{width:100% !important; height:100% !important; display:block;}

/*遮罩??*/
.mask {width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:100; display:none;}
/*新手入门标题文字*/
.title-text{position: relative;top: -86%;font-size: 0.3rem;color: #d92420;font-weight: 600;display:block;width: 1.3rem;height: 0.45rem;text-align: center;overflow: hidden;margin: 0 auto;}
/*最底部跟随样式*/
.levi_nav{background: rgba(2,2,2,0.7);}
.levi_nav a:hover{color:#7c1c16;}
.levi_nav a img{display:block;width:36px;height:36px;margin:10px auto;  }
.levi_nav a>div{text-align:center;}
/*新闻列表样式*/
#contentWrap ul{display:none;overflow:hidden;overflow: hidden;min-height: 330px;}
#contentWrap ul.list-on{display:block;}
/*首页职业介绍图片*/
#role ul.bd li{height: 6.5rem;}
#slidebox ul.bd li img{width: 6.4rem;height: 3.8rem;}


/*屏幕适配*/
@media only screen and (max-width: 375px){ /*iphone6*/
	
}
@media only screen and (max-width: 320px){ /*iphone5*/
	
}
@media only screen and (min-width: 415px){ /*大于6P的尺寸（ipad，pc??*/
	
}