/* search-type-tab */
.search-type-tab{  width: 100%}
.search-type-tab .search-type{position: relative;display: inline-block; width: 50%; font-size: .26rem; height: .8rem ;line-height:.8rem;text-align: center}
.search-type-tab .ship::after{position:absolute; right: -1px;top:.2rem;display: inline-block; content:"";height: .4rem; width: .02rem;background-color: rgba(66, 68, 69, 0.1);}
.search-type-tab .search-type-selected{color: #49c9f5; border-bottom: .03rem solid #49c9f5 }
/*search-rank*/

.search-rank { background-color: #fff; padding: 0 1rem; position: relative; }
.search-rank .sort, .search-rank .filter { height: 1rem; line-height: 1rem; float: left; width: 1.6rem; font-size: .3rem; color: #757575; position: relative; text-indent: .7rem; background: url(../images/ico-sort.png) no-repeat .25rem center; background-size: .27rem auto; }
.search-rank .filter { float: right; background: url(../images/ico-filter.png) no-repeat .25rem center; background-size: .28rem auto; }
.search-rank .active { border-bottom-color: #4BCAF6 }

.filter-box { width: 100%; background-color: #fff; position: absolute; left: 0; top: .9rem; z-index: 2; -webkit-box-shadow: 0px .04rem .04rem rgba(201, 201, 201, .5); box-shadow: 0px .04rem .04rem rgba(201, 201, 201, .5); padding-right: .04rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding-bottom: 1.3rem; display: none; }
.filter-box .inner-box { max-height: 5.7rem; overflow-y: auto; padding: .3rem 0 0 .3rem; }
.filter-box .item{ margin-bottom: .5rem;}
.filter-box li{ margin-top: .24rem; float: left; width: 33%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; line-height: .28rem; font-size: .3rem; padding: .04rem .08rem .04rem .58rem;}
.filter-box li:before{ content: ""; width: .36rem; height: .36rem; border: 1px solid #e4e4e4; position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px;}
.filter-box li.checked:before{ border-color: #49C9F5; background: url(../images/ico-selected.png) no-repeat center center; background-size: .28rem auto;}
.filter-box li span{ display: block; width: 100%; white-space: nowrap; Word-break: normal; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.filter-box .condition-name{ font-size: .26rem; color: #757575; line-height: .42rem; padding-bottom: .06rem;}
.filter-box .button{ border-top: 1px solid #EFEFEF; text-align: right; padding: .34rem .28rem .24rem 0; font-size: 0; position: absolute; left: 0; bottom: 0; z-index: 2; background-color: #fff; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.filter-box .button a{ display: inline-block; font-size: .28rem; width: 2rem; height: .72rem; line-height: .72rem; text-align: center; color: #fff; background-color: #49C9F5; margin-left: .48rem; border-radius: 2px;}
.filter-box .button .btn-clear{ color: #757575; background-color: #fff; border: 1px solid #DBDBDB; -webkit-box-sizing: border-box; box-sizing: border-box;}
.filter-box .more{ text-align: center; margin-top: .25rem; display: none;}
.filter-box .more span{ display: inline-block; position: relative;font-size: .3rem; color: #49C9F5; padding-right: .26rem;}
.filter-box .more span:after{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -.09rem; width: .12rem; height: .12rem; border-top: 1px solid #49C9F5; border-left: 1px solid #49C9F5; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);}

/* search-rank */
.search-rank-1 { padding: 0 .3rem; background-color: #fff; position: relative; }
.search-rank-1 .rank-list { float: left; width: 81%; }
.search-rank-1 .rank-list li { font-size: .3rem; float: left; margin-right: 17.3%; line-height: .9rem; width: 20%; }
.search-rank-1 .rank-list li:last-child{ margin-right: 0;}
.search-rank-1 .rank-list li span { display: inline-block; position: relative; padding-right: .2rem; }
.search-rank-1 .rank-list .cur span { color: #49C9F5; }
.search-rank-1 .rank-list li i { position: absolute; right: 0; top: .33rem; overflow: hidden; width: 0; height: 0; overflow: hidden; border: .05rem dashed transparent; border-bottom: .08rem solid #ccc }
.search-rank-1 .rank-list li i.down { border-bottom: 0; border-top: .08rem solid #ccc; top: .5rem; }
.search-rank-1 .rank-list .rank-2 i.down { top: .1rem; }
.search-rank-1 .rank-list li i.up.active { border-bottom-color: #49C9F5; }
.search-rank-1 .rank-list li i.down.active { border-top-color: #49C9F5; }
.search-rank-1 .filter{ float: right; font-size: .3rem; line-height: .9rem; padding-left: .36rem; background: url(../images/ico-filter.png) no-repeat 0 center; background-size: .28rem auto;}


/*search-list*/
.search-list { background-color: #fafafa; overflow: hidden; }
.search-list .itm { background-color: #fff; margin-top: .2rem; padding: .4rem .3rem .3rem; overflow: hidden; }
.search-list .pic { float: left; width: 2.4rem; margin-right: .3rem; }
.search-list .pic img { height: 1.5rem; }
.search-list .info { overflow: hidden; }
.search-list .tit { font-size: .34rem; white-space: nowrap; Word-break: normal; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.search-list .feature { margin-top: .15rem; font-size: 0 }
.search-list .feature span { display: inline-block; width: .38rem; height: .31rem; background: url(../images/ico-wifi.png) no-repeat; background-size: 100% auto; }
.search-list .feature .f-nitrox { width: .31rem; height: .31rem; background: url(../images/ico-nitrox.png) no-repeat; background-size: 100% auto; margin-left: .25rem; }
.search-list .review { margin-top: .2rem; overflow: hidden; }
.search-list .review .num { line-height: .42rem; float: left; color: #757575; padding-left: .4rem; background: url(../images/ico-review.png) no-repeat 0 center; background-size: .26rem auto; }
.search-list .review .star { float: left; margin-right: .2rem; padding-top: .08rem; }
.search-list .review .star span { width: .26rem; height: .25rem; float: left; margin-right: .08rem; background: url(../images/ico-yellow.png) no-repeat; background-size: .26rem auto; }
.search-list .review .star .gray { background: url(../images/ico-gray.png) no-repeat; background-size: .26rem auto; }
.itinerary-list { clear: both; overflow: hidden; }
.itinerary-list li { margin-top: .16rem; }
.itinerary-list a { display: block; height: .54rem; line-height: .54rem; position: relative; font-size: .3rem; color: #757575; }
.itinerary-list .date { float: left; }
.itinerary-list .name { float: left; margin-left: .3rem; width: 3.6rem; white-space: nowrap; Word-break: normal; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.itinerary-list .price { clear: both; color: #EA5238; position: absolute; right: 0; top: 0 }
.itinerary-list .ico-discount { width: .2rem; height: .24rem; position: absolute; left: -.32rem; top: 50%; margin-top: -.12rem; background: url(../images/ico-discount.png) no-repeat; background-size: 100% auto; }
.itinerary-list .left { float: right; color: #bbb; display: none; }
.itinerary-list .full a { color: #bbb; }
.itinerary-list .full .price { display: none; }
.itinerary-list .full .left { display: block; }
/* search-list-2 */
.search-list-2{padding-bottom: .27rem}
.search-list-2 .diving-header{height: .73rem;width: 100%;background-color: #f0f0f0}
.search-list-2 .diving-store-info{width:92%; margin: .27rem auto 0;border-radius: 2px ;background-color: #fff;-webkit-box-shadow: 0 0 .07rem 0 #d0d0d0;box-shadow: 0 0 .07rem 0 #d0d0d0 }
.search-list-2 .diving-store-info a{display: block;position:relative;border-radius: 2px 2px 0 0 ; width:100%;height: 43vw;overflow: hidden;}
.search-list-2 .diving-store-info .diving-pic{position: absolute;left: 50%; top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.search-list-2 .diving-store-info .store-info{padding: .27rem}
.search-list-2 .diving-store-info .store-info .diving-title{font-size: .27rem;color: #424445;}
.search-list-2 .diving-store-info .store-info .diving-title span{display: inline-block;margin-left:.27rem;font-size:.21rem;color: rgba(66,68,69,.5)}
.search-list-2 .diving-store-info .store-info .diving-detail{padding-top: .27rem;font-size: .22rem;position: relative}
.search-list-2 .diving-store-info .store-info .diving-detail .diving-detail-font{width:76%;color: rgba(66, 68, 69, 0.5);}
.search-list-2 .diving-store-info .store-info .diving-detail .diving-detail-bottom{position: absolute;top:.27rem;right:.1rem;border: solid 1px #fb5b50;border-radius:2px;text-align: center;color: #fb5b50;height:.44rem;line-height: .44rem;width:.91rem; display:block}

/*pullUp*/
#wrapper { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background: #fff; overflow: auto; }
#pullUp, .end-tip { background: #fafafa; line-height: .4rem; padding: .35rem 0; text-align: center; font-size: .28rem; color: #757575; }
#pullUp div { display: inline-block; position: relative; padding-left: .5rem; }
#pullUp .pullUpIcon { position: absolute; left: 0; top: 50%; margin-top: -.2rem; width: .4rem; height: .4rem; background: url(../images/pull-arrow.png) 0 0 no-repeat; background-size: 100% auto; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }
#pullUp .pullUpLabel { display: inline-block; color: #858788; }
#pullUp .pullUpIcon { -webkit-transform: rotate(-180deg) translateZ(0); transform: rotate(-180deg) translateZ(0); }
#pullUp.flip .pullUpIcon { -webkit-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); }
#pullUp.loading .pullUpIcon { background: url(../images/pull-loading.png) 0 0 no-repeat; background-size: 100% auto; -webkit-animation: loading 1s ease-out infinite; animation: loading 1s ease-out infinite; }
@-webkit-keyframes loading {
    0% { -webkit-transform: rotate(0) }
    100% { -webkit-transform: rotate(-360deg) }
}
@keyframes loading {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
.scrollbar, .scrollbarV { position: absolute; z-index: 100; width: 3px; bottom: 2px; top: 2px; right: .03rem; }
.scrollbar div, .scrollbarV div { position: absolute; z-index: 100; background-color: #b5c2c7; width: 100%; border-radius: 1px; }
.end-tip { padding: .35rem .2rem; display: none; }