/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a {text-decoration: none;color: #FFFFFF;outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
abbr,acronym{border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
h1,h2{display: none;}

@font-face{
  font-family: 'Walrus';
	src: url(../font/Walrus-Bold.otf) format('truetype');
}
@font-face{
  font-family: 'Hurme';
	src: url(../font/Hurme-Bold.otf) format('truetype');
}

html, body {width: 100%; height: 100%; margin: 0 auto; position: relative; font-family: 'Microsoft Yahei';}
html {background-color: #77a2f2; overflow: hidden;}
body {overflow-y: scroll;}
body.lock {overflow: hidden;}
body::-webkit-scrollbar {display: none;}
body {scrollbar-width: none;} /* for moz */
body {-ms-scroll-chaining: chained; -ms-overflow-style: none;} /* for IE */

/* main */
.wrapper {width: 100%; min-width: 1400px; max-width: 1920px; height: auto; margin: 0 auto; overflow: hidden; position: relative;}
.wrapper .cont {width: 100%; overflow: hidden; position: relative;}
.wrapper .cont-top {height: 1090px; background: url(../images/bg1.jpg) no-repeat top center; background-size: 1920px 1090px;}
.wrapper .cont-main {height: 6735px; background: url(../images/bg2.jpg) no-repeat top center; background-size: 1920px 6735px;}

/* comm */
.cont .title {display: block; width: 300px; height: 120px; margin: 90px auto 0; font-size: 0;}
.cont1 .title1 {background: url(../images/page-title1.png) no-repeat;}
.cont2 .title2 {background: url(../images/page-title2.png) no-repeat;}
.cont3 .title3 {background: url(../images/page-title3.png) no-repeat;}
.cont4 .title4 {background: url(../images/page-title4.png) no-repeat;}
.cont5 .title5 {background: url(../images/page-title5.png) no-repeat;}

.btn {transition: .5s;}
.btn:hover {transform: scale(1.05); -webkit-transform: scale(1.05);}

/* 首屏 */
.cont-top .video-wrap {display: block; width: 1920px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.cont-top .kv-video {display: block; width: 1920px; height: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.cont-top .content-wrap {display: block; width: 1920px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1;}
.cont-top .content-wrap {background: url(../images/bg1-mask.png) no-repeat bottom center;}
.cont-top .logo {display: block; width: 232px; height: 120px; background: url(../images/logo.png) no-repeat; position: absolute; top: 60px; left: 24px;}
.cont-top .cadpa-wrap {width: 94px; height: 121px; background: url(../images/icon-cadpa.png) no-repeat; position: absolute; left: 55px; bottom: 160px; z-index: 2; cursor: pointer;}
.cont-top .cadpa-wrap .cadpa-desc {width: 972px; height: 401px; background: url(../images/cadpa-desc.png) no-repeat; position: absolute; left: -28px; bottom: 150px; opacity: 0; transition: .5s; pointer-events: none;}
.cont-top .cadpa-wrap:hover .cadpa-desc {opacity: 1;}
.cont-top .slogan-wrap {width: 1005px; height: 198px; position: absolute; top: 120px; left: 50%; margin-left: -502px;}
.cont-top .slogan-left {display: block; width: 498px; height: 157px; background: url(../images/slogan-left2.png) no-repeat; position: absolute; top: 0; left: 0;}
.cont-top .slogan-right {display: block; width: 500px; height: 161px; background: url(../images/slogan-right2.png) no-repeat; position: absolute; top: 30px; right: 4px;}
.cont-top .slogan-mid {display: block; width: 493px; height: 90px; background: url(../images/pic-qptyy.png) no-repeat; position: absolute; top: -15px; right: 5px;}
.cont-top .btn-player {display: block; width: 116px; height: 109px; background: url(../images/btn-player.png) no-repeat; position: absolute; top: 420px; right: 436px; pointer-events: auto;}
.cont-top .btn-player {
  font-size: 0;
  animation: btnPlayer 3s ease-in-out infinite both;
  -webkit-animation: btnPlayer 3s ease-in-out infinite both;
}
@keyframes btnPlayer {
  0% {transform: translateY(0);}
  50% {transform: translateY(-15px);}
  100% {transform: translateY(0);}
}
@-webkit-keyframes btnPlayer {
  0% {-webkit-transform: translateY(0);}
  50% {-webkit-transform: translateY(-15px);}
  100% {-webkit-transform: translateY(0);}
}
.cont-top .btn-group {width: 1200px; height: 144px; position: absolute; bottom: 140px; left: 50%; margin-left: -600px; text-align: center; line-height: 144px; pointer-events: auto; font-size: 0;}
.cont-top a {font-size: 0; margin: 0 10px;}
.cont-top .btn-reserve {display: inline-block; width: 325px; height: 144px; background: url(../images/btn-reserve.png) no-repeat; vertical-align: middle;}
.cont-top .btn-reserve.reserved {background: url(../images/btn-reserved.png) no-repeat;}
.cont-top .btn-reserve.down-sd {width: 400px;background: url(../images/btn-and-download.png) no-repeat;} 
.cont-top .btn-taptap-reserve {display: inline-block; width: 325px; height: 144px; background: url(../images/btn-taptap-reserve.png) no-repeat; vertical-align: middle;}
.cont-top .btn-down-ios {display: inline-block; width: 389px; height: 144px; background: url(../images/btn-down-ios.png) no-repeat; vertical-align: middle;}
.cont-top .btn-down-az {display: inline-block; width: 389px; height: 144px; background: url(../images/btn-down-az.png) no-repeat; vertical-align: middle;}
.cont-top .btn-jrgw {width: 151px; height: 57px; background: url(../images/btn-jrgw.png) no-repeat; position: absolute;right: 155px;top: 78px;z-index: 1;}
/* .cont-top .btn-ios-download {display: inline-block; width: 325px; height: 144px; background: url(../images/btn-ios-download.png) no-repeat; vertical-align: middle;} */
.cont-top .btn-ugc {display: inline-block; width: 325px; height: 144px; background: url(../images/btn-ugc.png) no-repeat; vertical-align: middle;}

/* login-wrap */
.cont-top .login-wrap { position: absolute; z-index: 999; right: 70px; top: 40px; height: 20px; font-size: 16px; text-align: right; line-height: 20px; color: #fff;}
.cont-top .login-wrap a {font-size: 16px; color: #fff;}
/* .cont-top .login-wrap a:hover {color: #007aff;} */

.cont-top .music-ctrl {width: 50px; height: 36px; position: absolute; top: 90px; right: 80px; cursor: pointer; font-size: 0; overflow: hidden; z-index: 2;}
.cont-top .music-ctrl i {width: 8px; height: 0; background-color: #fff; border-radius: 4px; position: absolute; bottom: 0;}
.cont-top .music-ctrl i:nth-child(1) {height: 100%; left: 1px;}
.cont-top .music-ctrl i:nth-child(2) {height: 66%; left: 11px;}
.cont-top .music-ctrl i:nth-child(3) {height: 75%; left: 21px;}
.cont-top .music-ctrl i:nth-child(4) {height: 47%; left: 31px;}
.cont-top .music-ctrl i:nth-child(5) {height: 66%; left: 41px;}
.cont-top .music-ctrl:hover i:nth-child(1) {
  animation: musicOn 1s linear infinite forwards;
  -webkit-animation: musicOn 1s linear infinite forwards;
}
.cont-top .music-ctrl:hover i:nth-child(2) {
  animation: musicOn .6s linear infinite forwards;
  -webkit-animation: musicOn .6s linear infinite forwards;
}
.cont-top .music-ctrl:hover i:nth-child(3) {
  animation: musicOn .8s linear infinite forwards;
  -webkit-animation: musicOn .8s linear infinite forwards;
}
.cont-top .music-ctrl:hover i:nth-child(4) {
  animation: musicOn .7s linear infinite forwards;
  -webkit-animation: musicOn .7s linear infinite forwards;
}
.cont-top .music-ctrl:hover i:nth-child(5) {
  animation: musicOn .6s linear infinite forwards;
  -webkit-animation: musicOn .6s linear infinite forwards;
}
.cont-top .music-ctrl.music-on i:nth-child(1) {
  animation: musicOn 1s linear infinite forwards;
  -webkit-animation: musicOn 1s linear infinite forwards;
}
.cont-top .music-ctrl.music-on i:nth-child(2) {
  animation: musicOn .6s linear infinite forwards;
  -webkit-animation: musicOn .6s linear infinite forwards;
}
.cont-top .music-ctrl.music-on i:nth-child(3) {
  animation: musicOn .8s linear infinite forwards;
  -webkit-animation: musicOn .8s linear infinite forwards;
}
.cont-top .music-ctrl.music-on i:nth-child(4) {
  animation: musicOn .7s linear infinite forwards;
  -webkit-animation: musicOn .7s linear infinite forwards;
}
.cont-top .music-ctrl.music-on i:nth-child(5) {
  animation: musicOn .6s linear infinite forwards;
  -webkit-animation: musicOn .6s linear infinite forwards;
}
@keyframes musicOn {
  0% {height: 20%;} 50% {height: 100%;} 100% {height: 20%;}
}
@-webkit-keyframes musicOn {
  0% {height: 20%;} 50% {height: 100%;} 100% {height: 20%;}
}

.cont-top .scroll-tip {display: block; width: 40px; height: 80px; position: absolute; bottom: 50px; left: 50%; margin-left: -20px; overflow: hidden;}
.cont-top .scroll-tip span {display: block; width: 40px; height: 52px; background: url(../images/icon-scroll-tip.png) no-repeat; background-position: 0 0;}
.cont-top .scroll-tip i {display: block; width: 40px; height: 20px; background: url(../images/icon-scroll-tip.png) no-repeat; background-position: 0 -61px;}
.cont-top .scroll-tip i {
  animation: shake .8s linear infinite;
  -webkit-animation: shake .8s linear infinite;
}
@keyframes shake {
  0% {transform: translateY(0);}
  50% {transform: translateY(10px);}
  100% {transform: translateY(0);}
}
@-webkit-keyframes shake {
  0% {transform: translateY(0);}
  50% {transform: translateY(10px);}
  100% {transform: translateY(0);}
}

/* 预约里程碑 */
.cont1 {height: 1560px;}
.cont1 .reserve-count {width: 860px; height: 160px; margin: 70px auto 120px; overflow: hidden;}
.cont1 .reserve-count-title {width: 603px; height: 50px; background: url(../images/page-title0.png) no-repeat center center; margin: 0 auto 10px;}
.cont1 .reserve-count .total {width: 100%; height: 100px; font-family: 'Walrus'; font-size: 92px; font-weight: bold; color: #ffd53d; text-align: center; line-height: 100px;}

.cont1 .reserve-progress {width: 1440px; height: 408px; margin: 20px auto 0; overflow: hidden;}
.cont1 .progress-wrap {width: 1244px; height: 98px; background: url(../images/progress-bar.png) no-repeat; position: relative; margin: 20px auto 0;}
.cont1 .progress-wrap .inner {display: block; width: 1244px; height: 98px; background: url(../images/progress-inner.png) no-repeat; position: absolute; left: 0; top: 0;}
.cont1 .icon-progress-rabbit {display: block; width: 100px; height: 100px; background: url(../images/frame-rabbit.png) no-repeat; position: absolute; left: 0%; bottom: 20px; margin-left: -70px;}
.cont1 .icon-progress-rabbit {
  animation: progressRabbit 1.5s infinite steps(40,end);
  -webkit-animation: progressRabbit 1.5s infinite steps(40,end);
}
@keyframes progressRabbit {
  0%{background-position-x: 0;}
  100%{background-position-x: -4000px;}
}

.cont1 .award-list {width: 1330px; height: 282px; margin: -15px auto 0; font-size: 0; text-align: center; line-height: 282px; overflow: hidden;}
.cont1 .award-wrap {display: inline-block; width: 250px; height: 282px; margin: 0 35px; vertical-align: middle;}
.cont1 .award-wrap i {display: block; width: 6px; height: 22px; border-radius: 3px; background-color: #3292ff; margin: 8px auto 0;}
.cont1 .award-wrap.reach i {height: 30px; background-color: #feb140; margin-top: 0;}
.cont1 .award-wrap .target {width: 250px; height: 80px; margin: 2px auto 0;}
.cont1 .award-wrap .target1 {background: url(../images/target-20.png) no-repeat;}
.cont1 .award-wrap.reach .target1 {background: url(../images/target-20-reach.png) no-repeat;}
.cont1 .award-wrap .target2 {background: url(../images/target-40.png) no-repeat;}
.cont1 .award-wrap.reach .target2 {background: url(../images/target-40-reach.png) no-repeat;}
.cont1 .award-wrap .target3 {background: url(../images/target-60.png) no-repeat;}
.cont1 .award-wrap.reach .target3 {background: url(../images/target-60-reach.png) no-repeat;}
.cont1 .award-wrap .target4 {background: url(../images/target-100.png) no-repeat;}
.cont1 .award-wrap.reach .target4 {background: url(../images/target-100-reach.png) no-repeat;}

.cont1 .award-wrap .award {width: 250px; height: 170px; margin: 0 auto;}
.cont1 .award-wrap .award1 {background: url(../images/reserve-20w.png) no-repeat;}
.cont1 .award-wrap.reach .award1 {background: url(../images/reserve-20w-reach.png) no-repeat;}
.cont1 .award-wrap .award2 {background: url(../images/reserve-40w.png) no-repeat;}
.cont1 .award-wrap.reach .award2 {background: url(../images/reserve-40w-reach.png) no-repeat;}
.cont1 .award-wrap .award3 {background: url(../images/reserve-60w.png) no-repeat;}
.cont1 .award-wrap.reach .award3 {background: url(../images/reserve-60w-reach.png) no-repeat;}
.cont1 .award-wrap .award4 {background: url(../images/reserve-100w.png) no-repeat;}
.cont1 .award-wrap.reach .award4 {background: url(../images/reserve-100w-reach.png) no-repeat;}

.cont1 .more-award {width: 1330px; height: 480px; background: url(../images/more-award.png) no-repeat; margin: 50px auto 0;}

.cont1 .icon-leaf {display: block; width: 161px; height: 140px; background: url(../images/icon-leaf1.png) no-repeat;}
.cont1 .icon-leaf {position: absolute; top: 10px; left: 130px;}


/* 好友召集令 */
.cont2 {height: 1155px;}
.cont2 .invite-list {width: 750px; height: 150px; margin: 0 auto; overflow: hidden; position: relative; font-size: 0;}
.cont2 .invite {display: inline-block; width: 150px; height: 150px; background: url(../images/btn-invite.png) no-repeat; cursor: pointer;}
.cont2 .invite i {display: none; width: 150px; height: 150px; pointer-events: none;}
.cont2 .invite.invited {cursor: default;}
.cont2 .invite.invited i {display: block;}

.cont2 .invite:nth-child(1) i {background: url(../images/icon-invited1.png) no-repeat;}
.cont2 .invite:nth-child(2) i {background: url(../images/icon-invited2.png) no-repeat;}
.cont2 .invite:nth-child(3) i {background: url(../images/icon-invited3.png) no-repeat;}
.cont2 .invite:nth-child(4) i {background: url(../images/icon-invited4.png) no-repeat;}
.cont2 .invite:nth-child(5) i {background: url(../images/icon-invited5.png) no-repeat;}

.cont2 .btn-rule .notice {
	animation: breath 1s linear forwards infinite;
	-webkit-animation: breath 1s linear forwards infinite;
}
/* 提示icon */
@-webkit-keyframes breath {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}
@keyframes breath {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}

.cont2 .award-list {width: 1420px; height: 573px; margin: 30px auto 0; font-size: 0; text-align: center;}
.cont2 .award {display: inline-block; width: 363px; height: 573px; margin: 0 50px;}
.cont2 .btn-get-award {display: block; width: 200px; height: 74px; background: url(../images/btn-get-forbit.png) no-repeat; margin: 495px auto 0; box-shadow: 0 15px 4px rgba(95, 219, 255, 0.1); border-radius: 36px; cursor: default;}
/* .cont2 .succ .btn-get-award {background: url(../images/btn-get-award.png) no-repeat; cursor: pointer;} */
.cont2 .succ .btn-get-award {background: url(../images/btn-got-award.png) no-repeat; cursor: default;}
.cont2 .succ .btn-get-award.got {background: url(../images/btn-got-award.png) no-repeat; cursor: default;}
.cont2 .award.award1 {background: url(../images/box-invite1.png) no-repeat;}
.cont2 .award1.succ {background: url(../images/box-invite1-succ.png) no-repeat;}
.cont2 .award.award2 {background: url(../images/box-invite3.png) no-repeat;}
.cont2 .award2.succ {background: url(../images/box-invite3-succ.png) no-repeat;}
.cont2 .award.award3 {background: url(../images/box-invite5.png) no-repeat;}
.cont2 .award3.succ {background: url(../images/box-invite5-succ.png) no-repeat;}

.cont2 .icon-leaf {display: block; width: 226px; height: 162px; background: url(../images/icon-leaf2.png) no-repeat;}
.cont2 .icon-leaf {position: absolute; top: 130px; right: 90px;}

.cont2 .icon-rabbit {display: block; width: 280px; height: 280px; background: url(../images/img-rabbit.png) no-repeat; position: absolute; top: 414px; right: 82px;}

.cont2 .icon-rabbit {
	animation: fly 3s ease-in forwards infinite;
  animation-direction:alternate;
	-webkit-animation: fly 3s ease-in forwards infinite;
  -webkit-animation-direction:alternate;
}
/* 提示icon */
@-webkit-keyframes fly {
  0% {-webkit-transform: translate(0, 0);}
  100% {-webkit-transform: translate(20px, -20px);}
}
@keyframes fly {
  0% {transform: translate(0, 0);}
  100% {transform: translate(20px, -20px);}
}

/* 侠客悬赏站 */
.cont3 {height: 1240px;}
.cont3 .lottery-wrap {width: 1354px; height: 909px; margin: 30px auto 0; position: relative; background: url(../images/box-lottery.png) no-repeat;}
.cont3 .lottery-msg {width: 1030px; height: 60px; background: url(../images/box-lottery-msg.png) no-repeat bottom center; margin: 0 auto; padding-top: 140px; text-align: center; line-height: 57px;}
.cont3 .lottery-msg .msg-list {display: inline-block; width: 880px; height: 30px; vertical-align: middle; overflow: hidden; position: relative;}
.cont3 .lottery-msg .msg {width: 100%; height: 100%; font-size: 24px; color: #d5f8fc; text-align: left; line-height: 30px; position: absolute; top: 0; left: 0;}
.cont3 .lottery-msg .msg.next {
  animation: nextMsg 1s ease-in forwards 1;
}
@-webkit-keyframes nextMsg {
  0% {top: 45px; opacity: 0;}
  100% {top: 0; opacity: 1;}
}
@keyframes nextMsg {
  0% {top: 45px; opacity: 0;}
  100% {top: 0; opacity: 1;}
}
.cont3 .lottery-box {width: 1030px; height: 550px; margin: 30px auto 0; overflow: hidden;}
.cont3 .lottery {float: left; width: 513px; height: 550px; background: url(../images/bg-lottery.png) no-repeat; position: relative; margin-top: 10px; overflow: hidden;}
.cont3 .lottery .award-list {width: 513px; height: 550px; position: relative; overflow: hidden; margin: 0 auto;}
.cont3 .lottery .award {display: block; width: 147px; height: 147px; background: url(../images/box-award.png) no-repeat; position: absolute;}
.cont3 .lottery .award img {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.cont3 .lottery .award.sel::after {display: block; content: ''; width: 147px; height: 147px; background: url(../images/box-award-sel.png) no-repeat; position: absolute; top: 0; left: 0; opacity: 1;}
/* .cont3 .lottery .award.sel::after {
  animation: blink .1s ease-in forwards 1;
  -webkit-animation: blink .1s ease-in forwards 1;
}
@-webkit-keyframes blink {
  0% {opacity: 1;}
  100% {opacity: 1;}
}
@keyframes blink {
  0% {opacity: 1;}
  100% {opacity: 1;}
} */
.cont3 .lottery .award img {display: block; width: 147px; height: 147px;}
.cont3 .lottery .award:nth-child(1) {top: 26px; left: 26px;}
.cont3 .lottery .award:nth-child(2) {top: 26px; left: 183px;}
.cont3 .lottery .award:nth-child(3) {top: 26px; left: 340px;}
.cont3 .lottery .award:nth-child(4) {top: 183px; left: 340px;}
.cont3 .lottery .award:nth-child(5) {top: 340px; left: 340px;}
.cont3 .lottery .award:nth-child(6) {top: 340px; left: 183px;}
.cont3 .lottery .award:nth-child(7) {top: 340px; left: 26px;}
.cont3 .lottery .award:nth-child(8) {top: 183px; left: 26px;}
.cont3 .btn-lottery {display: block; width: 147px; height: 147px; background: url(../images/btn-lottery.png) no-repeat; position: absolute; top: 183px; left: 183px; z-index: 2;}
.cont3 .btn-lottery.disable {pointer-events: none;}
.cont3 .lottery-ctrl {float: left; width: 450px; height: 550px; overflow: hidden; margin-left: 66px;}
.cont3 .btn-lottery-record {display: block; width: 446px; height: 130px; background: url(../images/btn-lottery-record.png) no-repeat; margin: 0 auto 0;}
.cont3 .btn-get-times {display: block; width: 446px; height: 130px; background: url(../images/btn-get-times.png) no-repeat; margin: 15px auto 0;}
.cont3 .lottery-times {width: 446px; height: 60px; margin: 210px auto 0; font-size: 32px; color: #3292ff; font-weight: bold; text-align: center; line-height: 60px;}
.cont3 .icon-abo {display: block; width: 428px; height: 446px; background: url(../images/img-abo.png) no-repeat; position: absolute; top: 475px; right: -240px;}

/* 萝卜万花筒 */
.cont4 {height: 1040px;}
.cont4 .swiper-container {width: 1698px; height: 670px; margin: 60px auto 80px; overflow: visible; position: relative;}
.cont4 .swiper-slide {width: 1090px; height: 670px; opacity: 0; transition: .5s;}
.cont4 .swiper-slide img {display: block; margin: 0 auto; border-radius: 100px; box-shadow: 0 20px 15px rgba(95, 219, 255, .7); overflow: hidden;}
.cont4 .swiper-slide-prev, .cont4 .swiper-slide-active, .cont4 .swiper-slide-next {opacity: 1;}
.cont4 .swiper-slide-prev, .cont4 .swiper-slide-next {filter: brightness(.55);}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right {background: none;}
.cont4 .pagination {width: 100%; text-align: center;}
.cont4 .swiper-pagination-bullet {width: 16px; height: 16px; background-color: rgba(255, 255, 255, .8); position: relative; opacity: 1; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; margin: 0 20px; border-radius: 8px; transition: .5s;}
.cont4 .swiper-pagination-bullet-active {width: 50px; height: 16px; background-color: #fff; border-radius: 8px; transition: .5s;}
.cont4 .btn-next, .cont4 .btn-prev {display: block; width: 38px; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 1;}
.cont4 .btn-next {background: url(../images/btn-next.png) no-repeat; right: 250px;}
.cont4 .btn-prev {background: url(../images/btn-prev.png) no-repeat; left: 250px;}
.cont4 .icon-leaf {display: block; width: 164px; height: 76px; background: url(../images/icon-leaf3.png) no-repeat;}
.cont4 .icon-leaf {position: absolute; top: 50px; left: 100px;}

/* 江湖小贴士 */
.cont5 .rule-list {width: 1060px; height: auto; margin: 40px auto 0;}
.cont5 .rule-list li {width: 1060px; height: auto; line-height: 47px; font-size: 0; text-align: center; margin-bottom: 10px;}
.cont5 .rule-list li em {display: inline-block; width: 32px; height: 32px; border-radius: 50%; background-color: #0061ba; font-family: 'Hurme'; font-size: 22px; color: #6cddfe; text-align: center; line-height: 32px; vertical-align: middle;}
.cont5 .rule-list li span {display: inline-block; width: 975px; height: auto; font-size: 24px; color: #0061ba; text-align: left; vertical-align: top; margin-left: 20px; letter-spacing: 1px;}

.cont5 .link-list {width: 1400px; height: 385px; margin: 30px auto 0; font-size: 0; text-align: center;}
.cont5 .link-list .link-wrap {display: inline-block; width: 196px; height: 196px; margin: 189px 15px 0; position: relative; cursor: pointer;}
.cont5 .link-list .link-wrap.wx {background: url(../images/link-wx.png) no-repeat bottom center;}
.cont5 .link-list .link-wrap.qq {background: url(../images/link-qq.png) no-repeat bottom center;}
.cont5 .link-list .link-wrap.taptap {background: url(../images/link-taptap.png) no-repeat bottom center;}
.cont5 .link-list .link-wrap.wb {background: url(../images/link-wb.png) no-repeat bottom center;}
.cont5 .link-list .link-wrap.bilibili {background: url(../images/link-bilibili.png) no-repeat bottom center;}
.cont5 .link-list .link-wrap.hykb {background: url(../images/link-hykb.png) no-repeat bottom center;}
.cont5 .link-wrap .link {display: block; width: 100%; height: 100%;}
.cont5 .link-wrap .qrcode-wrap {display: none; width: 196px; height: 175px; position: absolute; top: -189px; left: 0; opacity: 0; transition: 1s;}
.cont5 .link-wrap:hover .qrcode-wrap {display: block; opacity: 1;}

/* 导航 */
.nav-wrap {width: 210px; height: auto; position: fixed; top: 220px; right: 100px; z-index: 999;}

.nav-wrap .btn-wdjp {display: block; width: 128px; height: 131px; background: url(../images/btn-wdjp.png) no-repeat top center; position: absolute; top: -120px; left: 50%; margin-left: -64px; z-index: 1;}
/*.nav-wrap .btn-wdjp::after {display: block; content: ''; width: 63px; height: 63px; background: url(../images/btn-tap-reserve.png) no-repeat; margin: 16px auto 0;}*/
.nav-wrap .btn-switch {display: block; width: 94px; height: 94px; background: url(../images/box-nav-btn.png) no-repeat top center; background-size: 95px 95px; position: absolute; top: 0; left: 50%; margin-left: -47px; z-index: 1;}
.nav-wrap .btn-switch::after {display: block; content: ''; width: 63px; height: 63px; background: url(../images/btn-open-nav.png) no-repeat; margin: 16px auto 0;}
.nav-wrap .btn-switch.open::after {display: block; content: ''; width: 63px; height: 63px; background: url(../images/btn-close-nav.png) no-repeat; margin: 16px auto 0;}
.nav-wrap .btn-tap-reserve, .nav-wrap .btn-switch {
  border-radius: 94px;
  box-shadow: 0 15px 15px rgba(95, 219, 255, 0.4);
}

.nav-wrap .nav-list {width: 208px; height: 423px; margin: 0 auto; background: url(../images/box-nav.png) no-repeat; padding-top: 94px;}
.nav-wrap .nav-list li {display: block; width: 190px; height: 50px; margin: 20px auto; overflow: hidden; position: relative;}
.nav-wrap .nav-list li::after {
  display: block; content: ''; width: 0px; height: 3px; border-radius: 2px; background-color: #3291fb; position: absolute; bottom: 5px; left: 50%; margin-left: -46px;}
.nav-wrap .nav-list li:hover::after, .nav-wrap .nav-list li.cur::after {transition: .3s; width: 92px;}
.nav-wrap .nav-list li a {display: block; width: 190px; height: 50px; font-size: 18px; font-weight: bold; color: #3291fb; text-align: center; line-height: 50px; opacity: .75; transition: .5s;}
.nav-wrap .nav-list li:hover a, .nav-wrap .nav-list li.cur a { opacity: 1; }

/* footer */
.foot-wrap {width: 100%; background: #2b2f38; padding: 25px 0 35px; position: absolute; bottom: 0; left: 0; z-index: 999;}
.foot-wrap p{margin: 0;}
.foot-wrap a{text-decoration: none;}
.foot-wrap .center {width: auto; min-width: 1200px; margin: 0 auto; text-align: center; overflow: hidden;}
.foot-wrap .center .f-logo {display: inline-block; min-width: 300px; height: 90px; vertical-align: middle;}
.foot-wrap .center .f-logo a {margin-right: 25px;width: 159px;height: 100%;line-height: 18px;float: left;color: #c5c5c5;position: relative;display: table; cursor: default;}
.foot-wrap .center .f-logo a span {display: table-cell;vertical-align: middle;text-align: center;}
.foot-wrap .center .f-logo img {width: 100%;border: 0;}
.foot-wrap .center .copy-right {display: inline-block; vertical-align: middle; color: #c5c5c5; line-height: 22px; font-size: 16px; text-align: left;}
.foot-wrap .center .copy-right a{color: #6878a2;margin-right: 20px;text-decoration: underline;}

.footer-to-top {display: block; width: 196px; height: 235px; margin-right: 23px; position: absolute; z-index: 998; right: 180px; bottom: 110px;}
.footer-to-top img {max-width: none;}
#cannon {width: 196px; height: 235px; position: absolute; left: 0; top: 0; z-index: 100;}
#waiting {width: 140px; height: 142px; position: absolute; left: 28px; top: -86px; z-index: 8;}
#puff {display: none; position: absolute; left: -2.5px; top: -120px; z-index: 99;}
#rabbitshot {display: none; width: 140px; height: 142px; position: fixed; left: 0; bottom: 40px; z-index: 7;
  animation: spin .25s linear infinite;
  -webkit-animation: spin .25s linear infinite;
}

@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@-webkit-keyframes spin {
  0% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);}
}

/* 弹窗 */
.pop-wrap {display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: fixed; z-index: 999; top: 0; left: 0;}
.pop-wrap .pop-box {position: absolute; top: 45%; left: 50%; 
  transform: translate(-50%, -50%) scale(.8);
  -webkit-transform: translate(-50%, -50%) scale(.8);
  transition: .2s ease-in;
  pointer-events: all;
}
.pop-wrap.show .pop-box {
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}
.pop-wrap .pop-cont {text-align: center;  overflow: hidden;}

/* pop comm */
.pop-wrap .pop-box {overflow: visible;}
.pop-wrap .pop-cont {position: absolute; top: 0; left: 0; overflow: hidden; z-index: 2;}
.pop-wrap .btn-close {position: absolute; width: 90px; height: 90px; top: 0px; right: 0px; z-index: 3;}
.pop-wrap .btn-close.czds-close {position: absolute; width: 37px; height: 37px; top: 30px; right: 60px; z-index: 3;background: url(../images/czds-close.png) no-repeat;}

/* login */
.pop-login .pop-box {width: 534px; height: 528px;}
.pop-login .pop-cont {width: 534px; height: 528px; background: url(../images/pop/pop-login.png) no-repeat;}
.pop-login .login-wrap {width: 386px; height: auto; margin: 110px auto 0;}
.pop-login .form-wrap {width: 386px; height: auto; margin: 0 auto; text-align: center; line-height: 40px; overflow: hidden;}
.pop-login .platform-wrap {width: 386px; height: 47px; margin: 0 auto 40px; overflow: hidden; font-size: 0; text-align: center;}
.pop-login .platform-wrap a {display: inline-block; width: 141px; height: 47px; vertical-align: middle; margin: 0 10px; background: url(../images/pop/sp-platform.png) no-repeat;}
.pop-login .platform-wrap .ios {background-position: -5px -5px;}
.pop-login .platform-wrap .ios.sel {background-position: -5px -57px;}
.pop-login .platform-wrap .android {background-position: -151px -5px;}
.pop-login .platform-wrap .android.sel {background-position: -151px -57px;}
.pop-login .form-wrap .input-wrap {width: 386px; height: 58px; text-align: center; margin: 20px auto; font-size: 0; line-height: 58px;}
.pop-login input {display: inline-block; width: 386px; height: 58px; background-color: #fffbf6; border-radius: 29px; vertical-align: middle; border: none; font-size: 22px; color: #a1a1a1; line-height: 58px; box-sizing: border-box; padding: 16px 25px;}
.pop-login .sms {width: 210px;}
.pop-login input::-webkit-input-placeholder{color: rgba(185, 185, 185, .8); font-size: 18px;}
.pop-login input::-moz-placeholder{color: rgba(185, 185, 185, .8); font-size: 18px;}
.pop-login .btn-send {display: inline-block; width: 168px; height: 58px;background-color: rgba(50, 146, 255, .8); border-radius: 29px; vertical-align: middle; margin-left: 8px; font-size: 22px; color: #fff; text-align: center; line-height: 58px;}
.pop-login .btn-disable {filter: grayscale(1); pointer-events: none;}
.pop-login .btn-login {display: block; width: 330px; height: 104px; background: url(../images/pop/btn-sure.png) no-repeat; margin: 20px auto 0;}
.pop-login .pop-rabbit {width: 217px; height: 226px; background: url(../images/pop/icon-rabbit.png) no-repeat; position: absolute; bottom: -15px; right: -120px; z-index: 2;}
.pop-login .pop-rabbit::before {display: block; content: ''; width: 109px; height: 102px; background: url(../images/pop/icon-bubble.png) no-repeat; position: absolute; top: -130px; left: 50%; margin-left: -34px;}

/* reserve succ */
.pop-reserve .pop-box {width: 534px; height: 666px;}
.pop-reserve .pop-cont {width: 534px; height: 666px; background: url(../images/pop/pop-reserve-succ.png) no-repeat;}
.pop-reserve .title {width: 217px; height: 70px; background: url(../images/pop/title-succ.png) no-repeat; margin: 0 auto;}
.pop-reserve .title.title2 {background: url(../images/pop/title-reserved.png) no-repeat;}
.pop-reserve .btn-sure {display: block; width: 330px; height: 104px; background: url(../images/pop/btn-sure.png) no-repeat; margin: 475px auto 0;}

/* invite */
.pop-invite .pop-box {width: 534px; height: 428px;}
.pop-invite .pop-cont {width: 534px; height: 428px; background: url(../images/pop/pop-invite.png) no-repeat;}
.pop-invite .cont-wrap {width: 385px; height: auto; margin: 110px auto 0; overflow: hidden;}
.pop-invite .invite-link-wrap {width: 377px; height: 51px; background-color: #fffbf6; margin: 0 auto 20px; border: 3px solid #5ba7fd; border-radius: 29px; overflow: hidden; position: relative; z-index: 1;}
.pop-invite .invite-link-wrap #link {display: block; width: 340px; height: 51px; margin: 0 auto; font-size: 20px; color: #53a7fe; text-align: left; line-height: 51px; overflow: hidden;}
.pop-invite .invite-link-wrap .btn-copy {display: block; width: 106px; height: 42px; background-color: #3292ff; overflow: hidden; border-radius: 21px; position: absolute; right: 4px; top: 5px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; line-height: 42px;}
.pop-invite .qrcode-wrap {width: 383px; height: auto; margin: 0 auto; overflow: hidden; position: relative;}
.pop-invite .qrcode-wrap .notice {float: left; width: 181px; height: auto; margin-top: 120px; font-size: 18px; color: #5ba7fd; text-align: left; line-height: 33px;}
.pop-invite .qrcode {float: left; width: 160px; height: 160px; background-color: transparent; padding: 20px;}

/* pop-award */
/* .pop-award .pop-box {width: 476px; height: 614px;}
.pop-award .pop-cont {width: 476px; height: 614px; background: url(../images/pop/pop-award.png) no-repeat; background-size: 476px 614px;}
.pop-award .award-wrap {display: block; width: 150px; height: 180px; margin: 120px auto 0;}
.pop-award .award {display: block; width: 150px; height: 180px;}
.pop-award .award4 {background: url(../images/pop/award4.png) no-repeat; background-size: 150px 180px;}
.pop-award .award5 {background: url(../images/pop/award5.png) no-repeat; background-size: 150px 180px;}
.pop-award .award6 {background: url(../images/pop/award6.png) no-repeat; background-size: 150px 180px;}
.pop-award .award7 {background: url(../images/pop/award7.png) no-repeat; background-size: 150px 180px;}
.pop-award .award8 {background: url(../images/pop/award8.png) no-repeat; background-size: 150px 180px;}
.pop-award .btn-jxyq {display: block; width: 240px; height: 68px; background: url(../images/pop/btn-jxyq.png) no-repeat; background-size: 240px 68px; margin: 170px auto 0;} */

/* pop-award */
.pop-award-entity .pop-box {width: 534px; height: 583px;}
.pop-award-entity .pop-cont {width: 534px; height: 583px; background: url(../images/pop/pop-award-entity.png) no-repeat;}
.pop-award-entity .award-wrap {display: block; width: 252px; height: 245px; margin: 115px auto 0;}
.pop-award-entity .award {display: block; width: 252px; height: 245px;}
.pop-award-entity .award1 {background: url(../images/pop/award1.png) no-repeat;}
.pop-award-entity .award2 {background: url(../images/pop/award2.png) no-repeat;}
.pop-award-entity .award3 {background: url(../images/pop/award3.png) no-repeat;}
.pop-award-entity .award4 {background: url(../images/pop/award4.png) no-repeat;}
.pop-award-entity .award5 {background: url(../images/pop/award5.png) no-repeat;}
.pop-award-entity .award6 {background: url(../images/pop/award6.png) no-repeat;}
.pop-award-entity .award7 {background: url(../images/pop/award7.png) no-repeat;}
.pop-award-entity .tip {width: 400px; height: auto; font-size: 17px; color: #f79700; text-align: center; line-height: 35px; margin: 10px auto 0;}
.pop-award-entity .btn-add-info {display: block; width: 330px; height: 104px; background: url(../images/pop/btn-add-info.png) no-repeat; margin: 20px auto 0;}

/* address */
.pop-address .pop-box {width: 534px; height: 709px;}
.pop-address .pop-cont {width: 534px; height: 709px; background: url(../images/pop/pop-address.png) no-repeat;}
.pop-address .form-wrap {width: 386px; height: auto; margin: 100px auto 0; overflow: hidden;}
.pop-address .form-wrap .input-wrap {width: 386px; height: auto; text-align: center; margin: 10px auto;}
.pop-address .tag {font-size: 20px; height: 45px; color: #53a6fe; text-align: left; font-weight: bold; line-height: 45px;}
.pop-address input {display: block; width: 386px; height: 58px; background-color: #fffbf6; border: none; border-radius: 29px; font-size: 18px; color: #b9b9b9; line-height: 58px; padding: 6px 20px; box-sizing: border-box;}
.pop-address input::-webkit-input-placeholder{color: rgba(185, 185, 185, .8); font-size: 18px;}
.pop-address input::-moz-placeholder{color: rgba(185, 185, 185, .8); font-size: 18px;}
.pop-address textarea {display: block; width: 386px; height: 116px; background-color: #fffbf6; border: none; border-radius: 29px; font-size: 18px; color: #b9b9b9; line-height: 35px; padding: 20px; box-sizing: border-box; resize: none;}
.pop-address textarea::-webkit-input-placeholder{color: rgba(185, 185, 185, .8); font-size: 18px;}
.pop-address textarea::-moz-placeholder{color: rgba(185, 185, 185, .8); font-size: 18px;}
.pop-address .btn-sure {display: block; width: 330px; height: 104px; background: url(../images/pop/btn-sure.png) no-repeat; margin: 30px auto 0;}

/* record */
.pop-record .pop-box {width: 534px; height: 583px;}
.pop-record .pop-cont {width: 534px; height: 583px; background: url(../images/pop/pop-record.png) no-repeat;}
.pop-record .title-wrap {width: 386px; height: 58px; background-color: rgba(50, 146, 255, .8); margin: 100px auto 0; border-radius: 29px; overflow: hidden; line-height: 58px; font-size: 20px; color: #fff; font-weight: bold; text-align: center;}
.pop-record .time {display: block; float: left; width: 200px; text-align: center;}
.pop-record .name {display: block; float: right; width: 170px; text-align: center;}
.pop-record .record-wrap {width: 386px; height: 210px; overflow: hidden; overflow-y: auto; margin: 30px auto 0;}
.pop-record .record-wrap::-webkit-scrollbar{width: 5px; border: none; background-color: transparent;}
.pop-record .record-wrap::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #45a3fc;}
.pop-record .record-list {width: 386px; height: auto; margin: 0 auto;}
.pop-record .record-list li {width: 386px; height: 35px; font-size: 18px; color: #47a4fc; line-height: 35px; overflow: hidden;}
.pop-record .btn-add-info {display: block; width: 330px; height: 104px; background: url(../images/pop/btn-add-info.png) no-repeat; margin: 60px auto 0;}

/* wdjp */
.pop-wdjp .pop-box {width: 534px; height: 583px;}
.pop-wdjp .pop-cont {width: 534px; height: 583px; background: url(../images/pop/pop-wdjp.png) no-repeat;}
.pop-wdjp .title-wrap {width: 386px; height: 58px; background-color: rgba(50, 146, 255, .8); margin: 100px auto 0; border-radius: 29px; overflow: hidden; line-height: 58px; font-size: 20px; color: #fff; font-weight: bold; text-align: center;}
.pop-wdjp .time {display: block; float: left; width: 200px; text-align: center;}
.pop-wdjp .name {display: block; float: right; width: 170px; text-align: center;}
.pop-wdjp .wdjp-wrap {width: 386px; height: 350px; overflow: hidden; overflow-y: auto; margin: 30px auto 0;}
.pop-wdjp .wdjp-wrap::-webkit-scrollbar{width: 5px; border: none; background-color: transparent;}
.pop-wdjp .wdjp-wrap::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #45a3fc;}
.pop-wdjp .wdjp-list {width: 386px; height: auto; margin: 0 auto;}
.pop-wdjp .wdjp-list li {width: 386px; height: 35px; font-size: 18px; color: #47a4fc; line-height: 35px; overflow: hidden;}

/* task */
.pop-task .pop-box {width: 534px; height: 552px;}
.pop-task .pop-cont {width: 534px; height: 552px; background: url(../images/pop/pop-task.png) no-repeat;}
.pop-task .task-list {width: 383px; height: auto; margin: 110px auto 0; overflow: hidden;}
.pop-task .task {width: 383px; height: 55px; background-color: rgba(79, 166, 253, .9); margin-bottom: 11px; border-radius: 28px; overflow: hidden; position: relative;}
.pop-task .task .desc {width: 340px; margin: 0 auto; font-size: 18px; font-weight: bold; color: #fff; text-align: left; line-height: 55px; overflow: hidden;}
.pop-task .task .desc span {color: #ffd53e;}
.pop-task .task .btn-do {display: block; width: 111px; height: 50px; background: url(../images/pop/btn-do.png) no-repeat; position: absolute; top: 7px; right: 1px;}
.pop-task .task .btn-do.done {background: url(../images/pop/btn-done.png) no-repeat; pointer-events: none;}

.pop-task-qrcode {display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: fixed; z-index: 999; top: 0; left: 0; user-select: none; -webkit-user-select: none;}
.pop-task-qrcode .qrcode-wrap { width: 400px; height: 250px; position: absolute; top: 50%; left: 50%; margin: -125px 0 0 -200px;}
.pop-task-qrcode .qrcode {width: 160px; height: 160px; background-color: transparent; margin: 0 auto; }
.pop-task-qrcode .tip {height: 50px; font-size: 20px; color: #fff; text-align: center; line-height: 50px; margin-top: 20px;}

.pop-task-qrcode .pop-box {width: 534px; height: 552px;}
.pop-task-qrcode .pop-cont { width: 534px; height: 552px; background: url(../images/pop/pop-qrcode-wrap.png) no-repeat;}
.pop-task-qrcode .qrcode {width: 236px; height: 236px; margin: 120px auto 0;}
.pop-task-qrcode .qrcode img {display: block; width: 100%; height: 100%;}
.pop-task-qrcode .tip {height: auto; font-size: 20px; color: #47a4fc; text-align: center; line-height: 35px; margin-top: 15px; letter-spacing: 2px;}

.pop-mobile-qrcode .pop-box {width: 534px; height: 552px;}
.pop-mobile-qrcode .pop-cont { width: 534px; height: 552px; background: url(../images/pop/pop-qrcode-wrap.png) no-repeat;}
.pop-mobile-qrcode .qrcode {width: 236px; height: 236px; margin: 120px auto 0;}
.pop-mobile-qrcode .qrcode img {display: block; width: 100%; height: 100%;}
.pop-mobile-qrcode .tip {height: auto; font-size: 20px; color: #47a4fc; text-align: center; line-height: 35px; margin-top: 15px; letter-spacing: 2px;}
.pop-mobile-qrcode .tip em {display: inline-block; width: 20px;}

.pop-czds .pop-box {width: 523px; height: 476px;}
.pop-czds .pop-cont { width: 523px; height: 476px; background: url(../images/czds-bg.png) no-repeat;}
.pop-czds .czds-ljcy {width: 179px; height: 57px; display: block; position: absolute; left: 50%; margin-left: -90px; top: 420px;background: url(../images/czds-ljcy.png) no-repeat;}

.videoPop {position: fixed;width: 100%;height: 100%;top: 0;background: rgba(0, 0, 0, 0.8);z-index: 98;display: none;}
.videoPop .close {position: absolute; width: 40px; height: 40px; top: -35px; right: -35px; background: url(//res.737.com/themes/fyg/images/mzsyz/reserve/btn-close.png) no-repeat; transition: .4s; z-index: 999; cursor: pointer;}
.videoPop .close:hover {transform: rotate(90deg);} 
.videoPlay {width: 904px; height: 510px; border: 2px solid #97a0ff; position: absolute; left: 50%;top: 50%;z-index: 99;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);box-sizing: border-box;}
.videoPlay #video {width: 900px; height: 506px;}