@charset "UTF-8";
.d1,.d2,.d3,.d4,.d5,.dj1,.dj10,.dj2,.dj3,.dj4,.dj5,.dj6,.dj7,.dj8,.dj9,.g-wrap .order-btn.gray,.join-v3,.on-tab-1,.on-tab-2,.on-tab-3,.on-tab-4,.order-btn,.part1-title,.part2-title,.part3-title,.part4-title,.part5-title,.play-icon,.reward-bx,.role1,.role2,.role3,.sprite-img,.tab-1,.tab-2,.tab-3,.tab-4,.tab-btn .tab-1.on,.tab-btn .tab-2.on,.tab-btn .tab-3.on,.tab-btn .tab-4.on,.tab-title,.yyy-btn{background-image:url(//ossweb-img.qq.com/images/tgclub/act/a20190708lzdjsh5/pc/sprite-img.png);background-size:2991px 2456px;background-repeat:no-repeat}
.d1{background-position:-1386px -999px;width:80px;height:148px}
.d2{background-position:-1177px -999px;width:100px;height:150px}
.d3{background-position:-1278px -1154px;width:96px;height:151px}
.d4{background-position:-1282px -999px;width:99px;height:149px}
.d5{background-position:-1177px -1154px;width:96px;height:152px}
.dj1{background-position:-1309px -866px;width:118px;height:120px}
.dj10{background-position:-1737px -866px;width:79px;height:72px}
.dj2{background-position:-1649px -866px;width:83px;height:98px}
.dj3{background-position:-1177px -866px;width:127px;height:128px}
.dj4{background-position:-1432px -866px;width:104px;height:104px}
.dj5{background-position:-1650px -643px;width:79px;height:67px}
.dj6{background-position:-2583px -132px;width:96px;height:62px}
.dj7{background-position:-2790px -548px;width:119px;height:84px}
.dj8{background-position:-2898px -333px;width:79px;height:79px}
.dj9{background-position:-1462px -771px;width:84px;height:71px}
.join-v3{background-position:-1400px -548px;width:245px;height:164px}
.on-tab-1,.tab-btn .tab-1.on{background-position:-1650px -548px;width:280px;height:90px}
.on-tab-2,.tab-btn .tab-2.on{background-position:-1935px -548px;width:280px;height:90px}
.on-tab-3,.tab-btn .tab-3.on{background-position:-1177px -771px;width:280px;height:90px}
.on-tab-4,.tab-btn .tab-4.on{background-position:-2505px -548px;width:280px;height:90px}
.order-btn{background-position:-1610px -333px;width:428px;height:150px}
.part1-title{background-position:-1177px -203px;width:1409px;height:55px}
.part2-title{background-position:-1177px 0;width:1814px;height:66px}
.part3-title{background-position:-1177px -71px;width:1688px;height:56px}
.part4-title{background-position:-1177px -263px;width:1026px;height:65px}
.part5-title{background-position:-1177px -488px;width:1024px;height:55px}
.play-icon{background-position:-1541px -866px;width:103px;height:103px}
.reward-bx{background-position:-1177px -548px;width:218px;height:218px}
.role1{background-position:-732px 0;width:440px;height:1142px}
.role2{background-position:0 0;width:727px;height:1212px}
.role3{background-position:0 -1217px;width:601px;height:1239px}
.tab-1{background-position:-2220px -548px;width:280px;height:90px}
.tab-2{background-position:-2613px -333px;width:280px;height:90px}
.tab-3{background-position:-2328px -333px;width:280px;height:90px}
.tab-4{background-position:-2043px -333px;width:280px;height:90px}
.tab-title{background-position:-1177px -132px;width:1401px;height:66px}
.g-wrap .order-btn.gray,.yyy-btn{background-position:-1177px -333px;width:428px;height:150px}
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{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}
.g-wrap{overflow:hidden;position:relative;font-family:'\5FAE\8F6F\96C5\9ED1';background:url(//ossweb-img.qq.com/images/tgclub/act/a20190708lzdjsh5/pc/bg.jpg) no-repeat top center;padding-top:873px}
.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)}
.g-wrap .join-v3{display:inline-block;position:fixed;right:50%;margin-right:-959px;top:200px;z-index:99}
.g-wrap .day{display:block;position:absolute;left:50%;top:625px;margin-left:20px}
.g-wrap .order-btn{display:block;margin:0 auto}
.g-wrap .tab-bx{position:relative;margin:77px auto;width:1224px;position:relative}
.g-wrap .tab-bx .role1{position:absolute;right:-350px;top:-226px}
.g-wrap .title{margin:0 auto}
.g-wrap .tab-title{margin-top:80px}
.tab-btn{text-align:center;font-size:0}
.tab-btn a{display:inline-block;margin-right:26px}
.reward-area{font-size:0;text-align:center;margin-top:90px}
.reward-area .reward-bx{display:inline-block;margin:0 35px;font-size:28px;position:relative;vertical-align:top}
.reward-area .reward-bx span{display:block;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}
.reward-area .reward-bx p{font-size:18px;color:#fffffe;margin-top:160px}
.part1{position:relative;text-align:center;height:773px;box-sizing:border-box;padding-top:90px}
.part1 img{margin-top:55px}
.part2{position:relative;height:775px;text-align:center;box-sizing:border-box;padding-top:55px}
.part2 img{margin-top:48px}
.part2 .order-btn{margin-top:25px}
.part2 .role2{position:absolute;top:-17px;left:50%;margin-left:-961px}
.part3{position:relative;text-align:center;height:775px;box-sizing:border-box;padding-top:90px}
.part3 img{margin-top:54px}
.part4{height:805px;padding-top:96px;box-sizing:border-box;text-align:center;position:relative}
.part4 .swiper-container{width:990px;height:500px;border:2px solid #432fac;margin-top:53px;box-sizing:border-box}
.part4 .swiper-container img{display:block;width:100%;height:100%;object-fit:cover}
.part4 .swiper-container .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#fff;opacity:1}
.part4 .swiper-container .swiper-pagination-bullet-active{opacity:1;background:#170b45}
.part4 .role3{position:absolute;top:51px;right:50%;margin-right:-1054px}
.part5{height:805px;padding-top:96px;box-sizing:border-box}
.part5 .video-bx{box-sizing:border-box;width:990px;height:500px;border:2px solid #432fac;margin:59px auto 0;overflow:hidden;position:relative}
.part5 .video-bx img{display:block;object-fit:cover;width:100%;height:100%}
.part5 .video-bx .play-icon{position:absolute;display:block;top:0;bottom:0;left:0;right:0;margin:auto}
.rule{width:1200px;margin:0 auto;font-size:24px;color:#fff;margin-top:90px;margin-bottom:60px}
.dia{display:none}
.dia .close-btn{font-size:56px;color:#faebd7;position:absolute;right:-46px;top:0;line-height:0;text-decoration:none}
.dia-video{width:750px;height:400px}