@charset "utf-8";
/* Mobile CSS*/
.media-info{position: relative; padding-top: 0; text-align: left; min-height: 85px; padding-bottom: 6px;}
.media-rank{font-size: 12px; color: #888; margin-top: 2px;}
.media-info .avatar{border-radius: 50%; width: 65px; height: 65px; position: relative;}
.zm-main-header, .zm-main-tab{position: relative;}
.zm-main-header.new{padding-top: 20px; background: #fefffe; background: linear-gradient(180deg,#fefffe,#f8f8f8);}
.zm-main-header.new .media-info{padding: 0; text-align: left; min-height: auto;}
.zm-main-header.new .media-info .media-header{padding: 0 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.zm-main-header.new .media-info .avatar{display: block; width: 60px; height: 60px; margin-right: 10px; border: 1px solid hsla(0,0%,40%,.1);}
.media-info .avatar img, .follow-card .avatar img{width: 100%; height: 100%; display: block; border-radius: 50%;}
.media-info .avatar img{font-size: 0;}
.media-info .media-title{font-size: 18px;}
.zm-main-header.new .media-info .media-title{height: 30px; line-height: 30px;}
.zm-main-header.new .media-info .media-title span{display: inline-block; max-width: 150px; height: 30px; line-height: 30px; font-size: 20px; overflow: hidden; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; color: #333333;}
.zm-main-header.new .media-info .media-title .logo{width: 50px; height: 16px; margin-left: 5px; border-radius: 8px; line-height: 16px; font-size: 11px; color: #999; text-align: center; border: 1px solid #e8e8e8;}
.zm-main-header.new .media-info .media-rank{height: 22px; line-height: 22px; margin-top: 6px;}
.zm-main-header.new .media-info .media-rank span{position: relative; text-align: center; color: #000; font-size: 14px; padding: 0 8px; vertical-align: middle;}
.zm-main-header.new .media-info .media-rank span:after{position: relative;content: "";display: inline-block;padding-left: 2px;height: 22px;line-height: 22px;color: #999;font-size: 10px;vertical-align: middle;}
.zm-main-header.new .media-info .media-rank span:before{content: ""; width: 1px; height: 22px; background: #e8e8e8; border-radius: 3px; position: absolute; left: 0; top: 0; transform: translateY(-50%); transform: scale(.5); transform-origin: center;}
.zm-main-header.new .media-info .media-rank span, .zm-main-header.new .media-info .media-rank span strong{display: inline-block; height: 22px; line-height: 22px;}
.zm-main-header.new .media-info .media-rank span.media-count.media-count{padding-left: 0;}
.zm-main-header.new .media-info .media-rank span *{vertical-align: middle;}
.zm-main-header.new .media-info .media-rank span, .zm-main-header.new .media-info .media-rank span strong{display: inline-block; height: 22px; line-height: 22px;}
.zm-main-header.new .media-info .media-rank span.media-fans{margin: 0;}

.zm-main-header.new .media-info .media-rank .media-count:after{content: "\5185\5BB9";}
.zm-main-header.new .media-info .media-rank .media-video:after{content: "视频";}
.zm-main-header.new .media-info .media-rank .media-fans:after{content: "\7C89\4E1D";}
.zm-main-header.new .media-info .media-rank span.media-following{padding-right: 0;}
.zm-main-header.new .media-info .matto{margin: 0 10px; font-size: 14px; color: #222; max-width: 100%;}
.zm-main-header.new .media-info .matto.desc{margin: 15px 10px 8px;}
.zm-main-header.new .media-info .matto.line-one{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zm-main-header.new .media-info .matto .vertify{display: inline-block; height: 22px; font-size: 14px; color: #ff6301; line-height: 22px; padding: 0 8px; background: #fff3ed; border-radius: 20px; margin-left: -1px;}
.zm-main-header.new .media-info .follow-btn-wrap{position: absolute; right: 10px; top: 0;}
span.follow_btn{width: 50px; line-height: 27px; border-radius: 2px; background: #3f90f1; display: inline-block; text-align: center;}
span.follow_btn, span.follow_btn span{font-size: 11px; color: #fff;}
.zm-main-header.new .media-info .follow-btn-wrap .follow_btn, .zm-main-header.new .media-info .follow-btn-wrap .share-follow .follow_btn{width: 65px;height: 28px;background: #FFFFFF;border: 1px solid #DE293A;border-radius: 3px;line-height: 28px;font-size: 15px;color: #DE293A;}
.zm-main-header.new .media-info .follow-btn-wrap.ok .follow_btn{background:#DE293A;color:#ffffff }
.shadow-box{height: 15px;}
/**/
.zm-main-tab{margin-top:5px}
.content-type-tab, .media-list{position: relative;}
.content-type-tab li{display: inline-block; padding: 0 15px 0 15px; cursor: pointer; font-size: 17px; line-height: 45px;}
.content-type-tab li span{display: inline-block; color: #555;}
.content-type-tab li.selected span{color: #222; position: relative;}
.content-type-tab li.selected span:after{background: #DE293A;position: absolute;content: '';width: 20px;height: 4px;bottom: 2px;z-index: 10;left: 50%;transform: translateX(-50%);border-radius: 5px;}