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 19px!important;
	margin-bottom:10px;
}
.head .title{
    padding: .25rem 0 5px;
    line-height: 29px;
    font-size: 20px;
    font-weight: bold;
}
.head ._info{
    line-height: .44rem;
    font-size: 13px;color: #999;
}
.head ._info .from-name{
    font-size: 13px;color: #999;
}
.head ._info .createtime{
    margin-left: .16rem;
    font-size: 13px;color: #999;
}

.flex-v-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    -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 19px .4rem;
}

.content img{
	max-width:640px;
	width:100%;
}

.content p{
	padding:8px 0;
	line-height:25px;
}

.content .content-box{
    font-size: 16px;
	padding-bottom:82px;
}

#content img{
	width:100%!important;
}

.footer{
	width:100%;
	max-width:640px;
	height:auto;
	bottom:0;
	padding-bottom:53px!important;
}

.footer_top{
	height:41px!important;
}

.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;
}

.to_simple form{width:100%;height:100%;}
.to_simple form input{width:73%;float:left;height:100%;border:0;border-radius:28px;}
.to_simple form button{height:100%;border:0;border-radius:28px;float:left;width:27%;}

.TemplatePreview,.video_top{display:block;}
.video_single_body .logo_02,.video_single_content,.mobile_head{display:none;}


@media (max-width: 640px) {
	.video_single_head,.video_single_content{display:none;}
	.TemplatePreview,.video_top{display:block;}
	.video_single_body a{color:black!important;}
	.video_single_body .global{background:white;color:black;}
	.video_single_body .header{background:white;color:black;}
	.video_single_body .keshi{background:white;color:black;}
	.video_single_body .nav{background:white;color:black;}
	.video_single_body .swiper-button-next,.video_single_body .swiper-button-prev{color:black;}
	.video_single_body .footer_top{background:white;color:black;}
	/*.video_single_body .logo_02:not([src]) {content: url("/static/upload/image/20220909/1662699838625981_b.png");}*/
	.video_single_body .logo_01{display:block;}
	.video_single_body .logo_02{display:none;}
	.mobile_head{display:block;height:40px!important;}
	.TemplatePreview{top:5%!important;}
}