.container {
    padding: 5.625vw 0 4.1667vw;
}

.shipHead {
    width: 100%;
    position: relative;
}

    .shipHead > img {
        display: block;
        width: 100%;
    }

    .shipHead > p {
        position: absolute;
        top: 50%;
        color: #fff;
        font-weight: 600;
        font-size: 2.5vw;
        line-height: 2.5vw;
        margin-top: -1.25vw;
        left: 12%;
    }

.costMain {
    width: 100%;
    padding: 0 8.33333vw;
    box-sizing: border-box;
}

    .costMain > h4 {
        font-size: 1.4583vw;
        color: #1E1714;
        font-weight: 600;
        text-align: center;
        margin-top: 2.0833vw;
    }

.costForm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .costForm .costItem {
        width: 49%;
        border: 1px solid #E9EAF3;
        height: 2.9167vw;
        border-radius: .2604vw;
        margin-top: 2.0833vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 .5208vw;
        box-sizing: border-box;
    }

        .costForm .costItem:hover {
            cursor: pointer;
        }

.costItem_left p {
    font-size: 0.72917vw;
    color: #333333;
}

    .costItem_left p span {
        color: #f30a0a;
    }

.costItem_right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .costItem_right .countryTip {
        font-size: 0.72917vw;
        color: #666;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

        .costItem_right .countryTip span {
            background: #eeeeee;
            margin-left: .2604vw;
            padding: .1042vw .2604vw;
            border-radius: .2604vw;
            margin-top: .1042vw;
        }

    .costItem_right > span {
        font-size: 0.72917vw;
        color: #808695;
        margin-left: .5208vw;
    }

    .costItem_right > #typeclear {
        display: none;
    }

    .costItem_right > input {
        display: block;
        text-align: right;
        font-size: 0.72917vw;
        color: #232323;
        width: 100%;
        height: 2.6042vw;
    }

.city-select .city-info {
    border: none;
}

.typeTag {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* display: none; */
}

    .typeTag > span {
        font-size: .8333vw;
        color: #232323;
        margin-left: .5208vw;
    }
    /* .typeTag>p span{
    font-size: .8333vw;
    color: #232323;
    margin-left: .5208vw;
} */
    /* .typeTag>label{
    background: #F5F5F5;
    color: #AAAAAA;
    padding: 0.20833vw 0.625vw;
    margin-left: .5208vw;
} */
    .typeTag > small {
        display: block;
        height: .9375vw;
        width: .9375vw;
        margin-left: .5208vw;
    }

        .typeTag > small img {
            display: block;
            width: 100%;
        }

.volume {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.volume-item {
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-right: 1.0417vw;
    box-sizing: border-box;
}

    .volume-item > div {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 0.72917vw;
        color: #333333;
        width: 50%;
    }

        .volume-item > div small {
            display: block;
            color: #AAAAAA;
            font-size: 0.72917vw;
            padding-left: .2604vw;
            box-sizing: border-box;
            width: 2.6042vw;
        }

    .volume-item input {
        display: block;
        text-align: center;
        font-size: 0.72917vw;
        color: #232323;
        height: 2.6042vw;
        width: 50%;
    }

.searchBtn {
    width: 100%;
    margin-top: 2.0833vw;
}

    .searchBtn > input {
        display: block;
        padding: .8333vw 4.6875vw;
        background: #ff186b;
        color: #fff;
        font-size: 1.25vw;
        border-radius: .3125vw;
        margin: 0 auto;
    }

        .searchBtn > input:hover {
            cursor: pointer;
        }

.tips {
    width: 100%;
    padding: 0.88542vw 1.66667vw;
    border-radius: 0.41667vw;
    border: 1px solid #FF98B7;
    font-size: .8333vw;
    color: #333333;
    background: #FFEEF4;
    margin-top: 2.0833vw;
}

/* 排序 */
.p-product-type {
    border-bottom: 1px solid #e8eaec;
    padding: 2.0833vw 0;
}

    .p-product-type .p-sort-type {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .p-product-type .p-sort-type .sort-left {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .p-product-type .p-sort-type .sort-left > div {
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 1.25vw;
                color: #333333;
                margin-right: 4.1667vw;
            }

                .p-product-type .p-sort-type .sort-left > div:hover {
                    cursor: pointer;
                }

            .p-product-type .p-sort-type .sort-left .sortActive {
                color: #ff186b;
            }

            .p-product-type .p-sort-type .sort-left > div span {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                margin-left: .2604vw;
            }

                .p-product-type .p-sort-type .sort-left > div span i {
                    display: block;
                    font-size: .5208vw;
                    color: #999;
                }

.airline {
    width: 100%;
}

.airlineList {
    border-bottom: 1px solid #e8eaec;
    padding: 1.0417vw 0;
}

    .airlineList .airlineTop {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .airlineList .airlineTips {
        margin-top: 0.83333vw;
        padding: 0.88542vw 1.04167vw;
        background: #FFEEF4;
        border-radius: 0.20833vw 0.20833vw 0.20833vw 0.20833vw;
        border: 1px solid #FF186B;
        font-weight: 400;
        font-size: 0.9375vw;
        color: #FF186B;
        line-height: 1.09375vw;
    }

.airlineItem1, .airlineItem2, .airlineItem3 {
    width: 16%;
}

.airlineItem4 {
    width: 50%;
}

.airlineItem1 > img {
    display: block;
    width: 5.1042vw;
    height: 5.1042vw;
    border-radius: 50%;
    margin: 0 auto;
}

.airlineItem1 > h2 {
    font-size: 1.0417vw;
    color: #333333;
    font-weight: normal;
    text-align: center;
    margin-top: .625vw;
}

.airlineItem2 h4 {
    font-weight: normal;
    font-size: 0.9375vw;
    color: #767B93;
    line-height: 1.09375vw;
}

.airlineItem2 h5 {
    text-decoration: line-through;
    font-size: 0.9375vw;
    color: #AEB0B9;
    font-weight: 400;
}

.airlineItem2 h6 {
    font-weight: 600;
    font-size: 1.35417vw;
    color: #FF186B;
    line-height: 1.5625vw;
    margin-top: 0.20833vw;
}

    .airlineItem2 h6 span {
        font-size: 1.3542vw;
        color: #FF186B;
    }

.airlineItem2 > p {
    font-size: 0.9375vw;
    color: #767B93;
    line-height: 1.09375vw;
    margin: .4167vw 0;
    font-weight: 400;
}

    .airlineItem2 > p span {
        font-size: 0.9375vw;
        margin-left: .2604vw;
        color: #767B93;
    }

.airlineItem2 > div {
    font-weight: 400;
    font-size: 0.9375vw;
    color: #767B93;
    line-height: 1.35417vw;
    margin-top: 0.20833vw;
}

    .airlineItem2 > div span {
        color: rgb(101, 211, 101);
        font-size: 0.9375vw;
        margin-right: .2604vw;
    }

.airlineItem3 h4 {
    font-weight: 400;
    font-size: 0.9375vw;
    color: #767B93;
    line-height: 1.66667vw;
}

.airlineItem3 h3 {
    display: block;
    font-weight: 600;
    font-size: 1.35417vw;
    color: #333333;
    line-height: 1.66667vw;
}

    .airlineItem3 h3 span {
        font-size: 1.35417vw;
        margin-left: .2604vw;
        color: #333333;
    }

.airlineItem4 p {
    font-weight: 400;
    font-size: 0.9375vw;
    color: #767B93;
    line-height: 1.40625vw;
    text-align: justify;
}

/* 商品类型 */
.costItem {
    position: relative;
}

.costItem_right .countryTip {
    padding-left: 1.0417vw;
    box-sizing: border-box;
}

.typeSelect {
    width: 60%;
    position: absolute;
    right: 0;
    top: 2.9167vw;
    background: #fff;
    border: 1px solid #E9EAF3;
    box-shadow: 0 0 .5208vw #E9EAF3;
    min-height: 15.625vw;
    display: none;
}

.typeSelectContent {
    width: 100%;
    height: 15.625vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5208vw;
    box-sizing: border-box;
}

.parentType {
    width: 50%;
    background: #F5F5F5;
    height: 100%;
    overflow-y: scroll;
}

    .parentType ul {
        width: 100%;
    }

        .parentType ul li {
            width: 100%;
        }

            .parentType ul li a {
                display: block;
                width: 100%;
                font-size: .8333vw;
                color: #333333;
                padding: .5208vw;
                box-sizing: border-box;
            }

        .parentType ul .parentActive a {
            color: #ff186b;
        }

.childType {
    width: 50%;
    height: 100%;
    overflow-y: scroll;
    position: relative;
}

.typeItem {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

    .typeItem ul li {
        width: 100%;
    }

        .typeItem ul li a {
            display: block;
            width: 100%;
            font-size: .8333vw;
            color: #333333;
            padding: .5208vw;
            box-sizing: border-box;
        }

    .typeItem ul .childActive a {
        color: #ff186b;
    }
/* .typeSelect .typeSelectItme{
    padding: 0 .5208vw;
    box-sizing: border-box;
}
.typeSelect .typeSelectItme p{
    padding: .2604vw 0;
    border-bottom: 1px solid #E9EAF3;
}
.typeSelect .typeSelectItme:hover{
    background: #FF186B;
    color: #fff;
} */
/* .city-select .city-info{
    padding: 0 .4167vw;
}
.city-select .city-info .city-input, .city-select .city-info span{
    margin-top: 0;
}
.city-select .city-info:after{
    top: 10px;
} */
.container {
    overflow: inherit;
}

.cityAlert {
    width: 41.6667vw;
    border: 1px solid #e8eaec;
    border-radius: .2604vw;
    background: #fff;
    position: absolute;
    top: 2.9167vw;
    left: 50%;
    margin-left: -20.8333vw;
    z-index: 102;
    box-shadow: 0 0 5px #999;
    display: none;
}


.mt-tabpage {
    width: 100%;
}

.mt-tabpage-title {
    height: 2.2917vw;
    font-size: 0;
    background-color: #fff;
    width: 100%;
    margin: auto;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .mt-tabpage-title .mt-tabpage-item {
        display: inline-block;
        height: 2.2917vw;
        line-height: 2.2917vw;
        text-align: center;
        color: #666;
        font-size: .7292vw;
        flex: 1;
    }

        .mt-tabpage-title .mt-tabpage-item:hover {
            color: #FF186B;
        }

    .mt-tabpage-title .mt-tabpage-item-cur {
        color: #FF186B;
        font-size: .7292vw;
        border-bottom: 1px solid #FF186B;
    }

.mt-tabpage-count {
    position: relative;
    width: 100%;
    min-height: 300px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

.mt-tabpage-cont__wrap {
    position: absolute;
}

.mt-tabpage-count .mt-tabpage-item {
    width: 41.6667vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.mt-tabpage-item a {
    display: block;
    width: 25%;
    padding: 0 .5208vw;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: .5208vw;
}

.mt-tabpage-item .cityActive p {
    color: #FF186B;
}

.mt-tabpage-item a > img {
    display: block;
    width: 1.5625vw;
    position: relative;
    top: .1563vw;
    margin-right: .2604vw;
}

.mt-tabpage-item a p {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 0.72917vw;
    color: #666666;
    text-align: left;
}

    .mt-tabpage-item a p:hover {
        color: #FF186B;
    }

.country {
    overflow: hidden;
    display: none;
}

    .country img {
        display: block;
        height: 1.0417vw;
        margin-right: .1042vw;
        float: left;
    }

    .country span {
        color: #232323;
        font-size: 0.72917vw;
        float: right;
    }