/*!Name: comment.css
 * Date: 2020-4-29 15:48:51 */
.ui-page a,.ui-page-next,.ui-page-prev {
	display: inline-block;
	background-color: #f7f7f7;
	vertical-align: middle;
	*zoom: 1
}

.ui-page-skip,.ui-page-total {
	font-size: 14px
}

.ui-page-next,.ui-page-prev {
	*display: inline;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-image: -moz-linear-gradient(top,#f7f7f7,#f3f2f2);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(1,#f3f2f2));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#f3f2f2", GradientType="0");
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#f3f2f2");
	background-image: linear-gradient(to bottom,#f7f7f7 0,#f3f2f2 100%);
	border: 1px solid #ddd;
	padding: 4px 1em;
	cursor: pointer
}

.ui-page-next i,.ui-page-prev i {
	color: #b2b2b2;
	margin-right: 2px;
	font-weight: 700
}

.ui-page-next:hover,.ui-page-prev:hover {
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	color: #e33b3d
}

.ui-page-next:hover i,.ui-page-prev:hover i {
	color: #e33b3d
}

.ui-page-next {
	margin-left: 3px
}

.ui-page-next i {
	margin: 0 0 0 2px
}

.ui-page a {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	*display: inline;
	background-image: -moz-linear-gradient(top,#f7f7f7,#f3f2f2);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(1,#f3f2f2));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#f3f2f2", GradientType="0");
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#f3f2f2");
	background-image: linear-gradient(to bottom,#f7f7f7 0,#f3f2f2 100%);
	color: #333;
	padding: 4px 1.2em;
	border: 1px solid #ddd;
	margin-left: 3px
}

.ui-page a:hover {
	text-decoration: none;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	color: #e33b3d
}

.ui-page-total {
	margin: 0 10px
}

.ui-page-skip input {
	width: 30px;
	padding: 0 5px
}

.ui-page span {
	margin-left: 3px;
	color: #666
}

.ui-page .ui-page-curr {
	color: #e33b3d;
	font-weight: 700;
	border: 0;
	cursor: default;
	background: 0 0
}

.ui-page .ui-page-curr:hover {
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0)
}

.ui-page .ui-page-cancel {
	background: #fff;
	border-color: #ddd;
	color: #ccc;
	cursor: default
}

.ui-page .ui-page-cancel:hover {
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0)
}

.ui-page .ui-page-cancel i {
	color: #ccc
}

.ui-page-small .ui-page-next,.ui-page-small .ui-page-prev,.ui-page-small a {
	font-size: 12px;
	height: 28px;
	line-height: 28px
}

.ui-page-small .ui-page-skip,.ui-page-small .ui-page-total {
	font-size: 12px
}

#comment .more-link {
	float: right;
	margin-top: -19px
}

.comment .tag-available span {
	cursor: pointer
}

.comment .tag-available span.tag-1:hover,.comment .tag-available span.tag-2:hover {
	color: #666;
	border-color: #666;
	background-color: transparent
}

.comment .tag-available span.tag-1 {
	color: #999;
	border-color: #e0e0e0
}

.comment .tag-available span.tag-1.selected {
	color: #e4393c;
	border-color: #e4393c
}

.comment .tag-available span.tag-2 {
	background: #ebebeb
}

.comment .tag-available span.tag-2.selected,.comment .tag-available span.tag-2.selected:hover {
	color: #088000;
	border-color: #088000;
	background-color: transparent
}

.comment .tag-list {
	height: 22px;
	overflow: hidden
}

.comment .tag-list span {
	display: inline-block;
	line-height: 20px;
	padding: 0 9px;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #999
}

.comment .tag-list .default {
	background: #ebebeb
}

.comment .tag-list .default:hover {
	color: #666;
	border-color: #666;
	background: #fff
}

.comment .tag-list .default.selected {
	color: #088000;
	border-color: #088000;
	background: #fff
}

.comment .comment-info {
	overflow: hidden;
	zoom: 1;
	padding: 25px 0
}

.comment .comment-info .comment-percent {
	width: 90px;
	padding: 15px 0 0 40px;
	float: left
}

.comment .comment-info .percent-tit {
	font-size: 12px;
	color: #666;
	font-weight: 400
}

.comment .comment-info .percent-con {
	line-height: 110%;
	font-size: 45px;
	color: #e4393c;
	font-family: arial
}

.comment .comment-info .percent-con span {
	font-size: 23px
}

.comment .comment-info .percent-info {
	margin-left: 90px
}

.comment .comment-info .percent-info .tag-list {
	height: auto;
	overflow: visible
}


.comment .comment-info .empty-rate {
	padding-top: 34px
}

.comment .comment-info .percent-rate {
	padding-top: 15px;
	height: 60px;
	overflow: hidden;
	zoom: 1
}

.comment .comment-info .rate-item {
	width: 145px;
	margin-right: 15px;
	float: left;
	_display: inline
}

.comment .comment-info .rate-item strong {
	font-weight: 400
}

.comment .comment-info .rate-wrap {
	height: 10px;
	margin: 7px 0;
	overflow: hidden;
	border-radius: 5px;
	background: #ebebeb
}

.comment .comment-info .inner-rate {
	height: 10px;
	overflow: hidden;
	border-radius: 5px;
	background: #e4393c
}

.comment .comment-info .rate-info {
	color: #e4393c
}

.comment .comment-info .rate-info span {
	color: #999;
	float: right
}

.comment .comments-list {
	min-height: 93px
}

.comment .comments-list .ui-page-wrap {
	text-align: right;
	padding-top: 15px
}

.comment .sort-select {
	position: relative;
	white-space: nowrap;
	line-height: 30px;
	margin-right: 10px
}

.comment .sort-select .current {
	margin-right: 10px;
	padding: 0 10px
}

.comment .sort-select .current span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 30px;
	vertical-align: top
}

.comment .sort-select .current i {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 16px;
	height: 30px;
	background: url(/static/img/commentsListIcons1.png) 1px -19px no-repeat;
	_background: url(/static/img/commentsListIcons1-8.png) 1px -19px no-repeat;
	vertical-align: top
}

.comment .sort-select:hover .others {
	display: block
}

.comment .sort-select .others {
	position: absolute;
	top: -1px;
	right: 9px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 0 2px 0 #888;
	display: none
}

.comment .sort-select .others .curr {
	padding: 0 10px
}

.comment .sort-select .others .curr span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 30px;
	vertical-align: top
}

.comment .sort-select .others .curr i {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 16px;
	height: 30px;
	background: url(/static/img/commentsListIcons1.png) 1px -42px no-repeat;
	_background: url(/static/img/commentsListIcons1-8.png) 1px -42px no-repeat;
	vertical-align: top
}

.comment .sort-select .others ul {
	margin-top: 0
}

.comment .sort-select .others ul li {
	cursor: pointer;
	padding: 0 20px 0 10px;
	display: block
}

.comment .sort-select .others ul li:hover {
	color: #e4393c;
	background-color: #e6e6e6
}

.comment .sort-select.disable .current i {
	visibility: hidden
}

.comment .sort-select.disable .others {
	display: none
}

.comment .comment-item {
	zoom: 1;
	padding: 15px;
	border-bottom: 1px solid #ddd
}

.comment .comment-item .tag-list {
	padding-bottom: 12px
}

.comment .comment-item .tag-list span {
	cursor: text
}

.comment .comment-item .tag-list span:hover {
	color: #999;
	border-color: #e0e0e0
}

.comment .comment-item .user-column {
	width: 140px;
	float: left
}

.comment .comment-item .user-info {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.comment .comment-item .user-info img {
	border-radius: 50%;
	margin-right: 5px
}

.comment .comment-item .user-level {
	padding-top: 3px
}

.comment .comment-item .user-level span {
	color: #088000;
	margin-right: 8px
}

.comment .comment-item .user-level .comment-plus-icon {
	display: inline-block;
	padding: 0 4px;
	font-size: 12px;
	line-height: 18px;
	background: #414141;
	color: #fff38f;
	border-radius: 1px;
	margin: 5px 5px 0 0
}

.comment .comment-item .comment-column {
	margin-left: 150px
}

.comment .comment-item .comment-star {
	width: 78px;
	height: 14px;
	background: url(/static/img/star.png) no-repeat
}

.comment .comment-item .star0 {
	background-position: -80px 0
}

.comment .comment-item .star1 {
	background-position: -64px 0
}

.comment .comment-item .star2 {
	background-position: -48px 0
}

.comment .comment-item .star3 {
	background-position: -32px 0
}

.comment .comment-item .star4 {
	background-position: -16px 0
}

.comment .comment-item .star5 {
	background-position: 0 0
}

.comment .comment-item .comment-con {
	font-size: 14px;
	padding: 10px 0;
	line-height: 180%;
	color: #333
}

.comment .comment-item .order-info {
	float: left;
	color: #999
}

.comment .comment-item .order-info span {
	margin-right: 20px
}

.comment .comment-item .order-info .p-tooltips span,.comment .comment-item .order-info .user-access {
	margin-right: 0
}

.comment .comment-item .order-info a {
	color: #999
}

.comment .comment-item .order-info a:hover {
	color: #e4393c
}

.comment .comment-item .order-info .source {
	position: relative
}

.comment .comment-item .order-info .user-item {
	display: inline
}

.comment .comment-item .order-info .p-tooltips {
	position: relative;
	margin-right: 0
}

.comment .comment-item .order-info .source-layer {
	display: none;
	width: 438px;
	height: 209px;
	padding: 15px 0 15px 15px;
	position: absolute;
	left: -150px;
	top: 22px;
	background: #fff;
	border: 1px solid #cecbce;
	color: #666;
	box-shadow: 0 0 2px 2px #eee
}



.comment .comment-item .order-info .hover .source-layer {
	display: block;
	z-index: 1
}

.comment .comment-item .comment-op {
	float: right
}

.comment .comment-item .comment-op i {
	margin-right: 5px;
	vertical-align: 1px;
	vertical-align: -2px
}

.comment .comment-item .comment-op a {
	display: inline-block;
	margin-left: 25px;
	color: #666
}

.comment .comment-item .comment-op .praised,.comment .comment-item .comment-op a:hover {
	color: #e4393c
}

.comment .comment-item .comment-op a:hover .sprite-praise {
	background-position: 0 -34px
}

.comment .comment-item .comment-op a:hover .sprite-comment {
	display: inline-block;
	background-position: -16px -34px
}

.comment .comment-item .comment-op .praised .sprite-praise {
	background-position: 0 -34px
}

.comment .comment-item .sprite-praise {
	display: inline-block;
	background-position: -32px -34px
}

.comment .comment-item .sprite-comment {
	display: inline-block;
	background-position: -48px -34px
}

.comment .comment-item .pic-list {
	padding-bottom: 15px
}

.comment .comment-item .pic-list a {
	display: inline-block;
	position: relative
}

.comment .comment-item .pic-list img {
	border: 1px solid #e2e2e2;
	padding: 1px;
	margin-right: 6px
}


.comment .comment-item .pic-list .current img {
	border: 2px solid #e53e41;
	padding: 0
}

.comment .comment-item .video-js {
	height: 420px;
	width: 370px
}

.comment .comment-item .video-js:focus {
	height: 420px;
	width: 370px;
	outline: 0
}

.comment .comment-item .pic-view {
	position: relative;
	border: 1px solid #e3e3e3;
	margin: 7px 0 11px;
	float: left
}

.comment .comment-item .pic-view img {
	max-width: 370px;
	max-height: 478px
}

.comment .comment-item .pic-view .cursor-next,.comment .comment-item .pic-view .cursor-prev,.comment .comment-item .pic-view .cursor-small {
	width: 100px;
	position: absolute;
	height: 100%;
	top: 0;
	background: url(about:blank) fixed;
	z-index: 3
}


.comment .comment-item .pic-view .pic-op {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 6
}

.comment .comment-item .pic-view .pic-op a {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 5px;
	border-radius: 4px;
	background: rgba(0,0,0,.5);
	margin-right: 12px;
	color: #fff;
	*backgdround: #000;
	*filter: alpha(opacity=50)
}

.comment .comment-item .pic-view .pic-op .sprite-turn-left,.comment .comment-item .pic-view .pic-op .sprite-turn-right {
	display: inline-block;
	margin-right: 5px;
	vertical-align: -3px
}



.comment .comment-item .recomment-con {
	font-size: 14px;
	margin-top: 12px;
	border-top: 1px solid #f0f0f0
}

.comment .comment-item .recomment {
	padding: 12px 0 5px;
	color: #ff561c;
	line-height: 170%
}

.comment .comment-item .comment-time {
	color: #999;
	clear: both
}

.comment .comment-item .append-comment {
	border-top: 1px solid #f0f0f0;
	margin-top: 12px;
	padding-top: 12px
}

.comment .comment-item .append-comment .comment-con {
	padding-top: 5px
}

.comment .comment-item .append-comment .pic-list {
	padding-bottom: 8px
}

.comment .comment-item .append-time {
	color: #999
}

.comment .comment-message:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both
}

.comment-more {
	position: relative;
	height: 46px;
	font-size: 0;
	margin: 10px 0;
	background: #f7f7f7;
	text-align: center;
	line-height: 46px
}

.comment-more a,.comment-more span {
	font-size: 12px;
	display: inline-block
}

.comment-more span {
	color: #999
}

.comment-more a {
	margin-left: 11px
}

.comment-more .comment-up-triangle {
	position: absolute;
	width: 0;
	height: 0;
	top: -12px;
	left: 50%;
	margin-left: -6px;
	border-width: 0 12px 12px;
	border-color: transparent transparent #f7f7f7;
	border-style: solid
}



.comment-more .sprite-up {
	width: 12px;
	background-position: -64px -34px
}

.comment-more .sprite-down {
	width: 13px;
	background-position: 0 -66px
}

.comment-default-good-reputation {
	height: 42px;
	line-height: 42px;
	text-align: center;
	margin-bottom: -10px
}

.comment-default-good-reputation span {
	color: #999
}

#fold-comment.comment-layer {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%
}

#fold-comment.comment-layer .J-nice,#fold-comment.comment-layer .J-report {
	display: none
}

#fold-comment.comment-layer .comment-item {
	padding: 10px
}

#fold-comment.comment-layer .comment-con {
	line-height: 1.5em;
	overflow: hidden
}

#fold-comment.comment-layer .com-table-footer {
	text-align: right;
	margin-top: 15px
}

.comments-showImgSwitch-wrap {
	padding: 12px 0;
	margin: 0 10px 10px
}

.comments-showImgSwitch-wrap .thumbnails {
	height: 85px;
	margin: 0 auto 10px;
	position: relative
}

.comments-showImgSwitch-wrap .thumbnails .thumb-list {
	width: 610px;
	height: 85px;
	margin: 0 auto;
	overflow: hidden
}

.comments-showImgSwitch-wrap .thumbnails .thumb-list ul {
	width: 100000px
}

.comments-showImgSwitch-wrap .thumbnails .thumb-list ul li {
	float: left;
	width: 80px;
	height: 85px;
	margin-right: 8px
}

.comments-showImgSwitch-wrap .thumbnails .thumb-list ul li a {
	display: block;
	width: 76px;
	height: 76px;
	padding: 1px;
	border: 1px solid #eee;
	overflow: hidden
}

.comments-showImgSwitch-wrap .thumbnails .thumb-list ul li a.selected a,.comments-showImgSwitch-wrap .thumbnails .thumb-list ul li a:hover a,.comments-showImgSwitch-wrap .thumbnails .thumb-list ul li.selected a,.comments-showImgSwitch-wrap .thumbnails .thumb-list ul li:hover a {
	padding: 0;
	border: 2px solid #e4393c
}

.comments-showImgSwitch-wrap .thumbnails .thumb-list ul li a img {
	display: block;
	vertical-align: top;
	width: 76px;
	height: 76px
}



.jubao .wrap-tags,.root61 .comment .comment-info .tag-list {
	padding-left: 20px
}


.comments-showImgSwitch-wrap .thumbnails .thumb-list .i-prev-btn:hover {
	background-position: -80px 24px
}



.comments-showImgSwitch-wrap .thumbnails .thumb-list .i-next-btn:hover {
	background-position: -124px 24px
}

.comments-showImgSwitch-wrap .thumbnails .thumb-list .i-prev-disable,.comments-showImgSwitch-wrap .thumbnails .thumb-list .i-prev-disable:hover {
	background-position: -167px 24px
}

.comments-showImgSwitch-wrap .thumbnails .thumb-list .i-next-disable,.comments-showImgSwitch-wrap .thumbnails .thumb-list .i-next-disable:hover {
	background-position: -213px 24px
}

.comments-showImgSwitch-wrap .showContent-viewer .photo-viewer {
	width: 542px;
	height: 500px;
	border: 1px solid #dfdfdf;
	overflow: hidden;
	background: #fff;
	float: left
}

.comments-showImgSwitch-wrap .showContent-viewer .photo-viewer .photo-wrap {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 0;
	position: relative
}

.comments-showImgSwitch-wrap .showContent-viewer .photo-viewer .photo-wrap i {
	display: inline-block;
	width: 1px;
	height: 100%;
	overflow: hidden;
	vertical-align: middle
}

.comments-showImgSwitch-wrap .showContent-viewer .photo-viewer .photo-wrap img {
	vertical-align: middle;
	margin-left: -1px
}



.comments-showImgSwitch-wrap .showContent-viewer .photo-viewer .photo-wrap .cursor-left.disable {
	cursor: auto!important
}



.comments-showImgSwitch-wrap .showContent-viewer .photo-viewer .photo-wrap .cursor-right.disable {
	cursor: auto!important
}

.comments-showImgSwitch-wrap .showContent-viewer .info-viewer {
	float: right;
	width: 195px;
	height: 500px;
	overflow: hidden
}

.comments-showImgSwitch-wrap .showContent-viewer .info-viewer .p-comment {
	margin-top: 10px;
	padding-right: 5px;
	padding-bottom: 18px;
	border-bottom: 1px solid #eee;
	font-size: 12px;
	line-height: 20px;
	color: #999
}

.comments-showImgSwitch-wrap .showContent-viewer .info-viewer .features-wrap {
	padding-top: 10px
}

.comments-showImgSwitch-wrap .showContent-viewer .info-viewer .features-wrap .p-features {
	float: left;
	width: 105px
}

.comments-showImgSwitch-wrap .showContent-viewer .info-viewer .features-wrap .p-features li {
	color: #999;
	line-height: 20px;
	font-family: "宋体";
	margin-top: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.comments-showImgSwitch-wrap .showContent-viewer .info-viewer .features-wrap .user-item-wrap {
	float: right;
	width: 80px
}

.comments-showImgSwitch-wrap .showContent-viewer .info-viewer .features-wrap .user-item-wrap .user-item {
	width: 80px;
	line-height: 25px;
	height: 25px;
	overflow: hidden
}

.comments-showImgSwitch-wrap .showContent-viewer .info-viewer .features-wrap .user-item-wrap .user-item .user-ico {
	float: left;
	margin-right: 5px;
	border-radius: 50%
}

.comments-showImgSwitch-wrap .showContent-viewer .info-viewer .features-wrap .user-item-wrap .user-item .user-name {
	line-height: 25px;
	word-break: break-all
}

.avatar{
	width:30px;
	height:30px
}