.live-room-wrap #guide-box,
.live-room-wrap .placeholder-box {
    display: none !important;
}

.f-14 {
    font-size: 0.7rem;
}

.live-video-wrap {
    position: relative;
    width: 100%;
    max-width: 640px;
    height: 100%;
    overflow: hidden;
    /*background-color: rgba(0, 0, 0, 0.6);*/
}
.live-box {
    position: relative;
}
.live-box.end .live-fixed-img-wrap {
    bottom: 5.8rem;
}

.live-box.end .content-wrap {
    margin-bottom: 60px;
}
/*
* 悬浮按钮
*/
.live-video-wrap .foot-fixed {
    border: none;
}
/*
* 悬浮图片
*/
.live-fixed-img-wrap {
    position: fixed;
    z-index: 20;
    right: 1rem;
    bottom: 3.5rem;
    border-radius: 0.2rem;
}
.live-fixed-img {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.2rem;
}
.live-fixed-img img {
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
}

.live-fixed-img-wrap .close-wrap {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    background-position: -13.9rem -1.6rem;
}

@media screen and (min-width: 640px) {
    .live-fixed-img-wrap {
        right: 0;
        left: 50%;
        margin-left: 5rem;
    }
    .live-fixed-img-wrap .close-wrap {
        right: 0;
        left: 2.4rem;
    }
}

/*
* 悬浮**条消息
*/
.message-num-wrap {
    height: 1.3rem;
    position: fixed;
    bottom: 3.1rem;
    left: 50%;
    transform: translateX(-50%);
    color: #ee2020;
    padding: 0 0.8rem;
    font-size: 12px;
    border-radius: 1rem;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 121;
}
@media screen and (min-width: 640px) {
    .message-num-wrap {
        margin-top: 1px;
    }
}
@media screen and (min-width: 414px) {
    .message-num-wrap {
        font-size: 0.6rem;
    }
}
@media screen and (max-width: 375px) {
    .message-num-wrap span {
        margin-top: -1px;
    }
    /* .message-num-wrap.moment-message-num-wrap span {
        margin-top: 2px;
    } */
}
@media screen and (max-width: 360px) {
    .message-num-wrap span {
        margin-top: 1px;
    }
    .message-num-wrap.moment-message-num-wrap span {
        margin-top: 1px;
    }
}


.iPhoneX-foot-style.foot-fixed {
    height: 3rem;
}

.iPhoneX-foot-style.live-fixed-img-wrap {
    bottom: 4.3rem;
}
.iPhoneX-foot-style.end.live-fixed-img-wrap {
    bottom: 6.3rem;
}
/* .vertical-sec-wrap .live-fixed-img-wrap {
    bottom: 5rem;
}
.vertical-sec-wrap .iPhoneX-foot-style.live-fixed-img-wrap {
    bottom: 5.8rem;
} */
.iPhoneX-foot-style.message-num-wrap {
    bottom: 4rem;
}

/*
* 顶部倒计时
*/
.top-countdown-wrap {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    position: absolute;
    left: 50%;
    margin-top: -1.45rem;
    margin-left: -1.45rem;
    z-index: 20;
}

.top-countdown-wrap.active {
    animation: countdown .5s ease;
}

@keyframes countdown {
    from {
        transform: scale(1.5);
    }
    to {
        transform: scale(1);
    }
}

/*
* 预约弹窗
*/
.alert-common-modal {
    z-index: 1000;
}
.alert-common-modal .title {
    margin-bottom: 0.4rem;
}
.alert-common-modal .order-tip-text {
    color: #606060;
    font-size: 0.7rem;
    margin-top: 0.6rem;
}

/*
* 横版视频区
*/
.video-wrap {
    width: 100%;
    position: relative;
    background-color: #000;
    height: 10.54rem;
}

.video-wrap .xgplayer-video {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 10.54rem !important;
}

.video-wrap .order-img {
    width: 100%;
    height: 10.54rem;
}

/*
* 连麦无文档时有类名lianmai-no-word-video-wrap 的播放器
*/
.video-wrap.lianmai-no-word-video-wrap {
    height: 17.05rem;
}
.video-wrap .xgplayer-video.lianmai-no-word-xgplayer-video {
    height: 17.05rem !important;
}


/*
* pc下播放器样式
**/
@media screen and (min-width: 640px) {
    .live-video-wrap {
        height: auto;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .foot-fixed {
        position: relative;
    }
    .video-wrap .xgplayer-video {
        height: 100% !important;
    }
    .video-wrap .xgplayer-video.lianmai-no-word-xgplayer-video {
        height: 100% !important;
    }
    .pc-hide {
        display: none !important;
    }
}


/*
* 顶部内容-各种状态
*/
.top-live-state {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.top-live-state.opacity {
    background-color: rgba(0, 0, 0, 0.3);
}
.top-btn {
    font-size: 0.6rem;
    width: 5rem;
    height: 1.5rem;
    border-radius: 1rem;
    border: 1px solid #fff;
    cursor: pointer;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.live-play-icon {
    width: 0.8rem;
    background-position: -3.75rem -13.8rem;
}
.top-video-time {
    position: absolute;
    bottom: 0.6rem;
    left: 0.8rem;
    font-size: 0.6rem;
    line-height: 1.3rem;
}

/*
* 横版顶部内容
*/
.horizontal-content-wrap {
    padding: 0.5rem 0.8rem 0;
    position: relative;
}
/*
* 直播状态：直播中、预约、结束
*/
.live-state {
    margin-bottom: 0.4rem;
    align-items: center;
}

.live-state-left {
    background-color: #f0f0f0;
    padding: 0 0.35rem;
    height: 0.75rem;
    border-radius: 0.5rem;
    margin-right: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.live-state-left .line-icon {
    width: 0.6rem;
    height: 0.6rem;
    margin-top: 1px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.live-state-left .running .line-icon {
    background-image: url(../image/living.gif);
}
.live-state-left .order .line-icon {
    background-image: url(../image/live_order.gif);
}

.live-state-left .end i {
    background-color: #5F5F5F;
    display: inline-block;
    vertical-align: top;
    width: 2px;
    border-radius: 0.1rem;
    margin-right: 1px;
}

.live-state-left .end i:last-child {
    margin-right: 3px;
}
.live-state-left .line-one {
    height: 7px;
}
.live-state-left .line-two {
    height: 5px;
}
.live-state-left .line-three {
    height: 3px;
}

/*
* 公告
*/
.live-notice-wrap {
    position: absolute;
    line-height: 1.1rem;
    margin-bottom: 0.5rem;
    background-color: #fff;
    transform: translateX(0);
}

.live-notice-wrap.active {
    position: relative;
    z-index: 1;
    animation: notice-active .5s;
}

.live-notice-wrap.hidden {
    position: relative;
    z-index: 1;
    animation: notice-hidden .5s;
}

@keyframes notice-active {
    from {
        transform: translateX(105%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes notice-hidden {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-105%);
    }
}


.live-notice-wrap a {
    border-bottom: 1px solid #FF6060;
    margin-left: 0.2rem;
    color: #FF6060;
}
.live-notice-wrap .notice-icon {
    width: 0.8rem;
    height: 1rem;
    background-position: -8.9rem -11.7rem;
}



@media screen and (max-width: 360px) {
    .live-notice-wrap {
        font-size: 12px;
    }
}
@media screen and (max-width: 320px) {
    .live-notice-wrap {
        font-size: 12px;
        -webkit-transform-origin-x: center;
        display: inline-block;
        transform: scale(.98);
    }
}

/*
* 直播简介 互动 主播厅 tab
*/
.live-tab-ul {
    font-size: 0.8rem;
    color: #909090;
    line-height: 1.1rem;
    position: relative;
    padding: 0 0.8rem 0.3rem;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 -0.8rem;
    background-color: #fff;
}
.live-tab-ul li {
    margin-right: 1.5rem;
    position: relative;
    cursor: pointer;
}
.live-tab-ul li.active {
    color: #303030;
    font-weight: 500;
}
.live-tab-ul li.active:after {
    content: '';
    width: 1.35rem;
    height: .15rem;
    border-radius: .15rem;
    background: #303030;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.375rem;
    margin: auto;
    z-index: 6;
}
@media screen and (max-width: 360px) {
    .live-tab-ul li.active:after {
        bottom: -0.4rem;
    }
}


.vote-num-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: 1.25rem;
    padding: 0 0.4rem;
    font-size: 12px;
    -webkit-transform-origin-x: center;
    transform: scale(.95);
    opacity: 0;
    z-index: -1;
    color: #000;
}
.vote-num-wrap.active {
    transition: .5s all ease;
    opacity: 1;
    z-index: 1;
}
.vote-num-wrap::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 0.3rem solid transparent;
}

@media screen and (min-width: 640px) {
    .vote-num-wrap {
        transform: scale(1);
        height: 36px;
        font-size: 16px;
        border-radius: 13px;
        right: 0.2rem;
    }
    .vote-num-wrap::before {
        border-width: 8px;
        border-bottom-width: 8px;
    }
}

.horizontal-entry-moment-wrap .vote-num-wrap {
    border-radius: 0.25rem;
    position: absolute;
    top: -0.1rem;
    right: -3.4rem;
    box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.2);
}
.horizontal-entry-moment-wrap .vote-num-wrap::before  {
    border-right: 0.3rem solid #fff;
    top: 50%;
    transform: translateY(-50%);
    left: -0.55rem;
}
@media screen and (min-width: 640px) {
    .horizontal-entry-moment-wrap .vote-num-wrap {
        right: -3.2rem;
        top: 0;
    }
    .horizontal-entry-moment-wrap .vote-num-wrap::before {
        left: -0.5rem;
    }
}



/*
* 直播简介、互动、主播厅 内容
*/
.message-content-wrap {
    font-size: 0.7rem;
    width: 100%;
    line-height: 1.1rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2rem;
}
@media screen and (min-width: 640px) {
    .message-content-wrap {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
    }

    .message-content-wrap::-webkit-scrollbar {
        display: none; /* Chrome Safari */
    }
}
/*
* 互动区
*/
.message-content-wrap .interact-list-wrap {
    padding: 0 4.6rem 0 0.8rem;
}
.message-content-wrap .interact-list {
    margin-bottom: 0.5rem;
    word-break: break-all;
}
.interact-list .name-c {
    color: #909090;
}

/*
* 互动区 **来了和**点赞 固定在底部
*/
.fixed-barrage {
    margin: 0 auto;
    padding-left: 0.8rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.7rem;
}
.fixed-barrage .name-c {
    color: #909090;
}
.vertical-fixed-barrage.fixed-barrage {
    padding-left: 0;
}
.vertical-fixed-barrage.fixed-barrage .name-c{
    color: #c0c0c0;
}


/*
* 直播简介
*/
.message-content-wrap .order-intro-wrap {
    padding: 0 4.1rem 0 0.8rem;
    line-height: 1rem;
}
.order-intro-wrap .order-time {
    margin-bottom: 0.8rem;
    font-size: 0.8rem;
}
.order-intro-wrap .order-time-icon {
    width: 0.8rem;
    background-position: -12.35rem -1.65rem;
}
/*
* 主播厅
*/
.message-content-wrap .end-box {
    margin-bottom: 1rem;
}
.live-moment-wrap {
    padding-bottom: 0.8rem;
}
.live-moment-wrap .moment-box {
    border-bottom: 0.2rem solid #f0f0f0;
    line-height: 1.5;
    padding: 0.7rem 0.8rem;
}
.live-moment-wrap .moment-box:first-child {
    padding-top: 0;
}
.live-moment-wrap .brief-content {
    margin-top: 0;
}

.live-moment-wrap .moment-foot-group {
    font-size: 0.7rem;
    padding-right: 0;
}
.live-moment-wrap .moment-foot-group .s-icon.s-zan {
    margin-right: 1.25rem;
}

/* 直播厅空状态 */
.live-moment-wrap .live-moment-empty {
    font-size: 0.8rem;
    color: #C0C0C0;
    text-align: center;
    margin-top: 2rem;
}
.live-moment-empty .live-moment-empty-img {
    width: 8rem;
}


/*
* 竖版视频
*/
.vertical-video-wrap,
.vertical-video-wrap .xgplayer {
    height: calc(100vh - 2.2rem) !important;
}
.iPhoneX-foot-style.vertical-video-wrap,
.iPhoneX-foot-style.vertical-video-wrap .xgplayer {
    height: calc(100vh - 3rem) !important;
}


/*
* pc下竖版样式  播放器样式
**/
@media screen and (min-width: 640px) {
    .vertical-sec-wrap.live-video-wrap {
        background-color: #000;
    }
    .vertical-sec-wrap .foot-fixed{
        display: none !important;
    }
    .vertical-sec-wrap .vertical-video-wrap,
    .vertical-sec-wrap .vertical-video-wrap .xgplayer-video {
        height: calc(100vh) !important;
    }
    /* .vertical-sec-wrap .video-wrap .xgplayer-video video {
        object-fit: contain;
    } */
}

/*
* 竖版提示信息 内容
*/
.vertical-top-state.top-live-state {
    height: 50%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 0.7rem;
}

.content-wrap {
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 20%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.6) 60%,rgba(0,0,0,.8) 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: 10;
    padding-left: 0.85rem;
    padding-right: 2.4rem;
}
.content-wrap.show-tip-info {
    background: rgba(0, 0, 0, 0.6);
}

/*竖版广播*/
.content-wrap .live-notice-wrap {
    background-color: rgba(0, 0, 0, 0.4);
    width: 15.65rem;
    border-radius: 0.3rem;
    padding: 0.25rem 0.4rem;
    color: #fff;
}
.content-wrap .live-notice-wrap a {
    color: #14DBAD;
    border-bottom: 1px solid #14DBAD;
}
.content-wrap .interact-list-wrap {
    padding-right: 1.2rem;
    padding-left: 0;
}
.content-wrap .interact-list .name-c {
    color: #c0c0c0;
}

video::-webkit-media-controls { 
    display: none !important;
}


/*
* 西瓜播放器标识
*/
.xgplayer-progress-cache,
.xgplayer-enter,
.xgplayer-tips,
.xgplayer-live,
.xgplayer-loading,
.xgplayer-error,
.xgplayer-replay,
.xgplayer-live,
.xgplayer-volume {
    display: none !important;
}
/* .video-wrap .xgplayer-video video {
    object-fit: cover;
} */





.xgplayer-play,
.xgplayer-fullscreen,
.xgplayer-volume {
    height: 28px !important;
    transform: scale(0.6);
}
.xgplayer-fullscreen {
    padding-top: 2px;
}
/*竖版下没有全屏*/
.vertical-video-wrap .xgplayer-fullscreen {
    display: none !important;
}
.xgplayer-icon {
    height: 28px !important;
    margin-top: -3px !important;
}
.xgplayer-slider {
    bottom: 34px;
    left: -2px;
}

@media screen and (min-width: 640px) {
    .xgplayer-volume {
        display: block !important;
        transform: none;
    }
    .xgplayer-volume .xgplayer-icon {
        bottom: -0.12rem !important;
    }
    .vertical-video-wrap .living .xgplayer-volume  {
        position: absolute;
        left: 0.8rem;
        top: 0.4rem;
    }
    .vertical-video-wrap .end-video .xgplayer-volume {
        margin-right: 0.5rem;
    }
    .vertical-video-wrap .living .xgplayer-play {
        display: none !important;
    }

}


/*
* 进度条&时间
*/
.xgplayer-progress {
    width: 50% !important;
    left: 50% !important;
    margin-left: -12% !important;
    height: 28px !important;
    top: 50% !important;
    margin-top: -14px !important;
    display: flex !important;
    align-items: center !important;
}
.xgplayer-progress-btn {
    display: block !important;
    width: 0.4rem !important;
    height: 0.4rem !important;
    top: 50% !important;
    margin-top: -0.2rem !important;
}

.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-btn,
.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-btn {
    top: 50% !important;
}
.xgplayer-progress-outer {
    border-radius: 0.4rem;
    margin-top: 0 !important;
}

.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-outer,
.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-outer {
    height: 3px !important;
    margin-top: 0 !important;
}




.xgplayer-progress-played {
    border-radius: 0.4rem !important;
    background: #ff6060 !important;
}
.xgplayer-time {
    height: 28px !important;
    line-height: 28px !important;
    margin: 2px 8px 0 -6px !important;
}
@media screen and (min-width: 640px) {
    .xgplayer-time {
        font-size: 14px !important;
        margin-left: 0 !important;
    }
    .xgplayer-progress {
        width: 55% !important;
        margin-left: -25% !important;
    }
    .xgplayer-progress-btn {
        width: 10px !important;
        height: 10px !important;
        margin-top: -5px !important;
    }

    .vertical-video-wrap .end-video .xgplayer-progress {
        margin-left: -23% !important;
    }
    /* 处理pc 进度条遮挡时间的问题 */
    /* .vertical-video-wrap .end-video .xgplayer-time {
        margin-left: 10px !important;
    } */

}

/*
* 直播中、预约 没有进度条和时间
*/
.order-living .xgplayer-progress,
.order-living .xgplayer-time,
.living .xgplayer-progress,
.living .xgplayer-time {
    display: none !important;
}

/*
* 大的播放按钮, 只有竖版直播中有
*/
.xgplayer-start {
    display: none !important;
}
.vertical-video-wrap .living .xgplayer-start {
    display: block !important;
    width: 3rem;
    height: 3rem;
    top: 50%;
    margin-top: -7rem;
    background: rgba(0, 0, 0, .3) !important;
    border: 1px solid #fff;
    overflow: hidden !important;
}
.vertical-video-wrap .living  .xgplayer-start.xgplayer-start-interact {
    animation: none !important;
}
@media screen and (min-width: 640px) {
    .vertical-video-wrap .living .xgplayer-start {
        margin-top: -5rem;
        width: 70px;
        height: 70px;
    }
}

/*
* 控制条
*/
.video-wrap .xgplayer-controls  {
    width: 100%;
    /* max-width: 640px; */
    background: rgba(0, 0, 0, .2);
    height: 28px;
    transform: translateY(0px);
    pointer-events: auto;
    display: flex !important;
    align-items: center !important;
}
.vertical-video-wrap .living .xgplayer-controls {
    display: none !important;
}
.vertical-video-wrap .end-video .xgplayer-controls {
    height: 60px;
    background: rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 640px) {
    .video-wrap .xgplayer-controls {
        height: 36px;
        padding: 4px;
        z-index: 999;
    }
    .vertical-video-wrap .living .xgplayer-controls {
        display: none !important;
        width: 100%;
        position: absolute;
        height: 2rem;
        z-index: 100;
        left: 0;
        top: 50%;
        margin-top: -1rem;
        padding-left: 0.5rem;
        background-color: transparent;
        padding: 0.5rem;
    }
}




/*
* 竖版主播厅相关
*/
.entry-moment-wrap {
    position: absolute;
    top: 0.8rem;
    right: 0;
    z-index: 50;
}
.entry-moment-wrap .show-moment-tag {
    display: block;
    width: 3rem;
    height: 1rem;
    background: url('../image/show-moment-tag.png?v=202007101629') no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.entry-moment-wrap .vote-num-wrap {
    border-radius: 0.5rem;
    position: relative;
    margin-top: 0.4rem;
    right: 0.3rem;
}

.entry-moment-wrap .vote-num-wrap::before {
    border-bottom: 0.3rem solid #fff;
    top: -0.56rem;
    left: 0.4rem;
}

.moment-fixed-wrap .hide-moment-tag {
    position: fixed;
    width: 3rem;
    height: 1rem;
    background: url('../image/hide-moment-tag.png?v=202007101629') no-repeat;
    background-size: 100%;
    cursor: pointer;
    z-index: 200;
    left: 50%;
    margin-left: 6rem;
    top: 0.8rem;
}

@media screen and (min-width: 640px) {
    .entry-moment-wrap .vote-num-wrap {
        right: 0.2rem;
    }
    .entry-moment-wrap .vote-num-wrap::before {
        top: -16px;
    }
}


.moment-fixed-wrap {
    color: #fff;
    width: 100%;
    max-width: 640px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100rem;
    z-index: -1;
    padding-left: 1.3rem;
}

.moment-fixed-content-wrap {
    background-color: #27282D;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-left: 1.35rem;
    position: relative;
    padding-bottom: 2rem;
}

.moment-fixed-content-wrap .line {
    display: block;
    position: fixed;
    width: 5px;
    height: 60px;
    background: rgba(255, 255, 255, 0.5);
    left: 1.8rem;
    border-radius: 20px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    opacity: 0;
    z-index: -1;
}


@media screen and (min-width: 640px) {
    .moment-fixed-content-wrap .line {
        left: 50%;
        margin-left: -268px;
    }
}

.moment-fixed-content-wrap .title {
    padding-top: 0.9rem;
    padding-bottom: 0.7rem;
    font-size: 0.8rem;
}

.moment-fixed-content-wrap .moment-box {
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 0.8rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.moment-fixed-content-wrap .brief-content {
    margin-top: 0;
    color: #fff;
}
.moment-fixed-content-wrap .brief-video {
    width: 15.3rem;
    height: 8.6rem;
}
.moment-fixed-content-wrap .vote-box {
    background: rgba(0,0,0,.3);
    color: #fff;
}
.moment-fixed-content-wrap .progress-wz {
    background: rgba(255, 255, 255, 0.16);
}
.moment-fixed-content-wrap .moment-vote-btn-wrap {
    background-color: rgba(255, 255, 255, 0.4);
}

.moment-fixed-content-wrap .moment-vote-btn-wrap.end,
.moment-fixed-content-wrap .moment-vote-over {
    background-color: rgba(0,0,0,.8);
}
.moment-fixed-content-wrap .progress-img-text {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    width: 6.8rem;
    height: 5.8rem;
}
.moment-fixed-content-wrap .progress-img-text .vote-img-wrap {
    height: 3.75rem;
}
.moment-fixed-content-wrap .end-box {
    margin-top: 2rem;
    left: -0.7rem;
}
.moment-fixed-content-wrap .end-box span {
    background-color: #27282D;
}

.moment-fixed-content-wrap .live-moment-empty {
    margin-top: 50%;
    margin-left: -1.35rem;
}


.alert-modal-wrap {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 10000;
    top:0;
    max-width: 640px;
}
.alert-modal-wrap .f16 {
    font-size: 0.8rem;
}
.alert-modal-wrap .f18 {
    font-size: 0.9rem;
}
.alert-modal-wrap .f14 {
    font-size: 0.7rem;
}
.alert-modal-wrap .f12 {
    font-size: 0.6rem;
}
.alert-modal-wrap .mt-8 {
    margin-top: 0.4rem;
}
.alert-modal-wrap .see-over {
    margin-bottom: 0.4rem;
}

.alert-content-wrap {
    background-color: #fff;
    border-radius: 0.2rem;
    padding: 1.4rem 0.8rem 1rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 14.4rem;
}
.alert-content-wrap a {
    border-radius: 0.2rem;
    padding: 0.5rem 0;
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.alert-bottom-btn-wrap {
    justify-content: space-around;
    text-align: center;
}
.alert-content-wrap .alert-bottom-btn-wrap a {
    width: 45%;
}
.alert-content-wrap .alert-bottom-btn-wrap a.full-w {
    width: 100%;
    background-color: #ff6060;
    color: #fff;
}

.alert-bottom-btn-wrap .left-btn {
    border: 1px solid #ff6060;
    color: #ff6060;
}
.alert-bottom-btn-wrap .right-btn {
    background-color: #ff6060;
    color: #fff;
}




/*
* 竖版无互动区时：参与人数+广播 + 图片的位置   开始
*/

/*已结束 无回放：参与人数+房间广播 盒子的样式*/
/*已结束 有回放：参与人数+房间广播 盒子的样式*/
.vertical-sec-wrap.no-barrage-wrap .content-wrap,
.vertical-sec-wrap.no-barrage-wrap .live-box.end .content-wraps {
    height: auto !important;
    padding-bottom: 0.5rem;
}
/*已结束 无回放：图片广告 盒子的样式*/
.vertical-sec-wrap.no-barrage-wrap .live-fixed-img-wrap {
    bottom: 6.8rem;
}
/*已结束 无回放: iphonex以上时：图片广告 盒子的样式*/
.vertical-sec-wrap.no-barrage-wrap .iPhoneX-foot-style.live-fixed-img-wrap {
    bottom: 7.8rem;
}

/*已结束 有回放：图片广告 盒子的样式*/
.vertical-sec-wrap.no-barrage-wrap .live-box.end .live-fixed-img-wrap {
    bottom: 9.2rem;
}
/*已结束 有回放: iphonex以上时：图片广告 盒子的样式*/
.vertical-sec-wrap.no-barrage-wrap .live-box.end .iPhoneX-foot-style.live-fixed-img-wrap {
    bottom: 10.4rem;
}

/*直播中：参与人数+房间广播 盒子的样式*/
.vertical-sec-wrap.no-barrage-wrap .content-wrap.living-content-wrap{
    height: 6rem !important;
}
/*直播中：图片广告 盒子的样式*/
.vertical-sec-wrap.no-barrage-wrap .living-fixed-img-wrap.live-fixed-img-wrap {
    bottom: 6.5rem;
}
/*直播中：iphonex以上时： 图片广告 盒子的样式*/
.vertical-sec-wrap.no-barrage-wrap .iPhoneX-foot-style.living-fixed-img-wrap.live-fixed-img-wrap {
    bottom: 7.5rem;
}

/*直播中：视频音量按钮样式 */
@media screen and (min-width: 640px) {
    .vertical-sec-wrap.no-barrage-wrap .vertical-video-wrap .living .xgplayer-controls {
        bottom: 4.5rem;
        top: inherit;
        margin-top: 0;
    }
}
/*
* 竖版无互动区时相关模块的样式 结束
*/