/* һ����������ʼ*/
.first_nav { width: 1011px; height: 235px; margin:-350px auto 0; background: url("../images/start_btn.png") no-repeat left center; position: relative; cursor: pointer; z-index:100; }
.first_nav .start_btn { width: 380px; height: 107px; background: url("../images/start_btn.png") no-repeat -127px -46px; position: absolute; left: 127px; bottom: 82px;}
.first_nav .start_btn:hover { background: url("../images/start_btn_hove.png") no-repeat -127px -46px; }
.first_nav .start_vip { width: 380px; height: 107px; background: url("../images/start_btn.png") no-repeat -528px -46px; position: absolute; left: 528px; bottom: 82px;}
.first_nav .start_vip:hover { background: url("../images/start_btn_hove.png") no-repeat -528px -46px; }
/* һ������������*/

/*����������ʼ*/
.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_btn1.png") no-repeat 0 -316px; position: absolute; right: 0; bottom: 1px; }
.get_btn:hover { background: url("../images/start_btn1.png") no-repeat 0 -402px; }
/*������������*/

/*�����Ϣ����ʼ*/
.adv_part { width: 1200px; height: 670px; margin: 5px auto; position: relative;z-index:100 ; }
.adv_list { width: 500px; height: 670px;background: #272625 url("../images/adv_list_bg.jpg") no-repeat right top;margin-left: 696px}
.txt_adv { width: 460px; height: 618px;padding: 0px 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: #d5b103; position: relative; text-align: center; line-height: 35px; font-size: 16px; color: #000; 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: 18px; border-bottom: 1px dashed #d5b103; }
li.last_das { border-bottom: none; }
.ul_tag { position: absolute; font-size: 15px; color: #d5b103; left: -20px; top: 0; }
.ul_txt { float:left;font-size: 15px;margin-left: 10px; text-align: left; color: #d5b103; position: absolute; left: 0; width: 410px; 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: #FFF; 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; margin-left: 0px; 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: 420px; 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: 200px; 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: 200px; }
.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(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:900px;height:1000px; z-index: -1;top:1000px;background: url("../images/leftren.png") no-repeat 0 0;left:50%;margin-left:-1050px;}
.leftren2{ position: absolute;width:900px;height:1200px; z-index: -1;top:2200px;background: url("../images/leftren2.png") no-repeat 0 0;left:50%;margin-left:-1000px}
.rightren{ position: absolute;width:700px;height:1000px; z-index: -1;top:1600px;background: url("../images/rightren.png") no-repeat 0 0;left:50%;margin-left:250px}

.float_nav{width:210px;height:482px;background:url(../images/spr.png) no-repeat 0 -16px;position:fixed;right:10px;top:45%;padding:150px 0 0;z-index:100000; }
.float_nav li{height:45px;width:100px;margin:0 auto;padding:0px 0 0; }
.float_nav li a{display:block;width:100%;height:50px;line-height:50px;text-align:center;font-size:14px;color:#d7b653;font-weight:bold}
.float_nav li a:hover{color:#fff;text-decoration:none;}
.aa { width:210px; height:34px;  float:left; padding-top:30px; margin:0 auto; }		

.kv-music{position:fixed;z-index:9999;top:3px;right:240px; width:58px;height:100px;}


.mt10{margin-left:12px;}
.ml50{margin-left:50px;}
.clearfix{zoom:1}
.warp{width:1200px;margin-left:auto;margin-right:auto;}
.microHei{font-family:"Microsoft YaHei"}
#header{background:url(../images/brief_01.jpg) repeat-x;height:61px;padding-top:0;width:100%; position:relative}
.top_logo { position:absolute; top:20px; left:0px; width:200px; height:100px; background:url(../images/bomlogo.png); z-index:1000;}
#header a.fl{height:65px}
#header .ban{float:right;width:50px;height:50px;margin-top:10px;filter:alpha(opacity=100);-moz-opacity:1.5;-khtml-opacity:1.5;opacity:1.5;}
#header #demo{overflow:hidden;height:50px;line-height:50px;width:900px; color:#000;white-space:nowrap;float:left;margin-top:10px;font-size:24px;margin-left:150px;}
.an_buut{position:fixed;width:235px;height:235px;background:url(../images/logo.png) no-repeat;z-index:10;left:50%;margin-left:-800px;z-index:100000;margin-top:-20px}
.an_buut img{margin-left:30px;margin-top:10px;}
.all_btn{display:block;background:url(../images/t0150d8cf4d6c98f28f.png) no-repeat}
#Version{width:100%;height:1080px;position:relative;overflow:hidden;z-index:-3;}
#Flash{width:1920px;height:850px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1;}
#Header{margin:0 auto -290px -960px;width:1920px;height:1200px;position:absolute;left:50%;z-index:-2;}
.hao123{width:260px;height:20px;top:0px;left:50%;margin-left:100px;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity:0.1;position:absolute;z-index:55;}

#Topbar{height:110px;background:url(../images/np.png) repeat-x 0 0;}
.Topwrap{width:1200px;margin:0 auto;position:relative;height:100%;}
#Topnav{height:100px;background:url(../images/topnav.jpg) no-repeat 0 0;width:672px;float:left;}
#Topnav li{float:left;}
#Topnav a{display:block;width:222px;height:100px;margin-left:2px;text-indent:-999em;}
#Topnav a:hover{background-image:url(../images/topnav.jpg);background-repeat:no-repeat;}
#Topnav a.n1:hover{background-position:-2px -100px;}
#Topnav a.n2:hover{background-position:-226px -100px;}
#Topnav a.n3:hover{background-position:-450px -100px;}
#Topbar .entry{background:url(../images/entry.jpg) no-repeat 0 0;display:block;width:236px;height:100px;overflow:hidden;text-indent:-999em;float:left;}
#Topbar .forum{background:url(../images/forum.jpg) no-repeat 0 0;display:block;width:236px;height:100px;margin-left:7px;overflow:hidden;text-indent:-999em;float:left;}
#Topbar .entry:hover{background:url(../images/entry_1.jpg) no-repeat 0 0;}
#Topbar .forum:hover{background:url(../images/forum_1.jpg) no-repeat 0 0;}

.btn_payss{position:absolute;left:0px;top:0px;width:100%;height:100%;text-indent:-99em;overflow:hidden;z-index:999999;zoom:1}
i{font-style:normal;}
a:hover{color:#ffde00;text-decoration:none}
.ht1{overflow:hidden;text-indent:-9999px;}
.area{width:1000px;margin:0 auto;}
.area{width:1200px;margin:0 auto;}
.topbg{height:100px;width:100%;background:#000}
.top{height:100px;position:relative;z-index:10000;width:1280px;}
.logo{width:220px;height:80px;position:absolute;top:10px;left:8px;cursor:default;}
.logo img{width:100%;height:100%;}
.logo2{width:50px;height:50px;position:absolute;top:35px;left:50%;cursor:pointer;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;margin-left:600px;z-index:999999;}
.logo2 img{width:100%;height:100%;}
.mainnav{width:800px;position:absolute;top:0;left:400px;overflow:hidden;}
.mainnav ul{width:100%;}
.mainnav:hover{}
.mainnav:hover ul{}
.mainnav li{width:111px;float:left;position:relative;text-align:center;height:auto!important;overflow:hidden}
.mainnav li:hover{background:url(../images/mainnav_noshadow.png) no-repeat;}
.mainnav li .tit{width:100%;height:68px;color:#ffffff;display:block;text-align:center;padding:36px 0 0;}
.mainnav li .tit em{display:block;width:100%;font-size:14px;transition:all 0.2s ease-in-out;}
.mainnav li .tit span{font-size:8px;color:#b79450;font-size:8px;display:block;-webkit-transform:scale(0.7);-webkit-transform-origin:center;font-weight:100;}
.mainnav li .detail_list{width:100%;padding:4px 0 0;overflow:hidden;display:block!important;height:0;}
.mainnav li .detail_list a{display:block;width:84px;height:24px;line-height:24px;text-align:center;vertical-align:baseline;margin:12px auto;color:#ffffff;font-size:12px;transition:all 0.1s ease-in;}
.mainnav li .detail_list a:hover{background:#fedd45;border-radius:3px;box-shadow:3px 3px 5px #3b3b3b;color:#000000;}
.mainnav ul li:hover .tit em{color:#ffde45;}
.mainnav li.li01{height:102px;background-position:1000px 1000px}
.mainnav li.li02{height:333px;background-position:0 0}
.mainnav li.li03{height:333px;background-position:-111px 0}
.mainnav li.li04{height:333px;background-position:-222px 0}
.mainnav li.li05{height:333px;background-position:-333px 0}
.mainnav li.li06{height:333px;background-position:-444px 0}
.mainnav li.li07{height:333px;background-position:-555px 0}
.mainnav li.li08{height:333px;background-position:-666px 0}


.ml10{margin-left:10px;}
.m3{width:100%;height:auto;overflow:hidden;padding-bottom:150px; margin-top:0px; position:relative; z-index:180;}
.zb_top { width:1195px; height:27px; margin:0 auto; background:url(../images/zbt.jpg) center no-repeat;margin-top:10px; line-height:60px;color:#FFF;text-align:center;font-size:22px;font-weight:bold; }
.zb_foot { width:1195px; height:27px; margin:0 auto; background:url(../images/zbd.jpg) center no-repeat;margin-top:0px;}
.zb{width:1163px;height:auto;overflow:hidden;margin:0 auto;padding:0px 16px 00px 16px; background:url(../images/zbz.jpg) top repeat-y;}

.zb_3{width:378px;height:auto;overflow:hidden;float:left;background:#000;border:#584439 1px solid; border-radius:1em;}
.zb_3_t{width:378px;height:47px;float:left;background:url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;;line-height:47px;color:#3d2a13;text-align:center;font-size:22px;font-weight:bold;border-bottom:#89290a 4px solid}
.zb_3_d{width:378px;height:2px;float:left;background:#89290a;position:relative}
.zb_3 .role-itemst{width:378px;height:auto;float:left;position:relative;}
.zb_3 .role-itemst img{width:378px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}

.zb_2{width:574.5px;height:auto;overflow:hidden;float:left;background:#000;border:#584439 1px solid; border-radius:1em;}
.zb_2_t{width:574.5px;height:47px;float:left;background:url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;;line-height:47px;color:#3d2a13;text-align:center;font-size:22px;font-weight:bold;border-bottom:#89290a 4px solid}
.zb_2_d{width:574.5px;height:2px;float:left;background:#89290a;position:relative}
.zb_2 .role-itemst{width:574.5px;height:auto;float:left;position:relative;}
.zb_2 .role-itemst img{width:574.5px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.zb_2 .role-itemst img:hover{width:584.5px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0px;}
.zb_1{width:1163px;height:auto;overflow:hidden;float:left;background:#000;border:#584439 1px solid; border-radius:1em;}
.zb_1_t{width:1163px;height:47px;float:left;background:url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;;line-height:47px;color:#3d2a13;text-align:center;font-size:22px;font-weight:bold;border-bottom:#89290a 4px solid}
.zb_1_d{width:1163px;height:2px;float:left;background:#89290a;position:relative}
.zb_1 .role-itemst{width:1163px;height:auto;float:left;position:relative;}
.zb_1 .role-itemst img{width:1163px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.zb_1 .role-itemst img:hover{width:1173px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0px;}