body { background-color: #fff; }

/*filter-box*/
.filter-box { border: 1px solid #ebebeb; margin-top: 30px; padding: 6px 20px; font-size: 14px; }
.condition-list { overflow: hidden; }
.filter-box .item { height: 30px; line-height: 16px; padding-bottom: 14px; overflow: hidden; position: relative; top: 1px; border-bottom: 1px dotted #EBEBEB }
.filter-box .active { height: auto; }
.filter-box .condition-name { float: left; color: #A5A6A6; width: 100px; margin-top: 16px }
.filter-box .select-all { float: left; width: 76px; margin-top: 16px; }
.filter-box .select-all span { cursor: default; color: #49C9F5 }
.filter-box .all-able span{ cursor: pointer; color: #424445}
.filter-box ul { float: left; width: 800px; }
.filter-box li { float: left; width: 150px; margin-right: 10px; height: 16px; margin-top: 14px; position: relative; }
.filter-box li:nth-child(n+6){ margin-top: 20px;}
.filter-box .checkbox { width: 14px; height: 14px; border: 1px solid #E4E4E4; border-radius: 1px; position: absolute; left: 0; top: 0; }
.filter-box .name { padding-left: 25px; width: 125px; display: inline-block; height: 16px; line-height: 16px; cursor: pointer; position: relative; white-space: nowrap; Word-break: normal; text-overflow: ellipsis; overflow: hidden; }
.filter-box .name:hover { color: #49C9F5 }
.filter-box .name:hover .checkbox{ border-color: #49C9F5}
.filter-box .arrow { width: 17px; height: 17px; position: absolute; right: 20px; top: 16px; background: url(../images/ico-arrow3.png) no-repeat; background-size: 100% auto; opacity: .8; filter: alpha(opacity=80); -webkit-transform: rotate(180deg); transform: rotate(180deg); cursor: pointer; -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; display: none; }
.filter-box .checked .checkbox { background: url(../images/ico-checked.png) no-repeat center; background-size: 12px auto; }
.filter-box .active .arrow { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.filter-box .arrow:hover{width: 17px; height: 17px; position:absolute; right:20px; top: 16px; background: url(../images/ico-arrow3b.png) no-repeat; background-size: 100% auto; opacity: .8; filter: alpha(opacity=80); -webkit-transform: rotate(180deg); cursor: pointer; -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; display: none;}
.filter-box .active .arrow:hover { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotate(0deg); transform:rotate(0deg); }
.filter-box .active li:nth-child(n+6){ margin-top: 16px;}

/*side-history*/
.sidebar { width: 260px; min-height: 492px; float: right; font-size: 14px; margin-top: 20px; position: relative; }
.side-box { background-color: #fff; width: 260px; position: absolute; left: 0; top: 0 }
.side-box .m-hd { width: 100%; height: 50px; background-color: #fafafa; position: relative; line-height: 50px; text-indent: 36px;  }
.side-box .m-hd .ico { width: 20px; height: 20px; overflow: hidden; position: absolute; left: 10px; top: 50%; margin-top: -10px; background: url(../images/ico-history.png) no-repeat; background-size: 20px auto; }
.side-history .bd{ margin-top: 10px;}
.side-history li { height: 60px; overflow: hidden; padding: 10px 0; padding-left: 15px; }
.side-history li:hover { background-color: #FAFAFA; }
.side-history li:hover .tit { color: #49C9F5 }
.side-history li .pic { width: 60px; height: 60px; display: inline; float: left; margin-right: 15px }
.side-history li img { width: 60px; height: 60px; }
.side-history li .tit { font-size: 16px; padding-top: 10px; line-height: 22px; width: 160px }
.side-history li .place { font-size: 14px; color: #bbb; margin-top: 5px; line-height: 20px; padding-left: 12px; background: url(../images/ico-place2.png) no-repeat 0 center; background-size: 6px auto; }

.side-history li .tit, .side-history li .place { white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis; }

/*search-rank*/
.search-rank { height: 50px; background-color: #fff; position: relative; width: 860px; background-color: #FAFAFA; margin-top: 20px; float: left; }
.search-rank li { float: left; line-height: 50px; padding: 0 25px; position: relative; }
.search-rank li .name { font-size: 14px; cursor: pointer; display: inline-block; position: relative; }
.search-rank li .name:hover{ color: #49C9F5}
.search-rank .rank-3 .name { width: 78px; height: 22px; line-height: 22px; border: 1px solid #B4B5B5; border-radius: 1px; font-size: 14px; color: #393A3D; text-align: center; margin-top: 7px; }
.search-rank .cur .name { color: #49C9F5; border-color: #49C9F5 }
.search-rank .rank-2 .name { padding-right: 13px; }
.search-rank .rank-2 i { width: 7px; height: 6px; position: absolute; right: 0; top: 19px; }
.search-rank .rank-2 .up { background: url(../images/up-1.png) no-repeat; background-size: 100% auto; }
.search-rank .rank-2 .down { background: url(../images/down-1.png) no-repeat; top: 26px; background-size: 100% auto; }
.search-rank .cur .up.active { background: url(../images/up-2.png) no-repeat; background-size: 100% auto; }
.search-rank .cur .down.active { background: url(../images/down-2.png) no-repeat; background-size: 100% auto; }
.search-list { width: 860px; float: left; position: relative; }
.search-loading:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; opacity: .8; z-index: 2;}
.search-list .item { border-bottom: 1px solid #F5F5F5; margin-top: 20px; overflow: hidden; position: relative; }
.search-list .item:hover { box-shadow: 0px 0px 8px #ececec }
.search-list .pic-box { width: 288px; height: 180px; overflow: hidden; position: relative; float: left; margin-right: 30px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; display: inline; }
.search-list .pic-box ul { width: 10000px; position: absolute; left: 0; top: 0 }
.search-list .pic-box li { width: 288px; height: 180px; float: left; overflow: hidden; }
.search-list .pic-box li img { width: 100%; }

/*search-list*/
.search-list .prev, .search-list .next { width: 20px; height: 20px; background-color: #EBEBEB; position: absolute; left: 10px; top: 50%; margin-top: -10px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; background: url(../images/arrow-left.png) no-repeat; background-size: 100% auto; }
.search-list .next { left: auto; right: 10px; background: url(../images/arrow-right.png) no-repeat; background-size: 100% auto; }
.search-list .pic-box:hover .prev, .search-list .pic-box:hover .next{ opacity: 1; filter: alpha(opacity=100);}
.search-list .info { overflow: hidden; min-height: 172px; position: relative; margin-left: 40px; padding-top: 18px; }
.search-list .tit { line-height: 24px; }
.search-list .name { font-size: 20px; transition: color .25s;}
.search-list .name1 {font-size: 20px;transition: color .25s;white-space: nowrap;text-overflow: ellipsis;display: inline-block;overflow: hidden;width: 100%;}
.search-list .class { color: #757575; margin-left: 15px; vertical-align: top; }
.search-list .feature { margin-top: 20px; font-size: 0; }
.search-list .feature span { display: inline-block; width: 42px; height: 17px; margin-right: 15px; }
.search-list .feature .f-wifi { background: url(../images/feature/ico-wifi.png) no-repeat; background-size: 100% auto; }
.search-list .feature .f-nitrox { width: 52px; background: url(../images/feature/ico-nitrox.png) no-repeat; background-size: 100% auto; }
.search-list .desc { color: #757575; width: 407px; margin-top: 10px; line-height: 24px; max-height: 48px; overflow: hidden; }
.search-list .honor { margin-top: 15px; }
.search-list .honor p { padding-left: 24px; color: #757575; height: 24px; line-height: 24px; background: url(../images/ico-honor.png) no-repeat; background-size: 16px auto; margin-bottom: 5px; }
.search-list .reviews { position: absolute; right: 30px; top: 18px; text-align: right; }
.search-list .reviews .num { display: block; font-size: 20px; margin-bottom: 10px; }
.search-list .reviews .num i { color: #9B9B9B; font-size: 14px; }
.search-list .night-price { width: 80px; height: 28px; color: #424445 ; text-align: right; line-height: 28px;  position: absolute; right: 30px; bottom: 45px; }
.search-list .btn-detail { width: 80px; height: 28px; color: #49C9F5; text-align: center; line-height: 28px; border: 1px solid #92D7F2; border-radius: 2px; position: absolute; right:  20px; bottom: 8px; transition: all .25s; font-size:14px}
.search-list .btn-detail-dive { width: 80px; height: 28px; color: #49C9F5; text-align: center; line-height: 28px; border: 1px solid #92D7F2; border-radius: 2px; position: absolute; left: 0px; bottom: 20px; transition: all .25s; font-size:14px}

.search-list .dive-desc {
    width: 100%;
    height: 60px;
    font-size: 14px;
    color: #757575;
  word-wrap:break-word;
  text-overflow: -o-ellipsis-lastline;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.search-list .item:hover .tit .name{ color: #49c9f5;}
.search-list .item:hover .btn-detail{ background-color: #49C9F5; color: #fff; border-color: #49C9F5}
.search-list .item:hover .prev, .search-list .item:hover .next{ opacity: 1; filter: alpha(opacity=100);}
.search-list .item:hover .disabled { opacity: .3; filter: alpha(opacity=30); }

.itinerary-list { width: 100%; float: left; }
.itinerary-list li {line-height: 44px;}
.itinerary-list li:hover { background-color: #F7FCFF; }
.itinerary-list a { display: block; overflow: hidden; padding-left: 10px; padding-right: 30px; color: #424445 }
.itinerary-list a:hover{ background: url(../images/arrow-right2.png) no-repeat 842px center; background-size: 5px auto;}
.itinerary-list .date { margin-right: 20px; float: left; }
.itinerary-list .name { margin-right: 10px; float: left; font-size: 14px; max-width: 300px; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis; }
.itinerary-list .period { float: left; color: #757575 }
.itinerary-list .left { float: right; color: #ED6C55; margin-left: 10px; }
.itinerary-list .from { float: right; margin-left: 10px; color: #424445 }
.itinerary-list .from span{ color: #757575}
.itinerary-list .discount { float: right; color: #757575; font-size: 13px; text-decoration: line-through; margin-left: 10px; padding-left: 18px; background: url(../images/ico-discount.png) no-repeat 0 center; background-size: 14px auto; }
.itinerary-list a:hover{ color: #49c9f5;}
.itinerary-list .full a, .itinerary-list .full .period, .itinerary-list .full .discount, .itinerary-list .full .from, .itinerary-list .full .from span { color: #bbb }
.itinerary-list li .promo-tips {padding-left: 10px; line-height: 20px;font-size: 12px;color: #666;}
.loading { margin-top: 20px; width: 860px; height: 40px; float: left; background-color: #fff; text-align: center; border-radius: 1px; position: relative; }
.loading span { font-size: 0; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url(../images/detail/loading.png) no-repeat; background-size: 100% auto; -webkit-animation: loading 1s infinite linear; animation: loading 1s infinite linear; }
.container-result .no-result { margin-top: 78px; width: 875px; float: left; text-align: center; display: none; }
.container-result .no-result .info { display: inline-block; text-align: left; padding-left: 50px; background: url(../images/ico-search2.png) no-repeat 0 center; background-size: 28px auto; line-height: 20px; }
.container-result .no-result .msg { font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 10px; }
.container-result .no-result .tip a { color: #49C9F5 }

.select-place .ico-search:hover{background:url(../images/ico-search4.png)}