@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, li { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

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

img { vertical-align: bottom; }

button, input[type=button] { overflow: visible; box-sizing: content-box; }

label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

button, input, select, textarea { margin: 0; }

button, input[type=button] { width: auto; overflow: visible; }

input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { padding: 0; margin: 0; }

.cl:before, .cl:after { content: ""; display: block; height: 0; overflow: hidden; }

.cl:after { clear: both; }

.cl { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.f12 { font-size: 12px; }

.f16 { font-size: 16px; }

.fw7 { font-weight: 700; }

.fw4 { font-weight: 400; }

.pr { position: relative; }

.pa { position: absolute; }

.vm { vertical-align: middle; }

.tac { text-align: center; }

a { text-decoration: none; }

body { background: #cbebe7; font: 14px/22px "Microsoft Yahei"; min-width: 1030px; margin: 0 auto; max-width: 1920px; }

.wrap { width: 1030px; margin-left: auto; margin-right: auto; }

#pop_weixin_tip { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; text-align: center; background: rgba(0, 0, 0, 0.7); z-index: 999; overflow: hidden; }

#pop_weixin_tip .share_tip { width: 750px; height: 186px; padding-top: 60px; font: normal 30px/60px "Microsoft Yahei"; color: #fff; text-align: center; background: url(https://mountain.show.173.com/images/share_weixin_bg.png); background-size: 100% auto; }

.browser_share { top: 870px; right: 0; width: 378px; text-align: center; }

#share_btn_wrap span { color: #FFF; display: inline-block; vertical-align: middle; width: 52px; margin: 0 10px; height: 43px; position: relative; z-index: 1; background-position: 50% 50%; background-repeat: no-repeat; }

#share_copy { background-image: url("../images/share_copy.png"); }

#share_weixin { background-image: url("../images/share_weixin.png"); }

#share_weibo { background-image: url("../images/share_weibo.png"); }

#share_btn_wrap.ani_left { left: -750px; }

#slide_weixin { display: none; position: absolute; width: 300px; left: 50%; margin-left: -520px; bottom: 50px; }

.slide_wx_cont { position: relative; margin: 20px auto 0; height: 380px; background-color: #fff; border-radius: 10px; }

#close_weixin { position: absolute; width: 47px; height: 47px; right: -20px; top: -20px; background: url(https://mountain.show.173.com/images/icon_close2.png); background-size: 100% auto; }

.slide_wx_cont p { padding-top: 20px; font: normal 24px/36px "Microsoft Yahei"; color: #4d4d4d; }

#q_code { position: relative; width: 260px; height: 260px; margin: 10px auto 0; overflow: hidden; }

#q_code img { position: absolute; width: 260px; height: 260px; left: 0; top: 0; z-index: 2; opacity: 1; }

#slide_weixin.ani_left { display: block; }

#share_copy_link { height: 100%; opacity: 0; position: absolute; width: 100%; left: 0; top: 0; }

.pop { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; z-index: 100; left: 0; top: 0; display: none; }
.pop .box { position: absolute; top: 46%; left: 50%; width: 476px; background: #FFF; color: #869331; font-size: 22px; line-height: 32px; border-radius: 10px; height: 200px; box-sizing: border-box; transform: translate(-50%, -50%); -wibkit-transform: translate(-50%, -50%); }
.pop .close { position: absolute; background: url(../images/close.png) 50% 50% no-repeat; width: 30px; height: 30px; cursor: pointer; right: 10px; top: 10px; z-index: 10; }

.common-pop .inner { width: 80%; margin: 0 auto; height: 100%; display: -webkit-flex; /*webkit*/ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.common-pop .inner span { display: inline-block; text-align: left; max-height: 150px; overflow: hidden; }
.common-pop .inner b { display: block; font-size: 24px; color: #e54929; font-weight: 400; line-height: 50px; text-align: center; }

.hero { height: 1313px; background: url("../images/hero.jpg") 50% 0 no-repeat; }
.hero .logo { left: 25px; top: 25px; }
.hero .time { top: 500px; background: url("../images/time.png"); width: 562px; height: 80px; line-height: 80px; color: #FFF; font-size: 42px; left: 50%; margin-left: -281px; }
.hero .login, .hero .logout { line-height: 70px; color: #fff; font-size: 30px; z-index: 1; background: url("../images/login.png"); width: 378px; height: 70px; top: 776px; right: 0; }
.hero .login a { display: block; height: 100%; }
.hero a { color: #fff; }
.hero .logout { display: none; }
.hero .logout .username { display: inline-block; height: 100%; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal; max-width: 7em; }

.m1 { background: url("../images/m1.jpg") 50% 0 no-repeat; height: 1764px; }
.m1 .tab-cnt { height: 234px; background: #FFF; border-radius: 20px; margin-bottom: 20px; }
.m1 .info-box { display: none; }
.m1 .tab-nav { margin-bottom: 13px; font-size: 0; }
.m1 .tab-nav li { display: inline-block; vertical-align: top; margin: 0 30px; width: 321px; height: 66px; background-repeat: no-repeat; background-image: url("../images/tab.png"); }
.m1 .tab-nav .i1 { background-position: 0 0; }
.m1 .tab-nav .i1.on { background-position: -350px 0; pointer-events: none; }
.m1 .tab-nav .i2 { background-position: 0 -100px; }
.m1 .tab-nav .i2.on { background-position: -350px -100px; pointer-events: none; }
.m1 .light { color: #ff6b4d; }
.m1 .rule { font: 18px/28px "Microsoft Yahei"; color: #b2be61; counter-reset: term; width: 800px; margin-left: 124px; padding-top: 28px; }
.m1 .rule li { position: relative; padding-left: 30px; }
.m1 .rule li:before { counter-increment: term; content: counter(term); display: inline-block; background: url("../images/icon.png"); width: 26px; height: 26px; color: #FFF; position: absolute; left: 0; line-height: 26px; top: 1px; overflow: hidden; text-align: center; }
.m1 .prize { width: 893px; margin: 0 auto; padding-top: 18px; color: #FFF; font-size: 18px; }
.m1 .prize li { height: 24px; border-radius: 24px; background: #b2be61; border: 1px solid #416164; margin-bottom: 6px; box-sizing: border-box; line-height: 22px; }
.m1 .prize .hd { height: 34px; line-height: 32px; margin-bottom: 10px; background: #f2864a; font-size: 20px; }
.m1 .prize span { display: inline-block; height: 100%; vertical-align: top; width: 40%; }
.m1 .box { height: 1005px; box-sizing: border-box; padding-top: 20px; background: #FFF; border-radius: 20px; }
.m1 .list { width: 923px; margin-left: 70px; font-size: 0; }
.m1 .list .col1, .m1 .list .col2, .m1 .list .col3, .m1 .list .col4 { display: inline-block; height: 100%; vertical-align: top; font-size: 18px; text-align: center; }
.m1 .list .col1 { width: 40px; margin-left: 155px; font-size: 26px; }
.m1 .list .col2 { width: 130px; }
.m1 .list .col3 { width: 280px; overflow: hidden; }
.m1 .list .col4 { width: 230px; }
.m1 .list .hd { background: url("../images/list-hd.png"); width: 893px; height: 39px; margin-bottom: 16px; line-height: 39px; color: #FFF; }
.m1 .list .bd { color: #86932e; height: 900px; overflow: auto; scrollbar-arrow-color: #b2be61; /*三角箭头的颜色*/ scrollbar-face-color: #b2be61; /*滚动条滑块按钮的颜色*/ scrollbar-highlight-color: #FFF; /*滚动条整体颜色*/ scrollbar-shadow-color: #FFF; /*滚动条边框*/ scrollbar-track-color: #FFF; /*滚动条轨道颜色*/ }
.m1 .list .bd::-webkit-scrollbar { border-radius: 18px; width: 18px; }
.m1 .list .bd::-webkit-scrollbar-track { background: transparent; }
.m1 .list .bd::-webkit-scrollbar-thumb { background: #b2be61; border: 1px solid #416164; border-radius: 15px; }
.m1 .list .bd::-webkit-scrollbar-thumb:hover { background: #1b022d; }
.m1 .list .bd .col1 b { display: inline-block; background: url("../images/badge4.png") 50% 0 no-repeat; width: 37px; height: 37px; vertical-align: middle; line-height: 37px; color: #FFF; }
.m1 .list .bd ul { width: 893px; }
.m1 .list .bd li { background: url("../images/item2.jpg") 0 0 no-repeat; height: 79px; line-height: 78px; margin-bottom: 11px; }
.m1 .list .bd .i1, .m1 .list .bd .i2, .m1 .list .bd .i0 { background-image: url("../images/item1.jpg"); }
.m1 .list .bd .i1 b, .m1 .list .bd .i2 b, .m1 .list .bd .i0 b { width: 40px; height: 57px; box-sizing: border-box; vertical-align: top; padding-top: 25px; font-size: 26px; line-height: 30px; font-weight: 400; }
.m1 .list .bd .i0 b { background: url("../images/badge1.png") 0 0 no-repeat; }
.m1 .list .bd .i1 b { background: url("../images/badge2.png") 0 0 no-repeat; }
.m1 .list .bd .i2 b { background: url("../images/badge3.png") 0 0 no-repeat; }
.m1 .avt { display: inline-block; vertical-align: middle; border: 2px solid #86932e; width: 64px; height: 64px; overflow: hidden; border-radius: 50%; margin-top: -3px; }
.m1 .avt img { width: 100%; height: 100%; vertical-align: top; }

.qr { background: url("../images/m3.jpg") 50% 0 no-repeat; height: 303px; }

.m2 { background: url("../images/m2.jpg") 50% 0 no-repeat; height: 1249px; color: #b8c2c3; font-size: 18px; line-height: 28px; }
.m2 .box { width: 592px; height: 680px; margin: 0 auto 310px; }
.m2 .luck-btn { cursor: pointer; background: url("../images/btn.png"); width: 240px; height: 79px; bottom: 0; left: 134px; }
.m2 .ball-box { height: 524px; }
.m2 .ball-box:after { content: ''; background: url("../images/mask.png"); width: 592px; height: 524px; position: absolute; left: 0; top: 0; z-index: 15; }
.m2 .ball { position: absolute; width: 78px; height: 78px; background-repeat: no-repeat; background-position: 50% 50%; }
.m2 .ball1 { background-image: url("../images/ball1.png"); left: 71px; top: 303px; z-index: 2; }
.m2 .ball2 { background-image: url("../images/ball2.png"); left: 129px; top: 272px; z-index: 1; }
.m2 .ball3 { background-image: url("../images/ball3.png"); left: 141px; top: 338px; z-index: 3; }
.m2 .ball4 { background-image: url("../images/ball4.png"); left: 199px; top: 309px; z-index: 4; }
.m2 .ball5 { background-image: url("../images/ball5.png"); left: 212px; top: 271px; z-index: 1; }
.m2 .ball6 { background-image: url("../images/ball6.png"); left: 277px; top: 294px; z-index: 5; }
.m2 .ball7 { background-image: url("../images/ball7.png"); left: 322px; top: 257px; z-index: 2; }
.m2 .ball8 { background-image: url("../images/ball8.png"); left: 345px; top: 331px; z-index: 3; }
.m2 .ball9 { background-image: url("../images/ball9.png"); left: 383px; top: 336px; z-index: 2; }
.m2 .ball10 { background-image: url("../images/ball10.png"); left: 392px; top: 282px; z-index: 1; }
.m2 .ball11 { background-image: url("../images/ball11.png"); left: 451px; top: 323px; z-index: 4; }
.m2 .sparkle { display: none; }
.m2 .glow { z-index: 11; }
.m2 .glow:after { content: ""; width: 78px; height: 78px; top: 50%; left: 50%; margin: -39px 0 0 -39px; position: absolute; border-radius: 100px; animation: pulse 1.5s ease-in-out infinite alternate; }
.m2 .glow .sparkle { display: block; height: 4px; width: 4px; background: #FFF; position: absolute; border-radius: 100px; opacity: 0; z-index: 100; }
.m2 .glow .sparkle:nth-child(1) { top: -10px; left: 3px; }
.m2 .glow .sparkle:nth-child(2) { top: 10px; left: 76px; }
.m2 .glow .sparkle:nth-child(3) { top: 60px; left: 88px; }
.m2 .glow .sparkle:nth-child(4) { top: 34px; left: -10px; }
.m2 .glow .sparkle:nth-child(5) { top: -10px; left: 38px; }
.m2 .glow .sparkle:nth-child(1) { animation: sparkling 0.8s ease-in-out 0.2s infinite; }
.m2 .glow .sparkle:nth-child(2) { animation: sparkling 0.8s ease-in-out 0.4s infinite; }
.m2 .glow .sparkle:nth-child(3) { animation: sparkling 0.8s ease-in-out 0.6s infinite; }
.m2 .glow .sparkle:nth-child(4) { animation: sparkling 0.8s ease-in-out 0.8s infinite; }
.m2 .glow .sparkle:nth-child(5) { animation: sparkling 0.8s ease-in-out 1s infinite; }

@-webkit-keyframes pulse { 0%, 100% { box-shadow: 0 0 15px 0 rgba(254, 255, 146, 0.9), 0 0 20px 6px rgba(253, 254, 188, 0.8); }
  50% { box-shadow: 0 0 15px 5px rgba(254, 255, 146, 0.9), 0 0 20px 10px rgba(253, 254, 188, 0.8); } }
@keyframes pulse { 0%, 100% { box-shadow: 0 0 15px 0 rgba(254, 255, 146, 0.9), 0 0 20px 6px rgba(253, 254, 188, 0.8); }
  50% { box-shadow: 0 0 15px 5px rgba(254, 255, 146, 0.9), 0 0 20px 10px rgba(253, 254, 188, 0.8); } }
@-webkit-keyframes sparkling { 0%, 100% { transform: scale3d(0, 0, 1); opacity: 0; }
  25%, 75% { opacity: 1; }
  50% { transform: scale3d(1, 1, 1); opacity: 0; } }
@keyframes sparkling { 0%, 100% { transform: scale3d(0, 0, 1); opacity: 0; }
  25%, 75% { opacity: 1; }
  50% { transform: scale3d(1, 1, 1); opacity: 0; } }

/*# sourceMappingURL=style.css.map */