body,div,p,a,img,span,input,button,ul,li,form,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0}
body{font-family:'Microsoft Yahei',sans-serif,Arial;font-size:12px;}
li{list-style:none;}
.wrap a{text-decoration:none;display:inline-block;}
i {font-style:normal;}
span,a,img{display:inline-block;}
.wrap a:focus{outline:none;}
body{background:#2c3137;}
.wrap{background:url(../images/sf0501.jpg) no-repeat center top;min-width:1200px;width:100%;width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); float:left;margin-top:-1182px;}
/*-------------头部导航-------------*/
.top{min-width:1200px;width:1200px;height:158px;margin:0 auto;position:relative;}
.top-ul{height:86px;}
.top-ul li{float:left;}
.top-ul li a{width:200px;height:84px;color:#FFFF00;line-height:50px;font-size:22px;margin-top:0px;text-align:center;letter-spacing: 2px;}
.top-ul li a span{font-size:12px;margin-top:-20px;display:block;letter-spacing: 0px;color:#FF0000;}
.top-ul li a span:hover{font-size:12px;margin-top:-20px;display:block;letter-spacing: 0px;color:#FFFF00;}
.top-ul li a:hover{color:#FFF;background:url(../images/nav_bg.png) top;margin-top:-16px;}
.top-li-right{margin-left:290px;}
.top-img{position:absolute;top:26px;left:450px;cursor:pointer;}
/*------------------主体内容------------*/
.main{width:1200px;height:auto;margin:0 auto;margin-top:560px;position:relative;}
.main-txt{width:750px;height:536px;background:url(../images/txt.png) no-repeat;position:absolute;top:-444px;left:-72px;}
.main-left{float:left;width:290px;height:auto;overflow:hidden;}
/*-------------左侧内容------------*/
.left-download{width:290px;height:auto;}
.left-download .ld-one{width:290px;height:142px;background:url(../images/sf0509.png) no-repeat center center;}
.left-download .ld-one:hover{background:url(../images/sf0508.png) no-repeat center center;}
.left-download .ld-infor{width:290px;height:190px;background:url(../images/sf0510.jpg) no-repeat center center;margin-top:-5px;}
.left-download .ld-infor a{width:140px;text-align:left;line-height:64px;font-size:16px;color:#fff;opacity:0.7;filter:alpha(70);position:relative;}
.left-download .ld-infor a:hover,.lf-yxts a:hover,.ls-nav a:hover,.lc-nav p:hover{opacity:1;filter:alpha(100)}
.left-download .ld-infor a img{position:absolute;top:14px;left:20px;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s}
.left-download .ld-infor .ld-six img,.left-download .ld-infor .ld-four img{margin-top:-2px;}
.left-download .ld-infor a span{margin-left:60px;}
.ld-two:hover.ld-two img,.lf-two:hover.lf-two img,.ls-two:hover.ls-two img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.ld-three:hover.ld-three img,.lf-three:hover.lf-three img,.ls-three:hover.ls-three img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.ld-four:hover.ld-four img,.lf-four:hover.lf-four img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.ld-five:hover.ld-five img,.lf-five:hover.lf-five img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.ld-six:hover.ld-six img,.lf-six:hover.lf-six img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.ld-seven:hover.ld-seven img,.lf-seven:hover.lf-seven img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
/*------------游戏特色-------------*/
.left-features{width:290px;height:267px;margin-top:16px;background:url(../images/sf0517.jpg) no-repeat center center;}
.lf-time{color:#9d8f90;margin-left:78px;text-align:center;font-size:14px;width:170px;height:34px;padding-top:8px;}
.lf-time:hover{color:#fff;}
.lf-yxts{margin-top:65px;margin-left:25px;}
.lf-yxts a{display:block;color:#fff;line-height:25px;font-size:16px;opacity:0.7;filter:alpha(70);}
.lf-yxts a img{vertical-align: middle;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s}
.lf-yxts a span{margin-left:6px;}
/*------------推荐服务器-------------*/
.left-server{width:290px;height:102px;margin-top:16px;background:url(../images/sf0520.jpg) no-repeat;}
.ls-h2{padding:10px 0 0 22px;color:#ff0000;font-weight:400;letter-spacing: 2px}
.ls-nav,.lc-nav{margin:14px 0 0 22px;}
.ls-nav a{display:block;color:#fff;font-size:16px;opacity:0.7;filter:alpha(70);line-height:24px;width:100%;height:24px;}
.ls-nav a img{vertical-align: middle;float:left;margin-top:3px;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s}
.ls-span1{margin-left:6px;float:left;}
.ls-span2{float:right;padding-right:15px;}
.ls-span3{width:16px;height:14px;color:#ff0000;border:1px solid #ff0000;vertical-align: middle;line-height:14px;margin-left:6px;font-size:12px;text-align:center;}
/*------------客服支持-------------*/
.left-customer{width:290px;height:187px;margin-top:7px;background:url(../images/sf0521.jpg) no-repeat;}
.lc-nav{padding-top:10px;}
.lc-nav p{color:#aaabad;font-size:16px;line-height:24px;cursor:pointer;}
.lc-nav p a{color:#ff0000;}
.lc-nav p .lc-youj{color:#aaabad}
.lc-nav p .lc-youj:hover{color:#fff;}
/*------------关于我们-------------*/
.left-about{width:290px;height:284px;margin-top:16px;background:url(../images/sf0522.jpg) no-repeat;}
.la-weixin{width:131px;height:131px;margin:0 auto;display:block;margin-top:30px;}
.la-joinwx{text-align:center;color:#fff;opacity:0.7;filter:alpha(70);font-size:16px;line-height:108px;width:100%;}
.la-joinwx:hover{opacity:1;filter:alpha(100);}

/*-------------中间内容------------*/
/*------------banner轮播-------------*/
.main-centont{float:left;margin-left:16px;width:590px;height:auto;margin-top:1px;}
.cbanner{width:588px;height:328px;overflow:hidden;position:relative;border:1px solid #000;}
.cbanner ul{width:2950px;height:328px;position:absolute;left:0;top:0;}
.cbanner ul li{width:588px;height:328px;float:left;}
.cbfBtn{position:absolute;bottom:0;width:120px;height:66px;line-height:66px;margin:0px 0 0 410px;text-align:center;}
.cbfBtn span{width:16px;height:18px;display:inline-block;background:url(../images/sf0519.png);margin-left:6px;}
#num .active{background:url(../images/sf0518.png);}
/*------------新闻公告-------------*/
.mc-news{width:590px;height:266px;background:url(../images/sf0530.jpg) no-repeat;margin-top:16px;}
.mc-news-nav{width:100%;height:50px;line-height:50px;}
.mc-news-nav span,.mc-pic-nav span{font-size:18px;color:#aaabad;margin-left:24px;cursor:pointer;}
.mc-pic-nav span a{font-size:18px;color:#aaabad;}
.mc-pic-nav .mc-more{font-size:14px;color:#aaabad;margin-left:220px;position:relative;}
.mc-news-nav span:hover,.mc-pic-nav span:hover,.mc-news-nav .mc-first,.mc-pic-nav .mc-first a{color:#ff0000;}
.mc-news-nav .mc-more b,.mc-pic-nav .mc-more b{position:absolute;border:1px solid #aaabad;height:11px;line-height:10px;top:20px;text-align:center;display:inline-block;vertical-align: middle;margin-left:6px;
	             transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.mc-more:hover.mc-more b{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.mc-news-nav .mc-more{font-size:14px;color:#aaabad;margin-left:270px;position:relative;}
.mc-tab{position:relative;margin:14px 0 0 24px;}
.mc-newses{position:absolute;top:0;left:0;width:538px;height:190px;display:none;overflow:hidden;}
#mc-newses{display:block;}
.mc-newses a{width:538px;color:#aaabad;font-size:14px;height:30px;line-height:30px;border-bottom:1px dashed #686868;display:block;position:relative;}
.mc-newses a:hover{background:#353535;color:#fff;}
.mc-newses a img{vertical-align: middle;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s}
.mc-newses a span{margin-left:6px;}
.mc-newses a i{position:absolute;right:6px;}
.mc-newses .mn-three,.mc-newses .mn-seven{color:#ff0000;opacity:1;filter:alpha(opacity:100);}
.mn-two:hover.mn-two img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mn-three:hover.mn-three img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mn-four:hover.mn-four img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mn-five:hover.mn-five img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mn-six:hover.mn-six img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mn-seven:hover.mn-seven img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
/*------------职业展示-------------*/
.mc-prof{width:894px;height:296px;background:url(../images/sf0540.png) no-repeat;background-size:100% 100%;margin-top:16px;overflow: hidden;position:relative;z-index:3;}
.mc-jinu{width:59px;height:296px;background:url(../images/sf0541.png) no-repeat;float:left;overflow:hidden;}
.mc-prof .jinu2{background:url(../images/sf0542.jpg)}
.mc-prof .jinu3{background:url(../images/sf0548.png)}
.mc-prof .jinu4{background:url(../images/sf0543.jpg)}
.mc-prof .jinu5{background:url(../images/sf0547.png)}
.mc-prof .jinu6{background:url(../images/sf0544.jpg)}
.mc-prof .jinu7{background:url(../images/sf0546.png)}
.mc-prof .jinu8{background:url(../images/sf0545.png)}

#mc-jinu{width:458px;margin-left:22px;}
.mc-jinu p{color:#fff;opacity:0.7;filter:alpha(opacity:70);margin-left:76px;font-size:14px;width:220px;height:22px;padding-left:6px;}
.mc-jinu p:hover{opacity:1;filter:alpha(opacity:100);}
.mc-jinu .mc-jinu1{padding-top:38px;font-size:16px;}
.mc-jinu .mc-jinu1 img{vertical-align: middle;margin:0 6px 0 -4px;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s}
.mc-jinu1:hover.mc-jinu1 img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mc-jinu .mc-jinu2{margin-top:-4px;font-size:12px;padding-left:6px;}
.mc-jinu .mc-jinu3{padding-top:26px;}
.mc-jinu .mc-jinu7{width:81px;height:24px;border:1px solid #ccc;text-align:center;line-height:24px;padding-left:0px;font-size:12px;margin-top:20px;margin-left:82px;cursor:pointer;}
.mc-jinu .mc-jinu7 a{color:#fff;}
.mc-jinu .mc-jinu7:hover{background:url(../images/sf0507.jpg) no-repeat;border:1px solid #ff0000;}
/*------------壁纸、视频、原画-------------*/
.mc-pic{width:590px;height:283px;background:url(../images/sf0550.jpg) no-repeat;margin-top:16px;position:relative;}
.mc-pic-nav{width:100%;height:40px;line-height:40px;}
.mc-pic .mc-pic-nav .mc-more{margin-left:334px;}
.mc-pic .mc-pic-nav .mc-more b{top:15px;}
.poster-main{position:relative;width:500px;height:185px;margin:26px auto;-display:none;}
.poster-main a,.poster-main img{display:block;}
.poster-item img{width:100%;height:100%;}
.poster-main .poster-list{width:500px;height:185px;}
.poster-main .poster-list .poster-item{position:absolute;left:0;top:0;}
.poster-main .poster-btn{position:absolute;top:50px;width:21px;height:76px;z-index:6;cursor:pointer;}
.poster-main .poster-prev-btn{left:-20px;}
.poster-main .poster-next-btn{right:-20px;}
/*------------右侧内容-------------*/
.main-right{width:290px;height:auto;float:left;margin-left:10px;}
/*------------新服来袭-------------*/
.mr-edition{width:290px;height:331px;background:url(../images/sf0560.jpg) no-repeat;background-size:100% 100%;margin:0px 0 0 6px;}
.mr-news-nav{width:100%;height:50px;line-height:50px;}
.mr-news-nav span{font-size:18px;color:#ff0000;margin-left:20px;cursor:pointer;}
.mr-news-nav .mc-more{font-size:14px;color:#aaabad;margin-left:132px;position:relative;}
.mr-news-nav .mc-more b{position:absolute;border:1px solid #aaabad;height:11px;line-height:10px;top:20px;text-align:center;display:inline-block;vertical-align: middle;margin-left:6px;
	             transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.mr-more:hover.mc-more b{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.mre-pic{width:260px;height:92px;margin:23px 0 0 15px;}
.mre-newfu{color:#ff0000;text-align:center;line-height:46px;font-size:18px;}
.mre-xflx a{width:44%;height:30px;line-height:30px;color:#fff;opacity:0.7;filter:alpha(70);padding:5px 0 0 12px;font-size:16px;}
.mre-xflx a:hover{opacity:1;filter:alpha(100);}
.mre-xflx a img{vertical-align:middle;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s}
.mre-xflx a span{margin-left:6px;}
/*------------新手指南-------------*/
.mr-tutoria{width:290px;height:125px;background:url(../images/sf0562.jpg) no-repeat;margin:16px 0 0 5px;}
.mr-tutoria .mrt-xszn1{cursor:pointer;width:200px;height:20px;line-height:20px;padding:45px 0 0 48px;}
.mr-tutoria .mrt-xszn1 a{font-size:16px;color:#fff;filter:alpha(opacity:70);opacity:0.7;}
.mr-tutoria .mrt-xszn1 img,.mr-database .mrd-xszn1 img{vertical-align: middle;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;margin-right:6px;}
.mr-tutoria a:hover,.mr-tutoria p:hover,.mr-tutoria p a:hover,.mr-database .mrd-xszn1 a:hover,.mr-database p:hover,.mr-database p a:hover{filter:alpha(opacity:100);opacity:1;}
.mrt-xszn1:hover.mrt-xszn1 img,.mrd-xszn1:hover.mrd-xszn1 img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mr-tutoria .mrt-xszn2 a{cursor:pointer;color:#fff;filter:alpha(opacity:70);opacity:0.7;margin-left:48px;}
/*------------资料库-------------*/
.mr-database{width:290px;height:126px;background:url(../images/sf0563.jpg) no-repeat;margin:15px 0 0 5px;}
.mr-database .mrd-xszn1{cursor:pointer;width:200px;height:20px;line-height:20px;padding:49px 0 0 165px;}
.mr-database .mrd-xszn1 a{font-size:16px;color:#fff;filter:alpha(opacity:70);opacity:0.7;}
.mr-database .mrd-xszn2 a{cursor:pointer;color:#fff;filter:alpha(opacity:70);opacity:0.7;margin-left:168px;}
/*------------健康游戏忠告-------------*/
.mr-advise{width:290px;height:283px;background:url(../images/sf0564.jpg) no-repeat;margin:328px 0 0 5px;}
/*------------底部间距-------------*/
.bot{width:100%;height:54px;clear:both;}


.navlogo,.nav-box,.tj-btn {overflow: hidden }
.navlogo,.nav,.tj-btn {display: block }
.nav-box {position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+100)); background-repeat: no-repeat; margin: 0; padding: 0; z-index: 99999; background-position: center; background-image: url(../images/nav-box.jpg); background-color: transparent; width: 162px; height: 567px; top: 30%; right: 10px }
.nav-box-2 {background-image: url(../images/nav-box-2.jpg); width: 146px; height: 519px }
.nav-box-2 .logo {height: 128px }
.nav-box-2 .nav {width: 117px; margin-bottom: 9px }
.nav-box-2 .active,.nav-box-2 .nav:hover {width: 121px }
.nav-box-2 .tj-btn {width: 100%; height: 96px; background: url(../images/goto-2.png) center no-repeat }
.nav-box-2 .tj-btn:hover {background-image: url(../images/goto-2-hover.png) }
.nav {text-align: center; width: 130px; height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 12px; color: #8b8b8b; background: url(../images/icon-1.png) center right no-repeat; -webkit-transition: .2s; transition: .2s }
.nav.active,.nav:hover {background: url(../images/icon-2.png) center right no-repeat; width: 134px; color: #d1ac5c }
.nav:hover {text-decoration: none }
.navlogo {width: 150px; height: 120px; margin-top:30px;margin-left:5px}
.tj-btn {position: absolute; bottom: 0; left: 0; width: 162px; height: 106px; background: url(../images/goto.png) center no-repeat; text-indent: -99999px }
.tj-btn:hover {background-image: url(../images/goto-hover.png) }

.kv-music{position:fixed;z-index:9999;top:0px;left:280px; width:58px;height:100px;}