﻿@charset "utf-8";

.btn {
    font-size:0.24rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    min-width:0.36rem;
    height:0.36rem;
    color:#333333;
    border:0.02rem solid #d5d5d5;
    -webkit-border-radius:0.04rem;
    border-radius:0.04rem;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.btn_lg {
    font-size:0.36rem;
    min-width:1.8rem;
    height:0.84rem;
}

.btn_red {
    color:#fff;
    border:none;
    background:#db384c;
}

.btn_de {
    color:#fff;
    border:none;
    background:#888;
}

.com_checkbox {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:0.4rem;
    height:0.4rem;
    border:#888 solid 2px;
    -webkit-border-radius:50%;
    border-radius:50%;
}

    .com_checkbox:checked {
        position:relative;
        border-color:#db384c;
        background-color:#db384c;
    }

        .com_checkbox:checked:after {
            position:absolute;
            top:0.07rem;
            left:0.03rem;
            display:block;
            width:0.24rem;
            height:0.12rem;
            content:'';
            -webkit-transform:rotate(-45deg);
            -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
            border-bottom:#ffffff solid 0.04rem;
            border-left:#ffffff solid 0.04rem;
        }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    appearance:none !important;
    -webkit-appearance:none !important;
    margin:0;
}

input[type="number"] {
    -moz-appearance:textfield;
}

.fnwap_number {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    width:1.72rem;
    border:1px solid #d5d5d5;
    -webkit-border-radius:0.04rem;
    border-radius:0.04rem;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}

    .fnwap_number .nr_left, .fnwap_number .nr_right {
        font-size:0.36rem;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:0.56rem;
        height:0.56rem;
        background:#eeeeee;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
    }

    .fnwap_number .nr_left {
        border-right:1px solid #d5d5d5;
    }

        .fnwap_number .nr_left::after {
            font-family:"iconfont" !important;
            font-size:0.28rem;
            font-style:normal;
            -webkit-font-smoothing:antialiased;
            -webkit-text-stroke-width:0.2px;
            -moz-osx-font-smoothing:grayscale;
            content:'\e61e';
        }

    .fnwap_number .nr_right {
        border-left:1px solid #d5d5d5;
    }

        .fnwap_number .nr_right::after {
            font-family:"iconfont" !important;
            font-size:0.28rem;
            font-style:normal;
            -webkit-font-smoothing:antialiased;
            -webkit-text-stroke-width:0.2px;
            -moz-osx-font-smoothing:grayscale;
            content:'\e61f';
        }

    .fnwap_number input {
        display:block;
        min-width:0;
        margin:0 0.06rem;
        text-align:center;
        border:none;
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
    }

.fnwap_choice_circle .new_copy {
    width:0.4rem;
    height:0.4rem;
    line-height:0.4rem;
    border:0.02rem solid #d5d5d5;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:0.18s;
    transition:0.18s;
    background:#fff;
}

    .fnwap_choice_circle .new_copy::after {
        font-family:"iconfont" !important;
        font-size:0.28rem;
        font-style:normal;
        -webkit-font-smoothing:antialiased;
        -webkit-text-stroke-width:0.2px;
        -moz-osx-font-smoothing:grayscale;
    }

.fnwap_choice_circle input {
    display:none !important;
}

    .fnwap_choice_circle input:checked + .new_copy {
        background:#db384c;
        border:none;
    }

        .fnwap_choice_circle input:checked + .new_copy::after {
            content:'\e645';
            color:#fff;
            font-size:0.3rem;
        }

    .fnwap_choice_circle input:disabled + .new_copy {
        border:none;
    }

        .fnwap_choice_circle input:disabled + .new_copy::after {
            content:'\e610';
            color:#d5d5d5;
            font-size:0.52rem;
            margin-left:-0.06rem;
        }

.fnwap_input {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-size:0.24rem;
    display:block;
    width:100%;
    padding:0.06rem 0.12rem;
    border:1px solid #d5d5d5;
    -webkit-border-radius:0.04rem;
    border-radius:0.04rem;
    background-color:#fff;
}

.guess_love {
    padding:0.25rem 0.24rem 0.2rem;
}

    .guess_love .gl_title {
        font-size:0.28rem;
        margin-bottom:0.2rem;
        color:#333333;
    }

    .guess_love .gl_adc:after {
        content:'';
        clear:both;
        display:block;
    }

    .guess_love .gl_adc li {
        width:1.83rem;
        float:left;
        position:relative;
    }

        .guess_love .gl_adc li a {
            max-width:1.6rem;
            padding:0 0.05rem;
            display:block;
            margin:0 auto;
        }

    .guess_love .gl_img img {
        max-width:100%;
        margin:0 auto;
        height:1.5rem;
    }

    .guess_love .gl_name {
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        line-height:0.34rem;
        font-size:0.24rem;
        color:#666666;
        font-weight:100;
        margin:0.07rem 0 0.06rem;
        height:0.68rem;
    }

    .guess_love .gl_price {
        color:#db384c;
        font-size:0.24rem;
    }

em:not([class]) {
    font-size:inherit;
}

    em:not([class])::after {
        content:"\00A5";
    }

em:not([class]) {
    font-size:inherit;
    margin-right:0.05rem;
}

    em:not([class])::after {
        content:"\00A5";
    }


.cart {
    width:100%;
    padding-bottom:1.17rem;
}

.cart_close {
    position:relative;
}

    .cart_close:after {
        position:absolute;
        content:'';
        width:100%;
        height:100%;
        top:0;
        left:0;
        background:rgba(255, 255, 255, 0.6);
        z-index:1;
        padding-left:0.96rem;
        margin-left:-0.96rem;
        -webkit-box-sizing:content-box;
        -moz-box-sizing:content-box;
        box-sizing:content-box;
    }

    .cart_close .or_warn, .cart_close .btn {
        position:relative;
        z-index:2;
    }

.icon_cart_self {
    display:inline-block;
    float:left;
    background:url('../../../img/v2/cart/self.png') no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto;
    width:0.32rem;
    height:0.27rem;
}

.cp_title {
    width:100%;
    height:1.2rem;
    background:#f9f9f9;
    padding:0 0.24rem;
    border-bottom:1px solid #d5d5d5;
}

.cart_ul > li {
    border-bottom:1px solid #d5d5d5;
    padding:0.3rem 0.24rem 0.3rem 0;
    margin-left:0.06rem;
    width:100%;
}

    .cart_ul > li .btn {
        color:#888888;
        border-width:1px;
    }

    .cart_ul > li:last-child {
        border:none;
    }

    .cart_ul > li > :last-child {
        margin-bottom:0;
    }

.cart_ul .li_main {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}

    .cart_ul .li_main .li_radio {
        display:block;
        width:0.96rem;
        margin-left:-0.96rem;
        -webkit-align-self:center;
        -ms-flex-item-align:center;
        align-self:center;
        padding-left:0.24rem;
    }

    .cart_ul .li_main .li_img {
        width:1.66rem;
        height:1.66rem;
        margin-right:0.24rem;
    }

        .cart_ul .li_main .li_img img {
            width:100%;
            height:100%;
            display:block;
            border:1px solid #d5d5d5;
        }

    .cart_ul .li_main .li_adc {
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        -webkit-align-self:baseline;
        -ms-flex-item-align:baseline;
        align-self:baseline;
    }

        .cart_ul .li_main .li_adc .adc_d1 {
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            min-height:1.04rem;
        }

        .cart_ul .li_main .li_adc .adc_d2 {
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-align:end;
            -webkit-align-items:flex-end;
            -ms-flex-align:end;
            align-items:flex-end;
            height:0.58rem;
        }

            .cart_ul .li_main .li_adc .adc_d2 > p {
                -webkit-box-flex:1;
                -webkit-flex:1;
                -ms-flex:1;
                flex:1;
                line-height:0.58rem;
                text-align:right;
                font-size:0.28rem;
            }

.cart_ul .li_or {
    margin:0.2rem 0;
}

    .cart_ul .li_or > * {
        margin-bottom:0.2rem;
    }

        .cart_ul .li_or > *:last-child {
            margin-bottom:0;
        }

.cart_ul .li_combo .li_img {
    height:auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}

.cart_ul .li_combo > .li_main {
    position:relative;
    margin-bottom:0.54rem;
}

    .cart_ul .li_combo > .li_main .li_img img {
        display:none;
    }

    .cart_ul .li_combo > .li_main .li_adc .adc_d1 {
        position:absolute;
        top:0.58rem;
        right:0;
        min-height:0;
    }

        .cart_ul .li_combo > .li_main .li_adc .adc_d1 > h4 {
            visibility:hidden;
            height:0;
        }

    .cart_ul .li_combo > .li_main .li_adc .adc_d2 {
        position:relative;
    }

.cart_ul .li_combo .combo_name {
    display:block;
}

.cart_ul .li_combo .match {
    display:none;
}

.cart_ul .combo_name {
    display:none;
    background:#db384c;
    color:#fff;
    font-size:0.21rem;
    padding:0 0.05rem;
}

.match {
    margin-top:0.3rem;
}

    .match .match_ul > li {
        margin-bottom:0.3rem;
    }

.or_warn li {
    margin-bottom:0.05rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    color:#888888;
    font-size:0.24rem;
}

    .or_warn li:last-child {
        margin-bottom:0;
    }

    .or_warn li i {
        display:block;
        text-align:center;
        -webkit-border-radius:50%;
        border-radius:50%;
        background:#ff9610;
        color:#fff;
        padding:0.02rem;
        font-size:0.18rem;
        margin-right:0.1rem;
        line-height:1;
    }

    .or_warn li p {
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
    }

.or_warn .w_limit {
    color:#ff9610;
}

.li_combo .combo_d1, .li_combo .combo_d2 {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}

.li_combo .combo_d1 {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}

    .li_combo .combo_d1 .li_radio {
        margin-left:-0.96rem;
        width:0.96rem;
        padding-left:0.24rem;
    }

    .li_combo .combo_d1 > :nth-child(2) {
        background:#db384c;
        color:#fff;
        font-size:0.21rem;
        padding:0 0.05rem;
        margin-right:1rem;
    }

    .li_combo .combo_d1 > :nth-child(4) {
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        text-align:right;
        font-size:0.28rem;
    }

.li_combo .combo_d2 > :nth-child(1) {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-align-self:flex-end;
    -ms-flex-item-align:end;
    align-self:flex-end;
    margin-right:1rem;
}

.li_combo .combo_d2 .btn {
    width:0.36rem;
    min-width:0;
}

.combo_ul > li, .zh_ul > li {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:0.2rem;
}

    .combo_ul > li:last-child, .zh_ul > li:last-child {
        margin-bottom:0;
    }

    .combo_ul > li .li_img, .zh_ul > li .li_img {
        width:1.66rem;
        margin-right:0.24rem;
    }

        .combo_ul > li .li_img img, .zh_ul > li .li_img img {
            display:block;
            width:1.66rem;
            height:1.66rem;
            margin-left:auto;
            border:1px solid #d5d5d5;
        }

    .combo_ul > li .li_adc, .zh_ul > li .li_adc {
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        -webkit-align-self:baseline;
        -ms-flex-item-align:baseline;
        align-self:baseline;
    }

        .combo_ul > li .li_adc .adc_d1, .zh_ul > li .li_adc .adc_d1 {
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            min-height:1.04rem;
        }

            .combo_ul > li .li_adc .adc_d1 > h4, .zh_ul > li .li_adc .adc_d1 > h4 {
                -webkit-box-flex:1;
                -webkit-flex:1;
                -ms-flex:1;
                flex:1;
                margin-right:0.5rem;
                font-weight:100;
                font-size:0.24rem;
            }

                .combo_ul > li .li_adc .adc_d1 > h4 .d_t, .zh_ul > li .li_adc .adc_d1 > h4 .d_t {
                    overflow:hidden;
                    text-overflow:ellipsis;
                    display:-webkit-box;
                    -webkit-line-clamp:2;
                    -webkit-box-orient:vertical;
                    width:100%;
                    max-width:3.1rem;
                    height:0.6rem;
                    line-height:0.3rem;
                    margin-bottom:0.08rem;
                }

                    .combo_ul > li .li_adc .adc_d1 > h4 .d_t span, .zh_ul > li .li_adc .adc_d1 > h4 .d_t span {
                        display:inline;
                        vertical-align:text-bottom;
                        background:#db384c;
                        padding:0 0.03rem;
                        color:#fff;
                        font-size:0.21rem;
                        margin-right:0.05rem;
                        -webkit-border-radius:0.04rem;
                        border-radius:0.04rem;
                    }

                    .combo_ul > li .li_adc .adc_d1 > h4 .d_t p, .zh_ul > li .li_adc .adc_d1 > h4 .d_t p {
                        display:inline;
                        vertical-align:text-bottom;
                    }

                .combo_ul > li .li_adc .adc_d1 > h4 small, .zh_ul > li .li_adc .adc_d1 > h4 small {
                    color:#888888;
                    font-size:0.21rem;
                }

            .combo_ul > li .li_adc .adc_d1 .count, .zh_ul > li .li_adc .adc_d1 .count {
                -webkit-align-self:flex-end;
                -ms-flex-item-align:end;
                align-self:flex-end;
                line-height:0.45rem;
                font-size:0.28rem;
            }

                .combo_ul > li .li_adc .adc_d1 .count i::after, .zh_ul > li .li_adc .adc_d1 .count i::after {
                    font-family:"iconfont" !important;
                    font-size:0.28rem;
                    font-style:normal;
                    -webkit-font-smoothing:antialiased;
                    -webkit-text-stroke-width:0.2px;
                    -moz-osx-font-smoothing:grayscale;
                    font-size:0.2rem;
                    content:'\e615';
                }

            .combo_ul > li .li_adc .adc_d1 .btn, .zh_ul > li .li_adc .adc_d1 .btn {
                width:0.36rem;
                min-width:0;
            }

        .combo_ul > li .li_adc .adc_d2, .zh_ul > li .li_adc .adc_d2 {
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-align:end;
            -webkit-align-items:flex-end;
            -ms-flex-align:end;
            align-items:flex-end;
            height:0.58rem;
        }

            .combo_ul > li .li_adc .adc_d2 > p, .zh_ul > li .li_adc .adc_d2 > p {
                -webkit-box-flex:1;
                -webkit-flex:1;
                -ms-flex:1;
                flex:1;
                line-height:0.58rem;
                text-align:right;
                font-size:0.28rem;
            }

.ul_other > li {
    margin-bottom:0.08rem;
}

    .ul_other > li:last-child {
        margin-bottom:0;
    }

.ul_other .ulr_adc {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:0.24rem;
    color:#666666;
}

    .ul_other .ulr_adc > :nth-child(1) {
        margin-right:0.1rem;
        background:#db384c;
        color:#fff;
        font-size:0.21rem;
        padding:0 0.05rem;
    }

    .ul_other .ulr_adc > :nth-child(2) {
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
    }

    .ul_other .ulr_adc > :nth-child(3) {
        margin-left:0.5rem;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
    }

        .ul_other .ulr_adc > :nth-child(3) i {
            font-size:0.2rem;
            margin-right:0.03rem;
            line-height:0.2rem;
        }

        .ul_other .ulr_adc > :nth-child(3).kxz {
            text-align:right;
            -webkit-box-pack:end;
            -webkit-justify-content:flex-end;
            -ms-flex-pack:end;
            justify-content:flex-end;
        }

            .ul_other .ulr_adc > :nth-child(3).kxz i::after {
                content:'\e621';
                font-family:"iconfont" !important;
                font-size:0.28rem;
                font-style:normal;
                -webkit-font-smoothing:antialiased;
                -webkit-text-stroke-width:0.2px;
                -moz-osx-font-smoothing:grayscale;
                font-size:0.3rem;
            }

.ul_other .mj > :nth-child(1) {
    background:#ff5a00;
}

.ul_other .mj > :nth-child(2) {
    color:#db384c;
}

.ul_other .mz > :nth-child(1) {
    background:#f87d70;
}

.ul_other .mz > :nth-child(2) {
    color:#db384c;
}

.ul_or_list {
    margin-top:0.16rem;
    display:none;
}

    .ul_or_list > li {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:0.14rem;
    }

        .ul_or_list > li:last-child {
            margin-bottom:0;
        }

        .ul_or_list > li > label {
            margin-right:0.24rem;
        }

        .ul_or_list > li .ulr_adc {
            text-overflow:ellipsis;
            white-space:nowrap;
            overflow:hidden;
            -webkit-box-flex:1;
            -webkit-flex:1;
            -ms-flex:1;
            flex:1;
            margin-right:0.75rem;
        }

.svn_ul_open .ul_or_list {
    display:block;
}

.svn_ul_open .kxz i::after {
    content:'\e623' !important;
}

.cart_fixed {
    width:100%;
    padding-bottom:1px;
    font-size:0.28rem;
    background-color:#eee;
    height:50px;
    bottom:0;
    position:fixed;
}

.cart_total {
    padding:0 0.24rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    height:1.16rem;
    background:#f9f9f9;
}

    .cart_total > :nth-child(1) {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
    }

        .cart_total > :nth-child(1) span {
            display:block;
            text-align:left;
            color:#db384c;
            font-size:0.36rem;
            word-wrap:break-word;
        }

        .cart_total > :nth-child(1) > label {
            margin-right:0.14rem;
        }

    .cart_total > :nth-child(2) {
        margin-left:0.10rem;
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:end;
        -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        color:#666666;
    }

        .cart_total > :nth-child(2) b {
            display:block;
            text-align:right;
            width:1rem;
            font-weight:100;
        }

        .cart_total > :nth-child(2) span {
            display:block;
            text-align:left;
            color:#db384c;
            font-size:0.36rem;
            word-wrap:break-word;
        }

    .cart_total > :nth-child(3) {
        margin-left:0.4rem;
    }

.not_login {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    height:1.17rem;
    padding:0 0.24rem;
    background:#f9f9f9;
    border-bottom:1px solid #d5d5d5;
}

    .not_login > p {
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        font-size:0.24rem;
    }

    .not_login .btn {
        color:#333333;
        border-color:#333333;
        background:#fff;
    }

.cart_null {
    text-align:center;
    padding:1px 0.24rem;
    background:#eeeeee;
    min-height:100%;
}

    .cart_null img {
        width:70%;
        margin:0.4rem auto 0.3rem;
    }

    .cart_null p {
        color:#666666;
        font-size:0.32rem;
        line-height:0.36rem;
    }

    .cart_null .btn {
        margin:1rem 0;
    }

.order_box, .order_type {
    background-color:#fff;
    margin-bottom:.2rem
}

.order_type {
    height:.8rem;
    line-height:.8rem
}

    .order_type li {
        float:left;
        width:25%;
        text-align:center;
        border-bottom:#d5d5d5 solid 1px;
        font-size:0.28rem;
    }

    .order_type a {
        display:block;
        color:#333
    }

    .order_type li.cur {
        border-bottom:#db384c solid 2px
    }

.detail.box {
    background-color:#fff;
    overflow:hidden;
}

    .detail.box.package_title {
        height:.86rem;
        padding:0.14rem 0.24rem 0.16rem;
        font-weight:bold;
    }

    .detail.box.order_tips {
        margin-bottom:.18rem;
        border-top:1px solid#d5d5d5;
        border-bottom:1px solid#d5d5d5;
    }

.detail.package_title {
    overflow:hidden;
}

    .detail.package_title.package_num {
        border:1px solid#db384c;
        -webkit-border-radius:0.04rem;
        border-radius:0.04rem;
        height:.56rem;
        line-height:.56rem;
        color:#db384c;
        display:inline-block;
        padding-right:.12rem;
        font-size:.24rem;
        float:left;
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
        max-width:45%;
    }

        .detail.package_title.package_num span {
            height:.54rem;
            color:#fff;
            font-weight:bold;
            text-align:center;
            padding:0.12rem;
            background-color:#db384c;
            margin-right:.12rem;
            display:inline-block;
        }

    .detail.package_title.status {
        float:right;
        font-weight:bold;
        line-height:.56rem;
        text-align:right;
        overflow:hidden;
    }

        .detail.package_title.status p:nth-child(1) {
            color:#db384c;
        }

        .detail.package_title.status p:nth-child(2) {
            color:#888888;
            font-size:0.24rem;
            font-weight:normal;
            max-height:.28rem;
            overflow:hidden;
        }

        .detail.package_title.status a {
            height:.28rem;
            line-height:.28rem;
            color:#333333;
            font-size:0.24rem;
            font-weight:normal;
            margin-right:.2rem;
            padding-right:.2rem;
            border-right:1px solid#888888;
            display:none;
        }

        .detail.package_title.status.btn_red {
            display:inline-block;
            text-align:center;
            font-weight:normal;
            color:#fff !important;
        }

    .detail.package_title.status_two {
        line-height:.28rem;
    }

.detail.info_title {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
   -webkit-box-pack:center;
   -webkit-justify-content:center;
   -ms-flex-pack:center;
    justify-content:center;
   -webkit-box-align:center;
   -webkit-align-items:center;
   -ms-flex-align:center;
    align-items:center;
}

    .detail.info_title li {
       -webkit-box-flex:1;
       -webkit-flex:1;
       -ms-flex:1;
        flex:1;
    }

        .detail.info_title li:nth-child(2) > span {
            color:#007AFF;
            text-align:right;
            float:right;
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
           -webkit-box-align:center;
           -webkit-align-items:center;
           -ms-flex-align:center;
            align-items:center;
           -webkit-box-pack:end;
           -webkit-justify-content:flex-end;
           -ms-flex-pack:end;
            justify-content:flex-end;
        }

        .detail.info_title li.iconfont {
            font-size:.44rem;
            font-weight:100;
        }

.detail.info_content {
    border-top:1px solid#d5d5d5;
    padding:.1rem.24rem.1rem 0;
    margin-left:.24rem;
}

    .detail.info_content li {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
       -webkit-box-pack:justify;
       -webkit-justify-content:space-between;
       -ms-flex-pack:justify;
        justify-content:space-between;
       -webkit-box-align:start;
       -webkit-align-items:flex-start;
       -ms-flex-align:start;
        align-items:flex-start;
        padding:.1rem 0;
        color:#888888;
    }

        .detail.info_content li span {
            width:2.4rem;
        }

            .detail.info_content li span:nth-child(2) {
               -webkit-box-flex:1;
               -webkit-flex:1;
               -ms-flex:1;
                flex:1;
                text-align:right;
                color:#333333;
                display:-webkit-box;
                display:-webkit-flex;
                display:-ms-flexbox;
                display:flex;
               -webkit-box-pack:end;
               -webkit-justify-content:flex-end;
               -ms-flex-pack:end;
                justify-content:flex-end;
            }

                .detail.info_content li span:nth-child(2).red {
                    color:#db384c;
                }

        .detail.info_content li.red {
            color:#db384c;
        }

    .detail.info_content.tips {
       -webkit-box-pack:end;
       -webkit-justify-content:flex-end;
       -ms-flex-pack:end;
        justify-content:flex-end;
       -webkit-box-align:center;
       -webkit-align-items:center;
       -ms-flex-align:center;
        align-items:center;
    }
