.extend-click()[data-v-e5c2d074]{position:relative}.extend-click()[data-v-e5c2d074] :before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.l-box[data-v-e5c2d074]{width:690px}.l-box .serach-box[data-v-e5c2d074]{margin:0 0 20px}.l-box .serach-box .el-input[data-v-e5c2d074]{width:580px}.l-box .serach-box[data-v-e5c2d074] .el-input__inner{border-right:0;border-radius:4px 0 0 4px}.l-box .serach-box .search-btn[data-v-e5c2d074]{width:100px;height:36px;line-height:36px;background:-webkit-gradient(linear,left top,left bottom,from(#da3554),to(#b3182a));background:linear-gradient(180deg,#da3554,#b3182a);border-radius:0 4px 4px 0;text-align:center;color:#fff;font-size:14px;cursor:pointer}.l-box .good-comments-box[data-v-e5c2d074]{padding-bottom:20px}.l-box .good-comments-box .good-comments-item-box[data-v-e5c2d074]{padding:15px;cursor:pointer}.l-box .good-comments-box .good-comments-item-box[data-v-e5c2d074]:hover{background:#f6f7fa}.l-box .good-comments-box .good-comments-item-box:hover .good-comments-item-title[data-v-e5c2d074]{color:#d03333}.l-box .good-comments-box .good-comments-item-box .good-comments-item-title[data-v-e5c2d074]{font-family:"Noto Serif SC",serif;height:24px;line-height:24px;font-size:20px;font-weight:700;color:#0c0c0c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:70px}.l-box .good-comments-box .good-comments-item-box .good-comments-item-title .good-comment-item-img-box[data-v-e5c2d074]{float:right;margin-top:-3px;margin-right:-70px}.l-box .good-comments-box .good-comments-item-box .good-comments-item-title .good-comment-item-img[data-v-e5c2d074]{vertical-align:middle;width:22px;height:22px;position:relative;z-index:1}.l-box .good-comments-box .good-comments-item-box .good-comments-item-title .good-comment-item-img-btn[data-v-e5c2d074]{border-radius:15px;border:1px solid #ededed;height:18px;font-size:12px;color:#c66135;line-height:16px;font-weight:400;display:inline-block;vertical-align:middle;padding:0 5px 0 8px;position:relative;margin-left:-7px}.l-box .good-comments-box .good-comments-item-box .good-comments-item-content[data-v-e5c2d074]{color:#888880;margin:15px 0;line-height:24px;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.l-box .good-comments-box .good-comments-item-box .good-comments-item-info[data-v-e5c2d074]{line-height:17px;height:17px;color:#9197ad;font-size:12px}.l-box .good-comments-box .good-comments-item-box .info-item+.info-item[data-v-e5c2d074]{padding-left:12px}.l-box .good-comments-box .good-comments-item-box .info-item+.info-item[data-v-e5c2d074]:before{content:"|";display:inline-block;color:#d7d7d7;margin-right:12px;vertical-align:text-bottom}.r-box[data-v-e5c2d074]{width:280px}.r-box .bg-box[data-v-e5c2d074]{cursor:pointer;width:100%;height:360px;background-size:cover;background-repeat:no-repeat;background-position:50%;margin-bottom:15px}.r-box .leave-msg-btn[data-v-e5c2d074]{height:34px;line-height:34px;-webkit-box-shadow:0 2px 7px 0 rgba(0,0,0,.08);box-shadow:0 2px 7px 0 rgba(0,0,0,.08);background:#0c4cb6;text-align:center;color:#fff;font-size:14px;font-weight:400;cursor:pointer;margin-bottom:15px}.r-box .leave-msg-btn .iconfont[data-v-e5c2d074]{margin-right:10px;cursor:pointer}.r-box .good-message-box[data-v-e5c2d074]{padding:0 14px 16px;border:1px solid #eee;margin-bottom:30px}.r-box .good-message-box .good-message-top[data-v-e5c2d074]{height:54px;line-height:54px;border-bottom:1px solid #e6e8f1;color:#0c0c0c;font-size:18px;font-family:"Noto Serif SC",serif;font-weight:700}.r-box .good-message-box .good-message-item[data-v-e5c2d074]{margin-top:12px;color:#666;font-size:12px;line-height:18px;position:relative;padding-left:15px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-box .good-message-box .good-message-item[data-v-e5c2d074]:before{content:"";width:5px;height:5px;background:#d3d3d3;text-align:center;position:absolute;top:7px;left:0}.r-box .good-message-box .good-message-item[data-v-e5c2d074]:hover{color:#d03333}.r-box .hot-box[data-v-e5c2d074]{padding:0 14px 16px;border:1px solid #eee}.r-box .hot-box .hot-top[data-v-e5c2d074]{height:54px;line-height:54px;border-bottom:1px solid #e6e8f1;color:#0c0c0c;font-size:18px;font-family:"Noto Serif SC",serif;font-weight:700}.r-box .hot-box .hot-item[data-v-e5c2d074]{margin-top:12px;color:#666;font-size:12px;line-height:18px;position:relative;padding-left:23px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-box .hot-box .hot-item[data-v-e5c2d074]:before{content:attr(data-index);width:14px;height:14px;line-height:14px;background:#d3d3d3;text-align:center;color:#fff;font-size:12px;position:absolute;top:2px;left:0}.r-box .hot-box .hot-item[data-v-e5c2d074]:nth-child(2):before{background:#cc0338}.r-box .hot-box .hot-item[data-v-e5c2d074]:nth-child(3):before{background:#df702a}.r-box .hot-box .hot-item[data-v-e5c2d074]:nth-child(4):before{background:#cdba8a}.pagination[data-v-e5c2d074]{text-align:center}.extend-click(){position:relative}.extend-click() :before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.good-comments-page .good-comments-box .good-comments-item-content *{color:#888880!important;line-height:24px!important;font-size:14px!important;font-weight:400!important}