#main{position: relative;left: 50%;margin-left: -960px;}
#fir{z-index: 1;position: relative;width: 1920px;height: 927px;background: url(../images/bg-base.jpg) 0px -18px no-repeat;background-color: #f0f0f0;}
#sec{position: relative;width: 1920px;height: 700px;}
#thi{position: relative;width: 1920px;height: 255px;background-color: #f1f2f2;border-bottom: 1px solid #dee3e8;}
#server{z-index: 999;position: absolute;left: 360px;width: 620px;height: 62px;margin-top: -380px;background: url(../images/bg-server.png);}
#lunb{tz-index: 1002;width: 391px;height: 292px;position: absolute;margin-top: -293px;left: 638px;overflow: hidden;}
.banner-img{width: 391px;height: 292px;}
.banner-img li{opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);left: 0;top: 0;width: 391px;height: 292px;position: absolute;}
.banner-img li img{left: 0;top: 0;width: 391px;height: 292px;position: absolute;}
.banner-nav{position: absolute;bottom: 20px;right: 25px;}
.b-point{cursor: pointer;float: left;width: 8px;height: 8px;background: url(../images/point.png);margin-left: 8px;}
.banner-nav li{float: left;}
#bg-flash{z-index: 888;position: absolute;top: -88px;margin-left: 360px;width: 1192px;height: 700px;}
#news{z-index: 1002;width: 531px;height: 290px;position: absolute;margin-top: -293px;left: 1029px;border:#614132 1px solid;}
#news-nav{z-index: 1002;color: #777;position: absolute;left: 15px;width: 502px;height: 33px;border-bottom: 2px solid #bab4b0;font-size: 14px;}
#news-nav-block{z-index: 1002;position: absolute;top: 4px;}
#news-nav-block a{z-index: 1002;cursor: pointer;height: 27px;width: 28px;padding-right: 14px;padding-left: 14px;float: left;}
#news-nav-block a:hover, .news-nav-on{color: #777;border-bottom: 2px solid #c12d31;}
#more{position: absolute;color: #777;font-size: 12px;right: 8px;top: 4px;width: 42px;height: 22px;cursor: pointer;}
#more .more-ch{position: absolute;top: 4px;}
#more .more{position: absolute;left: 27px;top: 5px;width: 11px;height: 11px;border: 1px solid #6f6e6e;}
.more span{top: -4px;left: 1px;position: absolute;}
#news-title{position: absolute;width: 502px;height: 62px;left: 15px;top: 23px;}
#news-title .news-title{cursor: pointer;position: absolute;top: 24px;width: 100%;text-align: left;color: #777;font-size: 14px;font-weight: bold;}
.news-list{position: absolute;top: 87px;left: 15px;width: 502px;height: 215px;font-size: 12px;overflow: hidden;display: none;}
.news-list .news-li{cursor: pointer;width: 100%;height: 13px;margin-bottom: 18px;}
.news-list .news-li .news-list-content{float: left;color: #777;}
.news-list .news-li .news-list-content:hover{color: #777;}
.news-list .news-li .news-list-time{position: absolute;right: 0;float: left;color: #777;}
#login-reg{position: absolute;margin-top: -293px;left: 360px;width: 278px;height: 292px;background-color: #e1e2e3;overflow: hidden;z-index: 1100;}
#btn-flash{z-index: 1001;cursor: pointer;position: absolute;width: 278px;height: 94px;}
#servers{font-size: 15px;cursor: pointer;z-index: 1002;width: 360px;height: 62px;left: 70px;position: absolute;}
#servers .hot{color: #c12d31;}
.servers{margin-top: 6px;float: left;width: 359px;height: 21px;}
.servers a{margin-left: 28px;}
.quickServeLists{height: 62px;width: 450px;position: absolute;left: 70px;}
.quickServeLists a{line-height: 15px;margin-top: 21px;margin-left: 94px;color: #00FF00;float: left;font-size: 18px;}
.quickServeLists a span{color: #FFFFFF;}
#server-more{width: 108px;height: 62px;position: absolute;left: 447px;color: #774241;}
#more-servers{color: #774241;position: absolute;top: 6px;left: -3px;width: 96px;height: 21px;text-align: right;}
#enter-servers{position: absolute;top: 33px;left: -8px;width: 136px;height: 21px;}
#enter-servers input{width: 30px;border: 0;height: 16px;line-height: 19px;background-color: #646464;color: white;outline-style: none;text-align: center;}
#enter{width: 41px;height: 19px;background: url(../images/enter.jpg);float: right;}
#reg-recharge{position: absolute;top: 94px;width: 280px;height: 45px;left: -1px;}
.zh-md{position: absolute;left: 21px;width: 237px;height: 28px;}
.zh-md input{border: 0;width: 218px;height: 26px;padding-left: 17px;outline-style: none;}
#zh{top: 150px;}
#md{top: 185px;}
#auto{cursor: pointer;position: absolute;color: #777474;font-size: 13px;top: 215px;left: 26px;}
#auto input{position: absolute;top: 3px;width: 12px;height: 12px;}
#auto label{width: 70px;position: absolute;top: 2px;left: 25px;}
#auto div{width: 70px;position: absolute;top: 2px;left: 177px;}
#J-user-logged{display: none;position: absolute;top: 139px;height: 152px;background: #e1e2e3;width: 278px;}
#login{cursor: pointer;width: 237px;height: 38px;background-color: #f27d5e;color: white;font-size: 19px;position: absolute;top: 241px;left: 21px;}
#login:hover{background-color: #f36944;}
#login div{width: 100%;text-align: center;line-height: 38px;}
.reg-recharge{cursor: pointer;position: relative;color: white;font: 16px;width: 138px;height: 45px;float: left;border-left: 1px solid #616161;border-right: 1px solid #616161;background-color: #2e2e2e;}
.reg-recharge:hover{background-color: #1e1f1e;}
.reg-charge-block{left: 36px;top: 12px;position: absolute;}
.reg-recharge .img{transition: transform 0.9s;-ms-transition: -ms-transform 0.9s;-webkit-transition: -webkit-transform 0.9s;float: left;margin: 4px 8px 0 4px;background: url(../images/reg-recharge.png)}
.reg-recharge .img-a{width: 13px;height: 15px;}
.reg-recharge .img-b{width: 15px;height: 15px;background-position: -13px 0;}
#enter-intro, #leave-intro{width: 1200px;height: 0;position: absolute;margin-top:-60px;}
#enter-intro div{width: 298px;height: 278px;position: relative;float: left;border:#614132 1px solid;}
#ent-b{background: url(../gw/1.gif);}
#ent-c{background: url(../gw/2.gif);}
#ent-d{background: url(../gw/3.gif);}
#ent-e{background: url(../gw/4.gif);}
#leave-intro .intro{float: left;width: 300px;height: 278px;display: none;position: absolute;}
#leave-intro .leave-b{left: 0px;}
#leave-intro .leave-c{left: 300px;}
#leave-intro .leave-d{left: 600px;}
#leave-intro .leave-e{left: 900px;}
#leave-intro .intro .bg-black{opacity: 0.6;width: 300px;height: 278px;position: absolute;background-color: black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}
#leave-intro .intro .intro-font{position: absolute;width: 194px;height: 210px;color: white;font-size: 17px;padding: 40px 28px 35px 28px;text-align: center;}
#font-intro{position: absolute;background: url(../images/font-intro.png);width: 1200px;height: 28px;top: 26px;left: 360px;}
#ele-intro{position: absolute;width: 1200px;height: 278px;top: 77px;left: 360px;}
#ele-intro .intro{float: left;cursor: pointer;width: 240px;height: 278px;}
#font-ZB{z-index: 1;position: absolute;background: url(../images/font-feat.png);width: 1200px;\ top: 902px;left: 360px;}
#ele-ZB{position: absolute;width: 1200px;top: 453px;left: 360px;}
#font-feat{z-index: 1;position: absolute;background: url(../images/font-feat.png);width: 1200px;height: 28px;top: 402px;left: 360px;}
#ele-feat{position: absolute;width: 1200px;height: 376px;top: 453px;left: 360px;margin-top:-135px;}
.com-a{background: url(../fb/1.gif) 0 5px no-repeat;}
.com-b{background: url(../fb/2.gif) 0 5px no-repeat;}
.com-c{background: url(../fb/3.gif) 0 5px no-repeat;}
.com-d{background: url(../fb/4.gif) 0 5px no-repeat;}
.com-e{background: url(../fb/5.gif) 0 5px no-repeat;}
.com-f{background: url(../fb/6.gif) 0 5px no-repeat;}
.featrcom{position: relative;float: left;top:-5px;width: 505px;height: 381px;display: none;}
.bar{position: relative;cursor: pointer;float: left;width: 114.8px;height: 376px;background: url(../images/bg-block.jpg);border-right: 0px #555 solid;}
.bar-a{background-position: 0px 0;}
.bar-b{background-position: -0px 0;}
.bar-c{background-position: -0px 0;}
.bar-d{background-position: -0px 0;}
.bar-e{background-position: -0px 0;}
.bar-f{background-position: -0px 0;}
.bar .more{position: absolute;background: url(../images/pm.png) 0 -26px;width: 26px;height: 26px;top: 289px;left: 8px;}
.bar .font{position: absolute;font-family: "宋体";font-size: 23px;font-weight: bold;top: 40px;left: 9px;color: #FFFFFF;}
#font-data{position: absolute;background: url(../images/font-data.jpg);width: 281px;height: 28px;top: 402px;left: 1227px;}
#ele-data{position: absolute;width: 334px;height: 376px;top: 453px;left: 1229px;background-color: #f5f5f5}
.data-icon{width: 44px;position: absolute;background: url(../images/gift.jpg)}
#icon-a{top: 13px;height: 44px;}
#icon-b{top: 6px;left: 5px;background-position: 0 -44px;height: 46px;}
#icon-c{top: -10px;left: 6px;background-position: 0px -96px;height: 66px;}
.data-block{overflow: hidden;position: relative;font-size: 12px;width: 257px;height: 103px;margin: 12px 0 0 38px;}
.data-title{position: absolute;color: #cead6b;font-size: 17px;font-weight: bold;top: 14px;left: 53px;}
.data-sub-title{position: absolute;color: #aca9a9;top: 37px;left: 53px;}
.data-ul{position: absolute;list-style: none;color: #8e8d8d;width: 310px;height: 36px;top: 63px;left: -25px;}
.data-ul li{cursor: pointer;float: left;border-left: 1px solid #bab4b0;padding: 0 27px 0 27px;line-height: 11px;margin-top: 8px;}
.data-ul li:hover{color: #cead6b;}
#info-bar{position: absolute;top: 43px;left: 360px;}
.info-bar{font-size: 13px;position: relative;width: 300px;height: 141px;background-color: #dedede;float: left;margin-left: 1px;}
.info-bar:hover{background-color: #e7e7e7;}
.info-bar-a .speech{position: absolute;width: 200px;height: 75px;top: 38px;left: 7px;letter-spacing: -0.01em;}
.info-bar-a .speech span{line-height: 24px;}
.info-bar-a .img{position: absolute;right: 0;width: 117px;height: 141px;background: url(../images/info-bar-a.png);}
.info-bar-b .speech strong{color: #cfae69;font-size: 16px;}
.info-bar-b .speech{line-height: 22px;position: absolute;top: 53px;left: 127px;}
.info-bar-b .img{position: absolute;left: 38px;top: 39px;width: 76px;height: 76px;background: url(../images/ewm.jpg);}
.info-bar-c .speech{line-height: 22px;padding: 18px 12px 0 12px;}
.info-bar-c .speech strong{color: #cfae69;font-size: 16px;}
.info-bar-c .speech span{padding-right: 10px;}
.info-bar-d .speech{position: absolute;top: 25px;left: 15px;}
.info-bar-d .speech strong{color: #cfae69;font-size: 16px;}
.info-bar-d .img{position: absolute;right: 0;width: 213px;height: 141px;background: url(../images/info-bar-d.png);}
.info-bar-c .speech span{position: relative;float: left;left: 2px;top: 3px;cursor: pointer;}
.info-bar-c .speech span:hover{color: #cead6b;}
.nav-ani{}
.nav-anied{}
.login-reg-ani{}
.login-reg-anied{}
.lunb-ani{}
.lunb-anied{}
.news-ani{}
.news-anied{}
.server-ani{}
.server-anied{}
.img-ani{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
.name-quit{font-size: 14px;padding: 11px 0 0 23px;}
.complete{width: 200px;height: 24px;line-height: 24px;text-align: center;margin: 10px auto;border-top: 1px solid #99a9bf;border-bottom: 1px solid #323b4c;background: #2e2e2e;font-size: 13px;}
.complete a:hover{color: #fff;}
.complete a{color: #f1f1f1;text-shadow: 3px 2px 1px #000;}
.iloginLine{display: block;width: 260px;height: 0;line-height: 0;border-top: 1px solid #262e3c;border-bottom: 1px solid #46546c;margin: 0 auto;}
.ilogined{font-size: 13px;padding: 10px 0 0 25px;}
.last-server a{font-size: 14px;padding: 6px 0 0 25px;}
.weixin-s{cursor: pointer;z-index: 9;top: 358px;left: 0;position: fixed;width: 54px;height: 140px;background: url(../images/weixin-s.jpg);}
.weixin-b{display: none;z-index: 10;top: 315px;left: 0;position: fixed;width: 113px;height: 218px;background: url(../images/weixin-b.jpg);}
.weixin-b span{cursor: pointer;height: 19px;width: 19px;position: absolute;top: 2px;right: 2px;}
.