/*banner*/
body { background-color: #fff; min-width: 1150px; }
.container { width: 1150px }
.banner { width: 100%; height: 432px; position: relative; z-index: 1; }
.banner-inner { width: 100%; height: 24px; position: absolute; left: 0; top: 48%; z-index: 2; }
.banner .banner-arrow { width: 16px; height: 16px; background: url(../images/ico-arrow.png) no-repeat; background-size: 100% auto; position: absolute; left: 50%; margin-left: -15px; bottom: 35px; z-index: 2; -webkit-animation: arrow 1.5s infinite ease-in-out; animation: arrow 1.5s infinite ease-in-out; }
.slide-box { position: relative; width: 100%; height: 432px; overflow: hidden; background: #f4f4f4 url(../images/default_2.gif) no-repeat center center; background-size: 100% auto; background: none\9; }
.slide-box li { position: absolute; width: 100%; height: 432px; top: 0px; left: 0; overflow: hidden; display: none; }
.slide-box li img { width: 100%; position: absolute; top: 0; left: 0; background: #f4f4f4 url(../images/default_2.gif) no-repeat center center; background-size: 100% auto; background: none\9; z-index: 1; }
.slide-box li .video-box { width: 100%; height: 600px; position: absolute; left: 0; top: 50%; margin-top: -300px; }
.slide-box li iframe { width: 100%; height: 100%; }
.slide-box .trigger { text-align: center; position: absolute; bottom: 5px; width: 100%; z-index: 5; display: none; }
.slide-box .trigger span { display: inline-block; width: 8px; height: 8px; border-radius: 100px; background: rgba(255, 255, 255, 0.8); margin: 0 4px; cursor: pointer; box-shadow: 0 1px 2px rgba(82, 181, 218, 0.5); }
.slide-box .trigger .active { background: #52b5da; }
.banner-info { text-align: center; position: relative; }
.banner-info img { width: 514px; height: 24px; }
.banner-info .lead { width: 514px; height: 24px; background: url(../images/lead.png) no-repeat; background-size: 100% auto; display: inline-block; position: relative; margin-top: 20px; }
.banner-info .lead-zh { width: 480px; margin-top: 0; height: 40px; background: url(../images/lead-zh.png) no-repeat; background-size: 100% auto; }

/*search-box*/
.search-cover { width: 710px; height: 62px; background-color: #000; opacity: .3; filter: alpha(opacity=30); position: absolute; left: 50%; margin-left: -355px; top: 80px; z-index: 5; display: none; }
.search-box { float: none; width: 692px; font-size: 16px; position: absolute; left: 50%; margin-left: -345px; top: 90px; z-index: 6; margin-top: 0; border-left: 0; }
.select-place, .select-date { height: 42px; }
.select-place { width:508px; border-radius: 2px;}
.select-date { display: block; background: #fff url(../images/ico-date.png) no-repeat 172px center; background-size: 16px auto; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.select-date{ border-left: 0;margin-left: -200px}
.select-date:before{ content: ""; height: 22px; width: 1px; background-color: #F6F1F0; overflow: hidden; position: absolute; left: 0; top: 50%; margin-top: -11px;}
.search-box input { padding: 10px 0; }
.search-box .select-place input { padding-left: 0; }
.search-box .btn-search { width: 100px; height: 42px; display: block; line-height: 42px; text-align: center; background-color: #49C9F5; cursor: pointer; border-radius: 2px; }
.search-box .btn-search a { display: block; width: auto; height: 100%; background: url(../images/ico-search.png) no-repeat center; background-size: 20px auto; }
.search-box .btn-search:hover { background-color: #27B7E8 }
.search-box .select-box, .search-result { top: 42px; padding-top: 10px; }
.search-result { left: 1px }
.search-box .btn-search-type{position: absolute;top:-29px;left:0;cursor: pointer}
.search-box .btn-search-type .type-btn{padding:0 20px;height: 30px;line-height: 30px;text-align: center;display: inline-block;background-color: #fff}
.search-box .btn-search-type .search-type-dive{padding: 0 20px;-webkit-transform:translateX(-10px) skewX(20deg);-moz-transform:translateX(-10px) skewX(20deg) ;transform:translateX(-10px) 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%; background-color: #F6FBFC; font-size: 14px; text-align: center; }
.coupon-bar .inner { width: auto; display: inline-block; position: relative; overflow: hidden; text-align: left; height: 122px }
.coupon-bar .title { width: 240px; height: 113px; line-height: 110px; text-align: center; color: #EA5238; background: url(../images/coupon-guide/title-3.png) no-repeat; background-size: 100% auto; float: left; margin-top: 10px; font-size: 18px;}
.coupon-bar .intro { margin-left: 26px; display: inline; float: left; }
.coupon-bar .intro p { margin-top: 52px; font-size: 18px;}
.coupon-bar .intro span { color: #28BAED; font-size: 16px; }
.coupon-bar .form-item { padding: 43px 0 0 60px; float: left; }
.coupon-bar .form-item input { height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #ededed; font-size: 14px; border-radius: 2px; }
.coupon-bar .btn-submit { width: 78px; float: left; margin-left: 16px; display: inline; text-align: center; height: 40px; line-height: 40px; background-color: #49C9F5; font-size: 16px; color: #fff; border-radius: 2px; margin-top: 43px; }
.coupon-bar .btn-submit:hover { background-color: #27B7E8 }

/*top-estinations*/
.top-estinations, .featured-boats { margin-top: 55px; }
.top-estinations .hd, .featured-boats .hd { text-align: center; font-size: 24px; line-height: 33px; padding-bottom: 25px; }
.top-estinations .bd { width: 100%; overflow: hidden; position: relative; }
.top-estinations ul { width: 1170px; }
.top-estinations li { width: 380px; height: 200px; overflow: hidden; position: relative; float: left; display: inline; margin-right: 20px; margin-bottom: 20px; }
.top-estinations li img { width: 100% }
.top-estinations .item-1 { width: 310px; height: 420px; }
.top-estinations .item-2 { width: 420px; }
.top-estinations .item-4, .top-estinations .item-5, .top-estinations .item-9 { width: 200px; }
.top-estinations .item-7 { width: 530px; }
.top-estinations .cover-1, .top-estinations .cover-2 { width: 100%; position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; }
.top-estinations .cover-1 { height: 60px; background: url(../images/title-bg.png) repeat-x; }
.top-estinations .cover-2 { height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.top-estinations .info { position: absolute; bottom: 0; left: 20px; padding-bottom: 15px }
.top-estinations .info a { color: #fff; }
.top-estinations .info .name { font-size: 20px; line-height: 26px; }
.top-estinations .info .name a { transition: color .25s; }
.top-estinations .info .line { width: 0px; height: 1px; background-color: #fff; line-height: 0; overflow: hidden; margin-top: 10px; -webkit-transition: all 0.1s linear .25s; transition: all 0.1s linear .25s; }
.top-estinations .hot { padding-top: 8px; }
.top-estinations .hot a { display: block; line-height: 16px; margin-top: 12px; }
.top-estinations .hot a:hover { color: #49c9f5; }
.top-estinations .topic { position: absolute; right: 0; top: 0; width: 380px; height: 200px; overflow: hidden; }
.top-estinations .topic .cover-2 { opacity: 0.5; filter: alpha(opacity=50); }
.top-estinations .topic ul { height: 200px; width: 10000px; position: absolute; left: 0; top: 0; }
.top-estinations .topic li { margin: 0; }
.top-estinations .topic .info { padding-left: 13px; bottom: auto; top: 24px; }
.top-estinations .topic .info .line { width: 20px; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.top-estinations .topic .btn-prev, .top-estinations .topic .btn-next { width: 8px; height: 15px; background: url(../images/ico-prev2.png) no-repeat; background-size: 100% auto; position: absolute; left: 12px; top: 50%; margin-top: -8px; opacity: 0; filter: alpha(opacity=0); }
.top-estinations .topic:hover .btn-prev, .top-estinations .topic:hover .btn-next { opacity: 0.5; filter: alpha(opacity=50); }
.top-estinations .topic .btn-prev:hover, .top-estinations .topic .btn-next:hover { opacity: 1; filter: alpha(opacity=100); }
.top-estinations .topic .btn-next { background: url(../images/ico-next2.png) no-repeat; background-size: 100% auto; left: auto; right: 12px; cursor: pointer; }
.top-estinations .topic .cover-2 { opacity: .2; filter: alpha(opacity=20); }
.top-estinations .picture-list .info { height: 26px; overflow: hidden; }
.top-estinations .picture-list .active .cover-2 { opacity: 0.5; filter: alpha(opacity=50); }
.top-estinations .picture-list .hot { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.25s ease-out .35s; transition: all 0.25s ease-out .35s; }
.top-estinations .picture-list .active .hot { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.25s ease-out .35s; transition: all 0.25s ease-out .35s; }
.top-estinations .picture-list .active .info .line { width: 20px }
.top-estinations .picture-list .hot a { font-weight: 200; }
.top-estinations .picture-list .active .hot a { font-weight: 100; transition: font-weight .05s linear .6s; }
.featured-boats .tab-trigger { text-align: center; font-size: 16px; margin-top: 18px; }
.featured-boats .tab-trigger a { color: #757575; display: inline-block; margin: 0 22px; }
.featured-boats .tab-trigger a:hover { color: #49C9F5; }
.featured-boats .tab-trigger a.active { color: #49C9F5 }
.featured-boats .tab-panle { width: 100%; overflow: hidden; position: relative; height: 600px; margin-top: 30px; }
.featured-boats .tab-inner { width: 10000px; position: absolute; left: 0; top: 0; }
.featured-boats .tab-panle .item { width: 1150px; float: left; overflow: hidden; }
.featured-boats .tab-panle ul { width: 110% }
.featured-boats .tab-panle li { width: 274px; position: relative; float: left; margin-right: 18px; margin-bottom: 18px; }
.featured-boats .tab-panle .pic { width: 100%; height: 170px; overflow: hidden; position: relative; }
.featured-boats .tab-panle img { width: 100%; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; }
.featured-boats .tab-panle .pic:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.featured-boats .tab-panle .tit { padding: 15px 0 0 15px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
.featured-boats .tab-panle .tit a { color: #49c9f5; font-size: 16px; display: inline-block; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis;}
.featured-boats .tab-panle .tit a:hover { color: #92d7f2; }
.featured-boats .tab-panle .place { font-size: 12px; padding: 10px 0 10px 15px; border: 1px solid #ebebeb; border-top: 0; }
.featured-boats .tab-panle .place a { color: #bbb; padding-left: 12px; display: inline-block; background: url(../images/ico-place2.png) no-repeat 0 center; background-size: 6px auto; }
.featured-boats .tab-panle .place a:hover { color: #28BAED }
.featured-boats .tab-panle .price { position: absolute; right: 15px; font-size: 16px; top: 185px; color: #EA5238 }
.featured-boats .tab-panle .price .p1 { color: #858788; font-size: 12px; text-decoration: line-through; margin-right: 6px; opacity: 0; filter: alpha(opacity=0); }
.evaluation { background-color: #F9FCFB; width: 100%; height: 250px; padding-top: 50px; position: relative; }
.evaluation .panle { width: 785px; height: 250px; overflow: hidden; margin: 0 auto; position: relative; }
.evaluation .item-box { position: absolute; left: 0; top: 0; width: 10000px; height: 250px; }
.evaluation .item { width: 640px; padding-left: 145px; height: 250px; float: left; position: relative; }
.evaluation .portrait { position: absolute; left: 0; top: 0; width: 90px; height: 90px; overflow: hidden; border-radius: 100%; }
.evaluation .portrait img { width: 100%; }
.evaluation .cont { font-size: 16px; line-height: 28px; }
.evaluation .name { color: #757575; margin-top: 20px; font-size: 14px; }
.evaluation .trigger { text-align: center; width: 100%; position: absolute; left: 0; bottom: 25px; z-index: 2; }
.evaluation .trigger span { width: 16px; height: 16px; display: inline-block; cursor: pointer; margin: 0 3px; overflow: hidden; position: relative; }
.evaluation .trigger span i { width: 6px; height: 6px; overflow: hidden; line-height: 0; border-radius: 100%; background-color: #EBEBEB; position: absolute; left: 5px; top: 5px; }
.evaluation .trigger .active i { background-color: #92D7F2; }
.advantage { padding-top: 60px; text-align: center; }
.advantage li { display: inline-block; width: 287px; }
.advantage .pic { height: 75px }
.advantage .txt { font-size: 14px; color: #757575; }
@-webkit-keyframes arrow {
    0%, 30% { opacity: 0; -webkit-transform: translate(0, -8px) }
    60% { opacity: 1; -webkit-transform: translate(0, 0) }
    100% { opacity: 0; -webkit-transform: translate(0, 10px) }
}
@keyframes arrow {
    0%, 30% { opacity: 0; transform: translate(0, -8px) }
    60% { opacity: 1; transform: translate(0, 0) }
    100% { opacity: 0; transform: translate(0, 10px) }
}