@-webkit-keyframes scale {
    from {-webkit-transform: scale(1.05); }
    to {-webkit-transform: scale(1); }
}
@-moz-keyframes scale {
    from {-moz-transform: scale(1.05); }
    to {-moz-transform: scale(1); }
}
@keyframes scale {
    from {transform: scale(1.05);}
    to {transform: scale(1);}
}


/*4999预约弹窗*/
.order_scu_new_mask{
    display: none;
}
.order_scu_new .close {
    position: absolute;
    top: 28px;
    right: -35px;
}

/*预约弹框*/
.hdMask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.resPop, .actOrderScu, .actOrderRedScu {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 21;
    margin: -300px 0 0 -250px;
    width: 500px;
    height: 500px;
}

.actOrderScu .close, .actOrderRedScu .close {
    position: absolute;
    top: 38px;
    right: 38px;
}

.resPop .close {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    cursor: pointer;
    width: 31px;
    height: 31px;
}

.resPop .head {
    display: block !important;
    position: relative;
    height: 160px !important;
    border-radius: 10px 10px 0 0;
    overflow: initial !important;
    background: url("../img/redpack/pop_order_hd.jpg") no-repeat top center;
}

.resPop .head .money {
    position: absolute;
    top: 25px;
    left: -28px;
}

.resPop .nomalForm .head {
    height: 171px;
    background: url("/activity/20171127a/pop/pop_order_hd_n.jpg") no-repeat top center;
}

.resPop .order {
    padding: 20px 24px 32px;
    margin: 0 auto;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.resPop .order .hd{
    color: #222;
}

.resPop .redBagForm .order {
    padding-top: 36px;
}

.resPop .order .hd {
    text-align: center;
}

.resPop .order .hd h2 {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 400;
}

.resPop .order .hd p {
    margin-bottom: 10px;
    font-size: 18px;
    color: #222;
}
.resPop .order .hd span {
    margin: 0 3px;
    color: #e7391e;
}
.resPop .order p {
    position: relative;
    margin-bottom: 10px;
}
.resPop .order p label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 52px;
    height: 55px;
    line-height: 55px;
    text-align: center;
}

.resPop .order p img {
    vertical-align: middle;
}

.resPop .order input, .resPop .order select {
    padding: 10px 20px 10px 52px;
    width: 100%;
    height: 55px;
    line-height: 35px;
    font-size: 16px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #b1b1b1;
}

.resPop .order select {
    background: url("/activity/20171127a/pop/select.png") no-repeat 365px center #fff;
}

.resPop .order button {
    width: 100%;
    height: 60px;
    line-height:60px;
    color: #fff;
    font-size: 26px;
    background: #c4442e;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: inset 1px 0 0 #e3e3e3, 0 2px 0 #e3e3e3;
}

.resPop .order p.tips {
    margin-top: 15px;
    font-size: 14px;
    color: #999;
    text-align: center;
}

.resPop .order input, .resPop .order select {
    border: 1px solid #b1b1b1;
}

.resPop .order select {
    background-position: 410px center;
}
.rightBarWrapper{
    position: fixed;
    top: 190px;
    left: 50%;
    margin-left:170px;
    z-index: 10;
}
.rightBar {
    z-index: 100002;
}
.rightBar-line{
    width: 1px;
    height: 300px;
    border-left: 1px dotted red;
    margin-left: 60px;
    position: absolute;
    bottom: 90px;
}
.rightBar .redBag {
    -webkit-animation: swing 0.3s ease-in-out infinite alternate;
    animation: swing 0.3s ease-in-out infinite alternate;
    width: 120px;
}

@-webkit-keyframes swing {
    from {
        -webkit-transform: rotate(10deg);
    }
    to {
        -webkit-transform: rotate(-10deg);
    }
}

@keyframes swing {
    from {
        transform: rotate(10deg);
    }
    to {
        transform: rotate(-10deg);
    }
}

@-webkit-keyframes moveUp {
    from {
        margin-top: -3px;
    }
    to {
        margin-top: 0;
    }
}

@keyframes moveUp {
    from {
        margin-top: -3px;
    }
    to {
        margin-top: 0;
    }
}

/*@media screen and (max-width: 1365px) {*/
    /*.rightBar{*/
        /*left: inherit;*/
        /*right: 10px;*/
        /*margin-left: 0;*/
    /*}*/
/*}*/