@charset "utf-8";
body{font-family: "微软雅黑";background: url(../images/yx-bg2.jpg) center top no-repeat #100704; font-size: 14px;*overflow-x: hidden;}
.yx-1240 a{color: #351c02;}.yx-1240 a:hover{color: #b00101;}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*清除默认的select选择框样式*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.cs3-xuanzhuan{ transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.cs3-xuanzhuan:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.cs3-fangda{transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.cs3-fangda:hover{ transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}


.yx-1240{width: 1240px;margin: 0 auto;position: relative; z-index: 2; }
.yx-box{width: 100%;height: 300px;}
.yx-png{background-image:url(../images/png.png); display:inline-block; vertical-align: middle; text-indent: -9999px;}
.yx-1240 .btn-ser{width: 90px;height: 28px;line-height: 28px;text-align: center; background: #d9c3b9; color: #000; font-size: 14px; display: block;float: left;}
.yx-1240 .btn-ser:hover{background: #fff; color: #000;}
.yx-bottom{padding: 40px 0; text-align: center; background: #000; color: #8e8e8e; line-height: 24px; position: relative; }
.yx-huobg{position: absolute;top: -126px; left: 0; height: 126px;background: url(../images/huo.jpg) top center no-repeat; width:100%;z-index: 1;
}
.yx-bottom a{color: #8e8e8e;}
.yx-input{width: 168px; color: #fff;padding-left: 32px;border: none 0px;height: 35px; line-height: 35px; margin-top: 15px; }
.i-qq{width: 24px;height: 20px;background-position:-205px -76px; }
.i-xl{width: 24px;height: 20px;background-position:-205px -50px; }
.i-rr{width: 24px;height: 20px;background-position:-205px -27px; }
.i-ty{width: 20px;height: 20px;background-position:-205px -3px; }
/*通用标题*/
.yx-title{ height: 42px; line-height: 42px; border-bottom: 1px solid #2f2725; text-align: right; padding-right: 10px;}
.yx-title h1{width: 110px;text-align: center; height: 40px; border-bottom: 4px solid #2f2725; color: #2f2725;font-size: 22px; float: left;  }
.yx-title .ico,.yx-gdbox .ico{width: 13px;height: 13px;background-position: right top;}
.yx-title .ico:hover{background-position: right -13px;}
.yx-gdbox{position: relative; clear: both; height: 30px;}
/*页面框架*/
.sy-imgbox{height: 555px; position: relative; }
.sy-imgbox .navbox{background: url(../images/tm.png); padding: 10px 30px;position: absolute;right:0;top:0;}
.sy-imgbox .navbox a{margin-right: 10px; color: #fff;}
.sy-imgbox .navbox a:hover{ color: #f90f20;}
.sy-imgbox .sy-toppng{width: 567px;height: 341px; }
.sy-top{height: 320px;overflow:hidden;  padding-bottom: 15px; }
.sy-content{ padding: 20px;background: #f2f2f2;}
/*登录模块*/
/*登录模块*/
.gw-NoLogin{width: 360px;padding-top: 90px; height: 230px;  float: left;}
.gw-NoLogin .left {width: 200px;float: left; margin-left: 30px; height: 170px;*margin-left: 10px;*overflow:hidden; }
.gw-NoLogin .left .radiobox{padding-left:40px; color: #fef2ec;}
.gw-NoLogin .zhanghao{  background: url(../images/dlk.jpg); display: block;}
.gw-NoLogin .mima{  background: url(../images/dlk.jpg) 0 -35px;display: block;}
.gw-NoLogin select{ color: #fff; padding:0 25px 0 10px; width: 200px;height: 35px;line-height: 35px; margin-top: 15px;
	background: url(../images/select.jpg) no-repeat scroll right center #443f3b; border:1px solid #000;}
.gw-NoLogin .right {width: 110px;float: left; margin-left: 20px;height: 170px;*margin-left: 8px;}
.gw-NoLogin .right .play{width: 100px;height: 50px;  margin: 35px 0 10px 0;*text-indent: 0;}
.gw-NoLogin .right .play:hover{ background-position:  0 -50px; }
.gw-NoLogin .right .reg{width: 100px;height: 50px;background-position:-100px 0;*text-indent: 0; }
.gw-NoLogin .right .reg:hover{background-position:-100px -50px; }
.gw-NoLogin .right .forget{font-size: 12px; color: red;}
.gw-NoLogin .bottom{clear: both; width: 100%;padding: 20px 0 0 30px;_height:50px;}
.gw-NoLogin .lablebox{width: 100%;clear: both;height: 24px;display: block;}

.gw-Login{width: 320px;padding: 80px 20px 0 20px; height: 230px;  float: left;}
.gw-Login .txt{ padding-bottom: 20px;}
.gw-Login h1{font-size: 16px; color: #fba22c; margin-bottom: 20px;}
.gw-Login .btn{width: 90px;height: 25px; float: left;background: url(../images/login-btn.png); text-indent: -9999px;}
.gw-Login .modify:hover{background-position: -90px 0;}
.gw-Login .out{background-position:0 -25px; margin-left: 10px;}
.gw-Login .out:hover{background-position:-90px -25px ;}
.gw-Login .ser{border-top: 1px dashed #3b3735; clear: both; line-height: 24px;}
.gw-Login .btn-ser{margin: 10px; margin-left: 0; overflow:hidden;font-size: 12px;}
.gw-Login h4{clear: both;}
.gw-Login .yx-gdbox a{position: absolute; right:0px;top:0;} 
/*轮换图模块*/
.sy-rotation{width: 600px;height: 320px;float: left;}
#main_promo{height:320px; width:600px; margin-left:-300px; position:relative;  top:0;  left:50%; overflow:hidden; z-index:0; }
.promoWD{width:600px; margin:0 auto; position:relative; }
.slide{display:block; float:left;  width:600px;}
#dots{height:13px; position:absolute; bottom:13px; left:20px; z-index:99;}
#dots li{ width:23px; height:13px; float:left; }
#dots li a{ width:10px; display:block; height:10px; background-color:#7f0705; border:1px solid #FFFFFF;}
#dots li.act a{background-color:#000000;}
/*按钮模块*/
.sy-btnbox{ width: 260px;padding-top: 72px;float: left; padding-left: 20px;*padding-left: 10px;}
.sy-btnbox a{display: block;width: 240px;height: 125px;}
.sy-btnbox .start{background-position:0 -100px; }.sy-btnbox .start:hover{background-position:0 -350px; }
.sy-btnbox .down{background-position:0 -225px; }.sy-btnbox .down:hover{background-position:0 -475px; }
/*游戏公告模块  游戏活动模块 游戏攻略模块*/
.sy-notice{width: 460px;height: 300px;float: left; margin-right: 20px;}
.sy-notice dl{width: 100%; clear: both; padding-top: 10px;}
.sy-notice dl dt {height: 47px;line-height: 46px; font-size: 18px; padding: 0 10px; margin: 0 1px;  background: url(../images/dtbg.jpg);}
.sy-notice dl dd{ padding: 0 10px;height: 37px;line-height:37px; overflow: hidden; background: #eee9e4;}
.sy-notice dl dd a{ color: #572d01; -webkit-transition: padding .2s ease;-moz-transition: padding .2s ease;-o-transition: padding .2s ease;transition: padding .2s ease;}
.sy-notice dl dd a:hover{padding-left: 5px;}
.sy-notice dl dd span{float: right;}
.sy-raiders{width: 420px;}

/*礼包模块 美图欣赏模块*/
.sy-package .ka-box{overflow:hidden;height: 153px;width: 235px;}
.sy-package{width: 235px;height: 300px;display: block; float: left; }
.sy-package .lb{width: 230px;height: 80px;background: url(../images/an.png);display: block; margin: 10px auto;}
.sy-package .lb:hover{background-position: 0 -80px;}
.sy-package .libiao_lb{width: 235px;height: 300px;background: url(../images/libao.png);display: block; margin: 10px auto;}
.sy-package .ka-box a {display: block;width: 110px;height: 40px;overflow:hidden; float: left; margin: 10px 5px 0 0;}
.sy-package .ka-box img{width: 110px;height: 40px;}
.sy-picture{width: 100%; height: 280px;width: 940px;float: left;}
.sy-picture .imgbox{padding-top: 20px;}
.sy-picture .cycle{width: 290px;float: left;margin-right: 35px;text-align: center;line-height: 42px;}
.sy-picture .cycle img{width: 290px;height: 165px;display: block;}
/*游戏资料模块*/
.sy-data{width: 500px; float: left;height: 300px; margin-right: 20px;}
.sy-data .databox{height: 200px; background:url(../images/ziliaobg.jpg);padding: 10px 20px; margin-top: 10px;}
.sy-data ul li{padding: 20px 5px; border-bottom: 1px dashed #322011;;height: 25px; }
.sy-data .databox a{display: block;width: 80px;float: left;height: 25px;line-height: 25px; text-align: center;margin:0 15px; color: #322011;  }
.sy-data .databox a:hover{background: #322011; color: #fff; border-radius: 10px;  }
/*游戏客服模块*/
.sy-kefu{width: 240px; float: right;height: 300px;line-height: 32px;}
.sy-kefu .kefubox{height: 230px;background: url(../images/kefubg.jpg); clear: both; margin-top: 15px;}
.sy-kefu p{padding: 20px 15px; }
.sy-kefu .box{border-top:1px dashed #6c6b6a; padding: 10px; }
.sy-kefu .box a{ width: 125px;height: 24px;line-height: 24px; display: inline-block; vertical-align: middle; text-align: center; background: #d29a00;  border-radius: 5px; color: #000; overflow:hidden; }
.sy-kefu .box a:hover{background: #fff;}

/*友情连接模块*/
.sy-friend{clear: both;width: 100%;height: 230px;}
.sy-friend .box{clear: both;  padding: 20px;}
.sy-friend a{display: block;width: 128px;height: 25px;float:left;}


/*************************************服务器列表页******************************************/
.sl-box{width: 650px; padding: 182px 45px 45px 45px;  margin-left: 420px;}
.sl-navbox{height: 40px; padding-bottom: 10px;}
.sl-navbox a{height: 40px; margin-right: 20px; line-height: 40px;width: 140px;float: left;display: block;text-align: center; color: #ffecc4; background: url(../images/sl-navbg.png); font-size: 16px;}
.sl-navbox a:hover{background-position: 0 -40px; color: #c81d26;}
.gw-sl-NoLogin,.gw-sl-Login{padding: 10px 20px;height: 110px; color:#fff; }
.gw-sl-NoLogin .zhanghao{  background: url(../images/dlk.jpg); margin-right: 15px;display: block;float: left;}
.gw-sl-NoLogin .mima{  background: url(../images/dlk.jpg) 0 -35px; margin-right: 15px;display: block;float: left;}
.gw-sl-NoLogin .get{background-position: 0 -600px;width: 100px;height: 35px;display:block; margin-top: 15px;float: left;}
.gw-sl-NoLogin .get:hover{background-position: -101px -600px;width: 100px;height: 35px;display: inline-block; margin-top: 15px;}
.gw-sl-NoLogin .li2{height: 35px;padding-bottom: 10px;}
.gw-sl-NoLogin .li{width: 540px;padding-top:10px;}
.gw-sl-NoLogin .li .link-a{color: #c8c8c8;}
.gw-sl-NoLogin .li .link-a:hover{color: #fff; text-decoration:underline;}

.gw-sl-Login .txt{font-size: 16px; color: #feb502;}
.gw-sl-Login .txt a{float: right; margin-right: 15px; font-size: 12px; color: #fff;}
.sl-serbox{background:#201d1c; padding:0 20px; margin-top: 10px; border:1px solid #58503c;}

.sl-box .btn-ser{width: 170px;height: 38px; color: #000; line-height: 38px; background: #b89e6c;  font-size: 16px;margin:10px;}
.sl-box .btn-ser:hover{background: #e5d8a6;}
.sl-box .ser-all{border-top:1px dashed #afafaf; width: 100%; margin-top: 20px; clear: both;}
.sl-box h1{ font-size: 16px; padding-left: 15px; padding-top: 15px; }
.sl-box .ser-cycle{overflow-y:auto;height: 420px; }
.sl-serbox .btn-ser{width: 170px;height: 38px;line-height: 38px; background: #d1d1d1;  font-size: 16px;margin:10px;}
.sl-serbox .btn-ser:hover{background: #aa3625; color: #fff;}

/*************************************美图列表页  公告列表页******************************************/

.yx-left{width: 930px;float: left; padding-top: 15px; padding-left: 30px;_padding-left: 10px; }
.yx-left .imgbox .cycle{margin-right: 15px; color: #333}
.yx-left .imgbox{background: #f4f4f4;padding-top: 20px; padding-left: 20px;}
.il-right{width: 260px;float: left; margin-left: 20px; padding-top: 57px;}
.il-pagebox{text-align: center; width: 935px; padding: 20px 0;height: 30px;clear: both; margin-left: 30px;}
.il-pagebox a{margin: 0 10px;}
.il-pagebox .on,.il-pagebox a:hover{color: #da360d;}

.list-ul{background: #fff; clear: both; width: 100%; font-size: 16px;height: 830px;}
.list-ul li{background: #fff; margin-bottom:12px;}
.list-ul li:hover{background: #e9e0d0; }
.list-ul li:hover a{color: #8e5200;}
.list-ul li a{height: 40px;line-height: 40px;display: block; color: #201d1c; padding: 0 20px; overflow:hidden; }
.list-ul li a span{float: right; font-size: 14px;}


.content-box{background: #fff;padding: 20px 40px; color: #0e0d0d; min-height: 800px;}
.content-box .txt{ line-height: 28px;padding: 20px 0; font-size: 16px; }
.content-box .txt img{max-width: 800px;}
.content-box .title{text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 20px;}
.content-box .title h1{ font-size: 30px; padding-bottom: 15px;  color: #333;}
















































