@charset "gb2312";
/*
	描述:
	
// 注意：此文件为共用文件,修改时可能影响到多个页面。
// Url1:http://qn.163.com/hi/index.html
// Url2:http://qn.163.com/yy/index.html

*/
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0}
input,button,select,textarea{outline:none}li{list-style:none}img{border:none}textarea{resize:none}
body{color:#666;background:#fff;word-break:break-all;word-wrap:break-word;}
body,input,textarea{font-size:12px;font-family:\5b8b\4f53,Verdana,Arial}
a{color:#305999;text-decoration:none;outline:none}
a:hover{color:#090}
.clearfix2:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix2{*+height:1%}
.clearfix{overflow:hidden;_zoom:1;}
/* =e Reset */
html,body{height:100%;}
body{line-height:170%;font-size:12px;color:#89C7EB;background:#FFF;}
/* 链接 [link加颜色英文] */
.red,a.red,.red a{color:#cf2025;}
.redb{color:#ff0103;font-weight:bold;}
.blue{color:#0065c3;}
.fuchsia{color:#EC02EC;}
.hide{display:none;}
/* =e Font */


.btn_reg,#price_btn_prev,#price_btn_next,.btnGetGift,.btnMore:hover,.btnEnter:hover,.btn_left,.btn_right{background:url(../images/sprites.png) no-repeat;}

/* =s layout */
/* 顶部导航 */
#NIE-topBar{height:40px;background-color:#fff;}
/* 外套 */
#wrap{/*max-width:1260px;min-width:960px;margin:0 auto;_width:expression((document.documentElement.clientWidth>1260||document.body.clientWidth>1260)?"1260px":"100%");*/}
/* 外套背景图 */
#wrap-bg1,#wrap-bg2,#wrap-bg3{width:100%;min-width:980px}
#wrap-bg1{background:url(../images/bg1.jpg) center 0 no-repeat;}
#wrap-bg2{background:url(../images/bg2.jpg) center 386px no-repeat;}
#wrap-bg3{background:url(../images/bg3.jpg) center 1103px no-repeat;}
/* 主体 */
#main{position:relative;width:980px;margin:0 auto;}
/* 页眉 */
#header{height:386px;}
	.logo{ position:absolute; width:303px; height:123px; left:322px; top:26px; text-indent:-9999px }
	.topNav{ position:absolute; left:760px; top: 1px; width: 207px; color:#18B9F7; font-size:12px; text-align:center }
	.topNav a{color:#18B9F7;text-decoration:none}
	.topNav a:hover{color:#D1CAFF}
	
#videotop,.videotop{height: 115px;left: 472px;overflow: hidden;position: absolute;top: 392px;width: 209px;}
#videotop object{position:absolute;top:-10px;}
	.btnMore {height: 23px;left: 332px;position: absolute;text-indent: -9999px;top: 528px;width: 103px;}
	.btnMore:hover{background-position:0 -450px}
	.btnEnter {height: 54px;left: 752px;position: absolute;text-indent: -9999px;top: 334px;width: 170px;}
	.btnEnter:hover{background-position:0 -350px}
	
	
/*.figure .tabview: */
.tabview{position:absolute;top:569px}
.tabview-bar{height:52px; position:absolute; top:0px; width:680px; left:2px; z-index:100;}
.tabview-bar li{float:left; height:100%;width:170px}
.tabview-bar a{display:block; width:100%; height:48px;text-indent:-9999px;cursor:default;}
.tabview-bar .current a{background:url(../images/swtichNav.png) no-repeat}
.tabview-board {display: none;height:311px;left: 4px;overflow: hidden;position: absolute;top:40px;width: 677px;}
.tabview .current{display:block;}

#figure{width:680px; height:370px;}
#figure-title{height:51px; visibility:hidden;}
#figure-3dview.current a{background-position: 0 0;}
#figure-skill.current a{background-position:-170px 0;}
#figure-fight.current a{background-position:-340px 0;}
#figure-suit.current a{background-position:-510px 0;}
/*-*/
/*slide: */
.slide{position:relative;}
.slide img{display:none;}
.slide li img{display:block; border:1px solid #6d5e18; cursor:default;}
.slide li.sel img{border:1px solid #bfa52c;}
.slide li{margin: 8px 3px;}
.slide ul {left: 550px;position: absolute;top: 20px;}
.slide-con .sel{display:block;}
#figure-slide{width:266px; height:158px; overflow:hidden; position:relative; margin:15px auto 0 auto;}
#figure-slide li{width:15px; height:15px; background:url(http://res.csxy.netease.com/gw/11v1/fabv2/images/images.gif) no-repeat; line-height:15px; text-align:center; float:left; display:inline; margin-left:2px; color:#fff; cursor:pointer;}
#figure-slide ul{width:68px; height:15px; position:absolute; top:139px; right:2px;}
#figure-slide li.current{background-position:right top;}
#figure-slide a.current{display:block;}
#figure-slide a{display:none;}
#figure-slide img{border:1px solid #000;}
/*-*/

.rightSide{position:absolute;left:707px;}
/*price*/
.price{position:relative;height:216px;}
.price-pic {left: 10px;position:absolute;top: 48px;width: 246px;}
.price-pic .pic{position:relative;top:0;left:0;z-index:1;width:246px;}
#price_btn_prev, #price_btn_next {height: 33px;position: absolute;top: 85px;width: 28px;z-index: 20;}
#price_btn_prev {background-position: -150px 0;left: 15px;}
#price_btn_prev:hover{background-position: -150px -33px;}
#price_btn_next {background-position: -200px 0;left: 220px;}
#price_btn_next:hover{background-position: -200px -33px;}
.price-more{position:absolute;top:165px;left:-10px;width:245px;text-align:center;z-index:900;cursor:pointer;color:#5CCAFF;text-decoration:underline;}
#price .hover{color:#fff;text-decoration:none;}
/**/
/*reg*/
.NIE-quickReg-loading {color: #9CF2FF;width: 200px;}
#reg {left: 18px;position: absolute;top:228px;}
.NIE-quickReg a{color:#7CB7FF}
.NIE-quickReg{color:#B6D7FF;position:relative;left:-25px;}
	.qrUserInp,.qrUser163Inp,.qrDomainSel,.qrPWInp,.qrRePWInp,.qrCaptchaIna,.qrCaptchaInp{width:146px;padding:0 2px;color:#9CF2FF;background:url(../images/inputBg.png) no-repeat 0 0;border-color:#2BA9C6;}
	.NIE-quickReg .qrHover input.qrInpTxt,.NIE-quickReg .qrHover .qrCon input.right,.NIE-quickReg .qrHover .qrCon input.error{color:#000;}
	.qrUser163Inp,.qrCaptchaInp{width:47px;}
	.qrCon{width:152px;}
	.qrCon input.inp-tips{color:#9CF2FF;}
	.qrNoEmail{left: 200px;margin: 0;padding: 0 0 0 0;position: absolute;text-align: right;top: -30px;}
	.qrNoEmail a{text-decoration:underline;color:#5CCAFF}
	.NIE-quickReg-loading{color:#9CF2FF;}
	.NIE-quickReg .loading{background-image:url(http://res.nie.netease.com/comm/js/nie/util/urs/loading2.gif);}
	.NIE-quickReg .qr-agree{margin:10px 0;_margin:5px 0;}
	.NIE-quickReg dt.qr-agree,.NIE-quickReg dt.qr-submit{width:53px;}
	.btn_reg{width:111px;height:41px;border:none;cursor:pointer;margin-left:28px;display:block;background-position:0 0}
	.btn_reg.hover{background-position:0 -41px;}
/**/
.btnDownload,.btnGetGift{display:block;text-indent:-9999px;position:absolute;}
.btnDownload {background: url("http://res.qn.netease.com/qt/11/0909_fabyy/images/btnDownload.jpg") repeat scroll 0 0 transparent;height: 54px;left: 60px;top: 625px;width: 154px;}
.btnDownload:hover{background-position:0 -54px}
.btnGetGift{background:url(http://res.qn.netease.com/qt/11/0909_fabyy/images/btnGet.png);width:111px;height:41px;left: 74px;top: 505px;}
.btnGetGift:hover{background-position:0 -41px;}
	
.feature2{position:absolute; left:0px; top:920px; width:100%}
.feature2 h3{height:45px;visibility:hidden}
.meiti,.gonghui,.player{width:200px;position:absolute;top:0;padding:15px 20px}
.meiti{left:0;}
.gonghui{left:220px;}
.player{left:450px;}
.ghlist{}
.ghlist li{float:left;padding:4px;}
.ghlist li img{display:block;}
#scroller{height:100px;overflow:hidden}
#scroller_i li{border-bottom:1px dotted #17376A;padding-bottom:8px;padding-top:8px;}
.player .comments{width:200px;height:100px;}
.player .comments object{}


/*五大活动*/
.activity {left:13px;position: absolute;top: 1170px;width:959px;height:122px;background:url(http://res.qn.netease.com/qt/11/0909_fabyy/images/activetyItems.nb.jpg) no-repeat}
.activity li{float: left;cursor:pointer;width:190px;height:100%}
.activity li a{display:block;width:100%;height:100%;text-indent:-9999px;}
.activity li a:hover{background:url(http://res.qn.netease.com/qt/11/0909_fabyy/images/activetyItems_hover.nb.png) no-repeat}
.activity li .activity1:hover{background-position:0 -122px}
.activity li .activity2:hover{background-position:-190px -122px}
.activity li .activity3:hover{background-position:-380px -122px}
.activity li .activity4:hover{background-position:-570px -122px}
.activity li .activity5:hover{background-position:-760px -122px}
/**/

.feature3{position:absolute;left:0;top:1320px;}
.role{position:relative}
.role h3{height:45px;visibility:hidden}
.role .roleNav {background: url("http://res.qn.netease.com/qt/11/0831_fab/images/rolenav.png") no-repeat scroll 0 -51px transparent;height: 51px;left: 38px;position: absolute;top: 48px;width: 600px;z-index: 1;}
.role .roleNav a{display:block;height:100%;width:74px;float:left;text-indent:-9999px;cursor:default}
.role .roleNav #role_ss:hover,.role .roleNav #role_ss.current{background:url(http://res.qn.netease.com/qt/11/0831_fab/images/rolenav.png) 0 0 no-repeat}
.role .roleNav #role_js:hover,.role .roleNav #role_js.current{background:url(http://res.qn.netease.com/qt/11/0831_fab/images/rolenav.png) -74px 0 no-repeat}
.role .roleNav #role_dk:hover,.role .roleNav #role_dk.current{background:url(http://res.qn.netease.com/qt/11/0831_fab/images/rolenav.png) -148px 0 no-repeat}
.role .roleNav #role_xk:hover,.role .roleNav #role_xk.current{background:url(http://res.qn.netease.com/qt/11/0831_fab/images/rolenav.png) -222px 0 no-repeat}
.role .roleNav #role_fs:hover,.role .roleNav #role_fs.current{background:url(http://res.qn.netease.com/qt/11/0831_fab/images/rolenav.png) -296px 0 no-repeat}
.role .roleNav #role_ys:hover,.role .roleNav #role_ys.current{background:url(http://res.qn.netease.com/qt/11/0831_fab/images/rolenav.png) -370px 0 no-repeat}
.role .roleNav #role_mz:hover,.role .roleNav #role_mz.current{background:url(http://res.qn.netease.com/qt/11/0831_fab/images/rolenav.png) -444px 0 no-repeat}
.role .roleNav #role_yr:hover,.role .roleNav #role_yr.current{background:url(http://res.qn.netease.com/qt/11/0831_fab/images/rolenav.png) -518px 0 no-repeat}
.role .role_info {left: 18px;padding-left: 180px;padding-top: 70px;position: absolute;top: 43px;width:415px;display:none;height:168px}
.role .ss{background: url("http://res.qn.netease.com/qt/11/0831_fab/images/role_ss.jpg") no-repeat scroll 0 0 transparent;} 
.role .js{background: url("http://res.qn.netease.com/qt/11/0831_fab/images/role_js.jpg") no-repeat scroll 0 0 transparent;} 
.role .dk{background: url("http://res.qn.netease.com/qt/11/0831_fab/images/role_dk.jpg") no-repeat scroll 0 0 transparent;} 
.role .xk{background: url("http://res.qn.netease.com/qt/11/0831_fab/images/role_xk.jpg") no-repeat scroll 0 0 transparent;} 
.role .fs{background: url("http://res.qn.netease.com/qt/11/0831_fab/images/role_fs.jpg") no-repeat scroll 0 0 transparent;} 
.role .ys{background: url("http://res.qn.netease.com/qt/11/0831_fab/images/role_ys.jpg") no-repeat scroll 0 0 transparent;} 
.role .mz{background: url("http://res.qn.netease.com/qt/11/0831_fab/images/role_mz.jpg") no-repeat scroll 0 0 transparent;} 
.role .yr{background: url("http://res.qn.netease.com/qt/11/0831_fab/images/role_yr.jpg") no-repeat scroll 0 0 transparent;} 
.role .current{display:block}
.role .role_info .video{float:left;width:240px;height:120px;overflow:hidden;border:1px solid #142C5A}
.role .role_info .video img,.role .role_info .pic img,.ghlist li img{border:1px solid #142c5a}
.role .role_info .pic {float:right;margin-bottom:13px}
.role .role_info .roledes{height:30px;color:#DAE5EF;font-weight:bold}
.picture{ position:absolute; width:305px; height:243px; left: 668px; top: 54px; }
.picture .scrollL,.picture .scrollR{ width:20px; height:22px; background-image:url(http://res.qn.netease.com/qt/11/0831_fab/images/btnScroll.png); position:absolute; top:112px;cursor:pointer}
.picture .pictures{ width:260px; height:208px; overflow:hidden; position:absolute; left: 23px; top: 25px; }
.picture .pictures li{float:left}
.picture .pictures li p{text-align:center}
.picture .pictures img{display:block}
.picture .scrollL{ left:1px }
.picture .scrollR{ background-position:0 -20px; left:286px; }

#share { height: 36px; left: 158px; position: absolute; top:1650px; width: 756px; }
#share a {padding-left: 5px;padding-right: 10px;text-decoration: none;color:#2A708A}
#share a.btn-shou {background: url("../images/btn-1.jpg") repeat scroll 0 0 transparent;cursor: pointer;display: block;float: right;height: 28px;line-height: 28px;margin-top: -8px; padding: 0;text-align: center;text-decoration: none; width: 66px;}	


	
	
/* 中心 */
#center{height:1400px;}
	
/* 页脚 */
#footer{text-align:center;clear:both;padding-top:10px;height:80px}
#footer,#footer a{color:#5282CC;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
/* nie 底部版权(共3行）*/
#NIE-copyRight{text-align:center;}
#NIE-copyRight .l1{padding-bottom:10px;}
#NIE-copyRight .l2{}
#NIE-copyRight .l3{}
/* 底部代码（隐藏） */
#botCode{display:none;}
/* =e layout */

/*rewrite light box*/
#lightbox-container-image-box,#lightbox-container-image-data-box{background-color:#16466a!important;}
#lightbox-container-image-data {color:#49a8de!important}
#lightbox-secNav-btnClose{background:url(http://res.qn.netease.com/qt/11/0331_fab/images/btn_close.jpg)!important}


.pop_video{display:none;width:710px;height:343px;padding:10px 10px 37px;position:absolute;left:50%;margin-left:-365px;top:300px;z-index:99999999;background:#16466A url(http://res.qn.netease.com/qt/11/0831_fab/images/vedio_sub_text.png) no-repeat 10px 100%;}
.pop_video .btn_close{display:block;width:66px;height:22px;text-indent:-9999em;outline:none;background:url(http://res.qn.netease.com/qt/11/0831_fab/images/btn_close.jpg) no-repeat 0 0;position:absolute;right:10px;bottom:10px;}
/*#pop_video_8{background:url(http://res.qn.netease.com/qt/11/0909_fabyy/images/vedio_pve_text.png) no-repeat 10px 100% #16466A;}*/


.popwin .btn_close{display:block;width:30px;height:30px;top:0;right:0;position:absolute;cursor:pointer}

.activityPopWin{width:493px;height:244px;background:url(../images/popwin.jpg);position:absolute;display:none}
.activityPopWin #APWNav {height: 30px;left: 16px;position: absolute;top: 32px;width: 100%;}
.activityPopWin #APWNav a{width:93px;height:100%;display:block;text-indent:-9999px;float:left;cursor:default}
.activityPopWin #APWNav a.current{background:url(../images/tabs.jpg) no-repeat;}
.activityPopWin #APWNav .APWNav1.current{background-position:0 0}
.activityPopWin #APWNav .APWNav2.current{background-position:0 -30px;margin-left:-1px}
.activityPopWin #APWNav .APWNav3.current{background-position:0 -60px;margin-left:-2px}
.activityPopWin #APWNav .APWNav4.current{background-position:0 -90px;margin-left:-3px}
.activityPopWin #APWNav .APWNav5.current{background-position:0 -120px;;margin-left:-4px}
.activityPopWin .APWCon {display: none;height: 182px;left: 0;position: absolute;top: 65px;width: 493px;}
.activityPopWin .APWCon1{background:url(../images/activity1.jpg) no-repeat}
.activityPopWin .APWCon2{background:url(../images/activity2.jpg) no-repeat}
.activityPopWin .APWCon3{background:url(../images/activity3.jpg) no-repeat}
.activityPopWin .APWCon4{background:url(../images/activity4.jpg) no-repeat}
.activityPopWin .APWCon5{background:url(../images/activity5.jpg) no-repeat}
.activityPopWin .current{display:block}


.yystep{width:602px;height:448px;background:url(../images/popStepBg.jpg);position:absolute;display:none}
.yystep .yystepNav {height: 64px;left: 37px;position: absolute;top: 95px;width: 525px;}
.yystep .yystepNav a{display:block;float:left;height:100%;width:175px;}
.yystep .yystepNav a.current{background:url(../images/stepHover.jpg)}
.yystep .yystepNav #yystepNav1.current{background-position:0 0}
.yystep .yystepNav #yystepNav2.current{background-position:-175px 0}
.yystep .yystepNav #yystepNav3.current{background-position:-350px 0}
.yystep .yystepcon {height: 200px;left: 98px;position: absolute;top: 180px;width: 405px;}
.yystep .btn_left,.yystep .btn_right{height: 33px;position: absolute;top:265px;width: 28px;z-index: 20;}
.yystep .btn_left{background-position: -150px 0;left:55px;}
.yystep .btn_left:hover{background-position: -150px -33px;}
.yystep .btn_right{background-position: -200px 0;left:520px;}
.yystep .btn_right:hover{background-position: -200px -33px;}


/************pop_video*********/
.pop_video-bg1{width:730px;background:url(../images/pop_videobg.jpg) repeat-y -730px;}
.pop_video-bg2{width:100%;background:url(../images/pop_videobg.jpg) no-repeat 0 top;}
.pop_video-bg3{width:710px;background:url(../images/pop_videobg.jpg) no-repeat  -1460px bottom;padding:10px;color:#86cdf2;font-size:12px;line-height:22px;padding-bottom:10px;}
.pop_video-bg1 .pop_video_control{width:100%;position:relative;height:22px;padding-top:10px;}
.pop_video-bg1 a{color:#86cdf2}
.pop_video-bg1 a.btn_close{position:absolute;right:0;top:10px;}
.pop_video-bg1 .video_list{width:100%;margin-top:25px;}
.pop_video-bg1 .video_list li{float:left;margin:0 4px;display:block;text-align:center;}
.pop_video-bg1 .video_list li img{border:1px solid #002e51;}
.pop_video-bg1 .video_list li a.current img,.pop_video-bg1 .video_list li a:hover img{border:1px solid #9ed3f3;}
.pop_video-bg1 .video_list li a:hover,.pop_video-bg1 .video_list li a.current{color:#eee}
#pop_video_list{display:none;}
.pop_clear{clear:both;}