@charset "utf-8";
*{margin:0;padding:0;}
html,body,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;font-family:Microsoft YaHei;}
html{overflow-x: hidden;}
body{overflow: hidden; min-width: 1200px;font-size:12px;}
ul,ol,li { list-style:none;}
img{ border:0;}
a{color:#000;text-decoration:none}
em,i{font-style:normal;}
a:focus,input{outline:none;}
a{outline:none;star:expression(this.onFocus=this.blur());} 
.wrap{background:#1F2226 url(../img/bg.jpg) top center no-repeat;padding-bottom:40px;}
.main{width:1200px;margin:0 auto;position:relative;}
.shTop{padding-top:644px;overflow: hidden;}
.navBox{position:absolute;top:0;left:0;height:82px;width:100%;z-index: 9;}
.navBox ul{float:left;height:82px;}
.navBox ul li{text-align:center;float:left;width:155px;position:relative;height: 80px;}
.navBox ul li a{color:#F5C492;font-size:16px;display: block;height: 80px;}
.navBox ul li a span{display: block;padding-top: 20px;padding-bottom: 3px;}
.navBox ul li a i{display: block;font-size:12px;color:#F5C492;}
.navBox ul li.logo{width:270px;}
.navBox ul li.logo img{margin-top:8px;}
.navBox ul li:nth-child(2),.navBox ul li:nth-child(3),.navBox ul li:nth-child(6),.navBox ul li:nth-child(7){background:url(../img/shu.jpg) 0 center no-repeat;}
/*********登录and滚图***********/
.hidetxt{overflow:hidden;text-indent:-9999px;}
.dragonOne{height:388px;width:100%;}
.dlBox{height:388px;width:360px;position:relative;float:left;background:#24292F;}
.zlStart{width:380px;height:185px;background:url(../img/start.png) -2px 0px no-repeat;display:block;position: absolute;left: -9px;top: -22px;z-index:9;}
.zlStart:hover{background-position: -381px 0px;}
.dragonBottom{position: absolute;left: 0;bottom: 0;height:229px;width:363px;background:url(../img/dragonBottom.png) no-repeat;}
.littleNav{width:100%;height:78px;}
.littleNav a{float:left;height:78px;width: 120px;color:#727374;font-size:12px;text-align:center;position:relative;overflow:hidden;    line-height: 115px;}
.littleNav a,.littleNav a p,.fwqUl li a i{-webkit-transition:all .3s ease-out 0s,padding .3s ease-out .05s,height .3s ease-out .05s;transition:all .3s ease-out 0s,padding .3s ease-out .05s,height .3s ease-out .05s;}
.littleNav a p{width:100%;background:url(../img/little.png) no-repeat;height:78px;position:absolute;left:0;top:0;}
.littleNav a p.p1{background-position:46px 12px;}
.littleNav a p.p2{background-position:-75px 12px;}
.littleNav a p.p3{background-position:-192px 12px;}
.littleNav a:hover p{top:-30px;opacity:0;}
.littleNav a:hover{line-height:78px;color:#b59d72;}
.dl{width:328px;padding:20px 16px;}
.clearfix{width:100%;height:70px;}
.loginStart,.btnList a,.fwqQuick .quickBtn,.fwqMore a{background-image:url(../img/btn.jpg);background-repeat:no-repeat;}
.loginForm{height:70px;overflow:hidden;width: 248px;float: left;}
.loginForm .input{height:30px;float:left;margin-bottom:10px;line-height:30px;color:#727374;font-size:14px;}
.loginForm .input span{float:left;width: 46px;text-align: right;}
.loginForm .input input{height:30px;background:#4E555D;line-height:30px;color:#fff;border:0;padding:0 10px;width: 182px;}
.loginStart{height:70px;width:70px;margin-left:10px;background-position:0 0;float:left;color: #fff;font-size: 16px;text-align: center;line-height: 70px;}
.loginStart:hover{background-position:-73px 0;}
.dlBottom{height:20px;line-height:20px;width:100%;margin-top: 18px;color:#727374;font-size:14px;}
.dlBottom label{float:left;cursor: pointer;}
.dlBottom label input{width:14px;height:14px;float:left;margin:3px 5px 0 7px;}
.authlist{float:left;height:20px;margin-left: 24px;}
.authlist a{height:20px;width:20px;display:inline-block;margin: 0 4px;background: url(../img/authlist.png) no-repeat;}
.authlist a.btn-qq{background-position:0 0px;}
.authlist a.btn-wx{background-position:-32px 0px;}
.authlist a.btn-wb{background-position:-64px 0px;}
.authlist a:hover.btn-qq{background-position:0 -22px;}
.authlist a:hover.btn-wx{background-position:-32px -22px;}
.authlist a:hover.btn-wb{background-position:-64px -22px;}
.wjpad{float:right;text-decoration:underline;color:#b59d72;font-size:14px;}
.account{width:100%;color:#b8b8b8;font-size:14px;height:26px;line-height:26px;}
.account .nickname{width: 168px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;float:left;color: #727374;}
.btnList{text-align:center;width:160px;    float: right;}
.btnList a{margin-left:10px;width:70px;height:25px;line-height:25px;font-size:14px;float: left;}
.btnList a.userCenter{background-position:-145px 0px;color:#fff;}
.btnList a.userQuit{background-position:-220px 0px;color:#b8b8b8;}
.served{background:#383838;width: 308px;height: 52px;font-size: 14px;margin-top: 14px;padding: 8px 10px 14px 10px;overflow: hidden;}
.served .played{width:100%;color: #727374;}
.served .playedLink{line-height: 21px;margin-top: 2px;}
.served .playedLink a{color: #727374;font-size: 12px;width: 100px;float: left;text-align: center;}
.served .playedLink a:hover{text-decoration:underline;color:#DE7514;}
.dragonBenner{height:388px;width:820px;margin-left: 20px;float:left;}
.slideBox{height:388px;width:820px;position:relative;overflow:hidden;background:#252A30;}
.slideBox .hd{ height:36px; overflow:hidden;width:100%; position:absolute; left:0; bottom:0; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;width:100%;height:36px;background:#252A30;}
.slideBox .hd ul li{ float:left;width:25%; height:36px; line-height:36px; font-size:14px;text-align:center;cursor:pointer; color:#6f7072;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.slideBox .hd ul li.on{background:#39414a;color:#dab470;}
.slideBox .bd{ position:relative;height:352px;width:820px; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ height:352px;width:820px;display:block;}

/*********服务器列表and新闻***********/
.fwqNews{width:100%;height:410px;margin:40px 0;}
.fwqBox{height:410px;width:320px;float:left;background:#24292F;padding:0 20px;}
.csTit{width:100%;height:46px;line-height:46px;position:relative;margin-bottom:18px;border-bottom:1px solid #33383E;color: #BCBCBC;}
.csTit h3{border-bottom:3px solid #b59d72;color:#b59d72;height:45px;font-size:18px;float: left;}
.fwqQuick{font-size:14px;color:#888;margin-bottom:8px;height:40px;line-height:40px;background-color:#1F2226;padding:0 10px;}
.fwqQuick .quickNum{height:20px;padding:0 10px;background:#33383E;    margin: 0 5px;width: 80px;border:0;color:#b59d72;font-size:14px;text-align: center;}
.fwqQuick .quickBtn{float:right;background-position:-145px -28px;border:0;height:25px;width:51px;text-align:center;cursor: pointer;color:#ffe4c5;font-size:14px;line-height:26px;margin-top:7px;}
.fwqQuick .quickBtn:hover{background-position: -207px -28px;}
.fwqUl{width:100%;margin:15px 0;}
.fwqUl li{height:37px;line-height:37px;font-size:14px;}
.fwqUl li a{font-size:14px;color:#888;float:left;background:url(../img/fwq.png) 0 center no-repeat;height: 37px;width: 100%;overflow: hidden;}
.fwqUl li a em{float:left;padding-left:18px;max-width: 250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fwqUl li a i{float:left;margin-left:10px;}
.fwqUl li a:hover{color:#b59d72;}
.fwqUl li a:hover i{margin-left:15px;}
.fwqUl li span{float:right;color:#b81e0e;}
.fwqUl li span.act{color:#3d9c30;}
.fwqMore{height:32px;width:100%;}
.fwqMore a{color: #ffe4c5;font-size: 14px;height: 32px;text-align: center;line-height: 32px;width: 293px;display: block; margin: 0 auto;background-position: 0 -73px;}
.fwqMore a:hover{background-position:0 -106px;}
.newsBox{width:780px;height:410px;float:left;padding:0 20px;background:#24292F;margin-left:20px;}
.slideTxtBox{ width:100%;height:410px;position:relative;overflow:hidden;}
.slideTxtBox .hd{ height:46px;width:100%;position:relative;border-bottom:1px solid #33383E;margin-bottom:20px;}
.slideTxtBox .hd ul li{float:left;padding:0 25px;height:46px;cursor:pointer;color:#6f7072;font-size:18px;line-height: 46px;margin-right:20px;}
.slideTxtBox .hd ul li.on{border-bottom:3px solid #b59d72;color:#b59d72;height:45px;}
.slideTxtBox .bd ul{zoom:1;}
.newsTit{width:100%;height:40px;line-height:40px;overflow: hidden; background:#1f2226;margin-bottom: 12px;text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsTit a{color:#3e9b31;font-size:16px;}
.newsTit a:hover{text-decoration:underline;}
.slideTxtBox .bd{overflow:hidden;width:100%;height:224px;}
.slideTxtBox .bd li,.strategyList li{ height:38px; line-height:38px;width:100%;float: left;}
.slideTxtBox .bd li a,.strategyList li a{background:url(../img/fwq.png) 0 center no-repeat;font-size:14px;color:#888;padding-left: 18px;display: block;}
.slideTxtBox .bd li p,.strategyList li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slideTxtBox .bd li a:hover,.strategyList li a:hover,.yxzlBoxLi ul li a:hover,.more:hover,.newsNyList li a:hover{color:#b59d72;}
.slideTxtBox .bd li span,.strategyList li span{float:right;color:#666;font-size:14px;}
.more{position: absolute;right: 0;color:#888;margin-top: -9px;top: 50%;font-size: 14px;    height: 18px;line-height: 18px;}
.more b{font-size:17px;}

/*********人物角色***********/
.wRole{width:100%;background:url(../img/wRole.jpg) top center no-repeat;}
.wRole .main{height:426px;}
.outBox{height:410px;width:100%;margin-top:8px;float: left;position:relative;}
.outBox .hd{height:51px;position:absolute;left:516px;top:332px;z-index:99;}
.outBox .hd ul{width:100%;float:left;}
.outBox .hd ul li,.outBox .inBox .inHd ul li,.wRoleTxt .rwTit,.wRoleTxt .rwSt{background-image:url(../img/role.png);background-repeat:no-repeat;}
.outBox .hd ul li{color:#B7C5E5;text-align:center;line-height:51px;width:51px;height:51px;float:left;margin-right:10px;cursor: pointer;overflow:hidden;background-position:-63px -313px;font-size: 14px;font-weight: 700;}
.outBox .hd ul li.on{background-position:-2px -312px;}
.outBox .bd{position:absolute;left:650px;bottom:47px;height:458px;width:608px;z-index:9;}
.outBox .inBox{height:458px;width:608px;position:relative;}
.outBox .inBox.nan{background:url(../img/nan.png) no-repeat;}
.outBox .inBox.nv{background:url(../img/nv.png) no-repeat;}
.wRoleTxt{position:absolute;width:594px;top:80px;left:140px;z-index:999;}
.wRoleTxt .rwTit{height:120px;width:100%;overflow:hidden;text-indent:-9999px;}
.wRoleTxt .rwTit.rtZs{background-position:-180px -154px;}
.wRoleTxt .rwTit.rtFs{background-position:-180px -314px;}
.wRoleTxt .rwTit.rtDs{background-position:-178px -463px;}
.wRoleTxt .rwSt{overflow:hidden;text-indent:-9999px;width:85%;border-bottom:1px solid #34373B;height:39px;margin-bottom: 14px;}
.wRoleTxt .rwSt.rsZS{background-position: -181px 8px;}
.wRoleTxt .rwSt.rsFS{background-position: -181px -31px;}
.wRoleTxt .rwSt.rsDS{background-position: -181px -72px;}
.wRoleTxt .rwTxt{color:#888;font-size:14px;line-height: 25px;}
.rwImg{width:774px;height:450px;float:left;}
.rwImg.rwZsNan{background:url(../img/rwZsNan.png) no-repeat;}
.rwImg.rwFsNan{background:url(../img/rwFsNan.png) no-repeat;}
.rwImg.rwDsNan{background:url(../img/rwDsNan.png) no-repeat;}
/*********玩法攻略***********/
.wfglBox{width:100%;margin-top:40px;height:400px;}
.wfBox,.glBox,.screenshot{background-color:#24292F;padding:0 20px;}
.wfBox{width:560px;float:left;height:400px;}
.glBox{width:540px;margin-left:20px;float:left;height:400px;}
.yxzlBoxList{width:100%;overflow:hidden;margin-top:10px;}
.yxzlBoxList .yxzlBoxLi{padding:10px 0;height:56px;float: left;border-bottom:1px dotted #382E24}
.zlTit{height: 56px;float:left;width:150px;background:url(../img/zlTit.jpg) no-repeat;font-size:0;}
.zlTit.zlOne{background-position:0 0;}
.zlTit.zlTwo{background-position:0 -77px;}
.zlTit.zlThree{background-position:0 -154px;}
.zlTit.zlFour{background-position:0 -231px;}
.yxzlBoxLi ul{float: left;width: 380px;}
.yxzlBoxLi ul li{text-align: center; float: left;width: 95px;line-height: 19px;margin: 4px 0;overflow:hidden;height:19px;}
.yxzlBoxLi ul li a{color:#888;font-size:14px;}
.yxzlBoxLi ul li a:hover{text-decoration:underline;}

/*********游戏截图***********/
.screenshot{margin-top:40px;}
.gameJt ul{overflow:hidden; padding-bottom: 25px;}
.gameJt ul li,.mediaList li{float:left;width:260px;text-align: center;}
.gameJt ul li+li{margin-left:40px;}
.gameJt ul li p,.mediaList li p{color:#888;font-size:16px;width:100%;padding-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gameJt ul li div,.mediaList li div{width:260px;height:170px;position:relative;float:left;}
.gameJt ul li div img,.mediaList li div img{position:absolute;left:0;top:0;width:260px;height:170px;}
.gameJt ul li div span,.mediaList li div span{position:absolute;left:0;top:0;width:260px;height:170px;z-index:9;background:url(../img/gameJt.png) no-repeat;opacity:0;}
.gameJt ul li a:hover span,.mediaList li a:hover span{opacity:1;}
.gameJt ul li div span,.mediaList li div span{-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.cyou_bottom{background-color:#000;}
#cyou_bottom .cyou_bottom_cont a,#cyou_bottom .cyou_bottom_cont p{color:#5f5f5f!important;}

.kfBox{width:170px;position:fixed;right:0;top:50%;margin-top:-156px;background:#24292F;z-index:9999;}
.kfBox h3{padding:0 15px;height:45px;overflow:hidden;line-height:45px;background:#0E1012;color:#b59d72;font-size:18px;}
.kfBox ul{padding: 10px 15px;}
.kfBox ul li{line-height:30px;color:#888;font-size:12px;}
.kfBox ul li a{background:#AF804D;color:#ffedc2;    padding: 2px 7px;}
/*********内页***********/
.nyLeftBox{width: 360px;float:left;}
.nyLeftBox .dlBox{margin-bottom:40px;}
.nyRightBox{background:#24292F;margin-left:20px;float:left;width:820px;min-height: 838px;margin-bottom:100px;}
.nyRtTit{height:109px;width:100%;background:#1A1C20;}
.nyRtTit h3{font-size:30px;color:#b59d72;float: left;padding-left:20px;padding-top: 8px;}
.nyRtTit h3 span{color:#b59d72;font-size: 18px;font-weight: normal;}
.nyRtTit p{float:right;padding-right:20px;color:#7d7e7f;height:109px;line-height:150px;font-size:16px;}
.nyRtTit p a{color:#7d7e7f;}
.nyRtTit p a:hover{color:#888;text-decoration:underline;}
.nyList{padding: 0 30px;width:760px;    overflow: hidden;}
.listNyTab{border-bottom:1px solid #33383E;width:100%;height:58px;line-height:58px;margin-top:22px;margin-right:15px;}
.listNyTab a{display:inline-block;width:120px;color:#888;font-size:18px;text-align:center;float: left;}
.listNyTab a.act{border-bottom:2px solid #b59d72;color:#b59d72;height:57px;}
.listNyTab a:hover{color:#b59d72;}
.newsNyList{float: left; margin-top: 20px; width: 100%;height:auto;}
.newsNyList li{ width: 100%;float: left;height: 50px;line-height: 50px;color: #666;border-bottom:1px dashed #363B40;}
.newsNyList li a{font-size:14px;color:#888;}
.newsNyList li em{margin-right:5px;font-size:14px;float:left;width:710px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newsNyList li span{color:#888;float:right;font-size:14px;}
.nyPage{width: 100%;text-align: center;font-size: 16px;line-height: 100px;margin:20px auto;color: #888;float: left;}
.nyPage a{padding: 0 5px;color: #888;}
.nyPage a:hover{color:#b38634;text-decoration:underline;}
.nyNr .nyNrTit{border-bottom:1px solid #33383E;height:112px;text-align:center;}
.nyNr .nyNrTit h3{color:#888;font-size:22px;width:100%;float:left;padding-top: 30px;padding-bottom: 10px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
.nyNr .nyNrTit p{width:100%;float:left;color:#666;font-size:14px;}
.nyNr .nyNrTxt{width:100%;color:#888;    font-size: 14px;line-height: 26px;padding: 30px 0;padding-bottom:100px;}
.nyNr .nyNrTxt img{max-width:698px;display:block;margin:10px auto;}
.nyNr .nyNrTxt p{text-indent:2em;padding:10px 0;}
.mediaList{overflow:hidden;margin: 25px 0;    width: 780px;}
.mediaList li{width:240px;margin-bottom: 25px;margin-right:20px;}
.mediaList li div img,.mediaList li div,.mediaList li div span{width:240px;height:170px;}
.mediaList li div span{background-position:center;}
/*********礼包***********/
.page_ny_xq_zhm {text-align: center;color: #fff;font-size: 14px;font-weight: bold;padding:30px; line-height:36px;    width: 698px;margin: 20px auto;margin-bottom:5px;}
.page_ny_xq span {display: inline-block;color: #8d8d8d;width: 33.33%;margin-top: 20px;}
.page_ny_xq_zhm a {display: inline-block;vertical-align: middle;width: 78px;height: 26px;line-height: 26px;background-color: #A71E18;border-radius: 3px;font-size: 12px;color: #fff;margin-left: 6px;}
.page_ny_xq_zhm a:hover{background:#AF8C32}
.page_ny_xq_zhm select,.page_ny_xq_zhm input{width: 200px; height: 24px;line-height: 24px;}