@charset "utf-8";
table{border-collapse:collapse;border-spacing:0;}img{border:none}
/* CSS Document */
body{background:#dad2c6 url(../images/bg.jpg) no-repeat 50% 40px; margin:0; padding:0;font-family:Microsoft Yahei; }
.clear{ clear:both;}
.bg_top { width:100%; margin:0; overflow:hidden; zoom:1; height:40px; background:#fff;}
.bg_top div { width:1000px; margin:0 auto; overflow:hidden; height:40px;}
.bg_top div a { width:140px; float:left; height:32px; margin:4px 10px;}
.bg_top .allfunction {
	width: auto;
	float: right;
	height: 40px;
	overflow: hidden;
}
.bg_top .allfunction a {padding:0 8px 0 16px; width:auto; float:left; margin:0 3px; background:url(../images/ico.png) no-repeat 0 0; line-height:40px;}

.bg_top .allfunction a.login { background-position:0 13px}
.bg_top .allfunction a.login:hover { background-position:-187px 13px;}
.bg_top .allfunction a.reg { background-position:0 -27px}
.bg_top .allfunction a.reg:hover { background-position:-187px -27px;}
.bg_top .allfunction a.pay { background-position:0 -67px}
.bg_top .allfunction a.pay:hover { background-position:-187px -67px;}
.bg_top .allfunction a.jianh { background-position:0 -107px}
.bg_top .allfunction a.jianh:hover { background-position:-187px -107px;}
.bg_top .allfunction a.fover { background-position:0 -147px}
.bg_top .allfunction a.fover:hover { background-position:-187px -147px;}
.bg_top .allfunction a.agame { background-position:0 -183px}
.bg_top .allfunction a.agame:hover { background-position:-187px -183px;}

.allgame { width:500px; float:left; height:300px; z-index:9999; overflow:hidden; position:absolute; top:40px; right:0;}

#header,#wp,#bottom { width:1000px; margin:0 auto; overflow:hidden; height:auto; zoom:1; padding:0;}
#bottom { width:1040px; margin-top:20px;}
#bottom p {  width:100%; float:left;text-align:center; height:30px; line-height:30px;font-family:Microsoft Yahei; font-size:14px; color:#787878; text-shadow:0 1px #fff;}
#bottom p a:hover { color:#903}
#bottom .ft { width:100%; float:left; height:84px; overflow:hidden; border-top:1px solid #787878;}
#bottom .ft .blogo,#bottom .ft .bcopy { width:180px; padding-left:70px; float:left; height:84px; overflow:hidden;}
#bottom .ft .bcopy { width:490px; padding-left:0; height:64px; padding-top:20px;}
#bottom .ft .bcopy p { font-size:12px;}
#bottom .ft .bcopy p a{ padding:0 6px; color:#787878;}
#bottom .ft .bcopy p a:hover { color:#903}
#bottom .ft .blogo .yx,#bottom .ft .blogo .yx173,#bottom .ft .blogo .yx360{ width:160px; float:left; height:84px; overflow:hidden; background:url(../images/yxlogo.png) no-repeat;}
#bottom .ft .blogo .yx173{ background:url(../images/yx173.png) no-repeat;}
#bottom .ft .blogo .yx360{ background:url(../images/yx360.png) no-repeat;}

.navBg {
position: absolute;
right: 0;
left: 0;
width: 100%;
z-index: 100;
overflow: hidden;
}
.nav {
    width: 1001px;
    margin: 0 auto;
	background: url(../images/nav_bg.jpg) center top no-repeat;
}

.navWrap {
    width: 1000px;
    margin: 0 auto;
}

.navBtns {
    width: 1000px;
    height: 66px;
    margin: 0 auto;
}
.navBtn {
	width:140px;
    float: left;
    padding: 8px 0px;
    line-height: 30px;
    color: #231610;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
	font-weight:500;
    height: 50px;
}
.navBtn span { font-size:12px; line-height:20px;font-family:Verdana, Geneva, sans-serif; color:#959595;}
.navBtn:hover, .navBtn_hover {
    color: #f13c3e;
}
.enText {
    font-family: "Times New Roman", serif;
    color: #71A7C3;
    font-size: 14px;
}
.navBtn-download {margin-left: 160px;}
.navContBg {
    background: url(../images/topNav_bg.png) repeat scroll right center;
    overflow: hidden;
    visibility: hidden;
    height: 291px;
}
.navCont {
    width: 1001px;
    height: 129px;
    margin: 0 auto;
	background:url(../images/logo.png) no-repeat 418px -66px;
}
.subNavs {
    width: 140px;
    padding: 20px 0 10px;
    float: left;
    display: inline;
    height: 138px;
}
.subNavs .hot { color:#f25b5d; background:url(../images/hot.png) no-repeat 30px 50%;}
.subNavs .hot a {color:#f25b5d;}
.subNavBtn {
    color: #000;
    display: block;
    text-align: center;
    text-decoration: none;
    height: 23px;
    line-height: 23px;
}
.subNavBtn:hover {
    background-color: #f36f42;
    color: #fff;
}
.gameSub {
    margin-left: 0;
}
.homeSub:hover {
    background-color: transparent;
}
.downloadSub {
    margin-left: 0;
}
.serviceSub {
    margin-left: 160px;
}
.communitySub {
    width: 140px;
    margin-left: 0;
}
.toplogo {
    width: 160px;
    height: 160px;
    float: left;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -80px;
    z-index: 9999;
}
#banner { width:1000px; margin:66px auto 0; overflow:hidden; height:auto; zoom:1; padding:0;}
#banner span { width:1000px; height:400px; float:left; overflow:hidden;}
#banner span.s1{background:url(../images/bg2.jpg) no-repeat;}
#banner span.s2{background:url(../images/ban_02.jpg) no-repeat;}
#banner span.s3{background:url(../images/ban_03.jpg) no-repeat;}
#banner span.s4{background:url(../images/ban_04.jpg) no-repeat;}
#banner span.s5{background:url(../images/ban_05.jpg) no-repeat;}
#banner span.s6{background:url(../images/ban_06.jpg) no-repeat;}
#banner span.s7{background:url(../images/ban_07.jpg) no-repeat;}
#banner span.s8{background:url(../images/ban_08.jpg) no-repeat;}
#banner span.s9{background:url(../images/ban_09.jpg) no-repeat;}
#banner span.s10{background:url(../images/ban_10.jpg) no-repeat;}


.flsou { width:160px; height:160px; float:left; position:absolute; z-index:0px; top:40px; left:50%; margin-left:-80px;}


.left_nav { width:224px; float:left; height:auto; overflow:hidden; background:#000;}
.left_nav .down_btn { width:100%; float:left; height:121px; overflow:hidden; background:url(../images/down_btn.jpg) no-repeat;cursor: pointer; text-indent:-9999px;opacity: 0.90;-moz-opacity: 0.90;filter: alpha(opacity=90);}
.left_nav .down_btn:hover { background:url(../images/down_btn_on.jpg) no-repeat;}
.left_nav .down_btn a { width:100%; height:121px;float:left; text-indent:-9999px; }

.left_nav .pay_btn { width:100%; float:left; height:102px; overflow:hidden; background:url(../images/pay_btn.jpg) no-repeat;cursor: pointer; text-indent:-9999px;opacity: 0.90;-moz-opacity: 0.90;filter: alpha(opacity=90);}
.left_nav .pay_btn:hover { background:url(../images/pay_btn_on.jpg) no-repeat;}
.left_nav .pay_btn a { width:100%; height:102px;float:left; text-indent:-9999px; }

.left_nav .regi_btn { width:100%; float:left; height:66px; overflow:hidden; background:url(../images/regi_btn.jpg) no-repeat;cursor: pointer; text-indent:-9999px;opacity: 0.90;-moz-opacity: 0.90;filter: alpha(opacity=90);}
.left_nav .regi_btn:hover {background:url(../images/regi_btn_on.jpg) no-repeat;}
.left_nav .regi_btn a { width:100%; height:66px;float:left; text-indent:-9999px; }

.left_nav .serv_btn { width:100%; float:left; height:68px; overflow:hidden; background:url(../images/serv_btn.jpg) no-repeat;cursor: pointer; text-indent:-9999px;opacity: 0.90;-moz-opacity: 0.90;filter: alpha(opacity=90);}
.left_nav .serv_btn:hover {background:url(../images/serv_btn_on.jpg) no-repeat;}
.left_nav .serv_btn a { width:100%; height:68px;float:left; text-indent:-9999px; }


.left_nav .wx { width:208px; float:left; height:208px; padding:8px; overflow:hidden; background:url(../images/wx_bg.jpg) repeat-y 100% 0;cursor: pointer; opacity: 0.90;-moz-opacity: 0.90;filter: alpha(opacity=90); ba}
.left_nav .wxtit { width:100%; float:left; overflow:hidden; line-height:36px; height:36px; font-size:16px; font-weight:500; text-indent:0; text-align:center; color:#8b816b;background:url(../images/wx_bg.jpg) repeat-y 100% 0;}

.nrcont,.nrcont_a { width:770px; float:left; overflow:hidden; height:auto; background:#43302d; padding:3px;}
.nrcont_a { background:#43302d url(../images/r_colin.jpg) repeat-x 0 100%;}
.nrcont .focuspic { width:594px; height:250px; float:left; overflow:hidden;}

.nrcont .Menubox { width:173px; float:left; overflow:hidden; height:250px; margin-left:3px;} 
.nrcont .Menubox li { width:100%; text-align:center; font-size:14px; color:#c4a9a0; background:#201716; height:50px; line-height:50px; font-family:; font-weight:600;}
.nrcont .Menubox li a { color:#c4a9a0; }
.nrcont .Menubox li.hover { background:#000;color:#fff; }
.nrcont .Menubox li.hover a {color:#fff;}


.rad { width:762px; float:left; overflow:hidden; height:auto; padding:0 4px 6px;}
.rad a { width:254px; text-align:center; float:left; margin:0;}


.main_l,.main_r { width:661px; padding:3px 2px 3px 3px; float:left; overflow:hidden; background:#171110;}
.main_r { width:332px; padding:3px 2px 3px 0;}

.newscenter{ width:100%; float:left; height:auto; overflow:hidden; background:#fcf3e8;}
.newscenter .tit,.newscenter .xtit { width:100%; float:left; height:52px;background:url(../images/li.jpg) no-repeat;}
.newscenter .tit ul,.newscenter .xtit ul{ padding:0; margin:0; }
.newscenter .tit li,.newscenter .xtit li { width:25%; float:left; height:52px; line-height:52px; overflow:hidden; font-size:18px; text-align:center; color:#d4cdc4;}
.newscenter .xtit li { width:50%;}
.newscenter .tit li a,.newscenter .xtit li a { color:#d4cdc4;}
.newscenter .tit li.hover,.newscenter .xtit li.hover { background:url(../images/li_hover.jpg) no-repeat 50% 100%;}

.newscenter .intera { padding:0px; margin:0;float: left;}
.newscenter .intera .bbs,.newscenter .intera .ask { width:290px; margin:10px; padding:10px; float:left; height:174px; border-left:1px solid #b8b1a9;}
.newscenter .intera .ask { border-left:none;}
.newscenter .intera .bbs li { height:22px; font-size:12px; overflow:hidden; line-height:22px;}


.txt_list,.book_list { padding:10px 40px 10px 41px; float:left; width:580px; height:183px;}
.book_list { height:298px;}
.txt_list li{ font-size:12px; line-height:23px; color:#333;font-family:Microsoft Yahei;}
.txt_list li span { float:right; margin-right:20px; color:#787878}
.txt_list li a:hover { text-decoration:underline;}
.book_list div { width:25%; float:left; height:auto; overflow:hidden;}
.book_list li { width:109px; float:left; height:32px; margin:4px 18px; line-height:32px;  background:url(../images/x_on.jpg) no-repeat; text-align:center;}
.book_list li.tt { background:url(../images/t_on.jpg) no-repeat; margin-bottom:10px;}
.book_list li a { color:#fff;}
.newscenter .con { width:100%; height:318px; overflow:hidden; clear:both;}
.newscenter .con p{ width:631px; padding:15px; font-size:12px;  float:left; color:#444; line-height:26px;}
.newscenter .con p img { float:left; padding:3px; border:1px solid #ededed; margin-right:12px;}
.newscenter .con p a { color:#f00; padding:0 5px;}

.newp { width:332px; float:left; height:auto; overflow:hidden;}
.newp .tit{ width:100%; float:left; height:51px; overflow:hidden; background:url(../images/newp_tit.jpg) no-repeat;}
.newp .tit a.x,.newp .tit a.y,.newp .tit a.z { width:110px; float:left; height:24px; padding-top:27px; text-align:center; font-size:14px; line-height:24px; color:#d4cdc4; background:url(../images/new_titico.png) no-repeat 0 3px;}
.newp .tit a.y { background-position:0 -85px;}
.newp .tit a.z { background-position:0 -175px;}
.newp .tit span:hover,.newp .tit span.hover { width:110px; float:left; overflow:hidden; height:51px; background:url(../images/new_thover.png) no-repeat;}
.newp .gift { width:100%; float:left; height:57px; overflow:hidden; background:url(../images/gift.jpg) no-repeat;}
.newp .gift a { width:50%; height:57px; float:left; text-indent:-9999px;}
.newp .weixin { width:300px; float:left; overflow:hidden; height:116px; padding:16px; background:#171110 url(../images/weixin.jpg) no-repeat 16px 16px;}
.newp .toplist { width:100%; float:left; height:auto; overflow:hidden;}
.newp .toplist .tab { background:url(../images/toplist.jpg) no-repeat; height:51px; width:100%;}
.newp .toplist .tab span { width:100px; float:right; height:27px; margin:12px 20px 12px 0; overflow:hidden;}
.newp .toplist .tab span a { width:45px; margin-right:5px; float:left; overflow: hidden; height:27px; line-height:27px; color:#9a938b; text-align:center; background:#382c28;}
.newp .toplist .tab span a:hover { color:#fff; background:#382c28;}

.newp .toplist .tcon { width:312px; margin:0; padding:0 10px 10px; background:#fcf3e8; height:auto; overflow:hidden; cursor:pointer;}
.newp .toplist .tcon .tix,.newp .toplist .tcon .tixx { height:30px; padding-bottom:2px; width:100%; float:left;  background:url(../images/line.jpg) no-repeat 0 bottom;}
.newp .toplist .tcon .tixx { background:none; height:24px;line-height:24px;}
.newp .toplist .tcon .tix span,.newp .toplist .tcon .tixx span { float:left; height:30px; line-height:32px; width:100px; font-size:16px; color:#000; text-align:center;}
.newp .toplist .tcon .tix span.x { color:#f000;}
.newp .toplist .tcon .tixx span { color:#f00; font-size:14px;}
.newp .toplist .tcon .top_list { padding:0; margin:5px 0; background:url(../images/mod_list.png) no-repeat; width:100%; float:left; height:auto;}
.newp .toplist .tcon .top_list li  { line-height:24px; height:24px; padding-left:16px; font-size:14px; text-align:left; font-weight:500; font-family:"宋体"}
.newp .toplist .tcon .top_list li span { width:33%; float:left; text-align:center; }

.photo,.link{ width:332px; float:left; height:214px; overflow:hidden; padding-top:52px; background:url(../images/pho_tit.jpg) no-repeat;}
.link{ background:url(../images/link.jpg) no-repeat; height:216px;}
.link .content{ width:310px; padding:11px; height:194px; background:#fcf3e8;}
.flexslider{margin:0 auto;position:relative;width:332px;height:214px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:214px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider li div img { width:332px; height:214px;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

.bg1 { background:#171110;}
.video,.wallpaper,.screenshots{ width:316px; margin-left:10px; float:left; height:250px; overflow:hidden;position:relative;}
.wallpaper,.screenshots { height:118px; margin-right:9px;}
.screenshots { margin-top:13px;}
.video img,.wallpaper img,.screenshots img { filter: Alpha(Opacity=80);opacity: 0.8;}
.video img:hover.video img:hover,.wallpaper img:hover,.screenshots img:hover  { filter: Alpha(Opacity=100);opacity: 1.0;}

.video .titl,.wallpaper .titl,.screenshots .titl { height:36px; line-height:36px; padding-left:10px; font-size:16px; overflow:hidden; width:306px; float:left; position:absolute; bottom:0; left:0; background:#000; filter: Alpha(Opacity=70);opacity: 0.7; color:#fff;}
.wallpaper .titl,.screenshots .titl { height:25px; line-height:25px;}
.video .titl span ,.wallpaper .titl span,.screenshots .titl span{ font-size:14px; font-weight:200;font-family: "Times New Roman", serif; padding-left:5px;}

.video i.ico,.download i.ico  { width: 58px;height: 58px;display: block;overflow: hidden ;position: absolute;left: 50%;top: 50%; margin-top: -29px;margin-left: -29px;z-index: 9999;cursor: pointer;background: url(../images/play-icon.png) no-repeat; opacity:0.50;-moz-opacity: 0.50;filter:alpha(opacity=50); }
.video i.ico:hover,.download i.ico:hover {opacity:1.0;-moz-opacity: 1.0;filter:alpha(opacity=100);  } 

#link-body {padding-left:0px;height:200px;margin:0 auto;overflow:hidden;}
#link-body ul {padding:0 8px;margin:0;}
#link-body li {list-style:none;padding:2px;float:left;}
#link-body img {width:90px;height:33px;border:2px solid #eaeaea;}

.news_tit { width:100%; float:left; height:88px; background:url(../images/news_tit.jpg) no-repeat 100% 0; overflow:hidden;}
.news_tit  h3 { width:200px; float:left; height:88px; overflow:hidden; text-indent:-9999px; background:url(../images/title.jpg) no-repeat;}
.news_tit  h3.down { background-position:0 -88px}
.news_tit  h3.book { background-position:0 -176px}
.news_tit span { float:right; color:#a89c81; line-height:28px; margin-top:40px; margin-right:20px;}
.news_tit span a { color:#a89c81; }

.news_tab { width:730px; margin:20px 20px 10px; float:left; height:52px; overflow:hidden; background:url(../images/news_tab.jpg) no-repeat;}
.news_tab li { width:20%; float:left; height:52px; line-height:52px; text-align:center; font-size:16px;}
.news_tab li a { color:#fff;}
.news_tab li.hover,.news_tab li:hover { background:url(../images/news_tabon.jpg) no-repeat;}

/* 带点文字链接列表-默认方点 */
.m-list2{line-height:200%; margin:5px auto; width:670px;}
.m-list2 li{ width:650px;line-height:30px; float:left; height:30px; padding:0 10px; border-bottom:1px solid #462924;font-size:14px; }
.m-list2 li a { color:#c7bca2}
.m-list2 li span { float:right;}


/* 普通翻页器-默认居中 */
.m-page{ width:300px; margin:10px auto;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;word-wrap:normal;white-space:nowrap;color:#999;}
.m-page a,.m-page i{display:inline-block;vertical-align:top;padding:0 12px;margin-left:-1px;border:1px solid #414141;font-size:12px;letter-spacing:normal;text-shadow:0 1px #3c291e;background:#3A3938;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;transition:background-color 0.3s;}
.m-page a,.m-page a:hover{text-decoration:none;color:#bfbebb;}
.m-page a:first-child{margin-left:0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.m-page a:last-child{margin-right:0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.m-page a.pageprv:before,.m-page a.pagenxt:after{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;}
.m-page a.pageprv:before{margin-right:3px;content:'\3C';}
.m-page a.pagenxt:after{margin-left:3px;content:'\3E';}
.m-page a:hover{background:#3c291e;}
.m-page a:active{background:#3c291e;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#bfbebb;background:#462924;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#bfbebb;background:#462924;}



/* 内容 */
#Article{ zoom:1; padding:0 20px 20px; overflow:hidden; clear:both; background-color:#171110;}
#Article h1{color:#f00;font:800 26px/30px "宋体",arial;margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px solid #473532;}
#Article h1 span{ font-size:12px; font-weight:normal; line-height:20px; color:#bc9974}
#Article .content{ font-size:14px; color:#bc9974;}
#Article .content p{font-size:14px;line-height:200%; word-wrap:break-word; padding:8px 0; color:#bc9974; }
#Article .content p img { max-width:640px; text-align:center;}

#Article .articleCon {padding: 0px 20px;border-bottom: 1px solid #473532;border-top: 1px solid #473532;font-size: 12px;color: #fff;line-height:26px;margin:20px 0;}
#Article .articleCon .cb5 { height:5px; clear:both;}
#Article .articleCon div a {color:#dcbd9b; line-height:26px;}
#Article .articleCon div a:hover { color:#fff}


/*视频下载列表*/
.download { width:730px; zoom:1; padding:20px; overflow:hidden; clear:both;}
.download ul {}
.download li { width:50%; float:left; overflow:hidden; height:auto; margin-bottom:20px; text-align:center; position:relative;}
.download li img { border:1px solid #333;}

.download .titl { height:36px; line-height:36px; font-size:16px; overflow:hidden; width:320px; float:left; position:absolute; bottom:3px; left:50%; margin-left:-160px; background:#32221b; filter: Alpha(Opacity=0);opacity: 0; color:#fff;}
.download .titl:hover { filter: Alpha(Opacity=80);opacity: 0.8; }
.m-table{table-layout:fixed;width:91%;line-height:200%; color:#e2d0c6; margin:0 auto;}
.m-table h1 { font-size:18px; height:36px; line-height:36px; overflow:hidden; font-weight:500;}
.m-table h1 span { font-size:12px; padding-left:10px; color:#515151;}
.m-table .down1,.m-table .down2,.m-table .down3,.m-table .down4  { width:150px; height:101px; float:left; margin:20px 0; overflow:hidden; text-indent:-9999px; background:url(../images/down_ico.png) no-repeat;opacity:0.80;-moz-opacity: 0.80;filter:alpha(opacity=80);}
.m-table .down2 { background-position:0 -100px}
.m-table .down3 { background-position:0 -400px}
.m-table .down4 { background-position:0 -300px}
.m-table .down1:hover,.m-table .down2:hover,.m-table .down3:hover,.m-table .down4:hover {opacity:1.0;-moz-opacity: 1.0;filter:alpha(opacity=100);}

.m-table .r {color:#973037}
.fmed { width:100%; float:left; overflow:hidden; height:auto; padding:0; margin:0; clear:both;}
.fmed li { width:160px; float:left; height:50px; margin-top:5px; margin-right:5px; overflow:hidden; line-height:50px; padding:0;margin-bottom: 0px;}

.gamedata { width:770px; float:left; height:auto; overflow:hidden;}
.gamedata_sub { width:708px; float:left; padding:25px 31px; height:85px; overflow:hidden; background:url(../images/gamedata_sub.jpg) no-repeat;}
.gamedata_sub li { width:132px; float:left; height:35px; margin:5px 20px; overflow:hidden; line-height:35px; text-align:center; font-size:14px; background:#1c130c; font-weight:600;}
.gamedata_sub li a { color:#d7c1a9;}
.gamedata_sub li:hover {  background:#3e332a;}
.gamedata_sub li.hover { background:#3e332a;}

.gamedata_list { width:660px; margin:35px 45px 0; float:left;  overflow:hidden; border-bottom:1px solid #564f4b; padding:10px;color:#d7c1a9; }
.gamedata_list span { width:100%; float:left; overflow:hidden; height:40px; line-height:40px; font-size:16px; font-weight:600; color:#eed7b5;}
.gamedata_list a { width:80px; height:30px; padding:0 5px; line-height:30px; color:#d7c1a9; font-size:14px;}
.gamedata_list a:hover { color:#fcec3a}

.sub_ban {height:240px; clear:both; width:1000px; margin:66px auto 0; background:url(../images/nav_ban.jpg) no-repeat;}

.titmenu { height:40px; line-height:40px; border-bottom:4px ridge #353535; margin:10px 0; width:664px; float:left;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,del,cite,address,small,sub,sup,b,u,i,center,font,em,strong,dl,dt,dd,ul,ol,li,form,fieldset,legend,table,caption,thead,tbody,tfoot,tr,th,td{margin:0;padding:0;outline:none;}
html,body{font:normal 12px/1.5 'arial','simsun','宋体';color:#000;}ul,ol{list-style-type:none}a{text-decoration:none;blr:expression(this.onFocus=this.blur());color:#000;}
a:hover{text-decoration:none;color:#405361;} a:focus{outline:none;}li:focus{outline:none;}fieldset,img{border:0}q,blockquote{quotes:"" ""}q:before,q:after,blockquote:before,blockquote:after{content:""}
del{text-decoration:line-through}ins{text-decoration:underline}sup{vertical-align:super;}sub{vertical-align:sub;}cite,em,dfn{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}input,textarea,select,button{font-size:100%;font-family:inherit;margin:0;padding:0;}label,button{cursor:pointer}
textarea{white-space:pre;resize:none;border:1px solid #ececec;}button,input,select,textarea{font-size:100%;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{margin:0;padding:0;display:block;border:0;font-size:100%;}
img{border:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
table,th,td{border-collapse:collapse;}
body{background:#fff;position: relative;}

/*微软雅黑*/
body {
    font-family: Arial, 'Microsoft YaHei', '微软雅黑', 'SimSun';
    font-family: '微软雅黑';
    background: #000000 url(../images/bg.jpg) no-repeat center 0;
    /* 限定背景图固定尺寸1920*1550 */
    background-size: 1920px 1550px;
    /* 页面最小高度匹配图片高度，底部不会空白塌陷 */
    min-height: 1550px;
    margin: 0;
    padding: 0;
}

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;width: 100%;font-size: 0px;height:0px;background:none;border:none;_zoom:1;}

.container{width:1000px;margin:0 auto;position:relative;}

header{
	width: 1278px;
	height: 108px;
	margin: 0 auto;
	display: flex;
	font-size: 18px;
	align-items:center ;
}
header div{
	flex:1;
	text-align: center;
}
header div img{

}
section{
	width: 1278px;
	margin: 0 auto;
	margin-top: 430px;
	overflow: hidden;
}


.major {
  width: 243px;
  height: 351px;
  float: left;
  overflow: hidden;
  background: url(../images/qidian_14.png) no-repeat;
}

.major ul{
	width: 145px;
	height: 279px;
	margin-left: 40px;
	margin-top: 41px;
	overflow: hidden;
}

.major ul li{
	width: 145px;
	height: 92px;
	margin-bottom: 1px;
	overflow: hidden;
}
.major ul li a{
	width: 145px;
	height: 92px;
	display: block;
	overflow: hidden;
}

.major ul li.zczh a{
	background: url(../images/qidian_17_01.png) no-repeat 0 0;
}
.major ul li.zczh a:hover{
	background: url(../images/qidian_17_01.png) no-repeat 0 -92px;
}
.major ul li.xzyx a{
	background: url(../images/qidian_17_03.png) no-repeat 0 0;
}
.major ul li.xzyx a:hover{
	background: url(../images/qidian_17_03.png) no-repeat 0 -92px;
}
.major ul li.yxcz a{
	background: url(../images/qidian_17_05.png) no-repeat 0 0;
}
.major ul li.yxcz a:hover{
	background: url(../images/qidian_17_05.png) no-repeat 0 -92px;
}



.news {
  width: 475px;
  height: 351px;
  float: left;
  background: #fff;

}
.news .box{
  height: 345px;
  background: #fff;

}

.news .hd{
	width: 100%;
	height: 48px; 
	font-size: 16px;
	line-height: 48px;
	border-bottom: 2px solid #0e7a8a;
}
.news .hd ul{
	padding: 0 20px; 
}

.news .hd ul li{
	width: 70px;
	height: 48px; 
	text-align: center;
	cursor:pointer ;
	float: left;
}


.news .hd ul li.on{
	box-sizing:border-box;
	border-bottom: 2px solid #0e7a8a;
	color: #0e7a8a;
}

.news .bd{
	width:475px;
	height: 295px;
}
.news .bd ul{
	padding: 0 20px; 
	width:435px;
	height: 275px;
	font-size: 14px;
	margin-top: 10px;
}

.news .bd ul li{
	height: 43px;
	border-bottom: 1px dashed #b2d0d8;
}
.news .bd ul li a{
	float: left;
	position: relative;
}
.news .bd ul li .dise{
	width: 45px;
	height:  23px;
	display: block;
	float: left;
	background: url(../images/qidian_10.png) no-repeat;
	text-align: center;
	color: #fff;
	position: relative;
	top: 12px;
	margin-right: 5px;
}

.news .bd ul li a .wen{
	width: 300px;
	line-height: 43px;
	display:block;
	float: left;
	margin-right: 5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.news .bd ul li a .time{
	width: 80px;
	line-height: 43px;
	display:block;	
	float: right;
	text-align: center;
}


.fourimg {
  width: 544px;
  height: 351px;
  float: left;
  margin-left: 15px;
}
.fourimg ul{
  width: 544px;
  height: 345px;
}
.fourimg ul li{
  width: 265px;
  height: 165px;
  float: left;
  background: url(../images/qidian_45.png);
}

.fourimg ul li:nth-child(2),
.fourimg ul li:nth-child(4){
	margin-left: 14px;
}
.fourimg ul li:nth-child(1),
.fourimg ul li:nth-child(2){
	margin-bottom: 20px;
}
.fourimg ul li a{
  width: 93px;
  height: 120px;
  display: block;
  margin: 22px auto;
}
.fourimg ul li a span{
  width: 93px;
  height: 93px;
  display: block;
}
.fourimg ul li a span.yxbl{
  background: url(../images/qidian_34.png) no-repeat -9px -9px;
}

.fourimg ul li a span.zbhs{
  background: url(../images/qidian_34.png) no-repeat -111px -9px;
}

.fourimg ul li a span.fbjs{
  background: url(../images/qidian_34.png) no-repeat -9px -107px;
}

.fourimg ul li a span.zbsj{
  background: url(../images/qidian_34.png) no-repeat -111px -107px;
}

.fourimg ul li a h3{
  width: 93px;
  height: 27px;
  text-align: center;
  line-height: 27px;
  font-size: 16px;
  color: #565656;

}


.fouricon {
  width: 243px;
  height: 293px;
  float: left;
  background: url(../images/qidian_24.png) no-repeat;
}
.fouricon ul{
  width: 180px;
  height: 180px;
  margin: 50px 25px;
}
.fouricon ul li{
  width: 90px;
  height: 90px;
  float: left;
}
.fouricon ul li a{
  width: 90px;
  height: 90px;
  display: block;
}
.fouricon ul li a span{
  width: 44px;
  height: 44px;
  display: block;
  margin: 0 auto;
  margin-top: 15px;
}
.fouricon ul li a span.zhzx{
  background: url(../images/qidian_27.png) no-repeat -5px -5px;
}
.fouricon ul li a span.zlz{
  background: url(../images/qidian_27.png) no-repeat -82px -5px;
}
.fouricon ul li a span.sqmb{
  background: url(../images/qidian_27.png) no-repeat -5px -89px;
}
.fouricon ul li a span.kfzx{
  background: url(../images/qidian_27.png) no-repeat -82px -89px;
}

.fouricon ul li a h3{
  width: 70px;
  height: 27px;
  margin: 0 auto;
  text-align: center;
  line-height: 27px;
  font-size: 16px;
  color: #fff;
}






.intro {
  width: 1035px;
  height: 283px;
  float: left;
  margin-top: 10px;
}
.intro .box{
	width: 1035px;
	height: 266px;
  	background: url(../images/qidian_03.png) no-repeat;
	padding-top: 15px;
}
.intro .box dl{
	width: 974px;
	height: 41px;
	margin: 0px auto;
	border-bottom: 1px  dashed #b2d0d8;
	padding-left: 10px;


}

.intro .box dl dt{
	width: 105px;
	display: block;
	float: left;
	text-align: center;
	line-height: 41px;
	font-size: 14px;
    font-weight: 600; 
}
.intro .box dl dd{
	width: 105px;
	display: block;
	float: left;
	text-align: center;
	line-height: 41px;
	font-size: 14px;
}
.intro .box dt a{
	color: #f78d12;
}
.intro .box .jbzl dd a{
	color: #e5a598;
}
.intro .box .bjdt dd a{
	color: #00ff83;
}

.intro .box .wpjs dd a{
	color: #8290c5;
}

.intro .box .wgjs dd a{
	color: #ed0e29;
}

.intro .box .zbjs dd a{
	color: #db8ed9;
}


.intro .box .tsxl dd a{
	color: #95a33e;
}


.contactus {
   width: 243px;
   height: 320px;
   float: left;
   background: url(../images/qidian_36.png) no-repeat;
}
.contactus ul{
	width: 170px;
	margin-left: 50px;
	margin-top: 120px!important;
}
.contactus ul li{
	line-height: 30px;
	color: #fff;
}



.special {
  width: 652px;
  height: 303px;
  float: left;
  margin-top: 15px;
}



.special .box{
	width: 652px;
	height: 303px;
  	background: #fff;
}


.special .hd ul{
	width: 654px;

}

.special .hd ul li{
	width: 163px;
	height: 48px; 
	float: left;
	text-align: center;
	cursor:pointer ;
	line-height: 48px;
	color: #fff;
	background: #303030;
	font-size: 16px;

}
.special .hd ul li.on{
	box-sizing:border-box;
	background: #0e7a8a;
}
.special .bd{
	width:653px;
	height: 255px;
	overflow: hidden;	
}

.special .bd div{
	width:653px;
	height: 255px;
	overflow: hidden;
	background: red	
}


.screenshot {
  width: 366px;
  height: 303px;
  float: left;
  margin-top: 15px;
  margin-left: 17px;
}
.screenshot .box{
	width: 366px;
	height: 303px;
}
.screenshot .box .titlebox{
	width: 366px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	color: #fff;
	background: url(../images/qidian_38.png) no-repeat;
}
.screenshot .box .ulbox{
	width: 366px;
	height: 245px;
	padding: 5px 0;
	position: relative;
	background: url(../images/qidian_38ul.png) no-repeat;
}
.screenshot .box .ulbox li{
	width: 340px;
	height: 231px;
	margin: 0 auto;
	margin-bottom: 12px;
}
.screenshot .box .ulbox h4{
	width: 325px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.5);
	position: relative;
	top: -35px;
}
.screenshot .box img{
	width: 340px;
	height: 231px;
	text-align: center;
}

footer{
	width: 100%;
	height: 60px;
	float: left;
	padding: 20px 0;
	background: #303030;
	margin-top: 30px;
}

footer p{
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	background: #303030;
	color: #fff;
}





.apt-wrap {
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 100%;
    transform: translate(-100%,10px);
}

.agetip {
    width: 94px;
    height: 120px;
    float: left;
    margin-left: 15px;
    background: url(/style/images/cadpa.png) no-repeat 0 0;
    cursor: pointer
}
.ban-channel {
    width: 772px;
    height: 180px;
    padding-top: 15px;
	top: 365px;
    background: url(/style/images/chuang.png) no-repeat;
    position: absolute;
    bottom: 950px;
    left: 53%;
    transform: translate(-50%,-50px);
    z-index: 999; /* 新增：提升层级，浮在所有内容顶层，不会被盖住 */
}

.ban-channel .down-code {
    width: 136px;
    height: 153px;
    float: left;
    background: url(/style/images/ind_down_codebg-99b7a8280e.png) no-repeat 0 0;
    margin-left: 10px;
    position: relative
}

.ban-channel .down-code img {
    width: 122px;
    height: 122px;
    margin: 7px auto 0;
    display: block
}

.ban-channel .down-code span {
    font-size: 12px;
    color: #000;
    text-align: center;
    width: 100%;
    display: block
}

.ban-channel .down-code i {
    display: block;
    position: absolute;
    top: 7px;
    left: 5px;
    -webkit-animation: upDown 4s linear infinite;
    animation: upDown 4s linear infinite;
    background: url(/templates/jlwj/images/ind_down_codeline-49c76d4ed8.png) no-repeat;
    width: 126px;
    height: 13px
}

.ban-channel .down-btns {
    width: 170px;
    margin-left: 11px;
    float: left
}

.down-btns a {
    display: block;
    width: 170px;
    height: 47px;
    line-height: 47px;
    margin-bottom: 5px;
    border-radius: 5px;
    font-size: 18px;
    color: #fff
}

.down-btns a i {
    display: block;
    float: left;
    margin: 7px 8px 0 21px
}

.down-btns a:hover,.new-server-box a:hover {
    opacity: .85;
    text-decoration: none;
}

.down-btns .down-iOS {
    background: #000
}

.down-btns .down-iOS i {
    background: url(../img/ind_icon_ios-6199f4de9c.png) no-repeat;
    width: 30px;
    height: 30px
}

.down-btns .down-android {
    background: #4CAF50
}

.down-btns .down-PC {
    background: #5ed2c9;
}

.down-btns .down-android i {
    background: url(../img/ind_icon_android-f759818723.png) no-repeat;
    width: 30px;
    height: 30px
}

.down-btns .down-PC i {
    background: url(/style/images/ind_icon_pc-b7fa183682.png) no-repeat;
    width: 30px;
    height: 30px
}

.ban-channel .new-server {
    float: left;
    width: 130px;
    height: 150px;
    background: #fff;
    border-radius: 5px;
    margin-left: 12px;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.ban-channel .new-server h4 {
    height: 32px;
    line-height: 32px;
    background: #65c6bd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.ban-channel .new-server h4 i {
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 100%;
    vertical-align: middle
}

.new-server-box {
    margin-top: 12px;
}

.new-server-box strong {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    color: #ffb540;
    letter-spacing: 2px;
    text-shadow: 0 0 1px #ffb540;
    overflow: hidden;
}

.new-server-box span {
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #dca650;
}

.new-server-box a {
    display: block;
    width: 102px;
    height: 31px;
    line-height: 31px;
    background: #f5cd6d;
    border-radius: 20px;
    color: #fff;
    text-shadow: 0 1px 1px #ebac3c;
    margin: 8px auto 0;
}



@charset "UTF-8";@-webkit-keyframes upDown {
    0%,to {
        top: 8px
    }

    50% {
        top: 108px
    }
}

@keyframes upDown {
    0%,to {
        top: 8px
    }

    50% {
        top: 108px
    }
}

@-webkit-keyframes upDown2 {
    0%,to {
        top: 22px
    }

    50% {
        top: 143px
    }
}

@keyframes upDown2 {
    0%,to {
        top: 22px
    }

    50% {
        top: 143px
    }
}







/*二级页面*/
section.erji{
width: 1278px;

    margin: 430px auto 0;
    padding: 0 15px;
    box-sizing: border-box;
    transform: translateX(10%);
	
/*	display: grid;
	grid-template-columns:243px 1033px ;
	grid-template-rows:351px 293px auto ;
	grid-template-areas: 
    "major zhuti"
    "fouricon zhuti"
    "contactus zhuti";*/
}
.zhuti {
	width: 1033px;

}
.zhuti .zhutishang{
	width: 1033px;
	height: 141px;
	font-size: 26px;
	line-height: 92px;
	text-align: center;
	color: #000000;
	background: url(../images/erji02.png)no-repeat;
}
.zhuti .zhutimiddle{
	width: 1033px;
	min-height: 1000px;
	background: url(../images/erji03.png)repeat-y;
}

.zhuti .zhutixia{
	width: 1033px;
	height: 38px;
	background: url(../images/erji04.png)repeat-y;
}
.zhutimiddle .box{
  width: 950px;
  min-height: 920px;
  margin: 0 auto;

}

.zhutimiddle .hd{
	width: 100%;
	height: 48px; 
	font-size: 16px;
	line-height: 48px;
	border-bottom: 2px solid #0e7a8a;
}
.zhutimiddle .hd ul{
	padding: 0 20px; 

}

.zhutimiddle .hd ul li{
	width: 100px;
	height: 48px; 
	float: left;
	text-align: center;
	cursor:pointer ;

}
.zhutimiddle .hd ul li.on{
	box-sizing:border-box;
	border-bottom: 2px solid #0e7a8a;
	color: #0e7a8a;
}

.zhutimiddle .bd{
	width:950px;
	height: 850px;
	overflow: hidden;	
	padding-bottom: 30px;
}
.zhutimiddle .bd ul{
	padding: 0 20px; 
	width:910px;
	height: 850px;
	font-size: 14px;
	margin-top: 10px;
}

.zhutimiddle .bd ul li{
	height: 43px;
	border-bottom: 1px dashed #fff;
}
.zhutimiddle .bd ul li a{
	float: left;
	position: relative;
}
.zhutimiddle .bd ul li .dise{
	width: 45px;
	height:  23px;
	display: block;
	float: left;
	background: url(../images/qidian_10.png) no-repeat;
	text-align: center;
	color: #fff;
	position: relative;
	top: 12px;

}

.zhutimiddle .bd ul li a .wen{
	width: 760px;
	line-height: 43px;
	display:block;
	float: left;
	margin-right: 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;

}
.zhutimiddle .bd ul li a .time{
	width: 80px;
	line-height: 43px;
	display:block;	
	float: right;
	text-align: center;
}