@charset "UTF-8";

.forum_topic_block {/* margin-top: 10px; */}
.topic_list .m {max-width: 100%;}

.topic {border-radius: 14px;margin: 0 0 10px;padding: 10px 15px 10px;font-size: 14px;position: relative;width: 100%;background: #fff;}
.topic.bg_white {background: #fff;}

.topic > .w {position: relative;}

.topic .preview {display: block;overflow: hidden;border-radius: 12px;margin: 0 auto 18px;position: relative;padding-bottom: 53.74%;transition: opacity .5s ease;}
.topic .preview .img {background-color: #eee;/* background-size: cover; */background-repeat: no-repeat;background-position: 50% 50%;background-image: url(../../i/ajax_loader.gif);/* min-height: 50px; */position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.topic .preview img {display: block;max-width: 100%;max-height: 100%;width: 100%;height: 100%;object-fit: cover;}
.topic .preview:hover .img {/* transform: scale(1.05); */}


.topic .h {color: #6E6D7A;line-height: 22px;font-size: 12px;margin: 0 auto 3px;display: flex;flex-flow: row;flex-wrap: wrap;/* align-items: center; */}
.topic .user {margin-right: 7px;display: inline-block;position: relative;padding-left: 24px;height: 22px;line-height: 22px;white-space: nowrap;vertical-align: top;color: #000;}

.topic .avatar {border-radius: 50%;font-size: 0;display: block;width: 18px;height: 18px;position: absolute;left: 0;top: 50%;margin-top: -9px;/* border: 1px solid #2FB200; */}
.topic .avatar .img {width: 100%;height: 100%;border-radius: 50%;display: block;text-align: center;background-color: #eee;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;/* border: 1px solid #2FB200; *//* border: 1px solid #FFBA00; */border: 1px solid #94A39B;/* box-shadow: inset 0 0 2px 0 rgba(168 168 168 / 50%); */overflow: hidden;}
.topic .avatar img {display: block;border-radius: 50%;max-width: 100%;max-height: 100%;width: auto;height: auto;}

.topic .avatar.verified .img {border-color: #2FB200;}



.topic .date {display: inline-block;vertical-align: top;}
.topic .mark {display: inline-block;vertical-align: top;height: 17px;line-height: 15px;border-radius: 12px;border: 1px solid #D2F6C5;background: #D9FACD;padding: 0 5px;font-size: 12px;color: #258C00;margin-left: auto;}


.topic .title {display: block;font-size: 14px;line-height: 16px;font-weight: 400;margin: 0 auto 2px;}
.topic .title a {color: #000;}
.topic .title a:visited {color: #6E6D7A;}
.topic .title a:hover {text-decoration: underline;}

.topic .anno {font-size: 16px;line-height: 26px;margin: 0 auto 8px;}




.topic .tag_list {/* margin: 0 auto 10px; */flex-grow: 1;min-width: 0;/* margin-right: 10px; */}
.topic .tag_list .ul {overflow: hidden; /*white-space: nowrap;*/}
.topic .tag_list .li {display: inline-block;margin: 2px 0;margin-right: 5px;vertical-align: top;}
.topic .tag_list .li:last-child {margin-right: 0;}
.topic .tag_list .li a {display: inline-block;border-radius: 7px;padding: 4px 7px 4px;line-height: 14px;font-size: 12px;color: #6E6D7A;background: #F4F6F5;vertical-align: top;white-space: nowrap;max-width: 210px;overflow: hidden;text-overflow: ellipsis;}
.topic .tag_list .li a:hover {background: #EBE9D3;color: #8B8100;}
.topic .tag_list .li.hidden {display: none;}


.topic .tag_list .overflow_toggle {display: none;}
.topic .tag_list.overflown .overflow_toggle {display: inline-block;cursor: default;}


.topic .f {display: flex;align-items: center;}


.topic .tag_list .title {display: inline;}
.topic .tag_list .title + .ul {display: inline;padding-left: 5px;white-space: normal;}



.topic .counters {display: inline-block;height: 33px;line-height: 33px;font-size: 12px;color: #6E6D7A;margin-left: auto;flex-shrink: 0;}

.topic .counters .ci {display: inline-block;color: inherit;position: relative;padding-left: 32px;vertical-align: top;}
.topic .counters .ci + .ci {margin-left: 10px;}
.topic .counters .ci:first-child {margin-left: 0;}


.topic .counters .b {position: absolute;left: 0;top: 0;min-width: 33px;height: 33px;line-height: 33px;border-radius: 9px;text-align: center;justify-content: center;}
.topic .counters .b:before {margin-top: -1px;}

.topic .counters b:hover,
.topic .counters a.b:hover {background-color: rgba(38, 82, 55, 0.05);}


.topic .counters .ci span {display: inline-block;margin-left: auto;}

.topic .counters.right .ci {padding-left: 0;padding-right: 32px;}
.topic .counters.right .ci:first-child {margin-left: auto;}
.topic .counters.right .ci:last-child {margin-right: -9px;}
.topic .counters.right .ci .b {left: auto; right: 0;}

.topic .counters .comments.toggled span {color: #0085FF;}



/* MOBILE SCREENS */
@media only screen and (max-width: 720px) {

	.topic {padding: 10px 14px 6px;}
	
	.topic .tag_list .li a {max-width: 160px;max-width: 30vw;}
}

@media only screen and (max-width: 600px) {
	
	.topic .f {display: block;margin-top: 6px;}
	
	.topic .tag_list {margin-right: auto;}
	.topic .tag_list .li a {max-width: 160px;max-width: 40vw;}
	
	.topic .counters {display: block;margin-left: -5px;}
}

@media only screen and (max-width: 380px) {
	.topic .tag_list .li a {max-width: 130px;}
}