@charset "utf-8";
/**
* 最武侠改版官网
* Author : BingleDing @ web.4399.com
* Date : 2014-07-19
*/
/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } 
body { font: 12px/1.5 \5B8B\4F53,Helvetica,sans-serif; }
h1,h2,h3,h4,h5{ font-size:100%; font-weight: bold; line-height: 1em; }
ol,ul,dl { list-style: none; }
blockquote, q { quotes: none; }
fieldset,img{ border:0; }
i,em{ font-style:normal; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show; }
address,caption,cite,code,dfn,th{ font-style:normal; font-weight:normal; }
input{ font-size:12px; vertical-align: middle; }
input,select,img{ vertical-align:middle}
a,input,select,textarea,*:focus{ outline:none}
a{ text-decoration:none; cursor:pointer; *blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:underline; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; *text-overflow:ellipsis; }
input::-moz-focus-inner{ border:0;padding:0;}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	input{ line-height:normal!important;}
}
*html img.png{
    _background-image: expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "http://i0.itc.cn/20101019/848_0a785a7b_1118_4825_85dc_e8696988c94b_0.gif");
}
/*comment*/
.fl{ float: left; }
.fr{ float: right; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { zoom: 1; }
.dibwrap { font-size:0; *word-spacing:-1px; }
.dibwrap .dib{ font-size: 12px; letter-spacing: normal; word-spacing: normal; vertical-align:top; }
.dib { display: inline-block; *display:inline; *zoom:1; }
.hide{ display: none; }
.hidetxt{ overflow:hidden; font-size: 0; line-height: 0; }
.hideimg{ overflow:hidden; text-indent:100%; white-space:nowrap; }
.tdu{ text-decoration: underline; }
a:link,a:visited,a:hover,a:active,input:focus { transition: color .20s ease,background-color .2s linear; }
.wraper .btn{color: #fff;text-shadow: 0.5px 0.866px 1px rgb( 0, 0, 0 ); }

html{width: 100%;overflow-x: hidden;}
body{min-width: 960px; background: url(../images/re_bg.png) 0 0 repeat; _behavior: url(../../../web.4399.com/other/htc/hover.htc);}
.wraper{position: relative; background: url(../images/bg1.jpg) center 0 no-repeat;}
.wraper, .wraper a{color: #4c4c4c;}
.inner{ position: relative;margin: 0 auto; width: 960px; line-height: 24px;}

.top{ height: 440px; }
#main{ background: url(../images/bg2.jpg) center 0 no-repeat; }
.main{ padding-top: 26px; }
.main-bg{ position: absolute; top: 6px; left: -14px;width: 262px;height: 280px; background: url(../images/bg_play.png) 0 0 no-repeat;  z-index: 0;}
.index .main-bg{top: 0; left: -10px;width: 986px; height: 312px; background: url(../images/main.jpg) 0 0 no-repeat; }
.top-flash{position: absolute;left: 50%;top:0;margin-left:-690px; width: 1380px;height: 620px;}

.tabs li{position: relative; float: left;}
.tabs li a,.ban li a{ display: block; width: 100%; height: 100%;text-align: center; font-size: 14px;}
.tabs li a.on,.tabs li a:hover,.ban li a.on,.ban li a:hover{ color: #fff;text-decoration: none;}
.tabs a i,.ban a i{ position: absolute; top: 0; left: 0; z-index: -1; opacity: 0;-webkit-transform: matrix(0.5, 0, .1, 0.5,0,0); transition: opacity .25s ease-in-out,-webkit-transform .1s ease-in-out; display: block; zoom: 1;}
.tabs a.on i,.tabs a:hover i,.ban a.on i,.ban a:hover i{opacity: 1;-webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.ban a:hover{_background: url(about:blank);}

#header{height: 66px;background: url(../images/re_header.jpg) 0 0 repeat-x;z-index: 1;position: relative;}
.header {height: 100%;}
#top .logo{position: absolute;top: 5px;left: 50%;margin-left: -100px;width: 200px;height: 172px;background: url(../images/zwx.png) no-repeat ;z-index: 100;}
#top .logo a{ display: block; width: 100%; height: 100%; }
#nav { position: absolute;left: 50%;margin-left: -480px;height: 70px; background: url(../images/nav.png) 28px 0 no-repeat; z-index: 10; width: 970px;}
#nav li{ display: inline; float: left; width: 120px;height: 70px; text-align: center; }
#nav .li3{ margin-right: 242px; }
#nav a{ display: block; width: 100%; height: 100%; overflow:hidden; font-size: 0; line-height: 0; }
#top .slogan{position: absolute;}

.main-l{float: left; width:232px;position: relative;padding-right: 8px;}
.main-r{float: right;width: 710px;}
.index .main-r{width: 706px;}
.main .item{ position: relative; width: 100%; z-index: 0;}
.main-l .item{width: 230px;}
.main-l .item .bg{z-index: 0;}
.main .item-title{position: relative; height: 70px; background: url(../images/spr2.png) 999em 100% no-repeat; font-size: 14px;font-family: "Microsoft Yahei";}
.item-title .line{position: absolute;width: 340px;height: 14px;background: url(../images/line2.png) 0 0 no-repeat;}
.main a.more{ position: absolute; right: 3px; top: 26px; overflow:hidden;  padding-left: 12px; background: url(../images/spr3.png) -698px -41px no-repeat; font-size: 12px;}

/*main-l*/
.play{ position: relative; width: 230px; height: 180px; font-family: "Microsoft Yahei"; background: url(../images/spr1.jpg) -250px -110px no-repeat; margin-bottom: 4px; overflow: hidden;}
.main .user{position: absolute;top: 143px;left: 0;text-align: center;color: #EADCCF;width: 100%;}
.main .user a{color: #EADCCF;}
.main .logined{ display: none; }
.main .logined .global_logout{text-decoration: underline;}
.main-l .user-f{margin-bottom: 30px; width: 230px; height: 54px;overflow: hidden; background: url(../images/spr1.jpg) 0 0 no-repeat;font-family: "Microsoft Yahei";font-size:0; *word-spacing:-1px;}
.main-l .user-f li{display: inline-block;*display: inline;*zoom: 1; width: 115px;height: 100%;font-size: 12px; letter-spacing: normal; word-spacing: normal; vertical-align:top; }
.main-l .user-f a{ width: 100%; height: 100%; line-height: 61px; text-indent: 38px; font-size: 14px; display: block;}
.main-l .user-f a:hover{background: url(../images/spr1.jpg) 0 -54px no-repeat;text-decoration: none;}
.main-l .user-f .b2 a:hover{background-position: -115px -54px;}
.main-l .user-f .b2 a{text-indent: 40px;}

#btns{ height: 121px; margin-bottom: 30px; z-index: 1; font-family: "Microsoft Yahei";}
#btns ul{ position: relative; background: url(../images/spr1.jpg) 0 -110px no-repeat; z-index: 1; width: 100%; height: 121px; overflow: hidden;}
#btns li{overflow: hidden; float: left; width: 50%; height: 60px; }
#btns li a{ display: block; width: 100%; height: 100%; line-height: 62px; text-indent: 42px; font-size: 14px; }
#btns .li1 a,#btns .li2 a{line-height: 68px;}
#btns .li2 a,#btns .li4 a{text-indent: 43px;}
#btns .bg{ position: absolute; top: -7px; left: -7px; width: 248px; height: 135px; background: url(../images/spr3.png) 0 0 no-repeat; /* z-index: 0; */}
#sns{ overflow: hidden; height: 150px; margin-bottom: 20px; }
#sns a{ float: left; width: 50%; height: 100%; text-align: center; font-family: "Microsoft Yahei"; line-height: 14px; }
#sns .pic{ display: block; width: 100%; height: 110px; position: relative; margin-bottom: 5PX; }
#sns img{ position: absolute; bottom: 0; left: 0; }
#sns .pic-r{_background: url(../images/zwx_s.png) center center no-repeat;}
#sns .pic-r img{ left: auto; right: 0;_display: none; }
.video{ margin-bottom: 20px; height: 130px; cursor: pointer; }
.video i.icon{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/play.png) center center no-repeat; }
.main-l .video .bg{ position: absolute; top: -11px; left: -6px; width: 241px; height: 149px; background: url(../images/bg_video.png) 0 0 no-repeat; z-index: -1; }
#help{margin-bottom: 30px; background: url(../images/re_help.png) 0 0 repeat;}
#help .bg{ position: absolute; left: -16px; bottom: -10px; width: 257px; height: 24px; background: url(../images/spr3.png) 2px -180px no-repeat; }
#help .item-title{ background-position: -300px -570px; }
#help .item-content{ min-height: 185px; height: auto !important; height: 185px;background: url(../images/re_help.png) 0 0 repeat;  font-family: \5B8B\4F53; position: relative; z-index: 13; /* width: 100%; */}
#help .links{ margin-top: 16px;  background: url(../images/spr2.png) 15px -0px no-repeat; height: 61px; }
#help .links a{ float: left; padding-top: 37px; width: 76px; text-align: center; }
#help .contact{ padding: 10px 15px; }
#help,#media,#media .media{border: 1px solid #999999;background: url(../images/re_help.png) 0 0 repeat;}
#media{margin-top: 8px; height:23px; position:relative; }
#media h3{ width:100%; height:23px; font:12px/23px \5B8B\4F53; text-indent:15px; cursor:pointer; position: relative; z-index: 1; background: url(../images/re_help.png) 0 0 repeat;}
#media .icon-arraw{position: absolute;top: 10px;right: 17px; width: 0; height: 0; border-color: #4F4F4Ftransparent transparent; border-style: solid dashed dashed; border-width: 5px 5px 0; font-size: 0; line-height: 0;}
#media .media{ position:absolute; top: 23px;  width: 100%; padding:0; display:none;min-height:0; max-height: 200px;overflow: auto; _overflow-y: auto !important;_overflow-x: hidden !important; _height:200px; left: -1px; z-index: 1;}
#media .media a{ display:block; line-height:28px; text-indent:20px; }
#media .media a:hover{ background:#ddd; text-decoration:none; }
#media .bg{ position: absolute; left: -22px; bottom: -10px; width: 254px; height: 25px; background: url(../images/spr3.png) -1px -240px no-repeat; }

/*main-r*/
.main-r .item{width: 320px;}
.main-r .item-title h3{position: absolute;left: 0;bottom: 12px;height: 38px;line-height: 38px;color: #464646;}
/*幻灯*/
#focus{ position: relative; overflow: hidden; margin-bottom: 30px;width: 720px; float: left;}
.focus-btn{ position: absolute; top: 0; right: 0; width: 210px; height: 240px; line-height: 35px; }
.focus-btn a{ display: block; height: 40px; width: 100%; color: #fff; font: 14px/40px "Microsoft Yahei";text-indent: 30px; }
.focus-btn a.on,.focus-btn a:hover{background: url(../images/spr1.jpg) 0 -240px no-repeat; color: #B80000; text-decoration: none; }
/*首页新闻*/
#news{ position: relative; height: 240px; font-size: 12px;}
#news .item-title{background-position: -409px 0;}
#news .item-title .line{left: 12px;bottom: 5px;background: url(../images/line1.png) 0 0 no-repeat;width: 710px;}
#news .tabs{ margin-left: 52px;height: 38px;}
#news .tabs li{position: relative; float: left; width: 110px; height: 38px; line-height: 38px;}
#news .tabs a i{left: 17px;width: 100%;height: 36px;background: url(../images/spr2.png) 0 -100px no-repeat;_background: url(../images/on_ie6.png) 0 0px no-repeat;}
#news .news{position: relative; height: 160px; padding-left: 230px; width: 460px;}
#news h2{ margin-bottom: 10px; height: 45px; border-bottom: 1px dashed #A7A7A7; font-size: 16px; font-weight: bold; line-height: 45px; text-align: center; overflow: hidden; font-family: "Microsoft Yahei"; /* color: #E01B17; */}
#news h2 a{color: #E01B17;}
#news img{position: absolute;left: 17px;top: 25px;width: 200px;height: 124px;}
#news .more{ position: absolute; top: -42px;  height: 34px; }
/*拜剑阁专区*/
#bjgzq .item-title{ background-position: -416px -100px; }
#bjgzq .item-title h3{ margin-left: 62px; }
#bjgzq .item-title .line{ bottom: 10px; }
.main-r .item .list{ margin-left: 6px; }
#bjgzq .zan .icon{display: inline-block;*display: inline;*zoom: 1;width: 14px;height: 14px;vertical-align: -2px;background: url(../images/spr3.png) -695px -80px no-repeat;}
#bjgzq .zan .on{background-position: -695px -100px;}
/*论坛热帖*/
#bbs,#media_zq{margin-right: 15px;}
#bbs .item-title{background-position: -424px -200px;}
#bbs .item-title h3{ margin-left: 75px; }
#bbs .item-title .line{ bottom: 10px; }
#bbs .scan-cnt .num{display: inline-block;*display: inline;*zoom: 1;width: 18px;text-align: right;}
/*攻略&资料*/
#raiders_data .tabs{margin-left: -6px;}
#raiders_data .tabs li{width: 105px;height: 36px;}
#raiders_data .tabs a.on i,#raiders_data .tabs a:hover i{position: absolute;top: 0;left: 0px;width: 100%;height: 36px;background: url(../images/spr2.png) -120px -100px no-repeat;_background: url(../images/on_ie6.png) -120px 0px no-repeat;z-index: -1;}
#raiders_data .item-title .line,#media_zq .item-title .line,#pic .item-title .line{bottom: 12px;}
/*媒体专区*/
#media_zq .tabs li{width: 65px;height: 38px;}
#media_zq .tabs a{cursor: default;}
#media_zq .tabs a.on i,#media_zq .tabs a:hover i{position: absolute;top: 0;left: 0px;width: 100%;height: 38px;background: url(../images/spr2.png) -250px -98px no-repeat;_background: url(../images/on_ie6.png) -250px -2px no-repeat;z-index: -1;}
.mtzq{width: 320px;height: 96px;}
/*游戏原画*/
#pic {clear: both;width: 100%;}
#pic .list{margin-left: 15px;}
#pic h3{width: 105px;height: 36px;background: url(../images/spr2.png) -120px -100px no-repeat;_background: url(../images/on_ie6.png) -120px 0px no-repeat;color: #fff;text-align: center;line-height: 36px;}
#pic .item-title .line{background-image: url(../images/line1.png);width: 710px;}
#pic .item-title h3 a{color:#fff;}
#pic li{display: inline;float: left; margin-right: 15px;width: 215px;height: 105px;}
#pic a.more{right: 15px;}
#pic li a:hover{opacity: .8;background-color: #fff;}

/*内页*/
/*列表页导航*/
.page-wraper .main-r a{color: #757575;}
.main-r .content{padding: 20px 15px;background: #F7F7F7 url(../images/spr3.png) 0 -300px no-repeat;border: 1px solid #969696;border-top: 0;width: 677px;min-height: 738px;height: auto !important;_height: 738px;}
.dh{height: 60px; background: url(../images/spr1.jpg) -230px 0; text-align:right; font:12px/69px "Microsoft Yahei"; padding-right: 25px;position: relative;  overflow: hidden;  color: #fff;}
.dh a{ color: #fff; }
.dh h2{
	display: inline;
	float:left;
	margin: 22px 0 0 65px;
	font-family: "Microsoft Yahei";
	font-size: 16px;
	line-height: 26px;
}
.dh i{ font-family: \5B8B\4F53; font-size: 10px; }

.main-r .ban {padding-bottom: 5px; border-bottom: 1px solid #434343;padding-left: 10px;}
.main-r .ban li{position: relative; float: left; width: 90px; height: 38px; line-height: 38px;z-index: 0;}
.main-r .ban a i{left: 6px;width: 100%;height: 36px;background: url(../images/spr2.png) 0 -150px no-repeat;_background: url(../images/on_ie6.png) 0 -50px no-repeat;}

/*列表页*/
.main-r .content .list{ padding: 15px; margin-bottom: 20px;}
.main-r .list li{ line-height: 24px; height: 24px; overflow: hidden; font-family: \5B8B\4F53;}
.main-r .content .list li{height: 30px;line-height: 30px;}
.main-r .list li span{ color: #747474;}
/*新闻页*/
h1.title{ color: #E10000; font: 24px/46px "Microsoft Yahei"; text-align:center;  border-bottom: 1px solid #393939;  overflow: hidden; margin: 0 15px;}
.content .time{ background: #3C3C3C; margin: 0 auto; vertical-align:middle; line-height: 28px; border-style: solid; border-top-width: 1px; text-indent: 40px; overflow: hidden; height: 28px; position: relative; z-index: 10;}
.content .time img{ vertical-align:-4px;}
.content .sharebox{margin-right: 40px;}
.content .sharebox a{margin-right: 3px;}
.content .txt{position: relative;  margin: 30px 15px;width: 647px; overflow:hidden;   color: #666;}
.txt img{ display:block; margin:10px auto; max-width:100%;_width:100%;}
#art_links{ margin: 20px 15px;  color: #6B6B6B; }
#art_links a{ color: #6B6B6B; }
#updown{ line-height:33px; text-align:center; background: #434343; font-weight:bold; margin: 10px 15px;  font-weight:bold; color: #fff; }
#updown a{ font-weight:normal; color: #fff; }
/*相关新闻*/
.other_n{margin: 30px 15px 0; overflow:hidden; }
.other_n h3{ font:14px/40px "Microsoft Yahei";  border-bottom: 1px solid #474747; margin-bottom:10px; }
.other_n li{ float:left; width:303px; height:24px; padding-right: 10px; overflow:hidden; line-height: 24px; }
.other_n a{ color: #666; }
/*新手卡*/
#tab_xsk{ overflow: hidden; height: 31px; border-bottom: 1px solid #666;}
#tab_xsk a{ float:left; padding: 1px 3px 3px 1px; width:82px; height: 27px; margin-right:6px; text-align:center; color: #666; font:14px/27px "Microsoft Yahei"; }
#tab_xsk a.on,#tab_xsk a:hover{ text-decoration:none; position:relative; color: #fff; background: #666;}
.xsk{  overflow:hidden;   margin: 20px 15px 0;}
.ipt,.input_code{ float:none; padding-left: 6px;}
.xsk #ul_xsk{ overflow:auto; width:616px; padding:20px 0 0 10px; }
.xsk #ul_xsk li{ float:left; width:154px; height:24px; }
#ul_xsk input{vertical-align: -2px;}
.xsk .send{ padding:20px 10px; }
.xsk .send img{ vertical-align: middle; }
.xsk .send #btn_xsk_get{ color:#fff; width:69px; height: 24px; background:#9A1411; border: 1px solid #000; cursor:pointer; }
/*游戏资料页*/
.yxzl{ width:632px; margin:30px auto 0; }
.yxzl h3{ background: #424242 url(../images/spr3.png) no-repeat -686px 12px; height:30px; width:639px; text-indent:30px; color:#fff; font:14px/30px "Microsoft Yahei"; }
.yxzl div{ padding:15px 0 15px 5px; width:634px; overflow:auto; }
/*图片列表页*/
.p_list{overflow: hidden;margin-bottom: 20px;width: 100%;position: relative;}
.p_list ul{overflow: hidden; width:105%; position:relative; }
.p_list li{overflow: hidden;width: 158px; height: 164px; text-align:center; float:left; line-height: 24px;padding: 30px 15px 10px 0;border-bottom: 1px solid #737373;}
.p_list img{ display: block; padding: 2px; border: 1px solid #BFBFBF;}
/*分页符*/
#pages{ text-align:center; }
#pages a{ display:inline-block; margin-right:5px; line-height:18px; padding:3px 7px; color:#fff; background: #666666; }
#pages a:hover{ background: #404040; text-decoration:none; }
#pages a.pagecurrent{ border:none; color: #E20000; font-weight:bold; background:none; }
/*版权*/
#footer{
	clear: both;
	width:980px;
	text-align:center;
	border-top: 1px solid #BFBFBF;
	line-height:22px;
	font-family: Arial;
	color: #7C7F7E;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#footer p{ margin-bottom:1em; }
#footer a{ margin:0 3px; color: #7C7F7E;}

/*视频层*/
#a1{ display:none; }
#video{ position:fixed; width:720px; height:480px; padding:10px; background:#000; top:50%; left:50%; margin-left:-360px; margin-top:-240px; *position:absolute; *top:1020px; z-index:3001; }
#video .close{ width:60px; height:60px; font:60px/60px 宋体; text-align:center; color:#fff; cursor:pointer; position:absolute; right:0; top:0px; background:#000; }
.layer{ position:absolute; top:0; left:0; width:100%; height:1680px; background:#000000; opacity:0.4; filter:alpha(opacity=40); z-index:2001; }

/*重点新闻颜色设置 */
.c_1{ color:#E01B17; }
.c_2{ color:#E01B17; }
.c_3{ color:#E01B17; }

/*IE6-IE8*/
@media \0screen\,screen\9 {
	.tabs a i,.ban a i{ visibility: hidden;}
	.ban a.on i,.ban a:hover i,.tabs a.on i,.tabs a:hover i{visibility: visible; }
}