﻿@charset "utf-8";.contain{width:100%;margin-top:150px}
.content{width:1200px;height:311px;margin:0 auto}
.playGame{width:339px;height:311px;margin-right:8px}
.down a{width:339px;height:195px;display:block;text-indent:-999em}
.goGame a{height:62px;text-indent:-999em;width:169px;display:inline-block;float:left;border-bottom:1px solid #000}
.a0{background:url(../images/a0.jpg) no-repeat}
.a0:hover{background:url(../images/a0H.jpg) no-repeat}
.a1{border-left:1px solid #000;background:url(../images/b0.jpg) no-repeat}
.a1:hover{background:url(../images/b0H.jpg) no-repeat}
.a2{background:url(../images/c0.jpg) no-repeat;border-right:1px solid #000}
.a2:hover{background:url(../images/c0H.jpg) no-repeat}
.a3{background:url(../images/d0.jpg) no-repeat}
.a3:hover{background:url(../images/d0H.jpg) no-repeat}
.banner{width:852px;height:327px;position:relative;background:url(../images/bannerBg.png);background-size:100% 100%}
.banner ul li{position:absolute;width:852px;height:311px;left:0;top:0}
.banner li a{width:852px;height:311px;display:inline-block;text-align:center;overflow:hidden}
.banner li img{width:822px;height:311px;margin-left:15px;margin-top:10px}
.banner .active{z-index:2}
.banner div{position:absolute;width:822px;height:40px;left:13px;bottom:10px;z-index:6}
.banner div i{width:137px;height:40px;display:inline-block;float:left;background:url(../images/i.png);color:#000;line-height:40px;font-size:16px;text-align:center}
.banner .now{background:#586587;color:#fff}
.activity p{width:877px;height:38px;line-height:36px;padding-left:17px}
.activity p a{font-size:14px}
.activity span{float:right;margin-right:14px}
.main{padding-top:20px;width:1200px;margin:0 auto}
.show{width:337px;height:393px;background:#fff}
.hClass{width:100%;line-height:47px;padding-left:28px;background:#586587;font-size:18px;color:#fff}
.hClass1{line-height:47px;padding-left:28px;background:#586587;color:#FFF;font-size:18px;color:#fff}
.showContent{padding-left:4px}
.showContent a{width:163px;height:169px;text-indent:-999em;display:inline-block}
.showContent a:hover{background:url(../images/showHover.png) center center}
.showRow1,.showRow2{width:330px}
.showRow1{margin-bottom:4px}
.jietu,.players,.shipin,.yuanhua{width:163px;height:169px}
.yuanhua{background:url(../images/yuanhua.jpg)}
.shipin{background:url(../images/shipin.jpg)}
.jietu{background:url(../images/jietu.jpg)}
.players{background:url(../images/wanjia.jpg)}
.Box{width:1199px;height:750px;background:#000;border:1px solid #586587}
.newbox{width:1176px}
.new{width:920px;height:750px;position:relative}
.new ul{height:52px}
.new ul li{width:101px;height:52px;line-height:52px;margin-right:1px;background:#a7a5a6;float:left;font-size:18px;color:#293043;text-align:center}
.new ul .newHover{background:#586587;color:#fff}
.gengduo a{width:59px;height:52px;line-height:52px;padding-left:42px;background:url(../images/gengduo.png) 16px 14px no-repeat;font-size:18px;color:#597171;text-align:center;display:inline-block}
.newStyle{width:920px;height:281px;padding:13px 0 0 26px;position:absolute;left:0;top:52px}
.newStyle .newTitle{display:inline-block;margin-right:9px;text-align:center;width:95%;border-top:2px solid #586587}
.newStyle .newTitle a{display:inline-block;height:38px;line-height:38px}
.activity p a{display:inline-block;height:38px;line-height:38px;float:left;border-bottom:1px dashed #586587}
.activity p span{display:inline-block;height:38px;line-height:38px;float:right;color:#adc2fc}
.activity p span:hover{color:#adc2fc}
.newStyle a{color:#adc2fc}
.newStyle a:hover{color:#adc2fc}
.guide{width:256px}
.guideBox div{width:256px;height:86px;margin-bottom:2px}
.guideBox a{width:128px;height:86px;float:left;display:inline-block;background-color:#8696c1;font-size:16px;color:#adc2fc;text-align:center;line-height:40px}
.guideBox a:hover{color:#8696c1}
.guideBox .G1{background:url(../images/g_03.jpg) 0 0 no-repeat}
.guideBox .G1:hover{background:url(../images/gH_03.jpg) 0 0 no-repeat}
.guideBox .G2{background:url(../images/g_03.jpg) -130px 0 no-repeat}
.guideBox .G2:hover{background:url(../images/gH_03.jpg) -130px 0 no-repeat}
.guideBox .G3{background:url(../images/g_03.jpg) 0 -86px no-repeat}
.guideBox .G3:hover{background:url(../images/gH_03.jpg) 0 -86px no-repeat}
.guideBox .G4{background:url(../images/g_03.jpg) -130px -86px no-repeat}
.guideBox .G4:hover{background:url(../images/gH_03.jpg) -130px -86px no-repeat}
.guideBox .G5{background:url(../images/g_03.jpg) 0 -172px no-repeat}
.guideBox .G5:hover{background:url(../images/gH_03.jpg) 0 -172px no-repeat}
.guideBox .G6{background:url(../images/g_03.jpg) -130px -172px no-repeat}
.guideBox .G6:hover{background:url(../images/gH_03.jpg) -130px -172px no-repeat}
.guideBox .G7{background:url(../images/g_03.jpg) 0 -258px no-repeat}
.guideBox .G7:hover{background:url(../images/gH_03.jpg) 0 -258px no-repeat}
.guideBox .G8{background:url(../images/g_03.jpg) -130px -258px no-repeat}
.guideBox .G8:hover{background:url(../images/gH_03.jpg) -130px -258px no-repeat}
.role{float:right;position:relative;width:636px;height:341px;overflow:hidden;background:#fff}
.role ul{background:#f4f2f3}
.role ul li{float:left;width:127px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#293043}
.role ul .active{color:#fdfdfd;background-color:#586587}
.allRole{width:300px;position:absolute;left:0;top:49px}
.roleContent{padding:19px 0 0 52px;width:278px}
.roleContent span{font-size:26px;line-height:26px;color:#fff}
.roleContent div{font-size:16px;color:#597171;width:284px}
.roleContent i{margin-top:18px;display:inline-block;width:308px;height:63px}
.zhan0{background:url(../images/zhan0.jpg)}
.zhan1{background:url(../images/zhan1.jpg)}
.zhan2{background:url(../images/zhan2.jpg)}
.zhan3{background:url(../images/zhan3.jpg)}
.roleContent p{font-size:12px;color:#597171;width:330px;margin-top:20px;line-height:24px}
.roleContent a{font-size:14px;color:#597171;width:114px;height:31px;line-height:31px;text-align:center;border:2px solid #5e7575;display:inline-block;margin-top:6px;border-radius:2px}
.roleContent a:hover{background:#5e7575;color:#fff}
.role .roleImg{position:absolute;width:322px;height:293px;bottom:0;right:0}
.role .roleImg img{float:right}
.list{margin:10px auto 14px;width:1200px;background:#586587}
.imgList{width:1198px;height:700PX;border:1px solid #586587}
.lists{margin:10px auto 14px;width:1200px;background:#586587}
.imgLists{width:1198px;height:605px;border:1px solid #586587}
.contentB{width:1200px;height:341px;margin:0 auto}
.forum{background:#fff;width:556px;height:341px}
.forumContent{width:556px;position:relative}
.forumContent ul li{float:left;width:129px;height:48px;margin-right:1px;background:#f4f2f3;font-size:16px;line-height:48px;color:#293043;text-align:center}
.forumContent .nowForum{color:#fdfdfd;background:#586587}
.forumContent .activity{float:right}
.forumContent .more{display:inline-block;height:48px;width:85px;background:url(../images/gengduo.png) 0 center no-repeat;font-size:18px;color:#597171;line-height:48px;text-align:center;margin-left:81px;float:right}
.forumContent div{height:38px}
.forumContent .forumTop{height:48px}
.forumArticle p{width:494px}
.forumArticle p a{line-height:38px;float:left}
.forumArticle p span{line-height:38px;float:right;color:#597171;font-size:16px}
.forumLine:hover a{color:#586587}
.forumLine:hover span{color:#586587}
.forumBox{padding:13px 20px 0 26px;position:absolute;left:0;top:48px}
.forumBox a{font-size:16px;color:#597171}
.learn{width:1200px;height:159px;margin:16px auto}
.learnL{width:391px;height:266px;background:#fff;float:left;margin-right:13px}
.learnL .clearfix{width:100%}
.learnL .clearfix .lis{width:130px;height:52px;text-align:centern;vertical-align:top}
.learnL .clearfix .lis img{width:85px;height:35px;margin-left:20px}
.learnM{width:391px;height:266px;background:#fff;float:left;margin-right:14px}
.learnR{width:391px;height:266px;background:#fff;float:left}
.learn .service{margin:29px 0 0 12px;width:316px;height:94px;padding-left:20px;border-bottom:1px solid #dee3e3}
.service .qun{margin-top:16px}
.service .online{width:192px}
.learnR a{font-size:18px;color:#3d4f4f;font-size:18px}
.learn .serviceB{padding:14px 0 0 38px;width:200px}
#demo{overflow:hidden;float:left}
#indemo a{width:130px;height:52px;float:left;text-align:center;vertical-align:top}
#indemo a img{width:85px;height:35px;margin-left:20px}
#demo img{border:1px solid #fff}
#indemo{float:left;width:100%}
#demo1{float:left}
#demo2{float:left}
.linkFbox{width:1200px;height:auto;margin:0 auto;padding:5px 0;overflow:hidden;background:#fff}
.linkFbox ul{overflow:hidden}
.col6{margin-top:120px}
.linkFbox ul li{display:block;float:left;width:100px;height:43px;margin-right:10px}
.linkFbox h2{width:100px;font-size:16px;float:left;line-height:43px;padding-left:50px;background:url(http://img.td22.com/Games/TD22/tt/img/linkIco.png) no-repeat 15px 12px}
.linkYq{width:1018px;height:50px;overflow:hidden;position:relative;float:left}
.yqlinkBox a{display:block;float:left;margin-left:10px}
.yqlinkBox{position:absolute;width:800%}
.yqlinkBox img{width:100px;height:33px;padding-top:10px}
#yqlinkwrap,#yqlinkwrap2{float:left}
.text{text-align:center}
#yqlinkwrap a{text-decoration:none}
#yqlinkwrap span,#yqlinkwrap2 span{display:block;width:100px;text-align:center}
.libaoxf_box{margin-top:60px}
.libaoxf_box a{width:269px;height:100px;color:#fff;font-size:18px;font-weight:700;padding-left:30px;line-height:60px}
.wrap{background:url(images/wrapBg1.jpg) no-repeat center top;margin-top:60px}
.wrapCenter{background:url(images/wrapCenterBg.jpg) no-repeat center top;height:900px;margin-top:-149px}
.slogn{position:relative}
.slogn .gif{position:absolute;top:-180px}
.k3{width:1200px;height:auto;overflow:hidden;margin:0 auto;margin-top:0;margin-bottom:10px}