@charset "utf-8";
body{margin:0px;font: normal 14px Tahoma,"宋体";background:url(../image/bg_gunner.jpg) center top no-repeat fixed;color:#fff;background-color:#000}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{vertical-align: top;border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-weight:normal;font-style:normal;}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit;}
code,kbd,samp,tt{font-size:100%;}
input,button,textarea,select{*font-size:100%;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
sup,sub{vertical-align:baseline;font-size:100%;}
:link,:visited,ins{color:#ff6600;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
.wrap{background:url(../image/chara_gunner01.png) center 0 no-repeat fixed,url(../image/chara_gunner02.png) center 413px no-repeat fixed,url(../image/chara_gunner03.png) center 826px no-repeat fixed;}
.fl{float:left;}
.fr{float:right;}
.hidden{display:none;}
.invisible{visibility:hidden;}
.underline{text-decoration:underline;}
.hand{cursor:pointer;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fn{font-weight:normal;}
.fb{font-weight:bold;}
.black,.black a:link,.black a:visited,.black a:active,.black a:hover{color:black;}
.white,.white a:link,.white a:visited,.white a:active,.white a:hover{color:white;}
.red,.red a:link,.red a:visited,.red a:active,.red a:hover{color:red;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"\0020";font-size:0;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.op50{opacity:.50;filter:alpha(opacity=50);-moz-opacity:.50;}
.op60{opacity:.60;filter:alpha(opacity=60);-moz-opacity:.60;}
.op70{opacity:.70;filter:alpha(opacity=70);-moz-opacity:.70;}
.op80{opacity:.80;filter:alpha(opacity=80);-moz-opacity:.80;}
.op90{opacity:.90;filter:alpha(opacity=90);-moz-opacity:.90;}
a:hover{text-decoration:underline;_vertical-align:baseline;}
a:focus,button,input,select,textarea{outline:none;}
textarea{resize:none;}
.mask{position:absolute;top:0;left:0;z-index:-1;overflow:hidden;width:200px;height:150px;background:#fff;opacity:.32;filter:alpha(opacity=32);}
.container{margin:0 auto;width:760px}
.list-card{margin-right:-14px;margin-left:-14px;}
.list-card li{float:left;margin:0 14px;padding-bottom:25px;width:229px;cursor:pointer;*display:inline;*zoom:1;}
.list-card .c1 img{display:block;width:229px;height:320px;border-radius:5px;-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);box-shadow:0 0 10px 1px rgba(0,0,0,0.3);-ms-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);}
.list-card .c2{display:none;padding:20px 0 0 5px;height:300px;border-radius:5px;background:#292725;-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);box-shadow:0 0 10px 1px rgba(0,0,0,0.3);font-size:0;-ms-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);}
.list-card .c2 .link{display:inline-block;margin:0 10px;padding-top:15px;width:90px;color:#fff;}
.list-card .c2 .tit{display:block;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:2.43;}
.list-card .c2 img{width:90px;height:90px;border-radius:7px;}
.list-card .c3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;line-height:2.67;}
.crumbs{padding-bottom:21px;height:3.0em;color:#888;line-height:3.5;*zoom:1;}
.crumbs .txt{float:left;}
.crumbs .link1{float:left;display:block;color:#888;}
.crumbs .sep{float:left;margin:0 9px;font-family:"SimSun";}
.crumbs .con{position:relative;z-index:20;float:left;}
.crumbs .con .link1{float:none;}
.crumbs .crumbs-box{position:absolute;top:3.5em;display:none;background-color:#2f2d2a;}
.crumbs .list-crumbs li{border-bottom:1px solid #353535;line-height:39px;}
.crumbs .triangle{position:absolute;top:-14px;left:10px;display:block;overflow:hidden;width:0;height:0;border-top:7px dashed transparent;border-right:6px dashed transparent;border-left:6px dashed transparent;color:#2f2d2a;font-size:0;border-bottom-style:solid;border-bottom-width:7px;}
.crumbs .list-crumbs a{display:block;padding:0 20px 0 10px;color:#888;white-space:nowrap;}
.crumbs .list-crumbs a:hover{color:#ff952e;text-decoration:none;}
.crumbs .con:hover .crumbs-box,.crumbs .hover .crumbs-box{display:block;}
.info-box{position:relative;padding-top:20px;}
.info-box .small-img{display:none;}
.info-box .tit{color:#ff952e;font-size:26px;line-height:1.2;}
.info-box .txt{margin-top:6px;color:#666;}
.download{padding:352px 0 0 218px;}
.update{position:absolute;top:0;right:0;margin:20px;padding:0 10px;border:1px solid #302f2d;border-radius:3px;color:#888;line-height:2;}
.update .arrow u,.update .arrow b{position:absolute;display:block;overflow:hidden;width:0;height:0;border-top:4px dashed transparent;border-bottom:4px dashed transparent;border-left:6px dashed transparent;font-size:0;border-right-style:solid;border-right-width:6px;}
.update .arrow{position:absolute;top:10px;left:-13px;}
.update .arrow u{top:0;left:0;color:#302f2d;}
.update .arrow b{top:0;left:2px;z-index:2;color:#1b1918;}
.list-info{overflow:hidden;margin-top:10px;padding-bottom:22px;height:120px;*zoom:1;}
.list-info li{float:left;width:100%;color:#d4c48c;line-height:2.15;}
.character-box{position:absolute;top:25px;left:20px;width:200px;}
.character-box .large-img img{width:200px;height:300px;border-radius:5px;-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);box-shadow:0 0 10px 1px rgba(0,0,0,0.3);-ms-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);}
.list-level{margin-top:25px;}
.list-level li{overflow:hidden;padding:5px 0;*zoom:1;}
.list-level .tit{float:left;width:70px;line-height:1.86;}
.list-level .bar{position:relative;overflow:hidden;height:26px;background:#e2e2e2;*zoom:1;}
.list-level .bar-in{position:absolute;top:0;width:10%;height:26px;color:#fff;text-align:center;font-size:18px;line-height:1.45;}
.list-level .bar-color1 .bar-in{background:#ff4239;}
.list-level .bar-color2 .bar-in{background:#ff952e;}
.list-level .bar-color3 .bar-in{background:#53a9f1;}
.list-level .bar-color4 .bar-in{background:#74A767;}
.option-box .tit{padding:0 10px;background:#e2e2e2;font-weight:bold;line-height:2.43;}
.option-box .list-option{*overflow:hidden;*zoom:1;}
.option-box .list-option li{overflow:hidden;border-bottom:1px solid #e9e9e9;line-height:2.58;*zoom:1;*float:left;*width:100%;}
.option-box .list-option .c1{float:left;overflow:hidden;width:100px;text-overflow:ellipsis;white-space:nowrap;}
.option-box .list-option .c2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*zoom:1;}
.option-box-ex2 .tit{line-height:2.58;*zoom:1;}
.option-box-ex2 .c2{float:left;width:520px;}
.option-box-ex2 .c3{float:right;padding:0 10px;width:100px;}
.option-box-ex2 .link{display:block;margin-top:5px;border-radius:2px;background:#46423d;color:#fff;text-align:center;line-height:1.86;}
.option-box-ex2 .link:hover{text-decoration:none;}
.option-box-ex2 li:hover,.option-box-ex2 .hover{background:#f1f1f1;}
.option-box-ex2 li:hover .link,.option-box-ex2 .hover .link{background:#ff952e;}
.mod-clothes{margin-top:10px;}
.mod-clothes .mod-hd{overflow:hidden;*zoom:1;}
.mod-clothes .mod-hd .tit{float:left;font-size:18px;line-height:3.1;}
.mod-clothes .mod-hd .more{float:right;display:block;padding-right:40px;color:#888;line-height:3.9;}
.mod-clothes .mod-bd{overflow:hidden;margin-right:-10px;margin-left:-10px;*zoom:1;}
.mod-clothes .option-box{float:left;margin:0 10px;width:360px;*display:inline;*zoom:1;}
.mod-article{margin-top:10px;}
.mod-article .info-con{padding-top:20px;}
.mod-article .info-con p{text-indent:2em;}
.mod-article .pic-con{float:none;padding:25px 20px 10px 0;text-align:center;}
.mod-article .pic-con img{width:auto;}
.list-emblem{margin-top:30px;}
.list-news{border-top:1px solid #222222;}
.list-news li{overflow:hidden;padding-right:20px;border-bottom:1px solid #222222;line-height:2.58;*zoom:1;}
.list-news .time{float:right;padding-right:20px;color:#888;}
.list-news .tit{overflow:hidden;color:#333;text-overflow:ellipsis;white-space:nowrap;*zoom:1;}
.list-news .tit a{color:#aaaaaa;}
.list-news .tit a:hover{color:#ff952e;text-decoration:none;}
.list-pic{overflow:hidden;margin-top:0;margin-right:-6px;margin-left:-6px;*zoom:1;}
.list-pic li{float:left;margin:0 6px;padding-top:20px;width:176px;*display:inline;*zoom:1;}
.list-pic .con{display:block;color:#333;}
.list-pic .pic{position:relative;display:block;overflow:hidden;}
.list-pic .pic img{width:176px;height:130px;}
.list-pic .pic .mask{z-index:1;display:none;filter:none;}
.list-pic .tit{display:block;overflow:hidden;margin-top:5px;height:2.86em;line-height:1.43;}
.list-pic .con:hover{color:#ff952e;text-decoration:none;}
.list-pic .con:hover .mask{display:block;filter:alpha(opacity=32);}
.tab-profession{margin-top:16px;}
.tab-profession .tab-hd .tit{font-weight:bold;font-size:20px;line-height:2.1;}
.tab-profession .list-tab{margin-right:-6px;margin-left:-6px;}
.tab-profession .list-tab1{margin-right:-6px;margin-left:-6px;}
.tab-profession .list-tab li{float:left;margin:0 6px;padding-top:10px;*display:inline;*zoom:1;}
.tab-profession .list-tab1 li{float:left;margin:0 6px;padding-top:10px;*display:inline;*zoom:1;}
.tab-profession .list-tab1 .con{display:block;overflow:hidden;width:176px;height:40px;border-radius:2px;background:#ff4239;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:2.5;}
.tab-profession .list-tab .con{display:block;overflow:hidden;width:176px;height:40px;border-radius:2px;background:#46423d;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:2.5;}
.tab-profession .list-tab .current .con{background:#ff952e;}
.tab-profession .list-tab .con:hover{background:#ff952e;text-decoration:none;}
.tab-profession .tab-con{min-height:200px;}
.tab-profession .list-tab1 .current .con{background:#53A9F1;}
.tab-profession .list-tab1 .con:hover{background:#53a9f1;text-decoration:none;}
.page-index .content{padding:50px 0 80px;}
.down{padding-top:20px;}
.page-final .m-bg{display:none;}
.headerArea{margin:0 auto;min-width:760px;height:240px;}
.box_msg{padding-left:18px;background:url(../image/msg.png) 3px no-repeat;}
.show-header{margin:5px auto;width:760px;color:#ccc;line-height:40px;}
.nav{padding-left:40px;overflow:hidden;height:42px;background-image:url(../image/nav_bg.png)}
.nav li{float:left;margin-left:10px;width:100px;height:40px;text-align:center;background:url(../image/sprite-nav.png) no-repeat;}
.nav li:hover{background-position:0 -44px;}
.nav li:hover a{color:#ff6600;}
.nav a{display:block;height:40px;padding:1px 0 0 1px;color:#c9c9dd;}
.nav a:hover{text-decoration:none;}
.main01_fl{float:left;padding-right:8px;width:350px;}
.main01_fc{float:left;width:398px;height:680px;border:1px solid #b07a2e;background:#242424;}
.main01_fr{float:left;padding-left:8px;width:196px;}
a.more{float:right;padding:0 6px 0 11px;font-size:12px}
.main01_fl01{width:348px;height:200px;border:1px solid #b07a2e;background:#242424;}
.main01_fl02{margin-top:8px;width:348px;height:295px;border:1px solid #b07a2e;background:#242424;}
.main01_fl02 .TabTitle{position:absolute;display:block;padding:5px 0px 0px 5px;width:168px;height:30px;}
.main01_fl02 .TabTitle li{float:left;overflow:hidden;margin-right:4px;padding-top:8px;width:78px;height:22px;background-color:#2b2a25;color:#FFFFFF;text-align:center;cursor:pointer;border:1px solid #000;}
.main01_fl02 .TabTitle li.active{background-color:#cc1a68;}
.main01_flmore{display:block;padding:4px 0px 0px 0px;height:30px;}
.main01_fllist{padding-top:8px;width:348px;}
.main01_fllist li{width:348px;}
.newslist ul:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
.newslist ul{margin:0px;padding:0px;*display:inline-block;*zoom:100%;}
.newslist li{float:left;padding-top:5px;height:21px;font-size:13px;}
.newslist li a{float:left;overflow:hidden;padding-left:28px;height:18px;background:url(../image/newslist.gif) no-repeat 12px 3px;color:#cccccc;line-height:18px;}
.newslist li a:hover{color:#ff6600;}
.newslist li span{float:right;padding-right:5px;width:45px;color:#d5c5b5;text-align:right;line-height:18px;}
.main01{overflow:hidden;display:block;}
.main01_fc01{display:block;}
.main01_fc01_top{display:block;padding-top:20px;height:28px;}
.main01_fc01_top a{display:block;overflow:hidden;height:18px;color:#ED5908;text-align:center;font-weight:bold;font-size:14px;line-height:18px;}
.main01_fc02{width:398px;}
.main01_fc01_link{display:block;color:#767272;text-align:center;font-size:13px;line-height:18px;}
.main01_fc01_link a{padding:0px 8px;color:#767272;}
.main01_fc02 .TabTitle{position:absolute;display:block;padding:5px 0px 0px 5px;width:336px;height:30px;}
.main01_fc02 .TabTitle li{float:left;overflow:hidden;margin-right:4px;padding-top:8px;width:78px;height:22px;background-color:#2b2a25;color:#FFFFFF;text-align:center;font-size:15px;line-height:18px;cursor:pointer;border:1px solid #000;}
.main01_fc02 .TabTitle li.active{background-color:#cc1a68;}
.main01_fcmore{display:block;padding:4px 0px 0px 0px;height:30px;}
.main01_fclist{padding-top:8px;width:398px;}
.main01_fclist li{width:398px;}
.main01_fclist li a{width:320px;}
.main01_fr a{float:left;overflow:hidden;margin-bottom:5px;width:196px;height:100px;text-indent:-9999px;}
.main01_fr a.fr01{background-position:0px 0px;}
.main01_fr a.fr02{background-position:0px -100px;}
.main01_fr a.fr03{background-position:0px -200px;}
.main01_fr a.fr04{background-position:0px -300px;}
.main01_fr a.fr05{margin-bottom:0px;background-position:0px -400px;}
.main01_fr a.fr01:hover{background-position:-196px 0px;}
.main01_fr a.fr02:hover{background-position:-196px -100px;}
.main01_fr a.fr03:hover{background-position:-196px -200px;}
.main01_fr a.fr04:hover{background-position:-196px -300px;}
.main01_fr a.fr05:hover{background-position:-196px -400px;}
#picBox{position:relative;overflow:hidden;width:348px;height:200px;}
#show_pic{position:absolute;width:4000px;height:200px;}
#show_pic li{float:left;}
#show_pic img{width:348px;height:200px;}
#icon_num{position:absolute;bottom:6px;right:6px;}
#icon_num li{float:left;overflow:hidden;margin-left:2px;width:13px;height:9px;background-image:url(../image/mod_promo_trig.png);background-repeat:no-repeat;text-indent:-9999px;}
#buttom_0{background-position:-32px 0px;}
#buttom_0.active{background-position:-32px -9px;}
#buttom_1{background-position:-48px 0;}
#buttom_1.active{background-position:-48px -9px;}
#buttom_2{background-position:-64px 0;}
#buttom_2.active{background-position:-64px -9px;}
#buttom_3{background-position:-80px 0;}
#buttom_3.active{background-position:-80px -9px;}
#buttom_4{background-position:-96px 0;}
#buttom_4.active{background-position:-96 -9px;}
#buttom_5{background-position:-16px 0;}
#buttom_5.active{background-position:-16px -9px;}
#buttom_6{background-position:-0px 0;}
#buttom_6.active{background-position:-0 -9px;}
.box_dtl{border:1px solid #b07a2e;}
.now_pos{padding:0 15px;height:39px;line-height:39px;}
.now_pos span{float:left;color:#D09A26;font-weight:bold;font-size:14px;}
.now_pos div{float:right;color:#504E4E;font-weight:normal;font-size:12px;}
.inners{overflow:hidden;padding:16px 0 30px 22px;width:734px;border:1px solid #464549;background:#323135;font-size:13px;border-right-color:#232225;border-bottom-color:#232225;}
.footer{min-width:760px;font-size:12px;line-height:26px;text-align:center;padding-top:50px;padding-bottom:80px;color:#fff;}
.footer a{color:#fff;}
.footer p{display:block;}
.news_ttl{background:#161616;color:#ED5908;font-weight:bold;font-size:14px;}
.news_ttl,.news_date{width:716px;height:30px;text-align:center;line-height:30px;}
.news_date{background:#242325;color:#7C7C7C;font-size:12px;}
.news_cnt{overflow:hidden;padding:15px;width:695px;color:#C2BEB0;white-space:normal;word-wrap:break-word;font-size:14px;line-height:30px;word-break:break-all;}
.back_top{padding:15px 0;width:716px;height:25px;border-bottom:1px dashed #5B585A;}
.container_text{margin:0 auto;width:760px;background:#191A1C;}
.group_info{padding:10px 0;width:716px;border-bottom:1px dashed #5B585A;color:#AEAEAF;}
.group_info li{padding-right:10px;height:23px;text-align:right;line-height:23px;}
.back_top a{float:right;display:block;width:90px;height:23px;background:url(../image/newslist.jpg) no-repeat -362px -230px;color:#AEAEAF;text-align:center;line-height:23px;}
a{text-decoration:none;}
.related{overflow:hidden;margin-top:15px;width:716px;background:#232225;}
.related h3{height:30px;background:#0A0A0A;color:#C2A371;text-indent:15px;font-weight:bold;font-size:14px;line-height:30px;}
.related ul{padding:10px 15px;}
.related li{height:24px;line-height:24px;}
.related li em{position:relative;top:-1px;padding-right:5px;color:#675D4E;font-style:normal;font-size:10px;_top:-2px;}
.related li a{color:#A4A19E;}
.related li a:hover{color:#E09608;text-decoration:underline;}
.now_pos a{color:#504E4E;}
.news_date a{padding:3px;color:#7C7C7C;}
.news_date a:hover{text-decoration:underline;}
.content7{margin:5px 20px 0px 20px;}
.content7 ul:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
.content7 ul{padding:0px;*display:inline-block;*zoom:100%;}
.content7 li{display:block;overflow:hidden;padding:10px 10px 10px 30px;border-bottom:1px dashed #563931;background:url(../image/newslist.gif) no-repeat 10px 12px;}
.content7 span{float:right;margin:0px 20px 0px 20px;}
.box_img{position: relative;overflow: hidden;padding:8px}
.box_img img{max-width: 240px;max-height: 140px;}
.dxPage{margin-top:30px;width:100%;text-align:center;}
.dxPage a{display:inline-block;margin-left:15px;padding:0px 5px;height:20px;border:1px solid #1f1e23;background:#343338;color:#7F7F7F;font-size:14px;line-height:20px;}
.main01_fl03{margin-top:8px;width:348px;height:168px;border:1px solid #b07a2e;}
.main01_fl03 ul{background:url(../image/sprite-btn.png) no-repeat #242424;text-indent:-9999em;overflow:hidden;}
.main01_fl03 li{margin:20px;float:left;width:128px;height:44px;}
.main01_fl03 li a{display:block;height:100%;}
.mod_full_info{color:#fff;line-height:25px;padding:20px 20px 5px 20px;}
.date{float:right;}
.mod_full_info span{color:#ff3300;}
.mod_full_btn{overflow:hidden;zoom:1;}
.mod_ban,.md5,.mod_full_btn li,.mod_full_other_tit{background-image:url(../image/d_sprites.png);background-repeat:no-repeat;}
.md5{background-position:-477px 8px;padding-left:30px;}
.mod_full_btn{overflow:hidden;zoom:1;}
.mod_full_btn li{width:159px;float:left;margin:0 0 10px 22px;display:inline;}
.mod_full_btn a{display:block;height:100%;overflow:hidden;text-indent:-999em;}
.full1,.full2,.full3{height:50px;}
.full4,.full5,.full6{height:35px;}
.full2{background-position:-159px 0;}
.full3{background-position:-318px 0;}
.full4{background-position:0 -50px;}
.mod_full_other{padding:0 20px 0 22px;color:#cccccc}
.mod_full_other_tit{font-weight:normal;font-size:12px;margin:10px 0 18px 0;background-position:-488px -12px;padding-left:10px;}
.mod_full_other_list li{float:left;width:74px;text-align:center;border-left:1px solid #ff3300;margin-bottom:10px;}
.mod_full_other_list p{float:left;text-align:center;margin-bottom:10px;}
.logo{margin: 0 auto; text-align: center;}