@keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%

{
    transform: scale(1); /*开始为原始大小*/
}

25% {
    transform: scale(1.1); /*放大1.1倍*/
}

50% {
    transform: scale(1);
}

75% {
    transform: scale(1.1);
}

}

* {
    margin: 0;
    padding: 0
}

html {
    height: 100%;
}

button {
    outline: medium;
}

body {
    background: #fa2b4f;
    font-family: "微软雅黑";
    height: 100%;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

a {
    text-decoration: none;
}

ul li {
    list-style: none
}

.fl {
    float: left;
}

.rl {
    float: right;
}

.clear {
    clear: both;
}

.head {
    width: 10rem;
    height: 12.88rem;
    position: relative;margin: 0 auto;
}

.bjx {
    background: url(/Content/Event/e20180618/images/bjx.png) no-repeat;
    background-size: auto auto;
    background-size: 100%;
    width: 10rem;
    height: 12.88rem;
    position: absolute;
}

.hlg {
    background: url(/Content/Event/e20180618/images/hlg.png) no-repeat;
    background-size: auto auto;
    background-size: 100%;
    width: 2.59rem;
    height: 2.72rem;
    position: absolute;
    top: 0.8rem;
    left: 1.81rem;
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
    -webkit-animation-duration: 10s; /*动画所花费的时间*/
}

.lx {
    background: url(/Content/Event/e20180618/images/lx.png) no-repeat;
    background-size: auto auto;
    background-size: 100%;
    width: 6.2rem;
    height: 5.15rem;
    position: absolute;
    top: 0.43rem;
    left: 3.4rem;
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
    -webkit-animation-duration: 10s; /*动画所花费的时间*/
}

.tl {
    background: url(/Content/Event/e20180618/images/tl.png) no-repeat;
    background-size: auto auto;
    background-size: 100%;
    width: 2.77rem;
    height: 2.05rem;
    position: absolute;
    top: 8.75rem;
    left: 0.51rem;
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
    -webkit-animation-duration: 10s; /*动画所花费的时间*/
}

.nr {
    background: url(/Content/Event/e20180618/images/nr.png) no-repeat;
    background-size: auto auto;
    background-size: 100%;
    width: 5.79rem;
    height: 5.65rem;
    position: absolute;
    top: 8.67rem;
    left: 3.8rem;
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
    -webkit-animation-duration: 10s; /*动画所花费的时间*/
}

.btwz {
    background: url(/Content/Event/e20180618/images/btwz.png) no-repeat;
    background-size: auto auto;
    background-size: 100%;
    width: 7.39rem;
    height: 4.8rem;
    position: absolute;
    top: 4.0rem;
    left: 1.6rem;
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
    -webkit-animation-duration: 10s; /*动画所花费的时间*/
}

.bjs {
    background: url(/Content/Event/e20180618/images/bjs.png) no-repeat;
    background-size: auto auto;
    background-size: 100%;
    width: 10rem;
    height: 12.88rem;
    position: absolute;
    z-index: 998;
}

.kc-fl {
    background: url(/Content/Event/e20180618/images/fl.png) no-repeat;
    background-size: auto auto;
    background-size: 100%;
    width: 9.39rem;
    height: 3.97rem;
    margin: -0.3rem auto 0.5rem auto;
    position: relative;
    z-index: 999;
}

.kc-fl1 {
    width: 9.39rem;
    height: 1.89rem;
    position: absolute;
    left: 0;
    top: 0;
}

.kc-fl2 {
    width: 4.67rem;
    height: 1.89rem;
    position: absolute;
    left: 0;
    top: 2.1rem;
}

.kc-fl3 {
    width: 4.67rem;
    height: 1.89rem;
    position: absolute;
    left: 4.74rem;
    top: 2.1rem;
}

.cmsunitynav_wrapper {
    height: 0.96rem;
}

.qg-wrap-p {
    width: 100%;
    transform: translateZ(0);
    height: 1.44rem;
    background-color: #ABD1FF;
}

.qg-wrap {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    background-color: #ABD1FF;
}

    .qg-wrap, .qg-wrap ul, .qg-wrap ul li {
        height: 1.44rem;
        overflow: hidden;
    }

        .qg-wrap, .qg-wrap .time-1 li {
            width: 100%;
        }

            .qg-wrap .time-5 li {
                width: 2.21333333rem;
            }

            .qg-wrap ul .selected {
                background-color: #ffb706;
            }

            .qg-wrap ul {
                background-color: #d10044;
            }

                .qg-wrap ul li {
                    position: relative;
                    float: left;
                    -webkit-transform: translate(0, 0);
                    -moz-transform: translate(0, 0);
                    -ms-transform: translate(0, 0);
                    transform: translate(0, 0);
                }

                .qg-wrap, .qg-wrap ul, .qg-wrap ul li {
                    height: 1.44rem;
                    overflow: hidden;
                }

                    .qg-wrap ul li .top {
                        padding-top: .16rem;
                        display: block;
                        font-size: .48rem;
                        line-height: .64rem;
                        text-align: center;
                        color: #FFF;
                        font-family: Tahoma;
                        white-space: nowrap;
                        overflow: hidden;
                    }

.iconfont {
    font-family: PingFangSC-Regular;
    font-family: !iconfont important;
    font-size: 0.43rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale; /*    letter-spacing: -.24rem;*/
}

.qg-wrap .selected .bottom {
    opacity: 1;
}

.qg-wrap ul li .bottom {
    display: block;
    text-align: center;
    font-size: 0.32rem;
    color: #FFF;
    opacity: .6;
}

.qg-wrap .selected .triangle {
    display: block;
}

.qg-wrap .triangle {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -0.13rem;
    width: 0.27rem;
    height: 0.11rem;
    background-size: auto auto;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

em, i {
    font-style: normal;
}

.weex-ct {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    border: 0 solid black;
    border-top-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: black;
    border-right-color: black;
    border-bottom-color: black;
    border-left-color: black;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.weex-root * {
    border-width: 0;
    border-color: inherit;
    border-style: solid;
}

.weex-root, .weex-root *, .weex-root ::before, .weex-root ::after {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

    .weex-root, .weex-root * {
        color: initial;
        cursor: initial;
        direction: initial;
        font: initial;
        font-family: initial;
        font-style: initial;
        font-weight: initial;
        font-size: initial;
        line-height: initial;
        font-variant-alternates: initial;
        font-variant-caps: initial;
        font-variant-east-asian: initial;
        font-variant-ligatures: initial;
        font-variant-numeric: initial;
        font-variant-position: initial;
        font-family: initial;
        font-size: initial;
        font-style: initial;
        font-variant: initial;
        font-weight: initial;
        line-height: initial;
        text-align: initial;
        text-indent: initial;
        visibility: initial;
        white-space: initial;
        word-spacing: initial;
        font-family: BlinkMacSystemFont, 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

.day-head {
    background: url(/Content/Event/e20180618/images/day1.png) no-repeat;
    background-size: auto auto;
    background-size: 100%;
    width: 9.39rem;
    height: 2.03rem;
    margin: 0.27rem auto;
}

.day-yhj {
    background: url(/Content/Event/e20180618/images/yhj.png) no-repeat;
    background-size: auto auto;
    background-size: 100%;
    width: 9.15rem;
    height: 1.84rem;
    margin: 0.27rem auto;
    position: relative;
}

    .day-yhj p {
        color: #fff;
        font-size: 0.29rem;
    }

.yhj-text {
    position: absolute;
    top: 0.54rem;
    left: 2.59rem;
}

.bt {
    border: 0.02rem solid #fff;
    border-radius: 0.5rem;
    width: 4.56rem;
    height: 1.01rem;
    margin: 0.5rem auto 0.27rem auto;
    color: #fff;
    font-size: 0.59rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.01rem;
}
/*滚动开始*/
.coupon {
    width: 100%;
    align-items: center;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.n_bag_w {
    width: 100%;
}

    .n_bag_w .n_bag_w_in {
        width: 10rem;
        /*height: 5.24rem;*/
        margin: 0 auto;
    }

.n_bag_bj_188 {
    /* background-color: #fff;*/
    background-size: auto auto;
    background-size: 100% 100%;
}

.n_bag_w .n_bag_w_in .swiper-container {
    /*  padding-top: 1.44rem;*/
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.n_bag_w .n_bag_w_in .swiper-container .swiper-slide {
    width: 2.21333333rem;
    /*height: 5rem;*/
    /*background: url(images/index.png) no-repeat center center;*/
    background-size: auto auto;
    background-size: 3rem 5rem;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.n_bag_w .n_bag_w_in .swiper-container .swiper-slide .n_bag_one_l {
    width: 1.55rem;
    display: block;
    line-height: 1rem;
    padding-top: .3rem;
    float: left;
    text-align: center;
}

.n_bag_w .n_bag_w_in .swiper-container .swiper-slide .n_bag_one_r {
    width: 1.95rem;
    text-align: center;
    float: left;
    margin-top: 0.2rem;
}

    .n_bag_w .n_bag_w_in .swiper-container .swiper-slide .n_bag_one_r .des {
        height: 0.775rem;
        padding-top: .05rem;
    }

        .n_bag_w .n_bag_w_in .swiper-container .swiper-slide .n_bag_one_r .des span {
            font-size: 0.53rem;
            color: #E3302C;
            margin-top: .1rem;
            text-align: center;
            -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
            transform: scale(0.5);
            width: 200%;
            -webkit-transform-origin: left top;
            display: block;
        }

        .n_bag_w .n_bag_w_in .swiper-container .swiper-slide .n_bag_one_r .des span {
            font-size: 0.53rem;
            color: #E3302C;
            text-align: center;
        }

    .n_bag_w .n_bag_w_in .swiper-container .swiper-slide .n_bag_one_r .btn_red {
        margin-top: 0.125;
        width: 1.5rem;
        height: 0.45rem;
        line-height: 0.45rem;
        border-radius: 0.265rem;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fa5e5e), to(#f23030));
        background-image: -webkit-linear-gradient(top, #fa5e5e, #f23030);
        background-image: -o-linear-gradient(top, #fa5e5e, #f23030);
        background-image: linear-gradient(to bottom, #fa5e5e, #f23030);
        font-size: 0.265rem;
        color: #fff;
        margin: 0.125rem auto;
    }

.n_bag_w .n_bag_w_in .swiper-container .swiper-slide .n_bag_one_l .yuan {
    font-size: 0.375rem;
    color: #E3302C;
    display: inline-block;
}

.n_bag_w .n_bag_w_in .swiper-container .swiper-slide .n_bag_one_l .num {
    font-size: 0.585rem;
    color: #E3302C;
    display: block;
    font-weight: bold;
    display: inline-block;
}



.qg-wrap-p {
    width: 100%;
    transform: translateZ(0);
    height: 1.44rem;
    background-color: #ABD1FF;
}

.qg-wrap {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    background-color: #d10044;
}

.qg-wrap, .doubaou, .doubaoz {
    height: 1.44rem;
    overflow: hidden;
}

    .qg-wrap, .qg-wrap .time-1 .doubaoz {
        width: 100%;
    }

        .qg-wrap .time-5 .doubaoz {
            width: 2.21333333rem;
        }

        .qg-wrap ul .selected {
            background-color: #ffb706;
        }

        .qg-wrap ul {
            background-color: #d10044;
        }

.doubaoz {
    position: relative;
    float: left;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.qg-wrap, .doubaou, .doubaoz {
    height: 1.44rem;
    overflow: hidden;
}

    .doubaoz .top {
        padding-top: .16rem;
        display: block;
        font-size: .48rem;
        line-height: .64rem;
        text-align: center;
        color: #FFF;
        font-family: Tahoma;
        white-space: nowrap;
        overflow: hidden;
    }

.iconfont {
    font-family: PingFangSC-Regular;
    font-family: !iconfont important;
    font-size: 0.43rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale; /*    letter-spacing: -.24rem;*/
}

.qg-wrap .selected .bottom {
    opacity: 1;
}

.doubaoz .bottom {
    display: block;
    text-align: center;
    font-size: 0.32rem;
    color: #FFF;
    opacity: .6;
}

.qg-wrap .selected .triangle {
    display: block;
}

.qg-wrap .triangle {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -0.13rem;
    width: 0.27rem;
    height: 0.11rem;
    /*background: url(images/index.png) bottom center no-repeat;*/
    background-size: auto auto;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.qg-wrap .selected {
    background-color: #ffb706;
}