/*feedback start*/
.icon-feedback{ width: 30px; height: 26px; background-position-y: -655px; margin-top: 2px;}
.feedback-top{ display: flex; align-items: center; justify-content: space-between; font-size: 16px; color: #939497; margin: 26px 36px;}
.feedback-cont{ padding: 0 30px; margin: 0 6px; max-height: calc(100% - 270px); overflow-x: hidden; overflow-y: auto;}
.feedback-select{ cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; width: 222px; padding: 0 10px; line-height: 42px; border: 1px solid #9199a7; color: #9199a7; font-size: 20px;}
.icon-arrow{ display: inline-block; width: 10px; height: 10px; border-left: 1px solid #4a4e59; border-bottom: 1px solid #4a4e59; transition: .5s ease-in-out; transform: rotate(-45deg); margin: -6px 0 0 20px;}
.feedback-select.open .bubble{ display: block; max-height: 336px; overflow-x: hidden; overflow-y: auto;}
.feedback-select.open .icon-arrow{ transform: rotate(135deg); margin-top: 8px;}
.feedback-select .bubble{ width: 100%;}
.feedback-select a{ color: #4a4e57;}
.feedback-text{ margin: 0 0 30px; width: 100%; height: 348px; border-radius: 5px; background: #f2f3f8; box-sizing: border-box; padding: 20px; position: relative; font-size: 20px; color: #4a4e57;}
.feedback-text textarea{ width: 100%; height: 100%; border: none; resize: none; font-size: 18px; background: #f2f3f8;}
.word-num{ position: absolute; right: 30px; bottom: 20px; font-size: 18px; color: #afb3bd;}
.upload-list{ display: flex; flex-wrap: wrap;}
.upload-item,.btn-upload{ width: 158px; height: 158px; line-height: 158px; border-radius: 5px; background: #d9dae0; position: relative; margin: 0 5px 5px 0; overflow: hidden;}
.btn-upload:before{ content: ''; width: 50%; height: 3px; background: #afafaf; position: absolute; left: 25%; top: 50%; margin-top: -1px;}
.btn-upload:after{ content: ''; width: 3px; height: 50%; background: #afafaf; position: absolute; left: 50%; top: 25%; margin-left: -1px;}
.btn-upload input,#upload-input{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; font-weight: lighter; cursor: pointer; overflow: hidden;}
.upload-item img{ width: 100%; height: 100%; display: block; object-fit: cover;}
.upload-btn{ display: none; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; align-items: center; justify-content: space-evenly; background: rgba(0,0,0,.7);}
.upload-item:hover .upload-btn{ display: flex;}
.preview-button{ width: 22px; height: 24px; background-position-y: -691px;}
.delete-button{ width: 22px; height: 24px; background-position-y: -725px;}
.inset-button{ width: 22px; height: 24px; background-position-y: -1307px;}
.preview-button:hover,.delete-button:hover,.inset-button:hover{ background-position-x: -35px;}

.preview-imgs{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.preview-imgs img{ pointer-events: none; -webkit-user-select: none; user-select: none; max-height: 90%; max-width: 90%; width: auto; height: auto; display: none; position: relative; }
.msg-cont .btn{ width: 150px; height: 42px; float: right; margin: 14px 36px 0 0;}
.topic-ipt{ flex: 1; margin: 14px 16px 0 0; box-sizing: border-box; font-size: 20px; padding: 0 10px; height: 40px}
.icon-tip{ width: 16px; height: 16px; border-radius: 50%; text-align: center; vertical-align: middle; line-height: 16px; background: #939497; color: #fff; font-size: 14px; display: inline-block; margin-right: 4px;}
.feedback-th{ display: flex; text-align: center; line-height: 98px; font-size: 24px; margin: 0 36px; color: #4a4e59;}
.td1{ flex-shrink: 0; width: 84px;}
.td2{ flex-shrink: 0; width: 84px; margin: 0 28px;}
.td3{ flex: 1; text-align: left; width: 400px;}
.td4{ flex-shrink: 0; width: 160px; margin: 0 28px;}
.td5{ flex-shrink: 0; width: 58px;}
.feedback-list{ padding: 0 30px; margin: 0 6px; height: calc(100% - 260px); overflow-x: hidden; overflow-y: auto;}
.feedback-list li{ display: flex; font-size: 16px; line-height: 36px; white-space: nowrap; color: #b6bcc6; text-align: center; margin-bottom: 30px;}
.deal1,.deal2,.deal3{ width: 84px; line-height: 36px; border-radius: 5px; text-align: center; font-size: 18px; color: #4a4e59; border: 1px solid #b0b6c8;}
.deal2{ background: #ffebe8; color: #4a4e59; border-color: #ff5038;}
.deal3{ background: #e8f4ff; color: #4a4e59; border-color: #6cb5fa;}
.feedback-list .td3{ overflow: hidden; text-overflow: ellipsis; font-size: 18px; color: #4a4e57;}
.feedback-list a{ font-size: 18px; color: #ff5038;}
.feedback-msg{ display: flex; align-items: center; font-size: 20px; color: #b6bcc6; margin: 30px auto 20px;}
.feedback-msg .role-avatar{ width: 62px; height: 62px; margin-right: 24px;}
.feedback-msg2 .role-avatar{ width: 72px; height: 72px;}
.feedback-msg .role-name{ margin-right: 24px;}
.divide{ font-size: 20px; color: #9199a7; position: relative; z-index: 0; margin: 20px auto; display: flex; align-items: center;}
.divide:before{ content: ''; width: 100%; height: 1px; background: #d9d9d9; position: absolute; left: 0; top: 50%;}
.divide span,.divide a{ margin-left: 30px; padding: 0 10px; background: #fff; position: relative; z-index: 2;}
.comment-reply .divide:before{ width: 32px;}
.comment-reply .divide{ margin: -10px auto 10px;}
.divide a{ font-size: 18px; color: #4a4e57; display: flex; align-items: center;}
.divide .divide2,.divide .divide3{ display: none;}
.divide3 .icon-arrow{ transform: rotate(135deg); margin-top: 8px}
.divide .icon-arrow{ margin: -6px 0 0 12px;}
.feedback-reply{ font-size: 20px; color: #4a4e57; margin-left: 96px;}
.feedback-reply .icon-comment{ margin-left: 0;}
.reply-text{ display: flex; align-items: center; margin: 10px 0;}
.reply-text textarea{ height: 38px; line-height: 38px; resize: none; flex: 1; padding: 0 14px;margin-top: 14px;}
.reply-text .btn{ width: 120px; height: 38px; line-height: 38px; margin-left: 20px;}
.content-pagin{margin-top: auto; width: 100%;}
.feedback-pagin .laypage_curr,.feedback-pagin a:hover{ color: #ff8841; border-color: #ff8841;}

.feedback-select0{width: 182px;}
.feedback-select1{width: 182px;}
.feedback-select2{width: 182px;}

.feedback-reply-cont{ padding: 0 30px; margin: 0 6px; overflow: hidden; }
.feedback-reply-text{ margin: 0 0 30px; width: 100%; height: 190px; border-radius: 5px; background: #f2f3f8; box-sizing: border-box; padding: 20px; position: relative; font-size: 20px; color: #4a4e57;}
.feedback-reply-text textarea{ width: 100%; height: 100%; border: none; resize: none; font-size: 18px; background: #f2f3f8;}
.reply-num{ position: absolute; right: 30px; bottom: 20px; font-size: 18px; color: #afb3bd;}

/* feedback end */