html{font-size: 42.67px;}
@media all and (min-width: 360px) and (max-width: 374px) {html{font-size: 48px;}}
@media all and (min-width: 375px) and (max-width: 383px) {html{font-size: 50px;}}
@media all and (min-width: 384px) and (max-width: 398px) {html{font-size: 51.2px;}}
@media all and (min-width: 399px) and (max-width: 413px) {html{font-size: 53.2px;}}
@media all and (min-width: 414px) and (max-width: 423px) {html{font-size: 55.2px;}}
@media all and (min-width: 423px) {html{font-size: 50px;}}
body{
    font-size: 16px;
}

.head{
    padding: 0 .3rem;
}
.head .title{
    padding: .25rem 0 .36rem;
    line-height: .60rem;
    font-size: .40rem;
    font-weight: bold;
}
.head ._info{
    line-height: .44rem;
    font-size: .24rem;color: #999;
}
.head ._info .from-name{
    font-size: .24rem;color: #999;
}
.head ._info .createtime{
    margin-left: .16rem;
    font-size: .24rem;color: #999;
}

.flex-v-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.media {
    padding: .4rem .3rem 0;
	margin-bottom: 1.22em;
}

.media .user-box {
    position: relative;
    margin-right: .16rem;
    width: .72rem;
    height: .72rem;
    border-radius: 50%;
    border: .5pt solid #efefef
}

.media .user-box .img-user {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover
}

.media .user-box .mk-v {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: .28rem;
    height: .28rem;
}

.media .right-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: .2rem;
}

.media .right-item .media-name {
    margin: 0;
    height: .36rem;
    line-height: .36rem;
    font-size: .28rem;
    color: #333
}

.media .right-item .media-time {
    margin: 0;
    height: .32rem;
    line-height: .32rem;
    font-size: .24rem;
    color: #58595e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.media .btn-follow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    width: 1.08rem;
    height: .48rem;
    background: #2e9fff;
    border-radius: .04rem;
    font-size: .28rem;
    color: #fff;
    text-align: center
}

.media .btn-follow span {
    line-height: 1em;
    font-size: .28rem;
    color: inherit;
}

.media .had-follow {
    background: #f7f9fb;
    color: #999eac
}

.media-zone{
	margin: 0 !important;
	height: .6rem;line-height: .6rem!important;
}
.media-zone .media-logo{
	width: .4rem; height: .4rem;
	object-fit: cover;-o-object-fit: cover;
	border-radius: 50%;
	vertical-align: middle;
}

.media-zone .media-name{
	display: inline-block;
	margin-left: .08rem;
	line-height: 1em;
	font-size: .28rem;
	vertical-align: middle;
}

.content{
    position: relative;
    padding: 0 .3rem .4rem;
}
.content .content-box{
    font-size: .34rem;
}

.media-zone{
	margin: 0 !important;
	height: .6rem;line-height: .6rem!important;
}
.media-zone .media-logo{
	width: .4rem; height: .4rem;
	object-fit: cover;-o-object-fit: cover;
	border-radius: 50%;
	vertical-align: middle;
}

.media-zone .media-name{
	display: inline-block;
	margin-left: .08rem;
	line-height: 1em;
	font-size: .28rem;
	vertical-align: middle;
}

p:empty{
	margin: 0 !important;
}