@charset "utf-8";

/*
 *酒店栏目—首页CSS
*/

.st-hotel-home-top {
    float: left;
    width: 1200px;
}

.st-hotel-search {
    float: left;
    width: 326px;
    height: 268px;
    padding: 25px 45px;
    border: 3px solid #00b7ee;
}

.st-hotel-search .search-dl {
    float: left;
    width: 326px;
    height: 32px;
    margin-bottom: 13px;
}

.st-hotel-search .search-dl dt {
    float: left;
    color: #333;
    width: 64px;
    height: 32px;
    line-height: 32px;
    padding-right: 10px;
    text-align: right;
    font-size: 14px;
}

.st-hotel-search .search-dl dd {
    float: left;
    width: 252px;
    height: 32px;
    position: relative;
}

.search-dl .h-text-search {
    float: left;
    width: 245px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    font-size: 14px;
    font-family: '微软雅黑';
    border: 1px solid #d2d2d2;
}

.search-dl .date-ico {
    background: url(../images/hotel-ico.png) no-repeat 228px -43px;
}

.search-dl .up-ico {
    background: url(../images/hotel-ico.png) no-repeat 230px -15px;
}

.search-dl .down-ico {
    background: url(../images/hotel-ico.png) no-repeat 230px 15px;
}

.st-hotel-search .st-hs-btn {
    float: left;
    width: 326px;
}

.st-hotel-search .st-hs-btn a {
    float: right;
    color: #fff;
    width: 252px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    background: #0082dd;
}

.mdd-city-box {
    display: none;
    position: absolute;
    left: 0;
    top: 34px;
    z-index: 9999;
    width: 448px;
    padding: 5px 10px;
    border: 1px solid #d2d2d2;
    background: #fff;
}

.mdd-city-box .ss-mdd-tit {
    float: left;
    width: 448px;
    height: 30px;
}

.mdd-city-box .ss-mdd-tit span {
    color: #333;
    float: left;
    height: 30px;
    line-height: 30px;
}

.mdd-city-box .ss-mdd-tit i {
    float: right;
    width: 10px;
    height: 30px;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -mox-transition: all 0.3s;
    background: url(../images/st-h-search-ico.png) center no-repeat;
}

.mdd-city-box .ss-mdd-tit i:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -mox-transform: rotate(180deg);
}

.mdd-city-box .ss-mdd-box {
    float: left;
    width: 448px;
    margin-top: 5px;
}

.mdd-city-box .ss-mdd-box .st-tabnav {
    float: left;
    width: 448px;
    height: 27px;
}

.mdd-city-box .ss-mdd-box .st-tabnav span {
    float: left;
    color: #7d7d7d;
    width: 55px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
    margin-right: 1px;
    background: #eee;
}

.mdd-city-box .ss-mdd-box .st-tabnav span.on {
    color: #fff;
    background: #00b7ee;
}

.mdd-city-box .ss-mdd-box .st-tabcon {
    float: left;
    width: 448px;
    margin-top: 5px;
}

.mdd-city-box .ss-mdd-box .st-tabcon a {
    float: left;
    width: 64px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.star-level-box {
    display: none;
    position: absolute;
    left: 0;
    top: 31px;
    z-index: 9999;
    width: 250px;
    border: 1px solid #d2d2d2;
    background: #fff;
}

.star-level-box span {
    float: left;
    width: 240px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    cursor: pointer;
    font-size: 14px;
}

.star-level-box span:hover {
    background: #f3f3f3;
}

/*焦点图*/
.st-hotel-slideBox {
    float: right;
    width: 768px;
    height: 324px;
    overflow: hidden;
    position: relative;
}

.st-hotel-slideBox .hd {
    width: 100%;
    height: 13px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 1;
    text-align: center;
}

.st-hotel-slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
}

.st-hotel-slideBox .hd ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 2px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    text-align: center;
    background: #fff;
    font-size: 0;
    vertical-align: top;
    cursor: pointer;
    border-radius: 50%;
}

.st-hotel-slideBox .hd ul li.on {
    background: #ccc;
    color: #fff;
}

.st-hotel-slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.st-hotel-slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.st-hotel-slideBox .bd li a {
    display: table-cell;
    width: 768px;
    height: 324px;
    vertical-align: middle;
    text-align: center;
}

.st-hotel-slideBox .bd li a img {
    vertical-align: middle;
}

.st-hotel-slideBox .prev,
.st-hotel-slideBox .next {
    position: absolute;
    left: 1%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.st-hotel-slideBox .next {
    left: auto;
    right: 1%;
    background-position: 8px 5px;
}

.st-hotel-slideBox .prev:hover,
.st-hotel-slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.st-hotel-slideBox .prevStop {
    display: none;
}

.st-hotel-slideBox .nextStop {
    display: none;
}

.st-hotel-home-box {
    float: left;
    width: 1200px;
    margin-top: 20px;
}

.st-hotel-home-box .hotel-tit-ico {
    float: left;
    width: 1200px;
    height: 40px;
    border-bottom: 1px solid #ccc;
}

.st-hotel-home-box .hotel-tit-ico h3 {
    float: left;
    color: #00b7ee;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    padding-left: 5px;
    font-weight: bold;
}

.st-hotel-home-box .hotel-tit-ico a.more {
    color: #333;
    float: right;
    height: 40px;
    line-height: 40px;
    padding-left: 17px;
    font-size: 14px;
    background: url(../images/index-ico.png) no-repeat 0 15px;
}

.st-hotel-home-box .hotel-tit-ico a:hover.more {
    color: #f80;
    background: url(../images/st-hover-ico.png) no-repeat 0 15px;
}

.hotel-tj-box,
.hotel-tj-box ul {
    float: left;
    width: 1200px;
}

.hotel-tj-box ul li {
    float: left;
    width: 400px;
    height: 271px;
    margin-top: 20px;
    position: relative;
}

.hotel-tj-box ul li .pic {
    display: table-cell;
    width: 400px;
    height: 271px;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    background: #e7e7e7;
}

.hotel-tj-box ul li .pic img {
    max-width: 400px;
    max-height: 271px;
    vertical-align: middle;
}

.hotel-tj-box ul li:hover .txt {
    display: block;
}

.hotel-tj-box ul li .txt {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 271px;
    background: url(../images/repeat-bg01.png) left top repeat;
}

.hotel-tj-box ul li .txt a {
    float: left;
    width: 400px;
    height: 271px;
}

.hotel-tj-box ul li .txt i {
    float: left;
    width: 30px;
    height: 30px;
    margin: 50px 0 50px 185px;
    background: url(../images/hotel-ico.png) no-repeat 0 -259px;
}

.hotel-tj-box ul li .txt p {
    float: left;
    color: #fff;
    width: 200px;
    padding: 10px 100px;
    text-align: center;
}

.hotel-tj-box ul li .txt p.price {
    font-size: 14px;
}

.hotel-tj-box ul li .txt p.price span {
    font-size: 18px;
}

.hotel-jx-box,
.hotel-jx-box ul {
    float: left;
    width: 1200px;
}

.hotel-jx-box ul li {
    float: left;
    width: 277px;
    height: 353px;
    margin: 20px 28px 8px 0;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
}

.hotel-jx-box ul li.mr_0 {
    margin-right: 0;
}

.hotel-jx-box ul li .pic {
    float: left;
    width: 277px;
    height: 148px;
    overflow: hidden;
}

.hotel-jx-box ul li .pic > a {
    display: table-cell;
    width: 277px;
    height: 148px;
    vertical-align: middle;
    text-align: center;
    background: #e7e7e7;
}

.hotel-jx-box ul li .pic > a img {
    max-width: 277px;
    max-height: 148px;
    vertical-align: middle;
}

.hotel-jx-box ul li .txt,
.hotel-jx-box ul li .list,
.hotel-jx-box ul li a.more-fx {
    float: left;
    width: 249px;
    margin: 5px 14px 0;
}

.hotel-jx-box ul li .txt p {
    float: left;
    color: #7d7d7d;
    width: 249px;
}

.hotel-jx-box ul li .txt p.bt a {
    float: left;
    color: #333;
    width: 160px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hotel-jx-box ul li .txt p.bt a:hover {
    color: #f60;
    text-decoration: underline;
}

.hotel-jx-box ul li .txt p.bt span {
    float: right;
    color: #eb6100;
    width: 89px;
    height: 30px;
    line-height: 30px;
    text-align: right;
}

.hotel-jx-box ul li .txt p.bt span b {
    font-size: 18px;
    font-family: Arial;
    font-weight: 500;
}

.hotel-jx-box ul li .txt p.num,
.hotel-jx-box ul li .txt p.ads {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hotel-jx-box ul li .txt p.num span {
    float: left;
    margin-right: 20px;
}

.hotel-jx-box ul li .list a {
    float: left;
    width: 249px;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #d8d8d8;
}

.hotel-jx-box ul li .list a:hover {
    background: #f3f3f3;
}

.hotel-jx-box ul li .list a > span {
    float: left;
    width: 150px;
    height: 34px;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hotel-jx-box ul li .list a em {
    float: right;
    width: 80px;
    text-align: right;
    padding-right: 9px;
    background: url(../images/arrow-right-ico.png) right no-repeat;
}

.hotel-jx-box ul li a.more-fx {
    color: #7d7d7d;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 5px;
}

.hotel-jx-box ul li a.more-fx:hover {
    color: #00b7ee;
}

/*
 * 酒店栏目—列表页CSS
*/

.hotel-container {
    float: left;
    width: 905px;
}

/* 目的地优化 */
.seo-content-box {
    padding: 10px 20px;
    margin-bottom: 15px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f5f5f5;
}

.seo-content-box .seo-bar {
    padding: 5px 0;
}

.seo-content-box .seo-bar .seo-title {
    color: #00b7ee;
    font-size: 18px;
    font-weight: bold;
}

.seo-content-box .seo-wrapper {
    padding: 5px 0;
}

.seo-content-box .seo-wrapper * {
    max-width: 100%;
}

.seo-content-box .seo-wrapper strong {
    font-weight: bold !important;
}

.seo-content-box .seo-wrapper i,
.seo-content-box .seo-wrapper em {
    font-style: italic !important;
}

.seo-content-box .seo-wrapper a {
    color: #0082dd;
}

.seo-content-box .seo-wrapper a:hover {
    color: #ff8a00;
    text-decoration: underline;
}

.seo-content-box .seo-wrapper table,
.seo-content-box .seo-wrapper th,
.seo-content-box .seo-wrapper td {
    border: 1px solid #e5e5e5;
}

/* 条件搜索 */
.search-type-block {
    position: relative;
    margin-bottom: 25px;
    border: 1px solid #ebebeb;
    border-bottom: 0;
    background: #fff;
}

.search-type-item {
    border-bottom: 1px solid #e6e6e6;
    background: #f0f5fb;
}

.search-type-item .item-hd {
    float: left;
    color: #666;
    width: 90px;
    height: 24px;
    line-height: 24px;
    padding: 5px 10px 5px 0;
    text-align: right;
}

.search-type-item .item-bd {
    padding: 0 0 0 100px;
}

.item-check {
    height: 44px;
    padding: 0 20px;
    background: #fff;
}

.item-check .chick-child {
    float: left;
    color: #fff;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    margin: 10px 10px 0 0;
    background: #00b7ee;
}

.item-check .chick-child .closed {
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    margin: -3px 0 0 6px;
    background: url('../images/st-line-ico.png') no-repeat 0 0;
}

.item-check .clear-item {
    float: left;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
}

.item-child {
    background: #fff;
}

.item-child:after,
.child-list:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}

.child-block {
    padding: 5px 20px;
    overflow: hidden;
    position: relative;
    /*border-bottom: 1px dotted #ebebeb;*/
}

.item-child .all-link {
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
}

.child-list {
    height: 24px;
    padding: 0 84px 0 0;
    overflow: hidden;
}

.child-list:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}

.child-list .item {
    float: left;
    width: 120px;
    height: 24px;
}

.child-list .item a {
    float: left;
    color: #666;
    max-width: 100px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}

.item-child .all-link:hover,
.child-list .item a:hover {
    background: #eef3f4;
}

.item-child .all-link.active,
.item-child .item a.active {
    color: #fff;
    background: #00b7ee;
}

.arrow {
    display: block;
    color: #999;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 20px;
    top: 5px;
}

.arrow:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.arrow.down:after {
    border-top: 4px solid #999;
}

.arrow.up:after {
    border-bottom: 4px solid #999;
}

.search-type-item .last {
    border-bottom: 0;
}

.search-console-btn {
    color: #00b7ee;
    display: block;
    width: 182px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -92px;
    border: 1px solid #e6e6e6;
    border-top: 1px solid #fff;
    background: #fff;
}

.search-console-btn:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.search-console-btn.up:after {
    border-bottom: 4px solid #00b7ee;
}

.search-console-btn.down:after {
    border-top: 4px solid #00b7ee;
}

.search-type-block .choose-start-date {
    display: inline-block;
}

/* 排序栏 */
.st-sort-menu .sort-sum select {
    margin: 8px 5px 0 5px;
    height: 30px;
    border: 1px solid #ccc;
    color: #999;
    cursor: pointer;
    width: 100px;
}

/* 搜索列表 */
.hotel-list-wrapper {
    padding-top: 15px;
}

.hotel-list-group > li {
    margin-bottom: 15px;
}

.hotel-list-group li:last-child {
    margin-bottom: 0;
}

.results-item-block {
    display: block;
    padding: 12px;
    position: relative;
    border: 1px solid #e5e5e5;
    background: #fff;
}

.results-item-block .hd {
    float: left;
    width: 206px;
    height: 110px;
}

.results-item-block .hd .pic {
    display: table-cell;
    width: 206px;
    height: 110px;
    vertical-align: middle;
    text-align: center;
    background: #e7e7e7;
}

.results-item-block .hd .pic img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.results-item-block .info {
    padding: 0 200px 0 223px;
}

.results-item-block .info .title-bar {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.results-item-block .info .type-bar {
    height: 20px;
    margin-top: 10px;
    overflow: hidden;
    font-size: 0;
}

.results-item-block .info .type-bar .label {
    color: #f80;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    margin-right: 6px;
    border: 1px solid #ffb622;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
}

.results-item-block .info .cfg-bar {
    height: 20px;
    margin-top: 8px;
    overflow: hidden;
    font-size: 0;
}

.results-item-block .info .cfg-bar .item {
    color: #999;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 20px;
    font-size: 12px;
}

.results-item-block .info .cfg-bar .item .icon {
    display: inline-block;
    width: 13px;
    height: 8px;
    vertical-align: middle;
    margin: -3px 5px 0 0;
    background: url('../images/hotel-ico.png') no-repeat 0 -309px;
}

.results-item-block .info .ads-bar {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 8px;
}

.results-item-block .info .ads-bar .icon {
    display: inline-block;
    width: 11px;
    height: 14px;
    vertical-align: middle;
    margin: -3px 5px 0 0;
    background: url('../images/hotel-ico.png') no-repeat 0 -150px;
}

.results-item-block .info .gys-bar {
    color: #999;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.results-item-block .booking {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 200px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.results-item-block .booking .pri {
    color: #999;
    display: block;
    height: 32px;
}

.results-item-block .booking .pri .num {
    color: #f63;
    font-size: 14px;
}

.results-item-block .booking .pri .num em {
    font-size: 28px;
    font-family: Arial, '宋体', 'Microsoft YaHei', Helvetica, sans-serif;
}

.results-item-block .booking .pri .dx {
    color: #f63;
    font-size: 22px;
    font-family: 'Microsoft YaHei', Arial, '宋体', Helvetica, sans-serif;
}

.results-item-block .booking .jf {
    display: inline-block;
    width: 120px;
    height: 20px;
    color: #fff;
    border: 1px solid #ff5603;
    background-color: #ff5603;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 5px;
    font-size: 0;
}

.results-item-block .booking .jf .ts {
    display: inline-block;
    width: 50%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.results-item-block .booking .jf .num {
    display: inline-block;
    width: 50%;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #ff5603;
    font-size: 12px;
}

.results-item-block .booking .jf .num em {
    font-weight: bold;
}

.results-item-block .booking .data {
    border: 1px solid #ecf3fb;
    background-color: #f5f9fd;
    width: 144px;
    height: 36px;
    padding: 5px 0;
    margin-top: 10px;
}

.results-item-block .booking .data p {
    float: left;
    height: 32px;
    padding: 2px 0;
}

.results-item-block .booking .data p.sati {
    width: 53px;
    border-right: 1px solid #e2e9f1;
}

.results-item-block .booking .data p.comment {
    width: 89px;
}

.results-item-block .booking .data p span {
    display: inline-block;
    text-align: center;
    color: #999;
    font-size: 12px;
    line-height: 16px;
}

.results-item-block .booking .data p span.num {
    color: #f63;
    font-size: 14px;
}

/*
 *酒店详情页面
*/
.st-hotel-show {
    float: left;
    width: 905px;
}

.hotelshow-tw {
    padding: 15px;
    border: 3px solid #d8d8d8;
}

.focus-slide {
    float: left;
    width: 460px;
}

.imgnav {
    position: relative;
    margin: 0 auto;
    width: 460px;
}

#img {
    z-index: 10;
    display: table-cell;
    width: 460px;
    height: 245px;
    vertical-align: middle;
    position: relative;
    text-align: center;
    background: #e7e7e7;
}

#img img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    display: none;
}

#front {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 230px;
    height: 245px;
}

#front a {
    position: absolute;
    left: 10px;
    top: 80px;
    background: url(../images/imgSlideLeft.png) no-repeat;
    width: 29px;
    height: 71px;
    display: none;
}

#next {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 230px;
    height: 245px;
}

#next a {
    position: absolute;
    right: 10px;
    top: 80px;
    background: url(../images/imgSlideRight.png) no-repeat;
    width: 29px;
    height: 71px;
    display: none;
}

#cbtn {
    background: #fff;
    position: relative;
    height: 72px;
    margin-top: 5px;
}

#cbtn ul {
    position: relative;
    width: 10000px;
    height: 72px;
}

#cbtn ul li {
    float: left;
    width: 90px;
    height: 48px;
    padding-top: 3px;
    cursor: pointer;
    text-align: center;
    margin-right: 6px;
    position: relative;
}

#cbtn ul li img {
    width: 90px;
    height: 48px;
    display: block;
}

#cbtn li.hov {
    /*background: url(../images/imgHoverBg.gif) no-repeat*/
    border: 2px solid #f90;
    padding-top: 0px;
}

.ctrl div {
    clear: both;
}

#cSlideUl {
    width: 402px;
    height: 72px;
    overflow: hidden;
    position: relative;
    top: 0;
    margin: 0 auto;
}

.picSildeLeft {
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 9;
}

.picSildeRight {
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 9;
}

.cp-show-msg {
    float: right;
    width: 394px;
}

.cp-show-msg .hs-title {
    color: #333;
    line-height: 26px;
    font-size: 20px;
}

.cp-show-msg .hs-title img {
    vertical-align: middle;
    max-height: 20px;
}

.cp-show-msg .type-bar {
    height: 20px;
    margin-top: 10px;
    overflow: hidden;
    font-size: 0;
}

.cp-show-msg .type-bar .label {
    color: #f80;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    margin-right: 6px;
    border: 1px solid #ffb622;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
}

.cp-show-msg .sell-bar {
    margin-top: 10px;
}

.cp-show-msg .sell-bar span,
.cp-show-msg .sell-bar a {
    color: #999;
    vertical-align: middle;
}

.cp-show-msg .sell-bar s {
    color: #c6c6c6;
    margin: 0 20px;
    text-decoration: none;
}

.cp-show-msg .pri-bar {
    margin-top: 15px;
}

.cp-show-msg .pri-bar .jg {
    display: inline-block;
    color: #fc6000;
    margin-right: 10px;
    vertical-align: middle;
    font-size: 14px;
}

.cp-show-msg .pri-bar .jg .num {
    padding: 0 3px;
    font-size: 24px;
    font-weight: 500;
    font-family: Arial;
}

.cp-show-msg .cancel-bar {
    margin-top: 10px;
}

.cp-show-msg .cancel-bar .con {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 16px;
    background: #ccc;
}

.cp-show-msg .sp-bar {
    color: #666;
    margin-top: 10px;
    font-size: 14px;
}

.cp-show-msg .msg-ul {
    margin-top: 5px;
}

.cp-show-msg .msg-ul li {
    color: #999;
}

.cp-show-msg .msg-ul li .item-hd {
    float: left;
    width: 65px;
    height: 26px;
    line-height: 26px;
    text-align: right;
}

.cp-show-msg .msg-ul li .item-bd {
    min-height: 26px;
    line-height: 26px;
    padding-left: 65px;
}

.cp-show-msg .ads-bar {
    color: #999;
    margin-top: 5px;
    padding-left: 22px;
    position: relative;
}

.cp-show-msg .ads-bar .icon {
    display: inline-block;
    width: 11px;
    height: 14px;
    position: absolute;
    left: 5px;
    top: 1px;
    background: url('../images/hotel-ico.png') no-repeat 0 -150px;
}

.jf-type-wrap {
    display: inline-block;
    height: 19px;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
    margin-top: 5px;
}

.jf-type-wrap .num {
    display: inline-block;
    color: #ff9b3a;
    height: 19px;
    line-height: 19px;
    padding-left: 24px;
    vertical-align: top;
    font-size: 12px;
}

.jf-type-wrap .di {
    background: url('../images/ls-icobg.png') no-repeat 0 -269px;
}

.jf-type-wrap .ding {
    background: url('../images/ls-icobg.png') no-repeat 0 -307px;
}

.jf-type-wrap .ping {
    background: url('../images/ls-icobg.png') no-repeat 0 -383px;
}

.jf-type-wrap .num i {
    float: right;
    width: 5px;
    height: 19px;
    background: url('../images/ls-icobg.png') no-repeat right -288px;
}

.jf-type-wrap .info {
    display: none;
    width: 186px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    padding: 5px 8px;
    margin-left: -102px;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #fff;
}

.jf-type-wrap .info .tit {
    display: block;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
}

.jf-type-wrap .info .txt {
    color: #666;
    display: block;
    line-height: 18px;
    margin-top: 2px;
}

.jf-type-wrap .info .txt:after {
    content: '';
    display: block;
    width: 16px;
    height: 8px;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -8px;
    background: url('../images/ls-icobg.png') no-repeat right 0;
}

.hotelshow-con {
    margin-top: 15px;
}

.hotelshow-con .tabnav-list {
    width: 905px;
    border-bottom: 2px solid #00b7ee;
    background: #f8f8f8;
}

.hotelshow-con .tabnav-list.fxd {
    position: fixed;
    top: 0;
    z-index: 1001;
}

.hotelshow-con .tabnav-list span {
    color: #666;
    float: left;
    height: 39px;
    line-height: 39px;
    padding: 0 10px;
    font-size: 14px;
    cursor: pointer;
    margin-right: -1px;
    border: 1px solid #eee;
    border-bottom: 0;
}

.hotelshow-con .tabnav-list span.on {
    color: #fff;
    height: 40px;
    line-height: 39px;
    border: 0;
    background: #00b7ee;
}

.tabbox-list {
    float: left;
    padding: 0 20px 15px;
    border: 1px solid #d8d8d8;
    border-top: 0;
    width: 863px;
}

.tabcon-list {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.tabcon-list .list-tit {
    border-bottom: 1px solid #d8d8d8;
}

.tabcon-list .list-tit strong {
    display: inline-block;
    color: #000;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    /*background:url(../images/list-tit-bg.png) left no-repeat*/
}

.tabcon-list .list-txt {
    line-height: 24px;
    overflow: hidden;
    padding: 10px 15px 0;
}

.tabcon-list .list-txt * {
    max-width: 100%;
}

.tabcon-list .list-txt strong {
    font-weight: bold !important;
}

.tabcon-list .list-txt i,
.tabcon-list .list-txt em {
    font-style: italic !important;
}

.tabcon-list .list-txt a {
    color: #0082dd;
}

.tabcon-list .list-txt a:hover {
    color: #ff8a00;
    text-decoration: underline;
}

.tabcon-list .list-txt table,
.tabcon-list .list-txt th,
.tabcon-list .list-txt td {
    border: 1px solid #e5e5e5;
}

/* 房型列表 */
.room-type-block {
}

.room-type-block > li {
    padding: 15px 10px;
    position: relative;
    border-bottom: 1px dotted #e6e6e6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.room-type-block > li:hover {
    background: #f9f9f9;
}

.room-type-block .info {
    padding-right: 100px;
    cursor: pointer;
}

.room-type-block .info .hd {
    float: left;
}

.room-type-block .info .pic {
    display: table-cell;
    width: 90px;
    height: 54px;
    text-align: center;
    vertical-align: middle;
    background: #e7e7e7;
}

.room-type-block .info .pic img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.room-type-block .info .bd {
    padding-left: 100px;
}

.room-type-block .type-name {
    font-size: 14px;
}

.room-type-block .type-name .arrow-icon {
    display: inline-block;
    width: 5px;
    height: 9px;
    vertical-align: middle;
    margin: -3px 0 0 5px;
    background: url('../images/arrow-right-ico.png') right no-repeat;
}

.room-type-block .type-attr {
    color: #666;
    margin-top: 10px;
}

.room-type-block .type-attr .bed {
    display: inline-block;
    width: 100px;
    margin-right: 10px;
    vertical-align: top;
}

.room-type-block .type-attr .dz {
    display: inline-block;
    width: 60px;
    margin-right: 10px;
    vertical-align: top;
}

.room-type-block .type-attr .pay {
    display: inline-block;
    width: 170px;
    margin-right: 10px;
    vertical-align: top;
}

.room-type-block .type-attr .pay em {
    color: #999;
    font-style: normal;
}
.room-type-block .type-attr .refund {
    display: inline-block;
    width: 70px;
    margin-right: 10px;
    vertical-align: top;
}

.room-type-block .type-attr .pri {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.room-type-block .type-attr .pri .jg {
    color: #999;
    display: inline-block;
}

.room-type-block .type-attr .pri .jg .num {
    color: #ff6633;
    font-size: 14px;
    font-family: Arial, 'Microsoft YaHei', Helvetica, sans-serif;
}

.room-type-block .type-attr .pri .jg .num em {
    font-size: 20px;
    font-style: normal;
}

.room-type-block .type-attr .pri .del {
    color: #999;
    display: inline-block;
    margin-left: 10px;
    text-decoration: line-through;
}

.room-type-block .booking {
    position: absolute;
    bottom: 15px;
    right: 10px;
    z-index: 10;
}

.room-type-block .booking .btn {
    color: #fff;
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ff8a00;
}

.room-type-block .booking .btn:hover {
    background: #f60;
}

.room-type-block .booking .btn.disabled {
    background: #ccc;
}

.cfg-item-block {
    padding: 15px 0;
    border-bottom: 1px dotted #e6e6e6;
}

.cfg-item-block .item-bar {
    padding-bottom: 8px;
}

.cfg-item-block .item-list {
    font-size: 0;
}

.cfg-item-block .item-list .label {
    color: #999;
    display: inline-block;
    padding: 2px 0;
    vertical-align: top;
    margin-right: 20px;
    font-size: 12px;
}

.cfg-item-block .item-list .label .icon {
    display: inline-block;
    width: 13px;
    height: 8px;
    vertical-align: middle;
    margin: -3px 5px 0 0;
    background: url('../images/hotel-ico.png') no-repeat 0 -309px;
}

/* 房型详情 */
.hotel-type-show {
    display: none;
    padding: 15px;
}

.type-primary-block {
    padding-bottom: 15px;
    border-bottom: 1px dotted #e6e6e6;
}

.type-slide-box {
    float: left;
    width: 320px;
    height: 216px;
    position: relative;
}

.type-slide-box .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.type-slide-box .bd li {
    zoom: 1;
    vertical-align: middle;
}

.type-slide-box .bd li .item {
    display: table-cell;
    width: 320px;
    height: 216px;
    vertical-align: middle;
    text-align: center;
    background: #e7e7e7;
}

.type-slide-box .bd li .item img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.type-slide-box .prev,
.type-slide-box .next {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    display: block;
    width: 24px;
    height: 60px;
    background: rgba(0, 0, 0, 0.6);
}

.type-slide-box .prev {
    left: 0;
}

.type-slide-box .next {
    right: 0;
}

.type-slide-box .prev:after,
.type-slide-box .next:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.type-slide-box .prev:after {
    border-right: 5px solid #fff;
}
.type-slide-box .next:after {
    border-left: 5px solid #fff;
}

.type-slide-box .prevStop {
    display: none;
}

.type-slide-box .nextStop {
    display: none;
}

.type-info-box {
    float: right;
    width: 410px;
}

.type-info-box .tit-bar {
    font-size: 20px;
}

.type-info-box .lim-bar {
    color: #ffb622;
    margin-top: 5px;
}

.type-info-box .inc-bar {
    margin-top: 10px;
}

.type-info-box .inc-bar .item {
    color: #999;
    vertical-align: middle;
}

.type-info-box .inc-bar s {
    color: #c6c6c6;
    margin: 0 10px;
    text-decoration: none;
}

.type-info-box .msg-group {
    margin-top: 8px;
    font-size: 0;
}

.type-info-box .msg-group li {
    color: #999;
    display: inline-block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    padding-right: 10px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.other-content-area {
    margin-top: 15px;
}

.other-content-area .area-bar {
    padding-bottom: 8px;
}

.other-content-area .area-box {
    color: #999;
    line-height: 22px;
    overflow: hidden;
}

.other-content-area .area-box * {
    max-width: 100%;
}

.other-content-area .area-box strong {
    font-weight: bold !important;
}

.other-content-area .area-box i,
.other-content-area .area-box em {
    font-style: italic !important;
}

.other-content-area .area-box a {
    color: #0082dd;
}

.other-content-area .area-box a:hover {
    color: #ff8a00;
    text-decoration: underline;
}

.other-content-area .area-box table,
.other-content-area .area-box th,
.other-content-area .area-box td {
    border: 1px solid #e5e5e5;
}

/* 目的地优化 */
.seo-content-box {
    padding: 10px 20px;
    margin-bottom: 15px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f5f5f5;
}

.seo-content-box .seo-bar {
    padding: 5px 0;
}

.seo-content-box .seo-bar .seo-title {
    color: #00b7ee;
    font-size: 18px;
    font-weight: bold;
}

.seo-content-box .seo-wrapper {
    padding: 5px 0;
}

.seo-content-box .seo-wrapper * {
    max-width: 100%;
}

.seo-content-box .seo-wrapper strong {
    font-weight: bold !important;
}

.seo-content-box .seo-wrapper i,
.seo-content-box .seo-wrapper em {
    font-style: italic !important;
}

.seo-content-box .seo-wrapper a {
    color: #0082dd;
}

.seo-content-box .seo-wrapper a:hover {
    color: #ff8a00;
    text-decoration: underline;
}

.seo-content-box .seo-wrapper table,
.seo-content-box .seo-wrapper th,
.seo-content-box .seo-wrapper td {
    border: 1px solid #e5e5e5;
}

/*点评*/
.cp-show-msg .sl a {
    color: #7d7d7d;
    vertical-align: middle;
}

.cp-show-msg .sl a:hover {
    text-decoration: underline;
}

/*
 *酒店预订页
*/

.booking-l-container {
    float: left;
    width: 865px;
}

.booking-info-block {
    padding: 20px 30px 30px;
    margin-bottom: 15px;
    background: #fff;
}
.booking-info-block:last-child {
    margin-bottom: 0;
}
.booking-info-block .bib-hd-bar {
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6;
}
.booking-info-block .bib-hd-bar .hb-title {
    font-size: 16px;
    font-weight: bold;
}
.booking-info-block .bib-hd-bar .hb-number {
    color: #ccc;
    margin-top: 10px;
    font-size: 14px;
}
.booking-info-block .bib-hd-bar .col-title {
    display: inline-block;
    font-size: 16px;
}

.bib-bd-wrap {
}

.booking-item-block {
    padding: 10px 0;
}
.booking-item-block > li {
    padding: 5px 0;
}
.booking-item-block > li:before,
.booking-item-block > li:after,
.booking-item-block > li > .item-bd:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}
.booking-item-block > li > .item-hd {
    float: left;
    color: #999;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 14px;
}
.booking-item-block > li > .item-bd {
    min-height: 30px;
    padding-left: 120px;
}
.b-item-text {
    display: inline-block;
    /*height: 30px;*/
    line-height: 30px;
    vertical-align: middle;
    font-size: 14px;
}
.input-text {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.select {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.text-area {
    width: 100%;
    height: 100px;
    line-height: 20px;
    padding: 5px 10px;
    resize: none;
    vertical-align: top;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.input-text.error {
    border-color: #f00;
}

/* 预定信息 */
.booking-item-block .choose-start-date {
    display: inline-block;
    width: 130px;
}
.booking-item-block .choose-start-date .date-text {
    width: 130px;
}
.booking-amount-control {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}
.booking-amount-control .add-btn,
.booking-amount-control .sub-btn {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: -1px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #d8d8d8;
}
.booking-amount-control .add-btn:hover,
.booking-amount-control .sub-btn:hover {
    color: #f60;
}
.booking-amount-control .number-text {
    float: left;
    width: 60px;
    height: 30px;
    line-height: 30px;
    margin-right: -1px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #d8d8d8;
    font-family: Arial, 'Microsoft YaHei', Helvetica, sans-serif;
}

.booking-hotel-info {
    margin: 15px 0 0 1px;
}
.booking-hotel-info .item {
    float: left;
    width: 134px;
    margin: -1px 0 0 -1px;
    text-align: center;
    border: 1px solid #e6e6e6;
}
.booking-hotel-info .item .date {
    height: 22px;
    line-height: 22px;
    border-bottom: 1px solid #e6e6e6;
    background: #f8f8f8;
}
.booking-hotel-info .item .inc {
    height: 32px;
    padding: 10px 0;
}
.booking-hotel-info .item .inc .pri {
    color: #f60;
    display: block;
    font-size: 14px;
    font-family: Arial, 'Microsoft YaHei', Helvetica, sans-serif;
}
.booking-hotel-info .item .inc .ser {
    color: #999;
    display: block;
}

/* 联系人信息 */
.dynamic-code-label {
    color: #999;
    display: inline-block;
    width: 150px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    background: #fafafa;
}
.dynamic-code-label:hover {
    color: #f60;
    background: #f3f3f3;
}

/* 旅客信息 */
.bib-select-linkman {
    margin-top: 20px;
}
.bib-select-bar {
    color: #666;
    line-height: 20px;
    padding-left: 6px;
    border-left: 4px solid #f60;
    font-size: 14px;
}
.bib-select-bd {
    padding: 10px 60px 10px 10px;
    position: relative;
}
.bib-select-box {
    height: 24px;
    overflow: hidden;
    font-size: 0;
}
.bib-select-box .check-item {
    color: #999;
    display: inline-block;
    width: 20%;
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 14px;
}
.bib-select-box .check-item .check-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin: -2px 6px 0 0;
    background: url('../images/booking-select-icon.png') no-repeat -15px 0;
}
.bib-select-box .check-item.check-active-item {
    color: #f80;
}
.bib-select-box .check-item.check-active-item .check-icon {
    background: url('../images/booking-select-icon.png') no-repeat 0 0;
}
.bib-check-more {
    color: #999;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 14px;
}
.bib-check-more:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin: -3px 0 0 5px;
    border-bottom: 4px solid #999;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.bib-check-more.down:after {
    border-bottom: 0;
    border-top: 4px solid #999;
}

.bib-linkman-block {
    padding: 14px;
    margin-bottom: 15px;
    border: 1px solid #f5f7f7;
    background: #fcfcfc;
}
.bib-linkman-block:last-child {
    margin-bottom: 0;
}
.bib-linkman-block .hd-box {
    float: left;
    color: #999;
    height: 32px;
    line-height: 32px;
    margin-top: 5px;
    padding: 0 10px;
    font-size: 14px;
    background: #f5f5f5;
}
.bib-linkman-block .bd-box {
    float: right;
    width: 700px;
}
.bib-linkman-block .booking-item-block {
    padding: 0;
}

.bib-radio-box {
    display: inline-block;
    margin-left: 40px;
}
.bib-tips {
    line-height: 24px;
}
.bib-radio-label {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-right: 40px;
    cursor: pointer;
    font-size: 14px;
}
.bib-radio-label .radio-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    background: url('../images/booking-select-icon.png') no-repeat -45px 0;
}
.bib-radio-label.active {
    color: #f60;
}
.bib-radio-label.active .radio-icon {
    background: url('../images/booking-select-icon.png') no-repeat -30px 0;
}
.common-use-label {
    color: #999;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    font-size: 14px;
}
.common-use-label .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    background: url('../images/booking-select-icon.png') no-repeat -15px 0;
}
.common-use-label.active {
    color: #f80;
}
.common-use-label.active .icon {
    background: url('../images/booking-select-icon.png') no-repeat 0 0;
}

/* 优惠信息 */
.bib-yh-block {
    margin-top: 20px;
}
.bib-yh-block .booking-item-block {
    padding: 0;
}

/* 支付信息 */
.pay-info-bar {
    padding-top: 10px;
}
.pay-info-bar .item {
    color: #999;
    display: inline-block;
    font-size: 14px;
}
.pay-info-bar .item .pri {
    color: #f60;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Microsoft YaHei', Arial, '宋体', Helvetica, sans-serif;
}

/* 预定协议 */
.bk-document-box {
    display: none;
    line-height: 24px;
    padding: 20px;
}

.booking-agreement-block .link {
    color: #f60;
    font-size: 14px;
}
.booking-agreement-block .common-use-label {
    color: #333;
}
.booking-submit-block .yzm-txt {
    font-size: 14px;
}
.booking-submit-btn {
    color: #fff;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    background: #ff8a00;
}
.booking-submit-btn:hover {
    background: #f60;
}
.booking-submit-btn.disabled {
    background: #ccc;
}

.booking-submit-block .yzm-label {
    margin-top: -3px;
    vertical-align: middle;
}

/* 右侧清单 */
.booking-r-container {
    float: right;
    width: 320px;
}
.side-total-bar {
    text-align: center;
    position: relative;
}
.side-total-bar:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
    border-top: 1px solid #e5e5e5;
}
.side-total-bar .tit {
    color: #999;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    position: relative;
    z-index: 10;
    font-size: 16px;
    background: #fff;
}
.booking-side-total {
    padding: 10px 20px 20px;
    border-top: 3px solid #ccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #fff;
}
.booking-side-fixed {
    width: 280px;
    position: fixed;
    top: 0;
    z-index: 999;
}
.booking-side-fixed::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.booking-side-fixed::-webkit-scrollbar-button {
    height: 0;
    background: #fff;
}
.booking-side-fixed::-webkit-scrollbar-track {
    height: 0;
    background: #fff;
}
.booking-side-fixed::-webkit-scrollbar-thumb {
    background: #ccc;
}

.side-total-block {
    padding: 10px 0;
    border-bottom: 1px dotted #e5e5e5;
}
.side-total-tit {
    padding: 0 10px;
    font-size: 14px;
}
.side-total-list {
    padding-top: 5px;
}
.side-total-list > li {
    padding: 0 10px;
}
.side-total-list > li:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}
.side-total-list .hd {
    float: left;
}
.side-total-list .bd {
    float: right;
    text-align: right;
}
.side-total-list .hd,
.side-total-list .bd {
    color: #999;
    display: inline-block;
    width: 50%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.side-amount-bar {
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0;
}
.side-amount-bar .c-f60 {
    color: #f60;
}
.side-amount-bar .all-li {
    padding: 15px 10px;
    margin-top: 10px;
    background: #fffced;
}
.side-amount-bar .all-item {
    color: #666;
    font-size: 14px;
}
.side-amount-bar .all-pri {
    color: #f60;
    font-size: 18px;
    font-weight: bold;
}