﻿@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}
b,body,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,html,i,iframe,img,label,legend,li,p,pre,span,strong,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;outline:0}
a,button,input{padding:0;margin:0;outline:0}
li,ul{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:400}
.hidden{display:none}
.block-a{display:block;height:100%;text-indent:-9999em;overflow:hidden}
.clear{clear:both}
.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:1300px;margin-top:-550px;z-index:10000}
.start{overflow:hidden;height:103px;width:300px;background:url(../images/start.jpg) no-repeat;display:block;position:absolute;left:54px;padding-top:40px;transition:.5s;top:-2px}
.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:54px;padding-top:40px;transition:.5s;top:142px}
.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}
.login-wrap{background:url(../images/server_bg.png) no-repeat;position:absolute;top:286px;width:508px;left:39px;height:489px;overflow:hidden}
.colored{color:#FFCD55}
.log{position:relative;color:#fff9e8;width:300px;margin-left:20px;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;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}
.role{position:absolute;width:595px;overflow:hidden;top:553px;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:0 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:0;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}
#Version{width:100%;height:900px;position:relative;overflow:hidden}
#Flash{width:1920px;height:900px;position:absolute;left:50%;margin:0 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 .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 .5s}
.m3_zb_4 .role-itemst .role-dec-bg{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;opacity:.7}
.m3_zb_4 .role-itemst .role-dec-cont{padding:18px;color:#FFF;position:absolute;line-height:24px}
.role-itemst:hover .role-dec{top:0;left:0}
.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 .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}
.m3_zb_3 .role-itemsy .role-dec{position:absolute;width:100%;height:100%;left:-300%;transition:all .5s}
.m3_zb_3 .role-itemsy .role-dec-bg{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;opacity:.7}
.m3_zb_3 .role-itemsy .role-dec-cont{padding:18px;color:#FFF;position:absolute;line-height:24px}
.role-itemsy:hover .role-dec{top:0;left:0}
.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:568px;height:auto;float:left;position:relative}
.m3_zb_2 .role-itemsu img{width:568px;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 .5s}
.m3_zb_2 .role-itemsu .role-dec-bg{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;opacity:.7}
.m3_zb_2 .role-itemsu .role-dec-cont{padding:18px;color:#FFF;position:absolute;line-height:24px}
.role-itemsu:hover .role-dec{top:0;left:0}
.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 .5s}
.m3_zb_1 .role-itemsk .role-dec-bg{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;opacity:.7}
.m3_zb_1 .role-itemsk .role-dec-cont{padding:18px;color:#FFF;position:absolute;line-height:24px}
.role-itemsk:hover .role-dec{top:0;left:0}
.m4{width:100%;height:50px;background:url(../images/img03.png) center no-repeat;position:relative;z-index:6;margin-top:0}