@charset "gb2312";
/*
	描述:
	
*/
/*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:#56a2e1;background:#000f44;}
/* 链接 [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 */


#price_btn_prev,#price_btn_next,.btnGetGift,.btnMore: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:960px}
#wrap-bg1{background:url(../images/bg1.jpg) center 0 no-repeat;}
#wrap-bg2{background:url(../images/bg2.jpg) center 447px no-repeat;}
#wrap-bg3{background:url(../images/bg3.jpg) center 1056px no-repeat;}
/* 主体 */
#main{position:relative;width:960px;margin:0 auto;overflow:hidden;}
/* 页眉 */
#header{height:447px;}
	.logo{ position:absolute; width:200px; height:100px; left:240px; top:45px; text-indent:-9999px }
	.topNav{ position:absolute; left:750px; top: 1px; width: 210px; color:#fff; font-size:12px; text-align:center }
	.topNav a{color:#fff;text-decoration:none}
	.topNav a:hover{color:#fffebb;text-decoration:underline;}
	#header .server{position:absolute;left:182px;font-size:12px;color:#001c78;top:423px;}
	
#videotop{height: 98px;left: 1px;overflow: hidden;position: absolute;top: 336px;width: 163px;background:url(../images/videobg.jpg) no-repeat;padding:2px;}
/*#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:48px;left:185px;position:absolute;text-indent:-9999px;top:363px;width:163px;background:url(../images/enterbtn.png) no-repeat;}
	.btnEnter:hover{background-position:0 -48px;}
	
	
/*.figure .tabview: */
.tabview{position:absolute;top:0px;left:16px;}
.tabview-bar{height:50px; position:absolute; top:0px; width:618px; left:0px; z-index:100;}
.tabview-bar li{float:left; height:100%;width:121px}
.tabview-bar a{display:block; width:100%; height:62px;text-indent:-9999px;cursor:default}
.tabview-bar .current a{background:url(../images/swtichNav.png) no-repeat}
.tabview-board {display: none;height:338px;left:1px;overflow: hidden;position:absolute;top:43px;width:616px;}
.tabview .current{display:block;}


#figure{width:618px; height:382px;}
#figure-title{height:62px; visibility:hidden;}
.tabview-bar li#figure-kuafu{width:130px;}
.tabview-bar #figure-fuben{width:125px;}
#figure-kuafu.current a{background-position: 0 0;}
#figure-jiayuan.current a{background-position:-130px 0;}
#figure-huamian.current a{background-position:-251px 0;}
#figure-zhandou.current a{background-position:-372px 0;}
#figure-fuben.current a{background-position:-493px 0;}
/*-*/
/*slide: */
.slide{position:relative;}
.slide img{display:none;}
.slide li img{display:block; border:1px solid #1943a0; cursor:default;}
.slide li.sel img{border:1px solid #2fc2ed;}
.slide li{margin: 8px 3px;}
.slide ul {left: 522px;position: absolute;top: 21px;}
.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:687px;}
/*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: #a7dfff;width: 200px;}
#reg {left: 18px;position: absolute;top:118px;}
.NIE-quickReg a{color:#4da1d0}
.NIE-quickReg{color:#a7dfff;position:relative;left:-25px;}
	.qrUserInp,.qrUser163Inp,.qrDomainSel,.qrPWInp,.qrRePWInp,.qrCaptchaIna,.qrCaptchaInp{width:146px;padding:0 2px;color:#0b2c6e;background:#9bcdf5;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:#0b2c6e;}
	.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{background:none;background:url(../images/rightbtn.png) no-repeat;width:116px;height:39px;border:none;cursor:pointer;margin-left:28px;display:block;background-position:0 0}
	.btn_reg.hover{background-position:-116px 0;}
/**/
.btnDownload,.btnGetGift{display:block;text-indent:-9999px;position:absolute;background:url(../images/rightbtn.png) no-repeat;width: 116px;height: 39px;}
.btnDownload {background-position:0 -78px;left: 74px;top: 552px;}
.btnDownload:hover{background-position:-116px -78px}
.btnGetGift{background-position:0 -39px;left: 74px;top: 420px;}
.btnGetGift:hover{background-position:-116px -39px;}
	
.feature2{position:absolute; left:11px; top:1134px; width:949px}
.feature2 h3,.feature1 h3{height:45px;visibility:hidden}
.meiti,.gonghui,.player{width:212px;position:absolute;top:390px;padding:15px 15px 15px 5px}
.meiti{left:0;}
.gonghui{left:216px; line-height:21px; width:217px;}
.player{left:450px; width:170px}
.ghlist{}
.ghlist li{float:left;padding:4px;}
.ghlist li img{display:block;}
#scroller{height:95px;overflow:hidden}
#scroller_i li{background:url(http://res.qn.netease.com/qt/12/0411_fabyy/images/reward.png) no-repeat 50% 0; _background:url(http://res.qn.netease.com/qt/12/0411_fabyy/images/reward.gif) no-repeat 50% 0; height:865px;}
.player .comments{width:170px;height:100px;}


/*五大活动*/
.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:1325px;}
.role{position:relative}
.role h3{height:45px;visibility:hidden}
.role .roleNav {height: 49px;left: 10px;position: absolute;top: 44px;width: 635px;z-index: 1; overflow:hidden}
	.role .roleNav a{display:block;width:74px;height:49px;background-image:url(http://res.qn.netease.com/qt/12/0411_fabyy/images/rolenav.png);background-repeat:no-repeat;float:left;text-indent:-9999px; margin-right:4px}
		.role .roleNav #role_ss:hover,.role .roleNav #role_ss.current{background-position:0 -52px;}
		.role .roleNav #role_js {margin-right:5px;background-position:-78px 0}
		.role .roleNav #role_js:hover,.role .roleNav #role_js.current{background-position:-78px -52px;}
		.role .roleNav #role_dk {background-position:-157px 0}
		.role .roleNav #role_dk:hover,.role .roleNav #role_dk.current{background-position:-157px -52px;}
		.role .roleNav #role_xk {background-position:-235px 0}
		.role .roleNav #role_xk:hover,.role .roleNav #role_xk.current{background-position:-235px -52px;}
		.role .roleNav #role_fs {background-position:-313px 0}
		.role .roleNav #role_fs:hover,.role .roleNav #role_fs.current{background-position:-313px -52px;}
		.role .roleNav #role_ys {margin-right:5px;background-position:-391px 0}
		.role .roleNav #role_ys:hover,.role .roleNav #role_ys.current{background-position:-391px -52px;}
		.role .roleNav #role_mz {background-position:-470px 0}
		.role .roleNav #role_mz:hover,.role .roleNav #role_mz.current{background-position:-470px -52px;}
		.role .roleNav #role_yr {background-position:-548px 0}
		.role .roleNav #role_yr:hover,.role .roleNav #role_yr.current{background-position:-548px -52px;}
.role .role_sex {position:absolute;width:89px;height:64px;top:233px;left:66px;z-index:30}
	.role .role_sex a {float:left;display:inline-block;background-image:url(http://res.qn.netease.com/qt/12/0411_fabyy/images/sex.png);width:37px;height:24px;text-align:center;line-height:28px; color:#89c7eb;background-position:-37px 0;background-repeat:no-repeat}
	.role_sex .m {margin-right:10px;}
	.role_sex a:hover, .role_sex a.current {background-position:0 0}
.role .role_info {left: 2px;position: absolute;top: 38px;width:626px;display:none;height:168px}
	.role .rolebg, .role .rolebg div {width:232px; height:246px; background-image:url(http://res.qn.netease.com/qt/12/0411_fabyy/images/rolebg.jpg); background-repeat:no-repeat}
	.role .rolebg div {display:none; width:100%; height:100%}
	.role .rolebg.fe div {display:block}
		.role .ss .rolebg{background-position:0 0} 
		.role .js .rolebg{background-position:0 -246px} 
		.role .dk .rolebg{background-position:0 -492px} 
		.role .xk .rolebg{background-position:0 -738px} 
		.role .fs .rolebg{background-position:0 -984px} 
		.role .ys .rolebg{background-position:0 -1230px} 
		.role .mz .rolebg{background-position:0 -1476px} 
		.role .yr .rolebg{background-position:0 -1722px} 
		.role .ss .rolebg div{background-position:-232px 0} 
		.role .js .rolebg div{background-position:-232px -246px} 
		.role .dk .rolebg div{background-position:-232px -492px} 
		.role .xk .rolebg div{background-position:-232px -738px} 
		.role .fs .rolebg div{background-position:-232px -984px} 
		.role .ys .rolebg div{background-position:-232px -1230px} 
		.role .mz .rolebg div{background-position:-232px -1476px} 
		.role .yr .rolebg div{background-position:-232px -1722px} 
	.role .current{display:block}
	.role .role_info .video img,.role .role_info .pic img,.ghlist li img{border:1px solid #142c5a}
	.role .role_info .video{display:block;position:relative; margin-left:435px; margin-top:-124px; _margin-top:-160px; width:190px;height:120px;overflow:hidden;border:1px solid #142C5A;background:#000}
	.role .role_info .pic {display:none}
	.role .role_info .roledes{position:relative; margin-top:-192px; margin-left:157px; height:90px; line-height:21px; overflow:hidden;width:280px;}
	.role .role_info b {color:#a373ff}
	.role .role_info .roleskill {position:relative; margin-left:157px; height:40px; line-height:40px; color:#2367c9; font-weight:bold; padding-right:65px;width:280px;}
	.role .role_info .roleskill img {width:36px;height:36px;border:solid 1px #0c1d64;margin-left:2px}
	.role .role_info .detail {background-image:url(http://res.qn.netease.com/qt/12/0411_fabyy/images/btn.jpg); background-position:-501px 0; width:105px;height:26px;line-height:26px;color:#eee;text-align:center;display:block; margin-left:475px;margin-top:10px}
		.role .role_info .detail:hover {background-position:-501px -26px}
.picture{ position:absolute; width:275px; height:269px; left: 667px; top: 49px; line-height:18px;}
/*
.picture .scrollL,.picture .scrollR{ width:24px; height:40px; position:absolute; top:105px;cursor:pointer}
.picture .pictures{ width:188px; height:269px; overflow:hidden; position:absolute; left: 28px}
.picture .pictures li{float:left}
.picture .pictures li p{text-align:center}
.picture .pictures img{width:188px; height:251px}
.picture .scrollL{ left:1px }
.picture .scrollR{ left:220px; }
*/

.scrollview{width:275px; position:relative; margin:auto; height:244px; overflow:hidden;}
.scrollview-screen{width:217px; margin:0 auto; position:relative; overflow:hidden;}
.scrollview-screen ul{width:auto; height:242px; position:relative; top:0; left:0;}
.scrollview-screen li{width:217px; text-align:center;float:left;position:relative;}
.scrollview-screen img{width:215px;height:225px;background:#000;padding:1px} 
.scrollview-screen p {line-height:18px;}
.scrollview-prev,.scrollview-next{width:24px; height:40px; position:absolute; top:92px;cursor:pointer;left:1px }
.scrollview-next{left:250px;}

#share {height:36px; left:0;position: absolute; top:1680px;width:960px;text-align:center;}
#share a{padding-left:5px;padding-right:10px;text-decoration:none;color:#51a2d9}
#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:1280px;}
	
/* 页脚 */
#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;}


#serverList_o{height:105px;overflow:hidden}
.serverList {left: 460px;padding: 15px;position: absolute;top: 0;width: 205px;}
.serverList ul{}
.serverList ul li {float: left;width: 102px;}
.status-full{color:#BF8AF1}
.status-hot{color:#FF8D13}
.state11{color:#E51000}
.state12{color:#FF8D13}
.state13{color:#BF8AF1}

.feature1{position:absolute;width:652px;top:496px;left:0px;height:560px;}

.feature2 .feature1-list{position:absolute;top:0px;width:100%;height:160px;}
.feature2 .feature1-list li{float:left;}
.feature2 .feature1-list .gift-pic{background:url(../images/haoli_pic.jpg) no-repeat;width:145px;height:160px;padding-right:16px;}
.feature2 .feature1-list .gift-pic2{background-position:0 -160px;}
.feature2 .feature1-list .gift-pic3{background-position:0 -320px;}
.feature2 .feature1-list .gift-pic4{background-position:0 -480px;}
.feature2 .feature1-list .gift-pic5{background-position:0 -640px;padding-right:11px;}
.feature2 .feature1-list .gift-pic6{background-position:0 -800px;padding-right:0;}