* {box-sizing:border-box;} body {font:17px Arial,Helvetica,Verdana,Geneva,sans-serif;color:#212121;line-height:24px;} li {list-style:none;} .index-reviews-slider-area {position:relative;} .review-box {height:260px;border:1px solid #d1d1d1;box-shadow:0 0 5px #ccc;background:#fff;overflow:hidden;} .review-top{padding:10px;background:#f2f2f2;} .star-count {display:inline-block;width:100px;max-width:100px;height:25px;background:url(https://data.travelchinaguide.com/images/tcg/feedback/icon/icon-rate-star-hover.png) repeat-x;background-size:20px;vertical-align:middle;} .star-count .stars {width:100px;height:inherit;background:url(https://data.travelchinaguide.com/images/tcg/feedback/icon/ico-star-blue.png) repeat-x;display:inline-block;background-size:20px;} .ui_bubble_rating {display:inline-block;position:relative;} .ui_bubble_rating.bubble_50 {width:72px;height:16px;background:url("static/image/icon-circular.jpg") no-repeat;vertical-align:middle;} .ui_bubble_rating.bubble_40 {width:57px;height:16px;background:url("static/image/icon-circular.jpg") no-repeat;vertical-align:middle;} .tReview_rating{ display:inline-block;margin-right:20px;height:20px;vertical-align:middle;background:url(static/image/icon-rate-star-s.png) repeat-x left top;width:75px;} .tReview_rating.star5 { width:75px;} .taDate {color:#999;} .taDate span {margin-right:10px;} .ttstars {display:inline-block;height:18px;vertical-align:middle;background:url(static/image/icon-star-green-s.jpg) repeat-x left center;background-size:15px 15px;width:75px;} .ttstars.star1 {width:15px;} .ttstars.star2 {width:30px;} .ttstars.star3 {width:45px;} .ttstars.star4 {width:60px;} .ttstars.star5 {width:75px;} .prstars {display:inline-block;height:18px;vertical-align:middle;background:url(static/image/icon-star-yellow-l.jpg) repeat-x left center;background-size:15px 15px;width:75px;} .prstars.star1 {width:15px;} .prstars.star2 {width:30px;} .prstars.star3 {width:45px;} .prstars.star4 {width:60px;} .prstars.star5 {width:75px;} .slider-img-list {padding:0 35px;position:relative;} .slider-nav>div {position:absolute;top:0;bottom:60px;width:35px;cursor:pointer;} .slider-nav .prev {left:0;background:url(static/image/icon-left.png) no-repeat center center;} .slider-nav .next {right:0;background:url(static/image/icon-right.png) no-repeat center center;} .review-details {margin:0;padding:0;list-style:none;} .review-header {overflow:hidden;padding:10px;} .review-title {font-size:18px;padding:10px 0;height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .review-words {line-height:25px;text-align:justify;padding:0 5px 0 0;width:100%;height:130px;margin-top:14px;overflow-y:auto;} .review-words::-webkit-scrollbar {width:4px;border-radius:3px;} .review-words::-webkit-scrollbar-thumb {background:rgba(85, 85, 85, 0.6);} .review-words::-webkit-scrollbar-track {background:rgba(85, 85, 85, 0.1);} .review-title+.review-words {height:125px;margin-top:0;} .review-header+.review-words {height:175px;} .review-ellipsis {display:none;} .review-from {display:block;color:#818181;} .review-pic {display:inline-block;} .review-pic img {vertical-align:middle;width:46px;height:46px;border-radius:46px;} .review-pf {color:#009bb5;} .review-header-right {float:right;width:calc(100% - 50px);} .review-switch {display:none;background-color:#009bb5;color:#fff;border-radius:10px;padding:5px 8px;cursor:pointer;margin:0px 5px;font-size:14px;} .review-more-words {text-align:justify;position:absolute;display:none;border:1px dashed #d1d1d1;padding:5px;line-height:25px;} .txtBox {text-align:center;font-size:18px;display:flex;align-items:center;min-height:40px;margin:10px auto;} .txtInfo {flex:1;} /*override*/ .flex-control-nav li {margin:0 4px;} .flex-control-paging li a {width:8px;height:8px;background:rgba(0,0,0,0.1);box-shadow:none;} /* reviews bar*/ .tReviewsRating {padding:0 0 15px;text-align:center;} .tReviewsRating a {text-decoration:underline;color:#000;} .tReviewsRating span {display:inline-block; height:24px; line-height:24px;} .trrBar {position:relative; width:120px; height:24px; overflow:hidden; background:url("static/image/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("static/image/icon-rate-star-m.png") repeat-x;} @media screen and (max-width:1200px) { body {font-size:20px;} .review-title {font-size:24px;} .review-words {line-height:1.6;} } @media screen and (max-width:640px) { .slider-img-list {padding:0;} .slider-nav {display:none;} } @media screen and (max-width:480px) { .flex-control-nav {bottom:-55px;line-height:normal;} .review-box {height:320px;} .review-title+.review-words {height:180px;} .review-header+.review-words {height:200px;} } /*bx*/ .slider-nav>div a {display:block;width:100%;height:100%;} .bx-wrapper {border:none;box-shadow:none;margin-bottom:0;padding-bottom:20px;background:none;} .bx-wrapper .bx-pager.bx-default-pager a {width:8px;height:8px;margin:0 4px;background:rgba(0,0,0,0.1);} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:auto;} .bx-wrapper .bx-pager {padding-top:0;} .bx-controls {display:none;}