.content {
    width: 100%;
}

header {
    width: 100%;
    height: 3rem;
    background: #EC5B4F;
    position: fixed;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
    box-sizing: border-box;
    z-index: 9;
}

.logo {
    width: 30px;
    height: 30px;
    background: url('../img/icon.png') no-repeat;
    background-size: 100% 100%;
    border-radius: 20%;
}

.copywriting {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    margin-left: 14px;
    color: #FFFFFF;
    flex: 1;
}

.downText {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .38rem 1.28rem .34rem 1.28rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    font-size: 0.81rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #EC5B4F;
}

.videoInfo {
    position: relative;
}

.video-js {
    width: 100%;
    height: 12.57rem;
    margin-top: 3rem;
    object-fit: fill;
}

.cover {
    width: 100%;
    height: 12.57rem;
    position: absolute;
    left: 0;
    top: 0;
}

.playImg {
    width: 2.94rem;
    height: 2.97rem;
    background: url('../img/playImg.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.textInfo {
    width: 100%;
    padding: 1.44rem .94rem 0rem .94rem;
    box-sizing: border-box;
}

.title {
    font-size: 1.44rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #191919;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.synopsis {
    display: flex;
    margin-top: 1.06rem;
}

.source,
.time {
    font-size: 0.75rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A3A3A3;
}

.source {
    margin-right: .5rem;
}

.graphics {
    width: 100%;
}

.graphics img {
    width: 100%;
    height: 100%;
}

.graphics p {
    font-size: 1.13rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    word-wrap: break-word;
}

.edit {
    font-size: 0.94rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A3A3A3;
    margin-top: .72rem;
    display: inline-block;
}

.like {
    width: 8.13rem;
    height: 2.75rem;
    border-radius: 1.38rem;
    border: 0.03rem solid #E8E8E8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem auto;
}

.likeImg {
    width: 1.33rem;
    height: 1.38rem;
    background: url('../img/likeImg.png') no-repeat;
    background-size: 100% 100%;
}

.likeNum {
    font-size: 0.94rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A3A3A3;
    margin-left: .31rem;
}

.placeholder,
.placeholders {
    width: 23.44rem;
    height: 0.5rem;
    background: #F6F7F9;
}

.recommend {
    padding: .75rem .94rem .75rem .94rem
}

.recommendText {
    font-size: 1.06rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #191919;
    margin-bottom: 1.28rem;
}

.cite {}

.cite_list {
    width: 100%;
    border-bottom: 0.03rem solid #E8E8E8;
}

.cite_shuffle {
    display: flex;
    border-bottom: 0.03rem solid #E8E8E8;
    padding: .72rem 0 .75rem 0;
}

.version {
    flex: 1;
}

.cite_list .topic {
    margin-top: .72rem;
}

.topic {
    font-size: 1.06rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #191919;
    margin: 0rem .94rem 0 0;
}

.synopsis {
    font-size: 0.63rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A3A3A3;
    margin: 1.28rem 0 0 0;
}

.cite_list .synopsis {
    margin: .31rem 0 .78rem 0;
}

.cite li:last-child {
    border: none;
    padding: .72rem 0 0 0;
}

.picture {
    width: 6.94rem;
    height: 5.19rem;
}


.discuss {
    padding: .75rem .94rem 0 .94rem;
    box-sizing: border-box;
}

.comment {
    display: flex;
    align-items: center;
}

.commentImg {
    width: 1.38rem;
    height: 1.13rem;
    background: url('../img/comment.png') no-repeat;
    background-size: 100% 100%;
}

.commentText {
    font-size: 1.06rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #191919;
    margin-left: .19rem;
}

.uls {
    margin-top: 2rem;
    padding-bottom: 4.5rem;
}

.list {
    display: flex;
    margin-top: .91rem;
    border-bottom: 1px solid #E8E8E8;
}

.listInfo {
    margin-left: .63rem;
    width: 100%;
}

.userImg {
    width: 2.35rem;
    height: 2.38rem;
    border-radius: 50%;
}

.commentInfo {
    display: flex
}

.userName {
    font-size: 0.88rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #3E3E3E;
    flex: 1;
}

.likeInfo {
    display: flex;
}

.num {
    font-size: 0.75rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A3A3A3;
    margin-top: .05rem;
}

.thumbsUp {
    width: .94rem;
    height: .94rem;
    background: url('../img/likeImg.png') no-repeat;
    background-size: 100% 100%;
    margin-left: .31rem;
}

.timeRecord,
.address {
    font-size: 0.63rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A3A3A3;
}

.address {
    margin-left: .3rem;
}

.commentContent {
    font-size: 0.94rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #191919;
    margin: .31rem 0 .94rem 0;
}