.history-wrapper[data-v-b2fb35a2]{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch}.history-wrapper .video-box[data-v-b2fb35a2]{position:relative;height:300px;height:56.25vw}.history-wrapper .video-box[data-v-b2fb35a2] .nav-box{top:8px}.history-wrapper .tabs-box[data-v-b2fb35a2]{height:0;flex:1;background:#161823;display:flex;flex-direction:column;align-items:stretch}.history-wrapper .tabs-box[data-v-b2fb35a2] .el-tabs__header{margin-bottom:0}.history-wrapper .tabs-box[data-v-b2fb35a2] .el-tabs__nav-wrap .el-tabs__active-bar{display:none}.history-wrapper .tabs-box[data-v-b2fb35a2] .el-tabs__nav-wrap .el-tabs__item{padding-left:24px!important;padding-right:0!important;color:#999}.history-wrapper .tabs-box[data-v-b2fb35a2] .el-tabs__nav-wrap .el-tabs__item.is-active{color:#fff}.history-wrapper .tabs-box[data-v-b2fb35a2] .el-tabs__nav-wrap:after{background-color:#000;height:1px}.history-wrapper .tabs-box[data-v-b2fb35a2] .el-tabs__content{height:0;flex:1}.history-wrapper .tabs-box[data-v-b2fb35a2] .el-tabs__content .el-tab-pane{height:100%}.history-wrapper .tabs-box .history-list[data-v-b2fb35a2]{height:100%;overflow:auto}.history-wrapper .tabs-box .history-list .history-item[data-v-b2fb35a2]{padding:16px;border-bottom:1px solid #000;display:flex;color:#999}.history-wrapper .tabs-box .history-list .history-item.active[data-v-b2fb35a2]{color:#ff0b5a}.history-wrapper .tabs-box .history-list .history-item .left[data-v-b2fb35a2]{width:100px;height:64px;position:relative}.history-wrapper .tabs-box .history-list .history-item .left .poster[data-v-b2fb35a2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.history-wrapper .tabs-box .history-list .history-item .left .play-btn[data-v-b2fb35a2]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.history-wrapper .tabs-box .history-list .history-item .right[data-v-b2fb35a2]{width:0;flex:1;margin-left:12px;display:flex;flex-direction:column;justify-content:space-between}.history-wrapper .tabs-box .history-list .history-item .right .title[data-v-b2fb35a2]{font-size:12px}.history-wrapper .tabs-box .history-list .history-item .right .title+.history-wrapper .tabs-box .history-list .history-item .right .title[data-v-b2fb35a2]{margin-top:4px}.history-wrapper .tabs-box .goods-list[data-v-b2fb35a2]{height:0;flex:1;padding:16px;max-height:75vh;min-height:50vh;overflow:auto}.history-wrapper .tabs-box .goods-list .goods-item[data-v-b2fb35a2]{display:flex;align-items:stretch;margin-bottom:16px}.history-wrapper .tabs-box .goods-list .goods-item[data-v-b2fb35a2]:last-child{margin-bottom:0}.history-wrapper .tabs-box .goods-list .goods-item .goods-left[data-v-b2fb35a2]{width:72px;height:72px}.history-wrapper .tabs-box .goods-list .goods-item .goods-left .goods-image[data-v-b2fb35a2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.history-wrapper .tabs-box .goods-list .goods-item .goods-right[data-v-b2fb35a2]{width:0;flex:1;margin-left:12px;display:flex;flex-direction:column;justify-content:space-between}.history-wrapper .tabs-box .goods-list .goods-item .goods-right .goods-right-top[data-v-b2fb35a2]{font-size:14px;color:#fff;width:100%;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.history-wrapper .tabs-box .goods-list .goods-item .goods-right .goods-right-bottom[data-v-b2fb35a2]{display:flex;align-items:center;justify-content:space-between;width:100%}.history-wrapper .tabs-box .goods-list .goods-item .goods-right .goods-right-bottom .price[data-v-b2fb35a2]{display:flex;align-items:flex-end;color:#ff0b5a}.history-wrapper .tabs-box .goods-list .goods-item .goods-right .goods-right-bottom .price .price-symbol[data-v-b2fb35a2]{font-size:8px}.history-wrapper .tabs-box .goods-list .goods-item .goods-right .goods-right-bottom .price .price-int[data-v-b2fb35a2]{font-size:12px}.history-wrapper .tabs-box .goods-list .goods-item .goods-right .goods-right-bottom .price .price-precision[data-v-b2fb35a2]{font-size:8px}.history-wrapper .tabs-box .goods-list .goods-item .goods-right .goods-right-bottom .buy-btn[data-v-b2fb35a2]{width:80px;height:26px;line-height:26px;border-radius:26px;background:linear-gradient(315deg,#ff3a5b,#ff618e);text-align:center;font-size:12px;color:#fff;font-weight:500}