.header { width: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; }
.header .logo { width: 1.54rem; display: block; margin-left: .3rem; margin-top: .36rem; }
.header .signin, .header .signup { position: absolute; right: .3rem; top: .4rem; }
.header .signin a, .header .signup a { display: block; color: #fff; border: 1px solid #fff; border-radius: 2px; width: 1.2rem; height:.48rem; line-height: .48rem; text-align: center; font-size: 0.24rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.banner-box { width: 100%; position: relative; }
.banner-box ul { position: relative; padding-bottom: 66.67%; width: 100%; height: 0; overflow: hidden; background: #f9f9f9 url(../images/default.gif) no-repeat center center; background-size: 100% auto; }
.banner-box li { width: 100%; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }
.banner-box .active { opacity: 1 }
.banner-box li img { width: 100%; }
.lead { width: 100%; position: absolute; top: 2.22rem; text-align: center; }
.lead .en { width: 6.1rem; }
.lead .zh { width: 4.1rem; }


/*search-box*/
.search-box { width: 6.9rem; position: absolute; left: 50%; margin-left: -3.45rem; top: 3.49rem; border-radius: 2px; padding: 0; }
.search-box .keyword { padding-right: .92rem; padding-left: 0 }
.search-box .keyword:before{ display: none;}
.search-box .keyword input{font-size:.28rem;height: .9rem; padding: 0 .2rem; line-height: .9rem; background: none;}
.search-box .btn-search{ width: .92rem; height: .9rem;background-size:.3rem;}
.search-box .select-box{ top: 1.2rem;}
.search-box .btn-search-type{position: absolute;top:-.53rem;left:0}
.search-box .btn-search-type .type-btn{padding: 0 .25rem;height: .55rem;line-height: .55rem;text-align: center;display: inline-block;background-color:#fff }
.search-box .btn-search-type .search-type-dive{padding:0 .25rem;-webkit-transform:translateX(-0.1rem) skewX(20deg);-moz-transform:translateX(-0.1rem) skewX(20deg) ;transform:translateX(-0.1rem) skewX(20deg);}
.search-box .btn-search-type .search-type-dive span{-webkit-transform: skewX(-20deg);-moz-transform:skewX(-20deg);transform:skew(-20deg);display: inline-block}
.search-box .btn-search-type .search-type-ship{border-radius: 2px 0 0 0 }
.search-box .btn-search-type .type-selected{background-color:#d6f5ff;    color: #2ac5f7;}
/*coupon-bar*/
.coupon-bar{ width: 100%; height: 2.21rem; background: url(../images/coupon-bg.png) no-repeat; background-size: 100% auto; margin-top: .3rem; text-align: center; overflow: hidden;}
.coupon-bar .number{ font-size: .4rem; color: #EA5238; padding-top: .81rem; }
.coupon-bar .tip{ font-style: .22rem; color: #003F3D; margin-top: .15rem;}
.coupon-bar .tip span{ display: inline-block; padding-right: .3rem; background: url(../images/arrow-right.png) no-repeat right center; background-size: .2rem;}


.top-estinations{ margin-top: .5rem;}
.top-estinations .hd{ font-size: .34rem; text-align: center; padding-bottom: .12rem;}
.top-estinations .bd{ overflow: hidden;}
.top-estinations .col:first-child{ width: 58.66%; float: left; margin-right: .2rem;}
.top-estinations .col:last-child{ float: none; overflow: hidden;}
.top-estinations .col li{ float: left; margin-top: .2rem; width: 100%; position: relative;}
.top-estinations .col:first-child li:nth-child(1){ min-height: 2.6rem;}
.top-estinations .col:first-child li:nth-child(2){ width: 47.72%; min-height: 1.9rem;}
.top-estinations .col:first-child li:nth-child(3){ width: 47.72%; min-height: 1.9rem; float: right;}
.top-estinations .col:first-child li:nth-child(4){ min-height: 2.3rem;}
.top-estinations .col:last-child li:nth-child(1){ min-height: 1.8rem;}
.top-estinations .col:last-child li:nth-child(2){ min-height: 1.8rem;}
.top-estinations .col:last-child li:nth-child(3){ min-height: 3.2rem;}
.top-estinations .col .name{ width: 100%; line-height: 1; font-size: .3rem; color: #fff; position: absolute; left: 0; bottom: 0; padding: .03rem 0 .2rem .2rem; background: url(../images/mask.png) repeat-x 0 bottom; background-size: auto .53rem;  -webkit-box-sizing: border-box; box-sizing: border-box;}



.last-viewed{ margin-top: .5rem;}
.last-viewed .hd{ font-size: .34rem; text-align: center; padding-bottom: .4rem;}
.last-viewed ul{ width: 10000px; padding-right: .2rem;}
.last-viewed li{ width: 4.2rem; padding-left: .2rem; float: left; position: relative;}
.last-viewed .pic{ height: 2.5rem; overflow: hidden;}
.last-viewed .tit{ font-size: .3rem; width: 3rem; line-height: .42rem; margin-top: .2rem; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis;}
.last-viewed .place{ margin-top: .1rem; line-height: .32rem; padding-left: .26rem; color: #bbb; background: url(../images/ico-place.png) no-repeat 0 center; background-size: .16rem auto;}
.last-viewed .price{font-size: .3rem; line-height: .42rem; color: #EA5238; position: absolute; top: 2.7rem; right: 0;}



.contact-way{ border: .2rem ; margin-top: .6rem; padding-bottom: .55rem;}
.contact-way .title span{ top: 30.9rem;display: inline-block; line-height: 44px;margin-left: 2.1rem; font-size: .3rem; color: #424445; }

.contact-way .phone{ font-size: .54rem; line-height: .64rem; color: #49C9F5; margin-top: .3rem;}
.contact-way .phone a{  color: #49C9F5;}
.contact-way .other{font-size: .28rem;width: 5.1rem;height: 1.2rem;margin-left: 2.1rem;color: #A5A6A6; top: 30.66rem;}
.contact-way  img{height: 1.28rem;width: 1.28rem;float:left;margin-left: .15rem;}
.contact-way .other a{ color: #28BAED;}featured-boats{ margin-top: .5rem;}

.featured-boats .hd{ font-size: .34rem; text-align: center; padding-bottom: .1rem;}
.featured-boats .trigger-wrap{ width: 100%; position: relative; }
.featured-boats .tab-trigger{ padding: 0 .2rem .2rem; width: 100%; font-size: 0; background-color: #fff; position: relative;  -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 11;}
.featured-boats .tab-trigger-fixed{ position: fixed; max-width: 750px; left: 0; top: 0; right: 0; margin: 0 auto; }
.featured-boats .tab-trigger a{ display: inline-block; height: .6rem; line-height: .6rem; width: 25%; text-align: center; font-size: .28rem; color: #757575; margin-top: .2rem; white-space: nowrap; Word-break: normal; text-overflow: ellipsis; overflow: hidden;}
.featured-boats .tab-trigger .active{ background-color: #F3F3F3; color: #49C9F5}
.featured-boats .tab-panle{ padding: 0 .2rem; }
.featured-boats .tab-panle ul{ display: none; padding-top: .1rem;}
.featured-boats .tab-panle .active{ display: block;}
.featured-boats .tab-panle li{ overflow: hidden; position: relative; padding-bottom: .3rem;}
.featured-boats .tab-panle .pic{ min-height: 3rem;}
.featured-boats .tab-panle .tit{ font-size: .34rem; line-height: .42rem; margin-top: .2rem;}
.featured-boats .tab-panle .place{ margin-top: .2rem; line-height: .32rem; padding-left: .26rem; color: #bbb; background: url(../images/ico-place.png) no-repeat 0 center; background-size: .16rem auto;}
.featured-boats .tab-panle .price{font-size: .3rem; line-height: .42rem; color: #EA5238; margin-top: .2rem; float: right;}
.featured-boats .tab-panle .review{ float: right; margin-top: .2rem;}
.featured-boats .tab-panle .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;}
.featured-boats .tab-panle .review .star{ float: left; margin-left: .2rem; padding-top: .08rem;}
.featured-boats .tab-panle .review .star span{ width: .26rem; height: .25rem; float: left; margin-right: .08rem; background: url(../images/ico-yellow.png) no-repeat; background-size: .26rem auto;}
.featured-boats .tab-panle .review .star .gray{ background: url(../images/ico-gray.png) no-repeat; background-size: .26rem auto;}


.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
.swiper-wrapper { position: relative; width: 1000%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-slide{ float: left; width: 10%}

.index-review{ background-color: #F9FCFB; }
.index-review .box{ padding: .6rem 1rem .6rem; position: relative;}
.index-review .cont{ line-height: .48rem; font-size: .3rem;}
.index-review .name{ font-size: .28rem; margin-top: .35rem; color: #757575}
.index-review .box:before, .index-review .box:after{ content: ""; width: .28rem; height: .21rem; position: absolute; left: .4rem; top: .63rem; background: url(../images/ico-dqm.png) no-repeat; background-size: .28rem auto;}
.index-review .box:after{ left: auto; right: .4rem; -webkit-transform: rotate(180deg); transform: rotate(180deg);}




.advantage{ text-align: center; margin-top: .5rem; margin-bottom: .5rem;}
.advantage ul{ padding: 0 .4rem; font-size: 0;}
.advantage li{ display: inline-block; width: 33%; position: relative; padding-top: 1.1rem;}
.advantage .pic{ width: 100%; position: absolute; left: 0; top: 0;}
.advantage .pic img{ width: .8rem; min-height: .1rem;}
.advantage .txt{ font-size: .28rem; line-height: .4rem; color: #757575}