

/* nav */

.nav_bars { position: absolute; top: 50%; transform: translate(0,-50%) scale(.8); left: 1%; z-index: 10; } 
.nav_bars_item { padding-bottom: 25px; padding-left: 71px; position: relative; } 
.nav_bars_item a { display: block; color: #969391; font-size: 18px; margin-bottom: 5px; } 
.nav_bars_item a.act { color: #d0baa1;   } 
.nav_bars_item a:first-child { font-size: 20px; } 
.nav_bars_item.only a { font-size: 24px; color: #ffc56d; } 




.nav_bars_item.only::after { content: ""; background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/pg_nav_icon.png) no-repeat; width: 23px; height: 23px; position: absolute; left: 26px; top: 6px; opacity: .5; transition:all 0.4s 0.1s ease;} 
.nav_bars_item.only.act::after { content: ""; background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/pg_nav_icon.png) no-repeat; width: 23px; height: 23px; position: absolute; left: 26px; top: 6px; opacity: 1; } 

.nav_bars_item::after { content: ""; background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/pg_nav_bg.png) no-repeat; background-position: 0  0; width: 19px; height: 19px; position: absolute; left: 24px; top: 4px;  } 
.nav_bars_item.act::after {background-position: -32px  0;    } 


a.navbtn{ padding-left: 16px; position: relative;}
.only a.navbtn{ padding-left: 0; }
.nav_bars_item a.navbtn:first-child{padding-left: 0; }

a.navbtn::before{content: ""; background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/pg_nav_bg.png) no-repeat; background-position: -2px  -33px; width: 19px; height: 19px; position: absolute; left: -6px; top: 4px;  }

a.navbtn.act::before{ background-position: -33px -35px;}



 /* top */

 .main-nav { position: absolute; right: 10%; top: 30px; z-index: 10; } 
 .main-nav li { float: left; border-left: 1px solid #fff; } 
 .main-nav li:nth-child(1) { border-left: 0px none; } 
 .main-nav-inner a ,.main-nav-inner p { text-align: center; padding: 0 8px; color:#fff; font-size: 14px; height: 25px; } 
 .main-nav-inner a.n { cursor: default; } 
 
 .wxgzh { position: absolute; top: 38px; left: -6px; display: none; } 
 .wxgzh.ewm { width: 100px; height: 100px; } 
 .wxgzh img { width: 100%; } 
 .main-nav li { position: relative; } 
 
 .wraplogo { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/logo.png) no-repeat; width: 124px; height: 85px; position: absolute; top: 20px; left: 10%; text-indent: -9999px; z-index: 10; } 
