@charset "UTF-8";
.histroy,.intro-1,.intro-2,.intro-3,.notice,.part3-icon1,.part3-icon2,.part3-icon3,.part3-icon4,.spr_text{background-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/spr_text.png?2022_3_16_17_21_17);background-size:2413px 1172px;background-repeat:no-repeat}
.histroy{background-position:0 -424px;width:1194px;height:304px}
.intro-1{background-position:0 -733px;width:676px;height:439px}
.intro-2{background-position:0 0;width:1214px;height:419px}
.intro-3{background-position:-1219px 0;width:1194px;height:222px}
.notice{background-position:-1219px -227px;width:1194px;height:214px}
.part3-icon1{background-position:-1219px -446px;width:259px;height:380px}
.part3-icon2{background-position:-1483px -446px;width:259px;height:380px}
.part3-icon3{background-position:-1747px -446px;width:259px;height:380px}
.part3-icon4{background-position:-2011px -446px;width:259px;height:380px}
.arrow-left,.arrow-right,.cb-list,.cb-list .tab1.on,.cb-list .tab2.on,.cb-list .tab3.on,.cb-list .tab4.on,.cb-list .tab5.on,.cb-list>a .icon-cb-wxz,.flower,.flower-on,.icon-nav-before,.lineaer-clip,.linear-clip2,.part10 .pagination span,.part10 .pagination span.swiper-active-switch,.part4 .part4-box::after,.part4-before-bg,.part5 .part5-box .cell::before,.part5-before-bg,.part5-icon1,.part5-icon2,.part6 .part6-box>.cell::before,.part6-before-bg,.part6-icon1,.part7 .part7-box>.cell::before,.part7-before-bg,.part7-icon1,.part8 .part8-box>.cell::before,.part8-before-bg,.part8-icon1,.part9 .cell::before,.part9-before-bg,.part9-icon1,.sprite-img,.tab1,.tab1-on,.tab2,.tab2-on,.tab3,.tab3-on,.tab4,.tab4-on,.tab5,.tab5-on,.title1,.title10,.title2,.title3,.title4,.title5,.title6,.title7,.title8,.title9{background-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/sprite-img.png?2022_3_16_17_21_17);background-size:2581px 1950px;background-repeat:no-repeat}
.arrow-left{background-position:-2525px -792px;width:55px;height:68px}
.arrow-right{background-position:-2525px -719px;width:55px;height:68px}
.cb-list{background-position:-2167px -719px;width:72px;height:803px}
.flower-on,.part10 .pagination span.swiper-active-switch{background-position:-2449px -356px;width:111px;height:121px}
.flower,.part10 .pagination span{background-position:-2449px -230px;width:111px;height:121px}
.cb-list>a .icon-cb-wxz,.icon-nav-before{background-position:-2525px -881px;width:36px;height:33px}
.lineaer-clip{background-position:-442px -1932px;width:1614px;height:17px}
.linear-clip2{background-position:-2085px -719px;width:77px;height:933px}
.part4 .part4-box::after,.part4-before-bg{background-position:0 0;width:1214px;height:695px}
.part5 .part5-box .cell::before,.part5-before-bg{background-position:-2085px -230px;width:359px;height:281px}
.part5-icon1{background-position:-2244px -881px;width:276px;height:146px}
.part5-icon2{background-position:0 -1642px;width:437px;height:308px}
.part6 .part6-box>.cell::before,.part6-before-bg{background-position:-561px -700px;width:476px;height:386px}
.part6-icon1{background-position:-1540px -700px;width:493px;height:348px}
.part7 .part7-box>.cell::before,.part7-before-bg{background-position:-442px -1642px;width:457px;height:285px}
.part7-icon1{background-position:-2244px -1032px;width:276px;height:132px}
.part8 .part8-box>.cell::before,.part8-before-bg{background-position:0 -700px;width:556px;height:389px}
.part8-icon1{background-position:-1042px -700px;width:493px;height:348px}
.part9 .cell::before,.part9-before-bg{background-position:-1219px 0;width:861px;height:674px}
.part9-icon1{background-position:-2244px -719px;width:276px;height:157px}
.cb-list .tab1.on,.tab1-on{background-position:-2376px -1229px;width:127px;height:55px}
.tab1{background-position:-2244px -1289px;width:127px;height:55px}
.cb-list .tab2.on,.tab2-on{background-position:-2376px -1289px;width:127px;height:55px}
.tab2{background-position:-2244px -1349px;width:127px;height:55px}
.cb-list .tab3.on,.tab3-on{background-position:-2376px -1349px;width:127px;height:55px}
.tab3{background-position:-2244px -1409px;width:127px;height:55px}
.cb-list .tab4.on,.tab4-on{background-position:-2376px -1409px;width:127px;height:55px}
.tab4{background-position:-2244px -1169px;width:127px;height:55px}
.cb-list .tab5.on,.tab5-on{background-position:-2376px -1169px;width:127px;height:55px}
.tab5{background-position:-2244px -1229px;width:127px;height:55px}
.title1{background-position:-2085px -516px;width:496px;height:198px}
.title10{background-position:-1158px -1094px;width:574px;height:259px}
.title2{background-position:-1405px -1642px;width:496px;height:259px}
.title3{background-position:-2085px 0;width:496px;height:225px}
.title4{background-position:-904px -1642px;width:496px;height:259px}
.title5{background-position:-579px -1384px;width:574px;height:253px}
.title6{background-position:0 -1094px;width:574px;height:285px}
.title7{background-position:-1158px -1384px;width:574px;height:253px}
.title8{background-position:-579px -1094px;width:574px;height:273px}
.title9{background-position:0 -1384px;width:574px;height:253px}
article,body,dd,dl,footer,form,h1,h2,h3,h4,h5,h6,header,ol,p,section,ul{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
body{padding-top:42px}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,td,th,ul{padding:0;list-style:none}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}
a:not(.gray):hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
/*!! 通用底部样式*/
#afooter{background:#1c1c1c;text-align:center}
#afooter .wrap_ieg{width:1240px;margin:0 auto;padding:30px 0}
#afooter p{color:#6e6e6e;line-height:24px;font-size:10px}
#afooter a{color:#6e6e6e;font-size:12px}
/*!! asyncCookie的iframe样式*/
#loginStatusSyncFrame_ams_ame{display:block}
#_overlay_,#actTitleWrap,.ost,.ost_box,body{min-width:1200px!important}
body{background:#0b1036}
.cb-list{position:fixed;right:0;top:50%;margin-top:-401.5px;z-index:66;box-sizing:border-box;padding-top:162px;display:none}
.cb-list>a{position:relative;display:block;right:0;margin-left:-124px;font-size:0;color:#fff9df}
.cb-list>a+a{margin-top:47px}
.cb-list>a .icon-cb-wxz{position:absolute;display:block;right:-20px;top:12px;opacity:0}
.cb-list .icon-top{position:absolute;position:absolute;right:8px;top:-48px;width:67px;height:117px}
.cb-list a::after{display:block;content:'';width:33px;height:45px;position:absolute;right:-46px;top:7px}
.cb-list a.on .icon-cb-wxz{opacity:1}
.header{height:1500px;padding-top:1px;box-sizing:border-box;position:relative;background:url(//game.gtimg.cn/images/x5/cp/a20220314timer/header.png) no-repeat top center}
.header .notice{margin:1050px auto 0;position:relative;z-index:22}
.header video{position:absolute;top:0;left:50%;margin-left:-960px;z-index:1;pointer-events:none;z-index:20}
.g-wrap{overflow:hidden;position:relative;font-family:'\5FAE\8F6F\96C5\9ED1';background:url(//game.gtimg.cn/images/x5/cp/a20220314timer/bg.jpg) no-repeat top center;background-position:0 1500px;max-width:1920px;margin:0 auto}
.g-wrap a{-webkit-transition:filter .3s,border .3s,color .3s;transition:filter .3s,border .3s,color .3s}
.g-wrap a:hover{text-decoration:none;-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.down{transform:translateY(-70px);-webkit-transform:translateY(-70px);opacity:0;transition:all .7s ease;-webkit-transition:all .7s ease;position:relative;z-index:2}
.up{transform:translateY(70px);-webkit-transform:translateY(70px);opacity:0;transition:all .7s ease;-webkit-transition:all .7s ease;position:relative;z-index:2}
.left{transform:translateX(70px);-webkit-transform:translateX(70px);opacity:0;transition:all .7s ease;-webkit-transition:all .7s ease;position:relative;z-index:2}
.right{transform:translateX(-70px);-webkit-transform:translateX(-70px);opacity:0;transition:all .7s ease;-webkit-transition:all .7s ease;position:relative;z-index:2}
.animated.down,.animated.left,.animated.right,.animated.up{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);opacity:1}
.part{width:1200px;margin:0 auto;position:relative}
.title{margin:0 auto}
.lineaer-clip{margin:80px 0 0 -200px}
.lizi-ani{position:absolute;top:0;right:0;margin-right:-250px;z-index:0;pointer-events:none;width:1920px;height:1000px}
.lizi-ani canvas{width:1920px;height:1000px}
.part1{height:1350px;padding-top:20px;box-sizing:border-box;margin-top:-180px;z-index:23}
.part1 .people{display:inline-block;vertical-align:top;margin:20px 0 0 68px}
.part1 .intro-1{position:absolute;right:-128px;top:250px}
.part1 .histroy{margin:-340px auto 0;position:relative;z-index:5}
.part2{height:795px;margin-top:-70px}
.part2 .intro-2{margin:20px auto 0}
.part3{height:1555px}
.part3 .intro-3{margin:-10px auto 0}
.part3 .part3-box{margin-top:45px;position:relative}
.part3 .part3-box img{display:block;margin:0 0 0 276px}
.part3 .part3-box>div{position:absolute}
.part3 .part3-box .part3-icon1{top:25px;left:0}
.part3 .part3-box .part3-icon2{top:455px;left:45px}
.part3 .part3-box .part3-icon3{top:25px;right:0}
.part3 .part3-box .part3-icon4{top:455px;right:45px}
.part3 .lineaer-clip{margin-top:60px}
.part4{height:1030px;margin-top:-90px}
.part4 .part4-box{margin:60px auto 0;position:relative;width:1123px;height:619px}
.part4 .part4-box .dj-box{width:1123px;height:619px;position:relative;z-index:10}
.part4 .part4-box .dj-box iframe{width:1123px;height:619px}
.part4 .part4-box img{display:block;width:1123px;height:619px}
.part4 .part4-box::after{content:'';display:block;position:absolute;top:-60px;left:-45px}
.part5{height:1555px}
.part5 .boy{position:absolute;top:80px;left:-277px}
.part5 .girl{position:absolute;top:50px;right:-360px}
.part5 .part5-box{margin-top:50px;text-align:center;position:relative;z-index:10}
.part5 .part5-box>div{display:inline-block;vertical-align:top;margin-top:60px;position:relative}
.part5 .part5-box .linear-clip2{margin:0 15px}
.part5 .part5-box .part5-icon1{margin:55px auto 0;animation:float 2s infinite linear .3s;-webkit-animation:float 2s infinite linear .3s}
.part5 .part5-box .part5-icon2{position:absolute;left:-51px;bottom:-280px;animation:float 2s infinite linear;-webkit-animation:float 2s infinite linear}
.part5 .part5-box .dj-box{width:311px;height:239px;-webkit-mask-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/part5-gif1.png);mask-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/part5-gif1.png)}
.part5 .part5-box .cell{display:block;width:311px;height:239px;position:relative;z-index:10}
.part5 .part5-box .cell+.cell{margin-top:50px}
.part5 .part5-box .cell::before{content:'';display:block;position:absolute;top:-23px;left:-23px}
.part5 .part5-box .cell img{width:311px;height:239px}
.part6{height:1300px;margin-top:-80px}
.part6 .part6-box{margin-top:87px;position:relative;text-align:center}
.part6 .part6-box .part6-icon1{position:absolute;bottom:-230px;left:360px;animation:float 2s infinite linear;-webkit-animation:float 2s infinite linear}
.part6 .part6-box>.cell{display:inline-block;vertical-align:middle;position:relative;width:401px;height:309px;z-index:10}
.part6 .part6-box>.cell .dj-box{width:401px;height:309px;-webkit-mask-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/part6-gif1.png);mask-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/part6-gif1.png)}
.part6 .part6-box>.cell img{width:401px;height:309px}
.part6 .part6-box>.cell::before{content:"";display:block;position:absolute;top:-62px;left:-38px}
.part6 .part6-box>.cell:nth-child(2n){margin-left:188px}
.part6 .part6-box>.cell:nth-child(3),.part6 .part6-box>.cell:nth-child(4){margin-top:80px}
.part7{height:1200px}
.part7 .part7-box{margin-top:60px;position:relative;text-align:center}
.part7 .part7-box .part7-icon1{display:block;margin:40px auto 0;animation:float 2s infinite linear;-webkit-animation:float 2s infinite linear}
.part7 .part7-box>.cell{display:inline-block;vertical-align:middle;position:relative;width:401px;height:226px;z-index:10;margin-bottom:80px}
.part7 .part7-box>.cell .dj-box{width:401px;height:226px;-webkit-mask-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/part7-gif1.png);mask-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/part7-gif1.png)}
.part7 .part7-box>.cell img{width:401px;height:226px}
.part7 .part7-box>.cell::before{content:"";display:block;position:absolute;top:-36px;left:-28px}
.part7 .part7-box>.cell+.cell{margin-left:222px}
.part7 .part7-box>.cell:nth-child(3){margin:0}
.part8{height:1320px;margin-top:-96px}
.part8 .part8-box{margin-top:75px;position:relative;text-align:center}
.part8 .part8-box .part8-icon1{position:absolute;bottom:-230px;left:362px;z-index:20;animation:float 2s infinite linear;-webkit-animation:float 2s infinite linear}
.part8 .part8-box>.cell{display:inline-block;vertical-align:middle;position:relative;width:481px;height:310px;z-index:10}
.part8 .part8-box>.cell .dj-box{width:481px;height:310px;-webkit-mask-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/part8-gif1.png);mask-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/part8-gif1.png)}
.part8 .part8-box>.cell img{width:481px;height:310px}
.part8 .part8-box>.cell::before{content:"";display:block;position:absolute;top:-62px;left:-38px}
.part8 .part8-box>.cell:nth-child(2n){margin-left:222px}
.part8 .part8-box>.cell:nth-child(3),.part8 .part8-box>.cell:nth-child(4){margin-top:100px}
.part9{height:1160px}
.part9 .cell{margin:60px auto 0;position:relative;width:792px;height:597px}
.part9 .cell .dj-box{width:792px;height:597px;-webkit-mask-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/part9-gif1.png);mask-image:url(//game.gtimg.cn/images/x5/cp/a20220314timer/part9-gif1.png)}
.part9 .cell::before{position:absolute;content:'';display:block;top:-53px;left:-34px}
.part9 .cell img{width:792px;height:597px}
.part9 .part9-icon1{margin:50px auto 0;animation:float 2s infinite linear;-webkit-animation:float 2s infinite linear}
.part10{height:1590px;margin-top:-40px}
.part10 .banner{position:relative;height:1260px}
.part10 .banner>a{display:block;position:absolute;top:50%;margin-top:-110px;z-index:99}
@keyframes arrow-right{
50%{transform:translateX(5px);filter:brightness(110%)}
}
@-webkit-keyframes arrow-right{
50%{-webkit-transform:translateX(5px);-webkit-filter:brightness(110%)}
}
.part10 .banner .arrow-left{left:0;animation:arrow-left 1s infinite ease;-webkit-animation:arrow-left 1s infinite ease}
@keyframes arrow-left{
50%{transform:translateX(-5px);filter:brightness(110%)}
}
@-webkit-keyframes arrow-left{
50%{-webkit-transform:translateX(-5px);-webkit-filter:brightness(110%)}
}
.part10 .banner .arrow-right{right:0;animation:arrow-right 1s infinite ease;-webkit-animation:arrow-right 1s infinite ease}
.part10 .swiper-container1{width:1920px;margin:15px 0 0 -360px;height:1135px}
.part10 .pagination{position:absolute;left:0;text-align:center;bottom:0;width:100%}
.part10 .pagination span{display:inline-block;vertical-align:middle}
.part10 .pagination span+Span{margin-left:10px}
@keyframes float{
0%,100%,50%{transform:translate(0);-webkit-transform:translate(0)}
25%{transform:translateY(-8px);-webkit-transform:translateY(-8px)}
75%{transform:translateY(8px);-webkit-transform:translateY(8px)}
}
@-webkit-keyframes float{
0%,100%,50%{transform:translate(0);-webkit-transform:translate(0)}
25%{transform:translateY(-8px);-webkit-transform:translateY(-8px)}
75%{transform:translateY(8px);-webkit-transform:translateY(8px)}
}
/*!# sourceMappingURL=comm.css.map */