.last-upposts { position: relative; border: 1px solid #d4d4d4; padding: 20px 20px 14px 30px; margin: 25px 0 25px 0; font-size: 14px; line-height: 1.4; color: #666;z-index: 3 }
.last-upposts > legend { display: inline-block; position: absolute; left: 25px; top: -9px; background: #fff; font-size: 14px; line-height: 16px; background-repeat: no-repeat; background-size: auto 16px; background-position: 10px center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NjIyZGQxMC1jMjdhLTRmOTQtYWQ2ZC1lZTY2YjI1YmRmMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTYyMTY2NTE5RjYzMTFFN0E2NTZENENEN0QzRjQ4MEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTYyMTY2NTA5RjYzMTFFN0E2NTZENENEN0QzRjQ4MEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxZWYwZWJlMy1jZGUyLTQ4MDUtOGQ2OS1iNGNjYTQ3ZjhiY2EiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZWEwMDM3OC1kZGQxLTExN2EtYjIyMC1mNjU5YzhiNzZkYjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4pL3+7AAAAhUlEQVR42mJhgAK9FW9dgNQqKDfsUoTwHnziLAwIYAzEnUjsPfjEGYEmhiKZWAGlOxhQAbp4GMhGJSQFSgzYAbq4EguaQBoOjRjiTDCnAD3NCKRdQZgAuwJZI8kAFDjlQNoFGlowv9zDwwarhdm4B+gMUJCvBmEC7D0jyanISY5YEAYQYAAhe0YZ4V0nTAAAAABJRU5ErkJggg==); padding: 0 10px 0 34px; color: #2DA7EC; font-weight: 700; }
.last-upposts .item {
    display: inline-block;
    width: 100%;
}
.last-upposts .item-avatar {
    display: inline-block;
    float: left;
}
.last-upposts .item-content {
    margin-left: 38px;
}
.last-upposts .item-avatar img {
    border-radius: 50%;
    width: 24px!important;
    height: 24px!important;
}
.last-upposts p { margin-bottom: 6px; color: #666; }
.last-upposts p span { color: #666; }
.last-upposts .related { left: 10px; position: absolute; margin-top: -10px; top: 100%; right: 0; z-index: 1; }
.last-upposts .related.open > .list { display: block; }
.last-upposts .related.open .expand:before { transform: rotate(90deg); }
.last-upposts .related .expand { transition: all .2s; display: inline-block; background: #fff; padding: 0 11px 0 22px; position: relative; color: #2DA7EC; margin-left: 17px; font-weight: 700;}
.last-upposts .related .expand:before { background-repeat: no-repeat; background-size: 100% auto; background-position: center center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg fill='rgb(113, 113, 113)' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='373.008px' height='373.008px' viewBox='0 0 373.008 373.008' style='enable-background:new 0 0 373.008 373.008;' xml:space='preserve'%3E%3Cpath d='M61.792,2.588C64.771,0.864,68.105,0,71.444,0c3.33,0,6.663,0.864,9.655,2.588l230.116,167.2    c5.963,3.445,9.656,9.823,9.656,16.719c0,6.895-3.683,13.272-9.656,16.713L81.099,370.427c-5.972,3.441-13.334,3.441-19.302,0    c-5.973-3.453-9.66-9.833-9.66-16.724V19.305C52.137,12.413,55.818,6.036,61.792,2.588z'/%3E%3C/svg%3E"); position: absolute; content: ''; width: 10px; height: 10px; left: 6px; top: 4px; }
.last-upposts .related .expand:hover {color: #31C9F4;}
.last-upposts .related > .list { border: 1px solid #d4d4d4; display: none; background: #fff; border-top: 0; list-style: none; padding: 0 20px; margin: 0; }
.last-upposts .related > .list > li { padding: 20px 0 14px; border-bottom: 1px solid #d4d4d4; }
.last-upposts .related > .list > li .update { color: #2DA7EC; font-weight: 700; }
.last-upposts .related > .list > li:last-child { border-bottom: 0; }

/*# sourceMappingURL=front.css.map */

.update-info img{border-radius: 50%;}
.update-info {float:left;margin-right:5px;color: #292929; font-weight: 700;}