@charset "utf-8";

/*清零*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input { margin: 0; padding: 0; border: 0; }
body { font-size: 14px; font-family: Microsoft YaHei; }
ul, ol { list-style-type: none; }
select, input, img { vertical-align: middle; outline: none; }
a { text-decoration: none;  blr: expression(this.onFocus=this.blur());outline: none; }
a:hover {  text-decoration: none; }
.cl:after { content: ""; display: block; clear: both; }
.cl { zoom: 1; }
.fl { float: left; }
body{ background: #efefef;}

.hx-com-top{ background: url(../images/bantop.jpg) no-repeat 50% -48px; min-height: 640px;}
.hx-wrap{ margin: 0 auto; width: 1000px; height: auto; min-width: 1000px;}
.hx-subnav{ position: relative; height: 70px;}
.hx-subnav .hx-subnav-fl{ float: left; }
.hx-subnav .hx-subnav-fr{ float: right;}
.hx-subnav .hx-logo{ display: inline-block; position: absolute; left:40%; top:-6px;}
.hx-subnav .comm-subnav a{float: left;width: 95px;height: 64px;text-align: center; color: #fff; font-size: 16px;}
.hx-subnav .comm-subnav strong{font-size: 16px;color: #FFF;display: block;font-weight: normal;padding: 16px 0 0 0;}
.hx-subnav .comm-subnav span{font-size: 10px;color: #EEE;-webkit-text-shadow: #000 0px 0px 5px; -moz-text-shadow: #000 0px 0px 5px; -ms-text-shadow: #000 0px 0px 5px;text-shadow: #000 0px 0px 5px;}
.hx-subnav .comm-subnav a:hover strong{-webkit-text-shadow:#f77601 0px 0px 5px; -ms-text-shadow:#f77601 0px 0px 5px; -moz-text-shadow:#f77601 0px 0px 5px; text-shadow:#f77601 0px 0px 5px;}
.hx-subnav .comm-subnav a:hover span{color:#b29768;}
.hx-subnav .comm-subnav a:hover{text-decoration:none;}

.hx-alink{ height: 120px; width: 100%;  background: url(../images/subnav.png) no-repeat 0 0; margin-top: 220px; margin-left:0px}
.hx-alink .hx-alink-cnav{ display: inline-block; float: left; width: 140px; height: 120px; margin-right: 32px;}
.hx-alink .down-load:hover{ background:url(../images/subnav.png) no-repeat 0 -165px;}
.hx-alink .game-desk:hover{ background:url(../images/subnav.png) no-repeat -172px -165px;}
.hx-alink .get-card:hover{ background:url(../images/subnav.png) no-repeat -344px -165px;}
.hx-alink .pre-combat:hover{ background:url(../images/subnav.png) no-repeat -516px -165px;}
.hx-alink .win-frist:hover{ background:url(../images/subnav.png) no-repeat -688px -165px;}
.hx-alink .game-shop:hover{ background:url(../images/subnav.png) no-repeat -860px -165px;}

.hx-intro { height: 115px; margin-top: 54px; background: #fff; }
.hx-intro dl{ position: relative; }
.hx-intro dd{ margin-left: 350px; padding: 10px 28px; min-height: 115px;}
.hx-intro dt{ position: absolute; left:0;top: 0px;width: 350px;height: 118px;}
.hx-intro dt p{ font-size: 40px; color: #fff; position: absolute; right:50px; top:30px; display: inline-block; }
.hx-intro dd .icon{ width:14px;height: 14px; display: inline-block; ; background:url(../images/art_first.png) no-repeat 50% 50%; margin: 0 15px 0 15px;}
.hx-intro dd p{ line-height: 28px; font-size: 16px; }

.hx-intro .hx-download{ padding: 0;}
/******切换*******/
.gainCard .hx-intro dt{ background: url(../images/gcard.jpg) no-repeat;}
.downInstall .hx-right-float .cur{ height: 62px; line-height: 62px; background: url(../images/dtitle.jpg) no-repeat; color: #ffb2b2}
.gainCard .hx-right-float .cur{ height: 62px; line-height: 62px; background: url(../images/green.jpg) no-repeat; color: #bde6d4}
.downInstall .hx-intro dt{background: url(../images/downdt.png) no-repeat;}
.downInstall .hx-intro dt p{ display: none;}
.winFirst .hx-intro dt{background: url(../images/windt.png) no-repeat;}
.winFirst .hx-intro dt p{ display: none;}
.winFirst .hx-right-float .cur{ height: 62px; line-height: 62px; background: url(../images/wintitlebg.jpg) no-repeat; color: #e9c6b2}
.gameInter .hx-right-float .cur{ height: 62px; line-height: 62px; background: url(../images/gametitle.jpg) no-repeat; color: #e9c6b2}
.gameInter .hx-intro dt{background: url(../images/gamedt.jpg) no-repeat;}
.gameShop .hx-intro dt{ background: url(../images/shopdt.jpg) no-repeat;}
.gameShop .hx-right-float .cur{height: 62px; line-height: 62px; background: url(../images/shoptitle.jpg) no-repeat; color: #d4dcfb;}
.planCombat .hx-intro dt{ background: url(../images/plandt.jpg) no-repeat;}
.planCombat .hx-right-float .cur{height: 62px; line-height: 62px; background: url(../images/plantitle.jpg) no-repeat; color: #bfbfbf;}


/***right float***/
.hx-right-float{ position: fixed; margin-left: 1030px; bottom: 300px; width: 136px; height: auto; z-index: 99}
.hx-right-float .hx-rnav{ height: 46px; display: block; text-align: center; line-height: 46px; color: #fff; font-size: 16px; background: url(../images/con_right_nav.jpg) no-repeat; position: relative;}
.hx-right-float .hx-rnav .icon{ width: 8px; height: 8px; display: inline-block; background: url(../images/backtop.png) no-repeat; position: absolute; right:20px; top:20px;}


.gcard-sec1{ height: 798px; background: url(../images/getpart1bg.jpg) no-repeat 50% 0;}
.gcard-sec2{ background:#f7f7f7 url(../images/getpart2bg.png) no-repeat 50% 200px; padding-bottom: 50px;}
.hx-comm-title h3{ font-size: 28px; color: #fff; font-weight: normal; font-style: normal; margin: 0px 0 20px 0; padding-top:20px;}
.hx-comm-title h3 strong{ font-size: 48px; padding-right: 16px;}

.hx-focus{ text-align: center; position: relative;}
.hx-focus ul{ width: 807px; height: 485px; overflow: hidden; margin: 0 auto; position: relative;}
.gcard-sec2 .hx-focus ul{ height: 548px;}
.hx-focus li{ position: absolute; left:0; top:0; z-index: 1; opacity: 0; filter:alpha(opacity=0); width: 807px; }
.hx-focus li a{ display: block; width: 100%;height: 485px;}
.hx-focus li a img{ width: 807px; height: 485px; overflow: hidden;}

.hx-foc-intro{ padding-top: 25px; width: 807px; margin: 0 auto;}
.hx-foc-intro p{ color: #fff; font-family: SimSun; line-height: 24px; padding-bottom: 10px;}
.hx-foc-intro p img{ padding-right: 15px; float: left; margin-top: 3px;}

.hx-focus .btn{ width: 34px; height: 62px; display: inline-block; position: absolute; z-index: 4; top:228px; cursor: pointer;}
.hx-focus .btnleft{ left:102px; background: url(../images/btnLeft.png) no-repeat;}
.hx-focus .btnright{ right:102px; background: url(../images/btnRight.png) no-repeat;}

.black h3{ color: #313131}
.grey p{ color: #525252;}
.odd{ background: #f7f7f7;}
.even{ background: #d2d2d2}
.black p{ color: #525252;}

/***下载安装***/
.downInstall .hx-com-top{ min-height: 755px;}
.downInstall .hx-com-top{ position: relative;}
.hx-bg { background: #fff; opacity: 0.6; filter:alpha(opacity=60); width: 100%; height: 404px; position: absolute; bottom: 0; left:0; }
.hx-download{ display: block; margin: 20px 0;}
.hx-download a{ display: block;}
.downInstall  .hx-intro{ position: relative; z-index: 5; background: none;}
.downInstall .hx-alink{position: relative; z-index: 5;}
.dstall-sec1{ background: url(../images/dpartbg.jpg) no-repeat 50% 0; min-height: 383px;}
.downInstall .hx-comm-title{ width: 860px; margin: 0 auto;}
.downInstall .hx-comm-title h3 img{ padding-right: 18px;}
.downInstall .hx-foc-intro{ padding-top: 0; width: 860px;}
.downInstall .hx-reg{ display: block; width: 249px; height: auto; background: url(../images/regbg.png) no-repeat 50% 0; text-align: center; margin: 0 auto; margin-top: 40px;}
.downInstall .hx-reg span{ color: #fff; font-size: 24px; height: 76px; line-height: 76px; display: block; font-weight: bold;}
.downInstall .hx-reg b{ color: #fff; font-family:SimSun; padding: 5px 0; font-weight: normal; font-size: 14px; }
.hx-bascon{  width: 807px; margin: 0 auto;margin-top: 36px;}
.hx-bascon dl{ position: relative; margin-bottom: 52px;}
.hx-bascon dt{ width: 118px; height: auto; position: absolute; left: 0; top:0;}
.hx-bascon dd{ float: left; margin-left: 118px; border: 1px solid #d2d2d2; width: 650px;}
.hx-bascon span{ color: #525252; font-family:SimSun; }
.hx-bascon dt span{ color: #fff; background: #ec432c; width: 78px; height: 26px; line-height: 26px; text-align: center; display:inline-block;}
.hx-bascon dd p{ height: 32px;line-height: 32px;}
.hx-bascon .hx-sp{ display: inline-block; width: 100px; height: 26px; text-align: left; padding-left: 42px;}
.dstall-sec3{background: url(../images/dpart3bg.jpg) no-repeat 50% 0; min-height: 358px;}
.downInstall .black b{ color: #525252;}

.dstall-sec4{ background:#f7f7f7 url(../images/getpart2bg.png) no-repeat 50% 544px; padding-bottom: 40px;}
.downInstall .hx-focus{ padding: 10px 0 20px 0; }
.hx-slove{ width: 860px; margin: 0 auto; padding-bottom: 10px;}
.hx-slove li{ line-height: 20px; height: 20px; background: url(../images/icon.png) no-repeat 0 18px; padding: 10px 0;padding-left: 16px; }
.hx-slove li a{ color: #525252; font-family:SimSun; }

/*******赢得首胜******/
.hx-foc-intro .alt{ color: #bc7f5b; font-size: 12px;}
.winFirst{}
.winFirst .hx-comm-title{ width: 960px; margin: 0 auto;}
.winFirst .hx-focus ul{ height: 548px;}
.hx-focus .hx-focus-desc{ height: 66px;background-color: #000; background: rgba(0,0,0,0.6);  color: #d7d7d7; text-align: left; padding:6px 28px; line-height: 25px; text-indent: 2em;}
.hx-article{ width: 807px; height: auto;margin: 0 auto; height: 120px; background: #efefef;}
.hx-article  ul{  width: 100%; padding: 3px 0;}
.hx-article li{ margin-left: 28px; line-height: 24px; padding: 2px 0;}
.hx-article .icon{ width: 16px; height: 16px; display: inline-block; background: url(../images/winnumbg.png) no-repeat; text-align: center; line-height: 16px; color: #fff; font-size: 12px; margin-right: 18px;}
.hx-article a{ color: #525252; font-size: 12px;}
.winFirst .win-sec3 .hx-article{background-color: #2b2621; background: rgba(0,0,0,0.3); }
.winFirst .win-sec3 .hx-article a{ color: #fff;}
.win-sec1{ background: url(../images/win2bg.jpg) no-repeat 50% 0; height: 846px;}
.win-sec3{background: url(../images/win3bg.jpg) no-repeat 50% 0; padding-bottom: 50px;}
.winFirst .win-sec3 .hx-focus ul{ height: 485px;}
.winFirst .win-sec2{ padding-bottom: 20px; background: #f7f7f7; padding-bottom: 40px;}


/******游戏界面******/
.game-sec1{ background: url(../images/gamepart1.jpg) no-repeat 50% 0; min-height: 720px;}
.game-sec3{ background: url(../images/gamepart2.jpg) no-repeat 50% 0; min-height: 776px;}
.game-sec1 .hx-focus ul{height: 548px;}
.gameInter .hx-comm-title h3{ margin-bottom: 20px; padding-top: 20px;}
.game-sec2 {background: #f7f7f7; padding-bottom: 20px;}
.game-sec2 .hx-focus ul{ width: 654px; height: 410px; overflow: hidden; float: left; margin-left: 100px;}
.game-sec2 .hx-focus li{ width: 654px;}
.game-sec2 .hx-focus li a img{ width: 654px; height: 410px;}
.hx-focus .btn-nav { position: relative; float: left; width: 134px; background: #363636; height: 410px;}
.hx-focus .btn-nav a{ display: block; height: 36px; line-height: 36px; border-top:1px solid #646464; border-bottom: 1px solid #646464; margin-bottom: -1px; background: #363636; color: #e4e4e4; font-family:SimSun;}
.hx-focus .btn-nav .cur{ background: #6e4a7f;}

/******游戏商城*****/
.shop-sec1{background: url(../images/shop1.jpg) no-repeat 50% 0; min-height: 739px;}
.shop-sec3{background: url(../images/shop2.jpg) no-repeat 50% 0; min-height: 739px;}
.shop-sec2{background: #f7f7f7; padding-bottom: 40px;}
.gameShop .hx-comm-title h3{ margin-bottom: 20px; padding-top: 20px;}
.shop-sec1 .hx-focus ul{height: 548px;}
.gameShop .hx-foc-intro a{ color: #5d79dc;}
.hx-shop-desc{ width: 807px; height: 248px; margin: 0 auto; background: #e1e1e1; position: relative;}
.hx-shop-desc .shop-img{ position: absolute; left:0; top:0; width: 365px; height: 248px; background: #000;}
.hx-shop-desc .shop-intro{ float: left; margin-left: 365px;}
.hx-shop-desc .shop-intro .shop-intro-child{ margin: 0px 25px; font-family:SimSun; line-height: 24px; position: relative; margin-top: 46px;}
.hx-shop-desc .shop-intro .shop-intro-child img{ margin-right: 15px; position: absolute; left:0; top:4px;}
.hx-shop-desc .shop-intro .shop-intro-child p{ float: left; margin-left: 20px; color: #313131;}


/******准备战斗*****/
.planCombat{background: #f7f7f7;}
.plan-sec1{ background: url(../images/palnpart1.jpg) no-repeat; min-height: 740px;}
.planCombat .hx-comm-title h3{ margin-bottom: 20px; padding-top: 20px;}
.plan-sec1 .hx-focus ul,.plan-sec2 .hx-focus ul{height: 548px;}
.plan-sec2{background: #f7f7f7 url(../images/getpart2bg.png) no-repeat 50% 480px; padding-bottom: 80px;}
.planCombat .hx-foc-intro{ padding-top: 0;}
.planCombat .hx-focus{ padding-bottom: 20px;}
.planCombat .hx-article{ background: #efefef; height: auto; margin-top: 10px;}
.planCombat .hx-article .icon{ background: url(../images/planum.png) no-repeat;}


.nav_first{float:left;text-align:center;}
.a_navfirst{display:block;width:95px;heigeht:64px; position:absolute;top:0;left:0;}
.navBox{width:385px;}
.navBox a,.nav_first{ position:relative;background-image:url(http://hex.wanmei.com/resources/png/160511/10511462954673130.png);background-repeat:no-repeat;width:96px;display:block;height:180px;cursor:pointer;padding-top:15px;color:#fff;}
.nav_first:hover strong,.nav_first:hover span{color:#b29768;}
.navBox span{font-size:12px;display:block;}
.nav_second{width:95px;height:auto; text-align:center; position:absolute;top:64px;left:0;display:none;}
.nav_second a{display:block;line-height:26px;height:26px;color:#fff;}
.nav_second a:hover{color:#b29768;}
.nav_first:hover{ background-position:-95px 0;color:red;}
.nav_first:hover .nav_second{display:block;}
a.a_navfirst{width:95px;height:64px; position:absolute;top:0;left:0;z-index:99;}
.navBox{ position:absolute;top:0;}
.navleft{left:0;}
.navright{right:0;}