@charset "UTF-8";

.wrap {background: #fafafa;}
a {outline: none}

.m-fillin .seat-cont i,
.m-fillin .remove,
.m-fillin .i-user,
.m-increase .i-like,
.m-increase .select-list .selected i,
.m-increase .u-btip-close,
.m-increasetip .close,
.m-traveller li i,
.m-bookcheck h1 i,
.m-bookcheck .i-coupon-add,
.m-bookcheck .coupon-info li i,
.m-assign dd,
.u-num-select cite,
.m-pluslabel i {background-image: url(../site/img/c-booking.png?vs=20141224);background-repeat: no-repeat;}

.m-main .main-hd {border-bottom: 1px dashed #d6d6d6;margin: 0 10px;}
.m-main .main-bd { padding: 15px 20px; min-height: 466px; _height: 468px; }
.m-main .main-tb { width: 100%; border: 1px solid #eee; text-align: center; line-height: 1.8; color: #666; }
.m-main .main-tb th { padding: 10px 5px; font: normal 14px/1.5 'Microsoft YaHei'; border: 1px solid #eee; color: #333; background-color: #f5f5f5; background-image: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#f5f5f5)); background-image: -webkit-linear-gradient(#fefefe, #f5f5f5); background-image: -moz-linear-gradient(#fefefe, #f5f5f5); background-image: -o-linear-gradient(#fefefe, #f5f5f5); background-image: -ms-linear-gradient(#fefefe, #f5f5f5); background-image: linear-gradient(#fefefe, #f5f5f5); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fefefe, endColorStr=#f5f5f5) \9;}
.m-main .main-tb td { padding: 10px 5px; background: #fff; border: 1px solid #eee; border-top: 0; }
.areas-title { font: 24px/1.5 'Microsoft YaHei'; padding: 10px 0; }

.u-select-list { z-index: 100; }

/* 门票X产品 */
.m-ticketinfo { padding: 20px; width: 700px; line-height: 1.8; display: none; }
.m-ticketinfo li { list-style: decimal outside; margin-left: 30px; }
.m-ticketrulebox { display: none; padding: 20px 0; width: 980px; }
.m-ticketrulebox .tabs { width: 940px; margin: 0 20px; }
.m-ticketrulebox .tabs li { float: left; width: 234px; line-height: 40px; text-align: center; background: #f0f0f0; cursor: pointer; margin-right: 1px; border-bottom: 1px solid #ddd; font-weight: bold; }
.m-ticketrulebox .tabs .active { background: #078f5f; color: #fff; }
.m-ticketrulebox .full-tabs li { width: 468px; }
.m-ticketrulebox .cont { height: 300px; overflow-y: scroll; margin: 0 20px; padding: 30px; width: 880px; line-height: 2.5; }
.m-ticketrulebox .cont-item { display: none; }
.m-ticketrulebox .way-panel { position: absolute; right: 0; top: 0; border: 10px solid #f0f0f0; cursor: pointer; }
.m-ticketrulebox table { margin-bottom: 20px; width: 100%; }
.m-ticketrulebox table,
.m-ticketrulebox td,
.m-ticketrulebox th { border-right: 1px solid #fff; }
.m-ticketrulebox td { padding: 0 10px; }
.m-ticketrulebox th { padding: 0 10px; font-weight: bold; background: #44b589; color: #fff; }
.m-ticketrulebox .gray { background: #f0f0f0; }
.m-ticketruleimg { position: absolute; display: none; }
.m-ticketruleimg .close { position: absolute; right: 0; top: 0; color: #fff; cursor: pointer; width: 32px; height: 32px; background: url(https://media.springairlines.com/cache/style/ui/u-btn-close.png) no-repeat center center; background-color: #078f5f; }

/* 接送机 */
.m-businfo { padding: 20px; width: 550px; line-height: 1.8; display: none; }
.m-businfo em { color: #f60; }

/* 航意险说明 */
.m-insurebox { width: 500px; padding: 10px; display: none; border-radius: 0 0 5px 5px; }
.m-insurebox table { margin: 10px 0; }
.m-insurebox td { border: 1px solid #ccc; padding: 5px; }

.u-inp-text { background-position: 0 -787px; background-repeat: repeat-x; height: 23px; line-height: 23px; vertical-align: middle; border: 1px solid #9fafbb; vertical-align: middle; padding-left: 3px; }
.g-bd .u-inp-text { border-color: #ccc; background: #fff; line-height: 27px; height: 27px; color: #666; }
.g-bd .u-inp-text,
.u-select { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.u-select { cursor: pointer; position: relative; zoom: 1; width: auto; border: 0; }
.u-select .u-inp-text { background-position: right 0; background-color: #fff; padding: 0 30px 0 5px; float: left; }
.u-select ul { position: absolute; top: 32px; left: 0; width: 232px; border: 1px solid #CFCFCF; background: #fff; display: none; }
.u-select li { padding: 0 5px; cursor: pointer; line-height: 24px; color: #444; display: block; zoom: 1; }
.u-select li.active { background: #39f; color: #fff; }
.u-dialog { background: #fff; padding: .8em 1em; }
.u-dialog-btngroup { padding: 10px 0; text-align: center; }
.u-dialog .u-btn-default { display: inline-block; vertical-align: middle; height: 29px; line-height: 29px; background: #4ca109; border: 1px solid #327e04; color: #fff; font-weight: bold; padding: 0 10px; margin: 0 10px; }
.u-dialog .u-btn-close { background-position: -54px -505px; position: absolute; right: 5px; top: 5px; width: 17px; height: 17px; border: 1px solid #fff; }
.u-dialog .u-btn-close:hover { background-position: -54px -522px; border-color: #327e04; }
.u-dialog-title { font-weight: bold; }

.g-bd .main-hd h1 i,
.star,
.star i,
.u-select .u-inp-text,
.u-ico-warn,
.u-inp-date input,
.m-filter .u-btn-query i,
.m-result .tabs i,
.m-result .rule a,
.m-result .rule-tip .tip-arrow,
.m-result .item-main .map,
.m-result .more i,
.m-result .more-room i,
.m-result .room-info .arrow,
.m-result .room-info .close,
.m-result .book-panel h3,
.m-result .date-edit,
.m-result .u-btn-super i,
.u-dialog .u-btn-close { background-image: url(../site/img/c-hotel-book.png); background-repeat: no-repeat; }


/* 酒店星级 */
.star { background-position: 0 -79px; width: 80px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-left: 10px; }
.star i { background-position: 0 -94px; float: left; height: 15px; }
.star-1 i { width: 16px; }
.star-2 i { width: 32px; }
.star-3 i { width: 48px; }
.star-4 i { width: 64px; }
.star-5 i { width: 80px; }

.u-inp-date { position: relative; width: 150px; padding: 0; }
.u-inp-date input { background-position: right -287px; border: 0; height: 27px; line-height: 27px; width: 65px; padding: 0 45px 0 35px; position: absolute; top: 0; left: 0; background-color: transparent; cursor: pointer; color: #666; }
.u-inp-date em { float: right; margin-right: 22px; color: #999; }
.u-inp-date label { margin-left: 5px; float: left; color: #999; }

/* 酒店筛选 */
.m-filter .u-inp-text,
.m-filter .u-inp-date input { height: 34px; line-height: 34px; }
.m-filter .u-inp-date { margin-left: 6px; }
.m-filter .u-btn-query { background: #078f5f; color: #fff !important; display: inline-block; vertical-align: middle; border: 1px solid #078f5f; margin-left: 6px; text-align: center; width: 105px; font: 16px/18px 'Microsoft YaHei'; padding: 7px 0 9px; height: 18px; overflow: hidden; }
.m-filter .u-btn-query i { background-position: -45px -270px; width: 17px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 5px; }
.m-filter .u-btn-query span { vertical-align: middle; }
.m-filter .num { margin: 0 10px 0 5px; line-height: 34px; }
.m-filter .num em { display: inline-block; width: 18px; text-align: center; *vertical-align: middle; font-weight: bold; }
.m-filter .filter-options { padding: 10px 0 0; border-top: 1px dotted #ccc; margin-top: 10px; color: #666; }
.m-filter .filter-options dt { float: left; width: 45px; font-weight: bold; }
.m-filter .filter-options dl { padding: 5px 0; line-height: 23px; }
.m-filter .filter-options label { float: left; margin-right: 15px; display: inline; }
.m-filter .filter-options span { vertical-align: middle; *margin-left: -3px; }

/* 筛选结果 */
.m-result .tabs { line-height: 34px; height: 34px; }
.m-result .tabs ul { float: left; }
.m-result .tabs li { float: left; background: #e5e5e5; border-right: 1px solid #fff; width: 80px; text-align: center; cursor: pointer; }
.m-result .tabs .active { background: #078f5f; color: #fff; font-weight: bold; }
.m-result .tabs i { display: inline-block; vertical-align: middle; width: 9px; height: 6px; overflow: hidden; margin-left: 5px; }
.m-result .tabs .down { background-position: -24px -276px; }
.m-result .tabs .up { background-position: -33px -270px; }
.m-result .tabs .active i { --webkit-transition-property: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.m-result .tabs .active .down { background-position: -24px -270px; }
.m-result .tabs .active .up { background-position: -24px -270px; background-position: -33px -276px \9; background-position: -24px -270px \9 \0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.m-result .item { background: #fff; border: 1px solid #ddd; padding: 15px 5px; margin-bottom: 10px; }
.m-result .cont { zoom: 1; }
.m-result .link { text-decoration: underline; }

/* 酒店预览 */
.m-result .item-side { float: left; width: 150px; text-align: center; position: relative; zoom: 1; }
.m-result .item-side img { display: block; width: 150px; margin-bottom: 5px; cursor: pointer; }
.m-result .item-side .news { color: #fff; background: #ff8533; padding: 0 10px; position: absolute; left: 0; top: 0; }
.m-result .rule { position: relative; zoom: 1; z-index: 5; }
.m-result .rule a { background: none; line-height: 16px; vertical-align: middle; display: inline-block; }
.m-result .rule em { border-bottom: 1px dashed #999; float: left; }
.m-result .rule-tip { position: absolute; white-space: nowrap; padding: 10px; background: #f7f7f7; border: 1px solid #dadada; left: 0; top: 25px; text-align: left; display: none; box-shadow: 0 0 1px #ccc; }
.m-result .rule-tip .tip-arrow { background-position: -10px -270px; width: 13px; height: 7px; position: absolute; top: -7px; left: 70px; overflow: hidden; }
.m-result .item-main { margin-left: 160px; }
.m-result .item-main h2 { font-size: 16px; margin-bottom: 5px; margin-right: 180px; }
.m-result .item-main h2 b { cursor: pointer; }
.m-result .item-main .hd { padding: 0 0 10px; }
.m-result .item-main .hd p { margin-right: 180px; color: #999; }
.m-result .item-main .hd a { color: #999; }
.m-result .item-main .hd a:hover { color: #f60; }
.m-result .item-main .grade { float: right; color: #FD7B1E; font-size: 20px; font-style: italic; font-family: Arial; }
.m-result .item-main .grade em { font-size: 14px; color: #999; }
.m-result .item-main .map { background-position: -70px -244px; padding-left: 15px; margin-left: 10px; height: 18px; vertical-align: top; *vertical-align: middle; display: inline-block; }

/* 酒店房间列表 */
.m-result .room-table {
    width: 100%;
    table-layout: fixed;
    text-align: center;
}

.m-result .room-table th {
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    background: #f7f7f7;
    border-top: 1px solid #dadada;
    padding: 0 10px;
}

.m-result .room-table td {
    padding: 6px 10px;
    border-bottom: 1px dashed #b9b9b9;
}

/* 房间价格 */
.m-result .cell-cost b {
    color: #FF7F00;
    font-size: 14px;
    cursor: default;
}

.m-result .cell-cost .tip {
    border: 1px solid #559cd4;
    background: #fff;
    position: absolute;
    padding: 10px;
    cursor: default;
    font-size: 12px;
    font-family: '宋体';
    color: #333;
    display: none;
    top: 26px;
}

.m-result .cell-cost .tip .arr {
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline-block;
    border-style: solid;
    border-color: transparent;
    _border-style: dashed;
    vertical-align: middle;
    border-bottom: 4px #569bd2 solid;
    border-width: 0 4px 4px 4px;
    position: absolute;
    left: 50%;
    top: -4px;
    margin-left: -2px;
}

.m-result .cell-cost i {
    color: #FF2626;
    line-height: 22px;
    white-space: nowrap;
}

.m-result .cell-name {
    text-align: left;
}

/* 每天价格 */
.m-result .days-price {
    position: relative;
    zoom: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    border-bottom: 1px dashed #FF7F00;
}

.m-result .d-list li {
    float: left;
    width: 112px;
    line-height: 24px;
    display: inline;
    margin: 0 1px;
    height: 78px;
    text-align: center;
}

.m-result .d-list em {
    font-size: 16px;
    color: #fd7c1e;
}

.m-result .d-list .date {
    background: #eef5fb;
    margin-bottom: 3px;
}

.m-result .room-table .btn-book,
.m-result .room-table .btn-disable {
    background: #078f5f;
    color: #fff;
    border: 1px solid #078e5e;
    line-height: 22px;
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
    white-space: nowrap;
    width: 50px;
    text-align: center;
}

.m-result .room-table .btn-disable {
    background: #f5f5f5;
    color: #666;
    border-color: #e5e5e5;
}

.m-result .more {
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding-right: 15px;
    position: relative;
}

.m-result .more i {
    background-position: 0 -270px;
    position: absolute;
    width: 10px;
    height: 5px;
    overflow: hidden;
    margin-top: -2px;
    right: 0;
    top: 50%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.m-result .room-active td {
    border-bottom: 0;
}

.m-result .room-info-active .more i {
    background-position: 0 -275px \0;
    background-position: 0 -270px \9 \0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.m-result .more-room {
    position: relative;
    margin: 0 auto;
    bottom: -15px;
    cursor: pointer;
    display: block;
    height: 8px;
    width: 80px;
    overflow: hidden;
    text-align: center;
    line-height: 12px;
    background: #ccc;
    clear: both;
}

.m-result .more-room i {
    background-position: -24px -270px;
    display: inline-block;
    vertical-align: top;
    width: 9px;
    height: 6px;
    margin-top: 1px;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.m-result .more-room .up {
    background-position: -33px -276px \0;
    background-position: -24px -270px \9 \0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* 酒店房间简介 */
.m-result .room-info td {
    padding: 0;
    border: 1px solid #dadada;
    background: #f7f7f7;
    text-align: left;
}

.m-result .room-info .panel {
    position: relative;
    zoom: 1;
}

.m-result .room-info .inner {
    padding: 10px;
}

.m-result .room-info .arrow {
    background-position: -10px -270px;
    width: 13px;
    height: 7px;
    position: absolute;
    top: -7px;
    left: 30px;
    overflow: hidden;
}

.m-result .room-info .close {
    background-position: -24px -144px;
    width: 11px;
    height: 11px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

/* 酒店房间预订 */
.m-result .room-info .book-panel-wrap {
    border: 0;
    background: none;
    padding-top: 10px;
}

.m-result .room-info .book-panel {
    padding: 0;
    margin-left: -160px;
    border: 1px solid #dadada;
    background: #f7f7f7;
}

.m-result .book-panel h3 {
    font-size: 14px;
    line-height: 1.5;
    padding-left: 20px;
    margin-bottom: 5px;
    zoom: 1; /* 解决IE6下背景失效的问题 */
}

.m-result .book-panel h4 {
    float: left;
}

.m-result .book-panel .hr {
    overflow: hidden;
    height: 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #fff;
    margin: 0 5px;
}

.m-result .book-panel .i-book {
    background-position: 0 -191px;
}

.m-result .book-panel .i-user {
    background-position: 0 -166px;
}

.m-result .book-panel .decor {
    background: #ff7f00;
    color: #fff;
    padding: 3px 5px;
    margin-left: 10px;
    vertical-align: middle;
}

.m-result .book-panel .arrow {
    left: auto;
    right: 30px;
}

.m-result .book-panel .row {
    padding: 3px 0;
}

.m-result .book-panel .area {
    padding: 15px 10px 10px;
    margin: 0 5px;
}

.m-result .book-panel .full {
    color: #FF3F00;
}

.m-result .book-panel .u-ico-warn {
    float: left;
    margin: 2px 4px 0 0;
}

.m-result .book-panel .prop {
    color: #FF7F00;
}

.m-result .book-hand {
    line-height: 29px;
}

.m-result .book-hand .u-select {
    vertical-align: top;
    margin-left: 5px;
}

.m-result .book-numb,
.m-result .date-length,
.m-result .date-edit {
    display: inline-block;
    vertical-align: middle;
}

.m-result .date-edit {
    background-position: -60px -211px;
    padding-left: 23px;
    text-decoration: none;
}

.m-result .date-show i {
    color: #FF7F00;
}

.m-result .traveler input {
    float: left;
    margin: 0 5px 5px 0;
    width: 148px;
    padding-left: 5px;
}

.m-result .book-panel .next-pay {
    padding: 15px 0;
    text-align: center;
}

.m-result .next-pay a {
    background: #f60;
    color: #fff;
    vertical-align: middle;
    padding: 5px 20px;
    font-weight: bold;
    line-height: 27px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #f60;
    font-size: 16px;
}

.m-result .fill-rule {
    position: relative;
    zoom: 1;
    display: inline-block;
    vertical-align: middle;
    z-index: 100;
    border-bottom: 1px dashed #06c;
    *display: inline;
}

.m-result .fill-rule a {
    text-decoration: none;
}

.m-result .fill-rule .rule-tip {
    right: 0;
    left: auto;
}

.m-result .fill-rule .tip-arrow {
    right: 10px;
    left: auto;
}

.m-result .btn-group {
    text-align: right;
    padding: 15px 0;
}

.m-result .u-btn-super {
    padding: 14px 30px;
    height: 22px;
    line-height: 22px;
}

.m-result .u-btn-super i {
    background-position: -60px -330px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin-left: 15px;
}

/* 发票信息 */
.m-result .bill-area label {
    margin-right: 20px;
}

.m-result .bill-area label input {
    margin-right: 5px;
    *margin-right: 3px;
}

.m-result .bill-info {
    padding: 10px 0;
    display: none;
}

.m-result .bill-info .info-hd {
    margin-left: 60px;
}

.m-result .bill-info .info-bd {
    padding: 10px 0;
}

.m-result .bill-info dl {
    float: left;
    width: 220px;
    margin-right: 10px;
    display: inline;
    padding: 5px 0;
}

.m-result .bill-info dt {
    float: left;
    width: 60px;
    line-height: 29px;
    text-align: right;
}

.m-result .bill-info dd {
    float: left;
    width: 160px;
}

.m-result .bill-info dd input {
    width: 155px;
}

.m-result .bill-info .addr {
    width: 450px;
}

.m-result .bill-info .addr dd {
    width: 390px;
}

.m-result .bill-info .addr input {
    width: 385px;
}

.m-result .comment {
    position: absolute;
    right: 10px;
    top: 0;
    white-space: nowrap;
    cursor: pointer;
}

/* 酒店流程 弹窗修正 */
.u-dialog {
    background: #fff;
    position: absolute;
    padding: 0;
    text-align: left;
}

.u-dialog-inner {
    padding: 35px 20px 25px;
}

.u-dialog-btngroup {
    padding: 15px 0 35px;
}

.u-dialog .u-btn-default {
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    padding: 0 20px;
    border: 1px solid #f7da1a;
    cursor: pointer;
    border-radius: 3px;
    overflow: visible;
    display: inline-block;
    text-decoration: none;
    color: #f60 !important;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 1px 2px #ccc;
    vertical-align: middle;
    background-color: #f8eb6b;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fff8d8), to(#f8eb6b));
    background-image: -webkit-linear-gradient(#fff8d8, #f8eb6b);
    background-image: -moz-linear-gradient(#fff8d8, #f8eb6b);
    background-image: -o-linear-gradient(#fff8d8, #f8eb6b);
    background-image: -ms-linear-gradient(#fff8d8, #f8eb6b);
    background-image: linear-gradient(#fff8d8, #f8eb6b);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fff8d8, endColorStr=#f8eb6b) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=180, strength=2) \9;
}

/* 详情显示区 */
.m-view {
    width: 800px;
    display: none;
    border-radius: 5px;
}

.m-view .u-dialog-inner {
    padding: 8px 15px 25px;
}

/* 头部 */
.m-view .view-hd {
    padding: 0 0 10px;
    margin-right: 180px;
}

.m-view .view-hd h1 {
    font-size: 16px;
}

.m-view .view-hd h1 em {
    color: #fa0;
    font-size: 18px;
}

.m-view .view-hd .star {
    margin-left: 10px;
}

.m-view .view-hd p {
    color: #999;
}

.m-view .view-hd .comment {
    position: absolute;
    left: 100%;
    top: 0;
    white-space: nowrap;
    margin-left: 10px;
    cursor: pointer;
}

/* 图片区 */
.m-view .b-pics {
    width: 504px;
}

.m-view .b-pics img {
    border: 1px solid #e8e8e8;
    display: block;
}

.m-view .b-pics ol {
    float: right;
    width: 200px;
    height: 213px;
    overflow: hidden;
}

.m-view .b-pics ol i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50) \9;
}

.m-view .b-pics ol .active i {
    display: none;
}

.m-view .b-pics ol li {
    float: left;
    margin: 0 1px 1px 0;
    display: inline;
    position: relative;
    zoom: 1;
    cursor: pointer;
}

.m-view .b-pics ol img {
    width: 97px;
    height: 68px;
}

.m-view .b-pics .super {
    width: 302px;
    height: 212px;
    float: left;
    position: relative;
    zoom: 1;
    overflow: hidden;
}

.m-view .b-pics .super img {
    width: 300px;
    height: 210px;
}

.m-view .b-pics .super p {
    position: absolute;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    zoom: 1;
    background-color: rgba(0, 0, 0, .6);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#90000000, endColorStr=#90000000) \9;
    color: #fff;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
}

:root .m-view .b-pics .super p {
    filter: alpha();
}

/* 通用框架 */
.m-view {
    text-align: left;
}

.m-view .b-frame {
    margin-top: 10px;
}

.m-view .b-frame .head {
    font: 16px/36px '微软雅黑';
    color: #323232;
    padding-left: 10px;
    border-bottom: 2px solid #e9e9f1;
}

.m-view .b-frame .cont {
    background: #fff;
    padding: 10px;
}

.m-view .b-frame .tabs {
    padding-left: 0;
}

.m-view .b-frame .tabs li {
    margin-right: 1px;
    float: left;
    padding: 0 35px;
    position: relative;
    zoom: 1;
    cursor: pointer;
    color: #666;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
}

.m-view .b-frame .tabs i {
    left: 50%;
    bottom: -6px;
    margin-left: -7px;
    position: absolute;
    display: none;
    border-top: 7px #559cd3 solid;
    border-width: 7px 7px 0;
}

.m-view .b-frame .tabs .active {
    border-bottom-color: #00aa6e;
    color: #00aa6e;
}

.m-view .b-frame .tabs .active i {
    display: block;
}

.m-view .b-frame .hide {
    display: none;
}

/* 地图 */
.m-view .b-map {
    border: 1px solid #e8e8e8;
    position: absolute;
    right: 15px;
    top: 100px;
    z-index: 100;
    background: #fff;
}

.m-view .b-map .map-cont {
    background: url(https://media.springairlines.com/cache/springairlines/images/loading.gif) no-repeat center center;
    border: 1px solid #fff;
    height: 208px;
    width: 254px;
}

/* 介绍区 */
.m-view .b-intro .cont {
    padding: 15px 25px;
    background: #fcfcfc;
    display: none;
    height: 200px;
    overflow: auto;
}

.m-view .b-intro .active {
    display: block;
}

.m-view .b-intro .block {
    margin-bottom: 5px;
}

.m-view .b-intro .row {
    padding: 15px 0;
}

.m-view .b-intro .row .hd {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}

.m-view .b-intro .dec {
    font-size: 14px;
}

.m-view .b-intro .dec img {
    vertical-align: middle;
    margin-left: 10px;
}

.m-view .b-intro .grade {
    background: #fff;
    padding: 15px 0 25px 30px;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
}

.m-view .b-intro .grade-side {
    width: 170px;
    border-right: 1px dashed #c1c1c1;
    float: left;
}

.m-view .b-intro .grade-side i {
    color: #fd7c1e;
}

.m-view .b-intro .grade-side em {
    font-size: 24px;
}

.m-view .b-intro .grade-item {
    margin-left: 210px;
}

.m-view .b-intro .grade ul {
}

.m-view .b-intro .grade li {
    float: left;
    margin-bottom: 10px;
    width: 120px;
}

.m-view .b-intro .star {
    background-position: 0 -15px;
    float: left;
    margin: 5px 10px 0 0;
}

.m-view .b-intro .star i {
    background-position: 0 0;
    display: block;
    width: 14px;
    height: 15px;
    overflow: hidden;
}

.m-view .b-intro .star-2 i {
    width: 28px;
}

.m-view .b-intro .star-3 i {
    width: 42px;
}

.m-view .b-intro .star-4 i {
    width: 56px;
}

.m-view .b-intro .star-5 i {
    width: 70px;
}

.m-view .b-intro .comment {
    line-height: 1.8;
    font-family: '宋体';
}

.m-view .b-intro .comment li {
    border-bottom: 1px dashed #d9d9d9;
    padding: 10px 0;
}

.m-view .b-intro .comment h4 {
    font-size: 14px;
    font-weight: bold;
}

.m-view .b-intro .comment .bd {
    padding: 3px 0;
}

.m-view .b-intro .comment .ft {
    color: #a7a6a6;
}

/* 百度地图补丁 */
.anchorBL {
    display: none;
}

.BMapLabel {
    background-color: #555 !important;
    color: #fff;
    text-align: center;
    white-space: nowrap !important;
    border: 1px solid #111 !important;
    padding: 2px !important;
    cursor: default !important;
}

:root .BMapLabel {
    filter: alpha() \9;
}

/* 乘机人录入 */
.passenger-list {
    background: #fff;
    text-align: left;
}

.passenger-list ul {
    border: 1px solid #ccc;
}

.passenger-list li {
    padding: 0 5px;
    line-height: 24px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

.passenger-list li.active {
    background: #39f;
    color: #fff;
}

/* 旧版面包屑 */
.breadCrumb {
    color: #999999;
    height: 30px;
    line-height: 30px;
    border-bottom: 2px dotted #ccc;
    margin-bottom: 10px;
}

.breadCrumb dl, .breadCrumb dt, .breadCrumb dd, .breadCrumb dl .dd, .breadCrumb dl span {
    height: 30px;
    line-height: 30px;
}

.breadCrumb dl {
    float: right;
}

.breadCrumb dt, .breadCrumb dd {
    float: left;
    width: 75px;
    text-align: center;
}

.breadCrumb dd {
    background: url(https://www.china-sss.com/images/AirFlights_Cn/breadCrumb_bg.jpg) no-repeat 0 11px;
}

.breadCrumb dl .dd {
    color: #444;
    font-weight: bold;
}

.breadCrumb dl .dd {
    background: url(https://www.china-sss.com/images/AirFlights_Cn/breadCrumb_bgon.jpg) no-repeat 0 11px;
}

.breadCrumb dl .firstbread {
    background: none;
}

.breadCrumb dl .dd_v {
    color: #B2B2B2;
}

/*-----------------------------------------------tip-yellow.css start------------------------------------------------------*/
.tip-yellow {
    background-image: url(https://media.springairlines.com/cache/springairlines/images/tip-yellow/tip-yellow.png);
}

.tip-yellow {
    z-index: 1000000;
    text-align: left;
    border: 1px solid #939393;
    padding: 7px;
    min-width: 50px;
    max-width: 530px;
    color: #333436;
    background-color: #fef9d9;
}

.tip-yellow .tip-inner {
    margin-top: -2px;
    padding: 0 3px 1px 3px;
    color: #333436;
    line-height: 18px;
}

.tip-yellow .tip-arrow-top {
    background-position: -50px -757px;
    margin-top: -7px;
    margin-left: 15px;
    top: 0;
    left: 0;
    width: 16px;
    height: 10px;
}

.tip-yellow .tip-arrow-right {
    background-position: -66px -757px;
    margin-top: -9px;
    margin-left: -4px;
    top: 50%;
    left: 100%;
    width: 10px;
    height: 20px;
}

.tip-yellow .tip-arrow-bottom {
    background-position: -85px -757px;
    margin-top: -6px;
    margin-left: 15px;
    top: 100%;
    left: 0;
    width: 16px;
    height: 13px;
}

.tip-yellow .tip-arrow-left {
    background-position: -101px -757px;
    margin-top: -9px;
    margin-left: -6px;
    top: 50%;
    left: 0;
    width: 10px;
    height: 20px;
}

.tipRed {
    border: 1px solid #ff8566;
}

/*-----------------------------------------------tip-yellow.css start------------------------------------------------------*/
/*-----------------------------------------------qCalendars.css start------------------------------------------------------*/
.CalendarContainer * { /*日历内区域css reset*/
    margin: 0px;
    padding: 0px;
}

.CalendarContainer { /*整体日历容器区域*/
    position: absolute;
    font-family: Arial, "宋体";
    font-size: 12px;
    z-index: 60000;
    top: 0px;
    left: 100px;
    padding: 0px;
    background: #FFFFFF;
    display: none;
    margin: 0;
}

.CalendarContainer .CalendarBreakLine { /*分割线*/
    clear: both;
}

.CalendarContainer .CalendarTop { /*顶部预留空间*/
    background: #FFFFFF;
    line-height: 22px;
    text-indent: 10px;
}

.CalendarContainer .CalendarBottom { /*底部预留空间*/
    text-align: center;
    line-height: 20px;
    background: #efefef;
    color: #000000;
    cursor: pointer;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.CalendarContainer .CalendarPanel { /*某月份日历展示整体区域*/
    float: left;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    position: relative;
    width: 144px;
}

.CalendarPanel .CalendarInfo { /*月份展示区域包含上月或下月反动按钮*/
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
    width: 140px;
    display: block;
    margin: 2px;
    background-color: #82cf41;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#aee963), to(#82cf41));
    background-image: -webkit-linear-gradient(#aee963, #82cf41);
    background-image: -moz-linear-gradient(#aee963, #82cf41);
    background-image: -o-linear-gradient(#aee963, #82cf41);
    background-image: -ms-linear-gradient(#aee963, #82cf41);
    background-image: linear-gradient(#aee963, #82cf41);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#aee963, endColorStr=#82cf41) \9;
}

.CalendarInfo .monthUp { /*向上翻月按钮*/
    background-position: -54px -482px;
    width: 7px;
    height: 13px;
    line-height: 13px;
    position: absolute;
    display: block;
    left: 10px;
    top: 5px;
    cursor: pointer;
}

.CalendarInfo .monthDown { /*向下翻月按钮*/
    background-position: -61px -482px;
    width: 7px;
    height: 13px;
    line-height: 13px;
    position: absolute;
    display: block;
    right: 10px;
    top: 5px;
    cursor: pointer;
}

.CalendarPanel table { /*日历表格样式*/
    border-collapse: collapse;
    width: 144px;
    border-spacing: 0;
}

.CalendarPanel td, .CalendarPanel th { /*日历区整体样式*/
    text-align: center;
    width: 18px;
    line-height: 20px;
    height: 20px;
}

.CalendarPanel .weekDay { /*一周内普通日*/
    background: #FFFFFF;
    font-weight: bold;
    color: #666666;
}

.CalendarPanel .weekEnd { /*周末*/
    background: #FFFFFF;
    font-weight: bold;
    color: #FF6600;
}

.CalendarPanel td.enabled { /*可点击区域效果*/
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
    color: #444444;
}

.CalendarPanel td.hover { /*鼠标焦点获得后的效果*/
    font-size: 11px;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #90d84c;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#aee963), to(#90d84c));
    background-image: -webkit-linear-gradient(#aee963, #90d84c);
    background-image: -moz-linear-gradient(#aee963, #90d84c);
    background-image: -o-linear-gradient(#aee963, #90d84c);
    background-image: -ms-linear-gradient(#aee963, #90d84c);
    background-image: linear-gradient(#aee963, #90d84c);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#aee963, endColorStr=#90d84c) \9;
}

.CalendarPanel td.special { /*特殊的效果*/
    font-size: 12px;
    font-weight: bold;
}

.CalendarPanel td.disabled { /*不可点击的效果*/
    font-size: 11px;
    color: #c8c8c8;
}

.CalendarPanel td.blank { /*空白的效果*/
    font-size: 11px;
    font-weight: bold;
}

.CalendarPanel td.weekDay { /*普通日效果*/
    font-size: 12px;
    font-weight: bold;
}

.CalendarPanel td.weekEnd { /*双休日的效果*/
    font-size: 12px;
    font-weight: bold;
}

.CalendarPanel td.selected { /*日期选中用的样式*/
    font-size: 12px;
    font-weight: bold;
    background: #f60;
    color: #fff;
}

.CalendarPanel td.selected:hover { /*日期选中用鼠标焦点获得后的样式*/
    color: #fff;
}

.CalendarPanel td.today { /*当天日期样式*/
    color: #FFFFFF;
    background-color: #90d84c;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#aee963), to(#90d84c));
    background-image: -webkit-linear-gradient(#aee963, #90d84c);
    background-image: -moz-linear-gradient(#aee963, #90d84c);
    background-image: -o-linear-gradient(#aee963, #90d84c);
    background-image: -ms-linear-gradient(#aee963, #90d84c);
    background-image: linear-gradient(#aee963, #90d84c);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#aee963, endColorStr=#90d84c) \9;
}

/*-----------------------------------------------qCalendars.css end------------------------------------------------------*/
/*-----------------------------------------------citysetTips.css start------------------------------------------------------*/
/*航空航班城市对应自动提示CSS*/
#autoCitysTips {
    width: 220px;
    border: 1px solid #e6e6e6;
    background: #FFF;
    padding: 4px;
    margin: 0px;
    text-align: left;
    font-size: 12px;
    font-family: Arial, Simsun;
    position: absolute;
    z-index: 99999;
}

#autoCitysTipsMsg {
    display: block;
    line-height: 23px;
    padding: 0 0 0 5px;
    color: #444444;
    background: #efefef;
    font-family: Simsun;
    width: 215px;
}

#autoCitysTipsList {
    margin: 5px 0 0 0;
    padding: 0px;
}

#autoCitysTipsList a {
    padding: 1px 5px 0px 5px;
    text-align: left;
    cursor: pointer;
    line-height: 20px;
    color: #444444;
    display: block;
    text-decoration: none;
    height: 20px;
}

#autoCitysTipsList a.selected {
    color: #ffffff;
    background-color: #90d84c;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#aee963), to(#90d84c));
    background-image: -webkit-linear-gradient(#aee963, #90d84c);
    background-image: -moz-linear-gradient(#aee963, #90d84c);
    background-image: -o-linear-gradient(#aee963, #90d84c);
    background-image: -ms-linear-gradient(#aee963, #90d84c);
    background-image: linear-gradient(#aee963, #90d84c);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#aee963, endColorStr=#90d84c) \9;
}

#autoCitysTipsList a span {
    right: 5px;
    margin-right: 4px;
    position: absolute;
}

#autoCitysTipsList a:hover span {
    color: #fff;
}

#autoCitysTipsPages {
    padding: 0;
    margin: 0;
    line-height: 25px;
    text-align: center;
}

#autoCitysTipsPages a {
    color: #444;
    font-family: Arial, Simsun, sans-serif;
    text-decoration: underline;
    padding: 0 4px 0 4px;
    margin: 0;
    font-size: 12px;
}

#autoCitysTipsPages a.autoTipsCurrentPage {
    color: black;
    text-decoration: none;
    cursor: default;
}

/*航空出发城市静态提示css*/
#arrStaticTips, #lyarrStaticTips {
    width: 288px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #e6e6e6;
    background: #FFF;
    font-family: Simsun;
    font-size: 12px;
    position: absolute;
    z-index: 2500;
    margin: 0;
    left: 42px;
    line-height: 1.2;
}

#arrStaticTips .tips, #lyarrStaticTips .tips {
    background: #efefef;
    border: 1px #e6e6e6 solid;
    margin-bottom: 5px;
    padding-left: 5px;
    height: 23px;
    line-height: 23px;
    color: #444444;
    font-size: 12px;
    float: left;
    width: 98%;
}

#arrStaticTips dl, #lyarrStaticTips dl {
    width: 288px;
    float: left;
    overflow: hidden;
    margin: 5px 0;
}

#arrStaticTips dl dt, #lyarrStaticTips dl dt {
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
    background-color: #90d84c;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#aee963), to(#90d84c));
    background-image: -webkit-linear-gradient(#aee963, #90d84c);
    background-image: -moz-linear-gradient(#aee963, #90d84c);
    background-image: -o-linear-gradient(#aee963, #90d84c);
    background-image: -ms-linear-gradient(#aee963, #90d84c);
    background-image: linear-gradient(#aee963, #90d84c);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#aee963, endColorStr=#90d84c) \9;

}

#arrStaticTips dl dd, #lyarrStaticTips dl dd {
    margin: 2px;
    float: left;
}

#arrStaticTips dd a, #lyarrStaticTips dd a {
    display: inline;
    width: 60px;
    margin: 5px 4px 2px 0;
    float: left;
    color: #444444;
    text-decoration: none;
    text-align: center;
}

#arrStaticTips dd a:hover, #lyarrStaticTips dd a:hover {
    text-decoration: underline;
    color: #ff6600;
}

.autoItemPro {
    background-color: #f9f9f9;
}

body {
    background: #f9f9f9;
}

.g-bd {
    width: auto;
    padding: 0 0 18px 0;
}

.g-wpl {
    margin: 0 auto;
    width: 1200px;
    padding-top: 20px;
}

.u-btn {
    border-radius: 3px;
}

.u-btn-nor {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.u-btn-hto {
    background: #f90;
    color: #fff;
}

.u-btn-hto:hover {
    color: #fff;
}

.tmpl {
    display: none;
}

.link {
    color: #06c;
}

/*星级评价*/
.star, .star i {
    background-image: url(//media.springairlines.com/cache/style/site/img/ticket-hotels/c-hotel-book.png);
    background-repeat: no-repeat;
}

.star {
    position: relative;
    margin-left: 10px;
    background-position: 0 -79px;
    width: 80px;
    height: 15px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: none;
}

.star i {
    position: absolute;
    top: 0;
    left: 0;
    background-position: 0 -94px;
    height: 15px;
}

.star-1 i {
    width: 16px;
}

.star-2 i {
    width: 32px;
}

.star-2-5 i {
    width: 40px;
}

.star-3 i {
    width: 48px;
}

.star-3-5 i {
    width: 56px;
}

.star-4 i {
    width: 64px;
}

.star-4-5 i {
    width: 72px;
}

.star-5 i {
    width: 80px;
}

.star-heart {
    background-position: 0 -109px;
    background: none;
}

.star-heart i {
    background-position: 0 -124px;
}

/*顶部*/
.m-info-bar { position: relative; border-bottom: 1px solid #cdcdcd; box-shadow: 0 1px 0 #e3e3e3; background: #fff; }
.m-info-bar .u-step { position: relative; padding-bottom: 0; width: 100%; overflow: hidden; }
.m-info-bar .u-step .border { position: absolute; top: 12px; left: -50%; margin-left: 14px; width: 100%; height: 4px; background: #2ac18c; }
.m-info-bar .u-step .border.b-last { left: 50%; }
.m-info-bar .u-step .finish i {height: 30px;background-position: -191px -50px;}

/*顶部图标*/
.m-info-bar .icon { float: left; margin-right: 20px; width: 34px; height: 38px; }
.m-info-bar .i-ticket { background: url(//media.springairlines.com/cache/style/site/img/ticket-hotels/c-hotel-detail.png) 0 2px no-repeat; background-position: -348px -49px; }
.m-info-bar .i-hotel { background: url(//media.springairlines.com/cache/style/site/img/ticket-hotels/c-hotel-detail.png) no-repeat; background-position: 0 -41px; }
.m-info-bar .i-pre { background: url(//media.springairlines.com/cache/style/site/img/ticket-hotels/c-hotel-detail.png) 4px 2px no-repeat; background-position: -548px -47px; }
.m-result .paging { font-size: 12px; padding: 10px 0 20px; margin: 0 0 20px; border-top: 0; }
.m-result .paging li { height: 20px; line-height: 20px; padding: 8px 12px; background: #F7F7F7; border: 0; border-right: 1px solid #ffffff; color: #afafaf; float: left; font-weight: bold; margin: 0; cursor: pointer; }
.m-result .paging li:hover { text-decoration: underline; color: #01aa6f; }
.m-result .paging li.active { border-color: #fff; color: #01aa6f; cursor: default; }
.m-result .paging li.active:hover{ text-decoration: none; }
.m-result .paging li.disabled{ cursor:default; }
.m-result .paging li.disabled:hover { text-decoration: none; color: #afafaf; }
.m-result .paging li.hand { width: auto; white-space: nowrap; cursor: default; }
.m-result .paging li.hand input { width: 29px; height: 18px; text-align: center; line-height: 18px; border: 1px solid #cccccc; vertical-align: middle; }
.m-result .paging li.hand a { border: 0; height: 20px; line-height: 20px; background: none; padding: 0 10px; margin: 0; }

/*搜索*/
.m-info-bar .u-button-return { float: left; cursor: pointer; }
.m-info-bar .u-button-return .iconRadio { color: #ddd; position: relative; font-size: 18px; line-height: 22px; margin-right: 5px; }
.m-info-bar .u-button-return .iconRadio .iconDot { position: absolute; left: 3px; top: 3px; font-size: 12px; line-height: 12px; display: none; }
.m-info-bar .checked .iconfont { color: #00ab6f; }
.m-info-bar .checked .iconfont .iconDot { display: block; }
.m-info-bar .search-form { position: relative; width: 100%; zoom: 1; }
.m-info-bar .search-info { padding: 0 20px; }
.m-info-bar .search-info li { float: left; padding: 20px 5px; font-size: 14px; }
.m-info-bar .search-info .c-flight { width: 380px; }
.m-info-bar .search-info .c-hotel { position: relative; width: 340px; }
.m-info-bar .search-info .c-pre { width: 270px; }
.m-info-bar .search-info .c-ctrl { width: 130px; text-align: right; }
.m-info-bar .search-info .sub-col { float: left; }
.c-hotel .sub-col { float: right!important; }
.m-info-bar .search-info .sub-col small { display: block; font-size: 12px; }
.m-info-bar .search-info .flight-info { position: relative; width: 230px; }
.m-info-bar .search-info .dep { position: absolute; top: 0; left: 0; }
.m-info-bar .search-info .i-hr-st { margin: 15px auto 0; background: url(../site/img/ticket-hotels-v3/i-hr-st.png) no-repeat; width: 50px; height: 7px; display: block; }
.m-info-bar .search-info .arr { position: absolute; top: 0; right: 0; }
.m-info-bar .search-info .hotel-info { width: 230px; }
.m-info-bar .search-info .pre-info { line-height: 38px; }
.m-info-bar .u-btn-common { background: #00ab6f; }
.m-info-bar .u-btn-common:hover { background: #3dbf91; }
.hotel-bubble { display: none; position: absolute; z-index: 2; width: 198px; left: 171px; top: 27px; margin-left: -100px; background: #fff; border: 1px solid #008856; padding: 10px 26px; text-align: left; }
.hotel-bubble .arrow { display: block; width: 22px; height: 9px; background: url(img/search/rectangle.png) center top no-repeat; position: absolute; top: -9px; left: 40px; }
.hotel-bubble .btn-sure,
.hotel-bubble .btn-edit { display: block; margin-top: 9px; width: 68px; height: 28px; border: 1px solid; text-align: center; line-height: 28px; border-radius: 3px;  }
.hotel-bubble .btn-sure { color: #00ab6f; }
.hotel-bubble .btn-edit { background: #00ab6f; color: #fff; }
.p-search-form .hotel-bubble {top: 60px;left: 326px}

/*搜索修改*/
.p-search-form { padding: 18px 0 11px; font-size: 14px; color: #333; border-bottom: 1px solid #eaeaea; }
.p-search-form > * { vertical-align: middle; }
.p-search-form .line { color: #656565 }
.m-info-bar .search-edit { padding: 0; background: #fff; width: 100%; border-bottom: 1px solid #cdcdcd; box-shadow: 0 1px 0 #e3e3e3; }
.m-info-bar .search-edit ul { margin: 0 auto; padding: 0 20px; width: 1160px; }
.m-info-bar .search-edit li { float: left; padding: 51px 5px 10px; position: relative; }
.m-info-bar .search-edit .row { position: relative; margin-bottom: 10px; color: #ccc; }
.m-info-bar .search-edit .row em { margin: 0 5px; }
.m-info-bar .search-edit .u-inp,
.p-search-form .u-inp{ width: 108px; }
.m-info-bar .search-edit .u-inp-date,
.p-search-form .u-inp-date{ width: 88px; padding: 0 25px 0 5px;background-position: right -294px!important;background-image: url('https://media.springairlines.com/cache/style/site5/img/g-base.png?vs=2016020301')!important; }
.m-info-bar .search-edit .c-pre label { float: left; margin-right: 8px; line-height: 34px; color: #444; }
.m-info-bar .search-edit .c-pre .child-select { float: left; margin-right: 5px; }
.m-info-bar .search-edit .adult-select { float: left; width: 160px; height: 32px; line-height: 32px; border: 1px solid #ccc; border-radius: 2px; }
.m-info-bar .search-edit .adult-select .item { float: left; width: 32px; text-align: center; border-right: 1px solid #ccc; color: #666; }
.m-info-bar .search-edit .adult-select .u-select { border: 0; width: 60px; cursor: pointer; float: left; border-radius: 0 2px 2px 0; }
.m-info-bar .search-edit .adult-select .active { background: #ddd; }
.m-info-bar .search-edit .child-select { width: 45px; border: 1px solid #ccc; height: 32px; line-height: 32px; }
.m-info-bar .search-edit .c-ctrl .u-btn { margin: 0 0 4px; }
.m-info-bar .search-edit .c-ctrl .u-btn-cancel { padding: 0 24px; height: 32px; line-height: 32px; border: 1px solid #ccc; color: #666; }

/*内容*/
.g-mn { width: 870px; background: #fff; }
.g-sd { width: 320px; }
.m-mn { padding: 16px 18px 16px 16px; border: 1px solid #f5f5f5; }
.m-mn.specail { padding: 0; border: none; background: #fafafa; }
.m-mn .area-hd { position: relative; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; font-size: 20px; color: #444; }
.m-mn.specail .area-hd { padding: 16px; border: 1px solid #f5f5f5; background: #fff; }
.m-mn .area-hd span { margin-right: 120px; }
.m-mn.specail .area-hd .u-btn { top: 16px; right: 16px; }
.m-mn .area-hd .u-btn { position: absolute; top: 0; right: 0; }
.m-mn .area-bd { margin: 10px 0 20px; }
.g-hidden { overflow: hidden; position: relative; zoom: 1; }
.m-mn .area-hotels{ width: 900px; max-height: 700px; overflow-y: hidden; background: #fff; border-radius: 0 0 5px 5px; }
.m-mn .area-hotels .p-contaner{ position: relative; padding-right: 20px; height: 700px; overflow-y: auto; }
.m-mn .area-hotels .p-contaner.fixed {position: static}
.m-mn .area-hotels .p-contaner::-webkit-scrollbar {width: 6px}
.m-mn .area-hotels .p-contaner::-webkit-scrollbar-thumb {border-radius: 5px;background: #ccc}
.m-mn .area-hotels .pro-hotel { margin: 0 0 0 20px; }
.poptitle{ padding: 8px 10px 8px 15px; background: #00ab6f; color: #fff; font-size: 16px; border-radius: 5px 5px 0 0; }
.poptitle .close{ -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; width: 16px; height: 24px; color: #fff; }
.poptitle .close::after{ display: none; }
.m-mn .area-bd .tlt { position: relative; font-size: 20px; font-weight: bold; color: #000; padding: 10px 0; }
.m-mn .area-bd .tlt i { position: absolute; top: 16px; left: -15px; background: #078f5f; width: 3px; height: 20px; display: block; }
.m-mn.specail .area-bd .tlt i { position: relative; left: 0; top: 3px; display: inline-block; margin-right: 15px; }
.m-mn .area-bd .tlt small { margin-left: 20px; font-size: 14px; font-weight: normal; color: #666; }
.m-mn .area-bd .cm { margin: 10px 0 0; }
.m-mn .area-hotels .area-bd .cm{ position: relative; z-index: 1; margin-top: 83px; padding-top: 31px; }
.area-bd table { width: 100%; }

/*机票*/
.m-mn .pro-ticket table { margin-top: -1px; }
.m-mn .pro-ticket table td { padding: 10px 0; border-top: 1px solid #eaeaea; }
.m-mn .pro-ticket table thead td { padding: 5px 10px; background: #f5f5f5; color: #999; }
.m-mn .pro-ticket .tb-date { width: 50px; }
.m-mn .pro-ticket .tb-plane { width: 120px; }
.m-mn .pro-ticket .tb-plane span { display: inline-block;margin-top: 3px;vertical-align: top; }
.m-mn .pro-ticket .tb-flight {
    width: 320px;
}
.m-mn .pro-ticket .tb-flight .det { position: relative; white-space: nowrap; }
.m-mn .pro-ticket .tb-flight .det em { position: relative; font-size: 20px; font-weight: bold; font-family: "tahoma"; }
.m-mn .pro-ticket .tb-flight .det .cross-day {position: absolute;right: -30px;top: -12px;font-size: 12px;color: #333;}
.m-mn .pro-ticket .tb-flight .det small { display: block; font-size: 12px; }
.m-mn .pro-ticket .tb-flight .dep,
.m-mn .pro-ticket .tb-flight .arr{ display: inline-block; width: 86px; vertical-align: top; white-space: normal; }
.m-mn .pro-ticket .tb-flight .dep { text-align: right; }
.m-mn .pro-ticket .tb-flight .i-hr { position: relative; top: 15px; margin: 0 20px; display: inline-block; width: 88px; height: 7px; background: url(//media.springairlines.com/cache/style/site5/img/search/icon-arrow.png) no-repeat; vertical-align: middle; }
.m-mn .pro-ticket .tb-flight .arr { text-align: left; }
.m-mn .pro-ticket .tb-space {
    width: 52px;
    text-align: center;
}
.m-mn .pro-ticket .tb-space .plus { color: #f60; }
.m-mn .pro-ticket .tb-rule {
    width: 72px;
    text-align: center;
    margin-right: 20px;
}
.m-mn .pro-ticket .tb-space .link,
.m-mn .pro-ticket .tb-rule .link {
    color: #06c;
    white-space: nowrap;
    text-decoration: underline;
}
.m-mn .pro-ticket .tb-more { text-align: right; }
.m-mn .pro-ticket .tb-flight .tip-night {margin:10px 0;background: #fefede;border: 1px solid #fdc6a3;border-radius: 2px;padding:5px;}
.m-mn .pro-ticket .tb-plane .name {margin: 0 auto;white-space: nowrap;color: #999;text-align: left}
.m-mn .pro-ticket .tb-change .tb-plane .name {text-align: center}
.m-mn .pro-ticket.transfer .tb-change .tb-plane .name {text-align: left}

/*机票选择*/
.m-mn .pro-ticket .tb-change { margin-top: 0; }
.m-mn .pro-ticket .tb-change td { text-align: center; }
.m-mn .pro-ticket .tb-change thead td { border-top: 0; }
.m-mn .pro-ticket .tb-change .col-1 { width: 100px; }
.m-mn .pro-ticket .tb-change .col-2 { width: 300px; }
.m-mn .pro-ticket .tb-change .thl,
.m-mn .pro-ticket .tb-change .thr { display: block; width: 85px; }
.m-mn .pro-ticket .tb-change .thl { float: left; text-align: right; }
.m-mn .pro-ticket .tb-change .thr { float: right; text-align: left; }
.m-mn .pro-ticket .tb-change .tb-flight td { vertical-align: top; }
.m-mn .pro-ticket .tb-group .cheatp{ margin: 5px 0; line-height: 25px; }
.tb-change .u-btn { background: #faa701; height: 28px; line-height: 28px; font-size: 14px; color: #fff; width: 80px; padding: 0; text-align: center; }
.tb-change .u-btn i { width: 12px; height: 12px; background: url(//media.springairlines.com/cache/style/site/img/ticket-hotels/c-hotel-detail.png) center top no-repeat; display: none; vertical-align: middle; margin-right: 5px; background-position: -450px -9px; }
.tb-change .u-btn-selected {padding: 0;background: #fff;height: 26px;line-height: 26px;border: 1px solid #00ab6f;color: #00ab6f;}
.tb-change .u-btn-selected i {display: inline-block;}
.m-mn .pro-ticket .i-company {margin-right: 3px;color: #008756}
.pro-ticket .tb-common .tb-tr {display: table;width: 100%;padding: 10px 0;}
.pro-ticket .tb-common .tb-tr > * {display: table-cell;vertical-align: middle}
.pro-ticket.transfer .tb-change .tb-tr-wrap {position: relative;margin-bottom: 18px;border: 1px solid #f5f5f5;border-radius: 5px;background: #fff;box-shadow: 0 0 25px #ececee;}
.pro-ticket.transfer .tb-change .tb-tr-wrap > .tb-tr {cursor: pointer}
.pro-ticket.transfer .tb-change .tb-tr-wrap.active > .tb-tr {cursor: default}
.pro-ticket.transfer .tb-change .tb-tr {padding: 30px 0;box-shadow: 0 5px 10px #ececee;}
.m-mn .pro-ticket .tb-flight .det .stopover {position: absolute;top: 50%;left: 50%;width: 33px;height: 16px;margin: -8px 0 0 -16px;color: #fff;background: #00ab6f;line-height: 16px;border-radius: 5px;cursor: pointer;text-align: center}
.m-mn .pro-ticket .tb-flight .det .stopover .s-info {display: none;position: absolute;padding: 10px 20px;border: 1px solid #008856;background: #fff;font-size: 12px;color: #999;white-space: nowrap;left: 50%;top: 50%;margin-top: 20px;z-index: 2;}
.m-mn .pro-ticket .tb-flight .det .stopover .s-info i {display: block;width: 22px;height: 9px;background: url(img/search/rectangle.png) center top no-repeat;position: absolute;top: -9px;left: 50%;margin-left: -11px;}
.m-mn .pro-ticket .tb-flight .det .stopover .s-info em {font-size: inherit;font-weight: inherit;color: #333;bottom: inherit;text-decoration: none;}
.tb-chosen .guestbox {margin-top: 6px}
.tb-change .guestbox {margin-top: 2px}

/*中转*/
.m-mn .pro-ticket.transfer td {border: none}
.m-mn .pro-ticket.transfer .tb-flight {width: 51%;}
.m-mn .pro-ticket.transfer .tb-flight .dep,
.m-mn .pro-ticket.transfer .tb-flight .arr {width: 33%;}
.m-mn .pro-ticket.transfer .tb-flight .flight-detail-pop .dep,
.m-mn .pro-ticket.transfer .tb-flight .flight-detail-pop .arr {width: 153px}
.m-mn .pro-ticket.transfer .tb-flight .i-hr {display: inline-block;width: 88px;height: 6px;margin: 0 10px;text-align: center;background: url(img/search/icon-arrow.png) center top no-repeat;}
.m-mn .pro-ticket.transfer .tb-flight .i-hr em{position: relative;color: #0066cc;text-decoration: underline;font-size: 12px;white-space: nowrap;font-weight: normal;bottom: 19px;}
.transfer-city {cursor: pointer}
.m-mn .pro-ticket.transfer .tb-flight .i-hr em.during {bottom: 25px;color: #999;text-decoration: none;}
.m-mn .pro-ticket.transfer .tb-change .tb-plane {width: 20%;padding-left: 4%;}
.m-mn .pro-ticket.transfer .tb-change .tb-price {width: 16%;text-align: right;}
.m-mn .pro-ticket.transfer .tb-change .tb-more {padding-right: 2%;text-align: right;}
.m-mn .pro-ticket.transfer .tb-change .tb-tr-wrap.active .tb-more2 {display: none}
.m-mn .pro-ticket.transfer .tb-change .tb-more2 {position: absolute;bottom: 5px;right: 16px;cursor: pointer}
.m-mn .pro-ticket.transfer .tb-change .tb-more2 i {display: inline-block;width: 19px;height: 19px;background: url(img/search/transfer-change-icon.png) center top no-repeat;vertical-align: middle;}
.m-mn .pro-ticket.transfer .tb-change .tb-more2 span {font-size: 14px;color: #faa701;}
.m-mn .pro-ticket.transfer .tb-chosen td {padding: 0;}
.pro-ticket.transfer .flight-detail-pop {display: none;position: absolute;top: 21px;z-index: 99;border: 1px solid #008856;background: #fff;text-align: left}
.pro-ticket.transfer .flight-detail {padding: 20px;}
.pro-ticket.transfer .flight-detail-pop .recommend-notice {margin: 0 20px 20px;padding-top: 10px;border-top: 1px dashed #ddd;color: #999;}
.recommend-notice-cont p span {font-size: 12px!important;}
.pro-ticket.transfer .flight-detail .price {display: inline-block;width: 100px;text-align: left;color: #999;vertical-align: bottom;}
.pro-ticket.transfer .flight-detail .trans-info {position: relative;top: -10px;left: 17%;display: inline-block;background: #fff;}
.pro-ticket.transfer .flight-detail .trans-underline{border-bottom: 1px dashed #ddd;}
.pro-ticket.transfer .flight-detail .mess-text {display: inline-block;padding: 0 5px;color: #999;}
.pro-ticket.transfer .flight-detail .trans-tip {display: inline-block;margin: 0 5px;padding: 0 5px;font-size: 12px!important;color: #00ab6f;border: 1px solid;border-radius: 5px;font-weight: normal!important;}
.pro-ticket.transfer .flight-detail .trans-tip:hover .t-info {display: block}
.pro-ticket.transfer .flight-detail .trans-tip .t-info {display: none;position: absolute;padding: 10px 20px;border: 1px solid #008856;background: #fff;font-size: 12px;color: #999;width: 250px;left: 0;top: 50%;margin-top: 20px;z-index: 15;margin-left: -116px;line-height: 20px;text-align: left;white-space: normal}
.pro-ticket.transfer .flight-detail .trans-tip .t-info i {display: block;width: 22px;height: 9px;background: url(img/search/rectangle.png) center top no-repeat;position: absolute;top: -9px;left: 50%;margin-left: -11px;}
.m-mn .pro-ticket.transfer .tb-chosen .tb-plane{width: 10%}
.m-mn .pro-ticket.transfer .tb-chosen .tb-rule{width: auto;text-align: left;white-space: nowrap}
.m-mn .pro-ticket.transfer .tb-chosen .tb-rule> p{line-height: 24px}
.m-mn .pro-ticket.transfer .tb-chosen .tb-flight{width: auto}
.m-mn .pro-ticket.transfer .tb-change .tb-more .u-btn:after {content: '\e628';margin-left: 4px}
.m-mn .pro-ticket.transfer .tb-price .price {color: #999;font-size: 14px;}
.m-mn .pro-ticket.transfer .tb-price .price.ui-currency:before {top: -11px}
.m-mn .pro-ticket.transfer .tb-common .f-address {position: relative}
.m-mn .pro-ticket.transfer .tb-common .f-address:hover .a-info {display: block}
.m-mn .pro-ticket.transfer .tb-common .f-address .a-info {display: none;position: absolute;padding: 10px 20px;border: 1px solid #008856;background: #fff;font-size: 12px;color: #999;width: 150px;left: 0;top: 50%;margin-top: 20px;z-index: 15;margin-left: -68px;line-height: 20px;text-align: left;text-decoration: none;white-space:normal}
.m-mn .pro-ticket.transfer .tb-common .f-address .a-info i {display: block;width: 22px;height: 9px;background: url(img/search/rectangle.png) center top no-repeat;position: absolute;top: -9px;left: 50%;margin-left: -11px;}
.cabin-item-new {padding: 10px 0!important;border-top:1px solid #f5f5f5;z-index:14;box-shadow: none!important;}
.cabin-item-new.cabin-product-transfer .c-intro-name {width: 14%;padding-left: 5.5%;font-size: 13px;color: #333;}
.cabin-item-new.cabin-product-transfer .c-intro {position: relative;}
.cabin-item-new .c-intro .c-item { display:table;text-align:left;}
.cabin-item-new .c-intro .c-item.notflight1 {margin: 10px 0 30px}
.cabin-item-new .c-intro .c-item.notflight1 + .c-trans {top: 43px!important;}
.cabin-item-new .c-intro .c-item.notflight2 {margin: 15px 0 13px}
.cabin-item-new.cabin-product-transfer .c-intro .c-trans{width: 1px!important;background:#ddd;position: absolute;line-height: 0 !important;left: 36px;top: 32px;height: 33px;}
.cabin-item-new .c-intro .c-item .c-base-info {width:13%;display:table-cell;vertical-align:middle;}
.cabin-item-new .c-intro .c-item .c-refund {display:table-cell;vertical-align:middle;width:24%; position:relative;}
.cabin-item-new .c-intro .c-item .c-rule-info { display:table-cell;vertical-align:middle;width:360px;}
.cabin-item-new .c-intro .c-item .c-base-info .c-flight-no {position: relative;font-size:12px;color:#999;line-height:12px;text-align: center}
.cabin-item-new .c-intro .c-item .c-base-info .c-flight-no .strong {position: absolute;left: 0;width: 100%;color: #333;line-height: 1.5}
.cabin-item-new .c-intro .c-item .c-refund .c-refund-type { font-size:12px;color:#0095df;}
.cabin-item-new .c-intro .c-item .c-refund .c-refund-detail { position: absolute; z-index: 16;  border: 1px solid #008856; background: #fff; left: -200px; top: 50%;text-align:left;display:none;margin-top:20px}
.cabin-item-new .c-intro .c-item .c-refund .c-refund-detail i { display: block; width: 22px; height: 9px; background: url(img/search/rectangle.png) center top no-repeat; position: absolute; top: -9px; left: 212px;}
.cabin-item-new .c-intro .c-item .c-refund .c-refund-detail .c-refund-detail-content {width:620px;max-height:180px;overflow-y:auto;}
.cabin-item-new .c-intro .c-item .c-rule-info .c-rule-item { margin-top:4px;padding:5px;border:1px solid #00ab6f;border-radius:3px;text-align:center;color:#00ab6f;font-size:12px;float:left;margin-left:5px;cursor:pointer;position:relative;line-height:16px;}
.cabin-item-new .c-intro .c-item .c-rule-info .c-rule-item .c-rule-detail { position: absolute; z-index: 16; padding: 10px 20px; border: 1px solid #008856; background: #fff; left: 0; top: 50px; width:240px;text-align:left;display:none;}
.cabin-item-new.cabin-product-transfer .c-intro .c-item .c-rule-info .c-rule-item .c-rule-detail{top:37px;}
.cabin-item-new.cabin-product-transfer .c-intro .c-item .c-rule-info .c-rule-item .c-rule-detail a{color: #44b1e8;}
.cabin-item-new .c-intro .c-item .c-rule-info .c-rule-item .c-rule-detail i { display: block; width: 22px; height: 9px; background: url(img/search/rectangle.png) center top no-repeat; position: absolute; top: -9px; left: 40px;}
.cabin-item-new .c-intro .c-item .c-rule-info .c-rule-item .c-rule-detail h3 { font-size:16px;color:#333;font-weight:bold;margin-bottom:5px;}
.cabin-item-new .c-intro .c-item .c-rule-info .c-rule-item .c-rule-detail p { font-size:12px;color:#333;}
.cabin-item-new .jifen table { margin-top: 9px;color: #333;}
.cabin-item-new .jifen table td{padding: 5px 10px;border: 1px solid #ddd!important;}
.icon-transfer{position: absolute;width: 20px;height: 20px;background:url(//media.springairlines.com/cache/style/site5/img/icon-transfer.png) no-repeat;top:50%;left:50%;margin-top: -10px;margin-left:-9px;}
.cabin-item-new .cp-info {position: relative;width: 80px;text-align: right}
.cabin-item-new .cp-book {padding:0 30px 0 20px;width:78px;}
.cabin-item-new .cp-info .price { color:#999;font-size:14px;}
.cabin-item-new .cp-info .price .currency { font-size:16px;color:#999;}
.cabin-item-new .cp-book .btn-c-book { width:78px;height:26px;background:#faa701;font-size:14px;color:#fffffe;line-height:26px;border:1px solid transparent;border-radius:3px;cursor: pointer;text-align: center}
.cabin-item-new .cp-book .btn-c-book.u-btn-selected {background: #fff;color:#faa701;border-color: #faa701}
.cabin-item-new .cp-book .btn-c-book.u-btn-selected i {display: none}
.ui-currency {position: relative;display: inline-block;white-space: nowrap;}
.ui-currency:before {content: '套餐差价';position: absolute;right: 0;top: -9px;font-size: 12px;}
.ui-currency em { font-size:28px;color:#faa701;font-weight: bold}

.trans-chooser-container { background:#fff;border-radius:4px 4px 0 0;overflow:hidden;width:730px;}
.trans-chooser-container .chooser-header { line-height: 40px; background: #00ab6f; position:relative;}
.trans-chooser-container .chooser-header .title { font-size: 16px; color: #fff; margin-left: 16px; }
.trans-chooser-container .chooser-header .close { position: absolute; right: 20px; top: 0; color: #fff; }
.trans-chooser-container .chooser-table { display:table;width:672px;margin:20px auto;}
.trans-chooser-container .chooser-table .chooser-tr { display:table-row;}
.trans-chooser-container .chooser-table .chooser-item { cursor:pointer;}
.trans-chooser-container .chooser-table .chooser-th { background:#35d59b;text-align:center;height:40px;line-height:40px;}
.trans-chooser-container .chooser-table .chooser-th .chooser-td { font-size:14px;color:#fff;padding:0;}
.trans-chooser-container .chooser-table .chooser-td { display:table-cell;vertical-align:middle;color:#333;font-size:13px;padding:10px 0;}
.trans-chooser-container .chooser-table .chooser-tr .f-no { font-size:16px;color:#333;font-weight:bold;}
.trans-chooser-container .chooser-table .chooser-tr .f-no i { margin-left: 10px; width: 22px; height: 22px; display: inline-block; vertical-align: middle; background:url(//media.springairlines.com/cache/style/site5/img/search/pc-popupRadio.jpg) center top no-repeat;position:relative;top:-2px;}
.trans-chooser-container .chooser-table .choosed .f-no i { background:url(//media.springairlines.com/cache/style/site5/img/search/pc-popupChecked.jpg) center top no-repeat;}
.trans-chooser-container .chooser-table .chooser-tr .f-time { text-align:center;}
.trans-chooser-container .chooser-table .chooser-tr .f-during { text-align:center;}
.trans-chooser-container .chooser-table .chooser-tr .f-disparity { text-align:center;font-size:16px;color:#f9a701;}
.trans-chooser-container .chooser-ctr { width: 100%; display: block; color: #f9a701; font-size: 16px; text-align: center; height: 60px; }
.trans-chooser-container .chooser-ctr a { font-size: 16px; margin: 30px 10px 0 10px; padding: 4px 20px 4px 20px; }
.trans-chooser-container .chooser-ctr .choose-btn { border-radius: 5px; background: #f9a701; color: white; }

/*酒店*/
.pro-hotel .tlt .u-btn { position: absolute; top: 10px; right: 0; font-weight: normal; }
.pro-hotel .hotel-info { margin: 10px 0 20px; }
.pro-hotel .pic { float: left; width: 220px; height: 154px; }
.pro-hotel .det { float: left; margin-left: 16px; }
.pro-hotel .intro { padding: 5px 0 15px; }
.pro-hotel .intro .name { margin-bottom: 5px; font-size: 18px; color: #06c; font-family: "Microsoft YaHei"; }
.pro-hotel .intro p { color: #666; }
.pro-hotel .intro strong { margin-right: 5px; font-size: 14px; }
.pro-hotel table td { padding: 10px; text-align: center; }
.pro-hotel table thead td { padding: 5px 10px; background: #f5f5f5; color: #999; }
.pro-hotel .col-1 { width: 160px; text-align: left; }
.pro-hotel .col-2 { width: 110px; }
.pro-hotel .col-5 { width: 80px; }
.pro-hotel .tb-room { color: #06c; text-align: left; cursor: pointer; }
.pro-hotel .tb-rule a { color: #06c; text-decoration: underline; }
.pro-hotel .tb-num .u-select { width: 45px; text-align: left; }

/*酒店选择*/
.pro-hotel .fullset { margin-bottom: 10px; }
.pro-hotel .btn-filter,
.pro-hotel .btn-filter .iconfont{ font-size: 14px; text-decoration: none; color: #06c; }
.pro-hotel .btn-filter { display: inline-block; margin: 10px 0 0; }
.pro-hotel .btn-filter .up,
.pro-hotel .btn-filter.active .down { display: none; }
.pro-hotel .btn-filter .down,
.pro-hotel .btn-filter.active .up { display: inline-block;transform: scale(.7);font-size: 12px;}
.pro-hotel .fullset .pic { width: 130px; height: 90px; overflow: hidden; }
.pro-hotel .tb-change { border-bottom: 1px solid #ddd; }
.pro-hotel .tb-change td { border-top: 1px solid #eee; }
.pro-hotel .tb-change .col-1 { width: 250px; }
.pro-hotel .tb-change .col-3 { width: 110px; }
.pro-hotel .tb-change .col-6 { width: 80px; }
.pro-hotel .tb-change select { padding: 0 3px; }
.pro-hotel .show-more { margin-top: 5px; display: inline-block; }
.pro-hotel .show-more i { display: inline-block; background: url(//media.springairlines.com/cache/style/site/img/ticket-hotels/c-hotel-detail.png) no-repeat; width: 9px; height: 5px; vertical-align: middle; margin: 0 10px 0 3px; background-position: -307px -63px; }
.pro-hotel .show-more-active i { background: url(../site/img/ticket-hotels-v3/i-more-arr-active.png) no-repeat; }
.pro-hotel tbody .info-row { display: none; }
.pro-hotel tbody .info-row td { border: 0; padding: 0; text-align: left; }
.pro-hotel tbody .info-row .cont { background: #F7F7F7; border: 1px solid #DADADA; padding: 20px; position: relative; zoom: 1; margin-top: -1px; }
.pro-hotel tbody .info-row .i-arr { position: absolute; top: -7px; left: 50px; background: url(../site/img/ticket-hotels/i-pop-arr.jpg) no-repeat; width: 11px; height: 7px; }
.p-search-form .keyword-wrap { border-radius: 3px; overflow: hidden; font-weight: normal}
.p-search-form .keyword-inp { border: 1px solid #ccc; border-right: none; float: left; width: 184px; padding-left: 5px; height: 28px; line-height: 28px; font-size: 14px; }
.p-search-form .keyword-btn { height: 30px; width: 30px; background: #00ab6f; border: 0; color: #fff }

/*过滤*/
.box-layer { position: absolute; left: 0; top: 0; width: 843px; background: #000; opacity: .5; filter:Alpha(opacity=50); height: 100%; z-index: 2; display: none; }
.p-filter { position: absolute; top: 0; left: 0; width: 854px;padding-bottom: 8px;background: #fff; z-index: 3;}
.p-contaner.fixed .p-filter {position: fixed;top: 40px;left: 50%;margin-left: -431px;}
.m-filter{ padding: 0 5px; border: 1px solid #ccc; }
.m-filter .m-selected { padding-bottom: 5px; }
.m-filter li { position: relative; color: #666; overflow: hidden; zoom: 1; }
.m-filter li dt, .m-filter li dd { float: left; height: 28px; line-height: 28px; overflow: hidden; _height: 25px; _line-height: 25px; }
.m-filter li.active dd { height: auto; }
.m-filter li dd input { margin: 0 5px; *margin: 0 2px; }
.m-filter .b { width: 40px; font-weight: bold; }
.m-filter .unlimited { float: left; margin-right: 15px; line-height: 28px; cursor: ; }
.m-filter .list { position: relative; float: left; overflow: hidden; zoom: 1; }
.m-filter .list ul { float: left; width: 650px; }
.m-filter .list li { float: left; margin: 0 15px 0 0; line-height: 28px; cursor: pointer; }
.m-filter .list .more {float: left;padding-right: 12px;line-height: 28px;color: #06c;}
.m-filter .list .more i {position: absolute;top: 11px;right: 0;background: url(../site/img/ticket-hotels-v3/i-more-arr.png) no-repeat;width: 9px;height: 5px;display: block;}
.m-filter .active .more i {background: url(../site/img/ticket-hotels-v3/i-more-arr-active.png) no-repeat;}
.m-filter .m-selected a { float: left; margin-right: 15px; padding-left: 10px; background: #bbb995; height: 26px; line-height: 26px; color: #fff; overflow: hidden; }
.m-filter .m-selected a span { float: left; }
.m-filter .m-selected i { float: left; margin-left: 15px; width: 23px; height: 26px; background: url(../site/img/ticket-hotels-v3/selected-close.png) no-repeat; }
.m-filter .m-selected .clear { background: none; color: #0085b2; text-decoration: underline; }

/*排序*/
.m-sort { margin-bottom: 20px; height: 36px; border-bottom: 1px solid #eaeaea; }
.m-sort a { float: left; margin-right: 1px; padding: 0 20px; background: #f0f0f0; height: 36px; line-height: 36px; color: #333; }
.m-sort .current { background: #078f5f; font-weight: bold; color: #fff; }

/*可选产品*/
.m-mn .pro-other table td { padding: 5px 10px; text-align: center; vertical-align: top; line-height: 34px; white-space: nowrap; }
.m-mn .pro-other table td .overflow{ display: inline-block; width: 88px; white-space: normal; line-height: 1.5; vertical-align: middle; }
.m-mn .pro-other table td .tip {position: absolute;left: 427px;text-align: left; color: #ff6600; line-height: 1.5; }
.m-mn .pro-other table.wider td.tb-num { text-align: right; }
.m-mn .pro-other table.wider td.tb-num select  { margin-left: 4px; }
.m-mn .pro-other table thead td { padding: 5px 10px; background: #f5f5f5; color: #999; line-height: 18px; }
.m-mn .pro-other table.wider thead td.col-4{ padding-right: 17px; text-align: right; }
.m-mn .pro-other .col-1 { width: 90px; }
.m-mn .pro-other .col-2 { width: 200px; text-align: left; }
.m-mn .pro-other .col-3 { width: 120px; }
.m-mn .pro-other .col-5 { width: 50px; }
.m-mn .pro-other .col-6 { width: 180px; }
.m-mn .pro-other .tb-date .u-inp { width: 88px; }
.m-mn .pro-other .tb-date .u-inp-date { padding: 0 25px 0 5px; line-height: 23px; height: 23px; background-position: right -299px; }
.m-mn .pro-other .tb-num .u-select { width: 45px; text-align: left; }
.m-mn .pro-other .tb-mark .u-inp { width: 168px; text-align: left; line-height: 23px; height: 23px;}
.m-mn .pro-other .tb-mark span { text-align: left; }
.m-mn .pro-other .tb-name {position: relative;padding-top: 13px;color: #06c;text-align: left;line-height: 1.6;}
.m-mn .pro-other .cm { position: relative; margin-right: 80px; }
.m-mn .pro-other .cm.u-loading tbody {opacity: 0;filter:alpha(opacity=0);} 
.m-mn .pro-other .more-product { position: absolute; left: 100%; margin-left: 50px; white-space: nowrap; top: 0; }
.m-mn .pro-other .wider .more-product {margin-left: 34px;}

.ui-rule-box .cont { padding: 5px 10px; border: 1px solid #008856; background-color: #fff; }
.ui-rule-box .arrow { position: absolute; bottom: -9px; border-style: solid; border-width: 10px 10px 0; border-color: #078f5f transparent transparent; }
.ui-rule-box .arrow:before { content: ''; position: absolute; left: 50%; bottom: 2px; margin-left: -9px; border-style: solid; border-width: 9px 9px 0; border-color: #fff transparent transparent; }
.ui-rule-box .arrow.top { top: -7px; bottom: auto; border-width: 0 8px 8px; border-color: transparent transparent #078f5f; }
.ui-rule-box .arrow.top:before { top: 2px; bottom: auto; border-width: 0 9px 9px; border-color: transparent transparent #fff; }

.guestbox { display: none; position: absolute; z-index: 99; text-align: left; }
.gt-rule .arrow { left: 40px; }
.gt-rule .cont { min-width: 100px; min-height: 37px; max-width: 230px; }
.gt-rule .cont li { font-size: 12px; }
.gt-rule .cont li:before { content: '\e655'; margin-right: 5px; color: #00ab6f; font-weight: bold; }
.gt-rule .cont li .name { font-size: 13px; }
.gt-rule .cont li .desc { padding-left: 19px; color: #a0a0a0; line-height: 1.5; }
.gt-rule .cont li .desc a { color: #44b1e8 }
.gt-rule .cont li .desc td { border: 1px solid #eaeaea }
.d-rule { display: none; position: absolute; z-index: 99; }
.d-rule .cont { width: 480px; height: 200px; height: 300px; overflow-y: auto;color: #333; }
.d-rule .cont > *{white-space: normal;}
.d-rule .arrow { left: 23px; }

/*购物车*/
.m-car { border: 2px solid #ffd89e; width: 316px; background: #fff; }
.m-car .hd { padding: 10px 15px; border-bottom: 1px solid #eaeaea; }
.m-car .bd { padding: 0 15px 10px; }
.m-car .bd-item { margin-top: 14px; }
.m-car .bd-item .sum { font-weight: bold; color: #333; }
.m-car .bd-item span { float: left; line-height: 30px; font-size: 14px; }
.m-car .bd-item .price { float: right; font-size: 16px; color: #000; font-family: "tahoma"; text-decoration: line-through; }
.m-car .bd-item-flight .price { text-decoration: none; }
.m-car .bd-item-products .price { text-decoration: none; }
.m-car .bd-item .det .ps { color: #999; }
.m-car .bd-item .pro-list { border-top: 1px dashed #ddd; }
.m-car .bd-item .pro-list li { margin: 7px 0; }
.m-car .bd-item .pro-list li > *{ line-height: 1.5; }
.m-car .bd-item .pro-list span { color: #666; font-family: "Microsoft YaHei"; }
.m-car .bd-item .pro-list .name { display: inline-block; width: 185px; }
.m-car .bd-item .pro-list .num { display: inline-block; font-size: 12px; font-weight: bold; color: #000; font-family: "tahoma"; text-decoration: initial; }
.m-car .bd-item .pro-list .price { font-size: 12px; font-weight: bold; color: #000; font-family: "tahoma"; text-decoration: initial; }
.m-car .bd-item .total span { font-weight: bold; color: #f60; text-decoration: none; }
.m-car .bd-item .total .price { font-size: 18px; }
.m-car .bd-item .discount { padding: 5px 0; text-align: right; }
.m-car .bd-item .discount span { float: none; padding: 0 5px; height: 28px; line-height: 28px; border: 1px solid #f60; border-radius: 3px; color: #f60; display: inline-block; *display: inline; zoom: 1; font-family: "Microsoft YaHei"; }
.m-car .bd-item .u-btn { margin-top: 20px; padding: 0; background: #ffa901; width: 100%; height: 46px; line-height: 46px; border-radius: 3px; font-size: 22px; color: #fff; text-align: center; font-family: "Microsoft YaHei"; }

.m-rulelink { display: inline-block; position: relative; zoom: 1; z-index: 50; }
.m-rulelink .cancel-des { width: 300px; position: absolute; right: 0; top: 100%; background: #fff; border: 2px solid #078f5f; display: none; padding: 20px 0; margin-top: -5px; }
.m-rulelink .cancel-des li { line-height: 1.5; }
.m-rulelink .stopovers { width: 250px; position: absolute; left: 70px; top: 27px; margin-left: -100px; background: #fff; border: 1px solid #008856; display: none; padding: 10px 20px; text-align: left; }
.m-rulelink .stopovers i { display: block; width: 22px; height: 9px; background: url(img/search/rectangle.png) center top no-repeat; position: absolute; top: -9px; left: 40px; }
.m-loader { width: 500px; z-index: 1000; margin: 0 auto; padding: 20px 0 80px; }
.m-loader .process { position: relative; top: 53px; left: 0; width: 100%; }
.m-loader .i-plane { background: url(//media.springairlines.com/cache/style/site/img/ticket-hotels/c-hotel-detail.png) no-repeat; position: relative; width: 87px; height: 53px; display: block; margin: 0; margin-left: -87px; background-position: -419px -46px; }
.m-loader .process-bar { position: relative; margin: 10px auto; height: 15px; border: 1px solid #333230; overflow: hidden; border-radius: 3px; }
.m-loader .processing { position: absolute; top: 0; left: 0; background: #333230; z-index: 5; width: 0; height: 15px; }
.m-loader .percentage { text-align: center; font-size: 12px; }
.m-loader em { display: block; margin-top: 5px; color: #999; }

.c-hotel-more { padding: 25px 0 40px; }
.c-hotel-more .c-btn-hotel-more { float: right; background: #00ab6f; }
.c-hotel-more .c-btn-hotel-more:hover { background: #3dbf91; }
.m-rulebox .rule-cont table td { text-align: center; }
.m-rulebox .rule-cont { border: 1px solid #00ab6f; max-height: 300px; overflow-y: auto; }
.m-rulebox .rule-cont h3 { font-size: 16px; color: #333; font-weight: bold; }
.m-rulebox .rule-cont p { font-size: 12px; color: #aeaeae; }
.m-rulebox .rule-cont div { margin-bottom: 20px; }
.m-rulebox .rule-arrow { overflow: visible; border-width: 0 8px 8px; border-style: solid; border-color: transparent transparent #078f5f; top: -8px; margin-left: -6px; } .m-rulebox .rule-arrow:before { content: ''; position: absolute; border-width: 0 7px 7px; border-style: solid; border-color: transparent transparent #fff; top: 2px; left: 50%; margin-left: -7px; }
.m-rulebox .rule-close { display: none; }
.u-btn-common { background: #00ab6f; }
.u-btn-common:hover { background: #3dbf91; }
.m-rulebox .title { width: 95px; }
.m-info-bar .search-edit .btn-add{ float: right; width: 262px; color: #00AB6F; }
.m-info-bar .search-edit .btn-add:focus { box-shadow:none; border-color: #ccc }
.m-info-bar .search-edit .btn-add i { margin-right: 2px; vertical-align: middle; }
.m-info-bar .search-edit .btn-delete { position: absolute; right: 1px; top: 50%; margin-top: -13px; font-size: 22px; line-height: 1; color: #ccc }

/*ui common*/
.ui-border-bottom {border-bottom: 1px solid #ddd}
.ui-highlight {color: #ffa901;font-weight: normal;font-size: 12px;}
.ui-highlight.tip-night {margin-bottom: 10px;padding: 2px 7px;background: #fefede;border: 1px solid #fdc6a3;}