crm/resources/zqxgxcx/customer/pages/videodecorate/videodecorate.wxss

.decoratetitleBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99;
}

.firsTitlebox {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}

.firsTitlebox view {
    display: inline-block;
    font-size: 28rpx;
    color: #384855;
    padding-left: 30rpx;
    line-height: 40rpx;
    padding-top: 12rpx;
    padding-bottom: 16rpx;
}

.firsTitlebox view.nowtitle {
    font-size: 36rpx;
    font-family: PingFangSC-Semibold, Source Han Sans CN Bold;
    padding-left: 18rpx;
    position: relative;
    line-height: 50rpx;
    padding-bottom: 18rpx;
}

.firsTitlebox view.nowtitle::before {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30rpx;
    width: 60rpx;
    height: 12rpx;
    border-radius: 6rpx;
    background-image: linear-gradient(270deg, #E5F9FF 12%, #0091FF 80%);
}

.secondbox {
    padding-top: 26rpx;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}

.secondbox button {
    display: inline-block;
    height: 48rpx;
    line-height: 48rpx;
    padding: 0 26rpx;
    background: #F0F4F7;
    border-radius: 24rpx;
    margin-left: 20rpx;
    font-size: 24rpx;
    color: #A4B9C9;
}

.secondbox button.nowbtn {
    background-color: #249EFB;
    color: #FFFFFF;
}


.videobox {
    width: 708rpx;
    padding-top: 24rpx;
    height: 100%;
    margin: 0 auto;
}

.videobox .leftvideobox {
    width: 344rpx;
}

.videobox .rightvideobox {
    width: 344rpx;
    margin-left: 20rpx;
}

.videobox .everyvideoBox {
    width: 100%;
    position: relative;
    box-shadow: 0 4rpx 20rpx 0 rgba(56, 72, 85, 0.23);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 24rpx;
}

.videobox .everyvideoBox .coverimg {
    display: block;
    width: 100%;
    min-height: 180rpx;
}

.videobox .everyvideoBox .playbtn {
    display: block;
    width: 64rpx;
    height: 64rpx;
    position: absolute;
    top: 42.5%;
    margin-top: -32rpx;
    left: 50%;
    margin-left: -32rpx;
    z-index: 2;
}

.videobox .everyvideoBox .videotitle {
    display: block;
    width: 288rpx;
    position: absolute;
    bottom: 10rpx;
    left: 24rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 34rpx;
    z-index: 2;
}

.videobox .everyvideoBox .laybox {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(56, 72, 85, 0.3);
}

.wordbg{
    background-color: #fff;
    box-shadow: 0 6rpx 12rpx 0 rgba(36,158,251,0.41);
  }