@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe {margin:0;padding:0;}
img {border-style:none;}
ul,li {list-style-type:none;}
form {margin:0;padding:0;}
body {font-size:12px;font-family:"微软雅黑",Arial, Verdana,  Helvetica, sans-serif;color:#45403e;line-height:18px; background:#f9c581}
input {font-size:12px;font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif;color:#333;line-height: 17px;}
select {border: 1px solid #744219;font-size: 12px;color: #333;}
.clearboth {line-height:0px;height:0px;clear:both;*display:inline; font-size:0px;}
area { outline:none;}
a:visited,a:link {color:#461e05;text-decoration:none;border-style:none;}
a:hover {color:#ff0000;border-style:none;}
.fr{float:right;}
.margin_auto {margin-right:auto;margin-left:auto;}
.mgT10 {margin-top:11px;}
.mgT5 {margin-top:5px;}
.txtL {text-align:left;}
.txtC {text-align:center;}
.txtR {text-align:right;}
i,em{ font-style:normal}
.wrap {}
.wrapout{}
.wrapinner{width:1400px;min-height:500px;_height:500px;}
.ageTips{  position:absolute; top:120px; left:40px; z-index:1}

.down a,.btnHot i,.btnHot span,.news h3,.hotShowTit,.severCheckTit span,.gameInfro,.pageTit,.pageTit h2,.btnDown a { background:url(/template/03/images/png.png) no-repeat}

.headerx1 {height:554px; position:relative}
.unifyNavWrap{position: absolute;width: 100%;top:0;left: 0;z-index:1}
.unifyNavWrap:before{position: absolute;width: 100%;height: 0;left: 0;top: 0;content: '';background: linear-gradient(black,transparent);transition: 0.3s all;}
.unifyNavInner {width:1200px;margin:0 auto;position: relative;}
.logo {width:180px;height:97px; display:block; text-indent:-9999px; outline:none; background:url(/template/03/images/logo.png) no-repeat;position:absolute; top:10px; left:10px; z-index:10}
.unifyNavWrap:hover:before{height: 300px;}
.unifyNavWrap:hover .unifyNav{ border-bottom:1px solid #4b1e0f}
.unifyNavWrap:hover .unifyNav li ul{height: 120px;}
.unifyNav { width:786px; height:42px; margin:0 auto; padding:20px 0 0 50px}
.unifyNav li{float:left;width:115px; height:35px;position:relative;}
.unifyNav li a{height:35px; display:block; text-align:center;line-height:30px;font-size:16px;color:#cc3301}
.unifyNav li a:hover { color:#e2d1a9}
.unifyNav li a:hover span { color:#978b70}
.unifyNav li a span {font-size:10px;line-height:12px;display:block;cursor:pointer;color:#cc3301}
.unifyNav li ul{height: 0;overflow: hidden;transition: 0.3s all;text-align: center;margin-top: 20px;}
.unifyNav li ul li {float:none;width:100%;line-height:25px;height:25px;}
.unifyNav li ul li a {color:#f8deb1; font-size:14px;}
.unifyNav li ul li a:hover { text-decoration:underline; color:#ffb540}
.sidebarLeft{width:265px;}
.down { height: 141px; padding: 0}
.down a {height:141px;display:block;background-position:0 0; text-indent:-9999px; outline:none;}
.down a:hover { background-position:0 -141px}
.btnHot li{height:60px; background:#272322 url(/template/03/images/line.png) no-repeat left bottom;}
.btnHot li a { width:215px;height:60px; margin:0 auto;display:block;transition:all .5s ease; overflow:hidden; position:relative}
.btnHot li i { width:42px; height:40px; display:block; position:absolute; top:16px; left:32px; transform:translateX(0px);transition:transform ease .5s}
.btnHot li span { width:100px; height:30px; display:block; text-indent:-9999px; outline:none; position:absolute; top:16px; left:94px;transform:translateX(0px);transition:transform cubic-bezier(0.6,-0.35, 0, 1.01) .7s}
.btnHot li.n1 i{ background-position:-1407px -19px}
.btnHot li.n2 i{ background-position:-1407px -82px}
.btnHot li.n3 i{ background-position:-1407px -140px}
.btnHot li.n4 i{ background-position:-1407px -198px}
.btnHot li.n1 span{ background-position:-1456px -19px}
.btnHot li.n2 span{ background-position:-1456px -82px}
.btnHot li.n3 span{ background-position:-1456px -140px}
.btnHot li.n4 span{ background-position:-1456px -198px}

.btnHot li.n1 a:hover i {background-position:-1566px -19px;}
.btnHot li.n2 a:hover i {background-position:-1565px -82px}
.btnHot li.n3 a:hover i {background-position:-1566px -140px}
.btnHot li.n4 a:hover i {background-position:-1566px -198px}
.btnHot li.n1 a:hover span {background-position:-1615px -19px;}
.btnHot li.n2 a:hover span {background-position:-1615px -82px}
.btnHot li.n3 a:hover span {background-position:-1615px -140px}
.btnHot li.n4 a:hover span {background-position:-1615px -198px}

.btnHot li a:hover i {transform:translateX(-32px);}
.btnHot li a:hover span {transform:translateX(-25px);}


.btnHot li.weixin {padding:20px 0; height:auto}
.btnHot li.weixin p {text-align:center; color:#9c5c22; font-size:14px; color:#fff; padding-top:15px}
.btnHot li .weixinShow {width:209px;height:209px; margin:0 auto;position:relative; text-align:center}
.btnHot li .weixinShow:after {position: absolute;top: 0;left:-3px;width:215px;height:2px; background:#0F0;content: ' ';animation: erwmLine 2.5s linear infinite alternate}
@keyframes erwmLine {
	0% {transform: translate(0,0)}
	100% {transform: translate(0,209px)}
}
@keyframes light {
	0% { background:#38db12}
	100% {background:#177a00}
}
.modCon { margin-top:12px; background:#050505; border:1px solid #050505;color:#efd59d;}
.modCon h2 { height:50px; line-height:50px; text-align:center; font-size:18px; color:#d07925;font-weight:normal}
.modConBox { line-height:26px; background:#272322; padding:10px; font-size:14px}
.serverStatus { text-align:center;}
.serverStatus span { width:10px; height:10px; display:inline-block; border-radius:50%; background:#3ab21e; margin-right:10px;animation: light .2s ease infinite alternate}
.serverStatus span.red { background:#F00;}
.serviceShow { font-size:12px; color:#927145}
.serviceShow p {font-size:18px; border-top:1px dashed #927145; border-bottom:1px dashed #927145; padding:10px 0; margin:10px 0;}
.serviceShow p em { font-size:12px;}
.serviceShow i {font-size:18px; display:block; color:#efd59d;text-align:center;}
.serviceShow span { font-size:26px; color:#e4be8f; vertical-align:middle}
.serviceShow a { color:#927145; text-decoration:underline}
.serviceShow a:hover { color:#F00}
.fourFunBtn { margin-top:12px; overflow:hidden}
.fourFunBtn dd { float:left; width:131px; height:50px;border-right:1px solid #4c4745;border-bottom:1px solid #4c4745; 
	background: -webkit-radial-gradient(top left,#444343, #272322);
    background: -moz-radial-gradient(top left,#444343, #272322);
    background: radial-gradient(top left,#444343, #272322);
}
.fourFunBtn dd a { font-size:14px; color:#efd59d; height:50px; line-height:50px; text-align:center; display:block;}
.fourFunBtn dd a:hover { color:#fff}

.middle { width:1123px;}
.moduleOne { width:780px;}
.scrollBox {height:230px; position:relative; background:#000}
.scrollImg { height:230px; position:relative; overflow:hidden; z-index:1}
.scrollImg li { word-spacing:780px; height:230px; position:absolute; top:0; left:0;z-index:1; transition:all 1s ease}
.scrollImg li:hover{transform:scale(1.1,1.1);}
.scrollImg li img { width:780px; height:230px;}
.scrollNav { width:100%;height:34px; position:absolute; bottom:0; left:0; z-index:2; /*background:rgba(0,0,0,.5)*/}
.scrollNav ul { padding-right:10px}
.scrollNav li {float:right; margin:8px 6px 0;}
.scrollNav li a { width:14px; height:14px;display:block; outline:none; border:1px solid transparent; padding:2px 0 0 2px;transform:rotate(45deg);transition:all .3s ease;}
.scrollNav li a span { width:10px; height:10px; display:block; border:1px solid #e8e4e5; text-indent:-9999px;}
.scrollNav li a:hover,.scrollNav li.on a{border:1px solid #edc974;}
.scrollNav li a:hover span,.scrollNav li.on a span{border:1px solid #edc974; background:#edc974}

.news {height:543px; background:#fff; padding:0 22.5px}
.news h3 { height:98px; background-position:-266px -567px;font-size:28px; text-align:center}
.news h3 a {line-height:98px; display:block;color:#ce5317; text-indent:170px;transition:all .3s ease}
.news h3 a:hover { color:#dd1500}
.tabNav {position:relative;}
.tabNav li {float:left;overflow:hidden}
.tabNav li a {width:127px; height:50px; line-height:30px; padding-top:18px; display:block;outline:none;text-align:center; color:#43403f; font-size:16px;transition:all .5s ease}
.tabCon li.red { border: 0; background: none}
.tabNav li a:hover,.tabNav li.on a {color:#ce5317;}
.tabNav li a em {display:inline-block;width: 0px; height: 6px;background: #900909; }
.tabNav li a:hover em,.tabNav li.on a em {-webkit-animation: eWidth .3s ease-out both;animation: eWidth .3s ease-out both; }
@-webkit-keyframes eWidth {
  from {width: 0px; }
  to {width: 150px; }
}
@keyframes eWidth {
  from {width: 0px; }
  to {width: 150px; }
}
.modMore {height:20px;position: absolute;top:22px;right:0; }
.modMore a:link,.modMore a:visited { color:#ce5317;transition:all .5s ease;font-size:14px}
.modMore a:hover {color:#F00;}

.tabCon li {line-height:35px;height: 35px;position: relative; border-top:1px solid #f0e9d9; font-size:14px;}
.tabCon li:first-child { border-top: 0}
.tabCon a:link,.tabCon a:visited { color:#130a03;}
.tabCon a:hover { color:#d01a14;}
.tabCon li span {position: absolute;right: 5px;top: 0px;color: #cbbb84;}
.tabCon li em { font-style:normal; margin-right:30px;}
.tabCon li b { padding-right:10px}
.tabCon li a.hot{ padding-right:40px; background:url(hot.gif) 100% 50% no-repeat;}
.tabCon li.red a{color:#f00;}
.tabCon li.redstrong a{color:#f00;font-weight:bold;}
.tabCon li.yellow a{color:#ef9911;}
.tabCon li.yellowstrong a{color:#ef9911;font-weight:bold;}
.tabCon li.blue a{color:#00f;}
.tabCon li.bluestrong a{color:#00f;font-weight:bold;}
.tabCon li.bold a{font-weight:bold;}

.sidebarRight { width:331px;}
.hotShow { height:196px; position:relative; background:url(/template/03/images/adBg.jpg) no-repeat; overflow:hidden}
.hotShow a { height:196px; display:block;}
.hotShow img { width:100%; height:100%}
.hotShowTit { width:32px; height:137px; background-position:0 -282px; position:absolute; top:20px; right:55px; z-index:7;}
.hotShowImg {z-index:6; position:relative;}
.newService {height:358px;position:relative;transform:scale(1);transition:all ease .5s}
.newService:hover {transform:scale(1.02)}
.severCheckImg { width:100%; height:100%; background:url(/template/03/images/adS2Img.png) no-repeat 0 0; position:absolute; top:0; left:0; z-index:1;transition:all ease 1s;}
.severCheckTit { width:166px; height:196px; position:absolute; top:0; left:0; z-index:2; background:#b03315; text-align:center;transition:all ease .5s;
	background: linear-gradient(135deg, transparent 0, #b03315 0) top left,linear-gradient(292deg, transparent 38px, #b03315 0) top right,linear-gradient(292deg, transparent 74px, #b03315 0) bottom right,linear-gradient(45deg, transparent 2px, #b03315 0) bottom left;background-size: 51% 51%;background-repeat: no-repeat;}
.severCheckTit span { width:120px; height:155px; display:inline-block; background-position:-44px -282px; margin-top:20px}
.myWay .severCheckImg {background:url(/template/03/images/adS3Img.png) no-repeat 0 0;}
.myWay .severCheckTit span { background-position:-146px -282px; margin-left:-36px}
.hotShow a:hover .severCheckTit { width:250px}
.hotShow a:hover .severCheckImg { background-position:50px 0}

.gameInfro { height:417px;background-position:-265px 0; margin-top:12px; position:relative;overflow:hidden}
.gameInfro h3 { height:73px; text-indent:-9999px;}
.gameInfroNav { width:85px; position:absolute; z-index:5; top:15px; right:60px;}
.gameInfroNav li { margin-bottom:8px; cursor: pointer}
.gameInfroNav li a,.gameInfroTit { height:85px; display:block; text-indent:-9999px; outline:none; background:url(/template/03/images/gameInfro.png) no-repeat;}
.gameInfroNav li.n1 a { background-position:0 -299px}
.gameInfroNav li.n2 a { background-position:0 -392px}
.gameInfroNav li.n3 a { background-position:0 -485px}
.gameInfroNav li.n4 a { background-position:0 -582px}
.gameInfroNav li.n1 a:hover,.gameInfroNav li.n1.on a { background-position:-88px -299px}
.gameInfroNav li.n2 a:hover,.gameInfroNav li.n2.on a { background-position:-88px -392px}
.gameInfroNav li.n3 a:hover,.gameInfroNav li.n3.on a { background-position:-88px -485px}
.gameInfroNav li.n4 a:hover,.gameInfroNav li.n4.on a { background-position:-88px -582px}
.gameInfroTit { width:155px; height:265px; position:absolute; z-index:4; top:30px; left:50%;opacity:0;transform:translateX(-20px);transition:all cubic-bezier(0.6,-0.35, 0, 1.01) 1s;}
.gameInfroTitZs{ background-position:-14px 0}
.gameInfroTitFs{ background-position:-196px 0}
.gameInfroTitDs{ background-position:-383px 0}
.gameInfroTitCk{ background-position:-566px 0}
.gameInfroWord { width:280px; position:absolute; z-index:3; color:#5f3a24; font-size:16px; line-height:26px; top:50px; left:200px;opacity:0;transform:translateY(80px);transition:all ease 1s .4s;}
.gameInfroRole { width:681px; height:415px; position:absolute; z-index:1; top: -70px;right:50%;opacity:0;transform:translateX(100px);transition:all cubic-bezier(0.6,-0.35, 0, 1.01) 1s;}
.gameInfroRoleZs { background:url(/template/03/images/gameInfroRoleZs.png) no-repeat}
.gameInfroRoleFs { background:url(/template/03/images/gameInfroRoleFs.png) no-repeat}
.gameInfroRoleDs { background:url(/template/03/images/gameInfroRoleDs.png) no-repeat}
.gameInfroRoleCk { background:url(/template/03/images/gameInfroRoleCk.png) no-repeat}

.gameInfroCon .gameInfroTit {opacity:1;transform:translateX(0px);left:0;}
.gameInfroCon .gameInfroWord {opacity:1;transform:translateY(0px);}
.gameInfroCon .gameInfroRole {opacity:1;transform:translateX(0px);right:0;}

.fcmInfro { margin:75px 0 0 0; text-align:center; padding-bottom:20px;}
.fcmInfro a { display:inline-block; border:1px solid #333; padding:0 10px; line-height:35px; color:#45403e; min-width:150px; margin:0 2px;transition:all ease .5s;}
.fcmInfro a:hover { background:#45403e; color:#fff}
.fcmInfro a:hover span { background:#fff;}
.fcmInfro a span { display:inline-block; width:11px; height:11px; overflow:hidden; line-height:0; font-size:0; background:#605552;transform:rotate(45deg); vertical-align:middle; margin-right:8px;transition:all ease .5s}
.playGamesNote { border-top:1px dashed #45403e; text-align:center; padding-top:30px; line-height:26px; font-size:14px}
.playGamesNote h3 { font-size:20px; margin-bottom:5px; font-weight:normal}

/*==========innerContent==============*/
.innerWrap .wrapinner,.innerWrap .unifyNavInner{width:1200px;}
.innerWrap .severCheckImg { background-position:-35px 0}
.innerWrap .myWay .severCheckImg { background-position:-50px 0}
.innerWrap .hotShow a:hover .severCheckTit { width:220px}
.innerWrap .hotShow a:hover .severCheckImg { background-position:0 0}

.content { width:922px;background:#fff; min-height:1075px;_height:1075px;}
.pageTit { height:120px; padding-top:20px; position:relative; background-position:-266px -419px; position:relative}
.pageTit h2 {width:293px; height:110px; text-indent:-9999px;}
.pageTit h2.pageTitDown{ background-position:-1707px 0}
.pageTit h2.pageTitNews{ background-position:-1707px -110px}
.pageTit .where {color:#858383; position:absolute; bottom:10px; right: 145px}
.pageTit .where a {color:#858383}
.pageTit .where a:hover { color:#F30}

.conBase { padding:22px 25px;min-height:1150px}
.subTit { border-bottom:1px dashed #dda076; padding-bottom:7px; margin-bottom:5px}
.subTit h4 { border-bottom:4px solid #ba2312; font-weight:normal}
.subTit h4 span { width:210px; height:40px; line-height:40px; font-size:18px; color:#fbeeb4; display:block; text-indent:46px; background:#ba2312 url(/template/03/images/ico2.png) no-repeat 15px center}

.pageNav { border-bottom:1px solid #f0e9d9; padding-top:20px}
.pageNav li{width:174px; height:45px;float:left; cursor:pointer; overflow:hidden}
.pageNav li:last-child a{ border:none}
.pageNav li a { height:22px; line-height:22px; display:block; text-align:center; border-right:1px dashed #c8921e;color:#43403f; font-size:18px; position:relative}
.pageNav li a::before { width:100%; height:5px; content:" "; background:#ce5317; position:absolute; bottom:-24px; left:0; opacity:0;transition:all ease .6s}
.pageNav li a::after { width:0; height:0; content:" "; bottom:-19px; left:50%; margin-left:-7px; position:absolute;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ce5317;opacity:0;transform:translateY(20px) scale(0);transition:all cubic-bezier(0, 1.3, 1, 1.3) .6s}
.pageNav li a:hover,.pageNav li a.current{ color:#cb3815;}
.pageNav li:hover a::before,.pageNav li a.current::before,.pageNav li:hover a::after,.pageNav li a.current::after{opacity:1;transform:translateY(0px) scale(1);}

.search{padding:15px 45px;height:30px;line-height:30px; margin:1px 0; background:#f5f5f5;}
.search label{vertical-align:middle;}
.search input.text{background-color:#fff;height:33px;line-height:33px;border:1px solid #eddfa6;width:70%;padding:0 16px 0 17px;vertical-align:middle;}
.search input.submit{ background-color:#d4983a;color:#fff;height:35px;width:75px;margin:0 10px;vertical-align:middle;cursor:pointer; border-radius:10px; border:none;font-size:15px;}
.search .add{background-color:#845c30;color:#f5e8a8;height:30px;padding:0 10px;cursor:pointer;border:1px solid #d5c78c;vertical-align:middle;}

.newsList { display:block;}
.newsList li { height:55px; line-height:55px; background:url(/template/03/images/ico3.png) no-repeat 10px center; text-indent:30px}
.newsList li a { font-size:15px;}
.newsdetail { padding-top:40px}
.articleTitle{text-align:center;color:#792614;padding-bottom:30px;border-bottom:6px solid #ebe3ce;}
.articleTitle h1{font-weight:normal;font-size:30px; margin-bottom:10px; line-height:30px;}
.articleTitle p{color:#c19f76;}
.articleText{padding:15px 0;color:#480f08;line-height:24px; font-size:13px}
.articleText p{margin-bottom:10px;}
.articleText img{max-width:872px;}
.articleText table td{padding:5px;}

.download{ font-size:15px; border-top:13px solid #ece3cf; position:relative; padding-top:30px; line-height:30px}
.download::before { width:100%; height:1px; background:#ece3cf;content:" "; position:absolute; top:-16px}
.btnDown { width:467px; height:108px;margin:50px auto}
.btnDown a { height:108px; display:block; text-align:center; line-height:108px; font-size:40px;outline:none; color:#FFF;background-position:-1405px -270px; text-shadow:1px 1px 5px #e25b13; position:relative; text-indent:-10px}
.btnDown a::before{ width:44px; height:38px; content:" "; background:url(/template/03/images/ico4.png) no-repeat; position:absolute; top:40px; right:60px;}
.btnDown a:hover {background-position:-1405px -379px;}

#hideTop{width:30px;height:120px;background:url(/template/03/images/arr.png) 50% 100px no-repeat #572b08;position:fixed;bottom:249px;right:50%;margin-right:-630px;left:auto;top:auto;display:none;color:#ece1ad;}
#hideTop span{display:block;padding:8px;background-color:#744c2b;width:14px;text-align:center;line-height:18px;}
#hideTop:hover{ background-color:#900;color:#fff;}
a.ts:hover{text-decoration:none;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
a.ts:link{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}

/*=====pager start====*/
.pager{margin:0 auto;padding-top:60px;height:50px;text-align:center;}
.pager a{display:inline-block;margin-right:1px; width:24px;height:24px;padding:0 2px;text-align:center;line-height:24px;color:#efd58c;border:1px solid #a7624c; background:#5e291b;}
.pager a:hover,.pager a.current{background:#900; color:#fff; border:1px solid #fa8f41}
.pager a.upDown { width:50px}
.pager b { margin:0 10px; color:#666; font-weight:normal;}
.pager span { margin:0 10px}
/*=====pager end====*/