@charset "UTF-8";
.p_padding_spacing {
    margin-top: 65px;
}
.font_red {
    color: #fb0628 !important;
}
.font_gray {
    color: #999 !important;
}
.pd12 {
    padding-left: 12px;
    padding-right: 12px;
}
.mg12 {
    margin-left: 12px;
    margin-right: 12px;
}
.zzf_spe_meony_icon {
    font-weight: normal;
    font-size: 12px;
    font-family: 'microsoft Yahei','Arial','黑体','Verdana','Helvetica','sans-serif';
}
.zzf_small_btn {
    display: inline-block;
    width: 78px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 13px;
    color: #666;
}

.no_border_bottom {
    border-bottom: none !important;
}

.red {
    color: #fb0628 !important;
}

.zzf_seven_tabs {
    padding: 0 2px;
    height: 14px;
    line-height: 14px;
    margin: 0 4px 0 0;
    border: 1px solid #fb0628;
    border-radius: 2px;
    color: #fb0628;
    display: inline-block;
    background: none !important;
}
.no_use_cart {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    background: none !important;
    border: 1px solid #ddd;
    color: #333 !important;
}

.spacing5 {
    height: 5px;
    background: #eee;
}


/* placeholder字体颜色 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}


/* 取消订单弹窗 */
.zzf_cancel_order_pannel {
    background: #fff;
    width: 100%;
    padding: 10px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    transform: translateY(105%);
    -webkit-transform: translateY(105%);
}
.zzf_cancel_order_pannel a {
    display: block;
    line-height: 36px;
    font-size: 15px;
    text-align: center;
}


.zzf_cancel_order_pannel.active {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}


/* 提示消失型弹窗样式 */
.zzf_pannel_tips {
    width: 180px;
    height: 30px;
    padding-top: 50px;
    font-size: 16px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -88px;
    margin-top: -20px;
    z-index: 999;
    text-align: center;
    opacity: 0.8;
    border-radius: 10px;
    display: none;
    background: #000 url(../images/focus.png) no-repeat center 12px;
    background-size: 30px;
    color: #fff;
}


/* 带确认型中部的弹窗样式 */
.zzf_sure_pannel {
    text-align: center;
    background: #fff;
    position: fixed;
    left: 36px;
    right: 36px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate( 0,-50% );
    z-index: 9999;
    border-radius: 6px;
    display: none;
}
.zzf_sure_pannel h2 {
    font-size: 16px;
    line-height: 56px;
    
}
.zzf_sure_pannel p {
    margin: 0 auto;
    width: 64%;
    font-size: 13px;
    color: #999;
    line-height: 18px;
}
.zzf_sure_pannel .option_box {
    margin-top: 15px;
    border-top: 1px solid #ddd;
}
.zzf_sure_pannel .option_box a {
    width: 50%;
    display: inline-block;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
}
.zzf_sure_pannel .option_box a:nth-last-of-type(1) {
    border-right: none;
}


/* 评论星星 */
.zzf_star_box {
   font-size: 14px;
}
.zzf_star_box .p_star {
    margin-left: 10px;
}

.zzf_star_box .p_star span {
    width: 16px;
    height: 16px;
}
.zzf_star_box .p_star span.gray {
    width: 17px;
    height: 17px;
    background: url(../images/zzf_new_order/star_gray.png) no-repeat center;
    background-size: cover;
}

@media screen and (max-width: 320px) {
    .zzf_star_box .p_star {
        padding-top: 1px;
    }
    .zzf_star_box .p_star span {
        width: 14px;
        height: 14px;
    }
}


/* tab切换 */
.zzf_p_choose_box {
    line-height: 44px;
}
.zzf_p_choose_box a {
    display: inline-block;
    font-size: 13px;
    width: 50%;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    text-align: center;
    line-height: 44px;
    border-bottom: 2px solid #fff;
}
.zzf_p_choose_box a.active {
    border-bottom-color: #fb0628;
}
.zzf_p_tab_box .tab {
    display: none;
}


/* 大红按钮 */
.p_big_red_btn {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    background: #fb0628;
}




/* 订单详情 */
.zzf_top_tips {
    padding: 18px 0 18px 28px;
    background-image:-webkit-linear-gradient(to top,#ff5b5b,#fb0a2a);
    background-image:linear-gradient(to top,#ff5b5b,#fb0a2a);
    color: #fff;
}
.zzf_top_tips h3 {
    font-size: 18px;
    padding-bottom: 6px;
}

.zzf_receipt {
    padding: 8px 28px 12px 12px;
    background: #fff;
}
.zzf_receipt .common_info {
    padding: 0 0 5px 16px;
    font-size: 15px;
}
.zzf_receipt .common_info .name {
    font-weight: bold;
}
.zzf_receipt .address {
    padding-left: 16px;
    background: url(../images/zzf_new_order/address_icon.png) no-repeat left center;
    background-size: 15px 15px;
    line-height: 18px;
    font-size: 14px;
    color: #000;
}
.zzf_cut_bg {
    width: 100%;
    height: 6px;
    background: url(../images/zzf_new_order/cut_bg.png) repeat-x;
    background-size: auto 6px;
}

.zzf_invoice {
    padding: 8px 28px;
}
.zzf_invoice p {
    line-height: 24px;
    font-size: 15px;
}

.zzf_shop_order_box {
    background: #fff;
}
.zzf_shop_order {
    margin: 0 12px;
}
.zzf_shop_order .pic {
    width: 120px;
}
.zzf_shop_order .pic img {
    width: 100%;
}
.zzf_shop_order .mes {
    padding: 12px 0 12px 130px;
}
.zzf_shop_order .mes h3 {
    font-size: 14px;
    line-height: 18px;
   width: 170px;
}
.zzf_shop_order .mes .color {
    color: #999;
    line-height: 26px;
}
.zzf_shop_order .mes .quantity {
    color: #999;
    line-height: 20px;
}
.all_check{
    float: right;
    line-height: 44px;
    padding-right: 15px;
    font-size: 14px;
}
.freight_refund{
    padding-left: 15px;
    line-height: 20px;
}
.zzf_shop_order .mes .tab {
    color: #fb0628;
    display: inline-block;
    padding: 1px 5px;
    margin: 2px 0 6px 0;
    background: #fee8eb;
    border-radius: 4px;
}
.zzf_shop_order .mes .money {
    line-height: 26px;
}
.mt-30{
    margin-top: 30px;
}
.big-red-btn {
    background: #fb082a;
    width: 100%;
    line-height: 35px;
    font-size: 14px;
    border-radius: 4px;
    border: none;
    outline: none;
    margin-bottom: 15px;
    color: #fff;
    display: block;
    text-align: center;
}
.zzf_shop_order .mes .money span {
    color: #333;
}
.zzf_shop_order .mes .money em {
    font-size: 13px;
}

.zzf_shop_order_box .extra {
    height: 44px;
    background: #fff9f9;
    line-height: 44px;
    padding: 0 12px 0 12px;
    font-size: 13px;
}
.zzf_shop_order_box .extra .info_1 em {
    margin-right: 2px;
    color: #999;
}
.zzf_shop_order_box .extra .info_2 .icon {
    display: inline-block;
    width: 5px;
    height: 9px;
    background: url(../images/cy02/i_right_red.png) no-repeat center;
    background-size: cover;
}
.zzf_shop_order .tabs_red {
    display: inline-block;
    padding: 0 3px;
    margin-right: 3px;
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    color: #fff;
    background: #fb0628;
    border-radius: 3px;
}


.zzf_all_money {
    padding: 8px 12px;
    position: relative;
}
.zzf_all_money div {
    font-size: 14px;
    line-height: 26px;
}
.zzf_all_money div em {
    color: #fb0628;
    font-size: 15px;
}
.zzf_all_money div em i {
    font-size: 13px;
}
.zzf_contact {
    position: relative;
    background: #fff;
}
.zzf_contact a {
    display: inline-block;
    width: 50%;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.zzf_contact2{
    float: left;
    width: 100%;
    clear: both;
    padding: 10px 0;
    background: #eee;
}
.zzf_contact2 a{
    float: left;
    background: #fff;
}
.zzf_contact2 a:last-child {
    border-left: 1px solid #ddd;
    box-sizing: border-box;
}
.zzf_contact a .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 4px;
}
.zzf_contact a .icon1 {
    background: url(../images/zzf_new_order/mes.png) no-repeat center;
    background-size: cover;
}
.zzf_contact a .icon2 {
    background: url(../images/zzf_new_order/phone.png) no-repeat center;
    background-size: cover;
}
.zzf_contact a em {
    vertical-align: middle;
    font-size: 13px;
}
.zzf_contact .line {
    width: 1px;
    height: 30px;
    position: absolute;
    right: 50%;
    top: 8px;
    background: #eee;
}


/* 订单详情-交易完成 */
.zzf_top_tips .deal_done {
    padding-left: 51px;
    font-size: 18px;
    background: url(../images/zzf_new_order/deal_done.png) no-repeat left center;
    background-size: 41px;
    line-height: 42px;
}
.zzf_all_money .line {
    width: 97%;
    height: 1px;
    background: #ddd;
    position: absolute;
    bottom: 20%;
    left: 0;
}

.fix_account .btn {
    display: inline-block;
    width: 78px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 13px;
    color: #666;
}
.fix_account .btn.active {
    border-color: #ff0000;
    color: #fb0628;
}


/* 物流详情 */
.zzf_logistics .zzf_shop_order {
   border-bottom: none;
}
.zzf_logistics .zzf_shop_order h2 {
    font-size: 18px;
    padding-bottom: 5px;
}
.zzf_logistics .zzf_shop_order h2 span {
    color: #fb0628;
}
.zzf_logistics .zzf_shop_order p {
    color: #999;
    font-size: 13px;
    line-height: 20px;
}

.zzf_logistics_box {
    position: relative;
    padding-bottom: 10px;
    overflow: hidden;
}
.zzf_logistics_box .line {
    width: 1px;
    height: 100%;
    background: #ececec;
    position: absolute;
    left: 19px;
    top: 31px;
}
.zzf_logistics_box .mes {
    padding: 14px 0 0 12px;
    position: relative;
    z-index: 2;
}
.zzf_logistics_box .mes p {
    width: 280px;
    padding-left: 20px;
    line-height: 18px;
    font-size: 13px;
}
.zzf_logistics_box .mes .icon1 {
    background: url(../images/zzf_new_order/address_red.png) no-repeat 0 2px;
    background-size: 15px;
}
.zzf_logistics_box .mes .icon2 {
    background: url(../images/zzf_new_order/dot.png) no-repeat 2px 3px;
    background-size: 10px;
}
.zzf_logistics_box .mes .time {
    color: #999;
    display: inline-block;
    padding: 3px 0 0 20px;
}


/* 待发货 */
.zzf_pending .goods_extra {
    text-align: right;
    padding-right: 12px;
}
.zzf_pending .goods_extra b,
.zzf_pending .goods_extra i,
.zzf_pending .goods_extra em {
    color: #333;
    font-size: 15px;
}
.zzf_pending .goods_extra b,
.zzf_pending .goods_extra em {
    font-size: 12px;
    line-height: 40px;
    height: 40px;
}
.zzf_pending .option_box {
    margin: 0 12px;
    border-top: 1px solid #eee;
    text-align: right;
    padding: 10px 0;
}


/* 待付款 */
.zzf_pending .yx_tab_tit {
    padding: 0 12px 0 0;
}
.zzf_pending .yx_tab_tit a {
    width: 20%;
    text-align: center;
    margin-right: 0; 
}

@media screen and (max-width: 320px) {
    .zzf_pending .yx_tab_tit a {
        font-size: 13px;
    }
}

.zzf_pending .yx_tab_tit a.cur {
    border-bottom: 2px solid #fff;
    color: #333;
}
.zzf_pending .yx_tab_tit a.cur span {
    display: inline-block;
    height: 43px;
    line-height: 43px;
    border-bottom: 2px solid #f02b2b;
    color: #f02b2b;
}


/* 退款详情 */
.zzf_refund_reason {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    background: #fff;
    margin-bottom: 50px;
}
.zzf_refund_reason p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}


/* 发表评论 */
.zzf_evaluated {
    background: #fff;
    padding-bottom: 40px;
}
.zzf_evaluated .shopping_feel {
    margin: 0 12px;
    padding-bottom:10px;
    border-bottom: 1px solid #eee;
    position: relative;
}
.zzf_evaluated .shopping_feel textarea {
    width: 100%;
    height: 90px;
    padding: 6px 0;
    box-sizing: border-box;
    font-size: 14px;
}
.zzf_evaluated .shopping_feel .add_pic {
    width: 75px;
    height: 75px;
    overflow: hidden;
}
.zzf_evaluated .shopping_feel .add_pic img {
    width: 100%;
}
.zzf_evaluated .shopping_feel .num {
    position: absolute;
    bottom: 10px;
    right: 0;
    color: #999;
    font-size: 14px;
}

.zzf_shop_evaluated {
    background: #fff;
    margin-bottom: 55px;
    padding-bottom: 5px;
}
.zzf_shop_evaluated .cart-t {
    padding-left: 12px;
    margin-bottom: 5px;
}
.zzf_shop_evaluated .zzf_star_box {
    padding: 5px 12px 5px 40px;
}


/* 凑单 */
.zzf_order_join .icon {
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    top: 8px;
}
.zzf_order_join .code_icon {
    background: url(../images/zzf_new_order/code_icon.png) no-repeat center;
    background-size: cover;
    left: 12px;
}
.zzf_order_join .sort_icon {
    background: url(../images/zzf_new_order/sort_icon.png) no-repeat center;
    background-size: cover;
    right: 12px;
}

.zzf_order_sort {
    background: #fff;

}
.zzf_order_sort a {
    width: 20%;
    float: left;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
}
.zzf_order_sort a em {
    position: relative;
    padding-right: 12px;
}
.zzf_order_sort a em .icon {
    width: 7px;
    height: 4px;
    position: absolute;
    right: 0;
}

.zzf_order_sort a em .under_icon {
    top: 7px;
    background: url(../images/zzf_new_order/under_icon.png) no-repeat center;
    background-size: cover;
}

.zzf_order_sort a em .up_icon {
    background: url(../images/zzf_new_order/up_icon.png) no-repeat center;
    background-size: cover;
}

.zzf_order_sort a em .under_icon.active {
    background: url(../images/zzf_new_order/under_icon_active.png) no-repeat center;
    background-size: cover;
}
.zzf_order_sort a em .up_icon.active {
    background: url(../images/zzf_new_order/up_icon_active.png) no-repeat center;
    background-size: cover;
}
.zzf_order_sort a em .icon2 {
    display: block;
    right: 0;
    top: 0;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/zzf_new_order/i_fenlei.png) no-repeat center;
    background-size: cover;
}

.zzf_promotion_tips {
    position: relative;
    line-height: 40px;
    border-top: 1px solid #e3e2e2;
    border-bottom: 1px solid #e3e2e2;
    background: #eee;
}
.zzf_promotion_tips p {
    padding-left: 12px;
    color: #333;
}
.zzf_promotion_tips .close {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/zzf_new_order/white_close.png) no-repeat center;
    background-size: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.zzf_join_list {
   padding-bottom: 45px;
}
.zzf_join_list .cell {
    margin-left: 12px;
    position: relative;
    border-bottom: 1px solid #e3e2e2
}
.zzf_join_list .cell .pic {
    width: 100px;
    height: 100px;
    padding-top: 10px;
    overflow: hidden;
    border-bottom: none;
}
.zzf_join_list .cell .pic img {
    width: 100%;
}
.zzf_join_list .cell .mes {
    margin-left: 110px;
    padding: 15px 12px 12px 0;
    /*border-bottom: 1px solid #e3e2e2;*/
}
.zzf_join_list .cell .mes h3 {
    font-size: 15px;
    height: 40px;
}
.zzf_join_list .cell .mes .money {
    font-size: 16px;
    line-height: 24px;
    color: #fb0628;
}
.zzf_join_list .cell .mes .extra {
    color: #999;
    margin-bottom: 6px;
    font-size: 13px;
}
.zzf_join_list .cell .mes .extra span:nth-of-type(1) {
    margin-right: 4px;
}
.zzf_join_list .cell .mes .shop_name {
    color: #999;
    font-size: 13px;
}
.zzf_join_list .cell .join_btn {
    position: absolute;
    right: 12px;
    bottom: 8px;
    width: 24px;
    height: 24px;
    background: url(../images/zzf_new_order/join_btn.png) no-repeat center;
    background-size: cover;
}



/* 使用电子券 */
.zzf_coupon .zzf_p_choose_box {
    background: #fff;
}
.zzf_coupon .top_tips {
    color: #fb0628;
    padding-left: 12px;
    height: 44px;
    line-height: 44px;
    background: #fce7e8;
}
.use_coupon {
    margin-top: 12px;
    padding: 0 40px 0 12px;
    position: relative;
}
.zzf_p_tab_box .tab .use_coupon:nth-last-of-type(1) {
    margin-bottom: 45px;
}
.no_use_coupon {
    padding-right: 12px;
}
.no_use_coupon .plain {
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 5px;
    line-height: 30px;
    padding-left: 12px;
}
.no_use_coupon .bottom_tips {
    font-size: 14px;
    margin: 20px auto;
    text-align: center;
    color: #000;
}


.use_coupon .check {
    left: auto;
    right: 12px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.use_coupon.cur .check {
    background: url(../images/cart/new_check_active.png) no-repeat center;
    background-size: contain;
    border: none;
}
.voucher_main {
    position: relative;
    max-width: 636px;
    margin: 0 auto 10px;
}
.voucher_main img {
    width: 100%;
}
.voucher_main .left,
.voucher_main .center,
.voucher_main .right {
    position: absolute;
    top: 50%;
    text-align: center;
    -webkit-transform: translate( 0,-50% );
    -moz-transform: translate( 0,-50% );
    -ms-transform: translate( 0,-50% );
    -o-transform: translate( 0,-50% );
    transform: translate( 0,-50% );
}

.voucher_main .left {
    left: 3.9%;
    color: #fff;
}
.voucher_main .left .much {
    font-size: 15px;
}
.voucher_main .left .much span {
    font-size: 30px;
}

.voucher_main .center {
    left: 41%;
}
.voucher_main .center strong {
    font-size: 14px;
    color: #333;
}
.voucher_main .center p {
    font-size: 12px;
    color: #666;
    padding-top: 4px;
}

.voucher_main .right {
    width: 14px;
    right: 3.8%;
    color: #ffbc3a;
}

.zzf_p_tab_box .p_big_red_btn {
    position: fixed;
    bottom: 20px;
    left: 12px;
    right: 12px;
    z-index: 2;
}

@media screen and (max-width:320px) {
    .voucher div span {
        margin-right: 2px;
    }
    .voucher div em {
        margin: 0 2px;
    }
    .voucher .use_info {
        font-size: 12px;
    }

    .voucher_main .left {
        left: 1.9%;
    }
    .voucher_main .center {
        left: 34.5%;
    }
    .voucher_main .right {
        right: 3.3%;
    }
}

@media screen and (min-width:375px) {
    .stages .plain2 .tab {
        margin-right: 5px;
    }

    .voucher_main .left {
        left: 4%;
    }
    .voucher_main .center {
        left: 40.5%;
    }
    .voucher_main .right {
        right: 3.8%;
    }
}

@media screen and (min-width:400px) {
    .stages .plain2 .tab {
        margin-right: 10px;
    }

    .voucher_main .left {
        left: 5.8%;
    }
    .voucher_main .center {
        left: 44.5%;
    }
}



/* 查看评价 */
.zzf_evaluated .content {
    padding-top: 10px;

}
.zzf_evaluated .content .cell {
    padding: 0 12px;
}
.zzf_evaluated .content .cell .plain {
    padding-bottom: 10px;
    position: relative;
}
.zzf_evaluated .content .cell .word {
    font-size: 14px;
    padding-right: 80px;
}
.zzf_evaluated .content .cell .time {
    color: #999;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 16px;
}
.zzf_evaluated .content .pic_box {
    margin-bottom: 10px;
}
.zzf_evaluated .content .pic_box img {
    width: 24%;
    margin-right: 1.3%;
}
.zzf_evaluated .content .pic_box img:nth-last-of-type(1) {
    margin-right: 0;
}


/* 机票订单 */
.zzf_air .i-shop {
    width: 16px;
    height: 16px;
    background: url(../images/zzf_new_order/air_icon.png) no-repeat center;
    background-size: cover;
}
.zzf_air .cell {
    background: #fff;
}
.zzf_air .cell .mes {
    display: block;
    padding: 10px 12px;
    position: relative;
}
.zzf_air .cell .mes p {
    line-height: 30px;
    font-size: 15px;
}
.zzf_air .cell .mes:before {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 7px;
    height: 13px;
    background: url(../images/zzf_new_order/black_right.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    content: '';
    transform: translate(0,-50%);
}
.zzf_air .cell .mes .tips {
    font-size: 13px;
    color: #666;
}
.zzf_air .cell .option {
    margin: 0 12px;
    border-top: 1px solid #eee;
    text-align: right;
    padding: 10px 0;
}


/* 机票订单详情 */
.zzf_air_detail {
    background: #fff;
}
.zzf_air_detail .item {
    margin: 0 12px;
    line-height: 45px;
    font-size: 14px;
}
.zzf_air_detail .mes .item {
    border-bottom: 1px solid #eee;
}
.zzf_air_detail .section .cart-t {
    padding-left: 12px;
}
.zzf_air_detail .section .content {
    padding: 5px 12px;
}
.zzf_air_detail .section .content p {
    line-height: 25px;
    font-size: 14px;
}

.zzf_air_detail .extra_option {
    display: block;
    position: relative;
    line-height: 45px;
    padding: 0 12px;
    font-size: 14px;
}
.zzf_air_detail .extra_option:before {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 7px;
    height: 13px;
    background: url(../images/cy_new/i_right.jpg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    content: '';
    transform: translate(0,-50%);
}

.zzf_air_detail .warn_tips {
    padding: 15px 12px;
    color: #666;
}
.zzf_air_detail .warn_tips h3 {
    padding-bottom: 5px;
}
.zzf_air_detail .warn_tips p {
    line-height: 18px;
}



/* 及时消息 */
.zzf_chat .time {
    text-align: center;
    padding: 10px;
    color: #999;
}
.zzf_chat .chat_box {
    padding: 0 12px;
}
.zzf_chat .chat_box .pic {
    width: 43px;
}
.zzf_chat .chat_box .pic img {
    width: 100%;
}
.zzf_chat .mes_box {
    margin: 0 20px 0 60px;
    position: relative;
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    line-height: 18px;
    font-size: 13px;
    display: inline-block;
}
.zzf_chat .chat_box .icon {
    position: absolute;
    width: 6px;
    height: 9px;
    background: url(../images/zzf_new_order/chat_arrow.png) no-repeat center;
    background-size: cover;
    top: 8px;
}
.zzf_chat .service .mes_box .icon {
    left: -6px;
}
.zzf_chat .my .mes_box .icon {
    background: url(../images/zzf_new_order/chat_arrow2.png) no-repeat center;
    background-size: cover;
    right: -6px;
}
.zzf_chat .service,
.zzf_chat .my {
    margin-bottom: 20px;
}

.zzf_write_chat {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 0 12px;
    box-sizing: border-box;
}
.zzf_write_chat input {
    padding: 0;
    height: 34px;
    line-height: 34px;
    text-indent: 6px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: block;
    margin-top: 5px;
}
.zzf_write_chat .icon {
    display: inline-block;
    width: 45px;
    height: 45px;
}
.zzf_write_chat .icon1 {
    background: url(../images/zzf_new_order/chat_icon1.png) no-repeat center;
    background-size: 33px;
}
.zzf_write_chat .icon2 {
    background: url(../images/zzf_new_order/chat_icon2.png) no-repeat center;
    background-size: 33px;
}



/* 发票管理 */
.zzf_invoice_manage {
    padding-bottom: 55px;
}
.zzf_tab_choose {
    line-height: 55px;
    height: 55px;
    padding: 0 12px;
}
.zzf_tab_choose .tab {
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid #ccc;
    line-height: 16px;
    font-size: 13px;
    margin-right: 6px;
}
.zzf_tab_choose .tab:nth-last-of-type(1) {
    margin-right: 0;
}
.zzf_tab_choose .tab.active {
    color: #fb0628;
    border: 1px solid #fb0628;
}

.zzf_choose_invoice {
    padding: 0 12px;
}
.zzf_choose_invoice .cell {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    position: relative;
}
.zzf_choose_invoice .cell:nth-last-of-type(1) {
    border-bottom: none;
}
.zzf_choose_invoice .cell .check {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.zzf_choose_invoice .cell .content {
    background: #fff9f9;
    margin: 0 95px 0 35px;
    padding: 8px 10px 6px;
}
.zzf_choose_invoice .cell .content p {
    line-height: 22px;
}
.zzf_choose_invoice .cell .content .tab {
    display: inline-block;
    padding: 0 4px;
    line-height: 16px;
    font-size: 13px;
    margin-right: 6px;
    color: #fb0628;
    border: 1px solid #fb0628;
}
.zzf_choose_invoice .cell .content .word {
    font-size: 14px;
    color: #666;
}
.zzf_choose_invoice .cell .change {
    width: 80px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: #fb0628 url(../images/zzf_new_order/edit.png) no-repeat 12px center;
    background-size: 20px;
    padding-left: 38px;
    box-sizing: border-box;
}

.zzf_bottom_option {
    background: #fff;
    padding: 5px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}
.zzf_bottom_option .p_big_red_btn {
    margin: 0 12px;
}


/* 添加发票信息 */
.zzf_add_invoice {
    padding: 0 12px 4px;
}
.zzf_add_invoice .name {
    font-size: 14px;
    line-height: 20px;
}
.zzf_add_invoice .mes {
    padding: 10px 0 0 100px;
}
.zzf_add_invoice .mes .top {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.zzf_add_invoice .mes .top span {
    display: inline-block;
    margin-right: 50px;
}
.zzf_add_invoice .mes .top .check {
    position: static;
    vertical-align: middle;
}
.zzf_add_invoice .mes .top i {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 14px;
}
.zzf_add_invoice .mes .input_box input {
    padding: 10px 0;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}

.invoice_tab_choose .tab {
    display: none;
}

.zzf_invoice_extra {
    display: none;
    background: #fff;
}
.zzf_invoice_extra .p_text {
    line-height: 44px;
    border-top: 1px solid #eee;
    margin: 0 12px;
    font-size: 14px;
}
.zzf_invoice_extra .p_text .input_box {
    position: relative; display: block; padding-left: 100px;
}
.zzf_invoice_extra .p_text .input_box input {
    font-size: 14px;
    width: 100%;
}


/* 我的电子券 */
.zzf_my_coupon .zzf_p_choose_box a {
    width: 33.33%;
    border-right: 1px solid #ddd;
}
.zzf_my_coupon .zzf_p_choose_box a:nth-last-of-type(1) {
    border-right: none;
}

.zzf_my_coupon .coupon_title {
    background: #fff;
    line-height: 45px;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.zzf_my_coupon .coupon_title .tips_line {
    width: 3px;
    height: 30px;
    background: #fb0628;
    border-radius: 0 5px 5px 0;
    margin: 8px 0;
}
.zzf_my_coupon .coupon_title .name {
    margin-left: 10px;
    font-size: 16px;
}
.zzf_my_coupon .coupon_title .name span {
    font-size: 12px;
}
.zzf_my_coupon .coupon_title .icon {
    width: 14px;
    height: 7px;
    background: url(../images/zzf_new_order/black_down.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY (-50%);
    -webkit-transform: translateY (-50%);
}
.zzf_my_coupon .coupon_title.active .icon {
    background: url(../images/zzf_new_order/black_up.png) no-repeat center;
    background-size: cover;
}
.zzf_my_coupon .zzf_p_tab_box .tab .use_coupon {
    padding-right: 12px;
}
.zzf_p_tab_box .tab .use_coupon:nth-last-of-type(1){
    margin-bottom: 12px;
}
.zzf_my_coupon .voucher_main {
    max-width: 704px;
}
.zzf_my_coupon .search_use_shop {
    display: inline-block;
    color: #ff4b6f;
    padding-top: 5px;
}
.zzf_my_coupon .used {
    display: inline-block;
    font-size: 15px;
    color: #666;
    padding-top: 5px;
}



/* 我的积分 */
.zzf_my_integral .zzf_p_choose_box {
    background: #eee;
    height: 44px;
}
.zzf_my_integral .zzf_p_choose_box a {
    border-right: none;
    line-height: 42px;
    height: 42px;
    font-size: 15px;
    border-bottom-color: #eee;
}
.zzf_my_integral .zzf_p_choose_box a.active {
    border-bottom-color: #fb0628;
}
.zzf_my_integral .choose_time {
    height: 40px;
    line-height: 40px;
    background: #fff;
}
.zzf_my_integral .choose_time a {
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    font-size: 14px;
    color: #666;
}
.zzf_my_integral .choose_time a.active {
    color: #fb082a;
}
.zzf_my_integral .content {
    padding: 0 12px;
}
.zzf_my_integral .content .top {
    padding: 0 10px;
    font-size: 16px;
    color: #999;
    line-height: 42px;
}
.zzf_my_integral .content .cell {
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
}
.zzf_my_integral .content .money .price strong {
    font-size: 30px;
}
.zzf_my_integral .content .cell .num {
    color: #666;
}
.zzf_my_integral .content .integral {
    font-size: 16px;
    font-weight: bold;
    color: #fb0628;
    padding: 10px 0 4px 0;
    text-align: right;
}
.zzf_my_integral .content .time {
    color: #666;
}


/* 追加评价 */
.zzf_add_evaluated_write .add_evaluated {
    height: 45px;
    line-height: 45px;
    padding-left: 12px;
    font-size: 14px;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.zzf_add_evaluated_write .textarea_box {
    padding: 0 12px 30px;
    position: relative;
    background: #fff;
}
.zzf_add_evaluated_write .textarea_box textarea {
    width: 100%;
    font-size: 14px;
    height: 80px;
}
.zzf_add_evaluated_write .textarea_box .num {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 13px;
    color: #999;
}
.zzf_add_evaluated_write .add_evaluated .icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: url(../images/zzf_new_order/add_pic.png) no-repeat left center;
    background-size: 20px;
}
.zzf_add_evaluated_write .p_big_red_btn {
    margin: 40px 12px 20px;
}


/* 我的消息 */
.zzf_my_mes .zzf_p_choose_box a {
    width: 20%;
    position: relative;
    font-size: 16px;
    border-right: none;
    border-bottom-color: #f6f6f6;
}
.zzf_my_mes .zzf_p_choose_box a.active {
    border-bottom-color: #fb0628;
}
.zzf_my_mes .zzf_p_choose_box a em {
    color: #fb082a;
    position: absolute;
    left: 50%;
    margin-left: 16px;
    font-size: 12px;
    top: 4px;
    line-height: 14px;
    font-weight: bold;
}
.zzf_my_mes .zzf_p_tab_box .tab {
    background: #fff;
}
.zzf_my_mes .cell {
    border-bottom: 1px solid #eee;
}
.zzf_my_mes .cell:nth-last-of-type(1) {
    border-bottom: none;
}

.zzf_my_mes .logistics .cell {
    padding: 0 12px 10px;
}
.zzf_my_mes .logistics .top {
    line-height: 40px;
}
.zzf_my_mes .logistics .top p {
    font-size: 13px;
}
.zzf_my_mes .logistics .box {
    position: relative;
}
.zzf_my_mes .logistics .box .pic {
   width: 40px;
}
.zzf_my_mes .logistics .box .pic img {
    width: 100%;
}
.zzf_my_mes .logistics .box .plain {
    padding:0 20px 0 10px;
    line-height: 18px;
    font-size: 13px;
    height: 36px;
    overflow: hidden;
}
.zzf_my_mes .logistics .box .silde_btn {
    width: 30px;
    height: 30px;
    position: absolute;
    right: -10px;
    top: 0;
    background: url(../images/zzf_new_order/black_down.png) no-repeat center 6px;
    background-size: 12px;
}
.zzf_my_mes .logistics .box .silde_btn.active {
    background: url(../images/zzf_new_order/black_up.png) no-repeat center 6px;
    background-size: 12px;
}


.zzf_my_mes .notice .cell {
    padding: 12px;
}
.zzf_my_mes .notice .cell .top {
    padding-bottom: 8px;
}
.zzf_my_mes .notice .cell .top p {
    font-size: 13px;
}
.zzf_my_mes .notice .cell .plain {
    color: #666;
    padding-right: 30px;
    position: relative;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
}

.zzf_my_mes .notice .cell .plain .silde_btn {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0;
    background: url(../images/zzf_new_order/black_down.png) no-repeat center 6px;
    background-size: 12px;
}
.zzf_my_mes .notice .cell .plain .silde_btn.active {
    background: url(../images/zzf_new_order/black_up.png) no-repeat center 6px;
    background-size: 12px;
}


/* 善融好货 */
.zzf_goods_share {
    background: url(../images/zzf_new_order/share.png) no-repeat center;
    background-size: 22px;
    right: 0;
}
.zzf_goods_collection {
    background: url(../images/zzf_new_order/collection.png) no-repeat center;
    background-size: 22px;
    right: 44px;
}

.zzf_goods .banner {
    padding: 5px 0;
    background: #f2f2f3;
}
.zzf_goods .banner img {
    width: 100%;
}
.zzf_goods .list .cell {
    padding: 10px 12px 10px 0;
    margin-left: 12px;
    border-bottom: 1px solid #eee;
}
.zzf_goods .list .cell .pic {
    width: 120px;
}
.zzf_goods .list .cell .pic img {
    width: 100%;
}
.zzf_goods .list .cell .plain {
    position: relative;
    margin-left: 130px;
    height: 120px;
}
.zzf_goods .list .cell .plain h3 {
    font-size: 15px;
    font-weight: bold;
    height: 34px;
    overflow: hidden;
    padding-top: 6px;
}
.zzf_goods .list .cell .plain p {
    margin-top: 8px;
    line-height: 18px;
    color: #666;
    font-size: 14px;
    height: 36px;
    overflow: hidden;
}
.zzf_goods .is_collection {
    display: inline-block;
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding-right: 20px;
    background: url(../images/zzf_new_order/goods_collection.png) no-repeat right center;
    background-size: 15px;
    color: #fb0628;
}
.zzf_goods .list .cell .close {
    width: 30px;
    height: 30px;
    background: url(../images/zzf_new_order/goods_close.png) no-repeat right center;
    background-size: 9px;
    position: absolute;
    right: 6px;
    top: 0;
}

.zzf_goods .list .cell .option_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
}
.zzf_goods .list .cell .option_bottom p span {
    font-size: 16px;
}
.zzf_goods .list .cell .option_bottom .btn {
    width: 60px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    background: #fb0628;
    color: #fff;
    border-radius: 5px;
    margin-top: 5px;
}

.zzf_goods .spe_goods {
    padding: 10px 12px 10px 0;
    margin-left: 12px;
    border-bottom: 1px solid #eee;
}
.zzf_goods .spe_goods img {
    width: 100%;
}
.zzf_goods .spe_goods h3 {
    font-size: 16px;
    font-weight: bold;
}
.zzf_goods .spe_goods .word {
    font-size: 14px;
    color: #666;
    padding: 4px 0;
    line-height: 18px;
}
.zzf_goods .spe_goods .extra {
    position: relative;
    padding-top: 6px;
}
.zzf_goods .spe_goods .is_collection {
    bottom: 0;
}



/* 消息主界面 */
.zzf_mes_option {
    background: url(../images/zzf_new_order/zzf_mes_option.png) no-repeat center;
    background-size: 20px;
    right: 0;
}
.zzf_mes_list .cell {
    display: block;
    padding: 10px 12px 10px 0;
    margin-left: 12px;
    border-bottom: 1px solid #eee;
    position: relative;
}
.zzf_mes_list .cell .pic {
    width: 45px;
    position: relative;
}
.zzf_mes_list .cell .pic img {
    width: 100%;
}
.zzf_mes_list .cell .pic em {
    background: #fb0628;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate( 50%,-50% );
    -webkit-transform: translate( 50%,-50% );
    text-align: center;
}
.zzf_mes_list .cell .pic em.width1 {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 18px;
}
.zzf_mes_list .cell .pic em.width2 {
    width: 24px;
    height: 18px;
    border-radius: 20px;
    line-height: 18px;
}
.zzf_mes_list .cell .pic em.width3 {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    line-height: 12px;
}
.zzf_mes_list .cell .plain {
    padding-left: 55px;
    font-size: 14px;
}
.zzf_mes_list .cell .plain h4 {
    font-weight: normal;
    padding-bottom: 6px;
}
.zzf_mes_list .cell .plain p {
    height: 16px;
    overflow: hidden;
    color: #666;
}
.zzf_mes_list .cell .time {
    color: #666;
    position: absolute;
    top: 10px;
    right: 12px;
}



/* 证照资质 */
.zzf_paper {
    padding: 15px;
}
.zzf_paper .title {
    font-size: 15px;
    color: #999;
    line-height: 20px;
}
.zzf_paper .hide img {
    display: block;
    width: 100%;
    margin: 20px 0;
}
.zzf_paper .look_paper .hide {
    display: none;
}

.zzf_paper .write_code {
    margin: 15px 0;
    padding: 15px 0;
    border-top: 1px solid #e3e2e2;
    border-bottom: 1px solid #e3e2e2;
}
.zzf_paper .write_code .caption {
    font-size: 14px;
    color: #999;
    padding-bottom: 10px;
}
.zzf_paper .write_box input {
    width: 70%;
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 16px;
    text-indent: 6px;
}
.zzf_paper .write_box a {
    display: inline-block;
    width: 30%;
    background: #fb0628;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
}
.zzf_paper .code_show {
    margin-top: 10px;
}
.zzf_paper .code_show img {
    width: 120px;
}
.zzf_paper .code_show a {
    line-height: 38px;
    font-size: 14px;
    color: #999;
}


.zzf_paper .word {
    font-size: 13px;
    line-height: 18px;
    color: #999;
}


/* 限时抢购规则说明 */
.zzf_rob_explain {
    background: #fff;
}
.zzf_rob_explain .cell {
    padding: 10px 0;
}
.zzf_rob_explain .cell .title {
    position: relative;
    padding-left: 12px;
    line-height: 30px;
    font-size: 15px;
}
.zzf_rob_explain .cell .title span {
    width: 3px;
    height: 15px;
    background: #ff4455;
    border-radius: 0 5px 5px 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}
.zzf_rob_explain .cell .word {
    font-size: 13px;
    color: #777;
    line-height: 18px;
    padding: 0 12px;
}


/* 限时抢购订单确认页 */
.zzf_rob_num_box {
    margin-top: 65px;
    background: #ffdee3;
    padding: 15px 12px;
}
.zzf_rob_num_box .left {
    border: 1px solid #ff5577;
    border-radius: 20px;
    height: 20px;
    line-height: 20px;
    width: 120px;
}
.zzf_rob_num_box .left .item1 {
    border-radius: 20px;
    background: #ff99aa;
    padding: 0 6px;
}
.zzf_rob_num_box .left .item2 {
    display: inline-block;
    padding-right: 6px;
}
.zzf_rob_num_box .right {
    color: #777;
    font-size: 13px;
    line-height: 22px;
}
.zzf_rob_num_box .right span {
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: #ff6688;
    border-radius: 2px;
}


/* 收藏 */
.zzf_collection .scroll_box {
    position: relative;
}
.zzf_collection .cell {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    padding: 10px 0 0 10px;
    background: #fff;
    border-bottom: 1px solid #eee
}
.zzf_collection .cell .pic {
    width: 60px;
}
.zzf_collection .cell .pic img {
    width: 100%;
}
.zzf_collection .cell .word_box {
    margin-left: 80px;
    /*border-bottom: 1px solid #eee;*/
    padding: 5px 10px 10px 0;
    height: 55px;
}
.zzf_collection .cell .word_box h2 {
    font-size: 15px;
    padding-bottom: 8px;
}
.zzf_collection .cell .word_box p {
    font-size: 14px;
    color: #666;
}
.zzf_collection .scroll_box .option_btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 80px;
    height: 80px;
    color: #fff;
    font-size: 15px;
    background: #fb0628;
    padding: 0 6px;
    z-index: 1;
}

.zzf_collection .spe_tab_img .cell .pic {
    width: 100px;
    /*border: 1px solid #eee;*/
    border-radius: 6px;
    overflow: hidden;
}
.zzf_collection .spe_tab_img .cell .pic img {
    width: 100px;
}
.zzf_collection .spe_tab_img .cell .word_box {
    height: 95px;
    margin-left: 115px;
}
.zzf_collection .spe_tab_img .scroll_box .option_btn {
    height: 120px;
    line-height: 120px;
}
.zzf_collection .cell .word_box .money {
    font-size: 15px;
    color: #fb0628;
    padding-top: 10px;
}
.zzf_collection .cell .word_box .money em {
    font-size: 12px;
}


/* 文章 */
.zzf_collection .spe_article {
    padding-left: 0;
}
.zzf_collection .spe_article .pic {
    width: 120px;
    border: 1px solid #eee;
}
.zzf_collection .spe_article .word_box {
    margin-left: 135px;
    height: 115px;
    position: relative;
}
.zzf_collection .spe_article .scroll_box .option_btn {
    height: 140px;
    line-height: 140px;
}
.zzf_collection .spe_article .word_box .tabs {
    padding-left: 35px;
    line-height: 18px;
    background: url(../images/zzf_new_order/zzf_youxuan.png) no-repeat left center;
    background-size: 28px;
    position: absolute;
    bottom: 10px;
    left: 0;
    color: #999;
}



/* 龙支付 */
.zzf_long {
    position: relative;
}
.zzf_long img {
    width: 100%;
}
.zzf_long .pay_result {
    display: block;
    box-sizing: border-box;
    height: 50px;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 4%;
}


/* 订单确认页 */
.sb_child_border .Item {
    border-bottom: none !important;
}
.since_pannel {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    position: fixed;
    top: 50%;
    transform: translateY( -50% );
    left: 50px;
    right: 50px;
    z-index: 9999;
    display: none;
}
.since_pannel p {
    padding: 20px;
    line-height: 20px;
}
.since_pannel a {
    border-radius: 0;
}




/* 签到 */
.zzf_sign_share {
    position: absolute;
    top: 0;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background: url(../images/zzf_new_order/share.png) no-repeat center;
    background-size: 22px;
    right: 0;
}

.zzf_sign .top {
    position: relative;
}
.zzf_sign .top img {
    width: 100%;
}
.zzf_sign .top a {
    position: absolute;
    color: #fff;
}
.zzf_sign .top .sign_data {
    line-height: 20px;
    padding-left: 25px;
    font-size: 14px;
    background: url(../images/zzf_new_order/data.png) no-repeat left center;
    background-size: 20px;
    left: 12px;
    top: 15px;
}
.zzf_sign .top .sign_role_btn {
    line-height: 20px;
    font-size: 14px;
    background: url(../images/zzf_new_order/text.png) no-repeat left center;
    background-size: 20px;
    padding-left: 22px;
    right: 12px;
    top: 15px;
}
.zzf_sign .top .sign_btn {
    width: 111px;
    height: 33px;
    background: url(../images/zzf_new_order/sign_btn.png) no-repeat center;
    background-size: 111px;
    left: 50%;
    top: 50%;
    text-align: center;
    line-height: 33px;
    font-size: 18px;
    font-weight: bold;
    transform: translate( -50%,-20% );
    -webkit-transform: translate( -50%,-20% );
}
.zzf_sign .top .sign_btn.done{ background: url(../images/zzf_new_order/sign_btn_gray.png) no-repeat center;
    background-size: 111px;}
.zzf_sign .data_box {
    padding-top: 20px;
}
.zzf_sign .data_box img {
    width: 100%;
}

.zzf_sign_right_tips {
    width: 250px;
    height: 50px;
    background: #e6e6e6;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -125px;
    z-index: 9999;
    border-radius: 10px;
    display: none;
}

.zzf_sign_role,
.luck_draw,
.sign_coupon {
    position: fixed;
    background: #fff;
    left: 40px;
    right: 40px;
    top: 50%;
    transform: translateY( -50% );
    -webkit-transform: translateY( -50% );
    z-index: 9999;
    border-radius: 4px;
    display: none;
}
.zzf_sign_role .title,
.luck_draw .title,
.sign_coupon .title {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}

.zzf_sign_role .content {
    font-size: 13px;
    color: #666;
    line-height: 20px;
    max-height: 250px;
    overflow: auto;
    padding: 0 12px 10px;
}
.zzf_sign_role .bottom {
    border-top: 1px solid #ddd;
}
.zzf_sign_role .bottom a {
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 15px;
    color: #fb082a;
}
.zzf_sign_role .close,
.luck_draw .close,
.sign_coupon .close {
    width: 30px;
    height: 30px;
    background: url(../images/zzf_new_order/goods_bottom_fixed_close.png) no-repeat center;
    background-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11111;   
}

/* 立即抽奖 */
.luck_draw {
    text-align: center;
}
.luck_draw .title {
    color: #fb0628;
}
.luck_draw .content img {
    width: 140px;
}
.luck_draw .big_luck_draw_img{position: absolute;left: -30px;top:-30px;right: -30px;}
.luck_draw .big_luck_draw_img img{width: 100%;}
.luck_draw .cont{font-size: 14px;color: #333;line-height: 2;}
.luck_draw .cont_tips{padding:20px 30px 0;font-size:13px;color:#666;line-height:1.5;}
.luck_draw .cont_tips span{color: #fb0628;}
.luck_draw .bottom {
   padding: 20px 0 10px;
}
.luck_draw .bottom a {
    margin: 0 20px;
}


/* 签到电子券 */
.sign_coupon {
    display: none;
}
.sign_coupon .title {
    color: #fb0628;
}
.sign_coupon .little_title {
    text-align: center;
    padding-bottom: 15px;
    font-size: 13px;
    margin-top: -6px;
}
.sign_coupon .voucher_main {
    padding: 5px 15px 10px;
}
.sign_coupon .bottom {
    border-top: 1px solid #ddd;
}
.sign_coupon .bottom a {
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 15px;
    color: #fb082a;
}


@media screen and (max-width: 320px){
    .sign_coupon .voucher_main .left {
        left: 14%;
    }
    .sign_coupon .voucher_main .center {
        left: 45.5%;
    }
}
@media screen and (max-width: 375px){
    .sign_coupon .voucher_main .left {
        left: 15%;
    }
    .sign_coupon .voucher_main .center {
        left: 50.5%;
    }
}
@media screen and (min-width: 400px){
    .sign_coupon .voucher_main .left {
        left: 16%;
    }
    .sign_coupon .voucher_main .center {
        left: 52.2%;
    }
}



/* 快捷支付客户授权协议 */
.zzf_fast_notice {
    padding: 10px 12px;
}
.zzf_fast_notice h2 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 6px;
}
.zzf_fast_notice .section {
    margin-bottom: 15px;
}
.zzf_fast_notice .section h3 {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;
}
.zzf_fast_notice .section p {
    font-size: 13px;
    text-indent: 25px;
    line-height: 20px;
}

/***********评论页面评论图片*************************************/
.evaluated_imgBox{margin:0 -4px;}
.evaluated_imgBox span{position: relative; display: block;float:left;width: 25%;padding:8px;box-sizing: border-box;vertical-align: middle;text-align: center;}
.evaluated_imgBox span img{max-width: 100%;display: inline-block;margin: 0;padding: 0;}
.evaluated_imgBox span i{position: absolute;top: -1px;right: -1px; display: block;width: 18px;height: 18px;background:url(../images/cy_new/comment_img_close.png) no-repeat center; -webkit-background-size: contain;
background-size: contain;}
.zzf_evaluated .shopping_feel .add_pic a{display: block;width: 100%;height: 100%; margin: 0;padding: 0;position: relative;}
.zzf_evaluated .shopping_feel .add_pic a p{position: absolute;left: 0;top: 48px;width: 100%; height: 28px;font-size: 14px;color: #666;text-align: center;}


/****电子券*************************************************/
.pop_Instructions_mask{display: none; position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;background: rgba(0,0,0,0.5);}
.pop_Instructions{display: none; position: fixed;left: 50%; top: 50%;z-index: 1111;width: 80%;background: #fff;border-radius: 6px;transform: translate(-50%,-50%);}
.pop_Instructions .titBox{height: 40px;line-height: 40px;font-size: 16px;text-align: center;color: #333;}
.pop_Instructions .contBox{padding: 0 20px;font-size: 14px;color: #666; line-height: 1.4;}
.pop_Instructions .contBox p{padding: 3px 0;}
.pop_Instructions a{display: block;height: 40px;line-height: 40px;margin: 10px 0 0 0;font-size: 14px; text-align: center;color: #fb0628;border-top: 1px solid #eee;}
.pop_Instructions .close{position: absolute;right: 0px;top: 0;width: 40px;height: 40px;background:url(../images/zzf_new_order/goods_bottom_fixed_close.png) no-repeat center;-webkit-background-size: 14px;
background-size: 14px;}

.header_faq{display: inline-block;padding-right: 30px;background:url(../images/cy_new/i_faq.png) no-repeat right center;-webkit-background-size: 20px;
background-size: 20px;}
.mask_quan_faq{display: none; position: fixed;left: 0;top: 64px;right: 0;bottom: 0;z-index: 999;background: rgba(0,0,0,0.5);}
.pop_quan_faq{display: none; position: fixed;position: fixed;left: 0;top: 64px;right: 0;background: #fff;z-index: 1111;border-top: 1px solid #eee;padding: 5px 0;}
.pop_quan_faq p{padding:2px 20px;line-height: 1.4; font-size: 14px;color: #999;}
.pop_quan_faq p .tit{color: #333;font-weight: bold;margin-right: 4px;}




/*180206修改 CZJ*/
.voucher_main .coupon_coner{
    position: absolute;
    left:0;
    top:0;
    width:45px;
    height:38px;
    background: url(../images/coupon_center/coupon_coner.png) no-repeat;
    background-size:cover;
}
.voucher_main .coupon_coner.gray{
    position: absolute;
    left:0;
    top:0;
    width:45px;
    height:38px;
    background: url(../images/zzf_new_order/coupon_coner_gray.png) no-repeat;
    background-size:cover;

}
.voucher_main .coupon_coner p{
    color: #fff;
    font-size:10px;
    transform: rotate(-45deg);
    margin-left: -5px;
    line-height: 20px;

}
.lqcg_successBox{
    width:210px;
    padding: 50px 0 10px;
    height:20px;
    line-height:20px;
    font-size:15px;
    border-radius: 5px;
    color: #fff;
    background: #000 url(../images/cy_new/focus.png) no-repeat center 10px;-webkit-background-size: 30px;
    background-size: 30px;
    opacity:0.7;
    text-align: center;
    position: fixed;
    left:50%;
    top:40%;
    margin-left:-105px;
    margin-top:-25px;
    z-index:1111;
    display: none;
}

.top_btn{
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    line-height:44px;
    margin-top:10px;
    margin-right:10px;
}
.user_btn{
    margin-top:12px;
    margin-right:12px;
}
.topNav{
    position: relative;
    height:40px;
    background: #fff;

}
.topNav ul{width: 100%; height: 40px;overflow: hidden; display: block;margin-right: 40px;}
.topNav ul li{
    padding:5px 0;
    margin:0 10px;
    font-size:14px;
    color: #666666;
    float: left;
    line-height:28px;
    
}
.topNav ul li.cur{
    color: #e10f1c;
    border-bottom: 2px solid  #e10f1c;
}
.navBtn{
    position: absolute;top:10px;right:10px;
    width:30px;
    height:20px;background: #fff;
    display: inline-block;
    border-left: 1px solid #ddd;
}
.navBtn img{
    width: 20px;height: 20px;float: right;
    
}
.bannerBox{
    /*height:130px;*/
}
.bannerBox img{
    height:100%;
}
.couponBox .coupon{
    margin:15px 12px;
    height:100px;
    position: relative;
    overflow: hidden;
    /*background: url("../images/coupon_center/couponC_bg.png");*/
    /*-webkit-background-size:;*/
    /*background-size:cover;*/
    border: 1px solid #e9e9e9;border-radius: 4px;overflow-y: hidden;
}
.couponBox .coupon.out{
    background: url("../images/coupon_center/couponC_bg_gray.png");
    margin:15px 12px;
    height:100px;
    position: relative;
    overflow: hidden;
    /*-webkit-background-size:;*/
    background-size:cover;
}
.couponBox .coupon.waterMark{
    background: url("../images/coupon_center/waterMark.png");
    margin:15px 12px;
    height:103px;
    position: relative;
    overflow: hidden;
    /*-webkit-background-size:;*/
    background-size:cover;
}

.couponBox .coupon .label{
    position: absolute;
    width: 70px;
    height: 15px;
    background: #e10f1c;
    top: 14px;
    left: -15px;
    transform: rotate(-45deg);
    color: #fff;
    text-align: center;

}
.couponBox .coupon .label.gray{
    background: #a6a6a6;
}
.couponBox .coupon .goods{
    float: left;
    /*position: absolute;*/
    width:100px;
    height:80px;
    margin-top:10px;
    /*border-right:1px solid #dddddd;*/
    text-align: center;

}
.couponBox .coupon .goods img{
    display: inline;
    height:80px;
}
.couponBox .coupon .coupon_right{
    margin-left: 108px;margin-right: 85px;
}

.couponBox .coupon .coupon_right .condition{
    color: #ff323f;
    font-size:11px;
    background: #fee8eb;
    display: inline-block;
    height: 20px;line-height: 20px;
    padding:0 8px;
    margin-left:10px;
}
.couponBox .coupon .coupon_right .limit{
    font-size:15px;
    color: #333;
    border-radius: 2px;

}
.couponBox .coupon .coupon_right .remain{
    font-size:13px;
    color: #666;
}


.hide{
    display: none!important;
}




/********************************/
.quan_topPop{display: none; position: absolute;left: 0;top: 0;width: 100%; z-index: 1111; background: #fff;}
.quan_topPop .tit01{padding: 0 12px;height: 44px;border-bottom: 1px solid #ddd;}
.quan_topPop .tit01 .quan_01{display: block;padding-left: 6px;border-left: 2px solid #ddd;height: 20px;line-height: 20px;font-size: 14px;color: #999;float: left;margin-top: 12px;}
.quan_topPop .tit01 .quan_cancel01{display: block;padding-left: 10px;border-left: 1px solid #ddd;height: 30px;line-height: 30px;font-size: 14px;color: #999;float: right;margin-top: 7px;}
.quan_topPop .cont01{padding: 6px 12px;}
.quan_topPop .cont01 a{display: block;float: left;margin-bottom: 8px; height: 24px;line-height: 24px;width: 30%;border-radius: 12px;background: #e5e5e5;font-size: 14px;color: #666; text-align: center;margin-right:5%;box-sizing:border-box; }
.quan_topPop .cont01 a:nth-of-type(3n){margin-right: 0;}
.quan_topPop .cont01 a.cur{border: 1px solid #e10f1c; color: #e10f1c; background: #fff;}
.quan_topPop .cont01 a.cur span{display: inline-block;padding-left: 20px;background:url(../images/i_check.jpg) no-repeat left center;background-size: 13px 9px;}
.mask_02{display: none; position: fixed;left: 0; top: 65px;right: 0;bottom: 0;z-index: 999;background: rgba(0,0,0,0.5);}
.couponBox .coupon .coupon_right p{
    height: 36px;line-height: 26px;font-size:18px;color: #ff323f;}
.couponBox .coupon .coupon_right .price{float: left;}
.couponBox .coupon .coupon_right .price em{font-size: 24px;font-weight: bold;}
.couponBox .coupon .coupon_right .time i{
margin:4px 3px;
font-size:11px;
color: #fff;
background: #666;
border-right:2px;

}   .bannerBox img{width: 100%;}

.coupon_right .tit{padding:  13px 0 6px;font-size: 16px;color: #333;height: 36px; line-height: 18px;}
.quan_rightCont{position: absolute;top: 0;right: 0;display: block;padding-left: 6px; width: 87px;height: 100px;background: url(../images/cy_new/quan_bg.jpg);-webkit-background-size: contain;background-size: contain;box-sizing: border-box;}
.quan_rightCont .quan_percent{margin: 20px auto 0; width: 46px;height: 42px;background: url(../images/cy_new/process_bg.jpg) no-repeat center ;-webkit-background-size: contain;background-size: contain;font-size: 12px; color: #ff9817; line-height: 12px; text-align: center;padding-top: 12px;box-sizing: border-box;}
.quan_rightCont .btn_quan_func{position: absolute;top:70px;right:9px; display: block;width: 62px;height: 20px;line-height: 20px;border-radius: 10px;font-size: 12px;color: #fff; text-align: center;background: #ff323f;}
.quan_rightCont .btn_quan_func.beforeBegin{background: #ff9817;}
.quan_rightCont .timeBox{padding-top: 22px;height: 16px;line-height: 16px;font-size: 10px;color: #ff9817; text-align: center;height: 40px;}
.quan_rightCont .time{margin-top: 5px; height: 16px;line-height: 16px; text-align: center;color: #333;overflow-y: hidden;}
.quan_rightCont .time i{display: inline-block;width: 20px;height: 16px;line-height: 16px; text-align: center;font-size: 12px;color: #fff; background: #ff9817;border-radius: 2px;}


.has_none .quan_rightCont{background: url(../images/cy_new/has_none_bg.jpg);-webkit-background-size: contain;background-size: contain;}
.has_none .btn_quan_func{background: #a6a6a6;}
.has_none .price{color: #cecece;}
.couponBox .coupon.has_none .coupon_right .condition{color: #a6a6a6;background: #f6f6f6;}
.has_get .quan_rightCont{background: url(../images/cy_new/has_gent_bg.jpg);-webkit-background-size: contain;background-size: contain;}
.has_get .quan_percent{display: none;}




.zzf_edit_but{
    float: left;
    width: 100%;
}
.zzf_edit_but a{
    text-align: center;
    font-size: 14px;
    float: left;
    width: 50%;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}
.zzf_edit_but a:last-child{
    border-left: none;
}

.user_option{
    background: #fff;
}


/*处理记录*/
.pr{
    background: #fff;
    padding: 10px;
}
.pr_buyer{
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
.pr_buyer a strong{
    float: left;
    line-height: 24px;
    margin-left: 5px;
}
.pr_buyer a img{
    width: 24px;
    height: 24px;
    float: left;
}
.pr_buyer span{
    float: right;
    color: #999;
    line-height: 24px;
}
.pr_info{
    padding-left: 29px;
    font: normal 14px/24px Arial;
}

 .zzf_top_tips {
           padding: 18px 0 18px 28px;
           background-image:-webkit-linear-gradient(to top,#ff5b5b,#fb0a2a);
           background-image:linear-gradient(to top,#ff5b5b,#fb0a2a);
           color: #fff;
         }
     .zzf_tab_box {
            width: 20%;
            height: auto;
            margin: 0;
            padding-right: 2%;
            box-sizing: border-box;
        }

        .zzf_goods_extra {
            padding: 20px 12px;
        }

        .zzf_goods_extra .pt_peopleBox img {
            width: 20%;
            height: auto;
            margin: 0;
            padding-right: 2%;
            box-sizing: border-box;
        }
        .zzf_goods_extra .pt_peopleBox {
            width: 100%;
            box-sizing: border-box;
            padding-right: 100px;
            text-align: left;
        }
        .zzf_goods_extra .btn {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -8px;
        }

        .add_ptItem .pt_name01 {
            padding-top: 0;
            line-height: 70px;
        }

        .bottom_shareBox {
            display: none;
        }
       .zzf_top_tips h3 {
           font-size: 18px;
       }

       .zzf_goods_extra {
           padding: 10px 12px;
           background: #fff;
           margin-bottom: 10px;
       }
       .zzf_goods_extra .pt_peopleBox img {
           width: 60px;
       }
       .zzf_goods_extra .btn {
           width: 80px;
           height: 26px;
           line-height: 26px;
           text-align: center;
           color: #fff;
           background: #fb0628;
           border-radius: 5px;
       }

       .zzf_receipt {
           padding: 8px 28px 12px 12px;
           background: #fff;
       }
       .zzf_receipt .common_info {
           padding: 0 0 5px 16px;
           font-size: 15px;
      }
.zzf_receipt .common_info .name {
    font-weight: bold;
}
.zzf_receipt .address {
    padding-left: 16px;
    background: url(../images/zzf_new_order/address_icon.png) no-repeat left center;
    background-size: 15px 15px;
    line-height: 18px;
    font-size: 14px;
}
.zzf_cut_bg {
    width: 100%;
    height: 6px;
    background: url(../images/zzf_new_order/cut_bg.png) repeat-x;
    background-size: auto 6px;
}
.zzf_all_money {
    padding: 8px 12px;
    position: relative;
    background: #fff;
}
.zzf_all_money div {
    font-size: 14px;
    line-height: 26px;
}
.zzf_all_money div em {
    color: #fb0628;
    font-size: 15px;
}
.zzf_all_money div em i {
    font-size: 13px;
}
.zzf_contact {
    position: relative;
    background: #fff;
    margin: 8px 0;
}
.zzf_contact a {
    display: inline-block;
    width: 50%;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.zzf_contact a .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 4px;
}
.zzf_contact a .icon1 {
    background: url(../images/zzf_new_order/mes.png) no-repeat center;
    background-size: cover;
}
.zzf_contact a .icon2 {
    background: url(../images/zzf_new_order/phone.png) no-repeat center;
    background-size: cover;
}
.zzf_contact a em {
    vertical-align: middle;
    font-size: 13px;
}
.zzf_contact .line {
    width: 1px;
    height: 30px;
    position: absolute;
    right: 50%;
    top: 8px;
    background: #eee;
}



/* 团主标签 */
.zzf_tab_box {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 5px;
}
.zzf_tab_box img {
    margin: 0;
}
.zzf_tab_box .tab {
    width: 35px;
    height: 16px;
    line-height: 16px;
    background: #fb0628;
    border-radius: 20px;
    position: absolute;
    left: -8px;
    top: -4px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}