/**
** 社区样式
 */
.lhy-wrap {
   height: 34px;
}

.font-weight-bold-cu {
   font-weight: bold !important;
}

.ml-52 {
   margin-left: 52px !important;
}

.ml-5rem {
   margin-left: 5rem !important;
}

.margin-left-25 {
   margin-left: 25px !important;
}

.margin-right-25 {
   margin-right: 25px !important;
}

.margin-right-13 {
   margin-right: 13px !important;
}

.bg-fbfbfb {
   background: #FBFBFB;
}

.bg-fff {
   background: #fff;
}

.community-qa-content {
   min-height: 804px;
}
.community-qa-content-cn{
   min-height: 804px;

}
.community-tab-title {
   padding: 14px 30px 0;
   flex-wrap: wrap;
   background: #fff;
   border-radius: 5px;
}

.community-tab-title .sort-span {
   font-size: 14px;
   font-weight: 400;
   color: #999999;
   cursor: pointer;
   margin-right: 48px;
   margin-bottom: 15px;
}
.community-tab-title .sort-span-jp {
   font-size: 14px;
   font-weight: 400;
   color: #999999;
   cursor: pointer;
   margin-right: 38px;
   margin-bottom: 15px;
}

.community-tab-tags {
   padding: 13px 10px 0px 30px;
   margin-top: 15px;
   display: flex;
   flex-wrap: wrap;
   background: #fff;
   border-radius: 5px;
   font-size: 14px;
   font-family: PingFang SC;
   font-weight: 400;
   line-height: 24px;
   color: #999999;
}

.community-tab-tags .recent-questions,
.community-tab-tags .lhy-tag {
   margin-right: 10px;
   margin-bottom: 13px;
}

.community-tab-tags .lhy-tag {
   transition: all 0.25s;
   padding: 0 10px;
   border: 1px solid #F28C00;
   line-height: 22px;
   height: 24px;
   opacity: 1;
   border-radius: 4px;
   color: #F28C00;
   cursor: pointer;
}

.community-tab-tags .lhy-tag:last-child {
   margin-right: 0;
}

.community-tab-tags .lhy-active {
   color: #FFFFFF;
   background: #F28C00;
}

.icon-sort-box {
   display: inline-block;
   vertical-align: -2px;
}

.verticalAlign2 {
   vertical-align: -2px;
}

.verticalAlignMiddle {
   vertical-align: middle;
}

.icon-sort-ng {
   display: block;
   width: 8px;
   height: 7px;
   background-repeat: no-repeat;
   background-size: contain;
}

.icon-sort-bottom {
   background-image: url(../../assets/images/qa/bottom-sort02.png);
}

.icon-sort-top {
   background-image: url(../../assets/images/qa/top-sort02.png);
}

.icon-sort-box.istop .icon-sort-top {
   background-image: url(../../assets/images/qa/top-sort-active02.png);
}

.icon-sort-box.isbottom .icon-sort-bottom {
   background-image: url(../../assets/images/qa/bottom-sort-active02.png);
}

/* list */

.feedback-community-list p,
.feedback-dynamic p {
   margin-bottom: 0;
}

.feedback-community-list li,
.feedback-dynamic li {
   list-style: none;
}

.feedback-community-list ul,
.feedback-dynamic ul,
.feedback-view-modal ul {
   margin: 0;
   padding: 0;
}

.feedback-community-list .feedback-li {
   font-size: 12px;
   font-weight: 400;
   padding: 30px;
   background: #fff;
   margin-top: 15px;
   border-radius: 5px;
}

.feedback-li.is-bestStick-qa {
   background: #fff url(../../assets/images/qa/stick-bg@2x.png) no-repeat;
   background-position: top left;
   background-size: 68px 46px;
}
.feedback-li.is-bestStick-qa-jp {
   background: #fff url(../../assets/images/qa/stick-bg-jp@2x.png) no-repeat;
   background-position: top left;
   background-size: 70px 94px;
}
.feedback-li .date {
   color: #9EACB6;
}

.feedback-li .text {
   color: #333333;
   font-weight: 400;
   line-height: 26px;
   font-size: 14px;
   margin: 13px 0 6px;
   word-break: break-word;
}

.flex-1 {
   flex: 1;
}

.curr {
   cursor: pointer;
}

.feedback-community-list .feedback-li .review-ul {
   margin-top: 8px;
   background: #FBFBFB;
   padding: 13px 0 8px;
}

.feedback-community-list .feedback-li .review-ul::before {
   background: url(../../assets/images/qa/review-top-icon@2x.png) no-repeat;
   background-position: center;
   background-size: contain;
   position: relative;
   width: 17px;
   height: 10px;
   top: -22px;
   left: 26px;
   content: "";
   display: block;
}

.feedback-li .review-ul .review-li {
   padding: 12px 25px 6px;
   font-size: 12px;
   color: #9EACB6;
   border-top: 1px solid #E8ECEE;
}

.review-li .name {
   font-size: 12px;
}

.feedback-community-list .feedback-li .reply-review-info {
   line-height: 26px;
   color: #333333;
   /* padding-left: 39px; */
   padding-left: 0;
   font-size: 14px;
   font-weight: 400;
   word-break: break-word;
}

.feedback-community-list .feedback-li .second-reply-review-info {
   padding-left: 3.5rem !important;
}

.feedback-community-list .feedback-li .review-ul .review-li .title .name {
   color: #333333;
   font-size: 12px;
   font-weight: bold;
   padding-right: 10px;
}

.icon-best-bestAnswer {
   display: inline-block;
   width: 38px;
   height: 16px;
   background: url(../../assets/images/qa/icon-best-new.png) no-repeat;
   background-size: contain;
   text-align: center;
   line-height: 16px;
}

.icon-best-bestAnswer .small-color-fff {
   color: #FFFFFF;
   font-weight: 400;
   font-size: 12px;
   transform: scale(0.8);
   padding-left: 4px !important;
}

.feedback-community-list .feedback-li .review-ul .title .icon-best-bestAnswer {
   display: none;
}

.feedback-community-list .feedback-li .review-ul .title.is-bestAnswer-qa .icon-best-bestAnswer {
   display: block;
}

.icon-header,
.icon-sellerSprite-header {
   width: 30px;
   height: 30px;
   background: #FFB045;
   border-radius: 30px;
   margin-right: 10px;
   background-size: contain;
   background-repeat: no-repeat;
}

.icon-header {
   background-image: url(../../assets/images/qa/icon-user-round.png);
}

.icon-sellerSprite-header {
   background-image: url(../../assets/images/qa/icon-official-personnel-header.png);
}

.reply-review-ul .icon-header,
.reply-review-ul .icon-sellerSprite-header {
   width: 24px;
   height: 24px;
}

.mb27 {
   margin-bottom: 27px !important;
}

.feedback-community-list .feedback-li .reply-review-li {
   padding-left: 3.5rem;
   margin-top: 14px;
}

.comment-btn,
.comment-input {
   height: 30px;
   line-height: 30px;
   padding: 0;
   background: #FFFFFF;
   border-radius: 3px;
   font-size: 12px;
}

.comment-imgUpload-box.qa_imgUpload {
   background: #FFFFFF;
   border-radius: 3px;
   border: 1px solid #C6D1D9;
   min-height: 34px;
}

.comment-imgUpload-box.qa_imgUpload .icon-tupian1 {
   color: #8590A6;
   cursor: pointer;
   position: relative;
   top: 4px;
}

.comment-imgUpload-box.qa_imgUpload .icon-tupian1:hover,
.comment-imgUpload-box.qa_imgUpload.isFoucs .icon-tupian1 {
   color: #F28C00;
}

.comment-imgUpload-box.qa_imgUpload.isShowImages .icon-tupian1 {
   display: none;
}

.comment-imgUpload-box.qa_imgUpload .img-list {
   padding-top: 10px;
   margin-bottom: 1rem !important;
   display: none !important;
}

.comment-imgUpload-box.qa_imgUpload.isShowImages .img-list {
   display: flex !important;
}

.comment-imgUpload-box.qa_imgUpload.isFoucs {
   border-color: #8590A6;
}

.comment-input {
   padding: 6px 0;
   resize: none;
   display: block;
   line-height: inherit;
   width: 100%;
   color: #1e2022;
   transition: all 0.2s ease-in-out;
   border: 1px transparent solid !important;
   overflow: hidden;
}

.comment-btn {
   min-width: 80px;
   padding: 0 10px;
   height: 34px;
   line-height: 34px;
   background: #F28C00;
   border-color: #F28C00;
   color: #fff;
}

.comment-btn:disabled {
   cursor: not-allowed;
}

.comment-btn:disabled:hover {
   background-color: none;
}

.noQaCurrent .comment-btn,
.noQaCurrent .comment-imgUpload-box.qa_imgUpload {
   border-color: #D2DBDF !important;
}

.noQaCurrent .comment-imgUpload-box.qa_imgUpload .icon-tupian1 {
   color: #D2DBDF !important;
}

.noQaCurrent .comment-btn {
   background-color: #D2DBDF !important;
}

.guan-sellerSprite {
   display: inline-block;
   font-size: 12px;
   color: #fff;
   min-width: 16px;
   padding: 0 2px;
   height: 16px;
   background: linear-gradient(142deg, #12AAFF 0%, #0171FF 100%);
   /* background: url(../../assets/images/qa/icon-guan-official.png) no-repeat; */
   border-radius: 2px;
   font-style: normal;
   line-height: 16px;
   font-weight: 400;
   text-align: center;
   margin-right: 5px;
}
.tech-sellerSprite {
   display: inline-block;
   font-size: 12px;
   color: #fff;
   min-width: 16px;
   padding: 0 2px;
   height: 16px;
   background: linear-gradient(142deg, #31C993 0%, #25BA85 100%);
   /* background: url(../../assets/images/qa/icon-guan-official.png) no-repeat; */
   border-radius: 2px;
   font-style: normal;
   line-height: 16px;
   font-weight: 400;
   text-align: center;
   margin-right: 5px;
}
.mr-55 {
   margin-right: 55px !important;
}

.ml-39 {
   margin-left: 39px !important;
}

.ml-34 {
   margin-left: 3.4rem;
}

.three-ul .ml-34 {
   margin-left: 0
}

.review-text {
   color: #7A8F9A;
   font-size: 14px;
   font-weight: 400;
}

.feedback-community-list .feedback-li .review-ul .review-li .message-group {
   margin: 0 0 8px 0;
}

.feedback-community-list .feedback-li .review-ul .review-li .second-message-group {
   margin: 0 0 10px 3.5rem !important;
}
.feedback-community-list .feedback-li .review-ul .review-li .second-message-group-mb-0{
   margin: 0 0 0 3.5rem !important;
}

.feedback-community-list .feedback-li .review-ul .review-li .message.not-allowed {
   color: #B2B2B2;
}

.feedback-community-list .feedback-li .review-ul .review-li .message-group span {
   word-break: break-word;
   display: flex;
   align-items: center;
}
.feedback-community-list .feedback-li .review-ul .review-li .second-message-group-jp span {
   word-break: normal;
   display: inline-block;
   align-items: right;
}
.feedback-community-list .feedback-li .review-ul .review-li .second-message-group-jp-dis span {
   word-break: normal;
   display: none;
   align-items: right;
}

.feedback-community-list .feedback-li .review-ul .review-li .message-group .review-message-close,
.feedback-community-list .feedback-li .review-ul .review-li .message-group.active-message-inputs .review-message {
   display: none !important;
}

.feedback-community-list .feedback-li .review-ul .review-li .message-group.active-message-inputs .review-message-close {
   display: flex !important;
}

.feedback-community-list .feedback-li .review-ul .review-li .message {
   font-size: .75rem;
}

.feedback-community-list .feedback-li .review-ul .review-li .review-message:hover,
.feedback-community-list .feedback-li .review-ul .review-li .review-message:hover .iconfont {
   color: #F28C00;
}

.feedback-community-list .feedback-li .review-ul .review-li .support-btn {
   margin-left: 30px;
   cursor: pointer;
}


.feedback-community-list .feedback-li .review-ul .review-li .message-group .iconfont {
   font-size: 14px;
}

.feedback-community-list .message-btn {
   position: relative;
   top: 1px;
}

.feedback-community-list .feedback-li .review-ul .review-li .message-group .support-btn.is-support .iconfont,
.support-btn.is-support .iconfont {
   color: #F28C00;
}

.mr-8px {
   margin-right: 8px !important;
}

body {
   background: #F6F6F8;
}

.text-primary {
   color: #F28C00 !important;
}

.feedback-li .img-li .u-media-viewer,
.feedback-li .img-li img {
   max-width: 149px;
   max-height: 112px;
}

.feedback-li .img-li .u-media-viewer {
   position: relative;
   width: 149px;
   height: 112px;
   border-radius: 5px;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}

.feedback-li .img-li {
   margin-right: 20px;
   margin-top: 3px;
}

.feedback-li .review-li .img-li {
   margin-right: 18px;
}

.feedback-li .img-li:last-child {
   margin-right: 0;
}

.feedback-li .img-list {
   flex-wrap: wrap;
}

.feedback-li .img-li .u-media-viewer:hover .u-media-viewer__container {
   display: block;
}

.feedback-li .img-li .u-media-viewer__container {
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: RGBA(0, 0, 0, 0.4);
   -webkit-transform: translate(-0%, -0%);
   transform: translate(-0%, -0%);
   display: none;
}

.feedback-li .img-li .icon-fangdafff {
   color: #FFFFFF;
   font-size: 26px;
   transition: 0.3s ease-in-out;
}

/* 评论列表的 图片 */
.comments-review-imgs-list .img-li {
   margin-top: 10px;
   margin-bottom: 10px;
}

.second-comments-review-imgs-list {
   margin-left: 3.5rem !important;
}

.comments-review-imgs-list .img-li .u-media-viewer,
.comments-review-imgs-list .img-li img {
   max-width: 130px;
   max-height: 98px;
}

.comments-review-imgs-list .img-li .u-media-viewer {
   width: 130px;
   height: 98px;
}

.reply-review-li .comments-review-imgs-list .img-li {
   margin-right: 15px !important;
}

.reply-review-li .comments-review-imgs-list .img-li:last-child {
   margin-right: 0 !important;
}

.feedback-dynamic {
   /* background: #fff; */
   /* min-height: 804px; */
   background: #FFFFFF;
   border-radius: 5px;
   padding: 18px 0 0px;
}

.dynamic-list .dynamic-li {
   padding: 16px 0;
   font-style: normal;
   font-size: 12px;
}

.dynamic-list .dynamic-li:not(:last-child) {
   border-bottom: 1px dotted #E6E6E6;
}

.dynamic-list li.dynamic-li:first-child {
   padding-top: 0;
}

.dynamic-list .dynamic-li .name {
   color: #999;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: inline-block;
   vertical-align: middle;
   max-width: 100px;
   word-break: break-all;
   font-size: 13px;
   font-style: normal;
   margin-right: 8px;
}

.dynamic-list .dynamic-li .reply-title {
   color: #999;
   word-break: break-all;
   font-style: normal;
   font-size: 13px;
}

.dynamic-list em {
   font-style: normal;
}

.dynamic-list .dynamic-li .reply-info {
   color: #999;
   word-break: break-all;
   max-height: 50px;
   width: 100%;
   line-height: 22px;
   font-size: 13px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.dynamic-list .dynamic-li .reply-info.is-no-read:hover {
   color: #F28C00 !important;
}

.dynamic-tab {
   height: 12px;
   font-size: 14px;
   font-weight: 400;
   color: #333;
   margin-bottom: 28px;
   padding: 0 15px;
}

.dynamic-tab .read {
   color: #999999;
}

.my-dynamic span {
   font-size: 14px;
   color: #F28C00;
   position: relative;
   top: -12px;
   left: -7px;
}

.my-dynamic span b {
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
}

.u-btn-orange-feedback {
   width: 100%;
}
.my-dynamic{
   font-size: 16px;
   font-weight: 600;
   color: #333333;
}

.community-search {
   background: #FFFFFF;
   padding: 0 18px;
   border-radius: 4px;
   border: 1px solid #F28C00;
   box-shadow: 0px 0px 3px #F28C00;
}

.community-search-flex {
   padding: 25px 0;
   background: rgba(255, 255, 255, .95);
   font-size: 16px;
   border-radius: 2px;
   box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
   z-index: 999;
   left: 0;
   right: 0;
}

.community-search input {
   border: none;
   font-size: 13px !important;
}

.community-search .u-btn-orange,
.community-search input {
   background-color: transparent;
}

.u-btn-orange:disabled:hover {
   cursor: not-allowed;
}

.community-search .icon-search {
   color: #F28C00;
}

.icon-search-key-span {
   background: url('../../assets/images/qa/icon-search-btn-key.png') no-repeat;
   display: inline-block;
   width: 31px;
   height: 31px;
   background-size: contain;
}

.community-search .input-group-append:hover .icon-search-key-span {
   background-image: url('../../assets/images/qa/icon-search-btn-key-hover.png');
}

.btn-height-42 {
   padding: 0 !important;
   height: 42px;
   line-height: 42px;
   font-size: 16px !important;
}

.btn-height-39 {
   padding: 0.219rem 0.813rem !important;
}

.mb-qa-15 {
   margin-bottom: 15px !important;
}

.is-loaing {
   background: url('../../assets/images/admin-loading.gif') no-repeat;
   background-size: 80px 80px;
   background-position: center center;
}

/* 反馈弹窗 */

.feedback-view-modal .modal-dialog {
   max-width: 730px;
}

.feedback-view-modal .modal-header {
   font-size: 18px;
   font-family: Microsoft YaHei;
   font-weight: bold;
   color: #666666;
   line-height: 24px;
   border-bottom: none;
}

.feedback-view-textarea {
   font-size: 14px;
   font-weight: 400;
}

.feedback-view-textarea textarea {
   resize: none;
   border: none;
}

/* 图片上传 */
.qa_imgUpload {
   background: #FFFFFF;
   border: 1px solid #C6D1D9;
   border-radius: 3px;
   padding: 0 8px 0 15px;
}

.qa_imgUpload textarea {
   border: none;
   color: #333333;
}

.qa_imgUpload textarea::placeholder {
   color: #C6D1D9;
   font-size: 13px;
   font-weight: 400;
}

.qa_imgUpload .img-list {
   /* border-top: 1px dashed #E8ECEE; */
   background: url(/assets/images/qa/border-round-icon02.png);
   background-repeat: repeat-x;
   background-position: top left;
   padding-top: 20px;
}

.qa_imgUpload .add-file_input {
   width: 108px;
   height: 73px;
   background: #FFFFFF;
   border: 1px solid #E8ECEE;
   overflow: hidden;
   position: relative;
   font-size: 13px;
   color: #C6D1D9;
   text-align: center;
   font-weight: 400;
   border-radius: 4px;
}

.qa_imgUpload .add-file_input:hover {
   color: #999;
   border-color: #ddd;
}

.qa_imgUpload .img-list.ishide .add-file_input {
   display: none !important;
}

.qa_imgUpload .add-file_input input {
   position: absolute;
   width: 108px;
   height: 73px;
   right: 0;
   top: 0;
   opacity: 0;
   filter: alpha(opacity=0);
   cursor: pointer;
}

.qa_imgUpload .img-list li {
   width: 108px;
   height: 73px;
   margin-right: 15px;
   border: 1px solid #E8ECEE;
   overflow: hidden;
   position: relative;
   display: flex;
   border-radius: 4px;
}

.qa_imgUpload .img-list li:last-child {
   margin-right: 10px;
}

.qa_imgUpload li.echart-line-isLoaing {
   background: rgba(0, 0, 0, 0.3) url(/assets/images/admin-loading.gif) center center no-repeat;
   background-size: 20px;
}

.qa_imgUpload .img-list li img {
   width: 108px;
}

.comment-imgUpload-box.qa_imgUpload .img-list li {
   margin-right: 12px;
}

.comment-imgUpload-box.qa_imgUpload .img-list li:nth-child(5) {
   margin-right: 0 !important;
}

.comment-imgUpload-box.qa_imgUpload .img-list li,
.comment-imgUpload-box.qa_imgUpload .add-file_input input,
.comment-imgUpload-box.qa_imgUpload .add-file_input {
   width: 112px;
   height: 76px;
}

.comment-imgUpload-box.qa_imgUpload .img-list li img {
   width: 112px;
}

.qa_imgUpload .img-list .del-btn {
   height: 18px;
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   text-align: center;
   color: #fff;
   background: rgba(0, 0, 0, 0.43);
   position: absolute;
   bottom: 0;
   right: 0;
   left: 0;
   z-index: 9;
   display: none;
}

.del-btn span {
   display: inline-block;
   font-style: normal;
   cursor: pointer;
}

.feedback-view-modal .img-li:hover .del-btn,
.comment-imgUpload-box .img-li:hover .del-btn {
   display: block;
}

.margin-auto {
   margin: 0 auto !important;
}

.custom-checkbox.feedback-checkbox {
   color: #999999;
}

.custom-checkbox.feedback-checkbox .custom-checkbox.feedback-checkbox .custom-control-input:checked~.custom-control-label::before {
   background-color: #9EACB6;
}

.feedback-checkbox .custom-control-label::before {
   background-color: #fff;
   border: 1px solid #9EACB6;
   border-radius: 2px;
   width: 13px;
   height: 13px;
   top: 3px;
   left: -20px;
}

.custom-checkbox.feedback-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox.feedback-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
   border-color: #FB9136 !important;
   background-color: #FB9136 !important;
}

.feedback-checkbox.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
   top: 2px;
   left: -21px;
}

.feedback-green-chebox .custom-control-label::before {
   border-color: #00C9A7 !important;
}

.custom-checkbox.feedback-checkbox.feedback-green-chebox .custom-control-input:checked~.custom-control-label::before {
   border-color: #00C9A7 !important;
   background-color: #00C9A7 !important;
}

.community-tab-title .custom-checkbox.feedback-checkbox {
   margin-right: 46px !important;
   top: -2px;
}
.community-tab-title .custom-checkbox.feedback-checkbox-jp {
   margin-right: 36px !important;
}
.community-tab-title .custom-checkbox.feedback-checkbox:last-child {
   margin-right: 0 !important;
}

.btn-height-30 {
   padding: 0.375rem 2rem !important;
}

.btn-default-border {
   background: #FFFFFF;
   color: #666666;
   border: 1px solid rgba(235, 235, 235, 0.84);
}

.btn-default-border:hover {
   border-color: #FFA01E;
}

.text-red {
   color: red !important;
}

.nodata-qalist {
   font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   color: #999999;
   margin: 35% auto 0;
}

.dynamic-list .nodata-qalist {
   min-height: 300px;
   margin: 0 auto;
}

.dynamic-list .nodata-qalist p {
   line-height: 250px;
}

.add-file-btn {
   font-size: 28px !important;
}

.voteCount-span {
   justify-content: flex-end;
   min-width: 10px;
}

/* 加载更多 */
.children-load-more {
   display: block;
   text-align: center;
   line-height: 50px;
   font-size: 13px;
   cursor: pointer;
   margin: 15px 35px;
}

.children-load-more .btn-seeAll-comments {
   font-size: 14px;
   font-weight: 400;
   color: #333333;
}

.children-load-more .btn-loading {
   cursor: pointer;
   color: #86898c;
}

.children-load-more .btn-load-more {
   height: 44px;
   background: rgba(255, 255, 255, .47);
   border-radius: 4px;
   padding: 0;
   width: 100%;
   font-size: 14px;
   font-weight: bold;
   line-height: 44px;
   color: #333333;
   border: none;
   outline: none;
   cursor: pointer;
}

.children-load-more .btn-load-more:hover {
   background: #fff;
}

.children-load-more.isno-more .text-muted,
.children-load-more.isloading .btn-loading {
   display: inline-block;
}

.children-load-more .text-muted,
.children-load-more.isno-more .btn-load-more,
.children-load-more.isno-more .btn-seeAll-comments,
.children-load-more .btn-loading,
.children-load-more.isloading .btn-load-more,
.children-load-more.isloading .btn-seeAll-comments {
   display: none;
}

.is-no-read {
   color: #333333 !important;
   cursor: pointer;
}

.dynamic-tab .is-no-read {
   color: #F28C00 !important;
   line-height: 14px;
   border-bottom: 1px transparent solid;
}

.dynamic-tab .is-no-read:hover {
   border-bottom-color: #F28C00;
}

.btn-seeAll-comments {
   font-size: 14px;
   font-weight: bold;
   line-height: 24px;
   color: #333333;
}

.btn-seeAll-comments:hover {
   color: #F28C00;
}

.dynamic-feedback-content {
   max-height: 725px;
   min-height: 400px;
   padding: 0 15px;
}

.echart-line-isLoaing {
   background: url(/assets/images/admin-loading.gif) center center no-repeat;
   background-size: 20px;
}

.loading-size-large.echart-line-isLoaing {
   background-size: 32px;
}

.loading-await {
   min-height: 500px;
   font-size: 14px;
   background-position: center 39%;
   background-size: 32px;
   align-items: center;
   justify-content: center;
}

.loading-await-box {
   display: none;
   background-color: #fff;
}

.prlg-0 {
   padding-right: 0 !important;
   padding-left: 0 !important;
}

/* 温馨提示 */
.warm-prompt-modal {
   min-width: 423px;
}

.warm-prompt-body {
   text-align: center;
}

.warm-prompt-body h4,
.warm-prompt-body p {
   font-size: 16px;
   font-weight: 400;
   color: #666666;
   line-height: 36px;
}

.warm-prompt-body p {
   font-size: 14px;
   color: #9C9C9C;
}

.warm-prompt-modal .modal-header {
   border-bottom: none;
}

.warm-prompt-modal .title-warm {
   font-size: 18px;
   color: #2A2B2C !important;
   line-height: 20px;
   font-weight: bold;
}

.warm-prompt-modal .tipsDesc {
   font-size: 13px;
   color: #9FA3A8 !important;
}

.font-weight-lighter {
   font-weight: lighter !important;
}

.delete-mine-qa,
.go-home-pages {
   flex: 1;
   text-align: right;
}

.go-home-pages a {
   font-size: 14px;
   color: #fff;
   font-weight: 400;
}

.go-home-pages a:hover {
   color: #eaeaea;
}
.delete-mine-qa .delete-qa-community,
.delete-mine-qa .hide-qa-community,
.delete-mine-qa .setbest-qa-community,
.delete-mine-qa .setStick-qa-community,
.delete-mine-qa .shutup-qa-community {
   display: none;
   min-width: 38px;
   padding: 0 8px;
   height: 28px;
   font-weight: 400;
   color: #78858E;
   font-size: 12px;
   text-align: center;
   line-height: 27px;
   background: #FFFFFF;
   border: 1px solid #C6D1D9;
   border-radius: 5px;
   position: relative;
   top: -2px;
}
#delete-mine-qa-jp .delete-mine-qa .delete-qa-community,
#delete-mine-qa-jp .delete-mine-qa .hide-qa-community,
#delete-mine-qa-jp .delete-mine-qa .setbest-qa-community,
#delete-mine-qa-jp .delete-mine-qa .setStick-qa-community,
#delete-mine-qa-jp .delete-mine-qa .shutup-qa-community {
   display: none;
   min-width: 38px;
   padding: 0 8px;
   height: 28px;
   font-weight: 400;
   color: #78858E;
   font-size: 12px;
   text-align: center;
   line-height: 27px;
   background: #FFFFFF;
   border: 1px solid #C6D1D9;
   border-radius: 5px;
   position: relative;
   top: -2px;
}
.delete-mine-qa.delete-en-operation-box .delete-qa-community,
.delete-mine-qa.delete-en-operation-box .hide-qa-community,
.delete-mine-qa.delete-en-operation-box .setbest-qa-community,
.delete-mine-qa.delete-en-operation-box .setStick-qa-community,
.delete-mine-qa.delete-en-operation-box .shutup-qa-community{
   top: 0;
}
.comments-delete-hover>.title {
   height: 28px;
}
.comments-delete-hover-heiauto>.title {
   min-height: 28px;
   height: auto;
}

.three-user-avatar {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   margin-right: 10px;
   object-fit: cover;
}

.user-avatar {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   margin-right: 15px;
   object-fit: cover;
}

.lhy-wrap .user-avatar {
   position: relative;
   top: -3px;
}
.second-user-avatar {
   position: relative;
   top: 14px;
}
.lhy-wrap .second-user-avatar {
   position: relative;
   top: 14px;
}

.top-user-avatar {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   margin-right: 15px;
   overflow: hidden;
   object-fit: cover;
}

.top-user-avatar img {
   width: 100%;
   transition: all 0.5s;
   object-fit: cover;
}

.top-user-avatar img:hover {
   transform: scale(1.4)
}

.comments-delete-hover:hover .delete-qa-community,
.comments-delete-hover:hover .hide-qa-community,
.comments-delete-hover:hover .setbest-qa-community,
.comments-delete-hover:hover .setStick-qa-community,
.comments-delete-hover:hover .shutup-qa-community {
   display: inline-block !important;
}
#delete-mine-qa-jp .comments-delete-hover:hover .delete-qa-community,
#delete-mine-qa-jp .comments-delete-hover:hover .hide-qa-community,
#delete-mine-qa-jp .comments-delete-hover:hover .setbest-qa-community,
#delete-mine-qa-jp .comments-delete-hover:hover .setStick-qa-community,
#delete-mine-qa-jp .comments-delete-hover:hover .shutup-qa-community {
   display: inline-block !important;
}
.delete-qa-community:hover,
.hide-qa-community:hover,
.setbest-qa-community:hover,
.setStick-qa-community:hover,
.shutup-qa-community:hover {
   color: #F28C00;
   border-color: #F28C00;
}
/* .is-hide .delete-qa-community, */
/* .is-hide .hide-qa-community, */
.is-hide .setbest-qa-community,
.is-hide .review-message,
.is-hide .support-btn,
.is-hide .focus,
.is-hide .setStick-qa-community{
display: none !important;
}
.color-999 {
   color: #999 !important;
}

.qa-text-link {
   color: #999;
   border-bottom: 1px dashed #fff;
}

.lhy-qa-text-link {
   color: #9EACB6;
   border-bottom: 1px dashed transparent;
}
.lhy-time{
   color: #9EACB6;
}
.name .qa-text-link,
.name .span-text-link {
   color: #78858E;
   font-size: 14px;
   font-weight: bold;
}

.qa-text-link:hover {
   color: #F28C00;
   border-color: #F28C00;
}

.lhy-qa-text-link:hover {
   color: #F28C00;
   border-color: #F28C00;
}

.community-info-png {
   width: 11px;
   height: 12px;
   display: inline-block;
   vertical-align: -1px;
   margin-left: 4px;
   background: url(/assets/images/qa/community-info.png) no-repeat;
   background-size: contain;

}

.community-info-png:hover {
   background-image: url(/assets/images/qa/community-info-act.png);
}

.swal2-popup .swal2-styled.swal2-cancel {
   background: #FFFFFF;
   color: #666666;
   border: 1px solid rgba(235, 235, 235, 0.84);
   border-radius: 3px;
   margin-left: 30px;
}

.pillow-talk {
   min-width: 45px;
   height: 15px;
   background: #F56C6C;
   border-radius: 3px;
   padding: 0 3px;
   text-align: center;
   line-height: 16px;
   font-size: 12px;
   color: #fff;
   margin-left: 10px;
   display: inline-block;
   cursor: default;
}
.pillow-talk.bg-green{
   background: #00C9A7;
}

.dynamic-interlinkage {
   display: inline-block;
   margin: 0 1px;
}

.comments-delete-hover .text a,
.reply-review-info a,
.reply-info a {
   color: #1473E6;
   font-weight: 400;
   border-bottom: 1px solid transparent;
}

.comments-delete-hover .text a:hover,
.reply-review-info a:hover,
.reply-info a:hover {
   border-bottom-color: transparent;
   color: #1473E6;
}

.reply-review-info .name {
   font-size: 14px;
}

.community-qa-content b {
   color: #de4437 !important;
   font-weight: 500;
}

.toast-content-box {
   top: 74px;
   right: 10px;
   position: fixed;
   z-index: 999999;
   pointer-events: none;
}

.toast-content-box.position-center {
   right: 50%;
   margin-right: -250px;
}

.toast-content-box>div {
   position: relative;
   pointer-events: auto;
   overflow: hidden;
   margin: 0 0 6px;
   padding: 15px 15px 15px 15px;
   min-width: 250px;
   border-radius: 3px 3px 3px 3px;
   background-position: 15px center;
   background-repeat: no-repeat;
   -webkit-box-shadow: 0 0 12px #999;
   box-shadow: 0 0 12px #999;
   color: #fff;
   opacity: .8;
}

.toast-success,
.toast-error {
   background-color: #fb8c1e;
   font-size: 14px;
}

.toast-error {
   background-color: rgba(222, 68, 55, 1);
   width: 500px;
}

.toast-success .iconfont,
.toast-error .iconfont {
   font-size: 22px;
   vertical-align: middle;
}

/* 反馈内容 */
.contenteditable-textarea {
   width: 100%;
   outline: 0;
   border: none;
   min-height: 100px;
   font-size: 14px;
   font-weight: 400;
   line-height: 26px;
   color: #333333;
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-user-modify: read-write-plaintext-only;
}

.contenteditable-textarea:empty:before {
   color: #C6D1D9;
   font-size: 12px; 
   line-height: 24px;
}

[contentEditable=true]:empty:not(:focus):before {
   content: attr(data-text);
   white-space: pre;
}

.tooltip-inner {
   background-color: #505050 !important;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
   border-top-color: #505050 !important;
}

.community-nickname-box {
   font-size: 14px;
   font-weight: 400;
   line-height: 24px;
   color: #666666;
   margin-bottom: 20px !important;
}

.community-nickname-box .item-inputs-sm {
   width: 178px;
   padding: 0 9px;
   height: 32px;
   border: 1px solid #C6D1D9;
   border-radius: 3px;
}

.item-inputs-sm:focus {
   border-color: #8590A6;
}

.page-link {
   background-color: transparent;
}

.page-link:hover {
   z-index: 2;
   color: #fb8c1e;
   text-decoration: none;
   background-color: rgba(251, 140, 30, .1);
   border-color: rgba(251, 140, 30, .1);
}

.focus {
   display: none;
   width: 90px;
   height: 28px;
   background: #FFFFFF;
   border: 1px solid #00C9A7;
   opacity: 1;
   color: #00C9A7;
   text-align: center;
   position: relative;
   top: -1px;
   border-radius: 5px;
   line-height: 27px;
   margin-left: 7px;
   cursor: pointer;
}
.focus-jp {
   width: auto !important;
   padding: 0 8px;
}
.comments-delete-hover:hover .focus {
   display: inline-block;
}

.modal-header {
   border-bottom: none;
}

.lhy-modal-body {
   padding-top: 0 !important;
}

.modal-body .content img {
   width: 78px;
   height: 78px;
}

.modal-body .content .title {
   font-size: 20px;
   font-family: PingFang SC;
   font-weight: 500;
   color: #666666;
   display: block;
   margin-top: 15px;
}

.modal-body .tips {
   font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   color: #999999;
   margin: 0;
   display: block;
   margin-top: 8px;
   margin-bottom: 17px;
}

.modal-body .qr-code {
   width: 215px;
   height: 215px;
}

.text-danger {
   font-size: 13px !important;
   color: #e62d06 !important;
}

.islose {
   cursor: pointer !important;
}

.mt-qa-20 {
   margin-top: 12px !important;
}

.tips-dark {
   max-width: 550px;
   background: #3c3c3c !important;
   opacity: .9;
   height: auto !important;
}

.popover-body {
   background: #3c3c3c !important;
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^="top"] .arrow::before {
   border-top-color: #3c3c3c !important;
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
   border-top-color: #333 !important;
}

.custome-link-a {
   color: #F28C00 !important;
   border-bottom: 1px #F28C00 dashed;
   text-decoration: none !important;
}

/* 新增博客和帮助的评论列表 */
.blog-help-filter {
   font-size: 14px;
   font-weight: 400;
   line-height: 26px;
   color: #999999;
   margin: 40px 0 10px 0;
}

.blog-help-filter .h4Span {
   font-size: 16px;
   margin-left: 14px;
   line-height: 28px;
   color: #333333;
   border-bottom: 1px transparent dashed;
}

.blog-help-filter .h4Span:hover{
   border-bottom-color: #333333;
}
.blog-help-filter em{
   font-style: normal;
}

.blog-help-filter span {
   display: block;
   cursor: pointer;
   margin: 0 5px;
}

.blog-help-filter span:hover,
.blog-help-filter span.isactive {
   color: #333333;
}
.blog-help-filter .filter-right span.isactive {
 font-size: 20px;
}
.blog-help-filter .tracking-packages:hover,.blog-help-filter span.tracking-packages.isactive{
   color: #f28c00;
}
.blog-help-view-container .feedback-li {
   border-bottom: 1px solid #F0F0F0;
   padding: 30px 0;
   margin-top: 0 !important;
}

.blog-help-view-container .feedback-li:last-child {
   border-bottom: none;
}

.blog-help-avatar {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background-position: center center;
   background-size: cover;
   margin:10px 20px 0 0;
   object-fit: cover;
}

.mr-15-help-px {
   margin-right: 15px !important;
}

.min-height-28px {
   min-height: 30px;
}

.blog-help-view-container .feedback-li .text {
   margin: 1px 0 6px;
}

.blog-help-view-container .review-ul {
   margin-left: 70px;
}

.blog-help-view-container .lhy-wrap .user-avatar {
   width: 40px;
   height: 40px;
}

/* 收起回复或回复 */
.feedback-li.feedback-pack-reply .review-ul {
   display: none;
}

.feedback-li.feedback-pack-reply.ispack-reply .review-ul {
   display: block;
}

body .layui-m-layer .layui-m-layer-msg {
   bottom: 8% !important;
}

.textarea-foot-left {
   display: flex;
   align-items: center;
}
.swal2-popup .swal2-styled.swal2-confirm{
   background-color: #fb8c1e;
   border-color: #fb8c1e;
}
/* 博客的发表评论 */
.lhy-comment-textarea {
   border: 3px solid #F0F0F0;
   flex: 1;
}

.lhy-textarea-content.contenteditable-textarea {
   padding: 12px 17px;
   padding-bottom: 0;
   width: 100%;
   outline: 0;
   border: none;
   min-height: 100px;
   font-size: 14px;
   font-weight: 400;
   line-height: 26px;
   color: #333333;
   overflow-x: hidden;
   overflow-y: auto;

}

.lhy-img-list {
   list-style: none;
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #F0F0F0;
   padding: 15px;
   padding-bottom: 0;
   display: flex;
   flex-wrap: nowrap;
   overflow: hidden;
}

.lhy-img-list li {
   margin-right: 17px;
   margin-bottom: 18px;
}
.lhy-img-list li:nth-last-child(2) {
   margin-right: 0px;
   margin-bottom: 18px;
}
.lhy-img-list .add-img-li{
   margin-left: 17px;
   display: none;
   margin-right: 0;
}

.lhy-textarea-foot {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 15px 0 17px;
}
.lhy-textarea-foot #user-name{
   border: 1px solid #ddd;
   font-size: 14px;
   padding: 2px 0;
   padding-left: 10px;
   margin-right: 25px;
   height: 30px;
}
.lhy-textarea-foot #user-name:focus{
   border-color: #8590A6;
}
.lhy-textarea-foot .nick-name-right{
   display: none;
}

.lhy-textarea-foot .user-name {
   font-size: 14px;
   font-family: PingFang SC;
   font-weight: 600;
   display: inline-block;
   padding-right: 20px;
}
.lhy-textarea-foot .btn-mini {
   background: #FFFFFF;
   color: #666666;
   font-size: 12px;
   font-family: PingFang SC;
   padding: 0.25rem 0.85rem;
   margin-right: 27px;
   border: 1px solid #D1D1D1;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
   border-radius: 5px;
}
.lhy-textarea-foot .save-name {
   background: #00c9a7;
   color: #FFFFFF;
   margin-right: 9px;
   border: none;
   margin-right: 22px;
}

.lhy-textarea-foot i {
   margin-left: 25px;
}

.lhy-textarea-foot .isLogin {
   color: #8590A6;
}

.lhy-textarea-foot .isLogin:hover {
   color: #FF9200;
}

.lhy-btn-sm {
   padding: 0.25rem 1.125rem;
   font-size: 14px;
   font-family: PingFang SC;
}
.lhy-btn-sm:focus{
box-shadow: none !important;
}
.lhy-comment-textarea .add-file_input {
   position: relative;
   width: 165px;
   height: 117px;
   border: 1px dashed #DDDDDD;
   border-radius: 5px;
   color: #C6D1D9;
   font-size: 14px;

}
.lhy-comment-textarea .add-file_input:hover {
 color:#78858E ;
}

.lhy-comment-textarea .add-file_input .content {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.lhy-file_input {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   opacity: 0;
   cursor: pointer;

}

.lhy-comment-textarea .add-file-btn {
   font-size: 26px;
}

.isblog .pre-img,.isblog .add-file_input,.isblog .loading-img {
   width: 130px;
}
.isblog .feedback-li .help-comments-delete-hover .img-li .u-media-viewer, .feedback-li .img-li img{
   max-width: 133px;
}
.isblog .help-review-ul .comment-imgUpload-box .img-li{
   width: 95px !important;
}
.isblog-jp .help-review-ul .comment-imgUpload-box .img-li-jp{
   width: 130px !important;
}
.isblog  .help-review-ul .comments-review-imgs-list .img-li{
   width: 117px !important;
   margin-right: 12px;
}
.isblog .help-review-ul .img-li .u-media-viewer{
   width: 117px;
}
.isblog .add-file-btn{
   font-size: 23px ;
}
.pre-img {
   width: 165px;
   height: 117px;
}

.loading-img {
   width: 165px;
   height: 117px;
   background-color: #8f8f8f;
}
.loading-img .echart-line-isLoaing {
   height: 100%;
   }
.pre-img:hover .delet-img {
   opacity: 1;

}
.feedback-li .help-comments-delete-hover .img-li .u-media-viewer, .feedback-li .img-li img {
   max-width: 167px;
   max-height: 112px;
}
.help-comments-delete-hover .img-li img{
   max-width: 167px  ;
  width:167px  ;
}
.help-comments-delete-hover .img-li .u-media-viewer {
   width:167px  ;
}
.help-review-ul .help-img-li{
   width: 131px !important;
}
.help-review-ul .help-img-li img{
   width: 100% !important;
   object-fit: cover;
}
.help-review-ul .comment-imgUpload-box .img-li {
   width: 130px !important;
}
.help-review-ul .comment-imgUpload-box .img-li .addImgFont{
   font-size: 13px;
}
.isblog .help-review-ul .comment-imgUpload-box .img-li .addImgFont{
   font-size: 12px;
}
.help-review-ul .img-li{
   width: 148px !important;
}
.help-review-ul .img-li img{
   width: 100% !important;
   object-fit: cover;
}
.help-review-ul  .img-li .u-media-viewer{
   width: 148px;
   max-width: 148px;
}
.help-load-more{
   text-align: left;
   margin: 0 80px;
   margin-bottom: 10px;
}
.pre-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 5%;
}

.delet-img {
   position: relative;
   height: 20px;
   top: -21px;
   line-height: 20px;
   transition: all 0.5s;
   background-color: rgba(0, 0, 0, 0.43);
   color: white;
   font-size: 12px;
   font-family: PingFang SC;
   text-align: center;
   opacity: 0;
   cursor: pointer;
}
.user-comments-content{
   font-size: 16px;
   font-weight: bold;
   line-height: 28px;
   color: #333333;
   display: block;
   margin: 25px 0 24px;
}
.user-comments-all-box .user-avatar{
   width: 50px;
   height: 50px;
   object-fit: cover;
   margin-right: 20px;
   border-radius: 50%;
}
.operation-unmute-like{
   min-height: 28px;
}
@media (min-width: 1200px) {
   .qa-container {
      max-width: 1188px;
   }
}
@media (max-width: 1200px) {
   .lhy-comment-textarea .add-file_input{
      width: 126px;
   }
   .pre-img {
      width: 126px;
   }
   .feedback-li .help-comments-delete-hover .img-li .u-media-viewer, .feedback-li .img-li img {
      max-width: 128px;
      max-height: 112px;
   }
   .help-comments-delete-hover .img-li img{
      max-width: 128px  ;
     width:167px  ;
   }
   .help-comments-delete-hover .img-li .u-media-viewer {
      width:128px  ;
   }
   .loading-img {
      width: 126px;
   }
}
@media screen and (max-width: 750px) {
   .lhy-img-list{
      flex-direction: column;
   }
   .lhy-img-list li{
      margin: 0;
      margin-bottom: 10px;
   }
   .pre-img {
      width: 210;
   }
   .feedback-community-list {
      padding: 0 10px;
   }

   .feedback-li .review-ul .review-li {
      padding: 0 0.875rem .375rem;
      padding-top:2px;
   }

   .feedback-community-list .feedback-li .reply-review-li {
      padding-left: 3.5rem;
      margin-top: 14px;
   }

   .community-search-flex {
      padding: 10px;
   }

   .community-search-flex .js-sticky-block {
      display: none;
   }

   .feedback-community-list .feedback-li {
      padding: 20px;
   }

   .go-home-pages {
      display: none;
   }

   .u-breadcrumb {
      height: auto;
      padding: 5px 0;
      line-height: 20px;
   }

   .margin-left-25 {
      margin-left: 0px !important;
      padding: 0 0.875rem .375rem;
   }
}
.qa-text-link-name{
   color: #333333 !important;
   font-size: 12px;
   font-weight: bold;
   margin-right: 10px;
}
.qa-text-link-name:hover{
   color: #F28C00 !important;
   border-bottom: 1px #F28C00 dashed;
   text-decoration: none !important;
}
.h28{
   height: 28px;
}

.page-show{
   display: block;
}
.page-hide{
   display: none;
}


@media screen and (max-width: 750px) {
   .isHideMobile{
      display: none!important;
   }
   .blog-help-filter{
      font-size: 12px;
   }
   .comments-delete-hover>.title{
      margin-top: 5px;
   }
   .blog-help-filter .h4Span{
      font-size: 14px;
      margin-left: 0;
   }
   .blog-help-view-container .feedback-community-list .feedback-li,.blog-help-view-container .feedback-community-list{
    padding: 10px 0!important;
   }
   .blog-help-view-container .feedback-li .review-ul .review-li{
      padding: 10px 0!important;
   }
   .blog-help-view-container .support-btn{
      margin-left: 0!important;
   }
   .u-breadcrumb-text{
      font-size: 12px;
   }
   .feedback-community-list .feedback-li .review-ul .review-li .support-btn{
      margin-left: 0;
   }
   .feedback-community-list .feedback-li .review-ul::before {
      background: #fff;
      /* background-position: center; */
      /* background-size: contain; */
      position: relative;
      width: 17px;
      height: 10px;
      top: -22px;
      left: 26px;
      content: "";
      display: block;
   }
   .community-qa-content-cn{
      min-height: auto;
   
   }
}
#feedback-community-box .qa-focus{
   margin-left: -1px;
   }
/* 加载更多 */
.cn-children-load-more {
   /* margin-top: 0; */
}
.cn-dynamic-feedback-content {
   max-height: 382px;
   min-height: 300px;

}

.wonderful-recommendation{
   background-color: #fff;
   padding: 16px 14px;
   margin-top: 20px;
   border-radius:5px;
}
.title-recommendation{
   color: #333333;
   font-size: 16px;
   font-weight: 600;
}
.wonderful-recommendation .recommendation-list-box{
   list-style: none;
   margin: 0;
   padding: 0;
}
.wonderful-recommendation .recommendation-list-box li{
   padding-bottom: 16px;
   background: url(/assets/images/qa/border-round-icon02.png);
   background-repeat: repeat-x;
   background-position: bottom left;
}
.wonderful-recommendation .recommendation-list-box li:last-child{
   background: #fff;
   padding-bottom: 0;
}
.wonderful-recommendation .recommendation-list-title{
   font-size: 14px;
   font-weight: 600;
   color: #333333;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-top: 16px;
   margin-bottom: 10px;
   cursor: pointer;
}
/* .wonderful-recommendation .recommendation-list-title:hover{
   color: #F28C00;
} */
.wonderful-recommendation .recommendation-list-info{
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   font-size: 12px;
   font-weight: 400;
   color: #666666;
   cursor: pointer;
}
.wonderful-recommendation .is-hover:hover .recommendation-list-title{
   color: #F28C00;
}
.wonderful-recommendation .recommendation-user-avatar{
   width: 22px;
   height: 22px;
   border-radius: 100%;
   margin-right: 7px;
   /* border:1px solid #707070; */
}
.recommendation-user-info{
   margin-top: 10px;
   /* margin-bottom: 18px; */
}
.recommendation-user-name,.recommendation-date{
   font-size:12px;
   color:#ADADAD;
   font-weight: 400;
}
.recommendation-user-box{
   width: 62%;
}
.recommendation-date{
   width: 60px;
}
.recommendation-user-name{
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}