#img{ width:26px; height:26px;}
	.mpl-head {}
	.tt-face-4 {}
	.tt-face-4 .mpl-bar-follow {display: block;position: absolute; top: 10px;-webkit-transform: none;right: 15px;}
	.btn.border {font-size: 14px;line-height: 26px; border-radius: 6px;display: block; box-sizing: border-box;
			-webkit-box-sizing: border-box; min-width: 52px; padding-left: 5px;padding-right: 5px;  overflow: hidden;text-align: center;}
	.btn.black { color: #fff;border: 1px solid #fff;}
	.mpl-head .avatar {box-sizing: border-box;}
	.avatar .mask{display: block;width: 100%; height: 100%; position: absolute;top: 0; left:0; border-radius: 50%;}
	.avatar img {display: block;width:1.75rem; height:1.75rem; pointer-events: none;border-radius: 50%;}
	.mpl-head-name { font-size: 18px; text-align: center;}
	.about{width:60%;display: flex;justify-content:space-between;}
	.about a {text-align: center;width: 32.3%;color: #fff;}
	.about span.cutting{width: 1px; background: #aaa;}
	.about em {display: block;font-size: 18px;font-weight: 700; }
.about span {  font-size: 12px;  color: #666;}
	.tt-font-1 { color: #fff;}
	.mpl-head-verified-content {font-size: 14px;margin: 10px 24px 5px;text-align: center;}
	.tab .tab-nav .active a {border-bottom: #f33 solid 2.4px;color: #f33;}
	.tab .tab-body { background-color: #fff; padding-top: 0; border-top: 1px solid #ddd;padding-bottom:1.2rem;}
	.tab .tab-nav li a {border: none; font-weiht:bold;}
	.middle-mode{background-color: #fff;}
	.middle-mode .link {padding: 12px 15px;overflow: hidden; border-bottom: 1px solid #efefef;display: flex;flex-direction: row-reverse;}
	.middle-mode .link .holder {overflow: hidden; width: 210px;}
	.middle-mode .link  .holder img{ border: 0;  display: block;width: 100%;height:130px;pointer-events: none;}
	.middle-mode .link .text-wrap {flex-grow: 1;padding-right: 10px;display: flex;flex-direction: column;justify-content: space-between;}
		.middle-mode .link .text-wrap h3{font-size: 20px;font-weight: bold;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
	.tab-panel ul li h3{font-size: 16px; margin-bottom: 10px;}
	.middle-mode .link .middle-mode h3 { text-overflow: ellipsis; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.info {color: #999; font-size: 12px;line-height: 1em; white-space: nowrap;}
	.middle-mode .info { margin-top: 7px; line-height:16px;}
	.tag-style-other {display: block; width: 20%;float: left;}
	.tag-style-other>img{display: block; width:20px;float: left;}
	.timer {display: block; width:300px;float: left;}
	.time>img{display: block; width:14px;float: left;}
	.fixed-top {position: fixed; top: 0;width: 100%;}
		
/*关注 私信*/
.mpl-bar-bottom {position: fixed; bottom: 0;left: 0; width: 100%;z-index: 200;background: #fff;}
.mpl-bar-bottom-items {display: -webkit-box;border-top: 1px solid #ddd;}
.mpl-bar-bottom-item {-webkit-box-flex: 1;}
.tt-font-1 { color: #222;}
.mpl-bar-bottom-item a { display: block; text-align: center;font-size: 0.375rem;line-height: 1.25rem;}
.mpl-bar-bottom-item a.focus{background: url(${template}images/Focus.png) no-repeat left;background-size: 20px 20px;background-position:50px 10px;}
.mpl-bar-bottom-item a.talk{background: url(${template}images/talk.png) no-repeat left;background-size: 18px 18px;background-position:50px 10px;}
.mpl-bar-bottom .vertical-line {display: block;width: 1px;background: #ddd; background-size: 1px 100%;}
 #menu{background-repeat:no-repeat;background-size:100% 100%;    display: flex;
    justify-content: space-between;align-items: center;padding-bottom:16px;border-bottom:1px solid #e8e8e8;}