.search-div {
    width: 100%;
    height: 11rem;
}

.return-on-off {
    position: relative;
    width: 100%;
    height: 5rem;
    margin-top: -0.35rem;
    background: linear-gradient(to top, #49a3e5, #a9cfea);
    padding-top: 0.4rem;
    z-index: 998;
}

.img-ico {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    padding: 0.15rem 0;
    top: 0.8rem;
    left: 0.7rem;
}

    .img-ico img {
        width: 100%;
    }

.return-sel {
    width: 5rem;
    position: absolute;
    height: 1rem;
    top: 1.35rem;
    left: 50%;
    right: 50%;
    border-radius: 0.5rem;
    background-color: #49a3e5;
    transform: translate(-50%,-50%);
}


    .return-sel .return-on {
        margin: 0.05rem 0;
        line-height: 0.9rem;
        float: left;
        width: 2.5rem;
        background-color: #fff;
        color: #666;
        border-radius: 0.5rem;
        font-size: 0.4rem;
        text-align: center;
    }

    .return-sel .return-off {
        margin: 0.05rem 0;
        line-height: 0.9rem;
        float: left;
        width: 2.5rem;
        background-color: #49a3e5;
        color: #fff;
        border-radius: 0.5rem;
        font-size: 0.4rem;
        text-align: center;
    }


.logo-in {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0.9rem;
    right: 0.5rem;
}

    .logo-in img {
        width: 100%;
    }

    .logo-in p {
        line-height: 1rem;
        height: 1rem;
        margin: 0;
        color: #fff;
        font-size: 0.4rem;
        text-align: center;
    }

        .logo-in p i {
            font-size: 0.56rem;
            font-weight: 600;
        }

.search-col-sel {
    position: absolute;
    top: 6rem;
    height: 7.6rem;
    background-color: #fff;
    border-radius: 0.2rem;
    border: 1px solid #ddd;
    z-index: 999;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .search-col-sel .search-card {
        width: 8rem;
        padding: 0.4rem 0.5rem 0 0.5rem;
        height: 1.3rem;
        line-height: 1.3rem;
    }

.search-card i {
    width: 1rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #888;
}

.search-card .span-city1 {
    float: left;
    width: 3.5rem;
    text-align: left;
    font-size: 0.7rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-card .span-city2 {
    float: right;
    width: 3.5rem;
    text-align: right;
    font-size: 0.7rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-card .span-date1 {
    float: left;
    width: 4rem;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
}


.search-card .span-date2 {
    float: left;
    width: 4rem;
    text-align: right;
    font-size: 20px;
    font-weight: 600;
}

.search-card .span-cw1 {
    float: left;
    width: 3.2rem;
    text-align: left;
    font-size: 0.56rem;
    font-weight: 600;
}

.search-card .span-cw2 {
    float: left;
    width: 4.8rem;
    text-align: right;
}

.city-sel-div {
    width: 10rem;
}

    .city-sel-div h2 {
        text-align: left;
        font-weight: 500;
        font-size: 22px;
        margin: 0;
        line-height: 1.2rem;
        margin: 0.2rem 0.4rem;
    }

    .city-sel-div .search-show input {
        width: 8rem;
        height: 1rem;
        line-height: 1rem;
        border: 0;
        outline: none;
        background-color: #efefef;
        border-radius: 1rem;
        padding: 0 0.5rem;
        font-size: 14px;
        margin: 0 0.4rem;
    }

.search-show {
    width: 10rem;
    position: relative;
    margin: 0.2rem 0;
}

    .search-show .search-show-list {
        position: fixed;
        width: 9.6rem;
        top: 2.7rem;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        padding: 0.2rem;
        overflow-y: scroll;
        z-index: 9999;
    }

        .search-show .search-show-list h4 {
            height: 1rem;
            line-height: 1rem;
            text-align: right;
            font-size: 0.4rem;
            padding: 0 0.4rem;
            background-color: #eee;
            color: #49a3e5;
        }

        .search-show .search-show-list h3 {
            height: 2rem;
            line-height: 2rem;
        }

        .search-show .search-show-list ul li {
            width: 3rem;
            float: left;
            margin: 0.2rem 0.1rem;
        }

            .search-show .search-show-list ul li p {
                height: 1rem;
                line-height: 1rem;
                border: 1px solid #ccc;
                text-align: center;
                font-size: 0.4rem;
                color: #666;
                padding: 0 0.1rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

.city-list {
    width: 100%;
}

    .city-list h3 {
        margin: 0.1rem;
        padding: 0.1rem;
        text-align: center;
        border-bottom: 3px solid #eee;
    }

        .city-list h3 span {
            margin: 0 0.2rem;
            padding: 0.1rem;
            color: #555;
        }

.sp_act_b {
    border-bottom: 3px solid #49a3e5;
}

.city-card {
    position: absolute;
    top: 4rem;
    left: 0;
    right: 0;
    bottom: 1rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .city-card h2 {
        text-align: left;
        background-color: #fff;
        padding: 0 0.5rem;
        margin: 0;
        font-size: 0.4rem;
        line-height: 1rem;
    }


    .city-card h4 {
        text-align: left;
        background-color: #eee;
        padding: 0.2rem 0.5rem;
        margin: 0;
    }

    .city-card ul {
        margin: 0;
        padding: 0;
    }

        .city-card ul li {
            float: left;
            width: 3rem;
            margin: 0.1rem;
            border: 1px solid #eee;
        }

            .city-card ul li p {
                height: 1rem;
                line-height: 1rem;
                overflow: hidden;
                text-align: center;
                font-size: 0.4rem;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

.city-card2 {
    width: 10rem;
    position: relative;
}

.menu-left {
    position: fixed;
    left: 0;
    top: 4rem;
    bottom: 0.2rem;
    width: 3rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .menu-left > h4 {
        position: fixed;
        width: 3rem;
        line-height: 0.8rem;
        background-color: #fff;
        text-align: center;
        border-bottom: 1px solid #eee;
    }


.menu-left-crad {
    border-right: 1px solid #eee;
}

    .menu-left-crad h5 {
        line-height: 0.8rem;
        background-color: #eee;
        padding: 0 0.1rem;
    }

    .menu-left-crad ul li {
    }

        .menu-left-crad ul li p {
            height: 1rem;
            line-height: 1rem;
            padding: 0 0.1rem;
            border-bottom: 2px solid #eee;
            font-size: 0.4rem;
            color: #888;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.city-info-div {
    position: fixed;
    left: 3.1rem;
    top: 4rem;
    bottom: 0.2rem;
    right: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .city-info-div > h4 {
        position: fixed;
        width: 6.9rem;
        line-height: 0.8rem;
        background-color: #fff;
        text-align: center;
        border-bottom: 0.05rem solid #eee;
    }

.city-info-card {
    width: 100%;
}

    .city-info-card h5 {
        line-height: 0.6rem;
        background-color: #eee;
        padding: 0 0.3rem;
    }

    .city-info-card ul li {
        width: 3.2rem;
        float: left;
        margin: 0.1rem 0.125rem;
    }

        .city-info-card ul li p {
            height: 0.8rem;
            line-height: 0.8rem;
            font-size: 0.4rem;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #666;
            border: 1px solid #ddd;
        }

.date-list {
    position: absolute;
    top: 2.6rem;
    left: 0;
    right: 0;
    bottom: 1rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

.week-title {
    width: 100%;
    height: 0.8rem;
    border-bottom: 1px dashed #eee;
    background-color: #fff;
    z-index: 999;
}

    .week-title ul {
        margin: 0;
        padding: 0;
    }

        .week-title ul li {
            width: 1.41414rem;
            float: left;
            text-align: center;
            font-size: 0.4rem;
            padding: 0.1rem 0;
        }

            .week-title ul li:first-child {
                color: red;
            }

            .week-title ul li:last-child {
                color: red;
            }

.date-card {
    width: 100%;
}

    .date-card h4 {
        margin: 0;
        text-align: center;
        font-size: 0.4rem;
        height: 1rem;
        line-height: 1rem;
        background-color: #eee;
        font-weight: 500;
        color: #444;
    }

    .date-card .day-list {
        margin: 0.3rem 0;
    }

        .date-card .day-list ul {
            margin: 0;
            padding: 0;
        }

            .date-card .day-list ul li {
                width: 1.41414rem;
                float: left;
                text-align: center;
                font-size: 0.4rem;
            }

.day-card {
    width: 100%;
    height: 1.41414rem;
}

.day-card-act {
    width: 100%;
    height: 1.41414rem;
    background-color: #49a3e5;
    color: #fff;
}

.cw-list {
    width: 100%;
}

    .cw-list ul li p {
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: 18px;
        font-weight: 500;
        border-bottom: 1px solid #ddd;
        padding: 0 0.5rem;
    }

        .cw-list ul li p i {
            font-size: 22px;
            margin-right: 0.5rem;
            vertical-align: -6%;
        }

.center-div2 {
    width: 10rem;
    margin-top: 1.2rem;
    min-height: 17rem;
    background-color: #fff;
    padding: 0.1rem 0 1.49rem 0;
}
/*
.date-sel {
    margin: 0.2rem;
    overflow: hidden;
}


    .date-sel .date-sel-item {
        width: 4.7rem;
        height: 2rem;
        float: left;
        margin: 0 0.05rem;
    }

        .date-sel .date-sel-item p {
            padding: 0 0.3rem;
            line-height: 1rem;
            font-size: 0.4rem;
            color: #eee;
        }

        .date-sel .date-sel-item h3 {
            padding: 0 0.3rem;
            line-height: 1rem;
            font-weight: 500;
            padding-bottom: 0.1rem;
        }

            .date-sel .date-sel-item h3 i {
                color: #fff;
                font-size: 0.4rem;
                margin: 0 0.3rem;
            }*/

.flight-list ul li {
    margin: 0.3rem 0;
}

.flight-card {
    position: relative;
    margin: 0 0.3rem;
    background-color: #fff;
    border-radius: 0.2rem;
}

    .flight-card .flight-item2 {
        position: relative;
        width: 1.2rem;
        min-height: 1.6rem;
        float: left;
    }

        .flight-card .flight-item2 h4 {
            text-align: center;
            line-height: 1rem;
            margin-top: 0.2rem;
            font-size: 0.36rem;
            color: #888;
        }

.air-zz1 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0.2rem;
    line-height: 0.5rem;
}

.air-zz2 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0.7rem;
    line-height: 0.5rem;
}

.air-zz11 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0.3rem;
    line-height: 0.5rem;
}

.air-zz22 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0.9rem;
    line-height: 0.5rem;
}

.flight-card .flight-item {
    position: relative;
    width: 2.333333333333rem;
    min-height: 1.6rem;
    float: left;
}

    .flight-card .flight-item h3 {
        text-align: center;
        line-height: 0.8rem;
        margin-top: 0.2rem;
        font-size: 0.56rem;
        font-weight: 500;
        color: #333;
    }

    .flight-card .flight-item h4 {
        text-align: center;
        line-height: 0.8rem;
        margin-top: 0.2rem;
        font-size: 0.36rem;
        color: #888;
    }

    .flight-card .flight-item h2 {
        text-align: left;
        line-height: 0.8rem;
        margin-top: 0.2rem;
        color: #ff6a00;
    }

    .flight-card .flight-item p {
        width: 100%;
        text-align: center;
        color: #777;
        font-size: 0.34rem;
        height: 0.5rem;
        line-height: 0.5rem;
        padding: 0 0.1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.flight-card .flight-hs {
    width: 8.4rem;
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.5rem;
}

    .flight-card .flight-hs img {
        width: 0.4rem;
        height: 0.4rem;
    }

.flight-card .flight-hs2 {
    width: 8rem;
    height: 0.9rem;
    line-height: 0.9rem;
    padding: 0 0.4rem 0 1rem;
}

    .flight-card .flight-hs2 img {
        width: 0.4rem;
        height: 0.4rem;
    }

.div-list {
    width: 9rem;
    margin: 0.3rem 0.2rem;
    padding: 0.3rem;
    background-color: #fff;
    border-radius: 0.2rem;
}

    .div-list > h4 {
        line-height: 0.6rem;
    }

        .div-list > h4 > i {
            font-size: 0.6rem;
            font-weight: 500;
            color: red;
        }

    .div-list > p {
        padding-left: 0.8rem;
        line-height: 0.6rem;
    }

.div-lscd h4 {
    line-height: 0.6rem;
}

    .div-lscd h4 i {
        font-size: 0.6rem;
        font-weight: 500;
        color: red;
    }

.div-lscd p {
    padding-left: 0.8rem;
    line-height: 0.6rem;
}

.div-list2 {
    width: 9rem;
    margin: 0.2rem;
    padding: 0.3rem;
}

    .div-list2 p {
        color: #eee;
        font-size: 0.36rem;
        line-height: 0.5rem;
        letter-spacing: 0.1rem;
        margin-bottom: 0.2rem;
    }

.div-list3 {
    width: 9.2rem;
    padding: 0.2rem 0.4rem;
}

.div-list4 {
    width: 10rem;
    background-color: #fff;
}

.seg-card {
    width: 100%;
    padding: 0.2rem 0;
}

    .seg-card h4 {
        height: 1rem;
        line-height: 1rem;
        font-weight: 500;
    }

        .seg-card h4 i {
            font-size: 0.6rem;
            color: red;
        }

        .seg-card h4 img {
            width: 0.45rem;
            height: 0.45rem;
        }

        .seg-card h4 span {
            font-size: 0.36rem;
            padding: 0 0.1rem;
            color: #666;
        }

    .seg-card h5 {
        text-align: center;
        line-height: 1rem;
        font-size: 0.36rem;
        font-weight: 500;
        color: #888;
    }

        .seg-card h5 i {
            font-size: 0.4rem;
        }

    .seg-card h6 {
        text-align: center;
        line-height: 1rem;
        font-weight: 500;
    }

        .seg-card h6 i {
            font-size: 0.5rem;
        }

        .seg-card h6 span {
            font-size: 0.36rem;
            margin-right: 0.2rem;
        }

.seg-fg-div {
    width: 7.8rem;
    padding: 0 0.6rem 0.2rem 0.6rem;
}

    .seg-fg-div .seg-fg-card {
        float: left;
        width: 2.6rem;
        position: relative;
    }

        .seg-fg-div .seg-fg-card h2 {
            text-align: center;
            line-height: 1rem;
            font-size: 0.8rem;
            font-weight: 500;
            color: #444;
        }

        .seg-fg-div .seg-fg-card h3 {
            text-align: center;
            line-height: 1.6rem;
        }

        .seg-fg-div .seg-fg-card p {
            text-align: center;
            height: 0.5rem;
            line-height: 0.5rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.div-title {
    position: relative;
    padding-bottom: 0.2rem;
}

    .div-title h2 {
        width: 100%;
        position: relative;
        font-size: 0.4rem;
        font-weight: 600;
        color: #49a3e5;
    }

        .div-title h2 .onoff {
            position: absolute;
            right: 0.1rem;
            color: #888;
        }

            .div-title h2 .onoff i {
                font-size: 0.6rem;
                font-weight: 600;
                color: darkturquoise;
                margin-right: 0.1rem;
            }

    .div-title p {
        width: 100%;
        position: relative;
        font-size: 0.34rem;
        font-weight: 500;
        color: #666;
    }

.div-info {
    padding: 0.1rem 0;
}

.div-form {
    padding: 0 0.1rem;
}

    .div-form .div-form-p {
        text-align: right;
        line-height: 0.7rem;
        background-color: #dfedf7;
        border-top-left-radius: 0.1rem;
        border-top-right-radius: 0.1rem;
    }

.div-other {
    margin: 0.1rem 0;
}

.div-radio {
    margin: 0.2rem 0;
    padding-bottom: 0.2rem;
}

    .div-radio h4 {
        position: relative;
        font-size: 0.4rem;
        line-height: 1rem;
        color: #333;
    }

        .div-radio h4 i {
            font-size: 0.6rem;
            font-weight: 600;
            margin-right: 0.1rem;
            color: darkturquoise;
        }

        .div-radio h4 .i-radio {
            position: absolute;
            right: 0.1rem;
        }

        .div-radio h4 .price {
            position: absolute;
            right: 1.5rem;
            font-weight: 500;
            font-size: 0.44rem;
            color: #666;
        }

    .div-radio p {
        font-size: 0.34rem;
        color: #999;
        padding: 0.1rem;
    }

.div-price {
}

    .div-price .right02 {
        position: absolute;
        right: 0.2rem;
    }

    .div-price .right17 {
        position: absolute;
        right: 1.7rem;
    }

    .div-price h3 {
        position: relative;
        font-weight: 500;
        padding: 0.1rem 0;
    }

    .div-price p {
        position: relative;
        padding: 0.1rem 0.2rem;
        font-weight: 500;
    }

    .div-price h2 {
        position: relative;
        font-weight: 500;
        padding: 0.1rem 0;
    }

.order-div {
}

    .order-div h2 {
        position: relative;
        font-weight: 500;
        line-height: 1rem;
    }

        .order-div h2 .right02 {
            position: absolute;
            right: 0.2rem;
        }

    .order-div p {
        padding-left: 0.5rem;
        margin-bottom: 0.2rem;
    }

    .order-div h3 {
        padding: 0.1rem 0;
    }

        .order-div h3 i {
            font-size: 0.6rem;
            color: red;
            font-weight: 500;
        }

.div-top {
    width: 100%;
    margin-top: 1.2rem;
    background: linear-gradient(to top, #a9cfea,#3293db);
    min-height: 3.5rem;
}

.div-content {
    width: 100%;
    background-color: #fff;
}

.div-card1 {
    width: 10rem;
}

.div-card2 {
    width: 5rem;
}

.div-card3 {
    width: 3.3rem;
    padding: 0.3rem 0;
    border-left: 0.01rem solid #eee;
}

    .div-card3 i {
        font-size: 0.5rem;
    }

.div-card4 {
    width: 2.5rem;
}

.p-line-a {
    position: relative;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
}

    .p-line-a .r1 {
        position: absolute;
        right: 0.3rem;
        font-size: 0.5rem;
    }

    .p-line-a .r2 {
        position: absolute;
        right: 1.2rem;
    }


.main-side {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.scroll {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: scroll;
}

    .scroll .nbook {
        position: relative;
        z-index: 1;
        background-color: #edf0f5;
    }

        .scroll .nbook .backImg {
            position: absolute;
            left: 0;
            overflow: hidden;
            margin: 0;
            width: 100%;
            height: 5.34rem;
            top: 0;
            z-index: 0;
        }

            .scroll .nbook .backImg .backImg-content {
                background: linear-gradient(to top, #49a3e5, #a9cfea);
                height: 3.5rem;
                position: relative;
            }

            .scroll .nbook .backImg .backImg-bottom {
                background: #49a3e5;
                height: 0.6667rem;
                position: relative;
                top: -0.3467rem;
                border-radius: 50%;
            }

.nbook .nbook-flights {
    position: relative;
    z-index: 2;
    min-height: 0.2667rem;
}

.flight-info-container {
    padding-bottom: 0.2667rem;
}

    .flight-info-container .flights {
        background: #fff;
        margin: 0 0.213rem;
        border-radius: 0.1067rem;
        overflow: hidden;
        position: relative;
        top: 0.267rem;
    }

    .flight-info-container .flights-bg-info {
        position: relative;
        text-align: center;
        color: #666;
        font-size: 0.32rem;
        padding: 0.2667rem 0.4rem 0.4rem;
        z-index: 1;
    }

        .flight-info-container .flights-bg-info .flight-title {
            position: relative;
            line-height: 0.853rem;
            font-size: 0.267rem;
            text-align: center;
        }

            .flight-info-container .flights-bg-info .flight-title .title-wrap {
                position: relative;
            }

                .flight-info-container .flights-bg-info .flight-title .title-wrap .title-inner {
                    position: relative;
                    font-size: 0.32rem;
                    text-align: left;
                    color: #333;
                }

                    .flight-info-container .flights-bg-info .flight-title .title-wrap .title-inner .return-logo {
                        display: inline-block;
                        background: rgb(199 138 0 / 10%);
                        font-size: 0.267rem;
                        font-style: normal;
                        text-align: center;
                        line-height: 0.427rem;
                        height: 0.373rem;
                        margin-right: 0.213rem;
                        padding: 0 2px;
                        color: #f63;
                        position: relative;
                    }

                    .flight-info-container .flights-bg-info .flight-title .title-wrap .title-inner .lable-common {
                        display: inline-block;
                        width: 0.293rem;
                        height: 0.293rem;
                        margin-right: 0.133rem;
                        vertical-align: -1px;
                    }

                    .flight-info-container .flights-bg-info .flight-title .title-wrap .title-inner .return-logo:before {
                        content: "";
                        box-sizing: border-box;
                        position: absolute;
                        width: 200%;
                        height: 200%;
                        left: 0;
                        top: 0;
                        -webkit-transform: scale(.5);
                        -webkit-transform-origin: 0 0;
                        transform: scale(.5);
                        transform-origin: 0 0;
                        border: 1px solid #f63;
                        border-radius: 0.107rem;
                        pointer-events: none;
                    }

        .flight-info-container .flights-bg-info .flight {
            position: relative;
            padding: 0.107rem 0.533rem 0;
            display: flex;
        }

            .flight-info-container .flights-bg-info .flight .fly-info {
                float: left;
                flex: 2;
            }

            .flight-info-container .flights-bg-info .flight .arrow {
                position: relative;
                margin: 0.587rem 0.16rem 0;
                float: left;
                flex: 0.8;
                min-width: 2.4rem;
                height: 0.16rem;
                border-bottom: 1px solid #e4e4e4;
            }

                .flight-info-container .flights-bg-info .flight .arrow:before {
                    left: -0.16rem;
                }

                .flight-info-container .flights-bg-info .flight .arrow:after {
                    right: -0.16rem;
                    margin-top: 0;
                    background: none;
                }

                .flight-info-container .flights-bg-info .flight .arrow:after, .flight-info-container .flights-bg-info .flight .arrow:before {
                    content: "";
                    display: inline-block;
                    width: 0.187rem;
                    height: 0.187rem;
                    border: 1px solid #ccc;
                    border-radius: 50%;
                    position: absolute;
                    bottom: -0.107rem;
                }

                .flight-info-container .flights-bg-info .flight .arrow .allTime {
                    position: absolute;
                    top: -0.533rem;
                    left: 50%;
                    transform: translateX(-50%);
                    font-size: 0.267rem;
                    width: 2.667rem;
                    color: #b2b2b2;
                }

            .flight-info-container .flights-bg-info .flight .arrive-info {
                position: relative;
                float: right;
                flex: 2;
                vertical-align: top;
            }

            .flight-info-container .flights-bg-info .flight .arrive-info {
                position: relative;
                float: right;
                flex: 2;
                vertical-align: top;
            }

            .flight-info-container .flights-bg-info .flight .time {
                font-size: 0.64rem;
                vertical-align: top;
                position: relative;
                color: #333;
                font-weight: 700;
            }

            .flight-info-container .flights-bg-info .flight .airport {
                font-size: 0.32rem;
                color: #333;
            }

        .flight-info-container .flights-bg-info .flight-service {
            display: flex;
            padding: 0 0.8rem;
            font-size: 0.293rem;
            margin-top: 0.267rem;
            color: #888;
        }

            .flight-info-container .flights-bg-info .flight-service .service-plane:before {
                content: "";
                box-sizing: border-box;
                position: absolute;
                width: 200%;
                height: 120%;
                left: 0;
                top: 0;
                transform: scale(.5);
                transform-origin: 0 25%;
                border: solid #d1d1d1;
                border-width: 0 1px 0 0;
                border-radius: 0;
            }

            .flight-info-container .flights-bg-info .flight-service .service-food {
                flex: 1;
                position: relative;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .flight-info-container .flights-bg-info .flight-service .service-fate:after {
                content: "";
                box-sizing: border-box;
                position: absolute;
                width: 200%;
                height: 120%;
                left: 0;
                top: 0;
                transform: scale(.5);
                transform-origin: 0 25%;
                border: solid #d1d1d1;
                border-width: 0 0 0 1px;
                border-radius: 0;
            }

            .flight-info-container .flights-bg-info .flight-service .service-fate, .flight-info-container .flights-bg-info .flight-service .service-plane {
                flex: 1.5;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                position: relative;
            }

    .flight-info-container .flights .warn-info-box {
        padding: 0.267rem;
        text-align: left;
        color: #888;
        font-size: 0.347rem;
        position: relative;
        background: #fff;
        border-radius: 0.133rem;
    }

        .flight-info-container .flights .warn-info-box > :after {
            content: "";
            box-sizing: border-box;
            position: absolute;
            width: 200%;
            height: 1px;
            left: 0;
            top: 0;
            transform: scale(.5);
            transform-origin: 0 0;
            border-top: 1px solid #dcdcdc;
        }

        .flight-info-container .flights .warn-info-box .warn-info-content {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

            .flight-info-container .flights .warn-info-box .warn-info-content .notice {
                margin-bottom: 0.133rem;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

                .flight-info-container .flights .warn-info-box .warn-info-content .notice .notice-title {
                    max-width: 7.68rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

        .flight-info-container .flights .warn-info-box span {
            display: inline-block;
            color: #ff5346;
            font-size: 0.267rem;
            padding: 0 0.107rem;
            text-align: center;
            margin-right: 0.133rem;
            height: 0.373rem;
            line-height: 0.4rem;
            vertical-align: middle;
            margin-bottom: 2px;
            position: relative;
        }

            .flight-info-container .flights .warn-info-box span:before {
                content: "";
                box-sizing: border-box;
                position: absolute;
                width: 200%;
                height: 200%;
                left: 0;
                top: 0;
                transform: scale(.5);
                transform-origin: 0 0;
                border: 1px solid rgba(255,98,87,.3);
                border-radius: 0.08rem;
                pointer-events: none;
            }

.nbook .cabin-box-signle {
    margin: 0 0.213rem;
    border-bottom-left-radius: 0.107rem;
    border-bottom-right-radius: 0.107rem;
    overflow: hidden;
}

.cabins .cabin-list {
    list-style: none;
}

    .cabins .cabin-list .cabin-litem:first-child {
        margin-top: 0;
    }

    .cabins .cabin-list .single-top {
        width: 100%;
        background: #f5f5f5;
    }

    .cabins .cabin-list .for-border {
        position: relative;
        background: #fff;
        border-radius: 0.107rem;
    }

        .cabins .cabin-list .for-border .cabin-item {
            background-color: #fff;
            padding: 0.32rem;
            position: relative;
            margin: 0.213rem 0 0;
            border-radius: 0.107rem;
        }

            .cabins .cabin-list .for-border .cabin-item .price-detail {
                display: flex;
                width: 100%;
                align-items: center;
            }

                .cabins .cabin-list .for-border .cabin-item .price-detail .cabin-price-detail {
                    flex: 4;
                }

                    .cabins .cabin-list .for-border .cabin-item .price-detail .cabin-price-detail .price-discribe {
                        display: flex;
                        align-content: center;
                        flex-direction: row;
                        align-items: center;
                    }

                        .cabins .cabin-list .for-border .cabin-item .price-detail .cabin-price-detail .price-discribe .cabin-price {
                            color: #ff5346;
                            font-size: 0.64rem;
                            font-weight: 700;
                        }

                            .cabins .cabin-list .for-border .cabin-item .price-detail .cabin-price-detail .price-discribe .cabin-price i {
                                font-style: normal;
                                font-size: 0.347rem;
                                vertical-align: 1px;
                                font-weight: 700;
                            }

                    .cabins .cabin-list .for-border .cabin-item .price-detail .cabin-price-detail .left-top {
                        padding-bottom: 0.213rem;
                    }

                .cabins .cabin-list .for-border .cabin-item .price-detail .booking-btn {
                    position: relative;
                }

                    .cabins .cabin-list .for-border .cabin-item .price-detail .booking-btn .price-btn {
                        width: 1.333rem;
                        height: 0.907rem;
                        text-align: center;
                        line-height: 0.907rem;
                        background: linear-gradient( 90deg,#49a3e5, #689cc1);
                        box-shadow: 0 1px 0.08rem rgb(0 150 199 / 30%);
                        color: #fff;
                        font-size: 0.48rem;
                        font-weight: 700;
                        border-radius: 0.453rem;
                        position: relative;
                        float: right;
                    }

                    .cabins .cabin-list .for-border .cabin-item .price-detail .booking-btn .rest-ticket {
                        position: absolute;
                        display: inline-block;
                        width: 0.827rem;
                        height: 0.32rem;
                        background: #ffefea;
                        color: #f63;
                        font-size: 0.24rem;
                        text-align: center;
                        top: -0.213rem;
                        right: 2px;
                        border-radius: 0.187rem 0.267rem 0 0.187rem;
                    }

                        .cabins .cabin-list .for-border .cabin-item .price-detail .booking-btn .rest-ticket:after {
                            content: "";
                            display: inline-block;
                            width: 0;
                            height: 0;
                            border: 0.107rem solid transparent;
                            border-right-color: #ffefea;
                            position: absolute;
                            right: 0;
                            top: 0.213rem;
                            z-index: 0;
                        }

            .cabins .cabin-list .for-border .cabin-item .single-discribe {
                margin-top: 0.213rem;
                font-size: 0.32rem;
                color: #888;
                position: relative;
            }

                .cabins .cabin-list .for-border .cabin-item .single-discribe label {
                    color: #333;
                    font-weight: 700;
                }

                .cabins .cabin-list .for-border .cabin-item .single-discribe i {
                    margin: 0 1px;
                    color: #dcdcdc;
                }

                .cabins .cabin-list .for-border .cabin-item .single-discribe .icon-right {
                    display: inline-block;
                    width: 0.213rem;
                    height: 0.213rem;
                    margin-left: 0.107rem;
                    background: url(/image/right.png) 50% no-repeat;
                    background-size: contain;
                }

.align-center, .flex-center {
    display: flex;
    align-items: center;
}

.c4 .scroll-view {
    height: 1.067rem;
    white-space: nowrap;
    flex: 1;
    overflow: hidden;
    padding-right: 0.213rem;
}

.c4 .scrolls {
    flex: 1;
    height: 1.067rem;
    display: flex;
    align-items: center;
    overflow-x: scroll;
}

    .c4 .scrolls .scroll-item {
        display: flex;
    }

    .c4 .scrolls .icon {
        display: block;
        flex: 0 0 0.4rem;
        width: 0.427rem;
        height: 0.427rem;
        margin: 0 0.107rem 0 0.32rem;
        background-color: #ff5346 !important;
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 50%;
    }

    .c4 .scrolls .name {
        position: relative;
        font-size: 0.293rem;
        color: #2f4b66;
    }

.cabins .loadermore {
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
    font-size: 0.427rem;
    height: 12vw;
    color: #ff5346;
    margin-top: 0.213rem;
    border-radius: 0.107rem;
    margin-bottom: 0.213rem;
}

    .cabins .loadermore .down-arrow {
        display: inline-block;
        position: relative;
        width: 0.533rem;
        height: 0.4rem;
        margin-right: 0.267rem;
        transform: scale(.8);
    }

        .cabins .loadermore .down-arrow:after {
            display: inline-block;
            content: " ";
            height: 0.24rem;
            width: 0.24rem;
            border-color: #ff5346;
            border-style: solid;
            border-width: 0 1px 1px 0;
            transform: matrix(.71,.71,-.71,.71,0,0);
            transform-origin: center;
            transition: transform .3s;
            position: absolute;
            top: 60%;
            right: 0.133rem;
            margin-top: -0.213rem;
        }

.sis-popup.bottom {
    align-items: flex-end;
    width: 10rem;
    margin: 0 auto;
}

.sis-popup {
    display: flex;
}

    .sis-popup, .sis-popup .sis-mask {
        left: 0;
        right: 0;
        position: fixed;
        bottom: 0;
    }

        .sis-popup .sis-mask, .sis-popup .sis-mask {
            height: 100%;
            background-color: rgba(0,0,0,.6);
            transition: all .3s ease-in .05s;
            width: 10rem;
            margin: 0 auto;
        }

        .sis-popup .sis-popup-box {
            position: relative;
            max-width: 100%;
            max-height: 100%;
            overflow: hidden;
        }

        .sis-popup.bottom .sis-popup-box, .sis-popup.top .sis-popup-box {
            width: 100%;
        }

.sis-action-sheet-container {
    box-sizing: border-box;
    background: #fff;
    border-radius: 0.267rem 0.267rem 0 0;
    position: relative;
    min-height: 8.667rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sis-action-sheet-container, .sis-action-sheet-transformobj {
    transition: all;
    /*transition-timing-function: "cubic-bezier(0.165, 0.84, 0.44, 1)";*/
    transition-duration: 0s;
}

.sis-action-sheet-container, .sis-toast-box.sis-loading {
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

    .sis-action-sheet-container .sis-action-sheet-close {
        width: 0.533rem;
        height: 0.533rem;
        font-size: 0.32rem;
        line-height: 0.32rem;
        text-align: center;
        color: #b2b2b2;
        position: absolute;
        right: 0.32rem;
        top: 0.32rem;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .sis-action-sheet-container .sis-action-sheet-close .sis-icon-close {
            font-family: sis-icon !important;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            vertical-align: baseline;
            display: inline-block;
        }

    .sis-action-sheet-container .sis-action-sheet-outertabBar {
        position: relative;
        padding-top: 0.427rem;
        margin-bottom: 0.533rem;
    }

        .sis-action-sheet-container .sis-action-sheet-outertabBar:after {
            content: " ";
            width: 200%;
            height: 0;
            position: absolute;
            bottom: 0;
            left: 0;
            border-bottom: 0.027rem solid #dcdcdc;
            transform: scale(.5);
            transform-origin: 0 0;
            box-sizing: border-box;
            z-index: 0;
        }

    .sis-action-sheet-container .sis-action-sheet-tabBar {
        margin: 0 0.133rem;
        display: flex;
        position: relative;
        z-index: 2;
        padding-top: 0.4rem;
    }

        .sis-action-sheet-container .sis-action-sheet-tabBar .item-box {
            text-align: center;
            font-size: 0.453rem;
            box-sizing: border-box;
            padding: 0 0.267rem 0.427rem;
            font-weight: 600;
        }

        .sis-action-sheet-container .sis-action-sheet-tabBar .active-box {
            background: 0 0;
            height: 100%;
            position: absolute;
            top: -0.107rem;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            transition: all .3s ease;
        }

            .sis-action-sheet-container .sis-action-sheet-tabBar .active-box div {
                height: 0.107rem;
                width: 100%;
                max-width: 0.853rem;
                background: #49a3e5;
                box-shadow: 0 0.053rem 0.08rem rgb(0 132 199 / 30%);
                border-radius: 0;
            }

    .sis-action-sheet-container .sis-action-sheet-content {
        flex: 1;
        overflow: hidden;
        padding: 0 4vw;
        position: relative;
        transition: all;
        transition-duration: 0s;
    }

        .sis-action-sheet-container .sis-action-sheet-content .sis-action-sheet-content-inner-box {
            max-height: 8rem;
            overflow: auto;
            display: block;
            -webkit-font-smoothing: antialiased;
            padding: 0 0.26666667vw;
        }

.container-scroll {
    padding-bottom: 0.533rem;
    overflow: auto;
}

.baggage, .product, .tgqRule {
    color: #888;
}

.rule-title {
    color: #333;
    font-size: 0.453rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 0.267rem 0.107rem 0.267rem 0.4rem;
    background: #f0faff;
    margin-bottom: 0.32rem;
}

.rule-shuoming > i {
    background: url(/image/shuoming.png) no-repeat 50%;
    background-size: 0.427rem 0.427rem;
}

.rule-baggage > i {
    background: url(/image/xingli.png) no-repeat 50%;
    background-size: 0.427rem 0.427rem;
}

.rule-title i {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.133rem;
}

.space-side {
    padding: 0 0.4rem;
}

.product .toll-goods {
    font-size: 0.347rem;
    color: #666;
    margin-bottom: 0.32rem;
    padding-left: 0.533rem;
}

.serviceDesc {
    padding-left: 0.533rem;
}

    .serviceDesc .buy-des-item {
        margin-bottom: 0.267rem;
    }

    .serviceDesc .item-title {
        color: #333;
        height: 0.56rem;
        line-height: 0.533rem;
        font-size: 0.4rem;
        font-weight: 700;
        margin-bottom: 0.107rem;
        position: relative;
    }

        .serviceDesc .item-title i {
            width: 0.427rem;
            height: 0.427rem;
            position: absolute;
            left: -0.533rem;
            top: 50%;
            transform: translateY(-50%);
        }

    .serviceDesc .buy-des-item .item-content {
        margin-bottom: 0.0482rem;
        line-height: 0.533rem;
        font-size: 0.2892rem;
    }

.bookNotice {
    padding-left: 0.533rem;
    margin-bottom: 0.267rem;
}

    .bookNotice .item-title {
        position: relative;
    }

        .bookNotice .item-title.is-book-note i {
            background: url(/image/jinggao.png) 50% no-repeat;
            background-size: contain;
        }

        .bookNotice .item-title i {
            width: 0.427rem;
            height: 0.427rem;
            position: absolute;
            left: -0.533rem;
            top: 50%;
            transform: translateY(-50%);
        }

    .bookNotice .item-item-title {
        height: 0.4rem;
        line-height: 0.4rem;
        color: #f63;
        padding: 0 0.08rem;
        margin-right: 0.133rem;
        font-size: 0.267rem;
        vertical-align: 2px;
        position: relative;
    }

        .bookNotice .item-item-title:before {
            content: "";
            box-sizing: border-box;
            position: absolute;
            width: 200%;
            height: 200%;
            left: 0;
            top: 0;
            transform: scale(.5);
            transform-origin: 0 0;
            border: 1px solid #f63;
            border-radius: 1.6vw;
        }

.title-extra {
    margin-top: 0.107rem;
    display: inline-block;
    vertical-align: middle;
}

.serviceDesc .item-title.type1 i {
    background: url(/image/baoxiao.png) 50% no-repeat;
    background-size: contain;
}

.serviceDesc .item-title.type2 i {
    background: url(/image/cangwei.png) 50% no-repeat;
    background-size: contain;
}

.serviceDesc .item-title.type3 i {
    background: url(/image/canshi.png) 50% no-repeat;
    background-size: contain;
}

.serviceDesc .item-title.type4 i {
    background: url(/image/jiage.png) 50% no-repeat;
    background-size: contain;
}

.item-title {
    color: #333;
    height: 0.56rem;
    line-height: 0.56rem;
    font-size: 0.4rem;
    font-weight: 700;
    margin-bottom: 0.107rem;
}

.content-block {
    display: block;
    margin: 0.107rem 0;
}

.sis-table {
    width: 100%;
    position: relative;
}

    .sis-table table {
        width: 100%;
        border-spacing: 0;
        position: relative;
    }

        .sis-table table:after {
            border: 0.027rem solid #d1d1d1;
            transform: scale(.5);
            transform-origin: 0 0;
            border-radius: 0.427rem;
        }

        .sis-table table thead tr th.sis-table-title {
            background-color: #f6f6f6;
            font-weight: 700;
            text-align: left;
            border-radius: 0.213rem 0.213rem 0 0;
        }

        .sis-table table thead tr th, .sis-table table thead tr th.sis-table-title {
            color: #333;
            font-size: 0.373rem;
            padding: 0.32rem 0.373rem;
            position: relative;
        }

        .sis-table table tfoot tr td.sis-table-footer {
            color: #666;
            font-size: 0.4rem;
            padding: 0.32rem 0.373rem;
            background-color: #fff;
            position: relative;
        }

            .sis-table table:after, .sis-table table tfoot tr td.sis-table-footer:after {
                width: 200%;
                height: 200%;
                position: absolute;
                pointer-events: none;
                content: "";
                left: 0;
                top: 0;
            }

.rule-table-list .tab-title {
    display: flex;
    align-items: center;
    font-size: 0.373rem;
    color: #333;
    font-weight: 700;
}

.rule-table-list .tab-arr {
    margin: 0 0.107rem;
    width: 0.427rem;
    height: 0.427rem;
    background: url(/image/left_94.png) no-repeat 0 0;
    background-size: cover;
}

.sis-table table thead tr th {
    text-align: center;
    font-weight: bold;
}

    .sis-table table thead tr th.left {
        text-align: left;
        font-weight: bold;
    }

    .sis-table table thead tr th:first-child:after {
        border-left: none;
    }

    .sis-table table thead tr th:after {
        border-left: 0.027rem solid #d1d1d1;
        transform: scale(.5);
        transform-origin: 0 0;
    }

    .sis-table table thead tr th.sis-table-title:after, .sis-table table thead tr th:after {
        position: absolute;
        content: "";
        width: 200%;
        height: 200%;
        top: 0;
        left: 0;
        pointer-events: none;
    }

.sis-table table tbody tr td {
    font-size: 0.373rem;
    color: #666;
    padding: 0.32rem 0.373rem;
    background-color: #fff;
    position: relative;
    text-align: center;
}

    .sis-table table tbody tr td:after {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        border-top: 0.0267rem solid #d1d1d1;
        border-left: 0.0267rem solid #d1d1d1;
        transform: scale(.5);
        top: 0;
        left: 0;
        transform-origin: 0 0;
        pointer-events: none;
    }

.sis-table .txt-dot {
    font-size: 0.31rem;
    line-height: 0.48rem;
    margin-top: 0.107rem;
    position: relative;
    padding-left: 0.213rem;
}

.rule-title.rule-tgq {
    margin-bottom: 0.24rem;
}

.rule-tgq {
    margin-top: 0.533rem;
}

.rule-table-list .line-through {
    text-decoration: line-through;
    color: #ccc;
}

    .rule-table-list .line-through td {
        color: #ccc;
    }

.rule-table-list .cur-time {
    position: relative;
}

.sis-table table tbody tr td.left {
    text-align: left;
}

.sis-table table tbody tr td:first-child:after {
    border-left: none;
}

.rule-table-list .cur-time i {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0.16rem 0 2px;
    font-size: 0.267rem;
    color: #f63;
    background: #e8f3f9;
    border-radius: 0 2.1333333333333vw 2.1333333333333vw 0;
}

.sis-table table tfoot tr td.sis-table-footer:after {
    border-top: 0.027rem solid #d1d1d1;
    transform: scale(.5);
    transform-origin: 0 0;
}

.contentlog {
    font-size: 0.45rem;
    background: #fff;
    width: 10rem;
    margin: 0 auto;
}

.clearfix:after, .clearfix:before {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.tab-div {
    border-bottom: 1px solid #eee;
}

    .tab-div li {
        height: 1.25rem;
        width: 50%;
        float: left;
        text-align: center;
        line-height: 1.25rem;
    }

        .tab-div li.active a {
            color: #49a3e5;
            border-bottom: 2px solid #49a3e5;
        }

        .tab-div li a {
            color: #666;
            display: inline-block;
            position: relative;
        }

.tab-con {
    padding: 0 0.875rem;
}

    .tab-con form {
        padding-top: 0.5rem;
    }

    .tab-con li {
        height: 1.5rem;
        padding-left: 1.4rem;
        display: block;
        border-bottom: 0.04143rem solid #eee;
        position: relative;
    }

        .tab-con li > span {
            width: 1.4rem;
            height: 100%;
            line-height: 1.5rem;
            position: absolute;
            top: 0;
            left: 0;
            font-size: 0.4rem;
        }

        .tab-con li input {
            outline: 0;
            border: none;
            height: 1.5rem;
            line-height: 1.5rem;
            width: 100%;
            font-size: 0.4rem;
        }


    .tab-con .phone-login li a, .tab-con .normal-register li a {
        font-size: 0.35rem;
        color: #0185c6;
        position: absolute;
        text-align: right;
        height: 1.5rem;
        line-height: 1.5rem;
        right: 0;
        top: 50%;
        margin-top: -0.75rem;
    }

input::-webkit-input-placeholder {
    color: #ccc;
}

.pt-areacode-box {
    width: 100%;
    color: #333;
    font-size: 0.3856rem;
    position: relative;
}

.tab-con a.disable {
    opacity: 1;
}

.tab-con a.submit {
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    color: #fff;
    font-size: 0.45rem;
    background: #ff6257;
    display: block;
    border-radius: 0.13rem;
    margin-top: 0.5rem;
}

.botbox {
    width: 100%;
    margin-top: 0.3rem;
}

    .botbox a {
        font-size: 0.35rem;
        color: #999;
    }

.sign-in {
    float: right;
}

.forget-btn {
    float: left;
}
/*.book2-main-side {
    margin-left: env(safe-area-inset-left);
    margin-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
}*/
.book2-import {
    padding-bottom: 2rem;
    position: relative;
    z-index: 1;
    background-color: #edf0f5;
}

    .book2-import .flight-box-bg {
        background: linear-gradient(to top, #49a3e5, #a9cfea);
    }

.flight-box .flight-info {
    position: relative;
}

.flex {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    display: flex;
    box-sizing: border-box;
}

.flight-box .single {
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0.32rem 0.427rem 0.213rem;
    width: 100%;
}

.flight-box .base1 {
    font-size: 0.48rem;
    font-weight: 700;
    color: #fff;
    position: relative;
}

    .flight-box .base1 .return-logo {
        display: inline-block;
        background: rgb(199 138 0 / 10%);
        font-size: 0.267rem;
        font-style: normal;
        text-align: center;
        line-height: 1;
        height: 0.373rem;
        margin-right: 0.213rem;
        padding: 0 2px;
        color: #f63;
        position: relative;
    }

    .flight-box .base1 span {
        font-weight: 700;
        color: #333;
    }

.flight-box .single span {
    margin-right: 0.213rem;
}

.flight-box .base1 .oneday {
    position: absolute;
    height: 0.267rem;
    text-align: center;
    color: #f63;
    font-size: 0.267rem;
    top: 0;
    line-height: 0.267rem;
    right: -0.4rem;
    margin-right: -0.1rem;
}

.tgq-box {
    color: #333;
    padding: 0 0.427rem;
    letter-spacing: 0;
}

    .tgq-box .p-desc, .tgq-box .p-price {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        font-size: 0.347rem;
        line-height: 0.533rem;
    }

        .tgq-box .p-desc .product-desc, .tgq-box .p-desc .product-label, .tgq-box .p-price .product-desc, .tgq-box .p-price .product-label {
            padding-bottom: 0.267rem;
            padding-top: 0.213rem;
        }

            .tgq-box .p-desc .product-desc .middle-line, .tgq-box .p-desc .product-label .middle-line, .tgq-box .p-price .product-desc .middle-line, .tgq-box .p-price .product-label .middle-line {
                padding-right: 0.213rem;
                position: relative;
            }

            .tgq-box .p-desc .product-desc span, .tgq-box .p-desc .product-label span, .tgq-box .p-price .product-desc span, .tgq-box .p-price .product-label span {
                font-weight: 700;
            }

    .tgq-box .single {
        flex-direction: column;
    }

    .tgq-box .p-top {
        justify-content: flex-start;
    }

    .tgq-box .p-price {
        letter-spacing: 0;
        min-height: 0.8rem;
    }

        .tgq-box .p-price .price-mess {
            font-size: 0.347rem;
            position: relative;
        }

            .tgq-box .p-price .price-mess i {
                transform: translateY(-50%);
                margin-top: -1px;
            }

.fd-iconfont {
    font-family: fd-iconfont !important;
    width: 1em;
    font-style: normal;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    color: #49a3e5;
}

.tgq-box .p-price .price-mess .fd-icon-explain:before {
    content: url(/image/jingao_333.png);
    color: #fff;
}

.tgq-box .p-desc .product-desc .middle-line:after, .tgq-box .p-desc .product-label .middle-line:after, .tgq-box .p-price .product-desc .middle-line:after, .tgq-box .p-price .product-label .middle-line:after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 0.32rem;
    width: 1px;
    background-color: #333;
    right: 0.107rem;
    top: 50%;
    transform: scaleX(.5);
    margin-top: -0.187rem;
}

.tgq-box .p-desc .product-desc .arrow-line:after, .tgq-box .p-desc .product-label .arrow-line:after, .tgq-box .p-price .product-desc .arrow-line:after, .tgq-box .p-price .product-label .arrow-line:after {
    content: "";
    display: inline-block;
    width: 0.213rem;
    height: 0.213rem;
    border-color: currentcolor currentcolor #333 #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    transform: rotate( 45deg);
    top: 50%;
}

.nbook .flight-box-circle {
    height: 0.667rem;
    background: #06c584;
    border-radius: 0 0 50% 50%;
}

.nbook .flight-box-contain {
    position: relative;
    z-index: 2;
    margin-top: 0.2rem;
    margin-bottom: 1.8rem;
}

.mihawk-passenger-book2-wrapper .card-wrapper {
    border-radius: 0.097rem;
    background: #fff;
}

.sis-card {
    background-color: #fff;
    border-radius: 0.213rem;
    color: #333;
}

.sis-card-header {
    font-size: 0.533rem;
    font-weight: 700;
    padding: 0.48rem 0.4rem 0.213rem;
}

.mihawk-passenger-book2-wrapper .card-wrapper .sis-card-header {
    padding: 0.36rem 0.36rem 0.195rem;
    position: relative;
}

    .mihawk-passenger-book2-wrapper .card-wrapper .sis-card-header .title {
        font-weight: 700;
        color: rgb(51, 51, 51);
        font-size: 0.48rem;
    }

    .mihawk-passenger-book2-wrapper .card-wrapper .sis-card-header .sub-title {
        display: inline-block;
        font-size: 0.314rem;
        margin-left: 0.242rem;
        font-weight: 500;
    }

.mihawk-passenger-book2-wrapper .card-wrapper .sis-card-body {
    padding: 0.17rem 0.36rem 0.388rem;
    /*padding: 7px 15px 16px;*/
}

    .mihawk-passenger-book2-wrapper .card-wrapper .sis-card-body section {
        display: block;
    }

.mihawk-passenger-book2-wrapper .card-wrapper .main .block {
    font-size: 0.340rem;
    display: flex;
    flex-wrap: wrap;
}

    .mihawk-passenger-book2-wrapper .card-wrapper .main .block > li.unchecked {
        color: #333;
    }

    .mihawk-passenger-book2-wrapper .card-wrapper .main .block > li {
        font-size: 0.364rem;
        text-align: center;
        flex: 0 0 28.56%;
        display: flex;
        height: 1.016rem;
        max-height: 1.016rem;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 0;
        padding: 0.0484rem 0.121rem;
        border-radius: 0.097rem;
        margin-right: 0.218rem;
        margin-bottom: 0.218rem;
        box-sizing: border-box;
        position: relative;
    }

.mihawk-passenger .mihawk-app.color {
    color: #49a3e5;
    border-color: #49a3e5;
}

.mihawk-passenger .mihawk-app.colorf63 {
    color: #f63;
    border-color: #f63;
}

.mihawk-passenger-book2-wrapper .card-wrapper .main .block > li.item > span {
    width: 100%;
}

.mihawk-passenger-book2-wrapper .card-wrapper .main .block > li > span {
    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mihawk-passenger-book2-wrapper .card-wrapper .main .block > li .checked-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom-width: 0.2057rem;
    border-right-width: 0.2057rem;
    border-bottom-style: solid;
    border-right-style: solid;
    border-top: 0.2057rem solid transparent;
    border-left: 0.2057rem solid transparent;
    border-radius: 0 0 0.097rem 0;
}

.mihawk-passenger i {
    font-style: normal;
}

.mihawk-passenger-book2-wrapper .card-wrapper .main .block > li .checked-icon .checked-img {
    color: #fff;
    position: absolute;
    top: 0;
    right: -0.17rem;
    width: 0.1815rem;
    height: 0.1452rem;
    z-index: 1;
}

img {
    border: none;
    vertical-align: middle;
}

.mihawk-passenger-book2-wrapper .card-wrapper .main .block > li.unchecked:after {
    border-color: #e4e4e4;
}

.mihawk-passenger-book2-wrapper .card-wrapper .main .block > li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1px solid;
    transform-origin: 0 0;
    transform: scale(.5);
    border-radius: 0.195rem;
}

.mihawk-passenger-book2-wrapper .card-wrapper .main .block > li:last-of-type, .mihawk-passenger-book2-wrapper .card-wrapper .main .block > li:nth-last-of-type(2), .mihawk-passenger-book2-wrapper .card-wrapper .main .block > li:nth-last-of-type(3) {
    margin-bottom: 0;
}

.mihawk-passenger-book2-wrapper .card-wrapper .main .block > li.unchecked .checked-icon {
    display: none;
}

.mihawk-passenger-book2-wrapper .card-wrapper .main .block > li.plus .add-gap {
    font-size: 0.388rem;
    margin-right: 0.121rem;
    margin-top: 0.097rem;
}

.mihawk-passenger .sis-icon {
    vertical-align: middle;
}

.sis-icon-add-gap:before {
    content: url(/image/addto.png);
}

.mihawk-passenger-book2-wrapper .card-wrapper .main .book2 {
    position: relative;
    z-index: 1;
    margin-bottom: -0.364rem;
    padding: 0.195rem 0 0.121rem;
}

    .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li {
        position: relative;
        z-index: 1;
    }

        .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li .pass {
            margin-left: 0.8228rem;
            padding: 0.195rem 0.726rem 0.195rem 0;
            transition: all .3s linear;
            position: relative;
            z-index: 1;
        }

            .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li .pass .edit-wrapper {
                right: -0.364rem;
                font-size: 0.4114rem;
                color: #ccc;
                position: absolute;
                z-index: 1;
                width: 1.0648rem;
                height: 60%;
                top: 50%;
                transform: translateY(-50%);
            }

                .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li .pass .edit-wrapper .sis-icon-edit {
                    position: absolute;
                    left: 17%;
                    top: 35%;
                    z-index: 1;
                }


            .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li .pass .delete-icon-wrapper {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                z-index: 1;
                left: -0.8228rem;
            }

                .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li .pass .delete-icon-wrapper .delete-icon {
                    display: block;
                    width: 0.4356rem;
                    height: 0.4356rem;
                }

            .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li .pass .cert {
                font-size: 0.340rem;
                color: #888;
                display: block;
            }

                .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li .pass .cert > span {
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 0.1452rem;
                }

            .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li .pass .name {
                font-size: 0.388rem;
                display: block;
                margin-bottom: 0.1452rem;
            }

                .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li .pass .name > span {
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 0.121rem;
                    font-weight: 700;
                }

                .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li .pass .name .tag-list {
                    font-size: 0.242rem;
                    color: #888;
                    display: inline-block;
                    vertical-align: middle;
                    margin-top: -0.0242rem;
                }



                    .mihawk-passenger-book2-wrapper .card-wrapper .main .book2 > li .pass .name .tag-list .tag {
                        background: #f3f3f3;
                        border-radius: 0.0242rem;
                        padding: 0 0.0726rem;
                        display: inline-block;
                        vertical-align: middle;
                        margin-right: 0.121rem;
                    }

.sis-icon-edit:before {
    content: url(/image/edit.png)
}

.phoneprotect-box {
    margin: 0 0.213rem 0.213rem;
    border-radius: 0.106rem;
    background-color: #fff;
    position: relative;
}

.phone-new-box {
    position: relative;
    font-size: 0.426rem;
    padding: 0.426rem;
}

    .phone-new-box .phone-input {
        -webkit-box-flex: 1;
        position: relative;
        padding-left: 0.267rem;
        padding-right: 0.747rem;
    }

        .phone-new-box .phone-input input {
            -webkit-appearance: none;
            outline: none;
            background: #fff;
            border: none;
            width: 100%;
            font-size: 0.427rem;
            color: #333;
            padding-left: 0;
            position: relative;
            top: 1px;
        }

    .phone-new-box .phone-box-main {
        position: relative;
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-pack: center;
    }

    .phone-new-box .phone-title {
        -webkit-box-flex: 0;
    }

        .phone-new-box .phone-title label {
            display: inline-block;
            color: #333;
            font-size: 0.427rem;
        }

            .phone-new-box .phone-title label:after {
                content: "*";
                color: #f63;
            }

    .phone-new-box .phone-input .phone-num-add, .phone-new-box .phone-input > i {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .phone-new-box .phone-input > i {
        width: 0.48rem;
        height: 0.48rem;
        background: url(/image/delete_X.png) no-repeat 50%;
        background-size: 0.48rem;
    }

.book2-footer {
    position: fixed;
    display: inline;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 250;
}

.footer-box {
    justify-content: space-between;
    align-items: center;
    height: 1.333rem;
    padding: 0 0.267rem 0 0.427rem;
    box-shadow: 0 -1px 2px 0 rgb(0 0 0 / 8%);
    font-size: 0.347rem;
    color: #999;
    position: relative;
    width: 10rem;
    margin: 0 auto;
}

.price-box {
    flex: 1;
    height: 1.733rem;
}

.price-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.total-price {
    justify-content: flex-start;
    font-size: 0.48rem;
    height: 0.667rem;
    line-height: 0.667rem;
    color: #f63;
    font-weight: 700;
}

    .total-price span.true-price {
        font-size: 0.533rem;
        height: 0.667rem;
        line-height: 0.667rem;
        color: #ff6257;
        font-weight: 700;
    }

.hide-arrow {
    transform: rotate( 360deg);
    transition: transform .5s ease;
}

.expand-arrow {
    transform: rotate( 180deg);
    transition: transform .5s ease;
}

.book2-arrow {
    font-size: 0.267rem;
    margin-left: 0.267rem;
}

.fd-icon-arrow:before {
    content: url(/image/upper_888.png);
}

.pay-btn {
    position: relative;
    flex: 0 0 3.333rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    width: 100%;
    height: 0.9rem;
    border-radius: 0.586rem;
    color: #fff;
    text-align: center;
    margin-left: 0.4rem;
    padding: 0.107rem 0;
    background: linear-gradient( 90deg,#49a3e5,#49a3e5);
    box-shadow: rgba(0,199,119,.3);
    opacity: 1;
}

.normal {
    font-size: 0.48rem;
    opacity: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: -1px auto 0;
}

.go-pay {
    font-weight: 700;
}

.nbook section {
    display: block;
}

.pop-zhezhao-show {
    opacity: 1;
    z-index: 240;
}

.pop-zhezhao.pop-zhezhao-show {
    opacity: 1;
    z-index: 240;
    bottom: 0;
}

.container {
    position: fixed;
    width: 10rem;
    z-index: 242;
    bottom: -26.667rem;
    background: #fff;
    border-top-left-radius: 0.267rem;
    border-top-right-radius: 0.267rem;
    transition: all .3s ease-in-out;
}

    .container.container-show {
        bottom: 1.333rem;
    }

.head-title {
    position: relative;
    padding: 0.8rem 0 0.427rem;
}

    .head-title .title {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 0.453rem;
        color: #333;
        font-weight: 700;
    }

    .head-title .close {
        position: absolute;
        display: inline-block;
        width: 0.48rem;
        height: 0.48rem;
        background: url(/image/close.png) no-repeat;
        right: 0.4rem;
        top: 0.4rem;
        background-size: 0.32rem;
        background-position: 50%;
        z-index: 3;
    }

.container .container-body {
    padding: 0.4rem;
}

.pricepop-box {
    overflow-y: auto;
    min-height: 5.467rem;
    max-height: 11.7612rem;
}

.price-pop-box {
    position: relative;
    color: #333;
}

.price-simple {
    animation: show-data-v-713fa614 .8s ease-in forwards;
}

.price-pop-box .price-section {
    font-size: 0.373rem;
    margin-bottom: 0.121rem;
}

.price-pop-box .section-title {
    font-size: 0.4rem;
    font-weight: 700;
    color: #333;
}

.flight-type-box {
    flex: 0 0 1.013rem;
    text-align: center;
}

.pass-price-wrap {
    padding: 0.4rem 0;
}

.flex-g-1 {
    flex: 1;
}

.pass-price-box {
    color: #999;
}

.pass-price-top {
    margin-bottom: 0.16rem;
    color: #333;
}

.price-default {
    flex: 0 0 auto;
}

.price-line {
    width: 60%;
    border-top: 1px dashed #efeff4;
    flex: 0 1 auto;
}

.price-pop-box .count {
    width: 1.173rem;
    margin-left: 0.427rem;
}

.pop-zhezhao {
    position: fixed;
    width: 10rem;
    top: 0;
    background: rgba(0,0,0,.6);
    opacity: 0;
    z-index: 1;
    transition: all .3s ease-in .05s;
}

.paycontent {
    margin: 0.364rem 0 0.726rem;
}

.order-wrapper {
    margin-bottom: 0.364rem;
    font-size: 0.388rem;
    background: #fff;
}

.message-wrapper {
    display: block;
    padding: 0.242rem 0 0.1452rem 0.29rem;
    background: #fff7dc;
    line-height: 0.4356rem;
    border-top: 1px solid #f2ead1;
    border-bottom: 1px solid #f2ead1;
    margin-top: -0.364rem;
}

    .message-wrapper p {
        font-size: 0.29rem;
        color: #9e8052;
    }

.none {
    display: none !important;
}

#countdownContent .timer {
    color: #ff5346;
}

.order-info {
    padding: 0.121rem 0.121rem 0.121rem 0.364rem;
    font-size: 0.29rem;
}

    .order-info li {
        margin-bottom: 0.121rem;
    }

    .order-info span {
        color: #999;
        margin-right: 0.121rem;
        float: left;
        font-size: 0.314rem;
        line-height: 0.5566rem;
    }

    .order-info i {
        color: #ff654b;
        font-style: normal;
        font-size: 0.364rem;
        margin-left: 1.452rem;
        display: block;
    }

    .order-info p {
        margin-left: 1.452rem;
        line-height: 0.484rem;
        font-size: 0.364rem;
    }

.order-detail {
    height: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s linear;
}

    .order-detail ul {
        padding: 0.1452rem 0.364rem;
        background: #f8f8f8;
        border-bottom: 1px solid #e4e4e4;
        font-size: 0.29rem;
        line-height: 0.484rem;
        color: #666;
    }

    .order-detail li label {
        float: left;
        width: 1.5004rem;
        color: #999;
    }

    .order-detail li p {
        margin-left: 1.5004rem;
    }

.detail-toggle {
    display: block;
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    font-size: 0.340rem;
    line-height: 0.8712rem;
    text-align: center;
    color: #999;
}

    .detail-toggle.close span .toggle-icon {
        transform: rotate( 45deg);
        margin-top: -0.195rem;
    }

    .detail-toggle > span {
        display: inline-block;
        position: relative;
        padding-right: 0.484rem;
    }

    .detail-toggle span .toggle-icon {
        right: 0;
        margin-top: -2px;
        border-color: #bbb;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s linear;
        -webkit-transform: rotate( 225deg);
        transform: rotate( 225deg);
    }

.payment {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    background: #fff;
    padding-left: 0.364rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

    .payment a {
        display: block;
        position: relative;
    }

.disabled #WeiXinWapPay .wxicon {
    background-position: -0.9196rem -0.9438rem;
}

.payment .wxicon {
    margin-top: 0.121rem;
    float: left;
    width: 1.089rem;
}

    .payment .wxicon img {
        width: 100%;
    }

.disabled #ZFBWapPay .zfbicon {
    background-position: -0.9196rem -0.9438rem;
}

.payment .zfbicon {
    margin-top: 0.121rem;
    float: left;
    width: 1.089rem;
}

    .payment .zfbicon img {
        width: 100%;
    }

.payment dl {
    margin-left: 1.331rem;
    padding: 10px 0;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
}

.payment dt {
    font-size: 0.388rem;
}

.payment dd {
    font-size: 0.29rem;
    color: #7f7f7f;
}

.enter-icon {
    transform: rotate( -45deg);
}

.enter-icon, .toggle-icon {
    position: absolute;
    right: 0.364rem;
    top: 50%;
    margin-top: -0.097rem;
    width: 0.195rem;
    height: 0.195rem;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

.mihawk-passenger-list-wrapper .main {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 10rem;
    margin: 0 auto;
    background: #efeff4;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999;
    padding-bottom: 3.4704rem;
}

    .mihawk-passenger-list-wrapper .main .header {
        background: #fff;
        padding: 0.1687rem 0.3615rem 0.241rem;
        box-sizing: border-box;
        font-size: 0.3615rem;
        color: #49a3e5;
        display: flex;
    }

        .mihawk-passenger-list-wrapper .main .header .button {
            flex: 1 1 auto;
            border: 0.0241rem solid;
            padding: 0.241rem 0;
            box-sizing: border-box;
            text-align: center;
            border-radius: 0.964rem;
            width: 0;
            position: relative;
            background: rgb(25 157 197 / 10%);
            line-height: inherit;
            font-size: inherit;
            color: inherit;
        }

            .mihawk-passenger-list-wrapper .main .header .button .icon.icon-add {
                background: url(/image/addto.png) no-repeat 0 0;
                background-size: contain;
            }

            .mihawk-passenger-list-wrapper .main .header .button > span {
                display: inline-block;
                vertical-align: middle;
                margin-left: 0.0964rem;
            }

    .mihawk-passenger-list-wrapper .main .list-wrapper .list-title {
        font-size: 0.3374rem;
        color: #666;
        padding: 0.2892rem 0 0.1928rem 0.3615rem;
        position: relative;
    }

.mihawk-passenger-list-wrapper b {
    display: block;
}

.mihawk-passenger-list-wrapper .main .list-wrapper .list {
    background: #fff;
    overflow: hidden;
}

    .mihawk-passenger-list-wrapper .main .list-wrapper .list > li {
        transition: all .5s ease-in;
        position: relative;
        z-index: 2;
        padding: 0.3615rem 0.241rem 0.3615rem 1.3255rem;
    }

        .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .edit {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            width: 1.1568rem;
            height: 100%;
            color: #ccc;
            font-size: 0.4097rem;
        }

            .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .edit .sis-icon-edit {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 1;
                transform: translate(-50%,-50%);
            }

        .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base {
            box-sizing: border-box;
            padding-right: 0.6025rem;
        }

            .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .name {
                font-size: 0.3856rem;
                color: #333;
                display: inline-block;
                vertical-align: middle;
                max-width: 95%;
                word-break: break-word;
            }

            .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .addr {
                max-width: 100%;
            }

            .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .name > span {
                font-weight: 700;
            }

            .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .tag-list {
                vertical-align: middle;
                font-size: 0.2651rem;
                margin: 0.0241rem 0.1687rem 0.0482rem;
                display: inline-block;
            }

                .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .tag-list .tag:last-of-type {
                    margin-right: 0;
                }

                .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .tag-list .tag {
                    background: #f3f3f3;
                    display: inline-block;
                    padding: 0 0.0723rem;
                    border-radius: 0.0241rem;
                    vertical-align: middle;
                    margin-right: 0.1205rem;
                }

                .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .tag-list .addtag {
                    display: inline;
                    padding: 0 0.0723rem;
                    border-radius: 0.0241rem;
                    vertical-align: middle;
                    margin-right: 0.1205rem;
                }

                .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .tag-list .addtagmr {
                    background: #f3f3f3;
                    display: inline;
                    padding: 0 0.0723rem;
                    border-radius: 0.0241rem;
                    vertical-align: middle;
                    margin-right: 0.1205rem;
                }

            .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .cert {
                color: #666;
                font-size: 0.3374rem;
            }

                .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .cert .cert-name {
                    width: 2.169rem;
                    display: inline-block;
                    vertical-align: middle;
                    position: relative;
                    padding-right: 0.723rem;
                    box-sizing: border-box;
                }

                    .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .cert .cert-name b {
                        display: inline-block;
                        vertical-align: middle;
                        position: relative;
                    }

                .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .base .cert .cert-no {
                    display: inline-block;
                    vertical-align: middle;
                }

        .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .select-wrapper {
            height: 100%;
            position: absolute;
            z-index: 1;
            right: 0;
            top: 0;
        }

            .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .select-wrapper .select.sis-checkbox {
                display: block;
            }

            .mihawk-passenger-list-wrapper .main .list-wrapper .list > li .select-wrapper .select {
                position: absolute;
                z-index: 1;
                right: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
            }

.sis-checkbox-inner {
    position: relative;
    width: 0.48rem;
    height: 0.48rem;
    border: 0.0267rem solid #9dd6bf;
    border-radius: 0.0533rem;
    background-color: #fff;
    transition: all .3s;
    box-sizing: content-box;
}

    .sis-checkbox-inner:after {
        content: "";
        position: absolute;
        border-right: 0.0533rem solid #f0faf7;
        border-bottom: 0.0533rem solid #f0faf7;
        width: 0.107rem;
        height: 0.24rem;
        transform: rotate( 45deg);
        left: 0.16rem;
        top: 0.0533rem;
        box-sizing: content-box;
    }

    .sis-checkbox-inner.circle {
        border-radius: 100%;
    }

    .sis-checkbox-inner.is-checked {
        background: #49a3e5;
        border: 0.0267rem solid #49a3e5;
    }

.mihawk-passenger .sis-checkbox-inner {
    box-sizing: content-box !important;
    display: inline-block;
}

.sis-checkbox-inner.is-checked:after {
    border-right: 0.0482rem solid #fff;
    border-bottom: 0.0482rem solid #fff;
}

.sis-checkbox-original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1;
}

.mihawk-passenger .half-border:after {
    content: "";
    display: block;
    width: 200%;
    height: 1px;
    background: #d1d1d1;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scale(.5);
    transform-origin: 0 0;
}

.sis-checkbox-inner, .touch .sis-checkbox-inner {
    border: 1px solid #49a3e5;
}

.contentpassedit {
    text-align: left;
}

.mihawk-passenger-edit-wrapper > .main > .contentpassedit {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 10rem;
    height: 100%;
    background: #efeff4;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999;
    padding: 0.1928rem;
    box-sizing: border-box;
    margin: 0 auto;
}

.mihawk-passenger-edit-wrapper .card {
    background: #fff;
    border-radius: 0.0964rem;
    margin-top: 0.1928rem;
    color: #333;
    font-size: 0.3856rem;
}

    .mihawk-passenger-edit-wrapper .card .item {
        margin: 0 0.3856rem;
        display: flex;
        padding: 0.4097rem 0;
        flex-wrap: wrap;
        line-height: 0.5061rem;
    }

.mihawk-passenger .half-border {
    position: relative;
}

.mihawk-passenger-edit-wrapper .card .item label {
    color: #666;
    display: block;
    width: 2.2895rem;
    line-height: 0.5061rem;
}

.mihawk-passenger-edit-wrapper .card .item .right {
    flex: 1;
    position: relative;
}

    .mihawk-passenger-edit-wrapper .card .item .right input {
        width: 100%;
        height: 0.5061rem;
        line-height: 0.5061rem;
        border: none;
        font-size: 0.3856rem;
        color: #333;
        padding: 0;
        outline: 0;
    }

.mihawk-passenger-edit-wrapper .card .item .err.tile {
    width: 100%;
    padding-top: 0.3615rem;
}

.mihawk-passenger-edit-wrapper .card .item .err.warning {
    color: #e4ad00;
}

.mihawk-passenger-edit-wrapper .card .item .err {
    padding-top: 0.1205rem;
    color: #ff5346;
    font-size: 0.2892rem;
    line-height: 0.3856rem;
    transition: all .3s;
}

.mihawk-passenger-edit-wrapper .btn-wrapper, .orderdetail-box .btn-wrapper {
    background: #fff;
    position: fixed;
    z-index: 1000;
    width: 10rem;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.571rem;
    box-sizing: content-box;
    margin: 0 auto;
}

    .mihawk-passenger-edit-wrapper .btn-wrapper:before, .orderdetail-box .btn-wrapper:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        width: 200%;
        top: 0;
        height: 1px;
        background: #dbdbdb;
        transform: scale(.5);
        transform-origin: 0 0;
    }

    .mihawk-passenger-edit-wrapper .btn-wrapper .btn-wrapper-inner, .orderdetail-box .btn-wrapper .btn-wrapper-inner {
        margin: 0.241rem 0.3615rem;
        display: flex;
    }

    .mihawk-passenger-edit-wrapper .btn-wrapper .btn.btn-del, .orderdetail-box .btn-wrapper .btn.btn-del {
        margin-right: 0.1205rem;
        color: #666;
        background: #fff;
        box-shadow: none;
        border: 1px solid #ccc;
        font-weight: 500;
    }

    .mihawk-passenger-edit-wrapper .btn-wrapper .btn, .orderdetail-box .btn-wrapper .btn {
        flex: 1;
        border-radius: 0.6025rem;
        height: 1.0845rem;
        line-height: 1.0845rem;
        text-align: center;
        background: linear-gradient( 90deg,#49a3e5, #2ca7ff);
        font-size: 0.482rem;
        font-weight: 700;
        color: #fff;
        box-sizing: border-box;
        margin: 0rem 0.2rem;
    }

.gobank {
    background: #fff !important;
    color: #666 !important;
    border: 1px solid #ccc;
}

.mihawk-passenger-edit-wrapper .btn-wrapper .btn.disabled, .orderdetail-box .btn-wrapper .btn.disabled {
    opacity: .5;
    color: #efecec;
}

.mihawk-passenger .mihawk-app.background {
    background: linear-gradient( 90deg,#49a3e5, #2ca7ff);
    box-shadow: 0 2px 4px rgb(35 190 174 / 40%);
}

.plus-city-container, .plus-date-container, .plus-cabin-container {
    width: 10rem;
    height: 17.5rem;
    margin: 0 auto;
    z-index: 999;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

    .plus-city-container .plus-header, .plus-date-container .plus-header, .plus-cabin-container .plus-header {
        justify-content: space-between;
        padding-top: 0.2rem;
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        padding-left: 0.4rem;
        padding-right: 0.2rem;
        transition: padding-bottom 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        will-change: padding-bottom, height;
        height: 1.562667rem;
    }

        .plus-city-container .plus-header .header-title, .plus-date-container .plus-header .header-title, .plus-cabin-container .plus-header .header-title {
            will-change: transform, height;
            transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        }

        .plus-city-container .plus-header .title, .plus-date-container .plus-header .title, .plus-cabin-container .plus-header .title {
            display: inline-block;
            font-weight: 500;
            font-size: 0.55rem;
            color: #333;
            letter-spacing: 0.014933rem;
            line-height: 1.152rem;
        }

        .plus-city-container .plus-header .close, .plus-date-container .plus-header .close, .plus-cabin-container .plus-header .close {
            text-align: center;
            width: 1.024rem;
            height: 1.024rem;
            float: right;
        }

    .plus-city-container .search-bar-wrap {
        display: flex;
        justify-content: space-between;
    }

    .plus-city-container .search-bar.strech {
        width: 92%;
    }

    .plus-city-container .search-bar {
        height: 1.0648rem;
        background: #F8F8F8;
        border: 0.021333rem solid #EFEFEF;
        border-radius: 2.133333rem;
        padding-left: 0.212rem;
        padding-right: 0.212rem;
        align-items: center;
        will-change: width;
        transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        display: flex;
    }

        .plus-city-container .search-bar .search-bar-input {
            display: flex;
            width: 100%;
            background-color: #f8f8f8;
            caret-color: #0086F6;
            font-size: 0.40rem;
            border: 0;
            color: #333;
        }

    .plus-city-container .plus-content {
        position: absolute;
        left: 0;
        right: 0;
        will-change: transform;
        top: 2.266667rem;
        bottom: 0;
    }

        .plus-city-container .plus-content .tabs {
            position: relative;
            top: 0;
            display: flex;
            justify-content: center;
            height: 1rem;
            will-change: opacity, top;
        }

            .plus-city-container .plus-content .tabs .tab-wrapper {
                display: inline-block;
                width: 2.5rem;
                height: 1rem;
            }

                .plus-city-container .plus-content .tabs .tab-wrapper .tab {
                    margin: auto;
                    padding: 0.448rem 0 0.213333rem 0;
                    align-self: center;
                    font-size: 0.43rem;
                    color: #666;
                }

                    .plus-city-container .plus-content .tabs .tab-wrapper .tab.active {
                        color: #0086F6;
                        font-weight: 500;
                        border-radius: 0.042667rem;
                    }

.underline {
    position: absolute;
    height: 0.085333rem;
    background-color: #0086f6;
    width: 0.853333rem;
    border-radius: 0.042667rem;
}

.pane-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 1.2rem;
    bottom: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.tab-panel {
    flex-shrink: 0;
    width: 100%;
    transition: opacity 0.3s;
    opacity: 1;
}

.plus-city-container .tab-panel {
    background: #fff;
}

.plus-city-container .plus-content .scroll-board {
    border-top: 0.021333rem solid #E4E4E4;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.plus-city-container .plus-container {
    width: 100%;
    overflow: hidden;
}

.plus-city-container .separator {
    padding: 0.113rem 0.342rem 0.113rem 0.342rem;
    font-size: 0.27rem;
    color: #999;
    background: #f8f8f8;
}

.plus-city-container .plus-container .city-content {
    margin: 0.173rem;
}

.plus-city-container .city-block {
    position: relative;
    padding: 0 0.085rem;
    margin-bottom: 0.175rem;
    float: left;
    box-sizing: border-box;
}

.plus-city-container .city.narrowHeight {
    height: 0.965rem;
}

.plus-city-container .city.active {
    color: #0086F6;
    border-color: #0086F6;
}

.plus-city-container .city {
    border: 0.02rem solid #EFEFEF;
    border-radius: 0.085rem;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 0.38rem;
    color: #333;
    height: 1.109rem;
}

    .plus-city-container .city .ellipsis {
        width: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.calendarWeek {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 0.552rem;
    padding: 0 0.170667rem;
}

.weekItem {
    width: 14.28571%;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 0.275rem;
    color: #666;
}

.redFont {
    color: #ff3a30;
}

.date-list {
    position: absolute;
    top: 2.6rem;
    left: 0;
    right: 0;
    bottom: 1rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

.date-card {
    width: 100%;
}

    .date-card h4 {
        margin: 0;
        text-align: center;
        font-size: 0.4rem;
        height: 1rem;
        line-height: 1rem;
        background-color: #eee;
        font-weight: 500;
        color: #444;
    }

    .date-card .day-list {
        margin: 0.3rem 0;
    }

.day-card {
    width: 100%;
    height: 1.41414rem;
}

.sp_cb {
    color: #bbb;
}

.icon-chaxunchufadaoda:before {
    content: url(/image/qiehuan_icon.png);
}

.icon-ok3:before {
    content: url(/image/square_check.png);
}

.icon-iconfontgouxuan:before {
    content: url(/image/square.png)
}

.page-header h2 {
    line-height: 44px;
    font-size: 18px;
    padding: 0 88px;
    text-align: center;
    font-weight: 400;
    font-weight: 700;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.ui-mask {
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: .8;
    display: none;
    z-index: 1001;
    width: 100%;
    height: 100%;
}

.ui-dialog {
    overflow: hidden;
    margin: 0 auto;
    z-index: 1002;
    position: absolute;
    left: 0;
    top: -10000px;
    display: none;
    background-color: #fff;
    border-radius: 0.2892rem;
}

body .ui-dialog .ui-dialog-content {
    padding: 0.482rem 0 0 0;
    font-size: 0.4338rem;
    position: relative;
}

.ui-dialog-btns {
    table-layout: fixed;
    display: table;
    border-collapse: collapse;
    margin: 0.4579rem 0 0;
    width: 100%;
}

    .ui-dialog-btns .ui-btn:last-child {
        border-right: 0 none;
    }

    .ui-dialog-btns .ui-btn:first-child {
        border-left: 0 none;
    }

body .ui-dialog-btns .ui-btn {
    color: #00c777;
    background: #fff;
}

.ui-dialog-btns .ui-btn {
    padding: 0;
    font-size: 0.4338rem;
    width: 100%;
    display: table-cell;
    float: none;
    text-align: center;
    height: 1.205rem;
    line-height: 1.205rem;
    color: #46d264;
    border: 0.0241rem solid #ccc;
    background-color: #f7f7f7;
    border-bottom: 0 none;
    cursor: pointer;
}

.mihawk-passenger-list-wrapper .footer-wrapper {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    background: #fff;
    box-shadow: 0 -1px 0 #dbdbdb;
    box-sizing: border-box;
    width: 10rem;
}

.footer-wrapper .footer {
    padding: 0.241rem 0.3615rem;
}

    .footer-wrapper .footer .confirm.disable {
        opacity: .5;
    }

    .footer-wrapper .footer .confirm {
        text-align: center;
        color: #fff;
        font-size: 0.482rem;
        padding: 0.20485rem 0;
        border-radius: 1.0845rem;
    }

.mihawk-passenger .mihawk-app.background {
    background: linear-gradient( 90deg,#49a3e5, #2ca7ff);
    box-shadow: rgb(25 157 197 / 10%);
}

.contents {
    text-align: center;
}

.login_state_on {
    background: linear-gradient(to top, #49a3e5, #a9cfea);
}

.member_state_con {
    background: linear-gradient(to top, #49a3e5, #a9cfea);
    max-width: 15.424rem;
    min-width: 7.712rem;
    height: 3.0125rem;
    background-size: 100%;
    position: relative;
    margin: 0 auto;
}

.headimg img {
    width: 1.571rem;
    height: 1.571rem;
    margin: 0.723rem 0 0 0.6025rem;
    border-radius: 1.205rem;
}

.headerinfo {
    margin: 0.723rem 0 0 0.3615rem;
    text-align: left;
}

    .headerinfo p {
        line-height: 0.6748rem;
    }

    .headerinfo span {
        font-size: 0.4338rem;
        color: #fff;
    }

.go_verify {
    width: 2.41rem;
    height: 0.6748rem;
    display: inline-block;
    margin-left: 0.1446rem;
}

    .go_verify span {
        display: inline-block;
        padding: 0.0241rem 0.2169rem;
        height: 0.482rem;
        line-height: 0.482rem;
        background-color: rgba(255,255,255,.25);
        border-radius: 0.482rem;
        margin-top: 0.1446rem;
        color: #fff;
        font-size: 0.241rem;
    }

.contents .navblock {
    margin: 0 auto;
    min-height: 4.8923rem;
    padding: 0 0 1.205rem 0;
}

    .contents .navblock .art_order {
        margin-bottom: 0.241rem;
    }

    .contents .navblock .myorder {
        padding: 0.1928rem 0 0.2169rem 1.1327rem;
    }

    .contents .navblock .divblock {
        line-height: 0.6266rem;
        text-align: left;
        color: #333;
        padding: 0.2169rem 0 0.2169rem 0;
        font-size: 0.3856rem;
        cursor: default;
    }

    .contents .navblock a {
        display: block;
        color: #333;
        font-size: 0.3856rem;
        font-weight: 400;
    }

.bg_gray_d {
    background-color: #fff;
    color: #333;
    font-size: 0.723rem;
    position: relative;
}

.contents .navblock .bg_gray_d:nth-last-child(n+2) .divblock::after {
    height: 0.0241rem;
    content: '';
    width: 100%;
    border-bottom: 0.0241rem solid #e9e9e9;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5);
}

.c_l_menu {
    background: url(/image/order.png) no-repeat;
    width: 0.5784rem;
    height: 0.5784rem;
    margin-left: 0.2651rem;
    margin-top: 0.2169rem;
    background-size: contain;
    left: 0.0964rem;
}

.c_l_xxxingxi {
    background: url(/image/information.png) no-repeat;
    width: 0.5784rem;
    height: 0.5784rem;
    background-size: contain;
    margin-top: 0.2651rem;
}

.c_l_fapiao {
    background: url(/image/invoice.png) no-repeat;
    width: 0.5784rem;
    height: 0.5784rem;
    background-size: contain;
    margin-top: 0.2651rem;
}

.art_order span.arrow {
    top: 0.3374rem;
}

.navblock span.arrow {
    display: inline-block;
    width: 0.4687rem;
    height: 0.3133rem;
    overflow: hidden;
    position: absolute;
    right: 0.3615rem;
    top: 0.4097rem;
    background: url(/image/right.png) no-repeat center;
    background-size: contain;
}

.personinfo {
    padding-left: 0.25rem;
    background-color: #fff;
    margin-bottom: 0.241rem;
}

    .personinfo article {
        position: relative;
    }

.main_box {
    overflow: hidden;
    width: 100%;
}

.clearfix:after, .clearfix:before {
    display: table;
    content: "";
}

.tab_con .item {
    background-color: #fff;
    margin: 0 2.1875% 3.125% 2.1875%;
    position: relative;
    color: #666;
    background-clip: padding-box;
    overflow: hidden;
    border-radius: 3px;
    padding: 0 0.5rem 0 0.5rem;
}

    .tab_con .item > div {
        position: relative;
        z-index: 2;
    }

.item_name {
    height: 1.0845rem;
}

    .item_name p {
        height: 1.0845rem;
        line-height: 1.0845rem;
        font-size: 0.38rem;
        color: #5d5d5d;
    }

    .item_name .unsucced {
        color: #999;
        max-width: 5rem;
        overflow: hidden;
        height: 0.5302rem;
    }

    .item_name span {
        font-size: 0.38rem;
        color: #999;
        position: absolute;
        right: 0;
        top: 0.25rem;
    }

    .item_name p img {
        width: 0.5rem;
        height: 0.5rem;
        vertical-align: middle;
        margin-top: -3px;
    }

.order_con {
    padding-bottom: 0.3374rem;
    border-width: 1px 0 1px 0;
    border-image: url() 2 0 stretch;
}

    .order_con h2.title_h {
        height: 0.5rem;
    }

    .order_con h2 {
        color: #333;
        font-size: 0.45rem;
        line-height: 0.542rem;
        height: 0.5rem;
        padding-top: 0.3374rem;
        margin-bottom: 0.2892rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-weight: 400;
    }

    .order_con > p {
        color: #878787;
        font-size: 0.35rem;
    }

    .order_con > span {
        font-size: 0.39rem;
        color: #ff6257;
        position: absolute;
        right: 0;
        bottom: 0.35rem;
    }
.express_con > p {
    color:#333;
}

.content {
    margin: 0 auto;
    width: 10rem;
    min-height: 100%;
    background-color: #edf0f5;
    overflow-y: hidden;
}

.center-div {
    width: 10rem;
    height: 1.15rem;
    background-color: #fff;
    border-bottom: 0.04143rem solid #eee;
}

.flight-head {
    position: fixed;
    width: 10rem;
    text-align: center;
    font-size: 0.55rem;
    padding: 0.2rem 0rem;
    z-index: 1;
}

    .flight-head ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

ul li {
    margin-left: 0.2rem;
}

.page-back {
    height: 1.173rem;
    width: 1.173rem;
    position: absolute;
    left: 0;
    top: 0;
}

    .page-back:before {
        content: "";
        display: block;
        width: 0.7rem;
        height: 0.5rem;
        margin: 0.4267rem 0 0 0.4rem;
        background: url(/image/return_blue.png) no-repeat;
        background-size: contain;
    }

.page-home {
    height: 1.173rem;
    width: 1.173rem;
    position: absolute;
    right: 0;
    top: 0;
}

    .page-home:before {
        content: "";
        display: block;
        width: 0.7rem;
        height: 0.5rem;
        margin: 0.4267rem 0 0 0.4rem;
        background: url(/image/home.png) no-repeat;
        background-size: contain;
    }

.top-bg-wrap {
    width: 100%;
    min-height: 3.374rem;
    padding: 0 0.747rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    background: linear-gradient(to top, #49a3e5, #a9cfea);
}

.orderdetail-box {
    position: relative;
    height: 100%;
    background-color: #efeff4;
    width: 10rem;
    margin: 0 auto;
}

.orderdetailsnew-wrap {
    padding-top: 0.133rem;
    position: relative;
    color: #333;
    font-size: 0.4rem;
    z-index: 1;
    overflow: auto;
    height: 91%;
}

    .orderdetailsnew-wrap .top-wrap {
        width: 100%;
        min-height: 0.64rem;
    }

.detail-info-box {
    margin: 0 0.213rem;
}

    .detail-info-box .orderdetails-info {
        width: 100%;
        min-height: 2.667rem;
        background: #fff;
        padding: 0.4rem;
        border-radius: 0.213rem;
        display: inline-block;
        position: relative;
        box-sizing: border-box;
    }

        .detail-info-box .orderdetails-info .info-price-box {
            padding-bottom: 0.107rem;
            font-size: 0.56rem;
            font-weight: 700;
            color: #2f4b66;
            position: relative;
        }

            .detail-info-box .orderdetails-info .info-price-box span {
                vertical-align: middle;
                font-weight: 700;
            }

            .detail-info-box .orderdetails-info .info-price-box .showDetails {
                float: right;
                font-size: 0.32rem;
                color: #2f4b66;
                line-height: 0.8rem;
                background: url(/image/right.png) no-repeat 100%;
                background-size: 0.4rem;
                padding-right: 0.4rem;
                margin-left: 0.133rem;
                font-weight: 400;
            }

            .detail-info-box .orderdetails-info .info-price-box .info-price-tag {
                float: right;
                line-height: 0.8rem;
            }

        .detail-info-box .orderdetails-info .tag-read, .detail-info-box .orderdetails-info p {
            font-size: 0.347rem;
            color: #666;
            display: inline-block;
            padding-bottom: 0.107rem;
            width: 100%;
        }

.flightListbox {
    width: 100%;
    padding: 0 0.213rem;
    box-sizing: border-box;
}

.page-segs-wrap {
    margin: 0.213rem 0;
    width: 100%;
    border-radius: 0.213rem;
    padding: 0 0.267rem;
    box-sizing: border-box;
    background-color: #fff;
}

.valid-gap {
    padding-bottom: 0.427rem;
}

.page-segs-wrap .title-wrap {
    width: 100%;
    padding: 0 0 0 0.133rem;
    height: 1.707rem;
    line-height: 1.707rem;
    display: -webkit-flex;
    box-sizing: border-box;
    font-size: 0.373rem;
}

    .page-segs-wrap .title-wrap .title-left {
        -webkit-flex: 1;
        font-size: 0.533rem;
        color: #333;
        font-weight: 700;
        line-height: 1.707rem;
    }

.flight-list {
    border-radius: 0.133rem;
    box-shadow: 0 -2px 0.107rem 0 rgb(0 0 0 / 6%), 0 2px 0.107rem 0 rgb(0 0 0 / 6%);
    margin-bottom: 0.21rem;
}

    .flight-list .messagebox {
        position: relative;
    }

        .flight-list .messagebox::after {
            content: "";
            box-sizing: border-box;
            position: absolute;
            width: 200%;
            height: 200%;
            left: 0;
            top: 0;
            transform: scale(.5);
            transform-origin: 0 0;
            border-top: 1px solid #dcdcdc;
        }

        .flight-list .messagebox .messagebox-wrap {
            margin: 0 0.32rem;
        }

    .flight-list .message-box-top {
        width: 100%;
        padding: 0.16rem 0 0.267rem;
        box-sizing: border-box;
    }

    .flight-list .messagebox .top {
        padding: 0.32rem 0 0.16rem;
        line-height: 5.0666666666667vw;
        overflow: hidden;
        display: -webkit-box;
        box-sizing: border-box;
    }

        .flight-list .messagebox .top span {
            font-weight: 700;
            font-size: 0.427rem;
            line-height: 0.507rem;
            display: block;
            -webkit-box-flex: 1;
        }

    .flight-list .message-box-top .center {
        text-align: left;
    }

    .flight-list .messagebox .center .air-message {
        color: #666;
        font-size: 0.32rem;
        padding-bottom: 0.32rem;
    }

    .flight-list .messagebox .center .no-real-content {
        display: -webkit-box;
    }

    .flight-list .messagebox .center .air-message .flightLB_22 {
        width: 0.293rem;
        height: 0.293rem;
        vertical-align: middle;
        margin-right: 0.08rem;
        position: relative;
        top: 0.107rem;
    }

    .flight-list .messagebox .center .air-message .flightLB_32_block {
        display: block;
    }

    .flight-list .messagebox .center .middle-txt {
        display: block;
        width: 0;
        -webkit-box-flex: 1;
        padding-right: 0.133rem;
    }

    .flight-list .messagebox .center .air-time {
        width: 100%;
        display: -webkit-box;
    }

        .flight-list .messagebox .center .air-time .air-time-left {
            width: 0;
            -webkit-box-flex: 1;
            text-align: center;
            padding-right: 0.133rem;
        }

        .flight-list .messagebox .center .air-time .inner-wrap {
            display: inline-block;
            text-align: center;
        }

        .flight-list .messagebox .center .air-time .time {
            font-size: 0.64rem;
            font-weight: 700;
            color: #333;
            font-family: Arial;
            position: relative;
        }

        .flight-list .messagebox .center .air-time .airports {
            color: #666;
            font-size: 0.32rem;
            margin-top: 1px;
        }

        .flight-list .messagebox .center .air-time .air-time-middle {
            max-width: 2.667rem;
            min-width: 2.213rem;
            background: #fff;
            display: -webkit-box;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-box-orient: vertical;
            margin-left: 0.133rem;
            margin-right: 0.133rem;
        }

        .flight-list .messagebox .center .air-time .stop {
            position: relative;
            width: 100%;
            height: 0.187rem;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAY4AAAAcCAMAAABBA6iyAAAANlBMVEUAAADPz8/Nzc3Nzc3MzMzMzMzNzc3MzMzNzc3MzMzOzs7Nzc3Ozs7Q0NDU1NTMzMzY2NjMzMyZtU/qAAAAEXRSTlMAI/hX7djHvq6qgXU/MQzZDb0ET+IAAAETSURBVGje7drLEoIwDIXhpC0gyMW8/8saRsdRkGSVrM63wBF2P0OBUvpYpmErZRumhSCWX7x28tFVgjh+ce7lR88EQfzic5ODNhOE8IvPRVQZK68r1/H1D+cjhF+cm6gb0xvfRDWMVxH84r2oO325i+oJAnjF6/vY6SierwK4xbv9uqGD/erpCALYxRf9KUwHvN9d8D4YwCk+6Xakk1F3TwQBzOKDbuv/8W0gCGAW33TLdMICQcp18Y32gyudrAJRrouXq9PxEIhyXbxhsErkD1a4lWczi+NBN5tZHK+B2czimCTJZhXHFGI2szgm2LNZxfH5KZtZHB9ns1nFsXQhm1UcC3uyWcWx7C2bXxyLQhP5xZ9iUn+11ohafQAAAABJRU5ErkJggg==) no-repeat;
            background-position-y: 1px;
            background-size: contain;
            text-align: center;
        }

            .flight-list .messagebox .center .air-time .stop .stop-city {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                display: inline-block;
                padding: 1px 0.08rem;
                background: #fff;
                border: 1px solid #999;
                border-radius: 0.267rem;
                color: #999;
                font-size: 0.267rem;
                white-space: nowrap;
                max-width: 1.787rem;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .flight-list .messagebox .center .air-time .air-time-right {
            width: 0;
            -webkit-box-flex: 1;
            text-align: center;
            padding-left: 0.133rem;
        }

    .flight-list .messagebox .bottom {
        padding: 0 0.213rem 0.08rem 0.32rem;
        box-sizing: border-box;
        font-size: 0.373rem;
        color: #666;
        border-radius: 2px;
    }

    .flight-list .messagebox .change-refund {
        position: relative;
        line-height: 1.2rem;
        font-size: 0.373rem;
        padding: 0 0.613rem 0 0.32rem;
        box-sizing: border-box;
        color: #333;
    }

        .flight-list .messagebox .change-refund:before {
            content: "";
            box-sizing: border-box;
            position: absolute;
            width: 200%;
            height: 200%;
            left: 0;
            top: 0;
            transform: scale(.5);
            transform-origin: 0 0;
            border-top: 1px solid #dcdcdc;
        }

        .flight-list .messagebox .change-refund .seckill-tip {
            float: right;
            margin-top: -1px;
        }

            .flight-list .messagebox .change-refund .seckill-tip .tip-span {
                position: relative;
                font-size: 0.267rem;
                color: #333;
                padding: 1px 0.133rem;
                margin-right: 0.133rem;
            }

                .flight-list .messagebox .change-refund .seckill-tip .tip-span:after {
                    content: "";
                    position: absolute;
                    width: 200%;
                    height: 200%;
                    left: 0;
                    top: 0;
                    transform: scale(.5);
                    transform-origin: 0 0;
                    border: 1px solid #ccc;
                    border-radius: 2px;
                }

        .flight-list .messagebox .change-refund .baggage-label {
            position: absolute;
            right: 0.213rem;
            top: 2px;
            width: 35%;
            text-align: right;
        }

            .flight-list .messagebox .change-refund .baggage-label:after {
                content: "";
                display: inline-block;
                height: 0.373rem;
                width: 0.373rem;
                background: url(/image/right.png) no-repeat;
                background-size: contain;
                margin-left: 0.187rem;
            }

.details-passenger-wrap {
    background: #fff;
    border-radius: 0.213rem;
    margin: 0.213rem;
    padding: 0 0.4rem;
    box-sizing: border-box;
}

    .details-passenger-wrap .details-title {
        overflow: hidden;
        height: 1.493rem;
        position: relative;
        line-height: 1.493rem;
    }

        .details-passenger-wrap .details-title .details-title-left {
            display: flex;
            align-items: center;
        }

            .details-passenger-wrap .details-title .details-title-left label {
                font-size: 0.533rem;
                font-weight: 700;
                color: #333;
            }

    .details-passenger-wrap .details-wrap {
        width: 100%;
        box-sizing: border-box;
    }

    .details-passenger-wrap .details-passenger {
        overflow: hidden;
        padding: 0.16rem 0 0.4rem;
        position: relative;
        font-size: 0.427rem;
        display: -webkit-flex;
    }

        .details-passenger-wrap .details-passenger:before {
            content: "";
            box-sizing: border-box;
            position: absolute;
            width: 200%;
            height: 200%;
            left: 0;
            top: 0;
            transform: scale(.5);
            transform-origin: 0 0;
            border: solid #dcdcdc;
            border-width: 0 0 1px;
            border-radius: 0;
        }

        .details-passenger-wrap .details-passenger label {
            color: #666;
            display: block;
            width: 2rem;
        }

        .details-passenger-wrap .details-passenger .list {
            -webkit-flex: 1;
            font-size: 0.347rem;
            line-height: 0.64rem;
        }

            .details-passenger-wrap .details-passenger .list .name {
                color: #333;
                font-size: 0.427rem;
            }

            .details-passenger-wrap .details-passenger .list .cert {
                color: #666;
                font-size: 0.347rem;
            }

            .details-passenger-wrap .details-passenger .list span {
                margin-right: 0.08rem;
            }

    .details-passenger-wrap .details-phone {
        overflow: hidden;
        padding: 0.453rem 0;
        display: -webkit-flex;
    }

        .details-passenger-wrap .details-phone label {
            display: block;
            margin-right: 0.293rem;
            font-size: 0.427rem;
            color: #666;
        }

        .details-passenger-wrap .details-phone .tel {
            -webkit-flex: 1;
            font-size: 0.427rem;
            position: relative;
            vertical-align: middle;
        }

            .details-passenger-wrap .details-phone .tel span {
                position: relative;
                top: 0.08rem;
            }

            .details-passenger-wrap .details-phone .tel:after {
                content: "";
                display: inline-block;
                position: absolute;
                height: 0.4rem;
                width: 0.4rem;
                right: 0;
                top: 2px;
                background: url(/image/edit.png) no-repeat;
                background-size: cover;
                vertical-align: middle;
            }

.mileage-online-live {
    background: #fff;
    margin: 0.213rem;
    border-radius: 0.213rem;
    padding-bottom: 0.4rem;
}

.details-mileage-wrap {
    border-top-left-radius: 0.213rem;
    border-top-right-radius: 0.213rem;
    background-color: #fff;
    font-size: 0.427rem;
    padding: 0 0.4rem;
    box-sizing: border-box;
}

    .details-mileage-wrap .serial-no {
        height: 1.44rem;
        display: -webkit-flex;
        -webkit-align-items: center;
    }

    .details-mileage-wrap .order-no-name {
        color: #666;
        width: 1.973rem;
    }

    .details-mileage-wrap .order-no {
        color: #333;
        margin-right: 0.133rem;
    }

    .details-mileage-wrap .copy {
        display: inline-block;
        font-size: 0.267rem;
        color: #2f4b66;
        padding: 0 0.187rem;
        text-align: center;
        line-height: 0.4rem;
        position: relative;
        margin-left: 2px;
    }

        .details-mileage-wrap .copy:after {
            content: "";
            box-sizing: border-box;
            position: absolute;
            width: 200%;
            height: 200%;
            left: 0;
            top: 0;
            border-radius: 0.107rem;
            transform: scale(.5);
            transform-origin: 0 0;
            border: 1px solid #2f4b66;
        }

.Result_Icon {
    display: flex;
    justify-content: center;
    padding: 0.7rem 0rem;
}

#PayRet {
    height: 100%;
    background-color: #fff;
}


.Result_Text {
    font-size: 0.45rem;
    font-weight: 600;
    text-align: center;
}

.Result_Detail {
    margin: 0.6rem 0.5rem 0.3rem 0.5rem;
    border-bottom: 0.04143rem solid #eee;
    padding-bottom: 0.5rem;
}

    .Result_Detail ul {
        line-height: 0.8rem;
        font-size: 0.36rem;
        font-weight: 600;
    }

        .Result_Detail ul li {
            color: #6D6D6D;
        }

            .Result_Detail ul li .money {
                color: #FF6633;
            }

.backchoice {
    margin-top: 1.5rem;
}

    .backchoice .choice_button {
        width: 10rem;
    }

        .backchoice .choice_button div {
            height: 1.25rem;
            margin: 0.5rem 1rem;
            border: 0.0723rem solid #eee;
            line-height: 1.25rem;
            text-align: center;
            border-radius: 0.8rem;
            font-size: 0.4rem;
            font-weight: 500;
            color: #6D6D6D;
        }

        .backchoice .choice_button .back_home {
            border: none;
            background: linear-gradient( 90deg,#49a3e5,#49a3e5);
            color: #fff;
        }

.book-new-con {
    background: #edf0f5;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.calendar-header {
    height: 1.867rem;
    display: flex;
    background: #fff;
    position: relative;
    z-index: 10;
    border-radius: 0 0 0.107rem 0.107rem;
}

    .calendar-header .calendar-scroll-container {
        display: flex;
        flex: 1;
        position: relative;
        width: 100%;
        overflow: scroll;
        box-shadow: 0 0.0482rem 0.107rem 0 rgb(0 0 0 / 4%);
        border-radius: 0 0 0.107rem 0.107rem;
        transition: transform 1s ease-in 1s,-webkit-transform 1s ease-in 1s;
        align-items: center;
        overflow-y: hidden;
    }

        .calendar-header .calendar-scroll-container ul {
            display: flex;
            transition: .6s;
        }

        .calendar-header .calendar-scroll-container li {
            display: flex;
            width: 1.627rem;
            height: 1.44rem;
            margin-left: 0.213rem;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            font-size: 0.267rem;
            position: relative;
        }

            .calendar-header .calendar-scroll-container li span {
                line-height: 1;
            }

            .calendar-header .calendar-scroll-container li strong {
                font-size: 0.533rem;
                font-weight: 700;
                line-height: 1;
                padding: 0.0482rem 0;
            }

            .calendar-header .calendar-scroll-container li.active {
                color: #49a3e5;
                background: none !important;
            }

                .calendar-header .calendar-scroll-container li.active:after {
                    content: " ";
                    position: absolute;
                    width: 0.853rem;
                    height: 0.107rem;
                    background: #49a3e5;
                    bottom: -0.107rem;
                    box-shadow: 0 0.0482rem 0.08rem 0 rgb(0 199 119 / 30%);
                    left: 0.373rem;
                }

.book-new-con .main-con {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-bottom: 1.333rem;
    overflow: scroll;
    overscroll-behavior: contain;
}

.book-new-con .ppp {
    position: relative;
}

.notice-box-wrap {
    background: #fff9f2;
    border-radius: 0.107rem;
    margin: 0.213rem 0.213rem 0;
    padding: 0.213rem 0.32rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
}

    .notice-box-wrap .notice-label {
        font-size: 0.32rem;
        font-weight: 400;
        color: #f63;
        padding-left: 0.533rem;
        padding-right: 0.267rem;
        background: url(/image/tongzhi.png) 0 no-repeat;
        background-size: 0.32rem 0.32rem;
        white-space: nowrap;
    }

    .notice-box-wrap .notice-list-titles {
        font-size: 0.32rem;
        font-weight: 400;
        color: #666;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 4.8rem;
        overflow: hidden;
    }

    .notice-box-wrap .red-point {
        content: "";
        position: absolute;
        right: 0.64rem;
        top: 40%;
        width: 0.213rem;
        height: 0.213rem;
        border-radius: 50%;
        background: #ff6257;
    }

.book-new-con .flight-straight {
    position: relative;
    overflow: hidden;
    padding: 0 0.32rem;
    margin: 0.213rem 0.213rem 0;
    background: #fff;
    border-radius: 0.107rem;
    z-index: 2;
}

.flight-container {
    display: flex;
}

    .flight-container .flight-icon {
        width: 0.633rem;
        height: 1.28rem;
        margin-right: 0.213rem;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .flight-container .flight-desc {
        width: 100%;
    }

.book-new-con .flight-straight .flight-info {
    display: flex;
    justify-content: space-between;
    height: 1.227rem;
    width: 100%;
}

.book-new-con .flight-info .flight-left {
    display: flex;
}

.book-new-con .flight-left .bc-info {
    text-align: left;
    width: 2.35rem;
}

.book-new-con .bc-info .bc-info-time {
    height: 0.64rem;
    font-size: 0.533rem;
    color: #333;
    font-weight: 700;
    line-height: 1;
}

.book-new-con .bc-info .bc-info-station {
    font-size: 0.32rem;
    color: #333;
    line-height: 1;
}

.book-new-con .flight-left .fly-arrowCenter {
    display: flex;
    float: left;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 1.333rem;
    font-size: 0.24rem;
    color: #888;
}

    .book-new-con .flight-left .fly-arrowCenter span {
        width: 1.333rem;
        text-align: center;
    }

    .book-new-con .flight-left .fly-arrowCenter .fly-arrows {
        position: relative;
        height: 1px;
        min-width: 1.473rem;
        background-color: #dcdcdc;
        background-size: 100% 100%;
        margin: 0.133rem 0;
    }

        .book-new-con .flight-left .fly-arrowCenter .fly-arrows:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-bottom: 0.08rem solid #dcdcdc;
            border-right: 0.16rem solid transparent;
            right: -0.08rem;
            top: -0.0482rem;
        }

.book-new-con .flight-left .ac-info {
    text-align: right;
    width: 2.35rem;
    position: relative;
}

.book-new-con .ac-info .ac-info-time {
    height: 0.64rem;
    font-size: 0.53rem;
    color: #333;
    font-weight: 700;
    line-height: 1;
}

.book-new-con .ac-info .ac-info-station {
    font-size: 0.32rem;
    color: #333;
    line-height: 1;
}

.book-new-con .flight-info .flight-right {
    flex: 0.92;
    position: relative;
    text-align: right;
}

.book-new-con .flight-right .right-price {
    font-size: 0.32rem;
    color: #f63;
    font-weight: 700;
    white-space: nowrap;
    line-height: 1;
    margin-bottom: 0.0482rem;
}

.book-new-con .right-price .re-price {
    font-size: 0.533rem;
    font-weight: 700;
}

.book-new-con .flight-right .cabin-lable {
    float: right;
    width: 100%;
    margin-top: -1px;
}

.book-new-con .flight-right .remain-label {
    font-size: 0.267rem;
    color: #999;
    margin-bottom: 0.08rem;
}

.book-new-con .flight-right .market-label {
    clear: both;
    height: 0.48rem;
    font-size: 0.267rem;
    color: #fff;
}

.book-new-con .market-label .base-style, .book-new-con .market-label .label-radius {
    padding: 0 0.0482rem;
    background: rgba(255,102,51,.1);
    border-radius: 0.0482rem;
    color: #f63;
    font-size: 0.267rem;
    overflow: hidden;
    white-space: nowrap;
    height: 0.373rem;
    display: inline-block;
    line-height: 0.373rem;
}

.book-new-con .flight-service-label {
    padding: 0.213rem 0 0.32rem;
    font-size: 0.267rem;
    color: #999;
}

.book-new-con .flight-label-con {
    display: flex;
    line-height: 1;
    font-size: 0.267rem;
    color: #999;
}

.book-new-con .label-com {
    display: flex;
    align-items: center;
}

    .book-new-con .label-com .label-split {
        margin: 0 0.133rem;
        color: #d8d8d8;
        font-style: normal;
    }

.book-new-con .flight-straight .flight-label {
    min-height: 0.24rem;
    font-size: 0.267rem;
    color: #edf0f5;
    margin-bottom: 0.0482rem;
    margin-left: -0.32rem;
}

.book-new-con .animated {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.fixed-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 8;
    box-shadow: 0 -0.08rem 0.16rem 0 rgb(0 0 0 / 6%);
}

    .fixed-footer.slideDown {
        animation-name: slideDownB;
    }

    .fixed-footer .flex-tabs {
        height: 1.133rem;
    }

        .fixed-footer .flex-tabs .tabs-item {
            flex-direction: column;
            color: #999;
        }

            .fixed-footer .flex-tabs .tabs-item.active_icon {
                color: #2f4b66;
                background: none !important;
            }

            .fixed-footer .flex-tabs .tabs-item .item-icon.price {
                background: url(/image/bg-money.png);
                background-size: contain;
                background-repeat: no-repeat;
            }

            .fixed-footer .flex-tabs .tabs-item.active_icon .item-icon.price {
                background: url(/image/bg-money_active.png);
                background-size: contain;
                background-repeat: no-repeat;
            }

            .fixed-footer .flex-tabs .tabs-item .item-icon.time {
                background: url(/image/bg-time.png);
                background-size: contain;
                background-repeat: no-repeat;
            }

            .fixed-footer .flex-tabs .tabs-item.active_icon .item-icon.time {
                background: url(/image/bg-time_active.png);
                background-size: contain;
                background-repeat: no-repeat;
            }

            .fixed-footer .flex-tabs .tabs-item .item-icon {
                width: 0.48rem;
                height: 0.48rem;
                background-size: contain;
            }

        .fixed-footer .flex-tabs, .fixed-footer .flex-tabs .tabs-item {
            display: flex;
            justify-content: center;
            align-items: center;
            flex: 1;
        }

.userterms-box {
    margin: 0 0.213rem 0.213rem;
    border-radius: 0.106rem;
    background-color: #fff;
    position: relative;
}

    .userterms-box .userterms-check {
        position: relative;
        font-size: 0.354rem;
        padding: 0.226rem;
    }

        .userterms-box .userterms-check input[type="radio"], input[type="checkbox"] {
            width: 0.32rem;
            height: 0.32rem;
        }

.main_box .tab_option {
    margin: 0 2.1875% 3.125% 2.1875%;
    position: relative;
    color: #666;
    background-clip: padding-box;
    overflow: hidden;
    border-radius: 3px;
    padding: 0 0.5rem 0 0.5rem;
    margin-top: 0.3rem;
    display: flex;
}

    .main_box .tab_option .option_detail {
        margin-right: 0.205rem;
        color: #666;
        background: #fff;
        box-shadow: none;
        border: 1px solid #ccc;
        font-weight: 500;
        flex: 1;
        height: 0.85rem;
        line-height: 0.85rem;
        text-align: center;
        font-size: 0.382rem;
        border-radius: 0.6025rem;
    }

    .main_box .tab_option .option_active {
        background: linear-gradient( 90deg,#49a3e5, #2ca7ff);
        box-shadow: 0 2px 4px rgb(35 190 174 / 40%);
        font-weight: 700;
        color: #fff;
    }

.detail-info-box .orderdetails-info .base {
    box-sizing: border-box;
    padding-right: 0.6025rem;
}

    .detail-info-box .orderdetails-info .base .name {
        font-size: 0.3856rem;
        color: #333;
        display: inline-block;
        vertical-align: middle;
        max-width: 95%;
        word-break: break-word;
    }


    .detail-info-box .orderdetails-info .base .tag-list {
        vertical-align: middle;
        margin: 0.0241rem 0.1687rem 0.0482rem;
        display: inline-block;
    }

    .detail-info-box .orderdetails-info .base .cert .cert-name {
        width: 2.569rem;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-right: 0.723rem;
        box-sizing: border-box;
    }

    .detail-info-box .orderdetails-info .base .cert .cert-no {
        display: inline-block;
        vertical-align: middle;
        font-weight: 700;
    }

.details-mileage-wrap .order-total {
    font-size: 0.6rem;
    font-weight: 700;
    color: #ff6257;
}

.tab_box .tab_con .item .state {
    height: 0.85rem;
}

    .tab_box .tab_con .item .state .state_button {
        position: absolute;
        right: 0;
        display: flex;
        width: 2.5rem;
    }

        .tab_box .tab_con .item .state .state_button div {
            margin-right: 0.2205rem;
            color: #666;
            background: #fff;
            box-shadow: none;
            border: 1px solid #ccc;
            font-weight: 500;
            flex: 1;
            height: 0.75rem;
            line-height: 0.75rem;
            text-align: center;
            border-radius: 0.6025rem;
            box-sizing: border-box;
            font-size: 0.3rem;
        }

.con_Invoice {
    padding-bottom: 0rem;
}

.color_green {
    color: green !important;
}

.stamp {
    transform: rotate(12deg);
    color: green;
    font-size: 0.5rem;
    font-weight: 700;
    border: 0.1rem solid green;
    display: inline-block;
    padding: 0.15rem 0.775rem;
    text-transform: uppercase;
    border-radius: 1rem;
    font-family: 'Courier';
    mix-blend-mode: multiply;
    position: absolute;
    right: 0;
    /*-webkit-mask-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/8399/grunge.png');*/
}

.is-nope {
    color: #D23;
    border: 0.5rem double #D23;
    transform: rotate(3deg);
    font-size: 2rem;
}

.is-approved {
    color: #ff6257 !important;
    border: 0.1rem solid #ff6257 !important;
}

.is-draft {
    color: #C4C4C4 !important;
    border: 0.1rem solid #C4C4C4 !important;
}

.flight-straight .flight-label .preferlabel {
    position: inherit;
    left: 0px;
    color: rgb(255, 102, 51);
    border-radius: 0.1rem;
    width: 2rem;
    text-align: center;
    padding: 0.05rem 0rem;
    background: #fff9f2;
}

.source {
    background-color: #fff;
}

.registerfrom {
    margin: 0.5784rem;
}


.ressfrom .list {
    overflow: hidden;
}

    .ressfrom .list > li {
        transition: all .5s ease-in;
        position: relative;
        z-index: 2;
        padding: 0.3615rem 0.241rem 0.3615rem 1.3255rem;
    }

        .ressfrom .list > li .edit {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            width: 1.1568rem;
            height: 100%;
            color: #ccc;
            font-size: 0.4097rem;
        }

            .ressfrom .list > li .edit .sis-icon-edit {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 1;
                transform: translate(-50%,-50%);
                font-style: normal;
            }

        .ressfrom .list > li .base {
            box-sizing: border-box;
            padding-right: 0.6025rem;
        }

            .ressfrom .list > li .base .addr {
                max-width: 100%;
            }

            .ressfrom .list > li .base .name {
                font-size: 0.3856rem;
                color: #333;
                display: inline-block;
                vertical-align: middle;
                max-width: 95%;
                word-break: break-word;
            }

                .ressfrom .list > li .base .name > span {
                    font-weight: 700;
                }

            .ressfrom .list > li .base .tag-list {
                vertical-align: middle;
                font-size: 0.2651rem;
                margin: 0.0241rem 0.1687rem 0.0482rem;
                display: inline-block;
            }

                .ressfrom .list > li .base .tag-list .addtag {
                    display: inline;
                    padding: 0 0.0723rem;
                    border-radius: 0.0241rem;
                    vertical-align: middle;
                    margin-right: 0.1205rem;
                }

                .ressfrom .list > li .base .tag-list .addtagmr {
                    background: #f3f3f3;
                    display: inline;
                    padding: 0 0.0723rem;
                    border-radius: 0.0241rem;
                    vertical-align: middle;
                    margin-right: 0.1205rem;
                }

            .ressfrom .list > li .base .cert {
                color: #666;
                font-size: 0.3374rem;
            }

                .ressfrom .list > li .base .cert .cert-name {
                    width: 2.169rem;
                    display: inline-block;
                    vertical-align: middle;
                    position: relative;
                    padding-right: 0.723rem;
                    box-sizing: border-box;
                }

                .ressfrom .list > li .base .cert .cert-no {
                    display: inline-block;
                    vertical-align: middle;
                }

.list .half-border .select-wrapper {
    height: 100%;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
}
    .list .half-border .select-wrapper button {
        position: absolute;
        z-index: 1;
        right: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }



    .ressfrom .half-border:after {
        content: "";
        display: block;
        width: 200%;
        height: 1px;
        background: #d1d1d1;
        position: absolute;
        left: 0;
        bottom: 0;
        transform: scale(.5);
        transform-origin: 0 0;
    }
.main_box .invoice_option {
    padding: 0 0.25rem 0 0.25rem;
    margin: 0.3rem 0 0 0;
}