@charset "utf-8";
/* CSS Document */
.pt426{ padding-top: 380px; }
.h_wrap_bg{ width: 100%; background: url(../images/h_wrap_bg.jpg) no-repeat 50% 0 #e5e5e5; position:relative; z-index:1; padding-bottom:30px;}

/*新闻模块*/
.newswrap{ position: relative; width: 274px; height: 246px; margin-left: 6px; border: 1px solid #d4d4d4; background-color: #fff; }
.news_nav{ width: 270px; height: 52px; padding-left: 4px; background-color: #f5f5f5; border-bottom: 1px solid #e5ebef; position:relative; overflow: hidden; }
.news_nav a{ display: inline-block; width: 50px; height: 51px; text-align: center; font: 600 14px/50px "Microsoft Yahei"; color: #71a2c3; overflow: hidden; position:relative; z-index:2; }
.news_nav span{ display: inline-block;  width: 50px; height: 51px; text-align: center; background: url(../images/news_side_line.jpg) no-repeat 0 0; }
.news_nav span.line_none{ background: none; }
.motion_bar{ position: absolute; left: 0; bottom:0; width: 52px; height: 3px; background-color: #80aeb1; font-size: 0; z-index: 1; }
.hotlink{ width: 274px; height: 41px; text-align: center; overflow: hidden; border-bottom: 1px dashed #c2c2c2; }
.hotlink a{ font: 400 18px/41px "Microsoft Yahei"; color: #a96c63; }
.hotlink a:hover{ color: #d44d05; text-decoration: underline; }
.news_icon,.notice_icon,.media_icon,.activity_icon,.strategy_icon,.feeling_icon,.guild_icon{ display: inline-block; width: 36px; height: 14px; margin: 0 10px 0 2px; line-height: 14px; }
.notice_icon{ border: 1px solid #660a09; }
.guild_icon{ border: 1px solid #06469d; }
.news_icon{ border: 1px solid #8d6e39; }
.strategy_icon{ border: 1px solid #94221c; }
.feeling_icon{ border: 1px solid #056971; }
.media_icon{ border: 1px solid #6315e3; }
.activity_icon{ border: 1px solid #804a0a; }
.news_icon em,.notice_icon em,.media_icon em,.activity_icon em,.strategy_icon em,.feeling_icon em,.guild_icon em{ display: inline-block; width: 34px; height: 12px; font-size: 12px; font-family:"宋体"; color: #fff; text-align: center; }
.notice_icon em{ border: 1px solid #dd362b; background-color: #9e211a; }
.guild_icon em{ border: 1px solid #32c8e9; background-color: #1e79c1; }
.news_icon em{ border: 1px solid #d0ad5a; background-color: #bb9e67; }
.strategy_icon em{ border: 1px solid #e97f68; background-color: #c04c3f; }
.feeling_icon em{ border: 1px solid #2bdcdd; background-color: #1a9a9e; }
.media_icon em{ border: 1px solid #ba44f2; background-color: #9a34ed; }
.activity_icon em{ border: 1px solid #c69c26; background-color: #b27d1f; }
.news_content{ padding: 10px 10px 0 10px; }
.news_content ul{}
.news_content li{ width: 254px; height: 23px; _height: 20px; *height: 20px; overflow: hidden; }
.news_content li a{ float: left; width: 200px; height: 23px; font: 400 12px/23px "Microsoft Yahei"; color: #242424; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news_content li a:hover{ color: #242424; text-decoration: underline; }
.news_content li time{ float: right; font: 400 12px/23px "Microsoft Yahei"; color: #242424; }

.show_pics_wrap{ position: relative; width: 432px; height: 246px; margin-left: 6px; }
.show_pics{ width: 432px; height: 246px; }
.show_pics ol{ position: absolute; bottom: 6px; right: 6px; z-index: 9; }
.show_pics ol li{ display: inline; float: left; width: 20px; height: 20px; margin-right: 12px; background: url(../images/h_sprites.png) no-repeat -400px -86px; cursor: pointer; }
.show_pics ol li.on{ width: 32px; background-position: -360px -86px; }
.show_pics ul{}
.show_pics ul li{ position: absolute; top: 0; left: 0; }
.slide_roll{ position: absolute; height: 34px; top: 0; left: 0; z-index: 10; }
.slide_roll a{ float: left; width: 70px; height: 36px; font: 400 16px/23px "Microsoft Yahei"; color: #133a51; text-align: center; cursor: pointer; background: url(../images/h_sprites.png) no-repeat -460px -38px; }
.slide_roll a.on{ background-position: -460px 0; color: #fff; }
/**/
.h_p02{ width: 1004px; }
.pro_item{ width: 282px; }
.pro_item li{ width: 282px; height: 96px; margin-top: 25px; }
.pro_item li a{ display: block; width: 282px; height: 96px; }
.pro_item li a img{ display: block; width: 100%; height: auto; }
/*p04*/
/*快速入口*/
.qlinks{ float: left; width: 272px; }
.qlinks li a{ display: block; height: 80px; background: url(../images/h_sprites.png) no-repeat; text-indent: -999em; }
.qlinks li a:hover{ display: block; height: 80px; text-indent: 0;font: 400 16px/80px "Microsoft Yahei";color: #fff; background: none #6a9abe; text-align: center; }
.qlinks li.kf a{ width: 183px; background-position: 0 -237px; }
.qlinks li.zh a{ width: 80px; background-position: -184px -237px; }
.qlinks li.zx a{ width: 183px; background-position: -265px -237px; margin-top: 20px; }
.qlinks li.ss a{ width: 80px; background-position: -449px -237px; margin-top: 20px; }

.kefu{ float: left; width: 434px; margin-left: 14px; background-color: #fafafa; }
.kefu h4.h_title{ background-color: #e7e7e7; }
.kefu p{ padding: 10px 0 10px 20px; font: 400 14px/30px "Microsoft Yahei";color: #6e6e6e; }
.kefu p span{ padding-right: 20px; }
.kefu ul{ float: left; width: 350px; padding: 0 0 10px 6px; }
.kefu li{ float: left; }
.kefu li a{ padding: 0 14px; font: 400 14px/23px "Microsoft Yahei";color: #6e6e6e; }
.kefu li a:hover{ text-decoration: underline; }
/*活动玩法*/
.h_recommemd{ height: 77px; background: url(../images/pz_line.jpg) repeat-x; }
.h_recommemd h4{ float: left; width: 80px; padding-top: 10px; text-align: center; color: #848484; font: 400 18px/27px "Microsoft Yahei"; }
.h_recommemd ul{ float: left; padding-top: 6px; color: #8a92a0; font: 400 12px/16px "Microsoft Yahei"; }
/*职业介绍*/
.zhiye{ position: relative; float: left; margin: 25px 0 0 6px; width: 432px; height: 284px; background-color: #f5f5f5; }
.zhiye_nav{ position: absolute; top: 1px; left: 1px; height: 47px; z-index: 999; background-color: #e5e5e5; }
.zhiye_nav a{ display: inline; float: left; width: 83px; height: 45px; margin-right: 1px; background-color: #ededed; border: 1px solid #fff; text-align: center; font: 600 14px/45px "Microsoft Yahei"; color: #686868; }
.zhiye_nav a.on{ }
.zy_bg{ position: absolute; top: 49px; left: 0; width: 432px; height: 288px; background: url(../images/zhiye.jpg) no-repeat; }
.zy_bg p{ position: absolute; right: 10px; top: 230px; width: 242px; color: #757575; }
.zy_bg a{ position: absolute; left: 18px; bottom: 118px; color: #fff; }
.zy_bg.wj{ background-position: 0 0; }
.zy_bg.wy{ background-position: 0 -288px; }
.zy_bg.yl{ background-position: 0 -576px; }
.zy_bg.jl{ background-position: 0 -864px; }
.zy_bg.xy{ background-position: 0 -1152px; }

.zhiye_nav .motion_bar{ position: absolute; left: 0; bottom:0; width: 84px; height: 3px; background-color: #80aeb1; font-size: 0; z-index: 1; }
/*游戏资料*/
.zhiliao{ position: relative; width: 274px; margin: 25px 0 0 6px; border: 1px solid #d4d4d4; background-color: #fff; }
.h_title{ position: relative; height: 50px; background-color: #f5f5f5; border-bottom: 1px solid #e5eaef; }
.h_title span{ position: absolute; top: 0; left: 4px; display: block; width: 95px; height: 52px; text-align: center; font: 400 18px/50px "Microsoft Yahei"; color: #6b7e8d; border-bottom: 4px solid #80aeb1; }
.h_title a.more{ position: absolute; top: 18px; right: 12px; display: block; width: 55px; height: 16px; background: url(../images/h_sprites.png) no-repeat -361px -110px; text-indent: -999em; }

.zl_list{ float: left; padding: 8px 0 8px 10px; }
.zl_list li{ float: left; width: 114px; height: 40px; margin: 4px 6px 0 6px; }
.zl_list li a{ display: block; width: 114px; height: 40px; background-color: #85acc8; text-align: center; font: 400 16px/40px "Microsoft Yahei"; color: #fffcf7; }

/*精美壁纸*/
.p03_jm{ width: 720px; float: left; }
.jm_nav{ width: 540px; height: 38px; padding-left: 180px; border-top: 1px solid #e8e8e8; background-color: #e7e7e7; border-bottom: 1px solid #fff; position:relative; }
.jm_nav a{ display: inline-block; width: 100px; height: 38px; margin-right: 30px; text-align: center; font: 500 18px/38px "Microsoft Yahei"; color: #425b6f; overflow: hidden; position:relative; z-index:2; }
.p03_jm .motion_bar{ position: absolute; left: 0; bottom:0; width: 100px; height: 3px; background-color: #80aeb1; font-size: 0; z-index: 1; }

.jm_content{ height: 160px; border-top: 1px solid #d6d3d3; background-color: #fff; }
.jm_content ul{ padding-left: 42px; }
.jm_content li{ float: left; width: 192px; height: 134px; margin: 14px 26px 0 0; background-color: #627582; border-bottom: 1px solid #9ba7af; text-align: center; }
.jm_content li a img{ border: 1px solid #a3bacc; }
.jm_content li a span{ font: 500 14px/20px "Microsoft Yahei"; color: #fff; }

/*玩家天地*/
.wjtd, .ml15{ float: left; width: 274px; height: 200px; background-color:#fff; margin-left: 6px; }
.wjtd ul{ padding: 26px 0 0 26px; }
.wjtd li{ width: 492px; height: 26px; }
.wjtd li a{ display: inline-block; vertical-align: middle; width: 220px; height: 21px; font: 400 12px/21px "Microsoft Yahei"; color: #4a4a4a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.wjtd li a:hover{ text-decoration: underline; }
.wjtd li a span{ padding-right: 6px;}

/*媒体链接*/
.h_p05{ width: 1004px; height: 72px; }
.h_p05 li{ float: left; width: 212px; height: 102px; margin-right: 50px; }
.h_p05 li a img{ display: block; width: 100%; height: auto; border: 1px solid #d2d2d2; }
.h_p05 li.mr0{ margin-right: 0; }
/*h_p06*/
.h_p06{ width: 1004px; float: left; }
.h_p06 span{ float: left; width: 26px; height: 26px; background: url(../images/h_sprites.png) no-repeat -552px -86px; }
.h_p06 ul{ float: left; width: 978px; }
.h_p06 li{ float: left; }
.h_p06 li a{ padding: 0 16px; font: 400 14px/26px "Microsoft Yahei"; color: #515151; }
.h_p06 li a:hover{ text-decoration: underline; }
/* 弹窗 */
.mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: #101620; display: none; }
.popBox{ position: fixed; _position: absolute; top: 0; _margin-top:expression(eval(document.documentElement.scrollTop)); left: 50%; z-index: 10000; display:none; }
.popBox { width: 506px; margin-left: -254px; border: 1px solid #151922; background-color: #e1e1e1; }
.pop_close { position: absolute; top: 0; right: -35px; display: block; width: 29px; height: 29px; background:url(../images/pop_spr.png) no-repeat -199px 0; text-indent: -9999em; overflow: hidden; cursor: pointer; 
transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; }
.pop_close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.popBox .pop_cont { background-color: #fff; position: relative; border: 1px solid #9faabd; }
/*门派视频*/
.mp_video { width: 720px; margin-left:-360px; background-color:transparent; border:0;}
.videopaly,.v_box{ background-color: #1c1f26; margin-top: 4px; padding: 4px; width: 712px; }
.mp_v_a {}
.mp_v_a ol { height: 74px; padding: 10px 0;}
.mp_v_a ol li { display: inline; float: left; margin-left: 10px; width: 343px; height: 74px; }
.mp_v_a ol li a { display: block; height: 74px; background:url(../images/video_tab.jpg) no-repeat; text-indent: -9999em;}
.mp_v_a ol li a.yl_xl { background-position: 0 -0;}
.mp_v_a ol li a.yl_ly { background-position: -343px -0;}
.mp_v_a ol li a.jl_sh { background-position: 0 -74px;}
.mp_v_a ol li a.jl_ay { background-position: -343px -74px;}
.mp_v_a ol li a.wy_ty { background-position: 0 -148px; }
.mp_v_a ol li a.wy_yh { background-position: -343px -148px;}
.mp_v_a ol li a.wj_jx { background-position: 0 -222px;}
.mp_v_a ol li a.wj_yj { background-position: -343px -222px;}
.mp_v_a ol li a.xy_ss { background-position: 0 -296px;}
.mp_v_a ol li a.xy_fs { background-position: -343px -296px;}
.mp_v_a ol li.current a.yl_xl { background-position: 0 -370px;}
.mp_v_a ol li.current a.yl_ly { background-position: -343px -370px;}
.mp_v_a ol li.current a.jl_sh { background-position: 0 -444px;}
.mp_v_a ol li.current a.jl_ay { background-position: -343px -444px;}
.mp_v_a ol li.current a.wy_ty { background-position: 0 -518px;}
.mp_v_a ol li.current a.wy_yh { background-position: -343px -518px;}
.mp_v_a ol li.current a.wj_jx { background-position: 0 -592px;}
.mp_v_a ol li.current a.wj_yj { background-position: -343px -592px;}
.mp_v_a ol li.current a.xy_ss { background-position: 0 -666px;}
.mp_v_a ol li.current a.xy_fs { background-position: -343px -666px;}
.tc{ text-align: center; }