@charset "UTF-8";

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

html, body, button, input, select, textarea {
    font: 12px/1.5 "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}

ul, ol { list-style: none; }
em, i { font-style: normal; }
img { border: 0; vertical-align: top; }
a { color: #000; text-decoration: none; outline: none; }
button { border: 0; outline: none; }
.fl { float: left; }
.fr { float: right; }
.hidden { display: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

html {
    scrollbar-width: thin;
    scrollbar-color: #dca84b #2d1c24;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #2d1c24;
}

::-webkit-scrollbar-thumb {
    min-height: 48px;
    border: 2px solid #2d1c24;
    border-radius: 8px;
    background: #dca84b;
}

::-webkit-scrollbar-thumb:hover {
    background: #f0ca68;
}

body {
    min-width: 1200px;
    overflow-x: hidden;
    background: #2d1c24;
}

body > .header,
body > .g-footer {
    display: none;
}

.content {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #2d1c24;
}

.video-bg {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    width: 100%;
    height: auto;
    pointer-events: none;
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 120px), transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 120px), transparent 100%);
}

.content > .logo {
    position: absolute;
    top: 11px;
    right: 67px;
    z-index: 2;
    width: 304px;
    height: 118px;
    background: url(../img/logo.png) center/contain no-repeat;
}

.content > .aside,
.content > .content1 {
    z-index: 2;
}

.content > .content1 {
    position: relative;
}

.content .aside {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 90;
    box-sizing: border-box;
    width: 134px;
    height: 391px;
    padding-top: 123px;
    margin-top: -195px;
    background: url(../img/aside/aside-bg.png) center no-repeat;
}

.content .aside .item {
    height: 40px;
    margin: 0 auto;
    cursor: pointer;
}

.content .aside .item1 { width: 121px; background: url(../img/aside/mrlhb.png) center no-repeat; }
.content .aside .item2 { width: 122px; background: url(../img/aside/zdyhl.png) center no-repeat; }
.content .aside .item3 { width: 106px; background: url(../img/aside/dwkhb.png) center no-repeat; }
.content .aside .item4 { width: 106px; background: url(../img/aside/lchb.png) center no-repeat; }
.content .aside .item5 { width: 107px; background: url(../img/aside/hdgz.png) center no-repeat; }
.content .aside .item6 { width: 92px; height: 57px; background: url(../img/aside/hddb.png) center no-repeat; }

.content1 {
    /* 735 / 1920 */
    padding-top: 38.28125%;
    background: url(../img/bg.png) top center no-repeat;
    background-size: 100% auto;
}

.act-time-wrap {
    position: absolute;
    /* 555 / 1920; 346.875px = 1200px width baseline */
    top: 346.875px; /* IE fallback */
    top: 28.90625vw;
    left: calc(50% + 100px);
    width: 510px;
    text-align: center;
    z-index: 2;
}

.act-time {
    height: 38px;
    color: #ffd27b;
    font-size: 18px;
    font-weight: bold;
    line-height: 38px;
    background: url(../img/time.png) center no-repeat;
}

@media (max-width: 1199px) {
    .act-time-wrap {
        top: 346.875px;
    }
}

.act-login-info {
    height: 32px;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
}

.act-login-info a {
    color: #fff6b6;
}

.act-login-info a:hover {
    opacity: .9;
}

.act-login-info .name {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.part1 .title {
    width: 1338px;
    height: 248px;
    margin: 0 auto;
    background: url(../img/part1-title.png) center/100% 100% no-repeat;
}

.puzzle-app {
    width: 100%;
    margin-top: 20px;
}

.board-area,
.puzzle-grid {
    position: relative;
    width: 423px;
    height: 423px;
    margin: 0 auto;
}

.puzzle-grid {
    background: url(../img/caishen.png) center/423px 423px no-repeat;
}

.puzzle-cell {
    position: relative;
    float: left;
    width: 141px;
    height: 141px;
}

.puzzle-cell img {
    position: absolute;
    width: 216px;
    height: 216px;
}

.puzzle-cell.puzzle-cell0 img { top: -37px; left: -75px; }
.puzzle-cell.puzzle-cell1 img { top: -37px; left: -37px; }
.puzzle-cell.puzzle-cell2 img { top: -37px; left: 0; }
.puzzle-cell.puzzle-cell3 img,
.puzzle-cell.puzzle-cell4 img,
.puzzle-cell.puzzle-cell5 img { top: -37px; left: -37px; }
.puzzle-cell.puzzle-cell6 img { top: -37px; left: -75px; }
.puzzle-cell.puzzle-cell7 img { top: -37px; left: -37px; }
.puzzle-cell.puzzle-cell8 img { top: -37px; left: 0; }

.tip_img {
    position: absolute;
    right: -120px;
    bottom: 15px;
    width: 44px;
    height: 282px;
    background: url(../img/icon43.png) center/44px 282px no-repeat;
}

.tray-area {
    width: 100%;
    height: 155px;
    margin-top: 30px;
}

.pieces-tray {
    width: 690px;
    height: 135px;
    margin: 0 auto;
}

.floating-piece {
    float: left;
    width: 135px;
    height: 135px;
    margin: 0 18px 0 19px;
    overflow: hidden;
    border-radius: 14px;
    cursor: grab;
    touch-action: none;
    transition: transform .2s ease, opacity .2s ease;
}

.floating-piece img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.floating-piece.dragging { z-index: 10; opacity: .75; transition: none; }
.floating-piece.snap-back { animation: snapBack .35s ease; }
.floating-piece.placed {
    opacity: .3;
    pointer-events: none;
    transform: scale(.75);
    filter: grayscale(100%);
}

@keyframes snapBack {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(0, -12px); }
}

.part2 .title {
    width: 1386px;
    height: 272px;
    margin: 90px auto 18px;
    background: url(../img/part2-title.png) center/100% 100% no-repeat;
}

.part2 .times-wrap {
    position: relative;
    width: 743px;
    height: 127px;
    margin: 0 auto;
    background: url(../img/icon01.png) center no-repeat;
}

.part2 .times-wrap strong {
    position: absolute;
    color: #ffe36a;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    text-shadow: 0 2px 2px #6d2b10;
}

.part2 .draw-count {
    top: 25px;
    left: 119px;
    width: 185px;
}

.part2 .times-wrap strong.recharge-limit {
    top: 25px;
    left: 326px;
    width: 218px;
    font-size: 18px;
}

.part2 .times-label,
.part2 .times-value,
.part2 .recharge-copy {
    display: block;
}

.part2 .times-value {
    font-size: 36px;
    line-height: 48px;
}

.part2 .times-value b {
    font-size: 40px;
}

.part2 .recharge-copy b {
    margin: 0 4px;
    font-size: 22px;
}

.part2 .recharge-limit em {
    display: block;
    font-size: 38px;
    font-style: normal;
    line-height: 44px;
}

.part2 .recharge-limit .recharge-complete {
    display: none;
}

.part2 .times-wrap strong.recharge-limit.is-complete {
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 127px;
    font-size: 22px;
    line-height: 32px;
}

.part2 .recharge-limit.is-complete .recharge-copy,
.part2 .recharge-limit.is-complete em {
    display: none;
}

.part2 .recharge-limit.is-complete .recharge-complete {
    display: block;
}

.part2 .prize-btn {
    position: absolute;
    top: 30px;
    right: 10px;
    width: 167px;
    height: 68px;
    cursor: pointer;
    background: url(../img/prize-btn.png) center no-repeat;
}

.part2 .prize-btn:hover { background-image: url(../img/prize-btn-h.png); }

.part2 .prize-list {
    width: 786px;
    margin: 60px auto 0;
}

.part2 .prize-item {
    float: left;
    width: 212px;
    height: 202px;
    margin: 0 75px 5px 0;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 180px 180px;
}

.part2 .prize-item.no-mr { margin-right: 0; }
.part2 .prize-item img { width: 180px; height: 180px; cursor: url(../img/pointer.svg), url(../img/pointer.cur), pointer; }

.part2 .prize-item.yindan-1 { background-image: url(../img/yindan-1.png); }
.part2 .prize-item.yindan-2 { background-image: url(../img/yindan-2.png); }
.part2 .prize-item.yindan-3 { background-image: url(../img/yindan-3.png); }
.part2 .prize-item.yindan-4 { background-image: url(../img/yindan-4.png); }
.part2 .prize-item.yindan-5 { background-image: url(../img/yindan-5.png); }
.part2 .prize-item.yindan-6 { background-image: url(../img/yindan-6.png); }
.part2 .prize-item.jindan-1 { background-image: url(../img/jindan-1.png); }
.part2 .prize-item.jindan-2 { background-image: url(../img/jindan-2.png); }
.part2 .prize-item.jindan-3 { background-image: url(../img/jindan-3.png); }
.part2 .prize-item.jindan-4 { background-image: url(../img/jindan-4.png); }
.part2 .prize-item.jindan-5 { background-image: url(../img/jindan-5.png); }
.part2 .prize-item.jindan-6 { background-image: url(../img/jindan-liuzhe.png); }

.part2 .prize-item.open img { display: none; }

.part2 .prize-tip {
    margin-top: 12px;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
}

.part3 .title {
    width: 1076px;
    height: 302px;
    margin: 165px auto 20px;
    background: url(../img/part3-title.png) center/100% 100% no-repeat;
}

.score-wrap {
    position: relative;
    width: 678px;
    height: 98px;
    margin: 0 auto;
    background: url(../img/icon13.png) center no-repeat;
}

.score-wrap > strong {
    position: absolute;
    top: 37px;
    width: 155px;
    color: #ffe36a;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    text-shadow: 0 2px 2px #6d2b10;
}

.score-wrap .today-score { left: 115px; }
.score-wrap .throw-count { left: 344px; }

.score-wrap .vip {
    position: absolute;
    top: 14px;
    left: 25px;
    width: 65px;
    height: 70px;
    cursor: pointer;
}

.score-wrap .vip_no { background: url(../img/icon38.png) no-repeat; }
.score-wrap .vip_yes { background: url(../img/icon39.png) no-repeat; }

.score-wrap .collect_num_btn,
.score-wrap .countdown_btn {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 176px;
    height: 65px;
    cursor: pointer;
    background: url(../img/icon14.png) center no-repeat;
}

.score-wrap .collect_num_btn:hover { background-image: url(../img/icon15.png); }
.score-wrap .countdown_btn {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 65px;
    text-align: center;
    background-image: url(../img/icon37.png);
}

.throw-tip {
    margin-top: 8px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.shaiziBox {
    position: relative;
    width: 682px;
    height: 550px;
    margin: 24px auto 0;
    background: url(../img/icon07.png) center no-repeat;
}

.shaizi_list {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 386px;
    height: 296px;
    margin: -165px 0 0 -193px;
}

.shaizi_list img {
    position: absolute;
    top: 40px;
    left: 45px;
    display: block;
    width: 75%;
}

.shaizi_item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: url(../img/shaizi.png) no-repeat;
}

.shaizi_1003 { background-position: 0 0; }
.shaizi_1002 { background-position: 0 -100px; }
.shaizi_1001 { background-position: 0 -200px; }
.shaizi_1006 { background-position: 0 -300px; }
.shaizi_1005 { background-position: 0 -400px; }
.shaizi_1004 { background-position: 0 -500px; }
.shaizi_3 { background-position: 0 -600px; }
.shaizi_2 { background-position: 0 -700px; }
.shaizi_1 { background-position: 0 -800px; }
.shaizi_6 { background-position: 0 -900px; }
.shaizi_5 { background-position: 0 -1000px; }
.shaizi_4 { background-position: 0 -1100px; }

.touzi-btn-wrap {
    width: 520px;
    margin: 22px auto 0;
}

.touzi-btn-wrap .act_btn1_1,
.touzi-btn-wrap .act_btn1_2 {
    width: 191px;
    height: 71px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

.touzi-btn-wrap .act_btn1_1 { background-image: url(../img/icon08.png); }
.touzi-btn-wrap .act_btn1_1:hover { background-image: url(../img/icon09.png); }
.touzi-btn-wrap .act_btn1_2 { margin-left: 138px; background-image: url(../img/icon10.png); }
.touzi-btn-wrap .act_btn1_2:hover { background-image: url(../img/icon11.png); }

.rank-board {
    position: relative;
    width: 1075px;
    height: 810px;
    margin: 14px auto 0;
    background-position: center;
    background-repeat: no-repeat;
}

.rank-board-daily { background-image: url(../img/danri/bg.png); }
.rank-board-history { background-image: url(../img/sanri/bg.png); }

.rank-tab {
    position: absolute;
    top: 8px;
    z-index: 4;
    width: 270px;
    height: 60px;
    cursor: pointer;
    background: transparent;
}

.rank-tab-daily { left: 255px; }
.rank-tab-history { left: 546px; }

.rank-panel { display: none; }
.rank-board-daily .rank-panel-daily,
.rank-board-history .rank-panel-history { display: block; }

.rank-summary-value {
    position: absolute;
    top: 85px;
    z-index: 2;
    width: 180px;
    color: #ffe36a;
    font-size: 28px;
    line-height: 38px;
    text-shadow: 0 2px 2px #6d2b10;
}

.daily-max, .history-max { left: 402px; width: 95px; }
.daily-position, .history-position { left: 680px; width: 150px; }

.rank-column-head {
    position: absolute;
    top: 137px;
    left: 57px;
    display: grid;
    grid-template-columns: 115px 270px 235px 340px;
    width: 960px;
    color: #5f351f;
    font-size: 19px;
    line-height: 38px;
    text-align: center;
}

.rank-rows {
    position: absolute;
    left: 57px;
    width: 960px;
}

.daily-rows,
.history-rows { top: 175px; }

.rank-row {
    position: relative;
    width: 960px;
    height: 90px;
    background-position: center;
    background-repeat: no-repeat;
}

.daily-rows .rank-row { margin-bottom: 33px; }
.history-rows .rank-row { margin-bottom: 8px; }

.daily-rows .rank-row-1 { background-image: url(../img/danri/1.png); }
.daily-rows .rank-row-2 { background-image: url(../img/danri/2.png); }
.daily-rows .rank-row-3 { background-image: url(../img/danri/3.png); }
.daily-rows .rank-row-4 { background-image: url(../img/danri/4.png); }
.daily-rows .rank-row-5 { background-image: url(../img/danri/5.png); }
.history-rows .rank-row-1 { background-image: url(../img/sanri/1.png); }
.history-rows .rank-row-2 { background-image: url(../img/sanri/2.png); }
.history-rows .rank-row-3 { background-image: url(../img/sanri/3.png); }
.history-rows .rank-row-4 { background-image: url(../img/sanri/4.png); }
.history-rows .rank-row-5 { background-image: url(../img/sanri/5.png); }
.history-rows .rank-row-6 { background-image: url(../img/sanri/6.png); }

.rank-row .rank-user,
.rank-row .rank-points {
    position: absolute;
    top: 25px;
    overflow: hidden;
    color: #6a3b20;
    font-size: 21px;
    line-height: 38px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rank-row .rank-user { left: 135px; width: 220px; }
.rank-row .rank-points { left: 360px; width: 210px; color: #e95332; font-weight: bold; }

.rank-reward-actions {
    width: 700px;
    height: 110px;
    margin: 14px auto 0;
}

.daily-reward {
    width: 264px;
}

.rank-get-btn,
.collect_btn {
    width: 264px;
    height: 71px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

.rank-get-btn { background-image: url(../img/icon35.png); }
.rank-get-btn:hover { background-image: url(../img/icon36.png); }
.collect_btn {
    margin-left: 172px;
    background: url(../img/icon16.png) center no-repeat;
}

.collect_btn:hover { background-image: url(../img/icon17.png); }

.extra-tip {
    width: 152px;
    height: 38px;
    margin: -4px auto 0;
    cursor: pointer;
    background: url(../img/icon21.png) center no-repeat;
}

.extra-tip:hover { background-image: url(../img/icon22.png); }
.noclick { opacity: .5; }

.part4 .title {
    width: 500px;
    height: 260px;
    margin: 39px auto 37px;
    background: url(../img/part4-title.png) center/100% 100% no-repeat;
}

.part4 .p1 {
    color: #fcdc6e;
    font-size: 40px;
    text-align: center;
    text-shadow: -1px -1px 0 #652d08, 1px -1px 0 #652d08, -1px 1px 0 #652d08, 1px 1px 0 #652d08;
}

.part4 .hb-wrap {
    width: 834px;
    margin: 24px auto 0;
}

.part4 .item-img,
.part4 .item-img .img {
    position: relative;
    width: 278px;
    height: 334px;
}

.part4 .item-img img { display: block; width: 100%; height: 100%; }

.part4 .get-btn {
    position: absolute;
    top: 250px;
    left: 57px;
    width: 188px;
    height: 47px;
    cursor: pointer;
    user-select: none;
    background: url(../img/ljlq.png) center no-repeat;
}

.part4 .get-btn.geted { cursor: not-allowed; background-image: url(../img/ylq.png); }

.part4 .p3 {
    margin-top: 15px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.part5 .title {
    width: 497px;
    height: 153px;
    margin: 79px auto 24px;
    background: url(../img/part5-title.png) center/100% 100% no-repeat;
}

.part5 .activity-rules {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 60px;
    color: #fff;
    font-size: 18px;
}

.part5 .activity-rules p {
    margin-bottom: 6px;
    line-height: 32px;
}