body { background-color: #fff }
#mask{background: rgba(0, 0, 0, 0.85);}
/*ico*/
.ico-arrow-left:before { content: ""; width: 5px; height: 5px; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -3px; border-left: 1px solid #979797; border-top: 1px solid #979797; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.ico-arrow-right:before { content: ""; width: 5px; height: 5px; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -3px; border-left: 1px solid #979797; border-top: 1px solid #979797; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

/*m-pic-box*/
.m-pic-box { width: 192px; height: 120px; overflow: hidden; position: relative; float: left; }
.m-pic-box ul { width: 10000px; position: absolute; left: 0; top: 0 }
.m-pic-box li { width: 192px; height: 120px; float: left; overflow: hidden; background: url(../images/default-itinerary.png) no-repeat center; background-size: 100% auto; }
.m-pic-box li img { width: 100%;width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;}
.m-pic-box .prev, .m-pic-box .next { width: 16px; height: 16px; background-color: #EBEBEB; position: absolute; left: 10px; top: 50%; margin-top: -8px; 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; }
.m-pic-box .next { left: auto; right: 10px; background: url(../images/arrow-right.png) no-repeat; background-size: 100% auto; }
.m-pic-box:hover .prev, .m-pic-box:hover .next { opacity: .7; filter: alpha(opacity=70); }
.m-pic-box:hover .disabled { opacity: .3; filter: alpha(opacity=30); }
.m-pic-box .trigger { width: 100%; height: 4px; position: absolute; left: 0; top: 112px; text-align: center; display: none; }
.m-pic-box .trigger span { width: 4px; height: 4px; overflow: hidden; background-color: #fff; border-radius: 100%; display: inline-block !important; margin: 0 2px; vertical-align: top; }
.m-pic-box .trigger .active { opacity: .7; filter: alpha(opacity=70); }

/*picture-box*/
.picture-box { width: 1150px; height: 545px; border-radius: 2px; position: fixed; left: 50%; margin-left: -575px; top: 50%; margin-top: -272px; z-index: 26; clear: both; display: none; }
.picture-box .close { width: 26px; height: 26px; background: url(../images/detail/close.png) no-repeat; background-size: 100% auto; position: absolute; right: 155px; top: -26px; cursor: pointer; clear: both; overflow: hidden; z-index: 999; -webkit-transition: opacity .2s; transition: opacity .2s; }
.picture-box .close:hover{ opacity: .8;}
.picture-box .slide { width: 740px; height: 420px; margin: 0 auto; position: relative; }
.picture-box .panle { width: 740px; height: 420px; overflow: hidden; position: relative;text-align:center; }
.picture-box .panle ul { position: absolute; left: 0; top: 0; height: 420px; width: 100000px; overflow: hidden; display: none; }
.picture-box .panle .cur { display: block; }
.picture-box .panle li { width: 740px; height: 420px; overflow: hidden; float: left; line-height: 420px; }
.picture-box .panle .video-box { width: 740px; height: 420px; background-color: #000; overflow: hidden; position: relative; }
.picture-box .panle img {vertical-align: middle; margin:0 auto; width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;}
.picture-box .slide .prev, .picture-box .slide .next { width: 54px; height: 100%; position: absolute; left: -54px; top: 0; }
.picture-box .slide .next { left: auto; right: -54px; }
.picture-box .slide .prev i, .picture-box .slide .next i { width: 18px; height: 33px; background: url(../images/detail/prev.png) no-repeat; background-size: 100% auto; position: absolute; left: 18px; top: 50%; margin-top: -16px; cursor: pointer; }
.picture-box .slide .next i { background: url(../images/detail/next.png) no-repeat; background-size: 100% auto; }
.picture-box .slide .disabled { opacity: .5; }
.picture-box .slide .info { color: #fff; line-height: 16px; overflow: hidden; position: absolute; left: 0; bottom: 14px; width: 100%; }
.picture-box .slide .category-name { float: left; padding-left: 25px; }
.picture-box .slide .pagination { float: right; padding-right: 25px; }
.picture-box .category-nav { width: 740px; margin: 16px auto 0; position: relative; z-index: 1; }
.picture-box .category-nav ul { overflow: hidden; }
.picture-box .category-nav li { float: left; color: #fff; margin-right: 40px; color: #bbb; padding: 8px 0; line-height: 16px; cursor: pointer; }
.picture-box .category-nav .active, .picture-box .category-nav li:hover { color: #fff; }
.picture-box .category-nav .active-border { width: 0; height: 3px; overflow: hidden; background-color: #fff; position: absolute; bottom: 0; left: 0 }
.picture-box .thumbnail { width: 100%; height: 62px; padding-top: 18px; overflow: hidden; position: relative; border-top: 1px solid #9A9A9A }
.picture-box .thumbnail ul { position: absolute; left: 0; top: 18px; height: 62px; width: 10000px; overflow: hidden; display: none; }
.picture-box .thumbnail .cur { display: block; }
.picture-box .thumbnail li { width: 90px; height: 60px; position: relative; padding: 1px; margin-right: 12px; float: left; cursor: pointer; }
.picture-box .thumbnail .active { border: 1px solid #fff; padding: 0; }
.picture-box .thumbnail img { width: 90px; height: 60px; }
.picture-box .thumbnail .play-video { width: 22px; height: 22px; margin-left: -11px; margin-top: -11px; background: url(../images/detail/ico-play.png) no-repeat; background-size: 100% auto; position: absolute; left: 50%; top: 50%; }
.picture-box .thumbnail li:hover .play-video { opacity: .8; }

/*section-gallery*/
.section-gallery .hd { height: 30px; overflow: hidden; width: 100%; position: relative; padding: 30px 0 15px; }
.section-gallery .hd .name { font-size: 20px; float: left; line-height: 30px; }
.section-gallery .hd .place { float: left; color: #757575; margin-left: 10px; margin-top: 7px; }
.section-gallery .hd .from { color: #757575; float: right; line-height: 30px; }
.section-gallery .hd .from .num { font-size: 20px; color: #424445; margin-left: 3px }
.gallery-list { width: 100%; overflow: hidden; }
.gallery-list ul { width: 110%; }
.gallery-list li { float: left; width: 200px; cursor: pointer; height: 200px; position: relative; overflow: hidden; margin-bottom: 20px; margin-right: 20px; }
.gallery-list li img { -webkit-transition: all 0.25s linear; transition: all 0.25s linear; }
.gallery-list li:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.gallery-list .big { width: 712px; height: 420px; }
.gallery-list li img {display: block; width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;position: relative;  }
.gallery-list li .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .5; filter: alpha(opacity=50); background-color: #000; }
.gallery-list li .total { font-size: 16px; width: 100%; position: absolute; left: 0; top: 75px; color: #fff; text-align: center; }
.gallery-list li .total .num { font-size: 20px; display: block; margin-bottom: 5px; }
.gallery-list li .play-video { width: 44px; height: 44px; margin-left: -22px; margin-top: -22px; background: url(../images/detail/ico-play.png) no-repeat; background-size: 100% auto; position: absolute; left: 50%; top: 50%; }
.gallery-list .big .play-video { width: 44px; height: 44px; margin-left: -22px; margin-top: -22px; }
.gallery-list li:hover .play-video { opacity: .8; }

/*section-detail*/
.section-detail { border: 1px solid #ebebeb; padding: 40px;  margin-top: 20px; position: relative; overflow: hidden; }
.section-detail .feature { width: 735px; float: left; overflow: hidden; }
.section-detail .feature ul { width: 795px; float: left; }
.section-detail .feature li { float: left; padding: 40px 10px 0; height: 21px; line-height: 21px; padding-top: 40px; margin-right: 60px; background-repeat: no-repeat; background-position: center 0; margin-bottom: 30px; }
.section-detail .feature .name { width: 100%; display: block; }
.section-detail .feature .ico { display: none; width: 100%; height: 30px; }
.section-detail .feature .itm-wifi { background-image: url(../images/detail/ico-wifi.png); background-size: 36px auto; }
.section-detail .feature .itm-nitrox { background-image: url(../images/detail/ico-nitrox.png); background-size: 32px auto; }
.section-detail .feature .itm-ac { background-image: url(../images/detail/ico-ac2.png); background-size: 41px auto; }
.section-detail .feature .itm-luxury { background-image: url(../images/detail/ico-luxury.png); background-size: 32px auto; }
.section-detail .feature .itm-size { background-image: url(../images/detail/ico-size.png); background-size: 53px auto; }
.section-detail .feature .itm-guest { background-image: url(../images/detail/ico-guest.png); background-size: 38px auto; }
.section-detail .about { width: auto; float: left; }
.section-detail .about .hd { padding-bottom: 10px; color: #757575; font-size: 16px; }
.section-detail .about .cont-box { line-height: 24px; }
.section-detail .about .cont-box .all { display: none; }
.section-detail .about .view-more, .review-list .cont-box .view-more { color: #49c9f5; margin-top: 20px; }
.section-detail .about .view-more span, .review-list .cont-box .view-more span, .cabin-box .name span { padding-right: 15px; display: inline-block; position: relative; cursor: pointer; }
.section-detail .about .view-more span:hover, .review-list .cont-box .view-more span:hover { opacity: .8; }
.section-detail .about .view-more span:before, .review-list .cont-box .view-more span:before, .cabin-box .name span:before { content: ""; position: absolute; overflow: hidden; width: 0; height: 0; top: 10px; right: 0; overflow: hidden; border: 5px dashed transparent; border-top: 5px solid #49c9f5 }
.section-detail .about .view-more span:after, .review-list .cont-box .view-more span:after, .cabin-box .name span:after { content: ""; position: absolute; overflow: hidden; width: 0; height: 0; top: 9px; right: 0; overflow: hidden; border: 5px dashed transparent; border-top: 5px solid #fff }
.section-detail .service-lang { margin-top: 30px; overflow: hidden; height: 24px; line-height: 24px; }
.section-detail .service-lang .name { float: left; }
.section-detail .service-lang img { width: 24px; height: 24px; margin-left: 15px; float: left; border-radius: 1px; }
.section-detail .line { width: 1px; height: 240px; background-color: #f5f5f5; overflow: hidden; position: absolute; top: 74px; right: 334px; display: none; }
.section-detail .review { width: 311px; float: right; padding-left: 20px; border-left: 1px solid #f5f5f5; }
.review-score { width: 200px; height: 200px; position: relative; margin: 0 auto; text-align: center; color: #a5a6a6; }
.review-score .info { width: 192px; height: 192px; background-color: #fff; border-radius: 100%; position: absolute; left: 4px; top: 4px }
.review-score .score { padding-top: 75px; font-size: 24px; line-height: 30px; position: relative; }
.review-score .value { font-size: 36px; color: #424445 }
.review-score .number { margin-top: 10px; font-size: 18px; position: relative; }
.review-score .circle { width: 200px; height: 200px; position: absolute; border-radius: 50%; background: #49C9F5; }
.review-score .no-review { line-height: 192px; font-size: 18px; }
.review-score .pie_left, .review-score .pie_right { width: 200px; height: 200px; position: absolute; top: 0; left: 0; }
.review-score .left, .review-score .right { width: 200px; height: 200px; background: #E4E4E4; border-radius: 50%; position: absolute; top: 0; left: 0; }
.review-score .pie_right, .review-score .right { clip: rect(0, auto, auto, 100px); }
.review-score .pie_left, .review-score .left { clip: rect(0, 100px, auto, 0); }
.section-detail .example { margin-top: 35px; line-height: 22px; width: 100%; position: relative; }
.section-detail .example .panle { width: 255px; height: 0; margin: 0 auto; position: relative; overflow: hidden; }
.section-detail .example ul { position: absolute; left: 0; top: 0; width: 10000px; }
.section-detail .example li { width: 255px; float: left; }
.section-detail .example .name { margin-top: 5px; color: #757575; text-align: right; }
.section-detail .example .prev, .section-detail .example .next { width: 14px; height: 14px; border: 1px solid #EDEDED; position: absolute; left: 0; top: 3px; cursor: pointer; display: none; }
.section-detail .example .next { left: auto; right: 0; }
.section-detail .example .prev:hover, .section-detail .example .next:hover { border-color: #27B7E8; background-color: #49C9F5 }
.section-detail .example .prev:hover .ico-arrow-left:before, .section-detail .example .next:hover .ico-arrow-right:before { border-color: #fff; }
.section-detail .example:hover .prev, .section-detail .example:hover .next { display: block; }

/*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 }

/*section-schedule*/
.section-schedule { margin-top: 40px; }
.schedule-box { width: 365px; float: left; position: relative; }
.schedule-box .hd { border-bottom: 1px solid #EBEBEB; line-height: 26px; font-size: 16px; padding-left: 36px; background: url(../images/detail/ico-schedule.png) no-repeat 5px 0px; background-size: 22px auto; padding-bottom: 6px; }
.schedule-box .select-month { position: absolute; right: 0; top: -2px; overflow: hidden; }
.schedule-box .select-month span { float: left; height: 24px; line-height: 27px }
.schedule-box .select-month .prev, .schedule-box .select-month .next { width: 12px; cursor: pointer; position: relative; }
.schedule-box .select-month i:before { margin-top: -4px; width: 6px; height: 6px; border-left-width: 2px; border-top-width: 2px; }
.schedule-box .select-month span:hover i:before { border-color: #49C9F5 }
.schedule-box .select-month .disabled i:before, .schedule-box .select-month .disabled:hover i:before { border-color: #bbb }
.schedule-box .select-month .prev .ico-arrow-left:before { margin-left: -2px; }
.schedule-box .select-month .next .ico-arrow-right:before { margin-left: -5px; }
.schedule-box .select-month .date { width: 82px; text-align: center; }
.schedule-box .select-day { margin-top: 15px; position: relative; }
.schedule-box .select-day li { padding: 20px 0 20px 80px; position: relative; }
.schedule-box .select-day .radio { width: 10px; height: 10px; border: 1px solid #757575; position: absolute; left: 15px; top: 21px; border-radius: 100%; }
.schedule-box .select-day .radio:before { content: ""; display: block; width: 4px; height: 4px; background-color: #fff; overflow: hidden; margin: 3px auto 0px; border-radius: 100%; }
.schedule-box .select-day .from-to { position: absolute; left: 50px; top: 20px; }
.schedule-box .select-day .from-to span { display: block; line-height: 16px; }
.schedule-box .select-day .line { width: 0; height: 14px; border-left: 1px dashed #ccc; position: absolute; left: 8px; top: 20px; }
.schedule-box .select-day .from-to .to { margin-top: 23px; }
.schedule-box .select-day .name { line-height: 16px; width: 260px; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis; }
.schedule-box .select-day .tag { color: #757575; margin-top: 23px; line-height: 16px; }
.schedule-box .select-day .ico-discount { width: 14px; height: 17px; background: url(../images/detail/ico-discount.png) no-repeat; background-size: 100% auto; position: absolute; left: 300px; top: 40px }
.schedule-box .select-day .active, .schedule-box .select-day li:hover { background-color: #fafafa }
.schedule-box .select-day .active .radio { background-color: #49C9F5; border-color: #49C9F5 }
.schedule-box .select-day li:hover .from, .schedule-box .select-day li:hover .name { color: #49C9F5 }
.cabin-box { width: 755px; float: right; position: relative; }
.cabin-box form { width: 100%; position: relative; overflow: hidden; }
.cabin-box .mod-loading { top: 18px; }
.cabin-box .hd { border-bottom: 1px solid #EBEBEB; line-height: 26px; font-size: 16px; padding-left: 38px; background: url(../images/detail/ico-cabin.png) no-repeat 5px 1px; background-size: 26px auto; padding-bottom: 6px; }
.cabin-box .guaranteed { position: absolute; right: 0; top: -8px; padding-left: 35px; height: 29px; line-height: 32px; background: url(../images/detail/ico-guaranteed.png) no-repeat 0 center; background-size: 26px auto; }
.cabin-box .itm { padding: 18px 0; position: relative; overflow: hidden; border-bottom: 1px solid #EBEBEB }
.cabin-box .itm:last-child { padding-bottom: 0; border-bottom: 0; }
.cabin-box .m-pic-box li { background: url(../images/default-cabin.png) no-repeat center; background-size: 100% auto; }
.cabin-box .pic { width: 192px; height: 120px; float: left; overflow: hidden; }
.cabin-box .info { float: left; margin-left: 20px; display: inline; }
.cabin-box .name { font-size: 16px; padding-top: 10px; line-height: 24px; }
.cabin-box .name span:hover{ color: #49C9F5}
.cabin-box .name span:before { display: none; border-top-color: #424445 }
.cabin-box .name span:after { display: none; }
.cabin-box .hover .name span:before, .cabin-box .hover .name span:after { display: block; }
.cabin-box .active .name span:before { top: 4px; border: 5px dashed transparent; border-bottom: 5px solid #424445 }
.cabin-box .active .name span:after { top: 5px; border: 5px dashed transparent; border-bottom: 5px solid #fff }
.cabin-box .tag { overflow: hidden; width: 340px; }
.cabin-box .tag span { float: left; width: 120px; line-height: 20px; padding-right: 10px; margin-top: 20px; padding-left: 33px; background-repeat: no-repeat; background-position: 0 center; color: #757575; }
.cabin-box .tag span:nth-child(n+5) { display: none; }
.cabin-box .active .tag span:nth-child(n+5) { display: block; }
.cabin-box .tag .t-guest { background-image: url(../images/detail/ico-guest2.png); background-size: 20px auto; }
.cabin-box .tag .t-bed { background-image: url(../images/detail/ico-bed.png); background-size: 18px auto; }
.cabin-box .tag .t-upperdeck { background-image: url(../images/detail/ico-upperdeck.png); background-size: 14px auto; }
.cabin-box .tag .t-square { background-image: url(../images/detail/ico-square.png); background-size: 20px auto; }
.cabin-box .price { clear: both; position: absolute; right: 0; top: 28px; line-height: 24px; }
.cabin-box .price .current { font-size: 16px; display: inline-block; }
.cabin-box .price .current i { color: #bbb }
.cabin-box .price .discount {text-decoration:line-through; font-size: 13px; display: inline-block; color: #757575; padding-left: 20px; background: url(../images/detail/ico-discount.png) no-repeat 0 -1px; background-size: 14px; vertical-align: top; margin-right: 10px; }
.cabin-box .leave { color: #ED6C55; position: absolute; line-height: 20px; right: 0; top: 72px; }
.cabin-box .number { position: absolute; right: 0; top: 98px; width: 90px; border: 1px solid #ebebeb; text-align: center; }
.cabin-box .number .minus, .cabin-box .number .plus { width: 28px; height: 28px; float: left; line-height: 28px; color: #49C9F5; cursor: pointer; font-size: 36px; border-right: 1px solid #ebebeb; }
.cabin-box .number .plus { border-right: 0; border-left: 1px solid #ebebeb; font-size: 22px }
.cabin-box .number .minus:hover, .cabin-box .number .plus:hover { color: #28BAED }
.cabin-box .number .disabled, .cabin-box .number .disabled:hover { color: #EBEBEB }
.cabin-box .number .num { width: 32px; line-height: 28px; height: 28px; float: left; }
.cabin-box .full .number span { color: #bbb !important; }
.cabin-box .brief { clear: both; line-height: 22px; color: #757575; padding: 15px 0 0; display: none; }
.cabin-box .active .brief { display: block; }
.book-bar { width: 100%; float: left; margin-top: 30px; background: #F7FCF5 url(../images/detail/ico-guaranteed.png) no-repeat 20px center; background-size: 33px auto; height: 60px; position: relative; }
.book-bar .hd { padding-left: 72px; color: #888B8A; line-height: 60px; }
.book-bar .amount { position: absolute; right: 187px; top: 0; line-height: 60px; color: #888B8A; display: none; }
.book-bar .amount .num { font-size: 18px; margin-left: 13px; color: #424445 }
.book-bar .btn-book { position: absolute; right: 10px; top: 10px; width: 120px; height: 40px; color: #fff; font-size: 16px; text-align: center; background-color: #49C9F5; border-radius: 2px; line-height: 44px; }
.explanation { width: 100%; float: left; border-top: 1px solid #EBEBEB; margin-top: 30px; }
.explanation .itm { overflow: hidden; padding: 15px 40px 0; line-height: 24px }
.explanation .name { width: 195px; float: left; font-size: 14px; color: #757575 }
.explanation .cont { overflow: hidden; }
.section-itinerary { padding-top: 40px; clear: both; }
.section-itinerary .trigger-1 { border-bottom: 1px solid #EBEBEB; overflow: hidden; padding-left: 40px; }
.section-itinerary .trigger-1 span { height: 35px; margin-right: 30px; padding: 0 5px; float: left; line-height: 35px; text-align: center; font-size: 16px; border-bottom: 3px solid #fff; cursor: pointer; }
.section-itinerary .trigger-1 .active { border-bottom-color: #49c9f5 }
.section-itinerary .panle { padding: 20px 40px 0; }
.section-itinerary .itm { display: none; }
.section-itinerary .panle .active { display: block; }
.section-itinerary .title { padding-bottom: 10px; font-size: 16px; }
.section-itinerary .title .duration { color: #757575; margin-left: 10px; font-size: 14px; }
.section-itinerary .pic { width: 192px; height: 120px; float: left; }
.section-itinerary .info { float: left; margin-left: 20px; height: 120px; overflow: hidden; display: inline; width: 600px; }
.section-itinerary .info span { display: block; }
.section-itinerary .info li { padding-left: 42px; width: 200px; padding-right: 10px; float: left; margin-bottom: 20px; background-repeat: no-repeat; background-position: 0 center; }
.section-itinerary .info .i-embark { background-image: url(../images/detail/ico-embark.png); background-size: 29px auto; }
.section-itinerary .info .i-disembark { background-image: url(../images/detail/ico-disembark.png); background-size: 29px auto; }
.section-itinerary .info .i-dives { background-image: url(../images/detail/ico-dives.png); background-size: 25px auto; }
.section-itinerary .info .i-requirement { background-image: url(../images/detail/ico-requirement.png); background-size: 23px auto; }
.section-itinerary .info .name { color: #757575; margin-bottom: 6px; }
.section-itinerary .desc { line-height: 24px; padding-top: 20px; clear: both; }
.section-itinerary .day-list { clear: both; border-left: 1px solid #ebebeb; padding-left: 44px; position: relative; }
.section-itinerary .day-list .day-item { position: relative; }
.section-itinerary .day-list .name { font-size: 14px; position: relative; line-height: 18px; color: #757575; margin-bottom: 15px; margin-top: 20px; }
.section-itinerary .day-list .name .ico { width: 5px; height: 5px; overflow: hidden; border: 3px solid #E4E4E4; border-radius: 100%; background-color: #fff; position: absolute; left: -50px; top: 50%; margin-top: -6px }
.section-itinerary .day-list .cont-1 { line-height: 20px; }
.tinerary .day-list .cont-2 { padding-left: 0; }
.section-itinerary .day-list .cont-2 li { line-height: 28px; padding-left: 16px; background: url(../images/detail/ico-dot.png) no-repeat 0 center; background-size: 4px auto; }
.section-itinerary .day-list .ico-start { width: 14px; height: 11px; padding-bottom: 8px; padding-top: 2px; background: #fff url(../images/detail/ico-start.png) no-repeat 0 2px; background-size: 14px auto; position: absolute; left: -6px; top: 0; }
.section-itinerary .day-list .ico-end { width: 15px; height: 11px; padding-top: 6px; padding-bottom: 8px; background: #fff url(../images/detail/ico-end.png) no-repeat 0 6px; background-size: 15px auto; position: absolute; left: -7px; bottom: 0; }

/*section-feature*/
.section-feature { margin-top: 40px; border-bottom: 1px solid #EBEBEB; }
.section-feature .hd { border-bottom: 1px solid #EBEBEB; line-height: 26px; font-size: 16px; padding-left: 36px; background: url(../images/detail/ico-feature.png) no-repeat 5px -1px; background-size: 23px auto; padding-bottom: 6px; }
.section-feature .bd { overflow: hidden; padding: 20px 0 15px; }
.section-feature .itm { color: #757575; margin-top: 9px; overflow: hidden; }
.section-feature .name { float: left; padding-left: 40px; width: 200px; color: #757575; line-height: 20px }
.section-feature .cont { line-height: 20px; overflow: hidden; }
.section-feature .tip{ padding-bottom: 16px}
.section-feature ul { overflow: hidden; }
.section-feature .itm-1 li, .section-feature .itm-2 li, .section-feature .itm-3 li { color: #424445; width: 215px; /*padding-left: 50px;*/ background: none!important; margin-right: 10px; height: 28px; line-height: 28px; margin-bottom: 16px; float: left; background-repeat: no-repeat; background-position: 0 center; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis; }
.section-feature .itm-5 li { width: 215px; color: #757575; margin-right: 10px; float: left; margin-bottom: 15px; float: left; }
.section-feature .itm-5 li span { display: block; font-size: 12px; line-height: 22px; height: 22px; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis; }
.section-feature .itm-5 li .value { font-size: 14px; color: #424445; margin-top: 3px; }

/*feature*/
.section-feature .f-a-la-carte { background-image: url(../images/feature/a-la-carte.png); background-size: 32px auto; }
.section-feature .f-aboard { background-image: url(../images/feature/aboard.png); background-size: 32px auto; }
.section-feature .f-ac { background-image: url(../images/feature/ac.png); background-size: 32px auto; }
.section-feature .f-activities { background-image: url(../images/feature/activities.png); background-size: 32px auto; }
.section-feature .f-bbq { background-image: url(../images/feature/bbq.png); background-size: 32px auto; }
.section-feature .f-buffet-style { background-image: url(../images/feature/buffet-style.png); background-size: 32px auto; }
.section-feature .f-cabin { background-image: url(../images/feature/cabin.png); background-size: 32px auto; }
.section-feature .f-ccr { background-image: url(../images/feature/ccr.png); background-size: 32px auto; }
.section-feature .f-diver { background-image: url(../images/feature/diver.png); background-size: 32px auto; }
.section-feature .f-diving { background-image: url(../images/feature/diving.png); background-size: 32px auto; }
.section-feature .f-facilities { background-image: url(../images/feature/facilities.png); background-size: 32px auto; }
.section-feature .f-feature { background-image: url(../images/feature/feature.png); background-size: 32px auto; }
.section-feature .f-fishing { background-image: url(../images/feature/fishing.png); background-size: 32px auto; }
.section-feature .f-insurance { background-image: url(../images/feature/insurance.png); background-size: 32px auto; }
.section-feature .f-itinerary { background-image: url(../images/feature/itinerary.png); background-size: 32px auto; }
.section-feature .f-jacuzzi { background-image: url(../images/feature/jacuzzi.png); background-size: 32px auto; }
.section-feature .f-karaoke { background-image: url(../images/feature/karaoke.png); background-size: 32px auto; }
.section-feature .f-last-view { background-image: url(../images/feature/last-view.png); background-size: 32px auto; }
.section-feature .f-length { background-image: url(../images/feature/length.png); background-size: 32px auto; }
.section-feature .f-local-food { background-image: url(../images/feature/local-food.png); background-size: 32px auto; }
.section-feature .f-oxygen { background-image: url(../images/feature/oxygen.png); background-size: 32px auto; }
.section-feature .f-price { background-image: url(../images/feature/price.png); background-size: 32px auto; }
.section-feature .f-rentals { background-image: url(../images/feature/rentals.png); background-size: 32px auto; }
.section-feature .f-room-area { background-image: url(../images/feature/room-area.png); background-size: 32px auto; }
.section-feature .f-room { background-image: url(../images/feature/room.png); background-size: 32px auto; }
.section-feature .f-spa { background-image: url(../images/feature/spa.png); background-size: 32px auto; }
.section-feature .f-sun-deck { background-image: url(../images/feature/sun-deck.png); background-size: 32px auto; }
.section-feature .f-surfing { background-image: url(../images/feature/surfing.png); background-size: 32px auto; }
.section-feature .f-technical { background-image: url(../images/feature/technical.png); background-size: 32px auto; }
.section-feature .f-vegetarian { background-image: url(../images/feature/vegetarian.png); background-size: 32px auto; }
.section-feature .f-water-skiing { background-image: url(../images/feature/water-skiing.png); background-size: 32px auto; }
.section-feature .f-western-food { background-image: url(../images/feature/western-food.png); background-size: 32px auto; }
.section-feature .f-width { background-image: url(../images/feature/width.png); background-size: 32px auto; }
.section-feature .f-year-built { background-image: url(../images/feature/year-built.png); background-size: 32px auto; }
.section-feature .f-dive-course { background-image: url(../images/feature/dive-course.png); background-size: 32px auto; }
.section-feature .f-jet-ski { background-image: url(../images/feature/jet-ski.png); background-size: 32px auto; }
.section-feature .f-know-course { background-image: url(../images/feature/know-course.png); background-size: 32px auto; }

/*section-review*/
.section-review { margin-top: 40px; position: relative; }
.section-review .hd { border-bottom: 1px solid #EBEBEB; line-height: 26px; font-size: 16px; padding-left: 35px; background: url(../images/detail/ico-review.png) no-repeat 5px 0; background-size: 20px auto; padding-bottom: 6px; }
.section-review .rate { width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #28BAED; border-radius: 2px; position: absolute; right: 15px; top: -25px; }
.section-review .rate span { display: inline-block; padding-left: 21px; background: url(../images/detail/ico-rate.png) no-repeat 0 11px; background-size: 15px auto; }
.section-review .summary { overflow: hidden; margin-top: 46px; }
.section-review .review-score { float: left; margin-left: 44px; display: inline; padding-right: 40px; border-right: 1px solid #F5F5F5; }
.section-review .review-chart { float: left; margin-left: 40px; display: inline; padding-right: 40px; padding-top: 15px; }
.section-review .review-chart .itm { overflow: hidden; line-height: 18px; margin-bottom: 20px; }
.section-review .review-chart .name { width: 90px; float: left; color: #888B8A }
.section-review .review-chart .radio-line { width: 363px; height: 4px; overflow: hidden; background-color: #EFEFEF; position: relative; margin-top: 7px; float: left; }
.section-review .review-chart .radio-line i { display: block; width: 20%; height: 4px; background-color: #28BAED; overflow: hidden; }
.section-review .review-chart .num { float: left; color: #757575; margin-left: 20px; display: inline; }
.section-review .review-from { padding-left: 40px; float: left; height: 200px; border-left: 1px solid #f5f5f5; }
.section-review .review-from .name { font-size: 16px }
.section-review .review-from ul { margin-top: 30px; }
.section-review .review-from li { width: 50px; float: left; margin-right: 23px; display: inline; }
.section-review .review-from img { width: 100% }
.review-list { margin-top: 30px; border-top: 1px solid #EBEBEB }
.review-list .itm { padding: 40px 0 0 240px; position: relative; }
.review-list .user-info { position: absolute; left: 20px; top: 40px; text-align: center; width: 200px; }
.review-list .user-info img { border-radius: 100%; width: 60px; height: 60px }
.review-list .user-info .name { font-size: 16px; margin-top: 17px; line-height: 18px; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis; }
.review-list .user-info .from { font-size: 12px; margin-top: 10px; color: #757575; line-height: 14px }
.review-list .tit { font-size: 18px; }
.review-list .star-pubdate { margin-top: 20px; overflow: hidden; }
.review-list .star { float: left; }
.review-list .star span { width: 16px; height: 16px; float: left; background: url(../images/detail/star-yellow.png) no-repeat; background-size: 100% auto; margin-right: 15px; }
.review-list .star .gray { background: url(../images/detail/star-gray.png) no-repeat; background-size: 100% auto; }
.review-list .pubdate { float: left; font-size: 12px; color: #A5A6A6; line-height: 18px; height: 16px; }
.review-list .cont-box { line-height: 24px; margin-top: 25px; padding-right: 42px; }
.review-list .cont-box .all { display: none; }
.review-list .cont-box .view-more { margin-top: 15px; }
.review-list .pic { margin-top: 30px; border-bottom: 1px solid #EBEBEB; padding-bottom: 38px; }
.review-list .pic li { float: left; margin-right: 16px; width: 80px; height: 80px; position: relative; z-index: 2; }
.review-list .pic li .small { width: 80px; height: 80px; position: relative; overflow: hidden; }
.review-list .pic li img { width: 100% }
.review-list .pic .big { width: 294px; height: 0; overflow: hidden; position: absolute; left: 0; top: 80px; }
.review-list .pic .big img { width: 294px; height: 194px; padding: 3px; margin-top: 7px; background-color: #fff; box-shadow: 0 2px 6px rgba(205, 205, 205, .5); opacity: 0; transition: opacity 1s; }
.review-list .pic li:hover .big { height: 194px; overflow: visible; }
.review-list .pic li:hover .big img { opacity: 1; }
.review-list .pic .see-all { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); position: absolute; left: 0; top: 0; text-align: center; color: #fff; font-size: 12px }
.review-list .pic .see-all .total { font-size: 18px; margin-top: 16px; }
.section-review .pagination { margin-top: 30px; overflow: hidden; }
.section-review .pagination .box { float: right; }
.section-review .pagination .prev, .section-review .pagination .next { width: 35px; height: 14px; float: left; cursor: pointer; background: url(../images/detail/ico-left.png) no-repeat center 1px; background-size: 8px auto; }
.section-review .pagination .next { background: url(../images/detail/ico-right.png) no-repeat center 1px; background-size: 8px auto; }
.section-review .pagination .disabled { opacity: .5; }
.section-review .pagination ul { float: left; }
.section-review .pagination li { color: #888B8A; width: 35px; height: 14px; line-height: 16px; float: left; text-align: center; border-right: 1px solid #EBEBEB; cursor: pointer; }
.section-review .pagination li:last-child { border-right: 0 }
.section-review .pagination .current { color: #424445 }

/*section-process*/
.section-process { margin-top: 40px; position: relative; text-align: center; }
.section-process ul { display: inline-block; }
.section-process li { float: left; width: 150px; height: 130px; margin-right: 35px; display: inline; position: relative; }
.section-process li:last-child { margin-right: 0; width: 185px; }
.section-process .ico { width: 100%; position: absolute; left: 0; top: 0; }
.section-process .ico:after { content: ""; width: 87px; height: 13px; position: absolute; left: 125px; top: 15px; background: url(../images/detail/arrow-right.png) no-repeat; background-size: 100% auto; }
.section-process li:last-child .ico:after { display: none; }
.section-process .ico img { width: 57px; min-height: 30px; }
.section-process .cont { padding-top: 75px; text-align: center; color: #757575; line-height: 22px; }

/*section-recommendation*/
.list-pic-1 { width: 100%; overflow: hidden; position: relative; margin-top: 20px; }
.list-pic-1 ul { overflow: hidden; width: 110% }
.list-pic-1 li { width: 274px; padding-bottom: 18px; position: relative; float: left; margin-right: 18px; }
.list-pic-1 .pic { width: 100%; height: 170px; overflow: hidden; position: relative; }
.list-pic-1 img { width: 100%; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; }
.list-pic-1 .pic:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.list-pic-1 .tit { padding: 15px 0 0 15px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
.list-pic-1 .tit a { color: #28BAED; font-size: 16px; display: inline-block; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis; }
.list-pic-1 .tit a:hover { color: #92d7f2; }
.list-pic-1 .place { font-size: 12px; padding: 10px 0 10px 15px; border: 1px solid #ebebeb; border-top: 0; }
.list-pic-1 .place a { color: #bbb; padding-left: 12px; display: inline-block; background: url(../images/ico-place2.png) no-repeat 0 center; background-size: 6px auto; }
.list-pic-1 .place a:hover { color: #28BAED }
.list-pic-1 .price { position: absolute; right: 15px; font-size: 16px; top: 185px; color: #EA5238 }
.list-pic-1 .price .p1 { color: #858788; font-size: 12px; text-decoration: line-through; margin-right: 6px; opacity: 0; filter: alpha(opacity=0); }
.section-recommendation { margin-top: 35px; position: relative; }
.section-recommendation .hd { border-bottom: 1px solid #EBEBEB; padding-top: 5px; line-height: 26px; font-size: 16px; padding-left: 35px; background: url(../images/detail/ico-rec.png) no-repeat 5px 2px; background-size: 22px auto; padding-bottom: 6px; }
.section-recommendation .reflesh { height: 18px; line-height: 18px; padding-left: 28px; font-size: 14px; background: url(../images/detail/ico-reflesh.png) no-repeat 0 0; background-size: 18px auto; position: absolute; right: 0; top: 8px; }
.section-recommendation .list-pic-1 { height: 270px; }
.section-recommendation .list-pic-1 ul { width: 10000px; position: absolute; left: 0; top: 0; }
.section-history { margin-top: 40px; position: relative; }
.section-history .hd { border-bottom: 1px solid #EBEBEB; line-height: 26px; font-size: 16px; padding-left: 38px; background: url(../images/detail/ico-history.png) no-repeat 5px 3px; background-size: 25px auto; padding-bottom: 6px; }

/*detail-nav*/
.detail-nav { width: 100%; min-width: 1150px; height: 60px; border-bottom: 1px solid #E4E4E4; background-color: #fff; position: fixed; left: 0; top: -61px; z-index: 9; -webkit-transition: top 0.25s ease-in; transition: top 0.25s ease-in; }
.detail-nav-active { top: 0 }
.detail-nav .inner { width: 1150px; height: 60px; position: relative; }
.detail-nav .nav-box { position: relative; overflow: hidden; }
.detail-nav .nav-box li { line-height: 60px; margin-right: 50px; float: left; }
.detail-nav .nav-box a { color: #757575; display: inline-block; padding: 0 5px; }
.detail-nav .nav-box .current-line { width: 0; height: 2px; background-color: #49C9F5; overflow: hidden; position: absolute; left: 0; top: 58px; -webkit-transition: all 0.35s ease-in; transition: all 0.35s ease-in; }
.detail-nav .btn-book { width: 140px; height: 61px; background-color: #49C9F5; color: #fff; position: absolute; right: 0; top: 0; line-height: 60px; text-align: center; font-size: 20px }
.detail-nav .btn-book:hover { background-color: #28BAED }
.detail-nav .amount { position: absolute; right: 180px; top: 0; line-height: 60px; color: #888B8A; display: none; }
.detail-nav .amount .num { font-size: 18px; margin-left: 13px; color: #EA5238 }
.backtotop { width: 42px; height: 42px; border: 1px solid #E4E4E4; position: fixed; left: 50%; margin-left: 595px; bottom: 100px; cursor: pointer; transition: all .3s; }
.backtotop:before { content: ""; width: 10px; height: 10px; border-top: 1px solid #757575; border-left: 1px solid #757575; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all .3s; }
.backtotop:hover, .backtotop:hover:before { border-color: #92D7F2; }
.jwclick { display: none !important; }
#jw-player_controlbar { z-index: 999; }