@charset "UTF-8";
*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

blockquote, body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, pre, td, textarea, th, ul, button, p { padding: 0; margin: 0; }

abbr, acronym, img { border: 0; }

address, caption, cite, code, dfn, em, th, var { font-weight: 400; font-style: normal; }

ol, ul { list-style: none; }

button, input, optgroup, option, select, textarea, i { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; }

button { outline: none; border: none; background: none; cursor: pointer; position: relative; overflow: hidden; }

input { outline: none; border: none; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { resize: none; }

video { outline: none; }

/* a { color: inherit; text-decoration: none; } */
a { -webkit-transition: color linear .2s; -o-transition: color linear .2s; transition: color linear .2s; }

a:link, a:visited { text-decoration: none; }

.unl, a.unl, a.unl:visited, a:hover { text-decoration: underline; }

a:focus { outline: 0; }

a:hover { text-decoration: none; }

.clearfix, .floatG { *zoom: 1; zoom: 1; }

.clearfix:after, .floatG:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }

.clearb { clear: both; }

.fl { float: left; }

.fr { float: right; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

body, .wrap { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 0.16rem; }

.wrap { font-family: Microsoft YaHei; -webkit-box-sizing: border-box; box-sizing: border-box; }

.main { width: 100%; position: relative; }

.main_container { -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; width: 100%; height: 100%; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/bj1.jpg) no-repeat center top #1f2b4f; background-size: cover; }

.main_container.mainBj2 { background-image: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/bj2.jpg); }

.logoBox { position: absolute; left: 3.5rem; top: 0.3rem; }

.logoBox a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 0; }

.logoBox a img { width: 100%; }

.logo_nav { width: 1.72rem; }

.bl_logo { width: 1.86rem; }

.logoIco { margin: 0 0.2rem; }

.header_nav { position: absolute; right: 0.3rem; top: 0.4rem; }

.header_nav a { display: inline-block; *display: inline; *zoom: 1; margin: 0 0.03rem; color: #fff; position: relative; font-weight: bold; width: 1.26rem; height: 0.38rem; line-height: 0.38rem; text-align: center; }

.header_nav a:hover { color: #34c8d4; }

.header_nav .nav_reg { display: none; }

.next_tips { width: 90px; height: 90px; cursor: pointer; position: absolute; top: 400px; right: 45px; background: url(http://p2.qhimg.com/t0117ef2e5d2667ee10.png) no-repeat center; background-size: contain; }

.next_tips::before { content: ""; width: 97px; height: 36px; position: absolute; left: -60px; top: 50%; margin-top: -18px; background: url(http://p0.qhimg.com/t01332a96d7bc9f8330.png) no-repeat center; background-size: contain; -webkit-animation: next_tips_animation 1s ease infinite; animation: next_tips_animation 1s ease infinite; }

@-webkit-keyframes next_tips_animation { 0% { left: -60px; }
  100% { left: -40px; } }

@keyframes next_tips_animation { 0% { left: -60px; }
  100% { left: -40px; } }

.video-cover { width: 100%; height: 100vh; overflow: hidden; position: fixed; left: 0; top: 0; }

.video-cover-video { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100vh; z-index: 1; }

/*兼容ie10-11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .content-wrapper .part { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
  .content-wrapper { width: 90rem; } }

@media screen and (min-aspect-ratio: 16 / 9) { .video-cover-video { width: 100%; height: auto; } }

.actWrap { width: 100%; height: 8rem; position: relative; top: 1.2rem; color: #efefef; }

.actWrap img { width: 100%; display: block; }

.scroll-content { left: 0; position: relative; -webkit-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; width: 100%; height: 100%; }

.content-wrapper { position: relative; overflow: hidden; height: 100%; left: 3.6rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

.content-wrapper .part { width: 12rem; height: 100%; position: relative; text-align: center; margin-right: 3rem; }

.actBtnWrap { width: 100%; height: 0.64rem; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/btn_bj.png) no-repeat 0 0/100%; position: absolute; left: 0; bottom: 1rem; }

.act-pagination { width: 12rem; height: 100%; position: relative; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.act-pagination a { width: 0.54rem; height: 100%; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/act_btn.png) no-repeat 0 0/100%; margin: 0 0.15rem; }

.act-pagination a.active { background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/act_btn_cur.png) no-repeat 0 0/100%; }

.goBtn { display: block; width: 1.35rem; height: 1.26rem; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/go.png) no-repeat center; position: absolute; right: -2rem; top: 0; bottom: 0; margin: auto; text-indent: -999em; background-size: 100% 100%; -webkit-animation: arrow 1s infinite ease; animation: arrow 1s infinite ease; }

@-webkit-keyframes arrow { 0% { -webkit-transform: translate(0, 0px); }
  50% { -webkit-transform: translate(-10px, 0); }
  100% { -webkit-transform: translate(0, 0px); } }

@keyframes arrow { 0% { -webkit-transform: translate(0, 0px); }
  50% { -webkit-transform: translate(-10px, 0); }
  100% { -webkit-transform: translate(0, 0px); } }

.partContent { width: 100%; text-align: center; color: #fff; font-size: 0.16rem; }

.partContent li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 3.57rem; margin: 0 0.15rem; position: relative; }

.part_tit { width: 3.32rem; height: 0.82rem; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/time_bj.png) no-repeat 0 0/100%; margin: 0 auto 0.15rem; font-size: 0.42rem; line-height: 0.82rem; position: relative; z-index: 1; }

.part_tit p { background-image: -webkit-linear-gradient(bottom, #8fffe3, #6feed9, #c1fffd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #6feed9; }

.part_tit:after { content: ""; width: 1px; height: 0.19rem; position: absolute; left: 0; right: 0; bottom: -0.16rem; margin: auto; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/line1.png) no-repeat 0 0/100%; }

.actBox { width: 100%; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/part_textbj.png) no-repeat center top; background-size: 100% 100%; padding: 0.14rem 0; text-align: left; }

.actInfo { width: 3.12rem; margin: 0 auto 0.1rem; padding: 0.06rem 0.1rem 0.2rem; }

.actInfo p { line-height: 0.3rem; }

.actInfo p strong { color: #67fbff; }

.actInfoBj1 { background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/text_bj1.png) no-repeat center top; background-size: 100% 100%; }

.actInfoBj2 { background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/text_bj2.png) no-repeat center top; background-size: 100% 100%; }

.actInfoTit { width: 2.86rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.28rem; margin: 0 auto 0.1rem; padding-left: 0.15rem; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/tit_bj1.png) no-repeat 0 0/100%; }

.actInfoTit span, .actInfoTit b { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.actVideo { width: 2.84rem; height: 1.6rem; margin: 0.1rem auto 0; background: #121722; position: relative; }

.actVideo::before, .actVideo::after { content: ""; width: 0.33rem; height: 0.3rem; position: absolute; }

.actVideo::before { left: 0; top: 0; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/video_lt.png) no-repeat 0 0/100%; }

.actVideo::after { right: 0; bottom: 0; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/video_rb.png) no-repeat 0 0/100%; }

.gameStart { width: 0.34rem; height: 0.42rem; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/start.png) no-repeat 0 0/100%; position: absolute; left: 50%; top: 50%; margin-left: -0.17rem; margin-top: -0.21rem; -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; }

.gameStart:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }

.checkBtn { width: 1.43rem; height: 0.38rem; display: block; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/check_btn.png) no-repeat 0 0/100%; text-indent: -999em; margin: 0.2rem auto 0; }

.checkBtn:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); }

.waitBtn { background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/wait_btn.png) no-repeat 0 0/100%; cursor: not-allowed; }

.musicBox { width: 100%; margin: 0.3rem 0; }

.musicBox .song-btn, .musicBox .progress { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.song-btn { margin-right: 0.1rem; }

.song-btn a { display: block; width: 0.13rem; height: 0.2rem; }

.song-btn .song-btn-play { background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/music-play.png) no-repeat 0 0/100%; }

.song-btn .song-btn-pause { background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/music-pause.png) no-repeat 0 0/100%; }

.progress { width: 2.55rem; position: relative; }

.progress::before, .progress:after { content: ""; width: 0.1rem; height: 0.1rem; background-color: #44c3ca; border-radius: 50%; position: absolute; top: 50%; margin-top: -0.05rem; }

.progress::before { left: 0; }

.progress::after { right: 0; }

.progress-inner { width: 2.4rem; height: 1px; background: #3acad3; position: absolute; left: 0.09rem; top: 0; }

.progress-bar { width: 0; height: 0.06rem; background-color: #41c9d9; position: absolute; top: -0.03rem; }

.mediaIco { width: 0.34rem; margin-top: 0.03rem; margin-left: -0.12rem; }

.part3 .part_tit:after { width: 8.05rem; height: 0.57rem; left: -2.35rem; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/lin2.png) no-repeat 0 0/100%; }

.infoSpe { padding: 0.02rem 0; border-bottom: 1px dashed #2e6872; }

.infoSpe .infoSpe_tit { overflow: hidden; }

.infoSpe .infoSpe_tit i { color: #4efaff; font-size: 0.18rem; float: left; }

.infoSpe .infoSpe_tit em { color: #3fd2d6; float: right; font-size: 0.16rem; }

.infoSpe:last-child { border-bottom: none; }

#pop_box { width: 100%; height: 100%; position: fixed; _position: absolute; left: 0; top: 0; z-index: 10; font-size: 0.14rem; color: #fff; display: none; }

#pop_box .pop_bg { width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); }

#pop_box .pop_con { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#pop_box .video_box iframe { height: 6.7rem; }

#pop_box .pop_close { width: 0.42rem; height: 0.42rem; background: url(https://p1.ssl.qhimg.com/d/inn/ed01934b5063/close.png) no-repeat 0 0/100%; position: absolute; right: 0; top: 0; cursor: pointer; }

#pop_box .video_box { width: 12rem; padding: 0.3rem; background: #121722; }

#pop_box .video_box::before, #pop_box .video_box::after { content: ""; width: 0.33rem; height: 0.3rem; position: absolute; }

#pop_box .video_box::before { left: 0; top: 0; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/video_lt.png) no-repeat 0 0/100%; }

#pop_box .video_box::after { right: 0; bottom: 0; background: url(https://p1.ssl.qhimg.com/d/inn/a984d24b7bbd/theme/images/video_rb.png) no-repeat 0 0/100%; }

.songBox { width: 9.38rem; height: 6.45rem; background: url(https://p1.ssl.qhimg.com/d/inn/ed01934b5063/song_bj.png) no-repeat 0 0/100%; text-align: center; }

.song_author { padding: 0.4rem 0.4rem 0; font-size: 0.18rem; color: #fff; line-height: 0.35rem; height: 2.1rem; }

.song_author h2 { font-size: 0.22rem; }

.song_words { padding: 0.3rem 0.4rem; line-height: 0.3rem; color: #3fd2d6; font-size: 0.17rem; height: 4.1rem; overflow: auto; }

/*1280-1440*/
@media (min-width: 1280px) and (max-width: 1440px) { .actBtnWrap { bottom: 0.3rem; } }

/*>=1680的设备屏幕*/
/*>=1920的设备屏幕*/
/*# sourceMappingURL=index.css.map */