﻿/* reviews & qa header */
.a_header_tab {height:40px; border-bottom:1px solid #d1d1d1;}
.a_header_tab li {float:left;cursor:pointer;height:40px;line-height:40px;text-align:left;width:265px; background:#4f94c1; color:#fff; border:1px solid #d1d1d1; border-bottom:1px solid #fff; margin-right:5px;}
.a_header_tab li .rev {background:url("../png/tour-p05-w.png") no-repeat 25px center;padding:10px 0 10px 70px;}
.a_header_tab li .qa {background:url("../png/tour-p06-w.png") no-repeat 25px center;padding:10px 0 10px 70px;}

.a_header_tab li.current {background:#fff;color:#e47929;}
.a_header_tab li.current .rev {background:url("../png/tour-p05.png") no-repeat 25px center;}
.a_header_tab li.current .qa {background:url("../png/tour-p06.png") no-repeat 25px center;}

.a_cont_box {margin-top:10px;}
@media screen and (max-width: 640px) {
	.hasReviews .a_header_tab {border-bottom:none;}
	.hasReviews .a_header_tab li {width:50%; box-sizing:border-box; margin:0; text-align:center;}
	.hasReviews .a_header_tab li .rev {background:none;padding:0; display:block;}
	.hasReviews .a_header_tab li .qa  {background:none;padding:0; display:block;}
	.hasReviews .a_header_tab li.current .rev {background:none;}
	.hasReviews .a_header_tab li.current .qa  {background:none;}
}
@media screen and (max-width: 360px){
	.hasReviews .a_header_tab li {font-size:14px;overflow:hidden;}
}


/* feedback */
.feedback {padding-top:5px;}
.feedback ul {margin-bottom:5px;text-align:justify;}
.feedback li {background:#fff;margin:15px 10px 15px 20px;padding:5px 15px 15px;}
.feedback li p {margin-bottom:6px;}
.feedback li span {background:url("../gif/ico_cusp_line2.gif") no-repeat 0 5px;color:#666;padding-left:12px;}
.feedback a {color:#000; text-decoration:underline;}
.feedback a:hover {color:#f60; text-decoration:none;}

.a_f_img {float:left;display: block; margin:0 40px 0 0;height:108px;width:153px;}
.a_f_img img {border:1px solid #d6e2f2;height:100%;width:100%;}
.a_f_img:hover img {background:#edf6fd;height:auto;padding:5px;position:absolute;width:auto;z-index:1000;}
.a_f_more {text-align:right;}
.a_f_more span { font-size: 16px;width: 240px;background:#f0f3f6 url("../png/tour-p05.png") no-repeat 10px center;padding:10px 15px 10px 45px; border-radius: 5px;}
@media screen and (max-width: 768px){
	.feedback li {margin:0;padding:10px;}
	.a_f_img {margin:0 10px 0 0;}
	.a_f_img {pointer-events: none;}
}

/*-- Tour Reviews --*/
.tCustomerReviews { position:relative;}
.tReviewsTop { position:relative; overflow:hidden;display:flex;flex-wrap:nowrap;align-items:center;}
.tReviewsRating {font-size:18px; padding:0 20px; flex:1;}
.tReviewsRating span {display:inline-block; height:24px; line-height:24px;}
.trrBar 	{position:relative; width:120px; height:24px; overflow:hidden; background:url("../png/icon-rate-star-m-e.png") repeat-x;vertical-align:top; display:inline-block;}
.trrBar div {position:relative; width:120px; height:24px; overflow:hidden; background:url("../png/icon-rate-star-m.png") repeat-x;}
.trNum {float:right;}

.tReviewsWrite a {display:block; border:2px solid #d75b00; font-size:18px;color:#d75b00; text-decoration:none; border-radius:5px; padding:5px 20px 5px 40px; background:url("../png/icon-write-orange.png") no-repeat 10px center;}
.tReviewsWrite a:hover {text-decoration:none; color:#d75b00;}
@media screen and (max-width:480px){
	.tReviewsRating span.trNum {float:none; display:block;}
	.tReviewsRating {padding:0 5px;}
}
@media screen and (max-width:360px){   
	.tReviewsWrite a { background:none; padding:5px;}
}
/* --- */
.tReviewsList {position:relative; margin:20px auto;}
.tReview {position:relative;background:#f2f2f2; border-radius:10px; padding:20px 60px 20px 110px; margin-bottom:10px; min-height:150px;}
.tReview_left {position: absolute; left:0; top:0; width:100px; text-align: center; padding:20px 10px 0; box-sizing:border-box; color:#666;font-size:14px;}
.tReview_header {margin-bottom:10px;}

.tReview_right {position:relative;}
.tReview_time {display:inline-block; color:#666;}
.tReview_rating {display:inline-block; margin-right:20px; height:20px;vertical-align:middle; background:url("../png/icon-rate-star-s.png") repeat-x left top; width:75px;}
.tReview_rating.star1 {width:15px;}
.tReview_rating.star2 {width:30px;}
.tReview_rating.star3 {width:45px;}
.tReview_rating.star4 {width:60px;}
.tReview_rating.star5 {width:75px;}
.tReview_info {text-align:justify; margin:20px 0;}

.tReview_switch {display: inline-block;color: #d75b00;border: 1px solid #d75b00;font-size: 10px;padding: 0 10px;border-radius: 5px;cursor: pointer;margin: 5px 0;}
.tReview_moreWords {display:none;}
.tReview_moreWords+.tReview_ellipsis { display:inline;}
.tReview_ellipsis+.tReview_switch {display:inline-block;}

.tReview_photos {position:relative; overflow:hidden; }
.tReview_photos ul {overflow:hidden;max-height:160px;}
.tReview_photos li {float:left; width:32%; height:150px; margin:0 0.5% 10px; list-style:none; cursor:pointer;}
.tReview_photos li img {width:100%; height:100%; object-fit:cover;}
.tReview_photos_more { padding:5px 10px 0 0; text-align:right;}
.tReview_photos_more a {display:inline-block; padding:3px 20px; border:1px solid #d75b00; color:#d75b00; border-radius:5px; text-decoration:none;}
.tReview_photos_more a:hover {text-decoration:underline;}
/*---*/
.photoPreview { display:none; overflow:hidden; margin: 0 auto; position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 100000;}
.photoBox {overflow: hidden; width: 100%; height: 100%; position: relative;}
.photoBox .photoPrev,.photoBox .photoNext {overflow: hidden; width: 43px; height: 58px;font-size: 16px; color: #666; text-align: center; background: rgba(0, 0, 0, 0.4); position: absolute; top:0;bottom: 0; margin: auto; z-index: 2; cursor:pointer;}
.photoBox .photoPrev {left:0; }
.photoBox .photoNext {right:0;}
.photoBox .photoClose {position: absolute; top:10px; right:10px;width: 30px; height: 30px;background:url("../png/close_left.png") no-repeat center center; cursor:pointer; z-index:3;}

.photoBox .photoLoading {overflow: hidden; width: 40px; height:40px; position: absolute; top:50%; left:50%;margin: -20px auto auto -20px;}
.photoBox .photoImg {overflow: hidden; width: auto; height:90%; position: absolute; top:0; left:0;  bottom: 0; right:0; margin: auto;}
.photoBox .photoImg img {overflow: hidden; width:auto; max-width:100%; margin:0 auto; height:100%; display: block; object-fit: scale-down;}
/*---*/
.pageMore {padding:10px; background:#f0f3f6; margin-bottom:10px;}
.pageMore dt {width:116px;line-height:27px;}
.pageMore dt, .pageMore dd {float:right;}
.pageMore a, .pageMore span {display:block;float:left;width:27px;height:27px;background:url(../png/bg002c.png) no-repeat 0 0;line-height:27px;text-align:center;text-decoration:none;color:#000;margin:0 1px; cursor:default;}
.pageMore .next:hover {background-position:0 -135px;}
.pageMore .prev {background-position:0 -54px;cursor:pointer;}
.pageMore .prev:hover {background-position:0 -81px;cursor:pointer;}
.pageMore .prevN {background-position:-27px -54px;cursor:default;}
.pageMore a:hover, .pageMore .current {background-position:0 -27px;}
.pageMore .next {background-position:0 -108px;}
.pageMore .nextN {background-position:-27px -108px;cursor:default;}

.pageMore .pagenum {cursor:pointer;}
.pageMore .pagenum:hover {background-position:0 -27px;}

@media screen and (max-width:768px){
	.pageMore dt {padding:5px 0;}
	.pageMore a, .pageMore span {margin:5px;}
}
@media screen and (max-width:640px){   
	.tReview  {padding:20px 20px 20px 110px;}
}
@media screen and (max-width:480px){
	.tReview  {padding:10px;}
	.tReview_left {position:relative; padding:0; text-align:left; width:auto; min-height:60px; padding-left:60px;}
	.tReview_header {margin:0; position:absolute; left:0; top:0;}
	.tReview_owner {text-overflow:ellipsis;white-space:nowrap; overflow:hidden; height:25px; line-height:25px;}
	.tReview_author {display:inline; margin-right:10px;white-space:break-spaces;}
	.tReview_nation {display:inline;}
	
	.tReview_top {position:absolute; top:-45px; left:60px;}
	.tReview_rating {margin-right:10px;}
	
	.tReview_info {margin-top:10px;}
}