body{
    position: relative;
}
.detail-header{
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    font-size: 16px;
    height: 401px;
    margin-top: -401px;
}
.detail-header .col-6{
    overflow: hidden;
}
.detail-header .col-6>img,.detail-header .col-6 .shadow_case img{
    width: 548px;
    height: 308px;
    
}
.detail-header .shadow_box{
    transition: 0.3s;
    overflow: hidden;
    position: relative;
}
.detail-header .shadow_case{
    overflow: hidden;
}
.detail-header .shadow_box::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .4);
}
.detail-header .shadow_box::after{
    position: absolute;
    content: '';
    width: 88px;
    height: 88px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: url(../../images/cxhd-04/ico_play.png) no-repeat;
}
.detail-header .shadow_box:hover{
    transform: scale(1.1);
}
.detail-tag{
    background-color: #D3F4FF;
    color: #2d8ab5;
    border: 1px solid #2d8ab5;
}
.btn-orange{
    background: rgb(255, 113, 63);
    color: #fff;
}
.btn-orange:hover{
    color: #fff;
    background: rgba(255, 113, 63,0.8);
    transition: 0.2s;
}

.detail-main{
    background:#fff;
    color:#000;
    padding: 16px;
}
#navbar-example2{
    padding-bottom: 0;
    border-bottom: 1px solid #4979D4;
}
.active-item .nav-item{
    margin-right: 5px;
}
.active-item .nav-item .nav-link{
    background: #4979D4;
    color: #fff;
    border-radius: 0;
    width: 120px;
    font-size: 16px;
    height: 40px;
    text-align: center;
}
.active-item .nav-item .nav-link.active{
    background: #0CA6FE;
}
.detail-item-tilte{
    font-size: 16px;
    font-weight: 700;
    padding: 8px 3px;
    margin-bottom: 16px;
    width: 70px;
    border-bottom: 3px solid #268DFB;
}
.user_info{
    background-image: -moz-linear-gradient( 90deg, rgb(245,247,254) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(245,247,254) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(245,247,254) 0%, rgb(255,255,255) 100%);
}
.detail-jbdw h4,.detail-jbdw p{
    margin-bottom: 8px;
}
.detail-jbdw p{
    padding-left: 16px;
    position: relative;
}
.guests_pic{
    width: 57px;
    height: 57px;
    border-radius: 50%;
    border: 1px solid #eeeeee;
    overflow: hidden;
}
.guests_pic img{
    width: 55px;
    height: 55px;
}
.detail-jbdw p::before{
    content: '';
    background: #ff8400;
    width: 3px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 6px;
}
.detail-bmxz p{
    /* margin-bottom: 12px; */
    line-height: 30px;
}

.detail-main-right .detail-main-right-h4{
    padding-left: 30px;
    position: relative;
}
.detail-main-right .border-bottom-black{
    border-bottom: 1px solid #333;
}
.detail-main-right .detail-main-right-h4::before{
    content: '';
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../../images/cxhd-04/tj.png) center no-repeat;
    position: absolute;
}
.new-activity{
    position: relative;
}
.new-activity img{
    width: 270px;
    height: 155px;
}

.new-activity.end::after{
    content: '进行中';
    color: #fff;
    position: absolute;
    width: 70px;
    top: 15px;
    left: 15px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #FF4C1A;
    border-radius: 5px;
}

.new-activity.unstart::after{
    content: '未开始';
    color: #fff;
    position: absolute;
    width: 70px;
    top: 15px;
    left: 15px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #3399FF;
    border-radius: 5px;
}
.new-activity.end::after{
    content: '已结束';
    color: #fff;
    position: absolute;
    width: 70px;
    top: 15px;
    left: 15px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #BCBCBC;
    border-radius: 5px;
}
#qrcodeUrl{
    word-break: break-all;
}