/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@font-face {
	font-family: 'font';
	src: url(https://game.gtimg.cn/images/bns/cp/a20240723hjf/font.otf);
}
/*页面样式*/
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
body{font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';padding-top:42px;text-align:justify;overflow-x:hidden;background:#151616;}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
.wrap,#footer_ied,#afooter,.topbar,ost_box,#ost_box{min-width:1500px;width:100%;}
.container{width:1200px;margin:0 auto;}
.pr{position:relative;}
.pa{position:absolute;}
.hide{display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.fl{float:left;}
.fr{float:right;}
.flex{display: flex; justify-content: space-evenly; }
body { font-family: 'source', -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif; }
/*底部样式*/
/*footer*/
#afooter{background: #000;padding:20px 0;font-size:12px;text-align:center;color:#fefefe;}
#afooter a{color: #fefefe;}
*{outline: none;}
a:hover{filter:contrast(120%)}

/* */
.spr{background: url(//game.gtimg.cn/images/bns/topbar/spr24.png) no-repeat;_background: url(//game.gtimg.cn/images/bns/topbar/spr8.png) no-repeat;}
.logo{height: 104px;width: 150px;top: 42px;left: 0;z-index: 10;text-indent: -9999px;}
.topbar{position:relative;width: 100%;height: 48px;background-repeat: repeat-x;background-position: 0 -104px;z-index:2;}
.topnav{float: left;height: 30px;padding: 10px 0 0 130px;}
.topnav li{float: left;height: 30px;padding: 0 10px;line-height: 27px;background-position: -82px -154px;color: #FFF;}
.topnav a{display: inline-block;zoom: 1;}
.topnav .wechat{font-family: '\5b8b\4f53', tahoma;font-size: 12px;color: #fff;}
.topnav a.game-start{float: right;width:100px;height:24px;line-height: 24px;text-align:center;border:3px solid #6dba18;-webkit-border-radius:15px;border-radius:15px;}
.topnav li:hover .code-wechat{visibility:visible;transform:translateY(0);opacity: 1;}
.code-wechat{position:absolute;padding:3px;top:26px;left:5px;text-align: center;background:#fff;visibility:hidden;transform:translateY(10px);opacity: 0;-webkit-transition: all .3s;transition: all .3s;}
.code-wechat .icon-wechat{display:block;width:95px;height:95px;background-position: 0 -315px;}
.code-wechat .chat-text{display: block;margin-top: 2px;font-size: 12px;font-family: '\5b8b\4f53';line-height: 1.2;}
.login{float: right;padding: 8px 25px 0 0;}
.login-btn{float: right;background-position: 0 -218px;width: 92px;height: 32px;padding-right: 15px;line-height: 30px;text-align: center;}
.login-btn:hover{color:#E82E0F;}
.logout{background-position: 0 -218px;width: 87px;padding-right: 20px;}
.login-text{float: right;color: #fff;font-family: '\5b8b\4f53', tahoma;font-size: 12px;padding: 8px 10px 0 14px;}
.icon-user{background-position: 0 -154px;width: 9px;height: 13px;overflow: hidden;left: 70px;top: 9px;}
.login-text .icon-user{left: 0;top: 9px;}
.icon-out{background-position: -10px -159px;width: 11px;height: 8px;overflow: hidden;left: 60px;top: 11px;}
.topnav li.rborder,.topnav li.rborder .wechat{color: #5b834e;}
.topnav li a{color: #fff;}
.topnav li a:hover{color:#E82E0F;}
.login a{color: #5b834e;}
/* End  */

/* 顶部导航 */
.side_nav{width: 996px;
  height: 265px;
  position: absolute;
  left: 50%;
  bottom: 22px;
  margin-left: -507px;
  z-index: 99;}
.nav_link{display: flex; justify-content: space-evenly; width: 1183px; margin: 14px auto;}
.nav_link a,.tab5{ width: 163px; height: 163px; position: absolute; }
.nav_link a img,.tab5 img{ width: 100%; height: 100%; display: block;animation:fadeInTop 1s 0s ease both;}
.nav_link a.cur{filter: brightness(100%);}

.tab1{left: 0; top: 0;}
.tab2{left: 212px; top: 71px;}
.tab3{left: 424px; bottom: 0;}
.tab4{right:212px; top: 71px;}
.tab5{right: 0; top: 0;}

/* .active{top: 0;} */

/* head */
.wrap{color:#5a0909; text-align: center; font-family: 'font'; font-size: 24px; overflow: hidden;}
.head{height:1080px; background:url(https://game.gtimg.cn/images/bns/cp/a20240723hjf/hd.jpg) no-repeat 50% 0; margin: 0 auto;}
.centent{color:#5a0909; text-align: center; font-family: 'font'; font-size: 24px;background:url(https://game.gtimg.cn/images/bns/cp/a20240723hjf/bg.jpg) no-repeat 50% 0;}

.video_hd { width: 1920px; height: 1080px; position: absolute; top: -5px; left: 50%; margin-left: -960px; }

.top_box1{position: relative; margin: -10px auto; width: 1500px; display: flex; justify-content: space-between; align-items: center;} 
.btn_rule{width:452px;  height:223px; background: url(https://game.gtimg.cn/images/bns/cp/a20240723hjf/rule.png) no-repeat; background-size: 100% auto; }

.prt1{padding-top: 1px; box-sizing: border-box; width: 1500px; margin: 0 auto;}
.prt2{padding-top: 1px; box-sizing: border-box; width: 1500px; margin: 0 auto;}
.prt3{padding-top: 1px; box-sizing: border-box; width: 1500px; margin: 0 auto;}
.tit0{width:1200px; height: auto; margin:3px auto 0px; display: block;}
.txt0{width:1200px; height: auto; margin:3px auto 0px; display: block;}
.p1pic1{width:1256px; height: auto; margin:3px auto 0px; display: block;}
.p1pic2{width:1419px; height: auto; margin:3px 0 0 125px; display: block;}
.p3pic1{width:628px; height: auto;  display: block;}

.p3_box{justify-content: center;}
/* .login{color: #e59842; text-align: center; width: 100%;font-size: 18px;z-index: 11; margin-bottom: 30px;}
.login a{color: #e59842; } */
.prt4{width: 1500px; margin: 0 auto; padding-bottom: 100px;}
.p4pic1{width:1355px; height: auto; margin:3px 0 0 125px; display: block;}


.fInLeft{animation:fadeInLeft 1s 0.4s ease both;}
.fInRight{animation:fadeInRight 1s .2s ease both;}
.fInTop{animation:fadeInTop 1s 0s ease both;}
.an4{animation:fadeInLeft 1s .2s ease both;}
.an5{animation:fadeInRight 1s 0.4s ease both;}   
@keyframes fadeInLeft{
0%{opacity:0;transform:translateX(100px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes fadeInRight{
0%{opacity:0;transform:translateX(-100px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes fadeInTop{
0%{opacity:0;transform:translateY(70px)}
100%{opacity:1;transform:translateY(0)}
}

.slogan{animation:fadeInUp2 1s 0s ease both;}
@keyframes fadeInUp2{
0%{opacity:0;transform:translateY(-100px)}
100%{opacity:1;transform:translateY(0)}
}
.btn_vd{ top:314px; left:50%;    transform: translateX(-380%); background: url(https://game.gtimg.cn/images/bns/cp/a20240723hjf/btn_v1.png) no-repeat; background-size: 100% auto; width: 77px; height: 77px;transition: all .5s; -webkit-transition: all .5s;}

.pop_box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;}
.pop_content{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);-webkit-animation:showzs .6s ease both;}

/* 视频弹窗 */
.pop_vid {width:850px;height:480px;background-color:#333;outline:none;z-index:999; border-radius: 10px;}
#pop_videos{width:850px;height:480px;position:absolute;left:0;top:0;z-index:999;}
.pop_close {display:block;position:absolute;right:-47px;top:-50px; color: #fff; font-size: 50px; }

.ts{width:850px;height:480px;line-height: 430px; text-align: center; color: #fff;font-size: 24px;}