@charset "UTF-8";@-webkit-keyframes redBagScale-a7bd083a{0%{scale:1}50%{scale:1.1}to{scale:1}}@keyframes redBagScale-a7bd083a{0%{scale:1}50%{scale:1.1}to{scale:1}}.videoRedBagArea .main[data-v-a7bd083a]{width:1200px;margin:0 auto}.videoRedBagArea .main .headBox[data-v-a7bd083a]{width:1200px;height:50px;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f1f1f4;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px}.videoRedBagArea .main .headBox .centerBox[data-v-a7bd083a],.videoRedBagArea .main .headBox[data-v-a7bd083a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.videoRedBagArea .main .headBox .centerBox[data-v-a7bd083a]{gap:32px;font-size:14px;color:#343434}.videoRedBagArea .main .headBox .centerBox .itemBox .num[data-v-a7bd083a]{font-size:14px;color:#ed0e0e}.videoRedBagArea .main .headBox .rightBox .searchCard[data-v-a7bd083a]{width:300px;position:relative;-ms-flex-negative:0;flex-shrink:0}.videoRedBagArea .main .headBox .rightBox .searchCard .searchBox[data-v-a7bd083a]{width:100%}.videoRedBagArea .main .headBox .rightBox .searchCard .searchBox[data-v-a7bd083a] .el-input__inner{width:100%;height:40px;background:#fff;border-radius:6px 6px 6px 6px;padding-right:95px;-webkit-box-sizing:border-box;box-sizing:border-box}.videoRedBagArea .main .headBox .rightBox .searchCard .searchBox[data-v-a7bd083a] .el-input__suffix{right:65px}.videoRedBagArea .main .headBox .rightBox .searchCard .rightSearchBtn[data-v-a7bd083a]{width:70px;position:absolute;right:0;top:0}.videoRedBagArea .main .headBox .rightBox .searchCard .rightSearchBtn .el-button[data-v-a7bd083a]{width:100%}.videoRedBagArea .main .headBox .rightBox .searchCard .searchBtn[data-v-a7bd083a]{position:absolute;right:0;top:0}.videoRedBagArea .main .commFooter[data-v-a7bd083a]{margin:20px 0;text-align:right}.videoRedBagArea .main .commFooter[data-v-a7bd083a] .el-pagination .el-pager li{color:#606266}.videoRedBagArea .main .commFooter[data-v-a7bd083a] .el-pagination .el-pager .active{color:#fff}.videoRedBagArea .headerBox .titleBox[data-v-a7bd083a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;font-size:14px;color:#333}.videoRedBagArea .colorWord[data-v-a7bd083a]{color:#eb2828}.videoRedBagArea[data-v-a7bd083a] .el-dialog__body{padding:0;width:870px;height:541px}.videoRedBagArea[data-v-a7bd083a] .el-dialog{border-radius:8px}.videoRedBagArea .videoBox[data-v-a7bd083a]{width:100%;height:490px;position:relative}.videoRedBagArea .videoBox:hover .play-pause-btn[data-v-a7bd083a]{opacity:1;visibility:visible;-webkit-transition:all .3s;transition:all .3s}.videoRedBagArea .videoBox .videoTag[data-v-a7bd083a]{width:100%;height:100%}.videoRedBagArea .videoBox .play-pause-btn[data-v-a7bd083a]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;font-size:48px;z-index:15;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}.videoRedBagArea .videoBox .play-pause-btn[data-v-a7bd083a]:hover{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.videoRedBagArea .videoBox .getRedBagBox[data-v-a7bd083a]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:298px;height:321px;background:url(../../assets/img/getRedBagBg.0ac1be1e.png) no-repeat 50%;background-size:cover;-webkit-transform-origin:32px 45px;transform-origin:32px 45px;-webkit-animation:redBagScale-a7bd083a 2s ease-in-out infinite;animation:redBagScale-a7bd083a 2s ease-in-out infinite;z-index:20}.videoRedBagArea .videoBox .getRedBagBox .showAmount[data-v-a7bd083a]{width:100px;text-align:center;position:absolute;top:116px;left:30px;font-weight:700;font-size:30px;color:#fff}.videoRedBagArea .videoBox .getRedBagBox .showAmount .unit[data-v-a7bd083a]{font-size:14px}.videoRedBagArea .videoBox .getRedBagBox .getBtn[data-v-a7bd083a]{position:absolute;bottom:32px;left:45px;width:208px;height:73px;cursor:pointer}.videoRedBagArea .videoBox .getRedBagBox .close-btn[data-v-a7bd083a]{position:absolute;top:-29px;right:-29px;width:29px;height:29px;background:rgba(0,0,0,.24);color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;font-size:16px;z-index:10}.videoRedBagArea .videoBox .getRedBagBox .close-btn[data-v-a7bd083a]:after{content:"✕";font-weight:700;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.videoRedBagArea .videoBox .getRedBagBox .close-btn[data-v-a7bd083a]:hover{background:rgba(0,0,0,.7);-webkit-transform:scale(1.1);transform:scale(1.1)}.videoRedBagArea .progress-container[data-v-a7bd083a]{height:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:95%;margin:0 auto}.videoRedBagArea .progress-container .time[data-v-a7bd083a]{font-size:12px;color:#666;width:40px;text-align:center}.videoRedBagArea .progress-container .time.current[data-v-a7bd083a]{color:#38a7f6;font-weight:700}.videoRedBagArea .progress-container .progress-bar[data-v-a7bd083a]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:5px;background:hsla(0,0%,80%,.2);border-radius:10px;margin:0 5px;position:relative}.videoRedBagArea .progress-container .progress-bar .progress[data-v-a7bd083a]{position:absolute;height:100%;background:#38a7f6;width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;will-change:transform;border-radius:10px}.videoRedBagArea .infoBox[data-v-a7bd083a]{width:100%;height:36px;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}