/* 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;}
  h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
  q:before,q:after{content:'';}
  fieldset,img,abbr,acronym{border:0;}
  
  /* basic */
  .c:before,.c:after{content:"";display:table;}
  .c:after{clear:both;}
  .c{zoom:1;}
  html,body {width: 100%;height: 100%;}
  body{font:12px/1.5 '\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5b8b\4f53',sans-serif,'Microsoft Yahei';}
  a {text-decoration:none;transition: filter 0.2s;}
  a:hover{text-decoration:none;filter: brightness(110%);}
  .dnfact_navbg,.ost,#afooter,body,.wrap{min-width:1200px !important;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1202?'1200px':'');}
  .ost_bg{background: #fff !important;}
  .hide{display:block;width:0;height:0;overflow:hidden;}
  .pr{position:relative;}
  .pa{position:absolute;}
  .db{display:block;text-indent:-9999em;font-size: 0;}
  .fl{float:left;}
  .fr{float:right;}
  :focus{outline: none;}
  /* footer */
  #afooter{text-align:center;line-height:20px;color:#eee;background-color:#000000;padding:20px 0;width: 100%;}
  #afooter a{ color:#eee;}
  /* ost */

/*style*/
body,html {
	width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;background: #000;
}
.main {
	width: 100%;height: 100%;overflow: hidden;position: relative;margin: auto;
}
.scene {
	width: 100%;height: 100%;overflow: hidden;position: relative;
}
.container{
	position: absolute;top: 50%;margin-top: -720px;width: 2560px;height: 1440px;left: 50%;margin-left: -1280px;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;background-repeat: no-repeat;background-position: 50% 0;box-sizing: border-box;
}
.icon {
	display: block;background: no-repeat 0 0/100% auto;
}
.left-top {
	width: 650px;height: 150px;position: absolute;left: 0;top: 0;z-index: 9;-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;
}
.logo {
	width: 126px;height: 111px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/logo.png);position: absolute;left: 60px;top: 35px;text-indent: -9999px;z-index: 9;
}
.left-nav {
	width: 340px;height: 20px;display: flex;justify-content: space-between;align-items: center;position: absolute;left: 280px;top: 65px;z-index: 9;
}
.left-nav a {
	text-indent: -9999px;
}
.nav-rating {
	width: 37px;height: 18px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/nav_rating.png);
}
.nav-conception {
	width: 36px;height: 18px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/nav_conception.png);
}
.nav-gameplay {
	width: 36px;height: 17px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/nav_gameplay.png);
}
.nav-news {
	width: 36px;height: 17px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/nav_news.png);
}
.nav-media {
	width: 37px;height: 18px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/nav_media.png);
}

.right-top {
	width: 1040px;height: 130px;position: absolute;right: 0;top: 0;z-index: 9;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;
}
.right-nav {
	width: 1000px;height: 115px;display: flex;justify-content: flex-end;align-items: center;position: absolute;right: 40px;top: 15px;z-index: 9;
}
.nav-wish {
	width: 320px;height: 93px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/nav_wish.png);margin: 15px 0 0 25px;flex: 0 0 auto;
}
.nav-order {
	width: 342px;height: 115px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/nav_order.png);margin-left: 25px;flex: 0 0 auto;
}
.nav-isorder {
	width: 342px;height: 115px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/nav_isorder.png);margin-left: 25px;flex: 0 0 auto;
}
.login-wrap {
    flex:auto;height: 115px;line-height: 115px;color: #dbdbdb;font-size: 20px;text-align: right;
}
.login-wrap a,.login-wrap .bd {
    color: #b55856;
}
.left-bot {
	width: 180px;height: 104px;position: absolute;left: 0;bottom: 0;z-index: 9;-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;
}
.btn-faq {
	width: 180px;height: 104px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_faq.png);position: absolute;left: 0px;bottom: 0px;text-indent: -9999px;z-index: 9;
}
.icon-scroll {
    width: 238px;height: 21px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/icon_scroll.png);position: absolute;left: 50%;bottom: 30px;margin-left: -119px;z-index: 5;
}
.right-bot {
	width: 100px;height: 300px;position: absolute;right: 0;bottom: 0;z-index: 9;-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;
}
.focus-nav {
	width: 37px;height: 300px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;position: absolute;right: 40px;bottom: 45px;z-index: 9;
}
.bgm-buttons {
	width: 31px;height: 34px;
}
.bgm-buttons a {
	width: 31px;height: 34px;
}
.btn-bgmon {
	background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/bgm_off.png);
}
.btn-bgmoff {
	background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/bgm_on.png);
}
.focus-tit {
	width: 37px;height: 38px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/focus.png);
}
.focus-bd {
	width: 25px;height: 1px;background: #505050;
}
.btn-bili {
	width: 31px;height: 29px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_bili.png);
}
.btn-wx {
	width: 35px;height: 28px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_wx.png);position: relative;
}
.btn-wx::after {
	display: block;content: '';width: 257px;height: 257px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/sph.png);position: absolute;left: -280px;bottom: 0;z-index: 9;display: none;
}
.btn-wx:hover::after {
	display: block;
}
.btn-dnf {
	width: 35px;height: 33px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_dnf.png);position: relative;
}
.btn-dnf::after {
	display: block;content: '';width: 257px;height: 257px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/xzs.png);position: absolute;left: -280px;bottom: 0;z-index: 9;display: none;
}
.btn-dnf:hover::after {
	display: block;
}
.nav-link {
	width: 316px;height: 229px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/lay0115.png);position: absolute;right: 120px;bottom: 35px;
}
.nav-mini {
	width: 318px;height: 214px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_mini.png);position: absolute;right: 120px;bottom: 35px;
}
.nav-mini::after {
	display: block;content: '';width: 300px;height: 300px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/mini_qr.png) no-repeat 0 0/100% auto;position: absolute;left: 15px;top: -350px;display: none;
}
.nav-mini:hover::after {
	display: block;
}

.bg-video {
    width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;z-index: 0;background: #000;
}
.bgv {
	width: 100%;height: auto;
}



/* @font-face {
    font-family: 'source';
    src: url('https://game.gtimg.cn/images/dnf/act/a20221124dnf/font.ttf');
    font-weight: normal;
    font-style: normal;
} */
/* .swiper-pagination-vertical.swiper-pagination-bullets.page-pagination {width: 260px;height: 959px;background: url(https://game.gtimg.cn/images/dnf/act/a20221124dnf/nav_border.png) no-repeat left top;position: fixed;left: 54px;top: 50%; z-index: 99;display: flex;flex-direction: column;justify-content: center;margin-top: -485px;transform: translate3d(0,0,0);transform-origin: left center;}
.page-pagination  a {display: block;width: 222px;height: 51px;text-indent: -9999px;background: no-repeat 23px center;opacity: 1;border: 0;border-radius: 0;}
.page-pagination .swiper-pagination-bullet-active {width: 222px;background-position: left center;}
.swiper-pagination-vertical.swiper-pagination-bullets.page-pagination .swiper-pagination-bullet {margin: 29px 0 29px 25px;}
.page-pagination .nav0 {background-image: url(https://game.gtimg.cn/images/dnf/act/a20221124dnf/nav_home.png);}
.page-pagination .nav1 {background-image: url(https://game.gtimg.cn/images/dnf/act/a20221124dnf/nav_explore.png);}
.page-pagination .nav2 {background-image: url(https://game.gtimg.cn/images/dnf/act/a20221124dnf/nav_highlights.png);}
.page-pagination .nav3 {background-image: url(https://game.gtimg.cn/images/dnf/act/a20221124dnf/nav_media.png);}
.page-pagination .nav0.swiper-pagination-bullet-active {background-image: url(https://game.gtimg.cn/images/dnf/act/a20221124dnf/nav_homeon.png);}
.page-pagination .nav1.swiper-pagination-bullet-active {background-image: url(https://game.gtimg.cn/images/dnf/act/a20221124dnf/nav_exploreon.png);}
.page-pagination .nav2.swiper-pagination-bullet-active {background-image: url(https://game.gtimg.cn/images/dnf/act/a20221124dnf/nav_highlightson.png);}
.page-pagination .nav3.swiper-pagination-bullet-active {background-image: url(https://game.gtimg.cn/images/dnf/act/a20221124dnf/nav_mediaon.png);} */

/* index */
.index {
	background: #000 url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/bg_index.jpg) no-repeat center/auto 100%;
}
.index-content {
	width: 650px;position: absolute;left: 50%;top: 50%;margin: -325px 0 0 210px;
}
.slogan {
	width: 557px;height: 345px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/slogan.png);margin: 0 auto;opacity: 0;text-indent: -9999px;
}
.index-play {
	width: 238px;height: 92px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/index_play.png);margin: 60px auto 0;opacity: 0;
}
.index-order {
	width: 650px;height: 196px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/index_order.png);margin: 0 auto;opacity: 0;
}
.index-isorder {
	width: 535px;height: 131px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/index_isorder.png);margin: 0 auto;opacity: 0;display: none;
}

@keyframes fadeInUp{
	from{transform: translateY(200px);opacity: 0;}
	to{transform: translateY(0);opacity: 1;}
}

.cn_active .slogan {animation:fadeInUp 0.8s 0.8s ease both;}
.cn_active .index-play {animation:fadeInUp 0.8s 0.9s ease both;}
.cn_active .index-order{animation:fadeInUp 0.8s 1s ease both;}
.cn_active .index-isorder{animation:fadeInUp 0.8s 1s ease both;}

/* rating */
.rating {
	background: #000;
}
.rating-tit {
	width: 239px;height: 39px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/rating_tit.png);position: absolute;left: 50%;top: 50%;margin: -380px 0 0 -120px;opacity: 0;
}
.rating-content {
	width: 1980px;height: 455px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/ratings.png);position: absolute;left: 50%;top: 50%;margin: -260px 0 0 -940px;opacity: 0;
}
.rating-mask {
	width: 100%;height: 607px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/rating_mask.png) repeat-x center;position: absolute;left: 0;bottom: 0;z-index: 1;
}


.cn_active .rating-tit {animation:fadeInUp 0.8s 0.8s ease both;}
.cn_active .rating-content {animation:fadeInUp 0.8s 0.9s ease both;}

/* conception */
.conception {
	background: #000;
}
.conception-video {
    width: 100%;height: 120.8%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;z-index: 0;background: #000;transition: transform 4s;-webkit-transition: transform 4s;
}
.conception-video.showOn {
    transform: translateY(-20.8%);-webkit-transform: translateY(-20.8%);
}
.conv {
	width: auto;height: 100%;
}
.conception-world {
	width: 710px;height: 64px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/conception_world.png);position: absolute;left: 50%;top: 50%;margin: -390px 0 0 -750px;z-index: 9;
}

.conception-khazan {
	width: 710px;height: 69px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/conception_khazan.png);position: absolute;left: 50%;top: 50%;margin: 240px 0 0 20px;z-index: 9;
}
.conception-world a,.conception-khazan a {
	display: block;width: 100%;height: 100%;position: relative;z-index: 9;text-indent: -9999px;
}
.conception-world .on {
	display: block;width: 26px;height: 662px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/conception_world_on.png);position: absolute;left: 195px;top: -110px;
}
.conception-world .desc {
	display: block;width: 230px;height: 174px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/conception_world_desc.png);position: absolute;left: 250px;top: 95px;
}
.conception-khazan .on {
	display: block;width: 26px;height: 662px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/conception_khazan_on.png);position: absolute;left: 485px;top: -490px;
}
.conception-khazan .desc {
	display: block;width: 403px;height: 128px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/conception_khazan_desc.png);position: absolute;left: 50px;top: -160px;
}
.conception-world.showOn {
	animation:conMoveDown 0.8s ease both;-webkit-animation:conMoveDown 0.8s ease both;
}
.conception-world.showOff {
	animation:conMoveUp 0.8s ease both;-webkit-animation:conMoveUp 0.8s ease both;
}
.conception-khazan.showOn {
	animation:conMoveUp 0.8s ease both;-webkit-animation:conMoveUp 0.8s ease both;
}
.conception-khazan.showOff {
	animation:conMoveDown 0.8s ease both;-webkit-animation:conMoveDown 0.8s ease both;
}
.conception-world .on,.conception-khazan .on,.conception-world .desc,.conception-khazan .desc {
	opacity: 0;-webkit-transition: opacity 2s;transition: opacity 2s;
}
.conception-world.showOn .on,.conception-khazan.showOn .on,.conception-world.showOn .desc,.conception-khazan.showOn .desc {
	opacity: 1;
}
.conception-world.showOn a,.conception-khazan.showOn a {
	display: none;
}
@keyframes conMoveUp {
	from{transform: translateY(130px);-webkit-transform: translateY(130px);}
	to{transform: translateY(0);-webkit-transform: translateY(0);}
}
@keyframes conMoveDown {
	from{transform: translateY(0);-webkit-transform: translateY(0);}
	to{transform: translateY(130px);-webkit-transform: translateY(130px);}
}
.khazan {
	width: 952px;height: 982px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/khazan.png);position: absolute;left: 50%;bottom: 0;margin: -240px 0 0 -825px;transform: translateY(1500px);-webkit-transform: translateY(1500px);z-index: 1;
}
.rock {
	width: 100%;height: 1311px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/rock.png) no-repeat center;position: absolute;left: 0;bottom: 0;margin-top: -560px;transform: translateY(1500px);-webkit-transform: translateY(1500px);
}
.khazan.showOn,.rock.showOn {
	animation:khazanMoveUp 3s ease both;-webkit-animation:khazanMoveUp 3s ease both;
}
.khazan.showOff,.rock.showOff {
	animation:khazanMoveDown 3s ease both;-webkit-animation:khazanMoveDown 3s ease both;
}
.rocket {
	width: 255px;height: 623px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/rocket.png);position: absolute;left: 50%;top: 50%;margin: -160px 0 0 245px;z-index: 2;
}
.rocket.showOn {
	animation:rocketMoveUp 3s ease both;-webkit-animation:rocketMoveUp 3s ease both;
}
.rocket.showOff {
	animation:rocketMoveDown 3s ease both;-webkit-animation:rocketMoveDown 3s ease both;
}
@keyframes khazanMoveUp {
	from{transform: translateY(1500px);-webkit-transform: translateY(1500px);}
	to{transform: translateY(0);-webkit-transform: translateY(0);}
}
@keyframes khazanMoveDown {
	from{transform: translateY(0);-webkit-transform: translateY(0);}
	to{transform: translateY(1500px);-webkit-transform: translateY(1500px);}
}
@keyframes rocketMoveUp {
	from{transform: translateY(0);-webkit-transform: translateY(0);}
	to{transform: translateY(-350px);-webkit-transform: translateY(-350px);}
}
@keyframes rocketMoveDown {
	from{transform: translateY(-350px);-webkit-transform: translateY(-350px);}
	to{transform: translateY(0);-webkit-transform: translateY(0);}
}

/* gameplay */
.gameplay {
	background: #000 no-repeat center / cover;
}
.btn-prev {
	width: 479px;height: 91px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_prev_hover.png) no-repeat left;position: absolute;left: 0;top: 50%;margin-top: -45px;z-index: 9;text-indent: -9999px;
}
.btn-prev:hover {
	/* background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_prev_hover.png); */
}
.btn-next {
	width: 479px;height: 91px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_next_hover.png) no-repeat right;position: absolute;right: 0;top: 50%;margin-top: -45px;z-index: 9;text-indent: -9999px;
}
.btn-next:hover {
	/* background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_next_hover.png); */
}
.gameplay-desc {
	width: 650px;height: 170px;position: absolute;left: 50%;top: 50%;margin: 160px 0 0 -325px;
}
.gameplay-desc span {
	margin: auto;
}
.gameplay-desc1 {
	width: 604px;height: 167px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/gameplay_desc1_2503.png);
}
.gameplay-desc2 {
	width: 622px;height: 165px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/gameplay_desc2_2503.png);
}
.gameplay-desc3 {
	width: 480px;height: 201px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/gameplay_desc3_2503.png);
}
.gameplay-desc4 {
	width: 621px;height: 167px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/gameplay_desc4_2503.png);
}
.gameplay-desc5 {
	width: 621px;height: 167px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/gameplay_desc5_2503.png);
}
.gameplay-video {
	width: 100%;height: 100%;
}
.videomask-top {
	width: 100%;height: 380px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/video_mask_top.png) no-repeat center;position: absolute;left: 0;top: 0;z-index: 1;
}
.videomask-bot {
	width: 100%;height: 607px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/video_mask_bot.png) no-repeat center;position: absolute;left: 0;bottom: 0;z-index: 1;
}

.cn_active .gameplay-desc {animation:fadeInUp 0.8s 0.8s ease both;}

/* news */
.news {
	background: #000 url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/bg_news.jpg) no-repeat center / cover;
}
.news-title {
	width: 140px;height: 39px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/news_title.png);position: absolute;left: 50%;top: 50%;margin: -340px 0 0 -47px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.news-more {
	width: 560px;height: 58px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/news_more.png);position: absolute;left: 50%;top: 50%;margin: 280px 0 0 -280px;
}
.news-content {
	width: 2400px;height: 400px;overflow: hidden;position: absolute;left: 50%;top: 50%;margin: -200px 0 0 -900px;
}
.news-scroll {
	width: 1800px;height: 400px;
}
.news-list {
	height: 400px;
}
.news-list .news-slide {
	width: 600px;height: 400px;
}
.news-list .out-slide {
	opacity: 0.5;
}
.news-block {
	width: 577px;height: 400px;margin: 0 auto;
}
.news-link {
	width: 100%;height: 100%;display: block;padding-top: 12px;
}
.news-link:hover {
	background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/news_hover.png) no-repeat center top;
}
.news-link span {
	display: block;
}
.news-image {
	width: 550px;height: 249px;overflow: hidden;margin: 0 auto;
}
.news-image img {
	width: 100%;height: 100%;transform-origin: center;-webkit-transform-origin: center;transition: transform 0.8s;-webkit-transition: transform 0.8s;
}
.news-link:hover .news-image img {
	transform: scale(1.2);-webkit-transform: scale(1.2);
}
.news-tit {
	width: 520px;height: 40px;line-height: 28px;font-size: 24px;color: #fff;margin: 22px auto 0;
}
.news-border {
	width: 519px;height: 1px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/news_border.png) no-repeat;
}
.news-date {
	width: 520px;height: 22px;line-height: 22px;font-size: 20px;color: #828282;margin: 18px auto 0;
}

.pop-news {
    width: 1400px;height: 1330px;position: absolute;left: 50%;bottom: 0;margin-left: -700px;display: flex;flex-direction: column;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;
}
.popnews-space{
    width: 100%;height: 110px;flex: 0 0 auto;
}
.news-buttons {
    width: 134px;height: 300px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;position: absolute;left: 50%;top: 50%;margin: -50px 0 0 750px;
}
.news-close {
    width: 134px;height: 92px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/pop_close.png);
}
.news-prev {
    width: 93px;height: 93px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/news_prev.png);
}
.news-next {
    width: 93px;height: 93px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/news_next.png);
}

.news-wrap {
    width: 100%;flex: auto;display: flex;flex-direction: column;
}
.news-sample {
    width: 100%;height: auto;
}
.news-detail {
    width: 100%;flex: auto;display: flex;flex-direction: column;background: #efefef url(//game.gtimg.cn/images/kazan/act/a20241207index/m/news_bg.png) no-repeat right bottom/100% auto;
}
.detail-top {
    width: 1280px;height: 110px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/newsdetail_border.png) no-repeat center bottom;flex: 0 0 auto;display: flex;margin: auto;
}
.detail-tit {
    display: block;height: 110px;line-height: 110px;font-size: 30px;color: #111;
}
.detail-date {
    display: block;height: 110px;line-height: 122px;font-size: 20px;color: #828282;margin-left: 40px;overflow: hidden;
}

/* 滚动条整体 */
.news-detail ::-webkit-scrollbar {
	/* height: 20px; */
	width: 6px;
}
/* 两个滚动条交接处 -- x轴和y轴 */
.news-detail ::-webkit-scrollbar-corner {
	background-color: transparent;
}

/* 滚动条滑块 */
.news-detail ::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #a9a9a9;
}

/* 滚动条轨道 */
.news-detail ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #e7e7e7;
}

.detail-content {
    width: 95%;height: 0;flex: auto;overflow-y: auto;margin: auto;
}
.detail-text {
    width: 1280px;padding: 40px 0;font-size: 20px;line-height: 30px;color: #3e3e3e;margin: 0 auto;
}
.detail-text p {
	padding: 10px 0;
}
.detail-text img,.detail-text table,.detail-text iframe {
    max-width: 100%;
}
/* media */
.media {
	background: #000;
}
.media-bg {
	width: 100%;height: 100%;background: #000 url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/bg_media.jpg) no-repeat center / cover;
}
.media-mask {
	width: 100%;height: 100%;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/media_alpha.png) no-repeat center / cover;opacity: 0.3;
}
.media-nav {
	width: 640px;height: 40px;position: absolute;left: 50%;top: 50%;margin: -340px 0 0 -780px;overflow: hidden;z-index: 9;
}
.medianav-scroll {
	/* width: 800px;height: 100%;margin-left: -160px; */
	width: 800px;height: 100%;margin-left: -160px;
}
.medianav-list {
	width: 100%;height: 100%;
}
.medianav-list .medianav-slide {
	width: 160px;height: 100%;display: flex;justify-content: center;align-items: flex-end;
}
.medianav-list .medianav-slide .icon {
	transition: transfrom 0.3s;-webkit-transition: transfrom 0.3s;transform-origin: center bottom;-webkit-transform-origin: center bottom;
}
.medianav-list .medianav-slide.swiper-slide-active .icon {
	transform: scale(1.6);-webkit-transform: scale(1.6);
}
.media-nav1 {
	width: 52px;height: 25px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/medianav_video.png);
}
.media-nav2 {
	width: 51px;height: 25px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/medianav_screenshot.png);
}
/* .media-nav3 {
	width: 52px;height: 25px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/medianav_wallpaper.png);
} */
.media-nav3 {
	width: 52px;height: 25px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/medianav_art.png);
}
.medianav-prev {
	display: block;width: 200px;height: 100%;position: absolute;left: 0;top: 0;z-index: 9;
}
.medianav-next {
	display: block;width: 360px;height: 100%;position: absolute;right: 0;top: 0;z-index: 9;
}

.media-video {
	width: 1045px;height: 590px;background: #000;position: absolute;left: 50%;top: 50%;margin: -250px 0 0 -440px;display: none;
}
.media-video.showOn {
	display: block;animation:videoMoveLeftt 0.5s ease both;-webkit-animation:videoMoveLeftt 0.5s ease both;
}
.media-video .video-con {
	width: 100%;height: 100%;
}
.media-video .btn-play {
	width: 92px;height: 92px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_play.png);position: absolute;left: 50%;top: 50%;margin: -46px 0 0 -46px;
}
.media-video .pop-close {
	margin-left: 580px;;
}
.lay .media-video {
	display: block;
}

.media-pic {
	width: 1400px;height: 800px;position: absolute;left: 50%;top: 50%;margin: -300px 0 0 -500px;
}
.media-pic a {
	display: block;width: 100%;height: 100%;cursor: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_mouse.png),auto;
}

.media-content {
	width: 360px;height: 1166px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/media_mask.png) no-repeat right center;position: absolute;left: 50%;top: 50%;margin: -583px 0 0 -900px;overflow: hidden;-webkit-mask: linear-gradient(transparent 0%, black 10%, black 90%, transparent 100%);mask: linear-gradient(transparent 0%, black 10%, black 90%, transparent 100%);
}
.media-scroll {
	width: 345px;height: 1330px;position: absolute;left: 0;top: -177px;display: none;
}
.media-scroll.showOn {
	display: block;animation:mediaMoveRight 0.5s ease both;-webkit-animation:mediaMoveRight 0.5s ease both;
}
.media-prev {
	display: block;width: 100%;height: 400px;position: absolute;left: 0;top: 190px;z-index: 9;
}
.media-next {
	display: block;width: 100%;height: 600px;position: absolute;left: 0;top: 750px;z-index: 9;
}
.media-hover {
	width: 345px;height: 154px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/media_hover.png);position: absolute;left: 0;top: 588px;z-index: 5;
}
.media-list {
	width: 100%;height: 100%;
}
.media-list .media-slide {
	width: 345px;height: 190px;display: flex;justify-content: center;align-items: center;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;
}
.media-list .near-slide {
	/* opacity: 0.9; */
}
.media-list .out-slide {
	opacity: 0.5;
}
.media-image {
	width: 345px;height: 154px;display: flex;justify-content: center;align-items: center;
}
.media-image img {
	display: block;width: 340px;height: 150px;
}
.media-tit {
	width: 340px;height: 44px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/mediaicon_videotit.png) no-repeat center/100% 44px;color: #fff;font-size: 18px;line-height: 44px;text-indent: 25px;position: absolute;left: 50%;bottom: 20px;margin-left: -170px;
}
.media-tit::after {
	content: '';display: block;width: 11px;height: 12px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/mediaicon_play.png);position: absolute;right: 15px;top: 16px;
}

@keyframes mediaMoveRight {
	from{transform: translateX(-100px);-webkit-transform: translateX(-100px);opacity: 0;}
	to{transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}
}
@keyframes videoMoveLeftt {
	from{transform: translateX(50px);-webkit-transform: translateX(50px);opacity: 0;}
	to{transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}
}

/*foot*/
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
  height: auto !important;
}
.foot {
  height: 200px !important;
  overflow: hidden;
}
.zoomclass {
	height: 200px;background-color: #000;display: flex;flex-direction: column;justify-content: center;
}
/*footlink*/
.foot_cpright {
  width: 1400px;margin: 0 auto;padding: 30px 20px 15px !important;
}
.footlink {
	width: 100%;height: 200px;background: #151223 url(//game.gtimg.cn/images/mdnf/web202004/index/bg_link.jpg) no-repeat top;overflow: hidden;
}

.foot-p {
	width: 412px;height: 200px;color: #fff;text-align: right;font-size: 16px;position: absolute;top: 60px;left: 50%;margin-left: -206px;
}
.foot_links .copyright_txt {
	font-size: 12px!important;
}

.foot-p .font-line {
	display: block;width: 406px;height: 18px;background-position: 44px -71px;margin-top: 17px;
}
.nexon {
  width: 105px !important; height: 30px !important; background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/nexon.png) no-repeat 0 0;
}
.neople {
  width: 122px !important; height: 67px !important; background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/neople.png) no-repeat 0 0;margin-top: -10px !important;
}

/* faq */
.faq {
	width: 924px;height: 100%;position: fixed;left: 0;top: 0;background:#efefef url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/faq_bg.png) no-repeat right bottom/100% auto;z-index: 99;transform: translateX(-2000px);-webkit-transform: translateX(-2000px);opacity: 0;
}
.faq.showOn {
	animation:faqMoveRight 0.5s ease both;-webkit-animation:faqMoveRight 0.5s ease both;
}
.faq.showOff {
	animation:faqMoveLeft 0.5s ease both;-webkit-animation:faqMoveLeft 0.5s ease both;
}
.faq-logo {
	width: 126px;height: 111px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/logo.png);position: absolute;left: 60px;top: 35px;text-indent: -9999px;
}
.faq-close {
	width: 180px;height: 104px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/faq_close.png);position: absolute;left: 0;bottom: 0;z-index: 9;
}
.faq-content {
	width: 730px;height: 70%;position: absolute;left: 60px;top: 15%;padding-right: 100px;overflow-y: auto;overflow-x: hidden;
}
.faq-info {
	width: 690px;height: 200px;line-height: 50px;margin-left: 40px;font-size: 18px;color: #3e3e3e;
}
.faq-q {
	width: 100%;height: 50px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/faq_q.png) no-repeat left center;line-height: 50px;color: #3e3e3e;font-size: 18px;text-indent: 26px;margin-top: 60px;
}
.faq-a {
	width: 100%;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/faq_a.png) no-repeat left top;line-height: 37px;color: #b55856;font-size: 18px;padding-left: 26px;
}
/* 滚动条整体 */
.faq ::-webkit-scrollbar {
	/* height: 20px; */
	width: 6px;
}
/* 两个滚动条交接处 -- x轴和y轴 */
.faq ::-webkit-scrollbar-corner {
	background-color: transparent;
}

/* 滚动条滑块 */
.faq ::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #a9a9a9;
}

/* 滚动条轨道 */
.faq ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #e7e7e7;
}
@keyframes faqMoveRight {
	from{transform: translateX(-2000px);-webkit-transform: translateX(-2000px);opacity: 0;}
	to{transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}
}
@keyframes faqMoveLeft {
	from{transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}
	to{transform: translateX(-2000);-webkit-transform: translateX(-2000px);opacity: 0;}
}

/* lottery */
.lottery {
	width: 100%;height: 100%;background: #000 url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/bg_lottery.jpg) no-repeat center/cover;position: absolute;left: 0;top: 0;z-index: 10;
}
.btn-lotteryreturn {
	width: 481px;height: 93px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_return.png);position: absolute;left: 0;top: 170px;
}

.lottery-maintit {
	width: 1259px;height: 66px;;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/lottery_maintit.png);position: absolute;left: 50%;top: 50%;margin: -310px 0 0 -490px;text-indent: -9999px;
}

.lottery-buttons {
	width: 574px;height: 50px;display: flex;justify-content: space-between;align-items: center;position: absolute;left: 50%;top: 50%;margin: -195px 0 0 -490px;
}
.btn-lotteryrule {
	width: 171px;height: 50px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_rule.png);
}
.btn-lotteryrecord {
	width: 171px;height: 50px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_award.png);
}
.btn-lotteryinfo {
	width: 171px;height: 50px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_bindinfo.png);
}

.lottery-wrap {
    width: 582px;position: absolute;left: 50%;top: 50%;margin: -150px 0 0 -489px;
}
.lottery-content {
	width: 576px;height: 308px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/lottery_table.png);margin: 0 auto 30px;position: relative;
}
.lottery-startbutton {
	width: 582px;height: 97px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_lottery.png);
}
.btn-lottery {
	width: 100%;height: 100%;position: relative;z-index: 5;
}
.lottery-info {
    width: 100%;height: 55px;font-size: 20px;line-height: 55px;color: #fff;display: flex;justify-content: center;align-items: center;
}

.lottery-tit {
	width: 436px;height: 69px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/lottery_tit.png);position: absolute;left: 50%;top: 50%;margin: -275px 0 0 133px;
}
.btn-lotteryrefresh {
	width: 171px;height: 50px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_refresh.png);position: absolute;left: 50%;top: 50%;margin: -190px 0 0 597px;
}
.lottery-tips {
	width: 396px;height: 52px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/lottery_tips.png);position: absolute;left: 50%;top: 50%;margin: -195px 0 0 133px;text-indent: -9999px;
}

.lottery-bd {
	width: 629px;height: 3px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/lottery_border.png);position: absolute;left: 50%;top: 50%;margin: -95px 0 0 133px
}

.lottery-mission {
	width: 630px;position: absolute;left: 50%;top: 50%;margin: -50px 0 0 133px;
}
.lottery-mission ul {
	width: 100%;height: 100%;
}
.lottery-mission li {
	width: 100%;height: 50px;margin-bottom: 30px;display: flex;justify-content: space-between;align-items: center;
}
.mission-info,.mission-tips {
	width: 330px;height: 50px;line-height: 50px;font-size: 20px;color: #fff;display: flex;justify-content: space-between;align-items: center;
}
.mission-tips {
	width: 100%;
}
.btn-reserveOfficial {
	width: 171px;height: 50px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_ordergame.png);
}
.btn-reserveWeGame {
	width: 171px;height: 50px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_toorder.png);
}
.btn-followOfficialCommunity {
	width: 171px;height: 50px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_tofo.png);
}
.btn-getTaskReward {
	width: 171px;height: 50px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_getcount.png);
}
.lottery-mission .off {
	width: 171px;height: 50px;pointer-events: none;cursor: default;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_isfinish.png);

}

/* pop */
.lay {
	width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0.85);z-index: 999;
}
.lay.showOn {
	display: block;
}
.pop {
	-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;
}
.pop-pic {
	width: 70%;height: 70%;display: flex;justify-content: center;align-items: center;position: absolute;left: 15%;top: 15%;overflow: hidden;
}
.pop-pic img {
	display: block;width: 100%;height: auto;cursor: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/btn_close.png),auto;transform-origin: center;-webkit-transform-origin: center;
}
.lay.showOn .pop-pic img {
	animation:picImage 0.5s ease both;-webkit-animation:picImage 0.5s ease both;
}
.wallpaper-download {
	width: 1200px;height: 58px;position: absolute;left: 50%;bottom: 64px;margin-left: -600px;z-index: 9;justify-content: space-between;align-items: center;transform-origin: center bottom;-webkit-transform-origin: center bottom;display: none;
}
.lay.showOn .wallpaper-download {
	animation:picDown 1.5s ease both;-webkit-animation:picDown 1.5s ease both;
}
.btn-wd {
	width: 560px;height: 58px;line-height: 58px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/gallery_download.png);font-size: 18px;color: #c5c5c5;text-indent: 193px;
}
@-webkit-keyframes picImage{
	0%{-webkit-transform:scale(0.01);transform:scale(0.01)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes picDown{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.pop-order {
    width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;
}
.pop-logo {
    width: 148px;height: 130px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/pop_logo.png);flex: 0 0 auto;
}
.pop-order .form {
    width: 580px;height: 180px;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;margin-top: 50px;flex: 0 0 auto;
}
.pop-order .form input:focus {
    outline: 0;
}
.pop-order .form .phone input,.pop-order .form .code input {
    height: 76px;border: 0;text-indent: 40px;line-height: 76px;color: #ccc;font-size: 24px;background: none;
}
.pop-order .form .phone {
    width: 578px;height: 76px;margin-bottom: 20px;background: #000;border: 1px #333 solid;
}
.pop-order .form .phone input {
    width: 100%;
}
.pop-order .form .code {
    width: 580px;height: 84px;display: flex;justify-content: space-between;align-items: center;
}
.pop-order .form .code .input-code {
    width: 338px;height: 76px;background: #000;border: 1px #333 solid;
}
.pop-order .form .code .input-code input {
    width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.pop-order .form input[type="number"] {
  -moz-appearance: textfield;
}
.btn-code {
    width: 216px;height: 84px;text-align: center;line-height: 84px;font-size: 24px;color: #ccc;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/m/btn_send.png);
}
.btn-code.gray-dom {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.pop-order .agree {
    width: 100%;height: 30px;margin-top: 40px;display: flex;justify-content: center;align-items: center;flex: 0 0 auto;
}
.radio-agree {
    display: block;height: 30px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/m/radio.png) no-repeat left center/20px 20px;border-radius: 0;text-indent: 32px;font-size: 24px;color: #ccc;line-height: 30px;
}
input[type="radio"]:checked + .radio-agree {
    background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/m/radio_on.png);
}
.pop-order .text {
    width: 580px;color: #8c8c8c;font-size: 24px;line-height: 42px;margin-top: 20px;
}
.pop-order .text a {
    color: #8c8c8c;
}
.btn-order {
    width: 535px;height: 131px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/m/btn_order.png);margin-top: 35px;flex: 0 0 auto;
}
.btn-order-new {
    width: 535px;height: 131px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/btn-bind.png);margin-top: 35px;flex: 0 0 auto;
}
.pop-close {
    width: 134px;height: 92px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/pop_close.png);position: absolute;left: 50%;top: 50%;margin: -160px 0 0 380px;
}
.tit-unbind {
    width: 156px;height: 37px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/m/tit_unbind.png);margin-top: 45px;flex: 0 0 auto;
}
.btn-submit {
    width: 535px;height: 131px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/m/btn_submit.png);margin-top: 35px;flex: 0 0 auto;
}
.bind-success {
    width: 480px;height: 106px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/m/bind_success.png);
}
.unbind-success {
    width: 480px;height: 106px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/m/unbind_success.png);
}
#popBindSuccess,#popUnindSuccess {
    cursor: pointer;
}

/* lottery pop */
.lottery-pop {
	position: absolute;left: 50%;top: 50%;width: 920px;margin-left: -460px;
}
.lottery-pop .pop-close {
	margin: 0 0 0 475px;top: 50px;
}
.pop-bindinfo {
	height: 559px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/pop_bindinfo.png);margin-top: -280px;
}
.bind-info {
	width: 670px;margin: 105px auto 0;
}
.form-item {
	width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 20px;
}
.form-item:last-child {
	margin-bottom: 0;
}
.form-label {
	width: 150px;height: 50px;line-height: 50px;font-size: 24px;color: #3e3e3e;
}
.bindinfo-input {
	width: 478px;height: 48px;line-height: 48px;border: 1px #535050 solid;font-size: 18px;color: #111;padding: 0 20px;background: none;
}
.bindinfo-text {
	width: 478px;height: 118px;line-height: 48px;border: 1px #535050 solid;font-size: 18px;color: #111;padding: 0 20px;background: none;
}
.bindinfo-selects {
	width: 520px;height: 50px;display: flex;justify-content: space-between;
}
.form-select {
	width: 164px;height: 48px;line-height: 48px;border: 1px #535050 solid;font-size: 18px;color: #111;text-indent: 20px;background: none;
}

.btn-bindinfoconfirm {
	width: 287px;height: 85px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/btn_confirm.png);margin: 20px auto 0;
}


.pop-record {
	height: 559px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/pop_myaward.png);margin-top: -280px;
}
.award-record {
	width: 662px;height: 391px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/myaward_table.png) no-repeat;margin: 105px auto 0;overflow: hidden;
}
.record-tit {
	width: 100%;height: 50px;line-height: 50px;display: flex;justify-content: space-between;align-items: center;
}
.record-name,.record-time {
	height: 100%;font-size: 20px;color: #3e3e3e;text-align: center;white-space: nowrap;
}
.record-name {
	width: 280px;
}
.record-time {
	width: 300px;
}
.record-list {
	width: 660px;margin: 4px auto 0;
}
.record-list li {
	width: 100%;height: 42px;line-height: 42px;display: flex;justify-content: space-between;align-items: center;
}
.record-list li:nth-child(2n) {
	background: rgba(200, 200, 200, 0.8);
}
.record-prev {
    width: 93px;height: 93px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/news_prev.png);position: absolute;left: 50%;top: 157px;margin-left: 516px;
}
.record-next {
    width: 93px;height: 93px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/news_next.png);position: absolute;left: 50%;top: 259px;margin-left: 516px;
}

.pop-rule {
	height: 559px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/pop_rule.png);margin-top: -280px;
}
.rule-text {
	width: 800px;height: 400px;margin: 110px auto 0;font-size: 20px;color: #3e3e3e;line-height: 30px;overflow-y: auto;padding: 0 20px;
}
.rule-text p {
	padding: 10px 0;
}
.rule-text img {
	width: 100%;height: auto;
}
/* 滚动条整体 */
.pop-rule  ::-webkit-scrollbar {
	/* height: 20px; */
	width: 6px;
}
/* 两个滚动条交接处 -- x轴和y轴 */
.pop-rule  ::-webkit-scrollbar-corner {
	background-color: transparent;
}

/* 滚动条滑块 */
.pop-rule  ::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #a9a9a9;
}

/* 滚动条轨道 */
.pop-rule  ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #e7e7e7;
}

.pop-msg {
	height: 294px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/pop_msg.png);margin-top: -147px;
}
.pop-text {
	width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 30px;font-weight: bold;color: #111;white-space: pre-wrap;
}

.pop-fo {
	height: 432px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/lottery/pop_fo.png);margin-top: -216px;
}
.fo-list {
	width: 760px;height: 250px;margin: 120px auto 0;display: flex;justify-content: space-between;
}
.fo-block {
	width: 200px;height: 250px;
}
.fo-block img {
	width: 200px;height: 200px;display: block;
}
.fo-block span {
	display: block;width: 100%;height: 50px;line-height: 50px;font-size: 20px;color: #3e3e3e;text-align: center;
}

/*动画*/
/* @-webkit-keyframes videobtn{
	0%{-webkit-transform:scale(0.95);transform:scale(0.95)}
	100%{-webkit-transform:scale(1.04);transform:scale(1.04)}
}
@-webkit-keyframes bgbig{
	0%{-webkit-transform:scale(1.05);transform:scale(1.05)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes nextanim{0% {transform: translateY(-15px);opacity: 0;}50% {transform: translateY(10px);opacity: 1;}100% {transform: translateY(-15px);opacity: 0;}}

@keyframes flipInX{
	0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}
	40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
	60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
	80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
	to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes fadeInUp{
	from{transform: translateY(200px);opacity: 0;}
	to{transform: translateY(0);opacity: 1;}
}

.cn_active .tit-index {animation:fadeInUp 0.8s 0.8s ease both;}
.cn_active .timeline{animation:fadeInUp 0.8s 0.9s ease both;}
.cn_active .icon-pendant{animation:fadeInUp 0.8s 1s ease both;}
.cn_active .icon-pendant2{animation:fadeInUp 0.8s 1.1s ease both;}
.cn_active .video-pendant{animation:fadeInUp 0.8s 1.2s ease both;}

.cn_active .tit-explore {animation:fadeInUp 0.8s 0.8s ease both;}
.cn_active .block1{animation:fadeInUp 0.8s 1s ease both;}
.cn_active .block2{animation:fadeInUp 0.8s 1.1s ease both;}

.cn_active .tit-highlights {animation:fadeInUp 0.8s 0.8s ease both;}
.cn_active .highlights-pagination{animation:fadeInUp 0.8s 1s ease both;}
.cn_active .highlights-swiper{animation:fadeInUp 0.8s 1.1s ease both;}

.cn_active .tit-meida {animation:fadeInUp 0.8s 0.8s ease both;}
.cn_active .media1{animation:fadeInUp 0.8s 1s ease both;}
.cn_active .media2{animation:fadeInUp 0.8s 1.1s ease both;} */

/* seo */
.sh {
	position: absolute;left: -9999px;
}