body { font-size: 14px; line-height: 1.5; color: #757575; background-color: #F5F7F8; }
.comment-list .user-info:after, .select-date .date-list li:after { content: ""; display: table; clear: both; }
.wrap { max-width: 750px; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: .7rem; }

::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-thumb { border-radius: 1px; background-color: #858788; }

/* detail-focus */
.detail-focus { position: relative; background-color: #f0f3f3; overflow: hidden; width: 100%; padding-bottom: 62.5%; }
.detail-focus .swiper-wrapper { position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.detail-focus li { position: relative; float: left; overflow: hidden; width: 100%; height: 100%; vertical-align: middle; text-align: center; background: #f9f9f9 url(../images/default.gif) no-repeat center center; background-size: 100% auto;}
.detail-focus li .play-video{width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; background: url(../images/ico-play.png) no-repeat; background-size: 100% auto; position: absolute; left: 50%; top: 50%; }

.detail-focus li a{ display: block; }
.detail-focus li .full-height{ display: inline; height: 100%; vertical-align: inherit;}
.detail-focus li img{ vertical-align: middle; width: 100%; height: 100%}
.detail-focus li .full-height img{ vertical-align: inherit;}

.detail-focus .ship-info { position: absolute; width: 100%; position: absolute; left: 0; bottom: 0.1rem; font-size: 0.18rem; color: #fff; text-shadow: 0 2px 8px #a8daec; }
.detail-focus .ship-info span { color: #fff; }
.detail-focus .ship-info .name { margin-right: 0.1rem; margin-left: 0.15rem; font-weight: 500; }
.detail-focus .ship-info .area { font-size: 0.14rem; }
.detail-focus .pagination { position: absolute; right: 0.136rem; top: .05rem; font-size: 0.14rem; }


.top-back { width: .135rem; height: .175rem; padding: .1rem; position: absolute; left: 0; top: 0; background: url(../images/back.png) no-repeat center center; background-size: .135rem auto; z-index: 2; }

/* detail-box */
.detail-box { margin-top: .15rem; background-color: #fff; padding: 0 .15rem .15rem; }
.detail-box .mod-hd { font-size: .17rem; line-height: .24rem; position: relative; color: #49C9F5; padding: .1rem 0 .1rem; }
.detail-box .mod-list li { font-size: .14rem; padding-left: .15rem; position: relative; margin-bottom: .05rem; overflow: hidden; }
.detail-box .mod-list li:before, .box-days .num:before { content: ""; position: absolute; left: 0; top: .08rem; width: .05rem; height: .05rem; background-color: #49C9F5; border-radius: 100%; }
.detail-box .more { text-align: center; color: #49C9F5; padding: .05rem 0 .15rem; font-size: .14rem; cursor: pointer; }
.detail-box .more span:after { content: ""; margin-left: .1rem; display: inline-block; width: .06rem; height: .06rem; border: 3px solid #ecf0f1; border-bottom: 0; border-right: 0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);  position: relative; top: -.02rem; }
.detail-box.box-active .more span:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: .02rem; }
.detail-box .more2 { text-align: right; color: #49C9F5; }
.detail-box .more2 span { cursor: pointer; }
.detail-box .more3 { position: absolute; right: 0; top: .15rem; width: .06rem; height: .06rem; border: 3px solid #ecf0f1; border-bottom: 0; border-right: 0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.detail-box.box-active .more3 { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: .19rem; }

.cont-box .view, .cont-box .hold{ color: #49C9F5;}
.cont-box .cont{ display: none;}
.cont-active .cont{ display: block;}
.cont-active .cont-brief{ display: none;}

.box-introduce { margin-top: 0; padding-top: .12rem; }
.box-introduce .excellent .l { float: left; padding-right: .15rem; width: .9rem; text-align: center; font-size: .12rem; color: #49C9F5; border-right: 1px solid #ecf0f1; padding-top: .05rem; }
.box-introduce .excellent .l .name { font-size: 0.15rem; font-weight: 500; margin-bottom: .025rem; line-height: .21rem; }
.box-introduce .excellent .l .reviews { color: #434445; margin-top: .265rem; }
.box-introduce .excellent .r { overflow: hidden; padding-left: .15rem; padding-top: .08rem; }
.box-introduce .excellent .r ul { font-size: 0 }
.box-introduce .excellent .r li { width: 50%; display: inline-block; font-size: .12rem; margin-bottom: 0.1rem; }
.box-introduce .excellent .r li:nth-child(2n+1){ padding-right: .1rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.box-introduce .excellent .r li:nth-child(n+5) { display: none; }
.box-introduce .excellent .r span { width: 100%; display: block; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis;}
.box-introduce .excellent .r .name { color: #858788 }
.box-introduce .excellent .r .val { color: #424445; margin-top: .01rem; }
.box-introduce .cont-box { font-size: .14rem; padding-top: 0rem; clear: both; }
.box-introduce.box-active .excellent .r li:nth-child(n+5) { display: inline-block; }
.select-room { padding-right: 0; padding-left: 0 }
.select-room .hd { font-size: .15rem; height: .46rem; line-height: .46rem; padding-left: .15rem; border-bottom: 1px solid #ecf0f1 }
.select-room .hd span{ display: inline-block; vertical-align: top; color: #424445}
.select-room .hd .s2 { width: 2.3rem; margin-left: .35rem; color: #49C9F5; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis;  }



.select-room .item { padding: .15rem; position: relative; border-bottom: 1px solid #ecf0f1 }
.select-room .pic { width: .6rem; height: .6rem; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: #f9f9f9 url(../images/default.gif) no-repeat center center; background-size: 100% auto; }
.select-room .pic img { width: 100%; display: block; vertical-align: top; }
.select-room .pic .num, .box-days .pic .num { width: 100%; height: .15rem; line-height: .15rem; text-align: center; overflow: hidden; position: absolute; left: 0; bottom: 0; background-color: rgba(162, 179, 185, .7); color: #fff; font-size: .1rem; }
.select-room .info{ overflow: hidden; min-height: .6rem; position: relative; padding-left: .7rem;}
.select-room .tit { position: relative; color: #49C9F5; font-size: .17rem; font-weight: 500;display: inline-block; max-width: 1.5rem; padding-right: .2rem; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis;}
.select-room .tit:after { content: ""; margin-left: .1rem; position: absolute; right: .025rem; top: .07rem; width: .06rem; height: .06rem; border: 3px solid #ecf0f1; border-bottom: 0; border-right: 0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.select-room .tags { color: #757575; font-size: .14rem; margin-top: .025rem; line-height: .175rem; height: .175rem; overflow: hidden; }
.select-room .tags span { margin-right: .1rem; display: inline-block; color: #858788; }
.select-room .price { position: absolute; right: 0; top: 0; font-size: .17rem;color: #ea5238;  }
.select-room .price span { font-size: .12rem; color: #858788 }
.select-room .cont-box { width: 100%; clear: both; font-size: .14rem; padding-top: .18rem; line-height: 1.5; display: none; }
.select-room .more { text-align: right; color: #49C9F5; padding-right: .15rem; }
.select-room .more span { cursor: pointer; }
.select-num { margin-top: .15rem; font-size: 0; display: none; text-align: right; }
.select-num span { display: inline-block; height: .27rem; line-height: .23rem; border: 1px solid #a8daec; text-align: center; color: #49C9F5; width: .23rem; font-size: .2rem; vertical-align: top; }
.select-num .plus{ border-top-right-radius:2px; border-bottom-right-radius:2px;}
.select-num .minus{ line-height: .25rem; border-top-left-radius:2px; border-bottom-left-radius:2px;}
.select-num .num { width: .86rem; line-height: .27rem; font-size: .14rem; border-left: 0; border-right: 0; color: #757575 }
.select-num .tip { margin-top: .05rem; color: #757575; font-size: .14rem; }
.select-room .select-tip { color: #858788; padding: .15rem; padding-top: .1rem; padding-bottom: 0; font-size: .14rem; }
.select-room .item-active .cont-box, .select-room .item-active .select-num { display: block; }
.select-room .item-active .tit{ white-space: normal;}
.select-room .item-active .tit:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: .12rem; }
.select-room .item-active .tags{ height: auto}
.box-includes .bd:nth-child(4) li:before { background-color: #757575; }
.box-includes, .box-days { padding-bottom: 0 }
.box-includes div:nth-child(n+3) { display: none; }
.box-includes div:last-child { display: block; }
.box-includes .mod-list li:nth-child(n+4) { display: none; }
.box-includes.box-active div:nth-child(n+3) { display: block; }
.box-includes.box-active .mod-list li:nth-child(n+4) { display: block; }
.box-days .bd { border-left: .015rem solid #ecf0f1; padding-left: .12rem; margin-top: .2rem; display: none; }
.box-days .num { font-size: .14rem; color: #49C9F5; position: relative; z-index: 2; }
.box-days .num:before { left: -.151rem; }
.box-days .tags { color: #858788; font-size: .14rem; }
.box-days .tags span { margin-top: .025rem; line-height: .175rem; margin-right: .25rem; display: inline-block; }
.box-days .cont-box { font-size: .14rem; margin-top: .1rem; padding-bottom: .15rem; }
.box-days .day-item { position: relative; }

.box-days .day-item:first-child:before, .box-days .day-item:last-child:after { content: ""; width: .05rem; height: .13rem; background-color: #fff; position: absolute; top: 0; left: -.151rem; }
.box-days .day-item:last-child:after, .box-days .day-item:nth-child(2):after { height: 100%; top: .1rem; }
.box-days.box-active .day-item:nth-child(2):after { display: none; }

.box-days{ padding: 0; width: 100%; position: relative;}
.box-days .mod-hd{ border-bottom: 1px solid #ecf0f1; padding-left: .15rem;}
.box-days .item{ padding: .15rem; border-bottom: 1px solid #ecf0f1; position: relative;}
.box-days .item:last-child{ border-bottom: 0}
.box-days .info{ padding-left: .7rem; position: relative; min-height: .6rem;}
.box-days .info .pic{ width: .6rem; height: .6rem; overflow: hidden; position: absolute; left: 0; top: 0; background: #f9f9f9 url(../images/default.gif) no-repeat center center; background-size: 100% auto;}
.box-days .info img{ width: 100%; height: .6rem; display: block;}
.box-days .info .tit{ font-size: .17rem; line-height: .24rem; max-height: .48rem; overflow: hidden;}
.box-days .info-2{ display: none;}
.box-days .info-2 ul { font-size: 0; margin-top: .15rem; }
.box-days .info-2 li { width: 50%; display: inline-block; vertical-align: top; font-size: .12rem; margin-bottom: 0.1rem; }
.box-days .info-2 li:nth-child(2n+1){ padding-right: .1rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.box-days .info-2 li:last-child{ width: 100%; padding-right: 0}
.box-days .info-2 li span { width: 100%; display: block; overflow: hidden;}
.box-days .info-2 .name { color: #858788 }
.box-days .info-2 .val { color: #424445; margin-top: .01rem; }
.box-days .info-2 .desc{ font-size: .14rem; line-height: .2rem; padding-top: .05rem;}

.box-days .date-box { position: absolute; right: 0; top: .11rem; text-align: center; font-size: .15rem; line-height: .24rem; }
.box-days .date-box span { display: inline-block; width: .82rem; position: relative; }
.box-days .date-box .prev, .box-days .date-box .next { width: .25rem; }
.box-days .date-box .disabled{ opacity: .5}
.box-days .date-box .prev:after, .box-days .date-box .next:after { content: ""; position: absolute; right: .02rem; top: .075rem; width: .06rem; height: .06rem; border: 2px solid #757575; border-bottom: 0; border-right: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.box-days .date-box .next:after { right: auto; left: .02rem; transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.box-days .item-active .info-2, .box-days .item-active .bd{ display: block;}







.box-policy li { font-size: .14rem; margin-top: .1rem; }
.box-policy li:first-child { margin-top: 0; }
.box-policy li span { color: #49C9F5 }
.box-spec .hd2 { font-size: .15rem; margin-top: .15rem; margin-bottom: .1rem; color: #49C9F5 }
.box-spec div:nth-child(2) { margin-top: 0; }
.box-spec .tip { font-size: .14rem; margin-top: .1rem; }
.detail-box .mod-list2 li { font-size: .14rem; margin-top: .05rem; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis; line-height: .2rem; }
.detail-box .mod-list2 li:first-child { margin-top: 0; }
.detail-box .mod-list2 li span { width: 1.05rem; height: .2rem; overflow: hidden; vertical-align: top; margin-right: .05rem; display: inline-block; color: #858788; }
.box-faqs li { font-size: .14rem; margin-top: .15rem; }
.box-faqs li:first-child { margin-top: 0; }
.box-faqs li .cont-box { color: #757575; }
.box-faqs li .tit{ font-weight: 500; color: #424445}

.viewlayout{ width: 100%; min-height: 100px; overflow: hidden; position: relative; background: #f9f9f9 url(../images/default.gif) no-repeat center center; background-size: 100% auto; display: none;}
.viewlayout img{ width: 100%}
.viewlayout .page{ position: absolute; bottom: .05rem; right: .05rem; color: #fff; font-size: .14rem; text-shadow: 0 2px 8px #a8daec; line-height: .2rem;}

/* box-comment */
.box-comment { padding: 0 }
.box-comment .mod-hd, .box-comment .grade-info { padding-left: .15rem; padding-right: .15rem; }
.box-comment .mod-hd .more3 { right: .15rem; }
.box-comment .grade-info .general { font-size: .15rem; color: #49C9F5 }
.box-comment .grade-info .general span { font-size: .12rem; }
.box-comment .grade-list { margin-top: .1rem; }
.box-comment .grade-list ul { font-size: 0 }
.box-comment .grade-list li { margin-bottom: .05rem; }
.box-comment .grade-list span { display: inline-block; font-size: .12rem; }
.box-comment .grade-list .name { width: .8rem; }
.box-comment .grade-list .ratio { width: 1.9rem; height: .1rem; background-color: #F5F7F8; overflow: hidden; position: relative; }
.box-comment .grade-list .ratio i { height: .1rem; width: 0; background-color: #A3D6E8; position: absolute; left: 0; top: 0; }
.box-comment .grade-list .num { margin-left: .1rem; }
.box-comment .more-reviews { text-align: center; font-size: .15rem; color: #49C9F5; padding: .1rem 0 .15rem; border-top: 1px solid #ecf0f1 }
.comment-list { margin-top: .2rem; }
.comment-list .item { border-top: 1px solid #ecf0f1; padding: 0 0 .15rem; }
.comment-list .user-info { font-size: .14rem; padding: .1rem .15rem; padding-left: 0; margin-left: .15rem; border-bottom: 1px solid #ecf0f1 }
.comment-list .portrait { float: left; margin-right: .1rem; width: .36rem; overflow: hidden; height: .36rem; border-radius: 100% }
.comment-list .portrait img { width: 100% }
.comment-list .user-info .name{ font-weight: 500; color: #424445;}
.comment-list .from { color: #858788 }
.comment-list .comment-cont { margin-top: .15rem; padding-left: .15rem; padding-right: .3rem; }
.comment-list .comment-cont .excellent { font-size: .15rem; color: #49C9F5; margin-right: .09rem; display: inline-block; }
.comment-list .comment-cont .excellent span, .comment-list .comment-cont .date { font-size: .12rem; color: #757575 }
.comment-list .comment-cont .excellent i{ font-size: .12rem; color: #757575}
.comment-list .comment-cont .c-cont { margin-top: .1rem; font-size: .15rem; font-weight: 500; color: #424445 }
.comment-list .comment-cont .cont-box { margin-top: .1rem; font-size: .14rem; }
.box-policy, .box-spec, .box-faqs, .box-comment { padding-bottom: 0; }
.box-policy ul, .box-spec ul, .box-spec .hd2, .box-spec .tip, .box-faqs ul, .box-comment .grade-info, .box-comment .comment-list, .box-comment .more-reviews { display: none; }
.box-policy.box-active, .box-spec.box-active, .box-faqs.box-active { padding-bottom: .15rem; }
.box-policy.box-active ul, .box-spec.box-active ul, .box-spec.box-active .hd2, .box-spec.box-active .tip, .box-faqs.box-active ul, .box-comment.box-active .grade-info, .box-comment.box-active .comment-list, .box-comment.box-active .more-reviews, .box-spec.box-active .viewlayout { display: block; }
.box-comment .more-reviews.end{ display: none!important;}


/* buy-now */
.buy-now { max-width: 750px; height: .4rem; font-size: .14rem; line-height: .4rem; color: #fff; text-align: center; position: fixed; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 0; background-color: #49C9F5; z-index: 101; }
.buy-now:active{ opacity: .7;}

/* select-date */
#intercom-container{ z-index: 1001!important;}
.select-date { width: 100%; height: 100%; overflow: hidden; max-width: 750px; position: fixed; left: 0; top: 0; right: 0; margin-left: auto; margin-right: auto; background-color: rgba(0, 0, 0, .8); z-index: 1002; height: 0; }
.select-date .inner { background-color: #fff; width: 100%; position: absolute; left: 0; bottom: -100%; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.select-date .date-box { padding: .15rem; text-align: center; font-size: .17rem; color: #49C9F5; border-bottom: 1px solid #ecf0f1; }
.select-date .date-box span { display: inline-block; width: 1rem; position: relative; }
.select-date .date-box .prev, .select-date .date-box .next { width: .5rem; }
.select-date .date-box .disabled{ opacity: .5}
.select-date .date-box .prev:after, .select-date .date-box .next:after { content: ""; position: absolute; right: .05rem; top: .075rem; width: .06rem; height: .06rem; border: 3px solid #49C9F5; border-bottom: 0; border-right: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.select-date .date-box .next:after { right: auto; left: .05rem; transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.select-date .date-list{ padding-bottom: .15rem;margin-bottom: 70px;}
.select-date .date-list ul { height: 2.62rem; overflow: auto; padding-left: .15rem; }
.select-date .date-list li { padding: .1rem 0; border-bottom: 1px solid #ecf0f1; position: relative; }
.select-date .date-list .date { width: .5rem; float: left; font-size: .14rem; line-height: .21rem; }
.select-date .date-list .date span{ display: block;}
.select-date .date-list .date span:last-child{ margin-top: .025rem; color: #757575; font-size: .14rem; text-indent: .05rem;}
.select-date .date-list .txt { padding-right: .85rem; overflow: hidden; }
.select-date .date-list .txt div{ height: .21rem; line-height: .21rem; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis;}
.select-date .date-list .tit { font-size: .15rem; }
.select-date .date-list .desc { font-size: .14rem; margin-top: .025rem; color: #757575 }
.select-date .date-list .btn-select { position: absolute; right: .15rem; top: 50%; border-radius: 4px; margin-top: -.125rem; width: .6rem; height: .25rem; line-height: .25rem; text-align: center; color: #49C9F5; border: 1px solid #49C9F5; font-size: .12rem; }
.select-date-active { height: 100%; }
.select-date-active .inner { bottom: 0 }


/* full-swipe */
.full-swipe{ width: 100%; max-width: 750px; height: 100%; overflow: hidden; position: fixed; left: 0; right: 0; top: 0; margin-left: auto; margin-right: auto; background-color: rgba(38, 43, 44, .9); z-index: 103; display: none;}

.full-swipe .swiper-wrapper { width: 100%; height: 100%}
.full-swipe li { position: relative; float: left; overflow: hidden; width: 100%; height: 100%; background: url(../images/loading-40.gif) no-repeat center center; background-size: .2rem auto; vertical-align: middle; text-align: center; display: table;}

.full-swipe li a{ display: table-cell; height: 100%; vertical-align: middle;}
.full-swipe li img{ vertical-align: middle; width: 100%}

.full-swipe .ship-info { position: absolute; width: 100%; position: absolute; left: 0; bottom: 0.2rem; font-size: 0.15rem; color: #fff; text-shadow: 0 2px 8px #a8daec; text-align: center; line-height: .21rem; }
.full-swipe .ship-info span{ display: inline-block;}
.full-swipe .pagination { position: absolute; right: 0.15rem; top: 0; font-size: 0.12rem; }

.blank{ position: absolute; left: 0; top: 0; width: 1px; height: 1px; overflow: hidden;}
.video-box { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; z-index: 9; background: url(../images/loading-40.gif) no-repeat center center; }
.video-box iframe, .video-box object, .video-box embed, .video-box .prism-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-box .prism-player{ height: 100%!important;}