﻿.reviews{margin-top:15px}
.reviewhead{border-bottom:1px solid #eee;font-size:18px}
.writeBtn{float:left;overflow:hidden;margin:10px 15px;width:160px;clear:both}
.leftblock{float:left;width:32%;font-size:14px}
.rightblock{float:right;width:68%;font-size:14px}
.rateline{position:relative;background:#dfd7d0;width:255px;height:16px;display:inline-block;margin:0 8px;box-shadow:1px 0px 2px #888}
.rateline > div{position:absolute;background:#f9ac39;height:16px;left:0;top:0}
.ratelineWrap > div{margin:8px auto}
.ratestars{margin:0 18px;float:left}
.star{width:20px}
.rating-tab-container{border-bottom:1px solid #ddd}
.rating-tab-title{font-weight:700;font-size:15px;display:inline-block;padding-bottom:8px}
.rating-tab-container > label{float:right;margin-right:12px}
.rating-content{margin-top:0}
.rating-review{border-bottom:1px solid #eee;margin-bottom:10px;overflow:hidden;padding:20px 0}
.rating-review-header{float:left;width:82px}
.rating-avatar{width:80px;height:80px;border:1px solid #eee;border-radius:50%;position:relative;overflow:hidden;margin-bottom:12px}
.rating-avatar > img{position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%}
.review-location{margin-top:6px}
.rating-right{float:left;margin-left:30px;width:calc(100% - 120px)}
.rating-title{font-size:16px;font-weight:700;margin-top:8px}
.rating-desc{font-size:14px}
span.date{float:right;margin:2px 10px}
.img-a{display:inline-block;position:relative;width:60px;height:60px;border:1px solid #eee;margin-right:10px;vertical-align:middle;overflow:hidden}
.img-a > img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:60px}
.pager{text-align:center;margin-bottom:25px}
.pagerbtn{display:inline-block;border:1px solid #ccc;border-radius:4px;padding:5px;text-decoration:none;color:#999;margin:0 2px}
div.rateit{display:-moz-inline-box;display:inline-block;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;left: 0;right: 0;}
div.rateit div.rateit-range{position:relative;display:-moz-inline-box;display:inline-block;background:url(starbg.png);height:16px}
* html div.rateit,* html div.rateit div.rateit-range{display:inline}
* + html div.rateit,* + html div.rateit div.rateit-range{display:inline}
div.rateit div.rateit-hover,div.rateit div.rateit-selected{position:absolute;left:0px}
div.rateit div.rateit-hover-rtl,div.rateit div.rateit-selected-rtl{left:auto;right:0px}
div.rateit div.rateit-hover{background:url(starbg.png) left -32px}
div.rateit div.rateit-hover-rtl{background-position:right -32px}
div.rateit div.rateit-selected{background:url(starbg.png) left -16px}
div.rateit div.rateit-selected-rtl{background-position:right -16px}
div.rateit div.rateit-preset{background:url(starbg.png) left -48px}
div.rateit div.rateit-preset-rtl{background:url(starbg.png) left -48px}
div.rateit div.rateit-reset{background:url(delete.gif) 0 0;width:16px;height:16px;display:-moz-inline-box;display:inline-block;float:left}
div.rateit div.rateit-reset:hover{background-position:0 -16px}
@media all and (max-width:768px){.leftblock,.rightblock{width:100%}
.layui-layer-setwin .layui-layer-close{top:0;right:0}
}