.tab-container {
    width: 1200px;
    margin: 0
}

    .tab-container .tab-items {
        width: 1180px;
        overflow: hidden;
        position: relative;
        overflow: hidden
    }

        .tab-container .tab-items:after {
            content: "";
            position: absolute;
            width: 100%;
            left: 0;
            top: 0;
            height: 0px;
            background-color: #EDEDED;
            z-index: 2
        }

        .tab-container .tab-items:before {
            content: "";
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            height: 0px;
            background-color: #EDEDED;
            z-index: 2
        }

        .tab-container .tab-items a:after {
            content: "";
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle
        }

        .tab-container .tab-items .prev {
            display: none;
            position: absolute;
            top: 0;
            width: 59px;
            height: 60%;
            background-color: #fff;
            margin-top: 20px;
            text-align: center;
            font-size: 0;
            left: 0;
            border-right: 0px solid #e1e3e6
        }

            .tab-container .tab-items .prev span {
                display: inline-block;
                vertical-align: middle;
                width: 100%;
                height: 20px;
                background-repeat: no-repeat;
                background-image: url(/images/icon/prev.png);
                background-position: 96.77% 25%;
                background-size: initial
            }

        .tab-container .tab-items .next span {
            display: inline-block;
            vertical-align: middle;
            width: 100%;
            height: 20px;
            background-repeat: no-repeat;
            background-image: url(/images/icon/next.png);
            background-position: 61.29% 25%;
            background-size: initial
        }

        .tab-container .tab-items .next {
            position: absolute;
            top: 0;
            width: 59px;
            height: 60%;
            background-color: #fff;
            margin-top: 20px;
            text-align: center;
            font-size: 0;
            right: 0;
            border-left: 0px solid #e1e3e6
        }

.vmiddle {
    vertical-align: middle
}

.img-gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray
}




.travel_calendar_bg {
    background: url(/images/icon/calendar_bg.jpg) bottom center no-repeat;
    padding-bottom: 6.25rem;
    margin-bottom: -6.25rem
}

.travel_calendar {
    width: 29.75rem;
    margin: 0 auto
}

.travel_calendar_switch {
    background: #15989D;
    height: 1.7rem;
    color: #fff
}

    .travel_calendar_switch .arrow-down, .travel_calendar_switch .arrow-up {
        border-color: #fff;
        margin-top: .25rem
    }

    .travel_calendar_switch .arrow-up {
        margin-top: .375rem
    }

.travel_cs_left {
    padding: .35rem 1rem;
    height: 1rem;
    float: left
}

.t2_td, .t2_th, .t2_td.t2_last {
    width: 3.475rem
}

    .t2_td .a_available, .t2_td .a_unavailable {
        width: 2.975rem
    }

.travel_cs_right {
    float: right;
    padding: .35rem 1rem;
    height: 1rem
}

.travel_cs_title {
    float: left;
    font-size: .45rem;
    height: .6rem;
    padding: .175rem 0;
    line-height: .6rem
}

.travel_calendar_switch .city_box {
    position: relative;
    width: 4.275rem;
    height: 1rem;
    background: rgba(255,255,255,0.1);
    float: left;
    margin-left: .5rem
}

.travel_calendar_switch .city_item .city_item_txt {
    float: left;
    padding: 0 .25rem;
    height: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    *max-width: 2.25rem;
    font-size: .45rem;
    line-height: 1rem
}

.travel_calendar_switch .city_item {
    padding-right: .5rem
}

.travel_calendar_switch .travel_cs_col .switch_month {
    text-align: center;
    color: #fff;
    font-size: .45rem;
    padding-top: .3rem
}

.travel_calendar_switch .travel_cs_col .txt {
    color: #fff;
    font-size: .45rem;
    line-height: 42x
}

.travel_calendar_switch .sm_prev {
    border: .025rem solid #fff;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    opacity: 0.7
}

.travel_calendar_switch .sm_next {
    border: .025rem solid #fff;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    opacity: 0.7
}

    .travel_calendar_switch .sm_prev .i_caret, .travel_calendar_switch .sm_next .i_caret {
        border: .025rem solid #fff;
        width: .35rem;
        height: .35rem;
        display: inline-block;
        border-width: .025rem .025rem 0 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        top: .175rem;
        right: .075rem
    }

.travel_calendar_switch .sm_prev .i_caret {
    border-width: 0 0 .025rem .025rem;
    left: .075rem
}

.travel_calendar_switch .sm_cont {
    padding: 1rem
}

.travel_calendar_bd {
    *zoom: 1
}

.t2 {
    position: relative;
    z-index: 2;
    width: 100%
}

.t2_thead {
    position: relative;
    z-index: 5;
    height: 1.3rem;
    line-height: 1.25rem;
    color: #fff;
    font-size: .45rem;
    background: #009096;
    overflow: hidden;
    text-align: center;
    *zoom: 1
}

.t2_th {
    float: left;
    width: 4.2rem
}

.t2_weekend {
    color: #ff4646
}

.t2_tbody:after {
    clear: both;
    display: block;
    content: "\20";
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.t2_td, .t2_td_colspan {
    float: left;
    width: 4.225rem;
    height: 3.825rem;
    border: .025rem solid #D0D0D0;
    margin-right: -.025rem;
    margin-top: -.025rem;
    position: relative
}

.t2_td_colspan {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 1.7rem;
    width: 7.85rem;
    background: #fff
}

    .t2_td_colspan a {
        display: block;
        line-height: 2.25rem;
        font-size: .4rem;
        text-align: center
    }

        .t2_td_colspan a:hover {
            background: #edf9ff
        }

.t2_td a:hover {
    text-decoration: none
}

.t2_td .a_available, .t2_td .a_unavailable {
    position: absolute;
    z-index: 1;
    width: 4.225rem;
    height: 3.825rem
}

.t2_last .a_available, .t2_last .a_unavailable {
    width: 4.2rem
}

.t2_td:nth-child(7n+1) {
    border-left: .025rem solid #D0D0D0
}

.t2_td:nth-child(7n+7) {
    border-right-color: #D0D0D0
}

.t2_td:nth-child(42), .t2_td:nth-child(42) a {
    border-radius: 0 0 .1rem 0
}

.t2_td:nth-child(36), .t2_td:nth-child(36) a {
    border-radius: 0 0 0 .1rem
}

.t2_td.t2_last {
    width: 4.2rem
}

.t2_td.white_bg {
    background-color: #fff
}

.t2_td .a_unavailable {
    cursor: default
}

.t2_td_tit {
    position: relative;
    z-index: 1;
    height: .8rem;
    line-height: .8rem;
    background: #D1F0F1;
    overflow: hidden;
    padding: 0 .25rem;
    *zoom: 1
}

.t2_td_day {
    color: #F17571;
    font-size: .5rem
}

.label_box {
    float: right;
    margin: .025rem 0 0 0;
    font-size: 0;
    position: relative;
    z-index: 1
}

.t2_td_holiday, .t2_td_work, .t2_td_solo {
    display: inline-block;
    padding: 0 .025rem;
    height: .35rem;
    line-height: .3rem;
    border: .025rem solid #333;
    border-radius: .05rem;
    margin-left: .1rem;
    font-size: .3rem
}

.t2_td_holiday {
    border: .025rem solid #ff4646;
    color: #ff4646
}

.t2_td_solo {
    border: .025rem solid #06d;
    color: #06d
}

.t2_td_tit .s_01, .t2_td_tit .s_02, .t2_td_tit .s_03 {
    float: right;
    margin-right: .1rem;
    height: .45rem;
    border-bottom: .05rem solid #f60;
    color: #f60;
    overflow: hidden
}

.t2_td_tit .s_02 {
    border-color: #06d;
    color: #1069da
}

.t2_td_tit .s_03 {
    border-color: #3c8;
    color: #3c8
}

.t2_td_today, .t2_td_rest {
    position: absolute;
    z-index: 1;
    height: .5rem
}

.t2_td_today {
    font-weight: bold;
    left: 0;
    font-size: .5rem;
    line-height: 1;
    position: relative;
    z-index: 0
}

.t2_td_rest {
    background: #ff7373
}

.a_unavailable .t2_td_day, .a_unavailable .t2_td_today {
    color: #F17571
}

.t2_td_ship {
    display: block;
    position: relative;
    font-size: .35rem;
    line-height: .5rem;
    margin: .25rem 0 .2rem;
    color: #9B1CE5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrapj;
    padding: 0 .25rem
}

.t2_td_port {
    display: block;
    position: relative;
    height: .45rem;
    color: #343E57;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .25rem
}

.t2_td_schedule {
    display: block;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    top: 1.1rem;
    right: .25rem;
    line-height: 1.2;
    color: #6D6D6D;
    padding-right: .4rem
}

    .t2_td_schedule .i_caret {
        display: block;
        right: .125rem;
        width: .2rem;
        height: .2rem;
        position: absolute;
        top: .025rem;
        right: .05rem;
        border: .025rem solid #999;
        border-width: 0 .025rem .025rem 0;
        -webkit-transition: all ease-in .2s;
        transition: all ease-in .2s;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.t2_td .base_price {
    position: absolute;
    z-index: 1;
    left: .25rem;
    bottom: .2rem;
    font-size: .3rem;
    color: #999999
}

    .t2_td .base_price dfn {
        top: -.025rem;
        font-size: .3rem;
        font-style: normal
    }

    .t2_td .base_price .price {
        font-size: .45rem;
        color: #15989D
    }

.t2_td .t2_td_month {
    position: absolute;
    width: 4.175rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 1.5rem;
    color: #efefef;
    text-align: center;
    *line-height: 2.45rem
}

.t2_td .a_available:hover, .t2_td .hover {
    z-index: 3;
    cursor: pointer;
    background: #D1F0F1
}

.t2_td_schedule_more {
    position: absolute;
    width: 13.8rem;
    min-height: 2.5rem;
    background: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0 .075rem .3rem;
    box-shadow: rgba(0,0,0,0.2) 0 .075rem .3rem;
    z-index: 4;
    top: 3.825rem;
    left: 0
}

    .t2_td_schedule_more .title {
        height: 1rem;
        background: #15989D;
        padding: 0 .25rem;
        color: #fff;
        line-height: 1rem;
        font-size: .4rem;
        font-weight: normal
    }

        .t2_td_schedule_more .title:before {
            content: "";
            display: block;
            right: .125rem;
            width: .2rem;
            height: .2rem;
            position: absolute;
            background: #15989D;
            top: -.1rem;
            left: .45rem;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    .t2_td_schedule_more .base_price {
        left: auto;
        right: .375rem;
        bottom: 0;
        font-size: .35rem;
        font-weight: normal;
        color: #37A7AB;
        line-height: .75rem
    }

    .t2_td_schedule_more ul {
        padding: .05rem .375rem
    }

    .t2_td_schedule_more li {
        padding: .25rem 0;
        border-bottom: .025rem solid #d3d3d3
    }

        .t2_td_schedule_more li:last-child {
            border-bottom: none
        }

    .t2_td_schedule_more .icon1 {
        background: url(/images/icon/icon_title1@2x.png) center center no-repeat;
        background-size: 1.1rem 1.025rem;
        width: .75rem;
        height: .75rem;
        margin-right: .125rem
    }

    .t2_td_schedule_more .icon2 {
        background: url(/images/icon/icon_title2@2x.png) center center no-repeat;
        background-size: 1.1rem 1.025rem;
        width: .75rem;
        height: .75rem;
        margin-right: .125rem
    }

    .t2_td_schedule_more .icon3 {
        background: url(/images/icon/icon_title3@2x.png) center center no-repeat;
        background-size: 1.025rem 1rem;
        background-position: -.125rem -.075rem;
        width: .75rem;
        height: .75rem;
        margin-right: .125rem
    }

    .t2_td_schedule_more .icon4 {
        background: url(/images/icon/icon_title4@2x.png) center center no-repeat;
        background-size: 1.025rem 1.025rem;
        background-position: -.125rem -.1rem;
        width: .75rem;
        height: .75rem;
        margin-right: .125rem
    }

    .t2_td_schedule_more .sale {
        background: url(/images/icon/icon-hotsale2x.png) no-repeat;
        background-size: 3.5rem 1.075rem;
        background-position: -.125rem -.125rem;
        width: 1.625rem;
        height: .775rem
    }

    .t2_td_schedule_more .hot {
        background: url(/images/icon/icon-hotsale2x.png) no-repeat;
        background-size: 3.5rem 1.075rem;
        background-position: -1.875rem -.125rem;
        width: 1.5rem;
        height: .775rem
    }

    .t2_td_schedule_more .tag {
        border: .025rem solid #15989D;
        color: #15989D;
        font-size: .35rem;
        line-height: .6rem;
        border-radius: .075rem;
        padding: 0 .125rem;
        margin: 0 .125rem;
        height: .6rem;
        overflow: hidden
    }

    .t2_td_schedule_more p a {
        color: #343E57
    }

    .t2_td_schedule_more p {
        color: #343E57;
        font-size: .4rem;
        margin: .125rem 0;
        z-index: 3;
        cursor: pointer
    }

:root .t2_td .hover .t2_td_schedule .i_caret {
    background-position: -.25rem -.55rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.t2_td .hover .t2_td_schedule .i_caret {
    background-position: -.25rem -.45rem;
    top: .175rem
}

.section {
    position: relative;
    padding: .5rem 0;
    width: 100%;
    overflow: hidden;
    z-index: 6;
}

.section-tab {
    margin-top: 1.8rem;
    z-index: 1
}

.section-con {
    padding: 0;
    margin-bottom: 2rem;
    display: block;
}

.wrapper {
    margin: 0 auto;
    max-width: 31.5rem
}

.section .title {
    position: relative;
    color: #383838;
    text-align: center;
    letter-spacing: .125rem;
    font-size: .7rem;
    font-weight: bold;
}

.lang-en .section .title {
    letter-spacing: 0;
    font-weight: bold !important;
}

.section .title a {
    color: #383838;
    text-decoration: none;
}

.section .title p {
    font-size: 0.4rem;
    line-height: 2;
    letter-spacing: 0;
}

.m_tab {
    text-align: center;
    overflow: hidden;
    margin: .125rem 0 .125rem auto;
    width: 30rem;
    position: absolute;
    top: .75rem
}

    .m_tab .tab_item {
        float: right;
        position: relative;
        margin-left: .5rem;
        width: 2.625rem;
        height: 1rem;
        line-height: 1rem;
        font-size: .35rem;
        color: #383838;
        cursor: pointer;
        border: .025rem solid #d0d7df;
        border-radius: .125rem
    }

        .m_tab .tab_item:hover, .m_tab .current {
            color: #fff;
            text-decoration: none;
            background: #00969E
        }

.hotthread {
    position: relative;
    z-index: 1
}

    .hotthread .item ul li {
        /*float: left;*/
        margin-top: .25rem;
        /*height: 8.85rem;*/
        border-radius: .125rem;
        overflow: hidden;
        width: auto;
        /*height: 100%;*/
    }

.hotthreadB .item ul li {
    height: 7.425rem;
}

.hotthread .item ul.row-flex-basis li {
    /*flex-basis: auto;*/
}

.hotthread .item ul li a:hover {
    text-decoration: none;
}

.hotthread .item ul .pro-1 {
    height: 8.85rem;
    width: 100%;
    flex: 100%;
}

.hotthread .item ul .pro-2 {
    width: 15.375rem;
    flex: 0 0 50%;
}

.hotthread .item ul .pro-3 {
    width: 10.25rem;
    flex: 0 0 33.3%;
}

.hotthread .item ul .pro-1023 {
    width: 20.5rem;
    flex: 0 0 66.6%;
}

.hotthread .item ul .pro-1 .gray {
    color: #ffffff;
}

.hotthread .item ul li:last-child {
    margin-right: 0
}

.hotthread .item .thread {
    position: relative;
    line-height: .6rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border: .025rem solid #d0d7df;
    border-radius: .125rem;
    border-radius: .125rem;
    overflow: hidden;
}

.hotthread .item ul .pro-1 .thread {
    border: 0;
}

.hotthread .item .inner {
    background: #fff
}

.hotthread .item .pro-1 .thread .pic {
    background-position: center top;
    background-size: cover;
    border-radius: .125rem;
    height: 8.85rem;
    width: 100%
}

    .hotthread .item .pro-1 .thread .pic img,
    .hotthread .item .pro-1 .thread .pic .img {
        height: 8.85rem;
    }

.hotthread .item .pro-1 .thread .inner {
    background: none;
    border: 0;
    position: absolute;
    right: 1.625rem;
    bottom: 1.05rem;
    height: auto;
    text-shadow: 0 0 3px #000
}

    .hotthread .item .pro-1 .thread .inner .caption {
        padding: 0
    }

.hotthread .item .pro-1 .protitle {
    font-size: .75rem;
    line-height: 1.5;
    font-weight: normal;
    color: #fff
}

.hotthread .item .pro-1 .prodesc {
    font-size: .35rem;
    color: #fff;
    font-weight: normal
}

.hotthread .item .pro-1 .base_price {
    padding-top: 1rem;
    font-size: .4rem;
    line-height: 1;
    color: #F8485E;
    text-shadow: 0 0 5px rgba(255,255,255,0.3);
    margin-top: .125rem
}

    .hotthread .item .pro-1 .base_price .price {
        font-size: 1rem
    }

.hotthread .item .sale .thread .inner {
    top: 1.9rem;
    right: 6.6rem
}

.hotthread .item .sale .base_price {
    text-align: right;
    position: absolute;
    right: .375rem;
    bottom: .375rem
}

.hotthread .item ul .sale .thread {
    height: 8.85rem;
    overflow: hidden;
    border-radius: .125rem
}

.hotthread .item .sale .timer {
    width: 6rem;
    height: 100%;
    border-left: .1rem solid #fff;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/images/icon/timer-bg.png) center center no-repeat;
    background-size: cover;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif
}

    .hotthread .item .sale .timer .title {
        color: #fff;
        background: url(/images/icon/sale.png) center bottom no-repeat;
        background-size: 2.5rem;
        height: 4.25rem;
        padding-top: .75rem;
        font-size: .75rem;
        line-height: .75rem;
        text-align: center
    }

    .hotthread .item .sale .timer .time_tit {
        margin-top: 1.45rem;
        font-size: .35rem;
        color: #fff;
        line-height: .5rem;
        height: .5rem;
        text-align: center
    }

    .hotthread .item .sale .timer .time_p {
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        font-size: .7rem;
        color: #fff;
        line-height: 1.15rem;
        text-align: center;
        margin-top: .5rem;
        vertical-align: middle;
    }

        .hotthread .item .sale .timer .time_p span {
            font-family: "SourceHanSans", Segoe, "Segoe UI", sans-serif;
            background: #fff;
            display: inline-block;
            height: 1.15rem;
            line-height: 1.15rem;
            width: 1.15rem;
            color: #F8485E;
            font-size: .7rem;
            text-align: center;
            margin: 0 .1rem;
            vertical-align: middle;
        }

.hotthread .pro-1 .base_price dfn {
    font-size: .4rem
}

.hotthread .item .thread .pic {
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    width: 380px\9;
    height: 6.175rem;
    overflow: hidden;
}

    .hotthread .item .thread .pic img,
    .hotthread .item .thread .pic .img {
        height: 6.175rem;
        width: 100%;
        overflow: hidden;
    }

    .hotthread .item .thread .pic .img {
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

.hotthread .pic_title {
    position: absolute;
    left: 0;
    top: .3rem;
    height: .5rem;
    line-height: .5rem;
    padding: 0 .3rem;
    color: #ffffff;
    font-size: .375rem
}

.hotthread .tags {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .5rem .25rem .25rem .25rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.5rem, rgba(0,0,0,0.5)));
    background-image: linear-gradient(transparent, rgba(0,0,0,0.5) .5rem);
    width: 100%;
    height: auto;
}

    .hotthread .tags span {
        height: .45rem;
        line-height: .45rem;
        color: #FDD26E;
        padding: 0 .125rem;
        border: .025rem solid #FDD26E;
        border-radius: .075rem;
        display: block;
        font-size: .3rem;
        float: left;
        margin-right: .25rem;
    }

.hotthread .item .thread .inner {
    border-top: 0;
    padding: 0 .375rem;
    /*height: 2.65rem;*/
}

    .hotthread .item .thread .inner .caption {
        padding: .3rem 0 .1rem;
        overflow: hidden;
        color: #343940
    }

.hotthread .item .thread .tip {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    background-color: #f8485e;
    border-bottom-left-radius: .125rem;
    border-top-right-radius: .125rem;
    height: .75rem;
    line-height: .75rem;
    text-align: center;
    color: #fff;
    font-size: .3rem;
    font-style: normal;
    padding: 0 0.2rem;
}

.hotthread .base_price {
    font-size: .3rem;
    color: #F8485E
}

    .hotthread .base_price dfn {
        top: -.025rem;
        font-size: .3rem;
        font-style: normal;
        font-family: arial
    }

    .hotthread .base_price .price {
        font-size: .45rem;
        color: #F8485E
    }

.hotthread .item .pro-1 .base_price {
    padding-top: 1rem;
    font-size: .4rem;
    line-height: 1;
    color: #F8485E;
    text-shadow: 0 0 5px rgba(255,255,255,0.3);
    text-align: right
}

.hotthreadB .item .thread .inner {
    height: 1.25rem
}

.hotthreadB .item .thread .pic {
    background: #000
}

    .hotthreadB .item .thread .pic img {
        opacity: 1
    }

    .hotthreadB .item .thread .pic .pic_title {
        position: static;
        padding: 0
    }

    .hotthreadB .item .thread .pic .text-desc {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 1.5rem .5rem 0 .5rem;
        color: #fff;
        display: none
    }

    .hotthreadB .item .thread .pic:hover .text-desc {
        display: block
    }

    .hotthreadB .item .thread .pic:hover img {
        opacity: 0.6
    }

.custom_container {
    overflow: hidden;
    padding: 0 .8rem 0;
    margin-top: .65rem;
    position: relative;
    z-index: 1
}

    .custom_container .content, .custom_container .left_container, .custom_container .right_container {
        float: left;
        position: relative;
        height: 10.275rem
    }

    .custom_container .content {
        width: 100%
    }

        .custom_container .content::after, .shiprecord .content .slider::after {
            display: block;
            height: 0;
            content: "\20";
            overflow: hidden;
            visibility: hidden;
            clear: both
        }

.shiprecord .content .article {
    float: left
}

    .shiprecord .content .article article {
        overflow: hidden;
        margin-bottom: .25rem
    }

    .shiprecord .content .article .article_img {
        float: left;
        width: 5.625rem;
        height: 3.25rem;
        border-radius: .1rem
    }

    .shiprecord .content .article .article_right {
        float: left;
        width: 6.75rem;
        height: 3.25rem;
        padding-left: .375rem
    }

        .shiprecord .content .article .article_right .article_title {
            font-size: .4rem;
            color: #343940
        }

        .shiprecord .content .article .article_right .article_content {
            font-size: .35rem;
            color: #777777;
            line-height: .65rem;
            margin-top: .25rem
        }

        .shiprecord .content .article .article_right .tags {
            font-size: .3rem;
            color: #777777;
            line-height: .75rem;
            margin-top: .25rem
        }

            .shiprecord .content .article .article_right .tags > span {
                margin-right: .5rem
            }

            .shiprecord .content .article .article_right .tags .icon1 {
                background: url(/images/icon/icon_local.png) no-repeat;
                width: .45rem;
                height: .6rem;
                vertical-align: middle;
                margin-right: .075rem
            }

            .shiprecord .content .article .article_right .tags .icon2 {
                background: url(/images/icon/icon_ship.png) no-repeat;
                width: .6rem;
                height: .6rem;
                vertical-align: middle;
                margin-right: .075rem
            }

.shiprecord .content .more {
    float: right;
    position: relative
}

    .shiprecord .content .more .more_btn {
        position: absolute;
        right: .75rem;
        bottom: .45rem
    }

    .shiprecord .content .more .more_bg {
        width: 13.75rem;
        height: 10.275rem
    }

.shiprecord .content .dot_container {
    text-align: center;
    position: relative;
    z-index: 1
}

    .shiprecord .content .dot_container .dot {
        display: inline-block;
        width: .2rem;
        height: .2rem;
        background-color: #4A4A4A;
        opacity: 0.5;
        border-radius: .1rem;
        vertical-align: text-bottom
    }

    .shiprecord .content .dot_container .active {
        width: .6rem;
        opacity: 1;
        background-color: #00969E
    }

.custom_container .left_container {
    width: 1.3rem;
    margin-left: -100%;
    left: -1.3rem
}

.custom_container .right_container {
    width: 1.3rem;
    margin-left: -1.3rem;
    right: -1.3rem
}

    .custom_container .left_container .left_btn, .custom_container .right_container .right_btn {
        top: 40%;
        position: relative;
        border: .025rem solid #1c576d;
        width: 1rem;
        height: 1rem;
        display: block;
        vertical-align: middle;
        border-radius: 50%;
        opacity: 0.7;
        text-align: center
    }

    .custom_container .right_container .right_btn {
        left: .25rem
    }

.custom_container .left_container .left_btn .i_caret {
    border: .025rem solid #1c576d;
    width: .3rem;
    height: .3rem;
    display: block;
    border-width: 0 0 .025rem .025rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    top: .325rem;
    left: .375rem
}

.custom_container .right_container .right_btn .i_caret {
    border: .025rem solid #1c576d;
    width: .3rem;
    height: .3rem;
    display: block;
    border-width: .025rem .025rem 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    top: .325rem;
    left: .3rem
}

.ribbon-destinations {
    background: url(/images/icon/ribbon-destinations2.png) center center no-repeat;
    height: 11.75rem;
    margin: -8.875rem 0 -4.25rem 0;
    pointer-events: none
}

.spactivity-bg {
    height: 17.5rem
}

.spactivity-wrapper .bg-img {
    height: 17.5rem;
    width: auto
}

.spactivity-wrapper-inner {
    position: relative;
    text-align: center
}

    .spactivity-wrapper-inner .txt_content {
        margin-top: -17.5rem
    }

.spactivity-wrapper .dot_container {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: 2rem
}

    .spactivity-wrapper .dot_container .dot {
        display: inline-block;
        width: .2rem;
        height: .2rem;
        background-color: #4A4A4A;
        border: .025rem solid #fff;
        opacity: 0.5;
        border-radius: .125rem;
        vertical-align: text-bottom
    }

    .spactivity-wrapper .dot_container .active {
        opacity: 1;
        background-color: #fff
    }

.spactivity-wrapper .title {
    padding-top: 1.5rem
}

.spactivity-context .desc-title, .spactivity-context .dec {
    color: #fff
}

.spactivity-context .desc-title {
    margin-top: 3.5rem;
    font-size: .5rem
}

.spactivity-context .dec {
    margin: .75rem 0;
    font-size: .35rem;
    line-height: 2;
    width: 9.5rem
}

.ribbon-destinations2 {
    background: url(/images/icon/ribbon-destinations3.png) center center no-repeat;
    height: 10.875rem;
    position: relative;
    z-index: 5;
    margin: -4.875rem 0 -4.375rem 0;
    pointer-events: none
}

.footerinfo {
    min-height: 5rem
}

.footerinfo {
    height: 10rem;
    position: relative
}

    .footerinfo .box h4 {
        color: #169298;
        font-size: .5rem;
        font-weight: normal
    }

    .footerinfo .box p {
        font-size: .4rem;
        color: #7E7D7D
    }

    .footerinfo .box {
        padding-left: 1.2rem;
        margin-right: 1.2rem
    }

        .footerinfo .box:last-child {
            margin-right: 0
        }

    .footerinfo .bookicon {
        padding-left: 3.75rem;
        height: 5rem;
        position: relative
    }

    .footerinfo .pictitle {
        margin-bottom: 1.75rem;
        padding-top: .75rem
    }

    .footerinfo .bl {
        border-left: .025rem solid #77B7BD
    }

.shipexperience .content, .shipexperience .left_container, .shipexperience .right_container {
    height: 13.75rem
}

.shipexperience .exp_item {
    float: left;
    margin-right: .4rem
}

    .shipexperience .exp_item .exp_box1 img {
        height: 7.75rem;
        width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    .shipexperience .exp_item .exp_box2 img {
        height: 3.75rem;
        width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    .shipexperience .exp_item:first-child, .shipexperience .exp_item:first-of-type {
        margin-left: .75rem
    }

.exp_text_wrap {
    width: 8.875rem;
    height: 1rem;
    background: #F8FCFC;
    text-indent: .25rem;
    line-height: 1rem
}

.shipexperience .exp_item a:hover {
    text-decoration: none
}

.exp_text_tit {
    font-size: .4rem;
    color: #343940;
    line-height: .55rem;
    margin-right: .5rem
}

.exp_text_subtit {
    font-size: .325rem;
    color: #666666;
    line-height: .5rem
}

.shipinto {
    background: url(/images/icon/bg-sea2.jpg) center top no-repeat;
    height: 20rem;
    position: relative;
    color: #383838;
    margin-top: -2rem
}

    .shipinto > .title {
        text-align: center;
        font-size: .7rem;
        font-weight: 100;
        line-height: 1.25rem;
        padding-top: 2.5rem
    }

    .shipinto .content {
        padding: 0 1.925rem
    }

    .shipinto .btn-prev, .shipinto .btn-next {
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        position: absolute;
        background: #fff;
        border-radius: 50%;
        border: 0;
        top: .875rem;
        font-size: .5rem;
        color: #00969E;
        text-align: center
    }

        .shipinto .btn-prev:focus, .shipinto .btn-next:focus {
            outline: 0
        }

        .shipinto .btn-prev:hover, .shipinto .btn-next:hover {
            opacity: 0.8
        }

    .shipinto .btn-prev {
        left: 0
    }

    .shipinto .btn-next {
        right: 0
    }

.maintab {
    height: 1rem;
    background: rgba(0,0,0,0.1)
}

.crumb {
    line-height: .6rem;
    height: .6rem
}

    .crumb a {
        font-size: .35rem;
        color: #20969A
    }

        .crumb a:hover {
            text-decoration: none
        }

.maintab .tabs {
    margin: 0 auto;
    width: 18rem;
    height: 1rem;
    background: #000
}

    .maintab .tabs li {
        background: url(/images/icon/wlogo.png) 1.75rem center no-repeat;
        float: left;
        font-size: .35rem;
        color: #FFFFFF;
        width: 6rem;
        height: 1rem;
        line-height: 1rem;
        padding-left: 2.875rem;
        background-size: .675rem .65rem;
        opacity: 0.7
    }

    .maintab .tabs .current {
        opacity: 1
    }

    .maintab .tabs li:nth-child(1) {
        background-color: #21BAC2
    }

    .maintab .tabs li:nth-child(2) {
        background-color: #A05EB5
    }

    .maintab .tabs li:nth-child(3) {
        background-color: #99D6EA
    }

.shipinto .made {
    display: inline-block;
    vertical-align: baseline
}

.shipinto .topbanner_plane {
    height: 13rem;
    position: relative;
    margin-top: .25rem
}

    .shipinto .topbanner_plane .info {
        width: 11.75rem;
        float: right
    }

        .shipinto .topbanner_plane .info li {
            border-right: .025rem solid #618AA1;
            font-size: .5rem;
            line-height: .8rem;
            padding: .55rem 0
        }

            .shipinto .topbanner_plane .info li:last-child {
                border: none
            }

    .shipinto .topbanner_plane .content h1 {
        font-size: .5rem;
        line-height: .8rem;
        margin-bottom: .125rem
    }

    .shipinto .topbanner_plane .content p {
        font-size: .4rem;
        line-height: 0.65rem
    }

        .shipinto .topbanner_plane .content p.see-button {
            margin-top: 25px;
        }

    .shipinto .topbanner_plane .text_box {
        width: 9.95rem
    }

    .shipinto .topbanner_plane .ship {
        position: absolute;
        top: 2.75rem;
        right: 2rem;
    }

    .shipinto .topbanner_plane:first-child .ship {
        right: 1rem;
    }

    .shipinto .topbanner_plane .ship1 {
        right: 2rem
    }

    .shipinto .topbanner_plane .ship2 {
        right: 1rem
    }

    .shipinto .topbanner_plane .ship3 {
        right: 2rem
    }

    .shipinto .topbanner_plane .ship02 {
        top: 3.5rem
    }

.intro-ribbonship {
    background: url(/images/icon/intro-ribbonship.png) center top no-repeat;
    height: 3.875rem;
    position: absolute;
    left: 0;
    bottom: -.025rem;
    width: 100%;
    pointer-events: none
}

.topbanner_plane .ship .btn-icon {
    background: rgba(255,255,255,0.5);
    display: block;
    position: absolute;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    color: #fff;
    font-size: .6rem;
    line-height: 1.05rem;
    text-align: center;
    cursor: pointer;
    padding: .075rem
}

    .topbanner_plane .ship .btn-icon .inner {
        display: block;
        content: "";
        background: #80CDCA;
        background-image: linear-gradient(212deg, #15989D 0%, #301F42 100%, #301F42 200%);
        height: 100%;
        width: 100%;
        border-radius: 50%;
        line-height: 1.05rem;
        overflow: hidden;
        text-align: center
    }

    .topbanner_plane .ship .btn-icon:hover {
        text-decoration: none
    }

        .topbanner_plane .ship .btn-icon:hover .inner {
            background: #80CDCA;
            overflow: hidden;
            background-image: linear-gradient(212deg, #15989D 0%, #301F42 100%, #301F42 200%);
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), to(rgba(0,0,0,0.5)));
            background-image: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(0,0,0,0.5) 100%);
            background-image: linear-gradient(-35deg, #00969E 27%, #64CCC9 70%)
        }

.topbanner_plane .ship .artive .inner {
    background: #80CDCA;
    background-image: linear-gradient(212deg, #15989D 0%, #301F42 100%, #301F42 200%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), to(rgba(0,0,0,0.5)));
    background-image: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(0,0,0,0.5) 100%);
    background-image: linear-gradient(-35deg, #00969E 27%, #64CCC9 70%)
}

.topbanner_plane .ship .ship-icon {
    background: none
}

    .topbanner_plane .ship .ship-icon .inner {
        background: #343E57;
        background-image: linear-gradient(215deg, #9B509D 0%, #301F42 100%, #301F42 200%)
    }

    .topbanner_plane .ship .ship-icon:hover .inner {
        background: #343E57;
        background-image: linear-gradient(215deg, #9B509D 0%, #301F42 100%, #301F42 200%)
    }

.topbanner_plane .ship-intro {
    position: absolute;
    top: -2.85rem;
    right: 14.675rem;
    height: 4.65rem
}

    .topbanner_plane .ship-intro:after {
        content: "";
        position: absolute;
        height: 3.5rem;
        width: .05rem;
        background: #343E57;
        top: 1.125rem;
        left: .575rem
    }

    .topbanner_plane .ship-intro:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: .5rem;
        width: .225rem;
        height: .225rem;
        border-radius: 50%;
        background: #343E57
    }

.topbanner_plane .ship .btn-icon .open {
    background: url(/images/icon/icon_open@2x.png) center center no-repeat;
    position: absolute;
    width: 4.575rem;
    height: 4.475rem;
    background-size: 100% 100%;
    padding: .15rem .15rem .3rem .15rem;
    display: none;
    bottom: .5rem;
    left: -4.75rem;
    z-index: 9
}

.topbanner_plane .ship .artive .open {
    display: block
}

.topbanner_plane .ship .btn-icon .open .pic {
    border-radius: .1rem;
    width: 4.15rem;
    height: 2.55rem;
    overflow: hidden
}

.topbanner_plane .ship .btn-icon .open .title {
    font-size: .3rem;
    color: #fff;
    line-height: .4rem;
    height: .4rem;
    margin-top: .2rem
}

.topbanner_plane .ship .btn-icon .open .btn-box {
    line-height: .7rem;
    padding-right: .15rem
}

.ylbk_container .content, .ylbk_container .left_container, .ylbk_container .right_container {
    height: 5rem
}

    .ylbk_container .left_container .left_btn, .ylbk_container .right_container .right_btn {
        border: 0;
        top: 1.25rem;
        height: 1rem;
        width: 1rem
    }

    .ylbk_container .left_container .left_btn {
        background: url(/images/icon/arrow_left.png) center center no-repeat
    }

    .ylbk_container .right_container .right_btn {
        background: url(/images/icon/arrow_right.png) center center no-repeat
    }

.ylbk_container .item, .ylbk_container .content {
    width: 25.75rem;
    margin: 0 auto
}

    .ylbk_container .item a {
        text-decoration: none;
    }

.ylbk-bg {
    width: 4.3rem;
    height: 4.275rem;
    position: relative;
    text-align: center;
    font-size: .45rem;
    color: #ffffff;
    float: left;
    margin: 0 1.06rem;
    margin-bottom: .5rem
}

    .ylbk-bg .icon {
        height: 3.25rem;
        background: #EFFAF9;
        border: .025rem solid #C8C6C6;
        border-bottom: 0;
        text-align: center;
    }

        .ylbk-bg .icon img {
            margin-top: .65rem;
        }

    .ylbk-bg p {
        line-height: 1rem;
        height: 1.025rem;
        background: #00969E;
        font-size: .4rem;
        color: #fff
    }

.ylbk-text-wrap {
    margin-left: 2.95rem
}

.ylbk-text {
    font-size: .4rem;
    color: #7E7D7D;
    line-height: .625rem;
    float: left;
    width: 10.6rem;
    height: 1.625rem
}

.section-baike {
    background: url(/images/icon/ribbon-destinations4.png) center -.75rem no-repeat;
    height: 10.5rem;
    padding: 0;
    margin-bottom: -3rem
}

.donslide {
    overflow: hidden;
    margin-top: .875rem
}

    .donslide .donitem {
        z-index: 5
    }

.donslide-content {
    -webkit-transform: translateY(100%) translateY(1.35rem);
    -ms-transform: translateY(100%) translateY(1.35rem);
    transform: translateY(100%) translateY(1.35rem)
}

    .donslide-content .icon-hot {
        bottom: calc(100% + 4rem/$fit);
        font-size: 0.8rem
    }

        .donslide-content .icon-hot span::first-letter {
            font-size: 1.3rem
        }

.don-extend-panel .txt-price {
    border-left: solid .025rem #13989D
}

.don-extend-panel span.item-info {
    display: block
}

.btn-donpopover {
    z-index: 3
}

#bg-our-destinations {
    z-index: 6;
    background: url(/images/icon/ribbon-destinations.png) center center no-repeat;
    height: 12.275rem;
    position: relative;
    width: 100%;
    margin-top: -5.85rem;
    margin-bottom: -5rem;
    pointer-events: none
}

#bg-onboard-ribbon {
    position: absolute;
    background: url(/images/icon/ribbon.png) no-repeat;
    width: 100%;
    padding-top: 30%;
    bottom: 5.5%;
    pointer-events: none;
    background-size: 100%
}

.donslide-bg {
    display: block;
    width: 100%;
    height: 2.5rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0)));
    background: linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    position: absolute;
    z-index: 1;
    pointer-events: none;
    margin-top: -.025rem
}

.donslide * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.donslide {
    display: table
}

    .donslide .donitem {
        display: table-cell;
        width: 1%;
        -webkit-transition: 0.5s ease-in-out all;
        transition: 0.5s ease-in-out all;
        overflow: hidden;
        position: relative;
        min-width: 1.625rem;
        padding-top: 35%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }

        .donslide .donitem p {
            color: #000000;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 16;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            word-break: break-all
        }

.donslide-content {
    padding: 5%;
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.9);
    border-top: solid #80CCC8 .1rem;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 1;
    width: 100%;
    -webkit-transition: none;
    transition: none
}

.donslide .donslide-title {
    font-size: .5rem;
    width: 100%;
    position: absolute;
    display: block;
    bottom: 20%;
    color: #FFFFFF;
    text-shadow: .025rem .025rem .025rem #000;
    text-align: center;
    z-index: 1;
    padding-top: .875rem;
    background: url(/images/icon/icon-location-white.png) no-repeat top center
}

.donslide .btn-plane {
    float: right;
    margin-top: -.3rem
}

.donitem .picimg {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.donitem:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #000000;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer
}

.donslide-content h2 {
    color: #13989D;
    font-size: .5rem
}

    .donslide-content h2:before {
        content: '';
        display: inline-block;
        width: .425rem;
        height: .625rem;
        background: url(/images/icon/icon-location-green.png) no-repeat;
        margin-right: .25rem;
        vertical-align: baseline
    }

.don-extend-panel {
    padding-bottom: 10%
}

    .don-extend-panel .row {
        margin: 0
    }

        .don-extend-panel .row > div {
            padding: .25rem 0 0 0
        }

    .don-extend-panel > .row > div:first-child {
        border-top: solid .025rem #14989C;
        margin: 0;
        margin-right: .25rem
    }

.donitem:hover {
    width: 3%
}

    .donitem:hover .donslide-content {
        -webkit-transition: 0.5s ease-in-out all;
        transition: 0.5s ease-in-out all;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -ms-transition-delay: 0.5s;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }

    .donitem:hover > img {
        -o-object-fit: none;
        object-fit: none
    }

    .donitem:hover:after {
        display: none
    }

.donmenu {
    bottom: 1.875rem;
    left: 0;
    right: 0;
    padding: .5rem;
    height: 15rem;
    z-index: 1;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.6s ease-in-out all;
    transition: 0.6s ease-in-out all;
    display: none;
    background: #feffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#b8e0e0));
    background: linear-gradient(to bottom, #feffff 0%, #b8e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff', endColorstr='#b8e0e0', GradientType=0)
}

    .donmenu.active {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }

    .donmenu .row + .row {
        border-top: solid .025rem #212529
    }

    .donmenu .donmenu-btn {
        margin: .3rem 0rem;
        text-decoration: none
    }

        .donmenu .donmenu-btn:before {
            content: '';
            display: inline-block;
            width: .425rem;
            height: .625rem;
            background: url(/images/icon/icon-location.png) no-repeat;
            margin-right: .125rem;
            vertical-align: bottom
        }

        .donmenu .donmenu-btn.current {
            color: #13989D
        }

            .donmenu .donmenu-btn.current:before {
                background-image: url(/images/icon/icon-location-green.png)
            }

.btn-donpopover {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    text-indent: -249.975rem;
    background: url(/images/icon/icon-menu.png) no-repeat;
    bottom: 3rem;
    right: 5%;
    z-index: 2;
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: .025rem
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: .025rem solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

#bg-ourships-sea * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tab-content > .tab-pane {
    display: block;
    visibility: hidden
}

    .tab-content > .tab-pane.active {
        visibility: visible
    }

.tab-content {
    position: relative
}

.tab-pane:not(:first-child) {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.panel-slide-item {
    position: relative
}

    .panel-slide-item img {
        width: 100%
    }

    .panel-slide-item > .row, .panel-slide-item > .row > div {
        margin: 0
    }

#bg-ourships-sea .position-relative {
    top: 4.375rem;
    height: auto
}

#bg-ourships-sea {
    background: url(/images/icon/bg-sea.png) no-repeat bottom;
    background-size: cover;
    overflow: hidden;
    height: 20.325rem
}

    #bg-ourships-sea .img-ship {
        -webkit-transform: translateY(15%);
        -ms-transform: translateY(15%);
        transform: translateY(15%)
    }

    #bg-ourships-sea .slick-list {
        overflow: visible
    }

    #bg-ourships-sea .ship-detail {
        opacity: 0;
        left: 0;
        right: 0;
        z-index: 1;
        font-size: .4rem;
        line-height: .7rem;
        position: absolute
    }

        #bg-ourships-sea .ship-detail h3 {
            font-size: .7rem;
            line-height: .8rem;
            padding-bottom: .25rem
        }

    #bg-ourships-sea .slick-current .ship-detail {
        opacity: 1;
        -webkit-transition: 0.6s ease-in-out all;
        transition: 0.6s ease-in-out all;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    #bg-ourships-sea .ship-info h3 {
        font-size: .6rem;
        margin-bottom: 0
    }

    #bg-ourships-sea .ship-info > div:first-child {
        border-right: solid .025rem #558297
    }

    #bg-ourships-sea .ship-info h3 span {
        font-size: .7rem;
        display: inline-block;
        margin-bottom: .075rem
    }

.btn-overlay {
    position: absolute;
    width: 70%;
    z-index: 1;
    top: -15%;
    left: 24.5%;
    opacity: 0
}

#bg-ourships-sea .panel-slide-item.slick-current .btn-overlay, #bg-ourships-sea .panel-slide-item.slick-current #icon-genting-dream-mobile {
    opacity: 1;
    -webkit-transition: 0.6s ease-in-out all;
    transition: 0.6s ease-in-out all;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.ships-slide .slick-disabled {
    display: none !important
}

.our-ship-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(187,225,226,0.5);
    z-index: 5
}

.slide-box, .slide-box img {
    width: 100%
}

.slide-box {
    height: 100%;
    background: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .slide-box div {
        text-align: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .slide-box p {
        font-size: 1.3em
    }

        .slide-box p:last-child {
            margin-top: auto
        }

        .slide-box p a {
            color: #15989d;
            font-size: 0.8em;
            text-decoration: none
        }

            .slide-box p a:after {
                content: '';
                display: inline-block;
                margin-left: .2rem;
                background-repeat: no-repeat;
                vertical-align: middle
            }

    .slide-box .icon-vr:after {
        background-image: url(/images/icon/icon_360.png);
        width: .75rem;
        height: .475rem
    }

    .slide-box .icon-deck:after {
        background-image: url(/images/icon/icon_deck.png);
        width: .575rem;
        height: .7rem
    }

    .slide-box .icon-dinning:after {
        background-image: url(/images/icon/icon_dining.png);
        width: .55rem;
        height: .55rem
    }

    .slide-box .icon-slides:after {
        background-image: url(/images/icon/icon_slides.png);
        width: .825rem;
        height: .425rem
    }

.our-ship-overlay {
    visibility: hidden
}

    .our-ship-overlay .overlay-slide-item {
        padding: 0 1%
    }

    .our-ship-overlay .container {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }

.btn-ourships {
    position: absolute;
    display: block;
    width: 7%;
    padding-top: 7%
}

#btn-wd-icon1 {
    left: -0.3%;
    top: 65.3%
}

#btn-wd-icon2 {
    left: 11.5%;
    top: -1%
}

#btn-wd-icon3 {
    top: 65.2%;
    left: 18.9%
}

#btn-wd-icon4 {
    left: 26.5%;
    top: 85.3%
}

#btn-wd-icon5 {
    left: 39.5%;
    top: 49%
}

#btn-wd-icon6 {
    left: 70.5%;
    top: 54.5%
}

#btn-wd-icon7 {
    left: 93.5%;
    top: 51%
}

#btn-gd-icon1 {
    left: -0.3%;
    top: 65.3%
}

#btn-gd-icon2 {
    left: 11.5%;
    top: -1%
}

#btn-gd-icon3 {
    top: 65.2%;
    left: 18.9%
}

#btn-gd-icon4 {
    left: 26.5%;
    top: 85.3%
}

#btn-gd-icon5 {
    left: 39.5%;
    top: 49%
}

#btn-gd-icon6 {
    left: 70.5%;
    top: 54.5%
}

#btn-gd-icon7 {
    left: 93.5%;
    top: 51%
}

#bg-ourships-sea .our-ship-overlay .slick-list {
    overflow: hidden
}

#panel-sea-bg {
    background: url(/images/icon/intro-ribbon.png) center bottom no-repeat;
    position: absolute;
    z-index: 5;
    width: 100%;
    pointer-events: none;
    height: 7.05rem;
    bottom: -.675rem;
    height: 4.475rem
}

#homepage .icon-destinations {
    font-size: 2em
}

#frame-banner-bg {
    width: 100%;
    height: 115%;
    position: absolute;
    margin-top: -10%;
    pointer-events: none;
    top: 0;
    background: url(/images/icon/frame-banner.png) no-repeat center;
    background-size: cover
}

.img-responsive.mobile {
    display: none
}

.section-header {
    text-align: center;
    color: #49798A;
    position: relative;
    margin-bottom: .875rem;
    font-size: .9rem
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-color: #fff;
    text-indent: -249.975rem;
    width: 1rem;
    height: 1rem;
    border: 0;
    display: block;
    cursor: pointer
}

.slick-prev {
    left: 0;
    background-image: url(/images/icon/arrow_left.png)
}

.slick-next {
    right: 0;
    background-image: url(/images/icon/arrow_right.png)
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

#dc-banner .slick-prev, #bg-onboard .panel-slide .slick-prev {
    left: 3%
}

#dc-banner .slick-next, #bg-onboard .panel-slide .slick-next {
    right: 3%
}

#bg-ourships-sea .slick-prev {
    background-image: url(/images/icon/arrow_left.png);
    background-color: #fff;
    border-radius: 50%
}

#bg-ourships-sea .slick-next {
    background-image: url(/images/icon/icon/arrow_right.png);
    background-color: #fff;
    border-radius: 50%
}

#bg-ourships-sea .container {
    position: relative;
    z-index: 4
}

.panel-sea-bg-sky {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 7.5rem;
    pointer-events: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(.5rem, #fff), to(transparent));
    background-image: linear-gradient(#fff .5rem, transparent)
}

.slick-dots {
    position: relative;
    bottom: 1.8rem
}

    .slick-dots li button:before {
        font-size: .35rem;
        color: #ADD0E4;
        opacity: 1
    }

    .slick-dots li.slick-active button:before {
        color: #67A5CE;
        opacity: 1
    }

.our-ship-overlay .icon-close {
    width: .475rem;
    height: .475rem;
    display: inline-block;
    text-indent: 100%;
    background: url(/images/icon/icon-close.png) no-repeat center;
    padding: .5rem;
    font-size: 0;
    position: absolute;
    top: 0.5rem;
    right: 1rem
}

.ourships-sea {
    padding-bottom: .925rem
}

.btn-apple {
    background: url(/images/icon/btn_apple.png) no-repeat;
    width: 2.9rem;
    height: .875rem;
    background-size: 100% 100%
}

.btn-google {
    background: url(/images/icon/btn_google.png) no-repeat;
    width: 2.975rem;
    height: .875rem;
    background-size: 100% 100%
}

.m-main-btnbox {
    margin: 0 .8rem
}

    .m-main-btnbox li {
        text-align: center;
        margin-bottom: .5rem
    }

    .m-main-btnbox a {
        color: #343940;
        font-size: .6rem;
        text-decoration: none;
    }

        .m-main-btnbox a:hover,
        .m-main-btnbox a:link,
        .m-main-btnbox a:visited {
            text-decoration: none;
        }

    .m-main-btnbox .btn-icon {
        display: inline-block;
        height: 2.5rem;
        line-height: 2.5rem;
        width: 2.5rem;
        font-size: 1.1rem;
        border-radius: 2.5rem;
        color: #fff;
        margin-bottom: .25rem
    }

        .m-main-btnbox .btn-icon span::before {
            line-height: 2.5rem;
        }

    .m-main-btnbox ul li:nth-of-type(1) .btn-icon,
    .m-main-btnbox .bg-color1 {
        background-image: linear-gradient(143deg, #00969E 0%, #0F767C 100%);
        -webkit-box-shadow: 0 0.075rem 0.125rem 0 rgba(15,118,124,0.3);
        box-shadow: 0 0.075rem 0.125rem 0 rgba(15,118,124,0.3)
    }

    .m-main-btnbox ul li:nth-of-type(2) .btn-icon,
    .m-main-btnbox .bg-color2 {
        background-image: linear-gradient(143deg, #f78 0%, #F8485E 100%);
        -webkit-box-shadow: 0 0.075rem 0.125rem 0 rgba(248,72,94,0.3);
        box-shadow: 0 0.075rem 0.125rem 0 rgba(248,72,94,0.3)
    }

    .m-main-btnbox ul li:nth-of-type(3) .btn-icon,
    .m-main-btnbox .bg-color3 {
        background-image: linear-gradient(143deg, #5A92E2 0%, #1E6DDE 100%);
        -webkit-box-shadow: 0 0.075rem 0.125rem 0 rgba(30,109,222,0.3);
        box-shadow: 0 0.075rem 0.125rem 0 rgba(30,109,222,0.3)
    }

    .m-main-btnbox ul li:nth-of-type(4) .btn-icon,
    .m-main-btnbox .bg-color4 {
        background-image: linear-gradient(143deg, #FFC574 0%, #FF9500 100%);
        -webkit-box-shadow: 0 0.075rem 0.125rem 0 rgba(255,149,0,0.3);
        box-shadow: 0 0.075rem 0.125rem 0 rgba(255,149,0,0.3)
    }

    .m-main-btnbox ul li:nth-of-type(5) .btn-icon,
    .m-main-btnbox .bg-color5 {
        background-image: linear-gradient(143deg, #A05EB5 0%, #7B3B8F 100%);
        -webkit-box-shadow: 0 0.075rem 0.125rem 0 rgba(123,59,143,0.3);
        box-shadow: 0 0.075rem 0.125rem 0 rgba(123,59,143,0.3)
    }

    .m-main-btnbox ul li:nth-of-type(6) .btn-icon,
    .m-main-btnbox .bg-color6 {
        background-image: linear-gradient(143deg, #99D6EA 0%, #70C1DB 100%);
        -webkit-box-shadow: 0 0.075rem 0.125rem 0 rgba(112,193,219,0.3);
        box-shadow: 0 0.075rem 0.125rem 0 rgba(112,193,219,0.3)
    }

    .m-main-btnbox ul li:nth-of-type(7) .btn-icon,
    .m-main-btnbox .bg-color7 {
        background-image: linear-gradient(143deg, #FDD26E 0%, #F8BA2A 100%);
        -webkit-box-shadow: 0 0.075rem 0.125rem 0 rgba(248,186,42,0.3);
        box-shadow: 0 0.075rem 0.125rem 0 rgba(248,186,42,0.3)
    }

    .m-main-btnbox ul li:nth-of-type(8) .btn-icon,
    .m-main-btnbox .bg-color8 {
        background-image: linear-gradient(143deg, #64CCC9 0%, #43B0AD 100%);
        -webkit-box-shadow: 0 0.075rem 0.125rem 0 rgba(67,176,173,0.3);
        box-shadow: 0 0.075rem 0.125rem 0 rgba(67,176,173,0.3)
    }

.carousel {
    height: 11.75rem;
    overflow: hidden;
    margin: 0 -9rem
}

    .carousel .carousel-inner img {
        width: 100%;
        height: auto
    }

.carousel-indicators {
    bottom: 30px
}

.spactivity-carousel {
    height: 17.5rem;
    overflow: hidden;
    margin: 0 -9rem
}

    .spactivity-carousel .spactivity-carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 17.5rem
    }

        .spactivity-carousel .spactivity-carousel-inner img {
            width: auto;
            height: 17.5rem
        }

    .spactivity-carousel .carousel-indicators {
        bottom: 180px
    }

.main-search-box {
    width: 20rem;
    margin-left: -10rem;
}

    .main-search-box .box1,
    .main-search-box .box2 {
        width: 8rem;
    }

        .main-search-box .box1 .arrow-down {
            right: .5rem;
        }

.btn-mainsearch {
    width: 2.85rem;
}

.topbanner-tab h3 {
    line-height: 2;
}

.dropdown-menu {
    min-width: 8rem;
}

.topbanner-tab .tabc-0 .dropdown {
    float: none;
}

.lang-en .topbanner-tab .tabc-1 .dropdown {
    float: none;
}

.topbanner-tab .dropdown-menu {
    min-width: 6.05rem;
}

@media (max-width: 850px) {
    .m-main-btnbox {
        padding-top: .8rem
    }

        .m-main-btnbox .menu-hot {
            width: 1.5rem;
            position: absolute;
            top: -.55rem;
            right: .75rem
        }

    .shipexperience .exp_item .exp_box1 img {
        height: 15rem;
        width: 100%
    }

    .shipexperience .exp_item .exp_box2 img {
        height: 8.5rem;
        width: 100%
    }

    .exp_text_wrap {
        width: 100%;
        height: 2rem;
        line-height: 2rem
    }

    .exp_text_tit {
        font-size: .8rem
    }

    .exp_text_subtit {
        font-size: .6rem
    }

    .section {
        border-bottom: .025rem solid #F8F8F8;
        padding: 0
    }

    .section-con {
        margin-bottom: 0;
        display: block;
    }

    .nobbottom {
        border-bottom: 0rem solid #F8F8F8
    }

    .section .title {
        height: 1.25rem;
        font-size: 0.9rem;
        line-height: 1.25rem;
        margin: .8rem 0.8rem 0.5rem 0rem;
        text-align: center;
        color: #383838;
        text-align: left;
        padding-left: .25rem;
        overflow: hidden;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        word-break: break-all
    }

    .section .border-color1 {
        border-left: 10px solid #FF9500
    }

    .section .border-color2 {
        border-left: 10px solid #F8485E
    }

    .section .border-color3 {
        border-left: 10px solid #0F767C
    }

    .section .border-color4 {
        border-left: 10px solid #F8BA2A
    }

    .section .border-color5 {
        border-left: 10px solid #7B3B8F
    }

    .section .border-color6 {
        border-left: 10px solid #1E6DDE
    }

    .section .title-desc {
        text-align: center;
        font-size: .6rem;
        margin-bottom: .8rem;
        display: none
    }

    .topbanner-slider {
        position: static;
        margin-bottom: .75rem
    }

    .topbanner-slider-box, .topbanner-slider-box .topbanner-slider {
        height: 9.8rem
    }

    .topbanner .topbanner-ribbon {
        position: absolute;
        height: 11.725rem;
        top: 0;
        width: 100%;
        background-size: 100%;
        padding-bottom: 0;
        margin-bottom: -2.5rem
    }

    .m_tab {
        display: none
    }

    .hotthread .item .thread .pic {
        height: 8.875rem
    }

        .hotthread .item .thread .pic img {
            height: 8.875rem
        }

    .m_tab {
        margin-right: .5rem;
        width: auto
    }

    .hotthread .item ul {
        margin: 0 .5rem;
    }

        .hotthread .item ul li {
            display: block;
            height: auto;
            width: 100%;
            margin: 0 0 .2rem;
            padding: 0;
        }

        .hotthread .item ul.row-flex-basis li {
            flex: 0 0 100%;
        }

    .row .col {
        margin: 0 .8rem;
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto
    }

    .hotthread .item .thread .tip {
        border-bottom-left-radius: 0rem;
        border-top-right-radius: 0rem;
        height: 1.25rem;
        line-height: 1.25rem;
        font-size: .6rem;
        background: #F8485E;
        -webkit-box-shadow: 0rem 0rem 0.125rem #000;
        box-shadow: 0rem 0rem 0.125rem #000;
        top: 0;
        left: 0;
        right: auto
    }

    .m_tab .tab_item {
        float: right;
        position: relative;
        margin-left: .5rem;
        width: 4.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: .6rem;
        color: #383838;
        cursor: pointer;
        border: .025rem solid #d0d7df;
        border-radius: .175rem;
        background: #fff
    }

        .m_tab .tab_item:hover, .m_tab .current {
            color: #fff;
            background: #00969E
        }

    .hotthread .pic_title {
        height: .6rem;
        line-height: .6rem;
        padding: 0 .3rem;
        font-size: .6rem;
        display: none
    }

    .hotthread .item .thread {
        line-height: 1;
        border-radius: .25rem;
        overflow: hidden;
        border: 0;
    }

    .hotthread .tags {
        height: .75rem;
        padding: .25rem;
        background: none;
        display: none
    }

        .hotthread .tags span {
            height: .7rem;
            line-height: .7rem;
            border-radius: .125rem;
            font-size: .5rem
        }

    .hotthread .item .thread .inner .caption {
        padding-top: .5rem
    }

        .hotthread .item .thread .inner .caption p {
            color: #fff;
            line-height: .8rem;
        }

    .hotthread .item .pro-1 .prodesc {
        font-size: 0.6rem;
        color: #fff;
        font-weight: normal
    }

    .hotthreadB .item .thread .inner .caption p {
        color: #fff;
        line-height: 1.5;
        max-height: 4.3rem;
        padding: .1rem 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    .hotthread .item .thread .inner .caption .protitle {
        font-size: .7rem !important;
        line-height: 1.5;
        overflow: auto;
        white-space: normal;
        max-height: 3.5rem;
        overflow-y: hidden;
        text-align: justify;
    }
    .lang-en .hotthread .item .thread .inner .caption .protitle {
        text-align: left;
    }

        .hotthread .item .thread .inner .caption .protitle.Onelipsis,
        .hotthread .item .thread .inner .caption .timer.Onelipsis {
            -webkit-line-clamp: 3;
        }

    .hotthread .base_price {
        font-size: .6rem;
        color: #fff;
        position: absolute;
        bottom: 0.5rem;
        right: 0.25rem
    }

    .hotthread .detailbtn {
        text-align: right
    }

    .hotthread .base_price dfn {
        font-size: .6rem
    }

    .hotthread .item .pro-1 .thread .inner {
        width: auto
    }

    .hotthread .item .row-flex-basis .pro-1 .thread .inner {
        position: absolute;
        width: 35%;
        height: 100%;
        background: none;
        bottom: 0;
        border: 0;
        background: rgba(0,0,0,0.4);
        right: 0;
    }

    .hotthread .item .row-flex-basis .pro-1 .protitle {
        font-weight: bold;
    }

    .hotthread .item .row-flex-basis .pro-1 .base_price {
        padding-top: 1rem;
        font-size: .4rem;
        line-height: 1;
        color: #F8485E;
        text-shadow: 0 0 5px rgba(255,255,255,0.3);
        text-align: right;
    }

    .hotthread .row-flex-basis .pro-1 .base_price dfn {
        font-size: .6rem;
    }

    .hotthread .item .pro-1 .base_price {
        text-shadow: 0 0 5px #000;
        font-size: .6rem
    }

    .hotthread .item .thread .inner {
        position: absolute;
        width: 35%;
        height: 100%;
        background: none;
        bottom: 0;
        border: 0;
        background: rgba(0,0,0,0.4);
        right: 0
    }

    .hotthread .base_price .price {
        font-size: 1rem;
        color: #fff !important
    }

    .hotthread .item .sale .base_price {
        bottom: -.5rem;
    }

    .hotthread .item .sale .timer .time_tit {
        margin-top: .5rem;
        height: auto;
        line-height: .6rem;
    }

    .m_base_price {
        text-align: center;
        position: relative;
        top: -.5rem
    }

    .wrapper {
        width: 100%
    }

    .custom_container .content {
        height: auto
    }

    .custom_container .left_container, .custom_container .right_container {
        position: relative;
        height: 14.9rem
    }

    .custom_container {
        padding: 0 .65rem
    }

    .shiprecord .content .article .article_right .article_title {
        font-size: .6rem;
        font-weight: bold
    }

    .shiprecord .content .article .article_right .article_content {
        font-size: .45rem
    }

    .shiprecord .content .article .article_right .tags {
        font-size: .45rem
    }

    .shiprecord .content .more {
        width: 100%
    }

    .spactivity-bg {
        background-color: #fff;
        height: 15.5rem;
        background-size: 30rem
    }

    .spactivity-wrapper .title {
        padding: 0
    }

    .spactivity-context-inner {
        padding: 1px 1rem 0 1rem
    }

    .spactivity-context .desc-title {
        font-size: .8rem;
        margin-top: 1.75rem;
        text-shadow: 0 0 5px rgba(0,0,0,0.3)
    }

    .spactivity-context .dec {
        font-size: .6rem;
        line-height: 1.5;
        width: auto;
        margin: .75rem 0 .75rem 0;
        text-shadow: 0 0 0.25rem rgba(0,0,0,0.3)
    }

    .spactivity-context .m {
        position: absolute;
        bottom: -6rem;
        left: 40%
    }

    .spactivity-wrapper .dot_container {
        margin-top: .75rem;
        display: none
    }

    .ribbon-destinations2 {
        background-size: 100%;
        display: none
    }

    .shipexperience {
        padding: 0
    }

    .ribbon-destinations {
        display: none
    }

    .spactivity-wrapper-inner .txt_content {
        margin-top: 0;
        position: relative;
        z-index: 1
    }

    .spactivity-wrapper .bg-img {
        height: auto;
        width: 100%;
        position: absolute;
        top: 0rem;
        left: 0
    }

    .shipexperience * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        bottom: 0
    }

    .shipexperience .exp_item {
        padding: 0 .5rem;
        width: 100%;
        margin: 0
    }

        .shipexperience .exp_item:first-child, .shipexperience .exp_item:first-of-type {
            margin: 0
        }

        .shipexperience .exp_item img {
            width: 100%;
            height: auto
        }

    .m_shipexperience {
        position: relative;
        z-index: 1;
        padding: 0 .375rem .8rem .375rem
    }

        .m_shipexperience .box {
            padding: 0 .125rem
        }

            .m_shipexperience .box img {
                height: 6.5rem;
                border-radius: 5px
            }

        .m_shipexperience .no-gutters .row:last-child .box {
            padding-top: .25rem
        }

        .m_shipexperience .no-gutters .col-6:first-child .box img {
            height: 13.25rem;
            border-radius: 5px
        }

    .exp_box1 {
        position: relative
    }

        .exp_box1 img {
            width: 100%
        }

        .exp_box1 .exp_text_wrap {
            position: absolute;
            width: auto;
            height: auto;
            bottom: .6rem;
            left: .6rem;
            background: none;
            text-shadow: 0 0 0.25rem #000
        }

            .exp_box1 .exp_text_wrap span {
                display: block;
                color: #fff;
                text-indent: 0
            }

            .exp_box1 .exp_text_wrap .exp_text_tit {
                font-size: .7rem;
                font-weight: 500
            }

            .exp_box1 .exp_text_wrap .exp_text_subtit {
                font-size: .55rem;
                font-weight: 100;
                margin-top: .4rem
            }

    #panel-sea-bg {
        background-size: 100%;
        bottom: 0
    }

    .ourships-sea {
        padding-bottom: 0
    }

    .footerinfo .pictitle img {
        max-width: 90%;
        margin: auto;
    }

    .topbanner_plane {
        position: relative;
        margin-top: .75rem
    }

    .fleetintro {
        width: 100%;
        overflow: hidden;
        background: url(/images/icon/shipbg@2x.png) center top no-repeat;
        background-size: 100% auto;
        background-attachment: fixed
    }

    .topbanner {
        background: none;
        height: auto
    }

        .topbanner .content {
            padding: 5rem .75rem 0 .75rem;
            color: #fff
        }

    .topbanner_plane {
        margin-top: 0;
        height: auto
    }

        .topbanner_plane .ship {
            text-align: center
        }

            .topbanner_plane .ship img {
                height: 6.25rem;
                margin-left: .5rem;
                display: block
            }

            .topbanner_plane .ship .img2 {
                position: relative;
                left: 1.75rem
            }

            .topbanner_plane .ship .img3 {
                position: relative;
                left: 1.75rem
            }

        .topbanner_plane .ship02 {
            position: static
        }

        .topbanner_plane .info {
            width: 4.5rem;
            color: #fff;
            border-left: 1px solid #fff
        }

        .topbanner_plane .text_box {
            width: 60%
        }

        .topbanner_plane .content p {
            font-size: .6rem !important;
            line-height: 1rem;
            color: #fff
        }

    .shipinto .topbanner_plane .content p {
        line-height: 1.2rem;
    }

        .shipinto .topbanner_plane .content p.see-button {
            margin-top: -1.2rem;
            text-align: right;
        }

    .topbanner_plane .info .row {
        display: block;
        margin: 0;
        margin-left: .5rem
    }

    .topbanner_plane .info li {
        border: 0;
        padding: .25rem 0 .5rem 0
    }

    .topbanner_plane .info .row .col br {
        display: none
    }

    .topbanner_plane .ship .btn-icon, .topbanner_plane .ship-intro {
        display: inline-block;
        margin: 0 .25rem;
        width: 1.5rem;
        height: 1.5rem;
        position: static
    }

        .topbanner_plane .ship .btn-icon .inner {
            width: 1.35rem;
            height: 1.35rem;
            line-height: 1.35rem;
            font-size: .8rem
        }

    .topbanner_plane .ship .ship-icon {
        background: rgba(255,255,255,0.5)
    }

    .topbanner_plane .ship-intro:after {
        display: none
    }

    .topbanner_plane .ship-intro:before {
        display: none
    }

    .shipinto {
        margin-top: 0;
        background: url(/images/icon/shipbg-m.jpg) center top no-repeat;
        background-size: 100%;
        height: 23rem
    }

        .shipinto .topbanner_plane .content h1 {
            color: #fff;
            margin-bottom: .375rem;
            font-size: 0.8rem;
            line-height: 1rem
        }

        .shipinto .slick-arrow {
            display: none !important
        }

        .shipinto > .title {
            padding-top: .475rem;
            padding-bottom: 1.25rem;
            text-align: center;
            font-size: 1rem;
            font-weight: normal;
            line-height: 1.5rem
        }

        .shipinto .topbanner_plane .info {
            width: 5.6rem;
            margin-left: .8rem
        }

            .shipinto .topbanner_plane .info li {
                padding: .25rem 0;
                border: 0;
                margin: 0;
                font-size: .6rem
            }

        .shipinto .topbanner_plane .text_box {
            width: auto
        }

        .shipinto .topbanner_plane {
            height: 29rem
        }

            .shipinto .topbanner_plane .ship {
                left: 50%;
                margin-left: -50%
            }

            .shipinto .topbanner_plane .ship, .shipinto .topbanner_plane .ship02 {
                top: 7rem;
                width: 100%
            }

    .prolist .inner {
        background: #fff;
        padding: .5rem 0;
        margin: 0 .5rem;
        border-top: 1px solid #ccc
    }

    .prolist li:first-child .inner {
        border-top: 0
    }

    .prolist .inner .pic {
        float: left;
        margin-right: .75rem;
        height: auto;
        width: 44%
    }

    .section01 {
        margin-top: .75rem;
        border-radius: .2rem;
        padding-top: 1rem;
        position: relative
    }

        .section01:after {
            content: "";
            opacity: 0.2;
            background: #343E57;
            border-radius: .1rem;
            width: 2rem;
            height: .2rem;
            position: absolute;
            left: 50%;
            margin-left: -1rem;
            top: .375rem
        }

    .col-4 {
        width: 100%;
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        max-width: none
    }

    .prolist .pic, .prolist .pic img {
        width: 100%
    }

    .prolist .protitle {
        text-align: left;
        margin-top: .25rem !important;
        font-size: .7rem;
        margin-bottom: .25rem
    }

    .prowraper {
        width: 100%
    }

    .section01 .prolist {
        margin-top: 0 !important
    }

    .prolist .infos .item {
        font-size: .5rem;
        line-height: 1rem;
        color: #6D6D6D;
        font-weight: 300
    }

    .mbar ul {
        width: 100%;
        overflow: hidden;
        clear: both
    }

    .mbar li {
        width: 33%;
        float: left;
        text-align: center;
        font-size: .6rem
    }

        .mbar li a {
            display: inline-block;
            height: 1.25rem
        }

        .mbar li .current {
            color: #00969E;
            border-bottom: 2px solid #00969E
        }

    .probanner img {
        height: 7.875rem
    }

    .probanner .artion-box {
        left: 1rem;
        top: .625rem
    }

    .intro-ribbon {
        width: 100%;
        background-size: 100% auto;
        height: 7.5rem;
        margin-top: -2.125rem
    }

    .sm-youlist-wraper .title {
        text-align: left;
        font-size: .75rem;
        color: #383838;
        padding-left: .5rem;
        margin-top: .5rem
    }

    .sm-youlist-wraper .youlist-s {
        position: relative;
        height: 12.5rem;
        overflow: scroll;
        overflow-y: hidden
    }

    .sm-youlist-wraper .youlist {
        position: absolute;
        height: 11.5rem;
        width: 45.5rem
    }

        .sm-youlist-wraper .youlist .pic {
            width: 100%;
            border-radius: .15rem
        }

        .sm-youlist-wraper .youlist li {
            width: 11.25rem;
            float: left;
            padding-left: .5rem
        }

        .sm-youlist-wraper .youlist .inner {
            background: #fff;
            margin-bottom: 0
        }

        .sm-youlist-wraper .youlist .protitle {
            font-size: .6rem;
            color: #383838
        }

        .sm-youlist-wraper .youlist .desc {
            color: #666666;
            font-size: .5rem
        }

        .sm-youlist-wraper .youlist .pic .tags {
            font-size: .55rem;
            padding-top: 1rem
        }

    .btn-return {
        color: #fff;
        position: absolute;
        top: .75rem;
        left: .75rem;
        font-size: .75rem
    }

    .ribbon-destinations3 {
        background: url(/images/icon/ship-rd.png) center top no-repeat;
        height: 7.5rem;
        background-size: 100%;
        margin-top: -4.95rem;
        margin-bottom: -3.125rem;
        position: relative;
        z-index: 1
    }

    .topbanner_plane .ship-intro {
        display: none
    }

    .mdestination .sliderbox {
        width: 100%;
        overflow: hidden
    }

    .mdestination ul {
        overflow: hidden;
        margin-left: .25rem
    }

    .mdestination .slick-dots {
        margin-left: -.4rem !important
    }

    .mdestination li {
        width: 100%;
        padding: .075rem .375rem .375rem 0
    }

        .mdestination li .box {
            overflow: hidden;
            position: relative
        }

            .mdestination li .box img {
                border-radius: 5px
            }

    .mdestination .li2 {
        width: 15.25rem;
        height: 9.45rem;
        background: #D8D8D8;
        -webkit-box-shadow: 0 .075rem .375rem 0 rgba(0,0,0,0.5);
        box-shadow: 0 .075rem .375rem 0 rgba(0,0,0,0.5);
        border-radius: .25rem
    }

    .mdestination .txt_box {
        position: absolute;
        width: 100%;
        height: 7rem;
        background: rgba(0,0,0,0.4);
        bottom: 0;
        color: #fff;
        font-size: .6rem;
        padding: 0 .8rem
    }

        .mdestination .txt_box .txt_title {
            font-size: 1rem;
            margin-top: .675rem;
            border-bottom: 1px solid #fff;
            margin-bottom: .5rem
        }

    .topbanner_plane .ship .btn-icon .open {
        display: none
    }

    .carousel {
        height: 9.8rem;
        position: static
    }

        .carousel .carousel-inner img {
            width: 100%;
            height: auto
        }

        .carousel .carousel-indicators {
            bottom: 0px
        }

    .spactivity-carousel {
        height: auto;
        overflow: hidden;
        margin: 0 0rem
    }

        .spactivity-carousel .spactivity-carousel-inner {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: 17.5rem
        }

            .spactivity-carousel .spactivity-carousel-inner img {
                width: 100%;
                height: auto
            }

        .spactivity-carousel .carousel-indicators {
            bottom: 0px
        }
}


/** 手机版头部重新定义 开始 **/
@media (max-width: 850px) {
    #title_name,
    .sm-header .icon-arrowleft {
        display: none;
    }

    .wraper-box .logo-icon,
    .tel-box,
    .message-box {
        display: block !important;
    }

    .message-box {
        margin-right: .75rem;
    }
}
/** 手机版头部重新定义 结束 **/
.banner-box {
    height: 11.75rem;
    overflow: visible;
    margin: 0 -9rem;
}

    .banner-box .banner-item {
        width: 100%;
    }

        .banner-box .banner-item img {
            width: 100%;
            overflow: hidden;
        }

    .banner-box .swiper-pagination {
        bottom: .9rem !important;
    }

        .banner-box .swiper-pagination .swiper-pagination-bullet {
            width: 30px;
            height: 3px;
            border-radius: 0;
            background-color: #ffffff;
            opacity: .5;
            -webkit-transition: opacity 0.6s ease;
            transition: opacity 0.6s ease;
            cursor: pointer;
        }

        .banner-box .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1;
        }

.topbanner .swiper-button-next,
.topbanner .swiper-button-prev {
    color: #ffffff;
    display: none;
}

.topbanner:hover .swiper-button-next,
.topbanner:hover .swiper-button-prev {
    display: block;
}

.specialactivity {
    position: relative;
}

.swiper-button-prev {
    left: 20px;
    right: auto;
}

.swiper-button-next {
    right: 20px;
    left: auto;
}

.specialactivity-title {
    position: absolute;
    top: 1.5rem;
    left: 0;
    text-align: center;
    height: 1.1rem;
    color: #383838;
    text-align: center;
    font-size: .7rem;
    font-weight: normal;
    width: 100%;
    z-index: 2;
}

.specialac-item {
    overflow: hidden;
    position: relative;
}

.specialactivity .specialac-item a {
    color: #ffffff;
    text-decoration: none;
}

.specialactivity .specialac-item img {
    overflow: hidden;
    width: 100%;
}

.specialac-item .text {
    position: absolute;
    top: 5rem;
    left: 50%;
    margin-left: -15rem;
    color: #ffffff;
    width: 100%;
}

    .specialac-item .text h6 {
        font-size: .5rem;
    }

    .specialac-item .text p {
        margin: .75rem 0;
        font-size: .35rem;
        line-height: 2;
        width: 9.5rem;
    }

.specialactivity .banner-box {
    height: 17.5rem;
}

    .specialactivity .banner-box .swiper-pagination {
        bottom: 2rem !important;
    }

@media (max-width: 850px) {
    .banner-box {
        height: auto;
        margin: 0;
        overflow: hidden;
    }

        .banner-box .swiper-pagination {
            bottom: .3rem !important;
        }

    .specialactivity .banner-box {
        height: auto;
    }

    .specialac-item .text {
        left: 0;
        top: 2rem;
        margin-left: 0;
        text-align: center;
    }

        .specialac-item .text h6,
        .specialac-item .text p {
            padding: 0 1rem;
        }

        .specialac-item .text h6 {
            font-size: .8rem;
        }

        .specialac-item .text p {
            width: auto;
            text-align: left;
        }

        .specialac-item .text a {
            margin-top: .5rem;
        }

    .specialactivity .banner-box .swiper-pagination {
        bottom: .9rem !important;
    }

    .hotthread .item .sale .timer {
        width: 6.5rem;
        border-width: .05rem;
    }

        .hotthread .item .sale .timer .time_p {
            font-size: 0.65rem;
            line-height: 1.3rem;
        }

            .hotthread .item .sale .timer .time_p span {
                font-size: 0.65rem;
                line-height: 1.3rem;
            }
}

#cu-form label.error {
    width: 100%;
    text-align: left;
    color: red;
}

#cu-form .dropdown label.error {
    float: left;
    padding-top: 0;
}
/** 限时特惠 开始 **/
.hotspecial ul li {
    margin-top: .25rem;
    height: 10rem;
    border-radius: .125rem;
    overflow: hidden;
    position: relative;
}

    .hotspecial ul li a {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
    }

    .hotspecial ul li .pic {
        width: 100%;
        height: 10rem;
        overflow: hidden;
        border-radius: .125rem;
    }

        .hotspecial ul li .pic img {
            width: 100%;
            height: 10rem;
            overflow: hidden;
        }

    .hotspecial ul li .timebox {
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        color: #ffffff;
        text-align: center;
        font-family: "microsoft yahei";
        text-shadow: rgba(0, 0, 0, 0.6) 0.1em 0.1em 0.3em;
    }

        .hotspecial ul li .timebox h6 {
            font-size: .75rem;
            font-weight: 500;
            padding-top: 1.7rem;
        }

        .hotspecial ul li .timebox .time-p {
            font-size: .7rem;
            color: #fff;
            line-height: 1.15rem;
            text-align: center;
            margin-top: .5rem;
            vertical-align: middle;
        }

            .hotspecial ul li .timebox .time-p p {
                background-color: rgba(0, 0, 0, 0.3);
                display: inline-block;
                line-height: 0.6rem;
                width: 2.2rem;
                font-size: .35rem;
                margin: 0 .1rem;
                vertical-align: middle;
                padding: 0.2rem 0;
                text-align: center;
                text-transform: uppercase;
            }

                .hotspecial ul li .timebox .time-p p span {
                    display: block;
                    font-size: 1.2rem;
                    line-height: 1.2rem;
                    vertical-align: middle;
                }

        .hotspecial ul li .timebox .time-text {
            text-align: center;
            font-size: .45rem;
            line-height: 0.8rem;
            padding: 0.4rem 0;
        }

        .hotspecial ul li .timebox .price {
            text-align: center;
            font-size: 0.55rem;
            background-color: rgba(0, 0, 0, 0.3);
            display: inline-block;
            border-radius: 1rem;
            height: 1.4rem;
            line-height: 1.2rem;
            padding: 0 .8rem;
            margin: 0.45rem 0;
        }

            .hotspecial ul li .timebox .price span {
                font-size: 0.95rem;
                font-weight: 700;
                line-height: 1.4rem;
                padding-right: 0.1rem;
                vertical-align: top;
            }

            .hotspecial ul li .timebox .price strong {
                font-size: 0.75rem;
                line-height: 1.4rem;
            }

.titlebox {
    width: 55%;
    position: absolute;
    right: 5%;
    bottom: 10%;
    color: #ffffff;
    text-align: right;
    font-family: "microsoft yahei";
    text-shadow: rgba(0, 0, 0, 0.6) 0.1em 0.1em 0.3em;
}

.hotspecial ul li .titlebox h6 {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.hotspecial ul li .titlebox p {
    font-size: 0.6rem;
    font-weight: 500;
}

.dropdown b {
    right: 0.65rem;
}

@media (max-width: 850px) {
    .hotspecial ul li {
        margin: 0 0.5rem 0.2rem;
        height: 8.875rem;
    }

        .hotspecial ul li .pic {
            height: 8.875rem;
        }

            .hotspecial ul li .pic img {
                height: 8.875rem;
            }

        .hotspecial ul li .timebox {
            width: auto;
            text-align: left;
            left: 3%;
        }

            .hotspecial ul li .timebox .time-p,
            .hotspecial ul li .timebox .time-text {
                text-align: left;
            }

            .hotspecial ul li .timebox h6 {
                font-size: 0.8rem;
                font-weight: 500;
                padding-top: 0.7rem;
            }

            .hotspecial ul li .timebox .time-p {
                font-size: .7rem;
                color: #98d5ea;
                line-height: 1.15rem;
                text-align: center;
                margin-top: .5rem;
                vertical-align: middle;
                margin-left: -.3rem
            }

                .hotspecial ul li .timebox .time-p p {
                    background-color: transparent;
                    width: 2.6rem;
                    font-size: .6rem;
                    margin: 0;
                    padding: 0;
                    text-align: center;
                    line-height: 1.2rem;
                    text-transform: none;
                }

                    .hotspecial ul li .timebox .time-p p span {
                        margin: auto;
                        width: 2.2rem;
                        font-size: 1.2rem;
                        line-height: 2rem;
                        color: #ffffff;
                        border-radius: .225rem;
                        background-color: rgba(255, 255, 255, 0.2);
                    }

            .hotspecial ul li .timebox .time-text {
                font-size: .6rem;
                line-height: 1rem;
                padding: 0;
            }

            .hotspecial ul li .timebox .price {
                display: none;
            }

            .hotspecial ul li .timebox button {
                color: #ffffff;
                background-color: rgba(48, 31, 67, 1);
                border-radius: .225rem;
                display: inline-block;
                font-size: 0.7rem;
                line-height: 1.4rem;
                border: 0;
                padding: 0 0.5rem;
                margin-top: 0.3rem;
            }

    .main-search-box {
        position: static;
        width: auto;
        border: .025rem solid #F8F8F8;
        margin: 0.5rem;
        box-shadow: 0 0 0 0 #ffffff;
        padding: 0.15rem 0;
    }

        .main-search-box .box1,
        .main-search-box .box2 {
            width: 6.9rem;
            font-size: .6rem;
        }

            .main-search-box .box1 .arrow-down,
            .main-search-box .box1 .arrow-up {
                right: .2rem;
            }

        .main-search-box .box3 {
            padding: 0.18rem .375rem 0;
        }

    .btn-mainsearch {
        width: 3rem;
        height: 1.4rem;
        font-size: .6rem;
        line-height: 1.4rem;
    }

    .dropdown-menu {
        min-width: 6.9rem;
    }

    .main-search-box .arrow-down {
        width: .4rem;
        height: .4rem;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: .04rem solid #999;
        border-width: 0 .04rem .04rem 0;
        display: block;
    }

    .main-search-box .arrow-up {
        width: .4rem;
        height: .4rem;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: .04rem solid #999;
        border-width: .04rem 0 0 .04rem;
        display: block;
    }

    .dropdown b {
        right: 0.45rem;
    }
}
/** 限时特惠 结束 **/

/** 船上体验 开始 **/
.content-shipexp {
    width: 100%;
    overflow: hidden;
    -moz-column-count: 3; /* Firefox */
    -webkit-column-count: 3; /* Safari �� Chrome */
    column-count: 3; /* 将 div 元素中的文本分为2列，并规定列间1rem像素的间隔。 */
    -moz-column-gap: .75rem;
    -webkit-column-gap: .75rem;
    column-gap: .75rem;
}

    .content-shipexp li {
        /*float: left;
    width: 33.3%;*/
        overflow: hidden;
        margin: 0 0 .25rem 0;
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid; /*break-inside: avoid; 避免元素内部断行并产生新列*/
        border-radius: 5px;
        max-width: 370px;
    }

        .content-shipexp li .li-item {
            overflow: hidden;
            text-decoration: none;
        }

            .content-shipexp li .li-item img {
                width: 100%;
                max-height: 8.25rem;
                overflow: hidden;
            }

        .content-shipexp li:nth-child(2) .li-item img,
        .content-shipexp li:nth-child(3) .li-item img,
        .content-shipexp li:nth-child(6) .li-item img {
            max-height: 4rem;
        }

        .content-shipexp li .li-item .shipexp-text {
            width: 100%;
            height: 1rem;
            background: #F8FCFC;
            padding: 0 .25rem;
            line-height: 1rem;
        }

        .content-shipexp li .li-item .shipexp-text-tit {
            font-size: .4rem;
            color: #343940;
            line-height: .55rem;
            margin-right: .5rem;
        }

        .content-shipexp li .li-item .shipexp-text-subtit {
            font-size: .325rem;
            color: #666666;
            line-height: .5rem;
        }

.content-shipmobile {
    overflow: hidden;
}

    .content-shipmobile ul {
        padding: 0 .375rem 1rem .375rem;
        box-sizing: border-box;
        overflow: hidden;
    }

        .content-shipmobile ul li {
            padding: 0 .125rem;
            float: left;
            width: 50%;
            overflow: hidden;
        }

            .content-shipmobile ul li:nth-child(3) {
                padding-top: .25rem;
            }

            .content-shipmobile ul li .li-item {
                margin: 0 .125rem;
                position: relative;
                overflow: hidden;
                display: block;
            }

            .content-shipmobile ul li img {
                width: 100%;
                overflow: hidden;
                height: 6.5rem;
                border-radius: 5px;
            }

            .content-shipmobile ul li:first-child img {
                height: 13.25rem;
            }

            .content-shipmobile ul li .shipexp-text {
                position: absolute;
                width: 100%;
                height: auto;
                bottom: 0;
                left: 0;
                text-shadow: 0 0 0.25rem #000;
                color: #ffffff;
                padding: .6rem
            }

            .content-shipmobile ul li .shipexp-text-tit {
                font-size: .7rem;
                font-weight: 500;
            }

            .content-shipmobile ul li .shipexp-text-subtit {
                font-size: .55rem;
                font-weight: 100;
            }

    .content-shipmobile .swiper-pagination {
        bottom: 0;
    }

        .content-shipmobile .swiper-pagination .swiper-pagination-bullet-active {
            background: #00969e;
        }
/** 船上体验 结束 **/
/** 自定义内容 开始 **/
.custom_content {
    overflow: hidden;
    padding: 0 .75rem 0;
    margin-top: .65rem;
    position: relative;
    z-index: 1;
}
/** 自定义内容 结束 **/

/** 顶部广告-标题 开始 **/
.banner-title {
    position: absolute;
    width: 1380px;
    top: 100px;
    left: 50%;
    margin-left: -690px;
}

    .banner-title h2 {
        padding: 0 10px;
        color: white;
        text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
        font-family: Georgia;
        font-size: 24pt;
        text-align: center;
        line-height: 1.4
    }

.lang-cn .banner-title h2,
.lang-tc .banner-title h2 {
    font-family: Heiti;
}

@media (max-width: 1400px) {
    .banner-title {
        width: 1280px;
        margin-left: -640px;
    }
}

@media (max-width: 1300px) {
    .banner-title {
        width: 1024px;
        margin-left: -512px;
    }
}

@media (max-width: 850px) {
    .banner-title {
        width: 100%;
        top: 11.4%;
        left: 0;
        margin-left: 0;
    }

        .banner-title h2 {
            font-size: 20pt;
        }

    .topbanner .swiper-button-next,
    .topbanner .swiper-button-prev {
        display: block;
        transform: scale(0.8, 0.8);
        margin-top: -2.95454rem;
    }

    .footerinfo {
        height: auto;
        min-height: initial;
    }

        .footerinfo .pictitle {
            margin-bottom: .75rem;
        }
}
/** 顶部广告-标题 结束 **/

/** 955px 切换头部 开始 **/
@media screen and (min-width:850px) and (max-width:955px) {
    .banner-box {
        height: 10.75rem;
    }
    #title_name, .sm-header .icon-arrowleft {
        display: none;
    }

    .header-bar .wraper-box .logo-icon,
    .header-bar .tel-box,
    .header-bar .message-box {
        display: block !important;
    }
}
/** 955px 切换头部 结束 **/