﻿/*酒店频道样式*/
.breadCrumb {padding-top: 20px;}
.breadCrumb span {color: #999;float: right;}
.breadCrumb li {color: #757575;float: left;}
.breadCrumb li:first-child {padding-right: 5px;}
.breadCrumb li em {color: #888;font-family: '\5B8B\4F53';padding: 0 8px;}
.breadCrumb li a {color: #39F;}
.breadCrumb li a:hover {text-decoration: underline;}

/*首页幻灯片*/
#indexSlider {border-bottom: 1px solid #E5E5E5;position: relative;width: 100%;}
.indexSlider {background: #F3F3F3;margin: 0 auto;position: relative;z-index: 0;height: 435px;overflow: hidden;position: relative;width: 100%;}
.indexSlider .pics {height: 435px;overflow: hidden;}
.indexSlider .pics ul {width:100% !important;}
.indexSlider .pics li {background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;height: 435px;overflow: hidden;text-align: center;width:100% !important;}
.indexSlider .pics li a {display: block;height: 435px;}
.indexSlider .nav {left: 0;bottom: 20px;position: absolute;width: 100%;}
.indexSlider .nav ul {height: 15px;font-size: 0;text-align: center;}
.indexSlider .nav li {background: #FFF;/* border-radius: 50%; */cursor: pointer;display: inline-block;font-size: 0;height: 18px;margin: 0 8px;opacity: 0.6;width: 19px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.indexSlider .nav li.on {background: #E4393C;opacity: 1;}
.indexSlider .arrow a {background: url(../images/sliderarrows.png) no-repeat 0 0;display: block;height: 59px;width: 31px;position: absolute;top: 50%;margin-top: -30px;}
.indexSlider .arrow a.prev {background-position: 0 0;left: 50px;}
.indexSlider .arrow a.next {background-position: 0 -59px;right: 50px;}

/*首页搜索*/
.hotelSearch {position: absolute;left: 50%;margin-left: -600px;bottom: 55px;}
.hotelSearch .container {background: rgba(0,0,0,0.5);padding: 15px;}
.hotelSearch .box {background: #FFF;}
.hotelSearch .item {float: left;position: relative;z-index: 10;}
.hotelSearch .item .arrow {background: url(../images/arrow.png) no-repeat scroll 0 -11px;height: 18px;opacity: 0.7;position: absolute;right: 10px;top: 16px;width: 9px;}
.hotelSearch .inputText {background: #FFF;border: 0;border-left: 1px solid #BFBFBF;color: #333;font-size: 12px;height: 26px;line-height: 36px;padding: 12px 10px;width: 139px;}
.hotelSearch .inputCity {background: url(../images/hotel/curcity.png) no-repeat 5px 13px #FFF;padding-left: 35px;width: 130px;}
.hotelSearch .inputDate {padding-right: 95px;width: 95px;}
.hotelSearch .inputKey {width: 271px;}
.hotelSearch .timeInfo {padding: 0 10px;position: absolute;right: 0;top: 16px;}
.hotelSearch .timeInfo b {background: url(../images/hotel/calendar.png) no-repeat right 1px;color: #888;display: block;font-size: 12px;font-weight: normal;height: 18px;line-height: 18px;padding-right: 25px;}
.hotelSearch .searchBtn {height: 50px;line-height: 50px;}
.hotelSearch .searchBtn .btn {background: #FC893D;border: 0;cursor: pointer;color: #FFF;display: block;font-size: 14px;height: 50px;line-height: 50px;padding: 0 42px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.hotelSearch .searchBtn .btn:hover {background: #E4393C;}
.hotelSearch .dropMenu {display: none;position: absolute;top: 50px;left: 0;width: 100%;}
.hotelSearch .dropMenu.city {width: 378px;}
.hotelSearch .dropMenu.type {width: 161px;}
.hotelSearch .dropMenu .box {background: #FFF;border: 1px solid #BFBFBF;border-top: 1px solid rgba(0,0,0,0.5);line-height: 31px;}
.hotelSearch .dropMenu h5 {background: #FC893D;border-bottom: 1px solid #E5E5E5;color: #FFF;padding: 0 10px;}
.hotelSearch .dropMenu .list {max-height: 258px;overflow-y: auto;}
.hotelSearch .dropMenu dd {border-top: 1px solid #EAEAEA;color: #39F;cursor: pointer;padding: 0 10px;}
.hotelSearch .dropMenu dd:first-child {border-top: 0;}
.hotelSearch .dropMenu dd span {float: right;}
.hotelSearch .dropMenu dd.selected,.hotelSearch .dropMenu dd:hover {background: #E4393C;color: #FFF;}

.topBlock {padding-top: 20px}
.topBlock .sideBar {float: right;margin-left: -280px;position: relative;width: 280px;}
.topBlock .leftCon {float: left;width: 100%;}
.topBlock .leftCon .container {margin-right: 280px;padding-right: 20px;}

/*地标检索*/
.landMark h3.hd {border-bottom: 2px solid #96DAFF;height: 30px;line-height: 30px;}
.landMark h3.hd b {color: #39F;font-size: 20px;font-weight: normal;}
.landMark h3.hd .text {color: #888;font-size: 12px;margin-left: 10px;position: relative;bottom: 2px;}
.landMark .landCity {float: right;height: 30px;position: relative;z-index: 2;}
.landMark .landCity dt {color: #888;cursor: pointer;height: 30px;line-height: 30px;position: relative;overflow: hidden;text-align: right;padding: 0 18px 0 0;}
.landMark .landCity dt span {color: #E4393C;padding: 0 3px;}
.landMark .landCity dt i {background:  url(../images/arrow.png) no-repeat scroll 0 -11px;height: 18px;opacity: 0.55;position: absolute;right: 5px;top: 6px;width: 9px;}
.landMark .landCity dd {display: none;position: absolute;right: 0;top: 30px;}
.landMark .landCity .cityBox {background: #FFF;border: 1px solid #D0D0D0;height: auto;width: 400px;}
.landMark .cityBox .title {background: #E4393C;color: #FFF;font-size: 14px;height: 40px;line-height: 40px;overflow: hidden;padding: 0 15px;}
.landMark .cityBox li {border: 1px solid #ECECEC;border-width: 0 1px 1px 0;cursor: pointer;float: left;height: 40px;line-height: 40px;overflow: hidden;width: 79px;text-align: center;}
.landMark .cityBox li a {display: block;}
.landMark .cityBox li a:hover {background: #F2F2F2;text-decoration: underline;}
.landMark .content {padding: 20px 0 0 0;position: relative;}
.landMark .markList {margin-left: -68px;}
.landMark .markList li {display: inline;float: left;margin-left: 67px;height: 92px;position: relative;width: 54px;text-align: center;}
.landMark .markList li a {background: url(../images/hotel/landmark.gif) no-repeat 0 0;display: block;padding-top: 74px;height: 18px;line-height: 18px;}
.landMark .markList li i,.landMark .markList s {border-color: transparent transparent #FFF;border-style: dashed dashed solid;border-width: 6px;bottom: -10px;display: none;font-size: 0;height: 0;left: 50%;line-height: 0;margin-left: -6px;position: absolute;width: 0;z-index: 2;}
.landMark .markList li s {bottom: -7px;border-width: 5px;margin-left: -5px;}
.landMark .markList li.on i,.landMark .markList li.on s {display: block;}
.landMark .markList li.on i {border-color: transparent transparent #E4393C;}

/*地标默认*/
.landMark .markList li.metro a {background-position: 2px 0;}
.landMark .markList li.station a {background-position: -88px 0;}
.landMark .markList li.business a {background-position: -178px 0;}
.landMark .markList li.scenery a {background-position: -268px 0;}
.landMark .markList li.shool a {background-position: -358px 0;}
.landMark .markList li.exhibition a {background-position: -448px 0;}
.landMark .markList li.hospital a {background-position: -538px 0;}
.landMark .markList li.admin a {background-position: -628px 0;}

/*地标Hover*/
.landMark .markList li.metro a:hover,.landMark .markList li.metro.on a {background-position: 2px -107px;color: #F88B79;}
.landMark .markList li.station a:hover,.landMark .markList li.station.on a {background-position: -88px -107px;color: #758CDC;}
.landMark .markList li.business a:hover,.landMark .markList li.business.on a {background-position: -178px -107px;color: #FFA63C;}
.landMark .markList li.scenery a:hover,.landMark .markList li.scenery.on a {background-position: -268px -107px;color: #7FBA2C;}
.landMark .markList li.shool a:hover,.landMark .markList li.shool.on a {background-position: -358px -107px;color: #64C4FE;}
.landMark .markList li.exhibition a:hover,.landMark .markList li.exhibition.on a {background-position: -448px -107px;color: #7BC117;}
.landMark .markList li.hospital a:hover,.landMark .markList li.hospital.on a {background-position: -538px -107px;color: #FC924C;}
.landMark .markList li.admin a:hover,.landMark .markList li.admin.on a {background-position: -628px -107px;color: #56A0EA;}

/*地标失效*/
.landMark .markList li.metro a.none {background-position: 2px -214px;color: #999;}
.landMark .markList li.station a.none {background-position: -88px -214px;color: #999;}
.landMark .markList li.business a.none {background-position: -178px -214px;color: #999;}
.landMark .markList li.scenery a.none {background-position: -268px -214px;color: #999;}
.landMark .markList li.shool a.none {background-position: -358px -214px;color: #999;}
.landMark .markList li.exhibition a.none {background-position: -448px -214px;color: #999;}
.landMark .markList li.hospital a.none {background-position: -538px -214px;color: #999;}
.landMark .markList li.admin a.none {background-position: -628px -214px;color: #999;}

/*地标详情加载*/
.landMark .popCon {display: none;padding-top: 10px;position: absolute;left: 0;top: 112px;width: 100%;}
.landMark .popCon .box {background: #FFF;border: 1px solid #D0D0D0;border-top: 1px solid #E4393C;box-shadow: 0 5px 5px #AAA;padding: 12px 15px;position: relative;z-index: 1;}
.landMark .popCon .close {background: url(../images/hotel/close.png) no-repeat 50% 50%;cursor: pointer;display: block;height: 24px;width: 24px;opacity: 0.7;padding: 0;position: absolute;right: 0;top: 0;}
.landMark .popCon .close:hover {opacity: 1;}
.landMark .popText {line-height: 26px;}
.landMark .popText li {float: left;height: 26px;line-height: 26px;padding-right: 18px;width: 126px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.landMark .popText li a {display: block;height: 26px;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.landMark .popText li a:hover {text-decoration: underline;}

.topBlock .service {background: #FFFFE8;border: 3px solid #FFD18E;border-radius: 3px;height: 123px;padding: 0 15px 15px;}
.topBlock .service dl {background: url(../images/hotel/service.png) no-repeat 0 18px;color: #0DAAE6;padding-top: 15px;padding-left: 43px;}
.topBlock .service dl:last-child {background-position: 0 -58px;color: #FF9D16;}
.topBlock .service dt {font-weight: 700;font-size: 16px;}
.topBlock .service dd {color: #7E7972;font-size: 14px;}

/*酒店首页特推*/
.topSales {}
.topSales ul {margin-left: -19px;}
.topSales li {float: left;height: 290px;margin-left: 19px;position: relative;width: 387px;}
.topSales li:last-child {margin-left: 20px;}
.topSales li a {background: #CCC;display: block;height: 280px;width: 387px;position: relative;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.topSales li a:hover {margin-top: -5px;}
.topSales li .icon {background: url(../images/hotel/hot.png) no-repeat 0 0;height: 80px;width: 80px;position: absolute;top: 0;letf: 0;}
.topSales .recomInfo {color: #FFF;left: 0;bottom: 0;padding-left: 20px;height: 95px;width: 367px;position: absolute;background-color: #000;background:rgba(0, 0, 0, 0.5);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(0, 0, 0, 0.6)), color-stop(1, transparent));background:-moz-linear-gradient(-60deg, rgba(0, 0, 0, .6) 30%, rgba(0, 0, 0, .3) 70%, rgba(0, 0, 0, 0));filter:progid:DXImageTransform.Microsoft.Alpha( opacity=50 )}
.topSales .recomInfo dt {font-size: 18px;font-weight: 700;height: 30px;line-height: 30px;padding-top: 7px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.topSales .recomInfo dd {height: 20px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.topSales .recomInfo dd.price {height: 26px;line-height: 26px;}
.topSales .recomInfo dd.price span {color: #F90;}
.topSales .recomInfo dd.price em {font-weight: 700;font-size: 24px;position: relative;bottom: -3px;padding: 0 2px;}
.topSales li a:hover .recomInfo dt {text-decoration: underline;}

.mode {padding-top: 20px;}
.mode .modeTitle {text-align: center;}
.mode .modeTitle h3 {color: #333;font-size: 24px;line-height: 24px;}
.mode .modeTitle p {color: #666;font-family: 'Times New Roman';font-size: 20px;line-height: 30px;}

/*精选酒店*/
.recommended .modeTab {border-top: 1px solid #DADADA;margin-top: 5px;position: relative;}
.recommended .modeTab ul {height: 46px;}
.recommended .modeTab li {display: inline-block;font-size: 14px;height: 44px;line-height: 44px;overflow: hidden;padding: 2px 10px 0;position: relative;}
.recommended .modeTab li.on {border-top: 2px solid #E4393C;padding-top: 0;top: -1px;}
.recommended .modeTab li.on a {color: #E4393C;position: relative;bottom: -1px;}
.recommended .item ul {margin: -20px 0 0 -20px;padding-top: 5px;}
.recommended .item li {background: #FFF;float: left;margin: 20px 0 0 20px;width: 285px;}
.recommended .item dt {height: 214px;overflow: hidden;position: relative;width: 285px;}
.recommended .item dt img {-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.recommended .item li:hover img {transform: scale(1.1);}
.recommended .item dt .text {background: rgba(0,0,0,0.5);border-top: 1px solid rgba(255,255,255,0.25);color: #FFF;font-size: 13px;padding: 7px 10px;position: absolute;bottom: 0;left: 0;width: 265px;}
.recommended .item dt .text p {height: 21px;line-height: 21px;overflow: hidden;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.recommended .item dd {background: #EFEFEF;border: 1px solid #E5E5E5;color: #757575;height: 38px;line-height: 38px;padding: 0 8px;}
.recommended .item dd .price {float: right;}
.recommended .item dd i,.travelList dd em {color: #F40;}
.recommended .item dd em {font-size: 16px;font-weight: 700;padding: 0 2px;}
.recommended .item dd .city {background: url(../images/hotel/location.gif) no-repeat 0 10px;float: left;padding-left: 18px;width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.recommended .dataless {/*background: #EAEAEA;border: 1px solid #E5E5E5;*/color: #999;height: 212px;line-height: 212px;text-align: center;}
.recommended .dataless span {background: url(../images/blank.png) no-repeat 0 50%;display: inline-block;padding-left: 40px;}

/*酒店品牌*/
.brandBox {border-top: 2px solid #E4393C;margin-top: 20px;padding: 20px 0;}
.hotelBrand {padding: 20px 0;}
.hotelBrand .modeTitle {border-bottom: 1px solid #DADADA;padding-bottom: 5px;}
.hotelBrand .content {padding-top: 20px;}
.brandList {margin: -20px 0 0 -20px;}
.brandList li {float: left;margin: 20px 0 0 20px;width: 102px;}
.brandList li a {background: #FFF;border: 1px solid #FFD18E;color: #39F;display: block;text-align: center;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.brandList li a:hover {border: 1px solid #F80;color: #E4393C;text-decoration: underline;}
.brandList li dt {height: 81px;line-height: 81px;padding: 10px 0;}
.brandList li dt img {max-height: 100%;max-width: 100%;vertical-align:middle;}
.brandList li dd {background: #FFFFE8;border-top: 1px solid #FFE4BC;height: 34px;line-height: 34px;overflow: hidden;}
.brandList li.more dt {background: url(../images/hotel/moredot.png) no-repeat 50% 50%;}

/*酒店列表页*/
.listPage{padding: 20px 0;}

/*列表页搜索*/
.listSearch{background: url(../images/hotel/searchbg.png) no-repeat right bottom #707E8A;color: #FFF;height: 36px;line-height: 36px;padding: 10px;}
.listSearch .item {float: left;position: relative;z-index: 10;}
.listSearch .item .arrow {background: url(../images/arrow.png) no-repeat scroll 0 -11px;height: 18px;opacity: 0.7;position: absolute;right: 10px;top: 9px;width: 9px;}
.listSearch .inputText {background: #FFF;border: 0;border-left: 1px solid #BFBFBF;color: #333;font-size: 12px;height: 26px;line-height: 36px;padding: 5px 10px;width: 139px;}
.listSearch .inputCity {background: url(../images/hotel/curcity.png) no-repeat 5px 6px #FFF;padding-left: 35px;width: 130px;}
.listSearch .inputDate {padding-right: 95px;width: 95px;}
.listSearch .inputKey {width: 295px;}
.listSearch .timeInfo {padding: 0 10px;position: absolute;right: 0;top: 9px;}
.listSearch .timeInfo b {background: url(../images/hotel/calendar.png) no-repeat right 1px;color: #888;display: block;font-size: 12px;font-weight: normal;height: 18px;line-height: 18px;padding-right: 25px;}
.listSearch .searchBtn {height: 36px;line-height: 36px;}
.listSearch .searchBtn .btn {background: #FC893D;border: 0;color: #FFF;cursor: pointer;display: block;font-size: 14px;height: 36px;line-height: 32px;padding: 0 32px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.listSearch .searchBtn .btn:hover {background: #E4393C;}
.listSearch .dropMenu {display: none;position: absolute;top: 36px;width: 100%;}
.listSearch .dropMenu.city {width: 378px;}
.listSearch .dropMenu.type {width: 161px;}
.listSearch .dropMenu .box {background: #FFF;border: 1px solid #BFBFBF;border-top: 1px solid rgba(0,0,0,0.5);line-height: 31px;}
.listSearch .dropMenu h5 {background: #FC893D;border-bottom: 1px solid #E5E5E5;color: #FFF;padding: 0 10px;}
.listSearch .dropMenu .list {max-height: 258px;overflow-y: auto;}
.listSearch .dropMenu dd {border-top: 1px solid #EAEAEA;color: #39F;cursor: pointer;padding: 0 10px;}
.listSearch .dropMenu dd:first-child {border-top: 0;}
.listSearch .dropMenu dd span {float: right;}
.listSearch .dropMenu dd.selected,.listSearch .dropMenu dd:hover {background: #E4393C;color: #FFF;}

/*列表页筛选条件*/
.listPage .category {background: #FFF;border: 1px solid #DADADA;border-top: 1px solid #ABADB3;margin-top: 15px;}
.listPage .category dl {border-bottom: 1px solid #EAEAEA;line-height: 24px;padding: 8px 0;}
.listPage .category dt {color: #888;float: left;margin-right: -82px;text-align: right;padding-left: 10px;width: 72px;}
.listPage .category dd {float: right;height: 24px;overflow: hidden;position: relative;width: 100%;}
.listPage .category dd.location {overflow: visible;}
.listPage .category ul {margin-left: 82px;padding: 0 50px 0 10px;}
.listPage .category li {float: left;padding-right: 15px;}
.listPage .category li a:hover {text-decoration: underline;}
.listPage .category li .cur {color: #E4393C;}
.listPage .category .multiple li a{background: url(../images/checkbox.png) no-repeat 0 4px;display: inline-block;padding-left: 19px;}
.listPage .category .multiple li a:hover{background-position: 0 -40px;}
.listPage .category .multiple li a.cur{background-position: 0 -84px;}
.listPage .category .choice {background: #FFF;}
.listPage .category .choice dt {color: #333;}
.listPage .category .choice dd {height: auto;}
.listPage .category .choice ul {margin-top: -8px;}
.listPage .category .choice li {margin-top: 8px;padding-right: 10px;}
.listPage .category .choice a {background: #FFA763;color: #FFF;display: inline-block;height: 22px;line-height: 22px;padding: 1px 1px 1px 6px;position: relative;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.listPage .category .choice b {background: #FFF;font-weight: normal;color: #555;display: inline-block;margin-left: 6px;padding: 0 21px 0 6px;}
.listPage .category .choice a:not(:first-child){padding-left: 1px;margin-left: -1px;}
.listPage .category .choice a:not(:first-child) b{margin-left: 0;}
.listPage .category .choice i {background: url(../images/hotel/close.png) no-repeat right 0;display: block;height: 9px;position: absolute;right: 7px;top: 7px;width: 9px;-webkit-transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;transition: all 0.3s all 0.3s ease-in 0s;}
.listPage .category .choice a:hover {background: #E4393C;z-index: 1;text-decoration: none;}
.listPage .category .choice a:hover i {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
.listPage .category .choice .trash {display: none;position: absolute;right: 5px;top: -1px;}
.listPage .category .choice .trash a {display: block;background: url(../images/trash.png) no-repeat 50% 50%;cursor: pointer;height: 24px;width: 16px;text-indent: -9999px;}
.listPage .category .choice dd:hover .trash {display: block;}
.listPage .category .more{cursor: pointer;display: block;height: 24px;line-height: 24px;position: absolute;right: 10px;top: 0;}
.listPage .category .more span{color: #AAA;display: inline-block;padding-right: 12px;position: relative;}
.listPage .category .more span:hover{color: #F80;}
.listPage .category .more i{background: url(../images/arrow.png) no-repeat -16px -2px;display: block;height: 4px;width: 7px;position: absolute;right: 0;top: 10px;}
.listPage .category .more.open i{background-position: -16px -11px;}
.listPage .inputArea .inputText{border: 1px solid #DBDFE6;border-top: 1px solid #ABADB3;float: left;height: 18px;line-height: 18px;margin-right: 5px;padding: 2px 5px;width: 40px;text-align: center;}
.listPage .inputArea span{float: left;margin-right: 5px;}
.listPage .inputArea .btnLink{background: #FC893D;color: #FFF;float: left;padding: 0 10px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.listPage .inputArea .btnLink:hover{background: #E4393C;text-decoration: none;}

.listPage .moreOption a{display: block;color: #AAA;height: 24px;line-height: 24px;text-align: center;padding: 8px 0;}
.listPage .moreOption a:hover{color: #F80;}
.listPage .moreOption span{display: inline-block;padding-right: 12px;position: relative;}
.listPage .moreOption b{font-weight: normal;}
.listPage .moreOption i{background: url(../images/arrow.png) no-repeat -16px -2px;display: block;height: 4px;width: 7px;position: absolute;right: 0;top: 10px;}
.listPage .moreOption.open i{background-position: -16px -11px;}

.listPage .category .tabNav li a{display: block;}
.listPage .category .tabNav li.open a{color: #E4393C;position: relative;}
.listPage .category .tabNav li i,.listPage .category .tabNav li s {border-color: transparent transparent #FFF;border-style: dashed dashed solid;border-width: 6px;bottom: -9px;display: none;font-size: 0;height: 0;left: 50%;line-height: 0;margin-left: -6px;position: absolute;width: 0;z-index: 2;}
.listPage .category .tabNav li s {bottom: -7px;border-width: 5px;margin-left: -5px;}
.listPage .category .tabNav li.open i,.listPage .category .tabNav li.open s {display: block;}
.listPage .category .tabNav li.open i {border-color: transparent transparent #E4393C;}

.listPage .landmark{display: none;position: absolute;top: 32px;width: 100%;z-index: 1;}
.listPage .landmark .container{background: #FFF;border: 1px solid #E5E5E5;border-top: 1px solid #E4393C;box-shadow: 0 3px 3px #888;margin: 0 15px 0 92px;}
.listPage .landmark .box{padding: 8px 15px;position: relative;}
.listPage .landmark ul{margin: 0;padding: 0;}
.listPage .landmark ul li a{color: #39F;}
.listPage .landmark .close {background: url(../images/hotel/close.png) no-repeat 50% 50%;cursor: pointer;display: block;height: 24px;width: 24px;opacity: 0.7;padding: 0;position: absolute;right: 0;top: 0;}
.listPage .landmark .close:hover {opacity: 1;}

/*酒店列表*/
.hotelLists{margin-top: 15px;}
.hotelLists .pin-wrapper{float:left;}
.hotelLists .sideBar{float: right;position: relative;width: 250px;}
.hotelLists .hotelContent{float: left;width: 950px;}
.hotelLists .hotelContent .container{padding-right: 15px;}

.hotelLists .sideBar .box {background: #FFF;border: 1px solid #E5E5E5;border-top: 1px solid #E4393C;margin-bottom: 15px;}
.hotelLists .sideBar .hd {border-bottom: 1px solid #E5E5E5;color: #333;font-size: 14px;height: 40px;line-height: 40px;padding: 0 10px 0 15px;}
.sideBar .related .hd span {font-size: 12px;float: right;}
.sideBar .related .hd span a {background: url(../images/trash.png) no-repeat 0 12px;display: block;width: 16px;text-indent: -9999px;}
.sideBar .related .noRecord {background: url(../images/record.png) no-repeat 10px 15px;color: #999;height: 24px;line-height: 24px;padding: 15px 15px 15px 42px;}
.sideBar .related ul {padding-bottom: 15px;}
.sideBar .related li {padding: 15px 12px 0 15px;}
.sideBar .related li a {display: block;}
.sideBar .related li dt {float: left;margin-right: -77px;position: relative;width: 77px;}
.sideBar .related li dd {float: right;width: 100%;}
.sideBar .related li dd .inner {margin-left: 77px;padding-left: 12px;}
.sideBar .related li dd p {color: #888;height: 18px;line-height: 18px;overflow: hidden;}
.sideBar .related li dd p.title {color: #39F;}
.sideBar .related li:hover dd p.title {text-decoration: underline;}
.sideBar .related li dd p.subTitle{margin: 2px 0;}
.sideBar .related li dd em {color: #F40;padding-right: 2px;}

/*排序*/
.hotelContent .sorting .box {background: #FFF;border: 1px solid #E5E5E5;height: 40px;line-height: 40px;}
.hotelContent .sorting dl {float: left;}
.hotelContent .sorting dd {background: url(../images/division.gif) no-repeat scroll right 12px;float: left;}
.hotelContent .sorting dd i {background: url(../images/sorticon.png) no-repeat 0 50%;float: right;height: 40px;margin-left: 10px;width: 9px;}
.hotelContent .sorting dd a.desc i {background-position: -9px 50%;}
.hotelContent .sorting dd a.asc i {background-position: -18px 50%;}
.hotelContent .sorting dd a {color: #888;display: block;padding: 0 15px;}
.hotelContent .sorting dd a:hover {color: #000;text-decoration: underline;}
.hotelContent .sorting dd.cur a {color: #E4393C;text-decoration: none;}
.hotelContent .sorting .rightPage {float: right;padding-right: 15px;}
.hotelContent .sorting .rightPage a {display: none;}
.hotelContent .sorting .rightPage a.prev,.hotelContent .sorting .rightPage a.next,.hotelContent .sorting .rightPage span {display: inline-block;}
.hotelContent .sorting .rightPage a,.hotelContent .sorting .rightPage span {background: url(../images/division.gif) no-repeat scroll 0 12px;color: #39F;float: left;margin-left: 15px;padding-left: 15px;}
.hotelContent .sorting .rightPage a:hover {text-decoration: underline;}
.hotelContent .sorting .rightPage span {color: #999;font-size: 14px;}

/*列表数据*/
.listItem .noRecord {color: #888;height: 50px;line-height: 50px;margin-top: 15px;text-align: center;}
.listItem .noRecord a {margin-left: 10px;text-decoration: underline;}
.listItem .item{background: #FFF;border: 1px solid #E5E5E5;border-top: 1px solid #D0D0D0;margin-top: 15px;padding: 15px 15px 0;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.listItem .item:hover {border-color: #FA8D00;}
.listItem .hotelInfo{padding-bottom: 15px;}
.listItem .hotelInfo dt {float: left;height: 110px;margin-right: -147px;overflow: hidden;position: relative;width: 147px;}
.listItem .hotelInfo dt i {background: rgba(131,107,169,0.8);border: 1px solid rgba(255,255,255,0.1);color: #FFF;display: block;font-size: 12px;position: absolute;top: 0;left: 0;height: 21px;line-height: 21px;padding: 0 4px;}
.listItem .hotelInfo dt i.i2 {background: rgba(235,104,106,0.8);}
.listItem .hotelInfo dt i.i3 {background: rgba(232,176,93,0.8);}
.listItem .hotelInfo dd {float: right;width: 100%;}
.listItem .hotelInfo .contentBox {margin-left: 147px;padding-left: 15px;}
.listItem .hotelInfo .priceWrap{float: right;margin-left: -130px;position: relative;width: 130px;}
.listItem .hotelInfo .info {float: left;width: 100%;}
.listItem .hotelInfo .inner {margin-right: 130px;padding-right: 35px;}
.listItem .hotelInfo h4 {font-size: 14px;font-weight: 700;height: 30px;line-height: 30px;padding-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.listItem .hotelInfo h4 b {background: url(../images/division.gif) no-repeat right 8px;color: #328605;display: inline-block;font-weight: normal;font-size: 12px;margin-right: 8px;padding-right: 8px;}
.listItem .hotelInfo h4 a {color: #39F;}
.listItem .hotelInfo h4 a:hover {text-decoration: underline;}
.listItem .hotelInfo p {color: #999;height: 22px;line-height: 22px;padding-top: 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.listItem .hotelInfo p.address a {color: #555;text-decoration: underline;}
.listItem .hotelInfo .price {color: #888;height: 28px;line-height: 28px;padding-top: 4px;text-align: center;}
.listItem .hotelInfo .price i,.hotelInfo .price em {color: #F40;}
.listItem .hotelInfo .price em {bottom: -2px;font-size: 24px;padding: 0 2px;position: relative;}
.listItem .hotelInfo .score {color: #39F;margin-top: 7px;text-align: center;}
.listItem .hotelInfo .score em {color: #F40;font-weight: 700;}
.listItem .hotelInfo .orderLink {background: #E4393C;color: #FFF;display: block;height: 32px;line-height: 32px;margin-top: 7px;text-align: center;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.listItem .hotelInfo .orderLink:hover {opacity:0.8;}
.listItem .hotelInfo .rooms b {background: url(../images/arrow2.png) no-repeat right 7px;cursor: pointer;display: inline-block;font-weight: normal;padding-right: 12px;margin-right: 15px;}
.listItem .hotelInfo .rooms b.expand {background-position: right -20px;}

.listItem .hotelInfo .roomsChoose{clear: left;}
.listItem .hotelInfo .roomsChoose>p{float: left;}
.listItem .hotelInfo .roomsChoose>p b.expand {color: #f60;}

.roomCont .roomInfo {/* padding-bottom: 10px; */}
.roomCont .roomInfo .box {border-top: 0;background-color: #fff;padding: 5px 0;/* background: rgba(155, 206, 39, 0.23921568627450981); *//* float: right; */box-sizing: border-box;padding-left: 230px;min-height: 81px;}
.roomCont .roomInfo dl {border-bottom: 1px solid #EAEAEA;}
.roomCont .roomInfo .roomItem:last-child dl{border-bottom: 0;}
.roomCont .roomInfo dl.title {background: #EFEFEF;color: #999;display: none;}
.roomCont .roomInfo dt,.roomCont .roomInfo dd {float: left;/* height: 24px; */line-height: 24px;padding: 8px 0;text-align: left;}
.roomCont .roomInfo dt {width: 93px;}
.roomCont .roomInfo dt a,.roomCont .roomInfo dd.col1 a {background: url(../images/arrow2.png) no-repeat right 8px;cursor: pointer;display: inline-block;padding-right: 12px;}
.roomCont .roomInfo dt a:hover {text-decoration: underline;}
.roomCont .roomInfo dt a.expand {background-position: right -19px;}
.roomCont .roomInfo dd {width: 85px;}
.roomCont .roomInfo dd.col1 {width: 115px;}
.roomCont .roomInfo dd.col1>span{display:inline-block;max-width: 155px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;margin-right:5px;}
.roomCont .roomInfo dd.col2 {width: 61px;}
.roomCont .roomInfo dd.col3 {width: 71px;}
.roomCont .roomInfo dd.col4 {width: 250px;}
.roomCont .roomInfo dd.col5 {width: 135px;padding: 8px 0;}
.roomCont .roomInfo dd.btnLink span {float: left;margin-right: 6px;overflow: hidden;}
.roomCont .roomInfo dd.btnLink span i {background: #FFF;border: 1px solid #E4393C;color: #E4393C;display: inline-block;height: 22px;line-height: 22px;opacity: 0.75;padding: 0 5px;}
.roomCont .roomInfo dd.btnLink span .i2 {border-color: #5094DD;color: #5094DD;}
.roomCont .roomInfo dd.btnLink span .i3 {border-color: #F80;color: #F80;}
.roomCont .roomInfo dd.btnLink a {background: #FC893D;border-radius: 1px;color: #FFF;float: left;padding: 0 8px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.roomCont .roomInfo dd.btnLink a:hover {background: #E4393C;text-decoration: none;}
.roomCont .roomInfo dd.btnLink a.full {background: #AAA;}
.roomCont .roomInfo dd strong {color: #328605;font-weight: normal;}
.roomCont .roomInfo dd .bonus {color: #F80;border-bottom: 1px dashed #F80;display: inline;}
.roomCont .roomInfo .price li {float: left;margin-right: 10px;}
.roomCont .roomInfo .price li.sale {color: #F40;}
.roomCont .roomInfo .price li.sale em {font-weight: 700;font-size: 16px;position: relative;bottom: -1px;padding-left: 2px;}
.roomCont .roomInfo .price li.origin {color: #888;text-decoration: line-through;}
.roomCont .roomInfo .moreRoom {text-align: right;padding-top: 10px;}
.roomCont .roomInfo .moreRoom a {background: url(../images/arrow2.png) no-repeat 0 5px;color: #39F;display: inline-block;height: 18px;line-height: 18px;padding-left: 13px;}
.roomCont .roomInfo .moreRoom a em {padding: 0 3px;}
.roomCont .roomInfo .moreRoom a:hover {text-decoration: underline;}
.roomCont .roomInfo .moreRoom a.expand {background-position: 0 -22px;}
.roomCont .defaultHide {display: none;}

.preHover {position: relative;}
.preHover .preBox {display: none;cursor: auto;padding-top: 8px;position: absolute;top: 24px;left: -1px;z-index: 50;}
.preHover:hover .preBox {display: block;}
.preHover .preBox .box {background: #FFFCE5;border: 1px solid #FFCE88;border-radius: 3px;padding: 0 10px;position: relative;width: 265px;}
.preHover .preBox .bg {background: url(../images/hotel/prehover.png) no-repeat 0 0;height: 5px;position: absolute;top: -5px;left: 12px;width: 8px;}
.preHover .preBox h5.title {border-bottom: 1px solid #FFDBB2;color: #F60;height: 18px;line-height: 18px;padding: 8px 0;text-align: left;}
.preHover .preBox .content {color: #754;line-height: 20px;padding: 8px 0;}
.preHover .preBox .content p {float: none;margin: 0;padding: 0;text-align: left;}

.basicInfo {background: #FFF4D9;border-bottom: 1px solid #E0E0E0;display: none;padding: 8px 0 0;}
.basicInfo ul {padding: 0 0 8px 5px;}
.basicInfo .texts li {color: #666;float: left;height: 32px;line-height: 32px;padding-right: 30px;}
.basicInfo .pics li {float: left;margin-right: 5px;}
.basicInfo .pics li a {background: #FFF;border: 1px solid #E5E5E5;display: block;height: 75px;width: 100px;overflow: hidden;padding: 2px;}

/*详情页*/
.topBar {float: right;}
.topBar dd {float: left;height: 18px;line-height: 18px;position: relative;}
.topBar dd.share {background:  url(../images/division.gif) no-repeat scroll 0 50%;margin-left: 15px;padding-left: 15px;}
.topBar dd a {color: #2C3E50;display: block;}
.topBar dd a:hover {text-decoration: underline;}
.topBar dd b {background: url(../images/hotel/topbar.png) no-repeat 0 1px;display: block;font-weight: normal;padding-left: 22px;}
.topBar dd b.off{background: url(../images/topbar1.png) no-repeat 0 1px;}
.topBar dd.share b {background-position: 0 -33px;}
.topBar dd.share .container {display: none;padding-top: 10px;position: absolute;right: 0;top: 18px;z-index: 1;}
.topBar dd.share:hover .container {display: block;}
.topBar dd.share .box {background: #FFFCE5;border: 1px solid #FFCE88;border-radius: 3px;padding: 0 3px 0 10px;position: relative;width: 161px;}
.topBar dd.share .bg {background: url(../images/hotel/prehover.png) no-repeat 0 0;height: 5px;position: absolute;top: -5px;right: 15px;width: 8px;}
.topBar dd.share .content {color: #754;line-height: 20px;padding: 5px 0;}

.showPage {border-top: 1px solid #DADADA;margin-top: 20px;padding: 20px 0;}
.showPage .sideBar {float: right;margin-left: -275px;position: relative;width: 275px;}
.showPage .mainLeft {float: left;width: 100%;}
.showPage .mainLeft .container {margin-right: 275px;padding-right: 15px;}

.showPage .hotelTitle .titleRight {float: right;margin-left: -130px;position: relative;width: 130px;}
.showPage .hotelTitle .titleInfo {float: left;width: 100%;}
.showPage .hotelTitle .inner {margin-right: 130px;padding-right: 20px;}
.showPage .hotelTitle h1 {color: #333;font-size: 22px;line-height: 30px;}
.showPage .hotelTitle p {color: #888;padding-top: 10px;}
.showPage .hotelTitle .address {color: #754;}
.showPage .hotelTitle .address a {background: url(../images/hotel/map.png) no-repeat 0 0;color: #39F;display: inline-block;margin-left: 10px;padding-left: 20px;}
.showPage .hotelTitle .address a.map {background-position: 0 0;}
.showPage .hotelTitle .address a.mobile {background-position: 0 -43px;}
.showPage .hotelTitle .address a:hover {text-decoration: underline;}
.showPage .titleRight .price {color: #888;font-size: 12px;height: 36px;line-height: 36px;text-align: right;position: relative;top: -5px;}
.showPage .titleRight i,.showPage .titleRight em {color: #F40;font-size: 14px;}
.showPage .titleRight em {font-size: 30px;font-weight: 700;padding: 0 3px;position: relative;bottom: -4px;}
.showPage .titleRight .orderLink {height: 34px;line-height: 34px;padding-top: 12px;}
.showPage .titleRight .orderLink a {background: #FC893D;border-radius: 1px;color: #FFF;display: block;font-size: 14px;text-align: center;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.showPage .titleRight .orderLink a:hover {background: #E4393C;text-decoration: none;}
.showPage .property {padding-top: 10px;}
.showPage .property li {background: url(../images/division.gif) no-repeat right 50%;color: #888;float: left;height: 18px;line-height: 18px;margin-right: 8px;padding-right: 8px;}
.showPage .property li:last-child {background: none;}
.showPage .property li span {display: inline-block;}
.showPage .property li .type {background: #39F;box-shadow: 1px 1px 1px #888;color: #FFF;padding: 0 5px;}
.showPage .property li .star {background: #FC893D;box-shadow: 1px 1px 1px #888;color: #FFF;margin-left: 6px;padding: 0 5px;}
.showPage .property li .brand {color: #328605;}

.showPage .infoBox{padding-top: 15px;padding-bottom: 15px;}
.showPage .infoBox .coverPic {float: left;height: 270px;margin-right: -360px;overflow: hidden;position: relative;width: 360px;}
.showPage .infoBox .coverPic .checkPic {background: rgba(0, 0, 0, 0.65);color: #DADADA;display: block;height: 34px;line-height: 34px;padding: 0 15px;position: absolute;right: 0;bottom: 10px;}
.showPage .infoBox .coverPic .checkPic{-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.showPage .infoBox .coverPic .checkPic:hover {background: #FC893D;text-decoration: underline;}
.showPage .infoBox .smallPic {float: right;width: 100%;}
.showPage .infoBox .smallPic ul {margin-left: 360px;margin-top: -10px;}
.showPage .infoBox .smallPic li {background: #AAA;float: left;margin: 10px 0 0 10px;height: 130px;overflow: hidden;width: 173px;}
.showPage .infoBox .smallPic li a {display: block;}
.showPage .infoBox .smallPic li img {/*position: relative;left: -20%;top: -20%;*/}

.showPage .topReview {min-height: 85px;}
.showPage .topReview dt {color: #999;height: 36px;line-height: 36px;}
.showPage .topReview dt .reviewAll {color: #39F;float: right;}
.showPage .topReview dt .reviewAll:hover {text-decoration: underline;}
.showPage .topReview dt span {float: left;padding-right: 8px;}
.showPage .topReview dt .score {position: relative;top: -3px;}
.showPage .topReview dt .score em {color: #F40;font-size: 20px;}
.showPage .topReview dd {background: url(../images/hotel/reviewbg.png) no-repeat 0 0;height: 18px;line-height: 18px;margin-top: 6px;overflow: hidden;padding: 15px 0 7px;width: 100%;}
.showPage .topReview dd p {color: #555;padding: 0 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.showPage .topReview dd p.noData {color: #999;text-align: center;}
.showPage .topReview dd p.noData a {color: #39F;text-decoration: underline;}
.showPage .mapZone {background: #555;color: #FFF;margin-top: 16px;height: 270px;text-align: center;overflow: hidden;position: relative;}
.showPage .mapZone .map {height: 270px;width: 275px;overflow: hidden;}
.showPage .mapZone .bigMap {background: rgba(0, 0, 0, 0.65);color: #DADADA;cursor: pointer;display: block;height: 34px;line-height: 34px;padding: 0 15px;position: absolute;right: 0;bottom: 10px;}
.showPage .mapZone .bigMap {-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.showPage .mapZone .bigMap:hover {background: #FC893D;text-decoration: underline;}

.showPage .sideBar .box {background: #FFF;border: 1px solid #E5E5E5;border-top: 1px solid #E4393C;margin-top: 15px;}
.showPage .sideBar .hd {border-bottom: 1px solid #E5E5E5;color: #333;font-size: 14px;height: 40px;line-height: 40px;padding: 0 10px 0 15px;}
.showPage .sideBar .noRecord {background: url(../images/record.png) no-repeat 10px 15px;color: #999;height: 24px;line-height: 24px;padding: 15px 15px 15px 42px;}

.showPage .roomInfo {border-bottom: 1px solid #D0D0D0;position: relative;}
.showPage .roomInfo:last-child{border-bottom: 0;}
.showPage .roomInfo .hd {background: #707E8A;height: 42px;line-height: 42px;padding: 0;}
.showPage .roomInfo .hd b {background: #E4393C;color: #FFF;display: inline-block;float: left;font-size: 14px;font-weight: 700;padding: 0 16px;}
.showPage .roomInfo .hd_type{height: 100%;/* border: 1px solid #D0D0D0; */border-top: 0;position: absolute;float: left;width: 25%;background: #f6f5f4;}
.showPage .roomInfo .hd_type img{position: absolute; top: 5px; left: 5px; border-radius: 10px;}
.showPage .roomInfo .roomInfo:last-child .hd_type{border-bottom: 0;}
.showPage .roomInfo .roomInfo .hd_type .title_type{padding-left: 80px;font-size: 16px;line-height: 54px;height: 50px;display: block;/* background: url(../images/default/blockIcon.png) no-repeat 18px -157px/40px; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.showPage .roomInfo .roomInfo .hd_type .fr {/* position: absolute; *//* right: 20px; *//* top: 17px; */background: url(../images/arrow2.png) no-repeat right 5px;cursor: pointer;display: none;padding-right: 12px;padding-left: 65px;}
.roomCont .roomInfo .box .roomItem{background-color: #fff;/* border-bottom: 1px dashed #d3d3d3; */margin: 0 5px;}

.showPage .checkDate {float: right;padding-right: 6px;}
.showPage .checkDate dd {border-left: 1px solid #707E8A;float: left;height: 30px;line-height: 30px;padding: 6px 0;position: relative;width: auto;}
.showPage .checkDate .inputText {background: #FFF;border: 0;height: 20px;line-height: 20px;padding: 5px 60px 5px 46px;width: 95px;}
.showPage .checkDate .inputBtn {background: #FB8D00;border: none;color: #FFF;cursor: pointer;font-size: 12px;height: 30px;line-height: 28px;width: 130px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.showPage .checkDate .inputBtn:hover {background: #FB7600;}
.showPage .checkDate .timeInfo {background: url(../images/hotel/calendar.png) no-repeat right 6px;color: #888;padding-right: 22px;position: absolute;right: 6px;top: 6px;width: 30px;height: 30px;}
.showPage .checkDate label {color: #333;padding-left: 6px;position: absolute;top: 6px;left: 0;}

/*优惠策略*/
.showPage .discount {float: left;padding: 0 10px 0 6px;width: 265px;}
.showPage .discount dt {background: url(../images/hotel/discount.png) no-repeat 0 50%;color: #FFF;float: left;margin-right: -79px;padding-left: 19px;position: relative;width: 60px;}
.showPage .discount dd {color: #FF0;height: 42px;float: left;width: 100%;}
.showPage .discount dd .inner {margin-left: 79px;padding-left: 5px;padding-right: 12px;position: relative;}
.showPage .discount dd p.bouns {color: #FF0;cursor: pointer;height: 42px;line-height: 42px;text-decoration: underline;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.showPage .discount dd .preHover .preBox {padding-top: 18px;}
.showPage .discount dd .arrow {position: absolute;right: 0;top: 0;width: 9px;z-index: 100;}
.showPage .discount dd .arrow a {background: url(../images/sorticon.png) no-repeat 0 0;display: block;height: 21px;line-height: 21px;width: 9px;}
.showPage .discount dd .arrow a.prev {background-position: -45px 10px;}
.showPage .discount dd .arrow a.next {background-position: -27px 0px;}
.showPage .discount dd .arrow a.prevStop {background-position: -54px 10px;}
.showPage .discount dd .arrow a.nextStop {background-position: -36px 0px;}

.showPage .roomChoose{float: left;padding: 0 10px 0 6px;width: 265px;position: relative;}
.showPage .roomChoose dt {background: url(../images/hotel/room.png) no-repeat 0 50%;color: #FFF;float: left;margin-right: -79px;padding: 0;padding-left: 19px;position: relative;width: 60px;height: auto;line-height: inherit;text-align: initial;}
.showPage .roomChoose dd {color: #FF0;height: 42px;float: left;width: 100%;padding: 0;}
.showPage .roomChoose dd .text {margin-left: 79px;padding-left: 5px;padding-right: 12px;position: relative;height: 42px;line-height: 42px;}
.showPage .roomChoose dd .text p{display: inline-block;}
.showPage .roomChoose dd .text i {background: url(../images/arrow.png) no-repeat 0px -61px;display: inline-block;font-size: 0;height: 10px;position: relative;left: 5px;top: 12px;width: 7px;-webkit-transition: all 0.2s ease-in 0s;-moz-transition: all 0.2s ease-in 0s;transition: all 0.2s all 0.2s ease-in 0s;overflow: hidden\9;}
.showPage .roomChoose .dropMenu {display: none;position: absolute;left: 78px;top: 42px;z-index: 10;}
.showPage .roomChoose .dropMenu dl {background: #FFF;border: 1px solid #536371;border-top: 0;}
.showPage .roomChoose .dropMenu dd {border-top: 1px solid #EFEFEF;color: #999;padding: 0 5px 0 10px;width: 187px;float: initial;cursor: pointer;}
.showPage .roomChoose .dropMenu dd:hover {background: #F1F1F1;color: #666;}
.showPage .roomList{background: #FFF; border: 1px solid #D0D0D0; border-top: 0;}
.showPage .roomList>dl.title{color: #999;border-bottom: 1px solid #D0D0D0;}
.showPage .roomList>dl.title dt,.showPage .roomList>dl.title dd{float: left;height: 24px;line-height: 24px;padding: 8px 5px;text-align: left;}
.showPage .roomList>dl.title dt{width: 225px;text-align: center;}
.showPage .roomList>dl.title dd.col0 {width: 84px;}
.showPage .roomList>dl.title dd.col1 {width: 98px;}
.showPage .roomList>dl.title dd.col2 {width: 50px;}
.showPage .roomList>dl.title dd.col3 {width: 59px;}
.showPage .roomList>dl.title dd.col4 {width: 307px;}
.showPage .roomList>dl.title dd.col5 {width: 130px;padding: 8px 0;}
.showPage .roomInfo .rooms {background: #FFF;border: 1px solid #D0D0D0;border-top: 0;}
.showPage .roomInfo .rooms dl {border-bottom: 1px solid #EAEAEA;}
.showPage .roomInfo .rooms dl.title {background: #EFEFEF;color: #999;}
.showPage .roomInfo .rooms dt,.showPage .roomInfo .rooms dd {float: left;height: 24px;line-height: 24px;padding: 8px 5px;text-align: left;}
.showPage .roomInfo .rooms dt {padding-left: 15px;width: 208px;}
.showPage .roomInfo .rooms dt a {background: url(../images/arrow2.png) no-repeat right 8px;cursor: pointer;display: inline-block;padding-right: 12px;}
.showPage .roomInfo .rooms dt a:hover {text-decoration: underline;}
.showPage .roomInfo .rooms dt a.expand {background-position: right -19px;}
.showPage .roomInfo .rooms dd {width: 85px;}
.showPage .roomInfo .rooms dd.col1 {width: 95px;}
.showPage .roomInfo .rooms dd.col2 {width: 85px;}
.showPage .roomInfo .rooms dd.col3 {width: 94px;}
.showPage .roomInfo .rooms dd.col4 {width: 230px;}
.showPage .roomInfo .rooms dd.col5 {width: 130px;padding: 8px 0;}
.showPage .roomInfo .rooms dd.btnLink span {float: left;margin-right: 6px;overflow: hidden;}
.showPage .roomInfo .rooms dd.btnLink span i {background: #FFF;border: 1px solid #E4393C;color: #E4393C;display: inline-block;height: 22px;line-height: 22px;opacity: 0.75;padding: 0 5px;}
.showPage .roomInfo .rooms dd.btnLink span .i2 {border-color: #5094DD;color: #5094DD;}
.showPage .roomInfo .rooms dd.btnLink span .i3 {border-color: #F80;color: #F80;}
.showPage .roomInfo .rooms dd.btnLink a {background: #FC893D;border-radius: 1px;color: #FFF;float: left;padding: 0 8px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.showPage .roomInfo .rooms dd.btnLink a:hover {background: #E4393C;text-decoration: none;}
.showPage .roomInfo .rooms dd.btnLink a.full {background: #AAA;}
.showPage .roomInfo .rooms dd strong {color: #328605;font-weight: normal;}
.showPage .roomInfo .rooms dd .bonus {color: #F80;border-bottom: 1px dashed #F80;display: inline;}
.showPage .roomInfo .rooms .price li {float: left;margin-right: 10px;}
.showPage .roomInfo .rooms .price li.sale {color: #F40;}
.showPage .roomInfo .rooms .price li.sale em {font-weight: 700;font-size: 16px;position: relative;bottom: -1px;padding-left: 2px;}
.showPage .roomInfo .rooms .price li.origin {color: #888;text-decoration: line-through;}
.showPage .roomInfo .rooms .moreRoom {text-align: right;padding-top: 10px;}
.showPage .roomInfo .rooms .moreRoom a {background: url(../images/arrow2.png) no-repeat 0 5px;color: #39F;display: inline-block;height: 18px;line-height: 18px;padding-left: 13px;}
.showPage .roomInfo .rooms .moreRoom a em {padding: 0 3px;}
.showPage .roomInfo .rooms .moreRoom a:hover {text-decoration: underline;}
.showPage .roomInfo .rooms .moreRoom a.expand {background-position: 0 -22px;}
.showPage .roomInfo .rooms .basicInfo {background: #FFF4D9;border-bottom: 1px solid #E0E0E0;display: none;padding: 8px 0 0;}
.showPage .roomInfo .rooms .basicInfo ul {padding: 0 0 8px 15px;}
.showPage .roomInfo .rooms .basicInfo .texts li {color: #666;float: left;height: 32px;line-height: 32px;padding-right: 30px;}
.showPage .roomInfo .rooms .basicInfo .pics li {float: left;margin-right: 5px;}
.showPage .roomInfo .rooms .basicInfo .pics li a {background: #FFF;border: 1px solid #E5E5E5;display: block;height: 75px;width: 100px;overflow: hidden;padding: 2px;}

/*详情描述*/
.detailBox {border: 1px solid #E5E5E5;border-top: 0;margin-top: 15px;min-height: 500px;position: relative;}
.detailNav {border-bottom: 1px solid #E5E5E5;border-top: 2px solid #707E8A;background: #ECEFF2;position: absolute;top: 0;width: 100%;z-index: 1;}
.detailNav .booking {display: none;float: right;padding: 5px;}
.detailNav .booking a {background: #FC893D;color: #FFF;display: block;height: 36px;line-height: 36px;padding: 0 41px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.detailNav .booking a:hover {background: #E4393C;}
.detailNav ul {float: left;}
.detailNav li {border-right: 1px solid #E0E0E0;float: left;height: 44px;line-height: 44px;padding: 1px 0;}
.detailNav li a {display: block;font-size: 14px;padding: 0 15px;}
.detailNav li a:hover {text-decoration: underline;}
.detailNav li.active {border-top: 2px solid #E4393C;margin-top: -2px;font-weight: 700;padding-top: 0;}
.detailNav li.active a {background: #FFF;color: #E4393C;position: relative;border-bottom: 1px solid #FFF;height: 46px;}
.detailNav li span {color: #E4393C;padding-left: 2px;}

.detailItems {line-height: 22px;}
.detailItems .item {border-top: 1px solid #C5C5C5;}
.detailItems .item:first-child{border-top:0px;}
.showPage .hotelInfo {padding: 15px;}
.showPage .facilities {line-height: 28px;}
.showPage .facilities .content {padding: 0 15px;}
.showPage .facilities dl {border-bottom: 1px dashed #E0E0E0;padding: 7px 0;}
.showPage .facilities dl:last-child {border-bottom: 0;}
.showPage .facilities dt {color: #000;float: left;margin-right: -60px;position: relative;width: 60px;}
.showPage .facilities dd {float: right;width: 100%;}
.showPage .facilities dd .inner {margin-left: 60px;padding-left: 13px;}
.showPage .facilities li {background: url(../images/hotel/tick.png) no-repeat 0 50%;color: #888;float: left;margin-right: 15px;padding-left: 22px;width: 124px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.showPage .facilities li.none {background: url(../images/hotel/cross.png) no-repeat 0 50%;}
.showPage .itemHd {border-bottom: 1px solid #E5E5E5;height: 46px;line-height: 46px;}
.showPage .itemHd b {background: #ECEFF2;border-top: 1px solid #E4393C;color: #E4393C;display: inline-block;font-size: 14px;font-weight: normal;padding: 0 15px;position: relative;top: -1px;}
.showPage .itemHd>span{float: right;margin-right: 15px;}
.showPage .galleryList {padding: 15px 0 15px 15px; height: 158px; overflow: hidden;}
.showPage .galleryList ul {margin: -15px 0 0 -15px;}
.showPage .galleryList li {background: #FFF;border: 1px solid #E5E5E5;float: left;height: 153px;margin: 15px 0 0 15px;overflow: hidden;padding: 1px;width: 204px;}
/*.showPage .galleryList li:nth-child(4){position: relative;cursor:pointer;}
.showPage .galleryList li:nth-child(4):after{content: '查看更多';position: absolute;left: 50%;top: 50%;color: #fff;font-size: 18px;margin-top: -12px;margin-left: -36px;font-family: 微软雅黑;}
.showPage .galleryList li:nth-child(4):before{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}*/
.showPage .videoBox {color: #888;padding: 15px;}
.showPage .trafficBox {padding: 15px;}
.showPage .trafficBox .contact {margin-bottom: 15px;}
.showPage .trafficBox .mapBox {margin-bottom: 15px;overflow: hidden;}
.showPage .trafficBox .textCon {border-top: 1px solid #E0E0E0;}
.showPage .trafficBox dl {border-bottom: 1px dashed #E0E0E0;padding: 10px 0;}
.showPage .trafficBox dt {color: #000;float: left;margin-right: -60px;position: relative;width: 60px;}
.showPage .trafficBox dd {color: #666;float: right;width: 100%;}
.showPage .trafficBox dd .inner {margin-left: 60px;padding-left: 13px;}
.showPage .otherTexts {padding: 0 15px 15px;}
.showPage .otherTexts dl {border-bottom: 1px dashed #E0E0E0;padding: 10px 0;}
.showPage .otherTexts dt {color: #000;}

.dialogueBox {background: #FFF;}
.dialogueBox dl {margin-top: 15px;}
.dialogueBox dt {float: left;margin-right: -103px;position: relative;width: 83px;}
.dialogueBox dt img,.dialogueBox dt .visitor {border: 1px solid #EAEAEA;display: block;height: 75px;width: 75px;padding: 3px;}
.dialogueBox dt .visitor {background: url(../images/visitor.gif) no-repeat 3px 3px;}
.dialogueBox dt p {height: 18px;line-height: 18px;padding-top: 5px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dialogueBox dt .user {color: #328605;text-transform: uppercase;}
.dialogueBox dt .date {color: #888;}
.dialogueBox dd {float: right;width: 100%;}
.dialogueBox dd .box {border: 1px solid #EAEAEA;border-top: 1px solid #D0D0D0;margin-left: 103px;position: relative;}
.dialogueBox .box .desc {background: #FFF;color: #39F;line-height: 20px;padding: 10px 15px;}
.dialogueBox .box .desc .date {color: #AAA;float: right;}
.dialogueBox .box .score {float: left;}
.dialogueBox .box .score li {background: url(../images/division.gif) no-repeat right 50%;float: left;margin-right: 12px;padding-right: 12px;}
.dialogueBox .box .score li span {color: #E4393C;}
.dialogueBox .box .reply {border-top: 1px solid #EAEAEA;color: #888;line-height: 20px;padding: 10px 15px;}
.dialogueBox .box .reply b {color: #F80;font-weight: normal;}
.dialogueBox .box .pending {color: #FF7C7A;}
.dialogueBox .arrow {background: url(../images/hotel/arrowleft.png) no-repeat 0 0;display: block;position: absolute;left: -7px;top: 17px;width: 7px;height: 12px;}

.dataless {color: #999;line-height: 32px;min-height: 32px;padding: 40px 0;text-align: center;}
.dataless span {background: url(../images/blank.png) no-repeat 0 50%;display: inline-block;padding-left: 36px;}

/*在线咨询*/
.consults .content {font-size: 12px;padding: 15px;}
.consults .textCon {overflow: hidden;}
.consults .formBox {border: 1px solid #EAEAEA;height: 80px;padding: 5px;position: relative;}
.consults .formBox textarea {background: #FFF;border: 0;color: #555;line-height: 20px;height: 80px;overflow: auto;width: 100%;resize: none;}
.consults .formBtn {border: 1px solid #EAEAEA;border-top: 0;color: #888;height: 40px;line-height: 40px;padding-left: 15px;}
.consults .formBtn .btn {background: #E4393C;border: 0;color: #FFF;cursor: pointer;float: right;padding: 0 20px;text-align: center;height: 40px;}
.consults .formBtn .user {color: #328605;font-weight: normal;text-transform: uppercase;}
.consults .dialogueBox dd .box {background: #FFFFE0;min-height: 125px;}

/*客户点评*/
.reviews .content {font-size: 12px;padding: 0;}
.satisfaction {border-bottom: 1px solid #E5E5E5;padding: 15px 10px;}
.satisfaction .fraction,.satisfaction .optionLink {text-align: center;color: #888;position: relative;}
.satisfaction .fraction {float: left;margin-right: -250px;padding-top: 13px;width: 250px;}
.satisfaction .optionLink {float: right;margin-left: -280px;width: 280px;}
.satisfaction .numerical {float: left;width: 100%;}
.satisfaction .numerical .container {border: 1px solid #E5E5E5;border-width: 0 1px;margin: 0 285px 0 265px;min-height: 117px;padding: 0 20px;}
.satisfaction .numerical dl {margin-top: 15px;}
.satisfaction .numerical dl:first-child {margin-top: 0;}
.satisfaction .numerical dt {float: left;height: 18px;line-height: 18px;margin-right: -60px;position: relative;width: 60px;text-align: right;}
.satisfaction .numerical dd {float: right;width: 100%;}
.satisfaction .numerical .inner {margin-left: 60px;padding: 1px 0 1px 10px;}
.satisfaction .optionLink .text {margin-bottom: 7px;padding-top: 28px;}
.satisfaction .optionLink .preBox {left: auto;right: -1px;}
.satisfaction .optionLink .preBox .bg {left: auto;right: 25px;}
.satisfaction .optionLink .preBox .box {width: 320px;}
.satisfaction .optionLink .linkBtn a {background: #FC893D;color: #FFF;display: inline-block;height: 32px;line-height: 32px;text-align: center;padding: 0 25px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.satisfaction .optionLink .linkBtn a:hover {background: #E4393C;}
.satisfaction .fraction em {padding: 0 3px;}
.satisfaction .fraction .score {height: 48px;padding-bottom: 10px;line-height: 28px;}
.satisfaction .fraction .score em {bottom: -15px;color: #E4393C;font-size: 48px;font-weight: 700;position: relative;text-shadow: 0 3px 3px #888;}

.progress  {height: 16px;background: #ebebeb;border-left: 1px solid transparent;border-right: 1px solid transparent;border-radius: 10px;}
.progress > span  {position: relative;float: left;margin: 0 -1px;min-width: 30px;height: 14px;line-height: 12px;text-align: right;background: #cccccc;border: 1px solid;border-color: #bfbfbf #b3b3b3 #9e9e9e;border-radius: 10px;background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);background-image: -o-linear-gradient(top, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);background-image: linear-gradient(to bottom, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);}
.progress > span > span  {padding: 0 6px;font-size: 10px;font-weight: 700;color: #404040;color: rgba(0, 0, 0, 0.7);text-shadow: 0 1px rgba(255, 255, 255, 0.4);}
.progress > span:before  {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;height: 14px;background: url(../images/line/progress.png) 0 0 repeat-x;border-radius: 10px;}
.progress .green  {background: #85c440;border-color: #78b337 #6ba031 #568128;background-image: -webkit-linear-gradient(top, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);background-image: -moz-linear-gradient(top, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);background-image: -o-linear-gradient(top, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);background-image: linear-gradient(to bottom, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);}
.progress .red  {background: #db3a27;border-color: #c73321 #b12d1e #8e2418;background-image: -webkit-linear-gradient(top, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);background-image: -moz-linear-gradient(top, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);background-image: -o-linear-gradient(top, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);background-image: linear-gradient(to bottom, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);}
.progress .orange  {background: #f2b63c;border-color: #f0ad24 #eba310 #c5880d;background-image: -webkit-linear-gradient(top, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);background-image: -moz-linear-gradient(top, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);background-image: -o-linear-gradient(top, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);background-image: linear-gradient(to bottom, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);}
.progress .blue  {background: #5aaadb;border-color: #459fd6 #3094d2 #277db2;background-image: -webkit-linear-gradient(top, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);background-image: -moz-linear-gradient(top, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);background-image: -o-linear-gradient(top, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);background-image: linear-gradient(to bottom, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);}

.reviewList {padding: 0 15px 15px;}
.impression {background: #F0F0F0;border-top: 1px solid #E5E5E5;padding: 10px 15px;}
.impression .text li {color: #F80;float: left;margin-right: 10px;}
.impression .text li:first-child {margin-right: 5px;}
.impression .text li span {color: #AAA;}
.impression .pics {border-top: 1px solid #E5E5E5;margin-top: 10px;padding-top: 10px;}
.impression .pics ul {margin-top: -10px;}
.impression .pics li {background: #FFF;border: 1px solid #E5E5E5;float: left;height: 60px;margin: 10px 10px 0 0;padding: 2px;width: 80px;}

/*重置样式*/
.dropDestination .dropMenu{display: block!important;}

/*供应商信息*/
.sellerBox{float: left;}
.sellerBox a.more{background: url("../images/arrowbg.gif") no-repeat scroll right -364px!important;padding-right: 10px;color: #3aa400;max-width: 85px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sellerBox .moreInfo{background: url(../images/tipbg.png) no-repeat right 0;display: none;height: 140px;position: absolute;left: 0;top: -120px;width: 283px;z-index:1000}
.sellerBox .box{height: 120px;overflow: hidden;padding: 17px 13px 3px!important;font-size:12px;border-top: 0!important;background: inherit!important;}
.sellerBox h5{color: #000;font-weight: bold;height: 32px;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;_white-space: normal;}
.sellerBox .moreInfo p{height: 18px;line-height: 18px;padding-top: 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;_white-space: normal;}
.sellerBox .infoCont{width: 257px;height: 100px;padding: 10px 0;}
.sellerBox .infoCont span{float: left;height: 25px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 141px;}
.sellerBox .infoCont .imgPic{border: 1px solid #e8e8e8;height: 90px;margin-right: 8px;padding: 5px;width: 96px;}
.sellerBox .infoCont .imgPic a{height: 90px;line-height: 90px;padding-right: 10px;width: 96px;background: inherit;}
.sellerBox .infoCont .imgPic a img{max-height: 90px;}
.sellerBox .infoCont .tit a{background: none;}
.sellerBox .infoCont .tick{width: 125px;background: url(../images/tick.gif) no-repeat 0 8px;color: #23B166;overflow: hidden;padding-left: 16px;}
.sellerBox .infoCont .tick.tick1{background-position: 0 -41px;color: #D33836;}
.sellerBox .authorize{border: 1px solid #EAEAEA;border-width: 1px 0;}
.sellerBox .authorize li{background: url(../images/tick.gif) no-repeat 0 10px;color: #23B166;float: left;height: 30px;line-height: 30px;margin-right: 20px;overflow: hidden;padding-left: 16px;}
.sellerBox .authorize li.tick{background-position: 0 -43px;color: #D33836;}