[data-v-028947ee]:root{--dark-primary-color:"red";--light-primary-color:blue}.gift-animation-layer[data-v-028947ee]{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.gift-animation[data-v-028947ee]{animation:giftPop-028947ee 3s ease-out forwards;position:absolute;text-align:center}.gift-ico[data-v-028947ee]{font-size:48px}.gift-text[data-v-028947ee]{color:#ff2c55;font-size:14px;font-weight:700;text-shadow:0 1px 2px hsla(0,0%,100%,.8)}@keyframes giftPop-028947ee{0%{opacity:0;transform:scale(.5) translateY(20px)}20%{opacity:1;transform:scale(1.2) translateY(0)}80%{opacity:1;transform:scale(1) translateY(-20px)}to{opacity:0;transform:scale(.8) translateY(-60px)}}.pull-wrap[data-v-028947ee]{box-sizing:border-box;display:flex;gap:16px;height:720px;justify-content:center;min-width:1400px;padding:20px}.pull-wrap .left[data-v-028947ee]{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:1100px}.pull-wrap .left .head[data-v-028947ee]{background-color:#fff;border-bottom:1px solid #eef0f3;display:flex;justify-content:space-between;padding:16px 20px}.pull-wrap .left .head .tag[data-v-028947ee]{border:1px solid;border-radius:2px;color:#9499a0;display:inline-block;font-size:12px;margin-right:5px;padding:1px 4px}.pull-wrap .left .head .info[data-v-028947ee]{align-items:center;display:flex;text-align:left;text-align:initial}.pull-wrap .left .head .info .avatar[data-v-028947ee]{background-color:#fff0f4;border-radius:50%;height:56px;margin-right:16px;width:56px}.pull-wrap .left .head .info .detail .top[data-v-028947ee]{color:#18191c;margin-bottom:8px}.pull-wrap .left .head .info .detail .bottom[data-v-028947ee]{color:#9499a0;font-size:14px}.pull-wrap .left .head .other[data-v-028947ee]{display:flex;flex-direction:column;font-size:12px;justify-content:center}.pull-wrap .left .head .other .top[data-v-028947ee]{align-items:center;color:#9499a0;display:flex}.pull-wrap .left .head .other .top .item[data-v-028947ee]{align-items:center;display:flex;margin-right:20px}.pull-wrap .left .head .other .top .item .ico[data-v-028947ee]{background-color:#2ecc71;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.pull-wrap .left .head .other .bottom[data-v-028947ee]{margin-top:8px}.pull-wrap .left .video-wrap[data-v-028947ee]{background-color:#18191c;flex:1;min-height:0}.pull-wrap .left .video-wrap #localVideo[data-v-028947ee]{background-color:#18191c;height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.pull-wrap .left .gift[data-v-028947ee]{align-items:center;background-color:hsla(0,0%,100%,.96);bottom:0;box-shadow:0 -2px 12px rgba(0,0,0,.06);display:flex;height:96px;justify-content:space-around;left:0;position:absolute;right:0}.pull-wrap .left .gift .item[data-v-028947ee]{margin-right:10px;text-align:center}.pull-wrap .left .gift .item .ico[data-v-028947ee]{background-color:#fff0f4;border-radius:12px;height:44px;width:44px}.pull-wrap .left .gift .item .name[data-v-028947ee]{color:#18191c;font-size:12px}.pull-wrap .left .gift .item .price[data-v-028947ee]{color:#9499a0;font-size:12px}.pull-wrap .right[data-v-028947ee]{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);box-sizing:border-box;height:100%;overflow:hidden;position:relative;width:320px}.pull-wrap .right .tab[data-v-028947ee]{align-items:center;border-bottom:1px solid #eef0f3;color:#61666d;display:flex;font-size:13px;justify-content:space-evenly;padding:12px 0}.pull-wrap .right .user-list[data-v-028947ee]{background-color:#fafbfc;box-sizing:border-box;height:120px;overflow-y:auto;padding:10px 15px}.pull-wrap .right .user-list .item[data-v-028947ee]{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:10px}.pull-wrap .right .user-list .item .info[data-v-028947ee]{align-items:center;display:flex}.pull-wrap .right .user-list .item .info .avatar[data-v-028947ee]{background-color:skyblue;border-radius:50%;height:25px;margin-right:5px;-o-object-fit:cover;object-fit:cover;width:25px}.pull-wrap .right .user-list .item .info .avatar-empty[data-v-028947ee]{align-items:center;background-color:#ff2c55;color:#fff;display:flex;font-size:12px;justify-content:center}.pull-wrap .right .user-list .item .info .nickname[data-v-028947ee]{color:#000}.pull-wrap .right .danmu-list[data-v-028947ee]{box-sizing:border-box;height:330px;overflow-y:auto;padding:10px 15px;text-align:left;text-align:initial}.pull-wrap .right .danmu-list .item[data-v-028947ee]{font-size:12px;margin-bottom:10px}.pull-wrap .right .danmu-list .item .name[data-v-028947ee]{color:#ff2c55}.pull-wrap .right .danmu-list .item .msg[data-v-028947ee]{color:#61666d}.pull-wrap .right .send-msg[data-v-028947ee]{bottom:15px;box-sizing:border-box;padding:0 10px;position:absolute;width:100%}.pull-wrap .right .send-msg .ipt[data-v-028947ee]{background-color:#f5f6f8;border:1px solid #eef0f3;border-radius:8px;box-sizing:border-box;display:block;font-size:13px;height:60px;margin:0 auto;outline:none;padding:10px 12px;width:100%}.pull-wrap .right .send-msg .ipt[data-v-028947ee]:focus{background-color:#fff;border-color:#ff2c55}.pull-wrap .right .send-msg .btn[data-v-028947ee]{background-color:#ff2c55;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:13px;margin-left:auto;margin-top:10px;padding:6px 0;text-align:center;transition:background .2s;width:88px}.pull-wrap .right .send-msg .btn[data-v-028947ee]:hover{background-color:#e02448}@media screen and (max-width:1400px){.pull-wrap .left[data-v-028947ee]{width:900px}.pull-wrap .right .list .item[data-v-028947ee]{height:80px;width:150px}}@media screen and (max-width:768px){.pull-wrap[data-v-028947ee]{flex-direction:column;gap:12px;height:auto;min-width:auto;padding:12px}.pull-wrap .left[data-v-028947ee]{height:300px;width:100%}.pull-wrap .left .head[data-v-028947ee]{padding:12px}.pull-wrap .left .head .info .avatar[data-v-028947ee]{height:40px;margin-right:10px;width:40px}.pull-wrap .left .head .info .detail .top[data-v-028947ee]{font-size:14px}.pull-wrap .left .gift[data-v-028947ee]{height:76px}.pull-wrap .left .gift .item .ico[data-v-028947ee]{height:34px;width:34px}.pull-wrap .right[data-v-028947ee]{height:400px;width:100%}}