.basic-sub    {

     text-align: left;
      
     display: block!important;
 
     width: 45%!important;
     clear: both;

 }
 .basic-sub li , .basic-sub   {
    float: left;
    clear: both;
 }

 .basic-sub li  {
     
    width: 45%!important;
    clear: both;

 }
  .basic-sub div {
     
    width: 95%!important;
    clear: both;

 }


.smart-modal_mask .smart-modal_container {
    position: relative;
    width: 1062px;
    background-color: #fff;
    border-radius: 2px;
    padding: 24px
}

.smart-modal_mask .smart-modal_container .smart-modal_title {
    font-size: 20px;
    color: #0f294d;
    line-height: 26px
}

.smart-modal_mask .smart-modal_container .smart-modal_content {
    font-size: 14px;
    overflow: auto
}

.smart-modal_mask .smart-modal_container .smart-modal_content .smart-modal_content {
    overflow: hidden
}

.smart-modal_mask .smart-modal_container .smart-modal_close {
    position: absolute;
    right: 25px;
    top: 22px;
    font-size: 18px;
    color: #0f294d;
    cursor: pointer
}

#detail-hotel-description .smart-modal_content {
    overflow: hidden
}

.child-bed-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px
}

.m-policy .itemTit,.m-policy_tit {
    line-height: 1.3
}

.m-policy .itemBreakfast li {
    border-bottom: 1px dashed #e5e5e5
}

.m-policy .itemBreakfast li:last-child {
    border-bottom: 0
}

.m-policy .cardBox {
    display: inline-block;
    margin: 10px 10px 0 0
}

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

.m-policy {
    background: #fff
}

.m-policy .m-policy-fl {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 8px
}

.m-policy .m-policy-fl:last-child {
    padding-bottom: 0
}

.m-policy .child-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    font-size: 14px
}

.m-policy .child-table .thead {
    background-color: #eef1f6;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-weight: 700
}

.m-policy .child-table .thead .td {
    border-top: .5px solid #ccd6e5
}

.m-policy .child-table .thead .td:first-child {
    border-top-left-radius: 6px
}

.m-policy .child-table .thead .td:last-child {
    border-top-right-radius: 6px
}

.m-policy .child-table .td {
    text-align: center;
    border-bottom: .5px solid #ccd6e5;
    border-left: .5px solid #ccd6e5;
    padding: 10px 5px
}

.m-policy .child-table .td:last-of-type {
    border-right: .5px solid #ccd6e5
}

.m-policy .child-table .tbody .last .td:first-child[rowspan] {
    border-bottom-left-radius: 6px
}

.m-policy .child-table .tbody .tr:last-of-type .td:last-child {
    border-bottom-right-radius: 6px
}

.m-policy .child-table .highlight {
    color: #08a66f
}

.m-policy .bank-logo {
    width: 50px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 5px
}

.m-policy_tit {
    font-size: 20px;
    color: #0f294d;
    line-height: 24px;
    padding-top: 24px
}

.m-policy_title {
    padding: 0 24px
}

.m-policy_item {
    display: flex;
    justify-content: left;
    padding: 24px 0;
    border-bottom: 1px solid #dadfe6
}

.m-policy_item .m-hp-left {
    width: 20%;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 700
}

.m-policy_item .m-hp-left-width {
    width: 20%
}

.m-policy_item .m-hp-right,.m-fa-right {
    display: flex;
    flex-flow: column;
    margin-left: 5px;
    width: 80%;
    color: #0f294d;
    text-align: left;
}

.m-policy_item .m-hp-right .titDesc {
    margin-bottom: 8px;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 22px
}

.m-policy_item .m-hp-right .reserve-notice {
    border-bottom: 1px dashed #e5e5e5
}

.m-policy_item .m-hp-right .reserve-notice .disc {
    list-style-type: disc;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px;
    margin: 24px 0 8px;
    font-weight: 700
}

.m-policy_item .m-hp-right .reserve-notice p:last-child {
    margin-bottom: 16px
}

.m-policy_item .m-hp-right .reserve-notice:first-child .disc {
    margin-top: 0
}

.m-policy_item .m-hp-right .reserve-notice:last-child {
    border-bottom: none
}

.m-policy_item .m-hp-right .reserve-notice:last-child p:last-child {
    margin-bottom: 0
}

.m-policy_item .m-hp-right .itemBed .bedDet .detItem {
    display: flex;
    border-bottom: 1px dashed #e5e5e5;
    align-items: center;
    padding: 16px 0
}

.m-policy_item .m-hp-right .itemBed .bedDet .detItem .detItem_wrap {
    display: flex;
    width: 100%
}

@media screen and (max-width: 769px) {
    .m-policy_item .m-hp-right .itemBed .bedDet .detItem .detItem_wrap,.m-policy_item .m-hp-right .itemBed .bedDet .detItem .detItem_wrap .detType {
        flex-direction:column
    }

    .m-policy_item .m-hp-right .itemBed .bedDet .detItem .detItem_wrap .detType .debTypeItem {
        padding-top: 8px
    }
}

.m-policy_item .m-hp-right .itemBed .bedDet .detItem .detTit {
    padding-right: 32px;
    width: 270px;
    box-sizing: border-box
}

.m-policy_item .m-hp-right .itemBed .bedDet .detItem .detType {
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    flex: 1
}

.m-policy_item .m-hp-right .itemBed .bedDet .detItem .detType .debTypeItem {
    padding-right: 32px;
    flex: 1
}

.m-policy_item .m-hp-right .itemBed .bedDet .detItem .detType .debType_tit {
    padding-left: 5px
}

.m-policy_item .m-hp-right .itemBed .bedTit h5 {
    margin-bottom: 8px;
    list-style: disc;
    margin-top: 32px;
    font-weight: 700
}

.m-policy_item .m-hp-right .itemBed .bedTit h5,.m-policy_item .m-hp-right .itemBed .itemDesc {
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px
}

.m-policy_item .m-hp-right .itemBed .itemTxt {
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px;
    padding-bottom: 8px
}

.m-policy_item .m-hp-right .itemCheck {
    display: flex;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px
}

.m-policy_item .m-hp-right .itemCheck .checkTime {
    padding-right: 90px;
    display: block
}

.m-policy_item .m-hp-right .remark {
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 8px
}

.m-policy_item .m-hp-right .itemBreakfast {
    display: flex;
    flex-flow: column
}

.m-policy_item .m-hp-right .itemBreakfast .clearfix {
    border-bottom: 1px dashed #e5e5e5;
    padding: 16px 0
}

.m-policy_item .m-hp-right .itemBreakfast .clearfix .breakfastTxt {
    padding-left: 24px
}

.m-policy_item .m-hp-right .itemBreakfast .clearfix .breakfastTit {
    font-size: 14px;
    color: #0f294d;
    line-height: 18px
}

.m-policy_item .m-hp-right .itemBreakfast .firstli {
    padding-top: 0!important
}

.m-policy_item .m-hp-right .itemParking .itemTxt {
    padding-bottom: 8px
}

.m-policy_item .m-hp-right .itemParking .itemTxt,.m-policy_item .m-hp-right .itemTxt {
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px
}

.m-policy_main {
    padding: 0 24px
}

.m-policy_con {
    position: relative;
    margin-bottom: 10px;
    padding: 20px 0 20px 74px;
    background: #fff
}

.m-policy_con .policyType {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 24px;
    line-height: 24px
}

.m-policy_con .policyItem {
    padding: 0 30px;
    border-left: 1px solid #e5e5e5
}

.m-policy_con .policyItem .itemTit {
    margin-bottom: 10px
}

.m-policy_con .policyItem .itemTxt {
    font-size: 14px
}

.m-policy_con .policyItem .titDesc {
    color: #999;
    margin-top: 5px
}

.m-policy_con .policyItem .remark {
    color: #999;
    margin-top: 10px
}

.m-policy_con .itemCheck li {
    float: left;
    margin-right: 100px
}

.m-policy_con .itemCheck .checkTit {
    margin-right: 10px;
    color: #999;
    font-size: 12px
}

.m-policy_con .itemCheck .checkTime {
    font-size: 16px
}

.m-policy_con .itemBed {
    margin-top: 30px
}

.m-policy_con .itemBed:last-child .titDesc {
    color: #333;
    margin-top: 8px;
    line-height: 1.5
}

.m-policy_con .itemBed .bedDet>li {
    margin-top: 10px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #e5e5e5
}

.m-policy_con .itemBed .bedDet>li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.m-policy_con .itemBed .detTit {
    font-size: 14px;
    margin-bottom: 6px
}

.m-policy_con .itemBed .detType span {
    margin-right: 20px
}

.m-policy_con .itemBed .detType .bold {
    margin-left: 5px;
    font-weight: 700;
    color: #06aebd
}

.m-policy_con .itemBreakfast {
    padding-top: 5px;
    margin-top: -10px;
    font-size: 14px
}

.m-policy_con .itemBreakfast li {
    padding: 15px 0;
    border-bottom: 1px dashed #e5e5e5
}

.m-policy_con .itemBreakfast li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.m-policy_con .itemBreakfast .breakfastTit {
    float: left;
    display: inline-block;
    width: 100px;
    font-weight: 700;
    word-wrap: break-word
}

.m-policy_con .itemBreakfast .breakfastTxt {
    display: block;
    margin-left: 120px;
    color: #666
}

.m-policy_con .itemBreakfast .breakfastTxt .u-price,.m-policy_con .itemBreakfast .breakfastTxt .u-txt-warn {
    color: #666;
    font-weight: 400
}

.m-policy_con .itemParking .itemTxt+.itemTxt {
    margin-top: 5px
}

.m-policy_showMore {
    text-align: right;
    padding: 16px 12px 16px 0;
    height: 28px;
    line-height: 28px
}

.m-policy_showMore .u-btn {
    padding: 0 10px;
    border: 0;
    background: none
}

.m-policy_showMore .u-btn:active,.m-policy_showMore .u-btn:hover {
    background: transparent
}

.m-policy_showMore .u-icon {
    transform: rotate(0);
    transition: transform .2s cubic-bezier(.4,0,.2,1);
    transform-origin: center center;
    will-change: transform
}

.m-policy_showMore .active .u-icon {
    transform: rotate(-180deg)
}

.m-policyNote .m-policy_showMore {
    height: 0
}

.m-policyNote .u-btn {
    display: none
}

.m-policy-room .child-table {
    max-width: 460px
}

.m-policy.m-policy-room {
    margin-bottom: 20px;
    background: none
}

.m-policy.m-policy-room .child-bed-title {
    margin-bottom: 7px
}

.m-policy.m-policy-room .child-title {
    font-size: 24px;
    font-weight: 700
}

.m-policy.m-policy-room .child-sub-title {
    font-size: 20px;
    font-weight: 700
}

.m-policy.m-policy-room .child-sub-title+.child-table {
    margin-top: 10px
}

.m-policy.m-policy-room .child-desc {
    font-size: 16px;
    margin: 10px 0
}

.m-policy.m-policy-room .itemTxt {
    font-size: 16px
}

.m-policy.m-policy-room .child-table {
    margin-bottom: 10px
}

.m-policy.m-policy-room .child-table .thead {
    background-color: rgba(238,241,246,.2)
}

.m-policy.m-policy-room .child-table .td {
    border-color: rgba(204,214,229,.5)!important
}

.detail-crumb_container {
    padding: 26px 24px 24px;
    width: 1160px;
    margin: 0 auto
}

.detail-crumb_container .detail-crumb_item {
    font-size: 14px;
    color: #2681ff
}

.detail-crumb_container .detail-crumb_hotel {
    font-size: 14px;
    color: #0f294d
}

.detail-crumb_container .detail-crumb_arrow {
    margin: 0 5px;
    color: #0f294d
}

.m-hotel-safeguard {
    background-color: #fff;
    margin: 16px 0 20px;
    min-height: 110px;
    padding: 27px 24px 24px;
    display: flex;
    flex: auto;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden
}

 
.m-hotel-safeguard .safe-item.clickable {
    cursor: pointer
}

.m-hotel-safeguard .safe-item {
    align-content: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float: left;
    width: 25%
}

.m-hotel-safeguard .safe-item a.safeguard-see-more {
    color: #2782ff;
    letter-spacing: -.05px;
    text-align: center;
    text-decoration: underline;
    pointer-events: none;
    padding: 10px;
    display: block
}

 
.m-hotel-safeguard .safe-item span {
    font-size: 16px;
    color: #455873;
    text-align: center;
    line-height: 22px
}

.m-hotel-safeguard .safe-item p {
    font-size: 14px;
    color: #8592a6;
    text-align: center;
    line-height: 18px
}

.m-hotel-safeguard .safe-item .icon-safe {
    width: 48px;
    height: 48px
}

.m-hotel-safeguard .safe-item .ic_customer_service,.m-hotel-safeguard .safe-item .ic_member,.m-hotel-safeguard .safe-item .ic_price_assurance,.m-hotel-safeguard .safe-item .ic_rest_assured {
    width: 48px;
    height: 48px;
    padding: 0;
    background: url(data:image/png;base64,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) no-repeat
}

.m-hotel-safeguard .safe-item .ic_customer_service {
    background-position: 2px 0;
    background-size: 203px 48px
}

.m-hotel-safeguard .safe-item .ic_member {
    background-position: -50px -2px;
    background-size: 202px 50px
}

.m-hotel-safeguard .safe-item .ic_rest_assured {
    background-position: -93px 2px;
    background-size: 192px 48px
}

.m-hotel-safeguard .safe-item .ic_price_assurance {
    background-position: -144px 0;
    background-size: 192px 48px
}

.m-hotel-policy,.m-hotel-server_amentites,.m-hotel-useful {
    background: #f5f7fa;
    margin-top: 16px
}

.m-hoteldesc img {
    margin: 0;
    border-radius: 4px
}

.m-hoteldesc .basicImg .name {
    position: absolute;
    color: #fff
}

.m-hoteldesc p {
    font-size: 14px
}

.m-hoteldesc .descriptionMark {
    margin-bottom: 16px;
    font-size: 14px
}

.m-hoteldesc .descriptionMark span {
    display: inline-block;
    margin-top: 10px
}

.m-hoteldesc .m-h-d-eclips {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.m-hoteldesc .m-h-d-eclips-ie {
    overflow: hidden
}

.m-hoteldesc {
    padding: 24px
}

.m-hoteldesc,.m-hoteldesc h2 {
    font-size: 20px;
    color: #0f294d;
    line-height: 26px
}

.m-hoteldesc_basic {
    margin: 8px 0 16px
}

.m-hoteldesc .hotelTags {
    margin: 8px 0;
    font-size: 10px;
    color: #ff6f00;
    letter-spacing: 0;
    line-height: 10px;
    display: flex
}

.m-hoteldesc .hotelTags>li {
    float: left;
    margin-right: 8px;
    padding: 4px;
    border: 1px solid #ff6f00;
    border-radius: 1px
}

.m-hoteldesc .basicInfo {
    margin: 16px 0 8px!important;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 700
}

.m-hoteldesc .basicInfo>li {
    float: left;
    margin-right: 50px
}

.m-hoteldesc .basicImg {
    position: relative;
    height: 320px;
    overflow: hidden;
    border-radius: 4px
}
.u-icon-ic_new_showmore_line {

    display: none;
}
.m-hoteldesc .basicImg img {
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.m-hoteldesc .basicImg .name {
    left: 10px;
    right: 10px;
    bottom: 10px;
    font-size: 18px
}

.m-hoteldesc_detail {
    margin: 16px 0;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 22px;
    text-align: left;
}

.m-hoteldesc_detail div span {
 
    text-align: left;
}




.m-hoteldesc_detail .translateTips {
    color: #999
}

.m-hoteldesc_btn {
    display: none
}

.m-hoteldesc_showMore {
    margin-top: 16px;
    text-align: right
}

.m-hoteldesc_showMore .u-btn {
    padding: 0 10px;
    border: 0;
    background: transparent
}

.m-hoteldesc_showMore .u-btn:active,.m-hoteldesc_showMore .u-btn:hover {
    background: transparent
}

.m-hoteldesc_showMore .u-icon {
    transform: rotate(0);
    transition: transform .2s cubic-bezier(.4,0,.2,1);
    transform-origin: center center;
    will-change: transform
}

.m-hoteldesc_showMore .active .u-icon {
    transform: rotate(-180deg)
}

.m-hoteldesc_translate {
    font-size: 14px;
    color: #287dfa;
    line-height: 18px;
    margin: 16px 0
}

.m-hoteldesc_translate span:hover {
    cursor: pointer
}

.m-hoteldesc .basic-certi-info {
    padding-top: 8px;
    margin-bottom: 16px;
    color: #0f294d;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.m-hoteldesc .underscore {
    position: relative;
    text-decoration: underline;
    cursor: pointer
}

.m-hoteldesc .certi-pop {
    position: absolute;
    z-index: 100
}

.m-hoteldesc .certi-pop .certi-img-pop {
    margin-left: -50px;
    border: 4px solid #fff;
    background-color: #fff
}

.m-hoteldesc .certi-pop .certi-img-pop .certi-img {
    border: 0;
    vertical-align: middle;
    width: 400px;
    height: 568px
}

.m-hoteldesc .certi-pop .certi-txt-pop {
    display: flex;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(15,41,77,.16);
    padding: 24px;
    margin-top: 15px;
    margin-left: 50px
}

.m-hoteldesc .certi-pop .certi-txt-pop .certi-txt-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding-right: 16px;
    line-height: 24px
}

.m-hoteldesc .certi-pop .certi-txt-pop .certi-txt-item .txt-gray {
    color: #8592a6
}

.m-hoteldesc .certi-pop .certi-txt-pop:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 110px;
    border-bottom: 14px solid #fff;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent
}

.m-reviewCard-item+.m-reviewCard-item .line {
    border-top: 1px solid #eee
}

.m-reviewCard_playIcon {
    width: 40px!important;
    height: 40px!important;
    margin: -50%
}

.m-reviewCard,.m-reviewCard-item {
    background: #fff
}

.m-reviewCard_userInfo .user {
    height: 56px
}

.m-reviewCard_userInfo .user>img {
    float: left;
    width: 50px;
    height: auto
}

.m-reviewCard_userInfo .user .info {
    margin-left: 66px
}

.m-reviewCard_userInfo .user .name {
    padding-top: 5px;
    font-size: 16px;
    word-break: break-all
}

.m-reviewCard_userInfo .user .country {
    color: #666
}

.m-reviewCard_userInfo .user .country img {
    width: 17px;
    height: 11px;
    vertical-align: middle;
    margin-right: 8px
}

.m-reviewCard_userInfo .user .source {
    font-size: 14px;
    color: #8592a6
}

.m-reviewCard_userInfo .user-left {
    margin-top: 6px
}

.m-reviewCard_userInfo .user-left .other {
    font-size: 14px;
    color: #8592a6
}

.m-reviewCard_userInfo .user-left .other li i {
    padding-right: 10px;
    vertical-align: top
}

.m-reviewCard_userInfo .user-left .other li span {
    max-width: 200px;
    word-break: break-word;
    display: inline-block
}

.m-reviewCard .grid_col3 {
    width: 25%
}

.m-reviewCard .grid_col3,.m-reviewCard .grid_col9 {
    position: relative;
    float: left;
    box-sizing: border-box
}

.m-reviewCard .grid_col9 {
    width: 75%
}

@media screen and (max-width: 769px) {
    .m-reviewCard .grid_col3 {
        width:30%;
        margin-right: 5%
    }

    .m-reviewCard .grid_col9 {
        width: 65%
    }
}

.m-reviewCard_comments .score {
    display: flex
}

.m-reviewCard_comments .score .tips {
    flex: 1;
    display: flex;
    align-items: center;
    color: #ff5722
}

.m-reviewCard_comments .score .tips p {
    flex: 1;
    padding: 0 10px;
    text-align: left
}

.m-reviewCard_comments .actions {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.m-reviewCard_comments .actions .m-score {
    line-height: 30px;
    display: flex;
    align-items: left;
    padding-left: 0
}

.m-reviewCard_comments .actions .m-score strong {
    font-size: 28px;
    padding-right: 0
}

.m-reviewCard_comments .actions .m-score_appraise {
    font-size: 20px
}

.m-reviewCard_comments .actions .tips {
    flex: 1;
    display: flex;
    align-items: center;
    color: #ff5722;
    padding-left: 10px
}

.m-reviewCard_comments .actions .u-btn {
    margin-left: 20px
}

.m-reviewCard_comments .comment,.m-reviewCard_comments .unsefulcomment {
    font-size: 16px;
    margin-bottom: 16px
}

.m-reviewCard_comments .comment>p,.m-reviewCard_comments .unsefulcomment>p {
    margin: 10px 0 16px;
    font-size: 16px;
    color: #455873;
    letter-spacing: 0;
    line-height: 26px;
    word-break: break-word
}

.m-reviewCard_comments .comment .u-link,.m-reviewCard_comments .unsefulcomment .u-link {
    margin: 0 0 20px
}

.m-reviewCard_comments .comment .pictures,.m-reviewCard_comments .unsefulcomment .pictures {
    margin-top: 20px
}

.m-reviewCard_comments .comment .pictures li,.m-reviewCard_comments .unsefulcomment .pictures li {
    float: left;
    margin: 0 10px 10px 0;
    border: 2px solid transparent
}

.m-reviewCard_comments .comment .pictures li:hover,.m-reviewCard_comments .unsefulcomment .pictures li:hover {
    border: 2px solid #2681ff
}

.m-reviewCard_comments .comment .pictures img,.m-reviewCard_comments .unsefulcomment .pictures img {
    width: 120px;
    height: 120px
}

.m-reviewCard_comments .comment .m-reviewCard_tran,.m-reviewCard_comments .unsefulcomment .m-reviewCard_tran {
    display: flex;
    justify-content: left;
    align-items: center
}

.m-reviewCard_comments .comment .m-translate,.m-reviewCard_comments .unsefulcomment .m-translate {
    font-weight: 700;
    font-size: 16px;
    color: #287dfa;
    text-align: right;
    display: flex;
    line-height: 22px;
    cursor: pointer
}

.m-reviewCard_comments .comment .m-translate .bg-white,.m-reviewCard_comments .unsefulcomment .m-translate .bg-white {
    background: #fff;
    border-color: #287dfa
}

.m-reviewCard_comments .reviewDate {
    float: right;
    font-size: 14px;
    color: #acb4bf;
    letter-spacing: -.12px;
    line-height: 22px;
    position: absolute;
    right: 0
}

.m-reviewCard_comments .reply {
    position: relative;
    margin-top: 24px;
    padding: 16px 20px;
    border-radius: 8px;
    background: #f7f7fa
}

.m-reviewCard_comments .reply:before {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -10px;
    left: 100px;
    background: #f7f7fa;
    transform: rotate(45deg);
    content: ""
}

.m-reviewCard_comments .reply h5 {
    font-size: 16px;
    color: #0f294d;
    letter-spacing: 0
}

.m-reviewCard_comments .reply .less {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.m-reviewCard_comments .reply p {
    margin-top: 10px;
    color: #666;
    font-size: 16px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 24px
}

.m-reviewCard_comments .reply .u-link {
    margin-top: 10px
}

.m-reviewCard_comments .reply-iplocal {
    position: absolute;
    right: 20px;
    top: 18px;
    font-size: 14px;
    color: #acb4bf
}

.m-reviewCard_comments .review-zan {
    float: left;
    color: #999
}

.m-reviewCard_comments .review-zan .fi {
    font-size: 16px;
    color: #2681ff;
    position: relative;
    top: -2px;
    margin-right: 8px
}

.m-reviewCard_comments .review-zan .fi-h-zan-line:before {
    content: "\E8CD"
}

.m-reviewCard_comments .review-zan:hover {
    text-decoration: none;
    color: #2681ff
}

.m-reviewCard_comments .clearfix-width {
    width: auto;
    display: inline-block
}

.m-reviewCard_comments .clearfix i {
    color: #acb4bf;
    font-size: 18px
}

.m-reviewCard_comments .clearfix span {
    padding-left: 10px
}

.m-reviewCard_comments .clearfix:hover {
    cursor: pointer
}

.m-reviewCard_comments .clearfix:hover .useful,.m-reviewCard_comments .clearfix:hover i {
    color: #287dfa
}

.m-reviewCard_comments .clearfix .useful {
    color: #acb4bf;
    font-size: 14px
}

.m-reviewCard_comments .clearfix .i-liked {
    color: #287dfa;
    cursor: pointer
}

.m-reviewCard_comments .review-reply {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.m-reviewCard .tranlslate-tip {
    margin-left: 8px
}

.m-reviewCard .tranlslate-tip,.m-reviewCard .tranlslate-tip-no {
    font-size: 14px;
    color: #acb4bf;
    letter-spacing: -.12px;
    line-height: 22px
}

.m-reviewCard .tranlslate-tip-no {
    margin-left: 0
}

.m-reviewCard .flex-center {
    display: flex;
    align-items: center
}

.m-popshow.hotelDesc {
    width: 780px;
    height: auto
}

.m-popshow.hotelDesc .m-popshow_content {
    max-height: 580px;
    min-height: 208px
}

.m-popshow.hotelDesc .m-popshow_content .no-img {
    margin: 0
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc_detailList {
    padding-bottom: 10px
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc_detailList h5 {
    margin: 20px 0 10px;
    font-weight: 700
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc_detailList p {
    margin: 10px 0
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .translateInfo {
    margin: 10px 0 0;
    height: 28px;
    font-size: 14px
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .fadeInOut-enter {
    opacity: .01
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .fadeInOut-enter.fadeInOut-enter-active {
    opacity: 1;
    transition: opacity .3s ease-in
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .fadeInOut-leave {
    opacity: 1
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .fadeInOut-leave.fadeInOut-leave-active {
    opacity: .01;
    transition: opacity .3s ease-in
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .basic-certi-info {
    margin-bottom: 16px;
    color: #0f294d;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .basic-certi-title {
    margin-bottom: 16px;
    color: #0f294d;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .underscore {
    text-decoration: underline;
    cursor: pointer
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .certi-txt-container {
    margin-bottom: 16px
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .certi-txt-container .certi-txt {
    display: inline-block;
    color: #0f294d;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    margin-right: 50px
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .basic-certi-container {
    padding-bottom: 14px;
    display: flex
}

.m-popshow.hotelDesc .m-popshow_content .m-hoteldesc .basic-certi-container .img-container {
    margin-right: 16px
}

.u-price {
    display: inline-block;
    color: #ff5722;
    font-weight: 700;
    cursor: default
}

.u-price-dashed {
    display: inline-block;
    border-bottom: 1px dashed #ff5722;
    line-height: 1.2
}

.u-price_off {
    font-weight: 400
}

.u-price_space .u-price_currency {
    margin-right: 5px
}

.u-price_disabled {
    color: #999;
    text-decoration: line-through;
    font-weight: 400
}

.u-price_reverse .u-price_num {
    float: left
}

.u-price_reverse .u-price_currency {
    float: right
}

.u-price_reverse.u-price_space .u-price_currency {
    margin-left: 5px;
    margin-right: 0
}

.u-txt {
    font-size: 12px
}

.u-txt-icon>span {
    margin: 0 2px
}

.u-txt-icon .u-icon {
    margin: 0 2px;
    font-size: 18px;
    vertical-align: -2px
}

.u-txt_dashed {
    border-bottom: 1px dashed #333
}

.u-txt-warn {
    color: #ff5722
}

.u-txt-warn .u-txt_dashed {
    border-bottom-color: #ff5722
}

.u-txt-danger {
    color: #ff3d00
}

.u-txt-danger .u-txt_dashed {
    border-bottom-color: #ff3d00
}

.u-txt-power {
    color: #00c853
}

.u-txt-power .u-txt_dashed {
    border-bottom-color: #00c853
}

.u-txt-primary {
    color: #2681ff
}

.u-txt-primary .u-txt_dashed {
    border-bottom-color: #2681ff
}

.u-txt-light {
    color: #999
}

.u-txt_lineThrough {
    text-decoration: line-through
}

.u-icon-btn-loading {
    animation: rotating 1.2s linear infinite
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.u-icon-btn-loading:before {
    content: "\E6A6";
    color: #2681ff
}

.m-translation-button-area {
    display: inline-block
}

.m-translation-button-area .trans-button {
    color: #2681ff;
    cursor: pointer
}

.m-translation-button-area .error-tip {
    color: #ee3b28;
    font-size: 12px;
    font-weight: 400
}

.m-swiper_container {
    z-index: 1;
    position: relative
}

.m-swiper_container .m-swiper_view {
    width: 100%;
    height: 100%;
    position: relative
}

.m-swiper_container .m-swiper_view .m-swiper_content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: content-box;
    padding-left: 2px;
    padding-right: 2px
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list {
    display: table;
    position: relative;
    height: 100%
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap {
    height: 100%;
    float: left;
    position: relative;
    display: table-cell
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap .map-hotelcard_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap .map-hotelcard_container .map-hotelcard_bottom {
    bottom: auto;
    position: static
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap:first-of-type {
    margin-left: 0!important
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap:last-of-type {
    margin-right: 0!important
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap.fade {
    position: absolute;
    top: 0;
    float: none;
    opacity: 0;
    transition: opacity .5s ease-in
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap.fade.fade-current {
    opacity: 1
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_dots {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background: hsla(0,0%,100%,.9);
    box-sizing: border-box;
    margin: 10px 3px;
    cursor: pointer
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_dots .dot.current {
    width: 12px;
    height: 12px;
    background: #fff
}

.m-swiper_container .m-swiper_view .m-swiper_operate {
    position: absolute;
    height: 0;
    top: 50%;
    margin-top: -12px;
    width: 100%
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,.5);
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .09s ease-in-out
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow.prevent_hover {
    pointer-events: none
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow.prevent_hover .u-icon {
    color: #ccc!important
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow.left {
    left: 0
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow.right {
    right: 0
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow.hide {
    display: none
}

.m-importantInfo {
    background: #fff;
    margin-top: 16px;
    padding: 24px
}

.m-importantInfo_translate {
    padding: 16px 0 0
}

.m-importantInfo_translate .translatorTip {
    padding-left: 16px;
    font-size: 14px;
    color: #acb4bf;
    line-height: 18px
}

.m-importantInfo_tit {
    font-size: 20px;
    color: #0f294d;
    line-height: 24px
}

.m-importantInfo_container_item {
    display: flex;
    font-size: 14px;
    justify-content: left;
    padding: 16px 0;
    border-bottom: 1px solid #dadfe6
}

.m-importantInfo_container_item:last-child {
    border-bottom: none
}

.m-importantInfo_container_item_title {
    width: 198px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 700
}

.m-importantInfo_container_item_content {
    display: flex;
    flex-flow: column;
    margin-left: 30px;
    width: calc(100% - 228px);
    color: #0f294d
}

.m-importantInfo_container_item_content .content_li {
    margin-bottom: 8px
}

.m-importantInfo_container_item_content .content_li:last-child {
    margin-bottom: 0
}

.m-importantInfo_container_button {
    text-align: right;
    font-size: 14px;
    padding: 16px 12px 16px 0;
    height: 28px;
    line-height: 28px
}

.m-importantInfo_container_button .u-btn {
    padding: 0 10px;
    border: 0;
    background: none
}

.m-importantInfo_container_button .u-btn:active,.m-importantInfo_container_button .u-btn:hover {
    background: transparent
}

.m-importantInfo_container_button .u-icon {
    transform: rotate(0);
    transition: transform .2s cubic-bezier(.4,0,.2,1);
    transform-origin: center center;
    will-change: transform
}

.m-importantInfo_container_button .active .u-icon {
    transform: rotate(-180deg)
}

.hotel-detail_head {
    padding: 16px 24px;
    margin-bottom: 8px
}

.detail-headcontext {
    display: flex;
    margin: 8px 0
}

@media screen and (max-width: 1159px) {
    .detail-headcontext {
        flex-direction:column
    }
}

.detail-headcontext_side {
    max-width: 43%;
    flex: auto;
    padding: 0 0 8px 16px;
    position: relative
}

@media screen and (max-width: 1159px) {
    .detail-headcontext_side {
        max-width:100%;
        margin-top: 8px
    }
}

@keyframes light {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

@keyframes shakes {
    0% {
        transform: rotate(0deg)
    }

    30% {
        transform: rotate(0deg)
    }

    45% {
        transform: rotate(30deg)
    }

    60% {
        transform: rotate(-30deg)
    }

    75% {
        transform: rotate(15deg)
    }

    90% {
        transform: rotate(-15deg)
    }

    to {
        transform: rotate(0)
    }
}

.detail-headline_base {
    max-width: 57%;
    flex: auto
}

@media screen and (max-width: 1159px) {
    .detail-headline_base {
        max-width:66.2%
    }
}

.detail-headline_base .hotelTag-title {
    margin-top: -6px
}

.detail-headline_base .hotelTag-title .m-hotelTag_list {
    margin: 8px 8px 0 0
}

.detail-headline_title {
    width: 100%;
    margin-bottom: 6px
}

.detail-headline_title .detail-headline_name {
    font-size: 20px;
    color: #0f294d;
    display: inline;
    margin-right: 8px
}

.detail-headline_title .hotelTag-title_h1 {
    line-height: 28px
}

.detail-headline_title .detail-headline_htypetag {
    position: relative;
    bottom: 1px;
    font-size: 14px;
    color: #455873;
    margin-right: 7px
}

.detail-headline_title .detail-headline_title_level {
    display: inline;
    color: #ff9501;
    font-size: 16px;
    line-height: 20px
}

.detail-headline_title .detail-headline_title_level:last-of-type {
    margin-right: 8px
}

.detail-headline_title .detail-headline_new_level {
    height: 18px;
    margin-bottom: 5px;
    margin-right: 5px
}

.detail-headline_title .detail-headline_hua {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    background: url(https://pages.c-ctrip.com/hotels/IBU/online/hua-icon.png) no-repeat;
    background-size: auto 100%;
    vertical-align: middle;
    margin: 0 8px 6px 0
}

.detail-headline_title .badge-thumb {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    position: relative;
    line-height: 20px;
    vertical-align: sub;
    cursor: pointer
}

.detail-headline_title .badge-thumb-4 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAgtJREFUOBF9U8luE0EUrB43dsYZRygcECIiAqTAgUOExB/kp1lOnLiiSGxSrECILexsxkkc29PTVL1ZZF8Ya9yv+3XVq7eM+/pz/D7P84MQChSxQNSKiKLgWsRyz/NQ73lWFAExAnD44A6PBjEXKNSg+jJpCBJQa0GEBdGetl6xeIHlMBIyFyKjo143ux1MpzfI8xVCKTUSIFFkYw6hiRBy2QEbbY/XL5/gzatnDJBjybO8eUsSr1yDIpvUikzSfIJ9gn2rhcnfG8znS7RaiUVWQOrnDzACySlzrXKja//FLtJOm1eAz1/6BqyDaHXOSkACyzfifi/F9tYm+icj7D56gK2sa2D97T3fwT3vVTM+EcenI4wvJmyCk4Iy3xZdOw+38e3ohAULutk8e08fN7aMw+/HVmhHskS9DjEwx4Vdmi+WVo81xMpmQf/47MqKLPXeeqyBKfWx56ZzBbJu/hqMkaiYwnDkWINq4rjVY46KbB1a7n4Pz2hQvHCBNRBAQ1PhufxfwXB0zhtqvUPCVnhrH9kGf87x8dMMt7M5fvRPYZFWlIhWrbucXKOz0WbQCJdoDmhIxfT2DsPRBXpZhuH4CrPZncmsR1aSJb3X61qR1cJAnJcc6c+yFGmaGsi3k+aifYUcX3XLvk59q7RLHNMg+l3ZAXFW+Zte/VGm3oQ+yneOZ+Vx2bWIt/8AxKTTpqYD+wIAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 16px 16px
}

.detail-headline_title .badge-thumb-5 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAalJREFUOBF9UstKA0EQrN28FV8QjIIHFUQQ/APPivkTET34U54Fk38QRJEcFPSqUUFixBgPyY7V2z2zq0gGdrunu6umumci1zluAa4J5wBE/MRmxm81r6kQi9COM7AlhUQ4hDBYcYScS1y/EteMw8m+OPEVBpheBeIyIT7u0RqiAluRAcSktQlQXQbWj4CNE4Db0EaqjkXEKIEPCFc6C9rSPLB2ABQqwPcj41+SzZYcwtpiUBYUUoJIFnB5QQFPpywWgOHFmtKihYCZLWB2G3jmpTR2gdpKSKG+T9KaogT4dgl8PqSEVGDU5TmgvgO8nLFCGs6txl5uQ7d7zp/K4AxMS2I9jofMjX4D8rvRABjcs0b7MQVCqIFg86C8/37BM6cY0fln15gvmuT3r0hQ0goeqi340ycBfa5/R68QFEfu+tDBjRnjLOTV9W74gBaBSp2Ff4YpwFe2UF4iAX1C7B3QG3aBjw6TvL7+LTDq/UNA6dVNgrPZ2ztgoETWYoOs9GO+wirVyEpnq1emAyZEWraZx5TR1gQlicR0uiQRiXKSfBSqVmKGVNv6ARSQnOH8j0j3AAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 16px 16px
}

.detail-headline_title .badge-thumb-6 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAapJREFUOBGFU7FKA0EQfXue+AO2dimsBBGJaKGNiLGxSSOWprISG0FsbfQH/AN7iT9gYSvBIiKCio3aWEiscuO8md3LJSg5WGZ2Zt7bt3OzQU6W2yikIQUACQAtaAOC7kUY15XyjKnPXEB2nUtfGlbAgC5+TqZ2BJiICKUvIo2MjgGVlcBSCcm4do6BlW31yRxj0bJWCSiTnM7qRVqsSWy2EBY3EJoHwPTMgJw5w2TIXZYYiYGZJF19C1jf5Qby0gU+3lxpVMLTg/q5NUsB3ixVQSW1BUjzkJ5/N1d2OgGmmGBmVYUqiOC9c+DrE7g803sfIUzkCQ4s6TXm18p96H0DF6dGqgrIqoyzdcj7q/mYnCqL6YTa3NBe7m4doyoyz5RiTZb1ZQgysnnoxIbGHljzUo1eadwn3U5sKBUQUAXZX/ifQn56wPOTFvhEWhN9fCOoSvYXz+M9QqFNY9+sB/ZrKpVjCCjf/py+FdrQ31+lscfjQ6VxRnRxNmzM1afKtLch4u01lvsD8vu4PwANDQ5JTG2yXpfxSZKdKtI0utV6nsoc1VRtqi1C+xeq7eXdytUZlAAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 16px 16px
}

.detail-headline_title .m-hotelTag {
    display: inline-block;
    line-height: 20px
}

.detail-headline_position {
    display: inline-block;
    margin-bottom: 6px;
    align-items: baseline
}

.detail-headline_position_icon {
    color: #acb4bf;
    margin-right: 4px;
    font-size: 14px;
    position: absolute
}

.detail-headline_position_info {
    font-size: 14px;
    color: #455873;
    letter-spacing: 0;
    text-align: left;
    line-height: 18px;
    margin-left: 2px;
    padding-left: 14px;
    display: inline-block
}

.detail-headline_position_text {
    margin-right: 4px
}

.detail-headline_position_showmore {
    font-size: 14px;
    color: #287dfa;
    font-weight: 700;
    cursor: pointer;
    word-break: keep-all
}

.detail-headline_position_showmore:hover {
    text-decoration: underline
}

.detail-headline_desc {
    display: flex;
    align-items: baseline;
    font-size: 14px
}

.detail-headline_desc_icon {
    color: #acb4bf;
    margin-right: 2px
}

.detail-headline_desc_ky {
    width: 78px;
    flex: none
}

.detail-headline_desc_ky,.detail-headline_desc_text {
    text-align: left;
    letter-spacing: 0;
    color: #455873;
    margin-right: 4px
}

.detail-headline_desc_text {
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 1 auto
}

.detail-headline_desc_showmore {
    font-size: 14px;
    color: #287dfa;
    letter-spacing: 0;
    text-align: right;
    line-height: 18px;
    flex: none;
    font-weight: 700;
    cursor: pointer
}

.detail-headline_desc_showmore:hover {
    text-decoration: underline
}

.detail-headline_container {
    display: flex
}

.detail-headline_hotFacility {
    margin-top: 8px;
    overflow: hidden;
    height: 26px
}

.detail-headline_hotFacility .detail-headline_hotFacility_item {
    display: inline-block;
    margin-right: 16px
}

.detail-headline_hotFacility .detail-headline_hotFacility_item .detail-headline_hotFacility_icon {
    display: inline-block;
    font-size: 24px;
    width: 24px;
    height: 24px;
    vertical-align: sub;
    margin-top: -5px
}

.detail-headline_hotFacility .detail-headline_hotFacility_item .detail-headline_hotFacility_text {
    display: inline-block;
    margin-left: 8px;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 18px;
    vertical-align: baseline
}

.detail-headline_hotFacility .detail-headline_hotFacility_item .detail-headline_hotFacility_text .underline {
    border-bottom: 1px dotted #000;
    padding-bottom: 3px;
    cursor: pointer
}

.detail-head-price_container {
    flex: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 4px
}

.detail-head-price_container .detail-head-price_price_box {
    margin-right: 8px
}

.detail-head-price_container .detail-head-price_price_box .detail-head-price_price_contain {
    display: flex
}

.detail-head-price_container .detail-head-price_price_box .detail-head-price_delete_price {
    font-size: 14px;
    color: #455873;
    margin-right: 8px
}

.detail-head-price_container .detail-head-price_price_box .detail-head-price_price {
    font-weight: 700;
    font-size: 24px;
    color: #287dfa;
    text-align: right
}

.detail-head-price_container .detail-head-price_price_box .price-qi {
    font-size: 14px;
    color: #455873;
    margin-left: 1px
}

.detail-head-price_container .detail-head-price_price_box .detail-head-price_lh {
    color: #455873;
    text-decoration: line-through
}

.detail-head-price_container .detail-head-price_price_box .detail-head-price_reduce_price {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.detail-head-price_container .detail-head-price_price_box .detail-head-price_reduce_price_span {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #f5594a;
    padding: 0 8px;
    border-radius: 2px;
    margin-bottom: 8px;
    position: relative
}

.detail-head-price_container .detail-head-price_price_box .detail-head-price_reduce_price_span:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    border-top: 6px solid #f5594a;
    border-left: 6px solid transparent
}

.detail-head-price_container .detail-head-price_price_box .ctripPrice {
    display: block
}

.detail-head-price_container .detail-head-price_price_box .detail-head-price_coupon,.detail-head-price_container .detail-head-price_price_box .detail-head-price_refund,.detail-head-price_container .detail-head-price_price_box .detail-head-price_taxAndFee {
    display: block;
    text-align: right;
    font-weight: 400;
    font-size: 14px;
    color: #455873
}

.detail-head-price_container .detail-head-price_select {
    padding: 8px 16px;
    background: #287dfa;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

.detail-head-price_container .m-BRGEntry {
    margin-bottom: 5px
}

.ie11 .detail-headalbum_tip_content {
    width: 300px;
    text-align: center
}

.detail-headalbum_bigpic {
    position: relative;
    width: 59.8%;
    height: 100%;
    display: inline-block;
    cursor: pointer
}

.detail-headalbum_bigpic .m-lazyImg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.detail-headalbum_bigpic .detail-headalbum_focus_mask {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-image: linear-gradient(180deg,transparent,rgba(15,41,77,.5))
}

.detail-headalbum_bigpic .detail-headalbum_focus_mask .detail-headalbum_focus_des {
    position: absolute;
    right: 16px;
    bottom: 14px;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.detail-headalbum_bigpic .detail-headalbum_bigpicImg {
    height: 100%;
    width: 100%
}

.detail-headalbum_bigpic .detail-headalbum_collect {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.13);
    cursor: pointer
}

.detail-headalbum_bigpic .detail-headalbum_collect .detail-headalbum_collect_icon {
    font-size: 26px;
    color: #acb4bf
}

.detail-headalbum_bigpic .detail-headalbum_collect .detail-headalbum_collect_icon.selected {
    color: #ff1b44
}

.detail-headalbum_bigpic .is-SHA {
    position: absolute;
    top: 16px;
    left: 16px;
    height: 40px;
    width: 72px
}

.detail-headalbum_bigpic .is-SHA img {
    max-width: 72px;
    max-height: 40px
}

.detail-headalbum_bigpic .detail-headalbum_tip {
    position: absolute;
    background-color: #fff;
    top: 78px;
    right: 37px
}

.detail-headalbum_bigpic .detail-headalbum_tip .detail-headalbum_tip_content {
    white-space: nowrap;
    height: 62px;
    display: flex;
    padding: 0 24px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 8px 10px 0 rgba(15,41,77,.08);
    border-radius: 2px;
    position: absolute;
    background-color: #fff;
    z-index: 2;
    font-size: 14px;
    color: #0f294d;
    transition: all .5s ease-out
}

.detail-headalbum_bigpic .detail-headalbum_tip .detail-headalbum_tip_content .text {
    position: relative;
    top: 30%
}

.detail-headalbum_bigpic .detail-headalbum_tip .detail-headalbum_tip_content.show {
    display: flex;
    height: 62px
}

.detail-headalbum_bigpic .detail-headalbum_tip .detail-headalbum_tip_content.hide {
    display: none;
    height: 0
}

.detail-headalbum_bigpic .detail-headalbum_tip .detail-headalbum_tip_arrow {
    position: absolute;
    top: -10px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%) rotate(45deg);
    width: 20px;
    background-color: #fff;
    height: 20px;
    box-shadow: 0 8px 10px 0 rgba(15,41,77,.08);
    transition: all .5s ease-out
}

.detail-headalbum_bigpic .detail-headalbum_tip .detail-headalbum_tip_arrow.show {
    display: block;
    opacity: 1;
    width: 20px;
    height: 20px
}

.detail-headalbum_bigpic .detail-headalbum_tip .detail-headalbum_tip_arrow.hide {
    display: none;
    opacity: 0;
    width: 0;
    height: 0
}

.detail-headalbum_bigpic .detail-headalbum_inspiration {
    position: absolute;
    overflow: hidden;
    background: #fff5f4;
    border-radius: 2px;
    display: inline-block;
    margin-top: 16px;
    width: fit-content
}

.detail-headalbum_bigpic .detail-headalbum_inspiration:after {
    position: absolute;
    left: -100%;
    top: 0;
    width: 50%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
    transform: skewX(45deg);
    animation: light 2.4s cubic-bezier(.645,.045,.355,1) 2s
}

.detail-headalbum_bigpic .detail-headalbum_inspiration .detail-headalbum_inspiration_item {
    position: relative;
    display: block;
    align-items: center;
    padding: 8px;
    font-weight: 700;
    font-size: 14px;
    color: #f5594a
}

@media screen and (max-width: 1159px) {
    .detail-headalbum_bigpic .detail-headalbum_inspiration .detail-headalbum_inspiration_item {
        display:block
    }
}

.detail-headalbum_bigpic .detail-headalbum_inspiration .detail-headalbum_inspiration_item .animation-box {
    display: inline-flex;
    width: 24px;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    animation: shakes 1.6s cubic-bezier(.62,.11,.35,.79) infinite
}

.detail-headalbum_bigpic .detail-headalbum_inspiration .detail-headalbum_inspiration_item .animation-box .detail-headalbum_inspiration_icon {
    font-size: 18px
}

.detail-headalbum_bigpic .detail-headalbum_inspiration .detail-headalbum_inspiration_item:first-of-type {
    padding-right: 24px
}

.detail-headalbum_bigpic .detail-headalbum_inspiration .detail-headalbum_inspiration_item+.detail-headalbum_inspiration_item {
    padding-top: 0
}

.detail-headalbum_childbox {
    display: inline-block;
    width: 40.2%;
    height: 100%
}

.detail-headalbum_childbox .detail-headalbum_item {
    background-size: cover;
    cursor: pointer;
    width: 50%;
    height: 33.3%;
    float: left;
    padding-left: 8px;
    padding-bottom: 8px;
    box-sizing: border-box
}

.detail-headalbum_childbox .detail-headalbum_item:nth-child(5),.detail-headalbum_childbox .detail-headalbum_item:nth-child(6) {
    padding-bottom: 0
}

.detail-headalbum_container {
    display: flex;
    width: 100%;
    position: relative;
    max-width: 57%;
    padding-bottom: 25%;
    height: 0
}

@media screen and (max-width: 1159px) {
    .detail-headalbum_container {
        max-width:100%;
        padding-bottom: 40%
    }
}

.detail-headalbum_box {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.detail-headreview_container {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f2f5;
    margin-bottom: 12px;
    max-width: 460px;
    justify-content: flex-end
}

@media screen and (max-width: 1159px) {
    .detail-headreview_container_right {
        right:0;
        left: 476px
    }
}

.detail-headreview_container_left,.detail-headreview_container_right {
    color: #0f294d;
    cursor: pointer;
    position: absolute;
    top: 16px;
    font-size: 18px;
    padding: 28px 0
}

.detail-headreview_container_left:hover,.detail-headreview_container_right:hover {
    color: #287dfa
}

.detail-headreview_container_right {
    right: -20px
}

.detail-headreview_container_left {
    left: 10px
}

.detail-headreview_container.noreview {
    height: 94px;
    font-size: 20px;
    color: #4978ce;
    line-height: 26px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700
}

.detail-headreview_container.noscore {
    height: 94px
}

.detail-headreview_container.noscore .detail-headreview_info {
    width: 100%
}

@keyframes movekeyframe_0_1 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-25%)
    }
}

@keyframes movekeyframe_0_2 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@keyframes movekeyframe_1_0 {
    0% {
        transform: translateX(-25%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes movekeyframe_1_2 {
    0% {
        transform: translateX(-25%)
    }

    to {
        transform: translateX(-50%)
    }
}

@keyframes movekeyframe_1_3 {
    0% {
        transform: translateX(-25%)
    }

    to {
        transform: translateX(-75%)
    }
}

@keyframes movekeyframe_2_0 {
    0% {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes movekeyframe_2_1 {
    0% {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(-25%)
    }
}

@keyframes movekeyframe_2_3 {
    0% {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(-75%)
    }
}

@keyframes movekeyframe_3_1 {
    0% {
        transform: translateX(-75%)
    }

    to {
        transform: translateX(-25%)
    }
}

@keyframes movekeyframe_3_2 {
    0% {
        transform: translateX(-75%)
    }

    to {
        transform: translateX(-50%)
    }
}

.detail-headreview_container .move_1_2 {
    animation: movekeyframe_1_2 ease .8 both
}

.detail-headreview_container .move_2_1 {
    animation: movekeyframe_2_1 ease .8 both
}

.detail-headreview_container .move_1_0 {
    animation: movekeyframe_1_0 ease .8 backwards,movekeyframe_0_2 0s .8 forwards
}

.detail-headreview_container .move_2_3 {
    animation: movekeyframe_2_3 ease .8 backwards,movekeyframe_3_1 0s .8 forwards
}

.detail-headreview_container_tab {
    width: 98%;
    height: 94px;
    margin-top: 10px
}

.detail-headreview_container_tabcontainer {
    width: 404%;
    height: 100%;
    display: flex;
    position: relative
}

.detail-headreview_container_scorecontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.detail-headreview_container_scorecontainer .cate_item {
    width: 47%;
    padding: 4px
}

.detail-headreview_container .smart-modal_container {
    padding: 44px 24px 24px
}

.detail-headreview_container .smart-modal_content {
    max-width: 1062px;
    max-height: 572px;
    overflow: scroll;
    box-sizing: border-box
}

.detail-headreview_container .smart-modal_mask .m-reviewsList {
    margin-top: 0;
    padding-top: 0
}

.detail-headreview_info {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.detail-headreview_score {
    margin-bottom: 4px
}

.detail-headreview_score_box {
    background-color: #4978ce;
    padding: 3px 8px;
    border-radius: 2px;
    font-size: 22px;
    line-height: 22px;
    color: hsla(0,0%,100%,.6);
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    display: inline-block
}

.detail-headreview_score_fen {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 500;
    opacity: .6
}

.detail-headreview_score_value {
    color: #fff;
    font-size: 20px;
    margin-right: 2px
}

.detail-headreview_score_text {
    color: #4978ce;
    font-size: 20px;
    margin-left: 8px;
    font-weight: 700;
    position: relative;
    top: 1px
}

.detail-headreview_all {
    margin-bottom: 4px;
    font-size: 14px;
    color: #287dfa;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap
}

.detail-headreview_all:hover {
    text-decoration: underline
}

.detail-headreview_quality {
    margin-bottom: 4px;
    font-size: 14px;
    color: #06aebd;
    font-weight: 400;
    white-space: nowrap
}

.detail-headreview_box {
    position: relative;
    width: 45%
}

.detail-headreview_content {
    background: #f5f9ff;
    height: 54px;
    max-width: 198px;
    margin-left: 20px;
    position: relative;
    overflow: hidden;
    outline: 15px solid #f5f9ff
}

.detail-headreview_content_text {
    float: right;
    margin-left: -100px;
    width: 100%;
    word-break: break-all;
    line-height: 18px;
    font-size: 14px;
    color: #455873;
    letter-spacing: 0;
    font-family: PingFangSC-Regular
}

.detail-headreview_content:before {
    float: left;
    width: 100px;
    content: "";
    height: 54px
}

.detail-headreview_content:after {
    float: right;
    content: "...";
    height: 18px;
    line-height: 18px;
    width: 30px;
    position: relative;
    left: calc(100% - 100px);
    top: -18px;
    text-align: right;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#f5f9ff),color-stop(50%,#f5f9ff));
    background: -moz-linear-gradient(to right,hsla(0,0%,100%,0),#f5f9ff 50%,#f5f9ff);
    background: -o-linear-gradient(to right,hsla(0,0%,100%,0),#f5f9ff 50%,#f5f9ff);
    background: -ms-linear-gradient(to right,hsla(0,0%,100%,0),#f5f9ff 50%,#f5f9ff);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#f5f9ff 50%,#f5f9ff)
}

.detail-headreview_bubble {
    padding: 8px;
    transform: rotate(45deg);
    background-color: #f5f9ff;
    position: absolute;
    left: -4px;
    top: 20px
}

.detail-headreview_scorebar .clearfix-score {
    display: flex;
    padding-bottom: 4px;
    justify-content: space-between;
    max-width: 200px
}

.detail-headreview_ta {
    margin-top: 4px;
    margin-bottom: 4px
}

.detail-headreview_ta img {
    height: 13px
}

.detail-headreview_ta_review {
    font-size: 12px;
    color: #8592a6;
    letter-spacing: 0;
    text-align: left;
    line-height: 16px
}

.detail-headreview_sum {
    width: calc(55% - 15px);
    display: flex;
    flex-direction: column
}

.detail-headreview_info.norecommend {
    height: 100%
}

.detail-headreview_info.norecommend .detail-headreview_sum {
    width: 100%;
    flex-direction: row;
    align-items: center
}

.detail-headreview_info.norecommend .detail-headreview_ta {
    padding-left: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.detail-headreview_info.norecommend .detail-headreview_ta_review {
    padding-top: 16px
}

.only-unusefule-review {
    font-weight: 400
}

.only-unusefule-review .m-reviewScore-main {
    display: none
}

.m-scoreBar .title {
    float: left
}

.m-scoreBar .score {
    float: right;
    font-weight: 700;
    color: #366ab3
}

.m-scoreBar .show {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 8px;
    top: -10px;
    background: #eaeaea;
    border-radius: 8px
}

.m-scoreBar .show .blue {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    border-radius: 8px;
    background: #366ab3
}

.newScoreBar {
    color: #4978ce;
    cursor: pointer
}

.newScoreBar .title {
    float: left;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.newScoreBar .score {
    float: right;
    font-weight: 700;
    margin-left: 8px
}

.newScoreBar .show {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 8px;
    top: -10px;
    background: #dadfe6;
    margin-top: 8px;
    border-radius: 0!important
}

.newScoreBar .show .blue {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    background: #4978ce;
    border-radius: 0!important
}

.newScoreBar .clearfix-score {
    display: flex;
    padding-bottom: 4px
}

.m-reviewsList {
    margin-top: 16px;
    background: #fff;
    padding: 24px 16px 0
}

.m-reviewsList .o-module-tit {
    margin-bottom: 20px;
    font-size: 20px;
    color: #0f294d;
    line-height: 24px
}

.m-reviewsList .o-module-tit span {
    color: #999;
    font-size: 16px;
    margin-left: 8px
}

.m-reviewsList-none {
    font-size: 14px;
    color: #666;
    padding: 16px 20px;
    background: #f5f9ff
}

.m-reviewsList .review-tab-title-text {
    color: #999;
    font-size: 16px
}

.m-reviewsList .m-tab .tab-pane-item {
    padding: 0
}

.m-reviewsList .m-tab .m-tab-book,.m-reviewsList .m-tab .m-tab-book:before,.m-reviewsList .m-tab .m-tab-ta,.m-reviewsList .m-tab .m-tab-ta:before {
    border-bottom: 2px solid #e5e5e5!important
}

.m-reviewsList .m-tab .tab-bar .ctrip-text {
    font-size: 18px;
    font-weight: 600;
    color: #666
}

.m-tripReview .list .m-reviewCard {
    padding: 24px 0 16px
}

.m-tripReview .list .unusefulReview-info {
    background: #f5f7fa;
    border-radius: 2px;
    height: 54px;
    display: flex;
    justify-content: left;
    align-items: center;
    position: relative
}

.m-tripReview .list .unusefulReview-info-desc {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px;
    padding-left: 16px
}

.m-tripReview .list .unusefulReview-info-rule {
    padding: 0 4px 0 8px;
    font-size: 14px;
    color: #8592a6;
    line-height: 18px
}

.m-tripReview .list .unusefulReview-info-show {
    position: absolute;
    right: 16px
}

.m-tripReview .list .unusefulReview-info-show .u-btn {
    padding: 0 10px;
    border: 0;
    background: transparent
}

.m-tripReview .list .unusefulReview-info-show .u-btn:active,.m-tripReview .list .unusefulReview-info-show .u-btn:hover {
    background: transparent
}

.m-tripReview .list .unusefulReview-info-show .u-icon {
    transform: rotate(0);
    transition: transform .2s cubic-bezier(.4,0,.2,1);
    transform-origin: center center;
    will-change: transform
}

.m-tripReview .list .unusefulReview-info-show .active .u-icon {
    transform: rotate(-180deg)
}

.m-tripReview .list .unusefulReview-more {
    display: flex;
    justify-content: center;
    margin: 36px
}

.m-tripReview .bigimg {
    width: 550px;
    height: 420px;
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    display: none;
    z-index: 999
}

.m-tripReview .m-pop-txt {
    height: 50px;
    background: #fff7eb;
    border-radius: 2px;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px;
    display: flex;
    align-items: center;
    margin: 16px 0
}

.m-tripReview .m-pop-txt .m-pop-txt-p {
    padding: 16px 0 16px 16px
}

.m-tripReview .m-pop-txt .m-pop-txt-p span {
    font-size: 14px;
    color: #ff6f00;
    letter-spacing: 0;
    line-height: 18px
}

.m-tripReview .m-module-bg {
    padding: 0;
    margin-bottom: 0;
    background: none
}

.clearfix:after,.clearfix:before,.g-grid:after,.g-grid:before {
    content: " ";
    display: table
}

.clearfix:after,.g-grid:after {
    clear: both
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.font-hk {
    font-family: Microsoft YaHei,STHeitiTC-Light,tahoma,arial,sans-serif
}

.g-grid_col1,.g-grid_col2,.g-grid_col3,.g-grid_col4,.g-grid_col5,.g-grid_col6,.g-grid_col7,.g-grid_col8,.g-grid_col9,.g-grid_col10,.g-grid_col11,.g-grid_col12 {
    position: relative;
    float: left;
    box-sizing: border-box;
    padding: 0 8px
}

.g-grid_col12 {
    width: 100%
}

.g-grid_col11 {
    width: 91.66666667%
}

.g-grid_col10 {
    width: 83.33333333%
}

.g-grid_col9 {
    width: 75%
}

.g-grid_col8 {
    width: 66.66666667%
}

.g-grid_col7 {
    width: 58.33333333%
}

.g-grid_col6 {
    width: 50%
}

.g-grid_col5 {
    width: 41.66666667%
}

.g-grid_col4 {
    width: 33.33333333%
}

.g-grid_col3 {
    width: 25%
}

.g-grid_col2 {
    width: 16.66666667%
}

.g-grid_col1 {
    width: 8.33333333%
}

.u-icon-common,.u-icon-loading {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.u-icon-loading {
    width: 150px;
    height: 100px;
    background-image: url(/modules/hotel/hotel-ctrip-online/image/loadingcommon.74cfdb633edda836c6f226a8a43fe0f6.gif)
}

.m-score {
    display: inline-block;
    position: relative;
    padding-left: 60px
}

.m-score_desc {
    font-size: 22px;
    color: #366ab3;
    padding-left: 83px;
    font-weight: 700
}

.m-score_single {
    float: left
}

.m-score_single strong {
    color: #366ab3;
    padding-right: 7px
}

.m-score_single .total {
    color: #acb4bf
}

.m-score_appraise {
    color: #366ab3;
    float: left;
    font-weight: 700;
    margin-left: 10px
}

.m-tooltip {
    font-size: 14px;
    position: absolute;
    padding: 24px;
    left: 50px;
    top: 50px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 8px 20px 0 rgba(0,41,99,.2)
}

.m-tooltip_arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 12px solid transparent
}

.m-tooltip_arrow.left {
    left: -24px;
    border-right-color: #fff
}

.m-tooltip_arrow.right {
    right: -24px;
    border-left-color: #fff
}

.m-tooltip_arrow.top {
    top: -24px;
    border-bottom-color: #fff
}

.m-tooltip_arrow.bottom {
    bottom: -24px;
    border-top-color: #fff
}

.m-tooltip.dark {
    padding: 6px 10px;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    box-shadow: none;
    filter: none
}

.m-tooltip.dark .m-tooltip_arrow {
    border-width: 5px
}

.m-tooltip.dark .m-tooltip_arrow.left {
    left: -10px;
    border-right-color: rgba(0,0,0,.8)
}

.m-tooltip.dark .m-tooltip_arrow.right {
    right: -10px;
    border-left-color: rgba(0,0,0,.8)
}

.m-tooltip.dark .m-tooltip_arrow.top {
    top: -10px;
    border-bottom-color: rgba(0,0,0,.8)
}

.m-tooltip.dark .m-tooltip_arrow.bottom {
    bottom: -10px;
    border-top-color: rgba(0,0,0,.8)
}

.m-reviewFilter-selector {
    margin-bottom: 16px;
    background: #f0f2f5;
    display: flex;
    height: 70px;
    align-items: center
}

.m-reviewFilter-selector .theme-container {
    padding-left: 16px;
    height: 40px
}

.m-reviewFilter-selector .order-filter,.m-reviewFilter-selector .tag-filter,.m-reviewFilter-selector .theme-filter {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 260px!important
}

.m-reviewFilter-selector .left,.m-reviewFilter-selector .right {
    display: flex;
    align-items: center
}

@media screen and (max-width: 769px) {
    .m-reviewFilter .m-reviewFilter-selector {
        align-items:start;
        flex-direction: column;
        height: 125px
    }

    .m-reviewFilter .m-reviewFilter-selector .left {
        padding: 16px 0
    }

    .m-reviewFilter .m-reviewFilter-selector .order-filter,.m-reviewFilter .m-reviewFilter-selector .tag-filter,.m-reviewFilter .m-reviewFilter-selector .theme-filter {
        width: 260px!important
    }

    .m-reviewFilter .grid_col9 {
        width: 65%
    }
}

.m-reviewFilter-label {
    color: #455873;
    font-size: 14px;
    margin: 0 16px 0 15px
}

.m-reviewFilter .order-filter {
    margin-left: 5px
}

.m-reviewFilter .m-review-tag {
    border-bottom: 1px solid #dadfe6
}

.m-reviewFilter .m-review-tag .m-fastfilter {
    margin-bottom: 16px
}

.m-reviewFilter .u-btn-primary {
    background: rgba(68,138,255,.1);
    border-radius: 2px
}

.m-reviewFilter .u-btn-primary span {
    color: #287dfa
}

.m-reviewFilter .u-btn-primary:hover {
    border-color: #2681ff
}

.m-reviewFilter .u-btn-filter {
    border: 1px solid #dadfe6;
    border-radius: 2px;
    background: #fff;
    color: #dadfe6
}

.m-reviewFilter .u-btn-filter span {
    color: #0f294d
}

.m-reviewFilter .u-btn-filter:hover {
    border-color: #2681ff
}

.m-reviewFilter .u-btn-filter:hover span {
    color: #2681ff
}

#ibu_hotel_tools .select-panel {
    z-index: 1000
}

#ibu_hotel_tools .select-panel li {
    position: relative
}

#ibu_hotel_tools .select-panel li>span {
    word-break: keep-all;
    word-wrap: break-word;
    max-width: 280px;
    max-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    padding-right: 26px
}

#ibu_hotel_tools .select-panel i {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-8px)
}

.ie11 #ibu_hotel_tools .select-panel li>span {
    display: inline-block;
    padding-right: 26px;
    max-height: 40px
}

.ie11 .tag-filter .text-ellipsis-review-2 {
    display: inline
}

.ie11 .text-ellipsis-review-2 {
    display: block;
    position: relative;
    line-height: 20px;
    overflow: hidden
}

.m-fastfilter .u-btn {
    margin: 10px 10px 0 0;
    font-size: 14px
}

.selector-wrapper {
    display: inline-block
}

.selector-label {
    font-weight: 400;
    color: #455873;
    font-size: 14px;
    line-height: 18px
}

.single-selector-input {
    width: 100%;
    border: 1px solid #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.single-selector-input.selector-line {
    border-width: 0 0 1px;
    font-weight: 700;
    font-size: 16px;
    color: #0f294d;
    padding: 0 24px 0 0;
    border-color: #ced2d9;
    display: block
}

.single-selector-input.selector-line.focus {
    border-color: #287dfa
}

.single-selector-input.selector-line.focus .u-icon-arrowLineUp {
    color: #287dfa
}

.single-selector-input.selector-line .u-icon {
    color: #8592a6
}

.single-selector-input.selector-line i {
    right: 0
}

.panel-item {
    line-height: 18px
}

.panel-line .panel-item {
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 12px 16px
}

.panel-line .panel-item:hover {
    background: #e9f2fe;
    color: #0f294d
}

.panel-line .panel-item-selected {
    color: #287dfa!important
}

.panel-line .panel-item i {
    float: right;
    font-size: 16px;
    padding-left: 10px
}

.select-panel {
    background-color: #fff;
    box-shadow: 0 8px 10px 0 rgba(15,41,77,.08);
    border-radius: 2px;
    max-height: 400px;
    overflow: auto;
    padding: 10px 0;
    z-index: 4
}

.m-input {
    display: inline-block;
    position: relative
}

.m-input input,.m-input textarea {
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    transition: border-color .25s
}

.m-input input:focus,.m-input textarea:focus {
    border-color: #2486ff
}

.m-input input {
    padding: 0 8px;
    height: 40px;
    line-height: 1
}

.m-input textarea {
    padding: 10px;
    line-height: 20px
}

.m-input_label {
    font-size: 14px;
    top: 10px;
    color: #a2a9b6
}

.m-input.error input,.m-input.error textarea {
    border-color: #ff5722
}

.m-input.error .m-input_label.show-label {
    color: #ff5722!important
}

 

.m-input_msg {
    font-size: 12px;
    padding-top: 8px;
    color: #ff3d00
}

.m-input.animation .m-input_label {
    position: absolute;
    left: 9px;
    transform-origin: 0 0;
    pointer-events: none;
    transition: all .25s;
    color: transparent;
    background-color: transparent
}

.m-input.animation .m-input_label.show-label {
    color: #666;
    background-color: #fff;
    transform: scale(.85) translate(-2px,-21px)
}

 

.panel-footer {
    display: flex;
    justify-content: space-between
}

.multi-selector-input {
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: 0 34px 0 8px;
    line-height: 40px;
    height: 40px;
    border: 1px solid #e5e5e5;
    cursor: pointer
}

.multi-selector-input .m-input {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0
}

.multi-selector-input .m-input input {
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.multi-selector-input .m-input .m-input_msg {
    line-height: 1
}

.multi-selector-input i {
    position: absolute;
    right: 10px;
    z-index: 0
}

.multi-selector-input.placeholder {
    color: #ccc
}

.multi-selector-input.error {
    border-color: #ee3b28
}

.email-panel-item {
    font-size: 14px;
    line-height: 1;
    padding: 8px 10px;
    cursor: pointer
}

.email-panel-item .highlight {
    color: #2681ff
}

.email-panel-item:hover {
    background: #2681ff;
    color: #fff
}

.email-panel-item:hover .highlight {
    color: #fff
}

.email-panel-item-selected {
    color: #2681ff
}

.email-panel-item i {
    float: right;
    font-size: 16px;
    padding-left: 10px
}

.panel-line {
    border-radius: 0;
    padding: 0
}

.panel-line .email-panel-item {
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 12px 16px
}

.panel-line .email-panel-item:hover {
    background: #e9f2fe;
    color: #0f294d
}

.panel-line .email-panel-item:hover .highlight {
    color: #0f294d
}

.panel-line .email-panel-item-selected {
    color: #287dfa
}

.panel-line .email-panel-item i {
    float: right;
    font-size: 16px;
    padding-left: 10px
}

.m-inputBox {
    display: inline-block;
    position: relative
}

.m-inputBox input {
    background: #fff;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    border: solid #ced2d9;
    border-width: 0 0 1px;
    transition: border-color .25s;
    color: #0f294d
}

.m-inputBox input:focus {
    border-color: #287dfa
}

.m-inputBox input::placeholder {
    color: #ced2d9
}

.m-inputBox_label {
    color: #455873;
    font-size: 14px;
    line-height: 18px
}

.m-inputBox.error input,.m-inputBox.error textarea {
    border-color: #ee3b28
}

.m-inputBox.error .errorText {
    flex: 1;
    padding-right: 8px
}

.m-inputBox_error {
    color: #ee3b28;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    padding-top: 8px
}

.m-inputBox_helper {
    font-size: 14px;
    padding-top: 8px;
    color: #0f294d
}

.m-inputBox .inputWrapper {
    position: relative;
    display: inline-block;
    width: 100%
}

.m-inputBox .inputWrapper .u-icon-ic_new_delete {
    color: #8592a6;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 14px;
    cursor: pointer
}

#region-selector-component>.l-content .number-input:-ms-input-placeholder {
    color: #ced2d9
}

#region-selector-component>.l-content .country-select.no-input .selected-box .placeholder {
    color: #ced2d9
}

#ibu_hotel_container #region-selector-component>.l-content.withCommonStyle {
    border: none
}

#ibu_hotel_container #region-selector-component>.l-content.withCommonStyle .country-select {
    border-bottom: none
}

#ibu_hotel_container #region-selector-component>.l-content.withCommonStyle .country-select .selected-box {
    border-bottom: 1px solid #ced2d9;
    height: 39px
}

 
#ibu_hotel_container #region-selector-component>.l-content .number-input::placeholder {
    color: #ced2d9
}

 
#region-selector-component {
    width: 315px;
    margin: 0;
    padding: 0
}

#region-selector-component ol,#region-selector-component ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#region-selector-component .fi_regionselect {
    font-family: fi-regionselect,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#region-selector-component .fi_regionselect.fi-tick:before {
    content: "\E530"
}

#region-selector-component .fi-search:before {
    content: "\EAD0"
}

#region-selector-component .fi-up:before {
    content: "\E32B"
}

#region-selector-component .fi-down:before {
    content: "\E32C"
}

#region-selector-component>.l-content {
    width: 100%;
    background: #fff;
    height: 40px;
    border: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#region-selector-component>.l-content.focus {
    border: 1px solid #287dfa
}

#region-selector-component>.l-content .country-select {
    position: relative;
    width: 90px
}

#region-selector-component>.l-content .country-select.no-input {
    width: 100%
}

#region-selector-component>.l-content .country-select.no-input .selected-box {
    width: 100%;
    border: none;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#region-selector-component>.l-content .country-select.no-input .country-list .result-list .list-item .country-name,#region-selector-component>.l-content .country-select.no-input .country-list .section-list .list-item .country-name,#region-selector-component>.l-content .country-select.no-input .country-list .selected-list .list-item .country-name,#region-selector-component>.l-content .country-select.no-input .country-list .top-list .list-item .country-name {
    max-width: 240px
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item,#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item,#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item,#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item {
    height: 46px;
    line-height: 23px;
    display: block
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item span,#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item span,#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item span,#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item span {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item p,#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item p,#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item p,#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item p {
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    margin: 0;
    color: #999
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item i,#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item i,#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item i,#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item i {
    height: 46px;
    line-height: 46px
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item.selected p,#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item.selected p,#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item.selected p,#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item.selected p {
    color: #287dfa
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item:hover p,#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item:hover p,#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item:hover p,#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item:hover p {
    color: #fff
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item:hover p,#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item p {
    color: #287dfa
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item.selected p {
    color: #999
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item.active p,#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item:hover p {
    color: #fff
}

#region-selector-component>.l-content .country-select .selected-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 90px;
    height: 22px;
    line-height: 22px;
    color: #333;
    border-right: 1px solid #e4e4e4;
    margin-top: 8px;
    padding: 0 10px;
    font-size: 14px;
    cursor: pointer
}

#region-selector-component>.l-content .country-select .selected-box i {
    float: right
}

#region-selector-component>.l-content .country-select .selected-box .placeholder {
    color: #999
}

#region-selector-component>.l-content .country-select .country-list {
    background: #fff;
    position: absolute;
    z-index: 11;
    top: 39px;
    left: -1px;
    width: 315px;
    height: 450px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,41,99,.2);
    box-shadow: 0 8px 20px 0 rgba(0,41,99,.2);
    display: none;
    overflow: hidden
}

#region-selector-component>.l-content .country-select .country-list.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#region-selector-component>.l-content .country-select .country-list_top-box {
    display: block
}

#region-selector-component>.l-content .country-select .country-list_top-box.show-result-list {
    height: 450px
}

#region-selector-component>.l-content .country-select .country-list_bottom-box {
    overflow-x: hidden;
    overflow-y: auto
}

#region-selector-component>.l-content .country-select .country-list_bottom-box::-webkit-scrollbar {
    width: 5px
}

#region-selector-component>.l-content .country-select .country-list_bottom-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    background: #fff
}

#region-selector-component>.l-content .country-select .country-list_bottom-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: #b2b2b2
}

#region-selector-component>.l-content .country-select .country-list .selected-list {
    background: #fff;
    padding: 10px 5px 10px 10px
}

#region-selector-component>.l-content .country-select .country-list .selected-list .list-title {
    font-size: 14px;
    line-height: 18px;
    color: #999
}

#region-selector-component>.l-content .country-select .country-list .selected-list .list-item {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #287dfa;
    position: relative
}

#region-selector-component>.l-content .country-select .country-list .selected-list .list-item i {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0
}

#region-selector-component>.l-content .country-select .country-list .selected-list .list-item .country-name {
    display: inline-block;
    max-width: 228px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top
}

#region-selector-component>.l-content .country-select .country-list .selected-list .list-item .country-number {
    margin-left: 10px;
    display: inline-block;
    vertical-align: top
}

#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box {
    border: 1px solid #e4e4e4;
    padding-left: 35px;
    position: relative;
    line-height: 1.2
}

#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box i {
    color: #333;
    font-size: 25px;
    position: absolute;
    top: 5px;
    left: 10px
}

#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box .search-input {
    width: 230px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    outline-style: none;
    border: none;
    padding: 0 10px;
    color: #333
}

#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box .search-input:-ms-input-placeholder,#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box .search-input::-moz-placeholder,#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box .search-input::-webkit-input-placeholder {
    color: #ccc
}

#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box .search-input::-ms-clear {
    display: none
}

#region-selector-component>.l-content .country-select .country-list .result-list {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    height: 390px
}

#region-selector-component>.l-content .country-select .country-list .result-list.isSelected {
    height: 336px
}

#region-selector-component>.l-content .country-select .country-list .result-list::-webkit-scrollbar {
    width: 5px
}

#region-selector-component>.l-content .country-select .country-list .result-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    background: #fff
}

#region-selector-component>.l-content .country-select .country-list .result-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: #b2b2b2
}

#region-selector-component>.l-content .country-select .country-list .result-list.show {
    display: block
}

#region-selector-component>.l-content .country-select .country-list .result-list .no-res {
    color: #333;
    text-align: center;
    padding: 20px 10px
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    padding: 0 15px 0 10px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item .country-name {
    display: inline-block;
    max-width: 228px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item .country-number {
    display: inline-block;
    color: #999;
    margin-left: 10px
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item.active,#region-selector-component>.l-content .country-select .country-list .result-list .list-item:hover {
    background: #64a6ff;
    color: #fff
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item.active .country-number,#region-selector-component>.l-content .country-select .country-list .result-list .list-item:hover .country-number {
    color: #fff
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item.active i,#region-selector-component>.l-content .country-select .country-list .result-list .list-item:hover i {
    color: #64a6ff
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item i {
    position: absolute;
    top: 0;
    right: 5px;
    display: none;
    font-size: 14px
}

#region-selector-component>.l-content .country-select .country-list .section-list.hide,#region-selector-component>.l-content .country-select .country-list .top-list.hide {
    display: none
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-title,#region-selector-component>.l-content .country-select .country-list .top-list .list-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    background: #f5f5f9;
    font-size: 14px;
    color: #999
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item,#region-selector-component>.l-content .country-select .country-list .top-list .list-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    padding: 0 15px 0 10px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item .country-name,#region-selector-component>.l-content .country-select .country-list .top-list .list-item .country-name {
    display: inline-block;
    max-width: 228px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item .country-number,#region-selector-component>.l-content .country-select .country-list .top-list .list-item .country-number {
    display: inline-block;
    color: #999;
    margin-left: 10px
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item:hover,#region-selector-component>.l-content .country-select .country-list .top-list .list-item:hover {
    background: #64a6ff;
    color: #fff
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item:hover .country-number,#region-selector-component>.l-content .country-select .country-list .top-list .list-item:hover .country-number {
    color: #fff
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item i,#region-selector-component>.l-content .country-select .country-list .top-list .list-item i {
    position: absolute;
    top: 0;
    right: 5px;
    display: none;
    font-size: 14px
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item.selected,#region-selector-component>.l-content .country-select .country-list .top-list .list-item.selected {
    color: #287dfa
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item.selected i,#region-selector-component>.l-content .country-select .country-list .top-list .list-item.selected i {
    display: block
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item.selected .country-number,#region-selector-component>.l-content .country-select .country-list .top-list .list-item.selected .country-number {
    color: #287dfa
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item.selected:hover,#region-selector-component>.l-content .country-select .country-list .top-list .list-item.selected:hover {
    background: #64a6ff;
    color: #fff
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item.selected:hover .country-number,#region-selector-component>.l-content .country-select .country-list .top-list .list-item.selected:hover .country-number {
    color: #fff
}

#region-selector-component>.l-content .number-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin-top: 8px;
    outline-style: none;
    border: none;
    padding: 0 10px;
    color: #333
}

#region-selector-component>.l-content .number-input:-ms-input-placeholder,#region-selector-component>.l-content .number-input::-moz-placeholder,#region-selector-component>.l-content .number-input::-webkit-input-placeholder {
    color: #ccc
}

#region-selector-component>.l-content .number-input::-ms-clear {
    display: none
}

#region-selector-component>.l-content.withCommonStyle {
    border: none
}

#region-selector-component>.l-content.withCommonStyle .country-select {
    border-bottom: 1px solid #ced2d9;
    margin-right: 8px;
    width: 80px
}

#region-selector-component>.l-content.withCommonStyle .country-select .selected-box {
    border: none;
    font-size: 16px;
    padding: 0;
    width: 100%;
    height: 38px;
    line-height: 40px;
    margin: 0
}

#region-selector-component>.l-content.withCommonStyle .country-select .selected-box span {
    color: #0f294d;
    font-weight: 700
}

#region-selector-component>.l-content.withCommonStyle .country-select .selected-box i {
    color: #8592a6
}

#region-selector-component>.l-content.withCommonStyle .country-select.no-input {
    width: 100%
}

#region-selector-component>.l-content.withCommonStyle .number-input {
    height: 39px;
    border-bottom: 1px solid #ced2d9;
    margin: 0;
    font-size: 16px;
    color: #0f294d;
    font-weight: 700
}

.panel-item {
    font-size: 14px;
    line-height: 1;
    padding: 8px 10px;
    cursor: pointer
}

.panel-item:hover {
    background: #2681ff;
    color: #fff
}

.panel-item-selected {
    color: #2681ff
}

.panel-item i {
    float: right;
    font-size: 16px;
    padding-left: 10px
}

.single-selector-input {
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: 0 34px 0 8px;
    line-height: 40px;
    height: 40px;
    border: 1px solid #e5e5e5;
    cursor: pointer
}

.single-selector-input .m-input {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0
}

.single-selector-input .m-input input {
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.single-selector-input .m-input .m-input_msg {
    line-height: 1
}

.single-selector-input i {
    position: absolute;
    right: 10px;
    z-index: 0
}

.single-selector-input.placeholder {
    color: #ccc
}

.single-selector-input.error {
    border-color: #ee3b28
}

.m-reviewLoading {
    background-color: #fff;
    padding: 40px;
    text-align: center;
    margin-top: 20px
}

.m-reviewNoRecord {
    background: #fff;
    text-align: center;
    padding: 30px;
    margin-top: 20px
}

.m-reviewNoRecord-text {
    color: #333;
    padding-top: 10px;
    font-size: 18px;
    text-align: start;
    padding-left: 158px
}
.u-btn span,.m-hotelfacility_showMore {
    display: none;
}


.m-hotelfacility_popular_head {
    width: 198px
}

.m-hotelfacility_popular_head p {
    padding-bottom: 20px
}

.m-hotelfacility_popular_head span {
    font-weight: 700;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px
}

.m-hotelfacility_popular_body {
    display: flex;
    flex-flow: wrap;
    padding: 10px 0;
    width: calc(100%  )
}

.m-hotelfacility_popular_body i {
    line-height: 24px
}

.m-hotelfacility_popular_body_cont {
    margin-right: 20px;
    font-size: 14px;
    color: #333;
    letter-spacing: .2px;
    line-height: 14px;
    display: flex;
    width: 30%;
    align-items: flex-start;
    padding-bottom: 16px
}

.m-hotelfacility_popular_body_cont_del {
    color: #acb4bf
}

.m-hotelfacility_popular_body_cont_del .m-hotelfacility_popular_body_text_name {
    text-decoration: line-through
}

@media screen and (max-width: 769px) {
    .m-hotelfacility_popular_body .m-hotelfacility_popular_body_cont {
        width:45%
    }
}

.m-hotelfacility_popular_body_text {
    padding-top: 3px
}

.m-hotelfacility_popular_body_text_name {
    display: inline;
    line-height: 18px;
    margin-right: 10px
    text-nowrap:;
}

.m-hotelfacility_popular_body_text_ext {
    display: inline-block
}

.m-hotelfacility_detail {
    border-top: 1px solid #e5e5e5;
    padding-top: 29px
}

.m-hotelfacility_con_wrapper {
    padding-top: 10px
}

.m-hotelfacility_con_hide {
    display: none!important
}

.m-hotelfacility_con .hotelfacilityType {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 24px;
    line-height: 24px
}

.m-hotelfacility_con  {

    display: flex;
    justify-content: left;
    margin-bottom: 8px;
 
 

}
.m-hotelfacility_con .m-hf-left {
    
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 700;

       display: flex;
    flex-flow: column;
   
    width: 20%;
    color: #0f294d;
    text-align: left;

}

.m-hotelfacility_con .m-hf-right {
  
    font-size: 14px;

    display: flex;
    flex-flow: column;
    justify-content: left;
   
    width: 80%;
    color: #0f294d;
    text-align: left;
}

.m-hotelfacility_con .hotelfacilityItem {
    padding: 0px 0
}

.m-hotelfacility_con .hotelfacilityItem .itemTxt {
    font-size: 14px
}

.m-hotelfacility_con .hotelfacilityItem .itemTxt .icon-item {
    width: 33%!important;
    display: inline-flex;
    align-items: center;
    margin: 0 0 24px
}

@media screen and (max-width: 769px) {
    .m-hotelfacility_con .hotelfacilityItem .itemTxt .icon-item {
        width:45%
    }
}



 



.m-hotelfacility_con .hotelfacilityItem .titDesc {
    color: #999;
    margin-top: 5px
}

.m-hotelfacility_con .hotelfacilityItem li i {
    font-size: 20px;
    vertical-align: sub;
    padding-right: 15px;
    line-height: 24px
}

.m-hotelfacility_con .hotelfacilityItem li .facilityDesc {
    padding-right: 5px;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: .2px;
    line-height: 18px
}

.m-hotelfacility_con .hotelfacilityItem li.icon-item_del {
    color: #acb4bf
}

.m-hotelfacility_con .hotelfacilityItem li.icon-item_del .facilityDesc {
    color: #acb4bf;
    text-decoration: line-through
}

.m-hotelfacility_showMore {
    text-align: right;
    padding-left: 20px;
    height: 28px;
    line-height: 28px
}

.m-hotelfacility_showMore .u-btn {
    padding: 0 10px;
    border: 0;
    background: none
}

.m-hotelfacility_showMore .u-btn:active,.m-hotelfacility_showMore .u-btn:hover {
    background: transparent
}

.m-hotelfacility_showMore .u-icon {
    transform: rotate(0);
    transition: transform .2s cubic-bezier(.4,0,.2,1);
    transform-origin: center center;
    will-change: transform
}

.m-hotelfacility_showMore .active .u-icon {
    transform: rotate(-180deg)
}

.hf_hot-facility-img-bubble {
    position: relative
}

.hf_hot-facility-img-item-bubble {
    min-height: 1em;
    border-radius: 4px;
    background: #fff;
    border: 0;
    box-shadow: 0 0 20px 0 rgba(100,147,227,.4);
    padding: 16px 20px 0;
    max-width: 600px;
    font-size: 14px;
    z-index: 201;
    position: absolute;
    top: -10px;
    display: none
}

.hf_img-bubble-title {
    font-size: 14px;
    color: #333;
    text-align: left;
    margin-bottom: 10px;
    letter-spacing: .23px;
    font-weight: 700
}

.hf_hot-facility-child-img-page {
    text-align: center;
    padding: 20px 0
}

.hf_hot-facility-child-img-page a.page-active {
    color: #fff;
    background-color: #2681ff
}

.hf_hot-facility-child-img-item img {
    width: 600px;
    height: 400px
}

.hf_hot-facility-child-img-page-next,.hf_hot-facility-child-img-page-prev {
    width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 12px;
    border: 1px solid #ccc;
    color: #ccc;
    margin: 0 3px
}

.hf_hot-facility-child-img-page-next:hover,.hf_hot-facility-child-img-page-prev:hover {
    color: #2681ff;
    border: 1px solid #2681ff
}

.hf_hot-facility-child-img-page-next i,.hf_hot-facility-child-img-page-prev i {
    vertical-align: bottom
}

.hf_hot-facility-child-img-page-num {
    width: 22px;
    height: 22px;
    display: inline-block;
    color: #999;
    margin: 0 3px;
    border: 1px solid #fff;
    border-radius: 12px
}

.hf_hot-facility-child-img-page-num:hover {
    color: #2681ff;
    border: 1px solid #2681ff;
    border-radius: 12px
}

.hf_hot-facility-img-item-bubble:after {
    content: "";
    position: absolute;
    border-top: 0 solid transparent;
    top: -12px;
    border-color: currentcolor transparent #fff;
    border-style: none solid solid;
    border-width: 12px;
    left: 20%;
    margin-left: -6px
}

.m-hotelfacility {
    background: #f5f7fa
}

.m-hotelfacility .smart-modal_content {
    width: 100%;
    height: 400px;
    margin: 24px 0;
    box-sizing: border-box
}

.m-hotelfacility .icon-img {
    width: 18px!important;
    height: 18px;
    padding:  0px  ;
    margin : 0px;
   
    line-height: 18px;
    margin-right: 10px

    

}
.icon-img {
    width: 1em!important;
    height:1em!important;
    padding: 0 14px 0 1px;
    margin-top: 3px;

    

}
.m-hotelfacility .icon-item {
    width: 20%!important;
    display: inline-flex;
    align-items: center;
    margin: 0 0 24px
}

.m-hotelfacility .icon-item .underline {
    border-bottom: 1px dotted;
    cursor: pointer
}

.m-hotelfacility .icon-item .color-1 {
    color: #f70
}

.m-hotelfacility .icon-item .color-2 {
    color: #287dfa
}

.m-hotelfacility .icon-item .color-all {
    font-size: 12px;
    margin-left: 5px;
    margin-top: 2px
}

@media screen and (max-width: 769px) {
    .m-hotelfacility .icon-item {
        width:45%!important;
    }
}

.m-hotelfacility_tit {
    font-size: 20px;
    color: #0f294d;
    line-height: 24px;
    padding-top: 24px
}

.m-hotelfacility_free {
    background: #1da38a;
    color: #fff;
    padding: 2px 15px
}

.m-hotelfacility_charge,.m-hotelfacility_free {
    border-radius: 4px;
    transform: skew(-10deg);
    font-size: 12px;
    line-height: 16px;
    display: inline-block
}

.m-hotelfacility_charge {
    background: #efefef;
    color: #333
}

.m-hotelfacility_wrapper {
    background: #fff;
    padding: 0 24px;
    font-size: 14px
}

.m-hotelfacility_single_wrapper .m-single-img-title {
    position: absolute;
    left: -27px;
    top: -35px;
    font-size: 20px;
    color: #0f294d;
    line-height: 26px;
    font-weight: 700
}

.m-hotelfacility_hot-img-cnt {
    padding: 20px 0;
    position: relative;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #dadfe6;
    display: none;
}

.m-hotelfacility_hot-img-div {
    width: 100%;
    flex-direction: row-reverse
}

.m-hotelfacility_hot-facility-img {
    height: 126px;
    width: calc(100%  )
}

.m-hotelfacility_hot-facility-img-prev {
    color: #999;
    position: absolute;
    left: 0;
    top: 40%
}

.m-hotelfacility_hot-facility-img-prev i {
    margin-right: 0;
    font-size: 24px
}

.m-hotelfacility_hot-facility-img-next {
    color: #999;
    position: absolute;
    right: 5px;
    top: 40%
}

.m-hotelfacility_hot-facility-img-next i {
    margin-right: 0;
    font-size: 24px
}

.m-hotelfacility_hot-facility-img-item {
    width: 100%;
    height: 126px;
    box-sizing: border-box
}

.m-hotelfacility_hot-facility-img-item,.m-hotelfacility_hot-facility-img-small-item {
    border: 3px solid #fff;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

.m-hotelfacility_hot-facility-img-small-item {
    height: 401px
}

.m-hotelfacility_hot-facility-img-small-item .img-small-item-pageNum {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: 365px;
    left: 600px
}

.m-hotelfacility_hot-facility-img-item:active,.m-hotelfacility_hot-facility-img-item:hover {
    border: 3px solid #2681ff
}

.m-hotelfacility_hot-facility-img-item-name {
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    letter-spacing: .2px;
    line-height: 16px;
    bottom: 0;
    padding: 8px 0;
    background-image: linear-gradient(180deg,transparent,rgba(15,41,77,.5))
}

.m-hotelfacility_popular {
    position: relative;
    background: #fff;
    padding-top: 24px
}

.m-hotelfacility_popular i {
    font-size: 20px;
    vertical-align: sub;
    padding-right: 10px
}

.m-hotelfacility_popular_head {
    width: 198px
}

.m-hotelfacility_popular_head p {
    padding-bottom: 20px
}

.m-hotelfacility_popular_head span {
    font-weight: 700;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px
}

.m-hotelfacility_popular_body {
    display: flex;
    flex-flow: wrap;
    padding: 10px 0;
    width: calc(100%  )
}

.m-hotelfacility_popular_body i {
    line-height: 24px
}

.m-hotelfacility_popular_body_cont {
    margin-right: 20px;
    font-size: 14px;
    color: #333;
    letter-spacing: .2px;
    line-height: 14px;
    display: flex;
    width: 30%;
    align-items: flex-start;
    padding-bottom: 16px
}

.m-hotelfacility_popular_body_cont_del {
    color: #acb4bf
}

.m-hotelfacility_popular_body_cont_del .m-hotelfacility_popular_body_text_name {
    text-decoration: line-through
}

@media screen and (max-width: 769px) {
    .m-hotelfacility_popular_body .m-hotelfacility_popular_body_cont {
        width:45%!important
    }
}

.m-hotelfacility_popular_body_text {
    padding-top: 3px
}

.m-hotelfacility_popular_body_text_name {
    display: inline;
    line-height: 18px;
    margin-right: 10px
}

.m-hotelfacility_popular_body_text_ext {
    display: inline-block
}

.m-hotelfacility_detail {
    border-top: 1px solid #e5e5e5;
    padding-top: 29px
}

.m-hotelfacility_con_wrapper {
    padding-top: 10px
}

.m-hotelfacility_con_hide {
    display: none!important
}

.m-hotelfacility_con .hotelfacilityType {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 24px;
    line-height: 24px
}

.m-hotelfacility_con  {

    display: flex;
    justify-content: left;
    margin-bottom: 8px;
 
 

}
.m-hotelfacility_con .m-hf-left {
    
    font-size: 14px;
    color: #0f294d;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 700;

       display: flex;
    flex-flow: column;
   
    width: 20%;
    color: #0f294d;
    text-align: left;

}

.m-hotelfacility_con .m-hf-right {
  
    font-size: 14px;


    width: 80%;
    color: #0f294d;
    text-align: left;
}

.m-hotelfacility_con .hotelfacilityItem {
    padding: 10px 0
}

.m-hotelfacility_con .hotelfacilityItem .itemTxt {
    font-size: 14px
}

.m-hotelfacility_con .hotelfacilityItem .itemTxt .icon-item {
    width: 33%;
    display: inline-flex;
    align-items: center;
    margin: 0 0 24px
}

@media screen and (max-width: 769px) {
    .m-hotelfacility_con .hotelfacilityItem .itemTxt .icon-item {
        width:45%!important;
    }
}

@media screen and (max-width: 769px) {
    .m-hotelfacility_popular_body .icon-item {
        width:45%!important
    }
}





.m-hotelfacility_con .hotelfacilityItem .titDesc {
    color: #999;
    margin-top: 5px
}

.m-hotelfacility_con .hotelfacilityItem li i {
    font-size: 20px;
    vertical-align: sub;
    padding-right: 15px;
    line-height: 24px
}

.m-hotelfacility_con .hotelfacilityItem li .facilityDesc {
    padding-right: 5px;
    font-size: 14px;
    color: #0f294d;
    letter-spacing: .2px;
    line-height: 18px
}

.m-hotelfacility_con .hotelfacilityItem li.icon-item_del {
    color: #acb4bf
}

.m-hotelfacility_con .hotelfacilityItem li.icon-item_del .facilityDesc {
    color: #acb4bf;
    text-decoration: line-through
}

.m-hotelfacility_showMore {
    text-align: right;
    padding-left: 20px;
    height: 28px;
    line-height: 28px
}

.m-hotelfacility_showMore .u-btn {
    padding: 0 10px;
    border: 0;
    background: none
}

.m-hotelfacility_showMore .u-btn:active,.m-hotelfacility_showMore .u-btn:hover {
    background: transparent
}

.m-hotelfacility_showMore .u-icon {
    transform: rotate(0);
    transition: transform .2s cubic-bezier(.4,0,.2,1);
    transform-origin: center center;
    will-change: transform
}

.m-hotelfacility_showMore .active .u-icon {
    transform: rotate(-180deg)
}

.hf_hot-facility-img-bubble {
    position: relative
}

.hf_hot-facility-img-item-bubble {
    min-height: 1em;
    border-radius: 4px;
    background: #fff;
    border: 0;
    box-shadow: 0 0 20px 0 rgba(100,147,227,.4);
    padding: 16px 20px 0;
    max-width: 600px;
    font-size: 14px;
    z-index: 201;
    position: absolute;
    top: -10px;
    display: none
}