/* 一级导航条开始*/

.first_nav { width: 1200px; height: 99px; margin:-200px auto 0; background: url("../images/first_nav.jpg") no-repeat left center; position: relative; cursor: pointer; z-index:100; }

.first_nav a { display: inline-block; width: 148px; height: 99px; text-align: center; line-height: 99px; text-decoration: none; color: #B3B3B3; font-size: 18px; font-weight: bold; }

.first_nav a:hover { color: #FF9900; background: url("../images/nav_bj.png") no-repeat center center; }

.first_nav .start_btn { width: 280px; height: 142px; background: url("../images/start_btn.png") no-repeat 0 0; position: absolute; right: 0; bottom: 0; }

.first_nav .start_btn:hover { background: url("../images/start_btn.png") no-repeat 0 -157px; }

/* 一级导航条结束*/



/*二级导航开始*/

.second_nav { width: 1200px; height: 68px; margin: 1px auto 0; position: relative; z-index:100;}

.second_nav .nav_left { float:left;width: 920px; height: 66px;background: url("../images/nav_left_bg.png") no-repeat ; line-height:66px; text-align:center; color:#fff; font-size:16px; text-shadow:2px 2px 2px #621f1f;margin-left:0px }

.second_nav .nav_left p { line-height: 24px; color: #414141; }

.second_nav .nav_left .nav_head { font-weight: bold; font-size: 12px; color: #d2d2d2; }

.second_nav .nav_left a { margin: 0 8px; font-size: 12px; color: #999999; }

.second_nav .nav_left .nav_indent { margin-left: -3px; }

.second_nav .nav_left a:hover { color: #FFF; text-decoration: underline; }

.get_btn { width: 280px; height: 69px; background: url("../images/start_btn.png") no-repeat 0 -316px; position: absolute; right: 0; bottom: 1px; }

.get_btn:hover { background: url("../images/start_btn.png") no-repeat 0 -402px; }

/*二级导航结束*/



/*侧边信息栏开始*/

.adv_part { width: 1200px; height: 750px; margin: 5px auto; position: relative;z-index:100 }

.adv_list { width: 500px; height: 750px;background: #272625 url("../images/adv_list_bg.jpg") no-repeat left top; }

.txt_adv { width: 460px; height: 698px;padding: 30px 20px; }

.txt_adv .new_info, .type_list, .txt_adv .strategy, .txt_adv .game_data { text-align: center; }

.txt_adv h2 { font-size: 22px; line-height: 24px; font-weight: bold; color: #D5B381; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px auto 5px; }

.txt_adv h2 a { color: #d5b381; }

.txt_adv h2 a:hover { color: #ff9900; }

.txt_adv .type_list { margin-bottom: 15px; }

.txt_adv .type_list a { font-size: 14px; line-height: 24px; color: #74716e;  text-decoration:none; }

.type_list:hover { text-decoration:none; }

.game_data a:hover {text-decoration:none;}

.txt_adv .strategy { font-size: 20px; font-weight: bold; color: #D5B381; }

.txt_adv .game_data a { font-size: 14px; color: #74716e; margin: 0 7px; }

.txt_adv a:hover { color: #D5B381; }

.stra_btn, .hottxt_btn { width: 220px; height: 35px; background: #413F3D; position: relative; text-align: center; line-height: 35px; font-size: 16px; color: #8b8988; margin: 25px 0 0 4px; float: left; cursor:pointer;}

.hottxt_btn { margin-left: 10px; }

.stra_btn .strat_list { width: 452px; position: absolute; top: 43px; left: 0; }

.hottxt_btn .hot_list { width: 452px; position: absolute; top: 43px; left: -230px; display: none; }

.strat_list a:hover { color: #D5B381; }

.btn_tag { font-style: normal; font-size: 30px; color: #413F3D; position: absolute; top: 16px; left: 50%; margin-left: -9px; color: #621F1F; display: none; }

.strat_ul_top li, .strat_ul_center li, .strat_ul_bottom li { text-align: right; width: 440px; height: 35px; line-height: 35px; position: relative; left: 10px; border-bottom: 1px dashed #393734; }

li.last_das { border-bottom: none; }

.ul_tag { position: absolute; font-size: 15px; color: #BD9D60; left: -20px; top: 0; }

.ul_txt { float:left;font-size: 13px;margin-left: 5px; text-align: left; color: #999; position: absolute; left: 0; width: 460px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration:none; }

.ul_txt:hover {text-decoration:none;cursor:pointer;}

.strat_ul_top li a, .strat_ul_center li a, .strat_ul_bottom li a { margin: 0; }

.strat_ul_top li a:hover, .strat_ul_center li a:hover, .strat_ul_bottom li a:hover { color: #d5b381; margin-left: 5px; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; }

.ul_date { font-size: 14px; float: right; color: #4f4d4a; }

.strat_ul_top, .strat_ul_center, .strat_ul_bottom { padding: 5px 0; }

.hr_style { width: 430px; border-top: 1px solid #201E1C; border-left: none; border-right: none; border-bottom: 1px solid #363533; margin: 3px 4px 3px auto; text-align: right; }

.prove_list { width: 500px; height: 168px; }

.prove_list a { display: block; float: left; margin-top: 15px; width: 143px; height: 54px; padding: 14px 0 0 14px; font-size: 16px; color: #BDB8B3; font-weight: normal; }

.prove_list a:hover { color: #FFAE00; }

.prove_list a span { display: block; width: 34px; height: 15px; background: url("../images/sprit.png") no-repeat; background-position: 0 0px; margin-top: 7px; }

.prove_list a:hover span { background-position: 0 -20px; }

.prove_list a.prove_2, .prove_list a.prove_5 { margin-left: 14px; }

.prove_list a.prove_3, .prove_list a.prove_6 { margin-left: 15px; }



/*轮播图，搜索框,tab切换区域开始*/

.switch_part { width: 686px; height: 817px; position: absolute; right: 0; top: 0; }

.search_part { height: 42px; }

.search_part .search_box { width: 295px; height: 22px; padding: 10px 20px; font-size: 14px; text-align: left; line-height: 22px; color: #64615F; background: #282726; position: absolute; left: 0; top: 0; }

.search_part .search_btn { width: 110px; height: 42px; background: url("../images/sprit.png") no-repeat 0 -39px; background-color: #51504E; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "瀹?浣?"; color: #B1ACA8; font-size: 18px; margin-left: -4px; padding-left: 24px; cursor: pointer; position: absolute; top: 0; left: 339px; }

.save_btn { width: 110px; height: 42px; font-size: 17px; text-align: center; line-height: 42px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "瀹?浣?"; color: #D4BFAA; background-color: #8A5800; position: absolute; right: 120px; top: 0; cursor: pointer; }

.search_part .game_discus { right: 0; }



/*tab切换区开始*/

.tab { width: 665px; height: 400px; margin-top: 10px; position: relative; padding:10px;background:url("../images/tab_bg.jpg") no-repeat left top;}

.tab .option { position: absolute; top: 15px; left: 15px; z-index: 2; }

.tab .option li { float: left; list-style-type: none; width: 160px; height: 40px; font-size: 20px; color: #000; margin-right: 5px; cursor: pointer; text-align: center; line-height: 40px; color: #7F7D7C; font-size: 18px; background: #413F3D; position: relative; }

.content01, .content02, .content03, .content04 { width: 321px; height: 343px; padding: 80px 315px 0 50px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1; }

.content01 { background: url("../images/tab01.jpg") no-repeat center center; }

.content02 { background: url("../images/tab02.jpg") no-repeat center center; display: none; }

.content03 { background: url("../images/tab03.jpg") no-repeat center center; display: none; }

.content04 { background: url("../images/tab04.jpg") no-repeat center center; display: none; }

.text h2 { color: #BCA071; font-size: 30px; line-height: 50px; font-weight: normal; margin-top: -4px; }

.text strong { display: block; color: #C5C0BB; font-size: 18px; line-height: 32px; font-weight: 400; }

.text p { height: 175px; overflow: hidden; font-size: 12px; line-height: 24px; color: #909090; margin-top: 2px; }

.text .more_info { display: block; width: 100px; height: 30px; text-align: center; line-height: 30px; color: #463D32; background: transparent; position: absolute; bottom: 40px; left: 35px; border: 1px solid #463D32; }

.more_info:hover { background: #110202; color: #8a7d6e; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; }

.tab .option li .tab_tag { font-style: normal; font-size: 30px; color: #621F1F; position: absolute; top: 19px; left: 50%; margin-left: -9px; display: none; }

/*tab切换区结束*/

.pic_slide { position: relative; width: 665px; height: 300px; margin: 0px auto 0 auto; padding:10px; background: url("../images/pic_slide_bg.jpg") no-repeat 0 0;}

.pic_slide .item { position: relative; display: block; }

.pic_slide img { display: block; width: 665px; height: 300px; }

.owl-pagination { position: absolute; right: 0; bottom: 10px; width: 200px; height: 22px; text-align: center; }

.owl-page { display: inline-block; width: 10px; height: 10px; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 5px; background: #BDB8B3; *display:inline;

    *zoom:1;

}

.owl-pagination .active { width: 25px; background: #846F49; }

.owl-buttons div { position: absolute; top: 50%; width: 44px; height: 58px; margin-top: -29px; text-indent: -9999px; }

.owl-prev { left: 12px; background: url("../images/direction.png") no-repeat 0 0; }

.owl-next { right: 32px; background: url("../images/direction.png") no-repeat 0 -127px; }

.prev_active { background-position: 0 -63px; }

.next_active { background-position: 0 -192px; }

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.grabbing { cursor: url(../images/grabbing.png) 8 8, move; }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

/*轮播图，搜索框,tab切换区域结束*/



/*英雄展示区域开始*/

.show_hero { width: 1200px; height: 268px; margin: 20px auto 0; background: #1B1A18; position: relative; }

.tabpic { width: 1160px; height: 228px; position: absolute; top: 20px; left: 20px; }

.tabpic .item { width: 190px; height: 228px; }

.tabpic .item img { width: 163px; height: 228px; margin-left: 5px; }

.tabpic .main_content { width: 1010px; position: absolute; top: 0; right: -155px; width: 990px; z-index: 0; }

.tabpic .main_content li { width: 1010px; height: 228px; overflow: hidden; }

.tabpic .main_content li a { overflow: hidden; float: left; display: block; _display: inline; margin: 0 1px 0 10px; font-size: 0; line-height: 0; }

.tabpic .main_content li a img { vertical-align: middle; position: relative; width: 190px; height: 228px; }

.tabpic .bor_slide { position: absolute; top: -20px; left: 0px; width: 150px; height: 268px; border-right: 1px solid #413F3D; }

.tabpic .bor_slide li { width: 150px; height: 68px; margin-bottom: 10px; text-align: center; line-height: 68px; cursor: pointer; font-size: 22px; color: #8B8988; background: #42403E; }

.tabpic .bor_slide li.on { width: 150px; background: #1B1A18; color: #BB9E73; border: 1px solid #413F3D; border-right: none; }

.ctrl { position: absolute; top: 20px; left: 0; }

.ctrl li { width: 148px; height: 70px; }

/*英雄展示区域结束*/

.leftren{ position: absolute;width:700px;height:900px; z-index: -1;top:1300px;background: url("../images/leftren.png") no-repeat 0 0;left:50%;margin-left:-1000px}

.rightren{ position: absolute;width:700px;height:900px; z-index: -1;top:2200px;background: url("../images/rightren.png") no-repeat 0 0;left:50%;margin-left:250px}