.page-communication-detail{width:100vw;height:100vh}.page-communication-detail .banner-tip{position:absolute;top:0;width:100%;background:#9acd32;z-index:1;font-size:.648649rem}.page-communication-detail .banner-tip>div{height:1.351351rem;display:flex;align-items:center;padding:0 .675676rem}.page-communication-detail .banner-tip>.connecting{color:#008cee;background:#f6f6f6}.page-communication-detail .banner-tip>.error{color:#666;background:#ffe8e8}.page-communication-detail .banner-tip>.error img{height:.648649rem;width:.648649rem;margin-right:.540541rem}.page-communication-detail .banner-tip>.connected{color:#19be6b;background:#f6f6f6}.page-communication-detail .page-communication-detail-footer{background:#fafafa;padding:.540541rem .675676rem;color:#666;font-size:.810811rem}.page-communication-detail .page-communication-detail-footer .quick-response-tool-line-container{height:2.162162rem;display:flex;align-items:center;justify-content:space-between}.page-communication-detail .page-communication-detail-footer .quick-response-tool-line-container .quick-response-left{display:flex}.page-communication-detail .page-communication-detail-footer .quick-response-tool-line-container .quick-response-left .response-tag{margin-left:.351351rem;background:transparent;border:.027027rem solid #dadada;color:#666}.page-communication-detail .page-communication-detail-footer .quick-response-tool-line-container .quick-response-right{margin-right:.162162rem}.page-communication-detail .page-communication-detail-footer .quick-response-tool-line-container .quick-response-right .set-img{height:1.081081rem}.page-communication-detail .page-communication-detail-footer .quick-response-input-line-container{display:flex;align-items:center;height:2.702703rem}.page-communication-detail .page-communication-detail-footer .quick-response-input-line-container .custom-input{-webkit-appearance:none;background:#fff;border:.027027rem solid #d8d8d8;border-radius:.162162rem;flex:1;padding:.405405rem .540541rem}.page-communication-detail .page-communication-detail-footer .quick-response-input-line-container .add-img-container{display:flex;align-items:center;margin-left:.675676rem}.page-communication-detail .page-communication-detail-footer .quick-response-input-line-container .add-img-container .add-img{height:1.486486rem}.page-communication-detail .page-communication-detail-footer .quick-response-input-line-container .sendBtn{background-color:#008cee;width:1.486486rem;height:1.486486rem;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;margin-left:.675676rem}.page-communication-detail .page-communication-detail-footer .quick-response-input-line-container .sendBtn img{width:70%;height:70%}.page-communication-detail .page-communication-detail-footer .media-panel-container{height:2.702703rem;display:flex;margin:.540541rem 0}.page-communication-detail .page-communication-detail-footer .media-panel-container .media-item-container{width:2.702703rem;height:2.702703rem;overflow:hidden;margin-right:1.351351rem}.page-communication-detail .page-communication-detail-footer .media-panel-container .media-item-container .img{width:100%;height:100%}.page-communication-detail .page-communication-detail-footer .quick-response-qr-panel-container{margin-top:.378378rem}.page-communication-detail .page-communication-detail-footer .quick-response-qr-panel-container .quick-response-qr-line{border-top:.027027rem solid #d8d8d8;display:flex;height:1.891892rem;align-items:center}.page-communication-detail .page-communication-detail-footer .quick-response-qr-panel-container .quick-response-qr-line>.label{flex-shrink:0}.page-communication-detail .page-communication-detail-footer .quick-response-qr-panel-container .quick-response-qr-line>.l{height:.756757rem;width:.027027rem;background:#666;margin:0 .540541rem}.page-communication-detail .page-communication-detail-footer .quick-response-qr-panel-container .quick-response-qr-line>.content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-communication-detail .page-communication-detail-footer .quick-response-qr-panel-container .quick-response-qr-line>.edit-img-container{display:flex;align-items:center}.page-communication-detail .page-communication-detail-footer .quick-response-qr-panel-container .quick-response-qr-line>.edit-img-container .edit-img{height:.810811rem}.page-communication-detail .page-communication-detail-footer .quick-response-qr-panel-container .quick-response-qr-line:last-child .finished-btn{width:100%;text-align:center;font-weight:700;color:#008cee}.quick-response-container *{box-sizing:border-box}.quick-response-container .quick-response-header-container{font-size:.864865rem;font-weight:700;display:flex;justify-content:center;align-items:center}.quick-response-container .quick-response-header-container>.small-content{font-size:.756757rem}.quick-response-container .quick-response-body-container{height:100%;padding:.702703rem}.quick-response-container .quick-response-body-container textarea{line-height:.972973rem;font-size:.756757rem}.videoModal .content-container{display:flex;justify-content:center}.videoModal .content-container .video{height:13.513514rem;width:13.513514rem}