/* 点赞 */

.like {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    box-shadow: 0px 0px 20px rgb(233, 233, 233);
    background: url('data:image/png;base64,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') center no-repeat;
    background-size: 3.125rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* .like:hover {
    background-image: url('data:image/png;base64,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');
} */

.love {
    background-image: url('data:image/png;base64,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');
}

/* 顶部提示 */
.tips {
    background-color: #c6e0f8;
    padding: .625rem 1.25rem .625rem .625rem;
    line-height: 1.5;
    position: relative;
    color: #8E8E93;
    font-size: .75rem;
    padding:.6875rem 3.5rem .6875rem .9375rem;
}


.tips .close {
    position: absolute;
    right: .6875rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.125rem;
    height: 1.125rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAeklEQVQoU2Nsa5skysLCzFxWlv2CAQvo6poq8efP37+MIAYLy//5v3//Sy0vz3uCrLazc5IMKyvT7D9/GBMZQRIwAWTF6GJgheiKQXyQScga4QqRFYPY6E5BUThp0iSZP3+YZoMUsrD8S83LQ7iZNKuJ8gzRwUNsgAMAV/V28+n5AgwAAAAASUVORK5CYII=') no-repeat;
}



/* 正文 */
.detail {
    margin: 0 .625rem;
}

.detail .title {
    margin-top: .5rem;
    font-size: 1.5rem;
    font-family: SFProDisplay-Bold, SFProDisplay;
    font-weight: bold;
    color: #262628;
    line-height: 2.125rem;
    margin-bottom: .625rem;
}

.detail .bar {
    font-size: 1rem;
    font-family: SFUIDisplay-Regular, SFUIDisplay;
    font-weight: 400;
    color: #A3A3A4;
    margin-bottom: 1.25rem;
}
.bar .author {
    margin-right: .9375rem;
}
.bar a {
    color: #414970;
    margin-right: .9375rem;
    text-decoration: none;
}
.detail .content {
    line-height: 1.625rem;
}

.detail .content img,
.detail .content audio,
.detail .content video {
    display: block;
    width: 100%;
    margin-bottom: .625rem;
}

.detail .content audio {
    background: rgba(247, 247, 247, 1);
    border-radius: .5rem;
}


.wrap {
    width: 100%;
    position: relative;
    padding-bottom: 62%;
    /*需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
}

.wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hidden {
    display: none;
}