body{
    padding-bottom:0px;
}
div{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.page-reflow-video{
    width: 100%;
    position: relative;
    max-width: 530px;
    margin: 0px auto;
}
.body-content{
    position: relative;
    height: 100%;
    overflow-y: scroll;
}

@media (min-width: 767px) {
    .body-content{
        overflow-y: hidden;
    }
}

.disscroll{
    overflow-y: hidden!important;
}
.pagelet-banner .app-download.up-down {
    top: 0;
    bottom: inherit;
    -webkit-animation: banner-show1 .5s ease-out .5s;
    animation: banner-show1 .5s ease-out .5s;
}
.pagelet-banner .app-download {
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 530px;
    height: 5.36rem;
    overflow: hidden;
    background-color: #0e0b17;
    /* background-image: url(//s3.bytecdn.cn/ies/resource/falcon/douyin_falcon/static/image/reflow/banner_logo_new_1a2d51c.png); */
    background-repeat: no-repeat;
    background-position: 1.28rem 0.7rem;
    background-size: 12.3rem 3.9rem;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation: banner-show .5s ease-out .5s;
    animation: banner-show .5s ease-out .5s;
}
.pagelet-banner .download-btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ca151d;
    outline: 0;
    padding: 0;
    width: 6.42rem;
    height: 2.56rem;
    line-height: 2.56rem;
    border-radius: 0.5rem;
    float: right;
    margin-top: 1.4rem;
    margin-right: 1.4rem;
    background-color: #fff;
    font-size: 0;
}
.pagelet-banner .download-btn .txt {
    color: #ca151d;
    font-size: 1.28rem;
    vertical-align: middle;
}
.page-reflow-video .player-wrap {
    padding-top: 5.4rem;
    width: 100vw;
    max-width: 520px;
    height: -webkit-calc(100vh - 3.65rem);
    height: calc(100vh - 8.65rem);
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
}
.page-reflow-video .player-wrap .video-player {
    max-width: 520px;
    width: 100%;
    margin-top: -1px;
}
.page-reflow-video .player-wrap .video-poster {
    width: 100%;
    /* height: 100%; */
    max-width: 520px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.page-reflow-video .player-wrap .video-mask {
    position: absolute;
    width: 100%;
    max-width: 520px;
    height: 100%;
    left: 0;
    z-index: 10;
    top: 1.4rem;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),to(transparent));
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.6),transparent);
    background: linear-gradient(to top,rgba(0,0,0,.6),transparent);
}
 .video-user {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 520px;
    /* left: .2rem; */
    z-index: 10;
    display: block;
    padding-bottom: .14rem;
    color: #fff;
    padding:0px 20px 10px 20px;
}
 .video-user .user-title {
    font-size: 1.5rem;
    padding-bottom: 0.6rem;
    margin-bottom: 1.14rem;
    /* border-bottom: .15rem solid rgba(255,255,255,.3); */
    /* white-space: nowrap; */
    overflow: hidden;
    /* text-overflow: ellipsis; */
    /* line-height: normal; */
}
 .video-user .user-avator {
    float: left;
    width: 4.7rem;
    height: 4.7rem;
    border-radius: 100%;
    border: .01rem solid #fff;
    background-repeat: no-repeat;
    background-size: contain;
}
 .video-user .user-info-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1.5rem;
    line-height: 2.4;
    margin-bottom: .04rem;
}
 .video-user .user-follow-btn {
    float: left;
    margin-top: 2rem;
    margin-left: 1.2rem;
    margin-right: 0.3rem;
    font-size: 1.84rem;

    line-height: 1.5rem;
    text-align: center;
    background: #00B7FF;
    border-radius: 10px;
    color: #fff !important;
    padding: 0px 5px 2px 5px;
    border-radius: 5px;
}

.user-right{
    float: right;
}
.user-right img{
    width: 25px;
}
.user-right a{
    float: left;
    margin-left: 20px;
    text-align: center;
    color: #fff !important;
    font-size: 0.8em;
}

.page-reflow-video .player-wrap .play-btn {
    /* width: .98rem;
    height: .98rem; */
    width: 45px;
    height: 45px;
    position: absolute;
    z-index: 1000;
    left: 49%;
    top: 54%;
    /* margin-left: -.5rem;
    margin-top: -.5rem; */
    display: block;
    background-image: url("/img/20-d.png");
    background-size: contain;
}
 .video-user .user-info {
    float: left;
    margin-left: 1.2rem;
    margin-right: .3rem;
    max-width: 11.32rem;
    margin-top: 0.9rem;
}
.hot-video-wrap {
    border: 0;
    font-size: .3rem;
    background-color: #161823;
    overflow: hidden;
}
.hot-video-wrap .video-wrap .header {
    position: relative;
    margin-top: 1.54rem;
    font-size: 0;
    color: #fff;
    text-align: center;
}
.hot-video-wrap .video-wrap .header:before {
    content: '';
    position: absolute;
    top: 47%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 11.92rem;
    height: 1px;
    background-color: #fff;
}
.hot-video-wrap .video-wrap .header .title {
    position: relative;
    padding: 0 .52rem;
    font-size: 1.26rem;
    background: #161823;
}

.info-right {
    position: absolute;
    right: 1.12rem;
    bottom: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: none;
    /* display: flex; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.24rem;
    color: #fff;
    line-height: .32rem;
}
.info-item.info-avator {
    width: 3rem !important;
    height: 3rem;
    position: relative;
    margin-top: 0;
}
.img-avator {
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 100%;
}
.img-follow {
    width: 2rem;
    height: 2rem;
    position: absolute;
    bottom:-1rem;
    left: 50%;
    margin-left: -1rem;
}

.info-item .icon {
    width: 100%;
}
.info-item .count {
    margin-top: 1rem;
    text-align: center;
    white-space: nowrap;
    margin-left: -.1rem;
    width: 100%;
}
.info-right .info-item {
    width: 2.7rem;
    margin-top: .36rem;
}
.info-like {
    margin-top: 2.3rem !important;
}

.info-music {
    width: 4rem !important;
    margin-top: 3rem !important;
    position: relative;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.info-item.info-music .music-cover.animate {
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
.music-cover .icon {
    width: 100%;
    border-radius: 100%;
}
.info-bottom {
    position: absolute;
    left: 1.3rem;
    bottom: 1.2rem;
    width: auto;
    display: none;
    margin-top: 0;
}
.info-bottom .bottom-user {
    font-size: 1.5rem;
    color: #fff;
    /* line-height: 2.5rem; */
    max-width: 20.2rem;
    overflow: hidden;
    text-overflow: ellipsis
}
.info-bottom .bottom-desc {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.5rem;
    max-width: 20.2rem;
    padding: 5px 0px;
}
.info-bottom p{
    margin: 0px;
}
.hot-video-wrap .video-wrap .video-list {
    margin-top: .3rem;
    width: 100%;
}
.selfiesList a{
    display: block;
    width: 50%;
    float: left;
    height: 25rem;
    margin-bottom: 1px;
    background-color: #5B5D66;
}
.selfies_list_bg{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    height: 100%;
}
.play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 45px;
    width: 45px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(/site_public/images/20-d.png);
    background-size: 100%;
}
.music-info{
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.02rem;
    padding-top: .28rem;
    padding-bottom: .1rem;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.6)));
    background-image: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.6) 100%);
    background-image: linear-gradient(-180deg,transparent 0,rgba(0,0,0,.6) 100%);
}
.music-info .icon{
    float: left;
    display: inline-block;
    width: 2.58rem;
    height: 2.58rem;
    border-radius: 50%;
    margin-left: .5rem;
    margin-top: -0.3rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(//s3a.bytecdn.cn/ies/resource/falcon/douyin_falcon/static/image/reflow/musicicon_191951e.png);
    background-size: contain;
}
.music-info .info{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 2.58rem;
    padding-right: 1.46rem;
}
.music-info .name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .5rem;
    color: #fff;
    font-size: 1.26rem;
    line-height: 2rem;
}
.download_logo_icon{
    width: 20rem;
    float: left;
    line-height:5rem;
    text-align: center;
}
.download_icon img{
    width: 40px;
    border-radius: 4px;
}
.download_icon{
    width: 6rem;
    float: left;
}
.download_logo{
    width: 14rem;
    float: left;
}
.download_logo_img{
    text-align: left;
    height: 2.8rem;
    line-height: 2.8rem;
}
.download_logo_img img{
    width: 80px;
}
.download_logo_text{
    height: 20px;
    text-align: left;
    color: #fff;
    line-height: 20px;
    font-size: 1.2rem;
    display: none;
}

.bottom-a a{
    background-color: rgba(255,255,255,0.2);
    font-size: 12px;
    padding: 3px 8px;
    text-decoration: none;
    border-radius: 2px;
    color: #fff !important;
}

.lianghui251{
    display: none;
}