@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: 1200px;
    z-index: 9999;
}

.foot {
    width: 100%;
    height: 184px;
    min-width: 1200px;
    margin: 0 auto;
    line-height: 24px;
    background: url(../images/bgfoot.jpg) center no-repeat;
    color: #fff;
}

.foot a {
    color: #fff;
}

.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;
}

.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: 1240px;
    background: #fee9ca url(../images/bg.jpg) center top no-repeat;
    overflow: hidden;
}

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

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

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

.time {
    position: absolute;
    top: 340px;
    left: 50%;
    width: 726px;
    height: 52px;
    line-height: 52px;
    margin-left: -363px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 26px;
    color: #633710;
    z-index: 3;
}

.userbar {
    position: absolute;
    top: 470px;
    left: 0;
    width: 100%;
    margin: 0 auto 22px;
    z-index: 3;
}

.user {
    position: relative;
    width: 100%;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #462c06;
    z-index: 5;
}

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

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

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

.timeadd {
    position: absolute;
    top: 525px;
    left: 50%;
    width: 677px;
    height: 107px;
    margin-left: -338px;
    background: url(../images/timeadd.jpg) no-repeat;
}

.timeadd h6 {
    height: 40px;
    line-height: 40px;
    padding-top: 6px;
    text-align: center;
    font-size: 24px;
    color: #ff300e;
}

.timeadd p {
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    color: #462c06;
}

.free {
    position: absolute;
    top: 475px;
    left: 50%;
    width: 213px;
    height: 167px;
    margin-left: -600px;
    background: url(../images/free.png) no-repeat;
    z-index: 11;
}

.btn-free {
    position: absolute;
    top: 128px;
    left: 50%;
    width: 147px;
    height: 26px;
    line-height: 26px;
    margin-left: -73px;
    background: url(../images/btn_free.png) no-repeat;
    transition: all .3s linear;
    text-align: center;
    font-size: 14px;
    color: #feeac7;
}


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

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

.section3 {
    margin-top: 220px;
}

.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: 11px;
    right: 9px;
    display: block;
    height: 18px;
    line-height: 18px;
    padding: 0 8px;
    background-color: #ff300e;
    font-style: normal;
    font-size: 12px;
    color: #fff;
    z-index: 3;
}

.panvtag {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 167px;
    height: 170px;
    background-image: url(../../images/ten.png);
    z-index: 3;
}

.pnav0 {
    position: absolute;
    top: 160px;
    left: 20px;
    width: 172px;
    height: 44px;
    line-height: 42px;
    background: url(../images/btn_back.png) no-repeat;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fce38e;
    z-index: 3;
}

.pnav0:hover {
    animation: faceInzoom 2s ease-in-out infinite;
    text-decoration: none;
}

@-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);
    }
}

/* ----------------------- 免费领取两次-start ----------------------------- */
.rollbox {
    position: relative;
    width: 922px;
}

.roll-content {
    width: 100%;
}

.title1s {
    height: 56px;
    line-height: 56px;
    text-shadow: 0 1px 1px rgba(103, 0, 0, .8);
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
}

.title1s em {
    display: none;
    font-weight: normal;
    font-size: 15px;
}

.title1m {
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #462c06;
}

#slide1 {
    position: relative;
    width: 900px;
    height: 325px;
    padding-top: 30px;
    margin: 0 auto;
    overflow: hidden;
}

.roll-list {
    position: relative;
    width: 5220px;
    z-index: 1;
}

.roll-item {
    position: relative;
    float: left;
    width: 161px;
    margin: 0 6px;
}

.rolltwo,
.rolltop {
    position: relative;
    width: 100%;
    height: 131px;
    padding-top: 17px;
    margin-bottom: 8px;
    background: url("../../images/roll_item.png") no-repeat;
}

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

.btn-roll {
    display: block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    margin: 7px auto 0;
    background: url("../../images/btn_roll.png") center no-repeat;
    transition: all .3s ease-in-out;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.btn-roll:hover,
.btn-roll:active {
    background-image: url("../../images/btn_roll_on.png");
}

.aside1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 262px;
    height: 56px;
    line-height: 56px;
    text-shadow: 0 1px 1px rgba(103, 0, 0, .8);
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
}

.aside1-txt {
    position: absolute;
    top: 120px;
    right: 0;
    width: 238px;
    line-height: 28px;
    font-size: 16px;
    color: #462c06;
}

.limit {
    position: relative;
    width: 1200px;
    height: 347px;
    margin-top: 120px;
}

.limit-desc {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 18px;
    color: #462c06;
}

.sendbar {
    position: absolute;
    top: 112px;
    right: 30px;
    width: 300px;
    margin-left: 20px;
}

.zengbar {
    width: 300px;
}

.label {
    position: absolute;
    top: 0px;
    left: -50px;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    color: #462c06;
}

.zengInput {
    display: block;
    width: 188px;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    margin-left: 60px;
    background-color: #fffcf5;
    border: 1px solid #be7d22;
    font-size: 18px;
    color: #462c06;
    transition: all .3s ease-in-out;
    outline: none;
}

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


.btn-zeng {
    position: relative;
    width: 242px;
    height: 59px;
    line-height: 54px;
    margin-top: 16px;
    margin: 10px auto;
    background: url(../images/btn_send.png) no-repeat;
    -webkit-transition: all .3s ease;
    -moz-text-shadow: 0 1px 1px rgba(103, 0, 0, .8);
    text-shadow: 0 1px 1px rgba(103, 0, 0, .8);
    text-shadow: 0 1px 1px rgba(103, 0, 0, .8);
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
    cursor: pointer;
}

/*  */
.desc3,
.desc32 {
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    color: #462c06;
}

.desc32 {
    margin-top: 15px;
}

.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: 98px;
    left: 27px;
    width: 766px;
    height: 84px;
}

.suit-list li {
    position: relative;
    float: left;
    width: 215px;
    height: 136px;
    padding-top: 22px;
    margin: 0 20px;
    background: url(../images/free_item.png) no-repeat;
}

.stname {
    display: block;
    height: 26px;
    line-height: 26px;
    margin-top: 12px;
    text-align: center;
    font-size: 16px;
    color: #462c06;
}

.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: 1200px;
    height: 660px;
    padding-top: 10px;
}

.live-pane {
    position: relative;
    float: left;
    width: 581px;
    height: 320px;
    margin-bottom: 36px;
    background: url(../images/dl.png) center top no-repeat;
}

.live-pane2 {
    background-image: url("../images/dl2.png");
}

.pane-title {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-top: 18px;
    text-shadow: 0 1px 1px rgba(103, 0, 0, .8);
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
}

.iseffeDaysTools {
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    text-align: center;
    font-size: 18px;
    color: #462c06;
}

.iseffeDaysTools::after {
    position: absolute;
    top: 16px;
    left: 242px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #cd933f;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.live-need {
    position: absolute;
    top: 58px;
    right: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    color: #f02828;
    cursor: pointer;
}

.live-list {
    width: 543px;
    margin: 0 auto;
}

.live-list li {
    position: relative;
    float: left;
    width: 163px;
    padding-top: 11px;
    margin: 0 9px;
    background: url(../images/free_item2.png) no-repeat;
    text-align: center;
}

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

.live-list li em {
    display: block;
    height: 26px;
    line-height: 26px;
    margin-top: 14px;
    text-align: center;
    font-size: 16px;
    color: #462c06;
}

.btn-live {
    width: 240px;
    height: 59px;
    line-height: 54px;
    margin: 6px auto 0;
    background: url(../images/btn_sign.png) center no-repeat;
    text-shadow: 1px 1px 1px rgba(103, 0, 0, .8);
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
}

.btn-live.a1 {
    background-image: url(../images/btn_sign2.png);
}

.btn-live.a2 {
    background-image: url(../images/btn_sign3.png);
}

/* ----------------------- 日志-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: 1100px;
    padding: 20px 0 50px;
    margin: 0 auto;
}

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

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

.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: nowrap;
    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;
}