.live-room[data-v-18b08b0c]{padding:0 100px;height:100%;box-sizing:border-box;background:#f4f7fd;border-radius:4px 4px 4px 4px;display:flex;justify-content:center;align-items:center;overflow:hidden}.live-room .wrap[data-v-18b08b0c]{margin:20px 0 0 0;width:100%;max-width:1920px;height:86%;border-radius:4px;background:#fff;display:flex;justify-content:space-between;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.live-room .wrap .live-container[data-v-18b08b0c]{width:100%;min-width:600px;max-height:100%;flex-direction:column;align-items:center;border-right:1px solid #d9d9d9;padding:0 14px}.live-room .wrap .live-container .live-header[data-v-18b08b0c]{width:100%;box-sizing:border-box;height:121px;display:flex;justify-content:space-between;align-items:center}.live-room .wrap .live-container .live-header .title-wrap .title[data-v-18b08b0c]{margin:0 0 15px 0;font-size:18px;font-weight:700;color:#121418}.live-room .wrap .live-container .live-header .title-wrap .time[data-v-18b08b0c]{margin:0 26px 0 0;font-size:14px;color:#696e74}.live-room .wrap .live-container .live-header .title-wrap .view-count[data-v-18b08b0c]{font-size:12px;color:#ff7a4a}.live-room .wrap .live-container .live-wrap[data-v-18b08b0c]{height:calc(100% - 135px);background:#000}.live-room .wrap .live-container .live-wrap .live-div[data-v-18b08b0c]{position:relative;height:100%;justify-content:center;background-size:cover;box-sizing:border-box;overflow:hidden}.live-room .wrap .live-container .live-wrap .live-div .bg[data-v-18b08b0c]{width:100%;height:100%}.live-room .wrap .live-container .live-wrap .live-div .live-div-user[data-v-18b08b0c]{position:absolute;z-index:999;width:20%;bottom:0;right:0}.live-room .wrap .live-container .live-wrap .live-div .live-div-user-active[data-v-18b08b0c]{width:100%;position:absolute;left:0;top:0;bottom:0;right:0;z-index:999}.live-room .wrap .live-container .live-wrap .full-screen[data-v-18b08b0c]{position:relative;z-index:1000;top:-100%;opacity:0;width:100%;background:rgba(0,0,0,.6);transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:flex-end}.live-room .wrap .live-container .live-wrap .full-screen i[data-v-18b08b0c]{cursor:pointer;color:#fff;margin:10px;font-size:20px}.live-room .wrap .live-container .desc[data-v-18b08b0c]{width:100%;box-sizing:border-box;margin:25px;padding:0 14px}.live-room .wrap .live-container .desc p[data-v-18b08b0c]{margin:0 0 10px 0;font-size:14px;color:#121418}.live-room .wrap .chat-container[data-v-18b08b0c]{border-radius:0 4px 4px 0;min-width:462px;background:#fff}.live-room .wrap .chat-container .title-wrap[data-v-18b08b0c]{padding:0 21px;height:66px}.live-room .wrap .chat-container .title-wrap .item-title[data-v-18b08b0c]{font-size:16px;width:100%;line-height:60px;font-family:Roboto-Bold,Roboto;font-weight:700;color:#313131}.live-room .wrap .chat-container .title-wrap .border-bottom[data-v-18b08b0c]{margin:0 0 0 14px;width:40px;height:4px;background:#0271e9}.live-room .wrap .chat-container .content-wrap[data-v-18b08b0c]{background:#f5f5f5;position:relative;overflow-y:auto;height:calc(100% - 366px);padding:20px}.live-room .wrap .chat-container .content-wrap .item[data-v-18b08b0c]{margin:0 0 5px 0;width:100%;display:flex;align-items:flex-start}.live-room .wrap .chat-container .content-wrap .item .message-image[data-v-18b08b0c]{margin:0 15px 0 0}.live-room .wrap .chat-container .content-wrap .item .message-content[data-v-18b08b0c]{width:auto;max-width:210px;margin:3px;border-radius:8px;font-size:13px;display:flex;flex-direction:column;justify-content:flex-start;word-break:break-all;word-wrap:break-word}.live-room .wrap .chat-container .content-wrap .item .message-content .message-content-out .message-name-active[data-v-18b08b0c]{color:#ff7a4a}.live-room .wrap .chat-container .content-wrap .item .message-content .message-content-out .message-name[data-v-18b08b0c]{margin:0 0 10px 0}.live-room .wrap .chat-container .content-wrap .item .message-content .message-content-out .message-info[data-v-18b08b0c]{background:#fff;padding:5px 8px;border-radius:5px}.live-room .wrap .chat-container .content-wrap .item-self[data-v-18b08b0c]{margin:0 0 5px 0;width:100%;display:flex;align-items:flex-start;justify-content:flex-end}.live-room .wrap .chat-container .content-wrap .item-self .message-image[data-v-18b08b0c]{margin:0 0 0 15px}.live-room .wrap .chat-container .content-wrap .item-self .message-content[data-v-18b08b0c]{word-break:break-all;word-wrap:break-word;width:auto;max-width:210px;padding:5px;margin:8px 0 0 0;border-radius:4px;background:#fff;font-size:13px}.input-wrap{width:100%;height:260px}.input-wrap .el-textarea__inner{width:100%;height:200px!important;padding:10px!important;border:none;outline:none;resize:none;background:transparent;font-size:14px;color:#121418;padding:0;box-sizing:border-box}.input-wrap .button{float:right;margin:10px 10px}