.wrap-inner{ background:#f5f5f5 }

.hotel-name{ font-size:1.29rem; line-height:1.43rem; padding:1.43rem; text-align:left }
.main-face-ul{ background:#fff; overflow:hidden }
.main-face-ul .one-main-face{ float:left; border-right:0.07rem solid #eaeaea; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:20% }
.main-face-ul .one-main-face p{ font-size:0.86rem; line-height:1; padding-top:0.86rem }
.main-face-ul .one-main-face .main-face{ height:7.36rem; width:100%; background:url(../images/main-faces.png) no-repeat; background-size:25.21rem auto }
.main-face-ul .one-main-face:nth-child(1) .main-face{ background-position:1rem -7.29rem }
.main-face-ul .one-main-face:nth-child(2) .main-face{ background-position:-4.36rem -7.29rem }
.main-face-ul .one-main-face:nth-child(3) .main-face{ background-position:-9.71rem -7.29rem }
.main-face-ul .one-main-face:nth-child(4) .main-face{ background-position:-15.07rem -7.29rem }
.main-face-ul .one-main-face:nth-child(5) .main-face{ background-position:-20.43rem -7.29rem }
.main-face-ul .current:nth-child(1) .main-face{ background-position:1rem 0.43rem }
.main-face-ul .current:nth-child(2) .main-face{ background-position:-4.36rem 0.43rem }
.main-face-ul .current:nth-child(3) .main-face{ background-position:-9.71rem 0.43rem }
.main-face-ul .current:nth-child(4) .main-face{ background-position:-15.07rem 0.43rem }
.main-face-ul .current:nth-child(5) .main-face{ background-position:-20.43rem 0.43rem }

.gift-box{ width:100% }

.items-ul{ background:#fff; padding:0.86rem 0; margin-bottom:0.71rem }
.items-ul .one-item{ overflow:hidden; line-height:2.5rem; color:#4d4d4d }
.items-ul .one-item .title{ padding-left:1.43rem; width:4.29rem; font-size:0.86rem; float:left; text-align:left }
.items-ul .one-item .comment{ padding-right:1.43rem; width:4.29rem; font-size:0.86rem; float:right; text-align:right }
.items-ul .one-item .three-faces{ width:15.3rem; float:left }
.items-ul .one-item .three-faces .one-face{ width:20%; background:url(../images/three-face.png) no-repeat center; background-size:1.71rem; height:2.5rem; float:left }
.items-ul .one-item .three-faces .face-smile{ background-position:center 0.37rem }
.items-ul .one-item .three-faces .face-sad{ background-position:center -4.5rem }

.features-wrap{ background:#fff; margin-bottom:0.71rem; padding:0 1.43rem }
.features-wrap h4{ font-size:0.86rem; line-height:2rem; color:#4d4d4d; text-align:left }
.feature-ul{ overflow:hidden; padding:0.86rem 0 }
.feature-ul li{ float:left; white-space:nowrap; line-height:2.14rem; height:2.14rem; font-size:0.86rem; color:#f71d1d; border:0.07rem solid #f71d1d; padding:0 1rem; -webkit-border-radius:2rem;  -moz-border-radius:2rem;  border-radius:2rem; margin:0 0.15rem 0.6rem  }
.feature-ul li.current{ background:#f71d1d; color:#fff }
.feature-bad{ display:none }

.detail-description{ font-size:0.86rem; background:#fff; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:none; margin-bottom:0.71rem; height:5.57rem; padding:0.86rem }


/*上传照片*/
.upload-photo{ background:#fff; margin-bottom:0.71rem; padding:1.43rem }
.upload-photo .photos-wrap{ padding-bottom:10px; overflow:hidden }
.upload-photo .photos-wrap .photo-comment{ float:left; width:18%; padding:0 2% 10px 0 }
.upload-photo .add-photo-wrap{ vertical-align:bottom; text-align:left; overflow:hidden }
.upload-photo a{ display:inline }
.upload-photo .add-photo-wrap .add-photo-btn{ width:24%; float:left; padding-right:10px }
.upload-photo .add-photo-wrap span{ padding-top:14%; color:#bfbfbf; font-size:0.86rem; }

.fix-submit{ width:100%; height:3rem; line-height:3rem; color:#fff; font-size:1.07rem; background:#d61720 }

#imgbox-loading {
	position: absolute;
	top: 0;
	left: 0;
	background: url('imgbox-spinner.gif') center center no-repeat;
	cursor: pointer;
	display: none;
	z-index: 90;
}

#imgbox-loading div {
	background: #FFF;
	width: 100%;
	height : 100%;
}

#imgbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
	z-index: 80;
}

.imgbox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	display: none;
	z-index: 90;
}

.imgbox-img {
	padding: 0;
	margin: 0;
	border: none;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.imgbox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/imgbox-close.png') top left no-repeat;
	cursor: pointer;
	outline: none;
}

.imgbox-title {
	padding-top: 10px;
	font-size: 11px;
	text-align: center;
	font-family: Arial;
	color: #333;
	display: none;
}

.imgbox-bg-wrap {
	position: absolute;
	padding: 0;
	margin: 0;
	display: none;
}

.imgbox-bg {
	position: absolute;
	width: 20px;
	height: 20px;
}

.imgbox-bg-n {
	left: 0;
	top: -20px;
	width: 100%;
	background: url(../images/imgbox-bg-n.png) repeat-x;
}

.imgbox-bg-ne {
	right: -20px;
	top: -20px;
	background: url(../images/imgbox-bg-ne.png) no-repeat;
}

.imgbox-bg-e {
	right: -20px;
	top: 0;
	height: 100%;
	background: url(../images/imgbox-bg-e.png) repeat-y;
}

.imgbox-bg-se {
	right: -20px;
	bottom: -20px;
	background: url(../images/imgbox-bg-se.png) no-repeat;
}

.imgbox-bg-s {
	left: 0;
	bottom: -20px;
	width: 100%;
	background: url(../images/imgbox-bg-s.png) repeat-x;
}

.imgbox-bg-sw {
	left: -20px;
	bottom: -20px;
	background: url(../images/imgbox-bg-sw.png) no-repeat;
}

.imgbox-bg-w {
	left: -20px;
	top: 0;
	height: 100%;
	background: url(../images/imgbox-bg-w.png) repeat-y;
}

.imgbox-bg-nw {
	left: -20px;
	top: -20px;
	background: url(../images/imgbox-bg-nw.png) no-repeat;
}

/*评论展示*/
.score-wrap{ background:#fff; border-top:1px solid #e5e5e5; padding:20px 0; margin-bottom: 10px; box-shadow: 0 0 10px #f1f3f5 }
.score-wrap .total-score{ width:105px; font-size:14px; line-height: 18px; color:#ffb437; text-align: center; height: 35px; border-right:1px solid #e5e5e5 }
.score-wrap .total-score .total-num b{ font-size:18px  }
.score-wrap .total-score .comment-amount{ font-size:11px; color:#999; font-weight: 200}
.score-wrap .other-score{ display: flex; display: -webkit-flex;flex-direction: row; flex-wrap: wrap; justify-content:space-between; padding-left:2.778% }
.score-wrap .other-score .one-item{ width: 50%; box-sizing: border-box; padding-right:5.556%}
.score-wrap .other-score .one-item .title{ color:#999; padding-right:8px}
.score-wrap .other-score .one-item .score{ color:#666; padding-left:8px}
.score-wrap .other-score .score-container{ display: flex; align-items: center; }
.score-wrap .other-score .score-container .progress-bar{ height:5px; background:#e5e5e5; border-radius:10px }
.score-wrap .other-score .score-container .progress-bar .progress{ background:#f00538; background:linear-gradient(to right, #f00538 , #ff5b5b); height:5px; border-radius:10px}

.comment-detail-wrap{ background:#fff; box-shadow: 0 0 10px #f1f3f5; padding:0 4% }
.comment-detail-wrap .one-comment{ border-bottom:1px solid #e5e5e5; padding:15px 0}
.comment-detail-wrap .one-comment:last-child{border:none}
.comment-detail-wrap .one-comment .summary{ font-size:16px; font-weight: 500;color:#333}
.comment-detail-wrap .one-comment .summary .from{ font-size:12px; color:#999; font-weight:400; padding:0 0 3px 10px}
.comment-detail-wrap .one-comment .detail{ font-size:15px; color:#666; }
.comment-detail-wrap .one-comment .answer{ border: 1px solid #e8e8e8; background:#f8f8f8; border-radius:5px; font-size: 12px;text-align: left;; padding:12px; color: #999; margin-bottom: 5px;margin-block-start: 5px }
.comment-detail-wrap .one-comment .date{ text-align: right; font-size:12px; color:#999}