.video{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.video #videoPlayer{
    width: 100%;
    height: 100% !important;
    object-fit: fill;

}
.play-video{
    width: 10vw;
    height: 10vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 102;
    display: none;

}
.play-video img{
    width: 100%;
    height: 100%;
}
/*头部账号类*/
.video-header{
    left: 0;
    top: 2.66vw;
    z-index: 100;
}

.account{
    /*width: 32.26vw;*/
    height: 8vw;
    border-radius: 4vw;
    padding: 0 .53vw;
    background: rgba(0,0,0,.4);
}
.account-photo{
    width: 6.93vw;
    height: 6.93vw;
}
.account-name{
    max-width: 12.8vw;
}
.account-num{
    margin-top: .8vw;
}
.add-myself{
    width: 8.53vw;
    height: 6.4vw;
    border-radius: 3.2vw;
    background: linear-gradient(270deg, #C34DFF 0%, #FF59C8 100%);
}
 .add-img{
    width: 2.66vw;
}
.no-follow{
    display: none;
}
.followed{
    display: none;
}
/*近10人头像*/
.user-content{
    height: 8vw;
}
.front-look-imgs{
    width: 52.4vw;
    overflow-x: scroll;
    overflow-y: hidden;
    right: 0;
}
.front-look-imgs::-webkit-scrollbar {
    display: none;
}
.front-look-imgs .front-circle-img{
    width: 8vw;
    height: 8vw;
}
.front-look-imgs .front-photo-power{
    width: 3.2vw;
    height: 3.2vw;
    right: 0;
    bottom: 0;
}
.front-look-imgs li{
    width: 8vw;
    height: 8vw;
    margin-right: 2.13vw;
}

.fans-num{
    height: 8vw;
    line-height: 8vw;
    border-radius: 4vw;
    background: rgba(0,0,0,.4);
    right: 0;
}
.video-notice{
    width: 60.93vw;
    padding: 0 1.06vw;
    height: 5.34vw;
    border-radius: 2.67vw;
    background: linear-gradient(270deg, #C34DFF 0%, #FF59C8 100%);
}
.notice-text{
    width: 54.53vw;
    height: 3.3vw;
    margin-left: 1.06vw;
    overflow: hidden;
}
.text-list li{
    white-space: nowrap;
}
.video-notice-img{
    width: 4.26vw;
    height: 4.26vw;
}
.watch-num{
    height: 5.34vw;
    line-height: 5.34vw;
    border-radius: 2.67vw;
    padding: 0 1.86vw;
}
/*礼物类*/

.gift{
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 100;
}

/*直播底部导航*/
.gift .message-box{
    width: 24.8vw;
    height: 8vw;
    border-radius: 4vw;
    background-color: rgba(0,0,0,.4);
}
.gift .video-message{
    width: 6.4vw;
    height: 6.4vw;
}

.gift .message-icon{
    width: 12vw;
    height: 8vw;
    line-height: 8vw;
    color: #FFFFFF;
}

.gift .send-message{
    display: none;
}
.gift .message-type{
    background-color: #23272D;
}
.gift .send-message-button{
    background: linear-gradient(270deg, #C34DFF 0%, #FF59C8 100%);
}
.gift .input-box{
    width: 80vw;
    height: 8vw;
    border: .13vw solid #D7DBE0;
    padding: 0 1.33vw;
}
.gift .message-input{
    width: 100%;
    height: 100%;
}
/*.gift .message-input:focus { display: none }*/




.gift .gift-icon{
    width: 8vw;
    height: 8vw;
}
.gift .video-close{
    width: 8vw;
    height: 8vw;
    background-color: rgba(0,0,0,.4);
}
.gift .video-close img{
    width: 6.4vw;
    height: 6.4vw;
}

/*礼物详情*/
.gift .video-gift{
    background: rgba(0,0,0,.7);
    border-radius: 3.2vw 3.2vw 0 0;
    padding-top: 3.46vw;
    display: none;
}
.gift .gift-nav{
    padding-left: 1vw;
}
.gift .gift-nav li{
    padding:0 3.33vw;
}
.gift .gift-line{
    width: 3.2vw;
    height: 1.06vw;
    border-radius: .53vw;
    background: linear-gradient(270deg, #C34DFF 0%, #FF59C8 100%);
    margin-top: 2.4vw;
    display: none;
}
.gift .gift-active .gift-line{
    display: inline-block;
}
.gift .my-box{
    width: 22.26vw;
    height: 4.26vw;
    line-height: 4.26vw;
    border-left: .13vw solid rgba(255,255,255,.2);
}
.gift .gift-item{
    width: 22.66vw;
    height: 25.6vw;
    background: rgba(255,255,255,.05);
    overflow: hidden;
    margin-right: 1.33vw;
    padding-bottom: 2.66vw;
    padding-top: 1.33vw;
    border: .26vw solid rgba(255,255,255,.05);
    box-sizing: border-box;
}
.gift .gift-item:nth-child(4n){
    margin-right: 0;
}
.gift .gift-item p{
    line-height: 2.93vw;
}
.gift .item-img{
    width: 13.33vw;
    height: 13.33vw;
}
.gift .item-active{
    border: .26vw solid #FA57EC;
}
.swiper-container2{
    height: 57.46vw;
}
body .swiper-pagination-bullet{
    width: 1.06vw;
    height: 1.06vw;
    background: rgba(255,255,255,.6);
    opacity: .6;
}
body .swiper-pagination-bullet-active{
    width: 2.13vw;
    height: 1.06vw;
    background: #FFFFFF;
    border-radius: .53vw;
}
body .swiper-container-horizontal>.swiper-pagination-bullets, body .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
}
.bottom-bar{
    width: 100%;
    height: 11.73vw;
}
.bottom-bar .bottom-diam{
    width: 4.26vw;
    height: 4.26vw;
}
.bottom-bar .diam-num{
    margin-left: 1.06vw;
}
.bottom-bar .gift-button{
    width: 32vw;
    height: 8vw;
    border-radius: 4vw;
    background: rgba(255,255,255,.1);
}
.bottom-bar .bottom-icon{
    width: 3.73vw;
}
.bottom-bar .num-choose{
    width: 16vw;
    height: 8vw;
    line-height: 8vw;
}
.bottom-bar .choose-icon{
    transform: rotate(-90deg);
}
.bottom-bar .send-button{
    width: 16vw;
    height: 8vw;
    line-height: 8vw;
    border-radius: 8vw;
    background: linear-gradient(270deg, #9B57FA 0%, #FA57EC 100%);
}
.num-list{
    width: 16vw;
    bottom: 12vw;
    right: 18.66vw;
    z-index: 100;
    display: none;
}
.num-list .tran{
    width: 0;
    height: 0;
    border-right: 1.33vw solid transparent;
    border-left: 1.33vw solid transparent;
    border-top: 1.33vw solid #23272D;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.num-list ul{
    background-color: #23272D;
    height: 56vw;
    overflow-y: scroll;
}
.num-list .num-item{
    height: 6vw;
    line-height: 6vw;
}
.num-list .num-active{
    color: #C34DFF;
}
.video-shadow{
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,.6);
    overflow: hidden;
    left: 0;
    top: 0;
    display: none;
}
.video-shadow .shadow-box{
    width: 78.66vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    display: none;
}
.video-shadow .look-shadow-box{
    width: 78.66vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    display: none;
}
.video-shadow .my-photo{
    width: 16vw;
    height: 16vw;
}
.video-shadow .menu-account{
    z-index: 88;
}
.video-shadow .account-photo{
    width: 21.33vw;
    height: 21.33vw;
}
.video-shadow .go-login{
    width: 24vw;
    height: 8vw;
    line-height: 8vw;
    border-radius: 4vw;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(270deg, #9B57FA 0%, #FA57EC 100%);
}
.video-shadow .account-name{
    max-width: 45.33vw;
    margin-left: auto;
    margin-right: auto;
}
.video-shadow .rank-list{
    margin-top: 2.4vw;
}
.video-shadow .rank-list li{
    margin-left: 1.33vw;
}
.video-shadow .rank-list li:first-child{
    margin-left: 0;
}
.video-shadow .rank-img{
    height: 3.2vw;
    border-radius: 1.6vw;
}
.video-shadow .about-num{
    width: 33.33%;
}
.video-shadow .shadow-button{
    width: 33.33vw;
    height: 13.34vw;
    border-radius: 6.67vw;
    line-height: 13.34vw;
}
.video-shadow .look-shadow-button{
    width: 33.33vw;
    height: 13.34vw;
    border-radius: 6.67vw;
    line-height: 13.34vw;
}
.video-shadow .message-button{
    background: rgba(250, 87, 236, .2);
    color: #FA57EC;
}
.video-shadow .follow-button{
    background: linear-gradient(270deg, #9B57FA 0%, #FA57EC 100%);
}
.video-shadow .login-box{
    width: 78.66vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*padding: 0 6.66vw;*/
    overflow: hidden;
    padding-bottom: 6.66vw;
    display: none;
}
.video-shadow .login-box .login-type{
    width: 50%;
    padding: 4.53vw 0;
    color: #808998;
}
.video-shadow .type-active{
    color: #23272D !important;
}
.video-shadow .login-input{
    padding: 0 6.66vw;
}
.video-shadow .login-icon{
    width: 4.8vw;
    height: 4.8vw;
}
.video-shadow .login-notice{
    width: 57.86vw;
}
.video-shadow .login-notice input[type='tel']{
    width: 38.66vw;
}
.video-shadow .login-notice button{
    width: 18.67vw;
    background: transparent;
}
.video-shadow .submit-button{
    width: 65.33vw;
    height: 11.74vw;
    border-radius: 5.87vw;
    margin-left: 6.66vw;
    background: linear-gradient(270deg, #9B57FA 0%, #FA57EC 100%);
}
.video-shadow .other-login-button{
    padding: 0 22vw;
}
.video-shadow .other-login-img{
    width: 12vw;
    height: 12vw;
}

/*消息*/
.video-msg{
    width: 100vw;
    max-height: 62vw;
    /*max-height: 52vw;*/
    bottom: 18.8vw;
    left: 0;
    z-index: 50;
    overflow-y: auto;
    /*pointer-events: none;*/
}
.video-msg p{
    width: auto;
    background-color: rgba(0,0,0,.4);
    color: #FFFFFF;
    display: inline-block;
}
.video-msg::-webkit-scrollbar {
    display: none;
}

/*推出直播间*/
.close-video{
    width: 60vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
}
.close-video .close-photo{
    width: 6.93vw;
    height: 6.93vw;
}
.close-video .close-button{
    width: 50vw;
    height: 8vw;
    line-height: 8vw;
    border-radius: 4vw;
}
.close-video .follow-close-button{
    background: linear-gradient(270deg, #C34DFF 0%, #FF59C8 100%);
}
.close-video .out-button{
    background: #F2F3F5;
}
/*聊天记录*/
.message-record{
    width: 100%;
    max-height: 120vw;
    background: #F1F0EF;
    border-radius: 3.2vw 3.2vw 0 0;
    left: 0;
    bottom: 0;
    z-index: 95;
    overflow-y: auto;
    display: none;
}
.message-record .record-title{
    width: 100%;
    background: #F1F0EF;
}
.message-record .record-list li>a{
    line-height: 4.53vw;
    padding-left: 3.2vw;
    padding-right: 3.2vw;
    border-radius: .53vw 2.13vw 2.13vw 2.13vw;
}
.gift-list{
    height: 56.5vw;
    overflow: hidden;
}
.message-name{
    color: #FFF140;
}
.giftsmall {
    width: 22px;
    height: 22px;
    background-image: url('../images/common/giftsmall.png');
    text-align: center;
}
.user-car{
    height: 3.46vw;
}
.richlevel-img{
    height: 3.46vw;
}
/*举报*/
.report-btn{
    width: 8vw;
    height: 8vw;
    overflow: hidden;
    background: rgba(0,0,0,.4);
}
.report-btn img{
    width: 100%;
    height: 100%;
}
.close-gift-message{
    width: 24.8vw;
    height: 8vw;
    border-radius: 4vw;
    background: rgba(0,0,0,.4);
}
.gift-eye{
    width: 8vw;
    height: 8vw;
}