@charset "utf-8";

/* ------------------------------------------------------------ */
/* 重置样式 */
/* ------------------------------------------------------------ */
::-webkit-scrollbar { width:4px; height:4px; background-color:#fff; }
::-webkit-scrollbar-thumb { position:relative; background-color:#c1c1c1; background-clip:padding-box; }
::-webkit-scrollbar-thumb:hover { background-color:#a8a8a8; }

* { -webkit-tap-highlight-color:rgba(0,0,0,0); }
html { background-color:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; }
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, figure, pre, dl, dt, dd, ol, ul, menu, dir, li, th, td, form, fieldset, legend, input, select, textarea, button, hr { margin:0; padding:0; }
body, input, select, textarea, button { color:#333; font-size:14px; font-weight:300; font-family:'Helvetica Neue', 'Helvetica', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'sans-serif'; }
body { line-height:1; }
h1, h2, h3, h4, h5, h6, big, small { font-size:inherit; }
h1, h2, h3, h4, h5, h6, th, b, strong { font-weight:300; }
ol, ul, menu, dir { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
fieldset { border:1px solid #333; }
hr { border:none; border-bottom:1px solid #333; }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#333; }
textarea { resize:none; }
img { border:0; vertical-align:middle; }
address, cite, dfn, em, i, var { font-style:normal; }
pre, code, kbd, samp, tt { font-family:inherit; }
:focus { outline:none; }

/* ------------------------------------------------------------ */
/* 辅助样式 */
/* ------------------------------------------------------------ */
.clearfix:before, .clearfix:after { content:''; display:block; width:100%; height:0; visibility:hidden; clear:both; }

.pull-left { float:left !important; }
.pull-right { float:right !important; }

.visible { visibility:visible !important; }
.hidden { visibility:hidden !important; }

.show { display:block !important; }
.hide { display:none !important; }

.margin-none { margin:0 !important; }
.margin-xxs { margin:5px !important; }
.margin-xs { margin:10px !important; }
.margin-sm { margin:15px !important; }
.margin-lg { margin:20px !important; }
.margin-xl { margin:25px !important; }
.margin-xxl { margin:30px !important; }
.margin-top-none { margin-top:0 !important; }
.margin-top-xxs { margin-top:5px !important; }
.margin-top-xs { margin-top:10px !important; }
.margin-top-sm { margin-top:15px !important; }
.margin-top-lg { margin-top:20px !important; }
.margin-top-xl { margin-top:25px !important; }
.margin-top-xxl { margin-top:30px !important; }
.margin-right-none { margin-right:0 !important; }
.margin-right-xxs { margin-right:5px !important; }
.margin-right-xs { margin-right:10px !important; }
.margin-right-sm { margin-right:15px !important; }
.margin-right-lg { margin-right:20px !important; }
.margin-right-xl { margin-right:25px !important; }
.margin-right-xxl { margin-right:30px !important; }
.margin-bottom-none { margin-bottom:0 !important; }
.margin-bottom-xxs { margin-bottom:5px !important; }
.margin-bottom-xs { margin-bottom:10px !important; }
.margin-bottom-sm { margin-bottom:15px !important; }
.margin-bottom-lg { margin-bottom:20px !important; }
.margin-bottom-xl { margin-bottom:25px !important; }
.margin-bottom-xxl { margin-bottom:30px !important; }
.margin-left-none { margin-left:0 !important; }
.margin-left-xxs { margin-left:5px !important; }
.margin-left-xs { margin-left:10px !important; }
.margin-left-sm { margin-left:15px !important; }
.margin-left-lg { margin-left:20px !important; }
.margin-left-xl { margin-left:25px !important; }
.margin-left-xxl { margin-left:30px !important; }

.padding-none { padding:0 !important; }
.padding-xxs { padding:5px !important; }
.padding-xs { padding:10px !important; }
.padding-sm { padding:15px !important; }
.padding-lg { padding:20px !important; }
.padding-xl { padding:25px !important; }
.padding-xxl { padding:30px !important; }
.padding-top-none { padding-top:0 !important; }
.padding-top-xxs { padding-top:5px !important; }
.padding-top-xs { padding-top:10px !important; }
.padding-top-sm { padding-top:15px !important; }
.padding-top-lg { padding-top:20px !important; }
.padding-top-xl { padding-top:25px !important; }
.padding-top-xxl { padding-top:30px !important; }
.padding-right-none { padding-right:0 !important; }
.padding-right-xxs { padding-right:5px !important; }
.padding-right-xs { padding-right:10px !important; }
.padding-right-sm { padding-right:15px !important; }
.padding-right-lg { padding-right:20px !important; }
.padding-right-xl { padding-right:25px !important; }
.padding-right-xxl { padding-right:30px !important; }
.padding-bottom-none { padding-bottom:0 !important; }
.padding-bottom-xxs { padding-bottom:5px !important; }
.padding-bottom-xs { padding-bottom:10px !important; }
.padding-bottom-sm { padding-bottom:15px !important; }
.padding-bottom-lg { padding-bottom:20px !important; }
.padding-bottom-xl { padding-bottom:25px !important; }
.padding-bottom-xxl { padding-bottom:30px !important; }
.padding-left-none { padding-left:0 !important; }
.padding-left-xxs { padding-left:5px !important; }
.padding-left-xs { padding-left:10px !important; }
.padding-left-sm { padding-left:15px !important; }
.padding-left-lg { padding-left:20px !important; }
.padding-left-xl { padding-left:25px !important; }
.padding-left-xxl { padding-left:30px !important; }

.write-nowrap { white-space:nowrap; }
.write-break { white-space:normal; word-break:break-all; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }
.write-ellipsis { overflow:hidden; word-wrap:normal; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }

.weight-thin { font-weight:300; }
.weight-bold { font-weight:600; }

/* ------------------------------------------------------------ */
/* 布局样式 */
/* ------------------------------------------------------------ */

body { min-width:1200px; background:#030101 url('../images/bg.jpg') no-repeat 50% 0; padding-top:652px; }

.app { position:relative; }

/*.user-info { width:1200px; height:20px; margin:0 auto; text-align:right; line-height:20px; font-size:0; }*/
/*.user-info i { display:inline-block; width:1px; height:12px; background-color:#8b8b8b; margin:0 5px; vertical-align:middle; }*/
/*.user-info em { display:inline-block; margin-right:20px; vertical-align:middle; color:#8b8b8b; font-size:12px; }*/
/*.user-info a { display:inline-block; vertical-align:middle; color:#c8c8c8; font-size:12px; }*/
/*.user-info a:hover { color:#9e5106; }*/
.video{mix-blend-mode: screen;position: absolute;pointer-events: none;z-index: 10;top:-300px;width: 100%}
.app .center{width: 1176px;height: 50px;position: relative;margin: 0 auto}
.login-info{position: absolute;right: 38px;top: 5px}
.login-info a{color: #8b8b8b;font-size: 12px}

.user-info {position: absolute;right: 38px;top: 5px; text-align:right; line-height:20px; font-size:0;display: none }
.user-info i { display:inline-block; width:1px; height:12px; background-color:#8b8b8b; margin:0 5px; vertical-align:middle; }
.user-info em { display:inline-block; margin-right:20px; vertical-align:middle; color:#8b8b8b; font-size:12px; }
.user-info a { display:inline-block; vertical-align:middle; color:#c8c8c8; font-size:12px; }
.user-info a:hover { color:#9e5106; }

.nav-wrap { border-bottom:6px solid #c87523; background-color:rgba(0,0,0,0.4); margin-top:20px; }

.nav { width:1200px; height:74px; margin:0 auto; }
.nav .link { float:left; display:block; width:170px; height:74px; border-bottom:6px solid transparent; text-align:center; line-height:74px; color:#c8c8c8; font-size:20px;font-weight: bold }
.nav .link .img{float: left}
.nav .link .info{float: left;line-height: 16px;margin-top: 18px;margin-left: 4px;text-align: left}
.nav .link .info span{font-size: 12px;color: #4f4f4f}
.nav .link:hover { border-bottom-color:#96581a; color:#a7611d; }
.nav .link:hover span{color: #a7611d}
.nav .btn-signUp { float:left; display:block; width:172px; height:74px; border-bottom:6px solid #9e5106; background-color:#c87523; text-align:center; line-height:74px; color:#f8f8f8; font-size:20px; font-weight:600; }
.nav .btn-signUp .img{float: left;margin-left: 12px}
.nav .btn-signUp .info{float: left;line-height: 16px;margin-top: 18px;margin-left: -10px;text-align: left}
.nav .btn-signUp .info span{font-size: 12px}

.intro-wrap { padding-top:20px; overflow:hidden; }

.intro { width:948px; height:56px; background:url('../images/bg-intro.png') no-repeat 50% 0; margin:0 auto; padding:19px 70px; }
.intro dl { position:relative; padding-left:80px; line-height:28px; color:#c8c8c8; }
.intro dl dt { position:absolute; top:0; left:0; color:#fff; font-weight:600; }

.plan-wrap { padding-top:72px; height:100px; overflow:hidden; }

.plan { position:relative; width:1200px; height:22px; background-image:url('../images/bg-plan.png'); background-repeat:no-repeat; margin:0 auto; }
.plan.bp1 { background-position:50% 0; }
.plan.bp2 { background-position:50% -22px; }
.plan.bp3 { background-position:50% -44px; }
.plan.bp4 { background-position:50% -66px; }
.plan.bp5 { background-position:50% -88px; }
.plan .node { position:absolute; top:40px; width:140px; text-align:center; line-height:30px; color:#9e5106; font-size:16px; }
.plan .node.l1 { left:-10px; }
.plan .node.l2 { left:260px; }
.plan .node.l3 { left:530px; }
.plan .node.l4 { left:800px; }
.plan .node.l5 { left:1070px; }

.reward-wrap { padding-top:80px; }

.reward { width:1200px; margin:0 auto; }
.reward .legend { height:66px; background:url('../images/bg-reward-legend.png') no-repeat 50% 0; margin-bottom:76px; overflow:hidden; text-align:center; line-height:10000px; }
.reward .prize { width:896px; height:846px; background:url('../images/prize.png') no-repeat 50% 0; margin:0 auto; }

.live-wrap { height:720px; margin-top:80px; background:url('../images/bg-live-wrap.jpg') no-repeat 50% 0; }

.live { width:1200px; margin:0 auto; padding-top:80px; }
.live .legend { height:66px; background:url('../images/bg-live-legend.png') no-repeat 50% 0; margin-bottom:64px; overflow:hidden; text-align:center; line-height:10000px; }
.live .player { width:772px; height:432px; border:4px solid #232020; background-color:#000; }
.live .player embed { display:block; width:100%; height:100%; }
.live .past-panel { width:400px; }
.live .past-panel .panel-hd { position:relative; padding-left:18px; color:#c47e4b; }
.live .past-panel .panel-hd:before { content:''; position:absolute; top:50%; left:0; display:block; width:8px; height:8px; border-radius:8px; background-color:#c47e4b; margin-top:-4px; }
.live .past-panel .panel-bd { margin-top:18px; }
.live .video-list { height:350px; margin-bottom:18px; overflow:hidden; }
.live .video-list .link { position:relative; float:left; display:block; width:190px; margin-top:10px; margin-right:20px; }
.live .video-list .link:nth-child(1) { margin-top:0; }
.live .video-list .link:nth-child(2) { margin-top:0; }
.live .video-list .link:nth-child(2n) { margin-right:0; }
.live .video-list .link .thumb { display:block; width:190px; height:120px; margin:0 auto; }
.live .video-list .link .btn-play { position:absolute; top:0; left:0; right:0; display:none; height:120px; background:rgba(0,0,0,0.6) url('../images/btn-play.png') no-repeat 50% 50%; }
.live .video-list .link .title { height:40px; margin-top:10px; overflow:hidden; line-height:20px; color:#905732; }
.live .video-list .link:hover .btn-play { display:block; }
.live .video-list .link:hover .title { color:#fff; }
.live .btn-more { display:block; width:180px; height:36px; border:2px solid #c98955; border-radius:40px; margin:0 auto; text-align:center; line-height:36px; color:#c98955; }

.news-wrap {  }

.news { width:1200px; margin:0 auto; padding-top:80px; }
.news .legend { height:66px; background:url('../images/bg-news-legend.png') no-repeat 50% 0; margin-bottom:64px; overflow:hidden; text-align:center; line-height:10000px; }
.news .latest-list { float:left; width:520px; height:288px; overflow:hidden; }
.news .latest-list .link { display:block; height:24px; margin-top:20px; }
.news .latest-list .link:nth-child(1) { margin-top:0; }
.news .latest-list .link .type { float:left; width:58px; height:22px; border:1px solid #c37c4a; border-radius:24px; text-align:center; line-height:22px; color:#c37c4a; }
.news .latest-list .link .title { float:left; width:380px; height:24px; margin-left:10px; overflow:hidden; line-height:24px; color:#ccc; font-size:16px; }
.news .latest-list .link .when { float:right; height:24px; line-height:24px; color:#666; font-size:16px; }
.news .latest-list .link:hover .type { background-color:#c37c4a; color:#fff; }
.news .latest-list .link:hover .title { text-decoration:underline; color:#c17645; font-weight:600px; }
.news .latest-list .link:hover .when { color:#c17645; }
.news .hottest-list { position:relative; float:right; width:640px; height:288px; background-color:#666; }
.news .hottest-list .link { display:block; width:100%; height:100%; }
.news .hottest-list .link img { display:block; width:100%; height:100%; }
.news .hottest-list .swiper-container { width:100%; height:100%; }
.news .hottest-list .swiper-pagination { bottom:20px; right:20px; font-size:0; }
.news .hottest-list .swiper-pagination-bullet { width:8px; height:8px; border-radius:8px; background-color:#d7d7d8; margin-left:10px; vertical-align:middle; opacity:1; }
.news .hottest-list .swiper-pagination-bullet-active { width:24px; background-color:#c17645; }
.news .btn-more { display:block; width:180px; height:36px; border:2px solid #c98955; border-radius:40px; margin:60px auto 0; text-align:center; line-height:36px; color:#c98955; }

.round-wrap { margin-top:112px; }

.round { width:1200px; margin:0 auto; }
.round .legend { height:66px; background:url('../images/bg-round-legend.png') no-repeat 50% 0; margin-bottom:64px; overflow:hidden; text-align:center; line-height:10000px; }
.round .type { height:32px; margin-bottom:20px; }
.round .type li { float:left; cursor:pointer; display:block; width:33.33333333%; border-bottom:4px solid #8f8e8e; padding-bottom:12px; text-align:center; color:#8f8e8e; font-size:16px; }
.round .type li.on { border-bottom-color:#9e5106; color:#c27c4a; }
.round .group { height:32px; margin-bottom:20px; }
.round .group li { float:left; cursor:pointer; display:block; width:68px; height:30px; border:1px solid #c37c4a; border-radius:32px; margin-right:10px; text-align:center; line-height:30px; color:#c37c4a; font-size:14px; }
.round .group li.on { border-color:#c47458; background-color:#c37c4a; color:#fff; }
.round .map { min-height:620px; text-align:center; font-size:0; }

.rule-wrap { padding:80px 0; }

.rule { width:1000px; margin:0 auto; }
.rule h4 { margin-top:70px; margin-bottom:20px; color:#c87523; font-size:24px; }
.rule p { line-height:28px; color:#ccc; }
.rule p .highlight { color:#c87523; }

.footer { background-color:#0f0e0e; }
.footer-inner { width:1200px; margin:0 auto; padding:40px 0; }
.footer p { text-align:center; line-height:24px; color:#555; font-size:12px; }

.signUp { background-color:#201a18; }
.signUp-hd { background-color:#140f0e; padding:30px 0; text-align:center; color:#9b928a; font-size:26px; font-weight:600; }
.signUp-bd { padding:30px 30px 0; }
.signUp-bd .form { float:left; width:690px; }
.signUp-bd .fieldset { position:relative; padding-left:60px; }
.signUp-bd .legend { position:absolute; top:0; left:0; height:66px; line-height:33px; color:#c47458; font-size:20px; font-weight:600; }
.signUp-bd .field { height:28px; }
.signUp-bd .field h4 { float:left; display:block; width:60px; margin-right:6px; white-space:nowrap; text-align:right; line-height:28px; color:#9b928a; font-size:12px; }
.signUp-bd .field input[type="text"] { float:left; display:block; width:130px; height:26px; border:1px solid #59544f; background-color:#302825; padding:0 5px; line-height:26px; color:#9b928a; font-size:12px; }
.signUp-bd .field input[type="text"].js-role { border:1px solid #140f0e; background-color:#140f0e; text-align:center; }
.signUp-bd .field label { float:left; display:block; margin:7px 10px 7px 0; font-size:0; }
.signUp-bd .field label input[type="radio"] { display:inline-block; width:14px; height:14px; vertical-align:middle; }
.signUp-bd .field label em { display:inline-block; margin-left:4px; vertical-align:middle; color:#9b928a; font-size:12px; }
.signUp-bd .field span { float:left; display:block; width:140px; height:28px; background-color:#140f0e; text-align:center; line-height:28px; color:#9b928a; font-size:12px; }
.signUp-bd .field p { float:left; display:block; height:28px; margin-left:6px; line-height:28px; color:#c47458; font-size:12px; }
.signUp-bd .field p .icon-success { float:left; display:block; width:20px; height:28px; background:url('../images/icon-success.png') no-repeat 50% 50%; }
.signUp-bd .tab {  }
.signUp-bd .tab-hd { height:28px; margin-bottom:20px; }
.signUp-bd .tab-hd li { position:relative; float:left; cursor:pointer; display:block; width:100px; height:28px; background-color:#302825; margin-right:10px; text-align:center; line-height:28px; color:#9b928a; font-size:12px; }
.signUp-bd .tab-hd li:last-child { margin-right:0; }
.signUp-bd .tab-hd li:after { position:absolute; bottom:-8px; left:42px; content:''; display:block; width:0; height:0; border-top:8px solid transparent; border-left:6px solid transparent; border-right:6px solid transparent; }
.signUp-bd .tab-hd li:hover, .signUp-bd .tab-hd li.on { background-color:#ffa119; color:#232323; }
.signUp-bd .tab-hd li:hover:after, .signUp-bd .tab-hd li.on:after { border-top-color:#ffa119; }
.signUp-bd .tab-bd {  }
.signUp-bd .tab-panel { display:none; }
.signUp-bd .tab-panel.on { display:block; }
.signUp-bd .splitline { border-bottom:1px dashed #59544f; border-bottom:1px dashed rgba(89,84,79,0.5); margin:20px 0; }
.signUp-bd .notice { float:left; width:360px; margin-left:30px; }
.signUp-bd .notice h2 { margin-bottom:20px; color:#9b928a; font-size:20px; font-weight:600; }
.signUp-bd .notice ul { list-style:decimal; padding-left:14px; line-height:20px; color:#9b928a; font-size:12px; }
.signUp-bd .notice li { margin-bottom:20px; }
.signUp-bd .notice li:last-child { margin-bottom:0; }
.signUp-bd .notice b { color:#c47458; }
.signUp-ft { padding:30px 0; }
.signUp-ft a { display:block; width:180px; height:40px; border:2px solid #c17645; border-radius:44px; background-color:transparent; margin:0 auto; text-align:center; line-height:40px; color:#c98955; font-size:16px; }