@charset "utf-8";
.k1{ margin-left:9px;}
.k2{ margin-left:213px;}

.ml15 { margin-left:15px;}
.ml10 { margin-left:10px;}
.mt50 { margin-top:80px;}
.mt10 { margin-top:10px;}
/* *
 * @author szc
 * @date   2016-05-16
 * */
html,body,div,span,iframe,h1,h2,h3,h4,h5,p,pre,em,img,strong,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}
a,input,button{padding:0;margin:0;outline:0}
ul,li{list-style:none}
a,button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0;margin:0 auto;}
a{color:#fff9e8;}
a:hover{color:#d6af51;text-decoration:none;}
em,i,strong{font-style:normal;font-weight:normal;}
.hidden{display:none;}
.block-a{display:block;height:100%;text-indent:-9999em;overflow:hidden;}
.clear{clear:both;}

/* layout */
.body{color:#fff9e8;font:14px/1.5 "Microsoft Yahei",SimSun;position:relative;height:auto;background:#000;overflow:hidden;}
.header{height:839px;width:1200px;position:absolute;background:url(../images/top.jpg) no-repeat;left:50%;margin-left:-600px;top:0;}
.wrap{width:1200px;margin:auto;position:relative;height:1400px; margin-top:-550px; z-index:10000;}
/*
.main{width:886px;position: relative;top: 586px;margin-left: 314px;height: auto;padding-bottom: 678px;}
.h1{position:absolute;line-height:0;font-size:0}
*/


.start{overflow:hidden;height:103px;width:300px;background:url(../images/start.jpg) no-repeat;display:block;position:absolute;left:0px;padding-top:40px;transition:.5s;top:0px;}
.start:hover{background-image:url(../images/start2.jpg);}
.start span,.start span:after{display:block;width:150px;height:59px;margin:0 auto;background:url(../images/start.png) no-repeat;content:"";cursor:pointer;}
.start:hover span{animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite}
.start:hover span:after{opacity:.6;animation:linear icoBig2 1.6s infinite;-webkit-animation:linear icoBig2 1.6s infinite}
@-webkit-keyframes icoBig{
  0%{-webkit-transform:scale(1);transform:scale(1);}
  20%{-webkit-transform:scale(1.05);transform:scale(1.05);}
  30%{-webkit-transform:scale(.93);transform:scale(.93);}
  45%{-webkit-transform:scale(1.04);transform:scale(1.04);}
  60%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes icoBig{
  0%{transform:scale(1);}
  20%{transform:scale(1.05);}
  30%{transform:scale(.93);}
  45%{transform:scale(1.04);}
  60%{transform:scale(1);}
}
@-webkit-keyframes icoBig2{
  0%{-webkit-transform:scale(1);transform:scale(1);}
  20%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}
  100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes icoBig2{
  0%{transform:scale(1);}
  20%{transform:scale(1.3);opacity:0}
  100%{transform:scale(1);opacity:0}
}

.recharge{overflow:hidden;height:103px;width:300px;background:url(../images/start.jpg) no-repeat;display:block;position:absolute;left:00px;padding-top:40px;transition:.5s;top:143px;}
.recharge:hover{background-image:url(../images/start2.jpg);}
.recharge span,.recharge span:after{display:block;width:150px;height:59px;margin:0 auto;background:url(../images/recharge.png) no-repeat;content:"";cursor:pointer;}
.recharge:hover span{animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite}
.recharge:hover span:after{opacity:.6;animation:linear icoBig2 1.6s infinite;-webkit-animation:linear icoBig2 1.6s infinite}



.tips18{position:absolute;right:6px;top:818px;color:#fff9e8;text-shadow:1px 1px 0 #000;}

/* loginframe */
.login-wrap{background:url(../images/server_bg.png) no-repeat;position:absolute;top:287px;width: 508px;left: -122px;height: 489px;overflow: hidden;}

.colored{color:#FFCD55;}

.log{position:relative;color:#fff9e8; width:300px; margin-left:125px; float:left}

.log-btn{ float:left; width:130px; height:50px; overflow:hidden; margin-top:20px; margin-left:10px; }
.log-btn a{width:130px;height:50px;background:url(../images/login.jpg) repeat;display:block; line-height:50px; color:#531300; text-align:center}
.log-btn a:hover{background:url(../images/login2.jpg) repeat; color:#000}


.loged{width:86%;margin:auto;/* color:#c4c4c4; */font-size:12px;padding-top:16px;}
.loged li{line-height: 32px;}
.loged a{color:#c4c4c4;}
.loged .loged-highlight{color: #ffde00;}
.loged-usercenter a{margin-left:12px;}



/* kv */
.kv{width:580px;height:288px;overflow:hidden;position:absolute;right:0;top:539px;border:3px solid #000;}
/*JS幻灯片*/

.temp1y {float:left; width:580px; height:auto; padding:10px ;  background:#4d1b00  url(../images/img01.png) left top no-repeat;border:#673b21 1px solid; }
#temp3{float:left;width:580px;height:auto;display:inline;overflow:hidden; padding-bottom:15px;}
#temp3 .JQ-content-box{overflow:hidden;width:580px;height:288px;position:relative}
#temp3 .JQ-slide-content{position:absolute;top:0;left:0}
#temp3 .JQ-slide-content li{position:absolute;overflow:hidden;width:860px;height:288px;vertical-align:text-top}
#temp3 .JQ-slide-content li a{display:block;height:288px}
#temp3 .JQ-slide-content li a:hover{text-decoration:none}
#temp3 .JQ-slide-content li img{width:580px;height:288px}
#temp3 img{display:block}
#temp3 .JQ-slide-nav{position:absolute; right:10px;bottom:10px;height:20px;padding-top:2px;z-index:999}
#temp3 .JQ-slide-nav li{float:left;width:18px;height:18px;border:1px solid rgb(153, 153, 153);text-align:center;cursor:pointer;margin-left:3px;font-size:12px;font-family:Verdana;line-height:18px;opacity 0.7;color:rgb(204, 204, 204);background:rgb(80, 102, 102);ovbanner-boxerflow:hidden}
#temp3 .JQ-slide-nav li.on{border:1px solid rgb(255, 0, 0);opacity:0.7;color:rgb(0, 0, 0);background:rgb(204, 0, 0)}


/* role */
.role{position:absolute;width:595px;overflow:hidden;top:653px;left:0;height:720px; background:url(../images/role.png) no-repeat}
.s_click{width:30px;height:33px;position:absolute;display:block;z-index:4;top:192px;cursor: pointer;background:url(../images/arrow.png) no-repeat;}
#left_click{left:13px;}
#right_click{right:16px;background-position: -41px 0;}
#left_click:hover{background-position: -78px 0;}
#right_click:hover{background-position: -117px 0;}
.role-des{width: 530px;margin: 0 0 0 26px;}
.role-des em{font-size:30px;color:#d6af51;line-height: 30px;}
.role-des p{color:#fff9e8;text-indent:2em;font-size:20px;line-height:28px;}
.role-con li{width: 595px;height:720px}
.flash{position: absolute;left: 76px;top: 24px;width: 450px;height: 420px;z-index: 3;}



.lanmu {MARGIN: 0px auto; }

.lanmu span.fr{ float:right; margin-right:12px; margin-top:25px; display:inline; }
.bottom {PADDING-TOP: 15px; HEIGHT: 720px; position:relative }
.pointer {CURSOR: pointer}



.content{ width:595px; height:720px;   padding:0 17px;float: left;}

.arrleft{width:30px; position:absolute; z-index:10; left:0pz; top:200px; background:url(../images/an_2.png) no-repeat; height:34px;}
.arrleft:hover { background:url(../images/an_2_h.png) no-repeat; cursor:pointer}
.arrright{width:30px; position:absolute; z-index:10; right:0px; top:200px;  background:url(../images/an_3.png) no-repeat; height:34px; }
.arrright:hover { background:url(../images/an_3_h.png) no-repeat; cursor:pointer}
#scrollbox{float:left;}





/* huodong */
.huodong{position:absolute;top:1160px;left:615px;width:178px;}
.huodong a{display:block;height:88px;text-align:center;color:#e5b468;font-size:18px;position:relative;overflow:hidden;margin-bottom:8px;}
.huodong a:hover{background:url(../images/hd.jpg) no-repeat -1px -1px;}
.huodong .hd1:hover{background-position:-1px -97px}
.huodong .hd2:hover{background-position:-1px -193px}
.huodong em{position:absolute;font-size:20px;left:83px;top:10px;color:#fff9e8;font-weight:700;z-index:2;transition:.5s}
.huodong a:hover em{color:#efd65d}
.huodong span{color:#fff9e8;position:absolute;left:86px;top:46px;width:77px;height:25px;z-index:2;line-height:25px;border-radius:16px;transition:.5s;font-size:14px;}
.huodong .hd1 span{top:51px}
.huodong .hd2 span{top:49px}



/* news */
#news{overflow:hidden;width:580px;position:absolute;right:0;top:855px;height:500px; background:url(../images/new.png) no-repeat }
.slideTxtBoxs{ width:580px; text-align:left;height:500px;margin: 0 auto;  float:left; margin-left:40px; padding-top:17px;   }
.slideTxtBoxs .hd{ height:50px; line-height:50px;position:relative;}
.slideTxtBoxs .hd ul{height:42px;width:580px;margin:0 auto;}
.slideTxtBoxs .hd ul li{float:left;cursor:pointer;width:125px;text-align:center;color:#fff;margin-right:5px;line-height: 40px;}
.slideTxtBoxs .hd ul li.on{height:40px; background:url(../images/news.png) center}
.morer{color:#696969;float:right;background:url(../images/icon.png) 35px 95px;width:48px;font-size:14px;line-height:20px;height:20px;margin-top:12px}
.morer:hover{color:#A71E18}
.slideTxtBoxs .bd{margin:0 auto}
.slideTxtBoxs .bd ul{margin-top:10px;width:580px;height:500px; }
.slideTxtBoxs .bd li em{float:left;color:#fff;line-height:30px;font-size:16px;height:22px;font-weight:bold; margin-right:10px;}


.slideTxtBoxs li{line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.slideTxtBoxs li:last-child{border:0;}
.slideTxtBoxs li{transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;}
.slideTxtBoxs li:hover{padding-left:5px; color:#ffc600; font-size:14px;text-decoration:underline; cursor:pointer}
.slideTxtBoxs .news-list a:hover{text-decoration:underline;}
.slideTxtBoxs .time{float:right;color:#5d5d5d;width:48px;text-align:center;}









/*xin*/
#Version{width:100%;height:900px;position:relative;overflow:hidden;}
#Flash{width:1920px;height:900px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}
#Header{margin:0 auto -290px -960px;width:1920px;height:900px;position:relative;left:50%;}

/*装备*/
.m3 { width:100%; height:auto; overflow:hidden; padding-bottom:30px; }


.m3_zb { width:1190px; height:auto; overflow:hidden;  margin:0 auto; padding:20px 00px 00px 00px ;  }

.m3_zb_4 { width:268px;  height:auto; overflow:hidden; padding:10px 10px 10px 10px;float:left;    background:#5d1405  url(../images/img01.png) left top no-repeat;}
/*.m3_zb_4 img { width:268px;}*/
.m3_zb_4 .role-itemst { width: 268px; height: auto; float: left; position: relative; }
.m3_zb_4 .role-itemst img { width:268px; height:auto; overflow:hidden; margin-top:10px;  border:#000 2px solid;border-radius:5px;}
.m3_zb_4 .role-itemst .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_4 .role-itemst .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_4 .role-itemst .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemst:hover .role-dec { top:0px; left:0px; }


.m3_zb_3 { width:368px;  height:auto; overflow:hidden;  padding:10px 10px 10px 10px;float:left;  background:#5d1405  url(../images/img02.png) left top no-repeat; }
/*.m3_zb_3 img { width:368px;}*/
.m3_zb_3 .role-itemsy { width: 368px; height: auto; float: left; position: relative; }
.m3_zb_3 .role-itemsy img { width:368px; height:auto; overflow:hidden; margin-top:10px;  border:#000 2px solid;border-radius:15px; padding:10px 10px 10px 10px;}
.m3_zb_3 .role-itemsy .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_3 .role-itemsy .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_3 .role-itemsy .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsy:hover .role-dec { top:0px; left:0px; }

.m3_zb_2 { width:568px;  height:auto; overflow:hidden;  padding:10px 10px 10px 10px;float:left;    background:#5d1405  url(../images/img02.png) left top no-repeat;}
.m3_zb_2 .role-itemsu { width: 550px; height: auto; float: left; position: relative; }
.m3_zb_2 .role-itemsu img { width:565px; height:auto; overflow:hidden; margin-top:10px;  border:#000 2px solid;border-radius:15px;}
.m3_zb_2 .role-itemsu .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_2 .role-itemsu .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_2 .role-itemsu .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsu:hover .role-dec { top:0px; left:0px; }


.m3_zb_1 { width:1168px;  height:auto; overflow:hidden;  padding:20px 20px 10px 20px;float:left;   background:#5d1405  url(../images/img03.png) left top no-repeat;}
.m3_zb_1 .role-itemsk { width: 1148px; height: auto; float: left; position: relative; }
.m3_zb_1 .role-itemsk img { width:1148px; height:auto; overflow:hidden; margin-top:10px;  border:#000 2px solid;border-radius:15px;}
.m3_zb_1 .role-itemsk .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_1 .role-itemsk .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_1 .role-itemsk .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsk:hover .role-dec { top:0px; left:0px; }




.m4 { width:100%;  height:50px; background:url(../images/img03.png) center no-repeat; position:relative; z-index:6; margin-top:0px; }