/* css重置 */
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
}

body {
    font: 0.3733rem "微软雅黑", "宋体","Arial Narrow",HELVETICA;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    color: #333;
    line-height: 1.1;
}

html, body {
    background: #fff;
    max-width: 750px;
    margin: 0 auto;
}

a {
    color: #172c45;
    text-decoration: none
}

    a:hover { /* color:#cd0200  ;*/

        text-decoration: none;
    }

em {
    font-style: normal
}

li {
    list-style: none
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

p {
    word-wrap: break-word
}

i {
    font-style: normal;
}

a, input, button, select {
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
}

video, .bl-img-div img, .bd-img-div img {
    width: 100%;
    object-fit: fill;
    height: 100%;
}

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

.clear {
    zoom: 1;
}

.Lfloat {
    float: left !important;
}

.Rfloat {
    float: right !important;
}

.textR {
    text-align: right !important;
}

.textset1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.textset2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.textset3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.textset6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.disflex, .cp-ul li {
    display: flex;
    justify-content: space-between;
}

.disflex1, .os-ul li {
    display: flex;
}

.Calign, .cp-ul li {
    align-items: center;
}

.colorfff, .date .no_date {
    color: #fff !important;
}

.color999 {
    color: #999 !important;
}

.color666 {
    color: #666 !important;
}

.color333 {
    color: #333 !important;
}

.colorred, .os-ul i, .date .data-div .price {
    color: #FF4C4C !important;
}

.colorblue {
    color: #22ACF6 !important;
}

.coloryellow {
    color: #FF9421 !important;
}

.bgfff, .bl-head, .uQ-list li, .or-cont {
    background: #fff !important;
}

.bgfb {
    background: #FBFBFB !important;
}

.fontbold {
    font-weight: bold !important;
}

.nofontbold {
    font-weight: initial !important;
}

.font12 {
    font-size: 0.32rem !important;
}

.font13 {
    font-size: 0.3466rem !important;
}

.font14 {
    font-size: 0.3733rem !important;
}

.font15 {
    font-size: 0.4rem !important;
}

.font16 {
    font-size: 0.4266rem !important;
}

.font18 {
    font-size: 0.48rem !important;
}

.font19 {
    font-size: 0.5066rem !important;
}

.Rposition {
    position: relative;
    overflow: hidden;
}

.Rposition1, .or-cont .active {
    position: relative;
}

.marginR0 {
    margin-right: 0 !important;
}

.marginL0 {
    margin-left: 0 !important;
}

.marginL12 {
    margin-left: 0.32rem !important;
}

.marginT0 {
    margin-top: 0 !important;
}

.marginB0 {
    margin-bottom: 0 !important;
}

.marginB6 {
    margin-bottom: 0.16rem !important;
}

.marginT15 {
    margin-top: 0.4rem !important;
}

.Bborder, .os-ul li, .myo-top {
    border-bottom: 1px solid #E5E5E5;
}
/* 首页 */
.idx-flexslider {
    height: 4.6666rem;
    overflow: hidden;
    position: relative;
}

    .idx-flexslider li img, .idx-brand li img, .idx-img-top, .ct-lable, .De-Advertisement img {
        width: 100%;
    }

    .idx-flexslider .flex-control-nav, .idx-ship-ul .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 25px;
        text-align: center;
        z-index: 9;
    }

    .idx-flexslider ol.flex-control-nav li, .idx-ship-ul ol.flex-control-nav li {
        display: inline-block;
        float: inherit;
    }

    .idx-flexslider .flex-control-nav li a, .idx-ship-ul .flex-control-nav li a {
        width: 0.5333rem;
        margin: 0 0.16rem;
        height: 0.08rem;
        border-radius: 0.2666rem;
        background: #fff;
        text-indent: -20000px;
        display: block;
        margin-right: 0.1066rem;
        cursor: pointer;
        opacity: 0.5;
    }

    .idx-flexslider .flex-control-paging li a.flex-active, .idx-ship-ul .flex-control-paging li a.flex-active {
        opacity: 1;
    }

.idx-logo {
    width: 2.7466rem;
    height: 0.7733rem;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0.32rem;
    left: 0.32rem;
    z-index: 9;
    border-radius: 5px;
}

.search {
    width: 5.96rem;
    text-align: center;
    height: 0.7rem;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    border-radius: 1.3rem 0.2rem 1.3rem 0.2rem;
    position: absolute;
    top: 0.32rem;
    right: 0.32rem;
    z-index: 9;
    border: 0;
    padding: 0.07rem 0 0 0rem;
}

/*.idx-flexslider:after{content: "";background: url(../img/index/icon1.png) no-repeat;position: absolute;right: 5.6rem;width:0.4533rem;height:0.4533rem;background-size: contain;top: 0.8533rem;z-index: 99;}*/
.idx-ul-item {
    padding-bottom: 0.8rem;
}

    .idx-ul-item li, .idx-brand li {
        width: 25%;
        text-align: center;
        float: left;
        margin: 0.2666rem 0 -0.1066rem 0;
        font-size: 0.3733rem;
    }

.idx-brand li {
    width: 50%;
    border-radius: 5px;
}

    .idx-brand li img {
        border-radius: 4px;
        height: 1.12rem;
    }

.idx-img-box {
    width: 1.1733rem;
    height: 1.3333rem;
    line-height: 1.3333rem;
    text-align: center;
    margin: 0 auto;
}

    .idx-img-box img {
        display: inline-block;
        width: 100%;
    }

.De-Advertisement img {
    display: block;
    margin-bottom: 0.2666rem;
    border-radius: 0.1333rem;
}

.idx-notice {
    margin-top: 0.54rem;
    font-size: 15px;
    margin-bottom: 0.32rem;
    line-height: 0.48rem;
}

    .idx-notice img {
        margin: 0 0.1333rem 0 0.32rem;
        width: 0.4rem;
    }

.idx-special-offer, .idx-ship-date, .idx-special-offer li p, .idx-set-out, .ls-ul, .cs-ship-txt, .cst-content, .ct-slider-title, .ct-people-info, .ct-travels-ul, .ct-txt, .cst-travels-ul {
    padding: 0 0.32rem;
}

.idx-ship-date {
    box-shadow: 0px 0px 0.4rem 0px rgba(55,55,55,0.1);
    border-radius: 6px;
    padding-bottom: 0.2133rem;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: -25px;
}

.idx-condition {
    height: 1.4666rem;
    line-height: 1.4rem;
    /* border-bottom: 1px solid #e5e5e5;*/
    display: flex;
}

.idx-Popular-title, .cd-Popular-title, .cd-comment-title {
    margin: 0.8rem 0 0.4533rem 0.32rem;
}

    .cd-Popular-title:before, .cd-comment-title:before, .idx-Popular-title:before, .de-big-title:before, .de-trip-title:before, .de-line:before, .qad-title:before {
        content: "";
        width: 0.08rem;
        height: 0.4533rem;
        background: rgba(53,153,252,1);
        border-radius: 2px;
        position: absolute;
        left: -0.24rem;
        top: 0.05rem;
    }

.idx-Popular li, .idx-span-name, .idx-p-address-name, .ct-more {
    margin-right: 0.32rem;
}

.idx-Popular {
    height: 6.3333rem;
    overflow-y: hidden;
}

    .idx-Popular li, .idx-Popular li img, .idx-Popular-bg {
        height: 8.0333rem;
        border-radius: 5px;
        overflow: hidden;
    }

        .idx-Popular li img, .idx-Popular-bg {
            width: 100%;
            height: 4.466rem;
        }

.idx-Popular-bg {
    background: linear-gradient(0deg,rgba(60, 54, 54, 0.75),rgba(77,77,77,0.75),rgba(0,0,0,0));
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4.9866rem;
}

.idx-Popular-txt {
    position: absolute;
    bottom: 0.2666rem;
    left: 0.4533rem;
    color: #fff;
    font-size: 0.32rem;
    width: 80%;
}

    .idx-Popular-txt .textset3 {
        line-height: 0.5866rem;
        letter-spacing: 1px;
        font-size: 0.4266rem;
    }

.idx-span-price {
    font-size: 0.48rem !important;
}

.idx-lable {
    width: 110%;
    height: 0.56rem;
    overflow: hidden;
    margin: 0.2666rem 0 0.32rem 0;
}

    .idx-lable span {
        padding: 0.0533rem 0.1333rem;
        opacity: 0.8;
        border-radius: 0.2133rem;
        background: #fff;
        margin-right: 0.0533rem;
        margin-bottom: 0.1333rem;
        display: inline-block;
        color: #000;
        font-weight: bold;
    }

.idx-Popular .flex-control-nav, .ls-flexslider::-webkit-scrollbar, .back-top, .public-wind, .public-wind-bg, .price-window-bg, .price-window, .Ndispaly {
    display: none;
}

.idx-Popular-red:before {
    background: #FF4848;
}
/* 首页的标题前面的竖线 */
.idx-Popular-yellow:before {
    background: #FF9421;
}

.idx-Popular-green:before {
    background: #95D016;
}

.idx-special-offer, .de-live, .cs-home-info, .ct-travels-ul li, .bd-introduce {
    flex-wrap: wrap;
}

    .idx-special-offer li {
        width: 48.45% !important;
        font-size: 12px;
        padding-bottom: 0.22rem;
        box-shadow: 0px 0px 15px 0px rgba(55,55,55,0.1);
        border-radius: 5px;
    }

.idx-special-div {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.69%;
    overflow: hidden;
    border-radius: 0.2666rem 0.2666rem 0 0;
    border-radius: 5px 5px 0px 0px;
}

    .idx-special-div img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: 0;
        transform: translate(-50%, -50%);
        border-radius: 5px 5px 0px 0px;
    }

.idx-p-address {
    margin: 0.1666rem 0 0.1rem 0;
    line-height: 0.98rem;
}

.idx-set-out, .idx-set-out .idx-Popular-bg, .idx-set-out img {
    width: 93.6%;
    padding-bottom: 46.68%;
    height: auto;
}

    .idx-set-out img {
        position: absolute;
        height: 100%;
        padding-bottom: 0;
    }

    .idx-set-out .idx-Popular-bg {
        left: 0.32rem;
    }

.idx-brand {
    margin-top: -0.2666rem;
}

.idx-p-title, .ls-right-txt p, .de-discount-top, .de-characteristic_ {
    margin-bottom: 0.2133rem;
}

.idx-p-introduce, .ls-txt, .de-discount span, .de-time-price li, .line18, .idx-p-bg .idx-p-title {
    line-height: 0.48rem;
}

.idx-information, .bd-home, .bd-tips, .myo-img-txt {
    margin: 0 0.32rem;
}

    .idx-information li {
        position: absolute;
        padding-bottom: 0;
        box-shadow: initial;
    }

.idx-p-bg {
    box-shadow: 0px 0px 15px 0px rgba(55,55,55,0.1);
    background: #fff;
    padding-top: 0.32rem;
    height: 2rem;
    border-radius: 0 0 0.1rem 0.1rem;
}


.idx-condition .choose-select:nth-child(3) .ls-item-title {
    display: inline-block;
    width: 74%;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.idx-condition .choose-select .ls-item-title:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 0.1333rem solid transparent;
    border-right: 0.1333rem solid transparent;
    border-top: 0.1333rem solid #999;
    position: absolute;
    top: 0.65rem;
    margin-left: 0.15rem;
}

.idx-condition .choose-select:nth-child(3) .ls-item-title:after {
    right: 0;
}

.idx-condition .idx-route {
    width: 13%;
}

.idx-btn-search {
    width: 20%;
    height: 0.6666rem;
    background: #62B4F4;
    border-radius: 0.3466rem;
    border: 0;
    margin-top: 0.4rem;
    margin-left: 3.4%;
}

.idx-ship-btn button, .de-lt-btn, .sub-btn, .cp-btn {
    border: 0;
    width: 3.2rem;
    height: 0.8533rem;
    border-radius: 0.4266rem;
    background: #F3F7FE;
    color: #BEC1D5;
    font-size: 0.3466rem;
}

.idx-ship-btn .active {
    background: linear-gradient(270deg,rgba(20,194,252,1),rgba(52,145,238,1));
    box-shadow: 0px 0.08rem 0.24rem 0px rgba(47,152,253,0.36);
    color: #fff;
}

.idx-ship-btn {
    height: 0.8533rem;
    line-height: 0.8533rem;
    margin: 0.6666rem 0;
}

    .idx-ship-btn img, .de-people-head {
        width: 0.5333rem;
        height: 0.3733rem;
        margin-right: 0.2666rem;
    }

.idx-ship-time {
    margin: -10px 0.48rem 0.2933rem;
    color: #848484;
}

    .idx-ship-time img {
        width: 0.3466rem;
        margin-top: -0.0933rem;
    }

.idx-ship-price {
    margin: 0 0.48rem 0.2666rem;
    font-weight: bold;
    color: #525252;
}

    .idx-ship-price .font12 {
        margin-left: 0.4rem;
    }

.idx-ship-ul {
    height: 1.44rem;
    overflow-y: hidden;
}

    .idx-ship-ul .flex-control-nav {
        bottom: -0.2rem;
    }

        .idx-ship-ul .flex-control-nav li a {
            width: 0.24rem;
            background: #1974D0;
        }
/* 底部 */
@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.ttf?t=1574306050463');
}

.footer, .public-wind-bg, .public-wind, .price-window-bg, .price-window, .qa-btn, .or-bottom, .us-wind {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.6666rem;
    background: rgba(255,255,255,1);
    box-shadow: 0px -1px 8px 0px rgba(6,0,0,0.1);
    z-index: 9;
}

    .footer li {
        float: left;
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 0.32rem;
    }

.fot-iconfont, .fot-iconfont_zx, .fot-iconfont_tel, .head-left-icon, .span-price-icon, .fonticon-time, .li-span-more, .ls-font-add {
    font-family: "iconfont";
    font-size: 0.7466rem;
    margin: 0.08rem 0 -0.02rem 0;
}

.footer .active {
    color: #1974D0;
}

.seat-div {
    height: 1.3333rem;
}
/* 船票预定 */
.ls-head, .de-head, .bl-head {
    height: 1.3333rem;
    background: #fff;
    justify-content: space-between;
    font-size: 0.48rem;
    font-weight: bold;
    padding: 0 9.5rem 0 0.1866rem;
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    top: 0;
    left: 0;
    layout-flow: 0;
    width: 95.5%;
    z-index: 9;
}

.head-left-icon, .ls-font-add {
    font-size: 0.5333rem;
    font-weight: 100;
}

.ls-item {
    box-shadow: 0px 1px 7px 0px rgba(55,55,55,0.1);
    height: 1.3333rem;
    justify-content: space-around;
    margin-bottom: 0.5333rem;
}

.public-wind-bg, .us-wind {
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 99;
}

.public-wind {
    background: #fff;
    z-index: 99;
    height: 8rem;
    line-height: initial;
    color: #333;
}

    .public-wind p {
        padding: 0.3733rem 0.2666rem;
        border-bottom: 1px dashed #ccc;
        position: relative;
    }

    .public-wind .active:after {
        content: "";
        position: absolute;
        right: 0.2666rem;
        top: 0.3733rem;
        width: 0.5066rem;
        height: 0.2133rem;
        border: 0.0533rem solid #FF9421;
        border-radius: 0.0266rem;
        border-top: none;
        border-right: none;
        background: transparent;
        transform: rotate(-45deg);
    }

    .public-wind h3 {
        padding: 0.3rem 0.2666rem;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    }

    .public-wind .content {
        overflow: auto;
        height: 6.88rem;
        text-align: left;
    }

.ls-item span {
    border-bottom: 0.08rem solid #FFF;
    padding-bottom: 0.1333rem;
}

.ls-item .fontbold {
    border-color: #3AA0FF;
}

.span-price-icon, .tea_arrowUp {
    font-size: 0.5066rem;
    color: #7E7E7E;
    top: 0.0533rem;
    display: inline-block;
    transition: 0.8s;
    transform-origin: center center;
    margin: 0;
}

.tea_arrowUp, .cp-ul .head-left-icon {
    transform: rotate(180deg);
}

.ls-div-img, .ls-contact li, .ct-bigimg li, .ct-smallimg img, .ct-right, .ct-right img, .os-box, .os-right, .os-right img, .uQ-left img, .uQ-list li {
    border-radius: 0.1333rem;
}

    .ls-div-img, .ls-div-img .ls-img {
        /*height: 3.0133rem;*/
        width: 3.0133rem;
        overflow: hidden;
    }

.ls-right-txt {
    width: 5.95rem;
    font-size: 0.32rem;
    padding-bottom: 0.25rem;
}

.ls-lable, .de-lable {
    height: 0.4533rem;
    overflow: hidden;
}

    .ls-lable span, .de-lable span, .de-tips, .qa-lable {
        padding: 0.0533rem 0.062rem;
        /*margin:5px 0 0 0;*/
        background: #EFEFEF;
        display: inline-block; /* border-radius: 0.0533rem; */
        border-radius: 0.09rem;
        color: #333;
        text-align: center;
    }

    .de-lable span {
        margin: 5px 0 0 0;
    }

.ls-right-txt .font15, .price-w-content {
    line-height: 0.5333rem;
}

.fonticon-time, .cd-head-img, .qa-name {
    font-size: 0.3466rem;
    margin-right: 0.2666rem;
}

.ls-ul li {
    margin-top: 0.4rem;
    color: #666;
    letter-spacing: 1px;
}

.ls-more {
    flex-direction: column;
    align-items: center;
    color: #777;
    padding-top: 0.2666rem;
    padding-bottom: 0.25rem;
    line-height: 0.72rem;
    font-size: 0.4rem;
}

.ls-ship-line {
    width: 3.0133rem;
    height: 0.6666rem;
    line-height: 0.6666rem;
    text-align: center;
    background: #464849;
    /*position: absolute;
    bottom: 0;*/
    border-radius: 0 0 0.1266rem 0.1266rem; /*alun*/
    left: 0;
    overflow: hidden;
}

    .ls-ship-line img {
        width: 0.2666rem;
    }

.ls-contact {
    width: max-content;
    margin-bottom: 0.5333rem;
}

    .ls-contact li {
        background: #F8F8F8;
        padding: 0.4rem 0.4533rem 0.08rem;
        width: 2.5rem;
        margin-right: 0.22rem;
        float: left;
    }

.wxlogol {
    width: 20px;
    margin-right: 3px;
}

.ls-header-img {
    width: 1.4666rem;
    height: 1.4666rem;
    border-radius: 50%;
    margin-bottom: 0.1333rem;
}

.ls-contact p, .de-special li, .cs-swiper-top li, .cs-swiper-top2 li, .ct-people-info {
    margin-bottom: 0.1933rem;
    width: 100%;
}

.ls-txt {
    height: 0.96rem;
    overflow: hidden;
}

.ls-flexslider {
    margin-left: 0.32rem;
    overflow-y: hidden;
}
/* 详情 */
.carousel, .carousel .swiper-container {
    width: 100%;
    height: 4.6666rem;
    position: relative;
}

.swiper-slideVideo, .swiper-slideVideoSub, .video_btn > img, .video_btnSub > img, .case .swiper-slide img, .swiper-slideVideo > video {
    width: 100%;
    height: 100%;
    position: relative;
}

.video_btn, .video_btnSub {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.vAndi {
    width: 2.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0.2666rem;
    z-index: 9999;
    display: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .vAndi > div {
        width: 1.075rem;
        height: 0.45rem;
        border-radius: 0.1rem;
        line-height: 0.45rem;
        background: #FFE535;
        font-size: 0.09rem;
        text-align: center;
        font-size: 0.32rem;
    }

.videoBtn.SWactive:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.1866rem solid #333;
    border-top: 0.1333rem solid transparent;
    border-bottom: 0.1333rem solid transparent;
    position: relative;
    top: 0.0266rem;
    left: 0.0533rem;
}

.videoBtn.SWactive, .imgBtn.SWactive, .ct-bigimg li {
    background: #fff;
}

.de-head, .bl-head {
    background: transparent;
    border: 0;
}

.head-ul li {
    margin: 0 0.35rem;
    font-weight: normal;
    font-size: 0.4rem;
    display: none;
    position: relative;
    text-align: center;
}

.head-ul .fontbold:before, .qa-tabs .fontbold:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.08rem;
    background: #3AA0FF;
    border-radius: 0.1rem;
    bottom: -0.29rem;
    left: 1px;
}

.de-ship, .de-ship-time, .cs-swiper-top, .cs-swiper-top2 {
    padding: 0.2666rem 0.32rem;
    margin-bottom: 0.2666rem;
}

.de-ship-time {
    padding: 0.3733rem 0.32rem;
}

.de-big-title span {
    padding: 0.12rem 0.1rem;
    border: 1px solid rgba(58,160,255,1);
}

.de-big-title em {
    font-weight: normal;
    color: #999;
    display: inline-block;
    font-size: 12px !important;
}

.de-big-title .active, .qad-btn {
    background: #3AA0FF;
    color: #fff;
}

.de-ship-title, .De-Advertisement {
    line-height: 0.5866rem;
    margin-bottom: 0.2666rem;
    margin-top: 0.1666rem;
}

.de-lable, .de-comment, .ct-txt {
    height: auto;
    /*margin-bottom: 0.4533rem;*/
}

    .de-lable span {
        background: #3aa0ff;
        font-size: 0.32rem;
        color: #fff;
        padding: 0 5px;
    }

.de-time-price {
    margin-top: 0.3733rem;
    width: max-content;
}

.de-time-box {
    height: 1.7066rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.de-time-box2 {
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
}

.de-time-price li {
    width: 2.2133rem;
    height: 0.96rem;
    padding: 0.1866rem 0;
    background: #F6F7F9;
    margin-right: 0.08rem;
    font-size: 12px;
    text-align: center;
    float: left;
}

    .de-time-price li h1 {
        color: #00ad38;
        font-size: 0.3733rem;
    }

        .de-time-price li h1.sq {
            color: #aa8 !important;
        }

.de-txt-tips {
    width: 0.96rem;
}

.de-discount {
    width: 8.8rem;
    margin-top: -0.1066rem;
}

.de-discount-top, .de-discount-down, .de-QA-cont {
    position: relative;
    padding-left: 1.0666rem;
}

    .de-i-discount, .de-QA-cont:before, .qa-list li:before {
        padding: 0 0.08rem;
        background: #FFE7E7;
        border-radius: 2px;
        position: absolute;
        left: 0;
        top: 1px;
    }

.de-discount-down, .de-characteristic {
    margin-bottom: -0.08rem;
}

    .de-discount-down i {
        background: #FFE9D7;
        /*font-size: 0.3rem;
		padding: 3px;
		line-height: 0.3rem;*/
    }

}

.de-bright-spot {
    padding: 0.0266rem 0.16rem;
    border-radius: 0.08rem;
    justify-content: center;
    align-items: center;
    background: #FFE535;
    transform: skewX(-10deg);
}

    .de-bright-spot span {
        transform: skewX(10deg);
    }

.de-comment, .de-QA {
    margin: 0.4rem 0;
}

.de-comment {
    margin-bottom: 0.2133rem;
}

    .de-comment span, .de-tips {
        padding: 0.2rem 0.22rem;
        margin: 0 0.09rem 0.1866rem 0;
        background: rgba(217,237,255,0.3);
    }

    .de-comment label {
        margin-left: 3px;
    }

.nol {
    background: #F6F7F9 !important;
    color: #999 !important;
}

.de-people-head {
    width: 0.5333rem;
    height: 0.5333rem;
    border-radius: 50%;
}

.de-people-txt {
    padding: 0.2133rem 0 0.4rem;
}

.de-QA-cont {
    padding-left: 0.6933rem;
    margin: -5px 0 0.3466rem;
    max-width: 70%;
}

    .de-QA-cont:before, .qa-list li:before {
        content: "问";
        background: #FFE535;
        padding: 0 0.0533rem;
        line-height: initial;
    }

.de-QA-ul {
    margin-bottom: -0.3rem;
}

.de-product-cont {
    margin-top: 0.3rem !important;
}

    .de-product-cont img {
        max-width: 100% !important;
    }

    .de-product-cont p {
        text-wrap-mode: wrap !important;
    }

        .de-product-cont p span {
            text-wrap-mode: wrap !important;
        }

.de-trip-title {
    margin-bottom: -0.13rem;
}

    .de-trip-title:before {
        width: 7px;
        height: 7px;
        background: #FFB027;
        border-radius: 50%;
        left: -0.3733rem;
        top: 0.16rem;
    }

.de-day-numb {
    color: #FFB027;
}

.de-tips, .sub-tips, .cd-title, .qa-title, .us-comment-txt {
    margin-bottom: 0;
    line-height: 0.64rem;
}

.de-day-title, .de-tips, .ct-lable, .os-ul {
    margin-top: 0.32rem;
}

.de-day .de-tips {
    width: 95.5%;
}

.de-day .de-day-h1 {
    background: #f2f2f2;
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 18px;
}

.de-live {
    width: 8.2133rem;
    /*height: 1.4933rem;*/
    background: #FEFEF4;
    margin: 0.12rem 0 0 0.8rem;
}

    .de-live p:nth-child(odd) {
        /*width: 65%;*/
        padding: 0 0.5rem 0 0;
    }

    .de-live p {
        padding: 0 0.5rem 0 0;
    }

        .de-live p img {
            margin: 0 0.1rem 0 0;
            width: 0.4266rem;
        }

.de-line:before {
    left: 0.2rem;
    height: 82%;
    top: 0.6rem;
    width: 1px;
    background: #dbdbdb;
}

.de-special {
    padding: 0;
}

    .de-special .idx-p-address {
        height: 0.96rem;
    }

.de-footer li {
    width: 17%;
}

.de-footer .de-lt {
    width: 30%;
}

.de-footer .fot-iconfont, .cd-footer .fot-iconfont {
    font-size: 0.6466rem;
    margin: 0.14rem 0 -0.02rem 0;
}

.de-lt-btn {
    width: 100%;
    height: 1.0666rem;
    background: #4A9CFF;
    border-radius: 0.18333rem;
    margin: 0.1333rem 0 0 0.1333rem;
}

.des-Location {
    position: relative;
    top: -1.9777rem;
    display: block;
}

.menuFixed {
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    transition: all .2s ease-in 0s;
}

.back-top {
    height: 1.0666rem;
    width: 1.0666rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    position: fixed;
    bottom: 0.8rem;
    right: 7%;
    text-align: center;
    line-height: 1.15rem;
}

.price-window-bg {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    z-index: 9;
}

.price-window {
    width: 60%;
    height: auto;
    background: #fff;
    z-index: 99;
    bottom: 40%;
    margin-left: 15%;
    border: 6px solid rgba(246,247,249, 0.8);
    background-clip: padding-box;
    padding: 0.8rem 5% 0;
    text-align: center;
    border-radius: 0.2666rem;
}

.price-w-content, .bd-introduce {
    margin: 0.4533rem 0;
}

.btn-know {
    height: 1.1733rem;
    line-height: 1.1733rem;
    border-top: 1px solid #ccc;
    width: 117%;
    margin-left: -8.5%;
}

.pdetails {
}

    .pdetails .ptitle {
        font-weight: 700;
    }

        .pdetails .ptitle em {
            font-weight: normal;
            color: #999;
            display: inline-block;
            font-size: 12px !important;
        }

        .pdetails .ptitle .colorblue {
            font-weight: normal;
        }

    .pdetails .de-time-box {
        height: auto;
    }

    .pdetails .de-time-box2 {
        padding-bottom: 2px;
    }

.de-time-price li {
    height: auto;
    white-space: nowrap;
    width: auto;
    min-width: 2.2133rem;
    padding: 0.1866rem 0.25rem;
    border: 1px solid #ddd;
    margin-right: 0.2rem;
    box-shadow: 1px 1px 3px #ccc;
    cursor: pointer;
    border-radius: 0.085rem;
}

    .de-time-price li.curr {
        border-color: rgb(58,160,255);
        box-shadow: 1px 1px 3px rgb(58,160,255);
        color: rgb(58,160,255);
        background: #fff;
        cursor: default;
    }

.prooms {
    padding-top: 0.5rem;
}

    .prooms ul {
        font-size: 0;
    }

        .prooms ul li {
            font-size: 0;
            padding: .35rem 0;
            border-top: 1px solid #f4f4f4;
        }

            .prooms ul li:last-child {
                padding-bottom: 0;
            }

            .prooms ul li img {
                width: 2rem;
                height: 1.5rem;
                border-radius: .085rem;
            }

            .prooms ul li .tips_text {
                color: #fff;
                background: #33333375;
                width: 2rem;
                position: absolute;
                height: 0.45rem;
                left: 0;
                font-size: 0.288rem;
                top: 1.40rem;
                border-radius: 0 0 .085rem .085rem;
                text-align: center;
                line-height: 0.525rem;
            }

            .prooms ul li .infos {
                padding: 0 0.2rem 0 0.25rem;
                width: calc(100% - 4.75rem) !important;
                display: inline-block;
                vertical-align: top;
                line-height: .35rem;
                color: #666;
            }

                .prooms ul li .infos .t {
                    font-weight: 700;
                    color: #333;
                    margin-bottom: .1rem;
                    margin-top: -0.125rem;
                    display: flex;
                    align-items: center;
                }

                .prooms ul li .infos p {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            .prooms ul li .ps {
                width: 2.25rem;
                display: inline-block;
                vertical-align: top;
                text-align: right;
                color: #666;
                line-height: 0.24rem;
            }

                .prooms ul li .ps .font16 {
                    color: #f60;
                    font-weight: 700;
                }

                .prooms ul li .ps a {
                    background: url(/Resource/img/details/container1.png) no-repeat left center;
                    padding-left: 12px;
                    color: rgb(58,160,255);
                    font-size: 0.35rem;
                    line-height: 1rem;
                }

                .prooms ul li .ps p.bz {
                    color: #999;
                    height: 0.3rem;
                    margin-top: 0.25rem;
                }

                .prooms ul li .ps .yd {
                    background-color: #f60;
                    display: inline-block;
                    color: #fff;
                    width: 1rem;
                    height: 0.4rem;
                    border-radius: 0.125rem;
                    text-align: center;
                    padding: 9px 5px 0 5px;
                    margin: 0.15rem 0 0;
                }

                .prooms ul li .ps a.moreprices {
                    display: inline-block;
                    font-size: 0.275rem;
                    color: #fff;
                    padding: 2px 4px 2px 15px;
                    border-radius: 0.125rem;
                    background: url(/Resource/img/icon60.png) #666 no-repeat 4px center;
                    background-size: 10px 10px;
                    margin: 0.15rem -3px 0 0;
                    cursor: pointer;
                    text-align: center;
                    line-height: 0.4rem;
                    width: 1.3rem;
                    white-space: nowrap;
                }

                .prooms ul li .ps a.moreprices_2 {
                    background: url(/Resource/img/icon61.png) #999 no-repeat 4px center;
                    background-size: 10px 10px;
                }

            .prooms ul li ul.pdetails {
                display: none;
                /*margin-top: 10px;*/
            }

                .prooms ul li ul.pdetails li {
                    font-size: 12px;
                    background: #eee;
                    height: 25px;
                    line-height: 25px;
                    padding: 2px 10px;
                    margin: 10px 0 0;
                    border-radius: 0.125rem;
                }

                    .prooms ul li ul.pdetails li em {
                        font-style: normal;
                        color: #f60;
                        display: inline-block;
                        margin-left: 20px;
                    }

.roominfos li ul.pdetails li.noneprice {
    text-align: center;
    color: #999;
}

.prooms ul li.norooms {
    line-height: 3rem;
    color: #999;
    width: 100%;
    text-align: center;
    display: none;
}

.dchoose_bg {
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 888;
    display: none;
}

.dchoose {
    background: #fff;
    width: 100%;
    height: 90%;
    left: 0;
    bottom: 0;
    position: fixed;
    z-index: 999;
    display: none;
    -moz-border-radius-topleft: 0.3rem;
    -moz-border-radius-topright: 0.3rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

    .dchoose .d-close {
        font-size: 22px;
        top: 6px;
        right: 10px;
        cursor: pointer;
        z-index: 100;
        padding: 10px;
        position: absolute;
    }

    .dchoose .dcontents {
        padding: 0.375rem;
        position: relative;
        height: calc(100% - 1rem) !important;
    }

        .dchoose .dcontents .dtitles {
            margin-bottom: .3rem;
        }

    .dchoose .dtitles img {
        width: 2rem;
        height: 1.5rem;
        border-radius: .15rem;
    }

    .dchoose .dtitles .dnames {
        width: calc(100% - 4rem) !important;
        padding-left: 0.2rem;
        display: inline-block;
        vertical-align: top;
    }

        .dchoose .dtitles .dnames p:first-child {
            font-weight: 700;
            margin: .3rem 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dchoose .dtitles .dnames p:last-child {
            color: #999;
        }

        .dchoose .dtitles .dnames label {
            color: #f60;
            font-weight: 700;
            font-size: 0.4266rem !important;
        }

.dcontents .choosectrl {
    margin-bottom: .3rem;
    border-bottom: 1px solid #eee;
}

    .dcontents .choosectrl .ct {
        line-height: .8rem;
        height: .8rem;
        font-size: 0.32rem !important;
    }

        .dcontents .choosectrl .ct em {
            color: #999;
            font-size: 12px !important;
        }

    .dcontents .choosectrl .cc {
        padding: 0.2rem 0;
        height: 0.9rem;
        white-space: nowrap;
        overflow: auto;
    }

.hcust {
    height: 1.8rem !important;
}

.dcontents .choosectrl ul {
    font-size: 0;
}

    .dcontents .choosectrl ul li {
        font-size: 0.32rem !important;
        text-align: center;
        height: auto;
        white-space: nowrap;
        width: auto;
        min-width: 1.2133rem;
        padding: 0.1866rem 0.25rem;
        border: 1px solid #ddd;
        margin-right: 0.2rem;
        display: inline-block;
        cursor: pointer;
        border-radius: 2px;
        height: .4rem;
        line-height: .4rem;
    }

        .dcontents .choosectrl ul li.nolist {
            border: 0 !important;
            color: #999 !important;
            background: transparent;
            display: none;
        }

.hcust ul li {
    height: 1.1rem !important;
    line-height: .5rem !important;
}

.dchoose li.active {
    position: relative;
    border: 1px solid rgb(58,160,255) !important;
    color: rgb(58,160,255);
    background: #fff;
    cursor: default !important;
}

    .dchoose li.active::before {
        content: "";
        position: absolute;
        width: 13px;
        height: 13px;
        background: url(../img/iconb4.png);
        right: 0;
        bottom: 0;
    }

.hcust ul li label {
    color: #f60 !important;
    margin: 0 0.08rem;
}

.dchoose .chooseok {
    text-align: center;
    position: absolute;
    bottom: 0.3rem;
    width: 93%;
}

    .dchoose .chooseok button {
        width: 4rem;
        height: 1.2rem;
        line-height: 0.8rem;
        background: rgba(0,101,255,.8);
        border-radius: 0.225rem;
        font-size: 0.45rem;
        color: #fff;
        border: 0;
        cursor: pointer;
    }




/* 预定成功 */
.sub-img-div {
    height: 1.7333rem;
    width: 1.7333rem;
    border-radius: 1.8666rem;
    border: 1px solid #F98001;
    justify-content: center;
    margin: 50px auto 20px;
}

    .sub-img-div img {
        width: 0.8533rem;
    }

.sub-tips {
    width: 6.8rem;
    margin: 0 auto 110px;
}

.sub-btn {
    background: #FFE24C;
    height: 1.0666rem;
    margin: 0 auto;
    border-radius: 0.5rem;
    display: block;
}
/* 视频选船 */
#page .swiper-slide {
    background: #eee;
    height: 1px
}

.swiper-slide-active {
    height: auto !important;
}

.cs-li-show {
    width: 80%;
}

    .cs-li-show li, .cp-ul .head-left-icon, .or-cont .idx-Popular-title {
        display: inline-block;
        margin: 0;
    }

.head-ul li a {
    padding-bottom: 0.1333rem;
    border-bottom: 0.08rem solid transparent;
    display: inline-block;
    padding-top: 0.1866rem;
}

.active-nav a {
    border-color: #fff !important;
    font-weight: bold;
}

.sc-video-div {
    height: 4.9333rem;
}

.cs-ship-txt {
    margin-top: -0.16rem;
}

.cs-swiper-top, .cs-swiper-top2 {
    padding: 0.4266rem 0 0.35rem;
}

    .cs-swiper-top .idx-p-address, .ct-bigimg, .bd-ship, .Ctext {
        text-align: center;
        margin-bottom: 0;
    }

.menuFixed .active-nav a {
    border-color: #3AA0FF !important;
}
/* 视频选船-房间 */
.cs-home-info {
    margin-bottom: -0.1866rem;
}

    .cs-home-info span {
        width: 1.94rem;
        display: block;
        margin-bottom: 0.1866rem;
        height: 13px;
        overflow: hidden;
    }

.idx-special-div .cs-player-img {
    position: absolute;
    width: 1.0333rem;
    height: auto;
    background: #FFF;
    border-radius: 100%;
}
/* 达人游记 */
.ct-img-box {
    background: no-repeat url(../img/travelsbg.png);
    background-size: cover;
    padding: 0.2133rem 0.32rem 0.4rem;
}

.ct-title, .us-people-info {
    font-size: 0.72rem;
    margin-bottom: 0.2133rem;
}

    .ct-title img {
        width: 1.3333rem;
    }

.ct-bigimg img {
    height: 5.0133rem;
    width: 100%;
    border-radius: 0.1333rem 0.1333rem 0 0;
}

.ct-smallimg li {
    margin: 0.4rem 0.4rem 0 0;
}

.ct-smallimg img {
    width: 91.32%;
    height: 92.32%;
    border: 0.0533rem solid transparent;
}

.flex-active-slide img {
    border-color: #fff !important;
}

.ct-bigimg .ct-people-header, .ct-people-header {
    width: 0.5866rem;
    height: 0.5866rem;
    border-radius: 50%;
}

.ct-left, .ct-right, .ct-right img {
    width: 4.1866rem;
    height: 3.2rem;
    position: relative;
}

    .ct-left .ct-left-title {
        line-height: 0.7466rem;
        font-size: 0.5066rem;
    }

    .ct-right, .ct-right img {
        width: 4.48rem;
        overflow: hidden;
    }

.ct-people-p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.ct-number, .us-tips .font13 {
    position: relative;
    top: -0.04rem;
}

.ct-travels-ul li, .cd-Popular-title {
    margin-top: 0.5333rem;
}

.ct-slider-title {
    line-height: initial;
    margin: 0.3rem 0;
}
/* 游轮咨询 */
.cst-travels-ul li {
    margin: 0.5333rem 0 0.6933rem 0;
}

.ct-title .cot-logo {
    width: 0.9rem;
    margin: 0.22rem 0;
}

.mc-more-ul, .cd-comment-title {
    margin-top: 0.6933rem;
}
/* 资讯详情 */
.cd-img {
    /*height: 5.6rem;*/
    width: 100%;
}

.cd-txt {
    line-height: 0.8rem;
    margin-top: 0.4533rem;
}

    .cd-txt img {
        max-width: 9rem !important;
        border-radius: 3px;
    }

.cd-title, .bd-home-details, .uQ-box {
    margin-top: 0.2666rem;
}

.cd-head-img {
    width: 0.9333rem;
    height: 0.9333rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.cd-txt-cont {
    margin-top: 0.16rem;
    line-height: 0.5333rem;
    margin-bottom: 0.5333rem;
}

.cd-footer li {
    width: 20.2%;
}

.cd-footer .de-lt {
    width: 56%;
}

.cd-footer .de-lt-btn {
    background: #f5f5f5;
    padding-left: 10%;
    width: 90%;
    color: #C6C6C6;
}

.cd-q-cancel, .cd-q-sure {
    border-radius: 0.1333rem;
    height: 0.9rem;
    margin-top: 0.2133rem;
    background: #4A9CFF;
}

.cdbtn-cancel, .cd-q-cancel {
    color: #ccc !important;
    background: #fff !important;
    border: 1px solid #ccc;
}

.tde-title {
    width: 72%;
    padding-top: 0.08rem;
}
/* 问答 */
.qa-tabs {
    box-shadow: 0px 1px 7px 0px rgba(55,55,55,0.1);
    padding: 0 0 0.48rem 0;
    position: fixed;
    background: #fff;
    z-index: 1;
    width: 100%;
}

    .qa-tabs li {
        padding-top: 0.48rem;
        position: relative;
        width: 23%;
        text-align: center;
    }
/*.qa-tabs li{padding-top: 0.48rem;position: relative;width: 1.6rem;text-align: center;}*/
.qa-list li:before {
    font-size: 0.32rem;
    padding: 0.0266rem 0.08rem;
    top: 0.1066rem;
}

.qa-list li {
    padding-left: 0.6933rem;
    position: relative;
    margin-top: 0.4rem;
}

.qa-frst {
    margin-left: 0.32rem;
}

.qa-last {
    margin-left: 0.1rem;
}

.qa-aswer {
    line-height: 0.56rem;
    margin-top: 0.1866rem;
    margin-bottom: 0.32rem;
}

.qa-lable {
    padding: 0.06rem 0.12rem;
}

.qa-list .cd-head-img, .qad-cont .cd-head-img {
    width: 0.5333rem;
    height: 0.5333rem;
}

.qa-list .Bborder {
    padding-bottom: 0.4266rem;
}

.qa-btn {
    width: 2.6933rem;
    height: 1.3333rem;
    padding-left: 0.9rem;
    bottom: 0.64rem;
    left: 50%;
    margin-left: -1.35rem;
    box-shadow: 0px -0.0266rem 0.3466rem 0px rgba(13,75,149,0.23);
    border-radius: 0.6666rem;
    background: url(../img/qa-btn.png) no-repeat;
    background-size: cover;
    border: 0;
}
/* 问答详情 */
.qad-cont, .us-comment-item, .Bborder10 {
    border-bottom: 10px solid #F4F4F4;
}

    .qad-cont .qa-title {
        margin: 0.52rem 0 0.32rem;
    }

    .qad-cont .qa-aswer {
        margin-bottom: 0.36rem;
    }

    .qad-cont .Bborder {
        margin-top: 0.52rem;
        padding-bottom: 0.52rem;
        border: 0;
    }

.qad-title {
    margin: 0.5333rem 0.32rem 0.4rem;
}

.qad-btn, .bd-btn-pay {
    width: 2.4rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    border: 0;
}

.cd-q-box {
    padding: 0.4rem 0.32rem;
    position: fixed;
    bottom: -10rem;
    left: 0;
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    z-index: 99;
    width: 93.8%;
    transition: 0.5s;
    transform-origin: center center;
}

.c-input-box {
    position: static;
    box-shadow: initial;
    width: 99.8%;
    padding: 0;
}

.cd-q-inp, .cd-q-box input, .cd-q-box select {
    font-family: "微软雅黑";
    width: 77%;
    height: 1.6rem;
    margin-bottom: 0.2133rem;
    padding: 0.15rem 0 0 2% !important;
    border-radius: 0.1333rem;
    border: 1px solid #ccc;
    font-size: 0.3733rem;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
}

.cd-q-cancel, .cd-q-sure {
    width: 1.6266rem;
    margin: 0;
}

.cd-q-box input, .cd-q-box select {
    height: 0.847rem;
    padding-top: 0 !important;
}

.cd-q-box span {
    width: 1.9rem;
    text-align: right;
}

.cd-q-sure {
    border: 1px solid #4A9CFF;
}

#drag {
    position: relative;
    background-color: #e8e8e8;
    width: 79.57%;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    margin-bottom: 0.2666rem;
    border-radius: 5px;
}

    #drag .handler {
        position: absolute;
        top: 1px;
        left: 1px;
        width: 0.9rem;
        height: 91%;
        border: 1px solid #B25A00;
        cursor: move;
        border-radius: 5px;
    }

.handler_bg {
    background: #FBC200 url(../img/iconD1w.png) no-repeat center;
}

.handler_ok_bg {
    background: #fff url(../img/iconD0.png) no-repeat center;
}

#drag .drag_bg {
    background-color: #7ac23c;
    height: 0.9rem;
    width: 0px;
}

#drag .drag_text {
    position: absolute;
    top: 0px;
    width: 100%;
    color: #9c9c9c;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    font-size: 0.32rem;
}

.slidetounlock {
    font-size: 0.32rem;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: slidetounlock 3s infinite;
    -webkit-text-size-adjust: none
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: 200px 0
    }
}

.cd-btn-box {
    text-align: center;
    padding-top: 0.25rem;
}
/* 邮轮品牌 */
.bl-img-div {
    height: 4.8733rem;
}

.bl-head .active-nav a {
    border-color: #95D016 !important;
}

.bl-logo {
    width: 3.21rem;
    height: 1.2rem;
}

.bl-title {
    margin-bottom: 0.32rem;
}
/* 支付选择 */
.icon-right-txt {
    width: 0.5333rem;
}

    .icon-right-txt a {
        position: absolute;
        bottom: -0.2133rem;
        width: max-content;
        right: 0;
    }

.cp-price {
    font-size: 0.7rem;
    text-align: center;
    margin: 0.8rem 0 0.5333rem;
}

.cp-pay-img {
    background: #FCF1ED;
    height: 1.2rem;
    line-height: 1.2rem;
}

    .cp-pay-img img {
        width: 0.9866rem;
    }

.cp-pay-logo {
    width: 2.4rem;
}

.cp-ul li {
    margin: 0.5rem 0 0.8rem;
}

.cp-label {
    border: 1px solid #FF4C4C;
    padding: 0.01rem 0.1rem 0.01rem 0.2666rem;
}

    .cp-label .head-left-icon, .us-people-info .color666 {
        margin-left: 0.2133rem;
    }

input[type="radio"], .cp-radio {
    width: 0.48rem;
    height: 0.48rem;
    opacity: 0;
}

.cp-radio {
    position: absolute;
    right: 0;
    top: 0.0533rem;
    border-radius: 50%;
    border: 0.0266rem solid #999;
    opacity: initial;
}

input:checked + label {
    background-color: #FF4C4C;
    border: 1px solid #FF4C4C;
}

    input:checked + label::after {
        position: absolute;
        content: "";
        width: 0.1333rem;
        height: 0.2666rem;
        top: 0.03rem;
        left: 0.145rem;
        border: 0.0533rem solid #fff;
        border-top: none;
        border-left: none;
        transform: rotate(45deg)
    }

.cp-btn {
    width: 90%;
    height: 1.0666rem;
    background: #3AA0FF;
    margin: 0.8rem 5% 0.2rem;
    border-radius: 0.6rem;
}
/* 订单确认 */
.os-box {
    margin: 0.2666rem 0.24rem;
    padding: 0.2rem 0.24rem;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2)
}

.os-right, .os-right img {
    width: 1.3333rem;
    height: 1.3333rem;
    overflow: hidden;
}

.os-left {
    width: 7.4rem;
    line-height: 0.5866rem;
}

.os-box-top {
    padding: 0.4rem 0.24rem 0;
}

.os-name {
    width: 2.5333rem;
	margin:auto 0;
}

.os-ul li {
    padding: 0.2rem 0;
    line-height: 1rem;
}

.os-ul i {
    margin-left: 0.1333rem;
}

.os-ul input, .os-ul li:last-child, .border0 {
    border: 0;
    line-height: 1rem;
}

.os-price {
    width: 5.7333rem;
    line-height: 1rem;
}

.os-box .qad-btn, .c-btn {
    width: 3rem;
    height: 1.2rem;
    border-radius: 1rem;
}

.colorred2 {
    color: #F64D38;
}

.os-box .fot-iconfont {
    font-size: 0.6rem;
}

.os-number span {
    margin-right: 0.2133rem;
}

.or-bottom {
    width: 95.2%;
    margin: 0;
    border-radius: 0;
}
/* 品牌邮轮 */
.bd-img-div {
    width: 100%;
    height: 4.8733rem;
}

.bd-ship, .bd-introduce {
    border-bottom: 0.2666rem solid #F4F4F4;
}

    .bd-ship .bl-logo {
        margin: 0.4rem auto 0.2666rem;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .bd-ship .line18 {
        text-align: left;
        padding-bottom: 0.2133rem;
    }

    .bd-introduce li {
        width: 50%;
        margin-bottom: 0.2666rem;
        color: #494949;
    }

.bd-introduce {
    padding-bottom: 0.2133rem;
}

.bd-right-arrow {
    margin: 0 0.32rem 0 0;
    transform: rotate(90deg);
}

.bd-ul-box {
    background: #ffFFFF;
    height: 0.9333rem;
    margin: 0px 0.32rem;
    overflow: hidden;
    border: 1px solid #494949;
}

.bd-home {
    margin: 0.107rem 0.16rem;
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 1.4666rem;
}

    .bd-home li {
        padding: 0.16rem 0.4rem;
        display: inline-block;
    }

    .bd-home .fontbold {
        background: #FFF5BF;
    }

.bd-img-home {
    height: 5.85rem;
}

.bd-live {
    background: #fff;
    margin: 0.2133rem 0 0 0;
    width: auto;
    height: auto;
    margin-bottom: -0.2rem;
}

    .bd-live p {
        width: 100% !important;
        margin-bottom: 0.2rem;
    }

        .bd-live p img {
            margin: 0 0.16rem 0 0rem;
            width: 0.3733rem;
        }

.bd-btn-p {
    align-items: flex-end;
    margin-top: 0.1rem;
}

.bd-btn-pay {
    background: #4A9CFF;
}
/*.bd-restaurant li{width: 50%;padding: 0.16rem 0!important;}*/
/* 发表评论 */
.c-star {
    margin: 0.9333rem 0;
    display: flex;
    align-items: center;
}

    .c-star .c-star-box {
        margin-left: 0.66rem;
    }

.c-star-box span {
    margin-right: 0.2666rem;
    font-size: 0.6rem;
    color: #bbb;
}

.c-star-box .active {
    color: #f60;
}

.c-line {
    position: absolute;
    width: 100%;
    top: 0.1866rem;
}

.c-text {
    padding: 0.1333rem 0.5rem;
    background: #fff;
    position: relative;
    z-index: 8;
}

.c-cont .ls-lable span, .us-lable span, .or-cont .ls-lable span {
    border: 0.0266rem solid #F6F7F9;
}

.c-cont .ls-lable .active, .de-lable .active {
    border-color: #FF9E00;
}

.c-add-lable, .c-textarea {
    width: 95%;
    height: 0.8rem;
    border-radius: 0.1333rem;
    border: 0.0266rem solid #ccc;
    padding-left: 4%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.c-textarea {
    height: 3.0666rem;
    padding-top: 0.2666rem;
}

#zhl_admin_box {
    overflow-x: hidden;
}

#zhl_admin_update {
    width: 110%;
}

    #zhl_admin_update img {
        border: 1px solid #ddd;
        margin: 0 0.9rem 0.2666rem 0;
    }

.zhl_admin_right {
    margin-right: -0.1066rem;
}

#zhl_admin_update #zhl_admin_img, #zhl_admin_update img {
    width: 2.4rem;
    height: 2.4rem;
}

.c-btn, .us-comment-box {
    margin: 0.8rem auto 0;
    display: block;
}

.us-comment-box {
    margin: 0.3rem auto 0;
}

.us-people-info .gold-medal {
    height: 0.5333rem;
    background: rgba(255,188,26,1);
    border-radius: 0.2666rem;
    padding: 0px 0.2133rem;
    line-height: 0.5333rem;
    margin-left: 0.2133rem;
}
/* 旅游问答 */
.uc-star-box .active {
    color: #FFDB25;
}

.uc-star-box span {
    margin-right: 4px;
}

.uc-fraction {
    font-size: 0.7rem;
    margin-right: 0.1333rem;
}

.uc-star {
    padding-bottom: 0.5rem;
}

    .uc-star:before {
        content: "";
        position: absolute;
        border-right: 1px dashed #e5e5e5;
        height: 24px;
        left: 48%;
        top: 0;
    }

.us-lable {
    height: 1.79rem;
    overflow: hidden;
}

    .us-lable .fontbold {
        border-color: #FFE24C;
        background: #FFE24C;
        color: #333;
    }

.us-icon {
    transform: rotate(270deg);
    display: block;
    margin: -0.1333rem;
    transition: 0.8s;
    transform-origin: center center;
}

.us-icon2 {
    transform: rotate(90deg);
}

.us-ul-img li {
    margin: 0 0.0533rem 0.0533rem 0;
    float: left;
}

.us-ul-img li, .us-ul-img img {
    width: 3.06rem;
    height: 3.06rem;
}

.us-ul-img {
    border-radius: 0.32rem;
    max-height: 9.36rem;
}

.us-tips {
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 5px;
    right: 7px;
    color: #fff;
    padding: 2px 10px;
    border-radius: 16px;
}

.us-comment-item {
    padding-bottom: 0.5333rem;
    padding-top: 0.5rem;
}

.us-btn {
    position: fixed;
    bottom: 0.64rem;
    border-radius: 5rem;
    left: 50%;
    margin-left: -1.8133rem;
    background: #4A9CFF;
    color: #fff;
}

.qa-q-box, .us-flex {
    position: fixed;
    bottom: -10rem;
    left: 0;
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    z-index: 99;
    width: 93.8%;
    transition: 0.5s;
    transform-origin: center center;
}
/* .qa-q-box2{bottom: -6.5rem;opacity: 0;} */
.us-flex {
    width: 100%;
    top: 0;
    background: initial;
    z-index: 999;
    height: 100%;
}

    .us-flex:after {
        background: initial;
    }

.us-wind {
    opacity: 1;
}

.us-flex span {
    position: fixed;
    top: 0.32rem;
    left: 0.32rem;
    color: #fff;
    z-index: 9999999;
}

.us-flex .head-left-icon {
    left: initial;
    right: 0.32rem;
}

.us-flex .flex-control-nav {
    display: none;
}

.us-flex .swiper-slide {
    display: flex;
    align-items: center;
}

.us-flex .swiper-slide-active {
    height: 100% !important;
}
/* 用户问答 */
.uQ-left, .uQ-left img {
    width: 0.9333rem;
    height: 0.9333rem;
    overflow: hidden;
}

.uQ-center {
    width: 7.3333rem;
}

.uQ-right {
    width: 1.0666rem;
    height: 1.0666rem;
    background: #FF7F00;
    justify-content: center;
    text-align: center;
}

.uQ-list li {
    padding: 0.32rem;
    padding: 0.32rem 0.32rem 0.32rem 1.0133rem;
    margin-bottom: -0.1333rem;
}

    .uQ-list li:before {
        top: 0.4rem;
        left: 0.32rem;
    }

.uQ-footer {
    width: 91% !important;
    border-radius: 0.1333rem;
    margin-left: 2.5%;
    padding-left: 4% !important;
}

.uQ-footer2 {
    border-radius: 0.1333rem;
    padding-left: 4% !important
}
/* 产品预定 */
.or-cont {
    padding: 0.6rem 0 0.2rem 0.32rem;
    margin-bottom: 10px;
}

    .or-cont .active {
        background: rgba(217,237,255,0.4);
        border-color: #3AA0FF !important;
    }

        .or-cont .active:before, .date ul .act_date:before {
            content: "";
            position: absolute;
            width: 13px;
            height: 13px;
            background: url(../img/iconb4.png);
            right: 0;
            bottom: 0;
        }

.or-ul li {
    height: 1.2rem;
    line-height: 1.2rem;
    color: #333;
    border-bottom: 1px dashed #ccc;
    margin-right: 0.32rem;
    font-size: 0.3733rem;
}

.or-ul .people_type {
    width: 3rem;
    margin-right: 0.1333rem;
    line-height: 1;
}

.or-ul span {
    color: #333;
    display: inline-block;
}

.or-ul .right {
    float: right;
    margin-top: 0.2666rem;
}

.or-ul .number_btn {
    /*    height: 0.6666rem;*/
    height: 0.8rem;
    width: 1.2Rem;
    font-size: 0.5866rem;
    border-radius: 5px;
    border: 1px solid #ccc;
    float: left;
    color: #666 !important;
    line-height: 0.6666rem;
    text-align: center;
}

.or-ul .pepopleNum {
    width: 1.2rem;
    /*    height: 0.6666rem;*/
    height: 0.8rem;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: center;
    float: left;
    margin: 0 0.1333rem;
}

.disabledBtn {
    background: #ccc !important;
    border-color: #ccc !important;
}

.box {
    width: 103.2%;
    height: 100%;
    margin-left: -0.32rem;
    margin-top: 0.2rem;
}

.head {
    width: 92%;
    height: 1.34rem;
    line-height: 0.5rem;
    padding: 0.1rem 4% 0 4%;
}

    .head .font16, .myo-tabs li {
        border-bottom: 2px solid transparent;
        text-align: center;
    }

    .head .active-tabs {
        border-color: #3AA0FF;
    }

    .head .chkMonth {
        width: 20%;
        white-space: nowrap;
        display: block;
        padding: 0 .25rem;
    }

        .head .chkMonth .font12 {
            white-space: nowrap;
            min-width: 1.5rem;
        }

.date ol {
    width: 100%;
    height: 1.28rem;
    background: #f5f5f5;
    padding: 0;
}

    .date ol li {
        display: block;
        float: left;
        width: 14.2857%;
        text-align: center;
        font-size: 0.3733rem;
        color: #666;
        border: none;
        padding: 0;
        line-height: 1.28rem;
        height: 1.28rem;
    }

.date ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .date ul li {
        display: block;
        width: 14.2857%;
        height: 1.44rem;
        text-align: center;
        font-size: 0.3733rem;
        background: #fff;
        position: relative;
        font-weight: bold;
    }

        .date ul li span {
            position: absolute;
            right: 0;
            top: 0.1rem;
            display: block;
            height: 0.4rem;
            line-height: 0.4rem;
            width: 100%;
            text-align: center;
            color: #999;
        }

    .date ul .data-div {
        margin-top: 0.6133rem;
        font-size: 0.32rem;
        line-height: 0.3733rem;
        font-weight: initial;
    }

    .date ul .act_date {
        position: relative;
        box-sizing: border-box;
        border: 1px solid #3AA0FF;
        color: #333;
    }

.tm-departure-city span {
    padding: 0.2rem 0.25rem;
    background: #F6F7F9;
    margin: 0 0.21rem 0.1866rem 0;
}
/*我的订单*/
.myo-tabs li {
    width: 25%;
    height: 1.0666rem;
    line-height: 1.0666rem;
}

.myo-tabs .colorblue {
    border-color: #22ACF6;
}

.myo-top {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.3466rem;
    margin-bottom: 0.2666rem;
    border-top: 1px solid #cde;
    border-bottom: 1px solid #cde;
    background: #def;
}

.myo-proudct {
    width: 3.5733rem;
    height: 2.4rem;
    margin-right: 0.4rem;
    flex-shrink: 0;
}

.myo-img-txt .font16 {
    line-height: 0.55rem;
    letter-spacing: 1px;
}

.myo-p-home {
    margin: 0.3466rem 0 0.08rem;
}

.myo-img-txt {
    padding-bottom: 0.533rem;
}

.myo-price {
    height: 1.12rem;
    padding: 0;
    margin: 0 0.32rem;
}

.myo-btn, .myo-btn2, .myo-btn3, .myo-btn-status {
    height: 0.6666rem;
    border-radius: 0.1333rem;
    border: 0;
    padding: 0 0.2666rem;
    background: #FF5874;
    color: #fff;
}

.myo-btn2 {
    background: #0097C6;
}

.myo-btn-status, .bgyellow2 {
    background: #E86908;
}

.myo-btn3, .bggreen {
    background: #36973A;
}

.bgccc {
    background: #e4e0e0 !important;
    color: #666 !important;
}

.myo-title {
    height: 0.6666rem;
    line-height: 0.6666rem;
    padding-left: 0.1866rem;
    background: #F4F4F4;
}

    .myo-title a {
        float: right;
        color: #06f;
        margin-right: 0.25rem;
    }

.myo-info-p {
    margin: 0.2133rem 0;
}

    .myo-info-p p {
        margin-top: 0.1rem;
    }

        .myo-info-p p em {
            margin-right: 0.35rem;
            display: inline-block;
        }

            .myo-info-p p em:last-child {
                margin-right: 0;
            }

.bgyellow {
    background: #fffbdf;
}

.myo-btn-status {
    height: 0.5333rem;
    padding: 0 0.15rem;
    border-radius: 0.08rem;
}

.myo-supplement-box .myo-info-p p {
    margin-top: 0.2rem;
}

.myo-tabs {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 1;
}

.hidden {
    display: none !important;
}

/* 登录页面 */
.log-bg {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #79c9ea no-repeat url(/Resource/img/bglogin.jpg);
    background-size: cover;
}

.log-log {
    position: initial;
    display: block;
    margin: 1.4666rem auto 3rem;
}

.log-input-box {
    position: relative;
    z-index: 999;
    background: none;
    box-shadow: none;
    bottom: 0;
    width: 93%;
}

    .log-input-box input, .log-input-box #drag, .c-input-box input, .c-input-box #drag {
        margin-bottom: 0;
    }

    .log-input-box .Calign, .c-input-box .Calign {
        margin-bottom: 0.4rem;
    }

    .log-input-box .cd-q-cancel {
        background: #ccc !important;
        color: #fff !important;
    }
/*媒体查询*/
@media screen and (max-width: 370px) {
    .cs-home-info {
        padding: 0 0.1333rem !important;
    }

        .cs-home-info span:nth-child(even) {
            width: 2.28rem;
        }
}

input.error, textarea.error {
    border: 1px solid #f30 !important;
}

label.error {
    display: none !important;
}

.onew-b {
    background-image: linear-gradient(0deg, #f4f4f4 0%,#2576E1 100%);
}

.onew-c {
    background-image: linear-gradient(0deg, #2576E1 0%,#2576E1 100%);
}

.onew-b .ls-head {
    background: unset;
    border: 0;
    color: #fff !important;
}

    .onew-b .ls-head a {
        color: #fff !important;
    }

.onew {
    margin: 0 .15rem;
    box-shadow: none;
    line-height: .6rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .onew .disflex {
        padding-bottom: .3rem;
        border-bottom: 1px solid #eee;
    }

.onewlist {
    margin: 0 .15rem;
    border-radius: 0.1333rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0.2rem 0.24rem;
    box-shadow: 1px 3px 3px #ccc;
}

    .onewlist .or-ul li {
        border-bottom: 0;
        font-size: 0.32rem !important;
    }

        .onewlist .or-ul li.t {
            line-height: 1;
            height: .75rem;
            font-weight: 700;
        }

            .onewlist .or-ul li.t .right {
                margin-top: 0;
            }

        .onewlist .or-ul li .font16 {
            color: #f60;
        }

    .onewlist .or-ul .pepopleNum {
        margin: 0;
        border-radius: 0;
        border-left: 0;
        border-left-color: currentcolor;
        border-radius: 0;
        background: #2576E1;
        border-color: #2576E1;
        color: #fff;
        width: 0.9rem;
    }

    .onewlist .or-ul .right .number_btn {
        border-color: #2576E1;
        color: #2576E1 !important;
        line-height: 0.8rem !important;
        border-radius: 3px;
    }

        .onewlist .or-ul .right .number_btn:first-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .onewlist .or-ul .right .number_btn:last-child {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .onewlist .rmks {
        border-top: 1px solid #eee;
        padding-top: .25rem;
        line-height: .55rem;
    }

        .onewlist .rmks p {
            color: #2576c1;
        }

.tattr {
    padding: .25rem .25rem .25rem .4rem;
    margin: .1rem 0;
    height: .5rem;
    line-height: .5rem;
    font-weight: 700;
    position: relative;
}

    .tattr::before {
        content: "";
        width: 0.08rem;
        height: .4rem;
        background: rgba(53,153,252,1);
        border-radius: 1px;
        position: absolute;
        left: 0.15rem;
        top: 0.3rem;
    }

.blk {
    border-radius: 0.1333rem;
    margin-bottom: 0rem;
    box-shadow: 0px 2px 4px #ccc;
    margin-top: 2px;
}

.qnbtn {
    height: 1.0666rem !important;
    background: #4A9CFF;
    border-radius: 0.5333rem !important;
    margin: 0.1333rem 0 0 0.1333rem;
}

.qnmore {
    margin-left: .5rem;
    display: inline-block;
}

.onbox {
    padding-bottom: .4rem;
}

    .onbox .os-ul {
        /*border-top: 1px solid #E5E5E5;
        padding-top: 0.2rem;*/
    }

        .onbox .os-ul li {
            border: 0;
            padding-top: 0;
            line-height: 0.36rem;
            font-size: 0.32rem !important;
            padding: 0.15rem 0;
        }

            .onbox .os-ul li.st {
                border-top: 1px solid #E5E5E5;
                margin-top: .15rem;
                padding-top: 0.15rem;
                font-weight: 600;
                color: #666;
            }

            .onbox .os-ul li .fn {
                color: #2576c1;
            }

    .onbox input, .onbox select {
        border: 1px solid #ccc;
        height: .8rem;
        line-height: .8rem;
        padding: .1rem .25rem;
        border-radius: 2px;
        width: calc(100% - 3.5rem);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
		font-size:0.32rem;
    }

    .onbox select {
        width: calc(100% - 2.96rem);
        background: #fff;
        height: 0.9rem;
        line-height: 0.9rem;
    }

    .onbox textarea {
        border: 1px solid #ccc;
        line-height: .6rem;
        padding: .1rem .25rem;
        border-radius: 2px;
        width: calc(100% - 3.5rem);
        resize: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .onbox .os-ul i {
        margin-left: 0.06rem;
    }

.cust-ctrl {
    font-size: 14px;
    font-weight: normal;
    color: #f60;
}

    .cust-ctrl img {
        margin-left: 5px;
        vertical-align: text-top;
        cursor: pointer;
        width: 0.956rem;
    }

.jUser {
    line-height: 1rem;
    margin: 0 0 .2rem;
}

.addUser {
    font-size: 0.41rem;
    color: #f60;
    font-weight: bold;
}

.moreuser {
    line-height: 1rem;
    text-align: right;
    border-top: 1px solid #eee;
    padding-top: .2rem;
}
/*span:nth-child(1)*/
.choose-select span-active {
    background: #fff;
    border-radius: 5px;
}

.idx-ship-newbtn {
    height: 0.8533rem;
    line-height: 0.8533rem;
    margin: 0.6666rem 0;
}


/*.span-active {
    display: inline-block;
    width: 33%;
    font-size: 0.4rem;
    color: #666666;
    text-align: center;
    position: relative;
    height: 1.2rem !important;
    background: #fff !important;
    border-radius: 8px 8px 0 0;
    background-image: url('/Resource/img/index/currico1.png');
    font-weight: 900;
    box-shadow: -1px 0 2px -2px #ccc,1px 0 0px -1px #ccc,0 -2px 3px -1px #ccc;
    /*box-shadow: -1px 0 2px -2px #ccc,1px 1px 0px -1px #ccc,2px -2px 0px -1px #ccc;
    margin-right: 0.01rem;
    margin-top: 0.18rem;
}
*/

.span-active {
    background-image: url('/Resource/img/index/currico1.png');
    margin-left: -0.07rem;
    background-size: 3.22rem 1.5rem;
    font-weight: 900;
    display: inline-block;
    width: 33%;
    font-size: 0.4rem;
    color: #666666;
    text-align: center;
    position: relative;
}

.span-active1, .span-active2, .span-active3 {
    /* background: #fff;
    height: 0.03rem;
    box-shadow: 0px -2px 3px #ccc;
    width: 100%;*/
}

.idx-condition .choose-select {
    /* display: inline-block;*/
    width: 33.5%;
    /* margin-left: 1%;*/
    font-size: 0.4rem;
    color: #666666;
    text-align: center;
    position: relative;
    height: 0.94rem;
    /* background: #f6f7fb;*/
    background-image: url('/Resource/img/index/currico2.png');
    background-size: 3.22rem 1.5rem;
    margin-top: 14px;
    cursor: pointer;
}

.idx-newcondition {
    /*width: 100.8%;
    margin-left: -0.3%;*/
}

.s-card {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    display: inline-block;
    width: 33.333333333%;
    font-size: 0.365rem;
    color: #666666;
    text-align: center;
    position: relative;
    cursor: pointer;
    height: 0.94rem;
    line-height: 1.15rem;
}

.s-card-1 {
    background-image: url('/Resource/img/index/currico1.png');
}

.s-card-2 {
    background-image: url('/Resource/img/index/currico2.png');
}

.s-card-3 {
    background-image: url('/Resource/img/index/currico3.png');
}

.s-card-active-1 {
    background-image: url('/Resource/img/index/currico-ck-1.png');
    line-height: 0.94rem;
    font-weight: 700;
}

.s-card-active-2 {
    background-image: url('/Resource/img/index/currico-ck-2.png');
    line-height: 0.94rem;
    font-weight: 700;
}

.s-card-active-3 {
    background-image: url('/Resource/img/index/currico-ck-3.png');
    line-height: 0.94rem;
    font-weight: 700;
}

.span-active-box-right-i {
    display: inline-block;
    width: 1px;
    background: #d1d2d6;
    position: absolute;
    right: 0;
    top: 0.35rem;
    height: 0.4rem;
}

.span-active-box-left-i {
    display: inline-block;
    width: 1px;
    background: #d1d2d6;
    position: absolute;
    left: 0;
    top: 0.35rem;
    height: 0.4rem;
}

.choose-select {
    line-height: 40px;
    box-shadow: 1px 1px 1px -1px #ccc;
}

.choose-newselect {
    box-shadow: 0px 0px 1px 0px #dadbde;
}

.choose-select:nth-child(1) {
    border-radius: 8px 0px 0px 0px !important;
}

.choose-select:nth-child(3) {
    border-radius: 0px 8px 0px 0px !important;
}

.span-active1 {
    border-radius: 8px 0px 0px 0px !important;
}

.span-active3 {
    border-radius: 0px 8px 0px 0px !important;
}

.idx-routes {
    margin: -18% 0 0 13px;
}

    .idx-routes li {
        border-bottom: 1px solid #e6e6e6;
        width: 97%;
        line-height: 50px;
    }


        .idx-routes li > span {
            display: inline-block;
            text-align: center;
            font-size: 18px;
        }

        .idx-routes li > .idx-routes-font {
            width: 32.4%;
            font-size: 21px !important;
            font-weight: 600;
        }

            .idx-routes li > .idx-routes-font:nth-child(1) {
                text-align: left;
            }

            .idx-routes li > .idx-routes-font:nth-child(2) {
                cursor: pointer;
            }

            .idx-routes li > .idx-routes-font:nth-child(3) {
                text-align: right;
            }

        .idx-routes li > span > em > img {
            width: 58px;
        }

.idx-routes-font1 {
    font-size: 0.573rem !important;
    width: 90%;
    background: #3c99f9;
    display: inline-block;
    margin-left: 5%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-top: 20px;
    color: #fff;
    letter-spacing: 5px;
    margin-bottom: 15px;
    border-radius: 10px;
    cursor: pointer;
}

.idx-routes > li > .span-cruise {
    width: 90%;
    border: 1px solid #b0b0b0;
    border-radius: 10px;
    margin-left: 5%;
    height: 50px;
}


    .idx-routes > li > .span-cruise > .span-cruise-img {
        float: left;
        padding-left: 3%;
    }


        .idx-routes > li > .span-cruise > .span-cruise-img > img {
            width: 30px;
            padding-top: 10px;
        }

    .idx-routes > li > .span-cruise > input {
        float: left;
        height: 30px;
        padding-top: 11px;
        border: 0px;
        width: 84%;
        font-size: 18px;
    }

        .idx-routes > li > .span-cruise > input::placeholder {
            color: #a6a6a6;
        }

.idx-routes > .li-cruise {
    border-bottom: 0px;
    line-height: 20px !important;
}

.idx-routes > .li-cruise-top {
    height: 42px;
    text-align: center;
    color: #f60;
}

.idx-routes > .li-cruise-bnt {
    border-bottom: 0px;
}

    .idx-routes > .li-cruise-bnt > span {
        padding: 0 5px;
        font-size: 16px;
    }

.ten-title {
    margin-right: 50%;
    width: 90%;
    display: block;
    margin-left: 0%;
    text-align: center;
    margin-top: 4%;
    color: #c4c2c2;
}

.ten-routes-title {
    width: 50px;
    display: block;
}

    .ten-routes-title:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 0.3rem solid transparent;
        border-right: 0.3rem solid transparent;
        border-top: 0.3rem solid #3c99f9;
        position: absolute;
        margin-left: 5.2rem;
        margin-top: -14px;
    }

.choose-select-but {
    border-bottom: 0px !important;
}

.base-route-data {
    background: #fff;
    box-shadow: 1px -1px 7px #ccc;
    padding: 0.1rem 0;
    margin-top: 0.0rem;
}

.slides > .Rposition1 > a > img {
    width: 320px;
    height: 180px;
}

.tex-rpo-tag {
    height: 1.36rem;
    overflow: hidden;
    line-height: 0.68rem;
}

.tex-rpo-name span {
    display: inline-block;
    line-height: 40px;
    font-weight: 600;
}

.tex-rpo-tag span {
    line-height: 20px;
    padding: 0.04rem 0.155rem;
    background: #3c99f9;
    color: #fff;
    border-radius: 0.125rem;
    text-align: center;
    font-size: 0.325rem;
    display: inline-block;
}

.tex-money {
    height: 1.06rem;
    overflow: hidden;
}

    .tex-money span {
        line-height: 35px;
        color: #ff4d4d;
        font-size: 12px;
    }

        .tex-money span:nth-child(2) {
            font-size: 0.48rem;
            font-weight: 600;
        }

        .tex-money span:nth-child(3) {
            color: #000;
            padding-left: 3px;
        }
/*.fontbold span {
    color: #ff6600;
}*/
.de-bright-font {
    text-align: center;
    font-size: 18px;
    font-weight: 700 !important;
    justify-content: center
}

.de-bright-box {
    text-align: center;
    line-height: 40px;
}

    .de-bright-box span {
        background: #a3a3a3;
        height: 4px;
        width: 51px;
        display: inline-block;
        border-radius: 5px;
        margin-bottom: 0.18rem;
    }

.cruise-info-box span {
    float: left;
    background: #efefef;
    text-align: center;
    padding: 0.11rem 0.10rem;
    margin: 0 0.03rem;
    border-radius: 0.08rem;
    width: 1.7rem;
}

    .cruise-info-box span p {
        height: 18px !important;
    }

        .cruise-info-box span p:nth-child(2) {
            color: #666666;
            font-size: 12px;
        }

.de-ship-cruise {
    padding: 0.3733rem 0.32rem;
}

.ls-width span {
    width: 45%;
}

.de-ship-cruise .txt-info {
    margin-top: 16px;
}

.de-ship-cruise .txt-info-hidden {
    max-height: 90px;
    overflow: hidden;
}

.txt-more {
    text-align: center;
    padding-top: 10px;
    color: #808080;
    cursor: pointer;
}

.txt-more {
    line-height: 20px;
    margin-top: 10px;
}

    .txt-more img {
        width: 20px;
    }

.modal .common-card-footer {
    /*    display: -webkit-box;*/
    display: -ms-flexbox;
    /* display: flex;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: sticky;
    bottom: 0;
    z-index: 1;
}

.padd {
    /*padding-top:1rem!important;*/
}

.font-colo {
    color: #e63022;
    letter-spacing: 0.03rem;
}

.marginTop1-hidden {
    max-height: 800px;
    overflow: hidden;
}

.txtTop-more {
    text-align: center;
    color: #808080;
    cursor: pointer;
    background: #fff;
    margin-top: 20px;
}

.more-img img {
    width: 20px;
}

.video-div-top {
    margin-top: 12%;
}

.top_font {
    color: #000 !important;
}

.active-nav a {
    border-color: #389ffe !important;
    font-weight: bold;
}

.back-col {
    background: #f4f4f4;
    border-radius: 17px;
    padding: 0.11rem 0;
}

.txtTop-hidden {
    max-height: 2.65rem;
    overflow: hidden;
    line-height: 0.53rem;
}

.stop {
    margin-top: 1rem;
}

.curr-amount picture {
    font-size: 18px;
    line-height: 25px;
}

    .curr-amount picture:nth-child(1) {
        float: left;
        color: #f1524e;
        margin-left: -1px;
    }

.curr-amount a picture {
    float: right;
    text-align: center;
    width: 50%;
}

    .curr-amount a picture span {
        background: #ff9d00;
        color: #fff;
        padding: 0.02rem 0.3rem;
        border-radius: 5px;
        float: right;
        cursor: pointer;
    }

/*.curr-amount picture:nth-child(1) span:nth-child(1), span:nth-child(3) {
      font-size:13px;
    }*/
.font-icon {
    font-size: 0.6rem !important;
}

.top-back {
    background: #fff;
}

.newhead-ul li {
    display: block !important;
}

.cs-home-info-p {
    color: rgb(106,106,106);
}

.sc-newvideo-div {
    margin-top: 13%;
}

.idx-newship-btn {
    padding: 0 7px;
}

.new-max-height {
    max-height: 150px;
    border-radius: 5px 5px 0 0;
}

.newboxbold {
    background: #f4f4f4 !important;
    color: #000 !important;
    border: 1px solid #f4f4f4 !important;
}

.ac_results {
    padding: 0px;
    border: 1px solid #A4D1F5;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.de-newbig-title .active {
    background: #3AA0FF !important;
    color: #fff !important;
    border-radius: 0.1rem;
}

.de-newbig-title li {
    background: #f4f4f4 !important;
    color: #000 !important;
    /*border-radius:0.2rem;*/
}

.de-time-box3 {
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
}

.de-time-box4 {
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.2rem;
}

.de-newtime-price {
    width: max-content;
}

    .de-newtime-price li {
        width: 2.45rem;
        height: 1.8375rem;
        font-size: 12px;
        float: left;
        margin-right: 0.2rem;
    }

        .de-newtime-price li img {
            border-radius: 0.085rem;
        }


.newvAndi {
    width: 2.4rem;
    height: 0.4rem;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    /*bottom: 0.2666rem;*/
    z-index: 1;
    display: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -1.2rem;
}

    .newvAndi > div {
        width: 1.075rem;
        height: 0.45rem;
        border-radius: 0.1rem;
        line-height: 0.45rem;
        background: #FFE535;
        font-size: 0.09rem;
        text-align: center;
        font-size: 0.32rem;
    }

.newvideoBtn.newSWactive:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.1866rem solid #333;
    border-top: 0.1333rem solid transparent;
    border-bottom: 0.1333rem solid transparent;
    position: relative;
    top: 0.0266rem;
    left: 0.0533rem;
}

.newvideoBtn.newSWactive, .newimgBtn.newSWactive, .newct-bigimg li {
    background: #fff;
}



.proItems {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 0.2666rem;
    padding-bottom: 0.3733rem;
}

    .proItems .proItemsTitle {
        /* 	display: flex;
		align-items: center;
		padding-bottom: 0.325rem; */
    }

.proItemsTitle h1 {
    font-family: MicrosoftYaHeiUI-Bold;
    font-size: 0.48rem;
    font-weight: bold;
    font-stretch: normal;
    color: #333333;
    padding: 0.3733rem 0.32rem;
    margin-bottom: 0;
}

    .proItemsTitle h1 em {
        font-size: 0.315rem;
        color: #999;
        font-weight: normal;
    }

.proItemsMsg {
    width: calc(100% - 1rem);
    height: auto;
    display: flex;
    overflow: auto;
    padding: 0 0.32rem;
}

    .proItemsMsg::-webkit-scrollbar {
        display: none;
        /* 隐藏滚动条（适用于Webkit内核的浏览器，如Chrome、Safari）*/
    }

.promsgItem {
    width: 2.65rem;
    height: 2.65rem;
    flex-shrink: 0;
    position: relative;
    margin: 0 1.5% 0 0;
}

    .promsgItem img {
        width: 100%;
        height: 100%;
        border-radius: 0.10rem;
    }

.proIcon {
    width: 1.0rem !important;
    height: 1.0rem !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#myproItems {
    width: 100%;
    height: auto;
    background-color: white;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 -3px 8px 0px rgba(0, 0, 0,0.5);
    z-index: 999999;
}

.proItemsContainer {
    width: 96%;
    height: auto;
    margin: 2% auto;
    background-color: #f2f2f2;
    /*border-radius: 0.325rem;*/
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}

    .proItemsContainer .proItemsTitles {
        padding: 1.5%;
    }

        .proItemsContainer .proItemsTitles span {
            font-family: MicrosoftYaHeiUI-Bold;
            font-size: 0.47rem;
            font-weight: 500;
            font-stretch: normal;
            /* letter-spacing: px; */
            color: #333333;
            padding: 2%;
            margin-bottom: 0;
        }

            .proItemsContainer .proItemsTitles span em {
                font-size: 0.315rem;
                color: #999;
            }

        .proItemsContainer .proItemsTitles label {
            color: #999999;
            font-size: 0.3rem;
        }

    .proItemsContainer .proItemsMsg {
        padding: 0 2%;
        width: 96%;
    }

.myprobg {
    display: none;
    z-index: 999988;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(50,50,50,0.2);
}

.myModeltitle {
    width: 95%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.26rem 0;
    background-color: white;
}

.myproModel img {
    width: 100%;
    height: 100%;
}

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

    .myModeltitlea img {
        width: 0.52rem;
        height: 0.52rem;
        margin-right: 0.1rem;
    }

.roModelvideo {
    /* display: none; */
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 10rem;
}

.ptxt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30ch;
}

.proItemfooter {
    width: 100%;
    height: auto;
    padding-top: 0.5rem;
    justify-content: center;
    align-items: center;
    display: flex;
}

.Itemfootericon {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.1rem;
    border-radius: 0.2rem;
    background-color: #999999;
}

.activeivon {
    width: 0.45rem !important;
    height: 0.2rem;
    background-color: #999999;
    transition: background-color 0.8s ease;
}

.overlayPro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* 半透明黑色背景 */
    z-index: 1000;
    /* 确保透明背景在其他元素之上 */
}

.modal-open {
    pointer-events: none;
}

/*H5首页品牌列表样式*/
.brand_name_li {
    width: 2.91rem !important;
    /*width:4.60rem!important; 2列*/
    height: 2rem;
    line-height: 2rem;
    color: #fff !important;
    font-size: 0.55rem !important;
    font-weight: bold;
    border: 1px solid #e0e0e0;
    /*background:linear-gradient(270deg,rgba(20,194,252,1),rgba(52,145,238,1));*/
    margin: 0.2rem 0 0 0.25rem !important;
}

.home-newlist {
    position: relative;
    padding: 10px;
    width: 90%;
    margin: 0 auto;
}

    .home-newlist li {
        list-style: none;
        margin-bottom: 10px;
    }

        .home-newlist li img {
            width: 100%;
            border-radius: 5px;
        }

        .home-newlist li p {
            padding: 0 5px;
        }

.newVal {
    width: 77%;
    padding: 0;
    border-radius: 5px;
    font-size: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

    .newVal input {
        width: 59% !important;
        display: inline-block;
        font-size: 0.3733rem !important;
        padding-left: 3.39% !important;
    }

    .newVal span {
        width: calc(40% - 6px) !important;
        display: inline-block;
        height: 0.847rem;
        line-height: 0.847rem;
        text-align: center;
        cursor: pointer;
        font-size: 0.325rem !important;
        float: none !important;
        background: rgba(58,160,255,1);
        color: #fff;
        border-radius: 5px;
    }

        .newVal span.dis {
            cursor: default;
            color: #666;
            background: #ccc;
        }