button {
    border: 0;
    background: transparent;
}

.b-028cc8 {
    color: #028cc8;
}

    .b-028cc8:hover {
        color: #f08200;
    }

.c-0599d9 {
    color: #0599d9;
}

.c-f08200 {
    color: #f08200;
}

.c-999 {
    display: inline-flex;
    align-items: center;
    color: #999;
    cursor: pointer;
    font-weight: normal;
}

textarea {
    border: 1px solid #ddd;
    width: 100%;
    resize: none
}

    input.error, textarea.error {
        border: 1px dotted #a94442;
    }

input[readonly] {
    background-color: #efefef;
}

form label.error {
    width: auto;
    display: inline;
    color: #a94442;
    padding-left: 5px;
}
/*绑定邮箱binding start*/
#binding-box {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    position: relative;
}

    #binding-box::after {
        content: "";
        display: block;
        clear: both;
    }

.binding-box {
    margin-top: 100px;
    background: url("../../images/bg-1.jpg")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.apply-content-box {
    width: 450px;
    margin: 0 auto;
}

.binding-content {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    /*兼容IE8 start*/
}

.binding-c-box {
    width: 400px;
    background: #fff;
    margin: 50px auto;
    box-shadow: 2px 2px 30px #666;
}

    .binding-c-box::after {
        content: "";
        display: block;
        clear: both;
    }

.box-padding-20-30 {
    padding: 20px 30px;
}

.box-padding-50-30 {
    padding: 50px 30px;
}

.binding-c-item {
    display: flex;
    margin: 20px 0;
}

.btn-item {
    width: 100%;
    flex: 1;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    border-radius: 20px;
}

.c-028cc8 {
    border: 1px solid #028cc8;
    color: #028cc8;
}

    .c-028cc8:hover {
        background: #028cc8;
        color: #fff;
    }

.binding-c-title {
    justify-content: center;
}

.binding-c-bottom {
    display: flex;
    /*justify-content: center;*/
    justify-content: space-between;
    flex-wrap: wrap;
}
/*第三方邮箱绑定binding-three start*/
.binding-t-input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    flex: 1;
}

.binding-t-wrap {
    display: flex;
}

.verification {
    display: inline-block;
    width: 100px;
    height: 42px;
    border: none;
    background-color: #028cc8;
    color: #fff;
    margin-left: 5px;
    border-radius: 5px;
}

    .verification:hover {
        color: #fff;
        background-color: #f08200;
    }
/*----注册成功login-success star----t*/
/*.success_box{*/
/*display: flex;*/
/*flex-direction: column;*/
/*}*/
.success_box::after {
    content: "";
    display: block;
    clear: both;
}

.success_item {
    flex: 1;
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

    .success_item::after {
        content: "";
        display: block;
        clear: both;
    }

.success_title {
    color: #f08200;
}

.success-i-contact {
    color: #000;
    font-size: 16px;
}

.success-i-jump {
    color: #666;
}

.content_buy {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #028cc8;
}

    .content_buy:hover {
        color: #fff;
        background: #f08200;
    }
/*登录界面login start*/
.c-44b549 {
    background: #44b549;
    color: #fff;
}

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

    .binding-btn-box::after {
        content: "";
        display: block;
        clear: both;
    }

.binding-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 100%;
    color: #028cc8;
}

    .binding-btn::after {
        content: "";
        display: block;
        clear: both;
    }

.binding-btn-wrap {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.forget-pw {
    align-self: flex-end;
    color: #666;
}
/*申请加入apply start*/
.apply-content {
    flex-direction: column;
}

.binding-c-top {
    width: 450px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    margin: 50px auto 0;
}

    .binding-c-top > div {
        float: left;
    }

.binding-c-t-line {
    width: 50px;
    height: 2px;
    margin: auto 0;
    background: #fff;
}

.binding-c-t-item {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    background: #fff;
}

.apply-btn-box {
    display: flex;
    justify-content: center;
}

.apply-btn-item {
    width: 150px;
    height: 50px;
    font-size: 14px;
    border-bottom: 2px solid #f2f2f2;
}

    .apply-btn-item:hover {
        color: #028cc8;
        border-bottom: 2px solid #028cc8;
    }

.apply-c-item {
    width: 100%;
    /*flex:1;
    display: flex;*/
    margin: 10px 0;
}

.apply-c-must::after {
    content: "*";
    align-self: center;
    color: red;
}

.apply-agreement-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 100%;
    margin: 5px;
}
/*验证verification start*/
.verification-c-type {
    display: flex;
    flex-direction: column;
}

    .verification-c-type::after {
        content: "";
        display: block;
        clear: both;
    }

.verification-c-type-btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .verification-c-type-btn::after {
        content: "";
        display: block;
        clear: both;
    }

.verification-c-textArea {
    width: 100%;
    resize: none;
    border: 1px solid #f2f2f2;
}

.verification-c-wrap {
    display: flex;
    flex-direction: column;
}

.verification-en-text {
    color: #999;
    padding: 5px;
}

.verification-bottom {
    display: flex;
    flex-direction: column;
}

.verification-bottom-btn {
    width: 100%;
    padding: 10px 0;
    border-radius: 20px;
    margin-top: 10px;
}
/*微信登录 start*/
.wx-login-bottom-box {
    width: 260px;
}

.wx-login-top {
    width: 200px;
    height: 200px;
}

.wx-login-bottom {
    color: #fff;
    background: #0599d9;
    width: 200px;
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

    .wx-login-bottom::after {
        content: "";
        display: block;
        clear: both;
    }

.wx-sao {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url("../bg/wx-sao.png")no-repeat center center;
    background-size: 100% 100%;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.wx-login-bottom-text {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.zfb-sao {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url("../bg/wx-sao.png")no-repeat center center;
    background-size: 100% 100%;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}
/*调整宽度*/
.adjustment {
    width: 400px;
}
/*选中效果 all*/
.btn-click {
    background: #028cc8;
    color: #fff;
}

.apply-btn-click {
    color: #028cc8;
    border-bottom: 2px solid #028cc8;
}

.binding-c-t-line-click {
    border: 1px solid #028cc8;
}

.binding-btn-click { /*单选按钮选择的效果*/
    /*background-image: url("../bg/backstage-icon/goods-icon13.png");*/
    /*background: url("../bg/backstage-icon/goods-icon13.png")no-repeat center;
    background-color: #028cc8;
    background-size: 100% 100%;*/
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}
/*新手上路-工具-船期查询*/
.tool-select-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #000;
    font-size: 16px;
    padding: 20px 0;
    border-top: 2px solid #0599d9;
}

.tool-select {
    margin-left: 10px;
    padding: 5px;
    width: 200px;
}

.tool-select-txt {
    width: 200px;
    padding: 5px;
    border: 1px solid rgb(169, 169, 169);
    margin-left: 10px;
}

.tool-change-box {
    padding: 20px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

    .tool-change-box > button {
        width: 120px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

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

.down-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../bg/down.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.swiper-top {
    display: flex;
    padding: 10px;
    width: 100%;
    min-width: 1000px;
    background-color: #0599d9;
    color: #fff;
}

.swiper-header {
    width: 100%;
    min-width: 1000px;
    padding: 10px;
    background-color: #eee;
}

.swiper-top > .swiper-slide {
    width: 100px;
    flex: 0 0 100px;
}

    .swiper-top > .swiper-slide:last-of-type {
        width: 300px;
        flex: 0 0 300px;
    }

.swiper-item {
    display: flex;
    padding: 10px;
    border-bottom: 1px dotted #ddd;
}

    .swiper-item > .b-item {
        width: 100px;
        flex: 0 0 100px;
    }

        .swiper-item > .b-item:last-of-type {
            width: 250px;
            flex: 0 0 250px;
        }

.doubt {
    width: 20px;
    height: 20px;
}

.b-item-btn {
    width: 80px;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    padding: 5px 0;
}

    .b-item-btn:hover {
        background: #028cc8;
        color: #fff;
    }

.b-item-btn-click {
    background: #028cc8;
    color: #fff;
}
/*船期查询内页 start*/
.voyage-title {
    font-size: 24px;
    padding: 20px 0;
    color: #0599d9;
    border-bottom: 1px solid #f2f2f2;
}

.voyage-body-box {
    display: flex;
}

.voyage-body-left {
    max-width: 900px;
    flex: 1;
    overflow: hidden;
    width: 100%;
}

.voyage-body-right {
    width: 300px;
}

.voyage-swiper-top > .swiper-slide {
    width: 100px;
}

.voyage-left-top {
    width: 100%;
    padding: 10px;
    background-color: #0599d9;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.voyage-left-icon {
    display: inline-flex;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px;
}

.business-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../bg/business.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.voyage-left-item {
    margin-bottom: 20px;
}

.voyage-l-body-item {
    padding: 10px;
    border-bottom: 1px dotted #ddd;
}

.voyage-l-body-list {
    display: inline-block;
    width: 200px;
}

.voyage-swiper-wrapper {
    background-color: #eee;
}

    .voyage-swiper-wrapper > .swiper-slide {
        width: 200px;
        flex: 0 0 200px;
        padding: 10px;
        background-color: #eee;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

.slide-textAlign > .swiper-slide, .item-textAlign > .b-item {
    text-align: center;
}

.voyage-swiper-item > .b-item {
    width: 200px;
    flex: 0 0 200px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

    .voyage-swiper-wrapper > .swiper-slide:last-of-type, .voyage-swiper-item > .b-item:last-of-type {
        border: none;
    }

.voyage-swiper-wrapper > .slide-first, .voyage-swiper-item > .slide-first {
    flex: 0 0 300px;
    width: 300px;
}

#swiperbox {
    overflow: hidden;
}

#swiperbox3 {
    width: 100%;
    overflow: hidden;
    background: #fdfdfc;
}

.voyage--charge {
    display: flex;
}

    .voyage--charge::after {
        content: "";
        display: block;
        clear: both;
    }

.voyage-charge-left {
    position: relative;
    z-index: 2;
}

.voyage-charge-left-item {
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
    min-width: 95px;
    background-color: #fff;
}

    .voyage-charge-left-item:first-of-type {
        background-color: #eee;
    }

.charge-swiper-wrapper > .swiper-slide {
    background-color: #eee;
}

.voyage-charge-right {
    width: 100%;
    border-right: 1px solid #ddd;
}

.charge-swiper-wrapper > .swiper-slide,
.charge-b-item > .b-item {
    flex: 0 0 100px;
    min-width: 55px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
    border-left: none;
}

.voyage-body-right {
    padding: 5px;
}

.voyage-b-right-item {
    border-radius: 3px;
    border: 1px solid #0599d9;
}

.voyage-b-right-top {
    width: 100%;
    padding: 10px;
    background-color: #0599d9;
    color: #fff;
}

.voyage-b-right-body {
    padding: 5px;
}

.voyage-b-right-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #666;
    border-bottom: 1px dotted #ddd;
    margin: 3px 0;
}

.voyage-list-spot {
    display: flex;
    align-items: center;
}

.spot {
    font-size: 30px;
    color: #f08200;
}

.voyage-left-bottom {
    display: flex;
    flex-wrap: nowrap;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-top: none;
}

    .voyage-left-bottom > span:first-of-type {
        display: inline-block;
        min-width: 95px;
        padding: 10px;
        border-right: 1px solid #ddd;
    }

.span-txt {
    width: 100%;
    padding: 10px;
    overflow: hidden;
}
/*付款界面payment2 start*/
.payment2-title {
    padding: 20px;
    border-bottom: 1px solid #ddd;
}

.payment2-subtitle {
    margin: 0 20px;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.payment2-btn-box {
    margin: 0 20px;
    padding: 10px;
}

.payment2-body {
    margin: 20px;
    font-size: 16px;
}

.payment2-body-top {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    color: #000;
}

.payment2-body-top-one {
    font-weight: 700;
}

.payment2-content-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid#ddd;
}

    .payment2-content-item:last-of-type {
        border: none;
    }

.payment2-content-information > p > span {
    display: inline-block;
}

.payment2-information-between {
    display: flex;
    justify-content: space-between;
}

.payment2-content-price {
    color: #f08200;
    font-weight: 700;
}

.payment2-bottom-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-top: 1px solid #ddd;
    margin-left: 30px;
    padding: 20px 0;
}

.payment2-bottom-total {
    font-size: 18px;
    font-weight: 700;
    color: #f08200;
}

.return-icon-box {
    display: inline-flex;
    align-items: center;
    color: #0599d9;
}

.return-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../bg/return.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
}

.payment2-bottom-btn-box {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.payment2-submit-btn {
    display: inline-block;
    padding: 5px 20px;
    color: #fff;
    background: #0599d9;
    border-radius: 5px;
    margin-left: 10px;
}

    .payment2-submit-btn:link {
        color: #fff;
    }

/*付款界面payment3 start*/
.payment-content {
    margin-top: 120px;
    /*min-height: 450px;*/
    margin-bottom: 100px;
}

@media (max-width: 767px) {
    .payment-content {
        margin-top: 70px;
        margin-bottom: 40px;
    }
}

.payment-c-top {
    padding: 20px;
    color: #000;
}

.payment-price-btn {
    position: relative;
    color: #0599d9;
}

.payment-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../bg/upward.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.payment-price {
    font-size: 24px;
    color: #f08200;
}

.payment-top-right {
    text-align: right;
}

.payment-header {
    padding: 30px 12px;
    border-top: 1px solid #ddd;
    background: -webkit-linear-gradient(#fff 70%, #f2f2f2); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff 70%, #f2f2f2); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff 70%, #f2f2f2); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff 70%, #f2f2f2); /* 标准的语法 */
}

    .payment-header > span {
        display: inline-block;
        margin: 0 10px;
    }

.payment-body {
    padding: 30px 0;
    box-shadow: 2px 5px 10px #ddd;
}

.payment-body-top {
    padding: 0 30px;
}

.payment-btn {
    position: relative;
    width: 150px;
    height: 50px;
    padding: 10px;
    margin: 5px;
    border: 2px solid #ddd;
}

.payment-btn-click {
    border: 2px solid #0599d9;
}

    .payment-btn-click > span {
        position: absolute;
        right: -2px;
        bottom: -2px;
        display: inline-block;
        width: 31px;
        height: 31px;
        background: url("../bg/buy-icon.png")no-repeat center center;
        background-size: cover;
        -ms-behavior: url(backgroundsize.min.htc);
        behavior: url(backgroundsize.min.htc);
    }

.payment-wx-btn {
    background: url("../bg/wx-icom.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
}

.payment-zfb-btn {
    background: url("../bg/zfb-icon.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
}

.payment-xx-btn {
    background: url("../bg/xx-icon.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
}

.payment-ye-btn {
    background: url("../bg/ye-icon.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
}

.payment-body-content {
    padding: 30px 0;
    color: #666;
    display: none;
}

.payment-way {
    font-size: 18px;
    color: #000;
}

.payment-time {
    font-size: 16px;
    color: #0599d9;
    padding: 3px;
}

.payment-qr-box {
    display: flex;
    padding: 30px 0;
    justify-content: center;
    align-items: center;
}

.qr-box {
    width: 210px;
    float: left;
}

.qr-code2 {
    width: 210px;
    height: 210px;
}

.qr-sao {
    width: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0599d9;
    color: #fff;
}

.zfb-phone {
    margin-left: 30px;
    width: 300px;
    height: 358px;
    background: url("../bg/zfb-phone.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
    float: left;
}

.wx-phone {
    margin-left: 30px;
    width: 300px;
    height: 358px;
    background: url("../bg/wx-phone.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
    float: left;
}

.payment-footer {
    width: 100%;
    color: #999;
    margin-top: 60px;
}

.payment-bottom {
    border-top: 1px solid #999;
    text-align: center;
}

.payment-copyright > a {
    color: #999;
}

.payment-copyright {
    padding: 20px;
}

/*付款成功界面payment3-success start*/
.payment3-top {
    margin: 30px 0;
}

.payment-list-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .payment-list-box > div {
        float: left;
    }

.payment-list-item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    color: #666;
}

.payment-list-line {
    width: 100px;
    height: 3px;
    margin: 30px 5px 0 5px;
    background: #ccc;
}

.payment-list {
    display: inline-block;
    display: inline-flex;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-top: 5px;
    border-radius: 50px;
    font-size: 24px;
    justify-content: center;
    align-items: center;
    background: #ccc;
    color: #fff;
}

.payment-list-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #0599d9;
    background: url("../bg/check.png")no-repeat center center;
    background-color: #fff;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
    border-radius: 40px;
}

.payment-list-after > span:nth-child(1) {
    color: #b6e3f6;
}

.payment-list-after + .payment-list-line,
.payment-list-after > span:nth-child(2) {
    background: #b6e3f6;
}

.payment3-body {
    background: #f2f2f2;
    padding: 30px;
}

.success-payment-icon-box {
    display: flex;
    align-items: center;
}

.success-payment-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../bg/check.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
    margin-right: 5px;
}

.payment3-goods-box {
    margin: 20px 0 0 30px;
}

.payment3-customer-box {
    margin: 20px 0 0 30px;
}

    .payment3-customer-box > a {
        margin: 0 5px;
    }

.customer-icon-box {
    display: inline-flex;
    align-items: center;
}

.customer-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../bg/customer.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
}

.notice-payment-icon-box {
    display: flex;
    align-items: baseline;
}

.notice-payment-icon {
    display: inline-block;
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    background: url("../bg/notice.png")no-repeat center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
    margin-right: 5px;
}

.notice-payment-txt {
    display: inline-block;
}

.payment3-line {
    margin: 30px 0;
    width: 100%;
    height: 2px;
    background: #fff;
}
/*注册成功register-success.html start*/
.register-success-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 80px 0;
}

.register-success-body {
    max-width: 480px;
}

    .register-success-body > p {
        width: 100%;
        padding: 10px 0;
        color: #666;
    }

.register-txt-center {
    display: flex;
    justify-content: center;
}

.register-success-body > .register-txt-title {
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.register-success-btn {
    display: block;
    width: 280px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #0599d9;
    border-radius: 40px;
    font-size: 16px;
    color: #fff;
}

    .register-success-btn:hover {
        background: #f08200;
    }

    .register-success-btn:link {
        color: #fff;
    }

.register-url-txt {
    color: #0599d9;
    word-break: break-all;
}
/*购物车shoppingCat.html start*/
.shoppingCart-box {
    padding: 50px 0;
}

.shoppingCart-top {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    color: #000;
    border-bottom: 1px solid #ddd;
}

.shoppingCart-top-btn {
    padding: 2px 8px;
    background: #999;
    border-radius: 2px;
    color: #fff;
}

    .shoppingCart-top-btn:hover {
        background: #0599d9;
    }

.shoppingCart-body {
    margin-top: 20px;
}

.shoppingCart-all-btn {
    display: flex;
    align-items: center;
}

.shoppingCart-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    margin: 0 5px 0 0;
}

.shoppingCart-click > .shoppingCart-checkbox {
    background: url("../bg/backstage-icon/goods-icon13.png")no-repeat center center;
    background-color: #0599d9;
    background-origin: content-box;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    border-color: #0599d9;
}

.shoppingCart-swiper-wrapper, .shoppingCart-swiper-item {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

    .shoppingCart-swiper-item:last-of-type {
        border: none;
    }

    .shoppingCart-swiper-wrapper > .swiper-slide {
        flex: 0 0 100px;
        width: 100px;
    }

    .shoppingCart-swiper-item > .b-item {
        flex: 0 0 100px;
        width: 100px;
    }

    .shoppingCart-swiper-wrapper > .shoppingCart-width,
    .shoppingCart-swiper-item > .shoppingCart-width {
        flex: 0 0 500px;
        width: 500px;
    }

.shoppingCart-btn-del {
    color: #999;
}

    .shoppingCart-btn-del:hover {
        color: #0599d9;
    }

.shoppingCart-bottom {
    background: #f2f2f2;
    padding: 10px 0;
}

.shoppingCart-bottom-left {
    display: flex;
}

.shoppingCart-bottom-del {
    font-weight: 700;
}

.shoppingCart-bottom-right {
}

    .shoppingCart-bottom-right > div {
        height: 40px;
        line-height: 40px;
    }

        .shoppingCart-bottom-right > div > span {
            margin: 0 3px;
        }

.shoppingCart-bottom-sel {
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #0599d9;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

    .shoppingCart-bottom-sel:link {
        color: #fff;
    }
/*综合物流comprehensive.html start*/
.cph-container {
    padding: 50px 0;
}

.cph-top {
    width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
}

    .cph-top > div {
        float: left;
    }

.cph-circular {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 80px;
    background: #f2f2f2;
    color: #666;
}

    .cph-circular > span {
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
    }

.cph-circular-active {
    background: #0599d9;
    color: #fff;
}

.cph-line {
    width: 100px;
    height: 3px;
    background: #f2f2f2;
}

.cph-body-item {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.cph-body-title {
    color: #000;
    font-size: 16px;
    text-align: right;
    white-space: nowrap;
}

.cph-txt-box {
    position: relative;
    color: #666;
    font-size: 16px;
}

.cph-body-icon {
    position: absolute;
    z-index: 99;
    right: 30px;
    bottom: 14px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../bg/down.png")no-repeat center center;
    background-origin: content-box;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.cph-txt {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 3px;
}

.cph-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 98;
    width: 100%;
    max-height: 200px;
    background: #fff;
    overflow-x: hidden;
    padding: 0 15px;
}

    .cph-menu > ul > li {
        padding: 5px 10px;
        cursor: pointer;
    }

        .cph-menu > ul > li.cur {
            background: #0599d9;
            color: #fff;
        }

.cph-wrap-box {
    padding: 0 4%;
    font-size: 16px;
}

.cph-content {
    padding: 0 20px;
}

.cph-body-list {
    margin: 10px 0;
}

    .cph-body-list > span {
        text-align: right;
    }

    .cph-body-list > input {
        border: 1px solid #ddd;
    }

.cph-txt-date {
    padding: 5px 10px;
    border: 1px solid #ddd;
}

.cph-textarea-box {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
}

    .cph-textarea-box > span {
        word-break: keep-all;
    }

.cph-textarea {
    width: 80%;
    height: 200px;
    border: 1px solid #ddd;
    resize: none;
}

.cph-upload {
    display: flex;
    align-items: center;
    padding: 20px 0 20px 8%;
}

.cph-btn-upload {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #999;
    border-radius: 5px;
    margin-right: 10px;
}

    .cph-btn-upload:hover {
        background: #f08200;
    }

.cph-edit-box {
    margin: 20px 0;
}

.cph-btn-edit:link {
    color: #fff;
}

.cph-btn-edit {
    display: block;
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #0599d9;
    font-size: 16px;
    border-radius: 50px;
}

    .cph-btn-edit:hover {
        background: #f08200;
    }

.operation-left-box {
    margin: 20px 0;
}

.operation-left-textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #ddd;
}

.operation-wrap-right {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.operation-input {
    display: flex;
    flex-direction: row;
    margin: 20px 0;
}

.operation-1of2 {
    width: 45%;
    margin: 0 2.5%
}

.operation-input-box {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.span-title {
    color: #666;
    word-break: keep-all;
}

.input {
    width: 100%;
    border: 1px solid #ddd;
}

.opt-txt-box {
    position: relative;
}

.operation-item-left > div {
    margin: 10px 0;
}

.opt-menu {
    width: 100%;
    position: absolute;
    left: 0;
    /*top:40px;*/
    border: 1px solid #ddd;
    display: none;
    background: #fff;
    z-index: 98;
}

    .opt-menu > ul > li {
        padding: 4px; /*6px;*/
        cursor: pointer;
    }

        .opt-menu > ul > li.cur {
            background: #0599d9;
            color: #fff;
        }

.binding-btn-wrap {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin: 0 3px;
}

.binding-btn-click > span:first-of-type {
    background-image: url("../bg/backstage-icon/goods-icon13.png");
    background-color: #028cc8;
    background-size: 100% 100%;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-xs-3 {
    padding: 5px
}

.col-xs-4, .col-xs-6 {
    padding: 5px;
}
/*0px*/

.operation-box-border {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
}

.col-md-6-margin {
    margin: 10px 0;
}

.guarantee-title {
    color: #000;
    padding: 10px;
    border-bottom: 2px solid #ddd;
    font-weight: bold;
    margin-top: 20px;
}

.operation-buttom {
    padding: 20px 0;
}

.operation-buttom-btn {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #eee;
    border-radius: 40px;
    margin: 5px 0;
}

.operation-buttom-btn-click {
    color: #fff;
    background: #0599d9;
}

.operation-buttom-btn:hover {
    color: #fff;
    background: #0599d9;
}

.operation-clause-box {
    padding: 20px 0;
}
/*服务service.html start*/
.center-vertical {
    display: flex;
    align-items: center;
}

.service-top-left {
    display: flex;
    align-items: center;
}

.service-t-zhi {
    padding: 0 10px;
}

.service-top-right-item > div {
    margin: 10px 0;
}

.service-top-btn-box {
    display: flex;
    align-items: center;
}

.service-top-btn-wrap {
    width: 100px;
    display: inline-flex;
    justify-content: space-between;
    border: 1px solid #ddd;
    padding: 2px 0;
}

.service-top-btn {
    display: inline-block;
    width: 25px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}

.btn-number {
    display: inline-block;
    width: 35px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    padding-left: 0 !important;
}

.btn-reduce {
    border-right: 1px solid #ddd;
}

.btn-add {
    border-left: 1px solid #ddd;
}

.right-btn-box {
    display: inline-flex;
    flex-direction: row;
    padding: 10px;
}

.service-button-box {
    padding: 20px 0;
}

    .service-button-box > div {
        margin: 10px;
    }

.service-button-item {
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #666;
    color: #666;
    border-radius: 40px;
}

.service-button-click {
    background: #0599d9;
    color: #fff;
    border: 1px solid #0599d9;
}

.shrink-icon {
    margin: 0 5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../bg/shrink-1.png")no-repeat center center;
    background-origin: content-box;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

    .service-body-table .service-box {
        font-size: 13px;
        box-shadow: 2px 2px 10px #999;
        margin: 10px 0;
    }

        .service-body-table .service-box .service-box-route {
            padding: 15px 5px 10px 5px;
        }

    .service-body-left-top {
        background: #0599d9;
        color: #fff;
        border-radius: 3px;
        padding-left: 5px;
        padding-right: 5px;
    }

.service-body-left-btn {
    display: inline-block;
    border-radius: 5px;
}

    .service-body-left-btn:hover,
    .service-left-btn-click {
        background: #fff;
        color: #0599d9;
    }

.date-btn-box {
    padding: 1px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    justify-content: right;
}

@media (max-width: 767px) {
    .service-body-left-top {
        padding: 10px 5px;
    }

        .service-body-left-top .col-md-5, .service-body-left-top .col-md-7 {
            padding: 0;
        }

        .service-body-left-top .date-btn-box {
            justify-content: left;
            margin-top: 5px;
        }
}

.date-btn-list {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.date-btn-list-baozhang {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.service-condition-btn-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.service-condition-btn-item {
    display: inline-block;
    width: 90px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #f3f3f3;
    color: #666;
    margin: 4px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 12px;
}

.service-nodata-box {
    text-align: center;
    padding: 20px 0;
    margin: 20px 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 13px;
}

.w-120 {
    width: 120px;
}

.condition-btn-click,
.service-condition-btn-item:hover {
    color: #fff;
    background: #0599d9;
    font-size: 12px;
}

.service-wrapper-box {
    position: relative;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

    .service-wrapper-box > div {
        /*width: auto;*/
        margin: 0 10px;
        color: #666;
    }

.w-50 {
    width: 50px;
}

.w-100 {
    width: 150px;
}

.w-170 {
    width: 170px;
}

.swiper-wrapper .service-swiper-slide-price {
    color: #f08200;
    font-weight: 700;
}

.swiper-wrapper .service-swiper-slide-three {
    color: #0599d9;
}

.swiper-wrapper span {
    white-space: nowrap;
    text-align: center;
}

.service-swiper-top {
    display: flex;
    align-items: center;
}

.swiper-one {
    display: inline-flex;
    align-items: center;
}

    .swiper-one .center-vertical-column {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 12px;
    }

        .swiper-one .center-vertical-column .swiper-line {
            width: 50px;
            height: 2px;
            background: #ddd;
        }
.service-item-price {
    color: #f08200;
    font-weight: 700;
    display: flex;
    padding-left: 10px;
}
    .service-item-price .price {
        width: 70px;
        flex: 1;
    }

@media (max-width: 767px) {
    .service-item-price {
        padding-left: 0;
    }
    .stock-box{
        padding-left:20px;
    }
    .operate-box {
        border-top: 1px dotted #ddd;
    }
    .service-border-top-xs {
        border-top: 1px dotted #ddd;
    }
}

.service-more-box{
/*    margin-top:10px;*/
    padding-top:20px;
}

.bottom-free {
    font-size: 12px;
    display: flex;
    flex-direction: column;
}

.service-four-a-box {
    display: inline-flex;
    /*    flex-direction: column;*/
    align-items: center;
    margin-top: 7px;
    font-size: 13px;
}

.service-customer {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../bg/customer.png")no-repeat center center;
    background-origin: content-box;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    margin-right: 5px;
}

.service-five-btn {
    position: relative;
    width: 100px;
    height: 30px;
    text-align: center;
/*    line-height: 30px;*/
    color: #0599d9;
    border: 1px solid #0599d9;
    border-radius: 30px;
}
.service-border-top {
    border-top: 1px dotted #ddd;
    padding-top:8px;
}

.changer {
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translate(-50%,-50%);
    display: inline-block;
    width: 20px;
    height: 20px;
}

.changer-click {
    width: 100%;
    background: #f2f2f2;
}

    .changer-click .service-five-btn {
        color: #fff;
        background: #0599d9;
    }

    .changer-click .changer {
        background: url("../bg/changer.png")no-repeat center center;
        background-size: cover;
        -ms-behavior: url(backgroundsize.min.htc);
        behavior: url(backgroundsize.min.htc);
    }

.service-body-left-bottom {
    margin: 50px 0;
}

.service-body-right {
    padding-left: 10px;
}

@media (max-width: 767px) {
    .service-body-right {
        padding-left: 5px;
    }
}

.service-body-right-box {
    border: 1px solid #0599d9;
    border-radius: 3px;
    background-color: #fff;
}

.service-right-box-top {
    padding: 5px 10px;
    background: #0599d9;
    color: #fff;
}

.service-right-box-content {
    padding: 10px;
}

.service-right-content-wrap {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
}

    .service-right-content-wrap:last-of-type {
        border: none;
    }

.service-right-content-body {
    padding: 0 20px;
}

.money {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    background: #0599d9;
    color: #fff;
    border-radius: 30px;
}

.reference {
    font-size: 12px;
}

.service-right-content-btn-box > div {
    padding: 5px 3px;
}

.service-right-content-btn {
    display: block;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
    border: 1px solid #0599d9;
    color: #0599d9;
}

.service-click {
    background: #0599d9;
    color: #fff;
}

.bg-fff {
    background-color: #fff;
}

.date-btn-item {
    margin: 0 3px;
    float: left;
}

.service-checkbox-click > .shoppingCart-checkbox {
    background: url("../bg/changer-1.png")no-repeat center center;
    background-color: #fff;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-origin: content-box;
}

.service-swiper-slide-five {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.service-five-more {
    color: #0599d9;
    font-size: 13px;
    padding-right: 10px;
    /*    display: block;
    margin-top: 8px;*/
}
/*自定义custorm.html start*/
.custom-body {
    padding: 50px 0;
}

.custom-box {
    margin: 10px 0;
    padding: 0 10px;
}

.custom-left {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #000;
}

    .custom-left > div {
        float: left;
        /*margin:0 5px;*/
    }

.custom-left-line-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 12px;
}

.custom-left-line-txt {
    height: 22px;
}

.custom-left-line {
    width: 100px;
    height: 2px;
    background: #ddd;
}

.custom-show {
    display: flex;
    flex-wrap: wrap;
}

    .custom-show > div {
        display: inline-flex;
        align-items: center;
        float: left;
        width: 130px;
        font-size: 12px;
        color: #000;
    }

    .custom-show .custom-show-first {
        width: 200px;
    }

.custom-show-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.icon-one {
    background: url("../bg/date.png")no-repeat center center;
    -moz-background-size: cover;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.icon-two {
    background: url("../bg/ship.png")no-repeat center center;
    -moz-background-size: cover;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.icon-three {
    background: url("../bg/time.png")no-repeat center center;
    -moz-background-size: cover;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.icon-four {
    background: url("../bg/place.png")no-repeat center center;
    -moz-background-size: cover;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.icon-five {
    background: url("../bg/flag.png")no-repeat center center;
    -moz-background-size: cover;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.icon-sex {
    background: url("../bg/remarks.png")no-repeat center center;
    -moz-background-size: cover;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

.sex-txt {
    line-height: 25px;
    max-height: 50px;
    text-indent: 30px;
    overflow: hidden;
}

.custom-title {
    font-size: 22px;
    color: #000;
    padding: 20px 0;
    border-bottom: 2px solid #ddd;
}

.custom-table {
    display: flex;
    color: #666;
}
    /*兼用IE8 start*/
    .custom-table > div {
        float: left;
    }

.swiper-wrapper > div {
    float: left;
}

/*兼用IE8 end*/
.custom-table-left-item {
    display: flex;
    width: 120px;
    align-items: center;
    padding: 10px 5px 10px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.custom-table-title {
    font-size: 16px;
}

.custom-checkbox {
    /*margin-right: 30px;*/
    margin-right: 5px;
}

.custom-table-right {
    overflow: hidden;
}

.custom-swiper-slide {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    -webkit-flex: 0 0 130px; /* Chrome */
    -ms-flex: 0 0 130px; /* IE 10 */
    flex: 0 0 130px; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 130px;
    white-space: nowrap;
    justify-content: center;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.custom-txt {
    font-size: 14px;
}

.custom-body-top {
    background-color: #f2f2f2;
    padding: 20px;
}

.custom-show > .icon-sex-box {
    width: 60px;
    height: 25px;
}

.icon-sex-box > span {
    white-space: nowrap;
}

.b-item-input {
    width: 80px;
    border: 1px solid #ddd;
    text-align: center;
    margin: -1px 0
}

.custom-bottom-box {
    background: #028cc8;
    padding: 10px;
    border-radius: 5px;
}

.custom-bottom-title {
    margin: 10px 0;
    font-size: 16px;
    color: #fff;
}

.custom-input {
    padding: 3px 0;
    border-radius: 5px;
    color: #000;
    text-align: center;
    background-color: #fff;
}

.custom-bottom-content > div {
    /*margin:5px;*/
    padding: 5px;
}

.custom-bottom-right > div {
    /*margin:5px;*/
}

.custom-bottom-select {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 3px 0 3px 5px;
}

.custom-bottom-btn {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;
    background-color: #fff;
    color: #028cc8;
}

.custom-bottom-body {
    margin: 20px 0;
    text-align: center;
    color: #666;
    font-size: 18px;
}

.custom-bottom-body-span {
    font-size: 24px;
    color: #0599d9;
}

.content-value {
    display: flex;
    align-items: center;
}

.cph-date {
    display: flex;
    align-items: center;
    margin: 20px 0;
    padding: 0 10px;
    font-size: 16px;
    white-space: nowrap;
}

.ie8-custom > div {
    flex: 0 0 125px; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 125px;
}

.ie8-auto {
    text-align: center;
    margin: 10px auto;
}

.ie8-tool5 > div {
    float: left;
}

.ie8-tool5 > .swiper-slide,
.ie8-tool5 > .b-item {
    width: 150px;
    flex: 150px;
}

.ie8-tool5 > .slide-first, .ie8-tool5 > .slide-first {
    width: 300px;
    flex: 300px;
}

.ie8-pay > div {
    float: left;
}

.service-input {
    padding: 10px;
}

/*2018/06/12 修改start*/
.cph-txt-box {
    font-size: 14px;
}

.cph-txt {
    padding: 0 5px;
    font-size: 13px;
}

.cph-body-icon {
    right: 30px;
    bottom: 6px;
}

.service-wrapper-box {
    padding: 20px 10px;
}

    .service-wrapper-box > div {
        margin: 0;
    }

.swiper-one {
    width: 200px; /*overflow: hidden*/
}

.swiper-wrapper .service-swiper-slide-price {
    flex: 0 0 60px;
    width: 70px;
}



.service-input {
    padding: 0;
}

.service-t-zhi {
    width: 10%;
}

.cph-menu {
    top: 26px;
    padding: 0;
    border: 1px solid #ddd;
}

    .cph-menu > ul > li {
        font-size: 12px;
        border-bottom: 1px solid #f2f2f2;
    }

/*.changer-click .service-five-btn {
    display: block;
}*/

.swiperbox {
    position: relative;
}

.service-five-more-box {
    flex-direction: column;
    background: #fff;
    padding: 20px 0;
}

.w-900 {
    width: 800px;
    background: #fff;
}

.service-five-more-box > div {
    margin: 5px 0;
}

.more-date {
    color: #229acf
}

.more-title {
    text-align: right;
    font-size: 13px;
    /*    color: #000;*/
    font-weight: 600
}

.more-tr {
    background: #eeeeee;
    font-size: 13px;
}

.increment-box {
    box-shadow: 2px 2px 12px #ddd;
    margin: 20px 0;
    padding: 20px;
}

.increment-title {
    text-align: center;
}

.increment-item {
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
}

.increment-list {
    float: left;
    width: 140px;
    height: 30px;
}

.flex-column {
    display: flex;
    align-items: center
}
/*修改end 2018/06/12*/
@media (max-width: 991px) {
    .payment-top-right {
        text-align: left;
    }

    .center-vertical {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .voyage-body-box {
        flex-direction: column;
    }

    .w-120 {
        width: 100px;
    }

    .binding-c-top {
        width: auto;
    }
}

@media (max-width: 550px) {
    .operation-input {
        flex-direction: column;
    }

    .operation-1of2 {
        width: 100%;
    }

    .cph-top {
        width: 400px;
    }

    .cph-line {
        width: 50px;
    }

    .wx-phone {
        display: none;
    }

    .zfb-phone {
        display: none;
    }

    .shoppingCart-swiper-wrapper > .shoppingCart-width,
    .shoppingCart-swiper-item > .shoppingCart-width {
        flex: 0 0 300px;
        width: 300px;
    }
}

@media (max-width: 451px) {
    .binding-c-t-line {
        width: 10px;
    }

    .apply-content-box {
        width: 400px;
    }

    .payment-list-after > span:nth-child(1) {
        font-size: 12px;
    }

    .payment-list-line {
        width: 20px;
    }
}

@media (max-width: 450px) {
    .binding-box {
        margin-top: 60px;
    }

    .binding-c-box {
        width: 316px;
    }

    .box-padding-50-30 {
        padding: 50px 15px;
    }

    .box-padding-20-30 {
        padding: 20px 15px
    }

    .apply-c-item > span, .apply-c-item > a {
        font-size: 10px;
    }

    .wx-login-bottom-box {
        width: auto;
    }
}

@media (max-width: 413px) {
    .operation-buttom-btn {
        width: 120px;
    }

    .apply-content-box {
        width: 310px;
    }

    .cph-top {
        width: 300px;
    }

    .cph-line {
        width: 20px;
    }
}

@media (max-width: 360px) {
    .box-padding-50-30, .box-padding-20-30 {
        padding: 20px 21px;
    }

    .binding-c-t-line {
        width: 5px;
    }

    .operation-buttom-btn {
        width: 100px;
    }

    .right-btn-box {
        flex-direction: column;
    }
}


.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    width: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}