/**/
.mlive-con-swiper .mlive-con + div {
    flex-shrink: 0;
    height: 60px;
}

.mlive-con-swiper .swiper-slide:nth-of-type(2) .floatBbox {
    left: 100vw;
}

.mlive-con-swiper .swiper-slide:nth-of-type(3) .floatBbox {
    left: 200vw;
}

.mlive-out-swiper {
    position: fixed !important;
    right: 10px;
    bottom: 180px;
    width: 92px;
    margin: 0!important;
    padding-bottom: 8px!important;
}

.mlive-out-swiper .card {
    padding: 4px;
    background: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.12);
    border-radius: 3px;
}

.mlive-out-swiper .img {
    width: 84rpx;
    height: 84rpx;
}

/* .mlive-out-swiper .img img{width:100%;height:100%;} */
.mlive-out-swiper p {
    font-size: 10px;
    line-height: 14px;
    color: #222222;
    overflow: hidden;
    padding: 5px 0;
    text-align: center;
}

.mlive-out-swiper .btn {
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    background-image: linear-gradient(90deg, #FF203E 0%, #F84440 96%);
    border-radius: 3px;
}

.mlive-out-swiper .point {
    bottom: 0px!important;
    font-size: 0;
}

.mlive-out-swiper .point span {
    width: 3px;
    height: 3px;
    background: #585859;
    border-radius: 2px;
    opacity: 1;
    margin: 2px!important;
}

.mlive-out-swiper .point .swiper-pagination-bullet-active {
    background: #B8B8B9;
}

.mlive-out-swiper .close {
    position: absolute;
    right: -3px;
    top: -3px;
    width: 25px;
    height: 25px;
    background: url(../images/mlive_close.png) center center no-repeat;
    background-size: 15px;
    z-index: 10
}

.mlive-out-swipebox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0 10px;
    pointer-events: none!important;
}

/**/
.live-dynamic2 {
    position: absolute;
    width: 100%;
    bottom: 101px;
    z-index: 8;
    pointer-events: none;
}

.live-dynamic2 > div {
    pointer-events: fill!important;
;}

/*右侧活动浮动入口*/
.fixed-icons {
    position: fixed;
    top: 110px;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fixed-icons > * {
    margin-bottom: 10px;
}

.fixed-icons > *:last-child {
    margin-bottom: 0;
}

.fixed-icons .live-recom {
    position: relative;
    top: auto;
    right: auto;
    width: 55px;
    height: 55px;
}

/*红包*/
.live-redbag {
    position: relative;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-items: center;
    background: url(../../img/live_icon_redbag.png) no-repeat;
    background-size: 100%;
}

.live-redbag .num {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 9px;
    line-height: 13px;
    color: #F8FEE5;
    text-align: center;
    font-weight: bold;
}