/*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,i{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;}

/*页面样式*/
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
body {font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif;padding-top:42px;text-align:justify;background-color:#08163c;overflow-x:hidden;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
.wrap,#footer_ied {min-width:1200px;width:100%;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1202?'1200px':'');}

.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;}
:focus{outline: none;}
.t{text-indent:-999em;overflow:hidden;display:block;}
.clear:after {content: "";display: block;clear: both;zoom: 1;}
.hidden{display: none;}

/*footer*/
.footer_cn{background: none !important;}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section{height: auto !important;}
#afooter{height: 160px;text-align:center; line-height:20px;color: #fff;background-color: #000000;padding: 20px 0;}
#afooter a{color: #fff;}

/*Global topbar for bns*/
.top-nav{width:100%;height:87px;text-align:left;position:absolute;background-color:#232323;min-width:1200px;z-index:100;left:0;top:42px}
.topbox{width:1200px;margin:0 auto;position:relative}
.top-nav .logobox{width:310px;line-height:1.6;float:left;padding-top:14px;background:url(//game.gtimg.cn/images/cfm/web201606/top-sp.png) 0 75px no-repeat;height:105px}
.top-nav .logo{float:left;padding:0 18px 0 28px}
.top-nav .logobox strong{display:block;padding-top:3px;font-size:16px;font-weight:700;color:#fff}
.top-nav .txt{font-size:12px;color:#5c5c5c}
.top-nav .navlist{position:absolute;top:0;right:0}
.top-nav .item{width:169px;float:right}
.gamedown{background:url(//game.gtimg.cn/images/cfm/cp/a20191106years/btn1.png) no-repeat;width:185px;height:60px;display:block;margin-top:14px}

.logo_box{width: auto; height: auto; left: 54px; top: 160px; z-index: 10}

.sp,.fc_nav .on{background: url(//game.gtimg.cn/images/cfm/cp/a20191106years/sprite.png) no-repeat;}
body{box-sizing: border-box;background: url(//game.gtimg.cn/images/cfm/cp/a20191106years/bg_all.jpg) no-repeat; background-size: 100% 100%;}
.container {width:1200px;height: 770px;margin:0 auto;position: absolute; top: 50%; left: 50%; margin: -370px auto auto -600px;}
.section{overflow: hidden;position: relative;}

.pagenation{width:23px; height: 115px; position: absolute; left: 75px; top:50%; margin-top: -55px; }
.pagenation .cur_page{width: 24px; height: 22px; line-height: 22px; font-size: 22px; color: #3f88ea; top:0; left: 0; text-align: center;}
.pagenation .max_page{width: 24px; height: 22px; line-height: 22px; font-size: 22px; color: #3f88ea; bottom: 0; left: 0; text-align: center;}
.pagenation i{display: inline-block;width: 11px; height: 22px; font-style: italic;}
.pagenation .page_split{width: 24px; height: 22px; top:50%; margin-top:-11px; left: 0px; background-position:-93px -1971px;}

/*首页*/
.section0{overflow:hidden;position: relative; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg_p0.jpg") no-repeat top center; background-size: 100% 100% !important;}
.section0 .slogan_bg{width: 1893px; height: 783px; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/slogan_bg.png") no-repeat bottom; bottom: -95px; left: 50%; margin-left: -947px;}
.section0 .slogn{width: 674px; height: 438px; bottom:100px; left: 50%; margin-left: -337px; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/slogan.png") no-repeat top center; z-index: 1;}
.section0 .slogn em{display: block;width: 674px; height: 438px;text-indent:-999em; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/slogan.png") no-repeat top center; }
.section0 .title{width: 453px; height: 108px; bottom:60px; left: 50%; margin-left: -227px; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/slogan-title.png") no-repeat top center;  z-index: 1;}
.section0 .btn-play-video{width: 68px; height: 80px; bottom:330px; left: 50%; margin-left: 276px;z-index: 2; cursor: pointer; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/btn-play.png") no-repeat;}
.section0 .xdzy-img{width: 98px; height: 77px; top:181px; left: 50%; margin-left: 186px;z-index: 1; }
.section0 .pop_nav{left:50px; position: absolute; }
.section0 .pop_nav1{width: 229px; height: 210px; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg_p1_pop1.png") no-repeat; top: 50%; margin-top: -180px; z-index: 2; }
.section0 .pop_nav2{width: 289px; height: 239px; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg_p1_pop2.png") no-repeat; top: 50%; margin-top: 70px; z-index: 2; }
.section0 .btn_pop_close{width: 35px; height: 36px; position: absolute;  right: -6px; top: -6px; background-position: 0 -1974px;}
.section0 .pop_nav1 .gift_img{margin:30px auto 0 ; display: block; width: 154px; height: 127px;}
.section0 .pop_nav2 .gift_img{margin:45px auto 0; display: block; width: 290px; height: 133px;}
.section0 .gift_info{display: block; font-size: 18px; color: #fff; text-align: center; }
.section0 .pop_nav2 .gift_info{margin-top: 5px;}
.section0 .swiper-bg{width: 100%; height: 100%; background: #00ffea; position: relative;}
.section0 .swiper-section0-bg{width: 100%; height: 100%;}
.section0 .swiper-section0-bg .swiper-slide{}
.section0 .swiper-section0-bg .swiper-slide .slide-bg-1{ width: 100%; height: 100%; background:#fff url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg-1.png") no-repeat center top; background-size: cover;}
.section0 .swiper-section0-bg .swiper-slide .slide-bg-2{ width: 100%; height: 100%; background:#fff url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg-2.png") no-repeat center top; background-size: cover;}
.section0 .swiper-section0-bg .swiper-slide .slide-bg-3{ width: 100%; height: 100%; background:#fff url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg-3.png") no-repeat center top; background-size: cover;}

    /*第一屏*/
.section1{overflow:hidden;position: relative;}
.down_icon{width: 36px;height: 94px;background-position: -213px -387px;position: absolute;bottom: 60px;left: 50%;margin-left: -18px; cursor: pointer; z-index: 999;}
.section1 .title{width: 991px; height: 110px; background-position: 0 -520px; margin:0 auto; position: absolute;top: 10px;left: 50%;margin-left: -495px;}
.p1_con{width: 1200px; height: 690px; top: 87px; left: 50%; margin-left: -600px; position: relative;}
.p1_con .p1_left{width: 649px; height: 687px; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/p1_l.png"); position: absolute; top:-7px; left: 15px; }
.p1_con .p1_right{width: 630px; height: 687px;  position: absolute; top:0; left: 470px; top: 108px;}
.p1_con ul li{width: 289px; height: 260px; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg_p1_gift.png") no-repeat; margin:0 0 43px 25px; float: left; position: relative;}
.p1_con .gift_box{width: 289px; height: 260px; text-align: center;}
.p1_con .gift_label{ top:-20px; left: -18px; position: absolute;}
.p1_con .gift_label1{width: 132px; height: 70px; background-position: -213px 0;}
.p1_con .gift_label2{width: 161px; height: 70px; background-position: -390px 0;}
.p1_con .gift_label3{width: 132px; height: 70px; background-position: -599px 0;}
.p1_con .gift_label4{width: 228px; height: 70px;background-position: -781px 0;}
.p1_con .gift_img{margin:0 auto;}
.p1_con .gift_img_01{top:-65px; right: -15px;}
.p1_con .gift_img_02,.gift_img_03{margin-top: 80px;}
.p1_con .gift_img_04{margin-top: 55px; margin-left: 12px;}
.p1_con .gift_img_05{margin-top: 43px; margin-left: 7px;}
.p1_con .gift_img_06{margin-top: 43px; margin-left: 7px;}
.p1_con .gift_info{font-size: 18px; color: rgb(25, 241, 255); position: absolute; bottom:30px; display: block; width: 248px; line-height: 20px; text-align: center; left: 50%; margin-left: -124px;}


/*第二屏*/
.section2{overflow:hidden;}
.section2 .title{width: 822px; height: 169px; background-position: 0 -1231px; margin:0 auto; position: absolute;top: 50px;left: 50%;margin-left: -320px;}
.p2_con{width: 1200px; height: 690px; top: 97px; left: 50%; margin-left: -600px; position: relative;}
.p2_con .role{width: 682px; height: 859px;  top:-95px; left: 45px; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/p2_role.png") no-repeat; position: absolute; z-index: 1;}
.p2_con .role_tag{width: 292px; height: 120px; position: absolute;left:50px; bottom: 45px; background-position: -411px -387px;}
.p2_con .gift_con{width: 708px; height: 476px; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg_p3_gift_con.png")no-repeat; position: absolute; top:107px; left: 355px; }
.p2_con .gift_box_1{width: 284px; height: 188px; text-align: center; position: absolute; left: 12px; top:3px;}
.p2_con .gift_box_1 .gift_img{width: 282px; height: 186px;}
.p2_con .gift_name{display: block; position: absolute; width: 175px; height: 34px;  line-height: 34px; font-size: 18px; color:#dbc9f9;}
.p2_con .gift_box_1 .gift_name{bottom: 0px; left: 0; background-position: -735px -388px;}
.p2_con .gift_box_2{width: 400px; height: 121px; text-align: center; position: absolute; left: 293px; top:5px;}
.p2_con .gift_box_2 .gift_img{width: 328px; height: 95px; margin-top: 20px;}
.p2_con .gift_box_2 .gift_name{top: 0px; right: 0;  background-position: -735px -441px; }
.p2_con .gift_box_3{width: 395px; height: 133px; text-align: center; position: absolute; left: 12px; top:199px;}
.p2_con .gift_box_3 .gift_img{width: 328px; height: 95px; margin-top: 20px;}
.p2_con .gift_box_3 .gift_name{bottom: 0px; left: 0;  background-position: -735px -388px; }
.p2_con .gift_box_4{width: 395px; height: 127px; text-align: center; position: absolute; left: 12px; top:337px;}
.p2_con .gift_box_4 .gift_img{width: 328px; height: 95px; margin-top: 20px;}
.p2_con .gift_box_4 .gift_name{bottom: 0px; left: 0;  background-position: -735px -388px; }
.p2_con .gift_box_5{width: 400px; height: 133px; text-align: center; position: absolute; left: 293px; top:135px;}
.p2_con .gift_box_5 .gift_img{width: 328px; height: 95px; margin-top: 20px;}
.p2_con .gift_box_5 .gift_name{top: 0px; right: 0;  background-position: -735px -441px; }
.p2_con .gift_box_6{width: 284px; height: 192px; text-align: center; position: absolute; left: 409px; top:276px;}
.p2_con .gift_box_6 .gift_img{width: 284px; height: 186px; margin-top: 20px;}
.p2_con .gift_box_6 .gift_name{top: 0px; right: 0;  background-position: -735px -441px; }

    /*第三屏*/
.section3{}
.section3 .title{width: 1174px; height: 143px; background-position: 0 -655px; margin:0 auto; position: absolute;top: 50px;left: 50%;margin-left: -587px;}
.p3_con{width: 1000px; height: 417px; top: 250px; left: 50%; margin-left: -500px; position: relative;}
.p3_con .gift_con{width: 492px; height: 180px; text-align: center; position: relative;}
.p3_con .gift_con1{float: left;}
.p3_con .gift_con2{float: right;}
.p3_con .gift_title{width: 375px; height: 52px; top:-36px; left: 50%; margin-left: -178px;}
.p3_con .gift_con1 .gift_title{background-position: -213px -99px;}
.p3_con .gift_con2 .gift_title{background-position: -654px -99px;}
.p3_con .gift_box{width: 489px; height:310px;background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg_p3_gift.png") no-repeat; position: relative;  }
.p3_con .gift_info{color: #19f1ff; left: 0px; bottom:10px; width: 100%; text-align: center; font-size: 20px; text-shadow: 0px 0px 26.19px rgba(55, 28, 124, 0.4);}
.p3_con .btn_detail{display: none; width: 217px; height: 76px; background-position: -214px -186px; margin-top:30px;}

/*第四屏*/
.section4{}
.section4 .title{width: 1429px; height: 110px; background-position: 0 -802px; margin:0 auto; position: absolute;top: 50px;left: 50%;margin-left: -714px;}
.p4_con{width: 1200px; height: 700px; top: 105px; left: 50%; margin-left: -600px; position: relative;}
.p4_con .img_box{width: 1131px; height: 691px; margin-left: -565px; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg_p4.png") no-repeat; position: absolute; top: 0px; left: 50%; z-index: 1;}
.p4_con .img_link{ position: absolute; top:66px; left: 50%; width: 999px; height: 562px; margin-left: -499px; cursor: pointer; display: block; }

/*第五屏*/
.section5{}
.section5 .title{width: 1115px; height: 110px; background-position: 0 -940px; margin:0 auto; position: absolute;top: 50px;left: 50%;margin-left: -557px;}
.p5_con{width: 1000px; height: 700px; top: 105px; left: 50%; margin-left: -500px; position: relative;}
.p5_con .gift_box{width: 1000px; height: 369px; text-align: center; position: relative;}
.p5_con .gift_label{width: 353px; height: 69px; background-position:-218px -290px; left: 54px; top: 213px;}
.p5_con .gift_dec_box{ width: 754px; height: 221px; background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg_p5_des.png") no-repeat; margin:-35px auto 0;}
.p5_con .gift_dec_title{left: -25px; top:-30px; width: 132px; height: 50px; background-position: -1060px 0;}
.p5_con .dec_list{padding:20px 30px;}
.p5_con .gift_dec ul li{ width: 334px; height: 30px; line-height: 30px; font-size: 16px; color: #b9b2fe; float: left;}


/*第六屏*/
.section6{}
.section6 .title{width: 810px; height: 108px; background-position: 0 -1074px; margin:0 auto; position: absolute;top: 50px;left: 50%;margin-left: -405px;}
.p6_con{width: 1000px; height: 417px; top: 210px; left: 50%; margin-left: -500px; position: relative;}
.p6_con .gift_con{width: 578px; height: 476px; text-align: center; position: absolute; top:0px;}
.p6_con .gift_con1{ left: -0px;}
.p6_con .gift_con2{ left: 500px; z-index: 1;}
.p6_con .gift_con1 .gift_box{width: 578px; height:476px;background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg_p6_gift.png") no-repeat; position: relative; position: absolute;z-index: 1;  }
.p6_con .gift_con2 .gift_box{width: 578px; height:476px;background: url("//game.gtimg.cn/images/cfm/cp/a20191106years/bg_p6_gift2.png") no-repeat; position: relative;  }
.p6_con .gift_img_box{width: 482px; height: 382px; position: absolute; left: 50px; top:49px; z-index: 0;}
.p6_con .gift_img{width: 482px; height: 382px;}
.p6_con .gift_info{color: #19f1ff; left: 0px; bottom:10px; width: 100%; text-align: center; font-size: 20px; text-shadow: 0px 0px 26.19px rgba(55, 28, 124, 0.4);}

/* 右侧导航 */
.menu{position:fixed;right:20px;top:50%;margin-top:-198px;width:234px;}
.menu li{width:200px;height:70px;}
.menu a{display: block;width: 200px;height: 70px;transition: all 0.2s;position: relative;}
.menu a span{display: block; width: 140px; height: 32px; font-size: 18px; color: #3f88ea; position: absolute; top:19px; right: 60px;}
.menu a em{display: block;width: 40px;height: 70px;text-indent:-999em;position: absolute;right: 20px;top: 0px; background-position: -0px -70px;}
.menu a.nav1 em{background-position: 0px -0px;}
.menu a.nav7 em{background-position: 0px -420px;}
.menu .active .nav1 span{color: #00ffea;}
.menu .active a em{background-position: -93px -70px;}
.menu .active .nav1 em{background-position: -93px 0;}
.menu .active .nav7 em{background-position: -93px -420px;}
.menu .active span{color: #00ffea; font-size: 22px;}

/*视频弹窗*/
.pop-video{width:800px;height: 450px;background: rgba(0,0,0,0.75);}
.pop-video .swiper-container { width: 100%; height: 100%;}
.pop-v{width:800px;height: 450px;}
.close-btn{position:absolute;top:0;right:-50px;width:50px;height: 50px;background: rgba(0,0,0,.8);font-size:48px;color:#fff;text-align: center;line-height: 40px;}
.pop-video .swiper-pagination-bullet{background: #fefefe; opacity: 0.95; width: 12px; height: 12px;}
.pop-video .swiper-pagination-bullet-active{background: #007aff; opacity: 0.95;}

/*动画*/
.down_icon{animation:pulse 2s ease-in-out both infinite;}
@keyframes pulse{
    0%{transform:translateY(-5px);}
    50%{transform:translateY(10px);}
    100%{transform:translateY(-5px);}
}
.active .slogn{animation:scaleA .5s 0.2s ease both;}
.active .slogn em{animation:scaleB .4s .6s ease-in both;}
.active .title{animation:scaleA .5s 0.2s ease both;}
@keyframes scaleA{
    0%{opacity:0;transform:scale(1.1,1.1);}
    80%{transform:scale(.9,.9);}
    100%{opacity:1;transform:scale(1,1);}
}
@keyframes scaleB{
    0%{transform:scale(1);opacity:1;}
    100%{transform:scale(2);opacity:0;}
}

.active .p4_con .img_box ,
.active .p4_con .img_link
{animation:fadeInUps 1s .4s ease both;}
@keyframes fadeInUps{
    0%{opacity:0;transform: scale(0);}
    100%{opacity:1;transform:scale(1);}
}
@keyframes pulses{
    0%{transform: scale(1);}
    100%{transform:scale(1.1);}
}

.active .p1_con .p1_left,
.active .p2_con .role,
.active .p3_con .gift_con1,
.active .p6_con .gift_con1
{animation:fadeInLeft 1s .4s ease both;}
@keyframes fadeInLeft{
    0%{transform:translateX(-100px);opacity: 0;}
    100%{transform:translatX(0);opacity: 1;}
}
.active .p1_con .p1_right,
.active .p2_con .gift_con,
.active .p3_con .gift_con2,
.active .p6_con .gift_con2
{animation:fadeInRight 1s .4s ease both;}
@keyframes fadeInRight{
    0%{transform:translateX(100px);opacity: 0;}
    100%{transform:translatX(0);opacity: 1;}
}

.active .p5_con .gift_img
{animation:fadeInDown 1s .4s ease both;}
.active .p5_con .gift_label
{animation:fadeInLeft 1s .4s ease both  ; animation-delay:1s;}
@keyframes fadeInUp{
    0%{transform:translateY(100px);opacity: 0;}
    100%{transform:translatY(0);opacity: 1;}
}
.active .p5_con .gift_dec_box
{animation:fadeInUp 1s .4s ease both; animation-delay:0.5s;}
@keyframes fadeInDown{
    0%{transform:translateY(-100px);opacity: 0;}
    100%{transform:translatY(0);opacity: 1;}
}

/*--CSS动画--*/
.breath{
    animation-name: breath;                         /* 动画名称 */
    animation-duration: 1.2s;                         /* 动画时长3秒 */
    animation-timing-function: ease-in-out;         /* 动画速度曲线：以低速开始和结束 */
    animation-iteration-count: infinite;            /* 播放次数：无限 */
    animation-fill-mode: both;
    /* Safari and Chrome */
    -webkit-animation-name: breath;                 /* 动画名称 */
    -webkit-animation-duration: 1.2s;                 /* 动画时长3秒 */
    -webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
    -webkit-animation-iteration-count: infinite;    /* 播放次数：无限 */
    -webkit-animation-fill-mode: both;
}
/*呼吸特效*/
@keyframes breath {
    0%{transform:scale(.99);filter: brightness(1);}
    50%{transform:scale(1.05);filter: brightness(1.5);}
    100%{transform:scale(.99);filter: brightness(1);}
}
@-webkit-keyframes breath{
    0%{-webkit-transform:scale(.99);-webkit-filter: brightness(1);}
    50%{-webkit-transform:scale(1.05);-webkit-filter: brightness(1.5);}
    100%{-webkit-transform:scale(.99);-webkit-filter: brightness(1);}
}