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

@font-face{ font-family:"MyWebFont"; src:url(../fonts/fz.ttf) format("truetype"); font-weight:normal; font-style:normal;}

#body{ background:#e4e4d0 url(../images/indexcont.jpg) no-repeat center 0; background-size: 100% auto;}
#body.indexPage{
  min-height:calc(56.25vw + 3110px);
  background-color:#f5f0d8;
  background-image:url(../images/index1.jpg),url(../images/index2.jpg),url(../images/index3.jpg);
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position:center top,center calc(56.25vw - 10px),center 86.25vw;
  background-size:100% auto,100% calc(30vw + 10px),100% auto;
}
#body.indexPage .indexScaleLayer{ position:relative; width:100%; min-height:inherit; transform:scale(var(--index-scale,1)); transform-origin:center top;}
#body.indexPage .indexSecondTitle{ display:block; position:absolute; top:1070px; left:50%; z-index:8; width:681px; height:169px; transform:translateX(-50%);}
#body.indexPage .indexInfoPanel{ position:absolute; top:calc(var(--index3-top,1766px) + 180px); left:calc(50% + 30px); z-index:7; width:1160px; min-height:400px; padding:30px 0 44px; box-sizing:border-box; background:transparent; color:#343434; font-family:"MyWebFont","Microsoft YaHei","微软雅黑",Arial,sans-serif; transform:translateX(-50%);}
.indexInfoHeading{ margin:0 0 22px; color:#d7433f; font-size:35px; font-weight:700; line-height:48px; text-align:center;}
.indexInfoTips{ display:block; margin:0 0 30px; padding:0 0 24px; border-bottom:0;}
.indexInfoTips p{ margin:0 0 8px; color:#343434; font-size:20px; line-height:30px; text-align:center;}
.indexInfoColumns{ display:block;}
.indexInfoColumns > div{ width:100%;}
.indexInfoGroup{ margin:0 0 30px;}
.indexInfoGroup h3{ margin:0 0 8px; color:#4f81bd; font-size:20px; font-weight:700; line-height:30px; text-align:center;}
.indexInfoGroup p{ margin:0; color:#343434; font-size:20px; line-height:30px; text-align:center;}
.indexInfoCentered{ text-align:center; font-size:22px !important; line-height:33px !important;}
.indexInfoImage{ display:block; width:auto; max-width:100%; height:auto; margin:12px auto 24px;}
.indexInfoCenteredImageWrap{ display:flex; position:relative; align-items:center; justify-content:center; width:0; max-width:calc(100% - 32px); height:auto; margin:0 auto 12px; padding:0; box-sizing:border-box; overflow:hidden; font-size:22px; line-height:33px;}
.indexInfoCenteredImage{ display:block; position:absolute; inset:0; z-index:0; width:100%; max-width:none; height:100%; margin:0; object-fit:fill;}
.indexInfoCenteredImageWrap span{ display:block; position:relative; z-index:1; color:#fff7d8; font-size:1em; font-weight:700; line-height:1.5em; text-align:center; text-shadow:0 1px 2px rgba(72,20,12,.7); white-space:nowrap;}
@media screen and (max-width:1300px){
  #body.indexPage .indexInfoPanel{ width:calc(100% - 32px);}
}
#content1{ width:1000px; margin:0 auto;height:auto!important; height:1200px; min-height:1000px;}

.oneBar{ width:1000px; height:620px; position:relative}
.logo1{ width:243px; height:127px; background:url(../images/idnexlogo.jpg) no-repeat; position:absolute; top:0;left:343px; text-indent:-9999px}
.logo1 a{ width:243px; height:127px; display:block}
/*flash*/
.leftFlash{ width:272px; height:253px; padding-top:46px; margin-left:-28px; position:absolute;}
/*新闻*/
#news{ width:1280px; height:402px; position:absolute; top:0; left:50%; z-index:12; transform:translateX(-50%);}
#body.indexPage #news{ top:779px;}

.traitOl{ padding-top:45px;}
.traitOl ul{ background:none; width:496px; height:43px; padding-top:12px; padding-left:23px;}

.indexRela .traitOl li{ float:left; height:33px; width:60px;cursor:pointer; background:url(../images/indexbg.jpg) no-repeat -333px -509px; text-indent:-9999px;}

.indexRela .traitOl #traitLi1_2{background-position: -333px -509px}
.indexRela .traitOl #traitLi1_2.hover{background-position: -333px -617px;}


.indexRela .traitOl #traitLi1_3{ background-position: -333px -545px}
.indexRela .traitOl #traitLi1_3.hover{background-position: -333px -653px;}

.indexRela .traitOl #traitLi1_4{ background-position: -333px -581px;}
.indexRela .traitOl #traitLi1_4.hover{background-position: -333px -689px;}

.indexRela { position:relative;}
.indexRela  .abs{height:22px; width:70px; overflow:hidden; line-height:33px;  text-align:right;font-family:"宋体"; position: absolute;top:63px; right:0;}
.traitTabCont{ width:471px; padding:8px 16px 0 25px;height:191px;background:url(../images/newsc.jpg) no-repeat right bottom; background-size: 100% 350px; overflow: visible;}
.topNewsLayout{ display:flex; align-items:flex-start; gap:30px; width:1280px; height:402px; padding-top:4px; box-sizing:border-box;}
#body.indexPage .topNewsLayout{ transform:translateY(80px);}
.featureBanner{ position:relative; flex:0 0 700px; height:394px; overflow:visible; box-sizing:border-box; background:transparent;}
.featureBanner:after{ position:absolute; top:50%; left:50%; z-index:5; width:708px; height:402px; background:url(../images/news_border.png) no-repeat center/100% 100%; content:""; transform:translate(-50%,-50%); pointer-events:none;}
.featureSlides{ position:absolute; inset:0; z-index:1; overflow:hidden; border-radius:20px; background:#fff;}
.featureSlide{ display:block; visibility:hidden; position:absolute; inset:0; opacity:0; transition:opacity .45s ease;}
.featureSlide.active{ visibility:visible; opacity:1;}
.featureSlide img{ display:block; width:100%; height:100%; object-fit:cover;}
.featureBannerCopy{ position:absolute; bottom:32px; left:50%; z-index:6; transform:translateX(-50%);}
.featureViewButton{ display:block; min-width:210px; margin:0; padding:8px 24px; border:2px solid rgba(255,255,255,.82); border-radius:24px; outline:0; box-sizing:border-box; background:rgba(104,190,213,.94); color:#fff; cursor:pointer; font-family:"Microsoft YaHei",sans-serif; font-size:18px; font-weight:bold; line-height:24px; text-align:center; text-shadow:0 1px 2px rgba(34,98,116,.45); box-shadow:0 2px 6px rgba(48,117,135,.35);}
.featureViewButton:hover{ background:rgba(83,176,201,.98);}
.featureViewButton:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7),0 2px 6px rgba(48,117,135,.35);}
.featureBannerCopy span{ display:none;}
.featureBannerCopy em{ display:inline-block; margin-top:14px; padding:8px 22px; border-radius:20px; background:#d94a32; color:#fff7e7; font-size:14px; font-style:normal; box-shadow:0 2px 5px rgba(73,21,10,.35);}
.featureDots{ display:flex; position:absolute; bottom:9px; left:50%; z-index:6; gap:16px; transform:translateX(-50%);}
.featureDot{ display:block; width:50px; height:8px; margin:0; padding:0; border:0; border-radius:5px; outline:0; background:rgba(255,255,255,.58); box-shadow:0 0 0 1px rgba(255,255,255,.35) inset; cursor:pointer;}
.featureDot:hover,.featureDot.active{ background:#fff;}
.newsPanel{ flex:0 0 550px; min-width:0; height:394px; overflow:hidden; padding:0; border-radius:0; box-sizing:border-box; background:transparent; box-shadow:none;}
.newsPanelHeader{ display:flex; position:relative; align-items:center; height:44px; padding-bottom:6px; border-bottom:2px solid rgba(189,164,96,.58); box-sizing:border-box;}
.newsTabs{ display:flex; align-items:center; gap:4px; margin:0; padding:0;}
.newsTab{ display:flex; align-items:center; justify-content:center; width:88px; height:36px; color:#333; cursor:pointer; font-size:20px; line-height:36px;}
.newsTab.active,.newsTab:hover{ color:#fff; background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position:0 -258px; background-size:386px 329px;}
.newsMore{ display:block; width:26px; height:26px; margin-left:auto; overflow:hidden; background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position:-358px -143px; background-size:386px 329px; font-size:0;}
.featuredNews{ display:flex; align-items:center; gap:24px; min-height:119px; padding:16px 0; border-bottom:1px dashed #ccc; box-sizing:border-box; color:inherit; cursor:default;}
.featuredNews img{ flex:0 0 180px; width:180px; height:86px; border-radius:10px; object-fit:cover;}
.featuredNewsText{ display:block; min-width:0;}
.featuredNewsText strong{ display:block; overflow:hidden; color:#bda460; font-size:18px; line-height:26px; text-overflow:ellipsis; white-space:nowrap;}
.featuredNewsText em{ display:-webkit-box; overflow:hidden; margin-top:12px; color:#999; font-size:16px; font-style:normal; line-height:24px; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.newsCategoryList{ display:none; height:231px; margin:0; padding:0;}
.newsCategoryList.active{ display:flex; flex-direction:column;}
.newsCategoryList li{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; flex:1; max-height:50px; box-sizing:border-box; cursor:default;}
.newsCategoryList li+li{ border-top:1px dashed #e5e7e8;}
.newsCategoryList b{ display:flex; align-items:center; overflow:hidden; color:#bfa46c; font-size:18px; line-height:22px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.newsCategoryList b:after{ display:block; width:1px; height:16px; margin-left:6px; background:#bfa46c; content:"";}
.newsCategoryList span{ overflow:hidden; padding:0 12px; color:#777; font-size:16px; line-height:22px; text-overflow:ellipsis; white-space:nowrap;}
.newsCategoryList time{ color:#bbb; font-size:16px; text-align:right;}
.featureLightbox{ display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center; padding:48px; box-sizing:border-box; background:rgba(0,0,0,.86);}
.featureLightbox.open{ display:flex;}
.featureLightbox img{ display:block; max-width:calc(100vw - 96px); max-height:calc(100vh - 96px); object-fit:contain; box-shadow:0 10px 35px rgba(0,0,0,.55);}
.featureLightboxClose{ display:flex; position:fixed; top:22px; right:28px; align-items:center; justify-content:center; width:44px; height:44px; margin:0; padding:0; border:1px solid rgba(255,255,255,.65); border-radius:50%; outline:0; background:rgba(0,0,0,.45); color:#fff; cursor:pointer; font-family:Arial,sans-serif; font-size:34px; line-height:40px;}
.featureLightboxClose:hover{ background:rgba(255,255,255,.2);}
body.featureLightboxOpen{ overflow:hidden;}
#indexDown{ position:absolute; top:335px; right:0; z-index:13; float:none; margin-right:0; padding-top:0;}
#body.indexPage #indexDown{ top:-400px;}
#body.indexPage .sjBanner{ position:absolute; top:0; left:50%; width:480px; height:55px; margin-left:-240px; overflow:hidden;}
#body.indexPage .sjBanner:before{ position:absolute; top:50%; left:50%; z-index:1; width:330px; height:31px; border-radius:2px; background:rgba(226,190,111,.97); content:""; transform:translate(-50%,-50%);}
#body.indexPage #dynamicOpenTime{ position:absolute; top:50%; left:50%; z-index:2; width:330px; color:#5c3912; font-family:"Microsoft YaHei", "微软雅黑", sans-serif; font-size:18px; font-weight:700; line-height:31px; text-align:center; white-space:nowrap; transform:translate(-50%,-50%);}
#body.indexPage .rightBut .download{ background-image:none; width:281px; height:121px; padding:0;}
#body.indexPage .rightBut .download a{ width:281px; height:121px; margin-left:0;}
#body.indexPage .rightBut .download{ margin-right:8px;}
#body.indexPage .rightBut .newhand{ background-image:none; width:152px; height:121px;}
#body.indexPage .rightBut .newhand a{ width:152px; height:121px; margin-left:0;}
#body.indexPage .rightBut .newhand{ margin-right:8px;}
#body.indexPage .rightBut .register,
#body.indexPage .rightBut .recharge{ background-image:none;}
#body.indexPage .rightBut .register,
#body.indexPage .rightBut .recharge{ width:139px; height:57px;}
#body.indexPage .rightBut .register a,
#body.indexPage .rightBut .recharge a{ width:139px; height:57px; margin-left:0;}
#body.indexPage .rightBut .recharge{ position:relative; left:-139px; top:61px;}
.traitTabCont ul li{ height:22px; line-height:22px;}
.traitTabCont h2{ background:url(../images/ico2.jpg) no-repeat left center;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:395px; padding-left:10px;}
.traitTabCont span{ float:right;}
/*下载指南充值注册*/
#indexDown{ width:215px; height:260px; padding-top:69px; margin-right:10px;}
/*第二栏*/
/*第三栏*/
.left_three_bar{ width:260px; height:auto;}
	/*推荐*/
#advise{ width:260px; height:203px; background:url(../images/indexbg.jpg) no-repeat left top;text-align:center; }
#advise p{ line-height:20px; color:#d5e5ae; padding-top:55px; height:85px;}
	/*合作媒体*/
#media{ width:234px; height:265px;padding:54px 0 0 26px; background:url(../images/indexbg.jpg) no-repeat left -206px;}
#media img{ margin-bottom:5px; border:solid 1px #a39e8a}
	/*合作工会*/
#union{ width:235px; height:148px; padding:52px 0 0 25px; background:url(../images/indexbg.jpg) no-repeat left -528px;}
#union li a { width:88px; height:33px; border:solid 1px #a39e8a; padding:1px; background:#000; float:left; margin:4px 7px 4px 6px; }
#union li img{ width:88px; height:33px;}
.middle_three_bar{ width:525px; height:auto;}
/*常见问题*/
#cjwt{ width:235px; height:200px; padding:0px 0 0 25px; background:url(../images/cjwt.jpg) no-repeat;}
#cjwt h1{ text-align:right; height:52px; line-height:52px; margin-right:20px; font-size:12px; font-weight:normal}
#cjwt h1 a{color:#D5E5AE}
#cjwt p{ padding-left:5px; line-height:22px; color:#D5E5AE}
#cjwt p a{color:#D5E5AE;background:url(../images/ico20.jpg) no-repeat left center; padding-left:5px;}
	/*职业介绍*/
#vocation{ }
#union_img{ height:136px;}

/*门派介绍*/
.mpjsTab{width:525px; height:217px;background:url(../images/indexbg.jpg) no-repeat -270px top;}
.mpjsTab ol { margin:0 0 0 23px; padding-top:11px;}
.mpjsTab ol li{ float:left; height:30px; width:80px; cursor:pointer; text-indent:-9999px; background:url(../images/indexbg.jpg) no-repeat -482px -500px; margin-bottom:4px;}
.mpjsTab #mpjsTab1_1.hover{ background-position:-399px -500px;}

.mpjsTab #mpjsTab1_2{ background-position:-482px -533px}
.mpjsTab #mpjsTab1_2.hover{ background-position:-399px -533px;}

.mpjsTab #mpjsTab1_3{ background-position:-482px -566px}
.mpjsTab #mpjsTab1_3.hover{ background-position:-399px -566px;}

.mpjsTab #mpjsTab1_4{ background-position:-482px -599px}
.mpjsTab #mpjsTab1_4.hover{ background-position:-399px -599px;}

.mpjsTab #mpjsTab1_5{ background-position:-482px -632px}
.mpjsTab #mpjsTab1_5.hover{ background-position:-399px -632px;}

.mpjsTab #mpjsTab1_6{ background-position:-482px -665px}
.mpjsTab #mpjsTab1_6.hover{ background-position:-399px -665px;}


.mpjsCont dl dd,.mpjsCont dl dt{ float:left}
.mpjsCont dl dd,.mpjsCont dl dd img{ width:170px; height:167px;}
.mpjsCont dl dt{ position:relative; width:318px; height:162px; overflow:hidden; color:#d5e5ae; line-height:24px; padding-top:10px; padding-left:15px}
.mpjsCont dl dt a{ color:#d5e5ae}
.mpjsCont dl dt p{ text-indent:24px;}
.mpjsCont .but{ position:absolute;bottom:7px; left:12px;}
.mpjsCont .but a{ display:block; width:120px; height:36px; float:left; margin-right:10px; }
/*游戏资料*/
/*#gameinfo{ height:354px; margin-bottom:10px;}*/
#gameinfo{  margin-bottom:10px;}
#gameinfo h1{ height:40px; padding-top:16px; padding-right:6px;background:url(../images/indexbg.jpg) no-repeat -270px -220px;}
#gameinfo table{ width:505px; margin:0 auto; background:#e4e4d0}
#gameinfo table td{ line-height:24px;background:url(../images/bor2.jpg) repeat-x left bottom; padding-left:14px;}
#gameinfo table th{ width:100px; font-weight:normal}
.zl1{ background:url(../images/zl1.jpg) no-repeat right top;height:64px;}
.zl2{ background:url(../images/zl2.jpg) no-repeat right top;height:130px;}
.zl3{ background:url(../images/zl3.jpg) no-repeat right top;height:40px;}
.zl4{ background:url(../images/zl4.jpg) no-repeat right top;height:64px;}
	/* 我要打宝*/
.my{ width:250px; height:251px; background:#cdcdbb; padding-top:9px;}
.my h2{ text-align: center}
.my h2 img{ border:solid 1px #e6e6dd; width:228px; height:68px;}
.my ul{ width:230px; margin:0  auto 6px auto}
.my ul li{ height:30px; line-height:28px; background:url(../images/bor.jpg) no-repeat left bottom; padding-left:6px;}
.my ul li span{ height:30px;line-height:28px; _height:24px;_padding-top:6px; display:inline-block; float:right; text-align:left; margin-right:7px; color:#a80000}
.my ul li span img{ margin-right:1px;}
.more{ width:50px; height:20px; line-height:20px; float:right; margin-right:12px;}
.more a{display:inline-block; color:#FFF; width:50px; height:20px; text-align:center; background:url(../images/indexbg.jpg) no-repeat -270px -613px;}
	/*游戏美图*/
.gamePhoto{ width:508px; height:118px;background:url(../images/indexbg.jpg) no-repeat -270px -279px; padding:58px 0 0 17px;}
.gamePhoto ul li{ float:left; margin-right:2px; display:block; width:162px; height:105px;}

.right_three_bar{ width:215px; height:auto;}


.jqqd{display:block; width:203px; height:83px; position:absolute; top:10px; left:10px; z-index:111; background:url(../images/tm.gif) no-repeat}