@charset "utf-8";

/* @font-face {
    font-family: 'alibaba';
    src: url('../font/Alibaba-PuHuiTi-Regular.eot');
    src: url('../font/Alibaba-PuHuiTi-Regular.eot?#font-spider') format('embedded-opentype'),
        url('../font/Alibaba-PuHuiTi-Regular.woff') format('woff'),
        url('../font/Alibaba-PuHuiTi-Regular.ttf') format('truetype'),
        url('../font/Alibaba-PuHuiTi-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
} */

.min_nav {
    position: relative;
    min-width: 1300px;
    z-index: 9999;
}

.layui48 {
    line-height: 24px;
    text-align: center;
}

.layui48 .layui-layer-content {
    line-height: 24px;
    padding: 15px;
}

.layui48 .layui-layer-content p {
    line-height: 32px;
    font-size: 14px;
}

.player_name {
    display: inline-block;
    vertical-align: top;
    max-width: 190px;
    height: 24px;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.blbl {
    animation: myfirst 1s infinite ease-in-out;
    -webkit-animation: myfirst 1s infinite ease-in-out;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.btn {
    display: block;
    transition: filter 0.2s linear;
    text-align: center;
    cursor: pointer;
}

.btn:hover {
    text-decoration: none;
    /* -webkit-filter: brightness(1.3); */
    /* filter: brightness(1.3); */
}

/* ---------------------------------------------样式初始化---------------------------------------- */
.wrap {
    width: 100%;
    min-width: 1300px;
    background: #f5e2c5 url(../images/bg.jpg) center top no-repeat;
    overflow: hidden;
}

.box1 {
    position: relative;
    width: 100%;
    min-width: 1200px;
    height: 450px;
    z-index: 5;
}

.header {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.t1 {
    position: absolute;
    top: 276px;
    left: 0;
    width: 100%;
    height: 100px;
    background: url(../images/title.png) center top no-repeat;
}

.t2 {
    position: absolute;
    top: 372px;
    left: 0;
    width: 100%;
    height: 98px;
    background: url(../images/title.png) center top no-repeat;
    background-position: center -100px;
}

.time {
    position: absolute;
    top: 376px;
    left: 50%;
    width: 726px;
    height: 52px;
    line-height: 52px;
    margin-left: -363px;
    background: url(../images/datebar.png) center no-repeat;
    text-align: center;
    font-size: 22px;
    color: #fff7bf;
    z-index: 3;
}

.userbar {
    position: absolute;
    top: 376px;
    left: 50%;
    width: 726px;
    height: 52px;
    line-height: 52px;
    margin-left: -363px;
    background: url(../images/datebar.png) center no-repeat;
    z-index: 3;
}

.user {
    position: relative;
    width: 100%;
    line-height: 52px;
    text-align: center;
    font-size: 16px;
    color: #fdf1c9;
    z-index: 5;
}

.user span,
.user a {
    margin: 0 10px;
}

.user a {
    text-decoration: underline;
    color: #fdf1c9;
}

.grey {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

/* ----------------------------------------container------------------------------------ */
.container-box {
    position: relative;
    z-index: 9;
}

.section-wrap {
    position: relative;
    width: 1300px;
    margin: 0 auto;
}

.section1 {
    padding-top: 20px;
}

.section3 {
    margin-top: 48px;
}

.ib {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

.title {
    position: relative;
    width: 1234px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    color: #bb4f00;
    z-index: 3;
}

.title-sub {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 80px;
    height: 46px;
    line-height: 46px;
    margin-left: -284px;
    font-weight: bold;
    font-size: 16px;
    color: #bb4f00;
}

.tagdate {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 16px;
    line-height: 16px;
    padding-right: 6px;
    padding-left: 4px;
    background-color: #ff300e;
    font-style: normal;
    font-size: 12px;
    color: #f5dfa6;
    z-index: 3;
}

.tagdate::after {
    position: absolute;
    top: 0;
    left: -8px;
    content: '';
    display: block;
    width: 8px;
    height: 16px;
    background-image: url(../images/tag_tri.png);
}

.pnav0 {
    position: absolute;
    top: 290px;
    left: 50%;
    width: 298px;
    height: 61px;
    line-height: 61px;
    margin-left: 220px;
    background: url(../images/pnav0.png) no-repeat;
    cursor: pointer;
    animation: faceInzoom 2s ease-in-out infinite;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    color: #680b0d;
}

@-webkit-keyframes faceInzoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes faceInzoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.section2-content {
    width: 1218px;
    height: 362px;
    margin: 0 auto;
    background: url(../images/content2.png) no-repeat;
}

.iseffeDaysTools2,
.iseffeDaysTools {
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #bb4f00;
}

/* .iseffeDaysTools2 {
    position: absolute;
    top: 89px;
    left: 20px;
    font-weight: bold;
    font-size: 18px;
    color: #bb4f00;
} */

.desc1 {
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin: 0 auto 12px;
    text-align: center;
    font-size: 18px;
    color: #fdf1c9;
}

.desc2 {
    width: 100%;
    line-height: 26px;
    margin: 0 auto 12px;
    text-align: center;
    font-size: 18px;
    color: #fdf1c9;
}

.desc2 i {
    font-style: normal;
    color: #fffc00;
}

.desc3 {
    width: 100%;
    line-height: 26px;
    margin: 5px auto 12px;
    text-align: center;
    font-size: 18px;
    color: #fdf1c9;
}

.desc3 b {
    font-style: italic;
    font-weight: bold;
    color: #fdf1c9;
}

.limit {
    width: 1200px;
    height: 228px;
    margin: 0 auto;
    background: url(../images/bg_pl1.png) center no-repeat;
}

.limit-title {
    float: left;
    width: 100%;
    height: 58px;
    line-height: 58px;
    margin-bottom: 6px;
    -webkit-text-shadow: 0 1px 4px rgba(103, 0, 0, .8);
    text-shadow: 0 1px 4px rgba(103, 0, 0, .8);
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #fff9e0;
}

.suit-content {
    position: relative;
    width: 580px;
    height: 147px;
    margin-left: 18px;
}

.sendbar {
    float: left;
    width: 300px;
    margin-left: 20px;
}

.zengbar {
    width: 300px;
}

.label {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    color: #920700;
}

.zengInput {
    display: block;
    width: 188px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #feeec4;
    box-shadow: 0 1px 2px #b68b21;
    font-size: 16px;
    color: #333;
    transition: all .3s ease-in-out;
    border: none;
    border-radius: 4px;
    outline: none;
}

.zengInput:focus {
    border-color: #e3a837;
}


.btn-zeng {
    position: relative;
    width: 210px;
    height: 69px;
    line-height: 88px;
    margin-top: 16px;
    margin: 10px auto;
    background-image: url(../images/btn_buy.png);
    transition: all .3s ease;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.tabl {
    padding-left: 55px;
    margin-right: 46px;
}

.tab-item {
    width: 170px;
    height: 39px;
    line-height: 39px;
    margin-bottom: 7px;
    background: url(../images/tab_default.png);
    transition: all .3s ease;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.tab-item.active {
    background-image: url(../images/tab_on.png);
    color: #f42540;
}

.suit-list {
    position: absolute;
    top: 21px;
    left: 27px;
    display: none;
    width: 525px;
    height: 84px;
}

.suit1 {
    display: block;
}


.suit-list li {
    float: left;
    position: relative;
    width: 145px;
    height: 84px;
    margin: 0 15px;
}

.stname {
    display: none;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 15px;
    color: #9a340f;
}

.img {
    display: block;
    width: 145px;
    height: 84px;
    margin: 0 auto;
}

.title-part {
    width: 100%;
    height: 58px;
    line-height: 58px;
    -webkit-text-shadow: 0 1px 4px rgba(103, 0, 0, .8);
    text-shadow: 0 1px 4px rgba(103, 0, 0, .8);
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #fff9e0;
}

/* --------------------------- 抽奖-start -------------------------------- */
.lottery-content {
    position: relative;
    width: 1200px;
    height: 728px;
    padding-bottom: 30px;
    margin: 0 auto;
    background: url(../images/bg_part3.png) no-repeat;
    z-index: 1;
}

.lottery-head {
    height: 161px;
    padding-top: 10px;
}

.lottery-box {
    position: relative;
    width: 1098px;
    margin: 0 auto;
    z-index: 3;
}

.tips-effect {
    position: absolute;
    display: none;
    width: 46px;
    height: 452px;
    background: url(../images/tag_effect.png) no-repeat;
    font-size: 0px;
}

.lottery-list {
    width: 100%;
}

.lottery-list li {
    position: relative;
    float: left;
    width: 145px;
    height: 84px;
    padding: 11px 11px 10px;
    margin: 5px 8px;
    background-image: url(../images/item.png);
    cursor: pointer;
    overflow: hidden;
}

.lottery-list li img {
    display: block;
    width: 145px;
    height: 84px;
    margin: 0 auto;
}

.lottery-list li.none {
    visibility: hidden;
}

.tag-date {
    position: absolute;
    font-size: 0;
}

.date1 {
    top: -5px;
    right: 0;
    width: 46px;
    height: 42px;
    background-position: -187px -19px;
}

.date2 {
    top: -6px;
    right: -6px;
    width: 58px;
    height: 58px;
    background-position: -55px -24px;
}

.maskl {
    position: absolute;
    top: 8px;
    left: 3px;
    display: none;
    width: 145px;
    height: 84px;
    background-color: rgba(60, 60, 60, .2);
    /* background: url(../images/mask.png); */
}

.lottery-unit.active .maskl,
.lottery-unit:hover .maskl {
    display: none !important;
}

.lottery-btn {
    width: 1132px;
    margin: 0 auto;
}

.btn-lottery {
    position: relative;
    width: 258px;
    height: 54px;
    line-height: 50px;
    margin: 16px auto 0;
    background-image: url(../images/btn_lottery.png);
    background-size: 100% 100%;
    transition: all .3s ease;
    /* text-shadow: 1px 1px 0 #ff8400; */
    /* font-family: 'alibaba'; */
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #bb4f00;
    cursor: pointer;
}


.btn-lottery-show {
    margin-right: 30px;
}

.lottery-tips {
    position: absolute;
    top: 285px;
    left: 10%;
    width: 80%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.vipTips {
    width: 100%;
    height: 42px;
    line-height: 42px;
    margin-top: 32px;
    text-align: center;
    /* font-weight: bold; */
    font-size: 14px;
    color: #fff;
}

.vipTips a {
    display: block;
    height: 24px;
    line-height: 24px;
    margin: 15px auto;
    text-decoration: underline;
    font-weight: bold;
    font-size: 18px;
    color: #f82e2e;
}

.lottery-absolute p {
    text-align: center;
}

.livebox {
    width: 1200px;
    height: 720px;
    margin: 0 auto;
}

.livetime {
    float: left;
    width: 600px;
    height: 720px;
    background: url(../images/bg3_left.png) center top no-repeat;
}

.livetime_name {
    width: 100%;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    color: #920700;
}

.liveDays {
    float: right;
    width: 552px;
    height: 720px;
    background: url(../images/bg3_right.png) center top no-repeat;
}

.live-pane {
    position: relative;
    width: 524px;
    height: 150px;
    padding-top: 18px;
    margin: 0 auto 34px;
    background: #f66342 linear-gradient(to bottom, #76120c, #990d0f 30%, #f66342);
}

.liveDays .live-pane {
    position: relative;
    width: 480px;
    height: 202px;
    padding-top: 58px;
    margin: 0 auto 40px;
    background: #f66342 linear-gradient(to bottom, #76120c, #990d0f 30%, #f66342);
}

.title-live {
    width: 100%;
    height: 58px;
    line-height: 58px;
    background: center no-repeat;
    -webkit-text-shadow: 0 1px 4px rgba(103, 0, 0, .8);
    text-shadow: 0 1px 4px rgba(103, 0, 0, .8);
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #fff9e0;
}

.btn-live {
    position: relative;
    width: 258px;
    height: 40px;
    line-height: 32px;
    margin-left: 190px;
    background-image: url(../images/btn_live.png);
    background-size: 100% 100%;
    transition: all .3s ease;
    /* text-shadow: 1px 1px 0 #ff8400; */
    /* font-family: 'alibaba'; */
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    color: #bb4f00;
    cursor: pointer;
}

.live-need {
    height: 36px;
    line-height: 36px;
    margin-top: 6px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    color: #ede4c9;
    cursor: pointer;
}

.live-list {
    width: 471px;
    height: 84px;
    margin: 0 auto;
}

.live-list li {
    position: relative;
    float: left;
    width: 145px;
    height: 84px;
    margin: 0 6px;
}

.liveDays .live-list {
    width: 330px;
    margin-bottom: 24px;
}

.liveDays .live-list li {
    margin: 0 10px;
}

.btn-live {
    width: 223px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    background: url(../images/btn_award_tem.png) center no-repeat;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    color: #680b0d;
}

.section4 {
    margin-top: 72px;
}

.section4-content {
    width: 1200px;
    height: 625px;
    margin: 0 auto;
    background: url(../images/bg_table.jpg) center no-repeat;
}

.tit4 {
    height: 32px;
    line-height: 32px;
    padding-top: 42px;
    margin: 5px auto 0;
    border-radius: 4px;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    color: #8d0d0a;
}

.tit4-desc {
    height: 18px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #e63b34;
}

.desc4 {
    width: 880px;
    line-height: 24px;
    padding: 5px 0;
    margin: 5px auto;
    background-color: #ffdc80;
    border: 2px solid #e8220e;
    border-radius: 4px;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    color: #8d0d0a;
}

.teamTable {
    width: 720px;
    /* height: 341px; */
    margin-top: 15px;
    margin-left: 54px;
}

.throw {
    background-color: #ffd271;
    border: 1px solid #bc1a24;
}

.th7 {
    float: left;
    display: block;
    height: 42px;
    line-height: 42px;
    border-right: 1px solid #bc1a24;
    text-align: center;
    font-size: 16px;
    color: #72241a;
}

.tdrow {
    border-bottom: 1px solid #bc1a24;
}

.tbody {
    background-color: #fff;
    border-left: 1px solid #bc1a24;
    border-right: 1px solid #bc1a24;
}

.td7 {
    display: block;
    float: left;
    height: 82px;
    line-height: 82px;
    border-right: 1px solid #bc1a24;
    text-align: center;
    font-size: 16px;
    color: #72241a;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

.th1,
.td1 {
    width: 42px;
}

.th2,
.td2 {
    width: 182px;
}

.th3,
.td3 {
    width: 120px;
}

.th4 {
    width: 370px;
    border-right: 0;
}

.td4 {
    width: 360px;
    line-height: 24px;
    height: 66px;
    padding-top: 16px;
    border-right: 0;
}

/* --------------------------- 抽奖-end -------------------------------- */
/* ----------------------- 日志-start ---------------------------- */
.lottery-log {
    position: absolute;
    top: 0;
    width: 354px;
    height: 178px;
    line-height: 24px;
    background: url(../images/log.png) center no-repeat;
    font-size: 12px;
    color: #fff;
    z-index: 4;
    overflow: hidden;
}

.log1 {
    top: -17px;
    right: 15px;
}

.log2 {
    top: -55px;
    right: 0;
}

.log3 {
    top: -88px;
    right: auto;
    left: 0;
}

.logname {
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 18px;
    color: #bb4f00;
}

.logCont {
    width: 300px;
    height: 134px;
    margin: 0 auto;
    overflow: hidden;
}

.logCont ul {
    width: 100%;
    overflow: hidden;
}

.logCont li {
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #bb4f00;
}

/* ----------------------- 日志-end ---------------------------- */


@-webkit-keyframes flipInBag {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInBag {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}


/*-------------------------- 元旦年卡-end   ---------------------------*/

/*--------------------------  start   ---------------------------*/
@-webkit-keyframes bounceDown {
    25% {
        transform: translateY(-5px);
    }

    50%,
    100% {
        transform: translateY(0px);
    }

    75% {
        transform: translateY(5px);
    }
}

@keyframes bounceDown {
    25% {
        transform: translateY(-5px);
    }

    50%,
    100% {
        transform: translateY(0px);
    }

    75% {
        transform: translateY(5px);
    }
}

.btn-buy {
    display: block;
    width: 275px;
    height: 58px;
    line-height: 54px;
    margin: 0 auto 0;
    background: url(../images/btn_lottery.png) no-repeat;
    -webkit-text-shadow: 0 3px rgba(0, 0, 0, 0.3);
    -moz-text-shadow: 0 3px rgba(0, 0, 0, 0.3);
    text-shadow: 0 3px rgba(0, 0, 0, 0.3);
    letter-spacing: 3px;
    font-style: italic;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}

.btn:hover {
    animation: heartBeatLoop 1s ease-in-out infinite;
}



/*--------------------------  end   ---------------------------*/

.explain {
    width: 1140px;
    padding: 20px 0 50px;
    margin: 0 auto;
}

.explain .hdsm h1 {
    line-height: 36px;
    font-size: 16px;
    color: #72241a;
}

.explain .hdsm p {
    line-height: 28px;
    font-size: 14px;
    color: #72241a;
}

.list-item::after,
.lottery-list li::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
    z-index: 3;
}

.list-item:hover::after,
.lottery-list li:hover::after {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
    z-index: 1;
}

.layui-layer-content {
    font-size: 14px;
}

@-webkit-keyframes flashFire {
    50% {
        opacity: .4;
        transform: scale(.95);
    }
}

@-o-keyframes flashFire {
    50% {
        opacity: .4;
        transform: scale(.95);
    }
}

@keyframes flashFire {
    50% {
        opacity: .4;
        transform: scale(.95);
    }
}

@-webkit-keyframes effectRotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes effectRotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes effectRotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes myfirst {
    50% {
        box-shadow: 0 0 60px #f00 inset;
    }
}

@keyframes myfirst {
    50% {
        box-shadow: 0 0 60px #f00 inset;
    }
}

@-webkit-keyframes heartBeatLoop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeatLoop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


@-webkit-keyframes toolCarousel1 {
    0% {
        background-position: 208px 0;
    }

    100% {
        background-position: -208px 0;
    }
}

@keyframes toolCarousel1 {
    0% {
        background-position: 208px 0;
    }

    100% {
        background-position: -208px 0;
    }
}

@-webkit-keyframes toolCarousel2 {
    0% {
        background-position: -208px 0;
    }

    100% {
        background-position: 208px 0;
    }
}

@keyframes toolCarousel2 {
    0% {
        background-position: -208px 0;
    }

    100% {
        background-position: 208px 0;
    }
}

@-webkit-keyframes flashFire2 {
    50% {
        opacity: .4;
        transform: scale(.8);
    }
}

@-o-keyframes flashFire2 {
    50% {
        opacity: .4;
        transform: scale(.8);
    }
}

@keyframes flashFire2 {
    50% {
        opacity: .4;
        transform: scale(.8);
    }
}

/* --------------------------- 抽奖弹窗 ----------------------------- */
#layer-lucky h4 {
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: normal;
    font-size: 24px;
    color: #333;
}

#layer-send h4 {
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 12px;
    font-weight: normal;
    font-size: 24px;
    color: #333;
}

.lucky-list {
    text-align: center;
    margin: 0 20px;
    font-size: 0;
}

.lucky-list li {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    width: 180px;
    margin: 0 5px 10px;
    text-align: center;
}

.lucky-list li img {
    width: 145px;
    height: 84px;
    margin: 0 auto;
}

.lucky-list .card_name {
    display: block;
    width: 180px;
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.lucky-1 {
    width: 226px;
    margin: 0 auto;
}

.lyaer-lucky.layui-layer-iframe .layui-layer-btn,
.lyaer-lucky.layui-layer-page .layui-layer-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-top: 0px;
    background: #fff;
}

.tagsq {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    background-color: #ff4646;
    border-bottom-left-radius: 6px;
    text-align: center;
    font-style: normal;
    font-size: 14px;
    color: #fff;
}

.dialog-html {
    display: none;
}

.dialog-list {
    max-width: 625px;
    padding: 20px 20px 10px;
    background: #1074b0;
    -webkit-box-shadow: 0 0 15px #000000;
    -moz-box-shadow: 0 0 15px #000000;
    box-shadow: 0 0 15px #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    z-index: 10;
    overflow: hidden;
}

.dialog-item {
    float: left;
    width: 145px;
    margin: 0 4px 2px;
}

.dialog-item .img {
    display: block;
    max-width: 145px;
    height: 84px;
    margin: 0 auto;
    overflow: hidden;
}

.dialog-item img {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    max-width: 145px;
    max-height: 84px;
    margin: 0 auto;
}

.dialog-item .name {
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}