/*content*/
.content{height: 1313px;min-width: 1400px;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/bg.jpg) no-repeat center top;}
.cont{width:1400px;margin: 120px auto 0;position: relative;}
.timeNav{width: 680px;height: 73px;margin: 0 auto 66px;}
.timeNav ul{width: 100%;text-align: center;}
.timeNav ul li{display: inline-block;width:58px;margin-right: 90px;height: 73px;position: relative;}
.timeNav ul li p{display: none;}
.timeNav ul li.lock{pointer-events: none;}
.timeNav ul li.lock p{display: block;position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;color: #c3c0ba;}
.timeNav ul li:last-child{margin-right: 0;}
.timeNav ul li::after{content: '';width: 78px;height: 12px;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/timeLine.png) no-repeat;display: block;position: absolute;top: 23px;right: -85px;}
.timeNav ul li:last-child::after{display: none;}
.timeNav ul li a{display: block;width: 100%;text-align: center;font-size: 18px;color: #3c353d;line-height: 60px;position: relative;text-indent: -999em;}
.timeNav ul li a:before{content: '';display: block;position: absolute;top: 50%;left: 50%;margin: -16px 0 0 -10px;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/lock.png) no-repeat;width: 20px;height: 32px;background-position: -50px 0;}
.timeNav ul li.lock a:before{background-position: 0 0;}
.timeNav ul li.on{background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/timeborder.png) no-repeat;}

.navTop .brilliantRelease{background-position: -648px -70px;}
.navTop .style3 .brilliantRelease{background-position: -648px 0;}

.btn-vplay{z-index: 999;}
.fix-btn{width: 136px;height: 185px;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/btn-play.png) no-repeat;display: block;position: absolute;top: 50%;left: 50%;margin: -92px 0 0 -68px;transition: all 0.2s linear;}
.btn-vplay:hover .fix-btn{transform: scale(1.03);}
/*page*/
.page{width: 1148px;margin: 0 auto;height: auto;position: relative;}

.page1{width: 1148px;height: 654px;border-bottom: 2px solid #f4c14b;display: none;}
.page1 .intr{width: 1148px;height: 214px;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/border1.png) no-repeat;padding-top: 36px;box-sizing: border-box;}
.page1 .intr h3{display: block;width: 581px;height: 93px;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/title.png) no-repeat;}
.page1 .intr span{font-size: 36px;color: #3c353d;font-weight: bold;padding: 5px 0 10px;display: block;}
.page1 .intr p{font-size: 16px;color: #3c353d;line-height: 24px;padding-bottom: 80px;width: 600px;}
.page1 .videoBox{width: 600px;height: 320px;background: #000;position: relative;border: 5px solid #ebb845;}
.page1 .videoBox a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9999;overflow: hidden;}
.page1 .videoBox .container{width: 100%;height: 100%;}

/*page3*/
.page3{display: none;width: 1068px;height: 498px;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/border2.png) no-repeat;padding: 40px 0 0 40px;box-sizing: border-box;}
.page3 .videoBox{width: 830px;height: 457px;background: #000;position: relative;}
.page3 .btn-vplay{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;overflow: hidden;}
.page3 .container{width: 100%;height: 100%;}
.page3 .intr .title{font-size: 29px;color: #3c353d;font-weight: bold;line-height: 29px;padding: 26px 0 20px;position: relative;}
.page3 .intr .title::before{content: '';width: 31px;height: 31px;border-radius: 50%;background: #ffaf00;position: absolute;left: -44px;}
.page3 .intr .font{font-size: 16px;color: #3c353d;line-height: 22px;width: 830px;}

/*page4*/
.page4{display: none;}
.page4 .videoList{width: 860px;margin: 40px 0 0;}
.page4 .videoList li{float: left;width: 264px;height: 143px;background: #4f4c63;margin-right: 17px;position: relative;border: 1px solid #ebb845;}
.page4 .videoList li:hover{border: 3px solid #ebb845;margin-bottom: 5px;transform: scale(1.03);}
.page4 .videoList li img{width: 100%;height: 100%;display: block;}
.page4 .videoList li div{width: 100%;height: 100%;overflow: hidden;}
.page4 .videoList li p{font-size: 16px;line-height: 30px;color: #3c353d;}
.page4 .videoList li a{width: 100%;height: 100%;display: block;}
.page4 .videoList .page3vname{font-size: 16px;color: #3c353d;line-height: 16px;padding-top: 10px;}

.btn-page4Video{width: 100%;height: 100%;display: block;filter: brightness(1);position: absolute;top: 0;left: 0;transform: scale(1);}
.btn-page4Video i,.btn-page4Video em{width: 64px;height: 64px;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page1/play1.png) no-repeat;position: absolute;top: 50%;left: 50%;margin: -32px 0 0 -32px;}
.btn-page4Video em{background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page1/play2.png) no-repeat;}
.btn-page4Video:hover i{animation: rotate 2s infinite linear;}
@keyframes rotate{
    0%{ transform:rotate(0deg);}
    100%{ transform:rotate(360deg);}
}

/*page5*/
.page5{width: 1148px;display: none;}
.page5 .intr{width: 1148px;height: 252px;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/border1.png) no-repeat;padding-top: 36px;box-sizing: border-box;}
.page5 .intr h3{display: block;width: 581px;height: 93px;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/title.png) no-repeat;}
.page5 .intr span{font-size: 36px;color: #3c353d;font-weight: bold;padding: 5px 0 10px;display: block;}
.page5 .intr p{font-size: 16px;color: #3c353d;line-height: 24px;padding-bottom: 80px;}

.page5 .musicBox{width: 1500px;position: relative;left: -25px;}
.page5 .musicBox li{width: 543px;height: 340px;float: left;margin-right: -75px;position: relative;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/musicBg.png) no-repeat;}
.page5 .musicBox li img{position: absolute;top: 22px;left: 26px;}
.page5 .musicBox a{display: block;width: 89px;height: 89px;background: url(//game.gtimg.cn/images/lol/act/a2019100110th/page3/btnPlayMusic.png) no-repeat;text-indent: -999em;margin: 190px 0 70px 150px;position: relative;background-size: 100%;}
.page5 .musicBox p{padding-left: 25px;font-size: 16px;color: #3c353d;padding-bottom: 6px;line-height: 16px;width: 330px;}

.vbox{ width: 860px; height:501px;border: 2px solid #f6c851;display: none;}
.closevbox{display: block;width:50px;height:50px;position: absolute;top:-2px;right:-52px;color: #fff;font-size: 46px;line-height:50px;text-align: center; background:#f6c851;}
.video-box{ width: 860px; height: 501px;}

/*µ×²¿*/
#afooter { background: #000000; text-align: center; position: relative; z-index: 10; }
#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; }/* #t6Hl8#7D20BB9AAE7287DB352CEAB0FA953F1E */
/* #t6Hl8#1DBA6EF4E57697957B852B5BF339168E */