@charset "UTF-8";

html, body { margin: 0; padding: 0; }
body { min-width: 1200px; overflow-x: hidden; background: #071126; color: #fff; font: 14px/1.5 "Microsoft Yahei", Tahoma, Simsun, sans-serif; }
body > .header { display: none; }
button, a { outline: none; }

.d11-page { position: relative; min-width: 1200px; overflow: hidden; background: #071126; }
.d11-stage { position: relative; left: 50%; width: 1920px; margin-left: -960px; background: url(../img/page-bg.png) top center no-repeat; }
.d11-hero { position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 1920px; height: 1080px; border: 0; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 82%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0, #000 82%, transparent 100%); }
.d11-hero-fade { position: absolute; top: 880px; left: 0; z-index: 1; width: 1920px; height: 200px; pointer-events: none; background: linear-gradient(to bottom, rgba(7, 17, 38, 0), #071126); }
.d11-logo { position: absolute; top: 11px; right: 150px; z-index: 3; width: 304px; height: 118px; background: url(../img/logo.png) center/contain no-repeat; }
.d11-time { position: absolute; top: 75px; left: 285px; width: 521px; height: 51px; color: #6b370b; font-size: 22px; font-weight: bold; line-height: 51px; text-align: center; background: url(../img/time-bg.png) center no-repeat; }
.d11-login { position: absolute; top: 690px; left: 600px; width: 720px; height: 32px; color: #fff; font-size: 18px; line-height: 32px; text-align: center; z-index: 98}
.d11-login-link { color: #fff6b6; text-decoration: none; }
.d11-login-link:hover { color: #fff; }
.d11-login-name { display: inline-block; max-width: 150px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; }

.d11-content { position: relative; z-index: 2; box-sizing: border-box; width: 1920px; padding: 760px 0 80px; }
.d11-daily-section { width: 1920px; text-align: center; }
.d11-daily-title { width: 560px; height: 195px; margin: 0 auto; text-align: center; }
.d11-daily-title img { display: block; width: 560px; height: 195px; }
.d11-daily-cards, .d11-recharge-cards, .d11-board-rewards { margin: 0 auto; text-align: center; }
.d11-daily-cards { width: 803px; font-size: 0; }
.d11-reward-card { position: relative; display: inline-block; vertical-align: top; }
.d11-daily-cards .d11-reward-card { width: 234px; margin: 0; }
.d11-daily-cards .d11-reward-card + .d11-reward-card { margin-left: 50.5px; }
.d11-daily-cards .d11-reward-card > img { width: 234px; height: 292px; }
.d11-reward-card > img { display: block; width: 100%; height: auto; }
.d11-card-button { position: absolute; bottom: 11px; left: 50%; width: 188px; height: 47px; padding: 0; border: 0; background: transparent; cursor: pointer; transform: translateX(-50%); }
.d11-card-button img { display: none; }
.d11-card-button:hover { filter: brightness(1.08); }
.d11-daily-cards .d11-card-button { bottom: 14px; width: 160px; height: 53px; color: transparent; font-size: 0; background: url(../img/btn-receive.png) center/160px 53px no-repeat; }
.d11-recharge-cards .d11-card-button { width: 160px; height: 53px; color: transparent; font-size: 0; background: url(../img/popup-btn-receive-02.png) center/160px 53px no-repeat; }
.d11-board-section { width: 1920px; margin-top: 113px; text-align: center; }
.d11-board-title { width: 1200px; height: 151px; margin: 0 auto; text-align: center; }
.d11-board-title img { display: block; width: 1200px; height: 151px; }
.d11-board-wrap { position: relative; width: 803px; margin: 29px auto 0; }
.d11-board-art { position: relative; width: 803px; height: 619px; }
.d11-board-image { display: block; width: 803px; height: 619px; }
.d11-board-track { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.d11-board-cell { position: absolute; width: 9.8%; height: 13.8%; overflow: hidden; color: #8c5c27; font-size: 20px; font-weight: bold; line-height: 1.1; text-align: center; }
.d11-board-cell em { display: block; padding-top: 21px; font-style: normal; text-shadow: 0 1px #fff; }
.d11-board-cell.is-current { z-index: 2; transform: translateX(-3px); border: 3px solid #fff18c; border-radius: 10px; background: rgba(255, 209, 93, .33); box-shadow: 0 0 16px 5px rgba(255, 209, 93, .6), inset 0 1px #fff; }
.d11-board-player { display: none; position: absolute; z-index: 4; width: 58px; height: 66px; margin-left: -29px; margin-top: -56px; transition: left .32s ease, top .32s ease; }
.d11-board-player img { display: block; width: 100%; height: 100%; }
.d11-dice-box { position: absolute; z-index: 5; top: 192px; left: 301px; width: 200px; height: 200px; overflow: hidden; }
.d11-dice-box.is-rolling, .d11-dice-box.is-result { top: 212px; }
.d11-dice-default { display: block; width: 130px; height: 141px; margin: 30px auto 0; }
.d11-dice-strip { display: none; width: 200px; height: 2400px; max-width: none; margin: 0 auto; }
.d11-dice-box.is-rolling .d11-dice-default, .d11-dice-box.is-result .d11-dice-default { display: none; }
.d11-dice-box.is-rolling .d11-dice-strip, .d11-dice-box.is-result .d11-dice-strip { display: block; }
.d11-board-count { position: absolute; z-index: 6; top: 136px; left: 219px; width: 365px; height: 36px; border-radius: 18px; color: #ffe8bc; background: rgba(103, 49, 8, .76); font-size: 19px; line-height: 36px; text-align: center; text-shadow: 0 1px #4a1e0a; }
.d11-board-count strong { color: #ffc52e; font-size: 21px; }
.d11-dice-claim { display: inline-block; width: 100px; height: 33px; margin-left: 8px; overflow: hidden; color: transparent; background: url(../img/btn-receive-small.png) center no-repeat; font-size: 0; line-height: 33px; vertical-align: middle; text-decoration: none; }
.d11-dice-claim:hover { filter: brightness(1.08); }
.d11-dice-claim.is-disabled { cursor: default; opacity: .55; }
.d11-dice-claim.is-countdown { width: 101px; height: 34px; color: #fff; background-image: url(../img/popup-btn-countdown.png); font-size: 19px; line-height: 31px; text-align: center; text-shadow: 0 1px 2px #a02c14; cursor: default; opacity: 1; }
.d11-dice-claim.is-countdown:hover { filter: none; }
.d11-board-note { position: absolute; z-index: 6; top: 175px; left: 238px; width: 325px; color: #fff1d0; font-size: 14px; text-align: center; text-shadow: 0 1px 2px #000; }
.d11-roll-button { position: absolute; z-index: 6; top: 409px; left: 309px; width: 185px; height: 60px; padding: 0; border: 0; background: none; cursor: pointer; }
.d11-roll-button img { display: block; width: 185px; height: 60px; }
.d11-roll-button[disabled] { opacity: .55; cursor: default; }
.d11-board-message { display: none; }
.d11-board-progress { position: absolute; z-index: 6; top: 463px; left: 139px; width: 525px; height: 54px; border-radius: 8px; color: #f6dfb6; font-size: 15px; line-height: 54px; text-align: center; text-shadow: 0 1px #4a1e0a; }
.d11-board-progress strong { color: #fff0ba; font-size: 18px; }
.d11-board-progress strong:last-child { color: #ffd557; }
.d11-board-progress i { display: inline-block; width: 1px; height: 35px; margin: 0 22px; background: url(../img/Rectangle21.png) center no-repeat; vertical-align: middle; }

.d11-board-rewards { width: 1920px; height: 236px; margin-top: 41px; }
.d11-board-reward-card { position: relative; display: inline-block; width: 210px; margin: 0 8px; vertical-align: top; }
.d11-board-reward-card > img { display: block; width: 210px; height: 150px; }
.d11-board-reward-card .d11-card-button { bottom: -61px; height: 47px; }
.d11-board-reward-card .d11-point-button { width: 160px; height: 53px; color: transparent; font-size: 0; background: url(../img/btn-point.png) center/160px 53px no-repeat; }
.d11-point-balance { position: absolute; top: 215px; left: 0; width: 100%; color: #f6dfb6; font-size: 14px; line-height: 21px; text-align: center; white-space: nowrap; }
.d11-point-balance strong { color: #ffd557; }
.d11-board-reward-card .d11-lap-button { width: 160px; height: 53px; color: transparent; font-size: 0; background: url(../img/btn-receive.png) center/160px 53px no-repeat; }
.d11-recharge-section { width: 1920px; margin-top: 100px; text-align: center; }
.d11-recharge-title, .d11-rule-title { margin: 0; text-align: center; }
.d11-recharge-title img { width: 638px; height: 130px; }
.d11-recharge-amount { margin: 12px 0 18px; color: #ffbd35; font-size: 40px; font-weight: bold; }
.d11-recharge-amount strong {  font-size: 40px; }
.d11-recharge-cards { width: 912px; font-size: 0; }
.d11-recharge-cards .d11-reward-card { width: 213px; height: 308px; margin: 0; }
.d11-recharge-cards .d11-reward-card + .d11-reward-card { margin-left: 20px; }
.d11-recharge-cards .d11-reward-card > img { width: 213px; height: 308px; margin: 0 auto; }
.d11-recharge-tip { margin: 18px 0 0; color: #fff3da; font-size: 20px; line-height: 32px; text-align: center; }
.d11-rule-section { width: 1140px; margin: 62px auto 0; color: #fff3da; text-align: left; }
.d11-rule-title { margin-bottom: 28px; }
.d11-rule-title img { width: 335px; height: 123px; }
.d11-rule-section ol { margin: 0; padding-left: 27px; font-size: 24px; line-height: 2; color:#fff;}
.d11-rule-section li { padding-left: 8px; }
.d11-side-nav { position: fixed; top: 50%; right: 10px; z-index: 90; box-sizing: border-box; width: 115px; height: 336px; margin-top: -168px; padding-top: 116px; background: url(../img/side-nav-bg.png) center top no-repeat; text-align: center; }
.d11-side-nav-item, .d11-side-nav-top { display: block; width: 100%; margin: 0 auto 18px; text-align: center; }
.d11-side-nav-item img { display: inline-block; max-width: 99px; height: 22px; vertical-align: top; }
.d11-side-nav-top { margin-top: 1px; margin-bottom: 0; }
.d11-side-nav-top img { display: inline-block; width: 65px; height: 36px; vertical-align: top; }
.d11-side-nav a:hover img { opacity: .82; }
.d11-popup-mask { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); }
.d11-popup { position: absolute; top: 50%; left: 50%; width: 653px; height: 459px; margin: -230px 0 0 -327px; color: #fff0c2; background: url(../img/popup-bg.png) center no-repeat; text-align: center; }
.d11-popup-close { position: absolute; top: 31px; right: 21px; z-index: 3; width: 45px; height: 44px; padding: 0; border: 0; background: url(../img/popup-btn-close.png) center no-repeat; cursor: pointer; }
.d11-popup-close:hover, #my_prize .btn-close:hover { filter: brightness(1.2); transform: scale(1.06); }
.d11-popup-close:active, #my_prize .btn-close:active { filter: brightness(.92); transform: scale(.97); }
.d11-popup-title { position: absolute; top: 18px; left: 146px; width: 360px; height: 45px; margin: 0; color: #ffe6a3; font-size: 24px; font-weight: bold; line-height: 45px; text-align: center; text-shadow: 0 2px 2px #6e1607; }
.d11-popup-select { position: absolute; top: 117px; left: 96px; width: 461px; height: 320px; font-size: 0; }
.d11-popup-platform { position: relative; display: inline-block; width: 209px; height: 314px; margin: 0; padding: 0 0 53px; border: 0; background: transparent; vertical-align: top; cursor: pointer; }
.d11-popup-platform + .d11-popup-platform { margin-left: 43px; }
.d11-popup-platform > img { display: block; width: 209px; height: 261px; }
.d11-popup-receive { position: absolute; bottom: 74px; left: 25px; width: 160px; height: 53px; background: url(../img/popup-btn-receive-01.png) center no-repeat; }
.d11-popup-platform:hover .d11-popup-receive { filter: brightness(1.08); }
.d11-popup-result { position: absolute; top: 105px; left: 78px; width: 497px; height: 314px; }
.d11-popup-main { min-height: 66px; margin: 63px 0 0; color: #ffc547; font-size: 27px; font-weight: bold; line-height: 1.6; text-align: center; text-shadow: 0 2px 2px #4d1c05; }
.d11-popup-main strong { color: inherit; font-size: inherit; }
.d11-popup-sub { min-height: 50px; margin: 3px 0 14px; color: #fff0c2; font-size: 16px; line-height: 1.7; }
.d11-popup-confirm { width: 159px; height: 53px; padding: 0; border: 0; background: url(../img/popup-btn-confirm.png) center no-repeat; cursor: pointer; }
.d11-popup-confirm:hover { filter: brightness(1.08); }
#my_prize.pop-act-box { position: fixed; top: 50%; left: 50%; width: 653px; height: 459px; margin: -230px 0 0 -327px; padding: 0; border: 0; background: url(../img/popup-bg.png) center no-repeat; }
#my_prize .btn-close { top: 31px; right: 21px; width: 45px; height: 44px; background: url(../img/popup-btn-close.png) center no-repeat; transition: filter .15s ease, transform .15s ease; }
#my_prize .pop-bd { position: absolute; top: 0; left: 0; width: 100%; }
#my_prize .lblist-bd { top: 18px; left: 146px; width: 360px; height: 45px; }
#my_prize .lblist-bd ul, #my_prize .lblist-bd li { width: 100%; height: 45px; margin: 0; padding: 0; line-height: 45px; color: #ffe6a3; font-size: 24px; font-weight: bold; text-align: center; text-shadow: 0 2px 2px #6e1607; }
#my_prize .pop-lblist { padding: 91px 28px 0; }
#my_prize .lblist-table { height: 235px; overflow: hidden; }
#my_prize .pop-lblist table { width: 100%; table-layout: fixed; }
#my_prize .pop-lblist th, #my_prize .pop-lblist td { overflow: hidden; color: #fff0c2; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
#my_prize .pop-lblist th { background: rgba(111, 68, 20, .52); }
#my_prize .pop-lblist td a { color: #ffd75f; }
#my_prize .pop-lblist .w1 { width: 12%; }
#my_prize .pop-lblist .w2 { width: 34%; }
#my_prize .pop-lblist .w3 { width: 24%; }
#my_prize .pop-lblist .w4 { width: 30%; }
#my_prize .pages { margin-top: 4px; color: #fff0c2; }
#my_prize .pages .current:not(.prev):not(.next) { color: #6e250e;
    font-weight: bold;
    border-color: #fff0aa;
    background: #e8b34f; }
#my_prize .pages a, #my_prize .pages a:hover, #my_prize .pages .disabled, #my_prize .pages .current.prev, #my_prize .pages .current.next { color: #ffe6a3; font-weight: normal; border-color: #d99a39; background: transparent; }
#my_prize .pages .pagination > span:not(.current):not(.disabled) {padding-right:7px;}
#one_line_tip.pop-act-box { position: fixed; top: 50%; left: 50%; z-index: 100; display: none; box-sizing: border-box; width: 653px; height: 459px; margin: -230px 0 0 -327px; padding: 0; border: 0; background: url(../img/popup-bg.png) center no-repeat; }
#one_line_tip .btn-close { position: absolute; top: 31px; right: 21px; width: 45px; height: 44px; background: url(../img/popup-btn-close.png) center no-repeat; }
#one_line_tip .pop-bd, #one_line_tip .pop-text-cont { width: 100%; height: 100%; }
#one_line_tip .pop-text-main { box-sizing: border-box; width: 540px; margin: 0 auto; padding-top: 175px; color: #ffe6a3; font-size: 24px; font-weight: bold; line-height: 1.6; text-align: center; text-shadow: 0 2px 2px #4d1c05; }
#one_line_tip .btns-mod { width: 100%; margin-top: 35px; text-align: center; }
#one_line_tip .btn-style { display: inline-block; width: 159px; height: 53px; margin: 0; padding: 0; overflow: hidden; border: 0; color: transparent; font-size: 0; line-height: 53px; vertical-align: top; background: url(../img/popup-btn-confirm.png) center no-repeat; }
#one_line_tip .btn-style:hover { filter: brightness(1.08); }
.d11-toast { display: none; position: fixed; top: 50%; left: 50%; z-index: 100; min-width: 200px; max-width: calc(100% - 32px); padding: 11px 24px; margin: 0; border: 1px solid #f2cb70; border-radius: 8px; color: #fff6d8; background: rgba(36, 24, 14, .92); box-shadow: 0 5px 20px rgba(0, 0, 0, .6); font-size: 16px; line-height: 24px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.d11-toast.show { display: block; }

@media (max-width: 1199px) {
    .d11-stage { left: 0; margin-left: 0; }
}

#one_line_tip{z-index: 110;}