.topNavbar {
    box-shadow:unset;
}
.InifrBox {
    width: 95%;
    height: 25rem;
    background: #efefef;
    border-radius: 0.625rem;
    margin: 3.15rem auto 0.625rem;
    position: relative;
    overflow: hidden;
}

    .InifrBox img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 或 contain */
    }

.InifrInfo {
    width: 95%;
    position: absolute;
    left: 2%;
    bottom: 2%;
    border-radius: 0.375rem;
    background: #ffffffcc;
    padding: 0.625rem;
    box-sizing: border-box;
}

.InifrInfo-txt-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .InifrInfo-txt-title span:nth-child(1) {
        color: #111;
        font-size: 1.1rem;
        display: -webkit-box; /* 旧版 WebKit 兼容 */
        -webkit-box-orient: vertical; /* 文本方向为垂直排列 */
        -webkit-line-clamp: 1; /* 限制显示的行数 */
        overflow: hidden; /* 隐藏溢出内容 */
    }

    .InifrInfo-txt-title a {
        color: #1974d0;
        font-size: 0.8rem;
        white-space: nowrap;
    }

.InifrInfo-txt-span {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .InifrInfo-txt-span span {
        color: #333;
        font-size: 0.8rem;
        display: -webkit-box; /* 旧版 WebKit 兼容 */
        -webkit-box-orient: vertical; /* 文本方向为垂直排列 */
        -webkit-line-clamp: 2; /* 限制显示的行数 */
        overflow: hidden; /* 隐藏溢出内容 */
    }

.InifrInfoList {
    width: 100%;
    margin-top: 0.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.InifrInfo-Item {
    overflow: hidden;
    border-radius: 0.325rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 24%;
    flex-shrink: 0;
    height: 3.75rem;
    border: 0.125rem solid transparent;
    box-sizing: border-box;
}

    .InifrInfo-Item.active {
        border: 0.125rem solid #ffdc66;
        box-shadow: 0 0 0.325rem #ffffff;
    }

    .InifrInfo-Item img {
        border-radius: 0.325rem;
        width: 100%;
        height: 100%;
        object-fit: cover; /* 或 contain */
    }

    .InifrInfo-Item div {
        position: absolute;
        font-weight: bold;
        font-size: 0.9rem;
        color: #fff;
        bottom: 0.25rem;
    }
.ProTit {
    width: 95%;
    margin: 0.625rem auto;
}

.ProTit-title {
    font-weight: bold;
    font-size: 1.1rem;
}

.ProTit-span {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* 允许换行 */
    margin: 0.625rem 0;
}

    .ProTit-span span {
        padding: 0.125rem 0.5rem;
        border-radius: 0.25rem;
        background: #3aa0ff;
        font-size: 0.8rem;
        color: #fff;
        margin-right: 0.25rem;
        margin-bottom: 0.25rem;
    }

.ProTit-info {
    display: flex;
    gap: 0.625rem;
}

.ProTit-loca {
    width: 70%;
    flex-shrink: 0;
}

    .ProTit-loca div {
        color: #666;
        display: flex;
        align-items: center;
    }

    .ProTit-loca img {
        width: 0.8125rem;
        height: 0.8125rem;
        margin-right: 0.5rem;
    }

.ProTit-price {
    flex: 1;
    flex-shrink: 0;
    text-align: center;
}

    .ProTit-price div:nth-of-type(1) {
        color: #333;
        font-size: 0.9rem;
    }

        .ProTit-price div:nth-of-type(1) > span {
            font-weight: bold;
            color: #ff5454;
            font-size: 1.3rem;
        }

    .ProTit-price div:nth-of-type(2) {
        color: #1f3449;
        background: #fbc200;
        border-radius: 0.25rem;
        padding: 0.125rem 0;
        margin: 0.25rem 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ProTit-price img {
        width: 1rem;
        height: 1rem;
        margin-left: 0.5rem;
    }

.ProTit-Promo {
    background: #f8f8f8;
    border-radius: 0.5rem;
    box-sizing: border-box;
    padding: 0.625rem;
    margin-top: 0.25rem;
}

.ProTit-Promo-item {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    line-height: 1.35rem;
}

.ProTit-Promo-icon {
    width: 1.05rem;
    height: 1.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.7rem;
    border-radius: 0.25rem;
    color: #fff;
    transform: translateY(0.125rem);
}

.ProTit-Promo-cuxiao {
    color: #333;
    width: calc(100% - 1.5rem);
}
/* 遮罩层样式（优化版） */
.modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 999;
    pointer-events: none; /* 默认禁止点击 */
}

/* 内容区域样式（添加关闭动画） */
.modal-content {
    position: fixed;
    left: 2.5%;
    bottom: 0;
    width: 95%;
    height: 66.67vh;
    background: #fff;
    border-radius: 0.75rem 0.75rem 0 0;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1000;
    padding: 1.25rem;
    box-sizing: border-box;
    box-shadow: 0 0 0.5rem rgb(0, 0, 0, 0.4);
}

/* 激活状态 */
.modal-mask.active {
    opacity: 1;
    pointer-events: auto; /* 激活时允许点击 */
    display:block;
}

.modal-content.active {
    transform: translateY(0);
}

/* 关闭按钮样式 */
.close-btn {
    position: absolute;
    top: 0.625rem;
    right: 1.25rem;
    font-size: 1.5rem;
    cursor: pointer;
    color: #333;
}

/* 滚动锁定优化 */
body.modal-open {
    overflow: hidden;
   /* position: fixed;
    width: 100%;
    height: 100%;*/
}

.modal-title {
    position: absolute;
    top: 0.625rem;
    left: 50%;
    font-size: 1.2rem;
    transform: translateX(-50%);
    color: #333;
}

.modaList {
    width: 100%;
    height: 98%;
    margin-top: 8%;
    box-sizing: border-box;
    overflow-y: auto;
    -ms-overflow-style: none; /* IE 和 Edge */
    scrollbar-width: none; /* 火狐 */
}

    .modaList::-webkit-scrollbar {
        display: none; /* WebKit */
    }

.moda-Item {
    padding: 0.625rem 0;
    border-top: 0.0625rem dashed #dbdbdb;
}

.moda-title {
    color: #333;
    font-size: 1.1rem;
    display: -webkit-box; /* 旧版 WebKit 兼容 */
    -webkit-box-orient: vertical; /* 文本方向为垂直排列 */
    -webkit-line-clamp: 2; /* 限制显示的行数 */
    overflow: hidden; /* 隐藏溢出内容 */
    margin-bottom: 0.25rem;
}

.moda-info {
    display: flex;
}

.moda-infoL {
    width: 78%;
    font-size: 0.8rem;
}

    .moda-infoL img {
        width: 0.7rem;
        height: 0.7rem;
        margin-right: 0.25rem;
    }

.moda-infoItem {
    color: #666666;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: 0.725rem;
}
    .moda-infoItem > div {
        display: flex;
        align-items: center;
    }
    .moda-infoItem .moda-infoItem-span {
        font-size: 0;
        display: flex;
        align-items: center;
    }
.moda-infoItem-span em {
    font-style: normal;
    font-size: 0.725rem;
}
.moda-infoItem-span span {
    font-size: 0.725rem;
    color: #333;
    border-radius: 0.25rem;
    padding: 0 0.175rem;
    margin-right: 0.15rem;
    background: linear-gradient(to right, #4de6ce, #d3f8ae);
    /* 如果需要兼容旧版浏览器，可添加前缀 */
    background: -webkit-linear-gradient(left, #4de6ce, #d3f8ae);
    background: -moz-linear-gradient(left, #4de6ce, #d3f8ae);
}

.moda-infoItem-span span:last-child {
    margin-right:0
}
    .moda-infoR {
        flex: 1;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

.moda-infoR-btn {
    flex: 1;
}

    .moda-infoR-btn div:nth-of-type(1) {
        text-align: center;
        color: #333;
        font-size: 0.7rem;
        white-space: nowrap;
    }

        .moda-infoR-btn div:nth-of-type(1) span {
            font-size: 1.1rem;
            color: #ff5454;
        }

    .moda-infoR-btn div:nth-of-type(2), .moda-infoR-btn a {
        padding: 0.125rem 0.1875rem;
        border-radius: 0.25rem;
        text-align: center;
        background: #fbc200;
        color: #333;
        display: inherit;
    }
.TitleStyle1 {
    width: 95%;
    margin: 0.625rem auto;
    color: #333;
    font-weight: bold;
    font-size: 0.9rem;
}
.date-picker {
    position: relative;
    width: 95%;
    margin: 0.625rem auto;
    padding: 0 1.5rem;
    box-sizing: border-box;
    background: #f8f8f8;
    border-radius: 0.5rem;
}

.dates-container {
    overflow: hidden;
    padding: 1.25rem 0;
}

.dates-list {
    display: flex;
    gap: 0.3125rem;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-x: auto;
    /*padding: 0 0.625rem;*/
}
    /* WebKit 浏览器（Chrome/Safari/Edge） */
    .dates-list::-webkit-scrollbar {
        display: none;
    }

.date-card {
    position: relative;
    padding: 0.3125rem;
    border-radius: 0.5rem;
    background: white;
    flex-shrink: 0;
    cursor: pointer;
}

    .date-card.active {
        background-color: #3aa0ff;
        box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2);
    }

.date-card-neihei {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 0.0625rem solid #ededed;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0.3125rem;
}

    .date-card-neihei.active {
        border: 0.0625rem solid #3aa0ff;
        border-radius: 0;
        border-bottom-left-radius: 0.3125rem;
        border-bottom-right-radius: 0.3125rem;
    }

.year-month {
    text-align: center;
    background: #ededed;
    color: #8c8c8c;
    font-size: 0.8rem;
    color: #333;
    padding-bottom: 0.2rem;
}
.Tips-co {
    font-size: 0.8rem;
    color: #666;
    margin-top: 0.25rem;
}
    .year-month.active {
        color: #fff;
        background: #3aa0ff;
    }

.day {
    color: #333;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 700;
    margin: 0.2rem 0;
}

.weekday {
    color: #333;
    margin-bottom: 0.25rem;
    text-align: center;
    font-size: 0.8rem;
}

.price {
    text-align: center;
    color: #333;
    font-size: 0.7rem;
    padding: 0.2rem 0 0.35rem;
}

    .price span {
        color: #ff5800;
        font-size: 0.9rem;
    }

.nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 5rem;
}

    .nav-button:disabled {
        opacity: 0.4;
        cursor: not-allowed;
        background: #8c8c8c;
    }

.prev {
    left: 0;
}

.next {
    right: 0;
}
.Selec-Room {
    width: 95%;
    margin: 0.625rem auto;
    border-radius: 0.5rem;
    background: #f8f8f8;
    padding: 0.625rem;
    box-sizing: border-box;
}

.RoomType {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0.625rem;
}

.RoomTypeIt {
    padding: 0.45rem 0;
    background: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 0 0.25rem rgb(0, 0, 0, 0.1);
    text-align: center;
}

    .RoomTypeIt.active {
        background: #3aa0ff;
        color: #fff;
        font-weight: bold;
        box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2);
    }

.RoomList {
    margin-top: 0.8rem;
}

    .RoomList .RoomItem {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 0.0625rem dashed #dbdbdb;
    }

.RoomItemctrl .RoomItem:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.RoomItem-Info {
    display: flex;
    gap: 0.25rem;
    margin-top: 1rem;
    border-top: 0.0625rem dashed #dbdbdb;
    padding-top: 1rem;
}
.RoomItem .RoomItem-Info:first-child {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}

.RoomItIn-video {
    width: 6rem;
    height: 4.4rem;
    border-radius: 0.25rem;
    position:relative;
}

    .RoomItIn-video img {
        width: 6rem;
        height: 4.4rem;
        border-radius: 0.25rem;
    }
.RoomImgbtn{
	  cursor: pointer;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  background: #3339;
	  width: 100%;
	  color: #fff;
	  text-align: center;
	  font-size: 0.75rem;
	  border-radius:0 0 0.25rem 0.25rem;
  }
        .RoomItIn-video img.icon {
            position: absolute;
            width: 1rem;
            height: 1rem;
            left:2.5rem;
            top:1.7rem;
        }

.RoomItIn-info {
    flex: 1;
}

    .RoomItIn-info p:nth-of-type(1) {
        font-size: 1rem;
        font-weight: bold;
        color: #333;
        display: -webkit-box; /* 旧版 WebKit 兼容 */
        -webkit-box-orient: vertical; /* 文本方向为垂直排列 */
        -webkit-line-clamp: 1; /* 限制显示的行数 */
        overflow: hidden; /* 隐藏溢出内容 */
        margin-bottom: 0.25rem;
    }

    .RoomItIn-info p {
        font-size: 0.75rem;
        color: #666;
    }

.RoomItIn-price {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
}

.RoomItem-List {
    display: none;
}

.RoomItIn-price div:nth-of-type(2).active {
    background: #3aa0ff;
    color: white;
}

.RoomItIn-price div:nth-of-type(1) {
    font-size: 0.8rem;
}

    .RoomItIn-price div:nth-of-type(1) span {
        font-weight: bold;
        color: #ff5800;
        font-size: 1.2rem;
    }

.RoomItIn-price div:nth-of-type(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.4rem;
    background: #ff5800;
    color: #fff;
    padding: 0.2rem 0.4rem;
}

.toggle-btn span {
    font-size: 0.8rem;
}

.RoomItIn-price div:nth-of-type(2) img {
    width: 1rem;
    height: 1rem;
    transition: all 0.2s;
}

.RoomItem-details {
    margin: 1rem 0 0;
    padding-bottom: 1rem;
    border-bottom: 0.0625rem dashed #dbdbdb;
    display: flex;
    justify-content: space-between;
    color: #333 !important;
}

    .RoomItem-details:last-of-type {
        border-bottom: none;
        padding-bottom: 0;
    }

.RoomItem-details-info div:nth-of-type(1) {
    font-size: 0.9rem;
}

.RoomItem-details-info div:nth-of-type(2) {
    color: #666;
}

.RoomItem-details-Stepper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .RoomItem-details-Stepper div:nth-of-type(1) {
        font-size: 0.8rem;
    }

        .RoomItem-details-Stepper div:nth-of-type(1) span {
            color: #ff5800;
        }
.fixed {
    position: fixed;
    top: 2.25rem;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
    z-index: 9999;
}
.counter {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-family: Arial, sans-serif;
    background: #ededed;
}

.counter-btn {
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: 0.25rem;
    background-color: #3aa0ff;
    color: white;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .counter-btn:active {
        background-color: #3aa0ff;
    }

.counter-value {
    font-size: 1rem;
    min-width: 2rem;
    text-align: center;
    font-size: 0.8rem;
}
.StrGui {
    width: 95%;
    margin: 0.0625rem auto;
    box-sizing: border-box;
    color: #333 !important;
}

.StrGui-Ti {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
}

.StrGuiList {
    overflow-x: auto;
    display: flex;
    -ms-overflow-style: none; /* IE 和 Edge */
    scrollbar-width: none; /* 火狐 */
}

.StrGui-Item {
    flex-shrink: 0;
    width: 7rem;
    height: 7rem;
    background: #a8a8a8;
    border-radius: 0.5rem;
    margin-right: 1rem;
}
.CruInt {
    width: 95%;
    margin: 0.625rem auto;
    box-sizing: border-box;
}

.CruInt-Ti {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #333 !important;
}

.CruInt-Ti-icon {
    width: 4rem;
    height: 4rem;
}

    .CruInt-Ti-icon img {
        width: 4rem;
        height: 4rem;
    }

.CruInt-Ti-name {
    font-weight: bold;
    font-size: 1.2rem;
}

.CruInt-Ti-brand {
    font-size: 0.8rem;
}

.CruInt-para {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 1rem 0 0.4rem;
    gap: 0.375rem;
}

.CruInt-para-term {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #efefef;
    border-radius: 0.25rem;
    padding: 0.5rem 0;
	line-height:1.0rem;
}

.CruInt-para-term-name {
    font-size: 0.75rem;
    color: #666;
}

.CruInt-para-term-num {
    font-size: 0.725rem;
    color: #333;
}

.text-container {
    width: 100%;
    margin: 1.25rem auto;
    font-family: 'Microsoft YaHei', sans-serif;
}

.content-box {
    color: #333;
    font-size: 1rem;
    line-height: 1.5;
    max-height: 4.5em; /* 3行高度（1.5行高 * 3） */
    overflow: hidden;
    transition: all 0.6s;
    position: relative;
}

    .content-box::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1.25rem;
        background: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75% );
    }

.expanded {
    max-height: 62.5rem; /* 足够大的展开高度 */
}

    .expanded::after {
        display: none;
    }

.toggle-btna {
    color: #3aa0fe;
    margin-top: 0.625rem;
    padding: 0.3125rem 0.75rem;
    text-align: center;
    transition: all 0.2s ease;
}

/* .toggle-btn span {
  font-size: 0.8rem;
} */
.DetNav-Item {
    font-size: 1rem;
}
.CruInt-video {
    width: 100%;
    height: 13.425rem;
}

    .CruInt-video video, .CruInt-video img {
        width: 100%;
        height:100%;
        border-radius: 0.5rem;
    }
.Traitiref {
    width: 95%;
    margin: 0.625rem auto 1rem;
    box-sizing: border-box;
}

.Traitiref-Ti {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 0.5rem;
    font-size: 1.3rem;
    font-weight: bold;
    color: #1974d0;
    margin: 0.4rem 0;
}

.Traitiref-Ti—L {
    font-size: 1.3rem;
}

.Traitiref-Ti img {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.2rem;
}

.Traitiref-Ti—R span:last-of-type, a {
    color: #3aa0fe;
    font-size: 0.8rem;
    font-weight: normal;
}

.Traitiref-Ti—R span {
    color: #666;
    font-size: 0.8rem;
    font-weight: 400;
}

.Traitiref-Item {
    width: 100%;
    border-radius: 0.5rem;
    padding: 0.8rem 0.3rem;
    background: #f8f8f8;
    box-sizing: border-box;
    display: flex;
    gap: 0.4rem;
}

.Traitiref-num {
    position: relative;
    width: 2.2rem;
}

    .Traitiref-num img {
        width: 2.2rem;
        height: 2.2rem;
    }

    .Traitiref-num span {
        position: absolute;
        left: 1.1rem;
        top: 0.9rem;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 0.94rem;
    }

.Traitiref-info {
    flex: 1;
}

.Traitiref-xzbtn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 0 0.3125rem rgb(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 0.3rem 0.4rem;
}

.Traitiref-jrbt {
    color: #1974d0 !important;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

    .Traitiref-jrbt span {
        font-size: 1.1rem;
        flex-shrink: 0;
    }
        .Traitiref-jrbt span:last-child {
            width: 79%;
        }

.Traitiref-xzan {
    width: 1.3rem;
    height: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0.1rem solid #3aa0fe;
    flex-shrink: 0;
}

    .Traitiref-xzan img {
        width: 1rem;
        height: 1rem;
        transition: transform 0.3s ease;
    }

.rotated {
    transform: rotateZ(180deg);
}

.Traitiref-tiem {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0.4rem 0 0;
}

    .Traitiref-tiem div {
        color: #666;
        display: flex;
        align-items: center;
    }

    .Traitiref-tiem img {
        width: 0.8rem;
        height: 0.8rem;
        margin-right: 0.2rem;
    }

.Traitiref-zdbf {
    display: none;
    box-sizing: border-box;
    margin-right: 0.3rem;
    margin: 0.4rem 0 0;
    overflow: hidden;
}

    .Traitiref-zdbf div {
        color: #666;
        display: flex;
        align-items: center;
    }

    .Traitiref-zdbf img{
        max-width:100%;
    }
    .Traitiref-zdbf img.cicon {
        width: 1rem;
        height: 1rem;
        margin-right: 0.2rem;
    }

    .Traitiref-zdbf p {
        color: #333;
        font-size: 0.9rem;
        margin-top: 0.3rem;
    }

.Traitiref-cont {
    width: 100%;
    border-radius: 0.5rem;
    padding: 0.3rem;
    background: #f8f8f8;
    box-sizing: border-box;
}

.Traitiref-para p {
    color: #333;
    margin: 0;
	line-height:1.56rem;
}

.Traitiref-para ol {
    margin-left: 2rem;
    color: #333;
}

.Traitiref-para li {
    font-size: 0.9rem;
}

.TraitirefList {
    width: 100%;
    padding-bottom: 4rem;
}

.TraitirefList-Item {
    box-sizing: border-box;
    box-shadow: 0 0 0.3125rem rgb(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    padding: 0.3rem;
    margin: 0.625rem 0;
}

.TraitirefList-user {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

    .TraitirefList-user > img {
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 50%;
    }

.TraitirefList-user-call {
    color: #333;
    font-size: 0.9rem;
    font-weight: bold;
}

.TraitirefList-user-jingpai {
    display: flex;
    align-items: center;
    background: #ffbc1a;
    color: #fff;
    padding: 0.1rem 0.3rem;
    border-radius: 1rem;
    font-size: 0.8rem;
}

    .TraitirefList-user-jingpai img {
        width: 1rem;
        height: 1rem;
    }

.TraitirefList-cont {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    margin: 0.625rem 0;
}

.TraitirefList-article {
    font-size: 0.9rem;
    color: #666;
    display: -webkit-box; /* 旧版 WebKit 兼容 */
    -webkit-box-orient: vertical; /* 文本方向为垂直排列 */
    -webkit-line-clamp: 5; /* 限制显示的行数 */
    overflow: hidden; /* 隐藏溢出内容 */
}

.TraitirefList-figure {
    flex-shrink: 0;
    width: 6.4rem;
    height: 6.4rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
}

    .TraitirefList-figure img {
        width: 6.4rem;
        height: 6.4rem;
        object-fit: cover;
    }

    .TraitirefList-figure div {
        position: absolute;
        bottom: 0;
        right: 0;
        background: #33333355;
        color: #fff;
        font-size: 0.8rem;
        padding: 0.2rem;
        border-top-left-radius: 0.25rem;
    }
.floatfootBox {
    z-index: 100000;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.75rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    box-sizing: border-box;
    background: linear-gradient(to right, #3aa0ff, #0060b9);
    /* 如果需要兼容旧版浏览器，可添加前缀 */
    background: -webkit-linear-gradient(left, #3aa0ff, #0060b9);
    background: -moz-linear-gradient(left, #3aa0ff, #0060b9);
    display: flex;
    align-items: center;
    padding: 0.625rem;
    justify-content: space-between;
	box-shadow:0 0 0.66rem rgba(0,0,0,0.3);
}

.floatfootBox-Icon {
    text-align: center;
    width: 15%;
	line-height: 1.56rem;
}

    .floatfootBox-Icon img {
        width: 1.875rem;
        height: 1.875rem;
        transform: translateY(0.375rem);
        margin-bottom: 0.25rem;
		filter:brightness(10);
    }

    .floatfootBox-Icon div {
        color: #fff;
        font-size: 0.8rem;
    }

.floatfootBox-btn {
    box-sizing: border-box;
    padding: 0 1.25rem;
    flex: 1;
}

    .floatfootBox-btn div {
        text-align: center;
        padding: 0rem 0.375rem;
        border-radius: 0.5rem;
        font-size: 1.2rem;
        font-weight: bold;
        color: #fff;
        height: 2.75rem;
        line-height: 2.75rem;
        background: linear-gradient(to right, #fbc200, #ff6600);
        background: -webkit-linear-gradient(left, #fbc200, #ff6600);
        background: -moz-linear-gradient(left, #fbc200, #ff6600);
    }

.floatfootBox-info {
    flex: 1;
    box-sizing: border-box;
    margin: 0 0.625rem;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    background: #fff;
    border-radius: 0.5rem;
    height: 2.75rem;
}

.floatfootBox-price {
    flex-shrink: 0;
    width: 60%;
}

    .floatfootBox-price div {
        text-align: right;
    }

        .floatfootBox-price div:nth-of-type(1) {
            font-size: 0.85rem;
            color: #333;
            transform: translateY(0.125rem);
            margin-bottom: 0.35rem;
        }

            .floatfootBox-price div:nth-of-type(1) span {
                color: #ff5454;
                font-weight: bold;
                font-size: 1.1rem;
            }

        .floatfootBox-price div:nth-of-type(2) {
            transform: translateY(-0.125rem);
        }

            .floatfootBox-price div:nth-of-type(2) span {
                font-size: 0.8rem;
                color: #333;
            }
            .floatfootBox-price div:nth-of-type(2) i {
                font-style:normal;
            }

.floatfootBox-details {
    flex: 1;
    font-size: 0.9rem;
    color: #3aa0fe;
    text-align: center;
}

.floatfootBox-xybbtn {
    height: 2.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    width: 4rem;
    background: linear-gradient(to right, #fbc200, #ff6600);
    background: -webkit-linear-gradient(left, #fbc200, #ff6600);
    background: -moz-linear-gradient(left, #fbc200, #ff6600);
}
/* 遮罩层样式 */
.popup-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 999;
}

/* 弹窗主体 */
.popup-content {
    position: fixed;
    bottom: -100%;
    left: 2%;
    width: 95%;
    background: #fff;
    border-radius: 0.75rem 0.75rem 0 0;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1000;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

    /* 弹窗激活状态 */
    .popup-content.active {
        bottom: 3.5rem;
    }

/* 弹窗头部 */
.popup-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.4rem 0;
    margin: 0 1rem;
    border-bottom: 0.0625rem solid #e9e9e9;
    position: relative;
    top: 0;
    background: #fff;
}

.popup-title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
}

/* 关闭按钮 */
.popup-close {
    font-size: 1.2rem;
    color: #555;
    line-height: 1;
    cursor: pointer;
    padding: 0.5rem;
}

/* 内容区域 */
.popup-body {
    padding: 1rem;
}
/* 明细项样式 */
.detail-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    padding: 0 0 1rem 0;
    border-bottom: 0.0625rem dashed #dbdbdb;
}
.popup-body .detail-item:last-child {
    margin-bottom: 0;
    border-bottom:0;
}

.detail-info {
    display: flex;
    gap: 0.4rem;
}

.detail-img {
    flex-shrink: 0;
    overflow: hidden;
    width: 5rem;
    height: 4rem;
    border-radius: 0.3rem;
}

    .detail-img img {
        width: 5rem;
        height: 4rem;
    }

.detail-txt div:first-of-type {
    color: #333;
    display: -webkit-box; /* 旧版 WebKit 兼容 */
    -webkit-box-orient: vertical; /* 文本方向为垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示的行数 */
    overflow: hidden; /* 隐藏溢出内容 */
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.detail-txt div:nth-of-type(2) {
    color: #333;
}

.detail-txt div:last-of-type {
    font-size: 0.9rem;
    color: #666;
}

.detail-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.detail-price {
    color: #333;
    font-size: 0.8rem;
}

    .detail-price span {
        color: #ff5800;
        font-size: 1.1rem;
        font-weight: bold;
    }

/* 禁止滚动 */
body.no-scroll {
    overflow: hidden;
}
.nomores {
    text-align: center;
    color: #999;
    line-height: 5rem;
}

.common-calendar {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 90%;
    width: 100%
}

.calendar-title {
    background: #fff;
    width: 100%;
    height: 44px;
    -ms-flex-pack: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0 60px 0 58px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px 8px 0 0
}

    .calendar-title, .calendar-title .text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center
    }

        .calendar-title .text {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            font-size: 17px;
            color: #333
        }

        .calendar-title .h5-font-close2, .calendar-title .text {
            -ms-flex-pack: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .calendar-title .h5-font-close2 {
            padding: 0 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            font-size: 15px;
            position: absolute;
            height: 44px;
            left: 0;
            top: 0
        }

.calendar-tips {
    height: 28px;
    background-color: #fffbd7;
    font-size: .75rem;
    line-height: .75rem;
    color: #666;
    text-align: center;
    padding: .5rem;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.calendar-week-tips {
    height: 60px
}

.calendar-module-tips-show {
    width: 100%;
    padding: 0 10px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .8125rem;
    background-color: #fff8bd
}

.calendar-module-tips-show, .calendar-week {
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    color: #666
}

.calendar-week {
    font-size: 14px;
    background-color: #f5f5f5;
    z-index: 99;
    position: relative
}

.calendar-week-item {
    float: left;
    width: 14.25%;
    height: 30px;
    text-align: center
}

.calendar-week-weekend {
    color: #2396ff
}

.calendar-content {
    height: calc(100% - 102px);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth
}

    .calendar-content::-webkit-scrollbar {
        display: none
    }

    .calendar-content .calendar-month {
        padding: 10px 0;
        text-align: center;
        font-size: 1rem;
        color: #333;
        font-weight: 500;
        background-color: #fff;
        z-index: 9;
        clear: both;
        top: 0;
        height: 42px;
        line-height: 42px
    }

    .calendar-content .p-sticky {
        position: sticky
    }

    .calendar-content .calendar-month-tips {
        padding: 25px 0 10px;
        text-align: center;
        font-size: 14px;
        color: #333
    }

    .calendar-content .calendar-month-items {
        clear: both;
        color: #333
    }

.calendar-day {
    float: left;
    position: relative;
    width: 14.25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .calendar-day:after {
        content: "";
        display: block;
        padding-bottom: 120%
    }

.calendar-item-checkin {
    color: #fff;
    background-color: #2396ff
}

.calendar-item-range {
    background-color: #d3eaff
}

.calendar-info-box {
    position: absolute;
    top: 1.5625rem;
    right: 0;
    left: 0
}

.calendar-txt {
    display: block;
    font-size: .875rem;
    text-align: center;
    line-height: .875rem;
    font-weight: 500
}

.out-of-range {
    color: #ccc !important
}

.calendar-txt-checkin {
    color: #fff
}

.calendar-txt-stay, .font-bule {
    color: #2396ff
}

.calendar-price {
    color: #ff7d13
}

.calendar-price, .calendar-price-checkin {
    display: block;
    font-size: .6875rem;
    text-align: center
}

.calendar-price-checkin {
    color: #fff;
    opacity: .8;
    margin-top: .375rem;
    font-weight: 500
}

.calendar-checkin {
    position: absolute;
    top: 2.125rem;
    left: 0;
    right: 0;
    font-size: .625rem;
    text-align: center;
    opacity: .6
}

.calendar-today-tomorrow {
    position: absolute;
    top: .46875rem;
    height: .75rem;
    overflow: hidden;
    font-size: .6875rem;
    color: #333;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    white-space: nowrap
}

.cal-checkin-text {
    color: #fff;
    border-color: #fff
}

.calendar-holiday {
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    white-space: nowrap
}

.calendar-holiday, .calendar-rest, .calendar-work {
    position: absolute;
    font-size: .6875rem;
    overflow: hidden;
    top: .46875rem
}

.calendar-rest, .calendar-work {
    width: .75rem;
    height: .75rem;
    line-height: 1.1;
    margin-left: 40%;
    color: #333;
    text-align: left
}

.calendar-rest {
    color: #2396ff
}

.calendar-item_rest {
    color: #ccc
}

.calendar-rest-checkin, .calendar-work-checkin {
    color: #fff;
    border-color: #fff
}

.calendar-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    color: #fff
}

.calendar-day-tips {
    width: 100%;
    font-size: .75rem;
    color: #fff;
    text-align: center;
    z-index: 12;
    top: -2.5rem;
    background: rgba(0,0,0,.55);
    border-radius: .1875rem;
    padding: .45rem 0;
    pointer-events: none;
    line-height: 1rem
}

    .calendar-day-tips, .calendar-day-tips:after {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .calendar-day-tips:after {
            bottom: -.3125rem;
            content: "";
            width: 0;
            height: 0;
            border-color: rgba(0,0,0,.55) transparent transparent;
            border-style: solid;
            border-width: .3125rem .3125rem 0
        }

.tips1 {
    width: 200%
}

.calendar-month-items .calendar-day:nth-of-type(7n+1) .tips1 {
    left: 100%
}

    .calendar-month-items .calendar-day:nth-of-type(7n+1) .tips1:after {
        left: 25%
    }

.calendar-month-items .calendar-day:nth-of-type(7n+7) .tips1 {
    left: 0
}

    .calendar-month-items .calendar-day:nth-of-type(7n+7) .tips1:after {
        left: 75%
    }

.tips-wrap {
    width: 400%;
    top: -3.6rem
}

.calendar-month-items .calendar-day:nth-of-type(7n+1) .tips-wrap {
    left: 200%
}

    .calendar-month-items .calendar-day:nth-of-type(7n+1) .tips-wrap:after {
        left: 12%
    }

.calendar-month-items .calendar-day:nth-of-type(7n+2) .tips-wrap {
    left: 100%
}

    .calendar-month-items .calendar-day:nth-of-type(7n+2) .tips-wrap:after {
        left: 37%
    }

.calendar-month-items .calendar-day:nth-of-type(7n+6) .tips-wrap {
    left: 0
}

    .calendar-month-items .calendar-day:nth-of-type(7n+6) .tips-wrap:after {
        left: 62%
    }

.calendar-month-items .calendar-day:nth-of-type(7n+7) .tips-wrap {
    left: -100%
}

    .calendar-month-items .calendar-day:nth-of-type(7n+7) .tips-wrap:after {
        left: 87%
    }

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    30% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    30% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

._3bZFZ6-eO7Hpo42y-0I97o {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

._13d_E2FeWPdg2swuGVqmRb {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

._38AlPF1i2dxIXN66Gw6vsA {
    display: block;
    width: 100%;
    height: 100%;
    white-space: normal
}

._1v-zB_7qNpodZhsBJ5Y46t {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    white-space: unset;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

._3Qb_IIpFOh74NSXP4Rp2EW {
    background-color: rgba(0,0,0,.4);
    color: #fff;
    border-radius: .5rem;
    padding: .15rem .375rem;
    z-index: 99;
    position: absolute;
    bottom: .5rem;
    right: .5rem
}

._1UNrJBYaGbnf-z02Je5zCy {
    left: 0
}

._1UNrJBYaGbnf-z02Je5zCy, .KaAq3wp_xsfEP2k8oUYf- {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2rem;
    height: 2rem;
    background: #fff;
    line-height: 2rem;
    text-align: center
}

.KaAq3wp_xsfEP2k8oUYf- {
    right: 0
}

.pc-box {
    border-radius: 4px 0 0 4px;
    color: #f50;
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,244,235,0)),color-stop(20%,#fff4eb),to(#fff4eb));
    background: linear-gradient(90deg,rgba(255,244,235,0),#fff4eb 20%,#fff4eb);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .625rem;
    overflow: hidden;
    white-space: nowrap
}

    .pc-box .pc-text {
        padding: .125rem;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .pc-box .pc-discount {
        background-color: #fff1e6;
        border-left: .032rem dashed #ffa04d;
        padding: .125rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .pc-box .pc-icon {
        color: #f50
    }

    .pc-box .slim-line {
        display: inline-block;
        height: .625rem;
        width: .032rem;
        -webkit-transform: scale(.5,0,0);
        transform: scale(.5,0,0);
        background-color: #ffc899;
        margin: 0 .125rem
    }

    .pc-box .slim-line, .vm {
        vertical-align: middle
    }

.swiper-counts {
    padding: .125rem .25rem;
    color: #fff;
    font-size: .3rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: .35rem;
    background: rgba(0,0,0,.4);
    border-radius: 1.25rem
}

.swiper-img {
    width: 100%;
    height: 100%
}
.swiper-slideVideoSub {
    width: 100%;
    height: 100%;
    position: relative;
}
.video_btnSub {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.modal {
    width: 100%;
    height: 90%;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #f4f4f6;
    z-index: 1002;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    font-family: -apple-system,Helvetica,Hiragino Sans GB W3,Microsoft YaHei,arial,sans-serif
}

    .modal .bd {
        background-color: #fff
    }

    .modal .suite-title {
        background-image: url(https://pages.c-ctrip.com/hotels/wechat/img/suite-layer-title.png);
        background-size: cover;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 2.5rem
    }

    .modal .h {
        background-color: #f7f7f7;
        color: #333;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: sticky;
        top: 0;
        z-index: 2
    }

        .modal .h .tit {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: .25rem 0 .25rem .25rem;
            font-weight: 700;
            text-align: left;
            justify-items: center;
            line-height: 2;
            font-size: 0.9rem;
        }

.tit .pac-icon {
    height: 1.5rem;
    min-width: 1.5rem;
    max-width: 1.5rem;
    margin-right: .5rem;
    background: unset;
    color: unset
}

.modal .h .h5-font-close {
    color: #333;
    font-size: 1.25rem;
    padding: .625rem
}

.modal .h .r-num {
    font-size: .563rem;
    padding: .25rem;
    color: #ccc;
    white-space: nowrap
}

.modal .bottom-blank {
    height: 4.375rem;
    background-color: #fff
}

.modal .bottom-iphonex {
    height: 6.438rem
}

.modal .layer-detail {
    height: calc(100% - 7.125rem)
}

.modal .layer-booking {
    height: calc(100% - 2.75rem)
}

.base-info {
    overflow: hidden;
    padding: 0 0 .25rem 0;
    background-color: #fff
}

    .base-info .pb0 {
        padding-bottom: 0
    }

.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mr24 {
    margin-right: .75rem
}

.pr24 {
    padding-right: .75rem
}

.pl24 {
    padding-left: .75rem !important
}

.pr34 {
    padding-right: 1.063rem !important
}

.pt12 {
    padding-top: .375rem
}

.base-more-fold {
    font-size: .75rem;
    color: #666;
    padding: .25rem 0 1rem;
    margin-top: .5rem;
    text-align: center
}

.modal .slider {
    position: relative;
    margin-bottom: .35rem
}

.modal .live {
    margin-bottom: 0
}

    .modal .live .slide-image {
        border-radius: unset
    }

.modal .swiper {
    width: 100%;
    height: 10.625rem
}

.modal .suite-swiper {
    border-radius: .25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 1.5rem
}

    .modal .suite-swiper .single-swiper {
        border-radius: .25rem
    }

        .modal .suite-swiper .single-swiper:first-child {
            margin-left: .75rem
        }

    .modal .suite-swiper .single-swiper {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.modal .swiper-num {
    padding: .125rem .375rem;
    color: #fff;
    font-size: .75rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: .625rem;
    background: rgba(0,0,0,.4);
    border-radius: 1.25rem
}

.modal .slide-image {
    width: 100%;
    height: 100%
}

.pac-info {
    margin: .625rem .75rem 1.25rem;
    padding: .875rem .625rem;
    border-radius: .125rem;
    font-size: .75rem;
    background-color: #f8fafd;
    line-height: 2;
    font-weight: 500
}

    .pac-info .item-subtit {
        font-size: .75rem;
        font-weight: 500;
        line-height: 1.5;
        text-align: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .pac-info .item-subtit:not(:last-child) {
            margin-bottom: .75rem
        }

    .pac-info .icon {
        height: .875rem;
        min-width: .875rem;
        border-radius: 50%;
        border: 1px solid #ffa04d;
        color: #f70;
        font-size: .563rem;
        text-align: center;
        margin: .125rem .5rem 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.pac-item {
    padding-bottom: 1.375rem;
    background-color: #fff;
    font-size: .75rem;
    border-top: .25rem solid #f8f8f8
}

    .pac-item .pac-title {
        font-size: .8rem;
        padding: 1.25rem .75rem 0 0
    }

    .pac-item .pac-content {
        font-size: .75rem;
        color: #666;
        padding-top: 1rem
    }

        .pac-item .pac-content:not(:last-child) .x-item:last-child {
            border-bottom: 1px solid #eee
        }

.pac-content .x-item {
    color: #666;
    font-family: PingFang SC;
    font-size: .75rem;
    font-weight: 400;
    padding-bottom: .375rem
}

    .pac-content .x-item .name {
        min-width: 3.75rem
    }

    .pac-content .x-item .desc {
        display: inline-block;
        max-width: calc(100% - 3.75rem)
    }

.pac-content .slider .suite-swiper {
    padding-left: 0
}

.pac-content .x-item .hide-height {
    height: 1rem;
    overflow: hidden
}

.pac-item .pac-subtit-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .25rem
}

.pac-item .pac-subtit {
    font-size: .875rem;
    font-weight: 500;
    color: #333
}

.pac-item .pac-imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto
}

    .pac-item .pac-imgs::-webkit-scrollbar {
        display: none
    }

    .pac-item .pac-imgs .slide-img {
        width: 18.75rem;
        margin-right: 16px;
        border-radius: .25rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .pac-item .pac-imgs .sigle-img {
        width: 100%;
        border-radius: .25rem
    }

.pac-title.live {
    display: block;
    padding-bottom: .375rem;
    border-top: .25rem solid #f8f8f8
}

.pac-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.25rem .75rem;
    background: #fff;
    font-weight: 500;
    color: #333;
    font-family: PingFangSC-Medium
}

    .pac-title, .pac-title .name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .pac-title .name {
            line-height: 1.5rem
        }

        .pac-title .r-num {
            font-size: .563rem;
            line-height: .563rem;
            padding: .25rem;
            color: #ccc;
            white-space: nowrap;
            text-align: right
        }

        .pac-title .pac-icon {
            height: 1.5rem;
            min-width: 1.5rem;
            max-width: 1.5rem;
            margin-right: .5rem;
            background: unset;
            color: unset
        }

.base-info .base-detail-box {
    margin: 0 .75rem;
    border-top: .031rem solid #eee
}

.hourroom-info .hourroom-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hourroom-info .desc {
    margin-top: .5rem
}

.base-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: .65rem 0 .8rem
}

    .base-box .base-item {
        color: #333;
        font-size: .9rem;
        font-weight: 500;
        text-align: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 20%
    }

        .base-box .base-item:first-child, .base-box .base-item:last-child {
            padding: 0 .5rem
        }

        .base-box .base-item .tit {
            color: #999;
            margin-bottom: .35rem
        }

.bed-info, .meal-info {
    width: 100%;
    margin: .5rem 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .85rem;
    font-weight: 500;
    padding: .25rem 0;
}

    .bed-info, .meal-info, .meal-info .meal-details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .meal-info .meal-details {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .meal-info .meal-details .meal-item {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                margin-right: .5rem
            }

            .meal-info .meal-details .meal-txt {
                margin-left: .25rem;
                color: #009c67;
                white-space: nowrap
            }

.fac-item {
    width: 100%;
    font-size: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: .031rem solid #eee;
    padding: 1rem 0
}

    .bed-info .bed-title, .fac-item .fac-title, .meal-info .meal-title {
        width: 5rem;
        font-weight: 600;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 0.15rem 0 0;
        text-align: left;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .fac-item .txt-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .fac-item .fac-txt {
        width: 46%;
        margin-right: 4%;
        line-height: 1.5
    }

        .fac-item .fac-txt .fac-free, .fac-item .fac-txt .fac-pay {
            display: inline-block;
            height: .75rem;
            line-height: .75rem;
            vertical-align: .063rem;
            border-radius: .125rem;
            font-weight: 500;
            font-size: .625rem
        }

        .fac-item .fac-txt .fac-pay {
            color: #f70;
            background-color: #fff1e6
        }

        .fac-item .fac-txt .fac-free {
            color: #009c67;
            background-color: #e6f8f1
        }

.gift-info .gift-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    margin-top: .75rem
}

.gift-info .base-more-fold {
    padding-bottom: .25rem
}

.gift-info, .hourroom-info {
    font-size: .75rem;
    padding: .375rem .75rem;
    background-color: #fff
}

    .gift-info .gift-title .gift-icon, .pac-item .pac-icon {
        line-height: 1;
        background: #fff1e6;
        color: #f70;
        font-weight: 600;
        margin-right: .5rem;
        padding: .125rem
    }

    .gift-info .desc-tit {
        font-weight: 500;
        margin: .75rem 0 .5rem
    }

    .gift-info .desc-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .gift-info .desc-box .desc-item {
            width: 48%;
            margin-right: 2%
        }

    .gift-info .gift-sp {
        font-weight: 300;
        text-align: justify
    }

.common-card {
    padding: .35rem .75rem;
    font-size: .85rem;
    background-color: #fff;
    border-top: .5rem solid #f8f8f8;
}

    .common-card .tit {
        color: #121212;
        font-size: 1.125rem;
        font-weight: 600
    }

.benefits-info .benefits-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: .5rem
}

.benefits-info .benefits-tit {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .5rem;
    padding: .063rem .125rem;
    border-radius: .125rem;
    color: #f70;
    background-color: #fff1e6
}

.policy-info .item-title {
    font-size: .95rem;
    font-weight: 700;
    margin: 0 0 .75rem;
}

.policy-info .item-desc {
    line-height: 1.5;
    text-align: justify
}

.benefits-info .desc {
    height: 2.1rem;
    color: #666;
    font-size: .625rem;
    margin-top: .375rem;
    line-height: 1.5rem;
    padding-top: .438rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 100%;
    background-image: url(https://pages.c-ctrip.com/hotels/wechat/img/layer-right-bg.png)
}

    .benefits-info .desc .prime-icon {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        background-color: #fff1e6;
        text-align: center;
        margin-top: -.1rem;
        line-height: 1.156rem
    }

        .benefits-info .desc .prime-icon img {
            width: .625rem;
            height: .438rem
        }

.modal .h .subroom-share {
    background: unset;
    font-size: 1.25rem;
    color: #333
}

.des-bottom {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    z-index: 2;
    -webkit-box-shadow: 0 .125rem .469rem rgba(0,0,0,.3);
    box-shadow: 0 .125rem .469rem rgba(0,0,0,.3);
    background-color: #fff;
    padding: .875rem .625rem;
    text-align: right;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 3.75rem
}

.iphonx-bottom {
    height: 6.438rem
}

.no-facility {
    text-decoration: line-through
}

._2WO7cH7P-yGq96EzSM29Gm {
    position: fixed;
    right: 1rem;
    bottom: 4rem;
    z-index: 9999
}

.-N7o7kk6aJX1tDmLny4OI {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff
}

._1nGZeStpw8qgOdgbwr7Eyr {
    padding: 1rem;
    overflow: auto;
    height: 100%;
    width: 100%
}

._1_7eZ-Zwxl5_s46pqd2j6y {
    font-size: 1rem;
    font-weight: 700
}

._3XyHFyFR15xoKc2sOEoGjh {
    color: #c21f39
}

._1rFWx9ZLKiRleDvaIJjwCF {
    background-color: #ffa50a;
    color: #fff;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    outline: 0;
    position: absolute;
    bottom: 1rem;
    width: 20rem;
    height: 2.4rem;
    left: calc(50% - 10rem)
}

._3m2dVs-vmijEA7cjuQxiE3 {
    height: 100vh;
    min-height: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@font-face {
    font-family: h5hotelfont;
    src: url(/NFES/hotels/1677140977177/_next/serverStatic/fonts/h5hotelfont.eot);
    src: url(/NFES/hotels/1677140977177/_next/serverStatic/fonts/h5hotelfont.eot) format("embedded-opentype"),url(/NFES/hotels/1677140977177/_next/serverStatic/fonts/h5hotelfont.ttf) format("truetype"),url(/NFES/hotels/1677140977177/_next/serverStatic/fonts/h5hotelfont.woff) format("woff"),url(/NFES/hotels/1677140977177/_next/serverStatic/fonts/h5hotelfont.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" h5-font-"], [class^=h5-font-] {
    font-family: h5hotelfont !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.h5-font-breakfast:before {
    content: "\e94e"
}

.h5-font-certification:before {
    content: "\e94f"
}

.h5-font-book-notice:before {
    content: "\e950"
}

.h5-font-age-limit:before {
    content: "\e94c"
}

.h5-font-checkin:before {
    content: "\e94d"
}

.h5-font-video-play:before {
    content: "\e94b"
}

.h5-font-hotel-star:before {
    content: "\e946"
}

.h5-font-hotel-diamond:before {
    content: "\e948"
}

.h5-font-hotel-circle:before {
    content: "\e949"
}

.h5-font-useful-full:before {
    content: "\e940"
}

.h5-font-useful-line:before {
    content: "\e941"
}

.h5-font-protect:before {
    content: "\e945"
}

.h5-font-email:before {
    content: "\e920"
}

.h5-font-cook:before {
    content: "\e93f"
}

.h5-font-goto-top:before {
    content: "\e91e"
}

.h5-font-keyword-search:before {
    content: "\e919"
}

.h5-font-back:before {
    content: "\e91b"
}

.h5-font-g-arrow-up:before {
    content: "\e904"
}

.h5-font-g-arrow-down:before {
    content: "\e905"
}

.h5-font-arrow-right:before {
    content: "\e90a"
}

.h5-font-tel-book:before {
    content: "\e918"
}

.h5-font-unselected:before {
    content: "\e906"
}

.h5-font-add:before {
    content: "\e90f"
}

.h5-font-selected:before {
    content: "\e911"
}

.h5-font-guest:before {
    content: "\e912"
}

.h5-font-minus:before {
    content: "\e915"
}

.h5-font-close:before {
    content: "\e908"
}

.h5-font-share:before {
    content: "\e90b"
}

.h5-font-prime:before {
    content: "\e94a"
}

.h5-font-book-notice-old:before {
    content: "\e947"
}

.h5-font-great:before {
    content: "\e944"
}

.h5-font-locate-fill:before {
    content: "\e942"
}

.h5-font-refresh:before {
    content: "\e943"
}

.h5-font-list-normal:before {
    content: "\e93d"
}

.h5-font-map-loc:before {
    content: "\e93e"
}

.h5-font-checkbox-none:before {
    content: "\e93c"
}

.h5-font-checkbox-yes:before {
    content: "\e93b"
}

.h5-font-ask-hotel:before {
    content: "\e93a"
}

.h5-font-key-hotel:before {
    content: "\e938"
}

.h5-font-key-search:before {
    content: "\e939"
}

.h5-font-eating:before {
    content: "\e936"
}

.h5-font-buy:before {
    content: "\e937"
}

.h5-font-shopping:before {
    content: "\e930"
}

.h5-font-search:before {
    content: "\e92b"
}

.h5-font-brand:before {
    content: "\e92c"
}

.h5-font-hotkey:before {
    content: "\e92d"
}

.h5-font-special:before {
    content: "\e92e"
}

.h5-font-hospital:before {
    content: "\e92f"
}

.h5-font-university:before {
    content: "\e931"
}

.h5-font-train:before {
    content: "\e932"
}

.h5-font-office:before {
    content: "\e933"
}

.h5-font-air:before {
    content: "\e934"
}

.h5-font-spots:before {
    content: "\e935"
}

.h5-font-time:before {
    content: "\e92a"
}

.h5-font-store:before {
    content: "\e929"
}

.h5-font-tel:before {
    content: "\e926"
}

.h5-font-edit:before {
    content: "\e927"
}

.h5-font-order:before {
    content: "\e928"
}

.h5-font-calendar:before {
    content: "\e925"
}

.h5-font-smile:before {
    content: "\e923"
}

.h5-font-cry:before {
    content: "\e924"
}

.h5-font-credit:before {
    content: "\e922"
}

.h5-font-close3:before {
    content: "\e921"
}

.h5-font-home:before {
    content: "\e91f"
}

.h5-font-yes:before {
    content: "\e91a"
}

.h5-font-metro:before {
    content: "\e91c"
}

.h5-font-location1:before {
    content: "\e91d"
}

.h5-font-collected:before {
    content: "\e916"
}

.h5-font-collect:before {
    content: "\e917"
}

.h5-font-close2:before {
    content: "\e914"
}

.h5-font-location:before {
    content: "\e913"
}

.h5-font-delete:before {
    content: "\e910"
}

.h5-font-tick:before {
    content: "\e90e"
}

.h5-font-qa:before {
    content: "\e90d"
}

.h5-font-filter-arrow-full-up:before {
    content: "\e900"
}

.h5-font-filter-yes:before {
    content: "\e901"
}

.h5-font-fold-down:before {
    content: "\e902"
}

.h5-font-fold-up:before {
    content: "\e903"
}

.h5-font-icon-photo:before {
    content: "\e907"
}

.h5-font-wechat:before {
    content: "\e909"
}

.h5-font-filter-arrow-full-down:before {
    content: "\e90c"
}

@font-face {
    font-family: h5-fac;
    src: url("data:;base64,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") format("truetype");
    font-weight: 400;
    font-style: normal
}

[class*=fac-font], [class^=fac-font] {
    font-family: h5-fac !important;
    speak: none;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.fac-font-fac1:before {
    content: "\e903"
}

.fac-font-fac2:before {
    content: "\e902"
}

.fac-font-fac3:before {
    content: "\e901"
}

.fac-font-fac4:before {
    content: "\e900"
}

.fac-font-fac5:before {
    content: "\e904"
}

.fac-font-fac6:before {
    content: "\e905"
}

.fac-font-fac7:before {
    content: "\e90d"
}

.fac-font-fac8:before {
    content: "\e906"
}

.fac-font-fac9:before {
    content: "\e907"
}

.fac-font-fac10:before {
    content: "\e908"
}

.fac-font-fac11:before {
    content: "\e909"
}

.fac-font-fac12:before {
    content: "\e90a"
}

.fac-font-fac13:before {
    content: "\e90b"
}

.fac-font-fac14:before {
    content: "\e90c"
}

.fac-font-fac15:before {
    content: "\e90f"
}

.fac-font-fac16:before {
    content: "\e910"
}

.fac-font-fac17:before {
    content: "\e911"
}

.fac-font-fac18:before {
    content: "\e90e"
}

.fac-font-fac19:before {
    content: "\e912"
}

.fac-font-fac20:before {
    content: "\e91b"
}

.fac-font-fac21:before {
    content: "\e913"
}

.fac-font-fac22:before {
    content: "\e914"
}

.fac-font-fac23:before {
    content: "\e915"
}

.fac-font-fac24:before {
    content: "\e916"
}

.fac-font-fac25:before {
    content: "\e917"
}

.fac-font-fac26:before {
    content: "\e918"
}

.fac-font-fac27:before {
    content: "\e919"
}

.fac-font-fac28:before {
    content: "\e91a"
}

.popular-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 35rpx
}

    .popular-item:not(:last-child) {
        margin-bottom: 38rpx
    }

    .popular-item .text {
        font-size: 28rpx;
        color: #000;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.dt-color {
    color: #ddd
}

.mr8 {
    margin-right: 8rpx
}

@font-face {
    font-family: notice-shape;
    src: url(data:font/truetype;charset=utf-8;base64,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) format("truetype")
}

[class*=notice-font], [class^=notice-font] {
    font-family: notice-shape !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.notice-font-oka:before {
    content: "\e637"
}

.notice-font-remind:before {
    content: "\e92b"
}

.notice-font-mation:before {
    content: "\eac6"
}

.mr-8 {
    margin-right: .25rem
}

.diamond-level, .star-level {
    height: 10px;
    background-image: url(https://pages.c-ctrip.com/hotels/wechat/img/star-diamond.png);
    background-size: 10px 20px
}

.circle-level, .diamond-level, .star-level {
    margin-right: .313rem;
    display: inline-block;
    vertical-align: middle;
    background-repeat: repeat-x
}

.circle-level {
    height: 13px;
    background-image: url(https://pages.c-ctrip.com/wireless-app/imgs/T2Images/0623/ic_new_circle2@3x.png);
    background-size: 20px 13px;
    background-position: 10px 0
}

.star-level {
    background-position: 0 0
}

.diamond-level {
    background-position: 0 -12px
}

.level-1 {
    width: 10px !important
}

.level-2 {
    width: 20px !important
}

.level-3 {
    width: 30px !important
}

.level-4 {
    width: 40px !important
}

.level-5 {
    width: 50px !important
}

.star-icon {
    height: .75rem;
    vertical-align: middle;
    margin: 0 .188rem;
    width: auto
}

.list-medal, .list-medal-agency {
    width: .75rem;
    height: .75rem;
    vertical-align: middle
}

.icon-d-star {
    width: 2.188rem
}

.icon-d-star, .wow-icon {
    height: .75rem;
    margin-right: .25rem;
    vertical-align: middle
}

.wow-icon {
    width: 1.375rem
}

.hotel-item {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: .125rem solid #f5f5f8;
    background-color: #fff;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hotel-img-container {
    width: 6.875rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #f2f2f2 url(https://pages.c-ctrip.com/hotels/wechat/img/default.png) no-repeat;
    background-size: cover
}

    .hotel-img-container .top-desc {
        background: rgba(0,0,0,.7);
        height: 1rem;
        position: absolute;
        width: 100%;
        bottom: 0;
        color: #fff;
        text-align: center;
        font-size: .625rem;
        line-height: 1rem
    }

.hotel-img {
    width: 6.875rem;
    height: 100%
}

.full-booking-mark {
    position: absolute;
    right: 0;
    -ms-flex-item-align: center;
    align-self: center;
    width: 3.563rem;
    height: 3.563rem;
    z-index: 1;
    background: url(https://pages.c-ctrip.com/hotels/wechat/img/fullbooking.png) no-repeat;
    background-size: cover
}

.hotel-info {
    padding: .75rem .75rem .5rem 7.375rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 6.875rem)
}

    .hotel-info .head-line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.hotel-name {
    color: #333;
    font-weight: 500;
    font-size: 1rem;
    word-break: break-all;
    line-height: 1.125rem;
    margin-bottom: .375rem
}

    .hotel-name .hotel-feature {
        display: inline-block;
        padding: 0 .125rem;
        border-radius: .125rem;
        background: -webkit-gradient(linear,right top,left top,from(#8f9fbf),to(#6b83b3));
        background: linear-gradient(270deg,#8f9fbf,#6b83b3);
        color: #fff;
        font-size: .563rem;
        height: .75rem;
        line-height: .75rem;
        vertical-align: middle;
        white-space: nowrap
    }

.hotel-pyramid-ad {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #ccc;
    opacity: .8
}

    .hotel-pyramid-ad span {
        margin-top: .094rem;
        font-size: .563rem;
        border: .063rem solid #ccc;
        border-radius: .063rem;
        padding: 0 .219rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: .125rem;
        height: .875rem;
        line-height: .875rem
    }

.hotel-tag {
    padding: .063rem;
    color: #00aea8;
    border: .063rem solid #b2e6e4;
    font-size: .625rem;
    border-radius: .125rem;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    background-color: #fff
}

.list-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1;
    -webkit-box-align: bottom;
    -ms-flex-align: bottom;
    align-items: bottom
}

.list-d {
    padding-top: .156rem;
    line-height: 1
}

.rate-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .75rem
}

    .rate-info, .rate-info .rate-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .rate-info .rate-box {
            line-height: .9rem
        }

.rate-num {
    padding: 0 .156rem 0 0;
    font-weight: 600
}

.hotel-blue, .rate-num {
    color: #2681ff
}

.rate-fize {
    font-size: 1.125rem
}

.hotel-label {
    color: #2681ff;
    font-size: .75rem;
    padding: 0 .25rem
}

.hotel-comment {
    margin-left: .25rem
}

.hotel-comment, .hotel-hourtime, .list-cgray {
    color: #666;
    font-size: .75rem
}

.list-cgray {
    font-weight: 300
}

.lt-font-qa {
    color: #999;
    vertical-align: middle;
    padding-right: .25rem;
    font-size: .875rem
}

.browse {
    background-color: #f9faff
}

.cut-tag {
    color: #ff4d1d;
    font-size: .625rem;
    font-weight: 400
}

.hotel-img-container .pic-icon-tag {
    position: absolute;
    top: 0
}

.hotel-img-container .tags-wrap-1, .hotel-img-container .tags-wrap-2 {
    width: 100%;
    overflow: hidden;
    max-height: 1.063rem
}

.hotel-img-container .tags-wrap-1 {
    margin-bottom: .125rem
}

.hotel-img-container .tags-wrap-2 {
    bottom: 0;
    position: absolute
}

.cell-category-icon {
    border-radius: 50%;
    margin-right: .188rem;
    vertical-align: bottom;
    height: auto;
    width: auto
}

    .cell-category-icon.icon-image-1 {
        margin: .125rem 0 .125rem .125rem;
        height: .938rem
    }

    .cell-category-icon.icon-image-2 {
        width: 100%;
        margin: 0
    }

    .cell-category-icon.icon-image-3 {
        display: block;
        margin-left: .125rem
    }

    .cell-category-icon.icon-image-1, .cell-category-icon.icon-image-2 {
        border-radius: unset
    }

.hotel-name .new-tag {
    margin-bottom: 0;
    margin-left: .125rem
}

.cell-category-tag {
    font-size: .625rem;
    margin-right: .125rem;
    height: .938rem;
    line-height: .875rem;
    padding: 0 .125rem;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border-radius: .125rem;
    color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: .156rem;
    max-width: 11.25rem
}

    .cell-category-tag:not(.new-tag) {
        border: .031rem solid #999
    }

.tags-line .cell-category-tag {
    margin-bottom: 0
}

    .tags-line .cell-category-tag.new-tag {
        margin-bottom: .156rem
    }

.tags-wrap.tag-pr {
    padding-right: 2.688rem
}

.cell-category-tag.t1 {
    color: #b39336;
    border-color: #d8caa1
}

.cell-category-tag.t2, .cell-category-tag.t3 {
    color: #f70;
    border-color: #ffd6b2
}

.cell-category-tag.t4 {
    color: #00b87a;
    border-color: #b2e9d7
}

.cell-category-tag.t5 {
    color: #0086f6;
    border-color: #b2dafc
}

.chr-tag {
    font-size: .688rem;
    color: #999;
    display: inline-block
}

.icon-sha {
    height: 1.25rem;
    width: 1.25rem
}

.icon-sha-plus {
    height: 1.25rem;
    width: 2.25rem
}

.icon-yxh {
    background: #5e6c89;
    font-size: .625rem;
    font-weight: 500;
    color: #ffedc3;
    border-radius: 0 0 .5rem 0;
    padding: .063rem;
    width: 3.625rem;
    height: .938rem;
    left: 0;
    top: 0;
    text-align: center;
    margin-bottom: .25rem
}

.yxh-icon-new {
    background: linear-gradient(83deg,#f0cd9b 3%,#f2bc7c 97%);
    color: #53596d
}

.yxh-tag {
    background: rgba(232,222,194,.4);
    border-radius: .125rem;
    font-size: .563rem;
    line-height: .875rem;
    height: .875rem;
    color: #b37e36;
    padding: 0 .25rem;
    display: inline-block;
    margin-right: .25rem
}

.price-calc-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.left-shrink .tags-wrap {
    margin-bottom: .5rem
}

.layout-reset .left-shrink .new-tag {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 15.313rem;
    margin-right: .75rem;
    line-height: 1
}

.hotel-info .tags-wrap {
    margin-bottom: .5rem
}

.hotel-info .tags-line .cell-category-icon {
    margin-bottom: .25rem
}

.cut-tag, .list-cgray, .tags-wrap {
    line-height: 1
}

.lnum, .lnumb {
    line-height: .9
}

.lnumb, .mb16 {
    margin-bottom: .5rem
}

.mt16 {
    margin-top: .5rem
}

.addr {
    line-height: 1rem;
    margin: .438rem 0
}

.page-list {
    height: 100%
}

.color {
    color: #2681ff
}

.color2 {
    color: #999
}

.fn16 {
    font-size: .5rem
}

.fn20 {
    font-size: .625rem
}

.f500 {
    font-weight: 500
}

.ml5 {
    margin-left: .156rem
}

.strong {
    font-weight: 600
}

.fw300 {
    font-weight: 300
}

.sort-bar {
    position: absolute;
    z-index: 1100;
    background-color: #fff;
    width: 100%
}

    .sort-bar .item {
        border-bottom: .031rem solid #efefef;
        font-size: .875rem;
        height: 2.875rem;
        margin-left: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: .781rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .sort-bar .item .con {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

.sort-current {
    color: #0086f6;
    position: relative
}

    .sort-current:after {
        -webkit-animation: swing .5s linear both;
        animation: swing .5s linear both;
        position: absolute;
        content: "";
        right: .75rem;
        top: 50%;
        margin-top: -.438rem;
        width: 1rem;
        height: .5rem;
        border-left: .063rem solid #0086f6;
        border-bottom: .063rem solid #0086f6;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

page {
    height: 100%
}

.selectbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 2.5rem;
    color: #2b2b2b
}

.arrow {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: .313rem;
    height: .313rem;
    border: .031rem solid #333;
    border-width: 0 .063rem .063rem 0;
    margin: .188rem 0 0 .313rem
}

.searchbar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 1.875rem;
    border-bottom: .031rem solid #ddd;
    padding: .438rem;
    background-color: #ddd;
    -webkit-box-shadow: 0 .375rem .375rem -.313rem rgba(0,0,0,.15) inset,0 .688rem 0 #f5f5f5;
    box-shadow: inset 0 .375rem .375rem -.313rem rgba(0,0,0,.15),0 .688rem 0 #f5f5f5
}

.searchbar, .selectbar-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.selectbar-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .438rem;
    padding: 0 .313rem 0 .469rem;
    width: 6.25rem
}

.search-text {
    padding-left: .313rem;
    font-size: .75rem;
    line-height: 1.5;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-placeholder {
    color: #aaa
}

.search-cancel-button {
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0 .625rem;
    color: #1491c5;
    font-size: 1rem
}

.search-button {
    padding: .75rem 1.75rem;
    color: #1491c5;
    font-size: 1.25rem;
    border: .031rem solid #ddd;
    border-width: .031rem 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    font-size: 1rem
}

.search-button, .search-button-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-button-text {
    width: 2.5rem
}

.search-content-text {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.arrow-right {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    width: .5rem;
    height: .5rem;
    border: .031rem solid #ddd;
    border-width: 0 .063rem .063rem 0;
    margin: .625rem 0 0 .625rem
}

.hotel-list-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .875rem;
    height: 100%
}

.topbar {
    height: 3.375rem;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-mod .base-tags {
    width: 100%;
    padding: 0 0 .75rem .75rem;
    background-color: #fff;
    z-index: 10
}

    .top-mod .base-tags .item {
        padding: .375rem .625rem .344rem .594rem;
        margin: 0 .5rem 0 0
    }

        .top-mod .base-tags .item:last-of-type {
            margin-right: 0
        }

    .top-mod .base-tags .browse-icon {
        background-image: url(https://pages.c-ctrip.com/hotels/wechat/img/browseIcon-off.png);
        background-size: 100% 100%;
        width: .75rem;
        height: .75rem;
        margin-right: .25rem
    }

    .top-mod .base-tags .current .browse-icon {
        background-image: url(https://pages.c-ctrip.com/hotels/wechat/img/browseIcon-on.png)
    }

.em {
    font-size: .75rem;
    vertical-align: 0 .156rem
}

.discount-text {
    text-align: right;
    padding: 0;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.pre-orders {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #666;
    font-size: .688rem;
    line-height: 1.25rem
}

.price-num {
    float: right;
    text-align: right;
    color: #999;
    font-size: .75rem
}

.small {
    padding-right: .031rem
}

.num, .small {
    color: #ff4d1d
}

.num {
    font-size: 1.188rem;
    line-height: 1.25rem;
    font-weight: 700;
    margin-right: .125rem
}

.inout-search {
    background-color: #f3f3f8;
    border-radius: 1.25rem;
    margin: 0 .469rem 0 .625rem;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .inout-search .inout {
        font-size: .75rem;
        color: #333;
        padding: .188rem .469rem 0;
        line-height: 1;
        height: 2.281rem;
        text-align: right;
        font-family: Courier;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

        .inout-search .inout:after, .inout-search .inout:before {
            content: "";
            position: absolute;
            top: .5rem;
            bottom: .5rem
        }

        .inout-search .inout:before {
            left: 0;
            border-left: .031rem solid #ddd
        }

        .inout-search .inout:after {
            right: 0;
            border-right: .031rem solid #ddd
        }

        .inout-search .inout .checkinout {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 0 .469rem 0 .125rem
        }

.search-cancel-icon {
    padding: .188rem .188rem .188rem .813rem
}

.cityname {
    width: 4.688rem;
    font-size: .75rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .313rem
}

    .cityname .site {
        width: 90%;
        font-weight: 500
    }

    .cityname .address, .cityname .city {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .cityname .arrow {
        min-width: .313rem;
        margin: .188rem 0 0
    }

.discover .tit {
    font-size: 1.25rem;
    color: #333
}

.discover .hotel-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 6.875rem
}

.discover .goto-btn {
    font-size: .688rem;
    color: #2681ff;
    border: .063rem solid #2681ff;
    padding: .313rem .625rem .313rem .75rem;
    border-radius: 1.25rem;
    display: inline-block;
    line-height: 1;
    margin-top: .313rem
}

.sidebar {
    position: fixed;
    right: .625rem;
    bottom: 5.938rem
}

    .sidebar .pr {
        width: 2.781rem;
        height: 4.281rem
    }

.bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(40,56,71,.95);
    height: 3.125rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .bar .item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
        font-size: 1rem
    }

.bar-cnum {
    display: inline-block;
    padding: .125rem .25rem;
    margin: -.25rem 0 0 .188rem;
    min-width: .75rem;
    vertical-align: middle;
    text-align: center;
    font-size: .625rem;
    line-height: 1;
    background: #ff4d1d;
    border-radius: .625rem;
    color: #fff
}

.error-tip {
    position: relative;
    text-align: center;
    padding: 1.25rem 0 .625rem;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 .063rem 0 31.25rem #fff;
    box-shadow: 0 .063rem 0 31.25rem #fff
}

.error-search {
    margin-top: 1.25rem
}

.error-text {
    margin-top: .75rem;
    font-size: .75rem;
    color: #333;
    font-weight: 300
}

.list-bottom-tip {
    padding-top: .75rem;
    padding-bottom: 1.563rem;
    border-top: .125rem solid #f3f3f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.list-bottom-text {
    font-size: .75rem;
    line-height: .75rem;
    padding: 0 0 5.313rem;
    color: #333;
    font-weight: 300
}

.toast-tips {
    position: fixed;
    bottom: 5rem;
    left: 3.125rem;
    right: 3.125rem;
    color: #fff;
    font-size: .875rem;
    border-radius: 1.875rem;
    padding: .5rem 1.25rem;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#ff9a4c),to(#ff7300));
    background-image: linear-gradient(90deg,#ff9a4c 0,#ff7300);
    border-radius: 30px;
    text-align: center
}

.tags-mod {
    text-align: left;
    padding: .313rem 1.25rem
}

    .tags-mod .item {
        background-color: #f5f5fa;
        color: #333;
        border-radius: .938rem;
        font-size: .75rem;
        display: inline-block;
        margin: .313rem .313rem 0 0;
        padding: .313rem .625rem .313rem .781rem
    }

        .tags-mod .item icon {
            vertical-align: -.094rem;
            padding: .156rem
        }

.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    30% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    30% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.dw-activity {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-52%) translateY(-50%);
    transform: translateX(-52%) translateY(-50%);
    z-index: 1100
}

    .dw-activity .text {
        color: #797c8c;
        font-size: .813rem;
        text-align: center;
        padding: 9.375rem 0 .938rem 1.563rem;
        font-weight: 600
    }

    .dw-activity .color2 {
        color: #ea3d3d
    }

    .dw-activity .fn28 {
        font-size: 1.4rem
    }

    .dw-activity .ac-bg {
        width: 21.188rem;
        height: 18.625rem;
        background: url(https://pages.ctrip.com/hotel_h5/wechat/duanwu/dw-activity.png) no-repeat;
        background-size: 21.188rem 18.625rem
    }

        .dw-activity .ac-bg .ac-btn {
            width: 17.813rem;
            height: 3.125rem;
            margin-left: 2.5rem
        }

    .dw-activity .ac-close {
        width: 2rem;
        height: 2rem;
        margin: .5rem auto;
        background: url(https://pages.ctrip.com/hotel_h5/wechat/duanwu/dw-close.png) no-repeat;
        background-size: 2rem 2rem
    }

.lt-color4 {
    color: #2b2b2b
}

.lt-ccs {
    color: grey;
    padding: .5rem .75rem
}

.bottom-cur-locate {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(243,243,248,.9)
}

    .bottom-cur-locate .bl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        width: 100%;
        height: 1.438rem;
        bottom: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.base-tags.more-tags-hidden {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.more-tags-hidden .item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.fix-iphonex-button {
    height: 5.25rem !important
}

.hotel-info .tags-wrap {
    overflow: hidden;
    max-height: .969rem
}

.list-ctag .ctag {
    border-radius: .125rem
}

.get-coupon .dt-font {
    display: inline
}

.get-coupon .dt-color {
    color: #ddd
}

.get-coupon .dt-fn12 {
    font-size: .75rem
}

.close-icom {
    float: right;
    width: 1.375rem;
    height: 1.375rem;
    color: #333;
    font-size: 1.375rem
}

.remark-tag {
    color: #4cbf52;
    font-size: .625rem;
    font-weight: 500;
    padding-top: .313rem
}

#__next {
    height: 100%;
    font-size: 1rem
}

.dt {
    height: 100%;
    background-color: #f5f5f5;
    -webkit-transition: top .2s linear;
    transition: top .2s linear;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth
}

.dt-font {
    display: inline;
    line-height: .9375rem
}

.dt-color {
    color: #666
}

.ml-3 {
    margin-left: 3px
}

.ml4 {
    margin-left: .125rem
}

.ml5 {
    margin-left: .313rem
}

.ml05 {
    margin-left: .156rem
}

.ml10 {
    margin-left: .313rem
}

.ml12 {
    margin-left: .375rem
}

.ml20 {
    margin-left: .625rem
}

.mr0 {
    margin-right: 0
}

.mr10 {
    margin-right: .313rem
}

.mt10 {
    margin-top: .625rem
}

.mt8 {
    margin-top: .25rem
}

.mb10 {
    margin-bottom: .313rem
}

.ml30 {
    margin-left: .9375rem
}

.mar0 {
    margin: 0
}

.p10 {
    padding: .625rem
}

.pt12 {
    padding-top: .35rem
}

.sptb {
    padding: .313rem 0 .25rem
}

.pl10 {
    padding-left: .625rem
}

.pr10 {
    padding-right: .625rem
}

.pr12 {
    padding-right: .75rem
}

.fb {
    font-weight: 700
}

.dt-fn10 {
    font-size: .625rem
}

.dt-fn12 {
    font-size: .75rem
}

.dt-fn13 {
    font-size: .813rem
}

.fn18 {
    font-size: 1.125rem
}

.dt-fn20 {
    font-size: 1.25rem
}

.pricestar {
    font-weight: 300;
    font-size: .75rem
}

.dt-color3 {
    color: #0086f6
}

.dt-color0 {
    color: #fff
}

.dt-color1 {
    color: #2eb000
}

.dt-color4 {
    color: #a7acb7
}

.dt-color5 {
    color: #0086f6
}

.tag-better {
    color: #009c67
}

.tag06 {
    color: #666
}

.tc {
    text-align: center
}

.block, .none {
    display: none
}

.overflow {
    overflow: hidden
}

.small {
    font-size: .688rem;
    padding-right: .188rem;
    font-weight: 400
}

.dt-cell-v, .dt-t .c .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dt-flex1, .star {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dt-flexs {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.dt-t .c .li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn, .multi {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.justify-flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.f-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.w-nowrap {
    white-space: nowrap
}

.normal-font {
    color: #333;
    font-size: .75rem
}

.custom-navigation-back .navback-arrow.white {
    color: #fff;
    text-shadow: 0 0 .625rem rgba(0,0,0,.9)
}

.custom-navigation-back .navback-more {
    position: relative;
    height: 1.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: hsla(0,0%,100%,.6);
    border-radius: .938rem;
    line-height: .625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .custom-navigation-back .navback-more:after {
        content: "";
        position: absolute;
        border-radius: 2rem;
        width: 202%;
        height: 206%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: .063rem solid hsla(0,0%,59.2%,.3);
        -webkit-transform-origin: 0;
        transform-origin: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        z-index: -1
    }

.navback-arrow-share {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 2.375rem
}

.navback-more .navback-more-text {
    font-size: .625rem;
    width: 2.438rem;
    border: solid #ddd;
    border-width: 0 0 0 .031rem;
    -o-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch;
    border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch;
    font-weight: 600
}

.dt-header {
    position: relative;
    padding-top: 10.625rem
}

    .dt-header .back-btn {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 1.75rem;
        height: 1.75rem;
        background-color: rgba(0,0,0,.3);
        border-radius: 50%;
        color: #fff;
        text-align: center;
        margin-top: .625rem;
        margin-left: .625rem
    }

        .dt-header .back-btn .h5-font-back {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

            .dt-header .back-btn .h5-font-back:after {
                content: "";
                position: absolute;
                left: -10px;
                top: -10px;
                right: -10px;
                bottom: -10px
            }

    .dt-header .dt-icon-box {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: .625rem;
        margin-right: .625rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #333;
        font-size: 1rem;
        z-index: 1
    }

        .dt-header .dt-icon-box .dt-icon-bg {
            height: 1.875rem;
            width: 1.875rem;
            background-color: rgba(0,0,0,.3);
            border-radius: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .dt-header .dt-icon-box .h5-font-collect {
            color: #fff
        }

        .dt-header .dt-icon-box .h5-font-collected {
            color: red
        }

    .dt-header .head-img {
        position: absolute;
        top: 0;
        width: 100%;
        height: 21.25rem;
        overflow: hidden
    }

        .dt-header .head-img .img-slider-item {
            position: absolute;
            width: 100%;
            height: 100%
        }

        .dt-header .head-img .bg {
            display: block;
            width: 100%;
            height: 50%;
            margin-top: -1px
        }

        .dt-header .head-img .reflect {
            -webkit-transform: scaleY(-1);
            transform: scaleY(-1)
        }

        .dt-header .head-img .photo-num {
            position: absolute;
            left: .75rem;
            top: 8.813rem;
            background-color: rgba(0,0,0,.4);
            color: #fff;
            font-size: .625rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: .875rem;
            padding: .313rem .5rem
        }

    .dt-header .card {
        margin-bottom: .5rem;
        background-color: #fff;
        border-radius: .75rem .75rem .25rem .25rem;
        position: relative;
        font-size: .75rem;
        color: #333
    }

        .dt-header .card .title-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .dt-header .card .title-info .head-info-row {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap
            }

                .dt-header .card .title-info .head-info-row .hotel-title-box {
                    margin: 1.0625rem .5rem .5rem .75rem;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    position: relative
                }

                    .dt-header .card .title-info .head-info-row .hotel-title-box .copy-btn {
                        position: absolute;
                        border-radius: .25rem;
                        background-color: rgba(0,0,0,.6);
                        color: #fff;
                        padding: .375rem 1.0625rem;
                        top: -2.375rem;
                        left: 12%;
                        font-size: .8125rem
                    }

                        .dt-header .card .title-info .head-info-row .hotel-title-box .copy-btn:after {
                            content: "";
                            position: absolute;
                            left: 1.5625rem;
                            top: 100%;
                            width: 0;
                            height: 0;
                            border-top: .3125rem solid rgba(0,0,0,.6);
                            border-left: .3125rem solid transparent;
                            border-right: .3125rem solid transparent
                        }

                    .dt-header .card .title-info .head-info-row .hotel-title-box .hotel-title {
                        font-size: 1.0625rem;
                        line-height: 1.3125rem;
                        font-weight: 500;
                        margin-right: .3125rem
                    }

                    .dt-header .card .title-info .head-info-row .hotel-title-box .copy-bg {
                        background-color: rgba(0,0,0,.08)
                    }

                    .dt-header .card .title-info .head-info-row .hotel-title-box .hotel-type {
                        font-size: .75rem;
                        color: #555;
                        height: 1rem;
                        line-height: 1rem;
                        margin-right: .1875rem
                    }

                    .dt-header .card .title-info .head-info-row .hotel-title-box .star-img {
                        height: .625rem;
                        width: auto;
                        margin-right: .1875rem
                    }

                    .dt-header .card .title-info .head-info-row .hotel-title-box .tag-img {
                        height: .8125rem;
                        width: auto;
                        margin-right: .1875rem
                    }

                    .dt-header .card .title-info .head-info-row .hotel-title-box .rank-label {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        background-color: #ffeedf;
                        border-radius: .125rem;
                        padding: .35rem .23rem .23rem;
                        height: .6125rem;
                        color: #673114;
                        margin: .25rem 0
                    }

                        .dt-header .card .title-info .head-info-row .hotel-title-box .rank-label .dt-font {
                            color: #673114
                        }

                .dt-header .card .title-info .head-info-row .rank-medal {
                    margin-right: .75rem;
                    -webkit-transform: translateY(-2rem);
                    transform: translateY(-2rem);
                    margin-left: 1rem
                }

                    .dt-header .card .title-info .head-info-row .rank-medal img {
                        width: auto;
                        height: 4.25rem
                    }

            .dt-header .card .title-info .fac {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding: 0 .5rem .65625rem .75rem
            }

                .dt-header .card .title-info .fac .l {
                    height: .9375rem;
                    padding-right: .9375rem;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    overflow: hidden
                }

                    .dt-header .card .title-info .fac .l .li {
                        font-size: .625rem;
                        line-height: .9375rem;
                        color: #555;
                        letter-spacing: 0
                    }

                        .dt-header .card .title-info .fac .l .li .line {
                            margin: 0 .25rem
                        }

                .dt-header .card .title-info .fac .r {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 auto;
                    flex: 0 0 auto
                }

        .dt-header .card .comment-map-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 0 .75rem .85rem
        }

            .dt-header .card .comment-map-row .head-comment-info {
                padding: .625rem .531rem;
                font-size: .75rem;
                background: #f3f8ff;
                border-radius: .25rem;
                max-width: 40%
            }

                .dt-header .card .comment-map-row .head-comment-info .comment-brief-info {
                    word-break: keep-all
                }

                    .dt-header .card .comment-map-row .head-comment-info .comment-brief-info .comment-row {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .dt-header .card .comment-map-row .head-comment-info .comment-brief-info .comment-row .fen {
                            display: inline-block;
                            font-size: 1rem;
                            font-weight: 600;
                            line-height: 1;
                            padding: .188rem .313rem;
                            color: #fff;
                            background-color: #0086f6;
                            border-radius: .375rem .375rem .063rem .375rem
                        }

                        .dt-header .card .comment-map-row .head-comment-info .comment-brief-info .comment-row .fen-desc {
                            color: #0086f6;
                            margin: 0 .219rem;
                            font-weight: 500
                        }

                        .dt-header .card .comment-map-row .head-comment-info .comment-brief-info .comment-row .count-info {
                            min-width: 2.6rem
                        }

                            .dt-header .card .comment-map-row .head-comment-info .comment-brief-info .comment-row .count-info .num {
                                font-size: .75rem;
                                color: #111;
                                font-weight: 400;
                                margin-right: 0
                            }

                            .dt-header .card .comment-map-row .head-comment-info .comment-brief-info .comment-row .count-info .head-comment-info-ar {
                                top: .08rem;
                                position: relative;
                                right: 2px
                            }

                        .dt-header .card .comment-map-row .head-comment-info .comment-brief-info .comment-row .cust {
                            color: #333;
                            font-weight: 500
                        }

                    .dt-header .card .comment-map-row .head-comment-info .comment-brief-info .best-comment-sentence {
                        font-weight: 500;
                        margin-top: .6rem;
                        word-break: break-all
                    }

            .dt-header .card .comment-map-row .head-map-info {
                -ms-flex-pack: justify;
                border-radius: .25rem;
                background: #f2fcf9 url(https://pages.c-ctrip.com/hotels/wechat/img/detail-map-mark.png) no-repeat 100%/contain;
                padding: .75rem .625rem;
                margin-left: .375rem;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: calc(100% - 10.313rem)
            }

                .dt-header .card .comment-map-row .head-map-info, .dt-header .card .comment-map-row .head-map-info .l {
                    -webkit-box-pack: justify;
                    justify-content: space-between;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                    .dt-header .card .comment-map-row .head-map-info .l {
                        -ms-flex-pack: justify;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        margin-right: 1rem;
                        width: 70%
                    }

                        .dt-header .card .comment-map-row .head-map-info .l .fuzzy-address-tip, .dt-header .card .comment-map-row .head-map-info .l .traffice-desc {
                            color: #111;
                            font-weight: 500;
                            margin-bottom: .375rem
                        }

                        .dt-header .card .comment-map-row .head-map-info .l .location-info {
                            color: #666;
                            font-weight: 500;
                            padding-bottom: .125rem;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis
                        }

                            .dt-header .card .comment-map-row .head-map-info .l .location-info .line {
                                margin: 0 .25rem
                            }

                    .dt-header .card .comment-map-row .head-map-info .r {
                        min-width: 2rem;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .dt-header .card .comment-map-row .head-map-info .r .h5-font-locate-fill {
                            width: 1.25rem;
                            height: 1.25rem;
                            border-radius: 50%;
                            background: -webkit-gradient(linear,left top,left bottom,from(#555),to(#444));
                            background: linear-gradient(-180deg,#555,#444);
                            color: #fff;
                            text-align: center;
                            line-height: 1.25rem;
                            font-size: .625rem;
                            -webkit-box-shadow: 0 .125rem .188rem 0 rgba(154,206,251,.2);
                            box-shadow: 0 .125rem .188rem 0 rgba(154,206,251,.2)
                        }

.fishbone-module01 {
    width: 17.5rem;
    height: 1.25rem;
    background-color: #f3f2f7;
    border-radius: .125rem;
    margin: 1.0625rem .5rem .5rem .75rem
}

.fishbone-module02 {
    width: 3.6875rem;
    height: .9375rem;
    background-color: #f3f2f7;
    border-radius: .5rem;
    margin-right: .1875rem
}

.fishbone-module03 {
    width: 13.375rem;
    height: .875rem
}

.fishbone-module03, .fishbone-module04 {
    background-color: #f3f2f7;
    border-radius: .125rem
}

.fishbone-module04 {
    width: 14.75rem;
    height: 1.25rem
}

.fishbone-module05 {
    height: 2.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff url(https://pages.c-ctrip.com/hotels/wechat/img/list-banner-fishbone.png) 0 no-repeat;
    background-size: 96%;
    border-radius: .25rem
}

.fishbone-module06 {
    height: 26.5rem;
    background: url(https://pages.c-ctrip.com/hotels/wechat/img/detail-room-fishbone.png) 0 0 repeat-y;
    background-size: 23.4375rem 6.625rem
}

.fishbone-loading {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(100deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0));
    background-size: 25vw 100%;
    background-position: 0 0;
    background-repeat: repeat-y;
    -webkit-animation: fishbone .75s cubic-bezier(.215,.61,.355,1) infinite;
    animation: fishbone .75s cubic-bezier(.215,.61,.355,1) infinite
}

@-webkit-keyframes fishbone {
    to {
        background-position: 120% 0
    }
}

@keyframes fishbone {
    to {
        background-position: 120% 0
    }
}

.from-planet-banner {
    height: 2.75rem;
    margin: 0 .75rem .5rem;
    border-radius: .25rem;
    overflow: hidden
}

    .from-planet-banner .planet-img {
        height: 100%;
        width: 100%
    }

.presale-banner {
    width: calc(100% - 1.5rem);
    height: 2.75rem;
    margin: .5rem .75rem;
    border-radius: .25rem
}

.presale-tag {
    display: inline-block;
    background-color: #f5190a;
    color: #fff;
    font-size: .625rem;
    padding: .125rem;
    border-radius: .125rem;
    vertical-align: .25rem;
    margin-right: .125rem
}

.em-detail-notice {
    background-color: #fff;
    margin: .063rem .75rem .5rem
}

.em-detail-inner {
    border-radius: .25rem;
    background: #fef3f2;
    padding: .75rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f63b2e
}

.dt-fs-box {
    background-color: #fff;
    font-size: .813rem;
    color: #333;
    margin-top: .25rem;
    padding: 0 .938rem 1rem
}

    .dt-fs-box .h2 {
        font-size: 1.125rem;
        padding: 1rem 0 .75rem;
        font-weight: 700
    }

    .dt-fs-box .label {
        font-size: .875rem;
        padding-bottom: .313rem;
        clear: both;
        font-weight: 700
    }

.jump-box {
    text-align: center;
    font-size: .75rem;
    color: #2698f7;
    margin-top: 1rem
}

    .jump-box .cbtn {
        border: .031rem solid #2698f7;
        padding: .313rem .5rem;
        border-radius: .25rem;
        display: inline-block
    }

.promotion-bar .pro-img {
    height: .813rem
}

.promotion-bar .pro-tag-box .pro-tag {
    margin: 0 .25rem .375rem 0
}

.pro-icon-box {
    padding-top: .156rem
}

.promotion-ctag {
    border: .031rem solid #ffdcbf
}

.room-mod {
    position: relative
}

.dt-date {
    background-color: #fff
}

    .dt-date .date-box {
        height: 2.5rem;
        border-radius: .25rem;
        background-color: #f0f8ff;
        margin: 0 .75rem;
        padding: 0 .5rem 0 .688rem;
        color: #0086f6;
        font-size: .75rem
    }

        .dt-date .date-box, .dt-date .date-box .date-left {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .dt-date .date-box .date-left {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

            .dt-date .date-box .times {
                font-size: .875rem;
                padding-right: .313rem;
                font-weight: 700
            }

            .dt-date .date-box .cust {
                font-weight: 300;
                font-size: .75rem
            }

            .dt-date .date-box .cell-end {
                padding-left: .75rem
            }

            .dt-date .date-box .date-line {
                height: .031rem;
                width: .75rem;
                overflow: hidden;
                background-color: #0086f6;
                margin: 0 .625rem
            }

            .dt-date .date-box .count-str {
                font-size: .625rem;
                margin-left: .125rem;
                padding: .1rem .375rem;
                border: .031rem solid rgba(0,134,246,.4);
                border-radius: .5rem;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

    .dt-date .moning-out-tips {
        padding: 0 .5rem;
        background: #0086f6;
        border-radius: .125rem;
        font-size: .75rem;
        line-height: 1.75rem;
        color: #fff;
        margin-left: 8.438rem;
        position: relative;
        display: inline-block
    }

        .dt-date .moning-out-tips:before {
            top: -.313rem;
            left: 5.313rem;
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            border-bottom: .313rem solid #0086f6;
            border-left: .313rem solid #fff;
            border-right: .313rem solid #fff
        }

.dt-filter {
    font-size: .75rem;
    color: #333;
    padding: 0 .75rem;
    background: #fff
}

    .dt-filter, .dt-filter .qs-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .dt-filter .qs-box {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch
        }

        .dt-filter .filter-btn {
            height: auto;
            width: 3.125rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #fff;
            -webkit-box-shadow: -.094rem .156rem .313rem rgba(0,0,0,.1);
            box-shadow: -.094rem .156rem .313rem rgba(0,0,0,.1);
            position: relative
        }

        .dt-filter .qs-box .qs-item {
            margin: .5rem .313rem .5rem 0;
            padding: .375rem .625rem;
            display: inline-block;
            text-align: center;
            border-radius: .25rem;
            white-space: nowrap;
            background-color: #f5f5fa
        }

        .dt-filter .filter-btn .arrow-down {
            display: inline;
            font-size: .5rem;
            margin-left: .25rem
        }

        .dt-filter .filter-btn .filtered-sign {
            position: absolute;
            color: red;
            top: 0;
            right: .063rem;
            font-size: 1.375rem;
            font-weight: 700
        }

.filter-layer {
    height: 65%;
    padding: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333
}

    .filter-layer .content {
        height: calc(100% - 2.313rem);
        overflow: auto
    }

    .filter-layer .filter-tit {
        font-size: 1rem;
        font-weight: 700
    }

    .filter-layer .filter-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: .938rem 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .filter-layer .filter-box .filter-item {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 32%;
            flex: 0 0 32%;
            margin: 0 2% 2% 0;
            font-size: .813rem;
            text-align: center;
            border-radius: .25rem;
            background-color: #f5f5fa;
            height: 2rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            line-height: 2rem
        }

            .filter-layer .filter-box .filter-item:nth-child(3n+3) {
                margin-right: 0
            }

        .filter-layer .filter-box .filter-s {
            background: #e7f3ff url(https://pages.c-ctrip.com/hotels/wechat/img/filter-arrow.png) 100% 100% no-repeat;
            background-size: .875rem
        }

        .filter-layer .filter-box .filter-s, .qs-box .filter-s {
            color: #0086f6
        }

    .filter-layer .btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: .5rem .75rem;
        border-top: .125rem solid #f1f1f1;
        -o-border-image: linear-gradient(rgba(0,0,0,.04),transparent) 8;
        border-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.04)),to(transparent)) 8;
        border-image: linear-gradient(rgba(0,0,0,.04),transparent) 8;
        background-color: #fff
    }

        .filter-layer .btns .btn {
            font-size: .938rem;
            padding: .438rem;
            border-radius: .25rem;
            text-align: center;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .filter-layer .btns .reset {
            background-color: #fff;
            color: #333;
            border: .063rem solid #ccc
        }

        .filter-layer .btns .confirm {
            background-color: #0086f6;
            color: #fff;
            margin-left: .75rem
        }

.transz0 {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.dt-room {
    background-color: #fff;
    position: relative
}

    .dt-room .no-room {
        color: grey;
        padding: .938rem;
        font-size: .875rem
    }

.room-item .r-num {
    font-size: .563rem;
    line-height: .563rem;
    padding: .25rem .25rem .25rem .5rem;
    color: #ccc;
    white-space: nowrap
}

.num-base {
    -webkit-transform: scale(.9) translateX(-.6rem);
    transform: scale(.9) translateX(-.6rem);
    white-space: unset;
    word-break: break-all;
    display: inline-block
}

.dt-room .space {
    padding: .5rem 0 .5rem .75rem
}

.dt-room .space2 {
    padding: 0 .625rem 0 0
}

.dt-room .more-room-btn {
    margin-top: .75rem;
    padding-bottom: .75rem
}

.dt-room .room-item {
    overflow: hidden;
    padding: .75rem;
    border-top: .031rem solid #ddd
}

    .dt-room .m-room:first-child .room-item, .dt-room .room-item.guess-like-room, .friend_share_room .room-item {
        border: unset
    }

.dt-room .room-img {
    float: left;
    position: relative;
    width: 5rem;
    margin-right: .5rem;
    background: url(https://pic.c-ctrip.com/h5/hotel/hotel-loading-default.png) 50% no-repeat;
    background-size: 1.813rem 1.813rem
}

    .dt-room .room-img img {
        width: 5rem;
        height: 5rem;
        display: block;
        border-radius: .25rem
    }

.room-top {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
    background-color: #fff;
    -webkit-transition: top .2s linear;
    transition: top .2s linear;
    will-change: top;
    -webkit-box-shadow: 0 4px 16px 1px rgba(0,0,0,.04);
    box-shadow: 0 4px 16px 1px rgba(0,0,0,.04)
}

.dt-room .room-img .room-like {
    position: absolute;
    top: 0;
    border-radius: .25rem 0;
    padding: .219rem .25rem;
    background: -webkit-gradient(linear,right top,left top,from(#f70),to(#ffa50a));
    background: linear-gradient(-90deg,#f70,#ffa50a)
}

.dt-room .room-img .room-like-pic {
    width: 1.6rem;
    height: auto;
    border-radius: 0;
    position: absolute;
    top: .6rem;
    left: -.2rem
}

.dt-room .room-like {
    font-size: .625rem;
    font-weight: 500;
    color: #fff;
    padding: .25rem .375rem;
    background: -webkit-gradient(linear,left top,right top,from(#ff8100),to(#ff7100));
    background: linear-gradient(90deg,#ff8100 0,#ff7100);
    border-radius: .125rem
}

.dt-room .room-img .num {
    height: .75rem;
    line-height: .75rem;
    text-align: center;
    position: absolute;
    top: 3.938rem;
    right: .313rem;
    width: .75rem;
    background-color: #fff;
    border-radius: .438rem;
    color: #333;
    font-size: .5rem;
    padding: 0;
    font-weight: 500
}

.dt-room .multi {
    color: #666
}

    .dt-room .multi .h3 {
        font-size: .875rem;
        color: #333;
        font-weight: 500;
        margin-bottom: .375rem;
        line-height: 1rem
    }

.dt-room .room-item .txt-item {
    line-height: 1rem;
    margin-bottom: .375rem;
    font-size: .75rem
}

.dt-room .room-item .baseinfo-item {
    margin-right: .313rem;
    white-space: nowrap
}

.dt-room .gift-icon, .dt-room .pac-icon {
    font-size: .625rem;
    margin-right: .25rem;
    display: inline-block
}

.dt-room .gift-icon {
    background: #fff1e6;
    color: #f70;
    padding: .063rem;
    line-height: 1;
    border-radius: .125rem
}

.dt-room .pac-icon {
    background: #f70;
    color: #fff;
    width: .813rem;
    height: .813rem;
    border-radius: 50%;
    line-height: .813rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center
}

.dt-room .multi .s {
    font-size: .75rem
}

    .dt-room .multi .s.l-name {
        line-height: 1rem;
        margin-bottom: .469rem
    }

.dt-room .tags-wrap {
    overflow: hidden;
    max-height: 1rem
}

    .dt-room .tags-wrap.nowrap {
        max-height: none
    }

    .dt-room .tags-wrap .ftag-item {
        position: relative;
        display: inline-block;
        height: .938rem;
        line-height: .875rem;
        vertical-align: .188rem;
        font-size: .625rem;
        margin-right: .125rem;
        padding: 0 .125rem;
        border-radius: .125rem;
        color: #5678a8;
        border: .031rem solid #bbc9dc;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.dt-room .star.multi {
    text-align: right;
    padding: 0 .625rem 0 .313rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.dt-room .cell .multi.pr0 {
    padding-right: 0
}

.dt-room .cell-v .star.multi {
    padding: 0
}

.dt-room .multi .price {
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 700
}

.dt-room .multi .price-tax {
    font-size: .688rem;
    color: #f40
}

.dt-room .multi .price-star {
    font-size: .75rem;
    color: #666;
    padding: .375rem 0 0 .188rem
}

    .dt-room .multi .price-star.sub-price-star {
        padding: 0 0 0 .188rem
    }

.dt-room .multi .surplus-room {
    text-align: center;
    color: #ff3950;
    font-size: .625rem
}

.dt-room .multi .tags-wrap {
    margin-bottom: .5rem
}

.dt-room .base-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dt-room .base-room-price {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.dt-room .sub {
    padding: 0 .75rem
}

    .dt-room .sub .room-item {
        padding: .75rem 0
    }

        .dt-room .sub .room-item:first-child {
            border: unset
        }

    .dt-room .sub .like {
        font-size: .563rem;
        height: .875rem;
        line-height: .875rem;
        padding: 0 .25rem;
        display: inline-block;
        vertical-align: .188rem;
        margin-right: .313rem
    }

    .dt-room .sub .item {
        margin-left: .938rem;
        word-break: break-all
    }

    .dt-room .sub .c {
        position: relative
    }

    .dt-room .sub .subroom-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: .875rem;
        font-weight: 500;
        margin-bottom: .375rem
    }

    .dt-room .sub .guest-desc {
        margin-left: .469rem
    }

    .dt-room .sub .space {
        padding: .625rem .75rem .625rem 0
    }

    .dt-room .sub .space2 {
        padding-bottom: .625rem
    }

    .dt-room .dt-kf, .dt-room .sub .s {
        color: #666;
        font-size: .75rem
    }

.dt-room .head-tag {
    font-size: .563rem;
    height: .75rem;
    line-height: .75rem;
    padding: 0 .25rem;
    display: inline-block;
    vertical-align: .188rem;
    border-radius: .125rem;
    border: .063rem solid
}

.dt-room .k {
    margin-left: .313rem
}

.dt-room .sub .tags-wrap {
    margin-bottom: .5rem
}

.dt-room .orange-text {
    font-size: .625rem;
    color: #f70
}

.dt-room .flash-sale {
    height: unset;
    font-size: .625rem;
    padding: .125rem .25rem;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(6%,#ff7f5c),to(#fb4f21));
    background-image: linear-gradient(90deg,#ff7f5c 6%,#fb4f21)
}

.dt-room .flash-sale, .room-h1-tag {
    display: inline-block;
    color: #fff;
    line-height: 1;
    border-radius: .125rem
}

.room-h1-tag {
    background-image: -webkit-gradient(linear,left top,right top,from(#ff9d0a),to(#f70));
    background-image: linear-gradient(90deg,#ff9d0a,#f70);
    font-size: .563rem;
    padding: .156rem .188rem;
    vertical-align: .188rem;
    margin-right: .313rem
}

.sub .room-like {
    border: unset;
    background-image: -webkit-gradient(linear,left top,right top,from(#ff8100),to(#ff7100));
    background-image: linear-gradient(90deg,#ff8100 0,#ff7100)
}

button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none
}

    button:after {
        display: none
    }

.booking-btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.booking-btn {
    width: 2.5rem;
    border-radius: .25rem;
    padding: .063rem !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center
}

    .booking-btn .btn-t {
        line-height: 1.656rem;
        font-size: 1.125rem;
        font-weight: 500;
        color: #fff;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%
    }

        .booking-btn .btn-t.fs22 {
            font-size: .688rem
        }

    .booking-btn .btn-paytxt {
        background: #fff;
        border-radius: .188rem;
        line-height: .875rem;
        font-size: .625rem;
        color: #f60;
        font-weight: 400;
        width: 100%
    }

.panicbuy-text {
    font-size: .625rem;
    background: #f70;
    border-radius: .531rem .375rem 0 .531rem;
    display: inline-block;
    color: #fff;
    padding: .156rem .25rem;
    text-align: center;
    line-height: 1;
    margin-bottom: .313rem
}

.friend-share-room {
    background: -webkit-gradient(linear,left top,right top,from(#fff7ef),color-stop(50.21%,#ffedde),to(#fff7ef));
    background: linear-gradient(90deg,#fff7ef,#ffedde 50.21%,#fff7ef);
    padding: 0 0 .5rem
}

    .friend-share-room .friend-share-title {
        display: block;
        width: 100%;
        height: 2rem
    }

.hour-room {
    border-top: .031rem solid #ddd
}

    .hour-room .room-title, .store-box .hd {
        font-size: 1rem;
        color: #333;
        line-height: 1rem;
        font-weight: 400;
        padding: .938rem 0 0 .938rem
    }

    .hour-room .item:not(:last-child) {
        border: solid #ddd;
        border-width: 0 0 .031rem;
        -o-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch;
        border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch
    }

    .hour-room .hour-info {
        font-size: .75rem;
        color: #333;
        font-weight: 500
    }

    .hour-room .room-item:nth-child(2) {
        border-top: unset
    }

    .hour-room .hour-duration {
        font-size: .75rem;
        color: #333;
        line-height: .75rem;
        font-weight: 400
    }

.store-box {
    margin: .313rem 0;
    padding: 0 .75rem;
    background-color: #fff
}

    .store-box.dt-room .room-img {
        height: 5rem
    }

    .store-box .room-box .item {
        overflow: hidden;
        padding: .5rem 0
    }

        .store-box .room-box .item:not(:first-child) {
            border: solid #ddd;
            border-width: .031rem 0 0;
            -o-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch;
            border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch
        }

    .store-box .item:first-of-type {
        border-width: 0
    }

    .store-box .hd {
        padding: 1rem 0 .375rem
    }

    .store-box .h3 {
        font-size: .875rem;
        color: #333;
        font-weight: 500;
        margin-bottom: .313rem;
        line-height: 1rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    .store-box .tags-wrap {
        overflow: hidden;
        max-height: .938rem;
        line-height: 1
    }

    .store-box .tags {
        margin-bottom: .313rem;
        font-size: .75rem
    }

    .store-box .sellnum {
        font-size: .75rem;
        color: #666;
        font-weight: 300
    }

    .store-box .sold-flex {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .store-box .gobuy-button, .store-box .sold-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .store-box .gobuy-button {
        background: -webkit-gradient(linear,left top,right top,from(#f70),to(#f60));
        background: linear-gradient(90deg,#f70,#f60);
        font-size: .875rem;
        color: #fff;
        border-radius: .375rem;
        text-align: center;
        height: 2rem;
        width: 2.75rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: .5rem
    }

    .store-box .click-btn {
        text-align: center
    }

    .store-box .dt-circle-btn {
        color: #4293fe;
        font-size: .875rem;
        padding: .438rem 1.25rem;
        display: inline-block
    }

.comment-info {
    line-height: 1.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #666;
    color: #0086f6;
    margin-bottom: .625rem
}

    .comment-info .fen {
        font-size: 1.375rem;
        line-height: 1.125rem;
        font-weight: 700
    }

.cutting-line {
    background-color: #e5e5e5;
    width: .031rem;
    height: .75rem;
    margin: 0 .5rem
}

.gray-txt-small {
    color: #666;
    font-size: .75rem
}

.dp-tags {
    line-height: 1.813rem;
    height: 1.813rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .dp-tags .item {
        border-radius: .25rem;
        margin-right: .625rem;
        background-color: #f4f4f4;
        padding: 0 .625rem
    }

.cd {
    margin-top: .625rem
}

.cdh {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .625rem
}

.cd .cun {
    font-size: .875rem;
    color: #000
}

.cd .cdct {
    font-size: .75rem;
    color: #333;
    letter-spacing: 0;
    line-height: 1.125rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.cdh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .cdh .user-photo {
        height: 1.5rem;
        width: 1.5rem;
        border-radius: 50%;
        margin-right: .5rem;
        background-size: cover
    }

.ask-tit-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ques-desc {
    max-width: 16.875rem
}

.ques-desc, .ques-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ques-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .625rem
}

.ques-item-icon {
    min-width: 2.1875rem;
    padding: .25rem;
    line-height: 1;
    background-color: #0086f6;
    border-radius: .25rem;
    margin-right: .5rem;
    font-size: .625rem;
    color: #fff;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ans-num {
    color: #666;
    font-size: .75rem
}

.ask-eliipsis-box {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .875rem
}

.dt-fs-box .h5-font-book-notice {
    color: #ff444e;
    margin-right: .5rem;
    font-size: .875rem
}

.dt-fs-box .notice {
    font-size: 12px;
    max-height: 88px;
    overflow: hidden;
    line-height: 18px
}

    .dt-fs-box .notice .type {
        color: #333;
        padding-left: 1.25rem;
        position: relative;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

        .dt-fs-box .notice .type:before {
            font-size: 1.125rem;
            content: "•";
            position: absolute;
            left: 0;
            top: 0
        }

.dt-fs-box .title {
    font-size: .875rem;
    color: #000;
    font-weight: 500;
    position: relative;
    padding-bottom: .5rem;
    margin-top: .6rem
}

    .dt-fs-box .title.checkinout {
        margin-bottom: .5rem
    }

.dt-fs-box .policy {
    font-size: 13px;
    padding-left: 1.25rem;
    line-height: 18px
}

    .dt-fs-box .policy .policy-icon {
        position: absolute;
        left: -1.2rem;
        top: -.05rem;
        height: .96rem;
        width: auto
    }

    .dt-fs-box .policy .fac-font-fac18 {
        font-size: 1.375rem;
        left: -1.5rem;
        top: -.125rem
    }

.traffic {
    margin-top: .25rem;
    background-color: #fff;
    position: relative
}

    .nearby-box .title, .traffic .title {
        font-size: 1.125rem;
        font-weight: 700;
        padding: 1rem 1rem 1rem .75rem;
        line-height: 1
    }

    .traffic .items {
        padding: 0 .5rem 0 .75rem;
        white-space: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

        .traffic .items .item {
            width: 8.35rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: .5rem 0 1.25rem;
            margin-right: .625rem;
            display: inline-block;
            vertical-align: top
        }

        .traffic .items .thead {
            width: 8.35rem;
            height: 6.25rem;
            overflow: hidden;
            position: relative;
            background: #f2f2f2 url(https://pages.c-ctrip.com/hotels/wechat/img/default.png) 50% no-repeat;
            background-size: cover;
            border-radius: .25rem
        }

            .traffic .items .thead .pic {
                width: 8.35rem;
                height: 6.25rem;
                display: block;
                border-radius: .25rem
            }

            .traffic .items .thead .distance {
                position: absolute;
                left: 0;
                bottom: 0;
                font-size: .625rem;
                font-weight: 300;
                color: #fff;
                padding: .125rem .25rem;
                background-color: rgba(0,0,0,.6);
                border-radius: 0 .5rem 0 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

        .traffic .items .item .dpfen {
            font-size: .75rem;
            color: #2681ff;
            margin-right: 2px
        }

        .traffic .items .item .tit {
            color: #333;
            line-height: .875rem;
            font-size: .875rem;
            font-weight: 500;
            padding: .75rem 0 .5rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .traffic .items .item .desc .it {
            font-size: .75rem
        }

        .traffic .items .item .cnyprice {
            color: #333;
            font-size: .75rem;
            font-weight: 300
        }

.dt-tabs .item {
    font-size: .875rem;
    color: #333;
    position: relative;
    display: inline-block;
    margin: 0 0 .5rem .75rem;
    padding-bottom: .625rem;
    line-height: 1
}

    .dt-tabs .item.current:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: .25rem;
        background-image: -webkit-gradient(linear,left top,right top,color-stop(1%,#65b5ff),color-stop(99%,#2396ff));
        background-image: linear-gradient(90deg,#65b5ff 1%,#2396ff 99%)
    }

    .dt-tabs .item.current {
        color: #0086f6;
        font-weight: 500
    }

.nearby-box {
    margin-top: .25rem;
    background-color: #fff
}

    .nearby-box .nearby-item {
        padding-left: .75rem
    }

.serv-wrap {
    margin-top: .25rem
}

.btm-space {
    height: 7rem;
    background-color: #fff
}

.price-desc-box {
    padding: 1rem .75rem;
    background-color: #fff;
    margin-top: .125rem;
    text-align: justify
}

    .price-desc-box .price-desc-tit {
        font-size: 1.063rem;
        font-weight: #333;
        font-weight: 600
    }

    .price-desc-box .price-desc-item {
        font-size: .75rem;
        color: #444;
        margin-top: .75rem
    }

.more-room-container {
    width: 100%;
    position: fixed;
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

    .more-room-container, .more-room-container .btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .more-room-container .btns {
            -webkit-box-shadow: 0 -4px 6px rgba(0,0,0,.1);
            box-shadow: 0 -4px 6px rgba(0,0,0,.1);
            background-color: #fff;
            z-index: 998;
            text-align: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .more-room-container .store-btn {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            color: #333;
            font-size: .625rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .more-room-container .store-icon {
            font-size: 1.313rem;
            margin-bottom: .219rem;
            font-weight: 600;
            color: #000
        }

        .more-room-container .more-view-box {
            -webkit-box-flex: 3;
            -ms-flex: 3;
            flex: 3;
            margin: .406rem .75rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

.stimulate-tips {
    color: #fff;
    font-size: .75rem;
    padding: .25rem .625rem;
    border-radius: .938rem;
    background-color: rgba(0,0,0,.55);
    position: fixed;
    bottom: 4.375rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: showIn 1.5s linear,disappear 1.5s linear 6.5s forwards;
    animation: showIn 1.5s linear,disappear 1.5s linear 6.5s forwards;
    bottom: 3.75rem
}

.floating-ball {
    z-index: 1;
    width: 3.125rem;
    height: 10.313rem;
    position: fixed;
    bottom: 7.5rem;
    right: .75rem;
    background-color: hsla(0,0%,100%,.8);
    border: .031rem solid #ddd;
    -webkit-box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.16);
    box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.16);
    border-radius: 2.5rem;
    padding: .313rem 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    -webkit-transition: height .2s linear;
    transition: height .2s linear;
    will-change: height
}

    .floating-ball.iphonex-ball {
        bottom: 8.625rem
    }

    .floating-ball .itemapp {
        padding: .406rem 0;
        background-color: transparent;
        font-size: .688rem;
        color: #333;
        line-height: normal;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .floating-ball.ball-zero-packup {
        width: 2.75rem;
        height: 3.75rem
    }

.gozero {
    font-size: 1.094rem
}

.trans-right {
    -webkit-transform: translateX(2.188rem);
    transform: translateX(2.188rem);
    opacity: .5
}

.floating-logo {
    width: 1.125rem;
    height: 1.125rem
}

.friend_share_room {
    background: -webkit-gradient(linear,left top,right top,from(#fff7ef),color-stop(50.21%,#ffedde),to(#fff7ef));
    background: linear-gradient(90deg,#fff7ef,#ffedde 50.21%,#fff7ef);
    padding: 0 0 .5rem
}

    .friend_share_room .room-item {
        background-color: #fff
    }

.friend_share_title {
    display: block;
    width: 100%;
    height: 2rem
}

.recommend {
    font-size: .563rem;
    height: .875rem;
    line-height: .875rem;
    padding: 0 .25rem;
    display: inline-block;
    vertical-align: .188rem;
    margin-right: .313rem;
    font-weight: 500;
    color: #fff;
    border-radius: .125rem;
    background: #26c28d
}

.share-list-bar, .share-list-btn {
    position: fixed;
    bottom: 6.188rem;
    z-index: 3
}

    .share-list-bar.iphonex, .share-list-btn.iphonex {
        bottom: 8.25rem
    }

.share-list-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2
}

.share-list-bar {
    height: 4.75rem;
    border: .063rem solid #0086f6;
    border-radius: .781rem;
    width: calc(100% - 1.75rem);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    right: .875rem
}

    .share-list-bar, .share-list-bar .con {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .share-list-bar .con {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background: #fff;
            padding-left: .469rem;
            border-radius: .781rem;
            height: 100%
        }

        .share-list-bar .title {
            position: absolute;
            z-index: -1;
            top: -1.438rem;
            left: -.063rem;
            width: 11.5rem;
            height: 2.031rem;
            background-size: cover;
            background-image: url(https://pages.c-ctrip.com/hotels/wechat/img/share-title.png)
        }

.bar-close-animation {
    overflow: hidden;
    -webkit-animation: close-transition .5s linear forwards;
    animation: close-transition .5s linear forwards
}

@-webkit-keyframes close-transition {
    0%,87.5% {
        border-radius: .781rem
    }

    to {
        border-radius: 50%
    }
}

@keyframes close-transition {
    0%,87.5% {
        border-radius: .781rem
    }

    to {
        border-radius: 50%
    }
}

.share-list-bar .imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 5.438rem);
    overflow-x: scroll;
    padding: .5rem 0
}

    .share-list-bar .imgs::-webkit-scrollbar {
        display: none
    }

    .share-list-bar .imgs .single-img {
        margin-right: .5rem;
        width: 5rem !important;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: auto;
        border-radius: .25rem
    }

.share-list-bar .desc {
    text-align: center;
    background: #fff;
    font-weight: 500;
    color: #0086f5;
    font-size: .875rem;
    display: inline-block;
    height: calc(100% - .75rem);
    margin: .375rem 0;
    width: 5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 .188rem .5rem .063rem rgba(0,0,0,.08);
    box-shadow: 0 .188rem .5rem .063rem rgba(0,0,0,.08);
    padding: 0 0 0 .25rem;
    line-height: 3.688rem;
    border-radius: 0 .25rem .25rem 0
}

    .share-list-bar .desc .h5-font-arrow-right {
        margin-left: -.25rem
    }

.share-list-btn {
    width: 2.75rem;
    height: 2.75rem;
    right: 2.375rem
}

.share-total {
    height: .875rem;
    width: .875rem;
    position: absolute;
    right: -.125rem;
    top: -.125rem;
    background: #0086f5;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    font-size: .719rem;
    font-weight: 500;
    text-align: center
}

.icon-open-animation {
    -webkit-animation: open-animation .5s linear;
    animation: open-animation .5s linear
}

@-webkit-keyframes open-animation {
    0%,50% {
        opacity: 0
    }

    75% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes open-animation {
    0%,50% {
        opacity: 0
    }

    75% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.share-list-icon {
    width: 2.75rem;
    height: 2.75rem;
    overflow: hidden;
    right: 2.5rem;
    border-radius: 50%;
    border: .063rem solid #0086f6;
    background: #fff
}

    .share-list-icon .share-img {
        width: 2.438rem;
        height: 2.438rem;
        border-radius: 50%;
        margin: .188rem auto
    }

    .share-list-icon .img {
        width: 2.438rem;
        height: 2.438rem;
        border-radius: 50%;
        background: url(https://pages.c-ctrip.com/hotels/wechat/img/share-hbg.png);
        background-size: cover
    }

.room-extra-desc {
    font-size: 0
}

    .room-extra-desc .highlight {
        color: #f63b2e !important
    }

    .room-extra-desc .desc {
        line-height: 1;
        font-size: .75rem;
        color: #666;
        margin-bottom: .375rem
    }

    .room-extra-desc .icon {
        font-size: .625rem;
        margin-right: .156rem
    }

.planet-ad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .25rem;
    padding: .75rem;
    font-size: .75rem;
    background-color: #fff
}

    .planet-ad .pa-live {
        position: relative;
        height: 1.75rem;
        width: 1.75rem;
        border: .063rem solid #d5925a;
        border-radius: 50%;
        padding: .188rem
    }

    .planet-ad .pal-logo {
        border: .031rem solid #d5925a;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%
    }

    .planet-ad .pal-logo, .planet-ad .palc-logo {
        width: 100%;
        height: 100%
    }

    .planet-ad .pal-status {
        position: absolute;
        bottom: -.063rem;
        right: -.063rem;
        background: #f63b2e;
        border-radius: .406rem;
        height: .906rem;
        width: 2.063rem;
        line-height: .906rem;
        font-size: .563rem;
        color: #fff;
        text-align: center
    }

    .planet-ad .pa-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 1.313rem
    }

    .planet-ad .pa-content, .planet-ad .pac-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .planet-ad .pac-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 1.406rem;
        line-height: 1;
        padding-top: .25rem
    }

    .planet-ad .pach-title {
        max-width: 11.25rem;
        font-size: 1rem;
        font-weight: 700;
        color: #000
    }

    .planet-ad .pach-fansnum {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: .5rem;
        font-size: .656rem;
        color: #333
    }

    .planet-ad .pach-entry {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .planet-ad .pache-txt {
        color: #0086f6
    }

    .planet-ad .pac-right {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: .281rem;
        color: #d5925a
    }

    .planet-ad .pac-right, .planet-ad .pac-right-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .planet-ad .pac-right-text {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .planet-ad .prt-img {
        display: inline-block;
        width: .75rem;
        height: .75rem;
        background: 50% no-repeat;
        background-size: 100% 100%
    }

    .planet-ad .prt-desc {
        display: inline-block;
        max-width: 5.625rem;
        padding: 0 .5rem 0 .125rem
    }

.pac-vendor-text {
    max-width: 12.813rem
}

.login_bar {
    position: relative;
    margin-bottom: .5rem
}

    .login_bar:after {
        content: " ";
        height: .5rem;
        width: 100%;
        background-color: #fff;
        position: absolute;
        bottom: -.5rem;
        left: 0
    }

.filter-case {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem 0;
    background-color: #f3f3f8
}

    .filter-case, .filter-case .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .filter-case .item {
            height: 1.5625rem;
            background-color: #fff;
            border-radius: .78125rem;
            font-weight: 500;
            font-size: .6875rem;
            padding: 0 .5rem 0 .625rem;
            margin: 0 .625rem .625rem 0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .filter-case .query-close {
            color: #0086f6;
            font-size: .3125rem;
            margin-left: .3125rem
        }

.img-viewer {
    position: fixed;
    top: 0;
    background: #000;
    height: 100vh;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pic-num {
    position: fixed;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff
}

.m-mask {
    position: fixed;
    z-index: 1000;
    background-color: rgba(0,0,0,.6);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.cmask-popbox {
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.m-header {
    background: #fff;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px 8px 0 0;
    font-size: 1.4rem
}

.m-title {
    font-size: 1.063rem;
    padding: 1rem 2.5rem;
    text-align: center;
    font-weight: 700;
    margin: 0 auto;
    color: #000
}

.m-close {
    cursor: pointer;
    padding: 10px;
    right: .25rem
}

.m-header .m-close {
    position: absolute
}

.gray-filter {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.layout-reset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .layout-reset .left-shrink {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-right: .25rem
    }

    .layout-reset .right-shrink {
        text-align: right
    }

    .layout-reset .nowrap {
        white-space: nowrap
    }

    .layout-reset .c1 {
        color: #a06e3f;
        font-size: .75rem
    }

    .layout-reset .c2 {
        color: #666;
        font-size: .625rem
    }

    .layout-reset .c3 {
        color: #ff4d1d;
        font-size: .625rem
    }

    .layout-reset .price-days {
        color: #666;
        margin-right: .188rem
    }

    .layout-reset .price-avg-date {
        color: #666;
        font-size: .688rem;
        margin-top: .375rem
    }

.price-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right
}

.del {
    font-size: .688rem;
    color: #666;
    font-weight: 300;
    position: relative;
    margin: 0 .188rem 0 .25rem
}

    .del:after {
        position: absolute;
        left: 0;
        bottom: 53%;
        width: 100%;
        content: "";
        height: .063rem;
        background-color: #666
    }

.del-price {
    text-decoration: line-through
}

.pl-text {
    color: #ff4d1d;
    font-size: .563rem;
    padding: .125rem .25rem;
    line-height: 1;
    border-radius: .125rem;
    background-color: #fef4ec
}

.pl-text2 {
    font-size: .688rem;
    color: #f70
}

.price2 {
    color: #f70;
    font-size: .625rem;
    font-weight: 500
}

    .price2 .strong {
        font-size: 1.25rem
    }

.price3 {
    color: #999
}

.price4 {
    color: #f70;
    font-size: .875rem
}

.layout-reset .price-left-txt {
    color: #666;
    margin-right: .188rem
}

.layout-reset .price-bottom-txt, .price-layout .price-bottom-txt {
    font-size: .625rem;
    color: #666;
    text-align: right
}

.pl-text3 {
    color: #ff4d1d;
    font-size: .563rem;
    padding: .125rem .25rem .125rem 0;
    line-height: 1;
    background-color: #fef4ec
}

.pl-text4 {
    font-size: .688rem;
    color: #999;
    margin-right: .188rem
}

.pl-wx-25 {
    padding: .125rem .25rem;
    line-height: 1;
    border-radius: .125rem;
    margin-right: .313rem;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(1%,#81d286),to(#4cbf52));
    background-image: linear-gradient(90deg,#81d286 1%,#4cbf52)
}

.countdown, .pl-wx-25 {
    color: #fff;
    font-size: .625rem
}

.countdown {
    padding: .125rem .313rem;
    border-radius: .188rem;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff3700),to(#ff7112));
    background-image: linear-gradient(270deg,#ff3700 0,#ff7112);
    display: inline-block
}

.price-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.global-layer {
    position: fixed;
    z-index: 1001;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

    .global-layer .thead {
        color: #333;
        background-color: #fff;
        position: relative
    }

        .global-layer .thead .tit {
            font-size: 1.063rem;
            padding: 1rem 2.5rem;
            text-align: center;
            font-weight: 700
        }

            .global-layer .thead .tit .sub {
                font-size: .75rem;
                color: #666;
                font-weight: 300
            }

    .global-layer .h5-font-close {
        font-size: 1.438rem;
        padding: 1rem;
        position: absolute;
        right: 0;
        top: 0
    }

    .global-layer .tbody {
        color: #333;
        font-size: .875rem
    }

    .global-layer .des-list {
        min-height: 18.75rem;
        padding: 1rem
    }

.single-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@-webkit-keyframes fadeInBottom {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    30% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fadeInBottom {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    30% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.button-style {
    background-image: -webkit-gradient(linear,left top,right top,from(#ffa50a),to(#f70));
    background-image: linear-gradient(90deg,#ffa50a,#f70);
    border-radius: .25rem;
    font-size: .9375rem;
    line-height: 1.1875rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding: .53125rem 0;
    margin-right: .75rem
}

.askhotel-box {
    font-size: .625rem;
    color: #333;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ask-hotel-icon {
    font-size: 1.3125rem;
    margin-bottom: .25rem
}

.cell {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.cell-v-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cell-column, .column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cell-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cell-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cell-self {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.tags-wrap .wxtag {
    color: #fff;
    background-color: #52c158;
    border-radius: .125rem;
    margin-right: .25rem;
    line-height: .875rem
}

.tags-wrap .c2tag, .tags-wrap .ctag, .tags-wrap .wxtag {
    font-size: .5625rem;
    padding: 0 .25rem;
    height: .875rem;
    display: inline-block
}

.tags-wrap .c2tag, .tags-wrap .ctag {
    line-height: .90625rem;
    position: relative
}

.tags-line .ctag:after {
    content: "";
    position: absolute;
    width: .0625rem;
    height: .5rem;
    top: .21875rem;
    right: 0
}

.tags-wrap .ctag {
    color: #ff4d1d;
    background-color: #fef4ec;
    font-weight: 500
}

.right-shrink .pl-text2 {
    margin-right: .25rem
}

.tags-wrap .ctag + .c2tag:nth-of-type(-n+1) {
    margin-left: .25rem
}

.tags-wrap .c2tag {
    color: #2681ff;
    background-color: rgba(195,220,255,.4)
}

.tags-wrap .ctag:after {
    background-color: rgba(255,77,29,.2)
}

.tags-wrap .c2tag:after {
    background-color: rgba(46,134,255,.4)
}

.tags-line .ctag:first-of-type {
    border-radius: .125rem 0 0 .125rem
}

.tags-line .ctag:last-of-type {
    border-radius: 0 .125rem .125rem 0
}

    .tags-line .ctag:last-of-type:after {
        display: none
    }

.tags-line .ctag:first-of-type:last-of-type {
    border-radius: .125rem
}

.tags-line .tag-after-none:after {
    display: none
}

@-webkit-keyframes showIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.show-animation {
    -webkit-animation: showIn .35s linear both;
    animation: showIn .35s linear both
}

@-webkit-keyframes disappear {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes disappear {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.disappear-animation {
    -webkit-animation: disappear .35s linear both;
    animation: disappear .35s linear both
}

.pac-icon {
    line-height: 1;
    background: #fff1e6;
    color: #f70;
    margin-right: .375rem
}

.prime-icon {
    vertical-align: middle;
    display: inline-block;
    margin-right: .156rem
}

.ladder-cancel {
    margin: .625rem 0;
    border: .063rem solid #e8e8e8;
    font-size: .75rem;
    color: #333
}

    .ladder-cancel .jt-txt {
        text-align: center;
        padding: .375rem 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-right: .063rem solid #ebebeb
    }

        .ladder-cancel .jt-txt:last-of-type {
            border-right: 0
        }

    .ladder-cancel .jt-thead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #f4f4f6
    }

    .ladder-cancel .jt-tbody .jt-free {
        color: #52be1b
    }

    .ladder-cancel .jt-tbody .jt-grey {
        color: #999 !important
    }

    .ladder-cancel .jt-tbody {
        border-top: .063rem solid #ebebeb;
        background-color: #fff
    }

    .box-flex, .ladder-cancel .jt-tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.constant-color {
    color: #0086f6 !important
}

.constant-bgc {
    background: #0086f6 !important
}

.service-img {
    width: 100%;
    height: 10.6875rem;
    display: block
}

.assurance {
    width: 18.9375rem;
    background: #fff;
    border-radius: .25rem
}

.assurance-close {
    font-size: 1.875rem;
    text-align: center;
    margin-top: 1.25rem;
    color: #fff
}

.ass-head {
    width: 18.9375rem;
    height: 6.25rem
}

.ass-body {
    padding: 1.75rem 1.25rem
}

.ass-body-tit {
    height: 1.5rem;
    position: relative;
    margin-bottom: .25rem
}

    .ass-body-tit .ass-img {
        width: 1.5rem;
        background-image: url(https://pages.c-ctrip.com/hotels/wechat/img/servicepop-safe.png);
        background-repeat: no-repeat;
        background-size: cover;
        left: 0
    }

    .ass-body-tit .ass-img, .ass-body-tit .ass-txt {
        height: 1.5rem;
        display: inline-block;
        position: absolute;
        top: 0
    }

    .ass-body-tit .ass-txt {
        font-size: 1.1875rem;
        font-weight: 700;
        color: #0086f6;
        line-height: 1.5rem;
        left: 1.75rem
    }

.bd-content-tit {
    font-size: .9375rem;
    font-weight: 700;
    color: #333;
    line-height: 1.1875rem;
    margin-top: 1.25rem
}

.bd-content-txt {
    display: block;
    line-height: 1.125rem;
    margin-top: .5rem
}

.bd-content-txt, .pd-subtit {
    font-size: .75rem;
    color: #666
}

.pd-subtit {
    font-weight: 400;
    margin-top: .25rem
}

.price-detail-layer {
    padding: 0 .8rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 8.5rem;
    border-radius: .5rem .5rem 0 0;
    background-color: #fff;
    overflow: hidden
}

.pd-body {
    margin: .75rem .5rem .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 32rem;
    overflow: scroll;
    padding-bottom: .35rem
}

    .pd-body .pd-room-name {
        font-size: .75rem
    }

    .pd-body .pd-room-num {
        font-size: .625rem;
        color: #666;
        margin-left: .375rem
    }

.op-box {
    padding: .625rem .75rem;
    background-color: #f8fafd;
    border-radius: .25rem;
    margin-top: .75rem
}

    .op-box .price-item {
        margin: 0
    }

.detail-box {
    margin-top: .75rem;
    padding: .625rem .75rem;
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,246,232,.2)),to(rgba(255,233,196,.3)));
    background: linear-gradient(90deg,rgba(255,246,232,.2),rgba(255,233,196,.3));
    border-radius: .25rem
}

.box-tit {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.125rem;
    font-weight: 600;
    color: #333
}

.price-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem 0 .25rem;
    font-size: .75rem;
    color: #666
}

.sale-tit {
    border-bottom: .03125rem solid #eee;
    padding-bottom: .75rem;
    margin: 0
}

.price-tag {
    color: #f70;
    border: .03125rem solid #ffa04d;
    border-radius: .125rem;
    padding: .125rem
}

.price-desc, .price-tag {
    font-size: .625rem;
    line-height: 1
}

.price-desc {
    color: #999
}

.price-avg {
    margin-top: 0;
    color: #f70;
    font-size: .35rem;
    font-weight: 500;
    padding: 0;
    justify-content: space-between;
    display: flex;
}

.price-color {
    color: #f70
}

.price-constant-color {
    display: inline-block;
    /*color: #333 !important;alun*/
    line-height: 0.5rem;
}

.custbtn {
    width: 2rem;
    height: 0.9rem;
    background: #4A9CFF;
    border-radius: 0.1333rem;
    margin: 0;
    color: #fff;
    padding: .2rem 0;
    line-height: 0.5rem;
    margin-top: 0.25rem;
}

.custbtn_bz, .custbtn_sq {
    background: #999;
}

.price-color .strong {
    font-size: 1.125rem;
    font-weight: 600
}

.price-line, .price-date {
    color: #333;
}

.price-line {
    color: #333;
    display: inline-block;
    margin-top: 0.2rem;
}

.price-strong {
    font-size: 0.45rem;
    font-weight: 600
}

.tr {
    text-align: right
}

.single-day {
    display: inline-block
}

.mr8 {
    margin-right: .25rem
}

.global-pd-confirm-btn {
    position: absolute;
    bottom: .5rem;
    width: 20rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background-image: -webkit-gradient(linear,left top,right top,from(#ffa50a),to(#f70));
    background-image: linear-gradient(90deg,#ffa50a,#f70);
    border-radius: .25rem;
    color: #fff;
    font-size: 1.0625rem;
    text-align: center;
    margin: .75rem 1rem 2.1875rem;
    font-weight: 400
}

.price-left-desc {
    margin-right: .25rem;
    font-size: .75rem;
    color: #666;
    font-weight: 400
}

.tax-box {
    margin-top: .375rem;
    padding: .625rem .75rem;
    background-color: #f8fafd;
    border-radius: .25rem
}

    .tax-box .tax-tit {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #333;
        font-weight: 500
    }

    .tax-box .tax-item {
        color: #999
    }

.price-before {
    color: #555;
    font-size: .75rem
}

.price-avg .tips {
    color: #888
}

.login_bar {
    padding: .4rem 1rem .4rem .8rem;
    background-image: linear-gradient(134deg,#ffc649,#ffa000 99%)
}

.bar_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    height: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .8125rem
}

    .bar_container span:last-child {
        font-size: .75rem;
        border: 1px solid #fff;
        padding: .3rem .375rem;
        border-radius: 1.1rem
    }

.mr-25 {
    margin-right: 25%
}

.cds-temporary-view-wrapper .cds-temporary-view-content {
    height: auto !important
}

.coupon-layer {
    padding: 0 .8rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: .5rem .5rem 0 0;
    background-color: #fff
}

.coupon-block {
    height: 31.25rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.bk-coupon {
    padding: .5rem;
    margin-bottom: 2.2rem;
    max-height: 32rem;
    overflow: scroll
}

    .bk-coupon .item {
        -webkit-box-shadow: 0 .188rem .625rem 0 rgba(0,0,0,.1);
        box-shadow: 0 .188rem .625rem 0 rgba(0,0,0,.1);
        margin-bottom: .75rem;
        border-radius: .5rem;
        overflow: hidden
    }

        .bk-coupon .item .cp-price {
            min-width: 5rem;
            background-image: linear-gradient(-45deg,#f85e53,#f98078);
            color: #fff;
            font-size: 1rem;
            width: .625rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-item-align: stretch;
            align-self: stretch;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .bk-coupon .item .fn28 {
            font-size: .875rem
        }

        .bk-coupon .item .cp-price .bold {
            font-size: 2rem
        }

        .bk-coupon .item .cp-price .condition {
            font-size: .688rem
        }

        .bk-coupon .item .tit {
            font-size: 1rem;
            color: #0d1b33;
            font-weight: 700
        }

        .bk-coupon .item .subtit {
            font-size: .688rem;
            color: #999;
            padding-top: .3125rem
        }

        .bk-coupon .item .midbox {
            padding: .9375rem .625rem
        }

        .bk-coupon .item .rightbox {
            padding-right: .625rem
        }

.bk-full-close {
    background-color: #ff6913;
    font-size: 1rem;
    color: #fff;
    padding: 1.1rem;
    text-align: center
}

.cell-v {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cell-star {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.face-close {
    float: right;
    width: 1.375rem;
    height: 1.375rem;
    color: #333;
    font-size: 1.375rem
}

.bk-coupon .item .get {
    width: 3.875rem;
    padding: .219rem 0;
    text-align: center;
    border-radius: .688rem;
    color: #f85e53;
    border: .0625rem solid #f85e53;
    font-size: .75rem
}

.bk-coupon .item .go-assist {
    width: 4.25rem
}

.bk-coupon .item .got {
    width: 3.875rem;
    padding: .219rem 0;
    text-align: center;
    font-size: .688rem;
    color: #fff;
    background-color: #d8d8d8;
    border-radius: .688rem
}

.bk-coupon .item .got-img {
    width: 3.15625rem;
    height: 3.125rem;
    position: absolute;
    right: 0;
    bottom: 0
}

.bk-coupon .item .img {
    width: 100%;
    height: 100%
}

.bk-coupon .rela {
    position: relative
}

.list-banner {
    width: 23.438rem;
    height: 3rem
}

.promotion-bar {
    border-radius: .5rem .5rem 0 0;
    padding: .75rem .75rem .375rem;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .promotion-bar .pro-img {
        width: 1.75rem;
        height: 1rem;
        margin-top: .125rem
    }

    .promotion-bar .pro-tag-box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-height: 1.5rem;
        overflow: hidden;
        margin: 0 .375rem
    }

        .promotion-bar .pro-tag-box .pro-tag {
            margin: 0 .25rem 1rem 0
        }

.pro-icon-box {
    color: #f70;
    font-size: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    padding-top: .16rem;
    font-weight: 500
}

.promotion-cicon {
    color: #999;
    margin-left: .188rem
}

.promotion-ctag {
    border: .032rem solid #ffdcbf;
    border-radius: .188rem;
    color: #ff6913;
    font-size: .625rem;
    line-height: 1;
    padding: .188rem .25rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-weight: 500
}

.promotion-layer .pro-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .813rem
}

    .promotion-layer .pro-item .pro-text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: .813rem;
        margin: 0 .625rem
    }

.pl-h24 {
    background-color: #fff
}
.courtesy {
    padding: 10px;
    font-size: 14px;
    background: #f4f4f4;
    margin-top: 20px;
    color: #f60;
    width: auto;
    border-radius: 5px;
}

.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-stretch: normal;
    color: #333333;
    padding: 0 2.5%;
    margin-top: 1rem;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
}

    .proItemsTitle h1 em {
        font-size: 0.75rem;
        color: #999;
        font-weight: normal;
        font-style: normal !important;
    }

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

    .proItemsMsg::-webkit-scrollbar {
        display: none;
    }

.promsgItem {
    flex-shrink: 0;
    position: relative;
    margin: 0 1.5% 0 0;
    width: 7rem;
    height: 7rem;
    border-radius: 0.25rem;
}

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

.proIcon {
    width: 2.0rem !important;
    height: 2.0rem !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.promsgItem p.v-name {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 95%;
    padding: 0.1rem 2.5%;
    background: #fff9;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    font-size: 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.VideoTitle {
    padding: 0.12rem 0.22rem;
    border-radius: 0.25rem;
    background: #ffffff90;
    font-size: 0.75rem;
    white-space: break-spaces;
    line-height: 0.9rem;
    width: calc(100% - 0.84rem);
    margin-left: 0.42rem;
    bottom: 0.42rem;
    position: absolute;
    box-sizing: border-box;
}

#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: 1.2rem;
            font-weight: 500;
            font-stretch: normal;
            /* letter-spacing: px; */
            color: #333333;
            padding: 2%;
            margin-bottom: 0;
        }

            .proItemsContainer .proItemsTitles span em {
                font-size: 0.75rem;
                color: #999;
                font-weight: normal;
                font-style: normal !important;
            }

        .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.625rem 0;
    background-color: white;
}

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

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

    .myModeltitlea img {
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0.25rem;
    }
.ptxt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30ch;
}
.roModelvideo {
    /* display: none; */
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 17rem;
}