.container{width: 100%;}
		html,body{background: #fff;}
		.related-title {
		    margin: 36px 0 8px;
		    font-size: 20px;
		    line-height: 20px;
		    font-weight: 500;
		    letter-spacing: .02em;
		    color: #222;
		    text-align: center;
		    position: relative;
		}
		.related-title:before {
		    display: block;
		    content: "";
		    width: 100%;
		    height: 1px;
		    background-color: #f2f2f2;
		    position: absolute;
		    top: 50%;
		    -webkit-transform: translateY(-50%);
		    -moz-transform: translateY(-50%);
		    transform: translateY(-50%);
		}
		.related-list-item {
		    padding: 16px 0;
		    overflow: hidden;
		}
		.related-title span {
		    padding: 0 18px;    position: relative;z-index: 99;
		    background-color: #fff;
		}
		.related-list-item .left-img {
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-sizing: border-box;
		    width: 96px;
		    height: 72px;
		    margin-right: 12px;
		    border-radius: 4px;
		    border: 1px solid #f2f2f2;
		    overflow: hidden;
		    float: left;
		}
		.related-list-item .right-content {
		    height: 72px;
		    display: -moz-box;
		    display: -ms-flexbox;
		    display: flex;
		    -moz-box-orient: vertical;
		    -moz-box-direction: normal;
		    -ms-flex-direction: column;
		    flex-direction: column;
		    -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		    justify-content: space-between;
		}
		.related-list-item .left-img .pic {
		    display: block;
		    width: 100%;
		    height: 100%;
		    background-size: cover;
		    background-position: 50%;
		    -webkit-transition: all .5s ease-out .1s;
		    -moz-transition: all .5s ease-out .1s;
		    transition: all .5s ease-out .1s;
		}
		.related-list-item .right-content .title {
		    max-height: 44px;
		    font-size: 16px;
		    line-height: 22px;
		    color: #222;
		    display: -webkit-box;
		    overflow: hidden;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 2;
		    text-overflow: ellipsis;
		}
		.related-list-item .right-content .info {
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    height: 20px;
		    font-size: 14px;
		    line-height: 20px;
		    color: #999;
		}
		.related-list-item .right-content .info {
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    height: 20px;
		    font-size: 14px;
		    line-height: 20px;
		    color: #999;
		}
		.ttp-hot-board .title-bar {
				    display: -moz-box;
				    display: -ms-flexbox;
				    display: flex;
				    -moz-box-pack: justify;
				    -ms-flex-pack: justify;
				    justify-content: space-between;
				    -moz-box-align: center;
				    -ms-flex-align: center;
				    align-items: center;
				    margin-bottom: 7px;
				    height: 28px;
				}
				.ttp-hot-board .title-bar .title {
				    position: relative;
				    margin: 0;
				    padding-left: 32px;
				    font-size: 20px;
				    font-weight: 500;
				    line-height: 28px;
				    color: #222;
				    cursor: default;
				}
				.ttp-hot-board .title-bar .title:before {
				    content: "";
				    position: absolute;
				    top: 50%;
				    left: 0;
				    -webkit-transform: translateY(-50%);
				    -moz-transform: translateY(-50%);
				    transform: translateY(-50%);
				    width: 24px;
				    height: 22px;
				    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABCBAMAAAAGWI0SAAAAJ1BMVEVHcEzvQEDwQULwQELxQEHwQUHvQEDwQUHvQEDwQUHwQUHwQELwQUJ3RBxpAAAADHRSTlMAI9+FW7kQ70Cgz2+lx2XXAAABmElEQVRIx7WWsU7DMBCGbWgLtAyoC0IwMCEhZWBjYQhCYmJA6oY65AEYgJmhG0Ji4AG6sDPwAF1IWkrTeyjsNCT22ecLA//SKvrknO/+u4sQpuTxSLDqQRqzUBcg3eGgAwDIOGisIHgNMzLSUJ4EoXUA/qj+CgpHdbaCIJQsWTJwFIDWfqGswdtgnvBvAzjh7qZ1R0LDGvpmMhmOfGJAKR+2UnG9OBS2kjaVdCrdiSwoLoLEld4CB+o78U9cSBXgIxB2AelH97gDLCmztNXPzIKuEJSU5bayYN8NciFajrNa6KCFEE/Fn6XPblWBe9WRlV4QdNgZunYfI+j81GM/FDdEHvvhVBr6JC9naOk1JVJd4zYNzcg0eY28QUPzCtqmIfgHqFHgXRrK/5anRhkP1G5aty8NfXlHE9I12b+olUvdkpCxs8gcLIxu2eTdG4jcmlC7fEhkzjNyiJudbEPe9+GlLdm7+caYM8IIJ0wFM+11N42ofW/ojVtT9Kbas8xNfbM8Gwy99vffS2YQ+hSRFzeP8DC4tJ/+ADFNuYdM8+umAAAAAElFTkSuQmCC) no-repeat 50%;
				    background-size: contain;
				}
				.ttp-hot-board .article-item {
				    display: -moz-box;
				    display: -ms-flexbox;
				    display: flex;
				    -moz-box-align: center;
				    -ms-flex-align: center;
				    align-items: center;
				    padding: 12px 0;
				    cursor: pointer;
				}
				.ttp-hot-board .icon-stick {
				    width: 24px;
				    height: 24px;
				    margin-right: 8px;
				    background: url(/static/img/icon_hot_board_stick.svg) no-repeat 50%;
				    background-size: contain;
				}
				.ttp-hot-board .news-title {
				    overflow: hidden;
				    white-space: nowrap;
				    font-size: 16px;
				    line-height: 20px;
				    color: #222;
				    text-overflow: ellipsis;
				}
				.ttp-hot-board .news-index.num-1 {
				    color: #a82e2e;
				}
				.ttp-hot-board .news-index.num-2 {
				    color: #f04142;
				}
				.ttp-hot-board .news-index.num-3 {
				    color: #ff9a03;
				}
				.ttp-hot-board .news-index {
				    -ms-flex-negative: 0;
				    flex-shrink: 0;
				    margin-right: 8px;
				    width: 24px;
				    font-size: 20px;
				    font-weight: 700;
				    line-height: 24px;
				    font-family: ByteNumber-center;
				    color: #999;
				    text-align: center;
				}
				.detail-like {
				    text-align: center;
				    cursor: pointer;
				    color: #222;
				    outline: none;
				}
				.detail-side-interaction .divide {
				    margin: 16px auto;
				    width: 24px;
				    height: 1px;
				    background: #e8e8e8;
				}
				.detail-interaction-comment {
				    position: relative;
				    padding-top: 24px;
				    text-align: center;
				    color: #222;
				    cursor: pointer;
				    outline: none;
				}
				.detail-like .digg-icon {
				    position: relative;
				    border-radius: 24px;
				    width: 48px;
				    height: 48px;
				    background: #f8f8f8;
				}
				.detail-like>span {
				    display: inline-block;
				    margin-top: 4px;
				    font-size: 12px;
				    line-height: 20px;
				}
				.detail-like .digg-icon .inner {
				    position: absolute;
				    top: 50%;
				    left: 50%;
				    -webkit-transform: translate(-50%,-50%);
				    -moz-transform: translate(-50%,-50%);
				    transform: translate(-50%,-50%);
				    font-size: 0;
				}
				.detail-like .digg-icon i {
				    display: block;
				    width: 24px;
				    height: 24px;
				    background: url(/static/img/like.0caed57a.svg) no-repeat 50%;
				    background-size: contain;
				}
				.detail-interaction-comment:before {
				    content: "";
				    position: absolute;
				    top: 0;
				    left: 50%;
				    -webkit-transform: translateX(-50%);
				    -moz-transform: translateX(-50%);
				    transform: translateX(-50%);
				    width: 24px;
				    height: 24px;
				    background: url(/static/img/icon_comment.d319bd6b.svg) no-repeat 50%;
				    background-size: contain;
				}
				.detail-interaction-comment>span {
				    display: inline-block;
				    font-size: 12px;
				    line-height: 20px;
				}
				.detail-interaction-collect {
				    text-align: center;
				    color: #222;
				    cursor: pointer;
				    outline: none;
				}
				.detail-interaction-collect svg {
				    width: 24px;
				    height: 24px;
				    fill: #222;
				    stroke: #222;
				}
				.ttp-interact-share {
				    display: inline-block;
				    position: relative;
				    background: #fff;
				}
				.ttp-interact-share .share-btn {
				    display: inline-block;
				    position: relative;
				    padding-top: 24px;
				    font-size: 12px;
				    line-height: 20px;
				    color: #222;
				    cursor: pointer;
				    outline: none;
				}
				.ttp-interact-share .share-btn:before {
				    content: "";
				    position: absolute;
				    top: 0;
				    left: 0;
				    width: 24px;
				    height: 24px;
				    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAKlBMVEVHcEwhISEhISEgICAgICAhISEiIiIiIiIiIiIiIiIhISEhISEgICAiIiLvaEYqAAAADXRSTlMApN8gEMF/73CQQFkw2xS+1QAAAWdJREFUSMftlTFLw0AYhi+0Rq2OgoN0qmMDRXDv6OLqFhAcnJwcHKTgIDgJHVyFDDo4FBxdCv4BhwZiq/D+Fw80ua+57/J9OPfdkjy5e7hc3jNmlf/l6ExmWsn8VYRi4FOEIgBjDVQMFBB6Gmh+o4Ak918IDxooHyigZvcSanBvv+3+QWH3lwQuO/ww56Bh3WsM0GegO9Tjux96jO/eGfmQ537BMHX3GGz68kA198BAy+7TEETcWwnkodaCDArFbJgpZnObL26YbVhCB2ForFBauFUKKs2zitmWrY3ZlK0blpJW0LFsbcxEtLa5F61tHumjK87apuuQk6eIs7ZJq5dvXWEsDA8VmWuVZWv3VfKMVI9XTyltwIizrqBrWmJ+3Xfpzxpx1uU69Ugd5u8+NKV/fRQo1Q97/5Lsm9mQgdYtVJ1xHeA00Mpf7up5jy3UDWBfPAfbI8gnqkkLxQE++VZAW4rZVpHzA/2Awy7eroqsAAAAAElFTkSuQmCC) no-repeat 50%;
				    background-size: contain;
				}
				.ttp-interact-share .share-tools {
				    display: none;
				    position: absolute;
				    z-index: 10;
				    -webkit-box-sizing: border-box;
				    -moz-box-sizing: border-box;
				    box-sizing: border-box;
				    border: 1px solid #f2f2f2;
				    border-radius: 8px;
				    padding: 16px 0;
				    width: 172px;
				    text-align: left;
				    background: #fff;
				    -webkit-box-shadow: 0 10px 50px rgb(54 56 79 / 11%);
				    box-shadow: 0 10px 50px rgb(54 56 79 / 11%);
				}
				.ttp-interact-share .panel-right {
				    left: 100%;
				}
				.ttp-interact-share .panel-right-top {
				    bottom: 0;
				    -webkit-transform: translate(18px,23px);
				    -moz-transform: translate(18px,23px);
				    transform: translate(18px,23px);
				}