@charset "utf-8";
/* CSS Document */


.banner { width: 100%; height: 500px; position: relative;}
.mainNewsN {padding-bottom:100px;}
.mainLeft { width: 240px; margin: 0 20px 0 0;background: #092531;}
.home { background: url(../images/home.jpg) no-repeat; width: 240px; height: 89px; overflow: hidden; display: block;}
.home:hover { background: url(../images/homeHover.jpg) no-repeat;}
.mainStory,.mainNews,.mainVido,.mainPic { width: 120px; height: 49px; display: block;}

.sidenavT,.sidenavB  { height: 49px; overflow: hidden;}
.mainStory { background: url(../images/mainStory.jpg) no-repeat;}
.mainStory:hover { background: url(../images/mainStoryHover.jpg) no-repeat;}
.mainNews { background: url(../images/mainNews.jpg) no-repeat;}
.mainNews:hover { background: url(../images/mainNewsHover.jpg) no-repeat;}

.mainVido { background: url(../images/mainVido.jpg) no-repeat;}
.mainVido:hover { background: url(../images/mainVidoHover.jpg) no-repeat;}
.mainPic { background: url(../images/mainPic.jpg) no-repeat;}
.mainPic:hover { background: url(../images/mainPicHover.jpg) no-repeat;}

.mainFans,.mainTeam,.mainMusic,.main20,.agency,.dubbing { width: 240px; height: 88px; margin: 15px 0 0 0; display: block;}
.mainFans { background: url(../images/footer1.jpg) no-repeat;}
.mainFans:hover { background: url(../images/fansHover.jpg) no-repeat;}
.mainTeam { background: url(../images/footer2.jpg) no-repeat;}
.mainTeam:hover { background: url(../images/teamHover.jpg) no-repeat;}
.mainMusic { background: url(../images/music.jpg) no-repeat;}
.mainMusic:hover { background: url(../images/musicHover.jpg) no-repeat;}
.main20 { background: url(../images/znq.jpg) no-repeat;}
.main20:hover { background: url(../images/znq_hover.jpg) no-repeat;}
.agency { background: url(../images/agency.jpg) no-repeat;}
.agency:hover { background: url(../images/agency_hover.jpg) no-repeat;}
.dubbing { background: url(../images/dubbing.jpg) no-repeat;}
.dubbing:hover { background: url(../images/dubbing_hover.jpg) no-repeat;}


.mainRight { width: 920px; min-height: 600px; height: auto !important; height: 600px; background: #FFF;}
.mainNewsTitle,.mainStoryTitle,.mainVidoTitle,.mainPicTitle { width: 920px; height: 124px; position: relative;}
.mainNewsTitle { background:url(../images/mainNewsTitle.jpg) no-repeat;}
.mainStoryTitle { background:url(../images/mainStoryTitle.jpg) no-repeat;}
.mainVidoTitle { background:url(../images/mainVidoTitle.jpg) no-repeat;}
.mainPicTitle { background:url(../images/mainPicTitle.jpg) no-repeat;}

.catname { position: absolute; top: 30px; left: 30px; font-size: 28px; font-weight: 500; color: #fff; font-family: "微软雅黑";}
.tig { color: #fff; position: absolute; top: 85px; left: 29px; font-size: 14px;}
.tig a{ color: #fff; }
.tigHome { display: inline-block; *display: inline; *zoom: 1; background: url(../images/sHome.png) no-repeat left center; padding: 0 0 0 15px; color: #fff;}
.tigHome:hover,.erji:hover { text-decoration: underline; color: #fff;}
.blue { color: #4fcbff; font-weight: bold;}

.erji {color: #fff;}
/*.blue:hover { color: #4fcbff; text-decoration: underline;}*/

/*背景故事*/
.story { padding: 25px;}
.story p { line-height: 26px; font-size: 14px; color: #353637; margin: 0 0 25px 0;}


/*新闻中心*/
.newsContent {}
.newsTitle {}
.newsTitle ul { background: #e8edf0; height: 50px;}
.newsTitle ul li { float: left; width:33%; height: 50px;}
.newsTitle ul li a { display: block; width:100%; height: 50px; line-height: 50px; text-align: center; position: relative; color: #353637; cursor: pointer; font-size: 16px; font-family: "微软雅黑";}
.newsTitle ul li.h a { background: #a01e22  !important; color: #fff;}
.newsTitle ul li.h a b { display: block !important; background: url(../images/xLJ.jpg) no-repeat bottom center !important; width: 14px; height: 8px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-7px); }
.newsTitle ul li a:hover { background: #d5dbdf;}
.newsTitle ul li a:hover b { display: none;}

.newsList { padding: 30px;}
.newsInfo {}
.newsInfo li { clear: both; height: 40px; width: 100%; line-height: 40px;}
.newsInfo li a { color: #353637; font-size: 14px; display: block; width: 560px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newsInfo li a:hover { text-decoration: underline;}
.newsTime { color: #8b8d8f !important;}
.newsType { color: #8b8d8f !important; padding: 0 15px 0 0;}


.showtitle { font: 24px "微软雅黑"; color: #1e2b32; text-align: center; line-height: 30px; padding: 0px 0 10px 0; font-weight: normal;}
.dateline { border: 1px solid #ddd; border-right: none; border-left: none; height: 21px; padding: 9px 5px 0; font-family: arial,"宋体";}
.dateline .jiathis_style .jiathis_txt { line-height: normal !important;}
.showContent { line-height: 30px; padding: 20px 0; font: 14px "微软雅黑";word-wrap:break-word;  overflow: hidden; width : 100%; margin: 0 auto;}
.showContent p{ margin: 10px auto; }
.showContent a{ color: blue; }
.showContent a:hover{ text-decoration: underline; }
.showContent img { max-width: 630px !important;} 

/*壁纸*/
.picList {}
.pic { margin: 0 15px 5px 0; display: block; position: relative; width: calc(33.3333% - 10px);}
.pic:nth-child(3n){margin: 0 0 5px 0;}
.play { display: block; position: absolute; width: 310px; height: 174px; background: url(../images/playQ.png) no-repeat center center; z-index: 9999;}
.play:hover { background: url(../images/play.png) no-repeat center center;}
.pic img { display: block; max-width: 100%;}
.pic p { height:30px; line-height: 30px; text-align: center; font-size: 14px; color: #222; font-weight: bold; width: 100%;}

.musicHover img { border: 3px solid transparent;}
.musicHover:hover img { border: 3px solid #08232c;}

.picSize a { font-size: 14px; line-height: 30px; margin: 0 10px 0 0; color: #666;}
.picSize a:hover { color: #a01e22;}

/*视频*/
.vidotitle { line-height: 30px; height: 30px; font-size: 14px; color: #fff; text-align: center; background: #06171c; font-family:"楷体";}

.pic1 { width: 310px; background: #08232c; margin: 0 20px 20px 0; height: 208px;}
.pic1 img { padding: 5px; width: 300px;}

/*历代仙剑*/
.topBanner { background: url(../images/li1.jpg) no-repeat top center; width: 100%; height: 556px;}

.xian1 { background: url(../images/li2.jpg) no-repeat top center; width: 100%; height: 614px;}
.xian2 { background: url(../images/li3.jpg) no-repeat top center; width: 100%; height: 542px;}
.xian3 { background: url(../images/li4.jpg) no-repeat top center; width: 100%; height: 536px;}
.xian3w { background: url(../images/li5.jpg) no-repeat top center; width: 100%; height: 535px;}
.xian4 { background: url(../images/li6.jpg) no-repeat top center; width: 100%; height: 623px;}
.xian5 { background: url(../images/li7.jpg) no-repeat top center; width: 100%; height: 545px;}
.xian5q { background: url(../images/li8.jpg) no-repeat top center; width: 100%; height: 573px;}
.honor { background: url(../images/li9.jpg) no-repeat top center; width: 100%; padding: 270px 0 0;}
.dyTime { background: url(../images/liTime.png) no-repeat left top; height: 1969px;}

.tsamll { width: 260px; font-family: "微软雅黑"; color: #fff;}
.tsamll h3 { font-size: 22px; font-weight: normal; padding: 385px 0 0 45px;}
.tsamll p { font-size: 14px; line-height: 40px; height: 40px; overflow: hidden; padding: 0 0 0 100px;}
.bfq { margin: 3px 0 0 5px; *padding: 12px 0 0 0;}

.tbig { width: 720px;}
.tbig h3 { font-family: "微软雅黑"; color: #fff; font-size: 22px; font-weight: normal; padding: 25px 0 0 0; line-height: 35px;}
.tbig .fax { font-size: 12px; color: #585858;}
.tbig .fax p { line-height: 22px;}
.tbig .tale { font-size: 14px; color: #999; padding: 10px 0 0;}
.tbig .tale p { line-height: 24px; padding: 0 0 10px;}

.leftbox { padding: 0 0 0 20px;}
.rightbox { padding: 0 20px 0 0;}


.black .tbig h3 { color: #171c41;}
.black .fax { color: #666;}
.black .tale { color: #000;}


.xian3 .fax { color: #96895e;}

.xian4 .fax { color: #be7a7d;}

.xian5q .fax { color: #61789b;}


.ry2014 { padding: 65px 0 0 50px;}
.ry20 { padding: 70px 0 0 50px;}

.rySt { background: url(../images/ldSt.png) no-repeat top left; width: 790px; height: 9px;}
.rySb { background: url(../images/ldSb.png) no-repeat bottom left; width: 790px; height: 8px;}

.ryBt { background: url(../images/ldBt.png) no-repeat top left; width: 930px; height: 8px;}
.ryBb { background: url(../images/ldBb.png) no-repeat bottom left; width: 930px; height: 7px;}

.rySC { background: url(../images/ldBj.png) repeat; width: 780px; padding: 0 0 0 10px;}
.ryBC { background: url(../images/ldBj.png) repeat; width: 920px; padding: 0 0 0 10px;}

.rySC p,.ryBC p { line-height: 31px; font-size: 14px; color: #000;}

.ry95 { font-size: 18px; font-family: "微软雅黑"; color: #c30000; padding: 30px 0 0 65px;}

.location { position: fixed; left: 50%; width: 110px; height: 477px; margin-left: 510px; bottom: 30px;}
.location ul { background: url(../images/gun.png) no-repeat; width: 110px; padding: 30px 0 0 0; height: 447px;}
.location ul li {}
.location ul li a { display: block; width: 110px; background: url(../images/gun.png) no-repeat; height: 45px;}
.location ul li a.Done { background-position: 0 -30px;}
.location ul li a.Dtwo { background-position: 0 -75px;}
.location ul li a.Dthree { background-position: 0 -120px;}
.location ul li a.Dfour { background-position: 0 -165px;}
.location ul li a.Dfive { background-position: 0 -205px;}
.location ul li a.Dsix { background-position: 0 -250px;}
.location ul li a.Dseven { background-position: 0 -295px;}
.location ul li a.Deight { background-position: 0 -340px;}

.location ul li a:hover { background: url(../images/gun-hover.png) no-repeat;}
.location ul li a.Done:hover { background-position: 0 -30px;}
.location ul li a.Dtwo:hover { background-position: 0 -75px;}
.location ul li a.Dthree:hover { background-position: 0 -120px;}
.location ul li a.Dfour:hover { background-position: 0 -165px;}
.location ul li a.Dfive:hover { background-position: 0 -205px;}
.location ul li a.Dsix:hover { background-position: 0 -250px;}
.location ul li a.Dseven:hover { background-position: 0 -295px;}
.location ul li a.Deight:hover { background-position: 0 -340px;}

.location ul li a.hover { background: url(../images/gun-hover.png) no-repeat;}
.location ul li a.Done.hover { background-position: 0 -30px;}
.location ul li a.Dtwo.hover { background-position: 0 -75px;}
.location ul li a.Dthree.hover { background-position: 0 -120px;}
.location ul li a.Dfour.hover { background-position: 0 -165px;}
.location ul li a.Dfive.hover { background-position: 0 -205px;}
.location ul li a.Dsix.hover { background-position: 0 -250px;}
.location ul li a.Dseven.hover { background-position: 0 -295px;}
.location ul li a.Deight.hover { background-position: 0 -340px;}


/*团队介绍*/

.teamBanner { background: url(../images/teamBanner.jpg) no-repeat top center; width: 100%; height: 444px;}

.team1 { background: url(../images/team1.jpg) no-repeat top center; height: 357px;}
.team2 { background: url(../images/team2.jpg) no-repeat top center; height: 354px;}
.team3 { background: url(../images/team3.jpg) no-repeat top center; height: 353px;}
.team4 { background: url(../images/team4.jpg) no-repeat top center; height: 354px;}
.team5 { background: url(../images/team5.jpg) no-repeat top center; height: 353px;}
.teamN { position: relative;}
.weiboL,.weiboR { position: absolute;}
.weiboL { bottom: 0; left: 240px;}
.weiboR { bottom: 0; right: 240px;}
.sian,.tx { display: block; background: url(../images/weibo.png) no-repeat; width: 40px; height: 40px; float: left; margin: 0 15px 0 0;}
.sian { background-position: 0 0;}
.tx { background-position: -60px 0;}
.sian:hover { background-position: 0 -58px;}
.tx:hover { background-position: -60px -58px;}

/*音乐列表*/
.bjsongTitle { font-size: 26px; font-family: "微软雅黑"; color: #060402; font-weight: normal; padding: 10px 0 ;}
.bjsong { position: relative; width: 310px; float: left;   margin: 0 20px 5px 0; /*padding: 0 0 15px;*/}/*padding: 0 0 15px; 没有标题的状态*/
.bjsong p { line-height: 30px; font-size: 16px; font-family: "微软雅黑"; color: #060402; padding: 0 0 10px; }
.songPlay { position: absolute;   top: 132px;   left: 34px; _top: 120px;}



.zljgm { background: url(../images/zljgm.jpg) no-repeat; width: 240px; height: 89px; overflow: hidden; display: block; margin: 0 0 15px;}
.zljgm:hover { background: url(../images/zljgm_hover.jpg) no-repeat;}
.zyxxz { background: url(../images/zyxxz.jpg) no-repeat; width: 240px; height: 89px; overflow: hidden; display: block; margin: 0 0 15px;}
.zyxxz:hover { background: url(../images/zyxxz_hover.jpg) no-repeat;}


.weixinIco{position:absolute;right:0;top:295px;z-index:9999;}



.left-down {overflow:hidden;padding:20px 0;}
.left_down_code {width:181px;height:181px;display:block;margin:0 auto}
.left_down_text {line-height:25px;text-align:center;font-size:16px;color:#fff}
.left_down_wrap {width:181px;margin:10px auto;letter-spacing:2px}
.left_down_wrap a {width:100%;height:51px;line-height:51px;font-size:20px;color:#fff;display:block;border-radius:0;margin-top:10px}
.left_down_wrap a:hover {opacity:.85}
.left_down_wrap a i {margin:10px 8px 0 30px;float:left}
.left_down_android {background:#6faf2a}
.left_down_android i {background:url(../images/ind_icon_android-f759818723.png) no-repeat;width:27px;height:33px}
.left_down_ios {background:#4a586e}
.left_down_ios i {background:url(../images/ind_icon_ios-6199f4de9c.png) no-repeat;width:27px;height:33px}
.left_down_wrap a span {float:left}
.left_down_pc {background:-webkit-gradient(linear,left top,left bottom,from(#80caff),to(#40a2ff));background:-webkit-linear-gradient(top,#80caff,#40a2ff);background:-o-linear-gradient(top,#80caff,#40a2ff);background:linear-gradient(top,#80caff,#40a2ff);text-shadow:0 1px 1px #1a66ad;position:relative;text-align:center}
.left_down_pc i {background:url(../images/ind_icon_pc-b7fa183682.png) no-repeat;width:27px;height:33px;background-size:100%;}
.game-wrapper {padding: 15px;position: relative;}
.game-wrapper h2 {width:100%;height:60px;float:left;margin-top:0px;border-bottom:1px dotted #ccc;font:normal 20px/60px "Microsoft Yahei";color:#76756f;}
.game-wrapper h2 span {font-size:12px;text-transform:uppercase;margin-left:20px;color:#8c8c8c;}
.game-wrapper h2 i {width:30px;height:30px;float:left;margin-top:15px;margin-right:10px;background:url(../images/icon.png) no-repeat;}
.game-wrapper .cont {width:880px;padding-left:20px;}
.game-wrapper .cont a.hot {color:#e83535}
.game-wrapper .cont a {float:left;margin-top:25px;width:100px;height:15px;padding-left:17px;background:url(../images/link-icon.png) 0 -14px no-repeat;font:normal 15px/15px "Microsoft Yahei";color:#2e2e2e;}
.game-wrapper .cont a:hover {background-position:0 0;color:#a01e22;}
.game-wrapper .item {width:100%;float:left;}
.game-wrapper .item b {float:left;width:80px;padding-right:12px;height:30px;background:url(../images/tit.png) no-repeat;margin-top:15px;font:normal 14px/30px "Microsoft Yahei";color:#fff;text-align:center;}
.game-wrapper .item .links {width:780px;float:right;}
.game-wrapper .guide {width:100%;float:left;margin-top:40px;}
.game-wrapper .guide a {width:196px;height:44px;float:left;margin-left:30px;margin-bottom:20px;border:2px solid #76756f;font:normal 14px/44px "Microsoft Yahei";color:#76756f;text-align:center;}
.game-wrapper .guide a:hover {background:#76756f;color:#fff;}




.showContent {
  overflow: hidden;
}
.showContent table {
  border: 1px solid #ddd;      /* 新增：1px 边框 */
  border-collapse: collapse;   /* 新增：合并边框 */
}
.showContent table thead tr:nth-child(2n+1) {
  background-color: #FAFAFA;
}
.showContent table tr {
  height: 40px;
  font-size: 14px;
  color: #666666;
  line-height: 16px;
  font-weight: 400;
}
.showContent table tr:nth-child(2n) {
  background-color: #FAFAFA;
}
.showContent table .head {
  font-size: 14px;
  color: #666666;
  line-height: 16px;
  font-weight: 600;
}
.showContent table th,
.showContent table td {
  padding: 5px;
  border: 1px solid #ddd;
}

.index-focusBox-1SIeS {
    position: relative;
    width: 100%;
    height: 3.49479rem;
}